grep-components 1.20.0-grepf-1818.1 → 1.20.0-grepf-1816.1

package/dist/components/GrepTable/components/grep-table-header-cell.d.ts

@@ -4,6 +4,7 @@ import { TableColumn } from '..';
 interface Properties<T> extends TableSortLabelProps {
     column: TableColumn<T>;
     onSortBy?: (row: T) => void;
+    empty?: boolean;
 }
 declare type Component<T> = React.FunctionComponent<Properties<T>>;
 export declare const TableHeaderCell: Component<any>;

package/dist/index.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import React__default, { useRef, useContext, createContext, createElement, Fragment, forwardRef, useMemo as useMemo$1, useState, useCallback as useCallback$1, useEffect, useLayoutEffect } from 'react';
 import AccountCircle from '@mui/icons-material/AccountCircle';
 import ArrowDropdown from '@mui/icons-material/ArrowDropDown';
-import { Button, Box, Typography, IconButton, Menu, MenuItem, Tabs, Tab, Collapse, MenuList, Tooltip, Container, List, ListItem, ListItemText, ListItemIcon, Divider, ListItemButton, styled, TableCell, TableRow, TableSortLabel, TableHead, TablePagination, TableContainer, Table, TableBody, TableFooter, CircularProgress, Link, TextField, FormControl, InputLabel, Select, OutlinedInput, Input, Checkbox, FormHelperText, Grid, ToggleButtonGroup, AppBar as AppBar$1, Toolbar as Toolbar$1, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions } from '@mui/material';
+import { Button, Box, Typography, IconButton, Menu, MenuItem, Tabs, Tab, Collapse, MenuList, Tooltip, Container, List, ListItem, ListItemText, ListItemIcon, Divider, styled, TableCell, TableRow, TableSortLabel, TableHead, TablePagination, TableContainer, Table, TableBody, TableFooter, CircularProgress, Link, TextField, FormControl, InputLabel, Select, OutlinedInput, Input, Checkbox, FormHelperText, Grid, ToggleButtonGroup, AppBar as AppBar$1, Toolbar as Toolbar$1, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions } from '@mui/material';
 import { useTheme } from '@mui/material/styles';
 import { useHistory, NavLink, Prompt } from 'react-router-dom';
 import MenuIcon from '@mui/icons-material/Menu';
@@ -3328,10 +3328,9 @@ var ContainedLinkList = function (props) {
     var classes = useStyles$e().classes;
     return (React.createElement(Box, { className: classes.container, style: props.style },
         React.createElement(Typography, { className: classes.title }, props.title),
-        React.createElement(List, { style: { padding: 0 } }, props.pages.map(function (page) { return (React.createElement(ListItem, { divider: true, key: page.id, disablePadding: true },
-            React.createElement(ListItemButton, { onClick: function () { return props.onPageClick(page); } },
-                page.linkIcon && React.createElement(ListItemIcon$1, null, page.linkIcon),
-                React.createElement(ListItemText, { primary: page.label })))); }))));
+        React.createElement(List, { style: { padding: 0 } }, props.pages.map(function (page) { return (React.createElement(ListItem, { button: true, divider: true, key: page.id, onClick: function () { return props.onPageClick(page); } },
+            page.linkIcon && React.createElement(ListItemIcon$1, null, page.linkIcon),
+            React.createElement(ListItemText, { primary: page.label }))); }))));
 };
 
 var OverflowTooltip = /** @class */ (function (_super) {
@@ -3439,14 +3438,14 @@ var useTableHeaderStyles = makeStyles()(function (_theme, _a) {
 });
 
 var TableHeaderCell = function (_a) {
-    var column = _a.column, onSortBy = _a.onSortBy, direction = _a.direction, active = _a.active, children = _a.children, props = __rest$1(_a, ["column", "onSortBy", "direction", "active", "children"]);
+    var column = _a.column, onSortBy = _a.onSortBy, direction = _a.direction, active = _a.active, children = _a.children, _b = _a.empty, empty = _b === void 0 ? false : _b, props = __rest$1(_a, ["column", "onSortBy", "direction", "active", "children", "empty"]);
     var classes = useTableHeaderStyles({ column: column }).classes;
     var sortable = !!(onSortBy && column.sortable);
-    if (sortable) {
-        return (React__default.createElement(TableCell, __assign({ variant: "head", className: classes.th }, props),
+    if (sortable && !empty) {
+        return (React__default.createElement(TableCell, __assign({ variant: empty ? 'body' : 'head', className: classes.th }, props),
             React__default.createElement(TableSortLabel, { active: active, direction: direction }, children)));
     }
-    return (React__default.createElement(TableCell, __assign({ variant: "head", className: classes.th }, props), children));
+    return empty ? (React__default.createElement("td", { className: classes.th }, children)) : (React__default.createElement(TableCell, __assign({ variant: empty ? 'body' : 'head', className: classes.th }, props), children));
 };
 
 var TableHeader = function (_a) {
@@ -3458,7 +3457,7 @@ var TableHeader = function (_a) {
         React__default.createElement(TableRow, null, headerColumns.map(function (column, index) {
             var sortable = !!(onSortBy && column.sortable);
             var label = column.label, colDef = column.colDef;
-            return (React__default.createElement(TableHeaderCell, { key: index, column: column, direction: sortDirection, active: sortable ? sortBy === colDef : undefined, onClick: function () { return sortable && onSortBy(column); }, onKeyDown: onActivation(function (e) {
+            return (React__default.createElement(TableHeaderCell, { key: index, empty: !label, column: column, direction: sortDirection, active: sortable ? sortBy === colDef : undefined, onClick: function () { return sortable && onSortBy(column); }, onKeyDown: onActivation(function (e) {
                     if (sortable) {
                         e.preventDefault();
                         onSortBy(column);