@natoora-libs/core 0.1.20-dev-doug-3 → 0.2.0-vini-dev-1
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.
- package/dist/components/index.cjs +1837 -2290
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +100 -58
- package/dist/components/index.d.ts +100 -58
- package/dist/components/index.js +1674 -2096
- package/dist/components/index.js.map +1 -1
- package/dist/hooks/index.cjs +2 -34
- package/dist/hooks/index.cjs.map +1 -1
- package/dist/hooks/index.d.cts +2 -12
- package/dist/hooks/index.d.ts +2 -12
- package/dist/hooks/index.js +4 -4
- package/dist/hooks/index.js.map +1 -1
- package/package.json +13 -17
- package/dist/TableDesktop-BLEssG6r.d.cts +0 -126
- package/dist/TableDesktop-BLEssG6r.d.ts +0 -126
- package/dist/chunk-IXEF6LYV.js +0 -33
- package/dist/chunk-IXEF6LYV.js.map +0 -1
- package/dist/chunk-LRY6GATP.js +0 -21
- package/dist/chunk-LRY6GATP.js.map +0 -1
- package/dist/utils/index.cjs +0 -47
- package/dist/utils/index.cjs.map +0 -1
- package/dist/utils/index.d.cts +0 -12
- package/dist/utils/index.d.ts +0 -12
- package/dist/utils/index.js +0 -10
- package/dist/utils/index.js.map +0 -1
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, { MouseEvent, ReactNode,
|
|
2
|
+
import React__default, { MouseEvent, ReactNode, ChangeEvent, FC, ComponentType, ReactElement, ComponentProps, SVGProps } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import {
|
|
5
|
-
export { B as BulkChanges, j as BulkChangesDialogProps, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps } from '../TableDesktop-BLEssG6r.cjs';
|
|
4
|
+
import { SelectChangeEvent, SxProps, Theme, MenuProps, Typography } from '@mui/material';
|
|
6
5
|
import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
|
|
7
6
|
import { UseMutateAsyncFunction } from 'react-query';
|
|
8
|
-
import { SxProps, Theme, MenuProps, Typography } from '@mui/material';
|
|
9
7
|
import { DateRangePickerShape } from 'react-dates';
|
|
10
8
|
|
|
11
9
|
type ActiveFiltersIconButtonProps = {
|
|
@@ -49,13 +47,80 @@ interface IAppLabel {
|
|
|
49
47
|
}
|
|
50
48
|
declare const AppLabel: ({ appName }: IAppLabel) => react_jsx_runtime.JSX.Element;
|
|
51
49
|
|
|
52
|
-
type
|
|
50
|
+
type TableDesktopFooterProps = {
|
|
51
|
+
numPages: number;
|
|
52
|
+
page: number;
|
|
53
|
+
pageSize: number;
|
|
54
|
+
pageSizeOptions: number[];
|
|
55
|
+
onPageChange: (event: ChangeEvent<unknown>, page: number) => void;
|
|
56
|
+
onPageSizeChange: (event: SelectChangeEvent<number>) => void;
|
|
57
|
+
refetch: () => Promise<unknown>;
|
|
58
|
+
isFetching: boolean;
|
|
59
|
+
};
|
|
60
|
+
declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
|
|
61
|
+
|
|
62
|
+
type Order = 'asc' | 'desc';
|
|
63
|
+
type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
|
|
64
|
+
type HeaderFilterObject = {
|
|
65
|
+
id: number | string;
|
|
66
|
+
[key: string]: number | string;
|
|
67
|
+
};
|
|
68
|
+
type HeaderFilterOptions = string[] | HeaderFilterObject[];
|
|
69
|
+
type HeaderFilters = {
|
|
70
|
+
[key: string]: HeaderFilterOptions;
|
|
71
|
+
};
|
|
72
|
+
type HeadCell = {
|
|
73
|
+
id: string;
|
|
74
|
+
label?: string;
|
|
75
|
+
labelTooltip?: string;
|
|
76
|
+
fieldName?: string;
|
|
77
|
+
numeric?: boolean;
|
|
78
|
+
disablePadding?: boolean;
|
|
79
|
+
width?: number | string;
|
|
80
|
+
enabled?: boolean;
|
|
81
|
+
disableSort?: boolean;
|
|
82
|
+
RenderHeader?: ReactNode;
|
|
83
|
+
editableCellType?: EditableCellType;
|
|
84
|
+
validateInput?: (value: string | null) => boolean;
|
|
85
|
+
onUpdateEditableCell?: (rowId: number, field: string, value: string | number | boolean, label: string | number | boolean) => void;
|
|
86
|
+
filterOptions?: HeaderFilterOptions;
|
|
87
|
+
refetchFilterOptions?: () => void;
|
|
88
|
+
isFetchingFilterOptions?: boolean;
|
|
89
|
+
isAutocompleteFilterMenu?: boolean;
|
|
90
|
+
onAutocompleteFilterChange?: (value: string) => void;
|
|
91
|
+
};
|
|
92
|
+
type TableDesktopProps = {
|
|
93
|
+
data: any[];
|
|
53
94
|
headCells: HeadCell[];
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
95
|
+
RenderItem: ComponentType<any>;
|
|
96
|
+
components?: {
|
|
97
|
+
toolbar?: ComponentType<any>;
|
|
98
|
+
};
|
|
99
|
+
componentsProps?: {
|
|
100
|
+
toolbarProps?: any;
|
|
101
|
+
footerProps?: TableDesktopFooterProps;
|
|
102
|
+
};
|
|
103
|
+
appliedFilters?: any;
|
|
104
|
+
headerFilters?: HeaderFilters;
|
|
105
|
+
children?: ReactNode;
|
|
106
|
+
height?: number | string;
|
|
107
|
+
rowHeight?: number;
|
|
108
|
+
totalDataCount?: number;
|
|
109
|
+
isLoading?: boolean;
|
|
110
|
+
rowsPerPage?: number;
|
|
111
|
+
enableEditMode?: boolean;
|
|
112
|
+
enableCheckboxSelection?: boolean;
|
|
113
|
+
disableInternalSort?: boolean;
|
|
114
|
+
updateSort?: (sortField: string, sortDir: Order) => void;
|
|
115
|
+
showClearFilterButton?: boolean;
|
|
116
|
+
handleClickOnClearFiltersButton?: () => void;
|
|
117
|
+
deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
|
|
118
|
+
keyField?: string;
|
|
119
|
+
tableLayout?: 'fixed' | 'auto';
|
|
120
|
+
onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
|
|
121
|
+
shouldShowCheckOnFilter?: (columnId: string, filterOption: string | HeaderFilterObject) => boolean;
|
|
57
122
|
};
|
|
58
|
-
declare const
|
|
123
|
+
declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, rowHeight, totalDataCount, isLoading, rowsPerPage, enableEditMode, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, components, componentsProps, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
|
|
59
124
|
|
|
60
125
|
type AutocompleteFilterMenuContentProps = {
|
|
61
126
|
columnId: string;
|
|
@@ -66,9 +131,9 @@ type AutocompleteFilterMenuContentProps = {
|
|
|
66
131
|
maxHeight?: number;
|
|
67
132
|
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
68
133
|
onApplyFiltersClick: (shouldSave: boolean) => void;
|
|
69
|
-
filterOptions: HeadCell[
|
|
70
|
-
onAutocompleteFilterChange: HeadCell[
|
|
71
|
-
shouldShowCheckOnFilter?: TableDesktopProps[
|
|
134
|
+
filterOptions: HeadCell['filterOptions'];
|
|
135
|
+
onAutocompleteFilterChange: HeadCell['onAutocompleteFilterChange'];
|
|
136
|
+
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
72
137
|
};
|
|
73
138
|
declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentProps>;
|
|
74
139
|
|
|
@@ -227,23 +292,13 @@ type CheckboxFilterMenuContentProps = {
|
|
|
227
292
|
filterOptions: HeaderFilterOptions;
|
|
228
293
|
maxHeight?: number;
|
|
229
294
|
width?: number;
|
|
230
|
-
shouldShowCheckOnFilter?: TableDesktopProps[
|
|
295
|
+
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
231
296
|
onSelectAllChange: (checked: boolean) => void;
|
|
232
297
|
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
233
298
|
onApplyFiltersClick: (shouldSave: boolean) => void;
|
|
234
299
|
};
|
|
235
300
|
declare const CheckboxFilterMenuContent: FC<CheckboxFilterMenuContentProps>;
|
|
236
301
|
|
|
237
|
-
type ClearFiltersConfirmationDialogProps = {
|
|
238
|
-
isOpen: boolean;
|
|
239
|
-
clearFiltersMode: "unsaved" | "saved";
|
|
240
|
-
hasAnyUnsavedFilters: boolean;
|
|
241
|
-
onClose: () => void;
|
|
242
|
-
onConfirm: () => void;
|
|
243
|
-
onChangeClearFiltersMode: (mode: "unsaved" | "saved") => void;
|
|
244
|
-
};
|
|
245
|
-
declare const ClearFiltersConfirmationDialog: FC<ClearFiltersConfirmationDialogProps>;
|
|
246
|
-
|
|
247
302
|
interface ICompanyLogo {
|
|
248
303
|
size: 'small' | 'medium';
|
|
249
304
|
color: 'light' | 'dark';
|
|
@@ -531,7 +586,7 @@ type FilterOptionsCheckboxesProps = {
|
|
|
531
586
|
filterOptions: HeaderFilterOptions;
|
|
532
587
|
selectedFilterOptions: HeaderFilterOptions;
|
|
533
588
|
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
534
|
-
shouldShowCheckOnFilter?: TableDesktopProps[
|
|
589
|
+
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
535
590
|
};
|
|
536
591
|
declare const FilterOptionsCheckboxes: FC<FilterOptionsCheckboxesProps>;
|
|
537
592
|
|
|
@@ -589,12 +644,6 @@ declare const icons: {
|
|
|
589
644
|
SvgIconTableEdit: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
590
645
|
};
|
|
591
646
|
|
|
592
|
-
type LabeledValueListProps = {
|
|
593
|
-
label: string;
|
|
594
|
-
values: (string | number)[];
|
|
595
|
-
};
|
|
596
|
-
declare const LabeledValueList: FC<LabeledValueListProps>;
|
|
597
|
-
|
|
598
647
|
interface VirtualizedListProps {
|
|
599
648
|
headers?: any;
|
|
600
649
|
items?: any;
|
|
@@ -787,7 +836,7 @@ declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeade
|
|
|
787
836
|
|
|
788
837
|
type SearchFieldDebouncedProps = {
|
|
789
838
|
onSearch: (value: string) => void;
|
|
790
|
-
variant?:
|
|
839
|
+
variant?: 'outlined' | 'filled' | 'standard';
|
|
791
840
|
hideSearchIcon?: boolean;
|
|
792
841
|
initialValue?: string;
|
|
793
842
|
debounceDelay?: number;
|
|
@@ -799,13 +848,6 @@ type SearchFieldDebouncedProps = {
|
|
|
799
848
|
};
|
|
800
849
|
declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
|
|
801
850
|
|
|
802
|
-
type SearchHeaderProps = {
|
|
803
|
-
renderButton?: ReactNode;
|
|
804
|
-
children?: ReactNode;
|
|
805
|
-
onSearch: (value: string) => void;
|
|
806
|
-
};
|
|
807
|
-
declare const SearchHeader: React.MemoExoticComponent<({ renderButton, children, onSearch, }: SearchHeaderProps) => react_jsx_runtime.JSX.Element>;
|
|
808
|
-
|
|
809
851
|
interface ISearchWithFiltersProps {
|
|
810
852
|
enterPressedInSearch?: () => void;
|
|
811
853
|
filterClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
@@ -946,8 +988,8 @@ type SmartTableHeaderFilterMenuProps = {
|
|
|
946
988
|
headCell: HeadCell;
|
|
947
989
|
headerFilters: HeaderFilters;
|
|
948
990
|
numActiveFilters: number;
|
|
949
|
-
shouldShowCheckOnFilter?: TableDesktopProps[
|
|
950
|
-
onApplyFilters?: TableDesktopProps[
|
|
991
|
+
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
992
|
+
onApplyFilters?: TableDesktopProps['onApplyFilters'];
|
|
951
993
|
};
|
|
952
994
|
declare const SmartTableHeaderFilterMenu: React__default.MemoExoticComponent<({ headCell, numActiveFilters, headerFilters, shouldShowCheckOnFilter, onApplyFilters, }: SmartTableHeaderFilterMenuProps) => react_jsx_runtime.JSX.Element>;
|
|
953
995
|
|
|
@@ -961,8 +1003,8 @@ type SmartTableHeaderProps = {
|
|
|
961
1003
|
headerFilters: HeaderFilters;
|
|
962
1004
|
onRequestSort: (event: MouseEvent<unknown>, property: string) => void;
|
|
963
1005
|
onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
964
|
-
onApplyFilters?: TableDesktopProps[
|
|
965
|
-
shouldShowCheckOnFilter?: TableDesktopProps[
|
|
1006
|
+
onApplyFilters?: TableDesktopProps['onApplyFilters'];
|
|
1007
|
+
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
966
1008
|
};
|
|
967
1009
|
declare const SmartTableHeader: React.MemoExoticComponent<({ order, orderBy, headCells, numSelectedRows, numRows, enableCheckboxSelection, headerFilters, onRequestSort, onSelectAllClick, onApplyFilters, shouldShowCheckOnFilter, }: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
|
|
968
1010
|
|
|
@@ -993,17 +1035,17 @@ type TableDesktopEditableFieldProps = {
|
|
|
993
1035
|
fieldName: string;
|
|
994
1036
|
disabled?: boolean;
|
|
995
1037
|
showCheckboxLabel?: boolean;
|
|
1038
|
+
variant?: 'standard' | 'outlined' | 'filled';
|
|
1039
|
+
size?: 'medium' | 'small';
|
|
996
1040
|
inputLabel: string;
|
|
997
|
-
variant?: "standard" | "outlined" | "filled";
|
|
998
|
-
size?: "medium" | "small";
|
|
999
1041
|
editableCellType: EditableCellType;
|
|
1000
|
-
filterOptions?: HeadCell[
|
|
1001
|
-
refetchFilterOptions?: HeadCell[
|
|
1002
|
-
isFetchingFilterOptions?: HeadCell[
|
|
1003
|
-
validateInput?: HeadCell[
|
|
1004
|
-
onUpdateEditableCell?: HeadCell[
|
|
1042
|
+
filterOptions?: HeadCell['filterOptions'];
|
|
1043
|
+
refetchFilterOptions?: HeadCell['refetchFilterOptions'];
|
|
1044
|
+
isFetchingFilterOptions?: HeadCell['isFetchingFilterOptions'];
|
|
1045
|
+
validateInput?: HeadCell['validateInput'];
|
|
1046
|
+
onUpdateEditableCell?: HeadCell['onUpdateEditableCell'];
|
|
1005
1047
|
};
|
|
1006
|
-
declare const TableDesktopEditableField:
|
|
1048
|
+
declare const TableDesktopEditableField: React.NamedExoticComponent<TableDesktopEditableFieldProps>;
|
|
1007
1049
|
|
|
1008
1050
|
type TableDesktopCellProps = {
|
|
1009
1051
|
editableCellType?: EditableCellType;
|
|
@@ -1014,13 +1056,13 @@ type TableDesktopCellProps = {
|
|
|
1014
1056
|
enableEditMode: boolean;
|
|
1015
1057
|
disabled?: boolean;
|
|
1016
1058
|
readOnlyValue: string | number | boolean;
|
|
1017
|
-
width?: HeadCell[
|
|
1018
|
-
inputLabel: HeadCell[
|
|
1019
|
-
filterOptions?: HeadCell[
|
|
1020
|
-
refetchFilterOptions?: HeadCell[
|
|
1021
|
-
isFetchingFilterOptions?: HeadCell[
|
|
1022
|
-
validateInput?: HeadCell[
|
|
1023
|
-
onUpdateEditableCell?: HeadCell[
|
|
1059
|
+
width?: HeadCell['width'];
|
|
1060
|
+
inputLabel: HeadCell['label'];
|
|
1061
|
+
filterOptions?: HeadCell['filterOptions'];
|
|
1062
|
+
refetchFilterOptions?: HeadCell['refetchFilterOptions'];
|
|
1063
|
+
isFetchingFilterOptions?: HeadCell['isFetchingFilterOptions'];
|
|
1064
|
+
validateInput?: HeadCell['validateInput'];
|
|
1065
|
+
onUpdateEditableCell?: HeadCell['onUpdateEditableCell'];
|
|
1024
1066
|
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
|
|
1025
1067
|
};
|
|
1026
1068
|
declare const TableDesktopCell: FC<TableDesktopCellProps>;
|
|
@@ -1129,4 +1171,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1129
1171
|
|
|
1130
1172
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1131
1173
|
|
|
1132
|
-
export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel,
|
|
1174
|
+
export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, type EditableCellType, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, type Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktop, TableDesktopCell, TableDesktopEditableField, TableDesktopFooter, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, { MouseEvent, ReactNode,
|
|
2
|
+
import React__default, { MouseEvent, ReactNode, ChangeEvent, FC, ComponentType, ReactElement, ComponentProps, SVGProps } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import {
|
|
5
|
-
export { B as BulkChanges, j as BulkChangesDialogProps, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps } from '../TableDesktop-BLEssG6r.js';
|
|
4
|
+
import { SelectChangeEvent, SxProps, Theme, MenuProps, Typography } from '@mui/material';
|
|
6
5
|
import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
|
|
7
6
|
import { UseMutateAsyncFunction } from 'react-query';
|
|
8
|
-
import { SxProps, Theme, MenuProps, Typography } from '@mui/material';
|
|
9
7
|
import { DateRangePickerShape } from 'react-dates';
|
|
10
8
|
|
|
11
9
|
type ActiveFiltersIconButtonProps = {
|
|
@@ -49,13 +47,80 @@ interface IAppLabel {
|
|
|
49
47
|
}
|
|
50
48
|
declare const AppLabel: ({ appName }: IAppLabel) => react_jsx_runtime.JSX.Element;
|
|
51
49
|
|
|
52
|
-
type
|
|
50
|
+
type TableDesktopFooterProps = {
|
|
51
|
+
numPages: number;
|
|
52
|
+
page: number;
|
|
53
|
+
pageSize: number;
|
|
54
|
+
pageSizeOptions: number[];
|
|
55
|
+
onPageChange: (event: ChangeEvent<unknown>, page: number) => void;
|
|
56
|
+
onPageSizeChange: (event: SelectChangeEvent<number>) => void;
|
|
57
|
+
refetch: () => Promise<unknown>;
|
|
58
|
+
isFetching: boolean;
|
|
59
|
+
};
|
|
60
|
+
declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
|
|
61
|
+
|
|
62
|
+
type Order = 'asc' | 'desc';
|
|
63
|
+
type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
|
|
64
|
+
type HeaderFilterObject = {
|
|
65
|
+
id: number | string;
|
|
66
|
+
[key: string]: number | string;
|
|
67
|
+
};
|
|
68
|
+
type HeaderFilterOptions = string[] | HeaderFilterObject[];
|
|
69
|
+
type HeaderFilters = {
|
|
70
|
+
[key: string]: HeaderFilterOptions;
|
|
71
|
+
};
|
|
72
|
+
type HeadCell = {
|
|
73
|
+
id: string;
|
|
74
|
+
label?: string;
|
|
75
|
+
labelTooltip?: string;
|
|
76
|
+
fieldName?: string;
|
|
77
|
+
numeric?: boolean;
|
|
78
|
+
disablePadding?: boolean;
|
|
79
|
+
width?: number | string;
|
|
80
|
+
enabled?: boolean;
|
|
81
|
+
disableSort?: boolean;
|
|
82
|
+
RenderHeader?: ReactNode;
|
|
83
|
+
editableCellType?: EditableCellType;
|
|
84
|
+
validateInput?: (value: string | null) => boolean;
|
|
85
|
+
onUpdateEditableCell?: (rowId: number, field: string, value: string | number | boolean, label: string | number | boolean) => void;
|
|
86
|
+
filterOptions?: HeaderFilterOptions;
|
|
87
|
+
refetchFilterOptions?: () => void;
|
|
88
|
+
isFetchingFilterOptions?: boolean;
|
|
89
|
+
isAutocompleteFilterMenu?: boolean;
|
|
90
|
+
onAutocompleteFilterChange?: (value: string) => void;
|
|
91
|
+
};
|
|
92
|
+
type TableDesktopProps = {
|
|
93
|
+
data: any[];
|
|
53
94
|
headCells: HeadCell[];
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
95
|
+
RenderItem: ComponentType<any>;
|
|
96
|
+
components?: {
|
|
97
|
+
toolbar?: ComponentType<any>;
|
|
98
|
+
};
|
|
99
|
+
componentsProps?: {
|
|
100
|
+
toolbarProps?: any;
|
|
101
|
+
footerProps?: TableDesktopFooterProps;
|
|
102
|
+
};
|
|
103
|
+
appliedFilters?: any;
|
|
104
|
+
headerFilters?: HeaderFilters;
|
|
105
|
+
children?: ReactNode;
|
|
106
|
+
height?: number | string;
|
|
107
|
+
rowHeight?: number;
|
|
108
|
+
totalDataCount?: number;
|
|
109
|
+
isLoading?: boolean;
|
|
110
|
+
rowsPerPage?: number;
|
|
111
|
+
enableEditMode?: boolean;
|
|
112
|
+
enableCheckboxSelection?: boolean;
|
|
113
|
+
disableInternalSort?: boolean;
|
|
114
|
+
updateSort?: (sortField: string, sortDir: Order) => void;
|
|
115
|
+
showClearFilterButton?: boolean;
|
|
116
|
+
handleClickOnClearFiltersButton?: () => void;
|
|
117
|
+
deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
|
|
118
|
+
keyField?: string;
|
|
119
|
+
tableLayout?: 'fixed' | 'auto';
|
|
120
|
+
onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
|
|
121
|
+
shouldShowCheckOnFilter?: (columnId: string, filterOption: string | HeaderFilterObject) => boolean;
|
|
57
122
|
};
|
|
58
|
-
declare const
|
|
123
|
+
declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, rowHeight, totalDataCount, isLoading, rowsPerPage, enableEditMode, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, components, componentsProps, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
|
|
59
124
|
|
|
60
125
|
type AutocompleteFilterMenuContentProps = {
|
|
61
126
|
columnId: string;
|
|
@@ -66,9 +131,9 @@ type AutocompleteFilterMenuContentProps = {
|
|
|
66
131
|
maxHeight?: number;
|
|
67
132
|
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
68
133
|
onApplyFiltersClick: (shouldSave: boolean) => void;
|
|
69
|
-
filterOptions: HeadCell[
|
|
70
|
-
onAutocompleteFilterChange: HeadCell[
|
|
71
|
-
shouldShowCheckOnFilter?: TableDesktopProps[
|
|
134
|
+
filterOptions: HeadCell['filterOptions'];
|
|
135
|
+
onAutocompleteFilterChange: HeadCell['onAutocompleteFilterChange'];
|
|
136
|
+
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
72
137
|
};
|
|
73
138
|
declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentProps>;
|
|
74
139
|
|
|
@@ -227,23 +292,13 @@ type CheckboxFilterMenuContentProps = {
|
|
|
227
292
|
filterOptions: HeaderFilterOptions;
|
|
228
293
|
maxHeight?: number;
|
|
229
294
|
width?: number;
|
|
230
|
-
shouldShowCheckOnFilter?: TableDesktopProps[
|
|
295
|
+
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
231
296
|
onSelectAllChange: (checked: boolean) => void;
|
|
232
297
|
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
233
298
|
onApplyFiltersClick: (shouldSave: boolean) => void;
|
|
234
299
|
};
|
|
235
300
|
declare const CheckboxFilterMenuContent: FC<CheckboxFilterMenuContentProps>;
|
|
236
301
|
|
|
237
|
-
type ClearFiltersConfirmationDialogProps = {
|
|
238
|
-
isOpen: boolean;
|
|
239
|
-
clearFiltersMode: "unsaved" | "saved";
|
|
240
|
-
hasAnyUnsavedFilters: boolean;
|
|
241
|
-
onClose: () => void;
|
|
242
|
-
onConfirm: () => void;
|
|
243
|
-
onChangeClearFiltersMode: (mode: "unsaved" | "saved") => void;
|
|
244
|
-
};
|
|
245
|
-
declare const ClearFiltersConfirmationDialog: FC<ClearFiltersConfirmationDialogProps>;
|
|
246
|
-
|
|
247
302
|
interface ICompanyLogo {
|
|
248
303
|
size: 'small' | 'medium';
|
|
249
304
|
color: 'light' | 'dark';
|
|
@@ -531,7 +586,7 @@ type FilterOptionsCheckboxesProps = {
|
|
|
531
586
|
filterOptions: HeaderFilterOptions;
|
|
532
587
|
selectedFilterOptions: HeaderFilterOptions;
|
|
533
588
|
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
534
|
-
shouldShowCheckOnFilter?: TableDesktopProps[
|
|
589
|
+
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
535
590
|
};
|
|
536
591
|
declare const FilterOptionsCheckboxes: FC<FilterOptionsCheckboxesProps>;
|
|
537
592
|
|
|
@@ -589,12 +644,6 @@ declare const icons: {
|
|
|
589
644
|
SvgIconTableEdit: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
590
645
|
};
|
|
591
646
|
|
|
592
|
-
type LabeledValueListProps = {
|
|
593
|
-
label: string;
|
|
594
|
-
values: (string | number)[];
|
|
595
|
-
};
|
|
596
|
-
declare const LabeledValueList: FC<LabeledValueListProps>;
|
|
597
|
-
|
|
598
647
|
interface VirtualizedListProps {
|
|
599
648
|
headers?: any;
|
|
600
649
|
items?: any;
|
|
@@ -787,7 +836,7 @@ declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeade
|
|
|
787
836
|
|
|
788
837
|
type SearchFieldDebouncedProps = {
|
|
789
838
|
onSearch: (value: string) => void;
|
|
790
|
-
variant?:
|
|
839
|
+
variant?: 'outlined' | 'filled' | 'standard';
|
|
791
840
|
hideSearchIcon?: boolean;
|
|
792
841
|
initialValue?: string;
|
|
793
842
|
debounceDelay?: number;
|
|
@@ -799,13 +848,6 @@ type SearchFieldDebouncedProps = {
|
|
|
799
848
|
};
|
|
800
849
|
declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
|
|
801
850
|
|
|
802
|
-
type SearchHeaderProps = {
|
|
803
|
-
renderButton?: ReactNode;
|
|
804
|
-
children?: ReactNode;
|
|
805
|
-
onSearch: (value: string) => void;
|
|
806
|
-
};
|
|
807
|
-
declare const SearchHeader: React.MemoExoticComponent<({ renderButton, children, onSearch, }: SearchHeaderProps) => react_jsx_runtime.JSX.Element>;
|
|
808
|
-
|
|
809
851
|
interface ISearchWithFiltersProps {
|
|
810
852
|
enterPressedInSearch?: () => void;
|
|
811
853
|
filterClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
@@ -946,8 +988,8 @@ type SmartTableHeaderFilterMenuProps = {
|
|
|
946
988
|
headCell: HeadCell;
|
|
947
989
|
headerFilters: HeaderFilters;
|
|
948
990
|
numActiveFilters: number;
|
|
949
|
-
shouldShowCheckOnFilter?: TableDesktopProps[
|
|
950
|
-
onApplyFilters?: TableDesktopProps[
|
|
991
|
+
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
992
|
+
onApplyFilters?: TableDesktopProps['onApplyFilters'];
|
|
951
993
|
};
|
|
952
994
|
declare const SmartTableHeaderFilterMenu: React__default.MemoExoticComponent<({ headCell, numActiveFilters, headerFilters, shouldShowCheckOnFilter, onApplyFilters, }: SmartTableHeaderFilterMenuProps) => react_jsx_runtime.JSX.Element>;
|
|
953
995
|
|
|
@@ -961,8 +1003,8 @@ type SmartTableHeaderProps = {
|
|
|
961
1003
|
headerFilters: HeaderFilters;
|
|
962
1004
|
onRequestSort: (event: MouseEvent<unknown>, property: string) => void;
|
|
963
1005
|
onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
964
|
-
onApplyFilters?: TableDesktopProps[
|
|
965
|
-
shouldShowCheckOnFilter?: TableDesktopProps[
|
|
1006
|
+
onApplyFilters?: TableDesktopProps['onApplyFilters'];
|
|
1007
|
+
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
966
1008
|
};
|
|
967
1009
|
declare const SmartTableHeader: React.MemoExoticComponent<({ order, orderBy, headCells, numSelectedRows, numRows, enableCheckboxSelection, headerFilters, onRequestSort, onSelectAllClick, onApplyFilters, shouldShowCheckOnFilter, }: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
|
|
968
1010
|
|
|
@@ -993,17 +1035,17 @@ type TableDesktopEditableFieldProps = {
|
|
|
993
1035
|
fieldName: string;
|
|
994
1036
|
disabled?: boolean;
|
|
995
1037
|
showCheckboxLabel?: boolean;
|
|
1038
|
+
variant?: 'standard' | 'outlined' | 'filled';
|
|
1039
|
+
size?: 'medium' | 'small';
|
|
996
1040
|
inputLabel: string;
|
|
997
|
-
variant?: "standard" | "outlined" | "filled";
|
|
998
|
-
size?: "medium" | "small";
|
|
999
1041
|
editableCellType: EditableCellType;
|
|
1000
|
-
filterOptions?: HeadCell[
|
|
1001
|
-
refetchFilterOptions?: HeadCell[
|
|
1002
|
-
isFetchingFilterOptions?: HeadCell[
|
|
1003
|
-
validateInput?: HeadCell[
|
|
1004
|
-
onUpdateEditableCell?: HeadCell[
|
|
1042
|
+
filterOptions?: HeadCell['filterOptions'];
|
|
1043
|
+
refetchFilterOptions?: HeadCell['refetchFilterOptions'];
|
|
1044
|
+
isFetchingFilterOptions?: HeadCell['isFetchingFilterOptions'];
|
|
1045
|
+
validateInput?: HeadCell['validateInput'];
|
|
1046
|
+
onUpdateEditableCell?: HeadCell['onUpdateEditableCell'];
|
|
1005
1047
|
};
|
|
1006
|
-
declare const TableDesktopEditableField:
|
|
1048
|
+
declare const TableDesktopEditableField: React.NamedExoticComponent<TableDesktopEditableFieldProps>;
|
|
1007
1049
|
|
|
1008
1050
|
type TableDesktopCellProps = {
|
|
1009
1051
|
editableCellType?: EditableCellType;
|
|
@@ -1014,13 +1056,13 @@ type TableDesktopCellProps = {
|
|
|
1014
1056
|
enableEditMode: boolean;
|
|
1015
1057
|
disabled?: boolean;
|
|
1016
1058
|
readOnlyValue: string | number | boolean;
|
|
1017
|
-
width?: HeadCell[
|
|
1018
|
-
inputLabel: HeadCell[
|
|
1019
|
-
filterOptions?: HeadCell[
|
|
1020
|
-
refetchFilterOptions?: HeadCell[
|
|
1021
|
-
isFetchingFilterOptions?: HeadCell[
|
|
1022
|
-
validateInput?: HeadCell[
|
|
1023
|
-
onUpdateEditableCell?: HeadCell[
|
|
1059
|
+
width?: HeadCell['width'];
|
|
1060
|
+
inputLabel: HeadCell['label'];
|
|
1061
|
+
filterOptions?: HeadCell['filterOptions'];
|
|
1062
|
+
refetchFilterOptions?: HeadCell['refetchFilterOptions'];
|
|
1063
|
+
isFetchingFilterOptions?: HeadCell['isFetchingFilterOptions'];
|
|
1064
|
+
validateInput?: HeadCell['validateInput'];
|
|
1065
|
+
onUpdateEditableCell?: HeadCell['onUpdateEditableCell'];
|
|
1024
1066
|
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
|
|
1025
1067
|
};
|
|
1026
1068
|
declare const TableDesktopCell: FC<TableDesktopCellProps>;
|
|
@@ -1129,4 +1171,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1129
1171
|
|
|
1130
1172
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1131
1173
|
|
|
1132
|
-
export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel,
|
|
1174
|
+
export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, type EditableCellType, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, type Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktop, TableDesktopCell, TableDesktopEditableField, TableDesktopFooter, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
|