@elementor/editor-controls 0.25.0 → 0.27.0

package/dist/index.mjs

@@ -193,46 +193,39 @@ var ControlFormLabel = ({ children }) => {
 import * as React5 from "react";
 import { ErrorBoundary } from "@elementor/ui";
 
-// src/create-control-replacement.tsx
+// src/control-replacements.tsx
 import * as React4 from "react";
 import { createContext as createContext3, useContext as useContext3 } from "react";
-var ControlReplacementContext = createContext3(void 0);
-var ControlReplacementProvider = ({
-  component,
-  condition,
-  children
-}) => {
-  return /* @__PURE__ */ React4.createElement(ControlReplacementContext.Provider, { value: { component, condition } }, children);
+var ControlReplacementContext = createContext3([]);
+var ControlReplacementsProvider = ({ replacements, children }) => {
+  return /* @__PURE__ */ React4.createElement(ControlReplacementContext.Provider, { value: replacements }, children);
 };
-var useControlReplacement = () => {
+var useControlReplacement = (OriginalComponent) => {
   const { value } = useBoundProp();
-  const controlReplacement = useContext3(ControlReplacementContext);
-  let shouldReplace = false;
+  const replacements = useContext3(ControlReplacementContext);
   try {
-    shouldReplace = !!controlReplacement?.condition({ value }) && !!controlReplacement.component;
+    const replacement = replacements.find((r) => r.condition({ value }));
+    return replacement?.component ?? OriginalComponent;
   } catch {
+    return OriginalComponent;
   }
-  return shouldReplace ? controlReplacement?.component : void 0;
 };
-var createControlReplacement = () => {
-  let controlReplacement;
-  function replaceControl({ component, condition }) {
-    controlReplacement = { component, condition };
+var createControlReplacementsRegistry = () => {
+  const controlReplacements = [];
+  function registerControlReplacement(replacement) {
+    controlReplacements.push(replacement);
   }
-  function getControlReplacement() {
-    return controlReplacement;
+  function getControlReplacements() {
+    return controlReplacements;
   }
-  return { replaceControl, getControlReplacement };
+  return { registerControlReplacement, getControlReplacements };
 };
 
 // src/create-control.tsx
 var brandSymbol = Symbol("control");
-function createControl(Component, { supportsReplacements = true } = {}) {
+function createControl(Control5) {
   return (props) => {
-    const ControlReplacement = useControlReplacement();
-    if (ControlReplacement && supportsReplacements) {
-      return /* @__PURE__ */ React5.createElement(ErrorBoundary, { fallback: null }, /* @__PURE__ */ React5.createElement(ControlReplacement, { ...props }));
-    }
+    const Component = useControlReplacement(Control5);
     return /* @__PURE__ */ React5.createElement(ErrorBoundary, { fallback: null }, /* @__PURE__ */ React5.createElement(Component, { ...props }));
   };
 }
@@ -884,16 +877,28 @@ var Repeater = ({
       });
     });
   };
-  return /* @__PURE__ */ React23.createElement(SectionContent, null, /* @__PURE__ */ React23.createElement(Stack5, { direction: "row", justifyContent: "start", alignItems: "center", gap: 1 }, /* @__PURE__ */ React23.createElement(Typography, { component: "label", variant: "caption", color: "text.secondary" }, label), /* @__PURE__ */ React23.createElement(ControlAdornments, null), /* @__PURE__ */ React23.createElement(
-    IconButton,
+  return /* @__PURE__ */ React23.createElement(SectionContent, null, /* @__PURE__ */ React23.createElement(
+    Stack5,
     {
-      sx: { ml: "auto" },
-      size: SIZE,
-      onClick: addRepeaterItem,
-      "aria-label": __4("Add item", "elementor")
+      direction: "row",
+      justifyContent: "start",
+      alignItems: "center",
+      gap: 1,
+      sx: { marginInlineEnd: -0.75 }
     },
-    /* @__PURE__ */ React23.createElement(PlusIcon, { fontSize: SIZE })
-  )), 0 < uniqueKeys.length && /* @__PURE__ */ React23.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key, index) => {
+    /* @__PURE__ */ React23.createElement(Typography, { component: "label", variant: "caption", color: "text.secondary" }, label),
+    /* @__PURE__ */ React23.createElement(ControlAdornments, null),
+    /* @__PURE__ */ React23.createElement(
+      IconButton,
+      {
+        sx: { ml: "auto" },
+        size: SIZE,
+        onClick: addRepeaterItem,
+        "aria-label": __4("Add item", "elementor")
+      },
+      /* @__PURE__ */ React23.createElement(PlusIcon, { fontSize: SIZE })
+    )
+  ), 0 < uniqueKeys.length && /* @__PURE__ */ React23.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key, index) => {
     const value = items[index];
     if (!value) {
       return null;
@@ -1316,7 +1321,6 @@ function EqualUnequalSizesControl({
       },
       ...bindPopover2(popupState),
       slotProps: {
-        // eslint-disable-next-line react-compiler/react-compiler
         paper: { sx: { mt: 0.5, width: controlRef.current?.getBoundingClientRect().width } }
       }
     },
@@ -1911,7 +1915,8 @@ var LinkControl = createControl((props) => {
       direction: "row",
       sx: {
         justifyContent: "space-between",
-        alignItems: "center"
+        alignItems: "center",
+        marginInlineEnd: -0.75
       }
     },
     /* @__PURE__ */ React34.createElement(ControlFormLabel, null, __9("Link", "elementor")),
@@ -1950,7 +1955,7 @@ var SwitchControl = ({ disabled }) => {
       opacity: 0
     }
   } : {};
-  return /* @__PURE__ */ React34.createElement(Grid7, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React34.createElement(Grid7, { item: true }, /* @__PURE__ */ React34.createElement(ControlFormLabel, null, __9("Open in a new tab", "elementor"))), /* @__PURE__ */ React34.createElement(Grid7, { item: true }, /* @__PURE__ */ React34.createElement(Switch, { checked: value, onClick, disabled, inputProps })));
+  return /* @__PURE__ */ React34.createElement(Grid7, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React34.createElement(Grid7, { item: true }, /* @__PURE__ */ React34.createElement(ControlFormLabel, null, __9("Open in a new tab", "elementor"))), /* @__PURE__ */ React34.createElement(Grid7, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React34.createElement(Switch, { checked: value, onClick, disabled, inputProps })));
 };
 async function fetchOptions(ajaxUrl, params) {
   if (!params || !ajaxUrl) {
@@ -2772,7 +2777,7 @@ export {
   ControlAdornments,
   ControlAdornmentsProvider,
   ControlFormLabel,
-  ControlReplacementProvider,
+  ControlReplacementsProvider,
   ControlToggleButtonGroup,
   EqualUnequalSizesControl,
   FontFamilyControl,
@@ -2791,7 +2796,7 @@ export {
   TextControl,
   ToggleControl,
   UrlControl,
-  createControlReplacement,
+  createControlReplacementsRegistry,
   useBoundProp,
   useControlActions,
   useSyncExternalState