@natoora-libs/core 0.1.9-dev-doug-5 → 0.1.9-dev-doug-7
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 +169 -145
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +8 -17
- package/dist/components/index.d.ts +8 -17
- package/dist/components/index.js +180 -154
- package/dist/components/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC,
|
|
|
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';
|
|
6
|
-
import { MenuProps, SelectChangeEvent,
|
|
6
|
+
import { MenuProps, SelectChangeEvent, Typography } from '@mui/material';
|
|
7
7
|
import { DateRangePickerShape } from 'react-dates';
|
|
8
8
|
|
|
9
9
|
type ActiveFiltersIconButtonProps = {
|
|
@@ -869,7 +869,7 @@ type HeadCell = {
|
|
|
869
869
|
disableSort?: boolean;
|
|
870
870
|
RenderHeader?: ReactNode;
|
|
871
871
|
editableCellType?: EditableCellType;
|
|
872
|
-
validateInput?: (value: string) => boolean;
|
|
872
|
+
validateInput?: (value: string | null) => boolean;
|
|
873
873
|
onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
|
|
874
874
|
filterOptions?: HeaderFilterOptions;
|
|
875
875
|
refetchFilterOptions?: () => void;
|
|
@@ -886,7 +886,6 @@ type TableDesktopProps = {
|
|
|
886
886
|
isLoading?: boolean;
|
|
887
887
|
rowsPerPage?: number;
|
|
888
888
|
enableCheckboxSelection?: boolean;
|
|
889
|
-
enableRowActions?: boolean;
|
|
890
889
|
disableInternalSort?: boolean;
|
|
891
890
|
updateSort?: (sortField: string, sortDir: Order) => void;
|
|
892
891
|
showClearFilterButton?: boolean;
|
|
@@ -897,7 +896,7 @@ type TableDesktopProps = {
|
|
|
897
896
|
onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
|
|
898
897
|
shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
|
|
899
898
|
};
|
|
900
|
-
declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection,
|
|
899
|
+
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;
|
|
901
900
|
|
|
902
901
|
interface SmartTableHeaderFilterMenuProps {
|
|
903
902
|
headCell: HeadCell;
|
|
@@ -955,22 +954,12 @@ type TableDesktopFooterProps = {
|
|
|
955
954
|
};
|
|
956
955
|
declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
|
|
957
956
|
|
|
958
|
-
type TableDesktopRowActionsProps = {
|
|
959
|
-
isRowHovered: boolean;
|
|
960
|
-
children: ReactNode;
|
|
961
|
-
sx?: SxProps<Theme>;
|
|
962
|
-
zIndex?: number | string;
|
|
963
|
-
backgroundColor?: string | ((theme: Theme) => string);
|
|
964
|
-
};
|
|
965
|
-
declare const TableDesktopRowActions: FC<TableDesktopRowActionsProps>;
|
|
966
|
-
|
|
967
957
|
type TableDesktopRowCellProps = {
|
|
968
|
-
ref?: RefObject<HTMLDivElement | null>;
|
|
969
958
|
editableCellType?: EditableCellType;
|
|
970
959
|
editInitialValue: any;
|
|
971
960
|
rowId: number;
|
|
972
961
|
fieldName: string;
|
|
973
|
-
|
|
962
|
+
disabled?: boolean;
|
|
974
963
|
readOnlyValue: string | number | boolean;
|
|
975
964
|
width?: HeadCell["width"];
|
|
976
965
|
inputLabel: HeadCell["label"];
|
|
@@ -979,6 +968,7 @@ type TableDesktopRowCellProps = {
|
|
|
979
968
|
isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
|
|
980
969
|
validateInput?: HeadCell["validateInput"];
|
|
981
970
|
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
971
|
+
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
|
|
982
972
|
};
|
|
983
973
|
declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;
|
|
984
974
|
|
|
@@ -988,12 +978,13 @@ type TableDesktopSmartSelectProps = {
|
|
|
988
978
|
inputLabel: string;
|
|
989
979
|
fieldName: string;
|
|
990
980
|
rowId: number;
|
|
981
|
+
disabled?: boolean;
|
|
991
982
|
filterOptions?: HeadCell["filterOptions"];
|
|
992
983
|
refetchFilterOptions?: HeadCell["refetchFilterOptions"];
|
|
993
984
|
isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
|
|
994
985
|
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
995
986
|
};
|
|
996
|
-
declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
|
|
987
|
+
declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, disabled, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
|
|
997
988
|
|
|
998
989
|
interface ITableEmptyResult {
|
|
999
990
|
colSpan: number;
|
|
@@ -1099,4 +1090,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1099
1090
|
|
|
1100
1091
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1101
1092
|
|
|
1102
|
-
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, TableDesktopFooter,
|
|
1093
|
+
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, TableDesktopFooter, TableDesktopRowCell, TableDesktopSmartSelect, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
|
|
@@ -3,7 +3,7 @@ import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC,
|
|
|
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';
|
|
6
|
-
import { MenuProps, SelectChangeEvent,
|
|
6
|
+
import { MenuProps, SelectChangeEvent, Typography } from '@mui/material';
|
|
7
7
|
import { DateRangePickerShape } from 'react-dates';
|
|
8
8
|
|
|
9
9
|
type ActiveFiltersIconButtonProps = {
|
|
@@ -869,7 +869,7 @@ type HeadCell = {
|
|
|
869
869
|
disableSort?: boolean;
|
|
870
870
|
RenderHeader?: ReactNode;
|
|
871
871
|
editableCellType?: EditableCellType;
|
|
872
|
-
validateInput?: (value: string) => boolean;
|
|
872
|
+
validateInput?: (value: string | null) => boolean;
|
|
873
873
|
onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
|
|
874
874
|
filterOptions?: HeaderFilterOptions;
|
|
875
875
|
refetchFilterOptions?: () => void;
|
|
@@ -886,7 +886,6 @@ type TableDesktopProps = {
|
|
|
886
886
|
isLoading?: boolean;
|
|
887
887
|
rowsPerPage?: number;
|
|
888
888
|
enableCheckboxSelection?: boolean;
|
|
889
|
-
enableRowActions?: boolean;
|
|
890
889
|
disableInternalSort?: boolean;
|
|
891
890
|
updateSort?: (sortField: string, sortDir: Order) => void;
|
|
892
891
|
showClearFilterButton?: boolean;
|
|
@@ -897,7 +896,7 @@ type TableDesktopProps = {
|
|
|
897
896
|
onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
|
|
898
897
|
shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
|
|
899
898
|
};
|
|
900
|
-
declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection,
|
|
899
|
+
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;
|
|
901
900
|
|
|
902
901
|
interface SmartTableHeaderFilterMenuProps {
|
|
903
902
|
headCell: HeadCell;
|
|
@@ -955,22 +954,12 @@ type TableDesktopFooterProps = {
|
|
|
955
954
|
};
|
|
956
955
|
declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
|
|
957
956
|
|
|
958
|
-
type TableDesktopRowActionsProps = {
|
|
959
|
-
isRowHovered: boolean;
|
|
960
|
-
children: ReactNode;
|
|
961
|
-
sx?: SxProps<Theme>;
|
|
962
|
-
zIndex?: number | string;
|
|
963
|
-
backgroundColor?: string | ((theme: Theme) => string);
|
|
964
|
-
};
|
|
965
|
-
declare const TableDesktopRowActions: FC<TableDesktopRowActionsProps>;
|
|
966
|
-
|
|
967
957
|
type TableDesktopRowCellProps = {
|
|
968
|
-
ref?: RefObject<HTMLDivElement | null>;
|
|
969
958
|
editableCellType?: EditableCellType;
|
|
970
959
|
editInitialValue: any;
|
|
971
960
|
rowId: number;
|
|
972
961
|
fieldName: string;
|
|
973
|
-
|
|
962
|
+
disabled?: boolean;
|
|
974
963
|
readOnlyValue: string | number | boolean;
|
|
975
964
|
width?: HeadCell["width"];
|
|
976
965
|
inputLabel: HeadCell["label"];
|
|
@@ -979,6 +968,7 @@ type TableDesktopRowCellProps = {
|
|
|
979
968
|
isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
|
|
980
969
|
validateInput?: HeadCell["validateInput"];
|
|
981
970
|
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
971
|
+
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
|
|
982
972
|
};
|
|
983
973
|
declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;
|
|
984
974
|
|
|
@@ -988,12 +978,13 @@ type TableDesktopSmartSelectProps = {
|
|
|
988
978
|
inputLabel: string;
|
|
989
979
|
fieldName: string;
|
|
990
980
|
rowId: number;
|
|
981
|
+
disabled?: boolean;
|
|
991
982
|
filterOptions?: HeadCell["filterOptions"];
|
|
992
983
|
refetchFilterOptions?: HeadCell["refetchFilterOptions"];
|
|
993
984
|
isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
|
|
994
985
|
onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
|
|
995
986
|
};
|
|
996
|
-
declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
|
|
987
|
+
declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, disabled, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
|
|
997
988
|
|
|
998
989
|
interface ITableEmptyResult {
|
|
999
990
|
colSpan: number;
|
|
@@ -1099,4 +1090,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1099
1090
|
|
|
1100
1091
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1101
1092
|
|
|
1102
|
-
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, TableDesktopFooter,
|
|
1093
|
+
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, TableDesktopFooter, TableDesktopRowCell, TableDesktopSmartSelect, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
|