@elementor/editor-editing-panel 1.28.0 → 1.29.1

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 CHANGED
@@ -1,5 +1,25 @@
1
1
  # Change Log
2
2
 
3
+ ## 1.29.1
4
+
5
+ ### Patch Changes
6
+
7
+ - ee3cb2b: Rename css selector placeholder
8
+
9
+ ## 1.29.0
10
+
11
+ ### Minor Changes
12
+
13
+ - 0ab4b84: Alignment for the controls (right-side) settings & styles tabs
14
+ - 3afb048: Add background to multi-combobox group header in css class selector
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies [0ab4b84]
19
+ - Updated dependencies [2b77932]
20
+ - @elementor/editor-controls@0.26.0
21
+ - @elementor/editor-canvas@0.18.1
22
+
3
23
  ## 1.28.0
4
24
 
5
25
  ### 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
  }
@@ -606,7 +587,7 @@ function CssClassSelector() {
606
587
  {
607
588
  id: ID,
608
589
  size: "tiny",
609
- placeholder: showPlaceholder ? (0, import_i18n3.__)("Type to search/add global classes", "elementor") : void 0,
590
+ placeholder: showPlaceholder ? (0, import_i18n3.__)("Type class name", "elementor") : void 0,
610
591
  options: options13,
611
592
  selected: applied,
612
593
  onSelect: handleApply,
@@ -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),