@hipay/hipay-material-ui 2.3.1-rc2 → 2.3.1-rc4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (503) hide show
  1. package/App.test.js +8 -0
  2. package/HiAlertModal/HiAlertModal.js +48 -77
  3. package/HiAlertModal/HiAlertModal.test.js +189 -0
  4. package/HiAlertModal/index.js +1 -15
  5. package/HiAppBar/HiAppBar.js +34 -63
  6. package/HiAppBar/index.js +1 -15
  7. package/HiBadge/HiBadge.js +10 -29
  8. package/HiBadge/HiBadge.test.js +49 -0
  9. package/HiBadge/index.js +1 -15
  10. package/HiBreadcrumb/HiBreadcrumb.js +27 -43
  11. package/HiBreadcrumb/HiBreadcrumb.test.js +44 -0
  12. package/HiBreadcrumb/HiStep.js +35 -57
  13. package/HiBreadcrumb/HiStep.test.js +47 -0
  14. package/HiBreadcrumb/HiStepConnector.js +32 -57
  15. package/HiBreadcrumb/HiStepConnector.test.js +113 -0
  16. package/HiBreadcrumb/HiStepContent.js +25 -46
  17. package/HiBreadcrumb/HiStepContent.test.js +32 -0
  18. package/HiBreadcrumb/HiStepIcon.js +26 -46
  19. package/HiBreadcrumb/HiStepIcon.test.js +65 -0
  20. package/HiBreadcrumb/HiStepLabel.js +36 -61
  21. package/HiBreadcrumb/HiStepLabel.test.js +30 -0
  22. package/HiBreadcrumb/HiStepper.js +23 -45
  23. package/HiBreadcrumb/HiStepper.test.js +33 -0
  24. package/HiBreadcrumb/index.js +1 -15
  25. package/HiButton/HiButton.js +9 -27
  26. package/HiButton/index.js +2 -13
  27. package/HiCell/CellAddress.js +20 -40
  28. package/HiCell/CellAddress.test.js +75 -0
  29. package/HiCell/CellDate.js +26 -47
  30. package/HiCell/CellDate.test.js +173 -0
  31. package/HiCell/CellIcon.js +28 -49
  32. package/HiCell/CellIcon.test.js +57 -0
  33. package/HiCell/CellImage.js +23 -42
  34. package/HiCell/CellImage.test.js +49 -0
  35. package/HiCell/CellNumeric.js +25 -46
  36. package/HiCell/CellNumeric.test.js +46 -0
  37. package/HiCell/CellPinToAction.js +20 -41
  38. package/HiCell/CellRate.js +32 -55
  39. package/HiCell/CellRate.test.js +73 -0
  40. package/HiCell/CellSentinel.js +22 -42
  41. package/HiCell/CellSentinel.test.js +48 -0
  42. package/HiCell/CellSentinelScore.js +23 -44
  43. package/HiCell/CellText.js +37 -56
  44. package/HiCell/CellText.test.js +76 -0
  45. package/HiCell/CellTextStyled.js +8 -21
  46. package/HiCell/index.js +9 -79
  47. package/HiCheckbox/HiCheckbox.js +35 -60
  48. package/HiCheckbox/HiCheckbox.test.js +55 -0
  49. package/HiCheckbox/index.js +1 -15
  50. package/HiChip/HiChip.js +24 -44
  51. package/HiChip/HiChip.test.js +136 -0
  52. package/HiChip/HiChipSwitch.js +47 -70
  53. package/HiChip/HiChipSwitch.test.js +99 -0
  54. package/HiChip/index.js +2 -23
  55. package/HiColoredLabel/HiColoredLabel.js +28 -52
  56. package/HiColoredLabel/HiColoredLabel.test.js +96 -0
  57. package/HiColoredLabel/index.js +1 -15
  58. package/HiDatePicker/Caption.js +11 -28
  59. package/HiDatePicker/Caption.test.js +65 -0
  60. package/HiDatePicker/HiDatePicker.js +100 -115
  61. package/HiDatePicker/HiDatePicker.test.js +370 -0
  62. package/HiDatePicker/HiDatePickerMobile.js +32 -54
  63. package/HiDatePicker/HiDateRangePicker.js +138 -149
  64. package/HiDatePicker/HiDateRangePicker.test.js +703 -0
  65. package/HiDatePicker/HiDateRangeSelector.js +71 -103
  66. package/HiDatePicker/HiDateRangeSelector.test.js +193 -0
  67. package/HiDatePicker/ListPicker.js +33 -55
  68. package/HiDatePicker/ListPicker.test.js +53 -0
  69. package/HiDatePicker/NavBar.js +18 -45
  70. package/HiDatePicker/NavBar.test.js +39 -0
  71. package/HiDatePicker/Overlays/CustomOverlayLayout.js +23 -40
  72. package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +22 -39
  73. package/HiDatePicker/Overlays/MonthPickerOverlay.js +29 -45
  74. package/HiDatePicker/Overlays/MonthPickerOverlay.test.js +50 -0
  75. package/HiDatePicker/Overlays/Overlay.js +18 -35
  76. package/HiDatePicker/Overlays/Overlay.test.js +20 -0
  77. package/HiDatePicker/Overlays/TimePickerOverlay.js +47 -73
  78. package/HiDatePicker/Overlays/TimePickerOverlay.test.js +48 -0
  79. package/HiDatePicker/Overlays/YearPickerOverlay.js +29 -45
  80. package/HiDatePicker/Overlays/YearPickerOverlay.test.js +79 -0
  81. package/HiDatePicker/Overlays/index.js +5 -47
  82. package/HiDatePicker/Weekday.js +3 -13
  83. package/HiDatePicker/hiLocaleUtils.js +1 -8
  84. package/HiDatePicker/hiLocaleUtils.test.js +51 -0
  85. package/HiDatePicker/index.js +1 -15
  86. package/HiDatePicker/stylesheet.js +9 -22
  87. package/HiDotsStepper/HiDot.js +30 -57
  88. package/HiDotsStepper/HiDot.test.js +55 -0
  89. package/HiDotsStepper/HiDotsStepper.js +29 -47
  90. package/HiDotsStepper/HiDotsStepper.test.js +90 -0
  91. package/HiDotsStepper/index.js +2 -23
  92. package/HiExpansionPanel/HiExpansionPanel.js +42 -72
  93. package/HiExpansionPanel/index.js +2 -13
  94. package/HiForm/HiAddressField.js +30 -47
  95. package/HiForm/HiAddressField.test.js +79 -0
  96. package/HiForm/HiEmailField.js +28 -46
  97. package/HiForm/HiEmailField.test.js +19 -0
  98. package/HiForm/HiFormControl.js +72 -100
  99. package/HiForm/HiFormControl.test.js +195 -0
  100. package/HiForm/HiFormLabel.js +29 -54
  101. package/HiForm/HiFormLabel.test.js +66 -0
  102. package/HiForm/HiInput.js +62 -86
  103. package/HiForm/HiInput.test.js +202 -0
  104. package/HiForm/HiPasswordField.js +29 -55
  105. package/HiForm/HiPasswordField.test.js +60 -0
  106. package/HiForm/HiSearchField.js +27 -44
  107. package/HiForm/HiSearchField.test.js +193 -0
  108. package/HiForm/HiSlider.js +42 -64
  109. package/HiForm/HiSlider.test.js +99 -0
  110. package/HiForm/HiTextField.js +29 -46
  111. package/HiForm/HiTextField.test.js +254 -0
  112. package/HiForm/HiUpload.js +54 -70
  113. package/HiForm/HiUpload.test.js +241 -0
  114. package/HiForm/HiUploadField.js +24 -41
  115. package/HiForm/HiUploadField.test.js +55 -0
  116. package/HiForm/HiUploadInput.js +56 -77
  117. package/HiForm/HiUploadInput.test.js +148 -0
  118. package/HiForm/index.js +11 -95
  119. package/HiIcon/HiIcon.js +22 -44
  120. package/HiIcon/index.js +1 -15
  121. package/HiIconButton/HiIconButton.js +18 -40
  122. package/HiIconButton/HiIconButton.test.js +69 -0
  123. package/HiIconButton/index.js +1 -15
  124. package/HiLoader/HiLoader.js +9 -24
  125. package/HiLoader/HiLoader.test.js +18 -0
  126. package/HiLoader/index.js +1 -15
  127. package/HiMap/HiMap.js +50 -77
  128. package/HiMap/HiMap.test.js +29 -0
  129. package/HiMap/HiMapExpand.js +39 -64
  130. package/HiMap/HiMapExpand.test.js +48 -0
  131. package/HiMap/index.js +2 -23
  132. package/HiNotice/HiKPI.js +33 -54
  133. package/HiNotice/HiKPI.test.js +171 -0
  134. package/HiNotice/HiKPINotice.js +7 -21
  135. package/HiNotice/HiKPINotice.test.js +88 -0
  136. package/HiNotice/index.js +2 -23
  137. package/HiPaymentMeans/HiPaymentMeans.js +112 -131
  138. package/HiPaymentMeans/HiPaymentMeans.test.js +162 -0
  139. package/HiPaymentMeans/index.js +1 -15
  140. package/HiPdfReader/HiPdfReader.js +51 -76
  141. package/HiPdfReader/index.js +1 -15
  142. package/HiPin/HiPin.js +9 -30
  143. package/HiPin/HiPin.test.js +61 -0
  144. package/HiPin/index.js +1 -15
  145. package/HiRadio/HiRadio.js +7 -24
  146. package/HiRadio/HiRadio.test.js +57 -0
  147. package/HiRadio/index.js +1 -15
  148. package/HiSelect/HiDynamicSelect.js +40 -56
  149. package/HiSelect/HiDynamicSelectField.js +22 -40
  150. package/HiSelect/HiNestedSelect.js +55 -84
  151. package/HiSelect/HiNestedSelectContent.js +46 -73
  152. package/HiSelect/HiNestedSelectField.js +22 -40
  153. package/HiSelect/HiSelect.js +123 -139
  154. package/HiSelect/HiSelect.test.js +1092 -0
  155. package/HiSelect/HiSelectContent.js +73 -95
  156. package/HiSelect/HiSelectField.js +22 -40
  157. package/HiSelect/HiSelectInput.js +63 -87
  158. package/HiSelect/HiSelectInput.test.js +21 -0
  159. package/HiSelect/HiSelectMobile.js +35 -54
  160. package/HiSelect/HiSuggestSelect.js +56 -78
  161. package/HiSelect/HiSuggestSelectField.js +22 -40
  162. package/HiSelect/index.js +8 -85
  163. package/HiSelectableList/HiSelectableList.js +49 -77
  164. package/HiSelectableList/HiSelectableList.test.js +173 -0
  165. package/HiSelectableList/HiSelectableListHierarchic.js +35 -56
  166. package/HiSelectableList/HiSelectableListItem.js +66 -98
  167. package/HiSelectableList/HiSelectableListItem.test.js +97 -0
  168. package/HiSelectableList/index.js +3 -31
  169. package/HiSwitch/HiSwitch.js +20 -45
  170. package/HiSwitch/HiSwitch.test.js +41 -0
  171. package/HiSwitch/HiSwitchState.js +15 -36
  172. package/HiSwitch/HiSwitchState.test.js +76 -0
  173. package/HiSwitch/index.js +2 -23
  174. package/HiTable/HiCellBuilder.js +44 -72
  175. package/HiTable/HiTable.js +29 -47
  176. package/HiTable/HiTable.test.js +29 -0
  177. package/HiTable/HiTableBody.js +19 -34
  178. package/HiTable/HiTableHeader.js +30 -53
  179. package/HiTable/HiTableRow.js +29 -56
  180. package/HiTable/constants.js +43 -94
  181. package/HiTable/index.js +1 -15
  182. package/es/App.test.js +8 -0
  183. package/es/HiAlertModal/HiAlertModal.js +48 -77
  184. package/es/HiAlertModal/HiAlertModal.test.js +189 -0
  185. package/es/HiAlertModal/index.js +1 -15
  186. package/es/HiAppBar/HiAppBar.js +34 -63
  187. package/es/HiAppBar/index.js +1 -15
  188. package/es/HiBadge/HiBadge.js +10 -29
  189. package/es/HiBadge/HiBadge.test.js +49 -0
  190. package/es/HiBadge/index.js +1 -15
  191. package/es/HiBreadcrumb/HiBreadcrumb.js +27 -43
  192. package/es/HiBreadcrumb/HiBreadcrumb.test.js +44 -0
  193. package/es/HiBreadcrumb/HiStep.js +35 -57
  194. package/es/HiBreadcrumb/HiStep.test.js +47 -0
  195. package/es/HiBreadcrumb/HiStepConnector.js +32 -57
  196. package/es/HiBreadcrumb/HiStepConnector.test.js +113 -0
  197. package/es/HiBreadcrumb/HiStepContent.js +25 -46
  198. package/es/HiBreadcrumb/HiStepContent.test.js +32 -0
  199. package/es/HiBreadcrumb/HiStepIcon.js +26 -46
  200. package/es/HiBreadcrumb/HiStepIcon.test.js +65 -0
  201. package/es/HiBreadcrumb/HiStepLabel.js +36 -61
  202. package/es/HiBreadcrumb/HiStepLabel.test.js +30 -0
  203. package/es/HiBreadcrumb/HiStepper.js +23 -45
  204. package/es/HiBreadcrumb/HiStepper.test.js +33 -0
  205. package/es/HiBreadcrumb/index.js +1 -15
  206. package/es/HiButton/HiButton.js +9 -27
  207. package/es/HiButton/index.js +2 -13
  208. package/es/HiCell/CellAddress.js +20 -40
  209. package/es/HiCell/CellAddress.test.js +75 -0
  210. package/es/HiCell/CellDate.js +26 -47
  211. package/es/HiCell/CellDate.test.js +173 -0
  212. package/es/HiCell/CellIcon.js +28 -49
  213. package/es/HiCell/CellIcon.test.js +57 -0
  214. package/es/HiCell/CellImage.js +23 -42
  215. package/es/HiCell/CellImage.test.js +49 -0
  216. package/es/HiCell/CellNumeric.js +25 -46
  217. package/es/HiCell/CellNumeric.test.js +46 -0
  218. package/es/HiCell/CellPinToAction.js +20 -41
  219. package/es/HiCell/CellRate.js +32 -55
  220. package/es/HiCell/CellRate.test.js +73 -0
  221. package/es/HiCell/CellSentinel.js +22 -42
  222. package/es/HiCell/CellSentinel.test.js +48 -0
  223. package/es/HiCell/CellSentinelScore.js +23 -44
  224. package/es/HiCell/CellText.js +37 -56
  225. package/es/HiCell/CellText.test.js +76 -0
  226. package/es/HiCell/CellTextStyled.js +8 -21
  227. package/es/HiCell/index.js +9 -79
  228. package/es/HiCheckbox/HiCheckbox.js +35 -60
  229. package/es/HiCheckbox/HiCheckbox.test.js +55 -0
  230. package/es/HiCheckbox/index.js +1 -15
  231. package/es/HiChip/HiChip.js +24 -44
  232. package/es/HiChip/HiChip.test.js +136 -0
  233. package/es/HiChip/HiChipSwitch.js +47 -70
  234. package/es/HiChip/HiChipSwitch.test.js +99 -0
  235. package/es/HiChip/index.js +2 -23
  236. package/es/HiColoredLabel/HiColoredLabel.js +28 -52
  237. package/es/HiColoredLabel/HiColoredLabel.test.js +96 -0
  238. package/es/HiColoredLabel/index.js +1 -15
  239. package/es/HiDatePicker/Caption.js +11 -28
  240. package/es/HiDatePicker/Caption.test.js +65 -0
  241. package/es/HiDatePicker/HiDatePicker.js +100 -115
  242. package/es/HiDatePicker/HiDatePicker.test.js +370 -0
  243. package/es/HiDatePicker/HiDatePickerMobile.js +32 -54
  244. package/es/HiDatePicker/HiDateRangePicker.js +138 -149
  245. package/es/HiDatePicker/HiDateRangePicker.test.js +703 -0
  246. package/es/HiDatePicker/HiDateRangeSelector.js +71 -103
  247. package/es/HiDatePicker/HiDateRangeSelector.test.js +193 -0
  248. package/es/HiDatePicker/ListPicker.js +33 -55
  249. package/es/HiDatePicker/ListPicker.test.js +53 -0
  250. package/es/HiDatePicker/NavBar.js +18 -45
  251. package/es/HiDatePicker/NavBar.test.js +39 -0
  252. package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +23 -40
  253. package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +22 -39
  254. package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +29 -45
  255. package/es/HiDatePicker/Overlays/MonthPickerOverlay.test.js +50 -0
  256. package/es/HiDatePicker/Overlays/Overlay.js +18 -35
  257. package/es/HiDatePicker/Overlays/Overlay.test.js +20 -0
  258. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +47 -73
  259. package/es/HiDatePicker/Overlays/TimePickerOverlay.test.js +48 -0
  260. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +29 -45
  261. package/es/HiDatePicker/Overlays/YearPickerOverlay.test.js +79 -0
  262. package/es/HiDatePicker/Overlays/index.js +5 -47
  263. package/es/HiDatePicker/Weekday.js +3 -13
  264. package/es/HiDatePicker/hiLocaleUtils.js +1 -8
  265. package/es/HiDatePicker/hiLocaleUtils.test.js +51 -0
  266. package/es/HiDatePicker/index.js +1 -15
  267. package/es/HiDatePicker/stylesheet.js +9 -22
  268. package/es/HiDotsStepper/HiDot.js +30 -57
  269. package/es/HiDotsStepper/HiDot.test.js +55 -0
  270. package/es/HiDotsStepper/HiDotsStepper.js +29 -47
  271. package/es/HiDotsStepper/HiDotsStepper.test.js +90 -0
  272. package/es/HiDotsStepper/index.js +2 -23
  273. package/es/HiExpansionPanel/HiExpansionPanel.js +42 -72
  274. package/es/HiExpansionPanel/index.js +2 -13
  275. package/es/HiForm/HiAddressField.js +30 -47
  276. package/es/HiForm/HiAddressField.test.js +79 -0
  277. package/es/HiForm/HiEmailField.js +28 -46
  278. package/es/HiForm/HiEmailField.test.js +19 -0
  279. package/es/HiForm/HiFormControl.js +72 -100
  280. package/es/HiForm/HiFormControl.test.js +195 -0
  281. package/es/HiForm/HiFormLabel.js +29 -54
  282. package/es/HiForm/HiFormLabel.test.js +66 -0
  283. package/es/HiForm/HiInput.js +62 -86
  284. package/es/HiForm/HiInput.test.js +202 -0
  285. package/es/HiForm/HiPasswordField.js +29 -55
  286. package/es/HiForm/HiPasswordField.test.js +60 -0
  287. package/es/HiForm/HiSearchField.js +27 -44
  288. package/es/HiForm/HiSearchField.test.js +193 -0
  289. package/es/HiForm/HiSlider.js +42 -64
  290. package/es/HiForm/HiSlider.test.js +99 -0
  291. package/es/HiForm/HiTextField.js +29 -46
  292. package/es/HiForm/HiTextField.test.js +254 -0
  293. package/es/HiForm/HiUpload.js +54 -70
  294. package/es/HiForm/HiUpload.test.js +241 -0
  295. package/es/HiForm/HiUploadField.js +24 -41
  296. package/es/HiForm/HiUploadField.test.js +55 -0
  297. package/es/HiForm/HiUploadInput.js +56 -77
  298. package/es/HiForm/HiUploadInput.test.js +148 -0
  299. package/es/HiForm/index.js +11 -95
  300. package/es/HiIcon/HiIcon.js +22 -44
  301. package/es/HiIcon/index.js +1 -15
  302. package/es/HiIconButton/HiIconButton.js +18 -40
  303. package/es/HiIconButton/HiIconButton.test.js +69 -0
  304. package/es/HiIconButton/index.js +1 -15
  305. package/es/HiLoader/HiLoader.js +9 -24
  306. package/es/HiLoader/HiLoader.test.js +18 -0
  307. package/es/HiLoader/index.js +1 -15
  308. package/es/HiMap/HiMap.js +50 -77
  309. package/es/HiMap/HiMap.test.js +29 -0
  310. package/es/HiMap/HiMapExpand.js +39 -64
  311. package/es/HiMap/HiMapExpand.test.js +48 -0
  312. package/es/HiMap/index.js +2 -23
  313. package/es/HiNotice/HiKPI.js +33 -54
  314. package/es/HiNotice/HiKPI.test.js +171 -0
  315. package/es/HiNotice/HiKPINotice.js +7 -21
  316. package/es/HiNotice/HiKPINotice.test.js +88 -0
  317. package/es/HiNotice/index.js +2 -23
  318. package/es/HiPaymentMeans/HiPaymentMeans.js +112 -131
  319. package/es/HiPaymentMeans/HiPaymentMeans.test.js +162 -0
  320. package/es/HiPaymentMeans/index.js +1 -15
  321. package/es/HiPdfReader/HiPdfReader.js +51 -76
  322. package/es/HiPdfReader/index.js +1 -15
  323. package/es/HiPin/HiPin.js +9 -30
  324. package/es/HiPin/HiPin.test.js +61 -0
  325. package/es/HiPin/index.js +1 -15
  326. package/es/HiRadio/HiRadio.js +7 -24
  327. package/es/HiRadio/HiRadio.test.js +57 -0
  328. package/es/HiRadio/index.js +1 -15
  329. package/es/HiSelect/HiDynamicSelect.js +40 -56
  330. package/es/HiSelect/HiDynamicSelectField.js +22 -40
  331. package/es/HiSelect/HiNestedSelect.js +55 -84
  332. package/es/HiSelect/HiNestedSelectContent.js +46 -73
  333. package/es/HiSelect/HiNestedSelectField.js +22 -40
  334. package/es/HiSelect/HiSelect.js +123 -139
  335. package/es/HiSelect/HiSelect.test.js +1092 -0
  336. package/es/HiSelect/HiSelectContent.js +73 -95
  337. package/es/HiSelect/HiSelectField.js +22 -40
  338. package/es/HiSelect/HiSelectInput.js +63 -87
  339. package/es/HiSelect/HiSelectInput.test.js +21 -0
  340. package/es/HiSelect/HiSelectMobile.js +35 -54
  341. package/es/HiSelect/HiSuggestSelect.js +56 -78
  342. package/es/HiSelect/HiSuggestSelectField.js +22 -40
  343. package/es/HiSelect/index.js +8 -85
  344. package/es/HiSelectableList/HiSelectableList.js +49 -77
  345. package/es/HiSelectableList/HiSelectableList.test.js +173 -0
  346. package/es/HiSelectableList/HiSelectableListHierarchic.js +35 -56
  347. package/es/HiSelectableList/HiSelectableListItem.js +66 -98
  348. package/es/HiSelectableList/HiSelectableListItem.test.js +97 -0
  349. package/es/HiSelectableList/index.js +3 -31
  350. package/es/HiSwitch/HiSwitch.js +20 -45
  351. package/es/HiSwitch/HiSwitch.test.js +41 -0
  352. package/es/HiSwitch/HiSwitchState.js +15 -36
  353. package/es/HiSwitch/HiSwitchState.test.js +76 -0
  354. package/es/HiSwitch/index.js +2 -23
  355. package/es/HiTable/HiCellBuilder.js +44 -72
  356. package/es/HiTable/HiTable.js +29 -47
  357. package/es/HiTable/HiTable.test.js +29 -0
  358. package/es/HiTable/HiTableBody.js +19 -34
  359. package/es/HiTable/HiTableHeader.js +30 -53
  360. package/es/HiTable/HiTableRow.js +29 -56
  361. package/es/HiTable/constants.js +43 -94
  362. package/es/HiTable/index.js +1 -15
  363. package/es/hi-svg-icons/HiAccount.js +18 -36
  364. package/es/hi-svg-icons/HiActivity.js +17 -35
  365. package/es/hi-svg-icons/HiAll.js +22 -42
  366. package/es/hi-svg-icons/HiBilling.js +18 -36
  367. package/es/hi-svg-icons/HiBriefcaseRescue.js +10 -26
  368. package/es/hi-svg-icons/HiCatalog.js +18 -36
  369. package/es/hi-svg-icons/HiCustomer.js +18 -36
  370. package/es/hi-svg-icons/HiDownload.js +11 -25
  371. package/es/hi-svg-icons/HiFinance.js +18 -36
  372. package/es/hi-svg-icons/HiPermission.js +17 -35
  373. package/es/hi-svg-icons/HiRoute.js +18 -36
  374. package/es/hi-svg-icons/HiSettlement.js +18 -36
  375. package/es/hi-svg-icons/HiSizeLarge.js +12 -27
  376. package/es/hi-svg-icons/HiSizeMedium.js +11 -25
  377. package/es/hi-svg-icons/HiSizeSmall.js +11 -25
  378. package/es/hi-svg-icons/HiTransaction.js +18 -36
  379. package/es/hi-svg-icons/HiUser.js +18 -36
  380. package/es/hi-svg-icons/HiWidget.js +22 -42
  381. package/es/hi-svg-icons/index.js +18 -151
  382. package/es/hi-svg-icons/index.text.js +11 -21
  383. package/es/styleguide/Wrapper.js +19 -36
  384. package/es/styles/MuiThemeProvider.js +39 -59
  385. package/es/styles/colorManipulator.js +16 -44
  386. package/es/styles/colorManipulator.test.js +242 -0
  387. package/es/styles/createBreakpoints.js +6 -20
  388. package/es/styles/createBreakpoints.test.js +48 -0
  389. package/es/styles/createGenerateClassName.js +5 -15
  390. package/es/styles/createGenerateClassName.test.js +141 -0
  391. package/es/styles/createMixins.js +8 -19
  392. package/es/styles/createMixins.test.js +24 -0
  393. package/es/styles/createMuiTheme.js +34 -53
  394. package/es/styles/createMuiTheme.test.js +67 -0
  395. package/es/styles/createPalette.js +30 -50
  396. package/es/styles/createPalette.test.js +159 -0
  397. package/es/styles/createStyles.js +1 -8
  398. package/es/styles/createStyles.test.js +8 -0
  399. package/es/styles/createTypography.js +18 -30
  400. package/es/styles/createTypography.test.js +60 -0
  401. package/es/styles/getStylesCreator.js +11 -24
  402. package/es/styles/getStylesCreator.test.js +92 -0
  403. package/es/styles/getThemeProps.js +1 -9
  404. package/es/styles/getThemeProps.test.js +39 -0
  405. package/es/styles/index.js +5 -47
  406. package/es/styles/jssPreset.js +9 -25
  407. package/es/styles/mergeClasses.js +7 -19
  408. package/es/styles/shadows.js +1 -8
  409. package/es/styles/shape.js +1 -8
  410. package/es/styles/spacing.js +1 -9
  411. package/es/styles/themeListener.js +5 -18
  412. package/es/styles/themeListener.test.js +26 -0
  413. package/es/styles/transitions.js +18 -38
  414. package/es/styles/transitions.test.js +208 -0
  415. package/es/styles/zIndex.js +1 -8
  416. package/es/test-utils/createMount.js +11 -22
  417. package/es/test-utils/createRender.js +8 -19
  418. package/es/test-utils/createShallow.js +13 -23
  419. package/es/test-utils/getClasses.js +2 -11
  420. package/es/test-utils/index.js +5 -47
  421. package/es/test-utils/until.js +6 -16
  422. package/es/test-utils/until.test.js +157 -0
  423. package/es/test-utils/unwrap.js +1 -8
  424. package/es/theme/palette.js +2 -10
  425. package/es/theme/typography.js +2 -10
  426. package/es/theme.js +2 -11
  427. package/es/transitions/utils.js +2 -13
  428. package/es/utils/exactProp.js +5 -18
  429. package/es/utils/helpers.js +18 -55
  430. package/es/withMobileDialog/index.js +1 -15
  431. package/es/withMobileDialog/withMobileDialog.js +7 -22
  432. package/es/withMobileDialog/withMobileDialog.test.js +67 -0
  433. package/hi-svg-icons/HiAccount.js +18 -36
  434. package/hi-svg-icons/HiActivity.js +17 -35
  435. package/hi-svg-icons/HiAll.js +22 -42
  436. package/hi-svg-icons/HiBilling.js +18 -36
  437. package/hi-svg-icons/HiBriefcaseRescue.js +10 -26
  438. package/hi-svg-icons/HiCatalog.js +18 -36
  439. package/hi-svg-icons/HiCustomer.js +18 -36
  440. package/hi-svg-icons/HiDownload.js +11 -25
  441. package/hi-svg-icons/HiFinance.js +18 -36
  442. package/hi-svg-icons/HiPermission.js +17 -35
  443. package/hi-svg-icons/HiRoute.js +18 -36
  444. package/hi-svg-icons/HiSettlement.js +18 -36
  445. package/hi-svg-icons/HiSizeLarge.js +12 -27
  446. package/hi-svg-icons/HiSizeMedium.js +11 -25
  447. package/hi-svg-icons/HiSizeSmall.js +11 -25
  448. package/hi-svg-icons/HiTransaction.js +18 -36
  449. package/hi-svg-icons/HiUser.js +18 -36
  450. package/hi-svg-icons/HiWidget.js +22 -42
  451. package/hi-svg-icons/index.js +18 -151
  452. package/hi-svg-icons/index.text.js +11 -21
  453. package/package.json +1 -1
  454. package/styleguide/Wrapper.js +19 -36
  455. package/styles/MuiThemeProvider.js +39 -59
  456. package/styles/colorManipulator.js +16 -44
  457. package/styles/colorManipulator.test.js +242 -0
  458. package/styles/createBreakpoints.js +6 -20
  459. package/styles/createBreakpoints.test.js +48 -0
  460. package/styles/createGenerateClassName.js +5 -15
  461. package/styles/createGenerateClassName.test.js +141 -0
  462. package/styles/createMixins.js +8 -19
  463. package/styles/createMixins.test.js +24 -0
  464. package/styles/createMuiTheme.js +34 -53
  465. package/styles/createMuiTheme.test.js +67 -0
  466. package/styles/createPalette.js +30 -50
  467. package/styles/createPalette.test.js +159 -0
  468. package/styles/createStyles.js +1 -8
  469. package/styles/createStyles.test.js +8 -0
  470. package/styles/createTypography.js +18 -30
  471. package/styles/createTypography.test.js +60 -0
  472. package/styles/getStylesCreator.js +11 -24
  473. package/styles/getStylesCreator.test.js +92 -0
  474. package/styles/getThemeProps.js +1 -9
  475. package/styles/getThemeProps.test.js +39 -0
  476. package/styles/index.js +5 -47
  477. package/styles/jssPreset.js +9 -25
  478. package/styles/mergeClasses.js +7 -19
  479. package/styles/shadows.js +1 -8
  480. package/styles/shape.js +1 -8
  481. package/styles/spacing.js +1 -9
  482. package/styles/themeListener.js +5 -18
  483. package/styles/themeListener.test.js +26 -0
  484. package/styles/transitions.js +18 -38
  485. package/styles/transitions.test.js +208 -0
  486. package/styles/zIndex.js +1 -8
  487. package/test-utils/createMount.js +11 -22
  488. package/test-utils/createRender.js +8 -19
  489. package/test-utils/createShallow.js +13 -23
  490. package/test-utils/getClasses.js +2 -11
  491. package/test-utils/index.js +5 -47
  492. package/test-utils/until.js +6 -16
  493. package/test-utils/until.test.js +157 -0
  494. package/test-utils/unwrap.js +1 -8
  495. package/theme/palette.js +2 -10
  496. package/theme/typography.js +2 -10
  497. package/theme.js +2 -11
  498. package/transitions/utils.js +2 -13
  499. package/utils/exactProp.js +5 -18
  500. package/utils/helpers.js +18 -55
  501. package/withMobileDialog/index.js +1 -15
  502. package/withMobileDialog/withMobileDialog.js +7 -22
  503. package/withMobileDialog/withMobileDialog.test.js +67 -0
@@ -1,35 +1,15 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.styles = void 0;
9
-
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
11
-
12
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
13
-
14
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
15
-
16
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
17
-
18
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
19
-
20
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
21
-
22
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
23
-
24
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
25
-
26
- var _react = _interopRequireDefault(require("react"));
27
-
28
- var _styles = require("@material-ui/core/styles");
29
-
30
- var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
31
-
32
- var styles = {
1
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
5
+ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
6
+ import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
7
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
8
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
9
+ import React from 'react';
10
+ import { withStyles } from '@material-ui/core/styles';
11
+ import HiColoredLabel from '../HiColoredLabel';
12
+ export var styles = {
33
13
  leftEllipsisSpan: {
34
14
  display: 'inline-block',
35
15
  overflow: 'hidden',
@@ -49,20 +29,22 @@ var styles = {
49
29
  whiteSpace: 'pre'
50
30
  }
51
31
  };
52
- exports.styles = styles;
53
32
 
54
33
  var CellText =
55
34
  /*#__PURE__*/
56
35
  function (_React$Component) {
57
- (0, _inherits2.default)(CellText, _React$Component);
36
+ _inherits(CellText, _React$Component);
58
37
 
59
38
  function CellText(props) {
60
39
  var _this;
61
40
 
62
- (0, _classCallCheck2.default)(this, CellText);
63
- _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellText).call(this, props));
64
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cellText", null);
65
- _this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)(_this));
41
+ _classCallCheck(this, CellText);
42
+
43
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(CellText).call(this, props));
44
+
45
+ _defineProperty(_assertThisInitialized(_this), "cellText", null);
46
+
47
+ _this.buildEllipsis = _this.buildEllipsis.bind(_assertThisInitialized(_this));
66
48
  return _this;
67
49
  }
68
50
  /**
@@ -70,7 +52,7 @@ function (_React$Component) {
70
52
  */
71
53
 
72
54
 
73
- (0, _createClass2.default)(CellText, [{
55
+ _createClass(CellText, [{
74
56
  key: "componentDidMount",
75
57
  value: function componentDidMount() {
76
58
  this.buildEllipsis();
@@ -90,7 +72,7 @@ function (_React$Component) {
90
72
  if (this.props.ellipsis === 'after-first-word' || this.props.ellipsis === 'name') {
91
73
  if (this.cellText !== null) {
92
74
  var _this$cellText$getEle = this.cellText.getElementsByTagName('span'),
93
- _this$cellText$getEle2 = (0, _slicedToArray2.default)(_this$cellText$getEle, 2),
75
+ _this$cellText$getEle2 = _slicedToArray(_this$cellText$getEle, 2),
94
76
  startSpan = _this$cellText$getEle2[0],
95
77
  endSpan = _this$cellText$getEle2[1];
96
78
 
@@ -116,7 +98,7 @@ function (_React$Component) {
116
98
  if (this.props.ellipsis === 'middle') {
117
99
  if (this.cellText !== null) {
118
100
  var _this$cellText$getEle3 = this.cellText.getElementsByTagName('span'),
119
- _this$cellText$getEle4 = (0, _slicedToArray2.default)(_this$cellText$getEle3, 2),
101
+ _this$cellText$getEle4 = _slicedToArray(_this$cellText$getEle3, 2),
120
102
  _startSpan = _this$cellText$getEle4[0],
121
103
  _endSpan = _this$cellText$getEle4[1];
122
104
 
@@ -161,13 +143,13 @@ function (_React$Component) {
161
143
  end = '';
162
144
  }
163
145
 
164
- valueElement = _react.default.createElement("div", {
146
+ valueElement = React.createElement("div", {
165
147
  ref: function ref(div) {
166
148
  _this2.cellText = div;
167
149
  }
168
- }, _react.default.createElement("span", {
150
+ }, React.createElement("span", {
169
151
  className: classes.rightEllipsisSpan
170
- }, "".concat(start, " ")), _react.default.createElement("span", {
152
+ }, "".concat(start, " ")), React.createElement("span", {
171
153
  className: classes.leftEllipsisSpan
172
154
  }, end));
173
155
  break;
@@ -176,23 +158,23 @@ function (_React$Component) {
176
158
  // Split value in 2 strings
177
159
  start = valueString.substr(0, Math.round(valueString.length / 2));
178
160
  end = valueString.substr(Math.round(valueString.length / 2));
179
- valueElement = _react.default.createElement("div", {
161
+ valueElement = React.createElement("div", {
180
162
  ref: function ref(div) {
181
163
  _this2.cellText = div;
182
164
  }
183
- }, _react.default.createElement("span", {
165
+ }, React.createElement("span", {
184
166
  className: classes.noEllipsisSpan
185
- }, start), _react.default.createElement("span", {
167
+ }, start), React.createElement("span", {
186
168
  className: classes.leftEllipsisSpan
187
169
  }, end));
188
170
  break;
189
171
 
190
172
  case 'left':
191
- valueElement = color ? _react.default.createElement(_HiColoredLabel.default, {
173
+ valueElement = color ? React.createElement(HiColoredLabel, {
192
174
  className: classes.leftEllipsisSpan,
193
175
  label: valueString,
194
176
  color: color
195
- }) : _react.default.createElement("div", {
177
+ }) : React.createElement("div", {
196
178
  className: classes.leftEllipsisSpan,
197
179
  style: {
198
180
  width: '100%'
@@ -202,11 +184,11 @@ function (_React$Component) {
202
184
 
203
185
  case 'right':
204
186
  default:
205
- valueElement = color ? _react.default.createElement(_HiColoredLabel.default, {
187
+ valueElement = color ? React.createElement(HiColoredLabel, {
206
188
  className: classes.rightEllipsisSpan,
207
189
  label: valueString,
208
190
  color: color
209
- }) : _react.default.createElement("div", {
191
+ }) : React.createElement("div", {
210
192
  className: classes.rightEllipsisSpan,
211
193
  style: {
212
194
  width: '100%'
@@ -218,11 +200,10 @@ function (_React$Component) {
218
200
  return valueElement;
219
201
  }
220
202
  }]);
203
+
221
204
  return CellText;
222
- }(_react.default.Component);
205
+ }(React.Component);
223
206
 
224
- var _default = (0, _styles.withStyles)(styles, {
207
+ export default withStyles(styles, {
225
208
  name: 'HmuiCellText'
226
- })(CellText);
227
-
228
- exports.default = _default;
209
+ })(CellText);
@@ -0,0 +1,76 @@
1
+ import React from 'react';
2
+ import { assert } from 'chai';
3
+ import { createShallow, getClasses } from '../test-utils';
4
+ import CellText from './CellText';
5
+ describe('<CellText />', function () {
6
+ var shallow;
7
+ var classes;
8
+ before(function () {
9
+ shallow = createShallow({
10
+ dive: true,
11
+ untilSelector: CellText,
12
+ context: {
13
+ table: {
14
+ footer: true
15
+ }
16
+ }
17
+ });
18
+ });
19
+ it('should render a div with label inside', function () {
20
+ var wrapper = shallow(React.createElement(CellText, {
21
+ type: 'text',
22
+ label: 'Test',
23
+ ellipsis: 'right',
24
+ displayTooltip: false
25
+ }));
26
+ assert.strictEqual(wrapper.find('div').text(), 'Test');
27
+ });
28
+ it('should render a div with 2 span (1 for label & 1 for ellipsis end)', function () {
29
+ var wrapper = shallow(React.createElement(CellText, {
30
+ type: 'text',
31
+ label: 'Q8A9LK6HICVYFSZ4',
32
+ view: 's',
33
+ ellipsis: 'middle',
34
+ ukey: 'cell_0_18',
35
+ displayTooltip: false
36
+ }));
37
+ assert.strictEqual(wrapper.find('span').length, 2);
38
+ assert.strictEqual(wrapper.find('span').at(0).text(), 'Q8A9LK6H', 'first part of label');
39
+ assert.strictEqual(wrapper.find('span').at(1).text(), 'ICVYFSZ4', 'last part of label');
40
+ });
41
+ it('should render a div with 2 span (1 for 1st word & 1 for the end)', function () {
42
+ var wrapper = shallow(React.createElement(CellText, {
43
+ type: 'text',
44
+ label: 'Test',
45
+ ellipsis: 'after-first-word'
46
+ }));
47
+ assert.strictEqual(wrapper.find('span').length, 2);
48
+ assert.strictEqual(wrapper.find('span').at(0).text(), 'Test ', 'first part of label');
49
+ assert.strictEqual(wrapper.find('span').at(1).text(), '', 'last part of label');
50
+ });
51
+ it('should render a div with 2 span (1 for 1st word & 1 for the end)', function () {
52
+ var wrapper = shallow(React.createElement(CellText, {
53
+ sticky: true,
54
+ type: 'text',
55
+ label: 'Test 2',
56
+ ellipsis: 'after-first-word'
57
+ }));
58
+ assert.strictEqual(wrapper.find('span').length, 2);
59
+ assert.strictEqual(wrapper.find('span').at(0).text(), 'Test ', 'first part of label');
60
+ assert.strictEqual(wrapper.find('span').at(1).text(), '2', 'last part of label');
61
+ });
62
+ it('should render a div with label', function () {
63
+ classes = getClasses(React.createElement(CellText, {
64
+ type: 'text',
65
+ label: 'Test',
66
+ ellipsis: 'left'
67
+ }));
68
+ var wrapper = shallow(React.createElement(CellText, {
69
+ type: 'text',
70
+ label: 'Test',
71
+ ellipsis: 'left'
72
+ }));
73
+ assert.strictEqual(wrapper.find('div').text(), 'Test');
74
+ assert.strictEqual(wrapper.find(".".concat(classes.leftEllipsisSpan)).length, 1, 'Should have 1 div with leftEllipsisSpanClass for content.');
75
+ });
76
+ });
@@ -1,18 +1,6 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
13
-
14
- var _HiButton = _interopRequireDefault(require("../HiButton"));
15
-
1
+ import React from 'react';
2
+ import HiColoredLabel from '../HiColoredLabel';
3
+ import HiButton from '../HiButton';
16
4
  var styleRoot = {
17
5
  width: '100%',
18
6
  height: 19,
@@ -66,7 +54,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
66
54
  var valueString = label ? label.toString() : value.toString();
67
55
 
68
56
  if (isButton) {
69
- return _react.default.createElement(_HiButton.default, {
57
+ return React.createElement(HiButton, {
70
58
  color: color,
71
59
  onClick: onClick,
72
60
  size: "small",
@@ -75,18 +63,17 @@ var CellTextStyled = function CellTextStyled(_ref) {
75
63
  }, valueString);
76
64
  }
77
65
 
78
- return _react.default.createElement("div", {
66
+ return React.createElement("div", {
79
67
  style: styleRoot,
80
68
  title: title || valueString
81
- }, color ? _react.default.createElement(_HiColoredLabel.default, {
69
+ }, color ? React.createElement(HiColoredLabel, {
82
70
  style: styleColorLabel,
83
71
  label: valueString,
84
72
  color: color,
85
73
  active: active
86
- }) : _react.default.createElement("div", {
74
+ }) : React.createElement("div", {
87
75
  style: styleLabel
88
76
  }, valueString));
89
77
  };
90
78
 
91
- var _default = CellTextStyled;
92
- exports.default = _default;
79
+ export default CellTextStyled;
package/HiCell/index.js CHANGED
@@ -1,79 +1,9 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "CellAddress", {
9
- enumerable: true,
10
- get: function get() {
11
- return _CellAddress.default;
12
- }
13
- });
14
- Object.defineProperty(exports, "CellDate", {
15
- enumerable: true,
16
- get: function get() {
17
- return _CellDate.default;
18
- }
19
- });
20
- Object.defineProperty(exports, "CellIcon", {
21
- enumerable: true,
22
- get: function get() {
23
- return _CellIcon.default;
24
- }
25
- });
26
- Object.defineProperty(exports, "CellImage", {
27
- enumerable: true,
28
- get: function get() {
29
- return _CellImage.default;
30
- }
31
- });
32
- Object.defineProperty(exports, "CellNumeric", {
33
- enumerable: true,
34
- get: function get() {
35
- return _CellNumeric.default;
36
- }
37
- });
38
- Object.defineProperty(exports, "CellRate", {
39
- enumerable: true,
40
- get: function get() {
41
- return _CellRate.default;
42
- }
43
- });
44
- Object.defineProperty(exports, "CellSentinel", {
45
- enumerable: true,
46
- get: function get() {
47
- return _CellSentinel.default;
48
- }
49
- });
50
- Object.defineProperty(exports, "CellText", {
51
- enumerable: true,
52
- get: function get() {
53
- return _CellText.default;
54
- }
55
- });
56
- Object.defineProperty(exports, "CellTextStyled", {
57
- enumerable: true,
58
- get: function get() {
59
- return _CellTextStyled.default;
60
- }
61
- });
62
-
63
- var _CellAddress = _interopRequireDefault(require("./CellAddress"));
64
-
65
- var _CellDate = _interopRequireDefault(require("./CellDate"));
66
-
67
- var _CellIcon = _interopRequireDefault(require("./CellIcon"));
68
-
69
- var _CellImage = _interopRequireDefault(require("./CellImage"));
70
-
71
- var _CellNumeric = _interopRequireDefault(require("./CellNumeric"));
72
-
73
- var _CellRate = _interopRequireDefault(require("./CellRate"));
74
-
75
- var _CellSentinel = _interopRequireDefault(require("./CellSentinel"));
76
-
77
- var _CellText = _interopRequireDefault(require("./CellText"));
78
-
79
- var _CellTextStyled = _interopRequireDefault(require("./CellTextStyled"));
1
+ export { default as CellAddress } from './CellAddress';
2
+ export { default as CellDate } from './CellDate';
3
+ export { default as CellIcon } from './CellIcon';
4
+ export { default as CellImage } from './CellImage';
5
+ export { default as CellNumeric } from './CellNumeric';
6
+ export { default as CellRate } from './CellRate';
7
+ export { default as CellSentinel } from './CellSentinel';
8
+ export { default as CellText } from './CellText';
9
+ export { default as CellTextStyled } from './CellTextStyled';
@@ -1,44 +1,19 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.styles = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
-
12
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
13
-
14
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
15
-
16
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
17
-
18
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
19
-
20
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
21
-
22
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
23
-
24
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
25
-
26
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
27
-
28
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
29
-
30
- var _react = _interopRequireDefault(require("react"));
31
-
32
- var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
33
-
34
- var _styles = require("@material-ui/core/styles");
35
-
36
- var _HiIcon = _interopRequireDefault(require("../HiIcon"));
37
-
38
- var _classnames = _interopRequireDefault(require("classnames"));
39
-
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
4
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
5
+ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
6
+ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
7
+ import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
8
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
9
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
40
10
  // @inheritedComponent Checkbox
41
- var styles = function styles(theme) {
11
+ import React from 'react';
12
+ import Checkbox from '@material-ui/core/Checkbox';
13
+ import { withStyles } from '@material-ui/core/styles';
14
+ import HiIcon from '../HiIcon';
15
+ import classNames from 'classnames';
16
+ export var styles = function styles(theme) {
42
17
  return {
43
18
  root: {
44
19
  marginRight: 4,
@@ -70,19 +45,18 @@ var styles = function styles(theme) {
70
45
  };
71
46
  };
72
47
 
73
- exports.styles = styles;
74
-
75
48
  var HiCheckbox =
76
49
  /*#__PURE__*/
77
50
  function (_React$PureComponent) {
78
- (0, _inherits2.default)(HiCheckbox, _React$PureComponent);
51
+ _inherits(HiCheckbox, _React$PureComponent);
79
52
 
80
53
  function HiCheckbox(props) {
81
54
  var _this;
82
55
 
83
- (0, _classCallCheck2.default)(this, HiCheckbox);
84
- _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiCheckbox).call(this, props));
85
- _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
56
+ _classCallCheck(this, HiCheckbox);
57
+
58
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(HiCheckbox).call(this, props));
59
+ _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
86
60
  return _this;
87
61
  }
88
62
  /**
@@ -92,7 +66,7 @@ function (_React$PureComponent) {
92
66
  */
93
67
 
94
68
 
95
- (0, _createClass2.default)(HiCheckbox, [{
69
+ _createClass(HiCheckbox, [{
96
70
  key: "handleChange",
97
71
  value: function handleChange(event, checked) {
98
72
  // Stop propagation
@@ -119,36 +93,38 @@ function (_React$PureComponent) {
119
93
  style = _this$props.style,
120
94
  size = _this$props.size,
121
95
  className = _this$props.className,
122
- other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
123
- var iconStyles = (0, _objectSpread2.default)({
96
+ other = _objectWithoutProperties(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
97
+
98
+ var iconStyles = _objectSpread({
124
99
  width: size,
125
100
  height: size
126
101
  }, style);
102
+
127
103
  var hcolor = ['positive', 'negative', 'middle', 'neutral', 'inherit'].includes(color) ? 'default' : color;
128
- return _react.default.createElement(_Checkbox.default, (0, _extends2.default)({
104
+ return React.createElement(Checkbox, Object.assign({
129
105
  classes: {
130
106
  root: classes.root,
131
- checked: (0, _classnames.default)(classes.checked, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checkedPrimary, color === 'primary' || color === 'inherit'), (0, _defineProperty2.default)(_classNames, classes.checkedSecondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.checkedPositive, color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.checkedNegative, color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.checkedMiddle, color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, color === 'neutral'), _classNames)),
107
+ checked: classNames(classes.checked, (_classNames = {}, _defineProperty(_classNames, classes.checkedPrimary, color === 'primary' || color === 'inherit'), _defineProperty(_classNames, classes.checkedSecondary, color === 'secondary'), _defineProperty(_classNames, classes.checkedPositive, color === 'positive'), _defineProperty(_classNames, classes.checkedNegative, color === 'negative'), _defineProperty(_classNames, classes.checkedMiddle, color === 'middle'), _defineProperty(_classNames, classes.checkedNeutral, color === 'neutral'), _classNames)),
132
108
  disabled: classes.disabled
133
109
  },
134
110
  style: iconStyles,
135
111
  color: hcolor,
136
112
  onChange: this.handleChange
137
113
  }, icon && {
138
- icon: _react.default.createElement(_HiIcon.default, {
114
+ icon: React.createElement(HiIcon, {
139
115
  className: classes.root,
140
116
  icon: icon,
141
117
  size: 20
142
118
  })
143
119
  }, checkedIcon && {
144
- checkedIcon: _react.default.createElement(_HiIcon.default, {
120
+ checkedIcon: React.createElement(HiIcon, {
145
121
  className: classes.root,
146
122
  icon: checkedIcon,
147
123
  color: color,
148
124
  size: 20
149
125
  })
150
126
  }, indeterminateIcon && {
151
- indeterminateIcon: _react.default.createElement(_HiIcon.default, {
127
+ indeterminateIcon: React.createElement(HiIcon, {
152
128
  className: classes.root,
153
129
  icon: indeterminateIcon,
154
130
  color: color,
@@ -157,19 +133,18 @@ function (_React$PureComponent) {
157
133
  }, other));
158
134
  }
159
135
  }]);
136
+
160
137
  return HiCheckbox;
161
- }(_react.default.PureComponent);
138
+ }(React.PureComponent);
162
139
 
163
- (0, _defineProperty2.default)(HiCheckbox, "defaultProps", {
140
+ _defineProperty(HiCheckbox, "defaultProps", {
164
141
  checked: false,
165
142
  color: 'inherit',
166
143
  size: 20,
167
144
  icon: 'check_box_outline_blank'
168
145
  });
169
146
 
170
- var _default = (0, _styles.withStyles)(styles, {
147
+ export default withStyles(styles, {
171
148
  hiComponent: true,
172
149
  name: 'HmuiHiCheckbox'
173
- })(HiCheckbox);
174
-
175
- exports.default = _default;
150
+ })(HiCheckbox);
@@ -0,0 +1,55 @@
1
+ import React from 'react';
2
+ import { assert } from 'chai';
3
+ import { spy } from 'sinon';
4
+ import { createMount, createShallow } from '../test-utils';
5
+ import Checkbox from '@material-ui/core/Checkbox';
6
+ import HiCheckbox from './HiCheckbox';
7
+ describe('<HiCheckbox/>', function () {
8
+ var shallow;
9
+ var mount;
10
+ beforeEach(function () {
11
+ shallow = createShallow({
12
+ dive: true
13
+ });
14
+ mount = createMount();
15
+ });
16
+ afterEach(function () {
17
+ mount.cleanUp();
18
+ });
19
+ it('Should render a Checkbox', function () {
20
+ var wrapper = shallow(React.createElement(HiCheckbox, null));
21
+ assert.strictEqual(wrapper.find(Checkbox).length, 1, 'render checkbox');
22
+ });
23
+ var event = {
24
+ target: {
25
+ checked: false
26
+ }
27
+ };
28
+ it('should call onChange exactly once with event', function () {
29
+ var onChangeSpy = spy();
30
+ var wrapper = mount(React.createElement(HiCheckbox, {
31
+ onChange: onChangeSpy
32
+ }));
33
+ assert.strictEqual(onChangeSpy.callCount, 0);
34
+ wrapper.find('input').simulate('change', event);
35
+ assert.strictEqual(onChangeSpy.callCount, 1);
36
+ assert.strictEqual(onChangeSpy.args[0][0].target, event.target);
37
+ onChangeSpy.resetHistory();
38
+ });
39
+ it('should call onChange exactly once with event', function () {
40
+ var onChangeSpy = spy();
41
+ var wrapper = mount(React.createElement(HiCheckbox, {
42
+ onChange: onChangeSpy
43
+ }));
44
+ assert.strictEqual(onChangeSpy.callCount, 0);
45
+ wrapper.find('input').simulate('change', null);
46
+ assert.strictEqual(onChangeSpy.callCount, 1);
47
+ onChangeSpy.resetHistory();
48
+ });
49
+ it('should mount', function () {
50
+ var wrapper = mount(React.createElement(HiCheckbox, {
51
+ onChange: undefined
52
+ }));
53
+ assert.strictEqual(wrapper.find(Checkbox).length, 1, 'render checkbox');
54
+ });
55
+ });
@@ -1,15 +1 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "default", {
9
- enumerable: true,
10
- get: function get() {
11
- return _HiCheckbox.default;
12
- }
13
- });
14
-
15
- var _HiCheckbox = _interopRequireDefault(require("./HiCheckbox"));
1
+ export { default } from './HiCheckbox';