@workday/canvas-kit-react 11.0.0-alpha.715-next.0 → 11.0.0-alpha.718-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.
Files changed (56) hide show
  1. package/collection/lib/ListBox.tsx +50 -19
  2. package/combobox/lib/ComboboxMenuItem.tsx +24 -6
  3. package/combobox/lib/ComboboxMenuList.tsx +11 -10
  4. package/dist/commonjs/collection/lib/ListBox.d.ts.map +1 -1
  5. package/dist/commonjs/collection/lib/ListBox.js +18 -5
  6. package/dist/commonjs/combobox/lib/Combobox.d.ts +77 -5
  7. package/dist/commonjs/combobox/lib/Combobox.d.ts.map +1 -1
  8. package/dist/commonjs/combobox/lib/ComboboxMenu.d.ts +77 -5
  9. package/dist/commonjs/combobox/lib/ComboboxMenu.d.ts.map +1 -1
  10. package/dist/commonjs/combobox/lib/ComboboxMenuItem.d.ts +157 -7
  11. package/dist/commonjs/combobox/lib/ComboboxMenuItem.d.ts.map +1 -1
  12. package/dist/commonjs/combobox/lib/ComboboxMenuItem.js +17 -3
  13. package/dist/commonjs/combobox/lib/ComboboxMenuList.d.ts +0 -1
  14. package/dist/commonjs/combobox/lib/ComboboxMenuList.d.ts.map +1 -1
  15. package/dist/commonjs/combobox/lib/ComboboxMenuList.js +8 -3
  16. package/dist/commonjs/menu/index.d.ts +1 -1
  17. package/dist/commonjs/menu/index.d.ts.map +1 -1
  18. package/dist/commonjs/menu/index.js +2 -1
  19. package/dist/commonjs/menu/lib/MenuCard.d.ts +9 -0
  20. package/dist/commonjs/menu/lib/MenuCard.d.ts.map +1 -1
  21. package/dist/commonjs/menu/lib/MenuCard.js +18 -21
  22. package/dist/commonjs/menu/lib/MenuList.d.ts +10 -0
  23. package/dist/commonjs/menu/lib/MenuList.d.ts.map +1 -1
  24. package/dist/commonjs/menu/lib/MenuList.js +14 -3
  25. package/dist/commonjs/select/lib/Select.d.ts +437 -13
  26. package/dist/commonjs/select/lib/Select.d.ts.map +1 -1
  27. package/dist/commonjs/select/lib/Select.js +21 -12
  28. package/dist/es6/collection/lib/ListBox.d.ts.map +1 -1
  29. package/dist/es6/collection/lib/ListBox.js +19 -6
  30. package/dist/es6/combobox/lib/Combobox.d.ts +77 -5
  31. package/dist/es6/combobox/lib/Combobox.d.ts.map +1 -1
  32. package/dist/es6/combobox/lib/ComboboxMenu.d.ts +77 -5
  33. package/dist/es6/combobox/lib/ComboboxMenu.d.ts.map +1 -1
  34. package/dist/es6/combobox/lib/ComboboxMenuItem.d.ts +157 -7
  35. package/dist/es6/combobox/lib/ComboboxMenuItem.d.ts.map +1 -1
  36. package/dist/es6/combobox/lib/ComboboxMenuItem.js +17 -3
  37. package/dist/es6/combobox/lib/ComboboxMenuList.d.ts +0 -1
  38. package/dist/es6/combobox/lib/ComboboxMenuList.d.ts.map +1 -1
  39. package/dist/es6/combobox/lib/ComboboxMenuList.js +9 -4
  40. package/dist/es6/menu/index.d.ts +1 -1
  41. package/dist/es6/menu/index.d.ts.map +1 -1
  42. package/dist/es6/menu/index.js +1 -1
  43. package/dist/es6/menu/lib/MenuCard.d.ts +9 -0
  44. package/dist/es6/menu/lib/MenuCard.d.ts.map +1 -1
  45. package/dist/es6/menu/lib/MenuCard.js +18 -21
  46. package/dist/es6/menu/lib/MenuList.d.ts +10 -0
  47. package/dist/es6/menu/lib/MenuList.d.ts.map +1 -1
  48. package/dist/es6/menu/lib/MenuList.js +13 -2
  49. package/dist/es6/select/lib/Select.d.ts +437 -13
  50. package/dist/es6/select/lib/Select.d.ts.map +1 -1
  51. package/dist/es6/select/lib/Select.js +21 -12
  52. package/menu/index.ts +1 -1
  53. package/menu/lib/MenuCard.tsx +37 -32
  54. package/menu/lib/MenuList.tsx +24 -8
  55. package/package.json +4 -4
  56. package/select/lib/Select.tsx +45 -31
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import { ExtractProps, Themeable } from '@workday/canvas-kit-react/common';
3
- import { Combobox } from '@workday/canvas-kit-react/combobox';
4
- import { TextInput } from '@workday/canvas-kit-react/text-input';
5
2
  import { CanvasSystemIcon } from '@workday/design-assets-types';
3
+ import { Combobox } from '@workday/canvas-kit-react/combobox';
6
4
  import { CSProps } from '@workday/canvas-kit-styling';
5
+ import { TextInput } from '@workday/canvas-kit-react/text-input';
6
+ import { ExtractProps, Themeable } from '@workday/canvas-kit-react/common';
7
7
  export interface SelectInputProps extends ExtractProps<typeof TextInput>, CSProps {
8
8
  /**
9
9
  * The Icon to render at the start of the `input`. Use this prop if your options
@@ -46,6 +46,11 @@ export declare const SelectInput: import("@workday/canvas-kit-react/common").Ele
46
46
  isVirtualized: boolean;
47
47
  items: import("../..").Item<any>[];
48
48
  mode: "multiple" | "single";
49
+ /**
50
+ * The Icon to render at the start of the `input`. Use this prop if your options
51
+ * include icons that you would like to render in the `input` when selected.
52
+ * ** Note:An option must be selected in order to render and icon.**
53
+ */
49
54
  value: string | undefined;
50
55
  inputRef: React.RefObject<HTMLInputElement>;
51
56
  width: number;
@@ -123,6 +128,11 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
123
128
  isVirtualized: boolean;
124
129
  items: import("../..").Item<any>[];
125
130
  mode: "multiple" | "single";
131
+ /**
132
+ * The Icon to render at the start of the `input`. Use this prop if your options
133
+ * include icons that you would like to render in the `input` when selected.
134
+ * ** Note:An option must be selected in order to render and icon.**
135
+ */
126
136
  value: string | undefined;
127
137
  inputRef: React.RefObject<HTMLInputElement>;
128
138
  width: number;
@@ -199,6 +209,11 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
199
209
  isVirtualized: boolean;
200
210
  items: import("../..").Item<any>[];
201
211
  mode: "multiple" | "single";
212
+ /**
213
+ * The Icon to render at the start of the `input`. Use this prop if your options
214
+ * include icons that you would like to render in the `input` when selected.
215
+ * ** Note:An option must be selected in order to render and icon.**
216
+ */
202
217
  value: string | undefined;
203
218
  inputRef: React.RefObject<HTMLInputElement>;
204
219
  width: number;
@@ -244,11 +259,88 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
244
259
  navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
245
260
  getId: (item: any) => string;
246
261
  }> & {
247
- Icon: import("@emotion/styled").StyledComponent<import("@workday/canvas-kit-react/icon").SystemIconProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "as" | keyof import("@workday/canvas-kit-react/icon").SystemIconProps> & {
248
- ref?: React.Ref<HTMLSpanElement> | undefined;
249
- } & {
250
- theme?: import("@emotion/react").Theme | undefined;
251
- }, {}, {}>;
262
+ Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("@workday/canvas-kit-react/icon").SystemIconProps & React.HTMLAttributes<HTMLSpanElement>, {
263
+ state: {
264
+ stackRef: React.RefObject<HTMLDivElement>;
265
+ targetRef: React.RefObject<HTMLButtonElement>;
266
+ initialFocusRef: React.RefObject<any> | undefined;
267
+ returnFocusRef: React.RefObject<any> | undefined;
268
+ placement: import("@popperjs/core").Placement;
269
+ id: string;
270
+ visibility: "hidden" | "visible";
271
+ selectedIds: string[] | "all";
272
+ unselectedIds: string[];
273
+ cursorId: string;
274
+ columnCount: number;
275
+ pageSizeRef: React.MutableRefObject<number>;
276
+ cursorIndexRef: {
277
+ readonly current: number;
278
+ };
279
+ UNSTABLE_virtual: {
280
+ virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
281
+ totalSize: number;
282
+ scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
283
+ scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
284
+ measure: () => void;
285
+ };
286
+ UNSTABLE_defaultItemHeight: number;
287
+ containerRef: React.RefObject<HTMLDivElement>;
288
+ orientation: "horizontal" | "vertical";
289
+ indexRef: React.MutableRefObject<number>;
290
+ nonInteractiveIds: string[];
291
+ isVirtualized: boolean;
292
+ items: import("../..").Item<any>[];
293
+ mode: "multiple" | "single";
294
+ /**
295
+ * The Icon to render at the start of the `input`. Use this prop if your options
296
+ * include icons that you would like to render in the `input` when selected.
297
+ * ** Note:An option must be selected in order to render and icon.**
298
+ */
299
+ value: string | undefined;
300
+ inputRef: React.RefObject<HTMLInputElement>;
301
+ width: number;
302
+ };
303
+ events: {
304
+ setWidth(width: number): void;
305
+ updatePlacement(data: {
306
+ placement: import("@popperjs/core").Placement;
307
+ }): void;
308
+ show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
309
+ hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
310
+ select(data: {
311
+ id: string;
312
+ }): void;
313
+ selectAll(): void;
314
+ unselectAll(): void;
315
+ goTo(data: {
316
+ id: string;
317
+ }): void;
318
+ goToNext(): void;
319
+ goToPrevious(): void;
320
+ goToPreviousRow(): void;
321
+ goToNextRow(): void;
322
+ goToFirst(): void;
323
+ goToLast(): void;
324
+ goToFirstOfRow(): void;
325
+ goToLastOfRow(): void;
326
+ goToNextPage(): void;
327
+ goToPreviousPage(): void;
328
+ registerItem(data: {
329
+ item: any;
330
+ textValue: string;
331
+ }): void;
332
+ unregisterItem(data: {
333
+ id: string;
334
+ }): void;
335
+ updateItemHeight(data: {
336
+ value: number;
337
+ }): void;
338
+ };
339
+ onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
340
+ selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
341
+ navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
342
+ getId: (item: any) => string;
343
+ }>;
252
344
  };
253
345
  export declare const SelectCard: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../../combobox/lib/ComboboxCard").ComboboxCardProps & React.HTMLAttributes<HTMLDivElement> & import("@workday/canvas-kit-react/common").PropsWithModel<{
254
346
  state: {
@@ -282,6 +374,11 @@ export declare const SelectCard: import("@workday/canvas-kit-react/common").Elem
282
374
  isVirtualized: boolean;
283
375
  items: import("../..").Item<any>[];
284
376
  mode: "multiple" | "single";
377
+ /**
378
+ * The Icon to render at the start of the `input`. Use this prop if your options
379
+ * include icons that you would like to render in the `input` when selected.
380
+ * ** Note:An option must be selected in order to render and icon.**
381
+ */
285
382
  value: string | undefined;
286
383
  inputRef: React.RefObject<HTMLInputElement>;
287
384
  width: number;
@@ -358,6 +455,11 @@ export declare const SelectCard: import("@workday/canvas-kit-react/common").Elem
358
455
  isVirtualized: boolean;
359
456
  items: import("../..").Item<any>[];
360
457
  mode: "multiple" | "single";
458
+ /**
459
+ * The Icon to render at the start of the `input`. Use this prop if your options
460
+ * include icons that you would like to render in the `input` when selected.
461
+ * ** Note:An option must be selected in order to render and icon.**
462
+ */
361
463
  value: string | undefined;
362
464
  inputRef: React.RefObject<HTMLInputElement>;
363
465
  width: number;
@@ -479,6 +581,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
479
581
  isVirtualized: boolean;
480
582
  items: import("../..").Item<any>[];
481
583
  mode: "multiple" | "single";
584
+ /**
585
+ * The Icon to render at the start of the `input`. Use this prop if your options
586
+ * include icons that you would like to render in the `input` when selected.
587
+ * ** Note:An option must be selected in order to render and icon.**
588
+ */
482
589
  value: string | undefined;
483
590
  inputRef: React.RefObject<HTMLInputElement>;
484
591
  width: number;
@@ -516,6 +623,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
516
623
  isVirtualized: boolean;
517
624
  items: import("../..").Item<any>[];
518
625
  mode: "multiple" | "single";
626
+ /**
627
+ * The Icon to render at the start of the `input`. Use this prop if your options
628
+ * include icons that you would like to render in the `input` when selected.
629
+ * ** Note:An option must be selected in order to render and icon.**
630
+ */
519
631
  value: string | undefined;
520
632
  inputRef: React.RefObject<HTMLInputElement>;
521
633
  width: number;
@@ -551,6 +663,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
551
663
  isVirtualized: boolean;
552
664
  items: import("../..").Item<any>[];
553
665
  mode: "multiple" | "single";
666
+ /**
667
+ * The Icon to render at the start of the `input`. Use this prop if your options
668
+ * include icons that you would like to render in the `input` when selected.
669
+ * ** Note:An option must be selected in order to render and icon.**
670
+ */
554
671
  value: string | undefined;
555
672
  inputRef: React.RefObject<HTMLInputElement>;
556
673
  width: number;
@@ -586,6 +703,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
586
703
  isVirtualized: boolean;
587
704
  items: import("../..").Item<any>[];
588
705
  mode: "multiple" | "single";
706
+ /**
707
+ * The Icon to render at the start of the `input`. Use this prop if your options
708
+ * include icons that you would like to render in the `input` when selected.
709
+ * ** Note:An option must be selected in order to render and icon.**
710
+ */
589
711
  value: string | undefined;
590
712
  inputRef: React.RefObject<HTMLInputElement>;
591
713
  width: number;
@@ -623,6 +745,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
623
745
  isVirtualized: boolean;
624
746
  items: import("../..").Item<any>[];
625
747
  mode: "multiple" | "single";
748
+ /**
749
+ * The Icon to render at the start of the `input`. Use this prop if your options
750
+ * include icons that you would like to render in the `input` when selected.
751
+ * ** Note:An option must be selected in order to render and icon.**
752
+ */
626
753
  value: string | undefined;
627
754
  inputRef: React.RefObject<HTMLInputElement>;
628
755
  width: number;
@@ -658,6 +785,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
658
785
  isVirtualized: boolean;
659
786
  items: import("../..").Item<any>[];
660
787
  mode: "multiple" | "single";
788
+ /**
789
+ * The Icon to render at the start of the `input`. Use this prop if your options
790
+ * include icons that you would like to render in the `input` when selected.
791
+ * ** Note:An option must be selected in order to render and icon.**
792
+ */
661
793
  value: string | undefined;
662
794
  inputRef: React.RefObject<HTMLInputElement>;
663
795
  width: number;
@@ -693,6 +825,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
693
825
  isVirtualized: boolean;
694
826
  items: import("../..").Item<any>[];
695
827
  mode: "multiple" | "single";
828
+ /**
829
+ * The Icon to render at the start of the `input`. Use this prop if your options
830
+ * include icons that you would like to render in the `input` when selected.
831
+ * ** Note:An option must be selected in order to render and icon.**
832
+ */
696
833
  value: string | undefined;
697
834
  inputRef: React.RefObject<HTMLInputElement>;
698
835
  width: number;
@@ -730,6 +867,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
730
867
  isVirtualized: boolean;
731
868
  items: import("../..").Item<any>[];
732
869
  mode: "multiple" | "single";
870
+ /**
871
+ * The Icon to render at the start of the `input`. Use this prop if your options
872
+ * include icons that you would like to render in the `input` when selected.
873
+ * ** Note:An option must be selected in order to render and icon.**
874
+ */
733
875
  value: string | undefined;
734
876
  inputRef: React.RefObject<HTMLInputElement>;
735
877
  width: number;
@@ -765,6 +907,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
765
907
  isVirtualized: boolean;
766
908
  items: import("../..").Item<any>[];
767
909
  mode: "multiple" | "single";
910
+ /**
911
+ * The Icon to render at the start of the `input`. Use this prop if your options
912
+ * include icons that you would like to render in the `input` when selected.
913
+ * ** Note:An option must be selected in order to render and icon.**
914
+ */
768
915
  value: string | undefined;
769
916
  inputRef: React.RefObject<HTMLInputElement>;
770
917
  width: number;
@@ -800,6 +947,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
800
947
  isVirtualized: boolean;
801
948
  items: import("../..").Item<any>[];
802
949
  mode: "multiple" | "single";
950
+ /**
951
+ * The Icon to render at the start of the `input`. Use this prop if your options
952
+ * include icons that you would like to render in the `input` when selected.
953
+ * ** Note:An option must be selected in order to render and icon.**
954
+ */
803
955
  value: string | undefined;
804
956
  inputRef: React.RefObject<HTMLInputElement>;
805
957
  width: number;
@@ -835,6 +987,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
835
987
  isVirtualized: boolean;
836
988
  items: import("../..").Item<any>[];
837
989
  mode: "multiple" | "single";
990
+ /**
991
+ * The Icon to render at the start of the `input`. Use this prop if your options
992
+ * include icons that you would like to render in the `input` when selected.
993
+ * ** Note:An option must be selected in order to render and icon.**
994
+ */
838
995
  value: string | undefined;
839
996
  inputRef: React.RefObject<HTMLInputElement>;
840
997
  width: number;
@@ -870,6 +1027,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
870
1027
  isVirtualized: boolean;
871
1028
  items: import("../..").Item<any>[];
872
1029
  mode: "multiple" | "single";
1030
+ /**
1031
+ * The Icon to render at the start of the `input`. Use this prop if your options
1032
+ * include icons that you would like to render in the `input` when selected.
1033
+ * ** Note:An option must be selected in order to render and icon.**
1034
+ */
873
1035
  value: string | undefined;
874
1036
  inputRef: React.RefObject<HTMLInputElement>;
875
1037
  width: number;
@@ -905,6 +1067,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
905
1067
  isVirtualized: boolean;
906
1068
  items: import("../..").Item<any>[];
907
1069
  mode: "multiple" | "single";
1070
+ /**
1071
+ * The Icon to render at the start of the `input`. Use this prop if your options
1072
+ * include icons that you would like to render in the `input` when selected.
1073
+ * ** Note:An option must be selected in order to render and icon.**
1074
+ */
908
1075
  value: string | undefined;
909
1076
  inputRef: React.RefObject<HTMLInputElement>;
910
1077
  width: number;
@@ -940,6 +1107,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
940
1107
  isVirtualized: boolean;
941
1108
  items: import("../..").Item<any>[];
942
1109
  mode: "multiple" | "single";
1110
+ /**
1111
+ * The Icon to render at the start of the `input`. Use this prop if your options
1112
+ * include icons that you would like to render in the `input` when selected.
1113
+ * ** Note:An option must be selected in order to render and icon.**
1114
+ */
943
1115
  value: string | undefined;
944
1116
  inputRef: React.RefObject<HTMLInputElement>;
945
1117
  width: number;
@@ -975,6 +1147,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
975
1147
  isVirtualized: boolean;
976
1148
  items: import("../..").Item<any>[];
977
1149
  mode: "multiple" | "single";
1150
+ /**
1151
+ * The Icon to render at the start of the `input`. Use this prop if your options
1152
+ * include icons that you would like to render in the `input` when selected.
1153
+ * ** Note:An option must be selected in order to render and icon.**
1154
+ */
978
1155
  value: string | undefined;
979
1156
  inputRef: React.RefObject<HTMLInputElement>;
980
1157
  width: number;
@@ -1010,6 +1187,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1010
1187
  isVirtualized: boolean;
1011
1188
  items: import("../..").Item<any>[];
1012
1189
  mode: "multiple" | "single";
1190
+ /**
1191
+ * The Icon to render at the start of the `input`. Use this prop if your options
1192
+ * include icons that you would like to render in the `input` when selected.
1193
+ * ** Note:An option must be selected in order to render and icon.**
1194
+ */
1013
1195
  value: string | undefined;
1014
1196
  inputRef: React.RefObject<HTMLInputElement>;
1015
1197
  width: number;
@@ -1045,6 +1227,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1045
1227
  isVirtualized: boolean;
1046
1228
  items: import("../..").Item<any>[];
1047
1229
  mode: "multiple" | "single";
1230
+ /**
1231
+ * The Icon to render at the start of the `input`. Use this prop if your options
1232
+ * include icons that you would like to render in the `input` when selected.
1233
+ * ** Note:An option must be selected in order to render and icon.**
1234
+ */
1048
1235
  value: string | undefined;
1049
1236
  inputRef: React.RefObject<HTMLInputElement>;
1050
1237
  width: number;
@@ -1080,6 +1267,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1080
1267
  isVirtualized: boolean;
1081
1268
  items: import("../..").Item<any>[];
1082
1269
  mode: "multiple" | "single";
1270
+ /**
1271
+ * The Icon to render at the start of the `input`. Use this prop if your options
1272
+ * include icons that you would like to render in the `input` when selected.
1273
+ * ** Note:An option must be selected in order to render and icon.**
1274
+ */
1083
1275
  value: string | undefined;
1084
1276
  inputRef: React.RefObject<HTMLInputElement>;
1085
1277
  width: number;
@@ -1118,6 +1310,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1118
1310
  isVirtualized: boolean;
1119
1311
  items: import("../..").Item<any>[];
1120
1312
  mode: "multiple" | "single";
1313
+ /**
1314
+ * The Icon to render at the start of the `input`. Use this prop if your options
1315
+ * include icons that you would like to render in the `input` when selected.
1316
+ * ** Note:An option must be selected in order to render and icon.**
1317
+ */
1121
1318
  value: string | undefined;
1122
1319
  inputRef: React.RefObject<HTMLInputElement>;
1123
1320
  width: number;
@@ -1155,6 +1352,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1155
1352
  isVirtualized: boolean;
1156
1353
  items: import("../..").Item<any>[];
1157
1354
  mode: "multiple" | "single";
1355
+ /**
1356
+ * The Icon to render at the start of the `input`. Use this prop if your options
1357
+ * include icons that you would like to render in the `input` when selected.
1358
+ * ** Note:An option must be selected in order to render and icon.**
1359
+ */
1158
1360
  value: string | undefined;
1159
1361
  inputRef: React.RefObject<HTMLInputElement>;
1160
1362
  width: number;
@@ -1192,6 +1394,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1192
1394
  isVirtualized: boolean;
1193
1395
  items: import("../..").Item<any>[];
1194
1396
  mode: "multiple" | "single";
1397
+ /**
1398
+ * The Icon to render at the start of the `input`. Use this prop if your options
1399
+ * include icons that you would like to render in the `input` when selected.
1400
+ * ** Note:An option must be selected in order to render and icon.**
1401
+ */
1195
1402
  value: string | undefined;
1196
1403
  inputRef: React.RefObject<HTMLInputElement>;
1197
1404
  width: number;
@@ -1228,6 +1435,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1228
1435
  isVirtualized: boolean;
1229
1436
  items: import("../..").Item<any>[];
1230
1437
  mode: "multiple" | "single";
1438
+ /**
1439
+ * The Icon to render at the start of the `input`. Use this prop if your options
1440
+ * include icons that you would like to render in the `input` when selected.
1441
+ * ** Note:An option must be selected in order to render and icon.**
1442
+ */
1231
1443
  value: string | undefined;
1232
1444
  inputRef: React.RefObject<HTMLInputElement>;
1233
1445
  width: number;
@@ -1265,6 +1477,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1265
1477
  isVirtualized: boolean;
1266
1478
  items: import("../..").Item<any>[];
1267
1479
  mode: "multiple" | "single";
1480
+ /**
1481
+ * The Icon to render at the start of the `input`. Use this prop if your options
1482
+ * include icons that you would like to render in the `input` when selected.
1483
+ * ** Note:An option must be selected in order to render and icon.**
1484
+ */
1268
1485
  value: string | undefined;
1269
1486
  inputRef: React.RefObject<HTMLInputElement>;
1270
1487
  width: number;
@@ -1300,6 +1517,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1300
1517
  isVirtualized: boolean;
1301
1518
  items: import("../..").Item<any>[];
1302
1519
  mode: "multiple" | "single";
1520
+ /**
1521
+ * The Icon to render at the start of the `input`. Use this prop if your options
1522
+ * include icons that you would like to render in the `input` when selected.
1523
+ * ** Note:An option must be selected in order to render and icon.**
1524
+ */
1303
1525
  value: string | undefined;
1304
1526
  inputRef: React.RefObject<HTMLInputElement>;
1305
1527
  width: number;
@@ -1335,6 +1557,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1335
1557
  isVirtualized: boolean;
1336
1558
  items: import("../..").Item<any>[];
1337
1559
  mode: "multiple" | "single";
1560
+ /**
1561
+ * The Icon to render at the start of the `input`. Use this prop if your options
1562
+ * include icons that you would like to render in the `input` when selected.
1563
+ * ** Note:An option must be selected in order to render and icon.**
1564
+ */
1338
1565
  value: string | undefined;
1339
1566
  inputRef: React.RefObject<HTMLInputElement>;
1340
1567
  width: number;
@@ -1372,6 +1599,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1372
1599
  isVirtualized: boolean;
1373
1600
  items: import("../..").Item<any>[];
1374
1601
  mode: "multiple" | "single";
1602
+ /**
1603
+ * The Icon to render at the start of the `input`. Use this prop if your options
1604
+ * include icons that you would like to render in the `input` when selected.
1605
+ * ** Note:An option must be selected in order to render and icon.**
1606
+ */
1375
1607
  value: string | undefined;
1376
1608
  inputRef: React.RefObject<HTMLInputElement>;
1377
1609
  width: number;
@@ -1407,6 +1639,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1407
1639
  isVirtualized: boolean;
1408
1640
  items: import("../..").Item<any>[];
1409
1641
  mode: "multiple" | "single";
1642
+ /**
1643
+ * The Icon to render at the start of the `input`. Use this prop if your options
1644
+ * include icons that you would like to render in the `input` when selected.
1645
+ * ** Note:An option must be selected in order to render and icon.**
1646
+ */
1410
1647
  value: string | undefined;
1411
1648
  inputRef: React.RefObject<HTMLInputElement>;
1412
1649
  width: number;
@@ -1442,6 +1679,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1442
1679
  isVirtualized: boolean;
1443
1680
  items: import("../..").Item<any>[];
1444
1681
  mode: "multiple" | "single";
1682
+ /**
1683
+ * The Icon to render at the start of the `input`. Use this prop if your options
1684
+ * include icons that you would like to render in the `input` when selected.
1685
+ * ** Note:An option must be selected in order to render and icon.**
1686
+ */
1445
1687
  value: string | undefined;
1446
1688
  inputRef: React.RefObject<HTMLInputElement>;
1447
1689
  width: number;
@@ -1479,6 +1721,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1479
1721
  isVirtualized: boolean;
1480
1722
  items: import("../..").Item<any>[];
1481
1723
  mode: "multiple" | "single";
1724
+ /**
1725
+ * The Icon to render at the start of the `input`. Use this prop if your options
1726
+ * include icons that you would like to render in the `input` when selected.
1727
+ * ** Note:An option must be selected in order to render and icon.**
1728
+ */
1482
1729
  value: string | undefined;
1483
1730
  inputRef: React.RefObject<HTMLInputElement>;
1484
1731
  width: number;
@@ -1514,6 +1761,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1514
1761
  isVirtualized: boolean;
1515
1762
  items: import("../..").Item<any>[];
1516
1763
  mode: "multiple" | "single";
1764
+ /**
1765
+ * The Icon to render at the start of the `input`. Use this prop if your options
1766
+ * include icons that you would like to render in the `input` when selected.
1767
+ * ** Note:An option must be selected in order to render and icon.**
1768
+ */
1517
1769
  value: string | undefined;
1518
1770
  inputRef: React.RefObject<HTMLInputElement>;
1519
1771
  width: number;
@@ -1549,6 +1801,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1549
1801
  isVirtualized: boolean;
1550
1802
  items: import("../..").Item<any>[];
1551
1803
  mode: "multiple" | "single";
1804
+ /**
1805
+ * The Icon to render at the start of the `input`. Use this prop if your options
1806
+ * include icons that you would like to render in the `input` when selected.
1807
+ * ** Note:An option must be selected in order to render and icon.**
1808
+ */
1552
1809
  value: string | undefined;
1553
1810
  inputRef: React.RefObject<HTMLInputElement>;
1554
1811
  width: number;
@@ -1584,6 +1841,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1584
1841
  isVirtualized: boolean;
1585
1842
  items: import("../..").Item<any>[];
1586
1843
  mode: "multiple" | "single";
1844
+ /**
1845
+ * The Icon to render at the start of the `input`. Use this prop if your options
1846
+ * include icons that you would like to render in the `input` when selected.
1847
+ * ** Note:An option must be selected in order to render and icon.**
1848
+ */
1587
1849
  value: string | undefined;
1588
1850
  inputRef: React.RefObject<HTMLInputElement>;
1589
1851
  width: number;
@@ -1619,6 +1881,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1619
1881
  isVirtualized: boolean;
1620
1882
  items: import("../..").Item<any>[];
1621
1883
  mode: "multiple" | "single";
1884
+ /**
1885
+ * The Icon to render at the start of the `input`. Use this prop if your options
1886
+ * include icons that you would like to render in the `input` when selected.
1887
+ * ** Note:An option must be selected in order to render and icon.**
1888
+ */
1622
1889
  value: string | undefined;
1623
1890
  inputRef: React.RefObject<HTMLInputElement>;
1624
1891
  width: number;
@@ -1654,6 +1921,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1654
1921
  isVirtualized: boolean;
1655
1922
  items: import("../..").Item<any>[];
1656
1923
  mode: "multiple" | "single";
1924
+ /**
1925
+ * The Icon to render at the start of the `input`. Use this prop if your options
1926
+ * include icons that you would like to render in the `input` when selected.
1927
+ * ** Note:An option must be selected in order to render and icon.**
1928
+ */
1657
1929
  value: string | undefined;
1658
1930
  inputRef: React.RefObject<HTMLInputElement>;
1659
1931
  width: number;
@@ -1689,6 +1961,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1689
1961
  isVirtualized: boolean;
1690
1962
  items: import("../..").Item<any>[];
1691
1963
  mode: "multiple" | "single";
1964
+ /**
1965
+ * The Icon to render at the start of the `input`. Use this prop if your options
1966
+ * include icons that you would like to render in the `input` when selected.
1967
+ * ** Note:An option must be selected in order to render and icon.**
1968
+ */
1692
1969
  value: string | undefined;
1693
1970
  inputRef: React.RefObject<HTMLInputElement>;
1694
1971
  width: number;
@@ -1724,6 +2001,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1724
2001
  isVirtualized: boolean;
1725
2002
  items: import("../..").Item<any>[];
1726
2003
  mode: "multiple" | "single";
2004
+ /**
2005
+ * The Icon to render at the start of the `input`. Use this prop if your options
2006
+ * include icons that you would like to render in the `input` when selected.
2007
+ * ** Note:An option must be selected in order to render and icon.**
2008
+ */
1727
2009
  value: string | undefined;
1728
2010
  inputRef: React.RefObject<HTMLInputElement>;
1729
2011
  width: number;
@@ -1759,6 +2041,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1759
2041
  isVirtualized: boolean;
1760
2042
  items: import("../..").Item<any>[];
1761
2043
  mode: "multiple" | "single";
2044
+ /**
2045
+ * The Icon to render at the start of the `input`. Use this prop if your options
2046
+ * include icons that you would like to render in the `input` when selected.
2047
+ * ** Note:An option must be selected in order to render and icon.**
2048
+ */
1762
2049
  value: string | undefined;
1763
2050
  inputRef: React.RefObject<HTMLInputElement>;
1764
2051
  width: number;
@@ -1794,6 +2081,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1794
2081
  isVirtualized: boolean;
1795
2082
  items: import("../..").Item<any>[];
1796
2083
  mode: "multiple" | "single";
2084
+ /**
2085
+ * The Icon to render at the start of the `input`. Use this prop if your options
2086
+ * include icons that you would like to render in the `input` when selected.
2087
+ * ** Note:An option must be selected in order to render and icon.**
2088
+ */
1797
2089
  value: string | undefined;
1798
2090
  inputRef: React.RefObject<HTMLInputElement>;
1799
2091
  width: number;
@@ -1829,6 +2121,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1829
2121
  isVirtualized: boolean;
1830
2122
  items: import("../..").Item<any>[];
1831
2123
  mode: "multiple" | "single";
2124
+ /**
2125
+ * The Icon to render at the start of the `input`. Use this prop if your options
2126
+ * include icons that you would like to render in the `input` when selected.
2127
+ * ** Note:An option must be selected in order to render and icon.**
2128
+ */
1832
2129
  value: string | undefined;
1833
2130
  inputRef: React.RefObject<HTMLInputElement>;
1834
2131
  width: number;
@@ -1867,6 +2164,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1867
2164
  isVirtualized: boolean;
1868
2165
  items: import("../..").Item<any>[];
1869
2166
  mode: "multiple" | "single";
2167
+ /**
2168
+ * The Icon to render at the start of the `input`. Use this prop if your options
2169
+ * include icons that you would like to render in the `input` when selected.
2170
+ * ** Note:An option must be selected in order to render and icon.**
2171
+ */
1870
2172
  value: string | undefined;
1871
2173
  inputRef: React.RefObject<HTMLInputElement>;
1872
2174
  width: number;
@@ -1904,6 +2206,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1904
2206
  isVirtualized: boolean;
1905
2207
  items: import("../..").Item<any>[];
1906
2208
  mode: "multiple" | "single";
2209
+ /**
2210
+ * The Icon to render at the start of the `input`. Use this prop if your options
2211
+ * include icons that you would like to render in the `input` when selected.
2212
+ * ** Note:An option must be selected in order to render and icon.**
2213
+ */
1907
2214
  value: string | undefined;
1908
2215
  inputRef: React.RefObject<HTMLInputElement>;
1909
2216
  width: number;
@@ -1941,6 +2248,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1941
2248
  isVirtualized: boolean;
1942
2249
  items: import("../..").Item<any>[];
1943
2250
  mode: "multiple" | "single";
2251
+ /**
2252
+ * The Icon to render at the start of the `input`. Use this prop if your options
2253
+ * include icons that you would like to render in the `input` when selected.
2254
+ * ** Note:An option must be selected in order to render and icon.**
2255
+ */
1944
2256
  value: string | undefined;
1945
2257
  inputRef: React.RefObject<HTMLInputElement>;
1946
2258
  width: number;
@@ -1977,6 +2289,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
1977
2289
  isVirtualized: boolean;
1978
2290
  items: import("../..").Item<any>[];
1979
2291
  mode: "multiple" | "single";
2292
+ /**
2293
+ * The Icon to render at the start of the `input`. Use this prop if your options
2294
+ * include icons that you would like to render in the `input` when selected.
2295
+ * ** Note:An option must be selected in order to render and icon.**
2296
+ */
1980
2297
  value: string | undefined;
1981
2298
  inputRef: React.RefObject<HTMLInputElement>;
1982
2299
  width: number;
@@ -2069,6 +2386,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
2069
2386
  isVirtualized: boolean;
2070
2387
  items: import("../..").Item<any>[];
2071
2388
  mode: "multiple" | "single";
2389
+ /**
2390
+ * The Icon to render at the start of the `input`. Use this prop if your options
2391
+ * include icons that you would like to render in the `input` when selected.
2392
+ * ** Note:An option must be selected in order to render and icon.**
2393
+ */
2072
2394
  value: string | undefined;
2073
2395
  inputRef: React.RefObject<HTMLInputElement>;
2074
2396
  width: number;
@@ -2250,6 +2572,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
2250
2572
  isVirtualized: boolean;
2251
2573
  items: import("../..").Item<any>[];
2252
2574
  mode: "multiple" | "single";
2575
+ /**
2576
+ * The Icon to render at the start of the `input`. Use this prop if your options
2577
+ * include icons that you would like to render in the `input` when selected.
2578
+ * ** Note:An option must be selected in order to render and icon.**
2579
+ */
2253
2580
  value: string | undefined;
2254
2581
  inputRef: React.RefObject<HTMLInputElement>;
2255
2582
  width: number;
@@ -2326,6 +2653,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
2326
2653
  isVirtualized: boolean;
2327
2654
  items: import("../..").Item<any>[];
2328
2655
  mode: "multiple" | "single";
2656
+ /**
2657
+ * The Icon to render at the start of the `input`. Use this prop if your options
2658
+ * include icons that you would like to render in the `input` when selected.
2659
+ * ** Note:An option must be selected in order to render and icon.**
2660
+ */
2329
2661
  value: string | undefined;
2330
2662
  inputRef: React.RefObject<HTMLInputElement>;
2331
2663
  width: number;
@@ -2421,6 +2753,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
2421
2753
  isVirtualized: boolean;
2422
2754
  items: import("../..").Item<any>[];
2423
2755
  mode: "multiple" | "single";
2756
+ /**
2757
+ * The Icon to render at the start of the `input`. Use this prop if your options
2758
+ * include icons that you would like to render in the `input` when selected.
2759
+ * ** Note:An option must be selected in order to render and icon.**
2760
+ */
2424
2761
  value: string | undefined;
2425
2762
  inputRef: React.RefObject<HTMLInputElement>;
2426
2763
  width: number;
@@ -2516,6 +2853,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
2516
2853
  isVirtualized: boolean;
2517
2854
  items: import("../..").Item<any>[];
2518
2855
  mode: "multiple" | "single";
2856
+ /**
2857
+ * The Icon to render at the start of the `input`. Use this prop if your options
2858
+ * include icons that you would like to render in the `input` when selected.
2859
+ * ** Note:An option must be selected in order to render and icon.**
2860
+ */
2519
2861
  value: string | undefined;
2520
2862
  inputRef: React.RefObject<HTMLInputElement>;
2521
2863
  width: number;
@@ -2592,6 +2934,11 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
2592
2934
  isVirtualized: boolean;
2593
2935
  items: import("../..").Item<any>[];
2594
2936
  mode: "multiple" | "single";
2937
+ /**
2938
+ * The Icon to render at the start of the `input`. Use this prop if your options
2939
+ * include icons that you would like to render in the `input` when selected.
2940
+ * ** Note:An option must be selected in order to render and icon.**
2941
+ */
2595
2942
  value: string | undefined;
2596
2943
  inputRef: React.RefObject<HTMLInputElement>;
2597
2944
  width: number;
@@ -2637,11 +2984,88 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
2637
2984
  navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
2638
2985
  getId: (item: any) => string;
2639
2986
  }> & {
2640
- Icon: import("@emotion/styled").StyledComponent<import("@workday/canvas-kit-react/icon").SystemIconProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "as" | keyof import("@workday/canvas-kit-react/icon").SystemIconProps> & {
2641
- ref?: React.Ref<HTMLSpanElement> | undefined;
2642
- } & {
2643
- theme?: import("@emotion/react").Theme | undefined;
2644
- }, {}, {}>;
2987
+ Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("@workday/canvas-kit-react/icon").SystemIconProps & React.HTMLAttributes<HTMLSpanElement>, {
2988
+ state: {
2989
+ stackRef: React.RefObject<HTMLDivElement>;
2990
+ targetRef: React.RefObject<HTMLButtonElement>;
2991
+ initialFocusRef: React.RefObject<any> | undefined;
2992
+ returnFocusRef: React.RefObject<any> | undefined;
2993
+ placement: import("@popperjs/core").Placement;
2994
+ id: string;
2995
+ visibility: "hidden" | "visible";
2996
+ selectedIds: string[] | "all";
2997
+ unselectedIds: string[];
2998
+ cursorId: string;
2999
+ columnCount: number;
3000
+ pageSizeRef: React.MutableRefObject<number>;
3001
+ cursorIndexRef: {
3002
+ readonly current: number;
3003
+ };
3004
+ UNSTABLE_virtual: {
3005
+ virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
3006
+ totalSize: number;
3007
+ scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
3008
+ scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
3009
+ measure: () => void;
3010
+ };
3011
+ UNSTABLE_defaultItemHeight: number;
3012
+ containerRef: React.RefObject<HTMLDivElement>;
3013
+ orientation: "horizontal" | "vertical";
3014
+ indexRef: React.MutableRefObject<number>;
3015
+ nonInteractiveIds: string[];
3016
+ isVirtualized: boolean;
3017
+ items: import("../..").Item<any>[];
3018
+ mode: "multiple" | "single";
3019
+ /**
3020
+ * The Icon to render at the start of the `input`. Use this prop if your options
3021
+ * include icons that you would like to render in the `input` when selected.
3022
+ * ** Note:An option must be selected in order to render and icon.**
3023
+ */
3024
+ value: string | undefined;
3025
+ inputRef: React.RefObject<HTMLInputElement>;
3026
+ width: number;
3027
+ };
3028
+ events: {
3029
+ setWidth(width: number): void;
3030
+ updatePlacement(data: {
3031
+ placement: import("@popperjs/core").Placement;
3032
+ }): void;
3033
+ show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
3034
+ hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
3035
+ select(data: {
3036
+ id: string;
3037
+ }): void;
3038
+ selectAll(): void;
3039
+ unselectAll(): void;
3040
+ goTo(data: {
3041
+ id: string;
3042
+ }): void;
3043
+ goToNext(): void;
3044
+ goToPrevious(): void;
3045
+ goToPreviousRow(): void;
3046
+ goToNextRow(): void;
3047
+ goToFirst(): void;
3048
+ goToLast(): void;
3049
+ goToFirstOfRow(): void;
3050
+ goToLastOfRow(): void;
3051
+ goToNextPage(): void;
3052
+ goToPreviousPage(): void;
3053
+ registerItem(data: {
3054
+ item: any;
3055
+ textValue: string;
3056
+ }): void;
3057
+ unregisterItem(data: {
3058
+ id: string;
3059
+ }): void;
3060
+ updateItemHeight(data: {
3061
+ value: number;
3062
+ }): void;
3063
+ };
3064
+ onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
3065
+ selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
3066
+ navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
3067
+ getId: (item: any) => string;
3068
+ }>;
2645
3069
  };
2646
3070
  };
2647
3071
  //# sourceMappingURL=Select.d.ts.map