@ishibashi0112/spreadsheet-grid 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -1
- package/dist/SpreadsheetGrid.d.ts +1 -1
- package/dist/hooks/useFilterPopoverController.d.ts +2 -2
- package/dist/index.cjs +2 -2
- package/dist/index.js +1119 -1097
- package/dist/model/gridTypes.d.ts +6 -0
- package/dist/style.css +1 -1
- package/dist/view/ColumnMenuPopover.d.ts +3 -1
- package/dist/view/DefaultGridBottomBar.d.ts +2 -1
- package/dist/view/DefaultGridTopBar.d.ts +4 -1
- package/dist/view/GridHeaderRow.d.ts +1 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -516,13 +516,13 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
516
516
|
o && (c[l] = r, l += 1);
|
|
517
517
|
}
|
|
518
518
|
return l === o ? t : c.slice(0, l);
|
|
519
|
-
}, ae = 240, R = 8, oe = 8,
|
|
519
|
+
}, ae = 240, R = 8, oe = 8, z = 260, B = 400, se = ({ visibleColumns: e, columnFilterValues: n, enableColumnFilter: i, gridRootRef: o }) => {
|
|
520
520
|
let [l, u] = c(null), [d, f] = c(null), p = s(null), m = s(null), h = s(null), g = s(null), _ = l !== null, v = l?.columnKey ?? null, y = a(() => v ? e.find((e) => e.key === v) ?? null : null, [v, e]), b = t(() => {
|
|
521
521
|
if (!v || !m.current) {
|
|
522
522
|
f(null);
|
|
523
523
|
return;
|
|
524
524
|
}
|
|
525
|
-
let e = m.current.getBoundingClientRect(), t = y?.filterType === "set" ?
|
|
525
|
+
let e = m.current.getBoundingClientRect(), t = y?.filterType === "set" ? B : z, n = e.right - ae;
|
|
526
526
|
n = Math.max(R, n), n = Math.min(n, window.innerWidth - ae - R);
|
|
527
527
|
let r = e.bottom + oe;
|
|
528
528
|
r + t > window.innerHeight - R && (r = e.top - t - oe), r = Math.max(R, r), f((e) => e && e.top === r && e.left === n && e.width === ae ? e : {
|
|
@@ -530,11 +530,14 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
530
530
|
left: n,
|
|
531
531
|
width: ae
|
|
532
532
|
});
|
|
533
|
-
}, [v, y]), x = t((e
|
|
534
|
-
|
|
533
|
+
}, [v, y]), x = t((e) => {
|
|
534
|
+
if (!i) return;
|
|
535
|
+
document.activeElement instanceof HTMLElement && document.activeElement.blur(), o.current?.blur();
|
|
536
|
+
let t = o.current?.querySelectorAll("[data-ssg-col-key]");
|
|
537
|
+
m.current = t ? Array.from(t).find((t) => t.dataset.ssgColKey === e.key) ?? null : null, u({
|
|
535
538
|
columnKey: e.key,
|
|
536
539
|
draftValue: te(n[e.key])
|
|
537
|
-
})
|
|
540
|
+
});
|
|
538
541
|
}, [
|
|
539
542
|
n,
|
|
540
543
|
i,
|
|
@@ -585,7 +588,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
585
588
|
if (!_) return;
|
|
586
589
|
let e = (e) => {
|
|
587
590
|
let t = e.target;
|
|
588
|
-
t && (p.current?.contains(t) ||
|
|
591
|
+
t && (p.current?.contains(t) || S());
|
|
589
592
|
};
|
|
590
593
|
return window.addEventListener("pointerdown", e), () => {
|
|
591
594
|
window.removeEventListener("pointerdown", e);
|
|
@@ -602,7 +605,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
602
605
|
closeColumnFilterPopover: S,
|
|
603
606
|
updateFilterPopoverDraft: C
|
|
604
607
|
};
|
|
605
|
-
},
|
|
608
|
+
}, ce = (e, t, n) => Math.min(Math.max(e, t), n), le = (e, t) => {
|
|
606
609
|
let n = 0;
|
|
607
610
|
return e.map((e, r) => {
|
|
608
611
|
let i = t[e.key] ?? e.width, a = {
|
|
@@ -614,10 +617,10 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
614
617
|
};
|
|
615
618
|
return n += i, a;
|
|
616
619
|
});
|
|
617
|
-
},
|
|
620
|
+
}, ue = (e) => e.pinned === "left" ? "left" : e.pinned === "right" ? "right" : "center", de = (e) => {
|
|
618
621
|
let t = [], n = [], r = [];
|
|
619
622
|
for (let i of e) {
|
|
620
|
-
let e =
|
|
623
|
+
let e = ue(i);
|
|
621
624
|
e === "left" ? t.push(i) : e === "right" ? r.push(i) : n.push(i);
|
|
622
625
|
}
|
|
623
626
|
return [
|
|
@@ -625,19 +628,19 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
625
628
|
...n,
|
|
626
629
|
...r
|
|
627
630
|
];
|
|
628
|
-
},
|
|
631
|
+
}, fe = (e) => {
|
|
629
632
|
let t = {
|
|
630
633
|
left: [],
|
|
631
634
|
center: [],
|
|
632
635
|
right: []
|
|
633
636
|
};
|
|
634
637
|
return e.forEach((e, n) => {
|
|
635
|
-
t[
|
|
638
|
+
t[ue(e)].push({
|
|
636
639
|
column: e,
|
|
637
640
|
logicalIndex: n
|
|
638
641
|
});
|
|
639
642
|
}), t;
|
|
640
|
-
},
|
|
643
|
+
}, pe = (e, t) => e.map(({ column: e }) => t[e.key] ?? e.width), me = (e, t) => pe(e, t).join(","), he = (e) => e === "" ? [] : e.split(",").map(Number), V = (e, t, n) => {
|
|
641
644
|
let r = 0;
|
|
642
645
|
return {
|
|
643
646
|
pane: e,
|
|
@@ -653,7 +656,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
653
656
|
}),
|
|
654
657
|
totalWidth: r
|
|
655
658
|
};
|
|
656
|
-
},
|
|
659
|
+
}, ge = (e, t, n) => V(e, t, he(n)), _e = (e, t) => {
|
|
657
660
|
let n = [
|
|
658
661
|
["left", e.left],
|
|
659
662
|
["center", e.center],
|
|
@@ -667,7 +670,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
667
670
|
};
|
|
668
671
|
}
|
|
669
672
|
return null;
|
|
670
|
-
},
|
|
673
|
+
}, ve = (e, t) => {
|
|
671
674
|
let { entries: n } = e;
|
|
672
675
|
if (n.length === 0) return -1;
|
|
673
676
|
if (t <= 0) return n[0].logicalIndex;
|
|
@@ -685,17 +688,17 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
685
688
|
return a.logicalIndex;
|
|
686
689
|
}
|
|
687
690
|
return n[Math.max(0, Math.min(r, n.length - 1))].logicalIndex;
|
|
688
|
-
},
|
|
691
|
+
}, ye = (e, t) => {
|
|
689
692
|
let { entries: n } = e;
|
|
690
693
|
for (let e = 0; e < n.length; e += 1) {
|
|
691
694
|
let r = n[e];
|
|
692
695
|
if (t < r.paneLocalStart + r.paneLocalSize / 2) return e;
|
|
693
696
|
}
|
|
694
697
|
return n.length;
|
|
695
|
-
},
|
|
698
|
+
}, be = (e, t) => {
|
|
696
699
|
let { entries: n, totalWidth: r } = e;
|
|
697
700
|
return n.length === 0 ? 0 : t <= 0 ? n[0].paneLocalStart : t >= n.length ? r : n[t].paneLocalStart;
|
|
698
|
-
},
|
|
701
|
+
}, xe = (e, t, n) => {
|
|
699
702
|
let r = Math.min(t, n), i = Math.max(t, n), a = Infinity, o = -Infinity, s = !1;
|
|
700
703
|
for (let t of e.entries) t.logicalIndex < r || t.logicalIndex > i || (s = !0, t.paneLocalStart < a && (a = t.paneLocalStart), t.paneLocalEnd > o && (o = t.paneLocalEnd));
|
|
701
704
|
return s ? {
|
|
@@ -703,11 +706,11 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
703
706
|
end: o,
|
|
704
707
|
width: o - a
|
|
705
708
|
} : null;
|
|
706
|
-
},
|
|
707
|
-
left:
|
|
708
|
-
center:
|
|
709
|
-
right:
|
|
710
|
-
}),
|
|
709
|
+
}, Se = (e, t, n) => ({
|
|
710
|
+
left: xe(e.left, t, n),
|
|
711
|
+
center: xe(e.center, t, n),
|
|
712
|
+
right: xe(e.right, t, n)
|
|
713
|
+
}), Ce = (e) => {
|
|
711
714
|
let t = (e) => e.entries.length === 0 ? null : {
|
|
712
715
|
start: 0,
|
|
713
716
|
end: e.totalWidth,
|
|
@@ -718,8 +721,8 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
718
721
|
center: t(e.center),
|
|
719
722
|
right: t(e.right)
|
|
720
723
|
};
|
|
721
|
-
},
|
|
722
|
-
let n =
|
|
724
|
+
}, we = (e, t) => {
|
|
725
|
+
let n = _e(e, t);
|
|
723
726
|
if (!n) return null;
|
|
724
727
|
let { pane: r, entry: i } = n;
|
|
725
728
|
return {
|
|
@@ -730,10 +733,10 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
730
733
|
width: i.paneLocalSize
|
|
731
734
|
}
|
|
732
735
|
};
|
|
733
|
-
},
|
|
736
|
+
}, Te = (e) => {
|
|
734
737
|
let t = e.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
|
|
735
738
|
return t ? t.split("\n").filter((e) => e.length > 0).map((e) => e.split(" ")) : [];
|
|
736
|
-
},
|
|
739
|
+
}, Ee = (e, t, n, r) => {
|
|
737
740
|
if (!r) return "";
|
|
738
741
|
let i = [];
|
|
739
742
|
if (r.type === "cell") {
|
|
@@ -779,7 +782,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
779
782
|
i.push(o.join(" "));
|
|
780
783
|
}
|
|
781
784
|
return i.join("\n");
|
|
782
|
-
},
|
|
785
|
+
}, De = (e, t, n, r, i, a, o) => {
|
|
783
786
|
if (r.length === 0) return e;
|
|
784
787
|
let s = [...e];
|
|
785
788
|
for (let e = 0; e < r.length; e += 1) {
|
|
@@ -797,7 +800,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
797
800
|
d && (s[c] = u);
|
|
798
801
|
}
|
|
799
802
|
return s;
|
|
800
|
-
},
|
|
803
|
+
}, Oe = ({ rows: e, rowModel: n, visibleColumns: r, uiState: i, readOnly: a, canEditCell: o, createRow: s, createOverflowColumn: c, onRowsChange: l, onColumnsChange: u, dispatch: d }) => {
|
|
801
804
|
let f = n.getRowCount(), p = f > 0 && r.length > 0 && i.selection?.type === "cell" && (() => {
|
|
802
805
|
let e = i.selection.range.start, t = i.selection.range.end, n = Math.min(e.row, t.row), a = Math.min(e.col, t.col), o = Math.max(e.row, t.row), s = Math.max(e.col, t.col);
|
|
803
806
|
return n === 0 && a === 0 && o === f - 1 && s === r.length - 1;
|
|
@@ -819,7 +822,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
819
822
|
return {
|
|
820
823
|
isWholeGridSelected: p,
|
|
821
824
|
handleCopy: t(async () => {
|
|
822
|
-
let e = p ? m() :
|
|
825
|
+
let e = p ? m() : Ee(n.getRow, n.getRowCount(), r, i.selection);
|
|
823
826
|
e && navigator.clipboard?.writeText && await navigator.clipboard.writeText(e);
|
|
824
827
|
}, [
|
|
825
828
|
p,
|
|
@@ -833,7 +836,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
833
836
|
let f = t.clipboardData.getData("text/plain");
|
|
834
837
|
if (!f) return;
|
|
835
838
|
t.preventDefault();
|
|
836
|
-
let p =
|
|
839
|
+
let p = Te(f);
|
|
837
840
|
if (p.length === 0) return;
|
|
838
841
|
let m = i.activeCell.row, g = n.getSourceIndex(m);
|
|
839
842
|
if (g === void 0) return;
|
|
@@ -846,10 +849,10 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
846
849
|
for (; y.length < T;) y.push(c(y.length));
|
|
847
850
|
u(y);
|
|
848
851
|
}
|
|
849
|
-
let E =
|
|
852
|
+
let E = De(v, S, y, p, m, _, (e, t, n, r) => A({
|
|
850
853
|
readOnly: a,
|
|
851
854
|
canEditCell: o
|
|
852
|
-
}, e, t, n, r)), D =
|
|
855
|
+
}, e, t, n, r)), D = ce(i.activeCell.row + Math.max(p.length - 1, 0), 0, Math.max(Math.max(n.getRowCount() - 1, 0), m + p.length - 1)), O = ce(i.activeCell.col + Math.max((p[0]?.length ?? 1) - 1, 0), 0, Math.max(Math.max(y.length - 1, 0), _ + w - 1));
|
|
853
856
|
l(E), d(h.startSelection(i.activeCell)), d(h.updateSelection({
|
|
854
857
|
row: D,
|
|
855
858
|
col: O
|
|
@@ -868,24 +871,24 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
868
871
|
r
|
|
869
872
|
])
|
|
870
873
|
};
|
|
871
|
-
},
|
|
874
|
+
}, ke = (e) => {
|
|
872
875
|
if (e < 0) return "";
|
|
873
876
|
let t = e, n = "";
|
|
874
877
|
for (; t >= 0;) n = String.fromCharCode(t % 26 + 65) + n, t = Math.floor(t / 26) - 1;
|
|
875
878
|
return n;
|
|
876
|
-
},
|
|
879
|
+
}, Ae = (e, t, n) => e ? e(t) : n, je = (e, t = 16) => e.length <= t ? e : `${e.slice(0, t)}…`, Me = (e) => e ? `${ke(e.col)}${e.row + 1}` : "なし", Ne = (e) => {
|
|
877
880
|
if (!e) return "なし";
|
|
878
881
|
if (e.type === "cell") {
|
|
879
882
|
let t = Math.min(e.range.start.row, e.range.end.row), n = Math.max(e.range.start.row, e.range.end.row), r = Math.min(e.range.start.col, e.range.end.col), i = Math.max(e.range.start.col, e.range.end.col);
|
|
880
|
-
return `${
|
|
883
|
+
return `${ke(r)}${t + 1} - ${ke(i)}${n + 1}`;
|
|
881
884
|
}
|
|
882
885
|
if (e.type === "row") {
|
|
883
886
|
let t = Math.min(e.startRow, e.endRow), n = Math.max(e.startRow, e.endRow);
|
|
884
887
|
return `Row ${t + 1} - ${n + 1}`;
|
|
885
888
|
}
|
|
886
889
|
let t = Math.min(e.startCol, e.endCol), n = Math.max(e.startCol, e.endCol);
|
|
887
|
-
return `Col ${
|
|
888
|
-
},
|
|
890
|
+
return `Col ${ke(t)} - ${ke(n)}`;
|
|
891
|
+
}, Pe = (e, t) => `Rows: ${t} / ${e.rows.length}`, Fe = (e) => `Columns: ${e.visibleColumns.length} / ${e.columns.length}`, H = (e, t) => {
|
|
889
892
|
let n = e.selection;
|
|
890
893
|
if (!n) return {
|
|
891
894
|
selectedCellCount: 0,
|
|
@@ -914,25 +917,25 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
914
917
|
selectedRowCount: a,
|
|
915
918
|
selectedColumnCount: i
|
|
916
919
|
};
|
|
917
|
-
},
|
|
918
|
-
let n =
|
|
920
|
+
}, Ie = (e, t) => {
|
|
921
|
+
let n = H(e, t);
|
|
919
922
|
return `Cells: ${n.selectedCellCount} / Rows: ${n.selectedRowCount}`;
|
|
920
|
-
},
|
|
921
|
-
let t = e.globalFilterText.trim().length > 0, n = t ?
|
|
923
|
+
}, Le = (e) => Object.values(e).filter((e) => F(e)).length, Re = (e) => {
|
|
924
|
+
let t = e.globalFilterText.trim().length > 0, n = t ? je(e.globalFilterText.trim()) : null, r = Le(e.columnFilterValues);
|
|
922
925
|
return !t && r === 0 ? "Filter: なし" : t && r === 0 ? `Filter: Global("${n}")` : !t && r > 0 ? `Filter: ${r}列` : `Filter: Global("${n}") + ${r}列`;
|
|
923
|
-
},
|
|
926
|
+
}, ze = (e, t) => {
|
|
924
927
|
let n = e.find((e) => e.key === t);
|
|
925
928
|
return n?.title || n?.key || t;
|
|
926
|
-
},
|
|
927
|
-
let n =
|
|
929
|
+
}, Be = (e) => e.sortState.length === 0 ? "Sort: なし" : `Sort: ${e.sortState.map((t) => `${ze(e.columns, t.columnKey)} (${t.direction === "asc" ? "昇順" : "降順"})`).join(", ")}`, Ve = (e, t) => {
|
|
930
|
+
let n = H(e, t), r = e.globalFilterText.trim().length > 0, i = r ? je(e.globalFilterText.trim()) : null, a = Le(e.columnFilterValues), o = r || a > 0, s = e.sortState.length > 0, c = s ? ze(e.columns, e.sortState[0].columnKey) : null;
|
|
928
931
|
return {
|
|
929
|
-
rowSummaryText:
|
|
930
|
-
columnSummaryText:
|
|
931
|
-
filterSummaryText:
|
|
932
|
-
sortSummaryText:
|
|
933
|
-
activeCellLabel:
|
|
934
|
-
selectionLabel:
|
|
935
|
-
selectionStatsText:
|
|
932
|
+
rowSummaryText: Pe(e, t),
|
|
933
|
+
columnSummaryText: Fe(e),
|
|
934
|
+
filterSummaryText: Re(e),
|
|
935
|
+
sortSummaryText: Be(e),
|
|
936
|
+
activeCellLabel: Me(e.activeCell),
|
|
937
|
+
selectionLabel: Ne(e.selection),
|
|
938
|
+
selectionStatsText: Ie(e, t),
|
|
936
939
|
selectionStats: n,
|
|
937
940
|
hasGlobalFilter: r,
|
|
938
941
|
globalFilterPreview: i,
|
|
@@ -941,7 +944,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
941
944
|
hasSorting: s,
|
|
942
945
|
sortedColumnLabel: c
|
|
943
946
|
};
|
|
944
|
-
},
|
|
947
|
+
}, He = ({ rows: e, viewRowCount: t, getFilteredRows: n, columns: r, visibleColumns: i, uiState: o, setGlobalFilterText: s }) => {
|
|
945
948
|
let c = T(o), l = o.filters.columnFilters, u = o.sort, d = o.activeCell, f = o.selection, p = a(() => ({
|
|
946
949
|
rows: e,
|
|
947
950
|
columns: r,
|
|
@@ -960,7 +963,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
960
963
|
u,
|
|
961
964
|
d,
|
|
962
965
|
f
|
|
963
|
-
]), m = a(() =>
|
|
966
|
+
]), m = a(() => Ve(p, t), [p, t]);
|
|
964
967
|
return {
|
|
965
968
|
slotContextBase: p,
|
|
966
969
|
derivedSummary: m,
|
|
@@ -978,7 +981,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
978
981
|
p
|
|
979
982
|
])
|
|
980
983
|
};
|
|
981
|
-
},
|
|
984
|
+
}, Ue = ({ uiState: e, rows: n, visibleColumns: r, rowModel: i, setEditorInitialValue: a, onRowsChange: o, dispatch: s, getMovedCell: c, gridRootRef: l, editorActionGuardRef: u }) => {
|
|
982
985
|
let d = t((e) => {
|
|
983
986
|
s(h.startSelection(e)), s(h.endSelection()), s(h.activateCell(e));
|
|
984
987
|
}, [s]);
|
|
@@ -1023,18 +1026,18 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1023
1026
|
l
|
|
1024
1027
|
])
|
|
1025
1028
|
};
|
|
1026
|
-
},
|
|
1029
|
+
}, We = (e) => e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey, Ge = (e) => e instanceof HTMLElement ? e.closest("input, textarea, select, button, [contenteditable=\"true\"]") !== null : !1, Ke = ({ uiState: e, rowModel: n, visibleColumns: r, readOnly: i, canEditCell: a, setEditorInitialValue: o, dispatch: s, handleCopy: c, handleCellDoubleClick: l, isWholeGridSelected: u, selectEntireGrid: d }) => {
|
|
1027
1030
|
let f = n.getRowCount(), p = t((e, t, n) => ({
|
|
1028
|
-
row:
|
|
1029
|
-
col:
|
|
1031
|
+
row: ce(e.row + t, 0, Math.max(f - 1, 0)),
|
|
1032
|
+
col: ce(e.col + n, 0, Math.max(r.length - 1, 0))
|
|
1030
1033
|
}), [f, r.length]), m = t((t, n, i) => {
|
|
1031
1034
|
if (f === 0 || r.length === 0) return;
|
|
1032
1035
|
let a = e.activeCell ?? {
|
|
1033
1036
|
row: 0,
|
|
1034
1037
|
col: 0
|
|
1035
1038
|
}, o = {
|
|
1036
|
-
row:
|
|
1037
|
-
col:
|
|
1039
|
+
row: ce(a.row + t, 0, f - 1),
|
|
1040
|
+
col: ce(a.col + n, 0, r.length - 1)
|
|
1038
1041
|
};
|
|
1039
1042
|
if (i) {
|
|
1040
1043
|
let t = e.selection?.type === "cell" ? e.selection.range.start : a;
|
|
@@ -1052,7 +1055,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1052
1055
|
return {
|
|
1053
1056
|
getMovedCell: p,
|
|
1054
1057
|
handleKeyDown: t(async (t) => {
|
|
1055
|
-
if (!
|
|
1058
|
+
if (!Ge(t.target) && !e.editingCell) {
|
|
1056
1059
|
if ((t.ctrlKey || t.metaKey) && t.key.toLowerCase() === "c") {
|
|
1057
1060
|
t.preventDefault(), await c();
|
|
1058
1061
|
return;
|
|
@@ -1093,7 +1096,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1093
1096
|
t.preventDefault(), e.activeCell && l(e.activeCell);
|
|
1094
1097
|
return;
|
|
1095
1098
|
}
|
|
1096
|
-
if (
|
|
1099
|
+
if (We(t) && e.activeCell) {
|
|
1097
1100
|
let c = n.getRow(e.activeCell.row), l = r[e.activeCell.col];
|
|
1098
1101
|
if (!c || !l || !A({
|
|
1099
1102
|
readOnly: i,
|
|
@@ -1118,13 +1121,13 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1118
1121
|
r
|
|
1119
1122
|
])
|
|
1120
1123
|
};
|
|
1121
|
-
},
|
|
1124
|
+
}, qe = new Intl.Collator("ja", {
|
|
1122
1125
|
numeric: !0,
|
|
1123
1126
|
sensitivity: "base"
|
|
1124
|
-
}),
|
|
1127
|
+
}), Je = (e, t) => {
|
|
1125
1128
|
let n = Number(e), r = Number(t);
|
|
1126
|
-
return Number.isFinite(n) && Number.isFinite(r) ? n - r :
|
|
1127
|
-
},
|
|
1129
|
+
return Number.isFinite(n) && Number.isFinite(r) ? n - r : qe.compare(String(e ?? ""), String(t ?? ""));
|
|
1130
|
+
}, Ye = (e, t, n, r) => {
|
|
1128
1131
|
if (!r) return e.length === 1 && e[0].columnKey === t && e[0].direction === n ? [] : [{
|
|
1129
1132
|
columnKey: t,
|
|
1130
1133
|
direction: n
|
|
@@ -1137,20 +1140,20 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1137
1140
|
columnKey: t,
|
|
1138
1141
|
direction: n
|
|
1139
1142
|
} : e);
|
|
1140
|
-
},
|
|
1143
|
+
}, Xe = (e, t, n) => e.some((e) => e.columnKey === t) ? e : [...e, {
|
|
1141
1144
|
columnKey: t,
|
|
1142
1145
|
direction: n
|
|
1143
|
-
}],
|
|
1146
|
+
}], Ze = (e, t, n) => t < 0 || t >= e.length || e[t].direction === n ? e : e.map((e, r) => r === t ? {
|
|
1144
1147
|
...e,
|
|
1145
1148
|
direction: n
|
|
1146
|
-
} : e),
|
|
1149
|
+
} : e), Qe = (e, t, n) => t < 0 || t >= e.length || e[t].columnKey === n ? e : e.map((e, r) => r === t ? {
|
|
1147
1150
|
...e,
|
|
1148
1151
|
columnKey: n
|
|
1149
|
-
} : e).filter((e, r) => r === t || e.columnKey !== n),
|
|
1152
|
+
} : e).filter((e, r) => r === t || e.columnKey !== n), $e = (e, t) => t < 0 || t >= e.length ? e : e.filter((e, n) => n !== t), et = (e, t, n) => {
|
|
1150
1153
|
if (t < 0 || t >= e.length || n < 0 || n >= e.length || t === n) return e;
|
|
1151
1154
|
let r = [...e], [i] = r.splice(t, 1);
|
|
1152
1155
|
return r.splice(n, 0, i), r;
|
|
1153
|
-
},
|
|
1156
|
+
}, tt = (e, t, n, r) => {
|
|
1154
1157
|
if (r.length === 0) return t;
|
|
1155
1158
|
let i = r.map((e) => {
|
|
1156
1159
|
let t = n.find((t) => t.key === e.columnKey);
|
|
@@ -1200,7 +1203,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1200
1203
|
});
|
|
1201
1204
|
u.sort((e, r) => {
|
|
1202
1205
|
for (let t = 0; t < o; t += 1) {
|
|
1203
|
-
let i =
|
|
1206
|
+
let i = Je(n[t][e], n[t][r]);
|
|
1204
1207
|
if (i !== 0) return i * s[t];
|
|
1205
1208
|
}
|
|
1206
1209
|
return t[e] - t[r];
|
|
@@ -1209,24 +1212,24 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1209
1212
|
let d = new Int32Array(a);
|
|
1210
1213
|
for (let e = 0; e < a; e += 1) d[e] = t[u[e]];
|
|
1211
1214
|
return d;
|
|
1212
|
-
},
|
|
1215
|
+
}, nt = 15e6, rt = (e, t, n, r) => e && t && n > 0 && n <= r, it = 1 << 20, at = (e, t) => ({
|
|
1213
1216
|
rowCount: e,
|
|
1214
1217
|
rowTop: (e) => e * t,
|
|
1215
1218
|
rowsHeight: (e, n) => (n - e + 1) * t,
|
|
1216
1219
|
totalBodyHeight: e * t,
|
|
1217
1220
|
rowAtContentY: (n) => Math.min(Math.max(Math.floor(n / t), 0), Math.max(e - 1, 0))
|
|
1218
|
-
}),
|
|
1221
|
+
}), ot = (e, t, n, r) => {
|
|
1219
1222
|
if (r < n) return null;
|
|
1220
1223
|
let i = Math.max(e, n), a = Math.min(t, r);
|
|
1221
1224
|
return i > a ? null : {
|
|
1222
1225
|
start: i,
|
|
1223
1226
|
end: a
|
|
1224
1227
|
};
|
|
1225
|
-
},
|
|
1228
|
+
}, st = (e, t) => e * t, ct = (e, t) => t === 1 ? e : e / t, lt = (e, t, n, r) => {
|
|
1226
1229
|
let i = t * (1 - n);
|
|
1227
1230
|
return r.rowAtContentY(e - i);
|
|
1228
1231
|
}, ut = ({ rowCount: e, rowHeight: t, headerHeight: n, viewportHeight: r, scrollTop: i, overscan: a, maxBodyPx: o }) => {
|
|
1229
|
-
let s = e * t, c = Math.min(s, o), l = Math.max(n + s - r, 0), u = Math.max(n + c - r, 0), d = u > 0 && s > c ? l / u : 1, f = Math.min(Math.max(i, 0), u), p = f * d, m = Math.ceil(r / t) + 1, h = Math.floor(p / t), g = Math.max(h - a, 0), _ = Math.min(h + m + a, e), v = d === 1 ? 0 : Math.floor(g * t /
|
|
1232
|
+
let s = e * t, c = Math.min(s, o), l = Math.max(n + s - r, 0), u = Math.max(n + c - r, 0), d = u > 0 && s > c ? l / u : 1, f = Math.min(Math.max(i, 0), u), p = f * d, m = Math.ceil(r / t) + 1, h = Math.floor(p / t), g = Math.max(h - a, 0), _ = Math.min(h + m + a, e), v = d === 1 ? 0 : Math.floor(g * t / it) * it, y = f - p + v, b = [], x = /* @__PURE__ */ new Set();
|
|
1230
1233
|
for (let e = g; e < _; e += 1) b.push({
|
|
1231
1234
|
index: e,
|
|
1232
1235
|
start: n + e * t - v
|
|
@@ -1273,7 +1276,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1273
1276
|
let t = u.getBoundingClientRect();
|
|
1274
1277
|
if (e < t.right) {
|
|
1275
1278
|
let n = e - t.left - y;
|
|
1276
|
-
l =
|
|
1279
|
+
l = ve(v.left, n);
|
|
1277
1280
|
}
|
|
1278
1281
|
}
|
|
1279
1282
|
let d = o.current;
|
|
@@ -1281,16 +1284,16 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1281
1284
|
let t = d.getBoundingClientRect();
|
|
1282
1285
|
if (e >= t.left) {
|
|
1283
1286
|
let n = e - t.left - x;
|
|
1284
|
-
l =
|
|
1287
|
+
l = ve(v.right, n);
|
|
1285
1288
|
}
|
|
1286
1289
|
}
|
|
1287
1290
|
if (l === null && v.center.entries.length > 0) {
|
|
1288
1291
|
let t = r.scrollLeft + e - s.left - b;
|
|
1289
|
-
l =
|
|
1292
|
+
l = ve(v.center, Math.max(t, 0));
|
|
1290
1293
|
}
|
|
1291
1294
|
return l === null ? null : {
|
|
1292
1295
|
row: c,
|
|
1293
|
-
col:
|
|
1296
|
+
col: ce(l, 0, _ - 1)
|
|
1294
1297
|
};
|
|
1295
1298
|
}, [
|
|
1296
1299
|
n,
|
|
@@ -1412,7 +1415,7 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1412
1415
|
if (e.current?.focus(), n.shiftKey && M.current) {
|
|
1413
1416
|
let e = j.current[t];
|
|
1414
1417
|
if (e) {
|
|
1415
|
-
let t = A.current, n = t.find((t) => t.columnKey === e.key)?.direction ? "desc" : "asc", r =
|
|
1418
|
+
let t = A.current, n = t.find((t) => t.columnKey === e.key)?.direction ? "desc" : "asc", r = Ye(t, e.key, n, !0);
|
|
1416
1419
|
d(r.length === 0 ? h.clearSort() : h.setSort(r));
|
|
1417
1420
|
}
|
|
1418
1421
|
return;
|
|
@@ -1449,11 +1452,11 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1449
1452
|
o
|
|
1450
1453
|
]), r(() => {
|
|
1451
1454
|
if (!e.current || !u) return;
|
|
1452
|
-
let t = e.current, n = o + u.top, r = n + u.height, i = s + l + u.left, a = i + u.width, f =
|
|
1455
|
+
let t = e.current, n = o + u.top, r = n + u.height, i = s + l + u.left, a = i + u.width, f = st(t.scrollTop, d), p = t.scrollLeft, m = t.clientHeight, h = t.clientWidth, g = f, _ = p, v = f + o, y = f + m;
|
|
1453
1456
|
n < v ? g = Math.max(n - o, 0) : r > y && (g = Math.max(r - m, 0));
|
|
1454
1457
|
let b = p + s, x = p + h - c;
|
|
1455
1458
|
i < b ? _ = Math.max(i - s, 0) : a > x && (_ = Math.max(a - h + c, 0)), (g !== f || _ !== p) && t.scrollTo({
|
|
1456
|
-
top:
|
|
1459
|
+
top: ct(g, d),
|
|
1457
1460
|
left: _,
|
|
1458
1461
|
behavior: "auto"
|
|
1459
1462
|
});
|
|
@@ -1469,15 +1472,15 @@ var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 :
|
|
|
1469
1472
|
};
|
|
1470
1473
|
//#endregion
|
|
1471
1474
|
//#region src/components/spreadsheet-grid/hooks/useColumnHeaderDragController.ts
|
|
1472
|
-
function
|
|
1475
|
+
function mt(e, t, n, r) {
|
|
1473
1476
|
let i = e.find((e) => e.key === t);
|
|
1474
1477
|
if (!i) return null;
|
|
1475
|
-
let a =
|
|
1478
|
+
let a = ue(i), o = {
|
|
1476
1479
|
left: [],
|
|
1477
1480
|
center: [],
|
|
1478
1481
|
right: []
|
|
1479
1482
|
}, s = /* @__PURE__ */ new Map();
|
|
1480
|
-
for (let t of e) o[
|
|
1483
|
+
for (let t of e) o[ue(t)].push(t.key), s.set(t.key, t.visible !== !1);
|
|
1481
1484
|
let c = o[n].filter((e) => s.get(e)).indexOf(t), l = o[a].indexOf(t);
|
|
1482
1485
|
if (l < 0) return null;
|
|
1483
1486
|
o[a].splice(l, 1);
|
|
@@ -1492,7 +1495,7 @@ function U(e, t, n, r) {
|
|
|
1492
1495
|
...o.right
|
|
1493
1496
|
];
|
|
1494
1497
|
}
|
|
1495
|
-
var
|
|
1498
|
+
var ht = 24, gt = 18, U = 32, _t = 2, vt = 14, W = 12, yt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"5 9 2 12 5 15\"/><polyline points=\"9 5 12 2 15 5\"/><polyline points=\"15 19 12 22 9 19\"/><polyline points=\"19 9 22 12 19 15\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"/></svg>", bt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"22\"/><path d=\"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z\"/></svg>", xt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"4.9\" y1=\"4.9\" x2=\"19.1\" y2=\"19.1\"/></svg>", G = {
|
|
1496
1499
|
normal: {
|
|
1497
1500
|
border: "#2563eb",
|
|
1498
1501
|
background: "#eff6ff",
|
|
@@ -1503,7 +1506,7 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1503
1506
|
background: "#fef2f2",
|
|
1504
1507
|
color: "#dc2626"
|
|
1505
1508
|
}
|
|
1506
|
-
},
|
|
1509
|
+
}, St = (e) => {
|
|
1507
1510
|
let n = s(e);
|
|
1508
1511
|
n.current = e;
|
|
1509
1512
|
let i = s(null), a = s(null), o = s(null), c = s(null), l = s(null), u = s({
|
|
@@ -1527,9 +1530,9 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1527
1530
|
"gap:6px",
|
|
1528
1531
|
"padding:4px 10px 4px 8px",
|
|
1529
1532
|
"border-radius:9999px",
|
|
1530
|
-
"border:1px solid " +
|
|
1531
|
-
"background:" +
|
|
1532
|
-
"color:" +
|
|
1533
|
+
"border:1px solid " + G.normal.border,
|
|
1534
|
+
"background:" + G.normal.background,
|
|
1535
|
+
"color:" + G.normal.color,
|
|
1533
1536
|
"font-size:12px",
|
|
1534
1537
|
"font-weight:600",
|
|
1535
1538
|
"line-height:1",
|
|
@@ -1549,12 +1552,12 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1549
1552
|
let t = f.current;
|
|
1550
1553
|
if (!t) return;
|
|
1551
1554
|
let { x: n, y: r } = u.current;
|
|
1552
|
-
t.style.transform = "translate(" + (n +
|
|
1555
|
+
t.style.transform = "translate(" + (n + vt) + "px," + (r + W) + "px)";
|
|
1553
1556
|
let i = e ?? "out";
|
|
1554
1557
|
if (m.current === i) return;
|
|
1555
1558
|
m.current = i;
|
|
1556
1559
|
let a = p.current;
|
|
1557
|
-
i === "out" ? (t.style.borderColor =
|
|
1560
|
+
i === "out" ? (t.style.borderColor = G.out.border, t.style.background = G.out.background, t.style.color = G.out.color, a && (a.innerHTML = xt)) : (t.style.borderColor = G.normal.border, t.style.background = G.normal.background, t.style.color = G.normal.color, a && (a.innerHTML = i === "center" ? yt : bt));
|
|
1558
1561
|
}, []), v = t(() => {
|
|
1559
1562
|
let e = f.current;
|
|
1560
1563
|
e && e.parentNode && e.parentNode.removeChild(e), f.current = null, p.current = null, m.current = null;
|
|
@@ -1565,23 +1568,23 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1565
1568
|
if (e < n.left || e > n.right || t < n.top || t > n.bottom) return null;
|
|
1566
1569
|
}
|
|
1567
1570
|
let f = i.current, p = a.current;
|
|
1568
|
-
if (f && r.left.entries.length === 0 && e <= f.getBoundingClientRect().left +
|
|
1571
|
+
if (f && r.left.entries.length === 0 && e <= f.getBoundingClientRect().left + U) return {
|
|
1569
1572
|
pane: "left",
|
|
1570
1573
|
slot: 0,
|
|
1571
|
-
leftPx:
|
|
1574
|
+
leftPx: _t
|
|
1572
1575
|
};
|
|
1573
1576
|
if (f && r.left.entries.length > 0) {
|
|
1574
1577
|
let t = f.getBoundingClientRect();
|
|
1575
1578
|
if (e < t.right) {
|
|
1576
|
-
let n = e - t.left - c, i =
|
|
1579
|
+
let n = e - t.left - c, i = ye(r.left, n);
|
|
1577
1580
|
return {
|
|
1578
1581
|
pane: "left",
|
|
1579
1582
|
slot: i,
|
|
1580
|
-
leftPx: c +
|
|
1583
|
+
leftPx: c + be(r.left, i)
|
|
1581
1584
|
};
|
|
1582
1585
|
}
|
|
1583
1586
|
}
|
|
1584
|
-
if (p && r.right.entries.length === 0 && e >= p.getBoundingClientRect().left -
|
|
1587
|
+
if (p && r.right.entries.length === 0 && e >= p.getBoundingClientRect().left - U) return {
|
|
1585
1588
|
pane: "right",
|
|
1586
1589
|
slot: 0,
|
|
1587
1590
|
leftPx: -2
|
|
@@ -1589,21 +1592,21 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1589
1592
|
if (p && r.right.entries.length > 0) {
|
|
1590
1593
|
let t = p.getBoundingClientRect();
|
|
1591
1594
|
if (e >= t.left) {
|
|
1592
|
-
let n = e - t.left - u, i =
|
|
1595
|
+
let n = e - t.left - u, i = ye(r.right, n);
|
|
1593
1596
|
return {
|
|
1594
1597
|
pane: "right",
|
|
1595
1598
|
slot: i,
|
|
1596
|
-
leftPx: u +
|
|
1599
|
+
leftPx: u + be(r.right, i)
|
|
1597
1600
|
};
|
|
1598
1601
|
}
|
|
1599
1602
|
}
|
|
1600
1603
|
let m = o.current;
|
|
1601
1604
|
if (m && r.center.entries.length > 0) {
|
|
1602
|
-
let t = m.getBoundingClientRect(), n = m.scrollLeft + e - t.left - l, i =
|
|
1605
|
+
let t = m.getBoundingClientRect(), n = m.scrollLeft + e - t.left - l, i = ye(r.center, Math.max(n, 0));
|
|
1603
1606
|
return {
|
|
1604
1607
|
pane: "center",
|
|
1605
1608
|
slot: i,
|
|
1606
|
-
leftPx: l +
|
|
1609
|
+
leftPx: l + be(r.center, i)
|
|
1607
1610
|
};
|
|
1608
1611
|
}
|
|
1609
1612
|
return null;
|
|
@@ -1639,7 +1642,7 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1639
1642
|
let e = n.current.scrollContainerRef.current;
|
|
1640
1643
|
if (e) {
|
|
1641
1644
|
let t = e.getBoundingClientRect(), n = u.current, r = e.scrollLeft;
|
|
1642
|
-
n.x < t.left +
|
|
1645
|
+
n.x < t.left + ht ? r = Math.max(e.scrollLeft - gt, 0) : n.x > t.right - ht && (r = e.scrollLeft + gt), r !== e.scrollLeft && e.scrollTo({
|
|
1643
1646
|
left: r,
|
|
1644
1647
|
behavior: "auto"
|
|
1645
1648
|
});
|
|
@@ -1650,7 +1653,7 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1650
1653
|
d.current !== null && (cancelAnimationFrame(d.current), d.current = null), document.body.style.cursor = "", h(), v();
|
|
1651
1654
|
let t = c.current, r = l.current;
|
|
1652
1655
|
if (c.current = null, l.current = null, !e || !t || !r) return;
|
|
1653
|
-
let { columns: i, applyColumnOrderAndPin: a } = n.current, o =
|
|
1656
|
+
let { columns: i, applyColumnOrderAndPin: a } = n.current, o = mt(i, t, r.pane, r.slot);
|
|
1654
1657
|
o && a(o, new Map([[t, r.pane === "center" ? void 0 : r.pane]]));
|
|
1655
1658
|
}, [h, v]), C = t((e, t) => {
|
|
1656
1659
|
if (!n.current.enabled || t.button !== 0) return;
|
|
@@ -1696,10 +1699,10 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1696
1699
|
centerIndicatorRef: a,
|
|
1697
1700
|
rightIndicatorRef: o
|
|
1698
1701
|
};
|
|
1699
|
-
},
|
|
1702
|
+
}, Ct = (e, t) => {
|
|
1700
1703
|
let { heights: n, prefix: r, rowCount: i } = e, a = Math.max(t, 0);
|
|
1701
1704
|
for (let e = a; e < i; e += 1) r[e + 1] = r[e] + n[e];
|
|
1702
|
-
},
|
|
1705
|
+
}, wt = (e, t, n, r) => {
|
|
1703
1706
|
let i = r ?? /* @__PURE__ */ new Map(), a = Math.max(e, 0), o = new Float64Array(a);
|
|
1704
1707
|
for (let e = 0; e < a; e += 1) {
|
|
1705
1708
|
let r = i.get(n(e));
|
|
@@ -1712,8 +1715,8 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1712
1715
|
prefix: new Float64Array(a + 1),
|
|
1713
1716
|
measured: i
|
|
1714
1717
|
};
|
|
1715
|
-
return
|
|
1716
|
-
},
|
|
1718
|
+
return Ct(s, 0), s;
|
|
1719
|
+
}, Tt = (e, t, n, r) => t < 0 || t >= e.rowCount || (e.measured.set(n, r), e.heights[t] === r) ? !1 : (e.heights[t] = r, !0), K = (e, t, n) => {
|
|
1717
1720
|
if (t <= 0 || n <= 0) return 0;
|
|
1718
1721
|
if (n >= e[t]) return t - 1;
|
|
1719
1722
|
let r = 0, i = t;
|
|
@@ -1729,10 +1732,10 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1729
1732
|
rowTop: (e) => t[Math.min(Math.max(e, 0), n)],
|
|
1730
1733
|
rowsHeight: (e, r) => t[Math.min(Math.max(r + 1, 0), n)] - t[Math.min(Math.max(e, 0), n)],
|
|
1731
1734
|
totalBodyHeight: t[n],
|
|
1732
|
-
rowAtContentY: (e) =>
|
|
1735
|
+
rowAtContentY: (e) => K(t, n, e)
|
|
1733
1736
|
};
|
|
1734
|
-
}, Dt = 21, Ot = 4, kt = 141, At = 13,
|
|
1735
|
-
let t =
|
|
1737
|
+
}, Dt = 21, Ot = 4, kt = 141, At = 13, jt = 600, Mt = 60, Nt = 1e3, Pt = 16, Ft = null, It = () => Ft || (typeof document > "u" ? null : (Ft = document.createElement("canvas").getContext("2d"), Ft)), q = "system-ui, sans-serif", Lt = (e) => {
|
|
1738
|
+
let t = q, n = 13, r = "400";
|
|
1736
1739
|
if (e && typeof window < "u") {
|
|
1737
1740
|
let i = window.getComputedStyle(e);
|
|
1738
1741
|
i.fontFamily && (t = i.fontFamily);
|
|
@@ -1741,9 +1744,9 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1741
1744
|
}
|
|
1742
1745
|
return {
|
|
1743
1746
|
cellFont: `${r} ${n}px ${t}`,
|
|
1744
|
-
headerFont: `${
|
|
1747
|
+
headerFont: `${jt} ${At}px ${t}`
|
|
1745
1748
|
};
|
|
1746
|
-
}, Rt = (e, t, n) => Math.min(Math.max(e, t), n), zt = (e) => e >= 4352 && e <= 4447 || e >= 11904 && e <= 12350 || e >= 12353 && e <= 13311 || e >= 13312 && e <= 19903 || e >= 19968 && e <= 40959 || e >= 40960 && e <= 42191 || e >= 44032 && e <= 55203 || e >= 63744 && e <= 64255 || e >= 65072 && e <= 65103 || e >= 65280 && e <= 65376 || e >= 65504 && e <= 65510 || e >= 127744 && e <= 129791 || e >= 131072 && e <= 262141,
|
|
1749
|
+
}, Rt = (e, t, n) => Math.min(Math.max(e, t), n), zt = (e) => e >= 4352 && e <= 4447 || e >= 11904 && e <= 12350 || e >= 12353 && e <= 13311 || e >= 13312 && e <= 19903 || e >= 19968 && e <= 40959 || e >= 40960 && e <= 42191 || e >= 44032 && e <= 55203 || e >= 63744 && e <= 64255 || e >= 65072 && e <= 65103 || e >= 65280 && e <= 65376 || e >= 65504 && e <= 65510 || e >= 127744 && e <= 129791 || e >= 131072 && e <= 262141, Bt = (e) => {
|
|
1747
1750
|
let t = 0;
|
|
1748
1751
|
for (let n of e) {
|
|
1749
1752
|
let e = n.codePointAt(0) ?? 0;
|
|
@@ -1751,7 +1754,7 @@ var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0
|
|
|
1751
1754
|
}
|
|
1752
1755
|
return t;
|
|
1753
1756
|
};
|
|
1754
|
-
function
|
|
1757
|
+
function Vt(e) {
|
|
1755
1758
|
let t = e.map(() => []), n = e.map(() => []), r = e.map(() => Infinity);
|
|
1756
1759
|
return {
|
|
1757
1760
|
collect: (i) => {
|
|
@@ -1759,27 +1762,27 @@ function Bt(e) {
|
|
|
1759
1762
|
let o = String(j(i, e[a]) ?? "");
|
|
1760
1763
|
if (o === "") continue;
|
|
1761
1764
|
let s = t[a], c = n[a];
|
|
1762
|
-
if (s.length ===
|
|
1763
|
-
let l =
|
|
1764
|
-
if (s.length <
|
|
1765
|
-
if (s.push(o), c.push(l), s.length ===
|
|
1765
|
+
if (s.length === Pt && 2 * o.length <= r[a]) continue;
|
|
1766
|
+
let l = Bt(o);
|
|
1767
|
+
if (s.length < Pt) {
|
|
1768
|
+
if (s.push(o), c.push(l), s.length === Pt) {
|
|
1766
1769
|
let e = c[0];
|
|
1767
|
-
for (let t = 1; t <
|
|
1770
|
+
for (let t = 1; t < Pt; t += 1) c[t] < e && (e = c[t]);
|
|
1768
1771
|
r[a] = e;
|
|
1769
1772
|
}
|
|
1770
1773
|
continue;
|
|
1771
1774
|
}
|
|
1772
1775
|
if (l <= r[a]) continue;
|
|
1773
1776
|
let u = 0;
|
|
1774
|
-
for (let e = 1; e <
|
|
1777
|
+
for (let e = 1; e < Pt; e += 1) c[e] < c[u] && (u = e);
|
|
1775
1778
|
s[u] = o, c[u] = l;
|
|
1776
1779
|
let d = c[0];
|
|
1777
|
-
for (let e = 1; e <
|
|
1780
|
+
for (let e = 1; e < Pt; e += 1) c[e] < d && (d = c[e]);
|
|
1778
1781
|
r[a] = d;
|
|
1779
1782
|
}
|
|
1780
1783
|
},
|
|
1781
1784
|
finalize: ({ gridRoot: n, currentWidths: r }) => {
|
|
1782
|
-
let i =
|
|
1785
|
+
let i = It();
|
|
1783
1786
|
if (!i || e.length === 0) return {};
|
|
1784
1787
|
let { cellFont: a, headerFont: o } = Lt(n), s = {};
|
|
1785
1788
|
for (let n = 0; n < e.length; n += 1) {
|
|
@@ -1792,19 +1795,19 @@ function Bt(e) {
|
|
|
1792
1795
|
let t = i.measureText(f[e]).width;
|
|
1793
1796
|
t > d && (d = t);
|
|
1794
1797
|
}
|
|
1795
|
-
let p = d > 0 ? d + Ot + Dt : 0, m = Math.ceil(Rt(Math.max(u, p), c.minWidth ??
|
|
1798
|
+
let p = d > 0 ? d + Ot + Dt : 0, m = Math.ceil(Rt(Math.max(u, p), c.minWidth ?? Mt, c.maxWidth ?? Nt));
|
|
1796
1799
|
r[c.key] !== m && (s[c.key] = m);
|
|
1797
1800
|
}
|
|
1798
1801
|
return s;
|
|
1799
1802
|
}
|
|
1800
1803
|
};
|
|
1801
1804
|
}
|
|
1802
|
-
function
|
|
1803
|
-
return
|
|
1805
|
+
function Ht() {
|
|
1806
|
+
return It() !== null;
|
|
1804
1807
|
}
|
|
1805
1808
|
//#endregion
|
|
1806
1809
|
//#region src/components/spreadsheet-grid/utils/scheduler.ts
|
|
1807
|
-
var
|
|
1810
|
+
var Ut = () => new Promise((e) => {
|
|
1808
1811
|
if (typeof MessageChannel > "u") {
|
|
1809
1812
|
setTimeout(e, 0);
|
|
1810
1813
|
return;
|
|
@@ -1813,7 +1816,7 @@ var Ht = () => new Promise((e) => {
|
|
|
1813
1816
|
t.port1.onmessage = () => {
|
|
1814
1817
|
t.port1.close(), e();
|
|
1815
1818
|
}, t.port2.postMessage(null);
|
|
1816
|
-
}),
|
|
1819
|
+
}), Wt = 10, Gt = 180, J = () => typeof performance < "u" ? performance.now() : Date.now(), Kt = ({ rowModelRef: e, gridRootRef: n, columnWidthsRef: i, dispatch: a }) => {
|
|
1817
1820
|
let [o, l] = c(!1), u = s(0), d = s(null), f = () => {
|
|
1818
1821
|
d.current !== null && (clearTimeout(d.current), d.current = null);
|
|
1819
1822
|
};
|
|
@@ -1822,22 +1825,22 @@ var Ht = () => new Promise((e) => {
|
|
|
1822
1825
|
}, []), {
|
|
1823
1826
|
isAutosizing: o,
|
|
1824
1827
|
runAutosize: t(async (t) => {
|
|
1825
|
-
if (t.length === 0 || !
|
|
1828
|
+
if (t.length === 0 || !Ht()) return;
|
|
1826
1829
|
let r = u.current += 1;
|
|
1827
1830
|
f();
|
|
1828
|
-
let o = e.current, s = o.getRowCount(), c = n.current, p = i.current, m =
|
|
1831
|
+
let o = e.current, s = o.getRowCount(), c = n.current, p = i.current, m = Vt(t);
|
|
1829
1832
|
d.current = setTimeout(() => {
|
|
1830
1833
|
u.current === r && l(!0);
|
|
1831
|
-
},
|
|
1834
|
+
}, Gt);
|
|
1832
1835
|
try {
|
|
1833
1836
|
let t = 0;
|
|
1834
1837
|
for (; t < s;) {
|
|
1835
|
-
let n =
|
|
1836
|
-
for (; t < s &&
|
|
1838
|
+
let n = J();
|
|
1839
|
+
for (; t < s && J() - n < Wt;) {
|
|
1837
1840
|
let e = o.getRow(t);
|
|
1838
1841
|
e && m.collect(e), t += 1;
|
|
1839
1842
|
}
|
|
1840
|
-
if (t < s && (await
|
|
1843
|
+
if (t < s && (await Ut(), u.current !== r || e.current !== o)) return;
|
|
1841
1844
|
}
|
|
1842
1845
|
let n = m.finalize({
|
|
1843
1846
|
gridRoot: c,
|
|
@@ -1854,7 +1857,7 @@ var Ht = () => new Promise((e) => {
|
|
|
1854
1857
|
e
|
|
1855
1858
|
])
|
|
1856
1859
|
};
|
|
1857
|
-
},
|
|
1860
|
+
}, qt = () => {
|
|
1858
1861
|
let e = /* @__PURE__ */ new Set(), t = [];
|
|
1859
1862
|
return {
|
|
1860
1863
|
collect(n) {
|
|
@@ -1865,22 +1868,22 @@ var Ht = () => new Promise((e) => {
|
|
|
1865
1868
|
}));
|
|
1866
1869
|
},
|
|
1867
1870
|
finalize() {
|
|
1868
|
-
return t.sort((e, t) =>
|
|
1871
|
+
return t.sort((e, t) => qe.compare(e.label, t.label));
|
|
1869
1872
|
}
|
|
1870
1873
|
};
|
|
1871
|
-
},
|
|
1872
|
-
let n =
|
|
1874
|
+
}, Jt = (e, t) => {
|
|
1875
|
+
let n = qt();
|
|
1873
1876
|
for (let r = 0; r < e; r += 1) n.collect(t(r));
|
|
1874
1877
|
return n.finalize();
|
|
1875
|
-
},
|
|
1878
|
+
}, Yt = 10, Xt = () => typeof performance < "u" ? performance.now() : Date.now(), Zt = [], Y = /* @__PURE__ */ new Set(), Qt = {
|
|
1876
1879
|
status: "idle",
|
|
1877
|
-
options:
|
|
1878
|
-
allValues:
|
|
1880
|
+
options: Zt,
|
|
1881
|
+
allValues: Y,
|
|
1879
1882
|
progress: 0
|
|
1880
1883
|
}, $t = {
|
|
1881
1884
|
status: "collecting",
|
|
1882
|
-
options:
|
|
1883
|
-
allValues:
|
|
1885
|
+
options: Zt,
|
|
1886
|
+
allValues: Y,
|
|
1884
1887
|
progress: 0
|
|
1885
1888
|
}, en = (e) => new Set(e.map((e) => e.value)), tn = {
|
|
1886
1889
|
source: null,
|
|
@@ -1899,7 +1902,7 @@ var Ht = () => new Promise((e) => {
|
|
|
1899
1902
|
};
|
|
1900
1903
|
}
|
|
1901
1904
|
if (!l) {
|
|
1902
|
-
let e =
|
|
1905
|
+
let e = Jt(t, n);
|
|
1903
1906
|
return {
|
|
1904
1907
|
status: "ready",
|
|
1905
1908
|
options: e,
|
|
@@ -1918,21 +1921,21 @@ var Ht = () => new Promise((e) => {
|
|
|
1918
1921
|
]), [d, f] = c(tn);
|
|
1919
1922
|
r(() => {
|
|
1920
1923
|
if (u !== null) return;
|
|
1921
|
-
let e = n, r = t, i =
|
|
1924
|
+
let e = n, r = t, i = qt(), a = !1;
|
|
1922
1925
|
return (async () => {
|
|
1923
1926
|
let t = 0;
|
|
1924
1927
|
for (; t < r;) {
|
|
1925
|
-
let n =
|
|
1926
|
-
for (; t < r &&
|
|
1928
|
+
let n = Xt();
|
|
1929
|
+
for (; t < r && Xt() - n < Yt;) i.collect(e(t)), t += 1;
|
|
1927
1930
|
if (t < r) {
|
|
1928
|
-
if (await
|
|
1931
|
+
if (await Ut(), a) return;
|
|
1929
1932
|
f({
|
|
1930
1933
|
source: e,
|
|
1931
1934
|
rowCount: r,
|
|
1932
1935
|
result: {
|
|
1933
1936
|
status: "collecting",
|
|
1934
|
-
options:
|
|
1935
|
-
allValues:
|
|
1937
|
+
options: Zt,
|
|
1938
|
+
allValues: Y,
|
|
1936
1939
|
progress: t / r
|
|
1937
1940
|
}
|
|
1938
1941
|
});
|
|
@@ -1963,7 +1966,7 @@ var Ht = () => new Promise((e) => {
|
|
|
1963
1966
|
};
|
|
1964
1967
|
//#endregion
|
|
1965
1968
|
//#region src/components/spreadsheet-grid/logic/serverSideCache.ts
|
|
1966
|
-
function
|
|
1969
|
+
function rn(e) {
|
|
1967
1970
|
let t = e.blockSize, n = e.maxBlocks, r = /* @__PURE__ */ new Map(), i = (e) => {
|
|
1968
1971
|
let t = r.get(e);
|
|
1969
1972
|
t !== void 0 && (r.delete(e), r.set(e, t));
|
|
@@ -1995,22 +1998,22 @@ function X(e) {
|
|
|
1995
1998
|
}
|
|
1996
1999
|
//#endregion
|
|
1997
2000
|
//#region src/components/spreadsheet-grid/logic/serverSideBlocks.ts
|
|
1998
|
-
function
|
|
2001
|
+
function an(e, t) {
|
|
1999
2002
|
return Math.floor(e / t);
|
|
2000
2003
|
}
|
|
2001
|
-
function
|
|
2004
|
+
function on(e, t, n, r) {
|
|
2002
2005
|
if (n <= 0 || r <= 0) return [];
|
|
2003
2006
|
let i = Math.max(0, Math.floor(e)), a = Math.min(r, Math.floor(t));
|
|
2004
2007
|
if (a <= i) return [];
|
|
2005
|
-
let o =
|
|
2008
|
+
let o = an(i, n), s = an(a - 1, n), c = [];
|
|
2006
2009
|
for (let e = o; e <= s; e += 1) c.push(e);
|
|
2007
2010
|
return c;
|
|
2008
2011
|
}
|
|
2009
2012
|
//#endregion
|
|
2010
2013
|
//#region src/components/spreadsheet-grid/hooks/useServerSideRowModel.ts
|
|
2011
|
-
var
|
|
2012
|
-
function
|
|
2013
|
-
let { dataSource: n, rowKeyGetter: i, query: o, queryKey: l, refreshToken: u } = e, d = n?.blockSize ??
|
|
2014
|
+
var sn = 100, cn = 64, ln = 120;
|
|
2015
|
+
function un(e) {
|
|
2016
|
+
let { dataSource: n, rowKeyGetter: i, query: o, queryKey: l, refreshToken: u } = e, d = n?.blockSize ?? sn, f = n?.maxCachedBlocks ?? cn, p = e.debounceMs ?? ln, [m] = c(() => rn({
|
|
2014
2017
|
blockSize: d,
|
|
2015
2018
|
maxBlocks: f
|
|
2016
2019
|
})), [h, g] = c(n?.initialRowCount ?? 0), [_, v] = c(0), y = s(h), b = s(!1), x = s(/* @__PURE__ */ new Map()), S = s(null), C = s({
|
|
@@ -2037,7 +2040,7 @@ function ln(e) {
|
|
|
2037
2040
|
n,
|
|
2038
2041
|
o
|
|
2039
2042
|
]), T = t(() => {
|
|
2040
|
-
let { start: e, end: t } = C.current, n =
|
|
2043
|
+
let { start: e, end: t } = C.current, n = on(e, t, d, y.current), r = new Set(n);
|
|
2041
2044
|
for (let [e, t] of x.current) r.has(e) || (t.abort(), x.current.delete(e));
|
|
2042
2045
|
for (let e of n) w(e);
|
|
2043
2046
|
}, [d, w]), E = t(() => {
|
|
@@ -2048,7 +2051,7 @@ function ln(e) {
|
|
|
2048
2051
|
n != null && (C.current = {
|
|
2049
2052
|
start: e,
|
|
2050
2053
|
end: t
|
|
2051
|
-
}, m.touchBlocks(
|
|
2054
|
+
}, m.touchBlocks(on(e, t, d, y.current)), E());
|
|
2052
2055
|
}, [
|
|
2053
2056
|
m,
|
|
2054
2057
|
d,
|
|
@@ -2106,7 +2109,7 @@ function ln(e) {
|
|
|
2106
2109
|
}
|
|
2107
2110
|
//#endregion
|
|
2108
2111
|
//#region src/components/spreadsheet-grid/logic/serverSideQuery.ts
|
|
2109
|
-
var
|
|
2112
|
+
var dn = (e) => {
|
|
2110
2113
|
let t = {}, n = e.globalText.trim();
|
|
2111
2114
|
n.length > 0 && (t.globalText = n);
|
|
2112
2115
|
let r = {}, i = !1;
|
|
@@ -2115,14 +2118,14 @@ var un = (e) => {
|
|
|
2115
2118
|
F(n) && (r[t] = n, i = !0);
|
|
2116
2119
|
}
|
|
2117
2120
|
return i && (t.columnFilters = r), e.sort.length > 0 && (t.sort = e.sort), t;
|
|
2118
|
-
},
|
|
2121
|
+
}, fn = (e) => {
|
|
2119
2122
|
let t = e.columnFilters ?? {}, n = Object.keys(t).sort().map((e) => [e, t[e]]), r = e.sort ?? [];
|
|
2120
2123
|
return JSON.stringify({
|
|
2121
2124
|
g: e.globalText ?? "",
|
|
2122
2125
|
s: r.map((e) => [e.columnKey, e.direction]),
|
|
2123
2126
|
c: n
|
|
2124
2127
|
});
|
|
2125
|
-
},
|
|
2128
|
+
}, pn = (e, t) => e === null ? !0 : e.mode === "include" ? e.values.has(t) : !e.values.has(t), X = 28;
|
|
2126
2129
|
function mn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i, onSelectAllChange: o, onRequestClose: p, isServerSide: m }) {
|
|
2127
2130
|
let [h, g] = c(""), _ = n(h), v = a(() => {
|
|
2128
2131
|
let t = _.trim().toLowerCase();
|
|
@@ -2130,12 +2133,12 @@ function mn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i,
|
|
|
2130
2133
|
}, [e, _]), y = _.trim().length > 0, b = s(null), x = l({
|
|
2131
2134
|
count: v.length,
|
|
2132
2135
|
getScrollElement: () => b.current,
|
|
2133
|
-
estimateSize: () =>
|
|
2136
|
+
estimateSize: () => X,
|
|
2134
2137
|
overscan: 10
|
|
2135
2138
|
}), S = a(() => {
|
|
2136
2139
|
if (t === null) return v.length;
|
|
2137
2140
|
let e = 0;
|
|
2138
|
-
for (let n of v)
|
|
2141
|
+
for (let n of v) pn(t, n.value) && (e += 1);
|
|
2139
2142
|
return e;
|
|
2140
2143
|
}, [t, v]), C = v.length > 0 && S === v.length, w = S > 0 && !C, T = t === null ? e.length : t.mode === "include" ? t.values.size : e.length - t.values.size;
|
|
2141
2144
|
return /* @__PURE__ */ f(u, { children: [
|
|
@@ -2178,7 +2181,7 @@ function mn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i,
|
|
|
2178
2181
|
children: x.getVirtualItems().map((e) => {
|
|
2179
2182
|
let n = v[e.index];
|
|
2180
2183
|
if (!n) return null;
|
|
2181
|
-
let r =
|
|
2184
|
+
let r = pn(t, n.value);
|
|
2182
2185
|
return /* @__PURE__ */ f("label", {
|
|
2183
2186
|
className: "ssg-filter-option",
|
|
2184
2187
|
style: {
|
|
@@ -2357,39 +2360,39 @@ function hn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueTex
|
|
|
2357
2360
|
}
|
|
2358
2361
|
//#endregion
|
|
2359
2362
|
//#region src/components/spreadsheet-grid/view/DefaultGridBottomBar.tsx
|
|
2360
|
-
function gn({ context: e }) {
|
|
2361
|
-
let { derivedSummary:
|
|
2363
|
+
function gn({ context: e, showCounts: t = !0 }) {
|
|
2364
|
+
let { derivedSummary: n } = e;
|
|
2362
2365
|
return /* @__PURE__ */ d("div", {
|
|
2363
2366
|
className: "ssg-bar--bottom",
|
|
2364
2367
|
children: /* @__PURE__ */ f("div", {
|
|
2365
2368
|
className: "ssg-bar-container",
|
|
2366
|
-
children: [/* @__PURE__ */ f("div", {
|
|
2369
|
+
children: [t ? /* @__PURE__ */ f("div", {
|
|
2367
2370
|
className: "ssg-bar-group",
|
|
2368
2371
|
children: [/* @__PURE__ */ d("span", {
|
|
2369
2372
|
className: "ssg-bar-chip",
|
|
2370
|
-
children:
|
|
2373
|
+
children: n.rowSummaryText
|
|
2371
2374
|
}), /* @__PURE__ */ d("span", {
|
|
2372
2375
|
className: "ssg-bar-chip",
|
|
2373
|
-
children:
|
|
2376
|
+
children: n.columnSummaryText
|
|
2374
2377
|
})]
|
|
2375
|
-
}), /* @__PURE__ */ f("div", {
|
|
2378
|
+
}) : null, /* @__PURE__ */ f("div", {
|
|
2376
2379
|
className: "ssg-bar-group",
|
|
2377
2380
|
children: [
|
|
2378
2381
|
/* @__PURE__ */ f("span", {
|
|
2379
2382
|
className: "ssg-bar-chip",
|
|
2380
|
-
children: ["Active: ",
|
|
2383
|
+
children: ["Active: ", n.activeCellLabel]
|
|
2381
2384
|
}),
|
|
2382
2385
|
/* @__PURE__ */ f("span", {
|
|
2383
2386
|
className: "ssg-bar-chip",
|
|
2384
|
-
children: ["Selection: ",
|
|
2387
|
+
children: ["Selection: ", n.selectionLabel]
|
|
2385
2388
|
}),
|
|
2386
2389
|
/* @__PURE__ */ d("span", {
|
|
2387
2390
|
className: "ssg-bar-chip",
|
|
2388
|
-
children:
|
|
2391
|
+
children: n.selectionStatsText
|
|
2389
2392
|
}),
|
|
2390
2393
|
/* @__PURE__ */ f("span", {
|
|
2391
2394
|
className: "ssg-bar-chip",
|
|
2392
|
-
children: ["Cols: ",
|
|
2395
|
+
children: ["Cols: ", n.selectionStats.selectedColumnCount]
|
|
2393
2396
|
})
|
|
2394
2397
|
]
|
|
2395
2398
|
})]
|
|
@@ -2398,37 +2401,36 @@ function gn({ context: e }) {
|
|
|
2398
2401
|
}
|
|
2399
2402
|
//#endregion
|
|
2400
2403
|
//#region src/components/spreadsheet-grid/view/DefaultGridTopBar.tsx
|
|
2401
|
-
function _n({ context: e }) {
|
|
2402
|
-
let { derivedSummary:
|
|
2404
|
+
function _n({ context: e, showSummary: t = !0, showFilter: n = !0, showCounts: r = !0 }) {
|
|
2405
|
+
let { derivedSummary: i } = e;
|
|
2403
2406
|
return /* @__PURE__ */ d("div", {
|
|
2404
2407
|
className: "ssg-bar--top",
|
|
2405
2408
|
children: /* @__PURE__ */ f("div", {
|
|
2406
2409
|
className: "ssg-bar-container",
|
|
2407
|
-
children: [/* @__PURE__ */ f("div", {
|
|
2410
|
+
children: [t ? /* @__PURE__ */ f("div", {
|
|
2408
2411
|
className: "ssg-bar-group ssg-bar-leading",
|
|
2409
2412
|
children: [
|
|
2410
2413
|
/* @__PURE__ */ d("span", {
|
|
2411
2414
|
className: "ssg-bar-title",
|
|
2412
2415
|
children: "Toolbar"
|
|
2413
2416
|
}),
|
|
2414
|
-
/* @__PURE__ */ d("span", {
|
|
2417
|
+
r ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
|
|
2415
2418
|
className: "ssg-bar-chip ssg-bar-chip--emphasis",
|
|
2416
|
-
children:
|
|
2417
|
-
}),
|
|
2418
|
-
/* @__PURE__ */ d("span", {
|
|
2419
|
+
children: i.rowSummaryText
|
|
2420
|
+
}), /* @__PURE__ */ d("span", {
|
|
2419
2421
|
className: "ssg-bar-chip ssg-bar-chip--emphasis",
|
|
2420
|
-
children:
|
|
2421
|
-
}),
|
|
2422
|
+
children: i.columnSummaryText
|
|
2423
|
+
})] }) : null,
|
|
2422
2424
|
/* @__PURE__ */ d("span", {
|
|
2423
2425
|
className: "ssg-bar-chip ssg-bar-chip--emphasis",
|
|
2424
|
-
children:
|
|
2426
|
+
children: i.filterSummaryText
|
|
2425
2427
|
}),
|
|
2426
2428
|
/* @__PURE__ */ d("span", {
|
|
2427
2429
|
className: "ssg-bar-chip ssg-bar-chip--emphasis",
|
|
2428
|
-
children:
|
|
2430
|
+
children: i.sortSummaryText
|
|
2429
2431
|
})
|
|
2430
2432
|
]
|
|
2431
|
-
}), /* @__PURE__ */ f("div", {
|
|
2433
|
+
}) : null, n ? /* @__PURE__ */ f("div", {
|
|
2432
2434
|
className: "ssg-bar-input-group",
|
|
2433
2435
|
children: [/* @__PURE__ */ d("input", {
|
|
2434
2436
|
type: "text",
|
|
@@ -2442,7 +2444,7 @@ function _n({ context: e }) {
|
|
|
2442
2444
|
className: "ssg-bar-clear-btn",
|
|
2443
2445
|
children: "クリア"
|
|
2444
2446
|
}) : null]
|
|
2445
|
-
})]
|
|
2447
|
+
}) : null]
|
|
2446
2448
|
})
|
|
2447
2449
|
});
|
|
2448
2450
|
}
|
|
@@ -2649,7 +2651,7 @@ function wn({ isActive: e, title: t, className: n, onPointerDown: r, children: i
|
|
|
2649
2651
|
children: i
|
|
2650
2652
|
});
|
|
2651
2653
|
}
|
|
2652
|
-
function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHeaderCellStyle: i, headerRowClassName: a, headerCellClassName: o, rowHeaderCellClassName: s, isCornerHovered: c, isWholeGridSelected: l, filteredRowsLength: u, visibleColumnsLength: p, renderEntries: h, hoveredColumnIndex: g, selectionSnapshot: _, columnFilterValues: v, sortState: y, iconButtonClassName: b, onCornerPointerDown: x, onCornerPointerEnter: S, onCornerPointerLeave: C, onColumnHeaderPointerDown: w, onColumnHeaderPointerEnter: T, onColumnHeaderPointerLeave: E,
|
|
2654
|
+
function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHeaderCellStyle: i, headerRowClassName: a, headerCellClassName: o, rowHeaderCellClassName: s, isCornerHovered: c, isWholeGridSelected: l, filteredRowsLength: u, visibleColumnsLength: p, renderEntries: h, hoveredColumnIndex: g, selectionSnapshot: _, columnFilterValues: v, sortState: y, iconButtonClassName: b, onCornerPointerDown: x, onCornerPointerEnter: S, onCornerPointerLeave: C, onColumnHeaderPointerDown: w, onColumnHeaderPointerEnter: T, onColumnHeaderPointerLeave: E, onColumnResizePointerDown: D, enableColumnMenu: O, openedMenuColumnKey: k, onColumnMenuButtonPointerDown: A, onColumnHeaderContextMenu: j, onColumnDragHandlePointerDown: M }) {
|
|
2653
2655
|
return /* @__PURE__ */ f("div", {
|
|
2654
2656
|
"data-pane": e,
|
|
2655
2657
|
className: m("ssg-header-row", a),
|
|
@@ -2667,12 +2669,13 @@ function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
2667
2669
|
children: "#"
|
|
2668
2670
|
}), h.map((e) => {
|
|
2669
2671
|
if (!e) return null;
|
|
2670
|
-
let t = e.logicalIndex, i = e.column, a = n + e.paneLocalStart, s = e.paneLocalSize, c = F(v[i.key]), u = _.kind === "col" && t >= _.startCol && t <= _.endCol, p = y.findIndex((e) => e.columnKey === i.key), h = p === -1 ? null : y[p], x =
|
|
2672
|
+
let t = e.logicalIndex, i = e.column, a = n + e.paneLocalStart, s = e.paneLocalSize, c = F(v[i.key]), u = _.kind === "col" && t >= _.startCol && t <= _.endCol, p = y.findIndex((e) => e.columnKey === i.key), h = p === -1 ? null : y[p], x = k === i.key, S = O;
|
|
2671
2673
|
return /* @__PURE__ */ f("div", {
|
|
2674
|
+
"data-ssg-col-key": i.key,
|
|
2672
2675
|
onPointerDown: (e) => w(t, e),
|
|
2673
2676
|
onPointerEnter: (e) => T(t, e),
|
|
2674
2677
|
onPointerLeave: () => E(t),
|
|
2675
|
-
onContextMenu: (e) =>
|
|
2678
|
+
onContextMenu: (e) => j(i, e),
|
|
2676
2679
|
className: m("ssg-header-cell", (l || u) && "ssg-header-cell--selected", g === t && "ssg-header-cell--hovered", o),
|
|
2677
2680
|
style: {
|
|
2678
2681
|
left: a,
|
|
@@ -2681,103 +2684,99 @@ function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHe
|
|
|
2681
2684
|
height: r
|
|
2682
2685
|
},
|
|
2683
2686
|
children: [
|
|
2684
|
-
|
|
2685
|
-
|
|
2686
|
-
title:
|
|
2687
|
-
|
|
2688
|
-
|
|
2689
|
-
|
|
2690
|
-
|
|
2691
|
-
|
|
2692
|
-
|
|
2693
|
-
|
|
2687
|
+
/* @__PURE__ */ d("div", {
|
|
2688
|
+
className: m("ssg-header-label", c && "ssg-header-label--filtered"),
|
|
2689
|
+
title: i.renderHeader ? void 0 : i.title || i.key,
|
|
2690
|
+
children: i.renderHeader ? i.renderHeader({
|
|
2691
|
+
colIndex: t,
|
|
2692
|
+
width: s,
|
|
2693
|
+
column: i,
|
|
2694
|
+
filterValue: v[i.key],
|
|
2695
|
+
isFiltered: c
|
|
2696
|
+
}) : i.title || i.key
|
|
2697
|
+
}),
|
|
2698
|
+
/* @__PURE__ */ f("div", {
|
|
2699
|
+
className: "ssg-header-status",
|
|
2700
|
+
children: [h && /* @__PURE__ */ f("span", {
|
|
2694
2701
|
"aria-hidden": "true",
|
|
2695
|
-
|
|
2696
|
-
|
|
2697
|
-
|
|
2698
|
-
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2703
|
-
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
|
|
2707
|
-
|
|
2708
|
-
|
|
2709
|
-
|
|
2710
|
-
|
|
2711
|
-
|
|
2712
|
-
/* @__PURE__ */ d("
|
|
2713
|
-
|
|
2714
|
-
|
|
2715
|
-
r: "1"
|
|
2716
|
-
}),
|
|
2717
|
-
/* @__PURE__ */ d("circle", {
|
|
2718
|
-
cx: "2",
|
|
2719
|
-
cy: "11",
|
|
2720
|
-
r: "1"
|
|
2721
|
-
}),
|
|
2722
|
-
/* @__PURE__ */ d("circle", {
|
|
2723
|
-
cx: "6",
|
|
2724
|
-
cy: "11",
|
|
2725
|
-
r: "1"
|
|
2726
|
-
})
|
|
2727
|
-
]
|
|
2728
|
-
})
|
|
2702
|
+
title: (h.direction === "asc" ? "昇順で並び替え中" : "降順で並び替え中") + (y.length > 1 ? ` (優先度 ${p + 1})` : ""),
|
|
2703
|
+
className: "ssg-header-sort",
|
|
2704
|
+
children: [h.direction === "asc" ? "↑" : "↓", y.length > 1 && /* @__PURE__ */ d("span", {
|
|
2705
|
+
className: "ssg-header-sort-priority",
|
|
2706
|
+
children: p + 1
|
|
2707
|
+
})]
|
|
2708
|
+
}), c && /* @__PURE__ */ d("span", {
|
|
2709
|
+
"aria-hidden": "true",
|
|
2710
|
+
title: "フィルター適用中",
|
|
2711
|
+
className: "ssg-header-filtered-mark",
|
|
2712
|
+
children: /* @__PURE__ */ d("svg", {
|
|
2713
|
+
width: "11",
|
|
2714
|
+
height: "11",
|
|
2715
|
+
viewBox: "0 0 16 16",
|
|
2716
|
+
fill: "currentColor",
|
|
2717
|
+
"aria-hidden": "true",
|
|
2718
|
+
focusable: "false",
|
|
2719
|
+
children: /* @__PURE__ */ d("path", { d: "M2 4 L14 4 L9.2 9.2 L9.2 13 L6.8 13 L6.8 9.2 Z" })
|
|
2720
|
+
})
|
|
2721
|
+
})]
|
|
2729
2722
|
}),
|
|
2730
2723
|
/* @__PURE__ */ f("div", {
|
|
2731
|
-
className: "ssg-header-
|
|
2732
|
-
children: [
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
}),
|
|
2743
|
-
h && /* @__PURE__ */ f("span", {
|
|
2724
|
+
className: "ssg-header-actions",
|
|
2725
|
+
children: [M && /* @__PURE__ */ d("span", {
|
|
2726
|
+
onPointerDown: (e) => M(i, e),
|
|
2727
|
+
title: "ドラッグで列を移動",
|
|
2728
|
+
"aria-hidden": "true",
|
|
2729
|
+
className: "ssg-header-grip",
|
|
2730
|
+
children: /* @__PURE__ */ f("svg", {
|
|
2731
|
+
width: "8",
|
|
2732
|
+
height: "14",
|
|
2733
|
+
viewBox: "0 0 8 14",
|
|
2734
|
+
fill: "currentColor",
|
|
2744
2735
|
"aria-hidden": "true",
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
|
|
2753
|
-
|
|
2754
|
-
|
|
2755
|
-
|
|
2756
|
-
|
|
2757
|
-
|
|
2758
|
-
|
|
2759
|
-
|
|
2760
|
-
|
|
2761
|
-
|
|
2762
|
-
|
|
2763
|
-
|
|
2764
|
-
|
|
2765
|
-
|
|
2766
|
-
|
|
2767
|
-
|
|
2768
|
-
|
|
2769
|
-
|
|
2770
|
-
|
|
2771
|
-
|
|
2772
|
-
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2736
|
+
focusable: "false",
|
|
2737
|
+
children: [
|
|
2738
|
+
/* @__PURE__ */ d("circle", {
|
|
2739
|
+
cx: "2",
|
|
2740
|
+
cy: "3",
|
|
2741
|
+
r: "1"
|
|
2742
|
+
}),
|
|
2743
|
+
/* @__PURE__ */ d("circle", {
|
|
2744
|
+
cx: "6",
|
|
2745
|
+
cy: "3",
|
|
2746
|
+
r: "1"
|
|
2747
|
+
}),
|
|
2748
|
+
/* @__PURE__ */ d("circle", {
|
|
2749
|
+
cx: "2",
|
|
2750
|
+
cy: "7",
|
|
2751
|
+
r: "1"
|
|
2752
|
+
}),
|
|
2753
|
+
/* @__PURE__ */ d("circle", {
|
|
2754
|
+
cx: "6",
|
|
2755
|
+
cy: "7",
|
|
2756
|
+
r: "1"
|
|
2757
|
+
}),
|
|
2758
|
+
/* @__PURE__ */ d("circle", {
|
|
2759
|
+
cx: "2",
|
|
2760
|
+
cy: "11",
|
|
2761
|
+
r: "1"
|
|
2762
|
+
}),
|
|
2763
|
+
/* @__PURE__ */ d("circle", {
|
|
2764
|
+
cx: "6",
|
|
2765
|
+
cy: "11",
|
|
2766
|
+
r: "1"
|
|
2767
|
+
})
|
|
2768
|
+
]
|
|
2776
2769
|
})
|
|
2777
|
-
|
|
2770
|
+
}), S && /* @__PURE__ */ d(wn, {
|
|
2771
|
+
title: "列メニュー",
|
|
2772
|
+
isActive: x,
|
|
2773
|
+
className: b,
|
|
2774
|
+
onPointerDown: (e) => A(i, e),
|
|
2775
|
+
children: "⋮"
|
|
2776
|
+
})]
|
|
2778
2777
|
}),
|
|
2779
2778
|
/* @__PURE__ */ d("div", {
|
|
2780
|
-
onPointerDown: (e) =>
|
|
2779
|
+
onPointerDown: (e) => D(i, e),
|
|
2781
2780
|
className: "ssg-header-resize"
|
|
2782
2781
|
})
|
|
2783
2782
|
]
|
|
@@ -2897,26 +2896,26 @@ var En = e(Tn), Dn = 200, On = 8, kn = 6, An = 289, jn = ({ visibleColumns: e, e
|
|
|
2897
2896
|
label: "右に固定"
|
|
2898
2897
|
}
|
|
2899
2898
|
], Nn = 180, Pn = 4, Fn = 8, In = "pin";
|
|
2900
|
-
function Ln({ isOpen: e, title: t, columnKey: n,
|
|
2901
|
-
let [
|
|
2899
|
+
function Ln({ isOpen: e, title: t, columnKey: n, canFilter: i, onOpenFilter: a, canSort: o, sortDirection: s, onSortChange: l, onOpenSortManager: h, pinned: g, canChangePinned: _, layout: v, popoverRef: y, onPinnedChange: b, onAutosizeColumn: x, onAutosizeAllColumns: S, onOpenColumnChooser: C, canResetColumns: w, onResetColumns: T, onRequestClose: E }) {
|
|
2900
|
+
let [D, O] = c(null);
|
|
2902
2901
|
if (r(() => {
|
|
2903
|
-
|
|
2904
|
-
}, [n, e]), !e || !
|
|
2905
|
-
let
|
|
2902
|
+
O(null);
|
|
2903
|
+
}, [n, e]), !e || !v) return null;
|
|
2904
|
+
let k = D === In, A = v.left + v.width + Pn + Nn > window.innerWidth - Fn, j = {
|
|
2906
2905
|
position: "fixed",
|
|
2907
|
-
top:
|
|
2908
|
-
left:
|
|
2909
|
-
width:
|
|
2906
|
+
top: v.top,
|
|
2907
|
+
left: v.left,
|
|
2908
|
+
width: v.width,
|
|
2910
2909
|
zIndex: 1e3
|
|
2911
|
-
},
|
|
2910
|
+
}, M = {
|
|
2912
2911
|
position: "absolute",
|
|
2913
2912
|
top: -9,
|
|
2914
|
-
...
|
|
2913
|
+
...A ? { right: `calc(100% + ${Pn}px)` } : { left: `calc(100% + ${Pn}px)` },
|
|
2915
2914
|
width: Nn,
|
|
2916
2915
|
zIndex: 1
|
|
2917
2916
|
};
|
|
2918
2917
|
return p(/* @__PURE__ */ f("div", {
|
|
2919
|
-
ref:
|
|
2918
|
+
ref: y,
|
|
2920
2919
|
onPointerDown: (e) => {
|
|
2921
2920
|
e.stopPropagation();
|
|
2922
2921
|
},
|
|
@@ -2927,54 +2926,68 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
|
|
|
2927
2926
|
e.preventDefault();
|
|
2928
2927
|
},
|
|
2929
2928
|
className: "ssg-menu-panel",
|
|
2930
|
-
style:
|
|
2929
|
+
style: j,
|
|
2931
2930
|
children: [
|
|
2932
2931
|
/* @__PURE__ */ d("div", {
|
|
2933
2932
|
className: "ssg-menu-title",
|
|
2934
2933
|
children: t
|
|
2935
2934
|
}),
|
|
2936
|
-
i && /* @__PURE__ */ f(u, { children: [
|
|
2935
|
+
i && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("button", {
|
|
2936
|
+
type: "button",
|
|
2937
|
+
onPointerEnter: () => {
|
|
2938
|
+
O(null);
|
|
2939
|
+
},
|
|
2940
|
+
onClick: () => {
|
|
2941
|
+
a();
|
|
2942
|
+
},
|
|
2943
|
+
className: "ssg-menu-item",
|
|
2944
|
+
children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
|
|
2945
|
+
className: "ssg-menu-label",
|
|
2946
|
+
children: "フィルター…"
|
|
2947
|
+
})]
|
|
2948
|
+
}), /* @__PURE__ */ d("div", { className: "ssg-menu-separator" })] }),
|
|
2949
|
+
o && /* @__PURE__ */ f(u, { children: [
|
|
2937
2950
|
/* @__PURE__ */ f("button", {
|
|
2938
2951
|
type: "button",
|
|
2939
2952
|
onPointerEnter: () => {
|
|
2940
|
-
|
|
2953
|
+
O(null);
|
|
2941
2954
|
},
|
|
2942
2955
|
onClick: () => {
|
|
2943
|
-
|
|
2956
|
+
l("asc");
|
|
2944
2957
|
},
|
|
2945
2958
|
className: "ssg-menu-item",
|
|
2946
2959
|
children: [/* @__PURE__ */ d("span", {
|
|
2947
|
-
className: m("ssg-menu-sort-icon",
|
|
2948
|
-
children:
|
|
2960
|
+
className: m("ssg-menu-sort-icon", s === "asc" && "ssg-menu-sort-icon--active"),
|
|
2961
|
+
children: s === "asc" ? "✓" : "↑"
|
|
2949
2962
|
}), /* @__PURE__ */ d("span", {
|
|
2950
|
-
className: m("ssg-menu-label",
|
|
2963
|
+
className: m("ssg-menu-label", s === "asc" && "ssg-menu-label--sorted"),
|
|
2951
2964
|
children: "昇順で並び替え"
|
|
2952
2965
|
})]
|
|
2953
2966
|
}),
|
|
2954
2967
|
/* @__PURE__ */ f("button", {
|
|
2955
2968
|
type: "button",
|
|
2956
2969
|
onPointerEnter: () => {
|
|
2957
|
-
|
|
2970
|
+
O(null);
|
|
2958
2971
|
},
|
|
2959
2972
|
onClick: () => {
|
|
2960
|
-
|
|
2973
|
+
l("desc");
|
|
2961
2974
|
},
|
|
2962
2975
|
className: "ssg-menu-item",
|
|
2963
2976
|
children: [/* @__PURE__ */ d("span", {
|
|
2964
|
-
className: m("ssg-menu-sort-icon",
|
|
2965
|
-
children:
|
|
2977
|
+
className: m("ssg-menu-sort-icon", s === "desc" && "ssg-menu-sort-icon--active"),
|
|
2978
|
+
children: s === "desc" ? "✓" : "↓"
|
|
2966
2979
|
}), /* @__PURE__ */ d("span", {
|
|
2967
|
-
className: m("ssg-menu-label",
|
|
2980
|
+
className: m("ssg-menu-label", s === "desc" && "ssg-menu-label--sorted"),
|
|
2968
2981
|
children: "降順で並び替え"
|
|
2969
2982
|
})]
|
|
2970
2983
|
}),
|
|
2971
2984
|
/* @__PURE__ */ f("button", {
|
|
2972
2985
|
type: "button",
|
|
2973
2986
|
onPointerEnter: () => {
|
|
2974
|
-
|
|
2987
|
+
O(null);
|
|
2975
2988
|
},
|
|
2976
2989
|
onClick: () => {
|
|
2977
|
-
|
|
2990
|
+
h();
|
|
2978
2991
|
},
|
|
2979
2992
|
className: "ssg-menu-item",
|
|
2980
2993
|
children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
|
|
@@ -2989,12 +3002,12 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
|
|
|
2989
3002
|
children: [/* @__PURE__ */ f("button", {
|
|
2990
3003
|
type: "button",
|
|
2991
3004
|
onPointerEnter: () => {
|
|
2992
|
-
|
|
3005
|
+
O(In);
|
|
2993
3006
|
},
|
|
2994
3007
|
onClick: () => {
|
|
2995
|
-
|
|
3008
|
+
O((e) => e === In ? null : In);
|
|
2996
3009
|
},
|
|
2997
|
-
className: m("ssg-menu-item",
|
|
3010
|
+
className: m("ssg-menu-item", k && "ssg-menu-item--active"),
|
|
2998
3011
|
children: [
|
|
2999
3012
|
/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }),
|
|
3000
3013
|
/* @__PURE__ */ d("span", {
|
|
@@ -3006,16 +3019,16 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
|
|
|
3006
3019
|
children: "›"
|
|
3007
3020
|
})
|
|
3008
3021
|
]
|
|
3009
|
-
}),
|
|
3022
|
+
}), k && /* @__PURE__ */ f("div", {
|
|
3010
3023
|
className: "ssg-menu-panel",
|
|
3011
|
-
style:
|
|
3024
|
+
style: M,
|
|
3012
3025
|
children: [Mn.map((e) => {
|
|
3013
|
-
let t =
|
|
3026
|
+
let t = g === e.value;
|
|
3014
3027
|
return /* @__PURE__ */ f("button", {
|
|
3015
3028
|
type: "button",
|
|
3016
|
-
disabled: !
|
|
3029
|
+
disabled: !_,
|
|
3017
3030
|
onClick: () => {
|
|
3018
|
-
|
|
3031
|
+
_ && b(n, e.value);
|
|
3019
3032
|
},
|
|
3020
3033
|
className: "ssg-menu-item",
|
|
3021
3034
|
children: [/* @__PURE__ */ d("span", {
|
|
@@ -3026,7 +3039,7 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
|
|
|
3026
3039
|
children: e.label
|
|
3027
3040
|
})]
|
|
3028
3041
|
}, e.label);
|
|
3029
|
-
}), !
|
|
3042
|
+
}), !_ && /* @__PURE__ */ d("div", {
|
|
3030
3043
|
className: "ssg-menu-note",
|
|
3031
3044
|
children: "onColumnsChange 未指定のため固定状態を変更できません"
|
|
3032
3045
|
})]
|
|
@@ -3035,10 +3048,10 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
|
|
|
3035
3048
|
/* @__PURE__ */ f("button", {
|
|
3036
3049
|
type: "button",
|
|
3037
3050
|
onPointerEnter: () => {
|
|
3038
|
-
|
|
3051
|
+
O(null);
|
|
3039
3052
|
},
|
|
3040
3053
|
onClick: () => {
|
|
3041
|
-
|
|
3054
|
+
x(n);
|
|
3042
3055
|
},
|
|
3043
3056
|
className: "ssg-menu-item",
|
|
3044
3057
|
children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
|
|
@@ -3049,10 +3062,10 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
|
|
|
3049
3062
|
/* @__PURE__ */ f("button", {
|
|
3050
3063
|
type: "button",
|
|
3051
3064
|
onPointerEnter: () => {
|
|
3052
|
-
|
|
3065
|
+
O(null);
|
|
3053
3066
|
},
|
|
3054
3067
|
onClick: () => {
|
|
3055
|
-
|
|
3068
|
+
S();
|
|
3056
3069
|
},
|
|
3057
3070
|
className: "ssg-menu-item",
|
|
3058
3071
|
children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
|
|
@@ -3063,10 +3076,10 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
|
|
|
3063
3076
|
/* @__PURE__ */ f("button", {
|
|
3064
3077
|
type: "button",
|
|
3065
3078
|
onPointerEnter: () => {
|
|
3066
|
-
|
|
3079
|
+
O(null);
|
|
3067
3080
|
},
|
|
3068
3081
|
onClick: () => {
|
|
3069
|
-
|
|
3082
|
+
C();
|
|
3070
3083
|
},
|
|
3071
3084
|
className: "ssg-menu-item",
|
|
3072
3085
|
children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
|
|
@@ -3076,16 +3089,16 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
|
|
|
3076
3089
|
}),
|
|
3077
3090
|
/* @__PURE__ */ f("button", {
|
|
3078
3091
|
type: "button",
|
|
3079
|
-
"aria-disabled": !
|
|
3080
|
-
tabIndex:
|
|
3081
|
-
title:
|
|
3092
|
+
"aria-disabled": !w,
|
|
3093
|
+
tabIndex: w ? 0 : -1,
|
|
3094
|
+
title: w ? "すべての列の幅・固定・表示を初期状態に戻します" : "onColumnsChange 未指定のため列をリセットできません",
|
|
3082
3095
|
onPointerEnter: () => {
|
|
3083
|
-
|
|
3096
|
+
O(null);
|
|
3084
3097
|
},
|
|
3085
3098
|
onClick: () => {
|
|
3086
|
-
|
|
3099
|
+
w && T();
|
|
3087
3100
|
},
|
|
3088
|
-
className: m("ssg-menu-item", !
|
|
3101
|
+
className: m("ssg-menu-item", !w && "ssg-menu-item--disabled"),
|
|
3089
3102
|
children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
|
|
3090
3103
|
className: "ssg-menu-label",
|
|
3091
3104
|
children: "列のリセット"
|
|
@@ -3095,7 +3108,7 @@ function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, o
|
|
|
3095
3108
|
className: "ssg-menu-footer",
|
|
3096
3109
|
children: /* @__PURE__ */ d("button", {
|
|
3097
3110
|
type: "button",
|
|
3098
|
-
onClick:
|
|
3111
|
+
onClick: E,
|
|
3099
3112
|
className: "ssg-menu-close-btn",
|
|
3100
3113
|
children: "閉じる"
|
|
3101
3114
|
})
|
|
@@ -3162,12 +3175,12 @@ var Rn = 280, zn = 8, Bn = 12, Vn = ({ enableColumnMenu: e, gridRootRef: n }) =>
|
|
|
3162
3175
|
"left",
|
|
3163
3176
|
"center",
|
|
3164
3177
|
"right"
|
|
3165
|
-
],
|
|
3178
|
+
], Gn = {
|
|
3166
3179
|
left: "左固定",
|
|
3167
3180
|
center: "固定なし",
|
|
3168
3181
|
right: "右固定"
|
|
3169
3182
|
};
|
|
3170
|
-
function
|
|
3183
|
+
function Kn(e, t, n) {
|
|
3171
3184
|
let r = e.find((e) => e.key === t);
|
|
3172
3185
|
if (!r) return null;
|
|
3173
3186
|
let i = r.pane, a = {
|
|
@@ -3187,7 +3200,7 @@ function Gn(e, t, n) {
|
|
|
3187
3200
|
...a.right
|
|
3188
3201
|
];
|
|
3189
3202
|
}
|
|
3190
|
-
function
|
|
3203
|
+
function qn({ state: e, disabled: t }) {
|
|
3191
3204
|
return /* @__PURE__ */ f("span", {
|
|
3192
3205
|
className: m("ssg-checkbox", (e === "checked" || e === "indeterminate") && "ssg-checkbox--filled", t && "ssg-checkbox--disabled"),
|
|
3193
3206
|
"aria-hidden": !0,
|
|
@@ -3206,7 +3219,7 @@ function Kn({ state: e, disabled: t }) {
|
|
|
3206
3219
|
}), e === "indeterminate" && /* @__PURE__ */ d("span", { className: "ssg-checkbox-dash" })]
|
|
3207
3220
|
});
|
|
3208
3221
|
}
|
|
3209
|
-
function
|
|
3222
|
+
function Jn({ disabled: e }) {
|
|
3210
3223
|
return /* @__PURE__ */ d("svg", {
|
|
3211
3224
|
width: "10",
|
|
3212
3225
|
height: "16",
|
|
@@ -3224,7 +3237,7 @@ function qn({ disabled: e }) {
|
|
|
3224
3237
|
}, `${t}-${e}`)))
|
|
3225
3238
|
});
|
|
3226
3239
|
}
|
|
3227
|
-
function
|
|
3240
|
+
function Yn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggleColumnVisibility: u, onShowAllColumns: h, onResetColumns: g, onReorderColumns: _, onRequestClose: v }) {
|
|
3228
3241
|
let [y, b] = c(""), x = s(null);
|
|
3229
3242
|
r(() => {
|
|
3230
3243
|
if (e) {
|
|
@@ -3277,7 +3290,7 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
|
|
|
3277
3290
|
L.current !== null && (cancelAnimationFrame(L.current), L.current = null);
|
|
3278
3291
|
let t = A, r = P;
|
|
3279
3292
|
if (M.current = !1, N.current = null, j(null), F(null), e && t !== null && r !== null) {
|
|
3280
|
-
let e =
|
|
3293
|
+
let e = Kn(n, t, r);
|
|
3281
3294
|
e && _(e);
|
|
3282
3295
|
}
|
|
3283
3296
|
}, [
|
|
@@ -3307,18 +3320,18 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
|
|
|
3307
3320
|
top: o.top,
|
|
3308
3321
|
left: o.left,
|
|
3309
3322
|
width: o.width
|
|
3310
|
-
},
|
|
3323
|
+
}, z = (e) => {
|
|
3311
3324
|
e.stopPropagation();
|
|
3312
|
-
},
|
|
3325
|
+
}, B = (e) => {
|
|
3313
3326
|
e.stopPropagation();
|
|
3314
|
-
},
|
|
3327
|
+
}, se = () => {
|
|
3315
3328
|
i && (C || h());
|
|
3316
|
-
},
|
|
3329
|
+
}, ce = A === null ? null : n.find((e) => e.key === A)?.pane ?? null, le = (e, t, n) => {
|
|
3317
3330
|
let r = e.visible && S === 1, a = !i || r, o = A === e.key;
|
|
3318
3331
|
return /* @__PURE__ */ f("div", {
|
|
3319
3332
|
"data-chooser-row": "",
|
|
3320
3333
|
"data-chooser-pane": n,
|
|
3321
|
-
className: m("ssg-chooser-row", A !== null &&
|
|
3334
|
+
className: m("ssg-chooser-row", A !== null && ce === n && P === t && "ssg-chooser-row--drop-before", o && "ssg-chooser-row--dragging"),
|
|
3322
3335
|
children: [/* @__PURE__ */ d("span", {
|
|
3323
3336
|
role: "button",
|
|
3324
3337
|
"aria-label": "ドラッグして並べ替え",
|
|
@@ -3328,7 +3341,7 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
|
|
|
3328
3341
|
onPointerUp: ae,
|
|
3329
3342
|
onPointerCancel: R,
|
|
3330
3343
|
className: m("ssg-chooser-handle", !O && "ssg-chooser-handle--disabled", o && "ssg-chooser-handle--dragging"),
|
|
3331
|
-
children: /* @__PURE__ */ d(
|
|
3344
|
+
children: /* @__PURE__ */ d(Jn, { disabled: !O })
|
|
3332
3345
|
}), /* @__PURE__ */ f("button", {
|
|
3333
3346
|
type: "button",
|
|
3334
3347
|
disabled: a,
|
|
@@ -3336,7 +3349,7 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
|
|
|
3336
3349
|
a || u(e.key, !e.visible);
|
|
3337
3350
|
},
|
|
3338
3351
|
className: "ssg-chooser-toggle",
|
|
3339
|
-
children: [/* @__PURE__ */ d(
|
|
3352
|
+
children: [/* @__PURE__ */ d(qn, {
|
|
3340
3353
|
state: e.visible ? "checked" : "unchecked",
|
|
3341
3354
|
disabled: a
|
|
3342
3355
|
}), /* @__PURE__ */ d("span", {
|
|
@@ -3348,8 +3361,8 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
|
|
|
3348
3361
|
};
|
|
3349
3362
|
return p(/* @__PURE__ */ f("div", {
|
|
3350
3363
|
ref: l,
|
|
3351
|
-
onPointerDown:
|
|
3352
|
-
onKeyDownCapture:
|
|
3364
|
+
onPointerDown: z,
|
|
3365
|
+
onKeyDownCapture: B,
|
|
3353
3366
|
onContextMenu: (e) => {
|
|
3354
3367
|
e.preventDefault();
|
|
3355
3368
|
},
|
|
@@ -3374,11 +3387,11 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
|
|
|
3374
3387
|
children: [/* @__PURE__ */ d("button", {
|
|
3375
3388
|
type: "button",
|
|
3376
3389
|
disabled: !i,
|
|
3377
|
-
onClick:
|
|
3390
|
+
onClick: se,
|
|
3378
3391
|
"aria-label": "すべての列を表示",
|
|
3379
3392
|
title: "すべての列を表示",
|
|
3380
3393
|
className: "ssg-chooser-master-btn",
|
|
3381
|
-
children: /* @__PURE__ */ d(
|
|
3394
|
+
children: /* @__PURE__ */ d(qn, {
|
|
3382
3395
|
state: w,
|
|
3383
3396
|
disabled: !i
|
|
3384
3397
|
})
|
|
@@ -3409,10 +3422,10 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
|
|
|
3409
3422
|
children: [
|
|
3410
3423
|
D && /* @__PURE__ */ d("div", {
|
|
3411
3424
|
className: "ssg-chooser-section-heading",
|
|
3412
|
-
children:
|
|
3425
|
+
children: Gn[e.pane]
|
|
3413
3426
|
}),
|
|
3414
|
-
e.items.map((t, n) =>
|
|
3415
|
-
A !== null &&
|
|
3427
|
+
e.items.map((t, n) => le(t, n, e.pane)),
|
|
3428
|
+
A !== null && ce === e.pane && P === e.items.length && /* @__PURE__ */ d("div", { className: "ssg-chooser-drop-end" })
|
|
3416
3429
|
]
|
|
3417
3430
|
}, e.pane))
|
|
3418
3431
|
}),
|
|
@@ -3437,18 +3450,18 @@ function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggl
|
|
|
3437
3450
|
}
|
|
3438
3451
|
//#endregion
|
|
3439
3452
|
//#region src/components/spreadsheet-grid/hooks/useSortManagementController.ts
|
|
3440
|
-
var
|
|
3453
|
+
var Xn = 320, Zn = 8, Z = 12, Qn = ({ enableSorting: e, gridRootRef: n }) => {
|
|
3441
3454
|
let [i, a] = c(!1), [o, l] = c(null), u = s(null), d = t(() => {
|
|
3442
3455
|
let e = n.current;
|
|
3443
3456
|
if (!e) {
|
|
3444
3457
|
l(null);
|
|
3445
3458
|
return;
|
|
3446
3459
|
}
|
|
3447
|
-
let t = e.getBoundingClientRect(), r = t.right -
|
|
3448
|
-
r = Math.max(
|
|
3460
|
+
let t = e.getBoundingClientRect(), r = t.right - Xn - Z, i = t.top + Z;
|
|
3461
|
+
r = Math.max(Zn, r), r = Math.min(r, window.innerWidth - Xn - Zn), i = Math.max(Zn, i), l((e) => e && e.top === i && e.left === r && e.width === Xn ? e : {
|
|
3449
3462
|
top: i,
|
|
3450
3463
|
left: r,
|
|
3451
|
-
width:
|
|
3464
|
+
width: Xn
|
|
3452
3465
|
});
|
|
3453
3466
|
}, [n]), f = t(() => {
|
|
3454
3467
|
e && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), n.current?.blur(), a(!0));
|
|
@@ -3493,7 +3506,7 @@ var Q = 320, Yn = 8, Xn = 12, Zn = ({ enableSorting: e, gridRootRef: n }) => {
|
|
|
3493
3506
|
};
|
|
3494
3507
|
//#endregion
|
|
3495
3508
|
//#region src/components/spreadsheet-grid/view/SortManagementPanel.tsx
|
|
3496
|
-
function
|
|
3509
|
+
function $n({ disabled: e }) {
|
|
3497
3510
|
return /* @__PURE__ */ d("svg", {
|
|
3498
3511
|
width: "10",
|
|
3499
3512
|
height: "16",
|
|
@@ -3511,7 +3524,7 @@ function Qn({ disabled: e }) {
|
|
|
3511
3524
|
}, `${t}-${e}`)))
|
|
3512
3525
|
});
|
|
3513
3526
|
}
|
|
3514
|
-
function
|
|
3527
|
+
function er({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef: u, onAddLevel: h, onChangeDirection: g, onChangeColumn: _, onRemoveLevel: v, onClearAll: y, onMove: b, onRequestClose: x }) {
|
|
3515
3528
|
let S = a(() => new Set(n.map((e) => e.columnKey)), [n]), C = a(() => i.find((e) => !S.has(e.key)) ?? null, [i, S]), w = (e) => i.find((t) => t.key === e)?.title ?? e, T = o && n.length >= 2, E = s(null), [D, O] = c(null), k = s(!1), [A, j] = c(null), M = s(0), N = t(() => {
|
|
3516
3529
|
let e = E.current;
|
|
3517
3530
|
if (!e) return;
|
|
@@ -3602,7 +3615,7 @@ function $n({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
|
|
|
3602
3615
|
onPointerUp: L,
|
|
3603
3616
|
onPointerCancel: ee,
|
|
3604
3617
|
className: m("ssg-sort-handle", !T && "ssg-sort-handle--disabled", s && "ssg-sort-handle--dragging"),
|
|
3605
|
-
children: /* @__PURE__ */ d(
|
|
3618
|
+
children: /* @__PURE__ */ d($n, { disabled: !T })
|
|
3606
3619
|
}),
|
|
3607
3620
|
/* @__PURE__ */ d("span", {
|
|
3608
3621
|
"aria-hidden": !0,
|
|
@@ -3681,72 +3694,72 @@ function $n({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef
|
|
|
3681
3694
|
}
|
|
3682
3695
|
//#endregion
|
|
3683
3696
|
//#region src/components/spreadsheet-grid/SpreadsheetGrid.tsx
|
|
3684
|
-
var
|
|
3697
|
+
var tr = (e, t) => {
|
|
3685
3698
|
let n = new Set(e);
|
|
3686
3699
|
return n.add(t), n;
|
|
3687
|
-
},
|
|
3700
|
+
}, nr = (e, t) => {
|
|
3688
3701
|
let n = new Set(e);
|
|
3689
3702
|
return n.delete(t), n;
|
|
3690
|
-
},
|
|
3703
|
+
}, rr = (e, t) => {
|
|
3691
3704
|
let n = new Set(e);
|
|
3692
3705
|
for (let e of t) n.add(e);
|
|
3693
3706
|
return n;
|
|
3694
|
-
},
|
|
3707
|
+
}, ir = (e, t) => {
|
|
3695
3708
|
let n = new Set(e);
|
|
3696
3709
|
for (let e of t) n.delete(e);
|
|
3697
3710
|
return n;
|
|
3698
|
-
},
|
|
3699
|
-
function
|
|
3700
|
-
let
|
|
3701
|
-
|
|
3702
|
-
let
|
|
3703
|
-
|
|
3711
|
+
}, ar = [], or = {}, sr = {}, cr = [], lr = 300;
|
|
3712
|
+
function ur({ rows: e = ar, dataSource: u, serverSideRefreshToken: p, columns: g, onRowsChange: _, onColumnsChange: v, rowKeyGetter: y, createRow: T, createOverflowColumn: F, rowHeight: I = 36, autoHeight: ne = !1, estimateRowHeight: ae, headerHeight: R = 40, rowHeaderWidth: oe = 56, readOnly: z = !1, canEditCell: B, enableRangeSelection: ce = !0, enableGlobalFilter: pe = !0, enableColumnFilter: he = !0, enableSorting: V = !0, enableRowHover: _e = !0, enableColumnHeaderHover: ve = !0, enableColumnMenu: ye = !0, noMatchingRowsText: be = "一致する行がありません", noRowsText: xe = "表示する行がありません", showTopBar: Te = !0, showBottomBar: Ee = !0, showTopBarSummary: De = !0, showTopBarFilter: ke = !0, showTopBarCounts: je = !0, showBottomBarCounts: Me = !0, renderTopBar: Ne, renderBottomBar: Pe, className: Fe, classNames: H, getRowClassName: Ie }) {
|
|
3713
|
+
let Le = s(null), Re = s(null), ze = s(null), Be = s(null), Ve = s(!1), We = s(null), Ge = s(null), qe = s(null), [Je, it] = c(""), [st, ct] = c(!1), [lt, mt] = c(null), [ht, gt] = c(null), U = a(() => g.filter((e) => e.visible !== !1), [g]), _t = a(() => de(U), [U]), vt = a(() => y ?? ((e, t) => t), [y]), W = u != null, yt = V, bt = he, xt = pe, [G, K] = o(x, U, b), Dt = s(G.columnWidths);
|
|
3714
|
+
Dt.current = G.columnWidths;
|
|
3715
|
+
let Ot = s(null);
|
|
3716
|
+
Ot.current === null && (Ot.current = new Map(g.map((e) => [e.key, {
|
|
3704
3717
|
width: e.width,
|
|
3705
3718
|
pinned: e.pinned,
|
|
3706
3719
|
visible: e.visible
|
|
3707
3720
|
}])));
|
|
3708
|
-
let
|
|
3709
|
-
left:
|
|
3710
|
-
center:
|
|
3711
|
-
right:
|
|
3721
|
+
let kt = a(() => E(G.selection), [G.selection]), At = a(() => fe(_t), [_t]), jt = me(At.left, G.columnWidths), Mt = me(At.center, G.columnWidths), Nt = me(At.right, G.columnWidths), Pt = a(() => ge("left", At.left, jt), [At.left, jt]), Ft = a(() => ge("center", At.center, Mt), [At.center, Mt]), It = a(() => ge("right", At.right, Nt), [At.right, Nt]), q = a(() => ({
|
|
3722
|
+
left: Pt,
|
|
3723
|
+
center: Ft,
|
|
3724
|
+
right: It
|
|
3712
3725
|
}), [
|
|
3713
|
-
|
|
3714
|
-
|
|
3715
|
-
|
|
3716
|
-
]),
|
|
3717
|
-
visibleColumns:
|
|
3718
|
-
columnFilterValues:
|
|
3719
|
-
enableColumnFilter:
|
|
3720
|
-
gridRootRef:
|
|
3721
|
-
}), { columnMenuLayout:
|
|
3722
|
-
visibleColumns:
|
|
3723
|
-
enableColumnMenu:
|
|
3724
|
-
gridRootRef:
|
|
3725
|
-
}), { isColumnChooserOpen:
|
|
3726
|
-
enableColumnMenu:
|
|
3727
|
-
gridRootRef:
|
|
3728
|
-
}), { isSortManagerOpen:
|
|
3729
|
-
enableSorting:
|
|
3730
|
-
gridRootRef:
|
|
3726
|
+
Pt,
|
|
3727
|
+
Ft,
|
|
3728
|
+
It
|
|
3729
|
+
]), Lt = q.left.entries.length > 0, Rt = q.right.entries.length > 0, zt = !Lt, Bt = oe, Vt = zt ? oe : 0, Ht = Lt ? Bt + q.left.totalWidth : 0, Ut = q.right.totalWidth, Wt = Vt + q.center.totalWidth, Gt = Ht + Wt + Ut, { filterPopoverState: J, filterPopoverLayout: qt, filterPopoverRef: Jt, filterTextInputRef: Yt, filterSelectRef: Xt, isFilterPopoverOpen: Zt, openedFilterColumn: Y, openColumnFilterPopover: Qt, closeColumnFilterPopover: $t, updateFilterPopoverDraft: en } = se({
|
|
3730
|
+
visibleColumns: U,
|
|
3731
|
+
columnFilterValues: G.filters.columnFilters,
|
|
3732
|
+
enableColumnFilter: bt,
|
|
3733
|
+
gridRootRef: Le
|
|
3734
|
+
}), { columnMenuLayout: tn, columnMenuRef: rn, isColumnMenuOpen: an, openedMenuColumnKey: on, openedMenuColumn: sn, openColumnMenuFromButton: cn, openColumnMenuFromContextMenu: ln, closeColumnMenu: X } = jn({
|
|
3735
|
+
visibleColumns: U,
|
|
3736
|
+
enableColumnMenu: ye,
|
|
3737
|
+
gridRootRef: Le
|
|
3738
|
+
}), { isColumnChooserOpen: mn, columnChooserLayout: vn, columnChooserRef: yn, openColumnChooser: bn, closeColumnChooser: xn } = Vn({
|
|
3739
|
+
enableColumnMenu: ye,
|
|
3740
|
+
gridRootRef: Le
|
|
3741
|
+
}), { isSortManagerOpen: Sn, sortManagerLayout: wn, sortManagerRef: Tn, openSortManager: Dn, closeSortManager: On } = Qn({
|
|
3742
|
+
enableSorting: yt,
|
|
3743
|
+
gridRootRef: Le
|
|
3731
3744
|
});
|
|
3732
3745
|
r(() => {
|
|
3733
|
-
let e =
|
|
3734
|
-
|
|
3735
|
-
}, [
|
|
3736
|
-
let
|
|
3746
|
+
let e = U.reduce((e, t) => (e[t.key] = t.width, e), {});
|
|
3747
|
+
K(h.syncColumnWidths(e));
|
|
3748
|
+
}, [U]);
|
|
3749
|
+
let kn = G.filters.globalText, An = n(kn), Mn = G.filters.columnFilters, Nn = n(Mn), Pn = a(() => N(e.length), [e.length]), Fn = a(() => re(e, Pn, U, An), [
|
|
3737
3750
|
e,
|
|
3738
|
-
|
|
3739
|
-
|
|
3740
|
-
|
|
3741
|
-
]),
|
|
3751
|
+
Pn,
|
|
3752
|
+
U,
|
|
3753
|
+
An
|
|
3754
|
+
]), In = a(() => {
|
|
3742
3755
|
let e = [];
|
|
3743
|
-
for (let t of
|
|
3756
|
+
for (let t of U) L(Nn[t.key]) && e.push(t.key);
|
|
3744
3757
|
return e.join("\0");
|
|
3745
|
-
}, [
|
|
3758
|
+
}, [U, Nn]), Rn = a(() => {
|
|
3746
3759
|
let t = /* @__PURE__ */ new Map();
|
|
3747
|
-
if (
|
|
3748
|
-
let n = new Set(
|
|
3749
|
-
for (let i of
|
|
3760
|
+
if (In.length === 0) return t;
|
|
3761
|
+
let n = new Set(In.split("\0")), r = e.length;
|
|
3762
|
+
for (let i of U) {
|
|
3750
3763
|
if (!n.has(i.key)) continue;
|
|
3751
3764
|
let a = new Float64Array(r);
|
|
3752
3765
|
for (let t = 0; t < r; t += 1) a[t] = Number(j(e[t], i));
|
|
@@ -3755,148 +3768,148 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
3755
3768
|
return t;
|
|
3756
3769
|
}, [
|
|
3757
3770
|
e,
|
|
3758
|
-
|
|
3759
|
-
|
|
3760
|
-
]),
|
|
3761
|
-
e,
|
|
3762
|
-
On,
|
|
3763
|
-
V,
|
|
3764
|
-
Tn,
|
|
3765
|
-
An
|
|
3766
|
-
]), Nn = a(() => rt(e, Mn, V, W.sort), [
|
|
3771
|
+
U,
|
|
3772
|
+
In
|
|
3773
|
+
]), zn = a(() => ie(e, Fn, U, Nn, Rn), [
|
|
3767
3774
|
e,
|
|
3768
|
-
|
|
3769
|
-
|
|
3770
|
-
W.sort
|
|
3771
|
-
]), Pn = a(() => ({
|
|
3772
|
-
getRowCount: () => Nn.length,
|
|
3773
|
-
getRow: (t) => e[Nn[t]],
|
|
3774
|
-
getSourceIndex: (e) => Nn[e],
|
|
3775
|
-
getRowKey: (t) => lt(e[Nn[t]], Nn[t])
|
|
3776
|
-
}), [
|
|
3775
|
+
Fn,
|
|
3776
|
+
U,
|
|
3777
3777
|
Nn,
|
|
3778
|
+
Rn
|
|
3779
|
+
]), Bn = a(() => tt(e, zn, U, G.sort), [
|
|
3778
3780
|
e,
|
|
3779
|
-
|
|
3780
|
-
]), Fn = a(() => U ? un({
|
|
3781
|
-
globalText: gt ? xn : "",
|
|
3782
|
-
columnFilters: ht ? wn : or,
|
|
3783
|
-
sort: mt ? W.sort : sr
|
|
3784
|
-
}) : ar, [
|
|
3781
|
+
zn,
|
|
3785
3782
|
U,
|
|
3786
|
-
|
|
3787
|
-
|
|
3788
|
-
|
|
3789
|
-
|
|
3790
|
-
|
|
3791
|
-
|
|
3792
|
-
|
|
3783
|
+
G.sort
|
|
3784
|
+
]), Hn = a(() => ({
|
|
3785
|
+
getRowCount: () => Bn.length,
|
|
3786
|
+
getRow: (t) => e[Bn[t]],
|
|
3787
|
+
getSourceIndex: (e) => Bn[e],
|
|
3788
|
+
getRowKey: (t) => vt(e[Bn[t]], Bn[t])
|
|
3789
|
+
}), [
|
|
3790
|
+
Bn,
|
|
3791
|
+
e,
|
|
3792
|
+
vt
|
|
3793
|
+
]), Un = a(() => W ? dn({
|
|
3794
|
+
globalText: xt ? kn : "",
|
|
3795
|
+
columnFilters: bt ? Mn : sr,
|
|
3796
|
+
sort: yt ? G.sort : cr
|
|
3797
|
+
}) : or, [
|
|
3798
|
+
W,
|
|
3799
|
+
xt,
|
|
3800
|
+
kn,
|
|
3801
|
+
bt,
|
|
3802
|
+
Mn,
|
|
3803
|
+
yt,
|
|
3804
|
+
G.sort
|
|
3805
|
+
]), Wn = a(() => W ? fn(Un) : "", [W, Un]), [Gn, Kn] = c(Un), [qn, Jn] = c(Wn);
|
|
3793
3806
|
r(() => {
|
|
3794
|
-
if (!
|
|
3807
|
+
if (!W) return;
|
|
3795
3808
|
let e = setTimeout(() => {
|
|
3796
|
-
|
|
3797
|
-
},
|
|
3809
|
+
Kn(Un), Jn(Wn);
|
|
3810
|
+
}, lr);
|
|
3798
3811
|
return () => clearTimeout(e);
|
|
3799
3812
|
}, [
|
|
3800
|
-
|
|
3801
|
-
|
|
3802
|
-
|
|
3813
|
+
W,
|
|
3814
|
+
Wn,
|
|
3815
|
+
Un
|
|
3803
3816
|
]);
|
|
3804
|
-
let
|
|
3817
|
+
let Xn = un({
|
|
3805
3818
|
dataSource: u,
|
|
3806
|
-
rowKeyGetter:
|
|
3807
|
-
query:
|
|
3808
|
-
queryKey:
|
|
3819
|
+
rowKeyGetter: vt,
|
|
3820
|
+
query: Gn,
|
|
3821
|
+
queryKey: qn,
|
|
3809
3822
|
refreshToken: p
|
|
3810
|
-
}),
|
|
3811
|
-
|
|
3812
|
-
let { isAutosizing:
|
|
3813
|
-
rowModelRef:
|
|
3814
|
-
gridRootRef:
|
|
3815
|
-
columnWidthsRef:
|
|
3816
|
-
dispatch:
|
|
3817
|
-
}), Q = Z.getRowCount(),
|
|
3823
|
+
}), Zn = Xn.requestRange, Z = W ? Xn.rowModel : Hn, $n = s(Z);
|
|
3824
|
+
$n.current = Z;
|
|
3825
|
+
let { isAutosizing: ur, runAutosize: dr } = Kt({
|
|
3826
|
+
rowModelRef: $n,
|
|
3827
|
+
gridRootRef: Le,
|
|
3828
|
+
columnWidthsRef: Dt,
|
|
3829
|
+
dispatch: K
|
|
3830
|
+
}), Q = Z.getRowCount(), fr = a(() => {
|
|
3818
3831
|
let t = null;
|
|
3819
|
-
return () => t ??= Array.from(
|
|
3820
|
-
}, [
|
|
3832
|
+
return () => t ??= Array.from(Bn, (t) => e[t]);
|
|
3833
|
+
}, [Bn, e]), pr = a(() => le(U, G.columnWidths), [U, G.columnWidths]), [mr, hr] = c(0), [gr, _r] = c(0);
|
|
3821
3834
|
r(() => {
|
|
3822
|
-
let e =
|
|
3835
|
+
let e = We.current;
|
|
3823
3836
|
if (!e) return;
|
|
3824
|
-
|
|
3825
|
-
let t = () =>
|
|
3837
|
+
hr(e.scrollTop), _r(e.clientHeight);
|
|
3838
|
+
let t = () => hr(e.scrollTop);
|
|
3826
3839
|
e.addEventListener("scroll", t, { passive: !0 });
|
|
3827
|
-
let n = new ResizeObserver(() =>
|
|
3840
|
+
let n = new ResizeObserver(() => _r(e.clientHeight));
|
|
3828
3841
|
return n.observe(e), () => {
|
|
3829
3842
|
e.removeEventListener("scroll", t), n.disconnect();
|
|
3830
3843
|
};
|
|
3831
3844
|
}, []);
|
|
3832
|
-
let
|
|
3845
|
+
let vr = q.center.entries, yr = l({
|
|
3833
3846
|
horizontal: !0,
|
|
3834
|
-
count:
|
|
3835
|
-
getScrollElement: () =>
|
|
3836
|
-
estimateSize: (e) =>
|
|
3847
|
+
count: vr.length,
|
|
3848
|
+
getScrollElement: () => We.current,
|
|
3849
|
+
estimateSize: (e) => vr[e]?.paneLocalSize ?? vr[e]?.column.width ?? 120,
|
|
3837
3850
|
overscan: 8,
|
|
3838
3851
|
useFlushSync: !1,
|
|
3839
|
-
scrollMargin:
|
|
3840
|
-
}),
|
|
3852
|
+
scrollMargin: Ht
|
|
3853
|
+
}), br = yr.getVirtualItems(), xr = ae ?? I, Sr = a(() => U.some((e) => e.autoHeight === !0), [U]), Cr = !W && rt(ne, Sr, Q, 5e4);
|
|
3841
3854
|
r(() => {}, [
|
|
3842
3855
|
ne,
|
|
3843
|
-
|
|
3856
|
+
Sr,
|
|
3844
3857
|
Q,
|
|
3845
|
-
|
|
3858
|
+
W
|
|
3846
3859
|
]);
|
|
3847
|
-
let
|
|
3848
|
-
|
|
3860
|
+
let wr = s(/* @__PURE__ */ new Map()), [Tr, Er] = c(0), [Dr, Or] = c(0), kr = s(null), Ar = s(/* @__PURE__ */ new Set()), jr = a(() => Cr ? wt(Q, xr, Z.getRowKey, wr.current) : null, [
|
|
3861
|
+
Cr,
|
|
3849
3862
|
Q,
|
|
3850
|
-
|
|
3863
|
+
xr,
|
|
3851
3864
|
Z
|
|
3852
|
-
]), $ = a(() =>
|
|
3853
|
-
|
|
3865
|
+
]), $ = a(() => Cr && jr ? Et(jr) : at(Q, I), [
|
|
3866
|
+
Cr,
|
|
3867
|
+
jr,
|
|
3854
3868
|
Tr,
|
|
3855
|
-
yr,
|
|
3856
3869
|
Q,
|
|
3857
3870
|
I
|
|
3858
|
-
]),
|
|
3871
|
+
]), Mr = a(() => Cr ? dt({
|
|
3859
3872
|
headerHeight: R,
|
|
3860
|
-
viewportHeight:
|
|
3861
|
-
scrollTop:
|
|
3873
|
+
viewportHeight: gr,
|
|
3874
|
+
scrollTop: mr,
|
|
3862
3875
|
overscan: 20
|
|
3863
3876
|
}, $) : ut({
|
|
3864
3877
|
rowCount: Q,
|
|
3865
3878
|
rowHeight: I,
|
|
3866
3879
|
headerHeight: R,
|
|
3867
|
-
viewportHeight:
|
|
3868
|
-
scrollTop:
|
|
3880
|
+
viewportHeight: gr,
|
|
3881
|
+
scrollTop: mr,
|
|
3869
3882
|
overscan: 20,
|
|
3870
|
-
maxBodyPx:
|
|
3883
|
+
maxBodyPx: nt
|
|
3871
3884
|
}), [
|
|
3872
|
-
|
|
3885
|
+
Cr,
|
|
3873
3886
|
$,
|
|
3874
3887
|
Q,
|
|
3875
3888
|
I,
|
|
3876
3889
|
R,
|
|
3877
|
-
|
|
3878
|
-
|
|
3879
|
-
]),
|
|
3890
|
+
gr,
|
|
3891
|
+
mr
|
|
3892
|
+
]), Nr = Mr.rows, Pr = Mr.rowIndexSet, Fr = Nr.length > 0 ? Nr[0].index : 0, Ir = Nr.length > 0 ? Nr[Nr.length - 1].index : -1;
|
|
3880
3893
|
r(() => {
|
|
3881
|
-
if (!
|
|
3882
|
-
let e =
|
|
3883
|
-
e && (e.scrollTop = 0),
|
|
3884
|
-
}, [
|
|
3885
|
-
|
|
3894
|
+
if (!W) return;
|
|
3895
|
+
let e = We.current;
|
|
3896
|
+
e && (e.scrollTop = 0), hr(0);
|
|
3897
|
+
}, [W, qn]), r(() => {
|
|
3898
|
+
W && (Ir < Fr || Zn(Fr, Ir + 1));
|
|
3886
3899
|
}, [
|
|
3887
|
-
|
|
3888
|
-
|
|
3889
|
-
|
|
3890
|
-
|
|
3891
|
-
|
|
3900
|
+
W,
|
|
3901
|
+
Fr,
|
|
3902
|
+
Ir,
|
|
3903
|
+
Zn,
|
|
3904
|
+
qn
|
|
3892
3905
|
]);
|
|
3893
|
-
let
|
|
3906
|
+
let Lr = Mr.physicalBodyHeight, Rr = Mr.translateY === 0 ? void 0 : `translateY(${Mr.translateY}px)`, zr = Mr.scaleFactor, Br = Mr.windowBaseOffsetPx;
|
|
3894
3907
|
i(() => {
|
|
3895
|
-
if (!
|
|
3896
|
-
|
|
3908
|
+
if (!Cr || !jr) {
|
|
3909
|
+
kr.current?.disconnect(), kr.current = null, Ar.current.clear();
|
|
3897
3910
|
return;
|
|
3898
3911
|
}
|
|
3899
|
-
let e =
|
|
3912
|
+
let e = We.current;
|
|
3900
3913
|
if (!e) return;
|
|
3901
3914
|
let t = e.querySelectorAll("[data-autoheight-cell]");
|
|
3902
3915
|
if (t.length > 0) {
|
|
@@ -3911,15 +3924,15 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
3911
3924
|
});
|
|
3912
3925
|
let r = !1, i = Infinity;
|
|
3913
3926
|
if (n.forEach((e, t) => {
|
|
3914
|
-
|
|
3927
|
+
Tt(jr, t, Z.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
|
|
3915
3928
|
}), r) {
|
|
3916
3929
|
let t = e.scrollTop, n = $.rowAtContentY(t), r = t - $.rowTop(n);
|
|
3917
|
-
|
|
3930
|
+
Ct(jr, i), e.scrollTop = jr.prefix[n] + r, Er((e) => e + 1);
|
|
3918
3931
|
}
|
|
3919
3932
|
}
|
|
3920
|
-
let n =
|
|
3921
|
-
|
|
3922
|
-
let r =
|
|
3933
|
+
let n = kr.current ?? new ResizeObserver(() => Or((e) => e + 1));
|
|
3934
|
+
kr.current = n;
|
|
3935
|
+
let r = Ar.current, i = /* @__PURE__ */ new Set();
|
|
3923
3936
|
t.forEach((e) => {
|
|
3924
3937
|
i.add(e), r.has(e) || (n.observe(e), r.add(e));
|
|
3925
3938
|
});
|
|
@@ -3930,25 +3943,25 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
3930
3943
|
n.unobserve(e), r.delete(e);
|
|
3931
3944
|
});
|
|
3932
3945
|
}, [
|
|
3933
|
-
|
|
3934
|
-
|
|
3946
|
+
Cr,
|
|
3947
|
+
jr,
|
|
3935
3948
|
$,
|
|
3936
3949
|
Z,
|
|
3937
|
-
|
|
3938
|
-
|
|
3939
|
-
|
|
3940
|
-
|
|
3950
|
+
Nr,
|
|
3951
|
+
gr,
|
|
3952
|
+
Tr,
|
|
3953
|
+
Dr
|
|
3941
3954
|
]), r(() => {
|
|
3942
|
-
let e =
|
|
3955
|
+
let e = Ar.current;
|
|
3943
3956
|
return () => {
|
|
3944
|
-
|
|
3957
|
+
kr.current?.disconnect(), kr.current = null, e.clear();
|
|
3945
3958
|
};
|
|
3946
3959
|
}, []);
|
|
3947
|
-
let
|
|
3948
|
-
if (!
|
|
3949
|
-
let { row: e, col: t } =
|
|
3960
|
+
let Vr = a(() => br.map((e) => vr[e.index]).filter((e) => !!e), [br, vr]), Hr = q.left.entries, Ur = q.right.entries, Wr = a(() => {
|
|
3961
|
+
if (!G.activeCell) return null;
|
|
3962
|
+
let { row: e, col: t } = G.activeCell;
|
|
3950
3963
|
if (e < 0 || e >= Q) return null;
|
|
3951
|
-
let n =
|
|
3964
|
+
let n = we(q, t);
|
|
3952
3965
|
return n ? {
|
|
3953
3966
|
pane: n.pane,
|
|
3954
3967
|
rect: {
|
|
@@ -3959,205 +3972,205 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
3959
3972
|
}
|
|
3960
3973
|
} : null;
|
|
3961
3974
|
}, [
|
|
3962
|
-
|
|
3975
|
+
G.activeCell,
|
|
3963
3976
|
Q,
|
|
3964
3977
|
q,
|
|
3965
3978
|
$
|
|
3966
|
-
]),
|
|
3979
|
+
]), Gr = a(() => Wr && Wr.pane === "center" ? Wr.rect : null, [Wr]), Kr = t((e) => Wr && Wr.pane === e ? Wr.rect : null, [Wr]), qr = t((e) => G.editingCell ? Kr(e) : null, [G.editingCell, Kr]);
|
|
3967
3980
|
pt({
|
|
3968
|
-
scrollRef:
|
|
3969
|
-
columnVirtualizer:
|
|
3970
|
-
columnMeasurements:
|
|
3971
|
-
totalScrollWidth:
|
|
3972
|
-
physicalBodyHeight:
|
|
3981
|
+
scrollRef: We,
|
|
3982
|
+
columnVirtualizer: yr,
|
|
3983
|
+
columnMeasurements: pr,
|
|
3984
|
+
totalScrollWidth: Gt,
|
|
3985
|
+
physicalBodyHeight: Lr,
|
|
3973
3986
|
headerHeight: R,
|
|
3974
|
-
leftPaneWidth:
|
|
3975
|
-
rightPaneWidth:
|
|
3976
|
-
centerLeadingWidth:
|
|
3977
|
-
activeCellRect:
|
|
3978
|
-
verticalScaleFactor:
|
|
3987
|
+
leftPaneWidth: Ht,
|
|
3988
|
+
rightPaneWidth: Ut,
|
|
3989
|
+
centerLeadingWidth: Vt,
|
|
3990
|
+
activeCellRect: Gr,
|
|
3991
|
+
verticalScaleFactor: zr
|
|
3979
3992
|
});
|
|
3980
|
-
let { updateSelectionFromPointer:
|
|
3981
|
-
gridRootRef:
|
|
3982
|
-
bodyScrollRef:
|
|
3983
|
-
scrollContainerRef:
|
|
3984
|
-
leftPaneScrollRef:
|
|
3985
|
-
rightPaneScrollRef:
|
|
3986
|
-
pointerClientRef:
|
|
3987
|
-
autoScrollFrameRef:
|
|
3988
|
-
uiState:
|
|
3989
|
-
dispatch:
|
|
3990
|
-
enableRangeSelection:
|
|
3991
|
-
enableSorting:
|
|
3992
|
-
orderedColumns:
|
|
3993
|
+
let { updateSelectionFromPointer: Jr, handleCellPointerDown: Yr, handleCellPointerEnter: Xr, handleNativeDragStart: Zr, handleRowHeaderPointerDown: Qr, handleRowHeaderPointerEnter: $r, handleColumnHeaderPointerDown: ei, handleColumnHeaderPointerEnter: ti } = ft({
|
|
3994
|
+
gridRootRef: Le,
|
|
3995
|
+
bodyScrollRef: Be,
|
|
3996
|
+
scrollContainerRef: We,
|
|
3997
|
+
leftPaneScrollRef: Ge,
|
|
3998
|
+
rightPaneScrollRef: qe,
|
|
3999
|
+
pointerClientRef: Re,
|
|
4000
|
+
autoScrollFrameRef: ze,
|
|
4001
|
+
uiState: G,
|
|
4002
|
+
dispatch: K,
|
|
4003
|
+
enableRangeSelection: ce,
|
|
4004
|
+
enableSorting: yt,
|
|
4005
|
+
orderedColumns: _t,
|
|
3993
4006
|
filteredRowsLength: Q,
|
|
3994
|
-
visibleColumnsLength:
|
|
4007
|
+
visibleColumnsLength: U.length,
|
|
3995
4008
|
paneLayout: q,
|
|
3996
|
-
leftLeadingWidth:
|
|
3997
|
-
centerLeadingWidth:
|
|
4009
|
+
leftLeadingWidth: Bt,
|
|
4010
|
+
centerLeadingWidth: Vt,
|
|
3998
4011
|
rightLeadingWidth: 0,
|
|
3999
4012
|
headerHeight: R,
|
|
4000
4013
|
rowMetrics: $,
|
|
4001
|
-
verticalScaleFactor:
|
|
4002
|
-
setHoveredRowIndex:
|
|
4003
|
-
setHoveredColumnIndex:
|
|
4004
|
-
enableRowHover:
|
|
4005
|
-
enableColumnHeaderHover:
|
|
4006
|
-
}), { isWholeGridSelected:
|
|
4014
|
+
verticalScaleFactor: zr,
|
|
4015
|
+
setHoveredRowIndex: mt,
|
|
4016
|
+
setHoveredColumnIndex: gt,
|
|
4017
|
+
enableRowHover: _e,
|
|
4018
|
+
enableColumnHeaderHover: ve
|
|
4019
|
+
}), { isWholeGridSelected: ni, handleCopy: ri, handlePaste: ii } = Oe({
|
|
4007
4020
|
rows: e,
|
|
4008
4021
|
rowModel: Z,
|
|
4009
|
-
visibleColumns:
|
|
4010
|
-
uiState:
|
|
4011
|
-
readOnly:
|
|
4012
|
-
canEditCell:
|
|
4022
|
+
visibleColumns: _t,
|
|
4023
|
+
uiState: G,
|
|
4024
|
+
readOnly: z,
|
|
4025
|
+
canEditCell: B,
|
|
4013
4026
|
createRow: T,
|
|
4014
4027
|
createOverflowColumn: F,
|
|
4015
4028
|
onRowsChange: _,
|
|
4016
4029
|
onColumnsChange: v,
|
|
4017
|
-
dispatch:
|
|
4018
|
-
}),
|
|
4019
|
-
if (Q === 0 ||
|
|
4030
|
+
dispatch: K
|
|
4031
|
+
}), ai = t(() => {
|
|
4032
|
+
if (Q === 0 || U.length === 0) return;
|
|
4020
4033
|
let e = {
|
|
4021
4034
|
row: 0,
|
|
4022
4035
|
col: 0
|
|
4023
4036
|
}, t = {
|
|
4024
4037
|
row: Q - 1,
|
|
4025
|
-
col:
|
|
4038
|
+
col: U.length - 1
|
|
4026
4039
|
};
|
|
4027
|
-
|
|
4040
|
+
K(h.startSelection(e)), K(h.updateSelection(t)), K(h.endSelection()), K(h.activateCell(e));
|
|
4028
4041
|
}, [
|
|
4029
|
-
|
|
4042
|
+
K,
|
|
4030
4043
|
Q,
|
|
4031
|
-
|
|
4032
|
-
]), { getMovedCell:
|
|
4033
|
-
uiState:
|
|
4044
|
+
U.length
|
|
4045
|
+
]), { getMovedCell: oi, handleKeyDown: si } = Ke({
|
|
4046
|
+
uiState: G,
|
|
4034
4047
|
rowModel: Z,
|
|
4035
|
-
visibleColumns:
|
|
4036
|
-
readOnly:
|
|
4037
|
-
canEditCell:
|
|
4038
|
-
setEditorInitialValue:
|
|
4039
|
-
dispatch:
|
|
4040
|
-
handleCopy:
|
|
4048
|
+
visibleColumns: _t,
|
|
4049
|
+
readOnly: z,
|
|
4050
|
+
canEditCell: B,
|
|
4051
|
+
setEditorInitialValue: it,
|
|
4052
|
+
dispatch: K,
|
|
4053
|
+
handleCopy: ri,
|
|
4041
4054
|
handleCellDoubleClick: t((e) => {
|
|
4042
|
-
let t = Z.getRow(e.row), n =
|
|
4055
|
+
let t = Z.getRow(e.row), n = _t[e.col];
|
|
4043
4056
|
if (!t || !n || !A({
|
|
4044
|
-
readOnly:
|
|
4045
|
-
canEditCell:
|
|
4057
|
+
readOnly: z,
|
|
4058
|
+
canEditCell: B
|
|
4046
4059
|
}, e.row, e.col, t, n)) return;
|
|
4047
4060
|
let r = j(t, n);
|
|
4048
|
-
|
|
4061
|
+
it(String(r ?? "")), K(h.startEdit(e));
|
|
4049
4062
|
}, [
|
|
4050
|
-
|
|
4051
|
-
|
|
4063
|
+
B,
|
|
4064
|
+
K,
|
|
4052
4065
|
Z,
|
|
4053
|
-
|
|
4054
|
-
|
|
4066
|
+
z,
|
|
4067
|
+
_t
|
|
4055
4068
|
]),
|
|
4056
|
-
isWholeGridSelected:
|
|
4057
|
-
selectEntireGrid:
|
|
4058
|
-
}), { startEditWithValue:
|
|
4059
|
-
uiState:
|
|
4069
|
+
isWholeGridSelected: ni,
|
|
4070
|
+
selectEntireGrid: ai
|
|
4071
|
+
}), { startEditWithValue: ci, commitEdit: li, cancelEdit: ui } = Ue({
|
|
4072
|
+
uiState: G,
|
|
4060
4073
|
rows: e,
|
|
4061
|
-
visibleColumns:
|
|
4074
|
+
visibleColumns: _t,
|
|
4062
4075
|
rowModel: Z,
|
|
4063
|
-
setEditorInitialValue:
|
|
4076
|
+
setEditorInitialValue: it,
|
|
4064
4077
|
onRowsChange: _,
|
|
4065
|
-
dispatch:
|
|
4066
|
-
getMovedCell:
|
|
4067
|
-
gridRootRef:
|
|
4068
|
-
editorActionGuardRef:
|
|
4069
|
-
}),
|
|
4070
|
-
let t = Z.getRow(e.row), n =
|
|
4078
|
+
dispatch: K,
|
|
4079
|
+
getMovedCell: oi,
|
|
4080
|
+
gridRootRef: Le,
|
|
4081
|
+
editorActionGuardRef: Ve
|
|
4082
|
+
}), di = t((e) => {
|
|
4083
|
+
let t = Z.getRow(e.row), n = _t[e.col];
|
|
4071
4084
|
if (!t || !n || !A({
|
|
4072
|
-
readOnly:
|
|
4073
|
-
canEditCell:
|
|
4085
|
+
readOnly: z,
|
|
4086
|
+
canEditCell: B
|
|
4074
4087
|
}, e.row, e.col, t, n)) return;
|
|
4075
4088
|
let r = j(t, n);
|
|
4076
|
-
|
|
4089
|
+
ci(e, String(r ?? ""));
|
|
4077
4090
|
}, [
|
|
4078
|
-
|
|
4091
|
+
B,
|
|
4079
4092
|
Z,
|
|
4080
|
-
|
|
4081
|
-
|
|
4082
|
-
|
|
4083
|
-
]),
|
|
4084
|
-
if (!
|
|
4085
|
-
if (
|
|
4086
|
-
let e = S(
|
|
4093
|
+
z,
|
|
4094
|
+
ci,
|
|
4095
|
+
_t
|
|
4096
|
+
]), fi = a(() => {
|
|
4097
|
+
if (!G.selection) return null;
|
|
4098
|
+
if (G.selection.type === "cell") {
|
|
4099
|
+
let e = S(G.selection.range);
|
|
4087
4100
|
return {
|
|
4088
|
-
extents:
|
|
4101
|
+
extents: Se(q, e.start.col, e.end.col),
|
|
4089
4102
|
startRow: e.start.row,
|
|
4090
4103
|
endRow: e.end.row
|
|
4091
4104
|
};
|
|
4092
4105
|
}
|
|
4093
|
-
if (
|
|
4094
|
-
let e = C(
|
|
4106
|
+
if (G.selection.type === "row") {
|
|
4107
|
+
let e = C(G.selection.startRow, G.selection.endRow);
|
|
4095
4108
|
return {
|
|
4096
|
-
extents:
|
|
4109
|
+
extents: Ce(q),
|
|
4097
4110
|
startRow: e.startRow,
|
|
4098
4111
|
endRow: e.endRow
|
|
4099
4112
|
};
|
|
4100
4113
|
}
|
|
4101
|
-
let e = w(
|
|
4114
|
+
let e = w(G.selection.startCol, G.selection.endCol);
|
|
4102
4115
|
return {
|
|
4103
|
-
extents:
|
|
4116
|
+
extents: Se(q, e.startCol, e.endCol),
|
|
4104
4117
|
startRow: 0,
|
|
4105
4118
|
endRow: Math.max(Q - 1, 0)
|
|
4106
4119
|
};
|
|
4107
4120
|
}, [
|
|
4108
|
-
|
|
4121
|
+
G.selection,
|
|
4109
4122
|
q,
|
|
4110
4123
|
Q
|
|
4111
|
-
]),
|
|
4112
|
-
if (!
|
|
4113
|
-
let e =
|
|
4124
|
+
]), pi = a(() => {
|
|
4125
|
+
if (!fi) return null;
|
|
4126
|
+
let e = ot(fi.startRow, fi.endRow, Fr, Ir);
|
|
4114
4127
|
return e ? {
|
|
4115
4128
|
top: $.rowTop(e.start),
|
|
4116
4129
|
height: $.rowsHeight(e.start, e.end)
|
|
4117
4130
|
} : null;
|
|
4118
4131
|
}, [
|
|
4119
|
-
|
|
4132
|
+
fi,
|
|
4120
4133
|
$,
|
|
4121
|
-
|
|
4122
|
-
|
|
4123
|
-
]),
|
|
4124
|
-
if (!
|
|
4125
|
-
let t =
|
|
4134
|
+
Fr,
|
|
4135
|
+
Ir
|
|
4136
|
+
]), mi = t((e) => {
|
|
4137
|
+
if (!fi || !pi) return null;
|
|
4138
|
+
let t = fi.extents[e];
|
|
4126
4139
|
return t ? {
|
|
4127
4140
|
left: t.start,
|
|
4128
|
-
top:
|
|
4141
|
+
top: pi.top,
|
|
4129
4142
|
width: t.width,
|
|
4130
|
-
height:
|
|
4143
|
+
height: pi.height
|
|
4131
4144
|
} : null;
|
|
4132
|
-
}, [
|
|
4133
|
-
if (e.preventDefault(), e.button === 0 && !(Q === 0 ||
|
|
4134
|
-
if (
|
|
4135
|
-
|
|
4145
|
+
}, [fi, pi]), hi = t((e) => {
|
|
4146
|
+
if (e.preventDefault(), e.button === 0 && !(Q === 0 || U.length === 0)) {
|
|
4147
|
+
if (Le.current?.focus(), ni) {
|
|
4148
|
+
K(h.clearSelection()), K(h.activateCell(null));
|
|
4136
4149
|
return;
|
|
4137
4150
|
}
|
|
4138
|
-
|
|
4151
|
+
ai();
|
|
4139
4152
|
}
|
|
4140
4153
|
}, [
|
|
4141
|
-
|
|
4154
|
+
K,
|
|
4142
4155
|
Q,
|
|
4143
|
-
|
|
4144
|
-
|
|
4145
|
-
|
|
4146
|
-
]),
|
|
4147
|
-
|
|
4148
|
-
}, []),
|
|
4149
|
-
|
|
4150
|
-
}, []),
|
|
4151
|
-
|
|
4152
|
-
}, []),
|
|
4153
|
-
|
|
4154
|
-
}, []),
|
|
4155
|
-
t.preventDefault(), t.stopPropagation(),
|
|
4156
|
-
}, [
|
|
4156
|
+
ni,
|
|
4157
|
+
ai,
|
|
4158
|
+
U.length
|
|
4159
|
+
]), gi = t((e) => {
|
|
4160
|
+
mt((t) => t === e ? null : t);
|
|
4161
|
+
}, []), _i = t((e) => {
|
|
4162
|
+
gt((t) => t === e ? null : t);
|
|
4163
|
+
}, []), vi = t(() => {
|
|
4164
|
+
ct(!0);
|
|
4165
|
+
}, []), yi = t(() => {
|
|
4166
|
+
ct(!1);
|
|
4167
|
+
}, []), bi = t((e, t) => {
|
|
4168
|
+
t.preventDefault(), t.stopPropagation(), K(h.startColumnResize(e.key, t.clientX, Dt.current[e.key] ?? e.width, e.minWidth ?? 60, e.maxWidth ?? 1e3));
|
|
4169
|
+
}, [K]), xi = t((e, t) => {
|
|
4157
4170
|
if (X(), !v) return;
|
|
4158
4171
|
let n = g.find((t) => t.key === e);
|
|
4159
4172
|
n && (n.pinned ?? void 0) !== t && (v(g.map((n) => {
|
|
4160
|
-
let r =
|
|
4173
|
+
let r = Dt.current[n.key] ?? n.width;
|
|
4161
4174
|
return n.key === e ? {
|
|
4162
4175
|
...n,
|
|
4163
4176
|
width: r,
|
|
@@ -4166,43 +4179,45 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
4166
4179
|
...n,
|
|
4167
4180
|
width: r
|
|
4168
4181
|
};
|
|
4169
|
-
})),
|
|
4182
|
+
})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
|
|
4170
4183
|
}, [
|
|
4171
4184
|
X,
|
|
4172
4185
|
g,
|
|
4173
|
-
|
|
4186
|
+
K,
|
|
4174
4187
|
v
|
|
4175
|
-
]),
|
|
4188
|
+
]), Si = t((e) => {
|
|
4176
4189
|
X();
|
|
4177
|
-
let t =
|
|
4178
|
-
t &&
|
|
4190
|
+
let t = U.find((t) => t.key === e);
|
|
4191
|
+
t && dr([t]);
|
|
4179
4192
|
}, [
|
|
4180
4193
|
X,
|
|
4181
|
-
|
|
4182
|
-
|
|
4183
|
-
]),
|
|
4184
|
-
X(),
|
|
4194
|
+
dr,
|
|
4195
|
+
U
|
|
4196
|
+
]), Ci = t(() => {
|
|
4197
|
+
X(), dr(U);
|
|
4185
4198
|
}, [
|
|
4186
4199
|
X,
|
|
4187
|
-
|
|
4188
|
-
|
|
4189
|
-
]),
|
|
4200
|
+
dr,
|
|
4201
|
+
U
|
|
4202
|
+
]), wi = a(() => g.map((e) => ({
|
|
4190
4203
|
key: e.key,
|
|
4191
4204
|
title: e.title ?? e.key,
|
|
4192
4205
|
visible: e.visible !== !1,
|
|
4193
|
-
pane:
|
|
4194
|
-
})), [g]),
|
|
4195
|
-
X(),
|
|
4196
|
-
}, [X,
|
|
4206
|
+
pane: ue(e)
|
|
4207
|
+
})), [g]), Ti = t(() => {
|
|
4208
|
+
X(), bn();
|
|
4209
|
+
}, [X, bn]), Ei = a(() => U.map((e) => ({
|
|
4197
4210
|
key: e.key,
|
|
4198
4211
|
title: e.title ?? e.key
|
|
4199
|
-
})), [
|
|
4200
|
-
X(),
|
|
4201
|
-
}, [X,
|
|
4212
|
+
})), [U]), Di = t(() => {
|
|
4213
|
+
X(), Dn();
|
|
4214
|
+
}, [X, Dn]), Oi = t((e) => {
|
|
4215
|
+
X(), Qt(e);
|
|
4216
|
+
}, [X, Qt]), ki = t((e, t) => {
|
|
4202
4217
|
if (!v) return;
|
|
4203
4218
|
let n = g.find((t) => t.key === e);
|
|
4204
4219
|
n && n.visible !== !1 !== t && (!t && g.filter((e) => e.visible !== !1).length <= 1 || (v(g.map((n) => {
|
|
4205
|
-
let r =
|
|
4220
|
+
let r = Dt.current[n.key] ?? n.width;
|
|
4206
4221
|
return n.key === e ? {
|
|
4207
4222
|
...n,
|
|
4208
4223
|
width: r,
|
|
@@ -4211,14 +4226,14 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
4211
4226
|
...n,
|
|
4212
4227
|
width: r
|
|
4213
4228
|
};
|
|
4214
|
-
})),
|
|
4229
|
+
})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null))));
|
|
4215
4230
|
}, [
|
|
4216
4231
|
g,
|
|
4217
|
-
|
|
4232
|
+
K,
|
|
4218
4233
|
v
|
|
4219
|
-
]),
|
|
4234
|
+
]), Ai = t(() => {
|
|
4220
4235
|
v && g.some((e) => e.visible === !1) && (v(g.map((e) => {
|
|
4221
|
-
let t =
|
|
4236
|
+
let t = Dt.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
|
|
4222
4237
|
return !n && !r ? e : r ? {
|
|
4223
4238
|
...e,
|
|
4224
4239
|
width: t,
|
|
@@ -4227,17 +4242,17 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
4227
4242
|
...e,
|
|
4228
4243
|
width: t
|
|
4229
4244
|
};
|
|
4230
|
-
})),
|
|
4245
|
+
})), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
|
|
4231
4246
|
}, [
|
|
4232
4247
|
g,
|
|
4233
|
-
|
|
4248
|
+
K,
|
|
4234
4249
|
v
|
|
4235
|
-
]),
|
|
4250
|
+
]), ji = t((e, t) => {
|
|
4236
4251
|
if (!v || e.length !== g.length) return;
|
|
4237
4252
|
let n = new Map(g.map((e) => [e.key, e]));
|
|
4238
4253
|
if (!e.every((e) => n.has(e))) return;
|
|
4239
|
-
let r =
|
|
4240
|
-
let r = n.get(e), i =
|
|
4254
|
+
let r = de(e.map((e) => {
|
|
4255
|
+
let r = n.get(e), i = Dt.current[r.key] ?? r.width, a = t?.has(e) ? t.get(e) : r.pinned, o = i !== r.width, s = (r.pinned ?? void 0) !== (a ?? void 0);
|
|
4241
4256
|
return o || s ? {
|
|
4242
4257
|
...r,
|
|
4243
4258
|
width: i,
|
|
@@ -4247,41 +4262,41 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
4247
4262
|
r.length === g.length && r.every((e, t) => {
|
|
4248
4263
|
let n = g[t];
|
|
4249
4264
|
return !!n && n.key === e.key && n.width === e.width && (n.pinned ?? void 0) === (e.pinned ?? void 0);
|
|
4250
|
-
}) || (v(r),
|
|
4265
|
+
}) || (v(r), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
|
|
4251
4266
|
}, [
|
|
4252
4267
|
g,
|
|
4253
|
-
|
|
4268
|
+
K,
|
|
4254
4269
|
v
|
|
4255
|
-
]),
|
|
4256
|
-
|
|
4257
|
-
}, [
|
|
4270
|
+
]), Mi = t((e) => {
|
|
4271
|
+
ji(e);
|
|
4272
|
+
}, [ji]), { onColumnDragHandlePointerDown: Ni, leftIndicatorRef: Pi, centerIndicatorRef: Fi, rightIndicatorRef: Ii } = St({
|
|
4258
4273
|
enabled: !!v,
|
|
4259
4274
|
columns: g,
|
|
4260
4275
|
paneLayout: q,
|
|
4261
|
-
leftPaneScrollRef:
|
|
4262
|
-
rightPaneScrollRef:
|
|
4263
|
-
bodyScrollRef:
|
|
4264
|
-
scrollContainerRef:
|
|
4265
|
-
leftLeadingWidth:
|
|
4266
|
-
centerLeadingWidth:
|
|
4276
|
+
leftPaneScrollRef: Ge,
|
|
4277
|
+
rightPaneScrollRef: qe,
|
|
4278
|
+
bodyScrollRef: Be,
|
|
4279
|
+
scrollContainerRef: We,
|
|
4280
|
+
leftLeadingWidth: Bt,
|
|
4281
|
+
centerLeadingWidth: Vt,
|
|
4267
4282
|
rightLeadingWidth: 0,
|
|
4268
|
-
applyColumnOrderAndPin:
|
|
4269
|
-
}),
|
|
4283
|
+
applyColumnOrderAndPin: ji
|
|
4284
|
+
}), Li = v ? Ni : void 0, Ri = {
|
|
4270
4285
|
position: "absolute",
|
|
4271
4286
|
top: 0,
|
|
4272
|
-
height: R +
|
|
4287
|
+
height: R + Lr,
|
|
4273
4288
|
width: 2,
|
|
4274
4289
|
backgroundColor: "#2563eb",
|
|
4275
4290
|
transform: "translateX(-1px)",
|
|
4276
4291
|
pointerEvents: "none",
|
|
4277
4292
|
zIndex: 8,
|
|
4278
4293
|
display: "none"
|
|
4279
|
-
},
|
|
4294
|
+
}, zi = t(() => {
|
|
4280
4295
|
if (!v) return;
|
|
4281
|
-
let e =
|
|
4296
|
+
let e = Ot.current;
|
|
4282
4297
|
if (!e) return;
|
|
4283
4298
|
let t = !1, n = g.map((n) => {
|
|
4284
|
-
let r =
|
|
4299
|
+
let r = Dt.current[n.key] ?? n.width, i = e.get(n.key);
|
|
4285
4300
|
if (!i) return r === n.width ? n : {
|
|
4286
4301
|
...n,
|
|
4287
4302
|
width: r
|
|
@@ -4294,28 +4309,28 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
4294
4309
|
visible: i.visible
|
|
4295
4310
|
};
|
|
4296
4311
|
});
|
|
4297
|
-
t && (v(n),
|
|
4312
|
+
t && (v(n), K(h.stopEdit()), K(h.clearSelection()), K(h.activateCell(null)));
|
|
4298
4313
|
}, [
|
|
4299
4314
|
g,
|
|
4300
|
-
|
|
4315
|
+
K,
|
|
4301
4316
|
v
|
|
4302
|
-
]),
|
|
4303
|
-
X(),
|
|
4304
|
-
}, [X,
|
|
4317
|
+
]), Bi = t(() => {
|
|
4318
|
+
X(), zi();
|
|
4319
|
+
}, [X, zi]), Vi = t((t) => Y ? j(e[t], Y) : void 0, [e, Y]), { options: Hi, allValues: Ui, status: Wi, progress: Gi } = nn({
|
|
4305
4320
|
column: Y,
|
|
4306
4321
|
rowCount: e.length,
|
|
4307
|
-
getRawValueAt:
|
|
4308
|
-
}),
|
|
4309
|
-
mode:
|
|
4310
|
-
values: new Set(
|
|
4311
|
-
} : null, [
|
|
4322
|
+
getRawValueAt: Vi
|
|
4323
|
+
}), Ki = Y ? G.filters.columnFilters[Y.key] : void 0, qi = a(() => P(Ki) ? {
|
|
4324
|
+
mode: Ki.mode === "exclude" ? "exclude" : "include",
|
|
4325
|
+
values: new Set(Ki.values)
|
|
4326
|
+
} : null, [Ki]), Ji = !(Y?.filterOptions && Y.filterOptions.length > 0), Yi = t((e, t, n) => {
|
|
4312
4327
|
let r = t.mode === "include" ? t.values.size : n - t.values.size;
|
|
4313
4328
|
if (r >= n) {
|
|
4314
|
-
|
|
4329
|
+
K(h.clearColumnFilter(e));
|
|
4315
4330
|
return;
|
|
4316
4331
|
}
|
|
4317
4332
|
if (r <= 0) {
|
|
4318
|
-
|
|
4333
|
+
K(h.setColumnFilter(e, {
|
|
4319
4334
|
kind: "set",
|
|
4320
4335
|
mode: "include",
|
|
4321
4336
|
values: []
|
|
@@ -4327,102 +4342,102 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
4327
4342
|
mode: t.mode,
|
|
4328
4343
|
values: Array.from(t.values)
|
|
4329
4344
|
};
|
|
4330
|
-
|
|
4331
|
-
}, [
|
|
4345
|
+
K(h.setColumnFilter(e, i));
|
|
4346
|
+
}, [K]), Xi = t((e) => {
|
|
4332
4347
|
if (!J) return;
|
|
4333
|
-
let t =
|
|
4334
|
-
r =
|
|
4348
|
+
let t = Hi.length, n = qi, r;
|
|
4349
|
+
r = pn(n, e) ? n === null ? Ji ? {
|
|
4335
4350
|
mode: "exclude",
|
|
4336
4351
|
values: new Set([e])
|
|
4337
4352
|
} : {
|
|
4338
4353
|
mode: "include",
|
|
4339
|
-
values:
|
|
4354
|
+
values: nr(Ui, e)
|
|
4340
4355
|
} : n.mode === "include" ? {
|
|
4341
4356
|
mode: "include",
|
|
4342
|
-
values:
|
|
4357
|
+
values: nr(n.values, e)
|
|
4343
4358
|
} : {
|
|
4344
4359
|
mode: "exclude",
|
|
4345
|
-
values:
|
|
4360
|
+
values: tr(n.values, e)
|
|
4346
4361
|
} : n.mode === "include" ? {
|
|
4347
4362
|
mode: "include",
|
|
4348
|
-
values:
|
|
4363
|
+
values: tr(n.values, e)
|
|
4349
4364
|
} : {
|
|
4350
4365
|
mode: "exclude",
|
|
4351
|
-
values:
|
|
4352
|
-
},
|
|
4366
|
+
values: nr(n.values, e)
|
|
4367
|
+
}, Yi(J.columnKey, r, t);
|
|
4353
4368
|
}, [
|
|
4354
4369
|
J,
|
|
4355
|
-
|
|
4356
|
-
|
|
4357
|
-
|
|
4358
|
-
|
|
4359
|
-
|
|
4360
|
-
]),
|
|
4370
|
+
qi,
|
|
4371
|
+
Ji,
|
|
4372
|
+
Ui,
|
|
4373
|
+
Hi,
|
|
4374
|
+
Yi
|
|
4375
|
+
]), Zi = t((e, t) => {
|
|
4361
4376
|
if (!J) return;
|
|
4362
|
-
let n = J.columnKey, r =
|
|
4377
|
+
let n = J.columnKey, r = Hi.length;
|
|
4363
4378
|
if (e === "all") {
|
|
4364
|
-
t ?
|
|
4379
|
+
t ? K(h.clearColumnFilter(n)) : Yi(n, {
|
|
4365
4380
|
mode: "include",
|
|
4366
4381
|
values: /* @__PURE__ */ new Set()
|
|
4367
4382
|
}, r);
|
|
4368
4383
|
return;
|
|
4369
4384
|
}
|
|
4370
|
-
let i =
|
|
4385
|
+
let i = qi, a;
|
|
4371
4386
|
if (t) {
|
|
4372
4387
|
if (i === null) {
|
|
4373
|
-
|
|
4388
|
+
K(h.clearColumnFilter(n));
|
|
4374
4389
|
return;
|
|
4375
4390
|
}
|
|
4376
4391
|
a = i.mode === "include" ? {
|
|
4377
4392
|
mode: "include",
|
|
4378
|
-
values:
|
|
4393
|
+
values: rr(i.values, e)
|
|
4379
4394
|
} : {
|
|
4380
4395
|
mode: "exclude",
|
|
4381
|
-
values:
|
|
4396
|
+
values: ir(i.values, e)
|
|
4382
4397
|
};
|
|
4383
|
-
} else a = i === null ?
|
|
4398
|
+
} else a = i === null ? Ji ? {
|
|
4384
4399
|
mode: "exclude",
|
|
4385
4400
|
values: new Set(e)
|
|
4386
4401
|
} : {
|
|
4387
4402
|
mode: "include",
|
|
4388
|
-
values:
|
|
4403
|
+
values: ir(Ui, e)
|
|
4389
4404
|
} : i.mode === "include" ? {
|
|
4390
4405
|
mode: "include",
|
|
4391
|
-
values:
|
|
4406
|
+
values: ir(i.values, e)
|
|
4392
4407
|
} : {
|
|
4393
4408
|
mode: "exclude",
|
|
4394
|
-
values:
|
|
4409
|
+
values: rr(i.values, e)
|
|
4395
4410
|
};
|
|
4396
|
-
|
|
4411
|
+
Yi(n, a, r);
|
|
4397
4412
|
}, [
|
|
4398
4413
|
J,
|
|
4399
|
-
|
|
4400
|
-
|
|
4401
|
-
|
|
4402
|
-
Fi,
|
|
4414
|
+
qi,
|
|
4415
|
+
Ji,
|
|
4416
|
+
Ui,
|
|
4403
4417
|
Hi,
|
|
4404
|
-
|
|
4405
|
-
|
|
4406
|
-
|
|
4407
|
-
|
|
4418
|
+
Yi,
|
|
4419
|
+
K
|
|
4420
|
+
]), Qi = t(() => {
|
|
4421
|
+
J && K(h.clearColumnFilter(J.columnKey));
|
|
4422
|
+
}, [K, J]), $i = t(() => {
|
|
4408
4423
|
if (!J) return;
|
|
4409
|
-
let e =
|
|
4424
|
+
let e = U.find((e) => e.key === J.columnKey)?.filterType ?? "text";
|
|
4410
4425
|
if (e === "set") {
|
|
4411
|
-
|
|
4426
|
+
$t();
|
|
4412
4427
|
return;
|
|
4413
4428
|
}
|
|
4414
4429
|
if (e === "number") {
|
|
4415
4430
|
let e = ee(J.draftValue);
|
|
4416
4431
|
if (!e) {
|
|
4417
|
-
|
|
4432
|
+
K(h.clearColumnFilter(J.columnKey)), $t();
|
|
4418
4433
|
return;
|
|
4419
4434
|
}
|
|
4420
|
-
|
|
4435
|
+
K(h.setColumnFilter(J.columnKey, e)), $t();
|
|
4421
4436
|
return;
|
|
4422
4437
|
}
|
|
4423
4438
|
let t = e === "select" ? J.draftValue : J.draftValue.trim();
|
|
4424
4439
|
if (!t) {
|
|
4425
|
-
|
|
4440
|
+
K(h.clearColumnFilter(J.columnKey)), $t();
|
|
4426
4441
|
return;
|
|
4427
4442
|
}
|
|
4428
4443
|
let n = e === "select" ? {
|
|
@@ -4438,70 +4453,70 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
4438
4453
|
kind: "text",
|
|
4439
4454
|
value: t
|
|
4440
4455
|
};
|
|
4441
|
-
|
|
4456
|
+
K(h.setColumnFilter(J.columnKey, n)), $t();
|
|
4442
4457
|
}, [
|
|
4443
|
-
|
|
4444
|
-
|
|
4458
|
+
$t,
|
|
4459
|
+
K,
|
|
4445
4460
|
J,
|
|
4446
|
-
|
|
4447
|
-
]),
|
|
4448
|
-
J && (
|
|
4461
|
+
U
|
|
4462
|
+
]), ea = t(() => {
|
|
4463
|
+
J && (K(h.clearColumnFilter(J.columnKey)), $t());
|
|
4449
4464
|
}, [
|
|
4450
|
-
|
|
4451
|
-
|
|
4465
|
+
$t,
|
|
4466
|
+
K,
|
|
4452
4467
|
J
|
|
4453
|
-
]),
|
|
4454
|
-
if (X(), !
|
|
4455
|
-
let n =
|
|
4456
|
-
|
|
4468
|
+
]), ta = t((e, t) => {
|
|
4469
|
+
if (X(), !V) return;
|
|
4470
|
+
let n = Ye(G.sort, e, t, !1);
|
|
4471
|
+
K(n.length === 0 ? h.clearSort() : h.setSort(n));
|
|
4457
4472
|
}, [
|
|
4458
4473
|
X,
|
|
4459
|
-
|
|
4460
|
-
|
|
4461
|
-
|
|
4462
|
-
]),
|
|
4463
|
-
if (!
|
|
4464
|
-
let n =
|
|
4465
|
-
|
|
4474
|
+
K,
|
|
4475
|
+
V,
|
|
4476
|
+
G.sort
|
|
4477
|
+
]), na = t((e, t) => {
|
|
4478
|
+
if (!V) return;
|
|
4479
|
+
let n = Xe(G.sort, e, t);
|
|
4480
|
+
K(h.setSort(n));
|
|
4466
4481
|
}, [
|
|
4467
|
-
|
|
4468
|
-
|
|
4469
|
-
|
|
4470
|
-
]),
|
|
4471
|
-
if (!
|
|
4472
|
-
let n =
|
|
4473
|
-
|
|
4482
|
+
K,
|
|
4483
|
+
V,
|
|
4484
|
+
G.sort
|
|
4485
|
+
]), ra = t((e, t) => {
|
|
4486
|
+
if (!V) return;
|
|
4487
|
+
let n = Ze(G.sort, e, t);
|
|
4488
|
+
K(h.setSort(n));
|
|
4474
4489
|
}, [
|
|
4475
|
-
|
|
4476
|
-
|
|
4477
|
-
|
|
4478
|
-
]),
|
|
4479
|
-
if (!
|
|
4480
|
-
let n =
|
|
4481
|
-
|
|
4490
|
+
K,
|
|
4491
|
+
V,
|
|
4492
|
+
G.sort
|
|
4493
|
+
]), ia = t((e, t) => {
|
|
4494
|
+
if (!V) return;
|
|
4495
|
+
let n = Qe(G.sort, e, t);
|
|
4496
|
+
K(h.setSort(n));
|
|
4482
4497
|
}, [
|
|
4483
|
-
|
|
4484
|
-
|
|
4485
|
-
|
|
4486
|
-
]),
|
|
4487
|
-
if (!
|
|
4488
|
-
let t =
|
|
4489
|
-
|
|
4498
|
+
K,
|
|
4499
|
+
V,
|
|
4500
|
+
G.sort
|
|
4501
|
+
]), aa = t((e) => {
|
|
4502
|
+
if (!V) return;
|
|
4503
|
+
let t = $e(G.sort, e);
|
|
4504
|
+
K(t.length === 0 ? h.clearSort() : h.setSort(t));
|
|
4490
4505
|
}, [
|
|
4491
|
-
|
|
4492
|
-
|
|
4493
|
-
|
|
4494
|
-
]),
|
|
4495
|
-
|
|
4496
|
-
}, [
|
|
4497
|
-
if (!
|
|
4498
|
-
let n =
|
|
4499
|
-
|
|
4506
|
+
K,
|
|
4507
|
+
V,
|
|
4508
|
+
G.sort
|
|
4509
|
+
]), oa = t(() => {
|
|
4510
|
+
V && K(h.clearSort());
|
|
4511
|
+
}, [K, V]), sa = t((e, t) => {
|
|
4512
|
+
if (!V) return;
|
|
4513
|
+
let n = et(G.sort, e, t);
|
|
4514
|
+
K(h.setSort(n));
|
|
4500
4515
|
}, [
|
|
4501
|
-
|
|
4502
|
-
|
|
4503
|
-
|
|
4504
|
-
]),
|
|
4516
|
+
K,
|
|
4517
|
+
V,
|
|
4518
|
+
G.sort
|
|
4519
|
+
]), ca = t((t, n, r, i, a) => {
|
|
4505
4520
|
let o = j(t, r);
|
|
4506
4521
|
return r.renderCell ? r.renderCell({
|
|
4507
4522
|
row: t,
|
|
@@ -4523,20 +4538,20 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
4523
4538
|
Z,
|
|
4524
4539
|
_,
|
|
4525
4540
|
e
|
|
4526
|
-
]), { slotContext:
|
|
4541
|
+
]), { slotContext: la } = He({
|
|
4527
4542
|
rows: e,
|
|
4528
4543
|
viewRowCount: Q,
|
|
4529
|
-
getFilteredRows:
|
|
4544
|
+
getFilteredRows: fr,
|
|
4530
4545
|
columns: g,
|
|
4531
|
-
visibleColumns:
|
|
4532
|
-
uiState:
|
|
4546
|
+
visibleColumns: U,
|
|
4547
|
+
uiState: G,
|
|
4533
4548
|
setGlobalFilterText: t((e) => {
|
|
4534
|
-
|
|
4535
|
-
}, [
|
|
4536
|
-
}),
|
|
4549
|
+
K(h.setGlobalFilter(e));
|
|
4550
|
+
}, [K])
|
|
4551
|
+
}), ua = a(() => ({
|
|
4537
4552
|
width: oe,
|
|
4538
4553
|
minWidth: oe
|
|
4539
|
-
}), [oe]),
|
|
4554
|
+
}), [oe]), da = Q === 0, fa = (e, t, n) => ({
|
|
4540
4555
|
position: "sticky",
|
|
4541
4556
|
...e === "left" ? { left: 0 } : { right: 0 },
|
|
4542
4557
|
width: t,
|
|
@@ -4551,460 +4566,467 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
4551
4566
|
borderLeft: "1px solid #cbd5e1",
|
|
4552
4567
|
boxShadow: "-6px 0 8px -6px rgba(15, 23, 42, 0.35)"
|
|
4553
4568
|
} : {}
|
|
4554
|
-
}),
|
|
4569
|
+
}), pa = (() => {
|
|
4555
4570
|
if (!Y) return "(なし)";
|
|
4556
|
-
let e =
|
|
4571
|
+
let e = G.filters.columnFilters[Y.key];
|
|
4557
4572
|
if (P(e)) return e.mode === "exclude" ? `${e.values.length}件を除外中` : `${e.values.length}件を選択中`;
|
|
4558
4573
|
if (L(e)) return e.raw;
|
|
4559
4574
|
let t = te(e);
|
|
4560
4575
|
return t.trim() ? t : "(なし)";
|
|
4561
|
-
})(),
|
|
4576
|
+
})(), ma = Y ? /* @__PURE__ */ d(hn, {
|
|
4562
4577
|
isOpen: !!J,
|
|
4563
4578
|
title: Y.title || Y.key,
|
|
4564
4579
|
filterType: Y.filterType ?? "text",
|
|
4565
|
-
isServerSide:
|
|
4580
|
+
isServerSide: W,
|
|
4566
4581
|
draftValue: J?.draftValue ?? "",
|
|
4567
|
-
currentValueText:
|
|
4568
|
-
layout:
|
|
4569
|
-
selectOptions:
|
|
4570
|
-
setSelection:
|
|
4571
|
-
optionsStatus:
|
|
4572
|
-
optionsProgress:
|
|
4573
|
-
popoverRef:
|
|
4574
|
-
textInputRef:
|
|
4575
|
-
selectRef:
|
|
4576
|
-
onRequestClose:
|
|
4577
|
-
onDraftChange:
|
|
4578
|
-
onApply:
|
|
4579
|
-
onClear:
|
|
4580
|
-
onSetValueToggle:
|
|
4581
|
-
onSetSelectAllChange:
|
|
4582
|
-
onSetClear:
|
|
4583
|
-
}) : null,
|
|
4584
|
-
isOpen:
|
|
4585
|
-
title:
|
|
4586
|
-
columnKey:
|
|
4587
|
-
|
|
4588
|
-
|
|
4589
|
-
|
|
4590
|
-
|
|
4591
|
-
|
|
4582
|
+
currentValueText: pa,
|
|
4583
|
+
layout: qt,
|
|
4584
|
+
selectOptions: Hi,
|
|
4585
|
+
setSelection: qi,
|
|
4586
|
+
optionsStatus: Wi,
|
|
4587
|
+
optionsProgress: Gi,
|
|
4588
|
+
popoverRef: Jt,
|
|
4589
|
+
textInputRef: Yt,
|
|
4590
|
+
selectRef: Xt,
|
|
4591
|
+
onRequestClose: $t,
|
|
4592
|
+
onDraftChange: en,
|
|
4593
|
+
onApply: $i,
|
|
4594
|
+
onClear: ea,
|
|
4595
|
+
onSetValueToggle: Xi,
|
|
4596
|
+
onSetSelectAllChange: Zi,
|
|
4597
|
+
onSetClear: Qi
|
|
4598
|
+
}) : null, ha = sn ? /* @__PURE__ */ d(Ln, {
|
|
4599
|
+
isOpen: an,
|
|
4600
|
+
title: sn.title || sn.key,
|
|
4601
|
+
columnKey: sn.key,
|
|
4602
|
+
canFilter: bt && !!sn.filterType,
|
|
4603
|
+
onOpenFilter: () => Oi(sn),
|
|
4604
|
+
canSort: yt,
|
|
4605
|
+
sortDirection: G.sort.find((e) => e.columnKey === sn.key)?.direction ?? null,
|
|
4606
|
+
onSortChange: (e) => ta(sn.key, e),
|
|
4607
|
+
onOpenSortManager: Di,
|
|
4608
|
+
pinned: sn.pinned,
|
|
4592
4609
|
canChangePinned: !!v,
|
|
4593
|
-
layout:
|
|
4594
|
-
popoverRef:
|
|
4595
|
-
onPinnedChange:
|
|
4596
|
-
onAutosizeColumn:
|
|
4597
|
-
onAutosizeAllColumns:
|
|
4598
|
-
onOpenColumnChooser:
|
|
4610
|
+
layout: tn,
|
|
4611
|
+
popoverRef: rn,
|
|
4612
|
+
onPinnedChange: xi,
|
|
4613
|
+
onAutosizeColumn: Si,
|
|
4614
|
+
onAutosizeAllColumns: Ci,
|
|
4615
|
+
onOpenColumnChooser: Ti,
|
|
4599
4616
|
canResetColumns: !!v,
|
|
4600
|
-
onResetColumns:
|
|
4617
|
+
onResetColumns: Bi,
|
|
4601
4618
|
onRequestClose: X
|
|
4602
|
-
}) : null,
|
|
4603
|
-
isOpen:
|
|
4604
|
-
items:
|
|
4619
|
+
}) : null, ga = /* @__PURE__ */ d(Yn, {
|
|
4620
|
+
isOpen: mn,
|
|
4621
|
+
items: wi,
|
|
4605
4622
|
canToggle: !!v,
|
|
4606
|
-
layout:
|
|
4607
|
-
panelRef:
|
|
4608
|
-
onToggleColumnVisibility:
|
|
4609
|
-
onShowAllColumns:
|
|
4610
|
-
onResetColumns:
|
|
4611
|
-
onReorderColumns:
|
|
4612
|
-
onRequestClose:
|
|
4613
|
-
}),
|
|
4614
|
-
isOpen:
|
|
4615
|
-
entries:
|
|
4616
|
-
columns:
|
|
4617
|
-
canSort:
|
|
4618
|
-
layout:
|
|
4619
|
-
panelRef:
|
|
4620
|
-
onAddLevel:
|
|
4621
|
-
onChangeDirection:
|
|
4622
|
-
onChangeColumn:
|
|
4623
|
-
onRemoveLevel:
|
|
4624
|
-
onClearAll:
|
|
4625
|
-
onMove:
|
|
4626
|
-
onRequestClose:
|
|
4627
|
-
}),
|
|
4623
|
+
layout: vn,
|
|
4624
|
+
panelRef: yn,
|
|
4625
|
+
onToggleColumnVisibility: ki,
|
|
4626
|
+
onShowAllColumns: Ai,
|
|
4627
|
+
onResetColumns: zi,
|
|
4628
|
+
onReorderColumns: Mi,
|
|
4629
|
+
onRequestClose: xn
|
|
4630
|
+
}), _a = /* @__PURE__ */ d(er, {
|
|
4631
|
+
isOpen: Sn,
|
|
4632
|
+
entries: G.sort,
|
|
4633
|
+
columns: Ei,
|
|
4634
|
+
canSort: yt,
|
|
4635
|
+
layout: wn,
|
|
4636
|
+
panelRef: Tn,
|
|
4637
|
+
onAddLevel: na,
|
|
4638
|
+
onChangeDirection: ra,
|
|
4639
|
+
onChangeColumn: ia,
|
|
4640
|
+
onRemoveLevel: aa,
|
|
4641
|
+
onClearAll: oa,
|
|
4642
|
+
onMove: sa,
|
|
4643
|
+
onRequestClose: On
|
|
4644
|
+
}), va = Zt || an || mn || Sn, ya = De, ba = ke && xt, xa = Te ? Ae(Ne, la, ya || ba ? /* @__PURE__ */ d(_n, {
|
|
4645
|
+
context: la,
|
|
4646
|
+
showSummary: ya,
|
|
4647
|
+
showFilter: ba,
|
|
4648
|
+
showCounts: je
|
|
4649
|
+
}) : null) : null, Sa = Ee ? Ae(Pe, la, /* @__PURE__ */ d(gn, {
|
|
4650
|
+
context: la,
|
|
4651
|
+
showCounts: Me
|
|
4652
|
+
})) : null;
|
|
4628
4653
|
return /* @__PURE__ */ f("div", {
|
|
4629
|
-
className: m("ssg-root",
|
|
4654
|
+
className: m("ssg-root", Fe, H?.root),
|
|
4630
4655
|
children: [
|
|
4631
|
-
|
|
4656
|
+
xa,
|
|
4632
4657
|
/* @__PURE__ */ f("div", {
|
|
4633
|
-
ref:
|
|
4658
|
+
ref: Le,
|
|
4634
4659
|
className: "ssg-shell",
|
|
4635
|
-
style: { cursor:
|
|
4636
|
-
onDragStart:
|
|
4637
|
-
onPointerLeave: () =>
|
|
4660
|
+
style: { cursor: ur ? "progress" : void 0 },
|
|
4661
|
+
onDragStart: Zr,
|
|
4662
|
+
onPointerLeave: () => mt(null),
|
|
4638
4663
|
onPointerMoveCapture: (e) => {
|
|
4639
|
-
|
|
4664
|
+
Re.current = {
|
|
4640
4665
|
x: e.clientX,
|
|
4641
4666
|
y: e.clientY
|
|
4642
|
-
},
|
|
4667
|
+
}, Jr(e.clientX, e.clientY);
|
|
4643
4668
|
},
|
|
4644
|
-
tabIndex:
|
|
4645
|
-
onKeyDown:
|
|
4646
|
-
onPaste:
|
|
4669
|
+
tabIndex: va ? -1 : 0,
|
|
4670
|
+
onKeyDown: va ? void 0 : si,
|
|
4671
|
+
onPaste: va ? void 0 : ii,
|
|
4647
4672
|
children: [/* @__PURE__ */ f("div", {
|
|
4648
|
-
ref:
|
|
4673
|
+
ref: We,
|
|
4649
4674
|
className: "ssg-scroll-container",
|
|
4650
4675
|
children: [/* @__PURE__ */ f("div", {
|
|
4651
4676
|
className: "ssg-inner-row",
|
|
4652
4677
|
style: {
|
|
4653
|
-
width:
|
|
4654
|
-
minWidth:
|
|
4655
|
-
height: R +
|
|
4678
|
+
width: Gt,
|
|
4679
|
+
minWidth: Gt,
|
|
4680
|
+
height: R + Lr
|
|
4656
4681
|
},
|
|
4657
4682
|
children: [
|
|
4658
4683
|
/* @__PURE__ */ f("div", {
|
|
4659
|
-
ref:
|
|
4660
|
-
style:
|
|
4661
|
-
children: [
|
|
4684
|
+
ref: Ge,
|
|
4685
|
+
style: fa("left", Ht, Lt),
|
|
4686
|
+
children: [Lt && /* @__PURE__ */ f("div", {
|
|
4662
4687
|
style: {
|
|
4663
4688
|
position: "relative",
|
|
4664
4689
|
overflow: "clip",
|
|
4665
|
-
width:
|
|
4666
|
-
minWidth:
|
|
4667
|
-
height: R +
|
|
4690
|
+
width: Ht,
|
|
4691
|
+
minWidth: Ht,
|
|
4692
|
+
height: R + Lr
|
|
4668
4693
|
},
|
|
4669
4694
|
children: [/* @__PURE__ */ d(En, {
|
|
4670
4695
|
pane: "left",
|
|
4671
4696
|
ownsRowHeader: !0,
|
|
4672
|
-
leadingWidth:
|
|
4697
|
+
leadingWidth: Bt,
|
|
4673
4698
|
headerHeight: R,
|
|
4674
|
-
rowHeaderCellStyle:
|
|
4675
|
-
headerRowClassName:
|
|
4676
|
-
headerCellClassName:
|
|
4677
|
-
rowHeaderCellClassName:
|
|
4678
|
-
isCornerHovered:
|
|
4679
|
-
isWholeGridSelected:
|
|
4699
|
+
rowHeaderCellStyle: ua,
|
|
4700
|
+
headerRowClassName: H?.headerRow,
|
|
4701
|
+
headerCellClassName: H?.headerCell,
|
|
4702
|
+
rowHeaderCellClassName: H?.rowHeaderCell,
|
|
4703
|
+
isCornerHovered: st,
|
|
4704
|
+
isWholeGridSelected: ni,
|
|
4680
4705
|
filteredRowsLength: Q,
|
|
4681
|
-
visibleColumnsLength:
|
|
4682
|
-
renderEntries:
|
|
4683
|
-
hoveredColumnIndex:
|
|
4684
|
-
selectionSnapshot:
|
|
4685
|
-
columnFilterValues:
|
|
4686
|
-
sortState:
|
|
4687
|
-
iconButtonClassName:
|
|
4688
|
-
onCornerPointerDown:
|
|
4689
|
-
onCornerPointerEnter:
|
|
4690
|
-
onCornerPointerLeave:
|
|
4691
|
-
onColumnHeaderPointerDown:
|
|
4692
|
-
onColumnHeaderPointerEnter:
|
|
4693
|
-
onColumnHeaderPointerLeave:
|
|
4694
|
-
|
|
4695
|
-
|
|
4696
|
-
|
|
4697
|
-
|
|
4698
|
-
|
|
4699
|
-
|
|
4700
|
-
onColumnDragHandlePointerDown: Ai
|
|
4706
|
+
visibleColumnsLength: U.length,
|
|
4707
|
+
renderEntries: Hr,
|
|
4708
|
+
hoveredColumnIndex: ht,
|
|
4709
|
+
selectionSnapshot: kt,
|
|
4710
|
+
columnFilterValues: G.filters.columnFilters,
|
|
4711
|
+
sortState: G.sort,
|
|
4712
|
+
iconButtonClassName: H?.iconButton,
|
|
4713
|
+
onCornerPointerDown: hi,
|
|
4714
|
+
onCornerPointerEnter: vi,
|
|
4715
|
+
onCornerPointerLeave: yi,
|
|
4716
|
+
onColumnHeaderPointerDown: ei,
|
|
4717
|
+
onColumnHeaderPointerEnter: ti,
|
|
4718
|
+
onColumnHeaderPointerLeave: _i,
|
|
4719
|
+
onColumnResizePointerDown: bi,
|
|
4720
|
+
enableColumnMenu: ye,
|
|
4721
|
+
openedMenuColumnKey: on,
|
|
4722
|
+
onColumnMenuButtonPointerDown: cn,
|
|
4723
|
+
onColumnHeaderContextMenu: ln,
|
|
4724
|
+
onColumnDragHandlePointerDown: Li
|
|
4701
4725
|
}), /* @__PURE__ */ f("div", {
|
|
4702
4726
|
style: {
|
|
4703
4727
|
position: "absolute",
|
|
4704
4728
|
top: 0,
|
|
4705
4729
|
left: 0,
|
|
4706
|
-
width:
|
|
4707
|
-
height: R +
|
|
4708
|
-
transform:
|
|
4730
|
+
width: Ht,
|
|
4731
|
+
height: R + Lr,
|
|
4732
|
+
transform: Rr
|
|
4709
4733
|
},
|
|
4710
4734
|
children: [
|
|
4711
4735
|
/* @__PURE__ */ d(D, {
|
|
4712
|
-
rect:
|
|
4736
|
+
rect: mi("left"),
|
|
4713
4737
|
headerHeight: R,
|
|
4714
|
-
baseOffset:
|
|
4715
|
-
leadingWidth:
|
|
4738
|
+
baseOffset: Br,
|
|
4739
|
+
leadingWidth: Bt
|
|
4716
4740
|
}),
|
|
4717
4741
|
/* @__PURE__ */ d(O, {
|
|
4718
|
-
rect:
|
|
4742
|
+
rect: Kr("left"),
|
|
4719
4743
|
headerHeight: R,
|
|
4720
|
-
baseOffset:
|
|
4721
|
-
leadingWidth:
|
|
4744
|
+
baseOffset: Br,
|
|
4745
|
+
leadingWidth: Bt
|
|
4722
4746
|
}),
|
|
4723
4747
|
/* @__PURE__ */ d(k, {
|
|
4724
|
-
rect:
|
|
4748
|
+
rect: qr("left"),
|
|
4725
4749
|
headerHeight: R,
|
|
4726
|
-
baseOffset:
|
|
4727
|
-
leadingWidth:
|
|
4728
|
-
initialValue:
|
|
4729
|
-
onCommit:
|
|
4730
|
-
onCancel:
|
|
4750
|
+
baseOffset: Br,
|
|
4751
|
+
leadingWidth: Bt,
|
|
4752
|
+
initialValue: Je,
|
|
4753
|
+
onCommit: li,
|
|
4754
|
+
onCancel: ui
|
|
4731
4755
|
}),
|
|
4732
4756
|
/* @__PURE__ */ d(Cn, {
|
|
4733
4757
|
pane: "left",
|
|
4734
4758
|
ownsRowHeader: !0,
|
|
4735
|
-
leadingWidth:
|
|
4759
|
+
leadingWidth: Bt,
|
|
4736
4760
|
rowModel: Z,
|
|
4737
|
-
virtualRows:
|
|
4738
|
-
virtualRowIndexes:
|
|
4739
|
-
renderEntries:
|
|
4761
|
+
virtualRows: Nr,
|
|
4762
|
+
virtualRowIndexes: Pr,
|
|
4763
|
+
renderEntries: Hr,
|
|
4740
4764
|
rowHeight: I,
|
|
4741
|
-
autoHeight:
|
|
4742
|
-
isServerSide:
|
|
4743
|
-
rowHeaderCellStyle:
|
|
4744
|
-
hoveredRowIndex:
|
|
4745
|
-
isWholeGridSelected:
|
|
4746
|
-
activeCell:
|
|
4747
|
-
editingCell:
|
|
4748
|
-
selectionSnapshot:
|
|
4749
|
-
readOnly:
|
|
4750
|
-
canEditCell:
|
|
4751
|
-
onRowHeaderPointerDown:
|
|
4752
|
-
onRowHeaderPointerEnter:
|
|
4753
|
-
onRowHeaderPointerLeave:
|
|
4754
|
-
onCellPointerDown:
|
|
4755
|
-
onCellPointerEnter:
|
|
4756
|
-
onCellDoubleClick:
|
|
4757
|
-
renderCellContent:
|
|
4758
|
-
getRowClassName:
|
|
4759
|
-
bodyCellClassName:
|
|
4760
|
-
bodyRowClassName:
|
|
4761
|
-
rowHeaderCellClassName:
|
|
4765
|
+
autoHeight: Cr,
|
|
4766
|
+
isServerSide: W,
|
|
4767
|
+
rowHeaderCellStyle: ua,
|
|
4768
|
+
hoveredRowIndex: lt,
|
|
4769
|
+
isWholeGridSelected: ni,
|
|
4770
|
+
activeCell: G.activeCell,
|
|
4771
|
+
editingCell: G.editingCell,
|
|
4772
|
+
selectionSnapshot: kt,
|
|
4773
|
+
readOnly: z,
|
|
4774
|
+
canEditCell: B,
|
|
4775
|
+
onRowHeaderPointerDown: Qr,
|
|
4776
|
+
onRowHeaderPointerEnter: $r,
|
|
4777
|
+
onRowHeaderPointerLeave: gi,
|
|
4778
|
+
onCellPointerDown: Yr,
|
|
4779
|
+
onCellPointerEnter: Xr,
|
|
4780
|
+
onCellDoubleClick: di,
|
|
4781
|
+
renderCellContent: ca,
|
|
4782
|
+
getRowClassName: Ie,
|
|
4783
|
+
bodyCellClassName: H?.bodyCell,
|
|
4784
|
+
bodyRowClassName: H?.bodyRow,
|
|
4785
|
+
rowHeaderCellClassName: H?.rowHeaderCell
|
|
4762
4786
|
})
|
|
4763
4787
|
]
|
|
4764
4788
|
})]
|
|
4765
4789
|
}), /* @__PURE__ */ d("div", {
|
|
4766
|
-
ref:
|
|
4767
|
-
style:
|
|
4790
|
+
ref: Pi,
|
|
4791
|
+
style: Ri
|
|
4768
4792
|
})]
|
|
4769
4793
|
}),
|
|
4770
4794
|
/* @__PURE__ */ d("div", {
|
|
4771
|
-
ref:
|
|
4795
|
+
ref: Be,
|
|
4772
4796
|
className: "ssg-center-pane",
|
|
4773
4797
|
style: {
|
|
4774
|
-
width:
|
|
4775
|
-
minWidth:
|
|
4798
|
+
width: Wt,
|
|
4799
|
+
minWidth: Wt
|
|
4776
4800
|
},
|
|
4777
4801
|
children: /* @__PURE__ */ f("div", {
|
|
4778
4802
|
style: {
|
|
4779
4803
|
position: "relative",
|
|
4780
4804
|
overflow: "clip",
|
|
4781
|
-
width:
|
|
4782
|
-
minWidth:
|
|
4783
|
-
height: R +
|
|
4805
|
+
width: Wt,
|
|
4806
|
+
minWidth: Wt,
|
|
4807
|
+
height: R + Lr
|
|
4784
4808
|
},
|
|
4785
4809
|
children: [
|
|
4786
4810
|
/* @__PURE__ */ d(En, {
|
|
4787
4811
|
pane: "center",
|
|
4788
|
-
ownsRowHeader:
|
|
4789
|
-
leadingWidth:
|
|
4812
|
+
ownsRowHeader: zt,
|
|
4813
|
+
leadingWidth: Vt,
|
|
4790
4814
|
headerHeight: R,
|
|
4791
|
-
rowHeaderCellStyle:
|
|
4792
|
-
headerRowClassName:
|
|
4793
|
-
headerCellClassName:
|
|
4794
|
-
rowHeaderCellClassName:
|
|
4795
|
-
isCornerHovered:
|
|
4796
|
-
isWholeGridSelected:
|
|
4815
|
+
rowHeaderCellStyle: ua,
|
|
4816
|
+
headerRowClassName: H?.headerRow,
|
|
4817
|
+
headerCellClassName: H?.headerCell,
|
|
4818
|
+
rowHeaderCellClassName: H?.rowHeaderCell,
|
|
4819
|
+
isCornerHovered: st,
|
|
4820
|
+
isWholeGridSelected: ni,
|
|
4797
4821
|
filteredRowsLength: Q,
|
|
4798
|
-
visibleColumnsLength:
|
|
4799
|
-
renderEntries:
|
|
4800
|
-
hoveredColumnIndex:
|
|
4801
|
-
selectionSnapshot:
|
|
4802
|
-
columnFilterValues:
|
|
4803
|
-
sortState:
|
|
4804
|
-
iconButtonClassName:
|
|
4805
|
-
onCornerPointerDown:
|
|
4806
|
-
onCornerPointerEnter:
|
|
4807
|
-
onCornerPointerLeave:
|
|
4808
|
-
onColumnHeaderPointerDown:
|
|
4809
|
-
onColumnHeaderPointerEnter:
|
|
4810
|
-
onColumnHeaderPointerLeave:
|
|
4811
|
-
|
|
4812
|
-
|
|
4813
|
-
|
|
4814
|
-
|
|
4815
|
-
|
|
4816
|
-
|
|
4817
|
-
onColumnDragHandlePointerDown: Ai
|
|
4822
|
+
visibleColumnsLength: U.length,
|
|
4823
|
+
renderEntries: Vr,
|
|
4824
|
+
hoveredColumnIndex: ht,
|
|
4825
|
+
selectionSnapshot: kt,
|
|
4826
|
+
columnFilterValues: G.filters.columnFilters,
|
|
4827
|
+
sortState: G.sort,
|
|
4828
|
+
iconButtonClassName: H?.iconButton,
|
|
4829
|
+
onCornerPointerDown: hi,
|
|
4830
|
+
onCornerPointerEnter: vi,
|
|
4831
|
+
onCornerPointerLeave: yi,
|
|
4832
|
+
onColumnHeaderPointerDown: ei,
|
|
4833
|
+
onColumnHeaderPointerEnter: ti,
|
|
4834
|
+
onColumnHeaderPointerLeave: _i,
|
|
4835
|
+
onColumnResizePointerDown: bi,
|
|
4836
|
+
enableColumnMenu: ye,
|
|
4837
|
+
openedMenuColumnKey: on,
|
|
4838
|
+
onColumnMenuButtonPointerDown: cn,
|
|
4839
|
+
onColumnHeaderContextMenu: ln,
|
|
4840
|
+
onColumnDragHandlePointerDown: Li
|
|
4818
4841
|
}),
|
|
4819
4842
|
/* @__PURE__ */ f("div", {
|
|
4820
4843
|
style: {
|
|
4821
4844
|
position: "absolute",
|
|
4822
4845
|
top: 0,
|
|
4823
4846
|
left: 0,
|
|
4824
|
-
width:
|
|
4825
|
-
height: R +
|
|
4826
|
-
transform:
|
|
4847
|
+
width: Wt,
|
|
4848
|
+
height: R + Lr,
|
|
4849
|
+
transform: Rr
|
|
4827
4850
|
},
|
|
4828
4851
|
children: [
|
|
4829
4852
|
/* @__PURE__ */ d(D, {
|
|
4830
|
-
rect:
|
|
4853
|
+
rect: mi("center"),
|
|
4831
4854
|
headerHeight: R,
|
|
4832
|
-
baseOffset:
|
|
4833
|
-
leadingWidth:
|
|
4855
|
+
baseOffset: Br,
|
|
4856
|
+
leadingWidth: Vt
|
|
4834
4857
|
}),
|
|
4835
4858
|
/* @__PURE__ */ d(O, {
|
|
4836
|
-
rect:
|
|
4859
|
+
rect: Kr("center"),
|
|
4837
4860
|
headerHeight: R,
|
|
4838
|
-
baseOffset:
|
|
4839
|
-
leadingWidth:
|
|
4861
|
+
baseOffset: Br,
|
|
4862
|
+
leadingWidth: Vt
|
|
4840
4863
|
}),
|
|
4841
4864
|
/* @__PURE__ */ d(k, {
|
|
4842
|
-
rect:
|
|
4865
|
+
rect: qr("center"),
|
|
4843
4866
|
headerHeight: R,
|
|
4844
|
-
baseOffset:
|
|
4845
|
-
leadingWidth:
|
|
4846
|
-
initialValue:
|
|
4847
|
-
onCommit:
|
|
4848
|
-
onCancel:
|
|
4867
|
+
baseOffset: Br,
|
|
4868
|
+
leadingWidth: Vt,
|
|
4869
|
+
initialValue: Je,
|
|
4870
|
+
onCommit: li,
|
|
4871
|
+
onCancel: ui
|
|
4849
4872
|
}),
|
|
4850
4873
|
/* @__PURE__ */ d(Cn, {
|
|
4851
4874
|
pane: "center",
|
|
4852
|
-
ownsRowHeader:
|
|
4853
|
-
leadingWidth:
|
|
4875
|
+
ownsRowHeader: zt,
|
|
4876
|
+
leadingWidth: Vt,
|
|
4854
4877
|
rowModel: Z,
|
|
4855
|
-
virtualRows:
|
|
4856
|
-
virtualRowIndexes:
|
|
4857
|
-
renderEntries:
|
|
4878
|
+
virtualRows: Nr,
|
|
4879
|
+
virtualRowIndexes: Pr,
|
|
4880
|
+
renderEntries: Vr,
|
|
4858
4881
|
rowHeight: I,
|
|
4859
|
-
autoHeight:
|
|
4860
|
-
isServerSide:
|
|
4861
|
-
rowHeaderCellStyle:
|
|
4862
|
-
hoveredRowIndex:
|
|
4863
|
-
isWholeGridSelected:
|
|
4864
|
-
activeCell:
|
|
4865
|
-
editingCell:
|
|
4866
|
-
selectionSnapshot:
|
|
4867
|
-
readOnly:
|
|
4868
|
-
canEditCell:
|
|
4869
|
-
onRowHeaderPointerDown:
|
|
4870
|
-
onRowHeaderPointerEnter:
|
|
4871
|
-
onRowHeaderPointerLeave:
|
|
4872
|
-
onCellPointerDown:
|
|
4873
|
-
onCellPointerEnter:
|
|
4874
|
-
onCellDoubleClick:
|
|
4875
|
-
renderCellContent:
|
|
4876
|
-
getRowClassName:
|
|
4877
|
-
bodyCellClassName:
|
|
4878
|
-
bodyRowClassName:
|
|
4879
|
-
rowHeaderCellClassName:
|
|
4882
|
+
autoHeight: Cr,
|
|
4883
|
+
isServerSide: W,
|
|
4884
|
+
rowHeaderCellStyle: ua,
|
|
4885
|
+
hoveredRowIndex: lt,
|
|
4886
|
+
isWholeGridSelected: ni,
|
|
4887
|
+
activeCell: G.activeCell,
|
|
4888
|
+
editingCell: G.editingCell,
|
|
4889
|
+
selectionSnapshot: kt,
|
|
4890
|
+
readOnly: z,
|
|
4891
|
+
canEditCell: B,
|
|
4892
|
+
onRowHeaderPointerDown: Qr,
|
|
4893
|
+
onRowHeaderPointerEnter: $r,
|
|
4894
|
+
onRowHeaderPointerLeave: gi,
|
|
4895
|
+
onCellPointerDown: Yr,
|
|
4896
|
+
onCellPointerEnter: Xr,
|
|
4897
|
+
onCellDoubleClick: di,
|
|
4898
|
+
renderCellContent: ca,
|
|
4899
|
+
getRowClassName: Ie,
|
|
4900
|
+
bodyCellClassName: H?.bodyCell,
|
|
4901
|
+
bodyRowClassName: H?.bodyRow,
|
|
4902
|
+
rowHeaderCellClassName: H?.rowHeaderCell
|
|
4880
4903
|
})
|
|
4881
4904
|
]
|
|
4882
4905
|
}),
|
|
4883
4906
|
/* @__PURE__ */ d("div", {
|
|
4884
|
-
ref:
|
|
4885
|
-
style:
|
|
4907
|
+
ref: Fi,
|
|
4908
|
+
style: Ri
|
|
4886
4909
|
})
|
|
4887
4910
|
]
|
|
4888
4911
|
})
|
|
4889
4912
|
}),
|
|
4890
4913
|
/* @__PURE__ */ f("div", {
|
|
4891
|
-
ref:
|
|
4892
|
-
style:
|
|
4893
|
-
children: [
|
|
4914
|
+
ref: qe,
|
|
4915
|
+
style: fa("right", Ut, Rt),
|
|
4916
|
+
children: [Rt && /* @__PURE__ */ f("div", {
|
|
4894
4917
|
style: {
|
|
4895
4918
|
position: "relative",
|
|
4896
4919
|
overflow: "clip",
|
|
4897
|
-
width:
|
|
4898
|
-
minWidth:
|
|
4899
|
-
height: R +
|
|
4920
|
+
width: Ut,
|
|
4921
|
+
minWidth: Ut,
|
|
4922
|
+
height: R + Lr
|
|
4900
4923
|
},
|
|
4901
4924
|
children: [/* @__PURE__ */ d(En, {
|
|
4902
4925
|
pane: "right",
|
|
4903
4926
|
ownsRowHeader: !1,
|
|
4904
4927
|
leadingWidth: 0,
|
|
4905
4928
|
headerHeight: R,
|
|
4906
|
-
rowHeaderCellStyle:
|
|
4907
|
-
headerRowClassName:
|
|
4908
|
-
headerCellClassName:
|
|
4909
|
-
rowHeaderCellClassName:
|
|
4910
|
-
isCornerHovered:
|
|
4911
|
-
isWholeGridSelected:
|
|
4929
|
+
rowHeaderCellStyle: ua,
|
|
4930
|
+
headerRowClassName: H?.headerRow,
|
|
4931
|
+
headerCellClassName: H?.headerCell,
|
|
4932
|
+
rowHeaderCellClassName: H?.rowHeaderCell,
|
|
4933
|
+
isCornerHovered: st,
|
|
4934
|
+
isWholeGridSelected: ni,
|
|
4912
4935
|
filteredRowsLength: Q,
|
|
4913
|
-
visibleColumnsLength:
|
|
4914
|
-
renderEntries:
|
|
4915
|
-
hoveredColumnIndex:
|
|
4916
|
-
selectionSnapshot:
|
|
4917
|
-
columnFilterValues:
|
|
4918
|
-
sortState:
|
|
4919
|
-
iconButtonClassName:
|
|
4920
|
-
onCornerPointerDown:
|
|
4921
|
-
onCornerPointerEnter:
|
|
4922
|
-
onCornerPointerLeave:
|
|
4923
|
-
onColumnHeaderPointerDown:
|
|
4924
|
-
onColumnHeaderPointerEnter:
|
|
4925
|
-
onColumnHeaderPointerLeave:
|
|
4926
|
-
|
|
4927
|
-
|
|
4928
|
-
|
|
4929
|
-
|
|
4930
|
-
|
|
4931
|
-
|
|
4932
|
-
onColumnDragHandlePointerDown: Ai
|
|
4936
|
+
visibleColumnsLength: U.length,
|
|
4937
|
+
renderEntries: Ur,
|
|
4938
|
+
hoveredColumnIndex: ht,
|
|
4939
|
+
selectionSnapshot: kt,
|
|
4940
|
+
columnFilterValues: G.filters.columnFilters,
|
|
4941
|
+
sortState: G.sort,
|
|
4942
|
+
iconButtonClassName: H?.iconButton,
|
|
4943
|
+
onCornerPointerDown: hi,
|
|
4944
|
+
onCornerPointerEnter: vi,
|
|
4945
|
+
onCornerPointerLeave: yi,
|
|
4946
|
+
onColumnHeaderPointerDown: ei,
|
|
4947
|
+
onColumnHeaderPointerEnter: ti,
|
|
4948
|
+
onColumnHeaderPointerLeave: _i,
|
|
4949
|
+
onColumnResizePointerDown: bi,
|
|
4950
|
+
enableColumnMenu: ye,
|
|
4951
|
+
openedMenuColumnKey: on,
|
|
4952
|
+
onColumnMenuButtonPointerDown: cn,
|
|
4953
|
+
onColumnHeaderContextMenu: ln,
|
|
4954
|
+
onColumnDragHandlePointerDown: Li
|
|
4933
4955
|
}), /* @__PURE__ */ f("div", {
|
|
4934
4956
|
style: {
|
|
4935
4957
|
position: "absolute",
|
|
4936
4958
|
top: 0,
|
|
4937
4959
|
left: 0,
|
|
4938
|
-
width:
|
|
4939
|
-
height: R +
|
|
4940
|
-
transform:
|
|
4960
|
+
width: Ut,
|
|
4961
|
+
height: R + Lr,
|
|
4962
|
+
transform: Rr
|
|
4941
4963
|
},
|
|
4942
4964
|
children: [
|
|
4943
4965
|
/* @__PURE__ */ d(D, {
|
|
4944
|
-
rect:
|
|
4966
|
+
rect: mi("right"),
|
|
4945
4967
|
headerHeight: R,
|
|
4946
|
-
baseOffset:
|
|
4968
|
+
baseOffset: Br,
|
|
4947
4969
|
leadingWidth: 0
|
|
4948
4970
|
}),
|
|
4949
4971
|
/* @__PURE__ */ d(O, {
|
|
4950
|
-
rect:
|
|
4972
|
+
rect: Kr("right"),
|
|
4951
4973
|
headerHeight: R,
|
|
4952
|
-
baseOffset:
|
|
4974
|
+
baseOffset: Br,
|
|
4953
4975
|
leadingWidth: 0
|
|
4954
4976
|
}),
|
|
4955
4977
|
/* @__PURE__ */ d(k, {
|
|
4956
|
-
rect:
|
|
4978
|
+
rect: qr("right"),
|
|
4957
4979
|
headerHeight: R,
|
|
4958
|
-
baseOffset:
|
|
4980
|
+
baseOffset: Br,
|
|
4959
4981
|
leadingWidth: 0,
|
|
4960
|
-
initialValue:
|
|
4961
|
-
onCommit:
|
|
4962
|
-
onCancel:
|
|
4982
|
+
initialValue: Je,
|
|
4983
|
+
onCommit: li,
|
|
4984
|
+
onCancel: ui
|
|
4963
4985
|
}),
|
|
4964
4986
|
/* @__PURE__ */ d(Cn, {
|
|
4965
4987
|
pane: "right",
|
|
4966
4988
|
ownsRowHeader: !1,
|
|
4967
4989
|
leadingWidth: 0,
|
|
4968
4990
|
rowModel: Z,
|
|
4969
|
-
virtualRows:
|
|
4970
|
-
virtualRowIndexes:
|
|
4971
|
-
renderEntries:
|
|
4991
|
+
virtualRows: Nr,
|
|
4992
|
+
virtualRowIndexes: Pr,
|
|
4993
|
+
renderEntries: Ur,
|
|
4972
4994
|
rowHeight: I,
|
|
4973
|
-
autoHeight:
|
|
4974
|
-
isServerSide:
|
|
4975
|
-
rowHeaderCellStyle:
|
|
4976
|
-
hoveredRowIndex:
|
|
4977
|
-
isWholeGridSelected:
|
|
4978
|
-
activeCell:
|
|
4979
|
-
editingCell:
|
|
4980
|
-
selectionSnapshot:
|
|
4981
|
-
readOnly:
|
|
4982
|
-
canEditCell:
|
|
4983
|
-
onRowHeaderPointerDown:
|
|
4984
|
-
onRowHeaderPointerEnter:
|
|
4985
|
-
onRowHeaderPointerLeave:
|
|
4986
|
-
onCellPointerDown:
|
|
4987
|
-
onCellPointerEnter:
|
|
4988
|
-
onCellDoubleClick:
|
|
4989
|
-
renderCellContent:
|
|
4990
|
-
getRowClassName:
|
|
4991
|
-
bodyCellClassName:
|
|
4992
|
-
bodyRowClassName:
|
|
4993
|
-
rowHeaderCellClassName:
|
|
4995
|
+
autoHeight: Cr,
|
|
4996
|
+
isServerSide: W,
|
|
4997
|
+
rowHeaderCellStyle: ua,
|
|
4998
|
+
hoveredRowIndex: lt,
|
|
4999
|
+
isWholeGridSelected: ni,
|
|
5000
|
+
activeCell: G.activeCell,
|
|
5001
|
+
editingCell: G.editingCell,
|
|
5002
|
+
selectionSnapshot: kt,
|
|
5003
|
+
readOnly: z,
|
|
5004
|
+
canEditCell: B,
|
|
5005
|
+
onRowHeaderPointerDown: Qr,
|
|
5006
|
+
onRowHeaderPointerEnter: $r,
|
|
5007
|
+
onRowHeaderPointerLeave: gi,
|
|
5008
|
+
onCellPointerDown: Yr,
|
|
5009
|
+
onCellPointerEnter: Xr,
|
|
5010
|
+
onCellDoubleClick: di,
|
|
5011
|
+
renderCellContent: ca,
|
|
5012
|
+
getRowClassName: Ie,
|
|
5013
|
+
bodyCellClassName: H?.bodyCell,
|
|
5014
|
+
bodyRowClassName: H?.bodyRow,
|
|
5015
|
+
rowHeaderCellClassName: H?.rowHeaderCell
|
|
4994
5016
|
})
|
|
4995
5017
|
]
|
|
4996
5018
|
})]
|
|
4997
5019
|
}), /* @__PURE__ */ d("div", {
|
|
4998
|
-
ref:
|
|
4999
|
-
style:
|
|
5020
|
+
ref: Ii,
|
|
5021
|
+
style: Ri
|
|
5000
5022
|
})]
|
|
5001
5023
|
})
|
|
5002
5024
|
]
|
|
5003
|
-
}),
|
|
5025
|
+
}), da && /* @__PURE__ */ d("div", {
|
|
5004
5026
|
className: "ssg-empty-state",
|
|
5005
|
-
children: e.length === 0 ?
|
|
5027
|
+
children: e.length === 0 ? xe : be
|
|
5006
5028
|
})]
|
|
5007
|
-
}),
|
|
5029
|
+
}), ur && /* @__PURE__ */ d("div", {
|
|
5008
5030
|
className: "ssg-autosize-overlay",
|
|
5009
5031
|
children: /* @__PURE__ */ d("span", {
|
|
5010
5032
|
className: "ssg-autosize-pill",
|
|
@@ -5012,13 +5034,13 @@ function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g
|
|
|
5012
5034
|
})
|
|
5013
5035
|
})]
|
|
5014
5036
|
}),
|
|
5015
|
-
|
|
5016
|
-
|
|
5017
|
-
|
|
5018
|
-
|
|
5019
|
-
|
|
5037
|
+
Sa,
|
|
5038
|
+
ma,
|
|
5039
|
+
ha,
|
|
5040
|
+
ga,
|
|
5041
|
+
_a
|
|
5020
5042
|
]
|
|
5021
5043
|
});
|
|
5022
5044
|
}
|
|
5023
5045
|
//#endregion
|
|
5024
|
-
export {
|
|
5046
|
+
export { ur as SpreadsheetGrid };
|