@natoora-libs/core 0.1.8 → 0.1.9-dev-doug-2

package/dist/components/index.d.cts

@@ -1,11 +1,20 @@
 import * as React from 'react';
-import React__default, { ReactNode, ComponentType, MouseEvent, 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, SxProps, Theme, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
+type ActiveFiltersIconButtonProps = {
+    label?: string;
+    className?: string;
+    enableRipple?: boolean;
+    numActiveFilters: number;
+    handleClick: (event: MouseEvent<HTMLElement>) => void;
+};
+declare const _default$n: React.NamedExoticComponent<ActiveFiltersIconButtonProps>;
+
 interface AlertDialogProps {
     open: boolean;
     alertTitle?: string;
@@ -59,7 +68,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';
@@ -76,7 +85,7 @@ interface IExtendedButton {
     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 +99,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 +115,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 +153,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 +161,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 +187,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 +424,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,33 +442,35 @@ 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;
     categoryIdentification?: string;
+    selectedOptions: string[];
+    setSelectedOptions: React.Dispatch<React.SetStateAction<string[]>>;
+    handleClickOnApply: () => void;
     optionsList?: {
         category: string;
         options: string[];
     }[];
-    handleClickOnApply: () => void;
-    setSelectedOptions: React.Dispatch<React.SetStateAction<string[]>>;
 };
-declare const FilterGroupSelector: ({ name, optionsList, handleClickOnApply, setSelectedOptions, categoryIdentification, }: IFilterGroupSelector) => react_jsx_runtime.JSX.Element;
+declare const FilterGroupSelector: ({ name, categoryIdentification, selectedOptions, setSelectedOptions, handleClickOnApply, optionsList, }: IFilterGroupSelector) => react_jsx_runtime.JSX.Element;
 
 type IFilterSimpleSelector = {
     name?: string;
     options?: string[];
-    handleClickOnApply: () => void;
+    selectedOptions: string[];
     setSelectedOptions: React.Dispatch<React.SetStateAction<string[]>>;
+    handleClickOnApply: () => void;
 };
-declare const FilterSimpleSelector: ({ name, options, handleClickOnApply, setSelectedOptions, }: IFilterSimpleSelector) => react_jsx_runtime.JSX.Element;
+declare const FilterSimpleSelector: ({ name, options, selectedOptions, setSelectedOptions, handleClickOnApply, }: IFilterSimpleSelector) => react_jsx_runtime.JSX.Element;
 
 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;
@@ -508,24 +519,6 @@ declare const icons: {
     SvgIconUserManagement: () => react_jsx_runtime.JSX.Element;
 };
 
-interface ILeftDrawer {
-    open: boolean;
-    handleOpen: () => void;
-    handleClose: () => void;
-    onLogout: () => void;
-    featureSettings: {
-        enabled_features: string[];
-        enabled_ui_features: string[];
-    };
-    user: {
-        profile_picture: string;
-        first_name: string;
-        last_name: string;
-        username: string;
-    };
-}
-declare const _default$b: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
-
 interface VirtualizedListProps {
     headers?: any;
     items?: any;
@@ -716,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>;
@@ -751,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.
@@ -849,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 = {
@@ -861,14 +861,20 @@ 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;
+    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>;
@@ -879,6 +885,7 @@ interface ITableDesktopProps {
     isLoading?: boolean;
     rowsPerPage?: number;
     enableCheckboxSelection?: boolean;
+    enableRowActions?: boolean;
     disableInternalSort?: boolean;
     updateSort?: (sortField: string, sortDir: Order) => void;
     showClearFilterButton?: boolean;
@@ -888,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, enableRowActions, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
 
 interface SmartTableHeaderFilterMenuProps {
     headCell: HeadCell;
@@ -935,6 +942,45 @@ interface TableProps {
 }
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
+type TableDesktopRowActionsProps = {
+    isRowHovered: boolean;
+    children: ReactNode;
+    sx?: SxProps<Theme>;
+    zIndex?: number | string;
+    backgroundColor?: string | ((theme: Theme) => string);
+};
+declare const TableDesktopRowActions: FC<TableDesktopRowActionsProps>;
+
+type TableDesktopRowCellProps = {
+    ref?: RefObject<HTMLDivElement | null>;
+    editableCellType?: EditableCellType;
+    editInitialValue: any;
+    rowId: number;
+    fieldName: string;
+    isEditMode: boolean;
+    readOnlyValue: string | number | boolean;
+    width?: HeadCell["width"];
+    inputLabel: HeadCell["label"];
+    filterOptions?: HeadCell["filterOptions"];
+    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
+    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
+    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
+};
+declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;
+
+type TableDesktopSmartSelectProps = {
+    ref?: RefObject<any>;
+    initialValue: HeaderFilterObject | string;
+    inputLabel: string;
+    fieldName: string;
+    rowId: number;
+    filterOptions?: HeadCell["filterOptions"];
+    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
+    isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
+    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
+};
+declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
+
 interface ITableEmptyResult {
     colSpan: number;
     showClearFilterButton?: boolean;
@@ -1039,4 +1085,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => 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, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _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 };
+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, TableDesktopRowActions, 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,11 +1,20 @@
 import * as React from 'react';
-import React__default, { ReactNode, ComponentType, MouseEvent, 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, SxProps, Theme, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
+type ActiveFiltersIconButtonProps = {
+    label?: string;
+    className?: string;
+    enableRipple?: boolean;
+    numActiveFilters: number;
+    handleClick: (event: MouseEvent<HTMLElement>) => void;
+};
+declare const _default$n: React.NamedExoticComponent<ActiveFiltersIconButtonProps>;
+
 interface AlertDialogProps {
     open: boolean;
     alertTitle?: string;
@@ -59,7 +68,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';
@@ -76,7 +85,7 @@ interface IExtendedButton {
     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 +99,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 +115,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 +153,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 +161,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 +187,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 +424,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,33 +442,35 @@ 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;
     categoryIdentification?: string;
+    selectedOptions: string[];
+    setSelectedOptions: React.Dispatch<React.SetStateAction<string[]>>;
+    handleClickOnApply: () => void;
     optionsList?: {
         category: string;
         options: string[];
     }[];
-    handleClickOnApply: () => void;
-    setSelectedOptions: React.Dispatch<React.SetStateAction<string[]>>;
 };
-declare const FilterGroupSelector: ({ name, optionsList, handleClickOnApply, setSelectedOptions, categoryIdentification, }: IFilterGroupSelector) => react_jsx_runtime.JSX.Element;
+declare const FilterGroupSelector: ({ name, categoryIdentification, selectedOptions, setSelectedOptions, handleClickOnApply, optionsList, }: IFilterGroupSelector) => react_jsx_runtime.JSX.Element;
 
 type IFilterSimpleSelector = {
     name?: string;
     options?: string[];
-    handleClickOnApply: () => void;
+    selectedOptions: string[];
     setSelectedOptions: React.Dispatch<React.SetStateAction<string[]>>;
+    handleClickOnApply: () => void;
 };
-declare const FilterSimpleSelector: ({ name, options, handleClickOnApply, setSelectedOptions, }: IFilterSimpleSelector) => react_jsx_runtime.JSX.Element;
+declare const FilterSimpleSelector: ({ name, options, selectedOptions, setSelectedOptions, handleClickOnApply, }: IFilterSimpleSelector) => react_jsx_runtime.JSX.Element;
 
 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;
@@ -508,24 +519,6 @@ declare const icons: {
     SvgIconUserManagement: () => react_jsx_runtime.JSX.Element;
 };
 
-interface ILeftDrawer {
-    open: boolean;
-    handleOpen: () => void;
-    handleClose: () => void;
-    onLogout: () => void;
-    featureSettings: {
-        enabled_features: string[];
-        enabled_ui_features: string[];
-    };
-    user: {
-        profile_picture: string;
-        first_name: string;
-        last_name: string;
-        username: string;
-    };
-}
-declare const _default$b: React.MemoExoticComponent<({ handleClose, handleOpen, onLogout, featureSettings, open, user, }: ILeftDrawer) => react_jsx_runtime.JSX.Element>;
-
 interface VirtualizedListProps {
     headers?: any;
     items?: any;
@@ -716,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>;
@@ -751,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.
@@ -849,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 = {
@@ -861,14 +861,20 @@ 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;
+    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>;
@@ -879,6 +885,7 @@ interface ITableDesktopProps {
     isLoading?: boolean;
     rowsPerPage?: number;
     enableCheckboxSelection?: boolean;
+    enableRowActions?: boolean;
     disableInternalSort?: boolean;
     updateSort?: (sortField: string, sortDir: Order) => void;
     showClearFilterButton?: boolean;
@@ -888,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, enableRowActions, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
 
 interface SmartTableHeaderFilterMenuProps {
     headCell: HeadCell;
@@ -935,6 +942,45 @@ interface TableProps {
 }
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
+type TableDesktopRowActionsProps = {
+    isRowHovered: boolean;
+    children: ReactNode;
+    sx?: SxProps<Theme>;
+    zIndex?: number | string;
+    backgroundColor?: string | ((theme: Theme) => string);
+};
+declare const TableDesktopRowActions: FC<TableDesktopRowActionsProps>;
+
+type TableDesktopRowCellProps = {
+    ref?: RefObject<HTMLDivElement | null>;
+    editableCellType?: EditableCellType;
+    editInitialValue: any;
+    rowId: number;
+    fieldName: string;
+    isEditMode: boolean;
+    readOnlyValue: string | number | boolean;
+    width?: HeadCell["width"];
+    inputLabel: HeadCell["label"];
+    filterOptions?: HeadCell["filterOptions"];
+    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
+    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
+    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
+};
+declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;
+
+type TableDesktopSmartSelectProps = {
+    ref?: RefObject<any>;
+    initialValue: HeaderFilterObject | string;
+    inputLabel: string;
+    fieldName: string;
+    rowId: number;
+    filterOptions?: HeadCell["filterOptions"];
+    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
+    isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
+    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
+};
+declare const TableDesktopSmartSelect: React.MemoExoticComponent<({ ref, initialValue, inputLabel, fieldName, rowId, filterOptions, refetchFilterOptions, isFetchingFilterOptions, onUpdateEditableCell, }: TableDesktopSmartSelectProps) => react_jsx_runtime.JSX.Element>;
+
 interface ITableEmptyResult {
     colSpan: number;
     showClearFilterButton?: boolean;
@@ -1039,4 +1085,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => 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, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _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 };
+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, TableDesktopRowActions, TableDesktopRowCell, TableDesktopSmartSelect, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };