@elementor/editor-editing-panel 1.28.0 → 1.29.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 +14 -0
- package/dist/index.js +3 -21
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +26 -50
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
- package/src/components/add-or-remove-content.tsx +1 -0
- package/src/components/multi-combobox.tsx +4 -42
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 1.29.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 0ab4b84: Alignment for the controls (right-side) settings & styles tabs
|
|
8
|
+
- 3afb048: Add background to multi-combobox group header in css class selector
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies [0ab4b84]
|
|
13
|
+
- Updated dependencies [2b77932]
|
|
14
|
+
- @elementor/editor-controls@0.26.0
|
|
15
|
+
- @elementor/editor-canvas@0.18.1
|
|
16
|
+
|
|
3
17
|
## 1.28.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
package/dist/index.js
CHANGED
|
@@ -158,7 +158,6 @@ function MultiCombobox({
|
|
|
158
158
|
disabled: loading,
|
|
159
159
|
value: selected,
|
|
160
160
|
options: options13,
|
|
161
|
-
renderGroup: (params) => /* @__PURE__ */ React4.createElement(Group, { ...params }),
|
|
162
161
|
renderInput: (params) => /* @__PURE__ */ React4.createElement(
|
|
163
162
|
import_ui.TextField,
|
|
164
163
|
{
|
|
@@ -206,28 +205,10 @@ function MultiCombobox({
|
|
|
206
205
|
];
|
|
207
206
|
},
|
|
208
207
|
groupBy: (option) => option.group ?? "",
|
|
209
|
-
renderOption: (optionProps, { label }) => /* @__PURE__ */ React4.createElement("li", { ...optionProps, style: { display: "block", textOverflow: "ellipsis" } }, label)
|
|
208
|
+
renderOption: (optionProps, { label, group }) => /* @__PURE__ */ React4.createElement("li", { ...optionProps, style: { display: "block", textOverflow: "ellipsis" }, "data-group": group }, label)
|
|
210
209
|
}
|
|
211
210
|
);
|
|
212
211
|
}
|
|
213
|
-
var Group = (params) => {
|
|
214
|
-
const id = `combobox-group-${(0, import_react4.useId)().replace(/:/g, "_")}`;
|
|
215
|
-
return /* @__PURE__ */ React4.createElement(StyledGroup, { role: "group", "aria-labelledby": id }, /* @__PURE__ */ React4.createElement(StyledGroupHeader, { id }, " ", params.group), /* @__PURE__ */ React4.createElement(StyledGroupItems, { role: "listbox" }, params.children));
|
|
216
|
-
};
|
|
217
|
-
var StyledGroup = (0, import_ui.styled)("li")`
|
|
218
|
-
&:not( :last-of-type ) {
|
|
219
|
-
border-bottom: 1px solid ${({ theme }) => theme.palette.divider};
|
|
220
|
-
}
|
|
221
|
-
`;
|
|
222
|
-
var StyledGroupHeader = (0, import_ui.styled)(import_ui.Box)(({ theme }) => ({
|
|
223
|
-
position: "sticky",
|
|
224
|
-
top: "-8px",
|
|
225
|
-
padding: theme.spacing(1, 2),
|
|
226
|
-
color: theme.palette.text.tertiary
|
|
227
|
-
}));
|
|
228
|
-
var StyledGroupItems = (0, import_ui.styled)("ul")`
|
|
229
|
-
padding: 0;
|
|
230
|
-
`;
|
|
231
212
|
function useFilterOptions() {
|
|
232
213
|
return (0, import_react4.useState)(() => (0, import_ui.createFilterOptions)())[0];
|
|
233
214
|
}
|
|
@@ -1501,7 +1482,8 @@ var AddOrRemoveContent = ({ isAdded, label, onAdd, onRemove, children }) => {
|
|
|
1501
1482
|
direction: "row",
|
|
1502
1483
|
sx: {
|
|
1503
1484
|
justifyContent: "space-between",
|
|
1504
|
-
alignItems: "center"
|
|
1485
|
+
alignItems: "center",
|
|
1486
|
+
marginInlineEnd: -0.75
|
|
1505
1487
|
}
|
|
1506
1488
|
},
|
|
1507
1489
|
/* @__PURE__ */ React23.createElement(ControlLabel, null, label),
|