@bwp-web/components 0.13.0 → 0.13.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BiampTable/BiampTable.d.ts.map +1 -1
- package/dist/BiampTable/useBiampServerSideTable.d.ts +8 -2
- package/dist/BiampTable/useBiampServerSideTable.d.ts.map +1 -1
- package/dist/index.cjs +170 -122
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +170 -132
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BiampTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,
|
|
1
|
+
{"version":3,"file":"BiampTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EAUd,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAItD,OAAO,iBAAiB,CAAC;AAIzB,KAAK,aAAa,CAAC,KAAK,IACpB;IACE,qFAAqF;IACrF,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAC;CAC1C,GACD;IACE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAGN,KAAK,uBAAuB,GACxB;IACE,8DAA8D;IAC9D,kBAAkB,EAAE,IAAI,CAAC;IACzB,uFAAuF;IACvF,eAAe,EAAE,IAAI,CAAC;IACtB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4FAA4F;IAC5F,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GACD;IACE,8DAA8D;IAC9D,kBAAkB,EAAE,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAClC,GACD;IACE,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,wBAAwB,CAAC,EAAE,KAAK,CAAC;CAClC,CAAC;AAEN,MAAM,MAAM,eAAe,CAAC,KAAK,IAAI,QAAQ,GAC3C,aAAa,CAAC,KAAK,CAAC,GACpB,uBAAuB,GAAG;IACxB,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wKAAwK;IACxK,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACpC,6IAA6I;IAC7I,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,gIAAgI;IAChI,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;CACtC,CAAC;AA0OJ,wBAAgB,UAAU,CAAC,KAAK,EAAE,EAChC,KAAK,EACL,UAAU,EACV,cAAc,EACd,OAAO,EACP,KAAK,EACL,KAAK,EACL,kBAA0B,EAC1B,eAAuB,EACvB,aAAa,EACb,wBAAgC,EAChC,WAAW,EACX,EAAE,EACF,GAAG,QAAQ,EACZ,EAAE,eAAe,CAAC,KAAK,CAAC,2CAiKxB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ColumnDef, type Row, type Table } from '@tanstack/react-table';
|
|
1
|
+
import { type ColumnDef, type ExpandedState, type Row, type Table } from '@tanstack/react-table';
|
|
2
2
|
import { type ColumnVisibility } from './BiampTableColumnVisibility';
|
|
3
3
|
import { type ServerSideOrder } from './serverSideTableUtils';
|
|
4
4
|
import './tanstack-meta';
|
|
@@ -31,6 +31,12 @@ export type UseBiampServerSideTableOptions<TData, F extends string = string> = {
|
|
|
31
31
|
onSelectedRowIdsChange?: (ids: string[]) => void;
|
|
32
32
|
/** Enable row selection. Pass `true` for all rows, or a predicate. */
|
|
33
33
|
enableRowSelection?: boolean | ((row: Row<TData>) => boolean);
|
|
34
|
+
/** Current expanded state. `{}` means nothing expanded; `true` expands all. */
|
|
35
|
+
expanded?: ExpandedState;
|
|
36
|
+
/** Called when the user expands/collapses rows. */
|
|
37
|
+
onExpandedChange?: (expanded: ExpandedState) => void;
|
|
38
|
+
/** Returns child rows for a given row (enables sub-row expanding). */
|
|
39
|
+
getSubRows?: (row: TData) => TData[] | undefined;
|
|
34
40
|
};
|
|
35
41
|
/**
|
|
36
42
|
* Wraps `useReactTable` with the standard server-side configuration:
|
|
@@ -39,5 +45,5 @@ export type UseBiampServerSideTableOptions<TData, F extends string = string> = {
|
|
|
39
45
|
*
|
|
40
46
|
* Eliminates ~40 lines of boilerplate per table implementation.
|
|
41
47
|
*/
|
|
42
|
-
export declare function useBiampServerSideTable<TData, F extends string = string>({ data, columns, getRowId, order, onOrderChange, page, rowsPerPage, onPageChange, rowCount, columnVisibility, onColumnVisibilityChange, selectedRowIds, onSelectedRowIdsChange, enableRowSelection, }: UseBiampServerSideTableOptions<TData, F>): Table<TData>;
|
|
48
|
+
export declare function useBiampServerSideTable<TData, F extends string = string>({ data, columns, getRowId, order, onOrderChange, page, rowsPerPage, onPageChange, rowCount, columnVisibility, onColumnVisibilityChange, selectedRowIds, onSelectedRowIdsChange, enableRowSelection, expanded, onExpandedChange, getSubRows, }: UseBiampServerSideTableOptions<TData, F>): Table<TData>;
|
|
43
49
|
//# sourceMappingURL=useBiampServerSideTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBiampServerSideTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/useBiampServerSideTable.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"useBiampServerSideTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/useBiampServerSideTable.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,aAAa,EAGlB,KAAK,GAAG,EACR,KAAK,KAAK,EAEX,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,KAAK,eAAe,EAQrB,MAAM,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AAMzB,MAAM,MAAM,8BAA8B,CAAC,KAAK,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC7E,sBAAsB;IACtB,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,qGAAqG;IAErG,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IACjC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;IAGlC,+DAA+D;IAC/D,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAC3B,mFAAmF;IACnF,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAGrD,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,oFAAoF;IACpF,wBAAwB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAGlE,kCAAkC;IAClC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,qCAAqC;IACrC,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,CAAC;IAG9D,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACrD,sEAAsE;IACtE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,EAAE,GAAG,SAAS,CAAC;CAClD,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACxE,IAAI,EACJ,OAAO,EACP,QAAsD,EACtD,KAAK,EACL,aAAa,EACb,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,wBAAwB,EACxB,cAAc,EACd,sBAAsB,EACtB,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,UAAU,GACX,EAAE,8BAA8B,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAwIzD"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
5
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
8
|
var __export = (target, all) => {
|
|
7
9
|
for (var name in all)
|
|
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
17
|
}
|
|
16
18
|
return to;
|
|
17
19
|
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
18
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
29
|
|
|
20
30
|
// src/index.ts
|
|
@@ -526,7 +536,7 @@ function BiampLayout({
|
|
|
526
536
|
var import_material7 = require("@mui/material");
|
|
527
537
|
var import_assets5 = require("@bwp-web/assets");
|
|
528
538
|
var import_react_table = require("@tanstack/react-table");
|
|
529
|
-
var import_react4 = require("react");
|
|
539
|
+
var import_react4 = __toESM(require("react"), 1);
|
|
530
540
|
|
|
531
541
|
// src/BiampTable/BiampTableEmptyState.tsx
|
|
532
542
|
var import_assets3 = require("@bwp-web/assets");
|
|
@@ -692,6 +702,133 @@ function cellSx(sticky, minWidth, zIndex) {
|
|
|
692
702
|
const mw = minWidth ?? 40;
|
|
693
703
|
return { minWidth: mw, maxWidth: mw };
|
|
694
704
|
}
|
|
705
|
+
function BiampTableRowInner({
|
|
706
|
+
row,
|
|
707
|
+
onRowClick,
|
|
708
|
+
isRowClickable,
|
|
709
|
+
enableRowSelection,
|
|
710
|
+
enableExpanding,
|
|
711
|
+
selectChildrenWithParent,
|
|
712
|
+
getRowLabel,
|
|
713
|
+
hasExpandableRows
|
|
714
|
+
}) {
|
|
715
|
+
const clickable = onRowClick ? isRowClickable ? isRowClickable(row.original) : true : false;
|
|
716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
717
|
+
import_material7.TableRow,
|
|
718
|
+
{
|
|
719
|
+
hover: clickable,
|
|
720
|
+
selected: enableRowSelection ? row.getIsSelected() : void 0,
|
|
721
|
+
role: clickable ? "button" : void 0,
|
|
722
|
+
tabIndex: clickable ? 0 : void 0,
|
|
723
|
+
sx: { cursor: clickable ? "pointer" : void 0 },
|
|
724
|
+
onClick: clickable && onRowClick ? () => onRowClick(row.original) : void 0,
|
|
725
|
+
onKeyDown: clickable && onRowClick ? (e) => {
|
|
726
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
727
|
+
e.preventDefault();
|
|
728
|
+
onRowClick(row.original);
|
|
729
|
+
}
|
|
730
|
+
} : void 0,
|
|
731
|
+
children: [
|
|
732
|
+
enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
733
|
+
import_material7.TableCell,
|
|
734
|
+
{
|
|
735
|
+
padding: "checkbox",
|
|
736
|
+
sx: {
|
|
737
|
+
position: "sticky",
|
|
738
|
+
left: 0,
|
|
739
|
+
zIndex: 2,
|
|
740
|
+
bgcolor: "background.paper",
|
|
741
|
+
".MuiTableRow-hover:hover > &, .Mui-selected > &": {
|
|
742
|
+
bgcolor: ({ palette }) => palette.mode === "dark" ? palette.grey[800] : palette.grey[100]
|
|
743
|
+
}
|
|
744
|
+
},
|
|
745
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
746
|
+
import_material7.Checkbox,
|
|
747
|
+
{
|
|
748
|
+
checked: row.getIsSelected(),
|
|
749
|
+
disabled: !row.getCanSelect(),
|
|
750
|
+
onChange: (e) => row.toggleSelected(e.target.checked, {
|
|
751
|
+
selectChildren: selectChildrenWithParent
|
|
752
|
+
}),
|
|
753
|
+
onClick: (e) => e.stopPropagation(),
|
|
754
|
+
sx: !row.getCanSelect() ? { visibility: "hidden" } : void 0,
|
|
755
|
+
slotProps: {
|
|
756
|
+
input: {
|
|
757
|
+
"aria-label": getRowLabel ? `Select ${getRowLabel(row.original)}` : `Select row ${row.index + 1}`
|
|
758
|
+
}
|
|
759
|
+
}
|
|
760
|
+
}
|
|
761
|
+
)
|
|
762
|
+
}
|
|
763
|
+
),
|
|
764
|
+
row.getVisibleCells().map((cell, cellIndex, cells) => {
|
|
765
|
+
const sticky = cell.column.columnDef.meta?.sticky;
|
|
766
|
+
const isExpandCell = enableExpanding && !sticky && cellIndex === cells.findIndex((c) => !c.column.columnDef.meta?.sticky);
|
|
767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
768
|
+
import_material7.TableCell,
|
|
769
|
+
{
|
|
770
|
+
"data-sticky": sticky || void 0,
|
|
771
|
+
sx: cellSx(sticky, cell.column.columnDef.meta?.minWidth, 2),
|
|
772
|
+
children: (() => {
|
|
773
|
+
const content = (0, import_react_table.flexRender)(
|
|
774
|
+
cell.column.columnDef.cell,
|
|
775
|
+
cell.getContext()
|
|
776
|
+
);
|
|
777
|
+
if (sticky) return content;
|
|
778
|
+
const truncated = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BiampTableTruncatedCell, { children: content });
|
|
779
|
+
if (!isExpandCell) return truncated;
|
|
780
|
+
const rowLabel = getRowLabel ? getRowLabel(row.original) : `row ${row.index + 1}`;
|
|
781
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
782
|
+
import_material7.Box,
|
|
783
|
+
{
|
|
784
|
+
sx: {
|
|
785
|
+
display: "flex",
|
|
786
|
+
alignItems: "center",
|
|
787
|
+
pl: `${row.depth * 12}px`,
|
|
788
|
+
gap: 1
|
|
789
|
+
},
|
|
790
|
+
children: [
|
|
791
|
+
row.getCanExpand() ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
792
|
+
import_assets5.ChevronRightIcon,
|
|
793
|
+
{
|
|
794
|
+
onClick: (e) => {
|
|
795
|
+
e.stopPropagation();
|
|
796
|
+
row.toggleExpanded();
|
|
797
|
+
},
|
|
798
|
+
"aria-label": row.getIsExpanded() ? `Collapse ${rowLabel}` : `Expand ${rowLabel}`,
|
|
799
|
+
"aria-expanded": row.getIsExpanded(),
|
|
800
|
+
variant: "xs",
|
|
801
|
+
sx: {
|
|
802
|
+
color: ({ palette }) => palette.text.secondary,
|
|
803
|
+
transition: "transform 150ms ease",
|
|
804
|
+
transform: row.getIsExpanded() ? "rotate(90deg)" : "rotate(0deg)",
|
|
805
|
+
width: 16,
|
|
806
|
+
height: 16,
|
|
807
|
+
cursor: "pointer"
|
|
808
|
+
}
|
|
809
|
+
}
|
|
810
|
+
) : hasExpandableRows ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.Box, { sx: { width: 16 } }) : null,
|
|
811
|
+
truncated
|
|
812
|
+
]
|
|
813
|
+
}
|
|
814
|
+
);
|
|
815
|
+
})()
|
|
816
|
+
},
|
|
817
|
+
cell.id
|
|
818
|
+
);
|
|
819
|
+
})
|
|
820
|
+
]
|
|
821
|
+
},
|
|
822
|
+
row.id
|
|
823
|
+
);
|
|
824
|
+
}
|
|
825
|
+
function biampTableRowPropsAreEqual(prev, next) {
|
|
826
|
+
return prev.row.id === next.row.id && prev.row.original === next.row.original && prev.row.getIsSelected() === next.row.getIsSelected() && prev.row.getIsExpanded() === next.row.getIsExpanded() && prev.row.getVisibleCells().length === next.row.getVisibleCells().length && prev.enableRowSelection === next.enableRowSelection && prev.enableExpanding === next.enableExpanding && prev.hasExpandableRows === next.hasExpandableRows && prev.selectChildrenWithParent === next.selectChildrenWithParent && prev.onRowClick === next.onRowClick && prev.isRowClickable === next.isRowClickable && prev.getRowLabel === next.getRowLabel;
|
|
827
|
+
}
|
|
828
|
+
var BiampTableRow = import_react4.default.memo(
|
|
829
|
+
BiampTableRowInner,
|
|
830
|
+
biampTableRowPropsAreEqual
|
|
831
|
+
);
|
|
695
832
|
function BiampTable({
|
|
696
833
|
table,
|
|
697
834
|
onRowClick,
|
|
@@ -803,125 +940,20 @@ function BiampTable({
|
|
|
803
940
|
);
|
|
804
941
|
})
|
|
805
942
|
] }, headerGroup.id)) }),
|
|
806
|
-
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.TableBody, { sx: { opacity: showLoading ? 0.3 : 1 }, children: !showError && rows.map((row) =>
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
onRowClick(row.original);
|
|
821
|
-
}
|
|
822
|
-
} : void 0,
|
|
823
|
-
children: [
|
|
824
|
-
enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
825
|
-
import_material7.TableCell,
|
|
826
|
-
{
|
|
827
|
-
padding: "checkbox",
|
|
828
|
-
sx: {
|
|
829
|
-
position: "sticky",
|
|
830
|
-
left: 0,
|
|
831
|
-
zIndex: 2,
|
|
832
|
-
bgcolor: "background.paper",
|
|
833
|
-
".MuiTableRow-hover:hover > &, .Mui-selected > &": {
|
|
834
|
-
bgcolor: ({ palette }) => palette.mode === "dark" ? palette.grey[800] : palette.grey[100]
|
|
835
|
-
}
|
|
836
|
-
},
|
|
837
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
838
|
-
import_material7.Checkbox,
|
|
839
|
-
{
|
|
840
|
-
checked: row.getIsSelected(),
|
|
841
|
-
disabled: !row.getCanSelect(),
|
|
842
|
-
onChange: (e) => row.toggleSelected(e.target.checked, {
|
|
843
|
-
selectChildren: selectChildrenWithParent
|
|
844
|
-
}),
|
|
845
|
-
onClick: (e) => e.stopPropagation(),
|
|
846
|
-
sx: !row.getCanSelect() ? { visibility: "hidden" } : void 0,
|
|
847
|
-
slotProps: {
|
|
848
|
-
input: {
|
|
849
|
-
"aria-label": getRowLabel ? `Select ${getRowLabel(row.original)}` : `Select row ${row.index + 1}`
|
|
850
|
-
}
|
|
851
|
-
}
|
|
852
|
-
}
|
|
853
|
-
)
|
|
854
|
-
}
|
|
855
|
-
),
|
|
856
|
-
row.getVisibleCells().map((cell, cellIndex, cells) => {
|
|
857
|
-
const sticky = cell.column.columnDef.meta?.sticky;
|
|
858
|
-
const isExpandCell = enableExpanding && !sticky && cellIndex === cells.findIndex(
|
|
859
|
-
(c) => !c.column.columnDef.meta?.sticky
|
|
860
|
-
);
|
|
861
|
-
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
862
|
-
import_material7.TableCell,
|
|
863
|
-
{
|
|
864
|
-
"data-sticky": sticky || void 0,
|
|
865
|
-
sx: cellSx(
|
|
866
|
-
sticky,
|
|
867
|
-
cell.column.columnDef.meta?.minWidth,
|
|
868
|
-
2
|
|
869
|
-
),
|
|
870
|
-
children: (() => {
|
|
871
|
-
const content = (0, import_react_table.flexRender)(
|
|
872
|
-
cell.column.columnDef.cell,
|
|
873
|
-
cell.getContext()
|
|
874
|
-
);
|
|
875
|
-
if (sticky) return content;
|
|
876
|
-
const truncated = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BiampTableTruncatedCell, { children: content });
|
|
877
|
-
if (!isExpandCell) return truncated;
|
|
878
|
-
const rowLabel = getRowLabel ? getRowLabel(row.original) : `row ${row.index + 1}`;
|
|
879
|
-
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
880
|
-
import_material7.Box,
|
|
881
|
-
{
|
|
882
|
-
sx: {
|
|
883
|
-
display: "flex",
|
|
884
|
-
alignItems: "center",
|
|
885
|
-
pl: `${row.depth * 12}px`
|
|
886
|
-
},
|
|
887
|
-
children: [
|
|
888
|
-
row.getCanExpand() ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
889
|
-
import_material7.IconButton,
|
|
890
|
-
{
|
|
891
|
-
variant: "none",
|
|
892
|
-
onClick: (e) => {
|
|
893
|
-
e.stopPropagation();
|
|
894
|
-
row.toggleExpanded();
|
|
895
|
-
},
|
|
896
|
-
"aria-label": row.getIsExpanded() ? `Collapse ${rowLabel}` : `Expand ${rowLabel}`,
|
|
897
|
-
"aria-expanded": row.getIsExpanded(),
|
|
898
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
899
|
-
import_assets5.ChevronRightIcon,
|
|
900
|
-
{
|
|
901
|
-
variant: "xs",
|
|
902
|
-
sx: {
|
|
903
|
-
color: ({ palette }) => palette.text.secondary,
|
|
904
|
-
transition: "transform 150ms ease",
|
|
905
|
-
transform: row.getIsExpanded() ? "rotate(90deg)" : "rotate(0deg)"
|
|
906
|
-
}
|
|
907
|
-
}
|
|
908
|
-
)
|
|
909
|
-
}
|
|
910
|
-
) : hasExpandableRows ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.Box, { sx: { width: 28 } }) : null,
|
|
911
|
-
truncated
|
|
912
|
-
]
|
|
913
|
-
}
|
|
914
|
-
);
|
|
915
|
-
})()
|
|
916
|
-
},
|
|
917
|
-
cell.id
|
|
918
|
-
);
|
|
919
|
-
})
|
|
920
|
-
]
|
|
921
|
-
},
|
|
922
|
-
row.id
|
|
923
|
-
);
|
|
924
|
-
}) })
|
|
943
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.TableBody, { sx: { opacity: showLoading ? 0.3 : 1 }, children: !showError && rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
944
|
+
BiampTableRow,
|
|
945
|
+
{
|
|
946
|
+
row,
|
|
947
|
+
onRowClick,
|
|
948
|
+
isRowClickable,
|
|
949
|
+
enableRowSelection,
|
|
950
|
+
enableExpanding,
|
|
951
|
+
selectChildrenWithParent,
|
|
952
|
+
getRowLabel,
|
|
953
|
+
hasExpandableRows
|
|
954
|
+
},
|
|
955
|
+
row.id
|
|
956
|
+
)) })
|
|
925
957
|
]
|
|
926
958
|
}
|
|
927
959
|
),
|
|
@@ -1682,6 +1714,7 @@ function getDirtyColumnVisibility(visibility, defaults) {
|
|
|
1682
1714
|
|
|
1683
1715
|
// src/BiampTable/useBiampServerSideTable.ts
|
|
1684
1716
|
var coreRowModel = (0, import_react_table2.getCoreRowModel)();
|
|
1717
|
+
var expandedRowModel = (0, import_react_table2.getExpandedRowModel)();
|
|
1685
1718
|
function useBiampServerSideTable({
|
|
1686
1719
|
data,
|
|
1687
1720
|
columns,
|
|
@@ -1696,7 +1729,10 @@ function useBiampServerSideTable({
|
|
|
1696
1729
|
onColumnVisibilityChange,
|
|
1697
1730
|
selectedRowIds,
|
|
1698
1731
|
onSelectedRowIdsChange,
|
|
1699
|
-
enableRowSelection
|
|
1732
|
+
enableRowSelection,
|
|
1733
|
+
expanded,
|
|
1734
|
+
onExpandedChange,
|
|
1735
|
+
getSubRows
|
|
1700
1736
|
}) {
|
|
1701
1737
|
const defaultColumnVisibility = (0, import_react10.useMemo)(
|
|
1702
1738
|
() => getDefaultColumnVisibilityFromDefs(columns),
|
|
@@ -1739,7 +1775,8 @@ function useBiampServerSideTable({
|
|
|
1739
1775
|
sorting,
|
|
1740
1776
|
...pagination && { pagination },
|
|
1741
1777
|
columnVisibility: mergedVisibility,
|
|
1742
|
-
...rowSelection && { rowSelection }
|
|
1778
|
+
...rowSelection && { rowSelection },
|
|
1779
|
+
...expanded != null && { expanded }
|
|
1743
1780
|
},
|
|
1744
1781
|
onSortingChange: onOrderChange ? (updater) => {
|
|
1745
1782
|
const next = typeof updater === "function" ? updater(sorting) : updater;
|
|
@@ -1768,6 +1805,17 @@ function useBiampServerSideTable({
|
|
|
1768
1805
|
const next = typeof updater === "function" ? updater(rowSelection) : updater;
|
|
1769
1806
|
onSelectedRowIdsChange(rowSelectionToSelectedIds(next));
|
|
1770
1807
|
} : void 0
|
|
1808
|
+
},
|
|
1809
|
+
// Expanding — only when expanded state is provided
|
|
1810
|
+
...expanded != null && {
|
|
1811
|
+
// Only attach getExpandedRowModel when getSubRows is provided.
|
|
1812
|
+
// Without it, the expanded model recomputes on every state change
|
|
1813
|
+
// (including selection), adding unnecessary overhead.
|
|
1814
|
+
...getSubRows && { getExpandedRowModel: expandedRowModel, getSubRows },
|
|
1815
|
+
onExpandedChange: onExpandedChange ? (updater) => {
|
|
1816
|
+
const next = typeof updater === "function" ? updater(expanded) : updater;
|
|
1817
|
+
onExpandedChange(next);
|
|
1818
|
+
} : void 0
|
|
1771
1819
|
}
|
|
1772
1820
|
});
|
|
1773
1821
|
}
|