@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.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: props.getHelperText?.(sessionState.key, sessionState.value)?.valueHelper
4549
+ helperText: valueHelper
4553
4550
  }
4554
4551
  )), !!valueError && /* @__PURE__ */ React70.createElement(FormHelperText, { error: true }, valueError))));
4555
4552
  });