@eightshift/ui-components 2.0.2 → 3.0.0

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 (88) hide show
  1. package/dist/{Button-OQ5EIPvt.js → Button-D7c-vzAt.js} +5 -5
  2. package/dist/{Collection-CJM_asJz.js → Collection-CDEKDgvV.js} +234 -128
  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-BL1hyP4p.js} +42 -21
  6. package/dist/{Dialog-CIh-hX93.js → Dialog-s3fX5lSh.js} +199 -88
  7. package/dist/{FieldError-D7A6s7O5.js → FieldError-52GVSGgC.js} +2 -2
  8. package/dist/{FocusScope-Cs5_OoeA.js → FocusScope-DbqfVa2Z.js} +206 -43
  9. package/dist/{Group-D6tr3U_n.js → Group-DMRt6g_N.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-CTTTeCpo.js} +10 -10
  13. package/dist/{Label-Ca9uelsn.js → Label-icmbmNdI.js} +2 -2
  14. package/dist/{List-Br274SP1.js → List-UdOhiW-i.js} +2 -0
  15. package/dist/{ListBox-D9dFEh5A.js → ListBox-CfdzmefC.js} +28 -27
  16. package/dist/{OverlayArrow-1jx-ZyCR.js → OverlayArrow-CMh-7gEM.js} +3 -3
  17. package/dist/{Separator-BhZycTUp.js → Separator-BxbOoGIK.js} +4 -4
  18. package/dist/{Slider-BZNaJylD.js → Slider-BZO0Tvut.js} +13 -14
  19. package/dist/{Text-aOUPPvTO.js → Text-DVSAPY-K.js} +1 -1
  20. package/dist/{VisuallyHidden-ClTQo25k.js → VisuallyHidden-ooItkWYR.js} +2 -2
  21. package/dist/assets/style-admin.css +1290 -1335
  22. package/dist/assets/style-editor.css +433 -478
  23. package/dist/assets/style.css +433 -478
  24. package/dist/assets/wp-font-enhancements.css +3 -3
  25. package/dist/assets/wp-ui-enhancements.css +45 -45
  26. package/dist/components/base-control/base-control.js +1 -1
  27. package/dist/components/button/button.js +5 -5
  28. package/dist/components/checkbox/checkbox.js +8 -8
  29. package/dist/components/color-pickers/color-swatch.js +2 -2
  30. package/dist/components/color-pickers/gradient-editor.js +2 -2
  31. package/dist/components/color-pickers/solid-color-picker.js +20 -22
  32. package/dist/components/container-panel/container-panel.js +9 -3
  33. package/dist/components/draggable/draggable-handle.js +1 -1
  34. package/dist/components/draggable/draggable.js +1162 -865
  35. package/dist/components/draggable-list/draggable-list-item.js +1 -1
  36. package/dist/components/draggable-list/draggable-list.js +1 -1
  37. package/dist/components/expandable/expandable.js +7 -7
  38. package/dist/components/input-field/input-field.js +10 -9
  39. package/dist/components/link-input/link-input.js +8 -9
  40. package/dist/components/menu/menu.js +2 -2
  41. package/dist/components/modal/modal.js +5 -5
  42. package/dist/components/number-picker/number-picker.js +13 -11
  43. package/dist/components/options-panel/options-panel.js +1 -1
  44. package/dist/components/placeholders/image-placeholder.js +1 -1
  45. package/dist/components/popover/popover.js +1 -1
  46. package/dist/components/radio/radio.js +16 -15
  47. package/dist/components/repeater/repeater-item.js +9 -2
  48. package/dist/components/repeater/repeater.js +32 -3
  49. package/dist/components/responsive/mini-responsive.js +7 -4
  50. package/dist/components/responsive/responsive.js +7 -4
  51. package/dist/components/rich-label/rich-label.js +4 -3
  52. package/dist/components/select/v2/async-select.js +9 -9
  53. package/dist/components/select/v2/shared.js +2 -2
  54. package/dist/components/select/v2/single-select.js +22 -21
  55. package/dist/components/slider/column-config-slider.js +2 -2
  56. package/dist/components/slider/slider.js +3 -3
  57. package/dist/components/tabs/tabs.js +43 -23
  58. package/dist/components/toggle/switch.js +7 -7
  59. package/dist/components/toggle/toggle.js +1 -1
  60. package/dist/components/toggle-button/toggle-button.js +6 -6
  61. package/dist/components/tooltip/tooltip.js +17 -23
  62. package/dist/{context-CDOs-GuR.js → context-D2KUdwNL.js} +1 -1
  63. package/dist/icons/icons.js +229 -1629
  64. package/dist/icons/index.js +2 -3
  65. package/dist/icons/jsx-svg.js +1 -1
  66. package/dist/{index-CcCn9HWX.js → index-BKGQ6jGS.js} +1 -1
  67. package/dist/{react-jsx-parser.min-CVit0rZn.js → react-jsx-parser.min-DZCiis5V.js} +48 -20
  68. package/dist/{textSelection-BlTDSskG.js → textSelection-CrrUNX-B.js} +8 -47
  69. package/dist/{useButton-CmLbE5vg.js → useButton-Dl1C1478.js} +5 -5
  70. package/dist/{useEvent-cLDJlznQ.js → useEvent-B0b-6KBr.js} +1 -1
  71. package/dist/useFocusRing-CxlVCVpL.js +107 -0
  72. package/dist/{useFormReset-NpLM2e3G.js → useFormReset-C5OggHsw.js} +1 -1
  73. package/dist/{useFormValidation-BWwmZQE2.js → useFormValidation-BgSHI8kQ.js} +2 -2
  74. package/dist/{focusSafely-CiqTTjWy.js → useHover-B-8Wji4B.js} +305 -98
  75. package/dist/{useLabel-C85N3Hzw.js → useLabel-D7HkNEHT.js} +2 -2
  76. package/dist/{useLabels-C_2wWraB.js → useLabels-D8cxd1Z8.js} +1 -1
  77. package/dist/{useListState-Z7FB_NzO.js → useListState-BXnC0mNr.js} +28 -13
  78. package/dist/{useLocalizedStringFormatter-BQ4TF72x.js → useLocalizedStringFormatter-CFP1YZWQ.js} +1 -1
  79. package/dist/{useNumberField-Bm6_BVl9.js → useNumberField-ecr8uK6_.js} +10 -10
  80. package/dist/{useNumberFormatter-DlUVKkO7.js → useNumberFormatter-321rAb4J.js} +1 -1
  81. package/dist/{usePress-rg_OQIGW.js → usePress-C3dxzVyi.js} +69 -63
  82. package/dist/{useSingleSelectListState-Cu3xtEJS.js → useSingleSelectListState-Dgbuzw5o.js} +2 -2
  83. package/dist/{useToggle-DzlgBLAJ.js → useToggle-DyZydSPy.js} +9 -7
  84. package/dist/{useToggleState-DhSBQxkp.js → useToggleState-BZoo5qt_.js} +1 -1
  85. package/dist/{utils-39D0mStj.js → utils-DkCSC521.js} +38 -35
  86. package/package.json +32 -32
  87. package/dist/useFocusRing-CGp3guTX.js +0 -41
  88. 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, createContext, forwardRef } from "react";
2
+ import { b as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-D7c-vzAt.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-DMRt6g_N.js";
7
+ import { b as $2d73ec29415bd339$export$712718f7aec83d5, a as $3985021b0ad6602f$export$37fb8590cf2c088c } from "./Input-CTTTeCpo.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-CfdzmefC.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-s3fX5lSh.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, d as $e1995378a142960e$export$bf788dd355e3a401 } from "./Collection-CDEKDgvV.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 { a as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-CMh-7gEM.js";
15
+ import { e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, c as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "./Separator-BxbOoGIK.js";
16
+ import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-BgSHI8kQ.js";
17
+ import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "./useSingleSelectListState-Dgbuzw5o.js";
18
+ import { b as $a02d57049d202695$export$d085fb9e920b5ca7 } from "./useListState-BXnC0mNr.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-B-8Wji4B.js";
20
+ import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "./usePress-C3dxzVyi.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,