@elementor/editor-variables 3.33.0-159 → 3.33.0-160

package/dist/index.js

@@ -1131,11 +1131,15 @@ var VariableEditableCell = React9.memo(
     const [value, setValue] = (0, import_react8.useState)(initialValue);
     const [isEditing, setIsEditing] = (0, import_react8.useState)(false);
     const { labelFieldError, setLabelFieldError } = useLabelError();
+    const [valueFieldError, setValueFieldError] = (0, import_react8.useState)("");
     const rowRef = (0, import_react8.useRef)(null);
     const handleSave = (0, import_react8.useCallback)(() => {
-      onChange(value);
+      const hasError = fieldType === "label" && labelFieldError?.message || fieldType === "value" && valueFieldError;
+      if (!hasError) {
+        onChange(value);
+      }
       setIsEditing(false);
-    }, [value, onChange]);
+    }, [value, onChange, fieldType, labelFieldError, valueFieldError]);
     (0, import_react8.useEffect)(() => {
       onRowRef?.(rowRef?.current);
     }, [onRowRef]);
@@ -1169,11 +1173,18 @@ var VariableEditableCell = React9.memo(
             value,
             message: errorMsg
           });
+        } else {
+          setValueFieldError(errorMsg);
         }
       },
-      [fieldType, value, setLabelFieldError]
+      [fieldType, value, setLabelFieldError, setValueFieldError]
     );
-    const currentError = fieldType === "label" ? labelFieldError : void 0;
+    let currentError;
+    if (fieldType === "label") {
+      currentError = labelFieldError;
+    } else if (fieldType === "value") {
+      currentError = { value, message: valueFieldError };
+    }
     const editableContent = editableElement({
       value,
       onChange: handleChange,
@@ -1405,9 +1416,23 @@ var VariablesManagerTable = ({
                     });
                   }
                 },
-                editableElement: row.valueField,
+                editableElement: ({
+                  value,
+                  onChange,
+                  onValidationChange,
+                  error
+                }) => row.valueField({
+                  value,
+                  onChange,
+                  onValidationChange: (errorMsg) => {
+                    onValidationChange?.(errorMsg);
+                    onFieldError?.(!!errorMsg);
+                  },
+                  error
+                }),
                 onRowRef: handleRowRef(row.id),
-                gap: 0.25
+                gap: 0.25,
+                fieldType: "value"
               },
               row.startIcon && row.startIcon({ value: row.value }),
               /* @__PURE__ */ React10.createElement(