@superdispatch/ui 0.21.5-alpha.4 → 0.21.6
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-node/index.js +1357 -1441
- package/dist-node/index.js.map +1 -1
- package/dist-src/adaptive-toolbar/AdaptiveToolbar.js +12 -14
- package/dist-src/adaptive-vertical-toolbar/AdaptiveVerticalToolbar.js +3 -3
- package/dist-src/app-bar/AppBarOverrides.js +4 -6
- package/dist-src/autocomplete/AutocompleteOverrides.js +18 -14
- package/dist-src/avatar/AvatarOverrides.js +12 -14
- package/dist-src/avatar-button/AvatarButton.js +92 -80
- package/dist-src/button/Button.js +15 -11
- package/dist-src/button/ButtonOverrides.js +149 -147
- package/dist-src/card/CardOverrides.js +6 -10
- package/dist-src/card-button/CardButton.js +75 -78
- package/dist-src/checkbox/CheckboxField.js +1 -1
- package/dist-src/checkbox/CheckboxGroudField.js +1 -1
- package/dist-src/checkbox/CheckboxOverrides.js +50 -60
- package/dist-src/chip/ChipOverrides.js +85 -88
- package/dist-src/description-list/DescriptionList.js +55 -58
- package/dist-src/dialog/DialogOverrides.js +25 -31
- package/dist-src/drawer/DrawerActions.js +34 -32
- package/dist-src/drawer/DrawerContent.js +26 -10
- package/dist-src/drawer/DrawerList.js +27 -8
- package/dist-src/drawer/DrawerOverrides.js +10 -12
- package/dist-src/drawer/DrawerTitle.js +40 -46
- package/dist-src/dropdown-button/DropdownButton.js +1 -1
- package/dist-src/grid/GridStack.js +1 -1
- package/dist-src/grid/InlineGrid.js +2 -2
- package/dist-src/icon-button/IconButtonOverrides.js +32 -48
- package/dist-src/info-card/InfoCard.js +37 -27
- package/dist-src/link/LinkOverrides.js +26 -29
- package/dist-src/list/ListOverrides.js +7 -10
- package/dist-src/menu/MenuOverrides.js +14 -28
- package/dist-src/number-field/NumberField.js +1 -1
- package/dist-src/overflow-text/OverflowText.js +34 -35
- package/dist-src/pagination/PaginationOverrides.js +32 -27
- package/dist-src/paper/PaperOverrides.js +6 -8
- package/dist-src/radio/RadioField.js +1 -1
- package/dist-src/radio/RadioGroupField.js +1 -1
- package/dist-src/radio/RadioOverrides.js +36 -38
- package/dist-src/responsive/ResponsiveContext.js +1 -1
- package/dist-src/snackbar/Snackbar.js +1 -1
- package/dist-src/snackbar/SnackbarContent.js +3 -3
- package/dist-src/snackbar/SnackbarOverrides.js +18 -28
- package/dist-src/svg-icon/SvgIconOverrides.js +18 -28
- package/dist-src/switch/SwitchOverrides.js +71 -72
- package/dist-src/tabs/TabsOverrides.js +30 -34
- package/dist-src/tag/Tag.js +2 -2
- package/dist-src/text-field/TextFieldOverrides.js +137 -158
- package/dist-src/theme/ThemeProvider.js +28 -25
- package/dist-src/tiles/Tiles.js +3 -4
- package/dist-src/toolbar/ToolbarOverrides.js +8 -10
- package/dist-src/tooltip/TooltipOverrides.js +30 -33
- package/dist-src/typography/TypographyOverrides.js +2 -12
- package/dist-types/index.d.ts +381 -385
- package/dist-web/index.js +1289 -1373
- package/dist-web/index.js.map +1 -1
- package/package.json +39 -39
- package/dist-src/theme/CssBaselineOverrides.js +0 -8
package/dist-types/index.d.ts
CHANGED
|
@@ -1,445 +1,441 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ButtonProps as ButtonProps$1, ToolbarProps, AvatarClassKey, AvatarTypeMap, ButtonBaseProps, CheckboxProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps, TypographyProps, TooltipProps, ListProps, ListTypeMap, MenuListProps, ButtonGroupProps, GridProps, CardClassKey, CardProps, CardContentProps, StandardTextFieldProps, InputProps, RadioProps, RadioGroupProps, SnackbarContentProps as SnackbarContentProps$1, SnackbarContentClassKey as SnackbarContentClassKey$1, SnackbarProps as SnackbarProps$1, Theme } from '@material-ui/core';
|
|
2
3
|
import { RefAttributes, ForwardRefExoticComponent, Key, ReactNode, MouseEvent, ReactElement, EventHandler, ButtonHTMLAttributes, Ref, ElementType, HTMLAttributes, InputHTMLAttributes, ConsumerProps } from 'react';
|
|
3
|
-
import {
|
|
4
|
+
import { ClassNameMap } from '@material-ui/styles';
|
|
4
5
|
import { Property } from 'csstype';
|
|
5
|
-
import {
|
|
6
|
-
import { StyledComponent } from 'styled-components';
|
|
7
|
-
import { LabComponents } from '@mui/lab/themeAugmentation';
|
|
6
|
+
import { CommonProps } from '@material-ui/core/OverridableComponent';
|
|
8
7
|
import { NumberFormatProps } from 'react-number-format';
|
|
9
|
-
import {
|
|
10
|
-
|
|
11
|
-
interface ButtonProps extends RefAttributes<HTMLButtonElement>, Omit<
|
|
12
|
-
rel?: string;
|
|
13
|
-
target?: string;
|
|
14
|
-
isActive?: boolean;
|
|
15
|
-
isLoading?: boolean;
|
|
16
|
-
color?: 'primary' | 'error' | 'success' | 'white';
|
|
17
|
-
}
|
|
8
|
+
import { Breakpoint } from '@material-ui/core/styles/createBreakpoints';
|
|
9
|
+
|
|
10
|
+
interface ButtonProps extends RefAttributes<HTMLButtonElement>, Omit<ButtonProps$1, 'color'> {
|
|
11
|
+
rel?: string;
|
|
12
|
+
target?: string;
|
|
13
|
+
isActive?: boolean;
|
|
14
|
+
isLoading?: boolean;
|
|
15
|
+
color?: 'primary' | 'error' | 'success' | 'white';
|
|
16
|
+
}
|
|
18
17
|
declare const Button: ForwardRefExoticComponent<ButtonProps>;
|
|
19
18
|
|
|
20
|
-
interface AdaptiveToolbarDropdownItem {
|
|
21
|
-
key: Key;
|
|
22
|
-
label: ReactNode;
|
|
23
|
-
onClick?: (event: MouseEvent<HTMLElement>) => void;
|
|
24
|
-
}
|
|
25
|
-
interface AdaptiveToolbarItem {
|
|
26
|
-
key: Key;
|
|
27
|
-
groupKey?: Key;
|
|
28
|
-
label: ReactNode;
|
|
29
|
-
dropdown?: AdaptiveToolbarDropdownItem[];
|
|
30
|
-
onClick?: (event: MouseEvent<HTMLElement>) => void;
|
|
31
|
-
ButtonProps?: Omit<ButtonProps, 'type' | 'onClick'>;
|
|
32
|
-
}
|
|
33
|
-
interface AdaptiveToolbarProps extends RefAttributes<HTMLDivElement>, Omit<ToolbarProps, 'children'> {
|
|
34
|
-
items: AdaptiveToolbarItem[];
|
|
35
|
-
}
|
|
19
|
+
interface AdaptiveToolbarDropdownItem {
|
|
20
|
+
key: Key;
|
|
21
|
+
label: ReactNode;
|
|
22
|
+
onClick?: (event: MouseEvent<HTMLElement>) => void;
|
|
23
|
+
}
|
|
24
|
+
interface AdaptiveToolbarItem {
|
|
25
|
+
key: Key;
|
|
26
|
+
groupKey?: Key;
|
|
27
|
+
label: ReactNode;
|
|
28
|
+
dropdown?: AdaptiveToolbarDropdownItem[];
|
|
29
|
+
onClick?: (event: MouseEvent<HTMLElement>) => void;
|
|
30
|
+
ButtonProps?: Omit<ButtonProps, 'type' | 'onClick'>;
|
|
31
|
+
}
|
|
32
|
+
interface AdaptiveToolbarProps extends RefAttributes<HTMLDivElement>, Omit<ToolbarProps, 'children'> {
|
|
33
|
+
items: AdaptiveToolbarItem[];
|
|
34
|
+
}
|
|
36
35
|
declare const AdaptiveToolbar: ForwardRefExoticComponent<AdaptiveToolbarProps>;
|
|
37
36
|
|
|
38
|
-
interface AdaptiveVerticalToolbarItem {
|
|
39
|
-
key: Key;
|
|
40
|
-
label: ReactNode;
|
|
41
|
-
menuGroupKey?: Key;
|
|
42
|
-
onClick?: (event: MouseEvent<HTMLElement>) => void;
|
|
43
|
-
}
|
|
44
|
-
interface AdaptiveVerticalToolbarProps extends RefAttributes<HTMLDivElement> {
|
|
45
|
-
disableGutters?: boolean;
|
|
46
|
-
items: AdaptiveVerticalToolbarItem[];
|
|
47
|
-
renderItem?: (item: AdaptiveVerticalToolbarItem) => ReactNode;
|
|
48
|
-
renderMenuItem?: (item: AdaptiveVerticalToolbarItem) => ReactNode;
|
|
49
|
-
moreElement?: ReactElement<{
|
|
50
|
-
onClick: EventHandler<MouseEvent<HTMLElement>>;
|
|
51
|
-
}>;
|
|
52
|
-
}
|
|
37
|
+
interface AdaptiveVerticalToolbarItem {
|
|
38
|
+
key: Key;
|
|
39
|
+
label: ReactNode;
|
|
40
|
+
menuGroupKey?: Key;
|
|
41
|
+
onClick?: (event: MouseEvent<HTMLElement>) => void;
|
|
42
|
+
}
|
|
43
|
+
interface AdaptiveVerticalToolbarProps extends RefAttributes<HTMLDivElement> {
|
|
44
|
+
disableGutters?: boolean;
|
|
45
|
+
items: AdaptiveVerticalToolbarItem[];
|
|
46
|
+
renderItem?: (item: AdaptiveVerticalToolbarItem) => ReactNode;
|
|
47
|
+
renderMenuItem?: (item: AdaptiveVerticalToolbarItem) => ReactNode;
|
|
48
|
+
moreElement?: ReactElement<{
|
|
49
|
+
onClick: EventHandler<MouseEvent<HTMLElement>>;
|
|
50
|
+
}>;
|
|
51
|
+
}
|
|
53
52
|
declare const AdaptiveVerticalToolbar: ForwardRefExoticComponent<AdaptiveVerticalToolbarProps>;
|
|
54
53
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
54
|
+
declare type AvatarButtonClassKey = 'button' | 'overlay' | 'progress' | 'withIcon' | 'sizeLarge' | Exclude<AvatarClassKey, 'circle'>;
|
|
55
|
+
interface AvatarButtonProps extends RefAttributes<HTMLButtonElement>, ButtonHTMLAttributes<HTMLButtonElement> {
|
|
56
|
+
size?: 'small' | 'large';
|
|
57
|
+
icon?: ReactNode;
|
|
58
|
+
isLoading?: boolean;
|
|
59
|
+
avatarRef?: Ref<HTMLDivElement>;
|
|
60
|
+
classes?: Partial<ClassNameMap<AvatarButtonClassKey>>;
|
|
61
|
+
variant?: AvatarTypeMap['props']['variant'];
|
|
62
|
+
alt?: AvatarTypeMap['props']['alt'];
|
|
63
|
+
src?: AvatarTypeMap['props']['src'];
|
|
64
|
+
sizes?: AvatarTypeMap['props']['sizes'];
|
|
65
|
+
srcSet?: AvatarTypeMap['props']['srcSet'];
|
|
66
|
+
imgProps?: AvatarTypeMap['props']['imgProps'];
|
|
67
|
+
}
|
|
67
68
|
declare const AvatarButton: ForwardRefExoticComponent<AvatarButtonProps>;
|
|
68
69
|
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
70
|
+
declare type CardButtonClassKey = 'root' | 'label' | 'hint' | 'error' | 'primary' | 'disabled' | 'sizeSmall' | 'sizeLarge' | 'icon' | 'startIcon' | 'endIcon';
|
|
71
|
+
interface CardButtonProps extends RefAttributes<HTMLButtonElement>, ButtonBaseProps {
|
|
72
|
+
error?: ReactNode;
|
|
73
|
+
children?: ReactNode;
|
|
74
|
+
hint?: ReactNode;
|
|
75
|
+
startIcon?: ReactNode;
|
|
76
|
+
endIcon?: ReactNode;
|
|
77
|
+
size?: 'small' | 'medium' | 'large';
|
|
78
|
+
className?: string;
|
|
79
|
+
classes?: Partial<ClassNameMap<CardButtonClassKey>>;
|
|
80
|
+
}
|
|
78
81
|
declare const CardButton: ForwardRefExoticComponent<CardButtonProps>;
|
|
79
82
|
|
|
80
|
-
interface CheckboxFieldProps extends CheckboxProps, Pick<FormControlLabelProps, 'label'> {
|
|
81
|
-
error?: boolean;
|
|
82
|
-
helperText?: ReactNode;
|
|
83
|
-
FormControlLabelProps?: Omit<FormControlLabelProps, 'label' | 'checked' | 'onBlur' | 'onChange' | 'control'>;
|
|
84
|
-
}
|
|
83
|
+
interface CheckboxFieldProps extends CheckboxProps, Pick<FormControlLabelProps, 'label'> {
|
|
84
|
+
error?: boolean;
|
|
85
|
+
helperText?: ReactNode;
|
|
86
|
+
FormControlLabelProps?: Omit<FormControlLabelProps, 'label' | 'checked' | 'onBlur' | 'onChange' | 'control'>;
|
|
87
|
+
}
|
|
85
88
|
declare const CheckboxField: ForwardRefExoticComponent<CheckboxFieldProps>;
|
|
86
89
|
|
|
87
|
-
interface CheckboxGroupFieldProps extends Omit<FormControlProps, 'hiddenLabel' | 'onChange'> {
|
|
88
|
-
FormGroupProps?: Omit<FormGroupProps, 'children'>;
|
|
89
|
-
label?: ReactNode;
|
|
90
|
-
FormLabelProps?: Omit<FormLabelProps, 'children'>;
|
|
91
|
-
helperText?: ReactNode;
|
|
92
|
-
FormHelperTextProps?: Omit<FormHelperTextProps, 'children'>;
|
|
93
|
-
}
|
|
90
|
+
interface CheckboxGroupFieldProps extends Omit<FormControlProps, 'hiddenLabel' | 'onChange'> {
|
|
91
|
+
FormGroupProps?: Omit<FormGroupProps, 'children'>;
|
|
92
|
+
label?: ReactNode;
|
|
93
|
+
FormLabelProps?: Omit<FormLabelProps, 'children'>;
|
|
94
|
+
helperText?: ReactNode;
|
|
95
|
+
FormHelperTextProps?: Omit<FormHelperTextProps, 'children'>;
|
|
96
|
+
}
|
|
94
97
|
declare const CheckboxGroupField: ForwardRefExoticComponent<CheckboxGroupFieldProps>;
|
|
95
98
|
|
|
96
|
-
declare type ResponsivePropPrimitive = boolean | number | string;
|
|
97
|
-
declare type ResponsivePropTupleInit<T extends ResponsivePropPrimitive> = readonly [mobile: T, tablet?: T, desktop?: T];
|
|
98
|
-
declare type ResponsiveProp<T extends ResponsivePropPrimitive> = T | ResponsivePropTupleInit<T>;
|
|
99
|
-
declare type ResponsivePropTuple<T extends ResponsivePropPrimitive> = readonly [
|
|
100
|
-
mobile: T,
|
|
101
|
-
tablet: T,
|
|
102
|
-
desktop: T
|
|
103
|
-
];
|
|
104
|
-
declare function parseResponsiveProp<T extends ResponsivePropPrimitive>(prop: ResponsiveProp<T>): ResponsivePropTuple<T>;
|
|
105
|
-
declare function useResponsiveProp<T extends ResponsivePropPrimitive>(prop: ResponsiveProp<T>): ResponsivePropTuple<T>;
|
|
106
|
-
interface PartialResponsivePropRecord<T> {
|
|
107
|
-
xs: T;
|
|
108
|
-
sm?: T;
|
|
109
|
-
md?: T;
|
|
110
|
-
lg?: T;
|
|
111
|
-
xl?: T;
|
|
112
|
-
}
|
|
113
|
-
declare type ResponsivePropRecord<T extends ResponsivePropPrimitive> = T | PartialResponsivePropRecord<T>;
|
|
114
|
-
declare function useResponsiveValue<T>(xs: T, sm: T, md?: T, lg?: T, xl?: T): T;
|
|
99
|
+
declare type ResponsivePropPrimitive = boolean | number | string;
|
|
100
|
+
declare type ResponsivePropTupleInit<T extends ResponsivePropPrimitive> = readonly [mobile: T, tablet?: T, desktop?: T];
|
|
101
|
+
declare type ResponsiveProp<T extends ResponsivePropPrimitive> = T | ResponsivePropTupleInit<T>;
|
|
102
|
+
declare type ResponsivePropTuple<T extends ResponsivePropPrimitive> = readonly [
|
|
103
|
+
mobile: T,
|
|
104
|
+
tablet: T,
|
|
105
|
+
desktop: T
|
|
106
|
+
];
|
|
107
|
+
declare function parseResponsiveProp<T extends ResponsivePropPrimitive>(prop: ResponsiveProp<T>): ResponsivePropTuple<T>;
|
|
108
|
+
declare function useResponsiveProp<T extends ResponsivePropPrimitive>(prop: ResponsiveProp<T>): ResponsivePropTuple<T>;
|
|
109
|
+
interface PartialResponsivePropRecord<T> {
|
|
110
|
+
xs: T;
|
|
111
|
+
sm?: T;
|
|
112
|
+
md?: T;
|
|
113
|
+
lg?: T;
|
|
114
|
+
xl?: T;
|
|
115
|
+
}
|
|
116
|
+
declare type ResponsivePropRecord<T extends ResponsivePropPrimitive> = T | PartialResponsivePropRecord<T>;
|
|
117
|
+
declare function useResponsiveValue<T>(xs: T, sm: T, md?: T, lg?: T, xl?: T): T;
|
|
115
118
|
declare function useResponsivePropRecord<T extends ResponsivePropPrimitive>(prop: ResponsivePropRecord<T>): T;
|
|
116
119
|
|
|
117
|
-
declare type ColumnWidth = 'adaptive' | 'content' | 'fluid' | '1/2' | '1/3' | '2/3' | '1/4' | '3/4' | '1/5' | '2/5' | '3/5' | '4/5';
|
|
118
|
-
interface ColumnProps {
|
|
119
|
-
children?: ReactNode;
|
|
120
|
-
'aria-label'?: string;
|
|
121
|
-
'aria-labelledby'?: string;
|
|
122
|
-
width?: ResponsiveProp<ColumnWidth>;
|
|
123
|
-
}
|
|
120
|
+
declare type ColumnWidth = 'adaptive' | 'content' | 'fluid' | '1/2' | '1/3' | '2/3' | '1/4' | '3/4' | '1/5' | '2/5' | '3/5' | '4/5';
|
|
121
|
+
interface ColumnProps {
|
|
122
|
+
children?: ReactNode;
|
|
123
|
+
'aria-label'?: string;
|
|
124
|
+
'aria-labelledby'?: string;
|
|
125
|
+
width?: ResponsiveProp<ColumnWidth>;
|
|
126
|
+
}
|
|
124
127
|
declare const Column: ForwardRefExoticComponent<ColumnProps & RefAttributes<HTMLDivElement>>;
|
|
125
128
|
|
|
126
|
-
declare type VerticalAlign = 'top' | 'center' | 'bottom';
|
|
127
|
-
declare type HorizontalAlign = 'left' | 'center' | 'right';
|
|
129
|
+
declare type VerticalAlign = 'top' | 'center' | 'bottom';
|
|
130
|
+
declare type HorizontalAlign = 'left' | 'center' | 'right';
|
|
128
131
|
declare function parseAlignProp(align: VerticalAlign | HorizontalAlign): Property.AlignItems;
|
|
129
132
|
|
|
130
|
-
declare type CollapseProp = 'tablet' | 'desktop';
|
|
133
|
+
declare type CollapseProp = 'tablet' | 'desktop';
|
|
131
134
|
declare function parseCollapsedBelow(collapsedBelow: undefined | CollapseProp): ResponsivePropTuple<boolean>;
|
|
132
135
|
|
|
133
|
-
declare type SpaceProp = 'none' | 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
|
|
134
|
-
declare type NegativeSpaceProp = '-xxsmall' | '-xsmall' | '-small' | '-medium' | '-large' | '-xlarge' | '-xxlarge';
|
|
136
|
+
declare type SpaceProp = 'none' | 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
|
|
137
|
+
declare type NegativeSpaceProp = '-xxsmall' | '-xsmall' | '-small' | '-medium' | '-large' | '-xlarge' | '-xxlarge';
|
|
135
138
|
declare function parseSpaceProp(prop: SpaceProp): number;
|
|
136
139
|
|
|
137
|
-
interface ColumnsProps {
|
|
138
|
-
id?: string;
|
|
139
|
-
children?: ReactNode;
|
|
140
|
-
'aria-label'?: string;
|
|
141
|
-
'aria-labelledby'?: string;
|
|
142
|
-
ref?: Ref<HTMLDivElement>;
|
|
143
|
-
reverse?: ResponsiveProp<boolean>;
|
|
144
|
-
space?: ResponsiveProp<SpaceProp>;
|
|
145
|
-
align?: ResponsiveProp<VerticalAlign>;
|
|
146
|
-
collapseBelow?: CollapseProp;
|
|
147
|
-
}
|
|
140
|
+
interface ColumnsProps {
|
|
141
|
+
id?: string;
|
|
142
|
+
children?: ReactNode;
|
|
143
|
+
'aria-label'?: string;
|
|
144
|
+
'aria-labelledby'?: string;
|
|
145
|
+
ref?: Ref<HTMLDivElement>;
|
|
146
|
+
reverse?: ResponsiveProp<boolean>;
|
|
147
|
+
space?: ResponsiveProp<SpaceProp>;
|
|
148
|
+
align?: ResponsiveProp<VerticalAlign>;
|
|
149
|
+
collapseBelow?: CollapseProp;
|
|
150
|
+
}
|
|
148
151
|
declare const Columns: ForwardRefExoticComponent<ColumnsProps>;
|
|
149
152
|
|
|
150
|
-
interface OverflowTextProps extends Omit<TypographyProps, 'noWrap'> {
|
|
151
|
-
component?: ElementType;
|
|
152
|
-
disableUnderline?: boolean;
|
|
153
|
-
TooltipProps?: Omit<Partial<TooltipProps>, 'open' | 'children'>;
|
|
154
|
-
}
|
|
153
|
+
interface OverflowTextProps extends Omit<TypographyProps, 'noWrap'> {
|
|
154
|
+
component?: ElementType;
|
|
155
|
+
disableUnderline?: boolean;
|
|
156
|
+
TooltipProps?: Omit<Partial<TooltipProps>, 'open' | 'children'>;
|
|
157
|
+
}
|
|
155
158
|
declare const OverflowText: ForwardRefExoticComponent<OverflowTextProps>;
|
|
156
159
|
|
|
157
|
-
interface
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
160
|
+
interface DescriptionListProps {
|
|
161
|
+
children?: ReactNode;
|
|
162
|
+
size?: 'small' | 'medium' | 'large';
|
|
163
|
+
}
|
|
164
|
+
declare const DescriptionList: ForwardRefExoticComponent<DescriptionListProps & RefAttributes<HTMLDivElement>>;
|
|
165
|
+
interface DescriptionListItemProps {
|
|
166
|
+
icon?: ReactNode;
|
|
167
|
+
inset?: boolean;
|
|
168
|
+
label?: ReactNode;
|
|
169
|
+
labelTypographyProps?: Omit<TypographyProps, 'noWrap' | 'variant' | 'component' | 'color'>;
|
|
170
|
+
content?: ReactNode;
|
|
171
|
+
contentTypographyProps?: Omit<OverflowTextProps, 'component' | 'color'>;
|
|
172
|
+
fallback?: ReactNode;
|
|
173
|
+
}
|
|
166
174
|
declare const DescriptionListItem: ForwardRefExoticComponent<DescriptionListItemProps & RefAttributes<HTMLDivElement>>;
|
|
167
|
-
interface DescriptionListProps {
|
|
168
|
-
children?: ReactNode;
|
|
169
|
-
size?: 'small' | 'medium' | 'large';
|
|
170
|
-
}
|
|
171
|
-
declare const DescriptionList: ForwardRefExoticComponent<DescriptionListProps & RefAttributes<HTMLDivElement>>;
|
|
172
175
|
|
|
173
|
-
declare type DrawerActionsProps = Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
|
|
176
|
+
declare type DrawerActionsProps = Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
|
|
174
177
|
declare const DrawerActions: ForwardRefExoticComponent<DrawerActionsProps & RefAttributes<HTMLDivElement>>;
|
|
175
178
|
|
|
176
|
-
declare type DrawerContentProps = HTMLAttributes<HTMLDivElement>;
|
|
177
|
-
declare const DrawerContent:
|
|
178
|
-
|
|
179
|
-
declare type
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
interface DrawerTitleProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {
|
|
192
|
-
children?: ReactNode;
|
|
193
|
-
title: ReactNode;
|
|
194
|
-
titleTypographyProps?: Omit<TypographyProps, 'children'>;
|
|
195
|
-
subtitle?: ReactNode;
|
|
196
|
-
subtitleTypographyProps?: Omit<TypographyProps, 'children'>;
|
|
197
|
-
startAction?: ReactNode;
|
|
198
|
-
endAction?: ReactNode;
|
|
199
|
-
}
|
|
179
|
+
declare type DrawerContentProps = HTMLAttributes<HTMLDivElement>;
|
|
180
|
+
declare const DrawerContent: ForwardRefExoticComponent<DrawerContentProps & RefAttributes<HTMLDivElement>>;
|
|
181
|
+
|
|
182
|
+
declare type DrawerListProps = Omit<ListProps<'div'>, 'component'>;
|
|
183
|
+
declare const DrawerList: ForwardRefExoticComponent<Pick<DrawerListProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "dense" | "subheader" | "disablePadding" | keyof CommonProps<ListTypeMap<{}, "div">>> & RefAttributes<HTMLDivElement>>;
|
|
184
|
+
|
|
185
|
+
interface DrawerTitleProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {
|
|
186
|
+
children?: ReactNode;
|
|
187
|
+
title: ReactNode;
|
|
188
|
+
titleTypographyProps?: Omit<TypographyProps, 'children'>;
|
|
189
|
+
subtitle?: ReactNode;
|
|
190
|
+
subtitleTypographyProps?: Omit<TypographyProps, 'children'>;
|
|
191
|
+
startAction?: ReactNode;
|
|
192
|
+
endAction?: ReactNode;
|
|
193
|
+
}
|
|
200
194
|
declare const DrawerTitle: ForwardRefExoticComponent<DrawerTitleProps & RefAttributes<HTMLDivElement>>;
|
|
201
195
|
|
|
202
|
-
interface DropdownButtonProps extends Omit<ButtonProps, 'children'> {
|
|
203
|
-
label?: ReactNode;
|
|
204
|
-
children: ReactNode;
|
|
205
|
-
MenuListProps?: Omit<MenuListProps, 'id'>;
|
|
206
|
-
ButtonGroupProps?: ButtonGroupProps;
|
|
207
|
-
}
|
|
208
|
-
declare const DropdownButton: ForwardRefExoticComponent<Pick<DropdownButtonProps, "className" | "style" | "classes" | "
|
|
209
|
-
|
|
210
|
-
interface GridStackProps extends RefAttributes<HTMLDivElement>, Pick<GridProps, 'style' | 'className' | 'children' | 'spacing' | 'alignItems'> {
|
|
211
|
-
}
|
|
212
|
-
/**
|
|
213
|
-
* @deprecated in favor of `Stack`.
|
|
214
|
-
*/
|
|
196
|
+
interface DropdownButtonProps extends Omit<ButtonProps, 'children'> {
|
|
197
|
+
label?: ReactNode;
|
|
198
|
+
children: ReactNode;
|
|
199
|
+
MenuListProps?: Omit<MenuListProps, 'id'>;
|
|
200
|
+
ButtonGroupProps?: ButtonGroupProps;
|
|
201
|
+
}
|
|
202
|
+
declare const DropdownButton: ForwardRefExoticComponent<Pick<DropdownButtonProps, "className" | "style" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "label" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "disableFocusRipple" | "href" | "size" | "variant" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "rel" | "target" | "isActive" | "isLoading" | "MenuListProps" | "ButtonGroupProps"> & RefAttributes<HTMLButtonElement>>;
|
|
203
|
+
|
|
204
|
+
interface GridStackProps extends RefAttributes<HTMLDivElement>, Pick<GridProps, 'style' | 'className' | 'children' | 'spacing' | 'alignItems'> {
|
|
205
|
+
}
|
|
206
|
+
/**
|
|
207
|
+
* @deprecated in favor of `Stack`.
|
|
208
|
+
*/
|
|
215
209
|
declare const GridStack: ForwardRefExoticComponent<GridStackProps>;
|
|
216
210
|
|
|
217
|
-
interface InlineGridProps extends RefAttributes<HTMLDivElement>, Pick<GridProps, 'style' | 'className' | 'children' | 'wrap' | 'spacing' | 'alignItems'> {
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
*/
|
|
211
|
+
interface InlineGridProps extends RefAttributes<HTMLDivElement>, Pick<GridProps, 'style' | 'className' | 'children' | 'wrap' | 'spacing' | 'justify' | 'alignItems'> {
|
|
212
|
+
}
|
|
213
|
+
/**
|
|
214
|
+
* @deprecated in favor of `Inline` component.
|
|
215
|
+
*/
|
|
223
216
|
declare const InlineGrid: ForwardRefExoticComponent<InlineGridProps>;
|
|
224
217
|
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
218
|
+
declare type InfoCardClassKey = 'sizeLarge' | 'content' | 'fullWidth' | CardClassKey;
|
|
219
|
+
interface InfoCardProps extends CardProps {
|
|
220
|
+
size?: 'medium' | 'large';
|
|
221
|
+
CardContentProps?: CardContentProps;
|
|
222
|
+
}
|
|
229
223
|
declare const InfoCard: ForwardRefExoticComponent<InfoCardProps>;
|
|
230
224
|
|
|
231
|
-
interface InlineProps {
|
|
232
|
-
children?: ReactNode;
|
|
233
|
-
'aria-label'?: string;
|
|
234
|
-
'aria-labelledby'?: string;
|
|
235
|
-
noWrap?: ResponsiveProp<boolean>;
|
|
236
|
-
space?: ResponsiveProp<SpaceProp>;
|
|
237
|
-
verticalAlign?: ResponsiveProp<VerticalAlign>;
|
|
238
|
-
horizontalAlign?: ResponsiveProp<HorizontalAlign>;
|
|
239
|
-
}
|
|
225
|
+
interface InlineProps {
|
|
226
|
+
children?: ReactNode;
|
|
227
|
+
'aria-label'?: string;
|
|
228
|
+
'aria-labelledby'?: string;
|
|
229
|
+
noWrap?: ResponsiveProp<boolean>;
|
|
230
|
+
space?: ResponsiveProp<SpaceProp>;
|
|
231
|
+
verticalAlign?: ResponsiveProp<VerticalAlign>;
|
|
232
|
+
horizontalAlign?: ResponsiveProp<HorizontalAlign>;
|
|
233
|
+
}
|
|
240
234
|
declare const Inline: ForwardRefExoticComponent<InlineProps & RefAttributes<HTMLDivElement>>;
|
|
241
235
|
|
|
242
|
-
declare type SafeNumberFormatProps = Pick<NumberFormatProps, 'value' | 'onChange' | 'getInputRef' | 'decimalScale' | 'onValueChange' | 'isNumericString' | 'decimalSeparator' | 'thousandSeparator' | 'fixedDecimalScale' | 'thousandsGroupStyle'>;
|
|
243
|
-
interface NumberFormatCustomProps extends Omit<SafeNumberFormatProps, 'getInputRef' | 'onValueChange'>, Omit<StandardTextFieldProps, 'ref' | keyof InputHTMLAttributes<HTMLInputElement>> {
|
|
244
|
-
disableValueParsing?: boolean;
|
|
245
|
-
format?: NumberFormatProps['format'];
|
|
246
|
-
}
|
|
247
|
-
interface NumberFieldProps extends Omit<StandardTextFieldProps, 'InputProps' | 'inputProps'>, Omit<SafeNumberFormatProps, keyof StandardTextFieldProps> {
|
|
248
|
-
InputProps?: Partial<Omit<InputProps, 'inputComponent'>>;
|
|
249
|
-
inputProps?: NumberFormatCustomProps & StandardTextFieldProps['inputProps'];
|
|
250
|
-
}
|
|
236
|
+
declare type SafeNumberFormatProps = Pick<NumberFormatProps, 'value' | 'onChange' | 'getInputRef' | 'decimalScale' | 'onValueChange' | 'isNumericString' | 'decimalSeparator' | 'thousandSeparator' | 'fixedDecimalScale' | 'thousandsGroupStyle'>;
|
|
237
|
+
interface NumberFormatCustomProps extends Omit<SafeNumberFormatProps, 'getInputRef' | 'onValueChange'>, Omit<StandardTextFieldProps, 'ref' | keyof InputHTMLAttributes<HTMLInputElement>> {
|
|
238
|
+
disableValueParsing?: boolean;
|
|
239
|
+
format?: NumberFormatProps['format'];
|
|
240
|
+
}
|
|
241
|
+
interface NumberFieldProps extends Omit<StandardTextFieldProps, 'InputProps' | 'inputProps'>, Omit<SafeNumberFormatProps, keyof StandardTextFieldProps> {
|
|
242
|
+
InputProps?: Partial<Omit<InputProps, 'inputComponent'>>;
|
|
243
|
+
inputProps?: NumberFormatCustomProps & StandardTextFieldProps['inputProps'];
|
|
244
|
+
}
|
|
251
245
|
declare const NumberField: ForwardRefExoticComponent<NumberFieldProps>;
|
|
252
246
|
|
|
253
|
-
interface RadioFieldProps extends Omit<RadioProps, 'onBlur' | 'onChange'>, Pick<FormControlLabelProps, 'label' | 'onBlur' | 'onChange'> {
|
|
254
|
-
error?: boolean;
|
|
255
|
-
helperText?: ReactNode;
|
|
256
|
-
FormControlLabelProps?: Omit<FormControlLabelProps, 'label' | 'error' | 'checked' | 'onBlur' | 'onChange' | 'helperText' | 'control'>;
|
|
257
|
-
}
|
|
247
|
+
interface RadioFieldProps extends Omit<RadioProps, 'onBlur' | 'onChange'>, Pick<FormControlLabelProps, 'label' | 'onBlur' | 'onChange'> {
|
|
248
|
+
error?: boolean;
|
|
249
|
+
helperText?: ReactNode;
|
|
250
|
+
FormControlLabelProps?: Omit<FormControlLabelProps, 'label' | 'error' | 'checked' | 'onBlur' | 'onChange' | 'helperText' | 'control'>;
|
|
251
|
+
}
|
|
258
252
|
declare const RadioField: ForwardRefExoticComponent<RadioFieldProps>;
|
|
259
253
|
|
|
260
|
-
interface RadioGroupFieldProps extends Omit<FormControlProps, 'hiddenLabel' | 'onChange'>, Pick<RadioGroupProps, 'name' | 'value' | 'onChange'> {
|
|
261
|
-
RadioGroupProps?: Omit<RadioGroupProps, 'value' | 'onChange' | 'children'>;
|
|
262
|
-
label?: ReactNode;
|
|
263
|
-
FormLabelProps?: Omit<FormLabelProps, 'children'>;
|
|
264
|
-
helperText?: ReactNode;
|
|
265
|
-
FormHelperTextProps?: Omit<FormHelperTextProps, 'children'>;
|
|
266
|
-
}
|
|
254
|
+
interface RadioGroupFieldProps extends Omit<FormControlProps, 'hiddenLabel' | 'onChange'>, Pick<RadioGroupProps, 'name' | 'value' | 'onChange'> {
|
|
255
|
+
RadioGroupProps?: Omit<RadioGroupProps, 'value' | 'onChange' | 'children'>;
|
|
256
|
+
label?: ReactNode;
|
|
257
|
+
FormLabelProps?: Omit<FormLabelProps, 'children'>;
|
|
258
|
+
helperText?: ReactNode;
|
|
259
|
+
FormHelperTextProps?: Omit<FormHelperTextProps, 'children'>;
|
|
260
|
+
}
|
|
267
261
|
declare const RadioGroupField: ForwardRefExoticComponent<RadioGroupFieldProps>;
|
|
268
262
|
|
|
269
|
-
declare type CollapseBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
|
|
263
|
+
declare type CollapseBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
|
|
270
264
|
declare function useCollapseBreakpoint(collapseBreakpoint: undefined | CollapseBreakpoint): boolean;
|
|
271
265
|
|
|
272
|
-
declare type MinBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
|
|
266
|
+
declare type MinBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
|
|
273
267
|
declare function useMinBreakpoint(minBreakpoint: undefined | MinBreakpoint): boolean;
|
|
274
268
|
|
|
275
|
-
interface ResponsiveContext {
|
|
276
|
-
breakpoint?: Breakpoint;
|
|
277
|
-
}
|
|
278
|
-
interface ResponsiveContextProviderProps {
|
|
279
|
-
children?: ReactNode;
|
|
280
|
-
defaultBreakpoint?: Breakpoint;
|
|
281
|
-
}
|
|
282
|
-
declare function ResponsiveContextProvider({ children, defaultBreakpoint, }: ResponsiveContextProviderProps): ReactElement;
|
|
269
|
+
interface ResponsiveContext {
|
|
270
|
+
breakpoint?: Breakpoint;
|
|
271
|
+
}
|
|
272
|
+
interface ResponsiveContextProviderProps {
|
|
273
|
+
children?: ReactNode;
|
|
274
|
+
defaultBreakpoint?: Breakpoint;
|
|
275
|
+
}
|
|
276
|
+
declare function ResponsiveContextProvider({ children, defaultBreakpoint, }: ResponsiveContextProviderProps): ReactElement;
|
|
283
277
|
declare function useResponsiveContext(): ResponsiveContext;
|
|
284
278
|
|
|
285
|
-
declare type SnackbarContentClassKey = SnackbarContentClassKey$1 | 'icon' | 'closeButton' | 'variantError' | 'variantSuccess';
|
|
286
|
-
declare type SnackbarVariant = 'default' | 'error' | 'success';
|
|
287
|
-
interface SnackbarContentProps extends RefAttributes<
|
|
288
|
-
children?: ReactNode;
|
|
289
|
-
onClose?: () => void;
|
|
290
|
-
variant?: SnackbarVariant;
|
|
291
|
-
classes?: Partial<ClassNameMap<SnackbarContentClassKey>>;
|
|
292
|
-
}
|
|
293
|
-
declare const SnackbarContent: ForwardRefExoticComponent<
|
|
294
|
-
|
|
295
|
-
declare type SnackbarCloseReason = 'timeout' | 'explicit';
|
|
296
|
-
interface SnackbarProps extends Omit<SnackbarProps$1, 'onClose' | 'message' | 'children'> {
|
|
297
|
-
children?: ReactNode;
|
|
298
|
-
variant?: SnackbarVariant;
|
|
299
|
-
hasCloseButton?: boolean;
|
|
300
|
-
onClose?: (reason: SnackbarCloseReason) => void;
|
|
301
|
-
}
|
|
279
|
+
declare type SnackbarContentClassKey = SnackbarContentClassKey$1 | 'icon' | 'closeButton' | 'variantError' | 'variantSuccess';
|
|
280
|
+
declare type SnackbarVariant = 'default' | 'error' | 'success';
|
|
281
|
+
interface SnackbarContentProps extends RefAttributes<unknown>, Omit<SnackbarContentProps$1, 'classes' | 'message' | 'variant'> {
|
|
282
|
+
children?: ReactNode;
|
|
283
|
+
onClose?: () => void;
|
|
284
|
+
variant?: SnackbarVariant;
|
|
285
|
+
classes?: Partial<ClassNameMap<SnackbarContentClassKey>>;
|
|
286
|
+
}
|
|
287
|
+
declare const SnackbarContent: ForwardRefExoticComponent<SnackbarContentProps>;
|
|
288
|
+
|
|
289
|
+
declare type SnackbarCloseReason = 'timeout' | 'explicit';
|
|
290
|
+
interface SnackbarProps extends Omit<SnackbarProps$1, 'onClose' | 'message' | 'children'> {
|
|
291
|
+
children?: ReactNode;
|
|
292
|
+
variant?: SnackbarVariant;
|
|
293
|
+
hasCloseButton?: boolean;
|
|
294
|
+
onClose?: (reason: SnackbarCloseReason) => void;
|
|
295
|
+
}
|
|
302
296
|
declare const Snackbar: ForwardRefExoticComponent<SnackbarProps>;
|
|
303
297
|
|
|
304
|
-
interface SnackbarStackOptions extends Omit<SnackbarProps, 'open' | 'children'> {
|
|
305
|
-
key?: Key;
|
|
306
|
-
}
|
|
307
|
-
interface SnackbarStack {
|
|
308
|
-
clearStack: () => void;
|
|
309
|
-
addSnackbar: (message: ReactNode, options?: SnackbarStackOptions) => () => void;
|
|
310
|
-
}
|
|
311
|
-
declare function useSnackbarStack(): SnackbarStack;
|
|
312
|
-
declare function SnackbarStackConsumer({ children, }: ConsumerProps<SnackbarStack>): ReactElement;
|
|
313
|
-
interface SnackbarStackProviderProps {
|
|
314
|
-
children: ReactNode;
|
|
315
|
-
}
|
|
298
|
+
interface SnackbarStackOptions extends Omit<SnackbarProps, 'open' | 'children'> {
|
|
299
|
+
key?: Key;
|
|
300
|
+
}
|
|
301
|
+
interface SnackbarStack {
|
|
302
|
+
clearStack: () => void;
|
|
303
|
+
addSnackbar: (message: ReactNode, options?: SnackbarStackOptions) => () => void;
|
|
304
|
+
}
|
|
305
|
+
declare function useSnackbarStack(): SnackbarStack;
|
|
306
|
+
declare function SnackbarStackConsumer({ children, }: ConsumerProps<SnackbarStack>): ReactElement;
|
|
307
|
+
interface SnackbarStackProviderProps {
|
|
308
|
+
children: ReactNode;
|
|
309
|
+
}
|
|
316
310
|
declare function SnackbarStackProvider({ children, }: SnackbarStackProviderProps): ReactElement;
|
|
317
311
|
|
|
318
|
-
interface StackProps {
|
|
319
|
-
children?: ReactNode;
|
|
320
|
-
'aria-label'?: string;
|
|
321
|
-
'aria-labelledby'?: string;
|
|
322
|
-
space?: ResponsiveProp<SpaceProp>;
|
|
323
|
-
align?: ResponsiveProp<HorizontalAlign>;
|
|
324
|
-
}
|
|
312
|
+
interface StackProps {
|
|
313
|
+
children?: ReactNode;
|
|
314
|
+
'aria-label'?: string;
|
|
315
|
+
'aria-labelledby'?: string;
|
|
316
|
+
space?: ResponsiveProp<SpaceProp>;
|
|
317
|
+
align?: ResponsiveProp<HorizontalAlign>;
|
|
318
|
+
}
|
|
325
319
|
declare const Stack: ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>>;
|
|
326
320
|
|
|
327
|
-
declare type TagClassKey = 'root' | 'colorGrey' | 'colorBlue' | 'colorGreen' | 'colorPurple' | 'colorRed' | 'colorTeal' | 'colorYellow' | 'variantSubtle' | 'variantBold';
|
|
328
|
-
interface TagProps extends RefAttributes<unknown>, Omit<TypographyProps, 'ref' | 'classes' | 'color' | 'variant'> {
|
|
329
|
-
classes?: Partial<ClassNameMap<TagClassKey>>;
|
|
330
|
-
component?: ElementType;
|
|
331
|
-
color: 'grey' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
|
|
332
|
-
variant: 'subtle' | 'bold';
|
|
333
|
-
fontWeight?: 'regular' | 'bold';
|
|
334
|
-
}
|
|
321
|
+
declare type TagClassKey = 'root' | 'colorGrey' | 'colorBlue' | 'colorGreen' | 'colorPurple' | 'colorRed' | 'colorTeal' | 'colorYellow' | 'variantSubtle' | 'variantBold';
|
|
322
|
+
interface TagProps extends RefAttributes<unknown>, Omit<TypographyProps, 'ref' | 'classes' | 'color' | 'variant'> {
|
|
323
|
+
classes?: Partial<ClassNameMap<TagClassKey>>;
|
|
324
|
+
component?: ElementType;
|
|
325
|
+
color: 'grey' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
|
|
326
|
+
variant: 'subtle' | 'bold';
|
|
327
|
+
fontWeight?: 'regular' | 'bold';
|
|
328
|
+
}
|
|
335
329
|
declare const Tag: ForwardRefExoticComponent<TagProps>;
|
|
336
330
|
|
|
337
|
-
declare type ColorVariant = 'grey' | 'silver' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
|
|
338
|
-
declare enum Color {
|
|
339
|
-
White = "#fff",
|
|
340
|
-
White50 = "rgba(255, 255, 255, 0.5)",
|
|
341
|
-
White40 = "rgba(255, 255, 255, 0.4)",
|
|
342
|
-
White20 = "rgba(255, 255, 255, 0.2)",
|
|
343
|
-
White10 = "rgba(255, 255, 255, 0.1)",
|
|
344
|
-
White08 = "rgba(255, 255, 255, 0.08)",
|
|
345
|
-
Transparent = "rgba(0, 0, 0, 0)",
|
|
346
|
-
Black = "#000",
|
|
347
|
-
Black50 = "rgba(0, 0, 0, 0.5)",
|
|
348
|
-
Black20 = "rgba(0, 0, 0, 0.2)",
|
|
349
|
-
/**@deprecated Use Dark100 */
|
|
350
|
-
Grey100 = "#8F949E",
|
|
351
|
-
/**@deprecated Use Dark200 */
|
|
352
|
-
Grey200 = "#6A707C",
|
|
353
|
-
/**@deprecated Use Dark300 */
|
|
354
|
-
Grey300 = "#5B6371",
|
|
355
|
-
/**@deprecated Use Dark400 */
|
|
356
|
-
Grey400 = "#323C4E",
|
|
357
|
-
/**@deprecated Use Dark450 */
|
|
358
|
-
Grey450 = "#222F44",
|
|
359
|
-
/**@deprecated Use Dark500 */
|
|
360
|
-
Grey500 = "#192334",
|
|
361
|
-
Dark100 = "#8F949E",
|
|
362
|
-
Dark200 = "#6A707C",
|
|
363
|
-
Dark300 = "#5B6371",
|
|
364
|
-
Dark400 = "#323C4E",
|
|
365
|
-
Dark450 = "#222F44",
|
|
366
|
-
Dark500 = "#192334",
|
|
367
|
-
Silver100 = "#F6F7F8",
|
|
368
|
-
Silver200 = "#F3F5F8",
|
|
369
|
-
Silver300 = "#E8ECF0",
|
|
370
|
-
Silver400 = "#E1E5EA",
|
|
371
|
-
Silver500 = "#C4CDD5",
|
|
372
|
-
Blue50 = "#EBF4FF",
|
|
373
|
-
Blue75 = "#CCE5FF",
|
|
374
|
-
Blue100 = "#A8D1FF",
|
|
375
|
-
Blue200 = "#66ADFF",
|
|
376
|
-
Blue300 = "#0075FF",
|
|
377
|
-
Blue400 = "#0063DB",
|
|
378
|
-
Blue500 = "#0050B2",
|
|
379
|
-
Green50 = "#ECF9EF",
|
|
380
|
-
Green75 = "#C8F4D1",
|
|
381
|
-
Green100 = "#90EAAE",
|
|
382
|
-
Green200 = "#5DDA87",
|
|
383
|
-
Green300 = "#1FA84D",
|
|
384
|
-
Green400 = "#1E8F46",
|
|
385
|
-
Green500 = "#19803D",
|
|
386
|
-
Purple50 = "#EFEEFC",
|
|
387
|
-
Purple75 = "#DCDBF5",
|
|
388
|
-
Purple100 = "#CBC8EE",
|
|
389
|
-
Purple200 = "#A7A1E8",
|
|
390
|
-
Purple300 = "#6559CF",
|
|
391
|
-
Purple400 = "#473ABB",
|
|
392
|
-
Purple500 = "#3A2F9D",
|
|
393
|
-
Red50 = "#FFEDEB",
|
|
394
|
-
Red75 = "#FDD9D3",
|
|
395
|
-
Red100 = "#FDC2BA",
|
|
396
|
-
Red200 = "#FE988B",
|
|
397
|
-
Red300 = "#EE3017",
|
|
398
|
-
Red400 = "#D9210D",
|
|
399
|
-
Red500 = "#C31909",
|
|
400
|
-
Teal50 = "#E3F6FC",
|
|
401
|
-
Teal75 = "#BEEDF9",
|
|
402
|
-
Teal100 = "#91E3F8",
|
|
403
|
-
Teal200 = "#61D3EF",
|
|
404
|
-
Teal300 = "#00A0CC",
|
|
405
|
-
Teal400 = "#008DB8",
|
|
406
|
-
Teal500 = "#007DA3",
|
|
407
|
-
Yellow50 = "#FFF9E5",
|
|
408
|
-
Yellow75 = "#FFF1C2",
|
|
409
|
-
Yellow100 = "#FFE494",
|
|
410
|
-
Yellow200 = "#FFDC6B",
|
|
411
|
-
Yellow300 = "#FFCB47",
|
|
412
|
-
Yellow400 = "#FFA91F",
|
|
413
|
-
Yellow500 = "#DB7500"
|
|
414
|
-
}
|
|
415
|
-
declare type ColorProp = keyof typeof Color;
|
|
331
|
+
declare type ColorVariant = 'grey' | 'silver' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
|
|
332
|
+
declare enum Color {
|
|
333
|
+
White = "#fff",
|
|
334
|
+
White50 = "rgba(255, 255, 255, 0.5)",
|
|
335
|
+
White40 = "rgba(255, 255, 255, 0.4)",
|
|
336
|
+
White20 = "rgba(255, 255, 255, 0.2)",
|
|
337
|
+
White10 = "rgba(255, 255, 255, 0.1)",
|
|
338
|
+
White08 = "rgba(255, 255, 255, 0.08)",
|
|
339
|
+
Transparent = "rgba(0, 0, 0, 0)",
|
|
340
|
+
Black = "#000",
|
|
341
|
+
Black50 = "rgba(0, 0, 0, 0.5)",
|
|
342
|
+
Black20 = "rgba(0, 0, 0, 0.2)",
|
|
343
|
+
/**@deprecated Use Dark100 */
|
|
344
|
+
Grey100 = "#8F949E",
|
|
345
|
+
/**@deprecated Use Dark200 */
|
|
346
|
+
Grey200 = "#6A707C",
|
|
347
|
+
/**@deprecated Use Dark300 */
|
|
348
|
+
Grey300 = "#5B6371",
|
|
349
|
+
/**@deprecated Use Dark400 */
|
|
350
|
+
Grey400 = "#323C4E",
|
|
351
|
+
/**@deprecated Use Dark450 */
|
|
352
|
+
Grey450 = "#222F44",
|
|
353
|
+
/**@deprecated Use Dark500 */
|
|
354
|
+
Grey500 = "#192334",
|
|
355
|
+
Dark100 = "#8F949E",
|
|
356
|
+
Dark200 = "#6A707C",
|
|
357
|
+
Dark300 = "#5B6371",
|
|
358
|
+
Dark400 = "#323C4E",
|
|
359
|
+
Dark450 = "#222F44",
|
|
360
|
+
Dark500 = "#192334",
|
|
361
|
+
Silver100 = "#F6F7F8",
|
|
362
|
+
Silver200 = "#F3F5F8",
|
|
363
|
+
Silver300 = "#E8ECF0",
|
|
364
|
+
Silver400 = "#E1E5EA",
|
|
365
|
+
Silver500 = "#C4CDD5",
|
|
366
|
+
Blue50 = "#EBF4FF",
|
|
367
|
+
Blue75 = "#CCE5FF",
|
|
368
|
+
Blue100 = "#A8D1FF",
|
|
369
|
+
Blue200 = "#66ADFF",
|
|
370
|
+
Blue300 = "#0075FF",
|
|
371
|
+
Blue400 = "#0063DB",
|
|
372
|
+
Blue500 = "#0050B2",
|
|
373
|
+
Green50 = "#ECF9EF",
|
|
374
|
+
Green75 = "#C8F4D1",
|
|
375
|
+
Green100 = "#90EAAE",
|
|
376
|
+
Green200 = "#5DDA87",
|
|
377
|
+
Green300 = "#1FA84D",
|
|
378
|
+
Green400 = "#1E8F46",
|
|
379
|
+
Green500 = "#19803D",
|
|
380
|
+
Purple50 = "#EFEEFC",
|
|
381
|
+
Purple75 = "#DCDBF5",
|
|
382
|
+
Purple100 = "#CBC8EE",
|
|
383
|
+
Purple200 = "#A7A1E8",
|
|
384
|
+
Purple300 = "#6559CF",
|
|
385
|
+
Purple400 = "#473ABB",
|
|
386
|
+
Purple500 = "#3A2F9D",
|
|
387
|
+
Red50 = "#FFEDEB",
|
|
388
|
+
Red75 = "#FDD9D3",
|
|
389
|
+
Red100 = "#FDC2BA",
|
|
390
|
+
Red200 = "#FE988B",
|
|
391
|
+
Red300 = "#EE3017",
|
|
392
|
+
Red400 = "#D9210D",
|
|
393
|
+
Red500 = "#C31909",
|
|
394
|
+
Teal50 = "#E3F6FC",
|
|
395
|
+
Teal75 = "#BEEDF9",
|
|
396
|
+
Teal100 = "#91E3F8",
|
|
397
|
+
Teal200 = "#61D3EF",
|
|
398
|
+
Teal300 = "#00A0CC",
|
|
399
|
+
Teal400 = "#008DB8",
|
|
400
|
+
Teal500 = "#007DA3",
|
|
401
|
+
Yellow50 = "#FFF9E5",
|
|
402
|
+
Yellow75 = "#FFF1C2",
|
|
403
|
+
Yellow100 = "#FFE494",
|
|
404
|
+
Yellow200 = "#FFDC6B",
|
|
405
|
+
Yellow300 = "#FFCB47",
|
|
406
|
+
Yellow400 = "#FFA91F",
|
|
407
|
+
Yellow500 = "#DB7500"
|
|
408
|
+
}
|
|
409
|
+
declare type ColorProp = keyof typeof Color;
|
|
416
410
|
declare function isColorProp(name: unknown): name is ColorProp;
|
|
417
411
|
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
412
|
+
declare type SuperDispatchTheme = Readonly<Required<Theme>>;
|
|
413
|
+
|
|
414
|
+
interface ThemeProviderProps {
|
|
415
|
+
children?: ReactNode;
|
|
416
|
+
injectFirst?: boolean;
|
|
417
|
+
modifier?: (theme: SuperDispatchTheme) => SuperDispatchTheme;
|
|
418
|
+
}
|
|
423
419
|
declare function ThemeProvider({ modifier, children, injectFirst, }: ThemeProviderProps): ReactElement;
|
|
424
420
|
|
|
425
|
-
declare type TilesSpace = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
|
|
426
|
-
declare type TilesColumns = 1 | 2 | 3 | 4 | 5 | 6;
|
|
427
|
-
interface TilesProps {
|
|
428
|
-
children?: ReactNode;
|
|
429
|
-
space?: ResponsivePropRecord<TilesSpace>;
|
|
430
|
-
columns?: ResponsivePropRecord<TilesColumns>;
|
|
431
|
-
}
|
|
421
|
+
declare type TilesSpace = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
|
|
422
|
+
declare type TilesColumns = 1 | 2 | 3 | 4 | 5 | 6;
|
|
423
|
+
interface TilesProps {
|
|
424
|
+
children?: ReactNode;
|
|
425
|
+
space?: ResponsivePropRecord<TilesSpace>;
|
|
426
|
+
columns?: ResponsivePropRecord<TilesColumns>;
|
|
427
|
+
}
|
|
432
428
|
declare const Tiles: ForwardRefExoticComponent<TilesProps & RefAttributes<HTMLDivElement>>;
|
|
433
429
|
|
|
434
|
-
interface ExitTransitionPlaceholderProps {
|
|
435
|
-
in: boolean;
|
|
436
|
-
children: ReactNode;
|
|
437
|
-
}
|
|
430
|
+
interface ExitTransitionPlaceholderProps {
|
|
431
|
+
in: boolean;
|
|
432
|
+
children: ReactNode;
|
|
433
|
+
}
|
|
438
434
|
declare function ExitTransitionPlaceholder({ in: inProp, children: childrenProp, }: ExitTransitionPlaceholderProps): null | ReactElement;
|
|
439
435
|
|
|
440
436
|
declare function isEmptyReactNode(node: ReactNode): node is null | undefined | boolean | string;
|
|
441
437
|
|
|
442
|
-
declare function mergeRefs<T>(...refs: Array<null | undefined | Ref<T>>): (node: T) => void;
|
|
438
|
+
declare function mergeRefs<T>(...refs: Array<null | undefined | Ref<T>>): (node: T) => void;
|
|
443
439
|
declare function assignRef<T>(ref: Ref<T> | undefined, value: T): void;
|
|
444
440
|
|
|
445
441
|
declare function renderChildren(node: ReactNode): null | ReactElement;
|
|
@@ -448,23 +444,23 @@ declare function useResizeObserver<T extends HTMLElement>(node: null | undefined
|
|
|
448
444
|
|
|
449
445
|
declare function useUID(defaultID?: string): string;
|
|
450
446
|
|
|
451
|
-
declare type ElementVisibility = 'undetermined' | 'visible' | 'invisible';
|
|
452
|
-
interface VisibilityObserverOptions {
|
|
453
|
-
threshold?: number;
|
|
454
|
-
marginTop?: string;
|
|
455
|
-
marginLeft?: string;
|
|
456
|
-
marginRight?: string;
|
|
457
|
-
marginBottom?: string;
|
|
458
|
-
}
|
|
459
|
-
declare function useVisibilityObserver<T extends Element>(node: null | undefined | T, { threshold, marginTop, marginLeft, marginRight, marginBottom, }?: VisibilityObserverOptions): ElementVisibility;
|
|
460
|
-
interface VisibilityObserverRenderProps {
|
|
461
|
-
visibility: ElementVisibility;
|
|
462
|
-
ref: <T extends HTMLElement>(node: null | T) => void;
|
|
463
|
-
}
|
|
464
|
-
interface VisibilityObserverProps extends VisibilityObserverOptions {
|
|
465
|
-
render: (props: VisibilityObserverRenderProps) => ReactNode;
|
|
466
|
-
onChange?: (visibility: ElementVisibility) => void;
|
|
467
|
-
}
|
|
447
|
+
declare type ElementVisibility = 'undetermined' | 'visible' | 'invisible';
|
|
448
|
+
interface VisibilityObserverOptions {
|
|
449
|
+
threshold?: number;
|
|
450
|
+
marginTop?: string;
|
|
451
|
+
marginLeft?: string;
|
|
452
|
+
marginRight?: string;
|
|
453
|
+
marginBottom?: string;
|
|
454
|
+
}
|
|
455
|
+
declare function useVisibilityObserver<T extends Element>(node: null | undefined | T, { threshold, marginTop, marginLeft, marginRight, marginBottom, }?: VisibilityObserverOptions): ElementVisibility;
|
|
456
|
+
interface VisibilityObserverRenderProps {
|
|
457
|
+
visibility: ElementVisibility;
|
|
458
|
+
ref: <T extends HTMLElement>(node: null | T) => void;
|
|
459
|
+
}
|
|
460
|
+
interface VisibilityObserverProps extends VisibilityObserverOptions {
|
|
461
|
+
render: (props: VisibilityObserverRenderProps) => ReactNode;
|
|
462
|
+
onChange?: (visibility: ElementVisibility) => void;
|
|
463
|
+
}
|
|
468
464
|
declare function VisibilityObserver({ render, onChange, ...options }: VisibilityObserverProps): null | ReactElement;
|
|
469
465
|
|
|
470
|
-
export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardProps, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, RadioField, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
|
|
466
|
+
export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerListProps, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardClassKey, InfoCardProps, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, RadioField, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
|