@mvf/external-components 1.27.3 → 1.28.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/Components/Atoms/CardButton/CardButton.js +2 -2
- package/Components/Atoms/CardButton/CardButton.js.map +1 -1
- package/Components/Atoms/CardButton/ICardButtonProps.d.ts +1 -0
- package/Components/Atoms/CardButton/defaultProps.d.ts +1 -0
- package/Components/Atoms/CardButton/defaultProps.js +3 -0
- package/Components/Atoms/CardButton/defaultProps.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +8 -2
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +9 -0
- package/Components/Molecules/CheckBox/CheckBox.test.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.js +4 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/ICheckboxProps.d.ts +2 -0
- package/Components/Molecules/CheckBox/defaultProps.d.ts +1 -0
- package/Components/Molecules/CheckBox/defaultProps.js +3 -0
- package/Components/Molecules/CheckBox/defaultProps.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js +4 -5
- package/Components/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.test.js +3 -3
- package/Components/Molecules/DropDownSelect/DropDownSelect.test.js.map +1 -1
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.d.ts +1 -0
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js +17 -6
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IComponentProps.d.ts +1 -0
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +8 -2
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +9 -0
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +4 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/defaultProps.d.ts +1 -0
- package/Components/Molecules/IconTileCheckBox/defaultProps.js +3 -0
- package/Components/Molecules/IconTileCheckBox/defaultProps.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IComponentProps.d.ts +1 -0
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +8 -2
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +9 -0
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +4 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/defaultProps.d.ts +1 -0
- package/Components/Molecules/IconTileRadioButton/defaultProps.js +3 -0
- package/Components/Molecules/IconTileRadioButton/defaultProps.js.map +1 -1
- package/Components/Molecules/RadioButton/IRadioButtonProps.d.ts +2 -0
- package/Components/Molecules/RadioButton/RadioButton.js +8 -2
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js +9 -0
- package/Components/Molecules/RadioButton/RadioButton.test.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.js +4 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
- package/Components/Molecules/RadioButton/defaultProps.d.ts +1 -0
- package/Components/Molecules/RadioButton/defaultProps.js +3 -0
- package/Components/Molecules/RadioButton/defaultProps.js.map +1 -1
- package/package.json +1 -1
|
@@ -31,7 +31,7 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
|
31
31
|
var useCardButtonClasses_1 = __importDefault(require("./useCardButtonClasses"));
|
|
32
32
|
var ErrorMessageProvider_1 = require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider");
|
|
33
33
|
var CardButton = function (_a) {
|
|
34
|
-
var children = _a.children, onClick = _a.onClick, selected = _a.selected, props = __rest(_a, ["children", "onClick", "selected"]);
|
|
34
|
+
var children = _a.children, onClick = _a.onClick, onKeyDown = _a.onKeyDown, selected = _a.selected, props = __rest(_a, ["children", "onClick", "onKeyDown", "selected"]);
|
|
35
35
|
var errorMessage = (0, ErrorMessageProvider_1.useErrorMessage)({
|
|
36
36
|
isErrorMessageProviderRequired: false,
|
|
37
37
|
}).errorMessage;
|
|
@@ -39,7 +39,7 @@ var CardButton = function (_a) {
|
|
|
39
39
|
isError: errorMessage !== undefined,
|
|
40
40
|
selected: selected,
|
|
41
41
|
});
|
|
42
|
-
return (react_1.default.createElement(core_1.Card, __assign({ className: classes.card, onClick: onClick }, props),
|
|
42
|
+
return (react_1.default.createElement(core_1.Card, __assign({ className: classes.card, onClick: onClick, onKeyDown: onKeyDown }, props),
|
|
43
43
|
react_1.default.createElement("div", { className: classes.selectedOverlay }, children)));
|
|
44
44
|
};
|
|
45
45
|
CardButton.defaultProps = defaultProps_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAAmD;AACnD,gEAA0C;AAE1C,gFAA0D;AAC1D,8FAAwF;AAQxF,IAAM,UAAU,GAAmB,UAAC,
|
|
1
|
+
{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0CAAmD;AACnD,gEAA0C;AAE1C,gFAA0D;AAC1D,8FAAwF;AAQxF,IAAM,UAAU,GAAmB,UAAC,EAMnC;IALC,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACL,KAAK,cAL0B,gDAMnC,CADS;IAEA,IAAA,YAAY,GAAK,IAAA,sCAAe,EAAC;QACvC,8BAA8B,EAAE,KAAK;KACtC,CAAC,aAFkB,CAEjB;IACH,IAAM,OAAO,GAAG,IAAA,8BAAoB,EAAC;QACnC,OAAO,EAAE,YAAY,KAAK,SAAS;QACnC,QAAQ,UAAA;KACT,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,WAAM,aACL,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAChB,KAAK;QAET,uCAAK,SAAS,EAAE,OAAO,CAAC,eAAe,IAAG,QAAQ,CAAO,CAClD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -33,7 +33,7 @@ var useCheckBoxClasses_1 = __importDefault(require("./useCheckBoxClasses"));
|
|
|
33
33
|
var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
|
|
34
34
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
35
35
|
var CheckBox = function (_a) {
|
|
36
|
-
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, otherInputValue = _a.otherInputValue;
|
|
36
|
+
var id = _a.id, isOtherOption = _a.isOtherOption, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, selected = _a.selected, text = _a.text, otherInputValue = _a.otherInputValue;
|
|
37
37
|
var _b = (0, react_1.useState)(selected), checked = _b[0], setChecked = _b[1];
|
|
38
38
|
var classes = (0, useCheckBoxClasses_1.default)();
|
|
39
39
|
var otherInputElement = (0, react_1.useRef)(null);
|
|
@@ -49,10 +49,16 @@ var CheckBox = function (_a) {
|
|
|
49
49
|
setChecked(true);
|
|
50
50
|
onClick({ id: id, selected: true });
|
|
51
51
|
};
|
|
52
|
+
var handleKeyDown = function (event) {
|
|
53
|
+
onKeyDown(event);
|
|
54
|
+
if (event.key === 'Enter' && otherInputElement.current) {
|
|
55
|
+
otherInputElement.current.blur();
|
|
56
|
+
}
|
|
57
|
+
};
|
|
52
58
|
(0, react_1.useEffect)(function () {
|
|
53
59
|
setChecked(selected);
|
|
54
60
|
}, [selected]);
|
|
55
|
-
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "checkboxCardButton" },
|
|
61
|
+
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton" },
|
|
56
62
|
react_1.default.createElement(core_1.Grid, { container: true, className: classes.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap" },
|
|
57
63
|
react_1.default.createElement(core_1.Grid, { container: true, alignItems: "center", className: classes.innerGrid },
|
|
58
64
|
react_1.default.createElement(core_1.Grid, { item: true },
|
|
@@ -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":"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"}
|
|
@@ -81,6 +81,15 @@ describe('<CheckBox />', function () {
|
|
|
81
81
|
getByText('test').click();
|
|
82
82
|
expect(callback).toHaveBeenCalled();
|
|
83
83
|
});
|
|
84
|
+
it('should call onKeyDown and blur the input when enter is pressed', function () {
|
|
85
|
+
var callback = jest.fn();
|
|
86
|
+
var getByRole = (0, withTheme_1.default)(React.createElement(CheckBox_1.default, { id: '1', text: 'test', onKeyDown: callback, isOtherOption: true })).getByRole;
|
|
87
|
+
var textbox = getByRole('textbox');
|
|
88
|
+
var blurSpy = jest.spyOn(textbox, 'blur');
|
|
89
|
+
react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
|
|
90
|
+
expect(callback).toHaveBeenCalled();
|
|
91
|
+
expect(blurSpy).toHaveBeenCalled();
|
|
92
|
+
});
|
|
84
93
|
it('should begin unchecked and can be checked', function () {
|
|
85
94
|
var _a = (0, withTheme_1.default)(React.createElement(CheckBox_1.default, { id: 'id', text: 'test' })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
|
86
95
|
getByText('test').click();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA2C;AAC3C,gDAA4D;AAC5D,2CAA+B;AAC/B,+BAAiC;AACjC,+EAAyD;AACzD,wDAAkC;AAClC,8FAA6F;AAE7F,QAAQ,CAAC,cAAc,EAAE;IACvB,EAAE,CAAC,8BAA8B,EAAE;QACzB,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,oBAAC,2CAAoB;YACnB,oBAAC,kBAAQ,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAI,CACf,CACxB,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE;QACxD,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,oBAAC,kBAAQ,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAI,CACxD,UAFgB,CAEf;QACF,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QACxC,IAAA,KAA6B,IAAA,mBAAS,EAC1C,oBAAC,kBAAQ,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAI,CACrC,EAFO,SAAS,eAAA,EAAE,WAAW,iBAE7B,CAAC;QACF,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1B,IAAM,QAAQ,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC,aAAa,CAC9D,sBAAsB,CACvB,CAAC;QACF,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE;QACpC,IAAA,KAA6B,IAAA,mBAAS,EAC1C,oBAAC,kBAAQ,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAI,CACrD,EAFO,SAAS,eAAA,EAAE,WAAW,iBAE7B,CAAC;QACF,SAAS,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1B,IAAM,QAAQ,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC,aAAa,CAC9D,sBAAsB,CACvB,CAAC;QACF,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE;;;;;oBACjD,aAAa,GAAG;wBACd,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;wBAEhD,OAAO,CACL;4BACE,oBAAC,kBAAQ,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI;4BACxD,oBAAC,aAAM,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,CAAC,QAAQ,CAAC,EAAtB,CAAsB,aAAiB,CAC1D,CACP,CAAC;oBACJ,CAAC,CAAC;oBACI,KAA6B,IAAA,mBAAS,EAAC,oBAAC,aAAa,OAAG,CAAC,EAAvD,WAAW,iBAAA,EAAE,SAAS,eAAA,CAAkC;oBAChE,SAAS,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,CAAC;oBACtB,QAAQ,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC,aAAa,CAC9D,sBAAsB,CACvB,CAAC;oBACF,qBAAM,IAAA,eAAO,EAAC,cAAM,OAAA,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,EAA9B,CAA8B,CAAC,EAAA;;oBAAnD,SAAmD,CAAC;;;;SACrD,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE;QAC3C,IAAA,WAAW,GAAK,IAAA,mBAAS,EAC/B,oBAAC,kBAAQ,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAI,CACrD,YAFkB,CAEjB;QACF,IAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"CheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,9 +39,12 @@ var CheckBoxStory = function (_a) {
|
|
|
39
39
|
(0, addon_actions_1.action)('Click')({ id: id, selected: selected });
|
|
40
40
|
setSelected(itemSelected);
|
|
41
41
|
};
|
|
42
|
+
var handleKeyDown = function (event) {
|
|
43
|
+
(0, addon_actions_1.action)('Key down')(event);
|
|
44
|
+
};
|
|
42
45
|
return (React.createElement(ErrorMessageProvider_1.ErrorMessageProvider, { errorMessage: error || otherInputError ? 'error' : undefined },
|
|
43
46
|
React.createElement(core_1.Grid, { item: true },
|
|
44
|
-
React.createElement(CheckBox_1.default, { id: 'id', onClick: handleClick, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError }))));
|
|
47
|
+
React.createElement(CheckBox_1.default, { id: 'id', onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError }))));
|
|
45
48
|
};
|
|
46
49
|
exports.default = CheckBoxStory;
|
|
47
50
|
//# sourceMappingURL=CheckBoxStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,0CAAoD;AACpD,wDAAkC;AAElC,8FAA6F;AAS7F,IAAM,aAAa,GAAsB,UAAC,EAKzC;QAJC,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG,UAAC,EAGK;YAFxB,EAAE,QAAA,EACQ,YAAY,cAAA;QAEtB,IAAA,sBAAM,EAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;QAClC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QAE5D,oBAAC,WAAO,IAAC,IAAI;YACX,oBAAC,kBAAQ,IACP,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACM,CACW,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,0CAAoD;AACpD,wDAAkC;AAElC,8FAA6F;AAS7F,IAAM,aAAa,GAAsB,UAAC,EAKzC;QAJC,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG,UAAC,EAGK;YAFxB,EAAE,QAAA,EACQ,YAAY,cAAA;QAEtB,IAAA,sBAAM,EAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;QAClC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QAE5D,oBAAC,WAAO,IAAC,IAAI;YACX,oBAAC,kBAAQ,IACP,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACM,CACW,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export interface ICheckBoxCallbackParams {
|
|
2
3
|
id: string;
|
|
3
4
|
selected: boolean;
|
|
@@ -8,6 +9,7 @@ interface ICheckboxProps {
|
|
|
8
9
|
onBlur: () => void;
|
|
9
10
|
onClick: (item: ICheckBoxCallbackParams) => void;
|
|
10
11
|
onChange: () => void;
|
|
12
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
11
13
|
otherInputError?: boolean;
|
|
12
14
|
selected: boolean;
|
|
13
15
|
text: string;
|
|
@@ -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,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,EAAE;CACpB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
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,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,EAAE;CACpB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -20,12 +20,13 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
|
20
20
|
var icons_1 = __importDefault(require("./icons"));
|
|
21
21
|
var useDropDownSelectStyles_1 = __importDefault(require("./useDropDownSelectStyles"));
|
|
22
22
|
var DropDownSelect = function (_a) {
|
|
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,
|
|
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, size = _a.size, value = _a.value, inputRef = _a.inputRef;
|
|
24
24
|
var classes = (0, useDropDownSelectStyles_1.default)({
|
|
25
25
|
isError: errorMessage !== undefined,
|
|
26
26
|
isValid: errorMessage === undefined && value !== 'none',
|
|
27
|
+
isIconPresent: iconType !== 'none',
|
|
27
28
|
});
|
|
28
|
-
var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
|
|
29
|
+
var _b = react_1.default.useState((value === 'none') ? '' : value), currentValue = _b[0], setCurrentValue = _b[1];
|
|
29
30
|
var handleChange = function (e) {
|
|
30
31
|
var newValue = e.target.value;
|
|
31
32
|
onChange({ id: id, value: newValue });
|
|
@@ -44,9 +45,7 @@ var DropDownSelect = function (_a) {
|
|
|
44
45
|
InputProps = __assign(__assign({}, InputProps), { startAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "start" },
|
|
45
46
|
react_1.default.createElement(IconComponent, null))) });
|
|
46
47
|
}
|
|
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" },
|
|
48
|
-
react_1.default.createElement(core_1.MenuItem, { value: "none", disabled: true }, placeholder),
|
|
49
|
-
children));
|
|
48
|
+
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: (value === 'none') ? label : undefined, size: size, margin: margin, onChange: handleChange, onClick: onClick, onBlur: onBlur, value: currentValue, InputLabelProps: { className: classes.label, shrink: false }, InputProps: InputProps, inputRef: inputRef || null, "data-testid": "dropDownSelect" }, children));
|
|
50
49
|
};
|
|
51
50
|
DropDownSelect.defaultProps = defaultProps_1.default;
|
|
52
51
|
exports.default = DropDownSelect;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAI2B;AAC3B,gDAA0B;AAE1B,gEAA0C;AAE1C,kDAA4B;AAC5B,sFAAgE;AAMhE,IAAM,cAAc,GAAuB,UAAC,EAc3C;QAbC,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,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;QACvD,aAAa,EAAE,QAAQ,KAAK,MAAM;KACnC,CAAC,CAAC;IACG,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAhF,YAAY,QAAA,EAAE,eAAe,QAAmD,CAAC;IAExF,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,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC7C,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,MAAM,EAAE,KAAK,EAAE,EAC5D,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,IAAI,IAAI,iBACd,gBAAgB,IAE3B,QAAQ,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE3C,kBAAe,cAAc,CAAC"}
|
|
@@ -9,11 +9,11 @@ var react_2 = require("@testing-library/react");
|
|
|
9
9
|
var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
10
10
|
var DropDownSelect_1 = __importDefault(require("./DropDownSelect"));
|
|
11
11
|
describe('<DropDownSelect />', function () {
|
|
12
|
-
it('should display
|
|
13
|
-
var getByText = (0, withTheme_1.default)(react_1.default.createElement(DropDownSelect_1.default, { id: "id", label: "test label"
|
|
12
|
+
it('should display label for dropdown on load', function () {
|
|
13
|
+
var getByText = (0, withTheme_1.default)(react_1.default.createElement(DropDownSelect_1.default, { id: "id", label: "test label" },
|
|
14
14
|
react_1.default.createElement(core_1.MenuItem, { value: 1 }, "Option 1"),
|
|
15
15
|
react_1.default.createElement(core_1.MenuItem, { value: 2 }, "Option 2"))).getByText;
|
|
16
|
-
expect(getByText('test
|
|
16
|
+
expect(getByText('test label')).toBeTruthy();
|
|
17
17
|
});
|
|
18
18
|
it('should be able to select dropdown options', function () {
|
|
19
19
|
var callback = jest.fn();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelect.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAA6C;AAC7C,gDAA2D;AAC3D,+EAAyD;AACzD,oEAA8C;AAE9C,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"DropDownSelect.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAA6C;AAC7C,gDAA2D;AAC3D,+EAAyD;AACzD,oEAA8C;AAE9C,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,EAAE,CAAC,2CAA2C,EAAE;QACtC,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,8BAAC,wBAAc,IAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY;YACxC,8BAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,8BAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB,CACxB,CAClB,UALgB,CAKf;QACF,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QAC9C,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,8BAAC,wBAAc,IACb,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,QAAQ;YAElB,8BAAC,eAAQ,IAAC,KAAK,EAAC,cAAc,eAAoB;YAClD,8BAAC,eAAQ,IAAC,KAAK,EAAC,cAAc,eAAoB,CACnC,CAClB,UAVgB,CAUf;QACF,IAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QACvC,iBAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAChC,iBAAS,CAAC,KAAK,CAAC,IAAA,cAAM,EAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAEpE,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
interface IDropDownSelectStyleProps {
|
|
2
2
|
isError: boolean;
|
|
3
3
|
isValid: boolean;
|
|
4
|
+
isIconPresent: boolean;
|
|
4
5
|
}
|
|
5
6
|
declare const useDropDownSelectStyles: (props: IDropDownSelectStyleProps) => import("@material-ui/styles").ClassNameMap<string>;
|
|
6
7
|
export default useDropDownSelectStyles;
|
|
@@ -14,10 +14,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
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
|
-
dropDownSelect: {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
dropDownSelect: function (_a) {
|
|
18
|
+
var isIconPresent = _a.isIconPresent;
|
|
19
|
+
return (__assign({ '& .MuiFilledInput-root': {
|
|
20
|
+
backgroundColor: theme.mvf.palette.background.light,
|
|
21
|
+
'& .MuiSelect-root': {
|
|
22
|
+
paddingTop: 18,
|
|
23
|
+
paddingBottom: 19,
|
|
24
|
+
}
|
|
25
|
+
}, '& .MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)': {
|
|
26
|
+
marginTop: 0,
|
|
27
|
+
} }, (isIconPresent && {
|
|
28
|
+
'& label': {
|
|
29
|
+
marginLeft: 34,
|
|
30
|
+
}
|
|
31
|
+
})));
|
|
21
32
|
},
|
|
22
33
|
focused: function (_a) {
|
|
23
34
|
var isError = _a.isError;
|
|
@@ -37,8 +48,8 @@ var useDropDownSelectStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
|
37
48
|
},
|
|
38
49
|
label: function (_a) {
|
|
39
50
|
var isValid = _a.isValid;
|
|
40
|
-
return (__assign({ color:
|
|
41
|
-
color:
|
|
51
|
+
return (__assign({ color: 'darkGray', '&.MuiFormLabel-root.Mui-focused': {
|
|
52
|
+
color: 'darkGray', // webkit default placeholder colour: https://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css#L746
|
|
42
53
|
} }, (isValid && {
|
|
43
54
|
color: theme.mvf.palette.primary.main,
|
|
44
55
|
})));
|
|
@@ -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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"}
|
|
@@ -9,6 +9,7 @@ interface IComponentProps {
|
|
|
9
9
|
isOtherOption: boolean;
|
|
10
10
|
onClick: (item: IIconTileCheckBoxCallbackParams) => void;
|
|
11
11
|
onChange: () => void;
|
|
12
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
12
13
|
otherInputError?: boolean;
|
|
13
14
|
otherInputValue: string;
|
|
14
15
|
selected: boolean;
|
|
@@ -33,7 +33,7 @@ var useIconTileCheckBoxClasses_1 = __importDefault(require("./useIconTileCheckBo
|
|
|
33
33
|
var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
|
|
34
34
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
35
35
|
var IconTileCheckBox = function (_a) {
|
|
36
|
-
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, selected = _a.selected, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text;
|
|
36
|
+
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, selected = _a.selected, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text;
|
|
37
37
|
var _b = (0, react_1.useState)(selected), checked = _b[0], setChecked = _b[1];
|
|
38
38
|
var otherInputElement = (0, react_1.useRef)(null);
|
|
39
39
|
var handleClick = function () {
|
|
@@ -43,6 +43,12 @@ var IconTileCheckBox = function (_a) {
|
|
|
43
43
|
onClick({ id: id, selected: !selected });
|
|
44
44
|
setChecked(!selected);
|
|
45
45
|
};
|
|
46
|
+
var handleKeyDown = function (event) {
|
|
47
|
+
onKeyDown(event);
|
|
48
|
+
if (event.key === 'Enter' && otherInputElement.current) {
|
|
49
|
+
otherInputElement.current.blur();
|
|
50
|
+
}
|
|
51
|
+
};
|
|
46
52
|
var handleInputClick = function (e) {
|
|
47
53
|
e.stopPropagation();
|
|
48
54
|
setChecked(true);
|
|
@@ -52,7 +58,7 @@ var IconTileCheckBox = function (_a) {
|
|
|
52
58
|
setChecked(selected);
|
|
53
59
|
}, [selected]);
|
|
54
60
|
var classes = (0, useIconTileCheckBoxClasses_1.default)();
|
|
55
|
-
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "checkboxCardButton" },
|
|
61
|
+
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton" },
|
|
56
62
|
react_1.default.createElement(core_1.Checkbox, { className: classes.checkbox, checked: checked, color: "primary" }),
|
|
57
63
|
react_1.default.createElement("div", { className: classes.icon },
|
|
58
64
|
react_1.default.createElement("div", { className: classes.imgDiv }, Icon)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAAuE;AACvE,gEAA0C;AAE1C,4FAAsE;AACtE,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,gBAAgB,GAAyB,UAAC,
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAAuE;AACvE,gEAA0C;AAE1C,4FAAsE;AACtE,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,gBAAgB,GAAyB,UAAC,EAW/C;QAVC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAAwB,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,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,aAAa,GAAG,UAAC,KAA0C;QAC/D,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACtD,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;SAClC;IACH,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,IAAM,OAAO,GAAG,IAAA,oCAA0B,GAAE,CAAC;IAE7C,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,iBACZ,oBAAoB;QAEhC,8BAAC,eAAU,IACT,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,GACf;QACF,uCAAK,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,uCAAK,SAAS,EAAE,OAAO,CAAC,MAAM,IAAG,IAAI,CAAO,CACxC;QACL,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;YAChC,8BAAC,mBAAS,IACR,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,eAAe,GACtB,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE7C,kBAAe,gBAAgB,CAAC"}
|
|
@@ -81,6 +81,15 @@ describe('IconTileCheckBox', function () {
|
|
|
81
81
|
getByText('test').click();
|
|
82
82
|
expect(callback).toHaveBeenCalled();
|
|
83
83
|
});
|
|
84
|
+
it('should call onKeyDown and blur the input when enter is pressed', function () {
|
|
85
|
+
var callback = jest.fn();
|
|
86
|
+
var getByRole = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', onKeyDown: callback, isOtherOption: true })).getByRole;
|
|
87
|
+
var textbox = getByRole('textbox');
|
|
88
|
+
var blurSpy = jest.spyOn(textbox, 'blur');
|
|
89
|
+
react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
|
|
90
|
+
expect(callback).toHaveBeenCalled();
|
|
91
|
+
expect(blurSpy).toHaveBeenCalled();
|
|
92
|
+
});
|
|
84
93
|
it('should begin unchecked and can be checked', function () {
|
|
85
94
|
var _a = (0, withTheme_1.default)(React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test' })), getByText = _a.getByText, getByTestId = _a.getByTestId;
|
|
86
95
|
getByText('test').click();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,13 +39,16 @@ var IconTileCheckBoxStory = function (_a) {
|
|
|
39
39
|
(0, addon_actions_1.action)('Clicked')(id, itemSelected);
|
|
40
40
|
setSelected(itemSelected);
|
|
41
41
|
};
|
|
42
|
+
var handleKeyDown = function (event) {
|
|
43
|
+
(0, addon_actions_1.action)('Key down')(event);
|
|
44
|
+
};
|
|
42
45
|
var imageSrc = svgs_1.default[iconType];
|
|
43
46
|
return (React.createElement("div", { style: {
|
|
44
47
|
width: '144px',
|
|
45
48
|
height: '144px',
|
|
46
49
|
} },
|
|
47
50
|
React.createElement(ErrorMessageProvider_1.ErrorMessageProvider, { errorMessage: error || otherInputError ? 'error' : undefined },
|
|
48
|
-
React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), onClick: handleClick, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError }))));
|
|
51
|
+
React.createElement(IconTileCheckBox_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError }))));
|
|
49
52
|
};
|
|
50
53
|
exports.default = IconTileCheckBoxStory;
|
|
51
54
|
//# sourceMappingURL=IconTileCheckBoxStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,wEAAkD;AAElD,mEAAwD;AACxD,8FAA6F;AAU7F,IAAM,qBAAqB,GAA8B,UAAC,EAMzD;QALC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG,UAAC,EAGa;YAFhC,EAAE,QAAA,EACQ,YAAY,cAAA;QAEtB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;QACpC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QAED,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE5D,oBAAC,0BAAgB,IACf,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACmB,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,wEAAkD;AAElD,mEAAwD;AACxD,8FAA6F;AAU7F,IAAM,qBAAqB,GAA8B,UAAC,EAMzD;QALC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG,UAAC,EAGa;YAFhC,EAAE,QAAA,EACQ,YAAY,cAAA;QAEtB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;QACpC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QAED,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE5D,oBAAC,0BAAgB,IACf,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EACrE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACmB,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -8,6 +8,7 @@ interface IComponentProps {
|
|
|
8
8
|
isOtherOption: boolean;
|
|
9
9
|
onClick: (item: IIconTileRadioButtonCallbackParams) => void;
|
|
10
10
|
onChange: () => void;
|
|
11
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
11
12
|
otherInputError?: boolean;
|
|
12
13
|
otherInputValue: string;
|
|
13
14
|
text: string;
|
|
@@ -34,7 +34,7 @@ var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"))
|
|
|
34
34
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
35
35
|
var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
|
|
36
36
|
var IconTileRadioButton = function (_a) {
|
|
37
|
-
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text;
|
|
37
|
+
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text;
|
|
38
38
|
var _b = (0, react_1.useContext)(RadioGroupContext_1.default), selectedId = _b.selectedId, radioButtonSelected = _b.radioButtonSelected;
|
|
39
39
|
var otherInputElement = (0, react_1.useRef)(null);
|
|
40
40
|
var handleClick = function () {
|
|
@@ -44,9 +44,15 @@ var IconTileRadioButton = function (_a) {
|
|
|
44
44
|
otherInputElement.current.focus();
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
|
+
var handleKeyDown = function (event) {
|
|
48
|
+
onKeyDown(event);
|
|
49
|
+
if (event.key === 'Enter' && otherInputElement.current) {
|
|
50
|
+
otherInputElement.current.blur();
|
|
51
|
+
}
|
|
52
|
+
};
|
|
47
53
|
var checked = id === selectedId;
|
|
48
54
|
var classes = (0, useIconTileRadioButtonClasses_1.default)();
|
|
49
|
-
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "radioButtonCardButton" },
|
|
55
|
+
return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "radioButtonCardButton" },
|
|
50
56
|
react_1.default.createElement(core_1.Radio, { className: classes.radio, checked: checked, color: "primary", "data-testid": "toggle-".concat(id) }),
|
|
51
57
|
react_1.default.createElement("div", { className: classes.icon },
|
|
52
58
|
react_1.default.createElement("div", { className: classes.imgDiv }, Icon)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,0CAAiE;AACjE,gEAA0C;AAE1C,kGAA4E;AAC5E,iFAA2D;AAC3D,8EAAwD;AACxD,mGAA6E;AAO7E,IAAM,mBAAmB,GAA4B,UAAC,
|
|
1
|
+
{"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,0CAAiE;AACjE,gEAA0C;AAE1C,kGAA4E;AAC5E,iFAA2D;AAC3D,8EAAwD;AACxD,mGAA6E;AAO7E,IAAM,mBAAmB,GAA4B,UAAC,EAUrD;QATC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAAsC,IAAA,kBAAU,EAAC,2BAAiB,CAAC,EAAjE,UAAU,gBAAA,EAAE,mBAAmB,yBAAkC,CAAC;IAC1E,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAChE,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,aAAa,GAAG,UAAC,KAA0C;QAC/D,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACtD,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;SAClC;IACH,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG,EAAE,KAAK,UAAU,CAAC;IAClC,IAAM,OAAO,GAAG,IAAA,uCAA6B,GAAE,CAAC;IAEhD,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,iBACZ,uBAAuB;QAEnC,8BAAC,YAAO,IACN,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,iBACF,iBAAU,EAAE,CAAE,GAC3B;QACF,uCAAK,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,uCAAK,SAAS,EAAE,OAAO,CAAC,MAAM,IAAG,IAAI,CAAO,CACxC;QACL,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;YAChC,8BAAC,mBAAS,IACR,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,eAAe,GACtB,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEhD,kBAAe,mBAAmB,CAAC"}
|
|
@@ -44,6 +44,15 @@ describe('<IconTileRadioButton />', function () {
|
|
|
44
44
|
getByText('test').click();
|
|
45
45
|
expect(callback).toHaveBeenCalled();
|
|
46
46
|
});
|
|
47
|
+
it('should call onKeyDown and blur the input when enter is pressed', function () {
|
|
48
|
+
var callback = jest.fn();
|
|
49
|
+
var getByRole = (0, withTheme_1.default)(React.createElement(IconTileRadioButton_1.default, { id: '1', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), text: 'test', onKeyDown: callback, isOtherOption: true })).getByRole;
|
|
50
|
+
var textbox = getByRole('textbox');
|
|
51
|
+
var blurSpy = jest.spyOn(textbox, 'blur');
|
|
52
|
+
react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
|
|
53
|
+
expect(callback).toHaveBeenCalled();
|
|
54
|
+
expect(blurSpy).toHaveBeenCalled();
|
|
55
|
+
});
|
|
47
56
|
it('should alter checked state based on context selectedId', function () {
|
|
48
57
|
var providerProps = { selectedId: '1', radioButtonSelected: function () { } };
|
|
49
58
|
var getByTestId = (0, withTheme_1.default)(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"IconTileRadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,6 +39,9 @@ var IconTileRadioButtonStory = function (_a) {
|
|
|
39
39
|
var id = _a.id;
|
|
40
40
|
(0, addon_actions_1.action)('Clicked')(id);
|
|
41
41
|
};
|
|
42
|
+
var handleKeyDown = function (event) {
|
|
43
|
+
(0, addon_actions_1.action)('Key down')(event);
|
|
44
|
+
};
|
|
42
45
|
var imageSrc = svgs_1.default[iconType];
|
|
43
46
|
return (React.createElement("div", { style: {
|
|
44
47
|
width: '144px',
|
|
@@ -46,7 +49,7 @@ var IconTileRadioButtonStory = function (_a) {
|
|
|
46
49
|
} },
|
|
47
50
|
React.createElement(ErrorMessageProvider_1.ErrorMessageProvider, { errorMessage: error || otherInputError ? 'error' : undefined },
|
|
48
51
|
React.createElement(RadioGroupContext_1.default.Provider, { value: { selectedId: selectedId, radioButtonSelected: setSelectedId } },
|
|
49
|
-
React.createElement(IconTileRadioButton_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), onClick: handleClick, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError })))));
|
|
52
|
+
React.createElement(IconTileRadioButton_1.default, { id: 'id', Icon: React.createElement("img", { src: imageSrc, width: "60", height: "60", alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError })))));
|
|
50
53
|
};
|
|
51
54
|
exports.default = IconTileRadioButtonStory;
|
|
52
55
|
//# sourceMappingURL=IconTileRadioButtonStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,2CAA+B;AAC/B,mGAA6E;AAC7E,8EAAwD;AACxD,mEAAwD;AAExD,8FAA6F;AAU7F,IAAM,wBAAwB,GAAiC,UAAC,EAM/D;QALC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAA0C;YAAxC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QAED,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE5D,oBAAC,2BAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,mBAAmB,EAAE,aAAa,EAAE;gBAEzD,oBAAC,6BAAmB,IAClB,EAAE,EAAE,IAAI,EACR,IAAI,EACF,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EAEjE,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACyB,CACR,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"IconTileRadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,2CAA+B;AAC/B,mGAA6E;AAC7E,8EAAwD;AACxD,mEAAwD;AAExD,8FAA6F;AAU7F,IAAM,wBAAwB,GAAiC,UAAC,EAM/D;QALC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAA0C;YAAxC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;QAED,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE5D,oBAAC,2BAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,mBAAmB,EAAE,aAAa,EAAE;gBAEzD,oBAAC,6BAAmB,IAClB,EAAE,EAAE,IAAI,EACR,IAAI,EACF,6BAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,aAAa,GAAG,EAEjE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACyB,CACR,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export interface IRadioButtonCallbackParams {
|
|
2
3
|
id: string;
|
|
3
4
|
}
|
|
@@ -7,6 +8,7 @@ interface IRadioButtonProps {
|
|
|
7
8
|
onBlur: () => void;
|
|
8
9
|
onClick: (item: IRadioButtonCallbackParams) => void;
|
|
9
10
|
onChange: (item: IRadioButtonCallbackParams) => void;
|
|
11
|
+
onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
10
12
|
otherInputError?: boolean;
|
|
11
13
|
text: string;
|
|
12
14
|
otherInputValue: string;
|
|
@@ -34,7 +34,7 @@ var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"))
|
|
|
34
34
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
35
35
|
var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
|
|
36
36
|
var RadioButton = function (_a) {
|
|
37
|
-
var id = _a.id, text = _a.text, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue;
|
|
37
|
+
var id = _a.id, text = _a.text, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue;
|
|
38
38
|
var _b = (0, react_1.useContext)(RadioGroupContext_1.default), selectedId = _b.selectedId, radioButtonSelected = _b.radioButtonSelected;
|
|
39
39
|
var otherInputElement = (0, react_1.useRef)(null);
|
|
40
40
|
var checked = id === selectedId;
|
|
@@ -46,8 +46,14 @@ var RadioButton = function (_a) {
|
|
|
46
46
|
otherInputElement.current.focus();
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
|
+
var handleKeyDown = function (event) {
|
|
50
|
+
onKeyDown(event);
|
|
51
|
+
if (event.key === 'Enter' && otherInputElement.current) {
|
|
52
|
+
otherInputElement.current.blur();
|
|
53
|
+
}
|
|
54
|
+
};
|
|
49
55
|
return (react_1.default.createElement(core_1.Grid, null,
|
|
50
|
-
react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "radioButtonCardButton" },
|
|
56
|
+
react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "radioButtonCardButton" },
|
|
51
57
|
react_1.default.createElement(core_1.Grid, { container: true, className: classes.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap" },
|
|
52
58
|
react_1.default.createElement(core_1.Grid, { container: true, alignItems: "center", className: classes.innerGrid },
|
|
53
59
|
react_1.default.createElement(core_1.Grid, { item: true },
|
|
@@ -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,EAUrC;QATC,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,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;IAChE,IAAM,OAAO,GAAG,EAAE,KAAK,UAAU,CAAC;IAClC,IAAM,OAAO,GAAG,IAAA,+BAAqB,GAAE,CAAC;IAExC,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,aAAa,GAAG,UAAC,KAA0C;QAC/D,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACtD,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;SAClC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,WAAM;QACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,iBACZ,uBAAuB;YAEnC,8BAAC,WAAM,IACL,SAAS,QACT,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ;gBAEb,8BAAC,WAAM,IAAC,SAAS,QAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,CAAC,SAAS;oBAChE,8BAAC,WAAM,IAAC,IAAI;wBACV,8BAAC,YAAO,IACN,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,iBACF,iBAAU,EAAE,CAAE,GAC3B,CACK;oBACT,8BAAC,WAAM,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACrC,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;wBAChC,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,EAC9C,KAAK,EAAE,eAAe,GACtB,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAa,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,IAAI,CAAiB,CAC/D,CACM,CACF,CACF,CACE,CACN,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
|
|
@@ -42,6 +42,15 @@ describe('<RadioButton />', function () {
|
|
|
42
42
|
getByText('test').click();
|
|
43
43
|
expect(callback).toHaveBeenCalled();
|
|
44
44
|
});
|
|
45
|
+
it('should call onKeyDown and blur the button when enter is pressed', function () {
|
|
46
|
+
var callback = jest.fn();
|
|
47
|
+
var getByRole = (0, withTheme_1.default)(React.createElement(RadioButton_1.default, { id: '1', text: 'test', onKeyDown: callback, isOtherOption: true })).getByRole;
|
|
48
|
+
var textbox = getByRole('textbox');
|
|
49
|
+
var blurSpy = jest.spyOn(textbox, 'blur');
|
|
50
|
+
react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
|
|
51
|
+
expect(callback).toHaveBeenCalled();
|
|
52
|
+
expect(blurSpy).toHaveBeenCalled();
|
|
53
|
+
});
|
|
45
54
|
it('should alter checked state based on context selectedId', function () {
|
|
46
55
|
var providerProps = { selectedId: '1', radioButtonSelected: function () { } };
|
|
47
56
|
var getByTestId = (0, withTheme_1.default)(React.createElement(RadioGroupContext_1.default.Provider, { value: providerProps },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.test.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,9 +16,12 @@ var RadioButtonStory = function (_a) {
|
|
|
16
16
|
(0, addon_actions_1.action)('Clicked')(id);
|
|
17
17
|
setSelectedId(id);
|
|
18
18
|
};
|
|
19
|
+
var handleKeyDown = function (event) {
|
|
20
|
+
(0, addon_actions_1.action)('Key down')(event);
|
|
21
|
+
};
|
|
19
22
|
return (react_1.default.createElement(ErrorMessageProvider_1.ErrorMessageProvider, { errorMessage: error || otherInputError ? 'error' : undefined },
|
|
20
23
|
react_1.default.createElement(RadioGroupContext_1.default.Provider, { value: { selectedId: selectedId, radioButtonSelected: setSelectedId } },
|
|
21
|
-
react_1.default.createElement(RadioButton_1.default, { id: 'id', onClick: handleClick, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError }))));
|
|
24
|
+
react_1.default.createElement(RadioButton_1.default, { id: 'id', onClick: handleClick, onKeyDown: handleKeyDown, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError }))));
|
|
22
25
|
};
|
|
23
26
|
exports.default = RadioButtonStory;
|
|
24
27
|
//# sourceMappingURL=RadioButtonStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButtonStory.tsx"],"names":[],"mappings":";;;;;AAAA,0DAAkD;AAClD,gDAA0B;AAC1B,mGAA6E;AAC7E,8DAAwC;AAExC,8FAA6F;AAS7F,IAAM,gBAAgB,GAAyB,UAAC,EAK/C;QAJC,KAAK,WAAA,EACL,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,IAAI,UAAA;IAEE,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAAkC;YAAhC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;QACtB,aAAa,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QAE5D,8BAAC,2BAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,mBAAmB,EAAE,aAAa,EAAE;YAEzD,8BAAC,qBAAW,IACV,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACyB,CACR,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"RadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButtonStory.tsx"],"names":[],"mappings":";;;;;AAAA,0DAAkD;AAClD,gDAA0B;AAC1B,mGAA6E;AAC7E,8DAAwC;AAExC,8FAA6F;AAS7F,IAAM,gBAAgB,GAAyB,UAAC,EAK/C;QAJC,KAAK,WAAA,EACL,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,IAAI,UAAA;IAEE,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAChD,SAAS,CACV,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAAkC;YAAhC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;QACtB,aAAa,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;QAE5D,8BAAC,2BAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,mBAAmB,EAAE,aAAa,EAAE;YAEzD,8BAAC,qBAAW,IACV,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACyB,CACR,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,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,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,EAAE;CACpB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
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,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,EAAE;CACpB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|