@simplybusiness/mobius 3.9.3 → 3.9.4

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 (218) hide show
  1. package/CHANGELOG.md +8 -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/dist/esm/components/Accordion/Accordion.stories.js +0 -45
  6. package/dist/esm/components/Accordion/Accordion.stories.js.map +0 -1
  7. package/dist/esm/components/Accordion/Accordion.test.js +0 -65
  8. package/dist/esm/components/Accordion/Accordion.test.js.map +0 -1
  9. package/dist/esm/components/Alert/Alert.stories.js +0 -32
  10. package/dist/esm/components/Alert/Alert.stories.js.map +0 -1
  11. package/dist/esm/components/Alert/Alert.test.js +0 -48
  12. package/dist/esm/components/Alert/Alert.test.js.map +0 -1
  13. package/dist/esm/components/Box/Box.stories.js +0 -20
  14. package/dist/esm/components/Box/Box.stories.js.map +0 -1
  15. package/dist/esm/components/Box/Box.test.js +0 -31
  16. package/dist/esm/components/Box/Box.test.js.map +0 -1
  17. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +0 -17
  18. package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
  19. package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js +0 -33
  20. package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
  21. package/dist/esm/components/Button/Button.stories.js +0 -213
  22. package/dist/esm/components/Button/Button.stories.js.map +0 -1
  23. package/dist/esm/components/Button/Button.test.js +0 -81
  24. package/dist/esm/components/Button/Button.test.js.map +0 -1
  25. package/dist/esm/components/Checkbox/Checkbox.stories.js +0 -98
  26. package/dist/esm/components/Checkbox/Checkbox.stories.js.map +0 -1
  27. package/dist/esm/components/Checkbox/Checkbox.test.js +0 -108
  28. package/dist/esm/components/Checkbox/Checkbox.test.js.map +0 -1
  29. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +0 -71
  30. package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
  31. package/dist/esm/components/Checkbox/CheckboxGroup.test.js +0 -44
  32. package/dist/esm/components/Checkbox/CheckboxGroup.test.js.map +0 -1
  33. package/dist/esm/components/Chopin/Actions/Actions.stories.js +0 -56
  34. package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +0 -1
  35. package/dist/esm/components/Chopin/Actions/Actions.test.js +0 -95
  36. package/dist/esm/components/Chopin/Actions/Actions.test.js.map +0 -1
  37. package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js +0 -33
  38. package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js.map +0 -1
  39. package/dist/esm/components/Chopin/Footer/Footer.stories.js +0 -166
  40. package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +0 -1
  41. package/dist/esm/components/Chopin/Footer/Footer.test.js +0 -90
  42. package/dist/esm/components/Chopin/Footer/Footer.test.js.map +0 -1
  43. package/dist/esm/components/Chopin/Header/Header.stories.js +0 -38
  44. package/dist/esm/components/Chopin/Header/Header.stories.js.map +0 -1
  45. package/dist/esm/components/Chopin/Header/Header.test.js +0 -86
  46. package/dist/esm/components/Chopin/Header/Header.test.js.map +0 -1
  47. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +0 -43
  48. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +0 -1
  49. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js +0 -108
  50. package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js.map +0 -1
  51. package/dist/esm/components/Chopin/Question/Question.stories.js +0 -136
  52. package/dist/esm/components/Chopin/Question/Question.stories.js.map +0 -1
  53. package/dist/esm/components/Chopin/Question/Question.test.js +0 -116
  54. package/dist/esm/components/Chopin/Question/Question.test.js.map +0 -1
  55. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +0 -40
  56. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +0 -1
  57. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js +0 -62
  58. package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js.map +0 -1
  59. package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js +0 -41
  60. package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js.map +0 -1
  61. package/dist/esm/components/Chopin/Section/Section.stories.js +0 -16
  62. package/dist/esm/components/Chopin/Section/Section.stories.js.map +0 -1
  63. package/dist/esm/components/Chopin/Section/Section.test.js +0 -35
  64. package/dist/esm/components/Chopin/Section/Section.test.js.map +0 -1
  65. package/dist/esm/components/Chopin/Steps/Steps.stories.js +0 -12
  66. package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +0 -1
  67. package/dist/esm/components/Chopin/Steps/Steps.test.js +0 -93
  68. package/dist/esm/components/Chopin/Steps/Steps.test.js.map +0 -1
  69. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +0 -15
  70. package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +0 -1
  71. package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js +0 -35
  72. package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js.map +0 -1
  73. package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js +0 -26
  74. package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js.map +0 -1
  75. package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js +0 -37
  76. package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js.map +0 -1
  77. package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js +0 -86
  78. package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js.map +0 -1
  79. package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js +0 -52
  80. package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js.map +0 -1
  81. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +0 -52
  82. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +0 -1
  83. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +0 -226
  84. package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +0 -1
  85. package/dist/esm/components/Container/Container.stories.js +0 -12
  86. package/dist/esm/components/Container/Container.stories.js.map +0 -1
  87. package/dist/esm/components/Container/Container.test.js +0 -37
  88. package/dist/esm/components/Container/Container.test.js.map +0 -1
  89. package/dist/esm/components/DataTable/DataTable.stories.js +0 -174
  90. package/dist/esm/components/DataTable/DataTable.stories.js.map +0 -1
  91. package/dist/esm/components/DataTable/DataTable.test.js +0 -119
  92. package/dist/esm/components/DataTable/DataTable.test.js.map +0 -1
  93. package/dist/esm/components/DatePicker/DatePicker.stories.js +0 -25
  94. package/dist/esm/components/DatePicker/DatePicker.stories.js.map +0 -1
  95. package/dist/esm/components/Divider/Divider.stories.js +0 -12
  96. package/dist/esm/components/Divider/Divider.stories.js.map +0 -1
  97. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +0 -58
  98. package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
  99. package/dist/esm/components/DropdownMenu/DropdownMenu.test.js +0 -95
  100. package/dist/esm/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
  101. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +0 -21
  102. package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
  103. package/dist/esm/components/ErrorMessage/ErrorMessage.test.js +0 -30
  104. package/dist/esm/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
  105. package/dist/esm/components/Fieldset/Fieldset.stories.js +0 -22
  106. package/dist/esm/components/Fieldset/Fieldset.stories.js.map +0 -1
  107. package/dist/esm/components/Fieldset/Fieldset.test.js +0 -10
  108. package/dist/esm/components/Fieldset/Fieldset.test.js.map +0 -1
  109. package/dist/esm/components/Flex/Flex.stories.js +0 -148
  110. package/dist/esm/components/Flex/Flex.stories.js.map +0 -1
  111. package/dist/esm/components/Flex/Flex.test.js +0 -31
  112. package/dist/esm/components/Flex/Flex.test.js.map +0 -1
  113. package/dist/esm/components/Grid/Grid.stories.js +0 -227
  114. package/dist/esm/components/Grid/Grid.stories.js.map +0 -1
  115. package/dist/esm/components/Grid/Grid.test.js +0 -95
  116. package/dist/esm/components/Grid/Grid.test.js.map +0 -1
  117. package/dist/esm/components/Icon/Icon.stories.js +0 -43
  118. package/dist/esm/components/Icon/Icon.stories.js.map +0 -1
  119. package/dist/esm/components/Icon/Icon.test.js +0 -52
  120. package/dist/esm/components/Icon/Icon.test.js.map +0 -1
  121. package/dist/esm/components/Image/Image.stories.js +0 -17
  122. package/dist/esm/components/Image/Image.stories.js.map +0 -1
  123. package/dist/esm/components/Image/Image.test.js +0 -37
  124. package/dist/esm/components/Image/Image.test.js.map +0 -1
  125. package/dist/esm/components/Label/Label.stories.js +0 -15
  126. package/dist/esm/components/Label/Label.stories.js.map +0 -1
  127. package/dist/esm/components/Label/Label.test.js +0 -35
  128. package/dist/esm/components/Label/Label.test.js.map +0 -1
  129. package/dist/esm/components/Link/Link.stories.js +0 -41
  130. package/dist/esm/components/Link/Link.stories.js.map +0 -1
  131. package/dist/esm/components/Link/Link.test.js +0 -65
  132. package/dist/esm/components/Link/Link.test.js.map +0 -1
  133. package/dist/esm/components/LinkButton/LinkButton.stories.js +0 -42
  134. package/dist/esm/components/LinkButton/LinkButton.stories.js.map +0 -1
  135. package/dist/esm/components/LinkButton/LinkButton.test.js +0 -62
  136. package/dist/esm/components/LinkButton/LinkButton.test.js.map +0 -1
  137. package/dist/esm/components/List/List.stories.js +0 -77
  138. package/dist/esm/components/List/List.stories.js.map +0 -1
  139. package/dist/esm/components/List/List.test.js +0 -93
  140. package/dist/esm/components/List/List.test.js.map +0 -1
  141. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +0 -50
  142. package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
  143. package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js +0 -27
  144. package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
  145. package/dist/esm/components/MaskedField/MaskedField.stories.js +0 -22
  146. package/dist/esm/components/MaskedField/MaskedField.stories.js.map +0 -1
  147. package/dist/esm/components/MaskedField/MaskedField.test.js +0 -64
  148. package/dist/esm/components/MaskedField/MaskedField.test.js.map +0 -1
  149. package/dist/esm/components/Modal/Modal.stories.js +0 -79
  150. package/dist/esm/components/Modal/Modal.stories.js.map +0 -1
  151. package/dist/esm/components/Modal/Modal.test.js +0 -135
  152. package/dist/esm/components/Modal/Modal.test.js.map +0 -1
  153. package/dist/esm/components/NumberField/NumberField.stories.js +0 -103
  154. package/dist/esm/components/NumberField/NumberField.stories.js.map +0 -1
  155. package/dist/esm/components/NumberField/NumberField.test.js +0 -81
  156. package/dist/esm/components/NumberField/NumberField.test.js.map +0 -1
  157. package/dist/esm/components/PasswordField/PasswordField.stories.js +0 -31
  158. package/dist/esm/components/PasswordField/PasswordField.stories.js.map +0 -1
  159. package/dist/esm/components/PasswordField/PasswordField.test.js +0 -29
  160. package/dist/esm/components/PasswordField/PasswordField.test.js.map +0 -1
  161. package/dist/esm/components/Progress/Progress.stories.js +0 -89
  162. package/dist/esm/components/Progress/Progress.stories.js.map +0 -1
  163. package/dist/esm/components/Progress/Progress.test.js +0 -32
  164. package/dist/esm/components/Progress/Progress.test.js.map +0 -1
  165. package/dist/esm/components/Radio/Radio.stories.js +0 -118
  166. package/dist/esm/components/Radio/Radio.stories.js.map +0 -1
  167. package/dist/esm/components/Radio/Radio.test.js +0 -139
  168. package/dist/esm/components/Radio/Radio.test.js.map +0 -1
  169. package/dist/esm/components/Radio/RadioButton.stories.js +0 -88
  170. package/dist/esm/components/Radio/RadioButton.stories.js.map +0 -1
  171. package/dist/esm/components/Radio/RadioButton.test.js +0 -118
  172. package/dist/esm/components/Radio/RadioButton.test.js.map +0 -1
  173. package/dist/esm/components/SVG/SVG.stories.js +0 -19
  174. package/dist/esm/components/SVG/SVG.stories.js.map +0 -1
  175. package/dist/esm/components/SVG/SVG.test.js +0 -26
  176. package/dist/esm/components/SVG/SVG.test.js.map +0 -1
  177. package/dist/esm/components/Segment/Segment.stories.js +0 -112
  178. package/dist/esm/components/Segment/Segment.stories.js.map +0 -1
  179. package/dist/esm/components/Select/Select.stories.js +0 -79
  180. package/dist/esm/components/Select/Select.stories.js.map +0 -1
  181. package/dist/esm/components/Select/Select.test.js +0 -94
  182. package/dist/esm/components/Select/Select.test.js.map +0 -1
  183. package/dist/esm/components/Slider/Slider.stories.js +0 -63
  184. package/dist/esm/components/Slider/Slider.stories.js.map +0 -1
  185. package/dist/esm/components/Slider/Slider.test.js +0 -58
  186. package/dist/esm/components/Slider/Slider.test.js.map +0 -1
  187. package/dist/esm/components/Table/Table.stories.js +0 -15
  188. package/dist/esm/components/Table/Table.stories.js.map +0 -1
  189. package/dist/esm/components/Table/Table.test.js +0 -73
  190. package/dist/esm/components/Table/Table.test.js.map +0 -1
  191. package/dist/esm/components/Text/Text.stories.js +0 -31
  192. package/dist/esm/components/Text/Text.stories.js.map +0 -1
  193. package/dist/esm/components/Text/Text.test.js +0 -31
  194. package/dist/esm/components/Text/Text.test.js.map +0 -1
  195. package/dist/esm/components/TextArea/TextArea.stories.js +0 -80
  196. package/dist/esm/components/TextArea/TextArea.stories.js.map +0 -1
  197. package/dist/esm/components/TextArea/TextArea.test.js +0 -84
  198. package/dist/esm/components/TextArea/TextArea.test.js.map +0 -1
  199. package/dist/esm/components/TextAreaInput/TextAreaInput.test.js +0 -42
  200. package/dist/esm/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
  201. package/dist/esm/components/TextField/TextField.stories.js +0 -103
  202. package/dist/esm/components/TextField/TextField.stories.js.map +0 -1
  203. package/dist/esm/components/TextField/TextField.test.js +0 -123
  204. package/dist/esm/components/TextField/TextField.test.js.map +0 -1
  205. package/dist/esm/components/Title/Title.stories.js +0 -16
  206. package/dist/esm/components/Title/Title.stories.js.map +0 -1
  207. package/dist/esm/components/Title/Title.test.js +0 -20
  208. package/dist/esm/components/Title/Title.test.js.map +0 -1
  209. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +0 -12
  210. package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
  211. package/dist/esm/contexts/ThemeContext/ThemeContext.test.js +0 -10
  212. package/dist/esm/contexts/ThemeContext/ThemeContext.test.js.map +0 -1
  213. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +0 -40
  214. package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
  215. package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js +0 -242
  216. package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
  217. package/dist/esm/hooks/useButton/useButton.test.js +0 -141
  218. package/dist/esm/hooks/useButton/useButton.test.js.map +0 -1
@@ -1,136 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { ThemeContext } from "../../../contexts";
3
- import { Question } from "./Question";
4
- import { TextField } from "../../TextField";
5
- import { excludeControls } from "../../../utils/excludeControls";
6
- const breakpoints = [
7
- { size: "xs", value: 320 },
8
- { size: "sm", value: 480 },
9
- { size: "md", value: 670 },
10
- { size: "lg", value: 960 },
11
- { size: "xl", value: 1200 },
12
- { size: "xxl", value: 1320 },
13
- ];
14
- const setBreakpoints = () => { };
15
- export default {
16
- title: "Chopin/Question",
17
- component: Question,
18
- argTypes: Object.assign({ validationState: {
19
- options: ["valid", "invalid", "neither"],
20
- control: { type: "radio" },
21
- mapping: {
22
- valid: "valid",
23
- invalid: "invalid",
24
- neither: "",
25
- },
26
- }, description: {
27
- control: { type: "text" },
28
- }, errorMessage: {
29
- control: { type: "text" },
30
- }, label: {
31
- control: { type: "text" },
32
- }, help: {
33
- control: { type: "text" },
34
- } }, excludeControls("children", "className", "onChange")),
35
- decorators: [
36
- Story => {
37
- // eslint-disable-next-line global-require
38
- require("./Question.story.styles.css");
39
- return (_jsx(ThemeContext.Provider, Object.assign({ value: {
40
- breakpoints,
41
- setBreakpoints,
42
- } }, { children: _jsx(Story, {}) })));
43
- },
44
- ],
45
- args: {
46
- description: "",
47
- errorMessage: "",
48
- help: "",
49
- },
50
- };
51
- export const Normal = {
52
- render: (args) => _jsx(Question, Object.assign({}, args)),
53
- args: {
54
- label: "Question label",
55
- closeHelpOnOutsideClick: false,
56
- children: _jsx(TextField, {}),
57
- },
58
- };
59
- export const WithDescription = {
60
- render: (args) => _jsx(Question, Object.assign({}, args)),
61
- args: {
62
- label: "Question label",
63
- description: "lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
64
- closeHelpOnOutsideClick: false,
65
- children: _jsx(TextField, {}),
66
- },
67
- };
68
- export const WithRichDescription = {
69
- render: (args) => _jsx(Question, Object.assign({}, args)),
70
- args: {
71
- label: "Question label",
72
- description: (_jsxs("ul", { children: [_jsx("li", { children: "Item One" }), _jsx("li", { children: "Item Two" })] })),
73
- closeHelpOnOutsideClick: false,
74
- children: _jsx(TextField, {}),
75
- },
76
- };
77
- export const WithNoInput = {
78
- render: (args) => _jsx(Question, Object.assign({}, args)),
79
- args: {
80
- label: (_jsxs(_Fragment, { children: [_jsx("p", { children: "Based on what you\u2018ve told us:" }), _jsx("p", { children: "We\u2018ve added employers\u2018 liability cover to your quote" })] })),
81
- description: "You‘re required by law to have this cover if you have people working for you.",
82
- closeHelpOnOutsideClick: false,
83
- },
84
- };
85
- export const WithHelpText = {
86
- render: (args) => _jsx(Question, Object.assign({}, args)),
87
- args: {
88
- label: "Question label",
89
- help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "This is a sample help text to demonstrate what help blocks look like in questions." }), _jsx("p", { children: "This is a second paragraph to show that help texts aren\u2018t limited to simple strings." })] })),
90
- closeHelpOnOutsideClick: false,
91
- children: _jsx(TextField, {}),
92
- },
93
- };
94
- export const WithHelpTextOutside = {
95
- render: (args) => _jsx(Question, Object.assign({}, args)),
96
- args: {
97
- label: "Question label",
98
- help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "This is a sample help text to demonstrate what help blocks look like in questions." }), _jsx("p", { children: "This is a second paragraph to show that help texts aren\u2018t limited to simple strings." })] })),
99
- closeHelpOnOutsideClick: true,
100
- children: _jsx(TextField, {}),
101
- className: "question-example-with-help-text-outside",
102
- },
103
- };
104
- export const WithError = {
105
- render: (args) => _jsx(Question, Object.assign({}, args)),
106
- args: {
107
- label: "Question label",
108
- children: _jsx(TextField, {}),
109
- errorMessage: "This field is required",
110
- validationState: "invalid",
111
- closeHelpOnOutsideClick: false,
112
- },
113
- };
114
- export const WithRichError = {
115
- render: (args) => _jsx(Question, Object.assign({}, args)),
116
- args: {
117
- label: "Question label",
118
- children: _jsx(TextField, {}),
119
- errorMessage: (_jsxs(_Fragment, { children: ["This", _jsx("em", { children: "contains" }), " ", _jsx("strong", { children: "HTML" }), " ", _jsx("u", { children: "formatting" })] })),
120
- validationState: "invalid",
121
- closeHelpOnOutsideClick: false,
122
- },
123
- };
124
- export const CompleteExample = {
125
- render: (args) => _jsx(Question, Object.assign({}, args)),
126
- args: {
127
- label: "Question label",
128
- description: "lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
129
- children: _jsx(TextField, {}),
130
- help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "This is a sample help text to demonstrate what help blocks look like in questions." }), _jsx("p", { children: "This is a second paragraph to show that help texts aren\u2018t limited to simple strings." })] })),
131
- errorMessage: "This field is required",
132
- validationState: "invalid",
133
- closeHelpOnOutsideClick: false,
134
- },
135
- };
136
- //# sourceMappingURL=Question.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Question.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Question/Question.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,116 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen, fireEvent } from "@testing-library/react";
3
- import userEvent from "@testing-library/user-event";
4
- import { Question } from ".";
5
- import { TextField } from "../../TextField";
6
- const WRAPPER_CLASS_NAME = "chopin/Question";
7
- const OPEN_CLASS_NAME = "--is-open";
8
- const CLOSED_CLASS_NAME = "--is-closed";
9
- describe("Question", () => {
10
- it("should render without error", () => {
11
- const component = render(_jsx(Question, Object.assign({ label: "Question" }, { children: _jsx(TextField, {}) })));
12
- expect(component).toBeTruthy();
13
- });
14
- it("should include accessible description", () => {
15
- render(_jsx(Question, Object.assign({ label: "Question", description: "Sample description" }, { children: _jsx(TextField, {}) })));
16
- expect(screen.getByLabelText("Question")).toHaveAccessibleDescription("Sample description");
17
- });
18
- it("should include `id` that matches `for` attribute in `<label>`", () => {
19
- render(_jsx(Question, Object.assign({ label: "Question", description: "Sample description" }, { children: _jsx(TextField, {}) })));
20
- const label = screen.getByLabelText("Question");
21
- const input = screen.getByRole("textbox");
22
- expect(label.id).toEqual(input.id);
23
- });
24
- it("should include accessible description with error", () => {
25
- render(_jsx(Question, Object.assign({ label: "Question", description: "Sample description", errorMessage: "Sample error" }, { children: _jsx(TextField, {}) })));
26
- expect(screen.getByLabelText("Question")).toHaveAccessibleDescription("Sample error Sample description");
27
- });
28
- describe("given no input component is provided", () => {
29
- it("renders label text as span element", () => {
30
- render(_jsx(Question, { label: "Question label", description: "Sample description", errorMessage: "Sample error" }));
31
- expect(screen.getByText("Question label").tagName).toBe("SPAN");
32
- });
33
- });
34
- describe("uses correct Question class name", () => {
35
- it("uses chopin class", () => {
36
- const { container } = render(_jsx(Question, Object.assign({ label: "Question" }, { children: _jsx(TextField, {}) })));
37
- expect(container.firstChild).toHaveClass(WRAPPER_CLASS_NAME);
38
- });
39
- it("includes valid class name", () => {
40
- render(_jsx(Question, Object.assign({ label: "Question", validationState: "valid" }, { children: _jsx(TextField, {}) })));
41
- expect(screen.getByLabelText("Question")).toHaveClass("--is-valid");
42
- });
43
- it("includes invalid class name", () => {
44
- render(_jsx(Question, Object.assign({ label: "Question", validationState: "invalid", errorMessage: "There is a problem" }, { children: _jsx(TextField, {}) })));
45
- expect(screen.getByLabelText("Question")).toHaveClass("--is-invalid");
46
- });
47
- it("includes custom class name", () => {
48
- const { container } = render(_jsx(Question, Object.assign({ label: "Question", validationState: "invalid", errorMessage: "There is a problem", className: "custom-class" }, { children: _jsx(TextField, {}) })));
49
- expect(container.firstChild).toHaveClass("custom-class");
50
- });
51
- it("includes open help class name when toggled", () => {
52
- const { container } = render(_jsx(Question, Object.assign({ label: "Question", help: "Help text" }, { children: _jsx(TextField, {}) })));
53
- const helpToggle = screen.getByRole("button");
54
- fireEvent.click(helpToggle);
55
- expect(container.firstChild).toHaveClass("--has-help-open");
56
- });
57
- });
58
- describe("Help", () => {
59
- it("should be mouse accessible", async () => {
60
- const onChange = jest.fn();
61
- render(_jsx(Question, Object.assign({ label: "Question", help: "This is a help message", onChange: onChange }, { children: _jsx(TextField, {}) })));
62
- await userEvent.click(screen.getByRole("button", { name: "Open Help" }));
63
- expect(onChange).toHaveBeenCalled();
64
- expect(screen.queryByRole("tooltip")).toBeInTheDocument();
65
- await userEvent.click(screen.getByRole("button", { name: "Close Help" }));
66
- expect(onChange).toHaveBeenCalled();
67
- expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
68
- });
69
- it("should be keyboard accessible", async () => {
70
- const onChange = jest.fn();
71
- render(_jsx(Question, Object.assign({ label: "Question", help: "This is a help message", onChange: onChange }, { children: _jsx(TextField, {}) })));
72
- await userEvent.tab();
73
- await userEvent.keyboard("{enter}");
74
- expect(onChange).toHaveBeenCalled();
75
- expect(screen.queryByRole("tooltip")).toBeInTheDocument();
76
- await userEvent.keyboard("{enter}");
77
- expect(onChange).toHaveBeenCalled();
78
- expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
79
- });
80
- it("should close on escape key", async () => {
81
- const onChange = jest.fn();
82
- render(_jsx(Question, Object.assign({ label: "Question", help: "This is a help message", onChange: onChange }, { children: _jsx(TextField, {}) })));
83
- await userEvent.tab();
84
- await userEvent.keyboard("{enter}");
85
- expect(onChange).toHaveBeenCalled();
86
- expect(screen.queryByRole("tooltip")).toBeInTheDocument();
87
- await userEvent.keyboard("{escape}");
88
- expect(onChange).toHaveBeenCalled();
89
- expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
90
- });
91
- describe("given closeHelpOnOutsideClick is set to true", () => {
92
- it("should close on outside click", async () => {
93
- const onChange = jest.fn();
94
- const { container } = render(_jsx(Question, Object.assign({ label: "Question", help: "This is a help message", closeHelpOnOutsideClick: true, onChange: onChange }, { children: _jsx(TextField, {}) })));
95
- const toggle = screen.getByRole("button");
96
- await userEvent.click(toggle);
97
- expect(onChange).toHaveBeenCalled();
98
- expect(toggle.parentElement).toHaveClass(OPEN_CLASS_NAME);
99
- await userEvent.click(container);
100
- expect(onChange).toHaveBeenCalled();
101
- expect(toggle.parentElement).toHaveClass(CLOSED_CLASS_NAME);
102
- });
103
- });
104
- describe("given closeHelpOnOutsideClick is not set", () => {
105
- it("should close on outside click", async () => {
106
- const { container } = render(_jsx(Question, Object.assign({ label: "Question", help: "This is a help message" }, { children: _jsx(TextField, {}) })));
107
- const toggle = screen.getByRole("button");
108
- await userEvent.click(toggle);
109
- expect(toggle.parentElement).toHaveClass(OPEN_CLASS_NAME);
110
- await userEvent.click(container);
111
- expect(toggle.parentElement).toHaveClass(OPEN_CLASS_NAME);
112
- });
113
- });
114
- });
115
- });
116
- //# sourceMappingURL=Question.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Question.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Question/Question.test.tsx"],"names":[],"mappings":"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"}
@@ -1,40 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { useContext, useEffect } from "react";
3
- import { ThemeProvider, ThemeContext, } from "../../../contexts";
4
- import { QuestionGroup } from "./QuestionGroup";
5
- import { Question } from "../Question";
6
- import { Section } from "../Section";
7
- import { RadioButton, RadioGroup } from "../../Radio";
8
- import { excludeControls } from "../../../utils/excludeControls";
9
- const breakpoints = [
10
- { size: "xs", value: 320 },
11
- { size: "sm", value: 480 },
12
- { size: "md", value: 670 },
13
- { size: "lg", value: 960 },
14
- { size: "xl", value: 1200 },
15
- { size: "xxl", value: 1320 },
16
- ];
17
- export default {
18
- title: "Chopin/QuestionGroup",
19
- component: QuestionGroup,
20
- argTypes: excludeControls("className", "elementType", "help", "onChange"),
21
- decorators: [
22
- Story => (_jsx(ThemeProvider, { children: _jsx(Story, {}) })),
23
- ],
24
- };
25
- export const Normal = {
26
- render: (args) => {
27
- // eslint-disable-next-line
28
- const { setBreakpoints } = useContext(ThemeContext);
29
- // eslint-disable-next-line
30
- useEffect(() => {
31
- setBreakpoints(breakpoints);
32
- }, [setBreakpoints]);
33
- return (_jsx(Section, Object.assign({ title: "About your Not For Profit organisation" }, { children: _jsxs(QuestionGroup, Object.assign({}, args, { children: [_jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on an offshore installation or support vessel?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "that involves travelling to or from an offshore installation or support vessel?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on aircraft, hovercrafts, airports, airfields, railways, watercraft (except where they\u2018re hand propelled), docks, harbours, piers, wharves, breakwaters or sea walls?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on towers, steeples (except for bell ringing or guided tours), chimney shafts, blast furnaces, dams, canals, viaducts, bridges or tunnels?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do work" }), "in or on collieries, mines, quarries, chemical works, gas works, oil refineries, bulk storage facilities for gas or oil, power stations, wind farms or nuclear installations or plants?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...do any" }), "activity away from your premises that involves the use of heat?"] }), help: _jsx("p", { children: "This could include activities such as burning debris or garden waste." }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) })), _jsx(Question, Object.assign({ label: _jsxs(_Fragment, { children: [_jsx("strong", { children: "...handle" }), "asbestos, silica or other materials containing either of those?"] }) }, { children: _jsxs(RadioGroup, Object.assign({ orientation: "horizontal" }, { children: [_jsx(RadioButton, { value: "yes", label: "Yes" }), _jsx(RadioButton, { value: "no", label: "No" })] })) }))] })) })));
34
- },
35
- args: {
36
- label: "Does your organisation...",
37
- help: (_jsxs(_Fragment, { children: [_jsx("p", { children: "It\u2018s important to answer the following questions as accurately as possible to make sure you get the right level of cover for your organisation." }), _jsx("p", { children: _jsx("u", { children: "For the purposes of the following questions:" }) }), _jsxs("ul", { children: [_jsx("li", { children: "\u2018your organisation\u2018 includes any subsidiary companies included under this insurance" }), _jsxs("li", { children: ["a \u2018senior manager\u2018 is any person with responsibility for arranging insurance or who plays a significant role in making decisions about how activities are managed or organised", _jsx("p", {})] })] }), _jsx("p", { children: "You should answer these questions based on the knowledge of a senior manager. Please either agree or disagree with the following statements:" })] })),
38
- },
39
- };
40
- //# sourceMappingURL=QuestionGroup.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"QuestionGroup.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionGroup/QuestionGroup.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,62 +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 { QuestionGroup } from ".";
5
- const CONTAINER_CLASS_NAME = "chopin/QuestionGroup";
6
- const HEADER_CLASS_NAME = "chopin/QuestionGroupHeader";
7
- const LABEL_CLASS_NAME = "chopin/QuestionGroupLabel";
8
- const LIST_CLASS_NAME = "chopin/QuestionGroupList";
9
- const LIST_ITEM_CLASS_NAME = "chopin/QuestionGroupItem";
10
- const QUESTION_CLASS_NAME = "chopin/QuestionGroupQuestion";
11
- describe("QuestionGroup", () => {
12
- it("should render without errors", () => {
13
- render(_jsx(QuestionGroup, { children: _jsx("p", { children: "Sample question" }) }));
14
- expect(screen.getByText("Sample question")).toBeInTheDocument();
15
- });
16
- describe("given elementType", () => {
17
- it("is not applied as element attribute", () => {
18
- const { container } = render(_jsx(QuestionGroup, Object.assign({ elementType: "ul" }, { children: _jsx("p", { children: "Sample question" }) })));
19
- expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
20
- });
21
- });
22
- it("uses the right class names", () => {
23
- const { container } = render(_jsx(QuestionGroup, Object.assign({ label: "Sample label" }, { children: _jsx("p", { children: "Sample question" }) })));
24
- const header = screen.getByRole("banner");
25
- const label = screen.getByText("Sample label");
26
- const list = screen.getByRole("list");
27
- const listItem = screen.getByRole("listitem");
28
- const question = screen.getByText("Sample question");
29
- expect(container.firstChild).toHaveClass(CONTAINER_CLASS_NAME);
30
- expect(header).toHaveClass(HEADER_CLASS_NAME);
31
- expect(label).toHaveClass(LABEL_CLASS_NAME);
32
- expect(list).toHaveClass(LIST_CLASS_NAME);
33
- expect(listItem).toHaveClass(LIST_ITEM_CLASS_NAME);
34
- expect(question).toHaveClass(QUESTION_CLASS_NAME);
35
- });
36
- describe("Help", () => {
37
- it("should be mouse accessible", async () => {
38
- render(_jsx(QuestionGroup, Object.assign({ label: "Question", help: "This is a help message" }, { children: _jsx("p", { children: "Sample question" }) })));
39
- await userEvent.click(screen.getByRole("button", { name: "Open Help" }));
40
- expect(screen.queryByRole("tooltip")).toBeInTheDocument();
41
- await userEvent.click(screen.getByRole("button", { name: "Close Help" }));
42
- expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
43
- });
44
- it("should be keyboard accessible", async () => {
45
- render(_jsx(QuestionGroup, Object.assign({ label: "Question", help: "This is a help message" }, { children: _jsx("p", { children: "Sample question" }) })));
46
- await userEvent.tab();
47
- await userEvent.keyboard("{enter}");
48
- expect(screen.queryByRole("tooltip")).toBeInTheDocument();
49
- await userEvent.keyboard("{enter}");
50
- expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
51
- });
52
- it("should close on escape key", async () => {
53
- render(_jsx(QuestionGroup, Object.assign({ label: "Question", help: "This is a help message" }, { children: _jsx("p", { children: "Sample question" }) })));
54
- await userEvent.tab();
55
- await userEvent.keyboard("{enter}");
56
- expect(screen.queryByRole("tooltip")).toBeInTheDocument();
57
- await userEvent.keyboard("{escape}");
58
- expect(screen.queryByRole("tooltip")).not.toBeInTheDocument();
59
- });
60
- });
61
- });
62
- //# sourceMappingURL=QuestionGroup.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"QuestionGroup.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionGroup/QuestionGroup.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAElC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;AACpD,MAAM,iBAAiB,GAAG,4BAA4B,CAAC;AACvD,MAAM,gBAAgB,GAAG,2BAA2B,CAAC;AACrD,MAAM,eAAe,GAAG,0BAA0B,CAAC;AACnD,MAAM,oBAAoB,GAAG,0BAA0B,CAAC;AACxD,MAAM,mBAAmB,GAAG,8BAA8B,CAAC;AAE3D,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CACJ,KAAC,aAAa,cACZ,0CAAsB,GACR,CACjB,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,aAAa,kBAAC,WAAW,EAAC,IAAI,gBAC7B,0CAAsB,IACR,CACjB,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,aAAa,kBAAC,KAAK,EAAC,cAAc,gBACjC,0CAAsB,IACR,CACjB,CAAC;QAEF,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC/C,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACtC,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC9C,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;QAErD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAC9C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAC5C,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC1C,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;QACnD,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;QACpB,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;YAC1C,MAAM,CACJ,KAAC,aAAa,kBAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,wBAAwB,gBAC3D,0CAAsB,IACR,CACjB,CAAC;YACF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;YACzE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC1D,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;YAC1E,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAChE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;YAC7C,MAAM,CACJ,KAAC,aAAa,kBAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,wBAAwB,gBAC3D,0CAAsB,IACR,CACjB,CAAC;YACF,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC;YACtB,MAAM,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC1D,MAAM,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAChE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;YAC1C,MAAM,CACJ,KAAC,aAAa,kBAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,wBAAwB,gBAC3D,0CAAsB,IACR,CACjB,CAAC;YACF,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC;YACtB,MAAM,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC1D,MAAM,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YACrC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAChE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,41 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen, fireEvent } from "@testing-library/react";
3
- import { QuestionHelp } from ".";
4
- describe("QuestionHelp", () => {
5
- it("should render without errors", () => {
6
- const content = "Sample text";
7
- render(_jsx(QuestionHelp, { children: content }));
8
- expect(screen.getByText(content)).toBeInTheDocument();
9
- });
10
- it("should render with open", () => {
11
- render(_jsx(QuestionHelp, Object.assign({ isOpen: true }, { children: "Sample text" })));
12
- const openedLabel = "Close Help";
13
- expect(screen.getByText(openedLabel)).toBeInTheDocument();
14
- });
15
- it("should render with close label", () => {
16
- render(_jsx(QuestionHelp, { children: "Sample text" }));
17
- const closedLabel = "Open Help";
18
- expect(screen.getByText(closedLabel)).toBeInTheDocument();
19
- });
20
- describe("when toggled", () => {
21
- it("should call onChange", () => {
22
- const onChange = jest.fn();
23
- render(_jsx(QuestionHelp, Object.assign({ onChange: onChange }, { children: "Sample text" })));
24
- const toggle = screen.getByRole("button");
25
- fireEvent.click(toggle);
26
- expect(onChange).toHaveBeenCalled();
27
- });
28
- });
29
- describe("on escape key press", () => {
30
- it("should call onChange", () => {
31
- const onChange = jest.fn();
32
- render(_jsx(QuestionHelp, Object.assign({ isOpen: true, onChange: onChange }, { children: "Sample text" })));
33
- fireEvent.keyDown(document.activeElement, {
34
- key: "Escape",
35
- code: "Escape",
36
- });
37
- expect(onChange).toHaveBeenCalled();
38
- });
39
- });
40
- });
41
- //# sourceMappingURL=QuestionHelp.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"QuestionHelp.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionHelp/QuestionHelp.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEjC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,OAAO,GAAG,aAAa,CAAC;QAE9B,MAAM,CAAC,KAAC,YAAY,cAAE,OAAO,GAAgB,CAAC,CAAC;QAE/C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,CAAC,KAAC,YAAY,kBAAC,MAAM,uCAA2B,CAAC,CAAC;QAExD,MAAM,WAAW,GAAG,YAAY,CAAC;QAEjC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,CAAC,KAAC,YAAY,8BAA2B,CAAC,CAAC;QAEjD,MAAM,WAAW,GAAG,WAAW,CAAC;QAEhC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;QAC5B,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;YAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAE3B,MAAM,CAAC,KAAC,YAAY,kBAAC,QAAQ,EAAE,QAAQ,iCAA4B,CAAC,CAAC;YAErE,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAE1C,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAExB,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;QACnC,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;YAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAE3B,MAAM,CACJ,KAAC,YAAY,kBAAC,MAAM,QAAC,QAAQ,EAAE,QAAQ,iCAExB,CAChB,CAAC;YAEF,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAc,EAAE;gBACzC,GAAG,EAAE,QAAQ;gBACb,IAAI,EAAE,QAAQ;aACf,CAAC,CAAC;YAEH,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Text } from "../../Text";
3
- import { Section } from "./Section";
4
- import { excludeControls } from "../../../utils/excludeControls";
5
- export default {
6
- title: "Chopin/Section",
7
- component: Section,
8
- argTypes: excludeControls("className", "elementType"),
9
- };
10
- export const Normal = {
11
- render: (args) => (_jsx(Section, Object.assign({}, args, { children: _jsx(Text, { children: "Vestibulum luctus diam a accumsan consequat. Fusce odio orci, iaculis sed nibh id, pellentesque consequat mauris. Quisque eget erat eu quam varius ullamcorper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam dignissim sapien massa, vitae fringilla ligula volutpat at. Nulla facilisi. Quisque ultricies iaculis est, in tempor ligula fermentum sed. Nullam dapibus et ligula eget hendrerit. Integer porttitor vestibulum augue id ornare. Cras pretium sapien interdum ornare aliquet." }) }))),
12
- args: {
13
- title: "Section title",
14
- },
15
- };
16
- //# sourceMappingURL=Section.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Section.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Section/Section.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAyB;IAC1C,MAAM,EAAE,CAAC,IAAkB,EAAE,EAAE,CAAC,CAC9B,KAAC,OAAO,oBAAK,IAAI,cACf,KAAC,IAAI,iiBASE,IACC,CACX;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;KACvB;CACF,CAAC"}
@@ -1,35 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen } from "@testing-library/react";
3
- import { Section } from ".";
4
- describe("Section", () => {
5
- it("should render without errors", () => {
6
- const title = "Sample title";
7
- const content = "Sample text";
8
- const { container } = render(_jsx(Section, Object.assign({ title: title }, { children: content })));
9
- expect(screen.getByText(title)).toBeInTheDocument();
10
- expect(container.getElementsByTagName("h2").length).toBe(1);
11
- expect(screen.getByText(content)).toBeInTheDocument();
12
- });
13
- describe("given elementType", () => {
14
- it("is not applied as element attribute", () => {
15
- const { container } = render(_jsx(Section, Object.assign({ elementType: "ul" }, { children: "Sample text" })));
16
- expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
17
- });
18
- });
19
- describe("when title is not provided", () => {
20
- it("should only render child elements", () => {
21
- const content = "Sample text";
22
- const { container } = render(_jsx(Section, { children: content }));
23
- expect(container.getElementsByTagName("h2").length).toBe(0);
24
- expect(screen.getByText(content)).toBeInTheDocument();
25
- });
26
- });
27
- describe("when no content is provided", () => {
28
- it("should only render the container", () => {
29
- const { container } = render(_jsx(Section, {}));
30
- expect(container.getElementsByTagName("h2").length).toBe(0);
31
- expect(container.firstChild).toBeEmptyDOMElement();
32
- });
33
- });
34
- });
35
- //# sourceMappingURL=Section.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Section.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Section/Section.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,KAAK,GAAG,cAAc,CAAC;QAC7B,MAAM,OAAO,GAAG,aAAa,CAAC;QAE9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,kBAAC,KAAK,EAAE,KAAK,gBAAG,OAAO,IAAW,CAAC,CAAC;QAEzE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACpD,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,OAAO,kBAAC,WAAW,EAAC,IAAI,iCAAsB,CAChD,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;QAC1C,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YAC3C,MAAM,OAAO,GAAG,aAAa,CAAC;YAE9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,cAAE,OAAO,GAAW,CAAC,CAAC;YAE3D,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC5D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;QAC3C,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;YAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC;YAE1C,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC5D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,mBAAmB,EAAE,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Steps, StepItem } from ".";
3
- import { excludeControls } from "../../../utils/excludeControls";
4
- export default {
5
- title: "Chopin/Steps",
6
- component: Steps,
7
- argTypes: excludeControls("className", "elementType"),
8
- };
9
- export const Normal = {
10
- render: (args) => (_jsxs(Steps, Object.assign({}, args, { children: [_jsx(StepItem, { name: "Your business", url: "#link-placeholder-1", completed: true }), _jsx(StepItem, { name: "Your employees", url: "#link-placeholder-2", completed: true }), _jsx(StepItem, { name: "Cover options", url: "#link-placeholder-3", active: true }), _jsx(StepItem, { name: "Business questions", url: "#link-placeholder-4" }), _jsx(StepItem, { name: "Agreements", url: "#link-placeholder-5" }), _jsx(StepItem, { name: "Your quotes", url: "#link-placeholder-6" })] }))),
11
- };
12
- //# sourceMappingURL=Steps.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Steps.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Steps/Steps.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAc,MAAM,GAAG,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,MAAC,KAAK,oBAAK,IAAI,eACb,KAAC,QAAQ,IAAC,IAAI,EAAC,eAAe,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,SAAG,EACrE,KAAC,QAAQ,IAAC,IAAI,EAAC,gBAAgB,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,SAAG,EACtE,KAAC,QAAQ,IAAC,IAAI,EAAC,eAAe,EAAC,GAAG,EAAC,qBAAqB,EAAC,MAAM,SAAG,EAClE,KAAC,QAAQ,IAAC,IAAI,EAAC,oBAAoB,EAAC,GAAG,EAAC,qBAAqB,GAAG,EAChE,KAAC,QAAQ,IAAC,IAAI,EAAC,YAAY,EAAC,GAAG,EAAC,qBAAqB,GAAG,EACxD,KAAC,QAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,GAAG,EAAC,qBAAqB,GAAG,KACnD,CACT;CACF,CAAC"}