@elementor/editor-controls 3.32.0-27 → 3.32.0-28

package/dist/index.d.mts

@@ -262,7 +262,9 @@ declare const PositionControl: () => React$1.JSX.Element;
 
 declare const TransformRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
 
-declare const TransitionRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
+declare const TransitionRepeaterControl: ControlComponent<(props: {
+    recentlyUsedList: string[];
+}) => React$1.JSX.Element>;
 
 declare const PopoverContent: FC<PropsWithChildren<StackProps>>;
 

package/dist/index.d.ts

@@ -262,7 +262,9 @@ declare const PositionControl: () => React$1.JSX.Element;
 
 declare const TransformRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
 
-declare const TransitionRepeaterControl: ControlComponent<() => React$1.JSX.Element>;
+declare const TransitionRepeaterControl: ControlComponent<(props: {
+    recentlyUsedList: string[];
+}) => React$1.JSX.Element>;
 
 declare const PopoverContent: FC<PropsWithChildren<StackProps>>;
 

package/dist/index.js

@@ -4869,7 +4869,15 @@ var toTransitionSelectorValue = (label) => {
   }
   return null;
 };
-var TransitionSelector = () => {
+var findByValue = (value) => {
+  for (const category of transitionProperties) {
+    const property = category.properties.find((prop) => prop.value === value);
+    if (property) {
+      return property.label;
+    }
+  }
+};
+var TransitionSelector = ({ recentlyUsedList }) => {
   const { value, setValue } = useBoundProp(import_editor_props42.keyValuePropTypeUtil);
   const {
     value: { value: transitionValue },
@@ -4877,6 +4885,25 @@ var TransitionSelector = () => {
   } = value;
   const defaultRef = (0, import_react45.useRef)(null);
   const popoverState = (0, import_ui70.usePopupState)({ variant: "popover" });
+  const getItemList = () => {
+    const recentItems = recentlyUsedList.map((item) => findByValue(item)).filter((item) => !!item);
+    const filteredItems = transitionsItemsList.map((category) => {
+      return {
+        ...category,
+        items: category.items.filter((item) => !recentItems.includes(item))
+      };
+    });
+    if (recentItems.length === 0) {
+      return filteredItems;
+    }
+    return [
+      {
+        label: (0, import_i18n39.__)("Recent", "elementor"),
+        items: recentItems
+      },
+      ...filteredItems
+    ];
+  };
   const handleTransitionPropertyChange = (newLabel) => {
     const newValue = toTransitionSelectorValue(newLabel);
     if (!newValue) {
@@ -4918,7 +4945,7 @@ var TransitionSelector = () => {
     /* @__PURE__ */ React80.createElement(
       ItemSelector,
       {
-        itemsList: transitionsItemsList,
+        itemsList: getItemList(),
         selectedItem: transitionValue,
         onItemChange: handleTransitionPropertyChange,
         onClose: popoverState.close,
@@ -4936,13 +4963,15 @@ var DURATION_CONFIG = {
   units: ["s", "ms"],
   defaultUnit: "ms"
 };
-var getSelectionSizeProps = () => {
+var getSelectionSizeProps = (recentlyUsedList) => {
   return {
     selectionLabel: (0, import_i18n40.__)("Type", "elementor"),
     sizeLabel: (0, import_i18n40.__)("Duration", "elementor"),
     selectionConfig: {
       component: TransitionSelector,
-      props: {}
+      props: {
+        recentlyUsedList
+      }
     },
     sizeConfigMap: {
       ...transitionProperties.reduce(
@@ -4957,14 +4986,14 @@ var getSelectionSizeProps = () => {
     }
   };
 };
-function getChildControlConfig() {
+function getChildControlConfig(recentlyUsedList) {
   return {
     propTypeUtil: import_editor_props43.selectionSizePropTypeUtil,
     component: SelectionSizeControl,
-    props: getSelectionSizeProps()
+    props: getSelectionSizeProps(recentlyUsedList)
   };
 }
-var TransitionRepeaterControl = createControl(() => {
+var TransitionRepeaterControl = createControl((props) => {
   return /* @__PURE__ */ React81.createElement(
     RepeatableControl,
     {
@@ -4975,7 +5004,7 @@ var TransitionRepeaterControl = createControl(() => {
       showDuplicate: false,
       showToggle: true,
       initialValues: initialTransitionValue,
-      childControlConfig: getChildControlConfig(),
+      childControlConfig: getChildControlConfig(props.recentlyUsedList),
       propKey: "transition"
     }
   );