@natoora-libs/core 0.1.6 → 0.1.8

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 +639 -250
  2. package/dist/components/index.cjs.map +1 -1
  3. package/dist/components/index.d.cts +93 -54
  4. package/dist/components/index.d.ts +93 -54
  5. package/dist/components/index.js +635 -229
  6. package/dist/components/index.js.map +1 -1
  7. package/package.json +4 -3
package/dist/components/index.d.cts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
- import { ReactNode, ComponentType, FC, ComponentProps, SVGProps } from 'react';
2
+ import React__default, { ReactNode, ComponentType, MouseEvent, ChangeEvent, FC, ComponentProps, SVGProps } 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,74 @@ 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
+ width?: number | string;
867
+ enabled?: boolean;
868
+ renderHeader?: ReactNode;
869
+ filterOptionsQuery?: UseQueryResult<unknown[], unknown>;
870
+ };
871
+ interface ITableDesktopProps {
872
+ data: any[];
873
+ headCells: HeadCell[];
874
+ RenderItem: ComponentType<any>;
875
+ appliedFilters?: any;
876
+ headerFilters?: HeaderFilters;
877
+ children?: ReactNode;
878
+ height?: number | string;
879
+ isLoading?: boolean;
880
+ rowsPerPage?: number;
881
+ enableCheckboxSelection?: boolean;
882
+ disableInternalSort?: boolean;
883
+ updateSort?: (sortField: string, sortDir: Order) => void;
884
+ showClearFilterButton?: boolean;
885
+ handleClickOnClearFiltersButton?: () => void;
886
+ deleteItem?: (id: string) => void;
887
+ keyField?: string;
888
+ tableLayout?: 'fixed' | 'auto';
889
+ onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
890
+ shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
856
891
  }
857
- declare const _default$3: React.MemoExoticComponent<(props: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
892
+ declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: ITableDesktopProps) => react_jsx_runtime.JSX.Element;
893
+
894
+ interface SmartTableHeaderFilterMenuProps {
895
+ headCell: HeadCell;
896
+ headerFilters: HeaderFilters;
897
+ numActiveFilters: number;
898
+ shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
899
+ onApplyFilters?: (...args: unknown[]) => void;
900
+ }
901
+ declare const _default$4: React__default.NamedExoticComponent<SmartTableHeaderFilterMenuProps>;
902
+
903
+ interface SmartTableHeaderProps {
904
+ order: Order;
905
+ orderBy: string;
906
+ headCells: HeadCell[];
907
+ numSelected: number;
908
+ numRows: number;
909
+ enableCheckboxSelection?: boolean;
910
+ headerFilters: HeaderFilters;
911
+ onRequestSort: (event: MouseEvent<unknown>, property: string) => void;
912
+ onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;
913
+ onApplyFilters?: (...args: unknown[]) => void;
914
+ shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
915
+ }
916
+ declare const _default$3: React.NamedExoticComponent<SmartTableHeaderProps>;
858
917
 
859
918
  interface TableProps {
860
919
  headCells?: {
@@ -876,40 +935,18 @@ interface TableProps {
876
935
  }
877
936
  declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
878
937
 
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
938
  interface ITableEmptyResult {
939
+ colSpan: number;
903
940
  showClearFilterButton?: boolean;
904
941
  handleClickOnClearFiltersButton?: () => void;
905
942
  }
906
- declare const TableEmptyResult: ({ showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
943
+ declare const TableEmptyResult: ({ colSpan, showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
907
944
 
908
945
  interface TableLoadingProps {
909
946
  rowsPerPage?: number;
910
947
  rowHeight?: number;
911
948
  }
912
- declare const TableLoading: ({ rowsPerPage, rowHeight }: TableLoadingProps) => react_jsx_runtime.JSX.Element;
949
+ declare const TableLoading: React__default.FC<TableLoadingProps>;
913
950
 
914
951
  interface TableHeaderProps {
915
952
  cells: any;
@@ -941,8 +978,10 @@ type Props = {
941
978
  imageLogoLightSmall: string;
942
979
  handleOpen: () => void;
943
980
  LeftDrawer: ReactNode;
981
+ leftSection?: ReactNode;
982
+ rightSection?: ReactNode;
944
983
  };
945
- declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, }: Props) => react_jsx_runtime.JSX.Element>;
984
+ declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, leftSection, rightSection, }: Props) => react_jsx_runtime.JSX.Element>;
946
985
 
947
986
  type IToastMessage = {
948
987
  toastType: 'success' | 'info' | 'warning' | 'error';
@@ -1000,4 +1039,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
1000
1039
 
1001
1040
  declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1002
1041
 
1003
- 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, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _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 };
1042
+ 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, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _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, SVGProps } from 'react';
2
+ import React__default, { ReactNode, ComponentType, MouseEvent, ChangeEvent, FC, ComponentProps, SVGProps } 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,74 @@ 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
+ width?: number | string;
867
+ enabled?: boolean;
868
+ renderHeader?: ReactNode;
869
+ filterOptionsQuery?: UseQueryResult<unknown[], unknown>;
870
+ };
871
+ interface ITableDesktopProps {
872
+ data: any[];
873
+ headCells: HeadCell[];
874
+ RenderItem: ComponentType<any>;
875
+ appliedFilters?: any;
876
+ headerFilters?: HeaderFilters;
877
+ children?: ReactNode;
878
+ height?: number | string;
879
+ isLoading?: boolean;
880
+ rowsPerPage?: number;
881
+ enableCheckboxSelection?: boolean;
882
+ disableInternalSort?: boolean;
883
+ updateSort?: (sortField: string, sortDir: Order) => void;
884
+ showClearFilterButton?: boolean;
885
+ handleClickOnClearFiltersButton?: () => void;
886
+ deleteItem?: (id: string) => void;
887
+ keyField?: string;
888
+ tableLayout?: 'fixed' | 'auto';
889
+ onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
890
+ shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
856
891
  }
857
- declare const _default$3: React.MemoExoticComponent<(props: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
892
+ declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: ITableDesktopProps) => react_jsx_runtime.JSX.Element;
893
+
894
+ interface SmartTableHeaderFilterMenuProps {
895
+ headCell: HeadCell;
896
+ headerFilters: HeaderFilters;
897
+ numActiveFilters: number;
898
+ shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
899
+ onApplyFilters?: (...args: unknown[]) => void;
900
+ }
901
+ declare const _default$4: React__default.NamedExoticComponent<SmartTableHeaderFilterMenuProps>;
902
+
903
+ interface SmartTableHeaderProps {
904
+ order: Order;
905
+ orderBy: string;
906
+ headCells: HeadCell[];
907
+ numSelected: number;
908
+ numRows: number;
909
+ enableCheckboxSelection?: boolean;
910
+ headerFilters: HeaderFilters;
911
+ onRequestSort: (event: MouseEvent<unknown>, property: string) => void;
912
+ onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;
913
+ onApplyFilters?: (...args: unknown[]) => void;
914
+ shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
915
+ }
916
+ declare const _default$3: React.NamedExoticComponent<SmartTableHeaderProps>;
858
917
 
859
918
  interface TableProps {
860
919
  headCells?: {
@@ -876,40 +935,18 @@ interface TableProps {
876
935
  }
877
936
  declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
878
937
 
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
938
  interface ITableEmptyResult {
939
+ colSpan: number;
903
940
  showClearFilterButton?: boolean;
904
941
  handleClickOnClearFiltersButton?: () => void;
905
942
  }
906
- declare const TableEmptyResult: ({ showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
943
+ declare const TableEmptyResult: ({ colSpan, showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
907
944
 
908
945
  interface TableLoadingProps {
909
946
  rowsPerPage?: number;
910
947
  rowHeight?: number;
911
948
  }
912
- declare const TableLoading: ({ rowsPerPage, rowHeight }: TableLoadingProps) => react_jsx_runtime.JSX.Element;
949
+ declare const TableLoading: React__default.FC<TableLoadingProps>;
913
950
 
914
951
  interface TableHeaderProps {
915
952
  cells: any;
@@ -941,8 +978,10 @@ type Props = {
941
978
  imageLogoLightSmall: string;
942
979
  handleOpen: () => void;
943
980
  LeftDrawer: ReactNode;
981
+ leftSection?: ReactNode;
982
+ rightSection?: ReactNode;
944
983
  };
945
- declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, }: Props) => react_jsx_runtime.JSX.Element>;
984
+ declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, leftSection, rightSection, }: Props) => react_jsx_runtime.JSX.Element>;
946
985
 
947
986
  type IToastMessage = {
948
987
  toastType: 'success' | 'info' | 'warning' | 'error';
@@ -1000,4 +1039,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
1000
1039
 
1001
1040
  declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1002
1041
 
1003
- 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, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _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 };
1042
+ 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, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _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 };