@bluemarble/bm-components 0.0.83 → 0.0.84

package/dist/esm/index.js

@@ -15033,18 +15033,43 @@ const GridPagination = ({ currentPage, totalNumberOfPages, onPageChange, rowsPer
                 React__default.createElement(MdArrowForwardIos, { size: 8 * 2 })))));
 };
 
-function BaseGrid({ columns, children, fixedColumns, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense = true, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, hideFooter, isLoading }) {
-    return (React__default.createElement(Paper, Object.assign({}, paperProps, { sx: Object.assign({ 'tr td': {
-                py: dense ? 0.23 : 0.7
-            }, 'tr td:not(:last-child), tr th:not(:last-child)': {
-                borderRight: bordered ? '1px solid' : '',
+const styles = {
+    rowGap: function (dense) {
+        return {
+            py: dense ? 0.23 : 0.7
+        };
+    },
+    bordered: function (active) {
+        if (!active)
+            return {};
+        return {
+            'tr td:not(:last-child), tr th:not(:last-child)': {
+                borderRight: '1px solid',
                 borderColor: 'divider'
-            }, 'tr:nth-of-type(even)': {
+            }
+        };
+    },
+    striped: function (active) {
+        if (!active)
+            return {};
+        return {
+            'tr:nth-of-type(even)': {
                 transition: 'background-color ease 200ms',
-                bgcolor: striped ? 'divider' : 'initial'
-            }, 'tbody tr:last-child td': {
-                borderBottomWidth: hideFooter ? 0 : 1
-            } }, paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx) }),
+                bgcolor: 'divider'
+            }
+        };
+    },
+    lastRowBorder: function (active) {
+        return {
+            'tbody tr:last-child td': {
+                borderBottomWidth: active ? 0 : 1
+            }
+        };
+    }
+};
+
+function BaseGrid({ columns, children, fixedColumns, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense = true, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, hideFooter, isLoading }) {
+    return (React__default.createElement(Paper, Object.assign({}, paperProps, { sx: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, styles.rowGap(dense)), styles.bordered(bordered)), styles.striped(striped)), styles.lastRowBorder(hideFooter)), paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx) }),
         React__default.createElement(Table, Object.assign({ size: "small", stickyHeader: true }, tableProps, { sx: Object.assign({}, tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx) }),
             React__default.createElement(TableHead, Object.assign({}, tableHeadProps),
                 React__default.createElement(TableRow, null, columns.map((column) => (React__default.createElement(TableCell, { key: column.name, padding: dense ? 'none' : 'normal', sx: Object.assign({ pl: 2 }, column === null || column === void 0 ? void 0 : column.sx) }, column.children ? (column.children) : (React__default.createElement(TableSortLabel, { active: sortedBy === column.name, direction: sortedDirection, onClick: () => onSortBy(column.name), disabled: column.canSort === false }, column.label)))))),