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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (503) hide show
  1. package/App.test.js +8 -0
  2. package/HiAlertModal/HiAlertModal.js +48 -77
  3. package/HiAlertModal/HiAlertModal.test.js +189 -0
  4. package/HiAlertModal/index.js +1 -15
  5. package/HiAppBar/HiAppBar.js +34 -63
  6. package/HiAppBar/index.js +1 -15
  7. package/HiBadge/HiBadge.js +10 -29
  8. package/HiBadge/HiBadge.test.js +49 -0
  9. package/HiBadge/index.js +1 -15
  10. package/HiBreadcrumb/HiBreadcrumb.js +27 -43
  11. package/HiBreadcrumb/HiBreadcrumb.test.js +44 -0
  12. package/HiBreadcrumb/HiStep.js +35 -57
  13. package/HiBreadcrumb/HiStep.test.js +47 -0
  14. package/HiBreadcrumb/HiStepConnector.js +32 -57
  15. package/HiBreadcrumb/HiStepConnector.test.js +113 -0
  16. package/HiBreadcrumb/HiStepContent.js +25 -46
  17. package/HiBreadcrumb/HiStepContent.test.js +32 -0
  18. package/HiBreadcrumb/HiStepIcon.js +26 -46
  19. package/HiBreadcrumb/HiStepIcon.test.js +65 -0
  20. package/HiBreadcrumb/HiStepLabel.js +36 -61
  21. package/HiBreadcrumb/HiStepLabel.test.js +30 -0
  22. package/HiBreadcrumb/HiStepper.js +23 -45
  23. package/HiBreadcrumb/HiStepper.test.js +33 -0
  24. package/HiBreadcrumb/index.js +1 -15
  25. package/HiButton/HiButton.js +9 -27
  26. package/HiButton/index.js +2 -13
  27. package/HiCell/CellAddress.js +20 -40
  28. package/HiCell/CellAddress.test.js +75 -0
  29. package/HiCell/CellDate.js +26 -47
  30. package/HiCell/CellDate.test.js +173 -0
  31. package/HiCell/CellIcon.js +28 -49
  32. package/HiCell/CellIcon.test.js +57 -0
  33. package/HiCell/CellImage.js +23 -42
  34. package/HiCell/CellImage.test.js +49 -0
  35. package/HiCell/CellNumeric.js +25 -46
  36. package/HiCell/CellNumeric.test.js +46 -0
  37. package/HiCell/CellPinToAction.js +20 -41
  38. package/HiCell/CellRate.js +32 -55
  39. package/HiCell/CellRate.test.js +73 -0
  40. package/HiCell/CellSentinel.js +22 -42
  41. package/HiCell/CellSentinel.test.js +48 -0
  42. package/HiCell/CellSentinelScore.js +23 -44
  43. package/HiCell/CellText.js +37 -56
  44. package/HiCell/CellText.test.js +76 -0
  45. package/HiCell/CellTextStyled.js +8 -21
  46. package/HiCell/index.js +9 -79
  47. package/HiCheckbox/HiCheckbox.js +35 -60
  48. package/HiCheckbox/HiCheckbox.test.js +55 -0
  49. package/HiCheckbox/index.js +1 -15
  50. package/HiChip/HiChip.js +24 -44
  51. package/HiChip/HiChip.test.js +136 -0
  52. package/HiChip/HiChipSwitch.js +47 -70
  53. package/HiChip/HiChipSwitch.test.js +99 -0
  54. package/HiChip/index.js +2 -23
  55. package/HiColoredLabel/HiColoredLabel.js +28 -52
  56. package/HiColoredLabel/HiColoredLabel.test.js +96 -0
  57. package/HiColoredLabel/index.js +1 -15
  58. package/HiDatePicker/Caption.js +11 -28
  59. package/HiDatePicker/Caption.test.js +65 -0
  60. package/HiDatePicker/HiDatePicker.js +100 -115
  61. package/HiDatePicker/HiDatePicker.test.js +370 -0
  62. package/HiDatePicker/HiDatePickerMobile.js +32 -54
  63. package/HiDatePicker/HiDateRangePicker.js +138 -149
  64. package/HiDatePicker/HiDateRangePicker.test.js +703 -0
  65. package/HiDatePicker/HiDateRangeSelector.js +71 -103
  66. package/HiDatePicker/HiDateRangeSelector.test.js +193 -0
  67. package/HiDatePicker/ListPicker.js +33 -55
  68. package/HiDatePicker/ListPicker.test.js +53 -0
  69. package/HiDatePicker/NavBar.js +18 -45
  70. package/HiDatePicker/NavBar.test.js +39 -0
  71. package/HiDatePicker/Overlays/CustomOverlayLayout.js +23 -40
  72. package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +22 -39
  73. package/HiDatePicker/Overlays/MonthPickerOverlay.js +29 -45
  74. package/HiDatePicker/Overlays/MonthPickerOverlay.test.js +50 -0
  75. package/HiDatePicker/Overlays/Overlay.js +18 -35
  76. package/HiDatePicker/Overlays/Overlay.test.js +20 -0
  77. package/HiDatePicker/Overlays/TimePickerOverlay.js +47 -73
  78. package/HiDatePicker/Overlays/TimePickerOverlay.test.js +48 -0
  79. package/HiDatePicker/Overlays/YearPickerOverlay.js +29 -45
  80. package/HiDatePicker/Overlays/YearPickerOverlay.test.js +79 -0
  81. package/HiDatePicker/Overlays/index.js +5 -47
  82. package/HiDatePicker/Weekday.js +3 -13
  83. package/HiDatePicker/hiLocaleUtils.js +1 -8
  84. package/HiDatePicker/hiLocaleUtils.test.js +51 -0
  85. package/HiDatePicker/index.js +1 -15
  86. package/HiDatePicker/stylesheet.js +9 -22
  87. package/HiDotsStepper/HiDot.js +30 -57
  88. package/HiDotsStepper/HiDot.test.js +55 -0
  89. package/HiDotsStepper/HiDotsStepper.js +29 -47
  90. package/HiDotsStepper/HiDotsStepper.test.js +90 -0
  91. package/HiDotsStepper/index.js +2 -23
  92. package/HiExpansionPanel/HiExpansionPanel.js +42 -72
  93. package/HiExpansionPanel/index.js +2 -13
  94. package/HiForm/HiAddressField.js +30 -47
  95. package/HiForm/HiAddressField.test.js +79 -0
  96. package/HiForm/HiEmailField.js +28 -46
  97. package/HiForm/HiEmailField.test.js +19 -0
  98. package/HiForm/HiFormControl.js +72 -100
  99. package/HiForm/HiFormControl.test.js +195 -0
  100. package/HiForm/HiFormLabel.js +29 -54
  101. package/HiForm/HiFormLabel.test.js +66 -0
  102. package/HiForm/HiInput.js +62 -86
  103. package/HiForm/HiInput.test.js +202 -0
  104. package/HiForm/HiPasswordField.js +29 -55
  105. package/HiForm/HiPasswordField.test.js +60 -0
  106. package/HiForm/HiSearchField.js +27 -44
  107. package/HiForm/HiSearchField.test.js +193 -0
  108. package/HiForm/HiSlider.js +42 -64
  109. package/HiForm/HiSlider.test.js +99 -0
  110. package/HiForm/HiTextField.js +29 -46
  111. package/HiForm/HiTextField.test.js +254 -0
  112. package/HiForm/HiUpload.js +54 -70
  113. package/HiForm/HiUpload.test.js +241 -0
  114. package/HiForm/HiUploadField.js +24 -41
  115. package/HiForm/HiUploadField.test.js +55 -0
  116. package/HiForm/HiUploadInput.js +56 -77
  117. package/HiForm/HiUploadInput.test.js +148 -0
  118. package/HiForm/index.js +11 -95
  119. package/HiIcon/HiIcon.js +22 -44
  120. package/HiIcon/index.js +1 -15
  121. package/HiIconButton/HiIconButton.js +18 -40
  122. package/HiIconButton/HiIconButton.test.js +69 -0
  123. package/HiIconButton/index.js +1 -15
  124. package/HiLoader/HiLoader.js +9 -24
  125. package/HiLoader/HiLoader.test.js +18 -0
  126. package/HiLoader/index.js +1 -15
  127. package/HiMap/HiMap.js +50 -77
  128. package/HiMap/HiMap.test.js +29 -0
  129. package/HiMap/HiMapExpand.js +39 -64
  130. package/HiMap/HiMapExpand.test.js +48 -0
  131. package/HiMap/index.js +2 -23
  132. package/HiNotice/HiKPI.js +33 -54
  133. package/HiNotice/HiKPI.test.js +171 -0
  134. package/HiNotice/HiKPINotice.js +7 -21
  135. package/HiNotice/HiKPINotice.test.js +88 -0
  136. package/HiNotice/index.js +2 -23
  137. package/HiPaymentMeans/HiPaymentMeans.js +112 -131
  138. package/HiPaymentMeans/HiPaymentMeans.test.js +162 -0
  139. package/HiPaymentMeans/index.js +1 -15
  140. package/HiPdfReader/HiPdfReader.js +51 -76
  141. package/HiPdfReader/index.js +1 -15
  142. package/HiPin/HiPin.js +9 -30
  143. package/HiPin/HiPin.test.js +61 -0
  144. package/HiPin/index.js +1 -15
  145. package/HiRadio/HiRadio.js +7 -24
  146. package/HiRadio/HiRadio.test.js +57 -0
  147. package/HiRadio/index.js +1 -15
  148. package/HiSelect/HiDynamicSelect.js +40 -56
  149. package/HiSelect/HiDynamicSelectField.js +22 -40
  150. package/HiSelect/HiNestedSelect.js +55 -84
  151. package/HiSelect/HiNestedSelectContent.js +46 -73
  152. package/HiSelect/HiNestedSelectField.js +22 -40
  153. package/HiSelect/HiSelect.js +123 -139
  154. package/HiSelect/HiSelect.test.js +1092 -0
  155. package/HiSelect/HiSelectContent.js +73 -95
  156. package/HiSelect/HiSelectField.js +22 -40
  157. package/HiSelect/HiSelectInput.js +63 -87
  158. package/HiSelect/HiSelectInput.test.js +21 -0
  159. package/HiSelect/HiSelectMobile.js +35 -54
  160. package/HiSelect/HiSuggestSelect.js +56 -78
  161. package/HiSelect/HiSuggestSelectField.js +22 -40
  162. package/HiSelect/index.js +8 -85
  163. package/HiSelectableList/HiSelectableList.js +49 -77
  164. package/HiSelectableList/HiSelectableList.test.js +173 -0
  165. package/HiSelectableList/HiSelectableListHierarchic.js +35 -56
  166. package/HiSelectableList/HiSelectableListItem.js +66 -98
  167. package/HiSelectableList/HiSelectableListItem.test.js +97 -0
  168. package/HiSelectableList/index.js +3 -31
  169. package/HiSwitch/HiSwitch.js +20 -45
  170. package/HiSwitch/HiSwitch.test.js +41 -0
  171. package/HiSwitch/HiSwitchState.js +15 -36
  172. package/HiSwitch/HiSwitchState.test.js +76 -0
  173. package/HiSwitch/index.js +2 -23
  174. package/HiTable/HiCellBuilder.js +44 -72
  175. package/HiTable/HiTable.js +29 -47
  176. package/HiTable/HiTable.test.js +29 -0
  177. package/HiTable/HiTableBody.js +19 -34
  178. package/HiTable/HiTableHeader.js +30 -53
  179. package/HiTable/HiTableRow.js +29 -56
  180. package/HiTable/constants.js +43 -94
  181. package/HiTable/index.js +1 -15
  182. package/es/App.test.js +8 -0
  183. package/es/HiAlertModal/HiAlertModal.js +48 -77
  184. package/es/HiAlertModal/HiAlertModal.test.js +189 -0
  185. package/es/HiAlertModal/index.js +1 -15
  186. package/es/HiAppBar/HiAppBar.js +34 -63
  187. package/es/HiAppBar/index.js +1 -15
  188. package/es/HiBadge/HiBadge.js +10 -29
  189. package/es/HiBadge/HiBadge.test.js +49 -0
  190. package/es/HiBadge/index.js +1 -15
  191. package/es/HiBreadcrumb/HiBreadcrumb.js +27 -43
  192. package/es/HiBreadcrumb/HiBreadcrumb.test.js +44 -0
  193. package/es/HiBreadcrumb/HiStep.js +35 -57
  194. package/es/HiBreadcrumb/HiStep.test.js +47 -0
  195. package/es/HiBreadcrumb/HiStepConnector.js +32 -57
  196. package/es/HiBreadcrumb/HiStepConnector.test.js +113 -0
  197. package/es/HiBreadcrumb/HiStepContent.js +25 -46
  198. package/es/HiBreadcrumb/HiStepContent.test.js +32 -0
  199. package/es/HiBreadcrumb/HiStepIcon.js +26 -46
  200. package/es/HiBreadcrumb/HiStepIcon.test.js +65 -0
  201. package/es/HiBreadcrumb/HiStepLabel.js +36 -61
  202. package/es/HiBreadcrumb/HiStepLabel.test.js +30 -0
  203. package/es/HiBreadcrumb/HiStepper.js +23 -45
  204. package/es/HiBreadcrumb/HiStepper.test.js +33 -0
  205. package/es/HiBreadcrumb/index.js +1 -15
  206. package/es/HiButton/HiButton.js +9 -27
  207. package/es/HiButton/index.js +2 -13
  208. package/es/HiCell/CellAddress.js +20 -40
  209. package/es/HiCell/CellAddress.test.js +75 -0
  210. package/es/HiCell/CellDate.js +26 -47
  211. package/es/HiCell/CellDate.test.js +173 -0
  212. package/es/HiCell/CellIcon.js +28 -49
  213. package/es/HiCell/CellIcon.test.js +57 -0
  214. package/es/HiCell/CellImage.js +23 -42
  215. package/es/HiCell/CellImage.test.js +49 -0
  216. package/es/HiCell/CellNumeric.js +25 -46
  217. package/es/HiCell/CellNumeric.test.js +46 -0
  218. package/es/HiCell/CellPinToAction.js +20 -41
  219. package/es/HiCell/CellRate.js +32 -55
  220. package/es/HiCell/CellRate.test.js +73 -0
  221. package/es/HiCell/CellSentinel.js +22 -42
  222. package/es/HiCell/CellSentinel.test.js +48 -0
  223. package/es/HiCell/CellSentinelScore.js +23 -44
  224. package/es/HiCell/CellText.js +37 -56
  225. package/es/HiCell/CellText.test.js +76 -0
  226. package/es/HiCell/CellTextStyled.js +8 -21
  227. package/es/HiCell/index.js +9 -79
  228. package/es/HiCheckbox/HiCheckbox.js +35 -60
  229. package/es/HiCheckbox/HiCheckbox.test.js +55 -0
  230. package/es/HiCheckbox/index.js +1 -15
  231. package/es/HiChip/HiChip.js +24 -44
  232. package/es/HiChip/HiChip.test.js +136 -0
  233. package/es/HiChip/HiChipSwitch.js +47 -70
  234. package/es/HiChip/HiChipSwitch.test.js +99 -0
  235. package/es/HiChip/index.js +2 -23
  236. package/es/HiColoredLabel/HiColoredLabel.js +28 -52
  237. package/es/HiColoredLabel/HiColoredLabel.test.js +96 -0
  238. package/es/HiColoredLabel/index.js +1 -15
  239. package/es/HiDatePicker/Caption.js +11 -28
  240. package/es/HiDatePicker/Caption.test.js +65 -0
  241. package/es/HiDatePicker/HiDatePicker.js +100 -115
  242. package/es/HiDatePicker/HiDatePicker.test.js +370 -0
  243. package/es/HiDatePicker/HiDatePickerMobile.js +32 -54
  244. package/es/HiDatePicker/HiDateRangePicker.js +138 -149
  245. package/es/HiDatePicker/HiDateRangePicker.test.js +703 -0
  246. package/es/HiDatePicker/HiDateRangeSelector.js +71 -103
  247. package/es/HiDatePicker/HiDateRangeSelector.test.js +193 -0
  248. package/es/HiDatePicker/ListPicker.js +33 -55
  249. package/es/HiDatePicker/ListPicker.test.js +53 -0
  250. package/es/HiDatePicker/NavBar.js +18 -45
  251. package/es/HiDatePicker/NavBar.test.js +39 -0
  252. package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +23 -40
  253. package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +22 -39
  254. package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +29 -45
  255. package/es/HiDatePicker/Overlays/MonthPickerOverlay.test.js +50 -0
  256. package/es/HiDatePicker/Overlays/Overlay.js +18 -35
  257. package/es/HiDatePicker/Overlays/Overlay.test.js +20 -0
  258. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +47 -73
  259. package/es/HiDatePicker/Overlays/TimePickerOverlay.test.js +48 -0
  260. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +29 -45
  261. package/es/HiDatePicker/Overlays/YearPickerOverlay.test.js +79 -0
  262. package/es/HiDatePicker/Overlays/index.js +5 -47
  263. package/es/HiDatePicker/Weekday.js +3 -13
  264. package/es/HiDatePicker/hiLocaleUtils.js +1 -8
  265. package/es/HiDatePicker/hiLocaleUtils.test.js +51 -0
  266. package/es/HiDatePicker/index.js +1 -15
  267. package/es/HiDatePicker/stylesheet.js +9 -22
  268. package/es/HiDotsStepper/HiDot.js +30 -57
  269. package/es/HiDotsStepper/HiDot.test.js +55 -0
  270. package/es/HiDotsStepper/HiDotsStepper.js +29 -47
  271. package/es/HiDotsStepper/HiDotsStepper.test.js +90 -0
  272. package/es/HiDotsStepper/index.js +2 -23
  273. package/es/HiExpansionPanel/HiExpansionPanel.js +42 -72
  274. package/es/HiExpansionPanel/index.js +2 -13
  275. package/es/HiForm/HiAddressField.js +30 -47
  276. package/es/HiForm/HiAddressField.test.js +79 -0
  277. package/es/HiForm/HiEmailField.js +28 -46
  278. package/es/HiForm/HiEmailField.test.js +19 -0
  279. package/es/HiForm/HiFormControl.js +72 -100
  280. package/es/HiForm/HiFormControl.test.js +195 -0
  281. package/es/HiForm/HiFormLabel.js +29 -54
  282. package/es/HiForm/HiFormLabel.test.js +66 -0
  283. package/es/HiForm/HiInput.js +62 -86
  284. package/es/HiForm/HiInput.test.js +202 -0
  285. package/es/HiForm/HiPasswordField.js +29 -55
  286. package/es/HiForm/HiPasswordField.test.js +60 -0
  287. package/es/HiForm/HiSearchField.js +27 -44
  288. package/es/HiForm/HiSearchField.test.js +193 -0
  289. package/es/HiForm/HiSlider.js +42 -64
  290. package/es/HiForm/HiSlider.test.js +99 -0
  291. package/es/HiForm/HiTextField.js +29 -46
  292. package/es/HiForm/HiTextField.test.js +254 -0
  293. package/es/HiForm/HiUpload.js +54 -70
  294. package/es/HiForm/HiUpload.test.js +241 -0
  295. package/es/HiForm/HiUploadField.js +24 -41
  296. package/es/HiForm/HiUploadField.test.js +55 -0
  297. package/es/HiForm/HiUploadInput.js +56 -77
  298. package/es/HiForm/HiUploadInput.test.js +148 -0
  299. package/es/HiForm/index.js +11 -95
  300. package/es/HiIcon/HiIcon.js +22 -44
  301. package/es/HiIcon/index.js +1 -15
  302. package/es/HiIconButton/HiIconButton.js +18 -40
  303. package/es/HiIconButton/HiIconButton.test.js +69 -0
  304. package/es/HiIconButton/index.js +1 -15
  305. package/es/HiLoader/HiLoader.js +9 -24
  306. package/es/HiLoader/HiLoader.test.js +18 -0
  307. package/es/HiLoader/index.js +1 -15
  308. package/es/HiMap/HiMap.js +50 -77
  309. package/es/HiMap/HiMap.test.js +29 -0
  310. package/es/HiMap/HiMapExpand.js +39 -64
  311. package/es/HiMap/HiMapExpand.test.js +48 -0
  312. package/es/HiMap/index.js +2 -23
  313. package/es/HiNotice/HiKPI.js +33 -54
  314. package/es/HiNotice/HiKPI.test.js +171 -0
  315. package/es/HiNotice/HiKPINotice.js +7 -21
  316. package/es/HiNotice/HiKPINotice.test.js +88 -0
  317. package/es/HiNotice/index.js +2 -23
  318. package/es/HiPaymentMeans/HiPaymentMeans.js +112 -131
  319. package/es/HiPaymentMeans/HiPaymentMeans.test.js +162 -0
  320. package/es/HiPaymentMeans/index.js +1 -15
  321. package/es/HiPdfReader/HiPdfReader.js +51 -76
  322. package/es/HiPdfReader/index.js +1 -15
  323. package/es/HiPin/HiPin.js +9 -30
  324. package/es/HiPin/HiPin.test.js +61 -0
  325. package/es/HiPin/index.js +1 -15
  326. package/es/HiRadio/HiRadio.js +7 -24
  327. package/es/HiRadio/HiRadio.test.js +57 -0
  328. package/es/HiRadio/index.js +1 -15
  329. package/es/HiSelect/HiDynamicSelect.js +40 -56
  330. package/es/HiSelect/HiDynamicSelectField.js +22 -40
  331. package/es/HiSelect/HiNestedSelect.js +55 -84
  332. package/es/HiSelect/HiNestedSelectContent.js +46 -73
  333. package/es/HiSelect/HiNestedSelectField.js +22 -40
  334. package/es/HiSelect/HiSelect.js +123 -139
  335. package/es/HiSelect/HiSelect.test.js +1092 -0
  336. package/es/HiSelect/HiSelectContent.js +73 -95
  337. package/es/HiSelect/HiSelectField.js +22 -40
  338. package/es/HiSelect/HiSelectInput.js +63 -87
  339. package/es/HiSelect/HiSelectInput.test.js +21 -0
  340. package/es/HiSelect/HiSelectMobile.js +35 -54
  341. package/es/HiSelect/HiSuggestSelect.js +56 -78
  342. package/es/HiSelect/HiSuggestSelectField.js +22 -40
  343. package/es/HiSelect/index.js +8 -85
  344. package/es/HiSelectableList/HiSelectableList.js +49 -77
  345. package/es/HiSelectableList/HiSelectableList.test.js +173 -0
  346. package/es/HiSelectableList/HiSelectableListHierarchic.js +35 -56
  347. package/es/HiSelectableList/HiSelectableListItem.js +66 -98
  348. package/es/HiSelectableList/HiSelectableListItem.test.js +97 -0
  349. package/es/HiSelectableList/index.js +3 -31
  350. package/es/HiSwitch/HiSwitch.js +20 -45
  351. package/es/HiSwitch/HiSwitch.test.js +41 -0
  352. package/es/HiSwitch/HiSwitchState.js +15 -36
  353. package/es/HiSwitch/HiSwitchState.test.js +76 -0
  354. package/es/HiSwitch/index.js +2 -23
  355. package/es/HiTable/HiCellBuilder.js +44 -72
  356. package/es/HiTable/HiTable.js +29 -47
  357. package/es/HiTable/HiTable.test.js +29 -0
  358. package/es/HiTable/HiTableBody.js +19 -34
  359. package/es/HiTable/HiTableHeader.js +30 -53
  360. package/es/HiTable/HiTableRow.js +29 -56
  361. package/es/HiTable/constants.js +43 -94
  362. package/es/HiTable/index.js +1 -15
  363. package/es/hi-svg-icons/HiAccount.js +18 -36
  364. package/es/hi-svg-icons/HiActivity.js +17 -35
  365. package/es/hi-svg-icons/HiAll.js +22 -42
  366. package/es/hi-svg-icons/HiBilling.js +18 -36
  367. package/es/hi-svg-icons/HiBriefcaseRescue.js +10 -26
  368. package/es/hi-svg-icons/HiCatalog.js +18 -36
  369. package/es/hi-svg-icons/HiCustomer.js +18 -36
  370. package/es/hi-svg-icons/HiDownload.js +11 -25
  371. package/es/hi-svg-icons/HiFinance.js +18 -36
  372. package/es/hi-svg-icons/HiPermission.js +17 -35
  373. package/es/hi-svg-icons/HiRoute.js +18 -36
  374. package/es/hi-svg-icons/HiSettlement.js +18 -36
  375. package/es/hi-svg-icons/HiSizeLarge.js +12 -27
  376. package/es/hi-svg-icons/HiSizeMedium.js +11 -25
  377. package/es/hi-svg-icons/HiSizeSmall.js +11 -25
  378. package/es/hi-svg-icons/HiTransaction.js +18 -36
  379. package/es/hi-svg-icons/HiUser.js +18 -36
  380. package/es/hi-svg-icons/HiWidget.js +22 -42
  381. package/es/hi-svg-icons/index.js +18 -151
  382. package/es/hi-svg-icons/index.text.js +11 -21
  383. package/es/styleguide/Wrapper.js +19 -36
  384. package/es/styles/MuiThemeProvider.js +39 -59
  385. package/es/styles/colorManipulator.js +16 -44
  386. package/es/styles/colorManipulator.test.js +242 -0
  387. package/es/styles/createBreakpoints.js +6 -20
  388. package/es/styles/createBreakpoints.test.js +48 -0
  389. package/es/styles/createGenerateClassName.js +5 -15
  390. package/es/styles/createGenerateClassName.test.js +141 -0
  391. package/es/styles/createMixins.js +8 -19
  392. package/es/styles/createMixins.test.js +24 -0
  393. package/es/styles/createMuiTheme.js +34 -53
  394. package/es/styles/createMuiTheme.test.js +67 -0
  395. package/es/styles/createPalette.js +30 -50
  396. package/es/styles/createPalette.test.js +159 -0
  397. package/es/styles/createStyles.js +1 -8
  398. package/es/styles/createStyles.test.js +8 -0
  399. package/es/styles/createTypography.js +18 -30
  400. package/es/styles/createTypography.test.js +60 -0
  401. package/es/styles/getStylesCreator.js +11 -24
  402. package/es/styles/getStylesCreator.test.js +92 -0
  403. package/es/styles/getThemeProps.js +1 -9
  404. package/es/styles/getThemeProps.test.js +39 -0
  405. package/es/styles/index.js +5 -47
  406. package/es/styles/jssPreset.js +9 -25
  407. package/es/styles/mergeClasses.js +7 -19
  408. package/es/styles/shadows.js +1 -8
  409. package/es/styles/shape.js +1 -8
  410. package/es/styles/spacing.js +1 -9
  411. package/es/styles/themeListener.js +5 -18
  412. package/es/styles/themeListener.test.js +26 -0
  413. package/es/styles/transitions.js +18 -38
  414. package/es/styles/transitions.test.js +208 -0
  415. package/es/styles/zIndex.js +1 -8
  416. package/es/test-utils/createMount.js +11 -22
  417. package/es/test-utils/createRender.js +8 -19
  418. package/es/test-utils/createShallow.js +13 -23
  419. package/es/test-utils/getClasses.js +2 -11
  420. package/es/test-utils/index.js +5 -47
  421. package/es/test-utils/until.js +6 -16
  422. package/es/test-utils/until.test.js +157 -0
  423. package/es/test-utils/unwrap.js +1 -8
  424. package/es/theme/palette.js +2 -10
  425. package/es/theme/typography.js +2 -10
  426. package/es/theme.js +2 -11
  427. package/es/transitions/utils.js +2 -13
  428. package/es/utils/exactProp.js +5 -18
  429. package/es/utils/helpers.js +18 -55
  430. package/es/withMobileDialog/index.js +1 -15
  431. package/es/withMobileDialog/withMobileDialog.js +7 -22
  432. package/es/withMobileDialog/withMobileDialog.test.js +67 -0
  433. package/hi-svg-icons/HiAccount.js +18 -36
  434. package/hi-svg-icons/HiActivity.js +17 -35
  435. package/hi-svg-icons/HiAll.js +22 -42
  436. package/hi-svg-icons/HiBilling.js +18 -36
  437. package/hi-svg-icons/HiBriefcaseRescue.js +10 -26
  438. package/hi-svg-icons/HiCatalog.js +18 -36
  439. package/hi-svg-icons/HiCustomer.js +18 -36
  440. package/hi-svg-icons/HiDownload.js +11 -25
  441. package/hi-svg-icons/HiFinance.js +18 -36
  442. package/hi-svg-icons/HiPermission.js +17 -35
  443. package/hi-svg-icons/HiRoute.js +18 -36
  444. package/hi-svg-icons/HiSettlement.js +18 -36
  445. package/hi-svg-icons/HiSizeLarge.js +12 -27
  446. package/hi-svg-icons/HiSizeMedium.js +11 -25
  447. package/hi-svg-icons/HiSizeSmall.js +11 -25
  448. package/hi-svg-icons/HiTransaction.js +18 -36
  449. package/hi-svg-icons/HiUser.js +18 -36
  450. package/hi-svg-icons/HiWidget.js +22 -42
  451. package/hi-svg-icons/index.js +18 -151
  452. package/hi-svg-icons/index.text.js +11 -21
  453. package/package.json +1 -1
  454. package/styleguide/Wrapper.js +19 -36
  455. package/styles/MuiThemeProvider.js +39 -59
  456. package/styles/colorManipulator.js +16 -44
  457. package/styles/colorManipulator.test.js +242 -0
  458. package/styles/createBreakpoints.js +6 -20
  459. package/styles/createBreakpoints.test.js +48 -0
  460. package/styles/createGenerateClassName.js +5 -15
  461. package/styles/createGenerateClassName.test.js +141 -0
  462. package/styles/createMixins.js +8 -19
  463. package/styles/createMixins.test.js +24 -0
  464. package/styles/createMuiTheme.js +34 -53
  465. package/styles/createMuiTheme.test.js +67 -0
  466. package/styles/createPalette.js +30 -50
  467. package/styles/createPalette.test.js +159 -0
  468. package/styles/createStyles.js +1 -8
  469. package/styles/createStyles.test.js +8 -0
  470. package/styles/createTypography.js +18 -30
  471. package/styles/createTypography.test.js +60 -0
  472. package/styles/getStylesCreator.js +11 -24
  473. package/styles/getStylesCreator.test.js +92 -0
  474. package/styles/getThemeProps.js +1 -9
  475. package/styles/getThemeProps.test.js +39 -0
  476. package/styles/index.js +5 -47
  477. package/styles/jssPreset.js +9 -25
  478. package/styles/mergeClasses.js +7 -19
  479. package/styles/shadows.js +1 -8
  480. package/styles/shape.js +1 -8
  481. package/styles/spacing.js +1 -9
  482. package/styles/themeListener.js +5 -18
  483. package/styles/themeListener.test.js +26 -0
  484. package/styles/transitions.js +18 -38
  485. package/styles/transitions.test.js +208 -0
  486. package/styles/zIndex.js +1 -8
  487. package/test-utils/createMount.js +11 -22
  488. package/test-utils/createRender.js +8 -19
  489. package/test-utils/createShallow.js +13 -23
  490. package/test-utils/getClasses.js +2 -11
  491. package/test-utils/index.js +5 -47
  492. package/test-utils/until.js +6 -16
  493. package/test-utils/until.test.js +157 -0
  494. package/test-utils/unwrap.js +1 -8
  495. package/theme/palette.js +2 -10
  496. package/theme/typography.js +2 -10
  497. package/theme.js +2 -11
  498. package/transitions/utils.js +2 -13
  499. package/utils/exactProp.js +5 -18
  500. package/utils/helpers.js +18 -55
  501. package/withMobileDialog/index.js +1 -15
  502. package/withMobileDialog/withMobileDialog.js +7 -22
  503. package/withMobileDialog/withMobileDialog.test.js +67 -0
@@ -1,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);