@popmenu/common-ui 0.16.0-alpha.0 → 0.16.0

package/build/index.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Alert = require('@material-ui/lab/Alert');
+var core = require('@material-ui/core');
 var AppBar = require('@material-ui/core/AppBar');
 var React = require('react');
 var MuiAvatar = require('@material-ui/core/Avatar');
 var styles = require('@material-ui/core/styles');
 var Badge = require('@material-ui/core/Badge');
-var core = require('@material-ui/core');
 var MuiButton = require('@material-ui/core/Button');
 var CircularProgress = require('@material-ui/core/CircularProgress');
 var ButtonGroup = require('@material-ui/core/ButtonGroup');
@@ -6556,8 +6556,7 @@ var TableHeader = function (props) {
 };
 
 var getWidth = function (props) {
-    var column = props.column, fullWidth = props.tableProps.fullWidth;
-    var isActionColumn = column.id === actionColumnId;
+    var isActionColumn = props.column.isActionColumn, fullWidth = props.tableProps.fullWidth;
     var width;
     if (fullWidth && isActionColumn) {
         width = '0.0000000001%';
@@ -6647,8 +6646,8 @@ var TableHeaderCell = function (props) {
     var root = useTableHeaderCellStyles(props).root;
     var palette = core.useTheme().palette;
     //@ts-expect-error @types/react-table issue
-    var canSort = column.canSort, isSorted = column.isSorted, isSortedDesc = column.isSortedDesc;
-    var showSortIndicator = canSort && column.id !== actionColumnId;
+    var canSort = column.canSort, isSorted = column.isSorted, isSortedDesc = column.isSortedDesc, isActionColumn = column.isActionColumn;
+    var showSortIndicator = canSort && !isActionColumn;
     return (React__default['default'].createElement("th", __assign({ className: root }, restProps),
         React__default['default'].createElement(Box, { display: "flex", alignItems: "center", gap: 1 },
             children,
@@ -6740,9 +6739,8 @@ var TableActionsCell = function (props) {
             }))))));
 };
 
-var actionColumnId = 'table-actions-column';
 var makeColumns = function (config) {
-    var columns = config.columns, actions = config.actions;
+    var columns = config.columns, actions = config.actions, actionColumnId = config.actionColumnId;
     var actionColumn;
     var memoizedColumns = __spreadArray([], columns);
     if (actions) {
@@ -6759,9 +6757,10 @@ var makeColumns = function (config) {
 
 /* eslint-disable react/jsx-key */
 var Table = function (props) {
+    var actionColumnId = 'table-actions-column';
     var rawColumns = props.columns, data = props.data, actions = props.actions, sortable = props.sortable, emptyMessage = props.emptyMessage, EmptyImage = props.EmptyImage, isLoading = props.loading;
     var classes = useTableStyles(props);
-    var columns = React.useMemo(function () { return makeColumns({ columns: rawColumns, actions: actions }); }, [rawColumns, actions]);
+    var columns = React.useMemo(function () { return makeColumns({ columns: rawColumns, actions: actions, actionColumnId: actionColumnId }); }, [rawColumns, actions]);
     // @ts-expect-error @types/react-table issue
     var instance = reactTable.exports.useTable({ columns: columns, data: data, disableSortBy: !sortable }, reactTable.exports.useSortBy, reactTable.exports.usePagination);
     // @ts-expect-error @types/react-table issue
@@ -6776,7 +6775,7 @@ var Table = function (props) {
             React__default['default'].createElement("table", __assign({ className: classes.table }, getTableProps()),
                 React__default['default'].createElement(TableHeader, null, headerGroups.map(function (headerGroup) { return (React__default['default'].createElement(TableHeaderRow, __assign({}, headerGroup.getHeaderGroupProps()), headerGroup.headers.map(function (column) { return (React__default['default'].createElement(TableHeaderCell
                 // @ts-expect-error @types/react-table issue
-                , __assign({}, column.getHeaderProps(column.getSortByToggleProps()), { column: column, tableProps: props }), column.render('Header'))); }))); })),
+                , __assign({}, column.getHeaderProps(column.getSortByToggleProps()), { column: __assign(__assign({}, column), { isActionColumn: column.id === actionColumnId }), tableProps: props }), column.render('Header'))); }))); })),
                 !isEmpty && !isLoading && (React__default['default'].createElement(TableBody, __assign({}, getTableBodyProps()), page.map(function (row) {
                     prepareRow(row);
                     return (React__default['default'].createElement(TableRow, __assign({}, row.getRowProps()), row.cells.map(function (cell) { return (React__default['default'].createElement(TableCell, __assign({}, cell.getCellProps()), cell.render('Cell'))); })));
@@ -6877,12 +6876,210 @@ Object.defineProperty(exports, 'Alert', {
         return Alert__default['default'];
     }
 });
+Object.defineProperty(exports, 'Accordion', {
+    enumerable: true,
+    get: function () {
+        return core.Accordion;
+    }
+});
+Object.defineProperty(exports, 'AccordionActions', {
+    enumerable: true,
+    get: function () {
+        return core.AccordionActions;
+    }
+});
+Object.defineProperty(exports, 'AccordionDetails', {
+    enumerable: true,
+    get: function () {
+        return core.AccordionDetails;
+    }
+});
+Object.defineProperty(exports, 'AccordionSummary', {
+    enumerable: true,
+    get: function () {
+        return core.AccordionSummary;
+    }
+});
+Object.defineProperty(exports, 'Breadcrumbs', {
+    enumerable: true,
+    get: function () {
+        return core.Breadcrumbs;
+    }
+});
+Object.defineProperty(exports, 'ButtonBase', {
+    enumerable: true,
+    get: function () {
+        return core.ButtonBase;
+    }
+});
+Object.defineProperty(exports, 'ClickAwayListener', {
+    enumerable: true,
+    get: function () {
+        return core.ClickAwayListener;
+    }
+});
+Object.defineProperty(exports, 'Fab', {
+    enumerable: true,
+    get: function () {
+        return core.Fab;
+    }
+});
+Object.defineProperty(exports, 'GridList', {
+    enumerable: true,
+    get: function () {
+        return core.GridList;
+    }
+});
+Object.defineProperty(exports, 'Hidden', {
+    enumerable: true,
+    get: function () {
+        return core.Hidden;
+    }
+});
+Object.defineProperty(exports, 'Modal', {
+    enumerable: true,
+    get: function () {
+        return core.Modal;
+    }
+});
+Object.defineProperty(exports, 'Popover', {
+    enumerable: true,
+    get: function () {
+        return core.Popover;
+    }
+});
+Object.defineProperty(exports, 'Popper', {
+    enumerable: true,
+    get: function () {
+        return core.Popper;
+    }
+});
+Object.defineProperty(exports, 'Step', {
+    enumerable: true,
+    get: function () {
+        return core.Step;
+    }
+});
+Object.defineProperty(exports, 'StepButton', {
+    enumerable: true,
+    get: function () {
+        return core.StepButton;
+    }
+});
+Object.defineProperty(exports, 'StepConnector', {
+    enumerable: true,
+    get: function () {
+        return core.StepConnector;
+    }
+});
+Object.defineProperty(exports, 'StepContent', {
+    enumerable: true,
+    get: function () {
+        return core.StepContent;
+    }
+});
+Object.defineProperty(exports, 'StepIcon', {
+    enumerable: true,
+    get: function () {
+        return core.StepIcon;
+    }
+});
+Object.defineProperty(exports, 'StepLabel', {
+    enumerable: true,
+    get: function () {
+        return core.StepLabel;
+    }
+});
+Object.defineProperty(exports, 'Stepper', {
+    enumerable: true,
+    get: function () {
+        return core.Stepper;
+    }
+});
+Object.defineProperty(exports, 'ThemeProvider', {
+    enumerable: true,
+    get: function () {
+        return core.ThemeProvider;
+    }
+});
+Object.defineProperty(exports, 'Toolbar', {
+    enumerable: true,
+    get: function () {
+        return core.Toolbar;
+    }
+});
+Object.defineProperty(exports, 'alpha', {
+    enumerable: true,
+    get: function () {
+        return core.alpha;
+    }
+});
+Object.defineProperty(exports, 'createTheme', {
+    enumerable: true,
+    get: function () {
+        return core.createTheme;
+    }
+});
+Object.defineProperty(exports, 'darken', {
+    enumerable: true,
+    get: function () {
+        return core.darken;
+    }
+});
+Object.defineProperty(exports, 'decomposeColor', {
+    enumerable: true,
+    get: function () {
+        return core.decomposeColor;
+    }
+});
+Object.defineProperty(exports, 'getLuminance', {
+    enumerable: true,
+    get: function () {
+        return core.getLuminance;
+    }
+});
+Object.defineProperty(exports, 'hexToRgb', {
+    enumerable: true,
+    get: function () {
+        return core.hexToRgb;
+    }
+});
+Object.defineProperty(exports, 'lighten', {
+    enumerable: true,
+    get: function () {
+        return core.lighten;
+    }
+});
+Object.defineProperty(exports, 'makeStyles', {
+    enumerable: true,
+    get: function () {
+        return core.makeStyles;
+    }
+});
+Object.defineProperty(exports, 'recomposeColor', {
+    enumerable: true,
+    get: function () {
+        return core.recomposeColor;
+    }
+});
+Object.defineProperty(exports, 'rgbToHex', {
+    enumerable: true,
+    get: function () {
+        return core.rgbToHex;
+    }
+});
 Object.defineProperty(exports, 'AppBar', {
     enumerable: true,
     get: function () {
         return AppBar__default['default'];
     }
 });
+Object.defineProperty(exports, 'ServerStyleSheets', {
+    enumerable: true,
+    get: function () {
+        return styles.ServerStyleSheets;
+    }
+});
 Object.defineProperty(exports, 'Badge', {
     enumerable: true,
     get: function () {