@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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 1.40.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 67248fc: Move Aspect Ratio control to Collapse menu
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- 120cc05: Fix css class selector empty state issues.
|
|
12
|
+
- Updated dependencies [67248fc]
|
|
13
|
+
- @elementor/editor-controls@0.33.0
|
|
14
|
+
|
|
3
15
|
## 1.39.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
package/dist/index.js
CHANGED
|
@@ -310,6 +310,7 @@ function useFilterOptions(parameters) {
|
|
|
310
310
|
}
|
|
311
311
|
|
|
312
312
|
// src/components/creatable-autocomplete/creatable-autocomplete.tsx
|
|
313
|
+
var MIN_INPUT_LENGTH = 2;
|
|
313
314
|
var CreatableAutocomplete = React4.forwardRef(CreatableAutocompleteInner);
|
|
314
315
|
function CreatableAutocompleteInner({
|
|
315
316
|
selected,
|
|
@@ -338,6 +339,7 @@ function CreatableAutocompleteInner({
|
|
|
338
339
|
});
|
|
339
340
|
const filterOptions = useFilterOptions({ options: options12, selected, onCreate, entityName });
|
|
340
341
|
const isCreatable = Boolean(onCreate);
|
|
342
|
+
const freeSolo = isCreatable || inputValue.length < MIN_INPUT_LENGTH || void 0;
|
|
341
343
|
return /* @__PURE__ */ React4.createElement(
|
|
342
344
|
import_ui2.Autocomplete,
|
|
343
345
|
{
|
|
@@ -354,8 +356,8 @@ function CreatableAutocompleteInner({
|
|
|
354
356
|
},
|
|
355
357
|
...props,
|
|
356
358
|
ref,
|
|
357
|
-
freeSolo
|
|
358
|
-
forcePopupIcon:
|
|
359
|
+
freeSolo,
|
|
360
|
+
forcePopupIcon: false,
|
|
359
361
|
multiple: true,
|
|
360
362
|
clearOnBlur: true,
|
|
361
363
|
selectOnFocus: true,
|
|
@@ -985,7 +987,7 @@ var EmptyState = ({ searchValue, onClear }) => /* @__PURE__ */ React8.createElem
|
|
|
985
987
|
},
|
|
986
988
|
/* @__PURE__ */ React8.createElement(import_icons2.ColorSwatchIcon, { sx: { transform: "rotate(90deg)" }, fontSize: "large" }),
|
|
987
989
|
/* @__PURE__ */ React8.createElement(import_ui6.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n4.__)("Sorry, nothing matched", "elementor"), /* @__PURE__ */ React8.createElement("br", null), "\u201C", searchValue, "\u201D."),
|
|
988
|
-
/* @__PURE__ */ React8.createElement(import_ui6.Typography, { align: "center", variant: "caption", sx: { mb: 2 } }, (0, import_i18n4.__)("With your role
|
|
990
|
+
/* @__PURE__ */ React8.createElement(import_ui6.Typography, { align: "center", variant: "caption", sx: { mb: 2 } }, (0, import_i18n4.__)("With your current role,", "elementor"), /* @__PURE__ */ React8.createElement("br", null), (0, import_i18n4.__)("you can only use existing classes.", "elementor")),
|
|
989
991
|
/* @__PURE__ */ React8.createElement(import_ui6.Link, { color: "text.secondary", variant: "caption", component: "button", onClick: onClear }, (0, import_i18n4.__)("Clear & try again", "elementor"))
|
|
990
992
|
));
|
|
991
993
|
var updateClassByProvider = (provider, data) => {
|
|
@@ -3058,7 +3060,7 @@ var positionOptions2 = [
|
|
|
3058
3060
|
{ label: (0, import_i18n28.__)("Scale down", "elementor"), value: "scale-down" }
|
|
3059
3061
|
];
|
|
3060
3062
|
var ObjectFitField = ({ onChange }) => {
|
|
3061
|
-
return /* @__PURE__ */ React52.createElement(StylesField, { bind: "object-fit" }, /* @__PURE__ */ React52.createElement(import_ui42.Grid, { container: true,
|
|
3063
|
+
return /* @__PURE__ */ React52.createElement(StylesField, { bind: "object-fit" }, /* @__PURE__ */ React52.createElement(import_ui42.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React52.createElement(import_ui42.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React52.createElement(ControlLabel, null, (0, import_i18n28.__)("Object fit", "elementor"))), /* @__PURE__ */ React52.createElement(import_ui42.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React52.createElement(import_editor_controls29.SelectControl, { options: positionOptions2, onChange }))));
|
|
3062
3064
|
};
|
|
3063
3065
|
|
|
3064
3066
|
// src/components/style-sections/size-section/object-position-field.tsx
|
|
@@ -3078,7 +3080,7 @@ var positionOptions3 = [
|
|
|
3078
3080
|
{ label: (0, import_i18n29.__)("Bottom right", "elementor"), value: "bottom right" }
|
|
3079
3081
|
];
|
|
3080
3082
|
var ObjectPositionField = ({ onChange }) => {
|
|
3081
|
-
return /* @__PURE__ */ React53.createElement(StylesField, { bind: "object-position" }, /* @__PURE__ */ React53.createElement(import_ui43.Grid, { container: true,
|
|
3083
|
+
return /* @__PURE__ */ React53.createElement(StylesField, { bind: "object-position" }, /* @__PURE__ */ React53.createElement(import_ui43.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React53.createElement(import_ui43.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React53.createElement(ControlLabel, null, (0, import_i18n29.__)("Object position", "elementor"))), /* @__PURE__ */ React53.createElement(import_ui43.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React53.createElement(import_editor_controls30.SelectControl, { options: positionOptions3, onChange }))));
|
|
3082
3084
|
};
|
|
3083
3085
|
|
|
3084
3086
|
// src/components/style-sections/size-section/overflow-field.tsx
|
|
@@ -3138,7 +3140,7 @@ var SizeSection = () => {
|
|
|
3138
3140
|
label: (0, import_i18n31.__)("Min height", "elementor"),
|
|
3139
3141
|
extendedValues: ["auto"]
|
|
3140
3142
|
}
|
|
3141
|
-
))), /* @__PURE__ */ React55.createElement(import_ui45.Grid, { container: true, gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React55.createElement(import_ui45.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React55.createElement(SizeField, { bind: "max-width", label: (0, import_i18n31.__)("Max width", "elementor") })), /* @__PURE__ */ React55.createElement(import_ui45.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React55.createElement(SizeField, { bind: "max-height", label: (0, import_i18n31.__)("Max height", "elementor") }))), /* @__PURE__ */ React55.createElement(PanelDivider, null), /* @__PURE__ */ React55.createElement(import_ui45.Stack, null, /* @__PURE__ */ React55.createElement(OverflowField, null)), isVersion330Active && /* @__PURE__ */ React55.createElement(import_ui45.Stack,
|
|
3143
|
+
))), /* @__PURE__ */ React55.createElement(import_ui45.Grid, { container: true, gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React55.createElement(import_ui45.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React55.createElement(SizeField, { bind: "max-width", label: (0, import_i18n31.__)("Max width", "elementor") })), /* @__PURE__ */ React55.createElement(import_ui45.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React55.createElement(SizeField, { bind: "max-height", label: (0, import_i18n31.__)("Max height", "elementor") }))), /* @__PURE__ */ React55.createElement(PanelDivider, null), /* @__PURE__ */ React55.createElement(import_ui45.Stack, null, /* @__PURE__ */ React55.createElement(OverflowField, null)), isVersion330Active && /* @__PURE__ */ React55.createElement(CollapsibleContent, null, /* @__PURE__ */ React55.createElement(import_ui45.Stack, { gap: 2 }, /* @__PURE__ */ React55.createElement(StylesField, { bind: "aspect-ratio" }, /* @__PURE__ */ React55.createElement(import_editor_controls32.AspectRatioControl, { label: (0, import_i18n31.__)("Aspect Ratio", "elementor") })), /* @__PURE__ */ React55.createElement(PanelDivider, null), /* @__PURE__ */ React55.createElement(ObjectFitField, { onChange: onFitChange }), isNotFill && /* @__PURE__ */ React55.createElement(import_ui45.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React55.createElement(ObjectPositionField, null)))));
|
|
3142
3144
|
};
|
|
3143
3145
|
var SizeField = ({ label, bind, extendedValues }) => {
|
|
3144
3146
|
return /* @__PURE__ */ React55.createElement(StylesField, { bind }, /* @__PURE__ */ React55.createElement(import_ui45.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React55.createElement(import_ui45.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React55.createElement(ControlLabel, null, label)), /* @__PURE__ */ React55.createElement(import_ui45.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React55.createElement(import_editor_controls32.SizeControl, { extendedValues }))));
|