@simplybusiness/mobius 3.9.3 → 3.10.0

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 (219) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
  3. package/package.json +1 -1
  4. package/src/components/NumberField/NumberField.mdx +17 -0
  5. package/src/components/NumberField/__snapshots__/NumberField.test.tsx.snap +7 -14
  6. package/dist/esm/components/Accordion/Accordion.stories.js +0 -45
  7. package/dist/esm/components/Accordion/Accordion.stories.js.map +0 -1
  8. package/dist/esm/components/Accordion/Accordion.test.js +0 -65
  9. package/dist/esm/components/Accordion/Accordion.test.js.map +0 -1
  10. package/dist/esm/components/Alert/Alert.stories.js +0 -32
  11. package/dist/esm/components/Alert/Alert.stories.js.map +0 -1
  12. package/dist/esm/components/Alert/Alert.test.js +0 -48
  13. package/dist/esm/components/Alert/Alert.test.js.map +0 -1
  14. package/dist/esm/components/Box/Box.stories.js +0 -20
  15. package/dist/esm/components/Box/Box.stories.js.map +0 -1
  16. package/dist/esm/components/Box/Box.test.js +0 -31
  17. package/dist/esm/components/Box/Box.test.js.map +0 -1
  18. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +0 -17
  19. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
  20. package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js +0 -33
  21. package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
  22. package/dist/esm/components/Button/Button.stories.js +0 -213
  23. package/dist/esm/components/Button/Button.stories.js.map +0 -1
  24. package/dist/esm/components/Button/Button.test.js +0 -81
  25. package/dist/esm/components/Button/Button.test.js.map +0 -1
  26. package/dist/esm/components/Checkbox/Checkbox.stories.js +0 -98
  27. package/dist/esm/components/Checkbox/Checkbox.stories.js.map +0 -1
  28. package/dist/esm/components/Checkbox/Checkbox.test.js +0 -108
  29. package/dist/esm/components/Checkbox/Checkbox.test.js.map +0 -1
  30. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +0 -71
  31. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
  32. package/dist/esm/components/Checkbox/CheckboxGroup.test.js +0 -44
  33. package/dist/esm/components/Checkbox/CheckboxGroup.test.js.map +0 -1
  34. package/dist/esm/components/Chopin/Actions/Actions.stories.js +0 -56
  35. package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +0 -1
  36. package/dist/esm/components/Chopin/Actions/Actions.test.js +0 -95
  37. package/dist/esm/components/Chopin/Actions/Actions.test.js.map +0 -1
  38. package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js +0 -33
  39. package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js.map +0 -1
  40. package/dist/esm/components/Chopin/Footer/Footer.stories.js +0 -166
  41. package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +0 -1
  42. package/dist/esm/components/Chopin/Footer/Footer.test.js +0 -90
  43. package/dist/esm/components/Chopin/Footer/Footer.test.js.map +0 -1
  44. package/dist/esm/components/Chopin/Header/Header.stories.js +0 -38
  45. package/dist/esm/components/Chopin/Header/Header.stories.js.map +0 -1
  46. package/dist/esm/components/Chopin/Header/Header.test.js +0 -86
  47. package/dist/esm/components/Chopin/Header/Header.test.js.map +0 -1
  48. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +0 -43
  49. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +0 -1
  50. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js +0 -108
  51. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js.map +0 -1
  52. package/dist/esm/components/Chopin/Question/Question.stories.js +0 -136
  53. package/dist/esm/components/Chopin/Question/Question.stories.js.map +0 -1
  54. package/dist/esm/components/Chopin/Question/Question.test.js +0 -116
  55. package/dist/esm/components/Chopin/Question/Question.test.js.map +0 -1
  56. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +0 -40
  57. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +0 -1
  58. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js +0 -62
  59. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js.map +0 -1
  60. package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js +0 -41
  61. package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js.map +0 -1
  62. package/dist/esm/components/Chopin/Section/Section.stories.js +0 -16
  63. package/dist/esm/components/Chopin/Section/Section.stories.js.map +0 -1
  64. package/dist/esm/components/Chopin/Section/Section.test.js +0 -35
  65. package/dist/esm/components/Chopin/Section/Section.test.js.map +0 -1
  66. package/dist/esm/components/Chopin/Steps/Steps.stories.js +0 -12
  67. package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +0 -1
  68. package/dist/esm/components/Chopin/Steps/Steps.test.js +0 -93
  69. package/dist/esm/components/Chopin/Steps/Steps.test.js.map +0 -1
  70. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +0 -15
  71. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +0 -1
  72. package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js +0 -35
  73. package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js.map +0 -1
  74. package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js +0 -26
  75. package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js.map +0 -1
  76. package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js +0 -37
  77. package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js.map +0 -1
  78. package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js +0 -86
  79. package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js.map +0 -1
  80. package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js +0 -52
  81. package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js.map +0 -1
  82. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +0 -52
  83. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +0 -1
  84. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +0 -226
  85. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +0 -1
  86. package/dist/esm/components/Container/Container.stories.js +0 -12
  87. package/dist/esm/components/Container/Container.stories.js.map +0 -1
  88. package/dist/esm/components/Container/Container.test.js +0 -37
  89. package/dist/esm/components/Container/Container.test.js.map +0 -1
  90. package/dist/esm/components/DataTable/DataTable.stories.js +0 -174
  91. package/dist/esm/components/DataTable/DataTable.stories.js.map +0 -1
  92. package/dist/esm/components/DataTable/DataTable.test.js +0 -119
  93. package/dist/esm/components/DataTable/DataTable.test.js.map +0 -1
  94. package/dist/esm/components/DatePicker/DatePicker.stories.js +0 -25
  95. package/dist/esm/components/DatePicker/DatePicker.stories.js.map +0 -1
  96. package/dist/esm/components/Divider/Divider.stories.js +0 -12
  97. package/dist/esm/components/Divider/Divider.stories.js.map +0 -1
  98. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +0 -58
  99. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
  100. package/dist/esm/components/DropdownMenu/DropdownMenu.test.js +0 -95
  101. package/dist/esm/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
  102. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +0 -21
  103. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
  104. package/dist/esm/components/ErrorMessage/ErrorMessage.test.js +0 -30
  105. package/dist/esm/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
  106. package/dist/esm/components/Fieldset/Fieldset.stories.js +0 -22
  107. package/dist/esm/components/Fieldset/Fieldset.stories.js.map +0 -1
  108. package/dist/esm/components/Fieldset/Fieldset.test.js +0 -10
  109. package/dist/esm/components/Fieldset/Fieldset.test.js.map +0 -1
  110. package/dist/esm/components/Flex/Flex.stories.js +0 -148
  111. package/dist/esm/components/Flex/Flex.stories.js.map +0 -1
  112. package/dist/esm/components/Flex/Flex.test.js +0 -31
  113. package/dist/esm/components/Flex/Flex.test.js.map +0 -1
  114. package/dist/esm/components/Grid/Grid.stories.js +0 -227
  115. package/dist/esm/components/Grid/Grid.stories.js.map +0 -1
  116. package/dist/esm/components/Grid/Grid.test.js +0 -95
  117. package/dist/esm/components/Grid/Grid.test.js.map +0 -1
  118. package/dist/esm/components/Icon/Icon.stories.js +0 -43
  119. package/dist/esm/components/Icon/Icon.stories.js.map +0 -1
  120. package/dist/esm/components/Icon/Icon.test.js +0 -52
  121. package/dist/esm/components/Icon/Icon.test.js.map +0 -1
  122. package/dist/esm/components/Image/Image.stories.js +0 -17
  123. package/dist/esm/components/Image/Image.stories.js.map +0 -1
  124. package/dist/esm/components/Image/Image.test.js +0 -37
  125. package/dist/esm/components/Image/Image.test.js.map +0 -1
  126. package/dist/esm/components/Label/Label.stories.js +0 -15
  127. package/dist/esm/components/Label/Label.stories.js.map +0 -1
  128. package/dist/esm/components/Label/Label.test.js +0 -35
  129. package/dist/esm/components/Label/Label.test.js.map +0 -1
  130. package/dist/esm/components/Link/Link.stories.js +0 -41
  131. package/dist/esm/components/Link/Link.stories.js.map +0 -1
  132. package/dist/esm/components/Link/Link.test.js +0 -65
  133. package/dist/esm/components/Link/Link.test.js.map +0 -1
  134. package/dist/esm/components/LinkButton/LinkButton.stories.js +0 -42
  135. package/dist/esm/components/LinkButton/LinkButton.stories.js.map +0 -1
  136. package/dist/esm/components/LinkButton/LinkButton.test.js +0 -62
  137. package/dist/esm/components/LinkButton/LinkButton.test.js.map +0 -1
  138. package/dist/esm/components/List/List.stories.js +0 -77
  139. package/dist/esm/components/List/List.stories.js.map +0 -1
  140. package/dist/esm/components/List/List.test.js +0 -93
  141. package/dist/esm/components/List/List.test.js.map +0 -1
  142. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +0 -50
  143. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
  144. package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js +0 -27
  145. package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
  146. package/dist/esm/components/MaskedField/MaskedField.stories.js +0 -22
  147. package/dist/esm/components/MaskedField/MaskedField.stories.js.map +0 -1
  148. package/dist/esm/components/MaskedField/MaskedField.test.js +0 -64
  149. package/dist/esm/components/MaskedField/MaskedField.test.js.map +0 -1
  150. package/dist/esm/components/Modal/Modal.stories.js +0 -79
  151. package/dist/esm/components/Modal/Modal.stories.js.map +0 -1
  152. package/dist/esm/components/Modal/Modal.test.js +0 -135
  153. package/dist/esm/components/Modal/Modal.test.js.map +0 -1
  154. package/dist/esm/components/NumberField/NumberField.stories.js +0 -103
  155. package/dist/esm/components/NumberField/NumberField.stories.js.map +0 -1
  156. package/dist/esm/components/NumberField/NumberField.test.js +0 -81
  157. package/dist/esm/components/NumberField/NumberField.test.js.map +0 -1
  158. package/dist/esm/components/PasswordField/PasswordField.stories.js +0 -31
  159. package/dist/esm/components/PasswordField/PasswordField.stories.js.map +0 -1
  160. package/dist/esm/components/PasswordField/PasswordField.test.js +0 -29
  161. package/dist/esm/components/PasswordField/PasswordField.test.js.map +0 -1
  162. package/dist/esm/components/Progress/Progress.stories.js +0 -89
  163. package/dist/esm/components/Progress/Progress.stories.js.map +0 -1
  164. package/dist/esm/components/Progress/Progress.test.js +0 -32
  165. package/dist/esm/components/Progress/Progress.test.js.map +0 -1
  166. package/dist/esm/components/Radio/Radio.stories.js +0 -118
  167. package/dist/esm/components/Radio/Radio.stories.js.map +0 -1
  168. package/dist/esm/components/Radio/Radio.test.js +0 -139
  169. package/dist/esm/components/Radio/Radio.test.js.map +0 -1
  170. package/dist/esm/components/Radio/RadioButton.stories.js +0 -88
  171. package/dist/esm/components/Radio/RadioButton.stories.js.map +0 -1
  172. package/dist/esm/components/Radio/RadioButton.test.js +0 -118
  173. package/dist/esm/components/Radio/RadioButton.test.js.map +0 -1
  174. package/dist/esm/components/SVG/SVG.stories.js +0 -19
  175. package/dist/esm/components/SVG/SVG.stories.js.map +0 -1
  176. package/dist/esm/components/SVG/SVG.test.js +0 -26
  177. package/dist/esm/components/SVG/SVG.test.js.map +0 -1
  178. package/dist/esm/components/Segment/Segment.stories.js +0 -112
  179. package/dist/esm/components/Segment/Segment.stories.js.map +0 -1
  180. package/dist/esm/components/Select/Select.stories.js +0 -79
  181. package/dist/esm/components/Select/Select.stories.js.map +0 -1
  182. package/dist/esm/components/Select/Select.test.js +0 -94
  183. package/dist/esm/components/Select/Select.test.js.map +0 -1
  184. package/dist/esm/components/Slider/Slider.stories.js +0 -63
  185. package/dist/esm/components/Slider/Slider.stories.js.map +0 -1
  186. package/dist/esm/components/Slider/Slider.test.js +0 -58
  187. package/dist/esm/components/Slider/Slider.test.js.map +0 -1
  188. package/dist/esm/components/Table/Table.stories.js +0 -15
  189. package/dist/esm/components/Table/Table.stories.js.map +0 -1
  190. package/dist/esm/components/Table/Table.test.js +0 -73
  191. package/dist/esm/components/Table/Table.test.js.map +0 -1
  192. package/dist/esm/components/Text/Text.stories.js +0 -31
  193. package/dist/esm/components/Text/Text.stories.js.map +0 -1
  194. package/dist/esm/components/Text/Text.test.js +0 -31
  195. package/dist/esm/components/Text/Text.test.js.map +0 -1
  196. package/dist/esm/components/TextArea/TextArea.stories.js +0 -80
  197. package/dist/esm/components/TextArea/TextArea.stories.js.map +0 -1
  198. package/dist/esm/components/TextArea/TextArea.test.js +0 -84
  199. package/dist/esm/components/TextArea/TextArea.test.js.map +0 -1
  200. package/dist/esm/components/TextAreaInput/TextAreaInput.test.js +0 -42
  201. package/dist/esm/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
  202. package/dist/esm/components/TextField/TextField.stories.js +0 -103
  203. package/dist/esm/components/TextField/TextField.stories.js.map +0 -1
  204. package/dist/esm/components/TextField/TextField.test.js +0 -123
  205. package/dist/esm/components/TextField/TextField.test.js.map +0 -1
  206. package/dist/esm/components/Title/Title.stories.js +0 -16
  207. package/dist/esm/components/Title/Title.stories.js.map +0 -1
  208. package/dist/esm/components/Title/Title.test.js +0 -20
  209. package/dist/esm/components/Title/Title.test.js.map +0 -1
  210. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +0 -12
  211. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
  212. package/dist/esm/contexts/ThemeContext/ThemeContext.test.js +0 -10
  213. package/dist/esm/contexts/ThemeContext/ThemeContext.test.js.map +0 -1
  214. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +0 -40
  215. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
  216. package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js +0 -242
  217. package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
  218. package/dist/esm/hooks/useButton/useButton.test.js +0 -141
  219. package/dist/esm/hooks/useButton/useButton.test.js.map +0 -1
@@ -1,213 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from "react";
3
- import { Button } from "./Button";
4
- import { excludeControls } from "../../utils/excludeControls";
5
- export default {
6
- title: "Components/Button",
7
- component: Button,
8
- excludeStories: ["Counter", "PressButton"],
9
- argTypes: Object.assign({ icon: {
10
- options: ["", "menu", "rightArrow", "leftArrow", "dropdown", "home"],
11
- control: { type: "select" },
12
- }, iconPosition: {
13
- if: {
14
- arg: "icon",
15
- },
16
- }, isLoading: {
17
- if: {
18
- arg: "isSuccess",
19
- truthy: false,
20
- },
21
- }, isSuccess: {
22
- if: {
23
- arg: "isLoading",
24
- truthy: false,
25
- },
26
- }, href: {
27
- if: {
28
- arg: "elementType",
29
- eq: "a",
30
- },
31
- }, rel: {
32
- if: {
33
- arg: "elementType",
34
- eq: "a",
35
- },
36
- }, target: {
37
- if: {
38
- arg: "elementType",
39
- eq: "a",
40
- },
41
- }, type: {
42
- if: {
43
- arg: "elementType",
44
- neq: "a",
45
- },
46
- } }, excludeControls("className", "onClick", "elementType", "onPress", "role")),
47
- };
48
- export const Normal = {
49
- render: (args) => _jsx(Button, Object.assign({}, args)),
50
- args: {
51
- children: "Confirm",
52
- variant: "primary",
53
- size: "medium",
54
- isDisabled: false,
55
- isLoading: false,
56
- isSuccess: false,
57
- type: "button",
58
- },
59
- };
60
- export const Secondary = {
61
- render: (args) => _jsx(Button, Object.assign({}, args)),
62
- args: {
63
- variant: "secondary",
64
- size: "medium",
65
- children: "Secondary Button",
66
- isDisabled: false,
67
- isLoading: false,
68
- isSuccess: false,
69
- type: "button",
70
- },
71
- };
72
- export const Ghost = {
73
- render: (args) => _jsx(Button, Object.assign({}, args)),
74
- args: {
75
- variant: "ghost",
76
- size: "medium",
77
- children: "Ghost Button",
78
- isDisabled: false,
79
- isLoading: false,
80
- isSuccess: false,
81
- type: "button",
82
- },
83
- };
84
- export const Basic = {
85
- render: (args) => _jsx(Button, Object.assign({}, args)),
86
- args: {
87
- variant: "basic",
88
- size: "medium",
89
- children: "Basic Button",
90
- isDisabled: false,
91
- isLoading: false,
92
- isSuccess: false,
93
- type: "button",
94
- },
95
- };
96
- export const Large = {
97
- render: (args) => _jsx(Button, Object.assign({}, args)),
98
- args: {
99
- children: "Large Button",
100
- variant: "primary",
101
- size: "large",
102
- isDisabled: false,
103
- isLoading: false,
104
- isSuccess: false,
105
- type: "button",
106
- },
107
- };
108
- export const Link = {
109
- render: (args) => _jsx(Button, Object.assign({}, args)),
110
- args: {
111
- children: "Link Button",
112
- elementType: "a",
113
- variant: "primary",
114
- size: "medium",
115
- isDisabled: false,
116
- isLoading: false,
117
- isSuccess: false,
118
- href: "",
119
- rel: "",
120
- target: "",
121
- },
122
- };
123
- export const Loading = {
124
- render: (args) => _jsx(Button, Object.assign({}, args)),
125
- args: {
126
- children: "Loading",
127
- variant: "primary",
128
- size: "medium",
129
- isDisabled: false,
130
- isLoading: true,
131
- isSuccess: false,
132
- type: "button",
133
- },
134
- parameters: {
135
- controls: {
136
- exclude: ["icon", "iconPosition"],
137
- },
138
- },
139
- };
140
- export const Success = {
141
- render: (args) => _jsx(Button, Object.assign({}, args)),
142
- args: {
143
- children: "Success",
144
- variant: "primary",
145
- size: "medium",
146
- isDisabled: false,
147
- isLoading: false,
148
- isSuccess: true,
149
- type: "button",
150
- },
151
- parameters: {
152
- controls: {
153
- exclude: ["icon", "iconPosition"],
154
- },
155
- },
156
- };
157
- export const Disabled = {
158
- render: (args) => _jsx(Button, Object.assign({}, args)),
159
- args: {
160
- children: "Disabled",
161
- variant: "primary",
162
- size: "medium",
163
- isDisabled: true,
164
- isLoading: false,
165
- isSuccess: false,
166
- type: "button",
167
- },
168
- };
169
- export const WithIcon = {
170
- render: (args) => _jsx(Button, Object.assign({}, args)),
171
- args: {
172
- children: "Menu",
173
- variant: "primary",
174
- size: "medium",
175
- icon: "menu",
176
- iconPosition: "right",
177
- isDisabled: false,
178
- isLoading: false,
179
- isSuccess: false,
180
- type: "button",
181
- },
182
- };
183
- export const Themed = {
184
- render: (args) => {
185
- // eslint-disable-next-line global-require
186
- require("./Button.story.styles.css");
187
- return _jsx(Button, Object.assign({}, args));
188
- },
189
- args: {
190
- children: "Confirm",
191
- variant: "primary",
192
- size: "medium",
193
- isDisabled: false,
194
- isLoading: false,
195
- isSuccess: false,
196
- className: "button-example-with-theme",
197
- type: "button",
198
- },
199
- };
200
- export const Counter = () => {
201
- const [count, setCount] = useState(0);
202
- return (_jsxs(Button, Object.assign({ onPress: () => setCount(c => c + 1) }, { children: ["Pressed ", count, " times"] })));
203
- };
204
- export const PressButton = () => {
205
- const [pressLogs, setPressLogs] = useState([]);
206
- const log = (e) => {
207
- setPressLogs(logs => [...logs.slice(-5), e]);
208
- };
209
- return (_jsxs("div", { children: [_jsx(Button, Object.assign({ onPress: () => log("onPress") }, { children: "Press me" })), _jsx("ul", { children: pressLogs.map((pressLog, i) => (
210
- // eslint-disable-next-line react/no-array-index-key
211
- _jsx("li", { children: pressLog }, i))) })] }));
212
- };
213
- //# sourceMappingURL=Button.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,cAAc,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;IAC1C,QAAQ,kBACN,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC;YACpE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,YAAY,EAAE;YACZ,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;aACZ;SACF,EACD,SAAS,EAAE;YACT,EAAE,EAAE;gBACF,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,KAAK;aACd;SACF,EACD,SAAS,EAAE;YACT,EAAE,EAAE;gBACF,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,KAAK;aACd;SACF,EACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,GAAG,EAAE;YACH,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,MAAM,EAAE;YACN,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,EAAE,EAAE,GAAG;aACR;SACF,EACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,GAAG,EAAE,aAAa;gBAClB,GAAG,EAAE,GAAG;aACT;SACF,IACE,eAAe,CAChB,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,CACP,CACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAwB;IACzC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAwB;IAC5C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,kBAAkB;QAC5B,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAwB;IACxC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,cAAc;QACxB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAwB;IACxC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,cAAc;QACxB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAwB;IACxC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAwB;IACvC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,WAAW,EAAE,GAAG;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;SAClC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAwB;IAC1C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,IAAI;QACf,IAAI,EAAE,QAAQ;KACf;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC;SAClC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAwB;IAC3C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAwB;IAC3C,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,OAAO;QACrB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAwB;IACzC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE;QAC5B,0CAA0C;QAC1C,OAAO,CAAC,2BAA2B,CAAC,CAAC;QACrC,OAAO,KAAC,MAAM,oBAAK,IAAI,EAAI,CAAC;IAC9B,CAAC;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,2BAA2B;QACtC,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,OAAO,CACL,MAAC,MAAM,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,6BAAW,KAAK,eAAgB,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC,CAAC;IAC9D,MAAM,GAAG,GAAG,CAAC,CAAS,EAAE,EAAE;QACxB,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC;IACF,OAAO,CACL,0BACE,KAAC,MAAM,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,8BAAmB,EACxD,uBACG,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC9B,oDAAoD;gBACpD,uBAAa,QAAQ,IAAZ,CAAC,CAAiB,CAC5B,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,81 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen } from "@testing-library/react";
3
- import userEvent from "@testing-library/user-event";
4
- import { Button } from ".";
5
- const CLASS_NAME = "mobius/Button";
6
- describe("Button", () => {
7
- it("should render without errors", () => {
8
- const error = jest.spyOn(global.console, "error");
9
- const onPress = jest.fn();
10
- render(_jsx(Button, Object.assign({ onPress: onPress }, { children: "Sample text" })));
11
- expect(error).not.toHaveBeenCalled();
12
- });
13
- it("should call the onPress", async () => {
14
- const onPress = jest.fn();
15
- const { getByText } = render(_jsx(Button, Object.assign({ onPress: onPress }, { children: "Press" })));
16
- await userEvent.click(getByText("Press"));
17
- expect(onPress).toHaveBeenCalled();
18
- });
19
- it("should call the onClick", async () => {
20
- const onClick = jest.fn();
21
- const { getByText } = render(_jsx(Button, Object.assign({ onClick: onClick }, { children: "Click" })));
22
- await userEvent.click(getByText("Click"));
23
- expect(onClick).toHaveBeenCalled();
24
- });
25
- describe("given icon is provided", () => {
26
- it("renders the icon on the left by default", () => {
27
- var _a;
28
- render(_jsx(Button, Object.assign({ icon: "chevronDown" }, { children: "Icon on the left" })));
29
- expect((_a = screen.getByRole("button").firstElementChild) === null || _a === void 0 ? void 0 : _a.tagName).toBe("svg");
30
- });
31
- it("renders the icon after text when position is set to 'right'", () => {
32
- render(_jsx(Button, Object.assign({ icon: "chevronDown", iconPosition: "right" }, { children: "Icon on the right" })));
33
- expect(screen.getByRole("button").children[1].tagName).toBe("svg");
34
- });
35
- });
36
- describe("given the button is set to 'loading'", () => {
37
- it("should only render the loading icon", () => {
38
- render(_jsx(Button, Object.assign({ isLoading: true, icon: "chevronDown", iconPosition: "right" }, { children: "Click me" })));
39
- expect(screen.getByRole("button").firstElementChild).toHaveClass("mobius/ButtonIconWrapper");
40
- expect(screen.getByRole("button").children[1]).toHaveClass("hide-children");
41
- });
42
- });
43
- describe("given the button is set to 'loading' and 'success'", () => {
44
- it("renders 'loading' state", () => {
45
- render(_jsx(Button, { isLoading: true, isSuccess: true }));
46
- expect(screen.getByRole("button")).toHaveClass("--is-loading");
47
- expect(screen.getByRole("button")).not.toHaveClass("--is-success");
48
- });
49
- });
50
- describe("uses correct class names", () => {
51
- it("uses Mobius class", () => {
52
- render(_jsx(Button, {}));
53
- expect(screen.getByRole("button")).toHaveClass("mobius");
54
- });
55
- it("uses base Mobius class", () => {
56
- render(_jsx(Button, {}));
57
- expect(screen.getByRole("button")).toHaveClass(CLASS_NAME);
58
- });
59
- it("includes disabled class name", () => {
60
- render(_jsx(Button, { isDisabled: true }));
61
- expect(screen.getByRole("button")).toHaveClass("--is-disabled");
62
- });
63
- it("includes custom class name", () => {
64
- render(_jsx(Button, { className: "my-class" }));
65
- expect(screen.getByRole("button")).toHaveClass(CLASS_NAME);
66
- expect(screen.getByRole("button")).toHaveClass("my-class");
67
- });
68
- it("includes the focus-visible class name", async () => {
69
- render(_jsx(Button, {}));
70
- await userEvent.tab();
71
- expect(screen.getByRole("button")).toHaveClass("--is-focus-visible");
72
- });
73
- describe("given icon is provided", () => {
74
- it("includes icon class name", () => {
75
- render(_jsx(Button, { icon: "chevronDown" }));
76
- expect(screen.getByRole("button")).toHaveClass("--has-icon");
77
- });
78
- });
79
- });
80
- });
81
- //# sourceMappingURL=Button.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.test.tsx"],"names":[],"mappings":"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"}
@@ -1,98 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Checkbox } from ".";
3
- import { excludeControls } from "../../utils/excludeControls";
4
- export default {
5
- title: "Forms/Checkbox",
6
- component: Checkbox,
7
- argTypes: Object.assign({ validationState: {
8
- options: ["valid", "invalid", "neither"],
9
- control: { type: "radio" },
10
- mapping: {
11
- valid: "valid",
12
- invalid: "invalid",
13
- neither: "",
14
- },
15
- }, label: {
16
- control: { type: "text" },
17
- } }, excludeControls("className")),
18
- };
19
- export const Normal = {
20
- render: (args) => _jsx(Checkbox, Object.assign({}, args)),
21
- args: {
22
- label: "Value",
23
- isDisabled: false,
24
- isIndeterminate: false,
25
- errorMessage: "",
26
- defaultSelected: false,
27
- isRequired: false,
28
- },
29
- };
30
- export const ControlledValue = {
31
- render: (args) => _jsx(Checkbox, Object.assign({}, args)),
32
- args: {
33
- label: "Value",
34
- isDisabled: false,
35
- isIndeterminate: false,
36
- errorMessage: "",
37
- isSelected: true,
38
- isRequired: false,
39
- },
40
- };
41
- export const Disabled = {
42
- render: (args) => _jsx(Checkbox, Object.assign({}, args)),
43
- args: {
44
- label: "Value",
45
- isDisabled: true,
46
- isIndeterminate: false,
47
- errorMessage: "",
48
- defaultSelected: false,
49
- isRequired: false,
50
- },
51
- };
52
- export const Indeterminate = {
53
- render: (args) => _jsx(Checkbox, Object.assign({}, args)),
54
- args: {
55
- label: "Value",
56
- isDisabled: false,
57
- isIndeterminate: true,
58
- errorMessage: "",
59
- defaultSelected: false,
60
- isRequired: false,
61
- },
62
- };
63
- export const Valid = {
64
- render: (args) => _jsx(Checkbox, Object.assign({}, args)),
65
- args: {
66
- label: "Value",
67
- isDisabled: false,
68
- isIndeterminate: false,
69
- errorMessage: "",
70
- validationState: "valid",
71
- defaultSelected: false,
72
- isRequired: false,
73
- },
74
- };
75
- export const Invalid = {
76
- render: (args) => _jsx(Checkbox, Object.assign({}, args)),
77
- args: {
78
- label: "Value",
79
- isDisabled: false,
80
- isIndeterminate: false,
81
- validationState: "invalid",
82
- errorMessage: "This is an error message",
83
- defaultSelected: false,
84
- isRequired: false,
85
- },
86
- };
87
- export const LongLabel = {
88
- render: (args) => _jsx(Checkbox, Object.assign({}, args)),
89
- args: {
90
- label: (_jsxs(_Fragment, { children: ["Example", _jsx("br", {}), "of", _jsx("br", {}), "long", _jsx("br", {}), "label", _jsx("br", {}), "text", _jsx("br", {})] })),
91
- isDisabled: false,
92
- isIndeterminate: false,
93
- errorMessage: "",
94
- defaultSelected: false,
95
- isRequired: false,
96
- },
97
- };
98
- //# sourceMappingURL=Checkbox.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,108 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Fragment } from "react";
3
- import { render, fireEvent, screen } from "@testing-library/react";
4
- import userEvent from "@testing-library/user-event";
5
- import { Checkbox, CheckboxGroup } from ".";
6
- const WRAPPER_CLASS_NAME = "mobius/Checkbox";
7
- const INPUT_CLASS_NAME = "mobius/CheckboxInput";
8
- describe.each([
9
- ["Grouped checkbox", CheckboxGroup, { label: "Checkbox Group" }],
10
- ["Ungrouped checkbox", Fragment, {}],
11
- ])("%s", (_description, Container, containerProps) => {
12
- it("should render without error", () => {
13
- const component = render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", value: "value" }) })));
14
- expect(component).toBeTruthy();
15
- });
16
- it("should call onChange when clicked", () => {
17
- const callback = jest.fn();
18
- const component = render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", onChange: callback, value: "value" }) })));
19
- fireEvent.click(component.container.querySelector("input"));
20
- expect(callback).toHaveBeenCalledWith(true);
21
- });
22
- it("should be selectable via keyboard", async () => {
23
- const callback = jest.fn();
24
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", onChange: callback, value: "value" }) })));
25
- await userEvent.tab();
26
- await userEvent.keyboard("[Space]");
27
- expect(callback).toHaveBeenCalledWith(true);
28
- await userEvent.keyboard("[Space]");
29
- expect(callback).toHaveBeenCalledWith(false);
30
- });
31
- it("should set the correct aria-describedby attribute", () => {
32
- const { getByLabelText } = render(_jsx(Checkbox, { label: "I agree", name: "agree", errorMessage: "Required" }));
33
- expect(getByLabelText("I agree")).toHaveAccessibleDescription("Required");
34
- });
35
- describe("isSelected", () => {
36
- beforeAll(() => {
37
- jest.spyOn(console, "error").mockImplementationOnce(() => { });
38
- });
39
- it("should not pass the prop as a DOM attribute", () => {
40
- render(_jsxs(Container, Object.assign({}, containerProps, { children: [_jsx(Checkbox, { label: "I agree", name: "agree", value: "test", isSelected: true }), ","] })));
41
- // eslint-disable-next-line
42
- expect(console.error).not.toHaveBeenCalled();
43
- });
44
- });
45
- describe("isRequired", () => {
46
- it("should set aria-required to true", () => {
47
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", value: "value", isRequired: true }) })));
48
- expect(screen.getByLabelText("Checkbox")).toHaveAttribute("aria-required", "true");
49
- });
50
- it("should have className of --is-required when true", () => {
51
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", value: "value", isRequired: true }) })));
52
- expect(screen.getByLabelText("Checkbox")).toHaveClass("--is-required");
53
- });
54
- it("should have className of --is-optional when false", () => {
55
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", value: "value", isRequired: false }) })));
56
- expect(screen.getByLabelText("Checkbox")).toHaveClass("--is-optional");
57
- });
58
- it("should have neither --is-required nor --is-optional when unset", () => {
59
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", value: "value" }) })));
60
- expect(screen.getByLabelText("Checkbox")).not.toHaveClass("--is-required");
61
- expect(screen.getByLabelText("Checkbox")).not.toHaveClass("--is-optional");
62
- });
63
- });
64
- describe("uses correct class names", () => {
65
- it("uses mobius Mobius class", () => {
66
- const { container } = render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", value: "value" }) })));
67
- expect(container.firstChild).toHaveClass("mobius");
68
- });
69
- it("uses base Mobius class", () => {
70
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", value: "value" }) })));
71
- expect(screen.getByLabelText("Checkbox")).toHaveClass(INPUT_CLASS_NAME);
72
- });
73
- it("includes disabled class name", () => {
74
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", isDisabled: true, value: "value" }) })));
75
- expect(screen.getByLabelText("Checkbox")).toHaveClass("--is-disabled");
76
- });
77
- it("includes valid class name", () => {
78
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", validationState: "valid", value: "value" }) })));
79
- expect(screen.getByLabelText("Checkbox")).toHaveClass("--is-valid");
80
- });
81
- it("includes invalid class name", () => {
82
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", validationState: "invalid", errorMessage: "There is a problem", value: "value" }) })));
83
- expect(screen.getByLabelText("Checkbox")).toHaveClass("--is-invalid");
84
- });
85
- it("includes custom class name", () => {
86
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", className: "my-class", value: "value" }) })));
87
- expect(screen.getByLabelText("Checkbox")).toHaveClass("my-class");
88
- expect(screen.getByLabelText("Checkbox")).toHaveClass(INPUT_CLASS_NAME);
89
- });
90
- it("only sets id on the input element", () => {
91
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { id: "test", label: "Checkbox", value: "value" }) })));
92
- expect(screen.getByLabelText("Checkbox").getAttribute("id")).toEqual("test");
93
- });
94
- it("includes focused and selected class names", async () => {
95
- render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", value: "value" }) })));
96
- await userEvent.tab();
97
- expect(screen.getByRole("checkbox")).toHaveClass("--is-focused");
98
- expect(screen.getByRole("checkbox")).toHaveClass(INPUT_CLASS_NAME);
99
- expect(screen.getByLabelText("Checkbox")).toHaveClass("--is-focused");
100
- expect(screen.getByLabelText("Checkbox").closest("label")).toHaveClass(WRAPPER_CLASS_NAME);
101
- await userEvent.keyboard("[Space]");
102
- expect(screen.getByRole("checkbox")).toHaveClass("--is-selected");
103
- await userEvent.tab();
104
- expect(screen.getByRole("checkbox")).not.toHaveClass("--is-hovered");
105
- });
106
- });
107
- });
108
- //# sourceMappingURL=Checkbox.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":"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"}
@@ -1,71 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { CheckboxGroup, Checkbox } from ".";
3
- import { excludeControls } from "../../utils/excludeControls";
4
- export default {
5
- title: "Forms/CheckboxGroup",
6
- component: CheckboxGroup,
7
- argTypes: Object.assign({ validationState: {
8
- options: ["valid", "invalid", "neither"],
9
- control: { type: "radio" },
10
- mapping: {
11
- valid: "valid",
12
- invalid: "invalid",
13
- neither: "",
14
- },
15
- } }, excludeControls("className")),
16
- };
17
- export const Normal = {
18
- render: (args) => (_jsxs(CheckboxGroup, Object.assign({}, args, { children: [_jsx(Checkbox, { label: "Option 1", value: "option1" }), _jsx(Checkbox, { label: "Option 2", value: "option2" }), _jsx(Checkbox, { label: "Option 3", value: "option3" })] }))),
19
- args: {
20
- label: "Value",
21
- errorMessage: "",
22
- isDisabled: false,
23
- orientation: "vertical",
24
- defaultValue: ["option1", "option3"],
25
- isRequired: false,
26
- },
27
- };
28
- export const ControlledValue = {
29
- render: (args) => (_jsxs(CheckboxGroup, Object.assign({}, args, { children: [_jsx(Checkbox, { label: "Option 1", value: "option1" }), _jsx(Checkbox, { label: "Option 2", value: "option2" }), _jsx(Checkbox, { label: "Option 3", value: "option3" })] }))),
30
- args: {
31
- label: "Value",
32
- errorMessage: "",
33
- isDisabled: false,
34
- orientation: "vertical",
35
- value: ["option2", "option3"],
36
- isRequired: false,
37
- },
38
- };
39
- export const Disabled = {
40
- render: (args) => (_jsxs(CheckboxGroup, Object.assign({}, args, { children: [_jsx(Checkbox, { label: "Option 1", value: "option1" }), _jsx(Checkbox, { label: "Option 2", value: "option2" }), _jsx(Checkbox, { label: "Option 3", value: "option3" })] }))),
41
- args: {
42
- label: "Value",
43
- errorMessage: "",
44
- isDisabled: true,
45
- orientation: "vertical",
46
- isRequired: false,
47
- },
48
- };
49
- export const Valid = {
50
- render: (args) => (_jsxs(CheckboxGroup, Object.assign({}, args, { children: [_jsx(Checkbox, { label: "Option 1", value: "option1" }), _jsx(Checkbox, { label: "Option 2", value: "option2" }), _jsx(Checkbox, { label: "Option 3", value: "option3" })] }))),
51
- args: {
52
- label: "Value",
53
- errorMessage: "",
54
- isDisabled: false,
55
- validationState: "valid",
56
- orientation: "vertical",
57
- isRequired: false,
58
- },
59
- };
60
- export const Invalid = {
61
- render: (args) => (_jsxs(CheckboxGroup, Object.assign({}, args, { children: [_jsx(Checkbox, { label: "Option 1", value: "option1" }), _jsx(Checkbox, { label: "Option 2", value: "option2" }), _jsx(Checkbox, { label: "Option 3", value: "option3" })] }))),
62
- args: {
63
- label: "Value",
64
- errorMessage: "This field is required",
65
- isDisabled: false,
66
- validationState: "invalid",
67
- orientation: "vertical",
68
- isRequired: false,
69
- },
70
- };
71
- //# sourceMappingURL=CheckboxGroup.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CheckboxGroup.stories.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxGroup.stories.tsx"],"names":[],"mappings":"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"}