@natoora-libs/core 0.2.41 → 0.2.42

package/dist/components/index.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
+import React__default, { MouseEvent, CSSProperties, ReactNode, FC, ReactElement, KeyboardEvent, Ref, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, E as EditableCellType } from '../TableDesktop-4tjwQjmc.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-4tjwQjmc.cjs';
-import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
+import { UseFormReturn, Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, FieldValues, Path } from 'react-hook-form';
+import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-BQk0gStR.cjs';
+export { B as BulkChanges, d as BulkChangesDialogProps, E as EditableCellType, e as ExportCsvDialogProps, f as TableColumnConfigurationMenuProps, g as TableDesktop, h as TableDesktopFooter, i as TableDesktopFooterProps, j as TableDesktopToolbar, k as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-BQk0gStR.cjs';
 import { UseMutateAsyncFunction } from 'react-query';
-import { SxProps, Theme, MenuProps, Typography } from '@mui/material';
+import { BoxProps, SxProps, Theme, SelectProps, MenuProps, Typography, AutocompleteProps, TextFieldProps } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -17,6 +17,82 @@ type ActiveFiltersIconButtonProps = {
 };
 declare const ActiveFiltersIconButton: React.MemoExoticComponent<({ label, className, enableRipple, numActiveFilters, handleClick, }: ActiveFiltersIconButtonProps) => react_jsx_runtime.JSX.Element>;
 
+type AddressOption = {
+    label: string;
+    placeId: string;
+};
+type ProcessedAddress = {
+    line1?: string;
+    line2?: string;
+    city?: string;
+    county?: string;
+    state?: AddressState | null;
+    country?: {
+        code: string;
+        name: string;
+    };
+    postcode?: string;
+};
+type GoogleAddressComponent = {
+    types: string[];
+    long_name: string;
+    short_name: string;
+};
+type GooglePlacesRawData = {
+    status: string;
+    result: {
+        address_components: GoogleAddressComponent[];
+    };
+};
+type GooglePlacesAddressAutocompleteProps = {
+    apiKey: string;
+    googlePlacesRawData?: GooglePlacesRawData;
+    isGooglePlacesRawDataFetching?: boolean;
+    addressOption: AddressOption | null;
+    onChangeAddressOption: (newAddressOption: AddressOption | null) => void;
+    onAddressSelected?: (processedAddress: ProcessedAddress) => void;
+    onClearAddressOption?: () => void;
+    containerStyles?: CSSProperties;
+};
+declare const GooglePlacesAddressAutocomplete: ({ apiKey, googlePlacesRawData, isGooglePlacesRawDataFetching, addressOption, onChangeAddressOption, onAddressSelected, onClearAddressOption, containerStyles, }: GooglePlacesAddressAutocompleteProps) => react_jsx_runtime.JSX.Element;
+
+type AddressCountry = {
+    code: string;
+    name: string;
+};
+type AddressState = {
+    id: number;
+    name: string;
+    abbreviation?: string | null;
+    country?: string | null;
+};
+type BaseAddressFormFields = {
+    name: string;
+    line1: string;
+    line2?: string | null;
+    primary_phone_number?: string | null;
+    city: string;
+    county?: string | null;
+    postcode: string;
+    country: AddressCountry;
+    state?: AddressState | null;
+};
+type AddressFormFieldsProps = {
+    form: UseFormReturn<BaseAddressFormFields>;
+    hidePrimaryPhoneNumberField?: boolean;
+    countriesSelectProps: {
+        countries: AddressCountry[];
+        isCountriesFetching: boolean;
+        refetchCountries: () => void;
+    };
+    statesSelectProps: {
+        addressStates: AddressState[];
+        isAddressStatesFetching: boolean;
+    };
+    googlePlacesAutocompleteProps?: GooglePlacesAddressAutocompleteProps;
+};
+declare const AddressFormFields: ({ form, hidePrimaryPhoneNumberField, countriesSelectProps: { countries, isCountriesFetching, refetchCountries }, statesSelectProps: { addressStates, isAddressStatesFetching }, googlePlacesAutocompleteProps, }: AddressFormFieldsProps) => react_jsx_runtime.JSX.Element;
+
 interface AlertDialogProps {
     open: boolean;
     alertTitle?: string;
@@ -30,6 +106,8 @@ interface AlertDialogProps {
     rejectCopy?: string;
     acceptCopy?: string;
     disabledContentPadding?: boolean;
+    disableEnforceFocus?: boolean;
+    disableRestoreFocus?: boolean;
 }
 declare const AlertDialog: React.FC<AlertDialogProps>;
 
@@ -67,7 +145,7 @@ type AutocompleteFilterMenuContentProps = {
     onFilterOptionChange: (option: string | HeaderFilterObject) => void;
     onApplyFiltersClick: (shouldSave: boolean) => void;
     filterOptions: HeadCell['filterOptions'];
-    onAutocompleteFilterChange: HeadCell['onAutocompleteFilterChange'];
+    onAutocompleteSearch: HeadCell['onAutocompleteSearch'];
     shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
 };
 declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentProps>;
@@ -75,6 +153,7 @@ declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentPro
 interface BackHeaderProps {
     appName: string;
     onGoBackClick?: () => void;
+    sideComponent?: React.ReactElement;
 }
 declare const BackHeader: React.FC<BackHeaderProps>;
 
@@ -93,7 +172,7 @@ interface BoxButtonProps {
     extra?: any;
     borderColor?: any;
 }
-declare const _default$k: 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';
@@ -102,7 +181,7 @@ interface IExtendedButton {
     copy: string;
     disabled?: boolean;
     href?: string;
-    onClick?: () => void;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     subcopy?: string;
     tooltip?: string;
     component?: React.ElementType;
@@ -110,7 +189,7 @@ interface IExtendedButton {
     variant?: 'contained' | 'outlined' | 'text';
     copyColor?: string;
 }
-declare const _default$j: 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;
@@ -120,11 +199,11 @@ interface IFilledButton {
     isLoading?: boolean;
     disabled?: boolean;
     href?: string;
-    onClick?: () => void;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
     type?: 'button' | 'submit';
     variant?: 'contained' | 'outlined' | 'text';
 }
-declare const _default$i: React.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
+declare const _default$k: React__default.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
 
 interface FilledButtonLgProps {
     classes?: any;
@@ -140,14 +219,14 @@ interface FilledButtonLgProps {
         style?: string;
     };
 }
-declare const _default$h: 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$g: 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;
@@ -172,13 +251,13 @@ interface OutlinedButtonProps {
     disabled?: any;
     href?: any;
     isLoading?: any;
-    onClick?: any;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
     startIcon?: any;
     style?: any;
     subcopy?: any;
     type?: any;
 }
-declare const _default$f: React.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$h: React__default.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
 
 interface AButtonProps {
     classes?: any;
@@ -186,7 +265,7 @@ interface AButtonProps {
     color?: string;
     copy?: any;
 }
-declare const _default$e: 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;
@@ -194,12 +273,12 @@ interface IRoundButton {
     className?: string;
     disabled?: boolean;
     focused?: boolean;
-    icon?: 'add' | 'apps' | 'arrowBack' | 'arrowForward' | 'avocado' | 'backspaceOutlined' | 'banana' | 'block' | 'bulk' | 'callSplit' | 'chevronRight' | 'chevronUp' | 'chevronDown' | 'close' | 'delete' | 'done' | 'edit' | 'email' | 'grape' | 'groupAdd' | 'history' | 'menu' | 'notes' | 'refresh' | 'remove' | 'search' | 'send' | 'strawberry' | 'thumbDown' | 'threeDots' | 'thumbUp' | 'undo' | 'play' | 'snail' | 'bus' | 'spoon' | 'fork' | 'car' | 'knife' | 'bicycle' | 'heart' | 'airplane' | 'threeDots';
+    icon?: 'add' | 'apps' | 'arrowBack' | 'arrowForward' | 'avocado' | 'backspaceOutlined' | 'banana' | 'block' | 'bulk' | 'callSplit' | 'chevronRight' | 'chevronUp' | 'chevronDown' | 'close' | 'delete' | 'done' | 'edit' | 'email' | 'grape' | 'groupAdd' | 'history' | 'menu' | 'notes' | 'refresh' | 'remove' | 'search' | 'send' | 'strawberry' | 'thumbDown' | 'threeDots' | 'thumbUp' | 'undo' | 'play' | 'snail' | 'bus' | 'spoon' | 'fork' | 'car' | 'knife' | 'bicycle' | 'heart' | 'airplane' | 'threeDots' | 'swapHoriz';
     iconColor?: 'inherit' | 'disabled' | 'primary' | 'secondary' | 'action' | 'error';
     isContrast?: boolean;
     isTableButton?: boolean;
     noStrokes?: boolean;
-    onClick?: (event: any) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
     size?: 'small' | 'medium' | 'large' | 'double';
     tooltip?: string;
     variant?: 'default' | 'defaultPrimary' | 'defaultError' | 'filled' | 'primary' | 'secondary';
@@ -212,7 +291,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$d: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
+declare const _default$f: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
 
 interface ActionButtonProps {
     app?: any;
@@ -435,6 +514,7 @@ interface ControlledValidTextInputBaseProps {
     disabled?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
     className?: string;
+    sx?: BoxProps['sx'];
     maxLength?: number;
     'data-testid'?: string;
     form: UseFormReturn<any>;
@@ -474,14 +554,29 @@ interface IDeleteSubstitutionDialogContent {
     deleteSubstitution: () => void;
     substitutionName: string;
 }
-declare const _default$c: 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$b: 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>;
+
+type BaseDeliveryInstructionsFormFields = {
+    alarm_code?: string | null;
+    door_code?: string | null;
+    keys_code?: string | null;
+    preferred_delivery_window?: string | null;
+    invoice_signature_required?: boolean;
+    delivery_instructions?: string | null;
+};
+type DeliveryInstructionsFormFieldsProps<T extends BaseDeliveryInstructionsFormFields & FieldValues> = {
+    form: UseFormReturn<T>;
+    onTextFieldsBlur?: (fieldName: Path<T>) => void;
+    onInvoiceSignatureCheckboxChange?: (checked: boolean) => void;
+};
+declare const DeliveryInstructionsFormFields: <T extends BaseDeliveryInstructionsFormFields & FieldValues>({ form, onTextFieldsBlur, onInvoiceSignatureCheckboxChange, }: DeliveryInstructionsFormFieldsProps<T>) => react_jsx_runtime.JSX.Element;
 
 type DynamicOverflowTooltipProps = {
     arrow?: boolean;
@@ -500,7 +595,7 @@ interface FilledLabelProps {
     color?: string;
     copy?: any;
 }
-declare const _default$a: 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;
@@ -539,7 +634,30 @@ interface FixedFooterProps {
     children: React.ReactNode;
     justifyContent?: string;
 }
-declare const _default$9: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$b: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
+
+type GlobalSearchTriggerProps = {
+    onClick?: () => void;
+    onFocus?: () => void;
+    onChange?: (value: string) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    readOnly?: boolean;
+    placeholder?: string;
+    ariaLabel?: string;
+    shortcutLabel?: string;
+    value?: string;
+    minWidth?: number | string;
+    sx?: SxProps<Theme>;
+    ref?: Ref<HTMLDivElement>;
+    inputRef?: Ref<HTMLInputElement>;
+};
+declare const _default$a: React.MemoExoticComponent<({ onClick, onFocus, onChange, onKeyDown, readOnly, placeholder, ariaLabel, shortcutLabel, value, minWidth, sx, ref, inputRef, }: GlobalSearchTriggerProps) => react_jsx_runtime.JSX.Element>;
+
+type GlobalSearchProps = {
+    onNavigate?(route: string): void;
+    shouldUseWindowLocation?(path: string): boolean;
+};
+declare const _default$9: React.MemoExoticComponent<({ onNavigate, shouldUseWindowLocation, }: GlobalSearchProps) => react_jsx_runtime.JSX.Element>;
 
 interface HeaderProps {
     appName: any;
@@ -661,11 +779,12 @@ interface PhoneInputProps {
     value?: string | null;
     onChange?: (phone: string | null) => void;
     placeholder?: string;
+    sx?: BoxProps['sx'];
     className?: string;
     label?: string;
     error?: boolean;
 }
-declare const PhoneInput: React.FC<PhoneInputProps>;
+declare const PhoneInput: React__default.FC<PhoneInputProps>;
 
 interface PlusMinusInputProps {
     allowNegative?: any;
@@ -786,13 +905,17 @@ interface SearchAndFilterHeaderForTableProps {
 declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
 
 type SearchFieldDebouncedProps = {
-    onSearch: (value: string) => void;
+    onSearch?: (value: string) => void;
+    value?: string;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
     variant?: 'outlined' | 'filled' | 'standard';
     hideSearchIcon?: boolean;
     initialValue?: string;
     debounceDelay?: number;
     minCharacters?: number;
     sx?: SxProps<Theme>;
+    width?: number;
     inputProps?: {
         sx: SxProps<Theme>;
     };
@@ -801,10 +924,15 @@ declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>
 
 type SearchHeaderProps = {
     renderButton?: ReactNode;
+    renderExtraAction?: ReactNode;
     children?: ReactNode;
-    onSearch: (value: string) => void;
+    onSearch?: (value: string) => void;
+    value?: string;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    width?: number;
 };
-declare const SearchHeader: React.MemoExoticComponent<({ renderButton, children, onSearch }: SearchHeaderProps) => react_jsx_runtime.JSX.Element>;
+declare const SearchHeader: ({ renderButton, renderExtraAction, children, onSearch, value, onChange, onKeyDown, width, }: SearchHeaderProps) => react_jsx_runtime.JSX.Element;
 
 interface ISearchWithFiltersProps {
     enterPressedInSearch?: () => void;
@@ -829,7 +957,7 @@ interface SearchWithFiltersForTableProps {
 }
 declare const _default$5: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
 
-interface ISectionName {
+interface SectionNameProps {
     name: string;
     tooltipDescription?: string;
     sectionId?: string;
@@ -839,7 +967,7 @@ interface ISectionName {
     buttonDisabled?: boolean;
     openHistoryLog?: () => void;
 }
-declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: ISectionName) => react_jsx_runtime.JSX.Element;
+declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: SectionNameProps) => react_jsx_runtime.JSX.Element;
 
 type Option = {
     value?: string | number;
@@ -847,85 +975,45 @@ type Option = {
     disabled?: boolean;
 };
 interface SmartSelectProps {
-    /**
-     * The current selected value of the select input. It can be a string, number, or null.
-     * If null, it indicates that no value is selected.
-     */
     value?: string | number | null;
-    /**
-     * The default option that is displayed when no value is selected.
-     * This is an object with a value and a label. If null, no default option is shown.
-     */
     defaultOption?: Option;
-    /**
-     * An array of available options to display in the select dropdown.
-     * Each option is an object with `value` and `label` properties.
-     */
     options?: Option[];
-    /**
-     * A function to refetch data if there are no options available in the dropdown.
-     * It can be called when the dropdown is opened and the list of options is empty.
-     */
     refetch?: () => void;
-    /**
-     * A boolean indicating whether the component is fetching data.
-     * If true, the loading spinner will be shown in the dropdown.
-     */
     isFetching?: boolean;
-    /**
-     * Callback function called when an option is selected from the dropdown.
-     * The selected option is passed as an argument to this function.
-     */
     onChange: (selectedOption: Option) => void;
-    /**
-     * A label for the select input. It will be displayed above the select dropdown.
-     */
+    onKeyDownCapture?: (event: KeyboardEvent<HTMLDivElement>) => void;
     inputLabel?: string;
-    /**
-     * Style variant to choose.
-     */
-    variant?: 'standard' | 'outlined' | 'filled';
-    /**
-     * Size to choose.
-     */
-    size?: 'medium' | 'small';
-    /**
-     * A boolean indicating validation error.
-     * It allows use of error styling when validation is required.
-     */
+    variant?: SelectProps['variant'];
+    size?: SelectProps['size'];
     error?: boolean;
-    /**
-     * Helper text that is displayed below the select input.
-     * It can be used to provide additional information or instructions to the user.
-     */
     helperText?: string;
-    /**
-     * A boolean indicating whether the select input is disabled.
-     * If true, the input will be disabled, and users will not be able to interact with it.
-     */
     disabled?: boolean;
-    /**
-     * A boolean indicating whether the select should include a blank option.
-     */
     allowBlankOption?: boolean;
-    /**
-     * The `data-testid` attribute used for testing purposes.
-     * It is helpful to uniquely identify the component in automated tests.
-     */
     'data-testid'?: string;
-    /**
-     * A message to display when there are no options available in the dropdown.
-     * It will be shown when `isFetching` is false and `options` is empty.
-     * The default message is 'No options'.
-     */
     emptyMessage?: string;
-    /**
-     * Manage the MenuProps
-     */
     menuProps?: Partial<MenuProps>;
 }
 declare const SmartSelect: React.ForwardRefExoticComponent<SmartSelectProps & React.RefAttributes<unknown>>;
 
+type SmartMultipleSelectProps = {
+    inputLabel?: string;
+    variant?: SelectProps['variant'];
+    size?: SelectProps['size'];
+    error?: boolean;
+    values?: Option[];
+    defaultValues?: Option[];
+    onOpen?: () => void;
+    onChange?: (values: Option[]) => void;
+    onClose?: (values: Option[]) => void;
+    menuOptions?: Option[];
+    isLoading?: boolean;
+    disabled?: boolean;
+    emptyMessage?: string;
+    helperText?: string;
+    menuProps?: Partial<MenuProps>;
+};
+declare const SmartMultipleSelect: FC<SmartMultipleSelectProps>;
+
 interface SquareLabelProps {
     color?: string;
     copy?: any;
@@ -949,7 +1037,7 @@ type SmartTableHeaderFilterMenuProps = {
     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;
@@ -987,40 +1075,25 @@ interface TableProps {
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
 type TableDesktopEditableFieldProps = {
+    headCell: HeadCell;
     editInitialValue?: any;
-    rowId?: number;
-    field: string;
-    fieldName: string;
+    rowId?: RowId;
     disabled?: boolean;
     showCheckboxLabel?: boolean;
-    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'];
+    onUpdateEditableCell: HeadCell['onUpdateEditableCell'];
 };
 declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
 
+type ReadOnlyValue = string | number | boolean | ReactNode;
 type TableDesktopCellProps = {
-    editableCellType?: EditableCellType;
     editInitialValue: any;
-    rowId: number;
-    field: string;
-    fieldName: string;
+    rowId: RowId;
     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'];
+    readOnlyValue: ReadOnlyValue;
+    headCell: HeadCell;
     onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
 };
 declare const TableDesktopCell: FC<TableDesktopCellProps>;
@@ -1069,9 +1142,11 @@ type Props = {
     handleOpen: () => void;
     LeftDrawer: ReactNode;
     leftSection?: ReactNode;
+    centerSection?: ReactNode;
     rightSection?: ReactNode;
+    isAuthenticated?: boolean;
 };
-declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, leftSection, rightSection, }: Props) => react_jsx_runtime.JSX.Element>;
+declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, leftSection, centerSection, rightSection, isAuthenticated, }: Props) => react_jsx_runtime.JSX.Element>;
 
 type IToastMessage = {
     toastType: 'success' | 'info' | 'warning' | 'error';
@@ -1125,8 +1200,26 @@ type UserBustProps = {
 };
 declare const _default: React.MemoExoticComponent<({ user, avatarProps, typographyProps }: UserBustProps) => react_jsx_runtime.JSX.Element>;
 
+type Tag = {
+    id: number;
+    tag: string;
+};
+type AutocompleteType<T extends Tag> = AutocompleteProps<T, false, false, false>;
+interface HashtagInputProps extends Omit<AutocompleteType<any>, 'options' | 'renderInput'> {
+    label?: TextFieldProps['label'];
+    placeholder?: TextFieldProps['placeholder'];
+    variant?: TextFieldProps['variant'];
+    error?: TextFieldProps['error'];
+    helperText?: TextFieldProps['helperText'];
+    autoFocus?: TextFieldProps['autoFocus'];
+    disableOnBlurCreation?: boolean;
+    onCreateTag?: (tagName?: string) => void;
+    onDeleteTag?: (tag?: Tag | string) => void;
+}
+declare const HashtagInput: ({ label, placeholder, variant, error, helperText, onCreateTag, onDeleteTag, autoFocus, disableOnBlurCreation, onBlur, ...props }: HashtagInputProps) => 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 { 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 };
+export { ActiveFiltersIconButton, AddressFormFields, type AddressOption, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$m as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$e as DeleteSubstitutionDialogContent, _default$d as DeleteUserDialogContent, DeliveryInstructionsFormFields, DynamicOverflowTooltip, _default$l as ExtendedButton, FileCard, _default$k as FilledButton, _default$j as FilledButtonLg, _default$c as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$b as FixedFooter, _default$9 as GlobalSearch, _default$a as GlobalSearchTrigger, GooglePlacesAddressAutocomplete, HashtagInput, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$i as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, type Option, 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, RowId, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, 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 };