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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-controls",
   "description": "This package contains the controls model and utils for the Elementor editor",
-  "version": "4.1.0-734",
+  "version": "4.1.0-736",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,22 +40,22 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-current-user": "4.1.0-734",
-    "@elementor/editor-elements": "4.1.0-734",
-    "@elementor/editor-props": "4.1.0-734",
-    "@elementor/editor-responsive": "4.1.0-734",
-    "@elementor/editor-ui": "4.1.0-734",
-    "@elementor/editor-v1-adapters": "4.1.0-734",
-    "@elementor/env": "4.1.0-734",
-    "@elementor/http-client": "4.1.0-734",
+    "@elementor/editor-current-user": "4.1.0-736",
+    "@elementor/editor-elements": "4.1.0-736",
+    "@elementor/editor-props": "4.1.0-736",
+    "@elementor/editor-responsive": "4.1.0-736",
+    "@elementor/editor-ui": "4.1.0-736",
+    "@elementor/editor-v1-adapters": "4.1.0-736",
+    "@elementor/env": "4.1.0-736",
+    "@elementor/http-client": "4.1.0-736",
     "@elementor/icons": "^1.68.0",
-    "@elementor/locations": "4.1.0-734",
-    "@elementor/events": "4.1.0-734",
-    "@elementor/query": "4.1.0-734",
-    "@elementor/session": "4.1.0-734",
+    "@elementor/locations": "4.1.0-736",
+    "@elementor/events": "4.1.0-736",
+    "@elementor/query": "4.1.0-736",
+    "@elementor/session": "4.1.0-736",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "4.1.0-734",
-    "@elementor/wp-media": "4.1.0-734",
+    "@elementor/utils": "4.1.0-736",
+    "@elementor/wp-media": "4.1.0-736",
     "@wordpress/i18n": "^5.13.0",
     "@monaco-editor/react": "^4.7.0",
     "dayjs": "^1.11.18",

package/src/components/control-repeater/context/repeater-context.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createContext, useMemo, useState } from 'react';
+import { createContext, useContext, useEffect, useMemo, useState } from 'react';
 import { type PropTypeUtil } from '@elementor/editor-props';
 import { type PopupState, usePopupState } from '@elementor/ui';
 
@@ -36,8 +36,8 @@ const RepeaterContext = createContext< RepeaterContextType< RepeatablePropValue
 export const EMPTY_OPEN_ITEM = -1;
 
 export const useRepeaterContext = () => {
-	const context = React.useContext( RepeaterContext );
-	const itemContext = React.useContext( ItemContext );
+	const context = useContext( RepeaterContext );
+	const itemContext = useContext( ItemContext );
 
 	if ( ! context ) {
 		throw new Error( 'useRepeaterContext must be used within a RepeaterContextProvider' );
@@ -70,7 +70,7 @@ export const RepeaterContextProvider = < T extends RepeatablePropValue = Repeata
 		return items?.map( () => generateUniqueKey() ) ?? [];
 	} );
 
-	React.useEffect( () => {
+	useEffect( () => {
 		const nextLength = items?.length ?? 0;
 
 		setUniqueKeys( ( prev ) => {

package/src/components/control-repeater/items/item.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useContext } from 'react';
 import { bindTrigger } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
 
@@ -18,7 +19,7 @@ export const Item = < T extends RepeatablePropValue >( { Label, Icon, actions }:
 		value,
 		isItemDisabled,
 	} = useRepeaterContext();
-	const repeatableContext = React.useContext( RepeatableControlContext );
+	const repeatableContext = useContext( RepeatableControlContext );
 	const disableOpen = !! repeatableContext?.props?.readOnly;
 	const triggerProps = bindTrigger( popoverState );
 

package/src/components/inline-editor-toolbar.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useMemo, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { type ElementID, getContainer, getElementSetting } from '@elementor/editor-elements';
 import { type LinkPropValue } from '@elementor/editor-props';
 import {
@@ -100,7 +100,7 @@ export const InlineEditorToolbar = ( { editor, elementId, sx = {} }: InlineEdito
 		linkPopupState.close();
 	};
 
-	React.useEffect( () => {
+	useEffect( () => {
 		editor?.commands?.focus();
 	}, [ editor ] );
 

package/src/controls/font-family-control/font-family-control.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useMemo } from 'react';
 import { stringPropTypeUtil } from '@elementor/editor-props';
 import { ChevronDownIcon, TextIcon } from '@elementor/icons';
 import { bindPopover, bindTrigger, Popover, UnstableTag, usePopupState } from '@elementor/ui';
@@ -34,7 +35,7 @@ export const FontFamilyControl = createControl(
 		const popoverState = usePopupState( { variant: 'popover' } );
 		const isShowingPlaceholder = ! fontFamily && placeholder;
 
-		const mapFontSubs = React.useMemo< Category[] >( () => {
+		const mapFontSubs = useMemo< Category[] >( () => {
 			return fontFamilies.map( ( { label, fonts } ) => ( {
 				label,
 				items: fonts,

package/src/controls/size-control.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type RefObject, useEffect, useMemo } from 'react';
+import { type RefObject, useCallback, useEffect, useMemo } from 'react';
 import { type PropType, sizePropTypeUtil, type SizePropValue } from '@elementor/editor-props';
 import { useActiveBreakpoint } from '@elementor/editor-responsive';
 import { usePopupState } from '@elementor/ui';
@@ -168,7 +168,7 @@ export const SizeControl = createControl(
 			}
 		};
 
-		const maybeClosePopup = React.useCallback( () => {
+		const maybeClosePopup = useCallback( () => {
 			if ( popupState && popupState.isOpen ) {
 				popupState.close();
 			}

package/src/controls/transform-control/transform-base-controls/children-perspective-control.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useRef } from 'react';
 import { perspectiveOriginPropTypeUtil } from '@elementor/editor-props';
 import { Grid, Stack } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
@@ -73,7 +74,7 @@ const PerspectiveOriginControlProvider = () => {
 };
 
 const ControlFields = ( { control }: { control: FieldProps } ) => {
-	const rowRef = React.useRef< HTMLDivElement >( null );
+	const rowRef = useRef< HTMLDivElement >( null );
 
 	return (
 		<PopoverGridContainer ref={ rowRef }>

package/src/controls/transform-control/transform-base-controls/transform-origin-control.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useRef } from 'react';
 import { transformOriginPropTypeUtil } from '@elementor/editor-props';
 import { Grid, Stack } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
@@ -43,7 +44,7 @@ export const TransformOriginControl = () => {
 
 const ControlFields = ( { control }: { control: ( typeof TRANSFORM_ORIGIN_FIELDS )[ number ] } ) => {
 	const context = useBoundProp( transformOriginPropTypeUtil );
-	const rowRef = React.useRef< HTMLDivElement >( null );
+	const rowRef = useRef< HTMLDivElement >( null );
 
 	return (
 		<PropProvider { ...context }>