@workday/canvas-kit-preview-react 7.1.5 → 7.2.0-427-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 (533) hide show
  1. package/color-picker/README.md +1 -1
  2. package/color-picker/index.ts +1 -1
  3. package/color-picker/lib/ColorPicker.tsx +3 -4
  4. package/dist/commonjs/color-picker/index.d.ts +1 -1
  5. package/dist/commonjs/color-picker/index.d.ts.map +1 -1
  6. package/dist/commonjs/color-picker/index.js +2 -6
  7. package/dist/commonjs/color-picker/lib/ColorPicker.d.ts +1 -2
  8. package/dist/commonjs/color-picker/lib/ColorPicker.d.ts.map +1 -1
  9. package/dist/commonjs/color-picker/lib/ColorPicker.js +28 -50
  10. package/dist/commonjs/color-picker/lib/parts/ColorReset.js +32 -23
  11. package/dist/commonjs/color-picker/lib/parts/SwatchBook.js +26 -39
  12. package/dist/commonjs/form-field/lib/FormField.d.ts +4 -19
  13. package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
  14. package/dist/commonjs/form-field/lib/FormField.js +10 -33
  15. package/dist/commonjs/form-field/lib/FormFieldHint.d.ts +1 -1
  16. package/dist/commonjs/form-field/lib/FormFieldHint.d.ts.map +1 -1
  17. package/dist/commonjs/form-field/lib/FormFieldHint.js +8 -32
  18. package/dist/commonjs/form-field/lib/FormFieldInput.d.ts +1 -1
  19. package/dist/commonjs/form-field/lib/FormFieldInput.js +6 -17
  20. package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts +2 -8
  21. package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts.map +1 -1
  22. package/dist/commonjs/form-field/lib/FormFieldLabel.js +10 -39
  23. package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts +3 -5
  24. package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts.map +1 -1
  25. package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.js +4 -5
  26. package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts +3 -5
  27. package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts.map +1 -1
  28. package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.js +5 -6
  29. package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts +3 -5
  30. package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts.map +1 -1
  31. package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.js +4 -5
  32. package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts +2 -12
  33. package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts.map +1 -1
  34. package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.js +9 -19
  35. package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts +4 -4
  36. package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts.map +1 -1
  37. package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.js +5 -5
  38. package/dist/commonjs/index.d.ts +2 -1
  39. package/dist/commonjs/index.d.ts.map +1 -1
  40. package/dist/commonjs/index.js +2 -2
  41. package/dist/commonjs/menu/index.d.ts +1 -4
  42. package/dist/commonjs/menu/index.d.ts.map +1 -1
  43. package/dist/commonjs/menu/index.js +1 -9
  44. package/dist/commonjs/menu/lib/Menu.d.ts +44 -13
  45. package/dist/commonjs/menu/lib/Menu.d.ts.map +1 -1
  46. package/dist/commonjs/menu/lib/Menu.js +127 -130
  47. package/dist/commonjs/menu/lib/MenuItem.d.ts +45 -14
  48. package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
  49. package/dist/commonjs/menu/lib/MenuItem.js +118 -106
  50. package/dist/commonjs/pill/lib/Pill.d.ts +101 -13
  51. package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -1
  52. package/dist/commonjs/pill/lib/Pill.js +158 -64
  53. package/dist/commonjs/pill/lib/PillAvatar.js +6 -17
  54. package/dist/commonjs/pill/lib/PillCount.js +7 -30
  55. package/dist/commonjs/pill/lib/PillIcon.js +8 -31
  56. package/dist/commonjs/pill/lib/PillIconButton.js +13 -36
  57. package/dist/commonjs/pill/lib/PillLabel.js +10 -33
  58. package/dist/commonjs/pill/lib/usePillModel.js +8 -16
  59. package/dist/commonjs/segmented-control/index.d.ts +5 -0
  60. package/dist/commonjs/segmented-control/index.d.ts.map +1 -0
  61. package/dist/commonjs/segmented-control/index.js +18 -0
  62. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +1189 -0
  63. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -0
  64. package/dist/commonjs/segmented-control/lib/SegmentedControl.js +57 -0
  65. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +107 -0
  66. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -0
  67. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +105 -0
  68. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +135 -0
  69. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -0
  70. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +41 -0
  71. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +79 -0
  72. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -0
  73. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.js +21 -0
  74. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +1202 -0
  75. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -0
  76. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.js +75 -0
  77. package/dist/commonjs/select/index.d.ts +0 -3
  78. package/dist/commonjs/select/index.d.ts.map +1 -1
  79. package/dist/commonjs/select/index.js +0 -7
  80. package/dist/commonjs/select/lib/Select.d.ts +0 -1
  81. package/dist/commonjs/select/lib/Select.d.ts.map +1 -1
  82. package/dist/commonjs/select/lib/Select.js +147 -191
  83. package/dist/commonjs/select/lib/SelectBase.d.ts +2 -2
  84. package/dist/commonjs/select/lib/SelectBase.d.ts.map +1 -1
  85. package/dist/commonjs/select/lib/SelectBase.js +109 -107
  86. package/dist/commonjs/select/lib/SelectMenu.d.ts +2 -2
  87. package/dist/commonjs/select/lib/SelectMenu.d.ts.map +1 -1
  88. package/dist/commonjs/select/lib/SelectMenu.js +55 -86
  89. package/dist/commonjs/select/lib/SelectOption.d.ts +1 -2
  90. package/dist/commonjs/select/lib/SelectOption.d.ts.map +1 -1
  91. package/dist/commonjs/select/lib/SelectOption.js +35 -48
  92. package/dist/commonjs/select/lib/scrolling.js +6 -7
  93. package/dist/commonjs/select/lib/utils.js +4 -4
  94. package/dist/commonjs/side-panel/index.d.ts +0 -3
  95. package/dist/commonjs/side-panel/index.d.ts.map +1 -1
  96. package/dist/commonjs/side-panel/index.js +0 -7
  97. package/dist/commonjs/side-panel/lib/SidePanel.d.ts +13 -27
  98. package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
  99. package/dist/commonjs/side-panel/lib/SidePanel.js +95 -133
  100. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts +17 -0
  101. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -0
  102. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +65 -0
  103. package/dist/commonjs/side-panel/lib/hooks.d.ts +20 -0
  104. package/dist/commonjs/side-panel/lib/hooks.d.ts.map +1 -1
  105. package/dist/commonjs/side-panel/lib/hooks.js +40 -21
  106. package/dist/commonjs/status-indicator/index.d.ts +4 -0
  107. package/dist/commonjs/status-indicator/index.d.ts.map +1 -0
  108. package/dist/commonjs/status-indicator/index.js +17 -0
  109. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +66 -0
  110. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -0
  111. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +57 -0
  112. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts +83 -0
  113. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -0
  114. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.js +86 -0
  115. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.d.ts +5 -0
  116. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -0
  117. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +15 -0
  118. package/dist/commonjs/status-indicator/lib/hooks/index.d.ts +2 -0
  119. package/dist/commonjs/status-indicator/lib/hooks/index.d.ts.map +1 -0
  120. package/dist/commonjs/{breadcrumbs → status-indicator/lib/hooks}/index.js +1 -5
  121. package/dist/commonjs/status-indicator/lib/hooks/useStatusIndicatorModel.d.ts +75 -0
  122. package/dist/commonjs/status-indicator/lib/hooks/useStatusIndicatorModel.d.ts.map +1 -0
  123. package/dist/commonjs/status-indicator/lib/hooks/useStatusIndicatorModel.js +25 -0
  124. package/dist/commonjs/table/index.d.ts +2 -0
  125. package/dist/commonjs/table/index.d.ts.map +1 -0
  126. package/dist/commonjs/{text-area/lib/hooks → table}/index.js +1 -1
  127. package/dist/commonjs/table/lib/Table.d.ts +207 -0
  128. package/dist/commonjs/table/lib/Table.d.ts.map +1 -0
  129. package/dist/commonjs/table/lib/Table.js +229 -0
  130. package/dist/commonjs/table/lib/TableBody.d.ts +2 -0
  131. package/dist/commonjs/table/lib/TableBody.d.ts.map +1 -0
  132. package/dist/commonjs/table/lib/TableBody.js +35 -0
  133. package/dist/commonjs/table/lib/TableCaption.d.ts +2 -0
  134. package/dist/commonjs/table/lib/TableCaption.d.ts.map +1 -0
  135. package/dist/commonjs/table/lib/TableCaption.js +16 -0
  136. package/dist/commonjs/table/lib/TableCell.d.ts +2 -0
  137. package/dist/commonjs/table/lib/TableCell.d.ts.map +1 -0
  138. package/dist/commonjs/table/lib/TableCell.js +16 -0
  139. package/dist/commonjs/table/lib/TableFooter.d.ts +2 -0
  140. package/dist/commonjs/table/lib/TableFooter.d.ts.map +1 -0
  141. package/dist/commonjs/table/lib/TableFooter.js +15 -0
  142. package/dist/commonjs/table/lib/TableHead.d.ts +2 -0
  143. package/dist/commonjs/table/lib/TableHead.d.ts.map +1 -0
  144. package/dist/commonjs/table/lib/TableHead.js +23 -0
  145. package/dist/commonjs/table/lib/TableHeader.d.ts +2 -0
  146. package/dist/commonjs/table/lib/TableHeader.d.ts.map +1 -0
  147. package/dist/commonjs/table/lib/TableHeader.js +16 -0
  148. package/dist/commonjs/table/lib/TableRow.d.ts +2 -0
  149. package/dist/commonjs/table/lib/TableRow.d.ts.map +1 -0
  150. package/dist/commonjs/table/lib/TableRow.js +19 -0
  151. package/dist/commonjs/text-area/lib/TextArea.d.ts +3 -12
  152. package/dist/commonjs/text-area/lib/TextArea.d.ts.map +1 -1
  153. package/dist/commonjs/text-area/lib/TextArea.js +9 -33
  154. package/dist/commonjs/text-area/lib/TextAreaField.d.ts +2 -2
  155. package/dist/commonjs/text-area/lib/TextAreaField.d.ts.map +1 -1
  156. package/dist/commonjs/text-area/lib/TextAreaField.js +25 -41
  157. package/dist/commonjs/text-input/lib/TextInput.d.ts +5 -14
  158. package/dist/commonjs/text-input/lib/TextInput.d.ts.map +1 -1
  159. package/dist/commonjs/text-input/lib/TextInput.js +9 -33
  160. package/dist/commonjs/text-input/lib/TextInputField.d.ts +2 -2
  161. package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +1 -1
  162. package/dist/commonjs/text-input/lib/TextInputField.js +25 -30
  163. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +3 -5
  164. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts.map +1 -1
  165. package/dist/commonjs/text-input/lib/hooks/useTextInputField.js +3 -3
  166. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +1 -0
  167. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts.map +1 -1
  168. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.js +2 -1
  169. package/dist/es6/color-picker/index.d.ts +1 -1
  170. package/dist/es6/color-picker/index.d.ts.map +1 -1
  171. package/dist/es6/color-picker/index.js +1 -1
  172. package/dist/es6/color-picker/lib/ColorPicker.d.ts +1 -2
  173. package/dist/es6/color-picker/lib/ColorPicker.d.ts.map +1 -1
  174. package/dist/es6/color-picker/lib/ColorPicker.js +17 -41
  175. package/dist/es6/color-picker/lib/parts/ColorReset.js +27 -18
  176. package/dist/es6/color-picker/lib/parts/SwatchBook.js +21 -34
  177. package/dist/es6/form-field/lib/FormField.d.ts +4 -19
  178. package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
  179. package/dist/es6/form-field/lib/FormField.js +5 -28
  180. package/dist/es6/form-field/lib/FormFieldHint.d.ts +1 -1
  181. package/dist/es6/form-field/lib/FormFieldHint.d.ts.map +1 -1
  182. package/dist/es6/form-field/lib/FormFieldHint.js +7 -31
  183. package/dist/es6/form-field/lib/FormFieldInput.d.ts +1 -1
  184. package/dist/es6/form-field/lib/FormFieldInput.js +3 -14
  185. package/dist/es6/form-field/lib/FormFieldLabel.d.ts +2 -8
  186. package/dist/es6/form-field/lib/FormFieldLabel.d.ts.map +1 -1
  187. package/dist/es6/form-field/lib/FormFieldLabel.js +9 -38
  188. package/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts +3 -5
  189. package/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts.map +1 -1
  190. package/dist/es6/form-field/lib/hooks/useFormFieldHint.js +2 -3
  191. package/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts +3 -5
  192. package/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts.map +1 -1
  193. package/dist/es6/form-field/lib/hooks/useFormFieldInput.js +3 -4
  194. package/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts +3 -5
  195. package/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts.map +1 -1
  196. package/dist/es6/form-field/lib/hooks/useFormFieldLabel.js +2 -3
  197. package/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts +2 -12
  198. package/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts.map +1 -1
  199. package/dist/es6/form-field/lib/hooks/useFormFieldModel.js +9 -19
  200. package/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts +4 -4
  201. package/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts.map +1 -1
  202. package/dist/es6/form-field/lib/hooks/useFormFieldOrientation.js +4 -4
  203. package/dist/es6/index.d.ts +2 -1
  204. package/dist/es6/index.d.ts.map +1 -1
  205. package/dist/es6/index.js +2 -2
  206. package/dist/es6/menu/index.d.ts +1 -4
  207. package/dist/es6/menu/index.d.ts.map +1 -1
  208. package/dist/es6/menu/index.js +1 -4
  209. package/dist/es6/menu/lib/Menu.d.ts +44 -13
  210. package/dist/es6/menu/lib/Menu.d.ts.map +1 -1
  211. package/dist/es6/menu/lib/Menu.js +120 -125
  212. package/dist/es6/menu/lib/MenuItem.d.ts +45 -14
  213. package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
  214. package/dist/es6/menu/lib/MenuItem.js +112 -102
  215. package/dist/es6/pill/lib/Pill.d.ts +107 -19
  216. package/dist/es6/pill/lib/Pill.d.ts.map +1 -1
  217. package/dist/es6/pill/lib/Pill.js +149 -55
  218. package/dist/es6/pill/lib/PillAvatar.d.ts +1 -2
  219. package/dist/es6/pill/lib/PillAvatar.d.ts.map +1 -1
  220. package/dist/es6/pill/lib/PillAvatar.js +3 -14
  221. package/dist/es6/pill/lib/PillCount.js +4 -27
  222. package/dist/es6/pill/lib/PillIcon.d.ts +1 -2
  223. package/dist/es6/pill/lib/PillIcon.d.ts.map +1 -1
  224. package/dist/es6/pill/lib/PillIcon.js +3 -26
  225. package/dist/es6/pill/lib/PillIconButton.d.ts +1 -2
  226. package/dist/es6/pill/lib/PillIconButton.d.ts.map +1 -1
  227. package/dist/es6/pill/lib/PillIconButton.js +7 -30
  228. package/dist/es6/pill/lib/PillLabel.d.ts +1 -2
  229. package/dist/es6/pill/lib/PillLabel.d.ts.map +1 -1
  230. package/dist/es6/pill/lib/PillLabel.js +5 -28
  231. package/dist/es6/pill/lib/usePillModel.d.ts +5 -5
  232. package/dist/es6/pill/lib/usePillModel.js +8 -16
  233. package/dist/es6/segmented-control/index.d.ts +5 -0
  234. package/dist/es6/segmented-control/index.d.ts.map +1 -0
  235. package/dist/es6/segmented-control/index.js +4 -0
  236. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +1189 -0
  237. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -0
  238. package/dist/es6/segmented-control/lib/SegmentedControl.js +51 -0
  239. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +107 -0
  240. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -0
  241. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +83 -0
  242. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +135 -0
  243. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -0
  244. package/dist/es6/segmented-control/lib/SegmentedControlList.js +19 -0
  245. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +79 -0
  246. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -0
  247. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.js +18 -0
  248. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +1202 -0
  249. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -0
  250. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.js +69 -0
  251. package/dist/es6/select/index.d.ts +0 -3
  252. package/dist/es6/select/index.d.ts.map +1 -1
  253. package/dist/es6/select/index.js +0 -3
  254. package/dist/es6/select/lib/Select.d.ts +0 -1
  255. package/dist/es6/select/lib/Select.d.ts.map +1 -1
  256. package/dist/es6/select/lib/Select.js +145 -186
  257. package/dist/es6/select/lib/SelectBase.d.ts +2 -2
  258. package/dist/es6/select/lib/SelectBase.d.ts.map +1 -1
  259. package/dist/es6/select/lib/SelectBase.js +101 -97
  260. package/dist/es6/select/lib/SelectMenu.d.ts +2 -2
  261. package/dist/es6/select/lib/SelectMenu.d.ts.map +1 -1
  262. package/dist/es6/select/lib/SelectMenu.js +49 -81
  263. package/dist/es6/select/lib/SelectOption.d.ts +1 -2
  264. package/dist/es6/select/lib/SelectOption.d.ts.map +1 -1
  265. package/dist/es6/select/lib/SelectOption.js +30 -45
  266. package/dist/es6/select/lib/scrolling.js +6 -7
  267. package/dist/es6/select/lib/utils.js +4 -4
  268. package/dist/es6/side-panel/index.d.ts +0 -3
  269. package/dist/es6/side-panel/index.d.ts.map +1 -1
  270. package/dist/es6/side-panel/index.js +0 -3
  271. package/dist/es6/side-panel/lib/SidePanel.d.ts +13 -27
  272. package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
  273. package/dist/es6/side-panel/lib/SidePanel.js +93 -131
  274. package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts +17 -0
  275. package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -0
  276. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +43 -0
  277. package/dist/es6/side-panel/lib/hooks.d.ts +20 -0
  278. package/dist/es6/side-panel/lib/hooks.d.ts.map +1 -1
  279. package/dist/es6/side-panel/lib/hooks.js +37 -18
  280. package/dist/es6/status-indicator/index.d.ts +4 -0
  281. package/dist/es6/status-indicator/index.d.ts.map +1 -0
  282. package/dist/es6/status-indicator/index.js +3 -0
  283. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts +66 -0
  284. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -0
  285. package/dist/es6/status-indicator/lib/StatusIndicator.js +51 -0
  286. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts +83 -0
  287. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -0
  288. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.js +80 -0
  289. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.d.ts +5 -0
  290. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -0
  291. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +9 -0
  292. package/dist/es6/status-indicator/lib/hooks/index.d.ts +2 -0
  293. package/dist/es6/status-indicator/lib/hooks/index.d.ts.map +1 -0
  294. package/dist/es6/status-indicator/lib/hooks/index.js +1 -0
  295. package/dist/es6/status-indicator/lib/hooks/useStatusIndicatorModel.d.ts +75 -0
  296. package/dist/es6/status-indicator/lib/hooks/useStatusIndicatorModel.d.ts.map +1 -0
  297. package/dist/es6/status-indicator/lib/hooks/useStatusIndicatorModel.js +22 -0
  298. package/dist/es6/table/index.d.ts +2 -0
  299. package/dist/es6/table/index.d.ts.map +1 -0
  300. package/dist/es6/table/index.js +1 -0
  301. package/dist/es6/table/lib/Table.d.ts +207 -0
  302. package/dist/es6/table/lib/Table.d.ts.map +1 -0
  303. package/dist/es6/table/lib/Table.js +223 -0
  304. package/dist/es6/table/lib/TableBody.d.ts +2 -0
  305. package/dist/es6/table/lib/TableBody.d.ts.map +1 -0
  306. package/dist/es6/table/lib/TableBody.js +29 -0
  307. package/dist/es6/table/lib/TableCaption.d.ts +2 -0
  308. package/dist/es6/table/lib/TableCaption.d.ts.map +1 -0
  309. package/dist/es6/table/lib/TableCaption.js +10 -0
  310. package/dist/es6/table/lib/TableCell.d.ts +2 -0
  311. package/dist/es6/table/lib/TableCell.d.ts.map +1 -0
  312. package/dist/es6/table/lib/TableCell.js +10 -0
  313. package/dist/es6/table/lib/TableFooter.d.ts +2 -0
  314. package/dist/es6/table/lib/TableFooter.d.ts.map +1 -0
  315. package/dist/es6/table/lib/TableFooter.js +9 -0
  316. package/dist/es6/table/lib/TableHead.d.ts +2 -0
  317. package/dist/es6/table/lib/TableHead.d.ts.map +1 -0
  318. package/dist/es6/table/lib/TableHead.js +17 -0
  319. package/dist/es6/table/lib/TableHeader.d.ts +2 -0
  320. package/dist/es6/table/lib/TableHeader.d.ts.map +1 -0
  321. package/dist/es6/table/lib/TableHeader.js +10 -0
  322. package/dist/es6/table/lib/TableRow.d.ts +2 -0
  323. package/dist/es6/table/lib/TableRow.d.ts.map +1 -0
  324. package/dist/es6/table/lib/TableRow.js +13 -0
  325. package/dist/es6/text-area/lib/TextArea.d.ts +3 -12
  326. package/dist/es6/text-area/lib/TextArea.d.ts.map +1 -1
  327. package/dist/es6/text-area/lib/TextArea.js +7 -31
  328. package/dist/es6/text-area/lib/TextAreaField.d.ts +2 -2
  329. package/dist/es6/text-area/lib/TextAreaField.d.ts.map +1 -1
  330. package/dist/es6/text-area/lib/TextAreaField.js +22 -38
  331. package/dist/es6/text-input/lib/TextInput.d.ts +5 -14
  332. package/dist/es6/text-input/lib/TextInput.d.ts.map +1 -1
  333. package/dist/es6/text-input/lib/TextInput.js +7 -31
  334. package/dist/es6/text-input/lib/TextInputField.d.ts +2 -2
  335. package/dist/es6/text-input/lib/TextInputField.d.ts.map +1 -1
  336. package/dist/es6/text-input/lib/TextInputField.js +24 -29
  337. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +3 -5
  338. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts.map +1 -1
  339. package/dist/es6/text-input/lib/hooks/useTextInputField.js +1 -1
  340. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +1 -0
  341. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map +1 -1
  342. package/dist/es6/text-input/lib/hooks/useTextInputModel.js +2 -1
  343. package/form-field/lib/FormField.tsx +5 -10
  344. package/form-field/lib/FormFieldHint.tsx +23 -30
  345. package/form-field/lib/FormFieldLabel.tsx +18 -33
  346. package/form-field/lib/hooks/useFormFieldModel.tsx +1 -3
  347. package/form-field/lib/hooks/useFormFieldOrientation.tsx +6 -6
  348. package/index.ts +2 -3
  349. package/menu/index.ts +1 -6
  350. package/menu/lib/Menu.tsx +81 -27
  351. package/menu/lib/MenuItem.tsx +63 -19
  352. package/package.json +6 -6
  353. package/pill/lib/Pill.tsx +109 -10
  354. package/pill/lib/PillCount.tsx +1 -1
  355. package/pill/lib/PillIcon.tsx +1 -1
  356. package/segmented-control/LICENSE +126 -0
  357. package/segmented-control/README.md +6 -0
  358. package/segmented-control/index.ts +4 -0
  359. package/segmented-control/lib/SegmentedControl.tsx +57 -0
  360. package/segmented-control/lib/SegmentedControlItem.tsx +175 -0
  361. package/segmented-control/lib/SegmentedControlList.tsx +49 -0
  362. package/segmented-control/lib/hooks/useSegmentedControlItem.tsx +33 -0
  363. package/segmented-control/lib/hooks/useSegmentedControlModel.tsx +75 -0
  364. package/segmented-control/package.json +6 -0
  365. package/select/README.md +7 -7
  366. package/select/index.ts +0 -4
  367. package/select/lib/Select.tsx +1 -3
  368. package/select/lib/SelectBase.tsx +3 -5
  369. package/select/lib/SelectMenu.tsx +1 -3
  370. package/select/lib/SelectOption.tsx +1 -3
  371. package/side-panel/index.ts +0 -4
  372. package/side-panel/lib/SidePanel.tsx +119 -170
  373. package/side-panel/lib/SidePanelToggleButton.tsx +78 -0
  374. package/side-panel/lib/hooks.ts +20 -0
  375. package/status-indicator/LICENSE +52 -0
  376. package/status-indicator/README.md +12 -0
  377. package/status-indicator/index.ts +3 -0
  378. package/status-indicator/lib/StatusIndicator.tsx +75 -0
  379. package/status-indicator/lib/StatusIndicatorIcon.tsx +88 -0
  380. package/status-indicator/lib/StatusIndicatorLabel.tsx +28 -0
  381. package/status-indicator/lib/hooks/index.ts +1 -0
  382. package/status-indicator/lib/hooks/useStatusIndicatorModel.tsx +29 -0
  383. package/status-indicator/package.json +6 -0
  384. package/{breadcrumbs → table}/LICENSE +0 -1
  385. package/table/README.md +5 -0
  386. package/table/index.ts +1 -0
  387. package/table/lib/Table.tsx +236 -0
  388. package/table/lib/TableBody.tsx +35 -0
  389. package/table/lib/TableCaption.tsx +22 -0
  390. package/table/lib/TableCell.tsx +27 -0
  391. package/table/lib/TableFooter.tsx +14 -0
  392. package/table/lib/TableHead.tsx +23 -0
  393. package/table/lib/TableHeader.tsx +28 -0
  394. package/table/lib/TableRow.tsx +26 -0
  395. package/table/package.json +6 -0
  396. package/text-area/lib/TextArea.tsx +9 -6
  397. package/text-area/lib/TextAreaField.tsx +7 -3
  398. package/text-input/lib/TextInput.tsx +9 -6
  399. package/text-input/lib/TextInputField.tsx +10 -6
  400. package/text-input/lib/hooks/useTextInputModel.ts +1 -0
  401. package/breadcrumbs/README.md +0 -7
  402. package/breadcrumbs/index.ts +0 -5
  403. package/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.tsx +0 -85
  404. package/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.tsx +0 -152
  405. package/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.tsx +0 -63
  406. package/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.ts +0 -109
  407. package/breadcrumbs/lib/Breadcrumbs/Dropdown/index.tsx +0 -38
  408. package/breadcrumbs/lib/Breadcrumbs/List/Collapsible.tsx +0 -66
  409. package/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx +0 -64
  410. package/breadcrumbs/lib/Breadcrumbs/List/Link.tsx +0 -88
  411. package/breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx +0 -30
  412. package/breadcrumbs/lib/Breadcrumbs/List/hooks.ts +0 -114
  413. package/breadcrumbs/lib/Breadcrumbs/List/index.tsx +0 -28
  414. package/breadcrumbs/lib/Breadcrumbs/List/styles.ts +0 -12
  415. package/breadcrumbs/lib/Breadcrumbs/Nav.tsx +0 -14
  416. package/breadcrumbs/lib/Breadcrumbs/hooks.ts +0 -13
  417. package/breadcrumbs/lib/Breadcrumbs/index.tsx +0 -15
  418. package/breadcrumbs/lib/Breadcrumbs/types.ts +0 -7
  419. package/breadcrumbs/package.json +0 -6
  420. package/dist/commonjs/breadcrumbs/index.d.ts +0 -5
  421. package/dist/commonjs/breadcrumbs/index.d.ts.map +0 -1
  422. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
  423. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +0 -1
  424. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +0 -69
  425. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -38
  426. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts.map +0 -1
  427. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +0 -94
  428. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
  429. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts.map +0 -1
  430. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.js +0 -73
  431. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -13
  432. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts.map +0 -1
  433. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.js +0 -77
  434. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
  435. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts.map +0 -1
  436. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.js +0 -37
  437. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
  438. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts.map +0 -1
  439. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.js +0 -78
  440. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
  441. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +0 -1
  442. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +0 -49
  443. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
  444. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map +0 -1
  445. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.js +0 -66
  446. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -4
  447. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +0 -1
  448. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +0 -43
  449. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
  450. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map +0 -1
  451. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.js +0 -116
  452. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -4
  453. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map +0 -1
  454. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.js +0 -38
  455. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
  456. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map +0 -1
  457. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.js +0 -16
  458. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
  459. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map +0 -1
  460. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.js +0 -34
  461. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
  462. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.d.ts.map +0 -1
  463. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.js +0 -12
  464. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -9
  465. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts.map +0 -1
  466. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.js +0 -17
  467. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
  468. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.d.ts.map +0 -1
  469. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.js +0 -2
  470. package/dist/commonjs/text-area/lib/hooks/index.d.ts +0 -2
  471. package/dist/commonjs/text-area/lib/hooks/index.d.ts.map +0 -1
  472. package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts +0 -28
  473. package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts.map +0 -1
  474. package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.js +0 -5
  475. package/dist/es6/breadcrumbs/index.d.ts +0 -5
  476. package/dist/es6/breadcrumbs/index.d.ts.map +0 -1
  477. package/dist/es6/breadcrumbs/index.js +0 -4
  478. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
  479. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +0 -1
  480. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +0 -63
  481. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -38
  482. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts.map +0 -1
  483. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +0 -87
  484. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
  485. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts.map +0 -1
  486. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.js +0 -51
  487. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -13
  488. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts.map +0 -1
  489. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.js +0 -72
  490. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
  491. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts.map +0 -1
  492. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.js +0 -30
  493. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
  494. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts.map +0 -1
  495. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.js +0 -55
  496. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
  497. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +0 -1
  498. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +0 -42
  499. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
  500. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map +0 -1
  501. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.js +0 -59
  502. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -4
  503. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +0 -1
  504. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +0 -36
  505. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
  506. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map +0 -1
  507. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.js +0 -91
  508. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -4
  509. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map +0 -1
  510. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.js +0 -32
  511. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
  512. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map +0 -1
  513. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.js +0 -12
  514. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
  515. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map +0 -1
  516. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.js +0 -27
  517. package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
  518. package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.d.ts.map +0 -1
  519. package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.js +0 -8
  520. package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -9
  521. package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts.map +0 -1
  522. package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.js +0 -14
  523. package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
  524. package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.d.ts.map +0 -1
  525. package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.js +0 -1
  526. package/dist/es6/text-area/lib/hooks/index.d.ts +0 -2
  527. package/dist/es6/text-area/lib/hooks/index.d.ts.map +0 -1
  528. package/dist/es6/text-area/lib/hooks/index.js +0 -1
  529. package/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts +0 -28
  530. package/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts.map +0 -1
  531. package/dist/es6/text-area/lib/hooks/useTextAreaModel.js +0 -2
  532. package/text-area/lib/hooks/index.ts +0 -1
  533. package/text-area/lib/hooks/useTextAreaModel.ts +0 -3
@@ -1,116 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.useTruncateTooltip = exports.useBuildCollapsedList = exports.useCollapse = void 0;
23
- var react_1 = __importStar(require("react"));
24
- var Link_1 = require("./Link");
25
- var useCollapse = function (listEl, maxWidth) {
26
- if (maxWidth === void 0) { maxWidth = 0; }
27
- var _a = react_1.useState(false), shouldCollapseList = _a[0], setShouldCollapseList = _a[1];
28
- react_1.useLayoutEffect(function () {
29
- var _a;
30
- var listWidth = ((_a = listEl.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
31
- setShouldCollapseList(listWidth > maxWidth);
32
- }, [listEl, maxWidth]);
33
- return { shouldCollapseList: shouldCollapseList };
34
- };
35
- exports.useCollapse = useCollapse;
36
- var getBreadcrumbLink = function (breadcrumb) {
37
- return react_1.Children.toArray(breadcrumb.props.children).filter(function (child) {
38
- return react_1.default.isValidElement(child) && child.type === Link_1.BreadcrumbLink;
39
- })[0];
40
- };
41
- var buildCollapsedList = function (list, containerWidth, maxWidth, collapsedList) {
42
- if (collapsedList === void 0) { collapsedList = []; }
43
- // TODO: Calculate expander width dynamically
44
- var EXPANDER_WIDTH = 66;
45
- // recurse over the breadcrumb items until the containerWidth is less than or equal to the maxWidth
46
- if (!list.length || containerWidth + EXPANDER_WIDTH <= maxWidth) {
47
- return collapsedList;
48
- }
49
- var firstCrumb = list[0], restList = list.slice(1);
50
- var updatedCollapsedList = collapsedList.concat(firstCrumb);
51
- var adjustedWidth = containerWidth - firstCrumb.width;
52
- return buildCollapsedList(restList, adjustedWidth, maxWidth, updatedCollapsedList);
53
- };
54
- var useBuildCollapsedList = function (listEl, children, maxWidth) {
55
- var _a = react_1.useState([]), collapsedItems = _a[0], setCollapsedItems = _a[1];
56
- react_1.useLayoutEffect(function () {
57
- var listItemNodes = listEl.current ? listEl.current.querySelectorAll('li') : [];
58
- var containerWidth = listEl.current ? listEl.current.clientWidth : 0;
59
- var listItems = [];
60
- react_1.Children.forEach(children, function (child, index) {
61
- var _a, _b;
62
- if (!react_1.default.isValidElement(child)) {
63
- return;
64
- }
65
- var breadcrumbLink = getBreadcrumbLink(child);
66
- // We should make this match work better
67
- var listItemNode = listItemNodes[index];
68
- // We might need to allow folks to spread more props from the link
69
- listItems.push({
70
- index: index,
71
- link: ((_a = breadcrumbLink === null || breadcrumbLink === void 0 ? void 0 : breadcrumbLink.props) === null || _a === void 0 ? void 0 : _a.href) || '',
72
- text: listItemNode ? listItemNode.innerText : '',
73
- width: listItemNode ? listItemNode.clientWidth : 0,
74
- onAction: (_b = breadcrumbLink === null || breadcrumbLink === void 0 ? void 0 : breadcrumbLink.props) === null || _b === void 0 ? void 0 : _b.onAction,
75
- });
76
- });
77
- // don't collapse the root breadcrumb
78
- var collapsibleListItems = listItems.slice(1);
79
- var collapsedList = buildCollapsedList(collapsibleListItems, containerWidth, maxWidth);
80
- setCollapsedItems(collapsedList);
81
- // eslint-disable-next-line react-hooks/exhaustive-deps
82
- }, [maxWidth]);
83
- var collapsedItemIndices = collapsedItems.map(function (child) { return child.index; });
84
- return { collapsedItems: collapsedItems, collapsedItemIndices: collapsedItemIndices };
85
- };
86
- exports.useBuildCollapsedList = useBuildCollapsedList;
87
- var useTruncateTooltip = function (ref) {
88
- var _a = react_1.useState(false), isTooltipOpen = _a[0], setIsTooltipOpen = _a[1];
89
- var _b = react_1.useState(false), shouldShowTooltip = _b[0], setShouldShowTooltip = _b[1];
90
- react_1.useEffect(function () {
91
- if (ref === null || ref === void 0 ? void 0 : ref.current) {
92
- setShouldShowTooltip(ref.current.scrollWidth > ref.current.clientWidth);
93
- }
94
- }, [ref]);
95
- var openTooltip = function (event) {
96
- var currentTarget = event.currentTarget;
97
- // if the target is truncated, show the tooltip
98
- if (currentTarget.scrollWidth > currentTarget.clientWidth) {
99
- setIsTooltipOpen(true);
100
- }
101
- };
102
- var closeTooltip = function () {
103
- setIsTooltipOpen(false);
104
- };
105
- var tooltipProps = {
106
- role: 'tooltip',
107
- };
108
- return {
109
- isTooltipOpen: isTooltipOpen,
110
- openTooltip: openTooltip,
111
- closeTooltip: closeTooltip,
112
- shouldShowTooltip: shouldShowTooltip,
113
- tooltipProps: tooltipProps,
114
- };
115
- };
116
- exports.useTruncateTooltip = useTruncateTooltip;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- export declare type BreadcrumbsListProps = React.HTMLAttributes<HTMLUListElement>;
3
- export declare const BreadcrumbsList: import("@workday/canvas-kit-react/common").ElementComponent<"ul", BreadcrumbsListProps>;
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAE1E,eAAO,MAAM,eAAe,yFAqB1B,CAAC"}
@@ -1,38 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.BreadcrumbsList = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var layout_1 = require("@workday/canvas-kit-react/layout");
32
- exports.BreadcrumbsList = common_1.createComponent('ul')({
33
- displayName: 'BreadcrumbsList',
34
- Component: function (_a, ref) {
35
- var children = _a.children, elemProps = __rest(_a, ["children"]);
36
- return (react_1.default.createElement(layout_1.Flex, __assign({ padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: 40, listStyle: "none", style: { boxSizing: 'border-box' }, as: "ul", role: "list", ref: ref }, elemProps), children));
37
- },
38
- });
@@ -1,3 +0,0 @@
1
- import { CSSObject } from '@emotion/styled';
2
- export declare const truncateStyles: (maxWidth?: number) => CSSObject;
3
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAK1C,eAAO,MAAM,cAAc,cAAc,MAAM,KAAuB,SAMpE,CAAC"}
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.truncateStyles = void 0;
4
- // default max-width for truncating text
5
- var DEFAULT_MAX_WIDTH = 350;
6
- var truncateStyles = function (maxWidth) {
7
- if (maxWidth === void 0) { maxWidth = DEFAULT_MAX_WIDTH; }
8
- return ({
9
- display: 'inline-block',
10
- maxWidth: maxWidth,
11
- overflow: 'hidden',
12
- textOverflow: 'ellipsis',
13
- whiteSpace: 'nowrap',
14
- });
15
- };
16
- exports.truncateStyles = truncateStyles;
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface BreadcrumbsNavProps extends React.HTMLAttributes<HTMLElement> {
3
- /**
4
- * The accessibility label to indicate the type of navigation.
5
- *
6
- * Suggested value: "breadcrumb"
7
- */
8
- 'aria-label': string;
9
- }
10
- export declare const BreadcrumbsNav: ({ "aria-label": ariaLabel, ...elemProps }: BreadcrumbsNavProps) => JSX.Element;
11
- //# sourceMappingURL=Nav.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,8CAA6C,mBAAmB,gBAE1F,CAAC"}
@@ -1,34 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.BreadcrumbsNav = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var BreadcrumbsNav = function (_a) {
31
- var ariaLabel = _a["aria-label"], elemProps = __rest(_a, ['aria-label']);
32
- return react_1.default.createElement("nav", __assign({ role: "navigation", "aria-label": ariaLabel }, elemProps));
33
- };
34
- exports.BreadcrumbsNav = BreadcrumbsNav;
@@ -1,5 +0,0 @@
1
- import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
2
- export declare const useRTL: (partialTheme?: PartialEmotionCanvasTheme | undefined) => {
3
- shouldUseRTL: boolean;
4
- };
5
- //# sourceMappingURL=hooks.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAE1C,eAAO,MAAM,MAAM;;CAMlB,CAAC"}
@@ -1,12 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useRTL = void 0;
4
- var common_1 = require("@workday/canvas-kit-react/common");
5
- var useRTL = function (partialTheme) {
6
- var theme = common_1.useTheme(partialTheme);
7
- var shouldUseRTL = theme.canvas.direction === common_1.ContentDirection.RTL;
8
- return {
9
- shouldUseRTL: shouldUseRTL,
10
- };
11
- };
12
- exports.useRTL = useRTL;
@@ -1,9 +0,0 @@
1
- export declare const Breadcrumbs: {
2
- Nav: ({ "aria-label": ariaLabel, ...elemProps }: import("./Nav").BreadcrumbsNavProps) => JSX.Element;
3
- CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: import("./List/Collapsible").CollapsibleListProps) => JSX.Element;
4
- List: import("@workday/canvas-kit-react/common").ElementComponent<"ul", import("./List").BreadcrumbsListProps>;
5
- ListItem: ({ children, ...props }: import("./List/ListItem").ListItemProps) => JSX.Element;
6
- Link: ({ maxWidth, onAction, onClick, href, children, ...props }: import("./List/Link").BreadcrumbLinkProps) => JSX.Element;
7
- CurrentItem: ({ children, maxWidth, ...elemProps }: import("./List/CurrentItem").CurrentItemProps) => JSX.Element;
8
- };
9
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;;;;CAOvB,CAAC"}
@@ -1,17 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Breadcrumbs = void 0;
4
- var CurrentItem_1 = require("./List/CurrentItem");
5
- var Link_1 = require("./List/Link");
6
- var Nav_1 = require("./Nav");
7
- var Collapsible_1 = require("./List/Collapsible");
8
- var ListItem_1 = require("./List/ListItem");
9
- var List_1 = require("./List");
10
- exports.Breadcrumbs = {
11
- Nav: Nav_1.BreadcrumbsNav,
12
- CollapsibleList: Collapsible_1.CollapsibleList,
13
- List: List_1.BreadcrumbsList,
14
- ListItem: ListItem_1.BreadcrumbsListItem,
15
- Link: Link_1.BreadcrumbLink,
16
- CurrentItem: CurrentItem_1.CurrentItem,
17
- };
@@ -1,8 +0,0 @@
1
- export interface Breadcrumb extends React.HTMLAttributes<HTMLAnchorElement> {
2
- index: number;
3
- link: string;
4
- text: string;
5
- width: number;
6
- onAction?: (href: string) => void;
7
- }
8
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/Breadcrumbs/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,2 +0,0 @@
1
- export * from './useTextAreaModel';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../text-area/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
@@ -1,28 +0,0 @@
1
- export declare const useTextAreaModel: (<TT_Special_Generic>(config?: (Partial<{
2
- hasError: boolean;
3
- id: string;
4
- isRequired: boolean;
5
- }> & {} & {}) | undefined) => {
6
- state: {
7
- id: string;
8
- hasError: boolean;
9
- isRequired: boolean;
10
- };
11
- events: {};
12
- }) & import("@workday/canvas-kit-react/common").ModelExtras<{
13
- hasError: boolean;
14
- id: string;
15
- isRequired: boolean;
16
- }, {}, {
17
- id: string;
18
- hasError: boolean;
19
- isRequired: boolean;
20
- }, {}, {
21
- state: {
22
- id: string;
23
- hasError: boolean;
24
- isRequired: boolean;
25
- };
26
- events: {};
27
- }>;
28
- //# sourceMappingURL=useTextAreaModel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTextAreaModel.d.ts","sourceRoot":"","sources":["../../../../../text-area/lib/hooks/useTextAreaModel.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;EAAoB,CAAC"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useTextAreaModel = void 0;
4
- var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
5
- exports.useTextAreaModel = form_field_1.useFormFieldModel;
@@ -1,5 +0,0 @@
1
- import { Breadcrumbs } from './lib/Breadcrumbs';
2
- export default Breadcrumbs;
3
- export { Breadcrumbs };
4
- export * from './lib/Breadcrumbs';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAC,WAAW,EAAC,CAAC;AACrB,cAAc,mBAAmB,CAAC"}
@@ -1,4 +0,0 @@
1
- import { Breadcrumbs } from './lib/Breadcrumbs';
2
- export default Breadcrumbs;
3
- export { Breadcrumbs };
4
- export * from './lib/Breadcrumbs';
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import { CanvasSystemIcon } from '@workday/design-assets-types';
3
- export interface DropdownButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
4
- /**
5
- * The accessibility label for the button
6
- */
7
- 'aria-label': string;
8
- /**
9
- * The Canvas System Icon for the button
10
- *
11
- * @default relatedActionsIcon
12
- */
13
- buttonIcon?: CanvasSystemIcon;
14
- /**
15
- * The boolean to determine whether the button should be in a 'toggled' state
16
- */
17
- toggled: boolean;
18
- }
19
- export declare const DropdownButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", DropdownButtonProps>;
20
- //# sourceMappingURL=Button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAI9D,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAClF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,4FA2BzB,CAAC"}
@@ -1,63 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import React from 'react';
24
- import { BaseButton } from '@workday/canvas-kit-react/button';
25
- import { relatedActionsIcon } from '@workday/canvas-system-icons-web';
26
- import { createComponent, useTheme } from '@workday/canvas-kit-react/common';
27
- import { colors, space } from '@workday/canvas-kit-react/tokens';
28
- export var DropdownButton = createComponent('button')({
29
- displayName: 'DropdownButton',
30
- Component: function (_a, ref, Element) {
31
- var _b = _a.buttonIcon, buttonIcon = _b === void 0 ? relatedActionsIcon : _b, toggled = _a.toggled, elemProps = __rest(_a, ["buttonIcon", "toggled"]);
32
- var theme = useTheme();
33
- return (React.createElement(BaseButton, __assign({ as: Element, ref: ref, "aria-pressed": undefined, "aria-expanded": toggled, "aria-haspopup": true, "aria-controls": "menu", size: "small", height: space.l, width: space.l, padding: space.zero, colors: getDropdownColors(toggled, theme) }, elemProps),
34
- React.createElement(BaseButton.Icon, { icon: buttonIcon })));
35
- },
36
- });
37
- var getDropdownColors = function (toggled, theme) {
38
- var themePrimary = theme.canvas.palette.primary;
39
- return {
40
- default: {
41
- icon: toggled ? themePrimary.main : colors.blackPepper400,
42
- label: themePrimary.main,
43
- },
44
- hover: {
45
- background: colors.soap200,
46
- icon: toggled ? themePrimary.dark : colors.blackPepper500,
47
- label: themePrimary.dark,
48
- },
49
- active: {
50
- background: colors.soap300,
51
- icon: toggled ? themePrimary.dark : colors.blackPepper500,
52
- label: themePrimary.dark,
53
- },
54
- focus: {
55
- icon: toggled ? themePrimary.main : colors.blackPepper500,
56
- label: themePrimary.main,
57
- },
58
- disabled: {
59
- icon: toggled ? themePrimary.main : colors.blackPepper400,
60
- label: themePrimary.main,
61
- },
62
- };
63
- };
@@ -1,38 +0,0 @@
1
- import React from 'react';
2
- import { Breadcrumb } from '../types';
3
- export interface DropdownMenuProps {
4
- /**
5
- * The active dropdown item in the menu
6
- */
7
- activeDropdownItem: Breadcrumb;
8
- /**
9
- * The HTML `id` of the element that labels the Menu. It should match the id of the menu button.
10
- */
11
- 'aria-labelledby': string;
12
- /**
13
- * An array of Breadcrumb items to render in the dropdown menu
14
- */
15
- dropdownItems: Breadcrumb[];
16
- /**
17
- * A function to set the active dropdown item
18
- */
19
- setActiveDropdownItem: React.Dispatch<React.SetStateAction<Breadcrumb>>;
20
- /**
21
- * The ref of the rendered HTMLAnchorElement
22
- */
23
- activeDropdownItemRef: React.RefObject<HTMLAnchorElement>;
24
- /**
25
- * A function to return the focus to the dropdown button
26
- */
27
- resetFocus: () => void;
28
- /**
29
- * A function to toggle the focus to the previous list item
30
- */
31
- toggleActiveItemUp: () => void;
32
- /**
33
- * A function to toggle the focus to the next list item
34
- */
35
- toggleActiveItemDown: () => void;
36
- }
37
- export declare const DropdownMenu: ({ activeDropdownItemRef, activeDropdownItem, dropdownItems, resetFocus, setActiveDropdownItem, toggleActiveItemDown, toggleActiveItemUp, ...elemProps }: DropdownMenuProps) => JSX.Element;
38
- //# sourceMappingURL=Menu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAKpC,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,kBAAkB,EAAE,UAAU,CAAC;IAC/B;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,aAAa,EAAE,UAAU,EAAE,CAAC;IAC5B;;OAEG;IACH,qBAAqB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;IACxE;;OAEG;IACH,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC1D;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAgCD,eAAO,MAAM,YAAY,4JAStB,iBAAiB,gBA4DnB,CAAC"}
@@ -1,87 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import React from 'react';
24
- import { styled } from '@workday/canvas-kit-react/common';
25
- import { borderRadius, colors, commonColors, depth, space, type, } from '@workday/canvas-kit-react/tokens';
26
- // local components
27
- import { DropdownMenuItemLink } from './MenuItemLink';
28
- import { Box } from '@workday/canvas-kit-react/layout';
29
- var StyledDropdownMenu = styled(Box)(__assign(__assign(__assign({}, type.levels.subtext.large), depth[3]), { backgroundColor: commonColors.background, border: "1px solid " + colors.soap500, borderRadius: borderRadius.m, boxSizing: 'border-box', display: 'inline-block', marginTop: space.xxxs, maxHeight: 200, outline: 'none', overflowY: 'auto', position: 'relative', width: 'max-content' }));
30
- var StyledMenuList = styled('ul')({
31
- boxSizing: 'border-box',
32
- listStyle: 'none',
33
- margin: space.xxs + " 0",
34
- padding: 0,
35
- width: 280,
36
- wordBreak: 'break-word',
37
- wordWrap: 'break-word',
38
- });
39
- var MenuList = function (elemProps) {
40
- return React.createElement(StyledMenuList, __assign({ role: "menu" }, elemProps));
41
- };
42
- export var DropdownMenu = function (_a) {
43
- var activeDropdownItemRef = _a.activeDropdownItemRef, activeDropdownItem = _a.activeDropdownItem, _b = _a.dropdownItems, dropdownItems = _b === void 0 ? [] : _b, resetFocus = _a.resetFocus, setActiveDropdownItem = _a.setActiveDropdownItem, toggleActiveItemDown = _a.toggleActiveItemDown, toggleActiveItemUp = _a.toggleActiveItemUp, elemProps = __rest(_a, ["activeDropdownItemRef", "activeDropdownItem", "dropdownItems", "resetFocus", "setActiveDropdownItem", "toggleActiveItemDown", "toggleActiveItemUp"]);
44
- var handleItemKeyUp = function (event) {
45
- switch (event.key) {
46
- case 'ArrowUp':
47
- case 'Up': // IE/Edge specific value
48
- case 'ArrowLeft':
49
- case 'Left': // IE/Edge specific value
50
- toggleActiveItemUp();
51
- break;
52
- case 'ArrowDown':
53
- case 'Down': // IE/Edge specific value
54
- case 'ArrowRight':
55
- case 'Right': // IE/Edge specific value
56
- toggleActiveItemDown();
57
- break;
58
- default:
59
- break;
60
- }
61
- };
62
- var handleItemKeyDown = function (event, item) {
63
- switch (event.key) {
64
- case 'Tab':
65
- event.preventDefault();
66
- break;
67
- case 'Enter':
68
- event.preventDefault();
69
- if (item.onAction) {
70
- item.onAction(item.link);
71
- resetFocus();
72
- break;
73
- }
74
- window.location.href = item.link;
75
- break;
76
- default:
77
- break;
78
- }
79
- };
80
- return (React.createElement(StyledDropdownMenu, null,
81
- React.createElement(MenuList, __assign({}, elemProps), dropdownItems.map(function (item, i) {
82
- var index = item.index, link = item.link, text = item.text, elemProps = __rest(item, ["index", "link", "text"]);
83
- var isFocused = index === activeDropdownItem.index;
84
- return (React.createElement("li", { onKeyUp: handleItemKeyUp, onKeyDown: function (e) { return handleItemKeyDown(e, item); }, key: i },
85
- React.createElement(DropdownMenuItemLink, __assign({ ref: isFocused ? activeDropdownItemRef : null, href: link }, elemProps), text)));
86
- }))));
87
- };
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- interface DropdownMenuItemLinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
3
- /**
4
- * The href url of the anchor tag
5
- */
6
- href: string;
7
- /**
8
- * A handler function for overriding hard-redirects with links
9
- */
10
- onAction?: (href: string) => void;
11
- }
12
- export declare const DropdownMenuItemLink: React.ForwardRefExoticComponent<DropdownMenuItemLinkProps & React.RefAttributes<HTMLAnchorElement>>;
13
- export {};
14
- //# sourceMappingURL=MenuItemLink.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemLink.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACjF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAuBD,eAAO,MAAM,oBAAoB,qGA0BhC,CAAC"}