@elementor/editor-variables 4.1.0-799 → 4.1.0-801
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.
- package/dist/index.js +28 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +30 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -15
- package/src/components/variables-repeater-item-slot.tsx +20 -0
- package/src/repeater-injections.ts +22 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elementor/editor-variables",
|
|
3
|
-
"version": "4.1.0-
|
|
3
|
+
"version": "4.1.0-801",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Elementor Team",
|
|
6
6
|
"homepage": "https://elementor.com/",
|
|
@@ -39,22 +39,22 @@
|
|
|
39
39
|
"dev": "tsup --config=../../tsup.dev.ts"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@elementor/editor": "4.1.0-
|
|
43
|
-
"@elementor/editor-canvas": "4.1.0-
|
|
44
|
-
"@elementor/editor-controls": "4.1.0-
|
|
45
|
-
"@elementor/editor-current-user": "4.1.0-
|
|
46
|
-
"@elementor/editor-mcp": "4.1.0-
|
|
47
|
-
"@elementor/editor-panels": "4.1.0-
|
|
48
|
-
"@elementor/editor-props": "4.1.0-
|
|
49
|
-
"@elementor/editor-ui": "4.1.0-
|
|
50
|
-
"@elementor/editor-v1-adapters": "4.1.0-
|
|
51
|
-
"@elementor/menus": "4.1.0-
|
|
52
|
-
"@elementor/http-client": "4.1.0-
|
|
42
|
+
"@elementor/editor": "4.1.0-801",
|
|
43
|
+
"@elementor/editor-canvas": "4.1.0-801",
|
|
44
|
+
"@elementor/editor-controls": "4.1.0-801",
|
|
45
|
+
"@elementor/editor-current-user": "4.1.0-801",
|
|
46
|
+
"@elementor/editor-mcp": "4.1.0-801",
|
|
47
|
+
"@elementor/editor-panels": "4.1.0-801",
|
|
48
|
+
"@elementor/editor-props": "4.1.0-801",
|
|
49
|
+
"@elementor/editor-ui": "4.1.0-801",
|
|
50
|
+
"@elementor/editor-v1-adapters": "4.1.0-801",
|
|
51
|
+
"@elementor/menus": "4.1.0-801",
|
|
52
|
+
"@elementor/http-client": "4.1.0-801",
|
|
53
53
|
"@elementor/icons": "^1.72.0",
|
|
54
|
-
"@elementor/events": "4.1.0-
|
|
55
|
-
"@elementor/schema": "4.1.0-
|
|
54
|
+
"@elementor/events": "4.1.0-801",
|
|
55
|
+
"@elementor/schema": "4.1.0-801",
|
|
56
56
|
"@elementor/ui": "1.37.5",
|
|
57
|
-
"@elementor/utils": "4.1.0-
|
|
57
|
+
"@elementor/utils": "4.1.0-801",
|
|
58
58
|
"@wordpress/i18n": "^5.13.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
@@ -5,6 +5,7 @@ import {
|
|
|
5
5
|
cssFilterFunctionPropUtil,
|
|
6
6
|
dropShadowFilterPropTypeUtil,
|
|
7
7
|
type KeyValuePropValue,
|
|
8
|
+
moveTransformPropTypeUtil,
|
|
8
9
|
type PropValue,
|
|
9
10
|
selectionSizePropTypeUtil,
|
|
10
11
|
type SelectionSizePropValue,
|
|
@@ -115,6 +116,25 @@ export const BoxShadowRepeaterLabel = ( { value }: Props ) => {
|
|
|
115
116
|
);
|
|
116
117
|
};
|
|
117
118
|
|
|
119
|
+
export const TransformRepeaterLabel = ( { value }: Props ) => {
|
|
120
|
+
const labels: string[] = [];
|
|
121
|
+
|
|
122
|
+
if ( moveTransformPropTypeUtil.isValid( value ) ) {
|
|
123
|
+
labels.push( __( 'Move:', 'elementor' ) );
|
|
124
|
+
|
|
125
|
+
const { x, y, z } = moveTransformPropTypeUtil.extract( value ) || {};
|
|
126
|
+
|
|
127
|
+
for ( const val of [ x, y, z ] ) {
|
|
128
|
+
const rendered = sizeValue( val );
|
|
129
|
+
if ( rendered ) {
|
|
130
|
+
labels.push( rendered );
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
return <Box component="span">{ labels.join( ' ' ) }</Box>;
|
|
136
|
+
};
|
|
137
|
+
|
|
118
138
|
export const TransitionsSizeVariableLabel = ( { value: prop }: Props ) => {
|
|
119
139
|
let label = '';
|
|
120
140
|
|
|
@@ -3,6 +3,7 @@ import {
|
|
|
3
3
|
backgroundColorOverlayPropTypeUtil,
|
|
4
4
|
cssFilterFunctionPropUtil,
|
|
5
5
|
dropShadowFilterPropTypeUtil,
|
|
6
|
+
moveTransformPropTypeUtil,
|
|
6
7
|
type PropValue,
|
|
7
8
|
selectionSizePropTypeUtil,
|
|
8
9
|
shadowPropTypeUtil,
|
|
@@ -16,6 +17,7 @@ import {
|
|
|
16
17
|
FilterDropShadowIconIndicator,
|
|
17
18
|
FilterDropShadowRepeaterLabel,
|
|
18
19
|
FilterSingleSizeRepeaterLabel,
|
|
20
|
+
TransformRepeaterLabel,
|
|
19
21
|
TransitionsSizeVariableLabel,
|
|
20
22
|
} from './components/variables-repeater-item-slot';
|
|
21
23
|
import { colorVariablePropTypeUtil, customSizeVariablePropTypeUtil, sizeVariablePropTypeUtil } from './prop-types';
|
|
@@ -28,6 +30,7 @@ export function registerRepeaterInjections() {
|
|
|
28
30
|
backgroundOverlayRepeaterInjections();
|
|
29
31
|
boxShadowRepeaterInjections();
|
|
30
32
|
transitionsRepeaterInjections();
|
|
33
|
+
transformRepeaterInjections();
|
|
31
34
|
filterRepeaterInjections();
|
|
32
35
|
}
|
|
33
36
|
|
|
@@ -75,6 +78,25 @@ function boxShadowRepeaterInjections() {
|
|
|
75
78
|
} );
|
|
76
79
|
}
|
|
77
80
|
|
|
81
|
+
function transformRepeaterInjections() {
|
|
82
|
+
injectIntoRepeaterItemLabel( {
|
|
83
|
+
id: 'transform-size-variables-label',
|
|
84
|
+
component: TransformRepeaterLabel,
|
|
85
|
+
condition: ( { value }: Args ) => {
|
|
86
|
+
if ( moveTransformPropTypeUtil.isValid( value ) ) {
|
|
87
|
+
const { x: xAxis, y: yAxis, z: zAxis } = moveTransformPropTypeUtil.extract( value ) || {};
|
|
88
|
+
return (
|
|
89
|
+
hasAssignedSizeVariable( xAxis ) ||
|
|
90
|
+
hasAssignedSizeVariable( yAxis ) ||
|
|
91
|
+
hasAssignedSizeVariable( zAxis )
|
|
92
|
+
);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
return false;
|
|
96
|
+
},
|
|
97
|
+
} );
|
|
98
|
+
}
|
|
99
|
+
|
|
78
100
|
function transitionsRepeaterInjections() {
|
|
79
101
|
injectIntoRepeaterItemLabel( {
|
|
80
102
|
id: 'transition-size-variables-label',
|