@elementor/editor-controls 3.33.0-253 → 3.33.0-255

package/dist/index.mjs

@@ -1476,6 +1476,17 @@ import * as React27 from "react";
 import { bindTrigger as bindTrigger2 } from "@elementor/ui";
 import { __ as __7 } from "@wordpress/i18n";
 
+// src/hooks/use-repeatable-control-context.ts
+import { createContext as createContext8, useContext as useContext7 } from "react";
+var RepeatableControlContext = createContext8(void 0);
+var useRepeatableControlContext = () => {
+  const context = useContext7(RepeatableControlContext);
+  if (!context) {
+    throw new Error("useRepeatableControlContext must be used within RepeatableControl");
+  }
+  return context;
+};
+
 // src/components/repeater/repeater-tag.tsx
 import * as React26 from "react";
 import { forwardRef as forwardRef4 } from "react";
@@ -1503,8 +1514,13 @@ var { Slot: RepeaterItemActionsSlot, inject: injectIntoRepeaterItemActions } = c
 // src/components/control-repeater/items/item.tsx
 var Item = ({ Label: Label3, Icon, actions }) => {
   const { popoverState, setRowRef, openItemIndex, setOpenItemIndex, index = -1, value } = useRepeaterContext();
+  const repeatableContext = React27.useContext(RepeatableControlContext);
+  const disableOpen = !!repeatableContext?.props?.readOnly;
   const triggerProps = bindTrigger2(popoverState);
   const onClick = (ev) => {
+    if (disableOpen) {
+      return;
+    }
     triggerProps.onClick(ev);
     setOpenItemIndex(index);
   };
@@ -1659,11 +1675,11 @@ import * as React37 from "react";
 
 // src/control-adornments/control-adornments-context.tsx
 import * as React36 from "react";
-import { createContext as createContext8, useContext as useContext7 } from "react";
-var Context2 = createContext8(null);
+import { createContext as createContext9, useContext as useContext9 } from "react";
+var Context2 = createContext9(null);
 var ControlAdornmentsProvider = ({ children, items: items2 }) => /* @__PURE__ */ React36.createElement(Context2.Provider, { value: { items: items2 } }, children);
 var useControlAdornments = () => {
-  const context = useContext7(Context2);
+  const context = useContext9(Context2);
   return context?.items ?? [];
 };
 
@@ -1795,7 +1811,7 @@ import { __ as __16 } from "@wordpress/i18n";
 
 // src/controls/filter-control/context/filter-config-context.tsx
 import * as React40 from "react";
-import { createContext as createContext9, useContext as useContext8, useMemo as useMemo3 } from "react";
+import { createContext as createContext10, useContext as useContext10, useMemo as useMemo3 } from "react";
 import { cssFilterFunctionPropUtil } from "@elementor/editor-props";
 
 // src/controls/filter-control/utils.ts
@@ -1894,7 +1910,7 @@ function extractPropType(propType, filterFunctionGroup) {
 }
 
 // src/controls/filter-control/context/filter-config-context.tsx
-var FilterConfigContext = createContext9(null);
+var FilterConfigContext = createContext10(null);
 function FilterConfigProvider({ children }) {
   const propContext = useBoundProp(cssFilterFunctionPropUtil);
   const contextValue = useMemo3(() => {
@@ -1913,7 +1929,7 @@ function FilterConfigProvider({ children }) {
   return /* @__PURE__ */ React40.createElement(FilterConfigContext.Provider, { value: contextValue }, children);
 }
 function useFilterConfig() {
-  const context = useContext8(FilterConfigContext);
+  const context = useContext10(FilterConfigContext);
   if (!context) {
     throw new Error("useFilterConfig must be used within FilterConfigProvider");
   }
@@ -4473,19 +4489,6 @@ import * as React79 from "react";
 import { useMemo as useMemo7 } from "react";
 import { createArrayPropUtils } from "@elementor/editor-props";
 import { Box as Box13 } from "@elementor/ui";
-
-// src/hooks/use-repeatable-control-context.ts
-import { createContext as createContext10, useContext as useContext9 } from "react";
-var RepeatableControlContext = createContext10(void 0);
-var useRepeatableControlContext = () => {
-  const context = useContext9(RepeatableControlContext);
-  if (!context) {
-    throw new Error("useRepeatableControlContext must be used within RepeatableControl");
-  }
-  return context;
-};
-
-// src/controls/repeatable-control.tsx
 var PLACEHOLDER_REGEX = /\$\{([^}]+)\}/g;
 var RepeatableControl = createControl(
   ({
@@ -4616,11 +4619,18 @@ var shouldShowPlaceholder = (pattern, data) => {
   }
   return false;
 };
+var getTextColor = (isReadOnly, showPlaceholder) => {
+  if (isReadOnly) {
+    return "text.disabled";
+  }
+  return showPlaceholder ? "text.tertiary" : "text.primary";
+};
 var ItemLabel3 = ({ value }) => {
-  const { placeholder, patternLabel } = useRepeatableControlContext();
+  const { placeholder, patternLabel, props: childProps } = useRepeatableControlContext();
   const showPlaceholder = shouldShowPlaceholder(patternLabel, value);
   const label = showPlaceholder ? placeholder : interpolate(patternLabel, value);
-  const color = showPlaceholder ? "text.tertiary" : "text.primary";
+  const isReadOnly = !!childProps?.readOnly;
+  const color = getTextColor(isReadOnly, showPlaceholder);
   return /* @__PURE__ */ React79.createElement(Box13, { component: "span", color }, label);
 };
 var getAllProperties = (pattern) => {
@@ -5559,7 +5569,7 @@ var TransitionSelector = ({
       left: rect.right + 36
     };
   };
-  return /* @__PURE__ */ React96.createElement(Box18, { ref: defaultRef }, /* @__PURE__ */ React96.createElement(
+  return /* @__PURE__ */ React96.createElement(Box18, { ref: defaultRef }, /* @__PURE__ */ React96.createElement(ControlActions, null, /* @__PURE__ */ React96.createElement(
     UnstableTag3,
     {
       variant: "outlined",
@@ -5568,7 +5578,7 @@ var TransitionSelector = ({
       ...bindTrigger5(popoverState),
       fullWidth: true
     }
-  ), /* @__PURE__ */ React96.createElement(
+  )), /* @__PURE__ */ React96.createElement(
     Popover6,
     {
       disablePortal: true,