@mvf/external-components 3.20.0 → 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 (362) 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/Atoms/Input/makeInputStyles.js +12 -6
  14. package/Components/Atoms/Input/makeInputStyles.js.map +1 -1
  15. package/Components/Molecules/CheckBox/CheckBox.js +17 -7
  16. package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
  17. package/Components/Molecules/DatePicker/DatePickerStory.js +17 -7
  18. package/Components/Molecules/DatePicker/DatePickerStory.js.map +1 -1
  19. package/Components/Molecules/DatePicker/makeDatePickerStyling.js +7 -5
  20. package/Components/Molecules/DatePicker/makeDatePickerStyling.js.map +1 -1
  21. package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +17 -7
  22. package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
  23. package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js +8 -4
  24. package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js.map +1 -1
  25. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +17 -7
  26. package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
  27. package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js +4 -2
  28. package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js.map +1 -1
  29. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +17 -7
  30. package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
  31. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +17 -7
  32. package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
  33. package/Components/Molecules/RadioButton/makeRadioButtonStyling.js +4 -2
  34. package/Components/Molecules/RadioButton/makeRadioButtonStyling.js.map +1 -1
  35. package/Components/Molecules/ScrollContainer/ScrollContainer.js +17 -7
  36. package/Components/Molecules/ScrollContainer/ScrollContainer.js.map +1 -1
  37. package/Components/Organisms/RadioGroup/RadioGroup.js +17 -7
  38. package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
  39. package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js +17 -7
  40. package/Components/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -1
  41. package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js +17 -7
  42. package/Components/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -1
  43. package/Components/Organisms/__helpers__/Options.js +19 -7
  44. package/Components/Organisms/__helpers__/Options.js.map +1 -1
  45. package/Experiments/CRO584/Atoms/CardButton/CardButton.d.ts +7 -0
  46. package/Experiments/CRO584/Atoms/CardButton/CardButton.js +81 -0
  47. package/Experiments/CRO584/Atoms/CardButton/CardButton.js.map +1 -0
  48. package/Experiments/CRO584/Atoms/CardButton/CardButton.test.d.ts +1 -0
  49. package/Experiments/CRO584/Atoms/CardButton/CardButton.test.js +24 -0
  50. package/Experiments/CRO584/Atoms/CardButton/CardButton.test.js.map +1 -0
  51. package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.d.ts +7 -0
  52. package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.js +57 -0
  53. package/Experiments/CRO584/Atoms/CardButton/CardButtonStory.js.map +1 -0
  54. package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.d.ts +11 -0
  55. package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.js +3 -0
  56. package/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.js.map +1 -0
  57. package/Experiments/CRO584/Atoms/CardButton/defaultProps.d.ts +4 -0
  58. package/Experiments/CRO584/Atoms/CardButton/defaultProps.js +7 -0
  59. package/Experiments/CRO584/Atoms/CardButton/defaultProps.js.map +1 -0
  60. package/Experiments/CRO584/Atoms/CardButton/index.d.ts +1 -0
  61. package/Experiments/CRO584/Atoms/CardButton/index.js +9 -0
  62. package/Experiments/CRO584/Atoms/CardButton/index.js.map +1 -0
  63. package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.d.ts +12 -0
  64. package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.js +58 -0
  65. package/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.js.map +1 -0
  66. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +15 -0
  67. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +57 -0
  68. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -0
  69. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.d.ts +1 -0
  70. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +74 -0
  71. package/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -0
  72. package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.d.ts +1 -0
  73. package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.js +10 -0
  74. package/Experiments/CRO584/Atoms/ErrorMessageProvider/index.js.map +1 -0
  75. package/Experiments/CRO584/Atoms/FormControl/FormControl.d.ts +7 -0
  76. package/Experiments/CRO584/Atoms/FormControl/FormControl.js +39 -0
  77. package/Experiments/CRO584/Atoms/FormControl/FormControl.js.map +1 -0
  78. package/Experiments/CRO584/Atoms/FormControl/FormControl.test.d.ts +1 -0
  79. package/Experiments/CRO584/Atoms/FormControl/FormControl.test.js +21 -0
  80. package/Experiments/CRO584/Atoms/FormControl/FormControl.test.js.map +1 -0
  81. package/Experiments/CRO584/Atoms/FormControl/FormControlStory.d.ts +7 -0
  82. package/Experiments/CRO584/Atoms/FormControl/FormControlStory.js +15 -0
  83. package/Experiments/CRO584/Atoms/FormControl/FormControlStory.js.map +1 -0
  84. package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.d.ts +6 -0
  85. package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.js +3 -0
  86. package/Experiments/CRO584/Atoms/FormControl/IFormControlProps.js.map +1 -0
  87. package/Experiments/CRO584/Atoms/FormControl/defaultProps.d.ts +2 -0
  88. package/Experiments/CRO584/Atoms/FormControl/defaultProps.js +5 -0
  89. package/Experiments/CRO584/Atoms/FormControl/defaultProps.js.map +1 -0
  90. package/Experiments/CRO584/Atoms/FormControl/index.d.ts +1 -0
  91. package/Experiments/CRO584/Atoms/FormControl/index.js +9 -0
  92. package/Experiments/CRO584/Atoms/FormControl/index.js.map +1 -0
  93. package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.d.ts +5 -0
  94. package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.js +57 -0
  95. package/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.js.map +1 -0
  96. package/Experiments/CRO584/Atoms/Input/IInputProps.d.ts +26 -0
  97. package/Experiments/CRO584/Atoms/Input/IInputProps.js +3 -0
  98. package/Experiments/CRO584/Atoms/Input/IInputProps.js.map +1 -0
  99. package/Experiments/CRO584/Atoms/Input/Input.d.ts +7 -0
  100. package/Experiments/CRO584/Atoms/Input/Input.js +103 -0
  101. package/Experiments/CRO584/Atoms/Input/Input.js.map +1 -0
  102. package/Experiments/CRO584/Atoms/Input/Input.test.d.ts +1 -0
  103. package/Experiments/CRO584/Atoms/Input/Input.test.js +79 -0
  104. package/Experiments/CRO584/Atoms/Input/Input.test.js.map +1 -0
  105. package/Experiments/CRO584/Atoms/Input/InputStory.d.ts +18 -0
  106. package/Experiments/CRO584/Atoms/Input/InputStory.js +15 -0
  107. package/Experiments/CRO584/Atoms/Input/InputStory.js.map +1 -0
  108. package/Experiments/CRO584/Atoms/Input/defaultProps.d.ts +12 -0
  109. package/Experiments/CRO584/Atoms/Input/defaultProps.js +21 -0
  110. package/Experiments/CRO584/Atoms/Input/defaultProps.js.map +1 -0
  111. package/Experiments/CRO584/Atoms/Input/icons.d.ts +29 -0
  112. package/Experiments/CRO584/Atoms/Input/icons.js +32 -0
  113. package/Experiments/CRO584/Atoms/Input/icons.js.map +1 -0
  114. package/Experiments/CRO584/Atoms/Input/index.d.ts +1 -0
  115. package/Experiments/CRO584/Atoms/Input/index.js +9 -0
  116. package/Experiments/CRO584/Atoms/Input/index.js.map +1 -0
  117. package/Experiments/CRO584/Atoms/Input/makeInputStyles.d.ts +14 -0
  118. package/Experiments/CRO584/Atoms/Input/makeInputStyles.js +129 -0
  119. package/Experiments/CRO584/Atoms/Input/makeInputStyles.js.map +1 -0
  120. package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.d.ts +7 -0
  121. package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.js +3 -0
  122. package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.js.map +1 -0
  123. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.d.ts +7 -0
  124. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.js +39 -0
  125. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.js.map +1 -0
  126. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.d.ts +1 -0
  127. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.js +18 -0
  128. package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.js.map +1 -0
  129. package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.d.ts +4 -0
  130. package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.js +12 -0
  131. package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.js.map +1 -0
  132. package/Experiments/CRO584/Atoms/InputLabel/defaultProps.d.ts +2 -0
  133. package/Experiments/CRO584/Atoms/InputLabel/defaultProps.js +5 -0
  134. package/Experiments/CRO584/Atoms/InputLabel/defaultProps.js.map +1 -0
  135. package/Experiments/CRO584/Atoms/InputLabel/index.d.ts +1 -0
  136. package/Experiments/CRO584/Atoms/InputLabel/index.js +9 -0
  137. package/Experiments/CRO584/Atoms/InputLabel/index.js.map +1 -0
  138. package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.d.ts +5 -0
  139. package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.js +33 -0
  140. package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.js.map +1 -0
  141. package/Experiments/CRO584/Atoms/Text/ITextProps.d.ts +8 -0
  142. package/Experiments/CRO584/Atoms/Text/ITextProps.js +3 -0
  143. package/Experiments/CRO584/Atoms/Text/ITextProps.js.map +1 -0
  144. package/Experiments/CRO584/Atoms/Text/Text.d.ts +7 -0
  145. package/Experiments/CRO584/Atoms/Text/Text.js +30 -0
  146. package/Experiments/CRO584/Atoms/Text/Text.js.map +1 -0
  147. package/Experiments/CRO584/Atoms/Text/Text.test.d.ts +1 -0
  148. package/Experiments/CRO584/Atoms/Text/Text.test.js +15 -0
  149. package/Experiments/CRO584/Atoms/Text/Text.test.js.map +1 -0
  150. package/Experiments/CRO584/Atoms/Text/TextStory.d.ts +8 -0
  151. package/Experiments/CRO584/Atoms/Text/TextStory.js +15 -0
  152. package/Experiments/CRO584/Atoms/Text/TextStory.js.map +1 -0
  153. package/Experiments/CRO584/Atoms/Text/defaultProps.d.ts +4 -0
  154. package/Experiments/CRO584/Atoms/Text/defaultProps.js +7 -0
  155. package/Experiments/CRO584/Atoms/Text/defaultProps.js.map +1 -0
  156. package/Experiments/CRO584/Atoms/Text/index.d.ts +1 -0
  157. package/Experiments/CRO584/Atoms/Text/index.js +9 -0
  158. package/Experiments/CRO584/Atoms/Text/index.js.map +1 -0
  159. package/Experiments/CRO584/Atoms/Text/makeTextStyling.d.ts +5 -0
  160. package/Experiments/CRO584/Atoms/Text/makeTextStyling.js +227 -0
  161. package/Experiments/CRO584/Atoms/Text/makeTextStyling.js.map +1 -0
  162. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.d.ts +7 -0
  163. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.js +129 -0
  164. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.js.map +1 -0
  165. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.d.ts +1 -0
  166. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.js +279 -0
  167. package/Experiments/CRO584/Molecules/CheckBox/CheckBox.test.js.map +1 -0
  168. package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.d.ts +17 -0
  169. package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.js +25 -0
  170. package/Experiments/CRO584/Molecules/CheckBox/CheckBoxStory.js.map +1 -0
  171. package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.d.ts +22 -0
  172. package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.js +3 -0
  173. package/Experiments/CRO584/Molecules/CheckBox/ICheckboxProps.js.map +1 -0
  174. package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.d.ts +3 -0
  175. package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.js +13 -0
  176. package/Experiments/CRO584/Molecules/CheckBox/__helpers__/renderCheckbox.js.map +1 -0
  177. package/Experiments/CRO584/Molecules/CheckBox/defaultProps.d.ts +14 -0
  178. package/Experiments/CRO584/Molecules/CheckBox/defaultProps.js +25 -0
  179. package/Experiments/CRO584/Molecules/CheckBox/defaultProps.js.map +1 -0
  180. package/Experiments/CRO584/Molecules/CheckBox/index.d.ts +1 -0
  181. package/Experiments/CRO584/Molecules/CheckBox/index.js +9 -0
  182. package/Experiments/CRO584/Molecules/CheckBox/index.js.map +1 -0
  183. package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.d.ts +13 -0
  184. package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.js +100 -0
  185. package/Experiments/CRO584/Molecules/CheckBox/makeCheckBoxStyling.js.map +1 -0
  186. package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.d.ts +21 -0
  187. package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.js +3 -0
  188. package/Experiments/CRO584/Molecules/IconTileCheckBox/IComponentProps.js.map +1 -0
  189. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.d.ts +7 -0
  190. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.js +93 -0
  191. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -0
  192. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.d.ts +1 -0
  193. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +188 -0
  194. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -0
  195. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +18 -0
  196. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +24 -0
  197. package/Experiments/CRO584/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -0
  198. package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.d.ts +3 -0
  199. package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js +14 -0
  200. package/Experiments/CRO584/Molecules/IconTileCheckBox/__helpers__/renderIconTileCheckbox.js.map +1 -0
  201. package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.d.ts +12 -0
  202. package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.js +21 -0
  203. package/Experiments/CRO584/Molecules/IconTileCheckBox/defaultProps.js.map +1 -0
  204. package/Experiments/CRO584/Molecules/IconTileCheckBox/index.d.ts +1 -0
  205. package/Experiments/CRO584/Molecules/IconTileCheckBox/index.js +9 -0
  206. package/Experiments/CRO584/Molecules/IconTileCheckBox/index.js.map +1 -0
  207. package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.d.ts +10 -0
  208. package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js +91 -0
  209. package/Experiments/CRO584/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.js.map +1 -0
  210. package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.d.ts +16 -0
  211. package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.js +3 -0
  212. package/Experiments/CRO584/Molecules/IconTileRadioButton/IComponentProps.js.map +1 -0
  213. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts +7 -0
  214. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.js +80 -0
  215. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -0
  216. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.d.ts +1 -0
  217. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +211 -0
  218. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -0
  219. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +14 -0
  220. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +60 -0
  221. package/Experiments/CRO584/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -0
  222. package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.d.ts +3 -0
  223. package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js +14 -0
  224. package/Experiments/CRO584/Molecules/IconTileRadioButton/__helpers__/renderIconTileRadioButton.js.map +1 -0
  225. package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.d.ts +9 -0
  226. package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.js +18 -0
  227. package/Experiments/CRO584/Molecules/IconTileRadioButton/defaultProps.js.map +1 -0
  228. package/Experiments/CRO584/Molecules/IconTileRadioButton/index.d.ts +1 -0
  229. package/Experiments/CRO584/Molecules/IconTileRadioButton/index.js +9 -0
  230. package/Experiments/CRO584/Molecules/IconTileRadioButton/index.js.map +1 -0
  231. package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.d.ts +7 -0
  232. package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js +71 -0
  233. package/Experiments/CRO584/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.js.map +1 -0
  234. package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.d.ts +17 -0
  235. package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.js +3 -0
  236. package/Experiments/CRO584/Molecules/RadioButton/IRadioButtonProps.js.map +1 -0
  237. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.d.ts +7 -0
  238. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.js +86 -0
  239. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.js.map +1 -0
  240. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.d.ts +1 -0
  241. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.js +123 -0
  242. package/Experiments/CRO584/Molecules/RadioButton/RadioButton.test.js.map +1 -0
  243. package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.d.ts +12 -0
  244. package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.js +28 -0
  245. package/Experiments/CRO584/Molecules/RadioButton/RadioButtonStory.js.map +1 -0
  246. package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.d.ts +3 -0
  247. package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.js +13 -0
  248. package/Experiments/CRO584/Molecules/RadioButton/__helpers__/renderRadioButton.js.map +1 -0
  249. package/Experiments/CRO584/Molecules/RadioButton/defaultProps.d.ts +10 -0
  250. package/Experiments/CRO584/Molecules/RadioButton/defaultProps.js +21 -0
  251. package/Experiments/CRO584/Molecules/RadioButton/defaultProps.js.map +1 -0
  252. package/Experiments/CRO584/Molecules/RadioButton/index.d.ts +1 -0
  253. package/Experiments/CRO584/Molecules/RadioButton/index.js +9 -0
  254. package/Experiments/CRO584/Molecules/RadioButton/index.js.map +1 -0
  255. package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.d.ts +10 -0
  256. package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.js +76 -0
  257. package/Experiments/CRO584/Molecules/RadioButton/makeRadioButtonStyling.js.map +1 -0
  258. package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.d.ts +25 -0
  259. package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.js +3 -0
  260. package/Experiments/CRO584/Molecules/TextField/ITextFieldProps.js.map +1 -0
  261. package/Experiments/CRO584/Molecules/TextField/TextField.d.ts +7 -0
  262. package/Experiments/CRO584/Molecules/TextField/TextField.js +40 -0
  263. package/Experiments/CRO584/Molecules/TextField/TextField.js.map +1 -0
  264. package/Experiments/CRO584/Molecules/TextField/TextField.test.d.ts +1 -0
  265. package/Experiments/CRO584/Molecules/TextField/TextField.test.js +63 -0
  266. package/Experiments/CRO584/Molecules/TextField/TextField.test.js.map +1 -0
  267. package/Experiments/CRO584/Molecules/TextField/TextFieldStory.d.ts +17 -0
  268. package/Experiments/CRO584/Molecules/TextField/TextFieldStory.js +13 -0
  269. package/Experiments/CRO584/Molecules/TextField/TextFieldStory.js.map +1 -0
  270. package/Experiments/CRO584/Molecules/TextField/defaultProps.d.ts +16 -0
  271. package/Experiments/CRO584/Molecules/TextField/defaultProps.js +25 -0
  272. package/Experiments/CRO584/Molecules/TextField/defaultProps.js.map +1 -0
  273. package/Experiments/CRO584/Molecules/TextField/index.d.ts +1 -0
  274. package/Experiments/CRO584/Molecules/TextField/index.js +9 -0
  275. package/Experiments/CRO584/Molecules/TextField/index.js.map +1 -0
  276. package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.d.ts +5 -0
  277. package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.js +3 -0
  278. package/Experiments/CRO584/Organisms/ListLayout/IComponentProps.js.map +1 -0
  279. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.d.ts +7 -0
  280. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.js +19 -0
  281. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.js.map +1 -0
  282. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.d.ts +1 -0
  283. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.js +26 -0
  284. package/Experiments/CRO584/Organisms/ListLayout/ListLayout.test.js.map +1 -0
  285. package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.d.ts +12 -0
  286. package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.js +16 -0
  287. package/Experiments/CRO584/Organisms/ListLayout/ListLayoutStory.js.map +1 -0
  288. package/Experiments/CRO584/Organisms/ListLayout/index.d.ts +1 -0
  289. package/Experiments/CRO584/Organisms/ListLayout/index.js +9 -0
  290. package/Experiments/CRO584/Organisms/ListLayout/index.js.map +1 -0
  291. package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.d.ts +5 -0
  292. package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.js +21 -0
  293. package/Experiments/CRO584/Organisms/ListLayout/makeListLayoutStyling.js.map +1 -0
  294. package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.d.ts +7 -0
  295. package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.js +3 -0
  296. package/Experiments/CRO584/Organisms/RadioGroup/IComponentProps.js.map +1 -0
  297. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.d.ts +7 -0
  298. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.js +57 -0
  299. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.js.map +1 -0
  300. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.d.ts +1 -0
  301. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.js +103 -0
  302. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroup.test.js.map +1 -0
  303. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.d.ts +6 -0
  304. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.js +9 -0
  305. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupContext.js.map +1 -0
  306. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.d.ts +13 -0
  307. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.js +20 -0
  308. package/Experiments/CRO584/Organisms/RadioGroup/RadioGroupStory.js.map +1 -0
  309. package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.d.ts +4 -0
  310. package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.js +9 -0
  311. package/Experiments/CRO584/Organisms/RadioGroup/defaultProps.js.map +1 -0
  312. package/Experiments/CRO584/Organisms/RadioGroup/index.d.ts +1 -0
  313. package/Experiments/CRO584/Organisms/RadioGroup/index.js +9 -0
  314. package/Experiments/CRO584/Organisms/RadioGroup/index.js.map +1 -0
  315. package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.d.ts +5 -0
  316. package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.js +3 -0
  317. package/Experiments/CRO584/Organisms/TileLayout/IComponentProps.js.map +1 -0
  318. package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.d.ts +9 -0
  319. package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.js +80 -0
  320. package/Experiments/CRO584/Organisms/TileLayout/IconTileCheckBoxStory.js.map +1 -0
  321. package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.d.ts +9 -0
  322. package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.js +83 -0
  323. package/Experiments/CRO584/Organisms/TileLayout/IconTileRadioButtonStory.js.map +1 -0
  324. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.d.ts +6 -0
  325. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.js +19 -0
  326. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.js.map +1 -0
  327. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.d.ts +1 -0
  328. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.js +22 -0
  329. package/Experiments/CRO584/Organisms/TileLayout/TileLayout.test.js.map +1 -0
  330. package/Experiments/CRO584/Organisms/TileLayout/index.d.ts +1 -0
  331. package/Experiments/CRO584/Organisms/TileLayout/index.js +9 -0
  332. package/Experiments/CRO584/Organisms/TileLayout/index.js.map +1 -0
  333. package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.d.ts +9 -0
  334. package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.js +129 -0
  335. package/Experiments/CRO584/Organisms/TileLayout/makeTileLayoutStyling.js.map +1 -0
  336. package/Experiments/CRO584/Organisms/__helpers__/Options.d.ts +10 -0
  337. package/Experiments/CRO584/Organisms/__helpers__/Options.js +142 -0
  338. package/Experiments/CRO584/Organisms/__helpers__/Options.js.map +1 -0
  339. package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.d.ts +6 -0
  340. package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.js +15 -0
  341. package/Experiments/CRO584/Organisms/__helpers__/generateMenuItems.js.map +1 -0
  342. package/Experiments/Example/Atoms/CardButton/CardButton.js +17 -7
  343. package/Experiments/Example/Atoms/CardButton/CardButton.js.map +1 -1
  344. package/Experiments/Example/Atoms/CardButton/CardButtonStory.js +17 -7
  345. package/Experiments/Example/Atoms/CardButton/CardButtonStory.js.map +1 -1
  346. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +17 -7
  347. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
  348. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js +17 -7
  349. package/Experiments/Example/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.js.map +1 -1
  350. package/Experiments/Example/Atoms/Input/Input.js +17 -7
  351. package/Experiments/Example/Atoms/Input/Input.js.map +1 -1
  352. package/Experiments/Example/Molecules/CheckBox/CheckBox.js +17 -7
  353. package/Experiments/Example/Molecules/CheckBox/CheckBox.js.map +1 -1
  354. package/Interfaces/Molecules/CheckBox/CheckBox.js +3 -0
  355. package/Interfaces/Molecules/CheckBox/CheckBox.js.map +1 -1
  356. package/Interfaces/Molecules/RadioButton/RadioButton.js +3 -0
  357. package/Interfaces/Molecules/RadioButton/RadioButton.js.map +1 -1
  358. package/Themes/themeCreator.js +4 -2
  359. package/Themes/themeCreator.js.map +1 -1
  360. package/Themes/themes.js +17 -7
  361. package/Themes/themes.js.map +1 -1
  362. package/package.json +1 -1
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ var __importDefault = (this && this.__importDefault) || function (mod) {
36
+ return (mod && mod.__esModule) ? mod : { "default": mod };
37
+ };
38
+ Object.defineProperty(exports, "__esModule", { value: true });
39
+ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
40
+ var React = __importStar(require("react"));
41
+ var addon_actions_1 = require("@storybook/addon-actions");
42
+ var CardButton_1 = __importDefault(require("./CardButton"));
43
+ var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
44
+ var CardButtonStory = function (_a) {
45
+ var error = _a.error, disabled = _a.disabled;
46
+ var _b = React.useState(false), selected = _b[0], setSelected = _b[1];
47
+ var handleClick = function () {
48
+ (0, addon_actions_1.action)('Click')();
49
+ setSelected(!selected);
50
+ };
51
+ return ((0, jsx_runtime_1.jsx)("div", { style: {
52
+ maxWidth: '144px',
53
+ height: '144px',
54
+ }, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(CardButton_1.default, { onClick: handleClick, selected: selected, experimentName: "default", disabled: disabled }) }) }));
55
+ };
56
+ exports.default = CardButtonStory;
57
+ //# sourceMappingURL=CardButtonStory.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CardButtonStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/CardButton/CardButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,4DAAsC;AACtC,+GAAyF;AAOzF,IAAM,eAAe,GAAwB,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IACvD,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG;QAClB,IAAA,sBAAM,EAAC,OAAO,CAAC,EAAE,CAAC;QAClB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,OAAO;SAChB,YAED,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzC,cAAc,EAAC,SAAS,YAExB,uBAAC,oBAAU,IACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,QAAQ,GAClB,GACmB,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { ReactNode } from 'react';
2
+ interface ICardButtonProps {
3
+ children?: ReactNode;
4
+ onClick?: (event: React.MouseEvent<HTMLElement> | undefined) => void;
5
+ onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement> | undefined) => void;
6
+ selected: boolean;
7
+ onBlur?: (event: React.FocusEvent<HTMLDivElement> | undefined) => void;
8
+ outlined?: boolean;
9
+ disabled?: boolean;
10
+ }
11
+ export default ICardButtonProps;
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=ICardButtonProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ICardButtonProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/CardButton/ICardButtonProps.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ declare const defaultProps: {
2
+ selected: boolean;
3
+ };
4
+ export default defaultProps;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var defaultProps = {
4
+ selected: false,
5
+ };
6
+ exports.default = defaultProps;
7
+ //# sourceMappingURL=defaultProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/CardButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
@@ -0,0 +1 @@
1
+ export { default } from './CardButton';
@@ -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 CardButton_1 = require("./CardButton");
8
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CardButton_1).default; } });
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/CardButton/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}
@@ -0,0 +1,12 @@
1
+ interface ICardStylingProps {
2
+ isError: boolean;
3
+ selected: boolean;
4
+ outlined?: boolean;
5
+ disabled?: boolean;
6
+ }
7
+ declare const makeCardButtonStyling: ({ isError, selected, outlined, disabled, }: ICardStylingProps) => import("@emotion/react").SerializedStyles;
8
+ interface ICardStylingOverlayProps {
9
+ selected: boolean;
10
+ }
11
+ export declare const makeCardButtonSelectedOverlayStyling: ({ selected, }: ICardStylingOverlayProps) => import("@emotion/react").SerializedStyles;
12
+ export default makeCardButtonStyling;
@@ -0,0 +1,58 @@
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
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.makeCardButtonSelectedOverlayStyling = void 0;
15
+ var react_1 = require("@emotion/react");
16
+ var material_1 = require("@mui/material");
17
+ var makeCardButtonStyling = function (_a) {
18
+ var isError = _a.isError, selected = _a.selected, outlined = _a.outlined, disabled = _a.disabled;
19
+ var theme = (0, react_1.useTheme)();
20
+ return (0, react_1.css)(__assign(__assign({ backgroundColor: theme.mvf.palette.background.answerBackgroundColor, border: 'solid', borderColor: theme.mvf.palette.component.answerUnselectedColor, borderRadius: theme.mvf.border.radius, borderWidth: theme.mvf.border.width.thin, boxShadow: theme.mvf.boxShadow.timid, boxSizing: 'border-box', cursor: disabled ? 'default' : 'pointer', height: '100%', position: 'relative', overflow: 'visible', '@media (hover: hover)': {
21
+ '&:hover': {
22
+ boxShadow: disabled
23
+ ? theme.mvf.boxShadow.timid
24
+ : theme.mvf.boxShadow.fierce,
25
+ borderColor: disabled
26
+ ? theme.mvf.palette.component.answerUnselectedColor
27
+ : theme.mvf.palette.component.answerSelectedColor,
28
+ },
29
+ } }, ((selected || outlined) && {
30
+ borderColor: theme.mvf.palette.component.answerSelectedColor,
31
+ boxShadow: theme.mvf.boxShadow.fierce,
32
+ '@media (hover: hover)': {
33
+ '&:hover': {
34
+ boxShadow: theme.mvf.boxShadow.fierce,
35
+ borderColor: theme.mvf.palette.component.answerSelectedColor,
36
+ },
37
+ },
38
+ })), (isError && {
39
+ borderColor: theme.mvf.palette.status.error,
40
+ boxShadow: theme.mvf.boxShadow.timid,
41
+ '@media (hover: hover)': {
42
+ '&:hover': {
43
+ borderColor: theme.mvf.palette.status.error,
44
+ boxShadow: theme.mvf.boxShadow.timid,
45
+ },
46
+ },
47
+ })));
48
+ };
49
+ var makeCardButtonSelectedOverlayStyling = function (_a) {
50
+ var selected = _a.selected;
51
+ var theme = (0, react_1.useTheme)();
52
+ return (0, react_1.css)(__assign({ backgroundColor: 'transparent', height: '100%', width: '100%' }, (selected && {
53
+ backgroundColor: (0, material_1.alpha)(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.opacity.harsh),
54
+ })));
55
+ };
56
+ exports.makeCardButtonSelectedOverlayStyling = makeCardButtonSelectedOverlayStyling;
57
+ exports.default = makeCardButtonStyling;
58
+ //# sourceMappingURL=makeCardButtonStyling.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"makeCardButtonStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/CardButton/makeCardButtonStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAsC;AAStC,IAAM,qBAAqB,GAAG,UAAC,EAKX;QAJlB,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,sBACR,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,EACnE,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,EAC9D,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EACrC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EACxC,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EACpC,SAAS,EAAE,YAAY,EACvB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACxC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,SAAS,EACnB,uBAAuB,EAAE;YACvB,SAAS,EAAE;gBACT,SAAS,EAAE,QAAQ;oBACjB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;oBAC3B,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM;gBAC9B,WAAW,EAAE,QAAQ;oBACnB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB;oBACnD,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;aACpD;SACF,IACE,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI;QAC5B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;QAC5D,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM;QACrC,uBAAuB,EAAE;YACvB,SAAS,EAAE;gBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM;gBACrC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;aAC7D;SACF;KACF,CAAC,GACC,CAAC,OAAO,IAAI;QACb,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3C,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;QACpC,uBAAuB,EAAE;YACvB,SAAS,EAAE;gBACT,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;gBAC3C,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;aACrC;SACF;KACF,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAKK,IAAM,oCAAoC,GAAG,UAAC,EAE1B;QADzB,QAAQ,cAAA;IAER,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,aACR,eAAe,EAAE,aAAa,EAC9B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,IACV,CAAC,QAAQ,IAAI;QACd,eAAe,EAAE,IAAA,gBAAK,EACpB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAChC;KACF,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAfW,QAAA,oCAAoC,wCAe/C;AAEF,kBAAe,qBAAqB,CAAC"}
@@ -0,0 +1,15 @@
1
+ import WithExperimentName from '../../../../@types/WithExperimentName';
2
+ import * as React from 'react';
3
+ type ErrorMessageProviderProps = {
4
+ errorMessage: string | undefined;
5
+ };
6
+ export type ErrorMessageProviderType = React.FunctionComponent<WithExperimentName<{
7
+ children: React.ReactNode;
8
+ errorMessage?: string;
9
+ }>>;
10
+ declare const ErrorMessageProvider: ErrorMessageProviderType;
11
+ type UseErrorMessageProps = {
12
+ isErrorMessageProviderRequired: boolean;
13
+ };
14
+ export declare const useErrorMessage: (props?: UseErrorMessageProps) => ErrorMessageProviderProps;
15
+ export default ErrorMessageProvider;
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ Object.defineProperty(exports, "__esModule", { value: true });
36
+ exports.useErrorMessage = void 0;
37
+ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
38
+ var React = __importStar(require("react"));
39
+ var ErrorMessageStateContext = React.createContext(undefined);
40
+ var ErrorMessageProvider = function (_a) {
41
+ var children = _a.children, errorMessage = _a.errorMessage;
42
+ return ((0, jsx_runtime_1.jsx)(ErrorMessageStateContext.Provider, { value: { errorMessage: errorMessage }, children: children }));
43
+ };
44
+ var useErrorMessage = function (props) {
45
+ if (props === void 0) { props = { isErrorMessageProviderRequired: true }; }
46
+ var context = React.useContext(ErrorMessageStateContext);
47
+ if (context === undefined) {
48
+ if (!props.isErrorMessageProviderRequired) {
49
+ return { errorMessage: undefined };
50
+ }
51
+ throw new Error('useErrorMessage must be used within an ErrorMessageProvider');
52
+ }
53
+ return context;
54
+ };
55
+ exports.useErrorMessage = useErrorMessage;
56
+ exports.default = ErrorMessageProvider;
57
+ //# sourceMappingURL=ErrorMessageProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorMessageProvider.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAA+B;AAM/B,IAAM,wBAAwB,GAAG,KAAK,CAAC,aAAa,CAElD,SAAS,CAAC,CAAC;AASb,IAAM,oBAAoB,GAA6B,UAAC,EAGvD;QAFC,QAAQ,cAAA,EACR,YAAY,kBAAA;IAEZ,OAAO,CACL,uBAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,cAAA,EAAE,YACvD,QAAQ,GACyB,CACrC,CAAC;AACJ,CAAC,CAAC;AAMK,IAAM,eAAe,GAAG,UAC7B,KAAsE;IAAtE,sBAAA,EAAA,UAAgC,8BAA8B,EAAE,IAAI,EAAE;IAEtE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAE3D,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,8BAA8B,EAAE,CAAC;YAC1C,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;QACrC,CAAC;QACD,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B;AAEF,kBAAe,oBAAoB,CAAC"}
@@ -0,0 +1,74 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ var __importDefault = (this && this.__importDefault) || function (mod) {
36
+ return (mod && mod.__esModule) ? mod : { "default": mod };
37
+ };
38
+ Object.defineProperty(exports, "__esModule", { value: true });
39
+ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
40
+ /** @jsxImportSource @emotion/react */
41
+ var react_1 = require("@testing-library/react");
42
+ var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
43
+ var ErrorMessageProvider_1 = __importStar(require("./ErrorMessageProvider"));
44
+ describe('<ErrorMessageProvider />', function () {
45
+ var ErrorMessageComponent = function () {
46
+ var errorMessage = (0, ErrorMessageProvider_1.useErrorMessage)().errorMessage;
47
+ return (0, jsx_runtime_1.jsx)("div", { children: errorMessage });
48
+ };
49
+ it('should raise an error when useErrorMessage used outside of an ErrorMessageProvider', function () {
50
+ jest.spyOn(console, 'error').mockImplementation(function () { return jest.fn(); });
51
+ expect(function () {
52
+ (0, react_1.render)((0, jsx_runtime_1.jsx)(ErrorMessageComponent, {}));
53
+ }).toThrow('useErrorMessage must be used within an ErrorMessageProvider');
54
+ jest.restoreAllMocks();
55
+ });
56
+ it('should pass an error message to child components', function () {
57
+ var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: "Test error message", experimentName: "default", children: (0, jsx_runtime_1.jsx)(ErrorMessageComponent, {}) })).getByText;
58
+ expect(getByText('Test error message')).toBeTruthy();
59
+ });
60
+ it('should not raise an error when isErrorMessageProviderRequired is false', function () {
61
+ jest.spyOn(console, 'error').mockImplementation(function () { return jest.fn(); });
62
+ var SkippedErrorMessageComponent = function () {
63
+ var errorMessage = (0, ErrorMessageProvider_1.useErrorMessage)({
64
+ isErrorMessageProviderRequired: false,
65
+ }).errorMessage;
66
+ return (0, jsx_runtime_1.jsx)("div", { children: errorMessage });
67
+ };
68
+ expect(function () {
69
+ (0, react_1.render)((0, jsx_runtime_1.jsx)(SkippedErrorMessageComponent, {}));
70
+ }).not.toThrow('useErrorMessage must be used within an ErrorMessageProvider');
71
+ jest.restoreAllMocks();
72
+ });
73
+ });
74
+ //# sourceMappingURL=ErrorMessageProvider.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorMessageProvider.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/ErrorMessageProvider/ErrorMessageProvider.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gDAAgD;AAChD,sGAAgF;AAChF,6EAA+E;AAE/E,QAAQ,CAAC,0BAA0B,EAAE;IACnC,IAAM,qBAAqB,GAAG;QACpB,IAAA,YAAY,GAAK,IAAA,sCAAe,GAAE,aAAtB,CAAuB;QAC3C,OAAO,0CAAM,YAAY,GAAO,CAAC;IACnC,CAAC,CAAC;IAEF,EAAE,CAAC,oFAAoF,EAAE;QACvF,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,cAAM,OAAA,IAAI,CAAC,EAAE,EAAE,EAAT,CAAS,CAAC,CAAC;QAEjE,MAAM,CAAC;YACL,IAAA,cAAM,EAAC,uBAAC,qBAAqB,KAAG,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC,OAAO,CAAC,6DAA6D,CAAC,CAAC;QAE1E,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;QAC7C,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,8BAAoB,IACnB,YAAY,EAAC,oBAAoB,EACjC,cAAc,EAAC,SAAS,YAExB,uBAAC,qBAAqB,KAAG,GACJ,CACxB,UAPgB,CAOf;QACF,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE;QAC3E,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,cAAM,OAAA,IAAI,CAAC,EAAE,EAAE,EAAT,CAAS,CAAC,CAAC;QACjE,IAAM,4BAA4B,GAAG;YAC3B,IAAA,YAAY,GAAK,IAAA,sCAAe,EAAC;gBACvC,8BAA8B,EAAE,KAAK;aACtC,CAAC,aAFkB,CAEjB;YACH,OAAO,0CAAM,YAAY,GAAO,CAAC;QACnC,CAAC,CAAC;QAEF,MAAM,CAAC;YACL,IAAA,cAAM,EAAC,uBAAC,4BAA4B,KAAG,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CACZ,6DAA6D,CAC9D,CAAC;QAEF,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ export { default as ErrorMessageProvider, useErrorMessage, } from './ErrorMessageProvider';
@@ -0,0 +1,10 @@
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.useErrorMessage = exports.ErrorMessageProvider = void 0;
7
+ var ErrorMessageProvider_1 = require("./ErrorMessageProvider");
8
+ Object.defineProperty(exports, "ErrorMessageProvider", { enumerable: true, get: function () { return __importDefault(ErrorMessageProvider_1).default; } });
9
+ Object.defineProperty(exports, "useErrorMessage", { enumerable: true, get: function () { return ErrorMessageProvider_1.useErrorMessage; } });
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/ErrorMessageProvider/index.ts"],"names":[],"mappings":";;;;;;AAAA,+DAGgC;AAF9B,6IAAA,OAAO,OAAwB;AAC/B,uHAAA,eAAe,OAAA"}
@@ -0,0 +1,7 @@
1
+ import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React';
2
+ import defaultProps from './defaultProps';
3
+ import IFormControlProps from './IFormControlProps';
4
+ import WithExperimentName from '../../../../@types/WithExperimentName';
5
+ export type FormControlType = FunctionComponentWithDefaultProps<WithExperimentName<IFormControlProps>, typeof defaultProps>;
6
+ declare const FormControl: FormControlType;
7
+ export default FormControl;
@@ -0,0 +1,39 @@
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
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
29
+ /** @jsxImportSource @emotion/react */
30
+ var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
31
+ var defaultProps_1 = __importDefault(require("./defaultProps"));
32
+ var makeFormControlStyles_1 = __importDefault(require("./makeFormControlStyles"));
33
+ var FormControl = function (_a) {
34
+ var children = _a.children, error = _a.error, experimentName = _a.experimentName, _b = _a.isAutoFilledActive, isAutoFilledActive = _b === void 0 ? false : _b, _c = _a.isSafari, isSafari = _c === void 0 ? false : _c, otherProps = __rest(_a, ["children", "error", "experimentName", "isAutoFilledActive", "isSafari"]);
35
+ return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }) }, otherProps, { children: children })));
36
+ };
37
+ FormControl.defaultProps = defaultProps_1.default;
38
+ exports.default = FormControl;
39
+ //# sourceMappingURL=FormControl.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAQ5D,IAAM,WAAW,GAAoB,UAAC,EAOrC;IANC,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,UAAU,cANuB,yEAOrC,CADc;IAEb,OAAO,CACL,uBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,IAAA,+BAAqB,EAAC,EAAE,kBAAkB,oBAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,IACxD,UAAU,cAEb,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
@@ -0,0 +1,21 @@
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
+ /** @jsxImportSource @emotion/react */
8
+ var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
9
+ var Input_1 = __importDefault(require("../Input"));
10
+ var FormControl_1 = __importDefault(require("./FormControl"));
11
+ describe('FormControl', function () {
12
+ it('should display validity icon on child elements on error', function () {
13
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, { error: true, experimentName: "default", children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", error: true, experimentName: "default" }) })).getByTestId;
14
+ expect(getByTestId('endAdornment-invalid')).toBeTruthy();
15
+ });
16
+ it('should display validity icon on child elements validation success', function () {
17
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, { error: false, experimentName: "default", children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", isAnswered: true, experimentName: "default" }) })).getByTestId;
18
+ expect(getByTestId('endAdornment-valid')).toBeTruthy();
19
+ });
20
+ });
21
+ //# sourceMappingURL=FormControl.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormControl.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/FormControl.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,mDAA6B;AAC7B,8DAAwC;AAExC,QAAQ,CAAC,aAAa,EAAE;IACtB,EAAE,CAAC,yDAAyD,EAAE;QACpD,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,YAChD,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,GAAG,GAC1C,CACf,YAJkB,CAIjB;QAEF,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE;QAC9D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,YACjD,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,GAAG,GAC/C,CACf,YAJkB,CAIjB;QACF,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ type StoryType = React.FunctionComponent<{
3
+ error: boolean;
4
+ parentContainerWidth: number;
5
+ }>;
6
+ declare const FormControlStory: StoryType;
7
+ export default FormControlStory;
@@ -0,0 +1,15 @@
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 Input_1 = __importDefault(require("../Input"));
8
+ var InputLabel_1 = __importDefault(require("../InputLabel"));
9
+ var FormControl_1 = __importDefault(require("./FormControl"));
10
+ var FormControlStory = function (_a) {
11
+ var error = _a.error, parentContainerWidth = _a.parentContainerWidth;
12
+ return ((0, jsx_runtime_1.jsx)("div", { style: { width: parentContainerWidth }, children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: error, experimentName: "default", children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { htmlFor: "my-input", experimentName: "default", children: "Email address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "my-input", error: error, experimentName: "default" })] }) }));
13
+ };
14
+ exports.default = FormControlStory;
15
+ //# sourceMappingURL=FormControlStory.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormControlStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/FormControlStory.tsx"],"names":[],"mappings":";;;;;;AACA,mDAA6B;AAC7B,6DAAuC;AACvC,8DAAwC;AAOxC,IAAM,gBAAgB,GAAc,UAAC,EAA+B;QAA7B,KAAK,WAAA,EAAE,oBAAoB,0BAAA;IAAO,OAAA,CACvE,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YACzC,wBAAC,qBAAW,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,aACjD,uBAAC,oBAAU,IAAC,OAAO,EAAC,UAAU,EAAC,cAAc,EAAC,SAAS,8BAE1C,EACb,uBAAC,eAAK,IAAC,EAAE,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,GAAG,IAClD,GACV,CACP;AATwE,CASxE,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
@@ -0,0 +1,6 @@
1
+ interface IFormControlProps {
2
+ error?: boolean;
3
+ isAutoFilledActive?: boolean;
4
+ isSafari?: boolean;
5
+ }
6
+ export default IFormControlProps;
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=IFormControlProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IFormControlProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/IFormControlProps.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ declare const defaultProps: {};
2
+ export default defaultProps;
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var defaultProps = {};
4
+ exports.default = defaultProps;
5
+ //# sourceMappingURL=defaultProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG,EAAE,CAAC;AAExB,kBAAe,YAAY,CAAC"}
@@ -0,0 +1 @@
1
+ export { default } from './FormControl';
@@ -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 FormControl_1 = require("./FormControl");
8
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FormControl_1).default; } });
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA"}
@@ -0,0 +1,5 @@
1
+ declare const makeFormControlStyles: ({ isAutoFilledActive, isSafari, }: {
2
+ isAutoFilledActive: boolean;
3
+ isSafari: boolean;
4
+ }) => import("@emotion/react").SerializedStyles;
5
+ export default makeFormControlStyles;
@@ -0,0 +1,57 @@
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
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ var react_1 = require("@emotion/react");
15
+ var makeFormControlStyles = function (_a) {
16
+ var isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari;
17
+ var theme = (0, react_1.useTheme)();
18
+ var autofillColor = isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)';
19
+ return (0, react_1.css)(__assign({ '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
20
+ padding: '28px 55px 11px 0',
21
+ paddingLeft: theme.mvf.spacing.medium,
22
+ }, '& .MuiInputBase-root .MuiInputAdornment-root + input': {
23
+ paddingLeft: 0,
24
+ }, '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
25
+ padding: '28px 55px 11px 0',
26
+ paddingLeft: theme.mvf.spacing.medium,
27
+ }, '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
28
+ paddingLeft: 0,
29
+ }, '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
30
+ marginTop: '16px',
31
+ }, '& .MuiFormLabel-root': {
32
+ lineHeight: 1.6,
33
+ }, '& .MuiFormHelperText-root': {
34
+ marginTop: theme.mvf.spacing.small,
35
+ paddingLeft: theme.mvf.spacing.medium,
36
+ fontSize: theme.mvf.fontSize.small,
37
+ }, '& .MuiSelect-icon': {
38
+ right: theme.mvf.spacing.medium,
39
+ }, '@supports (selector(:has(*)))': {
40
+ '& .MuiInputBase-root:has(input:-webkit-autofill)': {
41
+ backgroundColor: "".concat(autofillColor),
42
+ },
43
+ }, '@supports not (selector(:has(*)))': {
44
+ '& input:-webkit-autofill': {
45
+ backgroundColor: "".concat(autofillColor),
46
+ },
47
+ '& input:-webkit-autofill::first-line': {
48
+ backgroundColor: "".concat(autofillColor),
49
+ },
50
+ } }, (isAutoFilledActive && {
51
+ '& .MuiInputBase-root': {
52
+ backgroundColor: autofillColor,
53
+ },
54
+ })));
55
+ };
56
+ exports.default = makeFormControlStyles;
57
+ //# sourceMappingURL=makeFormControlStyles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAE/C,IAAM,qBAAqB,GAAG,UAAC,EAM9B;QALC,kBAAkB,wBAAA,EAClB,QAAQ,cAAA;IAKR,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAE7E,OAAO,IAAA,WAAG,aACR,oDAAoD,EAAE;YACpD,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,sDAAsD,EAAE;YACtD,WAAW,EAAE,CAAC;SACf,EACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,gEAAgE,EAAE;YAChE,WAAW,EAAE,CAAC;SACf,EACD,4EAA4E,EAC1E;YACE,SAAS,EAAE,MAAM;SAClB,EACH,sBAAsB,EAAE;YACtB,UAAU,EAAE,GAAG;SAChB,EACD,2BAA2B,EAAE;YAC3B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;SACnC,EACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC,EACD,+BAA+B,EAAE;YAC/B,kDAAkD,EAAE;gBAClD,eAAe,EAAE,UAAG,aAAa,CAAE;aACpC;SACF,EACD,mCAAmC,EAAE;YACnC,0BAA0B,EAAE;gBAC1B,eAAe,EAAE,UAAG,aAAa,CAAE;aACpC;YACD,sCAAsC,EAAE;gBACtC,eAAe,EAAE,UAAG,aAAa,CAAE;aACpC;SACF,IACE,CAAC,kBAAkB,IAAI;QACxB,sBAAsB,EAAE;YACtB,eAAe,EAAE,aAAa;SAC/B;KACF,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}