@hipay/hipay-material-ui 3.15.2 → 3.15.3-beta.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (435) hide show
  1. package/HiAccordion/HiAccordion.js +5 -22
  2. package/HiAccordion/index.js +0 -3
  3. package/HiAccordionActions/HiAccordionActions.js +0 -12
  4. package/HiAccordionActions/index.js +0 -3
  5. package/HiAccordionSummary/HiAccordionSummary.js +0 -13
  6. package/HiAccordionSummary/index.js +0 -3
  7. package/HiAlertModal/HiAlertModal.js +4 -18
  8. package/HiAlertModal/index.js +0 -3
  9. package/HiAppBar/HiAppBar.js +8 -37
  10. package/HiAppBar/index.js +0 -2
  11. package/HiAvatar/HiAvatar.js +2 -10
  12. package/HiAvatar/index.js +0 -2
  13. package/HiBadge/HiBadge.js +14 -27
  14. package/HiBadge/index.js +0 -2
  15. package/HiBreadcrumb/HiBreadcrumb.js +5 -28
  16. package/HiBreadcrumb/HiStep.js +10 -40
  17. package/HiBreadcrumb/HiStepConnector.js +11 -43
  18. package/HiBreadcrumb/HiStepContent.js +3 -25
  19. package/HiBreadcrumb/HiStepIcon.js +11 -33
  20. package/HiBreadcrumb/HiStepLabel.js +12 -39
  21. package/HiBreadcrumb/HiStepper.js +3 -25
  22. package/HiBreadcrumb/index.js +0 -2
  23. package/HiButton/HiButton.js +8 -31
  24. package/HiButton/index.js +0 -3
  25. package/HiCell/CellAddress.js +9 -28
  26. package/HiCell/CellDate.js +7 -31
  27. package/HiCell/CellHiddenContent.js +4 -24
  28. package/HiCell/CellIcon.js +9 -31
  29. package/HiCell/CellImage.js +9 -29
  30. package/HiCell/CellNumeric.js +10 -35
  31. package/HiCell/CellPinToAction.js +6 -28
  32. package/HiCell/CellRate.js +14 -45
  33. package/HiCell/CellSentinel.js +9 -28
  34. package/HiCell/CellSentinelScore.js +5 -24
  35. package/HiCell/CellText.js +13 -47
  36. package/HiCell/CellTextStyled.js +12 -22
  37. package/HiCell/index.js +0 -10
  38. package/HiCheckbox/HiCheckbox.js +16 -50
  39. package/HiCheckbox/index.js +0 -2
  40. package/HiChip/HiChip.js +22 -43
  41. package/HiChip/HiChipSwitch.js +12 -52
  42. package/HiChip/index.js +0 -3
  43. package/HiColoredLabel/HiColoredLabel.js +37 -56
  44. package/HiColoredLabel/index.js +0 -2
  45. package/HiDatePicker/Caption.js +6 -16
  46. package/HiDatePicker/HiDatePicker.js +14 -85
  47. package/HiDatePicker/HiDatePickerMobile.js +17 -41
  48. package/HiDatePicker/HiDateRangePicker.js +35 -129
  49. package/HiDatePicker/HiDateRangeSelector.js +45 -123
  50. package/HiDatePicker/ListPicker.js +5 -33
  51. package/HiDatePicker/NavBar.js +9 -26
  52. package/HiDatePicker/Overlays/CustomOverlayLayout.js +7 -21
  53. package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +7 -21
  54. package/HiDatePicker/Overlays/MonthPickerOverlay.js +3 -24
  55. package/HiDatePicker/Overlays/Overlay.js +4 -18
  56. package/HiDatePicker/Overlays/TimePickerOverlay.js +5 -34
  57. package/HiDatePicker/Overlays/YearPickerOverlay.js +7 -29
  58. package/HiDatePicker/Overlays/index.js +0 -6
  59. package/HiDatePicker/Weekday.js +3 -7
  60. package/HiDatePicker/hiLocaleUtils.js +7 -18
  61. package/HiDatePicker/index.js +0 -2
  62. package/HiDatePicker/stylesheet.js +5 -10
  63. package/HiDialog/HiDialog.js +4 -15
  64. package/HiDialog/index.js +0 -2
  65. package/HiDotsStepper/HiDot.js +6 -33
  66. package/HiDotsStepper/HiDotsStepper.js +7 -32
  67. package/HiDotsStepper/index.js +0 -3
  68. package/HiExpansionPanel/HiExpansionPanel.js +13 -34
  69. package/HiExpansionPanel/index.js +0 -3
  70. package/HiForm/HiAddressField.js +9 -34
  71. package/HiForm/HiEmailField.js +4 -27
  72. package/HiForm/HiFormControl.js +27 -70
  73. package/HiForm/HiFormLabel.js +13 -37
  74. package/HiForm/HiInput.js +28 -80
  75. package/HiForm/HiPasswordField.js +5 -31
  76. package/HiForm/HiSearchField.js +2 -32
  77. package/HiForm/HiSlider.js +19 -52
  78. package/HiForm/HiTextField.js +21 -45
  79. package/HiForm/HiUpload.js +31 -87
  80. package/HiForm/HiUploadField.js +9 -30
  81. package/HiForm/HiUploadInput.js +20 -70
  82. package/HiForm/index.js +0 -12
  83. package/HiIcon/HiIcon.js +5 -28
  84. package/HiIcon/index.js +0 -2
  85. package/HiIconButton/HiIconButton.js +5 -18
  86. package/HiIconButton/index.js +0 -2
  87. package/HiListItemLink/HiListItemLink.js +6 -17
  88. package/HiListItemLink/index.js +0 -2
  89. package/HiLoader/HiLoader.js +4 -13
  90. package/HiLoader/index.js +0 -2
  91. package/HiNotice/HiKPI.js +14 -42
  92. package/HiNotice/HiKPINotice.js +4 -13
  93. package/HiNotice/index.js +0 -3
  94. package/HiPagination/HiPagination.js +0 -9
  95. package/HiPagination/index.js +0 -2
  96. package/HiPaymentMeans/HiPaymentMeans.js +24 -60
  97. package/HiPaymentMeans/index.js +0 -2
  98. package/HiPdfReader/HiPdfReader.js +21 -52
  99. package/HiPdfReader/index.js +0 -2
  100. package/HiPin/HiPin.js +14 -23
  101. package/HiPin/index.js +0 -2
  102. package/HiRadio/HiRadio.js +9 -18
  103. package/HiRadio/index.js +0 -2
  104. package/HiScrollStepper/HiScrollStepper.js +26 -63
  105. package/HiScrollStepper/index.js +0 -2
  106. package/HiSelect/HiDynamicSelect.js +31 -40
  107. package/HiSelect/HiDynamicSelectField.js +22 -44
  108. package/HiSelect/HiNestedSelect.js +61 -104
  109. package/HiSelect/HiNestedSelectContent.js +58 -82
  110. package/HiSelect/HiNestedSelectField.js +22 -44
  111. package/HiSelect/HiSelect.js +85 -180
  112. package/HiSelect/HiSelectContent.js +58 -90
  113. package/HiSelect/HiSelectField.js +23 -45
  114. package/HiSelect/HiSelectInput.js +20 -69
  115. package/HiSelect/HiSelectMobile.js +5 -40
  116. package/HiSelect/HiSuggestSelect.js +22 -76
  117. package/HiSelect/HiSuggestSelectField.js +13 -35
  118. package/HiSelect/index.js +0 -12
  119. package/HiSelectableList/HiSelectableList.js +29 -83
  120. package/HiSelectableList/HiSelectableListHierarchic.js +31 -55
  121. package/HiSelectableList/HiSelectableListItem.js +37 -76
  122. package/HiSelectableList/index.js +0 -4
  123. package/HiStepper/DefaultIndicator.js +0 -8
  124. package/HiStepper/HiStep.js +18 -47
  125. package/HiStepper/HiStepper.js +1 -13
  126. package/HiStepper/index.js +0 -3
  127. package/HiSwitch/HiSwitch.js +15 -36
  128. package/HiSwitch/HiSwitchState.js +17 -31
  129. package/HiSwitch/index.js +0 -3
  130. package/HiTable/HiCellBuilder.js +7 -61
  131. package/HiTable/HiTable.js +17 -44
  132. package/HiTable/HiTableBody.js +6 -22
  133. package/HiTable/HiTableHeader.js +14 -46
  134. package/HiTable/HiTableRow.js +7 -39
  135. package/HiTable/constants.js +9 -14
  136. package/HiTable/index.js +0 -2
  137. package/es/HiAccordion/HiAccordion.js +5 -22
  138. package/es/HiAccordion/index.js +0 -3
  139. package/es/HiAccordionActions/HiAccordionActions.js +0 -12
  140. package/es/HiAccordionActions/index.js +0 -3
  141. package/es/HiAccordionSummary/HiAccordionSummary.js +0 -13
  142. package/es/HiAccordionSummary/index.js +0 -3
  143. package/es/HiAlertModal/HiAlertModal.js +4 -18
  144. package/es/HiAlertModal/index.js +0 -3
  145. package/es/HiAppBar/HiAppBar.js +8 -37
  146. package/es/HiAppBar/index.js +0 -2
  147. package/es/HiAvatar/HiAvatar.js +2 -10
  148. package/es/HiAvatar/index.js +0 -2
  149. package/es/HiBadge/HiBadge.js +14 -27
  150. package/es/HiBadge/index.js +0 -2
  151. package/es/HiBreadcrumb/HiBreadcrumb.js +5 -28
  152. package/es/HiBreadcrumb/HiStep.js +10 -40
  153. package/es/HiBreadcrumb/HiStepConnector.js +11 -43
  154. package/es/HiBreadcrumb/HiStepContent.js +3 -25
  155. package/es/HiBreadcrumb/HiStepIcon.js +11 -33
  156. package/es/HiBreadcrumb/HiStepLabel.js +12 -39
  157. package/es/HiBreadcrumb/HiStepper.js +3 -25
  158. package/es/HiBreadcrumb/index.js +0 -2
  159. package/es/HiButton/HiButton.js +8 -31
  160. package/es/HiButton/index.js +0 -3
  161. package/es/HiCell/CellAddress.js +9 -28
  162. package/es/HiCell/CellDate.js +7 -31
  163. package/es/HiCell/CellHiddenContent.js +4 -24
  164. package/es/HiCell/CellIcon.js +9 -31
  165. package/es/HiCell/CellImage.js +9 -29
  166. package/es/HiCell/CellNumeric.js +10 -35
  167. package/es/HiCell/CellPinToAction.js +6 -28
  168. package/es/HiCell/CellRate.js +14 -45
  169. package/es/HiCell/CellSentinel.js +9 -28
  170. package/es/HiCell/CellSentinelScore.js +5 -24
  171. package/es/HiCell/CellText.js +13 -47
  172. package/es/HiCell/CellTextStyled.js +12 -22
  173. package/es/HiCell/index.js +0 -10
  174. package/es/HiCheckbox/HiCheckbox.js +16 -50
  175. package/es/HiCheckbox/index.js +0 -2
  176. package/es/HiChip/HiChip.js +22 -43
  177. package/es/HiChip/HiChipSwitch.js +12 -52
  178. package/es/HiChip/index.js +0 -3
  179. package/es/HiColoredLabel/HiColoredLabel.js +37 -56
  180. package/es/HiColoredLabel/index.js +0 -2
  181. package/es/HiDatePicker/Caption.js +6 -16
  182. package/es/HiDatePicker/HiDatePicker.js +14 -85
  183. package/es/HiDatePicker/HiDatePickerMobile.js +17 -41
  184. package/es/HiDatePicker/HiDateRangePicker.js +35 -129
  185. package/es/HiDatePicker/HiDateRangeSelector.js +45 -123
  186. package/es/HiDatePicker/ListPicker.js +5 -33
  187. package/es/HiDatePicker/NavBar.js +9 -26
  188. package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +7 -21
  189. package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +7 -21
  190. package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +3 -24
  191. package/es/HiDatePicker/Overlays/Overlay.js +4 -18
  192. package/es/HiDatePicker/Overlays/TimePickerOverlay.js +5 -34
  193. package/es/HiDatePicker/Overlays/YearPickerOverlay.js +7 -29
  194. package/es/HiDatePicker/Overlays/index.js +0 -6
  195. package/es/HiDatePicker/Weekday.js +3 -7
  196. package/es/HiDatePicker/hiLocaleUtils.js +7 -18
  197. package/es/HiDatePicker/index.js +0 -2
  198. package/es/HiDatePicker/stylesheet.js +5 -10
  199. package/es/HiDialog/HiDialog.js +4 -15
  200. package/es/HiDialog/index.js +0 -2
  201. package/es/HiDotsStepper/HiDot.js +6 -33
  202. package/es/HiDotsStepper/HiDotsStepper.js +7 -32
  203. package/es/HiDotsStepper/index.js +0 -3
  204. package/es/HiExpansionPanel/HiExpansionPanel.js +13 -34
  205. package/es/HiExpansionPanel/index.js +0 -3
  206. package/es/HiForm/HiAddressField.js +9 -34
  207. package/es/HiForm/HiEmailField.js +4 -27
  208. package/es/HiForm/HiFormControl.js +27 -70
  209. package/es/HiForm/HiFormLabel.js +13 -37
  210. package/es/HiForm/HiInput.js +28 -80
  211. package/es/HiForm/HiPasswordField.js +5 -31
  212. package/es/HiForm/HiSearchField.js +2 -32
  213. package/es/HiForm/HiSlider.js +19 -52
  214. package/es/HiForm/HiTextField.js +21 -45
  215. package/es/HiForm/HiUpload.js +31 -87
  216. package/es/HiForm/HiUploadField.js +9 -30
  217. package/es/HiForm/HiUploadInput.js +20 -70
  218. package/es/HiForm/index.js +0 -12
  219. package/es/HiIcon/HiIcon.js +5 -28
  220. package/es/HiIcon/index.js +0 -2
  221. package/es/HiIconButton/HiIconButton.js +5 -18
  222. package/es/HiIconButton/index.js +0 -2
  223. package/es/HiListItemLink/HiListItemLink.js +6 -17
  224. package/es/HiListItemLink/index.js +0 -2
  225. package/es/HiLoader/HiLoader.js +4 -13
  226. package/es/HiLoader/index.js +0 -2
  227. package/es/HiNotice/HiKPI.js +14 -42
  228. package/es/HiNotice/HiKPINotice.js +4 -13
  229. package/es/HiNotice/index.js +0 -3
  230. package/es/HiPagination/HiPagination.js +0 -9
  231. package/es/HiPagination/index.js +0 -2
  232. package/es/HiPaymentMeans/HiPaymentMeans.js +24 -60
  233. package/es/HiPaymentMeans/index.js +0 -2
  234. package/es/HiPdfReader/HiPdfReader.js +21 -52
  235. package/es/HiPdfReader/index.js +0 -2
  236. package/es/HiPin/HiPin.js +14 -23
  237. package/es/HiPin/index.js +0 -2
  238. package/es/HiRadio/HiRadio.js +9 -18
  239. package/es/HiRadio/index.js +0 -2
  240. package/es/HiScrollStepper/HiScrollStepper.js +26 -63
  241. package/es/HiScrollStepper/index.js +0 -2
  242. package/es/HiSelect/HiDynamicSelect.js +31 -40
  243. package/es/HiSelect/HiDynamicSelectField.js +22 -44
  244. package/es/HiSelect/HiNestedSelect.js +61 -104
  245. package/es/HiSelect/HiNestedSelectContent.js +58 -82
  246. package/es/HiSelect/HiNestedSelectField.js +22 -44
  247. package/es/HiSelect/HiSelect.js +85 -180
  248. package/es/HiSelect/HiSelectContent.js +58 -90
  249. package/es/HiSelect/HiSelectField.js +23 -45
  250. package/es/HiSelect/HiSelectInput.js +20 -69
  251. package/es/HiSelect/HiSelectMobile.js +5 -40
  252. package/es/HiSelect/HiSuggestSelect.js +22 -76
  253. package/es/HiSelect/HiSuggestSelectField.js +13 -35
  254. package/es/HiSelect/index.js +0 -12
  255. package/es/HiSelectableList/HiSelectableList.js +29 -83
  256. package/es/HiSelectableList/HiSelectableListHierarchic.js +31 -55
  257. package/es/HiSelectableList/HiSelectableListItem.js +37 -76
  258. package/es/HiSelectableList/index.js +0 -4
  259. package/es/HiStepper/DefaultIndicator.js +0 -8
  260. package/es/HiStepper/HiStep.js +18 -47
  261. package/es/HiStepper/HiStepper.js +1 -13
  262. package/es/HiStepper/index.js +0 -3
  263. package/es/HiSwitch/HiSwitch.js +15 -36
  264. package/es/HiSwitch/HiSwitchState.js +17 -31
  265. package/es/HiSwitch/index.js +0 -3
  266. package/es/HiTable/HiCellBuilder.js +7 -61
  267. package/es/HiTable/HiTable.js +17 -44
  268. package/es/HiTable/HiTableBody.js +6 -22
  269. package/es/HiTable/HiTableHeader.js +14 -46
  270. package/es/HiTable/HiTableRow.js +7 -39
  271. package/es/HiTable/constants.js +9 -14
  272. package/es/HiTable/index.js +0 -2
  273. package/es/hi-svg-icons/HiAccount.js +3 -12
  274. package/es/hi-svg-icons/HiActivity.js +3 -12
  275. package/es/hi-svg-icons/HiAll.js +6 -16
  276. package/es/hi-svg-icons/HiBilling.js +3 -12
  277. package/es/hi-svg-icons/HiBriefcaseRescue.js +3 -12
  278. package/es/hi-svg-icons/HiBusiness.js +3 -12
  279. package/es/hi-svg-icons/HiCatalog.js +3 -12
  280. package/es/hi-svg-icons/HiCustomer.js +3 -12
  281. package/es/hi-svg-icons/HiDownload.js +3 -12
  282. package/es/hi-svg-icons/HiFinance.js +3 -12
  283. package/es/hi-svg-icons/HiFinanceMenu.js +3 -12
  284. package/es/hi-svg-icons/HiHostedPaymentPage.js +3 -12
  285. package/es/hi-svg-icons/HiHostedPaymentPageMenu.js +3 -12
  286. package/es/hi-svg-icons/HiIntegration.js +3 -12
  287. package/es/hi-svg-icons/HiIntegrationMenu.js +3 -12
  288. package/es/hi-svg-icons/HiIntelligence.js +3 -12
  289. package/es/hi-svg-icons/HiIntelligenceMenu.js +3 -12
  290. package/es/hi-svg-icons/HiInvoice.js +3 -12
  291. package/es/hi-svg-icons/HiInvoiceMenu.js +3 -12
  292. package/es/hi-svg-icons/HiLogoRounded.js +5 -15
  293. package/es/hi-svg-icons/HiOrder.js +3 -12
  294. package/es/hi-svg-icons/HiPaymentOrder.js +3 -12
  295. package/es/hi-svg-icons/HiPermission.js +3 -12
  296. package/es/hi-svg-icons/HiPriceGrid.js +3 -12
  297. package/es/hi-svg-icons/HiPrivate.js +3 -12
  298. package/es/hi-svg-icons/HiRoute.js +3 -12
  299. package/es/hi-svg-icons/HiRouteMenu.js +3 -12
  300. package/es/hi-svg-icons/HiRouteSwitch.js +6 -17
  301. package/es/hi-svg-icons/HiRouteSwitchMenu.js +6 -17
  302. package/es/hi-svg-icons/HiSettlement.js +3 -12
  303. package/es/hi-svg-icons/HiSizeLarge.js +3 -12
  304. package/es/hi-svg-icons/HiSizeMedium.js +3 -12
  305. package/es/hi-svg-icons/HiSizeSmall.js +3 -12
  306. package/es/hi-svg-icons/HiStore.js +3 -12
  307. package/es/hi-svg-icons/HiStoreMenu.js +3 -12
  308. package/es/hi-svg-icons/HiTransaction.js +3 -12
  309. package/es/hi-svg-icons/HiTransactionMenu.js +3 -12
  310. package/es/hi-svg-icons/HiUser.js +3 -12
  311. package/es/hi-svg-icons/HiVendor.js +3 -12
  312. package/es/hi-svg-icons/HiWidget.js +3 -12
  313. package/es/hi-svg-icons/index.js +0 -41
  314. package/es/hi-svg-images/HiLogo.js +3 -10
  315. package/es/hi-svg-images/HiLogoWhite.js +3 -10
  316. package/es/hi-svg-images/index.js +0 -3
  317. package/es/setupTest.js +2 -13
  318. package/es/styleguide/Wrapper.js +0 -6
  319. package/es/styles/MuiThemeProvider.js +11 -43
  320. package/es/styles/colorManipulator.js +15 -50
  321. package/es/styles/createBreakpoints.js +14 -28
  322. package/es/styles/createGenerateClassName.js +14 -24
  323. package/es/styles/createMixins.js +0 -5
  324. package/es/styles/createMuiTheme.js +10 -26
  325. package/es/styles/createPalette.js +65 -85
  326. package/es/styles/createStyles.js +0 -1
  327. package/es/styles/createTypography.js +15 -24
  328. package/es/styles/getStylesCreator.js +0 -12
  329. package/es/styles/getThemeProps.js +1 -5
  330. package/es/styles/index.js +0 -6
  331. package/es/styles/jssPreset.js +0 -9
  332. package/es/styles/makeStyles.js +0 -6
  333. package/es/styles/mergeClasses.js +4 -14
  334. package/es/styles/shadows.js +0 -2
  335. package/es/styles/spacing.js +0 -2
  336. package/es/styles/themeListener.js +0 -6
  337. package/es/styles/transitions.js +13 -22
  338. package/es/styles/withStyles.js +0 -6
  339. package/es/test-utils/createMount.js +2 -12
  340. package/es/test-utils/createRender.js +2 -9
  341. package/es/test-utils/createShallow.js +6 -17
  342. package/es/test-utils/getClasses.js +0 -2
  343. package/es/test-utils/index.js +0 -6
  344. package/es/test-utils/until.js +3 -14
  345. package/es/test-utils/unwrap.js +0 -1
  346. package/es/theme/palette.js +0 -4
  347. package/es/theme/typography.js +5 -12
  348. package/es/theme.js +0 -5
  349. package/es/transitions/utils.js +2 -5
  350. package/es/utils/exactProp.js +1 -9
  351. package/es/utils/helpers.js +19 -58
  352. package/es/withMobileDialog/index.js +0 -2
  353. package/es/withMobileDialog/withMobileDialog.js +2 -10
  354. package/hi-svg-icons/HiAccount.js +3 -12
  355. package/hi-svg-icons/HiActivity.js +3 -12
  356. package/hi-svg-icons/HiAll.js +6 -16
  357. package/hi-svg-icons/HiBilling.js +3 -12
  358. package/hi-svg-icons/HiBriefcaseRescue.js +3 -12
  359. package/hi-svg-icons/HiBusiness.js +3 -12
  360. package/hi-svg-icons/HiCatalog.js +3 -12
  361. package/hi-svg-icons/HiCustomer.js +3 -12
  362. package/hi-svg-icons/HiDownload.js +3 -12
  363. package/hi-svg-icons/HiFinance.js +3 -12
  364. package/hi-svg-icons/HiFinanceMenu.js +3 -12
  365. package/hi-svg-icons/HiHostedPaymentPage.js +3 -12
  366. package/hi-svg-icons/HiHostedPaymentPageMenu.js +3 -12
  367. package/hi-svg-icons/HiIntegration.js +3 -12
  368. package/hi-svg-icons/HiIntegrationMenu.js +3 -12
  369. package/hi-svg-icons/HiIntelligence.js +3 -12
  370. package/hi-svg-icons/HiIntelligenceMenu.js +3 -12
  371. package/hi-svg-icons/HiInvoice.js +3 -12
  372. package/hi-svg-icons/HiInvoiceMenu.js +3 -12
  373. package/hi-svg-icons/HiLogoRounded.js +5 -15
  374. package/hi-svg-icons/HiOrder.js +3 -12
  375. package/hi-svg-icons/HiPaymentOrder.js +3 -12
  376. package/hi-svg-icons/HiPermission.js +3 -12
  377. package/hi-svg-icons/HiPriceGrid.js +3 -12
  378. package/hi-svg-icons/HiPrivate.js +3 -12
  379. package/hi-svg-icons/HiRoute.js +3 -12
  380. package/hi-svg-icons/HiRouteMenu.js +3 -12
  381. package/hi-svg-icons/HiRouteSwitch.js +6 -17
  382. package/hi-svg-icons/HiRouteSwitchMenu.js +6 -17
  383. package/hi-svg-icons/HiSettlement.js +3 -12
  384. package/hi-svg-icons/HiSizeLarge.js +3 -12
  385. package/hi-svg-icons/HiSizeMedium.js +3 -12
  386. package/hi-svg-icons/HiSizeSmall.js +3 -12
  387. package/hi-svg-icons/HiStore.js +3 -12
  388. package/hi-svg-icons/HiStoreMenu.js +3 -12
  389. package/hi-svg-icons/HiTransaction.js +3 -12
  390. package/hi-svg-icons/HiTransactionMenu.js +3 -12
  391. package/hi-svg-icons/HiUser.js +3 -12
  392. package/hi-svg-icons/HiVendor.js +3 -12
  393. package/hi-svg-icons/HiWidget.js +3 -12
  394. package/hi-svg-icons/index.js +0 -41
  395. package/hi-svg-images/HiLogo.js +3 -10
  396. package/hi-svg-images/HiLogoWhite.js +3 -10
  397. package/hi-svg-images/index.js +0 -3
  398. package/package.json +2 -2
  399. package/setupTest.js +2 -13
  400. package/styleguide/Wrapper.js +0 -6
  401. package/styles/MuiThemeProvider.js +11 -43
  402. package/styles/colorManipulator.js +15 -50
  403. package/styles/createBreakpoints.js +14 -28
  404. package/styles/createGenerateClassName.js +14 -24
  405. package/styles/createMixins.js +0 -5
  406. package/styles/createMuiTheme.js +10 -26
  407. package/styles/createPalette.js +65 -85
  408. package/styles/createStyles.js +0 -1
  409. package/styles/createTypography.js +15 -24
  410. package/styles/getStylesCreator.js +0 -12
  411. package/styles/getThemeProps.js +1 -5
  412. package/styles/index.js +0 -6
  413. package/styles/jssPreset.js +0 -9
  414. package/styles/makeStyles.js +0 -6
  415. package/styles/mergeClasses.js +4 -14
  416. package/styles/shadows.js +0 -2
  417. package/styles/spacing.js +0 -2
  418. package/styles/themeListener.js +0 -6
  419. package/styles/transitions.js +13 -22
  420. package/styles/withStyles.js +0 -6
  421. package/test-utils/createMount.js +2 -12
  422. package/test-utils/createRender.js +2 -9
  423. package/test-utils/createShallow.js +6 -17
  424. package/test-utils/getClasses.js +0 -2
  425. package/test-utils/index.js +0 -6
  426. package/test-utils/until.js +3 -14
  427. package/test-utils/unwrap.js +0 -1
  428. package/theme/palette.js +0 -4
  429. package/theme/typography.js +5 -12
  430. package/theme.js +0 -5
  431. package/transitions/utils.js +2 -5
  432. package/utils/exactProp.js +1 -9
  433. package/utils/helpers.js +19 -58
  434. package/withMobileDialog/index.js +0 -2
  435. package/withMobileDialog/withMobileDialog.js +2 -10
@@ -1,40 +1,25 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.styles = exports.default = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
-
12
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
13
-
14
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
15
-
16
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
17
-
18
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
19
-
20
13
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
21
-
22
14
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
23
-
24
15
  var _react = _interopRequireDefault(require("react"));
25
-
26
16
  var _HiButton = _interopRequireDefault(require("../HiButton"));
27
-
28
17
  var _HiIcon = _interopRequireDefault(require("../HiIcon"));
29
-
30
18
  var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress/"));
31
-
32
19
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
33
-
34
20
  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
-
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/';
38
23
  var styles = function styles(theme) {
39
24
  return {
40
25
  root: {
@@ -78,39 +63,30 @@ var styles = function styles(theme) {
78
63
  minHeight: 0
79
64
  }
80
65
  };
81
- }; // Constantes utilisées pour le redimentionnement du PDF (format mobile par exemple)
82
-
66
+ };
83
67
 
68
+ // Constantes utilisées pour le redimentionnement du PDF (format mobile par exemple)
84
69
  exports.styles = styles;
85
70
  var maxWindowWidth = 900;
86
71
  var maxPdfWidth = 600;
87
72
  var Document;
88
73
  var Page;
89
-
90
74
  var _ref2 = /*#__PURE__*/_react.default.createElement(_CircularProgress.default, null);
91
-
92
75
  var _ref3 = /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
93
76
  icon: "chevron_left"
94
77
  });
95
-
96
78
  var _ref4 = /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
97
79
  icon: "chevron_right"
98
80
  });
99
-
100
81
  var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
101
82
  (0, _inherits2.default)(HiPdfReader, _React$PureComponent);
102
-
103
83
  var _super = _createSuper(HiPdfReader);
104
-
105
84
  function HiPdfReader() {
106
85
  var _this;
107
-
108
86
  (0, _classCallCheck2.default)(this, HiPdfReader);
109
-
110
87
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
111
88
  args[_key] = arguments[_key];
112
89
  }
113
-
114
90
  _this = _super.call.apply(_super, [this].concat(args));
115
91
  _this.state = {
116
92
  numPages: null,
@@ -118,22 +94,21 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
118
94
  error: false,
119
95
  width: 600
120
96
  };
121
-
97
+ // Fonction appelée une fois le pdf correctement chargé
122
98
  _this.handleLoadSuccess = function (_ref) {
123
99
  var numPages = _ref.numPages;
124
-
125
100
  _this.setState({
126
101
  numPages: numPages,
127
102
  error: false
128
103
  });
129
104
  };
130
-
105
+ // Fonction appelée en cas d'erreur de chargement du pdf
131
106
  _this.handleLoadError = function () {
132
107
  _this.setState({
133
108
  error: true
134
109
  });
135
110
  };
136
-
111
+ // Fonction appelée au clic du bouton pour visualiser la page suivante du pdf
137
112
  _this.handleClickNextPage = function () {
138
113
  _this.setState(function (prevState) {
139
114
  return {
@@ -141,7 +116,7 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
141
116
  };
142
117
  });
143
118
  };
144
-
119
+ // Fonction appelée au clic du bouton pour visualiser la page précédente du pdf
145
120
  _this.handleClickPreviousPage = function () {
146
121
  _this.setState(function (prevState) {
147
122
  return {
@@ -149,32 +124,28 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
149
124
  };
150
125
  });
151
126
  };
152
-
153
127
  return _this;
154
128
  }
155
-
156
129
  (0, _createClass2.default)(HiPdfReader, [{
157
130
  key: "componentDidMount",
158
131
  value: function componentDidMount() {
159
132
  this.updateDimensions();
160
133
  window.addEventListener('resize', this.updateDimensions.bind(this));
161
134
  /* eslint-disable */
162
-
163
135
  Document = require('react-pdf').Document;
164
136
  Page = require('react-pdf').Page;
165
137
  /* eslint-enable */
166
-
167
138
  this.forceUpdate();
168
139
  }
169
140
  }, {
170
141
  key: "componentWillUnmount",
171
142
  value: function componentWillUnmount() {
172
143
  window.removeEventListener('resize', this.updateDimensions.bind(this));
173
- } // Fonction appelée une fois le pdf correctement chargé
174
-
144
+ }
175
145
  }, {
176
146
  key: "updateDimensions",
177
- value: // Calculate & Update state of new dimensions
147
+ value:
148
+ // Calculate & Update state of new dimensions
178
149
  function updateDimensions() {
179
150
  if (window.innerWidth < maxWindowWidth) {
180
151
  var updateWidth = Math.round(window.innerWidth * 100 / maxWindowWidth / 100 * maxPdfWidth);
@@ -186,21 +157,22 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
186
157
  width: maxPdfWidth
187
158
  });
188
159
  }
189
- } // Render
160
+ }
190
161
 
162
+ // Render
191
163
  }, {
192
164
  key: "render",
193
165
  value: function render() {
194
166
  var _this$state = this.state,
195
- pageNumber = _this$state.pageNumber,
196
- numPages = _this$state.numPages,
197
- error = _this$state.error;
167
+ pageNumber = _this$state.pageNumber,
168
+ numPages = _this$state.numPages,
169
+ error = _this$state.error;
198
170
  var _this$props = this.props,
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"]);
171
+ classes = _this$props.classes,
172
+ file = _this$props.file,
173
+ displayPagination = _this$props.displayPagination,
174
+ displayNavigationButtons = _this$props.displayNavigationButtons,
175
+ props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "file", "displayPagination", "displayNavigationButtons"]);
204
176
  if (!Document || !Page) return null;
205
177
  return /*#__PURE__*/_react.default.createElement("div", {
206
178
  className: classes.root
@@ -232,15 +204,12 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
232
204
  }]);
233
205
  return HiPdfReader;
234
206
  }(_react.default.PureComponent);
235
-
236
207
  HiPdfReader.defaultProps = {
237
208
  displayPagination: true,
238
209
  displayNavigationButtons: true
239
210
  };
240
-
241
211
  var _default = (0, _withStyles.default)(styles, {
242
212
  name: 'HmuiHiPdfReader',
243
213
  index: 51
244
214
  })(HiPdfReader);
245
-
246
215
  exports.default = _default;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
11
10
  return _HiPdfReader.default;
12
11
  }
13
12
  });
14
-
15
13
  var _HiPdfReader = _interopRequireDefault(require("./HiPdfReader"));
package/es/HiPin/HiPin.js CHANGED
@@ -1,20 +1,14 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.useStyles = exports.default = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
11
-
12
9
  var _react = _interopRequireDefault(require("react"));
13
-
14
10
  var _classnames = _interopRequireDefault(require("classnames"));
15
-
16
11
  var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
17
-
18
12
  var useStyles = (0, _makeStyles.default)(function (theme) {
19
13
  return {
20
14
  root: {
@@ -43,17 +37,17 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
43
37
  backgroundColor: theme.palette.secondary.main,
44
38
  color: theme.palette.secondary.contrastText
45
39
  },
46
- positive: {
47
- backgroundColor: theme.palette.positive.main,
48
- color: theme.palette.positive.contrastText
40
+ success: {
41
+ backgroundColor: theme.palette.success.main,
42
+ color: theme.palette.success.contrastText
49
43
  },
50
- negative: {
51
- backgroundColor: theme.palette.negative.main,
52
- color: theme.palette.negative.contrastText
44
+ error: {
45
+ backgroundColor: theme.palette.error.main,
46
+ color: theme.palette.error.contrastText
53
47
  },
54
- middle: {
55
- backgroundColor: theme.palette.middle.main,
56
- color: theme.palette.middle.contrastText
48
+ warning: {
49
+ backgroundColor: theme.palette.warning.main,
50
+ color: theme.palette.warning.contrastText
57
51
  },
58
52
  neutral: {
59
53
  backgroundColor: theme.palette.neutral.main,
@@ -61,6 +55,7 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
61
55
  }
62
56
  };
63
57
  });
58
+
64
59
  /**
65
60
  * HiPins
66
61
  *
@@ -69,25 +64,21 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
69
64
  * - CellStatus to display operations count and to deploy operation rows on click.
70
65
  *
71
66
  */
72
-
73
67
  exports.useStyles = useStyles;
74
-
75
68
  function HiPin(props) {
76
69
  var _classNames;
77
-
78
70
  var children = props.children,
79
- color = props.color,
80
- onClick = props.onClick,
81
- className = props.className;
71
+ color = props.color,
72
+ onClick = props.onClick,
73
+ className = props.className;
82
74
  var classes = useStyles(props);
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.positive, color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.negative, color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.middle, color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.neutral, color === 'neutral'), _classNames), className);
75
+ 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);
84
76
  return /*#__PURE__*/_react.default.createElement("div", {
85
77
  className: pinClass,
86
78
  onClick: onClick,
87
79
  role: onClick ? 'button' : undefined
88
80
  }, children);
89
81
  }
90
-
91
82
  HiPin.defaultProps = {
92
83
  color: 'default'
93
84
  };
package/es/HiPin/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
11
10
  return _HiPin.default;
12
11
  }
13
12
  });
14
-
15
13
  var _HiPin = _interopRequireDefault(require("./HiPin"));
@@ -1,19 +1,15 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.styles = exports.default = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
13
-
14
10
  var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
15
-
16
11
  // @inheritedComponent Radio
12
+
17
13
  var styles = function styles(theme) {
18
14
  return {
19
15
  checked: {
@@ -28,19 +24,17 @@ var styles = function styles(theme) {
28
24
  }
29
25
  };
30
26
  };
31
-
32
27
  exports.styles = styles;
33
-
34
28
  var HiRadio = function HiRadio(_ref) {
35
29
  var checked = _ref.checked,
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;
43
- var hcolor = ['positive', 'negative', 'middle', 'neutral', 'inherit'].includes(color) ? 'default' : color;
30
+ classes = _ref.classes,
31
+ className = _ref.className,
32
+ color = _ref.color,
33
+ disabled = _ref.disabled,
34
+ label = _ref.label,
35
+ onChange = _ref.onChange,
36
+ value = _ref.value;
37
+ var hcolor = ['success', 'error', 'warning', 'neutral', 'inherit'].includes(color) ? 'default' : color;
44
38
  return /*#__PURE__*/_react.default.createElement(_Radio.default, {
45
39
  className: className,
46
40
  classes: {
@@ -56,12 +50,9 @@ var HiRadio = function HiRadio(_ref) {
56
50
  value: value
57
51
  });
58
52
  };
59
-
60
53
  HiRadio.defaultProps = {};
61
-
62
54
  var _default = (0, _withStyles.default)(styles, {
63
55
  hiComponent: true,
64
56
  name: 'HmuiHiRadio'
65
57
  })(HiRadio);
66
-
67
58
  exports.default = _default;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
11
10
  return _HiRadio.default;
12
11
  }
13
12
  });
14
-
15
13
  var _HiRadio = _interopRequireDefault(require("./HiRadio"));
@@ -1,36 +1,22 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.default = void 0;
11
-
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
13
-
14
10
  var _react = _interopRequireWildcard(require("react"));
15
-
16
11
  var _reactUse = require("react-use");
17
-
18
12
  var _HiStepper = _interopRequireDefault(require("../HiStepper"));
19
-
20
13
  var _HiStep = _interopRequireDefault(require("../HiStepper/HiStep"));
21
-
22
14
  var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
23
-
24
15
  var _HiIcon = _interopRequireDefault(require("../HiIcon"));
25
-
26
16
  var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
27
-
28
17
  var _classnames = _interopRequireDefault(require("classnames"));
29
-
30
18
  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
19
  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
-
34
20
  var useStyles = (0, _makeStyles.default)(function (theme) {
35
21
  return {
36
22
  root: {
@@ -62,94 +48,78 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
62
48
  }
63
49
  };
64
50
  });
65
-
66
51
  var HiScrollStepper = function HiScrollStepper(_ref) {
67
52
  var steps = _ref.steps,
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;
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;
80
65
  var classes = useStyles();
81
-
82
66
  var _useMap = (0, _reactUse.useMap)({
83
- 0: 'in_progress'
84
- }),
85
- _useMap2 = (0, _slicedToArray2.default)(_useMap, 2),
86
- status = _useMap2[0],
87
- setStatus = _useMap2[1].set;
88
-
67
+ 0: 'in_progress'
68
+ }),
69
+ _useMap2 = (0, _slicedToArray2.default)(_useMap, 2),
70
+ status = _useMap2[0],
71
+ setStatus = _useMap2[1].set;
89
72
  var _useCounter = (0, _reactUse.useCounter)(0, steps.length - 1, 0),
90
- _useCounter2 = (0, _slicedToArray2.default)(_useCounter, 2),
91
- activeStep = _useCounter2[0],
92
- setActiveStep = _useCounter2[1].set;
93
-
73
+ _useCounter2 = (0, _slicedToArray2.default)(_useCounter, 2),
74
+ activeStep = _useCounter2[0],
75
+ setActiveStep = _useCounter2[1].set;
94
76
  var _useState = (0, _react.useState)(stepLabelDefaultVisible),
95
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
96
- stepLabelVisible = _useState2[0],
97
- setStepLabelVisible = _useState2[1];
98
-
77
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
78
+ stepLabelVisible = _useState2[0],
79
+ setStepLabelVisible = _useState2[1];
99
80
  var _useState3 = (0, _react.useState)(document.body.scrollHeight - minScrollHeightToEnable >= document.body.clientHeight),
100
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
101
- stepperEnabled = _useState4[0],
102
- setStepperEnabled = _useState4[1];
103
-
81
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
82
+ stepperEnabled = _useState4[0],
83
+ setStepperEnabled = _useState4[1];
104
84
  var instantActiveStep = 0;
105
85
  var stepsRef = (0, _react.useMemo)(function () {
106
86
  return Array(steps.length).fill(0).map(function () {
107
87
  return _react.default.createRef();
108
88
  });
109
89
  }, []);
110
-
111
90
  var getOffsetTop = function getOffsetTop(element) {
112
91
  var offsetTop = 0;
113
-
114
92
  while (element) {
115
93
  offsetTop += element.offsetTop;
116
94
  element = element.offsetParent;
117
95
  }
118
-
119
96
  return offsetTop;
120
97
  };
121
-
122
98
  var scrollToStep = function scrollToStep(index) {
123
99
  window.scrollTo({
124
100
  top: getOffsetTop(stepsRef[index].current) - stepMargin,
125
101
  behavior: 'smooth'
126
102
  });
127
103
  };
128
-
129
104
  var handleScroll = function handleScroll() {
130
105
  var newActiveStep = 0;
131
106
  var scrollOffset = window.pageYOffset + 1;
132
-
133
107
  if (scrollOffset < stepMargin) {
134
108
  newActiveStep = 0;
135
109
  } else if (scrollOffset + window.innerHeight >= document.body.scrollHeight) {
136
110
  newActiveStep = steps.length - 1;
137
111
  } else {
138
112
  var stepIndex = 0;
139
-
140
113
  while (stepIndex < steps.length) {
141
114
  var stepHeight = stepsRef[stepIndex].current.offsetHeight;
142
115
  var stepBottomOffset = getOffsetTop(stepsRef[stepIndex].current) + (stepHeight - stepMargin);
143
-
144
116
  if (stepBottomOffset > scrollOffset) {
145
117
  newActiveStep = stepIndex;
146
118
  break;
147
119
  }
148
-
149
120
  stepIndex++;
150
121
  }
151
122
  }
152
-
153
123
  if (newActiveStep !== instantActiveStep) {
154
124
  instantActiveStep = newActiveStep;
155
125
  setActiveStep(newActiveStep);
@@ -158,25 +128,19 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
158
128
  });
159
129
  }
160
130
  };
161
-
162
131
  var handleStepLabelVisibility = function handleStepLabelVisibility() {
163
132
  var newVisibility = !stepLabelVisible;
164
-
165
133
  if (newVisibility === true && typeof onShowStepLabel === 'function') {
166
134
  onShowStepLabel();
167
135
  }
168
-
169
136
  if (newVisibility === false && typeof onHideStepLabel === 'function') {
170
137
  onHideStepLabel();
171
138
  }
172
-
173
139
  setStepLabelVisible(newVisibility);
174
140
  };
175
-
176
141
  var handleResize = function handleResize() {
177
142
  setStepperEnabled(document.body.scrollHeight - minScrollHeightToEnable >= document.body.clientHeight);
178
143
  };
179
-
180
144
  (0, _reactUse.useMount)(function () {
181
145
  window.addEventListener('scroll', handleScroll);
182
146
  window.addEventListener('resize', handleResize);
@@ -227,6 +191,5 @@ var HiScrollStepper = function HiScrollStepper(_ref) {
227
191
  }, step.content);
228
192
  })));
229
193
  };
230
-
231
194
  var _default = HiScrollStepper;
232
195
  exports.default = _default;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
11
10
  return _HiScrollStepper.default;
12
11
  }
13
12
  });
14
-
15
13
  var _HiScrollStepper = _interopRequireDefault(require("./HiScrollStepper"));