@mmb-digital/design-system-web 0.1.54 → 0.1.55
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.js +151 -142
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +106 -52
- package/dist/index.esm.js +227 -218
- package/dist/index.esm.js.map +1 -1
- package/package.json +5 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import React__default, { ReactNode, FC, PropsWithChildren, ReactElement, SyntheticEvent, RefAttributes, FocusEvent, ChangeEvent, HTMLInputTypeAttribute, ComponentType, MouseEvent, HTMLAttributes } from 'react';
|
|
2
3
|
import { MessageDescriptor } from 'react-intl';
|
|
3
4
|
import { PrimitiveType } from 'intl-messageformat';
|
|
4
5
|
import { ReactDatePickerProps } from 'react-datepicker';
|
|
@@ -8,7 +9,9 @@ import * as react_select_dist_declarations_src_useStateManager from 'react-selec
|
|
|
8
9
|
import * as react_select_dist_declarations_src_Select from 'react-select/dist/declarations/src/Select';
|
|
9
10
|
import * as react_select from 'react-select';
|
|
10
11
|
import { Options, Props, SelectComponentsConfig, PropsValue, SingleValue as SingleValue$1, GroupBase } from 'react-select';
|
|
11
|
-
import
|
|
12
|
+
import * as react_hook_form from 'react-hook-form';
|
|
13
|
+
import { RegisterOptions, FieldValues, Control, FieldPath } from 'react-hook-form';
|
|
14
|
+
import { FactoryOpts } from 'imask';
|
|
12
15
|
|
|
13
16
|
interface AccordionItemType {
|
|
14
17
|
content: ReactNode;
|
|
@@ -122,7 +125,7 @@ interface SliderProps {
|
|
|
122
125
|
readonly value: number;
|
|
123
126
|
}
|
|
124
127
|
|
|
125
|
-
declare const Slider:
|
|
128
|
+
declare const Slider: React__default.FC<SliderProps>;
|
|
126
129
|
|
|
127
130
|
interface ErrorBoxItem {
|
|
128
131
|
body: ReactElement | string;
|
|
@@ -136,7 +139,7 @@ interface ErrorBoxProps {
|
|
|
136
139
|
title?: ReactElement | string;
|
|
137
140
|
}
|
|
138
141
|
|
|
139
|
-
declare const ErrorBox:
|
|
142
|
+
declare const ErrorBox: React__default.FC<ErrorBoxProps>;
|
|
140
143
|
|
|
141
144
|
declare enum InfoboxVariant {
|
|
142
145
|
DARK = "dark",
|
|
@@ -236,7 +239,7 @@ interface IconProductProps {
|
|
|
236
239
|
readonly variant?: IconProductVariant | undefined;
|
|
237
240
|
}
|
|
238
241
|
|
|
239
|
-
declare const IconProduct:
|
|
242
|
+
declare const IconProduct: React__default.FC<IconProductProps>;
|
|
240
243
|
|
|
241
244
|
declare enum IconSystemType {
|
|
242
245
|
arrowDown = "arrowDown",
|
|
@@ -272,9 +275,13 @@ interface IconSystemProps {
|
|
|
272
275
|
readonly type: IconSystemType;
|
|
273
276
|
}
|
|
274
277
|
|
|
275
|
-
declare const IconSystem:
|
|
278
|
+
declare const IconSystem: React__default.FC<IconSystemProps>;
|
|
276
279
|
|
|
277
280
|
type ModalOnClose = (reasonForClosing: ReasonForClosing) => void;
|
|
281
|
+
declare enum ModalWidthType {
|
|
282
|
+
DEFAULT = "default",
|
|
283
|
+
NARROW = "narrow"
|
|
284
|
+
}
|
|
278
285
|
interface ModalProps {
|
|
279
286
|
readonly children: ReactElement | string;
|
|
280
287
|
readonly hideCloseButton: boolean;
|
|
@@ -282,7 +289,9 @@ interface ModalProps {
|
|
|
282
289
|
readonly isOpen: boolean;
|
|
283
290
|
readonly modalRootElementId?: string | undefined;
|
|
284
291
|
readonly onClose: ModalOnClose;
|
|
292
|
+
readonly smallerWidth?: boolean | undefined;
|
|
285
293
|
readonly title?: ReactElement | string | undefined;
|
|
294
|
+
readonly widthType?: ModalWidthType | undefined;
|
|
286
295
|
}
|
|
287
296
|
declare enum ReasonForClosing {
|
|
288
297
|
CLOSE_BUTTON = "closeButton",
|
|
@@ -290,7 +299,7 @@ declare enum ReasonForClosing {
|
|
|
290
299
|
OVERLAY = "overlay"
|
|
291
300
|
}
|
|
292
301
|
|
|
293
|
-
declare const Modal:
|
|
302
|
+
declare const Modal: React__default.FC<ModalProps>;
|
|
294
303
|
|
|
295
304
|
interface TooltipParentElementProps extends Record<string, unknown> {
|
|
296
305
|
ref: (node: Element | null) => void;
|
|
@@ -316,7 +325,7 @@ interface TooltipInfoProps {
|
|
|
316
325
|
readonly floatingElement: TooltipFloatingElement;
|
|
317
326
|
}
|
|
318
327
|
|
|
319
|
-
declare const TooltipInfo:
|
|
328
|
+
declare const TooltipInfo: React__default.FC<TooltipInfoProps>;
|
|
320
329
|
|
|
321
330
|
interface TooltipGeneralProps {
|
|
322
331
|
readonly colorScheme: ColorScheme;
|
|
@@ -327,7 +336,7 @@ interface TooltipGeneralProps {
|
|
|
327
336
|
readonly placement?: TooltipPlacement | undefined;
|
|
328
337
|
}
|
|
329
338
|
|
|
330
|
-
declare const TooltipGeneral:
|
|
339
|
+
declare const TooltipGeneral: React__default.FC<TooltipGeneralProps>;
|
|
331
340
|
|
|
332
341
|
interface FormattedMessageTypes extends MessageDescriptor {
|
|
333
342
|
values?: Record<string, PrimitiveType>;
|
|
@@ -335,11 +344,11 @@ interface FormattedMessageTypes extends MessageDescriptor {
|
|
|
335
344
|
|
|
336
345
|
type FormattedMessageProps = FormattedMessageTypes;
|
|
337
346
|
|
|
338
|
-
declare const FormattedMessage:
|
|
347
|
+
declare const FormattedMessage: React__default.FC<FormattedMessageProps>;
|
|
339
348
|
|
|
340
349
|
type FormattedHtmlMessageProps = FormattedMessageTypes;
|
|
341
350
|
|
|
342
|
-
declare const FormattedHtmlMessage:
|
|
351
|
+
declare const FormattedHtmlMessage: React__default.FC<FormattedHtmlMessageProps>;
|
|
343
352
|
|
|
344
353
|
type IsMessageDisplayableHookReturnFunction = (messageDescriptor: MessageDescriptor) => boolean;
|
|
345
354
|
|
|
@@ -352,7 +361,7 @@ interface TooltipInfoDisplayableCheckProps {
|
|
|
352
361
|
title?: FormattedMessageTypes | undefined;
|
|
353
362
|
}
|
|
354
363
|
|
|
355
|
-
declare const TooltipInfoDisplayableCheck:
|
|
364
|
+
declare const TooltipInfoDisplayableCheck: React__default.FC<TooltipInfoDisplayableCheckProps>;
|
|
356
365
|
|
|
357
366
|
interface TooltipInfoConditionalProps {
|
|
358
367
|
colorScheme?: ColorScheme;
|
|
@@ -360,7 +369,7 @@ interface TooltipInfoConditionalProps {
|
|
|
360
369
|
floatingElement?: Partial<TooltipFloatingElement> | undefined;
|
|
361
370
|
}
|
|
362
371
|
|
|
363
|
-
declare const TooltipInfoConditional:
|
|
372
|
+
declare const TooltipInfoConditional: React__default.FC<TooltipInfoConditionalProps>;
|
|
364
373
|
|
|
365
374
|
type CreateTooltipFloatingElementHookReturnFunction = (body: FormattedMessageTypes, title?: MessageDescriptor | undefined) => TooltipFloatingElement | undefined;
|
|
366
375
|
|
|
@@ -401,7 +410,7 @@ interface CalculatorResultProps extends CalculatorResultValues {
|
|
|
401
410
|
/**
|
|
402
411
|
* If you want to display text below result (for example a representative example), consider using CalculatorResultBox component
|
|
403
412
|
*/
|
|
404
|
-
declare const CalculatorResult:
|
|
413
|
+
declare const CalculatorResult: React__default.FC<CalculatorResultProps>;
|
|
405
414
|
|
|
406
415
|
declare enum MediaType {
|
|
407
416
|
desktop = "desktop",
|
|
@@ -421,7 +430,7 @@ interface CalculatorResultBoxProps extends CalculatorResultValues {
|
|
|
421
430
|
/**
|
|
422
431
|
* If you just want CalculatorResult without text below it, consider using CalculatorResult
|
|
423
432
|
*/
|
|
424
|
-
declare const CalculatorResultBox:
|
|
433
|
+
declare const CalculatorResultBox: React__default.FC<CalculatorResultBoxProps>;
|
|
425
434
|
|
|
426
435
|
declare enum LoaderSize {
|
|
427
436
|
LG = "lg",
|
|
@@ -432,14 +441,14 @@ interface LoaderProps {
|
|
|
432
441
|
loaderSize: LoaderSize;
|
|
433
442
|
}
|
|
434
443
|
|
|
435
|
-
declare const Loader:
|
|
444
|
+
declare const Loader: React__default.FC<LoaderProps>;
|
|
436
445
|
|
|
437
446
|
interface LoaderOverlayBoxProps {
|
|
438
447
|
colorScheme: ColorScheme;
|
|
439
448
|
loaderSize: LoaderSize;
|
|
440
449
|
}
|
|
441
450
|
|
|
442
|
-
declare const LoaderOverlayBox:
|
|
451
|
+
declare const LoaderOverlayBox: React__default.FC<LoaderOverlayBoxProps>;
|
|
443
452
|
|
|
444
453
|
interface FormattedPercentageProps {
|
|
445
454
|
readonly maximumFractionDigits?: number;
|
|
@@ -447,7 +456,7 @@ interface FormattedPercentageProps {
|
|
|
447
456
|
readonly value: number;
|
|
448
457
|
}
|
|
449
458
|
|
|
450
|
-
declare const _default$1:
|
|
459
|
+
declare const _default$1: React__default.NamedExoticComponent<FormattedPercentageProps>;
|
|
451
460
|
|
|
452
461
|
interface UseFormatPercentageTypeParam {
|
|
453
462
|
maximumFractionDigits?: number;
|
|
@@ -464,7 +473,7 @@ interface FormattedAmountProps {
|
|
|
464
473
|
readonly minimumFractionDigits?: number;
|
|
465
474
|
}
|
|
466
475
|
|
|
467
|
-
declare const _default:
|
|
476
|
+
declare const _default: React__default.NamedExoticComponent<FormattedAmountProps>;
|
|
468
477
|
|
|
469
478
|
interface UseFormatAmountTypeParam {
|
|
470
479
|
amount: number;
|
|
@@ -486,7 +495,7 @@ interface DatePickerProps extends Omit<ReactDatePickerProps, 'calendarContainer'
|
|
|
486
495
|
startDate?: Date | null;
|
|
487
496
|
}
|
|
488
497
|
|
|
489
|
-
declare const DatePicker:
|
|
498
|
+
declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
490
499
|
|
|
491
500
|
interface CheckboxBaseProps extends RefAttributes<HTMLInputElement> {
|
|
492
501
|
readonly checked?: boolean | undefined;
|
|
@@ -494,8 +503,8 @@ interface CheckboxBaseProps extends RefAttributes<HTMLInputElement> {
|
|
|
494
503
|
readonly id?: string | undefined;
|
|
495
504
|
readonly isError?: boolean | undefined;
|
|
496
505
|
readonly name: string;
|
|
497
|
-
readonly onBlur?: ((event:
|
|
498
|
-
readonly onChange?: ((event:
|
|
506
|
+
readonly onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
|
|
507
|
+
readonly onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
|
|
499
508
|
}
|
|
500
509
|
|
|
501
510
|
declare enum CheckboxPosition {
|
|
@@ -503,22 +512,23 @@ declare enum CheckboxPosition {
|
|
|
503
512
|
right = "right"
|
|
504
513
|
}
|
|
505
514
|
interface CheckboxLabel {
|
|
506
|
-
readonly label:
|
|
515
|
+
readonly label: React__default.ReactElement | string;
|
|
507
516
|
readonly tooltip?: TooltipFloatingElement | undefined;
|
|
508
517
|
}
|
|
509
518
|
interface CheckboxProps extends CheckboxBaseProps {
|
|
510
|
-
readonly errorMessage?:
|
|
519
|
+
readonly errorMessage?: React__default.ReactElement | string | undefined;
|
|
511
520
|
readonly label?: CheckboxLabel | undefined;
|
|
521
|
+
readonly labelColor?: string | undefined;
|
|
512
522
|
readonly position?: CheckboxPosition | undefined;
|
|
513
523
|
}
|
|
514
524
|
|
|
515
|
-
declare const Checkbox:
|
|
525
|
+
declare const Checkbox: React__default.FC<CheckboxProps>;
|
|
516
526
|
|
|
517
527
|
declare enum InputSize {
|
|
518
528
|
MD = "md",
|
|
519
529
|
XL = "xl"
|
|
520
530
|
}
|
|
521
|
-
declare enum
|
|
531
|
+
declare enum InputTextAlign {
|
|
522
532
|
center = "center",
|
|
523
533
|
left = "left",
|
|
524
534
|
right = "right"
|
|
@@ -561,13 +571,13 @@ interface RadioGeneralProps extends RefAttributes<HTMLInputElement> {
|
|
|
561
571
|
readonly id?: string | undefined;
|
|
562
572
|
readonly isError?: boolean | undefined;
|
|
563
573
|
readonly name: string;
|
|
564
|
-
readonly onBlur?: ((event:
|
|
565
|
-
readonly onChange?: ((event:
|
|
574
|
+
readonly onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
|
|
575
|
+
readonly onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
|
|
566
576
|
readonly value: string;
|
|
567
577
|
}
|
|
568
578
|
|
|
569
579
|
interface RadioLabel {
|
|
570
|
-
readonly label:
|
|
580
|
+
readonly label: React__default.ReactElement | string;
|
|
571
581
|
readonly tooltip?: TooltipFloatingElement | undefined;
|
|
572
582
|
}
|
|
573
583
|
declare enum RadioPosition {
|
|
@@ -575,26 +585,26 @@ declare enum RadioPosition {
|
|
|
575
585
|
right = "right"
|
|
576
586
|
}
|
|
577
587
|
interface RadioBaseWithLabelProps extends RadioGeneralProps {
|
|
578
|
-
readonly errorMessage?:
|
|
588
|
+
readonly errorMessage?: React__default.ReactElement | string | undefined;
|
|
579
589
|
readonly label?: RadioLabel | undefined;
|
|
580
590
|
readonly position?: RadioPosition | undefined;
|
|
581
591
|
}
|
|
582
592
|
|
|
583
|
-
declare const Radio:
|
|
593
|
+
declare const Radio: React__default.FC<RadioBaseWithLabelProps>;
|
|
584
594
|
|
|
585
595
|
interface RadioButtonLabel {
|
|
586
|
-
main:
|
|
587
|
-
top?:
|
|
596
|
+
main: React__default.ReactElement | string;
|
|
597
|
+
top?: React__default.ReactElement | string | undefined;
|
|
588
598
|
}
|
|
589
599
|
interface RadioButtonProps extends RadioGeneralProps {
|
|
590
|
-
readonly errorMessage?:
|
|
600
|
+
readonly errorMessage?: React__default.ReactElement | string | undefined;
|
|
591
601
|
readonly label: RadioButtonLabel;
|
|
592
602
|
}
|
|
593
603
|
|
|
594
|
-
declare const RadioButton:
|
|
604
|
+
declare const RadioButton: React__default.FC<RadioButtonProps>;
|
|
595
605
|
|
|
596
606
|
interface RadioButtonsHorizontalLabel {
|
|
597
|
-
readonly element:
|
|
607
|
+
readonly element: React__default.ReactElement | string;
|
|
598
608
|
readonly tooltip?: TooltipFloatingElement | undefined;
|
|
599
609
|
}
|
|
600
610
|
declare enum RadioButtonLayout {
|
|
@@ -615,11 +625,11 @@ interface RadioButtonsHorizontalProps {
|
|
|
615
625
|
layout?: RadioButtonLayout;
|
|
616
626
|
minWidthOfItem?: string;
|
|
617
627
|
name: string;
|
|
618
|
-
onBlur?: ((event:
|
|
619
|
-
onChange?: ((event:
|
|
628
|
+
onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
|
|
629
|
+
onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
|
|
620
630
|
}
|
|
621
631
|
|
|
622
|
-
declare const RadioButtonsHorizontal:
|
|
632
|
+
declare const RadioButtonsHorizontal: React__default.FC<RadioButtonsHorizontalProps>;
|
|
623
633
|
|
|
624
634
|
interface InputBaseProps extends RefAttributes<HTMLInputElement> {
|
|
625
635
|
button?: ReactNode;
|
|
@@ -631,13 +641,13 @@ interface InputBaseProps extends RefAttributes<HTMLInputElement> {
|
|
|
631
641
|
id?: string | undefined;
|
|
632
642
|
maxLength?: number;
|
|
633
643
|
name: string;
|
|
634
|
-
onBlur?: ((event:
|
|
635
|
-
onChange?: ((event:
|
|
644
|
+
onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
645
|
+
onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
636
646
|
placeholder?: string;
|
|
637
647
|
prefix?: ReactNode | string;
|
|
638
648
|
size: InputSize;
|
|
639
649
|
suffix?: ReactNode | string;
|
|
640
|
-
textAlign?:
|
|
650
|
+
textAlign?: InputTextAlign;
|
|
641
651
|
type?: HTMLInputTypeAttribute;
|
|
642
652
|
value?: string;
|
|
643
653
|
}
|
|
@@ -660,6 +670,39 @@ interface EmailInputProps extends InputProps, FieldWrapperValues {
|
|
|
660
670
|
|
|
661
671
|
declare const EmailInput: FC<EmailInputProps>;
|
|
662
672
|
|
|
673
|
+
interface MaskedInputBaseProps extends InputBaseProps {
|
|
674
|
+
maskOptions: FactoryOpts;
|
|
675
|
+
onAccept?: (unmaskedValue: string, maskedValue: string) => void;
|
|
676
|
+
}
|
|
677
|
+
declare const MaskedInputBase: React__default.ForwardRefExoticComponent<Omit<MaskedInputBaseProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
678
|
+
|
|
679
|
+
interface MaskedInputProps extends FieldWrapperValues, MaskedInputBaseProps {
|
|
680
|
+
}
|
|
681
|
+
declare const MaskedInput: React__default.ForwardRefExoticComponent<Omit<MaskedInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
682
|
+
|
|
683
|
+
type RequiredMaskedInputProps = Pick<MaskedInputProps, 'name'>;
|
|
684
|
+
type ManagedMaskedInputProps = Pick<MaskedInputProps, 'errorMessage' | 'hasError' | 'onAccept' | 'onBlur' | 'value'>;
|
|
685
|
+
declare const withMaskedInputField: <TProps extends object>(component: ComponentType<ManagedMaskedInputProps & RequiredMaskedInputProps & TProps>) => (props: RequiredMaskedInputProps & TProps & {
|
|
686
|
+
options?: RegisterOptions;
|
|
687
|
+
}) => React__default.JSX.Element;
|
|
688
|
+
declare const MaskedInputField: (props: RequiredMaskedInputProps & Omit<MaskedInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement> & {
|
|
689
|
+
options?: RegisterOptions | undefined;
|
|
690
|
+
}) => React__default.JSX.Element;
|
|
691
|
+
|
|
692
|
+
interface NumberInputProps extends FieldWrapperValues, Omit<MaskedInputBaseProps, 'maskOptions'> {
|
|
693
|
+
allowNegative?: boolean;
|
|
694
|
+
decimalPlaces?: number;
|
|
695
|
+
integerPlaces?: number;
|
|
696
|
+
maskOptions?: FactoryOpts;
|
|
697
|
+
}
|
|
698
|
+
declare const NumberInput: React__default.ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
699
|
+
|
|
700
|
+
declare const NumberInputField: (props: {
|
|
701
|
+
name: string;
|
|
702
|
+
} & Omit<NumberInputProps, "ref"> & React.RefAttributes<HTMLInputElement> & {
|
|
703
|
+
options?: react_hook_form.RegisterOptions | undefined;
|
|
704
|
+
}) => React.JSX.Element;
|
|
705
|
+
|
|
663
706
|
interface PhoneInputProps extends FieldWrapperValues, InputProps {
|
|
664
707
|
placeholder?: string;
|
|
665
708
|
prefix?: string;
|
|
@@ -667,6 +710,17 @@ interface PhoneInputProps extends FieldWrapperValues, InputProps {
|
|
|
667
710
|
|
|
668
711
|
declare const PhoneInput: FC<PhoneInputProps>;
|
|
669
712
|
|
|
713
|
+
interface PhoneInputNextProps extends FieldWrapperValues, Omit<MaskedInputBaseProps, 'maskOptions'> {
|
|
714
|
+
maskOptions?: FactoryOpts;
|
|
715
|
+
}
|
|
716
|
+
declare const PhoneInputNext: React__default.ForwardRefExoticComponent<Omit<PhoneInputNextProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
717
|
+
|
|
718
|
+
declare const PhoneInputField: (props: {
|
|
719
|
+
name: string;
|
|
720
|
+
} & Omit<PhoneInputNextProps, "ref"> & React.RefAttributes<HTMLInputElement> & {
|
|
721
|
+
options?: react_hook_form.RegisterOptions | undefined;
|
|
722
|
+
}) => React.JSX.Element;
|
|
723
|
+
|
|
670
724
|
interface SearchInputProps extends FieldWrapperValues, InputProps {
|
|
671
725
|
buttonAction?: () => void;
|
|
672
726
|
buttonText?: ReactNode | string;
|
|
@@ -702,15 +756,15 @@ interface SliderInputProps extends RefAttributes<HTMLInputElement> {
|
|
|
702
756
|
minMax: SliderInputMinMax;
|
|
703
757
|
minMaxLabels: MinMaxLabels | undefined;
|
|
704
758
|
name: string;
|
|
705
|
-
onBlur?: ((event:
|
|
706
|
-
onChange?: ((event:
|
|
759
|
+
onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
|
|
760
|
+
onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => Promise<boolean | void>) | undefined;
|
|
707
761
|
prefix?: ReactNode | string | undefined;
|
|
708
762
|
stepType: SliderStepType;
|
|
709
763
|
steps: SliderSteps;
|
|
710
764
|
suffix?: ReactNode | string | undefined;
|
|
711
765
|
}
|
|
712
766
|
|
|
713
|
-
declare const SliderInput:
|
|
767
|
+
declare const SliderInput: React__default.FC<SliderInputProps>;
|
|
714
768
|
|
|
715
769
|
interface TextInputProps extends FieldWrapperValues, InputProps {
|
|
716
770
|
placeholder?: string;
|
|
@@ -752,17 +806,17 @@ interface SelectOption {
|
|
|
752
806
|
}
|
|
753
807
|
type SingleValue = SingleValue$1<SelectOption>;
|
|
754
808
|
|
|
755
|
-
declare const SelectBase:
|
|
809
|
+
declare const SelectBase: React__default.ForwardRefExoticComponent<Omit<react_select_dist_declarations_src_Select.PublicBaseSelectProps<SelectOption, false, react_select.GroupBase<SelectOption>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<react_select_dist_declarations_src_Select.PublicBaseSelectProps<SelectOption, false, react_select.GroupBase<SelectOption>>> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<SelectOption> & {
|
|
756
810
|
readonly customComponents?: Partial<react_select_dist_declarations_src_components.SelectComponents<SelectOption, false, Group>> | undefined;
|
|
757
811
|
readonly isError?: boolean | undefined;
|
|
758
812
|
readonly options?: react_select.Options<SelectOption> | undefined;
|
|
759
813
|
readonly type?: SelectType | undefined;
|
|
760
814
|
readonly value?: react_select.PropsValue<SelectOption> | undefined;
|
|
761
|
-
} &
|
|
815
|
+
} & React__default.RefAttributes<any>>;
|
|
762
816
|
|
|
763
|
-
declare const SelectField: <T extends FieldValues>(props: SelectFieldProps<T>) =>
|
|
817
|
+
declare const SelectField: <T extends FieldValues>(props: SelectFieldProps<T>) => React__default.JSX.Element;
|
|
764
818
|
|
|
765
|
-
declare const Select: <T extends FieldValues>(props: SelectProps<T>) =>
|
|
819
|
+
declare const Select: <T extends FieldValues>(props: SelectProps<T>) => React__default.JSX.Element;
|
|
766
820
|
|
|
767
821
|
interface AsyncSelectProps extends SelectBaseProps {
|
|
768
822
|
control: Control;
|
|
@@ -771,7 +825,7 @@ interface AsyncSelectProps extends SelectBaseProps {
|
|
|
771
825
|
optionIcon?: IconSystemProps;
|
|
772
826
|
}
|
|
773
827
|
|
|
774
|
-
declare const AsyncSelect:
|
|
828
|
+
declare const AsyncSelect: React__default.FC<AsyncSelectProps>;
|
|
775
829
|
|
|
776
830
|
interface ToggleProps {
|
|
777
831
|
defaultValue?: boolean;
|
|
@@ -860,7 +914,7 @@ type StackProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
860
914
|
gap?: GapSize;
|
|
861
915
|
};
|
|
862
916
|
|
|
863
|
-
declare const Stack:
|
|
917
|
+
declare const Stack: React__default.FC<StackProps>;
|
|
864
918
|
|
|
865
919
|
declare const theme: {
|
|
866
920
|
readonly palette: {
|
|
@@ -1390,4 +1444,4 @@ declare const theme: {
|
|
|
1390
1444
|
};
|
|
1391
1445
|
};
|
|
1392
1446
|
|
|
1393
|
-
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionKeyValue, type AccordionProps, AsyncSelect, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, CalculatorResult, CalculatorResultBox, type CalculatorResultBoxModal, type CalculatorResultBoxProps, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, ColorScheme, type ColorSchemeObject, DatePicker, type DatePickerProps, EmailInput, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, FieldWrapper, FieldWrapperLayout, type FieldWrapperValues, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, type FormattedMessageTypes, _default$1 as FormattedPercentage, GapSize, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, TooltipInfoConditional as InfoConditional, Infobox, type InfoboxProps, InfoboxSize, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputSize, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MediaType, Modal, type ModalOnClose, type ModalProps, PhoneInput, type PhoneInputProps, Radio, type RadioBaseWithLabelProps, RadioButton, type RadioButtonLabel, RadioButtonLayout, type RadioButtonProps, RadioButtonsHorizontal, type RadioButtonsHorizontalItem, type RadioButtonsHorizontalLabel, type RadioButtonsHorizontalProps, type RadioLabel, RadioPosition, ReasonForClosing, RoundingType, SearchInput, type SearchInputProps, Select, SelectBase, SelectField, type SelectOption, type SelectProps, type SingleValue, Slider, type SliderBreakpoint, SliderInput, type SliderInputLabel, type SliderInputMinMax, type SliderInputProps, type SliderProps, SliderStepType, type SliderSteps, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsItem, type TabsProps, type TabsType, TabsVariant, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, type TooltipInfoConditionalProps, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, type TooltipParentElement, type TooltipParentElementProps, TooltipPlacement, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, TypographyWeight, getColor, theme, useColorScheme, useCreateTooltipFloatingElement, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable };
|
|
1447
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionKeyValue, type AccordionProps, AsyncSelect, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, CalculatorResult, CalculatorResultBox, type CalculatorResultBoxModal, type CalculatorResultBoxProps, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, ColorScheme, type ColorSchemeObject, DatePicker, type DatePickerProps, EmailInput, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, FieldWrapper, FieldWrapperLayout, type FieldWrapperValues, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, type FormattedMessageTypes, _default$1 as FormattedPercentage, GapSize, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, TooltipInfoConditional as InfoConditional, Infobox, type InfoboxProps, InfoboxSize, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputSize, InputTextAlign, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, type MaskedInputBaseProps, MaskedInputField, type MaskedInputProps, MediaType, Modal, type ModalOnClose, type ModalProps, NumberInput, NumberInputField, type NumberInputProps, PhoneInput, PhoneInputField, PhoneInputNext, type PhoneInputNextProps, type PhoneInputProps, Radio, type RadioBaseWithLabelProps, RadioButton, type RadioButtonLabel, RadioButtonLayout, type RadioButtonProps, RadioButtonsHorizontal, type RadioButtonsHorizontalItem, type RadioButtonsHorizontalLabel, type RadioButtonsHorizontalProps, type RadioLabel, RadioPosition, ReasonForClosing, RoundingType, SearchInput, type SearchInputProps, Select, SelectBase, SelectField, type SelectOption, type SelectProps, type SingleValue, Slider, type SliderBreakpoint, SliderInput, type SliderInputLabel, type SliderInputMinMax, type SliderInputProps, type SliderProps, SliderStepType, type SliderSteps, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsItem, type TabsProps, type TabsType, TabsVariant, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, type TooltipInfoConditionalProps, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, type TooltipParentElement, type TooltipParentElementProps, TooltipPlacement, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, TypographyWeight, getColor, theme, useColorScheme, useCreateTooltipFloatingElement, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable, withMaskedInputField };
|