@elementor/editor-controls 3.33.0-139 → 3.33.0-141

package/dist/index.d.mts

@@ -146,12 +146,12 @@ declare const NumberControl: ControlComponent<({ placeholder: labelPlaceholder,
 }) => React$1.JSX.Element>;
 
 type MultiSizePropValue = Record<PropKey, SizePropValue>;
-type Item$1 = {
+type Item = {
     icon: ReactNode;
     label: string;
     bind: PropKey;
 };
-type EqualUnequalItems = [Item$1, Item$1, Item$1, Item$1];
+type EqualUnequalItems = [Item, Item, Item, Item];
 type Props$3<TMultiPropType extends string, TPropValue extends MultiSizePropValue> = {
     label: string;
     icon: ReactNode;
@@ -342,8 +342,58 @@ type ClearIconButtonProps = {
 };
 declare const ClearIconButton: ({ tooltipText, onClick, disabled, size }: ClearIconButtonProps) => React$1.JSX.Element;
 
+type Action = {
+    type: string;
+    payload?: object;
+};
+type SetValueMeta<TAction = Action> = {
+    bind?: PropKey;
+    validation?: (value: PropValue) => boolean;
+    action?: TAction;
+};
+type SetValue<T> = (value: T, options?: CreateOptions, meta?: SetValueMeta) => void;
+type PropContext<T extends PropValue, P extends PropType> = {
+    setValue: SetValue<T>;
+    value: T | null;
+    propType: P;
+    placeholder?: T;
+    isDisabled?: (propType: PropType) => boolean | undefined;
+};
+declare const PropContext: React$1.Context<PropContext<PropValue, PropType> | null>;
+type PropProviderProps<T extends PropValue, P extends PropType> = React$1.PropsWithChildren<PropContext<T, P>>;
+declare const PropProvider: <T extends PropValue, P extends PropType>({ children, value, setValue, propType, placeholder, isDisabled, }: PropProviderProps<T, P>) => React$1.JSX.Element;
+
+type PropKeyContextValue<T, P> = {
+    bind: PropKey;
+    setValue: SetValue<T>;
+    value: T;
+    propType: P;
+    placeholder?: T;
+    path: PropKey[];
+    isDisabled?: (propType: PropType) => boolean | undefined;
+    disabled?: boolean;
+};
+type PropKeyProviderProps = React$1.PropsWithChildren<{
+    bind: PropKey;
+}>;
+declare const PropKeyProvider: ({ children, bind }: PropKeyProviderProps) => React$1.JSX.Element;
+
+type UseBoundProp<TValue extends PropValue> = {
+    bind: PropKey;
+    setValue: SetValue<TValue | null>;
+    value: TValue;
+    propType: PropType;
+    placeholder?: TValue;
+    path: PropKey[];
+    restoreValue: () => void;
+    isDisabled?: (propType: PropType) => boolean | undefined;
+    disabled?: boolean;
+};
+declare function useBoundProp<T extends PropValue = PropValue, P extends PropType = PropType>(): PropKeyContextValue<T, P>;
+declare function useBoundProp<TKey extends string, TValue extends PropValue>(propTypeUtil: PropTypeUtil<TKey, TValue>): UseBoundProp<TValue>;
+
 type AnchorEl = HTMLElement | null;
-type Item<T> = {
+type RepeaterItem<T> = {
     disabled?: boolean;
 } & T;
 type CollectionPropUtil<T> = PropTypeUtil<PropKey, T[]>;
@@ -354,12 +404,36 @@ type RepeaterItemContentProps<T> = {
     collectionPropUtil?: CollectionPropUtil<T>;
 };
 type RepeaterItemContent<T> = React$1.ComponentType<RepeaterItemContentProps<T>>;
+type ItemActionPayload<T> = Array<{
+    index: number;
+    item: T;
+}>;
+type AddItemMeta<T> = {
+    type: 'add';
+    payload: ItemActionPayload<T>;
+};
+type RemoveItemMeta<T> = {
+    type: 'remove';
+    payload: ItemActionPayload<T>;
+};
+type DuplicateItemMeta<T> = {
+    type: 'duplicate';
+    payload: ItemActionPayload<T>;
+};
+type ReorderItemMeta = {
+    type: 'reorder';
+    payload: {
+        from: number;
+        to: number;
+    };
+};
+type SetRepeaterValuesMeta<T> = SetValueMeta<AddItemMeta<T>> | SetValueMeta<RemoveItemMeta<T>> | SetValueMeta<DuplicateItemMeta<T>> | SetValueMeta<ReorderItemMeta>;
 type RepeaterProps<T> = {
     label: string;
     values?: T[];
     addToBottom?: boolean;
     openOnAdd?: boolean;
-    setValues: (newValue: T[]) => void;
+    setValues: (newValue: T[], _: CreateOptions, meta?: SetRepeaterValuesMeta<T>) => void;
     disabled?: boolean;
     itemSettings: {
         initialValues: T;
@@ -376,7 +450,7 @@ type RepeaterProps<T> = {
     isSortable?: boolean;
     collectionPropUtil?: CollectionPropUtil<T>;
 };
-declare const Repeater: <T>({ label, itemSettings, disabled, openOnAdd, addToBottom, values: repeaterValues, setValues: setRepeaterValues, showDuplicate, showToggle, isSortable, collectionPropUtil, }: RepeaterProps<Item<T>>) => React$1.JSX.Element;
+declare const Repeater: <T>({ label, itemSettings, disabled, openOnAdd, addToBottom, values: repeaterValues, setValues: setRepeaterValues, showDuplicate, showToggle, isSortable, collectionPropUtil, }: RepeaterProps<RepeaterItem<T>>) => React$1.JSX.Element;
 
 declare function FloatingActionsBar({ actions, children }: PropsWithChildren<{
     actions: ReactElement[];
@@ -404,55 +478,6 @@ type ControlActionsProviderProps = PropsWithChildren<ControlActionsContext>;
 declare const ControlActionsProvider: ({ children, items }: ControlActionsProviderProps) => React$1.JSX.Element;
 declare const useControlActions: () => ControlActionsContext;
 
-type SetValueMeta = {
-    bind?: PropKey;
-    validation?: (value: PropValue) => boolean;
-    action?: {
-        type: string;
-        payload?: Record<string, unknown>;
-    };
-};
-type SetValue<T> = (value: T, options?: CreateOptions, meta?: SetValueMeta) => void;
-type PropContext<T extends PropValue, P extends PropType> = {
-    setValue: SetValue<T>;
-    value: T | null;
-    propType: P;
-    placeholder?: T;
-    isDisabled?: (propType: PropType) => boolean | undefined;
-};
-declare const PropContext: React$1.Context<PropContext<PropValue, PropType> | null>;
-type PropProviderProps<T extends PropValue, P extends PropType> = React$1.PropsWithChildren<PropContext<T, P>>;
-declare const PropProvider: <T extends PropValue, P extends PropType>({ children, value, setValue, propType, placeholder, isDisabled, }: PropProviderProps<T, P>) => React$1.JSX.Element;
-
-type PropKeyContextValue<T, P> = {
-    bind: PropKey;
-    setValue: SetValue<T>;
-    value: T;
-    propType: P;
-    placeholder?: T;
-    path: PropKey[];
-    isDisabled?: (propType: PropType) => boolean | undefined;
-    disabled?: boolean;
-};
-type PropKeyProviderProps = React$1.PropsWithChildren<{
-    bind: PropKey;
-}>;
-declare const PropKeyProvider: ({ children, bind }: PropKeyProviderProps) => React$1.JSX.Element;
-
-type UseBoundProp<TValue extends PropValue> = {
-    bind: PropKey;
-    setValue: SetValue<TValue | null>;
-    value: TValue;
-    propType: PropType;
-    placeholder?: TValue;
-    path: PropKey[];
-    restoreValue: () => void;
-    isDisabled?: (propType: PropType) => boolean | undefined;
-    disabled?: boolean;
-};
-declare function useBoundProp<T extends PropValue = PropValue, P extends PropType = PropType>(): PropKeyContextValue<T, P>;
-declare function useBoundProp<TKey extends string, TValue extends PropValue>(propTypeUtil: PropTypeUtil<TKey, TValue>): UseBoundProp<TValue>;
-
 type ControlReplacement = {
     component: ComponentType;
     condition: ({ value }: ConditionArgs) => boolean;
@@ -510,4 +535,4 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue, options?: CreateOptions, meta?: SetValueMeta) => void];
 
-export { type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, ImageControl, ItemSelector, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, TransformBaseControl, TransformRepeaterControl, TransitionRepeaterControl, type Unit, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useFloatingActionsBar, useSyncExternalState };
+export { type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, ImageControl, type ItemActionPayload, ItemSelector, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, TransformBaseControl, TransformRepeaterControl, TransitionRepeaterControl, type Unit, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useFloatingActionsBar, useSyncExternalState };

package/dist/index.d.ts

@@ -146,12 +146,12 @@ declare const NumberControl: ControlComponent<({ placeholder: labelPlaceholder,
 }) => React$1.JSX.Element>;
 
 type MultiSizePropValue = Record<PropKey, SizePropValue>;
-type Item$1 = {
+type Item = {
     icon: ReactNode;
     label: string;
     bind: PropKey;
 };
-type EqualUnequalItems = [Item$1, Item$1, Item$1, Item$1];
+type EqualUnequalItems = [Item, Item, Item, Item];
 type Props$3<TMultiPropType extends string, TPropValue extends MultiSizePropValue> = {
     label: string;
     icon: ReactNode;
@@ -342,8 +342,58 @@ type ClearIconButtonProps = {
 };
 declare const ClearIconButton: ({ tooltipText, onClick, disabled, size }: ClearIconButtonProps) => React$1.JSX.Element;
 
+type Action = {
+    type: string;
+    payload?: object;
+};
+type SetValueMeta<TAction = Action> = {
+    bind?: PropKey;
+    validation?: (value: PropValue) => boolean;
+    action?: TAction;
+};
+type SetValue<T> = (value: T, options?: CreateOptions, meta?: SetValueMeta) => void;
+type PropContext<T extends PropValue, P extends PropType> = {
+    setValue: SetValue<T>;
+    value: T | null;
+    propType: P;
+    placeholder?: T;
+    isDisabled?: (propType: PropType) => boolean | undefined;
+};
+declare const PropContext: React$1.Context<PropContext<PropValue, PropType> | null>;
+type PropProviderProps<T extends PropValue, P extends PropType> = React$1.PropsWithChildren<PropContext<T, P>>;
+declare const PropProvider: <T extends PropValue, P extends PropType>({ children, value, setValue, propType, placeholder, isDisabled, }: PropProviderProps<T, P>) => React$1.JSX.Element;
+
+type PropKeyContextValue<T, P> = {
+    bind: PropKey;
+    setValue: SetValue<T>;
+    value: T;
+    propType: P;
+    placeholder?: T;
+    path: PropKey[];
+    isDisabled?: (propType: PropType) => boolean | undefined;
+    disabled?: boolean;
+};
+type PropKeyProviderProps = React$1.PropsWithChildren<{
+    bind: PropKey;
+}>;
+declare const PropKeyProvider: ({ children, bind }: PropKeyProviderProps) => React$1.JSX.Element;
+
+type UseBoundProp<TValue extends PropValue> = {
+    bind: PropKey;
+    setValue: SetValue<TValue | null>;
+    value: TValue;
+    propType: PropType;
+    placeholder?: TValue;
+    path: PropKey[];
+    restoreValue: () => void;
+    isDisabled?: (propType: PropType) => boolean | undefined;
+    disabled?: boolean;
+};
+declare function useBoundProp<T extends PropValue = PropValue, P extends PropType = PropType>(): PropKeyContextValue<T, P>;
+declare function useBoundProp<TKey extends string, TValue extends PropValue>(propTypeUtil: PropTypeUtil<TKey, TValue>): UseBoundProp<TValue>;
+
 type AnchorEl = HTMLElement | null;
-type Item<T> = {
+type RepeaterItem<T> = {
     disabled?: boolean;
 } & T;
 type CollectionPropUtil<T> = PropTypeUtil<PropKey, T[]>;
@@ -354,12 +404,36 @@ type RepeaterItemContentProps<T> = {
     collectionPropUtil?: CollectionPropUtil<T>;
 };
 type RepeaterItemContent<T> = React$1.ComponentType<RepeaterItemContentProps<T>>;
+type ItemActionPayload<T> = Array<{
+    index: number;
+    item: T;
+}>;
+type AddItemMeta<T> = {
+    type: 'add';
+    payload: ItemActionPayload<T>;
+};
+type RemoveItemMeta<T> = {
+    type: 'remove';
+    payload: ItemActionPayload<T>;
+};
+type DuplicateItemMeta<T> = {
+    type: 'duplicate';
+    payload: ItemActionPayload<T>;
+};
+type ReorderItemMeta = {
+    type: 'reorder';
+    payload: {
+        from: number;
+        to: number;
+    };
+};
+type SetRepeaterValuesMeta<T> = SetValueMeta<AddItemMeta<T>> | SetValueMeta<RemoveItemMeta<T>> | SetValueMeta<DuplicateItemMeta<T>> | SetValueMeta<ReorderItemMeta>;
 type RepeaterProps<T> = {
     label: string;
     values?: T[];
     addToBottom?: boolean;
     openOnAdd?: boolean;
-    setValues: (newValue: T[]) => void;
+    setValues: (newValue: T[], _: CreateOptions, meta?: SetRepeaterValuesMeta<T>) => void;
     disabled?: boolean;
     itemSettings: {
         initialValues: T;
@@ -376,7 +450,7 @@ type RepeaterProps<T> = {
     isSortable?: boolean;
     collectionPropUtil?: CollectionPropUtil<T>;
 };
-declare const Repeater: <T>({ label, itemSettings, disabled, openOnAdd, addToBottom, values: repeaterValues, setValues: setRepeaterValues, showDuplicate, showToggle, isSortable, collectionPropUtil, }: RepeaterProps<Item<T>>) => React$1.JSX.Element;
+declare const Repeater: <T>({ label, itemSettings, disabled, openOnAdd, addToBottom, values: repeaterValues, setValues: setRepeaterValues, showDuplicate, showToggle, isSortable, collectionPropUtil, }: RepeaterProps<RepeaterItem<T>>) => React$1.JSX.Element;
 
 declare function FloatingActionsBar({ actions, children }: PropsWithChildren<{
     actions: ReactElement[];
@@ -404,55 +478,6 @@ type ControlActionsProviderProps = PropsWithChildren<ControlActionsContext>;
 declare const ControlActionsProvider: ({ children, items }: ControlActionsProviderProps) => React$1.JSX.Element;
 declare const useControlActions: () => ControlActionsContext;
 
-type SetValueMeta = {
-    bind?: PropKey;
-    validation?: (value: PropValue) => boolean;
-    action?: {
-        type: string;
-        payload?: Record<string, unknown>;
-    };
-};
-type SetValue<T> = (value: T, options?: CreateOptions, meta?: SetValueMeta) => void;
-type PropContext<T extends PropValue, P extends PropType> = {
-    setValue: SetValue<T>;
-    value: T | null;
-    propType: P;
-    placeholder?: T;
-    isDisabled?: (propType: PropType) => boolean | undefined;
-};
-declare const PropContext: React$1.Context<PropContext<PropValue, PropType> | null>;
-type PropProviderProps<T extends PropValue, P extends PropType> = React$1.PropsWithChildren<PropContext<T, P>>;
-declare const PropProvider: <T extends PropValue, P extends PropType>({ children, value, setValue, propType, placeholder, isDisabled, }: PropProviderProps<T, P>) => React$1.JSX.Element;
-
-type PropKeyContextValue<T, P> = {
-    bind: PropKey;
-    setValue: SetValue<T>;
-    value: T;
-    propType: P;
-    placeholder?: T;
-    path: PropKey[];
-    isDisabled?: (propType: PropType) => boolean | undefined;
-    disabled?: boolean;
-};
-type PropKeyProviderProps = React$1.PropsWithChildren<{
-    bind: PropKey;
-}>;
-declare const PropKeyProvider: ({ children, bind }: PropKeyProviderProps) => React$1.JSX.Element;
-
-type UseBoundProp<TValue extends PropValue> = {
-    bind: PropKey;
-    setValue: SetValue<TValue | null>;
-    value: TValue;
-    propType: PropType;
-    placeholder?: TValue;
-    path: PropKey[];
-    restoreValue: () => void;
-    isDisabled?: (propType: PropType) => boolean | undefined;
-    disabled?: boolean;
-};
-declare function useBoundProp<T extends PropValue = PropValue, P extends PropType = PropType>(): PropKeyContextValue<T, P>;
-declare function useBoundProp<TKey extends string, TValue extends PropValue>(propTypeUtil: PropTypeUtil<TKey, TValue>): UseBoundProp<TValue>;
-
 type ControlReplacement = {
     component: ComponentType;
     condition: ({ value }: ConditionArgs) => boolean;
@@ -510,4 +535,4 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue, options?: CreateOptions, meta?: SetValueMeta) => void];
 
-export { type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, ImageControl, ItemSelector, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, TransformBaseControl, TransformRepeaterControl, TransitionRepeaterControl, type Unit, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useFloatingActionsBar, useSyncExternalState };
+export { type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, FloatingActionsBar, type FontCategory, FontFamilyControl, GapControl, ImageControl, type ItemActionPayload, ItemSelector, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, TransformBaseControl, TransformRepeaterControl, TransitionRepeaterControl, type Unit, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useFloatingActionsBar, useSyncExternalState };

package/dist/index.js

@@ -5445,10 +5445,14 @@ var Repeater3 = ({
     const newItem = structuredClone(itemSettings.initialValues);
     const newKey = generateNextKey(uniqueKeys);
     if (addToBottom) {
-      setItems([...items2, newItem], void 0, { action: { type: "add" } });
+      setItems([...items2, newItem], void 0, {
+        action: { type: "add", payload: [{ index: items2.length, item: newItem }] }
+      });
       setUniqueKeys([...uniqueKeys, newKey]);
     } else {
-      setItems([newItem, ...items2], void 0, { action: { type: "add" } });
+      setItems([newItem, ...items2], void 0, {
+        action: { type: "add", payload: [{ index: 0, item: newItem }] }
+      });
       setUniqueKeys([newKey, ...uniqueKeys]);
     }
     if (openOnAdd) {
@@ -5460,7 +5464,7 @@ var Repeater3 = ({
     const newKey = generateNextKey(uniqueKeys);
     const atPosition = 1 + index;
     setItems([...items2.slice(0, atPosition), newItem, ...items2.slice(atPosition)], void 0, {
-      action: { type: "duplicate" }
+      action: { type: "duplicate", payload: [{ index: atPosition, item: newItem }] }
     });
     setUniqueKeys([...uniqueKeys.slice(0, atPosition), newKey, ...uniqueKeys.slice(atPosition)]);
   };
@@ -5470,12 +5474,13 @@ var Repeater3 = ({
         return pos !== index;
       })
     );
+    const removedItem = items2[index];
     setItems(
       items2.filter((_, pos) => {
         return pos !== index;
       }),
       void 0,
-      { action: { type: "remove" } }
+      { action: { type: "remove", payload: [{ index, item: removedItem }] } }
     );
   };
   const toggleDisableRepeaterItem = (index) => {