@natoora-libs/core 0.2.24 → 0.2.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,11 +1,11 @@
1
1
  import * as React from 'react';
2
- import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
2
+ import React__default, { MouseEvent, CSSProperties, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
+ import { UseFormReturn, Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, FieldValues, Path } from 'react-hook-form';
4
5
  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';
5
6
  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';
6
- import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
7
7
  import { UseMutateAsyncFunction } from 'react-query';
8
- import { SxProps, Theme, SelectProps, MenuProps, Typography, AutocompleteProps, TextFieldProps } from '@mui/material';
8
+ import { BoxProps, SxProps, Theme, SelectProps, MenuProps, Typography, AutocompleteProps, TextFieldProps } from '@mui/material';
9
9
  import { DateRangePickerShape } from 'react-dates';
10
10
 
11
11
  type ActiveFiltersIconButtonProps = {
@@ -17,6 +17,81 @@ type ActiveFiltersIconButtonProps = {
17
17
  };
18
18
  declare const ActiveFiltersIconButton: React.MemoExoticComponent<({ label, className, enableRipple, numActiveFilters, handleClick, }: ActiveFiltersIconButtonProps) => react_jsx_runtime.JSX.Element>;
19
19
 
20
+ type AddressOption = {
21
+ label: string;
22
+ placeId: string;
23
+ };
24
+ type ProcessedAddress = {
25
+ line1?: string;
26
+ line2?: string;
27
+ city?: string;
28
+ county?: string;
29
+ state?: AddressState | null;
30
+ country?: {
31
+ code: string;
32
+ name: string;
33
+ };
34
+ postcode?: string;
35
+ };
36
+ type GoogleAddressComponent = {
37
+ types: string[];
38
+ long_name: string;
39
+ short_name: string;
40
+ };
41
+ type GooglePlacesRawData = {
42
+ status: string;
43
+ result: {
44
+ address_components: GoogleAddressComponent[];
45
+ };
46
+ };
47
+ type GooglePlacesAddressAutocompleteProps = {
48
+ apiKey: string;
49
+ googlePlacesRawData?: GooglePlacesRawData;
50
+ isGooglePlacesRawDataFetching?: boolean;
51
+ addressOption: AddressOption | null;
52
+ onChangeAddressOption: (newAddressOption: AddressOption | null) => void;
53
+ onAddressSelected?: (processedAddress: ProcessedAddress) => void;
54
+ onClearAddressOption?: () => void;
55
+ containerStyles?: CSSProperties;
56
+ };
57
+ declare const GooglePlacesAddressAutocomplete: ({ apiKey, googlePlacesRawData, isGooglePlacesRawDataFetching, addressOption, onChangeAddressOption, onAddressSelected, onClearAddressOption, containerStyles, }: GooglePlacesAddressAutocompleteProps) => react_jsx_runtime.JSX.Element;
58
+
59
+ type AddressCountry = {
60
+ code: string;
61
+ name: string;
62
+ };
63
+ type AddressState = {
64
+ id: number;
65
+ name: string;
66
+ abbreviation?: string | null;
67
+ country?: string | null;
68
+ };
69
+ type BaseAddressFormFields = {
70
+ name: string;
71
+ line1: string;
72
+ line2?: string | null;
73
+ primary_phone_number?: string | null;
74
+ city: string;
75
+ county?: string | null;
76
+ postcode: string;
77
+ country: AddressCountry;
78
+ state?: AddressState | null;
79
+ };
80
+ type AddressFormFieldsProps = {
81
+ form: UseFormReturn<BaseAddressFormFields>;
82
+ countriesSelectProps: {
83
+ countries: AddressCountry[];
84
+ isCountriesFetching: boolean;
85
+ refetchCountries: () => void;
86
+ };
87
+ statesSelectProps: {
88
+ addressStates: AddressState[];
89
+ isAddressStatesFetching: boolean;
90
+ };
91
+ googlePlacesAutocompleteProps?: GooglePlacesAddressAutocompleteProps;
92
+ };
93
+ declare const AddressFormFields: ({ form, countriesSelectProps: { countries, isCountriesFetching, refetchCountries }, statesSelectProps: { addressStates, isAddressStatesFetching }, googlePlacesAutocompleteProps, }: AddressFormFieldsProps) => react_jsx_runtime.JSX.Element;
94
+
20
95
  interface AlertDialogProps {
21
96
  open: boolean;
22
97
  alertTitle?: string;
@@ -77,6 +152,7 @@ declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentPro
77
152
  interface BackHeaderProps {
78
153
  appName: string;
79
154
  onGoBackClick?: () => void;
155
+ sideComponent?: React.ReactElement;
80
156
  }
81
157
  declare const BackHeader: React.FC<BackHeaderProps>;
82
158
 
@@ -437,6 +513,7 @@ interface ControlledValidTextInputBaseProps {
437
513
  disabled?: boolean;
438
514
  variant?: 'standard' | 'outlined' | 'filled';
439
515
  className?: string;
516
+ sx?: BoxProps['sx'];
440
517
  maxLength?: number;
441
518
  'data-testid'?: string;
442
519
  form: UseFormReturn<any>;
@@ -485,6 +562,21 @@ interface IDeleteUserDialogContent {
485
562
  }
486
563
  declare const _default$b: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
487
564
 
565
+ type BaseDeliveryInstructionsFormFields = {
566
+ alarm_code?: string | null;
567
+ door_code?: string | null;
568
+ keys_code?: string | null;
569
+ preferred_delivery_window?: string | null;
570
+ invoice_signature_required?: boolean;
571
+ delivery_instructions?: string | null;
572
+ };
573
+ type DeliveryInstructionsFormFieldsProps<T extends BaseDeliveryInstructionsFormFields & FieldValues> = {
574
+ form: UseFormReturn<T>;
575
+ onTextFieldsBlur?: (fieldName: Path<T>) => void;
576
+ onInvoiceSignatureCheckboxChange?: (checked: boolean) => void;
577
+ };
578
+ declare const DeliveryInstructionsFormFields: <T extends BaseDeliveryInstructionsFormFields & FieldValues>({ form, onTextFieldsBlur, onInvoiceSignatureCheckboxChange, }: DeliveryInstructionsFormFieldsProps<T>) => react_jsx_runtime.JSX.Element;
579
+
488
580
  type DynamicOverflowTooltipProps = {
489
581
  arrow?: boolean;
490
582
  maxWidth?: number | string;
@@ -663,11 +755,12 @@ interface PhoneInputProps {
663
755
  value?: string | null;
664
756
  onChange?: (phone: string | null) => void;
665
757
  placeholder?: string;
758
+ sx?: BoxProps['sx'];
666
759
  className?: string;
667
760
  label?: string;
668
761
  error?: boolean;
669
762
  }
670
- declare const PhoneInput: React.FC<PhoneInputProps>;
763
+ declare const PhoneInput: React__default.FC<PhoneInputProps>;
671
764
 
672
765
  interface PlusMinusInputProps {
673
766
  allowNegative?: any;
@@ -788,13 +881,17 @@ interface SearchAndFilterHeaderForTableProps {
788
881
  declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
789
882
 
790
883
  type SearchFieldDebouncedProps = {
791
- onSearch: (value: string) => void;
884
+ onSearch?: (value: string) => void;
885
+ value?: string;
886
+ onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
887
+ onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
792
888
  variant?: 'outlined' | 'filled' | 'standard';
793
889
  hideSearchIcon?: boolean;
794
890
  initialValue?: string;
795
891
  debounceDelay?: number;
796
892
  minCharacters?: number;
797
893
  sx?: SxProps<Theme>;
894
+ width?: number;
798
895
  inputProps?: {
799
896
  sx: SxProps<Theme>;
800
897
  };
@@ -803,10 +900,15 @@ declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>
803
900
 
804
901
  type SearchHeaderProps = {
805
902
  renderButton?: ReactNode;
903
+ renderExtraAction?: ReactNode;
806
904
  children?: ReactNode;
807
- onSearch: (value: string) => void;
905
+ onSearch?: (value: string) => void;
906
+ value?: string;
907
+ onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
908
+ onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
909
+ width?: number;
808
910
  };
809
- declare const SearchHeader: React.MemoExoticComponent<({ renderButton, children, onSearch }: SearchHeaderProps) => react_jsx_runtime.JSX.Element>;
911
+ declare const SearchHeader: ({ renderButton, renderExtraAction, children, onSearch, value, onChange, onKeyDown, width, }: SearchHeaderProps) => react_jsx_runtime.JSX.Element;
810
912
 
811
913
  interface ISearchWithFiltersProps {
812
914
  enterPressedInSearch?: () => void;
@@ -1094,4 +1196,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
1094
1196
 
1095
1197
  declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1096
1198
 
1097
- 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 };
1199
+ 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 };
@@ -1,11 +1,11 @@
1
1
  import * as React from 'react';
2
- import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
2
+ import React__default, { MouseEvent, CSSProperties, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
+ import { UseFormReturn, Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, FieldValues, Path } from 'react-hook-form';
4
5
  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';
5
6
  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';
6
- import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
7
7
  import { UseMutateAsyncFunction } from 'react-query';
8
- import { SxProps, Theme, SelectProps, MenuProps, Typography, AutocompleteProps, TextFieldProps } from '@mui/material';
8
+ import { BoxProps, SxProps, Theme, SelectProps, MenuProps, Typography, AutocompleteProps, TextFieldProps } from '@mui/material';
9
9
  import { DateRangePickerShape } from 'react-dates';
10
10
 
11
11
  type ActiveFiltersIconButtonProps = {
@@ -17,6 +17,81 @@ type ActiveFiltersIconButtonProps = {
17
17
  };
18
18
  declare const ActiveFiltersIconButton: React.MemoExoticComponent<({ label, className, enableRipple, numActiveFilters, handleClick, }: ActiveFiltersIconButtonProps) => react_jsx_runtime.JSX.Element>;
19
19
 
20
+ type AddressOption = {
21
+ label: string;
22
+ placeId: string;
23
+ };
24
+ type ProcessedAddress = {
25
+ line1?: string;
26
+ line2?: string;
27
+ city?: string;
28
+ county?: string;
29
+ state?: AddressState | null;
30
+ country?: {
31
+ code: string;
32
+ name: string;
33
+ };
34
+ postcode?: string;
35
+ };
36
+ type GoogleAddressComponent = {
37
+ types: string[];
38
+ long_name: string;
39
+ short_name: string;
40
+ };
41
+ type GooglePlacesRawData = {
42
+ status: string;
43
+ result: {
44
+ address_components: GoogleAddressComponent[];
45
+ };
46
+ };
47
+ type GooglePlacesAddressAutocompleteProps = {
48
+ apiKey: string;
49
+ googlePlacesRawData?: GooglePlacesRawData;
50
+ isGooglePlacesRawDataFetching?: boolean;
51
+ addressOption: AddressOption | null;
52
+ onChangeAddressOption: (newAddressOption: AddressOption | null) => void;
53
+ onAddressSelected?: (processedAddress: ProcessedAddress) => void;
54
+ onClearAddressOption?: () => void;
55
+ containerStyles?: CSSProperties;
56
+ };
57
+ declare const GooglePlacesAddressAutocomplete: ({ apiKey, googlePlacesRawData, isGooglePlacesRawDataFetching, addressOption, onChangeAddressOption, onAddressSelected, onClearAddressOption, containerStyles, }: GooglePlacesAddressAutocompleteProps) => react_jsx_runtime.JSX.Element;
58
+
59
+ type AddressCountry = {
60
+ code: string;
61
+ name: string;
62
+ };
63
+ type AddressState = {
64
+ id: number;
65
+ name: string;
66
+ abbreviation?: string | null;
67
+ country?: string | null;
68
+ };
69
+ type BaseAddressFormFields = {
70
+ name: string;
71
+ line1: string;
72
+ line2?: string | null;
73
+ primary_phone_number?: string | null;
74
+ city: string;
75
+ county?: string | null;
76
+ postcode: string;
77
+ country: AddressCountry;
78
+ state?: AddressState | null;
79
+ };
80
+ type AddressFormFieldsProps = {
81
+ form: UseFormReturn<BaseAddressFormFields>;
82
+ countriesSelectProps: {
83
+ countries: AddressCountry[];
84
+ isCountriesFetching: boolean;
85
+ refetchCountries: () => void;
86
+ };
87
+ statesSelectProps: {
88
+ addressStates: AddressState[];
89
+ isAddressStatesFetching: boolean;
90
+ };
91
+ googlePlacesAutocompleteProps?: GooglePlacesAddressAutocompleteProps;
92
+ };
93
+ declare const AddressFormFields: ({ form, countriesSelectProps: { countries, isCountriesFetching, refetchCountries }, statesSelectProps: { addressStates, isAddressStatesFetching }, googlePlacesAutocompleteProps, }: AddressFormFieldsProps) => react_jsx_runtime.JSX.Element;
94
+
20
95
  interface AlertDialogProps {
21
96
  open: boolean;
22
97
  alertTitle?: string;
@@ -77,6 +152,7 @@ declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentPro
77
152
  interface BackHeaderProps {
78
153
  appName: string;
79
154
  onGoBackClick?: () => void;
155
+ sideComponent?: React.ReactElement;
80
156
  }
81
157
  declare const BackHeader: React.FC<BackHeaderProps>;
82
158
 
@@ -437,6 +513,7 @@ interface ControlledValidTextInputBaseProps {
437
513
  disabled?: boolean;
438
514
  variant?: 'standard' | 'outlined' | 'filled';
439
515
  className?: string;
516
+ sx?: BoxProps['sx'];
440
517
  maxLength?: number;
441
518
  'data-testid'?: string;
442
519
  form: UseFormReturn<any>;
@@ -485,6 +562,21 @@ interface IDeleteUserDialogContent {
485
562
  }
486
563
  declare const _default$b: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
487
564
 
565
+ type BaseDeliveryInstructionsFormFields = {
566
+ alarm_code?: string | null;
567
+ door_code?: string | null;
568
+ keys_code?: string | null;
569
+ preferred_delivery_window?: string | null;
570
+ invoice_signature_required?: boolean;
571
+ delivery_instructions?: string | null;
572
+ };
573
+ type DeliveryInstructionsFormFieldsProps<T extends BaseDeliveryInstructionsFormFields & FieldValues> = {
574
+ form: UseFormReturn<T>;
575
+ onTextFieldsBlur?: (fieldName: Path<T>) => void;
576
+ onInvoiceSignatureCheckboxChange?: (checked: boolean) => void;
577
+ };
578
+ declare const DeliveryInstructionsFormFields: <T extends BaseDeliveryInstructionsFormFields & FieldValues>({ form, onTextFieldsBlur, onInvoiceSignatureCheckboxChange, }: DeliveryInstructionsFormFieldsProps<T>) => react_jsx_runtime.JSX.Element;
579
+
488
580
  type DynamicOverflowTooltipProps = {
489
581
  arrow?: boolean;
490
582
  maxWidth?: number | string;
@@ -663,11 +755,12 @@ interface PhoneInputProps {
663
755
  value?: string | null;
664
756
  onChange?: (phone: string | null) => void;
665
757
  placeholder?: string;
758
+ sx?: BoxProps['sx'];
666
759
  className?: string;
667
760
  label?: string;
668
761
  error?: boolean;
669
762
  }
670
- declare const PhoneInput: React.FC<PhoneInputProps>;
763
+ declare const PhoneInput: React__default.FC<PhoneInputProps>;
671
764
 
672
765
  interface PlusMinusInputProps {
673
766
  allowNegative?: any;
@@ -788,13 +881,17 @@ interface SearchAndFilterHeaderForTableProps {
788
881
  declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
789
882
 
790
883
  type SearchFieldDebouncedProps = {
791
- onSearch: (value: string) => void;
884
+ onSearch?: (value: string) => void;
885
+ value?: string;
886
+ onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
887
+ onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
792
888
  variant?: 'outlined' | 'filled' | 'standard';
793
889
  hideSearchIcon?: boolean;
794
890
  initialValue?: string;
795
891
  debounceDelay?: number;
796
892
  minCharacters?: number;
797
893
  sx?: SxProps<Theme>;
894
+ width?: number;
798
895
  inputProps?: {
799
896
  sx: SxProps<Theme>;
800
897
  };
@@ -803,10 +900,15 @@ declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>
803
900
 
804
901
  type SearchHeaderProps = {
805
902
  renderButton?: ReactNode;
903
+ renderExtraAction?: ReactNode;
806
904
  children?: ReactNode;
807
- onSearch: (value: string) => void;
905
+ onSearch?: (value: string) => void;
906
+ value?: string;
907
+ onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
908
+ onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
909
+ width?: number;
808
910
  };
809
- declare const SearchHeader: React.MemoExoticComponent<({ renderButton, children, onSearch }: SearchHeaderProps) => react_jsx_runtime.JSX.Element>;
911
+ declare const SearchHeader: ({ renderButton, renderExtraAction, children, onSearch, value, onChange, onKeyDown, width, }: SearchHeaderProps) => react_jsx_runtime.JSX.Element;
810
912
 
811
913
  interface ISearchWithFiltersProps {
812
914
  enterPressedInSearch?: () => void;
@@ -1094,4 +1196,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
1094
1196
 
1095
1197
  declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1096
1198
 
1097
- 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 };
1199
+ 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 };