@natoora-libs/core 0.1.16 → 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 +1682 -1288
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +53 -31
- package/dist/components/index.d.ts +53 -31
- package/dist/components/index.js +1745 -1354
- package/dist/components/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -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,12 +897,22 @@ 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;
|
|
@@ -897,7 +924,7 @@ type TableDesktopProps = {
|
|
|
897
924
|
onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
|
|
898
925
|
shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
|
|
899
926
|
};
|
|
900
|
-
declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
|
|
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;
|
|
901
928
|
|
|
902
929
|
interface SmartTableHeaderFilterMenuProps {
|
|
903
930
|
headCell: HeadCell;
|
|
@@ -912,7 +939,7 @@ interface SmartTableHeaderProps {
|
|
|
912
939
|
order: Order;
|
|
913
940
|
orderBy: string;
|
|
914
941
|
headCells: HeadCell[];
|
|
915
|
-
|
|
942
|
+
numSelectedRows: number;
|
|
916
943
|
numRows: number;
|
|
917
944
|
enableCheckboxSelection?: boolean;
|
|
918
945
|
headerFilters: HeaderFilters;
|
|
@@ -943,23 +970,32 @@ interface TableProps {
|
|
|
943
970
|
}
|
|
944
971
|
declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
|
|
945
972
|
|
|
946
|
-
type
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
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"];
|
|
955
989
|
};
|
|
956
|
-
declare const
|
|
990
|
+
declare const TableDesktopEditableField: React.NamedExoticComponent<TableDesktopEditableFieldProps>;
|
|
957
991
|
|
|
958
|
-
type
|
|
992
|
+
type TableDesktopCellProps = {
|
|
959
993
|
editableCellType?: EditableCellType;
|
|
960
994
|
editInitialValue: any;
|
|
961
995
|
rowId: number;
|
|
996
|
+
field: string;
|
|
962
997
|
fieldName: string;
|
|
998
|
+
enableEditMode: boolean;
|
|
963
999
|
disabled?: boolean;
|
|
964
1000
|
readOnlyValue: string | number | boolean;
|
|
965
1001
|
width?: HeadCell["width"];
|
|
@@ -971,21 +1007,7 @@ type TableDesktopRowCellProps = {
|
|
|
971
1007
|
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
972
1008
|
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
|
|
973
1009
|
};
|
|
974
|
-
declare const
|
|
975
|
-
|
|
976
|
-
type TableDesktopSmartSelectProps = {
|
|
977
|
-
ref?: RefObject<any>;
|
|
978
|
-
initialValue: HeaderFilterObject | string;
|
|
979
|
-
inputLabel: string;
|
|
980
|
-
fieldName: string;
|
|
981
|
-
rowId: number;
|
|
982
|
-
disabled?: boolean;
|
|
983
|
-
filterOptions?: HeadCell["filterOptions"];
|
|
984
|
-
refetchFilterOptions?: HeadCell["refetchFilterOptions"];
|
|
985
|
-
isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
|
|
986
|
-
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
987
|
-
};
|
|
988
|
-
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>;
|
|
989
1011
|
|
|
990
1012
|
interface ITableEmptyResult {
|
|
991
1013
|
colSpan: number;
|
|
@@ -1091,4 +1113,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1091
1113
|
|
|
1092
1114
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1093
1115
|
|
|
1094
|
-
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,12 +897,22 @@ 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;
|
|
@@ -897,7 +924,7 @@ type TableDesktopProps = {
|
|
|
897
924
|
onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
|
|
898
925
|
shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
|
|
899
926
|
};
|
|
900
|
-
declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
|
|
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;
|
|
901
928
|
|
|
902
929
|
interface SmartTableHeaderFilterMenuProps {
|
|
903
930
|
headCell: HeadCell;
|
|
@@ -912,7 +939,7 @@ interface SmartTableHeaderProps {
|
|
|
912
939
|
order: Order;
|
|
913
940
|
orderBy: string;
|
|
914
941
|
headCells: HeadCell[];
|
|
915
|
-
|
|
942
|
+
numSelectedRows: number;
|
|
916
943
|
numRows: number;
|
|
917
944
|
enableCheckboxSelection?: boolean;
|
|
918
945
|
headerFilters: HeaderFilters;
|
|
@@ -943,23 +970,32 @@ interface TableProps {
|
|
|
943
970
|
}
|
|
944
971
|
declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
|
|
945
972
|
|
|
946
|
-
type
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
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"];
|
|
955
989
|
};
|
|
956
|
-
declare const
|
|
990
|
+
declare const TableDesktopEditableField: React.NamedExoticComponent<TableDesktopEditableFieldProps>;
|
|
957
991
|
|
|
958
|
-
type
|
|
992
|
+
type TableDesktopCellProps = {
|
|
959
993
|
editableCellType?: EditableCellType;
|
|
960
994
|
editInitialValue: any;
|
|
961
995
|
rowId: number;
|
|
996
|
+
field: string;
|
|
962
997
|
fieldName: string;
|
|
998
|
+
enableEditMode: boolean;
|
|
963
999
|
disabled?: boolean;
|
|
964
1000
|
readOnlyValue: string | number | boolean;
|
|
965
1001
|
width?: HeadCell["width"];
|
|
@@ -971,21 +1007,7 @@ type TableDesktopRowCellProps = {
|
|
|
971
1007
|
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
972
1008
|
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
|
|
973
1009
|
};
|
|
974
|
-
declare const
|
|
975
|
-
|
|
976
|
-
type TableDesktopSmartSelectProps = {
|
|
977
|
-
ref?: RefObject<any>;
|
|
978
|
-
initialValue: HeaderFilterObject | string;
|
|
979
|
-
inputLabel: string;
|
|
980
|
-
fieldName: string;
|
|
981
|
-
rowId: number;
|
|
982
|
-
disabled?: boolean;
|
|
983
|
-
filterOptions?: HeadCell["filterOptions"];
|
|
984
|
-
refetchFilterOptions?: HeadCell["refetchFilterOptions"];
|
|
985
|
-
isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
|
|
986
|
-
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
987
|
-
};
|
|
988
|
-
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>;
|
|
989
1011
|
|
|
990
1012
|
interface ITableEmptyResult {
|
|
991
1013
|
colSpan: number;
|
|
@@ -1091,4 +1113,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1091
1113
|
|
|
1092
1114
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1093
1115
|
|
|
1094
|
-
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 };
|