@eightshift/ui-components 5.2.1 → 5.3.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.
Files changed (98) hide show
  1. package/dist/{Button-RTwMSBs-.js → Button-npzfSoYo.js} +3 -3
  2. package/dist/{Dialog-Xf6AsnV-.js → Dialog-CQ8H6Noi.js} +77 -50
  3. package/dist/{FocusScope-BnwM-e8R.js → FocusScope-DJApHXhY.js} +1 -1
  4. package/dist/Form-Cq3fu75_.js +5 -0
  5. package/dist/{Group-C4cXobNT.js → Input-ChJaTNa5.js} +39 -39
  6. package/dist/{List-CwJTORxj.js → List-BiAnh5G5.js} +5 -5
  7. package/dist/{ListBox-BeC97FZ4.js → ListBox-D0Stb4wr.js} +13 -23
  8. package/dist/{OverlayArrow-EZ0v_ljk.js → OverlayArrow-DivvkAVb.js} +46 -25
  9. package/dist/{Separator-Fl7qSeN-.js → SearchField-jVsbJe1O.js} +151 -475
  10. package/dist/{Select-DEQf8ZWI.js → Select-ciHB1pub.js} +12 -11
  11. package/dist/{Select-ef7c0426.esm-D6WOCaYm.js → Select-ef7c0426.esm-CmTkSxDx.js} +3 -3
  12. package/dist/{Collection-D_KhdLDC.js → SelectionManager-CabSdgMq.js} +1801 -1777
  13. package/dist/Separator-BPvqJny4.js +344 -0
  14. package/dist/{Slider-BQFSEhvk.js → Slider-ChP04COa.js} +4 -4
  15. package/dist/{VisuallyHidden-D9s7FTtC.js → VisuallyHidden-X6SggVVO.js} +1 -1
  16. package/dist/assets/style-admin.css +315 -79
  17. package/dist/assets/style-editor.css +315 -79
  18. package/dist/assets/style.css +315 -79
  19. package/dist/assets/wp-font-enhancements.css +1 -1
  20. package/dist/assets/wp-ui-enhancements.css +5 -14
  21. package/dist/components/animated-visibility/animated-visibility.js +16 -16
  22. package/dist/components/button/button.js +28 -23
  23. package/dist/components/checkbox/checkbox.js +11 -10
  24. package/dist/components/color-pickers/color-picker.js +5 -4
  25. package/dist/components/color-pickers/color-swatch.js +1 -1
  26. package/dist/components/color-pickers/gradient-editor.js +7 -7
  27. package/dist/components/color-pickers/solid-color-picker.js +8 -8
  28. package/dist/components/component-toggle/component-toggle.js +1 -1
  29. package/dist/components/draggable/draggable-handle.js +1 -1
  30. package/dist/components/draggable/draggable.js +34 -17
  31. package/dist/components/draggable-list/draggable-list-item.js +1 -1
  32. package/dist/components/draggable-list/draggable-list.js +6 -4
  33. package/dist/components/expandable/expandable.js +5 -5
  34. package/dist/components/index.js +2 -1
  35. package/dist/components/input-field/input-field.js +139 -3
  36. package/dist/components/item-collection/item-collection.js +1 -1
  37. package/dist/components/link-input/link-input.js +16 -15
  38. package/dist/components/matrix-align/matrix-align.js +1 -1
  39. package/dist/components/menu/menu.js +94 -24
  40. package/dist/components/modal/modal.js +4 -4
  41. package/dist/components/notice/notice.js +6 -5
  42. package/dist/components/number-picker/number-picker.js +5 -5
  43. package/dist/components/option-select/option-select.js +1 -1
  44. package/dist/components/placeholders/file-placeholder.js +1 -1
  45. package/dist/components/popover/popover.js +28 -21
  46. package/dist/components/radio/radio.js +7 -6
  47. package/dist/components/repeater/repeater-item.js +1 -1
  48. package/dist/components/repeater/repeater.js +2 -2
  49. package/dist/components/responsive/mini-responsive.js +1 -1
  50. package/dist/components/responsive/responsive-legacy.js +1 -1
  51. package/dist/components/responsive/responsive.js +21 -20
  52. package/dist/components/responsive-preview/responsive-preview.js +1 -1
  53. package/dist/components/rich-label/rich-label.js +28 -15
  54. package/dist/components/select/async-multi-select.js +3 -3
  55. package/dist/components/select/async-single-select.js +2 -2
  56. package/dist/components/select/custom-select-default-components.js +1 -1
  57. package/dist/components/select/multi-select-components.js +1 -1
  58. package/dist/components/select/multi-select.js +3 -3
  59. package/dist/components/select/react-select-component-wrappers.js +1 -1
  60. package/dist/components/select/single-select.js +2 -2
  61. package/dist/components/select/styles.js +1 -1
  62. package/dist/components/select/v2/async-multi-select.js +9 -9
  63. package/dist/components/select/v2/async-select.js +9 -9
  64. package/dist/components/select/v2/multi-select.js +8 -8
  65. package/dist/components/select/v2/shared.js +1 -1
  66. package/dist/components/select/v2/single-select.js +8 -8
  67. package/dist/components/slider/column-config-slider.js +2 -2
  68. package/dist/components/slider/slider.js +1 -1
  69. package/dist/components/slider/utils.js +1 -1
  70. package/dist/components/tabs/tabs.js +13 -9
  71. package/dist/components/toggle/switch.js +5 -5
  72. package/dist/components/toggle-button/toggle-button.js +7 -7
  73. package/dist/components/tooltip/tooltip.js +35 -35
  74. package/dist/context-DCAZLyDS.js +7 -0
  75. package/dist/{default-i18n-DY6EfUSA.js → default-i18n-CN_q3KUs.js} +15 -56
  76. package/dist/icons/icons.js +3347 -30273
  77. package/dist/{index-641ee5b8.esm-Bu-mgopl.js → index-641ee5b8.esm-DVp0njHa.js} +10 -8
  78. package/dist/{index-CBHA_HDD.js → index-D8-Zjpbd.js} +18 -18
  79. package/dist/index.js +2 -1
  80. package/dist/{multi-select-components-rCCyCaKO.js → multi-select-components-CT_W0Cy9.js} +1 -1
  81. package/dist/{react-select-async.esm-XYrsKYb2.js → react-select-async.esm-Zl1LPaPb.js} +3 -3
  82. package/dist/{react-select.esm-CCSPY6XR.js → react-select.esm-Bu36HujU.js} +3 -3
  83. package/dist/{textSelection-D5tWX1rJ.js → textSelection-k0u64dDA.js} +1 -1
  84. package/dist/{useAsyncList-ZqaIH2gh.js → useAsyncList-D52mQcrH.js} +30 -0
  85. package/dist/{useButton-BtJSiQi3.js → useButton-Bn4ZT295.js} +4 -3
  86. package/dist/{useDragAndDrop-CddFteYC.js → useDragAndDrop-DVLrIdEn.js} +18 -10
  87. package/dist/{useFilter-Cl2ggwwq.js → useFilter-C4wo8Iii.js} +1 -1
  88. package/dist/{useFocusRing-D5BfOWag.js → useFocusRing-CUxgjvAY.js} +1 -1
  89. package/dist/{Form-BeMxJA29.js → useFormValidation-CUtZcedF.js} +5 -7
  90. package/dist/{useHover-44IApaa2.js → useHover-LmGemtHE.js} +24 -24
  91. package/dist/{useListState-BSkHuB7-.js → useListState-Xsk-aOvN.js} +8 -5
  92. package/dist/{useNumberField-JhWPy1JY.js → useNumberField-BCjjZWaz.js} +100 -99
  93. package/dist/{usePress-BnrkvZ7e.js → usePress-CBQIDzpQ.js} +12 -12
  94. package/dist/{useSingleSelectListState-CzJFsSHr.js → useSingleSelectListState-DattSD7d.js} +2 -2
  95. package/dist/{useToggle-OaIBlwRu.js → useToggle-C8CedY6Z.js} +2 -2
  96. package/dist/{useToggleState-BF8hvidm.js → useToggleState-CiAradXs.js} +1 -1
  97. package/package.json +26 -26
  98. package/dist/TextField-x_eEa_qR.js +0 -143
@@ -1,32 +1,17 @@
1
- import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, M as $c87311424ea30a05$export$186c6964ca17d99, t as $c87311424ea30a05$export$a11b0059900ceec8, b as $c87311424ea30a05$export$fedb369cb70207f1 } from "./useHover-44IApaa2.js";
1
+ import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, n as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, M as $c87311424ea30a05$export$186c6964ca17d99, s as $c87311424ea30a05$export$a11b0059900ceec8, b as $c87311424ea30a05$export$fedb369cb70207f1 } from "./useHover-LmGemtHE.js";
2
2
  import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-7sOvrqo0.js";
3
- import { a as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./Form-BeMxJA29.js";
3
+ import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-CUtZcedF.js";
4
4
  import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
5
- import { useCallback, useState, useMemo, useEffect, useRef } from "react";
5
+ import { useCallback, useEffect, useRef, useState, useMemo } from "react";
6
6
  import { e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, p as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-cvK1vxO7.js";
7
7
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
8
8
  import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-yV9VVy9R.js";
9
- import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-D5BfOWag.js";
9
+ import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-CUxgjvAY.js";
10
10
  import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BifIGnVS.js";
11
- import { d as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Group-C4cXobNT.js";
11
+ import { d as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-ChJaTNa5.js";
12
12
  import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
13
13
  import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-BCmkV-7c.js";
14
- import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-RTwMSBs-.js";
15
- function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
16
- let { onScroll, isDisabled } = props;
17
- let onScrollHandler = useCallback((e) => {
18
- if (e.ctrlKey) return;
19
- e.preventDefault();
20
- e.stopPropagation();
21
- if (onScroll) onScroll({
22
- deltaX: e.deltaX,
23
- deltaY: e.deltaY
24
- });
25
- }, [
26
- onScroll
27
- ]);
28
- $e9faafb641e167db$export$90fc3a17d93f704c(ref, "wheel", isDisabled ? void 0 : onScrollHandler);
29
- }
14
+ import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-npzfSoYo.js";
30
15
  const $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX = new RegExp("^.*\\(.*\\).*$");
31
16
  const $6c7bd7858deea686$var$NUMBERING_SYSTEMS = [
32
17
  "latn",
@@ -130,6 +115,7 @@ class $6c7bd7858deea686$var$NumberParserImpl {
130
115
  }
131
116
  if (this.symbols.group) value = $6c7bd7858deea686$var$replaceAll(value, ".", this.symbols.group);
132
117
  }
118
+ if (this.symbols.group === "’" && value.includes("'")) value = $6c7bd7858deea686$var$replaceAll(value, "'", this.symbols.group);
133
119
  if (this.options.locale === "fr-FR" && this.symbols.group) {
134
120
  value = $6c7bd7858deea686$var$replaceAll(value, " ", this.symbols.group);
135
121
  value = $6c7bd7858deea686$var$replaceAll(value, /\u00A0/g, this.symbols.group);
@@ -247,6 +233,99 @@ function $6c7bd7858deea686$var$replaceAll(str, find, replace) {
247
233
  function $6c7bd7858deea686$var$escapeRegex(string) {
248
234
  return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
249
235
  }
236
+ function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
237
+ let { onScroll, isDisabled } = props;
238
+ let onScrollHandler = useCallback((e) => {
239
+ if (e.ctrlKey) return;
240
+ e.preventDefault();
241
+ e.stopPropagation();
242
+ if (onScroll) onScroll({
243
+ deltaX: e.deltaX,
244
+ deltaY: e.deltaY
245
+ });
246
+ }, [
247
+ onScroll
248
+ ]);
249
+ $e9faafb641e167db$export$90fc3a17d93f704c(ref, "wheel", isDisabled ? void 0 : onScrollHandler);
250
+ }
251
+ function $d841c8010a73d545$var$supportsNativeBeforeInputEvent() {
252
+ return typeof window !== "undefined" && window.InputEvent && typeof InputEvent.prototype.getTargetRanges === "function";
253
+ }
254
+ function $d841c8010a73d545$export$4f384c9210e583c3(props, state, inputRef) {
255
+ let onBeforeInputFallback = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
256
+ let input = inputRef.current;
257
+ if (!input) return;
258
+ let nextValue = null;
259
+ switch (e.inputType) {
260
+ case "historyUndo":
261
+ case "historyRedo":
262
+ return;
263
+ case "insertLineBreak":
264
+ return;
265
+ case "deleteContent":
266
+ case "deleteByCut":
267
+ case "deleteByDrag":
268
+ nextValue = input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
269
+ break;
270
+ case "deleteContentForward":
271
+ nextValue = input.selectionEnd === input.selectionStart ? input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd + 1) : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
272
+ break;
273
+ case "deleteContentBackward":
274
+ nextValue = input.selectionEnd === input.selectionStart ? input.value.slice(0, input.selectionStart - 1) + input.value.slice(input.selectionStart) : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
275
+ break;
276
+ case "deleteSoftLineBackward":
277
+ case "deleteHardLineBackward":
278
+ nextValue = input.value.slice(input.selectionStart);
279
+ break;
280
+ default:
281
+ if (e.data != null) nextValue = input.value.slice(0, input.selectionStart) + e.data + input.value.slice(input.selectionEnd);
282
+ break;
283
+ }
284
+ if (nextValue == null || !state.validate(nextValue)) e.preventDefault();
285
+ });
286
+ useEffect(() => {
287
+ if (!$d841c8010a73d545$var$supportsNativeBeforeInputEvent() || !inputRef.current) return;
288
+ let input = inputRef.current;
289
+ input.addEventListener("beforeinput", onBeforeInputFallback, false);
290
+ return () => {
291
+ input.removeEventListener("beforeinput", onBeforeInputFallback, false);
292
+ };
293
+ }, [
294
+ inputRef,
295
+ onBeforeInputFallback
296
+ ]);
297
+ let onBeforeInput = !$d841c8010a73d545$var$supportsNativeBeforeInputEvent() ? (e) => {
298
+ let nextValue = e.target.value.slice(0, e.target.selectionStart) + e.data + e.target.value.slice(e.target.selectionEnd);
299
+ if (!state.validate(nextValue)) e.preventDefault();
300
+ } : null;
301
+ let { labelProps, inputProps: textFieldProps, descriptionProps, errorMessageProps, ...validation } = $2d73ec29415bd339$export$712718f7aec83d5(props, inputRef);
302
+ let compositionStartState = useRef(null);
303
+ return {
304
+ inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(textFieldProps, {
305
+ onBeforeInput,
306
+ onCompositionStart() {
307
+ let { value, selectionStart, selectionEnd } = inputRef.current;
308
+ compositionStartState.current = {
309
+ value,
310
+ selectionStart,
311
+ selectionEnd
312
+ };
313
+ },
314
+ onCompositionEnd() {
315
+ if (inputRef.current && !state.validate(inputRef.current.value)) {
316
+ let { value, selectionStart, selectionEnd } = compositionStartState.current;
317
+ inputRef.current.value = value;
318
+ inputRef.current.setSelectionRange(selectionStart, selectionEnd);
319
+ state.setInputValue(value);
320
+ }
321
+ }
322
+ }),
323
+ labelProps,
324
+ descriptionProps,
325
+ errorMessageProps,
326
+ ...validation
327
+ };
328
+ }
250
329
  function $de67e98908f0c6ee$export$7f629e9dc1ecf37c(props) {
251
330
  let { minValue, maxValue, step, formatOptions, value, defaultValue = NaN, onChange, locale, isDisabled, isReadOnly } = props;
252
331
  if (value === null) value = NaN;
@@ -406,84 +485,6 @@ function $de67e98908f0c6ee$var$handleDecimalOperation(operator, value1, value2)
406
485
  }
407
486
  return result;
408
487
  }
409
- function $d841c8010a73d545$var$supportsNativeBeforeInputEvent() {
410
- return typeof window !== "undefined" && window.InputEvent && typeof InputEvent.prototype.getTargetRanges === "function";
411
- }
412
- function $d841c8010a73d545$export$4f384c9210e583c3(props, state, inputRef) {
413
- let onBeforeInputFallback = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
414
- let input = inputRef.current;
415
- if (!input) return;
416
- let nextValue = null;
417
- switch (e.inputType) {
418
- case "historyUndo":
419
- case "historyRedo":
420
- return;
421
- case "insertLineBreak":
422
- return;
423
- case "deleteContent":
424
- case "deleteByCut":
425
- case "deleteByDrag":
426
- nextValue = input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
427
- break;
428
- case "deleteContentForward":
429
- nextValue = input.selectionEnd === input.selectionStart ? input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd + 1) : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
430
- break;
431
- case "deleteContentBackward":
432
- nextValue = input.selectionEnd === input.selectionStart ? input.value.slice(0, input.selectionStart - 1) + input.value.slice(input.selectionStart) : input.value.slice(0, input.selectionStart) + input.value.slice(input.selectionEnd);
433
- break;
434
- case "deleteSoftLineBackward":
435
- case "deleteHardLineBackward":
436
- nextValue = input.value.slice(input.selectionStart);
437
- break;
438
- default:
439
- if (e.data != null) nextValue = input.value.slice(0, input.selectionStart) + e.data + input.value.slice(input.selectionEnd);
440
- break;
441
- }
442
- if (nextValue == null || !state.validate(nextValue)) e.preventDefault();
443
- });
444
- useEffect(() => {
445
- if (!$d841c8010a73d545$var$supportsNativeBeforeInputEvent() || !inputRef.current) return;
446
- let input = inputRef.current;
447
- input.addEventListener("beforeinput", onBeforeInputFallback, false);
448
- return () => {
449
- input.removeEventListener("beforeinput", onBeforeInputFallback, false);
450
- };
451
- }, [
452
- inputRef,
453
- onBeforeInputFallback
454
- ]);
455
- let onBeforeInput = !$d841c8010a73d545$var$supportsNativeBeforeInputEvent() ? (e) => {
456
- let nextValue = e.target.value.slice(0, e.target.selectionStart) + e.data + e.target.value.slice(e.target.selectionEnd);
457
- if (!state.validate(nextValue)) e.preventDefault();
458
- } : null;
459
- let { labelProps, inputProps: textFieldProps, descriptionProps, errorMessageProps, ...validation } = $2d73ec29415bd339$export$712718f7aec83d5(props, inputRef);
460
- let compositionStartState = useRef(null);
461
- return {
462
- inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(textFieldProps, {
463
- onBeforeInput,
464
- onCompositionStart() {
465
- let { value, selectionStart, selectionEnd } = inputRef.current;
466
- compositionStartState.current = {
467
- value,
468
- selectionStart,
469
- selectionEnd
470
- };
471
- },
472
- onCompositionEnd() {
473
- if (inputRef.current && !state.validate(inputRef.current.value)) {
474
- let { value, selectionStart, selectionEnd } = compositionStartState.current;
475
- inputRef.current.value = value;
476
- inputRef.current.setSelectionRange(selectionStart, selectionEnd);
477
- state.setInputValue(value);
478
- }
479
- }
480
- }),
481
- labelProps,
482
- descriptionProps,
483
- errorMessageProps,
484
- ...validation
485
- };
486
- }
487
488
  var $ed6aae4e5f766f1e$exports = {};
488
489
  $ed6aae4e5f766f1e$exports = {
489
490
  "Empty": `فارغ`
@@ -1,8 +1,8 @@
1
- import { D as $c87311424ea30a05$export$b7d78993b74f766d, C as $c87311424ea30a05$export$78551043582a6a98, B as $c87311424ea30a05$export$9ac100e40613ea10, E as $c87311424ea30a05$export$7bef049ce92e4224, z as $7215afc6de606d6b$export$de79e2c695e052f3, f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, k as $8a9cb279dc87e130$export$c2b7abe5d61ec696, l as $8a9cb279dc87e130$export$525bc4921d56d4a, j as $d4ee10de306f2510$export$4282f70798064fe0, i as $d4ee10de306f2510$export$e58f029f0fbfdb29, F as $6a7db85432448f7f$export$29bf1b5f2c56cf63, c as $431fbd86ca7dc216$export$b204af158042fbac, G as $8a9cb279dc87e130$export$cabe61c495ee3649, H as $6a7db85432448f7f$export$60278871457622de, w as $431fbd86ca7dc216$export$f21a1ffae260145a, I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./useHover-44IApaa2.js";
2
- import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-D5tWX1rJ.js";
1
+ import { D as $c87311424ea30a05$export$b7d78993b74f766d, C as $c87311424ea30a05$export$78551043582a6a98, B as $c87311424ea30a05$export$9ac100e40613ea10, E as $c87311424ea30a05$export$7bef049ce92e4224, z as $7215afc6de606d6b$export$de79e2c695e052f3, e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, j as $8a9cb279dc87e130$export$c2b7abe5d61ec696, k as $8a9cb279dc87e130$export$525bc4921d56d4a, i as $d4ee10de306f2510$export$4282f70798064fe0, h as $d4ee10de306f2510$export$e58f029f0fbfdb29, F as $6a7db85432448f7f$export$29bf1b5f2c56cf63, c as $431fbd86ca7dc216$export$b204af158042fbac, G as $8a9cb279dc87e130$export$cabe61c495ee3649, H as $6a7db85432448f7f$export$60278871457622de, x as $431fbd86ca7dc216$export$f21a1ffae260145a, I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./useHover-LmGemtHE.js";
2
+ import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-k0u64dDA.js";
3
3
  import React__default, { useContext, createContext, useState, useRef, useMemo, useEffect } from "react";
4
4
  import { e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, b as $3ef42575df84b30b$export$9d1611c77c2fe928, p as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-cvK1vxO7.js";
5
- import { r as reactDomExports } from "./index-CBHA_HDD.js";
5
+ import { r as reactDomExports } from "./index-D8-Zjpbd.js";
6
6
  const $ea8dcbcb9ea1b556$var$RouterContext = /* @__PURE__ */ createContext({
7
7
  isNative: true,
8
8
  open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
@@ -83,6 +83,15 @@ function $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f(e, router, href, routerOption
83
83
  router.open(e.currentTarget, e, href, routerOptions);
84
84
  }
85
85
  }
86
+ function _check_private_redeclaration(obj, privateCollection) {
87
+ if (privateCollection.has(obj)) {
88
+ throw new TypeError("Cannot initialize the same private elements twice on an object");
89
+ }
90
+ }
91
+ function _class_private_field_init(obj, privateMap, value) {
92
+ _check_private_redeclaration(obj, privateMap);
93
+ privateMap.set(obj, value);
94
+ }
86
95
  const $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = React__default.createContext({
87
96
  register: () => {
88
97
  }
@@ -100,15 +109,6 @@ function _class_private_field_get(receiver, privateMap) {
100
109
  var descriptor = _class_extract_field_descriptor(receiver, privateMap, "get");
101
110
  return _class_apply_descriptor_get(receiver, descriptor);
102
111
  }
103
- function _check_private_redeclaration(obj, privateCollection) {
104
- if (privateCollection.has(obj)) {
105
- throw new TypeError("Cannot initialize the same private elements twice on an object");
106
- }
107
- }
108
- function _class_private_field_init(obj, privateMap, value) {
109
- _check_private_redeclaration(obj, privateMap);
110
- privateMap.set(obj, value);
111
- }
112
112
  function _class_apply_descriptor_set(receiver, descriptor, value) {
113
113
  if (descriptor.set) descriptor.set.call(receiver, value);
114
114
  else {
@@ -1,5 +1,5 @@
1
- import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-BSkHuB7-.js";
2
- import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-44IApaa2.js";
1
+ import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-Xsk-aOvN.js";
2
+ import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-LmGemtHE.js";
3
3
  import { useMemo } from "react";
4
4
  function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
5
5
  var _props_defaultSelectedKey;
@@ -1,8 +1,8 @@
1
1
  import { b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-cvK1vxO7.js";
2
2
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
3
3
  import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-yV9VVy9R.js";
4
- import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-BnrkvZ7e.js";
5
- import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-44IApaa2.js";
4
+ import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CBQIDzpQ.js";
5
+ import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-LmGemtHE.js";
6
6
  function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
7
7
  let { isDisabled = false, isReadOnly = false, value, name, form, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid, onPressStart, onPressEnd, onPressChange, onPress, onPressUp, onClick } = props;
8
8
  let onChange = (e) => {
@@ -1,4 +1,4 @@
1
- import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-44IApaa2.js";
1
+ import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-LmGemtHE.js";
2
2
  import { useState } from "react";
3
3
  function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
4
4
  let { isReadOnly } = props;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eightshift/ui-components",
3
- "version": "5.2.1",
3
+ "version": "5.3.1",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -35,7 +35,7 @@
35
35
  "dev": "vite",
36
36
  "start": "vite",
37
37
  "build": "vite build",
38
- "lint": "npx eslint",
38
+ "lint": "bun x eslint",
39
39
  "preview": "vite preview"
40
40
  },
41
41
  "peerDependencies": {
@@ -43,33 +43,33 @@
43
43
  "react-dom": "^18.3.1"
44
44
  },
45
45
  "devDependencies": {
46
- "@adobe/react-spectrum": "^3.43.0",
47
- "@dnd-kit/abstract": "^0.1.20",
46
+ "@adobe/react-spectrum": "^3.44.2",
47
+ "@dnd-kit/abstract": "^0.1.21",
48
48
  "@dnd-kit/core": "^6.3.1",
49
- "@dnd-kit/dom": "^0.1.20",
50
- "@dnd-kit/helpers": "^0.1.20",
49
+ "@dnd-kit/dom": "^0.1.21",
50
+ "@dnd-kit/helpers": "^0.1.21",
51
51
  "@dnd-kit/modifiers": "^9.0.0",
52
- "@dnd-kit/react": "^0.1.20",
52
+ "@dnd-kit/react": "^0.1.21",
53
53
  "@dnd-kit/sortable": "^10.0.0",
54
54
  "@dnd-kit/utilities": "^3.2.2",
55
- "@eslint/compat": "^1.3.1",
56
- "@react-stately/collections": "^3.12.6",
55
+ "@eslint/compat": "^1.3.2",
56
+ "@react-stately/collections": "^3.12.7",
57
57
  "@stylistic/eslint-plugin-js": "^4.4.1",
58
- "@tailwindcss/vite": "^4.1.11",
59
- "@types/react": "^18.3.23",
58
+ "@tailwindcss/vite": "^4.1.13",
59
+ "@types/react": "^18.3.24",
60
60
  "@types/react-dom": "^18.3.7",
61
- "@vitejs/plugin-react-swc": "^3.11.0",
62
- "@wordpress/i18n": "^6.0.0",
61
+ "@vitejs/plugin-react-swc": "^4.1.0",
62
+ "@wordpress/i18n": "^6.4.0",
63
63
  "autoprefixer": "^10.4.21",
64
64
  "class-variance-authority": "^0.7.1",
65
65
  "clsx": "^2.1.1",
66
- "css-gradient-parser": "^0.0.16",
67
- "eslint": "^9.31.0",
66
+ "css-gradient-parser": "^0.0.18",
67
+ "eslint": "^9.35.0",
68
68
  "eslint-config-prettier": "^10.1.8",
69
- "eslint-plugin-jsdoc": "^51.4.1",
70
- "eslint-plugin-prettier": "^5.5.3",
69
+ "eslint-plugin-jsdoc": "^59.0.0",
70
+ "eslint-plugin-prettier": "^5.5.4",
71
71
  "glob": "^11.0.3",
72
- "globals": "^16.3.0",
72
+ "globals": "^16.4.0",
73
73
  "just-camel-case": "^6.2.0",
74
74
  "just-debounce-it": "^3.2.0",
75
75
  "just-has": "^2.3.0",
@@ -81,22 +81,22 @@
81
81
  "prettier": "^3.6.2",
82
82
  "prettier-plugin-tailwindcss": "^0.6.14",
83
83
  "react": "^18.3.1",
84
- "react-aria": "^3.42.0",
85
- "react-aria-components": "^1.11.0",
84
+ "react-aria": "^3.43.2",
85
+ "react-aria-components": "^1.12.2",
86
86
  "react-dom": "^18.3.1",
87
87
  "react-jsx-parser": "^2.4.0",
88
88
  "react-movable": "^3.4.1",
89
89
  "react-select": "^5.10.2",
90
- "react-stately": "^3.40.0",
90
+ "react-stately": "^3.41.0",
91
91
  "svg-to-jsx-string": "^0.1.1",
92
- "tailwindcss": "^4.1.11",
92
+ "tailwindcss": "^4.1.13",
93
93
  "tailwindcss-motion": "^1.1.1",
94
- "tailwindcss-react-aria-components": "^2.0.0",
95
- "vite": "^7.0.5",
94
+ "tailwindcss-react-aria-components": "^2.0.1",
95
+ "vite": "^7.1.6",
96
96
  "vite-plugin-lib-inject-css": "^2.2.2"
97
97
  },
98
98
  "dependencies": {
99
- "@fontsource-variable/geist": "^5.2.6",
100
- "@fontsource-variable/geist-mono": "^5.2.6"
99
+ "@fontsource-variable/geist": "^5.2.8",
100
+ "@fontsource-variable/geist-mono": "^5.2.7"
101
101
  }
102
102
  }
@@ -1,143 +0,0 @@
1
- import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "./utils-cvK1vxO7.js";
2
- import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-B8BgFmIQ.js";
3
- import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-BeMxJA29.js";
4
- import { b as $3985021b0ad6602f$export$37fb8590cf2c088c, d as $2d73ec29415bd339$export$712718f7aec83d5, a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Group-C4cXobNT.js";
5
- import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-DWVaNd2E.js";
6
- import React__default, { forwardRef, createContext, useRef, useState, useCallback } from "react";
7
- import { e as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-44IApaa2.js";
8
- import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-D5BfOWag.js";
9
- import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-AxKZjtFm.js";
10
- import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
11
- import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
12
- const $216918bed6669f72$export$2dc6166a7e65358c = /* @__PURE__ */ createContext({});
13
- let $216918bed6669f72$var$filterHoverProps = (props) => {
14
- let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
15
- return otherProps;
16
- };
17
- const $216918bed6669f72$export$f5c9f3c2c4054eec = /* @__PURE__ */ forwardRef(function TextArea(props, ref) {
18
- [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $216918bed6669f72$export$2dc6166a7e65358c);
19
- let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
20
- let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({
21
- isTextInput: true,
22
- autoFocus: props.autoFocus
23
- });
24
- let isInvalid = !!props["aria-invalid"] && props["aria-invalid"] !== "false";
25
- let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
26
- ...props,
27
- values: {
28
- isHovered,
29
- isFocused,
30
- isFocusVisible,
31
- isDisabled: props.disabled || false,
32
- isInvalid
33
- },
34
- defaultClassName: "react-aria-TextArea"
35
- });
36
- return /* @__PURE__ */ React__default.createElement("textarea", {
37
- ...$3ef42575df84b30b$export$9d1611c77c2fe928($216918bed6669f72$var$filterHoverProps(props), focusProps, hoverProps),
38
- ...renderProps,
39
- ref,
40
- "data-focused": isFocused || void 0,
41
- "data-disabled": props.disabled || void 0,
42
- "data-hovered": isHovered || void 0,
43
- "data-focus-visible": isFocusVisible || void 0,
44
- "data-invalid": isInvalid || void 0
45
- });
46
- });
47
- const $bcdf0525bf22703d$export$2129e27b3ef0d483 = /* @__PURE__ */ createContext(null);
48
- const $bcdf0525bf22703d$export$2c73285ae9390cec = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function TextField(props, ref) {
49
- [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $bcdf0525bf22703d$export$2129e27b3ef0d483);
50
- let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
51
- var _props_validationBehavior, _ref;
52
- let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
53
- let inputRef = useRef(null);
54
- let [inputContextProps, mergedInputRef] = $64fa3d84918910a7$export$29f1550f4b0d4415({}, inputRef, $3985021b0ad6602f$export$37fb8590cf2c088c);
55
- let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
56
- let [inputElementType, setInputElementType] = useState("input");
57
- let { labelProps, inputProps, descriptionProps, errorMessageProps, ...validation } = $2d73ec29415bd339$export$712718f7aec83d5({
58
- ...$64fa3d84918910a7$export$ef03459518577ad4(props),
59
- inputElementType,
60
- label,
61
- validationBehavior
62
- }, mergedInputRef);
63
- let inputOrTextAreaRef = useCallback((el) => {
64
- mergedInputRef.current = el;
65
- if (el) setInputElementType(el instanceof HTMLTextAreaElement ? "textarea" : "input");
66
- }, [
67
- mergedInputRef
68
- ]);
69
- let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
70
- ...props,
71
- values: {
72
- isDisabled: props.isDisabled || false,
73
- isInvalid: validation.isInvalid,
74
- isReadOnly: props.isReadOnly || false,
75
- isRequired: props.isRequired || false
76
- },
77
- defaultClassName: "react-aria-TextField"
78
- });
79
- let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
80
- global: true
81
- });
82
- delete DOMProps.id;
83
- return /* @__PURE__ */ React__default.createElement("div", {
84
- ...DOMProps,
85
- ...renderProps,
86
- ref,
87
- slot: props.slot || void 0,
88
- "data-disabled": props.isDisabled || void 0,
89
- "data-invalid": validation.isInvalid || void 0,
90
- "data-readonly": props.isReadOnly || void 0,
91
- "data-required": props.isRequired || void 0
92
- }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
93
- values: [
94
- [
95
- $01b77f81d0f07f68$export$75b6ee27786ba447,
96
- {
97
- ...labelProps,
98
- ref: labelRef
99
- }
100
- ],
101
- [
102
- $3985021b0ad6602f$export$37fb8590cf2c088c,
103
- {
104
- ...$3ef42575df84b30b$export$9d1611c77c2fe928(inputProps, inputContextProps),
105
- ref: inputOrTextAreaRef
106
- }
107
- ],
108
- [
109
- $216918bed6669f72$export$2dc6166a7e65358c,
110
- {
111
- ...inputProps,
112
- ref: inputOrTextAreaRef
113
- }
114
- ],
115
- [
116
- $a049562f99e7db0e$export$f9c6924e160136d1,
117
- {
118
- role: "presentation",
119
- isInvalid: validation.isInvalid,
120
- isDisabled: props.isDisabled || false
121
- }
122
- ],
123
- [
124
- $514c0188e459b4c0$export$9afb8bc826b033ea,
125
- {
126
- slots: {
127
- description: descriptionProps,
128
- errorMessage: errorMessageProps
129
- }
130
- }
131
- ],
132
- [
133
- $ee014567cb39d3f0$export$ff05c3ac10437e03,
134
- validation
135
- ]
136
- ]
137
- }, renderProps.children));
138
- });
139
- export {
140
- $bcdf0525bf22703d$export$2c73285ae9390cec as $,
141
- $216918bed6669f72$export$f5c9f3c2c4054eec as a,
142
- $bcdf0525bf22703d$export$2129e27b3ef0d483 as b
143
- };