@salutejs/sdds-cs 0.233.1-canary.1701.12886851599.0 → 0.234.0-canary.1706.12887876089.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/sdds-cs.api.md +40 -16
- package/components/Autocomplete/Autocomplete.d.ts +12 -4
- package/components/Combobox/Combobox.d.ts +732 -24
- package/components/Mask/Mask.d.ts +12 -4
- package/components/Select/Select.d.ts +128 -0
- package/components/TextArea/TextArea.d.ts +4 -4
- package/components/TextField/TextField.d.ts +12 -4
- package/emotion/cjs/components/Autocomplete/Autocomplete.stories.tsx +14 -1
- package/emotion/cjs/components/Combobox/Combobox.stories.tsx +14 -1
- package/emotion/cjs/components/Select/Select.stories.tsx +14 -1
- package/emotion/cjs/components/TextArea/TextArea.stories.tsx +10 -58
- package/emotion/cjs/components/TextField/TextField.stories.tsx +11 -66
- package/emotion/es/components/Autocomplete/Autocomplete.stories.tsx +14 -1
- package/emotion/es/components/Combobox/Combobox.stories.tsx +14 -1
- package/emotion/es/components/Select/Select.stories.tsx +14 -1
- package/emotion/es/components/TextArea/TextArea.stories.tsx +10 -58
- package/emotion/es/components/TextField/TextField.stories.tsx +11 -66
- package/package.json +6 -6
package/api/sdds-cs.api.md
CHANGED
@@ -520,10 +520,11 @@ clear?: boolean | undefined;
|
|
520
520
|
hasDivider?: boolean | undefined;
|
521
521
|
} & {
|
522
522
|
hintText: string;
|
523
|
-
hintTrigger?: "
|
523
|
+
hintTrigger?: "hover" | "click" | undefined;
|
524
524
|
hintView?: string | undefined;
|
525
525
|
hintSize?: string | undefined;
|
526
526
|
hintTargetIcon?: ReactNode;
|
527
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
527
528
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
528
529
|
hintHasArrow?: boolean | undefined;
|
529
530
|
hintOffset?: [number, number] | undefined;
|
@@ -550,10 +551,11 @@ clear?: boolean | undefined;
|
|
550
551
|
hasDivider?: boolean | undefined;
|
551
552
|
} & {
|
552
553
|
hintText: string;
|
553
|
-
hintTrigger?: "
|
554
|
+
hintTrigger?: "hover" | "click" | undefined;
|
554
555
|
hintView?: string | undefined;
|
555
556
|
hintSize?: string | undefined;
|
556
557
|
hintTargetIcon?: ReactNode;
|
558
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
557
559
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
558
560
|
hintHasArrow?: boolean | undefined;
|
559
561
|
hintOffset?: [number, number] | undefined;
|
@@ -586,6 +588,7 @@ hintText?: undefined;
|
|
586
588
|
hintView?: undefined;
|
587
589
|
hintSize?: undefined;
|
588
590
|
hintTargetIcon?: undefined;
|
591
|
+
hintTargetPlacement?: undefined;
|
589
592
|
hintPlacement?: undefined;
|
590
593
|
hintHasArrow?: undefined;
|
591
594
|
hintOffset?: undefined;
|
@@ -616,6 +619,7 @@ hintText?: undefined;
|
|
616
619
|
hintView?: undefined;
|
617
620
|
hintSize?: undefined;
|
618
621
|
hintTargetIcon?: undefined;
|
622
|
+
hintTargetPlacement?: undefined;
|
619
623
|
hintPlacement?: undefined;
|
620
624
|
hintHasArrow?: undefined;
|
621
625
|
hintOffset?: undefined;
|
@@ -644,10 +648,11 @@ clear?: false | undefined;
|
|
644
648
|
hasDivider?: undefined;
|
645
649
|
} & {
|
646
650
|
hintText: string;
|
647
|
-
hintTrigger?: "
|
651
|
+
hintTrigger?: "hover" | "click" | undefined;
|
648
652
|
hintView?: string | undefined;
|
649
653
|
hintSize?: string | undefined;
|
650
654
|
hintTargetIcon?: ReactNode;
|
655
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
651
656
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
652
657
|
hintHasArrow?: boolean | undefined;
|
653
658
|
hintOffset?: [number, number] | undefined;
|
@@ -674,10 +679,11 @@ clear?: false | undefined;
|
|
674
679
|
hasDivider?: undefined;
|
675
680
|
} & {
|
676
681
|
hintText: string;
|
677
|
-
hintTrigger?: "
|
682
|
+
hintTrigger?: "hover" | "click" | undefined;
|
678
683
|
hintView?: string | undefined;
|
679
684
|
hintSize?: string | undefined;
|
680
685
|
hintTargetIcon?: ReactNode;
|
686
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
681
687
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
682
688
|
hintHasArrow?: boolean | undefined;
|
683
689
|
hintOffset?: [number, number] | undefined;
|
@@ -710,6 +716,7 @@ hintText?: undefined;
|
|
710
716
|
hintView?: undefined;
|
711
717
|
hintSize?: undefined;
|
712
718
|
hintTargetIcon?: undefined;
|
719
|
+
hintTargetPlacement?: undefined;
|
713
720
|
hintPlacement?: undefined;
|
714
721
|
hintHasArrow?: undefined;
|
715
722
|
hintOffset?: undefined;
|
@@ -740,6 +747,7 @@ hintText?: undefined;
|
|
740
747
|
hintView?: undefined;
|
741
748
|
hintSize?: undefined;
|
742
749
|
hintTargetIcon?: undefined;
|
750
|
+
hintTargetPlacement?: undefined;
|
743
751
|
hintPlacement?: undefined;
|
744
752
|
hintHasArrow?: undefined;
|
745
753
|
hintOffset?: undefined;
|
@@ -1893,10 +1901,11 @@ clear?: boolean | undefined;
|
|
1893
1901
|
hasDivider?: boolean | undefined;
|
1894
1902
|
} & {
|
1895
1903
|
hintText: string;
|
1896
|
-
hintTrigger?: "
|
1904
|
+
hintTrigger?: "hover" | "click" | undefined;
|
1897
1905
|
hintView?: string | undefined;
|
1898
1906
|
hintSize?: string | undefined;
|
1899
1907
|
hintTargetIcon?: ReactNode;
|
1908
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
1900
1909
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
1901
1910
|
hintHasArrow?: boolean | undefined;
|
1902
1911
|
hintOffset?: [number, number] | undefined;
|
@@ -1955,10 +1964,11 @@ clear?: boolean | undefined;
|
|
1955
1964
|
hasDivider?: boolean | undefined;
|
1956
1965
|
} & {
|
1957
1966
|
hintText: string;
|
1958
|
-
hintTrigger?: "
|
1967
|
+
hintTrigger?: "hover" | "click" | undefined;
|
1959
1968
|
hintView?: string | undefined;
|
1960
1969
|
hintSize?: string | undefined;
|
1961
1970
|
hintTargetIcon?: ReactNode;
|
1971
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
1962
1972
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
1963
1973
|
hintHasArrow?: boolean | undefined;
|
1964
1974
|
hintOffset?: [number, number] | undefined;
|
@@ -2023,6 +2033,7 @@ hintText?: undefined;
|
|
2023
2033
|
hintView?: undefined;
|
2024
2034
|
hintSize?: undefined;
|
2025
2035
|
hintTargetIcon?: undefined;
|
2036
|
+
hintTargetPlacement?: undefined;
|
2026
2037
|
hintPlacement?: undefined;
|
2027
2038
|
hintHasArrow?: undefined;
|
2028
2039
|
hintOffset?: undefined;
|
@@ -2085,6 +2096,7 @@ hintText?: undefined;
|
|
2085
2096
|
hintView?: undefined;
|
2086
2097
|
hintSize?: undefined;
|
2087
2098
|
hintTargetIcon?: undefined;
|
2099
|
+
hintTargetPlacement?: undefined;
|
2088
2100
|
hintPlacement?: undefined;
|
2089
2101
|
hintHasArrow?: undefined;
|
2090
2102
|
hintOffset?: undefined;
|
@@ -2145,10 +2157,11 @@ clear?: false | undefined;
|
|
2145
2157
|
hasDivider?: undefined;
|
2146
2158
|
} & {
|
2147
2159
|
hintText: string;
|
2148
|
-
hintTrigger?: "
|
2160
|
+
hintTrigger?: "hover" | "click" | undefined;
|
2149
2161
|
hintView?: string | undefined;
|
2150
2162
|
hintSize?: string | undefined;
|
2151
2163
|
hintTargetIcon?: ReactNode;
|
2164
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
2152
2165
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
2153
2166
|
hintHasArrow?: boolean | undefined;
|
2154
2167
|
hintOffset?: [number, number] | undefined;
|
@@ -2207,10 +2220,11 @@ clear?: false | undefined;
|
|
2207
2220
|
hasDivider?: undefined;
|
2208
2221
|
} & {
|
2209
2222
|
hintText: string;
|
2210
|
-
hintTrigger?: "
|
2223
|
+
hintTrigger?: "hover" | "click" | undefined;
|
2211
2224
|
hintView?: string | undefined;
|
2212
2225
|
hintSize?: string | undefined;
|
2213
2226
|
hintTargetIcon?: ReactNode;
|
2227
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
2214
2228
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
2215
2229
|
hintHasArrow?: boolean | undefined;
|
2216
2230
|
hintOffset?: [number, number] | undefined;
|
@@ -2275,6 +2289,7 @@ hintText?: undefined;
|
|
2275
2289
|
hintView?: undefined;
|
2276
2290
|
hintSize?: undefined;
|
2277
2291
|
hintTargetIcon?: undefined;
|
2292
|
+
hintTargetPlacement?: undefined;
|
2278
2293
|
hintPlacement?: undefined;
|
2279
2294
|
hintHasArrow?: undefined;
|
2280
2295
|
hintOffset?: undefined;
|
@@ -2337,6 +2352,7 @@ hintText?: undefined;
|
|
2337
2352
|
hintView?: undefined;
|
2338
2353
|
hintSize?: undefined;
|
2339
2354
|
hintTargetIcon?: undefined;
|
2355
|
+
hintTargetPlacement?: undefined;
|
2340
2356
|
hintPlacement?: undefined;
|
2341
2357
|
hintHasArrow?: undefined;
|
2342
2358
|
hintOffset?: undefined;
|
@@ -3094,7 +3110,7 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
3094
3110
|
optional?: boolean | undefined;
|
3095
3111
|
} & {
|
3096
3112
|
hintText: string;
|
3097
|
-
hintTrigger?: "
|
3113
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3098
3114
|
hintOpened?: boolean | undefined;
|
3099
3115
|
hintView?: string | undefined;
|
3100
3116
|
hintSize?: string | undefined;
|
@@ -3137,7 +3153,7 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
3137
3153
|
optional?: boolean | undefined;
|
3138
3154
|
} & {
|
3139
3155
|
hintText: string;
|
3140
|
-
hintTrigger?: "
|
3156
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3141
3157
|
hintOpened?: boolean | undefined;
|
3142
3158
|
hintView?: string | undefined;
|
3143
3159
|
hintSize?: string | undefined;
|
@@ -3180,7 +3196,7 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
3180
3196
|
optional?: boolean | undefined;
|
3181
3197
|
} & {
|
3182
3198
|
hintText: string;
|
3183
|
-
hintTrigger?: "
|
3199
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3184
3200
|
hintOpened?: boolean | undefined;
|
3185
3201
|
hintView?: string | undefined;
|
3186
3202
|
hintSize?: string | undefined;
|
@@ -3223,7 +3239,7 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
3223
3239
|
optional?: boolean | undefined;
|
3224
3240
|
} & {
|
3225
3241
|
hintText: string;
|
3226
|
-
hintTrigger?: "
|
3242
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3227
3243
|
hintOpened?: boolean | undefined;
|
3228
3244
|
hintView?: string | undefined;
|
3229
3245
|
hintSize?: string | undefined;
|
@@ -3469,10 +3485,11 @@ clear?: boolean | undefined;
|
|
3469
3485
|
hasDivider?: boolean | undefined;
|
3470
3486
|
} & {
|
3471
3487
|
hintText: string;
|
3472
|
-
hintTrigger?: "
|
3488
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3473
3489
|
hintView?: string | undefined;
|
3474
3490
|
hintSize?: string | undefined;
|
3475
3491
|
hintTargetIcon?: ReactNode;
|
3492
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
3476
3493
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
3477
3494
|
hintHasArrow?: boolean | undefined;
|
3478
3495
|
hintOffset?: [number, number] | undefined;
|
@@ -3504,10 +3521,11 @@ clear?: boolean | undefined;
|
|
3504
3521
|
hasDivider?: boolean | undefined;
|
3505
3522
|
} & {
|
3506
3523
|
hintText: string;
|
3507
|
-
hintTrigger?: "
|
3524
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3508
3525
|
hintView?: string | undefined;
|
3509
3526
|
hintSize?: string | undefined;
|
3510
3527
|
hintTargetIcon?: ReactNode;
|
3528
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
3511
3529
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
3512
3530
|
hintHasArrow?: boolean | undefined;
|
3513
3531
|
hintOffset?: [number, number] | undefined;
|
@@ -3545,6 +3563,7 @@ hintText?: undefined;
|
|
3545
3563
|
hintView?: undefined;
|
3546
3564
|
hintSize?: undefined;
|
3547
3565
|
hintTargetIcon?: undefined;
|
3566
|
+
hintTargetPlacement?: undefined;
|
3548
3567
|
hintPlacement?: undefined;
|
3549
3568
|
hintHasArrow?: undefined;
|
3550
3569
|
hintOffset?: undefined;
|
@@ -3580,6 +3599,7 @@ hintText?: undefined;
|
|
3580
3599
|
hintView?: undefined;
|
3581
3600
|
hintSize?: undefined;
|
3582
3601
|
hintTargetIcon?: undefined;
|
3602
|
+
hintTargetPlacement?: undefined;
|
3583
3603
|
hintPlacement?: undefined;
|
3584
3604
|
hintHasArrow?: undefined;
|
3585
3605
|
hintOffset?: undefined;
|
@@ -3613,10 +3633,11 @@ clear?: false | undefined;
|
|
3613
3633
|
hasDivider?: undefined;
|
3614
3634
|
} & {
|
3615
3635
|
hintText: string;
|
3616
|
-
hintTrigger?: "
|
3636
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3617
3637
|
hintView?: string | undefined;
|
3618
3638
|
hintSize?: string | undefined;
|
3619
3639
|
hintTargetIcon?: ReactNode;
|
3640
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
3620
3641
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
3621
3642
|
hintHasArrow?: boolean | undefined;
|
3622
3643
|
hintOffset?: [number, number] | undefined;
|
@@ -3648,10 +3669,11 @@ clear?: false | undefined;
|
|
3648
3669
|
hasDivider?: undefined;
|
3649
3670
|
} & {
|
3650
3671
|
hintText: string;
|
3651
|
-
hintTrigger?: "
|
3672
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3652
3673
|
hintView?: string | undefined;
|
3653
3674
|
hintSize?: string | undefined;
|
3654
3675
|
hintTargetIcon?: ReactNode;
|
3676
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
3655
3677
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
3656
3678
|
hintHasArrow?: boolean | undefined;
|
3657
3679
|
hintOffset?: [number, number] | undefined;
|
@@ -3689,6 +3711,7 @@ hintText?: undefined;
|
|
3689
3711
|
hintView?: undefined;
|
3690
3712
|
hintSize?: undefined;
|
3691
3713
|
hintTargetIcon?: undefined;
|
3714
|
+
hintTargetPlacement?: undefined;
|
3692
3715
|
hintPlacement?: undefined;
|
3693
3716
|
hintHasArrow?: undefined;
|
3694
3717
|
hintOffset?: undefined;
|
@@ -3724,6 +3747,7 @@ hintText?: undefined;
|
|
3724
3747
|
hintView?: undefined;
|
3725
3748
|
hintSize?: undefined;
|
3726
3749
|
hintTargetIcon?: undefined;
|
3750
|
+
hintTargetPlacement?: undefined;
|
3727
3751
|
hintPlacement?: undefined;
|
3728
3752
|
hintHasArrow?: undefined;
|
3729
3753
|
hintOffset?: undefined;
|
@@ -30,10 +30,11 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
30
30
|
hasDivider?: boolean | undefined;
|
31
31
|
} & {
|
32
32
|
hintText: string;
|
33
|
-
hintTrigger?: "
|
33
|
+
hintTrigger?: "hover" | "click" | undefined;
|
34
34
|
hintView?: string | undefined;
|
35
35
|
hintSize?: string | undefined;
|
36
36
|
hintTargetIcon?: import("react").ReactNode;
|
37
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
37
38
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
|
38
39
|
hintHasArrow?: boolean | undefined;
|
39
40
|
hintOffset?: [number, number] | undefined;
|
@@ -60,10 +61,11 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
60
61
|
hasDivider?: boolean | undefined;
|
61
62
|
} & {
|
62
63
|
hintText: string;
|
63
|
-
hintTrigger?: "
|
64
|
+
hintTrigger?: "hover" | "click" | undefined;
|
64
65
|
hintView?: string | undefined;
|
65
66
|
hintSize?: string | undefined;
|
66
67
|
hintTargetIcon?: import("react").ReactNode;
|
68
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
67
69
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
|
68
70
|
hintHasArrow?: boolean | undefined;
|
69
71
|
hintOffset?: [number, number] | undefined;
|
@@ -96,6 +98,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
96
98
|
hintView?: undefined;
|
97
99
|
hintSize?: undefined;
|
98
100
|
hintTargetIcon?: undefined;
|
101
|
+
hintTargetPlacement?: undefined;
|
99
102
|
hintPlacement?: undefined;
|
100
103
|
hintHasArrow?: undefined;
|
101
104
|
hintOffset?: undefined;
|
@@ -126,6 +129,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
126
129
|
hintView?: undefined;
|
127
130
|
hintSize?: undefined;
|
128
131
|
hintTargetIcon?: undefined;
|
132
|
+
hintTargetPlacement?: undefined;
|
129
133
|
hintPlacement?: undefined;
|
130
134
|
hintHasArrow?: undefined;
|
131
135
|
hintOffset?: undefined;
|
@@ -154,10 +158,11 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
154
158
|
hasDivider?: undefined;
|
155
159
|
} & {
|
156
160
|
hintText: string;
|
157
|
-
hintTrigger?: "
|
161
|
+
hintTrigger?: "hover" | "click" | undefined;
|
158
162
|
hintView?: string | undefined;
|
159
163
|
hintSize?: string | undefined;
|
160
164
|
hintTargetIcon?: import("react").ReactNode;
|
165
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
161
166
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
|
162
167
|
hintHasArrow?: boolean | undefined;
|
163
168
|
hintOffset?: [number, number] | undefined;
|
@@ -184,10 +189,11 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
184
189
|
hasDivider?: undefined;
|
185
190
|
} & {
|
186
191
|
hintText: string;
|
187
|
-
hintTrigger?: "
|
192
|
+
hintTrigger?: "hover" | "click" | undefined;
|
188
193
|
hintView?: string | undefined;
|
189
194
|
hintSize?: string | undefined;
|
190
195
|
hintTargetIcon?: import("react").ReactNode;
|
196
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
191
197
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
|
192
198
|
hintHasArrow?: boolean | undefined;
|
193
199
|
hintOffset?: [number, number] | undefined;
|
@@ -220,6 +226,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
220
226
|
hintView?: undefined;
|
221
227
|
hintSize?: undefined;
|
222
228
|
hintTargetIcon?: undefined;
|
229
|
+
hintTargetPlacement?: undefined;
|
223
230
|
hintPlacement?: undefined;
|
224
231
|
hintHasArrow?: undefined;
|
225
232
|
hintOffset?: undefined;
|
@@ -250,6 +257,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
250
257
|
hintView?: undefined;
|
251
258
|
hintSize?: undefined;
|
252
259
|
hintTargetIcon?: undefined;
|
260
|
+
hintTargetPlacement?: undefined;
|
253
261
|
hintPlacement?: undefined;
|
254
262
|
hintHasArrow?: undefined;
|
255
263
|
hintOffset?: undefined;
|