@elementor/editor-editing-panel 3.35.0-358 → 3.35.0-360

package/dist/index.js

@@ -1100,7 +1100,7 @@ function CssClassItem(props) {
   const allowRename = Boolean(providerActions?.update) && userCan(provider ?? "")?.update;
   const isShowingState = isActive && meta.state;
   const stateLabel = (0, import_react9.useMemo)(() => {
-    if ((0, import_editor_styles.isClassState)(meta.state)) {
+    if (meta.state && (0, import_editor_styles.isClassState)(meta.state)) {
       return elementStates.find((state) => state.value === meta.state)?.label;
     }
     return meta.state;
@@ -5972,13 +5972,14 @@ var import_i18n67 = require("@wordpress/i18n");
 // src/styles-inheritance/components/styles-inheritance-infotip.tsx
 var React97 = __toESM(require("react"));
 var import_react42 = require("react");
-var import_editor_canvas5 = require("@elementor/editor-canvas");
+var import_editor_canvas6 = require("@elementor/editor-canvas");
 var import_editor_ui10 = require("@elementor/editor-ui");
 var import_ui47 = require("@elementor/ui");
 var import_i18n66 = require("@wordpress/i18n");
 
 // src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx
 var import_react41 = require("react");
+var import_editor_canvas4 = require("@elementor/editor-canvas");
 var import_editor_styles8 = require("@elementor/editor-styles");
 var import_editor_styles_repository14 = require("@elementor/editor-styles-repository");
 var import_i18n64 = require("@wordpress/i18n");
@@ -6007,7 +6008,7 @@ var normalizeInheritanceItem = async (item, index, bind, resolve) => {
     },
     style: { label, id }
   } = item;
-  const displayLabel = getLabel({ label, state });
+  const displayLabel = getDisplayLabel({ label, state });
   return {
     id: id ? id + (state ?? "") : index,
     provider: item.provider || "",
@@ -6016,14 +6017,17 @@ var normalizeInheritanceItem = async (item, index, bind, resolve) => {
     value: await getTransformedValue(item, bind, resolve)
   };
 };
-function getLabel({ label, state }) {
+function getDisplayLabel({ label, state }) {
+  if (!state) {
+    return label;
+  }
   if ((0, import_editor_styles8.isClassState)(state)) {
     return `${label}.${state}`;
   }
   if ((0, import_editor_styles8.isPseudoState)(state)) {
     return `${label}:${state}`;
   }
-  return label;
+  throw new import_editor_canvas4.UnknownStyleStateError({ context: { state } });
 }
 var getTransformedValue = async (item, bind, resolve) => {
   try {
@@ -6046,8 +6050,8 @@ var getTransformedValue = async (item, bind, resolve) => {
 };
 
 // src/styles-inheritance/styles-inheritance-transformers-registry.tsx
-var import_editor_canvas4 = require("@elementor/editor-canvas");
-var stylesInheritanceTransformersRegistry = (0, import_editor_canvas4.createTransformersRegistry)();
+var import_editor_canvas5 = require("@elementor/editor-canvas");
+var stylesInheritanceTransformersRegistry = (0, import_editor_canvas5.createTransformersRegistry)();
 
 // src/styles-inheritance/components/infotip/breakpoint-icon.tsx
 var React93 = __toESM(require("react"));
@@ -6166,7 +6170,7 @@ var StylesInheritanceInfotip = ({
   const key = path.join(".");
   const sectionWidth = useSectionWidth();
   const resolve = (0, import_react42.useMemo)(() => {
-    return (0, import_editor_canvas5.createPropsResolver)({
+    return (0, import_editor_canvas6.createPropsResolver)({
       transformers: stylesInheritanceTransformersRegistry,
       schema: { [key]: propType }
     });
@@ -6329,7 +6333,7 @@ var Indicator = ({ inheritanceChain, path, propType, isDisabled }) => {
     return null;
   }
   const isFinalValue = currentItem === actualStyle;
-  const label = getLabel2({ isFinalValue, hasValue });
+  const label = getLabel({ isFinalValue, hasValue });
   const styleIndicatorProps = {
     getColor: isFinalValue && currentStyleProvider ? getStylesProviderThemeColor(currentStyleProvider.getKey()) : void 0,
     isOverridden: hasValue && !isFinalValue ? true : void 0
@@ -6346,7 +6350,7 @@ var Indicator = ({ inheritanceChain, path, propType, isDisabled }) => {
     /* @__PURE__ */ React98.createElement(StyleIndicator, { ...styleIndicatorProps })
   );
 };
-var getLabel2 = ({ isFinalValue, hasValue }) => {
+var getLabel = ({ isFinalValue, hasValue }) => {
   if (isFinalValue) {
     return (0, import_i18n67.__)("This is the final value", "elementor");
   }
@@ -6357,7 +6361,7 @@ var getLabel2 = ({ isFinalValue, hasValue }) => {
 };
 
 // src/styles-inheritance/init-styles-inheritance-transformers.ts
-var import_editor_canvas13 = require("@elementor/editor-canvas");
+var import_editor_canvas14 = require("@elementor/editor-canvas");
 
 // src/styles-inheritance/consts.ts
 var excludePropTypeTransformers = /* @__PURE__ */ new Set([
@@ -6375,9 +6379,9 @@ var excludePropTypeTransformers = /* @__PURE__ */ new Set([
 
 // src/styles-inheritance/transformers/array-transformer.tsx
 var React99 = __toESM(require("react"));
-var import_editor_canvas6 = require("@elementor/editor-canvas");
+var import_editor_canvas7 = require("@elementor/editor-canvas");
 var import_ui48 = require("@elementor/ui");
-var arrayTransformer = (0, import_editor_canvas6.createTransformer)((values) => {
+var arrayTransformer = (0, import_editor_canvas7.createTransformer)((values) => {
   if (!values || values.length === 0) {
     return null;
   }
@@ -6386,9 +6390,9 @@ var arrayTransformer = (0, import_editor_canvas6.createTransformer)((values) =>
 
 // src/styles-inheritance/transformers/background-color-overlay-transformer.tsx
 var React100 = __toESM(require("react"));
-var import_editor_canvas7 = require("@elementor/editor-canvas");
+var import_editor_canvas8 = require("@elementor/editor-canvas");
 var import_ui49 = require("@elementor/ui");
-var backgroundColorOverlayTransformer = (0, import_editor_canvas7.createTransformer)((value) => /* @__PURE__ */ React100.createElement(import_ui49.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React100.createElement(ItemLabelColor, { value })));
+var backgroundColorOverlayTransformer = (0, import_editor_canvas8.createTransformer)((value) => /* @__PURE__ */ React100.createElement(import_ui49.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React100.createElement(ItemLabelColor, { value })));
 var ItemLabelColor = ({ value: { color } }) => {
   return /* @__PURE__ */ React100.createElement("span", null, color);
 };
@@ -6402,10 +6406,10 @@ var StyledUnstableColorIndicator = (0, import_ui49.styled)(import_ui49.UnstableC
 
 // src/styles-inheritance/transformers/background-gradient-overlay-transformer.tsx
 var React101 = __toESM(require("react"));
-var import_editor_canvas8 = require("@elementor/editor-canvas");
+var import_editor_canvas9 = require("@elementor/editor-canvas");
 var import_ui50 = require("@elementor/ui");
 var import_i18n68 = require("@wordpress/i18n");
-var backgroundGradientOverlayTransformer = (0, import_editor_canvas8.createTransformer)((value) => /* @__PURE__ */ React101.createElement(import_ui50.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React101.createElement(ItemIconGradient, { value }), /* @__PURE__ */ React101.createElement(ItemLabelGradient, { value })));
+var backgroundGradientOverlayTransformer = (0, import_editor_canvas9.createTransformer)((value) => /* @__PURE__ */ React101.createElement(import_ui50.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React101.createElement(ItemIconGradient, { value }), /* @__PURE__ */ React101.createElement(ItemLabelGradient, { value })));
 var ItemIconGradient = ({ value }) => {
   const gradient = getGradientValue(value);
   return /* @__PURE__ */ React101.createElement(StyledUnstableColorIndicator, { size: "inherit", component: "span", value: gradient });
@@ -6426,11 +6430,11 @@ var getGradientValue = (gradient) => {
 
 // src/styles-inheritance/transformers/background-image-overlay-transformer.tsx
 var React102 = __toESM(require("react"));
-var import_editor_canvas9 = require("@elementor/editor-canvas");
+var import_editor_canvas10 = require("@elementor/editor-canvas");
 var import_editor_ui11 = require("@elementor/editor-ui");
 var import_ui51 = require("@elementor/ui");
 var import_wp_media = require("@elementor/wp-media");
-var backgroundImageOverlayTransformer = (0, import_editor_canvas9.createTransformer)((value) => /* @__PURE__ */ React102.createElement(import_ui51.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React102.createElement(ItemIconImage, { value }), /* @__PURE__ */ React102.createElement(ItemLabelImage, { value })));
+var backgroundImageOverlayTransformer = (0, import_editor_canvas10.createTransformer)((value) => /* @__PURE__ */ React102.createElement(import_ui51.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React102.createElement(ItemIconImage, { value }), /* @__PURE__ */ React102.createElement(ItemLabelImage, { value })));
 var ItemIconImage = ({ value }) => {
   const { imageUrl } = useImage(value);
   return /* @__PURE__ */ React102.createElement(
@@ -6475,9 +6479,9 @@ var getFileExtensionFromFilename = (filename) => {
 
 // src/styles-inheritance/transformers/box-shadow-transformer.tsx
 var React103 = __toESM(require("react"));
-var import_editor_canvas10 = require("@elementor/editor-canvas");
+var import_editor_canvas11 = require("@elementor/editor-canvas");
 var import_ui52 = require("@elementor/ui");
-var boxShadowTransformer = (0, import_editor_canvas10.createTransformer)((value) => {
+var boxShadowTransformer = (0, import_editor_canvas11.createTransformer)((value) => {
   if (!value) {
     return null;
   }
@@ -6490,7 +6494,7 @@ var boxShadowTransformer = (0, import_editor_canvas10.createTransformer)((value)
 
 // src/styles-inheritance/transformers/color-transformer.tsx
 var React104 = __toESM(require("react"));
-var import_editor_canvas11 = require("@elementor/editor-canvas");
+var import_editor_canvas12 = require("@elementor/editor-canvas");
 var import_ui53 = require("@elementor/ui");
 function isValidCSSColor(value) {
   if (!value.trim()) {
@@ -6505,7 +6509,7 @@ var StyledColorIndicator = (0, import_ui53.styled)(import_ui53.UnstableColorIndi
   outline: `1px solid ${theme.palette.action.disabled}`,
   flexShrink: 0
 }));
-var colorTransformer = (0, import_editor_canvas11.createTransformer)((value) => {
+var colorTransformer = (0, import_editor_canvas12.createTransformer)((value) => {
   if (!isValidCSSColor(value)) {
     return value;
   }
@@ -6514,10 +6518,10 @@ var colorTransformer = (0, import_editor_canvas11.createTransformer)((value) =>
 
 // src/styles-inheritance/transformers/repeater-to-items-transformer.tsx
 var React105 = __toESM(require("react"));
-var import_editor_canvas12 = require("@elementor/editor-canvas");
+var import_editor_canvas13 = require("@elementor/editor-canvas");
 var import_ui54 = require("@elementor/ui");
 var createRepeaterToItemsTransformer = (originalTransformer, separator = " ") => {
-  return (0, import_editor_canvas12.createTransformer)((value, options12) => {
+  return (0, import_editor_canvas13.createTransformer)((value, options12) => {
     const stringResult = originalTransformer(value, options12);
     if (!stringResult || typeof stringResult !== "string") {
       return stringResult;
@@ -6532,7 +6536,7 @@ var createRepeaterToItemsTransformer = (originalTransformer, separator = " ") =>
 
 // src/styles-inheritance/init-styles-inheritance-transformers.ts
 function initStylesInheritanceTransformers() {
-  const originalStyleTransformers = import_editor_canvas13.styleTransformersRegistry.all();
+  const originalStyleTransformers = import_editor_canvas14.styleTransformersRegistry.all();
   Object.entries(originalStyleTransformers).forEach(([propType, transformer]) => {
     if (excludePropTypeTransformers.has(propType)) {
       return;
@@ -6540,7 +6544,7 @@ function initStylesInheritanceTransformers() {
     stylesInheritanceTransformersRegistry.register(propType, transformer);
   });
   stylesInheritanceTransformersRegistry.registerFallback(
-    (0, import_editor_canvas13.createTransformer)((value) => {
+    (0, import_editor_canvas14.createTransformer)((value) => {
       return value;
     })
   );