@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,25 +1,41 @@
1
- import React__default, { useCallback, useMemo, useRef, useEffect, useState, useReducer, createContext, forwardRef } from "react";
2
- import { b as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-OQ5EIPvt.js";
3
- import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "./utils-39D0mStj.js";
4
- import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-D7A6s7O5.js";
1
+ import React__default, { useRef, useEffect, useCallback, useMemo, useState, useReducer, forwardRef, createContext } from "react";
2
+ import { b as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-BPLceDeW.js";
3
+ import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "./utils-DkCSC521.js";
4
+ import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-52GVSGgC.js";
5
5
  import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
6
- import { a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Group-D6tr3U_n.js";
7
- import { b as $2d73ec29415bd339$export$712718f7aec83d5, a as $3985021b0ad6602f$export$37fb8590cf2c088c } from "./Input-Se0m3ubj.js";
8
- import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-Ca9uelsn.js";
9
- import { d as $b1f0cad8af73213b$export$3585ede4d035bf14, e as $b1f0cad8af73213b$export$9145995848b05025, b as $eed445e0843c11d0$export$7ff8f37d2d81a48d, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2 } from "./ListBox-D9dFEh5A.js";
10
- import { o as $168583247155ddda$export$dc9c12ed27dd1b49, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4 } from "./Dialog-CIh-hX93.js";
11
- import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-aOUPPvTO.js";
12
- import { i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, m as $c5a24bc478652b5f$export$1005530eda016c13, d as $e1995378a142960e$export$bf788dd355e3a401 } from "./Collection-CJM_asJz.js";
6
+ import { a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Group-_emcIVxI.js";
7
+ import { b as $2d73ec29415bd339$export$712718f7aec83d5, a as $3985021b0ad6602f$export$37fb8590cf2c088c } from "./Input-BxpFEIXV.js";
8
+ import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-icmbmNdI.js";
9
+ import { d as $b1f0cad8af73213b$export$3585ede4d035bf14, e as $b1f0cad8af73213b$export$9145995848b05025, b as $eed445e0843c11d0$export$7ff8f37d2d81a48d, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2 } from "./ListBox-Ca6hiCqz.js";
10
+ import { o as $168583247155ddda$export$dc9c12ed27dd1b49, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4 } from "./Dialog-8tYeQ9n4.js";
11
+ import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-DVSAPY-K.js";
12
+ import { k as $ae20dd8cbca75726$export$d6daf82dcd84e87c, l as $c5a24bc478652b5f$export$1005530eda016c13, p as $55f9b1ae81f22853$export$2b35b76d2e30e129, e as $e1995378a142960e$export$bf788dd355e3a401 } from "./Collection-CZxddMZS.js";
13
13
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
14
- import { a as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-1jx-ZyCR.js";
15
- import { e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, c as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "./Separator-BhZycTUp.js";
16
- import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-BWwmZQE2.js";
17
- import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "./useSingleSelectListState-Cu3xtEJS.js";
18
- import { a as $a02d57049d202695$export$d085fb9e920b5ca7 } from "./useListState-Z7FB_NzO.js";
19
- import { w as $c87311424ea30a05$export$e1865c3bedcd822b, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-CiqTTjWy.js";
20
- import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "./usePress-rg_OQIGW.js";
21
- import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-C_2wWraB.js";
22
- import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-BQ4TF72x.js";
14
+ import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-CYXQSlEU.js";
15
+ import { e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, c as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "./Separator-4IIDRlV_.js";
16
+ import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-DhDNSjws.js";
17
+ import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "./useSingleSelectListState-CMGsRHHh.js";
18
+ import { b as $a02d57049d202695$export$d085fb9e920b5ca7 } from "./useListState-DVr6aYd_.js";
19
+ import { J as $c87311424ea30a05$export$e1865c3bedcd822b, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, d as $431fbd86ca7dc216$export$b204af158042fbac, b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-DwDr6ozG.js";
20
+ import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "./usePress-Cucx-xSA.js";
21
+ import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-D8cxd1Z8.js";
22
+ import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CFP1YZWQ.js";
23
+ function $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {
24
+ const isInitialMount = useRef(true);
25
+ const lastDeps = useRef(null);
26
+ useEffect(() => {
27
+ isInitialMount.current = true;
28
+ return () => {
29
+ isInitialMount.current = false;
30
+ };
31
+ }, []);
32
+ useEffect(() => {
33
+ let prevDeps = lastDeps.current;
34
+ if (isInitialMount.current) isInitialMount.current = false;
35
+ else if (!prevDeps || dependencies.some((dep, i) => !Object.is(dep, prevDeps[i]))) effect();
36
+ lastDeps.current = dependencies;
37
+ }, dependencies);
38
+ }
23
39
  function $bb77f239b46e8c72$export$3274cf84b703fff(options) {
24
40
  let collator = $325a3faab7a68acd$export$a16aca283550c30d({
25
41
  usage: "search",
@@ -985,6 +1001,11 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
985
1001
  inputRef,
986
1002
  popoverRef
987
1003
  ]);
1004
+ $4f58c5f72bcf79f7$export$496315a1608d9602(() => {
1005
+ if (!focusedItem && inputRef.current && $d4ee10de306f2510$export$cd4e5573fbe2b576($431fbd86ca7dc216$export$b204af158042fbac(inputRef.current)) === inputRef.current) $55f9b1ae81f22853$export$2b35b76d2e30e129(inputRef.current, null);
1006
+ }, [
1007
+ focusedItem
1008
+ ]);
988
1009
  return {
989
1010
  labelProps,
990
1011
  buttonProps: {
@@ -1735,7 +1756,7 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props, collection, comboBoxRef: r
1735
1756
  let inputRef = useRef(null);
1736
1757
  let listBoxRef = useRef(null);
1737
1758
  let popoverRef = useRef(null);
1738
- let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
1759
+ let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
1739
1760
  let { buttonProps, inputProps, listBoxProps, labelProps, descriptionProps, errorMessageProps, ...validation } = $c350ade66beef0af$export$8c18d1b4f7232bbf({
1740
1761
  ...$64fa3d84918910a7$export$ef03459518577ad4(props),
1741
1762
  label,