@mvf/external-components 1.12.0 → 1.13.2
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/Components/Atoms/TextField/TextField.js +3 -3
- package/Components/Atoms/TextField/TextField.js.map +1 -1
- package/Components/Atoms/TextField/useTextFieldStyles.js +31 -22
- package/Components/Atoms/TextField/useTextFieldStyles.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +2 -2
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/IComponentProps.d.ts +0 -1
- package/Components/Molecules/CheckBox/defaultProps.d.ts +0 -1
- package/Components/Molecules/CheckBox/defaultProps.js +0 -1
- package/Components/Molecules/CheckBox/defaultProps.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js +3 -2
- package/Components/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.d.ts +2 -2
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +5 -3
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.d.ts +1 -0
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js +47 -11
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js.map +1 -1
- package/Components/Molecules/RadioButton/IComponentProps.d.ts +0 -1
- package/Components/Molecules/RadioButton/RadioButton.js +2 -2
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/defaultProps.d.ts +0 -1
- package/Components/Molecules/RadioButton/defaultProps.js +0 -1
- package/Components/Molecules/RadioButton/defaultProps.js.map +1 -1
- package/package.json +1 -1
|
@@ -45,16 +45,16 @@ var TextField = function (_a) {
|
|
|
45
45
|
};
|
|
46
46
|
if (type && type !== 'none') {
|
|
47
47
|
var IconComponent = icons_1.default[type];
|
|
48
|
-
InputProps = __assign(__assign({}, InputProps), { startAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "start",
|
|
48
|
+
InputProps = __assign(__assign({}, InputProps), { startAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "start", "data-testid": "startAdornment" },
|
|
49
49
|
react_1.default.createElement(IconComponent, null))) });
|
|
50
50
|
}
|
|
51
51
|
if (isValid || errorMessage) {
|
|
52
52
|
var validationIconType = isValid ? 'valid' : 'invalid';
|
|
53
53
|
var ValidationComponent = icons_1.default[validationIconType];
|
|
54
|
-
InputProps = __assign(__assign({}, InputProps), { endAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "end",
|
|
54
|
+
InputProps = __assign(__assign({}, InputProps), { endAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "end", "data-testid": "endAdornment-" + validationIconType },
|
|
55
55
|
react_1.default.createElement(ValidationComponent, null))) });
|
|
56
56
|
}
|
|
57
|
-
return (react_1.default.createElement(core_1.TextField, { className: classes.textField, disabled: disabled, error: errorMessage !== undefined, fullWidth: true, helperText: errorMessage, hiddenLabel: hiddenLabel, id: id, InputLabelProps: { className: classes.label },
|
|
57
|
+
return (react_1.default.createElement(core_1.TextField, { className: classes.textField, disabled: disabled, error: errorMessage !== undefined, fullWidth: true, helperText: errorMessage, hiddenLabel: hiddenLabel, id: id, InputLabelProps: { className: classes.label }, InputProps: InputProps, inputRef: inputRef || null, label: label, margin: margin, onBlur: onBlur, onChange: handleChange, onClick: onClick, placeholder: placeholder, size: size, type: inputType, value: currentValue, variant: "filled" }));
|
|
58
58
|
};
|
|
59
59
|
TextField.defaultProps = defaultProps_1.default;
|
|
60
60
|
exports.default = TextField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0CAI2B;AAE3B,gEAA0C;AAC1C,kDAA4B;AAC5B,4EAAsD;AAOtD,IAAM,SAAS,GAAkB,UAAC,EAgBjC;QAfC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA;IAEL,IAAM,OAAO,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;IAC1D,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAC9D,IAAI,SAAS,GAAG,MAAM,CAAC;IAEvB,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,OAAO,EAAE;QACxC,SAAS,GAAG,IAAI,CAAC;KAClB;IAED,IAAM,OAAO,GAAG,IAAA,4BAAkB,EAAC;QACjC,OAAO,EAAE,YAAY,KAAK,SAAS;QACnC,OAAO,SAAA;KACR,CAAC,CAAC;IAEH,IAAM,YAAY,GAAG,UAAC,CAAsC;QAC1D,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAI,UAAU,GAAG;QACf,OAAO,EAAE;YACP,OAAO,EAAE,OAAO,CAAC,OAAO;SACzB;QACD,SAAS,EAAE,OAAO,CAAC,QAAQ;QAC3B,gBAAgB,EAAE,IAAI;KACQ,CAAC;IAEjC,IAAI,IAAI,IAAI,IAAI,KAAK,MAAM,EAAE;QAC3B,IAAM,aAAa,GAAG,eAAK,CAAC,IAAI,CAAC,CAAC;QAClC,UAAU,yBACL,UAAU,KACb,cAAc,EAAE,CACd,8BAAC,qBAAc,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,38 +14,50 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
var styles_1 = require("@material-ui/styles");
|
|
15
15
|
var useTextFieldStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
16
16
|
return (0, styles_1.createStyles)({
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
var isError = _a.isError;
|
|
22
|
-
return (__assign({ color: theme.mvf.palette.primary.main }, (isError && {
|
|
23
|
-
color: theme.mvf.palette.error,
|
|
24
|
-
})));
|
|
17
|
+
textField: {
|
|
18
|
+
'& .MuiFilledInput-root': {
|
|
19
|
+
backgroundColor: theme.mvf.palette.background.light,
|
|
20
|
+
},
|
|
25
21
|
},
|
|
26
22
|
focused: function (_a) {
|
|
27
23
|
var isError = _a.isError;
|
|
28
24
|
return ({
|
|
29
|
-
'&$focused': __assign({ boxShadow: theme.mvf.boxShadow.primary, borderColor: theme.mvf.palette.primary.main
|
|
25
|
+
'&$focused': __assign({ boxShadow: theme.mvf.boxShadow.primary, borderColor: theme.mvf.palette.primary.main, '& .MuiSvgIcon-root': {
|
|
26
|
+
color: theme.mvf.palette.primary.main,
|
|
27
|
+
} }, (isError && {
|
|
30
28
|
boxShadow: theme.mvf.boxShadow.error,
|
|
31
29
|
borderColor: theme.mvf.palette.error,
|
|
30
|
+
'& .MuiSvgIcon-root': {
|
|
31
|
+
color: theme.mvf.palette.error,
|
|
32
|
+
},
|
|
32
33
|
})),
|
|
33
34
|
});
|
|
34
35
|
},
|
|
35
|
-
input: {
|
|
36
|
-
WebkitBoxShadow: "inset 0 0 0 1000px " + theme.mvf.palette.background.light,
|
|
37
|
-
},
|
|
38
36
|
label: function (_a) {
|
|
39
37
|
var isValid = _a.isValid;
|
|
40
|
-
return (__assign({
|
|
38
|
+
return (__assign({ color: theme.mvf.palette.text.grey, '&$focused': {
|
|
39
|
+
color: theme.mvf.palette.primary.main,
|
|
40
|
+
} }, (isValid && {
|
|
41
41
|
color: theme.mvf.palette.primary.main,
|
|
42
42
|
})));
|
|
43
43
|
},
|
|
44
44
|
muiInput: function (_a) {
|
|
45
45
|
var isError = _a.isError, isValid = _a.isValid;
|
|
46
|
-
return (__assign(__assign({ border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.border, overflow: 'hidden', borderRadius: 4, '&:hover': {
|
|
46
|
+
return (__assign(__assign({ backgroundColor: theme.mvf.palette.background.light, border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.border, overflow: 'hidden', borderRadius: 4, '&:hover': {
|
|
47
47
|
boxShadow: theme.mvf.boxShadow.primary,
|
|
48
48
|
borderColor: theme.mvf.palette.primary.main,
|
|
49
|
+
}, '& .MuiSvgIcon-root': {
|
|
50
|
+
color: theme.mvf.palette.text.grey,
|
|
51
|
+
}, '&.Mui-disabled': {
|
|
52
|
+
boxShadow: 'none',
|
|
53
|
+
borderColor: theme.mvf.palette.disabled,
|
|
54
|
+
'&:hover': {
|
|
55
|
+
boxShadow: 'none',
|
|
56
|
+
borderColor: theme.mvf.palette.disabled,
|
|
57
|
+
},
|
|
58
|
+
'& .MuiSvgIcon-root': {
|
|
59
|
+
color: theme.mvf.palette.disabled,
|
|
60
|
+
},
|
|
49
61
|
} }, (isError && {
|
|
50
62
|
boxShadow: theme.mvf.boxShadow.error,
|
|
51
63
|
borderColor: theme.mvf.palette.error,
|
|
@@ -53,20 +65,17 @@ var useTextFieldStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
|
53
65
|
boxShadow: theme.mvf.boxShadow.error,
|
|
54
66
|
borderColor: theme.mvf.palette.error,
|
|
55
67
|
},
|
|
68
|
+
'& .MuiSvgIcon-root': {
|
|
69
|
+
color: theme.mvf.palette.error,
|
|
70
|
+
},
|
|
56
71
|
})), (isValid && {
|
|
57
72
|
boxShadow: theme.mvf.boxShadow.primary,
|
|
58
73
|
borderColor: theme.mvf.palette.primary.main,
|
|
59
|
-
'
|
|
60
|
-
|
|
61
|
-
borderColor: theme.mvf.palette.primary.main,
|
|
74
|
+
'& .MuiSvgIcon-root': {
|
|
75
|
+
color: theme.mvf.palette.primary.main,
|
|
62
76
|
},
|
|
63
77
|
})));
|
|
64
78
|
},
|
|
65
|
-
textField: {
|
|
66
|
-
'& .MuiFilledInput-root': {
|
|
67
|
-
backgroundColor: theme.mvf.palette.background.light,
|
|
68
|
-
},
|
|
69
|
-
},
|
|
70
79
|
});
|
|
71
80
|
});
|
|
72
81
|
exports.default = useTextFieldStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/useTextFieldStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAQ/D,IAAM,kBAAkB,GAAG,IAAA,mBAAU,EACnC,UAAC,KAAK;IACJ,OAAA,IAAA,qBAAY,EAAC;QACX,
|
|
1
|
+
{"version":3,"file":"useTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/useTextFieldStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ var useCheckBoxClasses_1 = __importDefault(require("./useCheckBoxClasses"));
|
|
|
29
29
|
var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
|
|
30
30
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
31
31
|
var CheckBox = function (_a) {
|
|
32
|
-
var id = _a.id, isOtherOption = _a.isOtherOption, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError,
|
|
32
|
+
var id = _a.id, isOtherOption = _a.isOtherOption, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError, selected = _a.selected, text = _a.text;
|
|
33
33
|
var _b = (0, react_1.useState)(selected), checked = _b[0], setChecked = _b[1];
|
|
34
34
|
var classes = (0, useCheckBoxClasses_1.default)();
|
|
35
35
|
var otherInputElement = (0, react_1.useRef)(null);
|
|
@@ -52,7 +52,7 @@ var CheckBox = function (_a) {
|
|
|
52
52
|
react_1.default.createElement(core_1.Grid, { container: true, className: classes.checkBoxContents, direction: "row", justifyContent: "flex-start", alignItems: "center", wrap: "nowrap" },
|
|
53
53
|
react_1.default.createElement(core_1.Checkbox, { className: classes.checkbox, checked: checked, color: "primary" }),
|
|
54
54
|
react_1.default.createElement(core_1.Grid, { item: true, className: classes.textArea }, isOtherOption ? (react_1.default.createElement("div", { className: classes.otherInput },
|
|
55
|
-
react_1.default.createElement(TextField_1.default, { hiddenLabel: true, id: id, placeholder: text, onClick: handleInputClick, onChange: onChange, onBlur: onBlur, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined
|
|
55
|
+
react_1.default.createElement(TextField_1.default, { hiddenLabel: true, id: id, placeholder: text, onClick: handleInputClick, onChange: onChange, onBlur: onBlur, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined }))) : (react_1.default.createElement(core_1.Typography, { className: classes.listItemText }, text))))));
|
|
56
56
|
};
|
|
57
57
|
CheckBox.defaultProps = defaultProps_1.default;
|
|
58
58
|
exports.default = CheckBox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAI2B;AAC3B,gEAA0C;AAE1C,4EAAsD;AACtD,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,QAAQ,GAAiB,UAAC,
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAI2B;AAC3B,gEAA0C;AAE1C,4EAAsD;AACtD,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,QAAQ,GAAiB,UAAC,EAS/B;QARC,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,IAAI,UAAA;IAEE,IAAA,KAAwB,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,OAAO,GAAG,IAAA,4BAAkB,GAAE,CAAC;IACrC,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAEhE,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACzC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;QACD,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QACrC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAA8C,UAAC,CAAC;QACpE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,oBAAoB;QAEhC,8BAAC,WAAM,IACL,SAAS,QACT,SAAS,EAAE,OAAO,CAAC,gBAAgB,EACnC,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ;YAEb,8BAAC,eAAU,IACT,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,GACf;YACF,8BAAC,WAAM,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACrC,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;gBAChC,8BAAC,mBAAS,IACR,WAAW,QACX,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,GAC9C,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACM,CACF,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG,sBAAY,CAAC;AAErC,kBAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -23,6 +23,7 @@ var DropDownSelect = function (_a) {
|
|
|
23
23
|
var children = _a.children, disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, id = _a.id, label = _a.label, margin = _a.margin, onChange = _a.onChange, onClick = _a.onClick, onBlur = _a.onBlur, placeholder = _a.placeholder, size = _a.size, value = _a.value, inputRef = _a.inputRef;
|
|
24
24
|
var classes = (0, useDropDownSelectStyles_1.default)({
|
|
25
25
|
isError: errorMessage !== undefined,
|
|
26
|
+
isValid: errorMessage === undefined && value !== 'none',
|
|
26
27
|
});
|
|
27
28
|
var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
|
|
28
29
|
var handleChange = function (e) {
|
|
@@ -35,7 +36,7 @@ var DropDownSelect = function (_a) {
|
|
|
35
36
|
focused: classes.focused,
|
|
36
37
|
adornedStart: classes.adornedStart,
|
|
37
38
|
},
|
|
38
|
-
className: classes.
|
|
39
|
+
className: classes.muiInput,
|
|
39
40
|
disableUnderline: true,
|
|
40
41
|
};
|
|
41
42
|
if (iconType !== 'none') {
|
|
@@ -43,7 +44,7 @@ var DropDownSelect = function (_a) {
|
|
|
43
44
|
InputProps = __assign(__assign({}, InputProps), { startAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "start" },
|
|
44
45
|
react_1.default.createElement(IconComponent, null))) });
|
|
45
46
|
}
|
|
46
|
-
return (react_1.default.createElement(core_1.TextField, { fullWidth: true, select: true, className: classes.dropDownSelect, variant: "filled", disabled: disabled, error: errorMessage !== undefined, helperText: errorMessage, label: label, size: size, margin: margin, onChange: handleChange, onClick: onClick, onBlur: onBlur, value: currentValue, InputProps: InputProps, inputRef: inputRef || null, "data-testid": "dropDownSelect" },
|
|
47
|
+
return (react_1.default.createElement(core_1.TextField, { fullWidth: true, select: true, className: classes.dropDownSelect, variant: "filled", disabled: disabled, error: errorMessage !== undefined, helperText: errorMessage, label: label, size: size, margin: margin, onChange: handleChange, onClick: onClick, onBlur: onBlur, value: currentValue, InputLabelProps: { className: classes.label }, InputProps: InputProps, inputRef: inputRef || null, "data-testid": "dropDownSelect" },
|
|
47
48
|
react_1.default.createElement(core_1.MenuItem, { value: "none", disabled: true }, placeholder),
|
|
48
49
|
children));
|
|
49
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0CAK2B;AAE3B,gEAA0C;AAC1C,kDAA4B;AAC5B,sFAAgE;AAMhE,IAAM,cAAc,GAAuB,UAAC,EAe3C;QAdC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,IAAA,iCAAuB,EAAC;QACtC,OAAO,EAAE,YAAY,KAAK,SAAS;
|
|
1
|
+
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0CAK2B;AAE3B,gEAA0C;AAC1C,kDAA4B;AAC5B,sFAAgE;AAMhE,IAAM,cAAc,GAAuB,UAAC,EAe3C;QAdC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,IAAA,iCAAuB,EAAC;QACtC,OAAO,EAAE,YAAY,KAAK,SAAS;QACnC,OAAO,EAAE,YAAY,KAAK,SAAS,IAAI,KAAK,KAAK,MAAM;KACxD,CAAC,CAAC;IACG,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,IAAM,YAAY,GAAG,UAAC,CAAsC;QAC1D,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAI,UAAU,GAAG;QACf,OAAO,EAAE;YACP,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,YAAY,EAAE,OAAO,CAAC,YAAY;SACnC;QACD,SAAS,EAAE,OAAO,CAAC,QAAQ;QAC3B,gBAAgB,EAAE,IAAI;KACQ,CAAC;IAEjC,IAAI,QAAQ,KAAK,MAAM,EAAE;QACvB,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;QACtC,UAAU,yBACL,UAAU,KACb,cAAc,EAAE,CACd,8BAAC,qBAAc,IAAC,QAAQ,EAAC,OAAO;gBAC9B,8BAAC,aAAa,OAAG,CACF,CAClB,GACF,CAAC;KACH;IAED,OAAO,CACL,8BAAC,gBAAW,IACV,SAAS,QACT,MAAM,QACN,SAAS,EAAE,OAAO,CAAC,cAAc,EACjC,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,YAAY,KAAK,SAAS,EACjC,UAAU,EAAE,YAAY,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,YAAY,EACnB,eAAe,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,EAC7C,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,IAAI,IAAI,iBACd,gBAAgB;QAE5B,8BAAC,eAAU,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,UAC9B,WAAW,CACD;QACZ,QAAQ,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE3C,kBAAe,cAAc,CAAC"}
|
|
@@ -26,17 +26,19 @@ var React = __importStar(require("react"));
|
|
|
26
26
|
var core_1 = require("@material-ui/core");
|
|
27
27
|
var addon_actions_1 = require("@storybook/addon-actions");
|
|
28
28
|
var DropDownSelect_1 = __importDefault(require("./DropDownSelect"));
|
|
29
|
-
var
|
|
29
|
+
var DropDownSelectStory = function (_a) {
|
|
30
30
|
var disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, label = _a.label, placeholder = _a.placeholder;
|
|
31
|
+
var _b = React.useState('none'), currentValue = _b[0], setCurrentValue = _b[1];
|
|
31
32
|
var handleChange = function (_a) {
|
|
32
33
|
var id = _a.id, value = _a.value;
|
|
33
34
|
(0, addon_actions_1.action)('Changed Selection')(id, value);
|
|
35
|
+
setCurrentValue(value);
|
|
34
36
|
};
|
|
35
37
|
return (React.createElement("div", { style: { maxWidth: '460px' } },
|
|
36
|
-
React.createElement(DropDownSelect_1.default, { disabled: disabled, errorMessage: errorMessage, iconType: iconType, id: "id", label: label, onChange: handleChange, placeholder: placeholder },
|
|
38
|
+
React.createElement(DropDownSelect_1.default, { disabled: disabled, errorMessage: errorMessage, iconType: iconType, id: "id", label: label, onChange: handleChange, placeholder: placeholder, value: currentValue },
|
|
37
39
|
React.createElement(core_1.MenuItem, { value: 1 }, "Option 1"),
|
|
38
40
|
React.createElement(core_1.MenuItem, { value: 2 }, "Option 2"),
|
|
39
41
|
React.createElement(core_1.MenuItem, { value: 3 }, "Option 3"))));
|
|
40
42
|
};
|
|
41
|
-
exports.default =
|
|
43
|
+
exports.default = DropDownSelectStory;
|
|
42
44
|
//# sourceMappingURL=DropDownSelectStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelectStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelectStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAA6C;AAC7C,0DAAkD;AAClD,oEAA8C;AAkB9C,IAAM,
|
|
1
|
+
{"version":3,"file":"DropDownSelectStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelectStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAA6C;AAC7C,0DAAkD;AAClD,oEAA8C;AAkB9C,IAAM,mBAAmB,GAAc,UAAC,EAMvC;QALC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA;IAEL,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAvD,YAAY,QAAA,EAAE,eAAe,QAA0B,CAAC;IAE/D,IAAM,YAAY,GAAG,UAAC,EAA4C;YAA1C,EAAE,QAAA,EAAE,KAAK,WAAA;QAC/B,IAAA,sBAAM,EAAC,mBAAmB,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACvC,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,wBAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY;YAEnB,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB,CACxB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
|
|
@@ -15,15 +15,51 @@ var styles_1 = require("@material-ui/styles");
|
|
|
15
15
|
var useDropDownSelectStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
16
16
|
return (0, styles_1.createStyles)({
|
|
17
17
|
dropDownSelect: {
|
|
18
|
-
'& .
|
|
18
|
+
'& .MuiFilledInput-root': {
|
|
19
19
|
backgroundColor: theme.mvf.palette.background.light,
|
|
20
20
|
},
|
|
21
21
|
},
|
|
22
|
-
|
|
22
|
+
focused: function (_a) {
|
|
23
23
|
var isError = _a.isError;
|
|
24
|
-
return (__assign({
|
|
24
|
+
return (__assign({ '&$focused': {
|
|
25
25
|
boxShadow: theme.mvf.boxShadow.primary,
|
|
26
26
|
borderColor: theme.mvf.palette.primary.main,
|
|
27
|
+
'& .MuiSvgIcon-root': {
|
|
28
|
+
color: theme.mvf.palette.primary.main,
|
|
29
|
+
},
|
|
30
|
+
} }, (isError && {
|
|
31
|
+
'&$focused': {
|
|
32
|
+
'& .MuiSvgIcon-root': {
|
|
33
|
+
color: theme.mvf.palette.error,
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
})));
|
|
37
|
+
},
|
|
38
|
+
label: function (_a) {
|
|
39
|
+
var isValid = _a.isValid;
|
|
40
|
+
return (__assign({ color: theme.mvf.palette.text.grey, '&$focused': {
|
|
41
|
+
color: theme.mvf.palette.primary.main,
|
|
42
|
+
} }, (isValid && {
|
|
43
|
+
color: theme.mvf.palette.primary.main,
|
|
44
|
+
})));
|
|
45
|
+
},
|
|
46
|
+
muiInput: function (_a) {
|
|
47
|
+
var isError = _a.isError, isValid = _a.isValid;
|
|
48
|
+
return (__assign(__assign({ backgroundColor: theme.mvf.palette.background.light, border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.border, overflow: 'hidden', borderRadius: 4, '&:hover': {
|
|
49
|
+
boxShadow: theme.mvf.boxShadow.primary,
|
|
50
|
+
borderColor: theme.mvf.palette.primary.main,
|
|
51
|
+
}, '& .MuiSvgIcon-root': {
|
|
52
|
+
color: theme.mvf.palette.text.grey,
|
|
53
|
+
}, '&.Mui-disabled': {
|
|
54
|
+
boxShadow: 'none',
|
|
55
|
+
borderColor: theme.mvf.palette.disabled,
|
|
56
|
+
'&:hover': {
|
|
57
|
+
boxShadow: 'none',
|
|
58
|
+
borderColor: theme.mvf.palette.disabled,
|
|
59
|
+
},
|
|
60
|
+
'& .MuiSvgIcon-root': {
|
|
61
|
+
color: theme.mvf.palette.disabled,
|
|
62
|
+
},
|
|
27
63
|
} }, (isError && {
|
|
28
64
|
boxShadow: theme.mvf.boxShadow.error,
|
|
29
65
|
borderColor: theme.mvf.palette.error,
|
|
@@ -31,16 +67,16 @@ var useDropDownSelectStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
|
31
67
|
boxShadow: theme.mvf.boxShadow.error,
|
|
32
68
|
borderColor: theme.mvf.palette.error,
|
|
33
69
|
},
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
70
|
+
'& .MuiSvgIcon-root': {
|
|
71
|
+
color: theme.mvf.palette.error,
|
|
72
|
+
},
|
|
73
|
+
})), (isValid && {
|
|
38
74
|
boxShadow: theme.mvf.boxShadow.primary,
|
|
39
75
|
borderColor: theme.mvf.palette.primary.main,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
76
|
+
'& .MuiSvgIcon-root': {
|
|
77
|
+
color: theme.mvf.palette.primary.main,
|
|
78
|
+
},
|
|
79
|
+
})));
|
|
44
80
|
},
|
|
45
81
|
});
|
|
46
82
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDropDownSelectStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/useDropDownSelectStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;
|
|
1
|
+
{"version":3,"file":"useDropDownSelectStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/useDropDownSelectStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,7 @@ var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"))
|
|
|
30
30
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
31
31
|
var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
|
|
32
32
|
var RadioButton = function (_a) {
|
|
33
|
-
var id = _a.id, text = _a.text, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError
|
|
33
|
+
var id = _a.id, text = _a.text, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError;
|
|
34
34
|
var _b = (0, react_1.useContext)(RadioGroupContext_1.default), selectedId = _b.selectedId, radioButtonSelected = _b.radioButtonSelected;
|
|
35
35
|
var otherInputElement = (0, react_1.useRef)(null);
|
|
36
36
|
var handleClick = function () {
|
|
@@ -46,7 +46,7 @@ var RadioButton = function (_a) {
|
|
|
46
46
|
react_1.default.createElement(core_1.Grid, { container: true, className: classes.radioButtonContents, direction: "row", justifyContent: "flex-start", alignItems: "center", wrap: "nowrap" },
|
|
47
47
|
react_1.default.createElement(core_1.Radio, { className: classes.radio, checked: checked, color: "primary", "data-testid": "toggle-" + id }),
|
|
48
48
|
react_1.default.createElement(core_1.Grid, { item: true, className: classes.textArea }, isOtherOption ? (react_1.default.createElement("div", { className: classes.otherInput },
|
|
49
|
-
react_1.default.createElement(TextField_1.default, { hiddenLabel: true, id: id, placeholder: text, onBlur: onBlur, onChange: onChange, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined
|
|
49
|
+
react_1.default.createElement(TextField_1.default, { hiddenLabel: true, id: id, placeholder: text, onBlur: onBlur, onChange: onChange, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined }))) : (react_1.default.createElement(core_1.Typography, { className: classes.listItemText }, text))))));
|
|
50
50
|
};
|
|
51
51
|
RadioButton.defaultProps = defaultProps_1.default;
|
|
52
52
|
exports.default = RadioButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,0CAI2B;AAC3B,gEAA0C;AAE1C,kFAA4D;AAC5D,iFAA2D;AAC3D,8EAAwD;AACxD,mGAA6E;AAO7E,IAAM,WAAW,GAAoB,UAAC,
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,0CAI2B;AAC3B,gEAA0C;AAE1C,kFAA4D;AAC5D,iFAA2D;AAC3D,8EAAwD;AACxD,mGAA6E;AAO7E,IAAM,WAAW,GAAoB,UAAC,EAQrC;QAPC,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA;IAET,IAAA,KAAsC,IAAA,kBAAU,EAAC,2BAAiB,CAAC,EAAjE,UAAU,gBAAA,EAAE,mBAAmB,yBAAkC,CAAC;IAC1E,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAEhE,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,CAAC,CAAC;QAChB,mBAAmB,CAAC,EAAE,CAAC,CAAC;QACxB,IAAI,iBAAiB,CAAC,OAAO,EAAE;YAC7B,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;IACH,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,EAAE,KAAK,UAAU,CAAC;IAClC,IAAM,OAAO,GAAG,IAAA,+BAAqB,GAAE,CAAC;IAExC,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,uBAAuB;QAEnC,8BAAC,WAAM,IACL,SAAS,QACT,SAAS,EAAE,OAAO,CAAC,mBAAmB,EACtC,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ;YAEb,8BAAC,YAAO,IACN,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,iBACF,YAAU,EAAI,GAC3B;YACF,8BAAC,WAAM,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACrC,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;gBAChC,8BAAC,mBAAS,IACR,WAAW,QACX,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,IAAI,EACjB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,GAC9C,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACM,CACF,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|