@bwp-web/components 0.13.1 → 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.map +1 -1
- package/dist/index.cjs +156 -122
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +155 -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 +1 @@
|
|
|
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,
|
|
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
|
),
|
|
@@ -1776,8 +1808,10 @@ function useBiampServerSideTable({
|
|
|
1776
1808
|
},
|
|
1777
1809
|
// Expanding — only when expanded state is provided
|
|
1778
1810
|
...expanded != null && {
|
|
1779
|
-
getExpandedRowModel
|
|
1780
|
-
|
|
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 },
|
|
1781
1815
|
onExpandedChange: onExpandedChange ? (updater) => {
|
|
1782
1816
|
const next = typeof updater === "function" ? updater(expanded) : updater;
|
|
1783
1817
|
onExpandedChange(next);
|