@elementor/editor-controls 3.32.0-40 → 3.32.0-42

package/dist/index.js

@@ -1117,7 +1117,7 @@ var import_i18n4 = require("@wordpress/i18n");
 // src/components/section-content.tsx
 var React18 = __toESM(require("react"));
 var import_ui13 = require("@elementor/ui");
-var SectionContent = ({ gap = 2, sx, children }) => /* @__PURE__ */ React18.createElement(import_ui13.Stack, { gap, sx: { ...sx } }, children);
+var SectionContent = ({ gap = 0.5, sx, children }) => /* @__PURE__ */ React18.createElement(import_ui13.Stack, { gap, sx: { ...sx } }, children);
 
 // src/controls/color-control.tsx
 var React19 = __toESM(require("react"));
@@ -1329,12 +1329,12 @@ var Repeater = ({
     persistWhen: () => true
   });
   const [uniqueKeys, setUniqueKeys] = (0, import_react16.useState)(items2.map((_, index) => index));
-  const generateNextKey2 = (source) => {
+  const generateNextKey = (source) => {
     return 1 + Math.max(0, ...source);
   };
   const addRepeaterItem = () => {
     const newItem = structuredClone(itemSettings.initialValues);
-    const newKey = generateNextKey2(uniqueKeys);
+    const newKey = generateNextKey(uniqueKeys);
     if (addToBottom) {
       setItems([...items2, newItem]);
       setUniqueKeys([...uniqueKeys, newKey]);
@@ -1348,7 +1348,7 @@ var Repeater = ({
   };
   const duplicateRepeaterItem = (index) => {
     const newItem = structuredClone(items2[index]);
-    const newKey = generateNextKey2(uniqueKeys);
+    const newKey = generateNextKey(uniqueKeys);
     const atPosition = 1 + index;
     setItems([...items2.slice(0, atPosition), newItem, ...items2.slice(atPosition)]);
     setUniqueKeys([...uniqueKeys.slice(0, atPosition), newKey, ...uniqueKeys.slice(atPosition)]);
@@ -3370,13 +3370,20 @@ var RepeaterContextProvider = ({
     setExternal: setRepeaterValues,
     persistWhen: () => true
   });
-  const itemWithKeysState = (0, import_react30.useState)(
-    items2?.map((item, index) => ({ key: index, item })) ?? []
-  );
-  const itemsWithKeys = itemWithKeysState[0];
-  const setItemsWithKeys = (newItems) => {
-    itemWithKeysState[1](newItems);
-    setItems(newItems.map(({ item }) => item));
+  const [itemsWithKeys, setItemsWithKeys] = (0, import_react30.useState)(() => {
+    return items2?.map((item) => ({ key: generateUniqueKey(), item })) ?? [];
+  });
+  React49.useEffect(() => {
+    setItemsWithKeys((prevItemsWithKeys) => {
+      const newItemsWithKeys = items2?.map((item) => {
+        const existingItem = prevItemsWithKeys.find((i) => i.item === item);
+        return existingItem || { key: generateUniqueKey(), item };
+      }) ?? [];
+      return newItemsWithKeys;
+    });
+  }, [items2]);
+  const handleSetItems = (newItemsWithKeys) => {
+    setItems(newItemsWithKeys.map(({ item }) => item));
   };
   const [openItemIndex, setOpenItemIndex] = (0, import_react30.useState)(EMPTY_OPEN_ITEM2);
   const [rowRef, setRowRef] = (0, import_react30.useState)(null);
@@ -3385,19 +3392,18 @@ var RepeaterContextProvider = ({
   const addItem = (ev, config) => {
     const item = config?.item ?? initial;
     const newIndex = config?.index ?? items2.length;
-    const newKey = generateNextKey(itemsWithKeys.map(({ key }) => key));
-    const newItemsWithKeys = [...itemsWithKeys];
-    newItemsWithKeys.splice(newIndex, 0, { item, key: newKey });
-    setItemsWithKeys(newItemsWithKeys);
+    const newItems = [...items2];
+    newItems.splice(newIndex, 0, item);
+    setItems(newItems);
     setOpenItemIndex(newIndex);
     popoverState.open(rowRef ?? ev);
   };
   const removeItem = (index) => {
-    setItemsWithKeys(itemsWithKeys.filter((_, pos) => pos !== index));
+    setItems(items2.filter((_, pos) => pos !== index));
   };
   const updateItem = (updatedItem, index) => {
-    const item = itemsWithKeys[index];
-    setItemsWithKeys(itemsWithKeys.toSpliced(index, 1, { ...item, item: updatedItem }));
+    const newItems = [...items2.slice(0, index), updatedItem, ...items2.slice(index + 1)];
+    setItems(newItems);
   };
   return /* @__PURE__ */ React49.createElement(
     RepeaterContext.Provider,
@@ -3407,7 +3413,7 @@ var RepeaterContextProvider = ({
         openItemIndex,
         setOpenItemIndex,
         items: itemsWithKeys ?? [],
-        setItems: setItemsWithKeys,
+        setItems: handleSetItems,
         popoverState,
         initial,
         updateItem,
@@ -3420,8 +3426,8 @@ var RepeaterContextProvider = ({
     children
   );
 };
-var generateNextKey = (source) => {
-  return 1 + Math.max(0, ...source);
+var generateUniqueKey = () => {
+  return Date.now() + Math.floor(Math.random() * 1e6);
 };
 
 // src/components/unstable-repeater/actions/tooltip-add-item-action.tsx
@@ -3434,7 +3440,7 @@ var TooltipAddItemAction = ({
 }) => {
   const { addItem } = useRepeaterContext();
   const onClick = (ev) => addItem(ev, { index: newItemIndex });
-  return /* @__PURE__ */ React50.createElement(ConditionalToolTip, { content: tooltipContent, enable: enableTooltip }, /* @__PURE__ */ React50.createElement(import_ui42.Box, null, /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React50.createElement(ConditionalToolTip, { content: tooltipContent, enable: enableTooltip }, /* @__PURE__ */ React50.createElement(import_ui42.Box, { sx: { ml: "auto" } }, /* @__PURE__ */ React50.createElement(
     import_ui42.IconButton,
     {
       size: SIZE4,
@@ -3602,7 +3608,20 @@ var TransformBaseControl = ({ anchorRef }) => {
 // src/components/unstable-repeater/header/header.tsx
 var Header = ({ label, children }) => {
   const { value } = useBoundProp();
-  return /* @__PURE__ */ React54.createElement(import_ui46.Stack, { direction: "row", justifyContent: "start", alignItems: "center", gap: 1, sx: { marginInlineEnd: -0.75 } }, /* @__PURE__ */ React54.createElement(import_ui46.Typography, { component: "label", variant: "caption", color: "text.secondary" }, label), /* @__PURE__ */ React54.createElement(RepeaterHeaderActionsSlot, { value }), /* @__PURE__ */ React54.createElement(SlotChildren, { whitelist: [TransformBaseControl, TooltipAddItemAction], sorted: true }, children), /* @__PURE__ */ React54.createElement(ControlAdornments, null));
+  return /* @__PURE__ */ React54.createElement(
+    import_ui46.Stack,
+    {
+      direction: "row",
+      justifyContent: "start",
+      alignItems: "center",
+      gap: 1,
+      sx: { marginInlineEnd: -0.75, py: 0.25 }
+    },
+    /* @__PURE__ */ React54.createElement(import_ui46.Typography, { component: "label", variant: "caption", color: "text.secondary", sx: { lineHeight: 1 } }, label),
+    /* @__PURE__ */ React54.createElement(RepeaterHeaderActionsSlot, { value }),
+    /* @__PURE__ */ React54.createElement(SlotChildren, { whitelist: [TransformBaseControl, TooltipAddItemAction], sorted: true }, children),
+    /* @__PURE__ */ React54.createElement(ControlAdornments, null)
+  );
 };
 
 // src/components/unstable-repeater/items/items-container.tsx
@@ -4200,8 +4219,8 @@ var ItemIconImage = ({ value }) => {
     {
       image: imageUrl,
       sx: (theme) => ({
-        height: "1em",
-        width: "1em",
+        height: "1rem",
+        width: "1rem",
         borderRadius: `${theme.shape.borderRadius / 2}px`,
         outline: `1px solid ${theme.palette.action.disabled}`
       })