@natoora-libs/core 0.1.16 → 0.1.18-dev-doug-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 +2586 -1932
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +179 -110
- package/dist/components/index.d.ts +179 -110
- package/dist/components/index.js +2443 -1799
- package/dist/components/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,9 +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 { SelectChangeEvent, SxProps, Theme, MenuProps, Typography } from '@mui/material';
|
|
4
5
|
import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
|
|
5
6
|
import { UseMutateAsyncFunction } from 'react-query';
|
|
6
|
-
import { MenuProps, SelectChangeEvent, Typography } from '@mui/material';
|
|
7
7
|
import { DateRangePickerShape } from 'react-dates';
|
|
8
8
|
|
|
9
9
|
type ActiveFiltersIconButtonProps = {
|
|
@@ -13,7 +13,7 @@ type ActiveFiltersIconButtonProps = {
|
|
|
13
13
|
numActiveFilters: number;
|
|
14
14
|
handleClick: (event: MouseEvent<HTMLElement>) => void;
|
|
15
15
|
};
|
|
16
|
-
declare const
|
|
16
|
+
declare const ActiveFiltersIconButton: React.MemoExoticComponent<({ label, className, enableRipple, numActiveFilters, handleClick, }: ActiveFiltersIconButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
17
17
|
|
|
18
18
|
interface AlertDialogProps {
|
|
19
19
|
open: boolean;
|
|
@@ -47,6 +47,90 @@ interface IAppLabel {
|
|
|
47
47
|
}
|
|
48
48
|
declare const AppLabel: ({ appName }: IAppLabel) => react_jsx_runtime.JSX.Element;
|
|
49
49
|
|
|
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[];
|
|
94
|
+
headCells: HeadCell[];
|
|
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: string) => void;
|
|
118
|
+
keyField?: string;
|
|
119
|
+
tableLayout?: 'fixed' | 'auto';
|
|
120
|
+
onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
|
|
121
|
+
shouldShowCheckOnFilter?: (columnId: string, filterOption: string | HeaderFilterObject) => boolean;
|
|
122
|
+
};
|
|
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;
|
|
124
|
+
|
|
125
|
+
type AutocompleteFilterMenuContentProps = {
|
|
126
|
+
headCell: HeadCell;
|
|
127
|
+
selectedFilterOptions: HeaderFilterOptions;
|
|
128
|
+
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
129
|
+
onApplyFiltersClick: (shouldSave: boolean) => void;
|
|
130
|
+
shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
|
|
131
|
+
};
|
|
132
|
+
declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentProps>;
|
|
133
|
+
|
|
50
134
|
interface BackHeaderProps {
|
|
51
135
|
appName: string;
|
|
52
136
|
onGoBackClick?: () => void;
|
|
@@ -68,7 +152,7 @@ interface BoxButtonProps {
|
|
|
68
152
|
extra?: any;
|
|
69
153
|
borderColor?: any;
|
|
70
154
|
}
|
|
71
|
-
declare const _default$
|
|
155
|
+
declare const _default$k: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
72
156
|
|
|
73
157
|
interface IExtendedButton {
|
|
74
158
|
buttonType?: 'button' | 'submit';
|
|
@@ -85,7 +169,7 @@ interface IExtendedButton {
|
|
|
85
169
|
variant?: 'contained' | 'outlined' | 'text';
|
|
86
170
|
copyColor?: string;
|
|
87
171
|
}
|
|
88
|
-
declare const _default$
|
|
172
|
+
declare const _default$j: React.MemoExoticComponent<({ buttonType, color, disabled, href, tooltip, component, type, className, onClick, copy, subcopy, variant, copyColor, }: IExtendedButton) => react_jsx_runtime.JSX.Element>;
|
|
89
173
|
|
|
90
174
|
interface IFilledButton {
|
|
91
175
|
autoFocus?: boolean;
|
|
@@ -99,7 +183,7 @@ interface IFilledButton {
|
|
|
99
183
|
type?: 'button' | 'submit';
|
|
100
184
|
variant?: 'contained' | 'outlined' | 'text';
|
|
101
185
|
}
|
|
102
|
-
declare const _default$
|
|
186
|
+
declare const _default$i: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
|
|
103
187
|
|
|
104
188
|
interface FilledButtonLgProps {
|
|
105
189
|
classes?: any;
|
|
@@ -115,14 +199,14 @@ interface FilledButtonLgProps {
|
|
|
115
199
|
style?: string;
|
|
116
200
|
};
|
|
117
201
|
}
|
|
118
|
-
declare const _default$
|
|
202
|
+
declare const _default$h: React.MemoExoticComponent<({ classes, disabled, variant, color, copy, handleClick, loading, loadingProps, }: FilledButtonLgProps) => react_jsx_runtime.JSX.Element>;
|
|
119
203
|
|
|
120
204
|
interface ImageButtonProps {
|
|
121
205
|
src?: any;
|
|
122
206
|
onClick?: any;
|
|
123
207
|
value?: any;
|
|
124
208
|
}
|
|
125
|
-
declare const _default$
|
|
209
|
+
declare const _default$g: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
126
210
|
|
|
127
211
|
interface SquareButtonProps {
|
|
128
212
|
children: any;
|
|
@@ -153,7 +237,7 @@ interface OutlinedButtonProps {
|
|
|
153
237
|
subcopy?: any;
|
|
154
238
|
type?: any;
|
|
155
239
|
}
|
|
156
|
-
declare const _default$
|
|
240
|
+
declare const _default$f: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
157
241
|
|
|
158
242
|
interface AButtonProps {
|
|
159
243
|
classes?: any;
|
|
@@ -161,7 +245,7 @@ interface AButtonProps {
|
|
|
161
245
|
color?: string;
|
|
162
246
|
copy?: any;
|
|
163
247
|
}
|
|
164
|
-
declare const _default$
|
|
248
|
+
declare const _default$e: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
165
249
|
|
|
166
250
|
interface IRoundButton {
|
|
167
251
|
active?: boolean;
|
|
@@ -187,13 +271,24 @@ interface IRoundButton {
|
|
|
187
271
|
*/
|
|
188
272
|
declare const RoundButton: ({ active, children, className, disabled, focused, icon, iconColor, isContrast, isTableButton, noStrokes, onClick, size, tooltip, variant, testID, }: IRoundButton) => react_jsx_runtime.JSX.Element;
|
|
189
273
|
|
|
190
|
-
declare const _default$
|
|
274
|
+
declare const _default$d: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
|
|
191
275
|
|
|
192
276
|
interface ActionButtonProps {
|
|
193
277
|
app?: any;
|
|
194
278
|
}
|
|
195
279
|
declare function ActionButton(props: ActionButtonProps): react_jsx_runtime.JSX.Element;
|
|
196
280
|
|
|
281
|
+
type CheckboxFilterMenuContentProps = {
|
|
282
|
+
headCell: HeadCell;
|
|
283
|
+
selectedFilterOptions: HeaderFilterOptions;
|
|
284
|
+
filterOptions: HeaderFilterOptions;
|
|
285
|
+
shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
|
|
286
|
+
onSelectAllChange: (checked: boolean) => void;
|
|
287
|
+
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
288
|
+
onApplyFiltersClick: (shouldSave: boolean) => void;
|
|
289
|
+
};
|
|
290
|
+
declare const CheckboxFilterMenuContent: FC<CheckboxFilterMenuContentProps>;
|
|
291
|
+
|
|
197
292
|
interface ICompanyLogo {
|
|
198
293
|
size: 'small' | 'medium';
|
|
199
294
|
color: 'light' | 'dark';
|
|
@@ -424,14 +519,21 @@ interface IDeleteSubstitutionDialogContent {
|
|
|
424
519
|
deleteSubstitution: () => void;
|
|
425
520
|
substitutionName: string;
|
|
426
521
|
}
|
|
427
|
-
declare const _default$
|
|
522
|
+
declare const _default$c: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
|
|
428
523
|
|
|
429
524
|
interface IDeleteUserDialogContent {
|
|
430
525
|
closeDialog: () => void;
|
|
431
526
|
deleteUser: () => void;
|
|
432
527
|
userName: string;
|
|
433
528
|
}
|
|
434
|
-
declare const _default$
|
|
529
|
+
declare const _default$b: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
|
|
530
|
+
|
|
531
|
+
type DynamicOverflowTooltipProps = {
|
|
532
|
+
arrow?: boolean;
|
|
533
|
+
children: ReactElement | string | number | null;
|
|
534
|
+
tooltipDescription: string;
|
|
535
|
+
};
|
|
536
|
+
declare const DynamicOverflowTooltip: FC<DynamicOverflowTooltipProps>;
|
|
435
537
|
|
|
436
538
|
interface FileCardProps {
|
|
437
539
|
document: string;
|
|
@@ -442,7 +544,7 @@ interface FilledLabelProps {
|
|
|
442
544
|
color?: string;
|
|
443
545
|
copy?: any;
|
|
444
546
|
}
|
|
445
|
-
declare const _default$
|
|
547
|
+
declare const _default$a: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
|
|
446
548
|
|
|
447
549
|
type IFilterGroupSelector = {
|
|
448
550
|
name?: string;
|
|
@@ -466,11 +568,22 @@ type IFilterSimpleSelector = {
|
|
|
466
568
|
};
|
|
467
569
|
declare const FilterSimpleSelector: ({ name, options, selectedOptions, setSelectedOptions, handleClickOnApply, }: IFilterSimpleSelector) => react_jsx_runtime.JSX.Element;
|
|
468
570
|
|
|
571
|
+
type FilterOptionsCheckboxesProps = {
|
|
572
|
+
columnId: string;
|
|
573
|
+
labelFieldName: string;
|
|
574
|
+
maxWidth?: number | string;
|
|
575
|
+
filterOptions: HeaderFilterOptions;
|
|
576
|
+
selectedFilterOptions: HeaderFilterOptions;
|
|
577
|
+
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
578
|
+
shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
|
|
579
|
+
};
|
|
580
|
+
declare const FilterOptionsCheckboxes: FC<FilterOptionsCheckboxesProps>;
|
|
581
|
+
|
|
469
582
|
interface FixedFooterProps {
|
|
470
583
|
children: React.ReactNode;
|
|
471
584
|
justifyContent?: string;
|
|
472
585
|
}
|
|
473
|
-
declare const _default$
|
|
586
|
+
declare const _default$9: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
|
|
474
587
|
|
|
475
588
|
interface HeaderProps {
|
|
476
589
|
appName: any;
|
|
@@ -517,6 +630,7 @@ declare const icons: {
|
|
|
517
630
|
SvgIconSnail: (props: any) => react_jsx_runtime.JSX.Element;
|
|
518
631
|
SvgEmptyGlassIcon: (props: any) => react_jsx_runtime.JSX.Element;
|
|
519
632
|
SvgIconUserManagement: () => react_jsx_runtime.JSX.Element;
|
|
633
|
+
SvgIconTableEdit: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
520
634
|
};
|
|
521
635
|
|
|
522
636
|
interface VirtualizedListProps {
|
|
@@ -562,7 +676,7 @@ interface NumpadInputProps {
|
|
|
562
676
|
inputLabel?: string;
|
|
563
677
|
children?: any;
|
|
564
678
|
}
|
|
565
|
-
declare const _default$
|
|
679
|
+
declare const _default$8: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
|
|
566
680
|
|
|
567
681
|
interface NumpadPlusProps {
|
|
568
682
|
handleClick: any;
|
|
@@ -707,12 +821,19 @@ interface SearchAndFilterHeaderForTableProps {
|
|
|
707
821
|
showFilterButton?: boolean;
|
|
708
822
|
updateSearch?(...args: any[]): any;
|
|
709
823
|
}
|
|
710
|
-
declare const _default$
|
|
824
|
+
declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
|
|
711
825
|
|
|
712
826
|
type SearchFieldDebouncedProps = {
|
|
713
827
|
onSearch: (value: string) => void;
|
|
828
|
+
variant?: "outlined" | "filled" | "standard";
|
|
829
|
+
hideSearchIcon?: boolean;
|
|
714
830
|
initialValue?: string;
|
|
715
831
|
debounceDelay?: number;
|
|
832
|
+
minCharacters?: number;
|
|
833
|
+
sx?: SxProps<Theme>;
|
|
834
|
+
inputProps?: {
|
|
835
|
+
sx: SxProps<Theme>;
|
|
836
|
+
};
|
|
716
837
|
};
|
|
717
838
|
declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
|
|
718
839
|
|
|
@@ -727,7 +848,7 @@ interface ISearchWithFiltersProps {
|
|
|
727
848
|
}) => void;
|
|
728
849
|
disabled?: boolean;
|
|
729
850
|
}
|
|
730
|
-
declare const _default$
|
|
851
|
+
declare const _default$6: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
|
|
731
852
|
|
|
732
853
|
interface SearchWithFiltersForTableProps {
|
|
733
854
|
onFilterButtonClick?(...args: any[]): any;
|
|
@@ -737,7 +858,7 @@ interface SearchWithFiltersForTableProps {
|
|
|
737
858
|
showFilterButton?: boolean;
|
|
738
859
|
searchedValue?: string;
|
|
739
860
|
}
|
|
740
|
-
declare const _default$
|
|
861
|
+
declare const _default$5: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
|
|
741
862
|
|
|
742
863
|
interface ISectionName {
|
|
743
864
|
name: string;
|
|
@@ -795,6 +916,10 @@ interface SmartSelectProps {
|
|
|
795
916
|
* Style variant to choose.
|
|
796
917
|
*/
|
|
797
918
|
variant?: 'standard' | 'outlined' | 'filled';
|
|
919
|
+
/**
|
|
920
|
+
* Size to choose.
|
|
921
|
+
*/
|
|
922
|
+
size?: 'medium' | 'small';
|
|
798
923
|
/**
|
|
799
924
|
* A boolean indicating validation error.
|
|
800
925
|
* It allows use of error styling when validation is required.
|
|
@@ -836,7 +961,7 @@ interface SquareLabelProps {
|
|
|
836
961
|
color?: string;
|
|
837
962
|
copy?: any;
|
|
838
963
|
}
|
|
839
|
-
declare const _default$
|
|
964
|
+
declare const _default$4: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
|
|
840
965
|
|
|
841
966
|
interface LSwitchProps {
|
|
842
967
|
classes?: any;
|
|
@@ -846,82 +971,31 @@ interface LSwitchProps {
|
|
|
846
971
|
handleChange?: any;
|
|
847
972
|
disabled: any;
|
|
848
973
|
}
|
|
849
|
-
declare const _default$
|
|
974
|
+
declare const _default$3: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
|
|
850
975
|
|
|
851
|
-
type
|
|
852
|
-
type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
|
|
853
|
-
type HeaderFilterObject = {
|
|
854
|
-
id: number | string;
|
|
855
|
-
[key: string]: number | string;
|
|
856
|
-
};
|
|
857
|
-
type HeaderFilterOptions = string[] | HeaderFilterObject[];
|
|
858
|
-
type HeaderFilters = {
|
|
859
|
-
[key: string]: HeaderFilterOptions;
|
|
860
|
-
};
|
|
861
|
-
type HeadCell = {
|
|
862
|
-
id: string;
|
|
863
|
-
label?: string;
|
|
864
|
-
labelTooltip?: string;
|
|
865
|
-
fieldName?: string;
|
|
866
|
-
numeric?: boolean;
|
|
867
|
-
disablePadding?: boolean;
|
|
868
|
-
width?: number | string;
|
|
869
|
-
enabled?: boolean;
|
|
870
|
-
disableSort?: boolean;
|
|
871
|
-
RenderHeader?: ReactNode;
|
|
872
|
-
editableCellType?: EditableCellType;
|
|
873
|
-
validateInput?: (value: string | null) => boolean;
|
|
874
|
-
onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
|
|
875
|
-
filterOptions?: HeaderFilterOptions;
|
|
876
|
-
refetchFilterOptions?: () => void;
|
|
877
|
-
isFetchingFilterOptions?: boolean;
|
|
878
|
-
};
|
|
879
|
-
type TableDesktopProps = {
|
|
880
|
-
data: any[];
|
|
881
|
-
headCells: HeadCell[];
|
|
882
|
-
RenderItem: ComponentType<any>;
|
|
883
|
-
appliedFilters?: any;
|
|
884
|
-
headerFilters?: HeaderFilters;
|
|
885
|
-
children?: ReactNode;
|
|
886
|
-
height?: number | string;
|
|
887
|
-
isLoading?: boolean;
|
|
888
|
-
rowsPerPage?: number;
|
|
889
|
-
enableCheckboxSelection?: boolean;
|
|
890
|
-
disableInternalSort?: boolean;
|
|
891
|
-
updateSort?: (sortField: string, sortDir: Order) => void;
|
|
892
|
-
showClearFilterButton?: boolean;
|
|
893
|
-
handleClickOnClearFiltersButton?: () => void;
|
|
894
|
-
deleteItem?: (id: string) => void;
|
|
895
|
-
keyField?: string;
|
|
896
|
-
tableLayout?: 'fixed' | 'auto';
|
|
897
|
-
onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
|
|
898
|
-
shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
|
|
899
|
-
};
|
|
900
|
-
declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
|
|
901
|
-
|
|
902
|
-
interface SmartTableHeaderFilterMenuProps {
|
|
976
|
+
type SmartTableHeaderFilterMenuProps = {
|
|
903
977
|
headCell: HeadCell;
|
|
904
978
|
headerFilters: HeaderFilters;
|
|
905
979
|
numActiveFilters: number;
|
|
906
|
-
shouldShowCheckOnFilter?:
|
|
907
|
-
onApplyFilters?:
|
|
908
|
-
}
|
|
909
|
-
declare const
|
|
980
|
+
shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
|
|
981
|
+
onApplyFilters?: TableDesktopProps["onApplyFilters"];
|
|
982
|
+
};
|
|
983
|
+
declare const SmartTableHeaderFilterMenu: React__default.MemoExoticComponent<({ headCell, numActiveFilters, headerFilters, shouldShowCheckOnFilter, onApplyFilters, }: SmartTableHeaderFilterMenuProps) => react_jsx_runtime.JSX.Element>;
|
|
910
984
|
|
|
911
|
-
|
|
985
|
+
type SmartTableHeaderProps = {
|
|
912
986
|
order: Order;
|
|
913
987
|
orderBy: string;
|
|
914
988
|
headCells: HeadCell[];
|
|
915
|
-
|
|
989
|
+
numSelectedRows: number;
|
|
916
990
|
numRows: number;
|
|
917
991
|
enableCheckboxSelection?: boolean;
|
|
918
992
|
headerFilters: HeaderFilters;
|
|
919
993
|
onRequestSort: (event: MouseEvent<unknown>, property: string) => void;
|
|
920
994
|
onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
921
|
-
onApplyFilters?:
|
|
922
|
-
shouldShowCheckOnFilter?:
|
|
923
|
-
}
|
|
924
|
-
declare const
|
|
995
|
+
onApplyFilters?: TableDesktopProps["onApplyFilters"];
|
|
996
|
+
shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
|
|
997
|
+
};
|
|
998
|
+
declare const SmartTableHeader: React.MemoExoticComponent<({ order, orderBy, headCells, numSelectedRows, numRows, enableCheckboxSelection, headerFilters, onRequestSort, onSelectAllClick, onApplyFilters, shouldShowCheckOnFilter, }: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
|
|
925
999
|
|
|
926
1000
|
interface TableProps {
|
|
927
1001
|
headCells?: {
|
|
@@ -943,23 +1017,32 @@ interface TableProps {
|
|
|
943
1017
|
}
|
|
944
1018
|
declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
|
|
945
1019
|
|
|
946
|
-
type
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
1020
|
+
type TableDesktopEditableFieldProps = {
|
|
1021
|
+
editInitialValue?: any;
|
|
1022
|
+
rowId?: number;
|
|
1023
|
+
field: string;
|
|
1024
|
+
fieldName: string;
|
|
1025
|
+
disabled?: boolean;
|
|
1026
|
+
showCheckboxLabel?: boolean;
|
|
1027
|
+
variant?: "standard" | "outlined" | "filled";
|
|
1028
|
+
size?: "medium" | "small";
|
|
1029
|
+
inputLabel: string;
|
|
1030
|
+
editableCellType: EditableCellType;
|
|
1031
|
+
filterOptions?: HeadCell["filterOptions"];
|
|
1032
|
+
refetchFilterOptions?: HeadCell["refetchFilterOptions"];
|
|
1033
|
+
isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
|
|
1034
|
+
validateInput?: HeadCell["validateInput"];
|
|
1035
|
+
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
955
1036
|
};
|
|
956
|
-
declare const
|
|
1037
|
+
declare const TableDesktopEditableField: React.NamedExoticComponent<TableDesktopEditableFieldProps>;
|
|
957
1038
|
|
|
958
|
-
type
|
|
1039
|
+
type TableDesktopCellProps = {
|
|
959
1040
|
editableCellType?: EditableCellType;
|
|
960
1041
|
editInitialValue: any;
|
|
961
1042
|
rowId: number;
|
|
1043
|
+
field: string;
|
|
962
1044
|
fieldName: string;
|
|
1045
|
+
enableEditMode: boolean;
|
|
963
1046
|
disabled?: boolean;
|
|
964
1047
|
readOnlyValue: string | number | boolean;
|
|
965
1048
|
width?: HeadCell["width"];
|
|
@@ -971,21 +1054,7 @@ type TableDesktopRowCellProps = {
|
|
|
971
1054
|
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
972
1055
|
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
|
|
973
1056
|
};
|
|
974
|
-
declare const
|
|
975
|
-
|
|
976
|
-
type TableDesktopSmartSelectProps = {
|
|
977
|
-
ref?: RefObject<any>;
|
|
978
|
-
initialValue: HeaderFilterObject | string;
|
|
979
|
-
inputLabel: string;
|
|
980
|
-
fieldName: string;
|
|
981
|
-
rowId: number;
|
|
982
|
-
disabled?: boolean;
|
|
983
|
-
filterOptions?: HeadCell["filterOptions"];
|
|
984
|
-
refetchFilterOptions?: HeadCell["refetchFilterOptions"];
|
|
985
|
-
isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
|
|
986
|
-
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
987
|
-
};
|
|
988
|
-
declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, disabled, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
|
|
1057
|
+
declare const TableDesktopCell: FC<TableDesktopCellProps>;
|
|
989
1058
|
|
|
990
1059
|
interface ITableEmptyResult {
|
|
991
1060
|
colSpan: number;
|
|
@@ -1091,4 +1160,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1091
1160
|
|
|
1092
1161
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1093
1162
|
|
|
1094
|
-
export {
|
|
1163
|
+
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 };
|