@elementor/editor-editing-panel 3.35.0-447 → 3.35.0-448

package/dist/index.mjs

@@ -2183,7 +2183,8 @@ import {
   useElementSettings
 } from "@elementor/editor-elements";
 import {
-  isDependencyMet as isDependencyMet2
+  isDependencyMet as isDependencyMet2,
+  migratePropValue
 } from "@elementor/editor-props";
 import { undoable as undoable4 } from "@elementor/editor-v1-adapters";
 import { __ as __8 } from "@wordpress/i18n";
@@ -2342,7 +2343,10 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
     elementType: { propsSchema, dependenciesPerTargetMapping = {} }
   } = useElement();
   const elementSettingValues = useElementSettings(elementId, Object.keys(propsSchema));
-  const value = { [bind]: elementSettingValues?.[bind] ?? null };
+  const migratedValues = useMemo7(() => {
+    return migratePropValues(elementSettingValues, propsSchema);
+  }, [elementSettingValues, propsSchema]);
+  const value = { [bind]: migratedValues?.[bind] ?? null };
   const propType = createTopLevelObjectType({ schema: propsSchema });
   const undoableUpdateElementProp = useUndoableUpdateElementProp({
     elementId,
@@ -2351,14 +2355,14 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
   const setValue = (newValue, _ = {}, meta) => {
     const { withHistory = true } = meta ?? {};
     const dependents = extractOrderedDependencies(dependenciesPerTargetMapping);
-    const settings = getUpdatedValues(newValue, dependents, propsSchema, elementSettingValues, elementId);
+    const settings = getUpdatedValues(newValue, dependents, propsSchema, migratedValues, elementId);
     if (withHistory) {
       undoableUpdateElementProp(settings);
     } else {
       updateElementSettings3({ id: elementId, props: settings, withHistory: false });
     }
   };
-  const isDisabled = (prop) => !isDependencyMet2(prop?.dependencies, elementSettingValues).isMet;
+  const isDisabled = (prop) => !isDependencyMet2(prop?.dependencies, migratedValues).isMet;
   return /* @__PURE__ */ React22.createElement(PropProvider, { propType, value, setValue, isDisabled }, /* @__PURE__ */ React22.createElement(PropKeyProvider, { bind }, children));
 };
 function useUndoableUpdateElementProp({
@@ -2387,6 +2391,25 @@ function useUndoableUpdateElementProp({
     );
   }, [elementId, propDisplayName]);
 }
+function migratePropValues(values, schema) {
+  if (!values) {
+    return values;
+  }
+  const migrated = {};
+  for (const [key, value] of Object.entries(values)) {
+    if (value === null || value === void 0) {
+      migrated[key] = value;
+      continue;
+    }
+    const propType = schema[key];
+    if (!propType) {
+      migrated[key] = value;
+      continue;
+    }
+    migrated[key] = migratePropValue(value, propType);
+  }
+  return migrated;
+}
 
 // src/field-indicators-registry.ts
 var indicatorsRegistry = {