@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.
- package/CHANGELOG.md +8 -0
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/NumberField/NumberField.mdx +17 -0
- package/dist/esm/components/Accordion/Accordion.stories.js +0 -45
- package/dist/esm/components/Accordion/Accordion.stories.js.map +0 -1
- package/dist/esm/components/Accordion/Accordion.test.js +0 -65
- package/dist/esm/components/Accordion/Accordion.test.js.map +0 -1
- package/dist/esm/components/Alert/Alert.stories.js +0 -32
- package/dist/esm/components/Alert/Alert.stories.js.map +0 -1
- package/dist/esm/components/Alert/Alert.test.js +0 -48
- package/dist/esm/components/Alert/Alert.test.js.map +0 -1
- package/dist/esm/components/Box/Box.stories.js +0 -20
- package/dist/esm/components/Box/Box.stories.js.map +0 -1
- package/dist/esm/components/Box/Box.test.js +0 -31
- package/dist/esm/components/Box/Box.test.js.map +0 -1
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +0 -17
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js +0 -33
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
- package/dist/esm/components/Button/Button.stories.js +0 -213
- package/dist/esm/components/Button/Button.stories.js.map +0 -1
- package/dist/esm/components/Button/Button.test.js +0 -81
- package/dist/esm/components/Button/Button.test.js.map +0 -1
- package/dist/esm/components/Checkbox/Checkbox.stories.js +0 -98
- package/dist/esm/components/Checkbox/Checkbox.stories.js.map +0 -1
- package/dist/esm/components/Checkbox/Checkbox.test.js +0 -108
- package/dist/esm/components/Checkbox/Checkbox.test.js.map +0 -1
- package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +0 -71
- package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
- package/dist/esm/components/Checkbox/CheckboxGroup.test.js +0 -44
- package/dist/esm/components/Checkbox/CheckboxGroup.test.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/Actions.stories.js +0 -56
- package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/Actions.test.js +0 -95
- package/dist/esm/components/Chopin/Actions/Actions.test.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js +0 -33
- package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js.map +0 -1
- package/dist/esm/components/Chopin/Footer/Footer.stories.js +0 -166
- package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Footer/Footer.test.js +0 -90
- package/dist/esm/components/Chopin/Footer/Footer.test.js.map +0 -1
- package/dist/esm/components/Chopin/Header/Header.stories.js +0 -38
- package/dist/esm/components/Chopin/Header/Header.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Header/Header.test.js +0 -86
- package/dist/esm/components/Chopin/Header/Header.test.js.map +0 -1
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +0 -43
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +0 -1
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js +0 -108
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js.map +0 -1
- package/dist/esm/components/Chopin/Question/Question.stories.js +0 -136
- package/dist/esm/components/Chopin/Question/Question.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Question/Question.test.js +0 -116
- package/dist/esm/components/Chopin/Question/Question.test.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +0 -40
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js +0 -62
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js +0 -41
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js.map +0 -1
- package/dist/esm/components/Chopin/Section/Section.stories.js +0 -16
- package/dist/esm/components/Chopin/Section/Section.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Section/Section.test.js +0 -35
- package/dist/esm/components/Chopin/Section/Section.test.js.map +0 -1
- package/dist/esm/components/Chopin/Steps/Steps.stories.js +0 -12
- package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Steps/Steps.test.js +0 -93
- package/dist/esm/components/Chopin/Steps/Steps.test.js.map +0 -1
- package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +0 -15
- package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js +0 -35
- package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js +0 -26
- package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js +0 -37
- package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js +0 -86
- package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js +0 -52
- package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +0 -52
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +0 -226
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +0 -1
- package/dist/esm/components/Container/Container.stories.js +0 -12
- package/dist/esm/components/Container/Container.stories.js.map +0 -1
- package/dist/esm/components/Container/Container.test.js +0 -37
- package/dist/esm/components/Container/Container.test.js.map +0 -1
- package/dist/esm/components/DataTable/DataTable.stories.js +0 -174
- package/dist/esm/components/DataTable/DataTable.stories.js.map +0 -1
- package/dist/esm/components/DataTable/DataTable.test.js +0 -119
- package/dist/esm/components/DataTable/DataTable.test.js.map +0 -1
- package/dist/esm/components/DatePicker/DatePicker.stories.js +0 -25
- package/dist/esm/components/DatePicker/DatePicker.stories.js.map +0 -1
- package/dist/esm/components/Divider/Divider.stories.js +0 -12
- package/dist/esm/components/Divider/Divider.stories.js.map +0 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +0 -58
- package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.test.js +0 -95
- package/dist/esm/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
- package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +0 -21
- package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
- package/dist/esm/components/ErrorMessage/ErrorMessage.test.js +0 -30
- package/dist/esm/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
- package/dist/esm/components/Fieldset/Fieldset.stories.js +0 -22
- package/dist/esm/components/Fieldset/Fieldset.stories.js.map +0 -1
- package/dist/esm/components/Fieldset/Fieldset.test.js +0 -10
- package/dist/esm/components/Fieldset/Fieldset.test.js.map +0 -1
- package/dist/esm/components/Flex/Flex.stories.js +0 -148
- package/dist/esm/components/Flex/Flex.stories.js.map +0 -1
- package/dist/esm/components/Flex/Flex.test.js +0 -31
- package/dist/esm/components/Flex/Flex.test.js.map +0 -1
- package/dist/esm/components/Grid/Grid.stories.js +0 -227
- package/dist/esm/components/Grid/Grid.stories.js.map +0 -1
- package/dist/esm/components/Grid/Grid.test.js +0 -95
- package/dist/esm/components/Grid/Grid.test.js.map +0 -1
- package/dist/esm/components/Icon/Icon.stories.js +0 -43
- package/dist/esm/components/Icon/Icon.stories.js.map +0 -1
- package/dist/esm/components/Icon/Icon.test.js +0 -52
- package/dist/esm/components/Icon/Icon.test.js.map +0 -1
- package/dist/esm/components/Image/Image.stories.js +0 -17
- package/dist/esm/components/Image/Image.stories.js.map +0 -1
- package/dist/esm/components/Image/Image.test.js +0 -37
- package/dist/esm/components/Image/Image.test.js.map +0 -1
- package/dist/esm/components/Label/Label.stories.js +0 -15
- package/dist/esm/components/Label/Label.stories.js.map +0 -1
- package/dist/esm/components/Label/Label.test.js +0 -35
- package/dist/esm/components/Label/Label.test.js.map +0 -1
- package/dist/esm/components/Link/Link.stories.js +0 -41
- package/dist/esm/components/Link/Link.stories.js.map +0 -1
- package/dist/esm/components/Link/Link.test.js +0 -65
- package/dist/esm/components/Link/Link.test.js.map +0 -1
- package/dist/esm/components/LinkButton/LinkButton.stories.js +0 -42
- package/dist/esm/components/LinkButton/LinkButton.stories.js.map +0 -1
- package/dist/esm/components/LinkButton/LinkButton.test.js +0 -62
- package/dist/esm/components/LinkButton/LinkButton.test.js.map +0 -1
- package/dist/esm/components/List/List.stories.js +0 -77
- package/dist/esm/components/List/List.stories.js.map +0 -1
- package/dist/esm/components/List/List.test.js +0 -93
- package/dist/esm/components/List/List.test.js.map +0 -1
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +0 -50
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js +0 -27
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
- package/dist/esm/components/MaskedField/MaskedField.stories.js +0 -22
- package/dist/esm/components/MaskedField/MaskedField.stories.js.map +0 -1
- package/dist/esm/components/MaskedField/MaskedField.test.js +0 -64
- package/dist/esm/components/MaskedField/MaskedField.test.js.map +0 -1
- package/dist/esm/components/Modal/Modal.stories.js +0 -79
- package/dist/esm/components/Modal/Modal.stories.js.map +0 -1
- package/dist/esm/components/Modal/Modal.test.js +0 -135
- package/dist/esm/components/Modal/Modal.test.js.map +0 -1
- package/dist/esm/components/NumberField/NumberField.stories.js +0 -103
- package/dist/esm/components/NumberField/NumberField.stories.js.map +0 -1
- package/dist/esm/components/NumberField/NumberField.test.js +0 -81
- package/dist/esm/components/NumberField/NumberField.test.js.map +0 -1
- package/dist/esm/components/PasswordField/PasswordField.stories.js +0 -31
- package/dist/esm/components/PasswordField/PasswordField.stories.js.map +0 -1
- package/dist/esm/components/PasswordField/PasswordField.test.js +0 -29
- package/dist/esm/components/PasswordField/PasswordField.test.js.map +0 -1
- package/dist/esm/components/Progress/Progress.stories.js +0 -89
- package/dist/esm/components/Progress/Progress.stories.js.map +0 -1
- package/dist/esm/components/Progress/Progress.test.js +0 -32
- package/dist/esm/components/Progress/Progress.test.js.map +0 -1
- package/dist/esm/components/Radio/Radio.stories.js +0 -118
- package/dist/esm/components/Radio/Radio.stories.js.map +0 -1
- package/dist/esm/components/Radio/Radio.test.js +0 -139
- package/dist/esm/components/Radio/Radio.test.js.map +0 -1
- package/dist/esm/components/Radio/RadioButton.stories.js +0 -88
- package/dist/esm/components/Radio/RadioButton.stories.js.map +0 -1
- package/dist/esm/components/Radio/RadioButton.test.js +0 -118
- package/dist/esm/components/Radio/RadioButton.test.js.map +0 -1
- package/dist/esm/components/SVG/SVG.stories.js +0 -19
- package/dist/esm/components/SVG/SVG.stories.js.map +0 -1
- package/dist/esm/components/SVG/SVG.test.js +0 -26
- package/dist/esm/components/SVG/SVG.test.js.map +0 -1
- package/dist/esm/components/Segment/Segment.stories.js +0 -112
- package/dist/esm/components/Segment/Segment.stories.js.map +0 -1
- package/dist/esm/components/Select/Select.stories.js +0 -79
- package/dist/esm/components/Select/Select.stories.js.map +0 -1
- package/dist/esm/components/Select/Select.test.js +0 -94
- package/dist/esm/components/Select/Select.test.js.map +0 -1
- package/dist/esm/components/Slider/Slider.stories.js +0 -63
- package/dist/esm/components/Slider/Slider.stories.js.map +0 -1
- package/dist/esm/components/Slider/Slider.test.js +0 -58
- package/dist/esm/components/Slider/Slider.test.js.map +0 -1
- package/dist/esm/components/Table/Table.stories.js +0 -15
- package/dist/esm/components/Table/Table.stories.js.map +0 -1
- package/dist/esm/components/Table/Table.test.js +0 -73
- package/dist/esm/components/Table/Table.test.js.map +0 -1
- package/dist/esm/components/Text/Text.stories.js +0 -31
- package/dist/esm/components/Text/Text.stories.js.map +0 -1
- package/dist/esm/components/Text/Text.test.js +0 -31
- package/dist/esm/components/Text/Text.test.js.map +0 -1
- package/dist/esm/components/TextArea/TextArea.stories.js +0 -80
- package/dist/esm/components/TextArea/TextArea.stories.js.map +0 -1
- package/dist/esm/components/TextArea/TextArea.test.js +0 -84
- package/dist/esm/components/TextArea/TextArea.test.js.map +0 -1
- package/dist/esm/components/TextAreaInput/TextAreaInput.test.js +0 -42
- package/dist/esm/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
- package/dist/esm/components/TextField/TextField.stories.js +0 -103
- package/dist/esm/components/TextField/TextField.stories.js.map +0 -1
- package/dist/esm/components/TextField/TextField.test.js +0 -123
- package/dist/esm/components/TextField/TextField.test.js.map +0 -1
- package/dist/esm/components/Title/Title.stories.js +0 -16
- package/dist/esm/components/Title/Title.stories.js.map +0 -1
- package/dist/esm/components/Title/Title.test.js +0 -20
- package/dist/esm/components/Title/Title.test.js.map +0 -1
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +0 -12
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
- package/dist/esm/contexts/ThemeContext/ThemeContext.test.js +0 -10
- package/dist/esm/contexts/ThemeContext/ThemeContext.test.js.map +0 -1
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +0 -40
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js +0 -242
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
- package/dist/esm/hooks/useButton/useButton.test.js +0 -141
- 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":";AACA,OAAO,EAAmB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,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,MAAM,cAAc,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAEhC,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;IACnB,QAAQ,kBACN,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF,EACD,WAAW,EAAE;YACX,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,IACE,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC,CACxD;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE;YACN,0CAA0C;YAC1C,OAAO,CAAC,6BAA6B,CAAC,CAAC;YAEvC,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,kBACpB,KAAK,EAAE;oBACL,WAAW;oBACX,cAAc;iBACf,gBAED,KAAC,KAAK,KAAG,IACa,CACzB,CAAC;QACJ,CAAC;KACF;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,EAAE;QAChB,IAAI,EAAE,EAAE;KACT;CAC8B,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAA0B;IAC3C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,uBAAuB,EAAE,KAAK;QAC9B,QAAQ,EAAE,KAAC,SAAS,KAAG;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA0B;IACpD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,WAAW,EACT,2HAA2H;QAC7H,uBAAuB,EAAE,KAAK;QAC9B,QAAQ,EAAE,KAAC,SAAS,KAAG;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAA0B;IACxD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,CACX,yBACE,oCAAiB,EACjB,oCAAiB,IACd,CACN;QACD,uBAAuB,EAAE,KAAK;QAC9B,QAAQ,EAAE,KAAC,SAAS,KAAG;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA0B;IAChD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,CACL,8BACE,6DAA0C,EAC1C,yFAAuE,IACtE,CACJ;QACD,WAAW,EACT,qFAAqF;QACvF,uBAAuB,EAAE,KAAK;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA0B;IACjD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,CACJ,8BACE,6GAGI,EACJ,oHAGI,IACH,CACJ;QACD,uBAAuB,EAAE,KAAK;QAC9B,QAAQ,EAAE,KAAC,SAAS,KAAG;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAA0B;IACxD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,CACJ,8BACE,6GAGI,EACJ,oHAGI,IACH,CACJ;QACD,uBAAuB,EAAE,IAAI;QAC7B,QAAQ,EAAE,KAAC,SAAS,KAAG;QACvB,SAAS,EAAE,yCAAyC;KACrD;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA0B;IAC9C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,KAAC,SAAS,KAAG;QACvB,YAAY,EAAE,wBAAwB;QACtC,eAAe,EAAE,SAAS;QAC1B,uBAAuB,EAAE,KAAK;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,KAAC,SAAS,KAAG;QACvB,YAAY,EAAE,CACZ,sCACM,oCAAiB,OAAC,oCAAqB,OAAC,qCAAiB,IAC5D,CACJ;QACD,eAAe,EAAE,SAAS;QAC1B,uBAAuB,EAAE,KAAK;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA0B;IACpD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,KAAC,QAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,WAAW,EACT,2HAA2H;QAC7H,QAAQ,EAAE,KAAC,SAAS,KAAG;QACvB,IAAI,EAAE,CACJ,8BACE,6GAGI,EACJ,oHAGI,IACH,CACJ;QACD,YAAY,EAAE,wBAAwB;QACtC,eAAe,EAAE,SAAS;QAC1B,uBAAuB,EAAE,KAAK;KAC/B;CACF,CAAC"}
|
|
@@ -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":"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"}
|
|
@@ -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"}
|