@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,21 +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 SVG_1 = require("./SVG");
6
- const meta = {
7
- title: "Components/SVG",
8
- component: SVG_1.SVG,
9
- };
10
- const Star = ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 51 48", children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: "#000", d: "m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z" }) }));
11
- exports.Normal = {
12
- render: (args) => (0, jsx_runtime_1.jsx)(SVG_1.SVG, Object.assign({}, args, { children: Star })),
13
- args: {
14
- style: {
15
- width: 75,
16
- height: 75,
17
- },
18
- },
19
- };
20
- exports.default = meta;
21
- //# sourceMappingURL=SVG.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SVG.stories.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAsC;AAItC,MAAM,IAAI,GAAqB;IAC7B,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,SAAG;CACf,CAAC;AAEF,MAAM,IAAI,GAAG,CACX,gCAAK,OAAO,EAAC,WAAW,YACtB,iCACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,CAAC,EAAC,sDAAsD,GACxD,GACE,CACP,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,uBAAC,SAAG,oBAAK,IAAI,cAAG,IAAI,IAAO;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
@@ -1,28 +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 CLASS_NAME = "mobius/SVG";
7
- const SvgImage = ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299.8 85", children: (0, jsx_runtime_1.jsx)("path", { d: "M109.9 38.7c3.3-3.7 4.9-8.2 4.9-13.7 0-6.5-2.3-12.4-6.6-16.7-4.6-4.7-11.1-7.1-18.8-7.1H68.5c-5.3 0-9.1 3.8-9.1 9.1v64.8c0 5.2 3.9 9.1 9.1 9.1h24.8c8.8 0 16.1-2.6 21.2-7.6 4.7-4.6 7.3-11.1 7.3-18.3 0-4.7-1.2-8.9-3.5-12.4-2.1-3-4.9-5.4-8.4-7.2zM68.4 75.9c-.7 0-.9-.3-.9-.9V10.2c0-.8.2-.9.9-.9h20.9c3.8 0 9.2.8 13.1 4.7 2.7 2.8 4.2 6.6 4.2 10.9 0 9.1-11.8 16.2-11.8 16.2s13.2 3.4 16.5 9.2c1.4 2.1 2.1 4.8 2.1 7.9 0 5-1.7 9.4-4.8 12.5-3.5 3.4-8.9 5.3-15.5 5.3l-24.7-.1zM52.2 51.3c1.4 2.8 2.1 5.9 2.1 9.5 0 3.3-.6 6.5-1.8 9.4s-3 5.5-5.3 7.7-5.1 4-8.6 5.2c-3.5 1.3-7.3 1.9-11.5 1.9-5.2 0-10-.9-14.4-2.6-4.4-1.8-8-3.7-10.7-5.7-.7-.6-1.2-1.1-1.6-1.8-.3-.5-.4-1-.4-1.6v-.6c.1-.9.5-1.8 1.2-2.8l2.6-3.7c.9-1.2 1.9-1.9 2.9-2.1.2 0 .3-.1.5-.1.9 0 2 .4 3.2 1.1 5.7 4.1 11.3 6.1 16.7 6.1 3.8 0 6.8-.9 9-2.6s3.3-4 3.3-6.8c0-1.7-.4-3.2-1.3-4.6-.9-1.4-2.1-2.6-3.5-3.6-1.5-1-3.2-2-5.1-2.9-1.9-.9-4-1.9-6.1-2.8-2.1-.9-4.2-1.9-6.3-2.9-2.1-1-4.1-2.2-6-3.5S7.5 38.7 6 37.1c-1.5-1.6-2.7-3.6-3.5-5.8-.9-2.3-1.3-4.8-1.3-7.5 0-4.7 1.2-8.9 3.7-12.5s5.8-6.4 10-8.4C19.1 1 23.8 0 29 0c4.4 0 8.5.7 12.3 1.9 3.8 1.3 6.8 2.7 9 4.3 1.5 1.1 2.3 2.4 2.3 3.8 0 .9-.3 1.8-.9 2.8l-2.1 3.8c-.9 1.7-2.1 2.5-3.6 2.5-.9 0-1.9-.3-3-.9-1.5-.9-2.8-1.6-3.9-2.2-1.1-.6-2.6-1.1-4.6-1.6s-3.9-.8-5.9-.8c-3.8 0-6.9.9-9.2 2.6-2.3 1.7-3.4 4-3.4 6.8 0 2.1.7 3.9 2.1 5.5s3.3 3 5.5 4.1c2.3 1.1 4.7 2.3 7.5 3.4 2.7 1.1 5.4 2.4 8.2 3.7 2.7 1.4 5.2 2.9 7.4 4.7 2.2 1.9 4 4.1 5.5 6.9zm80.1-25.1l1-1.4c.7-1 1.4-1 2.5-.4 1 .7 3.2 2.2 6.2 2.2 2.9 0 4.6-1.4 4.6-3.5 0-5.8-14.3-4.6-14.3-14.2 0-5.4 4.5-8.9 10.3-8.9 3.6 0 6.6 1.4 7.9 2.3 1 .7 1.1 1.5.6 2.5l-.8 1.4c-.6 1.3-1.6 1.1-2.5.6-1.3-.7-2.9-1.7-5.3-1.7-2.9 0-4.7 1.4-4.7 3.5 0 5.7 14.3 4.3 14.3 14 0 5-3.7 9.1-10.2 9.1-4.4 0-7.9-1.9-9.4-3.1-.6-.5-1-1.3-.2-2.4zm24.1-22.5V2.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1.1-2.2 3.8-4.7 7.2-4.7 3.3 0 5.5 1.6 6.4 4.5h.1c1.2-2.3 4.1-4.5 7.5-4.5 4.6 0 7.2 2.6 7.2 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.5-.5-4.4-3-4.4-3.7 0-5.6 3.8-5.6 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.4-.3-4.4-2.9-4.4-3.9 0-5.7 4-5.7 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm38.9 0c0-1.2.6-1.8 1.8-1.8h1.4c1.2 0 1.8.6 1.8 1.5v1.9h.1s1.9-3.9 7.1-3.9c6 0 9.8 4.7 9.8 11.5 0 7-4.3 11.5-10.1 11.5-4.6 0-6.4-3.4-6.4-3.4h-.1s.1.8.1 1.9v7.8c0 1.2-.6 1.8-1.8 1.8H208c-1.2 0-1.8-.6-1.8-1.8v-27zM217 27.2c3 0 5.5-2.5 5.5-6.8 0-4.2-2.2-6.9-5.5-6.9-2.9 0-5.6 2.1-5.6 6.9.1 3.4 2 6.8 5.6 6.8zm15.2-24.8c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v21.5c0 2.2.9 2.5 1.7 2.6.8.1 1.3.6 1.3 1.6v1.5c0 1.1-.5 1.9-1.8 1.9-2.9 0-6.7-.8-6.7-7.1v-22zm12.3 33c.4.2.9.4 1.6.4 1.6 0 2.9-1.4 3.5-2.9l.8-1.9-8.4-19.6c-.6-1.3 0-2.1 1.4-2.1h2.3c1.1 0 1.7.5 2 1.5l4.2 11.2c.4 1.2.8 3 .8 3h.1s.4-1.7.7-2.9l3.9-11.3c.3-1 1-1.5 2-1.5h2.2c1.3 0 1.9.8 1.5 2.1L254 34.6c-1.5 4-4.7 5.8-8 5.8-1.2 0-2.3-.3-3.1-.6-1-.4-1.3-1.3-.8-2.3l.4-1c.5-1.1 1.2-1.3 2-1.1zM133.7 52.2c0-1.2.6-1.8 1.8-1.8h9.2c5.5 0 9.5 2.8 9.5 7.9 0 2.8-1.4 5.3-3.7 6.6v.1c3.3 1 4.9 4.1 4.9 7.2 0 6.1-4.9 8.9-10.6 8.9h-9.3c-1.2 0-1.8-.6-1.8-1.8V52.2zm11 10.7c2.4 0 3.8-1.7 3.8-3.9s-1.3-3.8-3.9-3.8h-5.3v7.7h5.4zm.5 13.3c2.9 0 4.5-1.9 4.5-4.4s-1.6-4.4-4.5-4.4h-6v8.8h6zm14.3-15.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8V72c0 2.7.7 4.5 3.4 4.5 4 0 6.2-3.5 6.2-7.4v-8.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.7c-1.2 0-1.8-.6-1.8-1.8v-1.3c0-.5.1-1 .1-1-1 2.2-3.9 4.6-7.7 4.6-4.7 0-7.7-2.4-7.7-8.4V60.8zm25.1 16l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm20.3-23.3v-1.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V60.8zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1-1.9 3.4-4.7 7.8-4.7 4.9 0 7.7 2.5 7.7 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V67.9c0-2.7-.7-4.5-3.5-4.5-3.9 0-6.4 3.2-6.4 7.2v8.5c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8l.1-18.3zm35.8-2.3c6.3 0 9.8 4.4 9.8 10.5 0 .9-.8 1.9-1.9 1.9H246c.3 4 3.3 6 6.6 6 2 0 3.7-.8 4.8-1.4 1.1-.5 1.9-.4 2.4.6l.5.9c.5 1 .3 1.9-.6 2.4-1.4.9-4 2.2-7.5 2.2-7.3 0-11.9-5.3-11.9-11.5.1-6.8 4.7-11.6 11.3-11.6zm4.3 9c-.1-3.1-1.9-4.9-4.5-4.9-2.8 0-4.8 1.9-5.3 4.9h9.8zm8.5 9.3l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm19.3 0l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.8-.7-.9-1.6-.3-2.6z" }) }));
8
- describe("Test for SVG", () => {
9
- it("should render without errors", () => {
10
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, { children: SvgImage }));
11
- });
12
- describe("uses correct class names", () => {
13
- it("uses Mobius class", () => {
14
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, { "data-testid": "test", children: SvgImage }));
15
- expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
16
- });
17
- it("uses base Mobius class", () => {
18
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, { "data-testid": "test", children: SvgImage }));
19
- expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
20
- });
21
- it("includes custom class name", () => {
22
- (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, { "data-testid": "test", className: "my-class", children: SvgImage }));
23
- expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
24
- expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
25
- });
26
- });
27
- });
28
- //# sourceMappingURL=SVG.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SVG.test.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAAwB;AAExB,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,QAAQ,GAAG,CACf,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,cAAc,YAC5D,iCAAM,CAAC,EAAC,kwKAAkwK,GAAG,GACzwK,CACP,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,MAAG,cAAE,QAAQ,GAAO,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,IAAA,cAAM,EAAC,uBAAC,MAAG,mBAAa,MAAM,YAAE,QAAQ,GAAO,CAAC,CAAC;YACjD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EAAC,uBAAC,MAAG,mBAAa,MAAM,YAAE,QAAQ,GAAO,CAAC,CAAC;YACjD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EACJ,uBAAC,MAAG,mBAAa,MAAM,EAAC,SAAS,EAAC,UAAU,YACzC,QAAQ,GACL,CACP,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,125 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PaymentDetails = exports.MarginAround = exports.CompoundLayout = exports.BottomMarginRemoved = exports.HorizontalStack3 = exports.HorizontalStack2 = exports.ColouredBackground = exports.Nested3 = exports.Nested2 = exports.Nested = exports.HorizontalStack = exports.VerticalStack = exports.Single = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const Segment_1 = require("./Segment");
6
- const SegmentGroup_1 = require("./SegmentGroup");
7
- const __1 = require("..");
8
- const meta = {
9
- title: "Layout/Segment",
10
- component: Segment_1.Segment,
11
- excludeStories: [
12
- "ColouredBackground",
13
- "HorizontalStack2",
14
- "HorizontalStack3",
15
- "Nested2",
16
- "Nested3",
17
- "BottomMarginRemoved",
18
- "CompoundLayout",
19
- "MarginAround",
20
- "PaymentDetails",
21
- ],
22
- argTypes: {
23
- colour: {
24
- control: { type: "select" },
25
- options: ["", "primary", "secondary", "grey", "subtle"],
26
- },
27
- inverted: {
28
- control: { type: "boolean" },
29
- if: {
30
- arg: "colour",
31
- },
32
- },
33
- },
34
- };
35
- const sizeOptions = [
36
- "",
37
- "size-xs",
38
- "size-s",
39
- "size-m",
40
- "size-l",
41
- "size-xl",
42
- "size-xxl",
43
- ];
44
- exports.Single = {
45
- render: (args) => ((0, jsx_runtime_1.jsxs)(Segment_1.Segment, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsxs)(__1.Flex, { style: {
46
- width: "100%",
47
- }, justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(__1.Text, { children: "General liability*" }), (0, jsx_runtime_1.jsx)(__1.Text, { children: "$300.00" })] }), (0, jsx_runtime_1.jsxs)(__1.Flex, { style: {
48
- width: "100%",
49
- }, justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(__1.Text, { children: "Contractor\u2018s equipment and small tools" }), (0, jsx_runtime_1.jsx)(__1.Text, { children: "$80.00" })] }), (0, jsx_runtime_1.jsxs)(__1.Flex, { style: {
50
- width: "100%",
51
- }, justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(__1.Text, { children: "Cyber insurance" }), (0, jsx_runtime_1.jsx)(__1.Text, { children: "$250.00" })] })] }))),
52
- args: {
53
- heading: "Today's Payment",
54
- inverted: false,
55
- },
56
- };
57
- exports.VerticalStack = {
58
- render: (args) => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, Object.assign({}, args, { children: "Item" })), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" })] })),
59
- args: {
60
- heading: "",
61
- inverted: true,
62
- },
63
- };
64
- exports.HorizontalStack = {
65
- render: (args) => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" })] }))),
66
- args: {
67
- horizontal: true,
68
- margin: "size-xs",
69
- },
70
- argTypes: {
71
- margin: {
72
- control: { type: "select" },
73
- options: [...sizeOptions],
74
- },
75
- },
76
- parameters: {
77
- controls: {
78
- exclude: ["heading", "colour"],
79
- },
80
- },
81
- };
82
- exports.Nested = {
83
- render: (args) => ((0, jsx_runtime_1.jsx)(Segment_1.Segment, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" })] }) }))),
84
- args: {
85
- heading: "Today's Payment",
86
- inverted: false,
87
- },
88
- };
89
- const Nested2 = () => ((0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" })] }) }));
90
- exports.Nested2 = Nested2;
91
- const Nested3 = () => ((0, jsx_runtime_1.jsx)(Segment_1.Segment, { heading: "Today's Payment", children: (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }) }));
92
- exports.Nested3 = Nested3;
93
- const ColouredBackground = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { colour: "subtle", children: "Subtle" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { colour: "secondary", children: "Secondary" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { inverted: true, colour: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { inverted: true, colour: "secondary", children: "Secondary" })] }));
94
- exports.ColouredBackground = ColouredBackground;
95
- const HorizontalStack2 = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { horizontal: true, children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" })] }));
96
- exports.HorizontalStack2 = HorizontalStack2;
97
- const HorizontalStack3 = () => ((0, jsx_runtime_1.jsx)(SegmentGroup_1.SegmentGroup, { horizontal: true, children: (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Item" }) }));
98
- exports.HorizontalStack3 = HorizontalStack3;
99
- const BottomMarginRemoved = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { horizontal: true, children: [(0, jsx_runtime_1.jsxs)(Segment_1.Segment, { children: [(0, jsx_runtime_1.jsx)(__1.TextField, { label: "First name" }), (0, jsx_runtime_1.jsx)(__1.TextArea, { label: "Address" })] }), (0, jsx_runtime_1.jsxs)(Segment_1.Segment, { colour: "subtle", children: [(0, jsx_runtime_1.jsxs)(__1.RadioGroup, { label: "Colour", children: [(0, jsx_runtime_1.jsx)(__1.Radio, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(__1.Radio, { value: "blue", label: "Blue" })] }), (0, jsx_runtime_1.jsxs)(__1.Select, { label: "Selection", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Please select a color" }), (0, jsx_runtime_1.jsx)(__1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(__1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(__1.Option, { value: "green", children: "Green" }, "green")] })] })] }));
100
- exports.BottomMarginRemoved = BottomMarginRemoved;
101
- const CompoundLayout = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { horizontal: true, children: [(0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "General liability" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Business property and equipment" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Total" })] }), (0, jsx_runtime_1.jsx)(SegmentGroup_1.SegmentGroup, { children: (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Payment Options" }) })] }));
102
- exports.CompoundLayout = CompoundLayout;
103
- const MarginAround = () => ((0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Top" }), (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { margin: "size-s", children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Top" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Middle" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Nested Bottom" })] }), (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { horizontal: true, children: [(0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Top" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Middle" }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Bottom" })] }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { children: "Bottom" })] }));
104
- exports.MarginAround = MarginAround;
105
- const PaymentDetails = () => ((0, jsx_runtime_1.jsx)("div", { style: { width: "340px" }, children: (0, jsx_runtime_1.jsxs)(SegmentGroup_1.SegmentGroup, { children: [(0, jsx_runtime_1.jsxs)(Segment_1.Segment, { heading: "Today's Payment", children: [(0, jsx_runtime_1.jsxs)("div", { style: {
106
- display: "grid",
107
- gridTemplateColumns: "2fr 1fr",
108
- alignItems: "flex-end",
109
- rowGap: "8px",
110
- }, children: [(0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: "General liability\\*" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "$300.00" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: "Contractor's equipment and small tools" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "$80.00" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: "Cyber insurance" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "$250.00" })] }), (0, jsx_runtime_1.jsx)(__1.Divider, {}), (0, jsx_runtime_1.jsxs)("div", { style: {
111
- display: "grid",
112
- gridTemplateColumns: "2fr 1fr",
113
- alignItems: "flex-end",
114
- rowGap: "8px",
115
- width: "100%",
116
- }, children: [(0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: (0, jsx_runtime_1.jsx)("strong", { children: "To pay today" }) }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: (0, jsx_runtime_1.jsx)("strong", { children: "$630.00" }) })] })] }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { heading: "Monthly Payments", children: (0, jsx_runtime_1.jsxs)("div", { style: {
117
- display: "grid",
118
- gridTemplateColumns: "2fr 1fr",
119
- alignItems: "flex-end",
120
- rowGap: "8px",
121
- width: "100%",
122
- }, children: [(0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: (0, jsx_runtime_1.jsx)("strong", { children: "First monthly payment taken" }) }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "01/01/2022" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: "8 monthly payments of" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "$120.00" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", children: "Then 2 monthly payments of" }), (0, jsx_runtime_1.jsx)(__1.Text, { variant: "small", style: { justifySelf: "flex-end" }, children: "$90.00" })] }) }), (0, jsx_runtime_1.jsx)(Segment_1.Segment, { colour: "subtle", children: (0, jsx_runtime_1.jsxs)(__1.Flex, { style: { width: "100%" }, justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(__1.Text, { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Total" }), " (inc. tax + fees)"] }), (0, jsx_runtime_1.jsx)(__1.Text, { children: (0, jsx_runtime_1.jsx)("strong", { children: "$1,770.00" }) })] }) })] }) }));
123
- exports.PaymentDetails = PaymentDetails;
124
- exports.default = meta;
125
- //# sourceMappingURL=Segment.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Segment.stories.js","sourceRoot":"","sources":["../../../../src/components/Segment/Segment.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,89 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Invalid = exports.Valid = exports.Disabled = exports.ControlledValue = exports.Normal = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const Select_1 = require("./Select");
6
- const Option_1 = require("../Option");
7
- const utils_1 = require("../../utils");
8
- const meta = {
9
- title: "Forms/Select",
10
- component: Select_1.Select,
11
- argTypes: {
12
- validationState: {
13
- options: ["valid", "invalid", "neither"],
14
- control: { type: "radio" },
15
- mapping: {
16
- valid: "valid",
17
- invalid: "invalid",
18
- neither: "",
19
- },
20
- },
21
- value: {
22
- control: { type: "select" },
23
- options: ["", "red", "blue", "green"],
24
- },
25
- },
26
- decorators: [
27
- Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
28
- ],
29
- };
30
- exports.Normal = {
31
- render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
32
- args: {
33
- name: "color",
34
- label: "Colors",
35
- defaultValue: "",
36
- errorMessage: "",
37
- isDisabled: false,
38
- isRequired: false,
39
- },
40
- };
41
- exports.ControlledValue = {
42
- render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
43
- args: {
44
- name: "color",
45
- label: "Colors",
46
- value: "green",
47
- errorMessage: "",
48
- defaultValue: "",
49
- isDisabled: false,
50
- isRequired: false,
51
- },
52
- };
53
- exports.Disabled = {
54
- render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
55
- args: {
56
- name: "color",
57
- label: "Colors",
58
- defaultValue: "green",
59
- errorMessage: "",
60
- isDisabled: true,
61
- isRequired: false,
62
- },
63
- };
64
- exports.Valid = {
65
- render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
66
- args: {
67
- name: "color",
68
- label: "Colors",
69
- defaultValue: "green",
70
- validationState: "valid",
71
- errorMessage: "",
72
- isDisabled: false,
73
- isRequired: false,
74
- },
75
- };
76
- exports.Invalid = {
77
- render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
78
- args: {
79
- name: "color",
80
- label: "Colors",
81
- defaultValue: "green",
82
- validationState: "invalid",
83
- errorMessage: "Unacceptable color",
84
- isDisabled: false,
85
- isRequired: false,
86
- },
87
- };
88
- exports.default = meta;
89
- //# sourceMappingURL=Select.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,108 +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 _1 = require(".");
10
- const __1 = require("..");
11
- const CLASS_NAME = "mobius/Select";
12
- const LABEL_CLASS_NAME = "mobius/Label";
13
- describe("Select", () => {
14
- it("should render without error", () => {
15
- const component = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
16
- expect(component).toBeTruthy();
17
- });
18
- it("should call onChange when clicked", async () => {
19
- const valueCallback = jest.fn();
20
- const callback = (e) => valueCallback(e.target.value);
21
- const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", onChange: callback, children: [(0, jsx_runtime_1.jsx)(__1.Option, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { value: "blue", children: "Blue" })] }));
22
- await user_event_1.default.selectOptions(getByLabelText("Color"), ["Red"]);
23
- const redOption = react_1.screen.getByRole("option", {
24
- name: "Red",
25
- });
26
- expect(valueCallback).toHaveBeenCalledWith("red");
27
- expect(redOption.selected).toBeTruthy();
28
- });
29
- describe("with errors", () => {
30
- it("should render the error", () => {
31
- const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
32
- expect(getByText("Required")).toBeTruthy();
33
- });
34
- it("should set aria-invalid to true", () => {
35
- const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
36
- expect(getByLabelText("Color").getAttribute("aria-invalid")).toBeTruthy();
37
- });
38
- it("should set the correct aria-describedby attribute", () => {
39
- const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
40
- expect(getByLabelText("Color")).toHaveAccessibleDescription("Required");
41
- });
42
- it("should not set aria-describedby when there is no errorMessage", () => {
43
- const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
44
- expect(getByLabelText("Color")).not.toHaveAttribute("aria-describedby");
45
- });
46
- });
47
- describe("given a disabled option", () => {
48
- it("should render with disabled attribute applied", () => {
49
- (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", children: [(0, jsx_runtime_1.jsx)(__1.Option, { isDisabled: true, children: "Please select a color" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
50
- const options = react_1.screen.queryAllByRole("option");
51
- expect(options[0]).toBeDisabled();
52
- });
53
- });
54
- describe("isRequired", () => {
55
- it("should set aria-required to true", () => {
56
- (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", isRequired: true, children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
57
- expect(react_1.screen.getByLabelText("Color")).toHaveAttribute("aria-required", "true");
58
- });
59
- it("should have className of --is-required when true", () => {
60
- (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", isRequired: true, children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
61
- expect(react_1.screen.getByLabelText("Color")).toHaveClass("--is-required");
62
- });
63
- it("should have className of --is-optional when false", () => {
64
- (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", isRequired: false, children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
65
- expect(react_1.screen.getByLabelText("Color")).toHaveClass("--is-optional");
66
- });
67
- it("should have neither --is-required nor --is-optional when unset", () => {
68
- (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", errorMessage: "Required", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
69
- expect(react_1.screen.getByLabelText("Color")).not.toHaveClass("--is-required");
70
- expect(react_1.screen.getByLabelText("Color")).not.toHaveClass("--is-optional");
71
- });
72
- });
73
- describe("uses correct class names", () => {
74
- it("uses Mobius class", () => {
75
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
76
- expect(container.firstChild).toHaveClass("mobius");
77
- });
78
- it("uses base Mobius class", () => {
79
- (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
80
- expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
81
- });
82
- it("includes custom class name", () => {
83
- (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", className: "my-class", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
84
- expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
85
- expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
86
- });
87
- it("includes label class name", () => {
88
- var _a, _b;
89
- (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
90
- expect((_b = (_a = react_1.screen.getByTestId("test").closest("div")) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.firstChild).toHaveClass(LABEL_CLASS_NAME);
91
- });
92
- it("includes disabled class name", () => {
93
- (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", isDisabled: true, children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
94
- const select = react_1.screen.getByTestId("test");
95
- const selectIcon = select.nextElementSibling;
96
- expect(select).toHaveClass("--is-disabled");
97
- expect(selectIcon).toHaveClass("--is-disabled");
98
- });
99
- it("includes valid state class name", () => {
100
- (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", "data-testid": "test", validationState: "valid", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
101
- const select = react_1.screen.getByTestId("test");
102
- const selectIcon = select.nextElementSibling;
103
- expect(select).toHaveClass("--is-valid");
104
- expect(selectIcon).toHaveClass("--is-valid");
105
- });
106
- });
107
- });
108
- //# sourceMappingURL=Select.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.test.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.test.tsx"],"names":[],"mappings":"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"}
@@ -1,84 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Disabled = exports.NoLabel = exports.Formatted = exports.Secondary = exports.Primary = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const utils_1 = require("../../utils");
6
- const Slider_1 = require("./Slider");
7
- const meta = {
8
- title: "Components/Slider",
9
- component: Slider_1.Slider,
10
- // Note: minValue, maxValue, defaultValue only work with certain settings.
11
- argTypes: Object.assign({}, (0, utils_1.excludeControls)("minValue", "maxValue", "defaultValue", "formatOptions")),
12
- decorators: [
13
- Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
14
- ],
15
- };
16
- exports.Primary = {
17
- render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
18
- args: {
19
- label: "Tools value",
20
- minValue: 20,
21
- maxValue: 500,
22
- defaultValue: 100,
23
- variant: "primary",
24
- minLabel: "",
25
- maxLabel: "",
26
- isDisabled: false,
27
- },
28
- };
29
- exports.Secondary = {
30
- render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
31
- args: {
32
- label: "Tools value",
33
- minValue: 20,
34
- maxValue: 500,
35
- defaultValue: 100,
36
- variant: "secondary",
37
- minLabel: "",
38
- maxLabel: "",
39
- isDisabled: false,
40
- },
41
- };
42
- exports.Formatted = {
43
- render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
44
- args: {
45
- label: "Tools value",
46
- minValue: 20,
47
- maxValue: 500,
48
- defaultValue: 100,
49
- variant: "primary",
50
- minLabel: "",
51
- maxLabel: "",
52
- isDisabled: false,
53
- formatOptions: { style: "currency", currency: "EUR" },
54
- },
55
- };
56
- exports.NoLabel = {
57
- render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
58
- args: {
59
- label: "",
60
- "aria-label": "Tools value",
61
- minValue: 20,
62
- maxValue: 500,
63
- variant: "primary",
64
- defaultValue: 100,
65
- minLabel: "",
66
- maxLabel: "",
67
- isDisabled: false,
68
- },
69
- };
70
- exports.Disabled = {
71
- render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
72
- args: {
73
- label: "Tools value",
74
- minValue: 20,
75
- maxValue: 500,
76
- variant: "primary",
77
- defaultValue: 100,
78
- minLabel: "",
79
- maxLabel: "",
80
- isDisabled: true,
81
- },
82
- };
83
- exports.default = meta;
84
- //# sourceMappingURL=Slider.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Slider.stories.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAA8D;AAC9D,qCAA+C;AAI/C,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,eAAM;IACjB,0EAA0E;IAC1E,QAAQ,oBAKH,IAAA,uBAAe,EAAC,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,CAAC,CAC5E;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,SAAS,GAAc;IAClC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,SAAS,GAAc;IAClC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;KACtD;CACF,CAAC;AAEW,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,aAAa;QAC3B,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
@@ -1,85 +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 Slider_1 = require("./Slider");
10
- describe("Slider", () => {
11
- it("should render without errors", () => {
12
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { className: "test", label: "Test", defaultValue: 0 }));
13
- expect(container).toBeInTheDocument();
14
- });
15
- describe("labels", () => {
16
- it("should render a min label", () => {
17
- const { getByTestId } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "Test", minLabel: "Min" }));
18
- expect(getByTestId("min-label")).toHaveTextContent("Min");
19
- });
20
- it("should render a max label", () => {
21
- const { getByTestId } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "Test", maxLabel: "Max" }));
22
- expect(getByTestId("max-label")).toHaveTextContent("Max");
23
- });
24
- it("should render an aria-label", () => {
25
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { "aria-label": "Test", maxLabel: "Max" }));
26
- const slider = container.getElementsByTagName("input")[0];
27
- expect(slider.getAttribute("aria-label")).toEqual("Test");
28
- });
29
- });
30
- describe("classnames", () => {
31
- let result;
32
- beforeEach(() => {
33
- result = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { className: "test", label: "test", defaultValue: 0 }));
34
- });
35
- const classNames = ["mobius", "mobius/Slider", "test"];
36
- it.each(classNames)("should have classname %s", className => {
37
- expect(result.container.firstChild).toHaveClass(className);
38
- });
39
- });
40
- /**
41
- * Note: React Testing Library does not yet support
42
- * <input type="range" />
43
- * https://github.com/testing-library/user-event/issues/871
44
- * We cannot use keyboard user events. For now, the
45
- * following tests work with fireEvent.change().
46
- */
47
- describe("events", () => {
48
- it("should call events on input change", async () => {
49
- const onChange = jest.fn();
50
- const onChangeEnd = jest.fn();
51
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
52
- await user_event_1.default.tab();
53
- const slider = container.getElementsByTagName("input")[0];
54
- expect(slider).toHaveFocus();
55
- react_1.fireEvent.change(slider, { target: { value: "5" } });
56
- expect(slider.value).toEqual("5");
57
- expect(onChange).toHaveBeenCalledWith(5);
58
- react_1.fireEvent.keyUp(slider);
59
- expect(onChangeEnd).toHaveBeenCalledWith(5);
60
- });
61
- it("should not call onChange when value is already min", async () => {
62
- const onChange = jest.fn();
63
- const onChangeEnd = jest.fn();
64
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
65
- const slider = container.getElementsByTagName("input")[0];
66
- react_1.fireEvent.change(slider, { target: { value: "1" } });
67
- expect(onChange).not.toHaveBeenCalled();
68
- // Cannot set value below min
69
- react_1.fireEvent.change(slider, { target: { value: "0" } });
70
- expect(onChange).not.toHaveBeenCalled();
71
- });
72
- it("should not call onChange when value is already max", async () => {
73
- const onChange = jest.fn();
74
- const onChangeEnd = jest.fn();
75
- const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 10, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
76
- const slider = container.getElementsByTagName("input")[0];
77
- react_1.fireEvent.change(slider, { target: { value: "10" } });
78
- expect(onChange).not.toHaveBeenCalled();
79
- // Cannot set value above max
80
- react_1.fireEvent.change(slider, { target: { value: "11" } });
81
- expect(onChange).not.toHaveBeenCalled();
82
- });
83
- });
84
- });
85
- //# sourceMappingURL=Slider.test.js.map