@workday/canvas-kit-react 12.0.0 → 12.0.1

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 (161) hide show
  1. package/dist/commonjs/avatar/lib/Avatar.js +21 -21
  2. package/dist/commonjs/badge/lib/CountBadge.js +3 -3
  3. package/dist/commonjs/button/lib/BaseButton.js +21 -21
  4. package/dist/commonjs/button/lib/DeleteButton.js +1 -1
  5. package/dist/commonjs/button/lib/PrimaryButton.js +2 -2
  6. package/dist/commonjs/button/lib/SecondaryButton.js +2 -2
  7. package/dist/commonjs/button/lib/TertiaryButton.js +18 -18
  8. package/dist/commonjs/card/lib/Card.js +1 -1
  9. package/dist/commonjs/card/lib/CardBody.js +1 -1
  10. package/dist/commonjs/card/lib/CardHeading.js +1 -1
  11. package/dist/commonjs/checkbox/lib/CheckBackground.js +3 -3
  12. package/dist/commonjs/checkbox/lib/CheckboxCheck.js +5 -5
  13. package/dist/commonjs/checkbox/lib/CheckboxContainer.js +1 -1
  14. package/dist/commonjs/checkbox/lib/CheckboxInput.js +5 -5
  15. package/dist/commonjs/checkbox/lib/CheckboxRipple.js +1 -1
  16. package/dist/commonjs/collection/lib/ListBox.js +3 -3
  17. package/dist/commonjs/combobox/lib/ComboboxMenuList.js +1 -1
  18. package/dist/commonjs/common/lib/AccessibleHide.js +1 -1
  19. package/dist/commonjs/common/lib/CanvasProvider.js +1 -1
  20. package/dist/commonjs/form-field/lib/FormFieldContainer.js +1 -1
  21. package/dist/commonjs/form-field/lib/FormFieldField.js +1 -1
  22. package/dist/commonjs/form-field/lib/FormFieldGroupLabel.js +5 -5
  23. package/dist/commonjs/form-field/lib/FormFieldGroupList.js +3 -3
  24. package/dist/commonjs/form-field/lib/FormFieldHint.js +3 -3
  25. package/dist/commonjs/form-field/lib/FormFieldLabel.js +6 -6
  26. package/dist/commonjs/form-field/lib/formFieldStencil.js +8 -8
  27. package/dist/commonjs/icon/lib/AccentIcon.js +2 -2
  28. package/dist/commonjs/icon/lib/AppletIcon.js +1 -1
  29. package/dist/commonjs/icon/lib/Graphic.js +2 -2
  30. package/dist/commonjs/icon/lib/Svg.js +2 -2
  31. package/dist/commonjs/icon/lib/SystemIcon.js +1 -1
  32. package/dist/commonjs/icon/lib/SystemIconCircle.js +1 -1
  33. package/dist/commonjs/loading-dots/lib/LoadingDots.js +3 -3
  34. package/dist/commonjs/menu/lib/MenuCard.js +1 -1
  35. package/dist/commonjs/menu/lib/MenuItem.js +1 -1
  36. package/dist/commonjs/menu/lib/MenuList.js +3 -3
  37. package/dist/commonjs/menu/lib/MenuOption.js +1 -1
  38. package/dist/commonjs/modal/lib/ModalBody.js +1 -1
  39. package/dist/commonjs/modal/lib/ModalCard.js +1 -1
  40. package/dist/commonjs/modal/lib/ModalHeading.js +1 -1
  41. package/dist/commonjs/modal/lib/ModalOverflowOverlay.js +1 -1
  42. package/dist/commonjs/modal/lib/ModalOverlay.js +2 -2
  43. package/dist/commonjs/popup/lib/PopupBody.js +1 -1
  44. package/dist/commonjs/popup/lib/PopupCard.js +2 -2
  45. package/dist/commonjs/popup/lib/PopupCloseIcon.js +1 -1
  46. package/dist/commonjs/popup/lib/PopupHeading.js +1 -1
  47. package/dist/commonjs/select/lib/Select.d.ts +3 -405
  48. package/dist/commonjs/select/lib/Select.d.ts.map +1 -1
  49. package/dist/commonjs/select/lib/Select.js +7 -48
  50. package/dist/commonjs/select/lib/SelectCard.d.ts +159 -0
  51. package/dist/commonjs/select/lib/SelectCard.d.ts.map +1 -0
  52. package/dist/commonjs/select/lib/SelectCard.js +20 -0
  53. package/dist/commonjs/select/lib/SelectInput.d.ts +95 -0
  54. package/dist/commonjs/select/lib/SelectInput.d.ts.map +1 -0
  55. package/dist/commonjs/select/lib/SelectInput.js +37 -0
  56. package/dist/commonjs/select/lib/SelectItem.d.ts +155 -0
  57. package/dist/commonjs/select/lib/SelectItem.d.ts.map +1 -0
  58. package/dist/commonjs/select/lib/SelectItem.js +18 -0
  59. package/dist/commonjs/switch/lib/Switch.js +7 -7
  60. package/dist/commonjs/table/lib/Table.js +1 -1
  61. package/dist/commonjs/table/lib/TableBody.js +1 -1
  62. package/dist/commonjs/table/lib/TableCaption.js +1 -1
  63. package/dist/commonjs/table/lib/TableCell.js +1 -1
  64. package/dist/commonjs/table/lib/TableFooter.js +1 -1
  65. package/dist/commonjs/table/lib/TableHead.js +1 -1
  66. package/dist/commonjs/table/lib/TableHeader.js +1 -1
  67. package/dist/commonjs/table/lib/TableRow.js +1 -1
  68. package/dist/commonjs/text/lib/LabelText.js +6 -6
  69. package/dist/commonjs/text/lib/Text.js +16 -16
  70. package/dist/commonjs/text/lib/TypeLevelComponents.js +4 -4
  71. package/dist/commonjs/text-area/lib/TextArea.js +5 -5
  72. package/dist/commonjs/text-input/lib/InputGroup.js +6 -6
  73. package/dist/commonjs/text-input/lib/TextInput.js +5 -5
  74. package/dist/commonjs/toast/lib/Toast.js +1 -1
  75. package/dist/commonjs/toast/lib/ToastBody.js +1 -1
  76. package/dist/commonjs/toast/lib/ToastCloseIcon.js +1 -1
  77. package/dist/commonjs/toast/lib/ToastIcon.js +1 -1
  78. package/dist/commonjs/toast/lib/ToastMessage.js +1 -1
  79. package/dist/es6/avatar/lib/Avatar.js +21 -21
  80. package/dist/es6/badge/lib/CountBadge.js +3 -3
  81. package/dist/es6/button/lib/BaseButton.js +21 -21
  82. package/dist/es6/button/lib/DeleteButton.js +1 -1
  83. package/dist/es6/button/lib/PrimaryButton.js +2 -2
  84. package/dist/es6/button/lib/SecondaryButton.js +2 -2
  85. package/dist/es6/button/lib/TertiaryButton.js +18 -18
  86. package/dist/es6/card/lib/Card.js +1 -1
  87. package/dist/es6/card/lib/CardBody.js +1 -1
  88. package/dist/es6/card/lib/CardHeading.js +1 -1
  89. package/dist/es6/checkbox/lib/CheckBackground.js +3 -3
  90. package/dist/es6/checkbox/lib/CheckboxCheck.js +5 -5
  91. package/dist/es6/checkbox/lib/CheckboxContainer.js +1 -1
  92. package/dist/es6/checkbox/lib/CheckboxInput.js +5 -5
  93. package/dist/es6/checkbox/lib/CheckboxRipple.js +1 -1
  94. package/dist/es6/collection/lib/ListBox.js +3 -3
  95. package/dist/es6/combobox/lib/ComboboxMenuList.js +1 -1
  96. package/dist/es6/common/lib/AccessibleHide.js +1 -1
  97. package/dist/es6/common/lib/CanvasProvider.js +1 -1
  98. package/dist/es6/form-field/lib/FormFieldContainer.js +1 -1
  99. package/dist/es6/form-field/lib/FormFieldField.js +1 -1
  100. package/dist/es6/form-field/lib/FormFieldGroupLabel.js +5 -5
  101. package/dist/es6/form-field/lib/FormFieldGroupList.js +3 -3
  102. package/dist/es6/form-field/lib/FormFieldHint.js +3 -3
  103. package/dist/es6/form-field/lib/FormFieldLabel.js +6 -6
  104. package/dist/es6/form-field/lib/formFieldStencil.js +8 -8
  105. package/dist/es6/icon/lib/AccentIcon.js +2 -2
  106. package/dist/es6/icon/lib/AppletIcon.js +1 -1
  107. package/dist/es6/icon/lib/Graphic.js +2 -2
  108. package/dist/es6/icon/lib/Svg.js +2 -2
  109. package/dist/es6/icon/lib/SystemIcon.js +1 -1
  110. package/dist/es6/icon/lib/SystemIconCircle.js +1 -1
  111. package/dist/es6/loading-dots/lib/LoadingDots.js +3 -3
  112. package/dist/es6/menu/lib/MenuCard.js +1 -1
  113. package/dist/es6/menu/lib/MenuItem.js +1 -1
  114. package/dist/es6/menu/lib/MenuList.js +3 -3
  115. package/dist/es6/menu/lib/MenuOption.js +1 -1
  116. package/dist/es6/modal/lib/ModalBody.js +1 -1
  117. package/dist/es6/modal/lib/ModalCard.js +1 -1
  118. package/dist/es6/modal/lib/ModalHeading.js +1 -1
  119. package/dist/es6/modal/lib/ModalOverflowOverlay.js +1 -1
  120. package/dist/es6/modal/lib/ModalOverlay.js +2 -2
  121. package/dist/es6/popup/lib/PopupBody.js +1 -1
  122. package/dist/es6/popup/lib/PopupCard.js +2 -2
  123. package/dist/es6/popup/lib/PopupCloseIcon.js +1 -1
  124. package/dist/es6/popup/lib/PopupHeading.js +1 -1
  125. package/dist/es6/select/lib/Select.d.ts +3 -405
  126. package/dist/es6/select/lib/Select.d.ts.map +1 -1
  127. package/dist/es6/select/lib/Select.js +4 -45
  128. package/dist/es6/select/lib/SelectCard.d.ts +159 -0
  129. package/dist/es6/select/lib/SelectCard.d.ts.map +1 -0
  130. package/dist/es6/select/lib/SelectCard.js +14 -0
  131. package/dist/es6/select/lib/SelectInput.d.ts +95 -0
  132. package/dist/es6/select/lib/SelectInput.d.ts.map +1 -0
  133. package/dist/es6/select/lib/SelectInput.js +31 -0
  134. package/dist/es6/select/lib/SelectItem.d.ts +155 -0
  135. package/dist/es6/select/lib/SelectItem.d.ts.map +1 -0
  136. package/dist/es6/select/lib/SelectItem.js +12 -0
  137. package/dist/es6/switch/lib/Switch.js +7 -7
  138. package/dist/es6/table/lib/Table.js +1 -1
  139. package/dist/es6/table/lib/TableBody.js +1 -1
  140. package/dist/es6/table/lib/TableCaption.js +1 -1
  141. package/dist/es6/table/lib/TableCell.js +1 -1
  142. package/dist/es6/table/lib/TableFooter.js +1 -1
  143. package/dist/es6/table/lib/TableHead.js +1 -1
  144. package/dist/es6/table/lib/TableHeader.js +1 -1
  145. package/dist/es6/table/lib/TableRow.js +1 -1
  146. package/dist/es6/text/lib/LabelText.js +6 -6
  147. package/dist/es6/text/lib/Text.js +16 -16
  148. package/dist/es6/text/lib/TypeLevelComponents.js +4 -4
  149. package/dist/es6/text-area/lib/TextArea.js +5 -5
  150. package/dist/es6/text-input/lib/InputGroup.js +6 -6
  151. package/dist/es6/text-input/lib/TextInput.js +5 -5
  152. package/dist/es6/toast/lib/Toast.js +1 -1
  153. package/dist/es6/toast/lib/ToastBody.js +1 -1
  154. package/dist/es6/toast/lib/ToastCloseIcon.js +1 -1
  155. package/dist/es6/toast/lib/ToastIcon.js +1 -1
  156. package/dist/es6/toast/lib/ToastMessage.js +1 -1
  157. package/package.json +4 -4
  158. package/select/lib/Select.tsx +5 -115
  159. package/select/lib/SelectCard.tsx +23 -0
  160. package/select/lib/SelectInput.tsx +89 -0
  161. package/select/lib/SelectItem.tsx +18 -0
@@ -1,408 +1,6 @@
1
1
  import React from 'react';
2
- import { CanvasSystemIcon } from '@workday/design-assets-types';
3
2
  import { Combobox } from '@workday/canvas-kit-react/combobox';
4
- import { CSProps } from '@workday/canvas-kit-styling';
5
- import { TextInput } from '@workday/canvas-kit-react/text-input';
6
3
  import { ExtractProps } from '@workday/canvas-kit-react/common';
7
- export interface SelectInputProps extends ExtractProps<typeof TextInput>, CSProps {
8
- /**
9
- * The Icon to render at the start of the `input`. Use this prop if your options
10
- * include icons that you would like to render in the `input` when selected.
11
- * ** Note:An option must be selected in order to render and icon.**
12
- */
13
- inputStartIcon?: CanvasSystemIcon;
14
- }
15
- export declare const SelectInput: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("@workday/canvas-kit-react/text-input").TextInputProps> & {
16
- ErrorType: typeof import("@workday/canvas-kit-react/common").ErrorType;
17
- }, SelectInputProps, {
18
- state: {
19
- stackRef: React.RefObject<HTMLDivElement>;
20
- targetRef: React.RefObject<HTMLButtonElement>;
21
- initialFocusRef: React.RefObject<any> | undefined;
22
- returnFocusRef: React.RefObject<any> | undefined;
23
- placement: import("@popperjs/core").Placement;
24
- id: string;
25
- visibility: "hidden" | "visible";
26
- selectedIds: string[] | "all";
27
- unselectedIds: string[];
28
- cursorId: string;
29
- columnCount: number;
30
- pageSizeRef: React.MutableRefObject<number>;
31
- cursorIndexRef: {
32
- readonly current: number;
33
- };
34
- UNSTABLE_virtual: {
35
- virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
36
- totalSize: number;
37
- scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
38
- scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
39
- measure: () => void;
40
- };
41
- UNSTABLE_defaultItemHeight: number;
42
- containerRef: React.RefObject<HTMLDivElement>;
43
- orientation: "horizontal" | "vertical";
44
- indexRef: React.MutableRefObject<number>;
45
- nonInteractiveIds: string[];
46
- isVirtualized: boolean;
47
- items: import("../..").Item<any>[];
48
- mode: "multiple" | "single";
49
- value: string | undefined;
50
- inputRef: React.RefObject<HTMLInputElement>;
51
- width: number;
52
- };
53
- events: {
54
- setWidth(width: number): void;
55
- updatePlacement(data: {
56
- placement: import("@popperjs/core").Placement;
57
- }): void;
58
- show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
59
- hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
60
- select(data: {
61
- id: string;
62
- }): void;
63
- selectAll(): void;
64
- unselectAll(): void;
65
- setSelectedIds(ids: string[] | "all"): void;
66
- goTo(data: {
67
- id: string;
68
- }): void;
69
- goToNext(): void;
70
- goToPrevious(): void;
71
- goToPreviousRow(): void;
72
- goToNextRow(): void;
73
- goToFirst(): void;
74
- goToLast(): void;
75
- goToFirstOfRow(): void;
76
- goToLastOfRow(): void;
77
- goToNextPage(): void;
78
- goToPreviousPage(): void;
79
- registerItem(data: {
80
- item: any;
81
- textValue: string;
82
- }): void;
83
- unregisterItem(data: {
84
- id: string;
85
- }): void;
86
- updateItemHeight(data: {
87
- value: number;
88
- }): void;
89
- };
90
- onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
91
- onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
92
- selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
93
- navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
94
- getId: (item: any) => string;
95
- }>;
96
- export declare const SelectItem: import("@workday/canvas-kit-react/common").ElementComponentM<"li", import("../../menu/lib/MenuOption").MenuOptionProps & React.LiHTMLAttributes<HTMLLIElement> & import("@workday/canvas-kit-react/common").PropsWithModel<{
97
- state: {
98
- stackRef: React.RefObject<HTMLDivElement>;
99
- targetRef: React.RefObject<HTMLButtonElement>;
100
- initialFocusRef: React.RefObject<any> | undefined;
101
- returnFocusRef: React.RefObject<any> | undefined;
102
- placement: import("@popperjs/core").Placement;
103
- id: string;
104
- visibility: "hidden" | "visible";
105
- selectedIds: string[] | "all";
106
- unselectedIds: string[];
107
- cursorId: string;
108
- columnCount: number;
109
- pageSizeRef: React.MutableRefObject<number>;
110
- cursorIndexRef: {
111
- readonly current: number;
112
- };
113
- UNSTABLE_virtual: {
114
- virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
115
- totalSize: number;
116
- scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
117
- scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
118
- measure: () => void;
119
- };
120
- UNSTABLE_defaultItemHeight: number;
121
- containerRef: React.RefObject<HTMLDivElement>;
122
- orientation: "horizontal" | "vertical";
123
- indexRef: React.MutableRefObject<number>;
124
- nonInteractiveIds: string[];
125
- isVirtualized: boolean;
126
- items: import("../..").Item<any>[];
127
- mode: "multiple" | "single";
128
- };
129
- events: {
130
- updatePlacement(data: {
131
- placement: import("@popperjs/core").Placement;
132
- }): void;
133
- show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
134
- hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
135
- select(data: {
136
- id: string;
137
- }): void;
138
- selectAll(): void;
139
- unselectAll(): void;
140
- setSelectedIds(ids: string[] | "all"): void;
141
- goTo(data: {
142
- id: string;
143
- }): void;
144
- goToNext(): void;
145
- goToPrevious(): void;
146
- goToPreviousRow(): void;
147
- goToNextRow(): void;
148
- goToFirst(): void;
149
- goToLast(): void;
150
- goToFirstOfRow(): void;
151
- goToLastOfRow(): void;
152
- goToNextPage(): void;
153
- goToPreviousPage(): void;
154
- registerItem(data: {
155
- item: any;
156
- textValue: string;
157
- }): void;
158
- unregisterItem(data: {
159
- id: string;
160
- }): void;
161
- updateItemHeight(data: {
162
- value: number;
163
- }): void;
164
- };
165
- selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
166
- navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
167
- getId: (item: any) => string;
168
- }, {}>, {
169
- state: {
170
- stackRef: React.RefObject<HTMLDivElement>;
171
- targetRef: React.RefObject<HTMLButtonElement>;
172
- initialFocusRef: React.RefObject<any> | undefined;
173
- returnFocusRef: React.RefObject<any> | undefined;
174
- placement: import("@popperjs/core").Placement;
175
- id: string;
176
- visibility: "hidden" | "visible";
177
- selectedIds: string[] | "all";
178
- unselectedIds: string[];
179
- cursorId: string;
180
- columnCount: number;
181
- pageSizeRef: React.MutableRefObject<number>;
182
- cursorIndexRef: {
183
- readonly current: number;
184
- };
185
- UNSTABLE_virtual: {
186
- virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
187
- totalSize: number;
188
- scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
189
- scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
190
- measure: () => void;
191
- };
192
- UNSTABLE_defaultItemHeight: number;
193
- containerRef: React.RefObject<HTMLDivElement>;
194
- orientation: "horizontal" | "vertical";
195
- indexRef: React.MutableRefObject<number>;
196
- nonInteractiveIds: string[];
197
- isVirtualized: boolean;
198
- items: import("../..").Item<any>[];
199
- mode: "multiple" | "single";
200
- value: string | undefined;
201
- inputRef: React.RefObject<HTMLInputElement>;
202
- width: number;
203
- };
204
- events: {
205
- setWidth(width: number): void;
206
- updatePlacement(data: {
207
- placement: import("@popperjs/core").Placement;
208
- }): void;
209
- show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
210
- hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
211
- select(data: {
212
- id: string;
213
- }): void;
214
- selectAll(): void;
215
- unselectAll(): void;
216
- setSelectedIds(ids: string[] | "all"): void;
217
- goTo(data: {
218
- id: string;
219
- }): void;
220
- goToNext(): void;
221
- goToPrevious(): void;
222
- goToPreviousRow(): void;
223
- goToNextRow(): void;
224
- goToFirst(): void;
225
- goToLast(): void;
226
- goToFirstOfRow(): void;
227
- goToLastOfRow(): void;
228
- goToNextPage(): void;
229
- goToPreviousPage(): void;
230
- registerItem(data: {
231
- item: any;
232
- textValue: string;
233
- }): void;
234
- unregisterItem(data: {
235
- id: string;
236
- }): void;
237
- updateItemHeight(data: {
238
- value: number;
239
- }): void;
240
- };
241
- onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
242
- onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
243
- selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
244
- navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
245
- getId: (item: any) => string;
246
- }> & {
247
- Icon: (elemProps: import("@workday/canvas-kit-react/icon").SystemIconProps) => React.JSX.Element;
248
- };
249
- 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<{
250
- state: {
251
- stackRef: React.RefObject<HTMLDivElement>;
252
- targetRef: React.RefObject<HTMLButtonElement>;
253
- initialFocusRef: React.RefObject<any> | undefined;
254
- returnFocusRef: React.RefObject<any> | undefined;
255
- placement: import("@popperjs/core").Placement;
256
- id: string;
257
- visibility: "hidden" | "visible";
258
- selectedIds: string[] | "all";
259
- unselectedIds: string[];
260
- cursorId: string;
261
- columnCount: number;
262
- pageSizeRef: React.MutableRefObject<number>;
263
- cursorIndexRef: {
264
- readonly current: number;
265
- };
266
- UNSTABLE_virtual: {
267
- virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
268
- totalSize: number;
269
- scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
270
- scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
271
- measure: () => void;
272
- };
273
- UNSTABLE_defaultItemHeight: number;
274
- containerRef: React.RefObject<HTMLDivElement>;
275
- orientation: "horizontal" | "vertical";
276
- indexRef: React.MutableRefObject<number>;
277
- nonInteractiveIds: string[];
278
- isVirtualized: boolean;
279
- items: import("../..").Item<any>[];
280
- mode: "multiple" | "single";
281
- value: string | undefined;
282
- inputRef: React.RefObject<HTMLInputElement>;
283
- width: number;
284
- };
285
- events: {
286
- setWidth(width: number): void;
287
- updatePlacement(data: {
288
- placement: import("@popperjs/core").Placement;
289
- }): void;
290
- show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
291
- hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
292
- select(data: {
293
- id: string;
294
- }): void;
295
- selectAll(): void;
296
- unselectAll(): void;
297
- setSelectedIds(ids: string[] | "all"): void;
298
- goTo(data: {
299
- id: string;
300
- }): void;
301
- goToNext(): void;
302
- goToPrevious(): void;
303
- goToPreviousRow(): void;
304
- goToNextRow(): void;
305
- goToFirst(): void;
306
- goToLast(): void;
307
- goToFirstOfRow(): void;
308
- goToLastOfRow(): void;
309
- goToNextPage(): void;
310
- goToPreviousPage(): void;
311
- registerItem(data: {
312
- item: any;
313
- textValue: string;
314
- }): void;
315
- unregisterItem(data: {
316
- id: string;
317
- }): void;
318
- updateItemHeight(data: {
319
- value: number;
320
- }): void;
321
- };
322
- onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
323
- onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
324
- selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
325
- navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
326
- getId: (item: any) => string;
327
- }, {}>, {
328
- state: {
329
- stackRef: React.RefObject<HTMLDivElement>;
330
- targetRef: React.RefObject<HTMLButtonElement>;
331
- initialFocusRef: React.RefObject<any> | undefined;
332
- returnFocusRef: React.RefObject<any> | undefined;
333
- placement: import("@popperjs/core").Placement;
334
- id: string;
335
- visibility: "hidden" | "visible";
336
- selectedIds: string[] | "all";
337
- unselectedIds: string[];
338
- cursorId: string;
339
- columnCount: number;
340
- pageSizeRef: React.MutableRefObject<number>;
341
- cursorIndexRef: {
342
- readonly current: number;
343
- };
344
- UNSTABLE_virtual: {
345
- virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
346
- totalSize: number;
347
- scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
348
- scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
349
- measure: () => void;
350
- };
351
- UNSTABLE_defaultItemHeight: number;
352
- containerRef: React.RefObject<HTMLDivElement>;
353
- orientation: "horizontal" | "vertical";
354
- indexRef: React.MutableRefObject<number>;
355
- nonInteractiveIds: string[];
356
- isVirtualized: boolean;
357
- items: import("../..").Item<any>[];
358
- mode: "multiple" | "single";
359
- value: string | undefined;
360
- inputRef: React.RefObject<HTMLInputElement>;
361
- width: number;
362
- };
363
- events: {
364
- setWidth(width: number): void;
365
- updatePlacement(data: {
366
- placement: import("@popperjs/core").Placement;
367
- }): void;
368
- show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
369
- hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
370
- select(data: {
371
- id: string;
372
- }): void;
373
- selectAll(): void;
374
- unselectAll(): void;
375
- setSelectedIds(ids: string[] | "all"): void;
376
- goTo(data: {
377
- id: string;
378
- }): void;
379
- goToNext(): void;
380
- goToPrevious(): void;
381
- goToPreviousRow(): void;
382
- goToNextRow(): void;
383
- goToFirst(): void;
384
- goToLast(): void;
385
- goToFirstOfRow(): void;
386
- goToLastOfRow(): void;
387
- goToNextPage(): void;
388
- goToPreviousPage(): void;
389
- registerItem(data: {
390
- item: any;
391
- textValue: string;
392
- }): void;
393
- unregisterItem(data: {
394
- id: string;
395
- }): void;
396
- updateItemHeight(data: {
397
- value: number;
398
- }): void;
399
- };
400
- onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
401
- onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
402
- selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
403
- navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
404
- getId: (item: any) => string;
405
- }>;
406
4
  export interface SelectProps extends ExtractProps<typeof Combobox> {
407
5
  }
408
6
  /**
@@ -2108,9 +1706,9 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
2108
1706
  * </Select>
2109
1707
  * ```
2110
1708
  */
2111
- Input: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("@workday/canvas-kit-react/text-input").TextInputProps> & {
1709
+ Input: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("../..").TextInputProps> & {
2112
1710
  ErrorType: typeof import("@workday/canvas-kit-react/common").ErrorType;
2113
- }, SelectInputProps, {
1711
+ }, import("./SelectInput").SelectInputProps, {
2114
1712
  state: {
2115
1713
  stackRef: React.RefObject<HTMLDivElement>;
2116
1714
  targetRef: React.RefObject<HTMLButtonElement>;
@@ -2717,7 +2315,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
2717
2315
  navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
2718
2316
  getId: (item: any) => string;
2719
2317
  }> & {
2720
- Icon: (elemProps: import("@workday/canvas-kit-react/icon").SystemIconProps) => React.JSX.Element;
2318
+ Icon: (elemProps: import("../..").SystemIconProps) => React.JSX.Element;
2721
2319
  };
2722
2320
  };
2723
2321
  //# sourceMappingURL=Select.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAA8B,OAAO,EAAS,MAAM,6BAA6B,CAAC;AACzF,OAAO,EAAa,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAM3E,OAAO,EAAqB,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAGnG,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,SAAS,CAAC,EAAE,OAAO;IAC/E;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAgCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWrB,CAAC;AAMH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASrB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,QAAQ,CAAC;CAAG;AACrE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIf;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;OAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASL,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAE5D,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAK/E,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,QAAQ,CAAC;CAAG;AACrE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIf;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;OAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASL,CAAC"}
@@ -3,55 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Select = exports.SelectCard = exports.SelectItem = exports.SelectInput = void 0;
6
+ exports.Select = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
- const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
9
8
  const combobox_1 = require("@workday/canvas-kit-react/combobox");
10
- const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
11
- const text_input_1 = require("@workday/canvas-kit-react/text-input");
12
- const layout_1 = require("@workday/canvas-kit-react/layout");
13
- const icon_1 = require("@workday/canvas-kit-react/icon");
14
- const useSelectCard_1 = require("./hooks/useSelectCard");
15
- const useSelectInput_1 = require("./hooks/useSelectInput");
16
9
  const useSelectModel_1 = require("./hooks/useSelectModel");
17
10
  const common_1 = require("@workday/canvas-kit-react/common");
18
- const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
19
- const selectInputStencil = (0, canvas_kit_styling_1.createStencil)({
20
- base: { name: "g41f57", styles: "box-sizing:border-box;caret-color:transparent;cursor:default;&::selection{background-color:transparent;}" }
21
- }, "select-input-0c2dc2");
22
- const selectIconsStencil = (0, canvas_kit_styling_1.createStencil)({
23
- base: { name: "g41f58", styles: "box-sizing:border-box;position:absolute;pointer-events:none;" }
24
- }, "select-icons-c2731a");
25
- const hiddenSelectInputStencil = (0, canvas_kit_styling_1.createStencil)({
26
- base: { name: "g41f59", styles: "box-sizing:border-box;position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;" }
27
- }, "hidden-select-input-231156");
28
- exports.SelectInput = (0, common_1.createSubcomponent)(text_input_1.TextInput)({
29
- modelHook: useSelectModel_1.useSelectModel,
30
- elemPropsHook: useSelectInput_1.useSelectInput,
31
- })(({ placeholder = 'Choose an option', inputStartIcon, formInputProps, width, ...elemProps }, Element, model) => {
32
- return (react_1.default.createElement(text_input_1.InputGroup, { "data-width": "ck-formfield-width" },
33
- inputStartIcon && model.state.selectedIds.length > 0 && (react_1.default.createElement(text_input_1.InputGroup.InnerStart, { "data-part": "select-start-icon-container", ...selectIconsStencil() },
34
- react_1.default.createElement(icon_1.SystemIcon, { "data-part": "select-start-icon", icon: inputStartIcon }))),
35
- react_1.default.createElement(text_input_1.InputGroup.Input, { "data-part": "select-hidden-input", ...formInputProps, ...hiddenSelectInputStencil() }),
36
- react_1.default.createElement(text_input_1.InputGroup.Input, { as: Element, placeholder: placeholder, "data-part": "select-visual-input", ...elemProps, ...(0, layout_1.mergeStyles)(elemProps, selectInputStencil()) }),
37
- react_1.default.createElement(text_input_1.InputGroup.InnerEnd, { "data-part": "select-caret-container" },
38
- react_1.default.createElement(icon_1.SystemIcon, { "data-part": "select-caret-icon", icon: canvas_system_icons_web_1.caretDownSmallIcon }))));
39
- });
40
- exports.SelectItem = (0, common_1.createSubcomponent)('li')({
41
- modelHook: useSelectModel_1.useSelectModel,
42
- subComponents: {
43
- Icon: combobox_1.Combobox.Menu.Item.Icon,
44
- },
45
- })(({ children, ...elemProps }, Element, _model) => {
46
- return (react_1.default.createElement(combobox_1.Combobox.Menu.Item, { as: Element, ...elemProps }, children));
47
- });
48
- const selectCardStyles = (0, canvas_kit_styling_1.createStyles)({ name: "g41f5a", styles: "max-height:18.75rem;" });
49
- exports.SelectCard = (0, common_1.createSubcomponent)('div')({
50
- modelHook: useSelectModel_1.useSelectModel,
51
- elemPropsHook: useSelectCard_1.useSelectCard,
52
- })(({ children, ...elemProps }, Element) => {
53
- return (react_1.default.createElement(combobox_1.Combobox.Menu.Card, { as: Element, ...(0, layout_1.mergeStyles)(elemProps, selectCardStyles) }, children));
54
- });
11
+ const SelectInput_1 = require("./SelectInput");
12
+ const SelectCard_1 = require("./SelectCard");
13
+ const SelectItem_1 = require("./SelectItem");
55
14
  /**
56
15
  * Use `Select` to allow users to choose an option from a list or type characters to select a matching option.
57
16
  *
@@ -89,7 +48,7 @@ exports.Select = (0, common_1.createContainer)()({
89
48
  * </Select>
90
49
  * ```
91
50
  */
92
- Input: exports.SelectInput,
51
+ Input: SelectInput_1.SelectInput,
93
52
  /**
94
53
  * `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
95
54
  *
@@ -123,7 +82,7 @@ exports.Select = (0, common_1.createContainer)()({
123
82
  * </Select>
124
83
  * ```
125
84
  */
126
- Card: exports.SelectCard,
85
+ Card: SelectCard_1.SelectCard,
127
86
  /**
128
87
  * `Select.List` renders a {@link ComboboxMenuList Combobox.Menu.List}. You have access to all `ListBox` props.
129
88
  *
@@ -161,7 +120,7 @@ exports.Select = (0, common_1.createContainer)()({
161
120
  * </Select>
162
121
  * ```
163
122
  */
164
- Item: exports.SelectItem,
123
+ Item: SelectItem_1.SelectItem,
165
124
  },
166
125
  })(({ children, ...elemProps }, _, model) => {
167
126
  return (react_1.default.createElement(combobox_1.Combobox, { model: model, ...elemProps }, children));