@elementor/editor-editing-panel 3.32.0-69 → 3.32.0-71

package/dist/index.mjs

@@ -3342,29 +3342,30 @@ import { useSelectedElement } from "@elementor/editor-elements";
 import { __ as __21 } from "@wordpress/i18n";
 
 // src/utils/get-recently-used-styles.ts
+import { createPropsResolver as createPropsResolver2, styleTransformersRegistry } from "@elementor/editor-canvas";
 import { getElementStyles as getElementStyles2 } from "@elementor/editor-elements";
-var quickTransform = (props) => {
-  return Object.entries(props).map(([key, value]) => {
-    if (value && typeof value === "object" && "$$type" in value) {
-      if (value?.$$type === "dimensions") {
-        return Object.keys(value?.value ?? {}).map((nestedKey) => `${key}-${nestedKey}`);
-      }
-      if (Array.isArray(value?.value) && !value?.value?.length) {
-        return [];
-      }
-    }
-    return [key];
-  });
-};
-var getRecentlyUsedList = (elementId) => {
+import { getStylesSchema as getStylesSchema3 } from "@elementor/editor-styles";
+var getRecentlyUsedList = async (elementId) => {
   if (!elementId) {
     return [];
   }
-  const styles = getElementStyles2(elementId);
+  const resolver = createPropsResolver2({
+    transformers: styleTransformersRegistry,
+    schema: getStylesSchema3()
+  });
+  const styles = getElementStyles2(elementId) ?? {};
   const styleKeys = Object.keys(styles ?? {});
   const variants = styleKeys.map((key) => styles?.[key]?.variants ?? []);
-  const propList = variants.flat().filter((variant) => variant !== void 0).map((variant) => variant.props);
-  const propSet = new Set(propList.map(quickTransform).flat(2));
+  const resolved = await Promise.all(
+    variants.flat().map(async (variant) => {
+      const result = await resolver({
+        props: variant.props ?? {},
+        schema: getStylesSchema3()
+      });
+      return Object.entries(result).filter(([, value]) => value !== null).map(([key]) => key);
+    })
+  );
+  const propSet = new Set(resolved.flat());
   return Array.from(propSet);
 };
 
@@ -3392,7 +3393,7 @@ var EffectsSection = () => {
     TransitionRepeaterControl,
     {
       currentStyleState: meta.state,
-      recentlyUsedList: getRecentlyUsedList(element?.id)
+      recentlyUsedListGetter: () => getRecentlyUsedList(element?.id ?? "")
     }
   )), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "filter", propDisplayName: FILTER_LABEL }, /* @__PURE__ */ React46.createElement(FilterRepeaterControl, null)), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "backdrop-filter", propDisplayName: BACKDROP_FILTER_LABEL }, /* @__PURE__ */ React46.createElement(FilterRepeaterControl, { filterPropName: "backdrop-filter" })));
 };
@@ -5070,7 +5071,7 @@ var EditingPanelHooks = () => {
 };
 
 // src/dynamics/init.ts
-import { settingsTransformersRegistry, styleTransformersRegistry } from "@elementor/editor-canvas";
+import { settingsTransformersRegistry, styleTransformersRegistry as styleTransformersRegistry2 } from "@elementor/editor-canvas";
 import { injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel } from "@elementor/editor-controls";
 
 // src/dynamics/components/background-control-dynamic-tag.tsx
@@ -5539,7 +5540,7 @@ var init = () => {
     id: "dynamic-tags",
     useProps: usePropDynamicAction
   });
-  styleTransformersRegistry.register("dynamic", dynamicTransformer);
+  styleTransformersRegistry2.register("dynamic", dynamicTransformer);
   settingsTransformersRegistry.register("dynamic", dynamicTransformer);
 };
 
@@ -5566,7 +5567,7 @@ function useResetStyleValueProps() {
 }
 
 // src/styles-inheritance/init-styles-inheritance-transformers.ts
-import { createTransformer as createTransformer6, styleTransformersRegistry as styleTransformersRegistry2 } from "@elementor/editor-canvas";
+import { createTransformer as createTransformer6, styleTransformersRegistry as styleTransformersRegistry3 } from "@elementor/editor-canvas";
 
 // src/styles-inheritance/consts.ts
 var excludePropTypeTransformers = /* @__PURE__ */ new Set([
@@ -5688,7 +5689,7 @@ var backgroundOverlayTransformer = createTransformer5((values) => {
 
 // src/styles-inheritance/init-styles-inheritance-transformers.ts
 function initStylesInheritanceTransformers() {
-  const originalStyleTransformers = styleTransformersRegistry2.all();
+  const originalStyleTransformers = styleTransformersRegistry3.all();
   Object.entries(originalStyleTransformers).forEach(([propType, transformer]) => {
     if (excludePropTypeTransformers.has(propType)) {
       return;