@workday/canvas-kit-preview-react 8.0.0-alpha.253-next.22 → 8.0.0-alpha.428-next.2

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 (315) hide show
  1. package/color-picker/lib/ColorPicker.tsx +1 -1
  2. package/dist/commonjs/color-picker/lib/ColorPicker.js +25 -48
  3. package/dist/commonjs/color-picker/lib/parts/ColorReset.js +32 -23
  4. package/dist/commonjs/color-picker/lib/parts/SwatchBook.js +26 -39
  5. package/dist/commonjs/form-field/lib/FormField.d.ts +4 -10
  6. package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
  7. package/dist/commonjs/form-field/lib/FormField.js +10 -33
  8. package/dist/commonjs/form-field/lib/FormFieldHint.d.ts +1 -1
  9. package/dist/commonjs/form-field/lib/FormFieldHint.js +8 -31
  10. package/dist/commonjs/form-field/lib/FormFieldInput.d.ts +1 -1
  11. package/dist/commonjs/form-field/lib/FormFieldInput.js +6 -17
  12. package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts +2 -8
  13. package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts.map +1 -1
  14. package/dist/commonjs/form-field/lib/FormFieldLabel.js +8 -31
  15. package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts +3 -5
  16. package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts.map +1 -1
  17. package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.js +4 -5
  18. package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts +3 -5
  19. package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts.map +1 -1
  20. package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.js +5 -6
  21. package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts +3 -5
  22. package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts.map +1 -1
  23. package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.js +4 -5
  24. package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts +2 -12
  25. package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts.map +1 -1
  26. package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.js +9 -19
  27. package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts +4 -4
  28. package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts.map +1 -1
  29. package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.js +5 -5
  30. package/dist/commonjs/menu/lib/Menu.d.ts +16 -9
  31. package/dist/commonjs/menu/lib/Menu.d.ts.map +1 -1
  32. package/dist/commonjs/menu/lib/Menu.js +108 -132
  33. package/dist/commonjs/menu/lib/MenuItem.d.ts +17 -7
  34. package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
  35. package/dist/commonjs/menu/lib/MenuItem.js +111 -114
  36. package/dist/commonjs/pill/lib/Pill.d.ts +103 -5
  37. package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -1
  38. package/dist/commonjs/pill/lib/Pill.js +158 -64
  39. package/dist/commonjs/pill/lib/PillAvatar.js +6 -17
  40. package/dist/commonjs/pill/lib/PillCount.js +7 -30
  41. package/dist/commonjs/pill/lib/PillIcon.js +8 -31
  42. package/dist/commonjs/pill/lib/PillIconButton.js +13 -36
  43. package/dist/commonjs/pill/lib/PillLabel.js +10 -33
  44. package/dist/commonjs/pill/lib/usePillModel.js +8 -16
  45. package/dist/commonjs/segmented-control/index.d.ts +2 -0
  46. package/dist/commonjs/segmented-control/index.d.ts.map +1 -1
  47. package/dist/commonjs/segmented-control/index.js +4 -0
  48. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +267 -82
  49. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  50. package/dist/commonjs/segmented-control/lib/SegmentedControl.js +42 -7
  51. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +9 -5
  52. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  53. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +24 -49
  54. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +71 -2
  55. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  56. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +15 -40
  57. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +28 -9
  58. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
  59. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.js +8 -10
  60. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +233 -83
  61. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
  62. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.js +33 -32
  63. package/dist/commonjs/select/lib/Select.js +147 -187
  64. package/dist/commonjs/select/lib/SelectBase.js +106 -101
  65. package/dist/commonjs/select/lib/SelectMenu.js +53 -84
  66. package/dist/commonjs/select/lib/SelectOption.js +33 -47
  67. package/dist/commonjs/select/lib/scrolling.js +6 -7
  68. package/dist/commonjs/select/lib/utils.js +4 -4
  69. package/dist/commonjs/side-panel/lib/SidePanel.d.ts +13 -26
  70. package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
  71. package/dist/commonjs/side-panel/lib/SidePanel.js +95 -133
  72. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts +17 -0
  73. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -0
  74. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +65 -0
  75. package/dist/commonjs/side-panel/lib/hooks.d.ts +20 -0
  76. package/dist/commonjs/side-panel/lib/hooks.d.ts.map +1 -1
  77. package/dist/commonjs/side-panel/lib/hooks.js +40 -21
  78. package/dist/commonjs/status-indicator/index.d.ts +2 -0
  79. package/dist/commonjs/status-indicator/index.d.ts.map +1 -1
  80. package/dist/commonjs/status-indicator/index.js +4 -0
  81. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +32 -8
  82. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  83. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +37 -35
  84. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts +10 -0
  85. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -1
  86. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.js +11 -23
  87. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +5 -28
  88. package/dist/commonjs/status-indicator/lib/hooks/useStatusIndicatorModel.js +6 -15
  89. package/dist/commonjs/table/index.d.ts +2 -0
  90. package/dist/commonjs/table/index.d.ts.map +1 -0
  91. package/dist/commonjs/{text-area/lib/hooks → table}/index.js +1 -1
  92. package/dist/commonjs/table/lib/Table.d.ts +207 -0
  93. package/dist/commonjs/table/lib/Table.d.ts.map +1 -0
  94. package/dist/commonjs/table/lib/Table.js +229 -0
  95. package/dist/commonjs/table/lib/TableBody.d.ts +2 -0
  96. package/dist/commonjs/table/lib/TableBody.d.ts.map +1 -0
  97. package/dist/commonjs/table/lib/TableBody.js +35 -0
  98. package/dist/commonjs/table/lib/TableCaption.d.ts +2 -0
  99. package/dist/commonjs/table/lib/TableCaption.d.ts.map +1 -0
  100. package/dist/commonjs/table/lib/TableCaption.js +16 -0
  101. package/dist/commonjs/table/lib/TableCell.d.ts +2 -0
  102. package/dist/commonjs/table/lib/TableCell.d.ts.map +1 -0
  103. package/dist/commonjs/table/lib/TableCell.js +16 -0
  104. package/dist/commonjs/table/lib/TableFooter.d.ts +2 -0
  105. package/dist/commonjs/table/lib/TableFooter.d.ts.map +1 -0
  106. package/dist/commonjs/table/lib/TableFooter.js +15 -0
  107. package/dist/commonjs/table/lib/TableHead.d.ts +2 -0
  108. package/dist/commonjs/table/lib/TableHead.d.ts.map +1 -0
  109. package/dist/commonjs/table/lib/TableHead.js +23 -0
  110. package/dist/commonjs/table/lib/TableHeader.d.ts +2 -0
  111. package/dist/commonjs/table/lib/TableHeader.d.ts.map +1 -0
  112. package/dist/commonjs/table/lib/TableHeader.js +16 -0
  113. package/dist/commonjs/table/lib/TableRow.d.ts +2 -0
  114. package/dist/commonjs/table/lib/TableRow.d.ts.map +1 -0
  115. package/dist/commonjs/table/lib/TableRow.js +19 -0
  116. package/dist/commonjs/text-area/lib/TextArea.d.ts +2 -2
  117. package/dist/commonjs/text-area/lib/TextArea.d.ts.map +1 -1
  118. package/dist/commonjs/text-area/lib/TextArea.js +9 -33
  119. package/dist/commonjs/text-area/lib/TextAreaField.d.ts +1 -1
  120. package/dist/commonjs/text-area/lib/TextAreaField.d.ts.map +1 -1
  121. package/dist/commonjs/text-area/lib/TextAreaField.js +12 -36
  122. package/dist/commonjs/text-input/lib/TextInput.d.ts +4 -4
  123. package/dist/commonjs/text-input/lib/TextInput.d.ts.map +1 -1
  124. package/dist/commonjs/text-input/lib/TextInput.js +9 -33
  125. package/dist/commonjs/text-input/lib/TextInputField.d.ts +1 -1
  126. package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +1 -1
  127. package/dist/commonjs/text-input/lib/TextInputField.js +13 -25
  128. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +3 -5
  129. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts.map +1 -1
  130. package/dist/commonjs/text-input/lib/hooks/useTextInputField.js +3 -3
  131. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +1 -0
  132. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts.map +1 -1
  133. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.js +2 -1
  134. package/dist/es6/color-picker/lib/ColorPicker.js +16 -39
  135. package/dist/es6/color-picker/lib/parts/ColorReset.js +27 -18
  136. package/dist/es6/color-picker/lib/parts/SwatchBook.js +21 -34
  137. package/dist/es6/form-field/lib/FormField.d.ts +4 -10
  138. package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
  139. package/dist/es6/form-field/lib/FormField.js +5 -28
  140. package/dist/es6/form-field/lib/FormFieldHint.d.ts +1 -1
  141. package/dist/es6/form-field/lib/FormFieldHint.js +4 -27
  142. package/dist/es6/form-field/lib/FormFieldInput.d.ts +1 -1
  143. package/dist/es6/form-field/lib/FormFieldInput.js +3 -14
  144. package/dist/es6/form-field/lib/FormFieldLabel.d.ts +2 -8
  145. package/dist/es6/form-field/lib/FormFieldLabel.d.ts.map +1 -1
  146. package/dist/es6/form-field/lib/FormFieldLabel.js +5 -28
  147. package/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts +3 -5
  148. package/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts.map +1 -1
  149. package/dist/es6/form-field/lib/hooks/useFormFieldHint.js +2 -3
  150. package/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts +3 -5
  151. package/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts.map +1 -1
  152. package/dist/es6/form-field/lib/hooks/useFormFieldInput.js +3 -4
  153. package/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts +3 -5
  154. package/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts.map +1 -1
  155. package/dist/es6/form-field/lib/hooks/useFormFieldLabel.js +2 -3
  156. package/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts +2 -12
  157. package/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts.map +1 -1
  158. package/dist/es6/form-field/lib/hooks/useFormFieldModel.js +9 -19
  159. package/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts +4 -4
  160. package/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts.map +1 -1
  161. package/dist/es6/form-field/lib/hooks/useFormFieldOrientation.js +4 -4
  162. package/dist/es6/menu/lib/Menu.d.ts +16 -9
  163. package/dist/es6/menu/lib/Menu.d.ts.map +1 -1
  164. package/dist/es6/menu/lib/Menu.js +103 -128
  165. package/dist/es6/menu/lib/MenuItem.d.ts +17 -7
  166. package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
  167. package/dist/es6/menu/lib/MenuItem.js +107 -111
  168. package/dist/es6/pill/lib/Pill.d.ts +103 -5
  169. package/dist/es6/pill/lib/Pill.d.ts.map +1 -1
  170. package/dist/es6/pill/lib/Pill.js +149 -55
  171. package/dist/es6/pill/lib/PillAvatar.js +3 -14
  172. package/dist/es6/pill/lib/PillCount.js +4 -27
  173. package/dist/es6/pill/lib/PillIcon.js +3 -26
  174. package/dist/es6/pill/lib/PillIconButton.js +7 -30
  175. package/dist/es6/pill/lib/PillLabel.js +5 -28
  176. package/dist/es6/pill/lib/usePillModel.js +8 -16
  177. package/dist/es6/segmented-control/index.d.ts +2 -0
  178. package/dist/es6/segmented-control/index.d.ts.map +1 -1
  179. package/dist/es6/segmented-control/index.js +2 -0
  180. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +267 -82
  181. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  182. package/dist/es6/segmented-control/lib/SegmentedControl.js +38 -3
  183. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +9 -5
  184. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  185. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +17 -42
  186. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +71 -2
  187. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  188. package/dist/es6/segmented-control/lib/SegmentedControlList.js +9 -34
  189. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +28 -9
  190. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
  191. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.js +5 -7
  192. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +233 -83
  193. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
  194. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.js +31 -30
  195. package/dist/es6/select/lib/Select.js +144 -184
  196. package/dist/es6/select/lib/SelectBase.js +99 -94
  197. package/dist/es6/select/lib/SelectMenu.js +49 -80
  198. package/dist/es6/select/lib/SelectOption.js +30 -44
  199. package/dist/es6/select/lib/scrolling.js +6 -7
  200. package/dist/es6/select/lib/utils.js +4 -4
  201. package/dist/es6/side-panel/lib/SidePanel.d.ts +13 -26
  202. package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
  203. package/dist/es6/side-panel/lib/SidePanel.js +93 -130
  204. package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts +17 -0
  205. package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -0
  206. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +43 -0
  207. package/dist/es6/side-panel/lib/hooks.d.ts +20 -0
  208. package/dist/es6/side-panel/lib/hooks.d.ts.map +1 -1
  209. package/dist/es6/side-panel/lib/hooks.js +37 -18
  210. package/dist/es6/status-indicator/index.d.ts +2 -0
  211. package/dist/es6/status-indicator/index.d.ts.map +1 -1
  212. package/dist/es6/status-indicator/index.js +2 -0
  213. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts +32 -8
  214. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  215. package/dist/es6/status-indicator/lib/StatusIndicator.js +33 -31
  216. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts +10 -0
  217. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -1
  218. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.js +6 -18
  219. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +3 -26
  220. package/dist/es6/status-indicator/lib/hooks/useStatusIndicatorModel.js +6 -15
  221. package/dist/es6/table/index.d.ts +2 -0
  222. package/dist/es6/table/index.d.ts.map +1 -0
  223. package/dist/es6/table/index.js +1 -0
  224. package/dist/es6/table/lib/Table.d.ts +207 -0
  225. package/dist/es6/table/lib/Table.d.ts.map +1 -0
  226. package/dist/es6/table/lib/Table.js +223 -0
  227. package/dist/es6/table/lib/TableBody.d.ts +2 -0
  228. package/dist/es6/table/lib/TableBody.d.ts.map +1 -0
  229. package/dist/es6/table/lib/TableBody.js +29 -0
  230. package/dist/es6/table/lib/TableCaption.d.ts +2 -0
  231. package/dist/es6/table/lib/TableCaption.d.ts.map +1 -0
  232. package/dist/es6/table/lib/TableCaption.js +10 -0
  233. package/dist/es6/table/lib/TableCell.d.ts +2 -0
  234. package/dist/es6/table/lib/TableCell.d.ts.map +1 -0
  235. package/dist/es6/table/lib/TableCell.js +10 -0
  236. package/dist/es6/table/lib/TableFooter.d.ts +2 -0
  237. package/dist/es6/table/lib/TableFooter.d.ts.map +1 -0
  238. package/dist/es6/table/lib/TableFooter.js +9 -0
  239. package/dist/es6/table/lib/TableHead.d.ts +2 -0
  240. package/dist/es6/table/lib/TableHead.d.ts.map +1 -0
  241. package/dist/es6/table/lib/TableHead.js +17 -0
  242. package/dist/es6/table/lib/TableHeader.d.ts +2 -0
  243. package/dist/es6/table/lib/TableHeader.d.ts.map +1 -0
  244. package/dist/es6/table/lib/TableHeader.js +10 -0
  245. package/dist/es6/table/lib/TableRow.d.ts +2 -0
  246. package/dist/es6/table/lib/TableRow.d.ts.map +1 -0
  247. package/dist/es6/table/lib/TableRow.js +13 -0
  248. package/dist/es6/text-area/lib/TextArea.d.ts +2 -2
  249. package/dist/es6/text-area/lib/TextArea.d.ts.map +1 -1
  250. package/dist/es6/text-area/lib/TextArea.js +7 -31
  251. package/dist/es6/text-area/lib/TextAreaField.d.ts +1 -1
  252. package/dist/es6/text-area/lib/TextAreaField.d.ts.map +1 -1
  253. package/dist/es6/text-area/lib/TextAreaField.js +9 -33
  254. package/dist/es6/text-input/lib/TextInput.d.ts +4 -4
  255. package/dist/es6/text-input/lib/TextInput.d.ts.map +1 -1
  256. package/dist/es6/text-input/lib/TextInput.js +7 -31
  257. package/dist/es6/text-input/lib/TextInputField.d.ts +1 -1
  258. package/dist/es6/text-input/lib/TextInputField.d.ts.map +1 -1
  259. package/dist/es6/text-input/lib/TextInputField.js +12 -24
  260. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +3 -5
  261. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts.map +1 -1
  262. package/dist/es6/text-input/lib/hooks/useTextInputField.js +1 -1
  263. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +1 -0
  264. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map +1 -1
  265. package/dist/es6/text-input/lib/hooks/useTextInputModel.js +2 -1
  266. package/form-field/lib/FormField.tsx +5 -10
  267. package/form-field/lib/FormFieldLabel.tsx +6 -11
  268. package/form-field/lib/hooks/useFormFieldModel.tsx +1 -3
  269. package/form-field/lib/hooks/useFormFieldOrientation.tsx +6 -6
  270. package/menu/lib/Menu.tsx +16 -9
  271. package/menu/lib/MenuItem.tsx +19 -8
  272. package/package.json +4 -5
  273. package/pill/lib/Pill.tsx +109 -10
  274. package/pill/lib/PillCount.tsx +1 -1
  275. package/pill/lib/PillIcon.tsx +1 -1
  276. package/segmented-control/index.ts +2 -0
  277. package/segmented-control/lib/SegmentedControl.tsx +36 -0
  278. package/segmented-control/lib/SegmentedControlList.tsx +1 -1
  279. package/segmented-control/lib/hooks/useSegmentedControlItem.tsx +1 -5
  280. package/side-panel/lib/SidePanel.tsx +119 -169
  281. package/side-panel/lib/SidePanelToggleButton.tsx +78 -0
  282. package/side-panel/lib/hooks.ts +20 -0
  283. package/status-indicator/index.ts +2 -0
  284. package/status-indicator/lib/StatusIndicator.tsx +32 -6
  285. package/status-indicator/lib/StatusIndicatorIcon.tsx +1 -1
  286. package/table/LICENSE +51 -0
  287. package/table/README.md +5 -0
  288. package/table/index.ts +1 -0
  289. package/table/lib/Table.tsx +236 -0
  290. package/table/lib/TableBody.tsx +35 -0
  291. package/table/lib/TableCaption.tsx +22 -0
  292. package/table/lib/TableCell.tsx +27 -0
  293. package/table/lib/TableFooter.tsx +14 -0
  294. package/table/lib/TableHead.tsx +23 -0
  295. package/table/lib/TableHeader.tsx +28 -0
  296. package/table/lib/TableRow.tsx +26 -0
  297. package/table/package.json +6 -0
  298. package/text-area/lib/TextArea.tsx +9 -6
  299. package/text-area/lib/TextAreaField.tsx +6 -2
  300. package/text-input/lib/TextInput.tsx +9 -6
  301. package/text-input/lib/TextInputField.tsx +9 -5
  302. package/text-input/lib/hooks/useTextInputModel.ts +1 -0
  303. package/dist/commonjs/text-area/lib/hooks/index.d.ts +0 -2
  304. package/dist/commonjs/text-area/lib/hooks/index.d.ts.map +0 -1
  305. package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts +0 -28
  306. package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts.map +0 -1
  307. package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.js +0 -5
  308. package/dist/es6/text-area/lib/hooks/index.d.ts +0 -2
  309. package/dist/es6/text-area/lib/hooks/index.d.ts.map +0 -1
  310. package/dist/es6/text-area/lib/hooks/index.js +0 -1
  311. package/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts +0 -28
  312. package/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts.map +0 -1
  313. package/dist/es6/text-area/lib/hooks/useTextAreaModel.js +0 -2
  314. package/text-area/lib/hooks/index.ts +0 -1
  315. package/text-area/lib/hooks/useTextAreaModel.ts +0 -3
@@ -2,18 +2,39 @@ import React from 'react';
2
2
  export interface SegmentedControlProps {
3
3
  children: React.ReactNode;
4
4
  }
5
+ /**
6
+ * `SegmentedControl` is a container component that is responsible for creating a
7
+ * {@link SegmentedControlModel} and sharing it with its subcomponents using React context. It does
8
+ * not represent a real element.
9
+ *
10
+ * ```tsx
11
+ * <SegmentedControl items={[]}>{Child components}</SegmentedControl>
12
+ * ```
13
+ *
14
+ * Alternatively, you may pass in a model using the [hoisted model
15
+ * pattern](/getting-started/for-developers/resources/compound-components/#configuring-a-model).
16
+ *
17
+ * ```tsx
18
+ * const model = useSegmentedControlModel({
19
+ * items: [],
20
+ * });
21
+ *
22
+ * <SegmentedControl model={model}>{Child components}</SegmentedControl>;
23
+ * ```
24
+ */
5
25
  export declare const SegmentedControl: import("@workday/canvas-kit-react/common").ComponentM<SegmentedControlProps & Partial<{
6
26
  id: string;
7
27
  initialValue: string;
8
28
  disabled: boolean;
9
29
  size: "small" | "medium" | "large";
10
- orientation: "horizontal" | "vertical";
30
+ orientation: import("@workday/canvas-kit-react/collection/lib/useBaseListModel").Orientation;
11
31
  initialSelectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
12
32
  initialUnselectedIds: string[];
13
33
  selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
14
34
  initialCursorId: string;
15
35
  columnCount: number;
16
36
  navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
37
+ pageSize: number;
17
38
  getId: (item: any) => string;
18
39
  getTextValue: (item: any) => string;
19
40
  nonInteractiveIds: string[];
@@ -26,10 +47,14 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
26
47
  }, prevState: {
27
48
  disabled: boolean;
28
49
  size: "small" | "medium" | "large";
29
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
50
+ selectedIds: string[] | "all";
30
51
  unselectedIds: string[];
31
52
  cursorId: string;
32
53
  columnCount: number;
54
+ pageSizeRef: React.MutableRefObject<number>;
55
+ cursorIndexRef: {
56
+ readonly current: number;
57
+ };
33
58
  UNSTABLE_virtual: {
34
59
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
35
60
  totalSize: number;
@@ -49,10 +74,14 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
49
74
  onSelectAll?: ((data: undefined, prevState: {
50
75
  disabled: boolean;
51
76
  size: "small" | "medium" | "large";
52
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
77
+ selectedIds: string[] | "all";
53
78
  unselectedIds: string[];
54
79
  cursorId: string;
55
80
  columnCount: number;
81
+ pageSizeRef: React.MutableRefObject<number>;
82
+ cursorIndexRef: {
83
+ readonly current: number;
84
+ };
56
85
  UNSTABLE_virtual: {
57
86
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
58
87
  totalSize: number;
@@ -72,10 +101,14 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
72
101
  onUnselectAll?: ((data: undefined, prevState: {
73
102
  disabled: boolean;
74
103
  size: "small" | "medium" | "large";
75
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
104
+ selectedIds: string[] | "all";
76
105
  unselectedIds: string[];
77
106
  cursorId: string;
78
107
  columnCount: number;
108
+ pageSizeRef: React.MutableRefObject<number>;
109
+ cursorIndexRef: {
110
+ readonly current: number;
111
+ };
79
112
  UNSTABLE_virtual: {
80
113
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
81
114
  totalSize: number;
@@ -92,16 +125,19 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
92
125
  isVirtualized: boolean;
93
126
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
94
127
  }) => void) | undefined;
95
- onRegisterItem?: ((data: {
96
- item: any;
97
- textValue: string;
128
+ onGoTo?: ((data: {
129
+ id: string;
98
130
  }, prevState: {
99
131
  disabled: boolean;
100
132
  size: "small" | "medium" | "large";
101
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
133
+ selectedIds: string[] | "all";
102
134
  unselectedIds: string[];
103
135
  cursorId: string;
104
136
  columnCount: number;
137
+ pageSizeRef: React.MutableRefObject<number>;
138
+ cursorIndexRef: {
139
+ readonly current: number;
140
+ };
105
141
  UNSTABLE_virtual: {
106
142
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
107
143
  totalSize: number;
@@ -118,15 +154,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
118
154
  isVirtualized: boolean;
119
155
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
120
156
  }) => void) | undefined;
121
- onGoTo?: ((data: {
122
- id: string;
123
- }, prevState: {
157
+ onGoToNext?: ((data: undefined, prevState: {
124
158
  disabled: boolean;
125
159
  size: "small" | "medium" | "large";
126
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
160
+ selectedIds: string[] | "all";
127
161
  unselectedIds: string[];
128
162
  cursorId: string;
129
163
  columnCount: number;
164
+ pageSizeRef: React.MutableRefObject<number>;
165
+ cursorIndexRef: {
166
+ readonly current: number;
167
+ };
130
168
  UNSTABLE_virtual: {
131
169
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
132
170
  totalSize: number;
@@ -143,13 +181,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
143
181
  isVirtualized: boolean;
144
182
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
145
183
  }) => void) | undefined;
146
- onGoToNext?: ((data: undefined, prevState: {
184
+ onGoToPrevious?: ((data: undefined, prevState: {
147
185
  disabled: boolean;
148
186
  size: "small" | "medium" | "large";
149
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
187
+ selectedIds: string[] | "all";
150
188
  unselectedIds: string[];
151
189
  cursorId: string;
152
190
  columnCount: number;
191
+ pageSizeRef: React.MutableRefObject<number>;
192
+ cursorIndexRef: {
193
+ readonly current: number;
194
+ };
153
195
  UNSTABLE_virtual: {
154
196
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
155
197
  totalSize: number;
@@ -166,13 +208,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
166
208
  isVirtualized: boolean;
167
209
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
168
210
  }) => void) | undefined;
169
- onGoToPrevious?: ((data: undefined, prevState: {
211
+ onGoToPreviousRow?: ((data: undefined, prevState: {
170
212
  disabled: boolean;
171
213
  size: "small" | "medium" | "large";
172
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
214
+ selectedIds: string[] | "all";
173
215
  unselectedIds: string[];
174
216
  cursorId: string;
175
217
  columnCount: number;
218
+ pageSizeRef: React.MutableRefObject<number>;
219
+ cursorIndexRef: {
220
+ readonly current: number;
221
+ };
176
222
  UNSTABLE_virtual: {
177
223
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
178
224
  totalSize: number;
@@ -189,13 +235,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
189
235
  isVirtualized: boolean;
190
236
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
191
237
  }) => void) | undefined;
192
- onGoToPreviousRow?: ((data: undefined, prevState: {
238
+ onGoToNextRow?: ((data: undefined, prevState: {
193
239
  disabled: boolean;
194
240
  size: "small" | "medium" | "large";
195
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
241
+ selectedIds: string[] | "all";
196
242
  unselectedIds: string[];
197
243
  cursorId: string;
198
244
  columnCount: number;
245
+ pageSizeRef: React.MutableRefObject<number>;
246
+ cursorIndexRef: {
247
+ readonly current: number;
248
+ };
199
249
  UNSTABLE_virtual: {
200
250
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
201
251
  totalSize: number;
@@ -212,13 +262,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
212
262
  isVirtualized: boolean;
213
263
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
214
264
  }) => void) | undefined;
215
- onGoToNextRow?: ((data: undefined, prevState: {
265
+ onGoToFirst?: ((data: undefined, prevState: {
216
266
  disabled: boolean;
217
267
  size: "small" | "medium" | "large";
218
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
268
+ selectedIds: string[] | "all";
219
269
  unselectedIds: string[];
220
270
  cursorId: string;
221
271
  columnCount: number;
272
+ pageSizeRef: React.MutableRefObject<number>;
273
+ cursorIndexRef: {
274
+ readonly current: number;
275
+ };
222
276
  UNSTABLE_virtual: {
223
277
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
224
278
  totalSize: number;
@@ -235,13 +289,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
235
289
  isVirtualized: boolean;
236
290
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
237
291
  }) => void) | undefined;
238
- onGoToFirst?: ((data: undefined, prevState: {
292
+ onGoToLast?: ((data: undefined, prevState: {
239
293
  disabled: boolean;
240
294
  size: "small" | "medium" | "large";
241
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
295
+ selectedIds: string[] | "all";
242
296
  unselectedIds: string[];
243
297
  cursorId: string;
244
298
  columnCount: number;
299
+ pageSizeRef: React.MutableRefObject<number>;
300
+ cursorIndexRef: {
301
+ readonly current: number;
302
+ };
245
303
  UNSTABLE_virtual: {
246
304
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
247
305
  totalSize: number;
@@ -258,13 +316,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
258
316
  isVirtualized: boolean;
259
317
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
260
318
  }) => void) | undefined;
261
- onGoToLast?: ((data: undefined, prevState: {
319
+ onGoToFirstOfRow?: ((data: undefined, prevState: {
262
320
  disabled: boolean;
263
321
  size: "small" | "medium" | "large";
264
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
322
+ selectedIds: string[] | "all";
265
323
  unselectedIds: string[];
266
324
  cursorId: string;
267
325
  columnCount: number;
326
+ pageSizeRef: React.MutableRefObject<number>;
327
+ cursorIndexRef: {
328
+ readonly current: number;
329
+ };
268
330
  UNSTABLE_virtual: {
269
331
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
270
332
  totalSize: number;
@@ -281,13 +343,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
281
343
  isVirtualized: boolean;
282
344
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
283
345
  }) => void) | undefined;
284
- onGoToFirstOfRow?: ((data: undefined, prevState: {
346
+ onGoToLastOfRow?: ((data: undefined, prevState: {
285
347
  disabled: boolean;
286
348
  size: "small" | "medium" | "large";
287
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
349
+ selectedIds: string[] | "all";
288
350
  unselectedIds: string[];
289
351
  cursorId: string;
290
352
  columnCount: number;
353
+ pageSizeRef: React.MutableRefObject<number>;
354
+ cursorIndexRef: {
355
+ readonly current: number;
356
+ };
291
357
  UNSTABLE_virtual: {
292
358
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
293
359
  totalSize: number;
@@ -304,13 +370,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
304
370
  isVirtualized: boolean;
305
371
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
306
372
  }) => void) | undefined;
307
- onGoToLastOfRow?: ((data: undefined, prevState: {
373
+ onGoToNextPage?: ((data: undefined, prevState: {
308
374
  disabled: boolean;
309
375
  size: "small" | "medium" | "large";
310
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
376
+ selectedIds: string[] | "all";
311
377
  unselectedIds: string[];
312
378
  cursorId: string;
313
379
  columnCount: number;
380
+ pageSizeRef: React.MutableRefObject<number>;
381
+ cursorIndexRef: {
382
+ readonly current: number;
383
+ };
314
384
  UNSTABLE_virtual: {
315
385
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
316
386
  totalSize: number;
@@ -327,13 +397,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
327
397
  isVirtualized: boolean;
328
398
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
329
399
  }) => void) | undefined;
330
- onGoToNextPage?: ((data: undefined, prevState: {
400
+ onGoToPreviousPage?: ((data: undefined, prevState: {
331
401
  disabled: boolean;
332
402
  size: "small" | "medium" | "large";
333
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
403
+ selectedIds: string[] | "all";
334
404
  unselectedIds: string[];
335
405
  cursorId: string;
336
406
  columnCount: number;
407
+ pageSizeRef: React.MutableRefObject<number>;
408
+ cursorIndexRef: {
409
+ readonly current: number;
410
+ };
337
411
  UNSTABLE_virtual: {
338
412
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
339
413
  totalSize: number;
@@ -350,13 +424,20 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
350
424
  isVirtualized: boolean;
351
425
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
352
426
  }) => void) | undefined;
353
- onGoToPreviousPage?: ((data: undefined, prevState: {
427
+ onRegisterItem?: ((data: {
428
+ item: any;
429
+ textValue: string;
430
+ }, prevState: {
354
431
  disabled: boolean;
355
432
  size: "small" | "medium" | "large";
356
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
433
+ selectedIds: string[] | "all";
357
434
  unselectedIds: string[];
358
435
  cursorId: string;
359
436
  columnCount: number;
437
+ pageSizeRef: React.MutableRefObject<number>;
438
+ cursorIndexRef: {
439
+ readonly current: number;
440
+ };
360
441
  UNSTABLE_virtual: {
361
442
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
362
443
  totalSize: number;
@@ -378,10 +459,14 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
378
459
  }, prevState: {
379
460
  disabled: boolean;
380
461
  size: "small" | "medium" | "large";
381
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
462
+ selectedIds: string[] | "all";
382
463
  unselectedIds: string[];
383
464
  cursorId: string;
384
465
  columnCount: number;
466
+ pageSizeRef: React.MutableRefObject<number>;
467
+ cursorIndexRef: {
468
+ readonly current: number;
469
+ };
385
470
  UNSTABLE_virtual: {
386
471
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
387
472
  totalSize: number;
@@ -403,10 +488,14 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
403
488
  }, prevState: {
404
489
  disabled: boolean;
405
490
  size: "small" | "medium" | "large";
406
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
491
+ selectedIds: string[] | "all";
407
492
  unselectedIds: string[];
408
493
  cursorId: string;
409
494
  columnCount: number;
495
+ pageSizeRef: React.MutableRefObject<number>;
496
+ cursorIndexRef: {
497
+ readonly current: number;
498
+ };
410
499
  UNSTABLE_virtual: {
411
500
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
412
501
  totalSize: number;
@@ -429,10 +518,14 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
429
518
  }, state: {
430
519
  disabled: boolean;
431
520
  size: "small" | "medium" | "large";
432
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
521
+ selectedIds: string[] | "all";
433
522
  unselectedIds: string[];
434
523
  cursorId: string;
435
524
  columnCount: number;
525
+ pageSizeRef: React.MutableRefObject<number>;
526
+ cursorIndexRef: {
527
+ readonly current: number;
528
+ };
436
529
  UNSTABLE_virtual: {
437
530
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
438
531
  totalSize: number;
@@ -452,10 +545,14 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
452
545
  shouldSelectAll?: ((data: undefined, state: {
453
546
  disabled: boolean;
454
547
  size: "small" | "medium" | "large";
455
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
548
+ selectedIds: string[] | "all";
456
549
  unselectedIds: string[];
457
550
  cursorId: string;
458
551
  columnCount: number;
552
+ pageSizeRef: React.MutableRefObject<number>;
553
+ cursorIndexRef: {
554
+ readonly current: number;
555
+ };
459
556
  UNSTABLE_virtual: {
460
557
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
461
558
  totalSize: number;
@@ -475,10 +572,14 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
475
572
  shouldUnselectAll?: ((data: undefined, state: {
476
573
  disabled: boolean;
477
574
  size: "small" | "medium" | "large";
478
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
575
+ selectedIds: string[] | "all";
479
576
  unselectedIds: string[];
480
577
  cursorId: string;
481
578
  columnCount: number;
579
+ pageSizeRef: React.MutableRefObject<number>;
580
+ cursorIndexRef: {
581
+ readonly current: number;
582
+ };
482
583
  UNSTABLE_virtual: {
483
584
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
484
585
  totalSize: number;
@@ -495,16 +596,19 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
495
596
  isVirtualized: boolean;
496
597
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
497
598
  }) => boolean) | undefined;
498
- shouldRegisterItem?: ((data: {
499
- item: any;
500
- textValue: string;
599
+ shouldGoTo?: ((data: {
600
+ id: string;
501
601
  }, state: {
502
602
  disabled: boolean;
503
603
  size: "small" | "medium" | "large";
504
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
604
+ selectedIds: string[] | "all";
505
605
  unselectedIds: string[];
506
606
  cursorId: string;
507
607
  columnCount: number;
608
+ pageSizeRef: React.MutableRefObject<number>;
609
+ cursorIndexRef: {
610
+ readonly current: number;
611
+ };
508
612
  UNSTABLE_virtual: {
509
613
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
510
614
  totalSize: number;
@@ -521,15 +625,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
521
625
  isVirtualized: boolean;
522
626
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
523
627
  }) => boolean) | undefined;
524
- shouldGoTo?: ((data: {
525
- id: string;
526
- }, state: {
628
+ shouldGoToNext?: ((data: undefined, state: {
527
629
  disabled: boolean;
528
630
  size: "small" | "medium" | "large";
529
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
631
+ selectedIds: string[] | "all";
530
632
  unselectedIds: string[];
531
633
  cursorId: string;
532
634
  columnCount: number;
635
+ pageSizeRef: React.MutableRefObject<number>;
636
+ cursorIndexRef: {
637
+ readonly current: number;
638
+ };
533
639
  UNSTABLE_virtual: {
534
640
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
535
641
  totalSize: number;
@@ -546,13 +652,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
546
652
  isVirtualized: boolean;
547
653
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
548
654
  }) => boolean) | undefined;
549
- shouldGoToNext?: ((data: undefined, state: {
655
+ shouldGoToPrevious?: ((data: undefined, state: {
550
656
  disabled: boolean;
551
657
  size: "small" | "medium" | "large";
552
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
658
+ selectedIds: string[] | "all";
553
659
  unselectedIds: string[];
554
660
  cursorId: string;
555
661
  columnCount: number;
662
+ pageSizeRef: React.MutableRefObject<number>;
663
+ cursorIndexRef: {
664
+ readonly current: number;
665
+ };
556
666
  UNSTABLE_virtual: {
557
667
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
558
668
  totalSize: number;
@@ -569,13 +679,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
569
679
  isVirtualized: boolean;
570
680
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
571
681
  }) => boolean) | undefined;
572
- shouldGoToPrevious?: ((data: undefined, state: {
682
+ shouldGoToPreviousRow?: ((data: undefined, state: {
573
683
  disabled: boolean;
574
684
  size: "small" | "medium" | "large";
575
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
685
+ selectedIds: string[] | "all";
576
686
  unselectedIds: string[];
577
687
  cursorId: string;
578
688
  columnCount: number;
689
+ pageSizeRef: React.MutableRefObject<number>;
690
+ cursorIndexRef: {
691
+ readonly current: number;
692
+ };
579
693
  UNSTABLE_virtual: {
580
694
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
581
695
  totalSize: number;
@@ -592,13 +706,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
592
706
  isVirtualized: boolean;
593
707
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
594
708
  }) => boolean) | undefined;
595
- shouldGoToPreviousRow?: ((data: undefined, state: {
709
+ shouldGoToNextRow?: ((data: undefined, state: {
596
710
  disabled: boolean;
597
711
  size: "small" | "medium" | "large";
598
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
712
+ selectedIds: string[] | "all";
599
713
  unselectedIds: string[];
600
714
  cursorId: string;
601
715
  columnCount: number;
716
+ pageSizeRef: React.MutableRefObject<number>;
717
+ cursorIndexRef: {
718
+ readonly current: number;
719
+ };
602
720
  UNSTABLE_virtual: {
603
721
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
604
722
  totalSize: number;
@@ -615,13 +733,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
615
733
  isVirtualized: boolean;
616
734
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
617
735
  }) => boolean) | undefined;
618
- shouldGoToNextRow?: ((data: undefined, state: {
736
+ shouldGoToFirst?: ((data: undefined, state: {
619
737
  disabled: boolean;
620
738
  size: "small" | "medium" | "large";
621
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
739
+ selectedIds: string[] | "all";
622
740
  unselectedIds: string[];
623
741
  cursorId: string;
624
742
  columnCount: number;
743
+ pageSizeRef: React.MutableRefObject<number>;
744
+ cursorIndexRef: {
745
+ readonly current: number;
746
+ };
625
747
  UNSTABLE_virtual: {
626
748
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
627
749
  totalSize: number;
@@ -638,13 +760,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
638
760
  isVirtualized: boolean;
639
761
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
640
762
  }) => boolean) | undefined;
641
- shouldGoToFirst?: ((data: undefined, state: {
763
+ shouldGoToLast?: ((data: undefined, state: {
642
764
  disabled: boolean;
643
765
  size: "small" | "medium" | "large";
644
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
766
+ selectedIds: string[] | "all";
645
767
  unselectedIds: string[];
646
768
  cursorId: string;
647
769
  columnCount: number;
770
+ pageSizeRef: React.MutableRefObject<number>;
771
+ cursorIndexRef: {
772
+ readonly current: number;
773
+ };
648
774
  UNSTABLE_virtual: {
649
775
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
650
776
  totalSize: number;
@@ -661,13 +787,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
661
787
  isVirtualized: boolean;
662
788
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
663
789
  }) => boolean) | undefined;
664
- shouldGoToLast?: ((data: undefined, state: {
790
+ shouldGoToFirstOfRow?: ((data: undefined, state: {
665
791
  disabled: boolean;
666
792
  size: "small" | "medium" | "large";
667
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
793
+ selectedIds: string[] | "all";
668
794
  unselectedIds: string[];
669
795
  cursorId: string;
670
796
  columnCount: number;
797
+ pageSizeRef: React.MutableRefObject<number>;
798
+ cursorIndexRef: {
799
+ readonly current: number;
800
+ };
671
801
  UNSTABLE_virtual: {
672
802
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
673
803
  totalSize: number;
@@ -684,13 +814,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
684
814
  isVirtualized: boolean;
685
815
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
686
816
  }) => boolean) | undefined;
687
- shouldGoToFirstOfRow?: ((data: undefined, state: {
817
+ shouldGoToLastOfRow?: ((data: undefined, state: {
688
818
  disabled: boolean;
689
819
  size: "small" | "medium" | "large";
690
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
820
+ selectedIds: string[] | "all";
691
821
  unselectedIds: string[];
692
822
  cursorId: string;
693
823
  columnCount: number;
824
+ pageSizeRef: React.MutableRefObject<number>;
825
+ cursorIndexRef: {
826
+ readonly current: number;
827
+ };
694
828
  UNSTABLE_virtual: {
695
829
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
696
830
  totalSize: number;
@@ -707,13 +841,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
707
841
  isVirtualized: boolean;
708
842
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
709
843
  }) => boolean) | undefined;
710
- shouldGoToLastOfRow?: ((data: undefined, state: {
844
+ shouldGoToNextPage?: ((data: undefined, state: {
711
845
  disabled: boolean;
712
846
  size: "small" | "medium" | "large";
713
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
847
+ selectedIds: string[] | "all";
714
848
  unselectedIds: string[];
715
849
  cursorId: string;
716
850
  columnCount: number;
851
+ pageSizeRef: React.MutableRefObject<number>;
852
+ cursorIndexRef: {
853
+ readonly current: number;
854
+ };
717
855
  UNSTABLE_virtual: {
718
856
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
719
857
  totalSize: number;
@@ -730,13 +868,17 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
730
868
  isVirtualized: boolean;
731
869
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
732
870
  }) => boolean) | undefined;
733
- shouldGoToNextPage?: ((data: undefined, state: {
871
+ shouldGoToPreviousPage?: ((data: undefined, state: {
734
872
  disabled: boolean;
735
873
  size: "small" | "medium" | "large";
736
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
874
+ selectedIds: string[] | "all";
737
875
  unselectedIds: string[];
738
876
  cursorId: string;
739
877
  columnCount: number;
878
+ pageSizeRef: React.MutableRefObject<number>;
879
+ cursorIndexRef: {
880
+ readonly current: number;
881
+ };
740
882
  UNSTABLE_virtual: {
741
883
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
742
884
  totalSize: number;
@@ -753,13 +895,20 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
753
895
  isVirtualized: boolean;
754
896
  items: import("@workday/canvas-kit-react/collection").Item<any>[];
755
897
  }) => boolean) | undefined;
756
- shouldGoToPreviousPage?: ((data: undefined, state: {
898
+ shouldRegisterItem?: ((data: {
899
+ item: any;
900
+ textValue: string;
901
+ }, state: {
757
902
  disabled: boolean;
758
903
  size: "small" | "medium" | "large";
759
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
904
+ selectedIds: string[] | "all";
760
905
  unselectedIds: string[];
761
906
  cursorId: string;
762
907
  columnCount: number;
908
+ pageSizeRef: React.MutableRefObject<number>;
909
+ cursorIndexRef: {
910
+ readonly current: number;
911
+ };
763
912
  UNSTABLE_virtual: {
764
913
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
765
914
  totalSize: number;
@@ -781,10 +930,14 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
781
930
  }, state: {
782
931
  disabled: boolean;
783
932
  size: "small" | "medium" | "large";
784
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
933
+ selectedIds: string[] | "all";
785
934
  unselectedIds: string[];
786
935
  cursorId: string;
787
936
  columnCount: number;
937
+ pageSizeRef: React.MutableRefObject<number>;
938
+ cursorIndexRef: {
939
+ readonly current: number;
940
+ };
788
941
  UNSTABLE_virtual: {
789
942
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
790
943
  totalSize: number;
@@ -806,10 +959,14 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
806
959
  }, state: {
807
960
  disabled: boolean;
808
961
  size: "small" | "medium" | "large";
809
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
962
+ selectedIds: string[] | "all";
810
963
  unselectedIds: string[];
811
964
  cursorId: string;
812
965
  columnCount: number;
966
+ pageSizeRef: React.MutableRefObject<number>;
967
+ cursorIndexRef: {
968
+ readonly current: number;
969
+ };
813
970
  UNSTABLE_virtual: {
814
971
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
815
972
  totalSize: number;
@@ -830,10 +987,14 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
830
987
  state: {
831
988
  disabled: boolean;
832
989
  size: "small" | "medium" | "large";
833
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
990
+ selectedIds: string[] | "all";
834
991
  unselectedIds: string[];
835
992
  cursorId: string;
836
993
  columnCount: number;
994
+ pageSizeRef: React.MutableRefObject<number>;
995
+ cursorIndexRef: {
996
+ readonly current: number;
997
+ };
837
998
  UNSTABLE_virtual: {
838
999
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
839
1000
  totalSize: number;
@@ -856,10 +1017,6 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
856
1017
  }): void;
857
1018
  selectAll(): void;
858
1019
  unselectAll(): void;
859
- registerItem(data: {
860
- item: any;
861
- textValue: string;
862
- }): void;
863
1020
  goTo(data: {
864
1021
  id: string;
865
1022
  }): void;
@@ -873,6 +1030,10 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
873
1030
  goToLastOfRow(): void;
874
1031
  goToNextPage(): void;
875
1032
  goToPreviousPage(): void;
1033
+ registerItem(data: {
1034
+ item: any;
1035
+ textValue: string;
1036
+ }): void;
876
1037
  unregisterItem(data: {
877
1038
  id: string;
878
1039
  }): void;
@@ -884,14 +1045,26 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
884
1045
  navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
885
1046
  getId: (item: any) => string;
886
1047
  }> & {
1048
+ /**
1049
+ * `SegmentedControl.List` renders {@link Grid} under the hood. It is a container for
1050
+ * {@link SegmentedControlItem SegmentedControl.Item} subcomponents.
1051
+ *
1052
+ * ```tsx
1053
+ * <SegmentedControl.List>{SegmentedControl.Items}</SegmentedControl.List>
1054
+ * ```
1055
+ */
887
1056
  List: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./SegmentedControlList").SegmentedControlListProps<any>, {
888
1057
  state: {
889
1058
  disabled: boolean;
890
1059
  size: "small" | "medium" | "large";
891
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
1060
+ selectedIds: string[] | "all";
892
1061
  unselectedIds: string[];
893
1062
  cursorId: string;
894
1063
  columnCount: number;
1064
+ pageSizeRef: React.MutableRefObject<number>;
1065
+ cursorIndexRef: {
1066
+ readonly current: number;
1067
+ };
895
1068
  UNSTABLE_virtual: {
896
1069
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
897
1070
  totalSize: number;
@@ -914,10 +1087,6 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
914
1087
  }): void;
915
1088
  selectAll(): void;
916
1089
  unselectAll(): void;
917
- registerItem(data: {
918
- item: any;
919
- textValue: string;
920
- }): void;
921
1090
  goTo(data: {
922
1091
  id: string;
923
1092
  }): void;
@@ -931,6 +1100,10 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
931
1100
  goToLastOfRow(): void;
932
1101
  goToNextPage(): void;
933
1102
  goToPreviousPage(): void;
1103
+ registerItem(data: {
1104
+ item: any;
1105
+ textValue: string;
1106
+ }): void;
934
1107
  unregisterItem(data: {
935
1108
  id: string;
936
1109
  }): void;
@@ -942,14 +1115,26 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
942
1115
  navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
943
1116
  getId: (item: any) => string;
944
1117
  }>;
1118
+ /**
1119
+ * `SegmentedControl.Item` is a `button` element built on `BaseButton`. `SegmentedControl.Item`
1120
+ * has a `data-id` prop to handle `onSelect` properly.
1121
+ *
1122
+ * ```tsx
1123
+ * <SegmentedControl.Item data-id="table">Table</SegmentedControl.Item>
1124
+ * ```
1125
+ */
945
1126
  Item: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./SegmentedControlItem").ItemProps, {
946
1127
  state: {
947
1128
  disabled: boolean;
948
1129
  size: "small" | "medium" | "large";
949
- selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
1130
+ selectedIds: string[] | "all";
950
1131
  unselectedIds: string[];
951
1132
  cursorId: string;
952
1133
  columnCount: number;
1134
+ pageSizeRef: React.MutableRefObject<number>;
1135
+ cursorIndexRef: {
1136
+ readonly current: number;
1137
+ };
953
1138
  UNSTABLE_virtual: {
954
1139
  virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
955
1140
  totalSize: number;
@@ -972,10 +1157,6 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
972
1157
  }): void;
973
1158
  selectAll(): void;
974
1159
  unselectAll(): void;
975
- registerItem(data: {
976
- item: any;
977
- textValue: string;
978
- }): void;
979
1160
  goTo(data: {
980
1161
  id: string;
981
1162
  }): void;
@@ -989,6 +1170,10 @@ export declare const SegmentedControl: import("@workday/canvas-kit-react/common"
989
1170
  goToLastOfRow(): void;
990
1171
  goToNextPage(): void;
991
1172
  goToPreviousPage(): void;
1173
+ registerItem(data: {
1174
+ item: any;
1175
+ textValue: string;
1176
+ }): void;
992
1177
  unregisterItem(data: {
993
1178
  id: string;
994
1179
  }): void;