@hipay/hipay-material-ui 4.0.0 → 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 +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/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/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/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/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/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;
|
package/HiScrollStepper/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 _HiScrollStepper.default;
|
11
12
|
}
|
12
13
|
});
|
14
|
+
|
13
15
|
var _HiScrollStepper = _interopRequireDefault(require("./HiScrollStepper"));
|