@elementor/editor-editing-panel 1.13.1 → 1.15.0
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/CHANGELOG.md +17 -0
- package/dist/index.js +8 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +9 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
- package/src/components/style-sections/layout-section/display-field.tsx +7 -1
- package/src/components/style-sections/layout-section/layout-section.tsx +1 -1
- package/src/dynamics/components/dynamic-selection-control.tsx +11 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elementor/editor-editing-panel",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.15.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Elementor Team",
|
|
6
6
|
"homepage": "https://elementor.com/",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@elementor/editor": "0.18.0",
|
|
43
|
-
"@elementor/editor-controls": "0.
|
|
43
|
+
"@elementor/editor-controls": "0.13.0",
|
|
44
44
|
"@elementor/editor-elements": "0.5.4",
|
|
45
45
|
"@elementor/editor-panels": "0.12.0",
|
|
46
46
|
"@elementor/editor-props": "0.9.2",
|
|
@@ -5,7 +5,7 @@ import { __ } from '@wordpress/i18n';
|
|
|
5
5
|
|
|
6
6
|
import { StylesField } from '../../../controls-registry/styles-field';
|
|
7
7
|
|
|
8
|
-
type Displays = 'block' | 'flex' | 'inline-block';
|
|
8
|
+
type Displays = 'block' | 'flex' | 'inline-block' | 'inline-flex';
|
|
9
9
|
|
|
10
10
|
export const DisplayField = () => {
|
|
11
11
|
const options: ToggleButtonGroupItem< Displays >[] = [
|
|
@@ -27,6 +27,12 @@ export const DisplayField = () => {
|
|
|
27
27
|
label: __( 'Inline-block', 'elementor' ),
|
|
28
28
|
showTooltip: true,
|
|
29
29
|
},
|
|
30
|
+
{
|
|
31
|
+
value: 'inline-flex',
|
|
32
|
+
renderContent: () => __( 'In-flx', 'elementor' ),
|
|
33
|
+
label: __( 'Inline-flex', 'elementor' ),
|
|
34
|
+
showTooltip: true,
|
|
35
|
+
},
|
|
30
36
|
];
|
|
31
37
|
|
|
32
38
|
return (
|
|
@@ -28,7 +28,7 @@ export const LayoutSection = () => {
|
|
|
28
28
|
return (
|
|
29
29
|
<SectionContent>
|
|
30
30
|
<DisplayField />
|
|
31
|
-
{ 'flex' === display?.value && <FlexFields /> }
|
|
31
|
+
{ ( 'flex' === display?.value || 'inline-flex' === display?.value ) && <FlexFields /> }
|
|
32
32
|
{ 'flex' === parentStyle?.display && <FlexChildFields /> }
|
|
33
33
|
</SectionContent>
|
|
34
34
|
);
|
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
bindTrigger,
|
|
9
9
|
Box,
|
|
10
10
|
Divider,
|
|
11
|
+
Grid,
|
|
11
12
|
IconButton,
|
|
12
13
|
Paper,
|
|
13
14
|
Popover,
|
|
@@ -177,8 +178,16 @@ const Control = ( { control }: { control: Control[ 'value' ] } ) => {
|
|
|
177
178
|
|
|
178
179
|
return (
|
|
179
180
|
<DynamicControl bind={ control.bind }>
|
|
180
|
-
|
|
181
|
-
|
|
181
|
+
<Grid container gap={ 1 }>
|
|
182
|
+
{ control.label ? (
|
|
183
|
+
<Grid item xs={ 12 }>
|
|
184
|
+
<ControlLabel>{ control.label }</ControlLabel>
|
|
185
|
+
</Grid>
|
|
186
|
+
) : null }
|
|
187
|
+
<Grid item xs={ 12 }>
|
|
188
|
+
<BaseControl type={ control.type as ControlType } props={ control.props } />
|
|
189
|
+
</Grid>
|
|
190
|
+
</Grid>
|
|
182
191
|
</DynamicControl>
|
|
183
192
|
);
|
|
184
193
|
};
|