@eightshift/ui-components 2.0.2 → 3.0.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 (111) hide show
  1. package/dist/{Button-OQ5EIPvt.js → Button-BPLceDeW.js} +5 -5
  2. package/dist/{Collection-CJM_asJz.js → Collection-CZxddMZS.js} +241 -135
  3. package/dist/{Color-B0HgM8f4.js → Color-MV5kBVXr.js} +1 -1
  4. package/dist/{ColorSwatch-Dv3Wxdl_.js → ColorSwatch-BqQfVu4L.js} +5 -5
  5. package/dist/{ComboBox-BnlZjJ3T.js → ComboBox-_RfyhwZw.js} +42 -21
  6. package/dist/{Dialog-CIh-hX93.js → Dialog-8tYeQ9n4.js} +202 -91
  7. package/dist/{FieldError-D7A6s7O5.js → FieldError-52GVSGgC.js} +2 -2
  8. package/dist/{FocusScope-Cs5_OoeA.js → FocusScope-Cri5BFRz.js} +206 -43
  9. package/dist/{Group-D6tr3U_n.js → Group-_emcIVxI.js} +3 -3
  10. package/dist/{Heading-DiYTXoIW.js → Heading-B2153VXe.js} +1 -1
  11. package/dist/{Hidden-DnOd_jPX.js → Hidden-rE6uR-lr.js} +2 -6
  12. package/dist/{Input-Se0m3ubj.js → Input-BxpFEIXV.js} +10 -10
  13. package/dist/{Label-Ca9uelsn.js → Label-icmbmNdI.js} +2 -2
  14. package/dist/{List-Br274SP1.js → List-CZMUbkFU.js} +3 -1
  15. package/dist/{ListBox-D9dFEh5A.js → ListBox-Ca6hiCqz.js} +29 -28
  16. package/dist/{OverlayArrow-1jx-ZyCR.js → OverlayArrow-CYXQSlEU.js} +7 -7
  17. package/dist/{Select-aab027f3.esm-HFNIFFya.js → Select-aab027f3.esm-PDJCDE95.js} +2 -2
  18. package/dist/{Separator-BhZycTUp.js → Separator-4IIDRlV_.js} +4 -4
  19. package/dist/{Slider-BZNaJylD.js → Slider-rz2XRMGm.js} +15 -16
  20. package/dist/{Text-aOUPPvTO.js → Text-DVSAPY-K.js} +1 -1
  21. package/dist/{VisuallyHidden-ClTQo25k.js → VisuallyHidden-f9zX67a_.js} +2 -2
  22. package/dist/assets/style-admin.css +1289 -1338
  23. package/dist/assets/style-editor.css +433 -482
  24. package/dist/assets/style.css +433 -482
  25. package/dist/assets/wp-font-enhancements.css +3 -3
  26. package/dist/assets/wp-ui-enhancements.css +45 -45
  27. package/dist/components/base-control/base-control.js +1 -1
  28. package/dist/components/button/button.js +6 -6
  29. package/dist/components/checkbox/checkbox.js +13 -10
  30. package/dist/components/color-pickers/color-picker.js +1 -1
  31. package/dist/components/color-pickers/color-swatch.js +3 -3
  32. package/dist/components/color-pickers/gradient-editor.js +4 -4
  33. package/dist/components/color-pickers/solid-color-picker.js +22 -24
  34. package/dist/components/component-toggle/component-toggle.js +1 -1
  35. package/dist/components/container-panel/container-panel.js +9 -3
  36. package/dist/components/draggable/draggable-handle.js +2 -2
  37. package/dist/components/draggable/draggable.js +1167 -871
  38. package/dist/components/draggable-list/draggable-list-item.js +2 -2
  39. package/dist/components/draggable-list/draggable-list.js +2 -2
  40. package/dist/components/expandable/expandable.js +9 -9
  41. package/dist/components/input-field/input-field.js +10 -9
  42. package/dist/components/item-collection/item-collection.js +1 -1
  43. package/dist/components/link-input/link-input.js +9 -10
  44. package/dist/components/matrix-align/matrix-align.js +2 -2
  45. package/dist/components/menu/menu.js +3 -3
  46. package/dist/components/modal/modal.js +7 -7
  47. package/dist/components/number-picker/number-picker.js +15 -13
  48. package/dist/components/option-select/option-select.js +1 -1
  49. package/dist/components/options-panel/options-panel.js +1 -1
  50. package/dist/components/placeholders/file-placeholder.js +1 -1
  51. package/dist/components/placeholders/image-placeholder.js +1 -1
  52. package/dist/components/popover/popover.js +2 -2
  53. package/dist/components/radio/radio.js +20 -17
  54. package/dist/components/repeater/repeater-item.js +10 -3
  55. package/dist/components/repeater/repeater.js +34 -5
  56. package/dist/components/responsive/mini-responsive.js +8 -5
  57. package/dist/components/responsive/responsive-legacy.js +2 -2
  58. package/dist/components/responsive/responsive.js +10 -7
  59. package/dist/components/responsive-preview/responsive-preview.js +1 -1
  60. package/dist/components/rich-label/rich-label.js +4 -3
  61. package/dist/components/select/async-multi-select.js +4 -4
  62. package/dist/components/select/async-single-select.js +3 -3
  63. package/dist/components/select/custom-select-default-components.js +1 -1
  64. package/dist/components/select/multi-select-components.js +3 -3
  65. package/dist/components/select/multi-select.js +4 -4
  66. package/dist/components/select/react-select-component-wrappers.js +1 -1
  67. package/dist/components/select/single-select.js +3 -3
  68. package/dist/components/select/v2/async-select.js +10 -10
  69. package/dist/components/select/v2/shared.js +2 -2
  70. package/dist/components/select/v2/single-select.js +24 -23
  71. package/dist/components/slider/column-config-slider.js +3 -3
  72. package/dist/components/slider/slider.js +3 -3
  73. package/dist/components/slider/utils.js +1 -1
  74. package/dist/components/tabs/tabs.js +46 -26
  75. package/dist/components/toggle/switch.js +7 -7
  76. package/dist/components/toggle/toggle.js +1 -1
  77. package/dist/components/toggle-button/toggle-button.js +6 -6
  78. package/dist/components/tooltip/tooltip.js +18 -24
  79. package/dist/{context-CDOs-GuR.js → context-D2KUdwNL.js} +1 -1
  80. package/dist/{default-i18n-CM1-Xvzf.js → default-i18n-CT_oS1Fy.js} +22 -3
  81. package/dist/icons/icons.js +229 -1629
  82. package/dist/icons/index.js +2 -3
  83. package/dist/icons/jsx-svg.js +1 -1
  84. package/dist/{index-641ee5b8.esm-DbdaYaxR.js → index-641ee5b8.esm-DIuJijyT.js} +31 -31
  85. package/dist/{index-CcCn9HWX.js → index-BKGQ6jGS.js} +1 -1
  86. package/dist/{index-BRp93Yfa.js → index-CFozsmNS.js} +4 -1
  87. package/dist/{multi-select-components-DJfz929p.js → multi-select-components-Sp-JEFEX.js} +4 -4
  88. package/dist/{react-jsx-parser.min-CVit0rZn.js → react-jsx-parser.min-DZCiis5V.js} +48 -20
  89. package/dist/{react-select-async.esm-DcVLw9X5.js → react-select-async.esm-Bql4G5iV.js} +3 -3
  90. package/dist/{react-select.esm-OZ0cmTjg.js → react-select.esm-B_TudhTU.js} +3 -3
  91. package/dist/{textSelection-BlTDSskG.js → textSelection-0UUS8Yfg.js} +8 -47
  92. package/dist/{useButton-CmLbE5vg.js → useButton-Cg474OYB.js} +5 -5
  93. package/dist/{useEvent-cLDJlznQ.js → useEvent-B0b-6KBr.js} +1 -1
  94. package/dist/useFocusRing-CV5l3lf6.js +107 -0
  95. package/dist/{useFormReset-NpLM2e3G.js → useFormReset-C5OggHsw.js} +1 -1
  96. package/dist/{useFormValidation-BWwmZQE2.js → useFormValidation-DhDNSjws.js} +3 -3
  97. package/dist/{focusSafely-CiqTTjWy.js → useHover-DwDr6ozG.js} +305 -98
  98. package/dist/{useLabel-C85N3Hzw.js → useLabel-D7HkNEHT.js} +2 -2
  99. package/dist/{useLabels-C_2wWraB.js → useLabels-D8cxd1Z8.js} +1 -1
  100. package/dist/{useListState-Z7FB_NzO.js → useListState-DVr6aYd_.js} +28 -13
  101. package/dist/{useLocalizedStringFormatter-BQ4TF72x.js → useLocalizedStringFormatter-CFP1YZWQ.js} +1 -1
  102. package/dist/{useNumberField-Bm6_BVl9.js → useNumberField-TwM0Z9D1.js} +10 -10
  103. package/dist/{useNumberFormatter-DlUVKkO7.js → useNumberFormatter-321rAb4J.js} +1 -1
  104. package/dist/{usePress-rg_OQIGW.js → usePress-Cucx-xSA.js} +69 -63
  105. package/dist/{useSingleSelectListState-Cu3xtEJS.js → useSingleSelectListState-CMGsRHHh.js} +2 -2
  106. package/dist/{useToggle-DzlgBLAJ.js → useToggle-C0I3vs0g.js} +9 -7
  107. package/dist/{useToggleState-DhSBQxkp.js → useToggleState-CmQX3SoX.js} +1 -1
  108. package/dist/{utils-39D0mStj.js → utils-DkCSC521.js} +38 -35
  109. package/package.json +32 -32
  110. package/dist/useFocusRing-CGp3guTX.js +0 -41
  111. package/dist/useFocusable-087cO5Ct.js +0 -81
@@ -1,7 +1,7 @@
1
- import { l as $cc38e7bd3fc7b213$export$2bb74740c4e19def, i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, m as $c5a24bc478652b5f$export$1005530eda016c13, h as $e1995378a142960e$export$18af5c7a9e9b3664 } from "./Collection-CJM_asJz.js";
2
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-CDOs-GuR.js";
1
+ import { i as $feb5ffebff200149$export$c3d8340acf92597f, j as $cc38e7bd3fc7b213$export$2bb74740c4e19def, k as $ae20dd8cbca75726$export$d6daf82dcd84e87c, l as $c5a24bc478652b5f$export$1005530eda016c13, d as $e1995378a142960e$export$18af5c7a9e9b3664 } from "./Collection-CZxddMZS.js";
2
+ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-D2KUdwNL.js";
3
3
  import React__default, { useMemo, createContext } from "react";
4
- import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-39D0mStj.js";
4
+ import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-DkCSC521.js";
5
5
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
6
6
  let $325a3faab7a68acd$var$cache = /* @__PURE__ */ new Map();
7
7
  function $325a3faab7a68acd$export$a16aca283550c30d(options) {
@@ -16,7 +16,7 @@ class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
16
16
  getItemRect(key) {
17
17
  let container = this.ref.current;
18
18
  if (!container) return null;
19
- let item = key != null ? container.querySelector(`[data-key="${CSS.escape(key.toString())}"]`) : null;
19
+ let item = key != null ? $feb5ffebff200149$export$c3d8340acf92597f(this.ref, key) : null;
20
20
  if (!item) return null;
21
21
  let containerRect = container.getBoundingClientRect();
22
22
  let itemRect = item.getBoundingClientRect();
@@ -1,17 +1,16 @@
1
- import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "./utils-39D0mStj.js";
2
- import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-Ca9uelsn.js";
1
+ import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "./utils-DkCSC521.js";
2
+ import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-icmbmNdI.js";
3
3
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
4
- import React__default, { useRef, useMemo, useCallback, useState, useEffect, createContext, forwardRef, useContext } from "react";
5
- import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-DlUVKkO7.js";
6
- import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, l as $507fabe10e71c6fb$export$8397ddfc504fdb9a, p as $7215afc6de606d6b$export$de79e2c695e052f3, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-CiqTTjWy.js";
4
+ import React__default, { useRef, useMemo, useCallback, useState, useEffect, forwardRef, createContext, useContext } from "react";
5
+ import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-321rAb4J.js";
6
+ import { g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, b as $458b0a5536c1a7cf$export$40bfa8c7b0832715, p as $507fabe10e71c6fb$export$8397ddfc504fdb9a, y as $7215afc6de606d6b$export$de79e2c695e052f3, z as $46d819fcbaf35654$export$8f71654801c2f7cd, a as $f645667febf57a63$export$4c014de7c8940b4c, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-DwDr6ozG.js";
7
7
  import { $ as $9446cca9a3875146$export$cb6e0bb50bc19463, a as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-GajL10e1.js";
8
- import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-BlTDSskG.js";
9
- import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-C85N3Hzw.js";
10
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-CDOs-GuR.js";
11
- import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-NpLM2e3G.js";
12
- import { b as $46d819fcbaf35654$export$8f71654801c2f7cd, $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-087cO5Ct.js";
13
- import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CGp3guTX.js";
14
- import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-ClTQo25k.js";
8
+ import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-0UUS8Yfg.js";
9
+ import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-D7HkNEHT.js";
10
+ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-D2KUdwNL.js";
11
+ import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-C5OggHsw.js";
12
+ import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CV5l3lf6.js";
13
+ import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-f9zX67a_.js";
15
14
  function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
16
15
  let { onMoveStart, onMove, onMoveEnd } = props;
17
16
  let state = useRef({
@@ -299,7 +298,7 @@ function $28f99e3e86e6ec45$export$e5fda3247f5d67f9(props) {
299
298
  const wasDragging = isDraggingsRef.current[index];
300
299
  isDraggingsRef.current = $28f99e3e86e6ec45$var$replaceIndex(isDraggingsRef.current, index, dragging);
301
300
  setDraggings(isDraggingsRef.current);
302
- if (wasDragging && !isDraggingsRef.current.some(Boolean)) onChangeEnd(valuesRef.current);
301
+ if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) onChangeEnd(valuesRef.current);
303
302
  }
304
303
  function getFormattedValue(value2) {
305
304
  return formatter.format(value2);
@@ -580,7 +579,7 @@ function $47b897dc8cdb026b$export$8d15029008292ae(opts, state) {
580
579
  }
581
580
  });
582
581
  state.setThumbEditable(index, !isDisabled);
583
- const { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c($3ef42575df84b30b$export$9d1611c77c2fe928(opts, {
582
+ const { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c($3ef42575df84b30b$export$9d1611c77c2fe928(opts, {
584
583
  onFocus: () => state.setFocusedThumb(index),
585
584
  onBlur: () => state.setFocusedThumb(void 0)
586
585
  }), inputRef);
@@ -677,7 +676,7 @@ const $6f909507e6374d18$export$472062a354075cee = /* @__PURE__ */ forwardRef(fun
677
676
  ...props,
678
677
  numberFormatter
679
678
  });
680
- let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
679
+ let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
681
680
  let { groupProps, trackProps, labelProps, outputProps } = $bcca50147b47f54d$export$56b2c08e277f365({
682
681
  ...props,
683
682
  label
@@ -787,7 +786,7 @@ const $6f909507e6374d18$export$2c1b491743890dec = /* @__PURE__ */ forwardRef(fun
787
786
  let { index = 0 } = props;
788
787
  let defaultInputRef = useRef(null);
789
788
  let inputRef = userInputRef || defaultInputRef;
790
- let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
789
+ let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
791
790
  let { thumbProps, inputProps, labelProps, isDragging, isFocused, isDisabled } = $47b897dc8cdb026b$export$8d15029008292ae({
792
791
  ...props,
793
792
  index,
@@ -1,4 +1,4 @@
1
- import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-39D0mStj.js";
1
+ import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-DkCSC521.js";
2
2
  import React__default, { forwardRef, createContext } from "react";
3
3
  const $514c0188e459b4c0$export$9afb8bc826b033ea = /* @__PURE__ */ createContext({});
4
4
  const $514c0188e459b4c0$export$5f1af8db9871e1d6 = /* @__PURE__ */ forwardRef(function Text(props, ref) {
@@ -1,6 +1,6 @@
1
- import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-39D0mStj.js";
1
+ import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DkCSC521.js";
2
2
  import React__default, { useState, useMemo } from "react";
3
- import { d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-CiqTTjWy.js";
3
+ import { a as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-CV5l3lf6.js";
4
4
  const $5c3e21d68f1c4674$var$styles = {
5
5
  border: 0,
6
6
  clip: "rect(0 0 0 0)",