@elementor/editor-canvas 4.0.0-manual → 4.1.0-685

package/dist/index.d.mts

@@ -183,13 +183,18 @@ type ContextMenuGroup = {
     name: string;
     actions: ContextMenuAction[];
 };
+type ContextMenuEventData = {
+    location: string;
+    secondaryLocation: string;
+    trigger: string;
+};
 type ContextMenuAction = {
     name: string;
     icon: string;
     title: string | (() => string);
     shortcut?: string;
     isEnabled: () => boolean;
-    callback: (_: unknown, eventData: unknown) => void;
+    callback: (_: unknown, eventData: ContextMenuEventData) => void;
 };
 type ReplacementSettings = {
     getSetting: (key: string) => unknown;
@@ -336,4 +341,4 @@ declare const UnknownStyleStateError: {
     isError(error: unknown): error is Error;
 };
 
-export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };
+export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type ContextMenuEventData, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };

package/dist/index.d.ts

@@ -183,13 +183,18 @@ type ContextMenuGroup = {
     name: string;
     actions: ContextMenuAction[];
 };
+type ContextMenuEventData = {
+    location: string;
+    secondaryLocation: string;
+    trigger: string;
+};
 type ContextMenuAction = {
     name: string;
     icon: string;
     title: string | (() => string);
     shortcut?: string;
     isEnabled: () => boolean;
-    callback: (_: unknown, eventData: unknown) => void;
+    callback: (_: unknown, eventData: ContextMenuEventData) => void;
 };
 type ReplacementSettings = {
     getSetting: (key: string) => unknown;
@@ -336,4 +341,4 @@ declare const UnknownStyleStateError: {
     isError(error: unknown): error is Error;
 };
 
-export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };
+export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type ContextMenuEventData, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };

package/dist/index.js

@@ -234,7 +234,7 @@ Variables from the user context ARE NOT SUPPORTED AND WILL RESOLVE IN ERROR.
 
 // src/init.tsx
 var import_editor = require("@elementor/editor");
-var import_editor_mcp4 = require("@elementor/editor-mcp");
+var import_editor_mcp3 = require("@elementor/editor-mcp");
 
 // src/components/classes-rename.tsx
 var import_react = require("react");
@@ -1017,7 +1017,7 @@ function createProviderSubscriber2({ provider, renderStyles, setStyleItems, cach
   }
   async function createItems(signal) {
     const allStyles = provider.actions.all();
-    const styles = allStyles.reverse().map((style) => {
+    const styles = [...allStyles].reverse().map((style) => {
       return {
         ...style,
         cssName: provider.actions.resolveCssName(style.id)
@@ -3562,36 +3562,36 @@ Note: No height/width specified on any element - flexbox handles layout automati
 };
 
 // src/mcp/tools/build-composition/schema.ts
-var import_editor_mcp3 = require("@elementor/editor-mcp");
+var import_schema = require("@elementor/schema");
 var inputSchema = {
-  xmlStructure: import_editor_mcp3.zod.string().describe("The XML structure representing the composition to be built"),
-  elementConfig: import_editor_mcp3.zod.record(
-    import_editor_mcp3.zod.string().describe("The configuration id"),
-    import_editor_mcp3.zod.record(
-      import_editor_mcp3.zod.string().describe("property name"),
-      import_editor_mcp3.zod.any().describe(`The PropValue for the property, refer to ${WIDGET_SCHEMA_URI}`)
+  xmlStructure: import_schema.z.string().describe("The XML structure representing the composition to be built"),
+  elementConfig: import_schema.z.record(
+    import_schema.z.string().describe("The configuration id"),
+    import_schema.z.record(
+      import_schema.z.string().describe("property name"),
+      import_schema.z.any().describe(`The PropValue for the property, refer to ${WIDGET_SCHEMA_URI}`)
     )
   ).describe("A record mapping element IDs to their configuration objects. REQUIRED"),
-  stylesConfig: import_editor_mcp3.zod.record(
-    import_editor_mcp3.zod.string().describe("The configuration id"),
-    import_editor_mcp3.zod.record(
-      import_editor_mcp3.zod.string().describe("StyleSchema property name"),
-      import_editor_mcp3.zod.any().describe(`The PropValue for the style property. MANDATORY, refer to [${STYLE_SCHEMA_URI}]`)
+  stylesConfig: import_schema.z.record(
+    import_schema.z.string().describe("The configuration id"),
+    import_schema.z.record(
+      import_schema.z.string().describe("StyleSchema property name"),
+      import_schema.z.any().describe(`The PropValue for the style property. MANDATORY, refer to [${STYLE_SCHEMA_URI}]`)
     )
   ).describe(
     `A record mapping element IDs to their styles configuration objects. Use the actual styles schema from [${STYLE_SCHEMA_URI}].`
   ).default({}),
-  customCSS: import_editor_mcp3.zod.record(
-    import_editor_mcp3.zod.string().describe("The configuration id"),
-    import_editor_mcp3.zod.string().describe("The custom CSS for the element. MANDATORY")
+  customCSS: import_schema.z.record(
+    import_schema.z.string().describe("The configuration id"),
+    import_schema.z.string().describe("The custom CSS for the element. MANDATORY")
   ).describe("A record mapping element IDs to their custom CSS.").default({})
 };
 var outputSchema = {
-  errors: import_editor_mcp3.zod.string().describe("Error message if the composition building failed").optional(),
-  xmlStructure: import_editor_mcp3.zod.string().describe(
+  errors: import_schema.z.string().describe("Error message if the composition building failed").optional(),
+  xmlStructure: import_schema.z.string().describe(
     "The built XML structure as a string. Must use this XML after completion of building the composition, it contains real IDs."
   ).optional(),
-  llm_instructions: import_editor_mcp3.zod.string().describe("Instructions what to do next, Important to follow these instructions!").optional()
+  llm_instructions: import_schema.z.string().describe("Instructions what to do next, Important to follow these instructions!").optional()
 };
 
 // src/mcp/tools/build-composition/tool.ts
@@ -3806,23 +3806,23 @@ The $$type property is MANDATORY for every value, it is required to parse the va
 `;
 
 // src/mcp/tools/configure-element/schema.ts
-var import_schema2 = require("@elementor/schema");
+var import_schema3 = require("@elementor/schema");
 var inputSchema2 = {
-  propertiesToChange: import_schema2.z.record(
-    import_schema2.z.string().describe("The property name."),
-    import_schema2.z.any().describe(`PropValue, refer to [${WIDGET_SCHEMA_URI}] by correct type, as appears in elementType`),
-    import_schema2.z.any()
+  propertiesToChange: import_schema3.z.record(
+    import_schema3.z.string().describe("The property name."),
+    import_schema3.z.any().describe(`PropValue, refer to [${WIDGET_SCHEMA_URI}] by correct type, as appears in elementType`),
+    import_schema3.z.any()
   ).describe("An object record containing property names and their new values to be set on the element"),
-  stylePropertiesToChange: import_schema2.z.record(
-    import_schema2.z.string().describe("The style property name"),
-    import_schema2.z.any().describe(`The style PropValue, refer to [${STYLE_SCHEMA_URI}] how to generate values`),
-    import_schema2.z.any()
+  stylePropertiesToChange: import_schema3.z.record(
+    import_schema3.z.string().describe("The style property name"),
+    import_schema3.z.any().describe(`The style PropValue, refer to [${STYLE_SCHEMA_URI}] how to generate values`),
+    import_schema3.z.any()
   ).describe("An object record containing style property names and their new values to be set on the element").default({}),
-  elementType: import_schema2.z.string().describe("The type of the element to retreive the schema"),
-  elementId: import_schema2.z.string().describe("The unique id of the element to configure")
+  elementType: import_schema3.z.string().describe("The type of the element to retreive the schema"),
+  elementId: import_schema3.z.string().describe("The unique id of the element to configure")
 };
 var outputSchema2 = {
-  success: import_schema2.z.boolean().describe(
+  success: import_schema3.z.boolean().describe(
     "Whether the configuration change was successful, only if propertyName and propertyValue are provided"
   )
 };
@@ -3928,18 +3928,18 @@ Check the styles schema at the resource [${STYLE_SCHEMA_URI.replace(
 // src/mcp/tools/get-element-config/tool.ts
 var import_editor_elements11 = require("@elementor/editor-elements");
 var import_editor_props8 = require("@elementor/editor-props");
-var import_schema4 = require("@elementor/schema");
+var import_schema5 = require("@elementor/schema");
 var schema = {
-  elementId: import_schema4.z.string()
+  elementId: import_schema5.z.string()
 };
 var outputSchema3 = {
-  properties: import_schema4.z.record(import_schema4.z.string(), import_schema4.z.any()).describe("A record mapping PropTypes to their corresponding PropValues"),
-  style: import_schema4.z.record(import_schema4.z.string(), import_schema4.z.any()).describe("A record mapping StyleSchema properties to their corresponding PropValues"),
-  childElements: import_schema4.z.array(
-    import_schema4.z.object({
-      id: import_schema4.z.string(),
-      elementType: import_schema4.z.string(),
-      childElements: import_schema4.z.array(import_schema4.z.any()).describe("An array of child element IDs, when applicable, same structure recursively")
+  properties: import_schema5.z.record(import_schema5.z.string(), import_schema5.z.any()).describe("A record mapping PropTypes to their corresponding PropValues"),
+  style: import_schema5.z.record(import_schema5.z.string(), import_schema5.z.any()).describe("A record mapping StyleSchema properties to their corresponding PropValues"),
+  childElements: import_schema5.z.array(
+    import_schema5.z.object({
+      id: import_schema5.z.string(),
+      elementType: import_schema5.z.string(),
+      childElements: import_schema5.z.array(import_schema5.z.any()).describe("An array of child element IDs, when applicable, same structure recursively")
     })
   ).describe("An array of child element IDs, when applicable, with recursive structure")
 };
@@ -4231,13 +4231,7 @@ var import_editor_elements15 = require("@elementor/editor-elements");
 var import_editor_props10 = require("@elementor/editor-props");
 var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
 
-// src/style-commands/undoable-actions/paste-element-style.ts
-var import_editor_elements14 = require("@elementor/editor-elements");
-var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
-var import_i18n6 = require("@wordpress/i18n");
-
-// src/style-commands/utils.ts
+// src/utils/command-utils.ts
 var import_editor_elements13 = require("@elementor/editor-elements");
 var import_editor_props9 = require("@elementor/editor-props");
 var import_i18n5 = require("@wordpress/i18n");
@@ -4280,6 +4274,10 @@ function getTitleForContainers(containers) {
 }
 
 // src/style-commands/undoable-actions/paste-element-style.ts
+var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
+var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
+var import_i18n6 = require("@wordpress/i18n");
 var undoablePasteElementStyle = () => (0, import_editor_v1_adapters15.undoable)(
   {
     do: ({ containers, newStyle }) => {
@@ -4514,7 +4512,7 @@ function init() {
     component: ClassesRename
   });
   initCanvasMcp(
-    (0, import_editor_mcp4.getMCPByDomain)("canvas", {
+    (0, import_editor_mcp3.getMCPByDomain)("canvas", {
       instructions: mcpDescription
     })
   );

package/dist/index.mjs

@@ -983,7 +983,7 @@ function createProviderSubscriber2({ provider, renderStyles, setStyleItems, cach
   }
   async function createItems(signal) {
     const allStyles = provider.actions.all();
-    const styles = allStyles.reverse().map((style) => {
+    const styles = [...allStyles].reverse().map((style) => {
       return {
         ...style,
         cssName: provider.actions.resolveCssName(style.id)
@@ -3548,7 +3548,7 @@ Note: No height/width specified on any element - flexbox handles layout automati
 };
 
 // src/mcp/tools/build-composition/schema.ts
-import { zod as z } from "@elementor/editor-mcp";
+import { z } from "@elementor/schema";
 var inputSchema = {
   xmlStructure: z.string().describe("The XML structure representing the composition to be built"),
   elementConfig: z.record(
@@ -4225,18 +4225,7 @@ import {
   commandStartEvent
 } from "@elementor/editor-v1-adapters";
 
-// src/style-commands/undoable-actions/paste-element-style.ts
-import {
-  createElementStyle as createElementStyle2,
-  deleteElementStyle,
-  getElementStyles as getElementStyles3,
-  updateElementStyle as updateElementStyle2
-} from "@elementor/editor-elements";
-import { ELEMENTS_STYLES_RESERVED_LABEL } from "@elementor/editor-styles-repository";
-import { undoable as undoable2 } from "@elementor/editor-v1-adapters";
-import { __ as __6 } from "@wordpress/i18n";
-
-// src/style-commands/utils.ts
+// src/utils/command-utils.ts
 import { getElementLabel as getElementLabel2, getWidgetsCache as getWidgetsCache8 } from "@elementor/editor-elements";
 import { CLASSES_PROP_KEY } from "@elementor/editor-props";
 import { __ as __5 } from "@wordpress/i18n";
@@ -4279,6 +4268,15 @@ function getTitleForContainers(containers) {
 }
 
 // src/style-commands/undoable-actions/paste-element-style.ts
+import {
+  createElementStyle as createElementStyle2,
+  deleteElementStyle,
+  getElementStyles as getElementStyles3,
+  updateElementStyle as updateElementStyle2
+} from "@elementor/editor-elements";
+import { ELEMENTS_STYLES_RESERVED_LABEL } from "@elementor/editor-styles-repository";
+import { undoable as undoable2 } from "@elementor/editor-v1-adapters";
+import { __ as __6 } from "@wordpress/i18n";
 var undoablePasteElementStyle = () => undoable2(
   {
     do: ({ containers, newStyle }) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-canvas",
   "description": "Elementor Editor Canvas",
-  "version": "4.0.0-manual",
+  "version": "4.1.0-685",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,24 +37,24 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor": "4.0.0-manual",
-    "@elementor/editor-controls": "4.0.0-manual",
-    "@elementor/editor-documents": "4.0.0-manual",
-    "@elementor/editor-elements": "4.0.0-manual",
-    "@elementor/editor-interactions": "4.0.0-manual",
-    "@elementor/editor-mcp": "4.0.0-manual",
-    "@elementor/editor-notifications": "4.0.0-manual",
-    "@elementor/editor-props": "4.0.0-manual",
-    "@elementor/editor-responsive": "4.0.0-manual",
-    "@elementor/editor-styles": "4.0.0-manual",
-    "@elementor/editor-styles-repository": "4.0.0-manual",
-    "@elementor/editor-ui": "4.0.0-manual",
-    "@elementor/editor-v1-adapters": "4.0.0-manual",
-    "@elementor/schema": "4.0.0-manual",
-    "@elementor/twing": "4.0.0-manual",
+    "@elementor/editor": "4.1.0-685",
+    "@elementor/editor-controls": "4.1.0-685",
+    "@elementor/editor-documents": "4.1.0-685",
+    "@elementor/editor-elements": "4.1.0-685",
+    "@elementor/editor-interactions": "4.1.0-685",
+    "@elementor/editor-mcp": "4.1.0-685",
+    "@elementor/editor-notifications": "4.1.0-685",
+    "@elementor/editor-props": "4.1.0-685",
+    "@elementor/editor-responsive": "4.1.0-685",
+    "@elementor/editor-styles": "4.1.0-685",
+    "@elementor/editor-styles-repository": "4.1.0-685",
+    "@elementor/editor-ui": "4.1.0-685",
+    "@elementor/editor-v1-adapters": "4.1.0-685",
+    "@elementor/schema": "4.1.0-685",
+    "@elementor/twing": "4.1.0-685",
     "@elementor/ui": "1.36.17",
-    "@elementor/utils": "4.0.0-manual",
-    "@elementor/wp-media": "4.0.0-manual",
+    "@elementor/utils": "4.1.0-685",
+    "@elementor/wp-media": "4.1.0-685",
     "@floating-ui/react": "^0.27.5",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/hooks/__tests__/use-style-items.test.ts

@@ -128,6 +128,9 @@ describe( 'useStyleItems', () => {
 
 		jest.mocked( stylesRepository ).getProviders.mockReturnValue( [ mockProvider1, mockProvider2 ] );
 
+		const provider1OriginalOrder = mockProvider1.actions.all().map( ( s ) => s.id );
+		const provider2OriginalOrder = mockProvider2.actions.all().map( ( s ) => s.id );
+
 		let attachPreviewCallback: () => Promise< void >;
 
 		jest.mocked( registerDataHook ).mockImplementation( ( position, command, callback ) => {
@@ -156,6 +159,9 @@ describe( 'useStyleItems', () => {
 			{ id: 'style2', breakpoint: 'desktop' },
 			{ id: 'style1', breakpoint: 'desktop' },
 		] );
+
+		expect( mockProvider1.actions.all().map( ( s ) => s.id ) ).toEqual( provider1OriginalOrder );
+		expect( mockProvider2.actions.all().map( ( s ) => s.id ) ).toEqual( provider2OriginalOrder );
 	} );
 
 	it( 'should return style items ordered by provider priority and breakpoint', async () => {

package/src/hooks/use-style-items.ts

@@ -181,7 +181,7 @@ function createProviderSubscriber( { provider, renderStyles, setStyleItems, cach
 	async function createItems( signal: AbortSignal ) {
 		const allStyles = provider.actions.all();
 
-		const styles = allStyles.reverse().map( ( style ) => {
+		const styles = [ ...allStyles ].reverse().map( ( style ) => {
 			return {
 				...style,
 				cssName: provider.actions.resolveCssName( style.id ),

package/src/index.ts

@@ -2,7 +2,7 @@ export { BREAKPOINTS_SCHEMA_URI } from './mcp/resources/breakpoints-resource';
 export { STYLE_SCHEMA_URI } from './mcp/resources/widgets-schema-resource';
 
 export { init } from './init';
-export { isAtomicWidget } from './style-commands/utils';
+export { isAtomicWidget } from './utils/command-utils';
 
 export {
 	createTemplatedElementView,

package/src/legacy/types.ts

@@ -223,13 +223,14 @@ type ContextMenuGroup = {
 	actions: ContextMenuAction[];
 };
 
+export type ContextMenuEventData = { location: string; secondaryLocation: string; trigger: string };
 export type ContextMenuAction = {
 	name: string;
 	icon: string;
 	title: string | ( () => string );
 	shortcut?: string;
 	isEnabled: () => boolean;
-	callback: ( _: unknown, eventData: unknown ) => void;
+	callback: ( _: unknown, eventData: ContextMenuEventData ) => void;
 };
 
 export type ReplacementSettings = {

package/src/mcp/tools/build-composition/schema.ts

@@ -1,4 +1,4 @@
-import { zod as z } from '@elementor/editor-mcp';
+import { z } from '@elementor/schema';
 
 import { STYLE_SCHEMA_URI, WIDGET_SCHEMA_URI } from '../../resources/widgets-schema-resource';
 

package/src/style-commands/__tests__/paste-style.test.ts

@@ -19,14 +19,16 @@ import { classesPropTypeUtil } from '@elementor/editor-props';
 import { type StyleDefinition } from '@elementor/editor-styles';
 import { ELEMENTS_STYLES_RESERVED_LABEL } from '@elementor/editor-styles-repository';
 
+import { getClipboardElements } from '../../utils/command-utils';
 import { initPasteStyleCommand } from '../paste-style';
-import { getClipboardElements } from '../utils';
 
 jest.mock( '@elementor/editor-elements' );
-jest.mock( '../utils', () => ( {
-	...jest.requireActual( '../utils' ),
+
+jest.mock( '../../utils/command-utils', () => ( {
+	...jest.requireActual( '../../utils/command-utils' ),
 	getClipboardElements: jest.fn(),
 } ) );
+
 jest.mock( '@elementor/editor-v1-adapters', () => ( {
 	...jest.requireActual( '@elementor/editor-v1-adapters' ),
 	blockCommand: jest.fn(),

package/src/style-commands/__tests__/reset-style.test.ts

@@ -7,13 +7,13 @@ import {
 import { createElementStyle, deleteElementStyle, getElementStyles } from '@elementor/editor-elements';
 import { ELEMENTS_STYLES_RESERVED_LABEL } from '@elementor/editor-styles-repository';
 
+import { getClassesProp, hasAtomicWidgets, isAtomicWidget } from '../../utils/command-utils';
 import { initResetStyleCommand } from '../reset-style';
-import { getClassesProp, hasAtomicWidgets, isAtomicWidget } from '../utils';
 
 jest.mock( '@elementor/editor-elements' );
 
-jest.mock( '../utils', () => ( {
-	...jest.requireActual( '../utils' ),
+jest.mock( '../../utils/command-utils', () => ( {
+	...jest.requireActual( '../../utils/command-utils' ),
 	getClassesProp: jest.fn(),
 	hasAtomicWidgets: jest.fn(),
 	isAtomicWidget: jest.fn(),

package/src/style-commands/paste-style.ts

@@ -8,8 +8,14 @@ import {
 	commandStartEvent,
 } from '@elementor/editor-v1-adapters';
 
+import {
+	type ContainerArgs,
+	getClassesProp,
+	getClipboardElements,
+	hasAtomicWidgets,
+	isAtomicWidget,
+} from '../utils/command-utils';
 import { undoablePasteElementStyle } from './undoable-actions/paste-element-style';
-import { type ContainerArgs, getClassesProp, getClipboardElements, hasAtomicWidgets, isAtomicWidget } from './utils';
 
 type PasteStylesCommandArgs = ContainerArgs & {
 	storageKey?: string;

package/src/style-commands/reset-style.ts

@@ -6,8 +6,8 @@ import {
 	commandStartEvent,
 } from '@elementor/editor-v1-adapters';
 
+import { type ContainerArgs, hasAtomicWidgets, isAtomicWidget } from '../utils/command-utils';
 import { undoableResetElementStyle } from './undoable-actions/reset-element-style';
-import { type ContainerArgs, hasAtomicWidgets, isAtomicWidget } from './utils';
 
 export function initResetStyleCommand() {
 	const resetElementStyles = undoableResetElementStyle();

package/src/style-commands/undoable-actions/paste-element-style.ts

@@ -10,7 +10,7 @@ import { ELEMENTS_STYLES_RESERVED_LABEL } from '@elementor/editor-styles-reposit
 import { undoable } from '@elementor/editor-v1-adapters';
 import { __ } from '@wordpress/i18n';
 
-import { getClassesProp, getTitleForContainers } from '../utils';
+import { getClassesProp, getTitleForContainers } from '../../utils/command-utils';
 
 type PasteElementStyleArgs = {
 	containers: V1Element[];

package/src/style-commands/undoable-actions/reset-element-style.ts

@@ -3,7 +3,7 @@ import { ELEMENTS_STYLES_RESERVED_LABEL } from '@elementor/editor-styles-reposit
 import { undoable } from '@elementor/editor-v1-adapters';
 import { __ } from '@wordpress/i18n';
 
-import { getClassesProp, getTitleForContainers } from '../utils';
+import { getClassesProp, getTitleForContainers } from '../../utils/command-utils';
 
 type ResetElementStyleArgs = {
 	containers: V1Element[];