@mvf/external-components 3.28.2-dev.10 → 3.28.2-dev.11
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/Molecules/CheckBox/CheckBox.js +2 -2
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.d.ts +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.js +2 -2
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/CheckBox/ICheckboxProps.d.ts +1 -1
- package/Components/Molecules/CheckBox/makeCheckBoxStyling.d.ts +1 -1
- package/Components/Molecules/CheckBox/makeCheckBoxStyling.js +2 -2
- package/Components/Molecules/CheckBox/makeCheckBoxStyling.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IComponentProps.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +2 -2
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +2 -2
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.d.ts +2 -2
- package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js +2 -2
- package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IComponentProps.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +2 -2
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +2 -2
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.d.ts +2 -2
- package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js +10 -7
- package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js.map +1 -1
- package/Components/Molecules/RadioButton/IRadioButtonProps.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButton.js +2 -2
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.js +2 -2
- package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.d.ts +1 -1
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.js +2 -2
- package/Components/Molecules/RadioButton/makeRadioButtonStyling.js.map +1 -1
- package/package.json +1 -1
|
@@ -52,11 +52,11 @@ var browserAndDeviceDetection_1 = require("../../../Helpers/browserAndDeviceDete
|
|
|
52
52
|
var deviceSpecificHandlers_1 = require("../../../Helpers/deviceSpecificHandlers");
|
|
53
53
|
var makeCheckBoxStyling_1 = __importStar(require("./makeCheckBoxStyling"));
|
|
54
54
|
var CheckBox = function (_a) {
|
|
55
|
-
var showText = _a.showText, Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, text = _a.text, subtext = _a.subtext, textAlign = _a.textAlign, experimentName = _a.experimentName, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled, smallIcon = _a.smallIcon,
|
|
55
|
+
var showText = _a.showText, Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onClick = _a.onClick, onChange = _a.onChange, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, text = _a.text, subtext = _a.subtext, textAlign = _a.textAlign, experimentName = _a.experimentName, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled, smallIcon = _a.smallIcon, minHeight = _a.minHeight;
|
|
56
56
|
var _b = (0, react_1.useState)(selected), isSelected = _b[0], setIsSelected = _b[1];
|
|
57
57
|
var _c = (0, react_1.useState)(false), isFocused = _c[0], setIsFocused = _c[1];
|
|
58
58
|
var _d = (0, react_1.useState)(otherInputValue), otherValue = _d[0], setOtherValue = _d[1];
|
|
59
|
-
var styles = (0, makeCheckBoxStyling_1.default)(smallIcon,
|
|
59
|
+
var styles = (0, makeCheckBoxStyling_1.default)(smallIcon, minHeight);
|
|
60
60
|
var otherInputRef = (0, react_1.useRef)(null);
|
|
61
61
|
var isIconPresent = !!Icon;
|
|
62
62
|
var isOtherInputPresent = (isOtherOption && isFocused) || !!otherValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,oEAAgD;AAChD,4DAAwC;AACxC,0DAAsC;AACtC,+BAA2D;AAC3D,0FAAoE;AAEpE,iFAA2D;AAE3D,0DAAoC;AACpC,qEAA+C;AAE/C,gEAA0C;AAC1C,wFAAmE;AACnE,kFAA0E;AAC1E,2EAE+B;AAO/B,IAAM,QAAQ,GAAiB,UAAC,EAmB/B;QAlBC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessagePr
|
|
|
21
21
|
var CheckBox_1 = __importDefault(require("./CheckBox"));
|
|
22
22
|
var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
23
23
|
var CheckBoxStory = function (_a) {
|
|
24
|
-
var error = _a.error, showText = _a.showText, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, text = _a.text, parentContainerWidth = _a.parentContainerWidth, selected = _a.selected, textAlign = _a.textAlign, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled, smallIcon = _a.smallIcon, subtext = _a.subtext,
|
|
24
|
+
var error = _a.error, showText = _a.showText, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, text = _a.text, parentContainerWidth = _a.parentContainerWidth, selected = _a.selected, textAlign = _a.textAlign, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled, smallIcon = _a.smallIcon, subtext = _a.subtext, minHeight = _a.minHeight;
|
|
25
25
|
var handleClick = function (_a) {
|
|
26
26
|
var id = _a.id;
|
|
27
27
|
(0, addon_actions_1.action)('Click')({ id: id, selected: selected });
|
|
@@ -30,7 +30,7 @@ var CheckBoxStory = function (_a) {
|
|
|
30
30
|
(0, addon_actions_1.action)('Key down')(event);
|
|
31
31
|
};
|
|
32
32
|
var Icon = iconType === 'none' ? undefined : ((0, jsx_runtime_1.jsx)("img", { src: svgs_1.default[iconType], alt: "optionImage" }));
|
|
33
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: "".concat(parentContainerWidth, "px") } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, __assign({ errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { showText: showText, Icon: Icon, id: 'id', experimentName: "default", onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError, textAlign: textAlign, hideCheckbox: hideCheckbox, disabled: disabled, smallIcon: smallIcon, subtext: subtext,
|
|
33
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: "".concat(parentContainerWidth, "px") } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, __assign({ errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { showText: showText, Icon: Icon, id: 'id', experimentName: "default", onClick: handleClick, onKeyDown: handleKeyDown, text: text, selected: selected, isOtherOption: isOtherOption, otherInputError: otherInputError, textAlign: textAlign, hideCheckbox: hideCheckbox, disabled: disabled, smallIcon: smallIcon, subtext: subtext, minHeight: minHeight }) })) })) })));
|
|
34
34
|
};
|
|
35
35
|
exports.default = CheckBoxStory;
|
|
36
36
|
//# sourceMappingURL=CheckBoxStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4DAAyC;AACzC,0DAAkD;AAElD,+GAAyF;AACzF,wDAAkC;AAElC,mEAAwD;AAmBxD,IAAM,aAAa,GAAsB,UAAC,EAezC;QAdC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,
|
|
1
|
+
{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4DAAyC;AACzC,0DAAkD;AAElD,+GAAyF;AACzF,wDAAkC;AAElC,mEAAwD;AAmBxD,IAAM,aAAa,GAAsB,UAAC,EAezC;QAdC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,SAAS,eAAA;IAET,IAAM,WAAW,GAAG,UAAC,EAA+B;YAA7B,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0C;QAC/D,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,IAAI,GACR,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAChC,gCAAK,GAAG,EAAE,cAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAC,aAAa,GAAG,CAC/C,CAAC;IAEJ,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,oBAAoB,OAAI,EAAE,gBAChD,uBAAC,8BAAoB,aACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,cAAc,EAAC,SAAS,gBAExB,uBAAC,cAAO,aAAC,IAAI,sBACX,uBAAC,kBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,cAAc,EAAC,SAAS,EACxB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,IACM,IACW,IACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const getPlaceholderStyles: (isTextCentered: boolean, isIconPresent: boolean) => import("@emotion/react").SerializedStyles;
|
|
2
|
-
declare const makeCheckBoxStyling: (smallIcon: boolean,
|
|
2
|
+
declare const makeCheckBoxStyling: (smallIcon: boolean, minHeight?: number) => {
|
|
3
3
|
checkbox: import("@emotion/react").SerializedStyles;
|
|
4
4
|
checkboxContainerRight: import("@emotion/react").SerializedStyles;
|
|
5
5
|
grid: import("@emotion/react").SerializedStyles;
|
|
@@ -23,7 +23,7 @@ var getPlaceholderStyles = function (isTextCentered, isIconPresent) {
|
|
|
23
23
|
: placeHolderStyles.centeredWithoutIcon;
|
|
24
24
|
};
|
|
25
25
|
exports.getPlaceholderStyles = getPlaceholderStyles;
|
|
26
|
-
var makeCheckBoxStyling = function (smallIcon,
|
|
26
|
+
var makeCheckBoxStyling = function (smallIcon, minHeight) {
|
|
27
27
|
var _a, _b;
|
|
28
28
|
var _c = (0, react_1.useTheme)(), breakpoints = _c.breakpoints, mvf = _c.mvf;
|
|
29
29
|
var spacing = mvf.spacing, fontSize = mvf.fontSize;
|
|
@@ -45,7 +45,7 @@ var makeCheckBoxStyling = function (smallIcon, height) {
|
|
|
45
45
|
grid: (0, react_1.css)({
|
|
46
46
|
height: '100%',
|
|
47
47
|
width: '100%',
|
|
48
|
-
minHeight:
|
|
48
|
+
minHeight: minHeight ? minHeight : 48,
|
|
49
49
|
}),
|
|
50
50
|
centerIcon: (0, react_1.css)({
|
|
51
51
|
marginTop: 9,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeCheckBoxStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/makeCheckBoxStyling.ts"],"names":[],"mappings":";;;AAAA,wCAA+C;AAE/C,IAAM,iBAAiB,GAAG;IACxB,gBAAgB,EAAE,IAAA,WAAG,EAAC;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,KAAK,EAAE,KAAK;KACb,CAAC;IACF,mBAAmB,EAAE,IAAA,WAAG,EAAC;QACvB,KAAK,EAAE,EAAE;KACV,CAAC;IACF,mBAAmB,EAAE,IAAA,WAAG,EAAC;QACvB,KAAK,EAAE,EAAE;KACV,CAAC;CACH,CAAC;AAEK,IAAM,oBAAoB,GAAG,UAClC,cAAuB,EACvB,aAAsB;IAEtB,OAAA,aAAa;QACX,CAAC,CAAC,cAAc;YACd,CAAC,CAAC,iBAAiB,CAAC,gBAAgB;YACpC,CAAC,CAAC,iBAAiB,CAAC,mBAAmB;QACzC,CAAC,CAAC,iBAAiB,CAAC,mBAAmB;AAJzC,CAIyC,CAAC;AAR/B,QAAA,oBAAoB,wBAQW;AAE5C,IAAM,mBAAmB,GAAG,UAAC,SAAkB,EAAE,
|
|
1
|
+
{"version":3,"file":"makeCheckBoxStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/makeCheckBoxStyling.ts"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,7 @@ var deviceSpecificHandlers_1 = require("../../../Helpers/deviceSpecificHandlers"
|
|
|
28
28
|
var makeIconTileCheckBoxStyling_1 = __importDefault(require("./makeIconTileCheckBoxStyling"));
|
|
29
29
|
var material_1 = require("@mui/material");
|
|
30
30
|
var IconTileCheckBox = function (_a) {
|
|
31
|
-
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onChange = _a.onChange, onClick = _a.onClick, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, showText = _a.showText, text = _a.text, subtext = _a.subtext, experimentName = _a.experimentName, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled,
|
|
31
|
+
var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, onChange = _a.onChange, onClick = _a.onClick, onKeyDown = _a.onKeyDown, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, selected = _a.selected, showText = _a.showText, text = _a.text, subtext = _a.subtext, experimentName = _a.experimentName, hideCheckbox = _a.hideCheckbox, disabled = _a.disabled, minHeight = _a.minHeight;
|
|
32
32
|
var _b = (0, react_1.useState)(selected), isSelected = _b[0], setIsSelected = _b[1];
|
|
33
33
|
var _c = (0, react_1.useState)(false), isFocused = _c[0], setIsFocused = _c[1];
|
|
34
34
|
var _d = (0, react_1.useState)(otherInputValue), otherValue = _d[0], setOtherValue = _d[1];
|
|
@@ -37,7 +37,7 @@ var IconTileCheckBox = function (_a) {
|
|
|
37
37
|
var styles = (0, makeIconTileCheckBoxStyling_1.default)({
|
|
38
38
|
showText: showText,
|
|
39
39
|
isSubtextPresent: isSubtextPresent,
|
|
40
|
-
|
|
40
|
+
minHeight: minHeight,
|
|
41
41
|
});
|
|
42
42
|
var isTextfield = (isOtherOption && isFocused) || !!otherValue;
|
|
43
43
|
var handleBlur = function (event) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,oEAAgD;AAChD,+BAA2D;AAC3D,0FAAoE;AAGpE,iFAA2D;AAC3D,0DAAoC;AACpC,qEAA+C;AAE/C,gEAA0C;AAC1C,wFAAmE;AACnE,kFAA0E;AAC1E,8FAAwE;AACxE,0CAAoC;AAOpC,IAAM,gBAAgB,GAAyB,UAAC,EAiB/C;QAhBC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ declare type IconTileCheckBoxStoryType = React.FunctionComponent<{
|
|
|
14
14
|
parentContainerWidth: number;
|
|
15
15
|
parentContainerHeight: string;
|
|
16
16
|
disabled: boolean;
|
|
17
|
-
|
|
17
|
+
minHeight?: number;
|
|
18
18
|
}>;
|
|
19
19
|
declare const IconTileCheckBoxStory: IconTileCheckBoxStoryType;
|
|
20
20
|
export default IconTileCheckBoxStory;
|
|
@@ -20,7 +20,7 @@ var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
|
20
20
|
var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
|
|
21
21
|
var IconTileCheckBox_1 = __importDefault(require("./IconTileCheckBox"));
|
|
22
22
|
var IconTileCheckBoxStory = function (_a) {
|
|
23
|
-
var error = _a.error, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text, subtext = _a.subtext, selected = _a.selected, showText = _a.showText, hideCheckbox = _a.hideCheckbox, parentContainerWidth = _a.parentContainerWidth, parentContainerHeight = _a.parentContainerHeight, disabled = _a.disabled,
|
|
23
|
+
var error = _a.error, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text, subtext = _a.subtext, selected = _a.selected, showText = _a.showText, hideCheckbox = _a.hideCheckbox, parentContainerWidth = _a.parentContainerWidth, parentContainerHeight = _a.parentContainerHeight, disabled = _a.disabled, minHeight = _a.minHeight;
|
|
24
24
|
var handleClick = function (_a) {
|
|
25
25
|
var id = _a.id;
|
|
26
26
|
(0, addon_actions_1.action)('Clicked')({ id: id, selected: selected });
|
|
@@ -29,7 +29,7 @@ var IconTileCheckBoxStory = function (_a) {
|
|
|
29
29
|
(0, addon_actions_1.action)('Key down')(event);
|
|
30
30
|
};
|
|
31
31
|
var imageSrc = svgs_1.default[iconType];
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: parentContainerWidth, height: parentContainerHeight } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, __assign({ errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'exampleId', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, subtext: subtext, selected: selected, showText: showText, hideCheckbox: hideCheckbox, isOtherOption: isOtherOption, otherInputError: otherInputError, otherInputValue: otherInputValue, experimentName: "default", disabled: disabled,
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: parentContainerWidth, height: parentContainerHeight } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, __assign({ errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)(IconTileCheckBox_1.default, { id: 'exampleId', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, subtext: subtext, selected: selected, showText: showText, hideCheckbox: hideCheckbox, isOtherOption: isOtherOption, otherInputError: otherInputError, otherInputValue: otherInputValue, experimentName: "default", disabled: disabled, minHeight: minHeight }) })) })));
|
|
33
33
|
};
|
|
34
34
|
exports.default = IconTileCheckBoxStory;
|
|
35
35
|
//# sourceMappingURL=IconTileCheckBoxStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAElD,mEAAwD;AACxD,+GAAyF;AAEzF,wEAAkD;AAmBlD,IAAM,qBAAqB,GAA8B,UAAC,EAezD;QAdC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA,EACrB,QAAQ,cAAA,EACR,
|
|
1
|
+
{"version":3,"file":"IconTileCheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAElD,mEAAwD;AACxD,+GAAyF;AAEzF,wEAAkD;AAmBlD,IAAM,qBAAqB,GAA8B,UAAC,EAezD;QAdC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA,EACrB,QAAQ,cAAA,EACR,SAAS,eAAA;IAET,IAAM,WAAW,GAAG,UAAC,EAAuC;YAArC,EAAE,QAAA;QACvB,IAAA,sBAAM,EAAC,SAAS,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IACtC,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,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,qBAAqB,EAAE,gBACxE,uBAAC,8BAAoB,aACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,cAAc,EAAC,SAAS,gBAExB,uBAAC,0BAAgB,IACf,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,aAAa,GAAG,EAC9C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,GACpB,IACmB,IACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
declare const makeIconTileCheckBoxStyling: ({ showText, isSubtextPresent,
|
|
1
|
+
declare const makeIconTileCheckBoxStyling: ({ showText, isSubtextPresent, minHeight, }: {
|
|
2
2
|
showText: boolean;
|
|
3
3
|
isSubtextPresent: boolean;
|
|
4
|
-
|
|
4
|
+
minHeight?: number | undefined;
|
|
5
5
|
}) => {
|
|
6
6
|
container: import("@emotion/react").SerializedStyles;
|
|
7
7
|
icon: import("@emotion/react").SerializedStyles;
|
|
@@ -15,7 +15,7 @@ var react_1 = require("@emotion/react");
|
|
|
15
15
|
var material_1 = require("@mui/material");
|
|
16
16
|
var makeIconTileCheckBoxStyling = function (_a) {
|
|
17
17
|
var _b;
|
|
18
|
-
var showText = _a.showText, isSubtextPresent = _a.isSubtextPresent,
|
|
18
|
+
var showText = _a.showText, isSubtextPresent = _a.isSubtextPresent, minHeight = _a.minHeight;
|
|
19
19
|
var _c = (0, react_1.useTheme)(), breakpoints = _c.breakpoints, mvf = _c.mvf;
|
|
20
20
|
var palette = mvf.palette, spacing = mvf.spacing;
|
|
21
21
|
return {
|
|
@@ -24,7 +24,7 @@ var makeIconTileCheckBoxStyling = function (_a) {
|
|
|
24
24
|
alignItems: 'center',
|
|
25
25
|
justifyContent: 'center',
|
|
26
26
|
flexDirection: 'column',
|
|
27
|
-
minHeight:
|
|
27
|
+
minHeight: minHeight ? minHeight : '100%',
|
|
28
28
|
'& .MuiTypography-root': __assign({ marginBottom: 14 }, (isSubtextPresent && {
|
|
29
29
|
marginTop: 0,
|
|
30
30
|
marginBottom: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeIconTileCheckBoxStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAsC;AAEtC,IAAM,2BAA2B,GAAG,UAAC,EAQpC;;QAPC,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,
|
|
1
|
+
{"version":3,"file":"makeIconTileCheckBoxStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAsC;AAEtC,IAAM,2BAA2B,GAAG,UAAC,EAQpC;;QAPC,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,SAAS,eAAA;IAMH,IAAA,KAAuB,IAAA,gBAAQ,GAAE,EAA/B,WAAW,iBAAA,EAAE,GAAG,SAAe,CAAC;IAChC,IAAA,OAAO,GAAc,GAAG,QAAjB,EAAE,OAAO,GAAK,GAAG,QAAR,CAAS;IACjC,OAAO;QACL,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;YACzC,uBAAuB,aACrB,YAAY,EAAE,EAAE,IACb,CAAC,gBAAgB,IAAI;gBACtB,SAAS,EAAE,CAAC;gBACZ,YAAY,EAAE,CAAC;gBACf,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,CAAC;aACd,CAAC,CACH;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,wBACJ,CAAC,QAAQ,eACV,YAAY,EAAE,CAAC,EACf,SAAS,EAAE,CAAC,IACT,CAAC,CAAC,gBAAgB,IAAI;YACvB,SAAS,EAAE,EAAE;SACd,CAAC,CACH,CAAC,WACF,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX,OACA,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;YAChC,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;YAC/B,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;YAC/B,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;YAChC,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,eAAe,CAAC,IAAG;YACjC,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,OACD;QACF,QAAQ,EAAE,IAAA,WAAG,EAAC;YACZ,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,qBAAqB;YAC9C,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE;gBACf,OAAO,EAAE,aAAa;aACvB;YACD,sBAAsB,EAAE;gBACtB,uBAAuB,EAAE;oBACvB,SAAS,EAAE;wBACT,eAAe,EAAE,IAAA,gBAAK,EAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC;qBACpE;iBACF;aACF;SACF,CAAC;QACF,UAAU,EAAE,IAAA,WAAG,EAAC;YACd,UAAU,EAAE,OAAO,CAAC,KAAK;YACzB,WAAW,EAAE,OAAO,CAAC,KAAK;YAC1B,aAAa,EAAE,OAAO,CAAC,KAAK;YAC5B,wBAAwB,EAAE;gBACxB,SAAS,EAAE,MAAM;aAClB;SACF,CAAC;QACF,MAAM,EAAE,IAAA,WAAG,EAAC;YACV,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}
|
|
@@ -26,7 +26,7 @@ var browserAndDeviceDetection_1 = require("../../../Helpers/browserAndDeviceDete
|
|
|
26
26
|
var deviceSpecificHandlers_1 = require("../../../Helpers/deviceSpecificHandlers");
|
|
27
27
|
var makeIconTileRadioButtonStyling_1 = __importDefault(require("./makeIconTileRadioButtonStyling"));
|
|
28
28
|
var IconTileRadioButton = function (_a) {
|
|
29
|
-
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, subtext = _a.subtext, experimentName = _a.experimentName,
|
|
29
|
+
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, subtext = _a.subtext, experimentName = _a.experimentName, minHeight = _a.minHeight;
|
|
30
30
|
var _b = (0, react_1.useContext)(RadioGroupContext_1.default), selectedId = _b.selectedId, setSelectedId = _b.setSelectedId;
|
|
31
31
|
var _c = (0, react_1.useState)(false), isFocused = _c[0], setIsFocused = _c[1];
|
|
32
32
|
var _d = (0, react_1.useState)(otherInputValue), otherValue = _d[0], setOtherValue = _d[1];
|
|
@@ -34,7 +34,7 @@ var IconTileRadioButton = function (_a) {
|
|
|
34
34
|
var isSubtextPresent = !!subtext;
|
|
35
35
|
var styles = (0, makeIconTileRadioButtonStyling_1.default)({
|
|
36
36
|
isSubtextPresent: isSubtextPresent,
|
|
37
|
-
|
|
37
|
+
minHeight: minHeight,
|
|
38
38
|
});
|
|
39
39
|
var isSelected = id === selectedId;
|
|
40
40
|
var isTextfield = (isOtherOption && isFocused) || !!otherValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAAgE;AAGhE,iFAA2D;AAC3D,0DAAoC;AACpC,mGAA6E;AAC7E,qEAA+C;AAE/C,gEAA0C;AAC1C,wFAAmE;AACnE,kFAA0E;AAC1E,oGAA8E;AAO9E,IAAM,mBAAmB,GAA4B,UAAC,EAarD;QAZC,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,EACJ,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,
|
|
1
|
+
{"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ declare type IconTileRadioButtonStoryType = React.FunctionComponent<{
|
|
|
10
10
|
subtext: string;
|
|
11
11
|
parentContainerWidth: number;
|
|
12
12
|
parentContainerHeight: number;
|
|
13
|
-
|
|
13
|
+
minHeight?: number;
|
|
14
14
|
}>;
|
|
15
15
|
declare const IconTileRadioButtonStory: IconTileRadioButtonStoryType;
|
|
16
16
|
export default IconTileRadioButtonStory;
|
|
@@ -45,7 +45,7 @@ var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessagePr
|
|
|
45
45
|
var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
|
|
46
46
|
var IconTileRadioButton_1 = __importDefault(require("./IconTileRadioButton"));
|
|
47
47
|
var IconTileRadioButtonStory = function (_a) {
|
|
48
|
-
var error = _a.error, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text, subtext = _a.subtext, parentContainerWidth = _a.parentContainerWidth, parentContainerHeight = _a.parentContainerHeight,
|
|
48
|
+
var error = _a.error, iconType = _a.iconType, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text, subtext = _a.subtext, parentContainerWidth = _a.parentContainerWidth, parentContainerHeight = _a.parentContainerHeight, minHeight = _a.minHeight;
|
|
49
49
|
var _b = React.useState(undefined), selectedId = _b[0], setSelectedId = _b[1];
|
|
50
50
|
var handleClick = function (_a) {
|
|
51
51
|
var id = _a.id;
|
|
@@ -55,7 +55,7 @@ var IconTileRadioButtonStory = function (_a) {
|
|
|
55
55
|
(0, addon_actions_1.action)('Key down')(event);
|
|
56
56
|
};
|
|
57
57
|
var imageSrc = svgs_1.default[iconType];
|
|
58
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: parentContainerWidth, height: parentContainerHeight } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, __assign({ errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: { selectedId: selectedId, setSelectedId: setSelectedId } }, { children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: 'exampleId', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, subtext: subtext, isOtherOption: isOtherOption, otherInputError: otherInputError, otherInputValue: otherInputValue, experimentName: "default",
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: parentContainerWidth, height: parentContainerHeight } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, __assign({ errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: { selectedId: selectedId, setSelectedId: setSelectedId } }, { children: (0, jsx_runtime_1.jsx)(IconTileRadioButton_1.default, { id: 'exampleId', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), onClick: handleClick, onKeyDown: handleKeyDown, text: text, subtext: subtext, isOtherOption: isOtherOption, otherInputError: otherInputError, otherInputValue: otherInputValue, experimentName: "default", minHeight: minHeight }) })) })) })));
|
|
59
59
|
};
|
|
60
60
|
exports.default = IconTileRadioButtonStory;
|
|
61
61
|
//# 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,mEAAwD;AACxD,+GAAyF;AACzF,mGAA6E;AAE7E,8EAAwD;AAexD,IAAM,wBAAwB,GAAiC,UAAC,EAW/D;QAVC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA,EACrB,
|
|
1
|
+
{"version":3,"file":"IconTileRadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,2CAA+B;AAC/B,mEAAwD;AACxD,+GAAyF;AACzF,mGAA6E;AAE7E,8EAAwD;AAexD,IAAM,wBAAwB,GAAiC,UAAC,EAW/D;QAVC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA,EACrB,SAAS,eAAA;IAEH,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,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,qBAAqB,EAAE,gBACxE,uBAAC,8BAAoB,aACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,cAAc,EAAC,SAAS,gBAExB,uBAAC,2BAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,gBAC9D,uBAAC,6BAAmB,IAClB,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,aAAa,GAAG,EAC9C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,EACxB,SAAS,EAAE,SAAS,GACpB,IACyB,IACR,IACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
declare const makeIconTileRadioButtonStyling: ({ isSubtextPresent,
|
|
1
|
+
declare const makeIconTileRadioButtonStyling: ({ isSubtextPresent, minHeight, }: {
|
|
2
2
|
isSubtextPresent: boolean;
|
|
3
|
-
|
|
3
|
+
minHeight?: number | undefined;
|
|
4
4
|
}) => {
|
|
5
5
|
container: import("@emotion/react").SerializedStyles;
|
|
6
6
|
icon: import("@emotion/react").SerializedStyles;
|
|
@@ -14,20 +14,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
var react_1 = require("@emotion/react");
|
|
15
15
|
var makeIconTileRadioButtonStyling = function (_a) {
|
|
16
16
|
var _b;
|
|
17
|
-
var isSubtextPresent = _a.isSubtextPresent,
|
|
17
|
+
var isSubtextPresent = _a.isSubtextPresent, minHeight = _a.minHeight;
|
|
18
18
|
var _c = (0, react_1.useTheme)(), breakpoints = _c.breakpoints, mvf = _c.mvf;
|
|
19
19
|
var spacing = mvf.spacing;
|
|
20
20
|
return {
|
|
21
|
-
container: (0, react_1.css)(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
container: (0, react_1.css)({
|
|
22
|
+
display: 'flex',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
justifyContent: 'center',
|
|
25
|
+
flexDirection: 'column',
|
|
26
|
+
minHeight: minHeight ? minHeight : '100%',
|
|
27
|
+
'& .MuiTypography-root': __assign({ marginBottom: 14 }, (isSubtextPresent && {
|
|
26
28
|
marginTop: 0,
|
|
27
29
|
marginBottom: 0,
|
|
28
30
|
paddingBottom: 2,
|
|
29
31
|
paddingTop: 2,
|
|
30
|
-
}))
|
|
32
|
+
})),
|
|
33
|
+
}),
|
|
31
34
|
icon: (0, react_1.css)(__assign(__assign({ marginBottom: 4, marginTop: 4 }, (!isSubtextPresent && {
|
|
32
35
|
marginTop: 12,
|
|
33
36
|
})), (_b = { '& img': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeIconTileRadioButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAE/C,IAAM,8BAA8B,GAAG,UAAC,EAMvC;;QALC,gBAAgB,sBAAA,EAChB,
|
|
1
|
+
{"version":3,"file":"makeIconTileRadioButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAE/C,IAAM,8BAA8B,GAAG,UAAC,EAMvC;;QALC,gBAAgB,sBAAA,EAChB,SAAS,eAAA;IAKH,IAAA,KAAuB,IAAA,gBAAQ,GAAE,EAA/B,WAAW,iBAAA,EAAE,GAAG,SAAe,CAAC;IAChC,IAAA,OAAO,GAAK,GAAG,QAAR,CAAS;IACxB,OAAO;QACL,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;YACzC,uBAAuB,aACrB,YAAY,EAAE,EAAE,IACb,CAAC,gBAAgB,IAAI;gBACtB,SAAS,EAAE,CAAC;gBACZ,YAAY,EAAE,CAAC;gBACf,aAAa,EAAE,CAAC;gBAChB,UAAU,EAAE,CAAC;aACd,CAAC,CACH;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,sBACP,YAAY,EAAE,CAAC,EACf,SAAS,EAAE,CAAC,IACT,CAAC,CAAC,gBAAgB,IAAI;YACvB,SAAS,EAAE,EAAE;SACd,CAAC,WACF,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX,OACA,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;YAChC,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;YAC/B,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;YAC/B,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;YAChC,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,KACA,WAAW,CAAC,EAAE,CAAC,eAAe,CAAC,IAAG;YACjC,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;SACF,OACD;QACF,UAAU,EAAE,IAAA,WAAG,EAAC;YACd,UAAU,EAAE,OAAO,CAAC,KAAK;YACzB,WAAW,EAAE,OAAO,CAAC,KAAK;YAC1B,aAAa,EAAE,OAAO,CAAC,KAAK;YAC5B,wBAAwB,EAAE;gBACxB,SAAS,EAAE,MAAM;aAClB;SACF,CAAC;QACF,MAAM,EAAE,IAAA,WAAG,EAAC;YACV,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,8BAA8B,CAAC"}
|
|
@@ -29,13 +29,13 @@ var browserAndDeviceDetection_1 = require("../../../Helpers/browserAndDeviceDete
|
|
|
29
29
|
var deviceSpecificHandlers_1 = require("../../../Helpers/deviceSpecificHandlers");
|
|
30
30
|
var makeRadioButtonStyling_1 = __importDefault(require("./makeRadioButtonStyling"));
|
|
31
31
|
var RadioButton = function (_a) {
|
|
32
|
-
var Icon = _a.Icon, 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, experimentName = _a.experimentName, smallIcon = _a.smallIcon, subtext = _a.subtext,
|
|
32
|
+
var Icon = _a.Icon, 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, experimentName = _a.experimentName, smallIcon = _a.smallIcon, subtext = _a.subtext, minHeight = _a.minHeight;
|
|
33
33
|
var _b = (0, react_1.useContext)(RadioGroupContext_1.default), selectedId = _b.selectedId, setSelectedId = _b.setSelectedId;
|
|
34
34
|
var _c = (0, react_1.useState)(otherInputValue), otherValue = _c[0], setOtherValue = _c[1];
|
|
35
35
|
var _d = (0, react_1.useState)(false), isFocused = _d[0], setIsFocused = _d[1];
|
|
36
36
|
var otherInputRef = (0, react_1.useRef)(null);
|
|
37
37
|
var isSelected = id === selectedId;
|
|
38
|
-
var styles = (0, makeRadioButtonStyling_1.default)(smallIcon,
|
|
38
|
+
var styles = (0, makeRadioButtonStyling_1.default)(smallIcon, minHeight);
|
|
39
39
|
var isTextfield = (isOtherOption && isFocused) || !!otherValue;
|
|
40
40
|
var isIconPresent = !!Icon;
|
|
41
41
|
var handleClick = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AACxC,8DAA0C;AAC1C,+BAAuE;AACvE,oFAA8D;AAG9D,iFAA2D;AAC3D,0DAAoC;AACpC,mGAA6E;AAC7E,qEAA+C;AAE/C,gEAA0C;AAC1C,wFAAmE;AACnE,kFAA0E;AAC1E,oFAA8D;AAQ9D,IAAM,WAAW,GAAoB,UAAC,EAerC;QAdC,IAAI,UAAA,EACJ,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,EACf,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,OAAO,aAAA,EACP,
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ declare type RadioButtonStoryType = React.FunctionComponent<{
|
|
|
9
9
|
subtext: string;
|
|
10
10
|
parentContainerWidth: number;
|
|
11
11
|
smallIcon: boolean;
|
|
12
|
-
|
|
12
|
+
minHeight?: number;
|
|
13
13
|
}>;
|
|
14
14
|
declare const RadioButtonStory: RadioButtonStoryType;
|
|
15
15
|
export default RadioButtonStory;
|
|
@@ -22,7 +22,7 @@ var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/Ra
|
|
|
22
22
|
var RadioButton_1 = __importDefault(require("./RadioButton"));
|
|
23
23
|
var svgs_1 = __importDefault(require("../../../Assets/svgs/svgs"));
|
|
24
24
|
var RadioButtonStory = function (_a) {
|
|
25
|
-
var error = _a.error, iconType = _a.iconType, otherInputError = _a.otherInputError, isOtherOption = _a.isOtherOption, text = _a.text, subtext = _a.subtext, parentContainerWidth = _a.parentContainerWidth, smallIcon = _a.smallIcon,
|
|
25
|
+
var error = _a.error, iconType = _a.iconType, otherInputError = _a.otherInputError, isOtherOption = _a.isOtherOption, text = _a.text, subtext = _a.subtext, parentContainerWidth = _a.parentContainerWidth, smallIcon = _a.smallIcon, minHeight = _a.minHeight;
|
|
26
26
|
var _b = react_1.default.useState(undefined), selectedId = _b[0], setSelectedId = _b[1];
|
|
27
27
|
var handleClick = function (_a) {
|
|
28
28
|
var id = _a.id;
|
|
@@ -33,7 +33,7 @@ var RadioButtonStory = function (_a) {
|
|
|
33
33
|
(0, addon_actions_1.action)('Key down')(event);
|
|
34
34
|
};
|
|
35
35
|
var Icon = iconType === 'none' ? undefined : ((0, jsx_runtime_1.jsx)("img", { src: svgs_1.default[iconType], alt: "optionImage" }));
|
|
36
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: "".concat(parentContainerWidth, "px") } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, __assign({ errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: { selectedId: selectedId, setSelectedId: setSelectedId } }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { Icon: Icon, id: 'id', onClick: handleClick, onKeyDown: handleKeyDown, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError, experimentName: "default", smallIcon: smallIcon, subtext: subtext,
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: "".concat(parentContainerWidth, "px") } }, { children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, __assign({ errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default" }, { children: (0, jsx_runtime_1.jsx)(RadioGroupContext_1.default.Provider, __assign({ value: { selectedId: selectedId, setSelectedId: setSelectedId } }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, { Icon: Icon, id: 'id', onClick: handleClick, onKeyDown: handleKeyDown, text: text, isOtherOption: isOtherOption, otherInputError: otherInputError, experimentName: "default", smallIcon: smallIcon, subtext: subtext, minHeight: minHeight }) })) })) })));
|
|
37
37
|
};
|
|
38
38
|
exports.default = RadioButtonStory;
|
|
39
39
|
//# 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,+GAAyF;AACzF,mGAA6E;AAE7E,8DAAwC;AACxC,mEAAwD;AAcxD,IAAM,gBAAgB,GAAyB,UAAC,EAU/C;QATC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,SAAS,eAAA,EACT,
|
|
1
|
+
{"version":3,"file":"RadioButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,gDAA0B;AAC1B,+GAAyF;AACzF,mGAA6E;AAE7E,8DAAwC;AACxC,mEAAwD;AAcxD,IAAM,gBAAgB,GAAyB,UAAC,EAU/C;QATC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,SAAS,eAAA,EACT,SAAS,eAAA;IAEH,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,IAAM,IAAI,GACR,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAChC,gCAAK,GAAG,EAAE,cAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAC,aAAa,GAAG,CAC/C,CAAC;IAEJ,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,oBAAoB,OAAI,EAAE,gBAChD,uBAAC,8BAAoB,aACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,cAAc,EAAC,SAAS,gBAExB,uBAAC,2BAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,gBAC9D,uBAAC,qBAAW,IACV,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,IACyB,IACR,IACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const makeRadioButtonStyling: (smallIcon?: boolean,
|
|
1
|
+
declare const makeRadioButtonStyling: (smallIcon?: boolean, minHeight?: number) => {
|
|
2
2
|
radio: import("@emotion/react").SerializedStyles;
|
|
3
3
|
grid: import("@emotion/react").SerializedStyles;
|
|
4
4
|
icon: import("@emotion/react").SerializedStyles;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var react_1 = require("@emotion/react");
|
|
4
4
|
var material_1 = require("@mui/material");
|
|
5
|
-
var makeRadioButtonStyling = function (smallIcon,
|
|
5
|
+
var makeRadioButtonStyling = function (smallIcon, minHeight) {
|
|
6
6
|
var _a, _b;
|
|
7
7
|
var _c = (0, react_1.useTheme)(), breakpoints = _c.breakpoints, mvf = _c.mvf;
|
|
8
8
|
var spacing = mvf.spacing, fontSize = mvf.fontSize, palette = mvf.palette;
|
|
@@ -30,7 +30,7 @@ var makeRadioButtonStyling = function (smallIcon, height) {
|
|
|
30
30
|
grid: (0, react_1.css)({
|
|
31
31
|
height: '100%',
|
|
32
32
|
width: '100%',
|
|
33
|
-
minHeight:
|
|
33
|
+
minHeight: minHeight ? minHeight : 48,
|
|
34
34
|
}),
|
|
35
35
|
icon: (0, react_1.css)({
|
|
36
36
|
marginTop: smallIcon ? 14 : 9,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeRadioButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/makeRadioButtonStyling.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAC/C,0CAAsC;AAEtC,IAAM,sBAAsB,GAAG,UAAC,SAAmB,EAAE,
|
|
1
|
+
{"version":3,"file":"makeRadioButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/makeRadioButtonStyling.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAC/C,0CAAsC;AAEtC,IAAM,sBAAsB,GAAG,UAAC,SAAmB,EAAE,SAAkB;;IAC/D,IAAA,KAAuB,IAAA,gBAAQ,GAAE,EAA/B,WAAW,iBAAA,EAAE,GAAG,SAAe,CAAC;IAChC,IAAA,OAAO,GAAwB,GAAG,QAA3B,EAAE,QAAQ,GAAc,GAAG,SAAjB,EAAE,OAAO,GAAK,GAAG,QAAR,CAAS;IAC3C,OAAO;QACL,KAAK,EAAE,IAAA,WAAG,EAAC;YACT,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,qBAAqB;YAC9C,sBAAsB,EAAE;gBACtB,uBAAuB,EAAE;oBACvB,SAAS,EAAE;wBACT,eAAe,EAAE,IAAA,gBAAK,EAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC;qBACpE;iBACF;aACF;YACD,iBAAiB;oBACf,WAAW,EAAE,EAAE;oBACf,YAAY,EAAE,EAAE;;gBAChB,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;oBAC/B,WAAW,EAAE,EAAE;oBACf,YAAY,EAAE,EAAE;oBAChB,UAAU,EAAE,EAAE;iBACf;mBACF;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;SACtC,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAC7B,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAChC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;YAC3B,OAAO,EAAE;gBACP,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;aAC5B;SACF,CAAC;QACF,MAAM,EAAE,IAAA,WAAG,EAAC;YACV,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,CAAC;QACF,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,QAAQ,EAAE,QAAQ;SACnB,CAAC;QACF,QAAQ,EAAE,IAAA,WAAG,EAAC;YACZ,YAAY,EAAE,UAAU;YACxB,SAAS,EAAE,QAAQ;YACnB,cAAc,EAAE,YAAY;YAC5B,KAAK,EAAE,KAAK;SACb,CAAC;QACF,UAAU,EAAE,IAAA,WAAG,EAAC;YACd,SAAS,EAAE,CAAC,CAAC;YACb,WAAW,EAAE,OAAO,CAAC,MAAM;YAC3B,OAAO,EAAE,OAAO,CAAC,IAAI;YACrB,4BAA4B;oBAC1B,SAAS,EAAE,MAAM;oBACjB,QAAQ,EAAE,QAAQ,CAAC,IAAI;;gBACvB,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;oBAChC,QAAQ,EAAE,QAAQ,CAAC,KAAK;iBACzB;gBACD,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;oBAC/B,QAAQ,EAAE,QAAQ,CAAC,OAAO;iBAC3B;mBACF;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}
|