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

Sign up to get free protection for your applications and to get access to all the features.
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,26 +1,41 @@
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 _HiButton = _interopRequireDefault(require("../HiButton"));
27
+
17
28
  var _HiIcon = _interopRequireDefault(require("../HiIcon"));
29
+
18
30
  var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress/"));
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; })(); } // import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
22
- // import ChevronRightIcon from '@mui/icons-material/ChevronRight/';
23
- var styles = exports.styles = function styles(theme) {
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 = function styles(theme) {
24
39
  return {
25
40
  root: {
26
41
  position: 'relative'
@@ -63,50 +78,62 @@ var styles = exports.styles = function styles(theme) {
63
78
  minHeight: 0
64
79
  }
65
80
  };
66
- };
81
+ }; // Constantes utilisées pour le redimentionnement du PDF (format mobile par exemple)
82
+
67
83
 
68
- // Constantes utilisées pour le redimentionnement du PDF (format mobile par exemple)
84
+ exports.styles = styles;
69
85
  var maxWindowWidth = 900;
70
86
  var maxPdfWidth = 600;
71
87
  var Document;
72
88
  var Page;
89
+
73
90
  var _ref2 = /*#__PURE__*/_react.default.createElement(_CircularProgress.default, null);
91
+
74
92
  var _ref3 = /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
75
93
  icon: "chevron_left"
76
94
  });
95
+
77
96
  var _ref4 = /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
78
97
  icon: "chevron_right"
79
98
  });
99
+
80
100
  var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
81
101
  (0, _inherits2.default)(HiPdfReader, _React$PureComponent);
102
+
103
+ var _super = _createSuper(HiPdfReader);
104
+
82
105
  function HiPdfReader() {
83
106
  var _this;
107
+
84
108
  (0, _classCallCheck2.default)(this, HiPdfReader);
109
+
85
110
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
86
111
  args[_key] = arguments[_key];
87
112
  }
88
- _this = _callSuper(this, HiPdfReader, [].concat(args));
113
+
114
+ _this = _super.call.apply(_super, [this].concat(args));
89
115
  _this.state = {
90
116
  numPages: null,
91
117
  pageNumber: 1,
92
118
  error: false,
93
119
  width: 600
94
120
  };
95
- // Fonction appelée une fois le pdf correctement chargé
121
+
96
122
  _this.handleLoadSuccess = function (_ref) {
97
123
  var numPages = _ref.numPages;
124
+
98
125
  _this.setState({
99
126
  numPages: numPages,
100
127
  error: false
101
128
  });
102
129
  };
103
- // Fonction appelée en cas d'erreur de chargement du pdf
130
+
104
131
  _this.handleLoadError = function () {
105
132
  _this.setState({
106
133
  error: true
107
134
  });
108
135
  };
109
- // Fonction appelée au clic du bouton pour visualiser la page suivante du pdf
136
+
110
137
  _this.handleClickNextPage = function () {
111
138
  _this.setState(function (prevState) {
112
139
  return {
@@ -114,7 +141,7 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
114
141
  };
115
142
  });
116
143
  };
117
- // Fonction appelée au clic du bouton pour visualiser la page précédente du pdf
144
+
118
145
  _this.handleClickPreviousPage = function () {
119
146
  _this.setState(function (prevState) {
120
147
  return {
@@ -122,28 +149,32 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
122
149
  };
123
150
  });
124
151
  };
152
+
125
153
  return _this;
126
154
  }
155
+
127
156
  (0, _createClass2.default)(HiPdfReader, [{
128
157
  key: "componentDidMount",
129
158
  value: function componentDidMount() {
130
159
  this.updateDimensions();
131
160
  window.addEventListener('resize', this.updateDimensions.bind(this));
132
161
  /* eslint-disable */
162
+
133
163
  Document = require('react-pdf').Document;
134
164
  Page = require('react-pdf').Page;
135
165
  /* eslint-enable */
166
+
136
167
  this.forceUpdate();
137
168
  }
138
169
  }, {
139
170
  key: "componentWillUnmount",
140
171
  value: function componentWillUnmount() {
141
172
  window.removeEventListener('resize', this.updateDimensions.bind(this));
142
- }
173
+ } // Fonction appelée une fois le pdf correctement chargé
174
+
143
175
  }, {
144
176
  key: "updateDimensions",
145
- value:
146
- // Calculate & Update state of new dimensions
177
+ value: // Calculate & Update state of new dimensions
147
178
  function updateDimensions() {
148
179
  if (window.innerWidth < maxWindowWidth) {
149
180
  var updateWidth = Math.round(window.innerWidth * 100 / maxWindowWidth / 100 * maxPdfWidth);
@@ -155,22 +186,21 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
155
186
  width: maxPdfWidth
156
187
  });
157
188
  }
158
- }
189
+ } // Render
159
190
 
160
- // Render
161
191
  }, {
162
192
  key: "render",
163
193
  value: function render() {
164
194
  var _this$state = this.state,
165
- pageNumber = _this$state.pageNumber,
166
- numPages = _this$state.numPages,
167
- error = _this$state.error;
195
+ pageNumber = _this$state.pageNumber,
196
+ numPages = _this$state.numPages,
197
+ error = _this$state.error;
168
198
  var _this$props = this.props,
169
- classes = _this$props.classes,
170
- file = _this$props.file,
171
- displayPagination = _this$props.displayPagination,
172
- displayNavigationButtons = _this$props.displayNavigationButtons,
173
- props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "file", "displayPagination", "displayNavigationButtons"]);
199
+ classes = _this$props.classes,
200
+ file = _this$props.file,
201
+ displayPagination = _this$props.displayPagination,
202
+ displayNavigationButtons = _this$props.displayNavigationButtons,
203
+ props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "file", "displayPagination", "displayNavigationButtons"]);
174
204
  if (!Document || !Page) return null;
175
205
  return /*#__PURE__*/_react.default.createElement("div", {
176
206
  className: classes.root
@@ -202,11 +232,15 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
202
232
  }]);
203
233
  return HiPdfReader;
204
234
  }(_react.default.PureComponent);
235
+
205
236
  HiPdfReader.defaultProps = {
206
237
  displayPagination: true,
207
238
  displayNavigationButtons: true
208
239
  };
209
- var _default = exports.default = (0, _withStyles.default)(styles, {
240
+
241
+ var _default = (0, _withStyles.default)(styles, {
210
242
  name: 'HmuiHiPdfReader',
211
243
  index: 51
212
- })(HiPdfReader);
244
+ })(HiPdfReader);
245
+
246
+ exports.default = _default;
@@ -1,6 +1,7 @@
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
  });
@@ -10,4 +11,5 @@ Object.defineProperty(exports, "default", {
10
11
  return _HiPdfReader.default;
11
12
  }
12
13
  });
14
+
13
15
  var _HiPdfReader = _interopRequireDefault(require("./HiPdfReader"));
package/HiPin/HiPin.js CHANGED
@@ -1,15 +1,21 @@
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.useStyles = exports.default = void 0;
9
+
8
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
11
+
9
12
  var _react = _interopRequireDefault(require("react"));
13
+
10
14
  var _classnames = _interopRequireDefault(require("classnames"));
15
+
11
16
  var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
12
- var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
17
+
18
+ var useStyles = (0, _makeStyles.default)(function (theme) {
13
19
  return {
14
20
  root: {
15
21
  display: 'inline-block',
@@ -55,7 +61,6 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
55
61
  }
56
62
  };
57
63
  });
58
-
59
64
  /**
60
65
  * HiPins
61
66
  *
@@ -64,21 +69,28 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
64
69
  * - CellStatus to display operations count and to deploy operation rows on click.
65
70
  *
66
71
  */
72
+
73
+ exports.useStyles = useStyles;
74
+
67
75
  function HiPin(props) {
76
+ var _classNames;
77
+
68
78
  var children = props.children,
69
- color = props.color,
70
- onClick = props.onClick,
71
- className = props.className;
79
+ color = props.color,
80
+ onClick = props.onClick,
81
+ className = props.className;
72
82
  var classes = useStyles(props);
73
- var pinClass = (0, _classnames.default)(classes.root, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.clickable, onClick), classes.primary, color === 'primary'), classes.secondary, color === 'secondary'), classes.success, color === 'success'), classes.error, color === 'error'), classes.warning, color === 'warning'), classes.neutral, color === 'neutral'), className);
83
+ var pinClass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.clickable, onClick), (0, _defineProperty2.default)(_classNames, classes.primary, color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.secondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.success, color === 'success'), (0, _defineProperty2.default)(_classNames, classes.error, color === 'error'), (0, _defineProperty2.default)(_classNames, classes.warning, color === 'warning'), (0, _defineProperty2.default)(_classNames, classes.neutral, color === 'neutral'), _classNames), className);
74
84
  return /*#__PURE__*/_react.default.createElement("div", {
75
85
  className: pinClass,
76
86
  onClick: onClick,
77
87
  role: onClick ? 'button' : undefined
78
88
  }, children);
79
89
  }
90
+
80
91
  HiPin.defaultProps = {
81
92
  color: 'default'
82
93
  };
83
94
  HiPin.useStyles = useStyles;
84
- var _default = exports.default = HiPin;
95
+ var _default = HiPin;
96
+ exports.default = _default;
package/HiPin/index.js CHANGED
@@ -1,6 +1,7 @@
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
  });
@@ -10,4 +11,5 @@ Object.defineProperty(exports, "default", {
10
11
  return _HiPin.default;
11
12
  }
12
13
  });
14
+
13
15
  var _HiPin = _interopRequireDefault(require("./HiPin"));
@@ -1,16 +1,20 @@
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 _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
13
+
10
14
  var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
11
- // @inheritedComponent Radio
12
15
 
13
- var styles = exports.styles = function styles(theme) {
16
+ // @inheritedComponent Radio
17
+ var styles = function styles(theme) {
14
18
  return {
15
19
  checked: {
16
20
  color: theme.palette.neutral.main
@@ -24,15 +28,18 @@ var styles = exports.styles = function styles(theme) {
24
28
  }
25
29
  };
26
30
  };
31
+
32
+ exports.styles = styles;
33
+
27
34
  var HiRadio = function HiRadio(_ref) {
28
35
  var checked = _ref.checked,
29
- classes = _ref.classes,
30
- className = _ref.className,
31
- color = _ref.color,
32
- disabled = _ref.disabled,
33
- label = _ref.label,
34
- onChange = _ref.onChange,
35
- value = _ref.value;
36
+ classes = _ref.classes,
37
+ className = _ref.className,
38
+ color = _ref.color,
39
+ disabled = _ref.disabled,
40
+ label = _ref.label,
41
+ onChange = _ref.onChange,
42
+ value = _ref.value;
36
43
  var hcolor = ['success', 'error', 'warning', 'neutral', 'inherit'].includes(color) ? 'default' : color;
37
44
  return /*#__PURE__*/_react.default.createElement(_Radio.default, {
38
45
  className: className,
@@ -49,8 +56,12 @@ var HiRadio = function HiRadio(_ref) {
49
56
  value: value
50
57
  });
51
58
  };
59
+
52
60
  HiRadio.defaultProps = {};
53
- var _default = exports.default = (0, _withStyles.default)(styles, {
61
+
62
+ var _default = (0, _withStyles.default)(styles, {
54
63
  hiComponent: true,
55
64
  name: 'HmuiHiRadio'
56
- })(HiRadio);
65
+ })(HiRadio);
66
+
67
+ exports.default = _default;
package/HiRadio/index.js CHANGED
@@ -1,6 +1,7 @@
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
  });
@@ -10,4 +11,5 @@ Object.defineProperty(exports, "default", {
10
11
  return _HiRadio.default;
11
12
  }
12
13
  });
14
+
13
15
  var _HiRadio = _interopRequireDefault(require("./HiRadio"));
@@ -1,22 +1,36 @@
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.default = void 0;
11
+
9
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
13
+
10
14
  var _react = _interopRequireWildcard(require("react"));
15
+
11
16
  var _reactUse = require("react-use");
17
+
12
18
  var _HiStepper = _interopRequireDefault(require("../HiStepper"));
19
+
13
20
  var _HiStep = _interopRequireDefault(require("../HiStepper/HiStep"));
21
+
14
22
  var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
23
+
15
24
  var _HiIcon = _interopRequireDefault(require("../HiIcon"));
25
+
16
26
  var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
27
+
17
28
  var _classnames = _interopRequireDefault(require("classnames"));
18
- 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); }
19
- 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; }
29
+
30
+ 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); }
31
+
32
+ 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; }
33
+
20
34
  var useStyles = (0, _makeStyles.default)(function (theme) {
21
35
  return {
22
36
  root: {
@@ -48,78 +62,94 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
48
62
  }
49
63
  };
50
64
  });
65
+
51
66
  var HiScrollStepper = function HiScrollStepper(_ref) {
52
67
  var steps = _ref.steps,
53
- _ref$stepLabelVisibil = _ref.stepLabelVisibilityToggle,
54
- stepLabelVisibilityToggle = _ref$stepLabelVisibil === void 0 ? true : _ref$stepLabelVisibil,
55
- _ref$stepLabelDefault = _ref.stepLabelDefaultVisible,
56
- stepLabelDefaultVisible = _ref$stepLabelDefault === void 0 ? true : _ref$stepLabelDefault,
57
- onShowStepLabel = _ref.onShowStepLabel,
58
- onHideStepLabel = _ref.onHideStepLabel,
59
- _ref$customClasses = _ref.customClasses,
60
- customClasses = _ref$customClasses === void 0 ? {} : _ref$customClasses,
61
- _ref$stepMargin = _ref.stepMargin,
62
- stepMargin = _ref$stepMargin === void 0 ? 60 : _ref$stepMargin,
63
- _ref$minScrollHeightT = _ref.minScrollHeightToEnable,
64
- minScrollHeightToEnable = _ref$minScrollHeightT === void 0 ? 0 : _ref$minScrollHeightT;
68
+ _ref$stepLabelVisibil = _ref.stepLabelVisibilityToggle,
69
+ stepLabelVisibilityToggle = _ref$stepLabelVisibil === void 0 ? true : _ref$stepLabelVisibil,
70
+ _ref$stepLabelDefault = _ref.stepLabelDefaultVisible,
71
+ stepLabelDefaultVisible = _ref$stepLabelDefault === void 0 ? true : _ref$stepLabelDefault,
72
+ onShowStepLabel = _ref.onShowStepLabel,
73
+ onHideStepLabel = _ref.onHideStepLabel,
74
+ _ref$customClasses = _ref.customClasses,
75
+ customClasses = _ref$customClasses === void 0 ? {} : _ref$customClasses,
76
+ _ref$stepMargin = _ref.stepMargin,
77
+ stepMargin = _ref$stepMargin === void 0 ? 60 : _ref$stepMargin,
78
+ _ref$minScrollHeightT = _ref.minScrollHeightToEnable,
79
+ minScrollHeightToEnable = _ref$minScrollHeightT === void 0 ? 0 : _ref$minScrollHeightT;
65
80
  var classes = useStyles();
81
+
66
82
  var _useMap = (0, _reactUse.useMap)({
67
- 0: 'in_progress'
68
- }),
69
- _useMap2 = (0, _slicedToArray2.default)(_useMap, 2),
70
- status = _useMap2[0],
71
- setStatus = _useMap2[1].set;
83
+ 0: 'in_progress'
84
+ }),
85
+ _useMap2 = (0, _slicedToArray2.default)(_useMap, 2),
86
+ status = _useMap2[0],
87
+ setStatus = _useMap2[1].set;
88
+
72
89
  var _useCounter = (0, _reactUse.useCounter)(0, steps.length - 1, 0),
73
- _useCounter2 = (0, _slicedToArray2.default)(_useCounter, 2),
74
- activeStep = _useCounter2[0],
75
- setActiveStep = _useCounter2[1].set;
90
+ _useCounter2 = (0, _slicedToArray2.default)(_useCounter, 2),
91
+ activeStep = _useCounter2[0],
92
+ setActiveStep = _useCounter2[1].set;
93
+
76
94
  var _useState = (0, _react.useState)(stepLabelDefaultVisible),
77
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
78
- stepLabelVisible = _useState2[0],
79
- setStepLabelVisible = _useState2[1];
95
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
96
+ stepLabelVisible = _useState2[0],
97
+ setStepLabelVisible = _useState2[1];
98
+
80
99
  var _useState3 = (0, _react.useState)(document.body.scrollHeight - minScrollHeightToEnable >= document.body.clientHeight),
81
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
82
- stepperEnabled = _useState4[0],
83
- setStepperEnabled = _useState4[1];
100
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
101
+ stepperEnabled = _useState4[0],
102
+ setStepperEnabled = _useState4[1];
103
+
84
104
  var instantActiveStep = 0;
85
105
  var stepsRef = (0, _react.useMemo)(function () {
86
106
  return Array(steps.length).fill(0).map(function () {
87
107
  return _react.default.createRef();
88
108
  });
89
109
  }, []);
110
+
90
111
  var getOffsetTop = function getOffsetTop(element) {
91
112
  var offsetTop = 0;
113
+
92
114
  while (element) {
93
115
  offsetTop += element.offsetTop;
94
116
  element = element.offsetParent;
95
117
  }
118
+
96
119
  return offsetTop;
97
120
  };
121
+
98
122
  var scrollToStep = function scrollToStep(index) {
99
123
  window.scrollTo({
100
124
  top: getOffsetTop(stepsRef[index].current) - stepMargin,
101
125
  behavior: 'smooth'
102
126
  });
103
127
  };
128
+
104
129
  var handleScroll = function handleScroll() {
105
130
  var newActiveStep = 0;
106
131
  var scrollOffset = window.pageYOffset + 1;
132
+
107
133
  if (scrollOffset < stepMargin) {
108
134
  newActiveStep = 0;
109
135
  } else if (scrollOffset + window.innerHeight >= document.body.scrollHeight) {
110
136
  newActiveStep = steps.length - 1;
111
137
  } else {
112
138
  var stepIndex = 0;
139
+
113
140
  while (stepIndex < steps.length) {
114
141
  var stepHeight = stepsRef[stepIndex].current.offsetHeight;
115
142
  var stepBottomOffset = getOffsetTop(stepsRef[stepIndex].current) + (stepHeight - stepMargin);
143
+
116
144
  if (stepBottomOffset > scrollOffset) {
117
145
  newActiveStep = stepIndex;
118
146
  break;
119
147
  }
148
+
120
149
  stepIndex++;
121
150
  }
122
151
  }
152
+
123
153
  if (newActiveStep !== instantActiveStep) {
124
154
  instantActiveStep = newActiveStep;
125
155
  setActiveStep(newActiveStep);
@@ -128,19 +158,25 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
128
158
  });
129
159
  }
130
160
  };
161
+
131
162
  var handleStepLabelVisibility = function handleStepLabelVisibility() {
132
163
  var newVisibility = !stepLabelVisible;
164
+
133
165
  if (newVisibility === true && typeof onShowStepLabel === 'function') {
134
166
  onShowStepLabel();
135
167
  }
168
+
136
169
  if (newVisibility === false && typeof onHideStepLabel === 'function') {
137
170
  onHideStepLabel();
138
171
  }
172
+
139
173
  setStepLabelVisible(newVisibility);
140
174
  };
175
+
141
176
  var handleResize = function handleResize() {
142
177
  setStepperEnabled(document.body.scrollHeight - minScrollHeightToEnable >= document.body.clientHeight);
143
178
  };
179
+
144
180
  (0, _reactUse.useMount)(function () {
145
181
  window.addEventListener('scroll', handleScroll);
146
182
  window.addEventListener('resize', handleResize);
@@ -191,4 +227,6 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
191
227
  }, step.content);
192
228
  })));
193
229
  };
194
- var _default = exports.default = HiScrollStepper;
230
+
231
+ var _default = HiScrollStepper;
232
+ exports.default = _default;
@@ -1,6 +1,7 @@
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
  });
@@ -10,4 +11,5 @@ Object.defineProperty(exports, "default", {
10
11
  return _HiScrollStepper.default;
11
12
  }
12
13
  });
14
+
13
15
  var _HiScrollStepper = _interopRequireDefault(require("./HiScrollStepper"));