@natoora-libs/core 0.0.41 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/index.cjs +603 -225
  2. package/dist/components/index.cjs.map +1 -1
  3. package/dist/components/index.d.cts +85 -53
  4. package/dist/components/index.d.ts +85 -53
  5. package/dist/components/index.js +600 -203
  6. package/dist/components/index.js.map +1 -1
  7. package/package.json +2 -2
package/dist/components/index.d.cts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
- import { ReactNode, ComponentType, FC, ComponentProps } from 'react';
2
+ import React__default, { ReactNode, ComponentType, MouseEvent, ChangeEvent, FC, ComponentProps } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
5
- import { UseMutateAsyncFunction } from 'react-query';
5
+ import { UseMutateAsyncFunction, UseQueryResult } from 'react-query';
6
6
  import { MenuProps, Typography } from '@mui/material';
7
7
  import { DateRangePickerShape } from 'react-dates';
8
8
 
@@ -59,7 +59,7 @@ interface BoxButtonProps {
59
59
  extra?: any;
60
60
  borderColor?: any;
61
61
  }
62
- declare const _default$m: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
62
+ declare const _default$n: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
63
63
 
64
64
  interface IExtendedButton {
65
65
  buttonType?: 'button' | 'submit';
@@ -76,7 +76,7 @@ interface IExtendedButton {
76
76
  variant?: 'contained' | 'outlined' | 'text';
77
77
  copyColor?: string;
78
78
  }
79
- declare const _default$l: React.MemoExoticComponent<({ buttonType, color, disabled, href, tooltip, component, type, className, onClick, copy, subcopy, variant, copyColor, }: IExtendedButton) => react_jsx_runtime.JSX.Element>;
79
+ declare const _default$m: React.MemoExoticComponent<({ buttonType, color, disabled, href, tooltip, component, type, className, onClick, copy, subcopy, variant, copyColor, }: IExtendedButton) => react_jsx_runtime.JSX.Element>;
80
80
 
81
81
  interface IFilledButton {
82
82
  autoFocus?: boolean;
@@ -90,7 +90,7 @@ interface IFilledButton {
90
90
  type?: 'button' | 'submit';
91
91
  variant?: 'contained' | 'outlined' | 'text';
92
92
  }
93
- declare const _default$k: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
93
+ declare const _default$l: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
94
94
 
95
95
  interface FilledButtonLgProps {
96
96
  classes?: any;
@@ -106,14 +106,14 @@ interface FilledButtonLgProps {
106
106
  style?: string;
107
107
  };
108
108
  }
109
- declare const _default$j: React.MemoExoticComponent<({ classes, disabled, variant, color, copy, handleClick, loading, loadingProps, }: FilledButtonLgProps) => react_jsx_runtime.JSX.Element>;
109
+ declare const _default$k: React.MemoExoticComponent<({ classes, disabled, variant, color, copy, handleClick, loading, loadingProps, }: FilledButtonLgProps) => react_jsx_runtime.JSX.Element>;
110
110
 
111
111
  interface ImageButtonProps {
112
112
  src?: any;
113
113
  onClick?: any;
114
114
  value?: any;
115
115
  }
116
- declare const _default$i: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
116
+ declare const _default$j: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
117
117
 
118
118
  interface SquareButtonProps {
119
119
  children: any;
@@ -144,7 +144,7 @@ interface OutlinedButtonProps {
144
144
  subcopy?: any;
145
145
  type?: any;
146
146
  }
147
- declare const _default$h: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
147
+ declare const _default$i: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
148
148
 
149
149
  interface AButtonProps {
150
150
  classes?: any;
@@ -152,7 +152,7 @@ interface AButtonProps {
152
152
  color?: string;
153
153
  copy?: any;
154
154
  }
155
- declare const _default$g: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
155
+ declare const _default$h: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
156
156
 
157
157
  interface IRoundButton {
158
158
  active?: boolean;
@@ -178,7 +178,7 @@ interface IRoundButton {
178
178
  */
179
179
  declare const RoundButton: ({ active, children, className, disabled, focused, icon, iconColor, isContrast, isTableButton, noStrokes, onClick, size, tooltip, variant, testID, }: IRoundButton) => react_jsx_runtime.JSX.Element;
180
180
 
181
- declare const _default$f: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
181
+ declare const _default$g: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
182
182
 
183
183
  interface ActionButtonProps {
184
184
  app?: any;
@@ -415,14 +415,14 @@ interface IDeleteSubstitutionDialogContent {
415
415
  deleteSubstitution: () => void;
416
416
  substitutionName: string;
417
417
  }
418
- declare const _default$e: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
418
+ declare const _default$f: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
419
419
 
420
420
  interface IDeleteUserDialogContent {
421
421
  closeDialog: () => void;
422
422
  deleteUser: () => void;
423
423
  userName: string;
424
424
  }
425
- declare const _default$d: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
425
+ declare const _default$e: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
426
426
 
427
427
  interface FileCardProps {
428
428
  document: string;
@@ -433,7 +433,7 @@ interface FilledLabelProps {
433
433
  color?: string;
434
434
  copy?: any;
435
435
  }
436
- declare const _default$c: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
436
+ declare const _default$d: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
437
437
 
438
438
  type IFilterGroupSelector = {
439
439
  name?: string;
@@ -459,7 +459,7 @@ interface FixedFooterProps {
459
459
  children: React.ReactNode;
460
460
  justifyContent?: string;
461
461
  }
462
- declare const _default$b: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
462
+ declare const _default$c: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
463
463
 
464
464
  interface HeaderProps {
465
465
  appName: any;
@@ -524,7 +524,7 @@ interface ILeftDrawer {
524
524
  username: string;
525
525
  };
526
526
  }
527
- declare const _default$a: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
527
+ declare const _default$b: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
528
528
 
529
529
  interface VirtualizedListProps {
530
530
  headers?: any;
@@ -569,7 +569,7 @@ interface NumpadInputProps {
569
569
  inputLabel?: string;
570
570
  children?: any;
571
571
  }
572
- declare const _default$9: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
572
+ declare const _default$a: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
573
573
 
574
574
  interface NumpadPlusProps {
575
575
  handleClick: any;
@@ -714,7 +714,7 @@ interface SearchAndFilterHeaderForTableProps {
714
714
  showFilterButton?: boolean;
715
715
  updateSearch?(...args: any[]): any;
716
716
  }
717
- declare const _default$8: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
717
+ declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
718
718
 
719
719
  interface ISearchWithFiltersProps {
720
720
  enterPressedInSearch?: () => void;
@@ -727,7 +727,7 @@ interface ISearchWithFiltersProps {
727
727
  }) => void;
728
728
  disabled?: boolean;
729
729
  }
730
- declare const _default$7: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
730
+ declare const _default$8: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
731
731
 
732
732
  interface SearchWithFiltersForTableProps {
733
733
  onFilterButtonClick?(...args: any[]): any;
@@ -737,7 +737,7 @@ interface SearchWithFiltersForTableProps {
737
737
  showFilterButton?: boolean;
738
738
  searchedValue?: string;
739
739
  }
740
- declare const _default$6: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
740
+ declare const _default$7: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
741
741
 
742
742
  interface ISectionName {
743
743
  name: string;
@@ -836,7 +836,7 @@ interface SquareLabelProps {
836
836
  color?: string;
837
837
  copy?: any;
838
838
  }
839
- declare const _default$5: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
839
+ declare const _default$6: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
840
840
 
841
841
  interface LSwitchProps {
842
842
  classes?: any;
@@ -846,15 +846,69 @@ interface LSwitchProps {
846
846
  handleChange?: any;
847
847
  disabled: any;
848
848
  }
849
- declare const _default$4: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
849
+ declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
850
850
 
851
- interface SmartTableHeaderProps {
852
- order?: string;
853
- orderBy?: string;
854
- onRequestSort?(...args: any[]): any;
855
- headCells?: any;
851
+ type Order = 'asc' | 'desc';
852
+ type HeaderFilterObject = {
853
+ id: number;
854
+ name: string;
855
+ label?: 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
+ numeric?: boolean;
865
+ disablePadding?: boolean;
866
+ enabled?: boolean;
867
+ renderHeader?: ReactNode;
868
+ filterOptionsQuery?: UseQueryResult<unknown[], unknown>;
869
+ };
870
+ interface ITableDesktopProps {
871
+ data: any[];
872
+ headCells: HeadCell[];
873
+ RenderItem: ComponentType<any>;
874
+ appliedFilters?: any;
875
+ headerFilters?: HeaderFilters;
876
+ children?: ReactNode;
877
+ height?: number | string;
878
+ isLoading?: boolean;
879
+ rowsPerPage?: number;
880
+ enableCheckboxSelection?: boolean;
881
+ disableInternalSort?: boolean;
882
+ updateSort?: (sortField: string, sortDir: Order) => void;
883
+ showClearFilterButton?: boolean;
884
+ handleClickOnClearFiltersButton?: () => void;
885
+ deleteItem?: (id: string) => void;
886
+ keyField?: string;
887
+ onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
856
888
  }
857
- declare const _default$3: React.MemoExoticComponent<(props: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
889
+ declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, onApplyFilters, }: ITableDesktopProps) => react_jsx_runtime.JSX.Element;
890
+
891
+ interface SmartTableHeaderFilterMenuProps {
892
+ headCell: HeadCell;
893
+ headerFilters: HeaderFilters;
894
+ hasActiveFilters: boolean;
895
+ onApplyFilters?: (...args: unknown[]) => void;
896
+ }
897
+ declare const _default$4: React__default.NamedExoticComponent<SmartTableHeaderFilterMenuProps>;
898
+
899
+ interface SmartTableHeaderProps {
900
+ order: Order;
901
+ orderBy: string;
902
+ headCells: HeadCell[];
903
+ numSelected: number;
904
+ numRows: number;
905
+ enableCheckboxSelection?: boolean;
906
+ headerFilters: HeaderFilters;
907
+ onRequestSort: (event: MouseEvent<unknown>, property: string) => void;
908
+ onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;
909
+ onApplyFilters?: (...args: unknown[]) => void;
910
+ }
911
+ declare const _default$3: React.NamedExoticComponent<SmartTableHeaderProps>;
858
912
 
859
913
  interface TableProps {
860
914
  headCells?: {
@@ -876,40 +930,18 @@ interface TableProps {
876
930
  }
877
931
  declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
878
932
 
879
- interface IHeadCell {
880
- id: string;
881
- numeric?: boolean;
882
- disablePadding?: boolean;
883
- label: string;
884
- }
885
- interface ITableDesktopProps {
886
- appliedFilters?: any;
887
- children?: React.ReactNode;
888
- data: any[];
889
- headCells: IHeadCell[];
890
- height?: number | string;
891
- isLoading?: boolean;
892
- RenderItem: ComponentType<any>;
893
- rowsPerPage: number;
894
- updateSort: (sortField: string, sortDir: 'asc' | 'desc') => void;
895
- showClearFilterButton?: boolean;
896
- handleClickOnClearFiltersButton?: () => void;
897
- deleteItem?: (id: string) => void;
898
- keyField: string;
899
- }
900
- declare const TableDesktop: ({ appliedFilters, children, data, headCells, height, isLoading, RenderItem, rowsPerPage, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, }: ITableDesktopProps) => react_jsx_runtime.JSX.Element;
901
-
902
933
  interface ITableEmptyResult {
934
+ colSpan: number;
903
935
  showClearFilterButton?: boolean;
904
936
  handleClickOnClearFiltersButton?: () => void;
905
937
  }
906
- declare const TableEmptyResult: ({ showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
938
+ declare const TableEmptyResult: ({ colSpan, showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
907
939
 
908
940
  interface TableLoadingProps {
909
941
  rowsPerPage?: number;
910
942
  rowHeight?: number;
911
943
  }
912
- declare const TableLoading: ({ rowsPerPage, rowHeight }: TableLoadingProps) => react_jsx_runtime.JSX.Element;
944
+ declare const TableLoading: React__default.FC<TableLoadingProps>;
913
945
 
914
946
  interface TableHeaderProps {
915
947
  cells: any;
@@ -996,4 +1028,4 @@ type UserBustProps = {
996
1028
  };
997
1029
  declare const _default: React.MemoExoticComponent<({ user, avatarProps, typographyProps }: UserBustProps) => react_jsx_runtime.JSX.Element>;
998
1030
 
999
- export { AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$m as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$e as DeleteSubstitutionDialogContent, _default$d as DeleteUserDialogContent, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, Header, _default$i as ImageButton, _default$a as LeftDrawer, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$9 as NumpadInput, NumpadPlus, _default$h as OutlinedButton, _default$g as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$f as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$8 as SearchAndFilterHeaderForTable, _default$7 as SearchWithFilters, _default$6 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, SquareButton, _default$5 as SquareLabel, _default$4 as Switch, Table, TableDesktop, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
1031
+ export { AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$n as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$f as DeleteSubstitutionDialogContent, _default$e as DeleteUserDialogContent, _default$m as ExtendedButton, FileCard, _default$l as FilledButton, _default$k as FilledButtonLg, _default$d as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$c as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, _default$j as ImageButton, _default$b as LeftDrawer, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _default$i as OutlinedButton, _default$h as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$g as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$9 as SearchAndFilterHeaderForTable, _default$8 as SearchWithFilters, _default$7 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, _default$4 as SmartTableHeaderFilterMenu, SquareButton, _default$6 as SquareLabel, _default$5 as Switch, Table, TableDesktop, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
package/dist/components/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
- import { ReactNode, ComponentType, FC, ComponentProps } from 'react';
2
+ import React__default, { ReactNode, ComponentType, MouseEvent, ChangeEvent, FC, ComponentProps } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
5
- import { UseMutateAsyncFunction } from 'react-query';
5
+ import { UseMutateAsyncFunction, UseQueryResult } from 'react-query';
6
6
  import { MenuProps, Typography } from '@mui/material';
7
7
  import { DateRangePickerShape } from 'react-dates';
8
8
 
@@ -59,7 +59,7 @@ interface BoxButtonProps {
59
59
  extra?: any;
60
60
  borderColor?: any;
61
61
  }
62
- declare const _default$m: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
62
+ declare const _default$n: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
63
63
 
64
64
  interface IExtendedButton {
65
65
  buttonType?: 'button' | 'submit';
@@ -76,7 +76,7 @@ interface IExtendedButton {
76
76
  variant?: 'contained' | 'outlined' | 'text';
77
77
  copyColor?: string;
78
78
  }
79
- declare const _default$l: React.MemoExoticComponent<({ buttonType, color, disabled, href, tooltip, component, type, className, onClick, copy, subcopy, variant, copyColor, }: IExtendedButton) => react_jsx_runtime.JSX.Element>;
79
+ declare const _default$m: React.MemoExoticComponent<({ buttonType, color, disabled, href, tooltip, component, type, className, onClick, copy, subcopy, variant, copyColor, }: IExtendedButton) => react_jsx_runtime.JSX.Element>;
80
80
 
81
81
  interface IFilledButton {
82
82
  autoFocus?: boolean;
@@ -90,7 +90,7 @@ interface IFilledButton {
90
90
  type?: 'button' | 'submit';
91
91
  variant?: 'contained' | 'outlined' | 'text';
92
92
  }
93
- declare const _default$k: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
93
+ declare const _default$l: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
94
94
 
95
95
  interface FilledButtonLgProps {
96
96
  classes?: any;
@@ -106,14 +106,14 @@ interface FilledButtonLgProps {
106
106
  style?: string;
107
107
  };
108
108
  }
109
- declare const _default$j: React.MemoExoticComponent<({ classes, disabled, variant, color, copy, handleClick, loading, loadingProps, }: FilledButtonLgProps) => react_jsx_runtime.JSX.Element>;
109
+ declare const _default$k: React.MemoExoticComponent<({ classes, disabled, variant, color, copy, handleClick, loading, loadingProps, }: FilledButtonLgProps) => react_jsx_runtime.JSX.Element>;
110
110
 
111
111
  interface ImageButtonProps {
112
112
  src?: any;
113
113
  onClick?: any;
114
114
  value?: any;
115
115
  }
116
- declare const _default$i: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
116
+ declare const _default$j: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
117
117
 
118
118
  interface SquareButtonProps {
119
119
  children: any;
@@ -144,7 +144,7 @@ interface OutlinedButtonProps {
144
144
  subcopy?: any;
145
145
  type?: any;
146
146
  }
147
- declare const _default$h: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
147
+ declare const _default$i: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
148
148
 
149
149
  interface AButtonProps {
150
150
  classes?: any;
@@ -152,7 +152,7 @@ interface AButtonProps {
152
152
  color?: string;
153
153
  copy?: any;
154
154
  }
155
- declare const _default$g: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
155
+ declare const _default$h: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
156
156
 
157
157
  interface IRoundButton {
158
158
  active?: boolean;
@@ -178,7 +178,7 @@ interface IRoundButton {
178
178
  */
179
179
  declare const RoundButton: ({ active, children, className, disabled, focused, icon, iconColor, isContrast, isTableButton, noStrokes, onClick, size, tooltip, variant, testID, }: IRoundButton) => react_jsx_runtime.JSX.Element;
180
180
 
181
- declare const _default$f: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
181
+ declare const _default$g: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
182
182
 
183
183
  interface ActionButtonProps {
184
184
  app?: any;
@@ -415,14 +415,14 @@ interface IDeleteSubstitutionDialogContent {
415
415
  deleteSubstitution: () => void;
416
416
  substitutionName: string;
417
417
  }
418
- declare const _default$e: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
418
+ declare const _default$f: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
419
419
 
420
420
  interface IDeleteUserDialogContent {
421
421
  closeDialog: () => void;
422
422
  deleteUser: () => void;
423
423
  userName: string;
424
424
  }
425
- declare const _default$d: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
425
+ declare const _default$e: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
426
426
 
427
427
  interface FileCardProps {
428
428
  document: string;
@@ -433,7 +433,7 @@ interface FilledLabelProps {
433
433
  color?: string;
434
434
  copy?: any;
435
435
  }
436
- declare const _default$c: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
436
+ declare const _default$d: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
437
437
 
438
438
  type IFilterGroupSelector = {
439
439
  name?: string;
@@ -459,7 +459,7 @@ interface FixedFooterProps {
459
459
  children: React.ReactNode;
460
460
  justifyContent?: string;
461
461
  }
462
- declare const _default$b: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
462
+ declare const _default$c: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
463
463
 
464
464
  interface HeaderProps {
465
465
  appName: any;
@@ -524,7 +524,7 @@ interface ILeftDrawer {
524
524
  username: string;
525
525
  };
526
526
  }
527
- declare const _default$a: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
527
+ declare const _default$b: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
528
528
 
529
529
  interface VirtualizedListProps {
530
530
  headers?: any;
@@ -569,7 +569,7 @@ interface NumpadInputProps {
569
569
  inputLabel?: string;
570
570
  children?: any;
571
571
  }
572
- declare const _default$9: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
572
+ declare const _default$a: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
573
573
 
574
574
  interface NumpadPlusProps {
575
575
  handleClick: any;
@@ -714,7 +714,7 @@ interface SearchAndFilterHeaderForTableProps {
714
714
  showFilterButton?: boolean;
715
715
  updateSearch?(...args: any[]): any;
716
716
  }
717
- declare const _default$8: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
717
+ declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
718
718
 
719
719
  interface ISearchWithFiltersProps {
720
720
  enterPressedInSearch?: () => void;
@@ -727,7 +727,7 @@ interface ISearchWithFiltersProps {
727
727
  }) => void;
728
728
  disabled?: boolean;
729
729
  }
730
- declare const _default$7: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
730
+ declare const _default$8: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
731
731
 
732
732
  interface SearchWithFiltersForTableProps {
733
733
  onFilterButtonClick?(...args: any[]): any;
@@ -737,7 +737,7 @@ interface SearchWithFiltersForTableProps {
737
737
  showFilterButton?: boolean;
738
738
  searchedValue?: string;
739
739
  }
740
- declare const _default$6: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
740
+ declare const _default$7: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
741
741
 
742
742
  interface ISectionName {
743
743
  name: string;
@@ -836,7 +836,7 @@ interface SquareLabelProps {
836
836
  color?: string;
837
837
  copy?: any;
838
838
  }
839
- declare const _default$5: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
839
+ declare const _default$6: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
840
840
 
841
841
  interface LSwitchProps {
842
842
  classes?: any;
@@ -846,15 +846,69 @@ interface LSwitchProps {
846
846
  handleChange?: any;
847
847
  disabled: any;
848
848
  }
849
- declare const _default$4: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
849
+ declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
850
850
 
851
- interface SmartTableHeaderProps {
852
- order?: string;
853
- orderBy?: string;
854
- onRequestSort?(...args: any[]): any;
855
- headCells?: any;
851
+ type Order = 'asc' | 'desc';
852
+ type HeaderFilterObject = {
853
+ id: number;
854
+ name: string;
855
+ label?: 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
+ numeric?: boolean;
865
+ disablePadding?: boolean;
866
+ enabled?: boolean;
867
+ renderHeader?: ReactNode;
868
+ filterOptionsQuery?: UseQueryResult<unknown[], unknown>;
869
+ };
870
+ interface ITableDesktopProps {
871
+ data: any[];
872
+ headCells: HeadCell[];
873
+ RenderItem: ComponentType<any>;
874
+ appliedFilters?: any;
875
+ headerFilters?: HeaderFilters;
876
+ children?: ReactNode;
877
+ height?: number | string;
878
+ isLoading?: boolean;
879
+ rowsPerPage?: number;
880
+ enableCheckboxSelection?: boolean;
881
+ disableInternalSort?: boolean;
882
+ updateSort?: (sortField: string, sortDir: Order) => void;
883
+ showClearFilterButton?: boolean;
884
+ handleClickOnClearFiltersButton?: () => void;
885
+ deleteItem?: (id: string) => void;
886
+ keyField?: string;
887
+ onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
856
888
  }
857
- declare const _default$3: React.MemoExoticComponent<(props: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
889
+ declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, onApplyFilters, }: ITableDesktopProps) => react_jsx_runtime.JSX.Element;
890
+
891
+ interface SmartTableHeaderFilterMenuProps {
892
+ headCell: HeadCell;
893
+ headerFilters: HeaderFilters;
894
+ hasActiveFilters: boolean;
895
+ onApplyFilters?: (...args: unknown[]) => void;
896
+ }
897
+ declare const _default$4: React__default.NamedExoticComponent<SmartTableHeaderFilterMenuProps>;
898
+
899
+ interface SmartTableHeaderProps {
900
+ order: Order;
901
+ orderBy: string;
902
+ headCells: HeadCell[];
903
+ numSelected: number;
904
+ numRows: number;
905
+ enableCheckboxSelection?: boolean;
906
+ headerFilters: HeaderFilters;
907
+ onRequestSort: (event: MouseEvent<unknown>, property: string) => void;
908
+ onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;
909
+ onApplyFilters?: (...args: unknown[]) => void;
910
+ }
911
+ declare const _default$3: React.NamedExoticComponent<SmartTableHeaderProps>;
858
912
 
859
913
  interface TableProps {
860
914
  headCells?: {
@@ -876,40 +930,18 @@ interface TableProps {
876
930
  }
877
931
  declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
878
932
 
879
- interface IHeadCell {
880
- id: string;
881
- numeric?: boolean;
882
- disablePadding?: boolean;
883
- label: string;
884
- }
885
- interface ITableDesktopProps {
886
- appliedFilters?: any;
887
- children?: React.ReactNode;
888
- data: any[];
889
- headCells: IHeadCell[];
890
- height?: number | string;
891
- isLoading?: boolean;
892
- RenderItem: ComponentType<any>;
893
- rowsPerPage: number;
894
- updateSort: (sortField: string, sortDir: 'asc' | 'desc') => void;
895
- showClearFilterButton?: boolean;
896
- handleClickOnClearFiltersButton?: () => void;
897
- deleteItem?: (id: string) => void;
898
- keyField: string;
899
- }
900
- declare const TableDesktop: ({ appliedFilters, children, data, headCells, height, isLoading, RenderItem, rowsPerPage, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, }: ITableDesktopProps) => react_jsx_runtime.JSX.Element;
901
-
902
933
  interface ITableEmptyResult {
934
+ colSpan: number;
903
935
  showClearFilterButton?: boolean;
904
936
  handleClickOnClearFiltersButton?: () => void;
905
937
  }
906
- declare const TableEmptyResult: ({ showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
938
+ declare const TableEmptyResult: ({ colSpan, showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
907
939
 
908
940
  interface TableLoadingProps {
909
941
  rowsPerPage?: number;
910
942
  rowHeight?: number;
911
943
  }
912
- declare const TableLoading: ({ rowsPerPage, rowHeight }: TableLoadingProps) => react_jsx_runtime.JSX.Element;
944
+ declare const TableLoading: React__default.FC<TableLoadingProps>;
913
945
 
914
946
  interface TableHeaderProps {
915
947
  cells: any;
@@ -996,4 +1028,4 @@ type UserBustProps = {
996
1028
  };
997
1029
  declare const _default: React.MemoExoticComponent<({ user, avatarProps, typographyProps }: UserBustProps) => react_jsx_runtime.JSX.Element>;
998
1030
 
999
- export { AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$m as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$e as DeleteSubstitutionDialogContent, _default$d as DeleteUserDialogContent, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, Header, _default$i as ImageButton, _default$a as LeftDrawer, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$9 as NumpadInput, NumpadPlus, _default$h as OutlinedButton, _default$g as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$f as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$8 as SearchAndFilterHeaderForTable, _default$7 as SearchWithFilters, _default$6 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, SquareButton, _default$5 as SquareLabel, _default$4 as Switch, Table, TableDesktop, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
1031
+ export { AlertDialog, AlertDialogFullScreen, AppLabel, BackHeader, BottomBar, _default$n as BoxButton, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$f as DeleteSubstitutionDialogContent, _default$e as DeleteUserDialogContent, _default$m as ExtendedButton, FileCard, _default$l as FilledButton, _default$k as FilledButtonLg, _default$d as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$c as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, _default$j as ImageButton, _default$b as LeftDrawer, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _default$i as OutlinedButton, _default$h as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$g as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$9 as SearchAndFilterHeaderForTable, _default$8 as SearchWithFilters, _default$7 as SearchWithFiltersForTable, SectionName, SmartSelect, _default$3 as SmartTableHeader, _default$4 as SmartTableHeaderFilterMenu, SquareButton, _default$6 as SquareLabel, _default$5 as Switch, Table, TableDesktop, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };