@vendorflow/components 4.0.1 → 4.0.3

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 (42) hide show
  1. package/lib/App.d.ts +3 -0
  2. package/lib/components/AudioPlayer/index.d.ts +1 -1
  3. package/lib/components/Button/index.d.ts +1 -1
  4. package/lib/components/ButtonMenu/ButtonMenu.d.ts +1 -1
  5. package/lib/components/ButtonMenu/index.d.ts +1 -1
  6. package/lib/components/ColorPicker/ColorPicker.d.ts +1 -1
  7. package/lib/components/ColorPicker/index.d.ts +1 -1
  8. package/lib/components/DataTable/Data.d.ts +1 -1
  9. package/lib/components/DataTable/DataTable.d.ts +5 -4
  10. package/lib/components/DataTable/FilterTool/Filters/MultiSelectFilter.d.ts +1 -1
  11. package/lib/components/DataTable/FilterTool/Filters/RangeFilter.d.ts +1 -1
  12. package/lib/components/DataTable/FilterTool/Filters/SingleSelectFilter.d.ts +1 -1
  13. package/lib/components/DataTable/FilterTool/Filters/TextFilter.d.ts +1 -1
  14. package/lib/components/DataTable/FilterTool/index.d.ts +2 -2
  15. package/lib/components/DataTable/TablePieces/AppliedFilters.d.ts +1 -1
  16. package/lib/components/DataTable/TablePieces/BodyRow.d.ts +3 -2
  17. package/lib/components/DataTable/TablePieces/HeaderCell.d.ts +1 -1
  18. package/lib/components/DataTable/TablePieces/TableBodyContent.d.ts +2 -1
  19. package/lib/components/DataTable/TablePieces/Toolbar.d.ts +2 -2
  20. package/lib/components/DataTable/TablePieces/ViewColumnTool.d.ts +1 -1
  21. package/lib/components/DataTable/index.d.ts +1 -1
  22. package/lib/components/InputCheckboxGroup/InputCheckboxGroup.d.ts +1 -1
  23. package/lib/components/InputCheckboxGroup/index.d.ts +1 -1
  24. package/lib/components/InputDate/InputDate.d.ts +1 -1
  25. package/lib/components/InputDate/index.d.ts +1 -1
  26. package/lib/components/InputDateTime/InputDateTime.d.ts +1 -1
  27. package/lib/components/InputDateTime/index.d.ts +1 -1
  28. package/lib/components/InputGroup/index.d.ts +1 -1
  29. package/lib/components/InputRadioGroup/InputRadioGroup.d.ts +1 -1
  30. package/lib/components/InputRadioGroup/index.d.ts +1 -1
  31. package/lib/components/InputSearchDropdown/InputSearchDropdown.d.ts +1 -1
  32. package/lib/components/InputSearchDropdown/index.d.ts +1 -1
  33. package/lib/components/InputTime/InputTime.d.ts +1 -1
  34. package/lib/components/InputTime/index.d.ts +1 -1
  35. package/lib/components/Modal/index.d.ts +1 -1
  36. package/lib/components/index.d.ts +13 -13
  37. package/lib/index.es.js +4784 -4777
  38. package/lib/index.es.js.map +1 -1
  39. package/lib/index.umd.js +140 -140
  40. package/lib/index.umd.js.map +1 -1
  41. package/lib/main.d.ts +3 -0
  42. package/package.json +1 -1
package/lib/App.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import './App.css';
2
+ declare function App(): import("react/jsx-runtime").JSX.Element;
3
+ export default App;
@@ -1 +1 @@
1
- export { default } from 'src/components/AudioPlayer/AudioPlayer.tsx';
1
+ export { default } from './AudioPlayer';
@@ -1 +1 @@
1
- export { default } from 'src/components/Button/Button.tsx';
1
+ export { default } from './Button';
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { ButtonProps, MenuProps } from '@mui/material';
3
- import { MenuItem as MenuItemType, Divider as DividerType } from 'src/types/Component.types.ts';
3
+ import { MenuItem as MenuItemType, Divider as DividerType } from '../../types/Component.types';
4
4
  type Variant = 'text' | 'contained' | 'outlined' | undefined;
5
5
  type Props = {
6
6
  buttonRenderer?: ReactNode | (() => ReactNode);
@@ -1 +1 @@
1
- export { default } from 'src/components/ButtonMenu/ButtonMenu.tsx';
1
+ export { default } from './ButtonMenu';
@@ -1,4 +1,4 @@
1
- import { Props as InputGroupProps } from 'src/components/InputGroup/InputGroup.tsx';
1
+ import { Props as InputGroupProps } from '../InputGroup/InputGroup';
2
2
  type Props = InputGroupProps;
3
3
  export default function ColorPicker({ name, value, onChange, ...restOfProps }: Props): JSX.Element;
4
4
  export {};
@@ -1 +1 @@
1
- export { default } from 'src/components/ColorPicker/ColorPicker.tsx';
1
+ export { default } from './ColorPicker';
@@ -1,4 +1,4 @@
1
- import { EnhancedColumn } from 'src/types';
1
+ import { EnhancedColumn } from '../../types';
2
2
  export interface People {
3
3
  id: string;
4
4
  firstName: string;
@@ -3,7 +3,7 @@
3
3
  import { jsx } from '@emotion/react';
4
4
  import { PluginHook, TableState, ColumnInstance, Row, ActionType, Renderer, FilterProps } from 'react-table';
5
5
  import { ReactNode } from 'react';
6
- import { EnhancedColumn, EnhancedTableInstance, EnhancedTableState, FilterType, TableFeatureOptions, UseDefaultTableInstanceProps } from 'src/types';
6
+ import { EnhancedColumn, EnhancedTableInstance, EnhancedTableState, FilterType, TableFeatureOptions, UseDefaultTableInstanceProps } from '../../types';
7
7
  export declare const ACTION_COLUMN_ID = "action-column";
8
8
  export declare const CELL_PADDING = 4;
9
9
  interface Props<D extends object> {
@@ -20,17 +20,17 @@ interface Props<D extends object> {
20
20
  ExpandedRow?: (props: {
21
21
  data: D;
22
22
  }) => JSX.Element;
23
+ onContextMenu?: (evt: React.MouseEvent<HTMLDivElement, MouseEvent>, data: D) => void;
23
24
  }
24
- export declare function DataTable<D extends object>({ title, labels, columns, instance, options, renderActions, renderRowSelectActions, ExpandedRow, ...restOfProps }: Props<D>): JSX.Element;
25
+ export declare function DataTable<D extends object>({ title, labels, columns, instance, options, renderActions, renderRowSelectActions, ExpandedRow, onContextMenu, ...restOfProps }: Props<D>): JSX.Element;
25
26
  export declare function usePluginConfig<D extends object>(options: TableFeatureOptions<D>): PluginHook<D>[];
26
27
  export declare function useDefaultTableInstance<D extends object>({ columns, data, options, initialState, defaultColumn, }: UseDefaultTableInstanceProps<D>): {
27
28
  setColumnWidth: (columnId: string, width: number) => void;
28
- columns: ColumnInstance<D>[];
29
29
  data: readonly D[];
30
+ columns: ColumnInstance<D>[];
30
31
  headers: ColumnInstance<D>[];
31
32
  rows: Row<D>[];
32
33
  plugins: PluginHook<D>[];
33
- allColumns: ColumnInstance<D>[];
34
34
  initialState?: Partial<TableState<D>> | undefined;
35
35
  stateReducer?: ((newState: TableState<D>, action: ActionType, previousState: TableState<D>, instance?: import("react-table").TableInstance<D> | undefined) => TableState<D>) | undefined;
36
36
  useControlledState?: ((state: TableState<D>, meta: import("react-table").MetaBase<D>) => TableState<D>) | undefined;
@@ -39,6 +39,7 @@ export declare function useDefaultTableInstance<D extends object>({ columns, dat
39
39
  getRowId?: ((originalRow: D, relativeIndex: number, parent?: Row<D> | undefined) => string) | undefined;
40
40
  autoResetHiddenColumns?: boolean | undefined;
41
41
  dispatch: import("react-table").TableDispatch;
42
+ allColumns: ColumnInstance<D>[];
42
43
  visibleColumns: ColumnInstance<D>[];
43
44
  headerGroups: import("react-table").HeaderGroup<D>[];
44
45
  footerGroups: import("react-table").HeaderGroup<D>[];
@@ -1,5 +1,5 @@
1
1
  import { FilterProps } from 'react-table';
2
- import { EnhancedHeader } from 'src/types';
2
+ import { EnhancedHeader } from '../../../../types';
3
3
  interface Props<D extends object> extends FilterProps<D> {
4
4
  column: EnhancedHeader<D>;
5
5
  columns: EnhancedHeader<D>[];
@@ -1,5 +1,5 @@
1
1
  import { FilterProps } from 'react-table';
2
- import { EnhancedHeader } from 'src/types';
2
+ import { EnhancedHeader } from '../../../../types';
3
3
  interface Props<D extends object> extends FilterProps<D> {
4
4
  column: EnhancedHeader<D>;
5
5
  columns: EnhancedHeader<D>[];
@@ -1,5 +1,5 @@
1
1
  import { FilterProps } from 'react-table';
2
- import { EnhancedHeader } from 'src/types';
2
+ import { EnhancedHeader } from '../../../../types';
3
3
  export declare const BLANK_VALUE_LABEL = "<Blank>";
4
4
  interface Props<D extends object> extends FilterProps<D> {
5
5
  column: EnhancedHeader<D>;
@@ -1,5 +1,5 @@
1
1
  import { FilterProps } from 'react-table';
2
- import { EnhancedHeader } from 'src/types';
2
+ import { EnhancedHeader } from '../../../../types';
3
3
  interface Props<D extends object> extends FilterProps<D> {
4
4
  column: EnhancedHeader<D>;
5
5
  columns: EnhancedHeader<D>[];
@@ -2,8 +2,8 @@
2
2
  /** @jsx jsx */
3
3
  import { jsx } from '@emotion/react';
4
4
  import { UseFiltersInstanceProps } from 'react-table';
5
- import { SimpleMap } from 'src/types/Internal.types.ts';
6
- import { EnhancedHeader } from 'src/types';
5
+ import { EnhancedHeader } from '../../../types';
6
+ import { SimpleMap } from '@vendorflow/types';
7
7
  interface Props<D extends object> {
8
8
  allColumns: EnhancedHeader<D>[];
9
9
  columnNameById: SimpleMap<string>;
@@ -2,7 +2,7 @@
2
2
  /** @jsx jsx */
3
3
  import { jsx } from '@emotion/react';
4
4
  import { Filters, UseFiltersInstanceProps } from 'react-table';
5
- import { SimpleMap } from 'src/types/Internal.types.ts';
5
+ import { SimpleMap } from '@vendorflow/types';
6
6
  interface Props<D extends object> {
7
7
  columnNameById: SimpleMap<string>;
8
8
  filters: Filters<D>;
@@ -4,7 +4,7 @@ import { jsx } from '@emotion/react';
4
4
  import { CSSProperties } from 'react';
5
5
  import { TableRowProps } from 'react-table';
6
6
  import { Maybe } from '@vendorflow/types';
7
- import { EnhancedRow } from 'src/types';
7
+ import { EnhancedRow } from '../../../types';
8
8
  interface Props<D extends object> {
9
9
  ExpandedComponent: ((props: {
10
10
  data: D;
@@ -16,6 +16,7 @@ interface Props<D extends object> {
16
16
  className?: string;
17
17
  measure?: () => void;
18
18
  getRowClassName?: Maybe<(rowId: string) => string>;
19
+ onContextMenu?: (evt: React.MouseEvent<HTMLDivElement, MouseEvent>, data: D) => void;
19
20
  }
20
- export default function BodyRow<D extends object>({ ExpandedComponent, row, rowProps, innerRef, style, className: rootClassName, measure, getRowClassName, }: Props<D>): jsx.JSX.Element;
21
+ export default function BodyRow<D extends object>({ ExpandedComponent, row, rowProps, innerRef, style, className: rootClassName, measure, getRowClassName, onContextMenu, }: Props<D>): jsx.JSX.Element;
21
22
  export {};
@@ -2,7 +2,7 @@
2
2
  /** @jsx jsx */
3
3
  import { jsx } from '@emotion/react';
4
4
  import { TableHeaderProps } from 'react-table';
5
- import { EnhancedHeader } from 'src/types';
5
+ import { EnhancedHeader } from '../../../types';
6
6
  interface Props<D extends object> {
7
7
  className?: string;
8
8
  flexLayoutEnabled: boolean;
@@ -26,6 +26,7 @@ interface Props<D extends object> {
26
26
  totalColumnsWidth: number;
27
27
  width: number | undefined;
28
28
  getRowClassName: Maybe<(rowId: string) => string>;
29
+ onContextMenu?: (evt: React.MouseEvent<HTMLDivElement, MouseEvent>, data: D) => void;
29
30
  }
30
- export default function TableBodyContent<D extends object>({ defaultRowHeight, ExpandedComponent, flexLayoutEnabled, hasScrollbar, hasScrollbarRefCallback, height, isVirtualizeEnabled, noMatchLabel, prepareRow, scrollbarWidth, scrollContainerRef, setScrollLeft, tableBodyRef, tableBodyMeasureRefCallback, tableRows, totalColumnsWidth, width, getRowClassName, }: Props<D>): jsx.JSX.Element;
31
+ export default function TableBodyContent<D extends object>({ defaultRowHeight, ExpandedComponent, flexLayoutEnabled, hasScrollbar, hasScrollbarRefCallback, height, isVirtualizeEnabled, noMatchLabel, prepareRow, scrollbarWidth, scrollContainerRef, setScrollLeft, tableBodyRef, tableBodyMeasureRefCallback, tableRows, totalColumnsWidth, width, getRowClassName, onContextMenu, }: Props<D>): jsx.JSX.Element;
31
32
  export {};
@@ -3,8 +3,8 @@
3
3
  import { jsx } from '@emotion/react';
4
4
  import { ReactNode } from 'react';
5
5
  import { UseFiltersInstanceProps } from 'react-table';
6
- import { EnhancedHeader } from 'src/types';
7
- import { SimpleMap } from 'src/types/Internal.types.ts';
6
+ import { EnhancedHeader } from '../../../types';
7
+ import { SimpleMap } from '@vendorflow/types';
8
8
  export declare const MobilePopoverStyling: import("@emotion/utils").SerializedStyles;
9
9
  interface Props<D extends object> {
10
10
  title?: string;
@@ -2,7 +2,7 @@
2
2
  /** @jsx jsx */
3
3
  import { jsx } from '@emotion/react';
4
4
  import { ColumnInstance } from 'react-table';
5
- import { SimpleMap } from 'src/types/Internal.types.ts';
5
+ import { SimpleMap } from '@vendorflow/types';
6
6
  interface Props<D extends object> {
7
7
  allColumns: ColumnInstance<D>[];
8
8
  columnNameById: SimpleMap<string>;
@@ -1 +1 @@
1
- export { DataTable, getColumnFilterConfig, SingleLineCell, usePluginConfig, useDefaultTableInstance, } from 'src/components/DataTable/DataTable.tsx';
1
+ export { DataTable, getColumnFilterConfig, SingleLineCell, usePluginConfig, useDefaultTableInstance } from './DataTable';
@@ -1,4 +1,4 @@
1
- import { BasicOption, Color, SimpleEventHandler } from 'src/types';
1
+ import { BasicOption, Color, SimpleEventHandler } from '../../types';
2
2
  interface Props {
3
3
  className?: string;
4
4
  style?: any;
@@ -1 +1 @@
1
- export { default } from 'src/components/InputCheckboxGroup/InputCheckboxGroup.tsx';
1
+ export { default } from './InputCheckboxGroup';
@@ -1,5 +1,5 @@
1
1
  import { DatePickerProps } from '@mui/x-date-pickers';
2
- import { SimpleEventHandler } from 'src/types';
2
+ import { SimpleEventHandler } from '../../types';
3
3
  import { TextFieldProps } from '@mui/material';
4
4
  type Props = {
5
5
  name?: string;
@@ -1 +1 @@
1
- export { default } from 'src/components/InputDate/InputDate.tsx';
1
+ export { default } from './InputDate';
@@ -1,6 +1,6 @@
1
1
  import { JSX } from 'react';
2
2
  import { DateTimePickerProps } from '@mui/x-date-pickers';
3
- import { SimpleEventHandler } from 'src/types';
3
+ import { SimpleEventHandler } from '../../types';
4
4
  import { TextFieldProps } from '@mui/material';
5
5
  type Props = {
6
6
  name?: string;
@@ -1 +1 @@
1
- export { default } from 'src/components/InputDateTime/InputDateTime.tsx';
1
+ export { default } from './InputDateTime';
@@ -1 +1 @@
1
- export { default } from 'src/components/InputGroup/InputGroup.tsx';
1
+ export { default } from './InputGroup';
@@ -1,4 +1,4 @@
1
- import { Color, BasicOption, SimpleEventHandler } from 'src/types';
1
+ import { Color, BasicOption, SimpleEventHandler } from '../../types';
2
2
  interface Props {
3
3
  className?: string;
4
4
  style?: any;
@@ -1 +1 @@
1
- export { default } from 'src/components/InputRadioGroup/InputRadioGroup.tsx';
1
+ export { default } from './InputRadioGroup';
@@ -1,6 +1,6 @@
1
1
  import { ChangeEvent, ReactNode, Ref } from 'react';
2
2
  import { AutocompleteProps, AutocompleteChangeReason, AutocompleteRenderInputParams } from '@mui/material';
3
- import { Variant } from 'src/types';
3
+ import { Variant } from '../../types';
4
4
  type MaybeBoolean = boolean | undefined;
5
5
  type Props<T> = {
6
6
  error?: boolean;
@@ -1 +1 @@
1
- export { default } from 'src/components/InputSearchDropdown/InputSearchDropdown.tsx';
1
+ export { default } from './InputSearchDropdown';
@@ -1,5 +1,5 @@
1
1
  import { TimePickerProps } from '@mui/x-date-pickers';
2
- import { SimpleEventHandler, ParsableDate } from 'src/types';
2
+ import { SimpleEventHandler, ParsableDate } from '../../types';
3
3
  import { TextFieldProps } from '@mui/material';
4
4
  type Props = {
5
5
  name?: string;
@@ -1 +1 @@
1
- export { default } from 'src/components/InputTime/InputTime.tsx';
1
+ export { default } from './InputTime';
@@ -1 +1 @@
1
- export { default } from 'src/components/Modal/Modal.tsx';
1
+ export { default } from './Modal';
@@ -1,13 +1,13 @@
1
- export { default as AudioPlayer } from 'src/components/AudioPlayer';
2
- export { default as Button } from 'src/components/Button';
3
- export { default as ButtonMenu } from 'src/components/ButtonMenu';
4
- export { default as ColorPicker } from 'src/components/ColorPicker';
5
- export { DataTable, getColumnFilterConfig, SingleLineCell, useDefaultTableInstance, usePluginConfig, } from 'src/components/DataTable';
6
- export { default as InputDate } from 'src/components/InputDate';
7
- export { default as InputDateTime } from 'src/components/InputDateTime';
8
- export { default as InputGroup } from 'src/components/InputGroup';
9
- export { default as InputCheckboxGroup } from 'src/components/InputCheckboxGroup';
10
- export { default as InputRadioGroup } from 'src/components/InputRadioGroup';
11
- export { default as InputSearchDropdown } from 'src/components/InputSearchDropdown';
12
- export { default as InputTime } from 'src/components/InputTime';
13
- export { default as Modal } from 'src/components/Modal';
1
+ export { default as AudioPlayer } from './AudioPlayer';
2
+ export { default as Button } from './Button';
3
+ export { default as ButtonMenu } from './ButtonMenu';
4
+ export { default as ColorPicker } from './ColorPicker';
5
+ export { DataTable, getColumnFilterConfig, SingleLineCell, useDefaultTableInstance, usePluginConfig } from './DataTable';
6
+ export { default as InputDate } from './InputDate';
7
+ export { default as InputDateTime } from './InputDateTime';
8
+ export { default as InputGroup } from './InputGroup';
9
+ export { default as InputCheckboxGroup } from './InputCheckboxGroup';
10
+ export { default as InputRadioGroup } from './InputRadioGroup';
11
+ export { default as InputSearchDropdown } from './InputSearchDropdown';
12
+ export { default as InputTime } from './InputTime';
13
+ export { default as Modal } from './Modal';