@elementor/editor-variables 4.1.0-823 → 4.1.0-824

package/dist/index.d.mts

@@ -1,6 +1,8 @@
 import * as _elementor_editor_props from '@elementor/editor-props';
 import { PropType } from '@elementor/editor-props';
 import { z } from '@elementor/schema';
+import * as _elementor_editor_styles from '@elementor/editor-styles';
+import { Variable } from '@elementor/editor-styles';
 import * as _elementor_editor_canvas from '@elementor/editor-canvas';
 import * as react from 'react';
 import { KeyboardEvent } from 'react';
@@ -48,15 +50,6 @@ type TVariable = {
 };
 type TVariablesList = Record<string, TVariable>;
 
-type Variable = {
-    key?: string;
-    label: string;
-    value: string;
-    type: string;
-    deleted?: boolean;
-    deleted_at?: string;
-    sync_to_v3?: boolean;
-};
 type NormalizedVariable = {
     key: string;
     label: string;
@@ -141,7 +134,7 @@ declare const registerVariableType: ({ key, icon, startIcon, valueField, propTyp
     propTypeUtil: _elementor_editor_props.PropTypeUtil<string, string>;
     selectionFilter?: (variables: NormalizedVariable[], propType?: _elementor_editor_props.PropType) => NormalizedVariable[];
     valueTransformer?: (value: string, type?: string) => _elementor_editor_props.PropValue;
-    isCompatible?: (propType: _elementor_editor_props.PropType, variable: Variable) => boolean;
+    isCompatible?: (propType: _elementor_editor_props.PropType, variable: _elementor_editor_styles.Variable) => boolean;
     emptyState?: react.JSX.Element;
     isActive?: boolean;
     menuActionsFactory?: MenuActionsFactory;

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import * as _elementor_editor_props from '@elementor/editor-props';
 import { PropType } from '@elementor/editor-props';
 import { z } from '@elementor/schema';
+import * as _elementor_editor_styles from '@elementor/editor-styles';
+import { Variable } from '@elementor/editor-styles';
 import * as _elementor_editor_canvas from '@elementor/editor-canvas';
 import * as react from 'react';
 import { KeyboardEvent } from 'react';
@@ -48,15 +50,6 @@ type TVariable = {
 };
 type TVariablesList = Record<string, TVariable>;
 
-type Variable = {
-    key?: string;
-    label: string;
-    value: string;
-    type: string;
-    deleted?: boolean;
-    deleted_at?: string;
-    sync_to_v3?: boolean;
-};
 type NormalizedVariable = {
     key: string;
     label: string;
@@ -141,7 +134,7 @@ declare const registerVariableType: ({ key, icon, startIcon, valueField, propTyp
     propTypeUtil: _elementor_editor_props.PropTypeUtil<string, string>;
     selectionFilter?: (variables: NormalizedVariable[], propType?: _elementor_editor_props.PropType) => NormalizedVariable[];
     valueTransformer?: (value: string, type?: string) => _elementor_editor_props.PropValue;
-    isCompatible?: (propType: _elementor_editor_props.PropType, variable: Variable) => boolean;
+    isCompatible?: (propType: _elementor_editor_props.PropType, variable: _elementor_editor_styles.Variable) => boolean;
     emptyState?: react.JSX.Element;
     isActive?: boolean;
     menuActionsFactory?: MenuActionsFactory;

package/dist/index.js

@@ -52,6 +52,7 @@ var import_menus = require("@elementor/menus");
 
 // src/components/global-styles-import-listener.tsx
 var import_react = require("react");
+var import_editor_canvas = require("@elementor/editor-canvas");
 
 // src/service.ts
 var import_i18n = require("@wordpress/i18n");
@@ -477,12 +478,9 @@ function GlobalStylesImportListener() {
       }
       service.load();
     };
-    window.addEventListener("elementor/global-styles/imported", handleGlobalStylesImported);
+    window.addEventListener(import_editor_canvas.GLOBAL_STYLES_IMPORTED_EVENT, handleGlobalStylesImported);
     return () => {
-      window.removeEventListener(
-        "elementor/global-styles/imported",
-        handleGlobalStylesImported
-      );
+      window.removeEventListener(import_editor_canvas.GLOBAL_STYLES_IMPORTED_EVENT, handleGlobalStylesImported);
     };
   }, []);
   return null;
@@ -657,11 +655,11 @@ var validateValue = (value) => {
 };
 
 // src/variables-registry/create-variable-type-registry.ts
-var import_editor_canvas3 = require("@elementor/editor-canvas");
+var import_editor_canvas4 = require("@elementor/editor-canvas");
 
 // src/transformers/inheritance-transformer.tsx
 var React = __toESM(require("react"));
-var import_editor_canvas = require("@elementor/editor-canvas");
+var import_editor_canvas2 = require("@elementor/editor-canvas");
 var import_ui2 = require("@elementor/ui");
 var import_i18n3 = require("@wordpress/i18n");
 
@@ -698,7 +696,7 @@ var resolveCssVariable = (id2, variable) => {
 };
 
 // src/transformers/inheritance-transformer.tsx
-var inheritanceTransformer = (0, import_editor_canvas.createTransformer)((id2) => {
+var inheritanceTransformer = (0, import_editor_canvas2.createTransformer)((id2) => {
   const variables = service.variables();
   const variable = variables[id2];
   if (!variable) {
@@ -710,8 +708,8 @@ var inheritanceTransformer = (0, import_editor_canvas.createTransformer)((id2) =
 });
 
 // src/transformers/variable-transformer.ts
-var import_editor_canvas2 = require("@elementor/editor-canvas");
-var variableTransformer = (0, import_editor_canvas2.createTransformer)((idOrLabel) => {
+var import_editor_canvas3 = require("@elementor/editor-canvas");
+var variableTransformer = (0, import_editor_canvas3.createTransformer)((idOrLabel) => {
   const variables = service.variables();
   const targetVariable = variables[idOrLabel] || service.findVariableByLabel(idOrLabel);
   if (!targetVariable) {
@@ -771,10 +769,10 @@ function createVariableTypeRegistry() {
     registerInheritanceTransformer(propTypeUtil.key);
   };
   const registerTransformer = (key, transformer) => {
-    import_editor_canvas3.styleTransformersRegistry.register(key, transformer ?? variableTransformer);
+    import_editor_canvas4.styleTransformersRegistry.register(key, transformer ?? variableTransformer);
   };
   const registerInheritanceTransformer = (key) => {
-    import_editor_canvas3.stylesInheritanceTransformersRegistry.register(key, inheritanceTransformer);
+    import_editor_canvas4.stylesInheritanceTransformersRegistry.register(key, inheritanceTransformer);
   };
   const getVariableType2 = (key) => {
     return variableTypes[key];
@@ -4080,8 +4078,8 @@ var import_schema4 = require("@elementor/schema");
 var sizeVariablePropTypeUtil = (0, import_editor_props4.createPropUtils)("global-size-variable", import_schema4.z.string());
 
 // src/transformers/empty-transformer.tsx
-var import_editor_canvas4 = require("@elementor/editor-canvas");
-var EmptyTransformer = (0, import_editor_canvas4.createTransformer)((_value) => {
+var import_editor_canvas5 = require("@elementor/editor-canvas");
+var EmptyTransformer = (0, import_editor_canvas5.createTransformer)((_value) => {
   return null;
 });