@natoora-libs/core 0.2.21 → 0.2.22-dev-doug-1
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 +2565 -1955
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +109 -8
- package/dist/components/index.d.ts +109 -8
- package/dist/components/index.js +2255 -1641
- package/dist/components/index.js.map +1 -1
- package/package.json +12 -5
|
@@ -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-wpKCBVE4.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-wpKCBVE4.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 } from '@mui/material';
|
|
8
|
+
import { BoxProps, SxProps, Theme, SelectProps, MenuProps, Typography } 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;
|
|
@@ -437,6 +512,7 @@ interface ControlledValidTextInputBaseProps {
|
|
|
437
512
|
disabled?: boolean;
|
|
438
513
|
variant?: 'standard' | 'outlined' | 'filled';
|
|
439
514
|
className?: string;
|
|
515
|
+
sx?: BoxProps['sx'];
|
|
440
516
|
maxLength?: number;
|
|
441
517
|
'data-testid'?: string;
|
|
442
518
|
form: UseFormReturn<any>;
|
|
@@ -485,6 +561,21 @@ interface IDeleteUserDialogContent {
|
|
|
485
561
|
}
|
|
486
562
|
declare const _default$b: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
|
|
487
563
|
|
|
564
|
+
type BaseDeliveryInstructionsFormFields = {
|
|
565
|
+
alarm_code?: string | null;
|
|
566
|
+
door_code?: string | null;
|
|
567
|
+
keys_code?: string | null;
|
|
568
|
+
preferred_delivery_window?: string | null;
|
|
569
|
+
invoice_signature_required?: boolean;
|
|
570
|
+
delivery_instructions?: string | null;
|
|
571
|
+
};
|
|
572
|
+
type DeliveryInstructionsFormFieldsProps<T extends BaseDeliveryInstructionsFormFields & FieldValues> = {
|
|
573
|
+
form: UseFormReturn<T>;
|
|
574
|
+
onTextFieldsBlur?: (fieldName: Path<T>) => void;
|
|
575
|
+
onInvoiceSignatureCheckboxChange?: (checked: boolean) => void;
|
|
576
|
+
};
|
|
577
|
+
declare const DeliveryInstructionsFormFields: <T extends BaseDeliveryInstructionsFormFields & FieldValues>({ form, onTextFieldsBlur, onInvoiceSignatureCheckboxChange, }: DeliveryInstructionsFormFieldsProps<T>) => react_jsx_runtime.JSX.Element;
|
|
578
|
+
|
|
488
579
|
type DynamicOverflowTooltipProps = {
|
|
489
580
|
arrow?: boolean;
|
|
490
581
|
maxWidth?: number | string;
|
|
@@ -663,11 +754,12 @@ interface PhoneInputProps {
|
|
|
663
754
|
value?: string | null;
|
|
664
755
|
onChange?: (phone: string | null) => void;
|
|
665
756
|
placeholder?: string;
|
|
757
|
+
sx?: BoxProps['sx'];
|
|
666
758
|
className?: string;
|
|
667
759
|
label?: string;
|
|
668
760
|
error?: boolean;
|
|
669
761
|
}
|
|
670
|
-
declare const PhoneInput:
|
|
762
|
+
declare const PhoneInput: React__default.FC<PhoneInputProps>;
|
|
671
763
|
|
|
672
764
|
interface PlusMinusInputProps {
|
|
673
765
|
allowNegative?: any;
|
|
@@ -788,13 +880,17 @@ interface SearchAndFilterHeaderForTableProps {
|
|
|
788
880
|
declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
|
|
789
881
|
|
|
790
882
|
type SearchFieldDebouncedProps = {
|
|
791
|
-
onSearch
|
|
883
|
+
onSearch?: (value: string) => void;
|
|
884
|
+
value?: string;
|
|
885
|
+
onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
886
|
+
onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
|
|
792
887
|
variant?: 'outlined' | 'filled' | 'standard';
|
|
793
888
|
hideSearchIcon?: boolean;
|
|
794
889
|
initialValue?: string;
|
|
795
890
|
debounceDelay?: number;
|
|
796
891
|
minCharacters?: number;
|
|
797
892
|
sx?: SxProps<Theme>;
|
|
893
|
+
width?: number;
|
|
798
894
|
inputProps?: {
|
|
799
895
|
sx: SxProps<Theme>;
|
|
800
896
|
};
|
|
@@ -803,10 +899,15 @@ declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>
|
|
|
803
899
|
|
|
804
900
|
type SearchHeaderProps = {
|
|
805
901
|
renderButton?: ReactNode;
|
|
902
|
+
renderExtraAction?: ReactNode;
|
|
806
903
|
children?: ReactNode;
|
|
807
|
-
onSearch
|
|
904
|
+
onSearch?: (value: string) => void;
|
|
905
|
+
value?: string;
|
|
906
|
+
onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
907
|
+
onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
|
|
908
|
+
width?: number;
|
|
808
909
|
};
|
|
809
|
-
declare const SearchHeader:
|
|
910
|
+
declare const SearchHeader: ({ renderButton, renderExtraAction, children, onSearch, value, onChange, onKeyDown, width, }: SearchHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
810
911
|
|
|
811
912
|
interface ISearchWithFiltersProps {
|
|
812
913
|
enterPressedInSearch?: () => void;
|
|
@@ -1075,4 +1176,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1075
1176
|
|
|
1076
1177
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1077
1178
|
|
|
1078
|
-
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 };
|
|
1179
|
+
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 };
|
|
@@ -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-wpKCBVE4.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-wpKCBVE4.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 } from '@mui/material';
|
|
8
|
+
import { BoxProps, SxProps, Theme, SelectProps, MenuProps, Typography } 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;
|
|
@@ -437,6 +512,7 @@ interface ControlledValidTextInputBaseProps {
|
|
|
437
512
|
disabled?: boolean;
|
|
438
513
|
variant?: 'standard' | 'outlined' | 'filled';
|
|
439
514
|
className?: string;
|
|
515
|
+
sx?: BoxProps['sx'];
|
|
440
516
|
maxLength?: number;
|
|
441
517
|
'data-testid'?: string;
|
|
442
518
|
form: UseFormReturn<any>;
|
|
@@ -485,6 +561,21 @@ interface IDeleteUserDialogContent {
|
|
|
485
561
|
}
|
|
486
562
|
declare const _default$b: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
|
|
487
563
|
|
|
564
|
+
type BaseDeliveryInstructionsFormFields = {
|
|
565
|
+
alarm_code?: string | null;
|
|
566
|
+
door_code?: string | null;
|
|
567
|
+
keys_code?: string | null;
|
|
568
|
+
preferred_delivery_window?: string | null;
|
|
569
|
+
invoice_signature_required?: boolean;
|
|
570
|
+
delivery_instructions?: string | null;
|
|
571
|
+
};
|
|
572
|
+
type DeliveryInstructionsFormFieldsProps<T extends BaseDeliveryInstructionsFormFields & FieldValues> = {
|
|
573
|
+
form: UseFormReturn<T>;
|
|
574
|
+
onTextFieldsBlur?: (fieldName: Path<T>) => void;
|
|
575
|
+
onInvoiceSignatureCheckboxChange?: (checked: boolean) => void;
|
|
576
|
+
};
|
|
577
|
+
declare const DeliveryInstructionsFormFields: <T extends BaseDeliveryInstructionsFormFields & FieldValues>({ form, onTextFieldsBlur, onInvoiceSignatureCheckboxChange, }: DeliveryInstructionsFormFieldsProps<T>) => react_jsx_runtime.JSX.Element;
|
|
578
|
+
|
|
488
579
|
type DynamicOverflowTooltipProps = {
|
|
489
580
|
arrow?: boolean;
|
|
490
581
|
maxWidth?: number | string;
|
|
@@ -663,11 +754,12 @@ interface PhoneInputProps {
|
|
|
663
754
|
value?: string | null;
|
|
664
755
|
onChange?: (phone: string | null) => void;
|
|
665
756
|
placeholder?: string;
|
|
757
|
+
sx?: BoxProps['sx'];
|
|
666
758
|
className?: string;
|
|
667
759
|
label?: string;
|
|
668
760
|
error?: boolean;
|
|
669
761
|
}
|
|
670
|
-
declare const PhoneInput:
|
|
762
|
+
declare const PhoneInput: React__default.FC<PhoneInputProps>;
|
|
671
763
|
|
|
672
764
|
interface PlusMinusInputProps {
|
|
673
765
|
allowNegative?: any;
|
|
@@ -788,13 +880,17 @@ interface SearchAndFilterHeaderForTableProps {
|
|
|
788
880
|
declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
|
|
789
881
|
|
|
790
882
|
type SearchFieldDebouncedProps = {
|
|
791
|
-
onSearch
|
|
883
|
+
onSearch?: (value: string) => void;
|
|
884
|
+
value?: string;
|
|
885
|
+
onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
886
|
+
onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
|
|
792
887
|
variant?: 'outlined' | 'filled' | 'standard';
|
|
793
888
|
hideSearchIcon?: boolean;
|
|
794
889
|
initialValue?: string;
|
|
795
890
|
debounceDelay?: number;
|
|
796
891
|
minCharacters?: number;
|
|
797
892
|
sx?: SxProps<Theme>;
|
|
893
|
+
width?: number;
|
|
798
894
|
inputProps?: {
|
|
799
895
|
sx: SxProps<Theme>;
|
|
800
896
|
};
|
|
@@ -803,10 +899,15 @@ declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>
|
|
|
803
899
|
|
|
804
900
|
type SearchHeaderProps = {
|
|
805
901
|
renderButton?: ReactNode;
|
|
902
|
+
renderExtraAction?: ReactNode;
|
|
806
903
|
children?: ReactNode;
|
|
807
|
-
onSearch
|
|
904
|
+
onSearch?: (value: string) => void;
|
|
905
|
+
value?: string;
|
|
906
|
+
onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
907
|
+
onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
|
|
908
|
+
width?: number;
|
|
808
909
|
};
|
|
809
|
-
declare const SearchHeader:
|
|
910
|
+
declare const SearchHeader: ({ renderButton, renderExtraAction, children, onSearch, value, onChange, onKeyDown, width, }: SearchHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
810
911
|
|
|
811
912
|
interface ISearchWithFiltersProps {
|
|
812
913
|
enterPressedInSearch?: () => void;
|
|
@@ -1075,4 +1176,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
|
|
|
1075
1176
|
|
|
1076
1177
|
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1077
1178
|
|
|
1078
|
-
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 };
|
|
1179
|
+
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 };
|