@natoora-libs/core 0.1.10 → 0.1.13

package/dist/components/index.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, ComponentProps, SVGProps } from 'react';
+import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, RefObject, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
-import { UseMutateAsyncFunction, UseQueryResult } from 'react-query';
-import { MenuProps, Typography } from '@mui/material';
+import { UseMutateAsyncFunction } from 'react-query';
+import { MenuProps, SelectChangeEvent, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -709,6 +709,13 @@ interface SearchAndFilterHeaderForTableProps {
 }
 declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
 
+type SearchFieldDebouncedProps = {
+    onSearch: (value: string) => void;
+    initialValue?: string;
+    debounceDelay?: number;
+};
+declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
+
 interface ISearchWithFiltersProps {
     enterPressedInSearch?: () => void;
     filterClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -744,11 +751,11 @@ interface ISectionName {
 }
 declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: ISectionName) => react_jsx_runtime.JSX.Element;
 
-interface Option {
+type Option = {
     value?: string | number;
     label?: string;
     disabled?: boolean;
-}
+};
 interface SmartSelectProps {
     /**
      * The current selected value of the select input. It can be a string, number, or null.
@@ -842,10 +849,10 @@ interface LSwitchProps {
 declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
 
 type Order = 'asc' | 'desc';
+type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
 type HeaderFilterObject = {
-    id: number;
-    name: string;
-    label?: string;
+    id: number | string;
+    [key: string]: number | string;
 };
 type HeaderFilterOptions = string[] | HeaderFilterObject[];
 type HeaderFilters = {
@@ -854,14 +861,21 @@ type HeaderFilters = {
 type HeadCell = {
     id: string;
     label?: string;
+    fieldName?: string;
     numeric?: boolean;
     disablePadding?: boolean;
     width?: number | string;
     enabled?: boolean;
-    renderHeader?: ReactNode;
-    filterOptionsQuery?: UseQueryResult<unknown[], unknown>;
+    disableSort?: boolean;
+    RenderHeader?: ReactNode;
+    editableCellType?: EditableCellType;
+    validateInput?: (value: string | null) => boolean;
+    onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
+    filterOptions?: HeaderFilterOptions;
+    refetchFilterOptions?: () => void;
+    isFetchingFilterOptions?: boolean;
 };
-interface ITableDesktopProps {
+type TableDesktopProps = {
     data: any[];
     headCells: HeadCell[];
     RenderItem: ComponentType<any>;
@@ -881,8 +895,8 @@ interface ITableDesktopProps {
     tableLayout?: 'fixed' | 'auto';
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
     shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
-}
-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;
+};
+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;
 
 interface SmartTableHeaderFilterMenuProps {
     headCell: HeadCell;
@@ -928,6 +942,50 @@ interface TableProps {
 }
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
+type TableDesktopFooterProps = {
+    numPages?: number;
+    page: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    handlePageChange: (event: ChangeEvent<unknown>, page: number) => void;
+    handlePageSizeChange: (event: SelectChangeEvent<number>) => void;
+    refetch: () => Promise<unknown>;
+    isFetching: boolean;
+};
+declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
+
+type TableDesktopRowCellProps = {
+    editableCellType?: EditableCellType;
+    editInitialValue: any;
+    rowId: number;
+    fieldName: string;
+    disabled?: boolean;
+    readOnlyValue: string | number | boolean;
+    width?: HeadCell["width"];
+    inputLabel: HeadCell["label"];
+    filterOptions?: HeadCell["filterOptions"];
+    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
+    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
+    validateInput?: HeadCell["validateInput"];
+    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
+    onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
+};
+declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;
+
+type TableDesktopSmartSelectProps = {
+    ref?: RefObject<any>;
+    initialValue: HeaderFilterObject | string;
+    inputLabel: string;
+    fieldName: string;
+    rowId: number;
+    disabled?: boolean;
+    filterOptions?: HeadCell["filterOptions"];
+    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
+    isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
+    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
+};
+declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, disabled, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
+
 interface ITableEmptyResult {
     colSpan: number;
     showClearFilterButton?: boolean;
@@ -1032,4 +1090,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-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, _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, _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 };
+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 };

package/dist/components/index.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, ComponentProps, SVGProps } from 'react';
+import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, RefObject, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
-import { UseMutateAsyncFunction, UseQueryResult } from 'react-query';
-import { MenuProps, Typography } from '@mui/material';
+import { UseMutateAsyncFunction } from 'react-query';
+import { MenuProps, SelectChangeEvent, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -709,6 +709,13 @@ interface SearchAndFilterHeaderForTableProps {
 }
 declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
 
+type SearchFieldDebouncedProps = {
+    onSearch: (value: string) => void;
+    initialValue?: string;
+    debounceDelay?: number;
+};
+declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
+
 interface ISearchWithFiltersProps {
     enterPressedInSearch?: () => void;
     filterClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -744,11 +751,11 @@ interface ISectionName {
 }
 declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: ISectionName) => react_jsx_runtime.JSX.Element;
 
-interface Option {
+type Option = {
     value?: string | number;
     label?: string;
     disabled?: boolean;
-}
+};
 interface SmartSelectProps {
     /**
      * The current selected value of the select input. It can be a string, number, or null.
@@ -842,10 +849,10 @@ interface LSwitchProps {
 declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
 
 type Order = 'asc' | 'desc';
+type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
 type HeaderFilterObject = {
-    id: number;
-    name: string;
-    label?: string;
+    id: number | string;
+    [key: string]: number | string;
 };
 type HeaderFilterOptions = string[] | HeaderFilterObject[];
 type HeaderFilters = {
@@ -854,14 +861,21 @@ type HeaderFilters = {
 type HeadCell = {
     id: string;
     label?: string;
+    fieldName?: string;
     numeric?: boolean;
     disablePadding?: boolean;
     width?: number | string;
     enabled?: boolean;
-    renderHeader?: ReactNode;
-    filterOptionsQuery?: UseQueryResult<unknown[], unknown>;
+    disableSort?: boolean;
+    RenderHeader?: ReactNode;
+    editableCellType?: EditableCellType;
+    validateInput?: (value: string | null) => boolean;
+    onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
+    filterOptions?: HeaderFilterOptions;
+    refetchFilterOptions?: () => void;
+    isFetchingFilterOptions?: boolean;
 };
-interface ITableDesktopProps {
+type TableDesktopProps = {
     data: any[];
     headCells: HeadCell[];
     RenderItem: ComponentType<any>;
@@ -881,8 +895,8 @@ interface ITableDesktopProps {
     tableLayout?: 'fixed' | 'auto';
     onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
     shouldShowCheckOnFilter?: (columnId: string, filterOption: HeaderFilterObject) => boolean;
-}
-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;
+};
+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;
 
 interface SmartTableHeaderFilterMenuProps {
     headCell: HeadCell;
@@ -928,6 +942,50 @@ interface TableProps {
 }
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
+type TableDesktopFooterProps = {
+    numPages?: number;
+    page: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    handlePageChange: (event: ChangeEvent<unknown>, page: number) => void;
+    handlePageSizeChange: (event: SelectChangeEvent<number>) => void;
+    refetch: () => Promise<unknown>;
+    isFetching: boolean;
+};
+declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
+
+type TableDesktopRowCellProps = {
+    editableCellType?: EditableCellType;
+    editInitialValue: any;
+    rowId: number;
+    fieldName: string;
+    disabled?: boolean;
+    readOnlyValue: string | number | boolean;
+    width?: HeadCell["width"];
+    inputLabel: HeadCell["label"];
+    filterOptions?: HeadCell["filterOptions"];
+    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
+    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
+    validateInput?: HeadCell["validateInput"];
+    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
+    onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
+};
+declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;
+
+type TableDesktopSmartSelectProps = {
+    ref?: RefObject<any>;
+    initialValue: HeaderFilterObject | string;
+    inputLabel: string;
+    fieldName: string;
+    rowId: number;
+    disabled?: boolean;
+    filterOptions?: HeadCell["filterOptions"];
+    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
+    isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
+    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
+};
+declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, disabled, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
+
 interface ITableEmptyResult {
     colSpan: number;
     showClearFilterButton?: boolean;
@@ -1032,4 +1090,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-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, _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, _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 };
+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 };