@elementor/editor-controls 3.35.0-437 → 3.35.0-439

package/dist/index.mjs

@@ -4901,6 +4901,21 @@ import { AdjustmentsIcon as AdjustmentsIcon2, InfoCircleFilledIcon as InfoCircle
 import { bindTrigger as bindTrigger4, Box as Box18, IconButton as IconButton7, Tooltip as Tooltip8, Typography as Typography6, usePopupState as usePopupState6 } from "@elementor/ui";
 import { __ as __46 } from "@wordpress/i18n";
 
+// src/hooks/use-element-can-have-children.ts
+import { useMemo as useMemo11 } from "react";
+import { getContainer, useSelectedElement } from "@elementor/editor-elements";
+var useElementCanHaveChildren = () => {
+  const { element } = useSelectedElement();
+  const elementId = element?.id || "";
+  return useMemo11(() => {
+    const container = getContainer(elementId);
+    if (!container) {
+      return false;
+    }
+    return container.model.get("elType") !== "widget";
+  }, [elementId]);
+};
+
 // src/controls/transform-control/initial-values.ts
 import {
   numberPropTypeUtil as numberPropTypeUtil4,
@@ -5380,7 +5395,8 @@ var ControlFields2 = ({ control }) => {
 var SIZE7 = "tiny";
 var TransformSettingsControl = ({
   popupState,
-  anchorRef
+  anchorRef,
+  showChildrenPerspective
 }) => {
   const popupProps = bindPopover5({
     ...popupState,
@@ -5410,7 +5426,7 @@ var TransformSettingsControl = ({
       }
     ),
     /* @__PURE__ */ React93.createElement(Divider4, null),
-    /* @__PURE__ */ React93.createElement(PopoverContent, { sx: { px: 2, py: 1.5 } }, /* @__PURE__ */ React93.createElement(PropKeyProvider, { bind: "transform-origin" }, /* @__PURE__ */ React93.createElement(TransformOriginControl, null)), /* @__PURE__ */ React93.createElement(Box17, { sx: { my: 0.5 } }, /* @__PURE__ */ React93.createElement(Divider4, null)), /* @__PURE__ */ React93.createElement(ChildrenPerspectiveControl, null))
+    /* @__PURE__ */ React93.createElement(PopoverContent, { sx: { px: 2, py: 1.5 } }, /* @__PURE__ */ React93.createElement(PropKeyProvider, { bind: "transform-origin" }, /* @__PURE__ */ React93.createElement(TransformOriginControl, null)), showChildrenPerspective && /* @__PURE__ */ React93.createElement(React93.Fragment, null, /* @__PURE__ */ React93.createElement(Box17, { sx: { my: 0.5 } }, /* @__PURE__ */ React93.createElement(Divider4, null)), /* @__PURE__ */ React93.createElement(ChildrenPerspectiveControl, null)))
   );
 };
 
@@ -5420,7 +5436,15 @@ var TransformRepeaterControl = createControl(() => {
   const context = useBoundProp(transformPropTypeUtil);
   const headerRef = useRef21(null);
   const popupState = usePopupState6({ variant: "popover" });
-  return /* @__PURE__ */ React94.createElement(PropProvider, { ...context }, /* @__PURE__ */ React94.createElement(TransformSettingsControl, { popupState, anchorRef: headerRef }), /* @__PURE__ */ React94.createElement(PropKeyProvider, { bind: "transform-functions" }, /* @__PURE__ */ React94.createElement(Repeater2, { headerRef, propType: context.propType, popupState })));
+  const showChildrenPerspective = useElementCanHaveChildren();
+  return /* @__PURE__ */ React94.createElement(PropProvider, { ...context }, /* @__PURE__ */ React94.createElement(
+    TransformSettingsControl,
+    {
+      popupState,
+      anchorRef: headerRef,
+      showChildrenPerspective
+    }
+  ), /* @__PURE__ */ React94.createElement(PropKeyProvider, { bind: "transform-functions" }, /* @__PURE__ */ React94.createElement(Repeater2, { headerRef, propType: context.propType, popupState })));
 });
 var ToolTip = /* @__PURE__ */ React94.createElement(
   Box18,
@@ -5490,7 +5514,7 @@ var TransformBasePopoverTrigger = ({
 
 // src/controls/transition-control/transition-repeater-control.tsx
 import * as React97 from "react";
-import { useEffect as useEffect9, useMemo as useMemo12, useState as useState17 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo13, useState as useState17 } from "react";
 import {
   createArrayPropUtils as createArrayPropUtils2,
   selectionSizePropTypeUtil as selectionSizePropTypeUtil2
@@ -5501,7 +5525,7 @@ import { __ as __49 } from "@wordpress/i18n";
 
 // src/controls/selection-size-control.tsx
 import * as React95 from "react";
-import { useMemo as useMemo11, useRef as useRef22 } from "react";
+import { useMemo as useMemo12, useRef as useRef22 } from "react";
 import { selectionSizePropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid28 } from "@elementor/ui";
 var SelectionSizeControl = createControl(
@@ -5509,7 +5533,7 @@ var SelectionSizeControl = createControl(
     const { value, setValue, propType } = useBoundProp(selectionSizePropTypeUtil);
     const rowRef = useRef22(null);
     const sizeFieldId = sizeLabel.replace(/\s+/g, "-").toLowerCase();
-    const currentSizeConfig = useMemo11(() => {
+    const currentSizeConfig = useMemo12(() => {
       switch (value.selection.$$type) {
         case "key-value":
           return sizeConfigMap[value?.selection?.value.value.value || ""];
@@ -5818,8 +5842,8 @@ var TransitionRepeaterControl = createControl(
     const currentStyleIsNormal = currentStyleState === null;
     const [recentlyUsedList, setRecentlyUsedList] = useState17([]);
     const { value, setValue } = useBoundProp(childArrayPropTypeUtil);
-    const disabledItems = useMemo12(() => getDisabledItemLabels(value), [value]);
-    const allowedTransitionSet = useMemo12(() => {
+    const disabledItems = useMemo13(() => getDisabledItemLabels(value), [value]);
+    const allowedTransitionSet = useMemo13(() => {
       const set = /* @__PURE__ */ new Set();
       transitionProperties.forEach((category) => {
         category.properties.forEach((prop) => set.add(prop.value));
@@ -5841,7 +5865,7 @@ var TransitionRepeaterControl = createControl(
     useEffect9(() => {
       recentlyUsedListGetter().then(setRecentlyUsedList);
     }, [recentlyUsedListGetter]);
-    const allPropertiesUsed = useMemo12(() => areAllPropertiesUsed(value), [value]);
+    const allPropertiesUsed = useMemo13(() => areAllPropertiesUsed(value), [value]);
     const isAddItemDisabled = !currentStyleIsNormal || allPropertiesUsed;
     return /* @__PURE__ */ React97.createElement(
       RepeatableControl,
@@ -5981,7 +6005,7 @@ function isEmpty(value = "") {
 
 // src/components/inline-editor-toolbar.tsx
 import * as React100 from "react";
-import { useMemo as useMemo13, useRef as useRef25, useState as useState18 } from "react";
+import { useMemo as useMemo14, useRef as useRef25, useState as useState18 } from "react";
 import { getElementSetting } from "@elementor/editor-elements";
 import {
   BoldIcon,
@@ -6147,7 +6171,7 @@ var InlineEditorToolbar = ({ editor, elementId }) => {
     editor,
     selector: (ctx) => possibleFormats.filter((format) => ctx.editor.isActive(format))
   });
-  const formatButtonsList = useMemo13(() => {
+  const formatButtonsList = useMemo14(() => {
     const buttons = Object.values(formatButtons);
     if (hasLinkOnElement) {
       return buttons.filter((button) => button.action !== "link");
@@ -6772,6 +6796,7 @@ export {
   transitionsItemsList,
   useBoundProp,
   useControlActions,
+  useElementCanHaveChildren,
   useFloatingActionsBar,
   useSyncExternalState
 };