@natoora-libs/core 0.1.5 → 0.1.6

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 +1010 -1362
  2. package/dist/components/index.cjs.map +1 -1
  3. package/dist/components/index.d.cts +63 -96
  4. package/dist/components/index.d.ts +63 -96
  5. package/dist/components/index.js +869 -1240
  6. package/dist/components/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/components/index.d.cts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
- import React__default, { ReactNode, ComponentType, MouseEvent, ChangeEvent, FC, ComponentProps } from 'react';
2
+ import { ReactNode, ComponentType, 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, UseQueryResult } from 'react-query';
5
+ import { UseMutateAsyncFunction } 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$n: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
62
+ declare const _default$m: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
63
63
 
64
64
  interface IExtendedButton {
65
65
  buttonType?: 'button' | 'submit';
@@ -72,11 +72,11 @@ interface IExtendedButton {
72
72
  subcopy?: string;
73
73
  tooltip?: string;
74
74
  component?: React.ElementType;
75
- type?: 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish';
75
+ type?: 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish' | 'compare';
76
76
  variant?: 'contained' | 'outlined' | 'text';
77
77
  copyColor?: string;
78
78
  }
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>;
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>;
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$l: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
93
+ declare const _default$k: 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$k: React.MemoExoticComponent<({ classes, disabled, variant, color, copy, handleClick, loading, loadingProps, }: FilledButtonLgProps) => react_jsx_runtime.JSX.Element>;
109
+ declare const _default$j: 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$j: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
116
+ declare const _default$i: 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$i: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
147
+ declare const _default$h: 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$h: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
155
+ declare const _default$g: 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$g: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
181
+ declare const _default$f: 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$f: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
418
+ declare const _default$e: 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$e: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
425
+ declare const _default$d: 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$d: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
436
+ declare const _default$c: 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$c: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
462
+ declare const _default$b: 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$b: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
527
+ declare const _default$a: 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$a: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
572
+ declare const _default$9: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
573
573
 
574
574
  interface NumpadPlusProps {
575
575
  handleClick: any;
@@ -682,11 +682,11 @@ interface RowProductCardProps {
682
682
  declare const RowProductCard: ({ children, columns, location, product, size, }: RowProductCardProps) => react_jsx_runtime.JSX.Element;
683
683
 
684
684
  interface ScrollableDialogProps {
685
- body: any;
686
- footer?: any;
687
- header?: any;
688
- isOpen: any;
689
- title: any;
685
+ body: ReactNode;
686
+ footer?: ReactNode;
687
+ header?: ReactNode;
688
+ isOpen: boolean;
689
+ title: string;
690
690
  }
691
691
  declare const ScrollableDialog: ({ body, footer, header, isOpen, title, }: ScrollableDialogProps) => react_jsx_runtime.JSX.Element;
692
692
 
@@ -714,7 +714,7 @@ interface SearchAndFilterHeaderForTableProps {
714
714
  showFilterButton?: boolean;
715
715
  updateSearch?(...args: any[]): any;
716
716
  }
717
- declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
717
+ declare const _default$8: 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$8: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
730
+ declare const _default$7: 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$7: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
740
+ declare const _default$6: 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$6: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
839
+ declare const _default$5: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
840
840
 
841
841
  interface LSwitchProps {
842
842
  classes?: any;
@@ -846,74 +846,15 @@ interface LSwitchProps {
846
846
  handleChange?: any;
847
847
  disabled: any;
848
848
  }
849
- declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
850
-
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;
891
- }
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>;
849
+ declare const _default$4: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
902
850
 
903
851
  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>;
852
+ order?: string;
853
+ orderBy?: string;
854
+ onRequestSort?(...args: any[]): any;
855
+ headCells?: any;
856
+ }
857
+ declare const _default$3: React.MemoExoticComponent<(props: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
917
858
 
918
859
  interface TableProps {
919
860
  headCells?: {
@@ -935,18 +876,40 @@ interface TableProps {
935
876
  }
936
877
  declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
937
878
 
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
+
938
902
  interface ITableEmptyResult {
939
- colSpan: number;
940
903
  showClearFilterButton?: boolean;
941
904
  handleClickOnClearFiltersButton?: () => void;
942
905
  }
943
- declare const TableEmptyResult: ({ colSpan, showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
906
+ declare const TableEmptyResult: ({ showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
944
907
 
945
908
  interface TableLoadingProps {
946
909
  rowsPerPage?: number;
947
910
  rowHeight?: number;
948
911
  }
949
- declare const TableLoading: React__default.FC<TableLoadingProps>;
912
+ declare const TableLoading: ({ rowsPerPage, rowHeight }: TableLoadingProps) => react_jsx_runtime.JSX.Element;
950
913
 
951
914
  interface TableHeaderProps {
952
915
  cells: any;
@@ -1033,4 +996,8 @@ type UserBustProps = {
1033
996
  };
1034
997
  declare const _default: React.MemoExoticComponent<({ user, avatarProps, typographyProps }: UserBustProps) => react_jsx_runtime.JSX.Element>;
1035
998
 
1036
- 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 };
999
+ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1000
+
1001
+ declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1002
+
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 };
package/dist/components/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
- import React__default, { ReactNode, ComponentType, MouseEvent, ChangeEvent, FC, ComponentProps } from 'react';
2
+ import { ReactNode, ComponentType, 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, UseQueryResult } from 'react-query';
5
+ import { UseMutateAsyncFunction } 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$n: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
62
+ declare const _default$m: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
63
63
 
64
64
  interface IExtendedButton {
65
65
  buttonType?: 'button' | 'submit';
@@ -72,11 +72,11 @@ interface IExtendedButton {
72
72
  subcopy?: string;
73
73
  tooltip?: string;
74
74
  component?: React.ElementType;
75
- type?: 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish';
75
+ type?: 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish' | 'compare';
76
76
  variant?: 'contained' | 'outlined' | 'text';
77
77
  copyColor?: string;
78
78
  }
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>;
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>;
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$l: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
93
+ declare const _default$k: 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$k: React.MemoExoticComponent<({ classes, disabled, variant, color, copy, handleClick, loading, loadingProps, }: FilledButtonLgProps) => react_jsx_runtime.JSX.Element>;
109
+ declare const _default$j: 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$j: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
116
+ declare const _default$i: 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$i: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
147
+ declare const _default$h: 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$h: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
155
+ declare const _default$g: 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$g: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
181
+ declare const _default$f: 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$f: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
418
+ declare const _default$e: 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$e: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
425
+ declare const _default$d: 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$d: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
436
+ declare const _default$c: 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$c: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
462
+ declare const _default$b: 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$b: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
527
+ declare const _default$a: 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$a: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
572
+ declare const _default$9: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
573
573
 
574
574
  interface NumpadPlusProps {
575
575
  handleClick: any;
@@ -682,11 +682,11 @@ interface RowProductCardProps {
682
682
  declare const RowProductCard: ({ children, columns, location, product, size, }: RowProductCardProps) => react_jsx_runtime.JSX.Element;
683
683
 
684
684
  interface ScrollableDialogProps {
685
- body: any;
686
- footer?: any;
687
- header?: any;
688
- isOpen: any;
689
- title: any;
685
+ body: ReactNode;
686
+ footer?: ReactNode;
687
+ header?: ReactNode;
688
+ isOpen: boolean;
689
+ title: string;
690
690
  }
691
691
  declare const ScrollableDialog: ({ body, footer, header, isOpen, title, }: ScrollableDialogProps) => react_jsx_runtime.JSX.Element;
692
692
 
@@ -714,7 +714,7 @@ interface SearchAndFilterHeaderForTableProps {
714
714
  showFilterButton?: boolean;
715
715
  updateSearch?(...args: any[]): any;
716
716
  }
717
- declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
717
+ declare const _default$8: 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$8: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
730
+ declare const _default$7: 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$7: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
740
+ declare const _default$6: 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$6: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
839
+ declare const _default$5: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
840
840
 
841
841
  interface LSwitchProps {
842
842
  classes?: any;
@@ -846,74 +846,15 @@ interface LSwitchProps {
846
846
  handleChange?: any;
847
847
  disabled: any;
848
848
  }
849
- declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
850
-
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;
891
- }
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>;
849
+ declare const _default$4: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
902
850
 
903
851
  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>;
852
+ order?: string;
853
+ orderBy?: string;
854
+ onRequestSort?(...args: any[]): any;
855
+ headCells?: any;
856
+ }
857
+ declare const _default$3: React.MemoExoticComponent<(props: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
917
858
 
918
859
  interface TableProps {
919
860
  headCells?: {
@@ -935,18 +876,40 @@ interface TableProps {
935
876
  }
936
877
  declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
937
878
 
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
+
938
902
  interface ITableEmptyResult {
939
- colSpan: number;
940
903
  showClearFilterButton?: boolean;
941
904
  handleClickOnClearFiltersButton?: () => void;
942
905
  }
943
- declare const TableEmptyResult: ({ colSpan, showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
906
+ declare const TableEmptyResult: ({ showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
944
907
 
945
908
  interface TableLoadingProps {
946
909
  rowsPerPage?: number;
947
910
  rowHeight?: number;
948
911
  }
949
- declare const TableLoading: React__default.FC<TableLoadingProps>;
912
+ declare const TableLoading: ({ rowsPerPage, rowHeight }: TableLoadingProps) => react_jsx_runtime.JSX.Element;
950
913
 
951
914
  interface TableHeaderProps {
952
915
  cells: any;
@@ -1033,4 +996,8 @@ type UserBustProps = {
1033
996
  };
1034
997
  declare const _default: React.MemoExoticComponent<({ user, avatarProps, typographyProps }: UserBustProps) => react_jsx_runtime.JSX.Element>;
1035
998
 
1036
- 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 };
999
+ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1000
+
1001
+ declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1002
+
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 };