@newskit-render/shared-components 1.10.0-alpha.0 → 1.11.0-alpha.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/dist/cjs/RadioForm/RadioForm.js +25 -18
- package/dist/cjs/RadioForm/RadioForm.js.map +1 -1
- package/dist/cjs/RadioForm/types.d.ts +18 -27
- package/dist/esm/RadioForm/RadioForm.js +27 -20
- package/dist/esm/RadioForm/RadioForm.js.map +1 -1
- package/dist/esm/RadioForm/types.d.ts +18 -27
- package/package.json +2 -2
|
@@ -79,9 +79,10 @@ var newskit_1 = require("newskit");
|
|
|
79
79
|
var ButtonGroup_1 = require("../ButtonGroup");
|
|
80
80
|
var FormComponent_1 = require("../FormComponent");
|
|
81
81
|
var Introduction_1 = require("../Introduction");
|
|
82
|
-
var
|
|
82
|
+
var StyledCharacterCount = (0, newskit_1.styled)(newskit_1.CharacterCount)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-inline: 0;\n"], ["\n padding-inline: 0;\n"])));
|
|
83
83
|
var RadioForm = function (_a) {
|
|
84
|
-
var size = _a.size, radioInputList = _a.radioInputList, radioInputName = _a.radioInputName, resolver = _a.resolver, radioInputListOverrides = _a.radioInputListOverrides, errorOverrides = _a.errorOverrides, buttonGroupProps = _a.buttonGroupProps, introductionProps = _a.introductionProps, onSubmit = _a.onSubmit, introductionInlineMessage = _a.introductionInlineMessage, introductionInlineMessageOverrides = _a.introductionInlineMessageOverrides, gridProps = _a.gridProps,
|
|
84
|
+
var size = _a.size, radioInputList = _a.radioInputList, radioInputName = _a.radioInputName, resolver = _a.resolver, radioInputListOverrides = _a.radioInputListOverrides, errorOverrides = _a.errorOverrides, inputTextAreaOverrides = _a.inputTextAreaOverrides, characterCountOverrides = _a.characterCountOverrides, inputAssistiveTextOverrides = _a.inputAssistiveTextOverrides, buttonGroupProps = _a.buttonGroupProps, introductionProps = _a.introductionProps, onSubmit = _a.onSubmit, introductionInlineMessage = _a.introductionInlineMessage, introductionInlineMessageOverrides = _a.introductionInlineMessageOverrides, gridProps = _a.gridProps, marginBlockEnd = _a.marginBlockEnd;
|
|
85
|
+
var ref = (0, react_1.useRef)(null);
|
|
85
86
|
var getSelectedRadioInput = function (inputId) {
|
|
86
87
|
return radioInputList.find(function (radioInput) { return radioInput.id === inputId; });
|
|
87
88
|
};
|
|
@@ -97,20 +98,20 @@ var RadioForm = function (_a) {
|
|
|
97
98
|
var isDefaultWithText = function (list) {
|
|
98
99
|
var isDefault = false;
|
|
99
100
|
list.forEach(function (obj) {
|
|
100
|
-
if (obj.
|
|
101
|
+
if (obj.hasInputTextArea && obj.isDefaultValue && obj.defaultInputText) {
|
|
101
102
|
isDefault = true;
|
|
102
103
|
}
|
|
103
104
|
});
|
|
104
105
|
return isDefault;
|
|
105
106
|
};
|
|
106
|
-
var
|
|
107
|
+
var setInputTextAreaList = function (list, showDefaultWithText) {
|
|
107
108
|
if (showDefaultWithText === void 0) { showDefaultWithText = false; }
|
|
108
109
|
var isVis = {};
|
|
109
110
|
list.forEach(function (obj) {
|
|
110
|
-
if (obj.
|
|
111
|
+
if (obj.hasInputTextArea) {
|
|
111
112
|
isVis[obj.id] = false;
|
|
112
113
|
}
|
|
113
|
-
if (showDefaultWithText && obj.
|
|
114
|
+
if (showDefaultWithText && obj.defaultInputText) {
|
|
114
115
|
isVis[obj.id] = true;
|
|
115
116
|
}
|
|
116
117
|
});
|
|
@@ -119,7 +120,7 @@ var RadioForm = function (_a) {
|
|
|
119
120
|
var hasDefaultWithText = isDefaultWithText(radioInputList);
|
|
120
121
|
var _d = (0, react_1.useState)({
|
|
121
122
|
showing: hasDefaultWithText,
|
|
122
|
-
textInputList:
|
|
123
|
+
textInputList: setInputTextAreaList(radioInputList, hasDefaultWithText),
|
|
123
124
|
}), textInputState = _d[0], setTextInputState = _d[1];
|
|
124
125
|
var onFormSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
125
126
|
var selectedInput, text, payload;
|
|
@@ -146,35 +147,41 @@ var RadioForm = function (_a) {
|
|
|
146
147
|
if (hasTextInput) {
|
|
147
148
|
setTextInputState({
|
|
148
149
|
showing: true,
|
|
149
|
-
textInputList: __assign(__assign({},
|
|
150
|
+
textInputList: __assign(__assign({}, setInputTextAreaList(radioInputList)), (_a = {}, _a[e.currentTarget.id] = true, _a)),
|
|
150
151
|
});
|
|
151
152
|
}
|
|
152
153
|
else if (showing) {
|
|
153
154
|
setTextInputState({
|
|
154
155
|
showing: false,
|
|
155
|
-
textInputList:
|
|
156
|
+
textInputList: setInputTextAreaList(radioInputList),
|
|
156
157
|
});
|
|
157
158
|
}
|
|
158
159
|
};
|
|
159
160
|
var getRadioButtons = function (list) {
|
|
160
161
|
return (react_1.default.createElement(newskit_1.Fieldset, null,
|
|
161
162
|
react_1.default.createElement(newskit_1.RadioGroup, { defaultValue: defaultInput.text }, list.map(function (_a) {
|
|
162
|
-
var id = _a.id, text = _a.text,
|
|
163
|
-
return (react_1.default.createElement(newskit_1.Block, {
|
|
163
|
+
var id = _a.id, text = _a.text, hasInputTextArea = _a.hasInputTextArea, InputTextAreaSize = _a.InputTextAreaSize, assistiveText = _a.assistiveText, defaultInputText = _a.defaultInputText, maxLength = _a.maxLength;
|
|
164
|
+
return (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: radioInputListOverrides === null || radioInputListOverrides === void 0 ? void 0 : radioInputListOverrides.marginBlockEnd, key: id },
|
|
164
165
|
react_1.default.createElement(newskit_1.FormInput, { name: radioInputName || 'radioInput' },
|
|
165
|
-
react_1.default.createElement(newskit_1.FormInputRadioButton, { key: id, id: id, value: text, label: text, "data-testid": id, size: size
|
|
166
|
+
react_1.default.createElement(newskit_1.FormInputRadioButton, { key: id, id: id, value: text, label: text, "data-testid": id, size: size, onChange: onChange, overrides: {
|
|
166
167
|
label: {
|
|
167
168
|
typographyPreset: radioInputListOverrides === null || radioInputListOverrides === void 0 ? void 0 : radioInputListOverrides.typographyPreset,
|
|
169
|
+
stylePreset: radioInputListOverrides === null || radioInputListOverrides === void 0 ? void 0 : radioInputListOverrides.stylePreset,
|
|
168
170
|
},
|
|
169
171
|
} })),
|
|
170
|
-
|
|
172
|
+
hasInputTextArea && textInputState.textInputList[id] && (react_1.default.createElement(newskit_1.Block, { marginBlockStart: inputTextAreaOverrides === null || inputTextAreaOverrides === void 0 ? void 0 : inputTextAreaOverrides.marginBlockStart },
|
|
171
173
|
react_1.default.createElement(newskit_1.FormInput, { name: "other", id: "other" },
|
|
172
|
-
react_1.default.createElement(newskit_1.
|
|
173
|
-
|
|
174
|
+
react_1.default.createElement(newskit_1.FormInputTextArea
|
|
175
|
+
// @ts-ignore
|
|
176
|
+
, {
|
|
177
|
+
// @ts-ignore
|
|
178
|
+
onChange: onTextInputChange, "data-testid": "other", defaultValue: defaultInputText, ref: ref, maxLength: maxLength, size: InputTextAreaSize, overrides: inputTextAreaOverrides }),
|
|
179
|
+
react_1.default.createElement(react_1.default.Fragment, null, maxLength && (react_1.default.createElement(StyledCharacterCount, { overrides: characterCountOverrides, inputRef: ref }))),
|
|
180
|
+
react_1.default.createElement(newskit_1.FormInputAssistiveText, { overrides: inputAssistiveTextOverrides, "data-testid": "extra-assistive-text" }, assistiveText || 'Please specify'))))));
|
|
174
181
|
}))));
|
|
175
182
|
};
|
|
176
183
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
177
|
-
introductionInlineMessage && (react_1.default.createElement(newskit_1.Block, {
|
|
184
|
+
introductionInlineMessage && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: introductionInlineMessageOverrides === null || introductionInlineMessageOverrides === void 0 ? void 0 : introductionInlineMessageOverrides.marginBlockEnd },
|
|
178
185
|
react_1.default.createElement(newskit_1.InlineMessage, __assign({ "data-testid": "radio-form-inline-message" }, introductionInlineMessageOverrides), introductionInlineMessage))),
|
|
179
186
|
react_1.default.createElement(Introduction_1.Introduction, __assign({}, introductionProps)),
|
|
180
187
|
react_1.default.createElement(FormComponent_1.FormGrid, { xsMargin: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsMargin) || 'space000', xsColumnGutter: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsColumnGutter) || 'space000', xsRowGutter: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsRowGutter) || 'space000' },
|
|
@@ -183,10 +190,10 @@ var RadioForm = function (_a) {
|
|
|
183
190
|
react_1.default.createElement(newskit_1.FormInputAssistiveText, { overrides: {
|
|
184
191
|
stylePreset: (errorOverrides === null || errorOverrides === void 0 ? void 0 : errorOverrides.stylePreset) || 'inkNegative',
|
|
185
192
|
typographyPreset: (errorOverrides === null || errorOverrides === void 0 ? void 0 : errorOverrides.typographyPreset) || 'utilityLabel020',
|
|
186
|
-
marginBlockEnd: errorOverrides === null || errorOverrides === void 0 ? void 0 : errorOverrides.
|
|
193
|
+
marginBlockEnd: errorOverrides === null || errorOverrides === void 0 ? void 0 : errorOverrides.marginBlockEnd,
|
|
187
194
|
} }, '')),
|
|
188
195
|
radioInputList && getRadioButtons(radioInputList),
|
|
189
|
-
react_1.default.createElement(newskit_1.Block, { marginBlockEnd:
|
|
196
|
+
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: marginBlockEnd }),
|
|
190
197
|
buttonGroupProps && (react_1.default.createElement(newskit_1.Block, null,
|
|
191
198
|
react_1.default.createElement(ButtonGroup_1.ButtonGroup, __assign({}, buttonGroupProps))))))));
|
|
192
199
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioForm.js","sourceRoot":"","sources":["../../../src/RadioForm/RadioForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"RadioForm.js","sourceRoot":"","sources":["../../../src/RadioForm/RadioForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,15 +5,22 @@ import { IntroductionProps } from '../Introduction';
|
|
|
5
5
|
export interface RadioFormInput {
|
|
6
6
|
id: string;
|
|
7
7
|
text: string;
|
|
8
|
-
|
|
8
|
+
hasInputTextArea: boolean;
|
|
9
|
+
InputTextAreaSize?: 'small' | 'medium' | 'large';
|
|
10
|
+
maxLength?: number;
|
|
9
11
|
assistiveText?: string;
|
|
10
12
|
isDefaultValue?: boolean;
|
|
11
|
-
|
|
13
|
+
defaultInputText?: string;
|
|
12
14
|
}
|
|
13
15
|
export interface RadioFormResponse {
|
|
14
16
|
answer: string;
|
|
15
17
|
other?: string;
|
|
16
18
|
}
|
|
19
|
+
interface Overrides {
|
|
20
|
+
typographyPreset?: MQ<string>;
|
|
21
|
+
marginBlockEnd?: MQ<string>;
|
|
22
|
+
stylePreset?: string;
|
|
23
|
+
}
|
|
17
24
|
export interface RadioFormProps {
|
|
18
25
|
onSubmit: (response: RadioFormResponse) => void;
|
|
19
26
|
introductionProps?: Omit<IntroductionProps, 'title' | 'titleOverrides'>;
|
|
@@ -21,35 +28,18 @@ export interface RadioFormProps {
|
|
|
21
28
|
radioInputName?: string;
|
|
22
29
|
size?: 'small' | 'medium' | 'large';
|
|
23
30
|
resolver: Resolver;
|
|
24
|
-
radioInputListOverrides?:
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
md?: string;
|
|
29
|
-
lg?: string;
|
|
30
|
-
xl?: string;
|
|
31
|
-
};
|
|
32
|
-
spaceStack?: MQ<string>;
|
|
33
|
-
stylePreset?: string;
|
|
34
|
-
};
|
|
35
|
-
errorOverrides?: {
|
|
36
|
-
typographyPreset?: {
|
|
37
|
-
sm: string;
|
|
38
|
-
};
|
|
39
|
-
spaceStack?: MQ<string>;
|
|
40
|
-
stylePreset?: string;
|
|
31
|
+
radioInputListOverrides?: Overrides;
|
|
32
|
+
errorOverrides?: Overrides;
|
|
33
|
+
inputTextAreaOverrides?: Omit<Overrides, 'marginBlockEnd'> & {
|
|
34
|
+
marginBlockStart?: MQ<string>;
|
|
41
35
|
};
|
|
42
|
-
|
|
36
|
+
inputAssistiveTextOverrides?: Overrides;
|
|
37
|
+
characterCountOverrides?: Overrides;
|
|
38
|
+
marginBlockEnd?: MQ<string>;
|
|
43
39
|
buttonGroupProps?: ButtonGroupProps;
|
|
44
40
|
introductionInlineMessage?: string;
|
|
45
41
|
introductionInlineMessageOverrides?: Omit<InlineMessageProps, 'children'> & {
|
|
46
|
-
|
|
47
|
-
xs: string;
|
|
48
|
-
sm?: string;
|
|
49
|
-
md?: string;
|
|
50
|
-
lg?: string;
|
|
51
|
-
xl?: string;
|
|
52
|
-
};
|
|
42
|
+
marginBlockEnd?: MQ<string>;
|
|
53
43
|
};
|
|
54
44
|
gridProps?: {
|
|
55
45
|
xsMargin: string;
|
|
@@ -57,3 +47,4 @@ export interface RadioFormProps {
|
|
|
57
47
|
xsRowGutter: string;
|
|
58
48
|
};
|
|
59
49
|
}
|
|
50
|
+
export {};
|
|
@@ -49,14 +49,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
49
49
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
|
-
import React, { useState } from 'react';
|
|
53
|
-
import { Block, Form, Fieldset, RadioGroup,
|
|
52
|
+
import React, { useState, useRef } from 'react';
|
|
53
|
+
import { Block, Form, Fieldset, RadioGroup, FormInput, FormInputAssistiveText, styled, InlineMessage, FormInputRadioButton, FormInputTextArea, CharacterCount, } from 'newskit';
|
|
54
54
|
import { ButtonGroup } from '../ButtonGroup';
|
|
55
55
|
import { FormGrid } from '../FormComponent';
|
|
56
56
|
import { Introduction } from '../Introduction';
|
|
57
|
-
var
|
|
57
|
+
var StyledCharacterCount = styled(CharacterCount)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-inline: 0;\n"], ["\n padding-inline: 0;\n"])));
|
|
58
58
|
var RadioForm = function (_a) {
|
|
59
|
-
var size = _a.size, radioInputList = _a.radioInputList, radioInputName = _a.radioInputName, resolver = _a.resolver, radioInputListOverrides = _a.radioInputListOverrides, errorOverrides = _a.errorOverrides, buttonGroupProps = _a.buttonGroupProps, introductionProps = _a.introductionProps, onSubmit = _a.onSubmit, introductionInlineMessage = _a.introductionInlineMessage, introductionInlineMessageOverrides = _a.introductionInlineMessageOverrides, gridProps = _a.gridProps,
|
|
59
|
+
var size = _a.size, radioInputList = _a.radioInputList, radioInputName = _a.radioInputName, resolver = _a.resolver, radioInputListOverrides = _a.radioInputListOverrides, errorOverrides = _a.errorOverrides, inputTextAreaOverrides = _a.inputTextAreaOverrides, characterCountOverrides = _a.characterCountOverrides, inputAssistiveTextOverrides = _a.inputAssistiveTextOverrides, buttonGroupProps = _a.buttonGroupProps, introductionProps = _a.introductionProps, onSubmit = _a.onSubmit, introductionInlineMessage = _a.introductionInlineMessage, introductionInlineMessageOverrides = _a.introductionInlineMessageOverrides, gridProps = _a.gridProps, marginBlockEnd = _a.marginBlockEnd;
|
|
60
|
+
var ref = useRef(null);
|
|
60
61
|
var getSelectedRadioInput = function (inputId) {
|
|
61
62
|
return radioInputList.find(function (radioInput) { return radioInput.id === inputId; });
|
|
62
63
|
};
|
|
@@ -72,20 +73,20 @@ var RadioForm = function (_a) {
|
|
|
72
73
|
var isDefaultWithText = function (list) {
|
|
73
74
|
var isDefault = false;
|
|
74
75
|
list.forEach(function (obj) {
|
|
75
|
-
if (obj.
|
|
76
|
+
if (obj.hasInputTextArea && obj.isDefaultValue && obj.defaultInputText) {
|
|
76
77
|
isDefault = true;
|
|
77
78
|
}
|
|
78
79
|
});
|
|
79
80
|
return isDefault;
|
|
80
81
|
};
|
|
81
|
-
var
|
|
82
|
+
var setInputTextAreaList = function (list, showDefaultWithText) {
|
|
82
83
|
if (showDefaultWithText === void 0) { showDefaultWithText = false; }
|
|
83
84
|
var isVis = {};
|
|
84
85
|
list.forEach(function (obj) {
|
|
85
|
-
if (obj.
|
|
86
|
+
if (obj.hasInputTextArea) {
|
|
86
87
|
isVis[obj.id] = false;
|
|
87
88
|
}
|
|
88
|
-
if (showDefaultWithText && obj.
|
|
89
|
+
if (showDefaultWithText && obj.defaultInputText) {
|
|
89
90
|
isVis[obj.id] = true;
|
|
90
91
|
}
|
|
91
92
|
});
|
|
@@ -94,7 +95,7 @@ var RadioForm = function (_a) {
|
|
|
94
95
|
var hasDefaultWithText = isDefaultWithText(radioInputList);
|
|
95
96
|
var _d = useState({
|
|
96
97
|
showing: hasDefaultWithText,
|
|
97
|
-
textInputList:
|
|
98
|
+
textInputList: setInputTextAreaList(radioInputList, hasDefaultWithText),
|
|
98
99
|
}), textInputState = _d[0], setTextInputState = _d[1];
|
|
99
100
|
var onFormSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
100
101
|
var selectedInput, text, payload;
|
|
@@ -121,35 +122,41 @@ var RadioForm = function (_a) {
|
|
|
121
122
|
if (hasTextInput) {
|
|
122
123
|
setTextInputState({
|
|
123
124
|
showing: true,
|
|
124
|
-
textInputList: __assign(__assign({},
|
|
125
|
+
textInputList: __assign(__assign({}, setInputTextAreaList(radioInputList)), (_a = {}, _a[e.currentTarget.id] = true, _a)),
|
|
125
126
|
});
|
|
126
127
|
}
|
|
127
128
|
else if (showing) {
|
|
128
129
|
setTextInputState({
|
|
129
130
|
showing: false,
|
|
130
|
-
textInputList:
|
|
131
|
+
textInputList: setInputTextAreaList(radioInputList),
|
|
131
132
|
});
|
|
132
133
|
}
|
|
133
134
|
};
|
|
134
135
|
var getRadioButtons = function (list) {
|
|
135
136
|
return (React.createElement(Fieldset, null,
|
|
136
137
|
React.createElement(RadioGroup, { defaultValue: defaultInput.text }, list.map(function (_a) {
|
|
137
|
-
var id = _a.id, text = _a.text,
|
|
138
|
-
return (React.createElement(Block, {
|
|
138
|
+
var id = _a.id, text = _a.text, hasInputTextArea = _a.hasInputTextArea, InputTextAreaSize = _a.InputTextAreaSize, assistiveText = _a.assistiveText, defaultInputText = _a.defaultInputText, maxLength = _a.maxLength;
|
|
139
|
+
return (React.createElement(Block, { marginBlockEnd: radioInputListOverrides === null || radioInputListOverrides === void 0 ? void 0 : radioInputListOverrides.marginBlockEnd, key: id },
|
|
139
140
|
React.createElement(FormInput, { name: radioInputName || 'radioInput' },
|
|
140
|
-
React.createElement(FormInputRadioButton, { key: id, id: id, value: text, label: text, "data-testid": id, size: size
|
|
141
|
+
React.createElement(FormInputRadioButton, { key: id, id: id, value: text, label: text, "data-testid": id, size: size, onChange: onChange, overrides: {
|
|
141
142
|
label: {
|
|
142
143
|
typographyPreset: radioInputListOverrides === null || radioInputListOverrides === void 0 ? void 0 : radioInputListOverrides.typographyPreset,
|
|
144
|
+
stylePreset: radioInputListOverrides === null || radioInputListOverrides === void 0 ? void 0 : radioInputListOverrides.stylePreset,
|
|
143
145
|
},
|
|
144
146
|
} })),
|
|
145
|
-
|
|
147
|
+
hasInputTextArea && textInputState.textInputList[id] && (React.createElement(Block, { marginBlockStart: inputTextAreaOverrides === null || inputTextAreaOverrides === void 0 ? void 0 : inputTextAreaOverrides.marginBlockStart },
|
|
146
148
|
React.createElement(FormInput, { name: "other", id: "other" },
|
|
147
|
-
React.createElement(
|
|
148
|
-
|
|
149
|
+
React.createElement(FormInputTextArea
|
|
150
|
+
// @ts-ignore
|
|
151
|
+
, {
|
|
152
|
+
// @ts-ignore
|
|
153
|
+
onChange: onTextInputChange, "data-testid": "other", defaultValue: defaultInputText, ref: ref, maxLength: maxLength, size: InputTextAreaSize, overrides: inputTextAreaOverrides }),
|
|
154
|
+
React.createElement(React.Fragment, null, maxLength && (React.createElement(StyledCharacterCount, { overrides: characterCountOverrides, inputRef: ref }))),
|
|
155
|
+
React.createElement(FormInputAssistiveText, { overrides: inputAssistiveTextOverrides, "data-testid": "extra-assistive-text" }, assistiveText || 'Please specify'))))));
|
|
149
156
|
}))));
|
|
150
157
|
};
|
|
151
158
|
return (React.createElement(React.Fragment, null,
|
|
152
|
-
introductionInlineMessage && (React.createElement(Block, {
|
|
159
|
+
introductionInlineMessage && (React.createElement(Block, { marginBlockEnd: introductionInlineMessageOverrides === null || introductionInlineMessageOverrides === void 0 ? void 0 : introductionInlineMessageOverrides.marginBlockEnd },
|
|
153
160
|
React.createElement(InlineMessage, __assign({ "data-testid": "radio-form-inline-message" }, introductionInlineMessageOverrides), introductionInlineMessage))),
|
|
154
161
|
React.createElement(Introduction, __assign({}, introductionProps)),
|
|
155
162
|
React.createElement(FormGrid, { xsMargin: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsMargin) || 'space000', xsColumnGutter: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsColumnGutter) || 'space000', xsRowGutter: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsRowGutter) || 'space000' },
|
|
@@ -158,10 +165,10 @@ var RadioForm = function (_a) {
|
|
|
158
165
|
React.createElement(FormInputAssistiveText, { overrides: {
|
|
159
166
|
stylePreset: (errorOverrides === null || errorOverrides === void 0 ? void 0 : errorOverrides.stylePreset) || 'inkNegative',
|
|
160
167
|
typographyPreset: (errorOverrides === null || errorOverrides === void 0 ? void 0 : errorOverrides.typographyPreset) || 'utilityLabel020',
|
|
161
|
-
marginBlockEnd: errorOverrides === null || errorOverrides === void 0 ? void 0 : errorOverrides.
|
|
168
|
+
marginBlockEnd: errorOverrides === null || errorOverrides === void 0 ? void 0 : errorOverrides.marginBlockEnd,
|
|
162
169
|
} }, '')),
|
|
163
170
|
radioInputList && getRadioButtons(radioInputList),
|
|
164
|
-
React.createElement(Block, { marginBlockEnd:
|
|
171
|
+
React.createElement(Block, { marginBlockEnd: marginBlockEnd }),
|
|
165
172
|
buttonGroupProps && (React.createElement(Block, null,
|
|
166
173
|
React.createElement(ButtonGroup, __assign({}, buttonGroupProps))))))));
|
|
167
174
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioForm.js","sourceRoot":"","sources":["../../../src/RadioForm/RadioForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAe,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"RadioForm.js","sourceRoot":"","sources":["../../../src/RadioForm/RadioForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,15 +5,22 @@ import { IntroductionProps } from '../Introduction';
|
|
|
5
5
|
export interface RadioFormInput {
|
|
6
6
|
id: string;
|
|
7
7
|
text: string;
|
|
8
|
-
|
|
8
|
+
hasInputTextArea: boolean;
|
|
9
|
+
InputTextAreaSize?: 'small' | 'medium' | 'large';
|
|
10
|
+
maxLength?: number;
|
|
9
11
|
assistiveText?: string;
|
|
10
12
|
isDefaultValue?: boolean;
|
|
11
|
-
|
|
13
|
+
defaultInputText?: string;
|
|
12
14
|
}
|
|
13
15
|
export interface RadioFormResponse {
|
|
14
16
|
answer: string;
|
|
15
17
|
other?: string;
|
|
16
18
|
}
|
|
19
|
+
interface Overrides {
|
|
20
|
+
typographyPreset?: MQ<string>;
|
|
21
|
+
marginBlockEnd?: MQ<string>;
|
|
22
|
+
stylePreset?: string;
|
|
23
|
+
}
|
|
17
24
|
export interface RadioFormProps {
|
|
18
25
|
onSubmit: (response: RadioFormResponse) => void;
|
|
19
26
|
introductionProps?: Omit<IntroductionProps, 'title' | 'titleOverrides'>;
|
|
@@ -21,35 +28,18 @@ export interface RadioFormProps {
|
|
|
21
28
|
radioInputName?: string;
|
|
22
29
|
size?: 'small' | 'medium' | 'large';
|
|
23
30
|
resolver: Resolver;
|
|
24
|
-
radioInputListOverrides?:
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
md?: string;
|
|
29
|
-
lg?: string;
|
|
30
|
-
xl?: string;
|
|
31
|
-
};
|
|
32
|
-
spaceStack?: MQ<string>;
|
|
33
|
-
stylePreset?: string;
|
|
34
|
-
};
|
|
35
|
-
errorOverrides?: {
|
|
36
|
-
typographyPreset?: {
|
|
37
|
-
sm: string;
|
|
38
|
-
};
|
|
39
|
-
spaceStack?: MQ<string>;
|
|
40
|
-
stylePreset?: string;
|
|
31
|
+
radioInputListOverrides?: Overrides;
|
|
32
|
+
errorOverrides?: Overrides;
|
|
33
|
+
inputTextAreaOverrides?: Omit<Overrides, 'marginBlockEnd'> & {
|
|
34
|
+
marginBlockStart?: MQ<string>;
|
|
41
35
|
};
|
|
42
|
-
|
|
36
|
+
inputAssistiveTextOverrides?: Overrides;
|
|
37
|
+
characterCountOverrides?: Overrides;
|
|
38
|
+
marginBlockEnd?: MQ<string>;
|
|
43
39
|
buttonGroupProps?: ButtonGroupProps;
|
|
44
40
|
introductionInlineMessage?: string;
|
|
45
41
|
introductionInlineMessageOverrides?: Omit<InlineMessageProps, 'children'> & {
|
|
46
|
-
|
|
47
|
-
xs: string;
|
|
48
|
-
sm?: string;
|
|
49
|
-
md?: string;
|
|
50
|
-
lg?: string;
|
|
51
|
-
xl?: string;
|
|
52
|
-
};
|
|
42
|
+
marginBlockEnd?: MQ<string>;
|
|
53
43
|
};
|
|
54
44
|
gridProps?: {
|
|
55
45
|
xsMargin: string;
|
|
@@ -57,3 +47,4 @@ export interface RadioFormProps {
|
|
|
57
47
|
xsRowGutter: string;
|
|
58
48
|
};
|
|
59
49
|
}
|
|
50
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/shared-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.11.0-alpha.0",
|
|
4
4
|
"description": "Newskit Render Shared Components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"@emotion/react": "11.9.3",
|
|
33
33
|
"@emotion/styled": "11.9.3",
|
|
34
34
|
"@hookform/resolvers": "2.8.3",
|
|
35
|
-
"newskit": "6.
|
|
35
|
+
"newskit": "6.4.0",
|
|
36
36
|
"react-dates": "21.8.0",
|
|
37
37
|
"striptags": "3.2.0"
|
|
38
38
|
},
|