@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"));
|