@popmenu/common-ui 0.16.0-alpha.0 → 0.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/Accordion/index.d.ts +1 -0
- package/build/components/AccordionActions/index.d.ts +1 -0
- package/build/components/AccordionDetails/index.d.ts +1 -0
- package/build/components/AccordionSummary/index.d.ts +1 -0
- package/build/components/Breadcrumbs/index.d.ts +1 -0
- package/build/components/ButtonBase/index.d.ts +1 -0
- package/build/components/ClickAwayListener/index.d.ts +1 -0
- package/build/components/Fab/index.d.ts +1 -0
- package/build/components/GridList/index.d.ts +1 -0
- package/build/components/Hidden/index.d.ts +1 -0
- package/build/components/Modal/index.d.ts +1 -0
- package/build/components/Popover/index.d.ts +1 -0
- package/build/components/Popper/index.d.ts +1 -0
- package/build/components/Step/index.d.ts +1 -0
- package/build/components/StepButton/index.d.ts +1 -0
- package/build/components/StepConnector/index.d.ts +1 -0
- package/build/components/StepContent/index.d.ts +1 -0
- package/build/components/StepIcon/index.d.ts +1 -0
- package/build/components/StepLabel/index.d.ts +1 -0
- package/build/components/Stepper/index.d.ts +1 -0
- package/build/components/Table/index.d.ts +0 -1
- package/build/components/Table/util/makeColumns.d.ts +1 -1
- package/build/components/TableHeaderCell/TableHeaderCellProps.d.ts +3 -1
- package/build/components/ThemeProvider/index.d.ts +1 -0
- package/build/components/Toolbar/index.d.ts +1 -0
- package/build/components/index.d.ts +22 -0
- package/build/index.d.ts +1 -0
- package/build/index.es.js +10 -9
- package/build/index.es.js.map +1 -1
- package/build/index.js +206 -9
- package/build/index.js.map +1 -1
- package/build/util/ServerStyleSheets.d.ts +1 -0
- package/build/util/colors/alpha.d.ts +1 -0
- package/build/util/colors/darken.d.ts +1 -0
- package/build/util/colors/decomposeColor.d.ts +1 -0
- package/build/util/colors/getLuminance.d.ts +1 -0
- package/build/util/colors/hexToRgb.d.ts +1 -0
- package/build/util/colors/index.d.ts +8 -0
- package/build/util/colors/lighten.d.ts +1 -0
- package/build/util/colors/recomposeColor.d.ts +1 -0
- package/build/util/colors/rgbToHex.d.ts +1 -0
- package/build/util/createTheme.d.ts +1 -0
- package/build/util/index.d.ts +4 -0
- package/build/util/makeStyles.d.ts +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Accordion as default, AccordionProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AccordionActions as default, AccordionActionsProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AccordionDetails as default, AccordionDetailsProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AccordionSummary as default, AccordionSummaryProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Breadcrumbs as default, BreadcrumbsProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ButtonBase as default, ButtonBaseProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ClickAwayListener as default, ClickAwayListenerProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Fab as default, FabProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { GridList as default, GridListProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Hidden as default, HiddenProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Modal as default, ModalProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Popover as default, PopoverProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Popper as default, PopperProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Step as default, StepProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { StepButton as default, StepButtonProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { StepConnector as default, StepConnectorProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { StepContent as default, StepContentProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { StepIcon as default, StepIconProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { StepLabel as default, StepLabelProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Stepper as default, StepperProps } from '@material-ui/core';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Column } from 'react-table';
|
|
2
2
|
import { TableProps } from '../TableProps';
|
|
3
3
|
interface MakeColumnsConfig extends Pick<TableProps, 'columns' | 'actions'> {
|
|
4
|
+
actionColumnId: string;
|
|
4
5
|
}
|
|
5
|
-
export declare const actionColumnId = "table-actions-column";
|
|
6
6
|
export declare const makeColumns: (config: MakeColumnsConfig) => Array<Column>;
|
|
7
7
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ThemeProvider as default, ThemeProviderProps } from '@material-ui/core';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Toolbar as default, ToolbarProps } from '@material-ui/core';
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
export { default as Alert, AlertProps } from './Alert';
|
|
2
|
+
export { default as Accordion, AccordionProps } from './Accordion';
|
|
3
|
+
export { default as AccordionActions, AccordionActionsProps } from './AccordionActions';
|
|
4
|
+
export { default as AccordionDetails, AccordionDetailsProps } from './AccordionDetails';
|
|
5
|
+
export { default as AccordionSummary, AccordionSummaryProps } from './AccordionSummary';
|
|
2
6
|
export { default as AppBar, AppBarProps } from './AppBar';
|
|
3
7
|
export { default as Avatar, AvatarProps } from './Avatar';
|
|
4
8
|
export { default as Badge, BadgeProps } from './Badge';
|
|
5
9
|
export { default as Box, BoxProps } from './Box';
|
|
10
|
+
export { default as Breadcrumbs, BreadcrumbsProps } from './Breadcrumbs';
|
|
6
11
|
export { default as Button, ButtonProps } from './Button';
|
|
12
|
+
export { default as ButtonBase, ButtonBaseProps } from './ButtonBase';
|
|
7
13
|
export { default as ButtonGroup, ButtonGroupProps } from './ButtonGroup';
|
|
8
14
|
export { default as Card, CardProps } from './Card';
|
|
9
15
|
export { default as CardActionArea, CardActionAreaProps } from './CardActionArea';
|
|
@@ -14,6 +20,7 @@ export { default as CardMedia, CardMediaProps } from './CardMedia';
|
|
|
14
20
|
export { default as Checkbox, CheckboxProps } from './Checkbox';
|
|
15
21
|
export { default as Chip, ChipProps } from './Chip';
|
|
16
22
|
export { default as CircularProgress, CircularProgressProps } from './CircularProgress';
|
|
23
|
+
export { default as ClickAwayListener, ClickAwayListenerProps } from './ClickAwayListener';
|
|
17
24
|
export { default as CollapsibleText, CollapsibleTextProps } from './CollapsibleText';
|
|
18
25
|
export { default as Dialog, DialogProps } from './Dialog';
|
|
19
26
|
export { default as DialogActions, DialogActionsProps } from './DialogActions';
|
|
@@ -21,9 +28,12 @@ export { default as DialogContent, DialogContentProps } from './DialogContent';
|
|
|
21
28
|
export { default as DialogTitle, DialogTitleProps } from './DialogTitle';
|
|
22
29
|
export { default as Divider, DividerProps } from './Divider';
|
|
23
30
|
export { default as Drawer, DrawerProps } from './Drawer';
|
|
31
|
+
export { default as Fab, FabProps } from './Fab';
|
|
24
32
|
export { default as FormControl, FormControlProps } from './FormControl';
|
|
25
33
|
export { default as FormControlLabel, FormControlLabelProps } from './FormControlLabel';
|
|
26
34
|
export { default as Grid, GridProps } from './Grid';
|
|
35
|
+
export { default as GridList, GridListProps } from './GridList';
|
|
36
|
+
export { default as Hidden, HiddenProps } from './Hidden';
|
|
27
37
|
export { default as Icon, IconProps } from './Icon';
|
|
28
38
|
export { default as IconButton, IconButtonProps } from './IconButton';
|
|
29
39
|
export { default as InputAdornment, InputAdornmentProps } from './InputAdornment';
|
|
@@ -37,16 +47,28 @@ export { default as ListItemText, ListItemTextProps } from './ListItemText';
|
|
|
37
47
|
export { default as Menu, MenuProps } from './Menu';
|
|
38
48
|
export { default as MenuItem, MenuItemProps } from './MenuItem';
|
|
39
49
|
export { default as MenuList, MenuListProps } from './MenuList';
|
|
50
|
+
export { default as Modal, ModalProps } from './Modal';
|
|
40
51
|
export { default as Paper, PaperProps } from './Paper';
|
|
41
52
|
export { default as PaperContent } from './PaperContent';
|
|
53
|
+
export { default as Popover, PopoverProps } from './Popover';
|
|
54
|
+
export { default as Popper, PopperProps } from './Popper';
|
|
42
55
|
export { default as Radio, RadioProps } from './Radio';
|
|
56
|
+
export { default as Step, StepProps } from './Step';
|
|
57
|
+
export { default as StepButton, StepButtonProps } from './StepButton';
|
|
58
|
+
export { default as StepConnector, StepConnectorProps } from './StepConnector';
|
|
59
|
+
export { default as StepContent, StepContentProps } from './StepContent';
|
|
60
|
+
export { default as StepIcon, StepIconProps } from './StepIcon';
|
|
61
|
+
export { default as StepLabel, StepLabelProps } from './StepLabel';
|
|
62
|
+
export { default as Stepper, StepperProps } from './Stepper';
|
|
43
63
|
export { default as SplitInput, SplitInputProps } from './SplitInput';
|
|
44
64
|
export { default as Switch, SwitchProps } from './Switch';
|
|
45
65
|
export { default as Table, TableProps } from './Table';
|
|
46
66
|
export { default as Tab, TabProps } from './Tab';
|
|
47
67
|
export { default as Tabs, TabsProps } from './Tabs';
|
|
48
68
|
export { default as TextField, TextFieldProps } from './TextField';
|
|
69
|
+
export { default as ThemeProvider, ThemeProviderProps } from './ThemeProvider';
|
|
49
70
|
export { default as ToggleButton, ToggleButtonProps } from './ToggleButton';
|
|
50
71
|
export { default as ToggleButtonGroup, ToggleButtonGroupProps } from './ToggleButtonGroup';
|
|
72
|
+
export { default as Toolbar, ToolbarProps } from './Toolbar';
|
|
51
73
|
export { default as Tooltip, TooltipProps } from './Tooltip';
|
|
52
74
|
export { default as Typography, TypographyProps } from './Typography';
|
package/build/index.d.ts
CHANGED
package/build/index.es.js
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
export { default as Alert } from '@material-ui/lab/Alert';
|
|
2
|
+
import { makeStyles as makeStyles$1, Box as Box$1, useTheme as useTheme$1, Paper as Paper$1 } from '@material-ui/core';
|
|
3
|
+
export { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Breadcrumbs, ButtonBase, ClickAwayListener, Fab, GridList, Hidden, Modal, Popover, Popper, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, ThemeProvider, Toolbar, alpha, createTheme, darken, decomposeColor, getLuminance, hexToRgb, lighten, makeStyles, recomposeColor, rgbToHex } from '@material-ui/core';
|
|
2
4
|
export { default as AppBar } from '@material-ui/core/AppBar';
|
|
3
5
|
import * as React from 'react';
|
|
4
6
|
import React__default, { forwardRef, createElement, useRef, useEffect, Fragment, useMemo, useState } from 'react';
|
|
5
7
|
import MuiAvatar from '@material-ui/core/Avatar';
|
|
6
8
|
import { makeStyles, useTheme } from '@material-ui/core/styles';
|
|
9
|
+
export { ServerStyleSheets } from '@material-ui/core/styles';
|
|
7
10
|
export { default as Badge } from '@material-ui/core/Badge';
|
|
8
|
-
import { makeStyles as makeStyles$1, Box as Box$1, useTheme as useTheme$1, Paper as Paper$1 } from '@material-ui/core';
|
|
9
11
|
import MuiButton from '@material-ui/core/Button';
|
|
10
12
|
import CircularProgress from '@material-ui/core/CircularProgress';
|
|
11
13
|
export { default as CircularProgress } from '@material-ui/core/CircularProgress';
|
|
@@ -6488,8 +6490,7 @@ var TableHeader = function (props) {
|
|
|
6488
6490
|
};
|
|
6489
6491
|
|
|
6490
6492
|
var getWidth = function (props) {
|
|
6491
|
-
var
|
|
6492
|
-
var isActionColumn = column.id === actionColumnId;
|
|
6493
|
+
var isActionColumn = props.column.isActionColumn, fullWidth = props.tableProps.fullWidth;
|
|
6493
6494
|
var width;
|
|
6494
6495
|
if (fullWidth && isActionColumn) {
|
|
6495
6496
|
width = '0.0000000001%';
|
|
@@ -6579,8 +6580,8 @@ var TableHeaderCell = function (props) {
|
|
|
6579
6580
|
var root = useTableHeaderCellStyles(props).root;
|
|
6580
6581
|
var palette = useTheme$1().palette;
|
|
6581
6582
|
//@ts-expect-error @types/react-table issue
|
|
6582
|
-
var canSort = column.canSort, isSorted = column.isSorted, isSortedDesc = column.isSortedDesc;
|
|
6583
|
-
var showSortIndicator = canSort &&
|
|
6583
|
+
var canSort = column.canSort, isSorted = column.isSorted, isSortedDesc = column.isSortedDesc, isActionColumn = column.isActionColumn;
|
|
6584
|
+
var showSortIndicator = canSort && !isActionColumn;
|
|
6584
6585
|
return (React__default.createElement("th", __assign({ className: root }, restProps),
|
|
6585
6586
|
React__default.createElement(Box, { display: "flex", alignItems: "center", gap: 1 },
|
|
6586
6587
|
children,
|
|
@@ -6672,9 +6673,8 @@ var TableActionsCell = function (props) {
|
|
|
6672
6673
|
}))))));
|
|
6673
6674
|
};
|
|
6674
6675
|
|
|
6675
|
-
var actionColumnId = 'table-actions-column';
|
|
6676
6676
|
var makeColumns = function (config) {
|
|
6677
|
-
var columns = config.columns, actions = config.actions;
|
|
6677
|
+
var columns = config.columns, actions = config.actions, actionColumnId = config.actionColumnId;
|
|
6678
6678
|
var actionColumn;
|
|
6679
6679
|
var memoizedColumns = __spreadArray([], columns);
|
|
6680
6680
|
if (actions) {
|
|
@@ -6691,9 +6691,10 @@ var makeColumns = function (config) {
|
|
|
6691
6691
|
|
|
6692
6692
|
/* eslint-disable react/jsx-key */
|
|
6693
6693
|
var Table = function (props) {
|
|
6694
|
+
var actionColumnId = 'table-actions-column';
|
|
6694
6695
|
var rawColumns = props.columns, data = props.data, actions = props.actions, sortable = props.sortable, emptyMessage = props.emptyMessage, EmptyImage = props.EmptyImage, isLoading = props.loading;
|
|
6695
6696
|
var classes = useTableStyles(props);
|
|
6696
|
-
var columns = useMemo(function () { return makeColumns({ columns: rawColumns, actions: actions }); }, [rawColumns, actions]);
|
|
6697
|
+
var columns = useMemo(function () { return makeColumns({ columns: rawColumns, actions: actions, actionColumnId: actionColumnId }); }, [rawColumns, actions]);
|
|
6697
6698
|
// @ts-expect-error @types/react-table issue
|
|
6698
6699
|
var instance = reactTable.exports.useTable({ columns: columns, data: data, disableSortBy: !sortable }, reactTable.exports.useSortBy, reactTable.exports.usePagination);
|
|
6699
6700
|
// @ts-expect-error @types/react-table issue
|
|
@@ -6708,7 +6709,7 @@ var Table = function (props) {
|
|
|
6708
6709
|
React__default.createElement("table", __assign({ className: classes.table }, getTableProps()),
|
|
6709
6710
|
React__default.createElement(TableHeader, null, headerGroups.map(function (headerGroup) { return (React__default.createElement(TableHeaderRow, __assign({}, headerGroup.getHeaderGroupProps()), headerGroup.headers.map(function (column) { return (React__default.createElement(TableHeaderCell
|
|
6710
6711
|
// @ts-expect-error @types/react-table issue
|
|
6711
|
-
, __assign({}, column.getHeaderProps(column.getSortByToggleProps()), { column: column, tableProps: props }), column.render('Header'))); }))); })),
|
|
6712
|
+
, __assign({}, column.getHeaderProps(column.getSortByToggleProps()), { column: __assign(__assign({}, column), { isActionColumn: column.id === actionColumnId }), tableProps: props }), column.render('Header'))); }))); })),
|
|
6712
6713
|
!isEmpty && !isLoading && (React__default.createElement(TableBody, __assign({}, getTableBodyProps()), page.map(function (row) {
|
|
6713
6714
|
prepareRow(row);
|
|
6714
6715
|
return (React__default.createElement(TableRow, __assign({}, row.getRowProps()), row.cells.map(function (cell) { return (React__default.createElement(TableCell, __assign({}, cell.getCellProps()), cell.render('Cell'))); })));
|