@natoora-libs/core 0.2.0 → 0.2.1-dev-doug-1

package/dist/components/index.d.cts

@@ -1,9 +1,11 @@
 import * as React from 'react';
-import React__default, { MouseEvent, ReactNode, ChangeEvent, FC, ComponentType, ReactElement, ComponentProps, SVGProps } from 'react';
+import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SelectChangeEvent, SxProps, Theme, MenuProps, Typography } from '@mui/material';
+import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, E as EditableCellType } from '../TableDesktop-aJHXhRuv.cjs';
+export { B as BulkChanges, j as BulkChangesDialogProps, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps } from '../TableDesktop-aJHXhRuv.cjs';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
+import { SxProps, Theme, MenuProps, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -47,80 +49,13 @@ interface IAppLabel {
 }
 declare const AppLabel: ({ appName }: IAppLabel) => react_jsx_runtime.JSX.Element;
 
-type TableDesktopFooterProps = {
-    numPages: number;
-    page: number;
-    pageSize: number;
-    pageSizeOptions: number[];
-    onPageChange: (event: ChangeEvent<unknown>, page: number) => void;
-    onPageSizeChange: (event: SelectChangeEvent<number>) => void;
-    refetch: () => Promise<unknown>;
-    isFetching: boolean;
-};
-declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
-
-type Order = 'asc' | 'desc';
-type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
-type HeaderFilterObject = {
-    id: number | string;
-    [key: string]: number | string;
-};
-type HeaderFilterOptions = string[] | HeaderFilterObject[];
-type HeaderFilters = {
-    [key: string]: HeaderFilterOptions;
-};
-type HeadCell = {
-    id: string;
-    label?: string;
-    labelTooltip?: string;
-    fieldName?: string;
-    numeric?: boolean;
-    disablePadding?: boolean;
-    width?: number | string;
-    enabled?: boolean;
-    disableSort?: boolean;
-    RenderHeader?: ReactNode;
-    editableCellType?: EditableCellType;
-    validateInput?: (value: string | null) => boolean;
-    onUpdateEditableCell?: (rowId: number, field: string, value: string | number | boolean, label: string | number | boolean) => void;
-    filterOptions?: HeaderFilterOptions;
-    refetchFilterOptions?: () => void;
-    isFetchingFilterOptions?: boolean;
-    isAutocompleteFilterMenu?: boolean;
-    onAutocompleteFilterChange?: (value: string) => void;
-};
-type TableDesktopProps = {
-    data: any[];
+type AppliedTableFiltersDisplayProps = {
     headCells: HeadCell[];
-    RenderItem: ComponentType<any>;
-    components?: {
-        toolbar?: ComponentType<any>;
-    };
-    componentsProps?: {
-        toolbarProps?: any;
-        footerProps?: TableDesktopFooterProps;
-    };
-    appliedFilters?: any;
-    headerFilters?: HeaderFilters;
-    children?: ReactNode;
-    height?: number | string;
-    rowHeight?: number;
-    totalDataCount?: number;
-    isLoading?: boolean;
-    rowsPerPage?: number;
-    enableEditMode?: boolean;
-    enableCheckboxSelection?: boolean;
-    disableInternalSort?: boolean;
-    updateSort?: (sortField: string, sortDir: Order) => void;
-    showClearFilterButton?: boolean;
-    handleClickOnClearFiltersButton?: () => void;
-    deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
-    keyField?: string;
-    tableLayout?: 'fixed' | 'auto';
-    onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
-    shouldShowCheckOnFilter?: (columnId: string, filterOption: string | HeaderFilterObject) => boolean;
+    headerFilters: HeaderFilters;
+    hasAnyFiltersApplied: boolean;
+    onOpenClearFiltersDialog: () => void;
 };
-declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, rowHeight, totalDataCount, isLoading, rowsPerPage, enableEditMode, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, components, componentsProps, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
+declare const AppliedTableFiltersDisplay: FC<AppliedTableFiltersDisplayProps>;
 
 type AutocompleteFilterMenuContentProps = {
     columnId: string;
@@ -131,9 +66,9 @@ type AutocompleteFilterMenuContentProps = {
     maxHeight?: number;
     onFilterOptionChange: (option: string | HeaderFilterObject) => void;
     onApplyFiltersClick: (shouldSave: boolean) => void;
-    filterOptions: HeadCell["filterOptions"];
-    onAutocompleteFilterChange: HeadCell["onAutocompleteFilterChange"];
-    shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
+    filterOptions: HeadCell['filterOptions'];
+    onAutocompleteSearch: HeadCell['onAutocompleteSearch'];
+    shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
 };
 declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentProps>;
 
@@ -292,13 +227,23 @@ type CheckboxFilterMenuContentProps = {
     filterOptions: HeaderFilterOptions;
     maxHeight?: number;
     width?: number;
-    shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
+    shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
     onSelectAllChange: (checked: boolean) => void;
     onFilterOptionChange: (option: string | HeaderFilterObject) => void;
     onApplyFiltersClick: (shouldSave: boolean) => void;
 };
 declare const CheckboxFilterMenuContent: FC<CheckboxFilterMenuContentProps>;
 
+type ClearFiltersConfirmationDialogProps = {
+    isOpen: boolean;
+    clearFiltersMode: 'unsaved' | 'saved';
+    hasAnyUnsavedFilters: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    onChangeClearFiltersMode: (mode: 'unsaved' | 'saved') => void;
+};
+declare const ClearFiltersConfirmationDialog: FC<ClearFiltersConfirmationDialogProps>;
+
 interface ICompanyLogo {
     size: 'small' | 'medium';
     color: 'light' | 'dark';
@@ -586,7 +531,7 @@ type FilterOptionsCheckboxesProps = {
     filterOptions: HeaderFilterOptions;
     selectedFilterOptions: HeaderFilterOptions;
     onFilterOptionChange: (option: string | HeaderFilterObject) => void;
-    shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
+    shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
 };
 declare const FilterOptionsCheckboxes: FC<FilterOptionsCheckboxesProps>;
 
@@ -644,6 +589,12 @@ declare const icons: {
     SvgIconTableEdit: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 };
 
+type LabeledValueListProps = {
+    label: string;
+    values: (string | number)[];
+};
+declare const LabeledValueList: FC<LabeledValueListProps>;
+
 interface VirtualizedListProps {
     headers?: any;
     items?: any;
@@ -836,7 +787,7 @@ declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeade
 
 type SearchFieldDebouncedProps = {
     onSearch: (value: string) => void;
-    variant?: "outlined" | "filled" | "standard";
+    variant?: 'outlined' | 'filled' | 'standard';
     hideSearchIcon?: boolean;
     initialValue?: string;
     debounceDelay?: number;
@@ -848,6 +799,13 @@ type SearchFieldDebouncedProps = {
 };
 declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
 
+type SearchHeaderProps = {
+    renderButton?: ReactNode;
+    children?: ReactNode;
+    onSearch: (value: string) => void;
+};
+declare const SearchHeader: React.MemoExoticComponent<({ renderButton, children, onSearch }: SearchHeaderProps) => react_jsx_runtime.JSX.Element>;
+
 interface ISearchWithFiltersProps {
     enterPressedInSearch?: () => void;
     filterClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -988,10 +946,10 @@ type SmartTableHeaderFilterMenuProps = {
     headCell: HeadCell;
     headerFilters: HeaderFilters;
     numActiveFilters: number;
-    shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
-    onApplyFilters?: TableDesktopProps["onApplyFilters"];
+    shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
+    onApplyFilters?: TableDesktopProps['onApplyFilters'];
 };
-declare const SmartTableHeaderFilterMenu: React__default.MemoExoticComponent<({ headCell, numActiveFilters, headerFilters, shouldShowCheckOnFilter, onApplyFilters, }: SmartTableHeaderFilterMenuProps) => react_jsx_runtime.JSX.Element>;
+declare const SmartTableHeaderFilterMenu: ({ headCell, numActiveFilters, headerFilters, shouldShowCheckOnFilter, onApplyFilters, }: SmartTableHeaderFilterMenuProps) => react_jsx_runtime.JSX.Element;
 
 type SmartTableHeaderProps = {
     order: Order;
@@ -1003,8 +961,8 @@ type SmartTableHeaderProps = {
     headerFilters: HeaderFilters;
     onRequestSort: (event: MouseEvent<unknown>, property: string) => void;
     onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;
-    onApplyFilters?: TableDesktopProps["onApplyFilters"];
-    shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
+    onApplyFilters?: TableDesktopProps['onApplyFilters'];
+    shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
 };
 declare const SmartTableHeader: React.MemoExoticComponent<({ order, orderBy, headCells, numSelectedRows, numRows, enableCheckboxSelection, headerFilters, onRequestSort, onSelectAllClick, onApplyFilters, shouldShowCheckOnFilter, }: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
 
@@ -1035,17 +993,17 @@ type TableDesktopEditableFieldProps = {
     fieldName: string;
     disabled?: boolean;
     showCheckboxLabel?: boolean;
-    variant?: "standard" | "outlined" | "filled";
-    size?: "medium" | "small";
     inputLabel: string;
+    variant?: 'standard' | 'outlined' | 'filled';
+    size?: 'medium' | 'small';
     editableCellType: EditableCellType;
-    filterOptions?: HeadCell["filterOptions"];
-    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
-    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
-    validateInput?: HeadCell["validateInput"];
-    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
+    filterOptions?: HeadCell['filterOptions'];
+    refetchFilterOptions?: HeadCell['refetchFilterOptions'];
+    isFetchingFilterOptions?: HeadCell['isFetchingFilterOptions'];
+    validateInput?: HeadCell['validateInput'];
+    onUpdateEditableCell?: HeadCell['onUpdateEditableCell'];
 };
-declare const TableDesktopEditableField: React.NamedExoticComponent<TableDesktopEditableFieldProps>;
+declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
 
 type TableDesktopCellProps = {
     editableCellType?: EditableCellType;
@@ -1056,13 +1014,13 @@ type TableDesktopCellProps = {
     enableEditMode: boolean;
     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"];
+    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 TableDesktopCell: FC<TableDesktopCellProps>;
@@ -1171,4 +1129,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, type EditableCellType, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, type Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktop, TableDesktopCell, TableDesktopEditableField, TableDesktopFooter, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
+export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, EditableCellType, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, 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,11 @@
 import * as React from 'react';
-import React__default, { MouseEvent, ReactNode, ChangeEvent, FC, ComponentType, ReactElement, ComponentProps, SVGProps } from 'react';
+import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SelectChangeEvent, SxProps, Theme, MenuProps, Typography } from '@mui/material';
+import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, E as EditableCellType } from '../TableDesktop-aJHXhRuv.js';
+export { B as BulkChanges, j as BulkChangesDialogProps, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps } from '../TableDesktop-aJHXhRuv.js';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
+import { SxProps, Theme, MenuProps, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -47,80 +49,13 @@ interface IAppLabel {
 }
 declare const AppLabel: ({ appName }: IAppLabel) => react_jsx_runtime.JSX.Element;
 
-type TableDesktopFooterProps = {
-    numPages: number;
-    page: number;
-    pageSize: number;
-    pageSizeOptions: number[];
-    onPageChange: (event: ChangeEvent<unknown>, page: number) => void;
-    onPageSizeChange: (event: SelectChangeEvent<number>) => void;
-    refetch: () => Promise<unknown>;
-    isFetching: boolean;
-};
-declare const TableDesktopFooter: FC<TableDesktopFooterProps>;
-
-type Order = 'asc' | 'desc';
-type EditableCellType = 'select' | 'checkbox' | 'text' | 'numeric';
-type HeaderFilterObject = {
-    id: number | string;
-    [key: string]: number | string;
-};
-type HeaderFilterOptions = string[] | HeaderFilterObject[];
-type HeaderFilters = {
-    [key: string]: HeaderFilterOptions;
-};
-type HeadCell = {
-    id: string;
-    label?: string;
-    labelTooltip?: string;
-    fieldName?: string;
-    numeric?: boolean;
-    disablePadding?: boolean;
-    width?: number | string;
-    enabled?: boolean;
-    disableSort?: boolean;
-    RenderHeader?: ReactNode;
-    editableCellType?: EditableCellType;
-    validateInput?: (value: string | null) => boolean;
-    onUpdateEditableCell?: (rowId: number, field: string, value: string | number | boolean, label: string | number | boolean) => void;
-    filterOptions?: HeaderFilterOptions;
-    refetchFilterOptions?: () => void;
-    isFetchingFilterOptions?: boolean;
-    isAutocompleteFilterMenu?: boolean;
-    onAutocompleteFilterChange?: (value: string) => void;
-};
-type TableDesktopProps = {
-    data: any[];
+type AppliedTableFiltersDisplayProps = {
     headCells: HeadCell[];
-    RenderItem: ComponentType<any>;
-    components?: {
-        toolbar?: ComponentType<any>;
-    };
-    componentsProps?: {
-        toolbarProps?: any;
-        footerProps?: TableDesktopFooterProps;
-    };
-    appliedFilters?: any;
-    headerFilters?: HeaderFilters;
-    children?: ReactNode;
-    height?: number | string;
-    rowHeight?: number;
-    totalDataCount?: number;
-    isLoading?: boolean;
-    rowsPerPage?: number;
-    enableEditMode?: boolean;
-    enableCheckboxSelection?: boolean;
-    disableInternalSort?: boolean;
-    updateSort?: (sortField: string, sortDir: Order) => void;
-    showClearFilterButton?: boolean;
-    handleClickOnClearFiltersButton?: () => void;
-    deleteItem?: (id: number, contentTypeName?: string, appTypeName?: string) => void;
-    keyField?: string;
-    tableLayout?: 'fixed' | 'auto';
-    onApplyFilters?: (updatedFilters: HeaderFilters, shouldSave: boolean) => void;
-    shouldShowCheckOnFilter?: (columnId: string, filterOption: string | HeaderFilterObject) => boolean;
+    headerFilters: HeaderFilters;
+    hasAnyFiltersApplied: boolean;
+    onOpenClearFiltersDialog: () => void;
 };
-declare const TableDesktop: ({ data, headCells, RenderItem, appliedFilters, headerFilters, children, height, rowHeight, totalDataCount, isLoading, rowsPerPage, enableEditMode, enableCheckboxSelection, disableInternalSort, updateSort, showClearFilterButton, handleClickOnClearFiltersButton, deleteItem, keyField, tableLayout, onApplyFilters, shouldShowCheckOnFilter, components, componentsProps, }: TableDesktopProps) => react_jsx_runtime.JSX.Element;
+declare const AppliedTableFiltersDisplay: FC<AppliedTableFiltersDisplayProps>;
 
 type AutocompleteFilterMenuContentProps = {
     columnId: string;
@@ -131,9 +66,9 @@ type AutocompleteFilterMenuContentProps = {
     maxHeight?: number;
     onFilterOptionChange: (option: string | HeaderFilterObject) => void;
     onApplyFiltersClick: (shouldSave: boolean) => void;
-    filterOptions: HeadCell["filterOptions"];
-    onAutocompleteFilterChange: HeadCell["onAutocompleteFilterChange"];
-    shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
+    filterOptions: HeadCell['filterOptions'];
+    onAutocompleteSearch: HeadCell['onAutocompleteSearch'];
+    shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
 };
 declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentProps>;
 
@@ -292,13 +227,23 @@ type CheckboxFilterMenuContentProps = {
     filterOptions: HeaderFilterOptions;
     maxHeight?: number;
     width?: number;
-    shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
+    shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
     onSelectAllChange: (checked: boolean) => void;
     onFilterOptionChange: (option: string | HeaderFilterObject) => void;
     onApplyFiltersClick: (shouldSave: boolean) => void;
 };
 declare const CheckboxFilterMenuContent: FC<CheckboxFilterMenuContentProps>;
 
+type ClearFiltersConfirmationDialogProps = {
+    isOpen: boolean;
+    clearFiltersMode: 'unsaved' | 'saved';
+    hasAnyUnsavedFilters: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    onChangeClearFiltersMode: (mode: 'unsaved' | 'saved') => void;
+};
+declare const ClearFiltersConfirmationDialog: FC<ClearFiltersConfirmationDialogProps>;
+
 interface ICompanyLogo {
     size: 'small' | 'medium';
     color: 'light' | 'dark';
@@ -586,7 +531,7 @@ type FilterOptionsCheckboxesProps = {
     filterOptions: HeaderFilterOptions;
     selectedFilterOptions: HeaderFilterOptions;
     onFilterOptionChange: (option: string | HeaderFilterObject) => void;
-    shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
+    shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
 };
 declare const FilterOptionsCheckboxes: FC<FilterOptionsCheckboxesProps>;
 
@@ -644,6 +589,12 @@ declare const icons: {
     SvgIconTableEdit: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 };
 
+type LabeledValueListProps = {
+    label: string;
+    values: (string | number)[];
+};
+declare const LabeledValueList: FC<LabeledValueListProps>;
+
 interface VirtualizedListProps {
     headers?: any;
     items?: any;
@@ -836,7 +787,7 @@ declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeade
 
 type SearchFieldDebouncedProps = {
     onSearch: (value: string) => void;
-    variant?: "outlined" | "filled" | "standard";
+    variant?: 'outlined' | 'filled' | 'standard';
     hideSearchIcon?: boolean;
     initialValue?: string;
     debounceDelay?: number;
@@ -848,6 +799,13 @@ type SearchFieldDebouncedProps = {
 };
 declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
 
+type SearchHeaderProps = {
+    renderButton?: ReactNode;
+    children?: ReactNode;
+    onSearch: (value: string) => void;
+};
+declare const SearchHeader: React.MemoExoticComponent<({ renderButton, children, onSearch }: SearchHeaderProps) => react_jsx_runtime.JSX.Element>;
+
 interface ISearchWithFiltersProps {
     enterPressedInSearch?: () => void;
     filterClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -988,10 +946,10 @@ type SmartTableHeaderFilterMenuProps = {
     headCell: HeadCell;
     headerFilters: HeaderFilters;
     numActiveFilters: number;
-    shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
-    onApplyFilters?: TableDesktopProps["onApplyFilters"];
+    shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
+    onApplyFilters?: TableDesktopProps['onApplyFilters'];
 };
-declare const SmartTableHeaderFilterMenu: React__default.MemoExoticComponent<({ headCell, numActiveFilters, headerFilters, shouldShowCheckOnFilter, onApplyFilters, }: SmartTableHeaderFilterMenuProps) => react_jsx_runtime.JSX.Element>;
+declare const SmartTableHeaderFilterMenu: ({ headCell, numActiveFilters, headerFilters, shouldShowCheckOnFilter, onApplyFilters, }: SmartTableHeaderFilterMenuProps) => react_jsx_runtime.JSX.Element;
 
 type SmartTableHeaderProps = {
     order: Order;
@@ -1003,8 +961,8 @@ type SmartTableHeaderProps = {
     headerFilters: HeaderFilters;
     onRequestSort: (event: MouseEvent<unknown>, property: string) => void;
     onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;
-    onApplyFilters?: TableDesktopProps["onApplyFilters"];
-    shouldShowCheckOnFilter?: TableDesktopProps["shouldShowCheckOnFilter"];
+    onApplyFilters?: TableDesktopProps['onApplyFilters'];
+    shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
 };
 declare const SmartTableHeader: React.MemoExoticComponent<({ order, orderBy, headCells, numSelectedRows, numRows, enableCheckboxSelection, headerFilters, onRequestSort, onSelectAllClick, onApplyFilters, shouldShowCheckOnFilter, }: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
 
@@ -1035,17 +993,17 @@ type TableDesktopEditableFieldProps = {
     fieldName: string;
     disabled?: boolean;
     showCheckboxLabel?: boolean;
-    variant?: "standard" | "outlined" | "filled";
-    size?: "medium" | "small";
     inputLabel: string;
+    variant?: 'standard' | 'outlined' | 'filled';
+    size?: 'medium' | 'small';
     editableCellType: EditableCellType;
-    filterOptions?: HeadCell["filterOptions"];
-    refetchFilterOptions?: HeadCell["refetchFilterOptions"];
-    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
-    validateInput?: HeadCell["validateInput"];
-    onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
+    filterOptions?: HeadCell['filterOptions'];
+    refetchFilterOptions?: HeadCell['refetchFilterOptions'];
+    isFetchingFilterOptions?: HeadCell['isFetchingFilterOptions'];
+    validateInput?: HeadCell['validateInput'];
+    onUpdateEditableCell?: HeadCell['onUpdateEditableCell'];
 };
-declare const TableDesktopEditableField: React.NamedExoticComponent<TableDesktopEditableFieldProps>;
+declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
 
 type TableDesktopCellProps = {
     editableCellType?: EditableCellType;
@@ -1056,13 +1014,13 @@ type TableDesktopCellProps = {
     enableEditMode: boolean;
     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"];
+    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 TableDesktopCell: FC<TableDesktopCellProps>;
@@ -1171,4 +1129,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, type EditableCellType, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, type HeadCell, Header, type HeaderFilterObject, type HeaderFilterOptions, type HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, type Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktop, TableDesktopCell, TableDesktopEditableField, TableDesktopFooter, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
+export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, EditableCellType, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };