@elementor/editor-controls 0.19.0 → 0.20.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @elementor/editor-controls
 
+## 0.20.0
+
+### Minor Changes
+
+- 2ea9555: Enhanced link restriction functionality and moved to editor-elements package
+- 50938e4: Change controls menus text style
+- 64ec032: Change the style from 'ListSubHeader' to 'MenuSubHeader'
+
+### Patch Changes
+
+- Updated dependencies [2ea9555]
+- Updated dependencies [50938e4]
+  - @elementor/editor-elements@0.7.0
+  - @elementor/editor-ui@0.5.0
+
+## 0.19.1
+
+### Patch Changes
+
+- 3e108d9: update elementor/ui
+- Updated dependencies [593f222]
+  - @elementor/editor-elements@0.6.6
+
 ## 0.19.0
 
 ### Minor Changes

package/dist/index.js

@@ -350,7 +350,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(import_ui3.UnstableFloatingActionBar, { actions: menuItems }, children));
 }
 
@@ -399,6 +399,7 @@ var ImageMediaControl = createControl(({ mediaTypes = ["image"] }) => {
 // src/controls/select-control.tsx
 var React9 = __toESM(require("react"));
 var import_editor_props2 = require("@elementor/editor-props");
+var import_editor_ui = require("@elementor/editor-ui");
 var import_ui5 = require("@elementor/ui");
 var SelectControl = createControl(({ options, onChange }) => {
   const { value, setValue } = useBoundProp(import_editor_props2.stringPropTypeUtil);
@@ -417,7 +418,7 @@ var SelectControl = createControl(({ options, onChange }) => {
       onChange: handleChange,
       fullWidth: true
     },
-    options.map(({ label, ...props }) => /* @__PURE__ */ React9.createElement(import_ui5.MenuItem, { key: props.value, ...props, value: props.value ?? "" }, label))
+    options.map(({ label, ...props }) => /* @__PURE__ */ React9.createElement(import_editor_ui.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, label))
   ));
 });
 
@@ -481,6 +482,7 @@ var import_ui10 = require("@elementor/ui");
 // src/components/text-field-inner-selection.tsx
 var React13 = __toESM(require("react"));
 var import_react5 = require("react");
+var import_editor_ui2 = require("@elementor/editor-ui");
 var import_ui9 = require("@elementor/ui");
 var TextFieldInnerSelection = (0, import_react5.forwardRef)(
   ({ placeholder, type, value, onChange, endAdornment, startAdornment }, ref) => {
@@ -524,7 +526,7 @@ var SelectionEndAdornment = ({
       ...(0, import_ui9.bindTrigger)(popupState)
     },
     value.toUpperCase()
-  ), /* @__PURE__ */ React13.createElement(import_ui9.Menu, { MenuListProps: { dense: true }, ...(0, import_ui9.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React13.createElement(import_ui9.MenuItem, { key: option, onClick: () => handleMenuItemClick(index) }, option.toUpperCase()))));
+  ), /* @__PURE__ */ React13.createElement(import_ui9.Menu, { MenuListProps: { dense: true }, ...(0, import_ui9.bindMenu)(popupState) }, options.map((option, index) => /* @__PURE__ */ React13.createElement(import_editor_ui2.MenuListItem, { key: option, onClick: () => handleMenuItemClick(index) }, option.toUpperCase()))));
 };
 
 // src/hooks/use-sync-external-state.tsx
@@ -1264,6 +1266,7 @@ function EqualUnequalSizesControl({
       },
       ...(0, import_ui21.bindPopover)(popupState),
       slotProps: {
+        // eslint-disable-next-line react-compiler/react-compiler
         paper: { sx: { mt: 0.5, width: controlRef.current?.getBoundingClientRect().width } }
       }
     },
@@ -1506,6 +1509,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]
   );
@@ -1536,7 +1540,7 @@ var FontList = ({ fontListItems, setFontFamily, handleClose, fontFamily }) => {
         const tabIndexFallback = !selectedItem ? 0 : -1;
         if (item.type === "category") {
           return /* @__PURE__ */ React28.createElement(
-            import_ui23.ListSubheader,
+            import_ui23.MenuSubheader,
             {
               key: virtualRow.key,
               style: {
@@ -1634,6 +1638,7 @@ var UrlControl = createControl(({ placeholder }) => {
 // src/controls/link-control.tsx
 var React31 = __toESM(require("react"));
 var import_react11 = require("react");
+var import_editor_elements = require("@elementor/editor-elements");
 var import_editor_props16 = require("@elementor/editor-props");
 var import_http2 = require("@elementor/http");
 var import_icons7 = require("@elementor/icons");
@@ -1748,36 +1753,6 @@ function _factoryFilter(newValue, options, minInputLength) {
   );
 }
 
-// src/utils/link-restriction.ts
-var import_editor_elements = require("@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 = (0, import_editor_elements.getContainer)(id);
-  return elementContainer?.view?.el || null;
-}
-
 // src/controls/link-control.tsx
 var SIZE3 = "tiny";
 var LinkControl = createControl((props) => {
@@ -1795,7 +1770,7 @@ var LinkControl = createControl((props) => {
     generateFirstLoadedOption(value)
   );
   const onEnabledChange = () => {
-    const { shouldRestrict } = getLinkRestriction(elementId);
+    const shouldRestrict = (0, import_editor_elements.getAncestorWithAnchorTag)(elementId) || (0, import_editor_elements.getDescendantWithAnchorTag)(elementId);
     if (shouldRestrict && !isEnabled) {
       return;
     }
@@ -2235,6 +2210,7 @@ var BackgroundImageOverlayAttachment = () => {
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
 var React37 = __toESM(require("react"));
 var import_editor_props20 = require("@elementor/editor-props");
+var import_editor_ui3 = require("@elementor/editor-ui");
 var import_icons11 = require("@elementor/icons");
 var import_ui32 = require("@elementor/ui");
 var import_i18n14 = require("@wordpress/i18n");
@@ -2270,7 +2246,7 @@ var BackgroundImageOverlayPosition = () => {
       onChange: handlePositionChange,
       fullWidth: true
     },
-    backgroundPositionOptions.map(({ label, value }) => /* @__PURE__ */ React37.createElement(import_ui32.MenuItem, { key: value, value: value ?? "" }, label))
+    backgroundPositionOptions.map(({ label, value }) => /* @__PURE__ */ React37.createElement(import_editor_ui3.MenuListItem, { key: value, value: value ?? "" }, label))
   )))), isCustom ? /* @__PURE__ */ React37.createElement(PropProvider, { ...backgroundImageOffsetContext }, /* @__PURE__ */ React37.createElement(import_ui32.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React37.createElement(import_ui32.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React37.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React37.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React37.createElement(SizeControl, { startIcon: /* @__PURE__ */ React37.createElement(import_icons11.LetterXIcon, { fontSize: "tiny" }) }))), /* @__PURE__ */ React37.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React37.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React37.createElement(SizeControl, { startIcon: /* @__PURE__ */ React37.createElement(import_icons11.LetterYIcon, { fontSize: "tiny" }) })))))) : null);
 };