@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,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
+
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 _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"));
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; } } // import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
22
- // import ChevronRightIcon from '@mui/icons-material/ChevronRight/';
23
- var styles = exports.styles = function styles(theme) {
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,29 +78,39 @@ 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
+
82
103
  var _super = _createSuper(HiPdfReader);
104
+
83
105
  function HiPdfReader() {
84
106
  var _this;
107
+
85
108
  (0, _classCallCheck2.default)(this, HiPdfReader);
109
+
86
110
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
87
111
  args[_key] = arguments[_key];
88
112
  }
113
+
89
114
  _this = _super.call.apply(_super, [this].concat(args));
90
115
  _this.state = {
91
116
  numPages: null,
@@ -93,21 +118,22 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
93
118
  error: false,
94
119
  width: 600
95
120
  };
96
- // Fonction appelée une fois le pdf correctement chargé
121
+
97
122
  _this.handleLoadSuccess = function (_ref) {
98
123
  var numPages = _ref.numPages;
124
+
99
125
  _this.setState({
100
126
  numPages: numPages,
101
127
  error: false
102
128
  });
103
129
  };
104
- // Fonction appelée en cas d'erreur de chargement du pdf
130
+
105
131
  _this.handleLoadError = function () {
106
132
  _this.setState({
107
133
  error: true
108
134
  });
109
135
  };
110
- // Fonction appelée au clic du bouton pour visualiser la page suivante du pdf
136
+
111
137
  _this.handleClickNextPage = function () {
112
138
  _this.setState(function (prevState) {
113
139
  return {
@@ -115,7 +141,7 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
115
141
  };
116
142
  });
117
143
  };
118
- // Fonction appelée au clic du bouton pour visualiser la page précédente du pdf
144
+
119
145
  _this.handleClickPreviousPage = function () {
120
146
  _this.setState(function (prevState) {
121
147
  return {
@@ -123,28 +149,32 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
123
149
  };
124
150
  });
125
151
  };
152
+
126
153
  return _this;
127
154
  }
155
+
128
156
  (0, _createClass2.default)(HiPdfReader, [{
129
157
  key: "componentDidMount",
130
158
  value: function componentDidMount() {
131
159
  this.updateDimensions();
132
160
  window.addEventListener('resize', this.updateDimensions.bind(this));
133
161
  /* eslint-disable */
162
+
134
163
  Document = require('react-pdf').Document;
135
164
  Page = require('react-pdf').Page;
136
165
  /* eslint-enable */
166
+
137
167
  this.forceUpdate();
138
168
  }
139
169
  }, {
140
170
  key: "componentWillUnmount",
141
171
  value: function componentWillUnmount() {
142
172
  window.removeEventListener('resize', this.updateDimensions.bind(this));
143
- }
173
+ } // Fonction appelée une fois le pdf correctement chargé
174
+
144
175
  }, {
145
176
  key: "updateDimensions",
146
- value:
147
- // Calculate & Update state of new dimensions
177
+ value: // Calculate & Update state of new dimensions
148
178
  function updateDimensions() {
149
179
  if (window.innerWidth < maxWindowWidth) {
150
180
  var updateWidth = Math.round(window.innerWidth * 100 / maxWindowWidth / 100 * maxPdfWidth);
@@ -156,22 +186,21 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
156
186
  width: maxPdfWidth
157
187
  });
158
188
  }
159
- }
189
+ } // Render
160
190
 
161
- // Render
162
191
  }, {
163
192
  key: "render",
164
193
  value: function render() {
165
194
  var _this$state = this.state,
166
- pageNumber = _this$state.pageNumber,
167
- numPages = _this$state.numPages,
168
- error = _this$state.error;
195
+ pageNumber = _this$state.pageNumber,
196
+ numPages = _this$state.numPages,
197
+ error = _this$state.error;
169
198
  var _this$props = this.props,
170
- classes = _this$props.classes,
171
- file = _this$props.file,
172
- displayPagination = _this$props.displayPagination,
173
- displayNavigationButtons = _this$props.displayNavigationButtons,
174
- 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"]);
175
204
  if (!Document || !Page) return null;
176
205
  return /*#__PURE__*/_react.default.createElement("div", {
177
206
  className: classes.root
@@ -203,11 +232,15 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
203
232
  }]);
204
233
  return HiPdfReader;
205
234
  }(_react.default.PureComponent);
235
+
206
236
  HiPdfReader.defaultProps = {
207
237
  displayPagination: true,
208
238
  displayNavigationButtons: true
209
239
  };
210
- var _default = exports.default = (0, _withStyles.default)(styles, {
240
+
241
+ var _default = (0, _withStyles.default)(styles, {
211
242
  name: 'HmuiHiPdfReader',
212
243
  index: 51
213
- })(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/es/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/es/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;
@@ -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"));