@hipay/hipay-material-ui 4.0.0 → 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 +42 -11
  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 +30 -6
  16. package/HiBreadcrumb/HiStep.js +45 -13
  17. package/HiBreadcrumb/HiStepConnector.js +49 -14
  18. package/HiBreadcrumb/HiStepContent.js +30 -6
  19. package/HiBreadcrumb/HiStepIcon.js +35 -10
  20. package/HiBreadcrumb/HiStepLabel.js +44 -14
  21. package/HiBreadcrumb/HiStepper.js +30 -6
  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 +33 -12
  26. package/HiCell/CellDate.js +36 -10
  27. package/HiCell/CellHiddenContent.js +30 -8
  28. package/HiCell/CellIcon.js +36 -12
  29. package/HiCell/CellImage.js +34 -12
  30. package/HiCell/CellNumeric.js +40 -13
  31. package/HiCell/CellPinToAction.js +33 -9
  32. package/HiCell/CellRate.js +47 -13
  33. package/HiCell/CellSentinel.js +33 -12
  34. package/HiCell/CellSentinelScore.js +31 -9
  35. package/HiCell/CellText.js +52 -16
  36. package/HiCell/CellTextStyled.js +24 -13
  37. package/HiCell/index.js +10 -0
  38. package/HiCheckbox/HiCheckbox.js +52 -15
  39. package/HiCheckbox/index.js +2 -0
  40. package/HiChip/HiChip.js +47 -24
  41. package/HiChip/HiChipSwitch.js +59 -16
  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 +88 -16
  47. package/HiDatePicker/HiDatePickerMobile.js +43 -18
  48. package/HiDatePicker/HiDateRangePicker.js +134 -38
  49. package/HiDatePicker/HiDateRangeSelector.js +130 -49
  50. package/HiDatePicker/ListPicker.js +38 -8
  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 +26 -4
  55. package/HiDatePicker/Overlays/Overlay.js +25 -8
  56. package/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
  57. package/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
  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 -7
  63. package/HiDialog/HiDialog.js +19 -7
  64. package/HiDialog/index.js +2 -0
  65. package/HiDotsStepper/HiDot.js +37 -8
  66. package/HiDotsStepper/HiDotsStepper.js +37 -10
  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 +36 -10
  71. package/HiForm/HiEmailField.js +29 -5
  72. package/HiForm/HiFormControl.js +74 -28
  73. package/HiForm/HiFormLabel.js +41 -15
  74. package/HiForm/HiInput.js +91 -33
  75. package/HiForm/HiPasswordField.js +46 -9
  76. package/HiForm/HiSearchField.js +34 -3
  77. package/HiForm/HiSlider.js +57 -22
  78. package/HiForm/HiTextField.js +47 -22
  79. package/HiForm/HiUpload.js +89 -29
  80. package/HiForm/HiUploadField.js +32 -10
  81. package/HiForm/HiUploadInput.js +76 -23
  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 -7
  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 +47 -16
  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 +57 -24
  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 +42 -32
  107. package/HiSelect/HiDynamicSelectField.js +48 -24
  108. package/HiSelect/HiNestedSelect.js +111 -65
  109. package/HiSelect/HiNestedSelectContent.js +86 -60
  110. package/HiSelect/HiNestedSelectField.js +48 -24
  111. package/HiSelect/HiSelect.js +187 -89
  112. package/HiSelect/HiSelectContent.js +97 -62
  113. package/HiSelect/HiSelectField.js +49 -25
  114. package/HiSelect/HiSelectInput.js +76 -23
  115. package/HiSelect/HiSelectMobile.js +44 -7
  116. package/HiSelect/HiSuggestSelect.js +81 -25
  117. package/HiSelect/HiSuggestSelectField.js +39 -15
  118. package/HiSelect/index.js +14 -2
  119. package/HiSelectableList/HiSelectableList.js +90 -34
  120. package/HiSelectableList/HiSelectableListHierarchic.js +60 -34
  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 +65 -10
  131. package/HiTable/HiTable.js +48 -20
  132. package/HiTable/HiTableBody.js +24 -7
  133. package/HiTable/HiTableHeader.js +51 -18
  134. package/HiTable/HiTableRow.js +46 -12
  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 +42 -11
  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 +30 -6
  152. package/es/HiBreadcrumb/HiStep.js +45 -13
  153. package/es/HiBreadcrumb/HiStepConnector.js +49 -14
  154. package/es/HiBreadcrumb/HiStepContent.js +30 -6
  155. package/es/HiBreadcrumb/HiStepIcon.js +35 -10
  156. package/es/HiBreadcrumb/HiStepLabel.js +44 -14
  157. package/es/HiBreadcrumb/HiStepper.js +30 -6
  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 +33 -12
  162. package/es/HiCell/CellDate.js +36 -10
  163. package/es/HiCell/CellHiddenContent.js +30 -8
  164. package/es/HiCell/CellIcon.js +36 -12
  165. package/es/HiCell/CellImage.js +34 -12
  166. package/es/HiCell/CellNumeric.js +40 -13
  167. package/es/HiCell/CellPinToAction.js +33 -9
  168. package/es/HiCell/CellRate.js +47 -13
  169. package/es/HiCell/CellSentinel.js +33 -12
  170. package/es/HiCell/CellSentinelScore.js +31 -9
  171. package/es/HiCell/CellText.js +52 -16
  172. package/es/HiCell/CellTextStyled.js +24 -13
  173. package/es/HiCell/index.js +10 -0
  174. package/es/HiCheckbox/HiCheckbox.js +52 -15
  175. package/es/HiCheckbox/index.js +2 -0
  176. package/es/HiChip/HiChip.js +47 -24
  177. package/es/HiChip/HiChipSwitch.js +59 -16
  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 +88 -16
  183. package/es/HiDatePicker/HiDatePickerMobile.js +43 -18
  184. package/es/HiDatePicker/HiDateRangePicker.js +134 -38
  185. package/es/HiDatePicker/HiDateRangeSelector.js +130 -49
  186. package/es/HiDatePicker/ListPicker.js +38 -8
  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 +26 -4
  191. package/es/HiDatePicker/Overlays/Overlay.js +25 -8
  192. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
  193. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
  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 -7
  199. package/es/HiDialog/HiDialog.js +19 -7
  200. package/es/HiDialog/index.js +2 -0
  201. package/es/HiDotsStepper/HiDot.js +37 -8
  202. package/es/HiDotsStepper/HiDotsStepper.js +37 -10
  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 +36 -10
  207. package/es/HiForm/HiEmailField.js +29 -5
  208. package/es/HiForm/HiFormControl.js +74 -28
  209. package/es/HiForm/HiFormLabel.js +41 -15
  210. package/es/HiForm/HiInput.js +91 -33
  211. package/es/HiForm/HiPasswordField.js +46 -9
  212. package/es/HiForm/HiSearchField.js +34 -3
  213. package/es/HiForm/HiSlider.js +57 -22
  214. package/es/HiForm/HiTextField.js +47 -22
  215. package/es/HiForm/HiUpload.js +89 -29
  216. package/es/HiForm/HiUploadField.js +32 -10
  217. package/es/HiForm/HiUploadInput.js +76 -23
  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 -7
  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 +47 -16
  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 +57 -24
  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 +42 -32
  243. package/es/HiSelect/HiDynamicSelectField.js +48 -24
  244. package/es/HiSelect/HiNestedSelect.js +111 -65
  245. package/es/HiSelect/HiNestedSelectContent.js +86 -60
  246. package/es/HiSelect/HiNestedSelectField.js +48 -24
  247. package/es/HiSelect/HiSelect.js +187 -89
  248. package/es/HiSelect/HiSelectContent.js +97 -62
  249. package/es/HiSelect/HiSelectField.js +49 -25
  250. package/es/HiSelect/HiSelectInput.js +76 -23
  251. package/es/HiSelect/HiSelectMobile.js +44 -7
  252. package/es/HiSelect/HiSuggestSelect.js +81 -25
  253. package/es/HiSelect/HiSuggestSelectField.js +39 -15
  254. package/es/HiSelect/index.js +14 -2
  255. package/es/HiSelectableList/HiSelectableList.js +90 -34
  256. package/es/HiSelectableList/HiSelectableListHierarchic.js +60 -34
  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 +65 -10
  267. package/es/HiTable/HiTable.js +48 -20
  268. package/es/HiTable/HiTableBody.js +24 -7
  269. package/es/HiTable/HiTableHeader.js +51 -18
  270. package/es/HiTable/HiTableRow.js +46 -12
  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 +49 -15
  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 -67
  326. package/es/styles/createStyles.js +1 -0
  327. package/es/styles/createTypography.js +24 -15
  328. package/es/styles/getStylesCreator.js +14 -1
  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 +2 -2
  401. package/setupTest.js +13 -2
  402. package/styleguide/Wrapper.js +6 -0
  403. package/styles/MuiThemeProvider.js +49 -15
  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 -67
  410. package/styles/createStyles.js +1 -0
  411. package/styles/createTypography.js +24 -15
  412. package/styles/getStylesCreator.js +14 -1
  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,55 +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
+
12
18
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
19
+
13
20
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
21
+
14
22
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
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"));
33
+
20
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); }; }
21
- 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; } } // @inheritedComponent HiSuggestSelect
22
- var styles = exports.styles = {
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
+
33
52
  var _super = _createSuper(HiSuggestSelectField);
53
+
34
54
  function HiSuggestSelectField() {
35
55
  (0, _classCallCheck2.default)(this, HiSuggestSelectField);
36
56
  return _super.apply(this, arguments);
37
57
  }
58
+
38
59
  (0, _createClass2.default)(HiSuggestSelectField, [{
39
60
  key: "render",
40
61
  value: function render() {
41
62
  var _this$props = this.props,
42
- label = _this$props.label,
43
- required = _this$props.required,
44
- disabled = _this$props.disabled,
45
- error = _this$props.error,
46
- errorText = _this$props.errorText,
47
- helperText = _this$props.helperText,
48
- helperIcon = _this$props.helperIcon,
49
- id = _this$props.id,
50
- className = _this$props.className,
51
- classes = _this$props.classes,
52
- 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"]);
53
74
  return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
54
75
  id: id,
55
76
  label: label,
@@ -76,4 +97,7 @@ var HiSuggestSelectField = /*#__PURE__*/function (_React$PureComponent) {
76
97
  }]);
77
98
  return HiSuggestSelectField;
78
99
  }(_react.default.PureComponent);
79
- var _default = exports.default = (0, _withStyles.default)(styles)(HiSuggestSelectField);
100
+
101
+ var _default = (0, _withStyles.default)(styles)(HiSuggestSelectField);
102
+
103
+ exports.default = _default;
package/HiSelect/index.js CHANGED
@@ -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
+
14
22
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
23
+
15
24
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
25
+
16
26
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
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; }
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
+
28
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
+
29
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; } }
30
- var styles = exports.styles = function styles(theme) {
53
+
54
+ var styles = function styles(theme) {
31
55
  return {
32
56
  root: {
33
57
  padding: 0,
@@ -45,31 +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
+
68
99
  var _super = _createSuper(HiSelectableList);
100
+
69
101
  function HiSelectableList(props) {
70
102
  var _this;
103
+
71
104
  (0, _classCallCheck2.default)(this, HiSelectableList);
72
105
  _this = _super.call(this, props);
106
+
73
107
  _this.handleSelect = function (item) {
74
108
  return function (event) {
75
109
  if (_this.props.collapseParent && item.children) {
@@ -83,12 +117,14 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
83
117
  }
84
118
  };
85
119
  };
120
+
86
121
  _this.handleKeyDown = function (event) {
87
122
  if (_this.props.onKeyDown) {
88
123
  _this.props.onKeyDown(event);
89
124
  } else {
90
125
  var nextItem;
91
126
  var key = (0, _keycode.default)(event);
127
+
92
128
  if (key === 'down') {
93
129
  event.preventDefault();
94
130
  nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'down');
@@ -96,41 +132,37 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
96
132
  event.preventDefault();
97
133
  nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'up');
98
134
  }
135
+
99
136
  if (nextItem) {
100
137
  nextItem.focus();
101
138
  }
102
139
  }
103
140
  };
104
- /**
105
- * Build list item and children items
106
- *
107
- * @param item
108
- * @param index
109
- * @param level
110
- * @returns {*}
111
- */
141
+
112
142
  _this.buildRecursiveListItem = function (item, index) {
113
143
  var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
114
144
  var group = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
115
145
  var _this$props = _this.props,
116
- checkedIcon = _this$props.checkedIcon,
117
- disabled = _this$props.disabled,
118
- disabledItemIdList = _this$props.disabledItemIdList,
119
- hideCheckbox = _this$props.hideCheckbox,
120
- hoverIcon = _this$props.hoverIcon,
121
- icon = _this$props.icon,
122
- lazy = _this$props.lazy,
123
- selectedItemIdList = _this$props.selectedItemIdList,
124
- sort = _this$props.sort,
125
- onKeyDown = _this$props.onKeyDown,
126
- onKeyUp = _this$props.onKeyUp,
127
- suggestionFocusIndex = _this$props.suggestionFocusIndex,
128
- classes = _this$props.classes,
129
- noPadding = _this$props.noPadding,
130
- 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
+
131
162
  if (sort && item.children) {
132
163
  item.children.sort(_this.compareItem);
133
164
  }
165
+
134
166
  var placeholderContent = /*#__PURE__*/_react.default.createElement("div", {
135
167
  style: {
136
168
  width: '90%',
@@ -147,11 +179,13 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
147
179
  borderRadius: 4
148
180
  }
149
181
  }));
182
+
150
183
  var handleKeyDown = function handleKeyDown() {
151
184
  if (onKeyDown) {
152
185
  onKeyDown();
153
186
  }
154
187
  };
188
+
155
189
  var itemComponent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
156
190
  key: item.id
157
191
  }, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
@@ -164,8 +198,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
164
198
  onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
165
199
  onKeyDown: item.selectable !== false ? handleKeyDown : undefined,
166
200
  onKeyUp: onKeyUp,
167
- selected: selectedItemIdList.includes(item.id)
168
- // item props override upper props (disabled, hideCheckbox, icon, level...)
201
+ selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
169
202
  ,
170
203
  item: item,
171
204
  classes: {
@@ -188,6 +221,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
188
221
  }).map(function (subItem) {
189
222
  return _this.buildRecursiveListItem(subItem, index, level + 1);
190
223
  })));
224
+
191
225
  if (lazy) {
192
226
  return /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
193
227
  key: item.id,
@@ -198,25 +232,34 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
198
232
  placeholder: placeholderContent
199
233
  }, itemComponent);
200
234
  }
235
+
201
236
  return itemComponent;
202
237
  };
238
+
203
239
  _this.compareItem = function (a, b) {
204
240
  if (_this.props.comparItemFunc) {
205
241
  return _this.props.comparItemFunc(a, b);
206
242
  }
243
+
207
244
  if (a.label === undefined || b.label === undefined) {
208
245
  return 0;
209
246
  }
247
+
210
248
  var sortAppendList = _this.props.sortAppendList;
249
+
211
250
  if (sortAppendList.indexOf(a.id) < sortAppendList.indexOf(b.id)) {
212
251
  return 1;
213
252
  }
253
+
214
254
  if (sortAppendList.indexOf(a.id) > sortAppendList.indexOf(b.id)) {
215
255
  return -1;
216
256
  }
257
+
217
258
  return (0, _helpers.foldAccents)(a.label.toString().toLowerCase()) > (0, _helpers.foldAccents)(b.label.toString().toLowerCase()) ? 1 : -1;
218
259
  };
260
+
219
261
  var openedParent;
262
+
220
263
  if (props.collapseParent) {
221
264
  if (props.selectedItemIdList[0]) {
222
265
  openedParent = findSelectedItemParent(props.itemList, props.selectedItemIdList[0]);
@@ -224,15 +267,18 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
224
267
  openedParent = props.itemList[0].id;
225
268
  }
226
269
  }
270
+
227
271
  _this.state = {
228
272
  openedParent: openedParent
229
273
  };
230
274
  return _this;
231
275
  }
276
+
232
277
  (0, _createClass2.default)(HiSelectableList, [{
233
278
  key: "componentDidMount",
234
279
  value: function componentDidMount() {
235
280
  var _this2 = this;
281
+
236
282
  // Focus on last item selected
237
283
  if (this.props.overlay && this.props.overlay.getElementsByTagName('li')[0]) {
238
284
  if (Array.isArray(this.props.value) && this.props.value.length > 0 || !Array.isArray(this.props.value) && this.props.value) {
@@ -243,12 +289,15 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
243
289
  if (option.id === lastSelectedValue) {
244
290
  item = _this2.props.overlay.getElementsByTagName('li')[index];
245
291
  }
292
+
246
293
  index++;
294
+
247
295
  if (option.children && option.children.length) {
248
296
  option.children.forEach(function (option) {
249
297
  if (option.id === lastSelectedValue) {
250
298
  item = _this2.props.overlay.getElementsByTagName('li')[index];
251
299
  }
300
+
252
301
  index++;
253
302
  });
254
303
  }
@@ -268,13 +317,16 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
268
317
  key: "render",
269
318
  value: function render() {
270
319
  var _this3 = this;
320
+
271
321
  var _this$props2 = this.props,
272
- classes = _this$props2.classes,
273
- itemList = _this$props2.itemList,
274
- sort = _this$props2.sort;
322
+ classes = _this$props2.classes,
323
+ itemList = _this$props2.itemList,
324
+ sort = _this$props2.sort;
325
+
275
326
  if (sort) {
276
327
  itemList.sort(this.compareItem);
277
328
  }
329
+
278
330
  return /*#__PURE__*/_react.default.createElement(_List.default, {
279
331
  className: classes.root,
280
332
  onKeyDown: this.handleKeyDown,
@@ -291,6 +343,7 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
291
343
  }]);
292
344
  return HiSelectableList;
293
345
  }(_react.default.PureComponent);
346
+
294
347
  HiSelectableList.defaultProps = {
295
348
  allSelected: false,
296
349
  disabled: false,
@@ -302,8 +355,11 @@ HiSelectableList.defaultProps = {
302
355
  sortAppendList: ['_all'],
303
356
  collapseParent: false
304
357
  };
305
- var _default = exports.default = (0, _withStyles.default)(styles, {
358
+
359
+ var _default = (0, _withStyles.default)(styles, {
306
360
  hiComponent: true,
307
361
  name: 'HmuiHiSelectableList',
308
362
  index: 51
309
- })(HiSelectableList);
363
+ })(HiSelectableList);
364
+
365
+ exports.default = _default;
@@ -1,65 +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
+
12
18
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
19
+
13
20
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
21
+
14
22
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
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"));
31
+
19
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
+
20
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; } }
21
- var styles = exports.styles = function styles() {
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
+
32
51
  var _super = _createSuper(HiSelectableListHierarchic);
52
+
33
53
  function HiSelectableListHierarchic() {
34
54
  var _this;
55
+
35
56
  (0, _classCallCheck2.default)(this, HiSelectableListHierarchic);
57
+
36
58
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
37
59
  args[_key] = arguments[_key];
38
60
  }
61
+
39
62
  _this = _super.call.apply(_super, [this].concat(args));
63
+
40
64
  _this.handleSelect = function (item) {
41
65
  return function (event) {
42
66
  _this.props.onSelect(event, item);
43
67
  };
44
68
  };
45
- /**
46
- * Build list item and children items
47
- *
48
- * @param item
49
- * @param level
50
- * @returns {*}
51
- */
69
+
52
70
  _this.buildRecursiveListItem = function (item) {
53
71
  var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
54
72
  var _this$props = _this.props,
55
- checkedIcon = _this$props.checkedIcon,
56
- disabled = _this$props.disabled,
57
- disabledItemIdList = _this$props.disabledItemIdList,
58
- hideCheckbox = _this$props.hideCheckbox,
59
- hoverIcon = _this$props.hoverIcon,
60
- icon = _this$props.icon,
61
- selectedItemIdList = _this$props.selectedItemIdList,
62
- 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"]);
63
81
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
64
82
  checkedIcon: checkedIcon,
65
83
  disabled: disabled || disabledItemIdList.includes(item.id),
@@ -69,32 +87,35 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
69
87
  key: item.id,
70
88
  level: level,
71
89
  onSelect: _this.handleSelect(item),
72
- selected: selectedItemIdList.includes(item.id)
73
- // 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
+
74
92
  }, item)), item.children && item.children.length > 0 && item.children.filter(function (subItem) {
75
93
  return !subItem.displayed;
76
94
  }).map(function (subItem) {
77
95
  return _this.buildRecursiveListItem(subItem, level + 1);
78
96
  }));
79
97
  };
98
+
80
99
  return _this;
81
100
  }
101
+
82
102
  (0, _createClass2.default)(HiSelectableListHierarchic, [{
83
103
  key: "render",
84
104
  value: function render() {
85
105
  var _this2 = this;
106
+
86
107
  var _this$props2 = this.props,
87
- classes = _this$props2.classes,
88
- itemList = _this$props2.itemList,
89
- onKeyDown = _this$props2.onKeyDown,
90
- checkedIcon = _this$props2.checkedIcon,
91
- disabled = _this$props2.disabled,
92
- disabledItemIdList = _this$props2.disabledItemIdList,
93
- hideCheckbox = _this$props2.hideCheckbox,
94
- hoverIcon = _this$props2.hoverIcon,
95
- icon = _this$props2.icon,
96
- selectedItemIdList = _this$props2.selectedItemIdList,
97
- 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"]);
98
119
  var parents = [];
99
120
  return /*#__PURE__*/_react.default.createElement(_List.default, {
100
121
  className: classes.root,
@@ -118,6 +139,7 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
118
139
  // n'est pas vide => on le réinitialise
119
140
  parents = [];
120
141
  }
142
+
121
143
  return /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
122
144
  checkedIcon: checkedIcon,
123
145
  disabled: disabled || disabledItemIdList.includes(item.id),
@@ -127,14 +149,15 @@ var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
127
149
  key: item.id,
128
150
  level: parents.length,
129
151
  onSelect: _this2.handleSelect(item),
130
- selected: selectedItemIdList.includes(item.id)
131
- // 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
+
132
154
  }, item));
133
155
  }));
134
156
  }
135
157
  }]);
136
158
  return HiSelectableListHierarchic;
137
159
  }(_react.default.PureComponent);
160
+
138
161
  HiSelectableListHierarchic.defaultProps = {
139
162
  allSelected: false,
140
163
  disabled: false,
@@ -142,7 +165,10 @@ HiSelectableListHierarchic.defaultProps = {
142
165
  hideCheckbox: false,
143
166
  selectedItemIdList: []
144
167
  };
145
- var _default = exports.default = (0, _withStyles.default)(styles, {
168
+
169
+ var _default = (0, _withStyles.default)(styles, {
146
170
  hiComponent: true,
147
171
  name: 'HmuiHiSelectableListHierarchic'
148
- })(HiSelectableListHierarchic);
172
+ })(HiSelectableListHierarchic);
173
+
174
+ exports.default = _default;