@descope/flow-components 3.9.0 → 3.9.2
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/fm/222.js +1 -1
- package/dist/fm/222.js.map +1 -1
- package/dist/fm/467.js +1 -1
- package/dist/fm/467.js.map +1 -1
- package/dist/fm/741.js +2 -0
- package/dist/fm/741.js.map +1 -0
- package/dist/fm/985.js +1 -1
- package/dist/fm/985.js.map +1 -1
- package/dist/fm/@mf-types/compiled-types/MultiLineMappings/MultiLineMappings.d.ts +31 -0
- package/dist/fm/@mf-types/compiled-types/MultiLineMappings/index.d.ts +1 -0
- package/dist/fm/@mf-types/compiled-types/componentClasses.d.ts +1 -0
- package/dist/fm/@mf-types/compiled-types/components.d.ts +1 -0
- package/dist/fm/__federation_expose_componentClasses.js +1 -1
- package/dist/fm/__federation_expose_componentClasses.js.map +1 -1
- package/dist/fm/__federation_expose_components.js +1 -1
- package/dist/fm/__federation_expose_theme.js +1 -1
- package/dist/fm/__federation_expose_theme.js.map +1 -1
- package/dist/fm/flowComponents.js +1 -1
- package/dist/fm/flowComponents.js.map +1 -1
- package/dist/fm/main.js +1 -1
- package/dist/fm/main.js.map +1 -1
- package/dist/fm/mf-manifest.json +2 -2
- package/dist/fm/mf-stats.json +2 -2
- package/dist/index.cjs.js +50 -0
- package/dist/index.d.ts +105 -74
- package/dist/index.esm.js +19 -2
- package/dist/types/MultiLineMappings/MultiLineMappings.d.ts +31 -0
- package/dist/types/MultiLineMappings/index.d.ts +1 -0
- package/dist/types/componentClasses.d.ts +1 -0
- package/dist/types/components.d.ts +1 -0
- package/package.json +2 -2
- package/dist/fm/477.js +0 -2
- package/dist/fm/477.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -43,6 +43,7 @@ declare const NotificationClass: ComponentClass;
|
|
|
43
43
|
declare const GridClass: ComponentClass;
|
|
44
44
|
declare const BadgeClass: ComponentClass;
|
|
45
45
|
declare const MultiSelectComboBoxClass: ComponentClass;
|
|
46
|
+
declare const MultiLineMappingsClass: ComponentClass;
|
|
46
47
|
declare const AvatarClass: ComponentClass;
|
|
47
48
|
declare const UserAttributeClass: ComponentClass;
|
|
48
49
|
declare const UserAuthMethodClass: ComponentClass;
|
|
@@ -126,11 +127,11 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "r
|
|
|
126
127
|
type BooleanType = {
|
|
127
128
|
type: 'switch' | 'checkbox';
|
|
128
129
|
};
|
|
129
|
-
type Props$
|
|
130
|
-
declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$
|
|
130
|
+
type Props$Q = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
|
|
131
|
+
declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$Q, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
131
132
|
|
|
132
133
|
type TooltipPosition = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'start' | 'start-top' | 'start-bottom' | 'end' | 'end-top' | 'end-bottom';
|
|
133
|
-
type Props$
|
|
134
|
+
type Props$P = {
|
|
134
135
|
text?: string;
|
|
135
136
|
position?: TooltipPosition;
|
|
136
137
|
hoverDelay?: number;
|
|
@@ -148,11 +149,11 @@ declare module 'react' {
|
|
|
148
149
|
declare global {
|
|
149
150
|
namespace React.JSX {
|
|
150
151
|
interface IntrinsicElements {
|
|
151
|
-
'descope-tooltip': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
152
|
+
'descope-tooltip': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$P;
|
|
152
153
|
}
|
|
153
154
|
}
|
|
154
155
|
}
|
|
155
|
-
declare const Tooltip: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement, unknown> & Props$
|
|
156
|
+
declare const Tooltip: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement, unknown> & Props$P & React.RefAttributes<HTMLElement>>;
|
|
156
157
|
|
|
157
158
|
interface ITooltip {
|
|
158
159
|
hasTooltip?: boolean;
|
|
@@ -189,17 +190,17 @@ declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes
|
|
|
189
190
|
'data-name'?: string;
|
|
190
191
|
} & ITooltip, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
191
192
|
|
|
192
|
-
type Props$
|
|
193
|
+
type Props$O = {
|
|
193
194
|
digits?: number;
|
|
194
195
|
};
|
|
195
196
|
declare global {
|
|
196
197
|
namespace React.JSX {
|
|
197
198
|
interface IntrinsicElements {
|
|
198
|
-
'descope-passcode': DescopeInputProps & Props$
|
|
199
|
+
'descope-passcode': DescopeInputProps & Props$O;
|
|
199
200
|
}
|
|
200
201
|
}
|
|
201
202
|
}
|
|
202
|
-
declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$
|
|
203
|
+
declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$O, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
203
204
|
|
|
204
205
|
type Never$1<T extends Record<string, any>> = {
|
|
205
206
|
[K in keyof T]: never;
|
|
@@ -215,7 +216,7 @@ type ContainerAlignment$1 = {
|
|
|
215
216
|
'vertical-alignment'?: FlexAlignment;
|
|
216
217
|
'space-between'?: 'sm' | 'md' | 'lg';
|
|
217
218
|
};
|
|
218
|
-
type Props$
|
|
219
|
+
type Props$N = {
|
|
219
220
|
direction?: 'row' | 'column';
|
|
220
221
|
shadow?: 'md' | 'lg' | 'xl' | '2xl';
|
|
221
222
|
borderRadius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
@@ -233,9 +234,9 @@ declare global {
|
|
|
233
234
|
}
|
|
234
235
|
}
|
|
235
236
|
}
|
|
236
|
-
declare const Container$1: React.ForwardRefExoticComponent<(Props$
|
|
237
|
+
declare const Container$1: React.ForwardRefExoticComponent<(Props$N & React.HTMLAttributes<HTMLDivElement, unknown>) & React.RefAttributes<HTMLDivElement>>;
|
|
237
238
|
|
|
238
|
-
type Props$
|
|
239
|
+
type Props$M = {
|
|
239
240
|
vertical?: boolean;
|
|
240
241
|
italic?: boolean;
|
|
241
242
|
variant?: TypographyVariants;
|
|
@@ -245,15 +246,15 @@ type Props$L = {
|
|
|
245
246
|
declare global {
|
|
246
247
|
namespace React.JSX {
|
|
247
248
|
interface IntrinsicElements {
|
|
248
|
-
'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$
|
|
249
|
+
'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$M, 'children'>;
|
|
249
250
|
}
|
|
250
251
|
}
|
|
251
252
|
}
|
|
252
|
-
declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement, unknown>, HTMLDivElement>, "size"> & Props$
|
|
253
|
+
declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement, unknown>, HTMLDivElement>, "size"> & Props$M, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
253
254
|
|
|
254
255
|
declare const ReactComponent: (props: SVGProps) => React.JSX.Element;
|
|
255
256
|
|
|
256
|
-
type Props$
|
|
257
|
+
type Props$L = {
|
|
257
258
|
width?: string;
|
|
258
259
|
height?: string;
|
|
259
260
|
alt?: string;
|
|
@@ -263,7 +264,7 @@ type Props$K = {
|
|
|
263
264
|
declare global {
|
|
264
265
|
namespace React.JSX {
|
|
265
266
|
interface IntrinsicElements {
|
|
266
|
-
'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
267
|
+
'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$L;
|
|
267
268
|
}
|
|
268
269
|
}
|
|
269
270
|
}
|
|
@@ -277,7 +278,7 @@ declare const Image: React.ForwardRefExoticComponent<{
|
|
|
277
278
|
|
|
278
279
|
declare const Input: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
279
280
|
|
|
280
|
-
type Props$
|
|
281
|
+
type Props$K = {
|
|
281
282
|
href?: string | undefined;
|
|
282
283
|
italic?: boolean;
|
|
283
284
|
variant?: TypographyVariants;
|
|
@@ -289,7 +290,7 @@ type Props$J = {
|
|
|
289
290
|
declare global {
|
|
290
291
|
namespace React.JSX {
|
|
291
292
|
interface IntrinsicElements {
|
|
292
|
-
'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$
|
|
293
|
+
'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$K, 'children'>;
|
|
293
294
|
}
|
|
294
295
|
}
|
|
295
296
|
}
|
|
@@ -303,12 +304,12 @@ declare const Link: React.ForwardRefExoticComponent<{
|
|
|
303
304
|
children?: React.ReactNode;
|
|
304
305
|
} & ITooltip & React.RefAttributes<HTMLAnchorElement>>;
|
|
305
306
|
|
|
306
|
-
type Props$
|
|
307
|
+
type Props$J = {
|
|
307
308
|
variant?: 'linear' | 'radial';
|
|
308
309
|
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
309
310
|
color?: Mode;
|
|
310
311
|
};
|
|
311
|
-
type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$
|
|
312
|
+
type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$J>;
|
|
312
313
|
declare global {
|
|
313
314
|
namespace React.JSX {
|
|
314
315
|
interface IntrinsicElements {
|
|
@@ -317,22 +318,22 @@ declare global {
|
|
|
317
318
|
}
|
|
318
319
|
}
|
|
319
320
|
}
|
|
320
|
-
declare const Loader: React.ForwardRefExoticComponent<Props$
|
|
321
|
+
declare const Loader: React.ForwardRefExoticComponent<Props$J & React.RefAttributes<HTMLDivElement>>;
|
|
321
322
|
|
|
322
|
-
type Props$
|
|
323
|
+
type Props$I = {
|
|
323
324
|
width?: string;
|
|
324
325
|
height?: string;
|
|
325
326
|
};
|
|
326
327
|
declare global {
|
|
327
328
|
namespace React.JSX {
|
|
328
329
|
interface IntrinsicElements {
|
|
329
|
-
'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$
|
|
330
|
+
'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$I>;
|
|
330
331
|
}
|
|
331
332
|
}
|
|
332
333
|
}
|
|
333
|
-
declare const Logo: React.ForwardRefExoticComponent<Props$
|
|
334
|
+
declare const Logo: React.ForwardRefExoticComponent<Props$I & React.RefAttributes<HTMLDivElement>>;
|
|
334
335
|
|
|
335
|
-
type Props$
|
|
336
|
+
type Props$H = {
|
|
336
337
|
'password-label'?: string;
|
|
337
338
|
'password-placeholder'?: string;
|
|
338
339
|
'confirm-label'?: string;
|
|
@@ -361,11 +362,11 @@ type Props$G = {
|
|
|
361
362
|
declare global {
|
|
362
363
|
namespace React.JSX {
|
|
363
364
|
interface IntrinsicElements {
|
|
364
|
-
'descope-new-password': DescopeInputProps & Props$
|
|
365
|
+
'descope-new-password': DescopeInputProps & Props$H;
|
|
365
366
|
}
|
|
366
367
|
}
|
|
367
368
|
}
|
|
368
|
-
declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$
|
|
369
|
+
declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$H, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
369
370
|
|
|
370
371
|
declare global {
|
|
371
372
|
namespace React.JSX {
|
|
@@ -385,7 +386,7 @@ declare global {
|
|
|
385
386
|
}
|
|
386
387
|
declare const Password: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
387
388
|
|
|
388
|
-
type Props$
|
|
389
|
+
type Props$G = {
|
|
389
390
|
variant: 'countrySelection' | 'inputBox';
|
|
390
391
|
'default-code'?: string;
|
|
391
392
|
'phone-input-placeholder'?: string;
|
|
@@ -394,9 +395,9 @@ type Props$F = {
|
|
|
394
395
|
'format-value'?: boolean;
|
|
395
396
|
'strict-validation'?: boolean;
|
|
396
397
|
} & DescopeInputProps;
|
|
397
|
-
declare const Phone: React.ForwardRefExoticComponent<Omit<Props$
|
|
398
|
+
declare const Phone: React.ForwardRefExoticComponent<Omit<Props$G, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
398
399
|
|
|
399
|
-
type Props$
|
|
400
|
+
type Props$F = {
|
|
400
401
|
children?: React.JSX.Element[];
|
|
401
402
|
data?: string | Record<string, string>[];
|
|
402
403
|
};
|
|
@@ -409,9 +410,9 @@ declare global {
|
|
|
409
410
|
}
|
|
410
411
|
}
|
|
411
412
|
}
|
|
412
|
-
declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$
|
|
413
|
+
declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$F, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
413
414
|
|
|
414
|
-
type Props$
|
|
415
|
+
type Props$E = {
|
|
415
416
|
italic?: boolean;
|
|
416
417
|
variant?: string;
|
|
417
418
|
mode?: string;
|
|
@@ -423,8 +424,8 @@ type Props$D = {
|
|
|
423
424
|
declare global {
|
|
424
425
|
namespace React.JSX {
|
|
425
426
|
interface IntrinsicElements {
|
|
426
|
-
'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
427
|
-
'descope-enriched-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
427
|
+
'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$E;
|
|
428
|
+
'descope-enriched-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$E & {
|
|
428
429
|
readonly?: boolean;
|
|
429
430
|
};
|
|
430
431
|
}
|
|
@@ -460,7 +461,7 @@ declare global {
|
|
|
460
461
|
}
|
|
461
462
|
declare const TextField: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
462
463
|
|
|
463
|
-
type Props$
|
|
464
|
+
type Props$D = {
|
|
464
465
|
width?: string;
|
|
465
466
|
height?: string;
|
|
466
467
|
component?: 'code' | 'text';
|
|
@@ -473,7 +474,7 @@ type Props$C = {
|
|
|
473
474
|
declare global {
|
|
474
475
|
namespace React.JSX {
|
|
475
476
|
interface IntrinsicElements {
|
|
476
|
-
'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$
|
|
477
|
+
'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$D>;
|
|
477
478
|
}
|
|
478
479
|
}
|
|
479
480
|
}
|
|
@@ -488,26 +489,26 @@ declare const TOTPImage: React.ForwardRefExoticComponent<{
|
|
|
488
489
|
'hide-when-empty'?: boolean;
|
|
489
490
|
} & ITooltip & React.RefAttributes<HTMLDivElement>>;
|
|
490
491
|
|
|
491
|
-
type Props$
|
|
492
|
-
declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$
|
|
492
|
+
type Props$C = Omit<React.ComponentProps<typeof Link>, 'href'>;
|
|
493
|
+
declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$C, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
493
494
|
|
|
494
|
-
type Props$
|
|
495
|
+
type Props$B = {
|
|
495
496
|
width?: string;
|
|
496
497
|
height?: string;
|
|
497
498
|
};
|
|
498
499
|
declare global {
|
|
499
500
|
namespace React.JSX {
|
|
500
501
|
interface IntrinsicElements {
|
|
501
|
-
'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$
|
|
502
|
+
'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$B>;
|
|
502
503
|
}
|
|
503
504
|
}
|
|
504
505
|
}
|
|
505
|
-
declare const NOTPImage: React.ForwardRefExoticComponent<Props$
|
|
506
|
+
declare const NOTPImage: React.ForwardRefExoticComponent<Props$B & React.RefAttributes<HTMLDivElement>>;
|
|
506
507
|
|
|
507
|
-
type Props$
|
|
508
|
-
declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$
|
|
508
|
+
type Props$A = Omit<React.ComponentProps<typeof Link>, 'href'>;
|
|
509
|
+
declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$A, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
509
510
|
|
|
510
|
-
type Props$
|
|
511
|
+
type Props$z = {
|
|
511
512
|
title?: string;
|
|
512
513
|
description?: string;
|
|
513
514
|
icon?: string;
|
|
@@ -526,13 +527,13 @@ type Props$y = {
|
|
|
526
527
|
declare global {
|
|
527
528
|
namespace React.JSX {
|
|
528
529
|
interface IntrinsicElements {
|
|
529
|
-
'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
530
|
+
'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$z;
|
|
530
531
|
}
|
|
531
532
|
}
|
|
532
533
|
}
|
|
533
|
-
declare const UploadFile: React.ForwardRefExoticComponent<Props$
|
|
534
|
+
declare const UploadFile: React.ForwardRefExoticComponent<Props$z & React.HTMLAttributes<HTMLDivElement, unknown> & React.RefAttributes<HTMLDivElement>>;
|
|
534
535
|
|
|
535
|
-
type Props$
|
|
536
|
+
type Props$y = {
|
|
536
537
|
enabled?: boolean;
|
|
537
538
|
'site-key'?: string;
|
|
538
539
|
enterprise?: boolean;
|
|
@@ -551,13 +552,13 @@ declare global {
|
|
|
551
552
|
}
|
|
552
553
|
namespace React.JSX {
|
|
553
554
|
interface IntrinsicElements {
|
|
554
|
-
'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement, any>, HTMLElement> & Props$
|
|
555
|
+
'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement, any>, HTMLElement> & Props$y;
|
|
555
556
|
}
|
|
556
557
|
}
|
|
557
558
|
}
|
|
558
|
-
declare const Recaptcha: React.ForwardRefExoticComponent<Props$
|
|
559
|
+
declare const Recaptcha: React.ForwardRefExoticComponent<Props$y & React.HTMLAttributes<HTMLDivElement, any> & React.RefAttributes<HTMLDivElement>>;
|
|
559
560
|
|
|
560
|
-
type Props$
|
|
561
|
+
type Props$x = {
|
|
561
562
|
connector?: string;
|
|
562
563
|
enterprise?: boolean;
|
|
563
564
|
action?: string;
|
|
@@ -572,16 +573,16 @@ type Props$w = {
|
|
|
572
573
|
width?: string;
|
|
573
574
|
height?: string;
|
|
574
575
|
};
|
|
575
|
-
declare const RecaptchaV2: React.ForwardRefExoticComponent<Props$
|
|
576
|
+
declare const RecaptchaV2: React.ForwardRefExoticComponent<Props$x & React.HTMLAttributes<HTMLDivElement, any> & React.RefAttributes<HTMLDivElement>>;
|
|
576
577
|
|
|
577
|
-
type Props$
|
|
578
|
+
type Props$w = DescopeInputProps & {
|
|
578
579
|
'default-value'?: string;
|
|
579
580
|
'allow-deselect'?: boolean;
|
|
580
581
|
};
|
|
581
582
|
declare global {
|
|
582
583
|
namespace React.JSX {
|
|
583
584
|
interface IntrinsicElements {
|
|
584
|
-
'descope-button-selection-group': Props$
|
|
585
|
+
'descope-button-selection-group': Props$w;
|
|
585
586
|
'descope-button-selection-group-item': React.JSX.IntrinsicElements['span'] & {
|
|
586
587
|
value: string;
|
|
587
588
|
children: string;
|
|
@@ -607,10 +608,10 @@ type SingleSelectType = {
|
|
|
607
608
|
layout?: 'horizontal' | 'vertical';
|
|
608
609
|
'label-type'?: LabelType;
|
|
609
610
|
};
|
|
610
|
-
type Props$
|
|
611
|
-
declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$
|
|
611
|
+
type Props$v = Omit<React.ComponentProps<typeof ButtonSelectionGroup>, 'allow-deselect'> & SingleSelectType;
|
|
612
|
+
declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$v, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
612
613
|
|
|
613
|
-
type Props$
|
|
614
|
+
type Props$u = DescopeInputProps & {
|
|
614
615
|
'default-value'?: string;
|
|
615
616
|
'item-label-path'?: string;
|
|
616
617
|
'item-value-path'?: string;
|
|
@@ -618,7 +619,7 @@ type Props$t = DescopeInputProps & {
|
|
|
618
619
|
declare global {
|
|
619
620
|
namespace React.JSX {
|
|
620
621
|
interface IntrinsicElements {
|
|
621
|
-
'descope-combobox': Props$
|
|
622
|
+
'descope-combobox': Props$u;
|
|
622
623
|
}
|
|
623
624
|
}
|
|
624
625
|
}
|
|
@@ -640,7 +641,7 @@ type Column = {
|
|
|
640
641
|
resizable: boolean;
|
|
641
642
|
};
|
|
642
643
|
};
|
|
643
|
-
type Props$
|
|
644
|
+
type Props$t = {
|
|
644
645
|
identifier: any;
|
|
645
646
|
children?: React.JSX.Element[];
|
|
646
647
|
size?: Omit<ComponentSize, 'xl'>;
|
|
@@ -656,7 +657,7 @@ declare global {
|
|
|
656
657
|
}
|
|
657
658
|
}
|
|
658
659
|
}
|
|
659
|
-
declare const Grid: React.ForwardRefExoticComponent<Props$
|
|
660
|
+
declare const Grid: React.ForwardRefExoticComponent<Props$t & React.RefAttributes<HTMLInputElement>>;
|
|
660
661
|
|
|
661
662
|
type ColumnProps = {
|
|
662
663
|
sortable?: boolean;
|
|
@@ -677,7 +678,7 @@ declare const GridTextColumn: React.ForwardRefExoticComponent<ColumnProps & Reac
|
|
|
677
678
|
|
|
678
679
|
declare const GridItemDetailsColumn: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLInputElement>>;
|
|
679
680
|
|
|
680
|
-
type Props$
|
|
681
|
+
type Props$s = {
|
|
681
682
|
mode?: string;
|
|
682
683
|
size?: string;
|
|
683
684
|
bordered?: boolean;
|
|
@@ -688,11 +689,11 @@ type Props$r = {
|
|
|
688
689
|
declare global {
|
|
689
690
|
namespace React.JSX {
|
|
690
691
|
interface IntrinsicElements {
|
|
691
|
-
'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$
|
|
692
|
+
'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$s;
|
|
692
693
|
}
|
|
693
694
|
}
|
|
694
695
|
}
|
|
695
|
-
declare const Badge: React.ForwardRefExoticComponent<Props$
|
|
696
|
+
declare const Badge: React.ForwardRefExoticComponent<Props$s & React.HTMLAttributes<HTMLElement, unknown> & React.RefAttributes<HTMLElement>>;
|
|
696
697
|
|
|
697
698
|
declare global {
|
|
698
699
|
namespace React.JSX {
|
|
@@ -701,12 +702,12 @@ declare global {
|
|
|
701
702
|
}
|
|
702
703
|
}
|
|
703
704
|
}
|
|
704
|
-
type Props$
|
|
705
|
+
type Props$r = {
|
|
705
706
|
opened?: boolean;
|
|
706
707
|
};
|
|
707
|
-
declare const Modal: React.ForwardRefExoticComponent<Props$
|
|
708
|
+
declare const Modal: React.ForwardRefExoticComponent<Props$r & React.RefAttributes<HTMLDivElement>>;
|
|
708
709
|
|
|
709
|
-
type Props$
|
|
710
|
+
type Props$q = DescopeInputProps & {
|
|
710
711
|
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
711
712
|
'min-items-selection'?: number;
|
|
712
713
|
'max-items-selection'?: number;
|
|
@@ -714,7 +715,7 @@ type Props$p = DescopeInputProps & {
|
|
|
714
715
|
declare global {
|
|
715
716
|
namespace React.JSX {
|
|
716
717
|
interface IntrinsicElements {
|
|
717
|
-
'descope-button-multi-selection-group': Props$
|
|
718
|
+
'descope-button-multi-selection-group': Props$q & {
|
|
718
719
|
'default-values'?: string;
|
|
719
720
|
};
|
|
720
721
|
'descope-button-selection-group-item': React.JSX.IntrinsicElements['span'] & {
|
|
@@ -741,16 +742,16 @@ type MultiSelectType = {
|
|
|
741
742
|
'max-items-selection'?: number;
|
|
742
743
|
'label-type'?: string;
|
|
743
744
|
};
|
|
744
|
-
type Props$
|
|
745
|
+
type Props$p = Omit<React.ComponentProps<typeof ButtonMultiSelectionGroup>, 'default-values'> & MultiSelectType & {
|
|
745
746
|
'default-values'?: string[];
|
|
746
747
|
};
|
|
747
|
-
declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$
|
|
748
|
+
declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$p, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
748
749
|
|
|
749
750
|
type Item$3 = {
|
|
750
751
|
label: string;
|
|
751
752
|
value: string;
|
|
752
753
|
};
|
|
753
|
-
type Props$
|
|
754
|
+
type Props$o = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
|
|
754
755
|
'label-value'?: string;
|
|
755
756
|
'label-attr'?: string;
|
|
756
757
|
'button-label'?: string;
|
|
@@ -762,20 +763,20 @@ type Props$n = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'h
|
|
|
762
763
|
declare global {
|
|
763
764
|
namespace React.JSX {
|
|
764
765
|
interface IntrinsicElements {
|
|
765
|
-
'descope-mappings-field': Omit<Props$
|
|
766
|
+
'descope-mappings-field': Omit<Props$o, 'default-values' | 'options'> & {
|
|
766
767
|
'default-values'?: string;
|
|
767
768
|
options?: string;
|
|
768
769
|
};
|
|
769
770
|
}
|
|
770
771
|
}
|
|
771
772
|
}
|
|
772
|
-
declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props$
|
|
773
|
+
declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props$o, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
773
774
|
|
|
774
775
|
type Item$2 = {
|
|
775
776
|
label: string;
|
|
776
777
|
value: string;
|
|
777
778
|
};
|
|
778
|
-
type Props$
|
|
779
|
+
type Props$n = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
|
|
779
780
|
'label-value'?: string;
|
|
780
781
|
'label-attr'?: string;
|
|
781
782
|
'label-group'?: string;
|
|
@@ -787,13 +788,43 @@ type Props$m = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'h
|
|
|
787
788
|
declare global {
|
|
788
789
|
namespace React.JSX {
|
|
789
790
|
interface IntrinsicElements {
|
|
790
|
-
'descope-saml-group-mappings': Omit<Props$
|
|
791
|
+
'descope-saml-group-mappings': Omit<Props$n, 'options'> & {
|
|
791
792
|
options?: string;
|
|
792
793
|
};
|
|
793
794
|
}
|
|
794
795
|
}
|
|
795
796
|
}
|
|
796
|
-
declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props$
|
|
797
|
+
declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props$n, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
798
|
+
|
|
799
|
+
type DataEntry = string[] | {
|
|
800
|
+
label?: string;
|
|
801
|
+
options?: string[];
|
|
802
|
+
};
|
|
803
|
+
type Props$m = {
|
|
804
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
805
|
+
disabled?: boolean;
|
|
806
|
+
readonly?: boolean;
|
|
807
|
+
'full-width'?: boolean;
|
|
808
|
+
'max-rows'?: number;
|
|
809
|
+
'first-label'?: string;
|
|
810
|
+
'second-label'?: string;
|
|
811
|
+
'first-placeholder'?: string;
|
|
812
|
+
'second-placeholder'?: string;
|
|
813
|
+
'first-value-key'?: string;
|
|
814
|
+
'second-value-key'?: string;
|
|
815
|
+
'merge-rows'?: boolean;
|
|
816
|
+
data?: Record<string, DataEntry>;
|
|
817
|
+
};
|
|
818
|
+
declare global {
|
|
819
|
+
namespace React.JSX {
|
|
820
|
+
interface IntrinsicElements {
|
|
821
|
+
'descope-multi-line-mappings': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Omit<Props$m, 'data'> & {
|
|
822
|
+
data?: string;
|
|
823
|
+
};
|
|
824
|
+
}
|
|
825
|
+
}
|
|
826
|
+
}
|
|
827
|
+
declare const MultiLineMappings: React.ForwardRefExoticComponent<Props$m & React.RefAttributes<HTMLElement>>;
|
|
797
828
|
|
|
798
829
|
declare global {
|
|
799
830
|
namespace React.JSX {
|
|
@@ -1386,5 +1417,5 @@ type Theme = {
|
|
|
1386
1417
|
};
|
|
1387
1418
|
};
|
|
1388
1419
|
|
|
1389
|
-
export { AddressField, AddressFieldClass, Alert, AlertClass, AppsList, AppsListClass, Attachment, AttachmentClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, Container as CollapsibleContainer, CollapsibleContainerClass, ComboBox, ComboBoxClass, Container$1 as Container, ContainerClass, CountrySubdivisionCityField, CountrySubdivisionCityFieldClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, Hcaptcha, HcaptchaClass, Honeypot, HoneypotClass, HybridField, HybridFieldClass, IconClass, Image, ImageClass, Input, LastAuthBadge, Link, LinkClass, List, ListClass, ListItem, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, OutboundAppButton, OutboundAppButtonClass, OutboundApps, OutboundAppsClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, RecoveryCodesClass, RecoveryCodesList, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, TenantSelector, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TimerButton, TimerButtonClass, Tooltip, TooltipClass, TotpImageClass, TrustedDevices, TrustedDevicesClass, Turnstile, UploadFile, UploadFileClass, UserAttribute, UserAttributeClass, UserAuthMethod, UserAuthMethodClass, ReactComponent as apple, ReactComponent as authenticator, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, ReactComponent as discord, ReactComponent as edit, ReactComponent as facebook, ReactComponent as fingerprint, genColor, ReactComponent as github, ReactComponent as gitlab, globalsThemeToStyle, ReactComponent as google, ReactComponent as linkedin, ReactComponent as lock, ReactComponent as microsoft, ReactComponent as passkey, ReactComponent as password, ReactComponent as plus, ReactComponent as reload, ReactComponent as sessiontoken, ReactComponent as slack, ReactComponent as sso, themeToStyle, themeVars, ReactComponent as whatsapp };
|
|
1420
|
+
export { AddressField, AddressFieldClass, Alert, AlertClass, AppsList, AppsListClass, Attachment, AttachmentClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, Container as CollapsibleContainer, CollapsibleContainerClass, ComboBox, ComboBoxClass, Container$1 as Container, ContainerClass, CountrySubdivisionCityField, CountrySubdivisionCityFieldClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, Hcaptcha, HcaptchaClass, Honeypot, HoneypotClass, HybridField, HybridFieldClass, IconClass, Image, ImageClass, Input, LastAuthBadge, Link, LinkClass, List, ListClass, ListItem, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiLineMappings, MultiLineMappingsClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, OutboundAppButton, OutboundAppButtonClass, OutboundApps, OutboundAppsClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, RecoveryCodesClass, RecoveryCodesList, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, TenantSelector, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TimerButton, TimerButtonClass, Tooltip, TooltipClass, TotpImageClass, TrustedDevices, TrustedDevicesClass, Turnstile, UploadFile, UploadFileClass, UserAttribute, UserAttributeClass, UserAuthMethod, UserAuthMethodClass, ReactComponent as apple, ReactComponent as authenticator, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, ReactComponent as discord, ReactComponent as edit, ReactComponent as facebook, ReactComponent as fingerprint, genColor, ReactComponent as github, ReactComponent as gitlab, globalsThemeToStyle, ReactComponent as google, ReactComponent as linkedin, ReactComponent as lock, ReactComponent as microsoft, ReactComponent as passkey, ReactComponent as password, ReactComponent as plus, ReactComponent as reload, ReactComponent as sessiontoken, ReactComponent as slack, ReactComponent as sso, themeToStyle, themeVars, ReactComponent as whatsapp };
|
|
1390
1421
|
export type { Theme };
|
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AddressFieldClass as AddressFieldClass$1, AlertClass as AlertClass$1, AppsListClass as AppsListClass$1, AttachmentClass as AttachmentClass$1, AvatarClass as AvatarClass$1, BadgeClass as BadgeClass$1, ButtonClass as ButtonClass$1, ButtonMultiSelectionGroupClass as ButtonMultiSelectionGroupClass$1, ButtonSelectionGroupClass as ButtonSelectionGroupClass$1, CalendarClass as CalendarClass$1, CheckboxClass as CheckboxClass$1, CodeSnippetClass as CodeSnippetClass$1, CollapsibleContainerClass as CollapsibleContainerClass$1, ComboBoxClass as ComboBoxClass$1, ContainerClass as ContainerClass$1, CountrySubdivisionCityFieldClass as CountrySubdivisionCityFieldClass$1, DateFieldClass as DateFieldClass$1, DividerClass as DividerClass$1, EmailFieldClass as EmailFieldClass$1, EnrichedTextClass as EnrichedTextClass$1, GridClass as GridClass$1, HcaptchaClass as HcaptchaClass$1, HoneypotClass as HoneypotClass$1, HybridFieldClass as HybridFieldClass$1, IconClass as IconClass$1, ImageClass as ImageClass$1, LinkClass as LinkClass$1, ListClass as ListClass$1, LoaderLinearClass as LoaderLinearClass$1, LoaderRadialClass as LoaderRadialClass$1, LogoClass as LogoClass$1, MappingsFieldClass as MappingsFieldClass$1, ModalClass as ModalClass$1, MultiSelectComboBoxClass as MultiSelectComboBoxClass$1, NewPasswordClass as NewPasswordClass$1, NotificationClass as NotificationClass$1, NotpImageClass as NotpImageClass$1, NumberFieldClass as NumberFieldClass$1, OutboundAppButtonClass as OutboundAppButtonClass$1, OutboundAppsClass as OutboundAppsClass$1, PasscodeClass as PasscodeClass$1, PasswordClass as PasswordClass$1, PhoneFieldClass as PhoneFieldClass$1, PhoneFieldInputBoxClass as PhoneFieldInputBoxClass$1, PolicyValidationClass as PolicyValidationClass$1, RadioGroupClass as RadioGroupClass$1, RecaptchaClass as RecaptchaClass$1, RecoveryCodesClass as RecoveryCodesClass$1, SamlGroupMappingsClass as SamlGroupMappingsClass$1, ScopesListClass as ScopesListClass$1, SecurityQuestionsSetupClass as SecurityQuestionsSetupClass$1, SecurityQuestionsVerifyClass as SecurityQuestionsVerifyClass$1, SwitchToggleClass as SwitchToggleClass$1, TextAreaClass as TextAreaClass$1, TextClass as TextClass$1, TextFieldClass as TextFieldClass$1, ThirdPartyAppLogoClass as ThirdPartyAppLogoClass$1, TimerButtonClass as TimerButtonClass$1, TooltipClass as TooltipClass$1, TotpImageClass as TotpImageClass$1, TrustedDevicesClass as TrustedDevicesClass$1, UploadFileClass as UploadFileClass$1, UserAttributeClass as UserAttributeClass$1, UserAuthMethodClass as UserAuthMethodClass$1, componentsThemeManager as componentsThemeManager$1, createComponentsTheme as createComponentsTheme$1, darkTheme as darkTheme$1, defaultTheme as defaultTheme$1, genColor as genColor$1, globalsThemeToStyle as globalsThemeToStyle$1, themeToStyle as themeToStyle$1, themeVars as themeVars$1 } from '@descope/web-components-ui';
|
|
1
|
+
import { AddressFieldClass as AddressFieldClass$1, AlertClass as AlertClass$1, AppsListClass as AppsListClass$1, AttachmentClass as AttachmentClass$1, AvatarClass as AvatarClass$1, BadgeClass as BadgeClass$1, ButtonClass as ButtonClass$1, ButtonMultiSelectionGroupClass as ButtonMultiSelectionGroupClass$1, ButtonSelectionGroupClass as ButtonSelectionGroupClass$1, CalendarClass as CalendarClass$1, CheckboxClass as CheckboxClass$1, CodeSnippetClass as CodeSnippetClass$1, CollapsibleContainerClass as CollapsibleContainerClass$1, ComboBoxClass as ComboBoxClass$1, ContainerClass as ContainerClass$1, CountrySubdivisionCityFieldClass as CountrySubdivisionCityFieldClass$1, DateFieldClass as DateFieldClass$1, DividerClass as DividerClass$1, EmailFieldClass as EmailFieldClass$1, EnrichedTextClass as EnrichedTextClass$1, GridClass as GridClass$1, HcaptchaClass as HcaptchaClass$1, HoneypotClass as HoneypotClass$1, HybridFieldClass as HybridFieldClass$1, IconClass as IconClass$1, ImageClass as ImageClass$1, LinkClass as LinkClass$1, ListClass as ListClass$1, LoaderLinearClass as LoaderLinearClass$1, LoaderRadialClass as LoaderRadialClass$1, LogoClass as LogoClass$1, MappingsFieldClass as MappingsFieldClass$1, ModalClass as ModalClass$1, MultiLineMappingsClass as MultiLineMappingsClass$1, MultiSelectComboBoxClass as MultiSelectComboBoxClass$1, NewPasswordClass as NewPasswordClass$1, NotificationClass as NotificationClass$1, NotpImageClass as NotpImageClass$1, NumberFieldClass as NumberFieldClass$1, OutboundAppButtonClass as OutboundAppButtonClass$1, OutboundAppsClass as OutboundAppsClass$1, PasscodeClass as PasscodeClass$1, PasswordClass as PasswordClass$1, PhoneFieldClass as PhoneFieldClass$1, PhoneFieldInputBoxClass as PhoneFieldInputBoxClass$1, PolicyValidationClass as PolicyValidationClass$1, RadioGroupClass as RadioGroupClass$1, RecaptchaClass as RecaptchaClass$1, RecoveryCodesClass as RecoveryCodesClass$1, SamlGroupMappingsClass as SamlGroupMappingsClass$1, ScopesListClass as ScopesListClass$1, SecurityQuestionsSetupClass as SecurityQuestionsSetupClass$1, SecurityQuestionsVerifyClass as SecurityQuestionsVerifyClass$1, SwitchToggleClass as SwitchToggleClass$1, TextAreaClass as TextAreaClass$1, TextClass as TextClass$1, TextFieldClass as TextFieldClass$1, ThirdPartyAppLogoClass as ThirdPartyAppLogoClass$1, TimerButtonClass as TimerButtonClass$1, TooltipClass as TooltipClass$1, TotpImageClass as TotpImageClass$1, TrustedDevicesClass as TrustedDevicesClass$1, UploadFileClass as UploadFileClass$1, UserAttributeClass as UserAttributeClass$1, UserAuthMethodClass as UserAuthMethodClass$1, componentsThemeManager as componentsThemeManager$1, createComponentsTheme as createComponentsTheme$1, darkTheme as darkTheme$1, defaultTheme as defaultTheme$1, genColor as genColor$1, globalsThemeToStyle as globalsThemeToStyle$1, themeToStyle as themeToStyle$1, themeVars as themeVars$1 } from '@descope/web-components-ui';
|
|
2
2
|
import React, { useMemo } from 'react';
|
|
3
3
|
|
|
4
4
|
// component classes
|
|
@@ -35,6 +35,7 @@ const NotificationClass = NotificationClass$1;
|
|
|
35
35
|
const GridClass = GridClass$1;
|
|
36
36
|
const BadgeClass = BadgeClass$1;
|
|
37
37
|
const MultiSelectComboBoxClass = MultiSelectComboBoxClass$1;
|
|
38
|
+
const MultiLineMappingsClass = MultiLineMappingsClass$1;
|
|
38
39
|
const AvatarClass = AvatarClass$1;
|
|
39
40
|
const UserAttributeClass = UserAttributeClass$1;
|
|
40
41
|
const UserAuthMethodClass = UserAuthMethodClass$1;
|
|
@@ -525,6 +526,22 @@ const SAMLGroupMappings = React.forwardRef(({ options, size = 'md', ...props },
|
|
|
525
526
|
return (React.createElement("descope-saml-group-mappings", { size: size, ...props, options: serializedOptions ?? undefined, ref: ref }));
|
|
526
527
|
});
|
|
527
528
|
|
|
529
|
+
const MultiLineMappings = React.forwardRef(({ data, ...props }, ref) => {
|
|
530
|
+
const serializedData = useMemo(() => {
|
|
531
|
+
if (!data)
|
|
532
|
+
return undefined;
|
|
533
|
+
try {
|
|
534
|
+
return JSON.stringify(data);
|
|
535
|
+
}
|
|
536
|
+
catch (e) {
|
|
537
|
+
// eslint-disable-next-line no-console
|
|
538
|
+
console.error('could not parse data string from attribute "data" -', e.message);
|
|
539
|
+
return undefined;
|
|
540
|
+
}
|
|
541
|
+
}, [data]);
|
|
542
|
+
return (React.createElement("descope-multi-line-mappings", { data: serializedData, ...props, ref: ref }));
|
|
543
|
+
});
|
|
544
|
+
|
|
528
545
|
const UserAuthMethod = React.forwardRef(({ methodIcon, methodIconDark, buttonIcon, buttonIconDark, fulfilledButtonIcon, fulfilledButtonIconDark, ...props }, ref) => (React.createElement("descope-user-auth-method", { ...props, ref: ref },
|
|
529
546
|
methodIcon && methodIconDark && React.createElement(Icon, { icon: methodIcon, "src-dark": methodIconDark, slot: "method-icon", noColor: true }),
|
|
530
547
|
buttonIcon && buttonIconDark && React.createElement(Icon, { icon: buttonIcon, "src-dark": buttonIconDark, slot: "button-icon", noColor: true, width: "1em", height: "1em" }),
|
|
@@ -641,4 +658,4 @@ const themeVars = themeVars$1;
|
|
|
641
658
|
const defaultTheme = defaultTheme$1;
|
|
642
659
|
const darkTheme = darkTheme$1;
|
|
643
660
|
|
|
644
|
-
export { AddressField, AddressFieldClass, Alert, AlertClass, AppsList, AppsListClass, Attachment, AttachmentClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, Container as CollapsibleContainer, CollapsibleContainerClass, ComboBox, ComboBoxClass, Container$1 as Container, ContainerClass, CountrySubdivisionCityField, CountrySubdivisionCityFieldClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, Hcaptcha, HcaptchaClass, Honeypot, HoneypotClass, HybridField, HybridFieldClass, IconClass, Image, ImageClass, Input, LastAuthBadge, Link, LinkClass, List, ListClass, ListItem, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, OutboundAppButton, OutboundAppButtonClass, OutboundApps, OutboundAppsClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, RecoveryCodesClass, RecoveryCodesList, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, TenantSelector, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TimerButton, TimerButtonClass, Tooltip, TooltipClass, TotpImageClass, TrustedDevices, TrustedDevicesClass, Turnstile, UploadFile, UploadFileClass, UserAttribute, UserAttributeClass, UserAuthMethod, UserAuthMethodClass, apple, authenticator, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, discord, edit, facebook, fingerprint, genColor, github, gitlab, globalsThemeToStyle, google, linkedin, lock, microsoft, passkey, password, plus, reload, sessiontoken, slack, sso, themeToStyle, themeVars, whatsapp };
|
|
661
|
+
export { AddressField, AddressFieldClass, Alert, AlertClass, AppsList, AppsListClass, Attachment, AttachmentClass, Avatar, AvatarClass, Badge, BadgeClass, Boolean, Button, ButtonClass, ButtonMultiSelectionGroupClass, ButtonSelectionGroupClass, CalendarClass, Checkbox, CheckboxClass, Code, CodeSnippet, CodeSnippetClass, Container as CollapsibleContainer, CollapsibleContainerClass, ComboBox, ComboBoxClass, Container$1 as Container, ContainerClass, CountrySubdivisionCityField, CountrySubdivisionCityFieldClass, DateField, DateFieldClass, Divider, DividerClass, EmailFieldClass, EnrichedTextClass, Grid, GridClass, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, Hcaptcha, HcaptchaClass, Honeypot, HoneypotClass, HybridField, HybridFieldClass, IconClass, Image, ImageClass, Input, LastAuthBadge, Link, LinkClass, List, ListClass, ListItem, Loader, LoaderLinearClass, LoaderRadialClass, Logo, LogoClass, MappingsField, MappingsFieldClass, Modal, ModalClass, MultiLineMappings, MultiLineMappingsClass, MultiSelect, MultiSelectComboBoxClass, NOTPImage, NOTPLink, NewPassword, NewPasswordClass, NotificationClass, NotpImageClass, NumberField, NumberFieldClass, OutboundAppButton, OutboundAppButtonClass, OutboundApps, OutboundAppsClass, PasscodeClass, Password, PasswordClass, Phone, PhoneFieldClass, PhoneFieldInputBoxClass, PolicyValidationClass, RadioGroupClass, Recaptcha, RecaptchaClass, RecaptchaV2, RecoveryCodesClass, RecoveryCodesList, SAMLGroupMappings, SamlGroupMappingsClass, ScopesList, ScopesListClass, SecurityQuestionsSetup, SecurityQuestionsSetupClass, SecurityQuestionsVerify, SecurityQuestionsVerifyClass, Select, SingleSelect, Switch, SwitchToggleClass, TOTPImage, TOTPLink, TenantSelector, Text, TextAreaClass, TextClass, TextField, TextFieldClass, Textarea, ThirdPartyAppLogo, ThirdPartyAppLogoClass, TimerButton, TimerButtonClass, Tooltip, TooltipClass, TotpImageClass, TrustedDevices, TrustedDevicesClass, Turnstile, UploadFile, UploadFileClass, UserAttribute, UserAttributeClass, UserAuthMethod, UserAuthMethodClass, apple, authenticator, componentsThemeManager, createComponentsTheme, darkTheme, defaultTheme, discord, edit, facebook, fingerprint, genColor, github, gitlab, globalsThemeToStyle, google, linkedin, lock, microsoft, passkey, password, plus, reload, sessiontoken, slack, sso, themeToStyle, themeVars, whatsapp };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type DataEntry = string[] | {
|
|
3
|
+
label?: string;
|
|
4
|
+
options?: string[];
|
|
5
|
+
};
|
|
6
|
+
type Props = {
|
|
7
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
'full-width'?: boolean;
|
|
11
|
+
'max-rows'?: number;
|
|
12
|
+
'first-label'?: string;
|
|
13
|
+
'second-label'?: string;
|
|
14
|
+
'first-placeholder'?: string;
|
|
15
|
+
'second-placeholder'?: string;
|
|
16
|
+
'first-value-key'?: string;
|
|
17
|
+
'second-value-key'?: string;
|
|
18
|
+
'merge-rows'?: boolean;
|
|
19
|
+
data?: Record<string, DataEntry>;
|
|
20
|
+
};
|
|
21
|
+
declare global {
|
|
22
|
+
namespace React.JSX {
|
|
23
|
+
interface IntrinsicElements {
|
|
24
|
+
'descope-multi-line-mappings': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Omit<Props, 'data'> & {
|
|
25
|
+
data?: string;
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
declare const MultiLineMappings: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
|
|
31
|
+
export default MultiLineMappings;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as MultiLineMappings } from './MultiLineMappings';
|
|
@@ -41,6 +41,7 @@ export declare const NotificationClass: ComponentClass;
|
|
|
41
41
|
export declare const GridClass: ComponentClass;
|
|
42
42
|
export declare const BadgeClass: ComponentClass;
|
|
43
43
|
export declare const MultiSelectComboBoxClass: ComponentClass;
|
|
44
|
+
export declare const MultiLineMappingsClass: ComponentClass;
|
|
44
45
|
export declare const AvatarClass: ComponentClass;
|
|
45
46
|
export declare const UserAttributeClass: ComponentClass;
|
|
46
47
|
export declare const UserAuthMethodClass: ComponentClass;
|
|
@@ -34,6 +34,7 @@ export * from './Modal';
|
|
|
34
34
|
export * from './MultiSelect';
|
|
35
35
|
export * from './MappingsField';
|
|
36
36
|
export * from './SAMLGroupMappings';
|
|
37
|
+
export * from './MultiLineMappings';
|
|
37
38
|
export * from './UserAuthMethod';
|
|
38
39
|
export * from './UserAttribute';
|
|
39
40
|
export * from './Avatar';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@descope/flow-components",
|
|
3
|
-
"version": "3.9.
|
|
3
|
+
"version": "3.9.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
"webpack-subresource-integrity": "5.2.0-rc.1"
|
|
98
98
|
},
|
|
99
99
|
"dependencies": {
|
|
100
|
-
"@descope/web-components-ui": "3.9.
|
|
100
|
+
"@descope/web-components-ui": "3.9.2"
|
|
101
101
|
},
|
|
102
102
|
"peerDependencies": {
|
|
103
103
|
"react": ">= 18"
|