@elementor/editor-controls 3.32.0-86 → 3.32.0-89

package/dist/index.d.mts

@@ -405,7 +405,12 @@ declare function useFloatingActionsBar(): {
 
 type ControlAdornmentsItems = Array<{
     id: string;
-    Adornment: ComponentType;
+    Adornment: ComponentType<{
+        customContext?: {
+            path: string[];
+            propType: PropType;
+        };
+    }>;
 }>;
 type ControlAdornmentsContext = {
     items?: ControlAdornmentsItems;
@@ -413,7 +418,12 @@ type ControlAdornmentsContext = {
 type ControlAdornmentsProviderProps = PropsWithChildren<ControlAdornmentsContext>;
 declare const ControlAdornmentsProvider: ({ children, items }: ControlAdornmentsProviderProps) => React$1.JSX.Element;
 
-declare function ControlAdornments(): React$1.JSX.Element | null;
+declare function ControlAdornments({ customContext, }: {
+    customContext?: {
+        path: string[];
+        propType: PropType;
+    };
+}): React$1.JSX.Element | null;
 
 declare const injectIntoRepeaterItemIcon: (args: _elementor_locations.ReplaceableInjectArgs<{
     value: PropValue;

package/dist/index.d.ts

@@ -405,7 +405,12 @@ declare function useFloatingActionsBar(): {
 
 type ControlAdornmentsItems = Array<{
     id: string;
-    Adornment: ComponentType;
+    Adornment: ComponentType<{
+        customContext?: {
+            path: string[];
+            propType: PropType;
+        };
+    }>;
 }>;
 type ControlAdornmentsContext = {
     items?: ControlAdornmentsItems;
@@ -413,7 +418,12 @@ type ControlAdornmentsContext = {
 type ControlAdornmentsProviderProps = PropsWithChildren<ControlAdornmentsContext>;
 declare const ControlAdornmentsProvider: ({ children, items }: ControlAdornmentsProviderProps) => React$1.JSX.Element;
 
-declare function ControlAdornments(): React$1.JSX.Element | null;
+declare function ControlAdornments({ customContext, }: {
+    customContext?: {
+        path: string[];
+        propType: PropType;
+    };
+}): React$1.JSX.Element | null;
 
 declare const injectIntoRepeaterItemIcon: (args: _elementor_locations.ReplaceableInjectArgs<{
     value: PropValue;

package/dist/index.js

@@ -1384,12 +1384,14 @@ var useControlAdornments = () => {
 };
 
 // src/control-adornments/control-adornments.tsx
-function ControlAdornments() {
+function ControlAdornments({
+  customContext
+}) {
   const items2 = useControlAdornments();
   if (items2?.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, items2.map(({ Adornment, id }) => /* @__PURE__ */ React27.createElement(Adornment, { key: id })));
+  return /* @__PURE__ */ React27.createElement(React27.Fragment, null, items2.map(({ Adornment, id }) => /* @__PURE__ */ React27.createElement(Adornment, { key: id, customContext })));
 }
 
 // src/components/unstable-repeater/locations.ts
@@ -1400,10 +1402,28 @@ var { Slot: RepeaterHeaderActionsSlot, inject: injectIntoRepeaterHeaderActions }
 var { Slot: RepeaterItemActionsSlot, inject: injectIntoRepeaterItemActions } = (0, import_locations.createLocation)();
 
 // src/components/unstable-repeater/header/header.tsx
-var Header = React28.forwardRef(({ label, children }, ref) => {
-  const { value } = useBoundProp();
-  return /* @__PURE__ */ React28.createElement(import_ui21.Stack, { direction: "row", alignItems: "center", gap: 1, sx: { marginInlineEnd: -0.75, py: 0.25 }, ref }, /* @__PURE__ */ React28.createElement(import_ui21.Box, { display: "flex", alignItems: "center", gap: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React28.createElement(import_ui21.Typography, { component: "label", variant: "caption", color: "text.secondary", sx: { lineHeight: 1 } }, label), /* @__PURE__ */ React28.createElement(ControlAdornments, null)), /* @__PURE__ */ React28.createElement(RepeaterHeaderActionsSlot, { value }), /* @__PURE__ */ React28.createElement(SlotChildren, { whitelist: [TooltipAddItemAction], sorted: true }, children));
-});
+var Header = React28.forwardRef(
+  ({
+    label,
+    children,
+    adornment: Adornment = ControlAdornments
+  }, ref) => {
+    const { value } = useBoundProp();
+    return /* @__PURE__ */ React28.createElement(
+      import_ui21.Stack,
+      {
+        direction: "row",
+        alignItems: "center",
+        gap: 1,
+        sx: { marginInlineEnd: -0.75, py: 0.25 },
+        ref
+      },
+      /* @__PURE__ */ React28.createElement(import_ui21.Box, { display: "flex", alignItems: "center", gap: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React28.createElement(import_ui21.Typography, { component: "label", variant: "caption", color: "text.secondary", sx: { lineHeight: 1 } }, label), /* @__PURE__ */ React28.createElement(Adornment, null)),
+      /* @__PURE__ */ React28.createElement(RepeaterHeaderActionsSlot, { value }),
+      /* @__PURE__ */ React28.createElement(SlotChildren, { whitelist: [TooltipAddItemAction], sorted: true }, children)
+    );
+  }
+);
 
 // src/components/unstable-repeater/items/items-container.tsx
 var React30 = __toESM(require("react"));
@@ -4888,7 +4908,7 @@ var TransformRepeaterControl = createControl(() => {
     component: () => /* @__PURE__ */ React87.createElement(TransformBasePopoverTrigger, { popupState, repeaterBindKey }),
     options: { overwrite: true }
   });
-  return /* @__PURE__ */ React87.createElement(PropProvider, { ...context }, /* @__PURE__ */ React87.createElement(TransformBaseControl, { popupState, anchorRef: headerRef }), /* @__PURE__ */ React87.createElement(PropKeyProvider, { bind: repeaterBindKey }, /* @__PURE__ */ React87.createElement(Repeater2, { headerRef })));
+  return /* @__PURE__ */ React87.createElement(PropProvider, { ...context }, /* @__PURE__ */ React87.createElement(TransformBaseControl, { popupState, anchorRef: headerRef }), /* @__PURE__ */ React87.createElement(PropKeyProvider, { bind: repeaterBindKey }, /* @__PURE__ */ React87.createElement(Repeater2, { headerRef, propType: context.propType })));
 });
 var ToolTip = /* @__PURE__ */ React87.createElement(
   import_ui75.Box,
@@ -4900,7 +4920,7 @@ var ToolTip = /* @__PURE__ */ React87.createElement(
   /* @__PURE__ */ React87.createElement(import_icons29.InfoCircleFilledIcon, { sx: { color: "secondary.main" } }),
   /* @__PURE__ */ React87.createElement(import_ui75.Typography, { variant: "body2", color: "text.secondary", fontSize: "14px" }, (0, import_i18n43.__)("You can use each kind of transform only once per element.", "elementor"))
 );
-var Repeater2 = ({ headerRef }) => {
+var Repeater2 = ({ headerRef, propType }) => {
   const transformFunctionsContext = useBoundProp(import_editor_props44.transformFunctionsPropTypeUtil);
   const availableValues = [initialTransformValue, initialScaleValue, initialRotateValue, initialSkewValue];
   const { value: transformValues } = transformFunctionsContext;
@@ -4914,14 +4934,22 @@ var Repeater2 = ({ headerRef }) => {
       initial: getInitialValue() ?? initialTransformValue,
       propTypeUtil: import_editor_props44.transformFunctionsPropTypeUtil
     },
-    /* @__PURE__ */ React87.createElement(Header, { label: (0, import_i18n43.__)("Transform", "elementor"), ref: headerRef }, /* @__PURE__ */ React87.createElement(
-      TooltipAddItemAction,
+    /* @__PURE__ */ React87.createElement(
+      Header,
       {
-        disabled: shouldDisableAddItem,
-        tooltipContent: ToolTip,
-        enableTooltip: shouldDisableAddItem
-      }
-    )),
+        label: (0, import_i18n43.__)("Transform", "elementor"),
+        adornment: () => /* @__PURE__ */ React87.createElement(ControlAdornments, { customContext: { path: ["transform"], propType } }),
+        ref: headerRef
+      },
+      /* @__PURE__ */ React87.createElement(
+        TooltipAddItemAction,
+        {
+          disabled: shouldDisableAddItem,
+          tooltipContent: ToolTip,
+          enableTooltip: shouldDisableAddItem
+        }
+      )
+    ),
     /* @__PURE__ */ React87.createElement(ItemsContainer, { itemTemplate: /* @__PURE__ */ React87.createElement(Item, { Icon: TransformIcon, Label: TransformLabel }) }, /* @__PURE__ */ React87.createElement(DisableItemAction, null), /* @__PURE__ */ React87.createElement(RemoveItemAction, null)),
     /* @__PURE__ */ React87.createElement(EditItemPopover, null, /* @__PURE__ */ React87.createElement(TransformContent, null))
   ));