@simplybusiness/mobius 3.1.2 → 3.2.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.
- package/CHANGELOG.md +22 -0
- package/dist/cjs/components/Checkbox/Checkbox.test.js +10 -0
- package/dist/cjs/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/cjs/components/Checkbox/CheckboxItem.js +3 -1
- package/dist/cjs/components/Checkbox/CheckboxItem.js.map +1 -1
- package/dist/cjs/components/Chopin/Question/Question.d.ts +1 -1
- package/dist/esm/components/Checkbox/Checkbox.test.js +11 -1
- package/dist/esm/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/esm/components/Checkbox/CheckboxItem.js +3 -1
- package/dist/esm/components/Checkbox/CheckboxItem.js.map +1 -1
- package/dist/mobius.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Checkbox/Checkbox.story.mdx +25 -0
- package/src/components/Checkbox/Checkbox.test.tsx +17 -0
- package/src/components/Checkbox/CheckboxGroup.story.mdx +36 -0
- package/src/components/Checkbox/CheckboxItem.tsx +2 -0
- package/src/components/Chopin/Actions/Actions.story.mdx +9 -9
- package/src/components/Chopin/Question/Question.story.mdx +13 -0
- package/src/components/Chopin/Question/Question.tsx +1 -1
- package/src/components/Radio/Radio.story.mdx +34 -0
- package/src/components/Radio/RadioButton.story.mdx +32 -0
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,26 @@ All notable changes to this project will be documented in this file, or link in
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [3.2.0] - 2023-01-04
|
|
9
|
+
|
|
10
|
+
### Changed
|
|
11
|
+
|
|
12
|
+
- Allow providing a `ReactNode` as the `errorMessage` prop for `Question`
|
|
13
|
+
|
|
14
|
+
### Fixed
|
|
15
|
+
|
|
16
|
+
- Fixed typo in `<Chopin.Actions />` docs
|
|
17
|
+
|
|
18
|
+
## [3.1.3] - 2022-12-19
|
|
19
|
+
|
|
20
|
+
### Fixed
|
|
21
|
+
|
|
22
|
+
- Prevent `isSelected` prop from being applied as DOM attribute on `<Checkbox>`
|
|
23
|
+
|
|
24
|
+
### Added
|
|
25
|
+
|
|
26
|
+
- Added docs for controlling state of individual and group `<Checkbox>`, `<Radio>`, `<RadioButton>` components
|
|
27
|
+
|
|
8
28
|
## [3.1.2] - 2022-12-14
|
|
9
29
|
|
|
10
30
|
### Added
|
|
@@ -111,6 +131,8 @@ Additionally, mobius and themes are available on the public NPM registry and can
|
|
|
111
131
|
|
|
112
132
|
## Github Links
|
|
113
133
|
|
|
134
|
+
[3.2.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.2.0
|
|
135
|
+
[3.1.3]: https://github.com/simplybusiness/mobius/releases/tag/v3.1.3
|
|
114
136
|
[3.1.2]: https://github.com/simplybusiness/mobius/releases/tag/v3.1.2
|
|
115
137
|
[3.1.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.1.1
|
|
116
138
|
[3.1.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.1.0
|
|
@@ -39,6 +39,16 @@ describe.each([
|
|
|
39
39
|
const { getByLabelText } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "I agree", name: "agree", errorMessage: "Required" }));
|
|
40
40
|
expect(getByLabelText("I agree")).toHaveAccessibleDescription("Required");
|
|
41
41
|
});
|
|
42
|
+
describe("isSelected", () => {
|
|
43
|
+
beforeAll(() => {
|
|
44
|
+
jest.spyOn(console, "error").mockImplementationOnce(() => { });
|
|
45
|
+
});
|
|
46
|
+
it("should not pass the prop as a DOM attribute", () => {
|
|
47
|
+
(0, react_2.render)((0, jsx_runtime_1.jsxs)(Container, Object.assign({}, containerProps, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "I agree", name: "agree", value: "test", isSelected: true }), ","] })));
|
|
48
|
+
// eslint-disable-next-line
|
|
49
|
+
expect(console.error).not.toHaveBeenCalled();
|
|
50
|
+
});
|
|
51
|
+
});
|
|
42
52
|
describe("isRequired", () => {
|
|
43
53
|
it("should set aria-required to true", () => {
|
|
44
54
|
(0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value", isRequired: true }) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,9 @@ const CheckboxItem = (0, react_1.forwardRef)((props, ref) => {
|
|
|
33
33
|
const inputId = (0, utils_1.useId)();
|
|
34
34
|
const { id, isDisabled, isRequired, isIndeterminate, onChange, validationState, errorMessage,
|
|
35
35
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
36
|
-
defaultSelected
|
|
36
|
+
defaultSelected,
|
|
37
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
38
|
+
isSelected } = props, rest = __rest(props, ["id", "isDisabled", "isRequired", "isIndeterminate", "onChange", "validationState", "errorMessage", "defaultSelected", "isSelected"]);
|
|
37
39
|
const { inputProps } = (0, checkbox_1.useCheckbox)(Object.assign(Object.assign({}, props), { onChange,
|
|
38
40
|
validationState, children: props.label }), state, refObj);
|
|
39
41
|
const { isFocusVisible, focusProps } = (0, focus_1.useFocusRing)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxItem.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA2C;AAC3C,mDAAmD;AACnD,6CAAiD;AACjD,kDAAuD;AACvD,2DAAoD;AACpD,gDAAwB;AACxB,6CAAqD;AACrD,kDAA+C;AAG/C,uEAAoE;AACpE,sDAAmD;AAEnD,MAAM,YAAY,GAChB,IAAA,kBAAU,EAAC,CAAC,KAAoB,EAAE,GAAgB,EAAE,EAAE;IACpD,MAAM,KAAK,GAAG,IAAA,uBAAc,EAAC,KAAK,CAAC,CAAC;IACpC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IACnD,MAAM,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,MAAM,EACJ,EAAE,EACF,UAAU,EACV,UAAU,EACV,eAAe,EACf,QAAQ,EACR,eAAe,EACf,YAAY;IACZ,6DAA6D;IAC7D,eAAe,
|
|
1
|
+
{"version":3,"file":"CheckboxItem.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { ReactNode, ReactElement } from "react";
|
|
|
2
2
|
export interface QuestionProps {
|
|
3
3
|
label?: ReactElement | string;
|
|
4
4
|
description?: string | ReactNode;
|
|
5
|
-
errorMessage?:
|
|
5
|
+
errorMessage?: ReactNode;
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
validationState?: "valid" | "invalid" | "";
|
|
8
8
|
help?: ReactNode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { Fragment } from "react";
|
|
3
3
|
import { render, fireEvent, screen } from "@testing-library/react";
|
|
4
4
|
import userEvent from "@testing-library/user-event";
|
|
@@ -34,6 +34,16 @@ describe.each([
|
|
|
34
34
|
const { getByLabelText } = render(_jsx(Checkbox, { label: "I agree", name: "agree", errorMessage: "Required" }));
|
|
35
35
|
expect(getByLabelText("I agree")).toHaveAccessibleDescription("Required");
|
|
36
36
|
});
|
|
37
|
+
describe("isSelected", () => {
|
|
38
|
+
beforeAll(() => {
|
|
39
|
+
jest.spyOn(console, "error").mockImplementationOnce(() => { });
|
|
40
|
+
});
|
|
41
|
+
it("should not pass the prop as a DOM attribute", () => {
|
|
42
|
+
render(_jsxs(Container, Object.assign({}, containerProps, { children: [_jsx(Checkbox, { label: "I agree", name: "agree", value: "test", isSelected: true }), ","] })));
|
|
43
|
+
// eslint-disable-next-line
|
|
44
|
+
expect(console.error).not.toHaveBeenCalled();
|
|
45
|
+
});
|
|
46
|
+
});
|
|
37
47
|
describe("isRequired", () => {
|
|
38
48
|
it("should set aria-required to true", () => {
|
|
39
49
|
render(_jsx(Container, Object.assign({}, containerProps, { children: _jsx(Checkbox, { label: "Checkbox", value: "value", isRequired: true }) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,7 +27,9 @@ const CheckboxItem = forwardRef((props, ref) => {
|
|
|
27
27
|
const inputId = useId();
|
|
28
28
|
const { id, isDisabled, isRequired, isIndeterminate, onChange, validationState, errorMessage,
|
|
29
29
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
30
|
-
defaultSelected
|
|
30
|
+
defaultSelected,
|
|
31
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
32
|
+
isSelected } = props, rest = __rest(props, ["id", "isDisabled", "isRequired", "isIndeterminate", "onChange", "validationState", "errorMessage", "defaultSelected", "isSelected"]);
|
|
31
33
|
const { inputProps } = useCheckbox(Object.assign(Object.assign({}, props), { onChange,
|
|
32
34
|
validationState, children: props.label }), state, refObj);
|
|
33
35
|
const { isFocusVisible, focusProps } = useFocusRing({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxItem.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,YAAY,GAChB,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAgB,EAAE,EAAE;IACpD,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,MAAM,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC;IAClC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,MAAM,EACJ,EAAE,EACF,UAAU,EACV,UAAU,EACV,eAAe,EACf,QAAQ,EACR,eAAe,EACf,YAAY;IACZ,6DAA6D;IAC7D,eAAe,
|
|
1
|
+
{"version":3,"file":"CheckboxItem.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxItem.tsx"],"names":[],"mappings":"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"}
|
package/dist/mobius.d.ts
CHANGED
|
@@ -813,7 +813,7 @@ declare type QuestionGroupRef = Ref<QuestionGroupElementType>;
|
|
|
813
813
|
declare interface QuestionProps {
|
|
814
814
|
label?: ReactElement | string;
|
|
815
815
|
description?: string | ReactNode;
|
|
816
|
-
errorMessage?:
|
|
816
|
+
errorMessage?: ReactNode;
|
|
817
817
|
children?: ReactNode;
|
|
818
818
|
validationState?: "valid" | "invalid" | "";
|
|
819
819
|
help?: ReactNode;
|
package/package.json
CHANGED
|
@@ -45,6 +45,10 @@ import { Checkbox } from "@simplybusiness/mobius";
|
|
|
45
45
|
|
|
46
46
|
### Normal
|
|
47
47
|
|
|
48
|
+
For this component appear selected use `defaultSelected` boolean prop.
|
|
49
|
+
|
|
50
|
+
This will allow user to change the value. Alternatively, see _Controlled Value_ example.
|
|
51
|
+
|
|
48
52
|
<Canvas>
|
|
49
53
|
<Story
|
|
50
54
|
name="Normal"
|
|
@@ -60,6 +64,27 @@ import { Checkbox } from "@simplybusiness/mobius";
|
|
|
60
64
|
</Story>
|
|
61
65
|
</Canvas>
|
|
62
66
|
|
|
67
|
+
### Controlled Value
|
|
68
|
+
|
|
69
|
+
You may want to make this component appear selected based on some conditional
|
|
70
|
+
|
|
71
|
+
logic in another component. In this instance you can pass `isSelected` boolean prop.
|
|
72
|
+
|
|
73
|
+
<Canvas>
|
|
74
|
+
<Story
|
|
75
|
+
name="Controlled Value"
|
|
76
|
+
args={{
|
|
77
|
+
label: "Value",
|
|
78
|
+
isDisabled: false,
|
|
79
|
+
isIndeterminate: false,
|
|
80
|
+
errorMessage: "",
|
|
81
|
+
isSelected: true,
|
|
82
|
+
}}
|
|
83
|
+
>
|
|
84
|
+
{args => <Checkbox {...args} />}
|
|
85
|
+
</Story>
|
|
86
|
+
</Canvas>
|
|
87
|
+
|
|
63
88
|
### Disabled
|
|
64
89
|
|
|
65
90
|
<Canvas>
|
|
@@ -55,6 +55,23 @@ describe.each([
|
|
|
55
55
|
expect(getByLabelText("I agree")).toHaveAccessibleDescription("Required");
|
|
56
56
|
});
|
|
57
57
|
|
|
58
|
+
describe("isSelected", () => {
|
|
59
|
+
beforeAll(() => {
|
|
60
|
+
jest.spyOn(console, "error").mockImplementationOnce(() => {});
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
it("should not pass the prop as a DOM attribute", () => {
|
|
64
|
+
render(
|
|
65
|
+
<Container {...containerProps}>
|
|
66
|
+
<Checkbox label="I agree" name="agree" value="test" isSelected />,
|
|
67
|
+
</Container>,
|
|
68
|
+
);
|
|
69
|
+
|
|
70
|
+
// eslint-disable-next-line
|
|
71
|
+
expect(console.error).not.toHaveBeenCalled();
|
|
72
|
+
});
|
|
73
|
+
});
|
|
74
|
+
|
|
58
75
|
describe("isRequired", () => {
|
|
59
76
|
it("should set aria-required to true", () => {
|
|
60
77
|
render(
|
|
@@ -45,6 +45,12 @@ import { Checkbox } from "@simplybusiness/mobius";
|
|
|
45
45
|
|
|
46
46
|
### Normal
|
|
47
47
|
|
|
48
|
+
For one or more checkboxes to appear selected use `value` prop which expects an array.
|
|
49
|
+
|
|
50
|
+
For example, `<CheckboxGroup defaultValue={['option1', 'option3']}>`
|
|
51
|
+
|
|
52
|
+
This will allow user to change the value. Alternatively, see _Controlled Value_ example.
|
|
53
|
+
|
|
48
54
|
<Canvas>
|
|
49
55
|
<Story
|
|
50
56
|
name="Normal"
|
|
@@ -53,6 +59,36 @@ import { Checkbox } from "@simplybusiness/mobius";
|
|
|
53
59
|
errorMessage: "",
|
|
54
60
|
isDisabled: false,
|
|
55
61
|
orientation: "vertical",
|
|
62
|
+
defaultValue: ["option1", "option3"],
|
|
63
|
+
}}
|
|
64
|
+
>
|
|
65
|
+
{args => (
|
|
66
|
+
<CheckboxGroup {...args}>
|
|
67
|
+
<Checkbox label="Option 1" value="option1" />
|
|
68
|
+
<Checkbox label="Option 2" value="option2" />
|
|
69
|
+
<Checkbox label="Option 3" value="option3" />
|
|
70
|
+
</CheckboxGroup>
|
|
71
|
+
)}
|
|
72
|
+
</Story>
|
|
73
|
+
</Canvas>
|
|
74
|
+
|
|
75
|
+
### Controlled Value
|
|
76
|
+
|
|
77
|
+
You may want to make some of the checkboxes appear selected based on some conditional
|
|
78
|
+
logic in another component.
|
|
79
|
+
|
|
80
|
+
You can use `value` prop which expects an array. To make `Option 2` and `Option 3`
|
|
81
|
+
appear selected use `<CheckboxGroup value={['option2', 'option3']}>`
|
|
82
|
+
|
|
83
|
+
<Canvas>
|
|
84
|
+
<Story
|
|
85
|
+
name="Controlled Value"
|
|
86
|
+
args={{
|
|
87
|
+
label: "Value",
|
|
88
|
+
errorMessage: "",
|
|
89
|
+
isDisabled: false,
|
|
90
|
+
orientation: "vertical",
|
|
91
|
+
value: ["option2", "option3"],
|
|
56
92
|
}}
|
|
57
93
|
>
|
|
58
94
|
{args => (
|
|
@@ -28,6 +28,8 @@ const CheckboxItem: ForwardedRefComponent<CheckboxProps, CheckboxElementType> =
|
|
|
28
28
|
errorMessage,
|
|
29
29
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
30
30
|
defaultSelected,
|
|
31
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
32
|
+
isSelected,
|
|
31
33
|
...rest
|
|
32
34
|
} = props;
|
|
33
35
|
|
|
@@ -55,9 +55,9 @@ import { Chopin } from "@simplybusiness/mobius";
|
|
|
55
55
|
|
|
56
56
|
<Chopin.Actions
|
|
57
57
|
backLabel="Back"
|
|
58
|
-
backButton={ href: "https://www.google.com" }
|
|
58
|
+
backButton={{ href: "https://www.google.com" }}
|
|
59
59
|
nextLabel="Next Step"
|
|
60
|
-
nextButton={ href: "https://www.google.com" }
|
|
60
|
+
nextButton={{ href: "https://www.google.com" }}
|
|
61
61
|
/>
|
|
62
62
|
```
|
|
63
63
|
|
|
@@ -84,7 +84,7 @@ import { Chopin } from "@simplybusiness/mobius";
|
|
|
84
84
|
|
|
85
85
|
<Chopin.Actions
|
|
86
86
|
nextLabel="Next Step"
|
|
87
|
-
nextButton={ href: "https://www.google.com" }
|
|
87
|
+
nextButton={{ href: "https://www.google.com" }}
|
|
88
88
|
/>
|
|
89
89
|
```
|
|
90
90
|
|
|
@@ -111,10 +111,10 @@ import { Chopin } from "@simplybusiness/mobius";
|
|
|
111
111
|
|
|
112
112
|
<Chopin.Actions
|
|
113
113
|
backLabel="Back"
|
|
114
|
-
backButton={
|
|
114
|
+
backButton={{
|
|
115
115
|
href: "https://www.google.com",
|
|
116
116
|
isDisabled: false,
|
|
117
|
-
}
|
|
117
|
+
}}
|
|
118
118
|
/>
|
|
119
119
|
```
|
|
120
120
|
|
|
@@ -152,15 +152,15 @@ import { Chopin } from "@simplybusiness/mobius";
|
|
|
152
152
|
|
|
153
153
|
<Chopin.Actions
|
|
154
154
|
backLabel="Back"
|
|
155
|
-
backButton={
|
|
155
|
+
backButton={{
|
|
156
156
|
href: "https://www.google.com",
|
|
157
157
|
isDisabled: false,
|
|
158
|
-
}
|
|
158
|
+
}}
|
|
159
159
|
nextLabel="Next Step"
|
|
160
|
-
nextButton={
|
|
160
|
+
nextButton={{
|
|
161
161
|
href: "https://www.google.com",
|
|
162
162
|
isDisabled: true,
|
|
163
|
-
}
|
|
163
|
+
}}
|
|
164
164
|
/>
|
|
165
165
|
```
|
|
166
166
|
|
|
@@ -343,6 +343,19 @@ import { Chopin } from "@simplybusiness/mobius";
|
|
|
343
343
|
{args => <Question {...args} />}
|
|
344
344
|
</Story>
|
|
345
345
|
|
|
346
|
+
<Story
|
|
347
|
+
name="With Rich Error"
|
|
348
|
+
args={{
|
|
349
|
+
label: "Question label",
|
|
350
|
+
children: <TextField />,
|
|
351
|
+
errorMessage: <>This <em>contains</em> <strong>HTML</strong> <u>formatting</u></>,
|
|
352
|
+
validationState: "invalid",
|
|
353
|
+
closeHelpOnOutsideClick: false,
|
|
354
|
+
}}
|
|
355
|
+
>
|
|
356
|
+
{args => <Question {...args} />}
|
|
357
|
+
</Story>
|
|
358
|
+
|
|
346
359
|
<!-- prettier-ignore -->
|
|
347
360
|
```jsx
|
|
348
361
|
import { Chopin } from "@simplybusiness/mobius";
|
|
@@ -16,7 +16,7 @@ import { QuestionHelp } from "../QuestionHelp/QuestionHelp";
|
|
|
16
16
|
export interface QuestionProps {
|
|
17
17
|
label?: ReactElement | string;
|
|
18
18
|
description?: string | ReactNode;
|
|
19
|
-
errorMessage?:
|
|
19
|
+
errorMessage?: ReactNode;
|
|
20
20
|
children?: ReactNode;
|
|
21
21
|
validationState?: "valid" | "invalid" | "";
|
|
22
22
|
help?: ReactNode;
|
|
@@ -55,6 +55,12 @@ import { Radio, RadioGroup } from "@simplybusiness/mobius";
|
|
|
55
55
|
|
|
56
56
|
### Normal
|
|
57
57
|
|
|
58
|
+
For a radio to appear selected use `value` prop which expects a string.
|
|
59
|
+
|
|
60
|
+
For example, `<RadioGroup defaultValue="blue">`
|
|
61
|
+
|
|
62
|
+
This will allow user to change the value. Alternatively, see _Controlled Value_ example.
|
|
63
|
+
|
|
58
64
|
<Canvas>
|
|
59
65
|
<Story
|
|
60
66
|
name="Normal"
|
|
@@ -64,6 +70,34 @@ import { Radio, RadioGroup } from "@simplybusiness/mobius";
|
|
|
64
70
|
errorMessage: "",
|
|
65
71
|
validationState: "",
|
|
66
72
|
orientation: "vertical",
|
|
73
|
+
defaultValue: "blue",
|
|
74
|
+
}}
|
|
75
|
+
>
|
|
76
|
+
{args => (
|
|
77
|
+
<RadioGroup {...args}>
|
|
78
|
+
<Radio value="red" label="Red" />
|
|
79
|
+
<Radio value="blue" label="Blue" />
|
|
80
|
+
</RadioGroup>
|
|
81
|
+
)}
|
|
82
|
+
</Story>
|
|
83
|
+
</Canvas>
|
|
84
|
+
|
|
85
|
+
### Controlled Value
|
|
86
|
+
|
|
87
|
+
You may want a radio to appear selected based on some conditional logic in another component.
|
|
88
|
+
|
|
89
|
+
You can use `value` prop which expects a string. To make `Blue` appear selected use `<RadioGroup value="blue">`
|
|
90
|
+
|
|
91
|
+
<Canvas>
|
|
92
|
+
<Story
|
|
93
|
+
name="Controlled Value"
|
|
94
|
+
args={{
|
|
95
|
+
label: "Color",
|
|
96
|
+
isDisabled: false,
|
|
97
|
+
errorMessage: "",
|
|
98
|
+
validationState: "",
|
|
99
|
+
orientation: "vertical",
|
|
100
|
+
value: "blue",
|
|
67
101
|
}}
|
|
68
102
|
>
|
|
69
103
|
{args => (
|
|
@@ -41,6 +41,12 @@ import { RadioButton, RadioGroup } from "@simplybusiness/mobius";
|
|
|
41
41
|
|
|
42
42
|
### Normal
|
|
43
43
|
|
|
44
|
+
For a radio button to appear selected use `value` prop which expects a string.
|
|
45
|
+
|
|
46
|
+
For example, `<RadioGroup defaultValue="blue">`
|
|
47
|
+
|
|
48
|
+
This will allow user to change the value. Alternatively, see _Controlled Value_ example.
|
|
49
|
+
|
|
44
50
|
<Canvas>
|
|
45
51
|
<Story
|
|
46
52
|
name="Normal"
|
|
@@ -48,6 +54,32 @@ import { RadioButton, RadioGroup } from "@simplybusiness/mobius";
|
|
|
48
54
|
label: "Color",
|
|
49
55
|
orientation: "horizontal",
|
|
50
56
|
isDisabled: false,
|
|
57
|
+
defaultValue: "blue",
|
|
58
|
+
}}
|
|
59
|
+
>
|
|
60
|
+
{args => (
|
|
61
|
+
<RadioGroup {...args}>
|
|
62
|
+
<RadioButton value="red">Red</RadioButton>
|
|
63
|
+
<RadioButton value="blue">Blue</RadioButton>
|
|
64
|
+
</RadioGroup>
|
|
65
|
+
)}
|
|
66
|
+
</Story>
|
|
67
|
+
</Canvas>
|
|
68
|
+
|
|
69
|
+
### Controlled Value
|
|
70
|
+
|
|
71
|
+
You may want a radio button to appear selected based on some conditional logic in another component.
|
|
72
|
+
|
|
73
|
+
You can use `value` prop which expects a string. To make `Blue` appear selected use `<RadioGroup value="blue">`
|
|
74
|
+
|
|
75
|
+
<Canvas>
|
|
76
|
+
<Story
|
|
77
|
+
name="Controlled Value"
|
|
78
|
+
args={{
|
|
79
|
+
label: "Color",
|
|
80
|
+
orientation: "horizontal",
|
|
81
|
+
isDisabled: false,
|
|
82
|
+
value: "blue",
|
|
51
83
|
}}
|
|
52
84
|
>
|
|
53
85
|
{args => (
|