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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (503) hide show
  1. package/App.test.js +8 -0
  2. package/HiAlertModal/HiAlertModal.js +48 -77
  3. package/HiAlertModal/HiAlertModal.test.js +189 -0
  4. package/HiAlertModal/index.js +1 -15
  5. package/HiAppBar/HiAppBar.js +34 -63
  6. package/HiAppBar/index.js +1 -15
  7. package/HiBadge/HiBadge.js +10 -29
  8. package/HiBadge/HiBadge.test.js +49 -0
  9. package/HiBadge/index.js +1 -15
  10. package/HiBreadcrumb/HiBreadcrumb.js +27 -43
  11. package/HiBreadcrumb/HiBreadcrumb.test.js +44 -0
  12. package/HiBreadcrumb/HiStep.js +35 -57
  13. package/HiBreadcrumb/HiStep.test.js +47 -0
  14. package/HiBreadcrumb/HiStepConnector.js +32 -57
  15. package/HiBreadcrumb/HiStepConnector.test.js +113 -0
  16. package/HiBreadcrumb/HiStepContent.js +25 -46
  17. package/HiBreadcrumb/HiStepContent.test.js +32 -0
  18. package/HiBreadcrumb/HiStepIcon.js +26 -46
  19. package/HiBreadcrumb/HiStepIcon.test.js +65 -0
  20. package/HiBreadcrumb/HiStepLabel.js +36 -61
  21. package/HiBreadcrumb/HiStepLabel.test.js +30 -0
  22. package/HiBreadcrumb/HiStepper.js +23 -45
  23. package/HiBreadcrumb/HiStepper.test.js +33 -0
  24. package/HiBreadcrumb/index.js +1 -15
  25. package/HiButton/HiButton.js +9 -27
  26. package/HiButton/index.js +2 -13
  27. package/HiCell/CellAddress.js +20 -40
  28. package/HiCell/CellAddress.test.js +75 -0
  29. package/HiCell/CellDate.js +26 -47
  30. package/HiCell/CellDate.test.js +173 -0
  31. package/HiCell/CellIcon.js +28 -49
  32. package/HiCell/CellIcon.test.js +57 -0
  33. package/HiCell/CellImage.js +23 -42
  34. package/HiCell/CellImage.test.js +49 -0
  35. package/HiCell/CellNumeric.js +25 -46
  36. package/HiCell/CellNumeric.test.js +46 -0
  37. package/HiCell/CellPinToAction.js +20 -41
  38. package/HiCell/CellRate.js +32 -55
  39. package/HiCell/CellRate.test.js +73 -0
  40. package/HiCell/CellSentinel.js +22 -42
  41. package/HiCell/CellSentinel.test.js +48 -0
  42. package/HiCell/CellSentinelScore.js +23 -44
  43. package/HiCell/CellText.js +37 -56
  44. package/HiCell/CellText.test.js +76 -0
  45. package/HiCell/CellTextStyled.js +8 -21
  46. package/HiCell/index.js +9 -79
  47. package/HiCheckbox/HiCheckbox.js +35 -60
  48. package/HiCheckbox/HiCheckbox.test.js +55 -0
  49. package/HiCheckbox/index.js +1 -15
  50. package/HiChip/HiChip.js +24 -44
  51. package/HiChip/HiChip.test.js +136 -0
  52. package/HiChip/HiChipSwitch.js +47 -70
  53. package/HiChip/HiChipSwitch.test.js +99 -0
  54. package/HiChip/index.js +2 -23
  55. package/HiColoredLabel/HiColoredLabel.js +28 -52
  56. package/HiColoredLabel/HiColoredLabel.test.js +96 -0
  57. package/HiColoredLabel/index.js +1 -15
  58. package/HiDatePicker/Caption.js +11 -28
  59. package/HiDatePicker/Caption.test.js +65 -0
  60. package/HiDatePicker/HiDatePicker.js +100 -115
  61. package/HiDatePicker/HiDatePicker.test.js +370 -0
  62. package/HiDatePicker/HiDatePickerMobile.js +32 -54
  63. package/HiDatePicker/HiDateRangePicker.js +138 -149
  64. package/HiDatePicker/HiDateRangePicker.test.js +703 -0
  65. package/HiDatePicker/HiDateRangeSelector.js +71 -103
  66. package/HiDatePicker/HiDateRangeSelector.test.js +193 -0
  67. package/HiDatePicker/ListPicker.js +33 -55
  68. package/HiDatePicker/ListPicker.test.js +53 -0
  69. package/HiDatePicker/NavBar.js +18 -45
  70. package/HiDatePicker/NavBar.test.js +39 -0
  71. package/HiDatePicker/Overlays/CustomOverlayLayout.js +23 -40
  72. package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +22 -39
  73. package/HiDatePicker/Overlays/MonthPickerOverlay.js +29 -45
  74. package/HiDatePicker/Overlays/MonthPickerOverlay.test.js +50 -0
  75. package/HiDatePicker/Overlays/Overlay.js +18 -35
  76. package/HiDatePicker/Overlays/Overlay.test.js +20 -0
  77. package/HiDatePicker/Overlays/TimePickerOverlay.js +47 -73
  78. package/HiDatePicker/Overlays/TimePickerOverlay.test.js +48 -0
  79. package/HiDatePicker/Overlays/YearPickerOverlay.js +29 -45
  80. package/HiDatePicker/Overlays/YearPickerOverlay.test.js +79 -0
  81. package/HiDatePicker/Overlays/index.js +5 -47
  82. package/HiDatePicker/Weekday.js +3 -13
  83. package/HiDatePicker/hiLocaleUtils.js +1 -8
  84. package/HiDatePicker/hiLocaleUtils.test.js +51 -0
  85. package/HiDatePicker/index.js +1 -15
  86. package/HiDatePicker/stylesheet.js +9 -22
  87. package/HiDotsStepper/HiDot.js +30 -57
  88. package/HiDotsStepper/HiDot.test.js +55 -0
  89. package/HiDotsStepper/HiDotsStepper.js +29 -47
  90. package/HiDotsStepper/HiDotsStepper.test.js +90 -0
  91. package/HiDotsStepper/index.js +2 -23
  92. package/HiExpansionPanel/HiExpansionPanel.js +42 -72
  93. package/HiExpansionPanel/index.js +2 -13
  94. package/HiForm/HiAddressField.js +30 -47
  95. package/HiForm/HiAddressField.test.js +79 -0
  96. package/HiForm/HiEmailField.js +28 -46
  97. package/HiForm/HiEmailField.test.js +19 -0
  98. package/HiForm/HiFormControl.js +72 -100
  99. package/HiForm/HiFormControl.test.js +195 -0
  100. package/HiForm/HiFormLabel.js +29 -54
  101. package/HiForm/HiFormLabel.test.js +66 -0
  102. package/HiForm/HiInput.js +62 -86
  103. package/HiForm/HiInput.test.js +202 -0
  104. package/HiForm/HiPasswordField.js +29 -55
  105. package/HiForm/HiPasswordField.test.js +60 -0
  106. package/HiForm/HiSearchField.js +27 -44
  107. package/HiForm/HiSearchField.test.js +193 -0
  108. package/HiForm/HiSlider.js +42 -64
  109. package/HiForm/HiSlider.test.js +99 -0
  110. package/HiForm/HiTextField.js +29 -46
  111. package/HiForm/HiTextField.test.js +254 -0
  112. package/HiForm/HiUpload.js +54 -70
  113. package/HiForm/HiUpload.test.js +241 -0
  114. package/HiForm/HiUploadField.js +24 -41
  115. package/HiForm/HiUploadField.test.js +55 -0
  116. package/HiForm/HiUploadInput.js +56 -77
  117. package/HiForm/HiUploadInput.test.js +148 -0
  118. package/HiForm/index.js +11 -95
  119. package/HiIcon/HiIcon.js +22 -44
  120. package/HiIcon/index.js +1 -15
  121. package/HiIconButton/HiIconButton.js +18 -40
  122. package/HiIconButton/HiIconButton.test.js +69 -0
  123. package/HiIconButton/index.js +1 -15
  124. package/HiLoader/HiLoader.js +9 -24
  125. package/HiLoader/HiLoader.test.js +18 -0
  126. package/HiLoader/index.js +1 -15
  127. package/HiMap/HiMap.js +50 -77
  128. package/HiMap/HiMap.test.js +29 -0
  129. package/HiMap/HiMapExpand.js +39 -64
  130. package/HiMap/HiMapExpand.test.js +48 -0
  131. package/HiMap/index.js +2 -23
  132. package/HiNotice/HiKPI.js +33 -54
  133. package/HiNotice/HiKPI.test.js +171 -0
  134. package/HiNotice/HiKPINotice.js +7 -21
  135. package/HiNotice/HiKPINotice.test.js +88 -0
  136. package/HiNotice/index.js +2 -23
  137. package/HiPaymentMeans/HiPaymentMeans.js +112 -131
  138. package/HiPaymentMeans/HiPaymentMeans.test.js +162 -0
  139. package/HiPaymentMeans/index.js +1 -15
  140. package/HiPdfReader/HiPdfReader.js +51 -76
  141. package/HiPdfReader/index.js +1 -15
  142. package/HiPin/HiPin.js +9 -30
  143. package/HiPin/HiPin.test.js +61 -0
  144. package/HiPin/index.js +1 -15
  145. package/HiRadio/HiRadio.js +7 -24
  146. package/HiRadio/HiRadio.test.js +57 -0
  147. package/HiRadio/index.js +1 -15
  148. package/HiSelect/HiDynamicSelect.js +40 -56
  149. package/HiSelect/HiDynamicSelectField.js +22 -40
  150. package/HiSelect/HiNestedSelect.js +55 -84
  151. package/HiSelect/HiNestedSelectContent.js +46 -73
  152. package/HiSelect/HiNestedSelectField.js +22 -40
  153. package/HiSelect/HiSelect.js +123 -139
  154. package/HiSelect/HiSelect.test.js +1092 -0
  155. package/HiSelect/HiSelectContent.js +73 -95
  156. package/HiSelect/HiSelectField.js +22 -40
  157. package/HiSelect/HiSelectInput.js +63 -87
  158. package/HiSelect/HiSelectInput.test.js +21 -0
  159. package/HiSelect/HiSelectMobile.js +35 -54
  160. package/HiSelect/HiSuggestSelect.js +56 -78
  161. package/HiSelect/HiSuggestSelectField.js +22 -40
  162. package/HiSelect/index.js +8 -85
  163. package/HiSelectableList/HiSelectableList.js +49 -77
  164. package/HiSelectableList/HiSelectableList.test.js +173 -0
  165. package/HiSelectableList/HiSelectableListHierarchic.js +35 -56
  166. package/HiSelectableList/HiSelectableListItem.js +66 -98
  167. package/HiSelectableList/HiSelectableListItem.test.js +97 -0
  168. package/HiSelectableList/index.js +3 -31
  169. package/HiSwitch/HiSwitch.js +20 -45
  170. package/HiSwitch/HiSwitch.test.js +41 -0
  171. package/HiSwitch/HiSwitchState.js +15 -36
  172. package/HiSwitch/HiSwitchState.test.js +76 -0
  173. package/HiSwitch/index.js +2 -23
  174. package/HiTable/HiCellBuilder.js +44 -72
  175. package/HiTable/HiTable.js +29 -47
  176. package/HiTable/HiTable.test.js +29 -0
  177. package/HiTable/HiTableBody.js +19 -34
  178. package/HiTable/HiTableHeader.js +30 -53
  179. package/HiTable/HiTableRow.js +29 -56
  180. package/HiTable/constants.js +43 -94
  181. package/HiTable/index.js +1 -15
  182. package/es/App.test.js +8 -0
  183. package/es/HiAlertModal/HiAlertModal.js +48 -77
  184. package/es/HiAlertModal/HiAlertModal.test.js +189 -0
  185. package/es/HiAlertModal/index.js +1 -15
  186. package/es/HiAppBar/HiAppBar.js +34 -63
  187. package/es/HiAppBar/index.js +1 -15
  188. package/es/HiBadge/HiBadge.js +10 -29
  189. package/es/HiBadge/HiBadge.test.js +49 -0
  190. package/es/HiBadge/index.js +1 -15
  191. package/es/HiBreadcrumb/HiBreadcrumb.js +27 -43
  192. package/es/HiBreadcrumb/HiBreadcrumb.test.js +44 -0
  193. package/es/HiBreadcrumb/HiStep.js +35 -57
  194. package/es/HiBreadcrumb/HiStep.test.js +47 -0
  195. package/es/HiBreadcrumb/HiStepConnector.js +32 -57
  196. package/es/HiBreadcrumb/HiStepConnector.test.js +113 -0
  197. package/es/HiBreadcrumb/HiStepContent.js +25 -46
  198. package/es/HiBreadcrumb/HiStepContent.test.js +32 -0
  199. package/es/HiBreadcrumb/HiStepIcon.js +26 -46
  200. package/es/HiBreadcrumb/HiStepIcon.test.js +65 -0
  201. package/es/HiBreadcrumb/HiStepLabel.js +36 -61
  202. package/es/HiBreadcrumb/HiStepLabel.test.js +30 -0
  203. package/es/HiBreadcrumb/HiStepper.js +23 -45
  204. package/es/HiBreadcrumb/HiStepper.test.js +33 -0
  205. package/es/HiBreadcrumb/index.js +1 -15
  206. package/es/HiButton/HiButton.js +9 -27
  207. package/es/HiButton/index.js +2 -13
  208. package/es/HiCell/CellAddress.js +20 -40
  209. package/es/HiCell/CellAddress.test.js +75 -0
  210. package/es/HiCell/CellDate.js +26 -47
  211. package/es/HiCell/CellDate.test.js +173 -0
  212. package/es/HiCell/CellIcon.js +28 -49
  213. package/es/HiCell/CellIcon.test.js +57 -0
  214. package/es/HiCell/CellImage.js +23 -42
  215. package/es/HiCell/CellImage.test.js +49 -0
  216. package/es/HiCell/CellNumeric.js +25 -46
  217. package/es/HiCell/CellNumeric.test.js +46 -0
  218. package/es/HiCell/CellPinToAction.js +20 -41
  219. package/es/HiCell/CellRate.js +32 -55
  220. package/es/HiCell/CellRate.test.js +73 -0
  221. package/es/HiCell/CellSentinel.js +22 -42
  222. package/es/HiCell/CellSentinel.test.js +48 -0
  223. package/es/HiCell/CellSentinelScore.js +23 -44
  224. package/es/HiCell/CellText.js +37 -56
  225. package/es/HiCell/CellText.test.js +76 -0
  226. package/es/HiCell/CellTextStyled.js +8 -21
  227. package/es/HiCell/index.js +9 -79
  228. package/es/HiCheckbox/HiCheckbox.js +35 -60
  229. package/es/HiCheckbox/HiCheckbox.test.js +55 -0
  230. package/es/HiCheckbox/index.js +1 -15
  231. package/es/HiChip/HiChip.js +24 -44
  232. package/es/HiChip/HiChip.test.js +136 -0
  233. package/es/HiChip/HiChipSwitch.js +47 -70
  234. package/es/HiChip/HiChipSwitch.test.js +99 -0
  235. package/es/HiChip/index.js +2 -23
  236. package/es/HiColoredLabel/HiColoredLabel.js +28 -52
  237. package/es/HiColoredLabel/HiColoredLabel.test.js +96 -0
  238. package/es/HiColoredLabel/index.js +1 -15
  239. package/es/HiDatePicker/Caption.js +11 -28
  240. package/es/HiDatePicker/Caption.test.js +65 -0
  241. package/es/HiDatePicker/HiDatePicker.js +100 -115
  242. package/es/HiDatePicker/HiDatePicker.test.js +370 -0
  243. package/es/HiDatePicker/HiDatePickerMobile.js +32 -54
  244. package/es/HiDatePicker/HiDateRangePicker.js +138 -149
  245. package/es/HiDatePicker/HiDateRangePicker.test.js +703 -0
  246. package/es/HiDatePicker/HiDateRangeSelector.js +71 -103
  247. package/es/HiDatePicker/HiDateRangeSelector.test.js +193 -0
  248. package/es/HiDatePicker/ListPicker.js +33 -55
  249. package/es/HiDatePicker/ListPicker.test.js +53 -0
  250. package/es/HiDatePicker/NavBar.js +18 -45
  251. package/es/HiDatePicker/NavBar.test.js +39 -0
  252. package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +23 -40
  253. package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +22 -39
  254. package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +29 -45
  255. package/es/HiDatePicker/Overlays/MonthPickerOverlay.test.js +50 -0
  256. package/es/HiDatePicker/Overlays/Overlay.js +18 -35
  257. package/es/HiDatePicker/Overlays/Overlay.test.js +20 -0
  258. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +47 -73
  259. package/es/HiDatePicker/Overlays/TimePickerOverlay.test.js +48 -0
  260. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +29 -45
  261. package/es/HiDatePicker/Overlays/YearPickerOverlay.test.js +79 -0
  262. package/es/HiDatePicker/Overlays/index.js +5 -47
  263. package/es/HiDatePicker/Weekday.js +3 -13
  264. package/es/HiDatePicker/hiLocaleUtils.js +1 -8
  265. package/es/HiDatePicker/hiLocaleUtils.test.js +51 -0
  266. package/es/HiDatePicker/index.js +1 -15
  267. package/es/HiDatePicker/stylesheet.js +9 -22
  268. package/es/HiDotsStepper/HiDot.js +30 -57
  269. package/es/HiDotsStepper/HiDot.test.js +55 -0
  270. package/es/HiDotsStepper/HiDotsStepper.js +29 -47
  271. package/es/HiDotsStepper/HiDotsStepper.test.js +90 -0
  272. package/es/HiDotsStepper/index.js +2 -23
  273. package/es/HiExpansionPanel/HiExpansionPanel.js +42 -72
  274. package/es/HiExpansionPanel/index.js +2 -13
  275. package/es/HiForm/HiAddressField.js +30 -47
  276. package/es/HiForm/HiAddressField.test.js +79 -0
  277. package/es/HiForm/HiEmailField.js +28 -46
  278. package/es/HiForm/HiEmailField.test.js +19 -0
  279. package/es/HiForm/HiFormControl.js +72 -100
  280. package/es/HiForm/HiFormControl.test.js +195 -0
  281. package/es/HiForm/HiFormLabel.js +29 -54
  282. package/es/HiForm/HiFormLabel.test.js +66 -0
  283. package/es/HiForm/HiInput.js +62 -86
  284. package/es/HiForm/HiInput.test.js +202 -0
  285. package/es/HiForm/HiPasswordField.js +29 -55
  286. package/es/HiForm/HiPasswordField.test.js +60 -0
  287. package/es/HiForm/HiSearchField.js +27 -44
  288. package/es/HiForm/HiSearchField.test.js +193 -0
  289. package/es/HiForm/HiSlider.js +42 -64
  290. package/es/HiForm/HiSlider.test.js +99 -0
  291. package/es/HiForm/HiTextField.js +29 -46
  292. package/es/HiForm/HiTextField.test.js +254 -0
  293. package/es/HiForm/HiUpload.js +54 -70
  294. package/es/HiForm/HiUpload.test.js +241 -0
  295. package/es/HiForm/HiUploadField.js +24 -41
  296. package/es/HiForm/HiUploadField.test.js +55 -0
  297. package/es/HiForm/HiUploadInput.js +56 -77
  298. package/es/HiForm/HiUploadInput.test.js +148 -0
  299. package/es/HiForm/index.js +11 -95
  300. package/es/HiIcon/HiIcon.js +22 -44
  301. package/es/HiIcon/index.js +1 -15
  302. package/es/HiIconButton/HiIconButton.js +18 -40
  303. package/es/HiIconButton/HiIconButton.test.js +69 -0
  304. package/es/HiIconButton/index.js +1 -15
  305. package/es/HiLoader/HiLoader.js +9 -24
  306. package/es/HiLoader/HiLoader.test.js +18 -0
  307. package/es/HiLoader/index.js +1 -15
  308. package/es/HiMap/HiMap.js +50 -77
  309. package/es/HiMap/HiMap.test.js +29 -0
  310. package/es/HiMap/HiMapExpand.js +39 -64
  311. package/es/HiMap/HiMapExpand.test.js +48 -0
  312. package/es/HiMap/index.js +2 -23
  313. package/es/HiNotice/HiKPI.js +33 -54
  314. package/es/HiNotice/HiKPI.test.js +171 -0
  315. package/es/HiNotice/HiKPINotice.js +7 -21
  316. package/es/HiNotice/HiKPINotice.test.js +88 -0
  317. package/es/HiNotice/index.js +2 -23
  318. package/es/HiPaymentMeans/HiPaymentMeans.js +112 -131
  319. package/es/HiPaymentMeans/HiPaymentMeans.test.js +162 -0
  320. package/es/HiPaymentMeans/index.js +1 -15
  321. package/es/HiPdfReader/HiPdfReader.js +51 -76
  322. package/es/HiPdfReader/index.js +1 -15
  323. package/es/HiPin/HiPin.js +9 -30
  324. package/es/HiPin/HiPin.test.js +61 -0
  325. package/es/HiPin/index.js +1 -15
  326. package/es/HiRadio/HiRadio.js +7 -24
  327. package/es/HiRadio/HiRadio.test.js +57 -0
  328. package/es/HiRadio/index.js +1 -15
  329. package/es/HiSelect/HiDynamicSelect.js +40 -56
  330. package/es/HiSelect/HiDynamicSelectField.js +22 -40
  331. package/es/HiSelect/HiNestedSelect.js +55 -84
  332. package/es/HiSelect/HiNestedSelectContent.js +46 -73
  333. package/es/HiSelect/HiNestedSelectField.js +22 -40
  334. package/es/HiSelect/HiSelect.js +123 -139
  335. package/es/HiSelect/HiSelect.test.js +1092 -0
  336. package/es/HiSelect/HiSelectContent.js +73 -95
  337. package/es/HiSelect/HiSelectField.js +22 -40
  338. package/es/HiSelect/HiSelectInput.js +63 -87
  339. package/es/HiSelect/HiSelectInput.test.js +21 -0
  340. package/es/HiSelect/HiSelectMobile.js +35 -54
  341. package/es/HiSelect/HiSuggestSelect.js +56 -78
  342. package/es/HiSelect/HiSuggestSelectField.js +22 -40
  343. package/es/HiSelect/index.js +8 -85
  344. package/es/HiSelectableList/HiSelectableList.js +49 -77
  345. package/es/HiSelectableList/HiSelectableList.test.js +173 -0
  346. package/es/HiSelectableList/HiSelectableListHierarchic.js +35 -56
  347. package/es/HiSelectableList/HiSelectableListItem.js +66 -98
  348. package/es/HiSelectableList/HiSelectableListItem.test.js +97 -0
  349. package/es/HiSelectableList/index.js +3 -31
  350. package/es/HiSwitch/HiSwitch.js +20 -45
  351. package/es/HiSwitch/HiSwitch.test.js +41 -0
  352. package/es/HiSwitch/HiSwitchState.js +15 -36
  353. package/es/HiSwitch/HiSwitchState.test.js +76 -0
  354. package/es/HiSwitch/index.js +2 -23
  355. package/es/HiTable/HiCellBuilder.js +44 -72
  356. package/es/HiTable/HiTable.js +29 -47
  357. package/es/HiTable/HiTable.test.js +29 -0
  358. package/es/HiTable/HiTableBody.js +19 -34
  359. package/es/HiTable/HiTableHeader.js +30 -53
  360. package/es/HiTable/HiTableRow.js +29 -56
  361. package/es/HiTable/constants.js +43 -94
  362. package/es/HiTable/index.js +1 -15
  363. package/es/hi-svg-icons/HiAccount.js +18 -36
  364. package/es/hi-svg-icons/HiActivity.js +17 -35
  365. package/es/hi-svg-icons/HiAll.js +22 -42
  366. package/es/hi-svg-icons/HiBilling.js +18 -36
  367. package/es/hi-svg-icons/HiBriefcaseRescue.js +10 -26
  368. package/es/hi-svg-icons/HiCatalog.js +18 -36
  369. package/es/hi-svg-icons/HiCustomer.js +18 -36
  370. package/es/hi-svg-icons/HiDownload.js +11 -25
  371. package/es/hi-svg-icons/HiFinance.js +18 -36
  372. package/es/hi-svg-icons/HiPermission.js +17 -35
  373. package/es/hi-svg-icons/HiRoute.js +18 -36
  374. package/es/hi-svg-icons/HiSettlement.js +18 -36
  375. package/es/hi-svg-icons/HiSizeLarge.js +12 -27
  376. package/es/hi-svg-icons/HiSizeMedium.js +11 -25
  377. package/es/hi-svg-icons/HiSizeSmall.js +11 -25
  378. package/es/hi-svg-icons/HiTransaction.js +18 -36
  379. package/es/hi-svg-icons/HiUser.js +18 -36
  380. package/es/hi-svg-icons/HiWidget.js +22 -42
  381. package/es/hi-svg-icons/index.js +18 -151
  382. package/es/hi-svg-icons/index.text.js +11 -21
  383. package/es/styleguide/Wrapper.js +19 -36
  384. package/es/styles/MuiThemeProvider.js +39 -59
  385. package/es/styles/colorManipulator.js +16 -44
  386. package/es/styles/colorManipulator.test.js +242 -0
  387. package/es/styles/createBreakpoints.js +6 -20
  388. package/es/styles/createBreakpoints.test.js +48 -0
  389. package/es/styles/createGenerateClassName.js +5 -15
  390. package/es/styles/createGenerateClassName.test.js +141 -0
  391. package/es/styles/createMixins.js +8 -19
  392. package/es/styles/createMixins.test.js +24 -0
  393. package/es/styles/createMuiTheme.js +34 -53
  394. package/es/styles/createMuiTheme.test.js +67 -0
  395. package/es/styles/createPalette.js +30 -50
  396. package/es/styles/createPalette.test.js +159 -0
  397. package/es/styles/createStyles.js +1 -8
  398. package/es/styles/createStyles.test.js +8 -0
  399. package/es/styles/createTypography.js +18 -30
  400. package/es/styles/createTypography.test.js +60 -0
  401. package/es/styles/getStylesCreator.js +11 -24
  402. package/es/styles/getStylesCreator.test.js +92 -0
  403. package/es/styles/getThemeProps.js +1 -9
  404. package/es/styles/getThemeProps.test.js +39 -0
  405. package/es/styles/index.js +5 -47
  406. package/es/styles/jssPreset.js +9 -25
  407. package/es/styles/mergeClasses.js +7 -19
  408. package/es/styles/shadows.js +1 -8
  409. package/es/styles/shape.js +1 -8
  410. package/es/styles/spacing.js +1 -9
  411. package/es/styles/themeListener.js +5 -18
  412. package/es/styles/themeListener.test.js +26 -0
  413. package/es/styles/transitions.js +18 -38
  414. package/es/styles/transitions.test.js +208 -0
  415. package/es/styles/zIndex.js +1 -8
  416. package/es/test-utils/createMount.js +11 -22
  417. package/es/test-utils/createRender.js +8 -19
  418. package/es/test-utils/createShallow.js +13 -23
  419. package/es/test-utils/getClasses.js +2 -11
  420. package/es/test-utils/index.js +5 -47
  421. package/es/test-utils/until.js +6 -16
  422. package/es/test-utils/until.test.js +157 -0
  423. package/es/test-utils/unwrap.js +1 -8
  424. package/es/theme/palette.js +2 -10
  425. package/es/theme/typography.js +2 -10
  426. package/es/theme.js +2 -11
  427. package/es/transitions/utils.js +2 -13
  428. package/es/utils/exactProp.js +5 -18
  429. package/es/utils/helpers.js +18 -55
  430. package/es/withMobileDialog/index.js +1 -15
  431. package/es/withMobileDialog/withMobileDialog.js +7 -22
  432. package/es/withMobileDialog/withMobileDialog.test.js +67 -0
  433. package/hi-svg-icons/HiAccount.js +18 -36
  434. package/hi-svg-icons/HiActivity.js +17 -35
  435. package/hi-svg-icons/HiAll.js +22 -42
  436. package/hi-svg-icons/HiBilling.js +18 -36
  437. package/hi-svg-icons/HiBriefcaseRescue.js +10 -26
  438. package/hi-svg-icons/HiCatalog.js +18 -36
  439. package/hi-svg-icons/HiCustomer.js +18 -36
  440. package/hi-svg-icons/HiDownload.js +11 -25
  441. package/hi-svg-icons/HiFinance.js +18 -36
  442. package/hi-svg-icons/HiPermission.js +17 -35
  443. package/hi-svg-icons/HiRoute.js +18 -36
  444. package/hi-svg-icons/HiSettlement.js +18 -36
  445. package/hi-svg-icons/HiSizeLarge.js +12 -27
  446. package/hi-svg-icons/HiSizeMedium.js +11 -25
  447. package/hi-svg-icons/HiSizeSmall.js +11 -25
  448. package/hi-svg-icons/HiTransaction.js +18 -36
  449. package/hi-svg-icons/HiUser.js +18 -36
  450. package/hi-svg-icons/HiWidget.js +22 -42
  451. package/hi-svg-icons/index.js +18 -151
  452. package/hi-svg-icons/index.text.js +11 -21
  453. package/package.json +1 -1
  454. package/styleguide/Wrapper.js +19 -36
  455. package/styles/MuiThemeProvider.js +39 -59
  456. package/styles/colorManipulator.js +16 -44
  457. package/styles/colorManipulator.test.js +242 -0
  458. package/styles/createBreakpoints.js +6 -20
  459. package/styles/createBreakpoints.test.js +48 -0
  460. package/styles/createGenerateClassName.js +5 -15
  461. package/styles/createGenerateClassName.test.js +141 -0
  462. package/styles/createMixins.js +8 -19
  463. package/styles/createMixins.test.js +24 -0
  464. package/styles/createMuiTheme.js +34 -53
  465. package/styles/createMuiTheme.test.js +67 -0
  466. package/styles/createPalette.js +30 -50
  467. package/styles/createPalette.test.js +159 -0
  468. package/styles/createStyles.js +1 -8
  469. package/styles/createStyles.test.js +8 -0
  470. package/styles/createTypography.js +18 -30
  471. package/styles/createTypography.test.js +60 -0
  472. package/styles/getStylesCreator.js +11 -24
  473. package/styles/getStylesCreator.test.js +92 -0
  474. package/styles/getThemeProps.js +1 -9
  475. package/styles/getThemeProps.test.js +39 -0
  476. package/styles/index.js +5 -47
  477. package/styles/jssPreset.js +9 -25
  478. package/styles/mergeClasses.js +7 -19
  479. package/styles/shadows.js +1 -8
  480. package/styles/shape.js +1 -8
  481. package/styles/spacing.js +1 -9
  482. package/styles/themeListener.js +5 -18
  483. package/styles/themeListener.test.js +26 -0
  484. package/styles/transitions.js +18 -38
  485. package/styles/transitions.test.js +208 -0
  486. package/styles/zIndex.js +1 -8
  487. package/test-utils/createMount.js +11 -22
  488. package/test-utils/createRender.js +8 -19
  489. package/test-utils/createShallow.js +13 -23
  490. package/test-utils/getClasses.js +2 -11
  491. package/test-utils/index.js +5 -47
  492. package/test-utils/until.js +6 -16
  493. package/test-utils/until.test.js +157 -0
  494. package/test-utils/unwrap.js +1 -8
  495. package/theme/palette.js +2 -10
  496. package/theme/typography.js +2 -10
  497. package/theme.js +2 -11
  498. package/transitions/utils.js +2 -13
  499. package/utils/exactProp.js +5 -18
  500. package/utils/helpers.js +18 -55
  501. package/withMobileDialog/index.js +1 -15
  502. package/withMobileDialog/withMobileDialog.js +7 -22
  503. package/withMobileDialog/withMobileDialog.test.js +67 -0
@@ -1,49 +1,20 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports.default = exports.styles = void 0;
11
-
12
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
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 _getPrototypeOf3 = _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 _List = _interopRequireDefault(require("@material-ui/core/List"));
33
-
34
- var _styles = require("@material-ui/core/styles");
35
-
36
- var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
37
-
38
- var _helpers = require("../utils/helpers");
39
-
40
- var _keycode = _interopRequireDefault(require("keycode"));
41
-
42
- var _reactLazyload = _interopRequireWildcard(require("react-lazyload"));
43
-
44
- var _classnames = _interopRequireDefault(require("classnames"));
45
-
46
- var styles = function styles(theme) {
1
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
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 List from '@material-ui/core/List';
11
+ import { withStyles } from '@material-ui/core/styles';
12
+ import HiSelectableListItem from './HiSelectableListItem';
13
+ import { getNextItemSelectable, foldAccents } from '../utils/helpers';
14
+ import keycode from 'keycode';
15
+ import LazyLoad, { forceCheck } from 'react-lazyload';
16
+ import classNames from 'classnames';
17
+ export var styles = function styles(theme) {
47
18
  return {
48
19
  root: {
49
20
  padding: 0,
@@ -61,49 +32,50 @@ var styles = function styles(theme) {
61
32
  * - le premier focus est géré sur le DidMount
62
33
  */
63
34
 
64
-
65
- exports.styles = styles;
66
-
67
35
  var HiSelectableList =
68
36
  /*#__PURE__*/
69
37
  function (_React$PureComponent) {
70
- (0, _inherits2.default)(HiSelectableList, _React$PureComponent);
38
+ _inherits(HiSelectableList, _React$PureComponent);
71
39
 
72
40
  function HiSelectableList() {
73
41
  var _getPrototypeOf2;
74
42
 
75
43
  var _this;
76
44
 
77
- (0, _classCallCheck2.default)(this, HiSelectableList);
45
+ _classCallCheck(this, HiSelectableList);
78
46
 
79
47
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
80
48
  args[_key] = arguments[_key];
81
49
  }
82
50
 
83
- _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectableList)).call.apply(_getPrototypeOf2, [this].concat(args)));
84
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelect", function (item) {
51
+ _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HiSelectableList)).call.apply(_getPrototypeOf2, [this].concat(args)));
52
+
53
+ _defineProperty(_assertThisInitialized(_this), "handleSelect", function (item) {
85
54
  return function (event) {
86
55
  _this.props.onSelect(event, item);
87
56
  };
88
57
  });
89
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
58
+
59
+ _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
90
60
  var nextItem;
91
- var key = (0, _keycode.default)(event);
61
+ var key = keycode(event);
92
62
 
93
63
  if (key === 'down') {
94
64
  event.preventDefault();
95
- nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'down');
65
+ nextItem = getNextItemSelectable(document.activeElement, 'down');
96
66
  } else if (key === 'up') {
97
67
  event.preventDefault();
98
- nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'up');
68
+ nextItem = getNextItemSelectable(document.activeElement, 'up');
99
69
  }
100
70
 
101
71
  if (nextItem) {
102
72
  nextItem.focus();
103
73
  }
104
74
  });
105
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildRecursiveListItem", function (item, index) {
75
+
76
+ _defineProperty(_assertThisInitialized(_this), "buildRecursiveListItem", function (item, index) {
106
77
  var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
78
+
107
79
  var _this$props = _this.props,
108
80
  checkedIcon = _this$props.checkedIcon,
109
81
  disabled = _this$props.disabled,
@@ -118,13 +90,13 @@ function (_React$PureComponent) {
118
90
  onKeyUp = _this$props.onKeyUp,
119
91
  suggestionFocusIndex = _this$props.suggestionFocusIndex,
120
92
  classes = _this$props.classes,
121
- others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp", "suggestionFocusIndex", "classes"]);
93
+ others = _objectWithoutProperties(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp", "suggestionFocusIndex", "classes"]);
122
94
 
123
95
  if (sort && item.children) {
124
96
  item.children.sort(_this.compareItem);
125
97
  }
126
98
 
127
- var placeholderContent = _react.default.createElement("div", {
99
+ var placeholderContent = React.createElement("div", {
128
100
  style: {
129
101
  width: '90%',
130
102
  padding: '8px 6px',
@@ -132,7 +104,7 @@ function (_React$PureComponent) {
132
104
  position: 'sticky',
133
105
  left: 0
134
106
  }
135
- }, _react.default.createElement("div", {
107
+ }, React.createElement("div", {
136
108
  style: {
137
109
  backgroundColor: '#F5F5F5',
138
110
  width: '100%',
@@ -140,10 +112,9 @@ function (_React$PureComponent) {
140
112
  borderRadius: 4
141
113
  }
142
114
  }));
143
-
144
- var itemComponent = _react.default.createElement(_react.default.Fragment, {
115
+ var itemComponent = React.createElement(React.Fragment, {
145
116
  key: item.id
146
- }, _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
117
+ }, React.createElement(HiSelectableListItem, Object.assign({}, others, {
147
118
  checkedIcon: checkedIcon,
148
119
  disabled: disabled || disabledItemIdList.includes(item.id),
149
120
  hideCheckbox: hideCheckbox,
@@ -157,7 +128,7 @@ function (_React$PureComponent) {
157
128
  ,
158
129
  item: item,
159
130
  classes: {
160
- listItem: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.suggestionFocus, index === suggestionFocusIndex))
131
+ listItem: classNames(_defineProperty({}, classes.suggestionFocus, index === suggestionFocusIndex))
161
132
  }
162
133
  }, item)), item.children && item.children.length > 0 && item.children.filter(function (subItem) {
163
134
  return !(subItem.displayed === false);
@@ -166,7 +137,7 @@ function (_React$PureComponent) {
166
137
  }));
167
138
 
168
139
  if (lazy) {
169
- return _react.default.createElement(_reactLazyload.default, {
140
+ return React.createElement(LazyLoad, {
170
141
  key: item.id,
171
142
  height: 40,
172
143
  offset: 400,
@@ -178,7 +149,8 @@ function (_React$PureComponent) {
178
149
 
179
150
  return itemComponent;
180
151
  });
181
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "compareItem", function (a, b) {
152
+
153
+ _defineProperty(_assertThisInitialized(_this), "compareItem", function (a, b) {
182
154
  if (_this.props.comparItemFunc) {
183
155
  return _this.props.comparItemFunc(a, b);
184
156
  }
@@ -197,12 +169,13 @@ function (_React$PureComponent) {
197
169
  return -1;
198
170
  }
199
171
 
200
- return (0, _helpers.foldAccents)(a.label.toString().toLowerCase()) > (0, _helpers.foldAccents)(b.label.toString().toLowerCase()) ? 1 : -1;
172
+ return foldAccents(a.label.toString().toLowerCase()) > foldAccents(b.label.toString().toLowerCase()) ? 1 : -1;
201
173
  });
174
+
202
175
  return _this;
203
176
  }
204
177
 
205
- (0, _createClass2.default)(HiSelectableList, [{
178
+ _createClass(HiSelectableList, [{
206
179
  key: "componentDidMount",
207
180
  value: function componentDidMount() {
208
181
  var _this2 = this;
@@ -238,7 +211,7 @@ function (_React$PureComponent) {
238
211
  key: "componentDidUpdate",
239
212
  value: function componentDidUpdate(prevProps) {
240
213
  if (this.props.lazy && prevProps.itemList !== this.props.itemList) {
241
- (0, _reactLazyload.forceCheck)();
214
+ forceCheck();
242
215
  }
243
216
  }
244
217
  }, {
@@ -255,7 +228,7 @@ function (_React$PureComponent) {
255
228
  itemList.sort(this.compareItem);
256
229
  }
257
230
 
258
- return _react.default.createElement(_List.default, {
231
+ return React.createElement(List, {
259
232
  className: classes.root,
260
233
  onKeyDown: this.handleKeyDown,
261
234
  innerRef: function innerRef(el) {
@@ -269,10 +242,11 @@ function (_React$PureComponent) {
269
242
  }));
270
243
  }
271
244
  }]);
245
+
272
246
  return HiSelectableList;
273
- }(_react.default.PureComponent);
247
+ }(React.PureComponent);
274
248
 
275
- (0, _defineProperty2.default)(HiSelectableList, "defaultProps", {
249
+ _defineProperty(HiSelectableList, "defaultProps", {
276
250
  allSelected: false,
277
251
  disabled: false,
278
252
  disabledItemIdList: [],
@@ -283,10 +257,8 @@ function (_React$PureComponent) {
283
257
  sortAppendList: ['_all']
284
258
  });
285
259
 
286
- var _default = (0, _styles.withStyles)(styles, {
260
+ export default withStyles(styles, {
287
261
  hiComponent: true,
288
262
  name: 'HmuiHiSelectableList',
289
263
  index: 51
290
- })(HiSelectableList);
291
-
292
- exports.default = _default;
264
+ })(HiSelectableList);
@@ -0,0 +1,173 @@
1
+ import React from 'react';
2
+ import { assert } from 'chai';
3
+ import { spy } from 'sinon';
4
+ import List from '@material-ui/core/List';
5
+ import LazyLoad from 'react-lazyload';
6
+ import { createShallow, createMount, getClasses } from '../test-utils';
7
+ import HiSelectableList from './HiSelectableList';
8
+ import HiSelectableListItem from './HiSelectableListItem';
9
+ describe('<HiSelectableList />', function () {
10
+ var shallow;
11
+ var classes;
12
+ var mount;
13
+ before(function () {
14
+ shallow = createShallow({
15
+ dive: true
16
+ });
17
+ classes = getClasses(React.createElement(HiSelectableList, {
18
+ itemList: [],
19
+ selectedIdList: [],
20
+ onSelect: function onSelect() {
21
+ return null;
22
+ },
23
+ lazy: false
24
+ }));
25
+ });
26
+ beforeEach(function () {
27
+ mount = createMount();
28
+ });
29
+ afterEach(function () {
30
+ mount.cleanUp();
31
+ });
32
+ it('should render a ul', function () {
33
+ var wrapper = mount(React.createElement(HiSelectableList, {
34
+ itemList: [],
35
+ selectedIdList: [],
36
+ onSelect: function onSelect() {
37
+ return null;
38
+ },
39
+ lazy: false
40
+ }));
41
+ assert.strictEqual(wrapper.find('ul').length, 1);
42
+ });
43
+ it('should render as many li as items', function () {
44
+ var itemList = [{
45
+ id: 'zz',
46
+ label: 'Zizou'
47
+ }, {
48
+ id: 'zze',
49
+ label: 'Zizou encore'
50
+ }, {
51
+ id: 'ep',
52
+ label: 'Emmanuel Petit'
53
+ }];
54
+ var selectedIdList = ['zz'];
55
+ var wrapper = mount(React.createElement(HiSelectableList, {
56
+ itemList: itemList,
57
+ selectedIdList: selectedIdList,
58
+ onSelect: function onSelect() {
59
+ return null;
60
+ },
61
+ lazy: false
62
+ }));
63
+ assert.strictEqual(wrapper.find(HiSelectableListItem).length, itemList.length);
64
+ });
65
+ it('should render with the root classes', function () {
66
+ var wrapper = shallow(React.createElement(HiSelectableList, {
67
+ itemList: [],
68
+ selectedIdList: [],
69
+ onSelect: function onSelect() {
70
+ return null;
71
+ },
72
+ lazy: false
73
+ }));
74
+ assert.strictEqual(wrapper.find(List).hasClass(classes.root), true);
75
+ });
76
+ it('should call onSelect with selectedItem', function () {
77
+ var itemList = [{
78
+ id: 'zz',
79
+ label: 'Zizou'
80
+ }, {
81
+ id: 'zze',
82
+ label: 'Zizou encore'
83
+ }, {
84
+ id: 'ep',
85
+ label: 'Emmanuel Petit'
86
+ }];
87
+ var handleOnSelect = spy();
88
+ var wrapper = mount(React.createElement(HiSelectableList, {
89
+ itemList: itemList,
90
+ selectedIdList: [],
91
+ onSelect: handleOnSelect,
92
+ lazy: false
93
+ }));
94
+ var firstCheckbox = wrapper.find("input[type='checkbox']").first();
95
+ firstCheckbox.simulate('click');
96
+ assert.strictEqual(handleOnSelect.calledOnce, true);
97
+ assert.strictEqual(handleOnSelect.args[0][1], itemList[0]);
98
+ });
99
+ it('should sort items', function () {
100
+ var itemList = [{
101
+ id: 'zz',
102
+ label: 'Zizou'
103
+ }, {
104
+ id: 'zze',
105
+ label: 'Zizou encore'
106
+ }, {
107
+ id: 'ep',
108
+ label: 'Emmanuel Petit'
109
+ }];
110
+ var handleOnSelect = spy();
111
+ var wrapper = mount(React.createElement(HiSelectableList, {
112
+ hideCheckbox: true,
113
+ itemList: itemList,
114
+ selectedIdList: [],
115
+ onSelect: handleOnSelect,
116
+ sort: true,
117
+ lazy: false
118
+ }));
119
+ assert.strictEqual(wrapper.find(HiSelectableListItem).at(0).text(), 'Emmanuel Petit');
120
+ assert.strictEqual(wrapper.find(HiSelectableListItem).at(1).text(), 'Zizou');
121
+ assert.strictEqual(wrapper.find(HiSelectableListItem).at(2).text(), 'Zizou encore');
122
+ });
123
+ it('should custom sort items', function () {
124
+ var itemList = [{
125
+ id: 'zz',
126
+ label: 'Zizou'
127
+ }, {
128
+ id: 'zze',
129
+ label: 'Zizou encore'
130
+ }, {
131
+ id: 'ep',
132
+ label: 'Emmanuel Petit'
133
+ }];
134
+ var handleOnSelect = spy();
135
+
136
+ var compareItemFunc = function compareItemFunc(a, b) {
137
+ return a.label.length > b.label.length ? 1 : -1;
138
+ };
139
+
140
+ var wrapper = mount(React.createElement(HiSelectableList, {
141
+ hideCheckbox: true,
142
+ itemList: itemList,
143
+ selectedIdList: [],
144
+ onSelect: handleOnSelect,
145
+ sort: true,
146
+ comparItemFunc: compareItemFunc,
147
+ lazy: false
148
+ }));
149
+ assert.strictEqual(wrapper.find(HiSelectableListItem).at(0).text(), 'Zizou');
150
+ assert.strictEqual(wrapper.find(HiSelectableListItem).at(1).text(), 'Zizou encore');
151
+ assert.strictEqual(wrapper.find(HiSelectableListItem).at(2).text(), 'Emmanuel Petit');
152
+ });
153
+ it('should render with lazyload', function () {
154
+ var itemList = [{
155
+ id: 'zz',
156
+ label: 'Zizou'
157
+ }, {
158
+ id: 'zze',
159
+ label: 'Zizou encore'
160
+ }, {
161
+ id: 'ep',
162
+ label: 'Emmanuel Petit'
163
+ }];
164
+ var wrapper = shallow(React.createElement(HiSelectableList, {
165
+ itemList: itemList,
166
+ selectedIdList: [],
167
+ onSelect: function onSelect() {
168
+ return null;
169
+ }
170
+ }));
171
+ assert.strictEqual(wrapper.find(LazyLoad).length, 3);
172
+ });
173
+ });
@@ -1,39 +1,16 @@
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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
13
-
14
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
15
-
16
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
17
-
18
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
19
-
20
- var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
21
-
22
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
23
-
24
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
25
-
26
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
27
-
28
- var _react = _interopRequireDefault(require("react"));
29
-
30
- var _List = _interopRequireDefault(require("@material-ui/core/List"));
31
-
32
- var _styles = require("@material-ui/core/styles");
33
-
34
- var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
35
-
36
- var styles = function styles() {
1
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
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 List from '@material-ui/core/List';
11
+ import { withStyles } from '@material-ui/core/styles';
12
+ import HiSelectableListItem from './HiSelectableListItem';
13
+ export var styles = function styles() {
37
14
  return {
38
15
  root: {}
39
16
  };
@@ -42,33 +19,33 @@ var styles = function styles() {
42
19
  * Construit une liste d'item sélectionnable (avec checkbox)
43
20
  */
44
21
 
45
-
46
- exports.styles = styles;
47
-
48
22
  var HiSelectableListHierarchic =
49
23
  /*#__PURE__*/
50
24
  function (_React$PureComponent) {
51
- (0, _inherits2.default)(HiSelectableListHierarchic, _React$PureComponent);
25
+ _inherits(HiSelectableListHierarchic, _React$PureComponent);
52
26
 
53
27
  function HiSelectableListHierarchic() {
54
28
  var _getPrototypeOf2;
55
29
 
56
30
  var _this;
57
31
 
58
- (0, _classCallCheck2.default)(this, HiSelectableListHierarchic);
32
+ _classCallCheck(this, HiSelectableListHierarchic);
59
33
 
60
34
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
61
35
  args[_key] = arguments[_key];
62
36
  }
63
37
 
64
- _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectableListHierarchic)).call.apply(_getPrototypeOf2, [this].concat(args)));
65
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelect", function (item) {
38
+ _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HiSelectableListHierarchic)).call.apply(_getPrototypeOf2, [this].concat(args)));
39
+
40
+ _defineProperty(_assertThisInitialized(_this), "handleSelect", function (item) {
66
41
  return function (event) {
67
42
  _this.props.onSelect(event, item);
68
43
  };
69
44
  });
70
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "buildRecursiveListItem", function (item) {
45
+
46
+ _defineProperty(_assertThisInitialized(_this), "buildRecursiveListItem", function (item) {
71
47
  var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
48
+
72
49
  var _this$props = _this.props,
73
50
  checkedIcon = _this$props.checkedIcon,
74
51
  disabled = _this$props.disabled,
@@ -77,8 +54,9 @@ function (_React$PureComponent) {
77
54
  hoverIcon = _this$props.hoverIcon,
78
55
  icon = _this$props.icon,
79
56
  selectedItemIdList = _this$props.selectedItemIdList,
80
- others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
81
- return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
57
+ others = _objectWithoutProperties(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
58
+
59
+ return React.createElement(React.Fragment, null, React.createElement(HiSelectableListItem, Object.assign({}, others, {
82
60
  checkedIcon: checkedIcon,
83
61
  disabled: disabled || disabledItemIdList.includes(item.id),
84
62
  hideCheckbox: hideCheckbox,
@@ -95,10 +73,11 @@ function (_React$PureComponent) {
95
73
  return _this.buildRecursiveListItem(subItem, level + 1);
96
74
  }));
97
75
  });
76
+
98
77
  return _this;
99
78
  }
100
79
 
101
- (0, _createClass2.default)(HiSelectableListHierarchic, [{
80
+ _createClass(HiSelectableListHierarchic, [{
102
81
  key: "render",
103
82
  value: function render() {
104
83
  var _this2 = this;
@@ -114,9 +93,10 @@ function (_React$PureComponent) {
114
93
  hoverIcon = _this$props2.hoverIcon,
115
94
  icon = _this$props2.icon,
116
95
  selectedItemIdList = _this$props2.selectedItemIdList,
117
- others = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
96
+ others = _objectWithoutProperties(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
97
+
118
98
  var parents = [];
119
- return _react.default.createElement(_List.default, {
99
+ return React.createElement(List, {
120
100
  className: classes.root,
121
101
  onKeyDown: onKeyDown
122
102
  }, itemList.filter(function (item) {
@@ -139,7 +119,7 @@ function (_React$PureComponent) {
139
119
  parents = [];
140
120
  }
141
121
 
142
- return _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
122
+ return React.createElement(HiSelectableListItem, Object.assign({}, others, {
143
123
  checkedIcon: checkedIcon,
144
124
  disabled: disabled || disabledItemIdList.includes(item.id),
145
125
  hideCheckbox: hideCheckbox,
@@ -154,10 +134,11 @@ function (_React$PureComponent) {
154
134
  }));
155
135
  }
156
136
  }]);
137
+
157
138
  return HiSelectableListHierarchic;
158
- }(_react.default.PureComponent);
139
+ }(React.PureComponent);
159
140
 
160
- (0, _defineProperty2.default)(HiSelectableListHierarchic, "defaultProps", {
141
+ _defineProperty(HiSelectableListHierarchic, "defaultProps", {
161
142
  allSelected: false,
162
143
  disabled: false,
163
144
  disabledItemIdList: [],
@@ -165,9 +146,7 @@ function (_React$PureComponent) {
165
146
  selectedItemIdList: []
166
147
  });
167
148
 
168
- var _default = (0, _styles.withStyles)(styles, {
149
+ export default withStyles(styles, {
169
150
  hiComponent: true,
170
151
  name: 'HmuiHiSelectableListHierarchic'
171
- })(HiSelectableListHierarchic);
172
-
173
- exports.default = _default;
152
+ })(HiSelectableListHierarchic);