@elementor/editor-canvas 4.0.0-503 → 4.0.0-505

package/dist/index.js

@@ -569,7 +569,7 @@ function usePortalContainer() {
 
 // src/components/style-renderer.tsx
 var React4 = __toESM(require("react"));
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var import_ui3 = require("@elementor/ui");
 
 // src/hooks/use-documents-css-links.ts
@@ -624,7 +624,7 @@ var import_react10 = require("react");
 var import_editor_responsive2 = require("@elementor/editor-responsive");
 var import_editor_styles4 = require("@elementor/editor-styles");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 
 // src/utils/abort-previous-runs.ts
 function abortPreviousRuns(cb) {
@@ -660,6 +660,7 @@ function signalizedProcess(signal, steps = []) {
 // src/hooks/use-style-prop-resolver.ts
 var import_react8 = require("react");
 var import_editor_styles2 = require("@elementor/editor-styles");
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 
 // src/renderers/create-props-resolver.ts
 var import_editor_props2 = require("@elementor/editor-props");
@@ -782,12 +783,6 @@ function createTransformersRegistry() {
 // src/style-transformers-registry.ts
 var styleTransformersRegistry = createTransformersRegistry();
 
-// src/sync/enqueue-font.ts
-var enqueueFont = (fontFamily, context = "preview") => {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.helpers?.enqueueFont?.(fontFamily, context) ?? null;
-};
-
 // src/hooks/use-style-prop-resolver.ts
 function useStylePropResolver() {
   return (0, import_react8.useMemo)(() => {
@@ -798,7 +793,7 @@ function useStylePropResolver() {
         if (key !== "font-family" || typeof value !== "string") {
           return;
         }
-        enqueueFont(value);
+        (0, import_editor_v1_adapters6.enqueueFont)(value);
       }
     });
   }, []);
@@ -933,7 +928,7 @@ function useStyleItems() {
     };
   }, [providerAndSubscribers]);
   useOnMount(() => {
-    (0, import_editor_v1_adapters6.registerDataHook)("after", "editor/documents/attach-preview", async () => {
+    (0, import_editor_v1_adapters7.registerDataHook)("after", "editor/documents/attach-preview", async () => {
       const promises = providerAndSubscribers.map(async ({ subscriber }) => subscriber());
       await Promise.all(promises);
     });
@@ -1015,7 +1010,7 @@ function StyleRenderer() {
   return /* @__PURE__ */ React4.createElement(import_ui3.Portal, { container }, styleItems.map((item, i) => /* @__PURE__ */ React4.createElement("style", { key: `${item.id}-${i}-${item.breakpoint}` }, item.value)), linksAttrs.map((attrs) => /* @__PURE__ */ React4.createElement("link", { ...attrs, key: attrs.id })));
 }
 function usePortalContainer2() {
-  return (0, import_editor_v1_adapters7.__privateUseListenTo)((0, import_editor_v1_adapters7.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters7.getCanvasIframeDocument)()?.head);
+  return (0, import_editor_v1_adapters8.__privateUseListenTo)((0, import_editor_v1_adapters8.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters8.getCanvasIframeDocument)()?.head);
 }
 
 // src/settings-transformers-registry.ts
@@ -1449,7 +1444,7 @@ function initStyleTransformers() {
 
 // src/legacy/init-legacy-views.ts
 var import_editor_elements4 = require("@elementor/editor-elements");
-var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 
 // src/renderers/create-dom-renderer.ts
 var import_twing = require("@elementor/twing");
@@ -1722,7 +1717,7 @@ var import_client = require("react-dom/client");
 var import_editor_controls2 = require("@elementor/editor-controls");
 var import_editor_elements3 = require("@elementor/editor-elements");
 var import_editor_props4 = require("@elementor/editor-props");
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var import_ui4 = require("@elementor/ui");
 var import_i18n = require("@wordpress/i18n");
 
@@ -1904,7 +1899,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
   setContentValue(value) {
     const settingKey = this.getInlineEditablePropertyName();
     const valueToSave = value ? import_editor_props4.htmlPropTypeUtil.create(value) : null;
-    (0, import_editor_v1_adapters8.undoable)(
+    (0, import_editor_v1_adapters9.undoable)(
       {
         do: () => {
           const prevValue = this.getInlineEditablePropValue();
@@ -1946,7 +1941,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return null;
   }
   runCommand(key, value) {
-    (0, import_editor_v1_adapters8.__privateRunCommandSync)(
+    (0, import_editor_v1_adapters9.__privateRunCommandSync)(
       "document/elements/set-settings",
       {
         container: (0, import_editor_elements3.getContainer)(this.id),
@@ -1956,7 +1951,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
       },
       { internal: true }
     );
-    (0, import_editor_v1_adapters8.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
+    (0, import_editor_v1_adapters9.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
   }
   getExpectedTag() {
     const tagPropType = this.getTagPropType();
@@ -2143,7 +2138,7 @@ function registerElementType(type, elementTypeGenerator) {
   elementsLegacyTypes[type] = elementTypeGenerator;
 }
 function initLegacyViews() {
-  (0, import_editor_v1_adapters9.__privateListenTo)((0, import_editor_v1_adapters9.v1ReadyEvent)(), () => {
+  (0, import_editor_v1_adapters10.__privateListenTo)((0, import_editor_v1_adapters10.v1ReadyEvent)(), () => {
     const config = (0, import_editor_elements4.getWidgetsCache)() ?? {};
     const legacyWindow2 = window;
     const renderer = createDomRenderer();
@@ -2165,7 +2160,7 @@ function initLegacyViews() {
 }
 
 // src/mcp/resources/document-structure-resource.ts
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 var DOCUMENT_STRUCTURE_URI = "elementor://document/structure";
 var initDocumentStructureResource = (reg) => {
   const { mcpServer, sendResourceUpdated } = reg;
@@ -2178,14 +2173,14 @@ var initDocumentStructureResource = (reg) => {
       sendResourceUpdated({ uri: DOCUMENT_STRUCTURE_URI });
     }
   };
-  (0, import_editor_v1_adapters10.__privateListenTo)(
+  (0, import_editor_v1_adapters11.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters10.commandEndEvent)("document/elements/create"),
-      (0, import_editor_v1_adapters10.commandEndEvent)("document/elements/delete"),
-      (0, import_editor_v1_adapters10.commandEndEvent)("document/elements/move"),
-      (0, import_editor_v1_adapters10.commandEndEvent)("document/elements/copy"),
-      (0, import_editor_v1_adapters10.commandEndEvent)("document/elements/paste"),
-      (0, import_editor_v1_adapters10.commandEndEvent)("editor/documents/attach-preview")
+      (0, import_editor_v1_adapters11.commandEndEvent)("document/elements/create"),
+      (0, import_editor_v1_adapters11.commandEndEvent)("document/elements/delete"),
+      (0, import_editor_v1_adapters11.commandEndEvent)("document/elements/move"),
+      (0, import_editor_v1_adapters11.commandEndEvent)("document/elements/copy"),
+      (0, import_editor_v1_adapters11.commandEndEvent)("document/elements/paste"),
+      (0, import_editor_v1_adapters11.commandEndEvent)("editor/documents/attach-preview")
     ],
     updateDocumentStructure
   );
@@ -3361,14 +3356,14 @@ Note: The "size" property controls image resolution/loading, not visual size. Se
 // src/prevent-link-in-link-commands.ts
 var import_editor_elements10 = require("@elementor/editor-elements");
 var import_editor_notifications = require("@elementor/editor-notifications");
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_i18n2 = require("@wordpress/i18n");
 function initLinkInLinkPrevention() {
-  (0, import_editor_v1_adapters11.blockCommand)({
+  (0, import_editor_v1_adapters12.blockCommand)({
     command: "document/elements/paste",
     condition: blockLinkInLinkPaste
   });
-  (0, import_editor_v1_adapters11.blockCommand)({
+  (0, import_editor_v1_adapters12.blockCommand)({
     command: "document/elements/move",
     condition: blockLinkInLinkMove
   });
@@ -3444,12 +3439,12 @@ function shouldBlock(sourceElements, targetElements) {
 // src/style-commands/paste-style.ts
 var import_editor_elements13 = require("@elementor/editor-elements");
 var import_editor_props9 = require("@elementor/editor-props");
-var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/paste-element-style.ts
 var import_editor_elements12 = require("@elementor/editor-elements");
 var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var import_i18n4 = require("@wordpress/i18n");
 
 // src/style-commands/utils.ts
@@ -3495,7 +3490,7 @@ function getTitleForContainers(containers) {
 }
 
 // src/style-commands/undoable-actions/paste-element-style.ts
-var undoablePasteElementStyle = () => (0, import_editor_v1_adapters12.undoable)(
+var undoablePasteElementStyle = () => (0, import_editor_v1_adapters13.undoable)(
   {
     do: ({ containers, newStyle }) => {
       return containers.map((container) => {
@@ -3571,12 +3566,12 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters12.undoable)(
 // src/style-commands/paste-style.ts
 function initPasteStyleCommand() {
   const pasteElementStyleCommand = undoablePasteElementStyle();
-  (0, import_editor_v1_adapters13.blockCommand)({
+  (0, import_editor_v1_adapters14.blockCommand)({
     command: "document/elements/paste-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters13.__privateListenTo)(
-    (0, import_editor_v1_adapters13.commandStartEvent)("document/elements/paste-style"),
+  (0, import_editor_v1_adapters14.__privateListenTo)(
+    (0, import_editor_v1_adapters14.commandStartEvent)("document/elements/paste-style"),
     (e) => pasteStyles(e.args, pasteElementStyleCommand)
   );
 }
@@ -3627,14 +3622,14 @@ function pasteClasses(containers, classes) {
 }
 
 // src/style-commands/reset-style.ts
-var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/reset-element-style.ts
 var import_editor_elements14 = require("@elementor/editor-elements");
 var import_editor_styles_repository5 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
 var import_i18n5 = require("@wordpress/i18n");
-var undoableResetElementStyle = () => (0, import_editor_v1_adapters14.undoable)(
+var undoableResetElementStyle = () => (0, import_editor_v1_adapters15.undoable)(
   {
     do: ({ containers }) => {
       return containers.map((container) => {
@@ -3678,12 +3673,12 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters14.undoable)(
 // src/style-commands/reset-style.ts
 function initResetStyleCommand() {
   const resetElementStyles = undoableResetElementStyle();
-  (0, import_editor_v1_adapters15.blockCommand)({
+  (0, import_editor_v1_adapters16.blockCommand)({
     command: "document/elements/reset-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters15.__privateListenTo)(
-    (0, import_editor_v1_adapters15.commandStartEvent)("document/elements/reset-style"),
+  (0, import_editor_v1_adapters16.__privateListenTo)(
+    (0, import_editor_v1_adapters16.commandStartEvent)("document/elements/reset-style"),
     (e) => resetStyles(e.args, resetElementStyles)
   );
 }

package/dist/index.mjs

@@ -627,6 +627,7 @@ function signalizedProcess(signal, steps = []) {
 // src/hooks/use-style-prop-resolver.ts
 import { useMemo as useMemo2 } from "react";
 import { getStylesSchema as getStylesSchema2 } from "@elementor/editor-styles";
+import { enqueueFont } from "@elementor/editor-v1-adapters";
 
 // src/renderers/create-props-resolver.ts
 import {
@@ -751,12 +752,6 @@ function createTransformersRegistry() {
 // src/style-transformers-registry.ts
 var styleTransformersRegistry = createTransformersRegistry();
 
-// src/sync/enqueue-font.ts
-var enqueueFont = (fontFamily, context = "preview") => {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.helpers?.enqueueFont?.(fontFamily, context) ?? null;
-};
-
 // src/hooks/use-style-prop-resolver.ts
 function useStylePropResolver() {
   return useMemo2(() => {

package/package.json

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

package/src/hooks/__tests__/use-style-prop-resolver.test.ts

@@ -1,13 +1,13 @@
 import { createMockPropType } from 'test-utils';
 import { stringPropTypeUtil } from '@elementor/editor-props';
 import { getStylesSchema } from '@elementor/editor-styles';
+import { enqueueFont } from '@elementor/editor-v1-adapters';
 import { act, renderHook } from '@testing-library/react';
 
 import { initStyleTransformers } from '../../init-style-transformers';
-import { enqueueFont } from '../../sync/enqueue-font';
 import { useStylePropResolver } from '../use-style-prop-resolver';
 
-jest.mock( '../../sync/enqueue-font' );
+jest.mock( '@elementor/editor-v1-adapters' );
 jest.mock( '@elementor/editor-styles' );
 
 describe( 'useStylePropResolver', () => {

package/src/hooks/use-style-prop-resolver.ts

@@ -1,9 +1,9 @@
 import { useMemo } from 'react';
 import { getStylesSchema } from '@elementor/editor-styles';
+import { enqueueFont } from '@elementor/editor-v1-adapters';
 
 import { createPropsResolver } from '../renderers/create-props-resolver';
 import { styleTransformersRegistry } from '../style-transformers-registry';
-import { enqueueFont } from '../sync/enqueue-font';
 
 export function useStylePropResolver() {
 	return useMemo( () => {

package/src/sync/types.ts

@@ -1,7 +1,6 @@
 import { type V1ElementModelProps, type V1ElementSettingsProps } from '@elementor/editor-elements';
 
 import { type StorageContent } from '../prevent-link-in-link-commands';
-export type EnqueueFont = ( fontFamily: string, context?: 'preview' | 'editor' ) => void;
 
 export type ElementModelProps = Omit< V1ElementModelProps, 'id' > & {
 	custom: {
@@ -23,9 +22,6 @@ type ElementorChannels = {
 export type CanvasExtendedWindow = Window & {
 	elementor?: {
 		$preview?: [ HTMLIFrameElement ];
-		helpers?: {
-			enqueueFont?: EnqueueFont;
-		};
 		channels?: ElementorChannels;
 		modules?: {
 			elements?: {

package/src/sync/enqueue-font.ts

@@ -1,7 +0,0 @@
-import { type CanvasExtendedWindow, type EnqueueFont } from './types';
-
-export const enqueueFont: EnqueueFont = ( fontFamily, context = 'preview' ) => {
-	const extendedWindow = window as unknown as CanvasExtendedWindow;
-
-	return extendedWindow.elementor?.helpers?.enqueueFont?.( fontFamily, context ) ?? null;
-};