@vendorflow/components 3.0.14 → 4.0.0

package/README.md

@@ -1,3 +1,57 @@
 # Vendorflow Component Library
 
-This contains all the common components used across Vendorflow apps.
+## Instructions
+
+Make sure you are using Node v22 or later. I recommend using `nvm` so that you can switch between versions easily. You would be able to
+use `nvm use lts/jod` which switches to the latest release of v22.
+
+## React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+### Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```

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

@@ -0,0 +1 @@
+export { default } from 'src/components/AudioPlayer/AudioPlayer.tsx';

package/lib/components/{material-ui/Button → Button}/Button.d.ts

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

package/lib/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { default } from 'src/components/Button/Button.tsx';

package/lib/components/{material-ui/ButtonMenu → ButtonMenu}/ButtonMenu.d.ts

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

package/lib/components/ButtonMenu/index.d.ts

@@ -0,0 +1 @@
+export { default } from 'src/components/ButtonMenu/ButtonMenu.tsx';

package/lib/components/{material-ui/ColorPicker → ColorPicker}/ColorPicker.d.ts

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

package/lib/components/ColorPicker/index.d.ts

@@ -0,0 +1 @@
+export { default } from 'src/components/ColorPicker/ColorPicker.tsx';

package/lib/components/ColorPicker/styles.d.ts

@@ -0,0 +1 @@
+export declare const colorPaletteStyles: import("@emotion/utils").SerializedStyles;

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

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

package/lib/components/{material-ui/DataTable → DataTable}/DataTable.d.ts

@@ -3,7 +3,7 @@
 import { jsx } from '@emotion/react';
 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';
+import { EnhancedColumn, EnhancedTableInstance, EnhancedTableState, FilterType, TableFeatureOptions, UseDefaultTableInstanceProps } from 'src/types';
 export declare const ACTION_COLUMN_ID = "action-column";
 export declare const CELL_PADDING = 4;
 interface Props<D extends object> {
@@ -38,7 +38,7 @@ export declare function useDefaultTableInstance<D extends object>({ columns, dat
     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>;
+    dispatch: import("react-table").TableDispatch;
     visibleColumns: ColumnInstance<D>[];
     headerGroups: import("react-table").HeaderGroup<D>[];
     footerGroups: import("react-table").HeaderGroup<D>[];
@@ -50,24 +50,24 @@ export declare function useDefaultTableInstance<D extends object>({ columns, dat
     flatRows: Row<D>[];
     totalColumnsWidth: number;
     allColumnsHidden: boolean;
-    toggleHideColumn: (columnId: import("react-table").IdType<D>, value?: boolean | undefined) => void;
+    toggleHideColumn: (columnId: import("react-table").IdType<D>, value?: boolean) => void;
     setHiddenColumns: (param: import("react-table").IdType<D>[] | ((oldHidden: import("react-table").IdType<D>[]) => import("react-table").IdType<D>[])) => void;
-    toggleHideAllColumns: (value?: boolean | undefined) => void;
-    getToggleHideAllColumnsProps: (props?: Partial<import("react-table").TableToggleHideAllColumnProps> | undefined) => import("react-table").TableToggleHideAllColumnProps;
+    toggleHideAllColumns: (value?: boolean) => void;
+    getToggleHideAllColumnsProps: (props?: Partial<import("react-table").TableToggleHideAllColumnProps>) => import("react-table").TableToggleHideAllColumnProps;
     getHooks: () => import("react-table").Hooks<D>;
     preExpandedRows: Row<D>[];
     expandedRows: Row<D>[];
     expandedDepth: number;
     isAllRowsExpanded: boolean;
-    toggleRowExpanded: (id: import("react-table").IdType<D>[], value?: boolean | undefined) => void;
-    toggleAllRowsExpanded: (value?: boolean | undefined) => void;
+    toggleRowExpanded: (id: import("react-table").IdType<D>[], value?: boolean) => void;
+    toggleAllRowsExpanded: (value?: boolean) => void;
     preFilteredRows: Row<D>[];
     preFilteredFlatRows: Row<D>[];
     preFilteredRowsById: Record<string, Row<D>>;
     filteredRows: Row<D>[];
     filteredFlatRows: Row<D>[];
     filteredRowsById: Record<string, Row<D>>;
-    setFilter: (columnId: import("react-table").IdType<D>, updater: any) => void;
+    setFilter: (columnId: import("react-table").IdType<D>, updater: ((filterValue: import("react-table").FilterValue) => import("react-table").FilterValue) | import("react-table").FilterValue) => void;
     setAllFilters: (updater: import("react-table").Filters<D> | ((filters: import("react-table").Filters<D>) => import("react-table").Filters<D>)) => void;
     preGlobalFilteredRows: Row<D>[];
     preGlobalFilteredFlatRows: Row<D>[];
@@ -75,23 +75,23 @@ export declare function useDefaultTableInstance<D extends object>({ columns, dat
     globalFilteredRows: Row<D>[];
     globalFilteredFlatRows: Row<D>[];
     globalFilteredRowsById: Record<string, Row<D>>;
-    setGlobalFilter: (filterValue: any) => void;
+    setGlobalFilter: (filterValue: import("react-table").FilterValue) => void;
     preSortedRows: Row<D>[];
     setSortBy: (sortBy: import("react-table").SortingRule<D>[]) => void;
-    toggleSortBy: (columnId: import("react-table").IdType<D>, descending?: boolean | undefined, isMulti?: boolean | undefined) => void;
+    toggleSortBy: (columnId: import("react-table").IdType<D>, descending?: boolean, isMulti?: boolean) => void;
     page: Row<D>[];
     pageCount: number;
     pageOptions: number[];
     canPreviousPage: boolean;
     canNextPage: boolean;
-    gotoPage: (updater: number | ((pageIndex: number) => number)) => void;
+    gotoPage: (updater: ((pageIndex: number) => number) | number) => void;
     previousPage: () => void;
     nextPage: () => void;
     setPageSize: (pageSize: number) => void;
-    toggleRowSelected: (rowId: import("react-table").IdType<D>, set?: boolean | undefined) => void;
-    toggleAllRowsSelected: (value?: boolean | undefined) => void;
-    getToggleAllRowsSelectedProps: (props?: Partial<import("react-table").TableToggleAllRowsSelectedProps> | undefined) => import("react-table").TableToggleAllRowsSelectedProps;
-    getToggleAllPageRowsSelectedProps: (props?: Partial<import("react-table").TableToggleAllRowsSelectedProps> | undefined) => import("react-table").TableToggleAllRowsSelectedProps;
+    toggleRowSelected: (rowId: import("react-table").IdType<D>, set?: boolean) => void;
+    toggleAllRowsSelected: (value?: boolean) => void;
+    getToggleAllRowsSelectedProps: (props?: Partial<import("react-table").TableToggleAllRowsSelectedProps>) => import("react-table").TableToggleAllRowsSelectedProps;
+    getToggleAllPageRowsSelectedProps: (props?: Partial<import("react-table").TableToggleAllRowsSelectedProps>) => import("react-table").TableToggleAllRowsSelectedProps;
     isAllRowsSelected: boolean;
     selectedFlatRows: Row<D>[];
     state: EnhancedTableState<D>;

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

@@ -1,8 +1,8 @@
 import { FilterProps } from 'react-table';
-import { EnhancedHeader } from '../../../../../types/DataTable.types';
+import { EnhancedHeader } from 'src/types';
 interface Props<D extends object> extends FilterProps<D> {
     column: EnhancedHeader<D>;
     columns: EnhancedHeader<D>[];
 }
-export default function MultiSelectFilter<D extends object>({ column, column: { filterValue, preFilteredRows, setFilter }, }: Props<D>): JSX.Element;
+export default function MultiSelectFilter<D extends object>({ column, column: { filterValue, preFilteredRows, setFilter }, }: Props<D>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
 import { FilterProps } from 'react-table';
-import { EnhancedHeader } from '../../../../../types/DataTable.types';
+import { EnhancedHeader } from 'src/types';
 interface Props<D extends object> extends FilterProps<D> {
     column: EnhancedHeader<D>;
     columns: EnhancedHeader<D>[];
 }
-export default function RangeFilter<D extends object>({ column: { id, filterValue, preFilteredRows, setFilter }, }: Props<D>): JSX.Element;
+export default function RangeFilter<D extends object>({ column: { id, filterValue, preFilteredRows, setFilter }, }: Props<D>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,9 @@
 import { FilterProps } from 'react-table';
-import { EnhancedHeader } from '../../../../../types/DataTable.types';
+import { EnhancedHeader } from 'src/types';
 export declare const BLANK_VALUE_LABEL = "<Blank>";
 interface Props<D extends object> extends FilterProps<D> {
     column: EnhancedHeader<D>;
     columns: EnhancedHeader<D>[];
 }
-export default function SingleSelectFilter<D extends object>({ column, column: { filterValue, preFilteredRows, setFilter }, }: Props<D>): JSX.Element;
+export default function SingleSelectFilter<D extends object>({ column, column: { filterValue, preFilteredRows, setFilter }, }: Props<D>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
 import { FilterProps } from 'react-table';
-import { EnhancedHeader } from '../../../../../types/DataTable.types';
+import { EnhancedHeader } from 'src/types';
 interface Props<D extends object> extends FilterProps<D> {
     column: EnhancedHeader<D>;
     columns: EnhancedHeader<D>[];
 }
-export default function TextFilter<D extends object>({ column: { filterValue, setFilter } }: Props<D>): JSX.Element;
+export default function TextFilter<D extends object>({ column: { filterValue, setFilter } }: Props<D>): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

package/lib/components/{material-ui/DataTable → DataTable}/TablePieces/AppliedFilters.d.ts

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { Filters, UseFiltersInstanceProps } from 'react-table';
-import { SimpleMap } from '../../../../types/Internal.types';
+import { SimpleMap } from 'src/types/Internal.types.ts';
 interface Props<D extends object> {
     columnNameById: SimpleMap<string>;
     filters: Filters<D>;

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

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

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

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

package/lib/components/{material-ui/DataTable → DataTable}/TablePieces/IndeterminateCheckbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const CHECKBOX_WIDTH = 32;
 declare const IndeterminateCheckbox: import("react").ForwardRefExoticComponent<HTMLInputElement & import("react").RefAttributes<HTMLInputElement>>;
 export default IndeterminateCheckbox;

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

@@ -2,10 +2,10 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { ReactNode } from 'react';
-import { SimpleMap } from '../../../../types/Internal.types';
 import { UseFiltersInstanceProps } from 'react-table';
-import { EnhancedHeader } from '../../../../types/DataTable.types';
-export declare const MobilePopoverStyling: import("@emotion/react").SerializedStyles;
+import { EnhancedHeader } from 'src/types';
+import { SimpleMap } from 'src/types/Internal.types.ts';
+export declare const MobilePopoverStyling: import("@emotion/utils").SerializedStyles;
 interface Props<D extends object> {
     title?: string;
     allColumns: EnhancedHeader<D>[];

package/lib/components/{material-ui/DataTable → DataTable}/TablePieces/ViewColumnTool.d.ts

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { ColumnInstance } from 'react-table';
-import { SimpleMap } from '../../../../types/Internal.types';
+import { SimpleMap } from 'src/types/Internal.types.ts';
 interface Props<D extends object> {
     allColumns: ColumnInstance<D>[];
     columnNameById: SimpleMap<string>;

package/lib/components/DataTable/index.d.ts

@@ -0,0 +1 @@
+export { DataTable, getColumnFilterConfig, SingleLineCell, usePluginConfig, useDefaultTableInstance, } from 'src/components/DataTable/DataTable.tsx';

package/lib/components/{material-ui/InputCheckboxGroup → InputCheckboxGroup}/InputCheckboxGroup.d.ts

@@ -1,4 +1,4 @@
-import { BasicOption, Color, SimpleEventHandler } from '../../../types';
+import { BasicOption, Color, SimpleEventHandler } from 'src/types';
 interface Props {
     className?: string;
     style?: any;
@@ -14,5 +14,5 @@ interface Props {
     multi?: boolean;
     size?: 'small' | 'medium';
 }
-export default function InputCheckboxGroup(props: Props): JSX.Element;
+export default function InputCheckboxGroup(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/InputCheckboxGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from 'src/components/InputCheckboxGroup/InputCheckboxGroup.tsx';

package/lib/components/InputDate/InputDate.d.ts

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

package/lib/components/InputDate/index.d.ts

@@ -0,0 +1 @@
+export { default } from 'src/components/InputDate/InputDate.tsx';

package/lib/components/InputDateTime/InputDateTime.d.ts

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

package/lib/components/InputDateTime/index.d.ts

@@ -0,0 +1 @@
+export { default } from 'src/components/InputDateTime/InputDateTime.tsx';

package/lib/components/InputGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from 'src/components/InputGroup/InputGroup.tsx';

package/lib/components/{material-ui/InputRadioGroup → InputRadioGroup}/InputRadioGroup.d.ts

@@ -1,4 +1,4 @@
-import { Color, BasicOption, SimpleEventHandler } from '../../../types';
+import { Color, BasicOption, SimpleEventHandler } from 'src/types';
 interface Props {
     className?: string;
     style?: any;

package/lib/components/InputRadioGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from 'src/components/InputRadioGroup/InputRadioGroup.tsx';

package/lib/components/{material-ui/InputSearchDropdown → InputSearchDropdown}/InputSearchDropdown.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, ReactNode, Ref } from 'react';
 import { AutocompleteProps, AutocompleteChangeReason, AutocompleteRenderInputParams } from '@mui/material';
-import { Variant } from '../../../types';
+import { Variant } from 'src/types';
 type MaybeBoolean = boolean | undefined;
 type Props<T> = {
     error?: boolean;
@@ -18,6 +18,7 @@ type Props<T> = {
     onChange: (event: ChangeEvent<any>, value: any, reason: AutocompleteChangeReason) => void;
     getKey?: (value: T) => string;
     mRef?: Ref<HTMLElement>;
+    placeholder?: string;
 } & Omit<AutocompleteProps<T, MaybeBoolean, MaybeBoolean, MaybeBoolean, any>, 'onChange' | 'renderInput' | 'id'>;
 export default function InputSearchDropdown<T>(props: Props<T>): JSX.Element;
 export {};

package/lib/components/InputSearchDropdown/index.d.ts

@@ -0,0 +1 @@
+export { default } from 'src/components/InputSearchDropdown/InputSearchDropdown.tsx';

package/lib/components/{material-ui/InputTime → InputTime}/InputTime.d.ts

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

package/lib/components/InputTime/index.d.ts

@@ -0,0 +1 @@
+export { default } from 'src/components/InputTime/InputTime.tsx';

package/lib/components/{material-ui/Modal → Modal}/Modal.d.ts

@@ -16,7 +16,7 @@ type Props = DialogProps & {
     onClose: () => void;
     submitting?: boolean;
     open: boolean;
-    title?: string;
+    title?: ReactNode;
     progressValue?: number;
     footer?: ReactNode;
 };

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

@@ -0,0 +1 @@
+export { default } from 'src/components/Modal/Modal.tsx';

package/lib/components/index.d.ts

@@ -1,13 +1,13 @@
-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 { DataTable, getColumnFilterConfig, SingleLineCell, 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';
-export { default as InputCheckboxGroup } from './material-ui/InputCheckboxGroup';
-export { default as InputRadioGroup } from './material-ui/InputRadioGroup';
-export { default as InputSearchDropdown } from './material-ui/InputSearchDropdown';
-export { default as InputTime } from './material-ui/InputTime';
-export { default as Modal } from './material-ui/Modal';
+export { default as AudioPlayer } from 'src/components/AudioPlayer';
+export { default as Button } from 'src/components/Button';
+export { default as ButtonMenu } from 'src/components/ButtonMenu';
+export { default as ColorPicker } from 'src/components/ColorPicker';
+export { DataTable, getColumnFilterConfig, SingleLineCell, useDefaultTableInstance, usePluginConfig, } from 'src/components/DataTable';
+export { default as InputDate } from 'src/components/InputDate';
+export { default as InputDateTime } from 'src/components/InputDateTime';
+export { default as InputGroup } from 'src/components/InputGroup';
+export { default as InputCheckboxGroup } from 'src/components/InputCheckboxGroup';
+export { default as InputRadioGroup } from 'src/components/InputRadioGroup';
+export { default as InputSearchDropdown } from 'src/components/InputSearchDropdown';
+export { default as InputTime } from 'src/components/InputTime';
+export { default as Modal } from 'src/components/Modal';

package/lib/index.css

@@ -0,0 +1 @@
+.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px #0003}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:#86868680 0 0 5px}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#ddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:#86868680 0 0 3px;cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}