@natoora-libs/core 0.1.17 → 0.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.cjs +1781 -1471
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +53 -33
- package/dist/components/index.d.ts +53 -33
- package/dist/components/index.js +1738 -1432
- package/dist/components/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC,
|
|
2
|
+
import React__default, { MouseEvent, ReactNode, ComponentType, 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
5
|
import { UseMutateAsyncFunction } from 'react-query';
|
|
@@ -517,6 +517,7 @@ declare const icons: {
|
|
|
517
517
|
SvgIconSnail: (props: any) => react_jsx_runtime.JSX.Element;
|
|
518
518
|
SvgEmptyGlassIcon: (props: any) => react_jsx_runtime.JSX.Element;
|
|
519
519
|
SvgIconUserManagement: () => react_jsx_runtime.JSX.Element;
|
|
520
|
+
SvgIconTableEdit: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
520
521
|
};
|
|
521
522
|
|
|
522
523
|
interface VirtualizedListProps {
|
|
@@ -795,6 +796,10 @@ interface SmartSelectProps {
|
|
|
795
796
|
* Style variant to choose.
|
|
796
797
|
*/
|
|
797
798
|
variant?: 'standard' | 'outlined' | 'filled';
|
|
799
|
+
/**
|
|
800
|
+
* Size to choose.
|
|
801
|
+
*/
|
|
802
|
+
size?: 'medium' | 'small';
|
|
798
803
|
/**
|
|
799
804
|
* A boolean indicating validation error.
|
|
800
805
|
* It allows use of error styling when validation is required.
|
|
@@ -848,6 +853,18 @@ interface LSwitchProps {
|
|
|
848
853
|
}
|
|
849
854
|
declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
|
|
850
855
|
|
|
856
|
+
type TableDesktopFooterProps = {
|
|
857
|
+
numPages: number;
|
|
858
|
+
page: number;
|
|
859
|
+
pageSize: number;
|
|
860
|
+
pageSizeOptions: number[];
|
|
861
|
+
onPageChange: (event: ChangeEvent<unknown>, page: number) => void;
|
|
862
|
+
onPageSizeChange: (event: SelectChangeEvent<number>) => void;
|
|
863
|
+
refetch: () => Promise<unknown>;
|
|
864
|
+
isFetching: boolean;
|
|
865
|
+
};
|
|
866
|
+
declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
|
|
867
|
+
|
|
851
868
|
type Order = 'asc' | 'desc';
|
|
852
869
|
type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
|
|
853
870
|
type HeaderFilterObject = {
|
|
@@ -871,7 +888,7 @@ type HeadCell = {
|
|
|
871
888
|
RenderHeader?: ReactNode;
|
|
872
889
|
editableCellType?: EditableCellType;
|
|
873
890
|
validateInput?: (value: string | null) => boolean;
|
|
874
|
-
onUpdateEditableCell?: (rowId: number,
|
|
891
|
+
onUpdateEditableCell?: (rowId: number, field: string, value: string | number | boolean, label: string | number | boolean) => void;
|
|
875
892
|
filterOptions?: HeaderFilterOptions;
|
|
876
893
|
refetchFilterOptions?: () => void;
|
|
877
894
|
isFetchingFilterOptions?: boolean;
|
|
@@ -880,25 +897,34 @@ type TableDesktopProps = {
|
|
|
880
897
|
data: any[];
|
|
881
898
|
headCells: HeadCell[];
|
|
882
899
|
RenderItem: ComponentType<any>;
|
|
900
|
+
components?: {
|
|
901
|
+
toolbar?: ComponentType<any>;
|
|
902
|
+
};
|
|
903
|
+
componentsProps?: {
|
|
904
|
+
toolbarProps?: any;
|
|
905
|
+
footerProps?: TableDesktopFooterProps;
|
|
906
|
+
};
|
|
883
907
|
appliedFilters?: any;
|
|
884
908
|
headerFilters?: HeaderFilters;
|
|
885
909
|
children?: ReactNode;
|
|
886
910
|
height?: number | string;
|
|
911
|
+
rowHeight?: number;
|
|
912
|
+
totalDataCount?: number;
|
|
887
913
|
isLoading?: boolean;
|
|
888
914
|
rowsPerPage?: number;
|
|
915
|
+
enableEditMode?: boolean;
|
|
889
916
|
enableCheckboxSelection?: boolean;
|
|
890
917
|
disableInternalSort?: boolean;
|
|
891
918
|
updateSort?: (sortField: string, sortDir: Order) => void;
|
|
892
919
|
showClearFilterButton?: boolean;
|
|
893
920
|
handleClickOnClearFiltersButton?: () => void;
|
|
894
|
-
handleClickOnNoColumnsMessageAction?: () => void;
|
|
895
921
|
deleteItem?: (id: string) => void;
|
|
896
922
|
keyField?: string;
|
|
897
923
|
tableLayout?: 'fixed' | 'auto';
|
|
898
924
|
onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
|
|
899
925
|
shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
|
|
900
926
|
};
|
|
901
|
-
declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton,
|
|
927
|
+
declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, rowHeight, totalDataCount, isLoading, rowsPerPage, enableEditMode, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, components, componentsProps, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
|
|
902
928
|
|
|
903
929
|
interface SmartTableHeaderFilterMenuProps {
|
|
904
930
|
headCell: HeadCell;
|
|
@@ -913,7 +939,7 @@ interface SmartTableHeaderProps {
|
|
|
913
939
|
order: Order;
|
|
914
940
|
orderBy: string;
|
|
915
941
|
headCells: HeadCell[];
|
|
916
|
-
|
|
942
|
+
numSelectedRows: number;
|
|
917
943
|
numRows: number;
|
|
918
944
|
enableCheckboxSelection?: boolean;
|
|
919
945
|
headerFilters: HeaderFilters;
|
|
@@ -944,23 +970,32 @@ interface TableProps {
|
|
|
944
970
|
}
|
|
945
971
|
declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
|
|
946
972
|
|
|
947
|
-
type
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
973
|
+
type TableDesktopEditableFieldProps = {
|
|
974
|
+
editInitialValue?: any;
|
|
975
|
+
rowId?: number;
|
|
976
|
+
field: string;
|
|
977
|
+
fieldName: string;
|
|
978
|
+
disabled?: boolean;
|
|
979
|
+
showCheckboxLabel?: boolean;
|
|
980
|
+
variant?: "standard" | "outlined" | "filled";
|
|
981
|
+
size?: "medium" | "small";
|
|
982
|
+
inputLabel: string;
|
|
983
|
+
editableCellType: EditableCellType;
|
|
984
|
+
filterOptions?: HeadCell["filterOptions"];
|
|
985
|
+
refetchFilterOptions?: HeadCell["refetchFilterOptions"];
|
|
986
|
+
isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
|
|
987
|
+
validateInput?: HeadCell["validateInput"];
|
|
988
|
+
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
956
989
|
};
|
|
957
|
-
declare const
|
|
990
|
+
declare const TableDesktopEditableField: React.NamedExoticComponent<TableDesktopEditableFieldProps>;
|
|
958
991
|
|
|
959
|
-
type
|
|
992
|
+
type TableDesktopCellProps = {
|
|
960
993
|
editableCellType?: EditableCellType;
|
|
961
994
|
editInitialValue: any;
|
|
962
995
|
rowId: number;
|
|
996
|
+
field: string;
|
|
963
997
|
fieldName: string;
|
|
998
|
+
enableEditMode: boolean;
|
|
964
999
|
disabled?: boolean;
|
|
965
1000
|
readOnlyValue: string | number | boolean;
|
|
966
1001
|
width?: HeadCell["width"];
|
|
@@ -972,27 +1007,12 @@ type TableDesktopRowCellProps = {
|
|
|
972
1007
|
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
973
1008
|
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
|
|
974
1009
|
};
|
|
975
|
-
declare const
|
|
976
|
-
|
|
977
|
-
type TableDesktopSmartSelectProps = {
|
|
978
|
-
ref?: RefObject<any>;
|
|
979
|
-
initialValue: HeaderFilterObject | string;
|
|
980
|
-
inputLabel: string;
|
|
981
|
-
fieldName: string;
|
|
982
|
-
rowId: number;
|
|
983
|
-
disabled?: boolean;
|
|
984
|
-
filterOptions?: HeadCell["filterOptions"];
|
|
985
|
-
refetchFilterOptions?: HeadCell["refetchFilterOptions"];
|
|
986
|
-
isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
|
|
987
|
-
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
988
|
-
};
|
|
989
|
-
declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, disabled, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
|
|
1010
|
+
declare const TableDesktopCell: FC<TableDesktopCellProps>;
|
|
990
1011
|
|
|
991
1012
|
interface ITableEmptyResult {
|
|
992
1013
|
colSpan: number;
|
|
993
1014
|
showClearFilterButton?: boolean;
|
|
994
1015
|
handleClickOnClearFiltersButton?: () => void;
|
|
995
|
-
isLoading?: boolean;
|
|
996
1016
|
}
|
|
997
1017
|
declare const TableEmptyResult: ({ colSpan, showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
|
|
998
1018
|
|
|
@@ -1093,4 +1113,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1093
1113
|
|
|
1094
1114
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1095
1115
|
|
|
1096
|
-
export { _default$n as ActiveFiltersIconButton, 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, type EditableCellType, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _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$9 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _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,
|
|
1116
|
+
export { _default$n as ActiveFiltersIconButton, 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, type EditableCellType, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _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$9 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _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, TableDesktopCell, TableDesktopEditableField, TableDesktopFooter, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC,
|
|
2
|
+
import React__default, { MouseEvent, ReactNode, ComponentType, 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
5
|
import { UseMutateAsyncFunction } from 'react-query';
|
|
@@ -517,6 +517,7 @@ declare const icons: {
|
|
|
517
517
|
SvgIconSnail: (props: any) => react_jsx_runtime.JSX.Element;
|
|
518
518
|
SvgEmptyGlassIcon: (props: any) => react_jsx_runtime.JSX.Element;
|
|
519
519
|
SvgIconUserManagement: () => react_jsx_runtime.JSX.Element;
|
|
520
|
+
SvgIconTableEdit: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
520
521
|
};
|
|
521
522
|
|
|
522
523
|
interface VirtualizedListProps {
|
|
@@ -795,6 +796,10 @@ interface SmartSelectProps {
|
|
|
795
796
|
* Style variant to choose.
|
|
796
797
|
*/
|
|
797
798
|
variant?: 'standard' | 'outlined' | 'filled';
|
|
799
|
+
/**
|
|
800
|
+
* Size to choose.
|
|
801
|
+
*/
|
|
802
|
+
size?: 'medium' | 'small';
|
|
798
803
|
/**
|
|
799
804
|
* A boolean indicating validation error.
|
|
800
805
|
* It allows use of error styling when validation is required.
|
|
@@ -848,6 +853,18 @@ interface LSwitchProps {
|
|
|
848
853
|
}
|
|
849
854
|
declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
|
|
850
855
|
|
|
856
|
+
type TableDesktopFooterProps = {
|
|
857
|
+
numPages: number;
|
|
858
|
+
page: number;
|
|
859
|
+
pageSize: number;
|
|
860
|
+
pageSizeOptions: number[];
|
|
861
|
+
onPageChange: (event: ChangeEvent<unknown>, page: number) => void;
|
|
862
|
+
onPageSizeChange: (event: SelectChangeEvent<number>) => void;
|
|
863
|
+
refetch: () => Promise<unknown>;
|
|
864
|
+
isFetching: boolean;
|
|
865
|
+
};
|
|
866
|
+
declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
|
|
867
|
+
|
|
851
868
|
type Order = 'asc' | 'desc';
|
|
852
869
|
type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
|
|
853
870
|
type HeaderFilterObject = {
|
|
@@ -871,7 +888,7 @@ type HeadCell = {
|
|
|
871
888
|
RenderHeader?: ReactNode;
|
|
872
889
|
editableCellType?: EditableCellType;
|
|
873
890
|
validateInput?: (value: string | null) => boolean;
|
|
874
|
-
onUpdateEditableCell?: (rowId: number,
|
|
891
|
+
onUpdateEditableCell?: (rowId: number, field: string, value: string | number | boolean, label: string | number | boolean) => void;
|
|
875
892
|
filterOptions?: HeaderFilterOptions;
|
|
876
893
|
refetchFilterOptions?: () => void;
|
|
877
894
|
isFetchingFilterOptions?: boolean;
|
|
@@ -880,25 +897,34 @@ type TableDesktopProps = {
|
|
|
880
897
|
data: any[];
|
|
881
898
|
headCells: HeadCell[];
|
|
882
899
|
RenderItem: ComponentType<any>;
|
|
900
|
+
components?: {
|
|
901
|
+
toolbar?: ComponentType<any>;
|
|
902
|
+
};
|
|
903
|
+
componentsProps?: {
|
|
904
|
+
toolbarProps?: any;
|
|
905
|
+
footerProps?: TableDesktopFooterProps;
|
|
906
|
+
};
|
|
883
907
|
appliedFilters?: any;
|
|
884
908
|
headerFilters?: HeaderFilters;
|
|
885
909
|
children?: ReactNode;
|
|
886
910
|
height?: number | string;
|
|
911
|
+
rowHeight?: number;
|
|
912
|
+
totalDataCount?: number;
|
|
887
913
|
isLoading?: boolean;
|
|
888
914
|
rowsPerPage?: number;
|
|
915
|
+
enableEditMode?: boolean;
|
|
889
916
|
enableCheckboxSelection?: boolean;
|
|
890
917
|
disableInternalSort?: boolean;
|
|
891
918
|
updateSort?: (sortField: string, sortDir: Order) => void;
|
|
892
919
|
showClearFilterButton?: boolean;
|
|
893
920
|
handleClickOnClearFiltersButton?: () => void;
|
|
894
|
-
handleClickOnNoColumnsMessageAction?: () => void;
|
|
895
921
|
deleteItem?: (id: string) => void;
|
|
896
922
|
keyField?: string;
|
|
897
923
|
tableLayout?: 'fixed' | 'auto';
|
|
898
924
|
onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
|
|
899
925
|
shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
|
|
900
926
|
};
|
|
901
|
-
declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton,
|
|
927
|
+
declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, rowHeight, totalDataCount, isLoading, rowsPerPage, enableEditMode, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, components, componentsProps, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
|
|
902
928
|
|
|
903
929
|
interface SmartTableHeaderFilterMenuProps {
|
|
904
930
|
headCell: HeadCell;
|
|
@@ -913,7 +939,7 @@ interface SmartTableHeaderProps {
|
|
|
913
939
|
order: Order;
|
|
914
940
|
orderBy: string;
|
|
915
941
|
headCells: HeadCell[];
|
|
916
|
-
|
|
942
|
+
numSelectedRows: number;
|
|
917
943
|
numRows: number;
|
|
918
944
|
enableCheckboxSelection?: boolean;
|
|
919
945
|
headerFilters: HeaderFilters;
|
|
@@ -944,23 +970,32 @@ interface TableProps {
|
|
|
944
970
|
}
|
|
945
971
|
declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
|
|
946
972
|
|
|
947
|
-
type
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
973
|
+
type TableDesktopEditableFieldProps = {
|
|
974
|
+
editInitialValue?: any;
|
|
975
|
+
rowId?: number;
|
|
976
|
+
field: string;
|
|
977
|
+
fieldName: string;
|
|
978
|
+
disabled?: boolean;
|
|
979
|
+
showCheckboxLabel?: boolean;
|
|
980
|
+
variant?: "standard" | "outlined" | "filled";
|
|
981
|
+
size?: "medium" | "small";
|
|
982
|
+
inputLabel: string;
|
|
983
|
+
editableCellType: EditableCellType;
|
|
984
|
+
filterOptions?: HeadCell["filterOptions"];
|
|
985
|
+
refetchFilterOptions?: HeadCell["refetchFilterOptions"];
|
|
986
|
+
isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
|
|
987
|
+
validateInput?: HeadCell["validateInput"];
|
|
988
|
+
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
956
989
|
};
|
|
957
|
-
declare const
|
|
990
|
+
declare const TableDesktopEditableField: React.NamedExoticComponent<TableDesktopEditableFieldProps>;
|
|
958
991
|
|
|
959
|
-
type
|
|
992
|
+
type TableDesktopCellProps = {
|
|
960
993
|
editableCellType?: EditableCellType;
|
|
961
994
|
editInitialValue: any;
|
|
962
995
|
rowId: number;
|
|
996
|
+
field: string;
|
|
963
997
|
fieldName: string;
|
|
998
|
+
enableEditMode: boolean;
|
|
964
999
|
disabled?: boolean;
|
|
965
1000
|
readOnlyValue: string | number | boolean;
|
|
966
1001
|
width?: HeadCell["width"];
|
|
@@ -972,27 +1007,12 @@ type TableDesktopRowCellProps = {
|
|
|
972
1007
|
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
973
1008
|
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
|
|
974
1009
|
};
|
|
975
|
-
declare const
|
|
976
|
-
|
|
977
|
-
type TableDesktopSmartSelectProps = {
|
|
978
|
-
ref?: RefObject<any>;
|
|
979
|
-
initialValue: HeaderFilterObject | string;
|
|
980
|
-
inputLabel: string;
|
|
981
|
-
fieldName: string;
|
|
982
|
-
rowId: number;
|
|
983
|
-
disabled?: boolean;
|
|
984
|
-
filterOptions?: HeadCell["filterOptions"];
|
|
985
|
-
refetchFilterOptions?: HeadCell["refetchFilterOptions"];
|
|
986
|
-
isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
|
|
987
|
-
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
988
|
-
};
|
|
989
|
-
declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, disabled, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
|
|
1010
|
+
declare const TableDesktopCell: FC<TableDesktopCellProps>;
|
|
990
1011
|
|
|
991
1012
|
interface ITableEmptyResult {
|
|
992
1013
|
colSpan: number;
|
|
993
1014
|
showClearFilterButton?: boolean;
|
|
994
1015
|
handleClickOnClearFiltersButton?: () => void;
|
|
995
|
-
isLoading?: boolean;
|
|
996
1016
|
}
|
|
997
1017
|
declare const TableEmptyResult: ({ colSpan, showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
|
|
998
1018
|
|
|
@@ -1093,4 +1113,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1093
1113
|
|
|
1094
1114
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1095
1115
|
|
|
1096
|
-
export { _default$n as ActiveFiltersIconButton, 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, type EditableCellType, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _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$9 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _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,
|
|
1116
|
+
export { _default$n as ActiveFiltersIconButton, 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, type EditableCellType, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterSimpleSelector, _default$b as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$a as NumpadInput, NumpadPlus, type Order, _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$9 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _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, TableDesktopCell, TableDesktopEditableField, TableDesktopFooter, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
|