@workday/canvas-kit-preview-react 7.0.0-alpha.129-next.3 → 7.0.0-alpha.256-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 (276) hide show
  1. package/dist/commonjs/form-field/lib/FormField.d.ts +2 -11
  2. package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
  3. package/dist/commonjs/form-field/lib/FormFieldHint.d.ts +1 -1
  4. package/dist/commonjs/form-field/lib/FormFieldHint.d.ts.map +1 -1
  5. package/dist/commonjs/form-field/lib/FormFieldHint.js +2 -3
  6. package/dist/commonjs/form-field/lib/FormFieldInput.d.ts +1 -1
  7. package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts.map +1 -1
  8. package/dist/commonjs/form-field/lib/FormFieldLabel.js +3 -9
  9. package/dist/commonjs/index.d.ts +2 -1
  10. package/dist/commonjs/index.d.ts.map +1 -1
  11. package/dist/commonjs/index.js +2 -2
  12. package/dist/commonjs/menu/lib/Menu.d.ts +37 -13
  13. package/dist/commonjs/menu/lib/Menu.d.ts.map +1 -1
  14. package/dist/commonjs/menu/lib/Menu.js +42 -22
  15. package/dist/commonjs/menu/lib/MenuItem.d.ts +35 -13
  16. package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
  17. package/dist/commonjs/menu/lib/MenuItem.js +24 -10
  18. package/dist/commonjs/pill/lib/Pill.d.ts +0 -10
  19. package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -1
  20. package/dist/commonjs/segmented-control/index.d.ts +3 -0
  21. package/dist/commonjs/segmented-control/index.d.ts.map +1 -0
  22. package/dist/commonjs/segmented-control/index.js +14 -0
  23. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +1004 -0
  24. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -0
  25. package/dist/commonjs/segmented-control/lib/SegmentedControl.js +22 -0
  26. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +103 -0
  27. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -0
  28. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +130 -0
  29. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +66 -0
  30. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -0
  31. package/dist/commonjs/{breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.js → segmented-control/lib/SegmentedControlList.js} +21 -28
  32. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +60 -0
  33. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -0
  34. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.js +23 -0
  35. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +1052 -0
  36. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -0
  37. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.js +74 -0
  38. package/dist/commonjs/select/index.d.ts.map +1 -1
  39. package/dist/commonjs/status-indicator/index.d.ts +2 -0
  40. package/dist/commonjs/status-indicator/index.d.ts.map +1 -0
  41. package/dist/commonjs/{breadcrumbs → status-indicator}/index.js +1 -1
  42. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +42 -0
  43. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -0
  44. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +55 -0
  45. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts +73 -0
  46. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -0
  47. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.js +98 -0
  48. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.d.ts +5 -0
  49. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -0
  50. package/dist/commonjs/{breadcrumbs/lib/Breadcrumbs/Nav.js → status-indicator/lib/StatusIndicatorLabel.js} +10 -6
  51. package/dist/commonjs/status-indicator/lib/hooks/index.d.ts +2 -0
  52. package/dist/commonjs/status-indicator/lib/hooks/index.d.ts.map +1 -0
  53. package/dist/commonjs/status-indicator/lib/hooks/index.js +13 -0
  54. package/dist/commonjs/status-indicator/lib/hooks/useStatusIndicatorModel.d.ts +75 -0
  55. package/dist/commonjs/status-indicator/lib/hooks/useStatusIndicatorModel.d.ts.map +1 -0
  56. package/dist/commonjs/status-indicator/lib/hooks/useStatusIndicatorModel.js +34 -0
  57. package/dist/commonjs/text-area/lib/TextArea.d.ts +2 -11
  58. package/dist/commonjs/text-area/lib/TextArea.d.ts.map +1 -1
  59. package/dist/commonjs/text-area/lib/TextAreaField.d.ts +1 -1
  60. package/dist/commonjs/text-area/lib/TextAreaField.d.ts.map +1 -1
  61. package/dist/commonjs/text-area/lib/TextAreaField.js +15 -7
  62. package/dist/commonjs/text-input/lib/TextInput.d.ts +2 -11
  63. package/dist/commonjs/text-input/lib/TextInput.d.ts.map +1 -1
  64. package/dist/commonjs/text-input/lib/TextInputField.d.ts +1 -1
  65. package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +1 -1
  66. package/dist/commonjs/text-input/lib/TextInputField.js +14 -7
  67. package/dist/es6/form-field/lib/FormField.d.ts +2 -11
  68. package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
  69. package/dist/es6/form-field/lib/FormFieldHint.d.ts +1 -1
  70. package/dist/es6/form-field/lib/FormFieldHint.d.ts.map +1 -1
  71. package/dist/es6/form-field/lib/FormFieldHint.js +4 -5
  72. package/dist/es6/form-field/lib/FormFieldInput.d.ts +1 -1
  73. package/dist/es6/form-field/lib/FormFieldLabel.d.ts.map +1 -1
  74. package/dist/es6/form-field/lib/FormFieldLabel.js +5 -11
  75. package/dist/es6/index.d.ts +2 -1
  76. package/dist/es6/index.d.ts.map +1 -1
  77. package/dist/es6/index.js +2 -2
  78. package/dist/es6/menu/lib/Menu.d.ts +37 -13
  79. package/dist/es6/menu/lib/Menu.d.ts.map +1 -1
  80. package/dist/es6/menu/lib/Menu.js +41 -21
  81. package/dist/es6/menu/lib/MenuItem.d.ts +35 -13
  82. package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
  83. package/dist/es6/menu/lib/MenuItem.js +23 -9
  84. package/dist/es6/pill/lib/Pill.d.ts +0 -10
  85. package/dist/es6/pill/lib/Pill.d.ts.map +1 -1
  86. package/dist/es6/segmented-control/index.d.ts +3 -0
  87. package/dist/es6/segmented-control/index.d.ts.map +1 -0
  88. package/dist/es6/segmented-control/index.js +2 -0
  89. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +1004 -0
  90. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -0
  91. package/dist/es6/segmented-control/lib/SegmentedControl.js +16 -0
  92. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +103 -0
  93. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -0
  94. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +108 -0
  95. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +66 -0
  96. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -0
  97. package/dist/es6/segmented-control/lib/SegmentedControlList.js +44 -0
  98. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +60 -0
  99. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -0
  100. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.js +20 -0
  101. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +1052 -0
  102. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -0
  103. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.js +68 -0
  104. package/dist/es6/select/index.d.ts.map +1 -1
  105. package/dist/es6/status-indicator/index.d.ts +2 -0
  106. package/dist/es6/status-indicator/index.d.ts.map +1 -0
  107. package/dist/es6/status-indicator/index.js +1 -0
  108. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts +42 -0
  109. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -0
  110. package/dist/es6/status-indicator/lib/StatusIndicator.js +49 -0
  111. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts +73 -0
  112. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -0
  113. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.js +92 -0
  114. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.d.ts +5 -0
  115. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -0
  116. package/dist/es6/{breadcrumbs/lib/Breadcrumbs/Nav.js → status-indicator/lib/StatusIndicatorLabel.js} +9 -4
  117. package/dist/es6/status-indicator/lib/hooks/index.d.ts +2 -0
  118. package/dist/es6/status-indicator/lib/hooks/index.d.ts.map +1 -0
  119. package/dist/es6/status-indicator/lib/hooks/index.js +1 -0
  120. package/dist/es6/status-indicator/lib/hooks/useStatusIndicatorModel.d.ts +75 -0
  121. package/dist/es6/status-indicator/lib/hooks/useStatusIndicatorModel.d.ts.map +1 -0
  122. package/dist/es6/status-indicator/lib/hooks/useStatusIndicatorModel.js +31 -0
  123. package/dist/es6/text-area/lib/TextArea.d.ts +2 -11
  124. package/dist/es6/text-area/lib/TextArea.d.ts.map +1 -1
  125. package/dist/es6/text-area/lib/TextAreaField.d.ts +1 -1
  126. package/dist/es6/text-area/lib/TextAreaField.d.ts.map +1 -1
  127. package/dist/es6/text-area/lib/TextAreaField.js +15 -7
  128. package/dist/es6/text-input/lib/TextInput.d.ts +2 -11
  129. package/dist/es6/text-input/lib/TextInput.d.ts.map +1 -1
  130. package/dist/es6/text-input/lib/TextInputField.d.ts +1 -1
  131. package/dist/es6/text-input/lib/TextInputField.d.ts.map +1 -1
  132. package/dist/es6/text-input/lib/TextInputField.js +14 -7
  133. package/form-field/lib/FormFieldHint.tsx +23 -30
  134. package/form-field/lib/FormFieldLabel.tsx +14 -24
  135. package/index.ts +2 -3
  136. package/menu/lib/Menu.tsx +73 -26
  137. package/menu/lib/MenuItem.tsx +51 -16
  138. package/package.json +6 -5
  139. package/segmented-control/LICENSE +126 -0
  140. package/segmented-control/README.md +6 -0
  141. package/segmented-control/index.ts +2 -0
  142. package/segmented-control/lib/SegmentedControl.tsx +21 -0
  143. package/segmented-control/lib/SegmentedControlItem.tsx +175 -0
  144. package/segmented-control/lib/SegmentedControlList.tsx +49 -0
  145. package/segmented-control/lib/hooks/useSegmentedControlItem.tsx +37 -0
  146. package/segmented-control/lib/hooks/useSegmentedControlModel.tsx +75 -0
  147. package/segmented-control/package.json +6 -0
  148. package/select/index.ts +0 -1
  149. package/{breadcrumbs → status-indicator}/LICENSE +1 -1
  150. package/status-indicator/README.md +12 -0
  151. package/status-indicator/index.ts +1 -0
  152. package/status-indicator/lib/StatusIndicator.tsx +49 -0
  153. package/status-indicator/lib/StatusIndicatorIcon.tsx +88 -0
  154. package/status-indicator/lib/StatusIndicatorLabel.tsx +28 -0
  155. package/status-indicator/lib/hooks/index.ts +1 -0
  156. package/status-indicator/lib/hooks/useStatusIndicatorModel.tsx +29 -0
  157. package/status-indicator/package.json +6 -0
  158. package/text-area/lib/TextAreaField.tsx +1 -1
  159. package/text-input/lib/TextInputField.tsx +1 -1
  160. package/breadcrumbs/README.md +0 -7
  161. package/breadcrumbs/index.ts +0 -1
  162. package/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.tsx +0 -85
  163. package/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.tsx +0 -152
  164. package/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.tsx +0 -63
  165. package/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.ts +0 -109
  166. package/breadcrumbs/lib/Breadcrumbs/Dropdown/index.tsx +0 -38
  167. package/breadcrumbs/lib/Breadcrumbs/List/Collapsible.tsx +0 -66
  168. package/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx +0 -64
  169. package/breadcrumbs/lib/Breadcrumbs/List/Link.tsx +0 -88
  170. package/breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx +0 -30
  171. package/breadcrumbs/lib/Breadcrumbs/List/hooks.ts +0 -114
  172. package/breadcrumbs/lib/Breadcrumbs/List/index.tsx +0 -26
  173. package/breadcrumbs/lib/Breadcrumbs/List/styles.ts +0 -12
  174. package/breadcrumbs/lib/Breadcrumbs/Nav.tsx +0 -14
  175. package/breadcrumbs/lib/Breadcrumbs/hooks.ts +0 -13
  176. package/breadcrumbs/lib/Breadcrumbs/index.tsx +0 -15
  177. package/breadcrumbs/lib/Breadcrumbs/types.ts +0 -7
  178. package/breadcrumbs/package.json +0 -6
  179. package/dist/commonjs/breadcrumbs/index.d.ts +0 -2
  180. package/dist/commonjs/breadcrumbs/index.d.ts.map +0 -1
  181. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
  182. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +0 -1
  183. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +0 -69
  184. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -38
  185. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts.map +0 -1
  186. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +0 -94
  187. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
  188. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts.map +0 -1
  189. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -13
  190. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts.map +0 -1
  191. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.js +0 -77
  192. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
  193. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts.map +0 -1
  194. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.js +0 -37
  195. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
  196. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts.map +0 -1
  197. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.js +0 -78
  198. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
  199. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +0 -1
  200. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +0 -49
  201. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
  202. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map +0 -1
  203. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.js +0 -66
  204. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -4
  205. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +0 -1
  206. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +0 -43
  207. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
  208. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map +0 -1
  209. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.js +0 -116
  210. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -4
  211. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map +0 -1
  212. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.js +0 -26
  213. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
  214. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map +0 -1
  215. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.js +0 -16
  216. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
  217. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map +0 -1
  218. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
  219. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.d.ts.map +0 -1
  220. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.js +0 -12
  221. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -9
  222. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts.map +0 -1
  223. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.js +0 -17
  224. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
  225. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.d.ts.map +0 -1
  226. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.js +0 -2
  227. package/dist/es6/breadcrumbs/index.d.ts +0 -2
  228. package/dist/es6/breadcrumbs/index.d.ts.map +0 -1
  229. package/dist/es6/breadcrumbs/index.js +0 -1
  230. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
  231. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +0 -1
  232. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +0 -63
  233. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -38
  234. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts.map +0 -1
  235. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +0 -87
  236. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
  237. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts.map +0 -1
  238. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.js +0 -51
  239. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -13
  240. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts.map +0 -1
  241. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.js +0 -72
  242. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
  243. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts.map +0 -1
  244. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.js +0 -30
  245. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
  246. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts.map +0 -1
  247. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.js +0 -55
  248. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
  249. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +0 -1
  250. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +0 -42
  251. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
  252. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map +0 -1
  253. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.js +0 -59
  254. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -4
  255. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +0 -1
  256. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +0 -36
  257. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
  258. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map +0 -1
  259. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.js +0 -91
  260. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -4
  261. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map +0 -1
  262. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.js +0 -20
  263. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
  264. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map +0 -1
  265. package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.js +0 -12
  266. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
  267. package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map +0 -1
  268. package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
  269. package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.d.ts.map +0 -1
  270. package/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.js +0 -8
  271. package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -9
  272. package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts.map +0 -1
  273. package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.js +0 -14
  274. package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
  275. package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.d.ts.map +0 -1
  276. package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.js +0 -1
@@ -1,94 +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.DropdownMenu = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
32
- // local components
33
- var MenuItemLink_1 = require("./MenuItemLink");
34
- var layout_1 = require("@workday/canvas-kit-react/layout");
35
- var StyledDropdownMenu = common_1.styled(layout_1.Box)(__assign(__assign(__assign({}, tokens_1.type.levels.subtext.large), tokens_1.depth[3]), { backgroundColor: tokens_1.commonColors.background, border: "1px solid " + tokens_1.colors.soap500, borderRadius: tokens_1.borderRadius.m, boxSizing: 'border-box', display: 'inline-block', marginTop: tokens_1.space.xxxs, maxHeight: 200, outline: 'none', overflowY: 'auto', position: 'relative', width: 'max-content' }));
36
- var StyledMenuList = common_1.styled('ul')({
37
- boxSizing: 'border-box',
38
- listStyle: 'none',
39
- margin: tokens_1.space.xxs + " 0",
40
- padding: 0,
41
- width: 280,
42
- wordBreak: 'break-word',
43
- wordWrap: 'break-word',
44
- });
45
- var MenuList = function (elemProps) {
46
- return react_1.default.createElement(StyledMenuList, __assign({ role: "menu" }, elemProps));
47
- };
48
- var DropdownMenu = function (_a) {
49
- 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"]);
50
- var handleItemKeyUp = function (event) {
51
- switch (event.key) {
52
- case 'ArrowUp':
53
- case 'Up': // IE/Edge specific value
54
- case 'ArrowLeft':
55
- case 'Left': // IE/Edge specific value
56
- toggleActiveItemUp();
57
- break;
58
- case 'ArrowDown':
59
- case 'Down': // IE/Edge specific value
60
- case 'ArrowRight':
61
- case 'Right': // IE/Edge specific value
62
- toggleActiveItemDown();
63
- break;
64
- default:
65
- break;
66
- }
67
- };
68
- var handleItemKeyDown = function (event, item) {
69
- switch (event.key) {
70
- case 'Tab':
71
- event.preventDefault();
72
- break;
73
- case 'Enter':
74
- event.preventDefault();
75
- if (item.onAction) {
76
- item.onAction(item.link);
77
- resetFocus();
78
- break;
79
- }
80
- window.location.href = item.link;
81
- break;
82
- default:
83
- break;
84
- }
85
- };
86
- return (react_1.default.createElement(StyledDropdownMenu, null,
87
- react_1.default.createElement(MenuList, __assign({}, elemProps), dropdownItems.map(function (item, i) {
88
- var index = item.index, link = item.link, text = item.text, elemProps = __rest(item, ["index", "link", "text"]);
89
- var isFocused = index === activeDropdownItem.index;
90
- return (react_1.default.createElement("li", { onKeyUp: handleItemKeyUp, onKeyDown: function (e) { return handleItemKeyDown(e, item); }, key: i },
91
- react_1.default.createElement(MenuItemLink_1.DropdownMenuItemLink, __assign({ ref: isFocused ? activeDropdownItemRef : null, href: link }, elemProps), text)));
92
- }))));
93
- };
94
- exports.DropdownMenu = DropdownMenu;
@@ -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"}
@@ -1,13 +0,0 @@
1
- import { usePopupPopper } from '@workday/canvas-kit-react/popup';
2
- import { DropdownButtonProps } from './Button';
3
- import { DropdownMenuProps } from './Menu';
4
- import { Breadcrumb } from '../types';
5
- export declare const useFocusActiveItemElement: <E extends HTMLElement>(activeDropdownItemRef: import("react").RefObject<E>) => void;
6
- interface UseDropdown {
7
- dropdownButtonProps: Omit<DropdownButtonProps, 'aria-label'>;
8
- dropdownMenuProps: DropdownMenuProps;
9
- popperProps: ReturnType<typeof usePopupPopper>;
10
- }
11
- export declare const useDropdown: (activeDropdownItemRef: React.RefObject<HTMLAnchorElement>, items: Breadcrumb[], buttonId?: string | undefined) => UseDropdown;
12
- export {};
13
- //# sourceMappingURL=hooks.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAML,cAAc,EACf,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,eAAO,MAAM,yBAAyB,sFAQrC,CAAC;AASF,UAAU,WAAW;IACnB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;IAC7D,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,WAAW,0BACC,MAAM,SAAS,CAAC,iBAAiB,CAAC,SAClD,UAAU,EAAE,oCAElB,WAkEF,CAAC"}
@@ -1,77 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useDropdown = exports.useFocusActiveItemElement = void 0;
4
- var react_1 = require("react");
5
- var common_1 = require("@workday/canvas-kit-react/common");
6
- var popup_1 = require("@workday/canvas-kit-react/popup");
7
- var useFocusActiveItemElement = function (activeDropdownItemRef) {
8
- react_1.useLayoutEffect(function () {
9
- if (activeDropdownItemRef.current) {
10
- return activeDropdownItemRef.current.focus();
11
- }
12
- });
13
- };
14
- exports.useFocusActiveItemElement = useFocusActiveItemElement;
15
- var initialActiveItem = {
16
- index: 0,
17
- link: '',
18
- text: '',
19
- width: 0,
20
- };
21
- var useDropdown = function (activeDropdownItemRef, items, buttonId) {
22
- // state
23
- var _a = react_1.useState(initialActiveItem), activeDropdownItem = _a[0], setActiveDropdownItem = _a[1];
24
- // behaviors
25
- var model = popup_1.usePopupModel({
26
- initialFocusRef: activeDropdownItemRef,
27
- });
28
- popup_1.useCloseOnOutsideClick(model);
29
- popup_1.useCloseOnEscape(model);
30
- popup_1.useReturnFocus(model);
31
- exports.useFocusActiveItemElement(activeDropdownItemRef);
32
- var handleButtonKeyUp = function (e) {
33
- if (e.key === 'Enter') {
34
- setActiveDropdownItem(items[0]);
35
- }
36
- };
37
- var resetMenuFocus = function () {
38
- model.events.hide();
39
- common_1.changeFocus(model.state.targetRef.current);
40
- };
41
- var findActiveDropdownItemByIndex = function (index) {
42
- return items.filter(function (item) { return item.index === index; })[0];
43
- };
44
- var toggleActiveItemUp = function () {
45
- var previousItem = findActiveDropdownItemByIndex(activeDropdownItem.index - 1);
46
- if (!previousItem) {
47
- return resetMenuFocus();
48
- }
49
- return setActiveDropdownItem(previousItem);
50
- };
51
- var toggleActiveItemDown = function () {
52
- var nextItem = findActiveDropdownItemByIndex(activeDropdownItem.index + 1);
53
- if (!nextItem) {
54
- return setActiveDropdownItem(items[0]);
55
- }
56
- return setActiveDropdownItem(nextItem);
57
- };
58
- var uniqueButtonId = common_1.useUniqueId(buttonId);
59
- var dropdownButtonProps = popup_1.usePopupTarget(model, {
60
- id: uniqueButtonId,
61
- toggled: model.state.visibility !== 'hidden',
62
- onKeyUp: handleButtonKeyUp,
63
- });
64
- var dropdownMenuProps = {
65
- 'aria-labelledby': uniqueButtonId,
66
- dropdownItems: items,
67
- activeDropdownItem: activeDropdownItem,
68
- activeDropdownItemRef: activeDropdownItemRef,
69
- setActiveDropdownItem: setActiveDropdownItem,
70
- resetFocus: resetMenuFocus,
71
- toggleActiveItemUp: toggleActiveItemUp,
72
- toggleActiveItemDown: toggleActiveItemDown,
73
- };
74
- var popperProps = popup_1.usePopupPopper(model);
75
- return { dropdownButtonProps: dropdownButtonProps, dropdownMenuProps: dropdownMenuProps, popperProps: popperProps };
76
- };
77
- exports.useDropdown = useDropdown;
@@ -1,8 +0,0 @@
1
- import { Breadcrumb } from '../types';
2
- import { DropdownButtonProps } from './Button';
3
- export interface DropdownProps extends Pick<DropdownButtonProps, 'buttonIcon'> {
4
- buttonAriaLabel: string;
5
- items?: Breadcrumb[];
6
- }
7
- export declare const Dropdown: ({ buttonAriaLabel, buttonIcon, items }: DropdownProps) => JSX.Element;
8
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAKpC,OAAO,EAAiB,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAG7D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC;IAC5E,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,2CAA+C,aAAa,gBAuBhF,CAAC"}
@@ -1,37 +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 __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.Dropdown = void 0;
18
- var react_1 = __importDefault(require("react"));
19
- var popup_1 = require("@workday/canvas-kit-react/popup");
20
- var hooks_1 = require("../hooks");
21
- var hooks_2 = require("./hooks");
22
- var Button_1 = require("./Button");
23
- var Menu_1 = require("./Menu");
24
- var Dropdown = function (_a) {
25
- var buttonAriaLabel = _a.buttonAriaLabel, buttonIcon = _a.buttonIcon, _b = _a.items, items = _b === void 0 ? [] : _b;
26
- // refs
27
- var activeDropdownItemRef = react_1.default.useRef(null);
28
- // behaviors
29
- var _c = hooks_2.useDropdown(activeDropdownItemRef, items), dropdownButtonProps = _c.dropdownButtonProps, dropdownMenuProps = _c.dropdownMenuProps, popperProps = _c.popperProps;
30
- var shouldUseRTL = hooks_1.useRTL().shouldUseRTL;
31
- var placement = shouldUseRTL ? 'bottom-end' : 'bottom-start';
32
- return (react_1.default.createElement(react_1.default.Fragment, null,
33
- react_1.default.createElement(Button_1.DropdownButton, __assign({ "aria-label": buttonAriaLabel, buttonIcon: buttonIcon }, dropdownButtonProps)),
34
- react_1.default.createElement(popup_1.Popper, __assign({ placement: placement }, popperProps),
35
- react_1.default.createElement(Menu_1.DropdownMenu, __assign({}, dropdownMenuProps)))));
36
- };
37
- exports.Dropdown = Dropdown;
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- import { DropdownButtonProps } from '../Dropdown/Button';
3
- export interface CollapsibleListProps extends React.HTMLAttributes<HTMLUListElement>, Pick<DropdownButtonProps, 'buttonIcon'> {
4
- /**
5
- * The accessibility label for the dropdown menu button.
6
- *
7
- * Suggested value: "more links"
8
- */
9
- buttonAriaLabel: string;
10
- /**
11
- * The max-width before the list should collapse and render a dropdown menu
12
- */
13
- maxWidth: number;
14
- }
15
- export declare const CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: CollapsibleListProps) => JSX.Element;
16
- //# sourceMappingURL=Collapsible.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAO9C,OAAO,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AASvD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC;IACzC;;;;OAIG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,kEAMzB,oBAAoB,gBA4BtB,CAAC"}
@@ -1,78 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
- }) : (function(o, m, k, k2) {
17
- if (k2 === undefined) k2 = k;
18
- o[k2] = m[k];
19
- }));
20
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
- Object.defineProperty(o, "default", { enumerable: true, value: v });
22
- }) : function(o, v) {
23
- o["default"] = v;
24
- });
25
- var __importStar = (this && this.__importStar) || function (mod) {
26
- if (mod && mod.__esModule) return mod;
27
- var result = {};
28
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
- __setModuleDefault(result, mod);
30
- return result;
31
- };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
- Object.defineProperty(exports, "__esModule", { value: true });
44
- exports.CollapsibleList = void 0;
45
- var react_1 = __importStar(require("react"));
46
- // local components
47
- var Dropdown_1 = require("../Dropdown");
48
- var ListItem_1 = require("./ListItem");
49
- var index_1 = require("./index");
50
- // hooks
51
- var hooks_1 = require("./hooks");
52
- var parseListItems = function (children) {
53
- var childArray = react_1.Children.toArray(children);
54
- var _a = childArray, rootItem = _a[0], length = _a.length, _b = length - 1, currentItem = _a[_b];
55
- var collapsibleItems = childArray.slice(1, -1);
56
- return { rootItem: rootItem, collapsibleItems: collapsibleItems, currentItem: currentItem };
57
- };
58
- var CollapsibleList = function (_a) {
59
- var children = _a.children, buttonIcon = _a.buttonIcon, buttonAriaLabel = _a.buttonAriaLabel, maxWidth = _a.maxWidth, props = __rest(_a, ["children", "buttonIcon", "buttonAriaLabel", "maxWidth"]);
60
- // refs
61
- var listRef = react_1.useRef(null);
62
- // behaviors
63
- var shouldCollapseList = hooks_1.useCollapse(listRef, maxWidth).shouldCollapseList;
64
- var _b = hooks_1.useBuildCollapsedList(listRef, children, maxWidth), collapsedItems = _b.collapsedItems, collapsedItemIndices = _b.collapsedItemIndices;
65
- var _c = parseListItems(children), rootItem = _c.rootItem, collapsibleItems = _c.collapsibleItems, currentItem = _c.currentItem;
66
- return (react_1.default.createElement(index_1.BreadcrumbsList, __assign({ ref: listRef }, props),
67
- rootItem,
68
- shouldCollapseList && (react_1.default.createElement(ListItem_1.BreadcrumbsListItem, null,
69
- react_1.default.createElement(Dropdown_1.Dropdown, { buttonAriaLabel: buttonAriaLabel, buttonIcon: buttonIcon, items: collapsedItems }))),
70
- collapsibleItems.map(function (item, i) {
71
- if (collapsedItemIndices.indexOf(i + 1) !== -1) {
72
- return;
73
- }
74
- return item;
75
- }),
76
- currentItem));
77
- };
78
- exports.CollapsibleList = CollapsibleList;
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface CurrentItemProps extends React.HTMLAttributes<HTMLLIElement> {
3
- /**
4
- * The max-width of the text
5
- *
6
- * @default 350px
7
- */
8
- maxWidth?: number;
9
- }
10
- export declare const CurrentItem: ({ children, maxWidth, ...elemProps }: CurrentItemProps) => JSX.Element;
11
- //# sourceMappingURL=CurrentItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CurrentItem.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;IAC3E;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAiBD,eAAO,MAAM,WAAW,yCAAwC,gBAAgB,gBA8B/E,CAAC"}
@@ -1,49 +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.CurrentItem = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
32
- var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
33
- var popup_1 = require("@workday/canvas-kit-react/popup");
34
- var hooks_1 = require("./hooks");
35
- var styles_1 = require("./styles");
36
- var ListItem = common_1.styled('li')(__assign(__assign({ display: 'flex', alignItems: 'center', flexDirection: 'column', textAlign: 'left' }, tokens_1.type.levels.subtext.large), { fontWeight: 500 }), function (_a) {
37
- var maxWidth = _a.maxWidth;
38
- return (__assign({}, styles_1.truncateStyles(maxWidth)));
39
- });
40
- var CurrentItem = function (_a) {
41
- var children = _a.children, maxWidth = _a.maxWidth, elemProps = __rest(_a, ["children", "maxWidth"]);
42
- var ref = react_1.default.useRef(null);
43
- var _b = hooks_1.useTruncateTooltip(ref), isTooltipOpen = _b.isTooltipOpen, openTooltip = _b.openTooltip, closeTooltip = _b.closeTooltip, shouldShowTooltip = _b.shouldShowTooltip, tooltipProps = _b.tooltipProps;
44
- return (react_1.default.createElement(react_1.default.Fragment, null,
45
- react_1.default.createElement(ListItem, __assign({ ref: ref, maxWidth: maxWidth, onMouseEnter: openTooltip, onMouseLeave: closeTooltip, onFocus: openTooltip, onBlur: closeTooltip }, (shouldShowTooltip && { tabIndex: 0 }), elemProps), children),
46
- react_1.default.createElement(popup_1.Popper, { open: isTooltipOpen, anchorElement: ref, placement: "top" },
47
- react_1.default.createElement(tooltip_1.TooltipContainer, __assign({}, tooltipProps), children))));
48
- };
49
- exports.CurrentItem = CurrentItem;
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- export interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
3
- /**
4
- * The href url of the anchor tag
5
- */
6
- href: string;
7
- /**
8
- * The max-width of the link text
9
- *
10
- * @default 350px
11
- */
12
- maxWidth?: number;
13
- /**
14
- * A handler function for overriding hard-redirects with links
15
- */
16
- onAction?: (href: string) => void;
17
- }
18
- export declare const BreadcrumbLink: ({ maxWidth, onAction, onClick, href, children, ...props }: BreadcrumbLinkProps) => JSX.Element;
19
- //# sourceMappingURL=Link.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAeD,eAAO,MAAM,cAAc,8DAOxB,mBAAmB,gBAwCrB,CAAC"}
@@ -1,66 +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.BreadcrumbLink = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var common_1 = require("@workday/canvas-kit-react/common");
31
- var button_1 = require("@workday/canvas-kit-react/button");
32
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
33
- var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
34
- var popup_1 = require("@workday/canvas-kit-react/popup");
35
- var hooks_1 = require("./hooks");
36
- var styles_1 = require("./styles");
37
- var _a = tokens_1.type.levels.subtext.large, color = _a.color, subtextLargeStyles = __rest(_a, ["color"]);
38
- var StyledLink = common_1.styled(button_1.Hyperlink)(__assign({}, subtextLargeStyles), function (_a) {
39
- var maxWidth = _a.maxWidth;
40
- return (__assign({}, styles_1.truncateStyles(maxWidth)));
41
- });
42
- var BreadcrumbLink = function (_a) {
43
- var maxWidth = _a.maxWidth, onAction = _a.onAction, onClick = _a.onClick, href = _a.href, children = _a.children, props = __rest(_a, ["maxWidth", "onAction", "onClick", "href", "children"]);
44
- var ref = react_1.default.useRef(null);
45
- var _b = hooks_1.useTruncateTooltip(ref), isTooltipOpen = _b.isTooltipOpen, openTooltip = _b.openTooltip, closeTooltip = _b.closeTooltip, tooltipProps = _b.tooltipProps;
46
- var handleClick = function (event) {
47
- event.preventDefault();
48
- // allow an override to the hard redirect
49
- if (onAction) {
50
- onAction(href);
51
- }
52
- else {
53
- // default to hard redirecting
54
- window.location.href = href;
55
- }
56
- // don't block the onClick event if it's provided
57
- if (onClick) {
58
- onClick(event);
59
- }
60
- };
61
- return (react_1.default.createElement(react_1.default.Fragment, null,
62
- react_1.default.createElement(StyledLink, __assign({ ref: ref, maxWidth: maxWidth, onMouseEnter: openTooltip, onMouseLeave: closeTooltip, onFocus: openTooltip, onBlur: closeTooltip, href: href, role: "link", onClick: handleClick }, props), children),
63
- react_1.default.createElement(popup_1.Popper, { open: isTooltipOpen, anchorElement: ref, placement: "top" },
64
- react_1.default.createElement(tooltip_1.TooltipContainer, __assign({}, tooltipProps), children))));
65
- };
66
- exports.BreadcrumbLink = BreadcrumbLink;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- export declare type ListItemProps = React.HTMLAttributes<HTMLLIElement>;
3
- export declare const BreadcrumbsListItem: ({ children, ...props }: ListItemProps) => JSX.Element;
4
- //# sourceMappingURL=ListItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,oBAAY,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;AAEhE,eAAO,MAAM,mBAAmB,wDAmB/B,CAAC"}
@@ -1,43 +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.BreadcrumbsListItem = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var icon_1 = require("@workday/canvas-kit-react/icon");
31
- var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
32
- var tokens_1 = require("@workday/canvas-kit-react/tokens");
33
- var hooks_1 = require("../hooks");
34
- var layout_1 = require("@workday/canvas-kit-react/layout");
35
- var BreadcrumbsListItem = function (_a) {
36
- var children = _a.children, props = __rest(_a, ["children"]);
37
- var shouldUseRTL = hooks_1.useRTL().shouldUseRTL;
38
- var icon = shouldUseRTL ? canvas_system_icons_web_1.chevronLeftSmallIcon : canvas_system_icons_web_1.chevronRightSmallIcon;
39
- return (react_1.default.createElement(layout_1.Flex, __assign({ as: "li", alignItems: "center" }, props),
40
- children,
41
- react_1.default.createElement(icon_1.SystemIcon, { icon: icon, color: tokens_1.colors.licorice200, colorHover: tokens_1.colors.licorice200, size: 20, height: 32, width: 32, styles: { justifyContent: 'center', alignItems: 'center', display: 'inline-flex' }, "aria-hidden": true })));
42
- };
43
- exports.BreadcrumbsListItem = BreadcrumbsListItem;
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import { Breadcrumb } from '../types';
3
- export declare const useCollapse: <E extends HTMLElement>(listEl: React.RefObject<E>, maxWidth?: number) => {
4
- shouldCollapseList: boolean;
5
- };
6
- export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: React.RefObject<E>, children: React.ReactNode, maxWidth: number) => {
7
- collapsedItems: Breadcrumb[];
8
- collapsedItemIndices: number[];
9
- };
10
- export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
11
- isTooltipOpen: boolean;
12
- openTooltip: (event: React.MouseEvent | React.FocusEvent) => void;
13
- closeTooltip: () => void;
14
- shouldShowTooltip: boolean;
15
- tooltipProps: {
16
- role: string;
17
- };
18
- };
19
- //# sourceMappingURL=hooks.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../../breadcrumbs/lib/Breadcrumbs/List/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,eAAO,MAAM,WAAW;;CASvB,CAAC;AA2BF,eAAO,MAAM,qBAAqB,gEAEtB,MAAM,SAAS,YACf,MAAM;;;CAmCjB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;yBASD,gBAAgB,GAAG,gBAAgB;;;;;;CAuBhE,CAAC"}