@hipay/hipay-material-ui 4.0.0 → 4.0.1-beta5
Sign up to get free protection for your applications and to get access to all the features.
- 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 +42 -11
- 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 +30 -6
- package/HiBreadcrumb/HiStep.js +45 -13
- package/HiBreadcrumb/HiStepConnector.js +49 -14
- package/HiBreadcrumb/HiStepContent.js +30 -6
- package/HiBreadcrumb/HiStepIcon.js +35 -10
- package/HiBreadcrumb/HiStepLabel.js +44 -14
- package/HiBreadcrumb/HiStepper.js +30 -6
- package/HiBreadcrumb/index.js +2 -0
- package/HiButton/HiButton.js +33 -8
- package/HiButton/index.js +5 -1
- package/HiCell/CellAddress.js +33 -12
- package/HiCell/CellDate.js +36 -10
- package/HiCell/CellHiddenContent.js +30 -8
- package/HiCell/CellIcon.js +36 -12
- package/HiCell/CellImage.js +34 -12
- package/HiCell/CellNumeric.js +40 -13
- package/HiCell/CellPinToAction.js +33 -9
- package/HiCell/CellRate.js +47 -13
- package/HiCell/CellSentinel.js +33 -12
- package/HiCell/CellSentinelScore.js +31 -9
- package/HiCell/CellText.js +52 -16
- package/HiCell/CellTextStyled.js +24 -13
- package/HiCell/index.js +10 -0
- package/HiCheckbox/HiCheckbox.js +52 -15
- package/HiCheckbox/index.js +2 -0
- package/HiChip/HiChip.js +47 -24
- package/HiChip/HiChipSwitch.js +59 -16
- 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 +88 -16
- package/HiDatePicker/HiDatePickerMobile.js +43 -18
- package/HiDatePicker/HiDateRangePicker.js +134 -38
- package/HiDatePicker/HiDateRangeSelector.js +130 -49
- package/HiDatePicker/ListPicker.js +38 -8
- 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 +26 -4
- package/HiDatePicker/Overlays/Overlay.js +25 -8
- package/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
- package/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
- 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 -7
- package/HiDialog/HiDialog.js +19 -7
- package/HiDialog/index.js +2 -0
- package/HiDotsStepper/HiDot.js +37 -8
- package/HiDotsStepper/HiDotsStepper.js +37 -10
- package/HiDotsStepper/index.js +3 -0
- package/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/HiExpansionPanel/index.js +5 -1
- package/HiForm/HiAddressField.js +36 -10
- package/HiForm/HiEmailField.js +29 -5
- package/HiForm/HiFormControl.js +74 -28
- package/HiForm/HiFormLabel.js +41 -15
- package/HiForm/HiInput.js +91 -33
- package/HiForm/HiPasswordField.js +46 -9
- package/HiForm/HiSearchField.js +34 -3
- package/HiForm/HiSlider.js +57 -22
- package/HiForm/HiTextField.js +47 -22
- package/HiForm/HiUpload.js +89 -29
- package/HiForm/HiUploadField.js +32 -10
- package/HiForm/HiUploadInput.js +76 -23
- 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 -7
- package/HiListItemLink/index.js +2 -0
- package/HiLoader/HiLoader.js +16 -6
- package/HiLoader/index.js +2 -0
- package/HiNotice/HiKPI.js +47 -16
- 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 +57 -24
- 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 +42 -32
- package/HiSelect/HiDynamicSelectField.js +48 -24
- package/HiSelect/HiNestedSelect.js +111 -65
- package/HiSelect/HiNestedSelectContent.js +86 -60
- package/HiSelect/HiNestedSelectField.js +48 -24
- package/HiSelect/HiSelect.js +187 -89
- package/HiSelect/HiSelectContent.js +97 -62
- package/HiSelect/HiSelectField.js +49 -25
- package/HiSelect/HiSelectInput.js +76 -23
- package/HiSelect/HiSelectMobile.js +44 -7
- package/HiSelect/HiSuggestSelect.js +81 -25
- package/HiSelect/HiSuggestSelectField.js +39 -15
- package/HiSelect/index.js +14 -2
- package/HiSelectableList/HiSelectableList.js +90 -34
- package/HiSelectableList/HiSelectableListHierarchic.js +60 -34
- 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 +65 -10
- package/HiTable/HiTable.js +48 -20
- package/HiTable/HiTableBody.js +24 -7
- package/HiTable/HiTableHeader.js +51 -18
- package/HiTable/HiTableRow.js +46 -12
- 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 +42 -11
- 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 +30 -6
- package/es/HiBreadcrumb/HiStep.js +45 -13
- package/es/HiBreadcrumb/HiStepConnector.js +49 -14
- package/es/HiBreadcrumb/HiStepContent.js +30 -6
- package/es/HiBreadcrumb/HiStepIcon.js +35 -10
- package/es/HiBreadcrumb/HiStepLabel.js +44 -14
- package/es/HiBreadcrumb/HiStepper.js +30 -6
- 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 +33 -12
- package/es/HiCell/CellDate.js +36 -10
- package/es/HiCell/CellHiddenContent.js +30 -8
- package/es/HiCell/CellIcon.js +36 -12
- package/es/HiCell/CellImage.js +34 -12
- package/es/HiCell/CellNumeric.js +40 -13
- package/es/HiCell/CellPinToAction.js +33 -9
- package/es/HiCell/CellRate.js +47 -13
- package/es/HiCell/CellSentinel.js +33 -12
- package/es/HiCell/CellSentinelScore.js +31 -9
- package/es/HiCell/CellText.js +52 -16
- package/es/HiCell/CellTextStyled.js +24 -13
- package/es/HiCell/index.js +10 -0
- package/es/HiCheckbox/HiCheckbox.js +52 -15
- package/es/HiCheckbox/index.js +2 -0
- package/es/HiChip/HiChip.js +47 -24
- package/es/HiChip/HiChipSwitch.js +59 -16
- 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 +88 -16
- package/es/HiDatePicker/HiDatePickerMobile.js +43 -18
- package/es/HiDatePicker/HiDateRangePicker.js +134 -38
- package/es/HiDatePicker/HiDateRangeSelector.js +130 -49
- package/es/HiDatePicker/ListPicker.js +38 -8
- 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 +26 -4
- package/es/HiDatePicker/Overlays/Overlay.js +25 -8
- package/es/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
- package/es/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
- 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 -7
- package/es/HiDialog/HiDialog.js +19 -7
- package/es/HiDialog/index.js +2 -0
- package/es/HiDotsStepper/HiDot.js +37 -8
- package/es/HiDotsStepper/HiDotsStepper.js +37 -10
- 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 +36 -10
- package/es/HiForm/HiEmailField.js +29 -5
- package/es/HiForm/HiFormControl.js +74 -28
- package/es/HiForm/HiFormLabel.js +41 -15
- package/es/HiForm/HiInput.js +91 -33
- package/es/HiForm/HiPasswordField.js +46 -9
- package/es/HiForm/HiSearchField.js +34 -3
- package/es/HiForm/HiSlider.js +57 -22
- package/es/HiForm/HiTextField.js +47 -22
- package/es/HiForm/HiUpload.js +89 -29
- package/es/HiForm/HiUploadField.js +32 -10
- package/es/HiForm/HiUploadInput.js +76 -23
- 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 -7
- 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 +47 -16
- 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 +57 -24
- 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 +42 -32
- package/es/HiSelect/HiDynamicSelectField.js +48 -24
- package/es/HiSelect/HiNestedSelect.js +111 -65
- package/es/HiSelect/HiNestedSelectContent.js +86 -60
- package/es/HiSelect/HiNestedSelectField.js +48 -24
- package/es/HiSelect/HiSelect.js +187 -89
- package/es/HiSelect/HiSelectContent.js +97 -62
- package/es/HiSelect/HiSelectField.js +49 -25
- package/es/HiSelect/HiSelectInput.js +76 -23
- package/es/HiSelect/HiSelectMobile.js +44 -7
- package/es/HiSelect/HiSuggestSelect.js +81 -25
- package/es/HiSelect/HiSuggestSelectField.js +39 -15
- package/es/HiSelect/index.js +14 -2
- package/es/HiSelectableList/HiSelectableList.js +90 -34
- package/es/HiSelectableList/HiSelectableListHierarchic.js +60 -34
- 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 +65 -10
- package/es/HiTable/HiTable.js +48 -20
- package/es/HiTable/HiTableBody.js +24 -7
- package/es/HiTable/HiTableHeader.js +51 -18
- package/es/HiTable/HiTableRow.js +46 -12
- 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 +49 -15
- 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 -67
- package/es/styles/createStyles.js +1 -0
- package/es/styles/createTypography.js +24 -15
- package/es/styles/getStylesCreator.js +14 -1
- 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 +2 -2
- package/setupTest.js +13 -2
- package/styleguide/Wrapper.js +6 -0
- package/styles/MuiThemeProvider.js +49 -15
- 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 -67
- package/styles/createStyles.js +1 -0
- package/styles/createTypography.js +24 -15
- package/styles/getStylesCreator.js +14 -1
- 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
|
+
|
12
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
19
|
+
|
13
20
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
21
|
+
|
14
22
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
23
|
+
|
15
24
|
var _react = _interopRequireDefault(require("react"));
|
25
|
+
|
16
26
|
var _HiButton = _interopRequireDefault(require("../HiButton"));
|
27
|
+
|
17
28
|
var _HiIcon = _interopRequireDefault(require("../HiIcon"));
|
29
|
+
|
18
30
|
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress/"));
|
31
|
+
|
19
32
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
33
|
+
|
20
34
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
21
|
-
|
22
|
-
|
23
|
-
|
35
|
+
|
36
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
37
|
+
|
38
|
+
var styles = function styles(theme) {
|
24
39
|
return {
|
25
40
|
root: {
|
26
41
|
position: 'relative'
|
@@ -63,29 +78,39 @@ var styles = exports.styles = function styles(theme) {
|
|
63
78
|
minHeight: 0
|
64
79
|
}
|
65
80
|
};
|
66
|
-
};
|
81
|
+
}; // Constantes utilisées pour le redimentionnement du PDF (format mobile par exemple)
|
82
|
+
|
67
83
|
|
68
|
-
|
84
|
+
exports.styles = styles;
|
69
85
|
var maxWindowWidth = 900;
|
70
86
|
var maxPdfWidth = 600;
|
71
87
|
var Document;
|
72
88
|
var Page;
|
89
|
+
|
73
90
|
var _ref2 = /*#__PURE__*/_react.default.createElement(_CircularProgress.default, null);
|
91
|
+
|
74
92
|
var _ref3 = /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
|
75
93
|
icon: "chevron_left"
|
76
94
|
});
|
95
|
+
|
77
96
|
var _ref4 = /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
|
78
97
|
icon: "chevron_right"
|
79
98
|
});
|
99
|
+
|
80
100
|
var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
|
81
101
|
(0, _inherits2.default)(HiPdfReader, _React$PureComponent);
|
102
|
+
|
82
103
|
var _super = _createSuper(HiPdfReader);
|
104
|
+
|
83
105
|
function HiPdfReader() {
|
84
106
|
var _this;
|
107
|
+
|
85
108
|
(0, _classCallCheck2.default)(this, HiPdfReader);
|
109
|
+
|
86
110
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
87
111
|
args[_key] = arguments[_key];
|
88
112
|
}
|
113
|
+
|
89
114
|
_this = _super.call.apply(_super, [this].concat(args));
|
90
115
|
_this.state = {
|
91
116
|
numPages: null,
|
@@ -93,21 +118,22 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
|
|
93
118
|
error: false,
|
94
119
|
width: 600
|
95
120
|
};
|
96
|
-
|
121
|
+
|
97
122
|
_this.handleLoadSuccess = function (_ref) {
|
98
123
|
var numPages = _ref.numPages;
|
124
|
+
|
99
125
|
_this.setState({
|
100
126
|
numPages: numPages,
|
101
127
|
error: false
|
102
128
|
});
|
103
129
|
};
|
104
|
-
|
130
|
+
|
105
131
|
_this.handleLoadError = function () {
|
106
132
|
_this.setState({
|
107
133
|
error: true
|
108
134
|
});
|
109
135
|
};
|
110
|
-
|
136
|
+
|
111
137
|
_this.handleClickNextPage = function () {
|
112
138
|
_this.setState(function (prevState) {
|
113
139
|
return {
|
@@ -115,7 +141,7 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
|
|
115
141
|
};
|
116
142
|
});
|
117
143
|
};
|
118
|
-
|
144
|
+
|
119
145
|
_this.handleClickPreviousPage = function () {
|
120
146
|
_this.setState(function (prevState) {
|
121
147
|
return {
|
@@ -123,28 +149,32 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
|
|
123
149
|
};
|
124
150
|
});
|
125
151
|
};
|
152
|
+
|
126
153
|
return _this;
|
127
154
|
}
|
155
|
+
|
128
156
|
(0, _createClass2.default)(HiPdfReader, [{
|
129
157
|
key: "componentDidMount",
|
130
158
|
value: function componentDidMount() {
|
131
159
|
this.updateDimensions();
|
132
160
|
window.addEventListener('resize', this.updateDimensions.bind(this));
|
133
161
|
/* eslint-disable */
|
162
|
+
|
134
163
|
Document = require('react-pdf').Document;
|
135
164
|
Page = require('react-pdf').Page;
|
136
165
|
/* eslint-enable */
|
166
|
+
|
137
167
|
this.forceUpdate();
|
138
168
|
}
|
139
169
|
}, {
|
140
170
|
key: "componentWillUnmount",
|
141
171
|
value: function componentWillUnmount() {
|
142
172
|
window.removeEventListener('resize', this.updateDimensions.bind(this));
|
143
|
-
}
|
173
|
+
} // Fonction appelée une fois le pdf correctement chargé
|
174
|
+
|
144
175
|
}, {
|
145
176
|
key: "updateDimensions",
|
146
|
-
value:
|
147
|
-
// Calculate & Update state of new dimensions
|
177
|
+
value: // Calculate & Update state of new dimensions
|
148
178
|
function updateDimensions() {
|
149
179
|
if (window.innerWidth < maxWindowWidth) {
|
150
180
|
var updateWidth = Math.round(window.innerWidth * 100 / maxWindowWidth / 100 * maxPdfWidth);
|
@@ -156,22 +186,21 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
|
|
156
186
|
width: maxPdfWidth
|
157
187
|
});
|
158
188
|
}
|
159
|
-
}
|
189
|
+
} // Render
|
160
190
|
|
161
|
-
// Render
|
162
191
|
}, {
|
163
192
|
key: "render",
|
164
193
|
value: function render() {
|
165
194
|
var _this$state = this.state,
|
166
|
-
|
167
|
-
|
168
|
-
|
195
|
+
pageNumber = _this$state.pageNumber,
|
196
|
+
numPages = _this$state.numPages,
|
197
|
+
error = _this$state.error;
|
169
198
|
var _this$props = this.props,
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
199
|
+
classes = _this$props.classes,
|
200
|
+
file = _this$props.file,
|
201
|
+
displayPagination = _this$props.displayPagination,
|
202
|
+
displayNavigationButtons = _this$props.displayNavigationButtons,
|
203
|
+
props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "file", "displayPagination", "displayNavigationButtons"]);
|
175
204
|
if (!Document || !Page) return null;
|
176
205
|
return /*#__PURE__*/_react.default.createElement("div", {
|
177
206
|
className: classes.root
|
@@ -203,11 +232,15 @@ var HiPdfReader = /*#__PURE__*/function (_React$PureComponent) {
|
|
203
232
|
}]);
|
204
233
|
return HiPdfReader;
|
205
234
|
}(_react.default.PureComponent);
|
235
|
+
|
206
236
|
HiPdfReader.defaultProps = {
|
207
237
|
displayPagination: true,
|
208
238
|
displayNavigationButtons: true
|
209
239
|
};
|
210
|
-
|
240
|
+
|
241
|
+
var _default = (0, _withStyles.default)(styles, {
|
211
242
|
name: 'HmuiHiPdfReader',
|
212
243
|
index: 51
|
213
|
-
})(HiPdfReader);
|
244
|
+
})(HiPdfReader);
|
245
|
+
|
246
|
+
exports.default = _default;
|
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"));
|