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

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 (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;
@@ -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';