@simplybusiness/mobius 4.3.1 → 4.3.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 (451) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/components/Drawer/Drawer.js +8 -1
  3. package/dist/cjs/components/Drawer/Drawer.js.map +1 -1
  4. package/dist/cjs/components/Modal/Modal.js +8 -1
  5. package/dist/cjs/components/Modal/Modal.js.map +1 -1
  6. package/dist/cjs/tsconfig.tsbuildinfo +1 -1
  7. package/dist/esm/components/Drawer/Drawer.js +8 -1
  8. package/dist/esm/components/Drawer/Drawer.js.map +1 -1
  9. package/dist/esm/components/Modal/Modal.js +8 -1
  10. package/dist/esm/components/Modal/Modal.js.map +1 -1
  11. package/dist/{cjs → types}/components/Drawer/Content.d.ts +2 -3
  12. package/dist/types/components/Drawer/Drawer.d.ts +6 -0
  13. package/dist/{cjs → types}/components/Drawer/Header.d.ts +2 -3
  14. package/dist/{cjs → types}/components/Drawer/index.d.ts +2 -5
  15. package/dist/{cjs/components/Drawer/Drawer.d.ts → types/components/Drawer/types.d.ts} +0 -5
  16. package/dist/{cjs → types}/components/Modal/Content.d.ts +2 -3
  17. package/dist/{cjs → types}/components/Modal/Header.d.ts +2 -3
  18. package/dist/types/components/Modal/Modal.d.ts +6 -0
  19. package/dist/{cjs → types}/components/Modal/index.d.ts +2 -5
  20. package/dist/{cjs/components/Modal/Modal.d.ts → types/components/Modal/types.d.ts} +1 -5
  21. package/dist/{cjs → types}/hooks/useButton/useButton.d.ts +1 -1
  22. package/dist/{cjs → types}/utils/index.d.ts +0 -1
  23. package/dist/types/utils/jestMockMatchMedia.d.ts +1 -0
  24. package/package.json +9 -11
  25. package/src/components/Drawer/Drawer.tsx +8 -1
  26. package/src/components/Modal/Modal.tsx +9 -1
  27. package/dist/cjs/components/Accordion/Accordion.stories.js +0 -62
  28. package/dist/cjs/components/Accordion/Accordion.stories.js.map +0 -1
  29. package/dist/cjs/components/Accordion/Accordion.test.js +0 -191
  30. package/dist/cjs/components/Accordion/Accordion.test.js.map +0 -1
  31. package/dist/cjs/components/Alert/Alert.stories.js +0 -37
  32. package/dist/cjs/components/Alert/Alert.stories.js.map +0 -1
  33. package/dist/cjs/components/Alert/Alert.test.js +0 -50
  34. package/dist/cjs/components/Alert/Alert.test.js.map +0 -1
  35. package/dist/cjs/components/Box/Box.stories.js +0 -24
  36. package/dist/cjs/components/Box/Box.stories.js.map +0 -1
  37. package/dist/cjs/components/Box/Box.test.js +0 -33
  38. package/dist/cjs/components/Box/Box.test.js.map +0 -1
  39. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +0 -19
  40. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
  41. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.test.js +0 -36
  42. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
  43. package/dist/cjs/components/Button/Button.stories.js +0 -224
  44. package/dist/cjs/components/Button/Button.stories.js.map +0 -1
  45. package/dist/cjs/components/Button/Button.test.js +0 -87
  46. package/dist/cjs/components/Button/Button.test.js.map +0 -1
  47. package/dist/cjs/components/Checkbox/Checkbox.stories.js +0 -83
  48. package/dist/cjs/components/Checkbox/Checkbox.stories.js.map +0 -1
  49. package/dist/cjs/components/Checkbox/Checkbox.test.js +0 -174
  50. package/dist/cjs/components/Checkbox/Checkbox.test.js.map +0 -1
  51. package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js +0 -67
  52. package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
  53. package/dist/cjs/components/Checkbox/CheckboxGroup.test.js +0 -242
  54. package/dist/cjs/components/Checkbox/CheckboxGroup.test.js.map +0 -1
  55. package/dist/cjs/components/Container/Container.stories.js +0 -14
  56. package/dist/cjs/components/Container/Container.stories.js.map +0 -1
  57. package/dist/cjs/components/Container/Container.test.js +0 -39
  58. package/dist/cjs/components/Container/Container.test.js.map +0 -1
  59. package/dist/cjs/components/Divider/Divider.stories.js +0 -18
  60. package/dist/cjs/components/Divider/Divider.stories.js.map +0 -1
  61. package/dist/cjs/components/Divider/Divider.test.js +0 -31
  62. package/dist/cjs/components/Divider/Divider.test.js.map +0 -1
  63. package/dist/cjs/components/Drawer/Drawer.stories.js +0 -54
  64. package/dist/cjs/components/Drawer/Drawer.stories.js.map +0 -1
  65. package/dist/cjs/components/Drawer/Drawer.test.js +0 -123
  66. package/dist/cjs/components/Drawer/Drawer.test.js.map +0 -1
  67. package/dist/cjs/components/Drawer/DrawerContext.js +0 -17
  68. package/dist/cjs/components/Drawer/DrawerContext.js.map +0 -1
  69. package/dist/cjs/components/Drawer/useDrawer.js +0 -21
  70. package/dist/cjs/components/Drawer/useDrawer.js.map +0 -1
  71. package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js +0 -66
  72. package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
  73. package/dist/cjs/components/DropdownMenu/DropdownMenu.test.js +0 -97
  74. package/dist/cjs/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
  75. package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js +0 -23
  76. package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
  77. package/dist/cjs/components/ErrorMessage/ErrorMessage.test.js +0 -32
  78. package/dist/cjs/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
  79. package/dist/cjs/components/Fieldset/Fieldset.stories.js +0 -29
  80. package/dist/cjs/components/Fieldset/Fieldset.stories.js.map +0 -1
  81. package/dist/cjs/components/Fieldset/Fieldset.test.js +0 -12
  82. package/dist/cjs/components/Fieldset/Fieldset.test.js.map +0 -1
  83. package/dist/cjs/components/Flex/Flex.stories.js +0 -147
  84. package/dist/cjs/components/Flex/Flex.stories.js.map +0 -1
  85. package/dist/cjs/components/Flex/Flex.test.js +0 -33
  86. package/dist/cjs/components/Flex/Flex.test.js.map +0 -1
  87. package/dist/cjs/components/Flex/propUtils.test.js +0 -99
  88. package/dist/cjs/components/Flex/propUtils.test.js.map +0 -1
  89. package/dist/cjs/components/Grid/Grid.stories.js +0 -218
  90. package/dist/cjs/components/Grid/Grid.stories.js.map +0 -1
  91. package/dist/cjs/components/Grid/Grid.test.js +0 -97
  92. package/dist/cjs/components/Grid/Grid.test.js.map +0 -1
  93. package/dist/cjs/components/Icon/Icon.stories.js +0 -35
  94. package/dist/cjs/components/Icon/Icon.stories.js.map +0 -1
  95. package/dist/cjs/components/Icon/Icon.test.js +0 -34
  96. package/dist/cjs/components/Icon/Icon.test.js.map +0 -1
  97. package/dist/cjs/components/Image/Image.stories.js +0 -19
  98. package/dist/cjs/components/Image/Image.stories.js.map +0 -1
  99. package/dist/cjs/components/Image/Image.test.js +0 -39
  100. package/dist/cjs/components/Image/Image.test.js.map +0 -1
  101. package/dist/cjs/components/Label/Label.stories.js +0 -17
  102. package/dist/cjs/components/Label/Label.stories.js.map +0 -1
  103. package/dist/cjs/components/Label/Label.test.js +0 -37
  104. package/dist/cjs/components/Label/Label.test.js.map +0 -1
  105. package/dist/cjs/components/Link/Link.stories.js +0 -45
  106. package/dist/cjs/components/Link/Link.stories.js.map +0 -1
  107. package/dist/cjs/components/Link/Link.test.js +0 -65
  108. package/dist/cjs/components/Link/Link.test.js.map +0 -1
  109. package/dist/cjs/components/LinkButton/LinkButton.stories.js +0 -46
  110. package/dist/cjs/components/LinkButton/LinkButton.stories.js.map +0 -1
  111. package/dist/cjs/components/LinkButton/LinkButton.test.js +0 -67
  112. package/dist/cjs/components/LinkButton/LinkButton.test.js.map +0 -1
  113. package/dist/cjs/components/List/List.stories.js +0 -82
  114. package/dist/cjs/components/List/List.stories.js.map +0 -1
  115. package/dist/cjs/components/List/List.test.js +0 -95
  116. package/dist/cjs/components/List/List.test.js.map +0 -1
  117. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js +0 -53
  118. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
  119. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.test.js +0 -29
  120. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
  121. package/dist/cjs/components/Logo/Logo.stories.js +0 -22
  122. package/dist/cjs/components/Logo/Logo.stories.js.map +0 -1
  123. package/dist/cjs/components/Logo/Logo.test.js +0 -25
  124. package/dist/cjs/components/Logo/Logo.test.js.map +0 -1
  125. package/dist/cjs/components/Modal/Modal.stories.js +0 -90
  126. package/dist/cjs/components/Modal/Modal.stories.js.map +0 -1
  127. package/dist/cjs/components/Modal/Modal.test.js +0 -137
  128. package/dist/cjs/components/Modal/Modal.test.js.map +0 -1
  129. package/dist/cjs/components/NumberField/NumberField.stories.js +0 -100
  130. package/dist/cjs/components/NumberField/NumberField.stories.js.map +0 -1
  131. package/dist/cjs/components/NumberField/NumberField.test.js +0 -117
  132. package/dist/cjs/components/NumberField/NumberField.test.js.map +0 -1
  133. package/dist/cjs/components/PasswordField/PasswordField.stories.js +0 -41
  134. package/dist/cjs/components/PasswordField/PasswordField.stories.js.map +0 -1
  135. package/dist/cjs/components/PasswordField/PasswordField.test.js +0 -34
  136. package/dist/cjs/components/PasswordField/PasswordField.test.js.map +0 -1
  137. package/dist/cjs/components/Popover/Popover.stories.js +0 -32
  138. package/dist/cjs/components/Popover/Popover.stories.js.map +0 -1
  139. package/dist/cjs/components/Popover/Popover.test.js +0 -104
  140. package/dist/cjs/components/Popover/Popover.test.js.map +0 -1
  141. package/dist/cjs/components/Progress/Progress.stories.js +0 -96
  142. package/dist/cjs/components/Progress/Progress.stories.js.map +0 -1
  143. package/dist/cjs/components/Progress/Progress.test.js +0 -60
  144. package/dist/cjs/components/Progress/Progress.test.js.map +0 -1
  145. package/dist/cjs/components/Radio/Radio.stories.js +0 -122
  146. package/dist/cjs/components/Radio/Radio.stories.js.map +0 -1
  147. package/dist/cjs/components/Radio/Radio.test.js +0 -259
  148. package/dist/cjs/components/Radio/Radio.test.js.map +0 -1
  149. package/dist/cjs/components/Radio/RadioButton.stories.js +0 -90
  150. package/dist/cjs/components/Radio/RadioButton.stories.js.map +0 -1
  151. package/dist/cjs/components/Radio/RadioButton.test.js +0 -23
  152. package/dist/cjs/components/Radio/RadioButton.test.js.map +0 -1
  153. package/dist/cjs/components/SVG/SVG.stories.js +0 -21
  154. package/dist/cjs/components/SVG/SVG.stories.js.map +0 -1
  155. package/dist/cjs/components/SVG/SVG.test.js +0 -28
  156. package/dist/cjs/components/SVG/SVG.test.js.map +0 -1
  157. package/dist/cjs/components/Segment/Segment.stories.js +0 -125
  158. package/dist/cjs/components/Segment/Segment.stories.js.map +0 -1
  159. package/dist/cjs/components/Select/Select.stories.js +0 -89
  160. package/dist/cjs/components/Select/Select.stories.js.map +0 -1
  161. package/dist/cjs/components/Select/Select.test.js +0 -108
  162. package/dist/cjs/components/Select/Select.test.js.map +0 -1
  163. package/dist/cjs/components/Slider/Slider.stories.js +0 -84
  164. package/dist/cjs/components/Slider/Slider.stories.js.map +0 -1
  165. package/dist/cjs/components/Slider/Slider.test.js +0 -85
  166. package/dist/cjs/components/Slider/Slider.test.js.map +0 -1
  167. package/dist/cjs/components/Slider/helpers.test.js +0 -75
  168. package/dist/cjs/components/Slider/helpers.test.js.map +0 -1
  169. package/dist/cjs/components/Table/Table.stories.js +0 -17
  170. package/dist/cjs/components/Table/Table.stories.js.map +0 -1
  171. package/dist/cjs/components/Table/Table.test.js +0 -75
  172. package/dist/cjs/components/Table/Table.test.js.map +0 -1
  173. package/dist/cjs/components/Text/Text.stories.js +0 -38
  174. package/dist/cjs/components/Text/Text.stories.js.map +0 -1
  175. package/dist/cjs/components/Text/Text.test.js +0 -33
  176. package/dist/cjs/components/Text/Text.test.js.map +0 -1
  177. package/dist/cjs/components/TextArea/TextArea.stories.js +0 -92
  178. package/dist/cjs/components/TextArea/TextArea.stories.js.map +0 -1
  179. package/dist/cjs/components/TextArea/TextArea.test.js +0 -87
  180. package/dist/cjs/components/TextArea/TextArea.test.js.map +0 -1
  181. package/dist/cjs/components/TextAreaInput/TextAreaInput.test.js +0 -35
  182. package/dist/cjs/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
  183. package/dist/cjs/components/TextField/TextField.stories.js +0 -219
  184. package/dist/cjs/components/TextField/TextField.stories.js.map +0 -1
  185. package/dist/cjs/components/TextField/TextField.test.js +0 -164
  186. package/dist/cjs/components/TextField/TextField.test.js.map +0 -1
  187. package/dist/cjs/components/Title/Title.stories.js +0 -18
  188. package/dist/cjs/components/Title/Title.stories.js.map +0 -1
  189. package/dist/cjs/components/Title/Title.test.js +0 -22
  190. package/dist/cjs/components/Title/Title.test.js.map +0 -1
  191. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js +0 -14
  192. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
  193. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.js +0 -31
  194. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.js.map +0 -1
  195. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js +0 -28
  196. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
  197. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.test.js +0 -377
  198. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
  199. package/dist/cjs/hooks/useButton/useButton.test.js +0 -143
  200. package/dist/cjs/hooks/useButton/useButton.test.js.map +0 -1
  201. package/dist/cjs/hooks/useLabel/useLabel.test.js +0 -49
  202. package/dist/cjs/hooks/useLabel/useLabel.test.js.map +0 -1
  203. package/dist/cjs/hooks/useTextField/useTextField.test.js +0 -167
  204. package/dist/cjs/hooks/useTextField/useTextField.test.js.map +0 -1
  205. package/dist/cjs/utils/StoryContainer.js +0 -39
  206. package/dist/cjs/utils/StoryContainer.js.map +0 -1
  207. package/dist/cjs/utils/excludeControls.test.js +0 -25
  208. package/dist/cjs/utils/excludeControls.test.js.map +0 -1
  209. package/dist/cjs/utils/sizeClasses.test.js +0 -20
  210. package/dist/cjs/utils/sizeClasses.test.js.map +0 -1
  211. package/dist/cjs/utils/spaceDelimitedList.test.js +0 -27
  212. package/dist/cjs/utils/spaceDelimitedList.test.js.map +0 -1
  213. package/dist/esm/components/Drawer/DrawerContext.js +0 -7
  214. package/dist/esm/components/Drawer/DrawerContext.js.map +0 -1
  215. package/dist/esm/components/Drawer/useDrawer.js +0 -11
  216. package/dist/esm/components/Drawer/useDrawer.js.map +0 -1
  217. package/dist/esm/components/Flex/propUtils.test.js +0 -97
  218. package/dist/esm/components/Flex/propUtils.test.js.map +0 -1
  219. package/dist/esm/components/Slider/helpers.test.js +0 -73
  220. package/dist/esm/components/Slider/helpers.test.js.map +0 -1
  221. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js +0 -29
  222. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js.map +0 -1
  223. package/dist/esm/tsconfig.esm.tsbuildinfo +0 -1
  224. package/dist/esm/utils/StoryContainer.js +0 -29
  225. package/dist/esm/utils/StoryContainer.js.map +0 -1
  226. package/dist/esm/utils/excludeControls.test.js +0 -23
  227. package/dist/esm/utils/excludeControls.test.js.map +0 -1
  228. package/dist/esm/utils/sizeClasses.test.js +0 -18
  229. package/dist/esm/utils/sizeClasses.test.js.map +0 -1
  230. package/dist/esm/utils/spaceDelimitedList.test.js +0 -25
  231. package/dist/esm/utils/spaceDelimitedList.test.js.map +0 -1
  232. /package/dist/{cjs → types}/components/Accordion/Accordion.d.ts +0 -0
  233. /package/dist/{cjs → types}/components/Accordion/Accordion.stories.d.ts +0 -0
  234. /package/dist/{cjs → types}/components/Accordion/Accordion.test.d.ts +0 -0
  235. /package/dist/{cjs → types}/components/Accordion/index.d.ts +0 -0
  236. /package/dist/{cjs → types}/components/Alert/Alert.d.ts +0 -0
  237. /package/dist/{cjs → types}/components/Alert/Alert.stories.d.ts +0 -0
  238. /package/dist/{cjs → types}/components/Alert/Alert.test.d.ts +0 -0
  239. /package/dist/{cjs → types}/components/Alert/index.d.ts +0 -0
  240. /package/dist/{cjs → types}/components/Box/Box.d.ts +0 -0
  241. /package/dist/{cjs → types}/components/Box/Box.stories.d.ts +0 -0
  242. /package/dist/{cjs → types}/components/Box/Box.test.d.ts +0 -0
  243. /package/dist/{cjs → types}/components/Box/index.d.ts +0 -0
  244. /package/dist/{cjs → types}/components/Breadcrumbs/BreadcrumbItem.d.ts +0 -0
  245. /package/dist/{cjs → types}/components/Breadcrumbs/Breadcrumbs.d.ts +0 -0
  246. /package/dist/{cjs → types}/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -0
  247. /package/dist/{cjs → types}/components/Breadcrumbs/Breadcrumbs.test.d.ts +0 -0
  248. /package/dist/{cjs → types}/components/Breadcrumbs/index.d.ts +0 -0
  249. /package/dist/{cjs → types}/components/Button/Button.d.ts +0 -0
  250. /package/dist/{cjs → types}/components/Button/Button.stories.d.ts +0 -0
  251. /package/dist/{cjs → types}/components/Button/Button.test.d.ts +0 -0
  252. /package/dist/{cjs → types}/components/Button/Loading.d.ts +0 -0
  253. /package/dist/{cjs → types}/components/Button/index.d.ts +0 -0
  254. /package/dist/{cjs → types}/components/Checkbox/Checkbox.d.ts +0 -0
  255. /package/dist/{cjs → types}/components/Checkbox/Checkbox.stories.d.ts +0 -0
  256. /package/dist/{cjs → types}/components/Checkbox/Checkbox.test.d.ts +0 -0
  257. /package/dist/{cjs → types}/components/Checkbox/CheckboxGroup.d.ts +0 -0
  258. /package/dist/{cjs → types}/components/Checkbox/CheckboxGroup.stories.d.ts +0 -0
  259. /package/dist/{cjs → types}/components/Checkbox/CheckboxGroup.test.d.ts +0 -0
  260. /package/dist/{cjs → types}/components/Checkbox/index.d.ts +0 -0
  261. /package/dist/{cjs → types}/components/Checkbox/types.d.ts +0 -0
  262. /package/dist/{cjs → types}/components/Container/Container.d.ts +0 -0
  263. /package/dist/{cjs → types}/components/Container/Container.stories.d.ts +0 -0
  264. /package/dist/{cjs → types}/components/Container/Container.test.d.ts +0 -0
  265. /package/dist/{cjs → types}/components/Container/index.d.ts +0 -0
  266. /package/dist/{cjs → types}/components/Divider/Divider.d.ts +0 -0
  267. /package/dist/{cjs → types}/components/Divider/Divider.stories.d.ts +0 -0
  268. /package/dist/{cjs → types}/components/Divider/Divider.test.d.ts +0 -0
  269. /package/dist/{cjs → types}/components/Divider/index.d.ts +0 -0
  270. /package/dist/{cjs → types}/components/Drawer/Drawer.stories.d.ts +0 -0
  271. /package/dist/{cjs → types}/components/Drawer/Drawer.test.d.ts +0 -0
  272. /package/dist/{cjs → types}/components/DropdownMenu/DropdownMenu.d.ts +0 -0
  273. /package/dist/{cjs → types}/components/DropdownMenu/DropdownMenu.stories.d.ts +0 -0
  274. /package/dist/{cjs → types}/components/DropdownMenu/DropdownMenu.test.d.ts +0 -0
  275. /package/dist/{cjs → types}/components/DropdownMenu/Item.d.ts +0 -0
  276. /package/dist/{cjs → types}/components/DropdownMenu/index.d.ts +0 -0
  277. /package/dist/{cjs → types}/components/ErrorMessage/ErrorMessage.d.ts +0 -0
  278. /package/dist/{cjs → types}/components/ErrorMessage/ErrorMessage.stories.d.ts +0 -0
  279. /package/dist/{cjs → types}/components/ErrorMessage/ErrorMessage.test.d.ts +0 -0
  280. /package/dist/{cjs → types}/components/ErrorMessage/index.d.ts +0 -0
  281. /package/dist/{cjs → types}/components/Fieldset/Fieldset.d.ts +0 -0
  282. /package/dist/{cjs → types}/components/Fieldset/Fieldset.stories.d.ts +0 -0
  283. /package/dist/{cjs → types}/components/Fieldset/Fieldset.test.d.ts +0 -0
  284. /package/dist/{cjs → types}/components/Fieldset/index.d.ts +0 -0
  285. /package/dist/{cjs → types}/components/Flex/Flex.d.ts +0 -0
  286. /package/dist/{cjs → types}/components/Flex/Flex.stories.d.ts +0 -0
  287. /package/dist/{cjs → types}/components/Flex/Flex.test.d.ts +0 -0
  288. /package/dist/{cjs → types}/components/Flex/index.d.ts +0 -0
  289. /package/dist/{cjs → types}/components/Flex/propUtils.d.ts +0 -0
  290. /package/dist/{cjs → types}/components/Flex/propUtils.test.d.ts +0 -0
  291. /package/dist/{cjs → types}/components/Flex/types.d.ts +0 -0
  292. /package/dist/{cjs → types}/components/Grid/Grid.d.ts +0 -0
  293. /package/dist/{cjs → types}/components/Grid/Grid.stories.d.ts +0 -0
  294. /package/dist/{cjs → types}/components/Grid/Grid.test.d.ts +0 -0
  295. /package/dist/{cjs → types}/components/Grid/Item.d.ts +0 -0
  296. /package/dist/{cjs → types}/components/Grid/index.d.ts +0 -0
  297. /package/dist/{cjs → types}/components/Icon/Icon.d.ts +0 -0
  298. /package/dist/{cjs → types}/components/Icon/Icon.stories.d.ts +0 -0
  299. /package/dist/{cjs → types}/components/Icon/Icon.test.d.ts +0 -0
  300. /package/dist/{cjs → types}/components/Icon/IconStyle.d.ts +0 -0
  301. /package/dist/{cjs → types}/components/Icon/index.d.ts +0 -0
  302. /package/dist/{cjs → types}/components/Icon/types.d.ts +0 -0
  303. /package/dist/{cjs → types}/components/Image/Image.d.ts +0 -0
  304. /package/dist/{cjs → types}/components/Image/Image.stories.d.ts +0 -0
  305. /package/dist/{cjs → types}/components/Image/Image.test.d.ts +0 -0
  306. /package/dist/{cjs → types}/components/Image/index.d.ts +0 -0
  307. /package/dist/{cjs → types}/components/Label/Label.d.ts +0 -0
  308. /package/dist/{cjs → types}/components/Label/Label.stories.d.ts +0 -0
  309. /package/dist/{cjs → types}/components/Label/Label.test.d.ts +0 -0
  310. /package/dist/{cjs → types}/components/Label/index.d.ts +0 -0
  311. /package/dist/{cjs → types}/components/Link/Link.d.ts +0 -0
  312. /package/dist/{cjs → types}/components/Link/Link.stories.d.ts +0 -0
  313. /package/dist/{cjs → types}/components/Link/Link.test.d.ts +0 -0
  314. /package/dist/{cjs → types}/components/Link/index.d.ts +0 -0
  315. /package/dist/{cjs → types}/components/LinkButton/LinkButton.d.ts +0 -0
  316. /package/dist/{cjs → types}/components/LinkButton/LinkButton.stories.d.ts +0 -0
  317. /package/dist/{cjs → types}/components/LinkButton/LinkButton.test.d.ts +0 -0
  318. /package/dist/{cjs → types}/components/LinkButton/index.d.ts +0 -0
  319. /package/dist/{cjs → types}/components/List/List.d.ts +0 -0
  320. /package/dist/{cjs → types}/components/List/List.stories.d.ts +0 -0
  321. /package/dist/{cjs → types}/components/List/List.test.d.ts +0 -0
  322. /package/dist/{cjs → types}/components/List/ListItem.d.ts +0 -0
  323. /package/dist/{cjs → types}/components/List/index.d.ts +0 -0
  324. /package/dist/{cjs → types}/components/LoadingIndicator/LoadingIndicator.d.ts +0 -0
  325. /package/dist/{cjs → types}/components/LoadingIndicator/LoadingIndicator.stories.d.ts +0 -0
  326. /package/dist/{cjs → types}/components/LoadingIndicator/LoadingIndicator.test.d.ts +0 -0
  327. /package/dist/{cjs → types}/components/LoadingIndicator/index.d.ts +0 -0
  328. /package/dist/{cjs → types}/components/Logo/Logo.d.ts +0 -0
  329. /package/dist/{cjs → types}/components/Logo/Logo.stories.d.ts +0 -0
  330. /package/dist/{cjs → types}/components/Logo/Logo.test.d.ts +0 -0
  331. /package/dist/{cjs → types}/components/Logo/index.d.ts +0 -0
  332. /package/dist/{cjs → types}/components/Modal/Modal.stories.d.ts +0 -0
  333. /package/dist/{cjs → types}/components/Modal/Modal.test.d.ts +0 -0
  334. /package/dist/{cjs → types}/components/NumberField/NumberField.d.ts +0 -0
  335. /package/dist/{cjs → types}/components/NumberField/NumberField.stories.d.ts +0 -0
  336. /package/dist/{cjs → types}/components/NumberField/NumberField.test.d.ts +0 -0
  337. /package/dist/{cjs → types}/components/NumberField/index.d.ts +0 -0
  338. /package/dist/{cjs → types}/components/Option/Option.d.ts +0 -0
  339. /package/dist/{cjs → types}/components/Option/index.d.ts +0 -0
  340. /package/dist/{cjs → types}/components/PasswordField/PasswordField.d.ts +0 -0
  341. /package/dist/{cjs → types}/components/PasswordField/PasswordField.stories.d.ts +0 -0
  342. /package/dist/{cjs → types}/components/PasswordField/PasswordField.test.d.ts +0 -0
  343. /package/dist/{cjs → types}/components/PasswordField/ShowHideButton.d.ts +0 -0
  344. /package/dist/{cjs → types}/components/PasswordField/index.d.ts +0 -0
  345. /package/dist/{cjs → types}/components/Popover/Popover.d.ts +0 -0
  346. /package/dist/{cjs → types}/components/Popover/Popover.stories.d.ts +0 -0
  347. /package/dist/{cjs → types}/components/Popover/Popover.test.d.ts +0 -0
  348. /package/dist/{cjs → types}/components/Popover/index.d.ts +0 -0
  349. /package/dist/{cjs → types}/components/Progress/Progress.d.ts +0 -0
  350. /package/dist/{cjs → types}/components/Progress/Progress.stories.d.ts +0 -0
  351. /package/dist/{cjs → types}/components/Progress/Progress.test.d.ts +0 -0
  352. /package/dist/{cjs → types}/components/Progress/index.d.ts +0 -0
  353. /package/dist/{cjs → types}/components/Radio/Radio.d.ts +0 -0
  354. /package/dist/{cjs → types}/components/Radio/Radio.stories.d.ts +0 -0
  355. /package/dist/{cjs → types}/components/Radio/Radio.test.d.ts +0 -0
  356. /package/dist/{cjs → types}/components/Radio/RadioButton.d.ts +0 -0
  357. /package/dist/{cjs → types}/components/Radio/RadioButton.stories.d.ts +0 -0
  358. /package/dist/{cjs → types}/components/Radio/RadioButton.test.d.ts +0 -0
  359. /package/dist/{cjs → types}/components/Radio/RadioGroup.d.ts +0 -0
  360. /package/dist/{cjs → types}/components/Radio/index.d.ts +0 -0
  361. /package/dist/{cjs → types}/components/SVG/SVG.d.ts +0 -0
  362. /package/dist/{cjs → types}/components/SVG/SVG.stories.d.ts +0 -0
  363. /package/dist/{cjs → types}/components/SVG/SVG.test.d.ts +0 -0
  364. /package/dist/{cjs → types}/components/SVG/index.d.ts +0 -0
  365. /package/dist/{cjs → types}/components/Segment/Segment.d.ts +0 -0
  366. /package/dist/{cjs → types}/components/Segment/Segment.stories.d.ts +0 -0
  367. /package/dist/{cjs → types}/components/Segment/SegmentGroup.d.ts +0 -0
  368. /package/dist/{cjs → types}/components/Segment/index.d.ts +0 -0
  369. /package/dist/{cjs → types}/components/Select/Select.d.ts +0 -0
  370. /package/dist/{cjs → types}/components/Select/Select.stories.d.ts +0 -0
  371. /package/dist/{cjs → types}/components/Select/Select.test.d.ts +0 -0
  372. /package/dist/{cjs → types}/components/Select/index.d.ts +0 -0
  373. /package/dist/{cjs → types}/components/Slider/Slider.d.ts +0 -0
  374. /package/dist/{cjs → types}/components/Slider/Slider.stories.d.ts +0 -0
  375. /package/dist/{cjs → types}/components/Slider/Slider.test.d.ts +0 -0
  376. /package/dist/{cjs → types}/components/Slider/helpers.d.ts +0 -0
  377. /package/dist/{cjs → types}/components/Slider/helpers.test.d.ts +0 -0
  378. /package/dist/{cjs → types}/components/Slider/index.d.ts +0 -0
  379. /package/dist/{cjs → types}/components/Table/Body.d.ts +0 -0
  380. /package/dist/{cjs → types}/components/Table/Cell.d.ts +0 -0
  381. /package/dist/{cjs → types}/components/Table/Foot.d.ts +0 -0
  382. /package/dist/{cjs → types}/components/Table/Head.d.ts +0 -0
  383. /package/dist/{cjs → types}/components/Table/HeaderCell.d.ts +0 -0
  384. /package/dist/{cjs → types}/components/Table/Row.d.ts +0 -0
  385. /package/dist/{cjs → types}/components/Table/Table.d.ts +0 -0
  386. /package/dist/{cjs → types}/components/Table/Table.stories.d.ts +0 -0
  387. /package/dist/{cjs → types}/components/Table/Table.test.d.ts +0 -0
  388. /package/dist/{cjs → types}/components/Table/index.d.ts +0 -0
  389. /package/dist/{cjs → types}/components/Text/Text.d.ts +0 -0
  390. /package/dist/{cjs → types}/components/Text/Text.stories.d.ts +0 -0
  391. /package/dist/{cjs → types}/components/Text/Text.test.d.ts +0 -0
  392. /package/dist/{cjs → types}/components/Text/index.d.ts +0 -0
  393. /package/dist/{cjs → types}/components/TextArea/TextArea.d.ts +0 -0
  394. /package/dist/{cjs → types}/components/TextArea/TextArea.stories.d.ts +0 -0
  395. /package/dist/{cjs → types}/components/TextArea/TextArea.test.d.ts +0 -0
  396. /package/dist/{cjs → types}/components/TextArea/index.d.ts +0 -0
  397. /package/dist/{cjs → types}/components/TextAreaInput/TextAreaInput.d.ts +0 -0
  398. /package/dist/{cjs → types}/components/TextAreaInput/TextAreaInput.test.d.ts +0 -0
  399. /package/dist/{cjs → types}/components/TextAreaInput/index.d.ts +0 -0
  400. /package/dist/{cjs → types}/components/TextField/TextField.d.ts +0 -0
  401. /package/dist/{cjs → types}/components/TextField/TextField.stories.d.ts +0 -0
  402. /package/dist/{cjs → types}/components/TextField/TextField.test.d.ts +0 -0
  403. /package/dist/{cjs → types}/components/TextField/adornmentWithClassName.d.ts +0 -0
  404. /package/dist/{cjs → types}/components/TextField/index.d.ts +0 -0
  405. /package/dist/{cjs → types}/components/Title/Title.d.ts +0 -0
  406. /package/dist/{cjs → types}/components/Title/Title.stories.d.ts +0 -0
  407. /package/dist/{cjs → types}/components/Title/Title.test.d.ts +0 -0
  408. /package/dist/{cjs → types}/components/Title/index.d.ts +0 -0
  409. /package/dist/{cjs → types}/components/VisuallyHidden/VisuallyHidden.d.ts +0 -0
  410. /package/dist/{cjs → types}/components/VisuallyHidden/VisuallyHidden.stories.d.ts +0 -0
  411. /package/dist/{cjs → types}/components/VisuallyHidden/index.d.ts +0 -0
  412. /package/dist/{cjs → types}/components/index.d.ts +0 -0
  413. /package/dist/{cjs → types}/hooks/index.d.ts +0 -0
  414. /package/dist/{cjs → types}/hooks/useBodyScrollLock/index.d.ts +0 -0
  415. /package/dist/{cjs → types}/hooks/useBodyScrollLock/useBodyScrollLock.d.ts +0 -0
  416. /package/dist/{cjs → types}/hooks/useBodyScrollLock/useBodyScrollLock.test.d.ts +0 -0
  417. /package/dist/{cjs → types}/hooks/useBreakpoint/index.d.ts +0 -0
  418. /package/dist/{cjs → types}/hooks/useBreakpoint/useBreakpoint.d.ts +0 -0
  419. /package/dist/{cjs → types}/hooks/useBreakpoint/useBreakpoint.stories.d.ts +0 -0
  420. /package/dist/{cjs → types}/hooks/useBreakpoint/useBreakpoint.test.d.ts +0 -0
  421. /package/dist/{cjs → types}/hooks/useButton/index.d.ts +0 -0
  422. /package/dist/{cjs → types}/hooks/useButton/useButton.test.d.ts +0 -0
  423. /package/dist/{cjs → types}/hooks/useLabel/index.d.ts +0 -0
  424. /package/dist/{cjs → types}/hooks/useLabel/useLabel.d.ts +0 -0
  425. /package/dist/{cjs → types}/hooks/useLabel/useLabel.test.d.ts +0 -0
  426. /package/dist/{cjs → types}/hooks/useOnClickOutside/index.d.ts +0 -0
  427. /package/dist/{cjs → types}/hooks/useOnClickOutside/useOnClickOutside.d.ts +0 -0
  428. /package/dist/{cjs → types}/hooks/useTextField/index.d.ts +0 -0
  429. /package/dist/{cjs → types}/hooks/useTextField/types.d.ts +0 -0
  430. /package/dist/{cjs → types}/hooks/useTextField/useTextField.d.ts +0 -0
  431. /package/dist/{cjs → types}/hooks/useTextField/useTextField.test.d.ts +0 -0
  432. /package/dist/{cjs → types}/hooks/useWindowEvent/index.d.ts +0 -0
  433. /package/dist/{cjs → types}/hooks/useWindowEvent/useWindowEvent.d.ts +0 -0
  434. /package/dist/{cjs → types}/index.d.ts +0 -0
  435. /package/dist/{cjs → types}/types/components.d.ts +0 -0
  436. /package/dist/{cjs → types}/types/dom.d.ts +0 -0
  437. /package/dist/{cjs → types}/types/events.d.ts +0 -0
  438. /package/dist/{cjs → types}/types/icon.d.ts +0 -0
  439. /package/dist/{cjs → types}/types/index.d.ts +0 -0
  440. /package/dist/{cjs → types}/types/size.d.ts +0 -0
  441. /package/dist/{cjs → types}/utils/StoryContainer.d.ts +0 -0
  442. /package/dist/{cjs → types}/utils/changeCSS.d.ts +0 -0
  443. /package/dist/{cjs → types}/utils/excludeControls.d.ts +0 -0
  444. /package/dist/{cjs → types}/utils/excludeControls.test.d.ts +0 -0
  445. /package/dist/{cjs → types}/utils/jestHTMLDialogPolyfill.d.ts +0 -0
  446. /package/dist/{cjs → types}/utils/mergeRefs.d.ts +0 -0
  447. /package/dist/{cjs → types}/utils/polyfill-tests.d.ts +0 -0
  448. /package/dist/{cjs → types}/utils/sizeClasses.d.ts +0 -0
  449. /package/dist/{cjs → types}/utils/sizeClasses.test.d.ts +0 -0
  450. /package/dist/{cjs → types}/utils/spaceDelimitedList.d.ts +0 -0
  451. /package/dist/{cjs → types}/utils/spaceDelimitedList.test.d.ts +0 -0
@@ -1,100 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Disabled = exports.Invalid = exports.Valid = exports.LimitedRange = exports.Normal = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const NumberField_1 = require("./NumberField");
6
- const utils_1 = require("../../utils");
7
- const meta = {
8
- title: "Forms/NumberField",
9
- component: NumberField_1.NumberField,
10
- argTypes: Object.assign({ validationState: {
11
- options: ["valid", "invalid", "neither"],
12
- control: { type: "radio" },
13
- mapping: {
14
- valid: "valid",
15
- invalid: "invalid",
16
- neither: "",
17
- },
18
- }, minValue: {
19
- control: {
20
- control: { type: "range" },
21
- min: 0,
22
- max: 10,
23
- step: 1,
24
- },
25
- }, maxValue: {
26
- control: {
27
- control: { type: "range" },
28
- min: 0,
29
- max: 10,
30
- step: 1,
31
- },
32
- } }, (0, utils_1.excludeControls)("value")),
33
- args: {
34
- minValue: 0,
35
- maxValue: 100,
36
- placeholder: "",
37
- isDisabled: false,
38
- isReadOnly: false,
39
- },
40
- decorators: [
41
- Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
42
- ],
43
- };
44
- exports.Normal = {
45
- render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
46
- args: {
47
- label: "Number field",
48
- defaultValue: 0,
49
- errorMessage: "",
50
- step: 10,
51
- isRequired: false,
52
- },
53
- };
54
- exports.LimitedRange = {
55
- render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
56
- args: {
57
- label: "Number field",
58
- minValue: -10,
59
- maxValue: 10,
60
- defaultValue: 0,
61
- errorMessage: "",
62
- step: 1,
63
- isRequired: false,
64
- },
65
- };
66
- exports.Valid = {
67
- render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
68
- args: {
69
- label: "Number field",
70
- validationState: "valid",
71
- defaultValue: 0,
72
- errorMessage: "",
73
- step: 1,
74
- isRequired: false,
75
- },
76
- };
77
- exports.Invalid = {
78
- render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
79
- args: {
80
- label: "Number field",
81
- validationState: "invalid",
82
- errorMessage: "Error message",
83
- defaultValue: 0,
84
- step: 1,
85
- isRequired: false,
86
- },
87
- };
88
- exports.Disabled = {
89
- render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
90
- args: {
91
- label: "Number field",
92
- isDisabled: true,
93
- defaultValue: 0,
94
- errorMessage: "",
95
- step: 1,
96
- isRequired: false,
97
- },
98
- };
99
- exports.default = meta;
100
- //# sourceMappingURL=NumberField.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberField.stories.js","sourceRoot":"","sources":["../../../../src/components/NumberField/NumberField.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,117 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- const react_1 = require("@testing-library/react");
5
- const _1 = require(".");
6
- describe("NumberField", () => {
7
- it("should render without errors", () => {
8
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "NumberField" }));
9
- });
10
- it("should render with label", () => {
11
- const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Sample label" }));
12
- expect(getByText("Sample label")).toBeInTheDocument();
13
- });
14
- it("should render with error message", () => {
15
- const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", errorMessage: "Sample error message" }));
16
- expect(getByLabelText("Number")).toHaveAccessibleDescription("Sample error message");
17
- });
18
- it("should render with disabled state", () => {
19
- const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true }));
20
- expect(getByLabelText("Number")).toBeDisabled();
21
- });
22
- it("should render with custom class name", () => {
23
- const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", className: "sample-class" }));
24
- expect(getByLabelText("Number")).toHaveClass("sample-class");
25
- });
26
- describe("disabled", () => {
27
- it("should disable the input when disabled", () => {
28
- const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10 }));
29
- expect(getByLabelText("Number")).toBeDisabled();
30
- });
31
- });
32
- it.todo("should reformat on blur");
33
- // it.todo("should reformat on blur", async () => {
34
- // const { getByLabelText } = render(
35
- // <NumberField
36
- // label="Number"
37
- // formatOptions={{
38
- // style: "percent",
39
- // }}
40
- // />,
41
- // );
42
- // await userEvent.tab();
43
- // await userEvent.type(getByLabelText("Number"), "42");
44
- // await userEvent.tab();
45
- // expect(getByLabelText("Number")).toHaveValue("42%");
46
- // });
47
- describe("isRequired", () => {
48
- it("should set required attribute", () => {
49
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10, isRequired: true }));
50
- expect(react_1.screen.getByLabelText("Number")).toHaveAttribute("required");
51
- });
52
- it("should have className of --is-required when true", () => {
53
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10, isRequired: true }));
54
- expect(react_1.screen.getByLabelText("Number")).toHaveClass("--is-required");
55
- });
56
- it("should have className of --is-optional when false", () => {
57
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10, isRequired: false }));
58
- expect(react_1.screen.getByLabelText("Number")).toHaveClass("--is-optional");
59
- });
60
- it("should have neither --is-required nor --is-optional when unset", () => {
61
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, defaultValue: 10 }));
62
- expect(react_1.screen.getByLabelText("Number")).not.toHaveClass("--is-required");
63
- expect(react_1.screen.getByLabelText("Number")).not.toHaveClass("--is-optional");
64
- });
65
- });
66
- describe("user input", () => {
67
- it("only allows numbers", () => {
68
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 0 }));
69
- const input = container.querySelector("#test");
70
- react_1.fireEvent.change(input, { target: { value: "ABC" } });
71
- expect(input.value).toEqual(""); // zero
72
- react_1.fireEvent.change(input, { target: { value: "-£" } });
73
- expect(input.value).toEqual(""); // zero
74
- react_1.fireEvent.change(input, { target: { value: "123" } });
75
- expect(input.value).toEqual("123");
76
- });
77
- it("does not display leading zero", () => {
78
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 0 }));
79
- const input = container.querySelector("#test");
80
- expect(input.value).toEqual("");
81
- react_1.fireEvent.change(input, { target: { value: "1" } });
82
- expect(input.value).toEqual("1");
83
- });
84
- it.todo("allows arrow keys to change value in steps");
85
- // Arrow keys not working on input[type="number"]
86
- // it("allows arrow keys to change value", async () => {
87
- // const { container } = render(
88
- // <NumberField id="test" label="Number" defaultValue={1} minValue={0} />,
89
- // );
90
- // const input = container.querySelector("#test") as HTMLInputElement;
91
- // await userEvent.tab();
92
- // expect(input).toHaveFocus();
93
- // await userEvent.type(input, "{arrowup}");
94
- // expect(input.value).toEqual("2");
95
- // });
96
- it("prevents setting a value < minValue (if set)", async () => {
97
- const mockChange = jest.fn();
98
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 10, minValue: 10, onChange: mockChange }));
99
- const input = container.querySelector("#test");
100
- react_1.fireEvent.change(input, { target: { value: "2" } });
101
- expect(input.value).toEqual("10");
102
- expect(mockChange).not.toHaveBeenCalled();
103
- });
104
- it("prevents setting a value > maxValue (if set)", async () => {
105
- const mockChange = jest.fn();
106
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { id: "test", label: "Number", defaultValue: 10, minValue: 10, maxValue: 100, step: 5, onChange: mockChange }));
107
- const input = container.querySelector("#test");
108
- react_1.fireEvent.change(input, { target: { value: "999" } });
109
- expect(input.value).toEqual("10"); // No change
110
- expect(mockChange).not.toHaveBeenCalled();
111
- react_1.fireEvent.change(input, { target: { value: "99" } });
112
- expect(input.value).toEqual("99");
113
- expect(mockChange).toHaveBeenCalledTimes(1);
114
- });
115
- });
116
- });
117
- //# sourceMappingURL=NumberField.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberField.test.js","sourceRoot":"","sources":["../../../../src/components/NumberField/NumberField.test.tsx"],"names":[],"mappings":"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"}
@@ -1,41 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Normal = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const PasswordField_1 = require("./PasswordField");
6
- const utils_1 = require("../../utils");
7
- const meta = {
8
- title: "Forms/PasswordField",
9
- component: PasswordField_1.PasswordField,
10
- argTypes: Object.assign({ validationState: {
11
- options: ["valid", "invalid", "neither"],
12
- control: { type: "radio" },
13
- mapping: {
14
- valid: "valid",
15
- invalid: "invalid",
16
- neither: "",
17
- },
18
- }, type: {
19
- control: { type: "radio" },
20
- options: ["text", "password"],
21
- } }, (0, utils_1.excludeControls)("description")),
22
- args: {
23
- isReadOnly: false,
24
- },
25
- decorators: [
26
- Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
27
- ],
28
- };
29
- exports.Normal = {
30
- render: (args) => (0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, Object.assign({}, args)),
31
- args: {
32
- label: "Password",
33
- placeholder: "",
34
- isDisabled: false,
35
- errorMessage: "",
36
- type: "password",
37
- isRequired: false,
38
- },
39
- };
40
- exports.default = meta;
41
- //# sourceMappingURL=PasswordField.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PasswordField.stories.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.stories.tsx"],"names":[],"mappings":";;;;AACA,mDAAoE;AACpE,uCAA8D;AAI9D,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,6BAAa;IACxB,QAAQ,kBACN,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;SAC9B,IACE,IAAA,uBAAe,EAAC,aAAa,CAAC,CAClC;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;KAClB;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,uBAAC,6BAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,EAAE;QACf,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
@@ -1,34 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- const jsx_runtime_1 = require("react/jsx-runtime");
7
- const react_1 = require("@testing-library/react");
8
- const user_event_1 = __importDefault(require("@testing-library/user-event"));
9
- const PasswordField_1 = require("./PasswordField");
10
- describe("PasswordField", () => {
11
- it("should render without errors", () => {
12
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password" }));
13
- expect(container).toBeInTheDocument();
14
- });
15
- it("should hide the password by default", () => {
16
- (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password", "data-testid": "password-field" }));
17
- expect(react_1.screen.getByTestId("password-field")).toHaveAttribute("type", "password");
18
- });
19
- it("should show the password on request", async () => {
20
- (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password", "data-testid": "password-field" }));
21
- await user_event_1.default.click(react_1.screen.getByTestId("show-hide-button"));
22
- expect(react_1.screen.getByTestId("password-field")).toHaveAttribute("type", "text");
23
- });
24
- it("should return focus to input after pressing show/hide", async () => {
25
- (0, react_1.render)((0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, { label: "Password", "data-testid": "password-field" }));
26
- await user_event_1.default.tab();
27
- expect(react_1.screen.getByTestId("password-field")).toHaveFocus();
28
- // Press Show button with keyboard
29
- await user_event_1.default.tab();
30
- await user_event_1.default.keyboard("{enter}");
31
- expect(react_1.screen.getByTestId("password-field")).toHaveFocus();
32
- });
33
- });
34
- //# sourceMappingURL=PasswordField.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PasswordField.test.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.test.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAwD;AACxD,6EAAoD;AACpD,mDAAgD;AAEhD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,GAAG,CAAC,CAAC;QACjE,MAAM,CAAC,SAAS,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAC1D,MAAM,EACN,UAAU,CACX,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAC1D,MAAM,EACN,MAAM,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,IAAA,cAAM,EAAC,uBAAC,6BAAa,IAAC,KAAK,EAAC,UAAU,iBAAa,gBAAgB,GAAG,CAAC,CAAC;QACxE,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QAE3D,kCAAkC;QAClC,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,oBAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,32 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CustomTrigger = exports.Normal = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const __1 = require("..");
7
- const utils_1 = require("../../utils");
8
- const meta = {
9
- title: "Components/Popover",
10
- component: __1.Popover,
11
- argTypes: Object.assign({}, (0, utils_1.excludeControls)("trigger", "anchor", "children")),
12
- decorators: [
13
- Story => {
14
- // eslint-disable-next-line global-require
15
- require("./Popover.story.styles.css");
16
- return (0, jsx_runtime_1.jsx)(Story, {});
17
- },
18
- ],
19
- };
20
- const QuestionIcon = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", width: "16px", height: "16px", ref: ref }, props, { children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#clip0_1641_88567)", children: [(0, jsx_runtime_1.jsx)("path", { d: "M6.25 6.25002C6.25017 5.36011 6.91818 4.61203 7.80241 4.51155C8.68663 4.41107 9.50546 4.99019 9.7053 5.85737C9.90515 6.72456 9.42235 7.60364 8.58333 7.90027C8.23357 8.02393 7.99981 8.35471 8 8.72569V9.31253", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M8 11.0625C7.87919 11.0625 7.78125 11.1604 7.78125 11.2812C7.78125 11.4021 7.87919 11.5 8 11.5C8.12081 11.5 8.21875 11.4021 8.21875 11.2812C8.21875 11.1604 8.12081 11.0625 8 11.0625V11.0625", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "6.5625", stroke: "currentColor" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_1641_88567", children: (0, jsx_runtime_1.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })] }))));
21
- exports.Normal = {
22
- render: (args) => (0, jsx_runtime_1.jsx)(__1.Popover, Object.assign({}, args)),
23
- args: {
24
- children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "No way! Now I know everything I need to \uD83D\uDE80." }),
25
- trigger: (0, jsx_runtime_1.jsx)(__1.Button, { variant: "primary", children: "If only I had more information" }),
26
- },
27
- };
28
- exports.CustomTrigger = {
29
- render: () => ((0, jsx_runtime_1.jsx)("div", { className: "popover-example", children: (0, jsx_runtime_1.jsx)(__1.Popover, { trigger: (0, jsx_runtime_1.jsx)(__1.Button, { variant: "ghost", children: (0, jsx_runtime_1.jsxs)(__1.Flex, { children: [(0, jsx_runtime_1.jsx)("span", { children: "Occurrence Limit" }), (0, jsx_runtime_1.jsx)(QuestionIcon, {})] }) }), children: "This is the maximum amount of money you'll get to cover a single incident that occurs during the policy period, regardless of when it's reported." }) })),
30
- };
31
- exports.default = meta;
32
- //# sourceMappingURL=Popover.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAwC;AACxC,0BAAyD;AACzD,uCAA8C;AAI9C,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAO;IAClB,QAAQ,oBACH,IAAA,uBAAe,EAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC,CACpD;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE;YACN,0CAA0C;YAC1C,OAAO,CAAC,4BAA4B,CAAC,CAAC;YAEtC,OAAO,uBAAC,KAAK,KAAG,CAAC;QACnB,CAAC;KACF;CACF,CAAC;AAIF,MAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,CAAC,KAAwB,EAAE,GAAuB,EAAE,EAAE,CAAC,CACrD,+CACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,GAAG,IACJ,KAAK,eAET,+BAAG,QAAQ,EAAC,wBAAwB,aAClC,iCACE,CAAC,EAAC,gNAAgN,EAClN,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,iCACE,CAAC,EAAC,+LAA+L,EACjM,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,mCAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,QAAQ,EAAC,MAAM,EAAC,cAAc,GAAG,IACvD,EACJ,2CACE,qCAAU,EAAE,EAAC,kBAAkB,YAC7B,iCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACnC,GACN,KACH,CACP,CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,uBAAC,WAAO,oBAAK,IAAI,EAAI;IACrD,IAAI,EAAE;QACJ,QAAQ,EAAE,qHAAgD;QAC1D,OAAO,EAAE,uBAAC,UAAM,IAAC,OAAO,EAAC,SAAS,+CAAwC;KAC3E;CACF,CAAC;AAEW,QAAA,aAAa,GAAc;IACtC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,gCAAK,SAAS,EAAC,iBAAiB,YAC9B,uBAAC,WAAO,IACN,OAAO,EACL,uBAAC,UAAM,IAAC,OAAO,EAAC,OAAO,YACrB,wBAAC,QAAI,eACH,gEAA6B,EAC7B,uBAAC,YAAY,KAAG,IACX,GACA,kKAMH,GACN,CACP;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
@@ -1,104 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- const react_1 = require("@testing-library/react");
5
- const _1 = require(".");
6
- const CONTAINER_CLASS_NAME = "mobius/PopoverContainer";
7
- const TOGGLE_CLASS_NAME = "mobius/PopoverToggle";
8
- const POPOVER_CLASS_NAME = "mobius/Popover";
9
- const HEADER_CLASS_NAME = "mobius/PopoverHeader";
10
- const CLOSE_BUTTON_CLASS_NAME = "mobius/PopoverCloseButton";
11
- const CLOSE_ICON_CLASS_NAME = "mobius/PopoverCloseIcon";
12
- const BODY_CLASS_NAME = "mobius/PopoverBody";
13
- describe("Popover", () => {
14
- it("should render without errors", () => {
15
- const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: "Click me" }), children: "Sample Text" }));
16
- expect(component).toBeTruthy();
17
- });
18
- it("should open when clicked", async () => {
19
- const sampleText = "Sample Text";
20
- const triggerText = "Click me";
21
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), children: sampleText }));
22
- const button = react_1.screen.getByText(triggerText);
23
- react_1.fireEvent.click(button);
24
- await (0, react_1.waitFor)(() => {
25
- expect(react_1.screen.queryByText(sampleText)).toBeInTheDocument();
26
- });
27
- const closeButton = react_1.screen.getByLabelText("Close");
28
- react_1.fireEvent.click(closeButton);
29
- expect(react_1.screen.queryByText(sampleText)).not.toBeInTheDocument();
30
- });
31
- describe("uses correct class names", () => {
32
- it("uses correct classes", async () => {
33
- const sampleText = "Sample Text";
34
- const triggerText = "Click me";
35
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), children: sampleText }));
36
- const button = react_1.screen.getByText(triggerText);
37
- expect(button).toHaveClass(TOGGLE_CLASS_NAME);
38
- react_1.fireEvent.click(button);
39
- const popoverContainer = button.nextSibling;
40
- await (0, react_1.waitFor)(() => {
41
- expect(popoverContainer).toHaveClass("mobius");
42
- });
43
- const closeButton = react_1.screen.getByLabelText("Close");
44
- const body = react_1.screen.getByText(sampleText);
45
- expect(popoverContainer).toHaveClass(CONTAINER_CLASS_NAME);
46
- expect(popoverContainer === null || popoverContainer === void 0 ? void 0 : popoverContainer.firstChild).toHaveClass(POPOVER_CLASS_NAME);
47
- expect(closeButton.parentElement).toHaveClass(HEADER_CLASS_NAME);
48
- expect(closeButton).toHaveClass(CLOSE_BUTTON_CLASS_NAME);
49
- expect(closeButton.firstChild).toHaveClass(CLOSE_ICON_CLASS_NAME);
50
- expect(body).toHaveClass(BODY_CLASS_NAME);
51
- });
52
- it("includes custom class name", async () => {
53
- const customClassName = "my-class";
54
- const sampleText = "Sample Text";
55
- const triggerText = "Click me";
56
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { className: customClassName, trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), children: sampleText }));
57
- const button = react_1.screen.getByText(triggerText);
58
- react_1.fireEvent.click(button);
59
- const popoverContainer = button.nextSibling;
60
- await (0, react_1.waitFor)(() => {
61
- expect(popoverContainer).toHaveClass(customClassName);
62
- });
63
- });
64
- it("passes trigger class names", () => {
65
- const sampleText = "Sample Text";
66
- const triggerText = "Click me";
67
- const customClassName = "custom-trigger-class-name";
68
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", className: customClassName, children: triggerText }), children: sampleText }));
69
- const button = react_1.screen.getByText(triggerText);
70
- expect(button).toHaveClass(customClassName);
71
- });
72
- });
73
- describe("events", () => {
74
- it("calls onOpen when Popover is opened", async () => {
75
- const sampleText = "Sample Text";
76
- const triggerText = "Click me";
77
- const onOpen = jest.fn();
78
- const onClose = jest.fn();
79
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), onOpen: onOpen, onClose: onClose, children: sampleText }));
80
- const toggle = react_1.screen.getByText(triggerText);
81
- react_1.fireEvent.click(toggle);
82
- await (0, react_1.waitFor)(() => {
83
- expect(onOpen).toHaveBeenCalled();
84
- expect(onClose).not.toHaveBeenCalled();
85
- });
86
- });
87
- it("calls onClose when Popover is closed", async () => {
88
- const sampleText = "Sample Text";
89
- const triggerText = "Click me";
90
- const onOpen = jest.fn();
91
- const onClose = jest.fn();
92
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Popover, { trigger: (0, jsx_runtime_1.jsx)("button", { type: "button", children: triggerText }), onOpen: onOpen, onClose: onClose, children: sampleText }));
93
- const toggle = react_1.screen.getByText(triggerText);
94
- react_1.fireEvent.click(toggle);
95
- const closeButton = react_1.screen.getByLabelText("Close");
96
- react_1.fireEvent.click(closeButton);
97
- await (0, react_1.waitFor)(() => {
98
- expect(onClose).toHaveBeenCalled();
99
- expect(onOpen).toHaveBeenCalledTimes(1);
100
- });
101
- });
102
- });
103
- });
104
- //# sourceMappingURL=Popover.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Popover.test.js","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.test.tsx"],"names":[],"mappings":"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"}
@@ -1,96 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CustomValueFormat = exports.NoVisibleLabel = exports.Secondary = exports.Primary = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const Progress_1 = require("./Progress");
6
- const utils_1 = require("../../utils");
7
- const meta = {
8
- title: "Components/Progress",
9
- component: Progress_1.Progress,
10
- argTypes: Object.assign({ value: {
11
- control: {
12
- control: { type: "range" },
13
- min: 0,
14
- max: 10,
15
- step: 1,
16
- },
17
- }, minValue: {
18
- control: {
19
- control: { type: "range" },
20
- min: 0,
21
- max: 10,
22
- step: 1,
23
- },
24
- }, maxValue: {
25
- control: {
26
- control: { type: "range" },
27
- min: 0,
28
- max: 10,
29
- step: 1,
30
- },
31
- }, label: {
32
- control: {
33
- control: { type: "text" },
34
- },
35
- }, variant: {
36
- control: { type: "radio" },
37
- options: ["primary", "secondary"],
38
- } }, (0, utils_1.excludeControls)("valueFormatter")),
39
- decorators: [
40
- Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
41
- ],
42
- };
43
- const customValueFormatter = (value, minValue, maxValue) => `Step ${value} of ${maxValue}`;
44
- exports.Primary = {
45
- render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
46
- args: {
47
- value: 2,
48
- minValue: 0,
49
- maxValue: 10,
50
- label: "Progress",
51
- variant: "primary",
52
- showValueLabel: true,
53
- },
54
- };
55
- exports.Secondary = {
56
- render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
57
- args: {
58
- value: 2,
59
- minValue: 0,
60
- maxValue: 10,
61
- label: "Secondary",
62
- variant: "secondary",
63
- showValueLabel: true,
64
- },
65
- };
66
- exports.NoVisibleLabel = {
67
- render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
68
- args: {
69
- value: 1,
70
- minValue: 0,
71
- maxValue: 4,
72
- label: "",
73
- variant: "primary",
74
- "aria-label": "Progress",
75
- showValueLabel: true,
76
- },
77
- parameters: {
78
- controls: {
79
- exclude: ["aria-label"],
80
- },
81
- },
82
- };
83
- exports.CustomValueFormat = {
84
- render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
85
- args: {
86
- value: 1,
87
- minValue: 0,
88
- maxValue: 4,
89
- label: "Progress",
90
- variant: "primary",
91
- showValueLabel: true,
92
- valueFormatter: customValueFormatter,
93
- },
94
- };
95
- exports.default = meta;
96
- //# sourceMappingURL=Progress.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Progress.stories.js","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.stories.tsx"],"names":[],"mappings":";;;;AACA,yCAAqD;AACrD,uCAA8D;AAI9D,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,mBAAQ;IACnB,QAAQ,kBACN,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;gBAC1B,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;aACR;SACF,EACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;gBAC1B,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;aACR;SACF,EACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;gBAC1B,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;aACR;SACF,EACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;aAC1B;SACF,EACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;SAClC,IACE,IAAA,uBAAe,EAAC,gBAAgB,CAAC,CACrC;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAC3B,KAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,EAAE,CAAC,QAAQ,KAAK,OAAO,QAAQ,EAAE,CAAC;AAEvB,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,SAAS;QAClB,cAAc,EAAE,IAAI;KACrB;CACF,CAAC;AAEW,QAAA,SAAS,GAAc;IAClC,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,WAAW;QACpB,cAAc,EAAE,IAAI;KACrB;CACF,CAAC;AAEW,QAAA,cAAc,GAAc;IACvC,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,UAAU;QACxB,cAAc,EAAE,IAAI;KACrB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,CAAC;SACxB;KACF;CACF,CAAC;AAEW,QAAA,iBAAiB,GAAc;IAC1C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,SAAS;QAClB,cAAc,EAAE,IAAI;QACpB,cAAc,EAAE,oBAAoB;KACrC;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}