@elementor/editor-editing-panel 3.35.0-439 → 3.35.0-441

package/dist/index.d.mts

@@ -4,7 +4,7 @@ export { useBoundProp } from '@elementor/editor-controls';
 import * as _elementor_locations from '@elementor/locations';
 import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDefinitionID } from '@elementor/editor-styles';
 import * as react from 'react';
-import { FC, PropsWithChildren, Dispatch, ElementType as ElementType$1, ComponentType, ComponentProps } from 'react';
+import { FC, PropsWithChildren, ReactNode, Dispatch, ElementType as ElementType$1, ComponentType, ComponentProps } from 'react';
 import { PopoverBody as PopoverBody$1 } from '@elementor/editor-ui';
 import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout } from '@elementor/editor-elements';
 import * as _elementor_editor_props from '@elementor/editor-props';
@@ -79,7 +79,10 @@ type SectionType = {
     component?: () => react.JSX.Element;
     name: string;
     title: string;
-    action?: react.ReactNode;
+    action?: {
+        component: ReactNode;
+        onClick: () => void;
+    };
 };
 type Props$1 = {
     section: SectionType;

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { useBoundProp } from '@elementor/editor-controls';
 import * as _elementor_locations from '@elementor/locations';
 import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDefinitionID } from '@elementor/editor-styles';
 import * as react from 'react';
-import { FC, PropsWithChildren, Dispatch, ElementType as ElementType$1, ComponentType, ComponentProps } from 'react';
+import { FC, PropsWithChildren, ReactNode, Dispatch, ElementType as ElementType$1, ComponentType, ComponentProps } from 'react';
 import { PopoverBody as PopoverBody$1 } from '@elementor/editor-ui';
 import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout } from '@elementor/editor-elements';
 import * as _elementor_editor_props from '@elementor/editor-props';
@@ -79,7 +79,10 @@ type SectionType = {
     component?: () => react.JSX.Element;
     name: string;
     title: string;
-    action?: react.ReactNode;
+    action?: {
+        component: ReactNode;
+        onClick: () => void;
+    };
 };
 type Props$1 = {
     section: SectionType;

package/dist/index.js

@@ -2016,7 +2016,9 @@ function Section({ title, children, defaultExpanded = false, titleEnd, unmountOn
   const ref = (0, import_react19.useRef)(null);
   const isDisabled = !!action;
   const handleClick = () => {
-    if (!isDisabled) {
+    if (isDisabled) {
+      action?.onClick();
+    } else {
       setIsOpen(!isOpen);
     }
   };
@@ -2040,7 +2042,7 @@ function Section({ title, children, defaultExpanded = false, titleEnd, unmountOn
         sx: { flexGrow: 0, flexShrink: 1, marginInlineEnd: 1 }
       }
     ), getCollapsibleValue(titleEnd, isOpen)),
-    action,
+    action?.component,
     /* @__PURE__ */ React19.createElement(
       import_editor_ui5.CollapseIcon,
       {
@@ -4961,18 +4963,27 @@ var CustomCssSection = () => {
       section: {
         name: "Custom CSS",
         title: (0, import_i18n58.__)("Custom CSS", "elementor"),
-        action: /* @__PURE__ */ React86.createElement(
-          import_editor_ui8.PromotionInfotip,
-          {
-            title: promotion?.title ?? "",
-            content: promotion?.content ?? "",
-            assetUrl: promotion?.image ?? "",
-            ctaUrl: promotion?.ctaUrl ?? "",
-            open: showInfoTip,
-            setOpen: setShowInfoTip
-          },
-          /* @__PURE__ */ React86.createElement(import_editor_ui8.PromotionChip, { onClick: () => setShowInfoTip(true) })
-        )
+        action: {
+          component: /* @__PURE__ */ React86.createElement(
+            import_editor_ui8.PromotionInfotip,
+            {
+              title: promotion?.title ?? "",
+              content: promotion?.content ?? "",
+              assetUrl: promotion?.image ?? "",
+              ctaUrl: promotion?.ctaUrl ?? "",
+              open: showInfoTip,
+              onClose: () => {
+                setShowInfoTip(false);
+              }
+            },
+            /* @__PURE__ */ React86.createElement(import_editor_ui8.PromotionChip, null)
+          ),
+          onClick: () => {
+            if (!showInfoTip) {
+              setShowInfoTip(true);
+            }
+          }
+        }
       }
     }
   );