@transferwise/components 0.0.0-experimental-e068634 → 0.0.0-experimental-0e166d9

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 (358) hide show
  1. package/build/button/Button.js +0 -1
  2. package/build/button/Button.js.map +1 -1
  3. package/build/button/Button.mjs +0 -1
  4. package/build/button/Button.mjs.map +1 -1
  5. package/build/common/RadioButton/RadioButton.js +2 -5
  6. package/build/common/RadioButton/RadioButton.js.map +1 -1
  7. package/build/common/RadioButton/RadioButton.mjs +2 -5
  8. package/build/common/RadioButton/RadioButton.mjs.map +1 -1
  9. package/build/common/initials.js +4 -1
  10. package/build/common/initials.js.map +1 -1
  11. package/build/common/initials.mjs +4 -1
  12. package/build/common/initials.mjs.map +1 -1
  13. package/build/flowNavigation/animatedLabel/AnimatedLabel.js +3 -2
  14. package/build/flowNavigation/animatedLabel/AnimatedLabel.js.map +1 -1
  15. package/build/flowNavigation/animatedLabel/AnimatedLabel.mjs +2 -1
  16. package/build/flowNavigation/animatedLabel/AnimatedLabel.mjs.map +1 -1
  17. package/build/i18n/de.json +2 -0
  18. package/build/i18n/de.json.js +2 -0
  19. package/build/i18n/de.json.js.map +1 -1
  20. package/build/i18n/de.json.mjs +2 -0
  21. package/build/i18n/de.json.mjs.map +1 -1
  22. package/build/i18n/fr.json +2 -0
  23. package/build/i18n/fr.json.js +2 -0
  24. package/build/i18n/fr.json.js.map +1 -1
  25. package/build/i18n/fr.json.mjs +2 -0
  26. package/build/i18n/fr.json.mjs.map +1 -1
  27. package/build/i18n/hu.json +2 -0
  28. package/build/i18n/hu.json.js +2 -0
  29. package/build/i18n/hu.json.js.map +1 -1
  30. package/build/i18n/hu.json.mjs +2 -0
  31. package/build/i18n/hu.json.mjs.map +1 -1
  32. package/build/i18n/it.json +2 -0
  33. package/build/i18n/it.json.js +2 -0
  34. package/build/i18n/it.json.js.map +1 -1
  35. package/build/i18n/it.json.mjs +2 -0
  36. package/build/i18n/it.json.mjs.map +1 -1
  37. package/build/i18n/ja.json +2 -0
  38. package/build/i18n/ja.json.js +2 -0
  39. package/build/i18n/ja.json.js.map +1 -1
  40. package/build/i18n/ja.json.mjs +2 -0
  41. package/build/i18n/ja.json.mjs.map +1 -1
  42. package/build/i18n/pl.json +2 -0
  43. package/build/i18n/pl.json.js +2 -0
  44. package/build/i18n/pl.json.js.map +1 -1
  45. package/build/i18n/pl.json.mjs +2 -0
  46. package/build/i18n/pl.json.mjs.map +1 -1
  47. package/build/i18n/pt.json +2 -0
  48. package/build/i18n/pt.json.js +2 -0
  49. package/build/i18n/pt.json.js.map +1 -1
  50. package/build/i18n/pt.json.mjs +2 -0
  51. package/build/i18n/pt.json.mjs.map +1 -1
  52. package/build/i18n/ro.json +2 -0
  53. package/build/i18n/ro.json.js +2 -0
  54. package/build/i18n/ro.json.js.map +1 -1
  55. package/build/i18n/ro.json.mjs +2 -0
  56. package/build/i18n/ro.json.mjs.map +1 -1
  57. package/build/i18n/ru.json +2 -0
  58. package/build/i18n/ru.json.js +2 -0
  59. package/build/i18n/ru.json.js.map +1 -1
  60. package/build/i18n/ru.json.mjs +2 -0
  61. package/build/i18n/ru.json.mjs.map +1 -1
  62. package/build/i18n/tr.json +2 -0
  63. package/build/i18n/tr.json.js +2 -0
  64. package/build/i18n/tr.json.js.map +1 -1
  65. package/build/i18n/tr.json.mjs +2 -0
  66. package/build/i18n/tr.json.mjs.map +1 -1
  67. package/build/i18n/zh-CN.json +2 -0
  68. package/build/i18n/zh-CN.json.js +2 -0
  69. package/build/i18n/zh-CN.json.js.map +1 -1
  70. package/build/i18n/zh-CN.json.mjs +2 -0
  71. package/build/i18n/zh-CN.json.mjs.map +1 -1
  72. package/build/i18n/zh-HK.json +2 -0
  73. package/build/i18n/zh-HK.json.js +2 -0
  74. package/build/i18n/zh-HK.json.js.map +1 -1
  75. package/build/i18n/zh-HK.json.mjs +2 -0
  76. package/build/i18n/zh-HK.json.mjs.map +1 -1
  77. package/build/iconButton/IconButton.js.map +1 -1
  78. package/build/iconButton/IconButton.mjs.map +1 -1
  79. package/build/image/Image.js.map +1 -1
  80. package/build/image/Image.mjs.map +1 -1
  81. package/build/index.js +2 -4
  82. package/build/index.js.map +1 -1
  83. package/build/index.mjs +1 -2
  84. package/build/index.mjs.map +1 -1
  85. package/build/legacylistItem/List.js +17 -0
  86. package/build/legacylistItem/List.js.map +1 -0
  87. package/build/legacylistItem/List.mjs +15 -0
  88. package/build/legacylistItem/List.mjs.map +1 -0
  89. package/build/main.css +2 -774
  90. package/build/styles/avatarView/AvatarView.css +1 -3
  91. package/build/styles/button/Button.css +1 -1
  92. package/build/styles/main.css +2 -774
  93. package/build/switch/Switch.js +1 -3
  94. package/build/switch/Switch.js.map +1 -1
  95. package/build/switch/Switch.mjs +1 -3
  96. package/build/switch/Switch.mjs.map +1 -1
  97. package/build/types/button/Button.d.ts.map +1 -1
  98. package/build/types/button/Button.types.d.ts +1 -1
  99. package/build/types/button/Button.types.d.ts.map +1 -1
  100. package/build/types/button/index.d.ts +1 -1
  101. package/build/types/button/index.d.ts.map +1 -1
  102. package/build/types/common/RadioButton/RadioButton.d.ts +1 -3
  103. package/build/types/common/RadioButton/RadioButton.d.ts.map +1 -1
  104. package/build/types/common/initials.d.ts.map +1 -1
  105. package/build/types/iconButton/IconButton.d.ts +2 -2
  106. package/build/types/iconButton/IconButton.d.ts.map +1 -1
  107. package/build/types/image/Image.d.ts +0 -3
  108. package/build/types/image/Image.d.ts.map +1 -1
  109. package/build/types/image/index.d.ts +0 -1
  110. package/build/types/image/index.d.ts.map +1 -1
  111. package/build/types/index.d.ts +2 -6
  112. package/build/types/index.d.ts.map +1 -1
  113. package/build/types/legacylistItem/List.d.ts +6 -0
  114. package/build/types/legacylistItem/List.d.ts.map +1 -0
  115. package/build/types/legacylistItem/index.d.ts +2 -0
  116. package/build/types/legacylistItem/index.d.ts.map +1 -1
  117. package/build/types/switch/Switch.d.ts +1 -3
  118. package/build/types/switch/Switch.d.ts.map +1 -1
  119. package/package.json +1 -1
  120. package/src/avatarView/AvatarView.css +1 -3
  121. package/src/avatarView/AvatarView.less +1 -2
  122. package/src/button/Button.css +1 -1
  123. package/src/button/Button.less +1 -1
  124. package/src/button/Button.spec.tsx +0 -18
  125. package/src/button/Button.story.tsx +9 -4
  126. package/src/button/Button.tsx +1 -5
  127. package/src/button/Button.types.ts +1 -1
  128. package/src/button/index.ts +1 -1
  129. package/src/checkboxButton/CheckboxButton.story.tsx +4 -4
  130. package/src/common/RadioButton/RadioButton.tsx +1 -6
  131. package/src/common/initials.spec.tsx +13 -0
  132. package/src/common/initials.ts +5 -0
  133. package/src/flowNavigation/animatedLabel/AnimatedLabel.tsx +1 -1
  134. package/src/i18n/de.json +2 -0
  135. package/src/i18n/fr.json +2 -0
  136. package/src/i18n/hu.json +2 -0
  137. package/src/i18n/it.json +2 -0
  138. package/src/i18n/ja.json +2 -0
  139. package/src/i18n/pl.json +2 -0
  140. package/src/i18n/pt.json +2 -0
  141. package/src/i18n/ro.json +2 -0
  142. package/src/i18n/ru.json +2 -0
  143. package/src/i18n/tr.json +2 -0
  144. package/src/i18n/zh-CN.json +2 -0
  145. package/src/i18n/zh-HK.json +2 -0
  146. package/src/iconButton/IconButton.story.tsx +1 -1
  147. package/src/iconButton/IconButton.tsx +1 -1
  148. package/src/image/Image.tsx +0 -3
  149. package/src/image/index.ts +0 -1
  150. package/src/index.ts +2 -6
  151. package/src/legacylistItem/LegacyListItem.story.tsx +2 -2
  152. package/src/legacylistItem/LegacyListItem.tests.story.tsx +1 -2
  153. package/src/legacylistItem/List.tsx +10 -0
  154. package/src/legacylistItem/index.ts +2 -0
  155. package/src/main.css +2 -774
  156. package/src/main.less +0 -1
  157. package/src/switch/Switch.tsx +2 -6
  158. package/src/test-utils/Parameters.d.ts +77 -0
  159. package/build/list/List.js +0 -21
  160. package/build/list/List.js.map +0 -1
  161. package/build/list/List.mjs +0 -17
  162. package/build/list/List.mjs.map +0 -1
  163. package/build/listItem/AdditionalInfo/ListItemAdditionalInfo.js +0 -56
  164. package/build/listItem/AdditionalInfo/ListItemAdditionalInfo.js.map +0 -1
  165. package/build/listItem/AdditionalInfo/ListItemAdditionalInfo.mjs +0 -54
  166. package/build/listItem/AdditionalInfo/ListItemAdditionalInfo.mjs.map +0 -1
  167. package/build/listItem/AvatarLayout/ListItemAvatarLayout.js +0 -23
  168. package/build/listItem/AvatarLayout/ListItemAvatarLayout.js.map +0 -1
  169. package/build/listItem/AvatarLayout/ListItemAvatarLayout.mjs +0 -21
  170. package/build/listItem/AvatarLayout/ListItemAvatarLayout.mjs.map +0 -1
  171. package/build/listItem/AvatarView/ListItemAvatarView.js +0 -23
  172. package/build/listItem/AvatarView/ListItemAvatarView.js.map +0 -1
  173. package/build/listItem/AvatarView/ListItemAvatarView.mjs +0 -21
  174. package/build/listItem/AvatarView/ListItemAvatarView.mjs.map +0 -1
  175. package/build/listItem/Button/ListItemButton.js +0 -43
  176. package/build/listItem/Button/ListItemButton.js.map +0 -1
  177. package/build/listItem/Button/ListItemButton.mjs +0 -41
  178. package/build/listItem/Button/ListItemButton.mjs.map +0 -1
  179. package/build/listItem/Checkbox/ListItemCheckbox.js +0 -30
  180. package/build/listItem/Checkbox/ListItemCheckbox.js.map +0 -1
  181. package/build/listItem/Checkbox/ListItemCheckbox.mjs +0 -28
  182. package/build/listItem/Checkbox/ListItemCheckbox.mjs.map +0 -1
  183. package/build/listItem/IconButton/ListItemIconButton.js +0 -56
  184. package/build/listItem/IconButton/ListItemIconButton.js.map +0 -1
  185. package/build/listItem/IconButton/ListItemIconButton.mjs +0 -54
  186. package/build/listItem/IconButton/ListItemIconButton.mjs.map +0 -1
  187. package/build/listItem/Image/ListItemImage.js +0 -31
  188. package/build/listItem/Image/ListItemImage.js.map +0 -1
  189. package/build/listItem/Image/ListItemImage.mjs +0 -29
  190. package/build/listItem/Image/ListItemImage.mjs.map +0 -1
  191. package/build/listItem/ListItem.js +0 -312
  192. package/build/listItem/ListItem.js.map +0 -1
  193. package/build/listItem/ListItem.mjs +0 -307
  194. package/build/listItem/ListItem.mjs.map +0 -1
  195. package/build/listItem/ListItemContext.js +0 -8
  196. package/build/listItem/ListItemContext.js.map +0 -1
  197. package/build/listItem/ListItemContext.mjs +0 -6
  198. package/build/listItem/ListItemContext.mjs.map +0 -1
  199. package/build/listItem/Navigation/ListItemNavigation.js +0 -45
  200. package/build/listItem/Navigation/ListItemNavigation.js.map +0 -1
  201. package/build/listItem/Navigation/ListItemNavigation.mjs +0 -43
  202. package/build/listItem/Navigation/ListItemNavigation.mjs.map +0 -1
  203. package/build/listItem/Prompt/ListItemPrompt.js +0 -59
  204. package/build/listItem/Prompt/ListItemPrompt.js.map +0 -1
  205. package/build/listItem/Prompt/ListItemPrompt.mjs +0 -54
  206. package/build/listItem/Prompt/ListItemPrompt.mjs.map +0 -1
  207. package/build/listItem/Radio/ListItemRadio.js +0 -30
  208. package/build/listItem/Radio/ListItemRadio.js.map +0 -1
  209. package/build/listItem/Radio/ListItemRadio.mjs +0 -28
  210. package/build/listItem/Radio/ListItemRadio.mjs.map +0 -1
  211. package/build/listItem/Switch/ListItemSwitch.js +0 -30
  212. package/build/listItem/Switch/ListItemSwitch.js.map +0 -1
  213. package/build/listItem/Switch/ListItemSwitch.mjs +0 -28
  214. package/build/listItem/Switch/ListItemSwitch.mjs.map +0 -1
  215. package/build/listItem/useListItemControl.js +0 -22
  216. package/build/listItem/useListItemControl.js.map +0 -1
  217. package/build/listItem/useListItemControl.mjs +0 -20
  218. package/build/listItem/useListItemControl.mjs.map +0 -1
  219. package/build/listItem/useListItemMedia.js +0 -21
  220. package/build/listItem/useListItemMedia.js.map +0 -1
  221. package/build/listItem/useListItemMedia.mjs +0 -19
  222. package/build/listItem/useListItemMedia.mjs.map +0 -1
  223. package/build/styles/listItem/ListItem.css +0 -770
  224. package/build/styles/listItem/ListItem.grid.css +0 -370
  225. package/build/test-utils/assets/placeholder-landscape.svg +0 -1
  226. package/build/test-utils/assets/placeholder-portrait.svg +0 -1
  227. package/build/types/list/List.d.ts +0 -10
  228. package/build/types/list/List.d.ts.map +0 -1
  229. package/build/types/list/index.d.ts +0 -3
  230. package/build/types/list/index.d.ts.map +0 -1
  231. package/build/types/listItem/AdditionalInfo/ListItemAdditionalInfo.d.ts +0 -15
  232. package/build/types/listItem/AdditionalInfo/ListItemAdditionalInfo.d.ts.map +0 -1
  233. package/build/types/listItem/AdditionalInfo/index.d.ts +0 -3
  234. package/build/types/listItem/AdditionalInfo/index.d.ts.map +0 -1
  235. package/build/types/listItem/AvatarLayout/ListItemAvatarLayout.d.ts +0 -18
  236. package/build/types/listItem/AvatarLayout/ListItemAvatarLayout.d.ts.map +0 -1
  237. package/build/types/listItem/AvatarLayout/index.d.ts +0 -3
  238. package/build/types/listItem/AvatarLayout/index.d.ts.map +0 -1
  239. package/build/types/listItem/AvatarView/ListItemAvatarView.d.ts +0 -16
  240. package/build/types/listItem/AvatarView/ListItemAvatarView.d.ts.map +0 -1
  241. package/build/types/listItem/AvatarView/index.d.ts +0 -3
  242. package/build/types/listItem/AvatarView/index.d.ts.map +0 -1
  243. package/build/types/listItem/Button/ListItemButton.d.ts +0 -20
  244. package/build/types/listItem/Button/ListItemButton.d.ts.map +0 -1
  245. package/build/types/listItem/Button/index.d.ts +0 -3
  246. package/build/types/listItem/Button/index.d.ts.map +0 -1
  247. package/build/types/listItem/Checkbox/ListItemCheckbox.d.ts +0 -14
  248. package/build/types/listItem/Checkbox/ListItemCheckbox.d.ts.map +0 -1
  249. package/build/types/listItem/Checkbox/index.d.ts +0 -3
  250. package/build/types/listItem/Checkbox/index.d.ts.map +0 -1
  251. package/build/types/listItem/IconButton/ListItemIconButton.d.ts +0 -18
  252. package/build/types/listItem/IconButton/ListItemIconButton.d.ts.map +0 -1
  253. package/build/types/listItem/IconButton/index.d.ts +0 -3
  254. package/build/types/listItem/IconButton/index.d.ts.map +0 -1
  255. package/build/types/listItem/Image/ListItemImage.d.ts +0 -25
  256. package/build/types/listItem/Image/ListItemImage.d.ts.map +0 -1
  257. package/build/types/listItem/Image/index.d.ts +0 -3
  258. package/build/types/listItem/Image/index.d.ts.map +0 -1
  259. package/build/types/listItem/ListItem.d.ts +0 -113
  260. package/build/types/listItem/ListItem.d.ts.map +0 -1
  261. package/build/types/listItem/ListItemContext.d.ts +0 -22
  262. package/build/types/listItem/ListItemContext.d.ts.map +0 -1
  263. package/build/types/listItem/Navigation/ListItemNavigation.d.ts +0 -15
  264. package/build/types/listItem/Navigation/ListItemNavigation.d.ts.map +0 -1
  265. package/build/types/listItem/Navigation/index.d.ts +0 -3
  266. package/build/types/listItem/Navigation/index.d.ts.map +0 -1
  267. package/build/types/listItem/Prompt/ListItemPrompt.d.ts +0 -16
  268. package/build/types/listItem/Prompt/ListItemPrompt.d.ts.map +0 -1
  269. package/build/types/listItem/Prompt/index.d.ts +0 -3
  270. package/build/types/listItem/Prompt/index.d.ts.map +0 -1
  271. package/build/types/listItem/Radio/ListItemRadio.d.ts +0 -14
  272. package/build/types/listItem/Radio/ListItemRadio.d.ts.map +0 -1
  273. package/build/types/listItem/Radio/index.d.ts +0 -3
  274. package/build/types/listItem/Radio/index.d.ts.map +0 -1
  275. package/build/types/listItem/Switch/ListItemSwitch.d.ts +0 -14
  276. package/build/types/listItem/Switch/ListItemSwitch.d.ts.map +0 -1
  277. package/build/types/listItem/Switch/index.d.ts +0 -3
  278. package/build/types/listItem/Switch/index.d.ts.map +0 -1
  279. package/build/types/listItem/_stories/helpers.d.ts +0 -27
  280. package/build/types/listItem/_stories/helpers.d.ts.map +0 -1
  281. package/build/types/listItem/_stories/subcomponents.d.ts +0 -18
  282. package/build/types/listItem/_stories/subcomponents.d.ts.map +0 -1
  283. package/build/types/listItem/index.d.ts +0 -14
  284. package/build/types/listItem/index.d.ts.map +0 -1
  285. package/build/types/listItem/test-utils.d.ts +0 -7
  286. package/build/types/listItem/test-utils.d.ts.map +0 -1
  287. package/build/types/listItem/useListItemControl.d.ts +0 -5
  288. package/build/types/listItem/useListItemControl.d.ts.map +0 -1
  289. package/build/types/listItem/useListItemMedia.d.ts +0 -6
  290. package/build/types/listItem/useListItemMedia.d.ts.map +0 -1
  291. package/src/list/List.spec.tsx +0 -52
  292. package/src/list/List.story.tsx +0 -30
  293. package/src/list/List.tsx +0 -14
  294. package/src/list/index.ts +0 -2
  295. package/src/listItem/AdditionalInfo/ListItemAdditionalInfo.spec.tsx +0 -56
  296. package/src/listItem/AdditionalInfo/ListItemAdditionalInfo.story.tsx +0 -198
  297. package/src/listItem/AdditionalInfo/ListItemAdditionalInfo.tsx +0 -36
  298. package/src/listItem/AdditionalInfo/index.ts +0 -2
  299. package/src/listItem/AvatarLayout/ListItemAvatarLayout.spec.tsx +0 -59
  300. package/src/listItem/AvatarLayout/ListItemAvatarLayout.story.tsx +0 -124
  301. package/src/listItem/AvatarLayout/ListItemAvatarLayout.tsx +0 -27
  302. package/src/listItem/AvatarLayout/index.ts +0 -2
  303. package/src/listItem/AvatarView/ListItemAvatarView.spec.tsx +0 -75
  304. package/src/listItem/AvatarView/ListItemAvatarView.story.tsx +0 -339
  305. package/src/listItem/AvatarView/ListItemAvatarView.tsx +0 -27
  306. package/src/listItem/AvatarView/index.ts +0 -2
  307. package/src/listItem/Button/ListItemButton.spec.tsx +0 -68
  308. package/src/listItem/Button/ListItemButton.story.tsx +0 -473
  309. package/src/listItem/Button/ListItemButton.tsx +0 -56
  310. package/src/listItem/Button/index.ts +0 -2
  311. package/src/listItem/Checkbox/ListItemCheckbox.spec.tsx +0 -82
  312. package/src/listItem/Checkbox/ListItemCheckbox.story.tsx +0 -128
  313. package/src/listItem/Checkbox/ListItemCheckbox.tsx +0 -33
  314. package/src/listItem/Checkbox/index.ts +0 -2
  315. package/src/listItem/IconButton/ListItemIconButton.spec.tsx +0 -119
  316. package/src/listItem/IconButton/ListItemIconButton.story.tsx +0 -284
  317. package/src/listItem/IconButton/ListItemIconButton.tsx +0 -73
  318. package/src/listItem/IconButton/index.ts +0 -2
  319. package/src/listItem/Image/ListItemImage.spec.tsx +0 -30
  320. package/src/listItem/Image/ListItemImage.story.tsx +0 -80
  321. package/src/listItem/Image/ListItemImage.tsx +0 -46
  322. package/src/listItem/Image/index.ts +0 -2
  323. package/src/listItem/ListItem.css +0 -770
  324. package/src/listItem/ListItem.grid.css +0 -370
  325. package/src/listItem/ListItem.grid.less +0 -622
  326. package/src/listItem/ListItem.less +0 -421
  327. package/src/listItem/ListItem.spec.tsx +0 -1521
  328. package/src/listItem/ListItem.tsx +0 -447
  329. package/src/listItem/ListItemContext.tsx +0 -27
  330. package/src/listItem/Navigation/ListItemNavigation.spec.tsx +0 -59
  331. package/src/listItem/Navigation/ListItemNavigation.story.tsx +0 -112
  332. package/src/listItem/Navigation/ListItemNavigation.tsx +0 -40
  333. package/src/listItem/Navigation/index.ts +0 -2
  334. package/src/listItem/Prompt/ListItemPrompt.spec.tsx +0 -36
  335. package/src/listItem/Prompt/ListItemPrompt.story.tsx +0 -204
  336. package/src/listItem/Prompt/ListItemPrompt.tsx +0 -32
  337. package/src/listItem/Prompt/index.ts +0 -2
  338. package/src/listItem/Radio/ListItemRadio.spec.tsx +0 -66
  339. package/src/listItem/Radio/ListItemRadio.story.tsx +0 -111
  340. package/src/listItem/Radio/ListItemRadio.tsx +0 -33
  341. package/src/listItem/Radio/index.ts +0 -2
  342. package/src/listItem/Switch/ListItemSwitch.spec.tsx +0 -47
  343. package/src/listItem/Switch/ListItemSwitch.story.tsx +0 -79
  344. package/src/listItem/Switch/ListItemSwitch.tsx +0 -33
  345. package/src/listItem/Switch/index.ts +0 -2
  346. package/src/listItem/_stories/ListItem.focus.test.story.tsx +0 -265
  347. package/src/listItem/_stories/ListItem.layout.test.story.tsx +0 -354
  348. package/src/listItem/_stories/ListItem.scenarios.story.tsx +0 -228
  349. package/src/listItem/_stories/ListItem.story.tsx +0 -775
  350. package/src/listItem/_stories/ListItem.variants.test.story.tsx +0 -271
  351. package/src/listItem/_stories/helpers.tsx +0 -53
  352. package/src/listItem/_stories/subcomponents.tsx +0 -139
  353. package/src/listItem/index.ts +0 -14
  354. package/src/listItem/test-utils.tsx +0 -33
  355. package/src/listItem/useListItemControl.tsx +0 -18
  356. package/src/listItem/useListItemMedia.tsx +0 -13
  357. package/src/test-utils/assets/placeholder-landscape.svg +0 -1
  358. package/src/test-utils/assets/placeholder-portrait.svg +0 -1
@@ -1,113 +0,0 @@
1
- import { type ReactNode } from 'react';
2
- import { type ListItemIconButtonProps } from './IconButton';
3
- import { type ListItemCheckboxProps } from './Checkbox';
4
- import { type ListItemNavigationProps } from './Navigation';
5
- import { type ListItemButtonProps } from './Button';
6
- import { type ListItemRadioProps } from './Radio';
7
- import { type ListItemSwitchProps } from './Switch';
8
- export type ListItemTypes = 'non-interactive' | 'navigation' | 'radio' | 'checkbox' | 'switch' | 'button' | 'icon-button';
9
- export type ListItemControlProps = ListItemNavigationProps | ListItemCheckboxProps | ListItemButtonProps | ListItemIconButtonProps | ListItemRadioProps | ListItemSwitchProps;
10
- export type Props = {
11
- as?: 'li' | 'div';
12
- /**
13
- * Swaps vertical hierarchy of title and subtitle and their corresponding right values.
14
- */
15
- inverted?: boolean;
16
- disabled?: boolean;
17
- /**
18
- * Highlights the list item as an action to be taken or already taken. <br />
19
- */
20
- spotlight?: 'active' | 'inactive';
21
- title: ReactNode;
22
- subtitle?: ReactNode;
23
- /**
24
- * Requires `<ListItem.AdditionalInfo />` component as a sole child. <br />
25
- * Can be only rendered if `subtitle` is also provided.
26
- */
27
- additionalInfo?: ReactNode;
28
- valueTitle?: ReactNode;
29
- valueSubtitle?: ReactNode;
30
- /**
31
- * Requires one of the following as a sole child: <br />
32
- * `<ListItem.AvatarView />`,
33
- * `<ListItem.AvatarLayout />` or
34
- * `<ListItem.Image />`
35
- */
36
- media?: ReactNode;
37
- /**
38
- * Requires one of the following as a sole child: <br/>
39
- * `<ListItem.Button />`, <br/>
40
- * `<ListItem.Checkbox />`, <br/>
41
- * `<ListItem.IconButton />`, <br/>
42
- * `<ListItem.Navigation />`, <br/>
43
- * `<ListItem.Radio />`, or
44
- * `<ListItem.Switch />`
45
- */
46
- control?: ReactNode;
47
- /**
48
- * Requires `<ListItem.Prompt />` component as a sole child.
49
- */
50
- prompt?: ReactNode;
51
- className?: string;
52
- /**
53
- * A number between `0–100` which resolves to a `fr` value of a `grid-template-columns` declaration. E.g. `valueColumnWidth={25}` will result in a `75fr 25fr`. <br />
54
- * Controls the width ratio of left side content (title and subtitle) to the right side content.
55
- */
56
- valueColumnWidth?: number;
57
- id?: string;
58
- role?: string;
59
- 'aria-labelledby'?: string;
60
- };
61
- /**
62
- * @see [Design documentation](https://wise.design/components/list-item)
63
- * @see [Storybook documentation](https://storybook.wise.design/?path=/docs/content-listitem--docs)
64
- */
65
- export declare const ListItem: {
66
- ({ as: ListItemElement, title, subtitle, additionalInfo, prompt, inverted, media, spotlight, valueTitle, valueSubtitle, control, disabled, className, valueColumnWidth, role, id, "aria-labelledby": ariaLabelledby, }: Props): import("react").JSX.Element;
67
- Image: {
68
- ({ alt, size, className, ...props }: import("./Image").ListItemImageProps): import("react").JSX.Element;
69
- displayName: string;
70
- };
71
- AvatarView: {
72
- ({ className, size, ...props }: import("./AvatarView").ListItemAvatarViewProps): import("react").JSX.Element;
73
- displayName: string;
74
- };
75
- AvatarLayout: {
76
- ({ className, size, ...props }: import("./AvatarLayout").ListItemAvatarLayoutProps): import("react").JSX.Element;
77
- displayName: string;
78
- };
79
- AdditionalInfo: {
80
- ({ children, action }: import("./AdditionalInfo").ListItemAdditionalInfoProps): import("react").JSX.Element;
81
- displayName: string;
82
- };
83
- Checkbox: {
84
- (props: ListItemCheckboxProps): import("react").JSX.Element;
85
- displayName: string;
86
- };
87
- Radio: {
88
- (props: ListItemRadioProps): import("react").JSX.Element;
89
- displayName: string;
90
- };
91
- IconButton: {
92
- ({ priority, "aria-label": ariaLabel, ...props }: ListItemIconButtonProps): import("react").JSX.Element;
93
- displayName: string;
94
- };
95
- Navigation: {
96
- ({ href, ...props }: ListItemNavigationProps): import("react").JSX.Element;
97
- displayName: string;
98
- };
99
- Button: {
100
- ({ priority, partiallyInteractive, ...props }: ListItemButtonProps): import("react").JSX.Element;
101
- displayName: string;
102
- };
103
- Switch: {
104
- (props: ListItemSwitchProps): import("react").JSX.Element;
105
- displayName: string;
106
- };
107
- Prompt: {
108
- ({ sentiment, children }: import("./Prompt").ListItemPromptProps): import("react").JSX.Element;
109
- displayName: string;
110
- };
111
- };
112
- export default ListItem;
113
- //# sourceMappingURL=ListItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAc,KAAK,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAY,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAClE,OAAO,EAAc,KAAK,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAExE,OAAO,EAAU,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAS,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAU,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAY5D,MAAM,MAAM,aAAa,GACrB,iBAAiB,GACjB,YAAY,GACZ,OAAO,GACP,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,aAAa,CAAC;AAElB,MAAM,MAAM,oBAAoB,GAC5B,uBAAuB,GACvB,qBAAqB,GACrB,mBAAmB,GACnB,uBAAuB,GACvB,kBAAkB,GAClB,mBAAmB,CAAC;AAExB,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ;4NAkBlB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkOP,CAAC;AAkGF,eAAe,QAAQ,CAAC"}
@@ -1,22 +0,0 @@
1
- import type { ListItemTypes, ListItemControlProps, Props as ListItemProps } from './ListItem';
2
- import type { ListItemAvatarViewProps } from './AvatarView';
3
- export type ListItemMediaSize = 32 | 40 | 48 | 56 | 72;
4
- export type ListItemContextData = {
5
- setControlType: (type: ListItemTypes) => void;
6
- setControlProps: (props: ListItemControlProps) => void;
7
- setMediaSize: (size: ListItemMediaSize | undefined) => void;
8
- ids: {
9
- title: string;
10
- subtitle?: string;
11
- valueTitle?: string;
12
- valueSubtitle?: string;
13
- additionalInfo?: string;
14
- control: string;
15
- prompt?: string;
16
- };
17
- props: Pick<ListItemProps, 'disabled' | 'inverted'>;
18
- mediaSize?: ListItemAvatarViewProps['size'];
19
- describedByIds: string;
20
- };
21
- export declare const ListItemContext: import("react").Context<ListItemContextData>;
22
- //# sourceMappingURL=ListItemContext.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemContext.d.ts","sourceRoot":"","sources":["../../../src/listItem/ListItemContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAC9F,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,MAAM,iBAAiB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEvD,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5D,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;IAC5C,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,eAAe,8CAE3B,CAAC"}
@@ -1,15 +0,0 @@
1
- import type { ButtonProps } from '../../button/Button.types';
2
- export type ListItemNavigationProps = Pick<ButtonProps, 'onClick' | 'href' | 'target'>;
3
- /**
4
- * This component allows for rendering a control functionally synonymous with HTML `anchor` or a
5
- * `button`, giving users a rich way to choose between options and navigate to another screen or
6
- * step in a flow. It offers only a subset of features of the HTML element in line with the
7
- * ListItem's constraints.<br />
8
- * <br />
9
- * Please refer to the [Design documentation](https://wise.design/components/list-item---navigation) for details.
10
- */
11
- export declare const Navigation: {
12
- ({ href, ...props }: ListItemNavigationProps): import("react").JSX.Element;
13
- displayName: string;
14
- };
15
- //# sourceMappingURL=ListItemNavigation.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemNavigation.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Navigation/ListItemNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAM7D,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;AAEvF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU;yBAAiD,uBAAuB;;CAoB9F,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ListItemNavigationProps } from './ListItemNavigation';
2
- export { Navigation } from './ListItemNavigation';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Navigation/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1,16 +0,0 @@
1
- import { Sentiment } from '../../common';
2
- export type ListItemPromptProps = {
3
- sentiment?: `${Sentiment.POSITIVE | Sentiment.NEGATIVE | Sentiment.NEUTRAL | Sentiment.WARNING}`;
4
- children: React.ReactNode;
5
- };
6
- /**
7
- * This component allows for rendering an Inline Prompt. <br />In the future it will be a thin wrapper around a standalone component.<br />
8
- *
9
- * Please refer to the [Design documentation](https://wise.design/components/list-item#prompt) for details.
10
- */
11
- export declare const Prompt: {
12
- ({ sentiment, children }: ListItemPromptProps): import("react").JSX.Element;
13
- displayName: string;
14
- };
15
- export default Prompt;
16
- //# sourceMappingURL=ListItemPrompt.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemPrompt.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Prompt/ListItemPrompt.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzC,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;IACjG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM;8BAAiD,mBAAmB;;CAWtF,CAAC;AAGF,eAAe,MAAM,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ListItemPromptProps } from './ListItemPrompt';
2
- export { Prompt } from './ListItemPrompt';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Prompt/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,14 +0,0 @@
1
- import { type RadioButtonProps } from '../../common/RadioButton/RadioButton';
2
- export type ListItemRadioProps = Omit<RadioButtonProps, 'disabled' | 'readOnly' | 'className' | 'id'>;
3
- /**
4
- * This component allows for rendering a Button control. It's a thin wrapper around the
5
- * [Button component](https://storybook.wise.design/?path=/docs/content-button--docs), but offers only
6
- * a subset of its features in line with the ListItem's constraints. <br />
7
- * <br />
8
- * Please refer to the [Design documentation](https://wise.design/components/list-item---button) for details.
9
- */
10
- export declare const Radio: {
11
- (props: ListItemRadioProps): import("react").JSX.Element;
12
- displayName: string;
13
- };
14
- //# sourceMappingURL=ListItemRadio.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemRadio.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Radio/ListItemRadio.tsx"],"names":[],"mappings":"AACA,OAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAI1F,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,gBAAgB,EAChB,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,IAAI,CAC7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;YAAoB,kBAAkB;;CAavD,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ListItemRadioProps } from './ListItemRadio';
2
- export { Radio } from './ListItemRadio';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Radio/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,14 +0,0 @@
1
- import { type SwitchProps } from '../../switch';
2
- export type ListItemSwitchProps = Omit<SwitchProps, 'disabled' | 'id' | 'aria-labelledby' | 'aria-label'>;
3
- /**
4
- * This component allows for rendering a switch control within a fully interactive ListItem. <br />It's a thin wrapper around the
5
- * [CheckboxButton component](https://storybook.wise.design/?path=/docs/actions-switch--docs),
6
- * but offers only a subset of its features in line with the ListItem's constraints. <br />
7
- *
8
- * Please refer to the [Design documentation](https://wise.design/components/list-item---switch) for details.
9
- */
10
- export declare const Switch: {
11
- (props: ListItemSwitchProps): import("react").JSX.Element;
12
- displayName: string;
13
- };
14
- //# sourceMappingURL=ListItemSwitch.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Switch/ListItemSwitch.tsx"],"names":[],"mappings":"AACA,OAAmB,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAI5D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,WAAW,EACX,UAAU,GAAG,IAAI,GAAG,iBAAiB,GAAG,YAAY,CACrD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;YAAoB,mBAAmB;;CAazD,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ListItemSwitchProps } from './ListItemSwitch';
2
- export { Switch } from './ListItemSwitch';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/listItem/Switch/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,27 +0,0 @@
1
- import { StoryObj, type Decorator } from '@storybook/react-webpack5';
2
- import type { Props as ItemProps } from '../ListItem';
3
- type Story = StoryObj<ItemProps>;
4
- /**
5
- * Recent storybook versions render the full source including all story parameters which
6
- * creates noise, this simple workaround only shows the render function.
7
- * This is a workaround for the issue.
8
- * @see https://github.com/storybookjs/storybook/issues/22281
9
- */
10
- export declare const storySourceWithoutNoise: (config: Story) => Story;
11
- /**
12
- * In order to make preview controls work correctly, we have to refresh the render
13
- * by swapping the `key`. This is a workaround for the Storybook's limitation.
14
- */
15
- export declare const withoutKey: Decorator;
16
- /**
17
- * Not all stories need access to all controls as it causes unnecessary UI noise.
18
- */
19
- export declare const disableControls: (hiddenByDefault?: string[]) => (hiddenForStory?: string[]) => {
20
- [k: string]: {
21
- table: {
22
- disable: boolean;
23
- };
24
- };
25
- };
26
- export {};
27
- //# sourceMappingURL=helpers.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/listItem/_stories/helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEtD,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,KAAK,KAAG,KAuBvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,SAExB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GACzB,kBAAiB,MAAM,EAAO,MAC9B,iBAAgB,MAAM,EAAO;;;;;;CAG7B,CAAC"}
@@ -1,18 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export type SB_ListItem_ControlType = 'button' | 'buttonAsLink' | 'partialButton' | 'partialButtonAsLink' | 'iconButton' | 'iconButtonAsLink' | 'iconButtonWithLabel' | 'iconButtonAsLinkWithLabel' | 'partialIconButton' | 'partialIconButtonAsLink' | 'partialIconButtonWithLabel' | 'partialIconButtonAsLinkWithLabel' | 'navigation' | 'navigationAsButton' | 'checkbox' | 'radio' | 'switch';
3
- export declare const SB_LIST_ITEM_CONTROLS: Record<SB_ListItem_ControlType, ReactNode>;
4
- export declare const SB_LIST_ITEM_ADDITIONAL_INFO: {
5
- readonly interactive: import("react").JSX.Element;
6
- readonly nonInteractive: import("react").JSX.Element;
7
- };
8
- export declare const SB_LIST_ITEM_PROMPTS: {
9
- readonly interactive: import("react").JSX.Element;
10
- readonly nonInteractive: import("react").JSX.Element;
11
- };
12
- export declare const SB_LIST_ITEM_MEDIA: {
13
- readonly image: import("react").JSX.Element;
14
- readonly avatarSingle: import("react").JSX.Element;
15
- readonly avatarDouble: import("react").JSX.Element;
16
- readonly avatarDiagonal: import("react").JSX.Element;
17
- };
18
- //# sourceMappingURL=subcomponents.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"subcomponents.d.ts","sourceRoot":"","sources":["../../../../src/listItem/_stories/subcomponents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,MAAM,MAAM,uBAAuB,GAC/B,QAAQ,GACR,cAAc,GACd,eAAe,GACf,qBAAqB,GACrB,YAAY,GACZ,kBAAkB,GAClB,qBAAqB,GACrB,2BAA2B,GAC3B,mBAAmB,GACnB,yBAAyB,GACzB,4BAA4B,GAC5B,kCAAkC,GAClC,YAAY,GACZ,oBAAoB,GACpB,UAAU,GACV,OAAO,GACP,QAAQ,CAAC;AAEb,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,uBAAuB,EAAE,SAAS,CA0DnE,CAAC;AAEX,eAAO,MAAM,4BAA4B;;;CAe/B,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;CAavB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;CAoBrB,CAAC"}
@@ -1,14 +0,0 @@
1
- export type { Props as ListItemProps } from './ListItem';
2
- export type { ListItemAdditionalInfoProps } from './AdditionalInfo';
3
- export type { ListItemAvatarLayoutProps } from './AvatarLayout';
4
- export type { ListItemAvatarViewProps } from './AvatarView';
5
- export type { ListItemButtonProps } from './Button';
6
- export type { ListItemCheckboxProps } from './Checkbox';
7
- export type { ListItemIconButtonProps } from './IconButton';
8
- export type { ListItemImageProps } from './Image';
9
- export type { ListItemNavigationProps } from './Navigation';
10
- export type { ListItemPromptProps } from './Prompt';
11
- export type { ListItemRadioProps } from './Radio';
12
- export type { ListItemSwitchProps } from './Switch';
13
- export { default } from './ListItem';
14
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/listItem/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AACpE,YAAY,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACxD,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
@@ -1,7 +0,0 @@
1
- import { type RenderResult } from '../test-utils';
2
- export declare const mockSetControlType: jest.Mock<any, any, any>;
3
- export declare const mockSetControlProps: jest.Mock<any, any, any>;
4
- export declare const mockSetMediaSize: jest.Mock<any, any, any>;
5
- export declare const renderWithListItemContext: (ui: React.ReactNode) => RenderResult;
6
- export declare const clearListItemMocks: () => void;
7
- //# sourceMappingURL=test-utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"test-utils.d.ts","sourceRoot":"","sources":["../../../src/listItem/test-utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAG1D,eAAO,MAAM,kBAAkB,0BAAY,CAAC;AAC5C,eAAO,MAAM,mBAAmB,0BAAY,CAAC;AAC7C,eAAO,MAAM,gBAAgB,0BAAY,CAAC;AAE1C,eAAO,MAAM,yBAAyB,GAAI,IAAI,KAAK,CAAC,SAAS,KAAG,YAqB/D,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAE9B,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { ListItemTypes, ListItemControlProps } from './ListItem';
2
- export declare function useListItemControl(controlType: ListItemTypes, controlProps: ListItemControlProps): {
3
- baseItemProps: Pick<import("./ListItem").Props, "disabled" | "inverted">;
4
- };
5
- //# sourceMappingURL=useListItemControl.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useListItemControl.d.ts","sourceRoot":"","sources":["../../../src/listItem/useListItemControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEtE,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,oBAAoB;;EAahG"}
@@ -1,6 +0,0 @@
1
- import type { ListItemAvatarViewProps } from './AvatarView';
2
- export declare function useListItemMedia(size?: ListItemAvatarViewProps['size']): {
3
- mediaSize: 32 | 40 | 48 | 56 | 72 | undefined;
4
- setMediaSize: (size: import("./ListItemContext").ListItemMediaSize | undefined) => void;
5
- };
6
- //# sourceMappingURL=useListItemMedia.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useListItemMedia.d.ts","sourceRoot":"","sources":["../../../src/listItem/useListItemMedia.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE5D,wBAAgB,gBAAgB,CAAC,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC;;;EAQtE"}
@@ -1,52 +0,0 @@
1
- import { render, screen } from '../test-utils';
2
- import List from './List';
3
-
4
- describe('List', () => {
5
- it('should render content', () => {
6
- render(
7
- <List>
8
- <li>Item 1</li>
9
- <li>Item 2</li>
10
- </List>,
11
- );
12
-
13
- expect(screen.getByText('Item 1')).toBeInTheDocument();
14
- expect(screen.getByText('Item 2')).toBeInTheDocument();
15
- });
16
-
17
- describe('`as` prop', () => {
18
- it('renders `ul` by default', () => {
19
- render(<List>Content</List>);
20
- expect(screen.getByRole('list')).toBeInstanceOf(HTMLUListElement);
21
- });
22
-
23
- it('renders as `ol`', () => {
24
- render(<List as="ol">Content</List>);
25
- expect(screen.getByRole('list')).toBeInstanceOf(HTMLOListElement);
26
- });
27
-
28
- it('renders as `ul`', () => {
29
- render(<List as="ul">Content</List>);
30
- expect(screen.getByRole('list')).toBeInstanceOf(HTMLUListElement);
31
- });
32
-
33
- it('renders as `div`', () => {
34
- render(
35
- <List as="div" data-testid="list">
36
- Content
37
- </List>,
38
- );
39
- expect(screen.getByTestId('list')).toBeInstanceOf(HTMLDivElement);
40
- });
41
- });
42
-
43
- it('accepts custom classname', () => {
44
- render(<List className="custom-class">Content</List>);
45
- expect(screen.getByRole('list')).toHaveClass('custom-class');
46
- });
47
-
48
- it('accepts CSS style', () => {
49
- render(<List style={{ color: 'red' }}>Content</List>);
50
- expect(screen.getByRole('list')).toHaveStyle({ color: 'red' });
51
- });
52
- });
@@ -1,30 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-webpack5';
2
- import List from './List';
3
- import ListItem from '../listItem';
4
-
5
- export default {
6
- component: List,
7
- title: 'Content/List',
8
- tags: ['autodocs'],
9
- } satisfies Meta<typeof List>;
10
-
11
- type Story = StoryObj<typeof List>;
12
-
13
- export const Basic: Story = {
14
- render: (args) => (
15
- <List {...args}>
16
- <ListItem
17
- as={args.as === 'div' ? 'div' : undefined}
18
- title="First item"
19
- subtitle="This is the first item."
20
- media={<ListItem.AvatarView />}
21
- />
22
- <ListItem
23
- as={args.as === 'div' ? 'div' : undefined}
24
- title="Second item"
25
- subtitle="This is the second item."
26
- media={<ListItem.AvatarView />}
27
- />
28
- </List>
29
- ),
30
- };
package/src/list/List.tsx DELETED
@@ -1,14 +0,0 @@
1
- import { clsx } from 'clsx';
2
- import React from 'react';
3
-
4
- export interface ListProps {
5
- as?: 'ul' | 'ol' | 'div';
6
- className?: string;
7
- style?: React.CSSProperties;
8
- children?: React.ReactNode;
9
- ['data-testid']?: string;
10
- }
11
-
12
- export default function List({ as: Element = 'ul', className, ...props }: ListProps) {
13
- return <Element className={clsx('wds-list', 'list-unstyled', className)} {...props} />;
14
- }
package/src/list/index.ts DELETED
@@ -1,2 +0,0 @@
1
- export type { ListProps } from './List';
2
- export { default } from './List';
@@ -1,56 +0,0 @@
1
- import { render, screen } from '../../test-utils';
2
- import { ListItem, type Props as ListItemProps } from '../ListItem';
3
-
4
- describe('ListItem.AdditionalInfo', () => {
5
- const renderWithInfo = (info: ListItemProps['additionalInfo']) =>
6
- render(<ListItem title="Test title" subtitle="Test subtitle" additionalInfo={info} />);
7
-
8
- it('renders children content', () => {
9
- renderWithInfo(
10
- <ListItem.AdditionalInfo>Additional information content</ListItem.AdditionalInfo>,
11
- );
12
- expect(screen.getByText('Additional information content')).toBeInTheDocument();
13
- });
14
-
15
- it('renders action button when onClick provided', () => {
16
- const handleActionClick = jest.fn();
17
- renderWithInfo(
18
- <ListItem.AdditionalInfo action={{ label: 'Learn more', onClick: handleActionClick }}>
19
- Additional info
20
- </ListItem.AdditionalInfo>,
21
- );
22
-
23
- expect(screen.getByRole('button', { name: 'Learn more' })).toBeInTheDocument();
24
- });
25
-
26
- it('renders action link with href when provided', () => {
27
- renderWithInfo(
28
- <ListItem.AdditionalInfo action={{ label: 'Learn more', href: '/learn' }}>
29
- Additional info
30
- </ListItem.AdditionalInfo>,
31
- );
32
-
33
- const actionLink = screen.getByRole('link', { name: 'Learn more' });
34
- expect(actionLink).toBeInTheDocument();
35
- expect(actionLink).toHaveAttribute('href', '/learn');
36
- });
37
-
38
- it('renders action link with target when provided', () => {
39
- renderWithInfo(
40
- <ListItem.AdditionalInfo action={{ label: 'Learn more', href: '/learn', target: '_blank' }}>
41
- Additional info
42
- </ListItem.AdditionalInfo>,
43
- );
44
-
45
- const actionLink = screen.getByRole('link', { name: 'Learn more (opens in new tab)' });
46
- expect(actionLink).toBeInTheDocument();
47
- expect(actionLink).toHaveAttribute('target', '_blank');
48
- });
49
-
50
- it('does not render action when not provided', () => {
51
- renderWithInfo(<ListItem.AdditionalInfo>Additional info only</ListItem.AdditionalInfo>);
52
-
53
- expect(screen.queryByRole('link')).not.toBeInTheDocument();
54
- expect(screen.queryByRole('button')).not.toBeInTheDocument();
55
- });
56
- });