@bwp-web/components 1.3.0 → 1.3.1
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 +10 -1
- package/dist/BiampTable/BiampTable.d.ts.map +1 -1
- package/dist/index.cjs +34 -16
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +34 -16
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -57,6 +57,15 @@ export type BiampTableProps<TData> = BoxProps & RowClickProps<TData> & Selection
|
|
|
57
57
|
empty?: boolean | ReactNode;
|
|
58
58
|
/** Returns a human-readable name for a row, used in ARIA labels (e.g. "Select: Conference Room A"). Falls back to row index. */
|
|
59
59
|
getRowLabel?: (row: TData) => string;
|
|
60
|
+
/**
|
|
61
|
+
* Returns a background color for a row (any valid CSS color). Applied to
|
|
62
|
+
* the row and to all sticky cells (selection column, sticky action columns)
|
|
63
|
+
* so the row reads as a single tinted band. Hover and selected backgrounds
|
|
64
|
+
* override the custom color — whatever the theme defines for those states
|
|
65
|
+
* wins. Use opaque colors so sticky cells fully cover scrolled content.
|
|
66
|
+
* Return `undefined` to leave a row at its default color.
|
|
67
|
+
*/
|
|
68
|
+
setRowColor?: (row: TData) => string | undefined;
|
|
60
69
|
/**
|
|
61
70
|
* Per-slot props merged onto the internal MUI elements (`table`, `head`, `body`,
|
|
62
71
|
* `headerRow`, `headerCell`, `row`, `cell`). `sx` composes with the defaults
|
|
@@ -66,6 +75,6 @@ export type BiampTableProps<TData> = BoxProps & RowClickProps<TData> & Selection
|
|
|
66
75
|
*/
|
|
67
76
|
slotProps?: BiampTableSlotProps<TData>;
|
|
68
77
|
};
|
|
69
|
-
export declare function BiampTable<TData>({ table, onRowClick, isRowClickable, loading, error, empty, enableRowSelection, enableExpanding, hideSelectAll, selectChildrenWithParent, getRowLabel, slotProps, sx, ...boxProps }: BiampTableProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
78
|
+
export declare function BiampTable<TData>({ table, onRowClick, isRowClickable, loading, error, empty, enableRowSelection, enableExpanding, hideSelectAll, selectChildrenWithParent, getRowLabel, setRowColor, slotProps, sx, ...boxProps }: BiampTableProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
70
79
|
export {};
|
|
71
80
|
//# sourceMappingURL=BiampTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BiampTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,EAKb,KAAK,cAAc,IAAI,iBAAiB,EAExC,KAAK,cAAc,IAAI,iBAAiB,EAGxC,KAAK,cAAc,IAAI,iBAAiB,EACxC,KAAK,UAAU,IAAI,aAAa,EAEhC,KAAK,aAAa,IAAI,gBAAgB,EAGvC,MAAM,eAAe,CAAC;AAOvB,OAAO,EAEL,KAAK,IAAI,EACT,KAAK,MAAM,EACX,KAAK,GAAG,EACR,KAAK,KAAK,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAKtD,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAIvE,MAAM,MAAM,mBAAmB,CAAC,KAAK,IAAI;IACvC,wEAAwE;IACxE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,wEAAwE;IACxE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,0HAA0H;IAC1H,UAAU,CAAC,EAAE,aAAa,CACxB,iBAAiB,EACjB;QAAE,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;KAAE,CACnC,CAAC;IACF,oHAAoH;IACpH,GAAG,CAAC,EAAE,aAAa,CAAC,gBAAgB,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAA;KAAE,CAAC,CAAC;IAC3D,sHAAsH;IACtH,IAAI,CAAC,EAAE,aAAa,CAAC,iBAAiB,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC;CACzE,CAAC;AAGF,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,GAAG;IAC7B,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uFAAuF;IACvF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wKAAwK;IACxK,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,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;IACrC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;CACxC,CAAC;
|
|
1
|
+
{"version":3,"file":"BiampTable.d.ts","sourceRoot":"","sources":["../../src/BiampTable/BiampTable.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.cjs
CHANGED
|
@@ -1166,6 +1166,7 @@ function BiampTableRowInner({
|
|
|
1166
1166
|
selectChildrenWithParent,
|
|
1167
1167
|
getRowLabel,
|
|
1168
1168
|
hasExpandableRows,
|
|
1169
|
+
customColor,
|
|
1169
1170
|
rowSlotProps,
|
|
1170
1171
|
cellSlotProps
|
|
1171
1172
|
}) {
|
|
@@ -1185,7 +1186,11 @@ function BiampTableRowInner({
|
|
|
1185
1186
|
selected: enableRowSelection ? isSelected : void 0,
|
|
1186
1187
|
role: clickable ? "button" : void 0,
|
|
1187
1188
|
tabIndex: clickable ? 0 : void 0,
|
|
1188
|
-
sx: mergeSx(
|
|
1189
|
+
sx: mergeSx(
|
|
1190
|
+
clickable && rowCursorPointerSx,
|
|
1191
|
+
customColor ? { backgroundColor: customColor } : void 0,
|
|
1192
|
+
userRowSx
|
|
1193
|
+
),
|
|
1189
1194
|
onClick: clickable && onRowClick ? (e) => {
|
|
1190
1195
|
onRowClick(row.original);
|
|
1191
1196
|
userRowOnClick?.(e);
|
|
@@ -1198,23 +1203,33 @@ function BiampTableRowInner({
|
|
|
1198
1203
|
userRowOnKeyDown?.(e);
|
|
1199
1204
|
} : userRowOnKeyDown,
|
|
1200
1205
|
children: [
|
|
1201
|
-
enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
1202
|
-
import_material7.
|
|
1206
|
+
enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
1207
|
+
import_material7.TableCell,
|
|
1203
1208
|
{
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1209
|
+
padding: "checkbox",
|
|
1210
|
+
sx: mergeSx(
|
|
1211
|
+
selectionCellSx,
|
|
1212
|
+
customColor ? { backgroundColor: customColor } : void 0
|
|
1213
|
+
),
|
|
1214
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
1215
|
+
import_material7.Checkbox,
|
|
1216
|
+
{
|
|
1217
|
+
checked: isSelected,
|
|
1218
|
+
disabled: !row.getCanSelect(),
|
|
1219
|
+
onChange: (e) => row.toggleSelected(e.target.checked, {
|
|
1220
|
+
selectChildren: selectChildrenWithParent
|
|
1221
|
+
}),
|
|
1222
|
+
onClick: (e) => e.stopPropagation(),
|
|
1223
|
+
sx: !row.getCanSelect() ? checkboxHiddenSx : void 0,
|
|
1224
|
+
slotProps: {
|
|
1225
|
+
input: {
|
|
1226
|
+
"aria-label": getRowLabel ? `Select ${getRowLabel(row.original)}` : `Select row ${row.index + 1}`
|
|
1227
|
+
}
|
|
1228
|
+
}
|
|
1214
1229
|
}
|
|
1215
|
-
|
|
1230
|
+
)
|
|
1216
1231
|
}
|
|
1217
|
-
)
|
|
1232
|
+
),
|
|
1218
1233
|
row.getVisibleCells().map((cell, cellIndex, cells) => {
|
|
1219
1234
|
const sticky = cell.column.columnDef.meta?.sticky;
|
|
1220
1235
|
const isExpandCell = enableExpanding && !sticky && cellIndex === cells.findIndex((c) => !c.column.columnDef.meta?.sticky);
|
|
@@ -1232,6 +1247,7 @@ function BiampTableRowInner({
|
|
|
1232
1247
|
sx: mergeSx(
|
|
1233
1248
|
cellSx(sticky, cell.column.columnDef.meta?.minWidth, 2),
|
|
1234
1249
|
{ pl: isExpandCell ? "6px" : "12px" },
|
|
1250
|
+
sticky && customColor ? { backgroundColor: customColor } : void 0,
|
|
1235
1251
|
userCellSx
|
|
1236
1252
|
),
|
|
1237
1253
|
children: (() => {
|
|
@@ -1289,7 +1305,7 @@ function BiampTableRowInner({
|
|
|
1289
1305
|
);
|
|
1290
1306
|
}
|
|
1291
1307
|
function biampTableRowPropsAreEqual(prev, next) {
|
|
1292
|
-
return prev.row.id === next.row.id && prev.row.original === next.row.original && prev.isSelected === next.isSelected && prev.isExpanded === next.isExpanded && 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 && prev.rowSlotProps === next.rowSlotProps && prev.cellSlotProps === next.cellSlotProps;
|
|
1308
|
+
return prev.row.id === next.row.id && prev.row.original === next.row.original && prev.isSelected === next.isSelected && prev.isExpanded === next.isExpanded && 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 && prev.customColor === next.customColor && prev.rowSlotProps === next.rowSlotProps && prev.cellSlotProps === next.cellSlotProps;
|
|
1293
1309
|
}
|
|
1294
1310
|
var BiampTableRow = import_react4.default.memo(
|
|
1295
1311
|
BiampTableRowInner,
|
|
@@ -1307,6 +1323,7 @@ function BiampTable({
|
|
|
1307
1323
|
hideSelectAll,
|
|
1308
1324
|
selectChildrenWithParent = false,
|
|
1309
1325
|
getRowLabel,
|
|
1326
|
+
setRowColor,
|
|
1310
1327
|
slotProps,
|
|
1311
1328
|
sx,
|
|
1312
1329
|
...boxProps
|
|
@@ -1431,6 +1448,7 @@ function BiampTable({
|
|
|
1431
1448
|
selectChildrenWithParent,
|
|
1432
1449
|
getRowLabel,
|
|
1433
1450
|
hasExpandableRows,
|
|
1451
|
+
customColor: setRowColor?.(row.original),
|
|
1434
1452
|
rowSlotProps: slotProps?.row,
|
|
1435
1453
|
cellSlotProps: slotProps?.cell
|
|
1436
1454
|
},
|