@elementor/editor-variables 3.32.0-35 → 3.32.0-37

package/dist/index.js

@@ -846,13 +846,19 @@ var VariableCreation = ({ onGoBack, onClose }) => {
       action: "save"
     });
   };
-  const hasEmptyValue = () => {
-    return "" === value.trim() || "" === label.trim();
+  const hasEmptyFields = () => {
+    if ("" === label.trim()) {
+      return true;
+    }
+    if ("string" === typeof value) {
+      return "" === value.trim();
+    }
+    return false === Boolean(value);
   };
   const hasErrors = () => {
     return !!errorMessage;
   };
-  const isSubmitDisabled = hasEmptyValue() || hasErrors();
+  const isSubmitDisabled = hasEmptyFields() || hasErrors();
   return /* @__PURE__ */ React7.createElement(import_editor_editing_panel2.PopoverBody, { height: "auto" }, /* @__PURE__ */ React7.createElement(
     import_editor_ui2.PopoverHeader,
     {
@@ -964,8 +970,8 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
     throw new Error(`Global ${variableType} variable not found`);
   }
   const userPermissions = usePermissions();
-  const [value, setValue] = (0, import_react8.useState)(variable.value);
-  const [label, setLabel] = (0, import_react8.useState)(variable.label);
+  const [value, setValue] = (0, import_react8.useState)(() => variable.value);
+  const [label, setLabel] = (0, import_react8.useState)(() => variable.label);
   (0, import_react8.useEffect)(() => {
     styleVariablesRepository.update({
       [editId]: {
@@ -1041,8 +1047,14 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
       )
     );
   }
-  const hasEmptyValues = () => {
-    return !value.trim() || !label.trim();
+  const hasEmptyFields = () => {
+    if ("" === label.trim()) {
+      return true;
+    }
+    if ("string" === typeof value) {
+      return "" === value.trim();
+    }
+    return false === Boolean(value);
   };
   const noValueChanged = () => {
     return value === variable.value && label === variable.label;
@@ -1050,7 +1062,7 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
   const hasErrors = () => {
     return !!errorMessage;
   };
-  const isSubmitDisabled = noValueChanged() || hasEmptyValues() || hasErrors();
+  const isSubmitDisabled = noValueChanged() || hasEmptyFields() || hasErrors();
   return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(import_editor_editing_panel3.PopoverBody, { height: "auto" }, /* @__PURE__ */ React10.createElement(
     import_editor_ui3.PopoverHeader,
     {
@@ -1561,8 +1573,14 @@ var VariableRestore = ({ variableId, onClose, onSubmit }) => {
       setErrorMessage(ERROR_MESSAGES.UNEXPECTED_ERROR);
     });
   };
-  const hasEmptyValues = () => {
-    return !value.trim() || !label.trim();
+  const hasEmptyFields = () => {
+    if ("" === label.trim()) {
+      return true;
+    }
+    if ("string" === typeof value) {
+      return "" === value.trim();
+    }
+    return false === Boolean(value);
   };
   const noValueChanged = () => {
     return value === variable.value && label === variable.label;
@@ -1570,7 +1588,7 @@ var VariableRestore = ({ variableId, onClose, onSubmit }) => {
   const hasErrors = () => {
     return !!errorMessage;
   };
-  const isSubmitDisabled = noValueChanged() || hasEmptyValues() || hasErrors();
+  const isSubmitDisabled = noValueChanged() || hasEmptyFields() || hasErrors();
   return /* @__PURE__ */ React18.createElement(PopoverContentRefContextProvider, null, /* @__PURE__ */ React18.createElement(import_editor_editing_panel5.PopoverBody, { height: "auto" }, /* @__PURE__ */ React18.createElement(
     import_editor_ui6.PopoverHeader,
     {