@react-spectrum/table 3.5.1-nightly.3599 → 3.5.1-nightly.3600
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.
- package/dist/main.css +1 -1
- package/dist/main.js +390 -364
- package/dist/main.js.map +1 -1
- package/dist/module.mjs +390 -364
- package/dist/module.mjs.map +1 -1
- package/package.json +28 -28
package/dist/main.js
CHANGED
|
@@ -34,8 +34,28 @@ $parcel$export(module.exports, "TableBody", () => $3fpzo$reactstatelytable.Table
|
|
|
34
34
|
$parcel$export(module.exports, "Section", () => $3fpzo$reactstatelytable.Section);
|
|
35
35
|
$parcel$export(module.exports, "Row", () => $3fpzo$reactstatelytable.Row);
|
|
36
36
|
$parcel$export(module.exports, "Cell", () => $3fpzo$reactstatelytable.Cell);
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
/*
|
|
38
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
39
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
40
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
41
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
42
|
+
*
|
|
43
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
44
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
45
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
46
|
+
* governing permissions and limitations under the License.
|
|
47
|
+
*/ /// <reference types="css-module-types" />
|
|
48
|
+
/*
|
|
49
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
50
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
51
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
52
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
53
|
+
*
|
|
54
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
55
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
56
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
57
|
+
* governing permissions and limitations under the License.
|
|
58
|
+
*/
|
|
39
59
|
|
|
40
60
|
|
|
41
61
|
|
|
@@ -457,33 +477,43 @@ $a89862f958371476$exports = {
|
|
|
457
477
|
|
|
458
478
|
|
|
459
479
|
|
|
460
|
-
|
|
480
|
+
/*
|
|
481
|
+
* Copyright 2022 Adobe. All rights reserved.
|
|
482
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
483
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
484
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
485
|
+
*
|
|
486
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
487
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
488
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
489
|
+
* governing permissions and limitations under the License.
|
|
490
|
+
*/
|
|
461
491
|
function $18b3deb5c431fa13$export$d9658cdf8c86807() {
|
|
462
|
-
return
|
|
492
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("svg", {
|
|
463
493
|
xmlns: "http://www.w3.org/2000/svg",
|
|
464
494
|
width: "16",
|
|
465
495
|
height: "16",
|
|
466
496
|
viewBox: "0 0 16 16"
|
|
467
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("g", {
|
|
497
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("g", {
|
|
468
498
|
id: "Group_175838",
|
|
469
499
|
"data-name": "Group 175838"
|
|
470
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("g", {
|
|
500
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("g", {
|
|
471
501
|
id: "Ellipse_10104",
|
|
472
502
|
"data-name": "Ellipse 10104",
|
|
473
503
|
fill: "var(--spectrum-global-color-blue-600)",
|
|
474
504
|
stroke: "var(--spectrum-global-color-blue-600)",
|
|
475
505
|
strokeWidth: "2"
|
|
476
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("circle", {
|
|
506
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("circle", {
|
|
477
507
|
cx: "8",
|
|
478
508
|
cy: "8",
|
|
479
509
|
r: "8",
|
|
480
510
|
stroke: "none"
|
|
481
|
-
}), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("circle", {
|
|
511
|
+
}), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("circle", {
|
|
482
512
|
cx: "8",
|
|
483
513
|
cy: "8",
|
|
484
514
|
r: "7",
|
|
485
515
|
fill: "none"
|
|
486
|
-
}))), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("path", {
|
|
516
|
+
}))), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("path", {
|
|
487
517
|
id: "Path_104166",
|
|
488
518
|
"data-name": "Path 104166",
|
|
489
519
|
d: "M-2106-7380.263v5l2.5-2.551Z",
|
|
@@ -492,7 +522,7 @@ function $18b3deb5c431fa13$export$d9658cdf8c86807() {
|
|
|
492
522
|
stroke: "#fff",
|
|
493
523
|
strokeLinejoin: "round",
|
|
494
524
|
strokeWidth: "2"
|
|
495
|
-
}), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("path", {
|
|
525
|
+
}), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("path", {
|
|
496
526
|
id: "Path_104167",
|
|
497
527
|
"data-name": "Path 104167",
|
|
498
528
|
d: "M-2106-7380.263v5l2.5-2.551Z",
|
|
@@ -501,14 +531,14 @@ function $18b3deb5c431fa13$export$d9658cdf8c86807() {
|
|
|
501
531
|
stroke: "#fff",
|
|
502
532
|
strokeLinejoin: "round",
|
|
503
533
|
strokeWidth: "2"
|
|
504
|
-
}))
|
|
534
|
+
}));
|
|
505
535
|
}
|
|
506
536
|
|
|
507
537
|
|
|
508
538
|
|
|
509
539
|
|
|
510
540
|
|
|
511
|
-
|
|
541
|
+
/* eslint-disable jsx-a11y/role-supports-aria-props */
|
|
512
542
|
|
|
513
543
|
|
|
514
544
|
|
|
@@ -690,61 +720,61 @@ $982885d0a34882ea$export$d3861fcb1e5f6a2b = "spectrum-Table-colResizeIndicator--
|
|
|
690
720
|
|
|
691
721
|
function $2877766f94c67a67$var$Resizer(props, ref) {
|
|
692
722
|
let { column: column , showResizer: showResizer } = props;
|
|
693
|
-
let { state: state , columnState: columnState , isEmpty: isEmpty } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
694
|
-
let stringFormatter = $3fpzo$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports)));
|
|
695
|
-
let { direction: direction } = $3fpzo$reactariai18n.useLocale();
|
|
696
|
-
const stateRef = $3fpzo$react.useRef(null);
|
|
723
|
+
let { state: state , columnState: columnState , isEmpty: isEmpty } = (0, $be8a9c035a82f788$export$3cb274deb6c2d854)();
|
|
724
|
+
let stringFormatter = (0, $3fpzo$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports))));
|
|
725
|
+
let { direction: direction } = (0, $3fpzo$reactariai18n.useLocale)();
|
|
726
|
+
const stateRef = (0, $3fpzo$react.useRef)(null);
|
|
697
727
|
stateRef.current = columnState;
|
|
698
|
-
let { inputProps: inputProps , resizerProps: resizerProps } = $3fpzo$reactariatable.useTableColumnResize({
|
|
728
|
+
let { inputProps: inputProps , resizerProps: resizerProps } = (0, $3fpzo$reactariatable.useTableColumnResize)({
|
|
699
729
|
...props,
|
|
700
|
-
label: stringFormatter.format(
|
|
730
|
+
label: stringFormatter.format("columnResizer"),
|
|
701
731
|
isDisabled: isEmpty,
|
|
702
732
|
onMove: (e)=>{
|
|
703
|
-
document.body.classList.remove($3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
704
|
-
document.body.classList.remove($3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
705
|
-
document.body.classList.remove($3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
706
|
-
if (stateRef.current.getColumnMinWidth(column.key) >= stateRef.current.getColumnWidth(column.key)) document.body.classList.add(direction ===
|
|
707
|
-
else if (stateRef.current.getColumnMaxWidth(column.key) <= stateRef.current.getColumnWidth(column.key)) document.body.classList.add(direction ===
|
|
708
|
-
else document.body.classList.add($3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
733
|
+
document.body.classList.remove((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-ew"));
|
|
734
|
+
document.body.classList.remove((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-e"));
|
|
735
|
+
document.body.classList.remove((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-w"));
|
|
736
|
+
if (stateRef.current.getColumnMinWidth(column.key) >= stateRef.current.getColumnWidth(column.key)) document.body.classList.add(direction === "rtl" ? (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-w") : (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-e"));
|
|
737
|
+
else if (stateRef.current.getColumnMaxWidth(column.key) <= stateRef.current.getColumnWidth(column.key)) document.body.classList.add(direction === "rtl" ? (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-e") : (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-w"));
|
|
738
|
+
else document.body.classList.add((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-ew"));
|
|
709
739
|
props.onMoveResizer(e);
|
|
710
740
|
},
|
|
711
741
|
onMoveEnd: ()=>{
|
|
712
|
-
document.body.classList.remove($3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
713
|
-
document.body.classList.remove($3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
714
|
-
document.body.classList.remove($3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
742
|
+
document.body.classList.remove((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-ew"));
|
|
743
|
+
document.body.classList.remove((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-e"));
|
|
744
|
+
document.body.classList.remove((0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "resize-w"));
|
|
715
745
|
}
|
|
716
746
|
}, state, columnState, ref);
|
|
717
747
|
let style = {
|
|
718
748
|
cursor: undefined,
|
|
719
|
-
height:
|
|
720
|
-
display: showResizer ? undefined :
|
|
721
|
-
touchAction:
|
|
749
|
+
height: "100%",
|
|
750
|
+
display: showResizer ? undefined : "none",
|
|
751
|
+
touchAction: "none"
|
|
722
752
|
};
|
|
723
753
|
let isEResizable = columnState.getColumnMinWidth(column.key) >= columnState.getColumnWidth(column.key);
|
|
724
754
|
let isWResizable = columnState.getColumnMaxWidth(column.key) <= columnState.getColumnWidth(column.key);
|
|
725
|
-
return
|
|
755
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, ($parcel$interopDefault($3fpzo$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusRing), {
|
|
726
756
|
within: true,
|
|
727
|
-
focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
728
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
757
|
+
focusRingClass: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "focus-ring")
|
|
758
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
729
759
|
role: "presentation",
|
|
730
760
|
style: style,
|
|
731
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
761
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-columnResizer", {
|
|
762
|
+
"spectrum-Table-columnResizer--ewresize": !(isEResizable && isWResizable),
|
|
763
|
+
"spectrum-Table-columnResizer--eresize": direction === "rtl" ? isWResizable : isEResizable,
|
|
764
|
+
"spectrum-Table-columnResizer--wresize": direction === "rtl" ? isEResizable : isWResizable
|
|
735
765
|
}),
|
|
736
766
|
...resizerProps
|
|
737
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariavisuallyhidden.VisuallyHidden, null, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("input", {
|
|
767
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariavisuallyhidden.VisuallyHidden), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("input", {
|
|
738
768
|
ref: ref,
|
|
739
769
|
type: "range",
|
|
740
770
|
...inputProps
|
|
741
|
-
})))), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
771
|
+
})))), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
742
772
|
"aria-hidden": true,
|
|
743
773
|
role: "presentation",
|
|
744
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
745
|
-
}))
|
|
774
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-columnResizerPlaceholder")
|
|
775
|
+
}));
|
|
746
776
|
}
|
|
747
|
-
const $2877766f94c67a67$export$48a76196cafe3b93 = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).forwardRef($2877766f94c67a67$var$Resizer);
|
|
777
|
+
const $2877766f94c67a67$export$48a76196cafe3b93 = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).forwardRef($2877766f94c67a67$var$Resizer);
|
|
748
778
|
|
|
749
779
|
|
|
750
780
|
|
|
@@ -807,18 +837,18 @@ const $be8a9c035a82f788$var$SELECTION_CELL_DEFAULT_WIDTH = {
|
|
|
807
837
|
medium: 38,
|
|
808
838
|
large: 48
|
|
809
839
|
};
|
|
810
|
-
const $be8a9c035a82f788$var$TableContext = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createContext(null);
|
|
840
|
+
const $be8a9c035a82f788$var$TableContext = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createContext(null);
|
|
811
841
|
function $be8a9c035a82f788$export$3cb274deb6c2d854() {
|
|
812
|
-
return $3fpzo$react.useContext($be8a9c035a82f788$var$TableContext);
|
|
842
|
+
return (0, $3fpzo$react.useContext)($be8a9c035a82f788$var$TableContext);
|
|
813
843
|
}
|
|
814
844
|
function $be8a9c035a82f788$var$TableView(props, ref) {
|
|
815
|
-
props = $3fpzo$reactspectrumprovider.useProviderProps(props);
|
|
845
|
+
props = (0, $3fpzo$reactspectrumprovider.useProviderProps)(props);
|
|
816
846
|
let { isQuiet: isQuiet , onAction: onAction } = props;
|
|
817
|
-
let { styleProps: styleProps } = $3fpzo$reactspectrumutils.useStyleProps(props);
|
|
818
|
-
let [showSelectionCheckboxes, setShowSelectionCheckboxes] = $3fpzo$react.useState(props.selectionStyle !==
|
|
819
|
-
let { direction: direction } = $3fpzo$reactariai18n.useLocale();
|
|
820
|
-
let { scale: scale } = $3fpzo$reactspectrumprovider.useProvider();
|
|
821
|
-
const getDefaultWidth = $3fpzo$react.useCallback(({ hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider })=>{
|
|
847
|
+
let { styleProps: styleProps } = (0, $3fpzo$reactspectrumutils.useStyleProps)(props);
|
|
848
|
+
let [showSelectionCheckboxes, setShowSelectionCheckboxes] = (0, $3fpzo$react.useState)(props.selectionStyle !== "highlight");
|
|
849
|
+
let { direction: direction } = (0, $3fpzo$reactariai18n.useLocale)();
|
|
850
|
+
let { scale: scale } = (0, $3fpzo$reactspectrumprovider.useProvider)();
|
|
851
|
+
const getDefaultWidth = (0, $3fpzo$react.useCallback)(({ hideHeader: hideHeader , isSelectionCell: isSelectionCell , showDivider: showDivider })=>{
|
|
822
852
|
if (hideHeader) {
|
|
823
853
|
let width = $be8a9c035a82f788$var$DEFAULT_HIDE_HEADER_CELL_WIDTH[scale];
|
|
824
854
|
return showDivider ? width + 1 : width;
|
|
@@ -826,14 +856,14 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
|
|
|
826
856
|
}, [
|
|
827
857
|
scale
|
|
828
858
|
]);
|
|
829
|
-
let [isInResizeMode, setIsInResizeMode] = $3fpzo$react.useState(false);
|
|
830
|
-
let state = $3fpzo$reactstatelytable.useTableState({
|
|
859
|
+
let [isInResizeMode, setIsInResizeMode] = (0, $3fpzo$react.useState)(false);
|
|
860
|
+
let state = (0, $3fpzo$reactstatelytable.useTableState)({
|
|
831
861
|
...props,
|
|
832
862
|
showSelectionCheckboxes: showSelectionCheckboxes,
|
|
833
|
-
selectionBehavior: props.selectionStyle ===
|
|
863
|
+
selectionBehavior: props.selectionStyle === "highlight" ? "replace" : "toggle"
|
|
834
864
|
});
|
|
835
|
-
const columnState = $3fpzo$reactstatelytable.useTableColumnResizeState({
|
|
836
|
-
|
|
865
|
+
const columnState = (0, $3fpzo$reactstatelytable.useTableColumnResizeState)({
|
|
866
|
+
...(0, $3fpzo$reactariautils.mergeProps)(props, {
|
|
837
867
|
onColumnResizeEnd: ()=>{
|
|
838
868
|
setIsInResizeMode(false);
|
|
839
869
|
}
|
|
@@ -841,130 +871,129 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
|
|
|
841
871
|
getDefaultWidth: getDefaultWidth
|
|
842
872
|
}, state.collection);
|
|
843
873
|
// If the selection behavior changes in state, we need to update showSelectionCheckboxes here due to the circular dependency...
|
|
844
|
-
let shouldShowCheckboxes = state.selectionManager.selectionBehavior !==
|
|
874
|
+
let shouldShowCheckboxes = state.selectionManager.selectionBehavior !== "replace";
|
|
845
875
|
if (shouldShowCheckboxes !== showSelectionCheckboxes) setShowSelectionCheckboxes(shouldShowCheckboxes);
|
|
846
|
-
let domRef = $3fpzo$reactspectrumutils.useDOMRef(ref);
|
|
847
|
-
let headerRef = $3fpzo$react.useRef();
|
|
848
|
-
let bodyRef = $3fpzo$react.useRef();
|
|
849
|
-
let stringFormatter = $3fpzo$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports)));
|
|
850
|
-
let density = props.density ||
|
|
851
|
-
let layout = $3fpzo$react.useMemo(()=>new $3fpzo$reactstatelylayout.TableLayout({
|
|
876
|
+
let domRef = (0, $3fpzo$reactspectrumutils.useDOMRef)(ref);
|
|
877
|
+
let headerRef = (0, $3fpzo$react.useRef)();
|
|
878
|
+
let bodyRef = (0, $3fpzo$react.useRef)();
|
|
879
|
+
let stringFormatter = (0, $3fpzo$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports))));
|
|
880
|
+
let density = props.density || "regular";
|
|
881
|
+
let layout = (0, $3fpzo$react.useMemo)(()=>new (0, $3fpzo$reactstatelylayout.TableLayout)({
|
|
852
882
|
// If props.rowHeight is auto, then use estimated heights based on scale, otherwise use fixed heights.
|
|
853
|
-
rowHeight: props.overflowMode ===
|
|
854
|
-
estimatedRowHeight: props.overflowMode ===
|
|
855
|
-
headingHeight: props.overflowMode ===
|
|
856
|
-
estimatedHeadingHeight: props.overflowMode ===
|
|
857
|
-
})
|
|
858
|
-
, [
|
|
883
|
+
rowHeight: props.overflowMode === "wrap" ? null : $be8a9c035a82f788$var$ROW_HEIGHTS[density][scale],
|
|
884
|
+
estimatedRowHeight: props.overflowMode === "wrap" ? $be8a9c035a82f788$var$ROW_HEIGHTS[density][scale] : null,
|
|
885
|
+
headingHeight: props.overflowMode === "wrap" ? null : $be8a9c035a82f788$var$DEFAULT_HEADER_HEIGHT[scale],
|
|
886
|
+
estimatedHeadingHeight: props.overflowMode === "wrap" ? $be8a9c035a82f788$var$DEFAULT_HEADER_HEIGHT[scale] : null
|
|
887
|
+
}), [
|
|
859
888
|
props.overflowMode,
|
|
860
889
|
scale,
|
|
861
890
|
density
|
|
862
891
|
]);
|
|
863
892
|
layout.collection = state.collection;
|
|
864
893
|
layout.getColumnWidth = columnState.getColumnWidth;
|
|
865
|
-
let { gridProps: gridProps } = $3fpzo$reactariatable.useTable({
|
|
894
|
+
let { gridProps: gridProps } = (0, $3fpzo$reactariatable.useTable)({
|
|
866
895
|
...props,
|
|
867
896
|
isVirtualized: true,
|
|
868
897
|
layout: layout,
|
|
869
898
|
onRowAction: onAction
|
|
870
899
|
}, state, domRef);
|
|
871
|
-
let [headerRowHovered, setHeaderRowHovered] = $3fpzo$react.useState(false);
|
|
900
|
+
let [headerRowHovered, setHeaderRowHovered] = (0, $3fpzo$react.useState)(false);
|
|
872
901
|
let renderWrapper = (parent, reusableView, children, renderChildren)=>{
|
|
873
|
-
let style = $3fpzo$reactariavirtualizer.layoutInfoToStyle(reusableView.layoutInfo, direction, parent && parent.layoutInfo);
|
|
874
|
-
if (style.overflow ===
|
|
875
|
-
if (reusableView.viewType ===
|
|
902
|
+
let style = (0, $3fpzo$reactariavirtualizer.layoutInfoToStyle)(reusableView.layoutInfo, direction, parent && parent.layoutInfo);
|
|
903
|
+
if (style.overflow === "hidden") style.overflow = "visible"; // needed to support position: sticky
|
|
904
|
+
if (reusableView.viewType === "rowgroup") return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableRowGroup, {
|
|
876
905
|
key: reusableView.key,
|
|
877
906
|
style: style
|
|
878
|
-
}, renderChildren(children))
|
|
879
|
-
if (reusableView.viewType ===
|
|
907
|
+
}, renderChildren(children));
|
|
908
|
+
if (reusableView.viewType === "header") return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableHeader, {
|
|
880
909
|
key: reusableView.key,
|
|
881
910
|
style: style
|
|
882
|
-
}, renderChildren(children))
|
|
883
|
-
if (reusableView.viewType ===
|
|
911
|
+
}, renderChildren(children));
|
|
912
|
+
if (reusableView.viewType === "row") return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableRow, {
|
|
884
913
|
key: reusableView.key,
|
|
885
914
|
item: reusableView.content,
|
|
886
915
|
style: style,
|
|
887
916
|
hasActions: onAction
|
|
888
|
-
}, renderChildren(children))
|
|
889
|
-
if (reusableView.viewType ===
|
|
917
|
+
}, renderChildren(children));
|
|
918
|
+
if (reusableView.viewType === "headerrow") return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableHeaderRow, {
|
|
890
919
|
onHoverChange: setHeaderRowHovered,
|
|
891
920
|
key: reusableView.key,
|
|
892
921
|
style: style,
|
|
893
922
|
item: reusableView.content
|
|
894
|
-
}, renderChildren(children))
|
|
895
|
-
return
|
|
923
|
+
}, renderChildren(children));
|
|
924
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariavirtualizer.VirtualizerItem), {
|
|
896
925
|
key: reusableView.key,
|
|
897
926
|
reusableView: reusableView,
|
|
898
927
|
parent: parent,
|
|
899
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
900
|
-
|
|
928
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-cellWrapper", (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))), {
|
|
929
|
+
"react-spectrum-Table-cellWrapper": !reusableView.layoutInfo.estimatedSize
|
|
901
930
|
}))
|
|
902
|
-
})
|
|
931
|
+
});
|
|
903
932
|
};
|
|
904
933
|
let renderView = (type, item)=>{
|
|
905
934
|
switch(type){
|
|
906
|
-
case
|
|
907
|
-
case
|
|
908
|
-
case
|
|
909
|
-
case
|
|
910
|
-
case
|
|
935
|
+
case "header":
|
|
936
|
+
case "rowgroup":
|
|
937
|
+
case "section":
|
|
938
|
+
case "row":
|
|
939
|
+
case "headerrow":
|
|
911
940
|
return null;
|
|
912
|
-
case
|
|
913
|
-
if (item.props.isSelectionCell) return
|
|
941
|
+
case "cell":
|
|
942
|
+
if (item.props.isSelectionCell) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableCheckboxCell, {
|
|
914
943
|
cell: item
|
|
915
|
-
})
|
|
916
|
-
return
|
|
944
|
+
});
|
|
945
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableCell, {
|
|
917
946
|
cell: item
|
|
918
|
-
})
|
|
919
|
-
case
|
|
947
|
+
});
|
|
948
|
+
case "placeholder":
|
|
920
949
|
// TODO: move to react-aria?
|
|
921
|
-
return
|
|
950
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
922
951
|
role: "gridcell",
|
|
923
952
|
"aria-colindex": item.index + 1,
|
|
924
953
|
"aria-colspan": item.colspan > 1 ? item.colspan : null
|
|
925
|
-
})
|
|
926
|
-
case
|
|
927
|
-
if (item.props.isSelectionCell) return
|
|
954
|
+
});
|
|
955
|
+
case "column":
|
|
956
|
+
if (item.props.isSelectionCell) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableSelectAllCell, {
|
|
928
957
|
column: item
|
|
929
|
-
})
|
|
958
|
+
});
|
|
930
959
|
// TODO: consider this case, what if we have hidden headers and a empty table
|
|
931
|
-
if (item.props.hideHeader) return
|
|
960
|
+
if (item.props.hideHeader) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrumtooltip.TooltipTrigger), {
|
|
932
961
|
placement: "top",
|
|
933
962
|
trigger: "focus"
|
|
934
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableColumnHeader, {
|
|
963
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableColumnHeader, {
|
|
935
964
|
column: item
|
|
936
|
-
}), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrumtooltip.Tooltip, {
|
|
965
|
+
}), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrumtooltip.Tooltip), {
|
|
937
966
|
placement: "top"
|
|
938
|
-
}, item.rendered))
|
|
939
|
-
if (item.props.allowsResizing) return
|
|
967
|
+
}, item.rendered));
|
|
968
|
+
if (item.props.allowsResizing) return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$ResizableTableColumnHeader, {
|
|
940
969
|
tableRef: domRef,
|
|
941
970
|
column: item
|
|
942
|
-
})
|
|
943
|
-
return
|
|
971
|
+
});
|
|
972
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableColumnHeader, {
|
|
944
973
|
column: item
|
|
945
|
-
})
|
|
946
|
-
case
|
|
947
|
-
return
|
|
974
|
+
});
|
|
975
|
+
case "loader":
|
|
976
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$CenteredWrapper, null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrumprogress.ProgressCircle), {
|
|
948
977
|
isIndeterminate: true,
|
|
949
|
-
"aria-label": state.collection.size > 0 ? stringFormatter.format(
|
|
950
|
-
}))
|
|
951
|
-
case
|
|
978
|
+
"aria-label": state.collection.size > 0 ? stringFormatter.format("loadingMore") : stringFormatter.format("loading")
|
|
979
|
+
}));
|
|
980
|
+
case "empty":
|
|
952
981
|
{
|
|
953
982
|
let emptyState = props.renderEmptyState ? props.renderEmptyState() : null;
|
|
954
983
|
if (emptyState == null) return null;
|
|
955
|
-
return
|
|
984
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$CenteredWrapper, null, emptyState);
|
|
956
985
|
}
|
|
957
986
|
}
|
|
958
987
|
};
|
|
959
|
-
let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = $3fpzo$react.useState(false);
|
|
960
|
-
let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = $3fpzo$react.useState(false);
|
|
961
|
-
let viewport = $3fpzo$react.useRef({
|
|
988
|
+
let [isVerticalScrollbarVisible, setVerticalScollbarVisible] = (0, $3fpzo$react.useState)(false);
|
|
989
|
+
let [isHorizontalScrollbarVisible, setHorizontalScollbarVisible] = (0, $3fpzo$react.useState)(false);
|
|
990
|
+
let viewport = (0, $3fpzo$react.useRef)({
|
|
962
991
|
x: 0,
|
|
963
992
|
y: 0,
|
|
964
993
|
width: 0,
|
|
965
994
|
height: 0
|
|
966
995
|
});
|
|
967
|
-
let onVisibleRectChange = $3fpzo$react.useCallback((e)=>{
|
|
996
|
+
let onVisibleRectChange = (0, $3fpzo$react.useCallback)((e)=>{
|
|
968
997
|
if (viewport.current.width === e.width && viewport.current.height === e.height) return;
|
|
969
998
|
viewport.current = e;
|
|
970
999
|
if (bodyRef.current) {
|
|
@@ -972,17 +1001,17 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
|
|
|
972
1001
|
setHorizontalScollbarVisible(bodyRef.current.clientHeight + 2 < bodyRef.current.offsetHeight);
|
|
973
1002
|
}
|
|
974
1003
|
}, []);
|
|
975
|
-
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = $3fpzo$reactariafocus.useFocusRing();
|
|
1004
|
+
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = (0, $3fpzo$reactariafocus.useFocusRing)();
|
|
976
1005
|
let isEmpty = state.collection.size === 0;
|
|
977
1006
|
let onFocusedResizer = ()=>{
|
|
978
1007
|
bodyRef.current.scrollLeft = headerRef.current.scrollLeft;
|
|
979
1008
|
};
|
|
980
|
-
let lastResizeInteractionModality = $3fpzo$react.useRef(undefined);
|
|
1009
|
+
let lastResizeInteractionModality = (0, $3fpzo$react.useRef)(undefined);
|
|
981
1010
|
let onMoveResizer = (e)=>{
|
|
982
|
-
if (e.pointerType ===
|
|
1011
|
+
if (e.pointerType === "keyboard") lastResizeInteractionModality.current = e.pointerType;
|
|
983
1012
|
else lastResizeInteractionModality.current = undefined;
|
|
984
1013
|
};
|
|
985
|
-
return
|
|
1014
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableContext.Provider, {
|
|
986
1015
|
value: {
|
|
987
1016
|
state: state,
|
|
988
1017
|
layout: layout,
|
|
@@ -994,16 +1023,16 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
|
|
|
994
1023
|
onFocusedResizer: onFocusedResizer,
|
|
995
1024
|
onMoveResizer: onMoveResizer
|
|
996
1025
|
}
|
|
997
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableVirtualizer, {
|
|
998
|
-
|
|
1026
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableVirtualizer, {
|
|
1027
|
+
...(0, $3fpzo$reactariautils.mergeProps)(gridProps, focusProps),
|
|
999
1028
|
...styleProps,
|
|
1000
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
}, $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports)),
|
|
1029
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table", `spectrum-Table--${density}`, {
|
|
1030
|
+
"spectrum-Table--quiet": isQuiet,
|
|
1031
|
+
"spectrum-Table--wrap": props.overflowMode === "wrap",
|
|
1032
|
+
"spectrum-Table--loadingMore": state.collection.body.props.loadingState === "loadingMore",
|
|
1033
|
+
"spectrum-Table--isVerticalScrollbarVisible": isVerticalScrollbarVisible,
|
|
1034
|
+
"spectrum-Table--isHorizontalScrollbarVisible": isHorizontalScrollbarVisible
|
|
1035
|
+
}, (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))), "react-spectrum-Table"), styleProps.className),
|
|
1007
1036
|
layout: layout,
|
|
1008
1037
|
collection: state.collection,
|
|
1009
1038
|
focusedKey: state.selectionManager.focusedKey,
|
|
@@ -1017,28 +1046,28 @@ function $be8a9c035a82f788$var$TableView(props, ref) {
|
|
|
1017
1046
|
bodyRef: bodyRef,
|
|
1018
1047
|
isFocusVisible: isFocusVisible,
|
|
1019
1048
|
getColumnWidth: columnState.getColumnWidth
|
|
1020
|
-
}))
|
|
1049
|
+
}));
|
|
1021
1050
|
}
|
|
1022
1051
|
// This is a custom Virtualizer that also has a header that syncs its scroll position with the body.
|
|
1023
1052
|
function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: collection , lastResizeInteractionModality: lastResizeInteractionModality , focusedKey: focusedKey , renderView: renderView , renderWrapper: renderWrapper , domRef: domRef , bodyRef: bodyRef , headerRef: headerRef , setTableWidth: setTableWidth , getColumnWidth: getColumnWidth , onVisibleRectChange: onVisibleRectChangeProp , isFocusVisible: isFocusVisible , ...otherProps }) {
|
|
1024
|
-
var
|
|
1025
|
-
let { direction: direction } = $3fpzo$reactariai18n.useLocale();
|
|
1053
|
+
var ref, ref1, ref2;
|
|
1054
|
+
let { direction: direction } = (0, $3fpzo$reactariai18n.useLocale)();
|
|
1026
1055
|
let { state: tableState , columnState: columnState } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1027
1056
|
let loadingState = collection.body.props.loadingState;
|
|
1028
|
-
let isLoading = loadingState ===
|
|
1057
|
+
let isLoading = loadingState === "loading" || loadingState === "loadingMore";
|
|
1029
1058
|
let onLoadMore = collection.body.props.onLoadMore;
|
|
1030
|
-
let state = $3fpzo$reactstatelyvirtualizer.useVirtualizerState({
|
|
1059
|
+
let state = (0, $3fpzo$reactstatelyvirtualizer.useVirtualizerState)({
|
|
1031
1060
|
layout: layout,
|
|
1032
1061
|
collection: collection,
|
|
1033
1062
|
renderView: renderView,
|
|
1034
1063
|
renderWrapper: renderWrapper,
|
|
1035
1064
|
onVisibleRectChange (rect) {
|
|
1036
1065
|
bodyRef.current.scrollTop = rect.y;
|
|
1037
|
-
$3fpzo$reactariavirtualizer.setScrollLeft(bodyRef.current, direction, rect.x);
|
|
1066
|
+
(0, $3fpzo$reactariavirtualizer.setScrollLeft)(bodyRef.current, direction, rect.x);
|
|
1038
1067
|
},
|
|
1039
1068
|
transitionDuration: isLoading ? 160 : 220
|
|
1040
1069
|
});
|
|
1041
|
-
let { virtualizerProps: virtualizerProps } = $3fpzo$reactariavirtualizer.useVirtualizer({
|
|
1070
|
+
let { virtualizerProps: virtualizerProps } = (0, $3fpzo$reactariavirtualizer.useVirtualizer)({
|
|
1042
1071
|
focusedKey: focusedKey,
|
|
1043
1072
|
scrollToItem (key) {
|
|
1044
1073
|
let item = collection.getItem(key);
|
|
@@ -1046,7 +1075,7 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
1046
1075
|
state.virtualizer.scrollToItem(key, {
|
|
1047
1076
|
duration: 0,
|
|
1048
1077
|
// Prevent scrolling to the top when clicking on column headers.
|
|
1049
|
-
shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !==
|
|
1078
|
+
shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== "column",
|
|
1050
1079
|
// Offset scroll position by width of selection cell
|
|
1051
1080
|
// (which is sticky and will overlap the cell we're scrolling to).
|
|
1052
1081
|
offsetX: column.props.isSelectionCell ? layout.getColumnWidth(column.key) : 0
|
|
@@ -1054,7 +1083,7 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
1054
1083
|
}
|
|
1055
1084
|
}, state, domRef);
|
|
1056
1085
|
// If columnwidths change, need to relayout.
|
|
1057
|
-
$3fpzo$reactariautils.useLayoutEffect(()=>{
|
|
1086
|
+
(0, $3fpzo$reactariautils.useLayoutEffect)(()=>{
|
|
1058
1087
|
state.virtualizer.relayoutNow({
|
|
1059
1088
|
sizeChanged: true
|
|
1060
1089
|
});
|
|
@@ -1062,10 +1091,10 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
1062
1091
|
getColumnWidth,
|
|
1063
1092
|
state.virtualizer
|
|
1064
1093
|
]);
|
|
1065
|
-
$3fpzo$react.useEffect(()=>{
|
|
1066
|
-
if (lastResizeInteractionModality.current ===
|
|
1067
|
-
var ref,
|
|
1068
|
-
(ref = document.activeElement) === null || ref === void 0 ? void 0 : (
|
|
1094
|
+
(0, $3fpzo$react.useEffect)(()=>{
|
|
1095
|
+
if (lastResizeInteractionModality.current === "keyboard" && headerRef.current.contains(document.activeElement)) {
|
|
1096
|
+
var ref, ref1;
|
|
1097
|
+
(ref = document.activeElement) === null || ref === void 0 ? void 0 : (ref1 = ref.scrollIntoView) === null || ref1 === void 0 ? void 0 : ref1.call(ref, false);
|
|
1069
1098
|
bodyRef.current.scrollLeft = headerRef.current.scrollLeft;
|
|
1070
1099
|
}
|
|
1071
1100
|
}, [
|
|
@@ -1074,16 +1103,16 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
1074
1103
|
bodyRef,
|
|
1075
1104
|
lastResizeInteractionModality
|
|
1076
1105
|
]);
|
|
1077
|
-
let headerHeight = ((
|
|
1106
|
+
let headerHeight = ((ref = layout.getLayoutInfo("header")) === null || ref === void 0 ? void 0 : ref.rect.height) || 0;
|
|
1078
1107
|
let visibleRect = state.virtualizer.visibleRect;
|
|
1079
1108
|
// Sync the scroll position from the table body to the header container.
|
|
1080
|
-
let onScroll = $3fpzo$react.useCallback(()=>{
|
|
1109
|
+
let onScroll = (0, $3fpzo$react.useCallback)(()=>{
|
|
1081
1110
|
headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
|
|
1082
1111
|
}, [
|
|
1083
1112
|
bodyRef,
|
|
1084
1113
|
headerRef
|
|
1085
1114
|
]);
|
|
1086
|
-
let onVisibleRectChange = $3fpzo$react.useCallback((rect)=>{
|
|
1115
|
+
let onVisibleRectChange = (0, $3fpzo$react.useCallback)((rect)=>{
|
|
1087
1116
|
setTableWidth(rect.width);
|
|
1088
1117
|
state.setVisibleRect(rect);
|
|
1089
1118
|
if (!isLoading && onLoadMore) {
|
|
@@ -1097,7 +1126,7 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
1097
1126
|
state.setVisibleRect,
|
|
1098
1127
|
state.virtualizer
|
|
1099
1128
|
]);
|
|
1100
|
-
$3fpzo$reactariautils.useLayoutEffect(()=>{
|
|
1129
|
+
(0, $3fpzo$reactariautils.useLayoutEffect)(()=>{
|
|
1101
1130
|
if (!isLoading && onLoadMore && !state.isAnimating) {
|
|
1102
1131
|
if (state.contentSize.height <= state.virtualizer.visibleRect.height) onLoadMore();
|
|
1103
1132
|
}
|
|
@@ -1109,84 +1138,83 @@ function $be8a9c035a82f788$var$TableVirtualizer({ layout: layout , collection: c
|
|
|
1109
1138
|
isLoading
|
|
1110
1139
|
]);
|
|
1111
1140
|
let keysBefore = [];
|
|
1112
|
-
let
|
|
1141
|
+
let key = columnState.currentlyResizingColumn;
|
|
1113
1142
|
do {
|
|
1114
|
-
keysBefore.push(
|
|
1115
|
-
|
|
1116
|
-
}while (
|
|
1117
|
-
let resizerPosition = keysBefore.reduce((acc, key)=>acc + columnState.getColumnWidth(key)
|
|
1118
|
-
, 0) - 2;
|
|
1143
|
+
keysBefore.push(key);
|
|
1144
|
+
key = tableState.collection.getKeyBefore(key);
|
|
1145
|
+
}while (key != null);
|
|
1146
|
+
let resizerPosition = keysBefore.reduce((acc, key)=>acc + columnState.getColumnWidth(key), 0) - 2;
|
|
1119
1147
|
let resizerAtEdge = resizerPosition > Math.max(state.virtualizer.contentSize.width, state.virtualizer.visibleRect.width) - 3;
|
|
1120
1148
|
// this should be fine, every movement of the resizer causes a rerender
|
|
1121
1149
|
// scrolling can cause it to lag for a moment, but it's always updated
|
|
1122
1150
|
let resizerInVisibleRegion = resizerPosition < state.virtualizer.visibleRect.width + (isNaN((ref1 = bodyRef.current) === null || ref1 === void 0 ? void 0 : ref1.scrollLeft) ? 0 : (ref2 = bodyRef.current) === null || ref2 === void 0 ? void 0 : ref2.scrollLeft);
|
|
1123
1151
|
let shouldHardCornerResizeCorner = resizerAtEdge && resizerInVisibleRegion;
|
|
1124
|
-
return
|
|
1125
|
-
|
|
1152
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1153
|
+
...(0, $3fpzo$reactariautils.mergeProps)(otherProps, virtualizerProps),
|
|
1126
1154
|
ref: domRef
|
|
1127
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1155
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1128
1156
|
role: "presentation",
|
|
1129
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1157
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-headWrapper"),
|
|
1130
1158
|
style: {
|
|
1131
1159
|
width: visibleRect.width,
|
|
1132
1160
|
height: headerHeight,
|
|
1133
|
-
overflow:
|
|
1134
|
-
position:
|
|
1135
|
-
willChange: state.isScrolling ?
|
|
1161
|
+
overflow: "hidden",
|
|
1162
|
+
position: "relative",
|
|
1163
|
+
willChange: state.isScrolling ? "scroll-position" : "",
|
|
1136
1164
|
transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
|
|
1137
1165
|
},
|
|
1138
1166
|
ref: headerRef
|
|
1139
|
-
}, state.visibleViews[0]), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariavirtualizer.ScrollView, {
|
|
1167
|
+
}, state.visibleViews[0]), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariavirtualizer.ScrollView), {
|
|
1140
1168
|
role: "presentation",
|
|
1141
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1142
|
-
|
|
1143
|
-
|
|
1169
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-body", {
|
|
1170
|
+
"focus-ring": isFocusVisible,
|
|
1171
|
+
"spectrum-Table-body--resizerAtTableEdge": shouldHardCornerResizeCorner
|
|
1144
1172
|
}),
|
|
1145
1173
|
tabIndex: -1,
|
|
1146
1174
|
style: {
|
|
1147
1175
|
flex: 1
|
|
1148
1176
|
},
|
|
1149
1177
|
innerStyle: {
|
|
1150
|
-
overflow:
|
|
1178
|
+
overflow: "visible",
|
|
1151
1179
|
transition: state.isAnimating ? `none ${state.virtualizer.transitionDuration}ms` : undefined
|
|
1152
1180
|
},
|
|
1153
1181
|
ref: bodyRef,
|
|
1154
1182
|
contentSize: state.contentSize,
|
|
1155
|
-
onVisibleRectChange: $3fpzo$reactariautils.chain(onVisibleRectChange, onVisibleRectChangeProp),
|
|
1183
|
+
onVisibleRectChange: (0, $3fpzo$reactariautils.chain)(onVisibleRectChange, onVisibleRectChangeProp),
|
|
1156
1184
|
onScrollStart: state.startScrolling,
|
|
1157
1185
|
onScrollEnd: state.endScrolling,
|
|
1158
1186
|
onScroll: onScroll
|
|
1159
|
-
}, state.visibleViews[1], columnState.currentlyResizingColumn != null && /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1160
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1187
|
+
}, state.visibleViews[1], columnState.currentlyResizingColumn != null && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1188
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-bodyResizeIndicator"),
|
|
1161
1189
|
style: {
|
|
1162
|
-
[direction ===
|
|
1190
|
+
[direction === "ltr" ? "left" : "right"]: `${resizerPosition}px`,
|
|
1163
1191
|
height: `${Math.max(state.virtualizer.contentSize.height, state.virtualizer.visibleRect.height)}px`,
|
|
1164
|
-
display:
|
|
1192
|
+
display: "block"
|
|
1165
1193
|
}
|
|
1166
|
-
}))))
|
|
1194
|
+
}))));
|
|
1167
1195
|
}
|
|
1168
1196
|
function $be8a9c035a82f788$var$TableHeader({ children: children , ...otherProps }) {
|
|
1169
|
-
let { rowGroupProps: rowGroupProps } = $3fpzo$reactariatable.useTableRowGroup();
|
|
1170
|
-
return
|
|
1197
|
+
let { rowGroupProps: rowGroupProps } = (0, $3fpzo$reactariatable.useTableRowGroup)();
|
|
1198
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1171
1199
|
...rowGroupProps,
|
|
1172
1200
|
...otherProps,
|
|
1173
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1174
|
-
}, children)
|
|
1201
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-head")
|
|
1202
|
+
}, children);
|
|
1175
1203
|
}
|
|
1176
1204
|
function $be8a9c035a82f788$var$TableColumnHeader(props) {
|
|
1177
|
-
var ref,
|
|
1205
|
+
var ref, ref1, ref2, ref3;
|
|
1178
1206
|
let { column: column } = props;
|
|
1179
|
-
let
|
|
1207
|
+
let ref4 = (0, $3fpzo$react.useRef)(null);
|
|
1180
1208
|
let { state: state , isEmpty: isEmpty } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1181
|
-
let { pressProps: pressProps , isPressed: isPressed } = $3fpzo$reactariainteractions.usePress({
|
|
1209
|
+
let { pressProps: pressProps , isPressed: isPressed } = (0, $3fpzo$reactariainteractions.usePress)({
|
|
1182
1210
|
isDisabled: isEmpty
|
|
1183
1211
|
});
|
|
1184
|
-
let { columnHeaderProps: columnHeaderProps } = $3fpzo$reactariatable.useTableColumnHeader({
|
|
1212
|
+
let { columnHeaderProps: columnHeaderProps } = (0, $3fpzo$reactariatable.useTableColumnHeader)({
|
|
1185
1213
|
node: column,
|
|
1186
1214
|
isVirtualized: true
|
|
1187
|
-
}, state,
|
|
1215
|
+
}, state, ref4);
|
|
1188
1216
|
let columnProps = column.props;
|
|
1189
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $3fpzo$reactariainteractions.useHover({
|
|
1217
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $3fpzo$reactariainteractions.useHover)({
|
|
1190
1218
|
...props,
|
|
1191
1219
|
isDisabled: isEmpty
|
|
1192
1220
|
});
|
|
@@ -1195,71 +1223,71 @@ function $be8a9c035a82f788$var$TableColumnHeader(props) {
|
|
|
1195
1223
|
hoverProps,
|
|
1196
1224
|
pressProps
|
|
1197
1225
|
];
|
|
1198
|
-
return
|
|
1199
|
-
focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1200
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1201
|
-
|
|
1202
|
-
ref:
|
|
1203
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
}, $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports)),
|
|
1212
|
-
|
|
1213
|
-
|
|
1226
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusRing), {
|
|
1227
|
+
focusRingClass: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "focus-ring")
|
|
1228
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1229
|
+
...(0, $3fpzo$reactariautils.mergeProps)(...allProps),
|
|
1230
|
+
ref: ref4,
|
|
1231
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-headCell", {
|
|
1232
|
+
"is-active": isPressed,
|
|
1233
|
+
"is-resizable": columnProps.allowsResizing,
|
|
1234
|
+
"is-sortable": columnProps.allowsSorting,
|
|
1235
|
+
"is-sorted-desc": ((ref = state.sortDescriptor) === null || ref === void 0 ? void 0 : ref.column) === column.key && ((ref1 = state.sortDescriptor) === null || ref1 === void 0 ? void 0 : ref1.direction) === "descending",
|
|
1236
|
+
"is-sorted-asc": ((ref2 = state.sortDescriptor) === null || ref2 === void 0 ? void 0 : ref2.column) === column.key && ((ref3 = state.sortDescriptor) === null || ref3 === void 0 ? void 0 : ref3.direction) === "ascending",
|
|
1237
|
+
"is-hovered": isHovered,
|
|
1238
|
+
"spectrum-Table-cell--hideHeader": columnProps.hideHeader
|
|
1239
|
+
}, (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))), "react-spectrum-Table-cell", {
|
|
1240
|
+
"react-spectrum-Table-cell--alignCenter": columnProps.align === "center" || column.colspan > 1,
|
|
1241
|
+
"react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
|
|
1214
1242
|
}))
|
|
1215
|
-
}, columnProps.allowsSorting && /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement(($parcel$interopDefault($3fpzo$spectrumiconsuiArrowDownSmall)), {
|
|
1216
|
-
UNSAFE_className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1217
|
-
}), columnProps.hideHeader ? /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariavisuallyhidden.VisuallyHidden, null, column.rendered) : /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1218
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1219
|
-
}, column.rendered)))
|
|
1243
|
+
}, columnProps.allowsSorting && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, ($parcel$interopDefault($3fpzo$spectrumiconsuiArrowDownSmall))), {
|
|
1244
|
+
UNSAFE_className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-sortedIcon")
|
|
1245
|
+
}), columnProps.hideHeader ? /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariavisuallyhidden.VisuallyHidden), null, column.rendered) : /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1246
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-headCellContents")
|
|
1247
|
+
}, column.rendered)));
|
|
1220
1248
|
}
|
|
1221
1249
|
let $be8a9c035a82f788$var$_TableColumnHeaderButton = (props, ref)=>{
|
|
1222
1250
|
let { focusProps: focusProps , ...otherProps } = props;
|
|
1223
1251
|
let { isEmpty: isEmpty } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1224
|
-
let domRef = $3fpzo$reactspectrumutils.useFocusableRef(ref);
|
|
1225
|
-
let { buttonProps: buttonProps } = $3fpzo$reactariabutton.useButton({
|
|
1252
|
+
let domRef = (0, $3fpzo$reactspectrumutils.useFocusableRef)(ref);
|
|
1253
|
+
let { buttonProps: buttonProps } = (0, $3fpzo$reactariabutton.useButton)({
|
|
1226
1254
|
...otherProps,
|
|
1227
|
-
elementType:
|
|
1255
|
+
elementType: "div",
|
|
1228
1256
|
isDisabled: isEmpty
|
|
1229
1257
|
}, domRef);
|
|
1230
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $3fpzo$reactariainteractions.useHover({
|
|
1258
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $3fpzo$reactariainteractions.useHover)({
|
|
1231
1259
|
...otherProps,
|
|
1232
1260
|
isDisabled: isEmpty
|
|
1233
1261
|
});
|
|
1234
|
-
return
|
|
1235
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1236
|
-
|
|
1262
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1263
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-headCellContents", {
|
|
1264
|
+
"is-hovered": isHovered
|
|
1237
1265
|
}),
|
|
1238
1266
|
...hoverProps
|
|
1239
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1240
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1241
|
-
|
|
1267
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1268
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-headCellButton"),
|
|
1269
|
+
...(0, $3fpzo$reactariautils.mergeProps)(buttonProps, focusProps),
|
|
1242
1270
|
ref: domRef
|
|
1243
|
-
}, props.children))
|
|
1271
|
+
}, props.children));
|
|
1244
1272
|
};
|
|
1245
|
-
let $be8a9c035a82f788$var$TableColumnHeaderButton = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).forwardRef($be8a9c035a82f788$var$_TableColumnHeaderButton);
|
|
1273
|
+
let $be8a9c035a82f788$var$TableColumnHeaderButton = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).forwardRef($be8a9c035a82f788$var$_TableColumnHeaderButton);
|
|
1246
1274
|
function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
|
|
1247
|
-
var ref,
|
|
1275
|
+
var ref, ref1, ref2, ref3, ref4;
|
|
1248
1276
|
let { column: column } = props;
|
|
1249
|
-
let
|
|
1250
|
-
let triggerRef = $3fpzo$react.useRef(null);
|
|
1251
|
-
let resizingRef = $3fpzo$react.useRef(null);
|
|
1277
|
+
let ref5 = (0, $3fpzo$react.useRef)(null);
|
|
1278
|
+
let triggerRef = (0, $3fpzo$react.useRef)(null);
|
|
1279
|
+
let resizingRef = (0, $3fpzo$react.useRef)(null);
|
|
1252
1280
|
let { state: state , columnState: columnState , headerRowHovered: headerRowHovered , setIsInResizeMode: setIsInResizeMode , isInResizeMode: isInResizeMode , isEmpty: isEmpty , onFocusedResizer: onFocusedResizer , onMoveResizer: onMoveResizer } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1253
|
-
let stringFormatter = $3fpzo$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports)));
|
|
1254
|
-
let { pressProps: pressProps , isPressed: isPressed } = $3fpzo$reactariainteractions.usePress({
|
|
1281
|
+
let stringFormatter = (0, $3fpzo$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($a89862f958371476$exports))));
|
|
1282
|
+
let { pressProps: pressProps , isPressed: isPressed } = (0, $3fpzo$reactariainteractions.usePress)({
|
|
1255
1283
|
isDisabled: isEmpty
|
|
1256
1284
|
});
|
|
1257
|
-
let { columnHeaderProps: columnHeaderProps } = $3fpzo$reactariatable.useTableColumnHeader({
|
|
1285
|
+
let { columnHeaderProps: columnHeaderProps } = (0, $3fpzo$reactariatable.useTableColumnHeader)({
|
|
1258
1286
|
node: column,
|
|
1259
1287
|
isVirtualized: true,
|
|
1260
1288
|
hasMenu: true
|
|
1261
|
-
}, state,
|
|
1262
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $3fpzo$reactariainteractions.useHover({
|
|
1289
|
+
}, state, ref5);
|
|
1290
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $3fpzo$reactariainteractions.useHover)({
|
|
1263
1291
|
...props,
|
|
1264
1292
|
isDisabled: isEmpty
|
|
1265
1293
|
});
|
|
@@ -1269,36 +1297,36 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
|
|
|
1269
1297
|
hoverProps
|
|
1270
1298
|
];
|
|
1271
1299
|
let columnProps = column.props;
|
|
1272
|
-
if (columnProps.width && columnProps.allowsResizing) throw new Error(
|
|
1273
|
-
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = $3fpzo$reactariafocus.useFocusRing();
|
|
1300
|
+
if (columnProps.width && columnProps.allowsResizing) throw new Error("Controlled state is not yet supported with column resizing. Please use defaultWidth for uncontrolled column resizing or remove the allowsResizing prop.");
|
|
1301
|
+
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = (0, $3fpzo$reactariafocus.useFocusRing)();
|
|
1274
1302
|
const onMenuSelect = (key)=>{
|
|
1275
1303
|
switch(key){
|
|
1276
|
-
case
|
|
1277
|
-
state.sort(column.key,
|
|
1304
|
+
case "sort-asc":
|
|
1305
|
+
state.sort(column.key, "ascending");
|
|
1278
1306
|
break;
|
|
1279
|
-
case
|
|
1280
|
-
state.sort(column.key,
|
|
1307
|
+
case "sort-desc":
|
|
1308
|
+
state.sort(column.key, "descending");
|
|
1281
1309
|
break;
|
|
1282
|
-
case
|
|
1310
|
+
case "resize":
|
|
1283
1311
|
columnState.onColumnResizeStart(column);
|
|
1284
1312
|
setIsInResizeMode(true);
|
|
1285
1313
|
break;
|
|
1286
1314
|
}
|
|
1287
1315
|
};
|
|
1288
1316
|
let allowsSorting = (ref = column.props) === null || ref === void 0 ? void 0 : ref.allowsSorting;
|
|
1289
|
-
let items = $3fpzo$react.useMemo(()=>{
|
|
1317
|
+
let items = (0, $3fpzo$react.useMemo)(()=>{
|
|
1290
1318
|
let options = [
|
|
1291
1319
|
allowsSorting ? {
|
|
1292
|
-
label: stringFormatter.format(
|
|
1293
|
-
id:
|
|
1320
|
+
label: stringFormatter.format("sortAscending"),
|
|
1321
|
+
id: "sort-asc"
|
|
1294
1322
|
} : undefined,
|
|
1295
1323
|
allowsSorting ? {
|
|
1296
|
-
label: stringFormatter.format(
|
|
1297
|
-
id:
|
|
1324
|
+
label: stringFormatter.format("sortDescending"),
|
|
1325
|
+
id: "sort-desc"
|
|
1298
1326
|
} : undefined,
|
|
1299
1327
|
{
|
|
1300
|
-
label: stringFormatter.format(
|
|
1301
|
-
id:
|
|
1328
|
+
label: stringFormatter.format("resizeColumn"),
|
|
1329
|
+
id: "resize"
|
|
1302
1330
|
}
|
|
1303
1331
|
];
|
|
1304
1332
|
return options;
|
|
@@ -1306,8 +1334,8 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
|
|
|
1306
1334
|
}, [
|
|
1307
1335
|
allowsSorting
|
|
1308
1336
|
]);
|
|
1309
|
-
let isMobile = $3fpzo$reactspectrumutils.useIsMobileDevice();
|
|
1310
|
-
$3fpzo$react.useEffect(()=>{
|
|
1337
|
+
let isMobile = (0, $3fpzo$reactspectrumutils.useIsMobileDevice)();
|
|
1338
|
+
(0, $3fpzo$react.useEffect)(()=>{
|
|
1311
1339
|
if (columnState.currentlyResizingColumn === column.key) {
|
|
1312
1340
|
// focusSafely won't actually focus because the focus moves from the menuitem to the body during the after transition wait
|
|
1313
1341
|
// without the immediate timeout, Android Chrome doesn't move focus to the resizer
|
|
@@ -1329,234 +1357,232 @@ function $be8a9c035a82f788$var$ResizableTableColumnHeader(props) {
|
|
|
1329
1357
|
column.key,
|
|
1330
1358
|
isMobile
|
|
1331
1359
|
]);
|
|
1332
|
-
let showResizer = !isEmpty && (headerRowHovered && $3fpzo$reactariainteractions.getInteractionModality() !==
|
|
1333
|
-
return
|
|
1334
|
-
focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1335
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1336
|
-
|
|
1337
|
-
ref:
|
|
1338
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
}, $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports)),
|
|
1348
|
-
|
|
1349
|
-
|
|
1360
|
+
let showResizer = !isEmpty && (headerRowHovered && (0, $3fpzo$reactariainteractions.getInteractionModality)() !== "keyboard" || columnState.currentlyResizingColumn != null);
|
|
1361
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusRing), {
|
|
1362
|
+
focusRingClass: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "focus-ring")
|
|
1363
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1364
|
+
...(0, $3fpzo$reactariautils.mergeProps)(...allProps),
|
|
1365
|
+
ref: ref5,
|
|
1366
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-headCell", {
|
|
1367
|
+
"is-active": isPressed,
|
|
1368
|
+
"is-resizable": columnProps.allowsResizing,
|
|
1369
|
+
"is-sortable": columnProps.allowsSorting,
|
|
1370
|
+
"is-sorted-desc": ((ref1 = state.sortDescriptor) === null || ref1 === void 0 ? void 0 : ref1.column) === column.key && ((ref2 = state.sortDescriptor) === null || ref2 === void 0 ? void 0 : ref2.direction) === "descending",
|
|
1371
|
+
"is-sorted-asc": ((ref3 = state.sortDescriptor) === null || ref3 === void 0 ? void 0 : ref3.column) === column.key && ((ref4 = state.sortDescriptor) === null || ref4 === void 0 ? void 0 : ref4.direction) === "ascending",
|
|
1372
|
+
"is-hovered": isHovered,
|
|
1373
|
+
"focus-ring": isFocusVisible,
|
|
1374
|
+
"spectrum-Table-cell--hideHeader": columnProps.hideHeader
|
|
1375
|
+
}, (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))), "react-spectrum-Table-cell", {
|
|
1376
|
+
"react-spectrum-Table-cell--alignCenter": columnProps.align === "center" || column.colspan > 1,
|
|
1377
|
+
"react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
|
|
1350
1378
|
}))
|
|
1351
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrummenu.MenuTrigger, null, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($be8a9c035a82f788$var$TableColumnHeaderButton, {
|
|
1379
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrummenu.MenuTrigger), null, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement($be8a9c035a82f788$var$TableColumnHeaderButton, {
|
|
1352
1380
|
ref: triggerRef,
|
|
1353
1381
|
focusProps: focusProps
|
|
1354
|
-
}, columnProps.allowsSorting && /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement(($parcel$interopDefault($3fpzo$spectrumiconsuiArrowDownSmall)), {
|
|
1355
|
-
UNSAFE_className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1356
|
-
}), columnProps.hideHeader ? /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariavisuallyhidden.VisuallyHidden, null, column.rendered) : /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1357
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1358
|
-
}, column.rendered), columnProps.allowsResizing && columnState.currentlyResizingColumn === null && /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement(($parcel$interopDefault($3fpzo$spectrumiconsuiChevronDownMedium)), {
|
|
1359
|
-
UNSAFE_className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1360
|
-
})), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrummenu.Menu, {
|
|
1382
|
+
}, columnProps.allowsSorting && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, ($parcel$interopDefault($3fpzo$spectrumiconsuiArrowDownSmall))), {
|
|
1383
|
+
UNSAFE_className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-sortedIcon")
|
|
1384
|
+
}), columnProps.hideHeader ? /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariavisuallyhidden.VisuallyHidden), null, column.rendered) : /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1385
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-headerCellText")
|
|
1386
|
+
}, column.rendered), columnProps.allowsResizing && columnState.currentlyResizingColumn === null && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, ($parcel$interopDefault($3fpzo$spectrumiconsuiChevronDownMedium))), {
|
|
1387
|
+
UNSAFE_className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-menuChevron")
|
|
1388
|
+
})), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrummenu.Menu), {
|
|
1361
1389
|
onAction: onMenuSelect,
|
|
1362
1390
|
minWidth: "size-2000",
|
|
1363
1391
|
items: items
|
|
1364
|
-
}, (item)=>/*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactspectrummenu.Item, null, item.label)
|
|
1365
|
-
)), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($2877766f94c67a67$export$48a76196cafe3b93, {
|
|
1392
|
+
}, (item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrummenu.Item), null, item.label))), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $2877766f94c67a67$export$48a76196cafe3b93), {
|
|
1366
1393
|
ref: resizingRef,
|
|
1367
1394
|
column: column,
|
|
1368
1395
|
showResizer: showResizer,
|
|
1369
|
-
triggerRef: $3fpzo$reactspectrumutils.useUnwrapDOMRef(triggerRef),
|
|
1396
|
+
triggerRef: (0, $3fpzo$reactspectrumutils.useUnwrapDOMRef)(triggerRef),
|
|
1370
1397
|
onMoveResizer: onMoveResizer
|
|
1371
|
-
}), /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1398
|
+
}), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1372
1399
|
"aria-hidden": true,
|
|
1373
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1374
|
-
|
|
1375
|
-
|
|
1400
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-colResizeIndicator", {
|
|
1401
|
+
"spectrum-Table-colResizeIndicator--visible": columnState.currentlyResizingColumn != null,
|
|
1402
|
+
"spectrum-Table-colResizeIndicator--resizing": columnState.currentlyResizingColumn === column.key
|
|
1376
1403
|
})
|
|
1377
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1378
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1379
|
-
|
|
1404
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1405
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-colResizeNubbin", {
|
|
1406
|
+
"spectrum-Table-colResizeNubbin--visible": isInResizeMode && columnState.currentlyResizingColumn === column.key
|
|
1380
1407
|
})
|
|
1381
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($18b3deb5c431fa13$export$d9658cdf8c86807, null)))))
|
|
1408
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $18b3deb5c431fa13$export$d9658cdf8c86807), null)))));
|
|
1382
1409
|
}
|
|
1383
1410
|
function $be8a9c035a82f788$var$TableSelectAllCell({ column: column }) {
|
|
1384
|
-
let ref = $3fpzo$react.useRef();
|
|
1411
|
+
let ref = (0, $3fpzo$react.useRef)();
|
|
1385
1412
|
let { state: state } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1386
|
-
let isSingleSelectionMode = state.selectionManager.selectionMode ===
|
|
1387
|
-
let { columnHeaderProps: columnHeaderProps } = $3fpzo$reactariatable.useTableColumnHeader({
|
|
1413
|
+
let isSingleSelectionMode = state.selectionManager.selectionMode === "single";
|
|
1414
|
+
let { columnHeaderProps: columnHeaderProps } = (0, $3fpzo$reactariatable.useTableColumnHeader)({
|
|
1388
1415
|
node: column,
|
|
1389
1416
|
isVirtualized: true
|
|
1390
1417
|
}, state, ref);
|
|
1391
|
-
let { checkboxProps: checkboxProps } = $3fpzo$reactariatable.useTableSelectAllCheckbox(state);
|
|
1392
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $3fpzo$reactariainteractions.useHover({
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
...$3fpzo$reactariautils.mergeProps(columnHeaderProps, hoverProps),
|
|
1418
|
+
let { checkboxProps: checkboxProps } = (0, $3fpzo$reactariatable.useTableSelectAllCheckbox)(state);
|
|
1419
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $3fpzo$reactariainteractions.useHover)({});
|
|
1420
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusRing), {
|
|
1421
|
+
focusRingClass: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "focus-ring")
|
|
1422
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1423
|
+
...(0, $3fpzo$reactariautils.mergeProps)(columnHeaderProps, hoverProps),
|
|
1398
1424
|
ref: ref,
|
|
1399
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1400
|
-
|
|
1425
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-headCell", "spectrum-Table-checkboxCell", {
|
|
1426
|
+
"is-hovered": isHovered
|
|
1401
1427
|
})
|
|
1402
1428
|
}, /*
|
|
1403
1429
|
In single selection mode, the checkbox will be hidden.
|
|
1404
1430
|
So to avoid leaving a column header with no accessible content,
|
|
1405
1431
|
we use a VisuallyHidden component to include the aria-label from the checkbox,
|
|
1406
1432
|
which for single selection will be "Select."
|
|
1407
|
-
*/ isSingleSelectionMode && /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement($3fpzo$reactariavisuallyhidden.VisuallyHidden, null, checkboxProps[
|
|
1433
|
+
*/ isSingleSelectionMode && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariavisuallyhidden.VisuallyHidden), null, checkboxProps["aria-label"]), /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrumcheckbox.Checkbox), {
|
|
1408
1434
|
...checkboxProps,
|
|
1409
1435
|
isEmphasized: true,
|
|
1410
1436
|
UNSAFE_style: isSingleSelectionMode ? {
|
|
1411
|
-
visibility:
|
|
1437
|
+
visibility: "hidden"
|
|
1412
1438
|
} : undefined,
|
|
1413
|
-
UNSAFE_className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1414
|
-
})))
|
|
1439
|
+
UNSAFE_className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-checkbox")
|
|
1440
|
+
})));
|
|
1415
1441
|
}
|
|
1416
1442
|
function $be8a9c035a82f788$var$TableRowGroup({ children: children , ...otherProps }) {
|
|
1417
|
-
let { rowGroupProps: rowGroupProps } = $3fpzo$reactariatable.useTableRowGroup();
|
|
1418
|
-
return
|
|
1443
|
+
let { rowGroupProps: rowGroupProps } = (0, $3fpzo$reactariatable.useTableRowGroup)();
|
|
1444
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1419
1445
|
...rowGroupProps,
|
|
1420
1446
|
...otherProps
|
|
1421
|
-
}, children)
|
|
1447
|
+
}, children);
|
|
1422
1448
|
}
|
|
1423
1449
|
function $be8a9c035a82f788$var$TableRow({ item: item , children: children , hasActions: hasActions , ...otherProps }) {
|
|
1424
|
-
var ref,
|
|
1425
|
-
let
|
|
1450
|
+
var ref, ref1, ref2;
|
|
1451
|
+
let ref3 = (0, $3fpzo$react.useRef)();
|
|
1426
1452
|
let { state: state , layout: layout } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1427
|
-
let allowsInteraction = state.selectionManager.selectionMode !==
|
|
1453
|
+
let allowsInteraction = state.selectionManager.selectionMode !== "none" || hasActions;
|
|
1428
1454
|
let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
|
|
1429
1455
|
let isSelected = state.selectionManager.isSelected(item.key);
|
|
1430
|
-
let { rowProps: rowProps } = $3fpzo$reactariatable.useTableRow({
|
|
1456
|
+
let { rowProps: rowProps } = (0, $3fpzo$reactariatable.useTableRow)({
|
|
1431
1457
|
node: item,
|
|
1432
1458
|
isVirtualized: true
|
|
1433
|
-
}, state,
|
|
1434
|
-
let { pressProps: pressProps , isPressed: isPressed } = $3fpzo$reactariainteractions.usePress({
|
|
1459
|
+
}, state, ref3);
|
|
1460
|
+
let { pressProps: pressProps , isPressed: isPressed } = (0, $3fpzo$reactariainteractions.usePress)({
|
|
1435
1461
|
isDisabled: isDisabled
|
|
1436
1462
|
});
|
|
1437
1463
|
// The row should show the focus background style when any cell inside it is focused.
|
|
1438
1464
|
// If the row itself is focused, then it should have a blue focus indicator on the left.
|
|
1439
|
-
let { isFocusVisible: isFocusVisibleWithin , focusProps: focusWithinProps } = $3fpzo$reactariafocus.useFocusRing({
|
|
1465
|
+
let { isFocusVisible: isFocusVisibleWithin , focusProps: focusWithinProps } = (0, $3fpzo$reactariafocus.useFocusRing)({
|
|
1440
1466
|
within: true
|
|
1441
1467
|
});
|
|
1442
|
-
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = $3fpzo$reactariafocus.useFocusRing();
|
|
1443
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $3fpzo$reactariainteractions.useHover({
|
|
1468
|
+
let { isFocusVisible: isFocusVisible , focusProps: focusProps } = (0, $3fpzo$reactariafocus.useFocusRing)();
|
|
1469
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = (0, $3fpzo$reactariainteractions.useHover)({
|
|
1444
1470
|
isDisabled: isDisabled
|
|
1445
1471
|
});
|
|
1446
|
-
let props = $3fpzo$reactariautils.mergeProps(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps);
|
|
1447
|
-
let isFirstRow = ((ref = state.collection.rows.find((row)=>row.level === 1
|
|
1448
|
-
)) === null || ref === void 0 ? void 0 : ref.key) === item.key;
|
|
1472
|
+
let props = (0, $3fpzo$reactariautils.mergeProps)(rowProps, otherProps, focusWithinProps, focusProps, hoverProps, pressProps);
|
|
1473
|
+
let isFirstRow = ((ref = state.collection.rows.find((row)=>row.level === 1)) === null || ref === void 0 ? void 0 : ref.key) === item.key;
|
|
1449
1474
|
let isLastRow = item.nextKey == null;
|
|
1450
1475
|
// Figure out if the TableView content is equal or greater in height to the container. If so, we'll need to round the bottom
|
|
1451
1476
|
// border corners of the last row when selected.
|
|
1452
1477
|
let isFlushWithContainerBottom = false;
|
|
1453
1478
|
if (isLastRow) {
|
|
1454
|
-
if (((
|
|
1479
|
+
if (((ref1 = layout.getContentSize()) === null || ref1 === void 0 ? void 0 : ref1.height) >= ((ref2 = layout.virtualizer) === null || ref2 === void 0 ? void 0 : ref2.getVisibleRect().height)) isFlushWithContainerBottom = true;
|
|
1455
1480
|
}
|
|
1456
|
-
return
|
|
1481
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1457
1482
|
...props,
|
|
1458
|
-
ref:
|
|
1459
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1483
|
+
ref: ref3,
|
|
1484
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-row", {
|
|
1485
|
+
"is-active": isPressed,
|
|
1486
|
+
"is-selected": isSelected,
|
|
1487
|
+
"spectrum-Table-row--highlightSelection": state.selectionManager.selectionBehavior === "replace",
|
|
1488
|
+
"is-next-selected": state.selectionManager.isSelected(item.nextKey),
|
|
1489
|
+
"is-focused": isFocusVisibleWithin,
|
|
1490
|
+
"focus-ring": isFocusVisible,
|
|
1491
|
+
"is-hovered": isHovered,
|
|
1492
|
+
"is-disabled": isDisabled,
|
|
1493
|
+
"spectrum-Table-row--firstRow": isFirstRow,
|
|
1494
|
+
"spectrum-Table-row--lastRow": isLastRow,
|
|
1495
|
+
"spectrum-Table-row--isFlushBottom": isFlushWithContainerBottom
|
|
1471
1496
|
})
|
|
1472
|
-
}, children)
|
|
1497
|
+
}, children);
|
|
1473
1498
|
}
|
|
1474
1499
|
function $be8a9c035a82f788$var$TableHeaderRow({ item: item , children: children , style: style , ...props }) {
|
|
1475
1500
|
let { state: state } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1476
|
-
let ref = $3fpzo$react.useRef();
|
|
1477
|
-
let { rowProps: rowProps } = $3fpzo$reactariatable.useTableHeaderRow({
|
|
1501
|
+
let ref = (0, $3fpzo$react.useRef)();
|
|
1502
|
+
let { rowProps: rowProps } = (0, $3fpzo$reactariatable.useTableHeaderRow)({
|
|
1478
1503
|
node: item,
|
|
1479
1504
|
isVirtualized: true
|
|
1480
1505
|
}, state, ref);
|
|
1481
|
-
let { hoverProps: hoverProps } = $3fpzo$reactariainteractions.useHover(props);
|
|
1482
|
-
return
|
|
1483
|
-
|
|
1506
|
+
let { hoverProps: hoverProps } = (0, $3fpzo$reactariainteractions.useHover)(props);
|
|
1507
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1508
|
+
...(0, $3fpzo$reactariautils.mergeProps)(rowProps, hoverProps),
|
|
1484
1509
|
ref: ref,
|
|
1485
1510
|
style: style
|
|
1486
|
-
}, children)
|
|
1511
|
+
}, children);
|
|
1487
1512
|
}
|
|
1488
1513
|
function $be8a9c035a82f788$var$TableCheckboxCell({ cell: cell }) {
|
|
1489
|
-
let ref = $3fpzo$react.useRef();
|
|
1514
|
+
let ref = (0, $3fpzo$react.useRef)();
|
|
1490
1515
|
let { state: state } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1491
1516
|
let isDisabled = state.disabledKeys.has(cell.parentKey);
|
|
1492
|
-
let { gridCellProps: gridCellProps } = $3fpzo$reactariatable.useTableCell({
|
|
1517
|
+
let { gridCellProps: gridCellProps } = (0, $3fpzo$reactariatable.useTableCell)({
|
|
1493
1518
|
node: cell,
|
|
1494
1519
|
isVirtualized: true
|
|
1495
1520
|
}, state, ref);
|
|
1496
|
-
let { checkboxProps: checkboxProps } = $3fpzo$reactariatable.useTableSelectionCheckbox({
|
|
1521
|
+
let { checkboxProps: checkboxProps } = (0, $3fpzo$reactariatable.useTableSelectionCheckbox)({
|
|
1497
1522
|
key: cell.parentKey
|
|
1498
1523
|
}, state);
|
|
1499
|
-
return
|
|
1500
|
-
focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1501
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1524
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusRing), {
|
|
1525
|
+
focusRingClass: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "focus-ring")
|
|
1526
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1502
1527
|
...gridCellProps,
|
|
1503
1528
|
ref: ref,
|
|
1504
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1505
|
-
|
|
1506
|
-
}, $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports)),
|
|
1507
|
-
}, state.selectionManager.selectionMode !==
|
|
1529
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-cell", "spectrum-Table-checkboxCell", {
|
|
1530
|
+
"is-disabled": isDisabled
|
|
1531
|
+
}, (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))), "react-spectrum-Table-cell"))
|
|
1532
|
+
}, state.selectionManager.selectionMode !== "none" && /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactspectrumcheckbox.Checkbox), {
|
|
1508
1533
|
...checkboxProps,
|
|
1509
1534
|
isEmphasized: true,
|
|
1510
1535
|
isDisabled: isDisabled,
|
|
1511
|
-
UNSAFE_className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1512
|
-
})))
|
|
1536
|
+
UNSAFE_className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-checkbox")
|
|
1537
|
+
})));
|
|
1513
1538
|
}
|
|
1514
1539
|
function $be8a9c035a82f788$var$TableCell({ cell: cell }) {
|
|
1515
1540
|
let { state: state } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1516
|
-
let ref = $3fpzo$react.useRef();
|
|
1541
|
+
let ref = (0, $3fpzo$react.useRef)();
|
|
1517
1542
|
let columnProps = cell.column.props;
|
|
1518
1543
|
let isDisabled = state.disabledKeys.has(cell.parentKey);
|
|
1519
|
-
let { gridCellProps: gridCellProps } = $3fpzo$reactariatable.useTableCell({
|
|
1544
|
+
let { gridCellProps: gridCellProps } = (0, $3fpzo$reactariatable.useTableCell)({
|
|
1520
1545
|
node: cell,
|
|
1521
1546
|
isVirtualized: true
|
|
1522
1547
|
}, state, ref);
|
|
1523
|
-
return
|
|
1524
|
-
focusRingClass: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1525
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1548
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement((0, $3fpzo$reactariafocus.FocusRing), {
|
|
1549
|
+
focusRingClass: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "focus-ring")
|
|
1550
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1526
1551
|
...gridCellProps,
|
|
1527
1552
|
ref: ref,
|
|
1528
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
}, $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports)),
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1553
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-cell", {
|
|
1554
|
+
"spectrum-Table-cell--divider": columnProps.showDivider && cell.column.nextKey !== null,
|
|
1555
|
+
"spectrum-Table-cell--hideHeader": columnProps.hideHeader,
|
|
1556
|
+
"is-disabled": isDisabled
|
|
1557
|
+
}, (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))), "react-spectrum-Table-cell", {
|
|
1558
|
+
"react-spectrum-Table-cell--alignStart": columnProps.align === "start",
|
|
1559
|
+
"react-spectrum-Table-cell--alignCenter": columnProps.align === "center",
|
|
1560
|
+
"react-spectrum-Table-cell--alignEnd": columnProps.align === "end"
|
|
1536
1561
|
}))
|
|
1537
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("span", {
|
|
1538
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports)),
|
|
1539
|
-
}, cell.rendered)))
|
|
1562
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("span", {
|
|
1563
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($982885d0a34882ea$exports))), "spectrum-Table-cellContents")
|
|
1564
|
+
}, cell.rendered)));
|
|
1540
1565
|
}
|
|
1541
1566
|
function $be8a9c035a82f788$var$CenteredWrapper({ children: children }) {
|
|
1542
1567
|
let { state: state } = $be8a9c035a82f788$export$3cb274deb6c2d854();
|
|
1543
|
-
return
|
|
1568
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1544
1569
|
role: "row",
|
|
1545
1570
|
"aria-rowindex": state.collection.headerRows.length + state.collection.size + 1,
|
|
1546
|
-
className: $3fpzo$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports)),
|
|
1547
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).createElement("div", {
|
|
1571
|
+
className: (0, $3fpzo$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($4afcd54cfd94dbb9$exports))), "react-spectrum-Table-centeredWrapper")
|
|
1572
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).createElement("div", {
|
|
1548
1573
|
role: "rowheader",
|
|
1549
1574
|
"aria-colspan": state.collection.columns.length
|
|
1550
|
-
}, children))
|
|
1575
|
+
}, children));
|
|
1551
1576
|
}
|
|
1552
1577
|
/**
|
|
1553
1578
|
* Tables are containers for displaying information. They allow users to quickly scan, sort, compare, and take action on large amounts of data.
|
|
1554
|
-
*/ const $be8a9c035a82f788$export$b3c27e869d856b7 = /*#__PURE__*/ ($parcel$interopDefault($3fpzo$react)).forwardRef($be8a9c035a82f788$var$TableView);
|
|
1579
|
+
*/ const $be8a9c035a82f788$export$b3c27e869d856b7 = /*#__PURE__*/ (0, ($parcel$interopDefault($3fpzo$react))).forwardRef($be8a9c035a82f788$var$TableView);
|
|
1580
|
+
|
|
1555
1581
|
|
|
1556
1582
|
|
|
1557
1583
|
|
|
1558
1584
|
// Override TS for Column to support spectrum specific props.
|
|
1559
|
-
const $4b0b515c47252574$export$816b5d811295e6bc = $3fpzo$reactstatelytable.Column;
|
|
1585
|
+
const $4b0b515c47252574$export$816b5d811295e6bc = (0, $3fpzo$reactstatelytable.Column);
|
|
1560
1586
|
|
|
1561
1587
|
|
|
1562
1588
|
//# sourceMappingURL=main.js.map
|