@elementor/editor-controls 4.1.0-734 → 4.1.0-736

package/dist/index.mjs

@@ -531,7 +531,7 @@ var TextAreaControl = createControl(({ placeholder, ariaLabel }) => {
 
 // src/controls/size-control.tsx
 import * as React20 from "react";
-import { useEffect as useEffect4, useMemo as useMemo2 } from "react";
+import { useCallback, useEffect as useEffect4, useMemo as useMemo2 } from "react";
 import { sizePropTypeUtil as sizePropTypeUtil2 } from "@elementor/editor-props";
 import { useActiveBreakpoint } from "@elementor/editor-responsive";
 import { usePopupState as usePopupState2 } from "@elementor/ui";
@@ -1052,7 +1052,7 @@ var SizeControl = createControl(
         popupState.open(anchorRef?.current);
       }
     };
-    const maybeClosePopup = React20.useCallback(() => {
+    const maybeClosePopup = useCallback(() => {
       if (popupState && popupState.isOpen) {
         popupState.close();
       }
@@ -1221,7 +1221,7 @@ import { __ as __5, sprintf } from "@wordpress/i18n";
 
 // src/components/control-repeater/context/repeater-context.tsx
 import * as React24 from "react";
-import { createContext as createContext7, useMemo as useMemo3, useState as useState4 } from "react";
+import { createContext as createContext7, useContext as useContext6, useEffect as useEffect5, useMemo as useMemo3, useState as useState4 } from "react";
 import { usePopupState as usePopupState3 } from "@elementor/ui";
 
 // src/services/event-bus.ts
@@ -1269,8 +1269,8 @@ var ItemContext = createContext6({
 var RepeaterContext = createContext7(null);
 var EMPTY_OPEN_ITEM = -1;
 var useRepeaterContext = () => {
-  const context = React24.useContext(RepeaterContext);
-  const itemContext = React24.useContext(ItemContext);
+  const context = useContext6(RepeaterContext);
+  const itemContext = useContext6(ItemContext);
   if (!context) {
     throw new Error("useRepeaterContext must be used within a RepeaterContextProvider");
   }
@@ -1292,7 +1292,7 @@ var RepeaterContextProvider = ({
   const [uniqueKeys, setUniqueKeys] = useState4(() => {
     return items2?.map(() => generateUniqueKey()) ?? [];
   });
-  React24.useEffect(() => {
+  useEffect5(() => {
     const nextLength = items2?.length ?? 0;
     setUniqueKeys((prev) => {
       const prevLength = prev.length;
@@ -1520,6 +1520,7 @@ var ItemsContainer = ({
 
 // src/components/control-repeater/items/item.tsx
 import * as React29 from "react";
+import { useContext as useContext8 } from "react";
 import { bindTrigger as bindTrigger2 } from "@elementor/ui";
 import { __ as __7 } from "@wordpress/i18n";
 
@@ -1569,7 +1570,7 @@ var Item = ({ Label: Label3, Icon, actions }) => {
     value,
     isItemDisabled: isItemDisabled2
   } = useRepeaterContext();
-  const repeatableContext = React29.useContext(RepeatableControlContext);
+  const repeatableContext = useContext8(RepeatableControlContext);
   const disableOpen = !!repeatableContext?.props?.readOnly;
   const triggerProps = bindTrigger2(popoverState);
   const onClick = (ev) => {
@@ -2968,6 +2969,7 @@ function getCssDimensionProps(label, isSiteRtl) {
 
 // src/controls/font-family-control/font-family-control.tsx
 import * as React59 from "react";
+import { useMemo as useMemo6 } from "react";
 import { stringPropTypeUtil as stringPropTypeUtil6 } from "@elementor/editor-props";
 import { ChevronDownIcon as ChevronDownIcon2, TextIcon } from "@elementor/icons";
 import { bindPopover as bindPopover4, bindTrigger as bindTrigger3, Popover as Popover4, UnstableTag as UnstableTag2, usePopupState as usePopupState5 } from "@elementor/ui";
@@ -3150,7 +3152,7 @@ var FontFamilyControl = createControl(
     } = useBoundProp(stringPropTypeUtil6);
     const popoverState = usePopupState5({ variant: "popover" });
     const isShowingPlaceholder = !fontFamily && placeholder;
-    const mapFontSubs = React59.useMemo(() => {
+    const mapFontSubs = useMemo6(() => {
       return fontFamilies.map(({ label, fonts }) => ({
         label,
         items: fonts
@@ -5566,6 +5568,7 @@ import { __ as __46 } from "@wordpress/i18n";
 
 // src/controls/transform-control/transform-base-controls/children-perspective-control.tsx
 import * as React92 from "react";
+import { useRef as useRef19 } from "react";
 import { perspectiveOriginPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid26, Stack as Stack15 } from "@elementor/ui";
 import { __ as __44 } from "@wordpress/i18n";
@@ -5597,12 +5600,13 @@ var PerspectiveOriginControlProvider = () => {
   return /* @__PURE__ */ React92.createElement(PropProvider, { ...context }, CHILDREN_PERSPECTIVE_FIELDS.map((control) => /* @__PURE__ */ React92.createElement(PropKeyProvider, { bind: control.bind, key: control.bind }, /* @__PURE__ */ React92.createElement(ControlFields, { control }))));
 };
 var ControlFields = ({ control }) => {
-  const rowRef = React92.useRef(null);
+  const rowRef = useRef19(null);
   return /* @__PURE__ */ React92.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React92.createElement(Grid26, { item: true, xs: 6 }, /* @__PURE__ */ React92.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React92.createElement(Grid26, { item: true, xs: 6 }, /* @__PURE__ */ React92.createElement(SizeControl, { variant: "length", units: control.units, anchorRef: rowRef, disableCustom: true })));
 };
 
 // src/controls/transform-control/transform-base-controls/transform-origin-control.tsx
 import * as React93 from "react";
+import { useRef as useRef20 } from "react";
 import { transformOriginPropTypeUtil } from "@elementor/editor-props";
 import { Grid as Grid27, Stack as Stack16 } from "@elementor/ui";
 import { __ as __45 } from "@wordpress/i18n";
@@ -5630,7 +5634,7 @@ var TransformOriginControl = () => {
 };
 var ControlFields2 = ({ control }) => {
   const context = useBoundProp(transformOriginPropTypeUtil);
-  const rowRef = React93.useRef(null);
+  const rowRef = useRef20(null);
   return /* @__PURE__ */ React93.createElement(PropProvider, { ...context }, /* @__PURE__ */ React93.createElement(PropKeyProvider, { bind: control.bind }, /* @__PURE__ */ React93.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React93.createElement(Grid27, { item: true, xs: 6 }, /* @__PURE__ */ React93.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React93.createElement(Grid27, { item: true, xs: 6 }, /* @__PURE__ */ React93.createElement(SizeControl, { variant: "length", units: control.units, anchorRef: rowRef, disableCustom: true })))));
 };
 
@@ -7760,7 +7764,7 @@ var usePopover = (openOnMount, onOpen) => {
 
 // src/components/inline-editor-toolbar.tsx
 import * as React115 from "react";
-import { useMemo as useMemo16, useRef as useRef29, useState as useState19 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo16, useRef as useRef29, useState as useState19 } from "react";
 import { getContainer, getElementSetting } from "@elementor/editor-elements";
 import {
   BoldIcon,
@@ -7896,7 +7900,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
     }
     linkPopupState.close();
   };
-  React115.useEffect(() => {
+  useEffect18(() => {
     editor?.commands?.focus();
   }, [editor]);
   return /* @__PURE__ */ React115.createElement(