@elementor/editor-controls 3.32.0-41 → 3.32.0-43

package/dist/index.mjs

@@ -1271,12 +1271,12 @@ var Repeater = ({
     persistWhen: () => true
   });
   const [uniqueKeys, setUniqueKeys] = useState5(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]);
@@ -1290,7 +1290,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)]);
@@ -3350,13 +3350,20 @@ var RepeaterContextProvider = ({
     setExternal: setRepeaterValues,
     persistWhen: () => true
   });
-  const itemWithKeysState = useState12(
-    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] = useState12(() => {
+    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] = useState12(EMPTY_OPEN_ITEM2);
   const [rowRef, setRowRef] = useState12(null);
@@ -3365,19 +3372,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,
@@ -3387,7 +3393,7 @@ var RepeaterContextProvider = ({
         openItemIndex,
         setOpenItemIndex,
         items: itemsWithKeys ?? [],
-        setItems: setItemsWithKeys,
+        setItems: handleSetItems,
         popoverState,
         initial,
         updateItem,
@@ -3400,8 +3406,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