@elementor/editor-controls 3.33.0-268 → 3.33.0-270

package/dist/index.d.mts

@@ -478,35 +478,50 @@ type ToggleDisableItemMeta = {
     type: 'toggle-disable';
 };
 type SetRepeaterValuesMeta<T> = SetValueMeta<AddItemMeta<T>> | SetValueMeta<RemoveItemMeta<T>> | SetValueMeta<DuplicateItemMeta<T>> | SetValueMeta<ReorderItemMeta> | SetValueMeta<ToggleDisableItemMeta>;
+type BaseItemSettings<T> = {
+    initialValues: T;
+    Label: React$1.ComponentType<{
+        value: T;
+        index: number;
+    }>;
+    Icon: React$1.ComponentType<{
+        value: T;
+    }>;
+    Content: RepeaterItemContent<T>;
+    actions?: React$1.ReactNode;
+};
+type SortableItemSettings<T> = BaseItemSettings<T> & {
+    getId: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => string;
+};
 type RepeaterProps<T> = {
     label: string;
     values?: T[];
-    addToBottom?: boolean;
     openOnAdd?: boolean;
     setValues: (newValue: T[], _: CreateOptions, meta?: SetRepeaterValuesMeta<T>) => void;
     disabled?: boolean;
     disableAddItemButton?: boolean;
-    itemSettings: {
-        getId: ({ item, index }: {
-            item: T;
-            index: number;
-        }) => string;
-        initialValues: T;
-        Label: React$1.ComponentType<{
-            value: T;
-            index: number;
-        }>;
-        Icon: React$1.ComponentType<{
-            value: T;
-        }>;
-        Content: RepeaterItemContent<T>;
-        actions?: React$1.ReactNode;
-    };
     showDuplicate?: boolean;
     showToggle?: boolean;
     showRemove?: boolean;
     openItem?: number;
-    isSortable?: boolean;
+    isSortable: false;
+    itemSettings: BaseItemSettings<T>;
+} | {
+    label: string;
+    values?: T[];
+    openOnAdd?: boolean;
+    setValues: (newValue: T[], _: CreateOptions, meta?: SetRepeaterValuesMeta<T>) => void;
+    disabled?: boolean;
+    disableAddItemButton?: boolean;
+    showDuplicate?: boolean;
+    showToggle?: boolean;
+    showRemove?: boolean;
+    openItem?: number;
+    isSortable?: true;
+    itemSettings: SortableItemSettings<T>;
 };
 declare const Repeater: <T>({ label, itemSettings, disabled, openOnAdd, values: items, setValues: setItems, showDuplicate, showToggle, showRemove, disableAddItemButton, openItem: initialOpenItem, isSortable, }: RepeaterProps<RepeaterItem<T>>) => React$1.JSX.Element;
 

package/dist/index.d.ts

@@ -478,35 +478,50 @@ type ToggleDisableItemMeta = {
     type: 'toggle-disable';
 };
 type SetRepeaterValuesMeta<T> = SetValueMeta<AddItemMeta<T>> | SetValueMeta<RemoveItemMeta<T>> | SetValueMeta<DuplicateItemMeta<T>> | SetValueMeta<ReorderItemMeta> | SetValueMeta<ToggleDisableItemMeta>;
+type BaseItemSettings<T> = {
+    initialValues: T;
+    Label: React$1.ComponentType<{
+        value: T;
+        index: number;
+    }>;
+    Icon: React$1.ComponentType<{
+        value: T;
+    }>;
+    Content: RepeaterItemContent<T>;
+    actions?: React$1.ReactNode;
+};
+type SortableItemSettings<T> = BaseItemSettings<T> & {
+    getId: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => string;
+};
 type RepeaterProps<T> = {
     label: string;
     values?: T[];
-    addToBottom?: boolean;
     openOnAdd?: boolean;
     setValues: (newValue: T[], _: CreateOptions, meta?: SetRepeaterValuesMeta<T>) => void;
     disabled?: boolean;
     disableAddItemButton?: boolean;
-    itemSettings: {
-        getId: ({ item, index }: {
-            item: T;
-            index: number;
-        }) => string;
-        initialValues: T;
-        Label: React$1.ComponentType<{
-            value: T;
-            index: number;
-        }>;
-        Icon: React$1.ComponentType<{
-            value: T;
-        }>;
-        Content: RepeaterItemContent<T>;
-        actions?: React$1.ReactNode;
-    };
     showDuplicate?: boolean;
     showToggle?: boolean;
     showRemove?: boolean;
     openItem?: number;
-    isSortable?: boolean;
+    isSortable: false;
+    itemSettings: BaseItemSettings<T>;
+} | {
+    label: string;
+    values?: T[];
+    openOnAdd?: boolean;
+    setValues: (newValue: T[], _: CreateOptions, meta?: SetRepeaterValuesMeta<T>) => void;
+    disabled?: boolean;
+    disableAddItemButton?: boolean;
+    showDuplicate?: boolean;
+    showToggle?: boolean;
+    showRemove?: boolean;
+    openItem?: number;
+    isSortable?: true;
+    itemSettings: SortableItemSettings<T>;
 };
 declare const Repeater: <T>({ label, itemSettings, disabled, openOnAdd, values: items, setValues: setItems, showDuplicate, showToggle, showRemove, disableAddItemButton, openItem: initialOpenItem, isSortable, }: RepeaterProps<RepeaterItem<T>>) => React$1.JSX.Element;
 

package/dist/index.js

@@ -1031,13 +1031,16 @@ var SizeControl = createControl(
       propType
     } = useBoundProp(import_editor_props7.sizePropTypeUtil);
     const actualDefaultUnit = defaultUnit ?? externalPlaceholder?.unit ?? defaultSelectedUnit[variant];
-    const [internalState, setInternalState] = (0, import_react13.useState)(createStateFromSizeProp(sizeValue, actualDefaultUnit));
     const activeBreakpoint = (0, import_editor_responsive.useActiveBreakpoint)();
     const actualUnits = resolveUnits(propType, enablePropTypeUnits, variant, units2);
     const actualExtendedOptions = useSizeExtendedOptions(extendedOptions || [], disableCustom ?? false);
     const popupState = (0, import_ui13.usePopupState)({ variant: "popover" });
+    const memorizedExternalState = (0, import_react13.useMemo)(
+      () => createStateFromSizeProp(sizeValue, actualDefaultUnit),
+      [sizeValue, actualDefaultUnit]
+    );
     const [state, setState] = useSyncExternalState({
-      external: internalState,
+      external: memorizedExternalState,
       setExternal: (newState, options, meta) => setSizeValue(extractValueFromState(newState), options, meta),
       persistWhen: (newState) => !!extractValueFromState(newState),
       fallback: (newState) => ({
@@ -1092,7 +1095,7 @@ var SizeControl = createControl(
         return;
       }
       if (state.unit === newState.unit) {
-        setInternalState(mergedStates);
+        setState(mergedStates);
         return;
       }
       setState(newState);
@@ -1171,11 +1174,15 @@ function extractValueFromState(state, allowEmpty = false) {
   if (unit === "auto") {
     return { size: "", unit };
   }
-  if (!allowEmpty && (unit === "custom" && !state.custom || unit !== "custom" && !state.numeric && state.numeric !== 0)) {
+  if (unit === "custom") {
+    return { size: state.custom ?? "", unit: "custom" };
+  }
+  const numeric = state.numeric;
+  if (!allowEmpty && (numeric === void 0 || numeric === null || Number.isNaN(numeric))) {
     return null;
   }
   return {
-    size: state[unit === "custom" ? "custom" : "numeric"],
+    size: numeric,
     unit
   };
 }
@@ -5915,7 +5922,9 @@ var Repeater3 = ({
   isSortable = true
 }) => {
   const [openItem, setOpenItem] = (0, import_react53.useState)(initialOpenItem);
-  const uniqueKeys = items2.map((item, index) => itemSettings.getId({ item, index }));
+  const uniqueKeys = items2.map(
+    (item, index) => isSortable && "getId" in itemSettings ? itemSettings.getId({ item, index }) : String(index)
+  );
   const addRepeaterItem = () => {
     const newItem = structuredClone(itemSettings.initialValues);
     const newIndex = items2.length;