@elementor/editor-controls 0.26.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 }));
   };
 }
@@ -1328,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 } }
       }
     },
@@ -2785,7 +2777,7 @@ export {
   ControlAdornments,
   ControlAdornmentsProvider,
   ControlFormLabel,
-  ControlReplacementProvider,
+  ControlReplacementsProvider,
   ControlToggleButtonGroup,
   EqualUnequalSizesControl,
   FontFamilyControl,
@@ -2804,7 +2796,7 @@ export {
   TextControl,
   ToggleControl,
   UrlControl,
-  createControlReplacement,
+  createControlReplacementsRegistry,
   useBoundProp,
   useControlActions,
   useSyncExternalState