@elementor/editor-variables 3.35.0-373 → 3.35.0-375

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/index.d.mts +3 -1
  2. package/dist/index.d.ts +3 -1
  3. package/dist/index.js +20 -5
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +20 -5
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +14 -14
  8. package/src/register-variable-types.tsx +13 -2
  9. package/src/transformers/empty-transformer.tsx +6 -0
  10. package/src/variables-registry/create-variable-type-registry.ts +6 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elementor/editor-variables",
3
- "version": "3.35.0-373",
3
+ "version": "3.35.0-375",
4
4
  "private": false,
5
5
  "author": "Elementor Team",
6
6
  "homepage": "https://elementor.com/",
@@ -39,20 +39,20 @@
39
39
  "dev": "tsup --config=../../tsup.dev.ts"
40
40
  },
41
41
  "dependencies": {
42
- "@elementor/editor": "3.35.0-373",
43
- "@elementor/editor-canvas": "3.35.0-373",
44
- "@elementor/editor-controls": "3.35.0-373",
45
- "@elementor/editor-current-user": "3.35.0-373",
46
- "@elementor/editor-editing-panel": "3.35.0-373",
47
- "@elementor/editor-mcp": "3.35.0-373",
48
- "@elementor/editor-panels": "3.35.0-373",
49
- "@elementor/editor-props": "3.35.0-373",
50
- "@elementor/editor-ui": "3.35.0-373",
51
- "@elementor/editor-v1-adapters": "3.35.0-373",
52
- "@elementor/http-client": "3.35.0-373",
42
+ "@elementor/editor": "3.35.0-375",
43
+ "@elementor/editor-canvas": "3.35.0-375",
44
+ "@elementor/editor-controls": "3.35.0-375",
45
+ "@elementor/editor-current-user": "3.35.0-375",
46
+ "@elementor/editor-editing-panel": "3.35.0-375",
47
+ "@elementor/editor-mcp": "3.35.0-375",
48
+ "@elementor/editor-panels": "3.35.0-375",
49
+ "@elementor/editor-props": "3.35.0-375",
50
+ "@elementor/editor-ui": "3.35.0-375",
51
+ "@elementor/editor-v1-adapters": "3.35.0-375",
52
+ "@elementor/http-client": "3.35.0-375",
53
53
  "@elementor/icons": "^1.63.0",
54
- "@elementor/mixpanel": "3.35.0-373",
55
- "@elementor/schema": "3.35.0-373",
54
+ "@elementor/mixpanel": "3.35.0-375",
55
+ "@elementor/schema": "3.35.0-375",
56
56
  "@elementor/ui": "1.36.17",
57
57
  "@wordpress/i18n": "^5.13.0"
58
58
  },
package/src/register-variable-types.tsx CHANGED
@@ -9,6 +9,7 @@ import { ColorIndicator } from './components/ui/color-indicator';
9
9
  import { colorVariablePropTypeUtil } from './prop-types/color-variable-prop-type';
10
10
  import { fontVariablePropTypeUtil } from './prop-types/font-variable-prop-type';
11
11
  import { sizeVariablePropTypeUtil } from './prop-types/size-variable-prop-type';
12
+ import { EmptyTransformer } from './transformers/empty-transformer';
12
13
  import { registerVariableType } from './variables-registry/variable-type-registry';
13
14
 
14
15
  export function registerVariableTypes() {
@@ -33,13 +34,23 @@ export function registerVariableTypes() {
33
34
  defaultValue: 'Roboto',
34
35
  } );
35
36
 
36
- registerVariableType( {
37
- key: sizeVariablePropTypeUtil.key,
37
+ const sizePromotions = {
38
38
  icon: ExpandDiagonalIcon,
39
39
  propTypeUtil: sizeVariablePropTypeUtil,
40
40
  fallbackPropTypeUtil: sizePropTypeUtil,
41
+ styleTransformer: EmptyTransformer,
41
42
  variableType: 'size',
42
43
  selectionFilter: () => [],
43
44
  emptyState: <UpgradeButton size="small" href={ 'https://go.elementor.com/go-pro-panel-size-variable/' } />,
45
+ };
46
+
47
+ registerVariableType( {
48
+ ...sizePromotions,
49
+ key: sizeVariablePropTypeUtil.key,
50
+ } );
51
+
52
+ registerVariableType( {
53
+ ...sizePromotions,
54
+ key: 'global-custom-size-variable',
44
55
  } );
45
56
  }
package/src/transformers/empty-transformer.tsx ADDED
@@ -0,0 +1,6 @@
1
+ import { createTransformer } from '@elementor/editor-canvas';
2
+
3
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
4
+ export const EmptyTransformer = createTransformer( ( _value: string ) => {
5
+ return null;
6
+ } );
package/src/variables-registry/create-variable-type-registry.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { type ForwardRefExoticComponent, type JSX, type RefAttributes, type RefObject } from 'react';
2
- import { styleTransformersRegistry } from '@elementor/editor-canvas';
2
+ import { type AnyTransformer, styleTransformersRegistry } from '@elementor/editor-canvas';
3
3
  import { stylesInheritanceTransformersRegistry } from '@elementor/editor-editing-panel';
4
4
  import {
5
5
  type createPropUtils,
@@ -34,6 +34,7 @@ type VariableTypeOptions = {
34
34
  variableType: string;
35
35
  key?: string;
36
36
  defaultValue?: string;
37
+ styleTransformer?: AnyTransformer;
37
38
  fallbackPropTypeUtil: FallbackPropTypeUtil;
38
39
  propTypeUtil: PropTypeUtil< string, string >;
39
40
  selectionFilter?: ( variables: NormalizedVariable[], propType: PropType ) => NormalizedVariable[];
@@ -57,6 +58,7 @@ export function createVariableTypeRegistry() {
57
58
  defaultValue,
58
59
  selectionFilter,
59
60
  valueTransformer,
61
+ styleTransformer,
60
62
  fallbackPropTypeUtil,
61
63
  isCompatible,
62
64
  emptyState,
@@ -88,12 +90,12 @@ export function createVariableTypeRegistry() {
88
90
  emptyState,
89
91
  };
90
92
 
91
- registerTransformer( propTypeUtil.key );
93
+ registerTransformer( propTypeUtil.key, styleTransformer );
92
94
  registerInheritanceTransformer( propTypeUtil.key );
93
95
  };
94
96
 
95
- const registerTransformer = ( key: PropTypeKey ) => {
96
- styleTransformersRegistry.register( key, variableTransformer );
97
+ const registerTransformer = ( key: PropTypeKey, transformer?: AnyTransformer ) => {
98
+ styleTransformersRegistry.register( key, transformer ?? variableTransformer );
97
99
  };
98
100
 
99
101
  const registerInheritanceTransformer = ( key: PropTypeKey ) => {