@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,86 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen } from "@testing-library/react";
3
- import { Header, LOGO_LINK } from ".";
4
- const HEADER_CLASS_NAME = "chopin/Header";
5
- const LOGO_CLASS_NAME = "chopin/HeaderLogo";
6
- const CONTACT_CLASS_NAME = "chopin/HeaderContactLink";
7
- const PHONE_NUMBER_CLASS_NAME = "chopin/HeaderPhoneNumber";
8
- const props = {
9
- phone: "0333 014 6683",
10
- };
11
- describe("Header", () => {
12
- it("should render without errors", () => {
13
- const component = render(_jsx(Header, Object.assign({}, props)));
14
- expect(component).toBeTruthy();
15
- });
16
- describe("uses correct class names", () => {
17
- it("uses Chopin class", () => {
18
- render(_jsx(Header, Object.assign({}, props, { "data-testid": "test-id" })));
19
- expect(screen.getByTestId("test-id")).toHaveClass("chopin");
20
- });
21
- it("uses chopin/Header class", () => {
22
- render(_jsx(Header, Object.assign({}, props, { "data-testid": "test-id" })));
23
- expect(screen.getByTestId("test-id")).toHaveClass(HEADER_CLASS_NAME);
24
- });
25
- it("includes custom class name", () => {
26
- render(_jsx(Header, Object.assign({}, props, { "data-testid": "test-id", className: "my-class" })));
27
- expect(screen.getByTestId("test-id")).toHaveClass("my-class");
28
- expect(screen.getByTestId("test-id")).toHaveClass(HEADER_CLASS_NAME);
29
- });
30
- it("uses logo class name", () => {
31
- render(_jsx(Header, Object.assign({}, props)));
32
- const link = screen.getByRole("link", {
33
- name: /simply business - insurance for your business/i,
34
- });
35
- expect(link).toHaveClass(LOGO_CLASS_NAME);
36
- });
37
- it("uses contact link class name", () => {
38
- render(_jsx(Header, Object.assign({}, props)));
39
- const link = screen.getByRole("link", {
40
- name: /see our opening hours/i,
41
- });
42
- expect(link).toHaveClass(CONTACT_CLASS_NAME);
43
- });
44
- it("uses phone number class name", () => {
45
- render(_jsx(Header, Object.assign({}, props)));
46
- const phoneNumberEl = screen.getByText(props.phone);
47
- expect(phoneNumberEl).toHaveClass(PHONE_NUMBER_CLASS_NAME);
48
- });
49
- });
50
- describe("renders correct elements based on passed props", () => {
51
- it("renders passed Phone prop", () => {
52
- render(_jsx(Header, Object.assign({}, props)));
53
- expect(screen.getByText(props.phone)).toBeInTheDocument();
54
- });
55
- it("renders Logo element as Link by default", () => {
56
- render(_jsx(Header, Object.assign({}, props)));
57
- const link = screen.getByRole("link", {
58
- name: /simply business - insurance for your business/i,
59
- });
60
- expect(link).toHaveAttribute("href", LOGO_LINK);
61
- });
62
- it("doesn't render Logo as Link when whiteLabel prop is true", () => {
63
- render(_jsx(Header, Object.assign({}, props, { whiteLabel: true })));
64
- expect(screen.queryByRole("link", {
65
- name: /simply business - insurance for your business/i,
66
- })).not.toBeInTheDocument();
67
- });
68
- it("renders Opening Hours element as Link by default", () => {
69
- render(_jsx(Header, Object.assign({}, props)));
70
- const link = screen.getByRole("link", {
71
- name: /see our opening hours/i,
72
- });
73
- expect(link).toHaveAttribute("href", "https://www.simplybusiness.co.uk/support/");
74
- });
75
- it("renders Opening Hours element as Button when whiteLabel prop is true", () => {
76
- render(_jsx(Header, Object.assign({}, props, { whiteLabel: true })));
77
- expect(screen.queryByRole("link", {
78
- name: /see our opening hours/i,
79
- })).not.toBeInTheDocument();
80
- expect(screen.getByRole("button", {
81
- name: /see our opening hours/i,
82
- })).toBeInTheDocument();
83
- });
84
- });
85
- });
86
- //# sourceMappingURL=Header.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Header/Header.test.tsx"],"names":[],"mappings":"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"}
@@ -1,43 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useContext, useEffect } from "react";
3
- import { ThemeProvider, ThemeContext, } from "../../../contexts";
4
- import { PercentageTotalsQuestion, } from "./PercentageTotalsQuestion";
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
- export default {
15
- title: "Chopin/PercentageTotalsQuestion",
16
- component: PercentageTotalsQuestion,
17
- argTypes: excludeControls("className", "help", "onChange", "closeHelpOnOutsideClick"),
18
- decorators: [
19
- Story => (_jsx(ThemeProvider, { children: _jsx(Story, {}) })),
20
- ],
21
- };
22
- export const Normal = {
23
- render: (args) => {
24
- // eslint-disable-next-line
25
- const { setBreakpoints } = useContext(ThemeContext);
26
- // eslint-disable-next-line
27
- useEffect(() => {
28
- setBreakpoints(breakpoints);
29
- }, [setBreakpoints]);
30
- return _jsx(PercentageTotalsQuestion, Object.assign({}, args));
31
- },
32
- args: {
33
- label: "What percentage of your work is on?",
34
- alertText: "The total percentage of your work must be 100%",
35
- items: [
36
- "UK contracts",
37
- "EU contracts",
38
- "USA and Canada contracts",
39
- "Rest of the world contracts",
40
- ],
41
- },
42
- };
43
- //# sourceMappingURL=PercentageTotalsQuestion.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PercentageTotalsQuestion.stories.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACL,aAAa,EACb,YAAY,GAEb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,MAAM,WAAW,GAAG;IAClB,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC1B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;IAC3B,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;CACV,CAAC;AAErB,eAAe;IACb,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,wBAAwB;IACnC,QAAQ,EAAE,eAAe,CACvB,WAAW,EACX,MAAM,EACN,UAAU,EACV,yBAAyB,CAC1B;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,KAAC,aAAa,cACZ,KAAC,KAAK,KAAG,GACK,CACjB;KACF;CAC8C,CAAC;AAElD,MAAM,CAAC,MAAM,MAAM,GAA0C;IAC3D,MAAM,EAAE,CAAC,IAAmC,EAAE,EAAE;QAC9C,2BAA2B;QAC3B,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;QAEpD,2BAA2B;QAC3B,SAAS,CAAC,GAAG,EAAE;YACb,cAAc,CAAC,WAAW,CAAC,CAAC;QAC9B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;QAErB,OAAO,KAAC,wBAAwB,oBAAK,IAAI,EAAI,CAAC;IAChD,CAAC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,qCAAqC;QAC5C,SAAS,EAAE,gDAAgD;QAC3D,KAAK,EAAE;YACL,cAAc;YACd,cAAc;YACd,0BAA0B;YAC1B,6BAA6B;SAC9B;KACF;CACF,CAAC"}
@@ -1,108 +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 { PercentageTotalsQuestion } from ".";
5
- const LABEL = "How do you split your time across these items?";
6
- const THREE_ITEMS = ["Item 1", "Item 2", "Item 3"];
7
- const FIVE_ITEMS = ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5"];
8
- describe("PercentageTotalsQuestion", () => {
9
- it("should render without errors", () => {
10
- const label = "This is my custom label";
11
- const { container } = render(_jsx(PercentageTotalsQuestion, { label: label, items: THREE_ITEMS }));
12
- expect(screen.getByText(label)).toBeInTheDocument();
13
- const items = container.getElementsByClassName("mobius/NumberField");
14
- expect(items.length).toBe(3);
15
- });
16
- it("should display custom alert message", () => {
17
- const alertText = "This is my alert!";
18
- render(_jsx(PercentageTotalsQuestion, { label: LABEL, alertText: alertText, items: FIVE_ITEMS }));
19
- expect(screen.getByText(alertText)).toBeInTheDocument();
20
- });
21
- it("should render a row for every item", () => {
22
- const { container } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: FIVE_ITEMS }));
23
- const items = container.getElementsByClassName("mobius/NumberField");
24
- expect(items.length).toBe(5);
25
- });
26
- describe("Calculations", () => {
27
- it("should correctly total the sum of typed item values", async () => {
28
- const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
29
- await userEvent.type(getByLabelText("Item 1"), "25");
30
- expect(screen.getByText("Total: 25%")).toBeInTheDocument();
31
- await userEvent.type(getByLabelText("Item 2"), "37");
32
- expect(screen.getByText("Total: 62%")).toBeInTheDocument();
33
- await userEvent.type(getByLabelText("Item 3"), "13");
34
- expect(screen.getByText("Total: 75%")).toBeInTheDocument();
35
- });
36
- it("should prevent any typed input that exceeds a total of 100%", async () => {
37
- const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
38
- const inputs = THREE_ITEMS.map(i => screen.getByLabelText(i, { selector: "input" }));
39
- await userEvent.type(getByLabelText("Item 1"), "123");
40
- expect(inputs[0]).toHaveValue("100%");
41
- expect(screen.getByText("Total: 100%")).toBeInTheDocument();
42
- await userEvent.type(getByLabelText("Item 2"), "37");
43
- expect(inputs[1]).toHaveValue("0%");
44
- expect(screen.getByText("Total: 100%")).toBeInTheDocument();
45
- await userEvent.type(getByLabelText("Item 3"), "13");
46
- expect(inputs[2]).toHaveValue("0%");
47
- expect(screen.getByText("Total: 100%")).toBeInTheDocument();
48
- });
49
- it("supports keyboard navigation and up/down arrows to increase/decrease", async () => {
50
- const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
51
- const inputs = THREE_ITEMS.map(i => screen.getByLabelText(i, { selector: "input" }));
52
- await userEvent.type(getByLabelText("Item 1"), "30");
53
- expect(inputs[0]).toHaveValue("30%");
54
- expect(screen.getByText("Total: 30%")).toBeInTheDocument();
55
- await userEvent.tab(); // Move focus to Item 2
56
- await userEvent.keyboard("[ArrowUp]");
57
- await userEvent.keyboard("[ArrowUp]");
58
- await userEvent.keyboard("[ArrowUp]");
59
- expect(inputs[1]).toHaveValue("3%");
60
- expect(screen.getByText("Total: 33%")).toBeInTheDocument();
61
- await userEvent.keyboard("[ArrowDown]");
62
- expect(inputs[1]).toHaveValue("2%");
63
- expect(screen.getByText("Total: 32%")).toBeInTheDocument();
64
- });
65
- it("should prevent changing any initial value above 100", async () => {
66
- const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
67
- const inputs = THREE_ITEMS.map(i => screen.getByLabelText(i, { selector: "input" }));
68
- await userEvent.type(getByLabelText("Item 1"), "9");
69
- expect(inputs[0]).toHaveValue("9%");
70
- expect(screen.getByText("Total: 9%")).toBeInTheDocument();
71
- await userEvent.type(getByLabelText("Item 1"), "9");
72
- expect(inputs[0]).toHaveValue("99%");
73
- expect(screen.getByText("Total: 99%")).toBeInTheDocument();
74
- await userEvent.type(getByLabelText("Item 1"), "9");
75
- expect(inputs[0]).toHaveValue("100%");
76
- expect(screen.getByText("Total: 100%")).toBeInTheDocument();
77
- });
78
- it("should prevent changing any subsequent value above remaining percentage", async () => {
79
- const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
80
- const inputs = THREE_ITEMS.map(i => screen.getByLabelText(i, { selector: "input" }));
81
- await userEvent.type(getByLabelText("Item 1"), "75");
82
- expect(inputs[0]).toHaveValue("75%");
83
- expect(screen.getByText("Total: 75%")).toBeInTheDocument();
84
- await userEvent.type(getByLabelText("Item 2"), "40");
85
- expect(inputs[1]).toHaveValue("25%");
86
- expect(screen.getByText("Total: 100%")).toBeInTheDocument();
87
- });
88
- it("sets maxValue on each item based upon remaining percentage", async () => {
89
- const { getByLabelText } = render(_jsx(PercentageTotalsQuestion, { label: LABEL, items: THREE_ITEMS }));
90
- const inputs = THREE_ITEMS.map(i => screen.getByLabelText(i, { selector: "input" }));
91
- await userEvent.type(getByLabelText("Item 1"), "98");
92
- expect(inputs[0]).toHaveValue("98%");
93
- expect(screen.getByText("Total: 98%")).toBeInTheDocument();
94
- // Click increment button on second item until it is disabled
95
- await userEvent.click(getByLabelText(`Increase ${THREE_ITEMS[1]}`));
96
- expect(inputs[1]).toHaveValue("1%");
97
- expect(screen.getByText("Total: 99%")).toBeInTheDocument();
98
- await userEvent.click(getByLabelText(`Increase ${THREE_ITEMS[1]}`));
99
- expect(inputs[1]).toHaveValue("2%");
100
- expect(screen.getByText("Total: 100%")).toBeInTheDocument();
101
- // All increase buttons should be disabled
102
- expect(getByLabelText(`Increase ${THREE_ITEMS[0]}`)).toBeDisabled();
103
- expect(getByLabelText(`Increase ${THREE_ITEMS[1]}`)).toBeDisabled();
104
- expect(getByLabelText(`Increase ${THREE_ITEMS[2]}`)).toBeDisabled();
105
- });
106
- });
107
- });
108
- //# sourceMappingURL=PercentageTotalsQuestion.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PercentageTotalsQuestion.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.tsx"],"names":[],"mappings":"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"}
@@ -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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"}