@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.
@@ -1,11 +1,9 @@
1
1
  import * as React from 'react';
2
- import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
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 { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, E as EditableCellType } from '../TableDesktop-BLEssG6r.cjs';
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 AppliedTableFiltersDisplayProps = {
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
- headerFilters: HeaderFilters;
55
- hasAnyFiltersApplied: boolean;
56
- onOpenClearFiltersDialog: () => void;
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 AppliedTableFiltersDisplay: FC<AppliedTableFiltersDisplayProps>;
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["filterOptions"];
70
- onAutocompleteFilterChange: HeadCell["onAutocompleteFilterChange"];
71
- shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
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["shouldShowCheckOnFilter"];
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["shouldShowCheckOnFilter"];
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?: "outlined" | "filled" | "standard";
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["shouldShowCheckOnFilter"];
950
- onApplyFilters?: TableDesktopProps["onApplyFilters"];
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["onApplyFilters"];
965
- shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
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["filterOptions"];
1001
- refetchFilterOptions?: HeadCell["refetchFilterOptions"];
1002
- isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
1003
- validateInput?: HeadCell["validateInput"];
1004
- onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
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: FC<TableDesktopEditableFieldProps>;
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["width"];
1018
- inputLabel: HeadCell["label"];
1019
- filterOptions?: HeadCell["filterOptions"];
1020
- refetchFilterOptions?: HeadCell["refetchFilterOptions"];
1021
- isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
1022
- validateInput?: HeadCell["validateInput"];
1023
- onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
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, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, 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, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, 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, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
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, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
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 { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, E as EditableCellType } from '../TableDesktop-BLEssG6r.js';
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 AppliedTableFiltersDisplayProps = {
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
- headerFilters: HeaderFilters;
55
- hasAnyFiltersApplied: boolean;
56
- onOpenClearFiltersDialog: () => void;
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 AppliedTableFiltersDisplay: FC<AppliedTableFiltersDisplayProps>;
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["filterOptions"];
70
- onAutocompleteFilterChange: HeadCell["onAutocompleteFilterChange"];
71
- shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
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["shouldShowCheckOnFilter"];
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["shouldShowCheckOnFilter"];
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?: "outlined" | "filled" | "standard";
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["shouldShowCheckOnFilter"];
950
- onApplyFilters?: TableDesktopProps["onApplyFilters"];
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["onApplyFilters"];
965
- shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
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["filterOptions"];
1001
- refetchFilterOptions?: HeadCell["refetchFilterOptions"];
1002
- isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
1003
- validateInput?: HeadCell["validateInput"];
1004
- onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
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: FC<TableDesktopEditableFieldProps>;
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["width"];
1018
- inputLabel: HeadCell["label"];
1019
- filterOptions?: HeadCell["filterOptions"];
1020
- refetchFilterOptions?: HeadCell["refetchFilterOptions"];
1021
- isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
1022
- validateInput?: HeadCell["validateInput"];
1023
- onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
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, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, 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, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, 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, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
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 };