@workday/canvas-kit-preview-react 16.0.0-alpha.0470-next.0 → 16.0.0-alpha.0475-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/dist/commonjs/color-picker/lib/ColorPicker.js +1 -1
  2. package/dist/commonjs/color-picker/lib/parts/ColorReset.js +1 -1
  3. package/dist/commonjs/color-picker/lib/parts/SwatchBook.js +1 -1
  4. package/dist/commonjs/divider/lib/Divider.js +1 -1
  5. package/dist/commonjs/index.d.ts +1 -0
  6. package/dist/commonjs/index.d.ts.map +1 -1
  7. package/dist/commonjs/index.js +1 -0
  8. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +2 -2
  9. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +3 -3
  10. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  11. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  12. package/dist/commonjs/radio/lib/RadioText.js +3 -3
  13. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  14. package/dist/commonjs/side-panel/lib/SidePanel.js +7 -7
  15. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +11 -11
  16. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +14 -14
  17. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  18. package/dist/commonjs/switch/lib/SwitchBackground.js +1 -1
  19. package/dist/commonjs/switch/lib/SwitchCircle.js +2 -2
  20. package/dist/commonjs/switch/lib/SwitchContainer.js +1 -1
  21. package/dist/commonjs/switch/lib/SwitchIcon.js +2 -2
  22. package/dist/commonjs/switch/lib/SwitchInput.js +3 -3
  23. package/dist/commonjs/tabs/index.d.ts +7 -0
  24. package/dist/commonjs/tabs/index.d.ts.map +1 -0
  25. package/dist/commonjs/tabs/index.js +22 -0
  26. package/dist/commonjs/tabs/lib/Tabs.d.ts +9555 -0
  27. package/dist/commonjs/tabs/lib/Tabs.d.ts.map +1 -0
  28. package/dist/commonjs/tabs/lib/Tabs.js +127 -0
  29. package/dist/commonjs/tabs/lib/TabsItem.d.ts +719 -0
  30. package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +1 -0
  31. package/dist/commonjs/tabs/lib/TabsItem.js +50 -0
  32. package/dist/commonjs/tabs/lib/TabsList.d.ts +998 -0
  33. package/dist/commonjs/tabs/lib/TabsList.d.ts.map +1 -0
  34. package/dist/commonjs/tabs/lib/TabsList.js +121 -0
  35. package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts +650 -0
  36. package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts.map +1 -0
  37. package/dist/commonjs/tabs/lib/TabsOverflowButton.js +28 -0
  38. package/dist/commonjs/tabs/lib/TabsPanel.d.ts +654 -0
  39. package/dist/commonjs/tabs/lib/TabsPanel.d.ts.map +1 -0
  40. package/dist/commonjs/tabs/lib/TabsPanel.js +42 -0
  41. package/dist/commonjs/tabs/lib/TabsPanels.d.ts +320 -0
  42. package/dist/commonjs/tabs/lib/TabsPanels.d.ts.map +1 -0
  43. package/dist/commonjs/tabs/lib/TabsPanels.js +13 -0
  44. package/dist/commonjs/tabs/lib/useTabsModel.d.ts +5924 -0
  45. package/dist/commonjs/tabs/lib/useTabsModel.d.ts.map +1 -0
  46. package/dist/commonjs/tabs/lib/useTabsModel.js +128 -0
  47. package/dist/commonjs/version/lib/version.js +1 -1
  48. package/dist/es6/color-picker/lib/ColorPicker.js +1 -1
  49. package/dist/es6/color-picker/lib/parts/ColorReset.js +1 -1
  50. package/dist/es6/color-picker/lib/parts/SwatchBook.js +1 -1
  51. package/dist/es6/divider/lib/Divider.js +1 -1
  52. package/dist/es6/index.d.ts +1 -0
  53. package/dist/es6/index.d.ts.map +1 -1
  54. package/dist/es6/index.js +1 -0
  55. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +2 -2
  56. package/dist/es6/multi-select/lib/MultiSelectInput.js +3 -3
  57. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  58. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  59. package/dist/es6/radio/lib/RadioText.js +3 -3
  60. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  61. package/dist/es6/side-panel/lib/SidePanel.js +7 -7
  62. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +11 -11
  63. package/dist/es6/status-indicator/lib/StatusIndicator.js +14 -14
  64. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  65. package/dist/es6/switch/lib/SwitchBackground.js +1 -1
  66. package/dist/es6/switch/lib/SwitchCircle.js +2 -2
  67. package/dist/es6/switch/lib/SwitchContainer.js +1 -1
  68. package/dist/es6/switch/lib/SwitchIcon.js +2 -2
  69. package/dist/es6/switch/lib/SwitchInput.js +3 -3
  70. package/dist/es6/tabs/index.d.ts +7 -0
  71. package/dist/es6/tabs/index.d.ts.map +1 -0
  72. package/dist/es6/tabs/index.js +6 -0
  73. package/dist/es6/tabs/lib/Tabs.d.ts +9555 -0
  74. package/dist/es6/tabs/lib/Tabs.d.ts.map +1 -0
  75. package/dist/es6/tabs/lib/Tabs.js +124 -0
  76. package/dist/es6/tabs/lib/TabsItem.d.ts +719 -0
  77. package/dist/es6/tabs/lib/TabsItem.d.ts.map +1 -0
  78. package/dist/es6/tabs/lib/TabsItem.js +47 -0
  79. package/dist/es6/tabs/lib/TabsList.d.ts +998 -0
  80. package/dist/es6/tabs/lib/TabsList.d.ts.map +1 -0
  81. package/dist/es6/tabs/lib/TabsList.js +95 -0
  82. package/dist/es6/tabs/lib/TabsOverflowButton.d.ts +650 -0
  83. package/dist/es6/tabs/lib/TabsOverflowButton.d.ts.map +1 -0
  84. package/dist/es6/tabs/lib/TabsOverflowButton.js +25 -0
  85. package/dist/es6/tabs/lib/TabsPanel.d.ts +654 -0
  86. package/dist/es6/tabs/lib/TabsPanel.d.ts.map +1 -0
  87. package/dist/es6/tabs/lib/TabsPanel.js +36 -0
  88. package/dist/es6/tabs/lib/TabsPanels.d.ts +320 -0
  89. package/dist/es6/tabs/lib/TabsPanels.d.ts.map +1 -0
  90. package/dist/es6/tabs/lib/TabsPanels.js +10 -0
  91. package/dist/es6/tabs/lib/useTabsModel.d.ts +5924 -0
  92. package/dist/es6/tabs/lib/useTabsModel.d.ts.map +1 -0
  93. package/dist/es6/tabs/lib/useTabsModel.js +122 -0
  94. package/dist/es6/version/lib/version.js +1 -1
  95. package/index.ts +1 -0
  96. package/package.json +4 -4
  97. package/tabs/index.ts +7 -0
  98. package/tabs/lib/Tabs.tsx +135 -0
  99. package/tabs/lib/TabsItem.tsx +274 -0
  100. package/tabs/lib/TabsList.tsx +181 -0
  101. package/tabs/lib/TabsOverflowButton.tsx +61 -0
  102. package/tabs/lib/TabsPanel.tsx +77 -0
  103. package/tabs/lib/TabsPanels.tsx +20 -0
  104. package/tabs/lib/useTabsModel.tsx +141 -0
  105. package/tabs/package.json +6 -0
@@ -0,0 +1,998 @@
1
+ import * as React from 'react';
2
+ import { ExtractProps } from '@workday/canvas-kit-react/common';
3
+ import { Flex } from '@workday/canvas-kit-react/layout';
4
+ export interface TabListProps<T = any> extends Omit<ExtractProps<typeof Flex, never>, 'children'> {
5
+ /**
6
+ * If items are passed to a `TabsModel`, the child of `Tabs.List` should be a render prop. The
7
+ * List will determine how and when the item will be rendered.
8
+ *
9
+ * @example
10
+ * <Tabs.List>
11
+ * {(item) => <Tabs.Item>{item.text}</Tabs.Item>}
12
+ * </Tabs.List>
13
+ */
14
+ children: ((item: T) => React.ReactNode) | React.ReactNode;
15
+ overflowButton?: React.ReactNode;
16
+ }
17
+ export declare const useTabOverflowScroll: import("@workday/canvas-kit-react/common").BehaviorHook<{
18
+ state: {
19
+ getId: (item: any) => string;
20
+ orientation: import("@workday/canvas-kit-react/collection").Orientation;
21
+ panels: import("@workday/canvas-kit-react/collection").Item<any>[];
22
+ panelIndexRef: React.MutableRefObject<number>;
23
+ variant: "filled" | "outlined";
24
+ hiddenIds: string[];
25
+ itemSizeCache: Record<string, number>;
26
+ itemWidthCache: Record<string, number>;
27
+ containerSize: number;
28
+ containerWidth: number;
29
+ containerGap: number;
30
+ overflowTargetWidth: number;
31
+ selectedIds: string[] | "all";
32
+ unselectedIds: string[];
33
+ cursorId: string | string[];
34
+ columnCount: number;
35
+ pageSizeRef: React.MutableRefObject<number>;
36
+ cursorIndexRef: {
37
+ readonly current: number;
38
+ };
39
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
40
+ UNSTABLE_defaultItemHeight: number;
41
+ containerRef: React.RefObject<HTMLDivElement>;
42
+ id: string;
43
+ indexRef: React.MutableRefObject<number>;
44
+ nonInteractiveIds: string[];
45
+ isVirtualized: boolean;
46
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
47
+ };
48
+ events: {
49
+ registerPanel: (data: {
50
+ id: string;
51
+ textValue: string;
52
+ }) => void;
53
+ unregisterPanel: (data: {
54
+ id: string;
55
+ }) => void;
56
+ select(data: {
57
+ id: string;
58
+ }): void;
59
+ setContainerSize(data: {
60
+ width?: number | undefined;
61
+ height?: number | undefined;
62
+ }): void;
63
+ setContainerWidth(data: {
64
+ width?: number | undefined;
65
+ }): void;
66
+ setContainerGap(data: {
67
+ size: number;
68
+ }): void;
69
+ setOverflowTargetSize(data: {
70
+ width: number;
71
+ height: number;
72
+ }): void;
73
+ setOverflowTargetWidth(data: {
74
+ width: number;
75
+ }): void;
76
+ addItemWidth(data: {
77
+ id: string;
78
+ width: number;
79
+ }): void;
80
+ addItemSize(data: {
81
+ id: string;
82
+ width: number;
83
+ height: number;
84
+ }): void;
85
+ removeItemSize(data: {
86
+ id: string;
87
+ }): void;
88
+ removeItemWidth(data: {
89
+ id: string;
90
+ }): void;
91
+ addHiddenKey(data: {
92
+ id: string;
93
+ }): void;
94
+ removeHiddenKey(data: {
95
+ id: string;
96
+ }): void;
97
+ selectAll(): void;
98
+ unselectAll(): void;
99
+ setSelectedIds(ids: string[] | "all"): void;
100
+ remove(data: {
101
+ id: string;
102
+ nextId?: string | undefined;
103
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
104
+ }): void;
105
+ goTo(data: {
106
+ id: string;
107
+ }): void;
108
+ goToNext(): void;
109
+ goToPrevious(): void;
110
+ goToPreviousRow(): void;
111
+ goToNextRow(): void;
112
+ goToFirst(): void;
113
+ goToLast(): void;
114
+ goToFirstOfRow(): void;
115
+ goToLastOfRow(): void;
116
+ goToNextPage(): void;
117
+ goToPreviousPage(): void;
118
+ registerItem(data: {
119
+ id: string;
120
+ textValue: string;
121
+ }): void;
122
+ unregisterItem(data: {
123
+ id: string;
124
+ }): void;
125
+ updateItemHeight(data: {
126
+ value: number;
127
+ }): void;
128
+ };
129
+ menu: {
130
+ state: {
131
+ stackRef: React.RefObject<HTMLDivElement>;
132
+ targetRef: React.RefObject<HTMLButtonElement>;
133
+ initialFocusRef: React.RefObject<any> | undefined;
134
+ returnFocusRef: React.RefObject<any> | undefined;
135
+ placement: import("@popperjs/core").Placement;
136
+ id: string;
137
+ visibility: "hidden" | "visible";
138
+ selectedIds: string[] | "all";
139
+ unselectedIds: string[];
140
+ cursorId: string | string[];
141
+ columnCount: number;
142
+ pageSizeRef: React.MutableRefObject<number>;
143
+ cursorIndexRef: {
144
+ readonly current: number;
145
+ };
146
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
147
+ UNSTABLE_defaultItemHeight: number;
148
+ containerRef: React.RefObject<HTMLDivElement>;
149
+ orientation: "horizontal" | "vertical";
150
+ indexRef: React.MutableRefObject<number>;
151
+ nonInteractiveIds: string[];
152
+ isVirtualized: boolean;
153
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
154
+ mode: "multiple" | "single";
155
+ };
156
+ events: {
157
+ updatePlacement(data: {
158
+ placement: import("@popperjs/core").Placement;
159
+ }): void;
160
+ show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
161
+ hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
162
+ select(data: {
163
+ id: string;
164
+ }): void;
165
+ selectAll(): void;
166
+ unselectAll(): void;
167
+ setSelectedIds(ids: string[] | "all"): void;
168
+ remove(data: {
169
+ id: string;
170
+ nextId?: string | undefined;
171
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
172
+ }): void;
173
+ goTo(data: {
174
+ id: string;
175
+ }): void;
176
+ goToNext(): void;
177
+ goToPrevious(): void;
178
+ goToPreviousRow(): void;
179
+ goToNextRow(): void;
180
+ goToFirst(): void;
181
+ goToLast(): void;
182
+ goToFirstOfRow(): void;
183
+ goToLastOfRow(): void;
184
+ goToNextPage(): void;
185
+ goToPreviousPage(): void;
186
+ registerItem(data: {
187
+ id: string;
188
+ textValue: string;
189
+ }): void;
190
+ unregisterItem(data: {
191
+ id: string;
192
+ }): void;
193
+ updateItemHeight(data: {
194
+ value: number;
195
+ }): void;
196
+ };
197
+ UNSTABLE_parentModel: {
198
+ state: {
199
+ selectedIds: string[] | "all";
200
+ unselectedIds: string[];
201
+ cursorId: string | string[];
202
+ columnCount: number;
203
+ pageSizeRef: React.MutableRefObject<number>;
204
+ cursorIndexRef: {
205
+ readonly current: number;
206
+ };
207
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
208
+ UNSTABLE_defaultItemHeight: number;
209
+ containerRef: React.RefObject<HTMLDivElement>;
210
+ id: string;
211
+ orientation: "horizontal" | "vertical";
212
+ indexRef: React.MutableRefObject<number>;
213
+ nonInteractiveIds: string[];
214
+ isVirtualized: boolean;
215
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
216
+ };
217
+ events: {
218
+ select(data: {
219
+ id: string;
220
+ }): void;
221
+ selectAll(): void;
222
+ unselectAll(): void;
223
+ setSelectedIds(ids: string[] | "all"): void;
224
+ remove(data: {
225
+ id: string;
226
+ nextId?: string | undefined;
227
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
228
+ }): void;
229
+ goTo(data: {
230
+ id: string;
231
+ }): void;
232
+ goToNext(): void;
233
+ goToPrevious(): void;
234
+ goToPreviousRow(): void;
235
+ goToNextRow(): void;
236
+ goToFirst(): void;
237
+ goToLast(): void;
238
+ goToFirstOfRow(): void;
239
+ goToLastOfRow(): void;
240
+ goToNextPage(): void;
241
+ goToPreviousPage(): void;
242
+ registerItem(data: {
243
+ id: string;
244
+ textValue: string;
245
+ }): void;
246
+ unregisterItem(data: {
247
+ id: string;
248
+ }): void;
249
+ updateItemHeight(data: {
250
+ value: number;
251
+ }): void;
252
+ };
253
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
254
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
255
+ getId: (item: any) => string;
256
+ getTextValue: (item: any) => string;
257
+ UNSTABLE_parentModel: {
258
+ state: {
259
+ selectedIds: string[] | "all";
260
+ unselectedIds: string[];
261
+ cursorId: string | string[];
262
+ columnCount: number;
263
+ pageSizeRef: React.MutableRefObject<number>;
264
+ cursorIndexRef: {
265
+ readonly current: number;
266
+ };
267
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
268
+ UNSTABLE_defaultItemHeight: number;
269
+ containerRef: React.RefObject<HTMLDivElement>;
270
+ id: string;
271
+ orientation: "horizontal" | "vertical";
272
+ indexRef: React.MutableRefObject<number>;
273
+ nonInteractiveIds: string[];
274
+ isVirtualized: boolean;
275
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
276
+ };
277
+ events: {
278
+ select(data: {
279
+ id: string;
280
+ }): void;
281
+ selectAll(): void;
282
+ unselectAll(): void;
283
+ setSelectedIds(ids: string[] | "all"): void;
284
+ remove(data: {
285
+ id: string;
286
+ nextId?: string | undefined;
287
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
288
+ }): void;
289
+ goTo(data: {
290
+ id: string;
291
+ }): void;
292
+ goToNext(): void;
293
+ goToPrevious(): void;
294
+ goToPreviousRow(): void;
295
+ goToNextRow(): void;
296
+ goToFirst(): void;
297
+ goToLast(): void;
298
+ goToFirstOfRow(): void;
299
+ goToLastOfRow(): void;
300
+ goToNextPage(): void;
301
+ goToPreviousPage(): void;
302
+ registerItem(data: {
303
+ id: string;
304
+ textValue: string;
305
+ }): void;
306
+ unregisterItem(data: {
307
+ id: string;
308
+ }): void;
309
+ updateItemHeight(data: {
310
+ value: number;
311
+ }): void;
312
+ };
313
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
314
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
315
+ getId: (item: any) => string;
316
+ getTextValue: (item: any) => string;
317
+ } | undefined;
318
+ };
319
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
320
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
321
+ getId: (item: any) => string;
322
+ getTextValue: (item: any) => string;
323
+ };
324
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
325
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
326
+ getId: (item: any) => string;
327
+ getTextValue: (item: any) => string;
328
+ }, {
329
+ readonly ref: (instance: HTMLDivElement | null) => void;
330
+ readonly onScroll: (event: React.UIEvent<HTMLDivElement>) => void;
331
+ }>;
332
+ export declare const useTabsList: import("@workday/canvas-kit-react/common").BehaviorHook<{
333
+ state: {
334
+ getId: (item: any) => string;
335
+ orientation: import("@workday/canvas-kit-react/collection").Orientation;
336
+ panels: import("@workday/canvas-kit-react/collection").Item<any>[];
337
+ panelIndexRef: React.MutableRefObject<number>;
338
+ variant: "filled" | "outlined";
339
+ hiddenIds: string[];
340
+ itemSizeCache: Record<string, number>;
341
+ itemWidthCache: Record<string, number>;
342
+ containerSize: number;
343
+ containerWidth: number;
344
+ containerGap: number;
345
+ overflowTargetWidth: number;
346
+ selectedIds: string[] | "all";
347
+ unselectedIds: string[];
348
+ cursorId: string | string[];
349
+ columnCount: number;
350
+ pageSizeRef: React.MutableRefObject<number>;
351
+ cursorIndexRef: {
352
+ readonly current: number;
353
+ };
354
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
355
+ UNSTABLE_defaultItemHeight: number;
356
+ containerRef: React.RefObject<HTMLDivElement>;
357
+ id: string;
358
+ indexRef: React.MutableRefObject<number>;
359
+ nonInteractiveIds: string[];
360
+ isVirtualized: boolean;
361
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
362
+ };
363
+ events: {
364
+ registerPanel: (data: {
365
+ id: string;
366
+ textValue: string;
367
+ }) => void;
368
+ unregisterPanel: (data: {
369
+ id: string;
370
+ }) => void;
371
+ select(data: {
372
+ id: string;
373
+ }): void;
374
+ setContainerSize(data: {
375
+ width?: number | undefined;
376
+ height?: number | undefined;
377
+ }): void;
378
+ setContainerWidth(data: {
379
+ width?: number | undefined;
380
+ }): void;
381
+ setContainerGap(data: {
382
+ size: number;
383
+ }): void;
384
+ setOverflowTargetSize(data: {
385
+ width: number;
386
+ height: number;
387
+ }): void;
388
+ setOverflowTargetWidth(data: {
389
+ width: number;
390
+ }): void;
391
+ addItemWidth(data: {
392
+ id: string;
393
+ width: number;
394
+ }): void;
395
+ addItemSize(data: {
396
+ id: string;
397
+ width: number;
398
+ height: number;
399
+ }): void;
400
+ removeItemSize(data: {
401
+ id: string;
402
+ }): void;
403
+ removeItemWidth(data: {
404
+ id: string;
405
+ }): void;
406
+ addHiddenKey(data: {
407
+ id: string;
408
+ }): void;
409
+ removeHiddenKey(data: {
410
+ id: string;
411
+ }): void;
412
+ selectAll(): void;
413
+ unselectAll(): void;
414
+ setSelectedIds(ids: string[] | "all"): void;
415
+ remove(data: {
416
+ id: string;
417
+ nextId?: string | undefined;
418
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
419
+ }): void;
420
+ goTo(data: {
421
+ id: string;
422
+ }): void;
423
+ goToNext(): void;
424
+ goToPrevious(): void;
425
+ goToPreviousRow(): void;
426
+ goToNextRow(): void;
427
+ goToFirst(): void;
428
+ goToLast(): void;
429
+ goToFirstOfRow(): void;
430
+ goToLastOfRow(): void;
431
+ goToNextPage(): void;
432
+ goToPreviousPage(): void;
433
+ registerItem(data: {
434
+ id: string;
435
+ textValue: string;
436
+ }): void;
437
+ unregisterItem(data: {
438
+ id: string;
439
+ }): void;
440
+ updateItemHeight(data: {
441
+ value: number;
442
+ }): void;
443
+ };
444
+ menu: {
445
+ state: {
446
+ stackRef: React.RefObject<HTMLDivElement>;
447
+ targetRef: React.RefObject<HTMLButtonElement>;
448
+ initialFocusRef: React.RefObject<any> | undefined;
449
+ returnFocusRef: React.RefObject<any> | undefined;
450
+ placement: import("@popperjs/core").Placement;
451
+ id: string;
452
+ visibility: "hidden" | "visible";
453
+ selectedIds: string[] | "all";
454
+ unselectedIds: string[];
455
+ cursorId: string | string[];
456
+ columnCount: number;
457
+ pageSizeRef: React.MutableRefObject<number>;
458
+ cursorIndexRef: {
459
+ readonly current: number;
460
+ };
461
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
462
+ UNSTABLE_defaultItemHeight: number;
463
+ containerRef: React.RefObject<HTMLDivElement>;
464
+ orientation: "horizontal" | "vertical";
465
+ indexRef: React.MutableRefObject<number>;
466
+ nonInteractiveIds: string[];
467
+ isVirtualized: boolean;
468
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
469
+ mode: "multiple" | "single";
470
+ };
471
+ events: {
472
+ updatePlacement(data: {
473
+ placement: import("@popperjs/core").Placement;
474
+ }): void;
475
+ show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
476
+ hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
477
+ select(data: {
478
+ id: string;
479
+ }): void;
480
+ selectAll(): void;
481
+ unselectAll(): void;
482
+ setSelectedIds(ids: string[] | "all"): void;
483
+ remove(data: {
484
+ id: string;
485
+ nextId?: string | undefined;
486
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
487
+ }): void;
488
+ goTo(data: {
489
+ id: string;
490
+ }): void;
491
+ goToNext(): void;
492
+ goToPrevious(): void;
493
+ goToPreviousRow(): void;
494
+ goToNextRow(): void;
495
+ goToFirst(): void;
496
+ goToLast(): void;
497
+ goToFirstOfRow(): void;
498
+ goToLastOfRow(): void;
499
+ goToNextPage(): void;
500
+ goToPreviousPage(): void;
501
+ registerItem(data: {
502
+ id: string;
503
+ textValue: string;
504
+ }): void;
505
+ unregisterItem(data: {
506
+ id: string;
507
+ }): void;
508
+ updateItemHeight(data: {
509
+ value: number;
510
+ }): void;
511
+ };
512
+ UNSTABLE_parentModel: {
513
+ state: {
514
+ selectedIds: string[] | "all";
515
+ unselectedIds: string[];
516
+ cursorId: string | string[];
517
+ columnCount: number;
518
+ pageSizeRef: React.MutableRefObject<number>;
519
+ cursorIndexRef: {
520
+ readonly current: number;
521
+ };
522
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
523
+ UNSTABLE_defaultItemHeight: number;
524
+ containerRef: React.RefObject<HTMLDivElement>;
525
+ id: string;
526
+ orientation: "horizontal" | "vertical";
527
+ indexRef: React.MutableRefObject<number>;
528
+ nonInteractiveIds: string[];
529
+ isVirtualized: boolean;
530
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
531
+ };
532
+ events: {
533
+ select(data: {
534
+ id: string;
535
+ }): void;
536
+ selectAll(): void;
537
+ unselectAll(): void;
538
+ setSelectedIds(ids: string[] | "all"): void;
539
+ remove(data: {
540
+ id: string;
541
+ nextId?: string | undefined;
542
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
543
+ }): void;
544
+ goTo(data: {
545
+ id: string;
546
+ }): void;
547
+ goToNext(): void;
548
+ goToPrevious(): void;
549
+ goToPreviousRow(): void;
550
+ goToNextRow(): void;
551
+ goToFirst(): void;
552
+ goToLast(): void;
553
+ goToFirstOfRow(): void;
554
+ goToLastOfRow(): void;
555
+ goToNextPage(): void;
556
+ goToPreviousPage(): void;
557
+ registerItem(data: {
558
+ id: string;
559
+ textValue: string;
560
+ }): void;
561
+ unregisterItem(data: {
562
+ id: string;
563
+ }): void;
564
+ updateItemHeight(data: {
565
+ value: number;
566
+ }): void;
567
+ };
568
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
569
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
570
+ getId: (item: any) => string;
571
+ getTextValue: (item: any) => string;
572
+ UNSTABLE_parentModel: {
573
+ state: {
574
+ selectedIds: string[] | "all";
575
+ unselectedIds: string[];
576
+ cursorId: string | string[];
577
+ columnCount: number;
578
+ pageSizeRef: React.MutableRefObject<number>;
579
+ cursorIndexRef: {
580
+ readonly current: number;
581
+ };
582
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
583
+ UNSTABLE_defaultItemHeight: number;
584
+ containerRef: React.RefObject<HTMLDivElement>;
585
+ id: string;
586
+ orientation: "horizontal" | "vertical";
587
+ indexRef: React.MutableRefObject<number>;
588
+ nonInteractiveIds: string[];
589
+ isVirtualized: boolean;
590
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
591
+ };
592
+ events: {
593
+ select(data: {
594
+ id: string;
595
+ }): void;
596
+ selectAll(): void;
597
+ unselectAll(): void;
598
+ setSelectedIds(ids: string[] | "all"): void;
599
+ remove(data: {
600
+ id: string;
601
+ nextId?: string | undefined;
602
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
603
+ }): void;
604
+ goTo(data: {
605
+ id: string;
606
+ }): void;
607
+ goToNext(): void;
608
+ goToPrevious(): void;
609
+ goToPreviousRow(): void;
610
+ goToNextRow(): void;
611
+ goToFirst(): void;
612
+ goToLast(): void;
613
+ goToFirstOfRow(): void;
614
+ goToLastOfRow(): void;
615
+ goToNextPage(): void;
616
+ goToPreviousPage(): void;
617
+ registerItem(data: {
618
+ id: string;
619
+ textValue: string;
620
+ }): void;
621
+ unregisterItem(data: {
622
+ id: string;
623
+ }): void;
624
+ updateItemHeight(data: {
625
+ value: number;
626
+ }): void;
627
+ };
628
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
629
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
630
+ getId: (item: any) => string;
631
+ getTextValue: (item: any) => string;
632
+ } | undefined;
633
+ };
634
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
635
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
636
+ getId: (item: any) => string;
637
+ getTextValue: (item: any) => string;
638
+ };
639
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
640
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
641
+ getId: (item: any) => string;
642
+ getTextValue: (item: any) => string;
643
+ }, import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
644
+ readonly ref: (instance: HTMLDivElement | null) => void;
645
+ readonly onScroll: (event: React.UIEvent<HTMLDivElement>) => void;
646
+ }, import("@workday/canvas-kit-react/common").MergeProps<{
647
+ readonly role: "tablist";
648
+ readonly 'aria-orientation': import("@workday/canvas-kit-react/collection").Orientation;
649
+ }, import("@workday/canvas-kit-react/common").MergeProps<{
650
+ readonly ref: (instance: HTMLElement | null) => void;
651
+ }, import("@workday/canvas-kit-react/common").MergeProps<{
652
+ readonly onKeyDown: (event: React.KeyboardEvent<Element>) => void;
653
+ readonly onFocus: () => void;
654
+ readonly onBlur: () => void;
655
+ }, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>>;
656
+ export declare const tabsListStencil: import("@workday/canvas-kit-styling").Stencil<{
657
+ modality: {
658
+ touch: {
659
+ overflowX: string;
660
+ paddingInline: number;
661
+ '&[data-scroll-position="start"]': {
662
+ maskImage: string;
663
+ };
664
+ '&[data-scroll-position="middle"]': {
665
+ maskImage: string;
666
+ maskComposite: string;
667
+ };
668
+ '&[data-scroll-position="end"]': {
669
+ maskImage: string;
670
+ };
671
+ };
672
+ mouse: {};
673
+ pen: {};
674
+ };
675
+ isDragging: {
676
+ true: {};
677
+ false: {};
678
+ };
679
+ direction: {
680
+ left: {};
681
+ right: {};
682
+ };
683
+ }, {}, {}, never, never>;
684
+ export declare const TabsList: import("@workday/canvas-kit-react/common").ElementComponentM<"div", TabListProps<any> & {
685
+ maskImage?: string | undefined;
686
+ }, {
687
+ state: {
688
+ getId: (item: any) => string;
689
+ orientation: import("@workday/canvas-kit-react/collection").Orientation;
690
+ panels: import("@workday/canvas-kit-react/collection").Item<any>[];
691
+ panelIndexRef: React.MutableRefObject<number>;
692
+ variant: "filled" | "outlined";
693
+ hiddenIds: string[];
694
+ itemSizeCache: Record<string, number>;
695
+ itemWidthCache: Record<string, number>;
696
+ containerSize: number;
697
+ containerWidth: number;
698
+ containerGap: number;
699
+ overflowTargetWidth: number;
700
+ selectedIds: string[] | "all";
701
+ unselectedIds: string[];
702
+ cursorId: string | string[];
703
+ columnCount: number;
704
+ pageSizeRef: React.MutableRefObject<number>;
705
+ cursorIndexRef: {
706
+ readonly current: number;
707
+ };
708
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
709
+ UNSTABLE_defaultItemHeight: number;
710
+ containerRef: React.RefObject<HTMLDivElement>;
711
+ id: string;
712
+ indexRef: React.MutableRefObject<number>;
713
+ nonInteractiveIds: string[];
714
+ isVirtualized: boolean;
715
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
716
+ };
717
+ events: {
718
+ registerPanel: (data: {
719
+ id: string;
720
+ textValue: string;
721
+ }) => void;
722
+ unregisterPanel: (data: {
723
+ id: string;
724
+ }) => void;
725
+ select(data: {
726
+ id: string;
727
+ }): void;
728
+ setContainerSize(data: {
729
+ width?: number | undefined;
730
+ height?: number | undefined;
731
+ }): void;
732
+ setContainerWidth(data: {
733
+ width?: number | undefined;
734
+ }): void;
735
+ setContainerGap(data: {
736
+ size: number;
737
+ }): void;
738
+ setOverflowTargetSize(data: {
739
+ width: number;
740
+ height: number;
741
+ }): void;
742
+ setOverflowTargetWidth(data: {
743
+ width: number;
744
+ }): void;
745
+ addItemWidth(data: {
746
+ id: string;
747
+ width: number;
748
+ }): void;
749
+ addItemSize(data: {
750
+ id: string;
751
+ width: number;
752
+ height: number;
753
+ }): void;
754
+ removeItemSize(data: {
755
+ id: string;
756
+ }): void;
757
+ removeItemWidth(data: {
758
+ id: string;
759
+ }): void;
760
+ addHiddenKey(data: {
761
+ id: string;
762
+ }): void;
763
+ removeHiddenKey(data: {
764
+ id: string;
765
+ }): void;
766
+ selectAll(): void;
767
+ unselectAll(): void;
768
+ setSelectedIds(ids: string[] | "all"): void;
769
+ remove(data: {
770
+ id: string;
771
+ nextId?: string | undefined;
772
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
773
+ }): void;
774
+ goTo(data: {
775
+ id: string;
776
+ }): void;
777
+ goToNext(): void;
778
+ goToPrevious(): void;
779
+ goToPreviousRow(): void;
780
+ goToNextRow(): void;
781
+ goToFirst(): void;
782
+ goToLast(): void;
783
+ goToFirstOfRow(): void;
784
+ goToLastOfRow(): void;
785
+ goToNextPage(): void;
786
+ goToPreviousPage(): void;
787
+ registerItem(data: {
788
+ id: string;
789
+ textValue: string;
790
+ }): void;
791
+ unregisterItem(data: {
792
+ id: string;
793
+ }): void;
794
+ updateItemHeight(data: {
795
+ value: number;
796
+ }): void;
797
+ };
798
+ menu: {
799
+ state: {
800
+ stackRef: React.RefObject<HTMLDivElement>;
801
+ targetRef: React.RefObject<HTMLButtonElement>;
802
+ initialFocusRef: React.RefObject<any> | undefined;
803
+ returnFocusRef: React.RefObject<any> | undefined;
804
+ placement: import("@popperjs/core").Placement;
805
+ id: string;
806
+ visibility: "hidden" | "visible";
807
+ selectedIds: string[] | "all";
808
+ unselectedIds: string[];
809
+ cursorId: string | string[];
810
+ columnCount: number;
811
+ pageSizeRef: React.MutableRefObject<number>;
812
+ cursorIndexRef: {
813
+ readonly current: number;
814
+ };
815
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
816
+ UNSTABLE_defaultItemHeight: number;
817
+ containerRef: React.RefObject<HTMLDivElement>;
818
+ orientation: "horizontal" | "vertical";
819
+ indexRef: React.MutableRefObject<number>;
820
+ nonInteractiveIds: string[];
821
+ isVirtualized: boolean;
822
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
823
+ mode: "multiple" | "single";
824
+ };
825
+ events: {
826
+ updatePlacement(data: {
827
+ placement: import("@popperjs/core").Placement;
828
+ }): void;
829
+ show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
830
+ hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
831
+ select(data: {
832
+ id: string;
833
+ }): void;
834
+ selectAll(): void;
835
+ unselectAll(): void;
836
+ setSelectedIds(ids: string[] | "all"): void;
837
+ remove(data: {
838
+ id: string;
839
+ nextId?: string | undefined;
840
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
841
+ }): void;
842
+ goTo(data: {
843
+ id: string;
844
+ }): void;
845
+ goToNext(): void;
846
+ goToPrevious(): void;
847
+ goToPreviousRow(): void;
848
+ goToNextRow(): void;
849
+ goToFirst(): void;
850
+ goToLast(): void;
851
+ goToFirstOfRow(): void;
852
+ goToLastOfRow(): void;
853
+ goToNextPage(): void;
854
+ goToPreviousPage(): void;
855
+ registerItem(data: {
856
+ id: string;
857
+ textValue: string;
858
+ }): void;
859
+ unregisterItem(data: {
860
+ id: string;
861
+ }): void;
862
+ updateItemHeight(data: {
863
+ value: number;
864
+ }): void;
865
+ };
866
+ UNSTABLE_parentModel: {
867
+ state: {
868
+ selectedIds: string[] | "all";
869
+ unselectedIds: string[];
870
+ cursorId: string | string[];
871
+ columnCount: number;
872
+ pageSizeRef: React.MutableRefObject<number>;
873
+ cursorIndexRef: {
874
+ readonly current: number;
875
+ };
876
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
877
+ UNSTABLE_defaultItemHeight: number;
878
+ containerRef: React.RefObject<HTMLDivElement>;
879
+ id: string;
880
+ orientation: "horizontal" | "vertical";
881
+ indexRef: React.MutableRefObject<number>;
882
+ nonInteractiveIds: string[];
883
+ isVirtualized: boolean;
884
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
885
+ };
886
+ events: {
887
+ select(data: {
888
+ id: string;
889
+ }): void;
890
+ selectAll(): void;
891
+ unselectAll(): void;
892
+ setSelectedIds(ids: string[] | "all"): void;
893
+ remove(data: {
894
+ id: string;
895
+ nextId?: string | undefined;
896
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
897
+ }): void;
898
+ goTo(data: {
899
+ id: string;
900
+ }): void;
901
+ goToNext(): void;
902
+ goToPrevious(): void;
903
+ goToPreviousRow(): void;
904
+ goToNextRow(): void;
905
+ goToFirst(): void;
906
+ goToLast(): void;
907
+ goToFirstOfRow(): void;
908
+ goToLastOfRow(): void;
909
+ goToNextPage(): void;
910
+ goToPreviousPage(): void;
911
+ registerItem(data: {
912
+ id: string;
913
+ textValue: string;
914
+ }): void;
915
+ unregisterItem(data: {
916
+ id: string;
917
+ }): void;
918
+ updateItemHeight(data: {
919
+ value: number;
920
+ }): void;
921
+ };
922
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
923
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
924
+ getId: (item: any) => string;
925
+ getTextValue: (item: any) => string;
926
+ UNSTABLE_parentModel: {
927
+ state: {
928
+ selectedIds: string[] | "all";
929
+ unselectedIds: string[];
930
+ cursorId: string | string[];
931
+ columnCount: number;
932
+ pageSizeRef: React.MutableRefObject<number>;
933
+ cursorIndexRef: {
934
+ readonly current: number;
935
+ };
936
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
937
+ UNSTABLE_defaultItemHeight: number;
938
+ containerRef: React.RefObject<HTMLDivElement>;
939
+ id: string;
940
+ orientation: "horizontal" | "vertical";
941
+ indexRef: React.MutableRefObject<number>;
942
+ nonInteractiveIds: string[];
943
+ isVirtualized: boolean;
944
+ items: import("@workday/canvas-kit-react/collection").Item<any>[];
945
+ };
946
+ events: {
947
+ select(data: {
948
+ id: string;
949
+ }): void;
950
+ selectAll(): void;
951
+ unselectAll(): void;
952
+ setSelectedIds(ids: string[] | "all"): void;
953
+ remove(data: {
954
+ id: string;
955
+ nextId?: string | undefined;
956
+ event?: Event | React.SyntheticEvent<Element, Event> | undefined;
957
+ }): void;
958
+ goTo(data: {
959
+ id: string;
960
+ }): void;
961
+ goToNext(): void;
962
+ goToPrevious(): void;
963
+ goToPreviousRow(): void;
964
+ goToNextRow(): void;
965
+ goToFirst(): void;
966
+ goToLast(): void;
967
+ goToFirstOfRow(): void;
968
+ goToLastOfRow(): void;
969
+ goToNextPage(): void;
970
+ goToPreviousPage(): void;
971
+ registerItem(data: {
972
+ id: string;
973
+ textValue: string;
974
+ }): void;
975
+ unregisterItem(data: {
976
+ id: string;
977
+ }): void;
978
+ updateItemHeight(data: {
979
+ value: number;
980
+ }): void;
981
+ };
982
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
983
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
984
+ getId: (item: any) => string;
985
+ getTextValue: (item: any) => string;
986
+ } | undefined;
987
+ };
988
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
989
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
990
+ getId: (item: any) => string;
991
+ getTextValue: (item: any) => string;
992
+ };
993
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
994
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
995
+ getId: (item: any) => string;
996
+ getTextValue: (item: any) => string;
997
+ }>;
998
+ //# sourceMappingURL=TabsList.d.ts.map