@almeidinha/mf-ui 2.0.0
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/LICENSE +21 -0
- package/README.md +149 -0
- package/dist/flags-large-32-O3VQGXOM.png +0 -0
- package/dist/flags-medium-32-ICGJ7AMM.png +0 -0
- package/dist/flags-small-32-SRYQIJGQ.png +0 -0
- package/dist/index.d.mts +3204 -0
- package/dist/index.d.ts +3204 -0
- package/dist/index.js +24655 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +24634 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +111 -0
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,3204 @@
|
|
|
1
|
+
import * as styled_components_dist_types from 'styled-components/dist/types';
|
|
2
|
+
import * as styled_components from 'styled-components';
|
|
3
|
+
import { CSSProperties as CSSProperties$1 } from 'styled-components';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import React__default, { PureComponent, HTMLAttributes, FC as FC$1, PropsWithChildren as PropsWithChildren$1, ComponentType, ReactNode, RefObject, InputHTMLAttributes, CSSProperties, TdHTMLAttributes, ThHTMLAttributes, Key, AnchorHTMLAttributes, TextareaHTMLAttributes, ReactElement, UIEvent } from 'react';
|
|
6
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* New function-based slot shape:
|
|
10
|
+
* const MySlot: SlotComponent<Props> = (props) => ...
|
|
11
|
+
*/
|
|
12
|
+
type SlotComponent<P = unknown> = FC<PropsWithChildren<P>> & {
|
|
13
|
+
__slot?: true;
|
|
14
|
+
};
|
|
15
|
+
declare class Slot<T = unknown> extends PureComponent<PropsWithChildren<T>> {
|
|
16
|
+
static __slot: boolean;
|
|
17
|
+
render(): PropsWithChildren<T>["children"] | undefined;
|
|
18
|
+
}
|
|
19
|
+
declare class StylableSlot extends Slot<HTMLAttributes<HTMLDivElement>> {
|
|
20
|
+
render(): react_jsx_runtime.JSX.Element;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/** @see https://stackoverflow.com/a/49725198/29182 */
|
|
24
|
+
type RequireOnlyOne$1<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
|
|
25
|
+
[K in Keys]-?: Required<Pick<T, K>> & Partial<Record<Exclude<Keys, K>, undefined>>;
|
|
26
|
+
}[Keys];
|
|
27
|
+
type MappedEnum<E, T> = {
|
|
28
|
+
[key in keyof E]: T;
|
|
29
|
+
};
|
|
30
|
+
type PropsWithChildren<T = unknown> = PropsWithChildren$1<T>;
|
|
31
|
+
type FC<P = {}, E extends {
|
|
32
|
+
[x: symbol]: FC$1<PropsWithChildren> | typeof Slot;
|
|
33
|
+
} = {}> = FC$1<P> & {
|
|
34
|
+
[key in keyof E]: E[key];
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
type Placement = "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "left-start";
|
|
38
|
+
|
|
39
|
+
declare const enum TextAspects {
|
|
40
|
+
Default = 1,
|
|
41
|
+
Muted = 2,
|
|
42
|
+
Soft = 4,
|
|
43
|
+
Critical = 8,
|
|
44
|
+
Success = 16,
|
|
45
|
+
OnPrimary = 32,
|
|
46
|
+
OnCritical = 64,
|
|
47
|
+
Highlight = 128,
|
|
48
|
+
Neutral = 256
|
|
49
|
+
}
|
|
50
|
+
type TextAspectsFlags<T> = {
|
|
51
|
+
default?: T;
|
|
52
|
+
neutral?: T;
|
|
53
|
+
muted?: T;
|
|
54
|
+
soft?: T;
|
|
55
|
+
critical?: T;
|
|
56
|
+
success?: T;
|
|
57
|
+
highlight?: T;
|
|
58
|
+
onPrimary?: T;
|
|
59
|
+
onCritical?: T;
|
|
60
|
+
};
|
|
61
|
+
type TextAspectProps = Partial<RequireOnlyOne$1<TextAspectsFlags<boolean>>> & PropsWithChildren;
|
|
62
|
+
type TextOptions<T> = MappedEnum<typeof TextAspects, T>;
|
|
63
|
+
type TransientTextOptions = Omit<TextOptions<boolean>, "onCritical" | "onPrimary"> & {
|
|
64
|
+
$onCritical?: boolean;
|
|
65
|
+
$onPrimary?: boolean;
|
|
66
|
+
};
|
|
67
|
+
type ITransientTextAspectProps = Partial<RequireOnlyOne$1<TransientTextOptions>> & PropsWithChildren;
|
|
68
|
+
|
|
69
|
+
type LabelProps = ITransientTextAspectProps & {
|
|
70
|
+
default?: boolean;
|
|
71
|
+
subtle?: boolean;
|
|
72
|
+
strong?: boolean;
|
|
73
|
+
};
|
|
74
|
+
type BodyProps = ITransientTextAspectProps & {
|
|
75
|
+
default?: boolean;
|
|
76
|
+
strong?: boolean;
|
|
77
|
+
};
|
|
78
|
+
declare const TypographyStyles: {
|
|
79
|
+
Display: styled_components.RuleSet<ITransientTextAspectProps>;
|
|
80
|
+
Heading1: styled_components.RuleSet<ITransientTextAspectProps>;
|
|
81
|
+
Heading2: styled_components.RuleSet<ITransientTextAspectProps>;
|
|
82
|
+
Heading3: styled_components.RuleSet<ITransientTextAspectProps>;
|
|
83
|
+
Heading4: styled_components.RuleSet<ITransientTextAspectProps>;
|
|
84
|
+
Body: styled_components.RuleSet<BodyProps>;
|
|
85
|
+
BodyLarge: styled_components.RuleSet<BodyProps>;
|
|
86
|
+
Caption: styled_components.RuleSet<ITransientTextAspectProps>;
|
|
87
|
+
SoftText: styled_components.RuleSet<object>;
|
|
88
|
+
Label: styled_components.RuleSet<LabelProps>;
|
|
89
|
+
Link: styled_components.RuleSet<BodyProps>;
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
type ITextComponentProps = TextAspectProps & {
|
|
93
|
+
emphasis?: boolean;
|
|
94
|
+
as?: string;
|
|
95
|
+
} & HTMLAttributes<HTMLElement> & PropsWithChildren;
|
|
96
|
+
type TypographyVariant = "display" | "h1" | "h2" | "h3" | "h4" | "body-large" | "body" | "caption" | "label" | "link";
|
|
97
|
+
type SharedTypographyProps = ITextComponentProps;
|
|
98
|
+
type BodyTypographyProps = ITextComponentProps & BodyProps;
|
|
99
|
+
type LabelTypographyProps = ITextComponentProps & LabelProps;
|
|
100
|
+
type TypographyProps = ({
|
|
101
|
+
variant?: "display" | "h1" | "h2" | "h3" | "h4" | "caption";
|
|
102
|
+
} & SharedTypographyProps) | ({
|
|
103
|
+
variant: "body" | "body-large" | "link";
|
|
104
|
+
} & BodyTypographyProps) | ({
|
|
105
|
+
variant: "label";
|
|
106
|
+
} & LabelTypographyProps);
|
|
107
|
+
type ITransientTextComponentProps = ITransientTextAspectProps & {
|
|
108
|
+
$emphasis?: boolean;
|
|
109
|
+
} & HTMLAttributes<HTMLElement>;
|
|
110
|
+
declare const DISPLAY: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ITransientTextComponentProps>> & string;
|
|
111
|
+
declare const Display: FC<ITextComponentProps>;
|
|
112
|
+
declare const HEADING1: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, ITransientTextComponentProps>> & string;
|
|
113
|
+
declare const Heading1: FC<ITextComponentProps>;
|
|
114
|
+
declare const HEADING2: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, ITransientTextComponentProps>> & string;
|
|
115
|
+
declare const Heading2: FC<ITextComponentProps>;
|
|
116
|
+
declare const HEADING3: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, ITransientTextComponentProps>> & string;
|
|
117
|
+
declare const Heading3: FC<ITextComponentProps>;
|
|
118
|
+
declare const HEADING4: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, ITransientTextComponentProps>> & string;
|
|
119
|
+
declare const Heading4: FC<ITextComponentProps>;
|
|
120
|
+
declare const BODY_LARGE: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ITransientTextComponentProps & BodyProps>> & string;
|
|
121
|
+
declare const BodyLarge: FC<ITextComponentProps & BodyProps>;
|
|
122
|
+
declare const BODY: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ITransientTextComponentProps & BodyProps>> & string;
|
|
123
|
+
declare const Body: FC<ITextComponentProps & BodyProps>;
|
|
124
|
+
declare const CAPTION: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ITransientTextComponentProps>> & string;
|
|
125
|
+
declare const Caption: FC<ITextComponentProps>;
|
|
126
|
+
declare const LABEL: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, ITransientTextComponentProps & LabelProps>> & string;
|
|
127
|
+
declare const Label: FC<ITextComponentProps & LabelProps>;
|
|
128
|
+
declare const LINK: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ITransientTextComponentProps & BodyProps>> & string;
|
|
129
|
+
declare const Link: FC<ITextComponentProps & BodyProps>;
|
|
130
|
+
declare const Typography: FC<TypographyProps>;
|
|
131
|
+
|
|
132
|
+
declare const breakpointValues: {
|
|
133
|
+
readonly xs: 0;
|
|
134
|
+
readonly sm: 600;
|
|
135
|
+
readonly md: 768;
|
|
136
|
+
readonly lg: 1040;
|
|
137
|
+
readonly xl: 1440;
|
|
138
|
+
};
|
|
139
|
+
type Breakpoint = keyof typeof breakpointValues;
|
|
140
|
+
type BreakpointValues = Record<Breakpoint, number>;
|
|
141
|
+
declare function createBreakpoints(values?: BreakpointValues): {
|
|
142
|
+
keys: ("xs" | "sm" | "md" | "lg" | "xl")[];
|
|
143
|
+
values: BreakpointValues;
|
|
144
|
+
up: (breakpoint: Breakpoint | number) => string;
|
|
145
|
+
down: (breakpoint: Breakpoint | number) => string;
|
|
146
|
+
between: (start: Breakpoint | number, end: Breakpoint | number) => string;
|
|
147
|
+
only: (breakpoint: Breakpoint) => string;
|
|
148
|
+
};
|
|
149
|
+
declare const breakpoints: {
|
|
150
|
+
keys: ("xs" | "sm" | "md" | "lg" | "xl")[];
|
|
151
|
+
values: BreakpointValues;
|
|
152
|
+
up: (breakpoint: Breakpoint | number) => string;
|
|
153
|
+
down: (breakpoint: Breakpoint | number) => string;
|
|
154
|
+
between: (start: Breakpoint | number, end: Breakpoint | number) => string;
|
|
155
|
+
only: (breakpoint: Breakpoint) => string;
|
|
156
|
+
};
|
|
157
|
+
type Breakpoints = typeof breakpoints;
|
|
158
|
+
|
|
159
|
+
type ResponsiveValue<T> = T | Partial<Record<Breakpoint, T>>;
|
|
160
|
+
type SxScalar = number | string;
|
|
161
|
+
type SxEntry = false | null | SxObject | undefined;
|
|
162
|
+
type SxObject = {
|
|
163
|
+
[key: string]: SxObject | SxScalar | null | undefined | Partial<Record<Breakpoint, SxObject | SxScalar | null | undefined>>;
|
|
164
|
+
};
|
|
165
|
+
type SxProps = SxEntry[] | SxObject;
|
|
166
|
+
type LayoutPrimitiveProps = {
|
|
167
|
+
component?: React__default.ElementType;
|
|
168
|
+
sx?: SxProps;
|
|
169
|
+
};
|
|
170
|
+
|
|
171
|
+
type BoxProps = React__default.HTMLAttributes<HTMLElement> & LayoutPrimitiveProps;
|
|
172
|
+
declare const Box: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & LayoutPrimitiveProps & React__default.RefAttributes<HTMLElement>>;
|
|
173
|
+
|
|
174
|
+
type ContainerMaxWidth = Breakpoint | false;
|
|
175
|
+
type ContainerProps = React__default.HTMLAttributes<HTMLElement> & LayoutPrimitiveProps & {
|
|
176
|
+
disableGutters?: boolean;
|
|
177
|
+
fixed?: boolean;
|
|
178
|
+
maxWidth?: ContainerMaxWidth;
|
|
179
|
+
};
|
|
180
|
+
declare const Container: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & LayoutPrimitiveProps & {
|
|
181
|
+
disableGutters?: boolean;
|
|
182
|
+
fixed?: boolean;
|
|
183
|
+
maxWidth?: ContainerMaxWidth;
|
|
184
|
+
} & React__default.RefAttributes<HTMLElement>>;
|
|
185
|
+
|
|
186
|
+
declare enum SPACING {
|
|
187
|
+
Size2 = "2px",
|
|
188
|
+
Size4 = "4px",
|
|
189
|
+
Size8 = "8px",
|
|
190
|
+
Size12 = "12px",
|
|
191
|
+
Size16 = "16px",
|
|
192
|
+
Size24 = "24px",
|
|
193
|
+
Size32 = "32px",
|
|
194
|
+
Size48 = "48px",
|
|
195
|
+
Size64 = "64px",
|
|
196
|
+
Size96 = "96px",
|
|
197
|
+
Size128 = "128px",
|
|
198
|
+
Size192 = "192px",
|
|
199
|
+
Size256 = "256px",
|
|
200
|
+
Size384 = "384px",
|
|
201
|
+
Size512 = "512px",
|
|
202
|
+
Size640 = "640px",
|
|
203
|
+
Size768 = "768px"
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
type FlexAlign = "flex-start" | "center" | "flex-end";
|
|
207
|
+
type FlexJustify = "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
|
|
208
|
+
type FlexProps = React__default.HTMLAttributes<HTMLElement> & {
|
|
209
|
+
align?: FlexAlign;
|
|
210
|
+
column?: boolean;
|
|
211
|
+
component?: React__default.ElementType;
|
|
212
|
+
gap?: SPACING;
|
|
213
|
+
justify?: FlexJustify;
|
|
214
|
+
};
|
|
215
|
+
declare const Flex: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & {
|
|
216
|
+
align?: FlexAlign;
|
|
217
|
+
column?: boolean;
|
|
218
|
+
component?: React__default.ElementType;
|
|
219
|
+
gap?: SPACING;
|
|
220
|
+
justify?: FlexJustify;
|
|
221
|
+
} & React__default.RefAttributes<HTMLElement>>;
|
|
222
|
+
|
|
223
|
+
type GridProps = PropsWithChildren<{
|
|
224
|
+
columns?: number;
|
|
225
|
+
rows?: number;
|
|
226
|
+
columnGutter?: number;
|
|
227
|
+
rowGutter?: number;
|
|
228
|
+
}>;
|
|
229
|
+
type GridDefaults = Omit<GridProps, "children">;
|
|
230
|
+
declare const Grid: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GridProps>> & string;
|
|
231
|
+
interface CellProps {
|
|
232
|
+
colSpan?: number;
|
|
233
|
+
rowSpan?: number;
|
|
234
|
+
colStart?: number;
|
|
235
|
+
rowStart?: number;
|
|
236
|
+
}
|
|
237
|
+
declare const Cell: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CellProps>> & string;
|
|
238
|
+
declare function gridLayoutGenerator(defaults?: GridDefaults): {
|
|
239
|
+
Grid: FC<GridProps>;
|
|
240
|
+
Cell: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CellProps>> & string;
|
|
241
|
+
};
|
|
242
|
+
|
|
243
|
+
interface ILeftRightLayoutGeneratorProps {
|
|
244
|
+
columns?: number;
|
|
245
|
+
columnGutter?: number;
|
|
246
|
+
rowGutter?: number;
|
|
247
|
+
}
|
|
248
|
+
declare function leftRightLayoutGenerator(layoutProps?: ILeftRightLayoutGeneratorProps): {
|
|
249
|
+
LeftRightLayout: FC<{
|
|
250
|
+
children?: React.ReactNode | undefined;
|
|
251
|
+
}, {
|
|
252
|
+
Left: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
253
|
+
Right: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
254
|
+
HeadingText: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<ITextComponentProps & styled_components_dist_types.BaseObject, styled_components_dist_types.BaseObject>> & string & Omit<FC<ITextComponentProps>, keyof React.Component<any, {}, any>>;
|
|
255
|
+
HelpText: FC<ITextComponentProps & BodyProps>;
|
|
256
|
+
BodyText: FC<ITextComponentProps & BodyProps>;
|
|
257
|
+
}>;
|
|
258
|
+
Layout: FC<{
|
|
259
|
+
children?: React.ReactNode | undefined;
|
|
260
|
+
}, {
|
|
261
|
+
Left: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
262
|
+
Right: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
263
|
+
HeadingText: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<ITextComponentProps & styled_components_dist_types.BaseObject, styled_components_dist_types.BaseObject>> & string & Omit<FC<ITextComponentProps>, keyof React.Component<any, {}, any>>;
|
|
264
|
+
HelpText: FC<ITextComponentProps & BodyProps>;
|
|
265
|
+
BodyText: FC<ITextComponentProps & BodyProps>;
|
|
266
|
+
}>;
|
|
267
|
+
Left: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
268
|
+
Right: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
269
|
+
};
|
|
270
|
+
|
|
271
|
+
type PaperVariant = "elevation" | "outlined";
|
|
272
|
+
type PaperProps = React__default.HTMLAttributes<HTMLElement> & LayoutPrimitiveProps & {
|
|
273
|
+
elevation?: number;
|
|
274
|
+
square?: boolean;
|
|
275
|
+
variant?: PaperVariant;
|
|
276
|
+
};
|
|
277
|
+
declare const Paper: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & LayoutPrimitiveProps & {
|
|
278
|
+
elevation?: number;
|
|
279
|
+
square?: boolean;
|
|
280
|
+
variant?: PaperVariant;
|
|
281
|
+
} & React__default.RefAttributes<HTMLElement>>;
|
|
282
|
+
|
|
283
|
+
type StackDirection = "column" | "column-reverse" | "row" | "row-reverse";
|
|
284
|
+
type StackProps = React__default.HTMLAttributes<HTMLElement> & LayoutPrimitiveProps & {
|
|
285
|
+
direction?: ResponsiveValue<StackDirection>;
|
|
286
|
+
divider?: React__default.ReactNode;
|
|
287
|
+
spacing?: ResponsiveValue<number | string>;
|
|
288
|
+
useFlexGap?: boolean;
|
|
289
|
+
};
|
|
290
|
+
declare const Stack: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & LayoutPrimitiveProps & {
|
|
291
|
+
direction?: ResponsiveValue<StackDirection>;
|
|
292
|
+
divider?: React__default.ReactNode;
|
|
293
|
+
spacing?: ResponsiveValue<number | string>;
|
|
294
|
+
useFlexGap?: boolean;
|
|
295
|
+
} & React__default.RefAttributes<HTMLElement>>;
|
|
296
|
+
|
|
297
|
+
declare const Icon: {
|
|
298
|
+
ArrowsUpDownLeftRight: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
299
|
+
displayName?: string;
|
|
300
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
301
|
+
} & {};
|
|
302
|
+
BadgePercent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
303
|
+
displayName?: string;
|
|
304
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
305
|
+
} & {};
|
|
306
|
+
Bell: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
307
|
+
displayName?: string;
|
|
308
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
309
|
+
} & {};
|
|
310
|
+
Book: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
311
|
+
displayName?: string;
|
|
312
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
313
|
+
} & {};
|
|
314
|
+
BoxArchive: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
315
|
+
displayName?: string;
|
|
316
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
317
|
+
} & {};
|
|
318
|
+
BuildingColumns: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
319
|
+
displayName?: string;
|
|
320
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
321
|
+
} & {};
|
|
322
|
+
Building: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
323
|
+
displayName?: string;
|
|
324
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
325
|
+
} & {};
|
|
326
|
+
BullseyeArrow: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
327
|
+
displayName?: string;
|
|
328
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
329
|
+
} & {};
|
|
330
|
+
Calculator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
331
|
+
displayName?: string;
|
|
332
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
333
|
+
} & {};
|
|
334
|
+
CalendarDay: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
335
|
+
displayName?: string;
|
|
336
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
337
|
+
} & {};
|
|
338
|
+
ChartLine: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
339
|
+
displayName?: string;
|
|
340
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
341
|
+
} & {};
|
|
342
|
+
ChartSimple: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
343
|
+
displayName?: string;
|
|
344
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
345
|
+
} & {};
|
|
346
|
+
Check: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
347
|
+
displayName?: string;
|
|
348
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
349
|
+
} & {};
|
|
350
|
+
CircleCheck: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
351
|
+
displayName?: string;
|
|
352
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
353
|
+
} & {};
|
|
354
|
+
CircleInfo: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
355
|
+
displayName?: string;
|
|
356
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
357
|
+
} & {};
|
|
358
|
+
CircleQuestion: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
359
|
+
displayName?: string;
|
|
360
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
361
|
+
} & {};
|
|
362
|
+
ClipboardCheck: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
363
|
+
displayName?: string;
|
|
364
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
365
|
+
} & {};
|
|
366
|
+
CommentLines: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
367
|
+
displayName?: string;
|
|
368
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
369
|
+
} & {};
|
|
370
|
+
DiamondExclamation: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
371
|
+
displayName?: string;
|
|
372
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
373
|
+
} & {};
|
|
374
|
+
Envelope: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
375
|
+
displayName?: string;
|
|
376
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
377
|
+
} & {};
|
|
378
|
+
Eye: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
379
|
+
displayName?: string;
|
|
380
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
381
|
+
} & {};
|
|
382
|
+
EyeSlash: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
383
|
+
displayName?: string;
|
|
384
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
385
|
+
} & {};
|
|
386
|
+
FileCertificate: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
387
|
+
displayName?: string;
|
|
388
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
389
|
+
} & {};
|
|
390
|
+
FileChartColumn: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
391
|
+
displayName?: string;
|
|
392
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
393
|
+
} & {};
|
|
394
|
+
FileInvoiceDollar: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
395
|
+
displayName?: string;
|
|
396
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
397
|
+
} & {};
|
|
398
|
+
FileLines: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
399
|
+
displayName?: string;
|
|
400
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
401
|
+
} & {};
|
|
402
|
+
Gear: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
403
|
+
displayName?: string;
|
|
404
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
405
|
+
} & {};
|
|
406
|
+
GraduationCap: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
407
|
+
displayName?: string;
|
|
408
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
409
|
+
} & {};
|
|
410
|
+
Heart: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
411
|
+
displayName?: string;
|
|
412
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
413
|
+
} & {};
|
|
414
|
+
House: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
415
|
+
displayName?: string;
|
|
416
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
417
|
+
} & {};
|
|
418
|
+
Inbox: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
419
|
+
displayName?: string;
|
|
420
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
421
|
+
} & {};
|
|
422
|
+
MagnifyingGlass: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
423
|
+
displayName?: string;
|
|
424
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
425
|
+
} & {};
|
|
426
|
+
PaperPlaneTop: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
427
|
+
displayName?: string;
|
|
428
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
429
|
+
} & {};
|
|
430
|
+
Plus: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
431
|
+
displayName?: string;
|
|
432
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
433
|
+
} & {};
|
|
434
|
+
SchoolFlag: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
435
|
+
displayName?: string;
|
|
436
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
437
|
+
} & {};
|
|
438
|
+
ShieldPlus: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
439
|
+
displayName?: string;
|
|
440
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
441
|
+
} & {};
|
|
442
|
+
Store: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
443
|
+
displayName?: string;
|
|
444
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
445
|
+
} & {};
|
|
446
|
+
Suitcase: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
447
|
+
displayName?: string;
|
|
448
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
449
|
+
} & {};
|
|
450
|
+
Tag: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
451
|
+
displayName?: string;
|
|
452
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
453
|
+
} & {};
|
|
454
|
+
BedFront: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
455
|
+
displayName?: string;
|
|
456
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
457
|
+
} & {};
|
|
458
|
+
TriangleExclamation: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
459
|
+
displayName?: string;
|
|
460
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
461
|
+
} & {};
|
|
462
|
+
UserGroup: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
463
|
+
displayName?: string;
|
|
464
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
465
|
+
} & {};
|
|
466
|
+
User: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
467
|
+
displayName?: string;
|
|
468
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
469
|
+
} & {};
|
|
470
|
+
Wrench: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
471
|
+
displayName?: string;
|
|
472
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
473
|
+
} & {};
|
|
474
|
+
XmarkLarge: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
475
|
+
displayName?: string;
|
|
476
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
477
|
+
} & {};
|
|
478
|
+
};
|
|
479
|
+
declare const IconMinor: {
|
|
480
|
+
ArrowDownToLine: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
481
|
+
displayName?: string;
|
|
482
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
483
|
+
} & {};
|
|
484
|
+
ArrowLeft: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
485
|
+
displayName?: string;
|
|
486
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
487
|
+
} & {};
|
|
488
|
+
ArrowRightFromBracket: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
489
|
+
displayName?: string;
|
|
490
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
491
|
+
} & {};
|
|
492
|
+
ArrowRight: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
493
|
+
displayName?: string;
|
|
494
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
495
|
+
} & {};
|
|
496
|
+
ArrowUpArrowDown: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
497
|
+
displayName?: string;
|
|
498
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
499
|
+
} & {};
|
|
500
|
+
ArrowUpFromLine: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
501
|
+
displayName?: string;
|
|
502
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
503
|
+
} & {};
|
|
504
|
+
ArrowUpRightFromSquare: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
505
|
+
displayName?: string;
|
|
506
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
507
|
+
} & {};
|
|
508
|
+
BadgeCheck: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
509
|
+
displayName?: string;
|
|
510
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
511
|
+
} & {};
|
|
512
|
+
BadgePercent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
513
|
+
displayName?: string;
|
|
514
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
515
|
+
} & {};
|
|
516
|
+
Ban: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
517
|
+
displayName?: string;
|
|
518
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
519
|
+
} & {};
|
|
520
|
+
BarsFilter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
521
|
+
displayName?: string;
|
|
522
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
523
|
+
} & {};
|
|
524
|
+
Bars: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
525
|
+
displayName?: string;
|
|
526
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
527
|
+
} & {};
|
|
528
|
+
BedFront: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
529
|
+
displayName?: string;
|
|
530
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
531
|
+
} & {};
|
|
532
|
+
Bold: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
533
|
+
displayName?: string;
|
|
534
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
535
|
+
} & {};
|
|
536
|
+
Bookmark: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
537
|
+
displayName?: string;
|
|
538
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
539
|
+
} & {};
|
|
540
|
+
Book: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
541
|
+
displayName?: string;
|
|
542
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
543
|
+
} & {};
|
|
544
|
+
BuildingColumns: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
545
|
+
displayName?: string;
|
|
546
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
547
|
+
} & {};
|
|
548
|
+
Calendar: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
549
|
+
displayName?: string;
|
|
550
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
551
|
+
} & {};
|
|
552
|
+
Campground: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
553
|
+
displayName?: string;
|
|
554
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
555
|
+
} & {};
|
|
556
|
+
CartShopping: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
557
|
+
displayName?: string;
|
|
558
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
559
|
+
} & {};
|
|
560
|
+
CartShoppingPlus: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
561
|
+
displayName?: string;
|
|
562
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
563
|
+
} & {};
|
|
564
|
+
ChartPieSimple: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
565
|
+
displayName?: string;
|
|
566
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
567
|
+
} & {};
|
|
568
|
+
Check: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
569
|
+
displayName?: string;
|
|
570
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
571
|
+
} & {};
|
|
572
|
+
ChevronDownSolid: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
573
|
+
displayName?: string;
|
|
574
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
575
|
+
} & {};
|
|
576
|
+
ChevronLeftSolid: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
577
|
+
displayName?: string;
|
|
578
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
579
|
+
} & {};
|
|
580
|
+
ChevronRightSolid: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
581
|
+
displayName?: string;
|
|
582
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
583
|
+
} & {};
|
|
584
|
+
ChevronUpSolid: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
585
|
+
displayName?: string;
|
|
586
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
587
|
+
} & {};
|
|
588
|
+
CircleDollar: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
589
|
+
displayName?: string;
|
|
590
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
591
|
+
} & {};
|
|
592
|
+
CircleExclamation: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
593
|
+
displayName?: string;
|
|
594
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
595
|
+
} & {};
|
|
596
|
+
CircleInfo: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
597
|
+
displayName?: string;
|
|
598
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
599
|
+
} & {};
|
|
600
|
+
CircleSmall: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
601
|
+
displayName?: string;
|
|
602
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
603
|
+
} & {};
|
|
604
|
+
Clock: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
605
|
+
displayName?: string;
|
|
606
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
607
|
+
} & {};
|
|
608
|
+
Clone: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
609
|
+
displayName?: string;
|
|
610
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
611
|
+
} & {};
|
|
612
|
+
Comment: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
613
|
+
displayName?: string;
|
|
614
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
615
|
+
} & {};
|
|
616
|
+
CreditCard: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
617
|
+
displayName?: string;
|
|
618
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
619
|
+
} & {};
|
|
620
|
+
Desktop: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
621
|
+
displayName?: string;
|
|
622
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
623
|
+
} & {};
|
|
624
|
+
Drag: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
625
|
+
displayName?: string;
|
|
626
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
627
|
+
} & {};
|
|
628
|
+
EllipsisVertical: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
629
|
+
displayName?: string;
|
|
630
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
631
|
+
} & {};
|
|
632
|
+
Envelope: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
633
|
+
displayName?: string;
|
|
634
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
635
|
+
} & {};
|
|
636
|
+
Eye: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
637
|
+
displayName?: string;
|
|
638
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
639
|
+
} & {};
|
|
640
|
+
EyeSlash: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
641
|
+
displayName?: string;
|
|
642
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
643
|
+
} & {};
|
|
644
|
+
Facebook: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
645
|
+
displayName?: string;
|
|
646
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
647
|
+
} & {};
|
|
648
|
+
FileLines: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
649
|
+
displayName?: string;
|
|
650
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
651
|
+
} & {};
|
|
652
|
+
FireBurner: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
653
|
+
displayName?: string;
|
|
654
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
655
|
+
} & {};
|
|
656
|
+
Fire: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
657
|
+
displayName?: string;
|
|
658
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
659
|
+
} & {};
|
|
660
|
+
Folder: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
661
|
+
displayName?: string;
|
|
662
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
663
|
+
} & {};
|
|
664
|
+
FolderOpen: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
665
|
+
displayName?: string;
|
|
666
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
667
|
+
} & {};
|
|
668
|
+
GraduationCap: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
669
|
+
displayName?: string;
|
|
670
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
671
|
+
} & {};
|
|
672
|
+
Gear: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
673
|
+
displayName?: string;
|
|
674
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
675
|
+
} & {};
|
|
676
|
+
GlobeRegular: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
677
|
+
displayName?: string;
|
|
678
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
679
|
+
} & {};
|
|
680
|
+
H1: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
681
|
+
displayName?: string;
|
|
682
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
683
|
+
} & {};
|
|
684
|
+
Heart: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
685
|
+
displayName?: string;
|
|
686
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
687
|
+
} & {};
|
|
688
|
+
HeartSolid: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
689
|
+
displayName?: string;
|
|
690
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
691
|
+
} & {};
|
|
692
|
+
HeartOnMedia: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
693
|
+
displayName?: string;
|
|
694
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
695
|
+
} & {};
|
|
696
|
+
Instagram: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
697
|
+
displayName?: string;
|
|
698
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
699
|
+
} & {};
|
|
700
|
+
Italic: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
701
|
+
displayName?: string;
|
|
702
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
703
|
+
} & {};
|
|
704
|
+
Link: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
705
|
+
displayName?: string;
|
|
706
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
707
|
+
} & {};
|
|
708
|
+
ListOl: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
709
|
+
displayName?: string;
|
|
710
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
711
|
+
} & {};
|
|
712
|
+
ListUl: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
713
|
+
displayName?: string;
|
|
714
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
715
|
+
} & {};
|
|
716
|
+
LocationDot: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
717
|
+
displayName?: string;
|
|
718
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
719
|
+
} & {};
|
|
720
|
+
Lock: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
721
|
+
displayName?: string;
|
|
722
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
723
|
+
} & {};
|
|
724
|
+
Loveseat: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
725
|
+
displayName?: string;
|
|
726
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
727
|
+
} & {};
|
|
728
|
+
MagnifyingGlass: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
729
|
+
displayName?: string;
|
|
730
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
731
|
+
} & {};
|
|
732
|
+
Minus: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
733
|
+
displayName?: string;
|
|
734
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
735
|
+
} & {};
|
|
736
|
+
MugTea: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
737
|
+
displayName?: string;
|
|
738
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
739
|
+
} & {};
|
|
740
|
+
Paperclip: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
741
|
+
displayName?: string;
|
|
742
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
743
|
+
} & {};
|
|
744
|
+
Pen: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
745
|
+
displayName?: string;
|
|
746
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
747
|
+
} & {};
|
|
748
|
+
PersonPraying: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
749
|
+
displayName?: string;
|
|
750
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
751
|
+
} & {};
|
|
752
|
+
Phone: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
753
|
+
displayName?: string;
|
|
754
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
755
|
+
} & {};
|
|
756
|
+
PlaneArrival: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
757
|
+
displayName?: string;
|
|
758
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
759
|
+
} & {};
|
|
760
|
+
PlaneDeparture: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
761
|
+
displayName?: string;
|
|
762
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
763
|
+
} & {};
|
|
764
|
+
Plus: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
765
|
+
displayName?: string;
|
|
766
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
767
|
+
} & {};
|
|
768
|
+
Print: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
769
|
+
displayName?: string;
|
|
770
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
771
|
+
} & {};
|
|
772
|
+
RestroomSimple: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
773
|
+
displayName?: string;
|
|
774
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
775
|
+
} & {};
|
|
776
|
+
RotateLeft: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
777
|
+
displayName?: string;
|
|
778
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
779
|
+
} & {};
|
|
780
|
+
RotateRight: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
781
|
+
displayName?: string;
|
|
782
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
783
|
+
} & {};
|
|
784
|
+
School: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
785
|
+
displayName?: string;
|
|
786
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
787
|
+
} & {};
|
|
788
|
+
ShareNodes: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
789
|
+
displayName?: string;
|
|
790
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
791
|
+
} & {};
|
|
792
|
+
ShieldPlus: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
793
|
+
displayName?: string;
|
|
794
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
795
|
+
} & {};
|
|
796
|
+
Spinner: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
797
|
+
displayName?: string;
|
|
798
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
799
|
+
} & {};
|
|
800
|
+
Star: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
801
|
+
displayName?: string;
|
|
802
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
803
|
+
} & {};
|
|
804
|
+
StarSolid: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
805
|
+
displayName?: string;
|
|
806
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
807
|
+
} & {};
|
|
808
|
+
Strikethrough: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
809
|
+
displayName?: string;
|
|
810
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
811
|
+
} & {};
|
|
812
|
+
Suitcase: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
813
|
+
displayName?: string;
|
|
814
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
815
|
+
} & {};
|
|
816
|
+
TableTennisPaddleBall: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
817
|
+
displayName?: string;
|
|
818
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
819
|
+
} & {};
|
|
820
|
+
TrashCan: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
821
|
+
displayName?: string;
|
|
822
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
823
|
+
} & {};
|
|
824
|
+
Twitter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
825
|
+
displayName?: string;
|
|
826
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
827
|
+
} & {};
|
|
828
|
+
Underline: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
829
|
+
displayName?: string;
|
|
830
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
831
|
+
} & {};
|
|
832
|
+
User: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
833
|
+
displayName?: string;
|
|
834
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
835
|
+
} & {};
|
|
836
|
+
Utensils: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
837
|
+
displayName?: string;
|
|
838
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
839
|
+
} & {};
|
|
840
|
+
Whatsapp: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
841
|
+
displayName?: string;
|
|
842
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
843
|
+
} & {};
|
|
844
|
+
Wheelchair: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
845
|
+
displayName?: string;
|
|
846
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
847
|
+
} & {};
|
|
848
|
+
Wifi: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
849
|
+
displayName?: string;
|
|
850
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
851
|
+
} & {};
|
|
852
|
+
Xmark: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
853
|
+
displayName?: string;
|
|
854
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
855
|
+
} & {};
|
|
856
|
+
Youtube: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
857
|
+
displayName?: string;
|
|
858
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
859
|
+
} & {};
|
|
860
|
+
VirusCovid: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
861
|
+
displayName?: string;
|
|
862
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
863
|
+
} & {};
|
|
864
|
+
Sort: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
865
|
+
displayName?: string;
|
|
866
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
867
|
+
} & {};
|
|
868
|
+
SortAlt: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
869
|
+
displayName?: string;
|
|
870
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
871
|
+
} & {};
|
|
872
|
+
SortDown: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
873
|
+
displayName?: string;
|
|
874
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
875
|
+
} & {};
|
|
876
|
+
SortUp: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & React__default.RefAttributes<HTMLElement>> & {
|
|
877
|
+
displayName?: string;
|
|
878
|
+
defaultProps?: Partial<React__default.HTMLAttributes<HTMLElement>> | undefined;
|
|
879
|
+
} & {};
|
|
880
|
+
};
|
|
881
|
+
|
|
882
|
+
type SpinnerSizeFlags<T> = {
|
|
883
|
+
small?: T;
|
|
884
|
+
medium?: T;
|
|
885
|
+
large?: T;
|
|
886
|
+
};
|
|
887
|
+
type SpinnerSizeProps = Partial<RequireOnlyOne$1<SpinnerSizeFlags<boolean>>> & PropsWithChildren;
|
|
888
|
+
|
|
889
|
+
type IProps = SpinnerSizeProps & {
|
|
890
|
+
onPrimary?: boolean;
|
|
891
|
+
onCritical?: boolean;
|
|
892
|
+
className?: string;
|
|
893
|
+
};
|
|
894
|
+
declare const Spinner: FC<IProps>;
|
|
895
|
+
|
|
896
|
+
type FlagSizeFlags<T> = {
|
|
897
|
+
small?: T;
|
|
898
|
+
medium?: T;
|
|
899
|
+
large?: T;
|
|
900
|
+
};
|
|
901
|
+
type FlagProps = Partial<RequireOnlyOne$1<FlagSizeFlags<boolean>>> & PropsWithChildren;
|
|
902
|
+
|
|
903
|
+
type CountryCodes = "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AQ" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ-BO" | "BQ-SA" | "BQ-SE" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB-ENG" | "GB-NIR" | "GB-SCT" | "GB" | "GB-WLS" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GP-FR" | "GQ" | "GR" | "GS" | "GT" | "GU" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MQ-FR" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PM-FR" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "YE" | "YT-UNF" | "ZA" | "ZM" | "ZW";
|
|
904
|
+
interface IFlagProperties extends HTMLAttributes<SVGElement> {
|
|
905
|
+
code: CountryCodes;
|
|
906
|
+
}
|
|
907
|
+
|
|
908
|
+
type FlagIconProps = IFlagProperties & FlagProps;
|
|
909
|
+
declare const Flag: FC<FlagIconProps>;
|
|
910
|
+
|
|
911
|
+
interface TagProps extends HTMLAttributes<HTMLDivElement> {
|
|
912
|
+
closable?: boolean;
|
|
913
|
+
disabled?: boolean;
|
|
914
|
+
onClose?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
|
|
915
|
+
}
|
|
916
|
+
declare const Tag: FC<TagProps>;
|
|
917
|
+
|
|
918
|
+
type AvatarSizeFlags<T> = {
|
|
919
|
+
small?: T;
|
|
920
|
+
medium?: T;
|
|
921
|
+
large?: T;
|
|
922
|
+
};
|
|
923
|
+
type AvatarSizeProps = Partial<RequireOnlyOne$1<AvatarSizeFlags<boolean>>> & PropsWithChildren;
|
|
924
|
+
|
|
925
|
+
interface IAvatarProps {
|
|
926
|
+
name: string;
|
|
927
|
+
imageUrl?: string;
|
|
928
|
+
imageLabel?: string;
|
|
929
|
+
withLabel?: boolean;
|
|
930
|
+
className?: string;
|
|
931
|
+
}
|
|
932
|
+
type AvatarProps = IAvatarProps & AvatarSizeProps;
|
|
933
|
+
declare const Avatar: FC<AvatarProps>;
|
|
934
|
+
|
|
935
|
+
type ButtonTypeFlags<T> = {
|
|
936
|
+
basic?: T;
|
|
937
|
+
primary?: T;
|
|
938
|
+
destructive?: T;
|
|
939
|
+
destructivePrimary?: T;
|
|
940
|
+
outline?: T;
|
|
941
|
+
plain?: T;
|
|
942
|
+
subtle?: T;
|
|
943
|
+
plainSubtle?: T;
|
|
944
|
+
};
|
|
945
|
+
type ButtonSizeFlags<T> = {
|
|
946
|
+
default?: T;
|
|
947
|
+
small?: T;
|
|
948
|
+
large?: T;
|
|
949
|
+
};
|
|
950
|
+
type ButtonTypeProps = Partial<ButtonTypeFlags<boolean>> & PropsWithChildren;
|
|
951
|
+
type ButtonSizeProps = Partial<RequireOnlyOne$1<ButtonSizeFlags<boolean>>> & PropsWithChildren;
|
|
952
|
+
|
|
953
|
+
interface IButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
954
|
+
loading?: boolean;
|
|
955
|
+
IconPrefix?: ComponentType;
|
|
956
|
+
IconSuffix?: ComponentType;
|
|
957
|
+
children?: React__default.ReactNode;
|
|
958
|
+
subtle?: boolean;
|
|
959
|
+
}
|
|
960
|
+
type ButtonProps = IButtonProps & ButtonTypeProps & ButtonSizeProps;
|
|
961
|
+
declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>> & {
|
|
962
|
+
displayName?: string;
|
|
963
|
+
defaultProps?: Partial<ButtonProps> | undefined;
|
|
964
|
+
} & {};
|
|
965
|
+
|
|
966
|
+
type ButtonGroupOrientation = "horizontal" | "vertical";
|
|
967
|
+
type ButtonGroupSize = "small" | "default" | "large";
|
|
968
|
+
interface ButtonGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
969
|
+
children?: React__default.ReactNode;
|
|
970
|
+
fullWidth?: boolean;
|
|
971
|
+
outlined?: boolean;
|
|
972
|
+
orientation?: ButtonGroupOrientation;
|
|
973
|
+
size?: ButtonGroupSize;
|
|
974
|
+
}
|
|
975
|
+
declare const ButtonGroup: ({ children, fullWidth, outlined, orientation, size, ...htmlProps }: ButtonGroupProps) => react_jsx_runtime.JSX.Element;
|
|
976
|
+
|
|
977
|
+
declare const ErrorMessage: React__default.FC<{
|
|
978
|
+
message: string;
|
|
979
|
+
className?: string;
|
|
980
|
+
}>;
|
|
981
|
+
|
|
982
|
+
type BaseProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "checked" | "defaultChecked" | "onChange"> & {
|
|
983
|
+
error?: boolean;
|
|
984
|
+
};
|
|
985
|
+
type CheckboxPropsTwoState = BaseProps & {
|
|
986
|
+
indeterminate?: false | undefined;
|
|
987
|
+
checked?: boolean;
|
|
988
|
+
onChange?: (next: boolean) => void;
|
|
989
|
+
};
|
|
990
|
+
type CheckboxPropsThreeState = BaseProps & {
|
|
991
|
+
indeterminate: true;
|
|
992
|
+
checked?: boolean | undefined;
|
|
993
|
+
onChange?: (next: boolean | undefined) => void;
|
|
994
|
+
};
|
|
995
|
+
type CheckboxProps$1 = CheckboxPropsTwoState | CheckboxPropsThreeState;
|
|
996
|
+
declare const Checkbox$1: React__default.ForwardRefExoticComponent<CheckboxProps$1 & React__default.RefAttributes<HTMLInputElement>> & {
|
|
997
|
+
displayName?: string;
|
|
998
|
+
defaultProps?: Partial<CheckboxProps$1> | undefined;
|
|
999
|
+
} & {};
|
|
1000
|
+
|
|
1001
|
+
type CheckedState<T extends boolean> = T extends true ? boolean | undefined : boolean;
|
|
1002
|
+
|
|
1003
|
+
type CheckboxProps<T extends boolean = false> = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "checked" | "defaultChecked" | "onChange"> & {
|
|
1004
|
+
error?: boolean;
|
|
1005
|
+
indeterminate?: T;
|
|
1006
|
+
checked?: CheckedState<T>;
|
|
1007
|
+
defaultChecked?: CheckedState<T>;
|
|
1008
|
+
onChange?: (next: CheckedState<T>) => void;
|
|
1009
|
+
};
|
|
1010
|
+
type CheckboxComponent = {
|
|
1011
|
+
<T extends boolean = false>(props: CheckboxProps<T> & React__default.RefAttributes<HTMLInputElement>): React__default.ReactElement | null;
|
|
1012
|
+
displayName?: string;
|
|
1013
|
+
};
|
|
1014
|
+
declare const Checkbox: CheckboxComponent;
|
|
1015
|
+
|
|
1016
|
+
type InputCheckboxProps = CheckboxProps$1 & {
|
|
1017
|
+
label: string;
|
|
1018
|
+
fullWidth?: boolean;
|
|
1019
|
+
};
|
|
1020
|
+
declare const InputCheckbox: React__default.ForwardRefExoticComponent<InputCheckboxProps & React__default.RefAttributes<HTMLInputElement>> & {
|
|
1021
|
+
displayName?: string;
|
|
1022
|
+
defaultProps?: Partial<InputCheckboxProps> | undefined;
|
|
1023
|
+
} & {};
|
|
1024
|
+
|
|
1025
|
+
type SimpleMenuPosition = "bottom-end" | "bottom-start" | "top-end" | "top-start";
|
|
1026
|
+
type SimpleMenuProps = {
|
|
1027
|
+
children: ReactNode;
|
|
1028
|
+
className?: string;
|
|
1029
|
+
usePortal?: boolean;
|
|
1030
|
+
anchorRef?: RefObject<HTMLElement | null>;
|
|
1031
|
+
open?: boolean;
|
|
1032
|
+
onClose?: () => void;
|
|
1033
|
+
width?: number | string;
|
|
1034
|
+
offset?: number;
|
|
1035
|
+
position?: SimpleMenuPosition;
|
|
1036
|
+
zIndex?: number;
|
|
1037
|
+
};
|
|
1038
|
+
declare function SimpleMenu({ children, className, usePortal, anchorRef, open, onClose, width, offset, position, zIndex, }: SimpleMenuProps): react_jsx_runtime.JSX.Element | null;
|
|
1039
|
+
declare const SimpleMenuItem: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<styled_components_dist_types.Substitute<styled_components_dist_types.Substitute<(ButtonProps & React.RefAttributes<HTMLButtonElement>) & styled_components_dist_types.BaseObject, ButtonProps & React.RefAttributes<HTMLButtonElement>>, styled_components_dist_types.BaseObject>, {
|
|
1040
|
+
destructive?: boolean;
|
|
1041
|
+
}>> & string & Omit<React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>> & {
|
|
1042
|
+
displayName?: string;
|
|
1043
|
+
defaultProps?: Partial<ButtonProps> | undefined;
|
|
1044
|
+
} & {}, keyof React.Component<any, {}, any>>;
|
|
1045
|
+
type UseSimpleMenuStateOptions = {
|
|
1046
|
+
closeOnItemSelect?: boolean;
|
|
1047
|
+
};
|
|
1048
|
+
declare function useSimpleMenuState(options?: UseSimpleMenuStateOptions): {
|
|
1049
|
+
isOpen: boolean;
|
|
1050
|
+
toggle: () => void;
|
|
1051
|
+
open: () => void;
|
|
1052
|
+
close: () => void;
|
|
1053
|
+
onItemSelect: () => void;
|
|
1054
|
+
withItemAction: <T extends (...args: unknown[]) => void>(callback?: T) => (...args: Parameters<T>) => void;
|
|
1055
|
+
clickOutsideRef: RefObject<HTMLDivElement | null>;
|
|
1056
|
+
};
|
|
1057
|
+
|
|
1058
|
+
interface IRadioOption {
|
|
1059
|
+
value: string;
|
|
1060
|
+
disabled?: boolean;
|
|
1061
|
+
label: string | React__default.ReactNode;
|
|
1062
|
+
[key: string]: unknown;
|
|
1063
|
+
}
|
|
1064
|
+
interface IOptionGroup {
|
|
1065
|
+
selected: unknown;
|
|
1066
|
+
direction?: "horizontal" | "vertical";
|
|
1067
|
+
className?: string;
|
|
1068
|
+
options: IRadioOption[];
|
|
1069
|
+
onChange: (value: string) => void;
|
|
1070
|
+
name?: string;
|
|
1071
|
+
}
|
|
1072
|
+
declare const ChoiceList: FC<IOptionGroup>;
|
|
1073
|
+
|
|
1074
|
+
type MultiChoiceOption = {
|
|
1075
|
+
value: string;
|
|
1076
|
+
label: string;
|
|
1077
|
+
helpMessage?: string;
|
|
1078
|
+
disabled?: boolean;
|
|
1079
|
+
id?: string;
|
|
1080
|
+
};
|
|
1081
|
+
type BaseMultiChoiceListProps = {
|
|
1082
|
+
options: MultiChoiceOption[];
|
|
1083
|
+
className?: string;
|
|
1084
|
+
errorMessage?: string;
|
|
1085
|
+
name?: string;
|
|
1086
|
+
"aria-label"?: string;
|
|
1087
|
+
"aria-labelledby"?: string;
|
|
1088
|
+
};
|
|
1089
|
+
type ControlledProps = {
|
|
1090
|
+
value: string[];
|
|
1091
|
+
onChange: (next: string[]) => void;
|
|
1092
|
+
defaultValue?: never;
|
|
1093
|
+
};
|
|
1094
|
+
type UncontrolledProps = {
|
|
1095
|
+
defaultValue?: string[];
|
|
1096
|
+
value?: never;
|
|
1097
|
+
onChange?: (next: string[]) => void;
|
|
1098
|
+
};
|
|
1099
|
+
type MultiChoiceListProps = BaseMultiChoiceListProps & (ControlledProps | UncontrolledProps);
|
|
1100
|
+
declare const MultiChoiceList: FC<MultiChoiceListProps>;
|
|
1101
|
+
|
|
1102
|
+
type AlertLevelFlags<T> = {
|
|
1103
|
+
neutral?: T;
|
|
1104
|
+
info?: T;
|
|
1105
|
+
success?: T;
|
|
1106
|
+
warning?: T;
|
|
1107
|
+
critical?: T;
|
|
1108
|
+
};
|
|
1109
|
+
type AlertLevelProps = Partial<RequireOnlyOne$1<AlertLevelFlags<boolean>>> & PropsWithChildren;
|
|
1110
|
+
|
|
1111
|
+
type AlertBannerProps = AlertLevelProps & PropsWithChildren<{
|
|
1112
|
+
dismissible?: boolean;
|
|
1113
|
+
className?: string;
|
|
1114
|
+
open?: boolean;
|
|
1115
|
+
primaryButtonLabel?: string;
|
|
1116
|
+
secondaryButtonLabel?: string;
|
|
1117
|
+
onPrimaryAction?: () => void;
|
|
1118
|
+
onSecondaryAction?: () => void;
|
|
1119
|
+
onClose?: () => void;
|
|
1120
|
+
}>;
|
|
1121
|
+
declare const AlertBanner: FC<AlertBannerProps>;
|
|
1122
|
+
|
|
1123
|
+
declare class CardAlertBannerSlot$1 extends Slot<AlertBannerProps> {
|
|
1124
|
+
render(): react_jsx_runtime.JSX.Element;
|
|
1125
|
+
}
|
|
1126
|
+
|
|
1127
|
+
declare class CardControlsSlot$1 extends Slot<PropsWithChildren> {
|
|
1128
|
+
render(): react_jsx_runtime.JSX.Element;
|
|
1129
|
+
}
|
|
1130
|
+
|
|
1131
|
+
declare class CardHeadingActionSlot$1 extends Slot {
|
|
1132
|
+
}
|
|
1133
|
+
interface ICardSectionProps$1 extends HTMLAttributes<HTMLElement>, PropsWithChildren {
|
|
1134
|
+
heading?: string;
|
|
1135
|
+
}
|
|
1136
|
+
declare class CardSectionSlot$1 extends Slot<ICardSectionProps$1> {
|
|
1137
|
+
render(): react_jsx_runtime.JSX.Element;
|
|
1138
|
+
}
|
|
1139
|
+
|
|
1140
|
+
interface ICardProps$1 extends HTMLAttributes<HTMLDivElement>, PropsWithChildren {
|
|
1141
|
+
heading?: string;
|
|
1142
|
+
}
|
|
1143
|
+
type SubComponents$4 = {
|
|
1144
|
+
Section: typeof CardSectionSlot$1;
|
|
1145
|
+
Controls: typeof CardControlsSlot$1;
|
|
1146
|
+
HeadingAction: typeof CardHeadingActionSlot$1;
|
|
1147
|
+
AlertBanner: typeof CardAlertBannerSlot$1;
|
|
1148
|
+
};
|
|
1149
|
+
declare const Card$1: FC<ICardProps$1, SubComponents$4>;
|
|
1150
|
+
|
|
1151
|
+
declare class Right$1 extends Slot {
|
|
1152
|
+
}
|
|
1153
|
+
declare class Controls$1 extends Slot<PropsWithChildren> {
|
|
1154
|
+
}
|
|
1155
|
+
type SubComponents$3 = {
|
|
1156
|
+
Right: typeof Right$1;
|
|
1157
|
+
Controls: typeof Controls$1;
|
|
1158
|
+
};
|
|
1159
|
+
interface ILeftRightCardProps$1 extends ICardProps$1 {
|
|
1160
|
+
helpText?: string;
|
|
1161
|
+
className?: string;
|
|
1162
|
+
}
|
|
1163
|
+
declare const LeftRightCard$1: FC<ILeftRightCardProps$1, SubComponents$3>;
|
|
1164
|
+
|
|
1165
|
+
declare const CardAlertBannerSlot: SlotComponent<AlertBannerProps>;
|
|
1166
|
+
|
|
1167
|
+
declare const CardControlsSlot: SlotComponent<PropsWithChildren>;
|
|
1168
|
+
|
|
1169
|
+
declare const CardHeadingActionSlot: SlotComponent;
|
|
1170
|
+
interface ICardSectionProps extends HTMLAttributes<HTMLElement>, PropsWithChildren {
|
|
1171
|
+
heading?: string;
|
|
1172
|
+
}
|
|
1173
|
+
declare const CardSectionSlot: SlotComponent<ICardSectionProps>;
|
|
1174
|
+
|
|
1175
|
+
interface ICardProps extends HTMLAttributes<HTMLDivElement>, PropsWithChildren {
|
|
1176
|
+
heading?: string;
|
|
1177
|
+
}
|
|
1178
|
+
type SubComponents$2 = {
|
|
1179
|
+
Section: typeof CardSectionSlot;
|
|
1180
|
+
Controls: typeof CardControlsSlot;
|
|
1181
|
+
HeadingAction: typeof CardHeadingActionSlot;
|
|
1182
|
+
AlertBanner: typeof CardAlertBannerSlot;
|
|
1183
|
+
};
|
|
1184
|
+
declare const Card: FC<ICardProps, SubComponents$2>;
|
|
1185
|
+
|
|
1186
|
+
declare const Right: SlotComponent;
|
|
1187
|
+
declare const Controls: SlotComponent<PropsWithChildren>;
|
|
1188
|
+
type SubComponents$1 = {
|
|
1189
|
+
Right: typeof Right;
|
|
1190
|
+
Controls: typeof Controls;
|
|
1191
|
+
};
|
|
1192
|
+
interface ILeftRightCardProps extends ICardProps {
|
|
1193
|
+
helpText?: string;
|
|
1194
|
+
className?: string;
|
|
1195
|
+
}
|
|
1196
|
+
declare const LeftRightCard: FC<ILeftRightCardProps, SubComponents$1>;
|
|
1197
|
+
|
|
1198
|
+
type RadioButtonProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
1199
|
+
label: string | ReactNode;
|
|
1200
|
+
};
|
|
1201
|
+
declare const RadioButton: FC<RadioButtonProps>;
|
|
1202
|
+
|
|
1203
|
+
declare const IconListMajor: {
|
|
1204
|
+
readonly "arrows-up-down-left-right": react_jsx_runtime.JSX.Element;
|
|
1205
|
+
readonly "badge-percent": react_jsx_runtime.JSX.Element;
|
|
1206
|
+
readonly "bed-front": react_jsx_runtime.JSX.Element;
|
|
1207
|
+
readonly bell: react_jsx_runtime.JSX.Element;
|
|
1208
|
+
readonly book: react_jsx_runtime.JSX.Element;
|
|
1209
|
+
readonly "box-archive": react_jsx_runtime.JSX.Element;
|
|
1210
|
+
readonly "building-columns": react_jsx_runtime.JSX.Element;
|
|
1211
|
+
readonly building: react_jsx_runtime.JSX.Element;
|
|
1212
|
+
readonly "bullseye-arrow": react_jsx_runtime.JSX.Element;
|
|
1213
|
+
readonly calculator: react_jsx_runtime.JSX.Element;
|
|
1214
|
+
readonly "calendar-day": react_jsx_runtime.JSX.Element;
|
|
1215
|
+
readonly "chart-line": react_jsx_runtime.JSX.Element;
|
|
1216
|
+
readonly "chart-simple": react_jsx_runtime.JSX.Element;
|
|
1217
|
+
readonly check: react_jsx_runtime.JSX.Element;
|
|
1218
|
+
readonly "circle-check": react_jsx_runtime.JSX.Element;
|
|
1219
|
+
readonly "circle-info": react_jsx_runtime.JSX.Element;
|
|
1220
|
+
readonly "circle-question": react_jsx_runtime.JSX.Element;
|
|
1221
|
+
readonly "clipboard-check": react_jsx_runtime.JSX.Element;
|
|
1222
|
+
readonly "comment-lines": react_jsx_runtime.JSX.Element;
|
|
1223
|
+
readonly "diamond-exclamation": react_jsx_runtime.JSX.Element;
|
|
1224
|
+
readonly envelope: react_jsx_runtime.JSX.Element;
|
|
1225
|
+
readonly "eye-slash": react_jsx_runtime.JSX.Element;
|
|
1226
|
+
readonly eye: react_jsx_runtime.JSX.Element;
|
|
1227
|
+
readonly "file-certificate": react_jsx_runtime.JSX.Element;
|
|
1228
|
+
readonly "file-chart-column": react_jsx_runtime.JSX.Element;
|
|
1229
|
+
readonly "file-invoice-dollar": react_jsx_runtime.JSX.Element;
|
|
1230
|
+
readonly "file-lines": react_jsx_runtime.JSX.Element;
|
|
1231
|
+
readonly gear: react_jsx_runtime.JSX.Element;
|
|
1232
|
+
readonly "graduation-cap": react_jsx_runtime.JSX.Element;
|
|
1233
|
+
readonly heart: react_jsx_runtime.JSX.Element;
|
|
1234
|
+
readonly house: react_jsx_runtime.JSX.Element;
|
|
1235
|
+
readonly inbox: react_jsx_runtime.JSX.Element;
|
|
1236
|
+
readonly "magnifying-glass": react_jsx_runtime.JSX.Element;
|
|
1237
|
+
readonly "paper-plane-top": react_jsx_runtime.JSX.Element;
|
|
1238
|
+
readonly plus: react_jsx_runtime.JSX.Element;
|
|
1239
|
+
readonly "school-flag": react_jsx_runtime.JSX.Element;
|
|
1240
|
+
readonly "shield-plus": react_jsx_runtime.JSX.Element;
|
|
1241
|
+
readonly store: react_jsx_runtime.JSX.Element;
|
|
1242
|
+
readonly suitcase: react_jsx_runtime.JSX.Element;
|
|
1243
|
+
readonly tag: react_jsx_runtime.JSX.Element;
|
|
1244
|
+
readonly "triangle-exclamation": react_jsx_runtime.JSX.Element;
|
|
1245
|
+
readonly "user-group": react_jsx_runtime.JSX.Element;
|
|
1246
|
+
readonly user: react_jsx_runtime.JSX.Element;
|
|
1247
|
+
readonly wrench: react_jsx_runtime.JSX.Element;
|
|
1248
|
+
readonly "xmark-large": react_jsx_runtime.JSX.Element;
|
|
1249
|
+
};
|
|
1250
|
+
type IconNames = keyof typeof IconListMajor;
|
|
1251
|
+
|
|
1252
|
+
type SelectIconType = (typeof IconListMajor)[IconNames];
|
|
1253
|
+
interface IOption<T> {
|
|
1254
|
+
value: T;
|
|
1255
|
+
disabled?: boolean;
|
|
1256
|
+
label: string;
|
|
1257
|
+
[key: string]: unknown;
|
|
1258
|
+
options?: IOption<T>[];
|
|
1259
|
+
isParent?: boolean;
|
|
1260
|
+
isExpanded?: boolean;
|
|
1261
|
+
icon?: React__default.ReactNode;
|
|
1262
|
+
helperText?: string;
|
|
1263
|
+
}
|
|
1264
|
+
type LabelComponentProps<T> = {
|
|
1265
|
+
value: T;
|
|
1266
|
+
active: boolean;
|
|
1267
|
+
type: "value-single" | "value-multi" | "option";
|
|
1268
|
+
label: string;
|
|
1269
|
+
disabled?: boolean;
|
|
1270
|
+
icon?: React__default.ReactNode;
|
|
1271
|
+
[key: string]: unknown;
|
|
1272
|
+
};
|
|
1273
|
+
type SelectLabelComponent<T> = FC<LabelComponentProps<T>>;
|
|
1274
|
+
type SelectMenuComponent<T> = FC<MenuComponentProps<T>>;
|
|
1275
|
+
interface SelectCommonProps<T> {
|
|
1276
|
+
className?: string;
|
|
1277
|
+
id?: string;
|
|
1278
|
+
style?: CSSProperties;
|
|
1279
|
+
options?: IOption<T>[];
|
|
1280
|
+
placeholder?: string;
|
|
1281
|
+
emptyText?: string;
|
|
1282
|
+
clearable?: boolean;
|
|
1283
|
+
searchable?: boolean;
|
|
1284
|
+
searchDebounce?: number;
|
|
1285
|
+
iconPosition?: "left" | "right";
|
|
1286
|
+
disabled?: boolean;
|
|
1287
|
+
invalid?: boolean;
|
|
1288
|
+
errors?: {
|
|
1289
|
+
message: string;
|
|
1290
|
+
}[];
|
|
1291
|
+
rowHeight?: number;
|
|
1292
|
+
menuHeight?: number;
|
|
1293
|
+
menuPosition?: "top" | "bottom";
|
|
1294
|
+
menuTitle?: string;
|
|
1295
|
+
label?: string;
|
|
1296
|
+
labelPosition?: "top" | "side";
|
|
1297
|
+
labelComponent?: SelectLabelComponent<T>;
|
|
1298
|
+
menuComponent?: SelectMenuComponent<T>;
|
|
1299
|
+
maxLength?: number;
|
|
1300
|
+
multiLevel?: boolean;
|
|
1301
|
+
disablePortal?: boolean;
|
|
1302
|
+
portalContainer?: HTMLElement;
|
|
1303
|
+
portalPlacement?: Placement;
|
|
1304
|
+
portalOffset?: number;
|
|
1305
|
+
viewportPadding?: number;
|
|
1306
|
+
matchAnchorWidth?: boolean;
|
|
1307
|
+
filterBehavior?: (this: void, search: string, option: IOption<T>) => boolean;
|
|
1308
|
+
getOptionKey?: (this: void, value: T) => string;
|
|
1309
|
+
onSearch?(this: void, value: string): void;
|
|
1310
|
+
onOpen?: (this: void) => void;
|
|
1311
|
+
onClose?: (this: void) => void;
|
|
1312
|
+
onInputChange?: (this: void, value: string) => void;
|
|
1313
|
+
customIcon?: SelectIconType;
|
|
1314
|
+
ariaLabel?: string;
|
|
1315
|
+
ariaLabelledBy?: string;
|
|
1316
|
+
ariaDescribedBy?: string;
|
|
1317
|
+
}
|
|
1318
|
+
type SelectSingleProps<T> = SelectCommonProps<T> & {
|
|
1319
|
+
multi?: false | undefined;
|
|
1320
|
+
value?: T;
|
|
1321
|
+
onChange?(this: void, value: T | undefined, option?: IOption<T>): void;
|
|
1322
|
+
};
|
|
1323
|
+
type SelectMultiProps<T> = SelectCommonProps<T> & {
|
|
1324
|
+
multi: true;
|
|
1325
|
+
value?: T[];
|
|
1326
|
+
onChange?(this: void, value: T[], option?: IOption<T>): void;
|
|
1327
|
+
};
|
|
1328
|
+
type ISelectProps<T> = SelectSingleProps<T> | SelectMultiProps<T>;
|
|
1329
|
+
type MenuComponentProps<T> = {
|
|
1330
|
+
options?: IOption<T>[];
|
|
1331
|
+
value?: T | T[];
|
|
1332
|
+
labelComponent?: SelectLabelComponent<T>;
|
|
1333
|
+
menuComponent?: SelectMenuComponent<T>;
|
|
1334
|
+
emptyText?: string;
|
|
1335
|
+
multi?: boolean;
|
|
1336
|
+
rowHeight?: number;
|
|
1337
|
+
menuHeight?: number;
|
|
1338
|
+
menuPosition?: "top" | "bottom";
|
|
1339
|
+
invalid?: boolean;
|
|
1340
|
+
selectedIndex?: number;
|
|
1341
|
+
open: boolean;
|
|
1342
|
+
search?: string;
|
|
1343
|
+
labelPosition?: string;
|
|
1344
|
+
label?: string;
|
|
1345
|
+
menuTitle?: string;
|
|
1346
|
+
multiLevel?: boolean;
|
|
1347
|
+
className?: string;
|
|
1348
|
+
disablePortal?: boolean;
|
|
1349
|
+
portalContainer?: HTMLElement;
|
|
1350
|
+
anchorRef?: RefObject<HTMLElement | null>;
|
|
1351
|
+
portalPlacement?: Placement;
|
|
1352
|
+
portalOffset?: number;
|
|
1353
|
+
viewportPadding?: number;
|
|
1354
|
+
matchAnchorWidth?: boolean;
|
|
1355
|
+
getOptionKey: (value: T) => string;
|
|
1356
|
+
onSelect(this: void, value: T | T[] | undefined, option?: IOption<T>): void;
|
|
1357
|
+
onExpand?(this: void, option: IOption<T>): void;
|
|
1358
|
+
onReturn?(this: void): void;
|
|
1359
|
+
};
|
|
1360
|
+
|
|
1361
|
+
declare const MenuList: <T>({ open, value, selectedIndex, rowHeight, multi, menuPosition, menuHeight, options, emptyText, menuTitle, search, onSelect, getOptionKey, }: MenuComponentProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1362
|
+
|
|
1363
|
+
/**
|
|
1364
|
+
*
|
|
1365
|
+
* TODO: IMPLEMENT LOADING STATE
|
|
1366
|
+
*/
|
|
1367
|
+
declare const SelectImpl: <T>({ className, id, options, style, clearable, placeholder, value: selectValue, disabled, invalid, errors, labelComponent, menuComponent, multi, emptyText, rowHeight, menuHeight, menuTitle, menuPosition, label, maxLength, labelPosition, customIcon, multiLevel, ariaLabel, searchable, searchDebounce, iconPosition, ariaLabelledBy, ariaDescribedBy, disablePortal, portalContainer, portalPlacement, portalOffset, viewportPadding, matchAnchorWidth, getOptionKey, onOpen, onClose, onChange, onSearch, onInputChange, filterBehavior: filterResults, }: ISelectProps<T>, selectRef: React__default.ForwardedRef<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
1368
|
+
declare const Select: <T>(props: PropsWithChildren<ISelectProps<T>> & {
|
|
1369
|
+
ref?: React__default.ForwardedRef<HTMLDivElement>;
|
|
1370
|
+
}) => ReturnType<typeof SelectImpl>;
|
|
1371
|
+
|
|
1372
|
+
type BadgeTypeFlags<T> = {
|
|
1373
|
+
neutral?: T;
|
|
1374
|
+
info?: T;
|
|
1375
|
+
success?: T;
|
|
1376
|
+
warning?: T;
|
|
1377
|
+
critical?: T;
|
|
1378
|
+
};
|
|
1379
|
+
type BadgeTypeProps = Partial<RequireOnlyOne<BadgeTypeFlags<boolean>>> & PropsWithChildren;
|
|
1380
|
+
type RequireOnlyOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
|
|
1381
|
+
[K in Keys]-?: Required<Pick<T, K>> & Partial<Record<Exclude<Keys, K>, undefined>>;
|
|
1382
|
+
}[Keys];
|
|
1383
|
+
|
|
1384
|
+
type IBadgeProps = BadgeTypeProps & PropsWithChildren<{
|
|
1385
|
+
className?: string;
|
|
1386
|
+
}>;
|
|
1387
|
+
declare const Badge: FC<IBadgeProps>;
|
|
1388
|
+
|
|
1389
|
+
interface ILabeledInputProps extends PropsWithChildren {
|
|
1390
|
+
label?: string;
|
|
1391
|
+
helpText?: string;
|
|
1392
|
+
errors?: {
|
|
1393
|
+
message: string;
|
|
1394
|
+
}[];
|
|
1395
|
+
className?: string;
|
|
1396
|
+
htmlFor?: string;
|
|
1397
|
+
}
|
|
1398
|
+
declare const LabeledInput: FC<ILabeledInputProps>;
|
|
1399
|
+
|
|
1400
|
+
interface IStepperProps {
|
|
1401
|
+
onUpClick?: () => void;
|
|
1402
|
+
onDownClick?: () => void;
|
|
1403
|
+
}
|
|
1404
|
+
declare const Stepper: FC<IStepperProps>;
|
|
1405
|
+
|
|
1406
|
+
declare const HTMLInput: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React.DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
1407
|
+
declare class IconSlot extends Slot {
|
|
1408
|
+
}
|
|
1409
|
+
declare class ControlsSlot$1 extends Slot {
|
|
1410
|
+
}
|
|
1411
|
+
type InputFieldSlots = {
|
|
1412
|
+
Icon: typeof IconSlot;
|
|
1413
|
+
Controls: typeof ControlsSlot$1;
|
|
1414
|
+
Label: typeof LabeledInput;
|
|
1415
|
+
};
|
|
1416
|
+
interface IInputFieldProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
1417
|
+
invalid?: boolean;
|
|
1418
|
+
prefix?: string;
|
|
1419
|
+
suffix?: string;
|
|
1420
|
+
label?: string;
|
|
1421
|
+
labelPosition?: "top" | "side";
|
|
1422
|
+
}
|
|
1423
|
+
declare const InputField: React.ForwardRefExoticComponent<IInputFieldProps & React.RefAttributes<HTMLInputElement>> & {
|
|
1424
|
+
displayName?: string;
|
|
1425
|
+
defaultProps?: Partial<IInputFieldProps> | undefined;
|
|
1426
|
+
} & {
|
|
1427
|
+
Icon: typeof IconSlot;
|
|
1428
|
+
Controls: typeof ControlsSlot$1;
|
|
1429
|
+
Label: typeof LabeledInput;
|
|
1430
|
+
};
|
|
1431
|
+
|
|
1432
|
+
interface IInputNumberProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
|
|
1433
|
+
value?: number;
|
|
1434
|
+
onChange: (change?: number) => void;
|
|
1435
|
+
label?: string;
|
|
1436
|
+
placeholder?: string;
|
|
1437
|
+
invalid?: boolean;
|
|
1438
|
+
prefix?: string;
|
|
1439
|
+
suffix?: string;
|
|
1440
|
+
required?: boolean;
|
|
1441
|
+
}
|
|
1442
|
+
type IInputNumberSlots = InputFieldSlots & {
|
|
1443
|
+
Stepper: typeof Stepper;
|
|
1444
|
+
};
|
|
1445
|
+
declare const InputNumber: FC<IInputNumberProps, IInputNumberSlots>;
|
|
1446
|
+
|
|
1447
|
+
interface IInputTextProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> {
|
|
1448
|
+
value?: string;
|
|
1449
|
+
onChange?: (change: string) => void;
|
|
1450
|
+
label?: string;
|
|
1451
|
+
invalid?: boolean;
|
|
1452
|
+
prefix?: string;
|
|
1453
|
+
suffix?: string;
|
|
1454
|
+
}
|
|
1455
|
+
declare const InputText: FC<IInputTextProps, InputFieldSlots>;
|
|
1456
|
+
|
|
1457
|
+
type MenuItem = {
|
|
1458
|
+
onItemSelect?: () => void;
|
|
1459
|
+
} & IOption<unknown>;
|
|
1460
|
+
interface IMenuPros {
|
|
1461
|
+
items: MenuItem[];
|
|
1462
|
+
open: boolean;
|
|
1463
|
+
placement?: Placement;
|
|
1464
|
+
getOptionKey?: (value: unknown) => string;
|
|
1465
|
+
anchorRef?: React__default.RefObject<HTMLElement | null>;
|
|
1466
|
+
onSelect?: (item: MenuItem) => void;
|
|
1467
|
+
width?: number;
|
|
1468
|
+
}
|
|
1469
|
+
declare const Menu: ({ getOptionKey, anchorRef, items, open, placement, onSelect, width, }: IMenuPros) => react_jsx_runtime.JSX.Element;
|
|
1470
|
+
|
|
1471
|
+
interface IPaginationProps {
|
|
1472
|
+
page: number;
|
|
1473
|
+
totalPages: number;
|
|
1474
|
+
onChange?: (page: number) => void;
|
|
1475
|
+
showPageInfo?: boolean;
|
|
1476
|
+
previousLabel?: string;
|
|
1477
|
+
nextLabel?: string;
|
|
1478
|
+
pageSize?: number;
|
|
1479
|
+
onPageSizeChange?: (pageSize: number) => void;
|
|
1480
|
+
showPageSizeSelector?: boolean;
|
|
1481
|
+
pageSizeOptions?: readonly number[];
|
|
1482
|
+
}
|
|
1483
|
+
declare const Pagination: ({ page, totalPages: total, onChange, showPageInfo, previousLabel, nextLabel, pageSize, onPageSizeChange, showPageSizeSelector, pageSizeOptions, }: IPaginationProps) => react_jsx_runtime.JSX.Element;
|
|
1484
|
+
|
|
1485
|
+
interface IFilter<D> {
|
|
1486
|
+
fn?: string | ((el: D) => boolean);
|
|
1487
|
+
mode?: "fuzzy" | "exact";
|
|
1488
|
+
}
|
|
1489
|
+
declare function useFilteredRows<D>(data: D[], state: IFilter<D>): D[];
|
|
1490
|
+
|
|
1491
|
+
interface IPagination {
|
|
1492
|
+
pageIndex: number;
|
|
1493
|
+
pageSize: number;
|
|
1494
|
+
}
|
|
1495
|
+
declare function usePaginatedRows<D>(data: D[], pagination: IPagination): {
|
|
1496
|
+
rows: D[];
|
|
1497
|
+
pagination: {
|
|
1498
|
+
pageIndex: number;
|
|
1499
|
+
pageCount: number;
|
|
1500
|
+
pageSize: number;
|
|
1501
|
+
};
|
|
1502
|
+
};
|
|
1503
|
+
|
|
1504
|
+
type SortableValue = string | number | boolean | null | undefined | Date;
|
|
1505
|
+
type SortGetter<D> = (row: D) => SortableValue;
|
|
1506
|
+
interface ISort<D> {
|
|
1507
|
+
direction: "ASC" | "DESC" | "NONE";
|
|
1508
|
+
getter: SortGetter<D>;
|
|
1509
|
+
}
|
|
1510
|
+
declare function useSortedRows<D>(data: D[], sort: ISort<D>[]): D[];
|
|
1511
|
+
|
|
1512
|
+
interface IUseTableProps<D> {
|
|
1513
|
+
data: D[];
|
|
1514
|
+
initialState: IInitialTableState<D>;
|
|
1515
|
+
}
|
|
1516
|
+
interface IUseTableResult<D> {
|
|
1517
|
+
rows: D[];
|
|
1518
|
+
allRows: D[];
|
|
1519
|
+
goto: (pageIndex: number) => void;
|
|
1520
|
+
sortBy: (sort: {
|
|
1521
|
+
id: string;
|
|
1522
|
+
getter: SortGetter<D>;
|
|
1523
|
+
}) => void;
|
|
1524
|
+
getSort: (id: string) => "ASC" | "DESC" | "NONE";
|
|
1525
|
+
filterBy: (filter: string | ((el: D) => boolean)) => void;
|
|
1526
|
+
pagination: {
|
|
1527
|
+
pageIndex: number;
|
|
1528
|
+
pageSize: number;
|
|
1529
|
+
pageCount: number;
|
|
1530
|
+
};
|
|
1531
|
+
}
|
|
1532
|
+
declare function useTable<D>(props: IUseTableProps<D>): IUseTableResult<D>;
|
|
1533
|
+
interface ITableState<D> {
|
|
1534
|
+
pagination: IPagination;
|
|
1535
|
+
filter: IFilter<D>;
|
|
1536
|
+
sort: (ISort<D> & {
|
|
1537
|
+
id: string;
|
|
1538
|
+
})[];
|
|
1539
|
+
}
|
|
1540
|
+
interface IInitialTableState<D> {
|
|
1541
|
+
pagination?: {
|
|
1542
|
+
pageIndex: number;
|
|
1543
|
+
pageSize: number;
|
|
1544
|
+
};
|
|
1545
|
+
filter?: {
|
|
1546
|
+
fn: string | ((el: D) => boolean);
|
|
1547
|
+
mode: "fuzzy" | "exact";
|
|
1548
|
+
};
|
|
1549
|
+
sort?: {
|
|
1550
|
+
id: string;
|
|
1551
|
+
getter: SortGetter<D>;
|
|
1552
|
+
direction: "ASC" | "DESC";
|
|
1553
|
+
}[];
|
|
1554
|
+
}
|
|
1555
|
+
|
|
1556
|
+
type SortDirection = "ASC" | "DESC" | "NONE";
|
|
1557
|
+
type DataTableAlign = "left" | "center" | "right";
|
|
1558
|
+
type DataTablePin = "left" | "right";
|
|
1559
|
+
type DataTableCellOverflow = "ellipsis" | "wrap" | "visible";
|
|
1560
|
+
type DataTableGroupValue = string | number | boolean | null | undefined;
|
|
1561
|
+
type DataTableSpanArgs<T extends Record<string, unknown>> = {
|
|
1562
|
+
row: T;
|
|
1563
|
+
rowIndex: number;
|
|
1564
|
+
rows: T[];
|
|
1565
|
+
value: ReactNode;
|
|
1566
|
+
};
|
|
1567
|
+
type DataTableSpanValue<T extends Record<string, unknown>> = number | ((args: DataTableSpanArgs<T>) => number | null | undefined);
|
|
1568
|
+
type DataTableRowKey<T> = keyof T | ((row: T) => React__default.Key);
|
|
1569
|
+
type DataTableColumnManagerMode = "portal" | "inline";
|
|
1570
|
+
type DataTableLayoutMode = "responsive" | "fixed";
|
|
1571
|
+
type DataTableSize = "small" | "medium" | "large";
|
|
1572
|
+
type DataTableAction<T extends Record<string, unknown>> = {
|
|
1573
|
+
key: string;
|
|
1574
|
+
label: ReactNode;
|
|
1575
|
+
onClick: (row: T) => void;
|
|
1576
|
+
disabled?: boolean | ((row: T) => boolean);
|
|
1577
|
+
hidden?: boolean | ((row: T) => boolean);
|
|
1578
|
+
destructive?: boolean;
|
|
1579
|
+
icon?: ComponentType;
|
|
1580
|
+
};
|
|
1581
|
+
type DataTableBaseColumn<T extends Record<string, unknown>> = {
|
|
1582
|
+
field: keyof T | string;
|
|
1583
|
+
headerName: ReactNode;
|
|
1584
|
+
description?: string;
|
|
1585
|
+
width?: number | string;
|
|
1586
|
+
fullWidth?: boolean;
|
|
1587
|
+
overflow?: DataTableCellOverflow;
|
|
1588
|
+
fitContent?: boolean;
|
|
1589
|
+
align?: DataTableAlign;
|
|
1590
|
+
sortable?: boolean;
|
|
1591
|
+
searchable?: boolean;
|
|
1592
|
+
hideable?: boolean;
|
|
1593
|
+
pinnable?: boolean;
|
|
1594
|
+
reorderable?: boolean;
|
|
1595
|
+
valueGetter?: (value: unknown, row: T) => ReactNode;
|
|
1596
|
+
renderCell?: (row: T, value: ReactNode) => ReactNode;
|
|
1597
|
+
colSpan?: DataTableSpanValue<T>;
|
|
1598
|
+
rowSpan?: DataTableSpanValue<T>;
|
|
1599
|
+
sortValueGetter?: (row: T) => string | number | null | undefined;
|
|
1600
|
+
};
|
|
1601
|
+
type DataTableRegularColumn<T extends Record<string, unknown>> = DataTableBaseColumn<T> & {
|
|
1602
|
+
type?: "text" | "number";
|
|
1603
|
+
};
|
|
1604
|
+
type DataTableActionsColumn<T extends Record<string, unknown>> = {
|
|
1605
|
+
field: string;
|
|
1606
|
+
headerName?: ReactNode;
|
|
1607
|
+
description?: string;
|
|
1608
|
+
type: "actions";
|
|
1609
|
+
width?: number | string;
|
|
1610
|
+
fullWidth?: boolean;
|
|
1611
|
+
overflow?: DataTableCellOverflow;
|
|
1612
|
+
fitContent?: boolean;
|
|
1613
|
+
align?: DataTableAlign;
|
|
1614
|
+
sortable?: false;
|
|
1615
|
+
searchable?: false;
|
|
1616
|
+
hideable?: boolean;
|
|
1617
|
+
pinnable?: boolean;
|
|
1618
|
+
reorderable?: boolean;
|
|
1619
|
+
getActions: (row: T) => DataTableAction<T>[];
|
|
1620
|
+
};
|
|
1621
|
+
type DataTableColumn<T extends Record<string, unknown>> = DataTableRegularColumn<T> | DataTableActionsColumn<T>;
|
|
1622
|
+
type DataTableColumnGroup<T extends Record<string, unknown>> = {
|
|
1623
|
+
key: string;
|
|
1624
|
+
headerName: ReactNode;
|
|
1625
|
+
description?: string;
|
|
1626
|
+
align?: DataTableAlign;
|
|
1627
|
+
fields?: Array<keyof T | string>;
|
|
1628
|
+
children?: DataTableColumnGroup<T>[];
|
|
1629
|
+
};
|
|
1630
|
+
type DataTableRowGrouping<T extends Record<string, unknown>> = {
|
|
1631
|
+
field?: keyof T | string;
|
|
1632
|
+
fields?: Array<keyof T | string>;
|
|
1633
|
+
collapsible?: boolean;
|
|
1634
|
+
defaultCollapsed?: boolean;
|
|
1635
|
+
renderGroupHeader?: (value: DataTableGroupValue, rows: T[], collapsed: boolean, depth: number, path: DataTableGroupValue[]) => ReactNode;
|
|
1636
|
+
};
|
|
1637
|
+
type DataTableColumnVisibility = Record<string, boolean>;
|
|
1638
|
+
type DataTablePinnedColumns = {
|
|
1639
|
+
left: string[];
|
|
1640
|
+
right: string[];
|
|
1641
|
+
};
|
|
1642
|
+
type DataTableAdvancedFilterOperator = "contains" | "notContains" | "equals" | "notEquals" | "startsWith" | "endsWith" | "isEmpty" | "isNotEmpty";
|
|
1643
|
+
type DataTableAdvancedFilterConnector = "and" | "or";
|
|
1644
|
+
type DataTableAdvancedFilter = {
|
|
1645
|
+
id: string;
|
|
1646
|
+
field: string;
|
|
1647
|
+
operator: DataTableAdvancedFilterOperator;
|
|
1648
|
+
value: string;
|
|
1649
|
+
connector: DataTableAdvancedFilterConnector;
|
|
1650
|
+
};
|
|
1651
|
+
type DataTableServerFilter = Omit<DataTableAdvancedFilter, "id">;
|
|
1652
|
+
type DataTableGetRowsParams = {
|
|
1653
|
+
paginated: boolean;
|
|
1654
|
+
page: number;
|
|
1655
|
+
pageSize: number;
|
|
1656
|
+
sortField: string | null;
|
|
1657
|
+
sortDirection: SortDirection;
|
|
1658
|
+
search: string;
|
|
1659
|
+
filters: DataTableServerFilter[];
|
|
1660
|
+
signal?: AbortSignal;
|
|
1661
|
+
};
|
|
1662
|
+
type DataTableGetRowsResponse<T extends Record<string, unknown>> = {
|
|
1663
|
+
rows: T[];
|
|
1664
|
+
totalRows: number;
|
|
1665
|
+
};
|
|
1666
|
+
type DataTableDataSource<T extends Record<string, unknown>> = {
|
|
1667
|
+
getRows: (params: DataTableGetRowsParams) => Promise<DataTableGetRowsResponse<T>>;
|
|
1668
|
+
};
|
|
1669
|
+
type DataTableDataSourceCache<T extends Record<string, unknown>> = {
|
|
1670
|
+
get: (params: DataTableGetRowsParams) => DataTableGetRowsResponse<T> | undefined;
|
|
1671
|
+
set: (params: DataTableGetRowsParams, value: DataTableGetRowsResponse<T>) => void;
|
|
1672
|
+
clear?: () => void;
|
|
1673
|
+
};
|
|
1674
|
+
type DataTableProps<T extends Record<string, unknown>> = {
|
|
1675
|
+
rows?: T[];
|
|
1676
|
+
columns: DataTableColumn<T>[];
|
|
1677
|
+
columnGroups?: DataTableColumnGroup<T>[];
|
|
1678
|
+
rowGrouping?: DataTableRowGrouping<T>;
|
|
1679
|
+
rowKey: DataTableRowKey<T>;
|
|
1680
|
+
layoutMode?: DataTableLayoutMode;
|
|
1681
|
+
size?: DataTableSize;
|
|
1682
|
+
tableWidth?: number | string;
|
|
1683
|
+
minTableWidth?: number | string;
|
|
1684
|
+
minTableHeight?: number | string;
|
|
1685
|
+
maxTableHeight?: number | string;
|
|
1686
|
+
striped?: boolean;
|
|
1687
|
+
showCellBorders?: boolean;
|
|
1688
|
+
showActionColumns?: boolean;
|
|
1689
|
+
storageKey?: string;
|
|
1690
|
+
paginated?: boolean;
|
|
1691
|
+
defaultPageSize?: number;
|
|
1692
|
+
pageSizeOptions?: number[];
|
|
1693
|
+
dataSource?: DataTableDataSource<T>;
|
|
1694
|
+
dataSourceCache?: DataTableDataSourceCache<T>;
|
|
1695
|
+
dataSourceCacheTtl?: number;
|
|
1696
|
+
searchable?: boolean;
|
|
1697
|
+
searchPlaceholder?: string;
|
|
1698
|
+
searchDebounce?: number;
|
|
1699
|
+
checkboxSelection?: boolean;
|
|
1700
|
+
selectedRows?: React__default.Key[];
|
|
1701
|
+
onSelectedRowsChange?: (keys: React__default.Key[], rows: T[]) => void;
|
|
1702
|
+
emptyMessage?: ReactNode;
|
|
1703
|
+
sortField?: string | null;
|
|
1704
|
+
sortDirection?: SortDirection;
|
|
1705
|
+
onSortChange?: (sortField: string | null, direction: SortDirection) => void;
|
|
1706
|
+
columnVisibility?: DataTableColumnVisibility;
|
|
1707
|
+
defaultColumnVisibility?: DataTableColumnVisibility;
|
|
1708
|
+
onColumnVisibilityChange?: (visibility: DataTableColumnVisibility) => void;
|
|
1709
|
+
columnOrder?: string[];
|
|
1710
|
+
defaultColumnOrder?: string[];
|
|
1711
|
+
onColumnOrderChange?: (order: string[]) => void;
|
|
1712
|
+
manageColumns?: boolean;
|
|
1713
|
+
pinnedColumns?: DataTablePinnedColumns;
|
|
1714
|
+
defaultPinnedColumns?: DataTablePinnedColumns;
|
|
1715
|
+
onPinnedColumnsChange?: (pinned: DataTablePinnedColumns) => void;
|
|
1716
|
+
mode?: DataTableColumnManagerMode;
|
|
1717
|
+
showBackdrop?: boolean;
|
|
1718
|
+
};
|
|
1719
|
+
|
|
1720
|
+
type TableHeadSelectProps = Omit<CheckboxPropsThreeState, "indeterminate" | "size"> & {
|
|
1721
|
+
dividerRight?: boolean;
|
|
1722
|
+
tableSize?: DataTableSize;
|
|
1723
|
+
};
|
|
1724
|
+
type TableBodySelectProps = Omit<CheckboxPropsTwoState, "size"> & {
|
|
1725
|
+
selected?: boolean;
|
|
1726
|
+
tableSize?: DataTableSize;
|
|
1727
|
+
};
|
|
1728
|
+
type TableBodyActionProps = PropsWithChildren<{
|
|
1729
|
+
onClick?: () => void;
|
|
1730
|
+
disabled?: boolean;
|
|
1731
|
+
destructive?: boolean;
|
|
1732
|
+
icon?: ComponentType;
|
|
1733
|
+
}>;
|
|
1734
|
+
type TableHeaderCellProps = FC<ITableHeadProps> & {
|
|
1735
|
+
Select: FC<TableHeadSelectProps>;
|
|
1736
|
+
Actions: FC<ITableHeadProps>;
|
|
1737
|
+
};
|
|
1738
|
+
type TableBodyCellProps = FC<ITableCellProps> & {
|
|
1739
|
+
Select: FC<TableBodySelectProps>;
|
|
1740
|
+
Actions: FC<ITableCellProps>;
|
|
1741
|
+
Action: FC<TableBodyActionProps>;
|
|
1742
|
+
};
|
|
1743
|
+
interface ITableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
|
|
1744
|
+
isPlaceholder?: boolean;
|
|
1745
|
+
sort?: "ASC" | "DESC" | "NONE";
|
|
1746
|
+
onSortClick?: () => void;
|
|
1747
|
+
dividerRight?: boolean;
|
|
1748
|
+
size?: DataTableSize;
|
|
1749
|
+
}
|
|
1750
|
+
interface ITableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
|
|
1751
|
+
fitContent?: boolean;
|
|
1752
|
+
allowOverflow?: boolean;
|
|
1753
|
+
overflow?: DataTableCellOverflow;
|
|
1754
|
+
size?: DataTableSize;
|
|
1755
|
+
}
|
|
1756
|
+
declare const Table: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
|
|
1757
|
+
$bordered?: boolean;
|
|
1758
|
+
$cellBorders?: "all" | "horizontal";
|
|
1759
|
+
$width?: number | string;
|
|
1760
|
+
$minWidth?: number | string;
|
|
1761
|
+
}>> & string;
|
|
1762
|
+
declare const TableBody: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
|
|
1763
|
+
$striped?: boolean;
|
|
1764
|
+
}>> & string;
|
|
1765
|
+
declare const TableHeaderFrame: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<styled_components.FastOmit<styled_components_dist_types.Substitute<React.DetailedHTMLProps<ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, React.DetailedHTMLProps<ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>>, never>, {
|
|
1766
|
+
$bordered?: boolean;
|
|
1767
|
+
$dividerRight?: boolean;
|
|
1768
|
+
}>> & string;
|
|
1769
|
+
declare const TableRow: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<styled_components_dist_types.Substitute<styled_components_dist_types.Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>, {
|
|
1770
|
+
selected?: boolean;
|
|
1771
|
+
}>, never>> & string;
|
|
1772
|
+
declare const TableHead: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
|
|
1773
|
+
declare const TableHeaderCell: TableHeaderCellProps;
|
|
1774
|
+
declare const TableBodyCell: TableBodyCellProps;
|
|
1775
|
+
|
|
1776
|
+
declare const TableSibling: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React__default.HTMLAttributes<HTMLElement> & {
|
|
1777
|
+
align?: "center" | "flex-end" | "flex-start";
|
|
1778
|
+
column?: boolean;
|
|
1779
|
+
component?: React__default.ElementType;
|
|
1780
|
+
gap?: SPACING;
|
|
1781
|
+
justify?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1782
|
+
} & React__default.RefAttributes<HTMLElement>, never>> & string & Omit<React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & {
|
|
1783
|
+
align?: "center" | "flex-end" | "flex-start";
|
|
1784
|
+
column?: boolean;
|
|
1785
|
+
component?: React__default.ElementType;
|
|
1786
|
+
gap?: SPACING;
|
|
1787
|
+
justify?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
|
|
1788
|
+
} & React__default.RefAttributes<HTMLElement>>, keyof React__default.Component<any, {}, any>>;
|
|
1789
|
+
declare function DataTable<T extends Record<string, unknown>>(props: DataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
1790
|
+
|
|
1791
|
+
declare const DEFAULT_DATA_TABLE_DATA_SOURCE_CACHE_TTL: number;
|
|
1792
|
+
declare function serializeDataTableGetRowsParams(params: DataTableGetRowsParams): string;
|
|
1793
|
+
declare function createDataTableDataSourceCache<T extends Record<string, unknown>>(options?: {
|
|
1794
|
+
ttl?: number;
|
|
1795
|
+
}): DataTableDataSourceCache<T>;
|
|
1796
|
+
|
|
1797
|
+
type GroupValue = string | number | boolean | null | undefined;
|
|
1798
|
+
type RenderedColumn<T extends Record<string, unknown>> = {
|
|
1799
|
+
column: DataTableColumn<T>;
|
|
1800
|
+
field: string;
|
|
1801
|
+
sortable: boolean | undefined;
|
|
1802
|
+
currentSort: DataTableProps<T>["sortDirection"];
|
|
1803
|
+
textAlign: "left" | "center" | "right";
|
|
1804
|
+
stickyStyle?: React__default.CSSProperties;
|
|
1805
|
+
};
|
|
1806
|
+
type GroupedBodyEntry<T extends Record<string, unknown>> = {
|
|
1807
|
+
type: "group";
|
|
1808
|
+
key: string;
|
|
1809
|
+
value: GroupValue;
|
|
1810
|
+
rows: T[];
|
|
1811
|
+
collapsed: boolean;
|
|
1812
|
+
collapsible: boolean;
|
|
1813
|
+
depth: number;
|
|
1814
|
+
path: GroupValue[];
|
|
1815
|
+
} | {
|
|
1816
|
+
type: "row";
|
|
1817
|
+
key: React__default.Key;
|
|
1818
|
+
row: T;
|
|
1819
|
+
};
|
|
1820
|
+
|
|
1821
|
+
type ResolvedBodyCell<T extends Record<string, unknown>> = {
|
|
1822
|
+
renderedColumn: RenderedColumn<T>;
|
|
1823
|
+
columnStart: number;
|
|
1824
|
+
colSpan: number;
|
|
1825
|
+
rowSpan: number;
|
|
1826
|
+
rawValue?: React__default.ReactNode;
|
|
1827
|
+
};
|
|
1828
|
+
|
|
1829
|
+
type DataGridProps<T extends Record<string, unknown>> = DataTableProps<T> & {
|
|
1830
|
+
cellSelection?: boolean;
|
|
1831
|
+
};
|
|
1832
|
+
type GridCellStyleProps = {
|
|
1833
|
+
$sticky?: boolean;
|
|
1834
|
+
$fitContent?: boolean;
|
|
1835
|
+
$allowOverflow?: boolean;
|
|
1836
|
+
$borderRight?: boolean;
|
|
1837
|
+
$borderBottom?: boolean;
|
|
1838
|
+
$focused?: boolean;
|
|
1839
|
+
$showCellBorders?: boolean;
|
|
1840
|
+
};
|
|
1841
|
+
type DataGridCssVariables = CSSProperties$1 & {
|
|
1842
|
+
"--data-table-cell-padding"?: string;
|
|
1843
|
+
"--data-table-header-divider-inset"?: string;
|
|
1844
|
+
"--data-table-shell-padding"?: string;
|
|
1845
|
+
};
|
|
1846
|
+
type ActionDescriptor<T extends Record<string, unknown>> = {
|
|
1847
|
+
key: string;
|
|
1848
|
+
label: ReactNode;
|
|
1849
|
+
onClick: (row: T) => void;
|
|
1850
|
+
disabled?: boolean | ((row: T) => boolean);
|
|
1851
|
+
destructive?: boolean;
|
|
1852
|
+
icon?: ComponentType;
|
|
1853
|
+
};
|
|
1854
|
+
type FocusableGridCellKind = "body-checkbox" | "body-cell" | "body-actions" | "group-row" | "empty";
|
|
1855
|
+
type FocusableGridCell = {
|
|
1856
|
+
key: string;
|
|
1857
|
+
kind: FocusableGridCellKind;
|
|
1858
|
+
itemIndex?: number;
|
|
1859
|
+
rowIndex: number;
|
|
1860
|
+
colIndex: number;
|
|
1861
|
+
rowSpan: number;
|
|
1862
|
+
colSpan: number;
|
|
1863
|
+
groupKey?: string;
|
|
1864
|
+
collapsed?: boolean;
|
|
1865
|
+
collapsible?: boolean;
|
|
1866
|
+
selected?: boolean;
|
|
1867
|
+
rowKey?: Key;
|
|
1868
|
+
};
|
|
1869
|
+
type FocusableCellDomProps = HTMLAttributes<HTMLDivElement> & {
|
|
1870
|
+
id: string;
|
|
1871
|
+
role: "gridcell";
|
|
1872
|
+
tabIndex?: number;
|
|
1873
|
+
"aria-colindex": number;
|
|
1874
|
+
"aria-rowindex": number;
|
|
1875
|
+
"aria-colspan"?: number;
|
|
1876
|
+
"aria-rowspan"?: number;
|
|
1877
|
+
"aria-selected"?: true;
|
|
1878
|
+
"aria-expanded"?: boolean;
|
|
1879
|
+
ref?: (node: HTMLDivElement | null) => void;
|
|
1880
|
+
};
|
|
1881
|
+
type DataGridEmptyRowProps = {
|
|
1882
|
+
emptyMessage: ReactNode;
|
|
1883
|
+
loading: boolean;
|
|
1884
|
+
headerRowCount: number;
|
|
1885
|
+
totalColumnCount: number;
|
|
1886
|
+
showCellBorders: boolean;
|
|
1887
|
+
hasBorderBottom: boolean;
|
|
1888
|
+
isFocused: boolean;
|
|
1889
|
+
getFocusableCellProps: (cell: FocusableGridCell) => FocusableCellDomProps;
|
|
1890
|
+
};
|
|
1891
|
+
type DataGridGroupRowProps<T extends Record<string, unknown>> = {
|
|
1892
|
+
entry: Extract<GroupedBodyEntry<T>, {
|
|
1893
|
+
type: "group";
|
|
1894
|
+
}>;
|
|
1895
|
+
rowIndex: number;
|
|
1896
|
+
headerRowCount: number;
|
|
1897
|
+
totalColumnCount: number;
|
|
1898
|
+
showCellBorders: boolean;
|
|
1899
|
+
hasBorderBottom: boolean;
|
|
1900
|
+
isFocused: boolean;
|
|
1901
|
+
renderGroupHeaderContent: (entry: Extract<GroupedBodyEntry<T>, {
|
|
1902
|
+
type: "group";
|
|
1903
|
+
}>) => ReactNode;
|
|
1904
|
+
getFocusableCellProps: (cell: FocusableGridCell) => FocusableCellDomProps;
|
|
1905
|
+
};
|
|
1906
|
+
type DataGridDataRowProps<T extends Record<string, unknown>> = {
|
|
1907
|
+
entry: Extract<GroupedBodyEntry<T>, {
|
|
1908
|
+
type: "row";
|
|
1909
|
+
}>;
|
|
1910
|
+
rowIndex: number;
|
|
1911
|
+
headerRowCount: number;
|
|
1912
|
+
checkboxSelection: boolean;
|
|
1913
|
+
lastLeftPinnedField: string | null;
|
|
1914
|
+
showCellBorders: boolean;
|
|
1915
|
+
isSelected: boolean;
|
|
1916
|
+
isStriped: boolean;
|
|
1917
|
+
activeCellKey: string | null;
|
|
1918
|
+
resolvedBodyCells: ResolvedBodyCell<T>[];
|
|
1919
|
+
shouldRenderBorderRight: (field: string, colSpan?: number) => boolean;
|
|
1920
|
+
shouldRenderBorderBottom: (rowIndex: number, rowSpan?: number) => boolean;
|
|
1921
|
+
getFocusableCellProps: (cell: FocusableGridCell) => FocusableCellDomProps;
|
|
1922
|
+
toggleRowSelection: (rowKey: Key) => void;
|
|
1923
|
+
getColumnRawValue: (row: T, column: DataTableRegularColumn<T>) => ReactNode;
|
|
1924
|
+
cellSelection: boolean;
|
|
1925
|
+
actionTriggerRefs: RefObject<Record<string, HTMLButtonElement | null>>;
|
|
1926
|
+
};
|
|
1927
|
+
type VirtualizedDataGridGroupRowProps<T extends Record<string, unknown>> = {
|
|
1928
|
+
entry: Extract<GroupedBodyEntry<T>, {
|
|
1929
|
+
type: "group";
|
|
1930
|
+
}>;
|
|
1931
|
+
itemIndex: number;
|
|
1932
|
+
headerRowCount: number;
|
|
1933
|
+
totalColumnCount: number;
|
|
1934
|
+
gridTemplateColumns: string;
|
|
1935
|
+
showCellBorders: boolean;
|
|
1936
|
+
hasBorderBottom: boolean;
|
|
1937
|
+
isFocused: boolean;
|
|
1938
|
+
renderGroupHeaderContent: (entry: Extract<GroupedBodyEntry<T>, {
|
|
1939
|
+
type: "group";
|
|
1940
|
+
}>) => ReactNode;
|
|
1941
|
+
getFocusableCellProps: (cell: FocusableGridCell) => FocusableCellDomProps;
|
|
1942
|
+
};
|
|
1943
|
+
type VirtualizedDataGridRowProps<T extends Record<string, unknown>> = {
|
|
1944
|
+
entry: Extract<GroupedBodyEntry<T>, {
|
|
1945
|
+
type: "row";
|
|
1946
|
+
}>;
|
|
1947
|
+
itemIndex: number;
|
|
1948
|
+
headerRowCount: number;
|
|
1949
|
+
gridTemplateColumns: string;
|
|
1950
|
+
checkboxSelection: boolean;
|
|
1951
|
+
lastLeftPinnedField: string | null;
|
|
1952
|
+
showCellBorders: boolean;
|
|
1953
|
+
isSelected: boolean;
|
|
1954
|
+
isStriped: boolean;
|
|
1955
|
+
activeCellKey: string | null;
|
|
1956
|
+
resolvedBodyCells: ResolvedBodyCell<T>[];
|
|
1957
|
+
shouldRenderBorderRight: (field: string, colSpan?: number) => boolean;
|
|
1958
|
+
shouldRenderBorderBottom: (rowIndex: number, rowSpan?: number) => boolean;
|
|
1959
|
+
getFocusableCellProps: (cell: FocusableGridCell) => FocusableCellDomProps;
|
|
1960
|
+
toggleRowSelection: (rowKey: Key) => void;
|
|
1961
|
+
getColumnRawValue: (row: T, column: DataTableRegularColumn<T>) => ReactNode;
|
|
1962
|
+
cellSelection: boolean;
|
|
1963
|
+
actionTriggerRefs: RefObject<Record<string, HTMLButtonElement | null>>;
|
|
1964
|
+
};
|
|
1965
|
+
|
|
1966
|
+
declare function DataGrid<T extends Record<string, unknown>>(props: DataGridProps<T>): react_jsx_runtime.JSX.Element;
|
|
1967
|
+
|
|
1968
|
+
type DateFormatterProps<T> = {
|
|
1969
|
+
date: T | undefined;
|
|
1970
|
+
defaultFormatter: (date: T, format?: string) => string;
|
|
1971
|
+
};
|
|
1972
|
+
type DateFormatter<T> = (props: DateFormatterProps<T>) => string;
|
|
1973
|
+
type HTMLProps = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "onClick" | "min" | "max">;
|
|
1974
|
+
type isUnavailableParams<T> = {
|
|
1975
|
+
date: T;
|
|
1976
|
+
isSameDate: (date: T, other: T) => boolean;
|
|
1977
|
+
};
|
|
1978
|
+
type IDatePickerProps$1<T> = PropsWithChildren & HTMLProps & {
|
|
1979
|
+
value?: T;
|
|
1980
|
+
defaultValue?: T;
|
|
1981
|
+
onChange?: (change: T) => void;
|
|
1982
|
+
onOpenChange?: (open: boolean) => void;
|
|
1983
|
+
isAvailable?: (props: isUnavailableParams<T>) => boolean;
|
|
1984
|
+
isOpen?: boolean;
|
|
1985
|
+
defaultOpen?: boolean;
|
|
1986
|
+
label?: string;
|
|
1987
|
+
format?: string | DateFormatter<T>;
|
|
1988
|
+
min?: T;
|
|
1989
|
+
max?: T;
|
|
1990
|
+
};
|
|
1991
|
+
declare class ControlsSlot extends Slot {
|
|
1992
|
+
}
|
|
1993
|
+
type IDatePickerSlots = {
|
|
1994
|
+
Controls: typeof ControlsSlot;
|
|
1995
|
+
};
|
|
1996
|
+
|
|
1997
|
+
type IDatePickerProps = IDatePickerProps$1<string>;
|
|
1998
|
+
declare const DatePicker: FC<IDatePickerProps, IDatePickerSlots>;
|
|
1999
|
+
|
|
2000
|
+
declare const DatePickerUTC: FC<IDatePickerProps, IDatePickerSlots>;
|
|
2001
|
+
|
|
2002
|
+
type DividerDirection = "horizontal" | "vertical";
|
|
2003
|
+
type DividerProps = {
|
|
2004
|
+
className?: string;
|
|
2005
|
+
muted?: boolean;
|
|
2006
|
+
direction?: DividerDirection;
|
|
2007
|
+
width?: number | string;
|
|
2008
|
+
height?: number | string;
|
|
2009
|
+
};
|
|
2010
|
+
declare const Divider: FC<DividerProps>;
|
|
2011
|
+
|
|
2012
|
+
declare const HTMLAnchor: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React.DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
|
|
2013
|
+
$disabled: boolean;
|
|
2014
|
+
$initialColor: string;
|
|
2015
|
+
$interactionColor: string;
|
|
2016
|
+
$pressedColor: string;
|
|
2017
|
+
}>> & string;
|
|
2018
|
+
type ActionLinkProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
2019
|
+
subtle?: boolean;
|
|
2020
|
+
disabled?: boolean;
|
|
2021
|
+
newTab?: boolean;
|
|
2022
|
+
}>;
|
|
2023
|
+
declare const ActionLink: FC<ActionLinkProps>;
|
|
2024
|
+
|
|
2025
|
+
declare const MODAL_MAX_WIDTH: {
|
|
2026
|
+
readonly xs: "456px";
|
|
2027
|
+
readonly sm: "518px";
|
|
2028
|
+
readonly md: "616px";
|
|
2029
|
+
readonly lg: "776px";
|
|
2030
|
+
readonly xl: "936px";
|
|
2031
|
+
};
|
|
2032
|
+
type ModalMaxWidthPreset = keyof typeof MODAL_MAX_WIDTH;
|
|
2033
|
+
type ModalMaxWidth = ModalMaxWidthPreset | false | (string & {});
|
|
2034
|
+
type ModalScroll = "paper" | "body";
|
|
2035
|
+
interface ModalBaseProps extends HTMLAttributes<HTMLDivElement> {
|
|
2036
|
+
open: boolean;
|
|
2037
|
+
children: ReactNode;
|
|
2038
|
+
closeOnEsc?: boolean;
|
|
2039
|
+
closeOnOverlayClick?: boolean;
|
|
2040
|
+
onOverlayClick?: () => void;
|
|
2041
|
+
onClose: () => void;
|
|
2042
|
+
"aria-labelledby"?: string;
|
|
2043
|
+
"aria-label"?: string;
|
|
2044
|
+
/** Optional focus target when opening */
|
|
2045
|
+
initialFocusRef?: React__default.RefObject<HTMLElement>;
|
|
2046
|
+
/** Portal support */
|
|
2047
|
+
usePortal?: boolean;
|
|
2048
|
+
portalContainer?: Element | null;
|
|
2049
|
+
/** Makes the modal take the available width up to maxWidth */
|
|
2050
|
+
fullWidth?: boolean;
|
|
2051
|
+
/** Makes the modal take the full viewport */
|
|
2052
|
+
fullScreen?: boolean;
|
|
2053
|
+
/**
|
|
2054
|
+
* Controls the modal max width.
|
|
2055
|
+
* Can be a preset token, false to disable the max-width constraint,
|
|
2056
|
+
* or any CSS width value.
|
|
2057
|
+
*/
|
|
2058
|
+
maxWidth?: ModalMaxWidth;
|
|
2059
|
+
/**
|
|
2060
|
+
* paper: modal content scrolls inside the paper
|
|
2061
|
+
* body: overlay area scrolls instead
|
|
2062
|
+
*/
|
|
2063
|
+
scroll?: ModalScroll;
|
|
2064
|
+
}
|
|
2065
|
+
declare function ModalBase({ open, children, closeOnEsc, closeOnOverlayClick, onOverlayClick, onClose, className, initialFocusRef, usePortal, portalContainer, fullWidth, fullScreen, maxWidth, scroll, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, ...rest }: ModalBaseProps): react_jsx_runtime.JSX.Element | null;
|
|
2066
|
+
|
|
2067
|
+
type ModalProps = ModalBaseProps & {
|
|
2068
|
+
title?: string;
|
|
2069
|
+
primaryButtonLabel?: string;
|
|
2070
|
+
closeButtonLabel?: string;
|
|
2071
|
+
secondaryButtonLabel?: string;
|
|
2072
|
+
onPrimaryAction?: () => void;
|
|
2073
|
+
onSecondaryAction?: () => void;
|
|
2074
|
+
isPrimaryButtonDisabled?: boolean;
|
|
2075
|
+
isPrimaryActionLoading?: boolean;
|
|
2076
|
+
customFooter?: ReactNode;
|
|
2077
|
+
closeAriaLabel?: string;
|
|
2078
|
+
};
|
|
2079
|
+
declare function Modal({ title, children, primaryButtonLabel, closeButtonLabel, secondaryButtonLabel, onPrimaryAction, onSecondaryAction, onClose, isPrimaryButtonDisabled, isPrimaryActionLoading, customFooter, closeAriaLabel, ...baseProps }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
2080
|
+
|
|
2081
|
+
interface ModalDestructiveProps extends ModalBaseProps {
|
|
2082
|
+
primaryButtonLabel?: string;
|
|
2083
|
+
closeButtonLabel: string;
|
|
2084
|
+
onPrimaryAction: () => void;
|
|
2085
|
+
}
|
|
2086
|
+
declare function ModalDestructive({ children, primaryButtonLabel, closeButtonLabel, onPrimaryAction, onClose, ...baseProps }: ModalDestructiveProps): react_jsx_runtime.JSX.Element;
|
|
2087
|
+
|
|
2088
|
+
type ProgressBarSize = "small" | "medium" | "large";
|
|
2089
|
+
type ProgressBarProps = {
|
|
2090
|
+
progress: number;
|
|
2091
|
+
size?: ProgressBarSize;
|
|
2092
|
+
pulse?: boolean;
|
|
2093
|
+
"aria-label"?: string;
|
|
2094
|
+
"aria-labelledby"?: string;
|
|
2095
|
+
};
|
|
2096
|
+
declare const ProgressBar: FC<ProgressBarProps>;
|
|
2097
|
+
|
|
2098
|
+
type RangeSliderProps = {
|
|
2099
|
+
data?: number[];
|
|
2100
|
+
editable?: boolean;
|
|
2101
|
+
prefix?: string;
|
|
2102
|
+
min?: number;
|
|
2103
|
+
max?: number;
|
|
2104
|
+
graphHeight?: number;
|
|
2105
|
+
maxLabel?: string;
|
|
2106
|
+
minLabel?: string;
|
|
2107
|
+
values: number[];
|
|
2108
|
+
onChange?: (value: number[]) => void;
|
|
2109
|
+
onKeyUp?: (value: number) => void;
|
|
2110
|
+
};
|
|
2111
|
+
declare const RangeSlider: FC<RangeSliderProps>;
|
|
2112
|
+
|
|
2113
|
+
type SliderProps = {
|
|
2114
|
+
min?: number;
|
|
2115
|
+
max: number;
|
|
2116
|
+
value: number;
|
|
2117
|
+
prefix?: string;
|
|
2118
|
+
editable?: boolean;
|
|
2119
|
+
onChange?: (value: number) => void;
|
|
2120
|
+
onKeyUp?: (value: number) => void;
|
|
2121
|
+
};
|
|
2122
|
+
declare const Slider: FC<SliderProps>;
|
|
2123
|
+
|
|
2124
|
+
type SkeletonVariant = "text" | "circular" | "rectangular" | "rounded";
|
|
2125
|
+
type SkeletonAnimation = "pulse" | "wave" | false;
|
|
2126
|
+
type SkeletonProps = {
|
|
2127
|
+
variant?: SkeletonVariant;
|
|
2128
|
+
animation?: SkeletonAnimation;
|
|
2129
|
+
width?: number | string;
|
|
2130
|
+
height?: number | string;
|
|
2131
|
+
className?: string;
|
|
2132
|
+
style?: React__default.CSSProperties;
|
|
2133
|
+
};
|
|
2134
|
+
declare const Skeleton: ({ variant, animation, width, height, className, style, }: SkeletonProps) => react_jsx_runtime.JSX.Element;
|
|
2135
|
+
|
|
2136
|
+
type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> & {
|
|
2137
|
+
label?: string;
|
|
2138
|
+
helpText?: string;
|
|
2139
|
+
onChange?: (checked: boolean, event: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
2140
|
+
};
|
|
2141
|
+
declare const Switch: FC<SwitchProps>;
|
|
2142
|
+
|
|
2143
|
+
declare const Tab$1: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
2144
|
+
Prefix?: FC<HTMLAttributes<HTMLElement>>;
|
|
2145
|
+
selected?: boolean;
|
|
2146
|
+
secondary?: boolean;
|
|
2147
|
+
disabled?: boolean;
|
|
2148
|
+
} & {
|
|
2149
|
+
children?: React.ReactNode | undefined;
|
|
2150
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
2151
|
+
|
|
2152
|
+
declare const Tab: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React__default.HTMLAttributes<HTMLDivElement> & {
|
|
2153
|
+
Prefix?: FC<React__default.HTMLAttributes<HTMLElement>>;
|
|
2154
|
+
selected?: boolean;
|
|
2155
|
+
secondary?: boolean;
|
|
2156
|
+
disabled?: boolean;
|
|
2157
|
+
} & {
|
|
2158
|
+
children?: ReactNode | undefined;
|
|
2159
|
+
} & React__default.RefAttributes<HTMLDivElement>, never>> & string & Omit<React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
|
|
2160
|
+
Prefix?: FC<React__default.HTMLAttributes<HTMLElement>>;
|
|
2161
|
+
selected?: boolean;
|
|
2162
|
+
secondary?: boolean;
|
|
2163
|
+
disabled?: boolean;
|
|
2164
|
+
} & {
|
|
2165
|
+
children?: ReactNode | undefined;
|
|
2166
|
+
} & React__default.RefAttributes<HTMLDivElement>>, keyof React__default.Component<any, {}, any>>;
|
|
2167
|
+
declare class Content extends StylableSlot {
|
|
2168
|
+
}
|
|
2169
|
+
declare class Navigation extends Slot {
|
|
2170
|
+
}
|
|
2171
|
+
type SubComponents = {
|
|
2172
|
+
Content: typeof Content;
|
|
2173
|
+
TabList: typeof Navigation;
|
|
2174
|
+
Tab: typeof Tab;
|
|
2175
|
+
};
|
|
2176
|
+
type TabsProps = PropsWithChildren<{
|
|
2177
|
+
secondary?: boolean;
|
|
2178
|
+
selected: number;
|
|
2179
|
+
onChange?: (selected: number) => void;
|
|
2180
|
+
activationMode?: "auto" | "manual";
|
|
2181
|
+
idPrefix?: string;
|
|
2182
|
+
className?: string;
|
|
2183
|
+
}>;
|
|
2184
|
+
declare const Tabs: FC<TabsProps, SubComponents>;
|
|
2185
|
+
|
|
2186
|
+
type TextAreaResize = "none" | "vertical" | "horizontal" | "both";
|
|
2187
|
+
type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> & {
|
|
2188
|
+
label?: string;
|
|
2189
|
+
invalid?: boolean;
|
|
2190
|
+
resize?: TextAreaResize;
|
|
2191
|
+
onChange?: (value: string) => void;
|
|
2192
|
+
};
|
|
2193
|
+
declare const TextArea: React.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> & {
|
|
2194
|
+
label?: string;
|
|
2195
|
+
invalid?: boolean;
|
|
2196
|
+
resize?: TextAreaResize;
|
|
2197
|
+
onChange?: (value: string) => void;
|
|
2198
|
+
} & React.RefAttributes<HTMLTextAreaElement>>;
|
|
2199
|
+
|
|
2200
|
+
type ThumbnailSize = "small" | "medium" | "large";
|
|
2201
|
+
type ThumbnailProps = {
|
|
2202
|
+
imageUrl?: string | null;
|
|
2203
|
+
fallbackUrl?: string;
|
|
2204
|
+
size?: ThumbnailSize;
|
|
2205
|
+
imageLabel?: string;
|
|
2206
|
+
className?: string;
|
|
2207
|
+
};
|
|
2208
|
+
declare const Thumbnail: FC<ThumbnailProps>;
|
|
2209
|
+
|
|
2210
|
+
type ToastPosition = "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
2211
|
+
type ToastVariant = "info" | "default" | "success" | "warning" | "error";
|
|
2212
|
+
type ToastSharedProps = {
|
|
2213
|
+
title?: string;
|
|
2214
|
+
description: string;
|
|
2215
|
+
variant?: ToastVariant;
|
|
2216
|
+
duration?: number;
|
|
2217
|
+
actionText?: string;
|
|
2218
|
+
actionAltText?: string;
|
|
2219
|
+
closeable?: boolean;
|
|
2220
|
+
onActionClick?: () => void;
|
|
2221
|
+
};
|
|
2222
|
+
type StandaloneToastProps = ToastSharedProps & {
|
|
2223
|
+
open: boolean;
|
|
2224
|
+
onOpenChange: (open: boolean) => void;
|
|
2225
|
+
position?: ToastPosition;
|
|
2226
|
+
label?: string;
|
|
2227
|
+
disablePortal?: boolean;
|
|
2228
|
+
portalContainer?: Element | DocumentFragment | null;
|
|
2229
|
+
};
|
|
2230
|
+
declare const Toast: FC<StandaloneToastProps>;
|
|
2231
|
+
|
|
2232
|
+
type ShowToastInput = ToastSharedProps & {
|
|
2233
|
+
key?: string;
|
|
2234
|
+
};
|
|
2235
|
+
type ToastContextValue = {
|
|
2236
|
+
showToast: (input: ShowToastInput) => string;
|
|
2237
|
+
closeToast: (id: string) => void;
|
|
2238
|
+
closeAll: () => void;
|
|
2239
|
+
};
|
|
2240
|
+
type ToastProviderProps = {
|
|
2241
|
+
children?: ReactNode;
|
|
2242
|
+
position?: ToastPosition;
|
|
2243
|
+
label?: string;
|
|
2244
|
+
maxVisible?: number;
|
|
2245
|
+
duration?: number;
|
|
2246
|
+
disablePortal?: boolean;
|
|
2247
|
+
portalContainer?: Element | DocumentFragment | null;
|
|
2248
|
+
};
|
|
2249
|
+
declare const ToastProvider: FC$1<ToastProviderProps>;
|
|
2250
|
+
declare function useToast(): ToastContextValue;
|
|
2251
|
+
|
|
2252
|
+
type Position = "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "left" | "right";
|
|
2253
|
+
declare const TooltipWrapper: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
2254
|
+
declare const TooltipContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2255
|
+
$position: Position;
|
|
2256
|
+
$width?: number;
|
|
2257
|
+
}>> & string;
|
|
2258
|
+
declare const TooltipBox: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<ITextComponentProps & styled_components_dist_types.BaseObject, {
|
|
2259
|
+
$position: Position;
|
|
2260
|
+
}>> & string & Omit<FC<ITextComponentProps>, keyof React.Component<any, {}, any>>;
|
|
2261
|
+
type TooltipProps = {
|
|
2262
|
+
position?: Position;
|
|
2263
|
+
content: ReactNode;
|
|
2264
|
+
children: ReactNode;
|
|
2265
|
+
width?: number;
|
|
2266
|
+
className?: string;
|
|
2267
|
+
style?: CSSProperties;
|
|
2268
|
+
open?: boolean;
|
|
2269
|
+
defaultOpen?: boolean;
|
|
2270
|
+
onOpenChange?: (open: boolean) => void;
|
|
2271
|
+
};
|
|
2272
|
+
declare const Tooltip: FC<TooltipProps>;
|
|
2273
|
+
|
|
2274
|
+
type LabelAction = "expand" | "check" | "select";
|
|
2275
|
+
type SimpleTreeLabelAction = Exclude<LabelAction, "check">;
|
|
2276
|
+
type TreeNodeData = {
|
|
2277
|
+
id: string;
|
|
2278
|
+
label: string;
|
|
2279
|
+
helpfulMessage?: string;
|
|
2280
|
+
disabled?: boolean;
|
|
2281
|
+
invalid?: boolean;
|
|
2282
|
+
icon?: ReactNode;
|
|
2283
|
+
hasChildren?: boolean;
|
|
2284
|
+
children?: TreeNodeData[];
|
|
2285
|
+
};
|
|
2286
|
+
declare enum CheckboxState {
|
|
2287
|
+
UNCHECKED = 0,
|
|
2288
|
+
CHECKED = 1,
|
|
2289
|
+
INDETERMINATE = 2
|
|
2290
|
+
}
|
|
2291
|
+
type TreeNodeMeta = {
|
|
2292
|
+
id: string;
|
|
2293
|
+
label: string;
|
|
2294
|
+
helpfulMessage?: string;
|
|
2295
|
+
disabled: boolean;
|
|
2296
|
+
invalid: boolean;
|
|
2297
|
+
hasChildren: boolean;
|
|
2298
|
+
isParent: boolean;
|
|
2299
|
+
isLeaf: boolean;
|
|
2300
|
+
level: number;
|
|
2301
|
+
index: number;
|
|
2302
|
+
posInSet: number;
|
|
2303
|
+
setSize: number;
|
|
2304
|
+
childCount: number;
|
|
2305
|
+
parentId?: string;
|
|
2306
|
+
icon?: ReactNode;
|
|
2307
|
+
};
|
|
2308
|
+
type CheckNodePayload = {
|
|
2309
|
+
id: string;
|
|
2310
|
+
label: string;
|
|
2311
|
+
checked: boolean;
|
|
2312
|
+
};
|
|
2313
|
+
type ExpandNodePayload = {
|
|
2314
|
+
id: string;
|
|
2315
|
+
label: string;
|
|
2316
|
+
expanded: boolean;
|
|
2317
|
+
};
|
|
2318
|
+
type ClickNodePayload = {
|
|
2319
|
+
id: string;
|
|
2320
|
+
label: string;
|
|
2321
|
+
};
|
|
2322
|
+
type LoadChildrenEndResult = "success" | "error";
|
|
2323
|
+
type RenderNodeArgs = {
|
|
2324
|
+
node: TreeNodeMeta;
|
|
2325
|
+
expanded: boolean;
|
|
2326
|
+
checkState?: CheckboxState;
|
|
2327
|
+
focused: boolean;
|
|
2328
|
+
isLoading: boolean;
|
|
2329
|
+
hasLoadError: boolean;
|
|
2330
|
+
};
|
|
2331
|
+
type TreeIcons = {
|
|
2332
|
+
parentExpanded?: ReactNode;
|
|
2333
|
+
parentCollapsed?: ReactNode;
|
|
2334
|
+
leaf?: ReactNode;
|
|
2335
|
+
};
|
|
2336
|
+
type BaseTreeViewProps = {
|
|
2337
|
+
nodes: TreeNodeData[];
|
|
2338
|
+
className?: string;
|
|
2339
|
+
title?: string;
|
|
2340
|
+
ariaLabel?: string;
|
|
2341
|
+
useCardContainer?: boolean;
|
|
2342
|
+
showChildCount?: boolean;
|
|
2343
|
+
expandDisabled?: boolean;
|
|
2344
|
+
expanded?: string[];
|
|
2345
|
+
defaultExpanded?: string[];
|
|
2346
|
+
onExpand?: (expandedIds: string[], node?: ExpandNodePayload) => void;
|
|
2347
|
+
onNodeClick?: (node: ClickNodePayload) => void;
|
|
2348
|
+
onNodeFocus?: (node: ClickNodePayload) => void;
|
|
2349
|
+
renderNodeContent?: (args: RenderNodeArgs) => ReactNode;
|
|
2350
|
+
icons?: TreeIcons;
|
|
2351
|
+
showExpandAllControls?: boolean;
|
|
2352
|
+
expandAllLabel?: string;
|
|
2353
|
+
collapseAllLabel?: string;
|
|
2354
|
+
loadChildren?: (node: TreeNodeData) => Promise<TreeNodeData[]>;
|
|
2355
|
+
onLoadChildrenError?: (node: TreeNodeData, error: unknown) => void;
|
|
2356
|
+
onLoadChildrenStart?: (node: TreeNodeData) => void;
|
|
2357
|
+
onLoadChildrenEnd?: (node: TreeNodeData, result: LoadChildrenEndResult) => void;
|
|
2358
|
+
};
|
|
2359
|
+
type RichTreeViewProps = BaseTreeViewProps & {
|
|
2360
|
+
isRichTreeView?: true;
|
|
2361
|
+
checkedList?: string[];
|
|
2362
|
+
defaultCheckedList?: string[];
|
|
2363
|
+
onCheck?: (checkedIds: string[], node: CheckNodePayload) => void;
|
|
2364
|
+
labelAction?: LabelAction;
|
|
2365
|
+
};
|
|
2366
|
+
type SimpleTreeViewProps = BaseTreeViewProps & {
|
|
2367
|
+
isRichTreeView: false;
|
|
2368
|
+
checkedList?: never;
|
|
2369
|
+
defaultCheckedList?: never;
|
|
2370
|
+
onCheck?: never;
|
|
2371
|
+
labelAction?: SimpleTreeLabelAction;
|
|
2372
|
+
};
|
|
2373
|
+
type TreeViewProps = RichTreeViewProps | SimpleTreeViewProps;
|
|
2374
|
+
|
|
2375
|
+
declare const TreeView: ({ nodes, className, title, ariaLabel, useCardContainer, showChildCount, expandDisabled, expanded, defaultExpanded, icons, checkedList: propCheckList, defaultCheckedList: propDefaultCheckedList, isRichTreeView, showExpandAllControls, expandAllLabel, labelAction, collapseAllLabel, loadChildren, onExpand, onNodeClick, onNodeFocus, renderNodeContent, onLoadChildrenError, onLoadChildrenStart, onLoadChildrenEnd, onCheck: propOnCheck, }: TreeViewProps) => react_jsx_runtime.JSX.Element | null;
|
|
2376
|
+
|
|
2377
|
+
type TransitionStatus = "pre-enter" | "entering" | "entered" | "exiting" | "exited";
|
|
2378
|
+
type TransitionTimeout = number | {
|
|
2379
|
+
appear?: number;
|
|
2380
|
+
enter?: number;
|
|
2381
|
+
exit?: number;
|
|
2382
|
+
};
|
|
2383
|
+
type TransitionEasing = string | {
|
|
2384
|
+
appear?: string;
|
|
2385
|
+
enter?: string;
|
|
2386
|
+
exit?: string;
|
|
2387
|
+
};
|
|
2388
|
+
type TransitionLifecycleProps = {
|
|
2389
|
+
onEnter?: () => void;
|
|
2390
|
+
onEntered?: () => void;
|
|
2391
|
+
onExit?: () => void;
|
|
2392
|
+
onExited?: () => void;
|
|
2393
|
+
};
|
|
2394
|
+
type BaseTransitionProps = TransitionLifecycleProps & {
|
|
2395
|
+
in?: boolean;
|
|
2396
|
+
appear?: boolean;
|
|
2397
|
+
enter?: boolean;
|
|
2398
|
+
exit?: boolean;
|
|
2399
|
+
mountOnEnter?: boolean;
|
|
2400
|
+
unmountOnExit?: boolean;
|
|
2401
|
+
timeout?: TransitionTimeout;
|
|
2402
|
+
easing?: TransitionEasing;
|
|
2403
|
+
children: ReactElement;
|
|
2404
|
+
};
|
|
2405
|
+
type FadeProps = BaseTransitionProps;
|
|
2406
|
+
type GrowProps = BaseTransitionProps & {
|
|
2407
|
+
origin?: CSSProperties["transformOrigin"];
|
|
2408
|
+
};
|
|
2409
|
+
type ZoomProps = BaseTransitionProps & {
|
|
2410
|
+
origin?: CSSProperties["transformOrigin"];
|
|
2411
|
+
};
|
|
2412
|
+
type SlideDirection = "up" | "down" | "left" | "right";
|
|
2413
|
+
type SlideProps = BaseTransitionProps & {
|
|
2414
|
+
direction?: SlideDirection;
|
|
2415
|
+
offset?: number | string;
|
|
2416
|
+
};
|
|
2417
|
+
type CollapseOrientation = "vertical" | "horizontal";
|
|
2418
|
+
type CollapseProps = TransitionLifecycleProps & {
|
|
2419
|
+
in?: boolean;
|
|
2420
|
+
appear?: boolean;
|
|
2421
|
+
enter?: boolean;
|
|
2422
|
+
exit?: boolean;
|
|
2423
|
+
mountOnEnter?: boolean;
|
|
2424
|
+
unmountOnExit?: boolean;
|
|
2425
|
+
timeout?: TransitionTimeout;
|
|
2426
|
+
easing?: TransitionEasing;
|
|
2427
|
+
collapsedSize?: number | string;
|
|
2428
|
+
orientation?: CollapseOrientation;
|
|
2429
|
+
animateOpacity?: boolean;
|
|
2430
|
+
children: ReactElement;
|
|
2431
|
+
};
|
|
2432
|
+
|
|
2433
|
+
declare const Collapse: React.ForwardRefExoticComponent<TransitionLifecycleProps & {
|
|
2434
|
+
in?: boolean;
|
|
2435
|
+
appear?: boolean;
|
|
2436
|
+
enter?: boolean;
|
|
2437
|
+
exit?: boolean;
|
|
2438
|
+
mountOnEnter?: boolean;
|
|
2439
|
+
unmountOnExit?: boolean;
|
|
2440
|
+
timeout?: TransitionTimeout;
|
|
2441
|
+
easing?: TransitionEasing;
|
|
2442
|
+
collapsedSize?: number | string;
|
|
2443
|
+
orientation?: CollapseOrientation;
|
|
2444
|
+
animateOpacity?: boolean;
|
|
2445
|
+
children: React.ReactElement;
|
|
2446
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
2447
|
+
|
|
2448
|
+
declare const Fade: React.ForwardRefExoticComponent<TransitionLifecycleProps & {
|
|
2449
|
+
in?: boolean;
|
|
2450
|
+
appear?: boolean;
|
|
2451
|
+
enter?: boolean;
|
|
2452
|
+
exit?: boolean;
|
|
2453
|
+
mountOnEnter?: boolean;
|
|
2454
|
+
unmountOnExit?: boolean;
|
|
2455
|
+
timeout?: TransitionTimeout;
|
|
2456
|
+
easing?: TransitionEasing;
|
|
2457
|
+
children: React.ReactElement;
|
|
2458
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
2459
|
+
|
|
2460
|
+
declare const Grow: React.ForwardRefExoticComponent<TransitionLifecycleProps & {
|
|
2461
|
+
in?: boolean;
|
|
2462
|
+
appear?: boolean;
|
|
2463
|
+
enter?: boolean;
|
|
2464
|
+
exit?: boolean;
|
|
2465
|
+
mountOnEnter?: boolean;
|
|
2466
|
+
unmountOnExit?: boolean;
|
|
2467
|
+
timeout?: TransitionTimeout;
|
|
2468
|
+
easing?: TransitionEasing;
|
|
2469
|
+
children: React.ReactElement;
|
|
2470
|
+
} & {
|
|
2471
|
+
origin?: React.CSSProperties["transformOrigin"];
|
|
2472
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
2473
|
+
|
|
2474
|
+
declare const Slide: React.ForwardRefExoticComponent<TransitionLifecycleProps & {
|
|
2475
|
+
in?: boolean;
|
|
2476
|
+
appear?: boolean;
|
|
2477
|
+
enter?: boolean;
|
|
2478
|
+
exit?: boolean;
|
|
2479
|
+
mountOnEnter?: boolean;
|
|
2480
|
+
unmountOnExit?: boolean;
|
|
2481
|
+
timeout?: TransitionTimeout;
|
|
2482
|
+
easing?: TransitionEasing;
|
|
2483
|
+
children: React.ReactElement;
|
|
2484
|
+
} & {
|
|
2485
|
+
direction?: SlideDirection;
|
|
2486
|
+
offset?: number | string;
|
|
2487
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
2488
|
+
|
|
2489
|
+
type StyleResolverArgs = {
|
|
2490
|
+
status: TransitionStatus;
|
|
2491
|
+
};
|
|
2492
|
+
declare const Transition: React.ForwardRefExoticComponent<TransitionLifecycleProps & {
|
|
2493
|
+
in?: boolean;
|
|
2494
|
+
appear?: boolean;
|
|
2495
|
+
enter?: boolean;
|
|
2496
|
+
exit?: boolean;
|
|
2497
|
+
mountOnEnter?: boolean;
|
|
2498
|
+
unmountOnExit?: boolean;
|
|
2499
|
+
timeout?: TransitionTimeout;
|
|
2500
|
+
easing?: TransitionEasing;
|
|
2501
|
+
children: ReactElement;
|
|
2502
|
+
} & {
|
|
2503
|
+
getStyles: (args: StyleResolverArgs) => CSSProperties;
|
|
2504
|
+
transitionProperty?: string;
|
|
2505
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
2506
|
+
|
|
2507
|
+
declare const Zoom: React.ForwardRefExoticComponent<TransitionLifecycleProps & {
|
|
2508
|
+
in?: boolean;
|
|
2509
|
+
appear?: boolean;
|
|
2510
|
+
enter?: boolean;
|
|
2511
|
+
exit?: boolean;
|
|
2512
|
+
mountOnEnter?: boolean;
|
|
2513
|
+
unmountOnExit?: boolean;
|
|
2514
|
+
timeout?: TransitionTimeout;
|
|
2515
|
+
easing?: TransitionEasing;
|
|
2516
|
+
children: React.ReactElement;
|
|
2517
|
+
} & {
|
|
2518
|
+
origin?: React.CSSProperties["transformOrigin"];
|
|
2519
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
2520
|
+
|
|
2521
|
+
type OverlayProps = {
|
|
2522
|
+
open: boolean;
|
|
2523
|
+
children?: React__default.ReactNode;
|
|
2524
|
+
onOverlayClick?: () => void;
|
|
2525
|
+
lockBodyScroll?: boolean;
|
|
2526
|
+
zIndex?: number;
|
|
2527
|
+
transparent?: boolean;
|
|
2528
|
+
padded?: boolean;
|
|
2529
|
+
scroll?: "body" | "content" | "none";
|
|
2530
|
+
fullScreen?: boolean;
|
|
2531
|
+
animated?: boolean;
|
|
2532
|
+
};
|
|
2533
|
+
declare function Overlay({ open, children, onOverlayClick, lockBodyScroll, zIndex, transparent, padded, scroll, fullScreen, animated, }: OverlayProps): react_jsx_runtime.JSX.Element | null;
|
|
2534
|
+
|
|
2535
|
+
type DrawerAnchor = "left" | "right" | "top" | "bottom";
|
|
2536
|
+
type DrawerVariant = "temporary" | "persistent";
|
|
2537
|
+
type DrawerProps = {
|
|
2538
|
+
open?: boolean;
|
|
2539
|
+
defaultOpen?: boolean;
|
|
2540
|
+
onClose?: () => void;
|
|
2541
|
+
onOpenChange?: (open: boolean) => void;
|
|
2542
|
+
children: ReactNode;
|
|
2543
|
+
anchor?: DrawerAnchor;
|
|
2544
|
+
variant?: DrawerVariant;
|
|
2545
|
+
containerRef?: RefObject<HTMLElement | null>;
|
|
2546
|
+
keepMounted?: boolean;
|
|
2547
|
+
mini?: boolean;
|
|
2548
|
+
miniSize?: number;
|
|
2549
|
+
size?: number | string;
|
|
2550
|
+
overlay?: boolean;
|
|
2551
|
+
closeOnOverlayClick?: boolean;
|
|
2552
|
+
closeOnEsc?: boolean;
|
|
2553
|
+
lockScroll?: boolean;
|
|
2554
|
+
transitionDuration?: number;
|
|
2555
|
+
zIndex?: number;
|
|
2556
|
+
className?: string;
|
|
2557
|
+
contentClassName?: string;
|
|
2558
|
+
style?: CSSProperties;
|
|
2559
|
+
contentStyle?: CSSProperties;
|
|
2560
|
+
"aria-label"?: string;
|
|
2561
|
+
"aria-labelledby"?: string;
|
|
2562
|
+
};
|
|
2563
|
+
type SwipeableDrawerProps = DrawerProps & {
|
|
2564
|
+
onOpen?: () => void;
|
|
2565
|
+
swipeAreaWidth?: number;
|
|
2566
|
+
disableSwipeToOpen?: boolean;
|
|
2567
|
+
disableDiscovery?: boolean;
|
|
2568
|
+
allowSwipeInChildren?: boolean | ((target: HTMLElement) => boolean);
|
|
2569
|
+
};
|
|
2570
|
+
|
|
2571
|
+
declare function Drawer({ open: openProp, defaultOpen, onClose, onOpenChange, children, anchor, variant, containerRef, keepMounted, mini, miniSize, size, overlay, closeOnOverlayClick, closeOnEsc, lockScroll, zIndex, transitionDuration, className, contentClassName, style, contentStyle, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
2572
|
+
|
|
2573
|
+
declare function SwipeableDrawer({ open: openProp, defaultOpen, onOpen, onClose, onOpenChange, children, anchor, variant, containerRef, keepMounted, mini, miniSize, size, overlay, closeOnOverlayClick, closeOnEsc, lockScroll, zIndex, transitionDuration, className, contentClassName, style, contentStyle, swipeAreaWidth, disableSwipeToOpen, disableDiscovery, allowSwipeInChildren, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: SwipeableDrawerProps): react_jsx_runtime.JSX.Element;
|
|
2574
|
+
|
|
2575
|
+
type ChartSeriesType = "line" | "bar" | "area" | "radar";
|
|
2576
|
+
type CurveType = "linear" | "monotone" | "step" | "stepAfter" | "stepBefore";
|
|
2577
|
+
type ChartVariant = "line" | "bar" | "area" | "composed" | "pie" | "radar";
|
|
2578
|
+
type ChartPieVariant = "pie" | "donut";
|
|
2579
|
+
type ChartCartesianLayout = "horizontal" | "vertical";
|
|
2580
|
+
type ChartYAxisConfig = {
|
|
2581
|
+
id?: string | number;
|
|
2582
|
+
orientation?: "left" | "right";
|
|
2583
|
+
width?: number;
|
|
2584
|
+
label?: string;
|
|
2585
|
+
tickFormatter?: (value: unknown) => string;
|
|
2586
|
+
allowDecimals?: boolean;
|
|
2587
|
+
};
|
|
2588
|
+
type ChartSeries<TData> = {
|
|
2589
|
+
key: keyof TData & string;
|
|
2590
|
+
label: string;
|
|
2591
|
+
type?: ChartSeriesType;
|
|
2592
|
+
color?: string;
|
|
2593
|
+
yAxisId?: string | number;
|
|
2594
|
+
hidden?: boolean;
|
|
2595
|
+
curve?: CurveType;
|
|
2596
|
+
strokeWidth?: number;
|
|
2597
|
+
showDots?: boolean;
|
|
2598
|
+
connectNulls?: boolean;
|
|
2599
|
+
dashed?: boolean;
|
|
2600
|
+
stackId?: string;
|
|
2601
|
+
radius?: number | [number, number, number, number];
|
|
2602
|
+
};
|
|
2603
|
+
type ChartProps<TData extends Record<string, unknown>> = {
|
|
2604
|
+
data: TData[];
|
|
2605
|
+
xKey: keyof TData & string;
|
|
2606
|
+
series: ChartSeries<TData>[];
|
|
2607
|
+
variant?: ChartVariant;
|
|
2608
|
+
pieVariant?: ChartPieVariant;
|
|
2609
|
+
cartesianLayout?: ChartCartesianLayout;
|
|
2610
|
+
height?: number;
|
|
2611
|
+
loading?: boolean;
|
|
2612
|
+
empty?: boolean;
|
|
2613
|
+
showGrid?: boolean;
|
|
2614
|
+
showLegend?: boolean;
|
|
2615
|
+
showTooltip?: boolean;
|
|
2616
|
+
xAxisLabel?: string;
|
|
2617
|
+
yAxisLabel?: string;
|
|
2618
|
+
formatXAxis?: (value: unknown) => string;
|
|
2619
|
+
formatYAxis?: (value: unknown) => string;
|
|
2620
|
+
formatTooltipValue?: (value: unknown, key: string) => string;
|
|
2621
|
+
formatTooltipLabel?: (label: unknown) => string;
|
|
2622
|
+
yAxes?: ChartYAxisConfig[];
|
|
2623
|
+
pieInnerRadius?: number | string;
|
|
2624
|
+
pieOuterRadius?: number | string;
|
|
2625
|
+
pieShowLabels?: boolean;
|
|
2626
|
+
className?: string;
|
|
2627
|
+
ariaLabel?: string;
|
|
2628
|
+
emptyState?: ReactNode;
|
|
2629
|
+
};
|
|
2630
|
+
|
|
2631
|
+
declare function Chart<TData extends Record<string, unknown>>({ data, xKey, series, variant, pieVariant, cartesianLayout, height, loading, empty, showGrid, showLegend, showTooltip, xAxisLabel, yAxisLabel, formatXAxis, formatYAxis, formatTooltipValue, formatTooltipLabel, yAxes, pieInnerRadius, pieOuterRadius, pieShowLabels, className, ariaLabel, emptyState, }: ChartProps<TData>): react_jsx_runtime.JSX.Element;
|
|
2632
|
+
|
|
2633
|
+
declare const ScrollArea: React__default.ForwardRefExoticComponent<Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "onScroll"> & {
|
|
2634
|
+
children: React__default.ReactNode;
|
|
2635
|
+
maxHeight?: number | string;
|
|
2636
|
+
maxWidth?: number | string;
|
|
2637
|
+
autoHideDelay?: number;
|
|
2638
|
+
scrollbarSize?: number;
|
|
2639
|
+
alwaysShowScrollbar?: boolean;
|
|
2640
|
+
smoothScroll?: boolean;
|
|
2641
|
+
overlayScrollbar?: boolean;
|
|
2642
|
+
onScroll?: (event: UIEvent<HTMLDivElement>) => void;
|
|
2643
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
2644
|
+
|
|
2645
|
+
declare const Background: {
|
|
2646
|
+
readonly Default: string;
|
|
2647
|
+
readonly White: string;
|
|
2648
|
+
readonly Muted: string;
|
|
2649
|
+
readonly Inverse: string;
|
|
2650
|
+
readonly Overlay: string;
|
|
2651
|
+
};
|
|
2652
|
+
declare const Surface: {
|
|
2653
|
+
readonly Default: {
|
|
2654
|
+
readonly Default: string;
|
|
2655
|
+
readonly Muted: string;
|
|
2656
|
+
readonly Hover: string;
|
|
2657
|
+
readonly Pressed: string;
|
|
2658
|
+
readonly Active: string;
|
|
2659
|
+
readonly Inverse: string;
|
|
2660
|
+
};
|
|
2661
|
+
readonly Selected: {
|
|
2662
|
+
readonly Soft: string;
|
|
2663
|
+
readonly Muted: string;
|
|
2664
|
+
readonly Default: string;
|
|
2665
|
+
readonly Hover: string;
|
|
2666
|
+
readonly Pressed: string;
|
|
2667
|
+
readonly Active: string;
|
|
2668
|
+
};
|
|
2669
|
+
readonly Critical: {
|
|
2670
|
+
readonly Soft: string;
|
|
2671
|
+
readonly Default: string;
|
|
2672
|
+
readonly Muted: string;
|
|
2673
|
+
readonly Hover: string;
|
|
2674
|
+
readonly Pressed: string;
|
|
2675
|
+
readonly Active: string;
|
|
2676
|
+
};
|
|
2677
|
+
readonly Warning: {
|
|
2678
|
+
readonly Soft: string;
|
|
2679
|
+
readonly Hover: string;
|
|
2680
|
+
readonly Default: string;
|
|
2681
|
+
readonly Pressed: string;
|
|
2682
|
+
readonly Muted: string;
|
|
2683
|
+
readonly Active: string;
|
|
2684
|
+
};
|
|
2685
|
+
readonly Success: {
|
|
2686
|
+
readonly Soft: string;
|
|
2687
|
+
readonly Hover: string;
|
|
2688
|
+
readonly Default: string;
|
|
2689
|
+
readonly Pressed: string;
|
|
2690
|
+
readonly Muted: string;
|
|
2691
|
+
readonly Active: string;
|
|
2692
|
+
};
|
|
2693
|
+
readonly Highlight: {
|
|
2694
|
+
readonly Soft: string;
|
|
2695
|
+
readonly Hover: string;
|
|
2696
|
+
readonly Default: string;
|
|
2697
|
+
readonly Pressed: string;
|
|
2698
|
+
readonly Muted: string;
|
|
2699
|
+
readonly Active: string;
|
|
2700
|
+
};
|
|
2701
|
+
readonly Neutral: {
|
|
2702
|
+
readonly Soft: string;
|
|
2703
|
+
readonly Default: string;
|
|
2704
|
+
readonly Muted: string;
|
|
2705
|
+
readonly Hover: string;
|
|
2706
|
+
readonly Pressed: string;
|
|
2707
|
+
readonly Active: string;
|
|
2708
|
+
};
|
|
2709
|
+
readonly Violet: {
|
|
2710
|
+
readonly Soft: string;
|
|
2711
|
+
readonly Hover: string;
|
|
2712
|
+
readonly Default: string;
|
|
2713
|
+
readonly Pressed: string;
|
|
2714
|
+
readonly Muted: string;
|
|
2715
|
+
readonly Active: string;
|
|
2716
|
+
};
|
|
2717
|
+
readonly Cyan: {
|
|
2718
|
+
readonly Soft: string;
|
|
2719
|
+
readonly Hover: string;
|
|
2720
|
+
readonly Default: string;
|
|
2721
|
+
readonly Pressed: string;
|
|
2722
|
+
readonly Muted: string;
|
|
2723
|
+
readonly Active: string;
|
|
2724
|
+
};
|
|
2725
|
+
};
|
|
2726
|
+
declare const Borders: {
|
|
2727
|
+
readonly Default: {
|
|
2728
|
+
readonly Default: string;
|
|
2729
|
+
readonly Muted: string;
|
|
2730
|
+
readonly Soft: string;
|
|
2731
|
+
readonly Dark: string;
|
|
2732
|
+
readonly Active: string;
|
|
2733
|
+
};
|
|
2734
|
+
readonly Critical: {
|
|
2735
|
+
readonly Soft: string;
|
|
2736
|
+
readonly Default: string;
|
|
2737
|
+
readonly Muted: string;
|
|
2738
|
+
readonly Active: string;
|
|
2739
|
+
};
|
|
2740
|
+
readonly Warning: {
|
|
2741
|
+
readonly Soft: string;
|
|
2742
|
+
readonly Default: string;
|
|
2743
|
+
readonly Muted: string;
|
|
2744
|
+
readonly Active: string;
|
|
2745
|
+
};
|
|
2746
|
+
readonly Success: {
|
|
2747
|
+
readonly Soft: string;
|
|
2748
|
+
readonly Default: string;
|
|
2749
|
+
readonly Dark: string;
|
|
2750
|
+
readonly Muted: string;
|
|
2751
|
+
readonly Active: string;
|
|
2752
|
+
};
|
|
2753
|
+
readonly Highlight: {
|
|
2754
|
+
readonly Soft: string;
|
|
2755
|
+
readonly Default: string;
|
|
2756
|
+
readonly Muted: string;
|
|
2757
|
+
readonly Active: string;
|
|
2758
|
+
};
|
|
2759
|
+
readonly Neutral: {
|
|
2760
|
+
readonly Soft: string;
|
|
2761
|
+
readonly Default: string;
|
|
2762
|
+
readonly Muted: string;
|
|
2763
|
+
readonly Active: string;
|
|
2764
|
+
};
|
|
2765
|
+
readonly Violet: {
|
|
2766
|
+
readonly Soft: string;
|
|
2767
|
+
readonly Default: string;
|
|
2768
|
+
readonly Muted: string;
|
|
2769
|
+
readonly Active: string;
|
|
2770
|
+
};
|
|
2771
|
+
readonly Cyan: {
|
|
2772
|
+
readonly Soft: string;
|
|
2773
|
+
readonly Default: string;
|
|
2774
|
+
readonly Muted: string;
|
|
2775
|
+
readonly Active: string;
|
|
2776
|
+
};
|
|
2777
|
+
};
|
|
2778
|
+
declare const Focus: {
|
|
2779
|
+
readonly Default: string;
|
|
2780
|
+
readonly Critical: string;
|
|
2781
|
+
};
|
|
2782
|
+
declare const TextColors: {
|
|
2783
|
+
readonly Default: string;
|
|
2784
|
+
readonly Neutral: string;
|
|
2785
|
+
readonly Muted: string;
|
|
2786
|
+
readonly Soft: string;
|
|
2787
|
+
readonly Disabled: string;
|
|
2788
|
+
readonly Critical: string;
|
|
2789
|
+
readonly Warning: string;
|
|
2790
|
+
readonly Success: string;
|
|
2791
|
+
readonly Active: string;
|
|
2792
|
+
readonly Highlight: string;
|
|
2793
|
+
readonly Violet: string;
|
|
2794
|
+
readonly Cyan: string;
|
|
2795
|
+
readonly OnPrimary: string;
|
|
2796
|
+
readonly OnCritical: string;
|
|
2797
|
+
readonly OnInverse: string;
|
|
2798
|
+
};
|
|
2799
|
+
declare const Icons: {
|
|
2800
|
+
readonly Default: string;
|
|
2801
|
+
readonly Muted: string;
|
|
2802
|
+
readonly Hover: string;
|
|
2803
|
+
readonly Pressed: string;
|
|
2804
|
+
readonly Disabled: string;
|
|
2805
|
+
readonly Critical: string;
|
|
2806
|
+
readonly Warning: string;
|
|
2807
|
+
readonly Success: string;
|
|
2808
|
+
readonly Highlight: string;
|
|
2809
|
+
readonly OnPrimary: string;
|
|
2810
|
+
readonly OnCritical: string;
|
|
2811
|
+
readonly OnInverse: string;
|
|
2812
|
+
};
|
|
2813
|
+
declare const Interactive: {
|
|
2814
|
+
readonly Default: {
|
|
2815
|
+
readonly Default: string;
|
|
2816
|
+
readonly Hover: string;
|
|
2817
|
+
readonly Pressed: string;
|
|
2818
|
+
readonly Active: string;
|
|
2819
|
+
readonly Disabled: string;
|
|
2820
|
+
};
|
|
2821
|
+
readonly Subtle: {
|
|
2822
|
+
readonly Default: string;
|
|
2823
|
+
readonly Hover: string;
|
|
2824
|
+
readonly Pressed: string;
|
|
2825
|
+
readonly Active: string;
|
|
2826
|
+
readonly Disabled: string;
|
|
2827
|
+
};
|
|
2828
|
+
};
|
|
2829
|
+
declare const Actions: {
|
|
2830
|
+
readonly Primary: {
|
|
2831
|
+
readonly Default: string;
|
|
2832
|
+
readonly Hover: string;
|
|
2833
|
+
readonly Pressed: string;
|
|
2834
|
+
readonly Active: string;
|
|
2835
|
+
readonly Disabled: string;
|
|
2836
|
+
};
|
|
2837
|
+
readonly Secondary: {
|
|
2838
|
+
readonly Default: string;
|
|
2839
|
+
readonly Hover: string;
|
|
2840
|
+
readonly Pressed: string;
|
|
2841
|
+
readonly Active: string;
|
|
2842
|
+
readonly Disabled: string;
|
|
2843
|
+
};
|
|
2844
|
+
readonly Critical: {
|
|
2845
|
+
readonly Default: string;
|
|
2846
|
+
readonly Hover: string;
|
|
2847
|
+
readonly Pressed: string;
|
|
2848
|
+
readonly Active: string;
|
|
2849
|
+
readonly Disabled: string;
|
|
2850
|
+
};
|
|
2851
|
+
readonly SecondaryCritical: {
|
|
2852
|
+
readonly Default: string;
|
|
2853
|
+
readonly Hover: string;
|
|
2854
|
+
readonly Pressed: string;
|
|
2855
|
+
readonly Active: string;
|
|
2856
|
+
readonly Disabled: string;
|
|
2857
|
+
};
|
|
2858
|
+
};
|
|
2859
|
+
|
|
2860
|
+
declare const Padding: {
|
|
2861
|
+
readonly none: 0;
|
|
2862
|
+
readonly xxxs: SPACING.Size2;
|
|
2863
|
+
readonly xxs: SPACING.Size4;
|
|
2864
|
+
readonly xs: SPACING.Size8;
|
|
2865
|
+
readonly s: SPACING.Size12;
|
|
2866
|
+
readonly m: SPACING.Size16;
|
|
2867
|
+
readonly l: SPACING.Size24;
|
|
2868
|
+
readonly xl: SPACING.Size32;
|
|
2869
|
+
readonly xll: SPACING.Size48;
|
|
2870
|
+
readonly xxl: SPACING.Size64;
|
|
2871
|
+
};
|
|
2872
|
+
declare const Margin: {
|
|
2873
|
+
readonly none: 0;
|
|
2874
|
+
readonly xxxs: SPACING.Size2;
|
|
2875
|
+
readonly xxs: SPACING.Size4;
|
|
2876
|
+
readonly xs: SPACING.Size8;
|
|
2877
|
+
readonly s: SPACING.Size12;
|
|
2878
|
+
readonly m: SPACING.Size16;
|
|
2879
|
+
readonly l: SPACING.Size24;
|
|
2880
|
+
readonly xl: SPACING.Size32;
|
|
2881
|
+
readonly xll: SPACING.Size48;
|
|
2882
|
+
readonly xxl: SPACING.Size64;
|
|
2883
|
+
};
|
|
2884
|
+
declare const Gap: {
|
|
2885
|
+
readonly none: 0;
|
|
2886
|
+
readonly xxxs: SPACING.Size2;
|
|
2887
|
+
readonly xxs: SPACING.Size4;
|
|
2888
|
+
readonly xs: SPACING.Size8;
|
|
2889
|
+
readonly s: SPACING.Size12;
|
|
2890
|
+
readonly m: SPACING.Size16;
|
|
2891
|
+
readonly l: SPACING.Size24;
|
|
2892
|
+
readonly xl: SPACING.Size32;
|
|
2893
|
+
readonly xll: SPACING.Size48;
|
|
2894
|
+
readonly xxl: SPACING.Size64;
|
|
2895
|
+
};
|
|
2896
|
+
|
|
2897
|
+
declare const shadowSm: styled_components.RuleSet<object>;
|
|
2898
|
+
declare const shadow: styled_components.RuleSet<object>;
|
|
2899
|
+
declare const shadowMd: styled_components.RuleSet<object>;
|
|
2900
|
+
declare const shadowLg: styled_components.RuleSet<object>;
|
|
2901
|
+
declare const shadowXl: styled_components.RuleSet<object>;
|
|
2902
|
+
declare const shadow2Xl: styled_components.RuleSet<object>;
|
|
2903
|
+
declare const shadowInner: styled_components.RuleSet<object>;
|
|
2904
|
+
|
|
2905
|
+
declare function useBreakpointUp(breakpoint: Breakpoint, defaultMatches?: boolean): boolean;
|
|
2906
|
+
declare function useBreakpointDown(breakpoint: Breakpoint, defaultMatches?: boolean): boolean;
|
|
2907
|
+
declare function useBreakpointBetween(start: Breakpoint, end: Breakpoint, defaultMatches?: boolean): boolean;
|
|
2908
|
+
declare function useBreakpointOnly(breakpoint: Breakpoint, defaultMatches?: boolean): boolean;
|
|
2909
|
+
|
|
2910
|
+
type MaybeUndefined<T, CanBeUndefined extends boolean> = CanBeUndefined extends true ? T | undefined : T;
|
|
2911
|
+
type ControllableState<T, CanBeUndefined extends boolean> = [
|
|
2912
|
+
MaybeUndefined<T, CanBeUndefined>,
|
|
2913
|
+
(nextValue: MaybeUndefined<T, CanBeUndefined>) => void
|
|
2914
|
+
];
|
|
2915
|
+
type UseControllableStateProps<T, CanBeUndefined extends boolean> = {
|
|
2916
|
+
value?: MaybeUndefined<T, CanBeUndefined>;
|
|
2917
|
+
defaultValue?: MaybeUndefined<T, CanBeUndefined>;
|
|
2918
|
+
onChange?: (nextValue: MaybeUndefined<T, CanBeUndefined>) => void;
|
|
2919
|
+
readOnly?: boolean;
|
|
2920
|
+
};
|
|
2921
|
+
declare function useControllableState<T, CanBeUndefined extends boolean = true>({ value, defaultValue, onChange, readOnly, }: UseControllableStateProps<T, CanBeUndefined>): ControllableState<T, CanBeUndefined>;
|
|
2922
|
+
|
|
2923
|
+
declare const useIsMobile: () => boolean;
|
|
2924
|
+
|
|
2925
|
+
type KeyHandler = (e: KeyboardEvent) => void;
|
|
2926
|
+
declare function useKeyDown(targetKeys: string | readonly string[], handler: KeyHandler, options?: {
|
|
2927
|
+
enabled?: boolean;
|
|
2928
|
+
eventTarget?: Window | Document | HTMLElement;
|
|
2929
|
+
}): void;
|
|
2930
|
+
|
|
2931
|
+
declare function useLockBodyScroll(locked: boolean): void;
|
|
2932
|
+
|
|
2933
|
+
type UseMediaQueryOptions = {
|
|
2934
|
+
defaultMatches?: boolean;
|
|
2935
|
+
};
|
|
2936
|
+
declare function useMediaQuery(query: string, options?: UseMediaQueryOptions): boolean;
|
|
2937
|
+
|
|
2938
|
+
declare function useMergedRefs<T>(...refs: Array<React__default.Ref<T> | undefined>): React__default.RefCallback<T>;
|
|
2939
|
+
|
|
2940
|
+
declare function useOnClickOutside(handler: (event: Event) => void): React.RefObject<HTMLDivElement | null>;
|
|
2941
|
+
|
|
2942
|
+
type UseRepositionOnScrollArgs = {
|
|
2943
|
+
enabled: boolean;
|
|
2944
|
+
onReposition: () => void;
|
|
2945
|
+
scrollContainerRef?: RefObject<HTMLElement | null>;
|
|
2946
|
+
};
|
|
2947
|
+
declare function useRepositionOnScroll({ enabled, onReposition, scrollContainerRef, }: UseRepositionOnScrollArgs): void;
|
|
2948
|
+
|
|
2949
|
+
declare function useWindowEvent<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, enabled?: boolean): void;
|
|
2950
|
+
|
|
2951
|
+
type ThemeMode = "light" | "dark";
|
|
2952
|
+
type SemanticColors = {
|
|
2953
|
+
Background: {
|
|
2954
|
+
Default: string;
|
|
2955
|
+
White: string;
|
|
2956
|
+
Muted: string;
|
|
2957
|
+
Inverse: string;
|
|
2958
|
+
Overlay: string;
|
|
2959
|
+
};
|
|
2960
|
+
Surface: {
|
|
2961
|
+
Default: {
|
|
2962
|
+
Default: string;
|
|
2963
|
+
Muted: string;
|
|
2964
|
+
Hover: string;
|
|
2965
|
+
Pressed: string;
|
|
2966
|
+
Active: string;
|
|
2967
|
+
Inverse: string;
|
|
2968
|
+
};
|
|
2969
|
+
Selected: {
|
|
2970
|
+
Soft: string;
|
|
2971
|
+
Muted: string;
|
|
2972
|
+
Default: string;
|
|
2973
|
+
Hover: string;
|
|
2974
|
+
Pressed: string;
|
|
2975
|
+
Active: string;
|
|
2976
|
+
};
|
|
2977
|
+
Critical: {
|
|
2978
|
+
Soft: string;
|
|
2979
|
+
Default: string;
|
|
2980
|
+
Muted: string;
|
|
2981
|
+
Hover: string;
|
|
2982
|
+
Pressed: string;
|
|
2983
|
+
Active: string;
|
|
2984
|
+
};
|
|
2985
|
+
Warning: {
|
|
2986
|
+
Soft: string;
|
|
2987
|
+
Hover: string;
|
|
2988
|
+
Default: string;
|
|
2989
|
+
Pressed: string;
|
|
2990
|
+
Muted: string;
|
|
2991
|
+
Active: string;
|
|
2992
|
+
};
|
|
2993
|
+
Success: {
|
|
2994
|
+
Soft: string;
|
|
2995
|
+
Hover: string;
|
|
2996
|
+
Default: string;
|
|
2997
|
+
Pressed: string;
|
|
2998
|
+
Muted: string;
|
|
2999
|
+
Active: string;
|
|
3000
|
+
};
|
|
3001
|
+
Highlight: {
|
|
3002
|
+
Soft: string;
|
|
3003
|
+
Hover: string;
|
|
3004
|
+
Default: string;
|
|
3005
|
+
Pressed: string;
|
|
3006
|
+
Muted: string;
|
|
3007
|
+
Active: string;
|
|
3008
|
+
};
|
|
3009
|
+
Neutral: {
|
|
3010
|
+
Soft: string;
|
|
3011
|
+
Default: string;
|
|
3012
|
+
Muted: string;
|
|
3013
|
+
Hover: string;
|
|
3014
|
+
Pressed: string;
|
|
3015
|
+
Active: string;
|
|
3016
|
+
};
|
|
3017
|
+
Violet: {
|
|
3018
|
+
Soft: string;
|
|
3019
|
+
Hover: string;
|
|
3020
|
+
Default: string;
|
|
3021
|
+
Pressed: string;
|
|
3022
|
+
Muted: string;
|
|
3023
|
+
Active: string;
|
|
3024
|
+
};
|
|
3025
|
+
Cyan: {
|
|
3026
|
+
Soft: string;
|
|
3027
|
+
Hover: string;
|
|
3028
|
+
Default: string;
|
|
3029
|
+
Pressed: string;
|
|
3030
|
+
Muted: string;
|
|
3031
|
+
Active: string;
|
|
3032
|
+
};
|
|
3033
|
+
};
|
|
3034
|
+
Borders: {
|
|
3035
|
+
Default: {
|
|
3036
|
+
Default: string;
|
|
3037
|
+
Muted: string;
|
|
3038
|
+
Soft: string;
|
|
3039
|
+
Dark: string;
|
|
3040
|
+
Active: string;
|
|
3041
|
+
};
|
|
3042
|
+
Critical: {
|
|
3043
|
+
Soft: string;
|
|
3044
|
+
Default: string;
|
|
3045
|
+
Muted: string;
|
|
3046
|
+
Active: string;
|
|
3047
|
+
};
|
|
3048
|
+
Warning: {
|
|
3049
|
+
Soft: string;
|
|
3050
|
+
Default: string;
|
|
3051
|
+
Muted: string;
|
|
3052
|
+
Active: string;
|
|
3053
|
+
};
|
|
3054
|
+
Success: {
|
|
3055
|
+
Soft: string;
|
|
3056
|
+
Default: string;
|
|
3057
|
+
Dark: string;
|
|
3058
|
+
Muted: string;
|
|
3059
|
+
Active: string;
|
|
3060
|
+
};
|
|
3061
|
+
Highlight: {
|
|
3062
|
+
Soft: string;
|
|
3063
|
+
Default: string;
|
|
3064
|
+
Muted: string;
|
|
3065
|
+
Active: string;
|
|
3066
|
+
};
|
|
3067
|
+
Neutral: {
|
|
3068
|
+
Soft: string;
|
|
3069
|
+
Default: string;
|
|
3070
|
+
Muted: string;
|
|
3071
|
+
Active: string;
|
|
3072
|
+
};
|
|
3073
|
+
Violet: {
|
|
3074
|
+
Soft: string;
|
|
3075
|
+
Default: string;
|
|
3076
|
+
Muted: string;
|
|
3077
|
+
Active: string;
|
|
3078
|
+
};
|
|
3079
|
+
Cyan: {
|
|
3080
|
+
Soft: string;
|
|
3081
|
+
Default: string;
|
|
3082
|
+
Muted: string;
|
|
3083
|
+
Active: string;
|
|
3084
|
+
};
|
|
3085
|
+
};
|
|
3086
|
+
Focus: {
|
|
3087
|
+
Default: string;
|
|
3088
|
+
Critical: string;
|
|
3089
|
+
};
|
|
3090
|
+
Text: {
|
|
3091
|
+
Default: string;
|
|
3092
|
+
Neutral: string;
|
|
3093
|
+
Muted: string;
|
|
3094
|
+
Soft: string;
|
|
3095
|
+
Disabled: string;
|
|
3096
|
+
Critical: string;
|
|
3097
|
+
Warning: string;
|
|
3098
|
+
Success: string;
|
|
3099
|
+
Active: string;
|
|
3100
|
+
Highlight: string;
|
|
3101
|
+
Violet: string;
|
|
3102
|
+
Cyan: string;
|
|
3103
|
+
OnPrimary: string;
|
|
3104
|
+
OnCritical: string;
|
|
3105
|
+
OnInverse: string;
|
|
3106
|
+
};
|
|
3107
|
+
Icons: {
|
|
3108
|
+
Default: string;
|
|
3109
|
+
Muted: string;
|
|
3110
|
+
Hover: string;
|
|
3111
|
+
Pressed: string;
|
|
3112
|
+
Disabled: string;
|
|
3113
|
+
Critical: string;
|
|
3114
|
+
Warning: string;
|
|
3115
|
+
Success: string;
|
|
3116
|
+
Highlight: string;
|
|
3117
|
+
OnPrimary: string;
|
|
3118
|
+
OnCritical: string;
|
|
3119
|
+
OnInverse: string;
|
|
3120
|
+
};
|
|
3121
|
+
Interactive: {
|
|
3122
|
+
Default: {
|
|
3123
|
+
Default: string;
|
|
3124
|
+
Hover: string;
|
|
3125
|
+
Pressed: string;
|
|
3126
|
+
Active: string;
|
|
3127
|
+
Disabled: string;
|
|
3128
|
+
};
|
|
3129
|
+
Subtle: {
|
|
3130
|
+
Default: string;
|
|
3131
|
+
Hover: string;
|
|
3132
|
+
Pressed: string;
|
|
3133
|
+
Active: string;
|
|
3134
|
+
Disabled: string;
|
|
3135
|
+
};
|
|
3136
|
+
};
|
|
3137
|
+
Actions: {
|
|
3138
|
+
Primary: {
|
|
3139
|
+
Default: string;
|
|
3140
|
+
Hover: string;
|
|
3141
|
+
Pressed: string;
|
|
3142
|
+
Active: string;
|
|
3143
|
+
Disabled: string;
|
|
3144
|
+
};
|
|
3145
|
+
Secondary: {
|
|
3146
|
+
Default: string;
|
|
3147
|
+
Hover: string;
|
|
3148
|
+
Pressed: string;
|
|
3149
|
+
Active: string;
|
|
3150
|
+
Disabled: string;
|
|
3151
|
+
};
|
|
3152
|
+
Critical: {
|
|
3153
|
+
Default: string;
|
|
3154
|
+
Hover: string;
|
|
3155
|
+
Pressed: string;
|
|
3156
|
+
Active: string;
|
|
3157
|
+
Disabled: string;
|
|
3158
|
+
};
|
|
3159
|
+
SecondaryCritical: {
|
|
3160
|
+
Default: string;
|
|
3161
|
+
Hover: string;
|
|
3162
|
+
Pressed: string;
|
|
3163
|
+
Active: string;
|
|
3164
|
+
Disabled: string;
|
|
3165
|
+
};
|
|
3166
|
+
};
|
|
3167
|
+
};
|
|
3168
|
+
type ThemeShadows = {
|
|
3169
|
+
shadowSm: string;
|
|
3170
|
+
shadow: string;
|
|
3171
|
+
shadowMd: string;
|
|
3172
|
+
shadowLg: string;
|
|
3173
|
+
shadowXl: string;
|
|
3174
|
+
shadow2Xl: string;
|
|
3175
|
+
shadowInner: string;
|
|
3176
|
+
};
|
|
3177
|
+
type ThemePrimitives = {
|
|
3178
|
+
background: string;
|
|
3179
|
+
foreground: string;
|
|
3180
|
+
};
|
|
3181
|
+
type MfUITheme = {
|
|
3182
|
+
mode: ThemeMode;
|
|
3183
|
+
colors: {
|
|
3184
|
+
primary: string;
|
|
3185
|
+
secondary: string;
|
|
3186
|
+
};
|
|
3187
|
+
breakpoints: Breakpoints;
|
|
3188
|
+
semanticColors: SemanticColors;
|
|
3189
|
+
shadows: ThemeShadows;
|
|
3190
|
+
primitives: ThemePrimitives;
|
|
3191
|
+
};
|
|
3192
|
+
type MfUIBreakpoints = Breakpoints;
|
|
3193
|
+
type MfUIThemeMode = ThemeMode;
|
|
3194
|
+
declare const lightTheme: MfUITheme;
|
|
3195
|
+
declare const darkTheme: MfUITheme;
|
|
3196
|
+
declare const theme: MfUITheme;
|
|
3197
|
+
type MfUIThemeProviderProps = PropsWithChildren$1<{
|
|
3198
|
+
theme?: MfUITheme;
|
|
3199
|
+
}>;
|
|
3200
|
+
declare function ThemeProvider({ children, theme: activeTheme, }: MfUIThemeProviderProps): ReactElement;
|
|
3201
|
+
declare function resolveTheme(mode?: ThemeMode): MfUITheme;
|
|
3202
|
+
declare function withThemeProvider(children: ReactNode, activeTheme?: MfUITheme): ReactElement;
|
|
3203
|
+
|
|
3204
|
+
export { type ActionDescriptor, ActionLink, type ActionLinkProps, Actions, AlertBanner, type AlertBannerProps, Avatar, type AvatarProps, BODY, BODY_LARGE, Background, Badge, type BaseTransitionProps, Body, BodyLarge, type BodyProps, Borders, Box, type BoxProps, type Breakpoint, type BreakpointValues, type Breakpoints, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, CAPTION, Caption, Card$1 as Card, CardAlertBannerSlot$1 as CardAlertBannerSlot, CardAlertBannerSlot as CardAlertBannerSlotV2, CardControlsSlot$1 as CardControlsSlot, CardControlsSlot as CardControlsSlotV2, CardHeadingActionSlot$1 as CardHeadingActionSlot, CardSectionSlot$1 as CardSectionSlot, CardSectionSlot as CardSectionSlotV2, Card as CardV2, Cell, Chart, type ChartProps, type ChartSeries, Checkbox$1 as Checkbox, type CheckboxProps$1 as CheckboxProps, type CheckboxPropsThreeState, type CheckboxPropsTwoState, Checkbox as CheckboxV2, ChoiceList, Collapse, type CollapseOrientation, type CollapseProps, Container, type ContainerProps, DEFAULT_DATA_TABLE_DATA_SOURCE_CACHE_TTL as DEFAULT_DATA_GRID_DATA_SOURCE_CACHE_TTL, DEFAULT_DATA_TABLE_DATA_SOURCE_CACHE_TTL, DISPLAY, DataGrid, type DataTableAction as DataGridAction, type DataTableActionsColumn as DataGridActionsColumn, type DataTableAlign as DataGridAlign, type DataTableCellOverflow as DataGridCellOverflow, type DataTableColumn as DataGridColumn, type DataTableColumnGroup as DataGridColumnGroup, type DataTableColumnManagerMode as DataGridColumnManagerMode, type DataTableColumnVisibility as DataGridColumnVisibility, type DataGridCssVariables, type DataGridDataRowProps, type DataTableDataSource as DataGridDataSource, type DataTableDataSourceCache as DataGridDataSourceCache, type DataGridEmptyRowProps, type DataTableGetRowsParams as DataGridGetRowsParams, type DataTableGetRowsResponse as DataGridGetRowsResponse, type DataGridGroupRowProps, type DataTableGroupValue as DataGridGroupValue, type DataTableLayoutMode as DataGridLayoutMode, type DataTablePin as DataGridPin, type DataTablePinnedColumns as DataGridPinnedColumns, type DataGridProps, type DataTableRegularColumn as DataGridRegularColumn, type DataTableRowGrouping as DataGridRowGrouping, type DataTableRowKey as DataGridRowKey, type DataTableServerFilter as DataGridServerFilter, type DataTableSize as DataGridSize, type SortDirection as DataGridSortDirection, type DataTableSpanArgs as DataGridSpanArgs, type DataTableSpanValue as DataGridSpanValue, DataTable, type DataTableAction, type DataTableColumn, type DataTableDataSource, type DataTableDataSourceCache, type DataTableGetRowsParams, type DataTableGetRowsResponse, type DataTableProps, type DataTableServerFilter, type DataTableSize, type DataTableSpanArgs, type DataTableSpanValue, DatePicker, DatePickerUTC, Display, Divider, type DividerDirection, type DividerProps, Drawer, type DrawerProps, ErrorMessage, Fade, type FadeProps, Flag, type FlagIconProps, Flex, type FlexProps, Focus, type FocusableCellDomProps, type FocusableGridCell, type FocusableGridCellKind, Gap, Grid, type GridCellStyleProps, type GridProps, Grow, type GrowProps, HEADING1, HEADING2, HEADING3, HEADING4, HTMLAnchor, HTMLInput, Heading1, Heading2, Heading3, Heading4, type ICardProps$1 as ICardProps, type IDatePickerProps, type IFilter, type IInputFieldProps, type IMenuPros, type IOption, type IOptionGroup, type IPagination, type IPaginationProps, type IRadioOption, type ISelectProps, type ISort, type ITableCellProps, type ITableHeadProps, type ITableState, type ITextComponentProps, type IUseTableProps, type IUseTableResult, Icon, IconMinor, Icons, InputCheckbox, type InputCheckboxProps, InputField, type InputFieldSlots, InputNumber, InputText, Interactive, LABEL, LINK, Label, type LabelProps, LeftRightCard$1 as LeftRightCard, LeftRightCard as LeftRightCardV2, Link, type ActionLinkProps as LinkProps, MODAL_MAX_WIDTH, Margin, Menu, MenuList, type MfUIBreakpoints, type MfUITheme, type MfUIThemeMode, Modal, ModalBase, type ModalBaseProps, ModalDestructive, type ModalDestructiveProps, type ModalMaxWidth, type ModalMaxWidthPreset, type ModalProps, type ModalScroll, MultiChoiceList, type MultiChoiceListProps, type MultiChoiceOption, Overlay, Padding, Pagination, Paper, type PaperProps, ProgressBar, type ProgressBarProps, RadioButton, type RadioButtonProps, RangeSlider, type RangeSliderProps, ScrollArea, Select, type SelectLabelComponent, type ShowToastInput, SimpleMenu, SimpleMenuItem, type SimpleMenuProps, Skeleton, type SkeletonProps, Slide, type SlideDirection, type SlideProps, Slider, type SliderProps, type SortGetter, Spinner, Stack, type StackProps, type StandaloneToastProps, Surface, SwipeableDrawer, type SwipeableDrawerProps, Switch, type SwitchProps, Tab$1 as Tab, Table, TableBody, TableBodyCell, TableHead, TableHeaderCell, TableHeaderFrame, TableRow, TableSibling, Tabs, type TabsProps, Tag, type TagProps, TextArea, type TextAreaProps, TextColors, ThemeProvider, Thumbnail, type ThumbnailProps, Toast, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastSharedProps, type ToastVariant, Tooltip, TooltipBox, TooltipContainer, type TooltipProps, TooltipWrapper, Transition, type TransitionEasing, type TransitionStatus, type TransitionTimeout, type TreeNodeData, TreeView, type TreeViewProps, Typography, type TypographyProps, TypographyStyles, type TypographyVariant, type VirtualizedDataGridGroupRowProps, type VirtualizedDataGridRowProps, Zoom, type ZoomProps, breakpointValues, breakpoints, createBreakpoints, createDataTableDataSourceCache as createDataGridDataSourceCache, createDataTableDataSourceCache, darkTheme, gridLayoutGenerator, leftRightLayoutGenerator, lightTheme, resolveTheme, serializeDataTableGetRowsParams, shadow, shadow2Xl, shadowInner, shadowLg, shadowMd, shadowSm, shadowXl, theme, useBreakpointBetween, useBreakpointDown, useBreakpointOnly, useBreakpointUp, useControllableState, useFilteredRows, useIsMobile, useKeyDown, useLockBodyScroll, useMediaQuery, useMergedRefs, useOnClickOutside, usePaginatedRows, useRepositionOnScroll, useSimpleMenuState, useSortedRows, useTable, useToast, useWindowEvent, withThemeProvider };
|