@hipay/hipay-material-ui 2.3.1-rc3 → 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,29 +1,13 @@
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
11
-
12
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
13
-
14
- var _react = _interopRequireDefault(require("react"));
15
-
16
- var _classnames = _interopRequireDefault(require("classnames"));
17
-
18
- var _keycode = _interopRequireDefault(require("keycode"));
19
-
20
- var _HiIcon = _interopRequireDefault(require("../HiIcon"));
21
-
22
- var _styles = require("@material-ui/core/styles");
23
-
24
- var styles = function styles(theme) {
1
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
3
+ import React from 'react';
4
+ import classNames from 'classnames';
5
+ import keycode from 'keycode';
6
+ import HiIcon from '../HiIcon';
7
+ import { withStyles } from '@material-ui/core/styles';
8
+ export var styles = function styles(theme) {
25
9
  return {
26
- root: (0, _objectSpread2.default)({}, theme.typography.b3, {
10
+ root: _objectSpread({}, theme.typography.b3, {
27
11
  display: 'inline-flex',
28
12
  marginRight: 4,
29
13
  width: 'fit-content',
@@ -106,10 +90,8 @@ var styles = function styles(theme) {
106
90
  };
107
91
  };
108
92
 
109
- exports.styles = styles;
110
-
111
93
  var handleKeyDown = function handleKeyDown(e, fn) {
112
- if ((0, _keycode.default)(e) === 'space' || (0, _keycode.default)(e) === 'enter') {
94
+ if (keycode(e) === 'space' || keycode(e) === 'enter') {
113
95
  e.preventDefault();
114
96
  fn();
115
97
  }
@@ -141,17 +123,17 @@ function HiChip(props) {
141
123
  titleNext = props.titleNext,
142
124
  titlePrevious = props.titlePrevious,
143
125
  style = props.style;
144
- return _react.default.createElement("div", {
126
+ return React.createElement("div", {
145
127
  id: id,
146
128
  role: 'button',
147
- className: (0, _classnames.default)(classes.root, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.leftNavigation, onPrevious), (0, _defineProperty2.default)(_classNames, classes.rightNavigation, onNext), (0, _defineProperty2.default)(_classNames, classes.deletable, onDelete), (0, _defineProperty2.default)(_classNames, classes.leftIcon, icon), _classNames)),
129
+ className: classNames(classes.root, className, (_classNames = {}, _defineProperty(_classNames, classes.leftNavigation, onPrevious), _defineProperty(_classNames, classes.rightNavigation, onNext), _defineProperty(_classNames, classes.deletable, onDelete), _defineProperty(_classNames, classes.leftIcon, icon), _classNames)),
148
130
  title: title,
149
131
  onClick: onClick,
150
132
  onKeyDown: onKeyDown,
151
133
  tabIndex: onKeyDown ? '0' : '-1',
152
134
  style: style
153
- }, icon && _react.default.createElement(_HiIcon.default, {
154
- className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconClickable, onIconClick)),
135
+ }, icon && React.createElement(HiIcon, {
136
+ className: classNames(classes.icon, _defineProperty({}, classes.iconClickable, onIconClick)),
155
137
  id: "".concat(id, "-icon"),
156
138
  icon: icon,
157
139
  size: iconSize,
@@ -161,10 +143,10 @@ function HiChip(props) {
161
143
  },
162
144
  title: titleIcon,
163
145
  tabIndex: onIconClick ? 0 : -1
164
- }), prefix && _react.default.createElement("span", {
146
+ }), prefix && React.createElement("span", {
165
147
  id: "".concat(id, "-prefix"),
166
148
  className: classes.prefix
167
- }, prefix), img && _react.default.createElement("img", {
149
+ }, prefix), img && React.createElement("img", {
168
150
  className: classes.badge,
169
151
  id: "".concat(id, "-badge"),
170
152
  src: img,
@@ -177,8 +159,8 @@ function HiChip(props) {
177
159
  }
178
160
  },
179
161
  title: titleImg
180
- }), onPrevious && _react.default.createElement(_HiIcon.default, {
181
- className: (0, _classnames.default)(classes.navigate),
162
+ }), onPrevious && React.createElement(HiIcon, {
163
+ className: classNames(classes.navigate),
182
164
  id: "".concat(id, "-previous"),
183
165
  icon: "arrow_left",
184
166
  onClick: onPrevious,
@@ -188,11 +170,11 @@ function HiChip(props) {
188
170
  size: iconSize,
189
171
  title: titlePrevious,
190
172
  tabIndex: 0
191
- }), _react.default.createElement("span", {
173
+ }), React.createElement("span", {
192
174
  id: "".concat(id, "-label"),
193
175
  className: classes.label
194
- }, label), onNext && _react.default.createElement(_HiIcon.default, {
195
- className: (0, _classnames.default)(classes.navigate),
176
+ }, label), onNext && React.createElement(HiIcon, {
177
+ className: classNames(classes.navigate),
196
178
  id: "".concat(id, "-next"),
197
179
  icon: "arrow_right",
198
180
  onClick: onNext,
@@ -202,7 +184,7 @@ function HiChip(props) {
202
184
  size: iconSize,
203
185
  title: titleNext,
204
186
  tabIndex: 0
205
- }), onDelete && _react.default.createElement(_HiIcon.default, {
187
+ }), onDelete && React.createElement(HiIcon, {
206
188
  classes: {
207
189
  root: classes.eraseIcon
208
190
  },
@@ -218,9 +200,7 @@ function HiChip(props) {
218
200
  }));
219
201
  }
220
202
 
221
- var _default = (0, _styles.withStyles)(styles, {
203
+ export default withStyles(styles, {
222
204
  hiComponent: true,
223
205
  name: 'HmuiHiChip'
224
- })(HiChip);
225
-
226
- exports.default = _default;
206
+ })(HiChip);
@@ -0,0 +1,136 @@
1
+ import React from 'react';
2
+ import { assert } from 'chai';
3
+ import { spy } from 'sinon';
4
+ import { createShallow, createMount, getClasses } from '../test-utils';
5
+ import HiChip from './HiChip';
6
+ import HiIcon from '../HiIcon';
7
+ describe('<HiChip />', function () {
8
+ var shallow;
9
+ var mount;
10
+ var classes;
11
+ var wrapper;
12
+
13
+ var noop = function noop() {};
14
+
15
+ before(function () {
16
+ shallow = createShallow({
17
+ untilSelector: 'Badge'
18
+ });
19
+ mount = createMount();
20
+ classes = getClasses(React.createElement(HiChip, {
21
+ label: "test"
22
+ }));
23
+ });
24
+ after(function () {
25
+ mount.cleanUp();
26
+ });
27
+ describe('Basic chip', function () {
28
+ before(function () {
29
+ wrapper = shallow(React.createElement(HiChip, {
30
+ label: "test"
31
+ }));
32
+ });
33
+ it('should render a div containing a span and an icon', function () {
34
+ assert.strictEqual(wrapper.name(), 'div');
35
+ assert.strictEqual(wrapper.childAt(0).is('span'), true, 'should be a span');
36
+ assert.strictEqual(wrapper.find(HiIcon).length, 0, 'should not have deletable icon');
37
+ });
38
+ it('should merge user classes & spread custom props to the root node', function () {
39
+ assert.strictEqual(wrapper.hasClass(classes.root), true);
40
+ });
41
+ });
42
+ describe('Chip with icon', function () {
43
+ before(function () {
44
+ wrapper = shallow(React.createElement(HiChip, {
45
+ label: "test",
46
+ icon: "magnify"
47
+ }));
48
+ });
49
+ it('should render a div containing a span', function () {
50
+ assert.strictEqual(wrapper.name(), 'div');
51
+ assert.strictEqual(wrapper.childAt(0).is(HiIcon), true, 'should be a HiIcon');
52
+ assert.strictEqual(wrapper.childAt(1).is('span'), true, 'should be a span');
53
+ });
54
+ });
55
+ describe('Chip with img', function () {
56
+ before(function () {
57
+ wrapper = shallow(React.createElement(HiChip, {
58
+ label: "test",
59
+ img: "/static/hmus/images/countries/ag.svg"
60
+ }));
61
+ });
62
+ it('should render a div containing an img and a span', function () {
63
+ assert.strictEqual(wrapper.name(), 'div');
64
+ assert.strictEqual(wrapper.childAt(0).is('img'), true, 'should be a img');
65
+ assert.strictEqual(wrapper.childAt(1).is('span'), true, 'should be a span');
66
+ });
67
+ });
68
+ describe('Chip with icon and navigable', function () {
69
+ before(function () {
70
+ wrapper = shallow(React.createElement(HiChip, {
71
+ label: "test",
72
+ icon: "magnify",
73
+ onNext: noop,
74
+ onPrevious: noop
75
+ }));
76
+ });
77
+ it('should render a div containing a span', function () {
78
+ assert.strictEqual(wrapper.name(), 'div');
79
+ assert.strictEqual(wrapper.childAt(0).is(HiIcon), true, 'should be a HiIcon (icon)');
80
+ assert.strictEqual(wrapper.childAt(1).is(HiIcon), true, 'should be a HiIcon (previous)');
81
+ assert.strictEqual(wrapper.childAt(2).is('span'), true, 'should be a span');
82
+ assert.strictEqual(wrapper.childAt(3).is(HiIcon), true, 'should be a HiIcon (next)');
83
+ });
84
+ it('should merge user classes & spread custom props to the root node', function () {
85
+ assert.strictEqual(wrapper.hasClass(classes.root), true);
86
+ });
87
+ });
88
+ describe('Chip with icon and navigable and delete', function () {
89
+ before(function () {
90
+ wrapper = shallow(React.createElement(HiChip, {
91
+ label: "test",
92
+ icon: "magnify",
93
+ onNext: noop,
94
+ onPrevious: noop,
95
+ onDelete: noop
96
+ }));
97
+ });
98
+ it('should render all components', function () {
99
+ assert.strictEqual(wrapper.name(), 'div');
100
+ assert.strictEqual(wrapper.childAt(0).is(HiIcon), true, 'should be a HiIcon (icon)');
101
+ assert.strictEqual(wrapper.childAt(1).is(HiIcon), true, 'should be a HiIcon (previous)');
102
+ assert.strictEqual(wrapper.childAt(2).is('span'), true, 'should be a span');
103
+ assert.strictEqual(wrapper.childAt(3).is(HiIcon), true, 'should be a HiIcon (next)');
104
+ assert.strictEqual(wrapper.childAt(4).is(HiIcon), true, 'should be a HiIcon (delete)');
105
+ });
106
+ it('should merge user classes & spread custom props to the root node', function () {
107
+ assert.strictEqual(wrapper.hasClass(classes.root), true);
108
+ });
109
+ });
110
+ describe('delete icon', function () {
111
+ it('should call onDelete when clicking', function () {
112
+ var handleDelete = spy();
113
+ var handleNext = spy();
114
+ var handlePrevious = spy();
115
+ wrapper = shallow(React.createElement(HiChip, {
116
+ label: "test",
117
+ onDelete: handleDelete,
118
+ onPrevious: handlePrevious,
119
+ onNext: handleNext
120
+ }));
121
+ wrapper.find(HiIcon).at(0).simulate('click');
122
+ assert.strictEqual(handlePrevious.callCount, 1, 'should have been called once handlePrevious');
123
+ assert.strictEqual(handleNext.callCount, 0, 'should not have been called handleNext');
124
+ assert.strictEqual(handleDelete.callCount, 0, 'should not have been called handleDelete');
125
+ wrapper.find(HiIcon).at(1).simulate('click');
126
+ assert.strictEqual(handlePrevious.callCount, 1, 'should have been called once handlePrevious');
127
+ assert.strictEqual(handleNext.callCount, 1, 'should have been called once handleNext');
128
+ assert.strictEqual(handleDelete.callCount, 0, 'should not have been called handleDelete');
129
+ wrapper.find(HiIcon).at(2).simulate('click');
130
+ assert.strictEqual(handlePrevious.callCount, 1, 'should have been called once handlePrevious');
131
+ assert.strictEqual(handleNext.callCount, 1, 'should have been called once handleNext');
132
+ assert.strictEqual(handleDelete.callCount, 1, 'should have been called once handleDelete');
133
+ wrapper.unmount();
134
+ });
135
+ });
136
+ });
@@ -1,45 +1,20 @@
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 _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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
27
-
28
- var _react = _interopRequireDefault(require("react"));
29
-
30
- var _classnames = _interopRequireDefault(require("classnames"));
31
-
32
- var _index = _interopRequireDefault(require("keycode/index"));
33
-
34
- var _HiIcon = _interopRequireDefault(require("../HiIcon"));
35
-
36
- var _styles = require("@material-ui/core/styles");
37
-
38
- var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
39
-
40
- var styles = function styles(theme) {
1
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
2
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
3
+ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
4
+ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
5
+ import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
6
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
7
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
8
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
9
+ import React from 'react';
10
+ import classNames from 'classnames';
11
+ import keycode from 'keycode/index';
12
+ import HiIcon from '../HiIcon';
13
+ import { withStyles } from '@material-ui/core/styles';
14
+ import { emphasize } from '@material-ui/core/styles/colorManipulator';
15
+ export var styles = function styles(theme) {
41
16
  return {
42
- root: (0, _objectSpread2.default)({}, theme.typography.b3, {
17
+ root: _objectSpread({}, theme.typography.b3, {
43
18
  display: 'inline-flex',
44
19
  alignItems: 'center',
45
20
  marginRight: 4,
@@ -54,7 +29,7 @@ var styles = function styles(theme) {
54
29
  // Remove grey highlight
55
30
  WebkitTapHighlightColor: 'transparent',
56
31
  '&:hover, &:focus': {
57
- backgroundColor: (0, _colorManipulator.emphasize)(theme.palette.grey[300], 0.08)
32
+ backgroundColor: emphasize(theme.palette.grey[300], 0.08)
58
33
  }
59
34
  }),
60
35
  active: {
@@ -115,20 +90,21 @@ var styles = function styles(theme) {
115
90
  };
116
91
  };
117
92
 
118
- exports.styles = styles;
119
-
120
93
  var HiChipSwitch =
121
94
  /*#__PURE__*/
122
95
  function (_React$PureComponent) {
123
- (0, _inherits2.default)(HiChipSwitch, _React$PureComponent);
96
+ _inherits(HiChipSwitch, _React$PureComponent);
124
97
 
125
98
  function HiChipSwitch(props) {
126
99
  var _this;
127
100
 
128
- (0, _classCallCheck2.default)(this, HiChipSwitch);
129
- _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiChipSwitch).call(this, props));
130
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "chipSwitchRef", null);
131
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
101
+ _classCallCheck(this, HiChipSwitch);
102
+
103
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(HiChipSwitch).call(this, props));
104
+
105
+ _defineProperty(_assertThisInitialized(_this), "chipSwitchRef", null);
106
+
107
+ _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
132
108
  // Ignore events from children of `Chip`.
133
109
  if (event.currentTarget !== event.target) {
134
110
  return;
@@ -137,7 +113,7 @@ function (_React$PureComponent) {
137
113
  var _this$props = _this.props,
138
114
  onClick = _this$props.onClick,
139
115
  onKeyDown = _this$props.onKeyDown;
140
- var key = (0, _index.default)(event);
116
+ var key = keycode(event);
141
117
 
142
118
  if (onClick && (key === 'space' || key === 'enter')) {
143
119
  event.preventDefault();
@@ -154,22 +130,24 @@ function (_React$PureComponent) {
154
130
  onKeyDown(event);
155
131
  }
156
132
  });
157
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDownSelection", function (event) {
133
+
134
+ _defineProperty(_assertThisInitialized(_this), "handleKeyDownSelection", function (event) {
158
135
  var onSelectionClick = _this.props.onSelectionClick;
159
- var key = (0, _index.default)(event);
136
+ var key = keycode(event);
160
137
 
161
138
  if (onSelectionClick && (key === 'space' || key === 'enter')) {
162
139
  event.preventDefault();
163
140
  onSelectionClick(event);
164
141
  }
165
142
  });
166
- _this.handleClickSelection = _this.handleClickSelection.bind((0, _assertThisInitialized2.default)(_this));
167
- _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
168
- _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind((0, _assertThisInitialized2.default)(_this));
143
+
144
+ _this.handleClickSelection = _this.handleClickSelection.bind(_assertThisInitialized(_this));
145
+ _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_this));
146
+ _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind(_assertThisInitialized(_this));
169
147
  return _this;
170
148
  }
171
149
 
172
- (0, _createClass2.default)(HiChipSwitch, [{
150
+ _createClass(HiChipSwitch, [{
173
151
  key: "handleClickSelection",
174
152
  value: function handleClickSelection(event) {
175
153
  if (this.props.onSelectionClick) {
@@ -210,9 +188,9 @@ function (_React$PureComponent) {
210
188
  };
211
189
  }
212
190
 
213
- return _react.default.createElement("div", {
191
+ return React.createElement("div", {
214
192
  id: id,
215
- className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.active, !!active), (0, _defineProperty2.default)(_classNames, classes.inactive, !active), _classNames)),
193
+ className: classNames(classes.root, (_classNames = {}, _defineProperty(_classNames, classes.active, !!active), _defineProperty(_classNames, classes.inactive, !active), _classNames)),
216
194
  onClick: onClick,
217
195
  role: "button",
218
196
  tabIndex: "0",
@@ -220,30 +198,29 @@ function (_React$PureComponent) {
220
198
  ref: function ref(node) {
221
199
  _this2.chipRef = node;
222
200
  }
223
- }, _react.default.createElement(_HiIcon.default, {
201
+ }, React.createElement(HiIcon, {
224
202
  icon: active ? activeIcon : 'add',
225
203
  size: 20,
226
- className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconActive, !!active))
227
- }), _react.default.createElement("span", {
228
- className: (0, _classnames.default)(classes.label, (0, _defineProperty2.default)({}, classes.noSelection, selection === null))
229
- }, label), selection !== null && _react.default.createElement("div", (0, _extends2.default)({
230
- className: (0, _classnames.default)(classes.selection, (0, _defineProperty2.default)({}, classes.selectionClickable, onSelectionClick && selection !== 0))
204
+ className: classNames(classes.icon, _defineProperty({}, classes.iconActive, !!active))
205
+ }), React.createElement("span", {
206
+ className: classNames(classes.label, _defineProperty({}, classes.noSelection, selection === null))
207
+ }, label), selection !== null && React.createElement("div", Object.assign({
208
+ className: classNames(classes.selection, _defineProperty({}, classes.selectionClickable, onSelectionClick && selection !== 0))
231
209
  }, selectionProps), selection));
232
210
  }
233
211
  }]);
212
+
234
213
  return HiChipSwitch;
235
- }(_react.default.PureComponent);
214
+ }(React.PureComponent);
236
215
 
237
- (0, _defineProperty2.default)(HiChipSwitch, "defaultProps", {
216
+ _defineProperty(HiChipSwitch, "defaultProps", {
238
217
  active: false,
239
218
  activeIcon: 'check',
240
219
  selection: null,
241
220
  selectionTitle: ''
242
221
  });
243
222
 
244
- var _default = (0, _styles.withStyles)(styles, {
223
+ export default withStyles(styles, {
245
224
  hiComponent: true,
246
225
  name: 'HmuiHiChipSwitch'
247
- })(HiChipSwitch);
248
-
249
- exports.default = _default;
226
+ })(HiChipSwitch);
@@ -0,0 +1,99 @@
1
+ import React from 'react';
2
+ import { assert } from 'chai';
3
+ import { spy } from 'sinon';
4
+ import { createShallow, createMount, getClasses } from '../test-utils';
5
+ import HiChipSwitch from './HiChipSwitch';
6
+ import HiIcon from '../HiIcon';
7
+ describe('<HiChipSwitch />', function () {
8
+ var shallow;
9
+ var mount;
10
+ var classes;
11
+ var wrapper;
12
+
13
+ var noop = function noop() {};
14
+
15
+ before(function () {
16
+ shallow = createShallow({
17
+ untilSelector: 'Badge'
18
+ });
19
+ mount = createMount();
20
+ classes = getClasses(React.createElement(HiChipSwitch, {
21
+ label: "test",
22
+ onClick: noop
23
+ }));
24
+ });
25
+ after(function () {
26
+ mount.cleanUp();
27
+ });
28
+ describe('text with leftIcon', function () {
29
+ before(function () {
30
+ wrapper = shallow(React.createElement(HiChipSwitch, {
31
+ label: "test",
32
+ onClick: noop
33
+ }));
34
+ });
35
+ it('should render a div containing a span and an icon', function () {
36
+ assert.strictEqual(wrapper.name(), 'div');
37
+ assert.strictEqual(wrapper.childAt(0).is(HiIcon), true, 'should be a HiIcon');
38
+ assert.strictEqual(wrapper.childAt(1).is('span'), true, 'should be a span');
39
+ });
40
+ it('should merge user classes & spread custom props to the root node', function () {
41
+ assert.strictEqual(wrapper.hasClass(classes.root), true);
42
+ });
43
+ });
44
+ describe('text with leftIcon and selection', function () {
45
+ before(function () {
46
+ wrapper = shallow(React.createElement(HiChipSwitch, {
47
+ label: "test",
48
+ selection: 5,
49
+ onClick: noop
50
+ }));
51
+ });
52
+ it('should render a div containing a span', function () {
53
+ assert.strictEqual(wrapper.name(), 'div');
54
+ assert.strictEqual(wrapper.childAt(0).is(HiIcon), true, 'should be a HiIcon (leftIcon)');
55
+ assert.strictEqual(wrapper.childAt(1).is('span'), true, 'should be a span');
56
+ assert.strictEqual(wrapper.childAt(2).is('div'), true, 'should be a div');
57
+ });
58
+ it('should merge user classes & spread custom props to the root node', function () {
59
+ assert.strictEqual(wrapper.hasClass(classes.root), true);
60
+ });
61
+ });
62
+ describe('callbacks', function () {
63
+ it('should call onDelete when clicking', function () {
64
+ var handleClick = spy();
65
+ var handleSelectionClick = spy();
66
+ wrapper = shallow(React.createElement(HiChipSwitch, {
67
+ label: "test",
68
+ onClick: handleClick,
69
+ onSelectionClick: handleSelectionClick,
70
+ selection: 5
71
+ }));
72
+ wrapper.simulate('click');
73
+ assert.strictEqual(handleClick.callCount, 1, 'should have been called once handleClick');
74
+ assert.strictEqual(handleSelectionClick.callCount, 0, 'should not have been called handleSelectionClick');
75
+ assert.strictEqual(wrapper.find(HiIcon).length, 1, 'should have default icon');
76
+ wrapper.setProps({
77
+ active: true
78
+ });
79
+ wrapper.update();
80
+ assert.strictEqual(wrapper.find(HiIcon).length, 1, 'should have default active icon');
81
+ wrapper.setProps({
82
+ activeIcon: 'search'
83
+ });
84
+ wrapper.update();
85
+ assert.strictEqual(wrapper.find(HiIcon).length, 1, 'should have specific active icon');
86
+ wrapper.find('div').at(1).simulate('click');
87
+ assert.strictEqual(handleSelectionClick.callCount, 1, 'should have been called once handleSelectionClick');
88
+ wrapper.unmount();
89
+ wrapper = mount(React.createElement(HiChipSwitch, {
90
+ label: "test",
91
+ onClick: handleClick,
92
+ selection: 5
93
+ }));
94
+ wrapper.find('div').at(1).simulate('click');
95
+ assert.strictEqual(handleSelectionClick.callCount, 1, 'should not have been called handleSelectionClick');
96
+ wrapper.unmount();
97
+ });
98
+ });
99
+ });
@@ -1,23 +1,2 @@
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 _HiChip.default;
12
- }
13
- });
14
- Object.defineProperty(exports, "HiChipSwitch", {
15
- enumerable: true,
16
- get: function get() {
17
- return _HiChipSwitch.default;
18
- }
19
- });
20
-
21
- var _HiChip = _interopRequireDefault(require("./HiChip"));
22
-
23
- var _HiChipSwitch = _interopRequireDefault(require("./HiChipSwitch"));
1
+ export { default } from './HiChip';
2
+ export { default as HiChipSwitch } from './HiChipSwitch';