@eightshift/ui-components 1.4.6 → 1.5.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 (95) hide show
  1. package/dist/{Button-uYE9D_E3.js → Button-CYX0D6At.js} +5 -5
  2. package/dist/{ColorSwatch-Bev-9Vbr.js → ColorSwatch-BNX2quma.js} +4 -4
  3. package/dist/{Dialog-CGE2ficT.js → Dialog-DSquJZb-.js} +110 -18
  4. package/dist/{FieldError-CBPJ4Xx8.js → FieldError-ClB3-XvF.js} +2 -2
  5. package/dist/{FocusScope-CVd6C65L.js → FocusScope-B5L3qI3N.js} +4 -4
  6. package/dist/{Group-WZgNv9RE.js → Group-ubPTwji_.js} +3 -3
  7. package/dist/{Hidden-YSmyVF_5.js → Hidden-CupIZhlF.js} +1 -1
  8. package/dist/{Input-CaS4qmLb.js → Input-BoNEjaXM.js} +8 -8
  9. package/dist/{Label-yZgqvhXc.js → Label-BqW0M3HN.js} +2 -2
  10. package/dist/{ListBox-MZyPpwvj.js → ListBox-civ86c_v.js} +13 -18
  11. package/dist/{Select-49a62830.esm-CqLHaIei.js → Select-49a62830.esm-D8voKavK.js} +1 -1
  12. package/dist/{SelectionManager-CvRaua4m.js → SelectionManager-Ctbzoj1E.js} +12 -21
  13. package/dist/{Separator-C7Few7L6.js → Separator-CDhAddZc.js} +3 -3
  14. package/dist/{Slider-D8a63VhT.js → Slider-Dkj8Slw3.js} +11 -11
  15. package/dist/{Text-D8qh3_U7.js → Text-CdwRBXol.js} +1 -1
  16. package/dist/{VisuallyHidden-DD480kAb.js → VisuallyHidden-DsMLX-RC.js} +2 -2
  17. package/dist/assets/style.css +1 -1
  18. package/dist/components/animated-visibility/animated-visibility.js +5794 -5751
  19. package/dist/components/base-control/base-control.js +1 -1
  20. package/dist/components/button/button.js +5 -5
  21. package/dist/components/checkbox/checkbox.js +7 -7
  22. package/dist/components/color-pickers/color-swatch.js +2 -2
  23. package/dist/components/color-pickers/gradient-editor.js +1 -1
  24. package/dist/components/color-pickers/solid-color-picker.js +18 -18
  25. package/dist/components/component-toggle/component-toggle.js +1 -0
  26. package/dist/components/draggable/draggable-context.js +5 -0
  27. package/dist/components/draggable/draggable-item.js +66 -0
  28. package/dist/components/draggable/draggable.js +159 -0
  29. package/dist/components/draggable-list/draggable-list-context.js +5 -0
  30. package/dist/components/draggable-list/draggable-list-item.js +51 -39
  31. package/dist/components/draggable-list/draggable-list.js +93 -3736
  32. package/dist/components/expandable/expandable.js +2 -2
  33. package/dist/components/index.js +10 -2
  34. package/dist/components/input-field/input-field.js +7 -7
  35. package/dist/components/item-collection/item-collection.js +54 -0
  36. package/dist/components/link-input/link-input.js +217 -31
  37. package/dist/components/list-box/list-box.js +1 -1
  38. package/dist/components/matrix-align/matrix-align.js +1 -1
  39. package/dist/components/menu/menu.js +14 -13
  40. package/dist/components/modal/modal.js +3 -4
  41. package/dist/components/number-picker/number-picker.js +10 -10
  42. package/dist/components/popover/popover.js +1 -1
  43. package/dist/components/radio/radio.js +13 -13
  44. package/dist/components/repeater/repeater.js +52 -48
  45. package/dist/components/responsive/responsive-legacy.js +1 -1
  46. package/dist/components/responsive/responsive.js +1 -1
  47. package/dist/components/select/async-multi-select.js +2 -2
  48. package/dist/components/select/async-single-select.js +2 -2
  49. package/dist/components/select/custom-select-default-components.js +1 -1
  50. package/dist/components/select/multi-select.js +2 -2
  51. package/dist/components/select/react-select-component-wrappers.js +1 -1
  52. package/dist/components/select/single-select.js +2 -2
  53. package/dist/components/slider/column-config-slider.js +2 -2
  54. package/dist/components/slider/slider.js +3 -3
  55. package/dist/components/tabs/tabs.js +46 -12
  56. package/dist/components/toggle/switch.js +7 -7
  57. package/dist/components/toggle/toggle.js +1 -1
  58. package/dist/components/toggle-button/toggle-button.js +6 -6
  59. package/dist/components/tooltip/tooltip.js +3 -3
  60. package/dist/{context-Bon2Gyx5.js → context-kCEA3M_y.js} +1 -1
  61. package/dist/{focusSafely-PMGZgZ9-.js → focusSafely-xMzk3syC.js} +1 -1
  62. package/dist/{index-a301f526.esm-B9tWL9yi.js → index-a301f526.esm-BMg114iK.js} +8 -3
  63. package/dist/index.js +10 -2
  64. package/dist/{intlStrings-KQxgp5tS.js → intlStrings-BxJIrC6b.js} +1 -1
  65. package/dist/{react-select-async.esm-8Rba_3KV.js → react-select-async.esm-DY-cP0QK.js} +2 -2
  66. package/dist/{react-select.esm-DkSeQzOP.js → react-select.esm-DNlXj0hV.js} +2 -2
  67. package/dist/swapy-qb4t7itb.js +3059 -0
  68. package/dist/{textSelection-DS7-670U.js → textSelection-D5Bit8i8.js} +1 -1
  69. package/dist/{tooltip-C9mg1CP5.js → tooltip-srrt1p-b.js} +9 -8
  70. package/dist/{useButton-BPY4yXUo.js → useButton-6H5k2W5N.js} +3 -3
  71. package/dist/{useEvent-DDLT851Z.js → useEvent-BY-3vfxa.js} +1 -1
  72. package/dist/{useFocusRing-DsxEaA2J.js → useFocusRing-rz8eyzby.js} +1 -1
  73. package/dist/{useFocusable-BFKHuYS9.js → useFocusable-Bu2Ovohk.js} +2 -2
  74. package/dist/{useFormReset-BCPbwfnH.js → useFormReset-fUHUaaR6.js} +1 -1
  75. package/dist/{useFormValidationState-DC5jbhBW.js → useFormValidationState-DAan_XbC.js} +2 -2
  76. package/dist/{useLabel-DuJhImKc.js → useLabel-Bk7iP__W.js} +2 -2
  77. package/dist/{useLabels-JaBafrnV.js → useLabels-DmsOywGg.js} +1 -1
  78. package/dist/{useListState-Csx05BmT.js → useListState-GXSJsAgz.js} +1 -1
  79. package/dist/{useLocalizedStringFormatter-CVIIVTgz.js → useLocalizedStringFormatter-m03yY3xi.js} +1 -1
  80. package/dist/{useMenuTrigger-CMgzyMKW.js → useMenuTrigger-BbwpSVmh.js} +4 -4
  81. package/dist/{useNumberFieldState-BVFqhboT.js → useNumberFieldState-CpmU88xz.js} +9 -9
  82. package/dist/{useNumberFormatter-BEeBSV-N.js → useNumberFormatter-B-20GQ2u.js} +1 -1
  83. package/dist/{usePress-CY8MpqYD.js → usePress-Cs8K7gKw.js} +4 -16
  84. package/dist/{useSingleSelectListState-CzZUgAt0.js → useSingleSelectListState-C1ddMCq3.js} +2 -2
  85. package/dist/{useToggle-CJp2Fh_L.js → useToggle-Cn2nQUNS.js} +4 -4
  86. package/dist/{useToggleState-B4--Ski0.js → useToggleState-Dj0JhD9W.js} +1 -1
  87. package/dist/utilities/index.js +2 -1
  88. package/dist/utilities/text-helpers.js +38 -0
  89. package/dist/{utils-B4IdLYb8.js → utils-Du2x3YVu.js} +4 -4
  90. package/package.json +19 -18
  91. package/dist/GridList-PBJsm70G.js +0 -1268
  92. package/dist/ariaHideOutside-BzxkODNq.js +0 -89
  93. package/dist/getScrollParent-B3XgpXBL.js +0 -10
  94. package/dist/useHasTabbableChild-Byd7ylXD.js +0 -37
  95. package/dist/useListData-B5Pk32vd.js +0 -200
@@ -1,89 +0,0 @@
1
- let $5e3802645cc19319$var$refCountMap = /* @__PURE__ */ new WeakMap();
2
- let $5e3802645cc19319$var$observerStack = [];
3
- function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body) {
4
- let visibleNodes = new Set(targets);
5
- let hiddenNodes = /* @__PURE__ */ new Set();
6
- let walk = (root2) => {
7
- for (let element of root2.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) visibleNodes.add(element);
8
- let acceptNode = (node) => {
9
- if (visibleNodes.has(node) || hiddenNodes.has(node.parentElement) && node.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
10
- for (let target of visibleNodes) {
11
- if (node.contains(target)) return NodeFilter.FILTER_SKIP;
12
- }
13
- return NodeFilter.FILTER_ACCEPT;
14
- };
15
- let walker = document.createTreeWalker(root2, NodeFilter.SHOW_ELEMENT, {
16
- acceptNode
17
- });
18
- let acceptRoot = acceptNode(root2);
19
- if (acceptRoot === NodeFilter.FILTER_ACCEPT) hide(root2);
20
- if (acceptRoot !== NodeFilter.FILTER_REJECT) {
21
- let node = walker.nextNode();
22
- while (node != null) {
23
- hide(node);
24
- node = walker.nextNode();
25
- }
26
- }
27
- };
28
- let hide = (node) => {
29
- var _refCountMap_get;
30
- let refCount = (_refCountMap_get = $5e3802645cc19319$var$refCountMap.get(node)) !== null && _refCountMap_get !== void 0 ? _refCountMap_get : 0;
31
- if (node.getAttribute("aria-hidden") === "true" && refCount === 0) return;
32
- if (refCount === 0) node.setAttribute("aria-hidden", "true");
33
- hiddenNodes.add(node);
34
- $5e3802645cc19319$var$refCountMap.set(node, refCount + 1);
35
- };
36
- if ($5e3802645cc19319$var$observerStack.length) $5e3802645cc19319$var$observerStack[$5e3802645cc19319$var$observerStack.length - 1].disconnect();
37
- walk(root);
38
- let observer = new MutationObserver((changes) => {
39
- for (let change of changes) {
40
- if (change.type !== "childList" || change.addedNodes.length === 0) continue;
41
- if (![
42
- ...visibleNodes,
43
- ...hiddenNodes
44
- ].some((node) => node.contains(change.target))) {
45
- for (let node of change.removedNodes) if (node instanceof Element) {
46
- visibleNodes.delete(node);
47
- hiddenNodes.delete(node);
48
- }
49
- for (let node of change.addedNodes) {
50
- if ((node instanceof HTMLElement || node instanceof SVGElement) && (node.dataset.liveAnnouncer === "true" || node.dataset.reactAriaTopLayer === "true")) visibleNodes.add(node);
51
- else if (node instanceof Element) walk(node);
52
- }
53
- }
54
- }
55
- });
56
- observer.observe(root, {
57
- childList: true,
58
- subtree: true
59
- });
60
- let observerWrapper = {
61
- observe() {
62
- observer.observe(root, {
63
- childList: true,
64
- subtree: true
65
- });
66
- },
67
- disconnect() {
68
- observer.disconnect();
69
- }
70
- };
71
- $5e3802645cc19319$var$observerStack.push(observerWrapper);
72
- return () => {
73
- observer.disconnect();
74
- for (let node of hiddenNodes) {
75
- let count = $5e3802645cc19319$var$refCountMap.get(node);
76
- if (count === 1) {
77
- node.removeAttribute("aria-hidden");
78
- $5e3802645cc19319$var$refCountMap.delete(node);
79
- } else $5e3802645cc19319$var$refCountMap.set(node, count - 1);
80
- }
81
- if (observerWrapper === $5e3802645cc19319$var$observerStack[$5e3802645cc19319$var$observerStack.length - 1]) {
82
- $5e3802645cc19319$var$observerStack.pop();
83
- if ($5e3802645cc19319$var$observerStack.length) $5e3802645cc19319$var$observerStack[$5e3802645cc19319$var$observerStack.length - 1].observe();
84
- } else $5e3802645cc19319$var$observerStack.splice($5e3802645cc19319$var$observerStack.indexOf(observerWrapper), 1);
85
- };
86
- }
87
- export {
88
- $5e3802645cc19319$export$1c3ebcada18427bf as $
89
- };
@@ -1,10 +0,0 @@
1
- import { $ as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "./isScrollable-Dh9D9IOd.js";
2
- function $62d8ded9296f3872$export$cfa2225e87938781(node, checkForOverflow) {
3
- let scrollableNode = node;
4
- if ($cc38e7bd3fc7b213$export$2bb74740c4e19def(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;
5
- while (scrollableNode && !$cc38e7bd3fc7b213$export$2bb74740c4e19def(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;
6
- return scrollableNode || document.scrollingElement || document.documentElement;
7
- }
8
- export {
9
- $62d8ded9296f3872$export$cfa2225e87938781 as $
10
- };
@@ -1,37 +0,0 @@
1
- import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-CVd6C65L.js";
2
- import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-B4IdLYb8.js";
3
- import { useState } from "react";
4
- function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
5
- let isDisabled = options === null || options === void 0 ? void 0 : options.isDisabled;
6
- let [hasTabbableChild, setHasTabbableChild] = useState(false);
7
- $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
8
- if ((ref === null || ref === void 0 ? void 0 : ref.current) && !isDisabled) {
9
- let update = () => {
10
- if (ref.current) {
11
- let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(ref.current, {
12
- tabbable: true
13
- });
14
- setHasTabbableChild(!!walker.nextNode());
15
- }
16
- };
17
- update();
18
- let observer = new MutationObserver(update);
19
- observer.observe(ref.current, {
20
- subtree: true,
21
- childList: true,
22
- attributes: true,
23
- attributeFilter: [
24
- "tabIndex",
25
- "disabled"
26
- ]
27
- });
28
- return () => {
29
- observer.disconnect();
30
- };
31
- }
32
- });
33
- return isDisabled ? false : hasTabbableChild;
34
- }
35
- export {
36
- $83013635b024ae3d$export$eac1895992b9f3d6 as $
37
- };
@@ -1,200 +0,0 @@
1
- import { useState, useMemo } from "react";
2
- function $0d86e9c8f07f9a7b$export$762f73dccccd255d(options) {
3
- let { initialItems = [], initialSelectedKeys, getKey = (item) => {
4
- var _item_id;
5
- return (_item_id = item.id) !== null && _item_id !== void 0 ? _item_id : item.key;
6
- }, filter, initialFilterText = "" } = options;
7
- let [state, setState] = useState({
8
- items: initialItems,
9
- selectedKeys: initialSelectedKeys === "all" ? "all" : new Set(initialSelectedKeys || []),
10
- filterText: initialFilterText
11
- });
12
- let filteredItems = useMemo(() => filter ? state.items.filter((item) => filter(item, state.filterText)) : state.items, [
13
- state.items,
14
- state.filterText,
15
- filter
16
- ]);
17
- return {
18
- ...state,
19
- items: filteredItems,
20
- ...$0d86e9c8f07f9a7b$export$79c0c687a5963b0a({
21
- getKey
22
- }, setState),
23
- getItem(key) {
24
- return state.items.find((item) => getKey(item) === key);
25
- }
26
- };
27
- }
28
- function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
29
- let { cursor, getKey } = opts;
30
- return {
31
- setSelectedKeys(selectedKeys) {
32
- dispatch((state) => ({
33
- ...state,
34
- selectedKeys
35
- }));
36
- },
37
- setFilterText(filterText) {
38
- dispatch((state) => ({
39
- ...state,
40
- filterText
41
- }));
42
- },
43
- insert(index, ...values) {
44
- dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, index, ...values));
45
- },
46
- insertBefore(key, ...values) {
47
- dispatch((state) => {
48
- let index = state.items.findIndex((item) => getKey(item) === key);
49
- if (index === -1) {
50
- if (state.items.length === 0) index = 0;
51
- else return state;
52
- }
53
- return $0d86e9c8f07f9a7b$var$insert(state, index, ...values);
54
- });
55
- },
56
- insertAfter(key, ...values) {
57
- dispatch((state) => {
58
- let index = state.items.findIndex((item) => getKey(item) === key);
59
- if (index === -1) {
60
- if (state.items.length === 0) index = 0;
61
- else return state;
62
- }
63
- return $0d86e9c8f07f9a7b$var$insert(state, index + 1, ...values);
64
- });
65
- },
66
- prepend(...values) {
67
- dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, 0, ...values));
68
- },
69
- append(...values) {
70
- dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, state.items.length, ...values));
71
- },
72
- remove(...keys) {
73
- dispatch((state) => {
74
- let keySet = new Set(keys);
75
- let items = state.items.filter((item) => !keySet.has(getKey(item)));
76
- let selection = "all";
77
- if (state.selectedKeys !== "all") {
78
- selection = new Set(state.selectedKeys);
79
- for (let key of keys) selection.delete(key);
80
- }
81
- if (cursor == null && items.length === 0) selection = /* @__PURE__ */ new Set();
82
- return {
83
- ...state,
84
- items,
85
- selectedKeys: selection
86
- };
87
- });
88
- },
89
- removeSelectedItems() {
90
- dispatch((state) => {
91
- if (state.selectedKeys === "all") return {
92
- ...state,
93
- items: [],
94
- selectedKeys: /* @__PURE__ */ new Set()
95
- };
96
- let selectedKeys = state.selectedKeys;
97
- let items = state.items.filter((item) => !selectedKeys.has(getKey(item)));
98
- return {
99
- ...state,
100
- items,
101
- selectedKeys: /* @__PURE__ */ new Set()
102
- };
103
- });
104
- },
105
- move(key, toIndex) {
106
- dispatch((state) => {
107
- let index = state.items.findIndex((item2) => getKey(item2) === key);
108
- if (index === -1) return state;
109
- let copy = state.items.slice();
110
- let [item] = copy.splice(index, 1);
111
- copy.splice(toIndex, 0, item);
112
- return {
113
- ...state,
114
- items: copy
115
- };
116
- });
117
- },
118
- moveBefore(key, keys) {
119
- dispatch((state) => {
120
- let toIndex = state.items.findIndex((item) => getKey(item) === key);
121
- if (toIndex === -1) return state;
122
- let keyArray = Array.isArray(keys) ? keys : [
123
- ...keys
124
- ];
125
- let indices = keyArray.map((key2) => state.items.findIndex((item) => getKey(item) === key2)).sort((a, b) => a - b);
126
- return $0d86e9c8f07f9a7b$var$move(state, indices, toIndex);
127
- });
128
- },
129
- moveAfter(key, keys) {
130
- dispatch((state) => {
131
- let toIndex = state.items.findIndex((item) => getKey(item) === key);
132
- if (toIndex === -1) return state;
133
- let keyArray = Array.isArray(keys) ? keys : [
134
- ...keys
135
- ];
136
- let indices = keyArray.map((key2) => state.items.findIndex((item) => getKey(item) === key2)).sort((a, b) => a - b);
137
- return $0d86e9c8f07f9a7b$var$move(state, indices, toIndex + 1);
138
- });
139
- },
140
- update(key, newValue) {
141
- dispatch((state) => {
142
- let index = state.items.findIndex((item) => getKey(item) === key);
143
- if (index === -1) return state;
144
- return {
145
- ...state,
146
- items: [
147
- ...state.items.slice(0, index),
148
- newValue,
149
- ...state.items.slice(index + 1)
150
- ]
151
- };
152
- });
153
- }
154
- };
155
- }
156
- function $0d86e9c8f07f9a7b$var$insert(state, index, ...values) {
157
- return {
158
- ...state,
159
- items: [
160
- ...state.items.slice(0, index),
161
- ...values,
162
- ...state.items.slice(index)
163
- ]
164
- };
165
- }
166
- function $0d86e9c8f07f9a7b$var$move(state, indices, toIndex) {
167
- toIndex -= indices.filter((index) => index < toIndex).length;
168
- let moves = indices.map((from) => ({
169
- from,
170
- to: toIndex++
171
- }));
172
- for (let i = 0; i < moves.length; i++) {
173
- let a = moves[i].from;
174
- for (let j = i; j < moves.length; j++) {
175
- let b = moves[j].from;
176
- if (b > a) moves[j].from--;
177
- }
178
- }
179
- for (let i = 0; i < moves.length; i++) {
180
- let a = moves[i];
181
- for (let j = moves.length - 1; j > i; j--) {
182
- let b = moves[j];
183
- if (b.from < a.to) a.to++;
184
- else b.from++;
185
- }
186
- }
187
- let copy = state.items.slice();
188
- for (let move of moves) {
189
- let [item] = copy.splice(move.from, 1);
190
- copy.splice(move.to, 0, item);
191
- }
192
- return {
193
- ...state,
194
- items: copy
195
- };
196
- }
197
- export {
198
- $0d86e9c8f07f9a7b$export$79c0c687a5963b0a as $,
199
- $0d86e9c8f07f9a7b$export$762f73dccccd255d as a
200
- };