@vendorflow/components 2.1.1 → 3.0.5

package/lib/components/index.d.ts

@@ -2,7 +2,7 @@ export { default as AudioPlayer } from './material-ui/AudioPlayer';
 export { default as Button } from './material-ui/Button';
 export { default as ButtonMenu } from './material-ui/ButtonMenu';
 export { default as ColorPicker } from './material-ui/ColorPicker';
-export { default as DataTable } from './material-ui/DataTable';
+export { DataTable, getColumnFilterConfig, renderSingleLineCell, useDefaultTableInstance, usePluginConfig, } from './material-ui/DataTable';
 export { default as InputDate } from './material-ui/InputDate';
 export { default as InputDateTime } from './material-ui/InputDateTime';
 export { default as InputGroup } from './material-ui/InputGroup';

package/lib/components/material-ui/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from '@mui/material';
-declare type Props = {
+type Props = {
     loading?: boolean;
     progressClasses?: any;
 } & ButtonProps;

package/lib/components/material-ui/ButtonMenu/ButtonMenu.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { ButtonProps, MenuProps } from '@mui/material';
 import { MenuItem as MenuItemType, Divider as DividerType } from '../../../types/Component.types';
-declare type Variant = 'text' | 'contained' | 'outlined' | undefined;
-declare type Props = {
+type Variant = 'text' | 'contained' | 'outlined' | undefined;
+type Props = {
     buttonRenderer?: ReactNode | (() => ReactNode);
     button?: {
         text: string;

package/lib/components/material-ui/ColorPicker/ColorPicker.d.ts

@@ -1,4 +1,4 @@
 import { Props as InputGroupProps } from '../InputGroup/InputGroup';
-declare type Props = InputGroupProps;
+type Props = InputGroupProps;
 export default function ColorPicker({ name, value, onChange, ...restOfProps }: Props): JSX.Element;
 export {};

package/lib/components/material-ui/DataTable/Data.d.ts

@@ -1,4 +1,4 @@
-import { EnhancedColumn } from './DataTable';
+import { EnhancedColumn } from '../../../types/DataTable.types';
 export interface People {
     id: string;
     firstName: string;

package/lib/components/material-ui/DataTable/DataTable.d.ts

@@ -1,69 +1,10 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { Column, UseSortByColumnProps, HeaderGroup, UseSortByOptions, TableOptions, UseSortByColumnOptions, PluginHook, UsePaginationOptions, UseSortByInstanceProps, UsePaginationInstanceProps, TableInstance, TableState, UseSortByState, UsePaginationState, UseRowSelectOptions, UseRowSelectInstanceProps, UseRowSelectState, ColumnInstance, Row, UseRowSelectRowProps, UseExpandedOptions, UseExpandedInstanceProps, UseExpandedState, UseExpandedRowProps, ActionType, UseGlobalFiltersInstanceProps, UseGlobalFiltersState, UseFiltersOptions, UseFiltersInstanceProps, UseFiltersState, UseFiltersColumnOptions, UseFiltersColumnProps, Renderer, FilterProps, UseTableOptions, UseGlobalFiltersOptions, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsState } from 'react-table';
+import { PluginHook, TableState, ColumnInstance, Row, ActionType, Renderer, FilterProps } from 'react-table';
 import { ReactNode } from 'react';
+import { EnhancedColumn, EnhancedTableInstance, EnhancedTableState, FilterType, TableFeatureOptions, UseDefaultTableInstanceProps } from '../../../types/DataTable.types';
 export declare const ACTION_COLUMN_ID = "action-column";
-export declare type Mode = 'single' | 'multi';
-export declare type CustomColumnConfigProps<D extends object> = {
-    name?: string;
-    filterName?: string;
-    columns?: EnhancedColumn<D>[];
-};
-export declare type EnhancedHeader<D extends object> = HeaderGroup<D> & UseFiltersColumnProps<D> & UseSortByColumnProps<D> & UseResizeColumnsColumnProps<D> & CustomColumnConfigProps<D>;
-export declare type EnhancedTableOptions<D extends object> = TableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseSortByOptions<D> & UsePaginationOptions<D> & UseRowSelectOptions<D>;
-export declare type EnhancedTableInstance<D extends object> = Omit<TableInstance<D>, 'state'> & UseExpandedInstanceProps<D> & UseFiltersInstanceProps<D> & UseGlobalFiltersInstanceProps<D> & UseSortByInstanceProps<D> & UsePaginationInstanceProps<D> & UseRowSelectInstanceProps<D> & {
-    state: EnhancedTableState<D>;
-};
-export declare type EnhancedTableState<D extends object> = TableState<D> & UseExpandedState<D> & UseFiltersState<D> & UseGlobalFiltersState<D> & UseSortByState<D> & UsePaginationState<D> & UseRowSelectState<D> & UseResizeColumnsState<D>;
-export declare type EnhancedColumn<D extends object> = CustomColumnConfigProps<D> & Partial<Omit<Column<D>, 'columns'>> & Partial<UseFiltersColumnOptions<D>> & Partial<UseSortByColumnOptions<D>> & Partial<UseResizeColumnsColumnOptions<D>>;
-export declare type EnhancedRow<D extends object> = Row<D> & UseExpandedRowProps<D> & UseRowSelectRowProps<D>;
-export interface TableFeatureOptions<D extends object> {
-    rowExpanding?: {
-        enabled: boolean;
-        mode: Mode;
-        /** @deprecated Use the ExpandedRow component prop instead. */
-        Component?: (props: {
-            data: D;
-        }) => JSX.Element;
-        autoResetExpanded?: boolean;
-    };
-    filters?: {
-        enabled: boolean;
-    };
-    globalSearch?: {
-        enabled: boolean;
-        setGlobalFilter?: (filterValue: any) => void | Promise<void>;
-    };
-    columnHiding?: {
-        enabled: boolean;
-    };
-    columnResizing?: {
-        enabled: boolean;
-    };
-    pagination?: {
-        enabled: boolean;
-        pageSize?: number;
-        rowsPerPageOptions?: number[];
-    };
-    rowSelect?: {
-        enabled: boolean;
-        mode: Mode;
-    };
-    sorting?: {
-        enabled: boolean;
-    };
-    table?: {
-        flexLayoutEnabled?: boolean;
-        hideToolbar?: boolean;
-        getRowId?: UseTableOptions<D>['getRowId'];
-        getRowClassName?: (rowId: string) => string;
-    };
-    virtualize?: {
-        enabled: boolean;
-        defaultRowHeight?: number;
-    };
-}
 export declare const CELL_PADDING = 4;
 interface Props<D extends object> {
     title?: string;
@@ -80,34 +21,27 @@ interface Props<D extends object> {
         data: D;
     }) => JSX.Element;
 }
-export default function DataTable<D extends object>({ title, labels, columns, instance, options, renderActions, renderRowSelectActions, ExpandedRow, ...restOfProps }: Props<D>): JSX.Element;
+export declare function DataTable<D extends object>({ title, labels, columns, instance, options, renderActions, renderRowSelectActions, ExpandedRow, ...restOfProps }: Props<D>): JSX.Element;
 export declare function usePluginConfig<D extends object>(options: TableFeatureOptions<D>): PluginHook<D>[];
-export interface UseDefaultTableInstanceProps<D extends object> {
-    columns: EnhancedColumn<D>[];
-    data: D[];
-    options?: TableFeatureOptions<D>;
-    initialState?: Partial<EnhancedTableState<D>>;
-    defaultColumn?: Partial<Column<D>>;
-}
 export declare function useDefaultTableInstance<D extends object>({ columns, data, options, initialState, defaultColumn, }: UseDefaultTableInstanceProps<D>): {
     setColumnWidth: (columnId: string, width: number) => void;
-    data: readonly D[];
     columns: ColumnInstance<D>[];
+    data: readonly D[];
     headers: ColumnInstance<D>[];
     rows: Row<D>[];
     plugins: PluginHook<D>[];
     allColumns: ColumnInstance<D>[];
     initialState?: Partial<TableState<D>> | undefined;
-    stateReducer?: ((newState: TableState<D>, action: ActionType, previousState: TableState<D>, instance?: TableInstance<D> | undefined) => TableState<D>) | undefined;
+    stateReducer?: ((newState: TableState<D>, action: ActionType, previousState: TableState<D>, instance?: import("react-table").TableInstance<D> | undefined) => TableState<D>) | undefined;
     useControlledState?: ((state: TableState<D>, meta: import("react-table").MetaBase<D>) => TableState<D>) | undefined;
-    defaultColumn?: Partial<Column<D>> | undefined;
+    defaultColumn?: Partial<import("react-table").Column<D>> | undefined;
     getSubRows?: ((originalRow: D, relativeIndex: number) => D[]) | undefined;
     getRowId?: ((originalRow: D, relativeIndex: number, parent?: Row<D> | undefined) => string) | undefined;
     autoResetHiddenColumns?: boolean | undefined;
     dispatch: import("react-table").TableDispatch<any>;
     visibleColumns: ColumnInstance<D>[];
-    headerGroups: HeaderGroup<D>[];
-    footerGroups: HeaderGroup<D>[];
+    headerGroups: import("react-table").HeaderGroup<D>[];
+    footerGroups: import("react-table").HeaderGroup<D>[];
     flatHeaders: ColumnInstance<D>[];
     rowsById: Record<string, Row<D>>;
     getTableProps: (propGetter?: import("react-table").TablePropGetter<D> | undefined) => import("react-table").TableProps;
@@ -162,9 +96,8 @@ export declare function useDefaultTableInstance<D extends object>({ columns, dat
     selectedFlatRows: Row<D>[];
     state: EnhancedTableState<D>;
 };
-export declare function renderSingleLineCell(value: string): jsx.JSX.Element;
-export declare type FilterType = 'text' | 'select' | 'multi-select' | 'range';
-export declare function getColumnFilterConfig<D extends object>(filterType: FilterType): {
+export declare const renderSingleLineCell: (value: string) => jsx.JSX.Element;
+export declare const getColumnFilterConfig: <D extends object>(filterType: FilterType) => {
     filter: string;
     Filter: Renderer<FilterProps<D>>;
 };

package/lib/components/material-ui/DataTable/FilterTool/Filters/MultiSelectFilter.d.ts

@@ -1,5 +1,5 @@
 import { FilterProps } from 'react-table';
-import { EnhancedHeader } from '../../DataTable';
+import { EnhancedHeader } from '../../../../../types/DataTable.types';
 interface Props<D extends object> extends FilterProps<D> {
     column: EnhancedHeader<D>;
     columns: EnhancedHeader<D>[];

package/lib/components/material-ui/DataTable/FilterTool/Filters/RangeFilter.d.ts

@@ -1,5 +1,5 @@
 import { FilterProps } from 'react-table';
-import { EnhancedHeader } from '../../DataTable';
+import { EnhancedHeader } from '../../../../../types/DataTable.types';
 interface Props<D extends object> extends FilterProps<D> {
     column: EnhancedHeader<D>;
     columns: EnhancedHeader<D>[];

package/lib/components/material-ui/DataTable/FilterTool/Filters/SingleSelectFilter.d.ts

@@ -1,5 +1,5 @@
 import { FilterProps } from 'react-table';
-import { EnhancedHeader } from '../../DataTable';
+import { EnhancedHeader } from '../../../../../types/DataTable.types';
 export declare const BLANK_VALUE_LABEL = "<Blank>";
 interface Props<D extends object> extends FilterProps<D> {
     column: EnhancedHeader<D>;

package/lib/components/material-ui/DataTable/FilterTool/Filters/TextFilter.d.ts

@@ -1,5 +1,5 @@
 import { FilterProps } from 'react-table';
-import { EnhancedHeader } from '../../DataTable';
+import { EnhancedHeader } from '../../../../../types/DataTable.types';
 interface Props<D extends object> extends FilterProps<D> {
     column: EnhancedHeader<D>;
     columns: EnhancedHeader<D>[];

package/lib/components/material-ui/DataTable/FilterTool/index.d.ts

@@ -1,9 +1,9 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { SimpleMap } from '../../../../types/Internal.types';
-import { EnhancedHeader } from '../DataTable';
 import { UseFiltersInstanceProps } from 'react-table';
+import { SimpleMap } from '../../../../types/Internal.types';
+import { EnhancedHeader } from '../../../../types/DataTable.types';
 interface Props<D extends object> {
     allColumns: EnhancedHeader<D>[];
     columnNameById: SimpleMap<string>;

package/lib/components/material-ui/DataTable/TablePieces/BodyRow.d.ts

@@ -2,9 +2,9 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { CSSProperties } from 'react';
-import { EnhancedRow } from '../DataTable';
 import { TableRowProps } from 'react-table';
 import { Maybe } from '@vendorflow/types';
+import { EnhancedRow } from '../../../../types/DataTable.types';
 interface Props<D extends object> {
     ExpandedComponent: ((props: {
         data: D;

package/lib/components/material-ui/DataTable/TablePieces/HeaderCell.d.ts

@@ -1,8 +1,8 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { EnhancedHeader } from '../DataTable';
 import { TableHeaderProps } from 'react-table';
+import { EnhancedHeader } from '../../../../types/DataTable.types';
 interface Props<D extends object> {
     className?: string;
     flexLayoutEnabled: boolean;

package/lib/components/material-ui/DataTable/TablePieces/Toolbar.d.ts

@@ -3,8 +3,8 @@
 import { jsx } from '@emotion/react';
 import { ReactNode } from 'react';
 import { SimpleMap } from '../../../../types/Internal.types';
-import { EnhancedHeader } from '../DataTable';
 import { UseFiltersInstanceProps } from 'react-table';
+import { EnhancedHeader } from '../../../../types/DataTable.types';
 interface Props<D extends object> {
     title?: string;
     allColumns: EnhancedHeader<D>[];

package/lib/components/material-ui/DataTable/index.d.ts

@@ -1 +1 @@
-export { default } from './DataTable';
+export { DataTable, getColumnFilterConfig, renderSingleLineCell, usePluginConfig, useDefaultTableInstance, } from './DataTable';

package/lib/components/material-ui/InputDate/InputDate.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 import { DatePickerProps } from '@mui/lab';
 import { SimpleEventHandler } from '../../../types';
 import { TextFieldProps } from '@mui/material';
-declare type Props = {
+type Props = {
     name?: string;
     onChange: SimpleEventHandler<string>;
     InputProps?: Omit<TextFieldProps, 'id'>;
-} & Omit<DatePickerProps, 'onChange' | 'renderInput' | 'date' | 'rawValue' | 'openPicker' | 'InputProps'> & React.RefAttributes<HTMLDivElement>;
+} & Omit<DatePickerProps<any>, 'onChange' | 'renderInput' | 'date' | 'rawValue' | 'openPicker' | 'InputProps'> & React.RefAttributes<HTMLDivElement>;
 export default function InputDate(props: Props): JSX.Element;
 export {};

package/lib/components/material-ui/InputDateTime/InputDateTime.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 import { DateTimePickerProps } from '@mui/lab';
 import { SimpleEventHandler } from '../../../types';
 import { TextFieldProps } from '@mui/material';
-declare type Props = {
+type Props = {
     name?: string;
     onChange: SimpleEventHandler<string>;
     InputProps?: Omit<TextFieldProps, 'id'>;
-} & Omit<DateTimePickerProps, 'onChange' | 'renderInput' | 'date' | 'rawValue' | 'openPicker' | 'InputProps'> & React.RefAttributes<HTMLDivElement>;
+} & Omit<DateTimePickerProps<any>, 'onChange' | 'renderInput' | 'date' | 'rawValue' | 'openPicker' | 'InputProps'> & React.RefAttributes<HTMLDivElement>;
 export default function InputDateTime(props: Props): JSX.Element;
 export {};

package/lib/components/material-ui/InputGroup/InputGroup.d.ts

@@ -1,5 +1,5 @@
 import { TextFieldProps } from '@mui/material';
-export declare type Props = {
+export type Props = {
     value: string | null;
     charLimit?: number;
     hideCharCounter?: boolean;

package/lib/components/material-ui/InputSearchDropdown/InputSearchDropdown.d.ts

@@ -1,8 +1,8 @@
 import { ChangeEvent, ReactNode, Ref } from 'react';
 import { AutocompleteProps, AutocompleteChangeReason, AutocompleteRenderInputParams } from '@mui/material';
 import { Variant } from '../../../types';
-declare type MaybeBoolean = boolean | undefined;
-declare type Props<T> = {
+type MaybeBoolean = boolean | undefined;
+type Props<T> = {
     error?: boolean;
     errors?: boolean[];
     label?: string;

package/lib/components/material-ui/InputTime/InputTime.d.ts

@@ -1,10 +1,10 @@
 import { TimePickerProps } from '@mui/lab';
 import { SimpleEventHandler, ParsableDate } from '../../../types';
 import { TextFieldProps } from '@mui/material';
-declare type Props = {
+type Props = {
     name?: string;
     onChange: SimpleEventHandler<ParsableDate>;
     InputProps?: Omit<TextFieldProps, 'id'>;
-} & Omit<TimePickerProps, 'onChange' | 'renderInput' | 'openPicker' | 'rawValue' | 'InputProps'>;
+} & Omit<TimePickerProps<any>, 'onChange' | 'renderInput' | 'openPicker' | 'rawValue' | 'InputProps'>;
 export default function InputTime(props: Props): JSX.Element;
 export {};

package/lib/components/material-ui/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { DialogProps } from '@mui/material';
-declare type Props = DialogProps & {
+type Props = DialogProps & {
     children: ReactNode;
     classes?: any;
     cancelButton?: {