@mvf/external-components 3.20.2 → 3.21.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 (350) hide show
  1. package/Components/Atoms/CardButton/CardButton.js +17 -7
  2. package/Components/Atoms/CardButton/CardButton.js.map +1 -1
  3. package/Components/Atoms/CardButton/CardButtonStory.js +17 -7
  4. package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
  5. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +17 -7
  6. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
  7. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +17 -7
  8. package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
  9. package/Components/Atoms/InfoPanel/InfoPanelStory.js +17 -7
  10. package/Components/Atoms/InfoPanel/InfoPanelStory.js.map +1 -1
  11. package/Components/Atoms/Input/Input.js +17 -7
  12. package/Components/Atoms/Input/Input.js.map +1 -1
  13. package/Components/Molecules/CheckBox/CheckBox.js +17 -7
  14. package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
  15. package/Components/Molecules/DatePicker/DatePickerStory.js +17 -7
  16. package/Components/Molecules/DatePicker/DatePickerStory.js.map +1 -1
  17. package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +17 -7
  18. package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
  19. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +17 -7
  20. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
  21. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +17 -7
  22. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
  23. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +17 -7
  24. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
  25. package/Components/Molecules/ScrollContainer/ScrollContainer.js +17 -7
  26. package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
  27. package/Components/Organisms/RadioGroup/RadioGroup.js +17 -7
  28. package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
  29. package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js +17 -7
  30. package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
  31. package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js +17 -7
  32. package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -1
  33. package/Components/Organisms/__helpers__/Options.js +19 -7
  34. package/Components/Organisms/__helpers__/Options.js.map +1 -1
  35. package/Experiments/CRO584/Atoms/CardButton/CardButton.d.ts +7 -0
  36. package/Experiments/CRO584/Atoms/CardButton/CardButton.js +81 -0
  37. package/Experiments/CRO584/Atoms/CardButton/CardButton.js.map +1 -0
  38. package/Experiments/CRO584/Atoms/CardButton/CardButton.test.d.ts +1 -0
  39. package/Experiments/CRO584/Atoms/CardButton/CardButton.test.js +24 -0
  40. package/Experiments/CRO584/Atoms/CardButton/CardButton.test.js.map +1 -0
  41. package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.d.ts +7 -0
  42. package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.js +57 -0
  43. package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.js.map +1 -0
  44. package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.d.ts +11 -0
  45. package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.js +3 -0
  46. package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.js.map +1 -0
  47. package/Experiments/CRO584/Atoms/CardButton/defaultProps.d.ts +4 -0
  48. package/Experiments/CRO584/Atoms/CardButton/defaultProps.js +7 -0
  49. package/Experiments/CRO584/Atoms/CardButton/defaultProps.js.map +1 -0
  50. package/Experiments/CRO584/Atoms/CardButton/index.d.ts +1 -0
  51. package/Experiments/CRO584/Atoms/CardButton/index.js +9 -0
  52. package/Experiments/CRO584/Atoms/CardButton/index.js.map +1 -0
  53. package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.d.ts +12 -0
  54. package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.js +58 -0
  55. package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.js.map +1 -0
  56. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +15 -0
  57. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +57 -0
  58. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -0
  59. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.d.ts +1 -0
  60. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +74 -0
  61. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -0
  62. package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.d.ts +1 -0
  63. package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.js +10 -0
  64. package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.js.map +1 -0
  65. package/Experiments/CRO584/Atoms/FormControl/FormControl.d.ts +7 -0
  66. package/Experiments/CRO584/Atoms/FormControl/FormControl.js +39 -0
  67. package/Experiments/CRO584/Atoms/FormControl/FormControl.js.map +1 -0
  68. package/Experiments/CRO584/Atoms/FormControl/FormControl.test.d.ts +1 -0
  69. package/Experiments/CRO584/Atoms/FormControl/FormControl.test.js +21 -0
  70. package/Experiments/CRO584/Atoms/FormControl/FormControl.test.js.map +1 -0
  71. package/Experiments/CRO584/Atoms/FormControl/FormControlStory.d.ts +7 -0
  72. package/Experiments/CRO584/Atoms/FormControl/FormControlStory.js +15 -0
  73. package/Experiments/CRO584/Atoms/FormControl/FormControlStory.js.map +1 -0
  74. package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.d.ts +6 -0
  75. package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.js +3 -0
  76. package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.js.map +1 -0
  77. package/Experiments/CRO584/Atoms/FormControl/defaultProps.d.ts +2 -0
  78. package/Experiments/CRO584/Atoms/FormControl/defaultProps.js +5 -0
  79. package/Experiments/CRO584/Atoms/FormControl/defaultProps.js.map +1 -0
  80. package/Experiments/CRO584/Atoms/FormControl/index.d.ts +1 -0
  81. package/Experiments/CRO584/Atoms/FormControl/index.js +9 -0
  82. package/Experiments/CRO584/Atoms/FormControl/index.js.map +1 -0
  83. package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.d.ts +5 -0
  84. package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.js +57 -0
  85. package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.js.map +1 -0
  86. package/Experiments/CRO584/Atoms/Input/IInputProps.d.ts +26 -0
  87. package/Experiments/CRO584/Atoms/Input/IInputProps.js +3 -0
  88. package/Experiments/CRO584/Atoms/Input/IInputProps.js.map +1 -0
  89. package/Experiments/CRO584/Atoms/Input/Input.d.ts +7 -0
  90. package/Experiments/CRO584/Atoms/Input/Input.js +103 -0
  91. package/Experiments/CRO584/Atoms/Input/Input.js.map +1 -0
  92. package/Experiments/CRO584/Atoms/Input/Input.test.d.ts +1 -0
  93. package/Experiments/CRO584/Atoms/Input/Input.test.js +79 -0
  94. package/Experiments/CRO584/Atoms/Input/Input.test.js.map +1 -0
  95. package/Experiments/CRO584/Atoms/Input/InputStory.d.ts +18 -0
  96. package/Experiments/CRO584/Atoms/Input/InputStory.js +15 -0
  97. package/Experiments/CRO584/Atoms/Input/InputStory.js.map +1 -0
  98. package/Experiments/CRO584/Atoms/Input/defaultProps.d.ts +12 -0
  99. package/Experiments/CRO584/Atoms/Input/defaultProps.js +21 -0
  100. package/Experiments/CRO584/Atoms/Input/defaultProps.js.map +1 -0
  101. package/Experiments/CRO584/Atoms/Input/icons.d.ts +29 -0
  102. package/Experiments/CRO584/Atoms/Input/icons.js +32 -0
  103. package/Experiments/CRO584/Atoms/Input/icons.js.map +1 -0
  104. package/Experiments/CRO584/Atoms/Input/index.d.ts +1 -0
  105. package/Experiments/CRO584/Atoms/Input/index.js +9 -0
  106. package/Experiments/CRO584/Atoms/Input/index.js.map +1 -0
  107. package/Experiments/CRO584/Atoms/Input/makeInputStyles.d.ts +14 -0
  108. package/Experiments/CRO584/Atoms/Input/makeInputStyles.js +129 -0
  109. package/Experiments/CRO584/Atoms/Input/makeInputStyles.js.map +1 -0
  110. package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.d.ts +7 -0
  111. package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.js +3 -0
  112. package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.js.map +1 -0
  113. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.d.ts +7 -0
  114. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.js +39 -0
  115. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.js.map +1 -0
  116. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.d.ts +1 -0
  117. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.js +18 -0
  118. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.js.map +1 -0
  119. package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.d.ts +4 -0
  120. package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.js +12 -0
  121. package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.js.map +1 -0
  122. package/Experiments/CRO584/Atoms/InputLabel/defaultProps.d.ts +2 -0
  123. package/Experiments/CRO584/Atoms/InputLabel/defaultProps.js +5 -0
  124. package/Experiments/CRO584/Atoms/InputLabel/defaultProps.js.map +1 -0
  125. package/Experiments/CRO584/Atoms/InputLabel/index.d.ts +1 -0
  126. package/Experiments/CRO584/Atoms/InputLabel/index.js +9 -0
  127. package/Experiments/CRO584/Atoms/InputLabel/index.js.map +1 -0
  128. package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.d.ts +5 -0
  129. package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.js +33 -0
  130. package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.js.map +1 -0
  131. package/Experiments/CRO584/Atoms/Text/ITextProps.d.ts +8 -0
  132. package/Experiments/CRO584/Atoms/Text/ITextProps.js +3 -0
  133. package/Experiments/CRO584/Atoms/Text/ITextProps.js.map +1 -0
  134. package/Experiments/CRO584/Atoms/Text/Text.d.ts +7 -0
  135. package/Experiments/CRO584/Atoms/Text/Text.js +30 -0
  136. package/Experiments/CRO584/Atoms/Text/Text.js.map +1 -0
  137. package/Experiments/CRO584/Atoms/Text/Text.test.d.ts +1 -0
  138. package/Experiments/CRO584/Atoms/Text/Text.test.js +15 -0
  139. package/Experiments/CRO584/Atoms/Text/Text.test.js.map +1 -0
  140. package/Experiments/CRO584/Atoms/Text/TextStory.d.ts +8 -0
  141. package/Experiments/CRO584/Atoms/Text/TextStory.js +15 -0
  142. package/Experiments/CRO584/Atoms/Text/TextStory.js.map +1 -0
  143. package/Experiments/CRO584/Atoms/Text/defaultProps.d.ts +4 -0
  144. package/Experiments/CRO584/Atoms/Text/defaultProps.js +7 -0
  145. package/Experiments/CRO584/Atoms/Text/defaultProps.js.map +1 -0
  146. package/Experiments/CRO584/Atoms/Text/index.d.ts +1 -0
  147. package/Experiments/CRO584/Atoms/Text/index.js +9 -0
  148. package/Experiments/CRO584/Atoms/Text/index.js.map +1 -0
  149. package/Experiments/CRO584/Atoms/Text/makeTextStyling.d.ts +5 -0
  150. package/Experiments/CRO584/Atoms/Text/makeTextStyling.js +227 -0
  151. package/Experiments/CRO584/Atoms/Text/makeTextStyling.js.map +1 -0
  152. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.d.ts +7 -0
  153. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.js +129 -0
  154. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.js.map +1 -0
  155. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.d.ts +1 -0
  156. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.js +279 -0
  157. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.js.map +1 -0
  158. package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.d.ts +17 -0
  159. package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.js +25 -0
  160. package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.js.map +1 -0
  161. package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.d.ts +22 -0
  162. package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.js +3 -0
  163. package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.js.map +1 -0
  164. package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.d.ts +3 -0
  165. package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.js +13 -0
  166. package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.js.map +1 -0
  167. package/Experiments/CRO584/Molecules/CheckBox/defaultProps.d.ts +14 -0
  168. package/Experiments/CRO584/Molecules/CheckBox/defaultProps.js +25 -0
  169. package/Experiments/CRO584/Molecules/CheckBox/defaultProps.js.map +1 -0
  170. package/Experiments/CRO584/Molecules/CheckBox/index.d.ts +1 -0
  171. package/Experiments/CRO584/Molecules/CheckBox/index.js +9 -0
  172. package/Experiments/CRO584/Molecules/CheckBox/index.js.map +1 -0
  173. package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.d.ts +13 -0
  174. package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.js +100 -0
  175. package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.js.map +1 -0
  176. package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.d.ts +21 -0
  177. package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.js +3 -0
  178. package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.js.map +1 -0
  179. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.d.ts +7 -0
  180. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.js +93 -0
  181. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -0
  182. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.d.ts +1 -0
  183. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +188 -0
  184. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -0
  185. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +18 -0
  186. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +24 -0
  187. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -0
  188. package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.d.ts +3 -0
  189. package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js +14 -0
  190. package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js.map +1 -0
  191. package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.d.ts +12 -0
  192. package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.js +21 -0
  193. package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.js.map +1 -0
  194. package/Experiments/CRO584/Molecules/IconTileCheckBox/index.d.ts +1 -0
  195. package/Experiments/CRO584/Molecules/IconTileCheckBox/index.js +9 -0
  196. package/Experiments/CRO584/Molecules/IconTileCheckBox/index.js.map +1 -0
  197. package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.d.ts +10 -0
  198. package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js +91 -0
  199. package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js.map +1 -0
  200. package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.d.ts +16 -0
  201. package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.js +3 -0
  202. package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.js.map +1 -0
  203. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts +7 -0
  204. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.js +80 -0
  205. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -0
  206. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.d.ts +1 -0
  207. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +211 -0
  208. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -0
  209. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +14 -0
  210. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +60 -0
  211. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -0
  212. package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.d.ts +3 -0
  213. package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js +14 -0
  214. package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js.map +1 -0
  215. package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.d.ts +9 -0
  216. package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.js +18 -0
  217. package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.js.map +1 -0
  218. package/Experiments/CRO584/Molecules/IconTileRadioButton/index.d.ts +1 -0
  219. package/Experiments/CRO584/Molecules/IconTileRadioButton/index.js +9 -0
  220. package/Experiments/CRO584/Molecules/IconTileRadioButton/index.js.map +1 -0
  221. package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.d.ts +7 -0
  222. package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js +71 -0
  223. package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js.map +1 -0
  224. package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.d.ts +17 -0
  225. package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.js +3 -0
  226. package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.js.map +1 -0
  227. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.d.ts +7 -0
  228. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.js +86 -0
  229. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.js.map +1 -0
  230. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.d.ts +1 -0
  231. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.js +123 -0
  232. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.js.map +1 -0
  233. package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.d.ts +12 -0
  234. package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.js +28 -0
  235. package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.js.map +1 -0
  236. package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.d.ts +3 -0
  237. package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.js +13 -0
  238. package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.js.map +1 -0
  239. package/Experiments/CRO584/Molecules/RadioButton/defaultProps.d.ts +10 -0
  240. package/Experiments/CRO584/Molecules/RadioButton/defaultProps.js +21 -0
  241. package/Experiments/CRO584/Molecules/RadioButton/defaultProps.js.map +1 -0
  242. package/Experiments/CRO584/Molecules/RadioButton/index.d.ts +1 -0
  243. package/Experiments/CRO584/Molecules/RadioButton/index.js +9 -0
  244. package/Experiments/CRO584/Molecules/RadioButton/index.js.map +1 -0
  245. package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.d.ts +10 -0
  246. package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.js +76 -0
  247. package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.js.map +1 -0
  248. package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.d.ts +25 -0
  249. package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.js +3 -0
  250. package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.js.map +1 -0
  251. package/Experiments/CRO584/Molecules/TextField/TextField.d.ts +7 -0
  252. package/Experiments/CRO584/Molecules/TextField/TextField.js +40 -0
  253. package/Experiments/CRO584/Molecules/TextField/TextField.js.map +1 -0
  254. package/Experiments/CRO584/Molecules/TextField/TextField.test.d.ts +1 -0
  255. package/Experiments/CRO584/Molecules/TextField/TextField.test.js +63 -0
  256. package/Experiments/CRO584/Molecules/TextField/TextField.test.js.map +1 -0
  257. package/Experiments/CRO584/Molecules/TextField/TextFieldStory.d.ts +17 -0
  258. package/Experiments/CRO584/Molecules/TextField/TextFieldStory.js +13 -0
  259. package/Experiments/CRO584/Molecules/TextField/TextFieldStory.js.map +1 -0
  260. package/Experiments/CRO584/Molecules/TextField/defaultProps.d.ts +16 -0
  261. package/Experiments/CRO584/Molecules/TextField/defaultProps.js +25 -0
  262. package/Experiments/CRO584/Molecules/TextField/defaultProps.js.map +1 -0
  263. package/Experiments/CRO584/Molecules/TextField/index.d.ts +1 -0
  264. package/Experiments/CRO584/Molecules/TextField/index.js +9 -0
  265. package/Experiments/CRO584/Molecules/TextField/index.js.map +1 -0
  266. package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.d.ts +5 -0
  267. package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.js +3 -0
  268. package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.js.map +1 -0
  269. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.d.ts +7 -0
  270. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.js +19 -0
  271. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.js.map +1 -0
  272. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.d.ts +1 -0
  273. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.js +26 -0
  274. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.js.map +1 -0
  275. package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.d.ts +12 -0
  276. package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.js +16 -0
  277. package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.js.map +1 -0
  278. package/Experiments/CRO584/Organisms/ListLayout/index.d.ts +1 -0
  279. package/Experiments/CRO584/Organisms/ListLayout/index.js +9 -0
  280. package/Experiments/CRO584/Organisms/ListLayout/index.js.map +1 -0
  281. package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.d.ts +5 -0
  282. package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.js +21 -0
  283. package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.js.map +1 -0
  284. package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.d.ts +7 -0
  285. package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.js +3 -0
  286. package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.js.map +1 -0
  287. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.d.ts +7 -0
  288. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.js +57 -0
  289. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.js.map +1 -0
  290. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.d.ts +1 -0
  291. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.js +103 -0
  292. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.js.map +1 -0
  293. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.d.ts +6 -0
  294. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.js +9 -0
  295. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.js.map +1 -0
  296. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.d.ts +13 -0
  297. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.js +20 -0
  298. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.js.map +1 -0
  299. package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.d.ts +4 -0
  300. package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.js +9 -0
  301. package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.js.map +1 -0
  302. package/Experiments/CRO584/Organisms/RadioGroup/index.d.ts +1 -0
  303. package/Experiments/CRO584/Organisms/RadioGroup/index.js +9 -0
  304. package/Experiments/CRO584/Organisms/RadioGroup/index.js.map +1 -0
  305. package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.d.ts +5 -0
  306. package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.js +3 -0
  307. package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.js.map +1 -0
  308. package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.d.ts +9 -0
  309. package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.js +80 -0
  310. package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -0
  311. package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.d.ts +9 -0
  312. package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.js +83 -0
  313. package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -0
  314. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.d.ts +6 -0
  315. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.js +19 -0
  316. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.js.map +1 -0
  317. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.d.ts +1 -0
  318. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.js +22 -0
  319. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.js.map +1 -0
  320. package/Experiments/CRO584/Organisms/TileLayout/index.d.ts +1 -0
  321. package/Experiments/CRO584/Organisms/TileLayout/index.js +9 -0
  322. package/Experiments/CRO584/Organisms/TileLayout/index.js.map +1 -0
  323. package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.d.ts +9 -0
  324. package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.js +129 -0
  325. package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.js.map +1 -0
  326. package/Experiments/CRO584/Organisms/__helpers__/Options.d.ts +10 -0
  327. package/Experiments/CRO584/Organisms/__helpers__/Options.js +142 -0
  328. package/Experiments/CRO584/Organisms/__helpers__/Options.js.map +1 -0
  329. package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.d.ts +6 -0
  330. package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.js +15 -0
  331. package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.js.map +1 -0
  332. package/Experiments/Example/Atoms/CardButton/CardButton.js +17 -7
  333. package/Experiments/Example/Atoms/CardButton/CardButton.js.map +1 -1
  334. package/Experiments/Example/Atoms/CardButton/CardButtonStory.js +17 -7
  335. package/Experiments/Example/Atoms/CardButton/CardButtonStory.js.map +1 -1
  336. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +17 -7
  337. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
  338. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +17 -7
  339. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
  340. package/Experiments/Example/Atoms/Input/Input.js +17 -7
  341. package/Experiments/Example/Atoms/Input/Input.js.map +1 -1
  342. package/Experiments/Example/Molecules/CheckBox/CheckBox.js +17 -7
  343. package/Experiments/Example/Molecules/CheckBox/CheckBox.js.map +1 -1
  344. package/Interfaces/Molecules/CheckBox/CheckBox.js +3 -0
  345. package/Interfaces/Molecules/CheckBox/CheckBox.js.map +1 -1
  346. package/Interfaces/Molecules/RadioButton/RadioButton.js +3 -0
  347. package/Interfaces/Molecules/RadioButton/RadioButton.js.map +1 -1
  348. package/Themes/themes.js +17 -7
  349. package/Themes/themes.js.map +1 -1
  350. package/package.json +1 -1
@@ -0,0 +1,279 @@
1
+ "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ var __generator = (this && this.__generator) || function (thisArg, body) {
12
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
13
+ return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
14
+ function verb(n) { return function (v) { return step([n, v]); }; }
15
+ function step(op) {
16
+ if (f) throw new TypeError("Generator is already executing.");
17
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
18
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
19
+ if (y = 0, t) op = [op[0] & 2, t.value];
20
+ switch (op[0]) {
21
+ case 0: case 1: t = op; break;
22
+ case 4: _.label++; return { value: op[1], done: false };
23
+ case 5: _.label++; y = op[1]; op = [0]; continue;
24
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
25
+ default:
26
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
27
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
28
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
29
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
30
+ if (t[2]) _.ops.pop();
31
+ _.trys.pop(); continue;
32
+ }
33
+ op = body.call(thisArg, _);
34
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
35
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
36
+ }
37
+ };
38
+ var __importDefault = (this && this.__importDefault) || function (mod) {
39
+ return (mod && mod.__esModule) ? mod : { "default": mod };
40
+ };
41
+ Object.defineProperty(exports, "__esModule", { value: true });
42
+ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
43
+ /** @jsxImportSource @emotion/react */
44
+ var react_1 = require("@testing-library/react");
45
+ var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
46
+ var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
47
+ var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
48
+ var CheckBox_1 = __importDefault(require("./CheckBox"));
49
+ var imageSrc = svgs_1.default.truck;
50
+ describe('<CheckBox />', function () {
51
+ describe('isOtherOption', function () {
52
+ describe('props', function () {
53
+ it('should be selected by prop', function () {
54
+ var callback = jest.fn();
55
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: true, experimentName: "default" })).getByTestId;
56
+ var checkboxCardButton = getByTestId('checkboxCardButton');
57
+ expect(checkboxCardButton.dataset.selected).toBe('true');
58
+ });
59
+ it('should be checked by prop', function () {
60
+ var callback = jest.fn();
61
+ (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'exampleId', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: true, experimentName: "default" }));
62
+ var checkbox = react_1.screen.getByRole('checkbox');
63
+ expect(checkbox).toBeChecked();
64
+ });
65
+ });
66
+ describe('clicks', function () {
67
+ it('should call onClick function if checkbox is clicked', function () {
68
+ var callback = jest.fn();
69
+ var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', onClick: callback, experimentName: "default" })).getByText;
70
+ getByText('test').click();
71
+ expect(callback).toHaveBeenCalled();
72
+ });
73
+ it('should add a check mark when card is clicked and maintain it when given an input value', function () {
74
+ var callback = jest.fn();
75
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, selected: false, experimentName: "default" })).getByTestId;
76
+ var checkboxCardButton = getByTestId('checkboxCardButton');
77
+ checkboxCardButton.click();
78
+ var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
79
+ expect(checkbox).toBeChecked();
80
+ var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
81
+ react_1.fireEvent.change(input, { target: { value: 'Test' } });
82
+ expect(checkbox).toBeChecked();
83
+ });
84
+ it('should focus on textfield when it the card is clicked', function () {
85
+ var _a;
86
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true, experimentName: "default" })).getByTestId;
87
+ getByTestId('checkboxCardButton').click();
88
+ var input = getByTestId('checkboxCardButton');
89
+ var currentInput = input.querySelector('input[type=text]');
90
+ var activeInput = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.querySelector('input[type=text]');
91
+ expect(currentInput).toBe(activeInput);
92
+ });
93
+ it('should un-focus the component when checkbox directly clicked', function () {
94
+ // GIVEN the checkbox is clicked and no value is entered to the textfield
95
+ (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, experimentName: "default" }));
96
+ react_1.screen.getByRole('checkbox').click();
97
+ var component = react_1.screen.getByTestId('checkboxCardButton');
98
+ var input = react_1.screen.getByPlaceholderText('test');
99
+ expect(input).toHaveFocus();
100
+ // WHEN the checkbox is clicked again
101
+ react_1.screen.getByRole('checkbox').click();
102
+ // THEN the checkbox is unchecked
103
+ expect(component).not.toHaveFocus();
104
+ });
105
+ it('should un-check the checkbox when checkbox is clicked', function () {
106
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, selected: true, otherInputValue: "test value", experimentName: "default" })), getByRole = _a.getByRole, getByTestId = _a.getByTestId;
107
+ getByRole('checkbox').click();
108
+ var checkbox = getByTestId('leftCheckbox:id');
109
+ expect(checkbox).not.toBeChecked();
110
+ });
111
+ it('should un-check the checkbox when card is clicked', function () {
112
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, selected: true, otherInputValue: "test value", experimentName: "default" })).getByTestId;
113
+ var checkbox = getByTestId('leftCheckbox:id');
114
+ if (checkbox) {
115
+ checkbox.click();
116
+ }
117
+ expect(checkbox).not.toBeChecked();
118
+ });
119
+ it('should focus the textfield when the checkbox is clicked', function () {
120
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, experimentName: "default" })), getByRole = _a.getByRole, getByTestId = _a.getByTestId;
121
+ getByRole('checkbox').click();
122
+ var textbox = getByTestId('otherInputTextfield:id');
123
+ var input = textbox.querySelector('input');
124
+ expect(input).toHaveFocus();
125
+ expect(textbox).toBeInTheDocument();
126
+ expect(document.activeElement).toBe(input);
127
+ });
128
+ });
129
+ describe('when textfield is updated', function () {
130
+ it('should call onChange', function () {
131
+ var callback = jest.fn();
132
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'test id', text: 'test', selected: true, isOtherOption: true, onChange: callback, otherInputValue: "test value", experimentName: "default" })).getByTestId;
133
+ var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
134
+ react_1.fireEvent.change(input, { target: { value: 'New value' } });
135
+ expect(callback).toHaveBeenCalledWith({
136
+ id: 'test id',
137
+ value: 'New value',
138
+ });
139
+ expect(input.value).toEqual('New value');
140
+ });
141
+ it('should select the card component', function () {
142
+ var callback = jest.fn();
143
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, experimentName: "default" })).getByTestId;
144
+ var checkboxCardButton = getByTestId('checkboxCardButton');
145
+ checkboxCardButton.click();
146
+ var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
147
+ react_1.fireEvent.change(input, { target: { value: 'Test' } });
148
+ expect(checkboxCardButton.dataset.selected).toBe('true');
149
+ });
150
+ });
151
+ it('should call onKeyDown and blur the input when enter is pressed', function () {
152
+ var callback = jest.fn();
153
+ var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: '1', text: 'test', onKeyDown: callback, isOtherOption: true, otherInputValue: "test value", experimentName: "default" })).getByRole;
154
+ var textbox = getByRole('textbox');
155
+ var blurSpy = jest.spyOn(textbox, 'blur');
156
+ react_1.fireEvent.keyDown(textbox, { key: 'Enter', code: 'Enter' });
157
+ expect(callback).toHaveBeenCalled();
158
+ expect(blurSpy).toHaveBeenCalled();
159
+ });
160
+ it('should select the card component on click when a value is already present and the card is not selected by default', function () {
161
+ var callback = jest.fn();
162
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, otherInputValue: 'Test', selected: false, experimentName: "default" })).getByTestId;
163
+ var checkboxCardButton = getByTestId('checkboxCardButton');
164
+ checkboxCardButton.click();
165
+ expect(checkboxCardButton.dataset.selected).toBe('true');
166
+ });
167
+ it('should select the card component when the other option is clicked', function () {
168
+ var callback = jest.fn();
169
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, experimentName: "default" })).getByTestId;
170
+ var checkboxCardButton = getByTestId('checkboxCardButton');
171
+ checkboxCardButton.click();
172
+ expect(checkboxCardButton.dataset.selected).toBe('true');
173
+ });
174
+ it('should lose a check mark when input value is undefined and field is blurred', function () { return __awaiter(void 0, void 0, void 0, function () {
175
+ var callback, getByTestId, checkboxCardButton, checkbox, input;
176
+ return __generator(this, function (_a) {
177
+ switch (_a.label) {
178
+ case 0:
179
+ callback = jest.fn();
180
+ getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', isOtherOption: true, onChange: callback, selected: false, experimentName: "default" })).getByTestId;
181
+ checkboxCardButton = getByTestId('checkboxCardButton');
182
+ checkboxCardButton.click();
183
+ checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
184
+ expect(checkbox).toBeChecked();
185
+ input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
186
+ react_1.fireEvent.change(input, { target: { value: undefined } });
187
+ expect(checkbox).toBeChecked();
188
+ react_1.fireEvent.blur(input);
189
+ return [4 /*yield*/, (0, react_1.waitFor)(function () {
190
+ expect(checkbox).not.toBeChecked();
191
+ })];
192
+ case 1:
193
+ _a.sent();
194
+ return [2 /*return*/];
195
+ }
196
+ });
197
+ }); });
198
+ });
199
+ describe('not other option', function () {
200
+ describe('when no icon is present', function () {
201
+ it('should display left aligned checkbox text by default', function () {
202
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', experimentName: "default" }) })), getByText = _a.getByText, getByTestId = _a.getByTestId;
203
+ expect(getByText('test')).toBeTruthy();
204
+ expect(getByTestId('leftText:id')).toBeInTheDocument();
205
+ });
206
+ it('should display center aligned checkbox text', function () {
207
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', textAlign: "center", experimentName: "default" }) })), getByText = _a.getByText, getByTestId = _a.getByTestId;
208
+ expect(getByText('test')).toBeTruthy();
209
+ expect(getByTestId('centerText:id')).toBeInTheDocument();
210
+ });
211
+ it('should hide checkbox text when showText is false', function () {
212
+ var queryByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', showText: false, experimentName: "default" }) })).queryByText;
213
+ expect(queryByText('test')).not.toBeTruthy();
214
+ });
215
+ it('should hide checkbox when hideCheckbox is true', function () {
216
+ var queryByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', hideCheckbox: true, experimentName: "default" }) })).queryByText;
217
+ expect(queryByText('test')).toBeTruthy();
218
+ });
219
+ it('should begin unchecked and can be checked', function () {
220
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', experimentName: "default" })), getByText = _a.getByText, getByTestId = _a.getByTestId;
221
+ getByText('test').click();
222
+ var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
223
+ expect(checkbox).toBeChecked();
224
+ });
225
+ it('should begin checked and be unchecked', function () {
226
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', selected: true, experimentName: "default" })), getByText = _a.getByText, getByTestId = _a.getByTestId;
227
+ var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
228
+ expect(checkbox).toBeChecked();
229
+ getByText('test').click();
230
+ expect(checkbox).not.toBeChecked();
231
+ });
232
+ it('should not display textfield unless specified', function () {
233
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', selected: true, experimentName: "default" })).getByTestId;
234
+ var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
235
+ expect(input).toBeNull();
236
+ });
237
+ it('should not display an icon by default', function () {
238
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', experimentName: "default" }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
239
+ expect(queryByTestId('checkboxIcon')).not.toBeInTheDocument();
240
+ // The checkbox should be left justified if there is no Icon
241
+ expect(getByTestId('leftCheckbox:id')).toBeInTheDocument();
242
+ expect(queryByTestId('rightCheckbox:id')).not.toBeInTheDocument();
243
+ });
244
+ });
245
+ describe('when an icon is present', function () {
246
+ it('should display a supplied Icon with left aligned text', function () {
247
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), experimentName: "default" }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
248
+ expect(getByTestId('leftCheckboxIcon')).toBeInTheDocument();
249
+ // The checkbox should not be present if the checkbox is unselected
250
+ expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
251
+ expect(queryByTestId('rightCheckbox:id')).not.toBeInTheDocument();
252
+ expect(getByTestId('leftText:id')).toBeInTheDocument();
253
+ });
254
+ it('should display a supplied Icon with centrally aligned text', function () {
255
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), textAlign: "center", experimentName: "default" }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
256
+ expect(getByTestId('leftCheckboxIcon')).toBeInTheDocument();
257
+ // The checkbox should not be present if the checkbox is unselected
258
+ expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
259
+ expect(queryByTestId('rightCheckbox:id')).not.toBeInTheDocument();
260
+ expect(getByTestId('centerText:id')).toBeInTheDocument();
261
+ });
262
+ it('should display a left justified Icon and a right justified checkbox if selected', function () {
263
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), selected: true, experimentName: "default" }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
264
+ expect(getByTestId('leftCheckboxIcon')).toBeInTheDocument();
265
+ expect(queryByTestId('centerCheckboxIcon')).not.toBeInTheDocument();
266
+ expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
267
+ expect(getByTestId('rightCheckbox:id')).toBeInTheDocument();
268
+ });
269
+ it('should display a centralised Icon when showText is false', function () {
270
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { experimentName: "default", children: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { id: 'id', text: 'test', Icon: (0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: "optionImage" }), showText: false, selected: true, experimentName: "default" }) })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
271
+ expect(getByTestId('centerCheckboxIcon')).toBeInTheDocument();
272
+ expect(queryByTestId('leftCheckboxIcon')).not.toBeInTheDocument();
273
+ expect(queryByTestId('leftCheckbox:id')).not.toBeInTheDocument();
274
+ expect(getByTestId('rightCheckbox:id')).toBeInTheDocument();
275
+ });
276
+ });
277
+ });
278
+ });
279
+ //# sourceMappingURL=CheckBox.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckBox.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,17 @@
1
+ import * as React from 'react';
2
+ import { ISvgs } from '../../../../Assets/svgs/svgs';
3
+ type CheckBoxStoryType = React.FunctionComponent<{
4
+ error: boolean;
5
+ showText: boolean;
6
+ iconType: keyof ISvgs | 'none';
7
+ isOtherOption: boolean;
8
+ otherInputError: boolean;
9
+ text: string;
10
+ parentContainerWidth: number;
11
+ selected: boolean;
12
+ textAlign: 'left' | 'center';
13
+ hideCheckbox: boolean;
14
+ disabled: boolean;
15
+ }>;
16
+ declare const CheckBoxStory: CheckBoxStoryType;
17
+ export default CheckBoxStory;
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
7
+ var Grid_1 = __importDefault(require("@mui/material/Grid"));
8
+ var addon_actions_1 = require("@storybook/addon-actions");
9
+ var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
10
+ var CheckBox_1 = __importDefault(require("./CheckBox"));
11
+ var svgs_1 = __importDefault(require("../../../../Assets/svgs/svgs"));
12
+ var CheckBoxStory = function (_a) {
13
+ 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;
14
+ var handleClick = function (_a) {
15
+ var id = _a.id;
16
+ (0, addon_actions_1.action)('Click')({ id: id, selected: selected });
17
+ };
18
+ var handleKeyDown = function (event) {
19
+ (0, addon_actions_1.action)('Key down')(event);
20
+ };
21
+ var Icon = iconType === 'none' ? undefined : ((0, jsx_runtime_1.jsx)("img", { src: svgs_1.default[iconType], alt: "optionImage" }));
22
+ return ((0, jsx_runtime_1.jsx)("div", { style: { width: "".concat(parentContainerWidth, "px") }, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error || otherInputError ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(Grid_1.default, { 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 }) }) }) }));
23
+ };
24
+ exports.default = CheckBoxStory;
25
+ //# sourceMappingURL=CheckBoxStory.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAyC;AACzC,0DAAkD;AAElD,+GAAyF;AACzF,wDAAkC;AAElC,sEAA2D;AAgB3D,IAAM,aAAa,GAAsB,UAAC,EAYzC;QAXC,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;IAER,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,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,oBAAoB,OAAI,EAAE,YAChD,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,cAAc,EAAC,SAAS,YAExB,uBAAC,cAAO,IAAC,IAAI,kBACX,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,GAClB,GACM,GACW,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { IInputCallbackParams } from '../../../CRO584/Atoms/Input/IInputProps';
2
+ export interface ICheckBoxCallbackParams {
3
+ id: string;
4
+ selected: boolean;
5
+ }
6
+ interface ICheckboxProps {
7
+ showText: boolean;
8
+ hideCheckbox?: boolean;
9
+ disabled?: boolean;
10
+ Icon?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
11
+ id: string;
12
+ isOtherOption: boolean;
13
+ onClick: (item: ICheckBoxCallbackParams) => void;
14
+ onChange: (item: IInputCallbackParams) => void;
15
+ onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
16
+ otherInputError?: boolean;
17
+ selected: boolean;
18
+ text: string;
19
+ otherInputValue: string;
20
+ textAlign: 'left' | 'center';
21
+ }
22
+ export default ICheckboxProps;
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=ICheckboxProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ICheckboxProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ import ICheckboxProps from '../ICheckboxProps';
2
+ declare const renderCheckBox: ({ Icon, id, text, selected, onClick, isOtherOption, }: ICheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export default renderCheckBox;
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
7
+ var CheckBox_1 = __importDefault(require("../CheckBox"));
8
+ var renderCheckBox = function (_a) {
9
+ var Icon = _a.Icon, id = _a.id, text = _a.text, selected = _a.selected, onClick = _a.onClick, isOtherOption = _a.isOtherOption;
10
+ return ((0, jsx_runtime_1.jsx)(CheckBox_1.default, { Icon: Icon, id: id, onClick: onClick, text: text, selected: selected, isOtherOption: isOtherOption, experimentName: "default" }, id));
11
+ };
12
+ exports.default = renderCheckBox;
13
+ //# sourceMappingURL=renderCheckbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"renderCheckbox.js","sourceRoot":"","sources":["../../../../../../src/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.tsx"],"names":[],"mappings":";;;;;;AAAA,yDAAmC;AAGnC,IAAM,cAAc,GAAG,UAAC,EAOP;QANf,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,aAAa,mBAAA;IACO,OAAA,CACpB,uBAAC,kBAAQ,IACP,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAElB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAC,SAAS,IAFnB,EAAE,CAGP,CACH;AAXqB,CAWrB,CAAC;AAEF,kBAAe,cAAc,CAAC"}
@@ -0,0 +1,14 @@
1
+ declare const defaultProps: {
2
+ showText: boolean;
3
+ isOtherOption: boolean;
4
+ onBlur: () => void;
5
+ onClick: () => void;
6
+ onChange: () => void;
7
+ onKeyDown: () => void;
8
+ otherInputValue: string;
9
+ selected: boolean;
10
+ textAlign: "left" | "center";
11
+ hideCheckbox: boolean;
12
+ disabled: boolean;
13
+ };
14
+ export default defaultProps;
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var defaultProps = {
4
+ showText: true,
5
+ isOtherOption: false,
6
+ onBlur: function () {
7
+ /* do nothing */
8
+ },
9
+ onClick: function () {
10
+ /* do nothing */
11
+ },
12
+ onChange: function () {
13
+ /* do nothing */
14
+ },
15
+ onKeyDown: function () {
16
+ /* do nothing */
17
+ },
18
+ otherInputValue: '',
19
+ selected: false,
20
+ textAlign: 'left',
21
+ hideCheckbox: false,
22
+ disabled: false,
23
+ };
24
+ exports.default = defaultProps;
25
+ //# sourceMappingURL=defaultProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/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"}
@@ -0,0 +1 @@
1
+ export { default } from './CheckBox';
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.default = void 0;
7
+ var CheckBox_1 = require("./CheckBox");
8
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CheckBox_1).default; } });
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/CheckBox/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA"}
@@ -0,0 +1,13 @@
1
+ export declare const getPlaceholderStyles: (isTextCentered: boolean, isIconPresent: boolean) => import("@emotion/react").SerializedStyles;
2
+ declare const makeCheckBoxStyling: () => {
3
+ checkbox: import("@emotion/react").SerializedStyles;
4
+ checkboxContainerRight: import("@emotion/react").SerializedStyles;
5
+ grid: import("@emotion/react").SerializedStyles;
6
+ centerIcon: import("@emotion/react").SerializedStyles;
7
+ leftIcon: import("@emotion/react").SerializedStyles;
8
+ imgDiv: import("@emotion/react").SerializedStyles;
9
+ innerGrid: import("@emotion/react").SerializedStyles;
10
+ textGrid: import("@emotion/react").SerializedStyles;
11
+ otherInput: import("@emotion/react").SerializedStyles;
12
+ };
13
+ export default makeCheckBoxStyling;
@@ -0,0 +1,100 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getPlaceholderStyles = void 0;
4
+ var react_1 = require("@emotion/react");
5
+ var placeHolderStyles = {
6
+ centeredWithIcon: (0, react_1.css)({
7
+ minWidth: 80,
8
+ maxWidth: 100,
9
+ width: '30%',
10
+ }),
11
+ leftAlignedWithIcon: (0, react_1.css)({
12
+ width: 45,
13
+ }),
14
+ centeredWithoutIcon: (0, react_1.css)({
15
+ width: 57,
16
+ }),
17
+ };
18
+ var getPlaceholderStyles = function (isTextCentered, isIconPresent) {
19
+ return isIconPresent
20
+ ? isTextCentered
21
+ ? placeHolderStyles.centeredWithIcon
22
+ : placeHolderStyles.leftAlignedWithIcon
23
+ : placeHolderStyles.centeredWithoutIcon;
24
+ };
25
+ exports.getPlaceholderStyles = getPlaceholderStyles;
26
+ var makeCheckBoxStyling = function () {
27
+ var _a, _b;
28
+ var _c = (0, react_1.useTheme)(), breakpoints = _c.breakpoints, mvf = _c.mvf;
29
+ var spacing = mvf.spacing, fontSize = mvf.fontSize;
30
+ return {
31
+ checkbox: (0, react_1.css)({
32
+ '&.MuiCheckbox-root': (_a = {
33
+ paddingLeft: 11,
34
+ paddingRight: 11
35
+ },
36
+ _a[breakpoints.up('tabletSmall')] = {
37
+ marginLeft: 11,
38
+ },
39
+ _a),
40
+ }),
41
+ checkboxContainerRight: (0, react_1.css)({
42
+ right: 10,
43
+ position: 'absolute',
44
+ }),
45
+ grid: (0, react_1.css)({
46
+ height: '100%',
47
+ width: '100%',
48
+ minHeight: 48,
49
+ }),
50
+ centerIcon: (0, react_1.css)({
51
+ marginTop: 9,
52
+ marginBottom: 9,
53
+ width: '100%',
54
+ '& img': {
55
+ height: 40,
56
+ },
57
+ }),
58
+ leftIcon: (0, react_1.css)({
59
+ marginTop: 9,
60
+ marginBottom: 9,
61
+ minWidth: 80,
62
+ maxWidth: 100,
63
+ width: '30%',
64
+ '& img': {
65
+ height: 40,
66
+ },
67
+ }),
68
+ imgDiv: (0, react_1.css)({
69
+ display: 'flex',
70
+ justifyContent: 'center',
71
+ }),
72
+ innerGrid: (0, react_1.css)({
73
+ flexWrap: 'nowrap',
74
+ }),
75
+ textGrid: (0, react_1.css)({
76
+ overflowWrap: 'anywhere',
77
+ wordBreak: 'normal',
78
+ justifyContent: 'flex-start',
79
+ flex: 1,
80
+ }),
81
+ otherInput: (0, react_1.css)({
82
+ marginTop: -1,
83
+ padding: spacing.tiny,
84
+ '& .MuiInputBase-root input': (_b = {
85
+ textAlign: 'left',
86
+ fontSize: fontSize.mini,
87
+ padding: 0
88
+ },
89
+ _b[breakpoints.up('mobileMedium')] = {
90
+ fontSize: fontSize.small,
91
+ },
92
+ _b[breakpoints.up('tabletSmall')] = {
93
+ fontSize: fontSize.compact,
94
+ },
95
+ _b),
96
+ }),
97
+ };
98
+ };
99
+ exports.default = makeCheckBoxStyling;
100
+ //# sourceMappingURL=makeCheckBoxStyling.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"makeCheckBoxStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,21 @@
1
+ import { IInputCallbackParams } from '../../../CRO584/Atoms/Input/IInputProps';
2
+ export interface IIconTileCheckBoxCallbackParams {
3
+ id: string;
4
+ selected: boolean;
5
+ }
6
+ interface IComponentProps {
7
+ Icon: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
8
+ id: string;
9
+ isOtherOption: boolean;
10
+ onClick: (item: IIconTileCheckBoxCallbackParams) => void;
11
+ onChange: (item: IInputCallbackParams) => void;
12
+ onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
13
+ otherInputError?: boolean;
14
+ otherInputValue: string;
15
+ selected: boolean;
16
+ showText: boolean;
17
+ text: string;
18
+ hideCheckbox?: boolean;
19
+ disabled?: boolean;
20
+ }
21
+ export default IComponentProps;