@bwp-web/components 1.3.0 → 1.3.1

package/dist/index.js

@@ -1125,6 +1125,7 @@ function BiampTableRowInner({
   selectChildrenWithParent,
   getRowLabel,
   hasExpandableRows,
+  customColor,
   rowSlotProps,
   cellSlotProps
 }) {
@@ -1144,7 +1145,11 @@ function BiampTableRowInner({
       selected: enableRowSelection ? isSelected : void 0,
       role: clickable ? "button" : void 0,
       tabIndex: clickable ? 0 : void 0,
-      sx: mergeSx(clickable && rowCursorPointerSx, userRowSx),
+      sx: mergeSx(
+        clickable && rowCursorPointerSx,
+        customColor ? { backgroundColor: customColor } : void 0,
+        userRowSx
+      ),
       onClick: clickable && onRowClick ? (e) => {
         onRowClick(row.original);
         userRowOnClick?.(e);
@@ -1157,23 +1162,33 @@ function BiampTableRowInner({
         userRowOnKeyDown?.(e);
       } : userRowOnKeyDown,
       children: [
-        enableRowSelection && /* @__PURE__ */ jsx8(TableCell, { padding: "checkbox", sx: selectionCellSx, children: /* @__PURE__ */ jsx8(
-          Checkbox,
+        enableRowSelection && /* @__PURE__ */ jsx8(
+          TableCell,
           {
-            checked: isSelected,
-            disabled: !row.getCanSelect(),
-            onChange: (e) => row.toggleSelected(e.target.checked, {
-              selectChildren: selectChildrenWithParent
-            }),
-            onClick: (e) => e.stopPropagation(),
-            sx: !row.getCanSelect() ? checkboxHiddenSx : void 0,
-            slotProps: {
-              input: {
-                "aria-label": getRowLabel ? `Select ${getRowLabel(row.original)}` : `Select row ${row.index + 1}`
+            padding: "checkbox",
+            sx: mergeSx(
+              selectionCellSx,
+              customColor ? { backgroundColor: customColor } : void 0
+            ),
+            children: /* @__PURE__ */ jsx8(
+              Checkbox,
+              {
+                checked: isSelected,
+                disabled: !row.getCanSelect(),
+                onChange: (e) => row.toggleSelected(e.target.checked, {
+                  selectChildren: selectChildrenWithParent
+                }),
+                onClick: (e) => e.stopPropagation(),
+                sx: !row.getCanSelect() ? checkboxHiddenSx : void 0,
+                slotProps: {
+                  input: {
+                    "aria-label": getRowLabel ? `Select ${getRowLabel(row.original)}` : `Select row ${row.index + 1}`
+                  }
+                }
               }
-            }
+            )
           }
-        ) }),
+        ),
         row.getVisibleCells().map((cell, cellIndex, cells) => {
           const sticky = cell.column.columnDef.meta?.sticky;
           const isExpandCell = enableExpanding && !sticky && cellIndex === cells.findIndex((c) => !c.column.columnDef.meta?.sticky);
@@ -1191,6 +1206,7 @@ function BiampTableRowInner({
               sx: mergeSx(
                 cellSx(sticky, cell.column.columnDef.meta?.minWidth, 2),
                 { pl: isExpandCell ? "6px" : "12px" },
+                sticky && customColor ? { backgroundColor: customColor } : void 0,
                 userCellSx
               ),
               children: (() => {
@@ -1248,7 +1264,7 @@ function BiampTableRowInner({
   );
 }
 function biampTableRowPropsAreEqual(prev, next) {
-  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;
+  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;
 }
 var BiampTableRow = React2.memo(
   BiampTableRowInner,
@@ -1266,6 +1282,7 @@ function BiampTable({
   hideSelectAll,
   selectChildrenWithParent = false,
   getRowLabel,
+  setRowColor,
   slotProps,
   sx,
   ...boxProps
@@ -1390,6 +1407,7 @@ function BiampTable({
                       selectChildrenWithParent,
                       getRowLabel,
                       hasExpandableRows,
+                      customColor: setRowColor?.(row.original),
                       rowSlotProps: slotProps?.row,
                       cellSlotProps: slotProps?.cell
                     },