@elementor/editor-controls 3.33.0-122 → 3.33.0-123
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/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +14 -14
- package/src/controls/selection-size-control.tsx +4 -1
package/dist/index.js
CHANGED
|
@@ -5087,6 +5087,7 @@ var SelectionSizeControl = createControl(
|
|
|
5087
5087
|
({ selectionLabel, sizeLabel, selectionConfig, sizeConfigMap }) => {
|
|
5088
5088
|
const { value, setValue, propType } = useBoundProp(import_editor_props45.selectionSizePropTypeUtil);
|
|
5089
5089
|
const rowRef = (0, import_react44.useRef)(null);
|
|
5090
|
+
const sizeFieldId = sizeLabel.replace(/\s+/g, "-").toLowerCase();
|
|
5090
5091
|
const currentSizeConfig = (0, import_react44.useMemo)(() => {
|
|
5091
5092
|
switch (value.selection.$$type) {
|
|
5092
5093
|
case "key-value":
|
|
@@ -5098,13 +5099,14 @@ var SelectionSizeControl = createControl(
|
|
|
5098
5099
|
}
|
|
5099
5100
|
}, [value, sizeConfigMap]);
|
|
5100
5101
|
const SelectionComponent = selectionConfig.component;
|
|
5101
|
-
return /* @__PURE__ */ React88.createElement(PropProvider, { value, setValue, propType }, /* @__PURE__ */ React88.createElement(import_ui76.Grid, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React88.createElement(import_ui76.Grid, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React88.createElement(ControlFormLabel, null, selectionLabel)), /* @__PURE__ */ React88.createElement(import_ui76.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React88.createElement(PropKeyProvider, { bind: "selection" }, /* @__PURE__ */ React88.createElement(SelectionComponent, { ...selectionConfig.props }))), currentSizeConfig && /* @__PURE__ */ React88.createElement(React88.Fragment, null, /* @__PURE__ */ React88.createElement(import_ui76.Grid, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React88.createElement(ControlFormLabel,
|
|
5102
|
+
return /* @__PURE__ */ React88.createElement(PropProvider, { value, setValue, propType }, /* @__PURE__ */ React88.createElement(import_ui76.Grid, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React88.createElement(import_ui76.Grid, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React88.createElement(ControlFormLabel, null, selectionLabel)), /* @__PURE__ */ React88.createElement(import_ui76.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React88.createElement(PropKeyProvider, { bind: "selection" }, /* @__PURE__ */ React88.createElement(SelectionComponent, { ...selectionConfig.props }))), currentSizeConfig && /* @__PURE__ */ React88.createElement(React88.Fragment, null, /* @__PURE__ */ React88.createElement(import_ui76.Grid, { item: true, xs: 6, sx: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React88.createElement(ControlFormLabel, { htmlFor: sizeFieldId }, sizeLabel)), /* @__PURE__ */ React88.createElement(import_ui76.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React88.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React88.createElement(
|
|
5102
5103
|
SizeControl,
|
|
5103
5104
|
{
|
|
5104
5105
|
anchorRef: rowRef,
|
|
5105
5106
|
variant: currentSizeConfig.variant,
|
|
5106
5107
|
units: currentSizeConfig.units,
|
|
5107
|
-
defaultUnit: currentSizeConfig.defaultUnit
|
|
5108
|
+
defaultUnit: currentSizeConfig.defaultUnit,
|
|
5109
|
+
id: sizeFieldId
|
|
5108
5110
|
}
|
|
5109
5111
|
))))));
|
|
5110
5112
|
}
|