@workday/canvas-kit-react 11.0.0-alpha.761-next.0 → 11.0.0-alpha.764-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/checkbox/lib/CheckBackground.tsx +17 -15
- package/checkbox/lib/CheckboxCheck.tsx +15 -18
- package/checkbox/lib/CheckboxContainer.tsx +22 -22
- package/checkbox/lib/CheckboxInput.tsx +37 -78
- package/checkbox/lib/CheckboxRipple.tsx +12 -10
- package/dist/commonjs/checkbox/lib/CheckBackground.d.ts +19 -1
- package/dist/commonjs/checkbox/lib/CheckBackground.d.ts.map +1 -1
- package/dist/commonjs/checkbox/lib/CheckBackground.js +10 -7
- package/dist/commonjs/checkbox/lib/CheckboxCheck.d.ts.map +1 -1
- package/dist/commonjs/checkbox/lib/CheckboxCheck.js +8 -6
- package/dist/commonjs/checkbox/lib/CheckboxContainer.d.ts +0 -1
- package/dist/commonjs/checkbox/lib/CheckboxContainer.d.ts.map +1 -1
- package/dist/commonjs/checkbox/lib/CheckboxContainer.js +5 -4
- package/dist/commonjs/checkbox/lib/CheckboxInput.d.ts.map +1 -1
- package/dist/commonjs/checkbox/lib/CheckboxInput.js +7 -12
- package/dist/commonjs/checkbox/lib/CheckboxRipple.d.ts.map +1 -1
- package/dist/commonjs/checkbox/lib/CheckboxRipple.js +4 -2
- package/dist/commonjs/select/lib/Select.d.ts +61 -1030
- package/dist/commonjs/select/lib/Select.d.ts.map +1 -1
- package/dist/commonjs/select/lib/Select.js +4 -4
- package/dist/es6/checkbox/lib/CheckBackground.d.ts +19 -1
- package/dist/es6/checkbox/lib/CheckBackground.d.ts.map +1 -1
- package/dist/es6/checkbox/lib/CheckBackground.js +10 -7
- package/dist/es6/checkbox/lib/CheckboxCheck.d.ts.map +1 -1
- package/dist/es6/checkbox/lib/CheckboxCheck.js +10 -8
- package/dist/es6/checkbox/lib/CheckboxContainer.d.ts +0 -1
- package/dist/es6/checkbox/lib/CheckboxContainer.d.ts.map +1 -1
- package/dist/es6/checkbox/lib/CheckboxContainer.js +5 -4
- package/dist/es6/checkbox/lib/CheckboxInput.d.ts.map +1 -1
- package/dist/es6/checkbox/lib/CheckboxInput.js +10 -15
- package/dist/es6/checkbox/lib/CheckboxRipple.d.ts.map +1 -1
- package/dist/es6/checkbox/lib/CheckboxRipple.js +5 -3
- package/dist/es6/select/lib/Select.d.ts +61 -1030
- package/dist/es6/select/lib/Select.d.ts.map +1 -1
- package/dist/es6/select/lib/Select.js +4 -4
- package/package.json +4 -4
- package/select/lib/Select.tsx +4 -4
|
@@ -41,24 +41,7 @@ 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>;
|
|
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
|
-
*/
|
|
44
|
+
indexRef: React.MutableRefObject<number>;
|
|
62
45
|
nonInteractiveIds: string[];
|
|
63
46
|
isVirtualized: boolean;
|
|
64
47
|
items: import("../..").Item<any>[];
|
|
@@ -140,24 +123,7 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
|
|
|
140
123
|
UNSTABLE_defaultItemHeight: number;
|
|
141
124
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
142
125
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
126
|
+
indexRef: React.MutableRefObject<number>;
|
|
161
127
|
nonInteractiveIds: string[];
|
|
162
128
|
isVirtualized: boolean;
|
|
163
129
|
items: import("../..").Item<any>[];
|
|
@@ -238,24 +204,7 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
|
|
|
238
204
|
UNSTABLE_defaultItemHeight: number;
|
|
239
205
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
240
206
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
207
|
+
indexRef: React.MutableRefObject<number>;
|
|
259
208
|
nonInteractiveIds: string[];
|
|
260
209
|
isVirtualized: boolean;
|
|
261
210
|
items: import("../..").Item<any>[];
|
|
@@ -337,24 +286,7 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
|
|
|
337
286
|
UNSTABLE_defaultItemHeight: number;
|
|
338
287
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
339
288
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
289
|
+
indexRef: React.MutableRefObject<number>;
|
|
358
290
|
nonInteractiveIds: string[];
|
|
359
291
|
isVirtualized: boolean;
|
|
360
292
|
items: import("../..").Item<any>[];
|
|
@@ -437,24 +369,7 @@ export declare const SelectCard: import("@workday/canvas-kit-react/common").Elem
|
|
|
437
369
|
UNSTABLE_defaultItemHeight: number;
|
|
438
370
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
439
371
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
372
|
+
indexRef: React.MutableRefObject<number>;
|
|
458
373
|
nonInteractiveIds: string[];
|
|
459
374
|
isVirtualized: boolean;
|
|
460
375
|
items: import("../..").Item<any>[];
|
|
@@ -535,24 +450,7 @@ export declare const SelectCard: import("@workday/canvas-kit-react/common").Elem
|
|
|
535
450
|
UNSTABLE_defaultItemHeight: number;
|
|
536
451
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
537
452
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
453
|
+
indexRef: React.MutableRefObject<number>;
|
|
556
454
|
nonInteractiveIds: string[];
|
|
557
455
|
isVirtualized: boolean;
|
|
558
456
|
items: import("../..").Item<any>[];
|
|
@@ -678,24 +576,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
678
576
|
UNSTABLE_defaultItemHeight: number;
|
|
679
577
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
680
578
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
579
|
+
indexRef: React.MutableRefObject<number>;
|
|
699
580
|
nonInteractiveIds: string[];
|
|
700
581
|
isVirtualized: boolean;
|
|
701
582
|
items: import("../..").Item<any>[];
|
|
@@ -737,24 +618,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
737
618
|
UNSTABLE_defaultItemHeight: number;
|
|
738
619
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
739
620
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
621
|
+
indexRef: React.MutableRefObject<number>;
|
|
758
622
|
nonInteractiveIds: string[];
|
|
759
623
|
isVirtualized: boolean;
|
|
760
624
|
items: import("../..").Item<any>[];
|
|
@@ -794,24 +658,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
794
658
|
UNSTABLE_defaultItemHeight: number;
|
|
795
659
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
796
660
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
661
|
+
indexRef: React.MutableRefObject<number>;
|
|
815
662
|
nonInteractiveIds: string[];
|
|
816
663
|
isVirtualized: boolean;
|
|
817
664
|
items: import("../..").Item<any>[];
|
|
@@ -851,24 +698,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
851
698
|
UNSTABLE_defaultItemHeight: number;
|
|
852
699
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
853
700
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
701
|
+
indexRef: React.MutableRefObject<number>;
|
|
872
702
|
nonInteractiveIds: string[];
|
|
873
703
|
isVirtualized: boolean;
|
|
874
704
|
items: import("../..").Item<any>[];
|
|
@@ -910,24 +740,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
910
740
|
UNSTABLE_defaultItemHeight: number;
|
|
911
741
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
912
742
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
743
|
+
indexRef: React.MutableRefObject<number>;
|
|
931
744
|
nonInteractiveIds: string[];
|
|
932
745
|
isVirtualized: boolean;
|
|
933
746
|
items: import("../..").Item<any>[];
|
|
@@ -967,24 +780,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
967
780
|
UNSTABLE_defaultItemHeight: number;
|
|
968
781
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
969
782
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
783
|
+
indexRef: React.MutableRefObject<number>;
|
|
988
784
|
nonInteractiveIds: string[];
|
|
989
785
|
isVirtualized: boolean;
|
|
990
786
|
items: import("../..").Item<any>[];
|
|
@@ -1024,24 +820,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1024
820
|
UNSTABLE_defaultItemHeight: number;
|
|
1025
821
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1026
822
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
823
|
+
indexRef: React.MutableRefObject<number>;
|
|
1045
824
|
nonInteractiveIds: string[];
|
|
1046
825
|
isVirtualized: boolean;
|
|
1047
826
|
items: import("../..").Item<any>[];
|
|
@@ -1083,24 +862,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1083
862
|
UNSTABLE_defaultItemHeight: number;
|
|
1084
863
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1085
864
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
865
|
+
indexRef: React.MutableRefObject<number>;
|
|
1104
866
|
nonInteractiveIds: string[];
|
|
1105
867
|
isVirtualized: boolean;
|
|
1106
868
|
items: import("../..").Item<any>[];
|
|
@@ -1140,24 +902,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1140
902
|
UNSTABLE_defaultItemHeight: number;
|
|
1141
903
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1142
904
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
905
|
+
indexRef: React.MutableRefObject<number>;
|
|
1161
906
|
nonInteractiveIds: string[];
|
|
1162
907
|
isVirtualized: boolean;
|
|
1163
908
|
items: import("../..").Item<any>[];
|
|
@@ -1197,24 +942,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1197
942
|
UNSTABLE_defaultItemHeight: number;
|
|
1198
943
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1199
944
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
945
|
+
indexRef: React.MutableRefObject<number>;
|
|
1218
946
|
nonInteractiveIds: string[];
|
|
1219
947
|
isVirtualized: boolean;
|
|
1220
948
|
items: import("../..").Item<any>[];
|
|
@@ -1254,24 +982,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1254
982
|
UNSTABLE_defaultItemHeight: number;
|
|
1255
983
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1256
984
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
985
|
+
indexRef: React.MutableRefObject<number>;
|
|
1275
986
|
nonInteractiveIds: string[];
|
|
1276
987
|
isVirtualized: boolean;
|
|
1277
988
|
items: import("../..").Item<any>[];
|
|
@@ -1311,24 +1022,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1311
1022
|
UNSTABLE_defaultItemHeight: number;
|
|
1312
1023
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1313
1024
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1025
|
+
indexRef: React.MutableRefObject<number>;
|
|
1332
1026
|
nonInteractiveIds: string[];
|
|
1333
1027
|
isVirtualized: boolean;
|
|
1334
1028
|
items: import("../..").Item<any>[];
|
|
@@ -1368,24 +1062,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1368
1062
|
UNSTABLE_defaultItemHeight: number;
|
|
1369
1063
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1370
1064
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1065
|
+
indexRef: React.MutableRefObject<number>;
|
|
1389
1066
|
nonInteractiveIds: string[];
|
|
1390
1067
|
isVirtualized: boolean;
|
|
1391
1068
|
items: import("../..").Item<any>[];
|
|
@@ -1425,24 +1102,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1425
1102
|
UNSTABLE_defaultItemHeight: number;
|
|
1426
1103
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1427
1104
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1105
|
+
indexRef: React.MutableRefObject<number>;
|
|
1446
1106
|
nonInteractiveIds: string[];
|
|
1447
1107
|
isVirtualized: boolean;
|
|
1448
1108
|
items: import("../..").Item<any>[];
|
|
@@ -1482,24 +1142,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1482
1142
|
UNSTABLE_defaultItemHeight: number;
|
|
1483
1143
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1484
1144
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1145
|
+
indexRef: React.MutableRefObject<number>;
|
|
1503
1146
|
nonInteractiveIds: string[];
|
|
1504
1147
|
isVirtualized: boolean;
|
|
1505
1148
|
items: import("../..").Item<any>[];
|
|
@@ -1539,24 +1182,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1539
1182
|
UNSTABLE_defaultItemHeight: number;
|
|
1540
1183
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1541
1184
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1185
|
+
indexRef: React.MutableRefObject<number>;
|
|
1560
1186
|
nonInteractiveIds: string[];
|
|
1561
1187
|
isVirtualized: boolean;
|
|
1562
1188
|
items: import("../..").Item<any>[];
|
|
@@ -1596,24 +1222,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1596
1222
|
UNSTABLE_defaultItemHeight: number;
|
|
1597
1223
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1598
1224
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1225
|
+
indexRef: React.MutableRefObject<number>;
|
|
1617
1226
|
nonInteractiveIds: string[];
|
|
1618
1227
|
isVirtualized: boolean;
|
|
1619
1228
|
items: import("../..").Item<any>[];
|
|
@@ -1653,24 +1262,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1653
1262
|
UNSTABLE_defaultItemHeight: number;
|
|
1654
1263
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1655
1264
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1265
|
+
indexRef: React.MutableRefObject<number>;
|
|
1674
1266
|
nonInteractiveIds: string[];
|
|
1675
1267
|
isVirtualized: boolean;
|
|
1676
1268
|
items: import("../..").Item<any>[];
|
|
@@ -1713,24 +1305,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1713
1305
|
UNSTABLE_defaultItemHeight: number;
|
|
1714
1306
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1715
1307
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1308
|
+
indexRef: React.MutableRefObject<number>;
|
|
1734
1309
|
nonInteractiveIds: string[];
|
|
1735
1310
|
isVirtualized: boolean;
|
|
1736
1311
|
items: import("../..").Item<any>[];
|
|
@@ -1772,24 +1347,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1772
1347
|
UNSTABLE_defaultItemHeight: number;
|
|
1773
1348
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1774
1349
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1350
|
+
indexRef: React.MutableRefObject<number>;
|
|
1793
1351
|
nonInteractiveIds: string[];
|
|
1794
1352
|
isVirtualized: boolean;
|
|
1795
1353
|
items: import("../..").Item<any>[];
|
|
@@ -1831,24 +1389,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1831
1389
|
UNSTABLE_defaultItemHeight: number;
|
|
1832
1390
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1833
1391
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1392
|
+
indexRef: React.MutableRefObject<number>;
|
|
1852
1393
|
nonInteractiveIds: string[];
|
|
1853
1394
|
isVirtualized: boolean;
|
|
1854
1395
|
items: import("../..").Item<any>[];
|
|
@@ -1889,24 +1430,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1889
1430
|
UNSTABLE_defaultItemHeight: number;
|
|
1890
1431
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1891
1432
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1433
|
+
indexRef: React.MutableRefObject<number>;
|
|
1910
1434
|
nonInteractiveIds: string[];
|
|
1911
1435
|
isVirtualized: boolean;
|
|
1912
1436
|
items: import("../..").Item<any>[];
|
|
@@ -1948,24 +1472,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1948
1472
|
UNSTABLE_defaultItemHeight: number;
|
|
1949
1473
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
1950
1474
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1475
|
+
indexRef: React.MutableRefObject<number>;
|
|
1969
1476
|
nonInteractiveIds: string[];
|
|
1970
1477
|
isVirtualized: boolean;
|
|
1971
1478
|
items: import("../..").Item<any>[];
|
|
@@ -2005,24 +1512,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2005
1512
|
UNSTABLE_defaultItemHeight: number;
|
|
2006
1513
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2007
1514
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1515
|
+
indexRef: React.MutableRefObject<number>;
|
|
2026
1516
|
nonInteractiveIds: string[];
|
|
2027
1517
|
isVirtualized: boolean;
|
|
2028
1518
|
items: import("../..").Item<any>[];
|
|
@@ -2062,24 +1552,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2062
1552
|
UNSTABLE_defaultItemHeight: number;
|
|
2063
1553
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2064
1554
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1555
|
+
indexRef: React.MutableRefObject<number>;
|
|
2083
1556
|
nonInteractiveIds: string[];
|
|
2084
1557
|
isVirtualized: boolean;
|
|
2085
1558
|
items: import("../..").Item<any>[];
|
|
@@ -2121,24 +1594,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2121
1594
|
UNSTABLE_defaultItemHeight: number;
|
|
2122
1595
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2123
1596
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1597
|
+
indexRef: React.MutableRefObject<number>;
|
|
2142
1598
|
nonInteractiveIds: string[];
|
|
2143
1599
|
isVirtualized: boolean;
|
|
2144
1600
|
items: import("../..").Item<any>[];
|
|
@@ -2178,24 +1634,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2178
1634
|
UNSTABLE_defaultItemHeight: number;
|
|
2179
1635
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2180
1636
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1637
|
+
indexRef: React.MutableRefObject<number>;
|
|
2199
1638
|
nonInteractiveIds: string[];
|
|
2200
1639
|
isVirtualized: boolean;
|
|
2201
1640
|
items: import("../..").Item<any>[];
|
|
@@ -2235,24 +1674,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2235
1674
|
UNSTABLE_defaultItemHeight: number;
|
|
2236
1675
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2237
1676
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1677
|
+
indexRef: React.MutableRefObject<number>;
|
|
2256
1678
|
nonInteractiveIds: string[];
|
|
2257
1679
|
isVirtualized: boolean;
|
|
2258
1680
|
items: import("../..").Item<any>[];
|
|
@@ -2294,24 +1716,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2294
1716
|
UNSTABLE_defaultItemHeight: number;
|
|
2295
1717
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2296
1718
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1719
|
+
indexRef: React.MutableRefObject<number>;
|
|
2315
1720
|
nonInteractiveIds: string[];
|
|
2316
1721
|
isVirtualized: boolean;
|
|
2317
1722
|
items: import("../..").Item<any>[];
|
|
@@ -2351,24 +1756,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2351
1756
|
UNSTABLE_defaultItemHeight: number;
|
|
2352
1757
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2353
1758
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1759
|
+
indexRef: React.MutableRefObject<number>;
|
|
2372
1760
|
nonInteractiveIds: string[];
|
|
2373
1761
|
isVirtualized: boolean;
|
|
2374
1762
|
items: import("../..").Item<any>[];
|
|
@@ -2408,24 +1796,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2408
1796
|
UNSTABLE_defaultItemHeight: number;
|
|
2409
1797
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2410
1798
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1799
|
+
indexRef: React.MutableRefObject<number>;
|
|
2429
1800
|
nonInteractiveIds: string[];
|
|
2430
1801
|
isVirtualized: boolean;
|
|
2431
1802
|
items: import("../..").Item<any>[];
|
|
@@ -2465,24 +1836,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2465
1836
|
UNSTABLE_defaultItemHeight: number;
|
|
2466
1837
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2467
1838
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1839
|
+
indexRef: React.MutableRefObject<number>;
|
|
2486
1840
|
nonInteractiveIds: string[];
|
|
2487
1841
|
isVirtualized: boolean;
|
|
2488
1842
|
items: import("../..").Item<any>[];
|
|
@@ -2522,24 +1876,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2522
1876
|
UNSTABLE_defaultItemHeight: number;
|
|
2523
1877
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2524
1878
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1879
|
+
indexRef: React.MutableRefObject<number>;
|
|
2543
1880
|
nonInteractiveIds: string[];
|
|
2544
1881
|
isVirtualized: boolean;
|
|
2545
1882
|
items: import("../..").Item<any>[];
|
|
@@ -2579,24 +1916,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2579
1916
|
UNSTABLE_defaultItemHeight: number;
|
|
2580
1917
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2581
1918
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1919
|
+
indexRef: React.MutableRefObject<number>;
|
|
2600
1920
|
nonInteractiveIds: string[];
|
|
2601
1921
|
isVirtualized: boolean;
|
|
2602
1922
|
items: import("../..").Item<any>[];
|
|
@@ -2636,24 +1956,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2636
1956
|
UNSTABLE_defaultItemHeight: number;
|
|
2637
1957
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2638
1958
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1959
|
+
indexRef: React.MutableRefObject<number>;
|
|
2657
1960
|
nonInteractiveIds: string[];
|
|
2658
1961
|
isVirtualized: boolean;
|
|
2659
1962
|
items: import("../..").Item<any>[];
|
|
@@ -2693,24 +1996,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2693
1996
|
UNSTABLE_defaultItemHeight: number;
|
|
2694
1997
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2695
1998
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
1999
|
+
indexRef: React.MutableRefObject<number>;
|
|
2714
2000
|
nonInteractiveIds: string[];
|
|
2715
2001
|
isVirtualized: boolean;
|
|
2716
2002
|
items: import("../..").Item<any>[];
|
|
@@ -2750,24 +2036,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2750
2036
|
UNSTABLE_defaultItemHeight: number;
|
|
2751
2037
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2752
2038
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2039
|
+
indexRef: React.MutableRefObject<number>;
|
|
2771
2040
|
nonInteractiveIds: string[];
|
|
2772
2041
|
isVirtualized: boolean;
|
|
2773
2042
|
items: import("../..").Item<any>[];
|
|
@@ -2807,24 +2076,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2807
2076
|
UNSTABLE_defaultItemHeight: number;
|
|
2808
2077
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2809
2078
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2079
|
+
indexRef: React.MutableRefObject<number>;
|
|
2828
2080
|
nonInteractiveIds: string[];
|
|
2829
2081
|
isVirtualized: boolean;
|
|
2830
2082
|
items: import("../..").Item<any>[];
|
|
@@ -2864,24 +2116,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2864
2116
|
UNSTABLE_defaultItemHeight: number;
|
|
2865
2117
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2866
2118
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2119
|
+
indexRef: React.MutableRefObject<number>;
|
|
2885
2120
|
nonInteractiveIds: string[];
|
|
2886
2121
|
isVirtualized: boolean;
|
|
2887
2122
|
items: import("../..").Item<any>[];
|
|
@@ -2924,24 +2159,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2924
2159
|
UNSTABLE_defaultItemHeight: number;
|
|
2925
2160
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2926
2161
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2162
|
+
indexRef: React.MutableRefObject<number>;
|
|
2945
2163
|
nonInteractiveIds: string[];
|
|
2946
2164
|
isVirtualized: boolean;
|
|
2947
2165
|
items: import("../..").Item<any>[];
|
|
@@ -2983,24 +2201,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2983
2201
|
UNSTABLE_defaultItemHeight: number;
|
|
2984
2202
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
2985
2203
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2204
|
+
indexRef: React.MutableRefObject<number>;
|
|
3004
2205
|
nonInteractiveIds: string[];
|
|
3005
2206
|
isVirtualized: boolean;
|
|
3006
2207
|
items: import("../..").Item<any>[];
|
|
@@ -3042,24 +2243,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3042
2243
|
UNSTABLE_defaultItemHeight: number;
|
|
3043
2244
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
3044
2245
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2246
|
+
indexRef: React.MutableRefObject<number>;
|
|
3063
2247
|
nonInteractiveIds: string[];
|
|
3064
2248
|
isVirtualized: boolean;
|
|
3065
2249
|
items: import("../..").Item<any>[];
|
|
@@ -3100,24 +2284,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3100
2284
|
UNSTABLE_defaultItemHeight: number;
|
|
3101
2285
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
3102
2286
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2287
|
+
indexRef: React.MutableRefObject<number>;
|
|
3121
2288
|
nonInteractiveIds: string[];
|
|
3122
2289
|
isVirtualized: boolean;
|
|
3123
2290
|
items: import("../..").Item<any>[];
|
|
@@ -3214,24 +2381,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3214
2381
|
UNSTABLE_defaultItemHeight: number;
|
|
3215
2382
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
3216
2383
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2384
|
+
indexRef: React.MutableRefObject<number>;
|
|
3235
2385
|
nonInteractiveIds: string[];
|
|
3236
2386
|
isVirtualized: boolean;
|
|
3237
2387
|
items: import("../..").Item<any>[];
|
|
@@ -3290,7 +2440,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3290
2440
|
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
3291
2441
|
*
|
|
3292
2442
|
* ```tsx
|
|
3293
|
-
* <Select
|
|
2443
|
+
* <Select items={options}>
|
|
3294
2444
|
* <FormField label="Your Label">
|
|
3295
2445
|
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3296
2446
|
* <Select.Popper>
|
|
@@ -3327,24 +2477,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3327
2477
|
UNSTABLE_defaultItemHeight: number;
|
|
3328
2478
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
3329
2479
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2480
|
+
indexRef: React.MutableRefObject<number>;
|
|
3348
2481
|
nonInteractiveIds: string[];
|
|
3349
2482
|
isVirtualized: boolean;
|
|
3350
2483
|
items: import("../..").Item<any>[];
|
|
@@ -3395,7 +2528,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3395
2528
|
* **Note: The card will be the width of its corresponding `Select.Input`**.
|
|
3396
2529
|
*
|
|
3397
2530
|
* ```tsx
|
|
3398
|
-
* <Select
|
|
2531
|
+
* <Select items={options}>
|
|
3399
2532
|
* <FormField label="Your Label">
|
|
3400
2533
|
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3401
2534
|
* <Select.Popper>
|
|
@@ -3434,24 +2567,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3434
2567
|
UNSTABLE_defaultItemHeight: number;
|
|
3435
2568
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
3436
2569
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2570
|
+
indexRef: React.MutableRefObject<number>;
|
|
3455
2571
|
nonInteractiveIds: string[];
|
|
3456
2572
|
isVirtualized: boolean;
|
|
3457
2573
|
items: import("../..").Item<any>[];
|
|
@@ -3532,24 +2648,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3532
2648
|
UNSTABLE_defaultItemHeight: number;
|
|
3533
2649
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
3534
2650
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2651
|
+
indexRef: React.MutableRefObject<number>;
|
|
3553
2652
|
nonInteractiveIds: string[];
|
|
3554
2653
|
isVirtualized: boolean;
|
|
3555
2654
|
items: import("../..").Item<any>[];
|
|
@@ -3608,7 +2707,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3608
2707
|
* `Select.List` renders a {@link ComboboxMenuList Combobox.Menu.List}. You have access to all `ListBox` props.
|
|
3609
2708
|
*
|
|
3610
2709
|
* ```tsx
|
|
3611
|
-
* <Select
|
|
2710
|
+
* <Select items={options}>
|
|
3612
2711
|
* <FormField label="Your Label">
|
|
3613
2712
|
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3614
2713
|
* <Select.Popper>
|
|
@@ -3649,24 +2748,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3649
2748
|
UNSTABLE_defaultItemHeight: number;
|
|
3650
2749
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
3651
2750
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2751
|
+
indexRef: React.MutableRefObject<number>;
|
|
3670
2752
|
nonInteractiveIds: string[];
|
|
3671
2753
|
isVirtualized: boolean;
|
|
3672
2754
|
items: import("../..").Item<any>[];
|
|
@@ -3725,7 +2807,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3725
2807
|
* `Select.Item` renders a {@link ComboboxMenuItem Combobox.Menu.Item} with aria role of `option`. You can optionally render a `Icon`.
|
|
3726
2808
|
*
|
|
3727
2809
|
* ```tsx
|
|
3728
|
-
* <Select
|
|
2810
|
+
* <Select items={options}>
|
|
3729
2811
|
* <FormField label="Your Label">
|
|
3730
2812
|
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3731
2813
|
* <Select.Popper>
|
|
@@ -3766,24 +2848,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3766
2848
|
UNSTABLE_defaultItemHeight: number;
|
|
3767
2849
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
3768
2850
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2851
|
+
indexRef: React.MutableRefObject<number>;
|
|
3787
2852
|
nonInteractiveIds: string[];
|
|
3788
2853
|
isVirtualized: boolean;
|
|
3789
2854
|
items: import("../..").Item<any>[];
|
|
@@ -3864,24 +2929,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3864
2929
|
UNSTABLE_defaultItemHeight: number;
|
|
3865
2930
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
3866
2931
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
2932
|
+
indexRef: React.MutableRefObject<number>;
|
|
3885
2933
|
nonInteractiveIds: string[];
|
|
3886
2934
|
isVirtualized: boolean;
|
|
3887
2935
|
items: import("../..").Item<any>[];
|
|
@@ -3963,24 +3011,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3963
3011
|
UNSTABLE_defaultItemHeight: number;
|
|
3964
3012
|
containerRef: React.RefObject<HTMLDivElement>;
|
|
3965
3013
|
orientation: "horizontal" | "vertical";
|
|
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
|
-
*/
|
|
3014
|
+
indexRef: React.MutableRefObject<number>;
|
|
3984
3015
|
nonInteractiveIds: string[];
|
|
3985
3016
|
isVirtualized: boolean;
|
|
3986
3017
|
items: import("../..").Item<any>[];
|