userProp function builder: quote param

openforis · Oct 14, 2024 · dcb9c64 · dcb9c64
1 parent 90131b9
commit dcb9c64
Showing 1 changed file with 5 additions and 8 deletions.
diff --git a/webapp/components/expression/nodes/call/callUserPropEditor.js b/webapp/components/expression/nodes/call/callUserPropEditor.js
@@ -19,13 +19,10 @@ export const CallUserPropEditor = (props) => {
 
   const [value, setValue] = useState(initialValue)
 
-  const createFunctionCall = useCallback(
-    (valueUpdated) =>
-      Expression.newCall({ callee: Expression.functionNames.userProp, params: [Expression.newLiteral(valueUpdated)] }),
-    []
-  )
-
-  const onValueChange = useCallback((valueUpdated) => setValue(valueUpdated), [])
+  const createFunctionCall = useCallback((valueUpdated) => {
+    const param = Expression.newLiteral(StringUtils.quote(valueUpdated))
+    return Expression.newCall({ callee: Expression.functionNames.userProp, params: [param] })
+  }, [])
 
   const onConfirm = useCallback(() => {
     if (Objects.isNotEmpty(value)) {
@@ -36,7 +33,7 @@ export const CallUserPropEditor = (props) => {
   return (
     <div className="function-editor">
       <FormItem label={i18n.t('extraProp.label')}>
-        <Input onChange={onValueChange} textTransformFunction={StringUtils.normalizeName} value={value} />
+        <Input onChange={setValue} textTransformFunction={StringUtils.normalizeName} value={value} />
       </FormItem>
       <Button disabled={Objects.isEmpty(value)} label="common.ok" onClick={onConfirm} />
     </div>