@elementor/editor-controls 4.1.0-731 → 4.1.0-733

package/dist/index.d.mts

@@ -580,6 +580,8 @@ type BaseItemSettings<T> = {
     }>;
     Content: RepeaterItemContent<T>;
     actions?: (value: T) => React$1.ReactNode;
+    onPopoverOpen?: (value: T) => void;
+    onPopoverClose?: () => void;
 };
 type SortableItemSettings<T> = BaseItemSettings<T> & {
     getId: ({ item, index }: {

package/dist/index.d.ts

@@ -580,6 +580,8 @@ type BaseItemSettings<T> = {
     }>;
     Content: RepeaterItemContent<T>;
     actions?: (value: T) => React$1.ReactNode;
+    onPopoverOpen?: (value: T) => void;
+    onPopoverClose?: () => void;
 };
 type SortableItemSettings<T> = BaseItemSettings<T> & {
     getId: ({ item, index }: {

package/dist/index.js

@@ -7675,6 +7675,8 @@ var Repeater3 = ({
         toggleDisableItem: () => toggleDisableRepeaterItem(index),
         openOnMount: openOnAdd && openItem === index,
         onOpen: () => setOpenItem(EMPTY_OPEN_ITEM2),
+        onPopoverOpen: itemSettings.onPopoverOpen,
+        onPopoverClose: itemSettings.onPopoverClose,
         showDuplicate,
         showToggle,
         showRemove,
@@ -7703,6 +7705,8 @@ var RepeaterItem = ({
   toggleDisableItem,
   openOnMount,
   onOpen,
+  onPopoverOpen,
+  onPopoverClose,
   showDuplicate,
   showToggle,
   showRemove,
@@ -7710,7 +7714,11 @@ var RepeaterItem = ({
   actions,
   value
 }) => {
-  const { popoverState, popoverProps, ref, setRef } = usePopover(openOnMount, onOpen);
+  const { popoverState, popoverProps, ref, setRef } = usePopover(openOnMount, () => {
+    onOpen();
+    onPopoverOpen?.(value);
+  });
+  const triggerProps = (0, import_ui97.bindTrigger)(popoverState);
   const duplicateLabel = (0, import_i18n55.__)("Duplicate", "elementor");
   const toggleLabel = propDisabled ? (0, import_i18n55.__)("Show", "elementor") : (0, import_i18n55.__)("Hide", "elementor");
   const removeLabel = (0, import_i18n55.__)("Remove", "elementor");
@@ -7721,11 +7729,29 @@ var RepeaterItem = ({
       label,
       ref: setRef,
       "aria-label": (0, import_i18n55.__)("Open item", "elementor"),
-      ...(0, import_ui97.bindTrigger)(popoverState),
+      ...triggerProps,
+      onClick: (e) => {
+        triggerProps.onClick(e);
+        if (!popoverState.isOpen) {
+          onPopoverOpen?.(value);
+        }
+      },
       startIcon,
       actions: /* @__PURE__ */ React113.createElement(React113.Fragment, null, showDuplicate && /* @__PURE__ */ React113.createElement(import_ui97.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React113.createElement(import_ui97.IconButton, { size: SIZE11, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React113.createElement(import_icons39.CopyIcon, { fontSize: SIZE11 }))), showToggle && /* @__PURE__ */ React113.createElement(import_ui97.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React113.createElement(import_ui97.IconButton, { size: SIZE11, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React113.createElement(import_icons39.EyeOffIcon, { fontSize: SIZE11 }) : /* @__PURE__ */ React113.createElement(import_icons39.EyeIcon, { fontSize: SIZE11 }))), actions?.(value), showRemove && /* @__PURE__ */ React113.createElement(import_ui97.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React113.createElement(import_ui97.IconButton, { size: SIZE11, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React113.createElement(import_icons39.XIcon, { fontSize: SIZE11 }))))
     }
-  ), /* @__PURE__ */ React113.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React113.createElement(import_ui97.Box, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React113.createElement(
+    RepeaterPopover,
+    {
+      width: ref?.getBoundingClientRect().width,
+      ...popoverProps,
+      onClose: () => {
+        popoverProps.onClose?.();
+        onPopoverClose?.();
+      },
+      anchorEl: ref
+    },
+    /* @__PURE__ */ React113.createElement(import_ui97.Box, null, children({ anchorEl: ref }))
+  ));
 };
 var usePopover = (openOnMount, onOpen) => {
   const [ref, setRef] = (0, import_react62.useState)(null);