@elementor/editor-controls 0.19.0 → 0.20.0

package/dist/index.mjs

@@ -285,7 +285,7 @@ function ControlActions({ children }) {
   if (items.length === 0) {
     return children;
   }
-  const menuItems = items.map(({ MenuItem: MenuItem4, id }) => /* @__PURE__ */ React7.createElement(MenuItem4, { key: id }));
+  const menuItems = items.map(({ MenuItem, id }) => /* @__PURE__ */ React7.createElement(MenuItem, { key: id }));
   return /* @__PURE__ */ React7.createElement(FloatingBarContainer, null, /* @__PURE__ */ React7.createElement(UnstableFloatingActionBar, { actions: menuItems }, children));
 }
 
@@ -334,7 +334,8 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
 // src/controls/select-control.tsx
 import * as React9 from "react";
 import { stringPropTypeUtil } from "@elementor/editor-props";
-import { MenuItem, Select } from "@elementor/ui";
+import { MenuListItem } from "@elementor/editor-ui";
+import { Select } from "@elementor/ui";
 var SelectControl = createControl(({ options, onChange }) => {
   const { value, setValue } = useBoundProp(stringPropTypeUtil);
   const handleChange = (event) => {
@@ -352,7 +353,7 @@ var SelectControl = createControl(({ options, onChange }) => {
       onChange: handleChange,
       fullWidth: true
     },
-    options.map(({ label, ...props }) => /* @__PURE__ */ React9.createElement(MenuItem, { key: props.value, ...props, value: props.value ?? "" }, label))
+    options.map(({ label, ...props }) => /* @__PURE__ */ React9.createElement(MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, label))
   ));
 });
 
@@ -416,7 +417,8 @@ import { InputAdornment as InputAdornment2 } from "@elementor/ui";
 // src/components/text-field-inner-selection.tsx
 import * as React13 from "react";
 import { forwardRef, useId } from "react";
-import { bindMenu, bindTrigger, Button as Button2, InputAdornment, Menu, MenuItem as MenuItem2, TextField as TextField3, usePopupState } from "@elementor/ui";
+import { MenuListItem as MenuListItem2 } from "@elementor/editor-ui";
+import { bindMenu, bindTrigger, Button as Button2, InputAdornment, Menu, TextField as TextField3, usePopupState } from "@elementor/ui";
 var TextFieldInnerSelection = forwardRef(
   ({ placeholder, type, value, onChange, endAdornment, startAdornment }, ref) => {
     return /* @__PURE__ */ React13.createElement(
@@ -459,7 +461,7 @@ var SelectionEndAdornment = ({
       ...bindTrigger(popupState)
     },
     value.toUpperCase()
-  ), /* @__PURE__ */ React13.createElement(Menu, { MenuListProps: { dense: true }, ...bindMenu(popupState) }, options.map((option, index) => /* @__PURE__ */ React13.createElement(MenuItem2, { key: option, onClick: () => handleMenuItemClick(index) }, option.toUpperCase()))));
+  ), /* @__PURE__ */ React13.createElement(Menu, { MenuListProps: { dense: true }, ...bindMenu(popupState) }, options.map((option, index) => /* @__PURE__ */ React13.createElement(MenuListItem2, { key: option, onClick: () => handleMenuItemClick(index) }, option.toUpperCase()))));
 };
 
 // src/hooks/use-sync-external-state.tsx
@@ -1223,6 +1225,7 @@ function EqualUnequalSizesControl({
       },
       ...bindPopover2(popupState),
       slotProps: {
+        // eslint-disable-next-line react-compiler/react-compiler
         paper: { sx: { mt: 0.5, width: controlRef.current?.getBoundingClientRect().width } }
       }
     },
@@ -1338,8 +1341,8 @@ import {
   IconButton as IconButton2,
   InputAdornment as InputAdornment3,
   Link,
-  ListSubheader,
   MenuList,
+  MenuSubheader,
   Popover as Popover3,
   Stack as Stack8,
   styled as styled4,
@@ -1482,6 +1485,7 @@ var FontList = ({ fontListItems, setFontFamily, handleClose, fontFamily }) => {
     () => {
       virtualizer.scrollToIndex(fontListItems.findIndex((item) => item.value === fontFamily));
     },
+    // eslint-disable-next-line react-compiler/react-compiler
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [fontFamily]
   );
@@ -1512,7 +1516,7 @@ var FontList = ({ fontListItems, setFontFamily, handleClose, fontFamily }) => {
         const tabIndexFallback = !selectedItem ? 0 : -1;
         if (item.type === "category") {
           return /* @__PURE__ */ React28.createElement(
-            ListSubheader,
+            MenuSubheader,
             {
               key: virtualRow.key,
               style: {
@@ -1610,6 +1614,7 @@ var UrlControl = createControl(({ placeholder }) => {
 // src/controls/link-control.tsx
 import * as React31 from "react";
 import { useMemo, useState as useState4 } from "react";
+import { getAncestorWithAnchorTag, getDescendantWithAnchorTag } from "@elementor/editor-elements";
 import {
   booleanPropTypeUtil,
   linkPropTypeUtil,
@@ -1736,36 +1741,6 @@ function _factoryFilter(newValue, options, minInputLength) {
   );
 }
 
-// src/utils/link-restriction.ts
-import { getContainer } from "@elementor/editor-elements";
-function getLinkRestriction(elementId) {
-  if (getAncestorAnchor(elementId)) {
-    return {
-      shouldRestrict: true,
-      restrictReason: "ancestor"
-    };
-  }
-  if (getDescendantAnchor(elementId)) {
-    return {
-      shouldRestrict: true,
-      restrictReason: "descendant"
-    };
-  }
-  return { shouldRestrict: false };
-}
-function getAncestorAnchor(elementId) {
-  const element = getElementView(elementId);
-  return element?.closest("a") || null;
-}
-function getDescendantAnchor(elementId) {
-  const element = getElementView(elementId);
-  return element?.querySelector("a") || null;
-}
-function getElementView(id) {
-  const elementContainer = getContainer(id);
-  return elementContainer?.view?.el || null;
-}
-
 // src/controls/link-control.tsx
 var SIZE3 = "tiny";
 var LinkControl = createControl((props) => {
@@ -1783,7 +1758,7 @@ var LinkControl = createControl((props) => {
     generateFirstLoadedOption(value)
   );
   const onEnabledChange = () => {
-    const { shouldRestrict } = getLinkRestriction(elementId);
+    const shouldRestrict = getAncestorWithAnchorTag(elementId) || getDescendantWithAnchorTag(elementId);
     if (shouldRestrict && !isEnabled) {
       return;
     }
@@ -2245,8 +2220,9 @@ var BackgroundImageOverlayAttachment = () => {
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
 import * as React37 from "react";
 import { backgroundImagePositionOffsetPropTypeUtil, stringPropTypeUtil as stringPropTypeUtil9 } from "@elementor/editor-props";
+import { MenuListItem as MenuListItem3 } from "@elementor/editor-ui";
 import { LetterXIcon, LetterYIcon } from "@elementor/icons";
-import { Grid as Grid10, MenuItem as MenuItem3, Select as Select2 } from "@elementor/ui";
+import { Grid as Grid10, Select as Select2 } from "@elementor/ui";
 import { __ as __14 } from "@wordpress/i18n";
 var backgroundPositionOptions = [
   { label: __14("Center center", "elementor"), value: "center center" },
@@ -2280,7 +2256,7 @@ var BackgroundImageOverlayPosition = () => {
       onChange: handlePositionChange,
       fullWidth: true
     },
-    backgroundPositionOptions.map(({ label, value }) => /* @__PURE__ */ React37.createElement(MenuItem3, { key: value, value: value ?? "" }, label))
+    backgroundPositionOptions.map(({ label, value }) => /* @__PURE__ */ React37.createElement(MenuListItem3, { key: value, value: value ?? "" }, label))
   )))), isCustom ? /* @__PURE__ */ React37.createElement(PropProvider, { ...backgroundImageOffsetContext }, /* @__PURE__ */ React37.createElement(Grid10, { item: true, xs: 12 }, /* @__PURE__ */ React37.createElement(Grid10, { container: true, spacing: 1.5 }, /* @__PURE__ */ React37.createElement(Grid10, { item: true, xs: 6 }, /* @__PURE__ */ React37.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React37.createElement(SizeControl, { startIcon: /* @__PURE__ */ React37.createElement(LetterXIcon, { fontSize: "tiny" }) }))), /* @__PURE__ */ React37.createElement(Grid10, { item: true, xs: 6 }, /* @__PURE__ */ React37.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React37.createElement(SizeControl, { startIcon: /* @__PURE__ */ React37.createElement(LetterYIcon, { fontSize: "tiny" }) })))))) : null);
 };