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

package/dist/index.mjs

@@ -1306,12 +1306,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
@@ -1322,10 +1324,28 @@ var { Slot: RepeaterHeaderActionsSlot, inject: injectIntoRepeaterHeaderActions }
 var { Slot: RepeaterItemActionsSlot, inject: injectIntoRepeaterItemActions } = createLocation();
 
 // src/components/unstable-repeater/header/header.tsx
-var Header = React28.forwardRef(({ label, children }, ref) => {
-  const { value } = useBoundProp();
-  return /* @__PURE__ */ React28.createElement(Stack5, { direction: "row", alignItems: "center", gap: 1, sx: { marginInlineEnd: -0.75, py: 0.25 }, ref }, /* @__PURE__ */ React28.createElement(Box3, { display: "flex", alignItems: "center", gap: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React28.createElement(Typography2, { 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(
+      Stack5,
+      {
+        direction: "row",
+        alignItems: "center",
+        gap: 1,
+        sx: { marginInlineEnd: -0.75, py: 0.25 },
+        ref
+      },
+      /* @__PURE__ */ React28.createElement(Box3, { display: "flex", alignItems: "center", gap: 1, sx: { flexGrow: 1 } }, /* @__PURE__ */ React28.createElement(Typography2, { 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
 import * as React30 from "react";
@@ -4894,7 +4914,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(
   Box16,
@@ -4906,7 +4926,7 @@ var ToolTip = /* @__PURE__ */ React87.createElement(
   /* @__PURE__ */ React87.createElement(InfoCircleFilledIcon2, { sx: { color: "secondary.main" } }),
   /* @__PURE__ */ React87.createElement(Typography5, { variant: "body2", color: "text.secondary", fontSize: "14px" }, __43("You can use each kind of transform only once per element.", "elementor"))
 );
-var Repeater2 = ({ headerRef }) => {
+var Repeater2 = ({ headerRef, propType }) => {
   const transformFunctionsContext = useBoundProp(transformFunctionsPropTypeUtil);
   const availableValues = [initialTransformValue, initialScaleValue, initialRotateValue, initialSkewValue];
   const { value: transformValues } = transformFunctionsContext;
@@ -4920,14 +4940,22 @@ var Repeater2 = ({ headerRef }) => {
       initial: getInitialValue() ?? initialTransformValue,
       propTypeUtil: transformFunctionsPropTypeUtil
     },
-    /* @__PURE__ */ React87.createElement(Header, { label: __43("Transform", "elementor"), ref: headerRef }, /* @__PURE__ */ React87.createElement(
-      TooltipAddItemAction,
+    /* @__PURE__ */ React87.createElement(
+      Header,
       {
-        disabled: shouldDisableAddItem,
-        tooltipContent: ToolTip,
-        enableTooltip: shouldDisableAddItem
-      }
-    )),
+        label: __43("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))
   ));