@elementor/editor-controls 3.35.0-403 → 3.35.0-405

package/dist/index.mjs

@@ -5981,7 +5981,7 @@ import {
   ToggleButton as ToggleButton3,
   ToggleButtonGroup as ToggleButtonGroup2,
   toggleButtonGroupClasses,
-  Tooltip as Tooltip9,
+  Tooltip as Tooltip10,
   usePopupState as usePopupState8
 } from "@elementor/ui";
 import { useEditorState } from "@tiptap/react";
@@ -5991,7 +5991,7 @@ import { __ as __51 } from "@wordpress/i18n";
 import * as React99 from "react";
 import { useEffect as useEffect9, useRef as useRef24 } from "react";
 import { ExternalLinkIcon } from "@elementor/icons";
-import { bindPopover as bindPopover7, Popover as Popover7, Stack as Stack16, TextField as TextField8, ToggleButton as ToggleButton2 } from "@elementor/ui";
+import { bindPopover as bindPopover7, Popover as Popover7, Stack as Stack16, TextField as TextField8, ToggleButton as ToggleButton2, Tooltip as Tooltip9 } from "@elementor/ui";
 import { __ as __50 } from "@wordpress/i18n";
 var UrlPopover = ({
   popupState,
@@ -6033,9 +6033,10 @@ var UrlPopover = ({
         placeholder: __50("Type a URL", "elementor"),
         inputProps: { ref: inputRef },
         color: "secondary",
-        InputProps: { sx: { borderRadius: "8px" } }
+        InputProps: { sx: { borderRadius: "8px" } },
+        onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React99.createElement(
+    ), /* @__PURE__ */ React99.createElement(Tooltip9, { title: __50("Open in a new tab", "elementor") }, /* @__PURE__ */ React99.createElement(
       ToggleButton2,
       {
         size: "tiny",
@@ -6046,7 +6047,7 @@ var UrlPopover = ({
         sx: { borderRadius: "8px" }
       },
       /* @__PURE__ */ React99.createElement(ExternalLinkIcon, { fontSize: "tiny" })
-    ))
+    )))
   );
 };
 
@@ -6169,7 +6170,7 @@ var InlineEditorToolbar = ({ editor }) => {
         pointerEvents: linkPopupState.isOpen ? "none" : "all"
       }
     },
-    /* @__PURE__ */ React100.createElement(Tooltip9, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React100.createElement(IconButton8, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
+    /* @__PURE__ */ React100.createElement(Tooltip10, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React100.createElement(IconButton8, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
     /* @__PURE__ */ React100.createElement(
       ToggleButtonGroup2,
       {
@@ -6192,7 +6193,7 @@ var InlineEditorToolbar = ({ editor }) => {
           }
         }
       },
-      formatButtonsList.map((button) => /* @__PURE__ */ React100.createElement(Tooltip9, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React100.createElement(
+      formatButtonsList.map((button) => /* @__PURE__ */ React100.createElement(Tooltip10, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React100.createElement(
         ToggleButton3,
         {
           value: button.action,
@@ -6226,6 +6227,9 @@ var InlineEditorToolbar = ({ editor }) => {
 };
 
 // src/components/inline-editor.tsx
+var ITALIC_KEYBOARD_SHORTCUT = "i";
+var BOLD_KEYBOARD_SHORTCUT = "b";
+var UNDERLINE_KEYBOARD_SHORTCUT = "u";
 var INITIAL_STYLE = "margin:0;padding:0;";
 var useOnUpdate = (callback, dependencies) => {
   const hasMounted = useRef26(false);
@@ -6296,6 +6300,12 @@ var InlineEditor = forwardRef10(
       if (event.key === "Escape") {
         onBlur?.(event);
       }
+      if (!event.metaKey && !event.ctrlKey || event.altKey) {
+        return;
+      }
+      if ([ITALIC_KEYBOARD_SHORTCUT, BOLD_KEYBOARD_SHORTCUT, UNDERLINE_KEYBOARD_SHORTCUT].includes(event.key)) {
+        event.stopPropagation();
+      }
     };
     const toolbarRelatedListeners = showToolbar ? {
       mouseup: onSelectionEnd,
@@ -6458,12 +6468,12 @@ var InlineEditingControl = createControl(
 // src/components/icon-buttons/clear-icon-button.tsx
 import * as React103 from "react";
 import { BrushBigIcon } from "@elementor/icons";
-import { IconButton as IconButton9, styled as styled10, Tooltip as Tooltip10 } from "@elementor/ui";
+import { IconButton as IconButton9, styled as styled10, Tooltip as Tooltip11 } from "@elementor/ui";
 var CustomIconButton = styled10(IconButton9)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React103.createElement(Tooltip10, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React103.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React103.createElement(BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React103.createElement(Tooltip11, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React103.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React103.createElement(BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
 import * as React104 from "react";
@@ -6475,7 +6485,7 @@ import {
   Box as Box25,
   IconButton as IconButton10,
   Infotip as Infotip4,
-  Tooltip as Tooltip11,
+  Tooltip as Tooltip12,
   usePopupState as usePopupState10
 } from "@elementor/ui";
 import { __ as __52 } from "@wordpress/i18n";
@@ -6647,7 +6657,7 @@ var RepeaterItem = ({
       "aria-label": __52("Open item", "elementor"),
       ...bindTrigger6(popoverState),
       startIcon,
-      actions: /* @__PURE__ */ React104.createElement(React104.Fragment, null, showDuplicate && /* @__PURE__ */ React104.createElement(Tooltip11, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(IconButton10, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React104.createElement(CopyIcon2, { fontSize: SIZE9 }))), showToggle && /* @__PURE__ */ React104.createElement(Tooltip11, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(IconButton10, { size: SIZE9, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React104.createElement(EyeOffIcon2, { fontSize: SIZE9 }) : /* @__PURE__ */ React104.createElement(EyeIcon2, { fontSize: SIZE9 }))), actions?.(value), showRemove && /* @__PURE__ */ React104.createElement(Tooltip11, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(IconButton10, { size: SIZE9, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React104.createElement(XIcon4, { fontSize: SIZE9 }))))
+      actions: /* @__PURE__ */ React104.createElement(React104.Fragment, null, showDuplicate && /* @__PURE__ */ React104.createElement(Tooltip12, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(IconButton10, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React104.createElement(CopyIcon2, { fontSize: SIZE9 }))), showToggle && /* @__PURE__ */ React104.createElement(Tooltip12, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(IconButton10, { size: SIZE9, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React104.createElement(EyeOffIcon2, { fontSize: SIZE9 }) : /* @__PURE__ */ React104.createElement(EyeIcon2, { fontSize: SIZE9 }))), actions?.(value), showRemove && /* @__PURE__ */ React104.createElement(Tooltip12, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React104.createElement(IconButton10, { size: SIZE9, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React104.createElement(XIcon4, { fontSize: SIZE9 }))))
     }
   ), /* @__PURE__ */ React104.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React104.createElement(Box25, null, children({ anchorEl: ref }))));
 };