@elementor/editor-variables 3.35.0-362 → 3.35.0-363

package/dist/index.mjs

@@ -203,17 +203,18 @@ var apiClient = {
       value
     });
   },
-  update: (id2, label, value) => {
+  update: (id2, label, value, type) => {
     return httpService().put(BASE_PATH + "/update", {
       id: id2,
       label,
-      value
+      value,
+      type
     });
   },
   delete: (id2) => {
     return httpService().post(BASE_PATH + "/delete", { id: id2 });
   },
-  restore: (id2, label, value) => {
+  restore: (id2, label, value, type) => {
     const payload = { id: id2 };
     if (label) {
       payload.label = label;
@@ -221,6 +222,9 @@ var apiClient = {
     if (value) {
       payload.value = value;
     }
+    if (type) {
+      payload.type = type;
+    }
     return httpService().post(BASE_PATH + "/restore", payload);
   },
   batch: (payload) => {
@@ -486,8 +490,8 @@ var service = {
       };
     });
   },
-  update: (id2, { label, value }) => {
-    return apiClient.update(id2, label, value).then((response) => {
+  update: (id2, { label, value, type }) => {
+    return apiClient.update(id2, label, value, type).then((response) => {
       const { success, data: payload } = response.data;
       if (!success) {
         const errorMessage = payload?.message || __2("Unexpected response from server", "elementor");
@@ -529,8 +533,8 @@ var service = {
       };
     });
   },
-  restore: (id2, label, value) => {
-    return apiClient.restore(id2, label, value).then((response) => {
+  restore: (id2, label, value, type) => {
+    return apiClient.restore(id2, label, value, type).then((response) => {
       const { success, data: payload } = response.data;
       if (!success) {
         throw new Error("Unexpected response from server");
@@ -951,14 +955,14 @@ var extractId = ({ id: id2 }) => id2;
 var createVariable = (newVariable) => {
   return service.create(newVariable).then(extractId);
 };
-var updateVariable = (updateId, { value, label }) => {
-  return service.update(updateId, { value, label }).then(extractId);
+var updateVariable = (updateId, { value, label, type }) => {
+  return service.update(updateId, { value, label, type }).then(extractId);
 };
 var deleteVariable = (deleteId) => {
   return service.delete(deleteId).then(extractId);
 };
-var restoreVariable = (restoreId, label, value) => {
-  return service.restore(restoreId, label, value).then(extractId);
+var restoreVariable = (restoreId, label, value, type) => {
+  return service.restore(restoreId, label, value, type).then(extractId);
 };
 
 // src/components/variables-manager/hooks/use-variables-manager-state.ts
@@ -2256,7 +2260,7 @@ var EditConfirmationDialog = ({
 var SIZE3 = "tiny";
 var DELETE_LABEL = __12("Delete variable", "elementor");
 var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
-  const { icon: VariableIcon, valueField: ValueField, variableType } = useVariableType();
+  const { icon: VariableIcon, valueField: ValueField, variableType, propTypeUtil } = useVariableType();
   const { setVariableValue: notifyBoundPropChange, variableId } = useVariableBoundProp();
   const { propType } = useBoundProp5();
   const [isMessageSuppressed, suppressMessage] = useSuppressedMessage(EDIT_CONFIRMATION_DIALOG_ID);
@@ -2266,6 +2270,7 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
   const [valueFieldError, setValueFieldError] = useState9("");
   const { labelFieldError, setLabelFieldError } = useLabelError();
   const variable = useVariable(editId);
+  const [propTypeKey, setPropTypeKey] = useState9(variable?.type ?? propTypeUtil.key);
   if (!variable) {
     throw new Error(`Global ${variableType} variable not found`);
   }
@@ -2293,10 +2298,9 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
     }
   };
   const handleSaveVariable = () => {
-    updateVariable(editId, {
-      value,
-      label
-    }).then(() => {
+    const typeChanged = propTypeKey !== variable.type;
+    const updatePayload = typeChanged ? { value, label, type: propTypeKey } : { value, label };
+    updateVariable(editId, updatePayload).then(() => {
       maybeTriggerBoundPropChange();
       onSubmit?.();
     }).catch((error) => {
@@ -2400,6 +2404,7 @@ var VariableEdit = ({ onClose, onGoBack, onSubmit, editId }) => {
     ValueField,
     {
       propTypeKey: variable.type,
+      onPropTypeKeyChange: (key) => setPropTypeKey(key),
       value,
       onChange: (newValue) => {
         setValue(newValue);
@@ -2861,7 +2866,7 @@ import { Button as Button7, CardActions as CardActions3, Divider as Divider5, Fo
 import { __ as __16 } from "@wordpress/i18n";
 var SIZE7 = "tiny";
 var VariableRestore = ({ variableId, onClose, onSubmit }) => {
-  const { icon: VariableIcon, valueField: ValueField, variableType } = useVariableType();
+  const { icon: VariableIcon, valueField: ValueField, variableType, propTypeUtil } = useVariableType();
   const { setVariableValue: notifyBoundPropChange } = useVariableBoundProp();
   const { propType } = useBoundProp7();
   const variable = useVariable(variableId);
@@ -2872,12 +2877,15 @@ var VariableRestore = ({ variableId, onClose, onSubmit }) => {
   const [valueFieldError, setValueFieldError] = useState12("");
   const [label, setLabel] = useState12(variable.label);
   const [value, setValue] = useState12(variable.value);
+  const [propTypeKey, setPropTypeKey] = useState12(variable?.type ?? propTypeUtil.key);
   const { labelFieldError, setLabelFieldError } = useLabelError({
     value: variable.label,
     message: ERROR_MESSAGES.DUPLICATED_LABEL
   });
   const handleRestore = () => {
-    restoreVariable(variableId, label, value).then(() => {
+    const typeChanged = propTypeKey !== variable.type;
+    const restorePromise = typeChanged ? restoreVariable(variableId, label, value, propTypeKey) : restoreVariable(variableId, label, value);
+    restorePromise.then(() => {
       notifyBoundPropChange(variableId);
       onSubmit?.();
     }).catch((error) => {
@@ -2945,6 +2953,8 @@ var VariableRestore = ({ variableId, onClose, onSubmit }) => {
   ), ValueField && /* @__PURE__ */ React23.createElement(FormField, { errorMsg: valueFieldError, label: __16("Value", "elementor") }, /* @__PURE__ */ React23.createElement(Typography11, { variant: "h5" }, /* @__PURE__ */ React23.createElement(
     ValueField,
     {
+      propTypeKey,
+      onPropTypeKeyChange: (key) => setPropTypeKey(key),
       value,
       onChange: (newValue) => {
         setValue(newValue);