@mmb-digital/design-system-web 0.1.140 → 0.1.142
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 +8 -8
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +209 -150
- package/dist/index.esm.js +13 -13
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -7,11 +7,11 @@ import * as csstype from 'csstype';
|
|
|
7
7
|
import { Property } from 'csstype';
|
|
8
8
|
import * as react_hook_form from 'react-hook-form';
|
|
9
9
|
import { RegisterOptions, FieldValues, Control, FieldPath } from 'react-hook-form';
|
|
10
|
+
import { DefaultTheme } from 'styled-components';
|
|
10
11
|
import * as react_select_dist_declarations_src_useStateManager from 'react-select/dist/declarations/src/useStateManager';
|
|
11
12
|
import * as react_select_dist_declarations_src_Select from 'react-select/dist/declarations/src/Select';
|
|
12
13
|
import * as react_select from 'react-select';
|
|
13
14
|
import { Options, Props, SelectComponentsConfig, PropsValue, GroupBase } from 'react-select';
|
|
14
|
-
import { DefaultTheme } from 'styled-components';
|
|
15
15
|
import { FactoryOpts } from 'imask';
|
|
16
16
|
import * as afformative from 'afformative';
|
|
17
17
|
import { Formatter } from 'afformative';
|
|
@@ -135,7 +135,11 @@ interface IconSystemProps {
|
|
|
135
135
|
|
|
136
136
|
declare const IconSystem: React__default.FC<IconSystemProps>;
|
|
137
137
|
|
|
138
|
-
interface
|
|
138
|
+
interface SsrProps {
|
|
139
|
+
suppressHydrationWarning?: boolean;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
interface ButtonProps extends SsrProps {
|
|
139
143
|
ariaDisabled?: boolean;
|
|
140
144
|
ariaLabel?: string;
|
|
141
145
|
buttonStyle: ButtonStyle;
|
|
@@ -771,171 +775,50 @@ interface RadioGeneralProps extends RefAttributes<HTMLInputElement> {
|
|
|
771
775
|
readonly checked?: boolean;
|
|
772
776
|
readonly disabled?: boolean;
|
|
773
777
|
readonly id?: string | undefined;
|
|
774
|
-
readonly
|
|
778
|
+
readonly invalid?: boolean | undefined;
|
|
775
779
|
readonly name: string;
|
|
776
780
|
readonly onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
777
781
|
readonly onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
778
782
|
readonly value: string;
|
|
779
783
|
}
|
|
780
784
|
|
|
785
|
+
interface RadioBaseProps extends DesignSystemBaseProps, RadioGeneralProps {
|
|
786
|
+
}
|
|
787
|
+
declare const RadioBase: React__default.FC<RadioBaseProps>;
|
|
788
|
+
|
|
781
789
|
interface RadioLabel {
|
|
782
|
-
readonly label:
|
|
790
|
+
readonly label: ReactElement | string;
|
|
783
791
|
readonly tooltip?: TooltipFloatingElement | undefined;
|
|
784
792
|
}
|
|
785
793
|
declare enum RadioPosition {
|
|
786
794
|
left = "left",
|
|
787
795
|
right = "right"
|
|
788
796
|
}
|
|
789
|
-
interface RadioBaseWithLabelProps extends RadioGeneralProps {
|
|
790
|
-
readonly errorMessage?: React__default.ReactElement | string | undefined;
|
|
791
|
-
readonly label?: RadioLabel | undefined;
|
|
792
|
-
readonly position?: RadioPosition | undefined;
|
|
793
|
-
}
|
|
794
|
-
|
|
795
|
-
declare const Radio: React__default.FC<RadioBaseWithLabelProps>;
|
|
796
797
|
|
|
797
|
-
interface
|
|
798
|
-
|
|
799
|
-
|
|
798
|
+
interface RadioProps extends RadioGeneralProps, DesignSystemBaseProps {
|
|
799
|
+
errorMessage?: ReactElement | string | undefined;
|
|
800
|
+
label?: RadioLabel | undefined;
|
|
801
|
+
position?: RadioPosition | undefined;
|
|
800
802
|
}
|
|
803
|
+
declare const Radio: React__default.FC<RadioProps>;
|
|
801
804
|
|
|
802
|
-
interface
|
|
803
|
-
errorMessage?: React__default.ReactElement | string | undefined;
|
|
804
|
-
invalid?: boolean;
|
|
805
|
-
label: RadioButtonLabel;
|
|
806
|
-
}
|
|
807
|
-
declare const RadioButton: React__default.ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
808
|
-
|
|
809
|
-
interface RadioButtonGroupItem {
|
|
810
|
-
id: string;
|
|
811
|
-
label: RadioButtonLabel;
|
|
812
|
-
value: string;
|
|
813
|
-
}
|
|
814
|
-
|
|
815
|
-
interface RadioButtonGroupControlProps extends DesignSystemBaseProps, FieldControlProps {
|
|
816
|
-
controlWidth?: Property.Width;
|
|
817
|
-
disabled?: boolean;
|
|
818
|
-
gridColumns?: number;
|
|
819
|
-
itemMinWidth?: Property.Width;
|
|
820
|
-
items: RadioButtonGroupItem[];
|
|
821
|
-
name: string;
|
|
822
|
-
onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
823
|
-
onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
824
|
-
value?: string;
|
|
825
|
-
}
|
|
826
|
-
declare const RadioButtonGroupControl: React__default.ForwardRefExoticComponent<RadioButtonGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
827
|
-
|
|
828
|
-
declare const RadioButtonGroup: React.ForwardRefExoticComponent<RadioButtonGroupControlProps & {
|
|
829
|
-
layout?: FieldWrapperLayout | undefined;
|
|
830
|
-
tooltip?: TooltipFloatingElement | undefined;
|
|
831
|
-
mediaType?: MediaType | undefined;
|
|
832
|
-
label?: React.ReactNode;
|
|
833
|
-
colorScheme?: ColorScheme | undefined;
|
|
834
|
-
name?: string | undefined;
|
|
835
|
-
note?: React.ReactNode;
|
|
836
|
-
invalid?: boolean | undefined;
|
|
837
|
-
hasError?: boolean | undefined;
|
|
838
|
-
labelId?: string | undefined;
|
|
839
|
-
childrenWidth?: csstype.Property.Width | undefined;
|
|
840
|
-
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
841
|
-
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
842
|
-
controlWidth?: csstype.Property.Width | undefined;
|
|
843
|
-
errorMessage?: React.ReactNode;
|
|
844
|
-
fieldRequirement?: FieldRequirement | undefined;
|
|
845
|
-
hintText?: React.ReactNode;
|
|
846
|
-
labelSuffix?: React.ReactNode;
|
|
847
|
-
successMessage?: React.ReactNode;
|
|
848
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
849
|
-
type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
|
|
850
|
-
|
|
851
|
-
interface RadioButtonGroupFieldProps extends Omit<RadioButtonGroupProps, 'onChange'> {
|
|
852
|
-
name: string;
|
|
853
|
-
options?: RegisterOptions;
|
|
854
|
-
}
|
|
855
|
-
declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => React__default.JSX.Element;
|
|
856
|
-
|
|
857
|
-
interface RadioFieldProps extends Omit<RadioBaseWithLabelProps, 'onChange'> {
|
|
805
|
+
interface RadioFieldProps extends Omit<RadioProps, 'onChange'> {
|
|
858
806
|
name: string;
|
|
859
807
|
options?: RegisterOptions;
|
|
860
808
|
}
|
|
861
809
|
declare const RadioField: (props: RadioFieldProps) => React__default.JSX.Element;
|
|
862
810
|
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
};
|
|
868
|
-
declare enum SelectType {
|
|
869
|
-
ASYNC_CREATABLE_SELECT = "AsyncCreatableSelect",
|
|
870
|
-
ASYNC_SELECT = "AsyncSelect",
|
|
871
|
-
CREATABLE_SELECT = "CreatableSelect",
|
|
872
|
-
REACT_SELECT = "ReactSelect"
|
|
873
|
-
}
|
|
874
|
-
type Group = GroupBase<SelectOption>;
|
|
875
|
-
type SelectBaseProps = Props<SelectOption, false> & {
|
|
876
|
-
readonly customComponents?: SelectComponentsConfig<SelectOption, false, Group>;
|
|
877
|
-
readonly isError?: boolean;
|
|
878
|
-
readonly options?: Options<SelectOption>;
|
|
879
|
-
readonly type?: SelectType;
|
|
880
|
-
readonly value?: PropsValue<SelectOption>;
|
|
881
|
-
};
|
|
882
|
-
type SelectFieldProps$1<T extends FieldValues> = FieldWrapperValues & SelectProps$1<T>;
|
|
883
|
-
interface SelectOption {
|
|
884
|
-
readonly icon?: ReactNode | string;
|
|
885
|
-
readonly label: string;
|
|
886
|
-
readonly value?: string;
|
|
887
|
-
}
|
|
888
|
-
|
|
889
|
-
/** @deprecated Use `SelectControl`, `Select`, or `SelectField` instead. */
|
|
890
|
-
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> & {
|
|
891
|
-
readonly customComponents?: SelectComponentsConfig<SelectOption, false, Group>;
|
|
892
|
-
readonly isError?: boolean;
|
|
893
|
-
readonly options?: react_select.Options<SelectOption>;
|
|
894
|
-
readonly type?: SelectType;
|
|
895
|
-
readonly value?: react_select.PropsValue<SelectOption>;
|
|
896
|
-
} & React__default.RefAttributes<any>>;
|
|
897
|
-
|
|
898
|
-
/** @deprecated Use `SelectField` instead. */
|
|
899
|
-
declare const SelectField$1: <T extends FieldValues>(props: SelectFieldProps$1<T>) => React__default.JSX.Element;
|
|
900
|
-
|
|
901
|
-
/** @deprecated Use `SelectField` instead. */
|
|
902
|
-
declare const Select$1: <T extends FieldValues>(props: SelectProps$1<T>) => React__default.JSX.Element;
|
|
903
|
-
|
|
904
|
-
interface AsyncSelectProps extends SelectBaseProps {
|
|
905
|
-
control: Control;
|
|
906
|
-
defaultPlaceholder?: string;
|
|
907
|
-
name: string;
|
|
908
|
-
optionIcon?: IconSystemProps;
|
|
811
|
+
interface RadioGroupItem {
|
|
812
|
+
id: string;
|
|
813
|
+
label: RadioLabel;
|
|
814
|
+
value: string;
|
|
909
815
|
}
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
hasError?: boolean;
|
|
816
|
+
declare enum RadioGroupDirection {
|
|
817
|
+
column = "column",
|
|
818
|
+
columnReverse = "columnReverse",
|
|
819
|
+
row = "row",
|
|
820
|
+
rowReverse = "rowReverse"
|
|
916
821
|
}
|
|
917
|
-
declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaControlProps & {
|
|
918
|
-
layout?: FieldWrapperLayout | undefined;
|
|
919
|
-
tooltip?: TooltipFloatingElement | undefined;
|
|
920
|
-
mediaType?: MediaType | undefined;
|
|
921
|
-
label?: React__default.ReactNode;
|
|
922
|
-
colorScheme?: ColorScheme | undefined;
|
|
923
|
-
name?: string | undefined;
|
|
924
|
-
note?: React__default.ReactNode;
|
|
925
|
-
invalid?: boolean | undefined;
|
|
926
|
-
hasError?: boolean | undefined;
|
|
927
|
-
labelId?: string | undefined;
|
|
928
|
-
childrenWidth?: csstype.Property.Width | undefined;
|
|
929
|
-
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
930
|
-
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
931
|
-
controlWidth?: csstype.Property.Width | undefined;
|
|
932
|
-
errorMessage?: React__default.ReactNode;
|
|
933
|
-
fieldRequirement?: FieldRequirement | undefined;
|
|
934
|
-
hintText?: React__default.ReactNode;
|
|
935
|
-
labelSuffix?: React__default.ReactNode;
|
|
936
|
-
successMessage?: React__default.ReactNode;
|
|
937
|
-
} & React__default.RefAttributes<HTMLTextAreaElement>>;
|
|
938
|
-
type TextAreaProps = ComponentProps<typeof TextArea>;
|
|
939
822
|
|
|
940
823
|
declare enum Spacing {
|
|
941
824
|
none = "none",
|
|
@@ -1517,6 +1400,186 @@ declare enum Overflow {
|
|
|
1517
1400
|
}
|
|
1518
1401
|
declare const resolveOverflowValue: (overflow: Overflow) => string;
|
|
1519
1402
|
|
|
1403
|
+
interface RadioGroupControlProps extends FieldControlProps, DesignSystemBaseProps {
|
|
1404
|
+
columnGap?: Spacing;
|
|
1405
|
+
controlWidth?: Property.Width;
|
|
1406
|
+
direction: RadioGroupDirection;
|
|
1407
|
+
disabled?: boolean;
|
|
1408
|
+
itemMinWidth?: Property.Width;
|
|
1409
|
+
items: RadioGroupItem[];
|
|
1410
|
+
name: string;
|
|
1411
|
+
onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
1412
|
+
onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1413
|
+
rowGap?: Spacing;
|
|
1414
|
+
value?: string;
|
|
1415
|
+
}
|
|
1416
|
+
declare const RadioGroupControl: React__default.ForwardRefExoticComponent<RadioGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1417
|
+
|
|
1418
|
+
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupControlProps & {
|
|
1419
|
+
layout?: FieldWrapperLayout | undefined;
|
|
1420
|
+
tooltip?: TooltipFloatingElement | undefined;
|
|
1421
|
+
mediaType?: MediaType | undefined;
|
|
1422
|
+
label?: React.ReactNode;
|
|
1423
|
+
colorScheme?: ColorScheme | undefined;
|
|
1424
|
+
name?: string | undefined;
|
|
1425
|
+
note?: React.ReactNode;
|
|
1426
|
+
invalid?: boolean | undefined;
|
|
1427
|
+
hasError?: boolean | undefined;
|
|
1428
|
+
labelId?: string | undefined;
|
|
1429
|
+
childrenWidth?: csstype.Property.Width | undefined;
|
|
1430
|
+
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
1431
|
+
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
1432
|
+
controlWidth?: csstype.Property.Width | undefined;
|
|
1433
|
+
errorMessage?: React.ReactNode;
|
|
1434
|
+
fieldRequirement?: FieldRequirement | undefined;
|
|
1435
|
+
hintText?: React.ReactNode;
|
|
1436
|
+
labelSuffix?: React.ReactNode;
|
|
1437
|
+
successMessage?: React.ReactNode;
|
|
1438
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
1439
|
+
type RadioGroupProps = ComponentProps<typeof RadioGroup>;
|
|
1440
|
+
|
|
1441
|
+
interface RadioGroupFieldProps extends Omit<RadioGroupProps, 'onChange'> {
|
|
1442
|
+
name: string;
|
|
1443
|
+
options?: RegisterOptions;
|
|
1444
|
+
}
|
|
1445
|
+
declare const RadioGroupField: (props: RadioGroupFieldProps) => React__default.JSX.Element;
|
|
1446
|
+
|
|
1447
|
+
interface RadioButtonLabel {
|
|
1448
|
+
main: React__default.ReactElement | string;
|
|
1449
|
+
top?: React__default.ReactElement | string | undefined;
|
|
1450
|
+
}
|
|
1451
|
+
|
|
1452
|
+
interface RadioButtonProps extends RadioGeneralProps, DesignSystemBaseProps {
|
|
1453
|
+
errorMessage?: React__default.ReactElement | string | undefined;
|
|
1454
|
+
label: RadioButtonLabel;
|
|
1455
|
+
}
|
|
1456
|
+
declare const RadioButton: React__default.ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
1457
|
+
|
|
1458
|
+
interface RadioButtonGroupItem {
|
|
1459
|
+
id: string;
|
|
1460
|
+
label: RadioButtonLabel;
|
|
1461
|
+
value: string;
|
|
1462
|
+
}
|
|
1463
|
+
|
|
1464
|
+
interface RadioButtonGroupControlProps extends DesignSystemBaseProps, FieldControlProps {
|
|
1465
|
+
controlWidth?: Property.Width;
|
|
1466
|
+
disabled?: boolean;
|
|
1467
|
+
gridColumns?: number;
|
|
1468
|
+
itemMinWidth?: Property.Width;
|
|
1469
|
+
items: RadioButtonGroupItem[];
|
|
1470
|
+
name: string;
|
|
1471
|
+
onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
1472
|
+
onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
1473
|
+
value?: string;
|
|
1474
|
+
}
|
|
1475
|
+
declare const RadioButtonGroupControl: React__default.ForwardRefExoticComponent<RadioButtonGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
1476
|
+
|
|
1477
|
+
declare const RadioButtonGroup: React.ForwardRefExoticComponent<RadioButtonGroupControlProps & {
|
|
1478
|
+
layout?: FieldWrapperLayout | undefined;
|
|
1479
|
+
tooltip?: TooltipFloatingElement | undefined;
|
|
1480
|
+
mediaType?: MediaType | undefined;
|
|
1481
|
+
label?: React.ReactNode;
|
|
1482
|
+
colorScheme?: ColorScheme | undefined;
|
|
1483
|
+
name?: string | undefined;
|
|
1484
|
+
note?: React.ReactNode;
|
|
1485
|
+
invalid?: boolean | undefined;
|
|
1486
|
+
hasError?: boolean | undefined;
|
|
1487
|
+
labelId?: string | undefined;
|
|
1488
|
+
childrenWidth?: csstype.Property.Width | undefined;
|
|
1489
|
+
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
1490
|
+
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
1491
|
+
controlWidth?: csstype.Property.Width | undefined;
|
|
1492
|
+
errorMessage?: React.ReactNode;
|
|
1493
|
+
fieldRequirement?: FieldRequirement | undefined;
|
|
1494
|
+
hintText?: React.ReactNode;
|
|
1495
|
+
labelSuffix?: React.ReactNode;
|
|
1496
|
+
successMessage?: React.ReactNode;
|
|
1497
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
1498
|
+
type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
|
|
1499
|
+
|
|
1500
|
+
interface RadioButtonGroupFieldProps extends Omit<RadioButtonGroupProps, 'onChange'> {
|
|
1501
|
+
name: string;
|
|
1502
|
+
options?: RegisterOptions;
|
|
1503
|
+
}
|
|
1504
|
+
declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => React__default.JSX.Element;
|
|
1505
|
+
|
|
1506
|
+
type SelectProps$1<T extends FieldValues> = SelectBaseProps & {
|
|
1507
|
+
control: Control<T, any>;
|
|
1508
|
+
defaultValue?: Options<SelectOption> | null;
|
|
1509
|
+
name: FieldPath<T>;
|
|
1510
|
+
};
|
|
1511
|
+
declare enum SelectType {
|
|
1512
|
+
ASYNC_CREATABLE_SELECT = "AsyncCreatableSelect",
|
|
1513
|
+
ASYNC_SELECT = "AsyncSelect",
|
|
1514
|
+
CREATABLE_SELECT = "CreatableSelect",
|
|
1515
|
+
REACT_SELECT = "ReactSelect"
|
|
1516
|
+
}
|
|
1517
|
+
type Group = GroupBase<SelectOption>;
|
|
1518
|
+
type SelectBaseProps = Props<SelectOption, false> & {
|
|
1519
|
+
readonly customComponents?: SelectComponentsConfig<SelectOption, false, Group>;
|
|
1520
|
+
readonly isError?: boolean;
|
|
1521
|
+
readonly options?: Options<SelectOption>;
|
|
1522
|
+
readonly type?: SelectType;
|
|
1523
|
+
readonly value?: PropsValue<SelectOption>;
|
|
1524
|
+
};
|
|
1525
|
+
type SelectFieldProps$1<T extends FieldValues> = FieldWrapperValues & SelectProps$1<T>;
|
|
1526
|
+
interface SelectOption {
|
|
1527
|
+
readonly icon?: ReactNode | string;
|
|
1528
|
+
readonly label: string;
|
|
1529
|
+
readonly value?: string;
|
|
1530
|
+
}
|
|
1531
|
+
|
|
1532
|
+
/** @deprecated Use `SelectControl`, `Select`, or `SelectField` instead. */
|
|
1533
|
+
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> & {
|
|
1534
|
+
readonly customComponents?: SelectComponentsConfig<SelectOption, false, Group>;
|
|
1535
|
+
readonly isError?: boolean;
|
|
1536
|
+
readonly options?: react_select.Options<SelectOption>;
|
|
1537
|
+
readonly type?: SelectType;
|
|
1538
|
+
readonly value?: react_select.PropsValue<SelectOption>;
|
|
1539
|
+
} & React__default.RefAttributes<any>>;
|
|
1540
|
+
|
|
1541
|
+
/** @deprecated Use `SelectField` instead. */
|
|
1542
|
+
declare const SelectField$1: <T extends FieldValues>(props: SelectFieldProps$1<T>) => React__default.JSX.Element;
|
|
1543
|
+
|
|
1544
|
+
/** @deprecated Use `SelectField` instead. */
|
|
1545
|
+
declare const Select$1: <T extends FieldValues>(props: SelectProps$1<T>) => React__default.JSX.Element;
|
|
1546
|
+
|
|
1547
|
+
interface AsyncSelectProps extends SelectBaseProps {
|
|
1548
|
+
control: Control;
|
|
1549
|
+
defaultPlaceholder?: string;
|
|
1550
|
+
name: string;
|
|
1551
|
+
optionIcon?: IconSystemProps;
|
|
1552
|
+
}
|
|
1553
|
+
|
|
1554
|
+
declare const AsyncSelect: React__default.FC<AsyncSelectProps>;
|
|
1555
|
+
|
|
1556
|
+
interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldControlProps {
|
|
1557
|
+
/** @deprecated Use `invalid` instead. */
|
|
1558
|
+
hasError?: boolean;
|
|
1559
|
+
}
|
|
1560
|
+
declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaControlProps & {
|
|
1561
|
+
layout?: FieldWrapperLayout | undefined;
|
|
1562
|
+
tooltip?: TooltipFloatingElement | undefined;
|
|
1563
|
+
mediaType?: MediaType | undefined;
|
|
1564
|
+
label?: React__default.ReactNode;
|
|
1565
|
+
colorScheme?: ColorScheme | undefined;
|
|
1566
|
+
name?: string | undefined;
|
|
1567
|
+
note?: React__default.ReactNode;
|
|
1568
|
+
invalid?: boolean | undefined;
|
|
1569
|
+
hasError?: boolean | undefined;
|
|
1570
|
+
labelId?: string | undefined;
|
|
1571
|
+
childrenWidth?: csstype.Property.Width | undefined;
|
|
1572
|
+
controlMobileWidth?: csstype.Property.Width | undefined;
|
|
1573
|
+
controlSectionWidth?: csstype.Property.Width | undefined;
|
|
1574
|
+
controlWidth?: csstype.Property.Width | undefined;
|
|
1575
|
+
errorMessage?: React__default.ReactNode;
|
|
1576
|
+
fieldRequirement?: FieldRequirement | undefined;
|
|
1577
|
+
hintText?: React__default.ReactNode;
|
|
1578
|
+
labelSuffix?: React__default.ReactNode;
|
|
1579
|
+
successMessage?: React__default.ReactNode;
|
|
1580
|
+
} & React__default.RefAttributes<HTMLTextAreaElement>>;
|
|
1581
|
+
type TextAreaProps = ComponentProps<typeof TextArea>;
|
|
1582
|
+
|
|
1520
1583
|
interface InputBaseProps extends RefAttributes<HTMLInputElement>, FieldControlProps {
|
|
1521
1584
|
autoComplete?: HTMLInputAutoCompleteAttribute;
|
|
1522
1585
|
button?: ReactNode;
|
|
@@ -1858,7 +1921,7 @@ declare enum TypographyTextAlign {
|
|
|
1858
1921
|
right = "right"
|
|
1859
1922
|
}
|
|
1860
1923
|
|
|
1861
|
-
interface TypographyProps extends DesignSystemBaseProps {
|
|
1924
|
+
interface TypographyProps extends DesignSystemBaseProps, SsrProps {
|
|
1862
1925
|
children: ReactNode;
|
|
1863
1926
|
color?: ColorObject | string;
|
|
1864
1927
|
fullWidth?: boolean;
|
|
@@ -1927,10 +1990,6 @@ declare enum PaperShadow {
|
|
|
1927
1990
|
sm = "sm"
|
|
1928
1991
|
}
|
|
1929
1992
|
|
|
1930
|
-
interface SsrProps {
|
|
1931
|
-
suppressHydrationWarning?: boolean;
|
|
1932
|
-
}
|
|
1933
|
-
|
|
1934
1993
|
interface PaperProps extends DesignSystemBaseProps, SsrProps {
|
|
1935
1994
|
children: ReactNode;
|
|
1936
1995
|
className?: string;
|
|
@@ -2022,4 +2081,4 @@ declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value:
|
|
|
2022
2081
|
[x: string]: any;
|
|
2023
2082
|
}>;
|
|
2024
2083
|
|
|
2025
|
-
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionKeyValue, type AccordionProps, AccordionVariant, AsyncSelect as AsyncReactSelect, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, type ButtonsLayoutProps, ButtonsLayoutWrap, CalculatorResult, CalculatorResultBox, type CalculatorResultBoxModal, type CalculatorResultBoxProps, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, type ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, DatePicker, type DatePickerProps, type DesignSystemBaseProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, type FieldConfig, FieldConfigProvider, type FieldConfigProviderProps, type FieldControlProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldRequirement, FieldWrapper, FieldWrapperLayout, type FieldWrapperProps, type FieldWrapperValues, FontWeight, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, _default$1 as FormattedPercentage, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputLabelSize, InputSize, InputTextAlign, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, type MaskedInputBaseProps, MaskedInputField, type MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, type MessageValues, Modal, type ModalOnClose, type ModalProps, ModalVerticalPosition, ModalWidthType, NumberInput, NumberInputField, type NumberInputProps, Overflow, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, PhoneInputNext, type PhoneInputNextProps, type PhoneInputProps, type PrimitiveMessageValues, ProgressPaper, type ProgressPaperProps, Radio, type
|
|
2084
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionKeyValue, type AccordionProps, AccordionVariant, AsyncSelect as AsyncReactSelect, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, type ButtonsLayoutProps, ButtonsLayoutWrap, CalculatorResult, CalculatorResultBox, type CalculatorResultBoxModal, type CalculatorResultBoxProps, type CalculatorResultProps, Checkbox, type CheckboxLabel, CheckboxPosition, type CheckboxProps, type ChooseColor, type ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, DatePicker, type DatePickerProps, type DesignSystemBaseProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, type FieldConfig, FieldConfigProvider, type FieldConfigProviderProps, type FieldControlProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldRequirement, FieldWrapper, FieldWrapperLayout, type FieldWrapperProps, type FieldWrapperValues, FontWeight, _default as FormattedAmount, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, _default$1 as FormattedPercentage, type GetColor, IconProduct, IconProductSize, IconProductType, IconSystem, IconSystemSize, IconSystemType, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelProps, InputLabelSize, InputSize, InputTextAlign, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, type MaskedInputBaseProps, MaskedInputField, type MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, type MessageValues, Modal, type ModalOnClose, type ModalProps, ModalVerticalPosition, ModalWidthType, NumberInput, NumberInputField, type NumberInputProps, Overflow, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, PhoneInputNext, type PhoneInputNextProps, type PhoneInputProps, type PrimitiveMessageValues, ProgressPaper, type ProgressPaperProps, Radio, RadioBase, type RadioBaseProps, RadioButton, RadioButtonGroup, RadioButtonGroupControl, type RadioButtonGroupControlProps, RadioButtonGroupField, type RadioButtonGroupFieldProps, type RadioButtonGroupItem, type RadioButtonGroupProps, type RadioButtonLabel, type RadioButtonProps, RadioField, type RadioFieldProps, RadioGroup, RadioGroupControl, type RadioGroupControlProps, RadioGroupDirection, RadioGroupField, type RadioGroupFieldProps, type RadioGroupItem, type RadioGroupProps, type RadioLabel, RadioPosition, type RadioProps, Select$1 as ReactSelect, SelectBase as ReactSelectBase, SelectField$1 as ReactSelectField, type SelectOption as ReactSelectOption, type SelectProps$1 as ReactSelectProps, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectControl, type SelectControlProps, SelectField, type SelectFieldProps, type SelectItem, type SelectItemOrder, SelectItemOrderSource, type SelectProps, Slider, type SliderBreakpoint, SliderInput, type SliderInputLabel, type SliderInputMinMax, type SliderInputProps, SliderInputRoundingType, type SliderProps, SliderStepType, type SliderSteps, Spacing, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, TableData, TableHead, TableHeadData, TableRow, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsItem, type TabsProps, TabsSize, type TabsType, TabsVariant, Tag, TagIconPosition, type TagProps, TagSize, TagTextTransform, TagType, TextArea, type TextAreaProps, TextInput, type TextInputProps, type Theme, Toggle, type ToggleProps, type TooltipFloatingElement, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, TooltipInfoConditional, type TooltipInfoConditionalProps, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, TooltipPlacement, type TooltipRenderParent, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, type UseColorSchemeOptions, type UseColorSchemeParam, type UseDesignSystemOptions, type UseDesignSystemParam, type UseMediaTypeOptions, type UseMediaTypeParam, getColor, identityFormatter, isRenderable, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, theme, useChooseColor, useColorScheme, useCreateTooltipFloatingElement, useDesignSystem, useFieldConfig, useFieldLabels, useFormatAmount, useFormattedPercentage, useIsMessageDisplayable, useMediaType, useMessageFormatter, useRegisterFieldLabel, withFieldWrapper, withMaskedInputField };
|