@equinor/apollo-components 1.5.2 → 1.6.1

package/dist/index.d.ts

@@ -25,8 +25,9 @@ declare const ChipsCell: (props: {
 declare type TableCellProps<T> = {
     cell: Cell<T, unknown>;
     highlight?: boolean;
+    getStickyCellColor?: (cell: Cell<T, unknown>) => string;
 };
-declare function DynamicCell<T>({ cell, highlight }: TableCellProps<T>): JSX.Element;
+declare function DynamicCell<T>({ cell, highlight, getStickyCellColor }: TableCellProps<T>): JSX.Element;
 
 declare type HierarchyCellOptions = {
     getRowDepth?: () => number;
@@ -42,6 +43,7 @@ interface HeaderConfig {
 interface FilterConfig {
     globalFilter?: boolean;
     globalFilterPlaceholder?: string;
+    filterFromLeafRows?: boolean;
 }
 declare type RowSelectionMode = 'single' | 'multiple';
 declare type DataTableConfig<T> = {

package/dist/index.js

@@ -224,13 +224,14 @@ var StyledStickyCell = (0, import_styled_components6.default)(StickyCell)`
   ${leftCellShadow}
 `;
 var StyledCell = (0, import_styled_components6.default)(import_eds_core_react4.Table.Cell)`
-  background-color: ${(props) => props.backgroundColor ? props.backgroundColor + " !important" : void 0};
+  ${(props) => props.backgroundColor ? `background-color: ${props.backgroundColor} !important;` : ``}
 `;
-function DynamicCell({ cell, highlight }) {
+function DynamicCell({ cell, highlight, getStickyCellColor }) {
   var _a;
   const cellContent = (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext());
   if ((_a = cell.column.columnDef.meta) == null ? void 0 : _a.sticky) {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StyledStickyCell, {
+      backgroundColor: getStickyCellColor == null ? void 0 : getStickyCellColor(cell),
       "data-column": cell.column.id,
       children: cellContent
     });
@@ -548,6 +549,8 @@ function BasicTable({ table, config, stickyHeader, isLoading }) {
       }),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_eds_core_react10.Table.Body, {
         children: tableRows.length ? tableRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_eds_core_react10.Table.Row, {
+          active: row.getIsSelected(),
+          style: { cursor: (config == null ? void 0 : config.onRowClick) ? "pointer" : "initial" },
           onClick: () => {
             var _a;
             return (_a = config == null ? void 0 : config.onRowClick) == null ? void 0 : _a.call(config, row);
@@ -837,6 +840,7 @@ function VirtualTable({ table, config, containerRef, ...props }) {
             const row = rows[virtualRow.index];
             return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_eds_core_react15.Table.Row, {
               active: row.getIsSelected(),
+              style: { cursor: (config == null ? void 0 : config.onRowClick) ? "pointer" : "initial" },
               onClick: () => {
                 var _a2;
                 return (_a2 = config == null ? void 0 : config.onRowClick) == null ? void 0 : _a2.call(config, row);
@@ -910,6 +914,7 @@ function DataTable({
     enableExpanding: !(config == null ? void 0 : config.hideExpandControls),
     enableMultiRowSelection: (config == null ? void 0 : config.rowSelectionMode) === "multiple",
     enableSubRowSelection: (config == null ? void 0 : config.rowSelectionMode) !== "single",
+    filterFromLeafRows: filters == null ? void 0 : filters.filterFromLeafRows,
     getFilteredRowModel: enableGlobalFilter((0, import_react_table5.getFilteredRowModel)()),
     getCoreRowModel: (0, import_react_table5.getCoreRowModel)(),
     getExpandedRowModel: (0, import_react_table5.getExpandedRowModel)(),

package/dist/index.mjs

@@ -178,13 +178,14 @@ var StyledStickyCell = styled5(StickyCell)`
   ${leftCellShadow}
 `;
 var StyledCell = styled5(Table2.Cell)`
-  background-color: ${(props) => props.backgroundColor ? props.backgroundColor + " !important" : void 0};
+  ${(props) => props.backgroundColor ? `background-color: ${props.backgroundColor} !important;` : ``}
 `;
-function DynamicCell({ cell, highlight }) {
+function DynamicCell({ cell, highlight, getStickyCellColor }) {
   var _a;
   const cellContent = flexRender(cell.column.columnDef.cell, cell.getContext());
   if ((_a = cell.column.columnDef.meta) == null ? void 0 : _a.sticky) {
     return /* @__PURE__ */ jsx4(StyledStickyCell, {
+      backgroundColor: getStickyCellColor == null ? void 0 : getStickyCellColor(cell),
       "data-column": cell.column.id,
       children: cellContent
     });
@@ -510,6 +511,8 @@ function BasicTable({ table, config, stickyHeader, isLoading }) {
       }),
       /* @__PURE__ */ jsx11(EdsTable.Body, {
         children: tableRows.length ? tableRows.map((row) => /* @__PURE__ */ jsx11(EdsTable.Row, {
+          active: row.getIsSelected(),
+          style: { cursor: (config == null ? void 0 : config.onRowClick) ? "pointer" : "initial" },
           onClick: () => {
             var _a;
             return (_a = config == null ? void 0 : config.onRowClick) == null ? void 0 : _a.call(config, row);
@@ -799,6 +802,7 @@ function VirtualTable({ table, config, containerRef, ...props }) {
             const row = rows[virtualRow.index];
             return /* @__PURE__ */ jsx16(Table8.Row, {
               active: row.getIsSelected(),
+              style: { cursor: (config == null ? void 0 : config.onRowClick) ? "pointer" : "initial" },
               onClick: () => {
                 var _a2;
                 return (_a2 = config == null ? void 0 : config.onRowClick) == null ? void 0 : _a2.call(config, row);
@@ -872,6 +876,7 @@ function DataTable({
     enableExpanding: !(config == null ? void 0 : config.hideExpandControls),
     enableMultiRowSelection: (config == null ? void 0 : config.rowSelectionMode) === "multiple",
     enableSubRowSelection: (config == null ? void 0 : config.rowSelectionMode) !== "single",
+    filterFromLeafRows: filters == null ? void 0 : filters.filterFromLeafRows,
     getFilteredRowModel: enableGlobalFilter(getFilteredRowModel()),
     getCoreRowModel: getCoreRowModel(),
     getExpandedRowModel: getExpandedRowModel(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/apollo-components",
-  "version": "1.5.2",
+  "version": "1.6.1",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -20,8 +20,8 @@
     "@equinor/eds-core-react": "^0.27.0",
     "@equinor/eds-icons": "^0.15.0",
     "@equinor/eds-tokens": "^0.9.0",
-    "@tanstack/match-sorter-utils": "^8.5.14",
-    "@tanstack/react-table": "^8.5.15",
+    "@tanstack/match-sorter-utils": "^8.7.6",
+    "@tanstack/react-table": "^8.7.6",
     "@tanstack/react-virtual": "^3.0.0-beta.23",
     "jotai": "^1.10.0",
     "styled-components": "^5.3.6",