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