@muffled-ui/react 1.0.21
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 +52 -0
- package/dist/index.d.mts +690 -0
- package/dist/index.d.ts +690 -0
- package/dist/index.js +4476 -0
- package/dist/index.mjs +4490 -0
- package/package.json +85 -0
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,690 @@
|
|
|
1
|
+
import * as styled_components from 'styled-components';
|
|
2
|
+
import { StyledComponent, DefaultTheme } from 'styled-components';
|
|
3
|
+
import { LayoutProps, SpaceProps, ColorProps, BoxShadowProps, BorderProps, OrderProps, GridProps, FlexboxProps, PositionProps, TypographyProps as TypographyProps$1 } from 'styled-system';
|
|
4
|
+
import * as react from 'react';
|
|
5
|
+
import { ReactElement } from 'react';
|
|
6
|
+
import { Placement } from '@popperjs/core';
|
|
7
|
+
import { ReactDatePickerProps } from 'react-datepicker';
|
|
8
|
+
import { DownshiftProps, DownshiftState, StateChangeOptions, ControllerStateAndHelpers } from 'downshift';
|
|
9
|
+
import { FileError, DropzoneOptions } from 'react-dropzone';
|
|
10
|
+
import { UseSpringProps, UseTransitionProps } from 'react-spring';
|
|
11
|
+
export * from 'react-focus-lock';
|
|
12
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
13
|
+
|
|
14
|
+
type AccordionProps = {
|
|
15
|
+
summary?: React.ReactNode;
|
|
16
|
+
isOpen?: boolean;
|
|
17
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
};
|
|
20
|
+
declare const Accordion: React.FC<AccordionProps>;
|
|
21
|
+
|
|
22
|
+
type TabsProps = {
|
|
23
|
+
value?: string | number;
|
|
24
|
+
} & WithChildren$1;
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
type Tab = {
|
|
28
|
+
key: string;
|
|
29
|
+
node: React.ReactElement;
|
|
30
|
+
} & TabPaneProps;
|
|
31
|
+
|
|
32
|
+
type AlertProps = {
|
|
33
|
+
destructive?: boolean;
|
|
34
|
+
title?: string;
|
|
35
|
+
icon?: React.ReactNode;
|
|
36
|
+
withClose?: () => void;
|
|
37
|
+
} & WithChildren$1;
|
|
38
|
+
declare const Alert: React.FC<AlertProps>;
|
|
39
|
+
|
|
40
|
+
type BadgeProps = {
|
|
41
|
+
position?: Position;
|
|
42
|
+
tag: React.ReactNode;
|
|
43
|
+
destructive?: boolean;
|
|
44
|
+
} & WithChildren$1;
|
|
45
|
+
declare const Badge: React.FC<BadgeProps>;
|
|
46
|
+
|
|
47
|
+
type ChipProps = {
|
|
48
|
+
destructive?: boolean;
|
|
49
|
+
} & WithChildren$1;
|
|
50
|
+
declare const Container: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
|
|
51
|
+
destructive?: boolean | undefined;
|
|
52
|
+
}, never>;
|
|
53
|
+
declare const Chip: React.FC<ChipProps>;
|
|
54
|
+
|
|
55
|
+
type SyntaxHighlighterProps = {
|
|
56
|
+
code: string;
|
|
57
|
+
language: string;
|
|
58
|
+
light?: boolean;
|
|
59
|
+
withWrapper?: boolean;
|
|
60
|
+
};
|
|
61
|
+
declare const SyntaxHighlighter: React.FC<SyntaxHighlighterProps>;
|
|
62
|
+
|
|
63
|
+
type CircleLoaderProps = {
|
|
64
|
+
height?: string | number;
|
|
65
|
+
width?: string | number;
|
|
66
|
+
destructive?: boolean;
|
|
67
|
+
};
|
|
68
|
+
declare const CircleLoader: React.FC<CircleLoaderProps>;
|
|
69
|
+
|
|
70
|
+
type LinearLoaderProps = {
|
|
71
|
+
height?: string | number;
|
|
72
|
+
destructive?: boolean;
|
|
73
|
+
};
|
|
74
|
+
declare const LinearLoader: React.FC<LinearLoaderProps>;
|
|
75
|
+
|
|
76
|
+
type ModalProps = {
|
|
77
|
+
title?: string;
|
|
78
|
+
handleClose: () => void;
|
|
79
|
+
open?: boolean;
|
|
80
|
+
} & WithChildren$1;
|
|
81
|
+
declare const Modal: React.FC<ModalProps>;
|
|
82
|
+
|
|
83
|
+
type CircleProgressProps = {
|
|
84
|
+
height?: string | number;
|
|
85
|
+
width?: string | number;
|
|
86
|
+
percentage?: number;
|
|
87
|
+
};
|
|
88
|
+
declare const CircleProgress: React.FC<CircleProgressProps>;
|
|
89
|
+
|
|
90
|
+
type LinearProgressProps = {
|
|
91
|
+
height?: string | number;
|
|
92
|
+
percentage?: number;
|
|
93
|
+
};
|
|
94
|
+
declare const LinearProgress: React.FC<LinearProgressProps>;
|
|
95
|
+
|
|
96
|
+
type SkeletonProps = {
|
|
97
|
+
variant?: 'text' | 'rectangle' | 'circle';
|
|
98
|
+
} & LayoutProps & SpaceProps;
|
|
99
|
+
declare const Skeleton: React.FC<SkeletonProps>;
|
|
100
|
+
|
|
101
|
+
declare const SnackbarProvider: React.FC<SnackbarProviderProps>;
|
|
102
|
+
|
|
103
|
+
declare const SnackbarContext: react.Context<SnackContext | undefined>;
|
|
104
|
+
declare const useSnackbar: () => SnackContext;
|
|
105
|
+
|
|
106
|
+
type SnackbarItemProps = {
|
|
107
|
+
handleClose: () => void;
|
|
108
|
+
} & Snack;
|
|
109
|
+
declare const SnackbarItem: React.FC<SnackbarItemProps>;
|
|
110
|
+
|
|
111
|
+
type TooltipProps = {
|
|
112
|
+
tooltip: React.ReactNode;
|
|
113
|
+
direction?: Placement;
|
|
114
|
+
as?: AsProp;
|
|
115
|
+
disabled?: boolean;
|
|
116
|
+
} & WithChildren$1;
|
|
117
|
+
declare const Tooltip: React.FC<TooltipProps>;
|
|
118
|
+
|
|
119
|
+
type SnackItem = {
|
|
120
|
+
title: string, id?: string
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
type SnackOptions = {
|
|
124
|
+
id?: string;
|
|
125
|
+
body?: string
|
|
126
|
+
persist?: boolean;
|
|
127
|
+
duration?: number;
|
|
128
|
+
severity?: Severity;
|
|
129
|
+
} & Omit<AlertProps, 'title', 'withClose'>;
|
|
130
|
+
|
|
131
|
+
type Snack = SnackItem & SnackOptions;
|
|
132
|
+
|
|
133
|
+
type SnackbarProviderProps = {
|
|
134
|
+
max?: number;
|
|
135
|
+
anchor?: IntercardinalPoints;
|
|
136
|
+
autoHideDuration?: number;
|
|
137
|
+
portalLocation?: Element;
|
|
138
|
+
} & WithChildren;
|
|
139
|
+
|
|
140
|
+
type SnackContext = {
|
|
141
|
+
enqueue: (message: string, options?: SnackOptions) => void;
|
|
142
|
+
dequeue: (id: string) => void;
|
|
143
|
+
clearAll: () => void;
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
type StepContext = {
|
|
147
|
+
noOfItems: number;
|
|
148
|
+
activeStep: number;
|
|
149
|
+
direction: Direction;
|
|
150
|
+
alternativeLabel?: boolean;
|
|
151
|
+
};
|
|
152
|
+
|
|
153
|
+
type Position = CardinalPoints | IntercardinalPoints$1;
|
|
154
|
+
type CardinalPoints = 'N' | 'E' | 'S' | 'W';
|
|
155
|
+
type IntercardinalPoints$1 = 'NW' | 'NE' | 'SE' | 'SW';
|
|
156
|
+
|
|
157
|
+
// TS hack, for as prop as its effort to fix
|
|
158
|
+
type AsProp = any;
|
|
159
|
+
|
|
160
|
+
type WithChildren$1 = { children?: React.ReactNode };
|
|
161
|
+
|
|
162
|
+
type AccordionSummaryProps = {
|
|
163
|
+
isOpen?: boolean;
|
|
164
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
165
|
+
} & WithChildren$1;
|
|
166
|
+
declare const AccordionSummary: React.FC<AccordionSummaryProps>;
|
|
167
|
+
|
|
168
|
+
declare const AccordionDetail: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
|
|
169
|
+
declare const DetailsGrouping: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
|
|
170
|
+
|
|
171
|
+
type BoxProps = ColorProps & SpaceProps & LayoutProps & BoxShadowProps & BorderProps & OrderProps & GridProps & FlexboxProps & PositionProps & TypographyProps$1 & {
|
|
172
|
+
spaceXBetween?: string | number;
|
|
173
|
+
spaceYBetween?: string | number;
|
|
174
|
+
};
|
|
175
|
+
declare const Box: StyledComponent<'div', DefaultTheme, BoxProps, never>;
|
|
176
|
+
|
|
177
|
+
type CardProps = {
|
|
178
|
+
children: React.ReactNode;
|
|
179
|
+
style?: React.CSSProperties;
|
|
180
|
+
} & LayoutProps & FlexboxProps & SpaceProps & ColorProps;
|
|
181
|
+
declare const Card: styled_components.StyledComponent<"div", styled_components.DefaultTheme, CardProps, never>;
|
|
182
|
+
|
|
183
|
+
declare const CardContent: any;
|
|
184
|
+
|
|
185
|
+
type MediaComponent = 'video' | 'audio' | 'picture' | 'iframe' | 'img' | 'div';
|
|
186
|
+
type CardMediaProps = {
|
|
187
|
+
imageUrl?: string;
|
|
188
|
+
as: MediaComponent;
|
|
189
|
+
image?: string;
|
|
190
|
+
src?: string;
|
|
191
|
+
alt?: string;
|
|
192
|
+
fallback?: React.ReactNode;
|
|
193
|
+
} & WithChildren$1 & LayoutProps;
|
|
194
|
+
declare const CardMedia: React.FC<CardMediaProps>;
|
|
195
|
+
|
|
196
|
+
type ImageProps = {
|
|
197
|
+
fallback?: React.ReactNode;
|
|
198
|
+
} & React.ComponentPropsWithoutRef<'img'> & FlexboxProps & GridProps & LayoutProps & OrderProps & PositionProps & SpaceProps;
|
|
199
|
+
declare const ImageComp: React.FC<ImageProps>;
|
|
200
|
+
|
|
201
|
+
declare const List: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {}, never>;
|
|
202
|
+
|
|
203
|
+
declare const ListItem: React.FC<React.ComponentPropsWithRef<'li'>>;
|
|
204
|
+
|
|
205
|
+
declare const OrderedList: styled_components.StyledComponent<"ol", styled_components.DefaultTheme, {}, never>;
|
|
206
|
+
|
|
207
|
+
declare const UnorderedList: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {}, never>;
|
|
208
|
+
|
|
209
|
+
type PaginationProps = {
|
|
210
|
+
limit: number;
|
|
211
|
+
skip: number;
|
|
212
|
+
itemCount: number;
|
|
213
|
+
setSkip: (skip: number) => void;
|
|
214
|
+
};
|
|
215
|
+
declare const Pagination: React.FC<PaginationProps>;
|
|
216
|
+
|
|
217
|
+
declare const Panel: typeof Box;
|
|
218
|
+
|
|
219
|
+
type TableProps = {
|
|
220
|
+
containerClasses?: string;
|
|
221
|
+
footer?: React.ReactNode;
|
|
222
|
+
} & React.ComponentPropsWithRef<'table'>;
|
|
223
|
+
declare const Table: react.ForwardRefExoticComponent<Omit<TableProps, "ref"> & react.RefAttributes<HTMLTableElement>>;
|
|
224
|
+
|
|
225
|
+
declare const TableBody: styled_components.StyledComponent<"tbody", styled_components.DefaultTheme, {}, never>;
|
|
226
|
+
|
|
227
|
+
declare const TableCell: styled_components.StyledComponent<"td", styled_components.DefaultTheme, {}, never>;
|
|
228
|
+
|
|
229
|
+
type TableRowProps = {
|
|
230
|
+
active?: boolean;
|
|
231
|
+
onClick?: (event: React.MouseEvent) => void;
|
|
232
|
+
} & React.ComponentPropsWithRef<'tr'>;
|
|
233
|
+
declare const TableRow: styled_components.StyledComponent<"tr", styled_components.DefaultTheme, TableRowProps, never>;
|
|
234
|
+
|
|
235
|
+
type TableHeadProps = {
|
|
236
|
+
headers?: string[];
|
|
237
|
+
sticky?: boolean;
|
|
238
|
+
} & React.ComponentPropsWithRef<'thead'>;
|
|
239
|
+
declare const TableHead: react.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & react.RefAttributes<HTMLTableSectionElement>>;
|
|
240
|
+
|
|
241
|
+
type TypographyProps = {
|
|
242
|
+
mono?: boolean;
|
|
243
|
+
} & ColorProps & TypographyProps$1;
|
|
244
|
+
declare const Typography: styled_components.StyledComponent<"p", styled_components.DefaultTheme, TypographyProps, never>;
|
|
245
|
+
|
|
246
|
+
type HeadingProps = {
|
|
247
|
+
children?: React.ReactNode;
|
|
248
|
+
} & ColorProps & TypographyProps$1 & LayoutProps;
|
|
249
|
+
declare const Title: styled_components.StyledComponent<"h1", styled_components.DefaultTheme, HeadingProps, never>;
|
|
250
|
+
|
|
251
|
+
type BaseButtonProps = {
|
|
252
|
+
type?: 'button' | 'reset' | 'submit';
|
|
253
|
+
as?: AsProp;
|
|
254
|
+
} & React.ComponentPropsWithoutRef<'button'> & LayoutProps & BorderProps & PositionProps & ColorProps & SpaceProps & TypographyProps$1 & FlexboxProps & BoxShadowProps;
|
|
255
|
+
|
|
256
|
+
type ButtonProps = {
|
|
257
|
+
active?: boolean;
|
|
258
|
+
} & BaseButtonProps & React.ComponentPropsWithRef<'button'>;
|
|
259
|
+
declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
260
|
+
|
|
261
|
+
type PrimaryButtonProps = BaseButtonProps & React.ComponentPropsWithRef<'button'>;
|
|
262
|
+
declare const PrimaryButton: react.ForwardRefExoticComponent<Omit<PrimaryButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
263
|
+
|
|
264
|
+
type SecondaryButtonProps = BaseButtonProps & React.ComponentPropsWithRef<'button'>;
|
|
265
|
+
declare const SecondaryButton: react.ForwardRefExoticComponent<Omit<SecondaryButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
266
|
+
|
|
267
|
+
type DestructiveButtonProps = BaseButtonProps & React.ComponentPropsWithRef<'button'>;
|
|
268
|
+
declare const DestructiveButton: react.ForwardRefExoticComponent<Omit<DestructiveButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
269
|
+
|
|
270
|
+
type OutlineButtonProps = BaseButtonProps & React.ComponentPropsWithRef<'button'>;
|
|
271
|
+
declare const OutlineButton: react.ForwardRefExoticComponent<Omit<OutlineButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
272
|
+
|
|
273
|
+
type ClickableElementProps = BaseButtonProps & React.ComponentPropsWithRef<'button'>;
|
|
274
|
+
declare const ClickableElement: react.ForwardRefExoticComponent<Omit<ClickableElementProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
275
|
+
|
|
276
|
+
declare const ButtonGroup: React.FC<WithChildren$1>;
|
|
277
|
+
|
|
278
|
+
type BaseControlProps = {
|
|
279
|
+
labelText?: string;
|
|
280
|
+
icon: React.ReactElement;
|
|
281
|
+
rounded?: boolean;
|
|
282
|
+
} & React.ComponentPropsWithRef<'input'>;
|
|
283
|
+
|
|
284
|
+
type CheckboxPrpos = Omit<BaseControlProps, 'icon' | 'rounded'>;
|
|
285
|
+
declare const Checkbox: React.FC<CheckboxPrpos>;
|
|
286
|
+
|
|
287
|
+
type RadioPrpos = Omit<BaseControlProps, 'icon' | 'rounded'>;
|
|
288
|
+
declare const Radio: React.FC<RadioPrpos>;
|
|
289
|
+
|
|
290
|
+
type SharedProps = {
|
|
291
|
+
placeholder?: string;
|
|
292
|
+
inputValue?: string;
|
|
293
|
+
showClear?: boolean;
|
|
294
|
+
handleClear?: () => void;
|
|
295
|
+
};
|
|
296
|
+
type SelectRange = SharedProps & ReactDatePickerProps<true>;
|
|
297
|
+
type SelectSingle = SharedProps & ReactDatePickerProps;
|
|
298
|
+
type BasePickerProps = (SelectRange | SelectSingle);
|
|
299
|
+
declare const BasePicker: React.FC<BasePickerProps>;
|
|
300
|
+
|
|
301
|
+
type DateOrNull$1 = Date | null;
|
|
302
|
+
type DateRangePickerProps = {
|
|
303
|
+
defaultStartDate?: DateOrNull$1;
|
|
304
|
+
defaultEndDate?: DateOrNull$1;
|
|
305
|
+
inputValueFormat?: string;
|
|
306
|
+
onChange?: (dates: [DateOrNull$1, DateOrNull$1], event?: React.SyntheticEvent<any, Event>) => void;
|
|
307
|
+
} & Omit<BasePickerProps, 'onChange' | 'handleClear' | 'selectsRange' | 'endDate' | 'startDate' | 'inputValue'>;
|
|
308
|
+
declare const DateRangePicker: React.FC<DateRangePickerProps>;
|
|
309
|
+
|
|
310
|
+
type DateOrNull = Date | null;
|
|
311
|
+
type DatePickerProps = {
|
|
312
|
+
defaultDate?: DateOrNull;
|
|
313
|
+
inputValueFormat?: string;
|
|
314
|
+
onChange?: (dates: DateOrNull, event?: React.SyntheticEvent<any, Event>) => void;
|
|
315
|
+
} & Omit<BasePickerProps, 'onChange' | 'handleClear' | 'selectsRange' | 'Selected' | 'startDate' | 'inputValue'>;
|
|
316
|
+
declare const DatePicker: React.FC<DatePickerProps>;
|
|
317
|
+
|
|
318
|
+
type SelectProps = {
|
|
319
|
+
disabled?: boolean;
|
|
320
|
+
} & Omit<DownshiftProps<any>, 'children'> & WithChildren$1;
|
|
321
|
+
declare const clearInputOnSelectItem: (state: DownshiftState<any>, changes: StateChangeOptions<any>) => StateChangeOptions<any>;
|
|
322
|
+
declare const Select: React.FC<SelectProps>;
|
|
323
|
+
|
|
324
|
+
type SelectButtonProps = {
|
|
325
|
+
isClearable?: boolean;
|
|
326
|
+
isFilterable?: boolean;
|
|
327
|
+
placeholder?: string;
|
|
328
|
+
} & OutlineButtonProps;
|
|
329
|
+
declare const SelectButton: React.FC<SelectButtonProps>;
|
|
330
|
+
|
|
331
|
+
declare const SelectContext: react.Context<ControllerStateAndHelpers<any> | undefined>;
|
|
332
|
+
declare const useSelectContext: () => ControllerStateAndHelpers<any>;
|
|
333
|
+
|
|
334
|
+
type InputProps = {
|
|
335
|
+
before?: ReactElement;
|
|
336
|
+
after?: ReactElement;
|
|
337
|
+
prefixMarkIcon?: ReactElement;
|
|
338
|
+
suffixMarkIcon?: ReactElement;
|
|
339
|
+
disabled?: boolean;
|
|
340
|
+
type?: 'text' | 'password' | 'number' | 'email';
|
|
341
|
+
} & React.ComponentPropsWithRef<'input'>;
|
|
342
|
+
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
|
343
|
+
|
|
344
|
+
type PasswordProps = InputProps;
|
|
345
|
+
declare const Password: React.FC<PasswordProps>;
|
|
346
|
+
|
|
347
|
+
type NumberFieldProps = Omit<InputProps, 'type'>;
|
|
348
|
+
declare const NumberField: React.FC<NumberFieldProps>;
|
|
349
|
+
|
|
350
|
+
type SelectFilterProps = {
|
|
351
|
+
textProps?: InputProps;
|
|
352
|
+
} & SelectButtonProps;
|
|
353
|
+
declare const SelectFilter: React.FC<SelectFilterProps>;
|
|
354
|
+
|
|
355
|
+
type SelectItemProps = {
|
|
356
|
+
item: any;
|
|
357
|
+
index: number;
|
|
358
|
+
} & WithChildren$1;
|
|
359
|
+
declare const SelectItem: React.FC<SelectItemProps>;
|
|
360
|
+
|
|
361
|
+
declare const SelectList: React.FC<WithChildren$1>;
|
|
362
|
+
|
|
363
|
+
type SimpleSelectProps = {
|
|
364
|
+
values: Array<any>;
|
|
365
|
+
placeholder?: string;
|
|
366
|
+
disabled?: boolean;
|
|
367
|
+
isClearable?: boolean;
|
|
368
|
+
isFilterable?: boolean;
|
|
369
|
+
itemToString?: (item: any) => string;
|
|
370
|
+
} & DownshiftProps<any>;
|
|
371
|
+
declare const SimpleSelect: React.FC<SimpleSelectProps>;
|
|
372
|
+
|
|
373
|
+
type SwitchProps = React.ComponentPropsWithRef<'input'>;
|
|
374
|
+
declare const Switch: React.FC<SwitchProps>;
|
|
375
|
+
|
|
376
|
+
declare const TextArea: styled_components.StyledComponent<"textarea", styled_components.DefaultTheme, {}, never>;
|
|
377
|
+
|
|
378
|
+
declare const InputGroup: React.FC<WithChildren$1>;
|
|
379
|
+
|
|
380
|
+
type AcceptedFile = {
|
|
381
|
+
key: string;
|
|
382
|
+
file: File;
|
|
383
|
+
errors?: FileError[];
|
|
384
|
+
meta: {
|
|
385
|
+
name: string;
|
|
386
|
+
type: string;
|
|
387
|
+
extension: string;
|
|
388
|
+
bytes: string;
|
|
389
|
+
};
|
|
390
|
+
};
|
|
391
|
+
|
|
392
|
+
type BaseUploaderProps = {
|
|
393
|
+
container: React.ElementType;
|
|
394
|
+
options?: DropzoneOptions;
|
|
395
|
+
renderUploader: (isDragActive: boolean, open: () => void) => React.ReactNode;
|
|
396
|
+
filesRender?: (files: AcceptedFile[], handleDelete: (key: string) => void) => React.ReactNode;
|
|
397
|
+
handleFileUpdate?: (files: AcceptedFile[]) => void;
|
|
398
|
+
};
|
|
399
|
+
declare const BaseUploader: React.FC<BaseUploaderProps>;
|
|
400
|
+
|
|
401
|
+
type UploadZoneProps = {
|
|
402
|
+
showAsTile?: boolean;
|
|
403
|
+
bottomText?: string;
|
|
404
|
+
} & Omit<BaseUploaderProps, 'container' | 'renderUploader'>;
|
|
405
|
+
declare const UploadZone: React.FC<UploadZoneProps>;
|
|
406
|
+
|
|
407
|
+
type UploadButtonProps = {
|
|
408
|
+
buttonText?: boolean;
|
|
409
|
+
} & Omit<BaseUploaderProps, 'container' | 'renderUploader'>;
|
|
410
|
+
declare const UploadButton: React.FC<UploadButtonProps>;
|
|
411
|
+
|
|
412
|
+
type LabelProps = {
|
|
413
|
+
value: React.ReactNode;
|
|
414
|
+
children: React.ReactElement;
|
|
415
|
+
error?: boolean;
|
|
416
|
+
};
|
|
417
|
+
declare const Label: React.FC<LabelProps>;
|
|
418
|
+
|
|
419
|
+
declare const CenteredWidget: React.FC<BoxProps & WithChildren$1>;
|
|
420
|
+
|
|
421
|
+
type ThreeColumnsProps = {
|
|
422
|
+
sideNav?: React.ReactNode;
|
|
423
|
+
mainNav?: React.ReactNode;
|
|
424
|
+
children: React.ReactNode;
|
|
425
|
+
};
|
|
426
|
+
declare const ThreeColumns: React.FC<ThreeColumnsProps>;
|
|
427
|
+
|
|
428
|
+
type TwoColumnsProps = {
|
|
429
|
+
sideNav?: React.ReactNode;
|
|
430
|
+
children: React.ReactNode;
|
|
431
|
+
};
|
|
432
|
+
declare const TwoColumns: React.FC<TwoColumnsProps>;
|
|
433
|
+
|
|
434
|
+
type BreadcrumbsProps = {
|
|
435
|
+
maxItems?: number;
|
|
436
|
+
dividerIcon?: React.ReactElement;
|
|
437
|
+
itemsBefore?: number;
|
|
438
|
+
itemsAfter?: number;
|
|
439
|
+
} & WithChildren$1;
|
|
440
|
+
declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
|
|
441
|
+
|
|
442
|
+
type DrawerProps = {
|
|
443
|
+
open?: boolean;
|
|
444
|
+
direction?: 'left' | 'right';
|
|
445
|
+
handleClose: () => void;
|
|
446
|
+
} & WithChildren$1;
|
|
447
|
+
declare const Drawer: React.FC<DrawerProps>;
|
|
448
|
+
|
|
449
|
+
type MenuProps = {
|
|
450
|
+
direction?: Placement;
|
|
451
|
+
isOpen?: boolean;
|
|
452
|
+
itemRef: Element | null;
|
|
453
|
+
handleClose: () => void;
|
|
454
|
+
inline?: boolean;
|
|
455
|
+
} & WithChildren$1;
|
|
456
|
+
declare const Menu: React.FC<MenuProps>;
|
|
457
|
+
|
|
458
|
+
type MenuItemProps = {
|
|
459
|
+
onClick?: () => void;
|
|
460
|
+
} & WithChildren$1;
|
|
461
|
+
declare const MenuItem: React.FC<MenuItemProps>;
|
|
462
|
+
|
|
463
|
+
type StepperPropsVertical = {
|
|
464
|
+
step: number;
|
|
465
|
+
direction?: 'vertical';
|
|
466
|
+
} & WithChildren$1;
|
|
467
|
+
type StepperPropsHorizontal = {
|
|
468
|
+
step: number;
|
|
469
|
+
direction?: 'horizontal';
|
|
470
|
+
alternativeLabel?: boolean;
|
|
471
|
+
} & WithChildren$1;
|
|
472
|
+
type StepperProps = StepperPropsVertical | StepperPropsHorizontal;
|
|
473
|
+
declare const Stepper: React.FC<StepperProps>;
|
|
474
|
+
|
|
475
|
+
type StepIconProps = {
|
|
476
|
+
error?: boolean;
|
|
477
|
+
state?: 'completed' | 'active' | 'default';
|
|
478
|
+
icon?: React.ReactNode;
|
|
479
|
+
number: number;
|
|
480
|
+
};
|
|
481
|
+
declare const StepIcon: React.FC<StepIconProps>;
|
|
482
|
+
|
|
483
|
+
declare const StepperContext: react.Context<StepContext | undefined>;
|
|
484
|
+
declare const useStepperContext: () => StepContext;
|
|
485
|
+
|
|
486
|
+
type StepLabelProps = {
|
|
487
|
+
icon?: React.ReactNode;
|
|
488
|
+
idx?: number;
|
|
489
|
+
state?: 'completed' | 'active' | 'default';
|
|
490
|
+
error?: boolean;
|
|
491
|
+
} & WithChildren$1;
|
|
492
|
+
declare const StepLabel: React.FC<StepLabelProps>;
|
|
493
|
+
|
|
494
|
+
declare const Tabs: React.FC<TabsProps>;
|
|
495
|
+
|
|
496
|
+
type TabPaneProps$1 = {
|
|
497
|
+
selected?: boolean;
|
|
498
|
+
value?: string;
|
|
499
|
+
tab?: React.ReactNode;
|
|
500
|
+
children?: React.ReactNode;
|
|
501
|
+
key: string | number;
|
|
502
|
+
} & React.ComponentPropsWithoutRef<'div'> & BoxProps;
|
|
503
|
+
type TabPaneListProps = {
|
|
504
|
+
tabs: Tab[];
|
|
505
|
+
selected: string | number;
|
|
506
|
+
};
|
|
507
|
+
declare const TabPane: React.FC<TabPaneProps$1>;
|
|
508
|
+
declare const TabPaneList: React.FC<TabPaneListProps>;
|
|
509
|
+
|
|
510
|
+
type TabItemProps = {
|
|
511
|
+
selected?: boolean;
|
|
512
|
+
onClick: () => void;
|
|
513
|
+
children: React.ReactNode;
|
|
514
|
+
};
|
|
515
|
+
declare const TabItem: React.FC<TabItemProps>;
|
|
516
|
+
type TabItemsProps = {
|
|
517
|
+
tabs: Tab[];
|
|
518
|
+
selected: string | number;
|
|
519
|
+
onChange: any;
|
|
520
|
+
};
|
|
521
|
+
declare const TabItems: React.FC<TabItemsProps>;
|
|
522
|
+
|
|
523
|
+
type CollapseProps = {
|
|
524
|
+
children: React.ReactNode;
|
|
525
|
+
inProp?: boolean;
|
|
526
|
+
} & UseSpringProps;
|
|
527
|
+
declare const Collapse: React.FC<CollapseProps>;
|
|
528
|
+
|
|
529
|
+
type SlideProps = {
|
|
530
|
+
children: React.ReactNode;
|
|
531
|
+
inProp?: boolean;
|
|
532
|
+
} & UseTransitionProps;
|
|
533
|
+
declare const Slide: React.FC<SlideProps>;
|
|
534
|
+
|
|
535
|
+
type FadeProps = {
|
|
536
|
+
children: React.ReactNode;
|
|
537
|
+
inProp?: boolean;
|
|
538
|
+
} & UseTransitionProps;
|
|
539
|
+
declare const Fade: React.FC<FadeProps>;
|
|
540
|
+
|
|
541
|
+
type LinearSlideProps = {
|
|
542
|
+
children: React.ReactNode;
|
|
543
|
+
} & UseSpringProps;
|
|
544
|
+
declare const LinearSlide: React.FC<LinearSlideProps>;
|
|
545
|
+
|
|
546
|
+
type GrowProps = {
|
|
547
|
+
children: React.ReactNode;
|
|
548
|
+
inProp?: boolean;
|
|
549
|
+
} & UseTransitionProps;
|
|
550
|
+
declare const Grow: React.FC<GrowProps>;
|
|
551
|
+
|
|
552
|
+
type OpenProps = {
|
|
553
|
+
children: React.ReactNode;
|
|
554
|
+
inProp?: boolean;
|
|
555
|
+
direction?: 'left' | 'right';
|
|
556
|
+
} & UseTransitionProps;
|
|
557
|
+
declare const Open: React.FC<OpenProps>;
|
|
558
|
+
|
|
559
|
+
declare const stopPropagation: (e: React.MouseEvent) => void;
|
|
560
|
+
type BackdropProps = {
|
|
561
|
+
onClick: () => void;
|
|
562
|
+
} & FadeProps;
|
|
563
|
+
declare const Backdrop: React.FC<BackdropProps>;
|
|
564
|
+
|
|
565
|
+
type ClickOutsideProps = {
|
|
566
|
+
handleClose: () => void;
|
|
567
|
+
target: Element | null;
|
|
568
|
+
wrapper?: React.ReactElement;
|
|
569
|
+
inline?: boolean;
|
|
570
|
+
} & WithChildren$1;
|
|
571
|
+
declare const ClickOutside: React.FC<ClickOutsideProps>;
|
|
572
|
+
|
|
573
|
+
type PortalProps = {
|
|
574
|
+
children: any;
|
|
575
|
+
element?: Element;
|
|
576
|
+
};
|
|
577
|
+
declare const Portal: ({ children, element }: PortalProps) => react.ReactPortal;
|
|
578
|
+
|
|
579
|
+
declare const Scrollable: React.FC<WithChildren$1>;
|
|
580
|
+
|
|
581
|
+
declare const RadioIcon: ({ ...rest }: any) => react_jsx_runtime.JSX.Element;
|
|
582
|
+
|
|
583
|
+
type ColorTheme = {
|
|
584
|
+
background: string;
|
|
585
|
+
foreground: string;
|
|
586
|
+
card: string;
|
|
587
|
+
cardForeground: string;
|
|
588
|
+
popover: string;
|
|
589
|
+
popoverForeground: string;
|
|
590
|
+
primary: string;
|
|
591
|
+
primaryForeground: string;
|
|
592
|
+
secondary: string;
|
|
593
|
+
secondaryForeground: string;
|
|
594
|
+
muted: string;
|
|
595
|
+
mutedForeground: string;
|
|
596
|
+
accent: string;
|
|
597
|
+
accentForeground: string;
|
|
598
|
+
destructive: string;
|
|
599
|
+
destructiveForeground: string;
|
|
600
|
+
border: string;
|
|
601
|
+
input: string;
|
|
602
|
+
ring: string;
|
|
603
|
+
offsetBackground: string;
|
|
604
|
+
offsetForeground: string;
|
|
605
|
+
};
|
|
606
|
+
|
|
607
|
+
declare const LightTheme: {
|
|
608
|
+
radii: (string | number)[];
|
|
609
|
+
shadows: {
|
|
610
|
+
error: string;
|
|
611
|
+
inner: string;
|
|
612
|
+
focus: string;
|
|
613
|
+
highlight: string;
|
|
614
|
+
base: string[];
|
|
615
|
+
};
|
|
616
|
+
breakpoints: string[];
|
|
617
|
+
animations: {
|
|
618
|
+
spin: string;
|
|
619
|
+
pulse: string;
|
|
620
|
+
bounce: string;
|
|
621
|
+
};
|
|
622
|
+
lineHeights: string[];
|
|
623
|
+
fontSizes: string[];
|
|
624
|
+
fonts: {
|
|
625
|
+
base: string;
|
|
626
|
+
mono: string;
|
|
627
|
+
};
|
|
628
|
+
space: (string | number)[];
|
|
629
|
+
sizes: (string | number)[];
|
|
630
|
+
transition: string;
|
|
631
|
+
spaceYBetween: string[];
|
|
632
|
+
spaceXBetween: string[];
|
|
633
|
+
name: string;
|
|
634
|
+
colors: ColorTheme;
|
|
635
|
+
borders: Record<keyof ColorTheme, string[]>;
|
|
636
|
+
};
|
|
637
|
+
declare const DarkTheme: {
|
|
638
|
+
radii: (string | number)[];
|
|
639
|
+
shadows: {
|
|
640
|
+
error: string;
|
|
641
|
+
inner: string;
|
|
642
|
+
focus: string;
|
|
643
|
+
highlight: string;
|
|
644
|
+
base: string[];
|
|
645
|
+
};
|
|
646
|
+
breakpoints: string[];
|
|
647
|
+
animations: {
|
|
648
|
+
spin: string;
|
|
649
|
+
pulse: string;
|
|
650
|
+
bounce: string;
|
|
651
|
+
};
|
|
652
|
+
lineHeights: string[];
|
|
653
|
+
fontSizes: string[];
|
|
654
|
+
fonts: {
|
|
655
|
+
base: string;
|
|
656
|
+
mono: string;
|
|
657
|
+
};
|
|
658
|
+
space: (string | number)[];
|
|
659
|
+
sizes: (string | number)[];
|
|
660
|
+
transition: string;
|
|
661
|
+
spaceYBetween: string[];
|
|
662
|
+
spaceXBetween: string[];
|
|
663
|
+
name: string;
|
|
664
|
+
colors: ColorTheme;
|
|
665
|
+
borders: Record<keyof ColorTheme, string[]>;
|
|
666
|
+
};
|
|
667
|
+
type ProvidedTheme = 'Light' | 'Dark';
|
|
668
|
+
type TTheme = typeof DarkTheme;
|
|
669
|
+
|
|
670
|
+
type ThemeProviderProps = {
|
|
671
|
+
theme?: ProvidedTheme;
|
|
672
|
+
children?: React.ReactNode;
|
|
673
|
+
};
|
|
674
|
+
type SettingsCtx = {
|
|
675
|
+
theme: ProvidedTheme;
|
|
676
|
+
setTheme: (theme: ProvidedTheme) => void;
|
|
677
|
+
toggleTheme: () => void;
|
|
678
|
+
};
|
|
679
|
+
declare const SettingsContext: react.Context<SettingsCtx | undefined>;
|
|
680
|
+
declare const useMuffledSettings: () => SettingsCtx;
|
|
681
|
+
declare const MuffledUI: React.FC<ThemeProviderProps>;
|
|
682
|
+
|
|
683
|
+
declare const ThemeSwitch: React.FC;
|
|
684
|
+
declare const ThemeButton: React.FC;
|
|
685
|
+
|
|
686
|
+
declare const GlobalStyles: styled_components.GlobalStyleComponent<{
|
|
687
|
+
theme: ColorTheme;
|
|
688
|
+
}, styled_components.DefaultTheme>;
|
|
689
|
+
|
|
690
|
+
export { Accordion, AccordionDetail, type AccordionProps, AccordionSummary, Alert, type AlertProps, Backdrop, Badge, type BadgeProps, BasePicker, type BasePickerProps, BaseUploader, type BaseUploaderProps, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, CardContent, CardMedia, type CardMediaProps, type CardProps, CenteredWidget, Checkbox, type CheckboxPrpos, Chip, type ChipProps, CircleLoader, type CircleLoaderProps, CircleProgress, type CircleProgressProps, ClickOutside, type ClickOutsideProps, ClickableElement, type ClickableElementProps, Collapse, type CollapseProps, Container, DarkTheme, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DestructiveButton, type DestructiveButtonProps, DetailsGrouping, Drawer, type DrawerProps, Fade, type FadeProps, GlobalStyles, Grow, type GrowProps, type HeadingProps, ImageComp, type ImageProps, Input, InputGroup, type InputProps, Label, type LabelProps, LightTheme, LinearLoader, type LinearLoaderProps, LinearProgress, type LinearProgressProps, LinearSlide, type LinearSlideProps, List, ListItem, Menu, MenuItem, type MenuItemProps, type MenuProps, Modal, type ModalProps, MuffledUI, NumberField, type NumberFieldProps, Open, type OpenProps, OrderedList, OutlineButton, type OutlineButtonProps, Pagination, type PaginationProps, Panel, Password, type PasswordProps, Portal, type PortalProps, PrimaryButton, type PrimaryButtonProps, type ProvidedTheme, Radio, RadioIcon, type RadioPrpos, Scrollable, SecondaryButton, type SecondaryButtonProps, Select, SelectButton, type SelectButtonProps, SelectContext, SelectFilter, type SelectFilterProps, SelectItem, type SelectItemProps, SelectList, type SelectProps, SettingsContext, type SettingsCtx, SimpleSelect, type SimpleSelectProps, Skeleton, type SkeletonProps, Slide, type SlideProps, SnackbarContext, SnackbarItem, type SnackbarItemProps, SnackbarProvider, StepIcon, type StepIconProps, StepLabel, type StepLabelProps, Stepper, StepperContext, type StepperProps, Switch, type SwitchProps, SyntaxHighlighter, type SyntaxHighlighterProps, type TTheme, TabItem, type TabItemProps, TabItems, type TabItemsProps, TabPane, TabPaneList, type TabPaneListProps, type TabPaneProps$1 as TabPaneProps, Table, TableBody, TableCell, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TextArea, ThemeButton, type ThemeProviderProps, ThemeSwitch, ThreeColumns, type ThreeColumnsProps, Title, Tooltip, type TooltipProps, TwoColumns, type TwoColumnsProps, Typography, type TypographyProps, UnorderedList, UploadButton, type UploadButtonProps, UploadZone, type UploadZoneProps, clearInputOnSelectItem, stopPropagation, useMuffledSettings, useSelectContext, useSnackbar, useStepperContext };
|