@natoora-libs/core 0.1.0 → 0.1.1

package/dist/components/index.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import React__default, { ReactNode, ComponentType, MouseEvent, ChangeEvent, FC, ComponentProps } from 'react';
+import { ReactNode, ComponentType, FC, ComponentProps, SVGProps } 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,6 +38,93 @@ 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;
@@ -59,7 +146,7 @@ interface BoxButtonProps {
     extra?: any;
     borderColor?: any;
 }
-declare const _default$n: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$m: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
 
 interface IExtendedButton {
     buttonType?: 'button' | 'submit';
@@ -72,11 +159,11 @@ interface IExtendedButton {
     subcopy?: string;
     tooltip?: string;
     component?: React.ElementType;
-    type?: 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish';
+    type?: 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish' | 'compare';
     variant?: 'contained' | 'outlined' | 'text';
     copyColor?: string;
 }
-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>;
+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>;
 
 interface IFilledButton {
     autoFocus?: boolean;
@@ -90,7 +177,7 @@ interface IFilledButton {
     type?: 'button' | 'submit';
     variant?: 'contained' | 'outlined' | 'text';
 }
-declare const _default$l: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
+declare const _default$k: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
 
 interface FilledButtonLgProps {
     classes?: any;
@@ -106,14 +193,14 @@ interface FilledButtonLgProps {
         style?: string;
     };
 }
-declare const _default$k: React.MemoExoticComponent<({ classes, disabled, variant, color, copy, handleClick, loading, loadingProps, }: FilledButtonLgProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$j: 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$j: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$i: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
 
 interface SquareButtonProps {
     children: any;
@@ -144,7 +231,7 @@ interface OutlinedButtonProps {
     subcopy?: any;
     type?: any;
 }
-declare const _default$i: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$h: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
 
 interface AButtonProps {
     classes?: any;
@@ -152,7 +239,7 @@ interface AButtonProps {
     color?: string;
     copy?: any;
 }
-declare const _default$h: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$g: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
 
 interface IRoundButton {
     active?: boolean;
@@ -178,7 +265,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$g: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
+declare const _default$f: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 
 interface ActionButtonProps {
     app?: any;
@@ -415,14 +502,14 @@ interface IDeleteSubstitutionDialogContent {
     deleteSubstitution: () => void;
     substitutionName: string;
 }
-declare const _default$f: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
+declare const _default$e: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
 
 interface IDeleteUserDialogContent {
     closeDialog: () => void;
     deleteUser: () => void;
     userName: string;
 }
-declare const _default$e: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
+declare const _default$d: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
 
 interface FileCardProps {
     document: string;
@@ -433,7 +520,7 @@ interface FilledLabelProps {
     color?: string;
     copy?: any;
 }
-declare const _default$d: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$c: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
 
 type IFilterGroupSelector = {
     name?: string;
@@ -459,7 +546,7 @@ interface FixedFooterProps {
     children: React.ReactNode;
     justifyContent?: string;
 }
-declare const _default$c: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$b: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
 
 interface HeaderProps {
     appName: any;
@@ -524,7 +611,7 @@ interface ILeftDrawer {
         username: string;
     };
 }
-declare const _default$b: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
+declare const _default$a: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
 
 interface VirtualizedListProps {
     headers?: any;
@@ -569,7 +656,7 @@ interface NumpadInputProps {
     inputLabel?: string;
     children?: any;
 }
-declare const _default$a: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$9: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
 
 interface NumpadPlusProps {
     handleClick: any;
@@ -714,7 +801,7 @@ interface SearchAndFilterHeaderForTableProps {
     showFilterButton?: boolean;
     updateSearch?(...args: any[]): any;
 }
-declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$8: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
 
 interface ISearchWithFiltersProps {
     enterPressedInSearch?: () => void;
@@ -727,7 +814,7 @@ interface ISearchWithFiltersProps {
     }) => void;
     disabled?: boolean;
 }
-declare const _default$8: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$7: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
 
 interface SearchWithFiltersForTableProps {
     onFilterButtonClick?(...args: any[]): any;
@@ -737,7 +824,7 @@ interface SearchWithFiltersForTableProps {
     showFilterButton?: boolean;
     searchedValue?: string;
 }
-declare const _default$7: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$6: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
 
 interface ISectionName {
     name: string;
@@ -836,7 +923,7 @@ interface SquareLabelProps {
     color?: string;
     copy?: any;
 }
-declare const _default$6: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$5: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
 
 interface LSwitchProps {
     classes?: any;
@@ -846,69 +933,15 @@ interface LSwitchProps {
     handleChange?: any;
     disabled: any;
 }
-declare const _default$5: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
-
-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 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>;
+declare const _default$4: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
 
 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>;
+    order?: string;
+    orderBy?: string;
+    onRequestSort?(...args: any[]): any;
+    headCells?: any;
+}
+declare const _default$3: React.MemoExoticComponent<(props: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
 
 interface TableProps {
     headCells?: {
@@ -930,18 +963,40 @@ 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: ({ colSpan, showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
+declare const TableEmptyResult: ({ showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
 
 interface TableLoadingProps {
     rowsPerPage?: number;
     rowHeight?: number;
 }
-declare const TableLoading: React__default.FC<TableLoadingProps>;
+declare const TableLoading: ({ rowsPerPage, rowHeight }: TableLoadingProps) => react_jsx_runtime.JSX.Element;
 
 interface TableHeaderProps {
     cells: any;
@@ -1028,4 +1083,8 @@ type UserBustProps = {
 };
 declare const _default: React.MemoExoticComponent<({ user, avatarProps, typographyProps }: UserBustProps) => react_jsx_runtime.JSX.Element>;
 
-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 };
+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 };