@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.
Files changed (45) hide show
  1. package/build/components/Accordion/index.d.ts +1 -0
  2. package/build/components/AccordionActions/index.d.ts +1 -0
  3. package/build/components/AccordionDetails/index.d.ts +1 -0
  4. package/build/components/AccordionSummary/index.d.ts +1 -0
  5. package/build/components/Breadcrumbs/index.d.ts +1 -0
  6. package/build/components/ButtonBase/index.d.ts +1 -0
  7. package/build/components/ClickAwayListener/index.d.ts +1 -0
  8. package/build/components/Fab/index.d.ts +1 -0
  9. package/build/components/GridList/index.d.ts +1 -0
  10. package/build/components/Hidden/index.d.ts +1 -0
  11. package/build/components/Modal/index.d.ts +1 -0
  12. package/build/components/Popover/index.d.ts +1 -0
  13. package/build/components/Popper/index.d.ts +1 -0
  14. package/build/components/Step/index.d.ts +1 -0
  15. package/build/components/StepButton/index.d.ts +1 -0
  16. package/build/components/StepConnector/index.d.ts +1 -0
  17. package/build/components/StepContent/index.d.ts +1 -0
  18. package/build/components/StepIcon/index.d.ts +1 -0
  19. package/build/components/StepLabel/index.d.ts +1 -0
  20. package/build/components/Stepper/index.d.ts +1 -0
  21. package/build/components/Table/index.d.ts +0 -1
  22. package/build/components/Table/util/makeColumns.d.ts +1 -1
  23. package/build/components/TableHeaderCell/TableHeaderCellProps.d.ts +3 -1
  24. package/build/components/ThemeProvider/index.d.ts +1 -0
  25. package/build/components/Toolbar/index.d.ts +1 -0
  26. package/build/components/index.d.ts +22 -0
  27. package/build/index.d.ts +1 -0
  28. package/build/index.es.js +10 -9
  29. package/build/index.es.js.map +1 -1
  30. package/build/index.js +206 -9
  31. package/build/index.js.map +1 -1
  32. package/build/util/ServerStyleSheets.d.ts +1 -0
  33. package/build/util/colors/alpha.d.ts +1 -0
  34. package/build/util/colors/darken.d.ts +1 -0
  35. package/build/util/colors/decomposeColor.d.ts +1 -0
  36. package/build/util/colors/getLuminance.d.ts +1 -0
  37. package/build/util/colors/hexToRgb.d.ts +1 -0
  38. package/build/util/colors/index.d.ts +8 -0
  39. package/build/util/colors/lighten.d.ts +1 -0
  40. package/build/util/colors/recomposeColor.d.ts +1 -0
  41. package/build/util/colors/rgbToHex.d.ts +1 -0
  42. package/build/util/createTheme.d.ts +1 -0
  43. package/build/util/index.d.ts +4 -0
  44. package/build/util/makeStyles.d.ts +1 -0
  45. 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,3 +1,2 @@
1
1
  export { Table as default } from './Table';
2
2
  export { TableProps } from './TableProps';
3
- export { actionColumnId } from './util/makeColumns';
@@ -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 {};
@@ -1,6 +1,8 @@
1
1
  import { Column } from 'react-table';
2
2
  import { TableProps } from '../Table';
3
3
  export interface TableHeaderCellProps {
4
- column: Column;
4
+ column: Column & {
5
+ isActionColumn: boolean;
6
+ };
5
7
  tableProps: TableProps;
6
8
  }
@@ -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
@@ -1,2 +1,3 @@
1
1
  export * from './components';
2
2
  export * from './hooks';
3
+ export * from './util';
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 column = props.column, fullWidth = props.tableProps.fullWidth;
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 && column.id !== actionColumnId;
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'))); })));