@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.
- package/dist/components/index.cjs +2536 -1928
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +110 -8
- package/dist/components/index.d.ts +110 -8
- package/dist/components/index.js +2163 -1551
- package/dist/components/index.js.map +1 -1
- package/package.json +4 -2
|
@@ -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:
|
|
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
|
|
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
|
|
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:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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 };
|