@elementor/editor-variables 3.32.0-30 → 3.32.0-31

package/dist/index.mjs

@@ -456,6 +456,7 @@ function createVariableTypeRegistry() {
     propTypeUtil,
     variableType,
     selectionFilter,
+    valueTransformer,
     fallbackPropTypeUtil
   }) => {
     if (variableTypes[propTypeUtil.key]) {
@@ -468,6 +469,7 @@ function createVariableTypeRegistry() {
       propTypeUtil,
       variableType,
       selectionFilter,
+      valueTransformer,
       fallbackPropTypeUtil
     };
     registerTransformer(propTypeUtil.key);
@@ -495,6 +497,22 @@ function createVariableTypeRegistry() {
 // src/variables-registry/variable-type-registry.ts
 var { registerVariableType, getVariableType, hasVariableType } = createVariableTypeRegistry();
 
+// src/utils/unlink-variable.ts
+function transformValueBeforeUnlink(variable, propTypeKey) {
+  const { valueTransformer } = getVariableType(propTypeKey);
+  if (valueTransformer) {
+    return valueTransformer(variable.value);
+  }
+  return variable.value;
+}
+function createUnlinkHandler(variable, propTypeKey, setValue) {
+  return () => {
+    const { fallbackPropTypeUtil } = getVariableType(propTypeKey);
+    const transformedValue = transformValueBeforeUnlink(variable, propTypeKey);
+    setValue(fallbackPropTypeUtil.create(transformedValue));
+  };
+}
+
 // src/components/variable-selection-popover.tsx
 import * as React15 from "react";
 import { useState as useState7 } from "react";
@@ -1443,7 +1461,7 @@ var AssignedTag = ({ startIcon, label, onUnlink, ...props }) => {
 
 // src/components/ui/variable/assigned-variable.tsx
 var AssignedVariable = ({ variable, propTypeKey }) => {
-  const { fallbackPropTypeUtil, startIcon, propTypeUtil } = getVariableType(propTypeKey);
+  const { startIcon, propTypeUtil } = getVariableType(propTypeKey);
   const { setValue } = useBoundProp6();
   const anchorRef = useRef(null);
   const popupId = useId2();
@@ -1451,10 +1469,7 @@ var AssignedVariable = ({ variable, propTypeKey }) => {
     variant: "popover",
     popupId: `elementor-variables-list-${popupId}`
   });
-  const unlinkVariable = () => {
-    const fallbackValue = fallbackPropTypeUtil.create(variable.value);
-    setValue(fallbackValue);
-  };
+  const unlinkVariable = createUnlinkHandler(variable, propTypeKey, setValue);
   const StartIcon = startIcon || (() => null);
   return /* @__PURE__ */ React17.createElement(Box5, { ref: anchorRef }, /* @__PURE__ */ React17.createElement(
     AssignedTag,
@@ -1634,7 +1649,7 @@ var DeletedTag = React20.forwardRef(({ label, onClick, ...props }, ref) => {
 
 // src/components/ui/variable/deleted-variable.tsx
 var DeletedVariable = ({ variable, propTypeKey }) => {
-  const { fallbackPropTypeUtil, propTypeUtil } = getVariableType(propTypeKey);
+  const { propTypeUtil } = getVariableType(propTypeKey);
   const { setValue } = useBoundProp8();
   const userPermissions = usePermissions();
   const [showInfotip, setShowInfotip] = useState9(false);
@@ -1648,9 +1663,7 @@ var DeletedVariable = ({ variable, propTypeKey }) => {
   });
   const handlers = {};
   if (userPermissions.canUnlink()) {
-    handlers.onUnlink = () => {
-      setValue(fallbackPropTypeUtil.create(variable.value));
-    };
+    handlers.onUnlink = createUnlinkHandler(variable, propTypeKey, setValue);
   }
   if (userPermissions.canRestore()) {
     handlers.onRestore = () => {