@elementor/editor-editing-panel 3.32.0-54 → 3.32.0-55

package/dist/index.js

@@ -2753,10 +2753,27 @@ var ActionIcons = () => /* @__PURE__ */ React29.createElement(import_ui23.Box, {
 
 // src/styles-inheritance/components/styles-inheritance-infotip.tsx
 var SECTION_PADDING_INLINE = 32;
-var StylesInheritanceInfotip = ({ inheritanceChain, propType, path, label, children }) => {
+var StylesInheritanceInfotip = ({
+  inheritanceChain,
+  propType,
+  path,
+  label,
+  children,
+  isDisabled
+}) => {
   const [showInfotip, setShowInfotip] = (0, import_react24.useState)(false);
-  const toggleInfotip = () => setShowInfotip((prev) => !prev);
-  const closeInfotip = () => setShowInfotip(false);
+  const toggleInfotip = () => {
+    if (isDisabled) {
+      return;
+    }
+    setShowInfotip((prev) => !prev);
+  };
+  const closeInfotip = () => {
+    if (isDisabled) {
+      return;
+    }
+    setShowInfotip(false);
+  };
   const key = path.join(".");
   const sectionWidth = useSectionWidth();
   const resolve = (0, import_react24.useMemo)(() => {
@@ -2824,16 +2841,33 @@ var StylesInheritanceInfotip = ({ inheritanceChain, propType, path, label, child
       }))
     )
   ));
-  return /* @__PURE__ */ React30.createElement(TooltipOrInfotip, { showInfotip, onClose: closeInfotip, infotipContent }, /* @__PURE__ */ React30.createElement(import_ui24.IconButton, { onClick: toggleInfotip, "aria-label": label, sx: { my: "-1px" } }, children));
+  if (isDisabled) {
+    return /* @__PURE__ */ React30.createElement(import_ui24.Box, { sx: { display: "inline-flex" } }, children);
+  }
+  return /* @__PURE__ */ React30.createElement(
+    TooltipOrInfotip,
+    {
+      showInfotip,
+      onClose: closeInfotip,
+      infotipContent,
+      isDisabled
+    },
+    /* @__PURE__ */ React30.createElement(import_ui24.IconButton, { onClick: toggleInfotip, "aria-label": label, sx: { my: "-1px" }, disabled: isDisabled }, children)
+  );
 };
 function TooltipOrInfotip({
   children,
   showInfotip,
   onClose,
-  infotipContent
+  infotipContent,
+  isDisabled
 }) {
-  const { isSiteRtl } = useDirection();
+  const direction = useDirection();
+  const isSiteRtl = direction.isSiteRtl;
   const forceInfotipAlignLeft = isSiteRtl ? 9999999 : -9999999;
+  if (isDisabled) {
+    return /* @__PURE__ */ React30.createElement(import_ui24.Box, { sx: { display: "inline-flex" } }, children);
+  }
   if (showInfotip) {
     return /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement(
       import_ui24.Backdrop,
@@ -2876,16 +2910,25 @@ function TooltipOrInfotip({
 }
 
 // src/styles-inheritance/components/styles-inheritance-indicator.tsx
-var skipControls = ["box-shadow", "background-overlay", "filter", "backdrop-filter", "transform"];
+var disabledControls = ["box-shadow", "background-overlay", "filter", "backdrop-filter", "transform"];
 var StylesInheritanceIndicator = () => {
   const { path, propType } = (0, import_editor_controls7.useBoundProp)();
   const inheritanceChain = useStylesInheritanceChain(path);
-  if (!path || path.some((pathItem) => skipControls.includes(pathItem)) || !inheritanceChain.length) {
+  if (!path || !inheritanceChain.length) {
     return null;
   }
-  return /* @__PURE__ */ React31.createElement(Indicator, { inheritanceChain, path, propType });
+  const isDisabled = path.some((pathItem) => disabledControls.includes(pathItem));
+  return /* @__PURE__ */ React31.createElement(
+    Indicator,
+    {
+      inheritanceChain,
+      path,
+      propType,
+      isDisabled
+    }
+  );
 };
-var Indicator = ({ inheritanceChain, path, propType }) => {
+var Indicator = ({ inheritanceChain, path, propType, isDisabled }) => {
   const { id: currentStyleId, provider: currentStyleProvider, meta: currentStyleMeta } = useStyle();
   const currentItem = currentStyleId ? getValueFromInheritanceChain(inheritanceChain, currentStyleId, currentStyleMeta) : null;
   const hasValue = !(0, import_editor_props10.isEmpty)(currentItem?.value);
@@ -2905,7 +2948,8 @@ var Indicator = ({ inheritanceChain, path, propType }) => {
       inheritanceChain,
       path,
       propType,
-      label
+      label,
+      isDisabled
     },
     /* @__PURE__ */ React31.createElement(StyleIndicator, { ...styleIndicatorProps })
   );