@elementor/editor-controls 3.33.0-100 → 3.33.0-102

package/dist/index.d.mts

@@ -179,6 +179,7 @@ declare const FontFamilyControl: ControlComponent<({ fontFamilies, sectionWidth
 type SelectableItem = {
     type: 'item' | 'category';
     value: string;
+    disabled?: boolean;
 };
 
 type Category = {
@@ -197,8 +198,9 @@ type ItemSelectorProps = {
     icon: React$1.ElementType<{
         fontSize: string;
     }>;
+    disabledItems?: string[];
 };
-declare const ItemSelector: ({ itemsList, selectedItem, onItemChange, onClose, sectionWidth, title, itemStyle, onDebounce, icon, }: ItemSelectorProps) => React$1.JSX.Element;
+declare const ItemSelector: ({ itemsList, selectedItem, onItemChange, onClose, sectionWidth, title, itemStyle, onDebounce, icon, disabledItems, }: ItemSelectorProps) => React$1.JSX.Element;
 
 declare const UrlControl: ControlComponent<({ placeholder }: {
     placeholder?: string;

package/dist/index.d.ts

@@ -179,6 +179,7 @@ declare const FontFamilyControl: ControlComponent<({ fontFamilies, sectionWidth
 type SelectableItem = {
     type: 'item' | 'category';
     value: string;
+    disabled?: boolean;
 };
 
 type Category = {
@@ -197,8 +198,9 @@ type ItemSelectorProps = {
     icon: React$1.ElementType<{
         fontSize: string;
     }>;
+    disabledItems?: string[];
 };
-declare const ItemSelector: ({ itemsList, selectedItem, onItemChange, onClose, sectionWidth, title, itemStyle, onDebounce, icon, }: ItemSelectorProps) => React$1.JSX.Element;
+declare const ItemSelector: ({ itemsList, selectedItem, onItemChange, onClose, sectionWidth, title, itemStyle, onDebounce, icon, disabledItems, }: ItemSelectorProps) => React$1.JSX.Element;
 
 declare const UrlControl: ControlComponent<({ placeholder }: {
     placeholder?: string;

package/dist/index.js

@@ -2756,7 +2756,7 @@ var import_utils3 = require("@elementor/utils");
 var import_i18n19 = require("@wordpress/i18n");
 
 // src/hooks/use-filtered-items-list.ts
-var useFilteredItemsList = (itemsList, searchValue) => {
+var useFilteredItemsList = (itemsList, searchValue, disabledItems) => {
   return itemsList.reduce((acc, category) => {
     const filteredItems = category.items.filter(
       (item) => item.toLowerCase().includes(searchValue.toLowerCase())
@@ -2764,7 +2764,7 @@ var useFilteredItemsList = (itemsList, searchValue) => {
     if (filteredItems.length) {
       acc.push({ type: "category", value: category.label });
       filteredItems.forEach((item) => {
-        acc.push({ type: "item", value: item });
+        acc.push({ type: "item", value: item, disabled: disabledItems?.includes(item) ?? false });
       });
     }
     return acc;
@@ -2782,10 +2782,11 @@ var ItemSelector = ({
   itemStyle = () => ({}),
   onDebounce = () => {
   },
-  icon
+  icon,
+  disabledItems
 }) => {
   const [searchValue, setSearchValue] = (0, import_react25.useState)("");
-  const filteredItemsList = useFilteredItemsList(itemsList, searchValue);
+  const filteredItemsList = useFilteredItemsList(itemsList, searchValue, disabledItems);
   const IconComponent = icon;
   const handleSearch = (value) => {
     setSearchValue(value);
@@ -5155,7 +5156,10 @@ var findByValue = (value) => {
     }
   }
 };
-var TransitionSelector = ({ recentlyUsedList = [] }) => {
+var TransitionSelector = ({
+  recentlyUsedList = [],
+  disabledItems = []
+}) => {
   const { value, setValue } = useBoundProp(import_editor_props46.keyValuePropTypeUtil);
   const {
     key: { value: transitionLabel }
@@ -5230,7 +5234,8 @@ var TransitionSelector = ({ recentlyUsedList = [] }) => {
         onClose: popoverState.close,
         sectionWidth: 268,
         title: (0, import_i18n46.__)("Transition Property", "elementor"),
-        icon: import_icons30.VariationsIcon
+        icon: import_icons30.VariationsIcon,
+        disabledItems
       }
     )
   ));
@@ -5242,14 +5247,15 @@ var DURATION_CONFIG = {
   units: ["s", "ms"],
   defaultUnit: "ms"
 };
-var getSelectionSizeProps = (recentlyUsedList) => {
+var getSelectionSizeProps = (recentlyUsedList, disabledItems) => {
   return {
     selectionLabel: (0, import_i18n47.__)("Type", "elementor"),
     sizeLabel: (0, import_i18n47.__)("Duration", "elementor"),
     selectionConfig: {
       component: TransitionSelector,
       props: {
-        recentlyUsedList
+        recentlyUsedList,
+        disabledItems
       }
     },
     sizeConfigMap: {
@@ -5265,11 +5271,11 @@ var getSelectionSizeProps = (recentlyUsedList) => {
     }
   };
 };
-function getChildControlConfig(recentlyUsedList) {
+function getChildControlConfig(recentlyUsedList, disabledItems) {
   return {
     propTypeUtil: import_editor_props47.selectionSizePropTypeUtil,
     component: SelectionSizeControl,
-    props: getSelectionSizeProps(recentlyUsedList)
+    props: getSelectionSizeProps(recentlyUsedList, disabledItems)
   };
 }
 var disableAddItemTooltipContent = /* @__PURE__ */ React90.createElement(
@@ -5286,6 +5292,12 @@ var disableAddItemTooltipContent = /* @__PURE__ */ React90.createElement(
   /* @__PURE__ */ React90.createElement(import_ui78.Box, { component: "span" }, /* @__PURE__ */ React90.createElement(import_ui78.Typography, { variant: "body2" }, (0, import_i18n47.__)("Switch to 'Normal' state to add a transition.", "elementor")))
 );
 subscribeToTransitionEvent();
+var getTransitionLabel = (item) => {
+  return item.value.selection.value?.key?.value ?? "";
+};
+var getDisabledItems = (value) => {
+  return value?.map(getTransitionLabel) ?? [];
+};
 var TransitionRepeaterControl = createControl(
   ({
     recentlyUsedListGetter,
@@ -5293,6 +5305,12 @@ var TransitionRepeaterControl = createControl(
   }) => {
     const currentStyleIsNormal = currentStyleState === null;
     const [recentlyUsedList, setRecentlyUsedList] = (0, import_react46.useState)([]);
+    const childArrayPropTypeUtil = (0, import_react46.useMemo)(
+      () => (0, import_editor_props47.createArrayPropUtils)(import_editor_props47.selectionSizePropTypeUtil.key, import_editor_props47.selectionSizePropTypeUtil.schema, "transition"),
+      []
+    );
+    const { value } = useBoundProp(childArrayPropTypeUtil);
+    const disabledItems = (0, import_react46.useMemo)(() => getDisabledItems(value), [value]);
     (0, import_react46.useEffect)(() => {
       recentlyUsedListGetter().then(setRecentlyUsedList);
     }, [recentlyUsedListGetter]);
@@ -5306,7 +5324,7 @@ var TransitionRepeaterControl = createControl(
         showDuplicate: false,
         showToggle: true,
         initialValues: initialTransitionValue,
-        childControlConfig: getChildControlConfig(recentlyUsedList),
+        childControlConfig: getChildControlConfig(recentlyUsedList, disabledItems),
         propKey: "transition",
         addItemTooltipProps: {
           disabled: !currentStyleIsNormal,