@elementor/editor-controls 3.32.0-65 → 3.32.0-66
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 +6 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -9
- package/dist/index.mjs.map +1 -1
- package/package.json +14 -14
- package/src/controls/key-value-control.tsx +6 -6
package/dist/index.mjs
CHANGED
|
@@ -4483,6 +4483,10 @@ var KeyValueControl = createControl((props = {}) => {
|
|
|
4483
4483
|
});
|
|
4484
4484
|
const keyLabel = props.keyName || __33("Key", "elementor");
|
|
4485
4485
|
const valueLabel = props.valueName || __33("Value", "elementor");
|
|
4486
|
+
const { keyHelper, valueHelper } = props.getHelperText?.(sessionState.key, sessionState.value) || {
|
|
4487
|
+
keyHelper: void 0,
|
|
4488
|
+
valueHelper: void 0
|
|
4489
|
+
};
|
|
4486
4490
|
const [keyRegex, valueRegex, errMsg] = useMemo6(
|
|
4487
4491
|
() => [
|
|
4488
4492
|
props.regexKey ? new RegExp(props.regexKey) : void 0,
|
|
@@ -4536,20 +4540,13 @@ var KeyValueControl = createControl((props = {}) => {
|
|
|
4536
4540
|
});
|
|
4537
4541
|
}
|
|
4538
4542
|
};
|
|
4539
|
-
return /* @__PURE__ */ React70.createElement(PropProvider, { ...propContext, value, setValue: handleChange }, /* @__PURE__ */ React70.createElement(Grid19, { container: true, gap: 1.5 }, /* @__PURE__ */ React70.createElement(Grid19, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React70.createElement(FormLabel3, { size: "tiny", sx: { pb: 1 } }, keyLabel), /* @__PURE__ */ React70.createElement(PropKeyProvider, { bind: "key" }, /* @__PURE__ */ React70.createElement(
|
|
4540
|
-
TextControl,
|
|
4541
|
-
{
|
|
4542
|
-
inputValue: sessionState.key,
|
|
4543
|
-
error: !!keyError,
|
|
4544
|
-
helperText: props.getHelperText?.(sessionState.key, sessionState.value)?.keyHelper
|
|
4545
|
-
}
|
|
4546
|
-
)), !!keyError && /* @__PURE__ */ React70.createElement(FormHelperText, { error: true }, keyError)), /* @__PURE__ */ React70.createElement(Grid19, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React70.createElement(FormLabel3, { size: "tiny", sx: { pb: 1 } }, valueLabel), /* @__PURE__ */ React70.createElement(PropKeyProvider, { bind: "value" }, /* @__PURE__ */ React70.createElement(
|
|
4543
|
+
return /* @__PURE__ */ React70.createElement(PropProvider, { ...propContext, value, setValue: handleChange }, /* @__PURE__ */ React70.createElement(Grid19, { container: true, gap: 1.5 }, /* @__PURE__ */ React70.createElement(Grid19, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React70.createElement(FormLabel3, { size: "tiny", sx: { pb: 1 } }, keyLabel), /* @__PURE__ */ React70.createElement(PropKeyProvider, { bind: "key" }, /* @__PURE__ */ React70.createElement(TextControl, { inputValue: sessionState.key, error: !!keyError, helperText: keyHelper })), !!keyError && /* @__PURE__ */ React70.createElement(FormHelperText, { error: true }, keyError)), /* @__PURE__ */ React70.createElement(Grid19, { item: true, xs: 12, display: "flex", flexDirection: "column" }, /* @__PURE__ */ React70.createElement(FormLabel3, { size: "tiny", sx: { pb: 1 } }, valueLabel), /* @__PURE__ */ React70.createElement(PropKeyProvider, { bind: "value" }, /* @__PURE__ */ React70.createElement(
|
|
4547
4544
|
TextControl,
|
|
4548
4545
|
{
|
|
4549
4546
|
inputValue: sessionState.value,
|
|
4550
4547
|
error: !!valueError,
|
|
4551
4548
|
inputDisabled: !!keyError,
|
|
4552
|
-
helperText:
|
|
4549
|
+
helperText: valueHelper
|
|
4553
4550
|
}
|
|
4554
4551
|
)), !!valueError && /* @__PURE__ */ React70.createElement(FormHelperText, { error: true }, valueError))));
|
|
4555
4552
|
});
|