@hipay/hipay-material-ui 4.0.1-beta3 → 4.0.1-beta5

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 (439) hide show
  1. package/HiAccordion/HiAccordion.js +26 -8
  2. package/HiAccordion/index.js +5 -1
  3. package/HiAccordionActions/HiAccordionActions.js +14 -1
  4. package/HiAccordionActions/index.js +5 -1
  5. package/HiAccordionSummary/HiAccordionSummary.js +15 -1
  6. package/HiAccordionSummary/index.js +5 -1
  7. package/HiAlertModal/HiAlertModal.js +22 -7
  8. package/HiAlertModal/index.js +5 -1
  9. package/HiAppBar/HiAppBar.js +47 -15
  10. package/HiAppBar/index.js +2 -0
  11. package/HiAvatar/HiAvatar.js +12 -3
  12. package/HiAvatar/index.js +2 -0
  13. package/HiBadge/HiBadge.js +24 -8
  14. package/HiBadge/index.js +2 -0
  15. package/HiBreadcrumb/HiBreadcrumb.js +35 -10
  16. package/HiBreadcrumb/HiStep.js +50 -17
  17. package/HiBreadcrumb/HiStepConnector.js +55 -18
  18. package/HiBreadcrumb/HiStepContent.js +35 -10
  19. package/HiBreadcrumb/HiStepIcon.js +40 -14
  20. package/HiBreadcrumb/HiStepLabel.js +49 -18
  21. package/HiBreadcrumb/HiStepper.js +35 -10
  22. package/HiBreadcrumb/index.js +2 -0
  23. package/HiButton/HiButton.js +33 -8
  24. package/HiButton/index.js +5 -1
  25. package/HiCell/CellAddress.js +38 -16
  26. package/HiCell/CellDate.js +41 -14
  27. package/HiCell/CellHiddenContent.js +30 -8
  28. package/HiCell/CellIcon.js +41 -16
  29. package/HiCell/CellImage.js +39 -16
  30. package/HiCell/CellNumeric.js +45 -17
  31. package/HiCell/CellPinToAction.js +38 -13
  32. package/HiCell/CellRate.js +52 -17
  33. package/HiCell/CellSentinel.js +38 -16
  34. package/HiCell/CellSentinelScore.js +36 -13
  35. package/HiCell/CellText.js +58 -21
  36. package/HiCell/CellTextStyled.js +24 -13
  37. package/HiCell/index.js +10 -0
  38. package/HiCheckbox/HiCheckbox.js +57 -19
  39. package/HiCheckbox/index.js +2 -0
  40. package/HiChip/HiChip.js +47 -24
  41. package/HiChip/HiChipSwitch.js +65 -21
  42. package/HiChip/index.js +3 -0
  43. package/HiColoredLabel/HiColoredLabel.js +49 -15
  44. package/HiColoredLabel/index.js +2 -0
  45. package/HiDatePicker/Caption.js +21 -9
  46. package/HiDatePicker/HiDatePicker.js +93 -20
  47. package/HiDatePicker/HiDatePickerMobile.js +48 -22
  48. package/HiDatePicker/HiDateRangePicker.js +139 -42
  49. package/HiDatePicker/HiDateRangeSelector.js +135 -53
  50. package/HiDatePicker/ListPicker.js +43 -12
  51. package/HiDatePicker/NavBar.js +31 -12
  52. package/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
  53. package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
  54. package/HiDatePicker/Overlays/MonthPickerOverlay.js +32 -9
  55. package/HiDatePicker/Overlays/Overlay.js +25 -8
  56. package/HiDatePicker/Overlays/TimePickerOverlay.js +45 -13
  57. package/HiDatePicker/Overlays/YearPickerOverlay.js +38 -13
  58. package/HiDatePicker/Overlays/index.js +6 -0
  59. package/HiDatePicker/Weekday.js +9 -4
  60. package/HiDatePicker/hiLocaleUtils.js +20 -8
  61. package/HiDatePicker/index.js +2 -0
  62. package/HiDatePicker/stylesheet.js +13 -6
  63. package/HiDialog/HiDialog.js +19 -7
  64. package/HiDialog/index.js +2 -0
  65. package/HiDotsStepper/HiDot.js +42 -12
  66. package/HiDotsStepper/HiDotsStepper.js +43 -15
  67. package/HiDotsStepper/index.js +3 -0
  68. package/HiExpansionPanel/HiExpansionPanel.js +38 -16
  69. package/HiExpansionPanel/index.js +5 -1
  70. package/HiForm/HiAddressField.js +41 -14
  71. package/HiForm/HiEmailField.js +34 -9
  72. package/HiForm/HiFormControl.js +79 -32
  73. package/HiForm/HiFormLabel.js +45 -18
  74. package/HiForm/HiInput.js +97 -37
  75. package/HiForm/HiPasswordField.js +43 -13
  76. package/HiForm/HiSearchField.js +40 -8
  77. package/HiForm/HiSlider.js +62 -26
  78. package/HiForm/HiTextField.js +52 -26
  79. package/HiForm/HiUpload.js +94 -33
  80. package/HiForm/HiUploadField.js +37 -14
  81. package/HiForm/HiUploadInput.js +81 -25
  82. package/HiForm/index.js +12 -0
  83. package/HiIcon/HiIcon.js +34 -9
  84. package/HiIcon/index.js +2 -0
  85. package/HiIconButton/HiIconButton.js +21 -6
  86. package/HiIconButton/index.js +2 -0
  87. package/HiListItemLink/HiListItemLink.js +19 -6
  88. package/HiListItemLink/index.js +2 -0
  89. package/HiLoader/HiLoader.js +16 -6
  90. package/HiLoader/index.js +2 -0
  91. package/HiNotice/HiKPI.js +53 -21
  92. package/HiNotice/HiKPINotice.js +16 -6
  93. package/HiNotice/index.js +3 -0
  94. package/HiPagination/HiPagination.js +11 -1
  95. package/HiPagination/index.js +2 -0
  96. package/HiPaymentMeans/HiPaymentMeans.js +72 -31
  97. package/HiPaymentMeans/index.js +2 -0
  98. package/HiPdfReader/HiPdfReader.js +61 -27
  99. package/HiPdfReader/index.js +2 -0
  100. package/HiPin/HiPin.js +19 -7
  101. package/HiPin/index.js +2 -0
  102. package/HiRadio/HiRadio.js +22 -11
  103. package/HiRadio/index.js +2 -0
  104. package/HiScrollStepper/HiScrollStepper.js +67 -29
  105. package/HiScrollStepper/index.js +2 -0
  106. package/HiSelect/HiDynamicSelect.js +47 -36
  107. package/HiSelect/HiDynamicSelectField.js +52 -27
  108. package/HiSelect/HiNestedSelect.js +116 -69
  109. package/HiSelect/HiNestedSelectContent.js +90 -63
  110. package/HiSelect/HiNestedSelectField.js +52 -27
  111. package/HiSelect/HiSelect.js +192 -93
  112. package/HiSelect/HiSelectContent.js +103 -67
  113. package/HiSelect/HiSelectField.js +53 -28
  114. package/HiSelect/HiSelectInput.js +81 -25
  115. package/HiSelect/HiSelectMobile.js +49 -11
  116. package/HiSelect/HiSuggestSelect.js +85 -28
  117. package/HiSelect/HiSuggestSelectField.js +43 -18
  118. package/HiSelect/index.js +14 -2
  119. package/HiSelectableList/HiSelectableList.js +95 -38
  120. package/HiSelectableList/HiSelectableListHierarchic.js +65 -38
  121. package/HiSelectableList/HiSelectableListItem.js +88 -45
  122. package/HiSelectableList/index.js +4 -0
  123. package/HiStepper/DefaultIndicator.js +10 -1
  124. package/HiStepper/HiStep.js +48 -18
  125. package/HiStepper/HiStepper.js +15 -2
  126. package/HiStepper/index.js +3 -0
  127. package/HiSwitch/HiSwitch.js +33 -9
  128. package/HiSwitch/HiSwitchState.js +32 -15
  129. package/HiSwitch/index.js +3 -0
  130. package/HiTable/HiCellBuilder.js +69 -13
  131. package/HiTable/HiTable.js +48 -20
  132. package/HiTable/HiTableBody.js +28 -10
  133. package/HiTable/HiTableHeader.js +55 -21
  134. package/HiTable/HiTableRow.js +51 -16
  135. package/HiTable/constants.js +98 -48
  136. package/HiTable/index.js +2 -0
  137. package/es/HiAccordion/HiAccordion.js +26 -8
  138. package/es/HiAccordion/index.js +5 -1
  139. package/es/HiAccordionActions/HiAccordionActions.js +14 -1
  140. package/es/HiAccordionActions/index.js +5 -1
  141. package/es/HiAccordionSummary/HiAccordionSummary.js +15 -1
  142. package/es/HiAccordionSummary/index.js +5 -1
  143. package/es/HiAlertModal/HiAlertModal.js +22 -7
  144. package/es/HiAlertModal/index.js +5 -1
  145. package/es/HiAppBar/HiAppBar.js +47 -15
  146. package/es/HiAppBar/index.js +2 -0
  147. package/es/HiAvatar/HiAvatar.js +12 -3
  148. package/es/HiAvatar/index.js +2 -0
  149. package/es/HiBadge/HiBadge.js +24 -8
  150. package/es/HiBadge/index.js +2 -0
  151. package/es/HiBreadcrumb/HiBreadcrumb.js +35 -10
  152. package/es/HiBreadcrumb/HiStep.js +50 -17
  153. package/es/HiBreadcrumb/HiStepConnector.js +55 -18
  154. package/es/HiBreadcrumb/HiStepContent.js +35 -10
  155. package/es/HiBreadcrumb/HiStepIcon.js +40 -14
  156. package/es/HiBreadcrumb/HiStepLabel.js +49 -18
  157. package/es/HiBreadcrumb/HiStepper.js +35 -10
  158. package/es/HiBreadcrumb/index.js +2 -0
  159. package/es/HiButton/HiButton.js +33 -8
  160. package/es/HiButton/index.js +5 -1
  161. package/es/HiCell/CellAddress.js +38 -16
  162. package/es/HiCell/CellDate.js +41 -14
  163. package/es/HiCell/CellHiddenContent.js +30 -8
  164. package/es/HiCell/CellIcon.js +41 -16
  165. package/es/HiCell/CellImage.js +39 -16
  166. package/es/HiCell/CellNumeric.js +45 -17
  167. package/es/HiCell/CellPinToAction.js +38 -13
  168. package/es/HiCell/CellRate.js +52 -17
  169. package/es/HiCell/CellSentinel.js +38 -16
  170. package/es/HiCell/CellSentinelScore.js +36 -13
  171. package/es/HiCell/CellText.js +58 -21
  172. package/es/HiCell/CellTextStyled.js +24 -13
  173. package/es/HiCell/index.js +10 -0
  174. package/es/HiCheckbox/HiCheckbox.js +57 -19
  175. package/es/HiCheckbox/index.js +2 -0
  176. package/es/HiChip/HiChip.js +47 -24
  177. package/es/HiChip/HiChipSwitch.js +65 -21
  178. package/es/HiChip/index.js +3 -0
  179. package/es/HiColoredLabel/HiColoredLabel.js +49 -15
  180. package/es/HiColoredLabel/index.js +2 -0
  181. package/es/HiDatePicker/Caption.js +21 -9
  182. package/es/HiDatePicker/HiDatePicker.js +93 -20
  183. package/es/HiDatePicker/HiDatePickerMobile.js +48 -22
  184. package/es/HiDatePicker/HiDateRangePicker.js +139 -42
  185. package/es/HiDatePicker/HiDateRangeSelector.js +135 -53
  186. package/es/HiDatePicker/ListPicker.js +43 -12
  187. package/es/HiDatePicker/NavBar.js +31 -12
  188. package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
  189. package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
  190. package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +32 -9
  191. package/es/HiDatePicker/Overlays/Overlay.js +25 -8
  192. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +45 -13
  193. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +38 -13
  194. package/es/HiDatePicker/Overlays/index.js +6 -0
  195. package/es/HiDatePicker/Weekday.js +9 -4
  196. package/es/HiDatePicker/hiLocaleUtils.js +20 -8
  197. package/es/HiDatePicker/index.js +2 -0
  198. package/es/HiDatePicker/stylesheet.js +13 -6
  199. package/es/HiDialog/HiDialog.js +19 -7
  200. package/es/HiDialog/index.js +2 -0
  201. package/es/HiDotsStepper/HiDot.js +42 -12
  202. package/es/HiDotsStepper/HiDotsStepper.js +43 -15
  203. package/es/HiDotsStepper/index.js +3 -0
  204. package/es/HiExpansionPanel/HiExpansionPanel.js +38 -16
  205. package/es/HiExpansionPanel/index.js +5 -1
  206. package/es/HiForm/HiAddressField.js +41 -14
  207. package/es/HiForm/HiEmailField.js +34 -9
  208. package/es/HiForm/HiFormControl.js +79 -32
  209. package/es/HiForm/HiFormLabel.js +45 -18
  210. package/es/HiForm/HiInput.js +97 -37
  211. package/es/HiForm/HiPasswordField.js +43 -13
  212. package/es/HiForm/HiSearchField.js +40 -8
  213. package/es/HiForm/HiSlider.js +62 -26
  214. package/es/HiForm/HiTextField.js +52 -26
  215. package/es/HiForm/HiUpload.js +94 -33
  216. package/es/HiForm/HiUploadField.js +37 -14
  217. package/es/HiForm/HiUploadInput.js +81 -25
  218. package/es/HiForm/index.js +12 -0
  219. package/es/HiIcon/HiIcon.js +34 -9
  220. package/es/HiIcon/index.js +2 -0
  221. package/es/HiIconButton/HiIconButton.js +21 -6
  222. package/es/HiIconButton/index.js +2 -0
  223. package/es/HiListItemLink/HiListItemLink.js +19 -6
  224. package/es/HiListItemLink/index.js +2 -0
  225. package/es/HiLoader/HiLoader.js +16 -6
  226. package/es/HiLoader/index.js +2 -0
  227. package/es/HiNotice/HiKPI.js +53 -21
  228. package/es/HiNotice/HiKPINotice.js +16 -6
  229. package/es/HiNotice/index.js +3 -0
  230. package/es/HiPagination/HiPagination.js +11 -1
  231. package/es/HiPagination/index.js +2 -0
  232. package/es/HiPaymentMeans/HiPaymentMeans.js +72 -31
  233. package/es/HiPaymentMeans/index.js +2 -0
  234. package/es/HiPdfReader/HiPdfReader.js +61 -27
  235. package/es/HiPdfReader/index.js +2 -0
  236. package/es/HiPin/HiPin.js +19 -7
  237. package/es/HiPin/index.js +2 -0
  238. package/es/HiRadio/HiRadio.js +22 -11
  239. package/es/HiRadio/index.js +2 -0
  240. package/es/HiScrollStepper/HiScrollStepper.js +67 -29
  241. package/es/HiScrollStepper/index.js +2 -0
  242. package/es/HiSelect/HiDynamicSelect.js +47 -36
  243. package/es/HiSelect/HiDynamicSelectField.js +52 -27
  244. package/es/HiSelect/HiNestedSelect.js +116 -69
  245. package/es/HiSelect/HiNestedSelectContent.js +90 -63
  246. package/es/HiSelect/HiNestedSelectField.js +52 -27
  247. package/es/HiSelect/HiSelect.js +192 -93
  248. package/es/HiSelect/HiSelectContent.js +103 -67
  249. package/es/HiSelect/HiSelectField.js +53 -28
  250. package/es/HiSelect/HiSelectInput.js +81 -25
  251. package/es/HiSelect/HiSelectMobile.js +49 -11
  252. package/es/HiSelect/HiSuggestSelect.js +85 -28
  253. package/es/HiSelect/HiSuggestSelectField.js +43 -18
  254. package/es/HiSelect/index.js +14 -2
  255. package/es/HiSelectableList/HiSelectableList.js +95 -38
  256. package/es/HiSelectableList/HiSelectableListHierarchic.js +65 -38
  257. package/es/HiSelectableList/HiSelectableListItem.js +88 -45
  258. package/es/HiSelectableList/index.js +4 -0
  259. package/es/HiStepper/DefaultIndicator.js +10 -1
  260. package/es/HiStepper/HiStep.js +48 -18
  261. package/es/HiStepper/HiStepper.js +15 -2
  262. package/es/HiStepper/index.js +3 -0
  263. package/es/HiSwitch/HiSwitch.js +33 -9
  264. package/es/HiSwitch/HiSwitchState.js +32 -15
  265. package/es/HiSwitch/index.js +3 -0
  266. package/es/HiTable/HiCellBuilder.js +69 -13
  267. package/es/HiTable/HiTable.js +48 -20
  268. package/es/HiTable/HiTableBody.js +28 -10
  269. package/es/HiTable/HiTableHeader.js +55 -21
  270. package/es/HiTable/HiTableRow.js +51 -16
  271. package/es/HiTable/constants.js +98 -48
  272. package/es/HiTable/index.js +2 -0
  273. package/es/hi-svg-icons/HiAccount.js +14 -4
  274. package/es/hi-svg-icons/HiActivity.js +14 -4
  275. package/es/hi-svg-icons/HiAll.js +18 -7
  276. package/es/hi-svg-icons/HiBilling.js +14 -4
  277. package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -4
  278. package/es/hi-svg-icons/HiBusiness.js +14 -4
  279. package/es/hi-svg-icons/HiCatalog.js +14 -4
  280. package/es/hi-svg-icons/HiCustomer.js +14 -4
  281. package/es/hi-svg-icons/HiDownload.js +14 -4
  282. package/es/hi-svg-icons/HiFinance.js +14 -4
  283. package/es/hi-svg-icons/HiFinanceMenu.js +14 -4
  284. package/es/hi-svg-icons/HiHostedPaymentPage.js +14 -4
  285. package/es/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
  286. package/es/hi-svg-icons/HiIntegration.js +14 -4
  287. package/es/hi-svg-icons/HiIntegrationMenu.js +14 -4
  288. package/es/hi-svg-icons/HiIntelligence.js +14 -4
  289. package/es/hi-svg-icons/HiIntelligenceMenu.js +14 -4
  290. package/es/hi-svg-icons/HiInvoice.js +14 -4
  291. package/es/hi-svg-icons/HiInvoiceMenu.js +14 -4
  292. package/es/hi-svg-icons/HiLogoRounded.js +17 -6
  293. package/es/hi-svg-icons/HiOrder.js +14 -4
  294. package/es/hi-svg-icons/HiPaymentOrder.js +14 -4
  295. package/es/hi-svg-icons/HiPermission.js +14 -4
  296. package/es/hi-svg-icons/HiPriceGrid.js +14 -4
  297. package/es/hi-svg-icons/HiPrivate.js +14 -4
  298. package/es/hi-svg-icons/HiRoute.js +14 -4
  299. package/es/hi-svg-icons/HiRouteMenu.js +14 -4
  300. package/es/hi-svg-icons/HiRouteSwitch.js +19 -7
  301. package/es/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
  302. package/es/hi-svg-icons/HiSettlement.js +14 -4
  303. package/es/hi-svg-icons/HiSizeLarge.js +14 -4
  304. package/es/hi-svg-icons/HiSizeMedium.js +14 -4
  305. package/es/hi-svg-icons/HiSizeSmall.js +14 -4
  306. package/es/hi-svg-icons/HiStore.js +14 -4
  307. package/es/hi-svg-icons/HiStoreMenu.js +14 -4
  308. package/es/hi-svg-icons/HiTransaction.js +14 -4
  309. package/es/hi-svg-icons/HiTransactionMenu.js +14 -4
  310. package/es/hi-svg-icons/HiUser.js +14 -4
  311. package/es/hi-svg-icons/HiVendor.js +14 -4
  312. package/es/hi-svg-icons/HiWidget.js +14 -4
  313. package/es/hi-svg-icons/index.js +41 -0
  314. package/es/hi-svg-images/HiLogo.js +12 -4
  315. package/es/hi-svg-images/HiLogoWhite.js +12 -4
  316. package/es/hi-svg-images/index.js +3 -0
  317. package/es/setupTest.js +13 -2
  318. package/es/styleguide/Wrapper.js +6 -0
  319. package/es/styles/MuiThemeProvider.js +53 -18
  320. package/es/styles/colorManipulator.js +50 -15
  321. package/es/styles/createBreakpoints.js +29 -14
  322. package/es/styles/createGenerateClassName.js +24 -14
  323. package/es/styles/createMixins.js +10 -4
  324. package/es/styles/createMuiTheme.js +28 -11
  325. package/es/styles/createPalette.js +89 -66
  326. package/es/styles/createStyles.js +1 -0
  327. package/es/styles/createTypography.js +24 -15
  328. package/es/styles/getStylesCreator.js +14 -2
  329. package/es/styles/getThemeProps.js +7 -2
  330. package/es/styles/index.js +6 -0
  331. package/es/styles/jssPreset.js +11 -1
  332. package/es/styles/makeStyles.js +9 -2
  333. package/es/styles/mergeClasses.js +16 -5
  334. package/es/styles/shadows.js +4 -1
  335. package/es/styles/shape.js +2 -1
  336. package/es/styles/spacing.js +4 -1
  337. package/es/styles/themeListener.js +10 -2
  338. package/es/styles/transitions.js +35 -20
  339. package/es/styles/withStyles.js +9 -2
  340. package/es/styles/zIndex.js +2 -1
  341. package/es/test-utils/createMount.js +12 -2
  342. package/es/test-utils/createRender.js +9 -2
  343. package/es/test-utils/createShallow.js +17 -6
  344. package/es/test-utils/getClasses.js +4 -1
  345. package/es/test-utils/index.js +6 -0
  346. package/es/test-utils/until.js +14 -3
  347. package/es/test-utils/unwrap.js +1 -0
  348. package/es/theme/palette.js +7 -2
  349. package/es/theme/typography.js +15 -7
  350. package/es/theme.js +8 -2
  351. package/es/transitions/utils.js +7 -3
  352. package/es/utils/exactProp.js +13 -3
  353. package/es/utils/helpers.js +58 -19
  354. package/es/withMobileDialog/index.js +2 -0
  355. package/es/withMobileDialog/withMobileDialog.js +12 -3
  356. package/hi-svg-icons/HiAccount.js +14 -4
  357. package/hi-svg-icons/HiActivity.js +14 -4
  358. package/hi-svg-icons/HiAll.js +18 -7
  359. package/hi-svg-icons/HiBilling.js +14 -4
  360. package/hi-svg-icons/HiBriefcaseRescue.js +14 -4
  361. package/hi-svg-icons/HiBusiness.js +14 -4
  362. package/hi-svg-icons/HiCatalog.js +14 -4
  363. package/hi-svg-icons/HiCustomer.js +14 -4
  364. package/hi-svg-icons/HiDownload.js +14 -4
  365. package/hi-svg-icons/HiFinance.js +14 -4
  366. package/hi-svg-icons/HiFinanceMenu.js +14 -4
  367. package/hi-svg-icons/HiHostedPaymentPage.js +14 -4
  368. package/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
  369. package/hi-svg-icons/HiIntegration.js +14 -4
  370. package/hi-svg-icons/HiIntegrationMenu.js +14 -4
  371. package/hi-svg-icons/HiIntelligence.js +14 -4
  372. package/hi-svg-icons/HiIntelligenceMenu.js +14 -4
  373. package/hi-svg-icons/HiInvoice.js +14 -4
  374. package/hi-svg-icons/HiInvoiceMenu.js +14 -4
  375. package/hi-svg-icons/HiLogoRounded.js +17 -6
  376. package/hi-svg-icons/HiOrder.js +14 -4
  377. package/hi-svg-icons/HiPaymentOrder.js +14 -4
  378. package/hi-svg-icons/HiPermission.js +14 -4
  379. package/hi-svg-icons/HiPriceGrid.js +14 -4
  380. package/hi-svg-icons/HiPrivate.js +14 -4
  381. package/hi-svg-icons/HiRoute.js +14 -4
  382. package/hi-svg-icons/HiRouteMenu.js +14 -4
  383. package/hi-svg-icons/HiRouteSwitch.js +19 -7
  384. package/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
  385. package/hi-svg-icons/HiSettlement.js +14 -4
  386. package/hi-svg-icons/HiSizeLarge.js +14 -4
  387. package/hi-svg-icons/HiSizeMedium.js +14 -4
  388. package/hi-svg-icons/HiSizeSmall.js +14 -4
  389. package/hi-svg-icons/HiStore.js +14 -4
  390. package/hi-svg-icons/HiStoreMenu.js +14 -4
  391. package/hi-svg-icons/HiTransaction.js +14 -4
  392. package/hi-svg-icons/HiTransactionMenu.js +14 -4
  393. package/hi-svg-icons/HiUser.js +14 -4
  394. package/hi-svg-icons/HiVendor.js +14 -4
  395. package/hi-svg-icons/HiWidget.js +14 -4
  396. package/hi-svg-icons/index.js +41 -0
  397. package/hi-svg-images/HiLogo.js +12 -4
  398. package/hi-svg-images/HiLogoWhite.js +12 -4
  399. package/hi-svg-images/index.js +3 -0
  400. package/package.json +1 -1
  401. package/setupTest.js +13 -2
  402. package/styleguide/Wrapper.js +6 -0
  403. package/styles/MuiThemeProvider.js +53 -18
  404. package/styles/colorManipulator.js +50 -15
  405. package/styles/createBreakpoints.js +29 -14
  406. package/styles/createGenerateClassName.js +24 -14
  407. package/styles/createMixins.js +10 -4
  408. package/styles/createMuiTheme.js +28 -11
  409. package/styles/createPalette.js +89 -66
  410. package/styles/createStyles.js +1 -0
  411. package/styles/createTypography.js +24 -15
  412. package/styles/getStylesCreator.js +14 -2
  413. package/styles/getThemeProps.js +7 -2
  414. package/styles/index.js +6 -0
  415. package/styles/jssPreset.js +11 -1
  416. package/styles/makeStyles.js +9 -2
  417. package/styles/mergeClasses.js +16 -5
  418. package/styles/shadows.js +4 -1
  419. package/styles/shape.js +2 -1
  420. package/styles/spacing.js +4 -1
  421. package/styles/themeListener.js +10 -2
  422. package/styles/transitions.js +35 -20
  423. package/styles/withStyles.js +9 -2
  424. package/styles/zIndex.js +2 -1
  425. package/test-utils/createMount.js +12 -2
  426. package/test-utils/createRender.js +9 -2
  427. package/test-utils/createShallow.js +17 -6
  428. package/test-utils/getClasses.js +4 -1
  429. package/test-utils/index.js +6 -0
  430. package/test-utils/until.js +14 -3
  431. package/test-utils/unwrap.js +1 -0
  432. package/theme/palette.js +7 -2
  433. package/theme/typography.js +15 -7
  434. package/theme.js +8 -2
  435. package/transitions/utils.js +7 -3
  436. package/utils/exactProp.js +13 -3
  437. package/utils/helpers.js +58 -19
  438. package/withMobileDialog/index.js +2 -0
  439. package/withMobileDialog/withMobileDialog.js +12 -3
@@ -1,54 +1,76 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.styles = exports.default = void 0;
9
+
8
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
+
9
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
13
+
10
14
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
15
+
11
16
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
17
+
18
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
19
+
12
20
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
21
+
13
22
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
14
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
23
+
15
24
  var _react = _interopRequireDefault(require("react"));
25
+
16
26
  var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
27
+
17
28
  var _HiSuggestSelect = _interopRequireDefault(require("./HiSuggestSelect"));
29
+
18
30
  var _classnames = _interopRequireDefault(require("classnames"));
31
+
19
32
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
20
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
21
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // @inheritedComponent HiSuggestSelect
22
- var styles = exports.styles = {
33
+
34
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
35
+
36
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
37
+
38
+ var styles = {
23
39
  root: {
24
40
  maxWidth: 500
25
41
  }
26
42
  };
27
-
28
43
  /**
29
44
  * Champs input autosuggest pour formulaire avec label
30
45
  */
46
+
47
+ exports.styles = styles;
48
+
31
49
  var HiSuggestSelectField = /*#__PURE__*/function (_React$PureComponent) {
32
50
  (0, _inherits2.default)(HiSuggestSelectField, _React$PureComponent);
51
+
52
+ var _super = _createSuper(HiSuggestSelectField);
53
+
33
54
  function HiSuggestSelectField() {
34
55
  (0, _classCallCheck2.default)(this, HiSuggestSelectField);
35
- return _callSuper(this, HiSuggestSelectField, arguments);
56
+ return _super.apply(this, arguments);
36
57
  }
58
+
37
59
  (0, _createClass2.default)(HiSuggestSelectField, [{
38
60
  key: "render",
39
61
  value: function render() {
40
62
  var _this$props = this.props,
41
- label = _this$props.label,
42
- required = _this$props.required,
43
- disabled = _this$props.disabled,
44
- error = _this$props.error,
45
- errorText = _this$props.errorText,
46
- helperText = _this$props.helperText,
47
- helperIcon = _this$props.helperIcon,
48
- id = _this$props.id,
49
- className = _this$props.className,
50
- classes = _this$props.classes,
51
- others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "className", "classes"]);
63
+ label = _this$props.label,
64
+ required = _this$props.required,
65
+ disabled = _this$props.disabled,
66
+ error = _this$props.error,
67
+ errorText = _this$props.errorText,
68
+ helperText = _this$props.helperText,
69
+ helperIcon = _this$props.helperIcon,
70
+ id = _this$props.id,
71
+ className = _this$props.className,
72
+ classes = _this$props.classes,
73
+ others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "className", "classes"]);
52
74
  return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
53
75
  id: id,
54
76
  label: label,
@@ -75,4 +97,7 @@ var HiSuggestSelectField = /*#__PURE__*/function (_React$PureComponent) {
75
97
  }]);
76
98
  return HiSuggestSelectField;
77
99
  }(_react.default.PureComponent);
78
- var _default = exports.default = (0, _withStyles.default)(styles)(HiSuggestSelectField);
100
+
101
+ var _default = (0, _withStyles.default)(styles)(HiSuggestSelectField);
102
+
103
+ exports.default = _default;
@@ -1,7 +1,9 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  var _typeof = require("@babel/runtime/helpers/typeof");
6
+
5
7
  Object.defineProperty(exports, "__esModule", {
6
8
  value: true
7
9
  });
@@ -65,13 +67,23 @@ Object.defineProperty(exports, "getRecursiveFinalItemIdList", {
65
67
  return _HiNestedSelectContent.getRecursiveFinalItemIdList;
66
68
  }
67
69
  });
70
+
68
71
  var _HiSelect = _interopRequireDefault(require("./HiSelect"));
72
+
69
73
  var _HiNestedSelect = _interopRequireDefault(require("./HiNestedSelect"));
74
+
70
75
  var _HiSelectField = _interopRequireDefault(require("./HiSelectField"));
76
+
71
77
  var _HiSelectInput = _interopRequireDefault(require("./HiSelectInput"));
78
+
72
79
  var _HiSelectContent = _interopRequireDefault(require("./HiSelectContent"));
80
+
73
81
  var _HiNestedSelectContent = _interopRequireWildcard(require("./HiNestedSelectContent"));
82
+
74
83
  var _HiSuggestSelect = _interopRequireDefault(require("./HiSuggestSelect"));
84
+
75
85
  var _HiSuggestSelectField = _interopRequireDefault(require("./HiSuggestSelectField"));
76
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
77
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
86
+
87
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
88
+
89
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,33 +1,57 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  var _typeof = require("@babel/runtime/helpers/typeof");
6
+
5
7
  Object.defineProperty(exports, "__esModule", {
6
8
  value: true
7
9
  });
8
10
  exports.styles = exports.default = void 0;
11
+
9
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
13
+
10
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
15
+
11
16
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
17
+
12
18
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
19
+
13
20
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
21
+
22
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
23
+
14
24
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
25
+
15
26
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
16
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
27
+
17
28
  var _react = _interopRequireDefault(require("react"));
29
+
18
30
  var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
31
+
19
32
  var _List = _interopRequireDefault(require("@mui/material/List"));
33
+
20
34
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
35
+
21
36
  var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
37
+
22
38
  var _helpers = require("../utils/helpers");
39
+
23
40
  var _keycode = _interopRequireDefault(require("keycode"));
41
+
24
42
  var _reactLazyload = _interopRequireWildcard(require("react-lazyload"));
43
+
25
44
  var _classnames = _interopRequireDefault(require("classnames"));
26
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
27
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
28
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
29
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
30
- var styles = exports.styles = function styles(theme) {
45
+
46
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
47
+
48
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
49
+
50
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
51
+
52
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
53
+
54
+ var styles = function styles(theme) {
31
55
  return {
32
56
  root: {
33
57
  padding: 0,
@@ -45,30 +69,41 @@ var styles = exports.styles = function styles(theme) {
45
69
  }
46
70
  };
47
71
  };
72
+
73
+ exports.styles = styles;
74
+
48
75
  var findSelectedItemParent = function findSelectedItemParent(arr, id) {
49
76
  if (id) {
50
77
  var res = arr.find(function (p) {
51
78
  var _p$children;
79
+
52
80
  return (_p$children = p.children) === null || _p$children === void 0 ? void 0 : _p$children.map(function (o) {
53
81
  return o.id;
54
82
  }).includes(id);
55
83
  });
56
84
  if (res) return res.id;
57
85
  }
86
+
58
87
  return null;
59
88
  };
60
-
61
89
  /**
62
90
  * Construit une liste d'item sélectionnable (avec checkbox)
63
91
  * - la navigation au clavier est gérée par l'event KeyDown
64
92
  * - le premier focus est géré sur le DidMount
65
93
  */
94
+
95
+
66
96
  var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
67
97
  (0, _inherits2.default)(HiSelectableList, _React$PureComponent);
98
+
99
+ var _super = _createSuper(HiSelectableList);
100
+
68
101
  function HiSelectableList(props) {
69
102
  var _this;
103
+
70
104
  (0, _classCallCheck2.default)(this, HiSelectableList);
71
- _this = _callSuper(this, HiSelectableList, [props]);
105
+ _this = _super.call(this, props);
106
+
72
107
  _this.handleSelect = function (item) {
73
108
  return function (event) {
74
109
  if (_this.props.collapseParent && item.children) {
@@ -82,12 +117,14 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
82
117
  }
83
118
  };
84
119
  };
120
+
85
121
  _this.handleKeyDown = function (event) {
86
122
  if (_this.props.onKeyDown) {
87
123
  _this.props.onKeyDown(event);
88
124
  } else {
89
125
  var nextItem;
90
126
  var key = (0, _keycode.default)(event);
127
+
91
128
  if (key === 'down') {
92
129
  event.preventDefault();
93
130
  nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'down');
@@ -95,41 +132,37 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
95
132
  event.preventDefault();
96
133
  nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'up');
97
134
  }
135
+
98
136
  if (nextItem) {
99
137
  nextItem.focus();
100
138
  }
101
139
  }
102
140
  };
103
- /**
104
- * Build list item and children items
105
- *
106
- * @param item
107
- * @param index
108
- * @param level
109
- * @returns {*}
110
- */
141
+
111
142
  _this.buildRecursiveListItem = function (item, index) {
112
143
  var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
113
144
  var group = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
114
145
  var _this$props = _this.props,
115
- checkedIcon = _this$props.checkedIcon,
116
- disabled = _this$props.disabled,
117
- disabledItemIdList = _this$props.disabledItemIdList,
118
- hideCheckbox = _this$props.hideCheckbox,
119
- hoverIcon = _this$props.hoverIcon,
120
- icon = _this$props.icon,
121
- lazy = _this$props.lazy,
122
- selectedItemIdList = _this$props.selectedItemIdList,
123
- sort = _this$props.sort,
124
- onKeyDown = _this$props.onKeyDown,
125
- onKeyUp = _this$props.onKeyUp,
126
- suggestionFocusIndex = _this$props.suggestionFocusIndex,
127
- classes = _this$props.classes,
128
- noPadding = _this$props.noPadding,
129
- others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp", "suggestionFocusIndex", "classes", "noPadding"]);
146
+ checkedIcon = _this$props.checkedIcon,
147
+ disabled = _this$props.disabled,
148
+ disabledItemIdList = _this$props.disabledItemIdList,
149
+ hideCheckbox = _this$props.hideCheckbox,
150
+ hoverIcon = _this$props.hoverIcon,
151
+ icon = _this$props.icon,
152
+ lazy = _this$props.lazy,
153
+ selectedItemIdList = _this$props.selectedItemIdList,
154
+ sort = _this$props.sort,
155
+ onKeyDown = _this$props.onKeyDown,
156
+ onKeyUp = _this$props.onKeyUp,
157
+ suggestionFocusIndex = _this$props.suggestionFocusIndex,
158
+ classes = _this$props.classes,
159
+ noPadding = _this$props.noPadding,
160
+ others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp", "suggestionFocusIndex", "classes", "noPadding"]);
161
+
130
162
  if (sort && item.children) {
131
163
  item.children.sort(_this.compareItem);
132
164
  }
165
+
133
166
  var placeholderContent = /*#__PURE__*/_react.default.createElement("div", {
134
167
  style: {
135
168
  width: '90%',
@@ -146,11 +179,13 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
146
179
  borderRadius: 4
147
180
  }
148
181
  }));
182
+
149
183
  var handleKeyDown = function handleKeyDown() {
150
184
  if (onKeyDown) {
151
185
  onKeyDown();
152
186
  }
153
187
  };
188
+
154
189
  var itemComponent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
155
190
  key: item.id
156
191
  }, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
@@ -163,8 +198,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
163
198
  onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
164
199
  onKeyDown: item.selectable !== false ? handleKeyDown : undefined,
165
200
  onKeyUp: onKeyUp,
166
- selected: selectedItemIdList.includes(item.id)
167
- // item props override upper props (disabled, hideCheckbox, icon, level...)
201
+ selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
168
202
  ,
169
203
  item: item,
170
204
  classes: {
@@ -187,6 +221,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
187
221
  }).map(function (subItem) {
188
222
  return _this.buildRecursiveListItem(subItem, index, level + 1);
189
223
  })));
224
+
190
225
  if (lazy) {
191
226
  return /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
192
227
  key: item.id,
@@ -197,25 +232,34 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
197
232
  placeholder: placeholderContent
198
233
  }, itemComponent);
199
234
  }
235
+
200
236
  return itemComponent;
201
237
  };
238
+
202
239
  _this.compareItem = function (a, b) {
203
240
  if (_this.props.comparItemFunc) {
204
241
  return _this.props.comparItemFunc(a, b);
205
242
  }
243
+
206
244
  if (a.label === undefined || b.label === undefined) {
207
245
  return 0;
208
246
  }
247
+
209
248
  var sortAppendList = _this.props.sortAppendList;
249
+
210
250
  if (sortAppendList.indexOf(a.id) < sortAppendList.indexOf(b.id)) {
211
251
  return 1;
212
252
  }
253
+
213
254
  if (sortAppendList.indexOf(a.id) > sortAppendList.indexOf(b.id)) {
214
255
  return -1;
215
256
  }
257
+
216
258
  return (0, _helpers.foldAccents)(a.label.toString().toLowerCase()) > (0, _helpers.foldAccents)(b.label.toString().toLowerCase()) ? 1 : -1;
217
259
  };
260
+
218
261
  var openedParent;
262
+
219
263
  if (props.collapseParent) {
220
264
  if (props.selectedItemIdList[0]) {
221
265
  openedParent = findSelectedItemParent(props.itemList, props.selectedItemIdList[0]);
@@ -223,15 +267,18 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
223
267
  openedParent = props.itemList[0].id;
224
268
  }
225
269
  }
270
+
226
271
  _this.state = {
227
272
  openedParent: openedParent
228
273
  };
229
274
  return _this;
230
275
  }
276
+
231
277
  (0, _createClass2.default)(HiSelectableList, [{
232
278
  key: "componentDidMount",
233
279
  value: function componentDidMount() {
234
280
  var _this2 = this;
281
+
235
282
  // Focus on last item selected
236
283
  if (this.props.overlay && this.props.overlay.getElementsByTagName('li')[0]) {
237
284
  if (Array.isArray(this.props.value) && this.props.value.length > 0 || !Array.isArray(this.props.value) && this.props.value) {
@@ -242,12 +289,15 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
242
289
  if (option.id === lastSelectedValue) {
243
290
  item = _this2.props.overlay.getElementsByTagName('li')[index];
244
291
  }
292
+
245
293
  index++;
294
+
246
295
  if (option.children && option.children.length) {
247
296
  option.children.forEach(function (option) {
248
297
  if (option.id === lastSelectedValue) {
249
298
  item = _this2.props.overlay.getElementsByTagName('li')[index];
250
299
  }
300
+
251
301
  index++;
252
302
  });
253
303
  }
@@ -267,13 +317,16 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
267
317
  key: "render",
268
318
  value: function render() {
269
319
  var _this3 = this;
320
+
270
321
  var _this$props2 = this.props,
271
- classes = _this$props2.classes,
272
- itemList = _this$props2.itemList,
273
- sort = _this$props2.sort;
322
+ classes = _this$props2.classes,
323
+ itemList = _this$props2.itemList,
324
+ sort = _this$props2.sort;
325
+
274
326
  if (sort) {
275
327
  itemList.sort(this.compareItem);
276
328
  }
329
+
277
330
  return /*#__PURE__*/_react.default.createElement(_List.default, {
278
331
  className: classes.root,
279
332
  onKeyDown: this.handleKeyDown,
@@ -290,6 +343,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
290
343
  }]);
291
344
  return HiSelectableList;
292
345
  }(_react.default.PureComponent);
346
+
293
347
  HiSelectableList.defaultProps = {
294
348
  allSelected: false,
295
349
  disabled: false,
@@ -301,8 +355,11 @@ HiSelectableList.defaultProps = {
301
355
  sortAppendList: ['_all'],
302
356
  collapseParent: false
303
357
  };
304
- var _default = exports.default = (0, _withStyles.default)(styles, {
358
+
359
+ var _default = (0, _withStyles.default)(styles, {
305
360
  hiComponent: true,
306
361
  name: 'HmuiHiSelectableList',
307
362
  index: 51
308
- })(HiSelectableList);
363
+ })(HiSelectableList);
364
+
365
+ exports.default = _default;
@@ -1,64 +1,83 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.styles = exports.default = void 0;
9
+
8
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
+
9
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
13
+
10
14
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
15
+
11
16
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
17
+
18
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
19
+
12
20
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
21
+
13
22
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
14
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
23
+
15
24
  var _react = _interopRequireDefault(require("react"));
25
+
16
26
  var _List = _interopRequireDefault(require("@mui/material/List"));
27
+
17
28
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
29
+
18
30
  var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
19
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
20
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
21
- var styles = exports.styles = function styles() {
31
+
32
+ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
33
+
34
+ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
35
+
36
+ var styles = function styles() {
22
37
  return {
23
38
  root: {}
24
39
  };
25
40
  };
26
-
27
41
  /**
28
42
  * Construit une liste d'item sélectionnable (avec checkbox)
29
43
  */
44
+
45
+
46
+ exports.styles = styles;
47
+
30
48
  var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
31
49
  (0, _inherits2.default)(HiSelectableListHierarchic, _React$PureComponent);
50
+
51
+ var _super = _createSuper(HiSelectableListHierarchic);
52
+
32
53
  function HiSelectableListHierarchic() {
33
54
  var _this;
55
+
34
56
  (0, _classCallCheck2.default)(this, HiSelectableListHierarchic);
57
+
35
58
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
36
59
  args[_key] = arguments[_key];
37
60
  }
38
- _this = _callSuper(this, HiSelectableListHierarchic, [].concat(args));
61
+
62
+ _this = _super.call.apply(_super, [this].concat(args));
63
+
39
64
  _this.handleSelect = function (item) {
40
65
  return function (event) {
41
66
  _this.props.onSelect(event, item);
42
67
  };
43
68
  };
44
- /**
45
- * Build list item and children items
46
- *
47
- * @param item
48
- * @param level
49
- * @returns {*}
50
- */
69
+
51
70
  _this.buildRecursiveListItem = function (item) {
52
71
  var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
53
72
  var _this$props = _this.props,
54
- checkedIcon = _this$props.checkedIcon,
55
- disabled = _this$props.disabled,
56
- disabledItemIdList = _this$props.disabledItemIdList,
57
- hideCheckbox = _this$props.hideCheckbox,
58
- hoverIcon = _this$props.hoverIcon,
59
- icon = _this$props.icon,
60
- selectedItemIdList = _this$props.selectedItemIdList,
61
- others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
73
+ checkedIcon = _this$props.checkedIcon,
74
+ disabled = _this$props.disabled,
75
+ disabledItemIdList = _this$props.disabledItemIdList,
76
+ hideCheckbox = _this$props.hideCheckbox,
77
+ hoverIcon = _this$props.hoverIcon,
78
+ icon = _this$props.icon,
79
+ selectedItemIdList = _this$props.selectedItemIdList,
80
+ others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
62
81
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
63
82
  checkedIcon: checkedIcon,
64
83
  disabled: disabled || disabledItemIdList.includes(item.id),
@@ -68,32 +87,35 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
68
87
  key: item.id,
69
88
  level: level,
70
89
  onSelect: _this.handleSelect(item),
71
- selected: selectedItemIdList.includes(item.id)
72
- // item props override upper props (disabled, hideCheckbox, icon, level...)
90
+ selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
91
+
73
92
  }, item)), item.children && item.children.length > 0 && item.children.filter(function (subItem) {
74
93
  return !subItem.displayed;
75
94
  }).map(function (subItem) {
76
95
  return _this.buildRecursiveListItem(subItem, level + 1);
77
96
  }));
78
97
  };
98
+
79
99
  return _this;
80
100
  }
101
+
81
102
  (0, _createClass2.default)(HiSelectableListHierarchic, [{
82
103
  key: "render",
83
104
  value: function render() {
84
105
  var _this2 = this;
106
+
85
107
  var _this$props2 = this.props,
86
- classes = _this$props2.classes,
87
- itemList = _this$props2.itemList,
88
- onKeyDown = _this$props2.onKeyDown,
89
- checkedIcon = _this$props2.checkedIcon,
90
- disabled = _this$props2.disabled,
91
- disabledItemIdList = _this$props2.disabledItemIdList,
92
- hideCheckbox = _this$props2.hideCheckbox,
93
- hoverIcon = _this$props2.hoverIcon,
94
- icon = _this$props2.icon,
95
- selectedItemIdList = _this$props2.selectedItemIdList,
96
- others = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
108
+ classes = _this$props2.classes,
109
+ itemList = _this$props2.itemList,
110
+ onKeyDown = _this$props2.onKeyDown,
111
+ checkedIcon = _this$props2.checkedIcon,
112
+ disabled = _this$props2.disabled,
113
+ disabledItemIdList = _this$props2.disabledItemIdList,
114
+ hideCheckbox = _this$props2.hideCheckbox,
115
+ hoverIcon = _this$props2.hoverIcon,
116
+ icon = _this$props2.icon,
117
+ selectedItemIdList = _this$props2.selectedItemIdList,
118
+ others = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
97
119
  var parents = [];
98
120
  return /*#__PURE__*/_react.default.createElement(_List.default, {
99
121
  className: classes.root,
@@ -117,6 +139,7 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
117
139
  // n'est pas vide => on le réinitialise
118
140
  parents = [];
119
141
  }
142
+
120
143
  return /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
121
144
  checkedIcon: checkedIcon,
122
145
  disabled: disabled || disabledItemIdList.includes(item.id),
@@ -126,14 +149,15 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
126
149
  key: item.id,
127
150
  level: parents.length,
128
151
  onSelect: _this2.handleSelect(item),
129
- selected: selectedItemIdList.includes(item.id)
130
- // item props override upper props (disabled, hideCheckbox, icon, level...)
152
+ selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
153
+
131
154
  }, item));
132
155
  }));
133
156
  }
134
157
  }]);
135
158
  return HiSelectableListHierarchic;
136
159
  }(_react.default.PureComponent);
160
+
137
161
  HiSelectableListHierarchic.defaultProps = {
138
162
  allSelected: false,
139
163
  disabled: false,
@@ -141,7 +165,10 @@ HiSelectableListHierarchic.defaultProps = {
141
165
  hideCheckbox: false,
142
166
  selectedItemIdList: []
143
167
  };
144
- var _default = exports.default = (0, _withStyles.default)(styles, {
168
+
169
+ var _default = (0, _withStyles.default)(styles, {
145
170
  hiComponent: true,
146
171
  name: 'HmuiHiSelectableListHierarchic'
147
- })(HiSelectableListHierarchic);
172
+ })(HiSelectableListHierarchic);
173
+
174
+ exports.default = _default;