@natoora-libs/core 0.1.1 → 0.1.2

package/dist/components/index.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { ReactNode, ComponentType, FC, ComponentProps, SVGProps } from 'react';
+import React__default, { ReactNode, ComponentType, MouseEvent, ChangeEvent, FC, ComponentProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { RefetchOptions, RefetchQueryFilters, QueryObserverResult, UseMutateAsyncFunction } from 'react-query';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
+import { UseMutateAsyncFunction, UseQueryResult } from 'react-query';
 import { MenuProps, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
@@ -38,93 +38,6 @@ interface IAppLabel {
 }
 declare const AppLabel: ({ appName }: IAppLabel) => react_jsx_runtime.JSX.Element;
 
-/**
- * Base type for autocomplete options. Requires an id and name property.
- */
-type DefaultOption = {
-    id: number;
-    name: string;
-};
-interface AutocompleteProps<Option = DefaultOption> {
-    /**
-     * The currently selected value in the autocomplete.
-     * Can be undefined if no value is selected.
-     */
-    value?: Option;
-    /**
-     * The initial value to display in the autocomplete when first rendered.
-     */
-    defaultValue?: Option;
-    /**
-     * An array of options to display in the dropdown list.
-     */
-    options?: Option[];
-    /**
-     * The minimum number of characters required in the input
-     * before triggering a search. Defaults to 3.
-     */
-    minInputLength?: number;
-    /**
-     * A boolean indicating whether the component is currently fetching data.
-     * When true, displays a loading spinner.
-     */
-    isFetching?: boolean;
-    /**
-     * The label text displayed above the input field.
-     */
-    inputLabel?: string;
-    /**
-     * Helper text displayed below the input field.
-     */
-    helperText?: string;
-    /**
-     * The data-testid attribute used for testing purposes.
-     */
-    'data-testid'?: string;
-    /**
-     * A boolean indicating whether the autocomplete is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * A boolean indicating whether the field can receive empty (null) values.
-     * This allows the field to be cleared and grants behavior control for null values.
-     */
-    allowEmpty?: boolean;
-    /**
-     * A function to fetch options from an API or other data source.
-     * Returns a Promise with QueryObserverResult.
-     */
-    fetchOptions?: <TPageData>(options?: (RefetchOptions & RefetchQueryFilters<TPageData>) | undefined) => Promise<QueryObserverResult<any, unknown>>;
-    /**
-     * Callback function called when the input loses focus.
-     * Receives the current selected value as an argument.
-     */
-    submitOnBlur?: (value: Option) => void;
-    /**
-     * Callback function called when the selected value changes.
-     * Receives the new selected value or null as an argument.
-     */
-    onChange: (value: Option | null) => void;
-    /**
-     * The current value of the search input field.
-     */
-    searchInputValue: string;
-    /**
-     * State setter function for updating the search input value.
-     */
-    setSearchInputValue: React.Dispatch<React.SetStateAction<string>>;
-    /**
-     * Optional function to customize how options are displayed in the dropdown.
-     * If not provided, defaults to using the option's name property.
-     */
-    getOptionLabel?: ((option: Option) => string) | undefined;
-    error?: boolean;
-    disableClearable?: boolean;
-}
-declare const _default$n: <Option extends any>(props: AutocompleteProps<Option> & {
-    ref?: React.Ref<any>;
-}) => React.JSX.Element;
-
 interface BackHeaderProps {
     appName: string;
     onGoBackClick?: () => void;
@@ -146,7 +59,7 @@ interface BoxButtonProps {
     extra?: any;
     borderColor?: any;
 }
-declare const _default$m: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$n: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
 
 interface IExtendedButton {
     buttonType?: 'button' | 'submit';
@@ -159,11 +72,11 @@ interface IExtendedButton {
     subcopy?: string;
     tooltip?: string;
     component?: React.ElementType;
-    type?: 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish' | 'compare';
+    type?: 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish';
     variant?: 'contained' | 'outlined' | 'text';
     copyColor?: string;
 }
-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>;
+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>;
 
 interface IFilledButton {
     autoFocus?: boolean;
@@ -177,7 +90,7 @@ interface IFilledButton {
     type?: 'button' | 'submit';
     variant?: 'contained' | 'outlined' | 'text';
 }
-declare const _default$k: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
+declare const _default$l: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
 
 interface FilledButtonLgProps {
     classes?: any;
@@ -193,14 +106,14 @@ interface FilledButtonLgProps {
         style?: string;
     };
 }
-declare const _default$j: React.MemoExoticComponent<({ classes, disabled, variant, color, copy, handleClick, loading, loadingProps, }: FilledButtonLgProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$k: React.MemoExoticComponent<({ classes, disabled, variant, color, copy, handleClick, loading, loadingProps, }: FilledButtonLgProps) => react_jsx_runtime.JSX.Element>;
 
 interface ImageButtonProps {
     src?: any;
     onClick?: any;
     value?: any;
 }
-declare const _default$i: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$j: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
 
 interface SquareButtonProps {
     children: any;
@@ -231,7 +144,7 @@ interface OutlinedButtonProps {
     subcopy?: any;
     type?: any;
 }
-declare const _default$h: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$i: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
 
 interface AButtonProps {
     classes?: any;
@@ -239,7 +152,7 @@ interface AButtonProps {
     color?: string;
     copy?: any;
 }
-declare const _default$g: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$h: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
 
 interface IRoundButton {
     active?: boolean;
@@ -265,7 +178,7 @@ interface IRoundButton {
  */
 declare const RoundButton: ({ active, children, className, disabled, focused, icon, iconColor, isContrast, isTableButton, noStrokes, onClick, size, tooltip, variant, testID, }: IRoundButton) => react_jsx_runtime.JSX.Element;
 
-declare const _default$f: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
+declare const _default$g: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 
 interface ActionButtonProps {
     app?: any;
@@ -502,14 +415,14 @@ interface IDeleteSubstitutionDialogContent {
     deleteSubstitution: () => void;
     substitutionName: string;
 }
-declare const _default$e: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
+declare const _default$f: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
 
 interface IDeleteUserDialogContent {
     closeDialog: () => void;
     deleteUser: () => void;
     userName: string;
 }
-declare const _default$d: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
+declare const _default$e: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
 
 interface FileCardProps {
     document: string;
@@ -520,7 +433,7 @@ interface FilledLabelProps {
     color?: string;
     copy?: any;
 }
-declare const _default$c: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$d: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
 
 type IFilterGroupSelector = {
     name?: string;
@@ -546,7 +459,7 @@ interface FixedFooterProps {
     children: React.ReactNode;
     justifyContent?: string;
 }
-declare const _default$b: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$c: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
 
 interface HeaderProps {
     appName: any;
@@ -611,7 +524,7 @@ interface ILeftDrawer {
         username: string;
     };
 }
-declare const _default$a: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
+declare const _default$b: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
 
 interface VirtualizedListProps {
     headers?: any;
@@ -656,7 +569,7 @@ interface NumpadInputProps {
     inputLabel?: string;
     children?: any;
 }
-declare const _default$9: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$a: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
 
 interface NumpadPlusProps {
     handleClick: any;
@@ -801,7 +714,7 @@ interface SearchAndFilterHeaderForTableProps {
     showFilterButton?: boolean;
     updateSearch?(...args: any[]): any;
 }
-declare const _default$8: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
 
 interface ISearchWithFiltersProps {
     enterPressedInSearch?: () => void;
@@ -814,7 +727,7 @@ interface ISearchWithFiltersProps {
     }) => void;
     disabled?: boolean;
 }
-declare const _default$7: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$8: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
 
 interface SearchWithFiltersForTableProps {
     onFilterButtonClick?(...args: any[]): any;
@@ -824,7 +737,7 @@ interface SearchWithFiltersForTableProps {
     showFilterButton?: boolean;
     searchedValue?: string;
 }
-declare const _default$6: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$7: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
 
 interface ISectionName {
     name: string;
@@ -923,7 +836,7 @@ interface SquareLabelProps {
     color?: string;
     copy?: any;
 }
-declare const _default$5: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$6: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
 
 interface LSwitchProps {
     classes?: any;
@@ -933,15 +846,69 @@ interface LSwitchProps {
     handleChange?: any;
     disabled: any;
 }
-declare const _default$4: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
 
-interface SmartTableHeaderProps {
-    order?: string;
-    orderBy?: string;
-    onRequestSort?(...args: any[]): any;
-    headCells?: any;
+type Order = 'asc' | 'desc';
+type HeaderFilterObject = {
+    id: number;
+    name: string;
+    label?: string;
+};
+type HeaderFilterOptions = string[] | HeaderFilterObject[];
+type HeaderFilters = {
+    [key: string]: HeaderFilterOptions;
+};
+type HeadCell = {
+    id: string;
+    label?: string;
+    numeric?: boolean;
+    disablePadding?: boolean;
+    enabled?: boolean;
+    renderHeader?: ReactNode;
+    filterOptionsQuery?: UseQueryResult<unknown[], unknown>;
+};
+interface ITableDesktopProps {
+    data: any[];
+    headCells: HeadCell[];
+    RenderItem: ComponentType<any>;
+    appliedFilters?: any;
+    headerFilters?: HeaderFilters;
+    children?: ReactNode;
+    height?: number | string;
+    isLoading?: boolean;
+    rowsPerPage?: number;
+    enableCheckboxSelection?: boolean;
+    disableInternalSort?: boolean;
+    updateSort?: (sortField: string, sortDir: Order) => void;
+    showClearFilterButton?: boolean;
+    handleClickOnClearFiltersButton?: () => void;
+    deleteItem?: (id: string) => void;
+    keyField?: string;
+    onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
 }
-declare const _default$3: React.MemoExoticComponent<(props: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
+declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, isLoading, rowsPerPage, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, onApplyFilters, }: ITableDesktopProps) => react_jsx_runtime.JSX.Element;
+
+interface SmartTableHeaderFilterMenuProps {
+    headCell: HeadCell;
+    headerFilters: HeaderFilters;
+    hasActiveFilters: boolean;
+    onApplyFilters?: (...args: unknown[]) => void;
+}
+declare const _default$4: React__default.NamedExoticComponent<SmartTableHeaderFilterMenuProps>;
+
+interface SmartTableHeaderProps {
+    order: Order;
+    orderBy: string;
+    headCells: HeadCell[];
+    numSelected: number;
+    numRows: number;
+    enableCheckboxSelection?: boolean;
+    headerFilters: HeaderFilters;
+    onRequestSort: (event: MouseEvent<unknown>, property: string) => void;
+    onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;
+    onApplyFilters?: (...args: unknown[]) => void;
+}
+declare const _default$3: React.NamedExoticComponent<SmartTableHeaderProps>;
 
 interface TableProps {
     headCells?: {
@@ -963,40 +930,18 @@ interface TableProps {
 }
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
-interface IHeadCell {
-    id: string;
-    numeric?: boolean;
-    disablePadding?: boolean;
-    label: string;
-}
-interface ITableDesktopProps {
-    appliedFilters?: any;
-    children?: React.ReactNode;
-    data: any[];
-    headCells: IHeadCell[];
-    height?: number | string;
-    isLoading?: boolean;
-    RenderItem: ComponentType<any>;
-    rowsPerPage: number;
-    updateSort: (sortField: string, sortDir: 'asc' | 'desc') => void;
-    showClearFilterButton?: boolean;
-    handleClickOnClearFiltersButton?: () => void;
-    deleteItem?: (id: string) => void;
-    keyField: string;
-}
-declare const TableDesktop: ({ appliedFilters, children, data, headCells, height, isLoading, RenderItem, rowsPerPage, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, }: ITableDesktopProps) => react_jsx_runtime.JSX.Element;
-
 interface ITableEmptyResult {
+    colSpan: number;
     showClearFilterButton?: boolean;
     handleClickOnClearFiltersButton?: () => void;
 }
-declare const TableEmptyResult: ({ showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
+declare const TableEmptyResult: ({ colSpan, showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
 
 interface TableLoadingProps {
     rowsPerPage?: number;
     rowHeight?: number;
 }
-declare const TableLoading: ({ rowsPerPage, rowHeight }: TableLoadingProps) => react_jsx_runtime.JSX.Element;
+declare const TableLoading: React__default.FC<TableLoadingProps>;
 
 interface TableHeaderProps {
     cells: any;
@@ -1083,8 +1028,4 @@ type UserBustProps = {
 };
 declare const _default: React.MemoExoticComponent<({ user, avatarProps, typographyProps }: UserBustProps) => react_jsx_runtime.JSX.Element>;
 
-declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-
-declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-
-export { AlertDialog, AlertDialogFullScreen, AppLabel, _default$n as Autocomplete, 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 };
+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 };