@natoora-libs/core 0.2.22 → 0.2.23-dev-doug-1

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, 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, R as RowId } from '../TableDesktop-wpKCBVE4.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-wpKCBVE4.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, SelectProps, 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,81 @@ 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>;
+    countriesSelectProps: {
+        countries: AddressCountry[];
+        isCountriesFetching: boolean;
+        refetchCountries: () => void;
+    };
+    statesSelectProps: {
+        addressStates: AddressState[];
+        isAddressStatesFetching: boolean;
+    };
+    googlePlacesAutocompleteProps?: GooglePlacesAddressAutocompleteProps;
+};
+declare const AddressFormFields: ({ form, countriesSelectProps: { countries, isCountriesFetching, refetchCountries }, statesSelectProps: { addressStates, isAddressStatesFetching }, googlePlacesAutocompleteProps, }: AddressFormFieldsProps) => react_jsx_runtime.JSX.Element;
+
 interface AlertDialogProps {
     open: boolean;
     alertTitle?: string;
@@ -437,6 +512,7 @@ interface ControlledValidTextInputBaseProps {
     disabled?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
     className?: string;
+    sx?: BoxProps['sx'];
     maxLength?: number;
     'data-testid'?: string;
     form: UseFormReturn<any>;
@@ -485,6 +561,21 @@ interface IDeleteUserDialogContent {
 }
 declare const _default$b: 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;
     maxWidth?: number | string;
@@ -663,11 +754,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;
@@ -788,13 +880,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>;
     };
@@ -803,10 +899,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;
@@ -959,12 +1060,13 @@ type TableDesktopEditableFieldProps = {
 };
 declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
 
+type ReadOnlyValue = string | number | boolean | ReactNode;
 type TableDesktopCellProps = {
     editInitialValue: any;
     rowId: RowId;
     enableEditMode: boolean;
     disabled?: boolean;
-    readOnlyValue: string | number | boolean;
+    readOnlyValue: ReadOnlyValue;
     headCell: HeadCell;
     onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
 };
@@ -1071,8 +1173,24 @@ 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'];
+    onCreateTag?: (tagName?: string) => void;
+    onDeleteTag?: (tag?: Tag | string) => void;
+}
+declare const HashtagInput: ({ label, placeholder, variant, error, helperText, onCreateTag, onDeleteTag, ...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, _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, type Option, 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, 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 };
+export { ActiveFiltersIconButton, AddressFormFields, type AddressOption, 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, DeliveryInstructionsFormFields, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, GooglePlacesAddressAutocomplete, HashtagInput, 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, type Option, 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, 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 };

package/dist/components/index.d.ts

@@ -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, 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, R as RowId } from '../TableDesktop-wpKCBVE4.js';
-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-wpKCBVE4.js';
-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.js';
+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.js';
 import { UseMutateAsyncFunction } from 'react-query';
-import { SxProps, Theme, SelectProps, 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,81 @@ 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>;
+    countriesSelectProps: {
+        countries: AddressCountry[];
+        isCountriesFetching: boolean;
+        refetchCountries: () => void;
+    };
+    statesSelectProps: {
+        addressStates: AddressState[];
+        isAddressStatesFetching: boolean;
+    };
+    googlePlacesAutocompleteProps?: GooglePlacesAddressAutocompleteProps;
+};
+declare const AddressFormFields: ({ form, countriesSelectProps: { countries, isCountriesFetching, refetchCountries }, statesSelectProps: { addressStates, isAddressStatesFetching }, googlePlacesAutocompleteProps, }: AddressFormFieldsProps) => react_jsx_runtime.JSX.Element;
+
 interface AlertDialogProps {
     open: boolean;
     alertTitle?: string;
@@ -437,6 +512,7 @@ interface ControlledValidTextInputBaseProps {
     disabled?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
     className?: string;
+    sx?: BoxProps['sx'];
     maxLength?: number;
     'data-testid'?: string;
     form: UseFormReturn<any>;
@@ -485,6 +561,21 @@ interface IDeleteUserDialogContent {
 }
 declare const _default$b: 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;
     maxWidth?: number | string;
@@ -663,11 +754,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;
@@ -788,13 +880,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>;
     };
@@ -803,10 +899,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;
@@ -959,12 +1060,13 @@ type TableDesktopEditableFieldProps = {
 };
 declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
 
+type ReadOnlyValue = string | number | boolean | ReactNode;
 type TableDesktopCellProps = {
     editInitialValue: any;
     rowId: RowId;
     enableEditMode: boolean;
     disabled?: boolean;
-    readOnlyValue: string | number | boolean;
+    readOnlyValue: ReadOnlyValue;
     headCell: HeadCell;
     onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
 };
@@ -1071,8 +1173,24 @@ 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'];
+    onCreateTag?: (tagName?: string) => void;
+    onDeleteTag?: (tag?: Tag | string) => void;
+}
+declare const HashtagInput: ({ label, placeholder, variant, error, helperText, onCreateTag, onDeleteTag, ...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, _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, type Option, 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, 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 };
+export { ActiveFiltersIconButton, AddressFormFields, type AddressOption, 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, DeliveryInstructionsFormFields, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, GooglePlacesAddressAutocomplete, HashtagInput, 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, type Option, 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, 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 };