@popmenu/common-ui 0.14.0 → 0.17.0

package/build/components/Accordion/index.d.ts

@@ -0,0 +1 @@
+export { Accordion as default, AccordionProps } from '@material-ui/core';

package/build/components/AccordionActions/index.d.ts

@@ -0,0 +1 @@
+export { AccordionActions as default, AccordionActionsProps } from '@material-ui/core';

package/build/components/AccordionDetails/index.d.ts

@@ -0,0 +1 @@
+export { AccordionDetails as default, AccordionDetailsProps } from '@material-ui/core';

package/build/components/AccordionSummary/index.d.ts

@@ -0,0 +1 @@
+export { AccordionSummary as default, AccordionSummaryProps } from '@material-ui/core';

package/build/components/AudioPlayer/AudioPlayer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { AudioPlayerProps } from './AudioPlayerProps';
+export declare const AudioPlayer: FC<AudioPlayerProps>;

package/build/components/AudioPlayer/AudioPlayerProps.d.ts

@@ -0,0 +1,4 @@
+export interface AudioPlayerProps {
+    /** The URL of the audio to embed. */
+    src?: string;
+}

package/build/components/AudioPlayer/index.d.ts

@@ -0,0 +1,2 @@
+export { AudioPlayer as default } from './AudioPlayer';
+export { AudioPlayerProps } from './AudioPlayerProps';

package/build/components/AudioPlayer/util/audioPlayerReducer.d.ts

@@ -0,0 +1,11 @@
+import { PLAYBACK_STATES, CONTROL_LABELS, AudioPlayerState, AudioPlayerEvent, VOLUME_CONTROL_STATES } from './types';
+export declare const initialAudioPlayerState: {
+    playback: PLAYBACK_STATES;
+    volumeControls: VOLUME_CONTROL_STATES;
+    context: {
+        volume: number;
+        playbackButtonLabel: CONTROL_LABELS;
+        volumeButtonLabel: CONTROL_LABELS;
+    };
+};
+export declare const audioPlayerReducer: (state: AudioPlayerState, event: AudioPlayerEvent) => AudioPlayerState;

package/build/components/AudioPlayer/util/formatTime.d.ts

@@ -0,0 +1 @@
+export declare const formatTime: (time: number, remaning?: boolean) => string;

package/build/components/AudioPlayer/util/index.d.ts

@@ -0,0 +1,6 @@
+export { audioPlayerReducer, initialAudioPlayerState } from './audioPlayerReducer';
+export { usePlaybackIcon } from './usePlaybackIcon';
+export { useVolumeIcon } from './useVolumeIcon';
+export { formatTime } from './formatTime';
+export { setupAudioRef } from './setupAudioRef';
+export * from './types';

package/build/components/AudioPlayer/util/setupAudioRef.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+import { AudioPlayerEvent } from './types';
+interface Config {
+    audioRef: RefObject<HTMLAudioElement>;
+    send: (event: AudioPlayerEvent) => void;
+}
+export declare const setupAudioRef: (config: Config) => () => () => void;
+export {};

package/build/components/AudioPlayer/util/types.d.ts

@@ -0,0 +1,74 @@
+import { RefObject } from 'react';
+export declare enum AUDIO_PLAYER_EVENT_TYPES {
+    TOGGLE_PLAYBACK = "TOGGLE_PLAYBACK",
+    TOGGLE_VOLUME_CONTROL = "TOGGLE_VOLUME_CONTROL",
+    TOGGLE_MUTE = "TOGGLE_MUTE",
+    VOLUME_CHANGE = "VOLUME_CHANGE",
+    TIME_CHANGE = "TIME_CHANGE",
+    DURATION_CHANGE = "DURATION_CHANGE",
+    SET_TIME = "SET_TIME",
+    CAN_PLAY = "CAN_PLAY"
+}
+interface SetVolumeEvent {
+    type: AUDIO_PLAYER_EVENT_TYPES.VOLUME_CHANGE;
+    context: Pick<AudioPlayerExtendState, 'volume'>;
+}
+interface TogglePlaybackEvent {
+    type: AUDIO_PLAYER_EVENT_TYPES.TOGGLE_PLAYBACK;
+}
+interface ToggleVolumeControlEvent {
+    type: AUDIO_PLAYER_EVENT_TYPES.TOGGLE_VOLUME_CONTROL;
+}
+interface TimeChangeEvent {
+    type: AUDIO_PLAYER_EVENT_TYPES.TIME_CHANGE;
+    context: {
+        currentTime: number;
+    };
+}
+interface DurationChangeEvent {
+    type: AUDIO_PLAYER_EVENT_TYPES.DURATION_CHANGE;
+    context: {
+        duration: number;
+    };
+}
+interface ToggleMuteEvent {
+    type: AUDIO_PLAYER_EVENT_TYPES.TOGGLE_MUTE;
+}
+interface SetTimeEvent {
+    type: AUDIO_PLAYER_EVENT_TYPES.SET_TIME;
+    context: {
+        time: number;
+    };
+}
+interface CanPlayEvent {
+    type: AUDIO_PLAYER_EVENT_TYPES.CAN_PLAY;
+}
+export declare type AudioPlayerEvent = TogglePlaybackEvent | ToggleVolumeControlEvent | SetVolumeEvent | TimeChangeEvent | DurationChangeEvent | ToggleMuteEvent | SetTimeEvent | CanPlayEvent;
+export declare enum PLAYBACK_STATES {
+    NONE = "NONE",
+    PLAYABLE = "PLAYABLE",
+    PAUSED = "PAUSED",
+    PLAYING = "PLAYING"
+}
+export declare enum CONTROL_LABELS {
+    PAUSE = "PAUSE",
+    PLAY = "PLAY",
+    MUTE = "MUTE",
+    UNMUTE = "UNMUTE"
+}
+export declare enum VOLUME_CONTROL_STATES {
+    SHOW = "SHOW",
+    HIDE = "HIDE"
+}
+export interface AudioPlayerExtendState {
+    volume: number;
+    audioRef: RefObject<HTMLAudioElement>;
+    playbackButtonLabel: CONTROL_LABELS;
+    volumeButtonLabel: CONTROL_LABELS;
+}
+export interface AudioPlayerState {
+    playback: PLAYBACK_STATES;
+    volumeControls: VOLUME_CONTROL_STATES;
+    context: AudioPlayerExtendState;
+}
+export {};

package/build/components/AudioPlayer/util/usePlaybackIcon.d.ts

@@ -0,0 +1,2 @@
+import { AudioPlayerState } from './types';
+export declare const usePlaybackIcon: (state: AudioPlayerState) => string;

package/build/components/AudioPlayer/util/useVolumeIcon.d.ts

@@ -0,0 +1,2 @@
+import { AudioPlayerState } from './types';
+export declare const useVolumeIcon: (state: AudioPlayerState) => string;

package/build/components/Box/Box.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { BoxProps } from './BoxProps';
+export declare const Box: FC<BoxProps>;

package/build/components/Box/BoxProps.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps as MuiBoxProps } from '@material-ui/core';
+export interface BoxProps extends MuiBoxProps {
+    /** Sets the css gap property using thematic spacing units. */
+    gap?: number;
+}

package/build/components/Box/BoxStyles.d.ts

@@ -0,0 +1 @@
+export declare const useBoxStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;

package/build/components/Box/index.d.ts

@@ -1 +1,2 @@
-export { default, BoxProps } from '@material-ui/core/Box';
+export { Box as default } from './Box';
+export { BoxProps } from './BoxProps';

package/build/components/Breadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export { Breadcrumbs as default, BreadcrumbsProps } from '@material-ui/core';

package/build/components/ButtonBase/index.d.ts

@@ -0,0 +1 @@
+export { ButtonBase as default, ButtonBaseProps } from '@material-ui/core';

package/build/components/ClickAwayListener/index.d.ts

@@ -0,0 +1 @@
+export { ClickAwayListener as default, ClickAwayListenerProps } from '@material-ui/core';

package/build/components/Fab/index.d.ts

@@ -0,0 +1 @@
+export { Fab as default, FabProps } from '@material-ui/core';

package/build/components/GridList/index.d.ts

@@ -0,0 +1 @@
+export { GridList as default, GridListProps } from '@material-ui/core';

package/build/components/Hidden/index.d.ts

@@ -0,0 +1 @@
+export { Hidden as default, HiddenProps } from '@material-ui/core';

package/build/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export { Modal as default, ModalProps } from '@material-ui/core';

package/build/components/Popover/index.d.ts

@@ -0,0 +1 @@
+export { Popover as default, PopoverProps } from '@material-ui/core';

package/build/components/Popper/index.d.ts

@@ -0,0 +1 @@
+export { Popper as default, PopperProps } from '@material-ui/core';

package/build/components/Step/index.d.ts

@@ -0,0 +1 @@
+export { Step as default, StepProps } from '@material-ui/core';

package/build/components/StepButton/index.d.ts

@@ -0,0 +1 @@
+export { StepButton as default, StepButtonProps } from '@material-ui/core';

package/build/components/StepConnector/index.d.ts

@@ -0,0 +1 @@
+export { StepConnector as default, StepConnectorProps } from '@material-ui/core';

package/build/components/StepContent/index.d.ts

@@ -0,0 +1 @@
+export { StepContent as default, StepContentProps } from '@material-ui/core';

package/build/components/StepIcon/index.d.ts

@@ -0,0 +1 @@
+export { StepIcon as default, StepIconProps } from '@material-ui/core';

package/build/components/StepLabel/index.d.ts

@@ -0,0 +1 @@
+export { StepLabel as default, StepLabelProps } from '@material-ui/core';

package/build/components/Stepper/index.d.ts

@@ -0,0 +1 @@
+export { Stepper as default, StepperProps } from '@material-ui/core';

package/build/components/Table/Table.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TableProps } from './TableProps';
+export declare const Table: FC<TableProps>;

package/build/components/Table/TableProps.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Cell, Column } from 'react-table';
+export interface TableProps {
+    /** Configurations for each individual column. */
+    columns: Array<Column & {
+        accessor: string;
+    }>;
+    /** A table's data set. */
+    data: Array<Record<string, unknown>>;
+    /** Actions that can be performed on any given row. */
+    actions?: Record<string, {
+        icon?: string | React.FC<React.SVGProps<SVGSVGElement>>;
+        label: string;
+        action: (cell: Cell) => void;
+    }>;
+    /** Styles the table to take up its containers full width. */
+    fullWidth?: boolean;
+    /** Enables sortability for columns. */
+    sortable?: boolean;
+    /** Sets loading state. When true, Will render a CircularProgress when true and not rows.  */
+    loading?: boolean;
+    /** A short message for users when the data set does not produce any rows. */
+    emptyMessage?: string;
+    /** An image to be displayed with the empty message. */
+    EmptyImage?: () => React.ReactNode;
+}

package/build/components/Table/TableStyles.d.ts

@@ -0,0 +1,2 @@
+import { TableProps } from './TableProps';
+export declare const useTableStyles: (props: TableProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/components/Table/index.d.ts

@@ -0,0 +1,2 @@
+export { Table as default } from './Table';
+export { TableProps } from './TableProps';

package/build/components/Table/util/makeColumns.d.ts

@@ -0,0 +1,7 @@
+import { Column } from 'react-table';
+import { TableProps } from '../TableProps';
+interface MakeColumnsConfig extends Pick<TableProps, 'columns' | 'actions'> {
+    actionColumnId: string;
+}
+export declare const makeColumns: (config: MakeColumnsConfig) => Array<Column>;
+export {};

package/build/components/TableActionsCell/TableActionsCell.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TableActionsCellProps } from './TableActionsCellProps';
+export declare const TableActionsCell: FC<TableActionsCellProps>;

package/build/components/TableActionsCell/TableActionsCellProps.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Cell, TableInstance } from 'react-table';
+export interface TableActionsCellProps extends TableInstance {
+    cell: Cell;
+    actions: Record<string, {
+        icon?: string | React.FC<React.SVGProps<SVGSVGElement>>;
+        label: string;
+        action: (cell: Cell) => void;
+    }>;
+}

package/build/components/TableActionsCell/index.d.ts

@@ -0,0 +1,2 @@
+export { TableActionsCell as default } from './TableActionsCell';
+export { TableActionsCellProps } from './TableActionsCellProps';

package/build/components/TableBody/TableBody.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const TableBody: FC;

package/build/components/TableBody/index.d.ts

@@ -0,0 +1 @@
+export { TableBody as default } from './TableBody';

package/build/components/TableCell/TableCell.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const TableCell: FC;

package/build/components/TableCell/TableCellStyles.d.ts

@@ -0,0 +1 @@
+export declare const useTableCellStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;

package/build/components/TableCell/index.d.ts

@@ -0,0 +1 @@
+export { TableCell as default } from './TableCell';

package/build/components/TableFooter/TableFooter.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const TableFooter: FC;

package/build/components/TableFooter/index.d.ts

@@ -0,0 +1 @@
+export { TableFooter as default } from './TableFooter';

package/build/components/TableHeader/TableHeader.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const TableHeader: FC;

package/build/components/TableHeader/index.d.ts

@@ -0,0 +1 @@
+export { TableHeader as default } from './TableHeader';

package/build/components/TableHeaderCell/TableHeaderCell.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TableHeaderCellProps } from './TableHeaderCellProps';
+export declare const TableHeaderCell: FC<TableHeaderCellProps>;

package/build/components/TableHeaderCell/TableHeaderCellProps.d.ts

@@ -0,0 +1,8 @@
+import { Column } from 'react-table';
+import { TableProps } from '../Table';
+export interface TableHeaderCellProps {
+    column: Column & {
+        isActionColumn: boolean;
+    };
+    tableProps: TableProps;
+}

package/build/components/TableHeaderCell/TableHeaderCellStyles.d.ts

@@ -0,0 +1,2 @@
+import { TableHeaderCellProps } from './TableHeaderCellProps';
+export declare const useTableHeaderCellStyles: (props: TableHeaderCellProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/components/TableHeaderCell/index.d.ts

@@ -0,0 +1 @@
+export { TableHeaderCell as default } from './TableHeaderCell';

package/build/components/TableHeaderRow/TableHeaderRow.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const TableHeaderRow: FC;

package/build/components/TableHeaderRow/index.d.ts

@@ -0,0 +1 @@
+export { TableHeaderRow as default } from './TableHeaderRow';

package/build/components/TableRow/TableRow.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const TableRow: FC;

package/build/components/TableRow/TableRowStyles.d.ts

@@ -0,0 +1 @@
+export declare const useTableRowStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;

package/build/components/TableRow/index.d.ts

@@ -0,0 +1 @@
+export { TableRow as default } from './TableRow';

package/build/components/ThemeProvider/index.d.ts

@@ -0,0 +1 @@
+export { ThemeProvider as default, ThemeProviderProps } from '@material-ui/core';

package/build/components/Toolbar/index.d.ts

@@ -0,0 +1 @@
+export { Toolbar as default, ToolbarProps } from '@material-ui/core';

package/build/components/index.d.ts

@@ -1,9 +1,16 @@
 export { default as Alert, AlertProps } from './Alert';
+export { default as Accordion, AccordionProps } from './Accordion';
+export { default as AccordionActions, AccordionActionsProps } from './AccordionActions';
+export { default as AccordionDetails, AccordionDetailsProps } from './AccordionDetails';
+export { default as AccordionSummary, AccordionSummaryProps } from './AccordionSummary';
 export { default as AppBar, AppBarProps } from './AppBar';
+export { default as AudioPlayer, AudioPlayerProps } from './AudioPlayer';
 export { default as Avatar, AvatarProps } from './Avatar';
 export { default as Badge, BadgeProps } from './Badge';
 export { default as Box, BoxProps } from './Box';
+export { default as Breadcrumbs, BreadcrumbsProps } from './Breadcrumbs';
 export { default as Button, ButtonProps } from './Button';
+export { default as ButtonBase, ButtonBaseProps } from './ButtonBase';
 export { default as ButtonGroup, ButtonGroupProps } from './ButtonGroup';
 export { default as Card, CardProps } from './Card';
 export { default as CardActionArea, CardActionAreaProps } from './CardActionArea';
@@ -14,6 +21,7 @@ export { default as CardMedia, CardMediaProps } from './CardMedia';
 export { default as Checkbox, CheckboxProps } from './Checkbox';
 export { default as Chip, ChipProps } from './Chip';
 export { default as CircularProgress, CircularProgressProps } from './CircularProgress';
+export { default as ClickAwayListener, ClickAwayListenerProps } from './ClickAwayListener';
 export { default as CollapsibleText, CollapsibleTextProps } from './CollapsibleText';
 export { default as Dialog, DialogProps } from './Dialog';
 export { default as DialogActions, DialogActionsProps } from './DialogActions';
@@ -21,9 +29,12 @@ export { default as DialogContent, DialogContentProps } from './DialogContent';
 export { default as DialogTitle, DialogTitleProps } from './DialogTitle';
 export { default as Divider, DividerProps } from './Divider';
 export { default as Drawer, DrawerProps } from './Drawer';
+export { default as Fab, FabProps } from './Fab';
 export { default as FormControl, FormControlProps } from './FormControl';
 export { default as FormControlLabel, FormControlLabelProps } from './FormControlLabel';
 export { default as Grid, GridProps } from './Grid';
+export { default as GridList, GridListProps } from './GridList';
+export { default as Hidden, HiddenProps } from './Hidden';
 export { default as Icon, IconProps } from './Icon';
 export { default as IconButton, IconButtonProps } from './IconButton';
 export { default as InputAdornment, InputAdornmentProps } from './InputAdornment';
@@ -37,15 +48,28 @@ export { default as ListItemText, ListItemTextProps } from './ListItemText';
 export { default as Menu, MenuProps } from './Menu';
 export { default as MenuItem, MenuItemProps } from './MenuItem';
 export { default as MenuList, MenuListProps } from './MenuList';
+export { default as Modal, ModalProps } from './Modal';
 export { default as Paper, PaperProps } from './Paper';
 export { default as PaperContent } from './PaperContent';
+export { default as Popover, PopoverProps } from './Popover';
+export { default as Popper, PopperProps } from './Popper';
 export { default as Radio, RadioProps } from './Radio';
+export { default as Step, StepProps } from './Step';
+export { default as StepButton, StepButtonProps } from './StepButton';
+export { default as StepConnector, StepConnectorProps } from './StepConnector';
+export { default as StepContent, StepContentProps } from './StepContent';
+export { default as StepIcon, StepIconProps } from './StepIcon';
+export { default as StepLabel, StepLabelProps } from './StepLabel';
+export { default as Stepper, StepperProps } from './Stepper';
 export { default as SplitInput, SplitInputProps } from './SplitInput';
 export { default as Switch, SwitchProps } from './Switch';
+export { default as Table, TableProps } from './Table';
 export { default as Tab, TabProps } from './Tab';
 export { default as Tabs, TabsProps } from './Tabs';
 export { default as TextField, TextFieldProps } from './TextField';
+export { default as ThemeProvider, ThemeProviderProps } from './ThemeProvider';
 export { default as ToggleButton, ToggleButtonProps } from './ToggleButton';
 export { default as ToggleButtonGroup, ToggleButtonGroupProps } from './ToggleButtonGroup';
+export { default as Toolbar, ToolbarProps } from './Toolbar';
 export { default as Tooltip, TooltipProps } from './Tooltip';
 export { default as Typography, TypographyProps } from './Typography';

package/build/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './hooks';
+export * from './util';