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

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