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

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,3 @@
+export { Table as default } from './Table';
+export { TableProps } from './TableProps';
+export { actionColumnId } from './util/makeColumns';

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'> {
+}
+export declare const actionColumnId = "table-actions-column";
+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,6 @@
+import { Column } from 'react-table';
+import { TableProps } from '../Table';
+export interface TableHeaderCellProps {
+    column: Column;
+    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/index.d.ts

@@ -42,6 +42,7 @@ export { default as PaperContent } from './PaperContent';
 export { default as Radio, RadioProps } from './Radio';
 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';