@natoora-libs/core 0.2.22-dev-doug-1 → 0.2.22-task-management-v1

package/dist/components/index.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import React__default, { MouseEvent, CSSProperties, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, 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 { 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-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 { 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 { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
-import { BoxProps, SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
+import { SxProps, Theme, SelectProps, MenuProps, Typography, AutocompleteProps, TextFieldProps } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -17,81 +17,6 @@ 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;
@@ -152,6 +77,7 @@ declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentPro
 interface BackHeaderProps {
     appName: string;
     onGoBackClick?: () => void;
+    sideComponent?: React.ReactElement;
 }
 declare const BackHeader: React.FC<BackHeaderProps>;
 
@@ -512,7 +438,6 @@ interface ControlledValidTextInputBaseProps {
     disabled?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
     className?: string;
-    sx?: BoxProps['sx'];
     maxLength?: number;
     'data-testid'?: string;
     form: UseFormReturn<any>;
@@ -561,21 +486,6 @@ 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;
@@ -754,12 +664,11 @@ 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__default.FC<PhoneInputProps>;
+declare const PhoneInput: React.FC<PhoneInputProps>;
 
 interface PlusMinusInputProps {
     allowNegative?: any;
@@ -880,17 +789,13 @@ interface SearchAndFilterHeaderForTableProps {
 declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
 
 type SearchFieldDebouncedProps = {
-    onSearch?: (value: string) => void;
-    value?: string;
-    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    onSearch: (value: string) => void;
     variant?: 'outlined' | 'filled' | 'standard';
     hideSearchIcon?: boolean;
     initialValue?: string;
     debounceDelay?: number;
     minCharacters?: number;
     sx?: SxProps<Theme>;
-    width?: number;
     inputProps?: {
         sx: SxProps<Theme>;
     };
@@ -899,15 +804,10 @@ declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>
 
 type SearchHeaderProps = {
     renderButton?: ReactNode;
-    renderExtraAction?: ReactNode;
     children?: ReactNode;
-    onSearch?: (value: string) => void;
-    value?: string;
-    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
-    width?: number;
+    onSearch: (value: string) => void;
 };
-declare const SearchHeader: ({ renderButton, renderExtraAction, children, onSearch, value, onChange, onKeyDown, width, }: SearchHeaderProps) => react_jsx_runtime.JSX.Element;
+declare const SearchHeader: React.MemoExoticComponent<({ renderButton, children, onSearch }: SearchHeaderProps) => react_jsx_runtime.JSX.Element>;
 
 interface ISearchWithFiltersProps {
     enterPressedInSearch?: () => void;
@@ -1060,12 +960,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;
 };
@@ -1172,8 +1073,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, 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, 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, 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, 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, CSSProperties, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, 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 { 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-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 { 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 { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
-import { BoxProps, SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
+import { SxProps, Theme, SelectProps, MenuProps, Typography, AutocompleteProps, TextFieldProps } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -17,81 +17,6 @@ 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;
@@ -152,6 +77,7 @@ declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentPro
 interface BackHeaderProps {
     appName: string;
     onGoBackClick?: () => void;
+    sideComponent?: React.ReactElement;
 }
 declare const BackHeader: React.FC<BackHeaderProps>;
 
@@ -512,7 +438,6 @@ interface ControlledValidTextInputBaseProps {
     disabled?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
     className?: string;
-    sx?: BoxProps['sx'];
     maxLength?: number;
     'data-testid'?: string;
     form: UseFormReturn<any>;
@@ -561,21 +486,6 @@ 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;
@@ -754,12 +664,11 @@ 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__default.FC<PhoneInputProps>;
+declare const PhoneInput: React.FC<PhoneInputProps>;
 
 interface PlusMinusInputProps {
     allowNegative?: any;
@@ -880,17 +789,13 @@ interface SearchAndFilterHeaderForTableProps {
 declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
 
 type SearchFieldDebouncedProps = {
-    onSearch?: (value: string) => void;
-    value?: string;
-    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    onSearch: (value: string) => void;
     variant?: 'outlined' | 'filled' | 'standard';
     hideSearchIcon?: boolean;
     initialValue?: string;
     debounceDelay?: number;
     minCharacters?: number;
     sx?: SxProps<Theme>;
-    width?: number;
     inputProps?: {
         sx: SxProps<Theme>;
     };
@@ -899,15 +804,10 @@ declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>
 
 type SearchHeaderProps = {
     renderButton?: ReactNode;
-    renderExtraAction?: ReactNode;
     children?: ReactNode;
-    onSearch?: (value: string) => void;
-    value?: string;
-    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
-    width?: number;
+    onSearch: (value: string) => void;
 };
-declare const SearchHeader: ({ renderButton, renderExtraAction, children, onSearch, value, onChange, onKeyDown, width, }: SearchHeaderProps) => react_jsx_runtime.JSX.Element;
+declare const SearchHeader: React.MemoExoticComponent<({ renderButton, children, onSearch }: SearchHeaderProps) => react_jsx_runtime.JSX.Element>;
 
 interface ISearchWithFiltersProps {
     enterPressedInSearch?: () => void;
@@ -1060,12 +960,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;
 };
@@ -1172,8 +1073,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, 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, 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, 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, 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 };