@workday/canvas-kit-react 12.0.0-alpha.906-next.0 → 12.0.0-alpha.908-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/collection/index.ts +1 -0
- package/collection/lib/useListItemActiveDescendant.ts +26 -0
- package/combobox/lib/ComboboxMenu.tsx +1 -2
- package/combobox/lib/ComboboxMenuItem.tsx +3 -91
- package/dist/commonjs/action-bar/lib/ActionBar.d.ts +82 -10
- package/dist/commonjs/action-bar/lib/ActionBar.d.ts.map +1 -1
- package/dist/commonjs/avatar/lib/Avatar.js +21 -21
- package/dist/commonjs/badge/lib/CountBadge.js +3 -3
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts +1 -1
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.d.ts +2 -2
- package/dist/commonjs/button/lib/BaseButton.js +21 -21
- package/dist/commonjs/button/lib/DeleteButton.js +1 -1
- package/dist/commonjs/button/lib/PrimaryButton.js +2 -2
- package/dist/commonjs/button/lib/SecondaryButton.js +2 -2
- package/dist/commonjs/button/lib/TertiaryButton.js +18 -18
- package/dist/commonjs/card/lib/Card.js +1 -1
- package/dist/commonjs/card/lib/CardBody.js +1 -1
- package/dist/commonjs/card/lib/CardHeading.js +1 -1
- package/dist/commonjs/checkbox/lib/CheckBackground.js +3 -3
- package/dist/commonjs/checkbox/lib/CheckboxCheck.js +5 -5
- package/dist/commonjs/checkbox/lib/CheckboxContainer.js +1 -1
- package/dist/commonjs/checkbox/lib/CheckboxInput.js +5 -5
- package/dist/commonjs/checkbox/lib/CheckboxRipple.js +1 -1
- package/dist/commonjs/collection/index.d.ts +1 -0
- package/dist/commonjs/collection/index.d.ts.map +1 -1
- package/dist/commonjs/collection/index.js +1 -0
- package/dist/commonjs/collection/lib/ListBox.js +4 -4
- package/dist/commonjs/collection/lib/useListItemActiveDescendant.d.ts +69 -0
- package/dist/commonjs/collection/lib/useListItemActiveDescendant.d.ts.map +1 -0
- package/dist/commonjs/collection/lib/useListItemActiveDescendant.js +25 -0
- package/dist/commonjs/combobox/lib/Combobox.d.ts +5 -83
- package/dist/commonjs/combobox/lib/Combobox.d.ts.map +1 -1
- package/dist/commonjs/combobox/lib/ComboboxMenu.d.ts +5 -83
- package/dist/commonjs/combobox/lib/ComboboxMenu.d.ts.map +1 -1
- package/dist/commonjs/combobox/lib/ComboboxMenu.js +1 -2
- package/dist/commonjs/combobox/lib/ComboboxMenuItem.d.ts +18 -260
- package/dist/commonjs/combobox/lib/ComboboxMenuItem.d.ts.map +1 -1
- package/dist/commonjs/combobox/lib/ComboboxMenuItem.js +3 -59
- package/dist/commonjs/combobox/lib/ComboboxMenuList.js +1 -1
- package/dist/commonjs/common/lib/AccessibleHide.js +1 -1
- package/dist/commonjs/common/lib/CanvasProvider.js +1 -1
- package/dist/commonjs/form-field/lib/FormFieldContainer.js +1 -1
- package/dist/commonjs/form-field/lib/FormFieldField.js +1 -1
- package/dist/commonjs/form-field/lib/FormFieldGroupLabel.js +5 -5
- package/dist/commonjs/form-field/lib/FormFieldGroupList.js +3 -3
- package/dist/commonjs/form-field/lib/FormFieldHint.js +3 -3
- package/dist/commonjs/form-field/lib/FormFieldLabel.js +5 -5
- package/dist/commonjs/form-field/lib/formFieldStencil.js +8 -8
- package/dist/commonjs/icon/lib/AccentIcon.js +2 -2
- package/dist/commonjs/icon/lib/AppletIcon.js +1 -1
- package/dist/commonjs/icon/lib/Graphic.js +2 -2
- package/dist/commonjs/icon/lib/Svg.js +2 -2
- package/dist/commonjs/icon/lib/SystemIcon.js +1 -1
- package/dist/commonjs/icon/lib/SystemIconCircle.js +1 -1
- package/dist/commonjs/loading-dots/lib/LoadingDots.js +3 -3
- package/dist/commonjs/menu/index.d.ts +2 -1
- package/dist/commonjs/menu/index.d.ts.map +1 -1
- package/dist/commonjs/menu/index.js +5 -1
- package/dist/commonjs/menu/lib/Menu.d.ts +89 -9
- package/dist/commonjs/menu/lib/Menu.d.ts.map +1 -1
- package/dist/commonjs/menu/lib/Menu.js +10 -0
- package/dist/commonjs/menu/lib/MenuCard.js +1 -1
- package/dist/commonjs/menu/lib/MenuItem.d.ts +12 -19
- package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
- package/dist/commonjs/menu/lib/MenuItem.js +20 -91
- package/dist/commonjs/menu/lib/MenuList.js +3 -3
- package/dist/commonjs/menu/lib/MenuOption.d.ts +192 -0
- package/dist/commonjs/menu/lib/MenuOption.d.ts.map +1 -0
- package/dist/commonjs/menu/lib/MenuOption.js +89 -0
- package/dist/commonjs/modal/lib/ModalBody.js +1 -1
- package/dist/commonjs/modal/lib/ModalCard.js +1 -1
- package/dist/commonjs/modal/lib/ModalHeading.js +1 -1
- package/dist/commonjs/modal/lib/ModalOverflowOverlay.js +1 -1
- package/dist/commonjs/modal/lib/ModalOverlay.js +2 -2
- package/dist/commonjs/popup/lib/PopupBody.js +1 -1
- package/dist/commonjs/popup/lib/PopupCard.js +2 -2
- package/dist/commonjs/popup/lib/PopupCloseIcon.js +1 -1
- package/dist/commonjs/popup/lib/PopupHeading.js +1 -1
- package/dist/commonjs/select/lib/Select.d.ts +59 -962
- package/dist/commonjs/select/lib/Select.d.ts.map +1 -1
- package/dist/commonjs/select/lib/Select.js +5 -5
- package/dist/commonjs/switch/lib/Switch.js +7 -7
- package/dist/commonjs/table/lib/Table.js +1 -1
- package/dist/commonjs/table/lib/TableBody.js +1 -1
- package/dist/commonjs/table/lib/TableCaption.js +1 -1
- package/dist/commonjs/table/lib/TableCell.js +1 -1
- package/dist/commonjs/table/lib/TableFooter.js +1 -1
- package/dist/commonjs/table/lib/TableHead.js +1 -1
- package/dist/commonjs/table/lib/TableHeader.js +1 -1
- package/dist/commonjs/table/lib/TableRow.js +1 -1
- package/dist/commonjs/tabs/lib/Tabs.d.ts +82 -10
- package/dist/commonjs/tabs/lib/Tabs.d.ts.map +1 -1
- package/dist/commonjs/text/lib/LabelText.js +6 -6
- package/dist/commonjs/text/lib/Text.js +16 -16
- package/dist/commonjs/text/lib/TypeLevelComponents.js +4 -4
- package/dist/commonjs/text-area/lib/TextArea.js +5 -5
- package/dist/commonjs/text-input/lib/InputGroup.js +6 -6
- package/dist/commonjs/text-input/lib/TextInput.js +5 -5
- package/dist/commonjs/toast/lib/Toast.js +1 -1
- package/dist/commonjs/toast/lib/ToastBody.js +1 -1
- package/dist/commonjs/toast/lib/ToastCloseIcon.js +1 -1
- package/dist/commonjs/toast/lib/ToastIcon.js +1 -1
- package/dist/commonjs/toast/lib/ToastMessage.js +1 -1
- package/dist/es6/action-bar/lib/ActionBar.d.ts +82 -10
- package/dist/es6/action-bar/lib/ActionBar.d.ts.map +1 -1
- package/dist/es6/avatar/lib/Avatar.js +21 -21
- package/dist/es6/badge/lib/CountBadge.js +3 -3
- package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts +1 -1
- package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.d.ts +2 -2
- package/dist/es6/button/lib/BaseButton.js +21 -21
- package/dist/es6/button/lib/DeleteButton.js +1 -1
- package/dist/es6/button/lib/PrimaryButton.js +2 -2
- package/dist/es6/button/lib/SecondaryButton.js +2 -2
- package/dist/es6/button/lib/TertiaryButton.js +18 -18
- package/dist/es6/card/lib/Card.js +1 -1
- package/dist/es6/card/lib/CardBody.js +1 -1
- package/dist/es6/card/lib/CardHeading.js +1 -1
- package/dist/es6/checkbox/lib/CheckBackground.js +3 -3
- package/dist/es6/checkbox/lib/CheckboxCheck.js +5 -5
- package/dist/es6/checkbox/lib/CheckboxContainer.js +1 -1
- package/dist/es6/checkbox/lib/CheckboxInput.js +5 -5
- package/dist/es6/checkbox/lib/CheckboxRipple.js +1 -1
- package/dist/es6/collection/index.d.ts +1 -0
- package/dist/es6/collection/index.d.ts.map +1 -1
- package/dist/es6/collection/index.js +1 -0
- package/dist/es6/collection/lib/ListBox.js +4 -4
- package/dist/es6/collection/lib/useListItemActiveDescendant.d.ts +69 -0
- package/dist/es6/collection/lib/useListItemActiveDescendant.d.ts.map +1 -0
- package/dist/es6/collection/lib/useListItemActiveDescendant.js +22 -0
- package/dist/es6/combobox/lib/Combobox.d.ts +5 -83
- package/dist/es6/combobox/lib/Combobox.d.ts.map +1 -1
- package/dist/es6/combobox/lib/ComboboxMenu.d.ts +5 -83
- package/dist/es6/combobox/lib/ComboboxMenu.d.ts.map +1 -1
- package/dist/es6/combobox/lib/ComboboxMenu.js +1 -2
- package/dist/es6/combobox/lib/ComboboxMenuItem.d.ts +18 -260
- package/dist/es6/combobox/lib/ComboboxMenuItem.d.ts.map +1 -1
- package/dist/es6/combobox/lib/ComboboxMenuItem.js +3 -56
- package/dist/es6/combobox/lib/ComboboxMenuList.js +1 -1
- package/dist/es6/common/lib/AccessibleHide.js +1 -1
- package/dist/es6/common/lib/CanvasProvider.js +1 -1
- package/dist/es6/form-field/lib/FormFieldContainer.js +1 -1
- package/dist/es6/form-field/lib/FormFieldField.js +1 -1
- package/dist/es6/form-field/lib/FormFieldGroupLabel.js +5 -5
- package/dist/es6/form-field/lib/FormFieldGroupList.js +3 -3
- package/dist/es6/form-field/lib/FormFieldHint.js +3 -3
- package/dist/es6/form-field/lib/FormFieldLabel.js +5 -5
- package/dist/es6/form-field/lib/formFieldStencil.js +8 -8
- package/dist/es6/icon/lib/AccentIcon.js +2 -2
- package/dist/es6/icon/lib/AppletIcon.js +1 -1
- package/dist/es6/icon/lib/Graphic.js +2 -2
- package/dist/es6/icon/lib/Svg.js +2 -2
- package/dist/es6/icon/lib/SystemIcon.js +1 -1
- package/dist/es6/icon/lib/SystemIconCircle.js +1 -1
- package/dist/es6/loading-dots/lib/LoadingDots.js +3 -3
- package/dist/es6/menu/index.d.ts +2 -1
- package/dist/es6/menu/index.d.ts.map +1 -1
- package/dist/es6/menu/index.js +2 -1
- package/dist/es6/menu/lib/Menu.d.ts +89 -9
- package/dist/es6/menu/lib/Menu.d.ts.map +1 -1
- package/dist/es6/menu/lib/Menu.js +10 -0
- package/dist/es6/menu/lib/MenuCard.js +1 -1
- package/dist/es6/menu/lib/MenuItem.d.ts +12 -19
- package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
- package/dist/es6/menu/lib/MenuItem.js +22 -93
- package/dist/es6/menu/lib/MenuList.js +3 -3
- package/dist/es6/menu/lib/MenuOption.d.ts +192 -0
- package/dist/es6/menu/lib/MenuOption.d.ts.map +1 -0
- package/dist/es6/menu/lib/MenuOption.js +63 -0
- package/dist/es6/modal/lib/ModalBody.js +1 -1
- package/dist/es6/modal/lib/ModalCard.js +1 -1
- package/dist/es6/modal/lib/ModalHeading.js +1 -1
- package/dist/es6/modal/lib/ModalOverflowOverlay.js +1 -1
- package/dist/es6/modal/lib/ModalOverlay.js +2 -2
- package/dist/es6/popup/lib/PopupBody.js +1 -1
- package/dist/es6/popup/lib/PopupCard.js +2 -2
- package/dist/es6/popup/lib/PopupCloseIcon.js +1 -1
- package/dist/es6/popup/lib/PopupHeading.js +1 -1
- package/dist/es6/select/lib/Select.d.ts +59 -962
- package/dist/es6/select/lib/Select.d.ts.map +1 -1
- package/dist/es6/select/lib/Select.js +5 -5
- package/dist/es6/switch/lib/Switch.js +7 -7
- package/dist/es6/table/lib/Table.js +1 -1
- package/dist/es6/table/lib/TableBody.js +1 -1
- package/dist/es6/table/lib/TableCaption.js +1 -1
- package/dist/es6/table/lib/TableCell.js +1 -1
- package/dist/es6/table/lib/TableFooter.js +1 -1
- package/dist/es6/table/lib/TableHead.js +1 -1
- package/dist/es6/table/lib/TableHeader.js +1 -1
- package/dist/es6/table/lib/TableRow.js +1 -1
- package/dist/es6/tabs/lib/Tabs.d.ts +82 -10
- package/dist/es6/tabs/lib/Tabs.d.ts.map +1 -1
- package/dist/es6/text/lib/LabelText.js +6 -6
- package/dist/es6/text/lib/Text.js +16 -16
- package/dist/es6/text/lib/TypeLevelComponents.js +4 -4
- package/dist/es6/text-area/lib/TextArea.js +5 -5
- package/dist/es6/text-input/lib/InputGroup.js +6 -6
- package/dist/es6/text-input/lib/TextInput.js +5 -5
- package/dist/es6/toast/lib/Toast.js +1 -1
- package/dist/es6/toast/lib/ToastBody.js +1 -1
- package/dist/es6/toast/lib/ToastCloseIcon.js +1 -1
- package/dist/es6/toast/lib/ToastIcon.js +1 -1
- package/dist/es6/toast/lib/ToastMessage.js +1 -1
- package/menu/index.ts +2 -1
- package/menu/lib/Menu.tsx +10 -0
- package/menu/lib/MenuItem.tsx +107 -99
- package/menu/lib/MenuOption.tsx +138 -0
- package/package.json +4 -4
- package/select/lib/Select.tsx +1 -1
|
@@ -49,20 +49,7 @@ export declare const SelectInput: import("@workday/canvas-kit-react/common").Ele
|
|
|
49
49
|
indexRef: React.MutableRefObject<number>;
|
|
50
50
|
nonInteractiveIds: string[];
|
|
51
51
|
isVirtualized: boolean;
|
|
52
|
-
items: import("../..").Item<any>[];
|
|
53
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
54
|
-
*
|
|
55
|
-
* ```tsx
|
|
56
|
-
* <Select items={options}>
|
|
57
|
-
* <FormField label="Your Label">
|
|
58
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
59
|
-
* <Select.Popper>
|
|
60
|
-
* ...
|
|
61
|
-
* </Select.Popper>
|
|
62
|
-
* </FormField>
|
|
63
|
-
* </Select>
|
|
64
|
-
* ```
|
|
65
|
-
*/
|
|
52
|
+
items: import("../..").Item<any>[];
|
|
66
53
|
mode: "multiple" | "single";
|
|
67
54
|
value: string | undefined;
|
|
68
55
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -109,7 +96,7 @@ export declare const SelectInput: import("@workday/canvas-kit-react/common").Ele
|
|
|
109
96
|
navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
|
|
110
97
|
getId: (item: any) => string;
|
|
111
98
|
}>;
|
|
112
|
-
export declare const SelectItem: import("@workday/canvas-kit-react/common").ElementComponentM<"li", import("../../
|
|
99
|
+
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<{
|
|
113
100
|
state: {
|
|
114
101
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
115
102
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
@@ -139,27 +126,10 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
|
|
|
139
126
|
indexRef: React.MutableRefObject<number>;
|
|
140
127
|
nonInteractiveIds: string[];
|
|
141
128
|
isVirtualized: boolean;
|
|
142
|
-
items: import("../..").Item<any>[];
|
|
143
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
144
|
-
*
|
|
145
|
-
* ```tsx
|
|
146
|
-
* <Select items={options}>
|
|
147
|
-
* <FormField label="Your Label">
|
|
148
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
149
|
-
* <Select.Popper>
|
|
150
|
-
* ...
|
|
151
|
-
* </Select.Popper>
|
|
152
|
-
* </FormField>
|
|
153
|
-
* </Select>
|
|
154
|
-
* ```
|
|
155
|
-
*/
|
|
129
|
+
items: import("../..").Item<any>[];
|
|
156
130
|
mode: "multiple" | "single";
|
|
157
|
-
value: string | undefined;
|
|
158
|
-
inputRef: React.RefObject<HTMLInputElement>;
|
|
159
|
-
width: number;
|
|
160
131
|
};
|
|
161
132
|
events: {
|
|
162
|
-
setWidth(width: number): void;
|
|
163
133
|
updatePlacement(data: {
|
|
164
134
|
placement: import("@popperjs/core").Placement;
|
|
165
135
|
}): void;
|
|
@@ -194,7 +164,6 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
|
|
|
194
164
|
value: number;
|
|
195
165
|
}): void;
|
|
196
166
|
};
|
|
197
|
-
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
198
167
|
selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
|
|
199
168
|
navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
|
|
200
169
|
getId: (item: any) => string;
|
|
@@ -228,20 +197,7 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
|
|
|
228
197
|
indexRef: React.MutableRefObject<number>;
|
|
229
198
|
nonInteractiveIds: string[];
|
|
230
199
|
isVirtualized: boolean;
|
|
231
|
-
items: import("../..").Item<any>[];
|
|
232
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
233
|
-
*
|
|
234
|
-
* ```tsx
|
|
235
|
-
* <Select items={options}>
|
|
236
|
-
* <FormField label="Your Label">
|
|
237
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
238
|
-
* <Select.Popper>
|
|
239
|
-
* ...
|
|
240
|
-
* </Select.Popper>
|
|
241
|
-
* </FormField>
|
|
242
|
-
* </Select>
|
|
243
|
-
* ```
|
|
244
|
-
*/
|
|
200
|
+
items: import("../..").Item<any>[];
|
|
245
201
|
mode: "multiple" | "single";
|
|
246
202
|
value: string | undefined;
|
|
247
203
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -288,96 +244,7 @@ export declare const SelectItem: import("@workday/canvas-kit-react/common").Elem
|
|
|
288
244
|
navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
|
|
289
245
|
getId: (item: any) => string;
|
|
290
246
|
}> & {
|
|
291
|
-
Icon:
|
|
292
|
-
state: {
|
|
293
|
-
stackRef: React.RefObject<HTMLDivElement>;
|
|
294
|
-
targetRef: React.RefObject<HTMLButtonElement>;
|
|
295
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
296
|
-
returnFocusRef: React.RefObject<any> | undefined;
|
|
297
|
-
placement: import("@popperjs/core").Placement;
|
|
298
|
-
id: string;
|
|
299
|
-
visibility: "hidden" | "visible";
|
|
300
|
-
selectedIds: string[] | "all";
|
|
301
|
-
unselectedIds: string[];
|
|
302
|
-
cursorId: string;
|
|
303
|
-
columnCount: number;
|
|
304
|
-
pageSizeRef: React.MutableRefObject<number>;
|
|
305
|
-
cursorIndexRef: {
|
|
306
|
-
readonly current: number;
|
|
307
|
-
};
|
|
308
|
-
UNSTABLE_virtual: {
|
|
309
|
-
virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
|
|
310
|
-
totalSize: number;
|
|
311
|
-
scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
|
|
312
|
-
scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
313
|
-
measure: () => void;
|
|
314
|
-
};
|
|
315
|
-
UNSTABLE_defaultItemHeight: number;
|
|
316
|
-
containerRef: React.RefObject<HTMLDivElement>;
|
|
317
|
-
orientation: "horizontal" | "vertical";
|
|
318
|
-
indexRef: React.MutableRefObject<number>;
|
|
319
|
-
nonInteractiveIds: string[];
|
|
320
|
-
isVirtualized: boolean;
|
|
321
|
-
items: import("../..").Item<any>[]; /**
|
|
322
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
323
|
-
*
|
|
324
|
-
* ```tsx
|
|
325
|
-
* <Select items={options}>
|
|
326
|
-
* <FormField label="Your Label">
|
|
327
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
328
|
-
* <Select.Popper>
|
|
329
|
-
* ...
|
|
330
|
-
* </Select.Popper>
|
|
331
|
-
* </FormField>
|
|
332
|
-
* </Select>
|
|
333
|
-
* ```
|
|
334
|
-
*/
|
|
335
|
-
mode: "multiple" | "single";
|
|
336
|
-
value: string | undefined;
|
|
337
|
-
inputRef: React.RefObject<HTMLInputElement>;
|
|
338
|
-
width: number;
|
|
339
|
-
};
|
|
340
|
-
events: {
|
|
341
|
-
setWidth(width: number): void;
|
|
342
|
-
updatePlacement(data: {
|
|
343
|
-
placement: import("@popperjs/core").Placement;
|
|
344
|
-
}): void;
|
|
345
|
-
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
346
|
-
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
347
|
-
select(data: {
|
|
348
|
-
id: string;
|
|
349
|
-
}): void;
|
|
350
|
-
selectAll(): void;
|
|
351
|
-
unselectAll(): void;
|
|
352
|
-
goTo(data: {
|
|
353
|
-
id: string;
|
|
354
|
-
}): void;
|
|
355
|
-
goToNext(): void;
|
|
356
|
-
goToPrevious(): void;
|
|
357
|
-
goToPreviousRow(): void;
|
|
358
|
-
goToNextRow(): void;
|
|
359
|
-
goToFirst(): void;
|
|
360
|
-
goToLast(): void;
|
|
361
|
-
goToFirstOfRow(): void;
|
|
362
|
-
goToLastOfRow(): void;
|
|
363
|
-
goToNextPage(): void;
|
|
364
|
-
goToPreviousPage(): void;
|
|
365
|
-
registerItem(data: {
|
|
366
|
-
item: any;
|
|
367
|
-
textValue: string;
|
|
368
|
-
}): void;
|
|
369
|
-
unregisterItem(data: {
|
|
370
|
-
id: string;
|
|
371
|
-
}): void;
|
|
372
|
-
updateItemHeight(data: {
|
|
373
|
-
value: number;
|
|
374
|
-
}): void;
|
|
375
|
-
};
|
|
376
|
-
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
377
|
-
selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
|
|
378
|
-
navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
|
|
379
|
-
getId: (item: any) => string;
|
|
380
|
-
}>;
|
|
247
|
+
Icon: (elemProps: import("@workday/canvas-kit-react/icon").SystemIconProps) => React.JSX.Element;
|
|
381
248
|
};
|
|
382
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<{
|
|
383
250
|
state: {
|
|
@@ -409,20 +276,7 @@ export declare const SelectCard: import("@workday/canvas-kit-react/common").Elem
|
|
|
409
276
|
indexRef: React.MutableRefObject<number>;
|
|
410
277
|
nonInteractiveIds: string[];
|
|
411
278
|
isVirtualized: boolean;
|
|
412
|
-
items: import("../..").Item<any>[];
|
|
413
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
414
|
-
*
|
|
415
|
-
* ```tsx
|
|
416
|
-
* <Select items={options}>
|
|
417
|
-
* <FormField label="Your Label">
|
|
418
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
419
|
-
* <Select.Popper>
|
|
420
|
-
* ...
|
|
421
|
-
* </Select.Popper>
|
|
422
|
-
* </FormField>
|
|
423
|
-
* </Select>
|
|
424
|
-
* ```
|
|
425
|
-
*/
|
|
279
|
+
items: import("../..").Item<any>[];
|
|
426
280
|
mode: "multiple" | "single";
|
|
427
281
|
value: string | undefined;
|
|
428
282
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -498,20 +352,7 @@ export declare const SelectCard: import("@workday/canvas-kit-react/common").Elem
|
|
|
498
352
|
indexRef: React.MutableRefObject<number>;
|
|
499
353
|
nonInteractiveIds: string[];
|
|
500
354
|
isVirtualized: boolean;
|
|
501
|
-
items: import("../..").Item<any>[];
|
|
502
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
503
|
-
*
|
|
504
|
-
* ```tsx
|
|
505
|
-
* <Select items={options}>
|
|
506
|
-
* <FormField label="Your Label">
|
|
507
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
508
|
-
* <Select.Popper>
|
|
509
|
-
* ...
|
|
510
|
-
* </Select.Popper>
|
|
511
|
-
* </FormField>
|
|
512
|
-
* </Select>
|
|
513
|
-
* ```
|
|
514
|
-
*/
|
|
355
|
+
items: import("../..").Item<any>[];
|
|
515
356
|
mode: "multiple" | "single";
|
|
516
357
|
value: string | undefined;
|
|
517
358
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -632,20 +473,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
632
473
|
indexRef: React.MutableRefObject<number>;
|
|
633
474
|
nonInteractiveIds: string[];
|
|
634
475
|
isVirtualized: boolean;
|
|
635
|
-
items: import("../..").Item<any>[];
|
|
636
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
637
|
-
*
|
|
638
|
-
* ```tsx
|
|
639
|
-
* <Select items={options}>
|
|
640
|
-
* <FormField label="Your Label">
|
|
641
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
642
|
-
* <Select.Popper>
|
|
643
|
-
* ...
|
|
644
|
-
* </Select.Popper>
|
|
645
|
-
* </FormField>
|
|
646
|
-
* </Select>
|
|
647
|
-
* ```
|
|
648
|
-
*/
|
|
476
|
+
items: import("../..").Item<any>[];
|
|
649
477
|
mode: "multiple" | "single";
|
|
650
478
|
value: string | undefined;
|
|
651
479
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -682,20 +510,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
682
510
|
indexRef: React.MutableRefObject<number>;
|
|
683
511
|
nonInteractiveIds: string[];
|
|
684
512
|
isVirtualized: boolean;
|
|
685
|
-
items: import("../..").Item<any>[];
|
|
686
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
687
|
-
*
|
|
688
|
-
* ```tsx
|
|
689
|
-
* <Select items={options}>
|
|
690
|
-
* <FormField label="Your Label">
|
|
691
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
692
|
-
* <Select.Popper>
|
|
693
|
-
* ...
|
|
694
|
-
* </Select.Popper>
|
|
695
|
-
* </FormField>
|
|
696
|
-
* </Select>
|
|
697
|
-
* ```
|
|
698
|
-
*/
|
|
513
|
+
items: import("../..").Item<any>[];
|
|
699
514
|
mode: "multiple" | "single";
|
|
700
515
|
value: string | undefined;
|
|
701
516
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -730,20 +545,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
730
545
|
indexRef: React.MutableRefObject<number>;
|
|
731
546
|
nonInteractiveIds: string[];
|
|
732
547
|
isVirtualized: boolean;
|
|
733
|
-
items: import("../..").Item<any>[];
|
|
734
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
735
|
-
*
|
|
736
|
-
* ```tsx
|
|
737
|
-
* <Select items={options}>
|
|
738
|
-
* <FormField label="Your Label">
|
|
739
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
740
|
-
* <Select.Popper>
|
|
741
|
-
* ...
|
|
742
|
-
* </Select.Popper>
|
|
743
|
-
* </FormField>
|
|
744
|
-
* </Select>
|
|
745
|
-
* ```
|
|
746
|
-
*/
|
|
548
|
+
items: import("../..").Item<any>[];
|
|
747
549
|
mode: "multiple" | "single";
|
|
748
550
|
value: string | undefined;
|
|
749
551
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -778,20 +580,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
778
580
|
indexRef: React.MutableRefObject<number>;
|
|
779
581
|
nonInteractiveIds: string[];
|
|
780
582
|
isVirtualized: boolean;
|
|
781
|
-
items: import("../..").Item<any>[];
|
|
782
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
783
|
-
*
|
|
784
|
-
* ```tsx
|
|
785
|
-
* <Select items={options}>
|
|
786
|
-
* <FormField label="Your Label">
|
|
787
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
788
|
-
* <Select.Popper>
|
|
789
|
-
* ...
|
|
790
|
-
* </Select.Popper>
|
|
791
|
-
* </FormField>
|
|
792
|
-
* </Select>
|
|
793
|
-
* ```
|
|
794
|
-
*/
|
|
583
|
+
items: import("../..").Item<any>[];
|
|
795
584
|
mode: "multiple" | "single";
|
|
796
585
|
value: string | undefined;
|
|
797
586
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -828,20 +617,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
828
617
|
indexRef: React.MutableRefObject<number>;
|
|
829
618
|
nonInteractiveIds: string[];
|
|
830
619
|
isVirtualized: boolean;
|
|
831
|
-
items: import("../..").Item<any>[];
|
|
832
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
833
|
-
*
|
|
834
|
-
* ```tsx
|
|
835
|
-
* <Select items={options}>
|
|
836
|
-
* <FormField label="Your Label">
|
|
837
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
838
|
-
* <Select.Popper>
|
|
839
|
-
* ...
|
|
840
|
-
* </Select.Popper>
|
|
841
|
-
* </FormField>
|
|
842
|
-
* </Select>
|
|
843
|
-
* ```
|
|
844
|
-
*/
|
|
620
|
+
items: import("../..").Item<any>[];
|
|
845
621
|
mode: "multiple" | "single";
|
|
846
622
|
value: string | undefined;
|
|
847
623
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -876,20 +652,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
876
652
|
indexRef: React.MutableRefObject<number>;
|
|
877
653
|
nonInteractiveIds: string[];
|
|
878
654
|
isVirtualized: boolean;
|
|
879
|
-
items: import("../..").Item<any>[];
|
|
880
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
881
|
-
*
|
|
882
|
-
* ```tsx
|
|
883
|
-
* <Select items={options}>
|
|
884
|
-
* <FormField label="Your Label">
|
|
885
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
886
|
-
* <Select.Popper>
|
|
887
|
-
* ...
|
|
888
|
-
* </Select.Popper>
|
|
889
|
-
* </FormField>
|
|
890
|
-
* </Select>
|
|
891
|
-
* ```
|
|
892
|
-
*/
|
|
655
|
+
items: import("../..").Item<any>[];
|
|
893
656
|
mode: "multiple" | "single";
|
|
894
657
|
value: string | undefined;
|
|
895
658
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -924,20 +687,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
924
687
|
indexRef: React.MutableRefObject<number>;
|
|
925
688
|
nonInteractiveIds: string[];
|
|
926
689
|
isVirtualized: boolean;
|
|
927
|
-
items: import("../..").Item<any>[];
|
|
928
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
929
|
-
*
|
|
930
|
-
* ```tsx
|
|
931
|
-
* <Select items={options}>
|
|
932
|
-
* <FormField label="Your Label">
|
|
933
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
934
|
-
* <Select.Popper>
|
|
935
|
-
* ...
|
|
936
|
-
* </Select.Popper>
|
|
937
|
-
* </FormField>
|
|
938
|
-
* </Select>
|
|
939
|
-
* ```
|
|
940
|
-
*/
|
|
690
|
+
items: import("../..").Item<any>[];
|
|
941
691
|
mode: "multiple" | "single";
|
|
942
692
|
value: string | undefined;
|
|
943
693
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -974,20 +724,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
974
724
|
indexRef: React.MutableRefObject<number>;
|
|
975
725
|
nonInteractiveIds: string[];
|
|
976
726
|
isVirtualized: boolean;
|
|
977
|
-
items: import("../..").Item<any>[];
|
|
978
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
979
|
-
*
|
|
980
|
-
* ```tsx
|
|
981
|
-
* <Select items={options}>
|
|
982
|
-
* <FormField label="Your Label">
|
|
983
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
984
|
-
* <Select.Popper>
|
|
985
|
-
* ...
|
|
986
|
-
* </Select.Popper>
|
|
987
|
-
* </FormField>
|
|
988
|
-
* </Select>
|
|
989
|
-
* ```
|
|
990
|
-
*/
|
|
727
|
+
items: import("../..").Item<any>[];
|
|
991
728
|
mode: "multiple" | "single";
|
|
992
729
|
value: string | undefined;
|
|
993
730
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1022,20 +759,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1022
759
|
indexRef: React.MutableRefObject<number>;
|
|
1023
760
|
nonInteractiveIds: string[];
|
|
1024
761
|
isVirtualized: boolean;
|
|
1025
|
-
items: import("../..").Item<any>[];
|
|
1026
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1027
|
-
*
|
|
1028
|
-
* ```tsx
|
|
1029
|
-
* <Select items={options}>
|
|
1030
|
-
* <FormField label="Your Label">
|
|
1031
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1032
|
-
* <Select.Popper>
|
|
1033
|
-
* ...
|
|
1034
|
-
* </Select.Popper>
|
|
1035
|
-
* </FormField>
|
|
1036
|
-
* </Select>
|
|
1037
|
-
* ```
|
|
1038
|
-
*/
|
|
762
|
+
items: import("../..").Item<any>[];
|
|
1039
763
|
mode: "multiple" | "single";
|
|
1040
764
|
value: string | undefined;
|
|
1041
765
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1070,20 +794,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1070
794
|
indexRef: React.MutableRefObject<number>;
|
|
1071
795
|
nonInteractiveIds: string[];
|
|
1072
796
|
isVirtualized: boolean;
|
|
1073
|
-
items: import("../..").Item<any>[];
|
|
1074
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1075
|
-
*
|
|
1076
|
-
* ```tsx
|
|
1077
|
-
* <Select items={options}>
|
|
1078
|
-
* <FormField label="Your Label">
|
|
1079
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1080
|
-
* <Select.Popper>
|
|
1081
|
-
* ...
|
|
1082
|
-
* </Select.Popper>
|
|
1083
|
-
* </FormField>
|
|
1084
|
-
* </Select>
|
|
1085
|
-
* ```
|
|
1086
|
-
*/
|
|
797
|
+
items: import("../..").Item<any>[];
|
|
1087
798
|
mode: "multiple" | "single";
|
|
1088
799
|
value: string | undefined;
|
|
1089
800
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1118,20 +829,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1118
829
|
indexRef: React.MutableRefObject<number>;
|
|
1119
830
|
nonInteractiveIds: string[];
|
|
1120
831
|
isVirtualized: boolean;
|
|
1121
|
-
items: import("../..").Item<any>[];
|
|
1122
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1123
|
-
*
|
|
1124
|
-
* ```tsx
|
|
1125
|
-
* <Select items={options}>
|
|
1126
|
-
* <FormField label="Your Label">
|
|
1127
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1128
|
-
* <Select.Popper>
|
|
1129
|
-
* ...
|
|
1130
|
-
* </Select.Popper>
|
|
1131
|
-
* </FormField>
|
|
1132
|
-
* </Select>
|
|
1133
|
-
* ```
|
|
1134
|
-
*/
|
|
832
|
+
items: import("../..").Item<any>[];
|
|
1135
833
|
mode: "multiple" | "single";
|
|
1136
834
|
value: string | undefined;
|
|
1137
835
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1166,20 +864,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1166
864
|
indexRef: React.MutableRefObject<number>;
|
|
1167
865
|
nonInteractiveIds: string[];
|
|
1168
866
|
isVirtualized: boolean;
|
|
1169
|
-
items: import("../..").Item<any>[];
|
|
1170
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1171
|
-
*
|
|
1172
|
-
* ```tsx
|
|
1173
|
-
* <Select items={options}>
|
|
1174
|
-
* <FormField label="Your Label">
|
|
1175
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1176
|
-
* <Select.Popper>
|
|
1177
|
-
* ...
|
|
1178
|
-
* </Select.Popper>
|
|
1179
|
-
* </FormField>
|
|
1180
|
-
* </Select>
|
|
1181
|
-
* ```
|
|
1182
|
-
*/
|
|
867
|
+
items: import("../..").Item<any>[];
|
|
1183
868
|
mode: "multiple" | "single";
|
|
1184
869
|
value: string | undefined;
|
|
1185
870
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1214,20 +899,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1214
899
|
indexRef: React.MutableRefObject<number>;
|
|
1215
900
|
nonInteractiveIds: string[];
|
|
1216
901
|
isVirtualized: boolean;
|
|
1217
|
-
items: import("../..").Item<any>[];
|
|
1218
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1219
|
-
*
|
|
1220
|
-
* ```tsx
|
|
1221
|
-
* <Select items={options}>
|
|
1222
|
-
* <FormField label="Your Label">
|
|
1223
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1224
|
-
* <Select.Popper>
|
|
1225
|
-
* ...
|
|
1226
|
-
* </Select.Popper>
|
|
1227
|
-
* </FormField>
|
|
1228
|
-
* </Select>
|
|
1229
|
-
* ```
|
|
1230
|
-
*/
|
|
902
|
+
items: import("../..").Item<any>[];
|
|
1231
903
|
mode: "multiple" | "single";
|
|
1232
904
|
value: string | undefined;
|
|
1233
905
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1262,20 +934,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1262
934
|
indexRef: React.MutableRefObject<number>;
|
|
1263
935
|
nonInteractiveIds: string[];
|
|
1264
936
|
isVirtualized: boolean;
|
|
1265
|
-
items: import("../..").Item<any>[];
|
|
1266
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1267
|
-
*
|
|
1268
|
-
* ```tsx
|
|
1269
|
-
* <Select items={options}>
|
|
1270
|
-
* <FormField label="Your Label">
|
|
1271
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1272
|
-
* <Select.Popper>
|
|
1273
|
-
* ...
|
|
1274
|
-
* </Select.Popper>
|
|
1275
|
-
* </FormField>
|
|
1276
|
-
* </Select>
|
|
1277
|
-
* ```
|
|
1278
|
-
*/
|
|
937
|
+
items: import("../..").Item<any>[];
|
|
1279
938
|
mode: "multiple" | "single";
|
|
1280
939
|
value: string | undefined;
|
|
1281
940
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1310,20 +969,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1310
969
|
indexRef: React.MutableRefObject<number>;
|
|
1311
970
|
nonInteractiveIds: string[];
|
|
1312
971
|
isVirtualized: boolean;
|
|
1313
|
-
items: import("../..").Item<any>[];
|
|
1314
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1315
|
-
*
|
|
1316
|
-
* ```tsx
|
|
1317
|
-
* <Select items={options}>
|
|
1318
|
-
* <FormField label="Your Label">
|
|
1319
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1320
|
-
* <Select.Popper>
|
|
1321
|
-
* ...
|
|
1322
|
-
* </Select.Popper>
|
|
1323
|
-
* </FormField>
|
|
1324
|
-
* </Select>
|
|
1325
|
-
* ```
|
|
1326
|
-
*/
|
|
972
|
+
items: import("../..").Item<any>[];
|
|
1327
973
|
mode: "multiple" | "single";
|
|
1328
974
|
value: string | undefined;
|
|
1329
975
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1358,20 +1004,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1358
1004
|
indexRef: React.MutableRefObject<number>;
|
|
1359
1005
|
nonInteractiveIds: string[];
|
|
1360
1006
|
isVirtualized: boolean;
|
|
1361
|
-
items: import("../..").Item<any>[];
|
|
1362
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1363
|
-
*
|
|
1364
|
-
* ```tsx
|
|
1365
|
-
* <Select items={options}>
|
|
1366
|
-
* <FormField label="Your Label">
|
|
1367
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1368
|
-
* <Select.Popper>
|
|
1369
|
-
* ...
|
|
1370
|
-
* </Select.Popper>
|
|
1371
|
-
* </FormField>
|
|
1372
|
-
* </Select>
|
|
1373
|
-
* ```
|
|
1374
|
-
*/
|
|
1007
|
+
items: import("../..").Item<any>[];
|
|
1375
1008
|
mode: "multiple" | "single";
|
|
1376
1009
|
value: string | undefined;
|
|
1377
1010
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1406,20 +1039,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1406
1039
|
indexRef: React.MutableRefObject<number>;
|
|
1407
1040
|
nonInteractiveIds: string[];
|
|
1408
1041
|
isVirtualized: boolean;
|
|
1409
|
-
items: import("../..").Item<any>[];
|
|
1410
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1411
|
-
*
|
|
1412
|
-
* ```tsx
|
|
1413
|
-
* <Select items={options}>
|
|
1414
|
-
* <FormField label="Your Label">
|
|
1415
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1416
|
-
* <Select.Popper>
|
|
1417
|
-
* ...
|
|
1418
|
-
* </Select.Popper>
|
|
1419
|
-
* </FormField>
|
|
1420
|
-
* </Select>
|
|
1421
|
-
* ```
|
|
1422
|
-
*/
|
|
1042
|
+
items: import("../..").Item<any>[];
|
|
1423
1043
|
mode: "multiple" | "single";
|
|
1424
1044
|
value: string | undefined;
|
|
1425
1045
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1454,20 +1074,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1454
1074
|
indexRef: React.MutableRefObject<number>;
|
|
1455
1075
|
nonInteractiveIds: string[];
|
|
1456
1076
|
isVirtualized: boolean;
|
|
1457
|
-
items: import("../..").Item<any>[];
|
|
1458
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1459
|
-
*
|
|
1460
|
-
* ```tsx
|
|
1461
|
-
* <Select items={options}>
|
|
1462
|
-
* <FormField label="Your Label">
|
|
1463
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1464
|
-
* <Select.Popper>
|
|
1465
|
-
* ...
|
|
1466
|
-
* </Select.Popper>
|
|
1467
|
-
* </FormField>
|
|
1468
|
-
* </Select>
|
|
1469
|
-
* ```
|
|
1470
|
-
*/
|
|
1077
|
+
items: import("../..").Item<any>[];
|
|
1471
1078
|
mode: "multiple" | "single";
|
|
1472
1079
|
value: string | undefined;
|
|
1473
1080
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1505,20 +1112,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1505
1112
|
indexRef: React.MutableRefObject<number>;
|
|
1506
1113
|
nonInteractiveIds: string[];
|
|
1507
1114
|
isVirtualized: boolean;
|
|
1508
|
-
items: import("../..").Item<any>[];
|
|
1509
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1510
|
-
*
|
|
1511
|
-
* ```tsx
|
|
1512
|
-
* <Select items={options}>
|
|
1513
|
-
* <FormField label="Your Label">
|
|
1514
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1515
|
-
* <Select.Popper>
|
|
1516
|
-
* ...
|
|
1517
|
-
* </Select.Popper>
|
|
1518
|
-
* </FormField>
|
|
1519
|
-
* </Select>
|
|
1520
|
-
* ```
|
|
1521
|
-
*/
|
|
1115
|
+
items: import("../..").Item<any>[];
|
|
1522
1116
|
mode: "multiple" | "single";
|
|
1523
1117
|
value: string | undefined;
|
|
1524
1118
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1555,20 +1149,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1555
1149
|
indexRef: React.MutableRefObject<number>;
|
|
1556
1150
|
nonInteractiveIds: string[];
|
|
1557
1151
|
isVirtualized: boolean;
|
|
1558
|
-
items: import("../..").Item<any>[];
|
|
1559
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1560
|
-
*
|
|
1561
|
-
* ```tsx
|
|
1562
|
-
* <Select items={options}>
|
|
1563
|
-
* <FormField label="Your Label">
|
|
1564
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1565
|
-
* <Select.Popper>
|
|
1566
|
-
* ...
|
|
1567
|
-
* </Select.Popper>
|
|
1568
|
-
* </FormField>
|
|
1569
|
-
* </Select>
|
|
1570
|
-
* ```
|
|
1571
|
-
*/
|
|
1152
|
+
items: import("../..").Item<any>[];
|
|
1572
1153
|
mode: "multiple" | "single";
|
|
1573
1154
|
value: string | undefined;
|
|
1574
1155
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1605,20 +1186,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1605
1186
|
indexRef: React.MutableRefObject<number>;
|
|
1606
1187
|
nonInteractiveIds: string[];
|
|
1607
1188
|
isVirtualized: boolean;
|
|
1608
|
-
items: import("../..").Item<any>[];
|
|
1609
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1610
|
-
*
|
|
1611
|
-
* ```tsx
|
|
1612
|
-
* <Select items={options}>
|
|
1613
|
-
* <FormField label="Your Label">
|
|
1614
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1615
|
-
* <Select.Popper>
|
|
1616
|
-
* ...
|
|
1617
|
-
* </Select.Popper>
|
|
1618
|
-
* </FormField>
|
|
1619
|
-
* </Select>
|
|
1620
|
-
* ```
|
|
1621
|
-
*/
|
|
1189
|
+
items: import("../..").Item<any>[];
|
|
1622
1190
|
mode: "multiple" | "single";
|
|
1623
1191
|
value: string | undefined;
|
|
1624
1192
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1654,20 +1222,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1654
1222
|
indexRef: React.MutableRefObject<number>;
|
|
1655
1223
|
nonInteractiveIds: string[];
|
|
1656
1224
|
isVirtualized: boolean;
|
|
1657
|
-
items: import("../..").Item<any>[];
|
|
1658
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1659
|
-
*
|
|
1660
|
-
* ```tsx
|
|
1661
|
-
* <Select items={options}>
|
|
1662
|
-
* <FormField label="Your Label">
|
|
1663
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1664
|
-
* <Select.Popper>
|
|
1665
|
-
* ...
|
|
1666
|
-
* </Select.Popper>
|
|
1667
|
-
* </FormField>
|
|
1668
|
-
* </Select>
|
|
1669
|
-
* ```
|
|
1670
|
-
*/
|
|
1225
|
+
items: import("../..").Item<any>[];
|
|
1671
1226
|
mode: "multiple" | "single";
|
|
1672
1227
|
value: string | undefined;
|
|
1673
1228
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1704,20 +1259,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1704
1259
|
indexRef: React.MutableRefObject<number>;
|
|
1705
1260
|
nonInteractiveIds: string[];
|
|
1706
1261
|
isVirtualized: boolean;
|
|
1707
|
-
items: import("../..").Item<any>[];
|
|
1708
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1709
|
-
*
|
|
1710
|
-
* ```tsx
|
|
1711
|
-
* <Select items={options}>
|
|
1712
|
-
* <FormField label="Your Label">
|
|
1713
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1714
|
-
* <Select.Popper>
|
|
1715
|
-
* ...
|
|
1716
|
-
* </Select.Popper>
|
|
1717
|
-
* </FormField>
|
|
1718
|
-
* </Select>
|
|
1719
|
-
* ```
|
|
1720
|
-
*/
|
|
1262
|
+
items: import("../..").Item<any>[];
|
|
1721
1263
|
mode: "multiple" | "single";
|
|
1722
1264
|
value: string | undefined;
|
|
1723
1265
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1752,20 +1294,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1752
1294
|
indexRef: React.MutableRefObject<number>;
|
|
1753
1295
|
nonInteractiveIds: string[];
|
|
1754
1296
|
isVirtualized: boolean;
|
|
1755
|
-
items: import("../..").Item<any>[];
|
|
1756
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1757
|
-
*
|
|
1758
|
-
* ```tsx
|
|
1759
|
-
* <Select items={options}>
|
|
1760
|
-
* <FormField label="Your Label">
|
|
1761
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1762
|
-
* <Select.Popper>
|
|
1763
|
-
* ...
|
|
1764
|
-
* </Select.Popper>
|
|
1765
|
-
* </FormField>
|
|
1766
|
-
* </Select>
|
|
1767
|
-
* ```
|
|
1768
|
-
*/
|
|
1297
|
+
items: import("../..").Item<any>[];
|
|
1769
1298
|
mode: "multiple" | "single";
|
|
1770
1299
|
value: string | undefined;
|
|
1771
1300
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1800,20 +1329,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1800
1329
|
indexRef: React.MutableRefObject<number>;
|
|
1801
1330
|
nonInteractiveIds: string[];
|
|
1802
1331
|
isVirtualized: boolean;
|
|
1803
|
-
items: import("../..").Item<any>[];
|
|
1804
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1805
|
-
*
|
|
1806
|
-
* ```tsx
|
|
1807
|
-
* <Select items={options}>
|
|
1808
|
-
* <FormField label="Your Label">
|
|
1809
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1810
|
-
* <Select.Popper>
|
|
1811
|
-
* ...
|
|
1812
|
-
* </Select.Popper>
|
|
1813
|
-
* </FormField>
|
|
1814
|
-
* </Select>
|
|
1815
|
-
* ```
|
|
1816
|
-
*/
|
|
1332
|
+
items: import("../..").Item<any>[];
|
|
1817
1333
|
mode: "multiple" | "single";
|
|
1818
1334
|
value: string | undefined;
|
|
1819
1335
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1850,20 +1366,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1850
1366
|
indexRef: React.MutableRefObject<number>;
|
|
1851
1367
|
nonInteractiveIds: string[];
|
|
1852
1368
|
isVirtualized: boolean;
|
|
1853
|
-
items: import("../..").Item<any>[];
|
|
1854
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1855
|
-
*
|
|
1856
|
-
* ```tsx
|
|
1857
|
-
* <Select items={options}>
|
|
1858
|
-
* <FormField label="Your Label">
|
|
1859
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1860
|
-
* <Select.Popper>
|
|
1861
|
-
* ...
|
|
1862
|
-
* </Select.Popper>
|
|
1863
|
-
* </FormField>
|
|
1864
|
-
* </Select>
|
|
1865
|
-
* ```
|
|
1866
|
-
*/
|
|
1369
|
+
items: import("../..").Item<any>[];
|
|
1867
1370
|
mode: "multiple" | "single";
|
|
1868
1371
|
value: string | undefined;
|
|
1869
1372
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1898,20 +1401,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1898
1401
|
indexRef: React.MutableRefObject<number>;
|
|
1899
1402
|
nonInteractiveIds: string[];
|
|
1900
1403
|
isVirtualized: boolean;
|
|
1901
|
-
items: import("../..").Item<any>[];
|
|
1902
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1903
|
-
*
|
|
1904
|
-
* ```tsx
|
|
1905
|
-
* <Select items={options}>
|
|
1906
|
-
* <FormField label="Your Label">
|
|
1907
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1908
|
-
* <Select.Popper>
|
|
1909
|
-
* ...
|
|
1910
|
-
* </Select.Popper>
|
|
1911
|
-
* </FormField>
|
|
1912
|
-
* </Select>
|
|
1913
|
-
* ```
|
|
1914
|
-
*/
|
|
1404
|
+
items: import("../..").Item<any>[];
|
|
1915
1405
|
mode: "multiple" | "single";
|
|
1916
1406
|
value: string | undefined;
|
|
1917
1407
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1946,20 +1436,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1946
1436
|
indexRef: React.MutableRefObject<number>;
|
|
1947
1437
|
nonInteractiveIds: string[];
|
|
1948
1438
|
isVirtualized: boolean;
|
|
1949
|
-
items: import("../..").Item<any>[];
|
|
1950
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
1951
|
-
*
|
|
1952
|
-
* ```tsx
|
|
1953
|
-
* <Select items={options}>
|
|
1954
|
-
* <FormField label="Your Label">
|
|
1955
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
1956
|
-
* <Select.Popper>
|
|
1957
|
-
* ...
|
|
1958
|
-
* </Select.Popper>
|
|
1959
|
-
* </FormField>
|
|
1960
|
-
* </Select>
|
|
1961
|
-
* ```
|
|
1962
|
-
*/
|
|
1439
|
+
items: import("../..").Item<any>[];
|
|
1963
1440
|
mode: "multiple" | "single";
|
|
1964
1441
|
value: string | undefined;
|
|
1965
1442
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1996,20 +1473,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
1996
1473
|
indexRef: React.MutableRefObject<number>;
|
|
1997
1474
|
nonInteractiveIds: string[];
|
|
1998
1475
|
isVirtualized: boolean;
|
|
1999
|
-
items: import("../..").Item<any>[];
|
|
2000
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2001
|
-
*
|
|
2002
|
-
* ```tsx
|
|
2003
|
-
* <Select items={options}>
|
|
2004
|
-
* <FormField label="Your Label">
|
|
2005
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2006
|
-
* <Select.Popper>
|
|
2007
|
-
* ...
|
|
2008
|
-
* </Select.Popper>
|
|
2009
|
-
* </FormField>
|
|
2010
|
-
* </Select>
|
|
2011
|
-
* ```
|
|
2012
|
-
*/
|
|
1476
|
+
items: import("../..").Item<any>[];
|
|
2013
1477
|
mode: "multiple" | "single";
|
|
2014
1478
|
value: string | undefined;
|
|
2015
1479
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2044,20 +1508,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2044
1508
|
indexRef: React.MutableRefObject<number>;
|
|
2045
1509
|
nonInteractiveIds: string[];
|
|
2046
1510
|
isVirtualized: boolean;
|
|
2047
|
-
items: import("../..").Item<any>[];
|
|
2048
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2049
|
-
*
|
|
2050
|
-
* ```tsx
|
|
2051
|
-
* <Select items={options}>
|
|
2052
|
-
* <FormField label="Your Label">
|
|
2053
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2054
|
-
* <Select.Popper>
|
|
2055
|
-
* ...
|
|
2056
|
-
* </Select.Popper>
|
|
2057
|
-
* </FormField>
|
|
2058
|
-
* </Select>
|
|
2059
|
-
* ```
|
|
2060
|
-
*/
|
|
1511
|
+
items: import("../..").Item<any>[];
|
|
2061
1512
|
mode: "multiple" | "single";
|
|
2062
1513
|
value: string | undefined;
|
|
2063
1514
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2092,20 +1543,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2092
1543
|
indexRef: React.MutableRefObject<number>;
|
|
2093
1544
|
nonInteractiveIds: string[];
|
|
2094
1545
|
isVirtualized: boolean;
|
|
2095
|
-
items: import("../..").Item<any>[];
|
|
2096
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2097
|
-
*
|
|
2098
|
-
* ```tsx
|
|
2099
|
-
* <Select items={options}>
|
|
2100
|
-
* <FormField label="Your Label">
|
|
2101
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2102
|
-
* <Select.Popper>
|
|
2103
|
-
* ...
|
|
2104
|
-
* </Select.Popper>
|
|
2105
|
-
* </FormField>
|
|
2106
|
-
* </Select>
|
|
2107
|
-
* ```
|
|
2108
|
-
*/
|
|
1546
|
+
items: import("../..").Item<any>[];
|
|
2109
1547
|
mode: "multiple" | "single";
|
|
2110
1548
|
value: string | undefined;
|
|
2111
1549
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2140,20 +1578,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2140
1578
|
indexRef: React.MutableRefObject<number>;
|
|
2141
1579
|
nonInteractiveIds: string[];
|
|
2142
1580
|
isVirtualized: boolean;
|
|
2143
|
-
items: import("../..").Item<any>[];
|
|
2144
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2145
|
-
*
|
|
2146
|
-
* ```tsx
|
|
2147
|
-
* <Select items={options}>
|
|
2148
|
-
* <FormField label="Your Label">
|
|
2149
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2150
|
-
* <Select.Popper>
|
|
2151
|
-
* ...
|
|
2152
|
-
* </Select.Popper>
|
|
2153
|
-
* </FormField>
|
|
2154
|
-
* </Select>
|
|
2155
|
-
* ```
|
|
2156
|
-
*/
|
|
1581
|
+
items: import("../..").Item<any>[];
|
|
2157
1582
|
mode: "multiple" | "single";
|
|
2158
1583
|
value: string | undefined;
|
|
2159
1584
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2188,20 +1613,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2188
1613
|
indexRef: React.MutableRefObject<number>;
|
|
2189
1614
|
nonInteractiveIds: string[];
|
|
2190
1615
|
isVirtualized: boolean;
|
|
2191
|
-
items: import("../..").Item<any>[];
|
|
2192
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2193
|
-
*
|
|
2194
|
-
* ```tsx
|
|
2195
|
-
* <Select items={options}>
|
|
2196
|
-
* <FormField label="Your Label">
|
|
2197
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2198
|
-
* <Select.Popper>
|
|
2199
|
-
* ...
|
|
2200
|
-
* </Select.Popper>
|
|
2201
|
-
* </FormField>
|
|
2202
|
-
* </Select>
|
|
2203
|
-
* ```
|
|
2204
|
-
*/
|
|
1616
|
+
items: import("../..").Item<any>[];
|
|
2205
1617
|
mode: "multiple" | "single";
|
|
2206
1618
|
value: string | undefined;
|
|
2207
1619
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2236,20 +1648,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2236
1648
|
indexRef: React.MutableRefObject<number>;
|
|
2237
1649
|
nonInteractiveIds: string[];
|
|
2238
1650
|
isVirtualized: boolean;
|
|
2239
|
-
items: import("../..").Item<any>[];
|
|
2240
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2241
|
-
*
|
|
2242
|
-
* ```tsx
|
|
2243
|
-
* <Select items={options}>
|
|
2244
|
-
* <FormField label="Your Label">
|
|
2245
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2246
|
-
* <Select.Popper>
|
|
2247
|
-
* ...
|
|
2248
|
-
* </Select.Popper>
|
|
2249
|
-
* </FormField>
|
|
2250
|
-
* </Select>
|
|
2251
|
-
* ```
|
|
2252
|
-
*/
|
|
1651
|
+
items: import("../..").Item<any>[];
|
|
2253
1652
|
mode: "multiple" | "single";
|
|
2254
1653
|
value: string | undefined;
|
|
2255
1654
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2284,20 +1683,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2284
1683
|
indexRef: React.MutableRefObject<number>;
|
|
2285
1684
|
nonInteractiveIds: string[];
|
|
2286
1685
|
isVirtualized: boolean;
|
|
2287
|
-
items: import("../..").Item<any>[];
|
|
2288
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2289
|
-
*
|
|
2290
|
-
* ```tsx
|
|
2291
|
-
* <Select items={options}>
|
|
2292
|
-
* <FormField label="Your Label">
|
|
2293
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2294
|
-
* <Select.Popper>
|
|
2295
|
-
* ...
|
|
2296
|
-
* </Select.Popper>
|
|
2297
|
-
* </FormField>
|
|
2298
|
-
* </Select>
|
|
2299
|
-
* ```
|
|
2300
|
-
*/
|
|
1686
|
+
items: import("../..").Item<any>[];
|
|
2301
1687
|
mode: "multiple" | "single";
|
|
2302
1688
|
value: string | undefined;
|
|
2303
1689
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2332,20 +1718,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2332
1718
|
indexRef: React.MutableRefObject<number>;
|
|
2333
1719
|
nonInteractiveIds: string[];
|
|
2334
1720
|
isVirtualized: boolean;
|
|
2335
|
-
items: import("../..").Item<any>[];
|
|
2336
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2337
|
-
*
|
|
2338
|
-
* ```tsx
|
|
2339
|
-
* <Select items={options}>
|
|
2340
|
-
* <FormField label="Your Label">
|
|
2341
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2342
|
-
* <Select.Popper>
|
|
2343
|
-
* ...
|
|
2344
|
-
* </Select.Popper>
|
|
2345
|
-
* </FormField>
|
|
2346
|
-
* </Select>
|
|
2347
|
-
* ```
|
|
2348
|
-
*/
|
|
1721
|
+
items: import("../..").Item<any>[];
|
|
2349
1722
|
mode: "multiple" | "single";
|
|
2350
1723
|
value: string | undefined;
|
|
2351
1724
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2380,20 +1753,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2380
1753
|
indexRef: React.MutableRefObject<number>;
|
|
2381
1754
|
nonInteractiveIds: string[];
|
|
2382
1755
|
isVirtualized: boolean;
|
|
2383
|
-
items: import("../..").Item<any>[];
|
|
2384
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2385
|
-
*
|
|
2386
|
-
* ```tsx
|
|
2387
|
-
* <Select items={options}>
|
|
2388
|
-
* <FormField label="Your Label">
|
|
2389
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2390
|
-
* <Select.Popper>
|
|
2391
|
-
* ...
|
|
2392
|
-
* </Select.Popper>
|
|
2393
|
-
* </FormField>
|
|
2394
|
-
* </Select>
|
|
2395
|
-
* ```
|
|
2396
|
-
*/
|
|
1756
|
+
items: import("../..").Item<any>[];
|
|
2397
1757
|
mode: "multiple" | "single";
|
|
2398
1758
|
value: string | undefined;
|
|
2399
1759
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2428,20 +1788,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2428
1788
|
indexRef: React.MutableRefObject<number>;
|
|
2429
1789
|
nonInteractiveIds: string[];
|
|
2430
1790
|
isVirtualized: boolean;
|
|
2431
|
-
items: import("../..").Item<any>[];
|
|
2432
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2433
|
-
*
|
|
2434
|
-
* ```tsx
|
|
2435
|
-
* <Select items={options}>
|
|
2436
|
-
* <FormField label="Your Label">
|
|
2437
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2438
|
-
* <Select.Popper>
|
|
2439
|
-
* ...
|
|
2440
|
-
* </Select.Popper>
|
|
2441
|
-
* </FormField>
|
|
2442
|
-
* </Select>
|
|
2443
|
-
* ```
|
|
2444
|
-
*/
|
|
1791
|
+
items: import("../..").Item<any>[];
|
|
2445
1792
|
mode: "multiple" | "single";
|
|
2446
1793
|
value: string | undefined;
|
|
2447
1794
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2476,20 +1823,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2476
1823
|
indexRef: React.MutableRefObject<number>;
|
|
2477
1824
|
nonInteractiveIds: string[];
|
|
2478
1825
|
isVirtualized: boolean;
|
|
2479
|
-
items: import("../..").Item<any>[];
|
|
2480
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2481
|
-
*
|
|
2482
|
-
* ```tsx
|
|
2483
|
-
* <Select items={options}>
|
|
2484
|
-
* <FormField label="Your Label">
|
|
2485
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2486
|
-
* <Select.Popper>
|
|
2487
|
-
* ...
|
|
2488
|
-
* </Select.Popper>
|
|
2489
|
-
* </FormField>
|
|
2490
|
-
* </Select>
|
|
2491
|
-
* ```
|
|
2492
|
-
*/
|
|
1826
|
+
items: import("../..").Item<any>[];
|
|
2493
1827
|
mode: "multiple" | "single";
|
|
2494
1828
|
value: string | undefined;
|
|
2495
1829
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2527,20 +1861,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2527
1861
|
indexRef: React.MutableRefObject<number>;
|
|
2528
1862
|
nonInteractiveIds: string[];
|
|
2529
1863
|
isVirtualized: boolean;
|
|
2530
|
-
items: import("../..").Item<any>[];
|
|
2531
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2532
|
-
*
|
|
2533
|
-
* ```tsx
|
|
2534
|
-
* <Select items={options}>
|
|
2535
|
-
* <FormField label="Your Label">
|
|
2536
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2537
|
-
* <Select.Popper>
|
|
2538
|
-
* ...
|
|
2539
|
-
* </Select.Popper>
|
|
2540
|
-
* </FormField>
|
|
2541
|
-
* </Select>
|
|
2542
|
-
* ```
|
|
2543
|
-
*/
|
|
1864
|
+
items: import("../..").Item<any>[];
|
|
2544
1865
|
mode: "multiple" | "single";
|
|
2545
1866
|
value: string | undefined;
|
|
2546
1867
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2577,20 +1898,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2577
1898
|
indexRef: React.MutableRefObject<number>;
|
|
2578
1899
|
nonInteractiveIds: string[];
|
|
2579
1900
|
isVirtualized: boolean;
|
|
2580
|
-
items: import("../..").Item<any>[];
|
|
2581
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2582
|
-
*
|
|
2583
|
-
* ```tsx
|
|
2584
|
-
* <Select items={options}>
|
|
2585
|
-
* <FormField label="Your Label">
|
|
2586
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2587
|
-
* <Select.Popper>
|
|
2588
|
-
* ...
|
|
2589
|
-
* </Select.Popper>
|
|
2590
|
-
* </FormField>
|
|
2591
|
-
* </Select>
|
|
2592
|
-
* ```
|
|
2593
|
-
*/
|
|
1901
|
+
items: import("../..").Item<any>[];
|
|
2594
1902
|
mode: "multiple" | "single";
|
|
2595
1903
|
value: string | undefined;
|
|
2596
1904
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2627,20 +1935,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2627
1935
|
indexRef: React.MutableRefObject<number>;
|
|
2628
1936
|
nonInteractiveIds: string[];
|
|
2629
1937
|
isVirtualized: boolean;
|
|
2630
|
-
items: import("../..").Item<any>[];
|
|
2631
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2632
|
-
*
|
|
2633
|
-
* ```tsx
|
|
2634
|
-
* <Select items={options}>
|
|
2635
|
-
* <FormField label="Your Label">
|
|
2636
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2637
|
-
* <Select.Popper>
|
|
2638
|
-
* ...
|
|
2639
|
-
* </Select.Popper>
|
|
2640
|
-
* </FormField>
|
|
2641
|
-
* </Select>
|
|
2642
|
-
* ```
|
|
2643
|
-
*/
|
|
1938
|
+
items: import("../..").Item<any>[];
|
|
2644
1939
|
mode: "multiple" | "single";
|
|
2645
1940
|
value: string | undefined;
|
|
2646
1941
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2676,20 +1971,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2676
1971
|
indexRef: React.MutableRefObject<number>;
|
|
2677
1972
|
nonInteractiveIds: string[];
|
|
2678
1973
|
isVirtualized: boolean;
|
|
2679
|
-
items: import("../..").Item<any>[];
|
|
2680
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2681
|
-
*
|
|
2682
|
-
* ```tsx
|
|
2683
|
-
* <Select items={options}>
|
|
2684
|
-
* <FormField label="Your Label">
|
|
2685
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2686
|
-
* <Select.Popper>
|
|
2687
|
-
* ...
|
|
2688
|
-
* </Select.Popper>
|
|
2689
|
-
* </FormField>
|
|
2690
|
-
* </Select>
|
|
2691
|
-
* ```
|
|
2692
|
-
*/
|
|
1974
|
+
items: import("../..").Item<any>[];
|
|
2693
1975
|
mode: "multiple" | "single";
|
|
2694
1976
|
value: string | undefined;
|
|
2695
1977
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2781,20 +2063,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2781
2063
|
indexRef: React.MutableRefObject<number>;
|
|
2782
2064
|
nonInteractiveIds: string[];
|
|
2783
2065
|
isVirtualized: boolean;
|
|
2784
|
-
items: import("../..").Item<any>[];
|
|
2785
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2786
|
-
*
|
|
2787
|
-
* ```tsx
|
|
2788
|
-
* <Select items={options}>
|
|
2789
|
-
* <FormField label="Your Label">
|
|
2790
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2791
|
-
* <Select.Popper>
|
|
2792
|
-
* ...
|
|
2793
|
-
* </Select.Popper>
|
|
2794
|
-
* </FormField>
|
|
2795
|
-
* </Select>
|
|
2796
|
-
* ```
|
|
2797
|
-
*/
|
|
2066
|
+
items: import("../..").Item<any>[];
|
|
2798
2067
|
mode: "multiple" | "single";
|
|
2799
2068
|
value: string | undefined;
|
|
2800
2069
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -2885,20 +2154,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2885
2154
|
indexRef: React.MutableRefObject<number>;
|
|
2886
2155
|
nonInteractiveIds: string[];
|
|
2887
2156
|
isVirtualized: boolean;
|
|
2888
|
-
items: import("../..").Item<any>[];
|
|
2889
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2890
|
-
*
|
|
2891
|
-
* ```tsx
|
|
2892
|
-
* <Select items={options}>
|
|
2893
|
-
* <FormField label="Your Label">
|
|
2894
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2895
|
-
* <Select.Popper>
|
|
2896
|
-
* ...
|
|
2897
|
-
* </Select.Popper>
|
|
2898
|
-
* </FormField>
|
|
2899
|
-
* </Select>
|
|
2900
|
-
* ```
|
|
2901
|
-
*/
|
|
2157
|
+
items: import("../..").Item<any>[];
|
|
2902
2158
|
mode: "multiple" | "single";
|
|
2903
2159
|
};
|
|
2904
2160
|
events: {
|
|
@@ -2988,20 +2244,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
2988
2244
|
indexRef: React.MutableRefObject<number>;
|
|
2989
2245
|
nonInteractiveIds: string[];
|
|
2990
2246
|
isVirtualized: boolean;
|
|
2991
|
-
items: import("../..").Item<any>[];
|
|
2992
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
2993
|
-
*
|
|
2994
|
-
* ```tsx
|
|
2995
|
-
* <Select items={options}>
|
|
2996
|
-
* <FormField label="Your Label">
|
|
2997
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
2998
|
-
* <Select.Popper>
|
|
2999
|
-
* ...
|
|
3000
|
-
* </Select.Popper>
|
|
3001
|
-
* </FormField>
|
|
3002
|
-
* </Select>
|
|
3003
|
-
* ```
|
|
3004
|
-
*/
|
|
2247
|
+
items: import("../..").Item<any>[];
|
|
3005
2248
|
mode: "multiple" | "single";
|
|
3006
2249
|
value: string | undefined;
|
|
3007
2250
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -3077,20 +2320,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3077
2320
|
indexRef: React.MutableRefObject<number>;
|
|
3078
2321
|
nonInteractiveIds: string[];
|
|
3079
2322
|
isVirtualized: boolean;
|
|
3080
|
-
items: import("../..").Item<any>[];
|
|
3081
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
3082
|
-
*
|
|
3083
|
-
* ```tsx
|
|
3084
|
-
* <Select items={options}>
|
|
3085
|
-
* <FormField label="Your Label">
|
|
3086
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3087
|
-
* <Select.Popper>
|
|
3088
|
-
* ...
|
|
3089
|
-
* </Select.Popper>
|
|
3090
|
-
* </FormField>
|
|
3091
|
-
* </Select>
|
|
3092
|
-
* ```
|
|
3093
|
-
*/
|
|
2323
|
+
items: import("../..").Item<any>[];
|
|
3094
2324
|
mode: "multiple" | "single";
|
|
3095
2325
|
value: string | undefined;
|
|
3096
2326
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -3185,20 +2415,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3185
2415
|
indexRef: React.MutableRefObject<number>;
|
|
3186
2416
|
nonInteractiveIds: string[];
|
|
3187
2417
|
isVirtualized: boolean;
|
|
3188
|
-
items: import("../..").Item<any>[];
|
|
3189
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
3190
|
-
*
|
|
3191
|
-
* ```tsx
|
|
3192
|
-
* <Select items={options}>
|
|
3193
|
-
* <FormField label="Your Label">
|
|
3194
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3195
|
-
* <Select.Popper>
|
|
3196
|
-
* ...
|
|
3197
|
-
* </Select.Popper>
|
|
3198
|
-
* </FormField>
|
|
3199
|
-
* </Select>
|
|
3200
|
-
* ```
|
|
3201
|
-
*/
|
|
2418
|
+
items: import("../..").Item<any>[];
|
|
3202
2419
|
mode: "multiple" | "single";
|
|
3203
2420
|
value: string | undefined;
|
|
3204
2421
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -3263,7 +2480,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3263
2480
|
* </Select>
|
|
3264
2481
|
* ```
|
|
3265
2482
|
*/
|
|
3266
|
-
Item: import("@workday/canvas-kit-react/common").ElementComponentM<"li", import("../../
|
|
2483
|
+
Item: import("@workday/canvas-kit-react/common").ElementComponentM<"li", import("../../menu/lib/MenuOption").MenuOptionProps & React.LiHTMLAttributes<HTMLLIElement> & import("@workday/canvas-kit-react/common").PropsWithModel<{
|
|
3267
2484
|
state: {
|
|
3268
2485
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
3269
2486
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
@@ -3293,27 +2510,10 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3293
2510
|
indexRef: React.MutableRefObject<number>;
|
|
3294
2511
|
nonInteractiveIds: string[];
|
|
3295
2512
|
isVirtualized: boolean;
|
|
3296
|
-
items: import("../..").Item<any>[];
|
|
3297
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
3298
|
-
*
|
|
3299
|
-
* ```tsx
|
|
3300
|
-
* <Select items={options}>
|
|
3301
|
-
* <FormField label="Your Label">
|
|
3302
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3303
|
-
* <Select.Popper>
|
|
3304
|
-
* ...
|
|
3305
|
-
* </Select.Popper>
|
|
3306
|
-
* </FormField>
|
|
3307
|
-
* </Select>
|
|
3308
|
-
* ```
|
|
3309
|
-
*/
|
|
2513
|
+
items: import("../..").Item<any>[];
|
|
3310
2514
|
mode: "multiple" | "single";
|
|
3311
|
-
value: string | undefined;
|
|
3312
|
-
inputRef: React.RefObject<HTMLInputElement>;
|
|
3313
|
-
width: number;
|
|
3314
2515
|
};
|
|
3315
2516
|
events: {
|
|
3316
|
-
setWidth(width: number): void;
|
|
3317
2517
|
updatePlacement(data: {
|
|
3318
2518
|
placement: import("@popperjs/core").Placement;
|
|
3319
2519
|
}): void;
|
|
@@ -3348,7 +2548,6 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3348
2548
|
value: number;
|
|
3349
2549
|
}): void;
|
|
3350
2550
|
};
|
|
3351
|
-
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
3352
2551
|
selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
|
|
3353
2552
|
navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
|
|
3354
2553
|
getId: (item: any) => string;
|
|
@@ -3382,20 +2581,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3382
2581
|
indexRef: React.MutableRefObject<number>;
|
|
3383
2582
|
nonInteractiveIds: string[];
|
|
3384
2583
|
isVirtualized: boolean;
|
|
3385
|
-
items: import("../..").Item<any>[];
|
|
3386
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
3387
|
-
*
|
|
3388
|
-
* ```tsx
|
|
3389
|
-
* <Select items={options}>
|
|
3390
|
-
* <FormField label="Your Label">
|
|
3391
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3392
|
-
* <Select.Popper>
|
|
3393
|
-
* ...
|
|
3394
|
-
* </Select.Popper>
|
|
3395
|
-
* </FormField>
|
|
3396
|
-
* </Select>
|
|
3397
|
-
* ```
|
|
3398
|
-
*/
|
|
2584
|
+
items: import("../..").Item<any>[];
|
|
3399
2585
|
mode: "multiple" | "single";
|
|
3400
2586
|
value: string | undefined;
|
|
3401
2587
|
inputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -3442,96 +2628,7 @@ export declare const Select: import("@workday/canvas-kit-react/common").Componen
|
|
|
3442
2628
|
navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
|
|
3443
2629
|
getId: (item: any) => string;
|
|
3444
2630
|
}> & {
|
|
3445
|
-
Icon:
|
|
3446
|
-
state: {
|
|
3447
|
-
stackRef: React.RefObject<HTMLDivElement>;
|
|
3448
|
-
targetRef: React.RefObject<HTMLButtonElement>;
|
|
3449
|
-
initialFocusRef: React.RefObject<any> | undefined;
|
|
3450
|
-
returnFocusRef: React.RefObject<any> | undefined;
|
|
3451
|
-
placement: import("@popperjs/core").Placement;
|
|
3452
|
-
id: string;
|
|
3453
|
-
visibility: "hidden" | "visible";
|
|
3454
|
-
selectedIds: string[] | "all";
|
|
3455
|
-
unselectedIds: string[];
|
|
3456
|
-
cursorId: string;
|
|
3457
|
-
columnCount: number;
|
|
3458
|
-
pageSizeRef: React.MutableRefObject<number>;
|
|
3459
|
-
cursorIndexRef: {
|
|
3460
|
-
readonly current: number;
|
|
3461
|
-
};
|
|
3462
|
-
UNSTABLE_virtual: {
|
|
3463
|
-
virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
|
|
3464
|
-
totalSize: number;
|
|
3465
|
-
scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
|
|
3466
|
-
scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
|
|
3467
|
-
measure: () => void;
|
|
3468
|
-
};
|
|
3469
|
-
UNSTABLE_defaultItemHeight: number;
|
|
3470
|
-
containerRef: React.RefObject<HTMLDivElement>;
|
|
3471
|
-
orientation: "horizontal" | "vertical";
|
|
3472
|
-
indexRef: React.MutableRefObject<number>;
|
|
3473
|
-
nonInteractiveIds: string[];
|
|
3474
|
-
isVirtualized: boolean;
|
|
3475
|
-
items: import("../..").Item<any>[]; /**
|
|
3476
|
-
* `Select.Popper` renders a {@link ComboboxPopper Combobox.Menu.Popper}. You have access to all `Popper` props.
|
|
3477
|
-
*
|
|
3478
|
-
* ```tsx
|
|
3479
|
-
* <Select items={options}>
|
|
3480
|
-
* <FormField label="Your Label">
|
|
3481
|
-
* <Select.Input onChange={(event) => handleChange(event)}>
|
|
3482
|
-
* <Select.Popper>
|
|
3483
|
-
* ...
|
|
3484
|
-
* </Select.Popper>
|
|
3485
|
-
* </FormField>
|
|
3486
|
-
* </Select>
|
|
3487
|
-
* ```
|
|
3488
|
-
*/
|
|
3489
|
-
mode: "multiple" | "single";
|
|
3490
|
-
value: string | undefined;
|
|
3491
|
-
inputRef: React.RefObject<HTMLInputElement>;
|
|
3492
|
-
width: number;
|
|
3493
|
-
};
|
|
3494
|
-
events: {
|
|
3495
|
-
setWidth(width: number): void;
|
|
3496
|
-
updatePlacement(data: {
|
|
3497
|
-
placement: import("@popperjs/core").Placement;
|
|
3498
|
-
}): void;
|
|
3499
|
-
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
3500
|
-
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
3501
|
-
select(data: {
|
|
3502
|
-
id: string;
|
|
3503
|
-
}): void;
|
|
3504
|
-
selectAll(): void;
|
|
3505
|
-
unselectAll(): void;
|
|
3506
|
-
goTo(data: {
|
|
3507
|
-
id: string;
|
|
3508
|
-
}): void;
|
|
3509
|
-
goToNext(): void;
|
|
3510
|
-
goToPrevious(): void;
|
|
3511
|
-
goToPreviousRow(): void;
|
|
3512
|
-
goToNextRow(): void;
|
|
3513
|
-
goToFirst(): void;
|
|
3514
|
-
goToLast(): void;
|
|
3515
|
-
goToFirstOfRow(): void;
|
|
3516
|
-
goToLastOfRow(): void;
|
|
3517
|
-
goToNextPage(): void;
|
|
3518
|
-
goToPreviousPage(): void;
|
|
3519
|
-
registerItem(data: {
|
|
3520
|
-
item: any;
|
|
3521
|
-
textValue: string;
|
|
3522
|
-
}): void;
|
|
3523
|
-
unregisterItem(data: {
|
|
3524
|
-
id: string;
|
|
3525
|
-
}): void;
|
|
3526
|
-
updateItemHeight(data: {
|
|
3527
|
-
value: number;
|
|
3528
|
-
}): void;
|
|
3529
|
-
};
|
|
3530
|
-
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
3531
|
-
selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
|
|
3532
|
-
navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
|
|
3533
|
-
getId: (item: any) => string;
|
|
3534
|
-
}>;
|
|
2631
|
+
Icon: (elemProps: import("@workday/canvas-kit-react/icon").SystemIconProps) => React.JSX.Element;
|
|
3535
2632
|
};
|
|
3536
2633
|
};
|
|
3537
2634
|
//# sourceMappingURL=Select.d.ts.map
|