@solace-health/ui 0.6.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1116 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +408 -0
- package/dist/index.d.ts +99 -85
- package/dist/index.js +1060 -1
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
- package/dist/index.mjs +0 -941
- package/dist/index.mjs.map +0 -1
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,408 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as contentful from 'contentful';
|
|
3
|
+
import * as preact from 'preact';
|
|
4
|
+
import { FunctionalComponent } from 'preact';
|
|
5
|
+
import * as react from 'react';
|
|
6
|
+
import { CSSProperties } from 'react';
|
|
7
|
+
import * as react_hook_form from 'react-hook-form';
|
|
8
|
+
import { UseFormReturn } from 'react-hook-form';
|
|
9
|
+
export { useForm, useFormContext } from 'react-hook-form';
|
|
10
|
+
import * as _emotion_styled from '@emotion/styled';
|
|
11
|
+
export { default as styled } from '@emotion/styled';
|
|
12
|
+
import * as _emotion_react from '@emotion/react';
|
|
13
|
+
|
|
14
|
+
declare type Props$9 = {
|
|
15
|
+
children: React.ReactNode;
|
|
16
|
+
isSubmitting?: boolean;
|
|
17
|
+
[extraProps: string]: unknown;
|
|
18
|
+
};
|
|
19
|
+
declare const _default$3: {
|
|
20
|
+
Primary: ({ children, isSubmitting, ...extraProps }: Props$9) => react_jsx_runtime.JSX.Element;
|
|
21
|
+
Outline: ({ children, isSubmitting, ...extraProps }: Props$9) => react_jsx_runtime.JSX.Element;
|
|
22
|
+
Unstyled: ({ children, isSubmitting, ...extraProps }: Props$9) => react_jsx_runtime.JSX.Element;
|
|
23
|
+
Secondary: ({ children, isSubmitting, ...extraProps }: Props$9) => react_jsx_runtime.JSX.Element;
|
|
24
|
+
Link: ({ children, ...extraProps }: Props$9) => react_jsx_runtime.JSX.Element;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
declare type Props$8 = {
|
|
28
|
+
value?: string;
|
|
29
|
+
onChange?: (date: any) => void;
|
|
30
|
+
};
|
|
31
|
+
declare const DateSelect: ({ value, onChange }: Props$8) => react_jsx_runtime.JSX.Element;
|
|
32
|
+
|
|
33
|
+
declare const _default$2: {
|
|
34
|
+
AddCircle: ({ color }: {
|
|
35
|
+
color?: string | undefined;
|
|
36
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
37
|
+
Copy: ({ color }: {
|
|
38
|
+
color?: string | undefined;
|
|
39
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
40
|
+
Caret: ({ color, direction }: {
|
|
41
|
+
color?: string | undefined;
|
|
42
|
+
direction?: "left" | "right" | "up" | "down" | undefined;
|
|
43
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
44
|
+
Calendar: () => react_jsx_runtime.JSX.Element;
|
|
45
|
+
Check: ({ color }: {
|
|
46
|
+
color?: string | undefined;
|
|
47
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
48
|
+
Close: ({ color }: {
|
|
49
|
+
color?: string | undefined;
|
|
50
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
51
|
+
DefaultFile: ({ fill }: {
|
|
52
|
+
fill?: string | undefined;
|
|
53
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
54
|
+
Heart: ({ height, width, }: {
|
|
55
|
+
height?: string | undefined;
|
|
56
|
+
width?: string | undefined;
|
|
57
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
58
|
+
HeartPulse: () => JSX.Element;
|
|
59
|
+
IdBadge: () => react_jsx_runtime.JSX.Element;
|
|
60
|
+
LightBulb: () => react_jsx_runtime.JSX.Element;
|
|
61
|
+
LocationPin: ({ className }: {
|
|
62
|
+
className?: string | undefined;
|
|
63
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
64
|
+
Permissions: ({ size, color, }: {
|
|
65
|
+
size?: string | undefined;
|
|
66
|
+
color?: string | undefined;
|
|
67
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
68
|
+
Phone: ({ fill, className }: {
|
|
69
|
+
fill?: string | undefined;
|
|
70
|
+
className?: string | undefined;
|
|
71
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
72
|
+
RatingStar: ({ filled }: {
|
|
73
|
+
filled: boolean;
|
|
74
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
75
|
+
Sparkles: () => react_jsx_runtime.JSX.Element;
|
|
76
|
+
Sun: () => JSX.Element;
|
|
77
|
+
Signature: ({ color }: {
|
|
78
|
+
color?: string | undefined;
|
|
79
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
80
|
+
Trash: ({ fill, className, }: {
|
|
81
|
+
fill?: string | undefined;
|
|
82
|
+
className?: string | undefined;
|
|
83
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
declare enum Size {
|
|
87
|
+
XL = "xl",
|
|
88
|
+
LG = "lg",
|
|
89
|
+
MD = "md",
|
|
90
|
+
SM = "sm",
|
|
91
|
+
XS = "xs"
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
declare type Props$7 = {
|
|
95
|
+
color?: string;
|
|
96
|
+
size?: Size;
|
|
97
|
+
};
|
|
98
|
+
declare const LoadingSpinner: ({ color, size, }: Props$7) => react_jsx_runtime.JSX.Element;
|
|
99
|
+
|
|
100
|
+
declare enum ContentfulLottieFileSlug {
|
|
101
|
+
LOADING_LISTINGS = "loadingListings"
|
|
102
|
+
}
|
|
103
|
+
declare type ContentfulConfig = {
|
|
104
|
+
space: string;
|
|
105
|
+
accessToken: string;
|
|
106
|
+
};
|
|
107
|
+
declare class Contentful {
|
|
108
|
+
client: contentful.ContentfulClientApi<undefined>;
|
|
109
|
+
constructor(contentfulConfig: ContentfulConfig);
|
|
110
|
+
getLottieFile({ slug }: {
|
|
111
|
+
slug: ContentfulLottieFileSlug;
|
|
112
|
+
}): Promise<null>;
|
|
113
|
+
getImage(slug: string): Promise<any>;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
declare type Props$6 = {
|
|
117
|
+
height: number | string;
|
|
118
|
+
width: number | string;
|
|
119
|
+
loop: boolean;
|
|
120
|
+
slug: ContentfulLottieFileSlug;
|
|
121
|
+
contentfulConfig: {
|
|
122
|
+
space: string;
|
|
123
|
+
accessToken: string;
|
|
124
|
+
};
|
|
125
|
+
};
|
|
126
|
+
declare const LottieAnimation: ({ height, width, loop, slug, contentfulConfig, }: Props$6) => react_jsx_runtime.JSX.Element | null;
|
|
127
|
+
|
|
128
|
+
declare type Props$5 = {
|
|
129
|
+
children: React.ReactNode;
|
|
130
|
+
isOpen: boolean;
|
|
131
|
+
onClose?: () => void;
|
|
132
|
+
width?: number;
|
|
133
|
+
style?: any;
|
|
134
|
+
bodyStyle?: any;
|
|
135
|
+
};
|
|
136
|
+
declare const Modal: ({ children, isOpen, onClose, width, style, bodyStyle, }: Props$5) => react_jsx_runtime.JSX.Element;
|
|
137
|
+
|
|
138
|
+
declare type Props$4 = {
|
|
139
|
+
onChange: (value: string) => void;
|
|
140
|
+
options: string[] | number[] | Array<{
|
|
141
|
+
label: FunctionalComponent;
|
|
142
|
+
value: string;
|
|
143
|
+
icon?: FunctionalComponent;
|
|
144
|
+
disabled?: boolean;
|
|
145
|
+
className?: string;
|
|
146
|
+
}>;
|
|
147
|
+
size: "small" | "middle" | "large";
|
|
148
|
+
defaultValue: string;
|
|
149
|
+
block: boolean;
|
|
150
|
+
};
|
|
151
|
+
declare const Segmented: ({ onChange, options, size, defaultValue, block, }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
152
|
+
|
|
153
|
+
declare type Props$3 = {
|
|
154
|
+
color: string;
|
|
155
|
+
};
|
|
156
|
+
declare const SolaceLogo: ({ color }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
157
|
+
|
|
158
|
+
declare type Props$2 = {
|
|
159
|
+
items: {
|
|
160
|
+
label: string;
|
|
161
|
+
key: string;
|
|
162
|
+
children: string | React.ReactNode;
|
|
163
|
+
}[];
|
|
164
|
+
className?: string;
|
|
165
|
+
defaultActiveKey?: string;
|
|
166
|
+
};
|
|
167
|
+
declare const Tabs: ({ items, className, ...otherProps }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
168
|
+
|
|
169
|
+
declare type Props$1 = {
|
|
170
|
+
startTime?: string;
|
|
171
|
+
endTime?: string;
|
|
172
|
+
interval?: number;
|
|
173
|
+
defaultValue?: string;
|
|
174
|
+
onChange?: (e: unknown) => void;
|
|
175
|
+
};
|
|
176
|
+
declare const TimeSelect: ({ startTime, endTime, interval, defaultValue, onChange, }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
177
|
+
|
|
178
|
+
declare type ToggleProps = {
|
|
179
|
+
defaultState?: boolean;
|
|
180
|
+
name: string;
|
|
181
|
+
label?: {
|
|
182
|
+
active: string;
|
|
183
|
+
inactive: string;
|
|
184
|
+
};
|
|
185
|
+
handleEvent?: ((isToggled: boolean) => void) | null;
|
|
186
|
+
value: string | number | undefined;
|
|
187
|
+
disabled?: boolean;
|
|
188
|
+
};
|
|
189
|
+
declare const Toggle: ({ defaultState, name, label, handleEvent, value, disabled, }: ToggleProps) => react_jsx_runtime.JSX.Element;
|
|
190
|
+
|
|
191
|
+
declare type Props = {
|
|
192
|
+
active?: boolean;
|
|
193
|
+
children: React.ReactNode;
|
|
194
|
+
content: string | null;
|
|
195
|
+
describedby: string;
|
|
196
|
+
style?: CSSProperties;
|
|
197
|
+
};
|
|
198
|
+
declare const Tooltip: ({ active, children, content, describedby, style, }: Props) => react_jsx_runtime.JSX.Element;
|
|
199
|
+
|
|
200
|
+
declare type ProviderProps = {
|
|
201
|
+
children: React.ReactNode;
|
|
202
|
+
theme?: Record<string, unknown>;
|
|
203
|
+
};
|
|
204
|
+
declare const SolaceThemeProvider: ({ children, theme, }: ProviderProps) => react_jsx_runtime.JSX.Element;
|
|
205
|
+
|
|
206
|
+
declare const _default$1: {
|
|
207
|
+
Container: ({ formMethods, formOptions, onSubmit, children, className, }: {
|
|
208
|
+
formMethods?: UseFormReturn<any, any> | null | undefined;
|
|
209
|
+
formOptions?: Partial<{
|
|
210
|
+
mode: keyof react_hook_form.ValidationMode;
|
|
211
|
+
reValidateMode: "onBlur" | "onChange" | "onSubmit";
|
|
212
|
+
defaultValues: {
|
|
213
|
+
[x: string]: any;
|
|
214
|
+
} | ((payload?: unknown) => Promise<react_hook_form.FieldValues>);
|
|
215
|
+
values: react_hook_form.FieldValues;
|
|
216
|
+
resetOptions: Partial<{
|
|
217
|
+
keepDirtyValues: boolean;
|
|
218
|
+
keepErrors: boolean;
|
|
219
|
+
keepDirty: boolean;
|
|
220
|
+
keepValues: boolean;
|
|
221
|
+
keepDefaultValues: boolean;
|
|
222
|
+
keepIsSubmitted: boolean;
|
|
223
|
+
keepTouched: boolean;
|
|
224
|
+
keepIsValid: boolean;
|
|
225
|
+
keepSubmitCount: boolean;
|
|
226
|
+
}> | undefined;
|
|
227
|
+
resolver: react_hook_form.Resolver<react_hook_form.FieldValues, any>;
|
|
228
|
+
context: any;
|
|
229
|
+
shouldFocusError: boolean;
|
|
230
|
+
shouldUnregister: boolean;
|
|
231
|
+
shouldUseNativeValidation: boolean;
|
|
232
|
+
criteriaMode: react_hook_form.CriteriaMode;
|
|
233
|
+
delayError: number;
|
|
234
|
+
}> | undefined;
|
|
235
|
+
onSubmit: (data: any) => void;
|
|
236
|
+
children: react.ReactNode;
|
|
237
|
+
className?: string | undefined;
|
|
238
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
239
|
+
Checkbox: ({ option, name, ...inputProps }: {
|
|
240
|
+
[inputProps: string]: unknown;
|
|
241
|
+
option: {
|
|
242
|
+
label: string | preact.Component<{}, {}>;
|
|
243
|
+
value: string;
|
|
244
|
+
};
|
|
245
|
+
name: string;
|
|
246
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
247
|
+
CheckboxGroup: ({ name, label, details, options, inline, other, ...inputProps }: {
|
|
248
|
+
[inputProps: string]: unknown;
|
|
249
|
+
name: string;
|
|
250
|
+
label: string | HTMLElement;
|
|
251
|
+
details?: string | undefined;
|
|
252
|
+
inline?: boolean | undefined;
|
|
253
|
+
other?: {
|
|
254
|
+
label: string | preact.Component<{}, {}>;
|
|
255
|
+
} | undefined;
|
|
256
|
+
options: {
|
|
257
|
+
label: string;
|
|
258
|
+
value: string;
|
|
259
|
+
}[];
|
|
260
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
261
|
+
DateSelect: ({ label, isLabelBold, name, options, ...inputProps }: {
|
|
262
|
+
[inputProps: string]: unknown;
|
|
263
|
+
label?: string | null | undefined;
|
|
264
|
+
isLabelBold?: boolean | undefined;
|
|
265
|
+
name: string;
|
|
266
|
+
options?: react_hook_form.RegisterOptions<react_hook_form.FieldValues, string> | undefined;
|
|
267
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
268
|
+
TextInput: ({ name, label, details, type, options, previewOnly, textArea, marginBottom, isLabelBold, format, errorMessage, ...inputProps }: {
|
|
269
|
+
[inputProps: string]: unknown;
|
|
270
|
+
name: string;
|
|
271
|
+
label?: string | null | undefined;
|
|
272
|
+
details?: string | null | undefined;
|
|
273
|
+
type?: string | undefined;
|
|
274
|
+
options?: react_hook_form.RegisterOptions<react_hook_form.FieldValues, string> | undefined;
|
|
275
|
+
previewOnly?: boolean | undefined;
|
|
276
|
+
textArea?: boolean | undefined;
|
|
277
|
+
marginBottom?: string | undefined;
|
|
278
|
+
placeholder?: string | undefined;
|
|
279
|
+
isLabelBold?: boolean | undefined;
|
|
280
|
+
format?: any;
|
|
281
|
+
errorMessage?: string | undefined;
|
|
282
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
283
|
+
TimeSelect: ({ label, name, ...inputProps }: {
|
|
284
|
+
[inputProps: string]: unknown;
|
|
285
|
+
label?: string | undefined;
|
|
286
|
+
name: string;
|
|
287
|
+
options?: react_hook_form.RegisterOptions<react_hook_form.FieldValues, string> | undefined;
|
|
288
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
289
|
+
Radio: ({ option, name, inline, ...inputProps }: {
|
|
290
|
+
[inputProps: string]: unknown;
|
|
291
|
+
option: {
|
|
292
|
+
label: string;
|
|
293
|
+
value: string;
|
|
294
|
+
};
|
|
295
|
+
name: string;
|
|
296
|
+
inline: boolean;
|
|
297
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
298
|
+
RadioGroup: ({ name, label, details, options, inline, allowOther, ...inputProps }: {
|
|
299
|
+
[inputProps: string]: unknown;
|
|
300
|
+
name: string;
|
|
301
|
+
label: string;
|
|
302
|
+
details?: string | undefined;
|
|
303
|
+
inline?: boolean | undefined;
|
|
304
|
+
allowOther?: boolean | undefined;
|
|
305
|
+
options: {
|
|
306
|
+
label: string;
|
|
307
|
+
value: string;
|
|
308
|
+
}[];
|
|
309
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
310
|
+
Select: ({ label, name, details, placeholder, options, allowInput, previewOnly, isLabelBold, formOptions, onChange, }: {
|
|
311
|
+
label?: string | undefined;
|
|
312
|
+
name: string;
|
|
313
|
+
details?: string | undefined;
|
|
314
|
+
placeholder?: string | undefined;
|
|
315
|
+
options: {
|
|
316
|
+
label: any;
|
|
317
|
+
value: string;
|
|
318
|
+
}[];
|
|
319
|
+
formOptions?: react_hook_form.RegisterOptions<react_hook_form.FieldValues, string> | undefined;
|
|
320
|
+
allowInput?: boolean | undefined;
|
|
321
|
+
previewOnly?: boolean | undefined;
|
|
322
|
+
isLabelBold?: boolean | undefined;
|
|
323
|
+
onChange?: (({ value, label }: {
|
|
324
|
+
label: any;
|
|
325
|
+
value: string;
|
|
326
|
+
}) => void) | undefined;
|
|
327
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
328
|
+
Signature: ({ label, name, options, ...inputProps }: {
|
|
329
|
+
[inputProps: string]: unknown;
|
|
330
|
+
label: string;
|
|
331
|
+
name: string;
|
|
332
|
+
options?: react_hook_form.RegisterOptions<react_hook_form.FieldValues, string> | undefined;
|
|
333
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
334
|
+
Submit: ({ label, isSubmitting, hideWhenInvalid, ...extraProps }: {
|
|
335
|
+
[extraProps: string]: unknown;
|
|
336
|
+
label?: string | undefined;
|
|
337
|
+
isSubmitting?: boolean | undefined;
|
|
338
|
+
hideWhenInvalid?: boolean | undefined;
|
|
339
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
340
|
+
LocationSelect: (props: {
|
|
341
|
+
label?: string | undefined;
|
|
342
|
+
details?: string | undefined;
|
|
343
|
+
required?: boolean | undefined;
|
|
344
|
+
previewOnly?: boolean | undefined;
|
|
345
|
+
} & {
|
|
346
|
+
api_key: string;
|
|
347
|
+
}) => react_jsx_runtime.JSX.Element | null;
|
|
348
|
+
Keyword: ({ label, name, details, options, previewOnly, }: {
|
|
349
|
+
label?: string | undefined;
|
|
350
|
+
name: string;
|
|
351
|
+
details?: string | undefined;
|
|
352
|
+
options?: string[] | undefined;
|
|
353
|
+
previewOnly?: boolean | undefined;
|
|
354
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
355
|
+
Toggle: ({ defaultState, name, label, handleEvent, value, disabled, }: {
|
|
356
|
+
defaultState?: boolean | undefined;
|
|
357
|
+
name: string;
|
|
358
|
+
label?: {
|
|
359
|
+
active: string;
|
|
360
|
+
inactive: string;
|
|
361
|
+
} | undefined;
|
|
362
|
+
handleEvent?: ((isToggled: boolean) => void) | null | undefined;
|
|
363
|
+
value: string | number | undefined;
|
|
364
|
+
disabled?: boolean | undefined;
|
|
365
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
366
|
+
};
|
|
367
|
+
|
|
368
|
+
declare const _default: {
|
|
369
|
+
Body: ({ className, children, size, color, center, }: {
|
|
370
|
+
className?: string | undefined;
|
|
371
|
+
size?: Size | undefined;
|
|
372
|
+
children?: react.ReactNode;
|
|
373
|
+
color?: string | undefined;
|
|
374
|
+
center?: boolean | undefined;
|
|
375
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
376
|
+
Display: ({ className, size, children, center, }: {
|
|
377
|
+
className?: string | undefined;
|
|
378
|
+
size?: Size | undefined;
|
|
379
|
+
children?: react.ReactNode;
|
|
380
|
+
center?: boolean | undefined;
|
|
381
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
382
|
+
Error: _emotion_styled.StyledComponent<{
|
|
383
|
+
theme?: _emotion_react.Theme | undefined;
|
|
384
|
+
as?: react.ElementType<any> | undefined;
|
|
385
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
386
|
+
Header: ({ className, children, size, allCaps, color, }: {
|
|
387
|
+
allCaps?: boolean | undefined;
|
|
388
|
+
children?: react.ReactNode;
|
|
389
|
+
className?: string | undefined;
|
|
390
|
+
size?: Size | undefined;
|
|
391
|
+
color?: string | undefined;
|
|
392
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
393
|
+
Truncated: ({ children, as, length }: {
|
|
394
|
+
children: string;
|
|
395
|
+
as: react.ElementType<any>;
|
|
396
|
+
length?: number | undefined;
|
|
397
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
398
|
+
};
|
|
399
|
+
|
|
400
|
+
declare const VantaLogo: ({ contentfulConfig, size, }: {
|
|
401
|
+
contentfulConfig: {
|
|
402
|
+
space: string;
|
|
403
|
+
accessToken: string;
|
|
404
|
+
};
|
|
405
|
+
size?: number | undefined;
|
|
406
|
+
}) => react_jsx_runtime.JSX.Element | null;
|
|
407
|
+
|
|
408
|
+
export { _default$3 as Button, Contentful, ContentfulLottieFileSlug, DateSelect, _default$1 as Form, _default$2 as Icons, LoadingSpinner, LottieAnimation, Modal, Segmented, Size, SolaceLogo, SolaceThemeProvider, Tabs, TimeSelect, Toggle, Tooltip, _default as Typography, VantaLogo };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as contentful from 'contentful';
|
|
2
3
|
import * as preact from 'preact';
|
|
3
4
|
import { FunctionalComponent } from 'preact';
|
|
4
|
-
import * as contentful from 'contentful';
|
|
5
5
|
import * as react from 'react';
|
|
6
6
|
import { CSSProperties } from 'react';
|
|
7
|
-
import * as _emotion_styled from '@emotion/styled';
|
|
8
|
-
export { default as styled } from '@emotion/styled';
|
|
9
|
-
import * as _emotion_react from '@emotion/react';
|
|
10
7
|
import * as react_hook_form from 'react-hook-form';
|
|
11
8
|
import { UseFormReturn } from 'react-hook-form';
|
|
12
9
|
export { useForm, useFormContext } from 'react-hook-form';
|
|
10
|
+
import * as _emotion_styled from '@emotion/styled';
|
|
11
|
+
export { default as styled } from '@emotion/styled';
|
|
12
|
+
import * as _emotion_react from '@emotion/react';
|
|
13
13
|
|
|
14
14
|
declare type Props$9 = {
|
|
15
15
|
children: React.ReactNode;
|
|
@@ -24,6 +24,12 @@ declare const _default$3: {
|
|
|
24
24
|
Link: ({ children, ...extraProps }: Props$9) => react_jsx_runtime.JSX.Element;
|
|
25
25
|
};
|
|
26
26
|
|
|
27
|
+
declare type Props$8 = {
|
|
28
|
+
value?: string;
|
|
29
|
+
onChange?: (date: any) => void;
|
|
30
|
+
};
|
|
31
|
+
declare const DateSelect: ({ value, onChange }: Props$8) => react_jsx_runtime.JSX.Element;
|
|
32
|
+
|
|
27
33
|
declare const _default$2: {
|
|
28
34
|
AddCircle: ({ color }: {
|
|
29
35
|
color?: string | undefined;
|
|
@@ -77,36 +83,6 @@ declare const _default$2: {
|
|
|
77
83
|
}) => react_jsx_runtime.JSX.Element;
|
|
78
84
|
};
|
|
79
85
|
|
|
80
|
-
declare type Props$8 = {
|
|
81
|
-
startTime?: string;
|
|
82
|
-
endTime?: string;
|
|
83
|
-
interval?: number;
|
|
84
|
-
defaultValue?: string;
|
|
85
|
-
onChange?: (e: unknown) => void;
|
|
86
|
-
};
|
|
87
|
-
declare const TimeSelect: ({ startTime, endTime, interval, defaultValue, onChange, }: Props$8) => react_jsx_runtime.JSX.Element;
|
|
88
|
-
|
|
89
|
-
declare type Props$7 = {
|
|
90
|
-
value?: string;
|
|
91
|
-
onChange?: (date: any) => void;
|
|
92
|
-
};
|
|
93
|
-
declare const DateSelect: ({ value, onChange }: Props$7) => react_jsx_runtime.JSX.Element;
|
|
94
|
-
|
|
95
|
-
declare type Props$6 = {
|
|
96
|
-
onChange: (value: string) => void;
|
|
97
|
-
options: string[] | number[] | Array<{
|
|
98
|
-
label: FunctionalComponent;
|
|
99
|
-
value: string;
|
|
100
|
-
icon?: FunctionalComponent;
|
|
101
|
-
disabled?: boolean;
|
|
102
|
-
className?: string;
|
|
103
|
-
}>;
|
|
104
|
-
size: "small" | "middle" | "large";
|
|
105
|
-
defaultValue: string;
|
|
106
|
-
block: boolean;
|
|
107
|
-
};
|
|
108
|
-
declare const Segmented: ({ onChange, options, size, defaultValue, block, }: Props$6) => react_jsx_runtime.JSX.Element;
|
|
109
|
-
|
|
110
86
|
declare enum Size {
|
|
111
87
|
XL = "xl",
|
|
112
88
|
LG = "lg",
|
|
@@ -115,11 +91,11 @@ declare enum Size {
|
|
|
115
91
|
XS = "xs"
|
|
116
92
|
}
|
|
117
93
|
|
|
118
|
-
declare type Props$
|
|
94
|
+
declare type Props$7 = {
|
|
119
95
|
color?: string;
|
|
120
96
|
size?: Size;
|
|
121
97
|
};
|
|
122
|
-
declare const LoadingSpinner: ({ color, size, }: Props$
|
|
98
|
+
declare const LoadingSpinner: ({ color, size, }: Props$7) => react_jsx_runtime.JSX.Element;
|
|
123
99
|
|
|
124
100
|
declare enum ContentfulLottieFileSlug {
|
|
125
101
|
LOADING_LISTINGS = "loadingListings"
|
|
@@ -137,7 +113,7 @@ declare class Contentful {
|
|
|
137
113
|
getImage(slug: string): Promise<any>;
|
|
138
114
|
}
|
|
139
115
|
|
|
140
|
-
declare type Props$
|
|
116
|
+
declare type Props$6 = {
|
|
141
117
|
height: number | string;
|
|
142
118
|
width: number | string;
|
|
143
119
|
loop: boolean;
|
|
@@ -147,34 +123,57 @@ declare type Props$4 = {
|
|
|
147
123
|
accessToken: string;
|
|
148
124
|
};
|
|
149
125
|
};
|
|
150
|
-
declare const LottieAnimation: ({ height, width, loop, slug, contentfulConfig, }: Props$
|
|
126
|
+
declare const LottieAnimation: ({ height, width, loop, slug, contentfulConfig, }: Props$6) => react_jsx_runtime.JSX.Element | null;
|
|
151
127
|
|
|
152
|
-
declare type Props$
|
|
128
|
+
declare type Props$5 = {
|
|
153
129
|
children: React.ReactNode;
|
|
154
130
|
isOpen: boolean;
|
|
155
131
|
onClose?: () => void;
|
|
156
|
-
|
|
132
|
+
width?: number;
|
|
133
|
+
style?: any;
|
|
134
|
+
bodyStyle?: any;
|
|
157
135
|
};
|
|
158
|
-
declare const Modal: ({ children, isOpen, onClose, style, }: Props$
|
|
136
|
+
declare const Modal: ({ children, isOpen, onClose, width, style, bodyStyle, }: Props$5) => react_jsx_runtime.JSX.Element;
|
|
159
137
|
|
|
160
|
-
declare type Props$
|
|
138
|
+
declare type Props$4 = {
|
|
139
|
+
onChange: (value: string) => void;
|
|
140
|
+
options: string[] | number[] | Array<{
|
|
141
|
+
label: FunctionalComponent;
|
|
142
|
+
value: string;
|
|
143
|
+
icon?: FunctionalComponent;
|
|
144
|
+
disabled?: boolean;
|
|
145
|
+
className?: string;
|
|
146
|
+
}>;
|
|
147
|
+
size: "small" | "middle" | "large";
|
|
148
|
+
defaultValue: string;
|
|
149
|
+
block: boolean;
|
|
150
|
+
};
|
|
151
|
+
declare const Segmented: ({ onChange, options, size, defaultValue, block, }: Props$4) => react_jsx_runtime.JSX.Element;
|
|
152
|
+
|
|
153
|
+
declare type Props$3 = {
|
|
161
154
|
color: string;
|
|
162
155
|
};
|
|
163
|
-
declare const SolaceLogo: ({ color }: Props$
|
|
156
|
+
declare const SolaceLogo: ({ color }: Props$3) => react_jsx_runtime.JSX.Element;
|
|
164
157
|
|
|
165
|
-
declare type Props$
|
|
166
|
-
|
|
158
|
+
declare type Props$2 = {
|
|
159
|
+
items: {
|
|
160
|
+
label: string;
|
|
161
|
+
key: string;
|
|
162
|
+
children: string | React.ReactNode;
|
|
163
|
+
}[];
|
|
164
|
+
className?: string;
|
|
165
|
+
defaultActiveKey?: string;
|
|
167
166
|
};
|
|
168
|
-
declare const
|
|
167
|
+
declare const Tabs: ({ items, className, ...otherProps }: Props$2) => react_jsx_runtime.JSX.Element;
|
|
169
168
|
|
|
170
|
-
declare type Props = {
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
169
|
+
declare type Props$1 = {
|
|
170
|
+
startTime?: string;
|
|
171
|
+
endTime?: string;
|
|
172
|
+
interval?: number;
|
|
173
|
+
defaultValue?: string;
|
|
174
|
+
onChange?: (e: unknown) => void;
|
|
176
175
|
};
|
|
177
|
-
declare const
|
|
176
|
+
declare const TimeSelect: ({ startTime, endTime, interval, defaultValue, onChange, }: Props$1) => react_jsx_runtime.JSX.Element;
|
|
178
177
|
|
|
179
178
|
declare type ToggleProps = {
|
|
180
179
|
defaultState?: boolean;
|
|
@@ -189,39 +188,22 @@ declare type ToggleProps = {
|
|
|
189
188
|
};
|
|
190
189
|
declare const Toggle: ({ defaultState, name, label, handleEvent, value, disabled, }: ToggleProps) => react_jsx_runtime.JSX.Element;
|
|
191
190
|
|
|
192
|
-
declare
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
center?: boolean | undefined;
|
|
199
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
200
|
-
Display: ({ className, size, children, center, }: {
|
|
201
|
-
className?: string | undefined;
|
|
202
|
-
size?: Size | undefined;
|
|
203
|
-
children?: react.ReactNode;
|
|
204
|
-
center?: boolean | undefined;
|
|
205
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
206
|
-
Error: _emotion_styled.StyledComponent<{
|
|
207
|
-
theme?: _emotion_react.Theme | undefined;
|
|
208
|
-
as?: react.ElementType<any> | undefined;
|
|
209
|
-
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
210
|
-
Header: ({ className, children, size, allCaps, color, }: {
|
|
211
|
-
allCaps?: boolean | undefined;
|
|
212
|
-
children?: react.ReactNode;
|
|
213
|
-
className?: string | undefined;
|
|
214
|
-
size?: Size | undefined;
|
|
215
|
-
color?: string | undefined;
|
|
216
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
217
|
-
Truncated: ({ children, as, length }: {
|
|
218
|
-
children: string;
|
|
219
|
-
as: react.ElementType<any>;
|
|
220
|
-
length?: number | undefined;
|
|
221
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
191
|
+
declare type Props = {
|
|
192
|
+
active?: boolean;
|
|
193
|
+
children: React.ReactNode;
|
|
194
|
+
content: string | null;
|
|
195
|
+
describedby: string;
|
|
196
|
+
style?: CSSProperties;
|
|
222
197
|
};
|
|
198
|
+
declare const Tooltip: ({ active, children, content, describedby, style, }: Props) => react_jsx_runtime.JSX.Element;
|
|
223
199
|
|
|
224
|
-
declare
|
|
200
|
+
declare type ProviderProps = {
|
|
201
|
+
children: React.ReactNode;
|
|
202
|
+
theme?: Record<string, unknown>;
|
|
203
|
+
};
|
|
204
|
+
declare const SolaceThemeProvider: ({ children, theme, }: ProviderProps) => react_jsx_runtime.JSX.Element;
|
|
205
|
+
|
|
206
|
+
declare const _default$1: {
|
|
225
207
|
Container: ({ formMethods, formOptions, onSubmit, children, className, }: {
|
|
226
208
|
formMethods?: UseFormReturn<any, any> | null | undefined;
|
|
227
209
|
formOptions?: Partial<{
|
|
@@ -383,6 +365,38 @@ declare const _default: {
|
|
|
383
365
|
}) => react_jsx_runtime.JSX.Element;
|
|
384
366
|
};
|
|
385
367
|
|
|
368
|
+
declare const _default: {
|
|
369
|
+
Body: ({ className, children, size, color, center, }: {
|
|
370
|
+
className?: string | undefined;
|
|
371
|
+
size?: Size | undefined;
|
|
372
|
+
children?: react.ReactNode;
|
|
373
|
+
color?: string | undefined;
|
|
374
|
+
center?: boolean | undefined;
|
|
375
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
376
|
+
Display: ({ className, size, children, center, }: {
|
|
377
|
+
className?: string | undefined;
|
|
378
|
+
size?: Size | undefined;
|
|
379
|
+
children?: react.ReactNode;
|
|
380
|
+
center?: boolean | undefined;
|
|
381
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
382
|
+
Error: _emotion_styled.StyledComponent<{
|
|
383
|
+
theme?: _emotion_react.Theme | undefined;
|
|
384
|
+
as?: react.ElementType<any> | undefined;
|
|
385
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
386
|
+
Header: ({ className, children, size, allCaps, color, }: {
|
|
387
|
+
allCaps?: boolean | undefined;
|
|
388
|
+
children?: react.ReactNode;
|
|
389
|
+
className?: string | undefined;
|
|
390
|
+
size?: Size | undefined;
|
|
391
|
+
color?: string | undefined;
|
|
392
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
393
|
+
Truncated: ({ children, as, length }: {
|
|
394
|
+
children: string;
|
|
395
|
+
as: react.ElementType<any>;
|
|
396
|
+
length?: number | undefined;
|
|
397
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
398
|
+
};
|
|
399
|
+
|
|
386
400
|
declare const VantaLogo: ({ contentfulConfig, size, }: {
|
|
387
401
|
contentfulConfig: {
|
|
388
402
|
space: string;
|
|
@@ -391,4 +405,4 @@ declare const VantaLogo: ({ contentfulConfig, size, }: {
|
|
|
391
405
|
size?: number | undefined;
|
|
392
406
|
}) => react_jsx_runtime.JSX.Element | null;
|
|
393
407
|
|
|
394
|
-
export { _default$3 as Button, Contentful, ContentfulLottieFileSlug, DateSelect, _default as Form, _default$2 as Icons, LoadingSpinner, LottieAnimation, Modal, Segmented, Size, SolaceLogo, SolaceThemeProvider, TimeSelect, Toggle, Tooltip, _default
|
|
408
|
+
export { _default$3 as Button, Contentful, ContentfulLottieFileSlug, DateSelect, _default$1 as Form, _default$2 as Icons, LoadingSpinner, LottieAnimation, Modal, Segmented, Size, SolaceLogo, SolaceThemeProvider, Tabs, TimeSelect, Toggle, Tooltip, _default as Typography, VantaLogo };
|