@react-spectrum/table 3.12.9-nightly.4555 → 3.12.9-nightly.4560

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 (107) hide show
  1. package/dist/DragPreview.main.js +54 -0
  2. package/dist/DragPreview.main.js.map +1 -0
  3. package/dist/DragPreview.mjs +49 -0
  4. package/dist/DragPreview.module.js +49 -0
  5. package/dist/DragPreview.module.js.map +1 -0
  6. package/dist/InsertionIndicator.main.js +63 -0
  7. package/dist/InsertionIndicator.main.js.map +1 -0
  8. package/dist/InsertionIndicator.mjs +58 -0
  9. package/dist/InsertionIndicator.module.js +58 -0
  10. package/dist/InsertionIndicator.module.js.map +1 -0
  11. package/dist/Nubbin.main.js +62 -0
  12. package/dist/Nubbin.main.js.map +1 -0
  13. package/dist/Nubbin.mjs +53 -0
  14. package/dist/Nubbin.module.js +53 -0
  15. package/dist/Nubbin.module.js.map +1 -0
  16. package/dist/Resizer.main.js +143 -0
  17. package/dist/Resizer.main.js.map +1 -0
  18. package/dist/Resizer.mjs +138 -0
  19. package/dist/Resizer.module.js +138 -0
  20. package/dist/Resizer.module.js.map +1 -0
  21. package/dist/RootDropIndicator.main.js +57 -0
  22. package/dist/RootDropIndicator.main.js.map +1 -0
  23. package/dist/RootDropIndicator.mjs +48 -0
  24. package/dist/RootDropIndicator.module.js +48 -0
  25. package/dist/RootDropIndicator.module.js.map +1 -0
  26. package/dist/TableView.main.js +50 -0
  27. package/dist/TableView.main.js.map +1 -0
  28. package/dist/TableView.mjs +41 -0
  29. package/dist/TableView.module.js +41 -0
  30. package/dist/TableView.module.js.map +1 -0
  31. package/dist/TableViewBase.main.js +1193 -0
  32. package/dist/TableViewBase.main.js.map +1 -0
  33. package/dist/TableViewBase.mjs +1186 -0
  34. package/dist/TableViewBase.module.js +1186 -0
  35. package/dist/TableViewBase.module.js.map +1 -0
  36. package/dist/TableViewWrapper.main.js +46 -0
  37. package/dist/TableViewWrapper.main.js.map +1 -0
  38. package/dist/TableViewWrapper.mjs +37 -0
  39. package/dist/TableViewWrapper.module.js +37 -0
  40. package/dist/TableViewWrapper.module.js.map +1 -0
  41. package/dist/TreeGridTableView.main.js +50 -0
  42. package/dist/TreeGridTableView.main.js.map +1 -0
  43. package/dist/TreeGridTableView.mjs +41 -0
  44. package/dist/TreeGridTableView.module.js +41 -0
  45. package/dist/TreeGridTableView.module.js.map +1 -0
  46. package/dist/ar-AE.mjs +1 -1
  47. package/dist/bg-BG.mjs +1 -1
  48. package/dist/cs-CZ.mjs +1 -1
  49. package/dist/da-DK.mjs +1 -1
  50. package/dist/de-DE.mjs +1 -1
  51. package/dist/el-GR.mjs +1 -1
  52. package/dist/en-US.mjs +1 -1
  53. package/dist/es-ES.mjs +1 -1
  54. package/dist/et-EE.mjs +1 -1
  55. package/dist/fi-FI.mjs +1 -1
  56. package/dist/fr-FR.mjs +1 -1
  57. package/dist/he-IL.mjs +1 -1
  58. package/dist/hr-HR.mjs +1 -1
  59. package/dist/hu-HU.mjs +1 -1
  60. package/dist/import.mjs +2 -1930
  61. package/dist/intlStrings.main.js +108 -0
  62. package/dist/intlStrings.main.js.map +1 -0
  63. package/dist/intlStrings.mjs +110 -0
  64. package/dist/intlStrings.module.js +110 -0
  65. package/dist/intlStrings.module.js.map +1 -0
  66. package/dist/it-IT.mjs +1 -1
  67. package/dist/ja-JP.mjs +1 -1
  68. package/dist/ko-KR.mjs +1 -1
  69. package/dist/lt-LT.mjs +1 -1
  70. package/dist/lv-LV.mjs +1 -1
  71. package/dist/main.js +2 -1926
  72. package/dist/main.js.map +1 -1
  73. package/dist/module.js +2 -1930
  74. package/dist/module.js.map +1 -1
  75. package/dist/nb-NO.mjs +1 -1
  76. package/dist/nl-NL.mjs +1 -1
  77. package/dist/pl-PL.mjs +1 -1
  78. package/dist/pt-BR.mjs +1 -1
  79. package/dist/pt-PT.mjs +1 -1
  80. package/dist/ro-RO.mjs +1 -1
  81. package/dist/ru-RU.mjs +1 -1
  82. package/dist/sk-SK.mjs +1 -1
  83. package/dist/sl-SI.mjs +1 -1
  84. package/dist/sr-SP.mjs +1 -1
  85. package/dist/sv-SE.mjs +1 -1
  86. package/dist/table.b13eee90.css +220 -0
  87. package/dist/table.b13eee90.css.map +1 -0
  88. package/dist/table_css.main.js +74 -0
  89. package/dist/table_css.main.js.map +1 -0
  90. package/dist/table_css.mjs +76 -0
  91. package/dist/table_css.module.js +76 -0
  92. package/dist/table_css.module.js.map +1 -0
  93. package/dist/table_vars_css.main.js +197 -0
  94. package/dist/table_vars_css.main.js.map +1 -0
  95. package/dist/table_vars_css.mjs +199 -0
  96. package/dist/table_vars_css.module.js +199 -0
  97. package/dist/table_vars_css.module.js.map +1 -0
  98. package/dist/tr-TR.mjs +1 -1
  99. package/dist/uk-UA.mjs +1 -1
  100. package/dist/{main.css → vars.42570ef3.css} +1 -221
  101. package/dist/vars.42570ef3.css.map +1 -0
  102. package/dist/zh-CN.mjs +1 -1
  103. package/dist/zh-TW.mjs +1 -1
  104. package/package.json +28 -28
  105. package/dist/main.css.map +0 -1
  106. package/dist/module.css +0 -1208
  107. package/dist/module.css.map +0 -1
package/dist/module.js CHANGED
@@ -1,73 +1,6 @@
1
- import $daf541512f75fd9b$exports from "./ar-AE.module.js";
2
- import $50819411ab066aa0$exports from "./bg-BG.module.js";
3
- import $4f747f794f1bcba7$exports from "./cs-CZ.module.js";
4
- import $9b4578f7fea36fce$exports from "./da-DK.module.js";
5
- import $d1341bbc3e1d2378$exports from "./de-DE.module.js";
6
- import $62dc02a47a5c68a9$exports from "./el-GR.module.js";
7
- import $4040b78666bdeb49$exports from "./en-US.module.js";
8
- import $b77a23040d0637b4$exports from "./es-ES.module.js";
9
- import $54ccb4bcf3ebc0a8$exports from "./et-EE.module.js";
10
- import $37e671b8f89037ca$exports from "./fi-FI.module.js";
11
- import $8d65c5abdb6b7cbc$exports from "./fr-FR.module.js";
12
- import $a87fac8df5d40e78$exports from "./he-IL.module.js";
13
- import $a7ee65f0f8055b83$exports from "./hr-HR.module.js";
14
- import $e6091fd2263a451f$exports from "./hu-HU.module.js";
15
- import $c8d9d250bf8952b2$exports from "./it-IT.module.js";
16
- import $df07a03bb9f879ed$exports from "./ja-JP.module.js";
17
- import $40b3ef3504f4b1d0$exports from "./ko-KR.module.js";
18
- import $c6959b6b120377f9$exports from "./lt-LT.module.js";
19
- import $8fcc23e9320cffd0$exports from "./lv-LV.module.js";
20
- import $ec9bb7644b9b61e5$exports from "./nb-NO.module.js";
21
- import $049ab8e2dc69b622$exports from "./nl-NL.module.js";
22
- import $480b88f7afcf23a9$exports from "./pl-PL.module.js";
23
- import $0c053d6ef0255c08$exports from "./pt-BR.module.js";
24
- import $3aff8d1b1fa24532$exports from "./pt-PT.module.js";
25
- import $90e0c3e69dc73a74$exports from "./ro-RO.module.js";
26
- import $248be0f7eca0ea1f$exports from "./ru-RU.module.js";
27
- import $3142c640504df85a$exports from "./sk-SK.module.js";
28
- import $7b3b7f28a30b2687$exports from "./sl-SI.module.js";
29
- import $06c28f958a58f366$exports from "./sr-SP.module.js";
30
- import $b45c13a581472a6c$exports from "./sv-SE.module.js";
31
- import $785ea1a5e7a35eb5$exports from "./tr-TR.module.js";
32
- import $2e46541801441421$exports from "./uk-UA.module.js";
33
- import $8de129c51e22709f$exports from "./zh-CN.module.js";
34
- import $e57af0887d00746b$exports from "./zh-TW.module.js";
35
- import "./module.css";
36
- import {Column as $gyhAV$Column, TableHeader as $e668f3d0f378a712$re_export$TableHeader, TableBody as $e668f3d0f378a712$re_export$TableBody, Section as $e668f3d0f378a712$re_export$Section, Row as $e668f3d0f378a712$re_export$Row, Cell as $e668f3d0f378a712$re_export$Cell, useTableState as $gyhAV$useTableState, TableColumnLayout as $gyhAV$TableColumnLayout, UNSTABLE_useTreeGridState as $gyhAV$UNSTABLE_useTreeGridState} from "@react-stately/table";
37
- import $gyhAV$react, {useState as $gyhAV$useState, useContext as $gyhAV$useContext, useRef as $gyhAV$useRef, useEffect as $gyhAV$useEffect, useCallback as $gyhAV$useCallback, useMemo as $gyhAV$useMemo} from "react";
38
- import {tableNestedRows as $gyhAV$tableNestedRows} from "@react-stately/flags";
39
- import $gyhAV$spectrumiconsuiArrowDownSmall from "@spectrum-icons/ui/ArrowDownSmall";
40
- import {mergeProps as $gyhAV$mergeProps, scrollIntoView as $gyhAV$scrollIntoView, scrollIntoViewport as $gyhAV$scrollIntoViewport, chain as $gyhAV$chain, isAndroid as $gyhAV$isAndroid, isWebKit as $gyhAV$isWebKit} from "@react-aria/utils";
41
- import {Checkbox as $gyhAV$Checkbox} from "@react-spectrum/checkbox";
42
- import $gyhAV$spectrumiconsuiChevronDownMedium from "@spectrum-icons/ui/ChevronDownMedium";
43
- import $gyhAV$spectrumiconsuiChevronLeftMedium from "@spectrum-icons/ui/ChevronLeftMedium";
44
- import $gyhAV$spectrumiconsuiChevronRightMedium from "@spectrum-icons/ui/ChevronRightMedium";
45
- import {useStyleProps as $gyhAV$useStyleProps, useDOMRef as $gyhAV$useDOMRef, classNames as $gyhAV$classNames, useFocusableRef as $gyhAV$useFocusableRef, useUnwrapDOMRef as $gyhAV$useUnwrapDOMRef} from "@react-spectrum/utils";
46
- import {useFocusRing as $gyhAV$useFocusRing, FocusScope as $gyhAV$FocusScope, FocusRing as $gyhAV$FocusRing} from "@react-aria/focus";
47
- import {getInteractionModality as $gyhAV$getInteractionModality, usePress as $gyhAV$usePress, useHover as $gyhAV$useHover, isFocusVisible as $gyhAV$isFocusVisible} from "@react-aria/interactions";
48
- import {MenuTrigger as $gyhAV$MenuTrigger, Menu as $gyhAV$Menu, Item as $gyhAV$Item} from "@react-spectrum/menu";
49
- import {layoutInfoToStyle as $gyhAV$layoutInfoToStyle, VirtualizerItem as $gyhAV$VirtualizerItem, setScrollLeft as $gyhAV$setScrollLeft, useVirtualizer as $gyhAV$useVirtualizer, ScrollView as $gyhAV$ScrollView} from "@react-aria/virtualizer";
50
- import $gyhAV$spectrumiconsuiListGripper from "@spectrum-icons/ui/ListGripper";
51
- import {ProgressCircle as $gyhAV$ProgressCircle} from "@react-spectrum/progress";
52
- import {useVirtualizerState as $gyhAV$useVirtualizerState} from "@react-stately/virtualizer";
53
- import {TableLayout as $gyhAV$TableLayout} from "@react-stately/layout";
54
- import {TooltipTrigger as $gyhAV$TooltipTrigger, Tooltip as $gyhAV$Tooltip} from "@react-spectrum/tooltip";
55
- import {useButton as $gyhAV$useButton} from "@react-aria/button";
56
- import {useLocale as $gyhAV$useLocale, useLocalizedStringFormatter as $gyhAV$useLocalizedStringFormatter} from "@react-aria/i18n";
57
- import {useProviderProps as $gyhAV$useProviderProps, useProvider as $gyhAV$useProvider} from "@react-spectrum/provider";
58
- import {useTable as $gyhAV$useTable, useTableRowGroup as $gyhAV$useTableRowGroup, useTableColumnHeader as $gyhAV$useTableColumnHeader, useTableSelectAllCheckbox as $gyhAV$useTableSelectAllCheckbox, useTableRow as $gyhAV$useTableRow, useTableHeaderRow as $gyhAV$useTableHeaderRow, useTableCell as $gyhAV$useTableCell, useTableSelectionCheckbox as $gyhAV$useTableSelectionCheckbox, useTableColumnResize as $gyhAV$useTableColumnResize} from "@react-aria/table";
59
- import {VisuallyHidden as $gyhAV$VisuallyHidden, useVisuallyHidden as $gyhAV$useVisuallyHidden} from "@react-aria/visually-hidden";
60
- import $gyhAV$reactdom from "react-dom";
61
- import {Flex as $gyhAV$Flex} from "@react-spectrum/layout";
1
+ import {TableView as $9f67189e3f884740$export$b3c27e869d856b7} from "./TableViewWrapper.module.js";
2
+ import {Column as $gyhAV$Column, TableHeader as $e668f3d0f378a712$re_export$TableHeader, TableBody as $e668f3d0f378a712$re_export$TableBody, Section as $e668f3d0f378a712$re_export$Section, Row as $e668f3d0f378a712$re_export$Row, Cell as $e668f3d0f378a712$re_export$Cell} from "@react-stately/table";
62
3
 
63
-
64
- function $parcel$interopDefault(a) {
65
- return a && a.__esModule ? a.default : a;
66
- }
67
-
68
- function $parcel$export(e, n, v, s) {
69
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
70
- }
71
4
  /*
72
5
  * Copyright 2020 Adobe. All rights reserved.
73
6
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -79,1867 +12,6 @@ function $parcel$export(e, n, v, s) {
79
12
  * OF ANY KIND, either express or implied. See the License for the specific language
80
13
  * governing permissions and limitations under the License.
81
14
  */ /// <reference types="css-module-types" />
82
- /*
83
- * Copyright 2023 Adobe. All rights reserved.
84
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
85
- * you may not use this file except in compliance with the License. You may obtain a copy
86
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
87
- *
88
- * Unless required by applicable law or agreed to in writing, software distributed under
89
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
90
- * OF ANY KIND, either express or implied. See the License for the specific language
91
- * governing permissions and limitations under the License.
92
- */
93
-
94
- /*
95
- * Copyright 2023 Adobe. All rights reserved.
96
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
97
- * you may not use this file except in compliance with the License. You may obtain a copy
98
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
99
- *
100
- * Unless required by applicable law or agreed to in writing, software distributed under
101
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
102
- * OF ANY KIND, either express or implied. See the License for the specific language
103
- * governing permissions and limitations under the License.
104
- */
105
- /*
106
- * Copyright 2023 Adobe. All rights reserved.
107
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
108
- * you may not use this file except in compliance with the License. You may obtain a copy
109
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
110
- *
111
- * Unless required by applicable law or agreed to in writing, software distributed under
112
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
113
- * OF ANY KIND, either express or implied. See the License for the specific language
114
- * governing permissions and limitations under the License.
115
- */
116
-
117
-
118
-
119
-
120
-
121
-
122
-
123
-
124
- /*
125
- * Copyright 2023 Adobe. All rights reserved.
126
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
127
- * you may not use this file except in compliance with the License. You may obtain a copy
128
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
129
- *
130
- * Unless required by applicable law or agreed to in writing, software distributed under
131
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
132
- * OF ANY KIND, either express or implied. See the License for the specific language
133
- * governing permissions and limitations under the License.
134
- */
135
-
136
- var $325bc3d43b25708b$exports = {};
137
-
138
- $parcel$export($325bc3d43b25708b$exports, "focus-ring", () => $325bc3d43b25708b$export$f39a09f249340e2a, (v) => $325bc3d43b25708b$export$f39a09f249340e2a = v);
139
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table", () => $325bc3d43b25708b$export$8cc7e6e5f955c192, (v) => $325bc3d43b25708b$export$8cc7e6e5f955c192 = v);
140
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-InsertionIndicator", () => $325bc3d43b25708b$export$e0940649899bb056, (v) => $325bc3d43b25708b$export$e0940649899bb056 = v);
141
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-InsertionIndicator--dropTarget", () => $325bc3d43b25708b$export$e246eff99e77d045, (v) => $325bc3d43b25708b$export$e246eff99e77d045 = v);
142
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-body", () => $325bc3d43b25708b$export$7c43a9cc5d8e99e7, (v) => $325bc3d43b25708b$export$7c43a9cc5d8e99e7 = v);
143
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-body--dropTarget", () => $325bc3d43b25708b$export$2698e8974a57cb61, (v) => $325bc3d43b25708b$export$2698e8974a57cb61 = v);
144
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell", () => $325bc3d43b25708b$export$19015e98090cea63, (v) => $325bc3d43b25708b$export$19015e98090cea63 = v);
145
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignCenter", () => $325bc3d43b25708b$export$14101ea2699002fc, (v) => $325bc3d43b25708b$export$14101ea2699002fc = v);
146
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignEnd", () => $325bc3d43b25708b$export$c594335f8535fc47, (v) => $325bc3d43b25708b$export$c594335f8535fc47 = v);
147
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cell--alignStart", () => $325bc3d43b25708b$export$25d7f56ba6d0d442, (v) => $325bc3d43b25708b$export$25d7f56ba6d0d442 = v);
148
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cellWrapper", () => $325bc3d43b25708b$export$ea1d9f40910c509, (v) => $325bc3d43b25708b$export$ea1d9f40910c509 = v);
149
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-cellWrapper--dropTarget", () => $325bc3d43b25708b$export$374244a7e6e6e484, (v) => $325bc3d43b25708b$export$374244a7e6e6e484 = v);
150
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-centeredWrapper", () => $325bc3d43b25708b$export$8bffb31c98aaf8d5, (v) => $325bc3d43b25708b$export$8bffb31c98aaf8d5 = v);
151
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-dragButton", () => $325bc3d43b25708b$export$d4b8138d7ce0ca37, (v) => $325bc3d43b25708b$export$d4b8138d7ce0ca37 = v);
152
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-dragButtonCell", () => $325bc3d43b25708b$export$8d6d420175da304f, (v) => $325bc3d43b25708b$export$8d6d420175da304f = v);
153
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-dragButtonHeadCell", () => $325bc3d43b25708b$export$211bbf0547a730b6, (v) => $325bc3d43b25708b$export$211bbf0547a730b6 = v);
154
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-headCell", () => $325bc3d43b25708b$export$6fe7d8d8ce0454eb, (v) => $325bc3d43b25708b$export$6fe7d8d8ce0454eb = v);
155
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-row", () => $325bc3d43b25708b$export$a2af12d9c37814bd, (v) => $325bc3d43b25708b$export$a2af12d9c37814bd = v);
156
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-row--dropTarget", () => $325bc3d43b25708b$export$5e4ce8d9f081b812, (v) => $325bc3d43b25708b$export$5e4ce8d9f081b812 = v);
157
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-row-badge", () => $325bc3d43b25708b$export$3559001d7e84a6da, (v) => $325bc3d43b25708b$export$3559001d7e84a6da = v);
158
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-row-dragPreview", () => $325bc3d43b25708b$export$ba71e6bcd70242c7, (v) => $325bc3d43b25708b$export$ba71e6bcd70242c7 = v);
159
- $parcel$export($325bc3d43b25708b$exports, "react-spectrum-Table-row-dragPreview--multiple", () => $325bc3d43b25708b$export$3d73889014dd20dd, (v) => $325bc3d43b25708b$export$3d73889014dd20dd = v);
160
- var $325bc3d43b25708b$export$f39a09f249340e2a;
161
- var $325bc3d43b25708b$export$8cc7e6e5f955c192;
162
- var $325bc3d43b25708b$export$e0940649899bb056;
163
- var $325bc3d43b25708b$export$e246eff99e77d045;
164
- var $325bc3d43b25708b$export$7c43a9cc5d8e99e7;
165
- var $325bc3d43b25708b$export$2698e8974a57cb61;
166
- var $325bc3d43b25708b$export$19015e98090cea63;
167
- var $325bc3d43b25708b$export$14101ea2699002fc;
168
- var $325bc3d43b25708b$export$c594335f8535fc47;
169
- var $325bc3d43b25708b$export$25d7f56ba6d0d442;
170
- var $325bc3d43b25708b$export$ea1d9f40910c509;
171
- var $325bc3d43b25708b$export$374244a7e6e6e484;
172
- var $325bc3d43b25708b$export$8bffb31c98aaf8d5;
173
- var $325bc3d43b25708b$export$d4b8138d7ce0ca37;
174
- var $325bc3d43b25708b$export$8d6d420175da304f;
175
- var $325bc3d43b25708b$export$211bbf0547a730b6;
176
- var $325bc3d43b25708b$export$6fe7d8d8ce0454eb;
177
- var $325bc3d43b25708b$export$a2af12d9c37814bd;
178
- var $325bc3d43b25708b$export$5e4ce8d9f081b812;
179
- var $325bc3d43b25708b$export$3559001d7e84a6da;
180
- var $325bc3d43b25708b$export$ba71e6bcd70242c7;
181
- var $325bc3d43b25708b$export$3d73889014dd20dd;
182
- $325bc3d43b25708b$export$f39a09f249340e2a = `EfWbna_focus-ring`;
183
- $325bc3d43b25708b$export$8cc7e6e5f955c192 = `EfWbna_react-spectrum-Table`;
184
- $325bc3d43b25708b$export$e0940649899bb056 = `EfWbna_react-spectrum-Table-InsertionIndicator`;
185
- $325bc3d43b25708b$export$e246eff99e77d045 = `EfWbna_react-spectrum-Table-InsertionIndicator--dropTarget`;
186
- $325bc3d43b25708b$export$7c43a9cc5d8e99e7 = `EfWbna_react-spectrum-Table-body`;
187
- $325bc3d43b25708b$export$2698e8974a57cb61 = `EfWbna_react-spectrum-Table-body--dropTarget`;
188
- $325bc3d43b25708b$export$19015e98090cea63 = `EfWbna_react-spectrum-Table-cell`;
189
- $325bc3d43b25708b$export$14101ea2699002fc = `EfWbna_react-spectrum-Table-cell--alignCenter`;
190
- $325bc3d43b25708b$export$c594335f8535fc47 = `EfWbna_react-spectrum-Table-cell--alignEnd`;
191
- $325bc3d43b25708b$export$25d7f56ba6d0d442 = `EfWbna_react-spectrum-Table-cell--alignStart`;
192
- $325bc3d43b25708b$export$ea1d9f40910c509 = `EfWbna_react-spectrum-Table-cellWrapper`;
193
- $325bc3d43b25708b$export$374244a7e6e6e484 = `EfWbna_react-spectrum-Table-cellWrapper--dropTarget`;
194
- $325bc3d43b25708b$export$8bffb31c98aaf8d5 = `EfWbna_react-spectrum-Table-centeredWrapper`;
195
- $325bc3d43b25708b$export$d4b8138d7ce0ca37 = `EfWbna_react-spectrum-Table-dragButton`;
196
- $325bc3d43b25708b$export$8d6d420175da304f = `EfWbna_react-spectrum-Table-dragButtonCell`;
197
- $325bc3d43b25708b$export$211bbf0547a730b6 = `EfWbna_react-spectrum-Table-dragButtonHeadCell`;
198
- $325bc3d43b25708b$export$6fe7d8d8ce0454eb = `EfWbna_react-spectrum-Table-headCell`;
199
- $325bc3d43b25708b$export$a2af12d9c37814bd = `EfWbna_react-spectrum-Table-row`;
200
- $325bc3d43b25708b$export$5e4ce8d9f081b812 = `EfWbna_react-spectrum-Table-row--dropTarget`;
201
- $325bc3d43b25708b$export$3559001d7e84a6da = `EfWbna_react-spectrum-Table-row-badge`;
202
- $325bc3d43b25708b$export$ba71e6bcd70242c7 = `EfWbna_react-spectrum-Table-row-dragPreview`;
203
- $325bc3d43b25708b$export$3d73889014dd20dd = `EfWbna_react-spectrum-Table-row-dragPreview--multiple`;
204
-
205
-
206
-
207
-
208
- function $7ee9a922ee4e8032$export$2c0bab5914a9d088(props) {
209
- let { dropState: dropState, dragAndDropHooks: dragAndDropHooks } = (0, $bd013581c0a4b065$export$3cb274deb6c2d854)();
210
- const { target: target, rowProps: rowProps } = props;
211
- let ref = (0, $gyhAV$useRef)();
212
- let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator(props, dropState, ref);
213
- let { visuallyHiddenProps: visuallyHiddenProps } = (0, $gyhAV$useVisuallyHidden)();
214
- let isDropTarget = dropState.isDropTarget(target);
215
- if (!isDropTarget && dropIndicatorProps["aria-hidden"]) return null;
216
- return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
217
- style: {
218
- position: "absolute",
219
- top: rowProps.style.top + (target.dropPosition === "after" ? rowProps.style.height : 0),
220
- width: rowProps.style.width
221
- },
222
- role: "row",
223
- "aria-hidden": dropIndicatorProps["aria-hidden"]
224
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
225
- role: "gridcell",
226
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-InsertionIndicator", {
227
- "react-spectrum-Table-InsertionIndicator--dropTarget": isDropTarget
228
- })
229
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
230
- ...visuallyHiddenProps,
231
- role: "button",
232
- ...dropIndicatorProps,
233
- ref: ref
234
- })));
235
- }
236
-
237
-
238
- var $cc43b2d4f6011c04$exports = {};
239
-
240
-
241
-
242
-
243
-
244
-
245
-
246
-
247
-
248
-
249
-
250
-
251
-
252
-
253
-
254
-
255
-
256
-
257
-
258
-
259
-
260
-
261
-
262
-
263
-
264
-
265
-
266
-
267
-
268
-
269
-
270
-
271
-
272
-
273
- $cc43b2d4f6011c04$exports = {
274
- "ar-AE": $daf541512f75fd9b$exports,
275
- "bg-BG": $50819411ab066aa0$exports,
276
- "cs-CZ": $4f747f794f1bcba7$exports,
277
- "da-DK": $9b4578f7fea36fce$exports,
278
- "de-DE": $d1341bbc3e1d2378$exports,
279
- "el-GR": $62dc02a47a5c68a9$exports,
280
- "en-US": $4040b78666bdeb49$exports,
281
- "es-ES": $b77a23040d0637b4$exports,
282
- "et-EE": $54ccb4bcf3ebc0a8$exports,
283
- "fi-FI": $37e671b8f89037ca$exports,
284
- "fr-FR": $8d65c5abdb6b7cbc$exports,
285
- "he-IL": $a87fac8df5d40e78$exports,
286
- "hr-HR": $a7ee65f0f8055b83$exports,
287
- "hu-HU": $e6091fd2263a451f$exports,
288
- "it-IT": $c8d9d250bf8952b2$exports,
289
- "ja-JP": $df07a03bb9f879ed$exports,
290
- "ko-KR": $40b3ef3504f4b1d0$exports,
291
- "lt-LT": $c6959b6b120377f9$exports,
292
- "lv-LV": $8fcc23e9320cffd0$exports,
293
- "nb-NO": $ec9bb7644b9b61e5$exports,
294
- "nl-NL": $049ab8e2dc69b622$exports,
295
- "pl-PL": $480b88f7afcf23a9$exports,
296
- "pt-BR": $0c053d6ef0255c08$exports,
297
- "pt-PT": $3aff8d1b1fa24532$exports,
298
- "ro-RO": $90e0c3e69dc73a74$exports,
299
- "ru-RU": $248be0f7eca0ea1f$exports,
300
- "sk-SK": $3142c640504df85a$exports,
301
- "sl-SI": $7b3b7f28a30b2687$exports,
302
- "sr-SP": $06c28f958a58f366$exports,
303
- "sv-SE": $b45c13a581472a6c$exports,
304
- "tr-TR": $785ea1a5e7a35eb5$exports,
305
- "uk-UA": $2e46541801441421$exports,
306
- "zh-CN": $8de129c51e22709f$exports,
307
- "zh-TW": $e57af0887d00746b$exports
308
- };
309
-
310
-
311
-
312
-
313
-
314
- /*
315
- * Copyright 2022 Adobe. All rights reserved.
316
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
317
- * you may not use this file except in compliance with the License. You may obtain a copy
318
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
319
- *
320
- * Unless required by applicable law or agreed to in writing, software distributed under
321
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
322
- * OF ANY KIND, either express or implied. See the License for the specific language
323
- * governing permissions and limitations under the License.
324
- */
325
- function $cb7d341e8868d81d$export$d9658cdf8c86807() {
326
- return /*#__PURE__*/ (0, $gyhAV$react).createElement("svg", {
327
- xmlns: "http://www.w3.org/2000/svg",
328
- width: "16",
329
- height: "16",
330
- viewBox: "0 0 16 16"
331
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("g", {
332
- fill: "var(--spectrum-global-color-blue-600)",
333
- stroke: "var(--spectrum-global-color-blue-600)",
334
- strokeWidth: "2"
335
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("circle", {
336
- cx: "8",
337
- cy: "8",
338
- r: "8",
339
- stroke: "none"
340
- }), /*#__PURE__*/ (0, $gyhAV$react).createElement("circle", {
341
- cx: "8",
342
- cy: "8",
343
- r: "7",
344
- fill: "none"
345
- })), /*#__PURE__*/ (0, $gyhAV$react).createElement("path", {
346
- d: "M-2106-7380.263v5l2.5-2.551Z",
347
- transform: "translate(2116 7385.763)",
348
- fill: "#fff",
349
- stroke: "#fff",
350
- strokeLinejoin: "round",
351
- strokeWidth: "2"
352
- }), /*#__PURE__*/ (0, $gyhAV$react).createElement("path", {
353
- d: "M-2106-7380.263v5l2.5-2.551Z",
354
- transform: "translate(-2100 -7369.763) rotate(180)",
355
- fill: "#fff",
356
- stroke: "#fff",
357
- strokeLinejoin: "round",
358
- strokeWidth: "2"
359
- }));
360
- }
361
-
362
-
363
-
364
-
365
- /* eslint-disable jsx-a11y/role-supports-aria-props */
366
- var $2fc56f9fdd93be52$exports = {};
367
- $2fc56f9fdd93be52$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n <filter id=\"shadow\">\n <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n </filter>\n <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n <path d=\"M9.5,2c.27614,0,.5,.22388,.5,.5v6.5h3v-1.74951c0-.14893,.12215-.25049,.2513-.25049,.05457,0,.1104,.01819,.15875,.05847l2.58995,2.44153-2.58995,2.44153c-.04837,.04028-.10419,.05847-.15875,.05847-.12914,0-.2513-.10156-.2513-.25049v-1.74951h-3v6.5c0,.27612-.22386,.5-.5,.5h-1c-.27614,0-.5-.22388-.5-.5V2.5c0-.27612,.22386-.5,.5-.5h1Zm0-1h-1c-.82843,0-1.5,.67157-1.5,1.5v14c0,.82843,.67157,1.5,1.5,1.5h1c.82843,0,1.5-.67157,1.5-1.5v-5.5h1v.67757c0,.40416,.1632,.80501,.48197,1.05347,.49639,.3869,1.14001,.33571,1.56838-.02144l.02344-.01953,.0222-.02087,2.97589-2.80537c.20937-.19737,.20937-.53028,0-.72765l-2.97589-2.80537-.0222-.02087-.02345-.01965c-.22456-.18713-.5083-.29028-.79895-.29028-.3208,0-.62624,.12134-.86003,.34167-.24872,.23438-.39136,.56567-.39136,.90881v.74951h-1V2.5c0-.82843-.67157-1.5-1.5-1.5Z\" fill=\"#fff\"></path>\n <path d=\"M10,16.5v-6.5h3v1.74952c0,.21196,.24721,.32775,.41005,.19206l2.58995-2.44158-2.58995-2.44158c-.16283-.13569-.41005-.0199-.41005,.19206v1.74952h-3V2.5c0-.27614-.22386-.5-.5-.5h-1c-.27614,0-.5,.22386-.5,.5v14c0,.27614,.22386,.5,.5,.5h1c.27614,0,.5-.22386,.5-.5Z\"></path>\n </g>\n</svg>\n";
368
-
369
-
370
- var $ff1f3562a1be2216$exports = {};
371
- $ff1f3562a1be2216$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n <filter id=\"shadow\">\n <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n </filter>\n <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n <path fill=\"#fff\" d=\"M9.5,2a.5.5,0,0,1,.5.5V9h3V7.2505A.25014.25014,0,0,1,13.24978,7h.00152a.246.246,0,0,1,.15875.05847L16,9.5l-2.58995,2.44153A.24611.24611,0,0,1,13.2513,12,.25016.25016,0,0,1,13,11.751V10H10v6.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5V10H5v1.7495A.25014.25014,0,0,1,4.75022,12H4.7487A.246.246,0,0,1,4.59,11.94153L2,9.5,4.59,7.05847A.246.246,0,0,1,4.7487,7,.25016.25016,0,0,1,5,7.249V9H8V2.5A.5.5,0,0,1,8.5,2Zm0-1h-1A1.5,1.5,0,0,0,7,2.5V8H6V7.32389a1.33,1.33,0,0,0-.4816-1.05444,1.23962,1.23962,0,0,0-1.56876.021l-.02344.01953-.0222.02088L.92812,9.13618A.5.5,0,0,0,.90726,9.843l.02086.02085L3.904,12.66919l.02221.02088.02345.01965a1.23986,1.23986,0,0,0,1.56836.02116A1.3294,1.3294,0,0,0,6,11.6765V11H7v5.5A1.5,1.5,0,0,0,8.5,18h1A1.5,1.5,0,0,0,11,16.5V11h1v.67757a1.32792,1.32792,0,0,0,.482,1.05347,1.24,1.24,0,0,0,1.56839-.02144l.02343-.01953.02221-.02088,2.97588-2.80537a.5.5,0,0,0,.02086-.70679l-.02086-.02085L14.096,6.33081l-.02221-.02087-.02345-.01965A1.24978,1.24978,0,0,0,12,7.2505V8H11V2.5A1.5,1.5,0,0,0,9.5,1Z\"></path>\n <path d=\"M10,16.5V10h3v1.7495a.25.25,0,0,0,.41.19206L16,9.5,13.41,7.05842A.25.25,0,0,0,13,7.2505V9H10V2.5A.5.5,0,0,0,9.5,2h-1a.5.5,0,0,0-.5.5V9H5V7.2505a.25.25,0,0,0-.41-.19206L2,9.5l2.59,2.44158A.25.25,0,0,0,5,11.7495V10H8v6.5a.5.5,0,0,0,.5.5h1A.5.5,0,0,0,10,16.5Z\"></path>\n </g>\n</svg>\n";
372
-
373
-
374
-
375
-
376
-
377
-
378
-
379
- var $bd5d41f647a296c3$exports = {};
380
-
381
- $parcel$export($bd5d41f647a296c3$exports, "contents", () => $bd5d41f647a296c3$export$fd59df041b888442, (v) => $bd5d41f647a296c3$export$fd59df041b888442 = v);
382
- $parcel$export($bd5d41f647a296c3$exports, "expand-button", () => $bd5d41f647a296c3$export$8537c4b9f826a67e, (v) => $bd5d41f647a296c3$export$8537c4b9f826a67e = v);
383
- $parcel$export($bd5d41f647a296c3$exports, "focus-ring", () => $bd5d41f647a296c3$export$f39a09f249340e2a, (v) => $bd5d41f647a296c3$export$f39a09f249340e2a = v);
384
- $parcel$export($bd5d41f647a296c3$exports, "i18nFontFamily", () => $bd5d41f647a296c3$export$8c4ee2c50c22c514, (v) => $bd5d41f647a296c3$export$8c4ee2c50c22c514 = v);
385
- $parcel$export($bd5d41f647a296c3$exports, "is-active", () => $bd5d41f647a296c3$export$20fd0f7cd4e6112f, (v) => $bd5d41f647a296c3$export$20fd0f7cd4e6112f = v);
386
- $parcel$export($bd5d41f647a296c3$exports, "is-disabled", () => $bd5d41f647a296c3$export$d35bc1e505d1ebbf, (v) => $bd5d41f647a296c3$export$d35bc1e505d1ebbf = v);
387
- $parcel$export($bd5d41f647a296c3$exports, "is-drop-target", () => $bd5d41f647a296c3$export$d8467f38d2d00bd0, (v) => $bd5d41f647a296c3$export$d8467f38d2d00bd0 = v);
388
- $parcel$export($bd5d41f647a296c3$exports, "is-focused", () => $bd5d41f647a296c3$export$e7dc768d35940237, (v) => $bd5d41f647a296c3$export$e7dc768d35940237 = v);
389
- $parcel$export($bd5d41f647a296c3$exports, "is-hovered", () => $bd5d41f647a296c3$export$b8813cd5d7824ce7, (v) => $bd5d41f647a296c3$export$b8813cd5d7824ce7 = v);
390
- $parcel$export($bd5d41f647a296c3$exports, "is-next-selected", () => $bd5d41f647a296c3$export$53aa811f86efbfad, (v) => $bd5d41f647a296c3$export$53aa811f86efbfad = v);
391
- $parcel$export($bd5d41f647a296c3$exports, "is-open", () => $bd5d41f647a296c3$export$a9781837241c946d, (v) => $bd5d41f647a296c3$export$a9781837241c946d = v);
392
- $parcel$export($bd5d41f647a296c3$exports, "is-resizable", () => $bd5d41f647a296c3$export$d20629d2e587d4f, (v) => $bd5d41f647a296c3$export$d20629d2e587d4f = v);
393
- $parcel$export($bd5d41f647a296c3$exports, "is-selected", () => $bd5d41f647a296c3$export$1e0fb04f31d3c22a, (v) => $bd5d41f647a296c3$export$1e0fb04f31d3c22a = v);
394
- $parcel$export($bd5d41f647a296c3$exports, "is-sortable", () => $bd5d41f647a296c3$export$c5f84948d72c03fb, (v) => $bd5d41f647a296c3$export$c5f84948d72c03fb = v);
395
- $parcel$export($bd5d41f647a296c3$exports, "is-sorted-asc", () => $bd5d41f647a296c3$export$24499792d6b87cb, (v) => $bd5d41f647a296c3$export$24499792d6b87cb = v);
396
- $parcel$export($bd5d41f647a296c3$exports, "is-sorted-desc", () => $bd5d41f647a296c3$export$cda6d7b632f895cc, (v) => $bd5d41f647a296c3$export$cda6d7b632f895cc = v);
397
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-FocusRing-ring", () => $bd5d41f647a296c3$export$4109102f950813a6, (v) => $bd5d41f647a296c3$export$4109102f950813a6 = v);
398
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-FocusRing", () => $bd5d41f647a296c3$export$24c7f46a6e3605dd, (v) => $bd5d41f647a296c3$export$24c7f46a6e3605dd = v);
399
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-FocusRing--quiet", () => $bd5d41f647a296c3$export$2927016961429360, (v) => $bd5d41f647a296c3$export$2927016961429360 = v);
400
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table", () => $bd5d41f647a296c3$export$455c59d2b5bafef0, (v) => $bd5d41f647a296c3$export$455c59d2b5bafef0 = v);
401
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--compact", () => $bd5d41f647a296c3$export$bcb43fe016211cab, (v) => $bd5d41f647a296c3$export$bcb43fe016211cab = v);
402
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--isHorizontalScrollbarVisible", () => $bd5d41f647a296c3$export$eb2b06f9a223c9ae, (v) => $bd5d41f647a296c3$export$eb2b06f9a223c9ae = v);
403
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--isVerticalScrollbarVisible", () => $bd5d41f647a296c3$export$f3cbf113923c0570, (v) => $bd5d41f647a296c3$export$f3cbf113923c0570 = v);
404
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--loadingMore", () => $bd5d41f647a296c3$export$51b307035a9062f1, (v) => $bd5d41f647a296c3$export$51b307035a9062f1 = v);
405
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--quiet", () => $bd5d41f647a296c3$export$80f179961079d85e, (v) => $bd5d41f647a296c3$export$80f179961079d85e = v);
406
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--regular", () => $bd5d41f647a296c3$export$3be3e4ba813e9589, (v) => $bd5d41f647a296c3$export$3be3e4ba813e9589 = v);
407
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--spacious", () => $bd5d41f647a296c3$export$eef21b0715bc0914, (v) => $bd5d41f647a296c3$export$eef21b0715bc0914 = v);
408
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table--wrap", () => $bd5d41f647a296c3$export$9d4c255d6285f0ec, (v) => $bd5d41f647a296c3$export$9d4c255d6285f0ec = v);
409
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-body", () => $bd5d41f647a296c3$export$c841a58af70827c7, (v) => $bd5d41f647a296c3$export$c841a58af70827c7 = v);
410
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-body--resizerAtTableEdge", () => $bd5d41f647a296c3$export$ec8d96850ac2415e, (v) => $bd5d41f647a296c3$export$ec8d96850ac2415e = v);
411
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-bodyResizeIndicator", () => $bd5d41f647a296c3$export$9a870fddd16be630, (v) => $bd5d41f647a296c3$export$9a870fddd16be630 = v);
412
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell", () => $bd5d41f647a296c3$export$c073926c283bb618, (v) => $bd5d41f647a296c3$export$c073926c283bb618 = v);
413
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--alignCenter", () => $bd5d41f647a296c3$export$7e9bb4c3d8ec70e2, (v) => $bd5d41f647a296c3$export$7e9bb4c3d8ec70e2 = v);
414
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--alignEnd", () => $bd5d41f647a296c3$export$94db5e2e979379b6, (v) => $bd5d41f647a296c3$export$94db5e2e979379b6 = v);
415
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--divider", () => $bd5d41f647a296c3$export$9531650467e5785b, (v) => $bd5d41f647a296c3$export$9531650467e5785b = v);
416
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--hasExpandCollapseButton", () => $bd5d41f647a296c3$export$466223eab8fe7a73, (v) => $bd5d41f647a296c3$export$466223eab8fe7a73 = v);
417
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cell--hideHeader", () => $bd5d41f647a296c3$export$8ff2ab45f5f0045d, (v) => $bd5d41f647a296c3$export$8ff2ab45f5f0045d = v);
418
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cellContents", () => $bd5d41f647a296c3$export$683061182a3353d3, (v) => $bd5d41f647a296c3$export$683061182a3353d3 = v);
419
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-cellWrapper", () => $bd5d41f647a296c3$export$fe4389976827e927, (v) => $bd5d41f647a296c3$export$fe4389976827e927 = v);
420
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-checkbox", () => $bd5d41f647a296c3$export$9c494845d6df55df, (v) => $bd5d41f647a296c3$export$9c494845d6df55df = v);
421
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-checkboxCell", () => $bd5d41f647a296c3$export$ae17a7501a9fd0b3, (v) => $bd5d41f647a296c3$export$ae17a7501a9fd0b3 = v);
422
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeIndicator", () => $bd5d41f647a296c3$export$3a270f8fab5daa8b, (v) => $bd5d41f647a296c3$export$3a270f8fab5daa8b = v);
423
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeIndicator--resizing", () => $bd5d41f647a296c3$export$d3861fcb1e5f6a2b, (v) => $bd5d41f647a296c3$export$d3861fcb1e5f6a2b = v);
424
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeIndicator--visible", () => $bd5d41f647a296c3$export$b0bdf5d269bf857, (v) => $bd5d41f647a296c3$export$b0bdf5d269bf857 = v);
425
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeNubbin", () => $bd5d41f647a296c3$export$12c7b2fb4df461f8, (v) => $bd5d41f647a296c3$export$12c7b2fb4df461f8 = v);
426
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-colResizeNubbin--visible", () => $bd5d41f647a296c3$export$56a3c5ebd77d19bf, (v) => $bd5d41f647a296c3$export$56a3c5ebd77d19bf = v);
427
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-columnResizer", () => $bd5d41f647a296c3$export$a1a03b9bd1868758, (v) => $bd5d41f647a296c3$export$a1a03b9bd1868758 = v);
428
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-columnResizerPlaceholder", () => $bd5d41f647a296c3$export$dbbe6828fb150c0d, (v) => $bd5d41f647a296c3$export$dbbe6828fb150c0d = v);
429
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-expandButton", () => $bd5d41f647a296c3$export$ce10510e27df0512, (v) => $bd5d41f647a296c3$export$ce10510e27df0512 = v);
430
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCell", () => $bd5d41f647a296c3$export$f64307d6c29e2f55, (v) => $bd5d41f647a296c3$export$f64307d6c29e2f55 = v);
431
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCellButton", () => $bd5d41f647a296c3$export$231a910aceaf76df, (v) => $bd5d41f647a296c3$export$231a910aceaf76df = v);
432
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCellButton--alignCenter", () => $bd5d41f647a296c3$export$75a2aad672a61387, (v) => $bd5d41f647a296c3$export$75a2aad672a61387 = v);
433
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCellButton--alignEnd", () => $bd5d41f647a296c3$export$7d0b6721a7bc5a4e, (v) => $bd5d41f647a296c3$export$7d0b6721a7bc5a4e = v);
434
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCellButton--alignStart", () => $bd5d41f647a296c3$export$b1f0f17b71ca32b7, (v) => $bd5d41f647a296c3$export$b1f0f17b71ca32b7 = v);
435
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headCellContents", () => $bd5d41f647a296c3$export$ce66f3b8316b228e, (v) => $bd5d41f647a296c3$export$ce66f3b8316b228e = v);
436
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headWrapper", () => $bd5d41f647a296c3$export$a08929593e9a2fb2, (v) => $bd5d41f647a296c3$export$a08929593e9a2fb2 = v);
437
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-headerCellText", () => $bd5d41f647a296c3$export$3d7b5f594896430, (v) => $bd5d41f647a296c3$export$3d7b5f594896430 = v);
438
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-menuChevron", () => $bd5d41f647a296c3$export$da1b2523b4f18b96, (v) => $bd5d41f647a296c3$export$da1b2523b4f18b96 = v);
439
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-row", () => $bd5d41f647a296c3$export$fefa57dcd4648052, (v) => $bd5d41f647a296c3$export$fefa57dcd4648052 = v);
440
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-row--firstRow", () => $bd5d41f647a296c3$export$71150fb6934bcef6, (v) => $bd5d41f647a296c3$export$71150fb6934bcef6 = v);
441
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-row--isFlushBottom", () => $bd5d41f647a296c3$export$c544a9cedcdf7e74, (v) => $bd5d41f647a296c3$export$c544a9cedcdf7e74 = v);
442
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-row--lastRow", () => $bd5d41f647a296c3$export$6bc25dc2c214dc40, (v) => $bd5d41f647a296c3$export$6bc25dc2c214dc40 = v);
443
- $parcel$export($bd5d41f647a296c3$exports, "spectrum-Table-sortedIcon", () => $bd5d41f647a296c3$export$7d48ded8ceef1e62, (v) => $bd5d41f647a296c3$export$7d48ded8ceef1e62 = v);
444
- var $bd5d41f647a296c3$export$fd59df041b888442;
445
- var $bd5d41f647a296c3$export$8537c4b9f826a67e;
446
- var $bd5d41f647a296c3$export$f39a09f249340e2a;
447
- var $bd5d41f647a296c3$export$8c4ee2c50c22c514;
448
- var $bd5d41f647a296c3$export$20fd0f7cd4e6112f;
449
- var $bd5d41f647a296c3$export$d35bc1e505d1ebbf;
450
- var $bd5d41f647a296c3$export$d8467f38d2d00bd0;
451
- var $bd5d41f647a296c3$export$e7dc768d35940237;
452
- var $bd5d41f647a296c3$export$b8813cd5d7824ce7;
453
- var $bd5d41f647a296c3$export$53aa811f86efbfad;
454
- var $bd5d41f647a296c3$export$a9781837241c946d;
455
- var $bd5d41f647a296c3$export$d20629d2e587d4f;
456
- var $bd5d41f647a296c3$export$1e0fb04f31d3c22a;
457
- var $bd5d41f647a296c3$export$c5f84948d72c03fb;
458
- var $bd5d41f647a296c3$export$24499792d6b87cb;
459
- var $bd5d41f647a296c3$export$cda6d7b632f895cc;
460
- var $bd5d41f647a296c3$export$4109102f950813a6;
461
- var $bd5d41f647a296c3$export$24c7f46a6e3605dd;
462
- var $bd5d41f647a296c3$export$2927016961429360;
463
- var $bd5d41f647a296c3$export$455c59d2b5bafef0;
464
- var $bd5d41f647a296c3$export$bcb43fe016211cab;
465
- var $bd5d41f647a296c3$export$eb2b06f9a223c9ae;
466
- var $bd5d41f647a296c3$export$f3cbf113923c0570;
467
- var $bd5d41f647a296c3$export$51b307035a9062f1;
468
- var $bd5d41f647a296c3$export$80f179961079d85e;
469
- var $bd5d41f647a296c3$export$3be3e4ba813e9589;
470
- var $bd5d41f647a296c3$export$eef21b0715bc0914;
471
- var $bd5d41f647a296c3$export$9d4c255d6285f0ec;
472
- var $bd5d41f647a296c3$export$c841a58af70827c7;
473
- var $bd5d41f647a296c3$export$ec8d96850ac2415e;
474
- var $bd5d41f647a296c3$export$9a870fddd16be630;
475
- var $bd5d41f647a296c3$export$c073926c283bb618;
476
- var $bd5d41f647a296c3$export$7e9bb4c3d8ec70e2;
477
- var $bd5d41f647a296c3$export$94db5e2e979379b6;
478
- var $bd5d41f647a296c3$export$9531650467e5785b;
479
- var $bd5d41f647a296c3$export$466223eab8fe7a73;
480
- var $bd5d41f647a296c3$export$8ff2ab45f5f0045d;
481
- var $bd5d41f647a296c3$export$683061182a3353d3;
482
- var $bd5d41f647a296c3$export$fe4389976827e927;
483
- var $bd5d41f647a296c3$export$9c494845d6df55df;
484
- var $bd5d41f647a296c3$export$ae17a7501a9fd0b3;
485
- var $bd5d41f647a296c3$export$3a270f8fab5daa8b;
486
- var $bd5d41f647a296c3$export$d3861fcb1e5f6a2b;
487
- var $bd5d41f647a296c3$export$b0bdf5d269bf857;
488
- var $bd5d41f647a296c3$export$12c7b2fb4df461f8;
489
- var $bd5d41f647a296c3$export$56a3c5ebd77d19bf;
490
- var $bd5d41f647a296c3$export$a1a03b9bd1868758;
491
- var $bd5d41f647a296c3$export$dbbe6828fb150c0d;
492
- var $bd5d41f647a296c3$export$ce10510e27df0512;
493
- var $bd5d41f647a296c3$export$f64307d6c29e2f55;
494
- var $bd5d41f647a296c3$export$231a910aceaf76df;
495
- var $bd5d41f647a296c3$export$75a2aad672a61387;
496
- var $bd5d41f647a296c3$export$7d0b6721a7bc5a4e;
497
- var $bd5d41f647a296c3$export$b1f0f17b71ca32b7;
498
- var $bd5d41f647a296c3$export$ce66f3b8316b228e;
499
- var $bd5d41f647a296c3$export$a08929593e9a2fb2;
500
- var $bd5d41f647a296c3$export$3d7b5f594896430;
501
- var $bd5d41f647a296c3$export$da1b2523b4f18b96;
502
- var $bd5d41f647a296c3$export$fefa57dcd4648052;
503
- var $bd5d41f647a296c3$export$71150fb6934bcef6;
504
- var $bd5d41f647a296c3$export$c544a9cedcdf7e74;
505
- var $bd5d41f647a296c3$export$6bc25dc2c214dc40;
506
- var $bd5d41f647a296c3$export$7d48ded8ceef1e62;
507
- $bd5d41f647a296c3$export$fd59df041b888442 = `_5uzlQq_contents`;
508
- $bd5d41f647a296c3$export$8537c4b9f826a67e = `_5uzlQq_expand-button`;
509
- $bd5d41f647a296c3$export$f39a09f249340e2a = `_5uzlQq_focus-ring`;
510
- $bd5d41f647a296c3$export$8c4ee2c50c22c514 = `_5uzlQq_i18nFontFamily`;
511
- $bd5d41f647a296c3$export$20fd0f7cd4e6112f = `_5uzlQq_is-active`;
512
- $bd5d41f647a296c3$export$d35bc1e505d1ebbf = `_5uzlQq_is-disabled`;
513
- $bd5d41f647a296c3$export$d8467f38d2d00bd0 = `_5uzlQq_is-drop-target`;
514
- $bd5d41f647a296c3$export$e7dc768d35940237 = `_5uzlQq_is-focused`;
515
- $bd5d41f647a296c3$export$b8813cd5d7824ce7 = `_5uzlQq_is-hovered`;
516
- $bd5d41f647a296c3$export$53aa811f86efbfad = `_5uzlQq_is-next-selected`;
517
- $bd5d41f647a296c3$export$a9781837241c946d = `_5uzlQq_is-open`;
518
- $bd5d41f647a296c3$export$d20629d2e587d4f = `_5uzlQq_is-resizable`;
519
- $bd5d41f647a296c3$export$1e0fb04f31d3c22a = `_5uzlQq_is-selected`;
520
- $bd5d41f647a296c3$export$c5f84948d72c03fb = `_5uzlQq_is-sortable`;
521
- $bd5d41f647a296c3$export$24499792d6b87cb = `_5uzlQq_is-sorted-asc`;
522
- $bd5d41f647a296c3$export$cda6d7b632f895cc = `_5uzlQq_is-sorted-desc`;
523
- $bd5d41f647a296c3$export$4109102f950813a6 = `_5uzlQq_spectrum-FocusRing-ring`;
524
- $bd5d41f647a296c3$export$24c7f46a6e3605dd = `_5uzlQq_spectrum-FocusRing ${$bd5d41f647a296c3$export$4109102f950813a6}`;
525
- $bd5d41f647a296c3$export$2927016961429360 = `_5uzlQq_spectrum-FocusRing--quiet`;
526
- $bd5d41f647a296c3$export$455c59d2b5bafef0 = `_5uzlQq_spectrum-Table`;
527
- $bd5d41f647a296c3$export$bcb43fe016211cab = `_5uzlQq_spectrum-Table--compact`;
528
- $bd5d41f647a296c3$export$eb2b06f9a223c9ae = `_5uzlQq_spectrum-Table--isHorizontalScrollbarVisible`;
529
- $bd5d41f647a296c3$export$f3cbf113923c0570 = `_5uzlQq_spectrum-Table--isVerticalScrollbarVisible`;
530
- $bd5d41f647a296c3$export$51b307035a9062f1 = `_5uzlQq_spectrum-Table--loadingMore`;
531
- $bd5d41f647a296c3$export$80f179961079d85e = `_5uzlQq_spectrum-Table--quiet`;
532
- $bd5d41f647a296c3$export$3be3e4ba813e9589 = `_5uzlQq_spectrum-Table--regular`;
533
- $bd5d41f647a296c3$export$eef21b0715bc0914 = `_5uzlQq_spectrum-Table--spacious`;
534
- $bd5d41f647a296c3$export$9d4c255d6285f0ec = `_5uzlQq_spectrum-Table--wrap`;
535
- $bd5d41f647a296c3$export$c841a58af70827c7 = `_5uzlQq_spectrum-Table-body`;
536
- $bd5d41f647a296c3$export$ec8d96850ac2415e = `_5uzlQq_spectrum-Table-body--resizerAtTableEdge`;
537
- $bd5d41f647a296c3$export$9a870fddd16be630 = `_5uzlQq_spectrum-Table-bodyResizeIndicator`;
538
- $bd5d41f647a296c3$export$c073926c283bb618 = `_5uzlQq_spectrum-Table-cell`;
539
- $bd5d41f647a296c3$export$7e9bb4c3d8ec70e2 = `_5uzlQq_spectrum-Table-cell--alignCenter`;
540
- $bd5d41f647a296c3$export$94db5e2e979379b6 = `_5uzlQq_spectrum-Table-cell--alignEnd`;
541
- $bd5d41f647a296c3$export$9531650467e5785b = `_5uzlQq_spectrum-Table-cell--divider`;
542
- $bd5d41f647a296c3$export$466223eab8fe7a73 = `_5uzlQq_spectrum-Table-cell--hasExpandCollapseButton`;
543
- $bd5d41f647a296c3$export$8ff2ab45f5f0045d = `_5uzlQq_spectrum-Table-cell--hideHeader`;
544
- $bd5d41f647a296c3$export$683061182a3353d3 = `_5uzlQq_spectrum-Table-cellContents`;
545
- $bd5d41f647a296c3$export$fe4389976827e927 = `_5uzlQq_spectrum-Table-cellWrapper`;
546
- $bd5d41f647a296c3$export$9c494845d6df55df = `_5uzlQq_spectrum-Table-checkbox`;
547
- $bd5d41f647a296c3$export$ae17a7501a9fd0b3 = `_5uzlQq_spectrum-Table-checkboxCell`;
548
- $bd5d41f647a296c3$export$3a270f8fab5daa8b = `_5uzlQq_spectrum-Table-colResizeIndicator`;
549
- $bd5d41f647a296c3$export$d3861fcb1e5f6a2b = `_5uzlQq_spectrum-Table-colResizeIndicator--resizing`;
550
- $bd5d41f647a296c3$export$b0bdf5d269bf857 = `_5uzlQq_spectrum-Table-colResizeIndicator--visible`;
551
- $bd5d41f647a296c3$export$12c7b2fb4df461f8 = `_5uzlQq_spectrum-Table-colResizeNubbin`;
552
- $bd5d41f647a296c3$export$56a3c5ebd77d19bf = `_5uzlQq_spectrum-Table-colResizeNubbin--visible`;
553
- $bd5d41f647a296c3$export$a1a03b9bd1868758 = `_5uzlQq_spectrum-Table-columnResizer`;
554
- $bd5d41f647a296c3$export$dbbe6828fb150c0d = `_5uzlQq_spectrum-Table-columnResizerPlaceholder`;
555
- $bd5d41f647a296c3$export$ce10510e27df0512 = `_5uzlQq_spectrum-Table-expandButton`;
556
- $bd5d41f647a296c3$export$f64307d6c29e2f55 = `_5uzlQq_spectrum-Table-headCell`;
557
- $bd5d41f647a296c3$export$231a910aceaf76df = `_5uzlQq_spectrum-Table-headCellButton`;
558
- $bd5d41f647a296c3$export$75a2aad672a61387 = `_5uzlQq_spectrum-Table-headCellButton--alignCenter`;
559
- $bd5d41f647a296c3$export$7d0b6721a7bc5a4e = `_5uzlQq_spectrum-Table-headCellButton--alignEnd`;
560
- $bd5d41f647a296c3$export$b1f0f17b71ca32b7 = `_5uzlQq_spectrum-Table-headCellButton--alignStart`;
561
- $bd5d41f647a296c3$export$ce66f3b8316b228e = `_5uzlQq_spectrum-Table-headCellContents`;
562
- $bd5d41f647a296c3$export$a08929593e9a2fb2 = `_5uzlQq_spectrum-Table-headWrapper`;
563
- $bd5d41f647a296c3$export$3d7b5f594896430 = `_5uzlQq_spectrum-Table-headerCellText`;
564
- $bd5d41f647a296c3$export$da1b2523b4f18b96 = `_5uzlQq_spectrum-Table-menuChevron`;
565
- $bd5d41f647a296c3$export$fefa57dcd4648052 = `_5uzlQq_spectrum-Table-row`;
566
- $bd5d41f647a296c3$export$71150fb6934bcef6 = `_5uzlQq_spectrum-Table-row--firstRow`;
567
- $bd5d41f647a296c3$export$c544a9cedcdf7e74 = `_5uzlQq_spectrum-Table-row--isFlushBottom`;
568
- $bd5d41f647a296c3$export$6bc25dc2c214dc40 = `_5uzlQq_spectrum-Table-row--lastRow`;
569
- $bd5d41f647a296c3$export$7d48ded8ceef1e62 = `_5uzlQq_spectrum-Table-sortedIcon`;
570
-
571
-
572
-
573
-
574
-
575
- var $58407c2d4eb33511$exports = {};
576
- $58407c2d4eb33511$exports = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"-1 0 31 32\">\n <filter id=\"shadow\">\n <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"1.2\" flood-opacity=\"0.7\"></feDropShadow>\n </filter>\n <g filter=\"url('#shadow')\" transform=\"translate(.5 0)\">\n <path d=\"M9.5,2c.27614,0,.5,.22388,.5,.5v14c0,.27612-.22386,.5-.5,.5h-1c-.27614,0-.5-.22388-.5-.5v-6.5h-3v1.74951c0,.14893-.12215,.25049-.2513,.25049-.05457,0-.1104-.01819-.15875-.05847l-2.58995-2.44153,2.58995-2.44153c.04837-.04028,.10419-.05847,.15875-.05847,.12914,0,.2513,.10156,.2513,.25049v1.74951h3V2.5c0-.27612,.22386-.5,.5-.5h1Zm0-1h-1c-.82843,0-1.5,.67157-1.5,1.5v5.5h-1v-.67611c0-.40436-.1629-.80555-.48159-1.05444-.4961-.38744-1.14015-.33635-1.56876,.02095l-.02344,.01953-.0222,.02087L.92811,9.13618c-.20937,.19737-.20937,.53028,0,.72765l2.97589,2.80537,.0222,.02087,.02345,.01965c.42839,.35694,1.07208,.40833,1.56837,.02116,.31886-.24875,.48198-.64994,.48198-1.05435v-.67652s.99999,0,.99999,0v5.5c0,.82843,.67157,1.5,1.5,1.5h1c.82843,0,1.5-.67157,1.5-1.5V2.5c0-.82843-.67157-1.5-1.5-1.5Z\" fill=\"#fff\"></path>\n <path d=\"M10,16.5V2.5c0-.27614-.22386-.5-.5-.5h-1c-.27614,0-.5,.22386-.5,.5v6.5h-3v-1.74952c0-.21196-.24721-.32775-.41005-.19206l-2.58995,2.44158,2.58995,2.44158c.16283,.13569,.41005,.0199,.41005-.19206v-1.74952h3v6.5c0,.27614,.22386,.5,.5,.5h1c.27614,0,.5-.22386,.5-.5Z\"></path>\n </g>\n</svg>\n";
577
-
578
-
579
- function $fc695d2eafc2b351$var$getCursor(svg, fallback) {
580
- // WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657
581
- // To work around this, we generate two SVGs at different sizes and use image-set to pick between them.
582
- // Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.
583
- if ((0, $gyhAV$isWebKit)()) return `image-set(url("data:image/svg+xml,${encodeURIComponent(svg)}") 1x, url("data:image/svg+xml,${encodeURIComponent(svg.replace('width="32" height="32"', 'width="64" height="64"'))}") 2x) 8 8, ${fallback}`;
584
- else return `url("data:image/svg+xml,${encodeURIComponent(svg)}") 8 8, ${fallback}`;
585
- }
586
- const $fc695d2eafc2b351$var$CURSORS = {
587
- ew: $fc695d2eafc2b351$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($ff1f3562a1be2216$exports))), "ew-resize"),
588
- w: $fc695d2eafc2b351$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($58407c2d4eb33511$exports))), "w-resize"),
589
- e: $fc695d2eafc2b351$var$getCursor((0, (/*@__PURE__*/$parcel$interopDefault($2fc56f9fdd93be52$exports))), "e-resize")
590
- };
591
- function $fc695d2eafc2b351$var$Resizer(props, ref) {
592
- let { column: column, showResizer: showResizer } = props;
593
- let { isEmpty: isEmpty, layout: layout, onFocusedResizer: onFocusedResizer } = (0, $bd013581c0a4b065$export$3cb274deb6c2d854)();
594
- // Virtualizer re-renders, but these components are all cached
595
- // in order to get around that and cause a rerender here, we use context
596
- // but we don't actually need any value, they are available on the layout object
597
- (0, $bd013581c0a4b065$export$3f8f74b6bfd2c5df)();
598
- let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($cc43b2d4f6011c04$exports))), "@react-spectrum/table");
599
- let { direction: direction } = (0, $gyhAV$useLocale)();
600
- let [isPointerDown, setIsPointerDown] = (0, $gyhAV$useState)(false);
601
- (0, $gyhAV$useEffect)(()=>{
602
- let setDown = (e)=>{
603
- if (e.pointerType === "mouse") setIsPointerDown(true);
604
- };
605
- let setUp = (e)=>{
606
- if (e.pointerType === "mouse") setIsPointerDown(false);
607
- };
608
- document.addEventListener("pointerdown", setDown, {
609
- capture: true
610
- });
611
- document.addEventListener("pointerup", setUp, {
612
- capture: true
613
- });
614
- return ()=>{
615
- document.removeEventListener("pointerdown", setDown, {
616
- capture: true
617
- });
618
- document.removeEventListener("pointerup", setUp, {
619
- capture: true
620
- });
621
- };
622
- }, []);
623
- let { inputProps: inputProps, resizerProps: resizerProps } = (0, $gyhAV$useTableColumnResize)((0, $gyhAV$mergeProps)(props, {
624
- "aria-label": stringFormatter.format("columnResizer"),
625
- isDisabled: isEmpty
626
- }), layout, ref);
627
- let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);
628
- let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);
629
- let isResizing = layout.resizingColumn === column.key;
630
- let cursor = "";
631
- if (isEResizable) cursor = direction === "rtl" ? $fc695d2eafc2b351$var$CURSORS.w : $fc695d2eafc2b351$var$CURSORS.e;
632
- else if (isWResizable) cursor = direction === "rtl" ? $fc695d2eafc2b351$var$CURSORS.e : $fc695d2eafc2b351$var$CURSORS.w;
633
- else cursor = $fc695d2eafc2b351$var$CURSORS.ew;
634
- let style = {
635
- ...resizerProps.style,
636
- height: "100%",
637
- display: showResizer ? undefined : "none",
638
- cursor: cursor
639
- };
640
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$react).Fragment, null, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
641
- within: true,
642
- focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
643
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
644
- ...resizerProps,
645
- role: "presentation",
646
- style: style,
647
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-columnResizer")
648
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("input", {
649
- ref: ref,
650
- ...(0, $gyhAV$mergeProps)(inputProps, {
651
- onFocus: onFocusedResizer
652
- })
653
- }))), /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
654
- "aria-hidden": true,
655
- role: "presentation",
656
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-columnResizerPlaceholder")
657
- }), /*#__PURE__*/ (0, $gyhAV$react).createElement($fc695d2eafc2b351$var$CursorOverlay, {
658
- show: isResizing && isPointerDown
659
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
660
- style: {
661
- position: "fixed",
662
- top: 0,
663
- left: 0,
664
- bottom: 0,
665
- right: 0,
666
- cursor: cursor
667
- }
668
- })));
669
- }
670
- function $fc695d2eafc2b351$var$CursorOverlay(props) {
671
- let { show: show, children: children } = props;
672
- return show ? /*#__PURE__*/ (0, $gyhAV$reactdom).createPortal(children, document.body) : null;
673
- }
674
- const $fc695d2eafc2b351$export$48a76196cafe3b93 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($fc695d2eafc2b351$var$Resizer);
675
-
676
-
677
-
678
- /*
679
- * Copyright 2023 Adobe. All rights reserved.
680
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
681
- * you may not use this file except in compliance with the License. You may obtain a copy
682
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
683
- *
684
- * Unless required by applicable law or agreed to in writing, software distributed under
685
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
686
- * OF ANY KIND, either express or implied. See the License for the specific language
687
- * governing permissions and limitations under the License.
688
- */
689
-
690
-
691
- function $4e6fc36ba71ba405$export$d30a7814cfd4033e() {
692
- let { dropState: dropState, dragAndDropHooks: dragAndDropHooks, state: state } = (0, $bd013581c0a4b065$export$3cb274deb6c2d854)();
693
- let ref = (0, $gyhAV$useRef)();
694
- let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
695
- target: {
696
- type: "root"
697
- }
698
- }, dropState, ref);
699
- let isDropTarget = dropState.isDropTarget({
700
- type: "root"
701
- });
702
- let { visuallyHiddenProps: visuallyHiddenProps } = (0, $gyhAV$useVisuallyHidden)();
703
- if (!isDropTarget && dropIndicatorProps["aria-hidden"]) return null;
704
- return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
705
- role: "row",
706
- "aria-hidden": dropIndicatorProps["aria-hidden"]
707
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
708
- role: "gridcell",
709
- "aria-selected": "false",
710
- "aria-colspan": state.collection.columns.length
711
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
712
- role: "button",
713
- ...visuallyHiddenProps,
714
- ...dropIndicatorProps,
715
- ref: ref
716
- })));
717
- }
718
-
719
-
720
- /*
721
- * Copyright 2023 Adobe. All rights reserved.
722
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
723
- * you may not use this file except in compliance with the License. You may obtain a copy
724
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
725
- *
726
- * Unless required by applicable law or agreed to in writing, software distributed under
727
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
728
- * OF ANY KIND, either express or implied. See the License for the specific language
729
- * governing permissions and limitations under the License.
730
- */
731
-
732
-
733
-
734
-
735
- function $daa6ead3d9d3506a$export$905ab40ac2179daa(props) {
736
- let { itemText: itemText, itemCount: itemCount, height: height, maxWidth: maxWidth } = props;
737
- let isDraggingMultiple = itemCount > 1;
738
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Flex), {
739
- justifyContent: "space-between",
740
- height: height,
741
- maxWidth: maxWidth,
742
- UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-row", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-row", "react-spectrum-Table-row-dragPreview", {
743
- "react-spectrum-Table-row-dragPreview--multiple": isDraggingMultiple
744
- }))
745
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
746
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell"))
747
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("span", {
748
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellContents")
749
- }, itemText)), isDraggingMultiple && /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
750
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-row-badge")
751
- }, itemCount));
752
- }
753
-
754
-
755
-
756
-
757
-
758
-
759
-
760
-
761
-
762
-
763
-
764
-
765
- const $bd013581c0a4b065$var$DEFAULT_HEADER_HEIGHT = {
766
- medium: 34,
767
- large: 40
768
- };
769
- const $bd013581c0a4b065$var$DEFAULT_HIDE_HEADER_CELL_WIDTH = {
770
- medium: 38,
771
- large: 46
772
- };
773
- const $bd013581c0a4b065$var$ROW_HEIGHTS = {
774
- compact: {
775
- medium: 32,
776
- large: 40
777
- },
778
- regular: {
779
- medium: 40,
780
- large: 50
781
- },
782
- spacious: {
783
- medium: 48,
784
- large: 60
785
- }
786
- };
787
- const $bd013581c0a4b065$var$SELECTION_CELL_DEFAULT_WIDTH = {
788
- medium: 38,
789
- large: 48
790
- };
791
- const $bd013581c0a4b065$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH = {
792
- medium: 16,
793
- large: 20
794
- };
795
- const $bd013581c0a4b065$var$LEVEL_OFFSET_WIDTH = {
796
- medium: 16,
797
- large: 20
798
- };
799
- const $bd013581c0a4b065$export$93e4b0b2cc49b648 = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
800
- function $bd013581c0a4b065$export$3cb274deb6c2d854() {
801
- return (0, $gyhAV$useContext)($bd013581c0a4b065$export$93e4b0b2cc49b648);
802
- }
803
- const $bd013581c0a4b065$export$d288a7dd40372bc = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
804
- function $bd013581c0a4b065$export$3f8f74b6bfd2c5df() {
805
- return (0, $gyhAV$useContext)($bd013581c0a4b065$export$d288a7dd40372bc);
806
- }
807
- function $bd013581c0a4b065$var$TableViewBase(props, ref) {
808
- var _dropState_target;
809
- props = (0, $gyhAV$useProviderProps)(props);
810
- let { isQuiet: isQuiet, onAction: onAction, onResizeStart: propsOnResizeStart, onResizeEnd: propsOnResizeEnd, dragAndDropHooks: dragAndDropHooks, state: state } = props;
811
- let isTableDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
812
- let isTableDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
813
- let dragHooksProvided = (0, $gyhAV$useRef)(isTableDraggable);
814
- let dropHooksProvided = (0, $gyhAV$useRef)(isTableDroppable);
815
- (0, $gyhAV$useEffect)(()=>{
816
- if (dragHooksProvided.current !== isTableDraggable) console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
817
- if (dropHooksProvided.current !== isTableDroppable) console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
818
- if ("expandedKeys" in state && (isTableDraggable || isTableDroppable)) console.warn("Drag and drop is not yet fully supported with expandable rows and may produce unexpected results.");
819
- }, [
820
- isTableDraggable,
821
- isTableDroppable,
822
- state
823
- ]);
824
- let { styleProps: styleProps } = (0, $gyhAV$useStyleProps)(props);
825
- let { direction: direction } = (0, $gyhAV$useLocale)();
826
- let { scale: scale } = (0, $gyhAV$useProvider)();
827
- const getDefaultWidth = (0, $gyhAV$useCallback)(({ props: { hideHeader: hideHeader, isSelectionCell: isSelectionCell, showDivider: showDivider, isDragButtonCell: isDragButtonCell } })=>{
828
- if (hideHeader) {
829
- let width = $bd013581c0a4b065$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
830
- return showDivider ? width + 1 : width;
831
- } else if (isSelectionCell) return $bd013581c0a4b065$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
832
- else if (isDragButtonCell) return $bd013581c0a4b065$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
833
- }, [
834
- scale
835
- ]);
836
- const getDefaultMinWidth = (0, $gyhAV$useCallback)(({ props: { hideHeader: hideHeader, isSelectionCell: isSelectionCell, showDivider: showDivider, isDragButtonCell: isDragButtonCell } })=>{
837
- if (hideHeader) {
838
- let width = $bd013581c0a4b065$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
839
- return showDivider ? width + 1 : width;
840
- } else if (isSelectionCell) return $bd013581c0a4b065$var$SELECTION_CELL_DEFAULT_WIDTH[scale];
841
- else if (isDragButtonCell) return $bd013581c0a4b065$var$DRAG_BUTTON_CELL_DEFAULT_WIDTH[scale];
842
- return 75;
843
- }, [
844
- scale
845
- ]);
846
- // Starts when the user selects resize from the menu, ends when resizing ends
847
- // used to control the visibility of the resizer Nubbin
848
- let [isInResizeMode, setIsInResizeMode] = (0, $gyhAV$useState)(false);
849
- // Starts when the resizer is actually moved
850
- // entering resizing/exiting resizing doesn't trigger a render
851
- // with table layout, so we need to track it here
852
- let [, setIsResizing] = (0, $gyhAV$useState)(false);
853
- let domRef = (0, $gyhAV$useDOMRef)(ref);
854
- let headerRef = (0, $gyhAV$useRef)();
855
- let bodyRef = (0, $gyhAV$useRef)();
856
- let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($cc43b2d4f6011c04$exports))), "@react-spectrum/table");
857
- let density = props.density || "regular";
858
- let columnLayout = (0, $gyhAV$useMemo)(()=>new (0, $gyhAV$TableColumnLayout)({
859
- getDefaultWidth: getDefaultWidth,
860
- getDefaultMinWidth: getDefaultMinWidth
861
- }), [
862
- getDefaultWidth,
863
- getDefaultMinWidth
864
- ]);
865
- let tableLayout = (0, $gyhAV$useMemo)(()=>new (0, $gyhAV$TableLayout)({
866
- // If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
867
- rowHeight: props.overflowMode === "wrap" ? null : $bd013581c0a4b065$var$ROW_HEIGHTS[density][scale],
868
- estimatedRowHeight: props.overflowMode === "wrap" ? $bd013581c0a4b065$var$ROW_HEIGHTS[density][scale] : null,
869
- headingHeight: props.overflowMode === "wrap" ? null : $bd013581c0a4b065$var$DEFAULT_HEADER_HEIGHT[scale],
870
- estimatedHeadingHeight: props.overflowMode === "wrap" ? $bd013581c0a4b065$var$DEFAULT_HEADER_HEIGHT[scale] : null,
871
- columnLayout: columnLayout,
872
- initialCollection: state.collection
873
- }), // don't recompute when state.collection changes, only used for initial value
874
- // eslint-disable-next-line react-hooks/exhaustive-deps
875
- [
876
- props.overflowMode,
877
- scale,
878
- density,
879
- columnLayout
880
- ]);
881
- // Use a proxy so that a new object is created for each render so that alternate instances aren't affected by mutation.
882
- // This can be thought of as equivalent to `{…tableLayout, tableState: state}`, but works with classes as well.
883
- let layout = (0, $gyhAV$useMemo)(()=>{
884
- let proxy = new Proxy(tableLayout, {
885
- get (target, prop, receiver) {
886
- return prop === "tableState" ? state : Reflect.get(target, prop, receiver);
887
- }
888
- });
889
- return proxy;
890
- }, [
891
- state,
892
- tableLayout
893
- ]);
894
- let dragState;
895
- let preview = (0, $gyhAV$useRef)(null);
896
- if (isTableDraggable) {
897
- dragState = dragAndDropHooks.useDraggableCollectionState({
898
- collection: state.collection,
899
- selectionManager: state.selectionManager,
900
- preview: preview
901
- });
902
- dragAndDropHooks.useDraggableCollection({}, dragState, domRef);
903
- }
904
- let DragPreview = dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.DragPreview;
905
- let dropState;
906
- let droppableCollection;
907
- let isRootDropTarget;
908
- if (isTableDroppable) {
909
- dropState = dragAndDropHooks.useDroppableCollectionState({
910
- collection: state.collection,
911
- selectionManager: state.selectionManager
912
- });
913
- droppableCollection = dragAndDropHooks.useDroppableCollection({
914
- keyboardDelegate: layout,
915
- dropTargetDelegate: layout
916
- }, dropState, domRef);
917
- isRootDropTarget = dropState.isDropTarget({
918
- type: "root"
919
- });
920
- }
921
- let { gridProps: gridProps } = (0, $gyhAV$useTable)({
922
- ...props,
923
- isVirtualized: true,
924
- layout: layout,
925
- onRowAction: onAction
926
- }, state, domRef);
927
- let [headerMenuOpen, setHeaderMenuOpen] = (0, $gyhAV$useState)(false);
928
- let [headerRowHovered, setHeaderRowHovered] = (0, $gyhAV$useState)(false);
929
- let renderWrapper = (parent, reusableView, children, renderChildren)=>{
930
- let style = (0, $gyhAV$layoutInfoToStyle)(reusableView.layoutInfo, direction, parent && parent.layoutInfo);
931
- if (style.overflow === "hidden") style.overflow = "visible"; // needed to support position: sticky
932
- if (reusableView.viewType === "rowgroup") return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableRowGroup, {
933
- key: reusableView.key,
934
- style: style
935
- }, isTableDroppable && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $4e6fc36ba71ba405$export$d30a7814cfd4033e), {
936
- key: "root"
937
- }), renderChildren(children));
938
- if (reusableView.viewType === "header") return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableHeader, {
939
- key: reusableView.key,
940
- style: style
941
- }, renderChildren(children));
942
- if (reusableView.viewType === "row") return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableRow, {
943
- key: reusableView.key,
944
- item: reusableView.content,
945
- style: style,
946
- hasActions: onAction,
947
- isTableDroppable: isTableDroppable,
948
- isTableDraggable: isTableDraggable
949
- }, renderChildren(children));
950
- if (reusableView.viewType === "headerrow") return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableHeaderRow, {
951
- onHoverChange: setHeaderRowHovered,
952
- key: reusableView.key,
953
- style: style,
954
- item: reusableView.content
955
- }, renderChildren(children));
956
- let isDropTarget;
957
- let isRootDroptarget;
958
- if (isTableDroppable) {
959
- if (parent.content) isDropTarget = dropState.isDropTarget({
960
- type: "item",
961
- dropPosition: "on",
962
- key: parent.content.key
963
- });
964
- isRootDroptarget = dropState.isDropTarget({
965
- type: "root"
966
- });
967
- }
968
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VirtualizerItem), {
969
- key: reusableView.key,
970
- layoutInfo: reusableView.layoutInfo,
971
- virtualizer: reusableView.virtualizer,
972
- parent: parent === null || parent === void 0 ? void 0 : parent.layoutInfo,
973
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellWrapper", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), {
974
- "react-spectrum-Table-cellWrapper": !reusableView.layoutInfo.estimatedSize,
975
- "react-spectrum-Table-cellWrapper--dropTarget": isDropTarget || isRootDroptarget
976
- }))
977
- }, reusableView.rendered);
978
- };
979
- let renderView = (type, item)=>{
980
- switch(type){
981
- case "header":
982
- case "rowgroup":
983
- case "section":
984
- case "row":
985
- case "headerrow":
986
- return null;
987
- case "cell":
988
- if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableCheckboxCell, {
989
- cell: item
990
- });
991
- if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableDragCell, {
992
- cell: item
993
- });
994
- return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableCell, {
995
- cell: item
996
- });
997
- case "placeholder":
998
- // TODO: move to react-aria?
999
- return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1000
- role: "gridcell",
1001
- "aria-colindex": item.index + 1,
1002
- "aria-colspan": item.colspan > 1 ? item.colspan : null
1003
- });
1004
- case "column":
1005
- if (item.props.isSelectionCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableSelectAllCell, {
1006
- column: item
1007
- });
1008
- if (item.props.isDragButtonCell) return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableDragHeaderCell, {
1009
- column: item
1010
- });
1011
- // TODO: consider this case, what if we have hidden headers and a empty table
1012
- if (item.props.hideHeader) return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$TooltipTrigger), {
1013
- placement: "top",
1014
- trigger: "focus"
1015
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableColumnHeader, {
1016
- column: item
1017
- }), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Tooltip), {
1018
- placement: "top"
1019
- }, item.rendered));
1020
- if (item.props.allowsResizing && !item.hasChildNodes) return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$ResizableTableColumnHeader, {
1021
- tableRef: domRef,
1022
- column: item
1023
- });
1024
- return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableColumnHeader, {
1025
- column: item
1026
- });
1027
- case "loader":
1028
- return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$CenteredWrapper, null, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$ProgressCircle), {
1029
- isIndeterminate: true,
1030
- "aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading")
1031
- }));
1032
- case "empty":
1033
- {
1034
- let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
1035
- if (emptyState == null) return null;
1036
- return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$CenteredWrapper, null, emptyState);
1037
- }
1038
- }
1039
- };
1040
- let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = (0, $gyhAV$useState)(false);
1041
- let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = (0, $gyhAV$useState)(false);
1042
- let viewport = (0, $gyhAV$useRef)({
1043
- x: 0,
1044
- y: 0,
1045
- width: 0,
1046
- height: 0
1047
- });
1048
- let onVisibleRectChange = (0, $gyhAV$useCallback)((e)=>{
1049
- if (viewport.current.width === e.width && viewport.current.height === e.height) return;
1050
- viewport.current = e;
1051
- if (bodyRef.current) {
1052
- setVerticalScollbarVisible(bodyRef.current.clientWidth + 2 < bodyRef.current.offsetWidth);
1053
- setHorizontalScollbarVisible(bodyRef.current.clientHeight + 2 < bodyRef.current.offsetHeight);
1054
- }
1055
- }, []);
1056
- let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $gyhAV$useFocusRing)();
1057
- let isEmpty = state.collection.size === 0;
1058
- let onFocusedResizer = ()=>{
1059
- bodyRef.current.scrollLeft = headerRef.current.scrollLeft;
1060
- };
1061
- let onResizeStart = (0, $gyhAV$useCallback)((widths)=>{
1062
- setIsResizing(true);
1063
- propsOnResizeStart === null || propsOnResizeStart === void 0 ? void 0 : propsOnResizeStart(widths);
1064
- }, [
1065
- setIsResizing,
1066
- propsOnResizeStart
1067
- ]);
1068
- let onResizeEnd = (0, $gyhAV$useCallback)((widths)=>{
1069
- setIsInResizeMode(false);
1070
- setIsResizing(false);
1071
- propsOnResizeEnd === null || propsOnResizeEnd === void 0 ? void 0 : propsOnResizeEnd(widths);
1072
- }, [
1073
- propsOnResizeEnd,
1074
- setIsInResizeMode,
1075
- setIsResizing
1076
- ]);
1077
- let focusedKey = state.selectionManager.focusedKey;
1078
- if ((dropState === null || dropState === void 0 ? void 0 : (_dropState_target = dropState.target) === null || _dropState_target === void 0 ? void 0 : _dropState_target.type) === "item") focusedKey = dropState.target.key;
1079
- let mergedProps = (0, $gyhAV$mergeProps)(isTableDroppable && (droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps), gridProps, focusProps, (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.isVirtualDragging()) && {
1080
- tabIndex: null
1081
- });
1082
- return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$export$93e4b0b2cc49b648.Provider, {
1083
- value: {
1084
- state: state,
1085
- dragState: dragState,
1086
- dropState: dropState,
1087
- dragAndDropHooks: dragAndDropHooks,
1088
- isTableDraggable: isTableDraggable,
1089
- isTableDroppable: isTableDroppable,
1090
- layout: layout,
1091
- onResizeStart: onResizeStart,
1092
- onResize: props.onResize,
1093
- onResizeEnd: onResizeEnd,
1094
- headerRowHovered: headerRowHovered,
1095
- isInResizeMode: isInResizeMode,
1096
- setIsInResizeMode: setIsInResizeMode,
1097
- isEmpty: isEmpty,
1098
- onFocusedResizer: onFocusedResizer,
1099
- headerMenuOpen: headerMenuOpen,
1100
- setHeaderMenuOpen: setHeaderMenuOpen
1101
- }
1102
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableVirtualizer, {
1103
- ...mergedProps,
1104
- ...styleProps,
1105
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table", `spectrum-Table--${density}`, {
1106
- "spectrum-Table--quiet": isQuiet,
1107
- "spectrum-Table--wrap": props.overflowMode === "wrap",
1108
- "spectrum-Table--loadingMore": state.collection.body.props.loadingState === "loadingMore",
1109
- "spectrum-Table--isVerticalScrollbarVisible": isVerticalScrollbarVisible,
1110
- "spectrum-Table--isHorizontalScrollbarVisible": isHorizontalScrollbarVisible
1111
- }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table"), styleProps.className),
1112
- layout: layout,
1113
- collection: state.collection,
1114
- focusedKey: focusedKey,
1115
- renderView: renderView,
1116
- renderWrapper: renderWrapper,
1117
- onVisibleRectChange: onVisibleRectChange,
1118
- domRef: domRef,
1119
- headerRef: headerRef,
1120
- bodyRef: bodyRef,
1121
- isFocusVisible: isFocusVisible,
1122
- isVirtualDragging: dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.isVirtualDragging(),
1123
- isRootDropTarget: isRootDropTarget
1124
- }), DragPreview && isTableDraggable && /*#__PURE__*/ (0, $gyhAV$react).createElement(DragPreview, {
1125
- ref: preview
1126
- }, ()=>{
1127
- if (dragAndDropHooks.renderPreview) return dragAndDropHooks.renderPreview(dragState.draggingKeys, dragState.draggedKey);
1128
- let itemCount = dragState.draggingKeys.size;
1129
- let maxWidth = bodyRef.current.getBoundingClientRect().width;
1130
- let height = $bd013581c0a4b065$var$ROW_HEIGHTS[density][scale];
1131
- let itemText = state.collection.getTextValue(dragState.draggedKey);
1132
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $daa6ead3d9d3506a$export$905ab40ac2179daa), {
1133
- itemText: itemText,
1134
- itemCount: itemCount,
1135
- height: height,
1136
- maxWidth: maxWidth
1137
- });
1138
- }));
1139
- }
1140
- // This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
1141
- function $bd013581c0a4b065$var$TableVirtualizer(props) {
1142
- var _layout_getLayoutInfo;
1143
- let { layout: layout, collection: collection, focusedKey: focusedKey, renderView: renderView, renderWrapper: renderWrapper, domRef: domRef, bodyRef: bodyRef, headerRef: headerRef, onVisibleRectChange: onVisibleRectChangeProp, isFocusVisible: isFocusVisible, isVirtualDragging: isVirtualDragging, isRootDropTarget: isRootDropTarget, ...otherProps } = props;
1144
- let { direction: direction } = (0, $gyhAV$useLocale)();
1145
- let loadingState = collection.body.props.loadingState;
1146
- let isLoading = loadingState === "loading" || loadingState === "loadingMore";
1147
- let onLoadMore = collection.body.props.onLoadMore;
1148
- let transitionDuration = 220;
1149
- if (isLoading) transitionDuration = 160;
1150
- if (layout.resizingColumn != null) // while resizing, prop changes should not cause animations
1151
- transitionDuration = 0;
1152
- let state = (0, $gyhAV$useVirtualizerState)({
1153
- layout: layout,
1154
- collection: collection,
1155
- renderView: renderView,
1156
- renderWrapper: renderWrapper,
1157
- onVisibleRectChange (rect) {
1158
- bodyRef.current.scrollTop = rect.y;
1159
- (0, $gyhAV$setScrollLeft)(bodyRef.current, direction, rect.x);
1160
- },
1161
- transitionDuration: transitionDuration
1162
- });
1163
- let scrollToItem = (0, $gyhAV$useCallback)((key)=>{
1164
- let item = collection.getItem(key);
1165
- let column = collection.columns[0];
1166
- let virtualizer = state.virtualizer;
1167
- virtualizer.scrollToItem(key, {
1168
- duration: 0,
1169
- // Prevent scrolling to the top when clicking on column headers.
1170
- shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== "column",
1171
- // Offset scroll position by width of selection cell
1172
- // (which is sticky and will overlap the cell we're scrolling to).
1173
- offsetX: column.props.isSelectionCell || column.props.isDragButtonCell ? layout.getColumnWidth(column.key) : 0
1174
- });
1175
- // Sync the scroll positions of the column headers and the body so scrollIntoViewport can
1176
- // properly decide if the column is outside the viewport or not
1177
- headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
1178
- }, [
1179
- collection,
1180
- bodyRef,
1181
- headerRef,
1182
- layout,
1183
- state.virtualizer
1184
- ]);
1185
- let memoedVirtualizerProps = (0, $gyhAV$useMemo)(()=>({
1186
- tabIndex: otherProps.tabIndex,
1187
- focusedKey: focusedKey,
1188
- scrollToItem: scrollToItem,
1189
- isLoading: isLoading,
1190
- onLoadMore: onLoadMore
1191
- }), [
1192
- otherProps.tabIndex,
1193
- focusedKey,
1194
- scrollToItem,
1195
- isLoading,
1196
- onLoadMore
1197
- ]);
1198
- let { virtualizerProps: virtualizerProps, scrollViewProps: { onVisibleRectChange: onVisibleRectChange } } = (0, $gyhAV$useVirtualizer)(memoedVirtualizerProps, state, domRef);
1199
- // this effect runs whenever the contentSize changes, it doesn't matter what the content size is
1200
- // only that it changes in a resize, and when that happens, we want to sync the body to the
1201
- // header scroll position
1202
- (0, $gyhAV$useEffect)(()=>{
1203
- if ((0, $gyhAV$getInteractionModality)() === "keyboard" && headerRef.current.contains(document.activeElement)) {
1204
- (0, $gyhAV$scrollIntoView)(headerRef.current, document.activeElement);
1205
- (0, $gyhAV$scrollIntoViewport)(document.activeElement, {
1206
- containingElement: domRef.current
1207
- });
1208
- bodyRef.current.scrollLeft = headerRef.current.scrollLeft;
1209
- }
1210
- }, [
1211
- state.contentSize,
1212
- headerRef,
1213
- bodyRef,
1214
- domRef
1215
- ]);
1216
- let headerHeight = ((_layout_getLayoutInfo = layout.getLayoutInfo("header")) === null || _layout_getLayoutInfo === void 0 ? void 0 : _layout_getLayoutInfo.rect.height) || 0;
1217
- // Sync the scroll position from the table body to the header container.
1218
- let onScroll = (0, $gyhAV$useCallback)(()=>{
1219
- headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
1220
- }, [
1221
- bodyRef,
1222
- headerRef
1223
- ]);
1224
- let resizerPosition = layout.getResizerPosition() - 2;
1225
- let resizerAtEdge = resizerPosition > Math.max(state.virtualizer.contentSize.width, state.virtualizer.visibleRect.width) - 3;
1226
- // this should be fine, every movement of the resizer causes a rerender
1227
- // scrolling can cause it to lag for a moment, but it's always updated
1228
- let resizerInVisibleRegion = resizerPosition < state.virtualizer.visibleRect.maxX;
1229
- let shouldHardCornerResizeCorner = resizerAtEdge && resizerInVisibleRegion;
1230
- // minimize re-render caused on Resizers by memoing this
1231
- let resizingColumnWidth = layout.getColumnWidth(layout.resizingColumn);
1232
- let resizingColumn = (0, $gyhAV$useMemo)(()=>({
1233
- width: resizingColumnWidth,
1234
- key: layout.resizingColumn
1235
- }), [
1236
- resizingColumnWidth,
1237
- layout.resizingColumn
1238
- ]);
1239
- let mergedProps = (0, $gyhAV$mergeProps)(otherProps, virtualizerProps, isVirtualDragging && {
1240
- tabIndex: null
1241
- });
1242
- return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$export$d288a7dd40372bc.Provider, {
1243
- value: resizingColumn
1244
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusScope), null, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1245
- ...mergedProps,
1246
- ref: domRef
1247
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1248
- role: "presentation",
1249
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headWrapper"),
1250
- style: {
1251
- height: headerHeight,
1252
- overflow: "hidden",
1253
- position: "relative",
1254
- willChange: state.isScrolling ? "scroll-position" : undefined,
1255
- transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
1256
- },
1257
- ref: headerRef
1258
- }, state.visibleViews[0]), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$ScrollView), {
1259
- role: "presentation",
1260
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-body", {
1261
- "focus-ring": isFocusVisible,
1262
- "spectrum-Table-body--resizerAtTableEdge": shouldHardCornerResizeCorner
1263
- }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-body", {
1264
- "react-spectrum-Table-body--dropTarget": !!isRootDropTarget
1265
- })),
1266
- tabIndex: isVirtualDragging ? null : -1,
1267
- style: {
1268
- flex: 1
1269
- },
1270
- innerStyle: {
1271
- overflow: "visible",
1272
- transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
1273
- },
1274
- ref: bodyRef,
1275
- contentSize: state.contentSize,
1276
- onVisibleRectChange: (0, $gyhAV$chain)(onVisibleRectChange, onVisibleRectChangeProp),
1277
- onScrollStart: state.startScrolling,
1278
- onScrollEnd: state.endScrolling,
1279
- onScroll: onScroll
1280
- }, state.visibleViews[1], /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1281
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-bodyResizeIndicator"),
1282
- style: {
1283
- [direction === "ltr" ? "left" : "right"]: `${resizerPosition}px`,
1284
- height: `${Math.max(state.virtualizer.contentSize.height, state.virtualizer.visibleRect.height)}px`,
1285
- display: layout.resizingColumn ? "block" : "none"
1286
- }
1287
- })))));
1288
- }
1289
- function $bd013581c0a4b065$var$TableHeader({ children: children, ...otherProps }) {
1290
- let { rowGroupProps: rowGroupProps } = (0, $gyhAV$useTableRowGroup)();
1291
- return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1292
- ...rowGroupProps,
1293
- ...otherProps,
1294
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-head")
1295
- }, children);
1296
- }
1297
- function $bd013581c0a4b065$var$TableColumnHeader(props) {
1298
- var _state_sortDescriptor, _state_sortDescriptor1, _state_sortDescriptor2, _state_sortDescriptor3;
1299
- let { column: column } = props;
1300
- let ref = (0, $gyhAV$useRef)(null);
1301
- let { state: state, isEmpty: isEmpty } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1302
- let { pressProps: pressProps, isPressed: isPressed } = (0, $gyhAV$usePress)({
1303
- isDisabled: isEmpty
1304
- });
1305
- let columnProps = column.props;
1306
- (0, $gyhAV$useEffect)(()=>{
1307
- if (column.hasChildNodes && columnProps.allowsResizing) console.warn(`Column key: ${column.key}. Columns with child columns don't allow resizing.`);
1308
- }, [
1309
- column.hasChildNodes,
1310
- column.key,
1311
- columnProps.allowsResizing
1312
- ]);
1313
- let { columnHeaderProps: columnHeaderProps } = (0, $gyhAV$useTableColumnHeader)({
1314
- node: column,
1315
- isVirtualized: true
1316
- }, state, ref);
1317
- let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gyhAV$useHover)({
1318
- ...props,
1319
- isDisabled: isEmpty
1320
- });
1321
- const allProps = [
1322
- columnHeaderProps,
1323
- hoverProps,
1324
- pressProps
1325
- ];
1326
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
1327
- focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
1328
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1329
- ...(0, $gyhAV$mergeProps)(...allProps),
1330
- ref: ref,
1331
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", {
1332
- "is-active": isPressed,
1333
- "is-sortable": columnProps.allowsSorting,
1334
- "is-sorted-desc": ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === column.key && ((_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction) === "descending",
1335
- "is-sorted-asc": ((_state_sortDescriptor2 = state.sortDescriptor) === null || _state_sortDescriptor2 === void 0 ? void 0 : _state_sortDescriptor2.column) === column.key && ((_state_sortDescriptor3 = state.sortDescriptor) === null || _state_sortDescriptor3 === void 0 ? void 0 : _state_sortDescriptor3.direction) === "ascending",
1336
- "is-hovered": isHovered,
1337
- "spectrum-Table-cell--hideHeader": columnProps.hideHeader
1338
- }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell", {
1339
- "react-spectrum-Table-cell--alignCenter": columnProps.align === "center" || column.colspan > 1,
1340
- "react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
1341
- }))
1342
- }, columnProps.allowsSorting && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiArrowDownSmall), {
1343
- UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-sortedIcon")
1344
- }), columnProps.hideHeader ? /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, column.rendered) : /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1345
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCellContents")
1346
- }, column.rendered)));
1347
- }
1348
- let $bd013581c0a4b065$var$_TableColumnHeaderButton = (props, ref)=>{
1349
- let { focusProps: focusProps, alignment: alignment, ...otherProps } = props;
1350
- let { isEmpty: isEmpty } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1351
- let domRef = (0, $gyhAV$useFocusableRef)(ref);
1352
- let { buttonProps: buttonProps } = (0, $gyhAV$useButton)({
1353
- ...otherProps,
1354
- elementType: "div",
1355
- isDisabled: isEmpty
1356
- }, domRef);
1357
- let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gyhAV$useHover)({
1358
- ...otherProps,
1359
- isDisabled: isEmpty
1360
- });
1361
- return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1362
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCellContents", {
1363
- "is-hovered": isHovered
1364
- }),
1365
- ...hoverProps
1366
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1367
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCellButton", {
1368
- "spectrum-Table-headCellButton--alignStart": alignment === "start",
1369
- "spectrum-Table-headCellButton--alignCenter": alignment === "center",
1370
- "spectrum-Table-headCellButton--alignEnd": alignment === "end"
1371
- }),
1372
- ...(0, $gyhAV$mergeProps)(buttonProps, focusProps),
1373
- ref: domRef
1374
- }, props.children));
1375
- };
1376
- let $bd013581c0a4b065$var$TableColumnHeaderButton = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($bd013581c0a4b065$var$_TableColumnHeaderButton);
1377
- function $bd013581c0a4b065$var$ResizableTableColumnHeader(props) {
1378
- var _column_props, _state_sortDescriptor, _state_sortDescriptor1, _state_sortDescriptor2, _state_sortDescriptor3;
1379
- let { column: column } = props;
1380
- let ref = (0, $gyhAV$useRef)(null);
1381
- let triggerRef = (0, $gyhAV$useRef)(null);
1382
- let resizingRef = (0, $gyhAV$useRef)(null);
1383
- let { state: state, layout: layout, onResizeStart: onResizeStart, onResize: onResize, onResizeEnd: onResizeEnd, headerRowHovered: headerRowHovered, setIsInResizeMode: setIsInResizeMode, isEmpty: isEmpty, isInResizeMode: isInResizeMode, headerMenuOpen: headerMenuOpen, setHeaderMenuOpen: setHeaderMenuOpen } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1384
- let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($cc43b2d4f6011c04$exports))), "@react-spectrum/table");
1385
- let { pressProps: pressProps, isPressed: isPressed } = (0, $gyhAV$usePress)({
1386
- isDisabled: isEmpty
1387
- });
1388
- let { columnHeaderProps: columnHeaderProps } = (0, $gyhAV$useTableColumnHeader)({
1389
- node: column,
1390
- isVirtualized: true
1391
- }, state, ref);
1392
- let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gyhAV$useHover)({
1393
- ...props,
1394
- isDisabled: isEmpty || headerMenuOpen
1395
- });
1396
- const allProps = [
1397
- columnHeaderProps,
1398
- pressProps,
1399
- hoverProps
1400
- ];
1401
- let columnProps = column.props;
1402
- let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $gyhAV$useFocusRing)();
1403
- const onMenuSelect = (key)=>{
1404
- switch(key){
1405
- case "sort-asc":
1406
- state.sort(column.key, "ascending");
1407
- break;
1408
- case "sort-desc":
1409
- state.sort(column.key, "descending");
1410
- break;
1411
- case "resize":
1412
- layout.startResize(column.key);
1413
- setIsInResizeMode(true);
1414
- state.setKeyboardNavigationDisabled(true);
1415
- break;
1416
- }
1417
- };
1418
- let allowsSorting = (_column_props = column.props) === null || _column_props === void 0 ? void 0 : _column_props.allowsSorting;
1419
- let items = (0, $gyhAV$useMemo)(()=>{
1420
- let options = [
1421
- allowsSorting ? {
1422
- label: stringFormatter.format("sortAscending"),
1423
- id: "sort-asc"
1424
- } : undefined,
1425
- allowsSorting ? {
1426
- label: stringFormatter.format("sortDescending"),
1427
- id: "sort-desc"
1428
- } : undefined,
1429
- {
1430
- label: stringFormatter.format("resizeColumn"),
1431
- id: "resize"
1432
- }
1433
- ];
1434
- return options;
1435
- // eslint-disable-next-line react-hooks/exhaustive-deps
1436
- }, [
1437
- allowsSorting
1438
- ]);
1439
- let resizingColumn = layout.resizingColumn;
1440
- let showResizer = !isEmpty && (headerRowHovered && (0, $gyhAV$getInteractionModality)() !== "keyboard" || resizingColumn != null);
1441
- let alignment = "start";
1442
- let menuAlign = "start";
1443
- if (columnProps.align === "center" || column.colspan > 1) alignment = "center";
1444
- else if (columnProps.align === "end") {
1445
- alignment = "end";
1446
- menuAlign = "end";
1447
- }
1448
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
1449
- focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
1450
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1451
- ...(0, $gyhAV$mergeProps)(...allProps),
1452
- ref: ref,
1453
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", {
1454
- "is-active": isPressed,
1455
- "is-resizable": columnProps.allowsResizing,
1456
- "is-sortable": columnProps.allowsSorting,
1457
- "is-sorted-desc": ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === column.key && ((_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction) === "descending",
1458
- "is-sorted-asc": ((_state_sortDescriptor2 = state.sortDescriptor) === null || _state_sortDescriptor2 === void 0 ? void 0 : _state_sortDescriptor2.column) === column.key && ((_state_sortDescriptor3 = state.sortDescriptor) === null || _state_sortDescriptor3 === void 0 ? void 0 : _state_sortDescriptor3.direction) === "ascending",
1459
- "is-hovered": isHovered,
1460
- "focus-ring": isFocusVisible,
1461
- "spectrum-Table-cell--hideHeader": columnProps.hideHeader
1462
- }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell", {
1463
- "react-spectrum-Table-cell--alignCenter": alignment === "center",
1464
- "react-spectrum-Table-cell--alignEnd": alignment === "end"
1465
- }))
1466
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$MenuTrigger), {
1467
- onOpenChange: setHeaderMenuOpen,
1468
- align: menuAlign
1469
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableColumnHeaderButton, {
1470
- alignment: alignment,
1471
- ref: triggerRef,
1472
- focusProps: focusProps
1473
- }, columnProps.allowsSorting && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiArrowDownSmall), {
1474
- UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-sortedIcon")
1475
- }), columnProps.hideHeader ? /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, column.rendered) : /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1476
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headerCellText")
1477
- }, column.rendered), columnProps.allowsResizing && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiChevronDownMedium), {
1478
- UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-menuChevron")
1479
- })), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Menu), {
1480
- onAction: onMenuSelect,
1481
- minWidth: "size-2000",
1482
- items: items
1483
- }, (item)=>/*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Item), null, item.label))), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $fc695d2eafc2b351$export$48a76196cafe3b93), {
1484
- ref: resizingRef,
1485
- column: column,
1486
- showResizer: showResizer,
1487
- onResizeStart: onResizeStart,
1488
- onResize: onResize,
1489
- onResizeEnd: onResizeEnd,
1490
- triggerRef: (0, $gyhAV$useUnwrapDOMRef)(triggerRef)
1491
- }), /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1492
- "aria-hidden": true,
1493
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-colResizeIndicator", {
1494
- "spectrum-Table-colResizeIndicator--visible": resizingColumn != null,
1495
- "spectrum-Table-colResizeIndicator--resizing": resizingColumn === column.key
1496
- })
1497
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1498
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-colResizeNubbin", {
1499
- "spectrum-Table-colResizeNubbin--visible": isInResizeMode && resizingColumn === column.key
1500
- })
1501
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $cb7d341e8868d81d$export$d9658cdf8c86807), null)))));
1502
- }
1503
- function $bd013581c0a4b065$var$TableSelectAllCell({ column: column }) {
1504
- let ref = (0, $gyhAV$useRef)();
1505
- let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1506
- let isSingleSelectionMode = state.selectionManager.selectionMode === "single";
1507
- let { columnHeaderProps: columnHeaderProps } = (0, $gyhAV$useTableColumnHeader)({
1508
- node: column,
1509
- isVirtualized: true
1510
- }, state, ref);
1511
- let { checkboxProps: checkboxProps } = (0, $gyhAV$useTableSelectAllCheckbox)(state);
1512
- let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gyhAV$useHover)({});
1513
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
1514
- focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
1515
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1516
- ...(0, $gyhAV$mergeProps)(columnHeaderProps, hoverProps),
1517
- ref: ref,
1518
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", "spectrum-Table-checkboxCell", {
1519
- "is-hovered": isHovered
1520
- })
1521
- }, /*
1522
- In single selection mode, the checkbox will be hidden.
1523
- So to avoid leaving a column header with no accessible content,
1524
- we use a VisuallyHidden component to include the aria-label from the checkbox,
1525
- which for single selection will be "Select."
1526
- */ isSingleSelectionMode && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, checkboxProps["aria-label"]), /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Checkbox), {
1527
- ...checkboxProps,
1528
- isEmphasized: true,
1529
- UNSAFE_style: isSingleSelectionMode ? {
1530
- visibility: "hidden"
1531
- } : undefined,
1532
- UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-checkbox")
1533
- })));
1534
- }
1535
- function $bd013581c0a4b065$var$TableDragHeaderCell({ column: column }) {
1536
- let ref = (0, $gyhAV$useRef)();
1537
- let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1538
- let { columnHeaderProps: columnHeaderProps } = (0, $gyhAV$useTableColumnHeader)({
1539
- node: column,
1540
- isVirtualized: true
1541
- }, state, ref);
1542
- let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($cc43b2d4f6011c04$exports))), "@react-spectrum/table");
1543
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
1544
- focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
1545
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1546
- ...columnHeaderProps,
1547
- ref: ref,
1548
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-headCell", (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-headCell", "react-spectrum-Table-dragButtonHeadCell"))
1549
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$VisuallyHidden), null, stringFormatter.format("drag"))));
1550
- }
1551
- function $bd013581c0a4b065$var$TableRowGroup({ children: children, ...otherProps }) {
1552
- let { rowGroupProps: rowGroupProps } = (0, $gyhAV$useTableRowGroup)();
1553
- return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1554
- ...rowGroupProps,
1555
- ...otherProps
1556
- }, children);
1557
- }
1558
- function $bd013581c0a4b065$var$DragButton() {
1559
- let { dragButtonProps: dragButtonProps, dragButtonRef: dragButtonRef, isFocusVisibleWithin: isFocusVisibleWithin } = $bd013581c0a4b065$export$cd7c5802f9e21187();
1560
- let { visuallyHiddenProps: visuallyHiddenProps } = (0, $gyhAV$useVisuallyHidden)();
1561
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
1562
- focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "focus-ring")
1563
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1564
- ...dragButtonProps,
1565
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-dragButton"),
1566
- style: !isFocusVisibleWithin ? {
1567
- ...visuallyHiddenProps.style
1568
- } : {},
1569
- ref: dragButtonRef,
1570
- draggable: "true"
1571
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiListGripper), {
1572
- UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))))
1573
- })));
1574
- }
1575
- const $bd013581c0a4b065$var$TableRowContext = /*#__PURE__*/ (0, $gyhAV$react).createContext(null);
1576
- function $bd013581c0a4b065$export$cd7c5802f9e21187() {
1577
- return (0, $gyhAV$useContext)($bd013581c0a4b065$var$TableRowContext);
1578
- }
1579
- function $bd013581c0a4b065$var$TableRow({ item: item, children: children, hasActions: hasActions, isTableDraggable: isTableDraggable, isTableDroppable: isTableDroppable, ...otherProps }) {
1580
- var _state_collection_rows_find, _layout_getContentSize, _layout_virtualizer;
1581
- let ref = (0, $gyhAV$useRef)();
1582
- let { state: state, layout: layout, dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1583
- let allowsInteraction = state.selectionManager.selectionMode !== "none" || hasActions;
1584
- let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
1585
- let isDroppable = isTableDroppable && !isDisabled;
1586
- let isSelected = state.selectionManager.isSelected(item.key);
1587
- let { rowProps: rowProps } = (0, $gyhAV$useTableRow)({
1588
- node: item,
1589
- isVirtualized: true,
1590
- shouldSelectOnPressUp: isTableDraggable
1591
- }, state, ref);
1592
- let { pressProps: pressProps, isPressed: isPressed } = (0, $gyhAV$usePress)({
1593
- isDisabled: isDisabled
1594
- });
1595
- // The row should show the focus background style when any cell inside it is focused.
1596
- // If the row itself is focused, then it should have a blue focus indicator on the left.
1597
- let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $gyhAV$useFocusRing)({
1598
- within: true
1599
- });
1600
- let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $gyhAV$useFocusRing)();
1601
- let { hoverProps: hoverProps, isHovered: isHovered } = (0, $gyhAV$useHover)({
1602
- isDisabled: isDisabled
1603
- });
1604
- let isFirstRow = ((_state_collection_rows_find = state.collection.rows.find((row)=>row.level === 1)) === null || _state_collection_rows_find === void 0 ? void 0 : _state_collection_rows_find.key) === item.key;
1605
- let isLastRow = item.nextKey == null;
1606
- // Figure out if the TableView content is equal or greater in height to the container. If so, we'll need to round the bottom
1607
- // border corners of the last row when selected.
1608
- let isFlushWithContainerBottom = false;
1609
- if (isLastRow) {
1610
- if (((_layout_getContentSize = layout.getContentSize()) === null || _layout_getContentSize === void 0 ? void 0 : _layout_getContentSize.height) >= ((_layout_virtualizer = layout.virtualizer) === null || _layout_virtualizer === void 0 ? void 0 : _layout_virtualizer.getVisibleRect().height)) isFlushWithContainerBottom = true;
1611
- }
1612
- let draggableItem;
1613
- if (isTableDraggable) {
1614
- // eslint-disable-next-line react-hooks/rules-of-hooks
1615
- draggableItem = dragAndDropHooks.useDraggableItem({
1616
- key: item.key,
1617
- hasDragButton: true
1618
- }, dragState);
1619
- if (isDisabled) draggableItem = null;
1620
- }
1621
- let droppableItem;
1622
- let isDropTarget;
1623
- let dropIndicator;
1624
- let dropIndicatorRef = (0, $gyhAV$useRef)();
1625
- if (isTableDroppable) {
1626
- let target = {
1627
- type: "item",
1628
- key: item.key,
1629
- dropPosition: "on"
1630
- };
1631
- isDropTarget = dropState.isDropTarget(target);
1632
- // eslint-disable-next-line react-hooks/rules-of-hooks
1633
- dropIndicator = dragAndDropHooks.useDropIndicator({
1634
- target: target
1635
- }, dropState, dropIndicatorRef);
1636
- }
1637
- let dragButtonRef = (0, $gyhAV$react).useRef();
1638
- let { buttonProps: dragButtonProps } = (0, $gyhAV$useButton)({
1639
- ...draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragButtonProps,
1640
- elementType: "div"
1641
- }, dragButtonRef);
1642
- let props = (0, $gyhAV$mergeProps)(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps, // Remove tab index from list row if performing a screenreader drag. This prevents TalkBack from focusing the row,
1643
- // allowing for single swipe navigation between row drop indicator
1644
- (dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.isVirtualDragging()) && {
1645
- tabIndex: null
1646
- });
1647
- let dropProps = isDroppable ? droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps : {
1648
- "aria-hidden": droppableItem === null || droppableItem === void 0 ? void 0 : droppableItem.dropProps["aria-hidden"]
1649
- };
1650
- let { visuallyHiddenProps: visuallyHiddenProps } = (0, $gyhAV$useVisuallyHidden)();
1651
- return /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$TableRowContext.Provider, {
1652
- value: {
1653
- dragButtonProps: dragButtonProps,
1654
- dragButtonRef: dragButtonRef,
1655
- isFocusVisibleWithin: isFocusVisibleWithin
1656
- }
1657
- }, isTableDroppable && isFirstRow && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $7ee9a922ee4e8032$export$2c0bab5914a9d088), {
1658
- rowProps: props,
1659
- key: `${item.key}-before`,
1660
- target: {
1661
- key: item.key,
1662
- type: "item",
1663
- dropPosition: "before"
1664
- }
1665
- }), isTableDroppable && !(dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isHidden) && /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1666
- role: "row",
1667
- ...visuallyHiddenProps
1668
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1669
- role: "gridcell"
1670
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1671
- role: "button",
1672
- ...dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.dropIndicatorProps,
1673
- ref: dropIndicatorRef
1674
- }))), /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1675
- ...(0, $gyhAV$mergeProps)(props, dropProps),
1676
- ref: ref,
1677
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-row", {
1678
- "is-active": isPressed,
1679
- "is-selected": isSelected,
1680
- "spectrum-Table-row--highlightSelection": state.selectionManager.selectionBehavior === "replace",
1681
- "is-next-selected": state.selectionManager.isSelected(item.nextKey),
1682
- "is-focused": isFocusVisibleWithin,
1683
- "focus-ring": isFocusVisible,
1684
- "is-hovered": isHovered,
1685
- "is-disabled": isDisabled,
1686
- "spectrum-Table-row--firstRow": isFirstRow,
1687
- "spectrum-Table-row--lastRow": isLastRow,
1688
- "spectrum-Table-row--isFlushBottom": isFlushWithContainerBottom
1689
- }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-row", {
1690
- "react-spectrum-Table-row--dropTarget": isDropTarget
1691
- }))
1692
- }, children), isTableDroppable && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $7ee9a922ee4e8032$export$2c0bab5914a9d088), {
1693
- rowProps: props,
1694
- key: `${item.key}-after`,
1695
- target: {
1696
- key: item.key,
1697
- type: "item",
1698
- dropPosition: "after"
1699
- }
1700
- }));
1701
- }
1702
- function $bd013581c0a4b065$var$TableHeaderRow({ item: item, children: children, style: style, ...props }) {
1703
- let { state: state, headerMenuOpen: headerMenuOpen } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1704
- let ref = (0, $gyhAV$useRef)();
1705
- let { rowProps: rowProps } = (0, $gyhAV$useTableHeaderRow)({
1706
- node: item,
1707
- isVirtualized: true
1708
- }, state, ref);
1709
- let { hoverProps: hoverProps } = (0, $gyhAV$useHover)({
1710
- ...props,
1711
- isDisabled: headerMenuOpen
1712
- });
1713
- return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1714
- ...(0, $gyhAV$mergeProps)(rowProps, hoverProps),
1715
- ref: ref,
1716
- style: style
1717
- }, children);
1718
- }
1719
- function $bd013581c0a4b065$var$TableDragCell({ cell: cell }) {
1720
- let ref = (0, $gyhAV$useRef)();
1721
- let { state: state, isTableDraggable: isTableDraggable } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1722
- let isDisabled = state.disabledKeys.has(cell.parentKey);
1723
- let { gridCellProps: gridCellProps } = (0, $gyhAV$useTableCell)({
1724
- node: cell,
1725
- isVirtualized: true
1726
- }, state, ref);
1727
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
1728
- focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
1729
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1730
- ...gridCellProps,
1731
- ref: ref,
1732
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", {
1733
- "is-disabled": isDisabled
1734
- }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell", "react-spectrum-Table-dragButtonCell"))
1735
- }, isTableDraggable && !isDisabled && /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$DragButton, null)));
1736
- }
1737
- function $bd013581c0a4b065$var$TableCheckboxCell({ cell: cell }) {
1738
- let ref = (0, $gyhAV$useRef)();
1739
- let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1740
- let isDisabled = state.disabledKeys.has(cell.parentKey);
1741
- let { gridCellProps: gridCellProps } = (0, $gyhAV$useTableCell)({
1742
- node: cell,
1743
- isVirtualized: true
1744
- }, state, ref);
1745
- let { checkboxProps: checkboxProps } = (0, $gyhAV$useTableSelectionCheckbox)({
1746
- key: cell.parentKey
1747
- }, state);
1748
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
1749
- focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
1750
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1751
- ...gridCellProps,
1752
- ref: ref,
1753
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", "spectrum-Table-checkboxCell", {
1754
- "is-disabled": isDisabled
1755
- }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell"))
1756
- }, state.selectionManager.selectionMode !== "none" && /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$Checkbox), {
1757
- ...checkboxProps,
1758
- isEmphasized: true,
1759
- isDisabled: isDisabled,
1760
- UNSAFE_className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-checkbox")
1761
- })));
1762
- }
1763
- function $bd013581c0a4b065$var$TableCell({ cell: cell }) {
1764
- let { scale: scale } = (0, $gyhAV$useProvider)();
1765
- let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1766
- let isExpandableTable = "expandedKeys" in state;
1767
- let ref = (0, $gyhAV$useRef)();
1768
- let columnProps = cell.column.props;
1769
- let isDisabled = state.disabledKeys.has(cell.parentKey);
1770
- let { gridCellProps: gridCellProps } = (0, $gyhAV$useTableCell)({
1771
- node: cell,
1772
- isVirtualized: true
1773
- }, state, ref);
1774
- let { id: id, ...otherGridCellProps } = gridCellProps;
1775
- let isFirstRowHeaderCell = state.collection.rowHeaderColumnKeys.keys().next().value === cell.column.key;
1776
- let isRowExpandable = false;
1777
- let showExpandCollapseButton = false;
1778
- let levelOffset = 0;
1779
- if ("expandedKeys" in state) {
1780
- var _state_keyMap_get_props_UNSTABLE_childItems, _state_keyMap_get, _state_keyMap_get_props_children, _state_keyMap_get_props, _state_keyMap_get1;
1781
- isRowExpandable = ((_state_keyMap_get = state.keyMap.get(cell.parentKey)) === null || _state_keyMap_get === void 0 ? void 0 : (_state_keyMap_get_props_UNSTABLE_childItems = _state_keyMap_get.props.UNSTABLE_childItems) === null || _state_keyMap_get_props_UNSTABLE_childItems === void 0 ? void 0 : _state_keyMap_get_props_UNSTABLE_childItems.length) > 0 || ((_state_keyMap_get1 = state.keyMap.get(cell.parentKey)) === null || _state_keyMap_get1 === void 0 ? void 0 : (_state_keyMap_get_props = _state_keyMap_get1.props) === null || _state_keyMap_get_props === void 0 ? void 0 : (_state_keyMap_get_props_children = _state_keyMap_get_props.children) === null || _state_keyMap_get_props_children === void 0 ? void 0 : _state_keyMap_get_props_children.length) > state.userColumnCount;
1782
- showExpandCollapseButton = isFirstRowHeaderCell && isRowExpandable;
1783
- // Offset based on level, and add additional offset if there is no expand/collapse button on a row
1784
- levelOffset = (cell.level - 2) * $bd013581c0a4b065$var$LEVEL_OFFSET_WIDTH[scale] + (!showExpandCollapseButton ? $bd013581c0a4b065$var$LEVEL_OFFSET_WIDTH[scale] * 2 : 0);
1785
- }
1786
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$FocusRing), {
1787
- focusRingClass: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "focus-ring")
1788
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1789
- ...otherGridCellProps,
1790
- "aria-labelledby": id,
1791
- ref: ref,
1792
- style: isExpandableTable && isFirstRowHeaderCell ? {
1793
- paddingInlineStart: levelOffset
1794
- } : {},
1795
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cell", {
1796
- "spectrum-Table-cell--divider": columnProps.showDivider && cell.column.nextKey !== null,
1797
- "spectrum-Table-cell--hideHeader": columnProps.hideHeader,
1798
- "spectrum-Table-cell--hasExpandCollapseButton": showExpandCollapseButton,
1799
- "is-disabled": isDisabled
1800
- }, (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-cell", {
1801
- "react-spectrum-Table-cell--alignStart": columnProps.align === "start",
1802
- "react-spectrum-Table-cell--alignCenter": columnProps.align === "center",
1803
- "react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
1804
- }))
1805
- }, showExpandCollapseButton && /*#__PURE__*/ (0, $gyhAV$react).createElement($bd013581c0a4b065$var$ExpandableRowChevron, {
1806
- cell: cell
1807
- }), /*#__PURE__*/ (0, $gyhAV$react).createElement("span", {
1808
- id: id,
1809
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-cellContents")
1810
- }, cell.rendered)));
1811
- }
1812
- function $bd013581c0a4b065$var$ExpandableRowChevron({ cell: cell }) {
1813
- // TODO: move some/all of the chevron button setup into a separate hook?
1814
- let { direction: direction } = (0, $gyhAV$useLocale)();
1815
- let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1816
- let expandButtonRef = (0, $gyhAV$useRef)();
1817
- let stringFormatter = (0, $gyhAV$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($cc43b2d4f6011c04$exports))), "@react-spectrum/table");
1818
- let isExpanded;
1819
- if ("expandedKeys" in state) isExpanded = state.expandedKeys === "all" || state.expandedKeys.has(cell.parentKey);
1820
- // Will need to keep the chevron as a button for iOS VO at all times since VO doesn't focus the cell. Also keep as button if cellAction is defined by the user in the future
1821
- let { buttonProps: buttonProps } = (0, $gyhAV$useButton)({
1822
- // Desktop and mobile both toggle expansion of a native expandable row on mouse/touch up
1823
- onPress: ()=>{
1824
- state.toggleKey(cell.parentKey);
1825
- if (!(0, $gyhAV$isFocusVisible)()) {
1826
- state.selectionManager.setFocused(true);
1827
- state.selectionManager.setFocusedKey(cell.parentKey);
1828
- }
1829
- },
1830
- elementType: "span",
1831
- "aria-label": isExpanded ? stringFormatter.format("collapse") : stringFormatter.format("expand")
1832
- }, expandButtonRef);
1833
- return /*#__PURE__*/ (0, $gyhAV$react).createElement("span", {
1834
- ...buttonProps,
1835
- ref: expandButtonRef,
1836
- // Override tabindex so that grid keyboard nav skips over it. Needs -1 so android talkback can actually "focus" it
1837
- tabIndex: (0, $gyhAV$isAndroid)() ? -1 : undefined,
1838
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($bd5d41f647a296c3$exports))), "spectrum-Table-expandButton", {
1839
- "is-open": isExpanded
1840
- })
1841
- }, direction === "ltr" ? /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiChevronRightMedium), null) : /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $gyhAV$spectrumiconsuiChevronLeftMedium), null));
1842
- }
1843
- function $bd013581c0a4b065$var$CenteredWrapper({ children: children }) {
1844
- let { state: state } = $bd013581c0a4b065$export$3cb274deb6c2d854();
1845
- let rowProps;
1846
- if ("expandedKeys" in state) {
1847
- let topLevelRowCount = [
1848
- ...state.keyMap.get(state.collection.body.key).childNodes
1849
- ].length;
1850
- rowProps = {
1851
- "aria-level": 1,
1852
- "aria-posinset": topLevelRowCount + 1,
1853
- "aria-setsize": topLevelRowCount + 1
1854
- };
1855
- } else rowProps = {
1856
- "aria-rowindex": state.collection.headerRows.length + state.collection.size + 1
1857
- };
1858
- return /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1859
- role: "row",
1860
- ...rowProps,
1861
- className: (0, $gyhAV$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($325bc3d43b25708b$exports))), "react-spectrum-Table-centeredWrapper")
1862
- }, /*#__PURE__*/ (0, $gyhAV$react).createElement("div", {
1863
- role: "rowheader",
1864
- "aria-colspan": state.collection.columns.length
1865
- }, children));
1866
- }
1867
- const $bd013581c0a4b065$export$517e02184d273d69 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($bd013581c0a4b065$var$TableViewBase);
1868
-
1869
-
1870
-
1871
- function $d14697b14e638114$var$TableView(props, ref) {
1872
- let { selectionStyle: selectionStyle, dragAndDropHooks: dragAndDropHooks } = props;
1873
- let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $gyhAV$useState)(selectionStyle !== "highlight");
1874
- let isTableDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
1875
- let state = (0, $gyhAV$useTableState)({
1876
- ...props,
1877
- showSelectionCheckboxes: showSelectionCheckboxes,
1878
- showDragButtons: isTableDraggable,
1879
- selectionBehavior: props.selectionStyle === "highlight" ? "replace" : "toggle"
1880
- });
1881
- // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...
1882
- let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== "replace";
1883
- if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
1884
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $bd013581c0a4b065$export$517e02184d273d69), {
1885
- ...props,
1886
- state: state,
1887
- ref: ref
1888
- });
1889
- }
1890
- const $d14697b14e638114$export$b3c27e869d856b7 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($d14697b14e638114$var$TableView);
1891
-
1892
-
1893
- /*
1894
- * Copyright 2023 Adobe. All rights reserved.
1895
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
1896
- * you may not use this file except in compliance with the License. You may obtain a copy
1897
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
1898
- *
1899
- * Unless required by applicable law or agreed to in writing, software distributed under
1900
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
1901
- * OF ANY KIND, either express or implied. See the License for the specific language
1902
- * governing permissions and limitations under the License.
1903
- */
1904
-
1905
-
1906
- function $be90f60881eac8aa$var$TreeGridTableView(props, ref) {
1907
- let { selectionStyle: selectionStyle, dragAndDropHooks: dragAndDropHooks } = props;
1908
- let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $gyhAV$useState)(selectionStyle !== "highlight");
1909
- let isTableDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
1910
- let state = (0, $gyhAV$UNSTABLE_useTreeGridState)({
1911
- ...props,
1912
- showSelectionCheckboxes: showSelectionCheckboxes,
1913
- showDragButtons: isTableDraggable,
1914
- selectionBehavior: props.selectionStyle === "highlight" ? "replace" : "toggle"
1915
- });
1916
- // If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...
1917
- let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== "replace";
1918
- if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
1919
- return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $bd013581c0a4b065$export$517e02184d273d69), {
1920
- ...props,
1921
- state: state,
1922
- ref: ref
1923
- });
1924
- }
1925
- const $be90f60881eac8aa$export$5669566ac2c90964 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($be90f60881eac8aa$var$TreeGridTableView);
1926
-
1927
-
1928
- function $9f67189e3f884740$var$TableViewWrapper(props, ref) {
1929
- let { UNSTABLE_allowsExpandableRows: UNSTABLE_allowsExpandableRows, ...otherProps } = props;
1930
- if ((0, $gyhAV$tableNestedRows)() && UNSTABLE_allowsExpandableRows) return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $be90f60881eac8aa$export$5669566ac2c90964), {
1931
- ...otherProps,
1932
- ref: ref
1933
- });
1934
- else return /*#__PURE__*/ (0, $gyhAV$react).createElement((0, $d14697b14e638114$export$b3c27e869d856b7), {
1935
- ...otherProps,
1936
- ref: ref
1937
- });
1938
- }
1939
- /**
1940
- * Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
1941
- */ const $9f67189e3f884740$export$b3c27e869d856b7 = /*#__PURE__*/ (0, $gyhAV$react).forwardRef($9f67189e3f884740$var$TableViewWrapper);
1942
-
1943
15
 
1944
16
 
1945
17
  // Override TS for Column to support spectrum specific props.