@workday/canvas-kit-react 11.0.0-alpha.760-next.0 → 11.0.0-alpha.761-next.0
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/commonjs/select/lib/Select.d.ts +1026 -57
- package/dist/commonjs/select/lib/Select.d.ts.map +1 -1
- package/dist/commonjs/select/lib/Select.js +2 -2
- package/dist/es6/select/lib/Select.d.ts +1026 -57
- package/dist/es6/select/lib/Select.d.ts.map +1 -1
- package/dist/es6/select/lib/Select.js +2 -2
- package/package.json +4 -4
- package/select/lib/Select.tsx +2 -1
|
@@ -41,7 +41,24 @@ export declare const SelectInput: import("@workday/canvas-kit-react/common").Ele
|
|
|
41
41
|
UNSTABLE_defaultItemHeight: number;
|
|
42
42
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
43
43
|
orientation: "horizontal" | "vertical";
|
|
44
|
-
indexRef: React.MutableRefObject<number>;
|
|
44
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
45
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
46
|
+
*
|
|
47
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
48
|
+
*
|
|
49
|
+
* ```tsx
|
|
50
|
+
* <Select item={options}>
|
|
51
|
+
* <FormField label="Your Label">
|
|
52
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
53
|
+
* <Select.Popper>
|
|
54
|
+
* <Select.Card>
|
|
55
|
+
* ...
|
|
56
|
+
* </Select.Card>
|
|
57
|
+
* </Select.Popper>
|
|
58
|
+
* </FormField>
|
|
59
|
+
* </Select>
|
|
60
|
+
* ```
|
|
61
|
+
*/
|
|
45
62
|
nonInteractiveIds: string[];
|
|
46
63
|
isVirtualized: boolean;
|
|
47
64
|
items: import("../..").Item<any>[];
|
|
@@ -123,7 +140,24 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
|
|
|
123
140
|
UNSTABLE_defaultItemHeight: number;
|
|
124
141
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
125
142
|
orientation: "horizontal" | "vertical";
|
|
126
|
-
indexRef: React.MutableRefObject<number>;
|
|
143
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
144
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
145
|
+
*
|
|
146
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
147
|
+
*
|
|
148
|
+
* ```tsx
|
|
149
|
+
* <Select item={options}>
|
|
150
|
+
* <FormField label="Your Label">
|
|
151
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
152
|
+
* <Select.Popper>
|
|
153
|
+
* <Select.Card>
|
|
154
|
+
* ...
|
|
155
|
+
* </Select.Card>
|
|
156
|
+
* </Select.Popper>
|
|
157
|
+
* </FormField>
|
|
158
|
+
* </Select>
|
|
159
|
+
* ```
|
|
160
|
+
*/
|
|
127
161
|
nonInteractiveIds: string[];
|
|
128
162
|
isVirtualized: boolean;
|
|
129
163
|
items: import("../..").Item<any>[];
|
|
@@ -204,7 +238,24 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
|
|
|
204
238
|
UNSTABLE_defaultItemHeight: number;
|
|
205
239
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
206
240
|
orientation: "horizontal" | "vertical";
|
|
207
|
-
indexRef: React.MutableRefObject<number>;
|
|
241
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
242
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
243
|
+
*
|
|
244
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
245
|
+
*
|
|
246
|
+
* ```tsx
|
|
247
|
+
* <Select item={options}>
|
|
248
|
+
* <FormField label="Your Label">
|
|
249
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
250
|
+
* <Select.Popper>
|
|
251
|
+
* <Select.Card>
|
|
252
|
+
* ...
|
|
253
|
+
* </Select.Card>
|
|
254
|
+
* </Select.Popper>
|
|
255
|
+
* </FormField>
|
|
256
|
+
* </Select>
|
|
257
|
+
* ```
|
|
258
|
+
*/
|
|
208
259
|
nonInteractiveIds: string[];
|
|
209
260
|
isVirtualized: boolean;
|
|
210
261
|
items: import("../..").Item<any>[];
|
|
@@ -286,7 +337,24 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
|
|
|
286
337
|
UNSTABLE_defaultItemHeight: number;
|
|
287
338
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
288
339
|
orientation: "horizontal" | "vertical";
|
|
289
|
-
indexRef: React.MutableRefObject<number>;
|
|
340
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
341
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
342
|
+
*
|
|
343
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
344
|
+
*
|
|
345
|
+
* ```tsx
|
|
346
|
+
* <Select item={options}>
|
|
347
|
+
* <FormField label="Your Label">
|
|
348
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
349
|
+
* <Select.Popper>
|
|
350
|
+
* <Select.Card>
|
|
351
|
+
* ...
|
|
352
|
+
* </Select.Card>
|
|
353
|
+
* </Select.Popper>
|
|
354
|
+
* </FormField>
|
|
355
|
+
* </Select>
|
|
356
|
+
* ```
|
|
357
|
+
*/
|
|
290
358
|
nonInteractiveIds: string[];
|
|
291
359
|
isVirtualized: boolean;
|
|
292
360
|
items: import("../..").Item<any>[];
|
|
@@ -369,7 +437,24 @@ export declare const SelectCard: import("@workday/canvas-kit-react/common").Elem
|
|
|
369
437
|
UNSTABLE_defaultItemHeight: number;
|
|
370
438
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
371
439
|
orientation: "horizontal" | "vertical";
|
|
372
|
-
indexRef: React.MutableRefObject<number>;
|
|
440
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
441
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
442
|
+
*
|
|
443
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
444
|
+
*
|
|
445
|
+
* ```tsx
|
|
446
|
+
* <Select item={options}>
|
|
447
|
+
* <FormField label="Your Label">
|
|
448
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
449
|
+
* <Select.Popper>
|
|
450
|
+
* <Select.Card>
|
|
451
|
+
* ...
|
|
452
|
+
* </Select.Card>
|
|
453
|
+
* </Select.Popper>
|
|
454
|
+
* </FormField>
|
|
455
|
+
* </Select>
|
|
456
|
+
* ```
|
|
457
|
+
*/
|
|
373
458
|
nonInteractiveIds: string[];
|
|
374
459
|
isVirtualized: boolean;
|
|
375
460
|
items: import("../..").Item<any>[];
|
|
@@ -450,7 +535,24 @@ export declare const SelectCard: import("@workday/canvas-kit-react/common").Elem
|
|
|
450
535
|
UNSTABLE_defaultItemHeight: number;
|
|
451
536
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
452
537
|
orientation: "horizontal" | "vertical";
|
|
453
|
-
indexRef: React.MutableRefObject<number>;
|
|
538
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
539
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
540
|
+
*
|
|
541
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
542
|
+
*
|
|
543
|
+
* ```tsx
|
|
544
|
+
* <Select item={options}>
|
|
545
|
+
* <FormField label="Your Label">
|
|
546
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
547
|
+
* <Select.Popper>
|
|
548
|
+
* <Select.Card>
|
|
549
|
+
* ...
|
|
550
|
+
* </Select.Card>
|
|
551
|
+
* </Select.Popper>
|
|
552
|
+
* </FormField>
|
|
553
|
+
* </Select>
|
|
554
|
+
* ```
|
|
555
|
+
*/
|
|
454
556
|
nonInteractiveIds: string[];
|
|
455
557
|
isVirtualized: boolean;
|
|
456
558
|
items: import("../..").Item<any>[];
|
|
@@ -576,7 +678,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
576
678
|
UNSTABLE_defaultItemHeight: number;
|
|
577
679
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
578
680
|
orientation: "horizontal" | "vertical";
|
|
579
|
-
indexRef: React.MutableRefObject<number>;
|
|
681
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
682
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
683
|
+
*
|
|
684
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
685
|
+
*
|
|
686
|
+
* ```tsx
|
|
687
|
+
* <Select item={options}>
|
|
688
|
+
* <FormField label="Your Label">
|
|
689
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
690
|
+
* <Select.Popper>
|
|
691
|
+
* <Select.Card>
|
|
692
|
+
* ...
|
|
693
|
+
* </Select.Card>
|
|
694
|
+
* </Select.Popper>
|
|
695
|
+
* </FormField>
|
|
696
|
+
* </Select>
|
|
697
|
+
* ```
|
|
698
|
+
*/
|
|
580
699
|
nonInteractiveIds: string[];
|
|
581
700
|
isVirtualized: boolean;
|
|
582
701
|
items: import("../..").Item<any>[];
|
|
@@ -618,7 +737,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
618
737
|
UNSTABLE_defaultItemHeight: number;
|
|
619
738
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
620
739
|
orientation: "horizontal" | "vertical";
|
|
621
|
-
indexRef: React.MutableRefObject<number>;
|
|
740
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
741
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
742
|
+
*
|
|
743
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
744
|
+
*
|
|
745
|
+
* ```tsx
|
|
746
|
+
* <Select item={options}>
|
|
747
|
+
* <FormField label="Your Label">
|
|
748
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
749
|
+
* <Select.Popper>
|
|
750
|
+
* <Select.Card>
|
|
751
|
+
* ...
|
|
752
|
+
* </Select.Card>
|
|
753
|
+
* </Select.Popper>
|
|
754
|
+
* </FormField>
|
|
755
|
+
* </Select>
|
|
756
|
+
* ```
|
|
757
|
+
*/
|
|
622
758
|
nonInteractiveIds: string[];
|
|
623
759
|
isVirtualized: boolean;
|
|
624
760
|
items: import("../..").Item<any>[];
|
|
@@ -658,7 +794,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
658
794
|
UNSTABLE_defaultItemHeight: number;
|
|
659
795
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
660
796
|
orientation: "horizontal" | "vertical";
|
|
661
|
-
indexRef: React.MutableRefObject<number>;
|
|
797
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
798
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
799
|
+
*
|
|
800
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
801
|
+
*
|
|
802
|
+
* ```tsx
|
|
803
|
+
* <Select item={options}>
|
|
804
|
+
* <FormField label="Your Label">
|
|
805
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
806
|
+
* <Select.Popper>
|
|
807
|
+
* <Select.Card>
|
|
808
|
+
* ...
|
|
809
|
+
* </Select.Card>
|
|
810
|
+
* </Select.Popper>
|
|
811
|
+
* </FormField>
|
|
812
|
+
* </Select>
|
|
813
|
+
* ```
|
|
814
|
+
*/
|
|
662
815
|
nonInteractiveIds: string[];
|
|
663
816
|
isVirtualized: boolean;
|
|
664
817
|
items: import("../..").Item<any>[];
|
|
@@ -698,7 +851,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
698
851
|
UNSTABLE_defaultItemHeight: number;
|
|
699
852
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
700
853
|
orientation: "horizontal" | "vertical";
|
|
701
|
-
indexRef: React.MutableRefObject<number>;
|
|
854
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
855
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
856
|
+
*
|
|
857
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
858
|
+
*
|
|
859
|
+
* ```tsx
|
|
860
|
+
* <Select item={options}>
|
|
861
|
+
* <FormField label="Your Label">
|
|
862
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
863
|
+
* <Select.Popper>
|
|
864
|
+
* <Select.Card>
|
|
865
|
+
* ...
|
|
866
|
+
* </Select.Card>
|
|
867
|
+
* </Select.Popper>
|
|
868
|
+
* </FormField>
|
|
869
|
+
* </Select>
|
|
870
|
+
* ```
|
|
871
|
+
*/
|
|
702
872
|
nonInteractiveIds: string[];
|
|
703
873
|
isVirtualized: boolean;
|
|
704
874
|
items: import("../..").Item<any>[];
|
|
@@ -740,7 +910,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
740
910
|
UNSTABLE_defaultItemHeight: number;
|
|
741
911
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
742
912
|
orientation: "horizontal" | "vertical";
|
|
743
|
-
indexRef: React.MutableRefObject<number>;
|
|
913
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
914
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
915
|
+
*
|
|
916
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
917
|
+
*
|
|
918
|
+
* ```tsx
|
|
919
|
+
* <Select item={options}>
|
|
920
|
+
* <FormField label="Your Label">
|
|
921
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
922
|
+
* <Select.Popper>
|
|
923
|
+
* <Select.Card>
|
|
924
|
+
* ...
|
|
925
|
+
* </Select.Card>
|
|
926
|
+
* </Select.Popper>
|
|
927
|
+
* </FormField>
|
|
928
|
+
* </Select>
|
|
929
|
+
* ```
|
|
930
|
+
*/
|
|
744
931
|
nonInteractiveIds: string[];
|
|
745
932
|
isVirtualized: boolean;
|
|
746
933
|
items: import("../..").Item<any>[];
|
|
@@ -780,7 +967,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
780
967
|
UNSTABLE_defaultItemHeight: number;
|
|
781
968
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
782
969
|
orientation: "horizontal" | "vertical";
|
|
783
|
-
indexRef: React.MutableRefObject<number>;
|
|
970
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
971
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
972
|
+
*
|
|
973
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
974
|
+
*
|
|
975
|
+
* ```tsx
|
|
976
|
+
* <Select item={options}>
|
|
977
|
+
* <FormField label="Your Label">
|
|
978
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
979
|
+
* <Select.Popper>
|
|
980
|
+
* <Select.Card>
|
|
981
|
+
* ...
|
|
982
|
+
* </Select.Card>
|
|
983
|
+
* </Select.Popper>
|
|
984
|
+
* </FormField>
|
|
985
|
+
* </Select>
|
|
986
|
+
* ```
|
|
987
|
+
*/
|
|
784
988
|
nonInteractiveIds: string[];
|
|
785
989
|
isVirtualized: boolean;
|
|
786
990
|
items: import("../..").Item<any>[];
|
|
@@ -820,7 +1024,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
820
1024
|
UNSTABLE_defaultItemHeight: number;
|
|
821
1025
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
822
1026
|
orientation: "horizontal" | "vertical";
|
|
823
|
-
indexRef: React.MutableRefObject<number>;
|
|
1027
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1028
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1029
|
+
*
|
|
1030
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1031
|
+
*
|
|
1032
|
+
* ```tsx
|
|
1033
|
+
* <Select item={options}>
|
|
1034
|
+
* <FormField label="Your Label">
|
|
1035
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1036
|
+
* <Select.Popper>
|
|
1037
|
+
* <Select.Card>
|
|
1038
|
+
* ...
|
|
1039
|
+
* </Select.Card>
|
|
1040
|
+
* </Select.Popper>
|
|
1041
|
+
* </FormField>
|
|
1042
|
+
* </Select>
|
|
1043
|
+
* ```
|
|
1044
|
+
*/
|
|
824
1045
|
nonInteractiveIds: string[];
|
|
825
1046
|
isVirtualized: boolean;
|
|
826
1047
|
items: import("../..").Item<any>[];
|
|
@@ -862,7 +1083,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
862
1083
|
UNSTABLE_defaultItemHeight: number;
|
|
863
1084
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
864
1085
|
orientation: "horizontal" | "vertical";
|
|
865
|
-
indexRef: React.MutableRefObject<number>;
|
|
1086
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1087
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1088
|
+
*
|
|
1089
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1090
|
+
*
|
|
1091
|
+
* ```tsx
|
|
1092
|
+
* <Select item={options}>
|
|
1093
|
+
* <FormField label="Your Label">
|
|
1094
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1095
|
+
* <Select.Popper>
|
|
1096
|
+
* <Select.Card>
|
|
1097
|
+
* ...
|
|
1098
|
+
* </Select.Card>
|
|
1099
|
+
* </Select.Popper>
|
|
1100
|
+
* </FormField>
|
|
1101
|
+
* </Select>
|
|
1102
|
+
* ```
|
|
1103
|
+
*/
|
|
866
1104
|
nonInteractiveIds: string[];
|
|
867
1105
|
isVirtualized: boolean;
|
|
868
1106
|
items: import("../..").Item<any>[];
|
|
@@ -902,7 +1140,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
902
1140
|
UNSTABLE_defaultItemHeight: number;
|
|
903
1141
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
904
1142
|
orientation: "horizontal" | "vertical";
|
|
905
|
-
indexRef: React.MutableRefObject<number>;
|
|
1143
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1144
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1145
|
+
*
|
|
1146
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1147
|
+
*
|
|
1148
|
+
* ```tsx
|
|
1149
|
+
* <Select item={options}>
|
|
1150
|
+
* <FormField label="Your Label">
|
|
1151
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1152
|
+
* <Select.Popper>
|
|
1153
|
+
* <Select.Card>
|
|
1154
|
+
* ...
|
|
1155
|
+
* </Select.Card>
|
|
1156
|
+
* </Select.Popper>
|
|
1157
|
+
* </FormField>
|
|
1158
|
+
* </Select>
|
|
1159
|
+
* ```
|
|
1160
|
+
*/
|
|
906
1161
|
nonInteractiveIds: string[];
|
|
907
1162
|
isVirtualized: boolean;
|
|
908
1163
|
items: import("../..").Item<any>[];
|
|
@@ -942,7 +1197,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
942
1197
|
UNSTABLE_defaultItemHeight: number;
|
|
943
1198
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
944
1199
|
orientation: "horizontal" | "vertical";
|
|
945
|
-
indexRef: React.MutableRefObject<number>;
|
|
1200
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1201
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1202
|
+
*
|
|
1203
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1204
|
+
*
|
|
1205
|
+
* ```tsx
|
|
1206
|
+
* <Select item={options}>
|
|
1207
|
+
* <FormField label="Your Label">
|
|
1208
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1209
|
+
* <Select.Popper>
|
|
1210
|
+
* <Select.Card>
|
|
1211
|
+
* ...
|
|
1212
|
+
* </Select.Card>
|
|
1213
|
+
* </Select.Popper>
|
|
1214
|
+
* </FormField>
|
|
1215
|
+
* </Select>
|
|
1216
|
+
* ```
|
|
1217
|
+
*/
|
|
946
1218
|
nonInteractiveIds: string[];
|
|
947
1219
|
isVirtualized: boolean;
|
|
948
1220
|
items: import("../..").Item<any>[];
|
|
@@ -982,7 +1254,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
982
1254
|
UNSTABLE_defaultItemHeight: number;
|
|
983
1255
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
984
1256
|
orientation: "horizontal" | "vertical";
|
|
985
|
-
indexRef: React.MutableRefObject<number>;
|
|
1257
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1258
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1259
|
+
*
|
|
1260
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1261
|
+
*
|
|
1262
|
+
* ```tsx
|
|
1263
|
+
* <Select item={options}>
|
|
1264
|
+
* <FormField label="Your Label">
|
|
1265
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1266
|
+
* <Select.Popper>
|
|
1267
|
+
* <Select.Card>
|
|
1268
|
+
* ...
|
|
1269
|
+
* </Select.Card>
|
|
1270
|
+
* </Select.Popper>
|
|
1271
|
+
* </FormField>
|
|
1272
|
+
* </Select>
|
|
1273
|
+
* ```
|
|
1274
|
+
*/
|
|
986
1275
|
nonInteractiveIds: string[];
|
|
987
1276
|
isVirtualized: boolean;
|
|
988
1277
|
items: import("../..").Item<any>[];
|
|
@@ -1022,7 +1311,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1022
1311
|
UNSTABLE_defaultItemHeight: number;
|
|
1023
1312
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1024
1313
|
orientation: "horizontal" | "vertical";
|
|
1025
|
-
indexRef: React.MutableRefObject<number>;
|
|
1314
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1315
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1316
|
+
*
|
|
1317
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1318
|
+
*
|
|
1319
|
+
* ```tsx
|
|
1320
|
+
* <Select item={options}>
|
|
1321
|
+
* <FormField label="Your Label">
|
|
1322
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1323
|
+
* <Select.Popper>
|
|
1324
|
+
* <Select.Card>
|
|
1325
|
+
* ...
|
|
1326
|
+
* </Select.Card>
|
|
1327
|
+
* </Select.Popper>
|
|
1328
|
+
* </FormField>
|
|
1329
|
+
* </Select>
|
|
1330
|
+
* ```
|
|
1331
|
+
*/
|
|
1026
1332
|
nonInteractiveIds: string[];
|
|
1027
1333
|
isVirtualized: boolean;
|
|
1028
1334
|
items: import("../..").Item<any>[];
|
|
@@ -1062,7 +1368,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1062
1368
|
UNSTABLE_defaultItemHeight: number;
|
|
1063
1369
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1064
1370
|
orientation: "horizontal" | "vertical";
|
|
1065
|
-
indexRef: React.MutableRefObject<number>;
|
|
1371
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1372
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1373
|
+
*
|
|
1374
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1375
|
+
*
|
|
1376
|
+
* ```tsx
|
|
1377
|
+
* <Select item={options}>
|
|
1378
|
+
* <FormField label="Your Label">
|
|
1379
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1380
|
+
* <Select.Popper>
|
|
1381
|
+
* <Select.Card>
|
|
1382
|
+
* ...
|
|
1383
|
+
* </Select.Card>
|
|
1384
|
+
* </Select.Popper>
|
|
1385
|
+
* </FormField>
|
|
1386
|
+
* </Select>
|
|
1387
|
+
* ```
|
|
1388
|
+
*/
|
|
1066
1389
|
nonInteractiveIds: string[];
|
|
1067
1390
|
isVirtualized: boolean;
|
|
1068
1391
|
items: import("../..").Item<any>[];
|
|
@@ -1102,7 +1425,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1102
1425
|
UNSTABLE_defaultItemHeight: number;
|
|
1103
1426
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1104
1427
|
orientation: "horizontal" | "vertical";
|
|
1105
|
-
indexRef: React.MutableRefObject<number>;
|
|
1428
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1429
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1430
|
+
*
|
|
1431
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1432
|
+
*
|
|
1433
|
+
* ```tsx
|
|
1434
|
+
* <Select item={options}>
|
|
1435
|
+
* <FormField label="Your Label">
|
|
1436
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1437
|
+
* <Select.Popper>
|
|
1438
|
+
* <Select.Card>
|
|
1439
|
+
* ...
|
|
1440
|
+
* </Select.Card>
|
|
1441
|
+
* </Select.Popper>
|
|
1442
|
+
* </FormField>
|
|
1443
|
+
* </Select>
|
|
1444
|
+
* ```
|
|
1445
|
+
*/
|
|
1106
1446
|
nonInteractiveIds: string[];
|
|
1107
1447
|
isVirtualized: boolean;
|
|
1108
1448
|
items: import("../..").Item<any>[];
|
|
@@ -1142,7 +1482,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1142
1482
|
UNSTABLE_defaultItemHeight: number;
|
|
1143
1483
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1144
1484
|
orientation: "horizontal" | "vertical";
|
|
1145
|
-
indexRef: React.MutableRefObject<number>;
|
|
1485
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1486
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1487
|
+
*
|
|
1488
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1489
|
+
*
|
|
1490
|
+
* ```tsx
|
|
1491
|
+
* <Select item={options}>
|
|
1492
|
+
* <FormField label="Your Label">
|
|
1493
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1494
|
+
* <Select.Popper>
|
|
1495
|
+
* <Select.Card>
|
|
1496
|
+
* ...
|
|
1497
|
+
* </Select.Card>
|
|
1498
|
+
* </Select.Popper>
|
|
1499
|
+
* </FormField>
|
|
1500
|
+
* </Select>
|
|
1501
|
+
* ```
|
|
1502
|
+
*/
|
|
1146
1503
|
nonInteractiveIds: string[];
|
|
1147
1504
|
isVirtualized: boolean;
|
|
1148
1505
|
items: import("../..").Item<any>[];
|
|
@@ -1182,7 +1539,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1182
1539
|
UNSTABLE_defaultItemHeight: number;
|
|
1183
1540
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1184
1541
|
orientation: "horizontal" | "vertical";
|
|
1185
|
-
indexRef: React.MutableRefObject<number>;
|
|
1542
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1543
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1544
|
+
*
|
|
1545
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1546
|
+
*
|
|
1547
|
+
* ```tsx
|
|
1548
|
+
* <Select item={options}>
|
|
1549
|
+
* <FormField label="Your Label">
|
|
1550
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1551
|
+
* <Select.Popper>
|
|
1552
|
+
* <Select.Card>
|
|
1553
|
+
* ...
|
|
1554
|
+
* </Select.Card>
|
|
1555
|
+
* </Select.Popper>
|
|
1556
|
+
* </FormField>
|
|
1557
|
+
* </Select>
|
|
1558
|
+
* ```
|
|
1559
|
+
*/
|
|
1186
1560
|
nonInteractiveIds: string[];
|
|
1187
1561
|
isVirtualized: boolean;
|
|
1188
1562
|
items: import("../..").Item<any>[];
|
|
@@ -1222,7 +1596,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1222
1596
|
UNSTABLE_defaultItemHeight: number;
|
|
1223
1597
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1224
1598
|
orientation: "horizontal" | "vertical";
|
|
1225
|
-
indexRef: React.MutableRefObject<number>;
|
|
1599
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1600
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1601
|
+
*
|
|
1602
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1603
|
+
*
|
|
1604
|
+
* ```tsx
|
|
1605
|
+
* <Select item={options}>
|
|
1606
|
+
* <FormField label="Your Label">
|
|
1607
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1608
|
+
* <Select.Popper>
|
|
1609
|
+
* <Select.Card>
|
|
1610
|
+
* ...
|
|
1611
|
+
* </Select.Card>
|
|
1612
|
+
* </Select.Popper>
|
|
1613
|
+
* </FormField>
|
|
1614
|
+
* </Select>
|
|
1615
|
+
* ```
|
|
1616
|
+
*/
|
|
1226
1617
|
nonInteractiveIds: string[];
|
|
1227
1618
|
isVirtualized: boolean;
|
|
1228
1619
|
items: import("../..").Item<any>[];
|
|
@@ -1262,7 +1653,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1262
1653
|
UNSTABLE_defaultItemHeight: number;
|
|
1263
1654
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1264
1655
|
orientation: "horizontal" | "vertical";
|
|
1265
|
-
indexRef: React.MutableRefObject<number>;
|
|
1656
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1657
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1658
|
+
*
|
|
1659
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1660
|
+
*
|
|
1661
|
+
* ```tsx
|
|
1662
|
+
* <Select item={options}>
|
|
1663
|
+
* <FormField label="Your Label">
|
|
1664
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1665
|
+
* <Select.Popper>
|
|
1666
|
+
* <Select.Card>
|
|
1667
|
+
* ...
|
|
1668
|
+
* </Select.Card>
|
|
1669
|
+
* </Select.Popper>
|
|
1670
|
+
* </FormField>
|
|
1671
|
+
* </Select>
|
|
1672
|
+
* ```
|
|
1673
|
+
*/
|
|
1266
1674
|
nonInteractiveIds: string[];
|
|
1267
1675
|
isVirtualized: boolean;
|
|
1268
1676
|
items: import("../..").Item<any>[];
|
|
@@ -1305,7 +1713,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1305
1713
|
UNSTABLE_defaultItemHeight: number;
|
|
1306
1714
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1307
1715
|
orientation: "horizontal" | "vertical";
|
|
1308
|
-
indexRef: React.MutableRefObject<number>;
|
|
1716
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1717
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1718
|
+
*
|
|
1719
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1720
|
+
*
|
|
1721
|
+
* ```tsx
|
|
1722
|
+
* <Select item={options}>
|
|
1723
|
+
* <FormField label="Your Label">
|
|
1724
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1725
|
+
* <Select.Popper>
|
|
1726
|
+
* <Select.Card>
|
|
1727
|
+
* ...
|
|
1728
|
+
* </Select.Card>
|
|
1729
|
+
* </Select.Popper>
|
|
1730
|
+
* </FormField>
|
|
1731
|
+
* </Select>
|
|
1732
|
+
* ```
|
|
1733
|
+
*/
|
|
1309
1734
|
nonInteractiveIds: string[];
|
|
1310
1735
|
isVirtualized: boolean;
|
|
1311
1736
|
items: import("../..").Item<any>[];
|
|
@@ -1347,7 +1772,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1347
1772
|
UNSTABLE_defaultItemHeight: number;
|
|
1348
1773
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1349
1774
|
orientation: "horizontal" | "vertical";
|
|
1350
|
-
indexRef: React.MutableRefObject<number>;
|
|
1775
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1776
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1777
|
+
*
|
|
1778
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1779
|
+
*
|
|
1780
|
+
* ```tsx
|
|
1781
|
+
* <Select item={options}>
|
|
1782
|
+
* <FormField label="Your Label">
|
|
1783
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1784
|
+
* <Select.Popper>
|
|
1785
|
+
* <Select.Card>
|
|
1786
|
+
* ...
|
|
1787
|
+
* </Select.Card>
|
|
1788
|
+
* </Select.Popper>
|
|
1789
|
+
* </FormField>
|
|
1790
|
+
* </Select>
|
|
1791
|
+
* ```
|
|
1792
|
+
*/
|
|
1351
1793
|
nonInteractiveIds: string[];
|
|
1352
1794
|
isVirtualized: boolean;
|
|
1353
1795
|
items: import("../..").Item<any>[];
|
|
@@ -1389,7 +1831,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1389
1831
|
UNSTABLE_defaultItemHeight: number;
|
|
1390
1832
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1391
1833
|
orientation: "horizontal" | "vertical";
|
|
1392
|
-
indexRef: React.MutableRefObject<number>;
|
|
1834
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1835
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1836
|
+
*
|
|
1837
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1838
|
+
*
|
|
1839
|
+
* ```tsx
|
|
1840
|
+
* <Select item={options}>
|
|
1841
|
+
* <FormField label="Your Label">
|
|
1842
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1843
|
+
* <Select.Popper>
|
|
1844
|
+
* <Select.Card>
|
|
1845
|
+
* ...
|
|
1846
|
+
* </Select.Card>
|
|
1847
|
+
* </Select.Popper>
|
|
1848
|
+
* </FormField>
|
|
1849
|
+
* </Select>
|
|
1850
|
+
* ```
|
|
1851
|
+
*/
|
|
1393
1852
|
nonInteractiveIds: string[];
|
|
1394
1853
|
isVirtualized: boolean;
|
|
1395
1854
|
items: import("../..").Item<any>[];
|
|
@@ -1430,7 +1889,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1430
1889
|
UNSTABLE_defaultItemHeight: number;
|
|
1431
1890
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1432
1891
|
orientation: "horizontal" | "vertical";
|
|
1433
|
-
indexRef: React.MutableRefObject<number>;
|
|
1892
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1893
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1894
|
+
*
|
|
1895
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1896
|
+
*
|
|
1897
|
+
* ```tsx
|
|
1898
|
+
* <Select item={options}>
|
|
1899
|
+
* <FormField label="Your Label">
|
|
1900
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1901
|
+
* <Select.Popper>
|
|
1902
|
+
* <Select.Card>
|
|
1903
|
+
* ...
|
|
1904
|
+
* </Select.Card>
|
|
1905
|
+
* </Select.Popper>
|
|
1906
|
+
* </FormField>
|
|
1907
|
+
* </Select>
|
|
1908
|
+
* ```
|
|
1909
|
+
*/
|
|
1434
1910
|
nonInteractiveIds: string[];
|
|
1435
1911
|
isVirtualized: boolean;
|
|
1436
1912
|
items: import("../..").Item<any>[];
|
|
@@ -1472,7 +1948,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1472
1948
|
UNSTABLE_defaultItemHeight: number;
|
|
1473
1949
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1474
1950
|
orientation: "horizontal" | "vertical";
|
|
1475
|
-
indexRef: React.MutableRefObject<number>;
|
|
1951
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
1952
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
1953
|
+
*
|
|
1954
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
1955
|
+
*
|
|
1956
|
+
* ```tsx
|
|
1957
|
+
* <Select item={options}>
|
|
1958
|
+
* <FormField label="Your Label">
|
|
1959
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1960
|
+
* <Select.Popper>
|
|
1961
|
+
* <Select.Card>
|
|
1962
|
+
* ...
|
|
1963
|
+
* </Select.Card>
|
|
1964
|
+
* </Select.Popper>
|
|
1965
|
+
* </FormField>
|
|
1966
|
+
* </Select>
|
|
1967
|
+
* ```
|
|
1968
|
+
*/
|
|
1476
1969
|
nonInteractiveIds: string[];
|
|
1477
1970
|
isVirtualized: boolean;
|
|
1478
1971
|
items: import("../..").Item<any>[];
|
|
@@ -1512,7 +2005,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1512
2005
|
UNSTABLE_defaultItemHeight: number;
|
|
1513
2006
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1514
2007
|
orientation: "horizontal" | "vertical";
|
|
1515
|
-
indexRef: React.MutableRefObject<number>;
|
|
2008
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2009
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2010
|
+
*
|
|
2011
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2012
|
+
*
|
|
2013
|
+
* ```tsx
|
|
2014
|
+
* <Select item={options}>
|
|
2015
|
+
* <FormField label="Your Label">
|
|
2016
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2017
|
+
* <Select.Popper>
|
|
2018
|
+
* <Select.Card>
|
|
2019
|
+
* ...
|
|
2020
|
+
* </Select.Card>
|
|
2021
|
+
* </Select.Popper>
|
|
2022
|
+
* </FormField>
|
|
2023
|
+
* </Select>
|
|
2024
|
+
* ```
|
|
2025
|
+
*/
|
|
1516
2026
|
nonInteractiveIds: string[];
|
|
1517
2027
|
isVirtualized: boolean;
|
|
1518
2028
|
items: import("../..").Item<any>[];
|
|
@@ -1552,7 +2062,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1552
2062
|
UNSTABLE_defaultItemHeight: number;
|
|
1553
2063
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1554
2064
|
orientation: "horizontal" | "vertical";
|
|
1555
|
-
indexRef: React.MutableRefObject<number>;
|
|
2065
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2066
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2067
|
+
*
|
|
2068
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2069
|
+
*
|
|
2070
|
+
* ```tsx
|
|
2071
|
+
* <Select item={options}>
|
|
2072
|
+
* <FormField label="Your Label">
|
|
2073
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2074
|
+
* <Select.Popper>
|
|
2075
|
+
* <Select.Card>
|
|
2076
|
+
* ...
|
|
2077
|
+
* </Select.Card>
|
|
2078
|
+
* </Select.Popper>
|
|
2079
|
+
* </FormField>
|
|
2080
|
+
* </Select>
|
|
2081
|
+
* ```
|
|
2082
|
+
*/
|
|
1556
2083
|
nonInteractiveIds: string[];
|
|
1557
2084
|
isVirtualized: boolean;
|
|
1558
2085
|
items: import("../..").Item<any>[];
|
|
@@ -1594,7 +2121,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1594
2121
|
UNSTABLE_defaultItemHeight: number;
|
|
1595
2122
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1596
2123
|
orientation: "horizontal" | "vertical";
|
|
1597
|
-
indexRef: React.MutableRefObject<number>;
|
|
2124
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2125
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2126
|
+
*
|
|
2127
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2128
|
+
*
|
|
2129
|
+
* ```tsx
|
|
2130
|
+
* <Select item={options}>
|
|
2131
|
+
* <FormField label="Your Label">
|
|
2132
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2133
|
+
* <Select.Popper>
|
|
2134
|
+
* <Select.Card>
|
|
2135
|
+
* ...
|
|
2136
|
+
* </Select.Card>
|
|
2137
|
+
* </Select.Popper>
|
|
2138
|
+
* </FormField>
|
|
2139
|
+
* </Select>
|
|
2140
|
+
* ```
|
|
2141
|
+
*/
|
|
1598
2142
|
nonInteractiveIds: string[];
|
|
1599
2143
|
isVirtualized: boolean;
|
|
1600
2144
|
items: import("../..").Item<any>[];
|
|
@@ -1634,7 +2178,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1634
2178
|
UNSTABLE_defaultItemHeight: number;
|
|
1635
2179
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1636
2180
|
orientation: "horizontal" | "vertical";
|
|
1637
|
-
indexRef: React.MutableRefObject<number>;
|
|
2181
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2182
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2183
|
+
*
|
|
2184
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2185
|
+
*
|
|
2186
|
+
* ```tsx
|
|
2187
|
+
* <Select item={options}>
|
|
2188
|
+
* <FormField label="Your Label">
|
|
2189
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2190
|
+
* <Select.Popper>
|
|
2191
|
+
* <Select.Card>
|
|
2192
|
+
* ...
|
|
2193
|
+
* </Select.Card>
|
|
2194
|
+
* </Select.Popper>
|
|
2195
|
+
* </FormField>
|
|
2196
|
+
* </Select>
|
|
2197
|
+
* ```
|
|
2198
|
+
*/
|
|
1638
2199
|
nonInteractiveIds: string[];
|
|
1639
2200
|
isVirtualized: boolean;
|
|
1640
2201
|
items: import("../..").Item<any>[];
|
|
@@ -1674,7 +2235,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1674
2235
|
UNSTABLE_defaultItemHeight: number;
|
|
1675
2236
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1676
2237
|
orientation: "horizontal" | "vertical";
|
|
1677
|
-
indexRef: React.MutableRefObject<number>;
|
|
2238
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2239
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2240
|
+
*
|
|
2241
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2242
|
+
*
|
|
2243
|
+
* ```tsx
|
|
2244
|
+
* <Select item={options}>
|
|
2245
|
+
* <FormField label="Your Label">
|
|
2246
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2247
|
+
* <Select.Popper>
|
|
2248
|
+
* <Select.Card>
|
|
2249
|
+
* ...
|
|
2250
|
+
* </Select.Card>
|
|
2251
|
+
* </Select.Popper>
|
|
2252
|
+
* </FormField>
|
|
2253
|
+
* </Select>
|
|
2254
|
+
* ```
|
|
2255
|
+
*/
|
|
1678
2256
|
nonInteractiveIds: string[];
|
|
1679
2257
|
isVirtualized: boolean;
|
|
1680
2258
|
items: import("../..").Item<any>[];
|
|
@@ -1716,7 +2294,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1716
2294
|
UNSTABLE_defaultItemHeight: number;
|
|
1717
2295
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1718
2296
|
orientation: "horizontal" | "vertical";
|
|
1719
|
-
indexRef: React.MutableRefObject<number>;
|
|
2297
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2298
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2299
|
+
*
|
|
2300
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2301
|
+
*
|
|
2302
|
+
* ```tsx
|
|
2303
|
+
* <Select item={options}>
|
|
2304
|
+
* <FormField label="Your Label">
|
|
2305
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2306
|
+
* <Select.Popper>
|
|
2307
|
+
* <Select.Card>
|
|
2308
|
+
* ...
|
|
2309
|
+
* </Select.Card>
|
|
2310
|
+
* </Select.Popper>
|
|
2311
|
+
* </FormField>
|
|
2312
|
+
* </Select>
|
|
2313
|
+
* ```
|
|
2314
|
+
*/
|
|
1720
2315
|
nonInteractiveIds: string[];
|
|
1721
2316
|
isVirtualized: boolean;
|
|
1722
2317
|
items: import("../..").Item<any>[];
|
|
@@ -1756,7 +2351,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1756
2351
|
UNSTABLE_defaultItemHeight: number;
|
|
1757
2352
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1758
2353
|
orientation: "horizontal" | "vertical";
|
|
1759
|
-
indexRef: React.MutableRefObject<number>;
|
|
2354
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2355
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2356
|
+
*
|
|
2357
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2358
|
+
*
|
|
2359
|
+
* ```tsx
|
|
2360
|
+
* <Select item={options}>
|
|
2361
|
+
* <FormField label="Your Label">
|
|
2362
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2363
|
+
* <Select.Popper>
|
|
2364
|
+
* <Select.Card>
|
|
2365
|
+
* ...
|
|
2366
|
+
* </Select.Card>
|
|
2367
|
+
* </Select.Popper>
|
|
2368
|
+
* </FormField>
|
|
2369
|
+
* </Select>
|
|
2370
|
+
* ```
|
|
2371
|
+
*/
|
|
1760
2372
|
nonInteractiveIds: string[];
|
|
1761
2373
|
isVirtualized: boolean;
|
|
1762
2374
|
items: import("../..").Item<any>[];
|
|
@@ -1796,7 +2408,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1796
2408
|
UNSTABLE_defaultItemHeight: number;
|
|
1797
2409
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1798
2410
|
orientation: "horizontal" | "vertical";
|
|
1799
|
-
indexRef: React.MutableRefObject<number>;
|
|
2411
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2412
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2413
|
+
*
|
|
2414
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2415
|
+
*
|
|
2416
|
+
* ```tsx
|
|
2417
|
+
* <Select item={options}>
|
|
2418
|
+
* <FormField label="Your Label">
|
|
2419
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2420
|
+
* <Select.Popper>
|
|
2421
|
+
* <Select.Card>
|
|
2422
|
+
* ...
|
|
2423
|
+
* </Select.Card>
|
|
2424
|
+
* </Select.Popper>
|
|
2425
|
+
* </FormField>
|
|
2426
|
+
* </Select>
|
|
2427
|
+
* ```
|
|
2428
|
+
*/
|
|
1800
2429
|
nonInteractiveIds: string[];
|
|
1801
2430
|
isVirtualized: boolean;
|
|
1802
2431
|
items: import("../..").Item<any>[];
|
|
@@ -1836,7 +2465,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1836
2465
|
UNSTABLE_defaultItemHeight: number;
|
|
1837
2466
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1838
2467
|
orientation: "horizontal" | "vertical";
|
|
1839
|
-
indexRef: React.MutableRefObject<number>;
|
|
2468
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2469
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2470
|
+
*
|
|
2471
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2472
|
+
*
|
|
2473
|
+
* ```tsx
|
|
2474
|
+
* <Select item={options}>
|
|
2475
|
+
* <FormField label="Your Label">
|
|
2476
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2477
|
+
* <Select.Popper>
|
|
2478
|
+
* <Select.Card>
|
|
2479
|
+
* ...
|
|
2480
|
+
* </Select.Card>
|
|
2481
|
+
* </Select.Popper>
|
|
2482
|
+
* </FormField>
|
|
2483
|
+
* </Select>
|
|
2484
|
+
* ```
|
|
2485
|
+
*/
|
|
1840
2486
|
nonInteractiveIds: string[];
|
|
1841
2487
|
isVirtualized: boolean;
|
|
1842
2488
|
items: import("../..").Item<any>[];
|
|
@@ -1876,7 +2522,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1876
2522
|
UNSTABLE_defaultItemHeight: number;
|
|
1877
2523
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1878
2524
|
orientation: "horizontal" | "vertical";
|
|
1879
|
-
indexRef: React.MutableRefObject<number>;
|
|
2525
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2526
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2527
|
+
*
|
|
2528
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2529
|
+
*
|
|
2530
|
+
* ```tsx
|
|
2531
|
+
* <Select item={options}>
|
|
2532
|
+
* <FormField label="Your Label">
|
|
2533
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2534
|
+
* <Select.Popper>
|
|
2535
|
+
* <Select.Card>
|
|
2536
|
+
* ...
|
|
2537
|
+
* </Select.Card>
|
|
2538
|
+
* </Select.Popper>
|
|
2539
|
+
* </FormField>
|
|
2540
|
+
* </Select>
|
|
2541
|
+
* ```
|
|
2542
|
+
*/
|
|
1880
2543
|
nonInteractiveIds: string[];
|
|
1881
2544
|
isVirtualized: boolean;
|
|
1882
2545
|
items: import("../..").Item<any>[];
|
|
@@ -1916,7 +2579,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1916
2579
|
UNSTABLE_defaultItemHeight: number;
|
|
1917
2580
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1918
2581
|
orientation: "horizontal" | "vertical";
|
|
1919
|
-
indexRef: React.MutableRefObject<number>;
|
|
2582
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2583
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2584
|
+
*
|
|
2585
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2586
|
+
*
|
|
2587
|
+
* ```tsx
|
|
2588
|
+
* <Select item={options}>
|
|
2589
|
+
* <FormField label="Your Label">
|
|
2590
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2591
|
+
* <Select.Popper>
|
|
2592
|
+
* <Select.Card>
|
|
2593
|
+
* ...
|
|
2594
|
+
* </Select.Card>
|
|
2595
|
+
* </Select.Popper>
|
|
2596
|
+
* </FormField>
|
|
2597
|
+
* </Select>
|
|
2598
|
+
* ```
|
|
2599
|
+
*/
|
|
1920
2600
|
nonInteractiveIds: string[];
|
|
1921
2601
|
isVirtualized: boolean;
|
|
1922
2602
|
items: import("../..").Item<any>[];
|
|
@@ -1956,7 +2636,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1956
2636
|
UNSTABLE_defaultItemHeight: number;
|
|
1957
2637
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1958
2638
|
orientation: "horizontal" | "vertical";
|
|
1959
|
-
indexRef: React.MutableRefObject<number>;
|
|
2639
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2640
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2641
|
+
*
|
|
2642
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2643
|
+
*
|
|
2644
|
+
* ```tsx
|
|
2645
|
+
* <Select item={options}>
|
|
2646
|
+
* <FormField label="Your Label">
|
|
2647
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2648
|
+
* <Select.Popper>
|
|
2649
|
+
* <Select.Card>
|
|
2650
|
+
* ...
|
|
2651
|
+
* </Select.Card>
|
|
2652
|
+
* </Select.Popper>
|
|
2653
|
+
* </FormField>
|
|
2654
|
+
* </Select>
|
|
2655
|
+
* ```
|
|
2656
|
+
*/
|
|
1960
2657
|
nonInteractiveIds: string[];
|
|
1961
2658
|
isVirtualized: boolean;
|
|
1962
2659
|
items: import("../..").Item<any>[];
|
|
@@ -1996,7 +2693,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1996
2693
|
UNSTABLE_defaultItemHeight: number;
|
|
1997
2694
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1998
2695
|
orientation: "horizontal" | "vertical";
|
|
1999
|
-
indexRef: React.MutableRefObject<number>;
|
|
2696
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2697
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2698
|
+
*
|
|
2699
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2700
|
+
*
|
|
2701
|
+
* ```tsx
|
|
2702
|
+
* <Select item={options}>
|
|
2703
|
+
* <FormField label="Your Label">
|
|
2704
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2705
|
+
* <Select.Popper>
|
|
2706
|
+
* <Select.Card>
|
|
2707
|
+
* ...
|
|
2708
|
+
* </Select.Card>
|
|
2709
|
+
* </Select.Popper>
|
|
2710
|
+
* </FormField>
|
|
2711
|
+
* </Select>
|
|
2712
|
+
* ```
|
|
2713
|
+
*/
|
|
2000
2714
|
nonInteractiveIds: string[];
|
|
2001
2715
|
isVirtualized: boolean;
|
|
2002
2716
|
items: import("../..").Item<any>[];
|
|
@@ -2036,7 +2750,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2036
2750
|
UNSTABLE_defaultItemHeight: number;
|
|
2037
2751
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2038
2752
|
orientation: "horizontal" | "vertical";
|
|
2039
|
-
indexRef: React.MutableRefObject<number>;
|
|
2753
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2754
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2755
|
+
*
|
|
2756
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2757
|
+
*
|
|
2758
|
+
* ```tsx
|
|
2759
|
+
* <Select item={options}>
|
|
2760
|
+
* <FormField label="Your Label">
|
|
2761
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2762
|
+
* <Select.Popper>
|
|
2763
|
+
* <Select.Card>
|
|
2764
|
+
* ...
|
|
2765
|
+
* </Select.Card>
|
|
2766
|
+
* </Select.Popper>
|
|
2767
|
+
* </FormField>
|
|
2768
|
+
* </Select>
|
|
2769
|
+
* ```
|
|
2770
|
+
*/
|
|
2040
2771
|
nonInteractiveIds: string[];
|
|
2041
2772
|
isVirtualized: boolean;
|
|
2042
2773
|
items: import("../..").Item<any>[];
|
|
@@ -2076,7 +2807,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2076
2807
|
UNSTABLE_defaultItemHeight: number;
|
|
2077
2808
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2078
2809
|
orientation: "horizontal" | "vertical";
|
|
2079
|
-
indexRef: React.MutableRefObject<number>;
|
|
2810
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2811
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2812
|
+
*
|
|
2813
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2814
|
+
*
|
|
2815
|
+
* ```tsx
|
|
2816
|
+
* <Select item={options}>
|
|
2817
|
+
* <FormField label="Your Label">
|
|
2818
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2819
|
+
* <Select.Popper>
|
|
2820
|
+
* <Select.Card>
|
|
2821
|
+
* ...
|
|
2822
|
+
* </Select.Card>
|
|
2823
|
+
* </Select.Popper>
|
|
2824
|
+
* </FormField>
|
|
2825
|
+
* </Select>
|
|
2826
|
+
* ```
|
|
2827
|
+
*/
|
|
2080
2828
|
nonInteractiveIds: string[];
|
|
2081
2829
|
isVirtualized: boolean;
|
|
2082
2830
|
items: import("../..").Item<any>[];
|
|
@@ -2116,7 +2864,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2116
2864
|
UNSTABLE_defaultItemHeight: number;
|
|
2117
2865
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2118
2866
|
orientation: "horizontal" | "vertical";
|
|
2119
|
-
indexRef: React.MutableRefObject<number>;
|
|
2867
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2868
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2869
|
+
*
|
|
2870
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2871
|
+
*
|
|
2872
|
+
* ```tsx
|
|
2873
|
+
* <Select item={options}>
|
|
2874
|
+
* <FormField label="Your Label">
|
|
2875
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2876
|
+
* <Select.Popper>
|
|
2877
|
+
* <Select.Card>
|
|
2878
|
+
* ...
|
|
2879
|
+
* </Select.Card>
|
|
2880
|
+
* </Select.Popper>
|
|
2881
|
+
* </FormField>
|
|
2882
|
+
* </Select>
|
|
2883
|
+
* ```
|
|
2884
|
+
*/
|
|
2120
2885
|
nonInteractiveIds: string[];
|
|
2121
2886
|
isVirtualized: boolean;
|
|
2122
2887
|
items: import("../..").Item<any>[];
|
|
@@ -2159,7 +2924,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2159
2924
|
UNSTABLE_defaultItemHeight: number;
|
|
2160
2925
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2161
2926
|
orientation: "horizontal" | "vertical";
|
|
2162
|
-
indexRef: React.MutableRefObject<number>;
|
|
2927
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2928
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2929
|
+
*
|
|
2930
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2931
|
+
*
|
|
2932
|
+
* ```tsx
|
|
2933
|
+
* <Select item={options}>
|
|
2934
|
+
* <FormField label="Your Label">
|
|
2935
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2936
|
+
* <Select.Popper>
|
|
2937
|
+
* <Select.Card>
|
|
2938
|
+
* ...
|
|
2939
|
+
* </Select.Card>
|
|
2940
|
+
* </Select.Popper>
|
|
2941
|
+
* </FormField>
|
|
2942
|
+
* </Select>
|
|
2943
|
+
* ```
|
|
2944
|
+
*/
|
|
2163
2945
|
nonInteractiveIds: string[];
|
|
2164
2946
|
isVirtualized: boolean;
|
|
2165
2947
|
items: import("../..").Item<any>[];
|
|
@@ -2201,7 +2983,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2201
2983
|
UNSTABLE_defaultItemHeight: number;
|
|
2202
2984
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2203
2985
|
orientation: "horizontal" | "vertical";
|
|
2204
|
-
indexRef: React.MutableRefObject<number>;
|
|
2986
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
2987
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
2988
|
+
*
|
|
2989
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
2990
|
+
*
|
|
2991
|
+
* ```tsx
|
|
2992
|
+
* <Select item={options}>
|
|
2993
|
+
* <FormField label="Your Label">
|
|
2994
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2995
|
+
* <Select.Popper>
|
|
2996
|
+
* <Select.Card>
|
|
2997
|
+
* ...
|
|
2998
|
+
* </Select.Card>
|
|
2999
|
+
* </Select.Popper>
|
|
3000
|
+
* </FormField>
|
|
3001
|
+
* </Select>
|
|
3002
|
+
* ```
|
|
3003
|
+
*/
|
|
2205
3004
|
nonInteractiveIds: string[];
|
|
2206
3005
|
isVirtualized: boolean;
|
|
2207
3006
|
items: import("../..").Item<any>[];
|
|
@@ -2243,7 +3042,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2243
3042
|
UNSTABLE_defaultItemHeight: number;
|
|
2244
3043
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2245
3044
|
orientation: "horizontal" | "vertical";
|
|
2246
|
-
indexRef: React.MutableRefObject<number>;
|
|
3045
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
3046
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
3047
|
+
*
|
|
3048
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
3049
|
+
*
|
|
3050
|
+
* ```tsx
|
|
3051
|
+
* <Select item={options}>
|
|
3052
|
+
* <FormField label="Your Label">
|
|
3053
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3054
|
+
* <Select.Popper>
|
|
3055
|
+
* <Select.Card>
|
|
3056
|
+
* ...
|
|
3057
|
+
* </Select.Card>
|
|
3058
|
+
* </Select.Popper>
|
|
3059
|
+
* </FormField>
|
|
3060
|
+
* </Select>
|
|
3061
|
+
* ```
|
|
3062
|
+
*/
|
|
2247
3063
|
nonInteractiveIds: string[];
|
|
2248
3064
|
isVirtualized: boolean;
|
|
2249
3065
|
items: import("../..").Item<any>[];
|
|
@@ -2284,7 +3100,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2284
3100
|
UNSTABLE_defaultItemHeight: number;
|
|
2285
3101
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2286
3102
|
orientation: "horizontal" | "vertical";
|
|
2287
|
-
indexRef: React.MutableRefObject<number>;
|
|
3103
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
3104
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
3105
|
+
*
|
|
3106
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
3107
|
+
*
|
|
3108
|
+
* ```tsx
|
|
3109
|
+
* <Select item={options}>
|
|
3110
|
+
* <FormField label="Your Label">
|
|
3111
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3112
|
+
* <Select.Popper>
|
|
3113
|
+
* <Select.Card>
|
|
3114
|
+
* ...
|
|
3115
|
+
* </Select.Card>
|
|
3116
|
+
* </Select.Popper>
|
|
3117
|
+
* </FormField>
|
|
3118
|
+
* </Select>
|
|
3119
|
+
* ```
|
|
3120
|
+
*/
|
|
2288
3121
|
nonInteractiveIds: string[];
|
|
2289
3122
|
isVirtualized: boolean;
|
|
2290
3123
|
items: import("../..").Item<any>[];
|
|
@@ -2381,7 +3214,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2381
3214
|
UNSTABLE_defaultItemHeight: number;
|
|
2382
3215
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2383
3216
|
orientation: "horizontal" | "vertical";
|
|
2384
|
-
indexRef: React.MutableRefObject<number>;
|
|
3217
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
3218
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
3219
|
+
*
|
|
3220
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
3221
|
+
*
|
|
3222
|
+
* ```tsx
|
|
3223
|
+
* <Select item={options}>
|
|
3224
|
+
* <FormField label="Your Label">
|
|
3225
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3226
|
+
* <Select.Popper>
|
|
3227
|
+
* <Select.Card>
|
|
3228
|
+
* ...
|
|
3229
|
+
* </Select.Card>
|
|
3230
|
+
* </Select.Popper>
|
|
3231
|
+
* </FormField>
|
|
3232
|
+
* </Select>
|
|
3233
|
+
* ```
|
|
3234
|
+
*/
|
|
2385
3235
|
nonInteractiveIds: string[];
|
|
2386
3236
|
isVirtualized: boolean;
|
|
2387
3237
|
items: import("../..").Item<any>[];
|
|
@@ -2477,7 +3327,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2477
3327
|
UNSTABLE_defaultItemHeight: number;
|
|
2478
3328
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2479
3329
|
orientation: "horizontal" | "vertical";
|
|
2480
|
-
indexRef: React.MutableRefObject<number>;
|
|
3330
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
3331
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
3332
|
+
*
|
|
3333
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
3334
|
+
*
|
|
3335
|
+
* ```tsx
|
|
3336
|
+
* <Select item={options}>
|
|
3337
|
+
* <FormField label="Your Label">
|
|
3338
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3339
|
+
* <Select.Popper>
|
|
3340
|
+
* <Select.Card>
|
|
3341
|
+
* ...
|
|
3342
|
+
* </Select.Card>
|
|
3343
|
+
* </Select.Popper>
|
|
3344
|
+
* </FormField>
|
|
3345
|
+
* </Select>
|
|
3346
|
+
* ```
|
|
3347
|
+
*/
|
|
2481
3348
|
nonInteractiveIds: string[];
|
|
2482
3349
|
isVirtualized: boolean;
|
|
2483
3350
|
items: import("../..").Item<any>[];
|
|
@@ -2567,7 +3434,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2567
3434
|
UNSTABLE_defaultItemHeight: number;
|
|
2568
3435
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2569
3436
|
orientation: "horizontal" | "vertical";
|
|
2570
|
-
indexRef: React.MutableRefObject<number>;
|
|
3437
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
3438
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
3439
|
+
*
|
|
3440
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
3441
|
+
*
|
|
3442
|
+
* ```tsx
|
|
3443
|
+
* <Select item={options}>
|
|
3444
|
+
* <FormField label="Your Label">
|
|
3445
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3446
|
+
* <Select.Popper>
|
|
3447
|
+
* <Select.Card>
|
|
3448
|
+
* ...
|
|
3449
|
+
* </Select.Card>
|
|
3450
|
+
* </Select.Popper>
|
|
3451
|
+
* </FormField>
|
|
3452
|
+
* </Select>
|
|
3453
|
+
* ```
|
|
3454
|
+
*/
|
|
2571
3455
|
nonInteractiveIds: string[];
|
|
2572
3456
|
isVirtualized: boolean;
|
|
2573
3457
|
items: import("../..").Item<any>[];
|
|
@@ -2648,7 +3532,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2648
3532
|
UNSTABLE_defaultItemHeight: number;
|
|
2649
3533
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2650
3534
|
orientation: "horizontal" | "vertical";
|
|
2651
|
-
indexRef: React.MutableRefObject<number>;
|
|
3535
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
3536
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
3537
|
+
*
|
|
3538
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
3539
|
+
*
|
|
3540
|
+
* ```tsx
|
|
3541
|
+
* <Select item={options}>
|
|
3542
|
+
* <FormField label="Your Label">
|
|
3543
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3544
|
+
* <Select.Popper>
|
|
3545
|
+
* <Select.Card>
|
|
3546
|
+
* ...
|
|
3547
|
+
* </Select.Card>
|
|
3548
|
+
* </Select.Popper>
|
|
3549
|
+
* </FormField>
|
|
3550
|
+
* </Select>
|
|
3551
|
+
* ```
|
|
3552
|
+
*/
|
|
2652
3553
|
nonInteractiveIds: string[];
|
|
2653
3554
|
isVirtualized: boolean;
|
|
2654
3555
|
items: import("../..").Item<any>[];
|
|
@@ -2748,7 +3649,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2748
3649
|
UNSTABLE_defaultItemHeight: number;
|
|
2749
3650
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2750
3651
|
orientation: "horizontal" | "vertical";
|
|
2751
|
-
indexRef: React.MutableRefObject<number>;
|
|
3652
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
3653
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
3654
|
+
*
|
|
3655
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
3656
|
+
*
|
|
3657
|
+
* ```tsx
|
|
3658
|
+
* <Select item={options}>
|
|
3659
|
+
* <FormField label="Your Label">
|
|
3660
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3661
|
+
* <Select.Popper>
|
|
3662
|
+
* <Select.Card>
|
|
3663
|
+
* ...
|
|
3664
|
+
* </Select.Card>
|
|
3665
|
+
* </Select.Popper>
|
|
3666
|
+
* </FormField>
|
|
3667
|
+
* </Select>
|
|
3668
|
+
* ```
|
|
3669
|
+
*/
|
|
2752
3670
|
nonInteractiveIds: string[];
|
|
2753
3671
|
isVirtualized: boolean;
|
|
2754
3672
|
items: import("../..").Item<any>[];
|
|
@@ -2848,7 +3766,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2848
3766
|
UNSTABLE_defaultItemHeight: number;
|
|
2849
3767
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2850
3768
|
orientation: "horizontal" | "vertical";
|
|
2851
|
-
indexRef: React.MutableRefObject<number>;
|
|
3769
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
3770
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
3771
|
+
*
|
|
3772
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
3773
|
+
*
|
|
3774
|
+
* ```tsx
|
|
3775
|
+
* <Select item={options}>
|
|
3776
|
+
* <FormField label="Your Label">
|
|
3777
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3778
|
+
* <Select.Popper>
|
|
3779
|
+
* <Select.Card>
|
|
3780
|
+
* ...
|
|
3781
|
+
* </Select.Card>
|
|
3782
|
+
* </Select.Popper>
|
|
3783
|
+
* </FormField>
|
|
3784
|
+
* </Select>
|
|
3785
|
+
* ```
|
|
3786
|
+
*/
|
|
2852
3787
|
nonInteractiveIds: string[];
|
|
2853
3788
|
isVirtualized: boolean;
|
|
2854
3789
|
items: import("../..").Item<any>[];
|
|
@@ -2929,7 +3864,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2929
3864
|
UNSTABLE_defaultItemHeight: number;
|
|
2930
3865
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2931
3866
|
orientation: "horizontal" | "vertical";
|
|
2932
|
-
indexRef: React.MutableRefObject<number>;
|
|
3867
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
3868
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
3869
|
+
*
|
|
3870
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
3871
|
+
*
|
|
3872
|
+
* ```tsx
|
|
3873
|
+
* <Select item={options}>
|
|
3874
|
+
* <FormField label="Your Label">
|
|
3875
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3876
|
+
* <Select.Popper>
|
|
3877
|
+
* <Select.Card>
|
|
3878
|
+
* ...
|
|
3879
|
+
* </Select.Card>
|
|
3880
|
+
* </Select.Popper>
|
|
3881
|
+
* </FormField>
|
|
3882
|
+
* </Select>
|
|
3883
|
+
* ```
|
|
3884
|
+
*/
|
|
2933
3885
|
nonInteractiveIds: string[];
|
|
2934
3886
|
isVirtualized: boolean;
|
|
2935
3887
|
items: import("../..").Item<any>[];
|
|
@@ -3011,7 +3963,24 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3011
3963
|
UNSTABLE_defaultItemHeight: number;
|
|
3012
3964
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
3013
3965
|
orientation: "horizontal" | "vertical";
|
|
3014
|
-
indexRef: React.MutableRefObject<number>;
|
|
3966
|
+
indexRef: React.MutableRefObject<number>; /**
|
|
3967
|
+
* `Select.Card` renders a {@link ComboboxCard Combobox.Card}. You have access to all `Card` props.
|
|
3968
|
+
*
|
|
3969
|
+
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
3970
|
+
*
|
|
3971
|
+
* ```tsx
|
|
3972
|
+
* <Select item={options}>
|
|
3973
|
+
* <FormField label="Your Label">
|
|
3974
|
+
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3975
|
+
* <Select.Popper>
|
|
3976
|
+
* <Select.Card>
|
|
3977
|
+
* ...
|
|
3978
|
+
* </Select.Card>
|
|
3979
|
+
* </Select.Popper>
|
|
3980
|
+
* </FormField>
|
|
3981
|
+
* </Select>
|
|
3982
|
+
* ```
|
|
3983
|
+
*/
|
|
3015
3984
|
nonInteractiveIds: string[];
|
|
3016
3985
|
isVirtualized: boolean;
|
|
3017
3986
|
items: import("../..").Item<any>[];
|