@hipay/hipay-material-ui 4.0.1-beta3 → 4.0.1-beta5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/HiAccordion/HiAccordion.js +26 -8
 - package/HiAccordion/index.js +5 -1
 - package/HiAccordionActions/HiAccordionActions.js +14 -1
 - package/HiAccordionActions/index.js +5 -1
 - package/HiAccordionSummary/HiAccordionSummary.js +15 -1
 - package/HiAccordionSummary/index.js +5 -1
 - package/HiAlertModal/HiAlertModal.js +22 -7
 - package/HiAlertModal/index.js +5 -1
 - package/HiAppBar/HiAppBar.js +47 -15
 - package/HiAppBar/index.js +2 -0
 - package/HiAvatar/HiAvatar.js +12 -3
 - package/HiAvatar/index.js +2 -0
 - package/HiBadge/HiBadge.js +24 -8
 - package/HiBadge/index.js +2 -0
 - package/HiBreadcrumb/HiBreadcrumb.js +35 -10
 - package/HiBreadcrumb/HiStep.js +50 -17
 - package/HiBreadcrumb/HiStepConnector.js +55 -18
 - package/HiBreadcrumb/HiStepContent.js +35 -10
 - package/HiBreadcrumb/HiStepIcon.js +40 -14
 - package/HiBreadcrumb/HiStepLabel.js +49 -18
 - package/HiBreadcrumb/HiStepper.js +35 -10
 - package/HiBreadcrumb/index.js +2 -0
 - package/HiButton/HiButton.js +33 -8
 - package/HiButton/index.js +5 -1
 - package/HiCell/CellAddress.js +38 -16
 - package/HiCell/CellDate.js +41 -14
 - package/HiCell/CellHiddenContent.js +30 -8
 - package/HiCell/CellIcon.js +41 -16
 - package/HiCell/CellImage.js +39 -16
 - package/HiCell/CellNumeric.js +45 -17
 - package/HiCell/CellPinToAction.js +38 -13
 - package/HiCell/CellRate.js +52 -17
 - package/HiCell/CellSentinel.js +38 -16
 - package/HiCell/CellSentinelScore.js +36 -13
 - package/HiCell/CellText.js +58 -21
 - package/HiCell/CellTextStyled.js +24 -13
 - package/HiCell/index.js +10 -0
 - package/HiCheckbox/HiCheckbox.js +57 -19
 - package/HiCheckbox/index.js +2 -0
 - package/HiChip/HiChip.js +47 -24
 - package/HiChip/HiChipSwitch.js +65 -21
 - package/HiChip/index.js +3 -0
 - package/HiColoredLabel/HiColoredLabel.js +49 -15
 - package/HiColoredLabel/index.js +2 -0
 - package/HiDatePicker/Caption.js +21 -9
 - package/HiDatePicker/HiDatePicker.js +93 -20
 - package/HiDatePicker/HiDatePickerMobile.js +48 -22
 - package/HiDatePicker/HiDateRangePicker.js +139 -42
 - package/HiDatePicker/HiDateRangeSelector.js +135 -53
 - package/HiDatePicker/ListPicker.js +43 -12
 - package/HiDatePicker/NavBar.js +31 -12
 - package/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
 - package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
 - package/HiDatePicker/Overlays/MonthPickerOverlay.js +32 -9
 - package/HiDatePicker/Overlays/Overlay.js +25 -8
 - package/HiDatePicker/Overlays/TimePickerOverlay.js +45 -13
 - package/HiDatePicker/Overlays/YearPickerOverlay.js +38 -13
 - package/HiDatePicker/Overlays/index.js +6 -0
 - package/HiDatePicker/Weekday.js +9 -4
 - package/HiDatePicker/hiLocaleUtils.js +20 -8
 - package/HiDatePicker/index.js +2 -0
 - package/HiDatePicker/stylesheet.js +13 -6
 - package/HiDialog/HiDialog.js +19 -7
 - package/HiDialog/index.js +2 -0
 - package/HiDotsStepper/HiDot.js +42 -12
 - package/HiDotsStepper/HiDotsStepper.js +43 -15
 - package/HiDotsStepper/index.js +3 -0
 - package/HiExpansionPanel/HiExpansionPanel.js +38 -16
 - package/HiExpansionPanel/index.js +5 -1
 - package/HiForm/HiAddressField.js +41 -14
 - package/HiForm/HiEmailField.js +34 -9
 - package/HiForm/HiFormControl.js +79 -32
 - package/HiForm/HiFormLabel.js +45 -18
 - package/HiForm/HiInput.js +97 -37
 - package/HiForm/HiPasswordField.js +43 -13
 - package/HiForm/HiSearchField.js +40 -8
 - package/HiForm/HiSlider.js +62 -26
 - package/HiForm/HiTextField.js +52 -26
 - package/HiForm/HiUpload.js +94 -33
 - package/HiForm/HiUploadField.js +37 -14
 - package/HiForm/HiUploadInput.js +81 -25
 - package/HiForm/index.js +12 -0
 - package/HiIcon/HiIcon.js +34 -9
 - package/HiIcon/index.js +2 -0
 - package/HiIconButton/HiIconButton.js +21 -6
 - package/HiIconButton/index.js +2 -0
 - package/HiListItemLink/HiListItemLink.js +19 -6
 - package/HiListItemLink/index.js +2 -0
 - package/HiLoader/HiLoader.js +16 -6
 - package/HiLoader/index.js +2 -0
 - package/HiNotice/HiKPI.js +53 -21
 - package/HiNotice/HiKPINotice.js +16 -6
 - package/HiNotice/index.js +3 -0
 - package/HiPagination/HiPagination.js +11 -1
 - package/HiPagination/index.js +2 -0
 - package/HiPaymentMeans/HiPaymentMeans.js +72 -31
 - package/HiPaymentMeans/index.js +2 -0
 - package/HiPdfReader/HiPdfReader.js +61 -27
 - package/HiPdfReader/index.js +2 -0
 - package/HiPin/HiPin.js +19 -7
 - package/HiPin/index.js +2 -0
 - package/HiRadio/HiRadio.js +22 -11
 - package/HiRadio/index.js +2 -0
 - package/HiScrollStepper/HiScrollStepper.js +67 -29
 - package/HiScrollStepper/index.js +2 -0
 - package/HiSelect/HiDynamicSelect.js +47 -36
 - package/HiSelect/HiDynamicSelectField.js +52 -27
 - package/HiSelect/HiNestedSelect.js +116 -69
 - package/HiSelect/HiNestedSelectContent.js +90 -63
 - package/HiSelect/HiNestedSelectField.js +52 -27
 - package/HiSelect/HiSelect.js +192 -93
 - package/HiSelect/HiSelectContent.js +103 -67
 - package/HiSelect/HiSelectField.js +53 -28
 - package/HiSelect/HiSelectInput.js +81 -25
 - package/HiSelect/HiSelectMobile.js +49 -11
 - package/HiSelect/HiSuggestSelect.js +85 -28
 - package/HiSelect/HiSuggestSelectField.js +43 -18
 - package/HiSelect/index.js +14 -2
 - package/HiSelectableList/HiSelectableList.js +95 -38
 - package/HiSelectableList/HiSelectableListHierarchic.js +65 -38
 - package/HiSelectableList/HiSelectableListItem.js +88 -45
 - package/HiSelectableList/index.js +4 -0
 - package/HiStepper/DefaultIndicator.js +10 -1
 - package/HiStepper/HiStep.js +48 -18
 - package/HiStepper/HiStepper.js +15 -2
 - package/HiStepper/index.js +3 -0
 - package/HiSwitch/HiSwitch.js +33 -9
 - package/HiSwitch/HiSwitchState.js +32 -15
 - package/HiSwitch/index.js +3 -0
 - package/HiTable/HiCellBuilder.js +69 -13
 - package/HiTable/HiTable.js +48 -20
 - package/HiTable/HiTableBody.js +28 -10
 - package/HiTable/HiTableHeader.js +55 -21
 - package/HiTable/HiTableRow.js +51 -16
 - package/HiTable/constants.js +98 -48
 - package/HiTable/index.js +2 -0
 - package/es/HiAccordion/HiAccordion.js +26 -8
 - package/es/HiAccordion/index.js +5 -1
 - package/es/HiAccordionActions/HiAccordionActions.js +14 -1
 - package/es/HiAccordionActions/index.js +5 -1
 - package/es/HiAccordionSummary/HiAccordionSummary.js +15 -1
 - package/es/HiAccordionSummary/index.js +5 -1
 - package/es/HiAlertModal/HiAlertModal.js +22 -7
 - package/es/HiAlertModal/index.js +5 -1
 - package/es/HiAppBar/HiAppBar.js +47 -15
 - package/es/HiAppBar/index.js +2 -0
 - package/es/HiAvatar/HiAvatar.js +12 -3
 - package/es/HiAvatar/index.js +2 -0
 - package/es/HiBadge/HiBadge.js +24 -8
 - package/es/HiBadge/index.js +2 -0
 - package/es/HiBreadcrumb/HiBreadcrumb.js +35 -10
 - package/es/HiBreadcrumb/HiStep.js +50 -17
 - package/es/HiBreadcrumb/HiStepConnector.js +55 -18
 - package/es/HiBreadcrumb/HiStepContent.js +35 -10
 - package/es/HiBreadcrumb/HiStepIcon.js +40 -14
 - package/es/HiBreadcrumb/HiStepLabel.js +49 -18
 - package/es/HiBreadcrumb/HiStepper.js +35 -10
 - package/es/HiBreadcrumb/index.js +2 -0
 - package/es/HiButton/HiButton.js +33 -8
 - package/es/HiButton/index.js +5 -1
 - package/es/HiCell/CellAddress.js +38 -16
 - package/es/HiCell/CellDate.js +41 -14
 - package/es/HiCell/CellHiddenContent.js +30 -8
 - package/es/HiCell/CellIcon.js +41 -16
 - package/es/HiCell/CellImage.js +39 -16
 - package/es/HiCell/CellNumeric.js +45 -17
 - package/es/HiCell/CellPinToAction.js +38 -13
 - package/es/HiCell/CellRate.js +52 -17
 - package/es/HiCell/CellSentinel.js +38 -16
 - package/es/HiCell/CellSentinelScore.js +36 -13
 - package/es/HiCell/CellText.js +58 -21
 - package/es/HiCell/CellTextStyled.js +24 -13
 - package/es/HiCell/index.js +10 -0
 - package/es/HiCheckbox/HiCheckbox.js +57 -19
 - package/es/HiCheckbox/index.js +2 -0
 - package/es/HiChip/HiChip.js +47 -24
 - package/es/HiChip/HiChipSwitch.js +65 -21
 - package/es/HiChip/index.js +3 -0
 - package/es/HiColoredLabel/HiColoredLabel.js +49 -15
 - package/es/HiColoredLabel/index.js +2 -0
 - package/es/HiDatePicker/Caption.js +21 -9
 - package/es/HiDatePicker/HiDatePicker.js +93 -20
 - package/es/HiDatePicker/HiDatePickerMobile.js +48 -22
 - package/es/HiDatePicker/HiDateRangePicker.js +139 -42
 - package/es/HiDatePicker/HiDateRangeSelector.js +135 -53
 - package/es/HiDatePicker/ListPicker.js +43 -12
 - package/es/HiDatePicker/NavBar.js +31 -12
 - package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
 - package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
 - package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +32 -9
 - package/es/HiDatePicker/Overlays/Overlay.js +25 -8
 - package/es/HiDatePicker/Overlays/TimePickerOverlay.js +45 -13
 - package/es/HiDatePicker/Overlays/YearPickerOverlay.js +38 -13
 - package/es/HiDatePicker/Overlays/index.js +6 -0
 - package/es/HiDatePicker/Weekday.js +9 -4
 - package/es/HiDatePicker/hiLocaleUtils.js +20 -8
 - package/es/HiDatePicker/index.js +2 -0
 - package/es/HiDatePicker/stylesheet.js +13 -6
 - package/es/HiDialog/HiDialog.js +19 -7
 - package/es/HiDialog/index.js +2 -0
 - package/es/HiDotsStepper/HiDot.js +42 -12
 - package/es/HiDotsStepper/HiDotsStepper.js +43 -15
 - package/es/HiDotsStepper/index.js +3 -0
 - package/es/HiExpansionPanel/HiExpansionPanel.js +38 -16
 - package/es/HiExpansionPanel/index.js +5 -1
 - package/es/HiForm/HiAddressField.js +41 -14
 - package/es/HiForm/HiEmailField.js +34 -9
 - package/es/HiForm/HiFormControl.js +79 -32
 - package/es/HiForm/HiFormLabel.js +45 -18
 - package/es/HiForm/HiInput.js +97 -37
 - package/es/HiForm/HiPasswordField.js +43 -13
 - package/es/HiForm/HiSearchField.js +40 -8
 - package/es/HiForm/HiSlider.js +62 -26
 - package/es/HiForm/HiTextField.js +52 -26
 - package/es/HiForm/HiUpload.js +94 -33
 - package/es/HiForm/HiUploadField.js +37 -14
 - package/es/HiForm/HiUploadInput.js +81 -25
 - package/es/HiForm/index.js +12 -0
 - package/es/HiIcon/HiIcon.js +34 -9
 - package/es/HiIcon/index.js +2 -0
 - package/es/HiIconButton/HiIconButton.js +21 -6
 - package/es/HiIconButton/index.js +2 -0
 - package/es/HiListItemLink/HiListItemLink.js +19 -6
 - package/es/HiListItemLink/index.js +2 -0
 - package/es/HiLoader/HiLoader.js +16 -6
 - package/es/HiLoader/index.js +2 -0
 - package/es/HiNotice/HiKPI.js +53 -21
 - package/es/HiNotice/HiKPINotice.js +16 -6
 - package/es/HiNotice/index.js +3 -0
 - package/es/HiPagination/HiPagination.js +11 -1
 - package/es/HiPagination/index.js +2 -0
 - package/es/HiPaymentMeans/HiPaymentMeans.js +72 -31
 - package/es/HiPaymentMeans/index.js +2 -0
 - package/es/HiPdfReader/HiPdfReader.js +61 -27
 - package/es/HiPdfReader/index.js +2 -0
 - package/es/HiPin/HiPin.js +19 -7
 - package/es/HiPin/index.js +2 -0
 - package/es/HiRadio/HiRadio.js +22 -11
 - package/es/HiRadio/index.js +2 -0
 - package/es/HiScrollStepper/HiScrollStepper.js +67 -29
 - package/es/HiScrollStepper/index.js +2 -0
 - package/es/HiSelect/HiDynamicSelect.js +47 -36
 - package/es/HiSelect/HiDynamicSelectField.js +52 -27
 - package/es/HiSelect/HiNestedSelect.js +116 -69
 - package/es/HiSelect/HiNestedSelectContent.js +90 -63
 - package/es/HiSelect/HiNestedSelectField.js +52 -27
 - package/es/HiSelect/HiSelect.js +192 -93
 - package/es/HiSelect/HiSelectContent.js +103 -67
 - package/es/HiSelect/HiSelectField.js +53 -28
 - package/es/HiSelect/HiSelectInput.js +81 -25
 - package/es/HiSelect/HiSelectMobile.js +49 -11
 - package/es/HiSelect/HiSuggestSelect.js +85 -28
 - package/es/HiSelect/HiSuggestSelectField.js +43 -18
 - package/es/HiSelect/index.js +14 -2
 - package/es/HiSelectableList/HiSelectableList.js +95 -38
 - package/es/HiSelectableList/HiSelectableListHierarchic.js +65 -38
 - package/es/HiSelectableList/HiSelectableListItem.js +88 -45
 - package/es/HiSelectableList/index.js +4 -0
 - package/es/HiStepper/DefaultIndicator.js +10 -1
 - package/es/HiStepper/HiStep.js +48 -18
 - package/es/HiStepper/HiStepper.js +15 -2
 - package/es/HiStepper/index.js +3 -0
 - package/es/HiSwitch/HiSwitch.js +33 -9
 - package/es/HiSwitch/HiSwitchState.js +32 -15
 - package/es/HiSwitch/index.js +3 -0
 - package/es/HiTable/HiCellBuilder.js +69 -13
 - package/es/HiTable/HiTable.js +48 -20
 - package/es/HiTable/HiTableBody.js +28 -10
 - package/es/HiTable/HiTableHeader.js +55 -21
 - package/es/HiTable/HiTableRow.js +51 -16
 - package/es/HiTable/constants.js +98 -48
 - package/es/HiTable/index.js +2 -0
 - package/es/hi-svg-icons/HiAccount.js +14 -4
 - package/es/hi-svg-icons/HiActivity.js +14 -4
 - package/es/hi-svg-icons/HiAll.js +18 -7
 - package/es/hi-svg-icons/HiBilling.js +14 -4
 - package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -4
 - package/es/hi-svg-icons/HiBusiness.js +14 -4
 - package/es/hi-svg-icons/HiCatalog.js +14 -4
 - package/es/hi-svg-icons/HiCustomer.js +14 -4
 - package/es/hi-svg-icons/HiDownload.js +14 -4
 - package/es/hi-svg-icons/HiFinance.js +14 -4
 - package/es/hi-svg-icons/HiFinanceMenu.js +14 -4
 - package/es/hi-svg-icons/HiHostedPaymentPage.js +14 -4
 - package/es/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
 - package/es/hi-svg-icons/HiIntegration.js +14 -4
 - package/es/hi-svg-icons/HiIntegrationMenu.js +14 -4
 - package/es/hi-svg-icons/HiIntelligence.js +14 -4
 - package/es/hi-svg-icons/HiIntelligenceMenu.js +14 -4
 - package/es/hi-svg-icons/HiInvoice.js +14 -4
 - package/es/hi-svg-icons/HiInvoiceMenu.js +14 -4
 - package/es/hi-svg-icons/HiLogoRounded.js +17 -6
 - package/es/hi-svg-icons/HiOrder.js +14 -4
 - package/es/hi-svg-icons/HiPaymentOrder.js +14 -4
 - package/es/hi-svg-icons/HiPermission.js +14 -4
 - package/es/hi-svg-icons/HiPriceGrid.js +14 -4
 - package/es/hi-svg-icons/HiPrivate.js +14 -4
 - package/es/hi-svg-icons/HiRoute.js +14 -4
 - package/es/hi-svg-icons/HiRouteMenu.js +14 -4
 - package/es/hi-svg-icons/HiRouteSwitch.js +19 -7
 - package/es/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
 - package/es/hi-svg-icons/HiSettlement.js +14 -4
 - package/es/hi-svg-icons/HiSizeLarge.js +14 -4
 - package/es/hi-svg-icons/HiSizeMedium.js +14 -4
 - package/es/hi-svg-icons/HiSizeSmall.js +14 -4
 - package/es/hi-svg-icons/HiStore.js +14 -4
 - package/es/hi-svg-icons/HiStoreMenu.js +14 -4
 - package/es/hi-svg-icons/HiTransaction.js +14 -4
 - package/es/hi-svg-icons/HiTransactionMenu.js +14 -4
 - package/es/hi-svg-icons/HiUser.js +14 -4
 - package/es/hi-svg-icons/HiVendor.js +14 -4
 - package/es/hi-svg-icons/HiWidget.js +14 -4
 - package/es/hi-svg-icons/index.js +41 -0
 - package/es/hi-svg-images/HiLogo.js +12 -4
 - package/es/hi-svg-images/HiLogoWhite.js +12 -4
 - package/es/hi-svg-images/index.js +3 -0
 - package/es/setupTest.js +13 -2
 - package/es/styleguide/Wrapper.js +6 -0
 - package/es/styles/MuiThemeProvider.js +53 -18
 - package/es/styles/colorManipulator.js +50 -15
 - package/es/styles/createBreakpoints.js +29 -14
 - package/es/styles/createGenerateClassName.js +24 -14
 - package/es/styles/createMixins.js +10 -4
 - package/es/styles/createMuiTheme.js +28 -11
 - package/es/styles/createPalette.js +89 -66
 - package/es/styles/createStyles.js +1 -0
 - package/es/styles/createTypography.js +24 -15
 - package/es/styles/getStylesCreator.js +14 -2
 - package/es/styles/getThemeProps.js +7 -2
 - package/es/styles/index.js +6 -0
 - package/es/styles/jssPreset.js +11 -1
 - package/es/styles/makeStyles.js +9 -2
 - package/es/styles/mergeClasses.js +16 -5
 - package/es/styles/shadows.js +4 -1
 - package/es/styles/shape.js +2 -1
 - package/es/styles/spacing.js +4 -1
 - package/es/styles/themeListener.js +10 -2
 - package/es/styles/transitions.js +35 -20
 - package/es/styles/withStyles.js +9 -2
 - package/es/styles/zIndex.js +2 -1
 - package/es/test-utils/createMount.js +12 -2
 - package/es/test-utils/createRender.js +9 -2
 - package/es/test-utils/createShallow.js +17 -6
 - package/es/test-utils/getClasses.js +4 -1
 - package/es/test-utils/index.js +6 -0
 - package/es/test-utils/until.js +14 -3
 - package/es/test-utils/unwrap.js +1 -0
 - package/es/theme/palette.js +7 -2
 - package/es/theme/typography.js +15 -7
 - package/es/theme.js +8 -2
 - package/es/transitions/utils.js +7 -3
 - package/es/utils/exactProp.js +13 -3
 - package/es/utils/helpers.js +58 -19
 - package/es/withMobileDialog/index.js +2 -0
 - package/es/withMobileDialog/withMobileDialog.js +12 -3
 - package/hi-svg-icons/HiAccount.js +14 -4
 - package/hi-svg-icons/HiActivity.js +14 -4
 - package/hi-svg-icons/HiAll.js +18 -7
 - package/hi-svg-icons/HiBilling.js +14 -4
 - package/hi-svg-icons/HiBriefcaseRescue.js +14 -4
 - package/hi-svg-icons/HiBusiness.js +14 -4
 - package/hi-svg-icons/HiCatalog.js +14 -4
 - package/hi-svg-icons/HiCustomer.js +14 -4
 - package/hi-svg-icons/HiDownload.js +14 -4
 - package/hi-svg-icons/HiFinance.js +14 -4
 - package/hi-svg-icons/HiFinanceMenu.js +14 -4
 - package/hi-svg-icons/HiHostedPaymentPage.js +14 -4
 - package/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
 - package/hi-svg-icons/HiIntegration.js +14 -4
 - package/hi-svg-icons/HiIntegrationMenu.js +14 -4
 - package/hi-svg-icons/HiIntelligence.js +14 -4
 - package/hi-svg-icons/HiIntelligenceMenu.js +14 -4
 - package/hi-svg-icons/HiInvoice.js +14 -4
 - package/hi-svg-icons/HiInvoiceMenu.js +14 -4
 - package/hi-svg-icons/HiLogoRounded.js +17 -6
 - package/hi-svg-icons/HiOrder.js +14 -4
 - package/hi-svg-icons/HiPaymentOrder.js +14 -4
 - package/hi-svg-icons/HiPermission.js +14 -4
 - package/hi-svg-icons/HiPriceGrid.js +14 -4
 - package/hi-svg-icons/HiPrivate.js +14 -4
 - package/hi-svg-icons/HiRoute.js +14 -4
 - package/hi-svg-icons/HiRouteMenu.js +14 -4
 - package/hi-svg-icons/HiRouteSwitch.js +19 -7
 - package/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
 - package/hi-svg-icons/HiSettlement.js +14 -4
 - package/hi-svg-icons/HiSizeLarge.js +14 -4
 - package/hi-svg-icons/HiSizeMedium.js +14 -4
 - package/hi-svg-icons/HiSizeSmall.js +14 -4
 - package/hi-svg-icons/HiStore.js +14 -4
 - package/hi-svg-icons/HiStoreMenu.js +14 -4
 - package/hi-svg-icons/HiTransaction.js +14 -4
 - package/hi-svg-icons/HiTransactionMenu.js +14 -4
 - package/hi-svg-icons/HiUser.js +14 -4
 - package/hi-svg-icons/HiVendor.js +14 -4
 - package/hi-svg-icons/HiWidget.js +14 -4
 - package/hi-svg-icons/index.js +41 -0
 - package/hi-svg-images/HiLogo.js +12 -4
 - package/hi-svg-images/HiLogoWhite.js +12 -4
 - package/hi-svg-images/index.js +3 -0
 - package/package.json +1 -1
 - package/setupTest.js +13 -2
 - package/styleguide/Wrapper.js +6 -0
 - package/styles/MuiThemeProvider.js +53 -18
 - package/styles/colorManipulator.js +50 -15
 - package/styles/createBreakpoints.js +29 -14
 - package/styles/createGenerateClassName.js +24 -14
 - package/styles/createMixins.js +10 -4
 - package/styles/createMuiTheme.js +28 -11
 - package/styles/createPalette.js +89 -66
 - package/styles/createStyles.js +1 -0
 - package/styles/createTypography.js +24 -15
 - package/styles/getStylesCreator.js +14 -2
 - package/styles/getThemeProps.js +7 -2
 - package/styles/index.js +6 -0
 - package/styles/jssPreset.js +11 -1
 - package/styles/makeStyles.js +9 -2
 - package/styles/mergeClasses.js +16 -5
 - package/styles/shadows.js +4 -1
 - package/styles/shape.js +2 -1
 - package/styles/spacing.js +4 -1
 - package/styles/themeListener.js +10 -2
 - package/styles/transitions.js +35 -20
 - package/styles/withStyles.js +9 -2
 - package/styles/zIndex.js +2 -1
 - package/test-utils/createMount.js +12 -2
 - package/test-utils/createRender.js +9 -2
 - package/test-utils/createShallow.js +17 -6
 - package/test-utils/getClasses.js +4 -1
 - package/test-utils/index.js +6 -0
 - package/test-utils/until.js +14 -3
 - package/test-utils/unwrap.js +1 -0
 - package/theme/palette.js +7 -2
 - package/theme/typography.js +15 -7
 - package/theme.js +8 -2
 - package/transitions/utils.js +7 -3
 - package/utils/exactProp.js +13 -3
 - package/utils/helpers.js +58 -19
 - package/withMobileDialog/index.js +2 -0
 - package/withMobileDialog/withMobileDialog.js +12 -3
 
| 
         @@ -1,26 +1,41 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            "use strict";
         
     | 
| 
       2 
2 
     | 
    
         | 
| 
       3 
3 
     | 
    
         
             
            var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
       4 
5 
     | 
    
         
             
            Object.defineProperty(exports, "__esModule", {
         
     | 
| 
       5 
6 
     | 
    
         
             
              value: true
         
     | 
| 
       6 
7 
     | 
    
         
             
            });
         
     | 
| 
       7 
8 
     | 
    
         
             
            exports.styles = exports.default = void 0;
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
       8 
10 
     | 
    
         
             
            var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
         
     | 
| 
      
 11 
     | 
    
         
            +
             
     | 
| 
       9 
12 
     | 
    
         
             
            var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
       10 
14 
     | 
    
         
             
            var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
       11 
16 
     | 
    
         
             
            var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
         
     | 
| 
      
 17 
     | 
    
         
            +
             
     | 
| 
      
 18 
     | 
    
         
            +
            var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
         
     | 
| 
      
 19 
     | 
    
         
            +
             
     | 
| 
       12 
20 
     | 
    
         
             
            var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
         
     | 
| 
      
 21 
     | 
    
         
            +
             
     | 
| 
       13 
22 
     | 
    
         
             
            var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
         
     | 
| 
       14 
     | 
    
         
            -
             
     | 
| 
      
 23 
     | 
    
         
            +
             
     | 
| 
       15 
24 
     | 
    
         
             
            var _react = _interopRequireDefault(require("react"));
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
       16 
26 
     | 
    
         
             
            var _HiButton = _interopRequireDefault(require("../HiButton"));
         
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
       17 
28 
     | 
    
         
             
            var _HiIcon = _interopRequireDefault(require("../HiIcon"));
         
     | 
| 
      
 29 
     | 
    
         
            +
             
     | 
| 
       18 
30 
     | 
    
         
             
            var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress/"));
         
     | 
| 
      
 31 
     | 
    
         
            +
             
     | 
| 
       19 
32 
     | 
    
         
             
            var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
         
     | 
| 
       20 
     | 
    
         
            -
             
     | 
| 
       21 
     | 
    
         
            -
            function  
     | 
| 
       22 
     | 
    
         
            -
             
     | 
| 
       23 
     | 
    
         
            -
             
     | 
| 
      
 33 
     | 
    
         
            +
             
     | 
| 
      
 34 
     | 
    
         
            +
            function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
         
     | 
| 
      
 35 
     | 
    
         
            +
             
     | 
| 
      
 36 
     | 
    
         
            +
            function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
         
     | 
| 
      
 37 
     | 
    
         
            +
             
     | 
| 
      
 38 
     | 
    
         
            +
            var styles = function styles(theme) {
         
     | 
| 
       24 
39 
     | 
    
         
             
              return {
         
     | 
| 
       25 
40 
     | 
    
         
             
                root: {
         
     | 
| 
       26 
41 
     | 
    
         
             
                  position: 'relative'
         
     | 
| 
         @@ -63,50 +78,62 @@ var styles = exports.styles = function styles(theme) { 
     | 
|
| 
       63 
78 
     | 
    
         
             
                  minHeight: 0
         
     | 
| 
       64 
79 
     | 
    
         
             
                }
         
     | 
| 
       65 
80 
     | 
    
         
             
              };
         
     | 
| 
       66 
     | 
    
         
            -
            };
         
     | 
| 
      
 81 
     | 
    
         
            +
            }; // Constantes utilisées pour le redimentionnement du PDF (format mobile par exemple)
         
     | 
| 
      
 82 
     | 
    
         
            +
             
     | 
| 
       67 
83 
     | 
    
         | 
| 
       68 
     | 
    
         
            -
             
     | 
| 
      
 84 
     | 
    
         
            +
            exports.styles = styles;
         
     | 
| 
       69 
85 
     | 
    
         
             
            var maxWindowWidth = 900;
         
     | 
| 
       70 
86 
     | 
    
         
             
            var maxPdfWidth = 600;
         
     | 
| 
       71 
87 
     | 
    
         
             
            var Document;
         
     | 
| 
       72 
88 
     | 
    
         
             
            var Page;
         
     | 
| 
      
 89 
     | 
    
         
            +
             
     | 
| 
       73 
90 
     | 
    
         
             
            var _ref2 = /*#__PURE__*/_react.default.createElement(_CircularProgress.default, null);
         
     | 
| 
      
 91 
     | 
    
         
            +
             
     | 
| 
       74 
92 
     | 
    
         
             
            var _ref3 = /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
         
     | 
| 
       75 
93 
     | 
    
         
             
              icon: "chevron_left"
         
     | 
| 
       76 
94 
     | 
    
         
             
            });
         
     | 
| 
      
 95 
     | 
    
         
            +
             
     | 
| 
       77 
96 
     | 
    
         
             
            var _ref4 = /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
         
     | 
| 
       78 
97 
     | 
    
         
             
              icon: "chevron_right"
         
     | 
| 
       79 
98 
     | 
    
         
             
            });
         
     | 
| 
      
 99 
     | 
    
         
            +
             
     | 
| 
       80 
100 
     | 
    
         
             
            var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
         
     | 
| 
       81 
101 
     | 
    
         
             
              (0, _inherits2.default)(HiPdfReader, _React$PureComponent);
         
     | 
| 
      
 102 
     | 
    
         
            +
             
     | 
| 
      
 103 
     | 
    
         
            +
              var _super = _createSuper(HiPdfReader);
         
     | 
| 
      
 104 
     | 
    
         
            +
             
     | 
| 
       82 
105 
     | 
    
         
             
              function HiPdfReader() {
         
     | 
| 
       83 
106 
     | 
    
         
             
                var _this;
         
     | 
| 
      
 107 
     | 
    
         
            +
             
     | 
| 
       84 
108 
     | 
    
         
             
                (0, _classCallCheck2.default)(this, HiPdfReader);
         
     | 
| 
      
 109 
     | 
    
         
            +
             
     | 
| 
       85 
110 
     | 
    
         
             
                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         
     | 
| 
       86 
111 
     | 
    
         
             
                  args[_key] = arguments[_key];
         
     | 
| 
       87 
112 
     | 
    
         
             
                }
         
     | 
| 
       88 
     | 
    
         
            -
             
     | 
| 
      
 113 
     | 
    
         
            +
             
     | 
| 
      
 114 
     | 
    
         
            +
                _this = _super.call.apply(_super, [this].concat(args));
         
     | 
| 
       89 
115 
     | 
    
         
             
                _this.state = {
         
     | 
| 
       90 
116 
     | 
    
         
             
                  numPages: null,
         
     | 
| 
       91 
117 
     | 
    
         
             
                  pageNumber: 1,
         
     | 
| 
       92 
118 
     | 
    
         
             
                  error: false,
         
     | 
| 
       93 
119 
     | 
    
         
             
                  width: 600
         
     | 
| 
       94 
120 
     | 
    
         
             
                };
         
     | 
| 
       95 
     | 
    
         
            -
             
     | 
| 
      
 121 
     | 
    
         
            +
             
     | 
| 
       96 
122 
     | 
    
         
             
                _this.handleLoadSuccess = function (_ref) {
         
     | 
| 
       97 
123 
     | 
    
         
             
                  var numPages = _ref.numPages;
         
     | 
| 
      
 124 
     | 
    
         
            +
             
     | 
| 
       98 
125 
     | 
    
         
             
                  _this.setState({
         
     | 
| 
       99 
126 
     | 
    
         
             
                    numPages: numPages,
         
     | 
| 
       100 
127 
     | 
    
         
             
                    error: false
         
     | 
| 
       101 
128 
     | 
    
         
             
                  });
         
     | 
| 
       102 
129 
     | 
    
         
             
                };
         
     | 
| 
       103 
     | 
    
         
            -
             
     | 
| 
      
 130 
     | 
    
         
            +
             
     | 
| 
       104 
131 
     | 
    
         
             
                _this.handleLoadError = function () {
         
     | 
| 
       105 
132 
     | 
    
         
             
                  _this.setState({
         
     | 
| 
       106 
133 
     | 
    
         
             
                    error: true
         
     | 
| 
       107 
134 
     | 
    
         
             
                  });
         
     | 
| 
       108 
135 
     | 
    
         
             
                };
         
     | 
| 
       109 
     | 
    
         
            -
             
     | 
| 
      
 136 
     | 
    
         
            +
             
     | 
| 
       110 
137 
     | 
    
         
             
                _this.handleClickNextPage = function () {
         
     | 
| 
       111 
138 
     | 
    
         
             
                  _this.setState(function (prevState) {
         
     | 
| 
       112 
139 
     | 
    
         
             
                    return {
         
     | 
| 
         @@ -114,7 +141,7 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) { 
     | 
|
| 
       114 
141 
     | 
    
         
             
                    };
         
     | 
| 
       115 
142 
     | 
    
         
             
                  });
         
     | 
| 
       116 
143 
     | 
    
         
             
                };
         
     | 
| 
       117 
     | 
    
         
            -
             
     | 
| 
      
 144 
     | 
    
         
            +
             
     | 
| 
       118 
145 
     | 
    
         
             
                _this.handleClickPreviousPage = function () {
         
     | 
| 
       119 
146 
     | 
    
         
             
                  _this.setState(function (prevState) {
         
     | 
| 
       120 
147 
     | 
    
         
             
                    return {
         
     | 
| 
         @@ -122,28 +149,32 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) { 
     | 
|
| 
       122 
149 
     | 
    
         
             
                    };
         
     | 
| 
       123 
150 
     | 
    
         
             
                  });
         
     | 
| 
       124 
151 
     | 
    
         
             
                };
         
     | 
| 
      
 152 
     | 
    
         
            +
             
     | 
| 
       125 
153 
     | 
    
         
             
                return _this;
         
     | 
| 
       126 
154 
     | 
    
         
             
              }
         
     | 
| 
      
 155 
     | 
    
         
            +
             
     | 
| 
       127 
156 
     | 
    
         
             
              (0, _createClass2.default)(HiPdfReader, [{
         
     | 
| 
       128 
157 
     | 
    
         
             
                key: "componentDidMount",
         
     | 
| 
       129 
158 
     | 
    
         
             
                value: function componentDidMount() {
         
     | 
| 
       130 
159 
     | 
    
         
             
                  this.updateDimensions();
         
     | 
| 
       131 
160 
     | 
    
         
             
                  window.addEventListener('resize', this.updateDimensions.bind(this));
         
     | 
| 
       132 
161 
     | 
    
         
             
                  /* eslint-disable */
         
     | 
| 
      
 162 
     | 
    
         
            +
             
     | 
| 
       133 
163 
     | 
    
         
             
                  Document = require('react-pdf').Document;
         
     | 
| 
       134 
164 
     | 
    
         
             
                  Page = require('react-pdf').Page;
         
     | 
| 
       135 
165 
     | 
    
         
             
                  /* eslint-enable */
         
     | 
| 
      
 166 
     | 
    
         
            +
             
     | 
| 
       136 
167 
     | 
    
         
             
                  this.forceUpdate();
         
     | 
| 
       137 
168 
     | 
    
         
             
                }
         
     | 
| 
       138 
169 
     | 
    
         
             
              }, {
         
     | 
| 
       139 
170 
     | 
    
         
             
                key: "componentWillUnmount",
         
     | 
| 
       140 
171 
     | 
    
         
             
                value: function componentWillUnmount() {
         
     | 
| 
       141 
172 
     | 
    
         
             
                  window.removeEventListener('resize', this.updateDimensions.bind(this));
         
     | 
| 
       142 
     | 
    
         
            -
                }
         
     | 
| 
      
 173 
     | 
    
         
            +
                } // Fonction appelée une fois le pdf correctement chargé
         
     | 
| 
      
 174 
     | 
    
         
            +
             
     | 
| 
       143 
175 
     | 
    
         
             
              }, {
         
     | 
| 
       144 
176 
     | 
    
         
             
                key: "updateDimensions",
         
     | 
| 
       145 
     | 
    
         
            -
                value:
         
     | 
| 
       146 
     | 
    
         
            -
                // Calculate & Update state of new dimensions
         
     | 
| 
      
 177 
     | 
    
         
            +
                value: // Calculate & Update state of new dimensions
         
     | 
| 
       147 
178 
     | 
    
         
             
                function updateDimensions() {
         
     | 
| 
       148 
179 
     | 
    
         
             
                  if (window.innerWidth < maxWindowWidth) {
         
     | 
| 
       149 
180 
     | 
    
         
             
                    var updateWidth = Math.round(window.innerWidth * 100 / maxWindowWidth / 100 * maxPdfWidth);
         
     | 
| 
         @@ -155,22 +186,21 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) { 
     | 
|
| 
       155 
186 
     | 
    
         
             
                      width: maxPdfWidth
         
     | 
| 
       156 
187 
     | 
    
         
             
                    });
         
     | 
| 
       157 
188 
     | 
    
         
             
                  }
         
     | 
| 
       158 
     | 
    
         
            -
                }
         
     | 
| 
      
 189 
     | 
    
         
            +
                } // Render
         
     | 
| 
       159 
190 
     | 
    
         | 
| 
       160 
     | 
    
         
            -
                // Render
         
     | 
| 
       161 
191 
     | 
    
         
             
              }, {
         
     | 
| 
       162 
192 
     | 
    
         
             
                key: "render",
         
     | 
| 
       163 
193 
     | 
    
         
             
                value: function render() {
         
     | 
| 
       164 
194 
     | 
    
         
             
                  var _this$state = this.state,
         
     | 
| 
       165 
     | 
    
         
            -
             
     | 
| 
       166 
     | 
    
         
            -
             
     | 
| 
       167 
     | 
    
         
            -
             
     | 
| 
      
 195 
     | 
    
         
            +
                      pageNumber = _this$state.pageNumber,
         
     | 
| 
      
 196 
     | 
    
         
            +
                      numPages = _this$state.numPages,
         
     | 
| 
      
 197 
     | 
    
         
            +
                      error = _this$state.error;
         
     | 
| 
       168 
198 
     | 
    
         
             
                  var _this$props = this.props,
         
     | 
| 
       169 
     | 
    
         
            -
             
     | 
| 
       170 
     | 
    
         
            -
             
     | 
| 
       171 
     | 
    
         
            -
             
     | 
| 
       172 
     | 
    
         
            -
             
     | 
| 
       173 
     | 
    
         
            -
             
     | 
| 
      
 199 
     | 
    
         
            +
                      classes = _this$props.classes,
         
     | 
| 
      
 200 
     | 
    
         
            +
                      file = _this$props.file,
         
     | 
| 
      
 201 
     | 
    
         
            +
                      displayPagination = _this$props.displayPagination,
         
     | 
| 
      
 202 
     | 
    
         
            +
                      displayNavigationButtons = _this$props.displayNavigationButtons,
         
     | 
| 
      
 203 
     | 
    
         
            +
                      props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "file", "displayPagination", "displayNavigationButtons"]);
         
     | 
| 
       174 
204 
     | 
    
         
             
                  if (!Document || !Page) return null;
         
     | 
| 
       175 
205 
     | 
    
         
             
                  return /*#__PURE__*/_react.default.createElement("div", {
         
     | 
| 
       176 
206 
     | 
    
         
             
                    className: classes.root
         
     | 
| 
         @@ -202,11 +232,15 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) { 
     | 
|
| 
       202 
232 
     | 
    
         
             
              }]);
         
     | 
| 
       203 
233 
     | 
    
         
             
              return HiPdfReader;
         
     | 
| 
       204 
234 
     | 
    
         
             
            }(_react.default.PureComponent);
         
     | 
| 
      
 235 
     | 
    
         
            +
             
     | 
| 
       205 
236 
     | 
    
         
             
            HiPdfReader.defaultProps = {
         
     | 
| 
       206 
237 
     | 
    
         
             
              displayPagination: true,
         
     | 
| 
       207 
238 
     | 
    
         
             
              displayNavigationButtons: true
         
     | 
| 
       208 
239 
     | 
    
         
             
            };
         
     | 
| 
       209 
     | 
    
         
            -
             
     | 
| 
      
 240 
     | 
    
         
            +
             
     | 
| 
      
 241 
     | 
    
         
            +
            var _default = (0, _withStyles.default)(styles, {
         
     | 
| 
       210 
242 
     | 
    
         
             
              name: 'HmuiHiPdfReader',
         
     | 
| 
       211 
243 
     | 
    
         
             
              index: 51
         
     | 
| 
       212 
     | 
    
         
            -
            })(HiPdfReader);
         
     | 
| 
      
 244 
     | 
    
         
            +
            })(HiPdfReader);
         
     | 
| 
      
 245 
     | 
    
         
            +
             
     | 
| 
      
 246 
     | 
    
         
            +
            exports.default = _default;
         
     | 
    
        package/es/HiPdfReader/index.js
    CHANGED
    
    | 
         @@ -1,6 +1,7 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            "use strict";
         
     | 
| 
       2 
2 
     | 
    
         | 
| 
       3 
3 
     | 
    
         
             
            var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
       4 
5 
     | 
    
         
             
            Object.defineProperty(exports, "__esModule", {
         
     | 
| 
       5 
6 
     | 
    
         
             
              value: true
         
     | 
| 
       6 
7 
     | 
    
         
             
            });
         
     | 
| 
         @@ -10,4 +11,5 @@ Object.defineProperty(exports, "default", { 
     | 
|
| 
       10 
11 
     | 
    
         
             
                return _HiPdfReader.default;
         
     | 
| 
       11 
12 
     | 
    
         
             
              }
         
     | 
| 
       12 
13 
     | 
    
         
             
            });
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
       13 
15 
     | 
    
         
             
            var _HiPdfReader = _interopRequireDefault(require("./HiPdfReader"));
         
     | 
    
        package/es/HiPin/HiPin.js
    CHANGED
    
    | 
         @@ -1,15 +1,21 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            "use strict";
         
     | 
| 
       2 
2 
     | 
    
         | 
| 
       3 
3 
     | 
    
         
             
            var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
       4 
5 
     | 
    
         
             
            Object.defineProperty(exports, "__esModule", {
         
     | 
| 
       5 
6 
     | 
    
         
             
              value: true
         
     | 
| 
       6 
7 
     | 
    
         
             
            });
         
     | 
| 
       7 
8 
     | 
    
         
             
            exports.useStyles = exports.default = void 0;
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
       8 
10 
     | 
    
         
             
            var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
         
     | 
| 
      
 11 
     | 
    
         
            +
             
     | 
| 
       9 
12 
     | 
    
         
             
            var _react = _interopRequireDefault(require("react"));
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
       10 
14 
     | 
    
         
             
            var _classnames = _interopRequireDefault(require("classnames"));
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
       11 
16 
     | 
    
         
             
            var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
         
     | 
| 
       12 
     | 
    
         
            -
             
     | 
| 
      
 17 
     | 
    
         
            +
             
     | 
| 
      
 18 
     | 
    
         
            +
            var useStyles = (0, _makeStyles.default)(function (theme) {
         
     | 
| 
       13 
19 
     | 
    
         
             
              return {
         
     | 
| 
       14 
20 
     | 
    
         
             
                root: {
         
     | 
| 
       15 
21 
     | 
    
         
             
                  display: 'inline-block',
         
     | 
| 
         @@ -55,7 +61,6 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) { 
     | 
|
| 
       55 
61 
     | 
    
         
             
                }
         
     | 
| 
       56 
62 
     | 
    
         
             
              };
         
     | 
| 
       57 
63 
     | 
    
         
             
            });
         
     | 
| 
       58 
     | 
    
         
            -
             
     | 
| 
       59 
64 
     | 
    
         
             
            /**
         
     | 
| 
       60 
65 
     | 
    
         
             
             * HiPins
         
     | 
| 
       61 
66 
     | 
    
         
             
             *
         
     | 
| 
         @@ -64,21 +69,28 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) { 
     | 
|
| 
       64 
69 
     | 
    
         
             
             * - CellStatus to display operations count and to deploy operation rows on click.
         
     | 
| 
       65 
70 
     | 
    
         
             
             *
         
     | 
| 
       66 
71 
     | 
    
         
             
             */
         
     | 
| 
      
 72 
     | 
    
         
            +
             
     | 
| 
      
 73 
     | 
    
         
            +
            exports.useStyles = useStyles;
         
     | 
| 
      
 74 
     | 
    
         
            +
             
     | 
| 
       67 
75 
     | 
    
         
             
            function HiPin(props) {
         
     | 
| 
      
 76 
     | 
    
         
            +
              var _classNames;
         
     | 
| 
      
 77 
     | 
    
         
            +
             
     | 
| 
       68 
78 
     | 
    
         
             
              var children = props.children,
         
     | 
| 
       69 
     | 
    
         
            -
             
     | 
| 
       70 
     | 
    
         
            -
             
     | 
| 
       71 
     | 
    
         
            -
             
     | 
| 
      
 79 
     | 
    
         
            +
                  color = props.color,
         
     | 
| 
      
 80 
     | 
    
         
            +
                  onClick = props.onClick,
         
     | 
| 
      
 81 
     | 
    
         
            +
                  className = props.className;
         
     | 
| 
       72 
82 
     | 
    
         
             
              var classes = useStyles(props);
         
     | 
| 
       73 
     | 
    
         
            -
              var pinClass = (0, _classnames.default)(classes.root, ( 
     | 
| 
      
 83 
     | 
    
         
            +
              var pinClass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.clickable, onClick), (0, _defineProperty2.default)(_classNames, classes.primary, color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.secondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.success, color === 'success'), (0, _defineProperty2.default)(_classNames, classes.error, color === 'error'), (0, _defineProperty2.default)(_classNames, classes.warning, color === 'warning'), (0, _defineProperty2.default)(_classNames, classes.neutral, color === 'neutral'), _classNames), className);
         
     | 
| 
       74 
84 
     | 
    
         
             
              return /*#__PURE__*/_react.default.createElement("div", {
         
     | 
| 
       75 
85 
     | 
    
         
             
                className: pinClass,
         
     | 
| 
       76 
86 
     | 
    
         
             
                onClick: onClick,
         
     | 
| 
       77 
87 
     | 
    
         
             
                role: onClick ? 'button' : undefined
         
     | 
| 
       78 
88 
     | 
    
         
             
              }, children);
         
     | 
| 
       79 
89 
     | 
    
         
             
            }
         
     | 
| 
      
 90 
     | 
    
         
            +
             
     | 
| 
       80 
91 
     | 
    
         
             
            HiPin.defaultProps = {
         
     | 
| 
       81 
92 
     | 
    
         
             
              color: 'default'
         
     | 
| 
       82 
93 
     | 
    
         
             
            };
         
     | 
| 
       83 
94 
     | 
    
         
             
            HiPin.useStyles = useStyles;
         
     | 
| 
       84 
     | 
    
         
            -
            var _default =  
     | 
| 
      
 95 
     | 
    
         
            +
            var _default = HiPin;
         
     | 
| 
      
 96 
     | 
    
         
            +
            exports.default = _default;
         
     | 
    
        package/es/HiPin/index.js
    CHANGED
    
    | 
         @@ -1,6 +1,7 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            "use strict";
         
     | 
| 
       2 
2 
     | 
    
         | 
| 
       3 
3 
     | 
    
         
             
            var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
       4 
5 
     | 
    
         
             
            Object.defineProperty(exports, "__esModule", {
         
     | 
| 
       5 
6 
     | 
    
         
             
              value: true
         
     | 
| 
       6 
7 
     | 
    
         
             
            });
         
     | 
| 
         @@ -10,4 +11,5 @@ Object.defineProperty(exports, "default", { 
     | 
|
| 
       10 
11 
     | 
    
         
             
                return _HiPin.default;
         
     | 
| 
       11 
12 
     | 
    
         
             
              }
         
     | 
| 
       12 
13 
     | 
    
         
             
            });
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
       13 
15 
     | 
    
         
             
            var _HiPin = _interopRequireDefault(require("./HiPin"));
         
     | 
    
        package/es/HiRadio/HiRadio.js
    CHANGED
    
    | 
         @@ -1,16 +1,20 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            "use strict";
         
     | 
| 
       2 
2 
     | 
    
         | 
| 
       3 
3 
     | 
    
         
             
            var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
       4 
5 
     | 
    
         
             
            Object.defineProperty(exports, "__esModule", {
         
     | 
| 
       5 
6 
     | 
    
         
             
              value: true
         
     | 
| 
       6 
7 
     | 
    
         
             
            });
         
     | 
| 
       7 
8 
     | 
    
         
             
            exports.styles = exports.default = void 0;
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
       8 
10 
     | 
    
         
             
            var _react = _interopRequireDefault(require("react"));
         
     | 
| 
      
 11 
     | 
    
         
            +
             
     | 
| 
       9 
12 
     | 
    
         
             
            var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
       10 
14 
     | 
    
         
             
            var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
         
     | 
| 
       11 
     | 
    
         
            -
            // @inheritedComponent Radio
         
     | 
| 
       12 
15 
     | 
    
         | 
| 
       13 
     | 
    
         
            -
             
     | 
| 
      
 16 
     | 
    
         
            +
            // @inheritedComponent Radio
         
     | 
| 
      
 17 
     | 
    
         
            +
            var styles = function styles(theme) {
         
     | 
| 
       14 
18 
     | 
    
         
             
              return {
         
     | 
| 
       15 
19 
     | 
    
         
             
                checked: {
         
     | 
| 
       16 
20 
     | 
    
         
             
                  color: theme.palette.neutral.main
         
     | 
| 
         @@ -24,15 +28,18 @@ var styles = exports.styles = function styles(theme) { 
     | 
|
| 
       24 
28 
     | 
    
         
             
                }
         
     | 
| 
       25 
29 
     | 
    
         
             
              };
         
     | 
| 
       26 
30 
     | 
    
         
             
            };
         
     | 
| 
      
 31 
     | 
    
         
            +
             
     | 
| 
      
 32 
     | 
    
         
            +
            exports.styles = styles;
         
     | 
| 
      
 33 
     | 
    
         
            +
             
     | 
| 
       27 
34 
     | 
    
         
             
            var HiRadio = function HiRadio(_ref) {
         
     | 
| 
       28 
35 
     | 
    
         
             
              var checked = _ref.checked,
         
     | 
| 
       29 
     | 
    
         
            -
             
     | 
| 
       30 
     | 
    
         
            -
             
     | 
| 
       31 
     | 
    
         
            -
             
     | 
| 
       32 
     | 
    
         
            -
             
     | 
| 
       33 
     | 
    
         
            -
             
     | 
| 
       34 
     | 
    
         
            -
             
     | 
| 
       35 
     | 
    
         
            -
             
     | 
| 
      
 36 
     | 
    
         
            +
                  classes = _ref.classes,
         
     | 
| 
      
 37 
     | 
    
         
            +
                  className = _ref.className,
         
     | 
| 
      
 38 
     | 
    
         
            +
                  color = _ref.color,
         
     | 
| 
      
 39 
     | 
    
         
            +
                  disabled = _ref.disabled,
         
     | 
| 
      
 40 
     | 
    
         
            +
                  label = _ref.label,
         
     | 
| 
      
 41 
     | 
    
         
            +
                  onChange = _ref.onChange,
         
     | 
| 
      
 42 
     | 
    
         
            +
                  value = _ref.value;
         
     | 
| 
       36 
43 
     | 
    
         
             
              var hcolor = ['success', 'error', 'warning', 'neutral', 'inherit'].includes(color) ? 'default' : color;
         
     | 
| 
       37 
44 
     | 
    
         
             
              return /*#__PURE__*/_react.default.createElement(_Radio.default, {
         
     | 
| 
       38 
45 
     | 
    
         
             
                className: className,
         
     | 
| 
         @@ -49,8 +56,12 @@ var HiRadio = function HiRadio(_ref) { 
     | 
|
| 
       49 
56 
     | 
    
         
             
                value: value
         
     | 
| 
       50 
57 
     | 
    
         
             
              });
         
     | 
| 
       51 
58 
     | 
    
         
             
            };
         
     | 
| 
      
 59 
     | 
    
         
            +
             
     | 
| 
       52 
60 
     | 
    
         
             
            HiRadio.defaultProps = {};
         
     | 
| 
       53 
     | 
    
         
            -
             
     | 
| 
      
 61 
     | 
    
         
            +
             
     | 
| 
      
 62 
     | 
    
         
            +
            var _default = (0, _withStyles.default)(styles, {
         
     | 
| 
       54 
63 
     | 
    
         
             
              hiComponent: true,
         
     | 
| 
       55 
64 
     | 
    
         
             
              name: 'HmuiHiRadio'
         
     | 
| 
       56 
     | 
    
         
            -
            })(HiRadio);
         
     | 
| 
      
 65 
     | 
    
         
            +
            })(HiRadio);
         
     | 
| 
      
 66 
     | 
    
         
            +
             
     | 
| 
      
 67 
     | 
    
         
            +
            exports.default = _default;
         
     | 
    
        package/es/HiRadio/index.js
    CHANGED
    
    | 
         @@ -1,6 +1,7 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            "use strict";
         
     | 
| 
       2 
2 
     | 
    
         | 
| 
       3 
3 
     | 
    
         
             
            var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
       4 
5 
     | 
    
         
             
            Object.defineProperty(exports, "__esModule", {
         
     | 
| 
       5 
6 
     | 
    
         
             
              value: true
         
     | 
| 
       6 
7 
     | 
    
         
             
            });
         
     | 
| 
         @@ -10,4 +11,5 @@ Object.defineProperty(exports, "default", { 
     | 
|
| 
       10 
11 
     | 
    
         
             
                return _HiRadio.default;
         
     | 
| 
       11 
12 
     | 
    
         
             
              }
         
     | 
| 
       12 
13 
     | 
    
         
             
            });
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
       13 
15 
     | 
    
         
             
            var _HiRadio = _interopRequireDefault(require("./HiRadio"));
         
     | 
| 
         @@ -1,22 +1,36 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            "use strict";
         
     | 
| 
       2 
2 
     | 
    
         | 
| 
       3 
3 
     | 
    
         
             
            var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
       4 
5 
     | 
    
         
             
            var _typeof = require("@babel/runtime/helpers/typeof");
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
       5 
7 
     | 
    
         
             
            Object.defineProperty(exports, "__esModule", {
         
     | 
| 
       6 
8 
     | 
    
         
             
              value: true
         
     | 
| 
       7 
9 
     | 
    
         
             
            });
         
     | 
| 
       8 
10 
     | 
    
         
             
            exports.default = void 0;
         
     | 
| 
      
 11 
     | 
    
         
            +
             
     | 
| 
       9 
12 
     | 
    
         
             
            var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
       10 
14 
     | 
    
         
             
            var _react = _interopRequireWildcard(require("react"));
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
       11 
16 
     | 
    
         
             
            var _reactUse = require("react-use");
         
     | 
| 
      
 17 
     | 
    
         
            +
             
     | 
| 
       12 
18 
     | 
    
         
             
            var _HiStepper = _interopRequireDefault(require("../HiStepper"));
         
     | 
| 
      
 19 
     | 
    
         
            +
             
     | 
| 
       13 
20 
     | 
    
         
             
            var _HiStep = _interopRequireDefault(require("../HiStepper/HiStep"));
         
     | 
| 
      
 21 
     | 
    
         
            +
             
     | 
| 
       14 
22 
     | 
    
         
             
            var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
         
     | 
| 
      
 23 
     | 
    
         
            +
             
     | 
| 
       15 
24 
     | 
    
         
             
            var _HiIcon = _interopRequireDefault(require("../HiIcon"));
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
       16 
26 
     | 
    
         
             
            var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
         
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
       17 
28 
     | 
    
         
             
            var _classnames = _interopRequireDefault(require("classnames"));
         
     | 
| 
       18 
     | 
    
         
            -
             
     | 
| 
       19 
     | 
    
         
            -
            function  
     | 
| 
      
 29 
     | 
    
         
            +
             
     | 
| 
      
 30 
     | 
    
         
            +
            function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
         
     | 
| 
      
 31 
     | 
    
         
            +
             
     | 
| 
      
 32 
     | 
    
         
            +
            function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
         
     | 
| 
      
 33 
     | 
    
         
            +
             
     | 
| 
       20 
34 
     | 
    
         
             
            var useStyles = (0, _makeStyles.default)(function (theme) {
         
     | 
| 
       21 
35 
     | 
    
         
             
              return {
         
     | 
| 
       22 
36 
     | 
    
         
             
                root: {
         
     | 
| 
         @@ -48,78 +62,94 @@ var useStyles = (0, _makeStyles.default)(function (theme) { 
     | 
|
| 
       48 
62 
     | 
    
         
             
                }
         
     | 
| 
       49 
63 
     | 
    
         
             
              };
         
     | 
| 
       50 
64 
     | 
    
         
             
            });
         
     | 
| 
      
 65 
     | 
    
         
            +
             
     | 
| 
       51 
66 
     | 
    
         
             
            var HiScrollStepper = function HiScrollStepper(_ref) {
         
     | 
| 
       52 
67 
     | 
    
         
             
              var steps = _ref.steps,
         
     | 
| 
       53 
     | 
    
         
            -
             
     | 
| 
       54 
     | 
    
         
            -
             
     | 
| 
       55 
     | 
    
         
            -
             
     | 
| 
       56 
     | 
    
         
            -
             
     | 
| 
       57 
     | 
    
         
            -
             
     | 
| 
       58 
     | 
    
         
            -
             
     | 
| 
       59 
     | 
    
         
            -
             
     | 
| 
       60 
     | 
    
         
            -
             
     | 
| 
       61 
     | 
    
         
            -
             
     | 
| 
       62 
     | 
    
         
            -
             
     | 
| 
       63 
     | 
    
         
            -
             
     | 
| 
       64 
     | 
    
         
            -
             
     | 
| 
      
 68 
     | 
    
         
            +
                  _ref$stepLabelVisibil = _ref.stepLabelVisibilityToggle,
         
     | 
| 
      
 69 
     | 
    
         
            +
                  stepLabelVisibilityToggle = _ref$stepLabelVisibil === void 0 ? true : _ref$stepLabelVisibil,
         
     | 
| 
      
 70 
     | 
    
         
            +
                  _ref$stepLabelDefault = _ref.stepLabelDefaultVisible,
         
     | 
| 
      
 71 
     | 
    
         
            +
                  stepLabelDefaultVisible = _ref$stepLabelDefault === void 0 ? true : _ref$stepLabelDefault,
         
     | 
| 
      
 72 
     | 
    
         
            +
                  onShowStepLabel = _ref.onShowStepLabel,
         
     | 
| 
      
 73 
     | 
    
         
            +
                  onHideStepLabel = _ref.onHideStepLabel,
         
     | 
| 
      
 74 
     | 
    
         
            +
                  _ref$customClasses = _ref.customClasses,
         
     | 
| 
      
 75 
     | 
    
         
            +
                  customClasses = _ref$customClasses === void 0 ? {} : _ref$customClasses,
         
     | 
| 
      
 76 
     | 
    
         
            +
                  _ref$stepMargin = _ref.stepMargin,
         
     | 
| 
      
 77 
     | 
    
         
            +
                  stepMargin = _ref$stepMargin === void 0 ? 60 : _ref$stepMargin,
         
     | 
| 
      
 78 
     | 
    
         
            +
                  _ref$minScrollHeightT = _ref.minScrollHeightToEnable,
         
     | 
| 
      
 79 
     | 
    
         
            +
                  minScrollHeightToEnable = _ref$minScrollHeightT === void 0 ? 0 : _ref$minScrollHeightT;
         
     | 
| 
       65 
80 
     | 
    
         
             
              var classes = useStyles();
         
     | 
| 
      
 81 
     | 
    
         
            +
             
     | 
| 
       66 
82 
     | 
    
         
             
              var _useMap = (0, _reactUse.useMap)({
         
     | 
| 
       67 
     | 
    
         
            -
             
     | 
| 
       68 
     | 
    
         
            -
             
     | 
| 
       69 
     | 
    
         
            -
             
     | 
| 
       70 
     | 
    
         
            -
             
     | 
| 
       71 
     | 
    
         
            -
             
     | 
| 
      
 83 
     | 
    
         
            +
                0: 'in_progress'
         
     | 
| 
      
 84 
     | 
    
         
            +
              }),
         
     | 
| 
      
 85 
     | 
    
         
            +
                  _useMap2 = (0, _slicedToArray2.default)(_useMap, 2),
         
     | 
| 
      
 86 
     | 
    
         
            +
                  status = _useMap2[0],
         
     | 
| 
      
 87 
     | 
    
         
            +
                  setStatus = _useMap2[1].set;
         
     | 
| 
      
 88 
     | 
    
         
            +
             
     | 
| 
       72 
89 
     | 
    
         
             
              var _useCounter = (0, _reactUse.useCounter)(0, steps.length - 1, 0),
         
     | 
| 
       73 
     | 
    
         
            -
             
     | 
| 
       74 
     | 
    
         
            -
             
     | 
| 
       75 
     | 
    
         
            -
             
     | 
| 
      
 90 
     | 
    
         
            +
                  _useCounter2 = (0, _slicedToArray2.default)(_useCounter, 2),
         
     | 
| 
      
 91 
     | 
    
         
            +
                  activeStep = _useCounter2[0],
         
     | 
| 
      
 92 
     | 
    
         
            +
                  setActiveStep = _useCounter2[1].set;
         
     | 
| 
      
 93 
     | 
    
         
            +
             
     | 
| 
       76 
94 
     | 
    
         
             
              var _useState = (0, _react.useState)(stepLabelDefaultVisible),
         
     | 
| 
       77 
     | 
    
         
            -
             
     | 
| 
       78 
     | 
    
         
            -
             
     | 
| 
       79 
     | 
    
         
            -
             
     | 
| 
      
 95 
     | 
    
         
            +
                  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
         
     | 
| 
      
 96 
     | 
    
         
            +
                  stepLabelVisible = _useState2[0],
         
     | 
| 
      
 97 
     | 
    
         
            +
                  setStepLabelVisible = _useState2[1];
         
     | 
| 
      
 98 
     | 
    
         
            +
             
     | 
| 
       80 
99 
     | 
    
         
             
              var _useState3 = (0, _react.useState)(document.body.scrollHeight - minScrollHeightToEnable >= document.body.clientHeight),
         
     | 
| 
       81 
     | 
    
         
            -
             
     | 
| 
       82 
     | 
    
         
            -
             
     | 
| 
       83 
     | 
    
         
            -
             
     | 
| 
      
 100 
     | 
    
         
            +
                  _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
         
     | 
| 
      
 101 
     | 
    
         
            +
                  stepperEnabled = _useState4[0],
         
     | 
| 
      
 102 
     | 
    
         
            +
                  setStepperEnabled = _useState4[1];
         
     | 
| 
      
 103 
     | 
    
         
            +
             
     | 
| 
       84 
104 
     | 
    
         
             
              var instantActiveStep = 0;
         
     | 
| 
       85 
105 
     | 
    
         
             
              var stepsRef = (0, _react.useMemo)(function () {
         
     | 
| 
       86 
106 
     | 
    
         
             
                return Array(steps.length).fill(0).map(function () {
         
     | 
| 
       87 
107 
     | 
    
         
             
                  return _react.default.createRef();
         
     | 
| 
       88 
108 
     | 
    
         
             
                });
         
     | 
| 
       89 
109 
     | 
    
         
             
              }, []);
         
     | 
| 
      
 110 
     | 
    
         
            +
             
     | 
| 
       90 
111 
     | 
    
         
             
              var getOffsetTop = function getOffsetTop(element) {
         
     | 
| 
       91 
112 
     | 
    
         
             
                var offsetTop = 0;
         
     | 
| 
      
 113 
     | 
    
         
            +
             
     | 
| 
       92 
114 
     | 
    
         
             
                while (element) {
         
     | 
| 
       93 
115 
     | 
    
         
             
                  offsetTop += element.offsetTop;
         
     | 
| 
       94 
116 
     | 
    
         
             
                  element = element.offsetParent;
         
     | 
| 
       95 
117 
     | 
    
         
             
                }
         
     | 
| 
      
 118 
     | 
    
         
            +
             
     | 
| 
       96 
119 
     | 
    
         
             
                return offsetTop;
         
     | 
| 
       97 
120 
     | 
    
         
             
              };
         
     | 
| 
      
 121 
     | 
    
         
            +
             
     | 
| 
       98 
122 
     | 
    
         
             
              var scrollToStep = function scrollToStep(index) {
         
     | 
| 
       99 
123 
     | 
    
         
             
                window.scrollTo({
         
     | 
| 
       100 
124 
     | 
    
         
             
                  top: getOffsetTop(stepsRef[index].current) - stepMargin,
         
     | 
| 
       101 
125 
     | 
    
         
             
                  behavior: 'smooth'
         
     | 
| 
       102 
126 
     | 
    
         
             
                });
         
     | 
| 
       103 
127 
     | 
    
         
             
              };
         
     | 
| 
      
 128 
     | 
    
         
            +
             
     | 
| 
       104 
129 
     | 
    
         
             
              var handleScroll = function handleScroll() {
         
     | 
| 
       105 
130 
     | 
    
         
             
                var newActiveStep = 0;
         
     | 
| 
       106 
131 
     | 
    
         
             
                var scrollOffset = window.pageYOffset + 1;
         
     | 
| 
      
 132 
     | 
    
         
            +
             
     | 
| 
       107 
133 
     | 
    
         
             
                if (scrollOffset < stepMargin) {
         
     | 
| 
       108 
134 
     | 
    
         
             
                  newActiveStep = 0;
         
     | 
| 
       109 
135 
     | 
    
         
             
                } else if (scrollOffset + window.innerHeight >= document.body.scrollHeight) {
         
     | 
| 
       110 
136 
     | 
    
         
             
                  newActiveStep = steps.length - 1;
         
     | 
| 
       111 
137 
     | 
    
         
             
                } else {
         
     | 
| 
       112 
138 
     | 
    
         
             
                  var stepIndex = 0;
         
     | 
| 
      
 139 
     | 
    
         
            +
             
     | 
| 
       113 
140 
     | 
    
         
             
                  while (stepIndex < steps.length) {
         
     | 
| 
       114 
141 
     | 
    
         
             
                    var stepHeight = stepsRef[stepIndex].current.offsetHeight;
         
     | 
| 
       115 
142 
     | 
    
         
             
                    var stepBottomOffset = getOffsetTop(stepsRef[stepIndex].current) + (stepHeight - stepMargin);
         
     | 
| 
      
 143 
     | 
    
         
            +
             
     | 
| 
       116 
144 
     | 
    
         
             
                    if (stepBottomOffset > scrollOffset) {
         
     | 
| 
       117 
145 
     | 
    
         
             
                      newActiveStep = stepIndex;
         
     | 
| 
       118 
146 
     | 
    
         
             
                      break;
         
     | 
| 
       119 
147 
     | 
    
         
             
                    }
         
     | 
| 
      
 148 
     | 
    
         
            +
             
     | 
| 
       120 
149 
     | 
    
         
             
                    stepIndex++;
         
     | 
| 
       121 
150 
     | 
    
         
             
                  }
         
     | 
| 
       122 
151 
     | 
    
         
             
                }
         
     | 
| 
      
 152 
     | 
    
         
            +
             
     | 
| 
       123 
153 
     | 
    
         
             
                if (newActiveStep !== instantActiveStep) {
         
     | 
| 
       124 
154 
     | 
    
         
             
                  instantActiveStep = newActiveStep;
         
     | 
| 
       125 
155 
     | 
    
         
             
                  setActiveStep(newActiveStep);
         
     | 
| 
         @@ -128,19 +158,25 @@ var HiScrollStepper = function HiScrollStepper(_ref) { 
     | 
|
| 
       128 
158 
     | 
    
         
             
                  });
         
     | 
| 
       129 
159 
     | 
    
         
             
                }
         
     | 
| 
       130 
160 
     | 
    
         
             
              };
         
     | 
| 
      
 161 
     | 
    
         
            +
             
     | 
| 
       131 
162 
     | 
    
         
             
              var handleStepLabelVisibility = function handleStepLabelVisibility() {
         
     | 
| 
       132 
163 
     | 
    
         
             
                var newVisibility = !stepLabelVisible;
         
     | 
| 
      
 164 
     | 
    
         
            +
             
     | 
| 
       133 
165 
     | 
    
         
             
                if (newVisibility === true && typeof onShowStepLabel === 'function') {
         
     | 
| 
       134 
166 
     | 
    
         
             
                  onShowStepLabel();
         
     | 
| 
       135 
167 
     | 
    
         
             
                }
         
     | 
| 
      
 168 
     | 
    
         
            +
             
     | 
| 
       136 
169 
     | 
    
         
             
                if (newVisibility === false && typeof onHideStepLabel === 'function') {
         
     | 
| 
       137 
170 
     | 
    
         
             
                  onHideStepLabel();
         
     | 
| 
       138 
171 
     | 
    
         
             
                }
         
     | 
| 
      
 172 
     | 
    
         
            +
             
     | 
| 
       139 
173 
     | 
    
         
             
                setStepLabelVisible(newVisibility);
         
     | 
| 
       140 
174 
     | 
    
         
             
              };
         
     | 
| 
      
 175 
     | 
    
         
            +
             
     | 
| 
       141 
176 
     | 
    
         
             
              var handleResize = function handleResize() {
         
     | 
| 
       142 
177 
     | 
    
         
             
                setStepperEnabled(document.body.scrollHeight - minScrollHeightToEnable >= document.body.clientHeight);
         
     | 
| 
       143 
178 
     | 
    
         
             
              };
         
     | 
| 
      
 179 
     | 
    
         
            +
             
     | 
| 
       144 
180 
     | 
    
         
             
              (0, _reactUse.useMount)(function () {
         
     | 
| 
       145 
181 
     | 
    
         
             
                window.addEventListener('scroll', handleScroll);
         
     | 
| 
       146 
182 
     | 
    
         
             
                window.addEventListener('resize', handleResize);
         
     | 
| 
         @@ -191,4 +227,6 @@ var HiScrollStepper = function HiScrollStepper(_ref) { 
     | 
|
| 
       191 
227 
     | 
    
         
             
                }, step.content);
         
     | 
| 
       192 
228 
     | 
    
         
             
              })));
         
     | 
| 
       193 
229 
     | 
    
         
             
            };
         
     | 
| 
       194 
     | 
    
         
            -
             
     | 
| 
      
 230 
     | 
    
         
            +
             
     | 
| 
      
 231 
     | 
    
         
            +
            var _default = HiScrollStepper;
         
     | 
| 
      
 232 
     | 
    
         
            +
            exports.default = _default;
         
     | 
| 
         @@ -1,6 +1,7 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            "use strict";
         
     | 
| 
       2 
2 
     | 
    
         | 
| 
       3 
3 
     | 
    
         
             
            var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
       4 
5 
     | 
    
         
             
            Object.defineProperty(exports, "__esModule", {
         
     | 
| 
       5 
6 
     | 
    
         
             
              value: true
         
     | 
| 
       6 
7 
     | 
    
         
             
            });
         
     | 
| 
         @@ -10,4 +11,5 @@ Object.defineProperty(exports, "default", { 
     | 
|
| 
       10 
11 
     | 
    
         
             
                return _HiScrollStepper.default;
         
     | 
| 
       11 
12 
     | 
    
         
             
              }
         
     | 
| 
       12 
13 
     | 
    
         
             
            });
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
       13 
15 
     | 
    
         
             
            var _HiScrollStepper = _interopRequireDefault(require("./HiScrollStepper"));
         
     |