@elementor/editor-editing-panel 3.35.0 → 3.35.2

package/dist/index.mjs

@@ -4993,19 +4993,15 @@ var EditingPanelHooks = () => {
 };
 
 // src/components/promotions/init.tsx
-import { DisplayConditionsControl } from "@elementor/editor-controls";
+import { AttributesControl, DisplayConditionsControl } from "@elementor/editor-controls";
 
 // src/components/promotions/custom-css.tsx
 import * as React86 from "react";
-import { useState as useState11 } from "react";
-import { PromotionChip, PromotionInfotip } from "@elementor/editor-ui";
+import { useRef as useRef15 } from "react";
+import { PromotionTrigger } from "@elementor/editor-controls";
 import { __ as __58 } from "@wordpress/i18n";
-function getCustomCssPromotion() {
-  return window.elementor?.config?.v4Promotions?.customCss;
-}
 var CustomCssSection = () => {
-  const [showInfoTip, setShowInfoTip] = useState11(false);
-  const promotion = getCustomCssPromotion();
+  const triggerRef = useRef15(null);
   return /* @__PURE__ */ React86.createElement(
     StyleTabSection,
     {
@@ -5013,25 +5009,8 @@ var CustomCssSection = () => {
         name: "Custom CSS",
         title: __58("Custom CSS", "elementor"),
         action: {
-          component: /* @__PURE__ */ React86.createElement(
-            PromotionInfotip,
-            {
-              title: promotion?.title ?? "",
-              content: promotion?.content ?? "",
-              assetUrl: promotion?.image ?? "",
-              ctaUrl: promotion?.ctaUrl ?? "",
-              open: showInfoTip,
-              onClose: () => {
-                setShowInfoTip(false);
-              }
-            },
-            /* @__PURE__ */ React86.createElement(PromotionChip, null)
-          ),
-          onClick: () => {
-            if (!showInfoTip) {
-              setShowInfoTip(true);
-            }
-          }
+          component: /* @__PURE__ */ React86.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "customCss" }),
+          onClick: () => triggerRef.current?.toggle()
         }
       }
     }
@@ -5046,6 +5025,7 @@ var init = () => {
       component: CustomCssSection,
       options: { overwrite: true }
     });
+    controlsRegistry.register("attributes", AttributesControl, "two-columns");
     controlsRegistry.register("display-conditions", DisplayConditionsControl, "two-columns");
   }
 };
@@ -5683,7 +5663,7 @@ var DynamicControl = ({ bind, children }) => {
 };
 
 // src/dynamics/components/dynamic-selection.tsx
-import { Fragment as Fragment14, useState as useState12 } from "react";
+import { Fragment as Fragment14, useState as useState11 } from "react";
 import * as React91 from "react";
 import { useBoundProp as useBoundProp9 } from "@elementor/editor-controls";
 import { CtaButton, PopoverHeader, PopoverMenuList, SearchField } from "@elementor/editor-ui";
@@ -5694,7 +5674,7 @@ var SIZE4 = "tiny";
 var PROMO_TEXT_WIDTH = 170;
 var PRO_DYNAMIC_TAGS_URL = "https://go.elementor.com/go-pro-dynamic-tags-modal/";
 var DynamicSelection = ({ close: closePopover }) => {
-  const [searchValue, setSearchValue] = useState12("");
+  const [searchValue, setSearchValue] = useState11("");
   const { groups: dynamicGroups } = getAtomicDynamicTags() || {};
   const theme = useTheme3();
   const { value: anyValue } = useBoundProp9();
@@ -6148,7 +6128,7 @@ import { __ as __68 } from "@wordpress/i18n";
 
 // src/styles-inheritance/components/styles-inheritance-infotip.tsx
 import * as React98 from "react";
-import { useMemo as useMemo14, useRef as useRef15, useState as useState14 } from "react";
+import { useMemo as useMemo14, useRef as useRef16, useState as useState13 } from "react";
 import { createPropsResolver as createPropsResolver2 } from "@elementor/editor-canvas";
 import { PopoverHeader as PopoverHeader3 } from "@elementor/editor-ui";
 import {
@@ -6165,7 +6145,7 @@ import {
 import { __ as __67 } from "@wordpress/i18n";
 
 // src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx
-import { isValidElement, useEffect as useEffect7, useState as useState13 } from "react";
+import { isValidElement, useEffect as useEffect7, useState as useState12 } from "react";
 import { UnknownStyleStateError } from "@elementor/editor-canvas";
 import {
   isClassState as isClassState2,
@@ -6175,7 +6155,7 @@ import { ELEMENTS_BASE_STYLES_PROVIDER_KEY as ELEMENTS_BASE_STYLES_PROVIDER_KEY2
 import { __ as __65 } from "@wordpress/i18n";
 var MAXIMUM_ITEMS = 2;
 var useNormalizedInheritanceChainItems = (inheritanceChain, bind, resolve) => {
-  const [items3, setItems] = useState13([]);
+  const [items3, setItems] = useState12([]);
   useEffect7(() => {
     (async () => {
       const normalizedItems = await Promise.all(
@@ -6360,8 +6340,8 @@ var StylesInheritanceInfotip = ({
   children,
   isDisabled
 }) => {
-  const [showInfotip, setShowInfotip] = useState14(false);
-  const triggerRef = useRef15(null);
+  const [showInfotip, setShowInfotip] = useState13(false);
+  const triggerRef = useRef16(null);
   const toggleInfotip = () => {
     if (isDisabled) {
       return;