@elementor/editor-controls 4.1.0-759 → 4.1.0-760

package/dist/index.mjs

@@ -7613,6 +7613,7 @@ import {
   bindPopover as bindPopover8,
   bindTrigger as bindTrigger7,
   Box as Box27,
+  ClickAwayListener,
   IconButton as IconButton10,
   Infotip as Infotip4,
   Tooltip as Tooltip12,
@@ -7778,10 +7779,14 @@ var RepeaterItem = ({
   actions,
   value
 }) => {
-  const { popoverState, popoverProps, ref, setRef } = usePopover(openOnMount, () => {
-    onOpen();
-    onPopoverOpen?.(value);
-  });
+  const { popoverState, popoverProps, ref, setRef } = usePopover(
+    openOnMount,
+    () => {
+      onOpen();
+      onPopoverOpen?.(value);
+    },
+    onPopoverClose
+  );
   const triggerProps = bindTrigger7(popoverState);
   const duplicateLabel = __55("Duplicate", "elementor");
   const toggleLabel = propDisabled ? __55("Show", "elementor") : __55("Hide", "elementor");
@@ -7803,21 +7808,17 @@ var RepeaterItem = ({
       startIcon,
       actions: /* @__PURE__ */ React113.createElement(React113.Fragment, null, showDuplicate && /* @__PURE__ */ React113.createElement(Tooltip12, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React113.createElement(IconButton10, { size: SIZE11, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React113.createElement(CopyIcon2, { fontSize: SIZE11 }))), showToggle && /* @__PURE__ */ React113.createElement(Tooltip12, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React113.createElement(IconButton10, { size: SIZE11, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React113.createElement(EyeOffIcon2, { fontSize: SIZE11 }) : /* @__PURE__ */ React113.createElement(EyeIcon2, { fontSize: SIZE11 }))), actions?.(value), showRemove && /* @__PURE__ */ React113.createElement(Tooltip12, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React113.createElement(IconButton10, { size: SIZE11, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React113.createElement(XIcon4, { fontSize: SIZE11 }))))
     }
-  ), /* @__PURE__ */ React113.createElement(
-    RepeaterPopover,
+  ), /* @__PURE__ */ React113.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React113.createElement(
+    ClickAwayListener,
     {
-      width: ref?.getBoundingClientRect().width,
-      ...popoverProps,
-      onClose: () => {
-        popoverProps.onClose?.();
-        onPopoverClose?.();
-      },
-      anchorEl: ref
+      mouseEvent: "onMouseDown",
+      touchEvent: "onTouchStart",
+      onClickAway: popoverProps.onClose
     },
     /* @__PURE__ */ React113.createElement(Box27, null, children({ anchorEl: ref }))
-  ));
+  )));
 };
-var usePopover = (openOnMount, onOpen) => {
+var usePopover = (openOnMount, onOpen, onPopoverClose) => {
   const [ref, setRef] = useState19(null);
   const popoverState = usePopupState10({ variant: "popover" });
   const popoverProps = bindPopover8(popoverState);
@@ -7827,11 +7828,15 @@ var usePopover = (openOnMount, onOpen) => {
       onOpen?.();
     }
   }, [ref]);
+  const onClose = () => {
+    popoverProps.onClose?.();
+    onPopoverClose?.();
+  };
   return {
     popoverState,
     ref,
     setRef,
-    popoverProps
+    popoverProps: { ...popoverProps, onClose }
   };
 };