@tactics/lokaal-loket 0.0.78 → 0.0.81
Sign up to get free protection for your applications and to get access to all the features.
- package/build/index.cjs +631 -709
- package/build/index.d.cts +275 -286
- package/build/index.d.ts +275 -286
- package/build/index.js +431 -509
- package/package.json +1 -1
package/build/index.d.cts
CHANGED
@@ -5,6 +5,58 @@ export { Color, ColorVariant, Radius, Spacing, ThemeI, ThemeVariantsI, Typograph
|
|
5
5
|
import { ThemeMode } from '@tactics/tacky';
|
6
6
|
export { BuildProvidersTree, ExternalStylesheetLoader, ExternalStylesheetLoaderI, StyleProviderAnimation, StyleProviderPreFlight, StyleProviderRouter, ThemeBuilder, ThemeCtx, ThemeMode } from '@tactics/tacky';
|
7
7
|
|
8
|
+
declare enum BadgeType {
|
9
|
+
DAYCARE = "DAYCARE",
|
10
|
+
CHILDMINDER = "CHILDMINDER",
|
11
|
+
COOPERATIVE = "COOPERATIVE"
|
12
|
+
}
|
13
|
+
|
14
|
+
interface IBadge {
|
15
|
+
type: BadgeType;
|
16
|
+
screenReaderText: string;
|
17
|
+
}
|
18
|
+
|
19
|
+
declare const Badge: ({ type, screenReaderText }: IBadge) => react_jsx_runtime.JSX.Element;
|
20
|
+
|
21
|
+
declare enum LogoSize {
|
22
|
+
SMALL = "SMALL",
|
23
|
+
MEDIUM = "MEDIUM"
|
24
|
+
}
|
25
|
+
|
26
|
+
interface ILogoSrc {
|
27
|
+
srcset: string;
|
28
|
+
src: string;
|
29
|
+
}
|
30
|
+
interface ILogoBase {
|
31
|
+
ariaLabel: string;
|
32
|
+
alt: string;
|
33
|
+
size: LogoSize;
|
34
|
+
children?: React$1.ReactNode | React$1.ReactNode[];
|
35
|
+
}
|
36
|
+
interface ILogoLoad extends ILogoBase {
|
37
|
+
srcset?: ILogoSrc;
|
38
|
+
}
|
39
|
+
interface ILogo extends ILogoLoad {
|
40
|
+
}
|
41
|
+
|
42
|
+
interface IBrand {
|
43
|
+
ariaLabel: string;
|
44
|
+
logo: React$1.ReactElement<ILogo>;
|
45
|
+
name: string;
|
46
|
+
}
|
47
|
+
|
48
|
+
declare const Brand: ({ logo, name, ariaLabel }: IBrand) => react_jsx_runtime.JSX.Element;
|
49
|
+
|
50
|
+
declare enum LinkContext {
|
51
|
+
STANDARD = "STANDARD",
|
52
|
+
UI = "UI",
|
53
|
+
BOLD = "BOLD"
|
54
|
+
}
|
55
|
+
declare enum Position {
|
56
|
+
BEFORE = "BEFORE",
|
57
|
+
AFTER = "AFTER"
|
58
|
+
}
|
59
|
+
|
8
60
|
declare enum IconContext {
|
9
61
|
STANDARD = "STANDARD",
|
10
62
|
SUPPORTING = "SUPPORTING",
|
@@ -57,290 +109,17 @@ declare enum IconType {
|
|
57
109
|
WALK = "WALK",
|
58
110
|
PUBLIC_TRANSPORT = "PUBLIC_TRANSPORT",
|
59
111
|
FACEBOOK = "FACEBOOK",
|
60
|
-
INSTAGRAM = "INSTAGRAM",
|
61
|
-
LOCATION = "LOCATION"
|
62
|
-
}
|
63
|
-
|
64
|
-
interface IIconLoad {
|
65
|
-
size?: IconSize;
|
66
|
-
type: IconType;
|
67
|
-
screenReaderText: string;
|
68
|
-
}
|
69
|
-
interface IIcon extends IIconLoad {
|
70
|
-
context?: IconContext;
|
71
|
-
}
|
72
|
-
|
73
|
-
type SetState<T> = React$1.Dispatch<React$1.SetStateAction<T>>;
|
74
|
-
interface AutoCompleteContextType<T> {
|
75
|
-
input: string;
|
76
|
-
setInput: SetState<string>;
|
77
|
-
selected: T | null;
|
78
|
-
setSelected: SetState<T | null>;
|
79
|
-
index: number | null;
|
80
|
-
setIndex: SetState<number | null>;
|
81
|
-
hasFocus: boolean;
|
82
|
-
setHasFocus: SetState<boolean>;
|
83
|
-
}
|
84
|
-
|
85
|
-
declare const Icon: ({ size, type, screenReaderText, context }: IIcon) => react_jsx_runtime.JSX.Element;
|
86
|
-
|
87
|
-
declare enum InputContext {
|
88
|
-
DISABLED = "DISABLED",
|
89
|
-
ERROR = "ERROR",
|
90
|
-
STANDARD = "STANDARD"
|
91
|
-
}
|
92
|
-
|
93
|
-
interface InputChangeEvent {
|
94
|
-
value: string;
|
95
|
-
event: React$1.ChangeEvent<HTMLInputElement>;
|
96
|
-
}
|
97
|
-
interface InputBlurEvent {
|
98
|
-
value: string;
|
99
|
-
event: React$1.FocusEvent<HTMLInputElement, Element>;
|
100
|
-
}
|
101
|
-
interface InputFocusEvent {
|
102
|
-
value: string;
|
103
|
-
event: React$1.FocusEvent<HTMLInputElement, Element>;
|
104
|
-
}
|
105
|
-
interface IInputBase {
|
106
|
-
defaultValue?: string;
|
107
|
-
onChange?: (e: InputChangeEvent) => void;
|
108
|
-
onBlur?: (e: InputBlurEvent) => void;
|
109
|
-
onFocus?: (e: InputFocusEvent) => void;
|
110
|
-
value?: string;
|
111
|
-
placeholder?: string;
|
112
|
-
ariaLabel?: string;
|
113
|
-
name: string;
|
114
|
-
withIconBefore?: React$1.ReactElement<IIcon>;
|
115
|
-
withIconAfter?: React$1.ReactElement<IIcon>;
|
116
|
-
}
|
117
|
-
interface IInput extends IInputBase {
|
118
|
-
context?: InputContext;
|
119
|
-
}
|
120
|
-
interface InteractiveStyledInputProps {
|
121
|
-
border: string;
|
122
|
-
background: string;
|
123
|
-
color: string;
|
124
|
-
}
|
125
|
-
interface IInputTheme {
|
126
|
-
initial: InteractiveStyledInputProps;
|
127
|
-
hover: InteractiveStyledInputProps;
|
128
|
-
focus: InteractiveStyledInputProps;
|
129
|
-
font: string;
|
130
|
-
radius: string;
|
131
|
-
}
|
132
|
-
|
133
|
-
declare enum FigureContext {
|
134
|
-
STANDARD = "STANDARD",
|
135
|
-
INVERTED = "INVERTED",
|
136
|
-
ACCENT = "ACCENT"
|
137
|
-
}
|
138
|
-
declare enum FigureSize {
|
139
|
-
SMALL = "SMALL",
|
140
|
-
MEDIUM = "MEDIUM",
|
141
|
-
LARGE = "LARGE",
|
142
|
-
XLARGE = "XLARGE"
|
143
|
-
}
|
144
|
-
declare enum FigureType {
|
145
|
-
CHILD = "CHILD",
|
146
|
-
FAMILY = "FAMILY",
|
147
|
-
CALENDAR = "CALENDAR",
|
148
|
-
BIN = "BIN",
|
149
|
-
ALERT = "ALERT",
|
150
|
-
PASSWORD = "PASSWORD",
|
151
|
-
SEARCH = "SEARCH",
|
152
|
-
FOLDER = "FOLDER",
|
153
|
-
PASSPORT = "PASSPORT",
|
154
|
-
SETTING = "SETTING",
|
155
|
-
FACE = "FACE",
|
156
|
-
PIN = "PIN",
|
157
|
-
MONEY = "MONEY",
|
158
|
-
IDEA = "IDEA",
|
159
|
-
OFFER = "OFFER",
|
160
|
-
FAVORITE = "FAVORITE",
|
161
|
-
FOLLOW_UP = "FOLLOW_UP",
|
162
|
-
STAR = "STAR",
|
163
|
-
COINS = "COINS",
|
164
|
-
CHECK = "CHECK",
|
165
|
-
LIKE = "LIKE",
|
166
|
-
MAP = "MAP",
|
167
|
-
ADD = "ADD",
|
168
|
-
APPLICATION = "APPLICATION",
|
169
|
-
BABY = "BABY",
|
170
|
-
BOOKMARK = "BOOKMARK",
|
171
|
-
CONVERSATION = "CONVERSATION",
|
172
|
-
CANCEL = "CANCEL",
|
173
|
-
DAD = "DAD",
|
174
|
-
DATETIME = "DATETIME",
|
175
|
-
FILE = "FILE",
|
176
|
-
HOME = "HOME",
|
177
|
-
INFORMATION = "INFORMATION",
|
178
|
-
MAIL = "MAIL",
|
179
|
-
MOM = "MOM",
|
180
|
-
NO = "NO",
|
181
|
-
NOTE = "NOTE",
|
182
|
-
YES = "YES",
|
183
|
-
FENCE = "FENCE",
|
184
|
-
BUILDING = "BUILDING"
|
185
|
-
}
|
186
|
-
|
187
|
-
interface IFigureLoad {
|
188
|
-
size: FigureSize;
|
189
|
-
type: FigureType;
|
190
|
-
screenReaderText: string;
|
191
|
-
}
|
192
|
-
interface IFigure extends IFigureLoad {
|
193
|
-
context?: FigureContext;
|
194
|
-
}
|
195
|
-
|
196
|
-
declare const Figure: ({ size, type, screenReaderText, context }: IFigure) => react_jsx_runtime.JSX.Element;
|
197
|
-
|
198
|
-
interface AutocompleteI<T> {
|
199
|
-
name: string;
|
200
|
-
debounceTime: number;
|
201
|
-
placeholder?: string;
|
202
|
-
ariaLabel?: string;
|
203
|
-
withIconBefore?: React$1.ReactElement<IIcon>;
|
204
|
-
withIconAfter?: React$1.ReactElement<IIcon>;
|
205
|
-
options: T[];
|
206
|
-
optionDefault?: T;
|
207
|
-
optionToDisplay: (option: T) => React$1.ReactNode;
|
208
|
-
optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
|
209
|
-
optionToInputValue: (option: T) => string;
|
210
|
-
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
211
|
-
onInputChange?: (e: AutocompleteChangeEvent) => void;
|
212
|
-
onBlur?: (e: AutocompleteBlurEvent) => void;
|
213
|
-
onFocus?: (e: AutocompleteFocusEvent) => void;
|
214
|
-
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
215
|
-
}
|
216
|
-
interface AutocompleteInputI<T> {
|
217
|
-
name: string;
|
218
|
-
debounceTime: number;
|
219
|
-
placeholder?: string;
|
220
|
-
ariaLabel?: string;
|
221
|
-
withIconBefore?: React$1.ReactElement<IIcon>;
|
222
|
-
withIconAfter?: React$1.ReactElement<IIcon>;
|
223
|
-
theme: IInputTheme;
|
224
|
-
options: T[];
|
225
|
-
optionToInputValue: (option: T) => string;
|
226
|
-
onInputChange?: (e: AutocompleteChangeEvent) => void;
|
227
|
-
onBlur?: (e: AutocompleteBlurEvent) => void;
|
228
|
-
onFocus?: (e: AutocompleteFocusEvent) => void;
|
229
|
-
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
230
|
-
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
231
|
-
}
|
232
|
-
interface AutocompleteOptionI<T> {
|
233
|
-
label: string;
|
234
|
-
withDetails?: string;
|
235
|
-
withFigure?: React$1.ReactElement<IFigure> | React$1.ReactElement<IIcon>;
|
236
|
-
}
|
237
|
-
interface AutocompleteOptionsI<T> {
|
238
|
-
options: T[];
|
239
|
-
optionDefault?: T;
|
240
|
-
optionToDisplay: (option: T) => React$1.ReactNode;
|
241
|
-
optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
|
242
|
-
optionToInputValue: (option: T) => string;
|
243
|
-
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
244
|
-
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
245
|
-
}
|
246
|
-
interface AutocompleteOptionNavigatedEvent<T> {
|
247
|
-
focussed: T;
|
248
|
-
}
|
249
|
-
interface AutocompleteSelectEvent<T> {
|
250
|
-
input: string;
|
251
|
-
selected: T;
|
252
|
-
}
|
253
|
-
interface AutocompleteChangeEvent {
|
254
|
-
input: string;
|
255
|
-
}
|
256
|
-
interface AutocompleteBlurEvent {
|
257
|
-
input: string;
|
258
|
-
event: React$1.FocusEvent<HTMLInputElement>;
|
259
|
-
}
|
260
|
-
interface AutocompleteFocusEvent {
|
261
|
-
input: string;
|
262
|
-
event: React$1.FocusEvent<HTMLInputElement>;
|
263
|
-
}
|
264
|
-
|
265
|
-
declare const AutocompleteInput: <T>(props: AutocompleteInputI<T> & {
|
266
|
-
ref?: Ref<HTMLInputElement>;
|
267
|
-
}) => JSX.Element;
|
268
|
-
|
269
|
-
declare const AutocompleteOption: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
|
270
|
-
declare const AutocompleteOptionSelected: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
|
271
|
-
|
272
|
-
declare const AutocompleteOptions: <T>(args: AutocompleteOptionsI<T>) => react_jsx_runtime.JSX.Element;
|
273
|
-
|
274
|
-
interface IAutoCompleteBase<T> {
|
275
|
-
options: T[];
|
276
|
-
optionToDisplay: (option: T) => React$1.ReactNode;
|
277
|
-
optionToRawValue: (option: T) => string;
|
278
|
-
defaultValue?: string;
|
279
|
-
onChange?: (e: AutocompleteChangeEvent) => void;
|
280
|
-
onBlur?: (e: AutocompleteBlurEvent) => void;
|
281
|
-
onFocus?: (e: AutocompleteFocusEvent) => void;
|
282
|
-
placeholder?: string;
|
283
|
-
ariaLabel?: string;
|
284
|
-
name: string;
|
285
|
-
withIconBefore?: React$1.ReactElement<IIcon>;
|
286
|
-
withIconAfter?: React$1.ReactElement<IIcon>;
|
287
|
-
debounceTime?: number;
|
288
|
-
}
|
289
|
-
interface IAutoComplete<T> extends IAutoCompleteBase<T> {
|
290
|
-
}
|
291
|
-
|
292
|
-
declare const AutoComplete: <T>(args: IAutoComplete<T>) => react_jsx_runtime.JSX.Element;
|
293
|
-
|
294
|
-
declare enum BadgeType {
|
295
|
-
DAYCARE = "DAYCARE",
|
296
|
-
CHILDMINDER = "CHILDMINDER",
|
297
|
-
COOPERATIVE = "COOPERATIVE"
|
112
|
+
INSTAGRAM = "INSTAGRAM",
|
113
|
+
LOCATION = "LOCATION"
|
298
114
|
}
|
299
115
|
|
300
|
-
interface
|
301
|
-
|
116
|
+
interface IIconLoad {
|
117
|
+
size?: IconSize;
|
118
|
+
type: IconType;
|
302
119
|
screenReaderText: string;
|
303
120
|
}
|
304
|
-
|
305
|
-
|
306
|
-
|
307
|
-
declare enum LogoSize {
|
308
|
-
SMALL = "SMALL",
|
309
|
-
MEDIUM = "MEDIUM"
|
310
|
-
}
|
311
|
-
|
312
|
-
interface ILogoSrc {
|
313
|
-
srcset: string;
|
314
|
-
src: string;
|
315
|
-
}
|
316
|
-
interface ILogoBase {
|
317
|
-
ariaLabel: string;
|
318
|
-
alt: string;
|
319
|
-
size: LogoSize;
|
320
|
-
children?: React$1.ReactNode | React$1.ReactNode[];
|
321
|
-
}
|
322
|
-
interface ILogoLoad extends ILogoBase {
|
323
|
-
srcset?: ILogoSrc;
|
324
|
-
}
|
325
|
-
interface ILogo extends ILogoLoad {
|
326
|
-
}
|
327
|
-
|
328
|
-
interface IBrand {
|
329
|
-
ariaLabel: string;
|
330
|
-
logo: React$1.ReactElement<ILogo>;
|
331
|
-
name: string;
|
332
|
-
}
|
333
|
-
|
334
|
-
declare const Brand: ({ logo, name, ariaLabel }: IBrand) => react_jsx_runtime.JSX.Element;
|
335
|
-
|
336
|
-
declare enum LinkContext {
|
337
|
-
STANDARD = "STANDARD",
|
338
|
-
UI = "UI",
|
339
|
-
BOLD = "BOLD"
|
340
|
-
}
|
341
|
-
declare enum Position {
|
342
|
-
BEFORE = "BEFORE",
|
343
|
-
AFTER = "AFTER"
|
121
|
+
interface IIcon extends IIconLoad {
|
122
|
+
context?: IconContext;
|
344
123
|
}
|
345
124
|
|
346
125
|
interface ILink {
|
@@ -423,6 +202,69 @@ declare enum ChoiceContext {
|
|
423
202
|
ERROR = "ERROR"
|
424
203
|
}
|
425
204
|
|
205
|
+
declare enum FigureContext {
|
206
|
+
STANDARD = "STANDARD",
|
207
|
+
INVERTED = "INVERTED",
|
208
|
+
ACCENT = "ACCENT"
|
209
|
+
}
|
210
|
+
declare enum FigureSize {
|
211
|
+
SMALL = "SMALL",
|
212
|
+
MEDIUM = "MEDIUM",
|
213
|
+
LARGE = "LARGE",
|
214
|
+
XLARGE = "XLARGE"
|
215
|
+
}
|
216
|
+
declare enum FigureType {
|
217
|
+
CHILD = "CHILD",
|
218
|
+
FAMILY = "FAMILY",
|
219
|
+
CALENDAR = "CALENDAR",
|
220
|
+
BIN = "BIN",
|
221
|
+
ALERT = "ALERT",
|
222
|
+
PASSWORD = "PASSWORD",
|
223
|
+
SEARCH = "SEARCH",
|
224
|
+
FOLDER = "FOLDER",
|
225
|
+
PASSPORT = "PASSPORT",
|
226
|
+
SETTING = "SETTING",
|
227
|
+
FACE = "FACE",
|
228
|
+
PIN = "PIN",
|
229
|
+
MONEY = "MONEY",
|
230
|
+
IDEA = "IDEA",
|
231
|
+
OFFER = "OFFER",
|
232
|
+
FAVORITE = "FAVORITE",
|
233
|
+
FOLLOW_UP = "FOLLOW_UP",
|
234
|
+
STAR = "STAR",
|
235
|
+
COINS = "COINS",
|
236
|
+
CHECK = "CHECK",
|
237
|
+
LIKE = "LIKE",
|
238
|
+
MAP = "MAP",
|
239
|
+
ADD = "ADD",
|
240
|
+
APPLICATION = "APPLICATION",
|
241
|
+
BABY = "BABY",
|
242
|
+
BOOKMARK = "BOOKMARK",
|
243
|
+
CONVERSATION = "CONVERSATION",
|
244
|
+
CANCEL = "CANCEL",
|
245
|
+
DAD = "DAD",
|
246
|
+
DATETIME = "DATETIME",
|
247
|
+
FILE = "FILE",
|
248
|
+
HOME = "HOME",
|
249
|
+
INFORMATION = "INFORMATION",
|
250
|
+
MAIL = "MAIL",
|
251
|
+
MOM = "MOM",
|
252
|
+
NO = "NO",
|
253
|
+
NOTE = "NOTE",
|
254
|
+
YES = "YES",
|
255
|
+
FENCE = "FENCE",
|
256
|
+
BUILDING = "BUILDING"
|
257
|
+
}
|
258
|
+
|
259
|
+
interface IFigureLoad {
|
260
|
+
size: FigureSize;
|
261
|
+
type: FigureType;
|
262
|
+
screenReaderText: string;
|
263
|
+
}
|
264
|
+
interface IFigure extends IFigureLoad {
|
265
|
+
context?: FigureContext;
|
266
|
+
}
|
267
|
+
|
426
268
|
interface IChoiceBase {
|
427
269
|
onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
|
428
270
|
value: string;
|
@@ -509,6 +351,52 @@ interface IInformation {
|
|
509
351
|
|
510
352
|
declare const Information: ({ text, frame }: IInformation) => react_jsx_runtime.JSX.Element;
|
511
353
|
|
354
|
+
declare enum InputContext {
|
355
|
+
DISABLED = "DISABLED",
|
356
|
+
ERROR = "ERROR",
|
357
|
+
STANDARD = "STANDARD"
|
358
|
+
}
|
359
|
+
|
360
|
+
interface InputChangeEvent {
|
361
|
+
value: string;
|
362
|
+
event: React$1.ChangeEvent<HTMLInputElement>;
|
363
|
+
}
|
364
|
+
interface InputBlurEvent {
|
365
|
+
value: string;
|
366
|
+
event: React$1.FocusEvent<HTMLInputElement, Element>;
|
367
|
+
}
|
368
|
+
interface InputFocusEvent {
|
369
|
+
value: string;
|
370
|
+
event: React$1.FocusEvent<HTMLInputElement, Element>;
|
371
|
+
}
|
372
|
+
interface IInputBase {
|
373
|
+
defaultValue?: string;
|
374
|
+
onChange?: (e: InputChangeEvent) => void;
|
375
|
+
onBlur?: (e: InputBlurEvent) => void;
|
376
|
+
onFocus?: (e: InputFocusEvent) => void;
|
377
|
+
value?: string;
|
378
|
+
placeholder?: string;
|
379
|
+
ariaLabel?: string;
|
380
|
+
name: string;
|
381
|
+
withIconBefore?: React$1.ReactElement<IIcon>;
|
382
|
+
withIconAfter?: React$1.ReactElement<IIcon>;
|
383
|
+
}
|
384
|
+
interface IInput extends IInputBase {
|
385
|
+
context?: InputContext;
|
386
|
+
}
|
387
|
+
interface InteractiveStyledInputProps {
|
388
|
+
border: string;
|
389
|
+
background: string;
|
390
|
+
color: string;
|
391
|
+
}
|
392
|
+
interface IInputTheme {
|
393
|
+
initial: InteractiveStyledInputProps;
|
394
|
+
hover: InteractiveStyledInputProps;
|
395
|
+
focus: InteractiveStyledInputProps;
|
396
|
+
font: string;
|
397
|
+
radius: string;
|
398
|
+
}
|
399
|
+
|
512
400
|
declare const Input: (args: IInput) => react_jsx_runtime.JSX.Element;
|
513
401
|
|
514
402
|
declare enum ListType {
|
@@ -730,6 +618,98 @@ interface InlineSelectI<T> {
|
|
730
618
|
|
731
619
|
declare const InlineSelect: <T>(args: InlineSelectI<T>) => react_jsx_runtime.JSX.Element;
|
732
620
|
|
621
|
+
declare const Icon: ({ size, type, screenReaderText, context }: IIcon) => react_jsx_runtime.JSX.Element;
|
622
|
+
|
623
|
+
type SetState<T> = React$1.Dispatch<React$1.SetStateAction<T>>;
|
624
|
+
interface AutoCompleteContextType<T> {
|
625
|
+
input: string;
|
626
|
+
setInput: SetState<string>;
|
627
|
+
selected: T | null;
|
628
|
+
setSelected: SetState<T | null>;
|
629
|
+
index: number | null;
|
630
|
+
setIndex: SetState<number | null>;
|
631
|
+
hasFocus: boolean;
|
632
|
+
setHasFocus: SetState<boolean>;
|
633
|
+
}
|
634
|
+
|
635
|
+
declare const Figure: ({ size, type, screenReaderText, context }: IFigure) => react_jsx_runtime.JSX.Element;
|
636
|
+
|
637
|
+
interface AutocompleteI<T> {
|
638
|
+
name: string;
|
639
|
+
debounceTime: number;
|
640
|
+
placeholder?: string;
|
641
|
+
ariaLabel?: string;
|
642
|
+
withIconBefore?: React$1.ReactElement<IIcon>;
|
643
|
+
withIconAfter?: React$1.ReactElement<IIcon>;
|
644
|
+
options: T[];
|
645
|
+
optionDefault?: T;
|
646
|
+
optionToDisplay: (option: T) => React$1.ReactNode;
|
647
|
+
optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
|
648
|
+
optionToInputValue: (option: T) => string;
|
649
|
+
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
650
|
+
onInputChange?: (e: AutocompleteChangeEvent) => void;
|
651
|
+
onBlur?: (e: AutocompleteBlurEvent) => void;
|
652
|
+
onFocus?: (e: AutocompleteFocusEvent) => void;
|
653
|
+
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
654
|
+
}
|
655
|
+
interface AutocompleteInputI<T> {
|
656
|
+
name: string;
|
657
|
+
debounceTime: number;
|
658
|
+
placeholder?: string;
|
659
|
+
ariaLabel?: string;
|
660
|
+
withIconBefore?: React$1.ReactElement<IIcon>;
|
661
|
+
withIconAfter?: React$1.ReactElement<IIcon>;
|
662
|
+
theme: IInputTheme;
|
663
|
+
options: T[];
|
664
|
+
optionToInputValue: (option: T) => string;
|
665
|
+
onInputChange?: (e: AutocompleteChangeEvent) => void;
|
666
|
+
onBlur?: (e: AutocompleteBlurEvent) => void;
|
667
|
+
onFocus?: (e: AutocompleteFocusEvent) => void;
|
668
|
+
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
669
|
+
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
670
|
+
}
|
671
|
+
interface AutocompleteOptionI<T> {
|
672
|
+
label: string;
|
673
|
+
withDetails?: string;
|
674
|
+
withFigure?: React$1.ReactElement<IFigure> | React$1.ReactElement<IIcon>;
|
675
|
+
}
|
676
|
+
interface AutocompleteOptionsI<T> {
|
677
|
+
options: T[];
|
678
|
+
optionDefault?: T;
|
679
|
+
optionToDisplay: (option: T) => React$1.ReactNode;
|
680
|
+
optionToDisplayWhenSelected?: (option: T) => React$1.ReactNode;
|
681
|
+
optionToInputValue: (option: T) => string;
|
682
|
+
onNavigate?: (e: AutocompleteOptionNavigatedEvent<T>) => void;
|
683
|
+
onSelected?: (e: AutocompleteSelectEvent<T>) => void;
|
684
|
+
}
|
685
|
+
interface AutocompleteOptionNavigatedEvent<T> {
|
686
|
+
focussed: T;
|
687
|
+
}
|
688
|
+
interface AutocompleteSelectEvent<T> {
|
689
|
+
input: string;
|
690
|
+
selected: T;
|
691
|
+
}
|
692
|
+
interface AutocompleteChangeEvent {
|
693
|
+
input: string;
|
694
|
+
}
|
695
|
+
interface AutocompleteBlurEvent {
|
696
|
+
input: string;
|
697
|
+
event: React$1.FocusEvent<HTMLInputElement>;
|
698
|
+
}
|
699
|
+
interface AutocompleteFocusEvent {
|
700
|
+
input: string;
|
701
|
+
event: React$1.FocusEvent<HTMLInputElement>;
|
702
|
+
}
|
703
|
+
|
704
|
+
declare const AutocompleteInput: <T>(props: AutocompleteInputI<T> & {
|
705
|
+
ref?: Ref<HTMLInputElement>;
|
706
|
+
}) => JSX.Element;
|
707
|
+
|
708
|
+
declare const AutocompleteOptions: <T>(args: AutocompleteOptionsI<T>) => react_jsx_runtime.JSX.Element;
|
709
|
+
|
710
|
+
declare const AutocompleteOption: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
|
711
|
+
declare const AutocompleteOptionSelected: <T>(args: AutocompleteOptionI<T>) => react_jsx_runtime.JSX.Element;
|
712
|
+
|
733
713
|
interface LocationI<T, R> {
|
734
714
|
name: string;
|
735
715
|
placeholder?: string;
|
@@ -1071,18 +1051,20 @@ declare const WizardControls: ({ next, back }: IWizardControls) => react_jsx_run
|
|
1071
1051
|
|
1072
1052
|
declare const Wizard: ({ children }: IWizard) => react_jsx_runtime.JSX.Element;
|
1073
1053
|
|
1074
|
-
interface
|
1075
|
-
mobileLabel: string;
|
1054
|
+
interface ISearchBase {
|
1076
1055
|
children: ReactElement<ISearchStep> | ReactElement<ISearchStep>[];
|
1077
1056
|
}
|
1078
|
-
interface
|
1079
|
-
|
1057
|
+
interface ISearch extends ISearchBase {
|
1058
|
+
mobileLabel: string;
|
1080
1059
|
}
|
1081
1060
|
interface ISearchStep {
|
1082
1061
|
label: string;
|
1083
1062
|
flyout: ReactElement;
|
1084
1063
|
withFigure: ReactElement<IFigure>;
|
1085
1064
|
}
|
1065
|
+
interface ISearchAutocomplete<T> {
|
1066
|
+
children: ReactElement<ISearchStepAutocomplete<T>>;
|
1067
|
+
}
|
1086
1068
|
interface ISearchStepAutocomplete<T> extends AutocompleteI<T> {
|
1087
1069
|
withFigure: ReactElement<IFigure>;
|
1088
1070
|
label: string;
|
@@ -1106,7 +1088,7 @@ declare const SearchStep: (props: ISearchStep) => null;
|
|
1106
1088
|
declare const SearchAutocompleteStep: (props: ISearchStepAutocomplete<any>) => null;
|
1107
1089
|
|
1108
1090
|
declare const Search: (props: ISearch) => react_jsx_runtime.JSX.Element;
|
1109
|
-
declare const SearchAutocomplete: (props: ISearchAutocomplete) => react_jsx_runtime.JSX.Element;
|
1091
|
+
declare const SearchAutocomplete: <T>(props: ISearchAutocomplete<T>) => react_jsx_runtime.JSX.Element;
|
1110
1092
|
|
1111
1093
|
interface IFlyoutArrangementSplit {
|
1112
1094
|
top?: React$1.ReactElement;
|
@@ -1169,6 +1151,13 @@ declare const OnboardingArrangementIntroduction: (props: IOnboardingArrangementI
|
|
1169
1151
|
declare const OnboardingArrangementStep: (props: IOnboardingArrangementStep) => react_jsx_runtime.JSX.Element;
|
1170
1152
|
declare const OnboardingArrangementInformation: (props: IOnboardingArrangementInformation) => react_jsx_runtime.JSX.Element;
|
1171
1153
|
|
1154
|
+
interface ISearchSectionFilters {
|
1155
|
+
primary: React$1.ReactElement;
|
1156
|
+
secondary: React$1.ReactElement | false;
|
1157
|
+
}
|
1158
|
+
|
1159
|
+
declare const SearchSectionFilters: (props: ISearchSectionFilters) => react_jsx_runtime.JSX.Element;
|
1160
|
+
|
1172
1161
|
declare enum AccordeonContext {
|
1173
1162
|
OPEN = "OPEN",
|
1174
1163
|
CLOSED = "CLOSED"
|
@@ -1492,4 +1481,4 @@ declare const InlineSelectLabelAsOptionSelected: <T>(args: InlineSelectOptionI)
|
|
1492
1481
|
declare const InlineSelectIconAsOption: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
|
1493
1482
|
declare const InlineSelectIconAsOptionSelected: <T>(args: InlineSelectOptionIconI) => react_jsx_runtime.JSX.Element;
|
1494
1483
|
|
1495
|
-
export { Accordeon, AccordeonContext,
|
1484
|
+
export { Accordeon, AccordeonContext, type AutoCompleteContextType, type AutocompleteBlurEvent, type AutocompleteChangeEvent, type AutocompleteFocusEvent, type AutocompleteI, AutocompleteInput, type AutocompleteInputI, AutocompleteOption, type AutocompleteOptionNavigatedEvent, AutocompleteOptionSelected, AutocompleteOptions, type AutocompleteOptionsI, type AutocompleteSelectEvent, Backdrop, BackdropContext, BackdropProvider, Badge, BadgeType, BigChoice, BigPick, Blur, BlurContext, BlurProvider, Brand, Breadcrumb, Button, ButtonContext, ButtonType, Checkbox, CheckboxContext, Choice, ChoiceContext, Close, type CloseI, Collapsable, Collapse, CompactNavigation, CompactNavigationContext, Contained, Container, ContainerType, Details, Drawer, DrawerContext, DrawerProvider, DrawerSize, Expand, Faq, Feature, Features, Figure, FigureContext, FigureSize, FigureType, FlyoutArrangementFull, FlyoutArrangementSplit, FlyoutHeading, Frame, GoogleAPIProvider, type GoogleAPIProviderProps, GoogleApiRoutesDirectionRendererContext, GoogleApiRoutesDirectionRendererProvider, Grid, type GridItemProps, type GridProps, Header, HeaderContext, Heading, type HeadingArrangementI, HomeSectionCards, HomeSectionFaq, HtmlHeading, type IAccordeon, type IBackdrop, type IBackdropProvider, type IBadge, type IBigChoice, type IBigPick, type IBlur, type IBlurProvider, type IBrand, type IBreadcrumb, type IButton, type ICheckbox, type IChoice, type ICollapsable, type ICollapse, type ICompactNavigation, type IContained, type IContainer, type IDetails, type IDrawer, type IDrawerProvider, type IExpand, type IFaq, type IFeature, type IFeatures, type IFigure, type IFlyoutArrangementFull, type IFlyoutArrangementSplit, type IFrame, type IHeader, type IHeading, type IHomeSectionCards, type IHomeSectionFaq, type IIcon, type IInfoCard, type IInformation, type IInput, type IInstruction, type ILink, type IList, type ILogo, type IMap, type IMargin, type IMarginCssItem, type IMarginItem, type IMaskedImage, type IModal, type IModalProvider, type INavigation, type INavigationItem, type INotification, type IOnboarding, type IOnboardingArrangementInformation, type IOnboardingArrangementIntroduction, type IOnboardingArrangementStep, type IOverlay, type IOverlayProvider, type IPadding, type IPaddingCssItem, type IPaddingItem, type IPick, type IPill, type IPin, type IPlainText, type IProfileNavigation, type IRadio, type IRecord, type IRecords, type IRouteLocation, type ISearch, type ISearchAutocomplete, type ISearchProvider, type ISearchSectionFilters, type ISearchStep, type ISearchStepAutocomplete, type IStatus, type IStatusList, type ISurface, type ITerm, type ITerminal, type ITopNavigation, type ITopNavigationItemBase, type IWave, type IWizard, type IWizardControls, type IWizardProvider, type IWizardStep, type IWizardStepProvider, type IYesNo, Icon, IconContext, IconSize, IconType, InfoCard, Information, InlineSelect, type InlineSelectI, InlineSelectIconAsOption, InlineSelectIconAsOptionSelected, InlineSelectLabelAsOption, InlineSelectLabelAsOptionSelected, type InlineSelectOptionI, Input, InputContext, Instruction, ItemType, Link, LinkContext, List, ListType, Location, type LocationI, Logo, LogoSize, Map, Margin, MaskType, MaskedImage, Modal, ModalContext, ModalProvider, Navigation, Notification, Onboarding, OnboardingArrangementInformation, OnboardingArrangementIntroduction, OnboardingArrangementStep, OnboardingHeading, Overlay, OverlayContext, OverlayHeading, OverlayProvider, Padding, Pick, PickContext, Pill, Pin, PinType, PlainText, Position, ProcessingContext, type ProcessingContextType, ProcessingProvider, ProfileNavigation, type ProfileNavigationItemThemeableProps, type ProfileNavigationThemeableProps, type PropsForThemeModeProvider, Radio, RadioContext, Record, Records, Route, type RouteI, RouteLocation, Search, SearchAutocomplete, SearchAutocompleteStep, SearchContext, SearchProvider, SearchSectionFilters, SearchStep, type SelectBlurEvent, type SelectChangeEvent, type SelectFocusEvent, Status, StatusCompact, StatusContext, StatusList, Surface, Switch, type SwitchI, type SwitchItemContentI, type SwitchItemI, Term, Terminal, TextDecoration, ThemeModeContext, ThemeModeProvider, TopNavigation, Wave, WavePosition, WaveType, Wizard, WizardContext, WizardControls, WizardProvider, WizardStep, WizardStepContext, WizardStepProvider, YesNo, YesNoContext, useIsProcessing };
|