@mvf/external-components 3.28.1-dev.1 → 3.28.2-dev.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.
Files changed (65) hide show
  1. package/Components/Atoms/CardButton/CardButton.js +3 -2
  2. package/Components/Atoms/CardButton/CardButton.js.map +1 -1
  3. package/Components/Atoms/CardButton/ICardButtonProps.d.ts +1 -0
  4. package/Components/Atoms/CardButton/defaultProps.d.ts +1 -0
  5. package/Components/Atoms/CardButton/defaultProps.js +1 -0
  6. package/Components/Atoms/CardButton/defaultProps.js.map +1 -1
  7. package/Components/Atoms/CardButton/makeCardButtonStyling.d.ts +4 -2
  8. package/Components/Atoms/CardButton/makeCardButtonStyling.js +13 -5
  9. package/Components/Atoms/CardButton/makeCardButtonStyling.js.map +1 -1
  10. package/Components/Atoms/Text/ITextProps.d.ts +1 -1
  11. package/Components/Atoms/Text/Text.js +3 -0
  12. package/Components/Atoms/Text/Text.js.map +1 -1
  13. package/Components/Atoms/Text/TextStory.d.ts +1 -1
  14. package/Components/Atoms/Text/TextStory.js.map +1 -1
  15. package/Components/Atoms/Text/makeTextStyling.d.ts +1 -1
  16. package/Components/Atoms/Text/makeTextStyling.js +71 -54
  17. package/Components/Atoms/Text/makeTextStyling.js.map +1 -1
  18. package/Components/Molecules/CheckBox/CheckBox.js +2 -2
  19. package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
  20. package/Components/Molecules/CheckBox/CheckBoxStory.d.ts +1 -0
  21. package/Components/Molecules/CheckBox/CheckBoxStory.js +2 -2
  22. package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
  23. package/Components/Molecules/CheckBox/ICheckboxProps.d.ts +1 -0
  24. package/Components/Molecules/IconTileCheckBox/IComponentProps.d.ts +1 -0
  25. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +10 -3
  26. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
  27. package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +1 -0
  28. package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +2 -2
  29. package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
  30. package/Components/Molecules/IconTileCheckBox/defaultProps.d.ts +1 -0
  31. package/Components/Molecules/IconTileCheckBox/defaultProps.js +1 -0
  32. package/Components/Molecules/IconTileCheckBox/defaultProps.js.map +1 -1
  33. package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.d.ts +2 -1
  34. package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js +10 -8
  35. package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js.map +1 -1
  36. package/Components/Molecules/IconTileRadioButton/IComponentProps.d.ts +1 -0
  37. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +10 -4
  38. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
  39. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +1 -0
  40. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +2 -2
  41. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
  42. package/Components/Molecules/IconTileRadioButton/defaultProps.d.ts +1 -0
  43. package/Components/Molecules/IconTileRadioButton/defaultProps.js +1 -0
  44. package/Components/Molecules/IconTileRadioButton/defaultProps.js.map +1 -1
  45. package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.d.ts +3 -1
  46. package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js +41 -34
  47. package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js.map +1 -1
  48. package/Components/Molecules/RadioButton/IRadioButtonProps.d.ts +1 -0
  49. package/Components/Molecules/RadioButton/RadioButton.js +5 -2
  50. package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
  51. package/Components/Molecules/RadioButton/RadioButtonStory.d.ts +1 -0
  52. package/Components/Molecules/RadioButton/RadioButtonStory.js +2 -2
  53. package/Components/Molecules/RadioButton/RadioButtonStory.js.map +1 -1
  54. package/Components/Molecules/RadioButton/defaultProps.d.ts +1 -0
  55. package/Components/Molecules/RadioButton/defaultProps.js +1 -0
  56. package/Components/Molecules/RadioButton/defaultProps.js.map +1 -1
  57. package/Experiments/CRO-584/Molecules/CheckBox/ICheckboxProps.d.ts +1 -0
  58. package/Experiments/CRO-584/Molecules/CheckBox/defaultProps.d.ts +1 -0
  59. package/Experiments/CRO-584/Molecules/CheckBox/defaultProps.js +1 -0
  60. package/Experiments/CRO-584/Molecules/CheckBox/defaultProps.js.map +1 -1
  61. package/Experiments/CRO-584/Molecules/RadioButton/IRadioButtonProps.d.ts +1 -0
  62. package/Experiments/CRO-584/Molecules/RadioButton/defaultProps.d.ts +1 -0
  63. package/Experiments/CRO-584/Molecules/RadioButton/defaultProps.js +1 -0
  64. package/Experiments/CRO-584/Molecules/RadioButton/defaultProps.js.map +1 -1
  65. package/package.json +1 -1
@@ -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, 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;
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, 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 }) })) })));
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;AAiBlD,IAAM,qBAAqB,GAA8B,UAAC,EAazD;QAZC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA,EACrB,QAAQ,cAAA;IAER,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,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,GAClB,IACmB,IACnB,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,0DAAkD;AAElD,mEAAwD;AACxD,+GAAyF;AAEzF,wEAAkD;AAkBlD,IAAM,qBAAqB,GAA8B,UAAC,EAczD;QAbC,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;IAER,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,GAClB,IACmB,IACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
@@ -8,5 +8,6 @@ declare const defaultProps: {
8
8
  showText: boolean;
9
9
  hideCheckbox: boolean;
10
10
  disabled: boolean;
11
+ subtext: string;
11
12
  };
12
13
  export default defaultProps;
@@ -16,6 +16,7 @@ var defaultProps = {
16
16
  showText: true,
17
17
  hideCheckbox: false,
18
18
  disabled: false,
19
+ subtext: '',
19
20
  };
20
21
  exports.default = defaultProps;
21
22
  //# sourceMappingURL=defaultProps.js.map
@@ -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,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,KAAK;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;IACf,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,kBAAe,YAAY,CAAC"}
@@ -1,5 +1,6 @@
1
- declare const makeIconTileCheckBoxStyling: ({ showText }: {
1
+ declare const makeIconTileCheckBoxStyling: ({ showText, isSubtextPresent, }: {
2
2
  showText: boolean;
3
+ isSubtextPresent: boolean;
3
4
  }) => {
4
5
  container: import("@emotion/react").SerializedStyles;
5
6
  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;
18
+ var showText = _a.showText, isSubtextPresent = _a.isSubtextPresent;
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,15 +24,17 @@ var makeIconTileCheckBoxStyling = function (_a) {
24
24
  alignItems: 'center',
25
25
  justifyContent: 'center',
26
26
  flexDirection: 'column',
27
- height: '100%',
28
- '& .MuiTypography-root': {
29
- marginBottom: 14,
30
- },
27
+ minHeight: '100%',
28
+ '& .MuiTypography-root': __assign({ marginBottom: 14 }, (isSubtextPresent && {
29
+ marginTop: 0,
30
+ marginBottom: 0,
31
+ paddingBottom: 0,
32
+ paddingTop: 0,
33
+ })),
31
34
  }),
32
- icon: (0, react_1.css)(__assign(__assign({}, (showText && {
35
+ icon: (0, react_1.css)(__assign(__assign({}, (showText && __assign({ marginBottom: 4, marginTop: 4 }, (!isSubtextPresent && {
33
36
  marginTop: 12,
34
- marginBottom: 4,
35
- })), (_b = { '& img': {
37
+ })))), (_b = { '& img': {
36
38
  height: 35,
37
39
  } }, _b[breakpoints.up('mobileMedium')] = {
38
40
  '& img': {
@@ -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,EAAmC;;QAAjC,QAAQ,cAAA;IACvC,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,MAAM,EAAE,MAAM;YACd,uBAAuB,EAAE;gBACvB,YAAY,EAAE,EAAE;aACjB;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,wBACJ,CAAC,QAAQ,IAAI;YACd,SAAS,EAAE,EAAE;YACb,YAAY,EAAE,CAAC;SAChB,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"}
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,EAMpC;;QALC,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAKV,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,MAAM;YACjB,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"}
@@ -13,5 +13,6 @@ interface IComponentProps {
13
13
  otherInputError?: boolean;
14
14
  otherInputValue: string;
15
15
  text: string;
16
+ subtext?: string;
16
17
  }
17
18
  export default IComponentProps;
@@ -26,12 +26,15 @@ 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, 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;
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];
33
33
  var otherInputRef = (0, react_1.useRef)(null);
34
- var styles = (0, makeIconTileRadioButtonStyling_1.default)();
34
+ var isSubtextPresent = !!subtext;
35
+ var styles = (0, makeIconTileRadioButtonStyling_1.default)({
36
+ isSubtextPresent: isSubtextPresent,
37
+ });
35
38
  var isSelected = id === selectedId;
36
39
  var isTextfield = (isOtherOption && isFocused) || !!otherValue;
37
40
  var handleClick = function () {
@@ -82,9 +85,12 @@ var IconTileRadioButton = function (_a) {
82
85
  }
83
86
  setIsFocused(false);
84
87
  };
85
- return ((0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "radioButtonCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.container }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ css: styles.icon }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: styles.imgDiv }, { children: Icon })) })), isTextfield ? ((0, jsx_runtime_1.jsx)("div", __assign({ css: styles.otherInput }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "other-option-textfield", id: id, placeholder: text, onClick: handleClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, inputProps: {
88
+ var renderTextContent = function () {
89
+ return subtext ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: "tileItem", experimentName: experimentName }, { children: text })), (0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: "tileItemSubtext", experimentName: experimentName }, { children: subtext }))] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: "tileItem", experimentName: experimentName }, { children: text })));
90
+ };
91
+ return ((0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "radioButtonCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName, fitContent: isSubtextPresent }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.container }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ css: styles.icon }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: styles.imgDiv }, { children: Icon })) })), isTextfield ? ((0, jsx_runtime_1.jsx)("div", __assign({ css: styles.otherInput }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "other-option-textfield", id: id, placeholder: text, onClick: handleClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, inputProps: {
86
92
  enterKeyHint: 'go',
87
- }, experimentName: experimentName }) }))) : ((0, jsx_runtime_1.jsx)(Text_1.default, __assign({ "data-testid": "text", variant: "tileItem", experimentName: experimentName }, { children: text })))] })) })));
93
+ }, experimentName: experimentName }) }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderTextContent() }))] })) })));
88
94
  };
89
95
  IconTileRadioButton.defaultProps = defaultProps_1.default;
90
96
  exports.default = IconTileRadioButton;
@@ -1 +1 @@
1
- {"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"IconTileRadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileRadioButton/IconTileRadioButton.tsx"],"names":[],"mappings":"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"}
@@ -7,6 +7,7 @@ declare type IconTileRadioButtonStoryType = React.FunctionComponent<{
7
7
  otherInputError: boolean;
8
8
  otherInputValue: string;
9
9
  text: string;
10
+ subtext: string;
10
11
  parentContainerWidth: number;
11
12
  parentContainerHeight: number;
12
13
  }>;
@@ -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, 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;
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, 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" }) })) })) })));
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;AAaxD,IAAM,wBAAwB,GAAiC,UAAC,EAS/D;QARC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,oBAAoB,0BAAA,EACpB,qBAAqB,2BAAA;IAEf,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,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAC,SAAS,GACxB,IACyB,IACR,IACnB,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,mEAAwD;AACxD,+GAAyF;AACzF,mGAA6E;AAE7E,8EAAwD;AAcxD,IAAM,wBAAwB,GAAiC,UAAC,EAU/D;QATC,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;IAEf,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,GACxB,IACyB,IACR,IACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,CAAC"}
@@ -5,5 +5,6 @@ declare const defaultProps: {
5
5
  onKeyDown: () => void;
6
6
  otherInputValue: string;
7
7
  selected: boolean;
8
+ subtext: string;
8
9
  };
9
10
  export default defaultProps;
@@ -13,6 +13,7 @@ var defaultProps = {
13
13
  },
14
14
  otherInputValue: '',
15
15
  selected: false,
16
+ subtext: '',
16
17
  };
17
18
  exports.default = defaultProps;
18
19
  //# sourceMappingURL=defaultProps.js.map
@@ -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,SAAS,EAAE;QACT,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;IACf,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,kBAAe,YAAY,CAAC"}
@@ -1,4 +1,6 @@
1
- declare const makeIconTileRadioButtonStyling: () => {
1
+ declare const makeIconTileRadioButtonStyling: ({ isSubtextPresent, }: {
2
+ isSubtextPresent: boolean;
3
+ }) => {
2
4
  container: import("@emotion/react").SerializedStyles;
3
5
  icon: import("@emotion/react").SerializedStyles;
4
6
  otherInput: import("@emotion/react").SerializedStyles;
@@ -1,9 +1,21 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
2
13
  Object.defineProperty(exports, "__esModule", { value: true });
3
14
  var react_1 = require("@emotion/react");
4
- var makeIconTileRadioButtonStyling = function () {
5
- var _a;
6
- var _b = (0, react_1.useTheme)(), breakpoints = _b.breakpoints, mvf = _b.mvf;
15
+ var makeIconTileRadioButtonStyling = function (_a) {
16
+ var _b;
17
+ var isSubtextPresent = _a.isSubtextPresent;
18
+ var _c = (0, react_1.useTheme)(), breakpoints = _c.breakpoints, mvf = _c.mvf;
7
19
  var spacing = mvf.spacing;
8
20
  return {
9
21
  container: (0, react_1.css)({
@@ -11,44 +23,39 @@ var makeIconTileRadioButtonStyling = function () {
11
23
  alignItems: 'center',
12
24
  justifyContent: 'center',
13
25
  flexDirection: 'column',
14
- height: '100%',
15
- '& .MuiTypography-root': {
16
- marginBottom: 14,
17
- },
26
+ minHeight: '100%',
27
+ '& .MuiTypography-root': __assign({ marginBottom: 14 }, (isSubtextPresent && {
28
+ marginTop: 0,
29
+ marginBottom: 0,
30
+ paddingBottom: 0,
31
+ paddingTop: 0,
32
+ })),
18
33
  }),
19
- icon: (0, react_1.css)((_a = {
20
- marginTop: 12,
21
- marginBottom: 4,
22
- '& img': {
34
+ icon: (0, react_1.css)(__assign(__assign({ marginBottom: 4 }, (!isSubtextPresent && {
35
+ marginTop: 12,
36
+ })), (_b = { '& img': {
23
37
  height: 35,
24
- }
25
- },
26
- _a[breakpoints.up('mobileMedium')] = {
27
- '& img': {
28
- height: 39,
29
- },
38
+ } }, _b[breakpoints.up('mobileMedium')] = {
39
+ '& img': {
40
+ height: 39,
30
41
  },
31
- _a[breakpoints.up('mobileLarge')] = {
32
- '& img': {
33
- height: 42,
34
- },
42
+ }, _b[breakpoints.up('mobileLarge')] = {
43
+ '& img': {
44
+ height: 42,
35
45
  },
36
- _a[breakpoints.up('tabletSmall')] = {
37
- '& img': {
38
- height: 43,
39
- },
46
+ }, _b[breakpoints.up('tabletSmall')] = {
47
+ '& img': {
48
+ height: 43,
40
49
  },
41
- _a[breakpoints.up('tabletMedium')] = {
42
- '& img': {
43
- height: 54,
44
- },
50
+ }, _b[breakpoints.up('tabletMedium')] = {
51
+ '& img': {
52
+ height: 54,
45
53
  },
46
- _a[breakpoints.up('desktopMedium')] = {
47
- '& img': {
48
- height: 65,
49
- },
54
+ }, _b[breakpoints.up('desktopMedium')] = {
55
+ '& img': {
56
+ height: 65,
50
57
  },
51
- _a)),
58
+ }, _b))),
52
59
  otherInput: (0, react_1.css)({
53
60
  marginLeft: spacing.small,
54
61
  marginRight: spacing.small,
@@ -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;;IAC/B,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,MAAM,EAAE,MAAM;YACd,uBAAuB,EAAE;gBACvB,YAAY,EAAE,EAAE;aACjB;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG;gBACP,SAAS,EAAE,EAAE;gBACb,YAAY,EAAE,CAAC;gBACf,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;gBAChC,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;gBAC/B,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;gBAC/B,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;gBAChC,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;YACD,GAAC,WAAW,CAAC,EAAE,CAAC,eAAe,CAAC,IAAG;gBACjC,OAAO,EAAE;oBACP,MAAM,EAAE,EAAE;iBACX;aACF;gBACD;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"}
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,EAIvC;;QAHC,gBAAgB,sBAAA;IAIV,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,MAAM;YACjB,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,IACZ,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"}
@@ -13,6 +13,7 @@ interface IRadioButtonProps {
13
13
  onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
14
14
  otherInputError?: boolean;
15
15
  text: string;
16
+ subtext?: string;
16
17
  otherInputValue: string;
17
18
  smallIcon?: boolean;
18
19
  }
@@ -29,7 +29,7 @@ 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;
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;
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];
@@ -86,11 +86,14 @@ var RadioButton = function (_a) {
86
86
  }
87
87
  setIsFocused(false);
88
88
  };
89
+ var renderTextContent = function () {
90
+ return subtext ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: "listItemWithSubtext", align: "left", experimentName: experimentName }, { children: text })), (0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: "listItemSubtext", align: "left", experimentName: experimentName }, { children: subtext }))] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: "listItem", align: "left", experimentName: experimentName }, { children: text })));
91
+ };
89
92
  return ((0, jsx_runtime_1.jsx)(Grid_1.default, { children: (0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, onBlur: handleBlur, "data-testid": "radioButtonCardButton", outlined: isSelected, experimentName: experimentName }, { children: (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap" }, { children: (0, jsx_runtime_1.jsxs)(Grid_1.default, __assign({ container: true, alignItems: "center", css: styles.innerGrid }, { children: [isIconPresent ? ((0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true, css: styles.icon }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: styles.imgDiv, "data-testid": "radioIcon" }, { children: Icon })) }))) : ((0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(Radio_1.default, { id: "radio-".concat(id), icon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(RadioIcon_1.default, { isChecked: true }), css: styles.radio, checked: isSelected,
90
93
  // TODO there is no click handler on the radio button itself, add one so that the radio button can be selected by clicking on it
91
94
  color: "primary", "data-testid": "toggle-".concat(id), onMouseDown: function (event) { return event.preventDefault(); } }) }))), (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true, css: styles.textGrid }, { children: isTextfield ? ((0, jsx_runtime_1.jsx)("div", __assign({ css: styles.otherInput }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherOptionTextfield:".concat(id), id: id, placeholder: text, onBlur: onBlur, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, inputProps: {
92
95
  enterKeyHint: 'go',
93
- }, experimentName: experimentName }) }))) : ((0, jsx_runtime_1.jsx)(Text_1.default, __assign({ variant: "listItem", align: "left", experimentName: experimentName }, { children: text }))) }))] })) })) })) }));
96
+ }, experimentName: experimentName }) }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderTextContent() })) }))] })) })) })) }));
94
97
  };
95
98
  RadioButton.defaultProps = defaultProps_1.default;
96
99
  exports.default = RadioButton;
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":"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"}
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,EAcrC;QAbC,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;IAED,IAAA,KAAgC,IAAA,kBAAU,EAAC,2BAAiB,CAAC,EAA3D,UAAU,gBAAA,EAAE,aAAa,mBAAkC,CAAC;IAC9D,IAAA,KAA8B,IAAA,gBAAQ,EAAC,eAAe,CAAC,EAAtD,UAAU,QAAA,EAAE,aAAa,QAA6B,CAAC;IACxD,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAClD,IAAM,aAAa,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAC5D,IAAM,UAAU,GAAG,EAAE,KAAK,UAAU,CAAC;IACrC,IAAM,MAAM,GAAG,IAAA,gCAAsB,EAAC,SAAS,CAAC,CAAC;IACjD,IAAM,WAAW,GAAG,CAAC,aAAa,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC;IACjE,IAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC;IAE7B,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,CAAC,CAAC;QAChB,IAAI,IAAA,iCAAK,GAAE,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,aAAa,EAAE;YACtD,IAAA,wCAAe,EAAC,aAAa,CAAC,CAAC;SAChC;QACD,IAAI,aAAa,CAAC,OAAO,EAAE;YACzB,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,UAAU,IAAI,UAAU,EAAE;gBAC7B,aAAa,CAAC,EAAE,CAAC,CAAC;aACnB;YACD,OAAO;SACR;QACD,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA2C;QAChE,IAAI,KAAK,EAAE;YACT,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE;gBAClD,IAAI,CAAC,UAAU,EAAE;oBACf,aAAa,CAAC,SAAS,CAAC,CAAC;oBACzB,YAAY,CAAC,KAAK,CAAC,CAAC;iBACrB;gBACD,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;aAC9B;SACF;IACH,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG,UAAC,gBAAsC;QACpE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAC3B,aAAa,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,gBAAgB,CAAC,KAAK,EAAE;YAC1B,aAAa,CAAC,EAAE,CAAC,CAAC;SACnB;aAAM;YACL,aAAa,CAAC,SAAS,CAAC,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,UAAU,IAAI,aAAa,CAAC,OAAO,IAAI,CAAC,IAAA,iCAAK,GAAE,EAAE;YACnD,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAM,UAAU,GAAG;QACjB,IAAI,CAAC,UAAU,EAAE;YACf,aAAa,CAAC,SAAS,CAAC,CAAC;SAC1B;QACD,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG;QACxB,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6DACE,uBAAC,cAAI,aACH,OAAO,EAAC,qBAAqB,EAC7B,KAAK,EAAC,MAAM,EACZ,cAAc,EAAE,cAAc,gBAE7B,IAAI,IACA,EACP,uBAAC,cAAI,aACH,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAC,MAAM,EACZ,cAAc,EAAE,cAAc,gBAE7B,OAAO,IACH,IACN,CACJ,CAAC,CAAC,CAAC,CACF,uBAAC,cAAI,aAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAC,cAAc,EAAE,cAAc,gBACjE,IAAI,IACA,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,cAAM,cACL,uBAAC,oBAAU,aACT,QAAQ,EAAE,UAAU,mBACL,UAAU,EACzB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,iBACN,uBAAuB,EACnC,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,cAAc,gBAE9B,uBAAC,cAAM,aACL,SAAS,QACT,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ,gBAEb,wBAAC,cAAM,aAAC,SAAS,QAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,MAAM,CAAC,SAAS,iBACxD,aAAa,CAAC,CAAC,CAAC,CACf,uBAAC,cAAM,aAAC,IAAI,QAAC,GAAG,EAAE,MAAM,CAAC,IAAI,gBAC3B,yCAAK,GAAG,EAAE,MAAM,CAAC,MAAM,iBAAc,WAAW,gBAC7C,IAAI,IACD,IACC,CACV,CAAC,CAAC,CAAC,CACF,uBAAC,cAAM,aAAC,IAAI,sBACV,uBAAC,eAAO,IACN,EAAE,EAAE,gBAAS,EAAE,CAAE,EACjB,IAAI,EAAE,uBAAC,mBAAS,IAAC,SAAS,EAAE,KAAK,GAAI,EACrC,WAAW,EAAE,uBAAC,mBAAS,IAAC,SAAS,EAAE,IAAI,GAAI,EAC3C,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,OAAO,EAAE,UAAU;gCACnB,gIAAgI;gCAChI,KAAK,EAAC,SAAS,iBACF,iBAAU,EAAE,CAAE,EAC3B,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB,GAC9C,IACK,CACV,EACD,uBAAC,cAAM,aAAC,IAAI,QAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,gBAC9B,WAAW,CAAC,CAAC,CAAC,CACb,yCAAK,GAAG,EAAE,MAAM,CAAC,UAAU,gBACzB,uBAAC,mBAAS,mBACK,+BAAwB,EAAE,CAAE,EACzC,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,IAAI,EACjB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,sBAAsB,EAChC,aAAa,EAAE,IAAI,EACnB,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,eAAe,EACtB,UAAU,EAAE;wCACV,YAAY,EAAE,IAAI;qCACnB,EACD,cAAc,EAAE,cAAc,GAC9B,IACE,CACP,CAAC,CAAC,CAAC,CACF,2DAAG,iBAAiB,EAAE,GAAI,CAC3B,IACM,KACF,IACF,IACE,GACN,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
@@ -6,6 +6,7 @@ declare type RadioButtonStoryType = React.FunctionComponent<{
6
6
  otherInputError: boolean;
7
7
  isOtherOption: boolean;
8
8
  text: string;
9
+ subtext: string;
9
10
  parentContainerWidth: number;
10
11
  smallIcon: boolean;
11
12
  }>;
@@ -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, 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;
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 }) })) })) })));
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 }) })) })) })));
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;AAYxD,IAAM,gBAAgB,GAAyB,UAAC,EAQ/C;QAPC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,oBAAoB,0BAAA,EACpB,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,GACpB,IACyB,IACR,IACnB,CACP,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,+GAAyF;AACzF,mGAA6E;AAE7E,8DAAwC;AACxC,mEAAwD;AAaxD,IAAM,gBAAgB,GAAyB,UAAC,EAS/C;QARC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,oBAAoB,0BAAA,EACpB,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,GAChB,IACyB,IACR,IACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
@@ -7,5 +7,6 @@ declare const defaultProps: {
7
7
  selected: boolean;
8
8
  otherInputValue: string;
9
9
  smallIcon: boolean;
10
+ subtext: string;
10
11
  };
11
12
  export default defaultProps;
@@ -17,6 +17,7 @@ var defaultProps = {
17
17
  selected: false,
18
18
  otherInputValue: '',
19
19
  smallIcon: false,
20
+ subtext: '',
20
21
  };
21
22
  exports.default = defaultProps;
22
23
  //# sourceMappingURL=defaultProps.js.map
@@ -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,SAAS,EAAE;QACT,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,KAAK;CACjB,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;IACnB,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,kBAAe,YAAY,CAAC"}
@@ -17,6 +17,7 @@ interface ICheckboxProps {
17
17
  otherInputError?: boolean;
18
18
  selected: boolean;
19
19
  text: string;
20
+ subtext?: string;
20
21
  otherInputValue: string;
21
22
  textAlign: 'left' | 'center';
22
23
  }
@@ -10,5 +10,6 @@ declare const defaultProps: {
10
10
  textAlign: "left" | "center";
11
11
  hideCheckbox: boolean;
12
12
  disabled: boolean;
13
+ subtext: string;
13
14
  };
14
15
  export default defaultProps;
@@ -20,6 +20,7 @@ var defaultProps = {
20
20
  textAlign: 'left',
21
21
  hideCheckbox: false,
22
22
  disabled: false,
23
+ subtext: '',
23
24
  };
24
25
  exports.default = defaultProps;
25
26
  //# sourceMappingURL=defaultProps.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/Molecules/CheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;IACd,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,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,MAA2B;IACtC,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/Molecules/CheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;IACd,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,eAAe,EAAE,EAAE;IACnB,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,MAA2B;IACtC,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,kBAAe,YAAY,CAAC"}
@@ -13,6 +13,7 @@ interface IRadioButtonProps {
13
13
  onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
14
14
  otherInputError?: boolean;
15
15
  text: string;
16
+ subtext?: string;
16
17
  otherInputValue: string;
17
18
  }
18
19
  export default IRadioButtonProps;
@@ -6,5 +6,6 @@ declare const defaultProps: {
6
6
  onKeyDown: () => void;
7
7
  selected: boolean;
8
8
  otherInputValue: string;
9
+ subtext: string;
9
10
  };
10
11
  export default defaultProps;
@@ -16,6 +16,7 @@ var defaultProps = {
16
16
  },
17
17
  selected: false,
18
18
  otherInputValue: '',
19
+ subtext: '',
19
20
  };
20
21
  exports.default = defaultProps;
21
22
  //# sourceMappingURL=defaultProps.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/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"}
1
+ {"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/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;IACnB,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,kBAAe,YAAY,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mvf/external-components",
3
- "version": "3.28.1-dev.1",
3
+ "version": "3.28.2-dev.0",
4
4
  "license": "UNLICENSED",
5
5
  "scripts": {
6
6
  "dev": "scripts/up.sh",