@elementor/editor-editing-panel 1.39.0 → 1.40.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 +12 -0
- package/dist/index.js +8 -6
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
- package/src/components/creatable-autocomplete/creatable-autocomplete.tsx +6 -2
- package/src/components/css-classes/css-class-selector.tsx +1 -1
- package/src/components/style-sections/size-section/object-fit-field.tsx +1 -1
- package/src/components/style-sections/size-section/object-position-field.tsx +1 -1
- package/src/components/style-sections/size-section/size-section.tsx +12 -11
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elementor/editor-editing-panel",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.40.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Elementor Team",
|
|
6
6
|
"homepage": "https://elementor.com/",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@elementor/editor": "0.19.4",
|
|
43
43
|
"@elementor/editor-canvas": "0.22.1",
|
|
44
|
-
"@elementor/editor-controls": "0.
|
|
44
|
+
"@elementor/editor-controls": "0.33.0",
|
|
45
45
|
"@elementor/editor-current-user": "0.5.0",
|
|
46
46
|
"@elementor/editor-documents": "0.13.6",
|
|
47
47
|
"@elementor/editor-elements": "0.8.4",
|
|
@@ -19,6 +19,8 @@ import { useInputState, useOpenState } from './use-autocomplete-states';
|
|
|
19
19
|
import { useCreateOption } from './use-create-option';
|
|
20
20
|
import { useFilterOptions } from './use-filter-options';
|
|
21
21
|
|
|
22
|
+
const MIN_INPUT_LENGTH = 2;
|
|
23
|
+
|
|
22
24
|
export const CreatableAutocomplete = React.forwardRef( CreatableAutocompleteInner ) as <
|
|
23
25
|
TOption extends SafeOptionConstraint,
|
|
24
26
|
>(
|
|
@@ -62,6 +64,8 @@ function CreatableAutocompleteInner< TOption extends SafeOptionConstraint >(
|
|
|
62
64
|
|
|
63
65
|
const isCreatable = Boolean( onCreate );
|
|
64
66
|
|
|
67
|
+
const freeSolo = isCreatable || inputValue.length < MIN_INPUT_LENGTH || undefined;
|
|
68
|
+
|
|
65
69
|
return (
|
|
66
70
|
<Autocomplete< InternalOption< TOption >, true, true, true >
|
|
67
71
|
renderTags={ ( tagValue, getTagProps ) => {
|
|
@@ -76,8 +80,8 @@ function CreatableAutocompleteInner< TOption extends SafeOptionConstraint >(
|
|
|
76
80
|
} }
|
|
77
81
|
{ ...( props as AutocompleteProps< InternalOption< TOption >, true, true, true > ) }
|
|
78
82
|
ref={ ref }
|
|
79
|
-
freeSolo={
|
|
80
|
-
forcePopupIcon={
|
|
83
|
+
freeSolo={ freeSolo }
|
|
84
|
+
forcePopupIcon={ false }
|
|
81
85
|
multiple
|
|
82
86
|
clearOnBlur
|
|
83
87
|
selectOnFocus
|
|
@@ -157,7 +157,7 @@ const EmptyState = ( { searchValue, onClear }: { searchValue: string; onClear: (
|
|
|
157
157
|
“{ searchValue }”.
|
|
158
158
|
</Typography>
|
|
159
159
|
<Typography align="center" variant="caption" sx={ { mb: 2 } }>
|
|
160
|
-
{ __( 'With your role
|
|
160
|
+
{ __( 'With your current role,', 'elementor' ) }
|
|
161
161
|
<br />
|
|
162
162
|
{ __( 'you can only use existing classes.', 'elementor' ) }
|
|
163
163
|
</Typography>
|
|
@@ -21,7 +21,7 @@ type Props = {
|
|
|
21
21
|
export const ObjectFitField = ( { onChange }: Props ) => {
|
|
22
22
|
return (
|
|
23
23
|
<StylesField bind="object-fit">
|
|
24
|
-
<Grid container
|
|
24
|
+
<Grid container gap={ 2 } alignItems="center" flexWrap="nowrap">
|
|
25
25
|
<Grid item xs={ 6 }>
|
|
26
26
|
<ControlLabel>{ __( 'Object fit', 'elementor' ) }</ControlLabel>
|
|
27
27
|
</Grid>
|
|
@@ -25,7 +25,7 @@ type Props = {
|
|
|
25
25
|
export const ObjectPositionField = ( { onChange }: Props ) => {
|
|
26
26
|
return (
|
|
27
27
|
<StylesField bind="object-position">
|
|
28
|
-
<Grid container
|
|
28
|
+
<Grid container gap={ 2 } alignItems="center" flexWrap="nowrap">
|
|
29
29
|
<Grid item xs={ 6 }>
|
|
30
30
|
<ControlLabel>{ __( 'Object position', 'elementor' ) }</ControlLabel>
|
|
31
31
|
</Grid>
|
|
@@ -66,19 +66,20 @@ export const SizeSection = () => {
|
|
|
66
66
|
<Stack>
|
|
67
67
|
<OverflowField />
|
|
68
68
|
</Stack>
|
|
69
|
-
{ isVersion330Active && (
|
|
70
|
-
<Stack>
|
|
71
|
-
<StylesField bind={ 'aspect-ratio' }>
|
|
72
|
-
<AspectRatioControl label={ __( 'Aspect Ratio', 'elementor' ) } />
|
|
73
|
-
</StylesField>
|
|
74
|
-
</Stack>
|
|
75
|
-
) }
|
|
76
69
|
{ isVersion330Active && (
|
|
77
70
|
<CollapsibleContent>
|
|
78
|
-
<
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
71
|
+
<Stack gap={ 2 }>
|
|
72
|
+
<StylesField bind={ 'aspect-ratio' }>
|
|
73
|
+
<AspectRatioControl label={ __( 'Aspect Ratio', 'elementor' ) } />
|
|
74
|
+
</StylesField>
|
|
75
|
+
<PanelDivider />
|
|
76
|
+
<ObjectFitField onChange={ onFitChange } />
|
|
77
|
+
{ isNotFill && (
|
|
78
|
+
<Grid item xs={ 6 }>
|
|
79
|
+
<ObjectPositionField />
|
|
80
|
+
</Grid>
|
|
81
|
+
) }
|
|
82
|
+
</Stack>
|
|
82
83
|
</CollapsibleContent>
|
|
83
84
|
) }
|
|
84
85
|
</SectionContent>
|