@eightshift/ui-components 1.4.7 → 1.5.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 (94) 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 +43 -4
  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 +216 -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 +9 -9
  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 +51 -47
  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/select/styles.js +1 -1
  54. package/dist/components/slider/column-config-slider.js +2 -2
  55. package/dist/components/slider/slider.js +3 -3
  56. package/dist/components/tabs/tabs.js +46 -12
  57. package/dist/components/toggle/switch.js +7 -7
  58. package/dist/components/toggle/toggle.js +1 -1
  59. package/dist/components/toggle-button/toggle-button.js +6 -6
  60. package/dist/components/tooltip/tooltip.js +3 -3
  61. package/dist/{context-Bon2Gyx5.js → context-kCEA3M_y.js} +1 -1
  62. package/dist/{focusSafely-PMGZgZ9-.js → focusSafely-xMzk3syC.js} +1 -1
  63. package/dist/{index-a301f526.esm-B9tWL9yi.js → index-a301f526.esm-BMg114iK.js} +8 -3
  64. package/dist/index.js +10 -2
  65. package/dist/{intlStrings-KQxgp5tS.js → intlStrings-BxJIrC6b.js} +1 -1
  66. package/dist/{react-select-async.esm-8Rba_3KV.js → react-select-async.esm-DY-cP0QK.js} +2 -2
  67. package/dist/{react-select.esm-DkSeQzOP.js → react-select.esm-DNlXj0hV.js} +2 -2
  68. package/dist/swapy-qb4t7itb.js +3059 -0
  69. package/dist/{textSelection-DS7-670U.js → textSelection-D5Bit8i8.js} +1 -1
  70. package/dist/{tooltip-C9mg1CP5.js → tooltip-srrt1p-b.js} +9 -8
  71. package/dist/{useButton-BPY4yXUo.js → useButton-6H5k2W5N.js} +3 -3
  72. package/dist/{useEvent-DDLT851Z.js → useEvent-BY-3vfxa.js} +1 -1
  73. package/dist/{useFocusRing-DsxEaA2J.js → useFocusRing-rz8eyzby.js} +1 -1
  74. package/dist/{useFocusable-BFKHuYS9.js → useFocusable-Bu2Ovohk.js} +2 -2
  75. package/dist/{useFormReset-BCPbwfnH.js → useFormReset-fUHUaaR6.js} +1 -1
  76. package/dist/{useFormValidationState-DC5jbhBW.js → useFormValidationState-DAan_XbC.js} +2 -2
  77. package/dist/{useLabel-DuJhImKc.js → useLabel-Bk7iP__W.js} +2 -2
  78. package/dist/{useLabels-JaBafrnV.js → useLabels-DmsOywGg.js} +1 -1
  79. package/dist/{useListState-Csx05BmT.js → useListState-GXSJsAgz.js} +1 -1
  80. package/dist/{useLocalizedStringFormatter-CVIIVTgz.js → useLocalizedStringFormatter-m03yY3xi.js} +1 -1
  81. package/dist/{useMenuTrigger-CMgzyMKW.js → useMenuTrigger-BbwpSVmh.js} +4 -4
  82. package/dist/{useNumberFieldState-BVFqhboT.js → useNumberFieldState-CpmU88xz.js} +9 -9
  83. package/dist/{useNumberFormatter-BEeBSV-N.js → useNumberFormatter-B-20GQ2u.js} +1 -1
  84. package/dist/{usePress-CY8MpqYD.js → usePress-Cs8K7gKw.js} +4 -16
  85. package/dist/{useSingleSelectListState-CzZUgAt0.js → useSingleSelectListState-C1ddMCq3.js} +2 -2
  86. package/dist/{useToggle-CJp2Fh_L.js → useToggle-Cn2nQUNS.js} +4 -4
  87. package/dist/{useToggleState-B4--Ski0.js → useToggleState-Dj0JhD9W.js} +1 -1
  88. package/dist/{utils-B4IdLYb8.js → utils-Du2x3YVu.js} +4 -4
  89. package/package.json +19 -18
  90. package/dist/GridList-PBJsm70G.js +0 -1268
  91. package/dist/ariaHideOutside-BzxkODNq.js +0 -89
  92. package/dist/getScrollParent-B3XgpXBL.js +0 -10
  93. package/dist/useHasTabbableChild-Byd7ylXD.js +0 -37
  94. package/dist/useListData-B5Pk32vd.js +0 -200
@@ -1,1268 +0,0 @@
1
- import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-uYE9D_E3.js";
2
- import { $ as $4e85f108e88277b8$export$b085522c77523c51 } from "./RSPContexts-DQtGvvpM.js";
3
- import { o as $ef06256079686ba0$export$f8aeda7b10753fa1, p as $c5a24bc478652b5f$export$7475b2c64539e4cf, c as $880e95eb8b93ba9a$export$ecf600387e221c37, q as $2f04cbc44ee30ce0$export$c826860796309d1b, d as $e1995378a142960e$export$18af5c7a9e9b3664, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, r as $7135fc7d473fd974$export$a164736487e3f0ae, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec } from "./SelectionManager-CvRaua4m.js";
4
- import { e as $bdb11010cef70236$export$f680877a34711e37, c as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, n as $ff5963eb1fccf552$export$e08e3b67e392101e, l as $df56164dff5785e2$export$4338b53315abf666, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, q as $64fa3d84918910a7$export$c62b8e45d58ddad9, a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-B4IdLYb8.js";
5
- import { e as $eed445e0843c11d0$export$7c5906fe4f1f2af2, f as $612b8eb6cb90e02d$export$d188a835a7bc5783, g as $612b8eb6cb90e02d$export$f55761759794cf55, h as $612b8eb6cb90e02d$export$d1e8e3fbb7461f6, i as $612b8eb6cb90e02d$export$971707d8a129a1f7 } from "./ListBox-MZyPpwvj.js";
6
- import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-D8qh3_U7.js";
7
- import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
8
- import React__default, { useRef, useEffect, useMemo, forwardRef, useContext, createContext } from "react";
9
- import { d as $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 } from "./usePress-CY8MpqYD.js";
10
- import { $ as $62d8ded9296f3872$export$cfa2225e87938781 } from "./getScrollParent-B3XgpXBL.js";
11
- import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa, $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-CVd6C65L.js";
12
- import { t as $507fabe10e71c6fb$export$98e20ec92f614cfe, h as $6a99195332edec8b$export$80f3e147d781571c, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-PMGZgZ9-.js";
13
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-Bon2Gyx5.js";
14
- import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CVIIVTgz.js";
15
- import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./LiveAnnouncer-D8h-3GrG.js";
16
- import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "./useHasTabbableChild-Byd7ylXD.js";
17
- import { $ as $982254629710d113$export$b95089534ab7c1fd, b as $325a3faab7a68acd$export$a16aca283550c30d, c as $2a25aae57d74318e$export$a05409b8bb224a5a } from "./Separator-C7Few7L6.js";
18
- import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DsxEaA2J.js";
19
- import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "./VisuallyHidden-DD480kAb.js";
20
- import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-Csx05BmT.js";
21
- function $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {
22
- const isInitialMount = useRef(true);
23
- const lastDeps = useRef(null);
24
- useEffect(() => {
25
- isInitialMount.current = true;
26
- return () => {
27
- isInitialMount.current = false;
28
- };
29
- }, []);
30
- useEffect(() => {
31
- if (isInitialMount.current) isInitialMount.current = false;
32
- else if (!lastDeps.current || dependencies.some((dep, i) => !Object.is(dep, lastDeps[i]))) effect();
33
- lastDeps.current = dependencies;
34
- }, dependencies);
35
- }
36
- const $ce9b18daab526bbd$export$5b9bb410392e3991 = /* @__PURE__ */ new WeakMap();
37
- function $ce9b18daab526bbd$export$f45c25170b9a99c2(state, key) {
38
- let { id } = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state);
39
- if (!id) throw new Error("Unknown list");
40
- return `${id}-${$ce9b18daab526bbd$export$e0c709538cb8ae18(key)}`;
41
- }
42
- function $ce9b18daab526bbd$export$e0c709538cb8ae18(key) {
43
- if (typeof key === "string") return key.replace(/\s*/g, "");
44
- return "" + key;
45
- }
46
- var $682989befd4f478d$exports = {};
47
- $682989befd4f478d$exports = {
48
- "deselectedItem": (args) => `${args.item} غير المحدد`,
49
- "longPressToSelect": `اضغط مطولًا للدخول إلى وضع التحديد.`,
50
- "select": `تحديد`,
51
- "selectedAll": `جميع العناصر المحددة.`,
52
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
53
- "=0": `لم يتم تحديد عناصر`,
54
- one: () => `${formatter.number(args.count)} عنصر محدد`,
55
- other: () => `${formatter.number(args.count)} عنصر محدد`
56
- })}.`,
57
- "selectedItem": (args) => `${args.item} المحدد`
58
- };
59
- var $f7fca02019afd941$exports = {};
60
- $f7fca02019afd941$exports = {
61
- "deselectedItem": (args) => `${args.item} не е избран.`,
62
- "longPressToSelect": `Натиснете и задръжте за да влезете в избирателен режим.`,
63
- "select": `Изберете`,
64
- "selectedAll": `Всички елементи са избрани.`,
65
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
66
- "=0": `Няма избрани елементи`,
67
- one: () => `${formatter.number(args.count)} избран елемент`,
68
- other: () => `${formatter.number(args.count)} избрани елементи`
69
- })}.`,
70
- "selectedItem": (args) => `${args.item} избран.`
71
- };
72
- var $8f86f40be75387f1$exports = {};
73
- $8f86f40be75387f1$exports = {
74
- "deselectedItem": (args) => `Položka ${args.item} není vybrána.`,
75
- "longPressToSelect": `Dlouhým stisknutím přejdete do režimu výběru.`,
76
- "select": `Vybrat`,
77
- "selectedAll": `Vybrány všechny položky.`,
78
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
79
- "=0": `Nevybrány žádné položky`,
80
- one: () => `Vybrána ${formatter.number(args.count)} položka`,
81
- other: () => `Vybráno ${formatter.number(args.count)} položek`
82
- })}.`,
83
- "selectedItem": (args) => `Vybrána položka ${args.item}.`
84
- };
85
- var $db24ba43c8d652ee$exports = {};
86
- $db24ba43c8d652ee$exports = {
87
- "deselectedItem": (args) => `${args.item} ikke valgt.`,
88
- "longPressToSelect": `Lav et langt tryk for at aktivere valgtilstand.`,
89
- "select": `Vælg`,
90
- "selectedAll": `Alle elementer valgt.`,
91
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
92
- "=0": `Ingen elementer valgt`,
93
- one: () => `${formatter.number(args.count)} element valgt`,
94
- other: () => `${formatter.number(args.count)} elementer valgt`
95
- })}.`,
96
- "selectedItem": (args) => `${args.item} valgt.`
97
- };
98
- var $f8f1e72c8b5447d6$exports = {};
99
- $f8f1e72c8b5447d6$exports = {
100
- "deselectedItem": (args) => `${args.item} nicht ausgewählt.`,
101
- "longPressToSelect": `Gedrückt halten, um Auswahlmodus zu öffnen.`,
102
- "select": `Auswählen`,
103
- "selectedAll": `Alle Elemente ausgewählt.`,
104
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
105
- "=0": `Keine Elemente ausgewählt`,
106
- one: () => `${formatter.number(args.count)} Element ausgewählt`,
107
- other: () => `${formatter.number(args.count)} Elemente ausgewählt`
108
- })}.`,
109
- "selectedItem": (args) => `${args.item} ausgewählt.`
110
- };
111
- var $9a73ed2983c3ab0b$exports = {};
112
- $9a73ed2983c3ab0b$exports = {
113
- "deselectedItem": (args) => `Δεν επιλέχθηκε το στοιχείο ${args.item}.`,
114
- "longPressToSelect": `Πατήστε παρατεταμένα για να μπείτε σε λειτουργία επιλογής.`,
115
- "select": `Επιλογή`,
116
- "selectedAll": `Επιλέχθηκαν όλα τα στοιχεία.`,
117
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
118
- "=0": `Δεν επιλέχθηκαν στοιχεία`,
119
- one: () => `Επιλέχθηκε ${formatter.number(args.count)} στοιχείο`,
120
- other: () => `Επιλέχθηκαν ${formatter.number(args.count)} στοιχεία`
121
- })}.`,
122
- "selectedItem": (args) => `Επιλέχθηκε το στοιχείο ${args.item}.`
123
- };
124
- var $583de0b3587601b9$exports = {};
125
- $583de0b3587601b9$exports = {
126
- "deselectedItem": (args) => `${args.item} not selected.`,
127
- "select": `Select`,
128
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
129
- "=0": `No items selected`,
130
- one: () => `${formatter.number(args.count)} item selected`,
131
- other: () => `${formatter.number(args.count)} items selected`
132
- })}.`,
133
- "selectedAll": `All items selected.`,
134
- "selectedItem": (args) => `${args.item} selected.`,
135
- "longPressToSelect": `Long press to enter selection mode.`
136
- };
137
- var $147159c978043442$exports = {};
138
- $147159c978043442$exports = {
139
- "deselectedItem": (args) => `${args.item} no seleccionado.`,
140
- "longPressToSelect": `Mantenga pulsado para abrir el modo de selección.`,
141
- "select": `Seleccionar`,
142
- "selectedAll": `Todos los elementos seleccionados.`,
143
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
144
- "=0": `Ningún elemento seleccionado`,
145
- one: () => `${formatter.number(args.count)} elemento seleccionado`,
146
- other: () => `${formatter.number(args.count)} elementos seleccionados`
147
- })}.`,
148
- "selectedItem": (args) => `${args.item} seleccionado.`
149
- };
150
- var $5cbb62c8a19173ac$exports = {};
151
- $5cbb62c8a19173ac$exports = {
152
- "deselectedItem": (args) => `${args.item} pole valitud.`,
153
- "longPressToSelect": `Valikurežiimi sisenemiseks vajutage pikalt.`,
154
- "select": `Vali`,
155
- "selectedAll": `Kõik üksused valitud.`,
156
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
157
- "=0": `Üksusi pole valitud`,
158
- one: () => `${formatter.number(args.count)} üksus valitud`,
159
- other: () => `${formatter.number(args.count)} üksust valitud`
160
- })}.`,
161
- "selectedItem": (args) => `${args.item} valitud.`
162
- };
163
- var $a33d71dc804cc59e$exports = {};
164
- $a33d71dc804cc59e$exports = {
165
- "deselectedItem": (args) => `Kohdetta ${args.item} ei valittu.`,
166
- "longPressToSelect": `Siirry valintatilaan painamalla pitkään.`,
167
- "select": `Valitse`,
168
- "selectedAll": `Kaikki kohteet valittu.`,
169
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
170
- "=0": `Ei yhtään kohdetta valittu`,
171
- one: () => `${formatter.number(args.count)} kohde valittu`,
172
- other: () => `${formatter.number(args.count)} kohdetta valittu`
173
- })}.`,
174
- "selectedItem": (args) => `${args.item} valittu.`
175
- };
176
- var $92d800447793d084$exports = {};
177
- $92d800447793d084$exports = {
178
- "deselectedItem": (args) => `${args.item} non sélectionné.`,
179
- "longPressToSelect": `Appuyez de manière prolongée pour passer en mode de sélection.`,
180
- "select": `Sélectionner`,
181
- "selectedAll": `Tous les éléments sélectionnés.`,
182
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
183
- "=0": `Aucun élément sélectionné`,
184
- one: () => `${formatter.number(args.count)} élément sélectionné`,
185
- other: () => `${formatter.number(args.count)} éléments sélectionnés`
186
- })}.`,
187
- "selectedItem": (args) => `${args.item} sélectionné.`
188
- };
189
- var $fe732cdb32124ea8$exports = {};
190
- $fe732cdb32124ea8$exports = {
191
- "deselectedItem": (args) => `${args.item} לא נבחר.`,
192
- "longPressToSelect": `הקשה ארוכה לכניסה למצב בחירה.`,
193
- "select": `בחר`,
194
- "selectedAll": `כל הפריטים נבחרו.`,
195
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
196
- "=0": `לא נבחרו פריטים`,
197
- one: () => `פריט ${formatter.number(args.count)} נבחר`,
198
- other: () => `${formatter.number(args.count)} פריטים נבחרו`
199
- })}.`,
200
- "selectedItem": (args) => `${args.item} נבחר.`
201
- };
202
- var $e41234e934efb4f5$exports = {};
203
- $e41234e934efb4f5$exports = {
204
- "deselectedItem": (args) => `Stavka ${args.item} nije odabrana.`,
205
- "longPressToSelect": `Dugo pritisnite za ulazak u način odabira.`,
206
- "select": `Odaberite`,
207
- "selectedAll": `Odabrane su sve stavke.`,
208
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
209
- "=0": `Nije odabrana nijedna stavka`,
210
- one: () => `Odabrana je ${formatter.number(args.count)} stavka`,
211
- other: () => `Odabrano je ${formatter.number(args.count)} stavki`
212
- })}.`,
213
- "selectedItem": (args) => `Stavka ${args.item} je odabrana.`
214
- };
215
- var $1b0393182473bf9e$exports = {};
216
- $1b0393182473bf9e$exports = {
217
- "deselectedItem": (args) => `${args.item} nincs kijelölve.`,
218
- "longPressToSelect": `Nyomja hosszan a kijelöléshez.`,
219
- "select": `Kijelölés`,
220
- "selectedAll": `Az összes elem kijelölve.`,
221
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
222
- "=0": `Egy elem sincs kijelölve`,
223
- one: () => `${formatter.number(args.count)} elem kijelölve`,
224
- other: () => `${formatter.number(args.count)} elem kijelölve`
225
- })}.`,
226
- "selectedItem": (args) => `${args.item} kijelölve.`
227
- };
228
- var $2eed782c1c110ce7$exports = {};
229
- $2eed782c1c110ce7$exports = {
230
- "deselectedItem": (args) => `${args.item} non selezionato.`,
231
- "longPressToSelect": `Premi a lungo per passare alla modalità di selezione.`,
232
- "select": `Seleziona`,
233
- "selectedAll": `Tutti gli elementi selezionati.`,
234
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
235
- "=0": `Nessun elemento selezionato`,
236
- one: () => `${formatter.number(args.count)} elemento selezionato`,
237
- other: () => `${formatter.number(args.count)} elementi selezionati`
238
- })}.`,
239
- "selectedItem": (args) => `${args.item} selezionato.`
240
- };
241
- var $8b5d459f86e9b23c$exports = {};
242
- $8b5d459f86e9b23c$exports = {
243
- "deselectedItem": (args) => `${args.item} が選択されていません。`,
244
- "longPressToSelect": `長押しして選択モードを開きます。`,
245
- "select": `選択`,
246
- "selectedAll": `すべての項目を選択しました。`,
247
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
248
- "=0": `項目が選択されていません`,
249
- one: () => `${formatter.number(args.count)} 項目を選択しました`,
250
- other: () => `${formatter.number(args.count)} 項目を選択しました`
251
- })}。`,
252
- "selectedItem": (args) => `${args.item} を選択しました。`
253
- };
254
- var $1949c3ad17295fd4$exports = {};
255
- $1949c3ad17295fd4$exports = {
256
- "deselectedItem": (args) => `${args.item}이(가) 선택되지 않았습니다.`,
257
- "longPressToSelect": `선택 모드로 들어가려면 길게 누르십시오.`,
258
- "select": `선택`,
259
- "selectedAll": `모든 항목이 선택되었습니다.`,
260
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
261
- "=0": `선택된 항목이 없습니다`,
262
- one: () => `${formatter.number(args.count)}개 항목이 선택되었습니다`,
263
- other: () => `${formatter.number(args.count)}개 항목이 선택되었습니다`
264
- })}.`,
265
- "selectedItem": (args) => `${args.item}이(가) 선택되었습니다.`
266
- };
267
- var $f5e3df4dc8aa7b54$exports = {};
268
- $f5e3df4dc8aa7b54$exports = {
269
- "deselectedItem": (args) => `${args.item} nepasirinkta.`,
270
- "longPressToSelect": `Norėdami įjungti pasirinkimo režimą, paspauskite ir palaikykite.`,
271
- "select": `Pasirinkti`,
272
- "selectedAll": `Pasirinkti visi elementai.`,
273
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
274
- "=0": `Nepasirinktas nė vienas elementas`,
275
- one: () => `Pasirinktas ${formatter.number(args.count)} elementas`,
276
- other: () => `Pasirinkta elementų: ${formatter.number(args.count)}`
277
- })}.`,
278
- "selectedItem": (args) => `Pasirinkta: ${args.item}.`
279
- };
280
- var $9dd86690a5c2b2c5$exports = {};
281
- $9dd86690a5c2b2c5$exports = {
282
- "deselectedItem": (args) => `Vienums ${args.item} nav atlasīts.`,
283
- "longPressToSelect": `Ilgi turiet nospiestu. lai ieslēgtu atlases režīmu.`,
284
- "select": `Atlasīt`,
285
- "selectedAll": `Atlasīti visi vienumi.`,
286
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
287
- "=0": `Nav atlasīts neviens vienums`,
288
- one: () => `Atlasīto vienumu skaits: ${formatter.number(args.count)}`,
289
- other: () => `Atlasīto vienumu skaits: ${formatter.number(args.count)}`
290
- })}.`,
291
- "selectedItem": (args) => `Atlasīts vienums ${args.item}.`
292
- };
293
- var $843964c3bf9a7d24$exports = {};
294
- $843964c3bf9a7d24$exports = {
295
- "deselectedItem": (args) => `${args.item} er ikke valgt.`,
296
- "longPressToSelect": `Bruk et langt trykk for å gå inn i valgmodus.`,
297
- "select": `Velg`,
298
- "selectedAll": `Alle elementer er valgt.`,
299
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
300
- "=0": `Ingen elementer er valgt`,
301
- one: () => `${formatter.number(args.count)} element er valgt`,
302
- other: () => `${formatter.number(args.count)} elementer er valgt`
303
- })}.`,
304
- "selectedItem": (args) => `${args.item} er valgt.`
305
- };
306
- var $73f50e845f9ef3b4$exports = {};
307
- $73f50e845f9ef3b4$exports = {
308
- "deselectedItem": (args) => `${args.item} niet geselecteerd.`,
309
- "longPressToSelect": `Druk lang om de selectiemodus te openen.`,
310
- "select": `Selecteren`,
311
- "selectedAll": `Alle items geselecteerd.`,
312
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
313
- "=0": `Geen items geselecteerd`,
314
- one: () => `${formatter.number(args.count)} item geselecteerd`,
315
- other: () => `${formatter.number(args.count)} items geselecteerd`
316
- })}.`,
317
- "selectedItem": (args) => `${args.item} geselecteerd.`
318
- };
319
- var $87f92a7e077514b2$exports = {};
320
- $87f92a7e077514b2$exports = {
321
- "deselectedItem": (args) => `Nie zaznaczono ${args.item}.`,
322
- "longPressToSelect": `Naciśnij i przytrzymaj, aby wejść do trybu wyboru.`,
323
- "select": `Zaznacz`,
324
- "selectedAll": `Wszystkie zaznaczone elementy.`,
325
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
326
- "=0": `Nie zaznaczono żadnych elementów`,
327
- one: () => `${formatter.number(args.count)} zaznaczony element`,
328
- other: () => `${formatter.number(args.count)} zaznaczonych elementów`
329
- })}.`,
330
- "selectedItem": (args) => `Zaznaczono ${args.item}.`
331
- };
332
- var $c28c98d58ee9ff6f$exports = {};
333
- $c28c98d58ee9ff6f$exports = {
334
- "deselectedItem": (args) => `${args.item} não selecionado.`,
335
- "longPressToSelect": `Mantenha pressionado para entrar no modo de seleção.`,
336
- "select": `Selecionar`,
337
- "selectedAll": `Todos os itens selecionados.`,
338
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
339
- "=0": `Nenhum item selecionado`,
340
- one: () => `${formatter.number(args.count)} item selecionado`,
341
- other: () => `${formatter.number(args.count)} itens selecionados`
342
- })}.`,
343
- "selectedItem": (args) => `${args.item} selecionado.`
344
- };
345
- var $b6b1503b17b2254d$exports = {};
346
- $b6b1503b17b2254d$exports = {
347
- "deselectedItem": (args) => `${args.item} não selecionado.`,
348
- "longPressToSelect": `Prima continuamente para entrar no modo de seleção.`,
349
- "select": `Selecionar`,
350
- "selectedAll": `Todos os itens selecionados.`,
351
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
352
- "=0": `Nenhum item selecionado`,
353
- one: () => `${formatter.number(args.count)} item selecionado`,
354
- other: () => `${formatter.number(args.count)} itens selecionados`
355
- })}.`,
356
- "selectedItem": (args) => `${args.item} selecionado.`
357
- };
358
- var $8bdaeb71e50c3e1a$exports = {};
359
- $8bdaeb71e50c3e1a$exports = {
360
- "deselectedItem": (args) => `${args.item} neselectat.`,
361
- "longPressToSelect": `Apăsați lung pentru a intra în modul de selectare.`,
362
- "select": `Selectare`,
363
- "selectedAll": `Toate elementele selectate.`,
364
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
365
- "=0": `Niciun element selectat`,
366
- one: () => `${formatter.number(args.count)} element selectat`,
367
- other: () => `${formatter.number(args.count)} elemente selectate`
368
- })}.`,
369
- "selectedItem": (args) => `${args.item} selectat.`
370
- };
371
- var $ec2b852dd7c3d1f2$exports = {};
372
- $ec2b852dd7c3d1f2$exports = {
373
- "deselectedItem": (args) => `${args.item} не выбрано.`,
374
- "longPressToSelect": `Нажмите и удерживайте для входа в режим выбора.`,
375
- "select": `Выбрать`,
376
- "selectedAll": `Выбраны все элементы.`,
377
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
378
- "=0": `Нет выбранных элементов`,
379
- one: () => `${formatter.number(args.count)} элемент выбран`,
380
- other: () => `${formatter.number(args.count)} элементов выбрано`
381
- })}.`,
382
- "selectedItem": (args) => `${args.item} выбрано.`
383
- };
384
- var $79e6d900d6a4f82d$exports = {};
385
- $79e6d900d6a4f82d$exports = {
386
- "deselectedItem": (args) => `Nevybraté položky: ${args.item}.`,
387
- "longPressToSelect": `Dlhším stlačením prejdite do režimu výberu.`,
388
- "select": `Vybrať`,
389
- "selectedAll": `Všetky vybraté položky.`,
390
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
391
- "=0": `Žiadne vybraté položky`,
392
- one: () => `${formatter.number(args.count)} vybratá položka`,
393
- other: () => `Počet vybratých položiek:${formatter.number(args.count)}`
394
- })}.`,
395
- "selectedItem": (args) => `Vybraté položky: ${args.item}.`
396
- };
397
- var $f4c1f0d5d4d03d80$exports = {};
398
- $f4c1f0d5d4d03d80$exports = {
399
- "deselectedItem": (args) => `Element ${args.item} ni izbran.`,
400
- "longPressToSelect": `Za izbirni način pritisnite in dlje časa držite.`,
401
- "select": `Izberite`,
402
- "selectedAll": `Vsi elementi so izbrani.`,
403
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
404
- "=0": `Noben element ni izbran`,
405
- one: () => `${formatter.number(args.count)} element je izbran`,
406
- other: () => `${formatter.number(args.count)} elementov je izbranih`
407
- })}.`,
408
- "selectedItem": (args) => `Element ${args.item} je izbran.`
409
- };
410
- var $46252cd87269b10b$exports = {};
411
- $46252cd87269b10b$exports = {
412
- "deselectedItem": (args) => `${args.item} nije izabrano.`,
413
- "longPressToSelect": `Dugo pritisnite za ulazak u režim biranja.`,
414
- "select": `Izaberite`,
415
- "selectedAll": `Izabrane su sve stavke.`,
416
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
417
- "=0": `Nije izabrana nijedna stavka`,
418
- one: () => `Izabrana je ${formatter.number(args.count)} stavka`,
419
- other: () => `Izabrano je ${formatter.number(args.count)} stavki`
420
- })}.`,
421
- "selectedItem": (args) => `${args.item} je izabrano.`
422
- };
423
- var $d4d5d8dab362555c$exports = {};
424
- $d4d5d8dab362555c$exports = {
425
- "deselectedItem": (args) => `${args.item} ej markerat.`,
426
- "longPressToSelect": `Tryck länge när du vill öppna väljarläge.`,
427
- "select": `Markera`,
428
- "selectedAll": `Alla markerade objekt.`,
429
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
430
- "=0": `Inga markerade objekt`,
431
- one: () => `${formatter.number(args.count)} markerat objekt`,
432
- other: () => `${formatter.number(args.count)} markerade objekt`
433
- })}.`,
434
- "selectedItem": (args) => `${args.item} markerat.`
435
- };
436
- var $3d55d1f97c377e83$exports = {};
437
- $3d55d1f97c377e83$exports = {
438
- "deselectedItem": (args) => `${args.item} seçilmedi.`,
439
- "longPressToSelect": `Seçim moduna girmek için uzun basın.`,
440
- "select": `Seç`,
441
- "selectedAll": `Tüm ögeler seçildi.`,
442
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
443
- "=0": `Hiçbir öge seçilmedi`,
444
- one: () => `${formatter.number(args.count)} öge seçildi`,
445
- other: () => `${formatter.number(args.count)} öge seçildi`
446
- })}.`,
447
- "selectedItem": (args) => `${args.item} seçildi.`
448
- };
449
- var $5368512f1c703a3f$exports = {};
450
- $5368512f1c703a3f$exports = {
451
- "deselectedItem": (args) => `${args.item} не вибрано.`,
452
- "longPressToSelect": `Виконайте довге натиснення, щоб перейти в режим вибору.`,
453
- "select": `Вибрати`,
454
- "selectedAll": `Усі елементи вибрано.`,
455
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
456
- "=0": `Жодних елементів не вибрано`,
457
- one: () => `${formatter.number(args.count)} елемент вибрано`,
458
- other: () => `Вибрано елементів: ${formatter.number(args.count)}`
459
- })}.`,
460
- "selectedItem": (args) => `${args.item} вибрано.`
461
- };
462
- var $f1316b1074463583$exports = {};
463
- $f1316b1074463583$exports = {
464
- "deselectedItem": (args) => `未选择 ${args.item}。`,
465
- "longPressToSelect": `长按以进入选择模式。`,
466
- "select": `选择`,
467
- "selectedAll": `已选择所有项目。`,
468
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
469
- "=0": `未选择项目`,
470
- one: () => `已选择 ${formatter.number(args.count)} 个项目`,
471
- other: () => `已选择 ${formatter.number(args.count)} 个项目`
472
- })}。`,
473
- "selectedItem": (args) => `已选择 ${args.item}。`
474
- };
475
- var $7e60654723031b6f$exports = {};
476
- $7e60654723031b6f$exports = {
477
- "deselectedItem": (args) => `未選取「${args.item}」。`,
478
- "longPressToSelect": `長按以進入選擇模式。`,
479
- "select": `選取`,
480
- "selectedAll": `已選取所有項目。`,
481
- "selectedCount": (args, formatter) => `${formatter.plural(args.count, {
482
- "=0": `未選取任何項目`,
483
- one: () => `已選取 ${formatter.number(args.count)} 個項目`,
484
- other: () => `已選取 ${formatter.number(args.count)} 個項目`
485
- })}。`,
486
- "selectedItem": (args) => `已選取「${args.item}」。`
487
- };
488
- var $835c96616a7cb4f9$exports = {};
489
- $835c96616a7cb4f9$exports = {
490
- "ar-AE": $682989befd4f478d$exports,
491
- "bg-BG": $f7fca02019afd941$exports,
492
- "cs-CZ": $8f86f40be75387f1$exports,
493
- "da-DK": $db24ba43c8d652ee$exports,
494
- "de-DE": $f8f1e72c8b5447d6$exports,
495
- "el-GR": $9a73ed2983c3ab0b$exports,
496
- "en-US": $583de0b3587601b9$exports,
497
- "es-ES": $147159c978043442$exports,
498
- "et-EE": $5cbb62c8a19173ac$exports,
499
- "fi-FI": $a33d71dc804cc59e$exports,
500
- "fr-FR": $92d800447793d084$exports,
501
- "he-IL": $fe732cdb32124ea8$exports,
502
- "hr-HR": $e41234e934efb4f5$exports,
503
- "hu-HU": $1b0393182473bf9e$exports,
504
- "it-IT": $2eed782c1c110ce7$exports,
505
- "ja-JP": $8b5d459f86e9b23c$exports,
506
- "ko-KR": $1949c3ad17295fd4$exports,
507
- "lt-LT": $f5e3df4dc8aa7b54$exports,
508
- "lv-LV": $9dd86690a5c2b2c5$exports,
509
- "nb-NO": $843964c3bf9a7d24$exports,
510
- "nl-NL": $73f50e845f9ef3b4$exports,
511
- "pl-PL": $87f92a7e077514b2$exports,
512
- "pt-BR": $c28c98d58ee9ff6f$exports,
513
- "pt-PT": $b6b1503b17b2254d$exports,
514
- "ro-RO": $8bdaeb71e50c3e1a$exports,
515
- "ru-RU": $ec2b852dd7c3d1f2$exports,
516
- "sk-SK": $79e6d900d6a4f82d$exports,
517
- "sl-SI": $f4c1f0d5d4d03d80$exports,
518
- "sr-SP": $46252cd87269b10b$exports,
519
- "sv-SE": $d4d5d8dab362555c$exports,
520
- "tr-TR": $3d55d1f97c377e83$exports,
521
- "uk-UA": $5368512f1c703a3f$exports,
522
- "zh-CN": $f1316b1074463583$exports,
523
- "zh-TW": $7e60654723031b6f$exports
524
- };
525
- function $parcel$interopDefault$2(a) {
526
- return a && a.__esModule ? a.default : a;
527
- }
528
- function $92599c3fd427b763$export$137e594ef3218a10(props, state) {
529
- let { getRowText = (key) => {
530
- var _state_collection_getTextValue, _state_collection, _state_collection_getItem;
531
- var _state_collection_getTextValue1;
532
- return (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === void 0 ? void 0 : _state_collection_getTextValue.call(_state_collection, key)) !== null && _state_collection_getTextValue1 !== void 0 ? _state_collection_getTextValue1 : (_state_collection_getItem = state.collection.getItem(key)) === null || _state_collection_getItem === void 0 ? void 0 : _state_collection_getItem.textValue;
533
- } } = props;
534
- let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$2($835c96616a7cb4f9$exports), "@react-aria/grid");
535
- let selection = state.selectionManager.rawSelection;
536
- let lastSelection = useRef(selection);
537
- $4f58c5f72bcf79f7$export$496315a1608d9602(() => {
538
- var _lastSelection_current;
539
- if (!state.selectionManager.isFocused) {
540
- lastSelection.current = selection;
541
- return;
542
- }
543
- let addedKeys = $92599c3fd427b763$var$diffSelection(selection, lastSelection.current);
544
- let removedKeys = $92599c3fd427b763$var$diffSelection(lastSelection.current, selection);
545
- let isReplace = state.selectionManager.selectionBehavior === "replace";
546
- let messages = [];
547
- if (state.selectionManager.selectedKeys.size === 1 && isReplace) {
548
- if (state.collection.getItem(state.selectionManager.selectedKeys.keys().next().value)) {
549
- let currentSelectionText = getRowText(state.selectionManager.selectedKeys.keys().next().value);
550
- if (currentSelectionText) messages.push(stringFormatter.format("selectedItem", {
551
- item: currentSelectionText
552
- }));
553
- }
554
- } else if (addedKeys.size === 1 && removedKeys.size === 0) {
555
- let addedText = getRowText(addedKeys.keys().next().value);
556
- if (addedText) messages.push(stringFormatter.format("selectedItem", {
557
- item: addedText
558
- }));
559
- } else if (removedKeys.size === 1 && addedKeys.size === 0) {
560
- if (state.collection.getItem(removedKeys.keys().next().value)) {
561
- let removedText = getRowText(removedKeys.keys().next().value);
562
- if (removedText) messages.push(stringFormatter.format("deselectedItem", {
563
- item: removedText
564
- }));
565
- }
566
- }
567
- if (state.selectionManager.selectionMode === "multiple") {
568
- if (messages.length === 0 || selection === "all" || selection.size > 1 || lastSelection.current === "all" || ((_lastSelection_current = lastSelection.current) === null || _lastSelection_current === void 0 ? void 0 : _lastSelection_current.size) > 1) messages.push(selection === "all" ? stringFormatter.format("selectedAll") : stringFormatter.format("selectedCount", {
569
- count: selection.size
570
- }));
571
- }
572
- if (messages.length > 0) $319e236875307eab$export$a9b970dcc4ae71a9(messages.join(" "));
573
- lastSelection.current = selection;
574
- }, [
575
- selection
576
- ]);
577
- }
578
- function $92599c3fd427b763$var$diffSelection(a, b) {
579
- let res = /* @__PURE__ */ new Set();
580
- if (a === "all" || b === "all") return res;
581
- for (let key of a.keys()) if (!b.has(key)) res.add(key);
582
- return res;
583
- }
584
- function $parcel$interopDefault$1(a) {
585
- return a && a.__esModule ? a.default : a;
586
- }
587
- function $5b9b5b5723db6ae1$export$be42ebdab07ae4c2(props) {
588
- let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$1($835c96616a7cb4f9$exports), "@react-aria/grid");
589
- let modality = $507fabe10e71c6fb$export$98e20ec92f614cfe();
590
- let shouldLongPress = (modality === "pointer" || modality === "virtual" || modality == null) && typeof window !== "undefined" && "ontouchstart" in window;
591
- let interactionDescription = useMemo(() => {
592
- let selectionMode = props.selectionManager.selectionMode;
593
- let selectionBehavior = props.selectionManager.selectionBehavior;
594
- let message = void 0;
595
- if (shouldLongPress) message = stringFormatter.format("longPressToSelect");
596
- return selectionBehavior === "replace" && selectionMode !== "none" && props.hasItemActions ? message : void 0;
597
- }, [
598
- props.selectionManager.selectionMode,
599
- props.selectionManager.selectionBehavior,
600
- props.hasItemActions,
601
- stringFormatter,
602
- shouldLongPress
603
- ]);
604
- let descriptionProps = $ef06256079686ba0$export$f8aeda7b10753fa1(interactionDescription);
605
- return descriptionProps;
606
- }
607
- function $parcel$interopDefault(a) {
608
- return a && a.__esModule ? a.default : a;
609
- }
610
- function $7cb39d07f245a780$export$70e2eed1a92976ad(props, state) {
611
- let { key } = props;
612
- let manager = state.selectionManager;
613
- let checkboxId = $bdb11010cef70236$export$f680877a34711e37();
614
- let isDisabled = !state.selectionManager.canSelectItem(key);
615
- let isSelected = state.selectionManager.isSelected(key);
616
- let onChange = () => manager.toggleSelection(key);
617
- const stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($835c96616a7cb4f9$exports), "@react-aria/grid");
618
- return {
619
- checkboxProps: {
620
- id: checkboxId,
621
- "aria-label": stringFormatter.format("select"),
622
- isSelected,
623
- isDisabled,
624
- onChange
625
- }
626
- };
627
- }
628
- function $f47efb0c3a859cf2$export$664f9155035607eb(props, state, ref) {
629
- let { isVirtualized, keyboardDelegate, layoutDelegate, onAction, linkBehavior = "action", keyboardNavigationBehavior = "arrow" } = props;
630
- if (!props["aria-label"] && !props["aria-labelledby"]) console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
631
- let { listProps } = $982254629710d113$export$b95089534ab7c1fd({
632
- selectionManager: state.selectionManager,
633
- collection: state.collection,
634
- disabledKeys: state.disabledKeys,
635
- ref,
636
- keyboardDelegate,
637
- layoutDelegate,
638
- isVirtualized,
639
- selectOnFocus: state.selectionManager.selectionBehavior === "replace",
640
- shouldFocusWrap: props.shouldFocusWrap,
641
- linkBehavior
642
- });
643
- let id = $bdb11010cef70236$export$f680877a34711e37(props.id);
644
- $ce9b18daab526bbd$export$5b9bb410392e3991.set(state, {
645
- id,
646
- onAction,
647
- linkBehavior,
648
- keyboardNavigationBehavior
649
- });
650
- let descriptionProps = $5b9b5b5723db6ae1$export$be42ebdab07ae4c2({
651
- selectionManager: state.selectionManager,
652
- hasItemActions: !!onAction
653
- });
654
- let hasTabbableChild = $83013635b024ae3d$export$eac1895992b9f3d6(ref, {
655
- isDisabled: state.collection.size !== 0
656
- });
657
- let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
658
- labelable: true
659
- });
660
- let gridProps = $3ef42575df84b30b$export$9d1611c77c2fe928(
661
- domProps,
662
- {
663
- role: "grid",
664
- id,
665
- "aria-multiselectable": state.selectionManager.selectionMode === "multiple" ? "true" : void 0
666
- },
667
- // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
668
- state.collection.size === 0 ? {
669
- tabIndex: hasTabbableChild ? -1 : 0
670
- } : listProps,
671
- descriptionProps
672
- );
673
- if (isVirtualized) {
674
- gridProps["aria-rowcount"] = state.collection.size;
675
- gridProps["aria-colcount"] = 1;
676
- }
677
- $92599c3fd427b763$export$137e594ef3218a10({}, state);
678
- return {
679
- gridProps
680
- };
681
- }
682
- const $4e8b0456ef72939f$var$EXPANSION_KEYS = {
683
- "expand": {
684
- ltr: "ArrowRight",
685
- rtl: "ArrowLeft"
686
- },
687
- "collapse": {
688
- ltr: "ArrowLeft",
689
- rtl: "ArrowRight"
690
- }
691
- };
692
- function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
693
- var _node_props, _node_props1;
694
- let { node, isVirtualized, shouldSelectOnPressUp } = props;
695
- let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
696
- let { onAction, linkBehavior, keyboardNavigationBehavior } = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state);
697
- let descriptionId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
698
- let keyWhenFocused = useRef(null);
699
- let focus = () => {
700
- var _ref_current;
701
- if (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(document.activeElement))) $6a99195332edec8b$export$80f3e147d781571c(ref.current);
702
- };
703
- let treeGridRowProps = {};
704
- let hasChildRows;
705
- let hasLink = state.selectionManager.isLink(node.key);
706
- if (node != null && "expandedKeys" in state) {
707
- hasChildRows = [
708
- ...state.collection.getChildren(node.key)
709
- ].length > 1;
710
- if (onAction == null && !hasLink && state.selectionManager.selectionMode === "none" && hasChildRows) onAction = () => state.toggleKey(node.key);
711
- let isExpanded = hasChildRows ? state.expandedKeys.has(node.key) : void 0;
712
- treeGridRowProps = {
713
- "aria-expanded": isExpanded,
714
- "aria-level": node.level + 1,
715
- "aria-posinset": (node === null || node === void 0 ? void 0 : node.index) + 1,
716
- "aria-setsize": node.level > 0 ? $c5a24bc478652b5f$export$7475b2c64539e4cf(state.collection.getChildren(node === null || node === void 0 ? void 0 : node.parentKey)).index + 1 : [
717
- ...state.collection
718
- ].filter((row) => row.level === 0).at(-1).index + 1
719
- };
720
- }
721
- let { itemProps, ...itemStates } = $880e95eb8b93ba9a$export$ecf600387e221c37({
722
- selectionManager: state.selectionManager,
723
- key: node.key,
724
- ref,
725
- isVirtualized,
726
- shouldSelectOnPressUp,
727
- onAction: onAction || ((_node_props = node.props) === null || _node_props === void 0 ? void 0 : _node_props.onAction) ? $ff5963eb1fccf552$export$e08e3b67e392101e((_node_props1 = node.props) === null || _node_props1 === void 0 ? void 0 : _node_props1.onAction, onAction ? () => onAction(node.key) : void 0) : void 0,
728
- focus,
729
- linkBehavior
730
- });
731
- let onKeyDown = (e) => {
732
- if (!e.currentTarget.contains(e.target)) return;
733
- let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(ref.current);
734
- walker.currentNode = document.activeElement;
735
- if ("expandedKeys" in state && document.activeElement === ref.current) {
736
- if (e.key === $4e8b0456ef72939f$var$EXPANSION_KEYS["expand"][direction] && state.selectionManager.focusedKey === node.key && hasChildRows && !state.expandedKeys.has(node.key)) {
737
- state.toggleKey(node.key);
738
- e.stopPropagation();
739
- return;
740
- } else if (e.key === $4e8b0456ef72939f$var$EXPANSION_KEYS["collapse"][direction] && state.selectionManager.focusedKey === node.key && hasChildRows && state.expandedKeys.has(node.key)) {
741
- state.toggleKey(node.key);
742
- e.stopPropagation();
743
- return;
744
- }
745
- }
746
- switch (e.key) {
747
- case "ArrowLeft":
748
- if (keyboardNavigationBehavior === "arrow") {
749
- let focusable = direction === "rtl" ? walker.nextNode() : walker.previousNode();
750
- if (focusable) {
751
- e.preventDefault();
752
- e.stopPropagation();
753
- $6a99195332edec8b$export$80f3e147d781571c(focusable);
754
- $2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
755
- containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
756
- });
757
- } else {
758
- e.preventDefault();
759
- e.stopPropagation();
760
- if (direction === "rtl") {
761
- $6a99195332edec8b$export$80f3e147d781571c(ref.current);
762
- $2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
763
- containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
764
- });
765
- } else {
766
- walker.currentNode = ref.current;
767
- let lastElement = $4e8b0456ef72939f$var$last(walker);
768
- if (lastElement) {
769
- $6a99195332edec8b$export$80f3e147d781571c(lastElement);
770
- $2f04cbc44ee30ce0$export$c826860796309d1b(lastElement, {
771
- containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
772
- });
773
- }
774
- }
775
- }
776
- }
777
- break;
778
- case "ArrowRight":
779
- if (keyboardNavigationBehavior === "arrow") {
780
- let focusable = direction === "rtl" ? walker.previousNode() : walker.nextNode();
781
- if (focusable) {
782
- e.preventDefault();
783
- e.stopPropagation();
784
- $6a99195332edec8b$export$80f3e147d781571c(focusable);
785
- $2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
786
- containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
787
- });
788
- } else {
789
- e.preventDefault();
790
- e.stopPropagation();
791
- if (direction === "ltr") {
792
- $6a99195332edec8b$export$80f3e147d781571c(ref.current);
793
- $2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
794
- containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
795
- });
796
- } else {
797
- walker.currentNode = ref.current;
798
- let lastElement = $4e8b0456ef72939f$var$last(walker);
799
- if (lastElement) {
800
- $6a99195332edec8b$export$80f3e147d781571c(lastElement);
801
- $2f04cbc44ee30ce0$export$c826860796309d1b(lastElement, {
802
- containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
803
- });
804
- }
805
- }
806
- }
807
- }
808
- break;
809
- case "ArrowUp":
810
- case "ArrowDown":
811
- if (!e.altKey && ref.current.contains(e.target)) {
812
- e.stopPropagation();
813
- e.preventDefault();
814
- ref.current.parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
815
- }
816
- break;
817
- case "Tab":
818
- if (keyboardNavigationBehavior === "tab") {
819
- let walker2 = $9bf71ea28793e738$export$2d6ec8fc375ceafa(ref.current, {
820
- tabbable: true
821
- });
822
- walker2.currentNode = document.activeElement;
823
- let next = e.shiftKey ? walker2.previousNode() : walker2.nextNode();
824
- if (next) e.stopPropagation();
825
- }
826
- }
827
- };
828
- let onFocus = (e) => {
829
- keyWhenFocused.current = node.key;
830
- if (e.target !== ref.current) {
831
- if (!$507fabe10e71c6fb$export$b9b3dfddab17db27()) state.selectionManager.setFocusedKey(node.key);
832
- return;
833
- }
834
- };
835
- let syntheticLinkProps = $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(node.props);
836
- let linkProps = itemStates.hasAction ? syntheticLinkProps : {};
837
- let rowProps = $3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, linkProps, {
838
- role: "row",
839
- onKeyDownCapture: onKeyDown,
840
- onFocus,
841
- // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
842
- "aria-label": node.textValue || void 0,
843
- "aria-selected": state.selectionManager.canSelectItem(node.key) ? state.selectionManager.isSelected(node.key) : void 0,
844
- "aria-disabled": state.selectionManager.isDisabled(node.key) || void 0,
845
- "aria-labelledby": descriptionId && node.textValue ? `${$ce9b18daab526bbd$export$f45c25170b9a99c2(state, node.key)} ${descriptionId}` : void 0,
846
- id: $ce9b18daab526bbd$export$f45c25170b9a99c2(state, node.key)
847
- });
848
- if (isVirtualized) rowProps["aria-rowindex"] = node.index + 1;
849
- let gridCellProps = {
850
- role: "gridcell",
851
- "aria-colindex": 1
852
- };
853
- return {
854
- rowProps: {
855
- ...$3ef42575df84b30b$export$9d1611c77c2fe928(rowProps, treeGridRowProps)
856
- },
857
- gridCellProps,
858
- descriptionProps: {
859
- id: descriptionId
860
- },
861
- ...itemStates
862
- };
863
- }
864
- function $4e8b0456ef72939f$var$last(walker) {
865
- let next;
866
- let last;
867
- do {
868
- last = walker.lastChild();
869
- if (last) next = last;
870
- } while (last);
871
- return next;
872
- }
873
- function $e52ffc04a4adbd52$export$e29f2573fabbf7b9(props, state) {
874
- let { key } = props;
875
- const { checkboxProps } = $7cb39d07f245a780$export$70e2eed1a92976ad(props, state);
876
- return {
877
- checkboxProps: {
878
- ...checkboxProps,
879
- "aria-labelledby": `${checkboxProps.id} ${$ce9b18daab526bbd$export$f45c25170b9a99c2(state, key)}`
880
- }
881
- };
882
- }
883
- const $72e60046c03fbe42$export$54fe942636b6416d = /* @__PURE__ */ createContext(null);
884
- function $72e60046c03fbe42$var$GridList(props, ref) {
885
- [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $72e60046c03fbe42$export$54fe942636b6416d);
886
- return /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$bf788dd355e3a401, {
887
- content: /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$fb8073518f34e6ec, props)
888
- }, (collection) => /* @__PURE__ */ React__default.createElement($72e60046c03fbe42$var$GridListInner, {
889
- props,
890
- collection,
891
- gridListRef: ref
892
- }));
893
- }
894
- function $72e60046c03fbe42$var$GridListInner({ props, collection, gridListRef: ref }) {
895
- let { dragAndDropHooks, keyboardNavigationBehavior = "arrow", layout = "stack" } = props;
896
- let { CollectionRoot, isVirtualized, layoutDelegate, dropTargetDelegate: ctxDropTargetDelegate } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
897
- let state = $e72dd72e1c76a225$export$2f645645f7bca764({
898
- ...props,
899
- collection,
900
- children: void 0
901
- });
902
- let collator = $325a3faab7a68acd$export$a16aca283550c30d({
903
- usage: "search",
904
- sensitivity: "base"
905
- });
906
- let { disabledBehavior, disabledKeys } = state.selectionManager;
907
- let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
908
- let keyboardDelegate = useMemo(() => new $2a25aae57d74318e$export$a05409b8bb224a5a({
909
- collection,
910
- collator,
911
- ref,
912
- disabledKeys,
913
- disabledBehavior,
914
- layoutDelegate,
915
- layout,
916
- direction
917
- }), [
918
- collection,
919
- ref,
920
- layout,
921
- disabledKeys,
922
- disabledBehavior,
923
- layoutDelegate,
924
- collator,
925
- direction
926
- ]);
927
- let { gridProps } = $f47efb0c3a859cf2$export$664f9155035607eb({
928
- ...props,
929
- keyboardDelegate,
930
- // Only tab navigation is supported in grid layout.
931
- keyboardNavigationBehavior: layout === "grid" ? "tab" : keyboardNavigationBehavior,
932
- isVirtualized
933
- }, state, ref);
934
- let selectionManager = state.selectionManager;
935
- let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
936
- let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
937
- let dragHooksProvided = useRef(isListDraggable);
938
- let dropHooksProvided = useRef(isListDroppable);
939
- useEffect(() => {
940
- if (dragHooksProvided.current !== isListDraggable) console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
941
- if (dropHooksProvided.current !== isListDroppable) console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
942
- }, [
943
- isListDraggable,
944
- isListDroppable
945
- ]);
946
- let dragState = void 0;
947
- let dropState = void 0;
948
- let droppableCollection = void 0;
949
- let isRootDropTarget = false;
950
- let dragPreview = null;
951
- let preview = useRef(null);
952
- if (isListDraggable && dragAndDropHooks) {
953
- dragState = dragAndDropHooks.useDraggableCollectionState({
954
- collection,
955
- selectionManager,
956
- preview: dragAndDropHooks.renderDragPreview ? preview : void 0
957
- });
958
- dragAndDropHooks.useDraggableCollection({}, dragState, ref);
959
- let DragPreview = dragAndDropHooks.DragPreview;
960
- dragPreview = dragAndDropHooks.renderDragPreview ? /* @__PURE__ */ React__default.createElement(DragPreview, {
961
- ref: preview
962
- }, dragAndDropHooks.renderDragPreview) : null;
963
- }
964
- if (isListDroppable && dragAndDropHooks) {
965
- dropState = dragAndDropHooks.useDroppableCollectionState({
966
- collection,
967
- selectionManager
968
- });
969
- let keyboardDelegate2 = new $2a25aae57d74318e$export$a05409b8bb224a5a({
970
- collection,
971
- disabledKeys: selectionManager.disabledKeys,
972
- disabledBehavior: selectionManager.disabledBehavior,
973
- ref
974
- });
975
- let dropTargetDelegate = dragAndDropHooks.dropTargetDelegate || ctxDropTargetDelegate || new dragAndDropHooks.ListDropTargetDelegate(collection, ref, {
976
- layout,
977
- direction
978
- });
979
- droppableCollection = dragAndDropHooks.useDroppableCollection({
980
- keyboardDelegate: keyboardDelegate2,
981
- dropTargetDelegate
982
- }, dropState, ref);
983
- isRootDropTarget = dropState.isDropTarget({
984
- type: "root"
985
- });
986
- }
987
- let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f();
988
- let renderValues = {
989
- isDropTarget: isRootDropTarget,
990
- isEmpty: state.collection.size === 0,
991
- isFocused,
992
- isFocusVisible,
993
- layout,
994
- state
995
- };
996
- let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
997
- className: props.className,
998
- style: props.style,
999
- defaultClassName: "react-aria-GridList",
1000
- values: renderValues
1001
- });
1002
- let emptyState = null;
1003
- let emptyStatePropOverrides = null;
1004
- if (state.collection.size === 0 && props.renderEmptyState) {
1005
- let content = props.renderEmptyState(renderValues);
1006
- emptyState = /* @__PURE__ */ React__default.createElement("div", {
1007
- role: "row",
1008
- style: {
1009
- display: "contents"
1010
- }
1011
- }, /* @__PURE__ */ React__default.createElement("div", {
1012
- role: "gridcell",
1013
- style: {
1014
- display: "contents"
1015
- }
1016
- }, content));
1017
- }
1018
- return /* @__PURE__ */ React__default.createElement($9bf71ea28793e738$export$20e40289641fbbb6, null, /* @__PURE__ */ React__default.createElement("div", {
1019
- ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props),
1020
- ...renderProps,
1021
- ...$3ef42575df84b30b$export$9d1611c77c2fe928(gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps, emptyStatePropOverrides),
1022
- ref,
1023
- slot: props.slot || void 0,
1024
- onScroll: props.onScroll,
1025
- "data-drop-target": isRootDropTarget || void 0,
1026
- "data-empty": state.collection.size === 0 || void 0,
1027
- "data-focused": isFocused || void 0,
1028
- "data-focus-visible": isFocusVisible || void 0,
1029
- "data-layout": layout
1030
- }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
1031
- values: [
1032
- [
1033
- $eed445e0843c11d0$export$7c5906fe4f1f2af2,
1034
- state
1035
- ],
1036
- [
1037
- $612b8eb6cb90e02d$export$d188a835a7bc5783,
1038
- {
1039
- dragAndDropHooks,
1040
- dragState,
1041
- dropState
1042
- }
1043
- ],
1044
- [
1045
- $612b8eb6cb90e02d$export$f55761759794cf55,
1046
- {
1047
- render: $72e60046c03fbe42$var$GridListDropIndicatorWrapper
1048
- }
1049
- ]
1050
- ]
1051
- }, isListDroppable && /* @__PURE__ */ React__default.createElement($72e60046c03fbe42$var$RootDropIndicator, null), /* @__PURE__ */ React__default.createElement(CollectionRoot, {
1052
- collection,
1053
- scrollRef: ref,
1054
- persistedKeys: $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropHooks, dropState),
1055
- renderDropIndicator: $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState)
1056
- })), emptyState, dragPreview));
1057
- }
1058
- const $72e60046c03fbe42$export$a7bfbda1311ca015 = /* @__PURE__ */ forwardRef($72e60046c03fbe42$var$GridList);
1059
- const $72e60046c03fbe42$export$e96fc9a8407faa6b = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664("item", function GridListItem(props, forwardedRef, item) {
1060
- let state = useContext($eed445e0843c11d0$export$7c5906fe4f1f2af2);
1061
- let { dragAndDropHooks, dragState, dropState } = useContext($612b8eb6cb90e02d$export$d188a835a7bc5783);
1062
- let ref = $df56164dff5785e2$export$4338b53315abf666(forwardedRef);
1063
- let { isVirtualized } = useContext($7135fc7d473fd974$export$4feb769f8ddf26c5);
1064
- let { rowProps, gridCellProps, descriptionProps, ...states } = $4e8b0456ef72939f$export$9610e69494fadfd2({
1065
- node: item,
1066
- shouldSelectOnPressUp: !!dragState,
1067
- isVirtualized
1068
- }, state, ref);
1069
- let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
1070
- isDisabled: !states.allowsSelection && !states.hasAction,
1071
- onHoverStart: item.props.onHoverStart,
1072
- onHoverChange: item.props.onHoverChange,
1073
- onHoverEnd: item.props.onHoverEnd
1074
- });
1075
- let { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
1076
- let { checkboxProps } = $e52ffc04a4adbd52$export$e29f2573fabbf7b9({
1077
- key: item.key
1078
- }, state);
1079
- let buttonProps = state.selectionManager.disabledBehavior === "all" && states.isDisabled ? {
1080
- isDisabled: true
1081
- } : {};
1082
- let draggableItem = null;
1083
- if (dragState && dragAndDropHooks) draggableItem = dragAndDropHooks.useDraggableItem({
1084
- key: item.key,
1085
- hasDragButton: true
1086
- }, dragState);
1087
- let dropIndicator = null;
1088
- let dropIndicatorRef = useRef(null);
1089
- let { visuallyHiddenProps } = $5c3e21d68f1c4674$export$a966af930f325cab();
1090
- if (dropState && dragAndDropHooks) dropIndicator = dragAndDropHooks.useDropIndicator({
1091
- target: {
1092
- type: "item",
1093
- key: item.key,
1094
- dropPosition: "on"
1095
- }
1096
- }, dropState, dropIndicatorRef);
1097
- let isDragging = dragState && dragState.isDragging(item.key);
1098
- let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
1099
- ...props,
1100
- id: void 0,
1101
- children: item.rendered,
1102
- defaultClassName: "react-aria-GridListItem",
1103
- values: {
1104
- ...states,
1105
- isHovered,
1106
- isFocusVisible,
1107
- selectionMode: state.selectionManager.selectionMode,
1108
- selectionBehavior: state.selectionManager.selectionBehavior,
1109
- allowsDragging: !!dragState,
1110
- isDragging,
1111
- isDropTarget: dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isDropTarget
1112
- }
1113
- });
1114
- let dragButtonRef = useRef(null);
1115
- useEffect(() => {
1116
- if (dragState && !dragButtonRef.current) console.warn('Draggable items in a GridList must contain a <Button slot="drag"> element so that keyboard and screen reader users can drag them.');
1117
- }, []);
1118
- useEffect(() => {
1119
- if (!item.textValue) console.warn("A `textValue` prop is required for <GridListItem> elements with non-plain text children in order to support accessibility features such as type to select.");
1120
- }, [
1121
- item.textValue
1122
- ]);
1123
- return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, dropIndicator && !dropIndicator.isHidden && /* @__PURE__ */ React__default.createElement("div", {
1124
- role: "row",
1125
- style: {
1126
- position: "absolute"
1127
- }
1128
- }, /* @__PURE__ */ React__default.createElement("div", {
1129
- role: "gridcell"
1130
- }, /* @__PURE__ */ React__default.createElement("div", {
1131
- role: "button",
1132
- ...visuallyHiddenProps,
1133
- ...dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.dropIndicatorProps,
1134
- ref: dropIndicatorRef
1135
- }))), /* @__PURE__ */ React__default.createElement("div", {
1136
- ...$3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props), rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps),
1137
- ...renderProps,
1138
- ref,
1139
- "data-selected": states.isSelected || void 0,
1140
- "data-disabled": states.isDisabled || void 0,
1141
- "data-hovered": isHovered || void 0,
1142
- "data-focused": states.isFocused || void 0,
1143
- "data-focus-visible": isFocusVisible || void 0,
1144
- "data-pressed": states.isPressed || void 0,
1145
- "data-allows-dragging": !!dragState || void 0,
1146
- "data-dragging": isDragging || void 0,
1147
- "data-drop-target": (dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isDropTarget) || void 0,
1148
- "data-selection-mode": state.selectionManager.selectionMode === "none" ? void 0 : state.selectionManager.selectionMode
1149
- }, /* @__PURE__ */ React__default.createElement("div", {
1150
- ...gridCellProps,
1151
- style: {
1152
- display: "contents"
1153
- }
1154
- }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
1155
- values: [
1156
- [
1157
- $4e85f108e88277b8$export$b085522c77523c51,
1158
- {
1159
- slots: {
1160
- selection: checkboxProps
1161
- }
1162
- }
1163
- ],
1164
- [
1165
- $d2b4bc8c273e7be6$export$24d547caef80ccd1,
1166
- {
1167
- slots: {
1168
- [$64fa3d84918910a7$export$c62b8e45d58ddad9]: buttonProps,
1169
- drag: {
1170
- ...draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragButtonProps,
1171
- ref: dragButtonRef,
1172
- style: {
1173
- pointerEvents: "none"
1174
- }
1175
- }
1176
- }
1177
- }
1178
- ],
1179
- [
1180
- $514c0188e459b4c0$export$9afb8bc826b033ea,
1181
- {
1182
- slots: {
1183
- description: descriptionProps
1184
- }
1185
- }
1186
- ],
1187
- [
1188
- $7135fc7d473fd974$export$4feb769f8ddf26c5,
1189
- $7135fc7d473fd974$export$a164736487e3f0ae
1190
- ],
1191
- [
1192
- $eed445e0843c11d0$export$7c5906fe4f1f2af2,
1193
- null
1194
- ]
1195
- ]
1196
- }, renderProps.children))));
1197
- });
1198
- function $72e60046c03fbe42$var$GridListDropIndicatorWrapper(props, ref) {
1199
- ref = $df56164dff5785e2$export$4338b53315abf666(ref);
1200
- let { dragAndDropHooks, dropState } = useContext($612b8eb6cb90e02d$export$d188a835a7bc5783);
1201
- let buttonRef = useRef(null);
1202
- let { dropIndicatorProps, isHidden, isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
1203
- if (isHidden) return null;
1204
- return /* @__PURE__ */ React__default.createElement($72e60046c03fbe42$var$GridListDropIndicatorForwardRef, {
1205
- ...props,
1206
- dropIndicatorProps,
1207
- isDropTarget,
1208
- buttonRef,
1209
- ref
1210
- });
1211
- }
1212
- function $72e60046c03fbe42$var$GridListDropIndicator(props, ref) {
1213
- let { dropIndicatorProps, isDropTarget, buttonRef, ...otherProps } = props;
1214
- let { visuallyHiddenProps } = $5c3e21d68f1c4674$export$a966af930f325cab();
1215
- let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
1216
- ...otherProps,
1217
- defaultClassName: "react-aria-DropIndicator",
1218
- values: {
1219
- isDropTarget
1220
- }
1221
- });
1222
- return /* @__PURE__ */ React__default.createElement("div", {
1223
- ...renderProps,
1224
- role: "row",
1225
- ref,
1226
- "data-drop-target": isDropTarget || void 0
1227
- }, /* @__PURE__ */ React__default.createElement("div", {
1228
- role: "gridcell"
1229
- }, /* @__PURE__ */ React__default.createElement("div", {
1230
- ...visuallyHiddenProps,
1231
- role: "button",
1232
- ...dropIndicatorProps,
1233
- ref: buttonRef
1234
- }), renderProps.children));
1235
- }
1236
- const $72e60046c03fbe42$var$GridListDropIndicatorForwardRef = /* @__PURE__ */ forwardRef($72e60046c03fbe42$var$GridListDropIndicator);
1237
- function $72e60046c03fbe42$var$RootDropIndicator() {
1238
- let { dragAndDropHooks, dropState } = useContext($612b8eb6cb90e02d$export$d188a835a7bc5783);
1239
- let ref = useRef(null);
1240
- let { dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
1241
- target: {
1242
- type: "root"
1243
- }
1244
- }, dropState, ref);
1245
- let isDropTarget = dropState.isDropTarget({
1246
- type: "root"
1247
- });
1248
- let { visuallyHiddenProps } = $5c3e21d68f1c4674$export$a966af930f325cab();
1249
- if (!isDropTarget && dropIndicatorProps["aria-hidden"]) return null;
1250
- return /* @__PURE__ */ React__default.createElement("div", {
1251
- role: "row",
1252
- "aria-hidden": dropIndicatorProps["aria-hidden"],
1253
- style: {
1254
- position: "absolute"
1255
- }
1256
- }, /* @__PURE__ */ React__default.createElement("div", {
1257
- role: "gridcell"
1258
- }, /* @__PURE__ */ React__default.createElement("div", {
1259
- role: "button",
1260
- ...visuallyHiddenProps,
1261
- ...dropIndicatorProps,
1262
- ref
1263
- })));
1264
- }
1265
- export {
1266
- $72e60046c03fbe42$export$e96fc9a8407faa6b as $,
1267
- $72e60046c03fbe42$export$a7bfbda1311ca015 as a
1268
- };