@hipay/hipay-material-ui 4.0.1-beta3 → 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 +47 -15
- package/HiAppBar/index.js +2 -0
- package/HiAvatar/HiAvatar.js +12 -3
- package/HiAvatar/index.js +2 -0
- package/HiBadge/HiBadge.js +24 -8
- package/HiBadge/index.js +2 -0
- package/HiBreadcrumb/HiBreadcrumb.js +35 -10
- package/HiBreadcrumb/HiStep.js +50 -17
- package/HiBreadcrumb/HiStepConnector.js +55 -18
- package/HiBreadcrumb/HiStepContent.js +35 -10
- package/HiBreadcrumb/HiStepIcon.js +40 -14
- package/HiBreadcrumb/HiStepLabel.js +49 -18
- package/HiBreadcrumb/HiStepper.js +35 -10
- package/HiBreadcrumb/index.js +2 -0
- package/HiButton/HiButton.js +33 -8
- package/HiButton/index.js +5 -1
- package/HiCell/CellAddress.js +38 -16
- package/HiCell/CellDate.js +41 -14
- package/HiCell/CellHiddenContent.js +30 -8
- package/HiCell/CellIcon.js +41 -16
- package/HiCell/CellImage.js +39 -16
- package/HiCell/CellNumeric.js +45 -17
- package/HiCell/CellPinToAction.js +38 -13
- package/HiCell/CellRate.js +52 -17
- package/HiCell/CellSentinel.js +38 -16
- package/HiCell/CellSentinelScore.js +36 -13
- package/HiCell/CellText.js +58 -21
- package/HiCell/CellTextStyled.js +24 -13
- package/HiCell/index.js +10 -0
- package/HiCheckbox/HiCheckbox.js +57 -19
- package/HiCheckbox/index.js +2 -0
- package/HiChip/HiChip.js +47 -24
- package/HiChip/HiChipSwitch.js +65 -21
- package/HiChip/index.js +3 -0
- package/HiColoredLabel/HiColoredLabel.js +49 -15
- package/HiColoredLabel/index.js +2 -0
- package/HiDatePicker/Caption.js +21 -9
- package/HiDatePicker/HiDatePicker.js +93 -20
- package/HiDatePicker/HiDatePickerMobile.js +48 -22
- package/HiDatePicker/HiDateRangePicker.js +139 -42
- package/HiDatePicker/HiDateRangeSelector.js +135 -53
- package/HiDatePicker/ListPicker.js +43 -12
- package/HiDatePicker/NavBar.js +31 -12
- package/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
- package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
- package/HiDatePicker/Overlays/MonthPickerOverlay.js +32 -9
- package/HiDatePicker/Overlays/Overlay.js +25 -8
- package/HiDatePicker/Overlays/TimePickerOverlay.js +45 -13
- package/HiDatePicker/Overlays/YearPickerOverlay.js +38 -13
- package/HiDatePicker/Overlays/index.js +6 -0
- package/HiDatePicker/Weekday.js +9 -4
- package/HiDatePicker/hiLocaleUtils.js +20 -8
- package/HiDatePicker/index.js +2 -0
- package/HiDatePicker/stylesheet.js +13 -6
- package/HiDialog/HiDialog.js +19 -7
- package/HiDialog/index.js +2 -0
- package/HiDotsStepper/HiDot.js +42 -12
- package/HiDotsStepper/HiDotsStepper.js +43 -15
- package/HiDotsStepper/index.js +3 -0
- package/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/HiExpansionPanel/index.js +5 -1
- package/HiForm/HiAddressField.js +41 -14
- package/HiForm/HiEmailField.js +34 -9
- package/HiForm/HiFormControl.js +79 -32
- package/HiForm/HiFormLabel.js +45 -18
- package/HiForm/HiInput.js +97 -37
- package/HiForm/HiPasswordField.js +43 -13
- package/HiForm/HiSearchField.js +40 -8
- package/HiForm/HiSlider.js +62 -26
- package/HiForm/HiTextField.js +52 -26
- package/HiForm/HiUpload.js +94 -33
- package/HiForm/HiUploadField.js +37 -14
- package/HiForm/HiUploadInput.js +81 -25
- package/HiForm/index.js +12 -0
- package/HiIcon/HiIcon.js +34 -9
- package/HiIcon/index.js +2 -0
- package/HiIconButton/HiIconButton.js +21 -6
- package/HiIconButton/index.js +2 -0
- package/HiListItemLink/HiListItemLink.js +19 -6
- package/HiListItemLink/index.js +2 -0
- package/HiLoader/HiLoader.js +16 -6
- package/HiLoader/index.js +2 -0
- package/HiNotice/HiKPI.js +53 -21
- package/HiNotice/HiKPINotice.js +16 -6
- package/HiNotice/index.js +3 -0
- package/HiPagination/HiPagination.js +11 -1
- package/HiPagination/index.js +2 -0
- package/HiPaymentMeans/HiPaymentMeans.js +72 -31
- package/HiPaymentMeans/index.js +2 -0
- package/HiPdfReader/HiPdfReader.js +61 -27
- package/HiPdfReader/index.js +2 -0
- package/HiPin/HiPin.js +19 -7
- package/HiPin/index.js +2 -0
- package/HiRadio/HiRadio.js +22 -11
- package/HiRadio/index.js +2 -0
- package/HiScrollStepper/HiScrollStepper.js +67 -29
- package/HiScrollStepper/index.js +2 -0
- package/HiSelect/HiDynamicSelect.js +47 -36
- package/HiSelect/HiDynamicSelectField.js +52 -27
- package/HiSelect/HiNestedSelect.js +116 -69
- package/HiSelect/HiNestedSelectContent.js +90 -63
- package/HiSelect/HiNestedSelectField.js +52 -27
- package/HiSelect/HiSelect.js +192 -93
- package/HiSelect/HiSelectContent.js +103 -67
- package/HiSelect/HiSelectField.js +53 -28
- package/HiSelect/HiSelectInput.js +81 -25
- package/HiSelect/HiSelectMobile.js +49 -11
- package/HiSelect/HiSuggestSelect.js +85 -28
- package/HiSelect/HiSuggestSelectField.js +43 -18
- package/HiSelect/index.js +14 -2
- package/HiSelectableList/HiSelectableList.js +95 -38
- package/HiSelectableList/HiSelectableListHierarchic.js +65 -38
- package/HiSelectableList/HiSelectableListItem.js +88 -45
- package/HiSelectableList/index.js +4 -0
- package/HiStepper/DefaultIndicator.js +10 -1
- package/HiStepper/HiStep.js +48 -18
- package/HiStepper/HiStepper.js +15 -2
- package/HiStepper/index.js +3 -0
- package/HiSwitch/HiSwitch.js +33 -9
- package/HiSwitch/HiSwitchState.js +32 -15
- package/HiSwitch/index.js +3 -0
- package/HiTable/HiCellBuilder.js +69 -13
- package/HiTable/HiTable.js +48 -20
- package/HiTable/HiTableBody.js +28 -10
- package/HiTable/HiTableHeader.js +55 -21
- package/HiTable/HiTableRow.js +51 -16
- package/HiTable/constants.js +98 -48
- package/HiTable/index.js +2 -0
- package/es/HiAccordion/HiAccordion.js +26 -8
- package/es/HiAccordion/index.js +5 -1
- package/es/HiAccordionActions/HiAccordionActions.js +14 -1
- package/es/HiAccordionActions/index.js +5 -1
- package/es/HiAccordionSummary/HiAccordionSummary.js +15 -1
- package/es/HiAccordionSummary/index.js +5 -1
- package/es/HiAlertModal/HiAlertModal.js +22 -7
- package/es/HiAlertModal/index.js +5 -1
- package/es/HiAppBar/HiAppBar.js +47 -15
- package/es/HiAppBar/index.js +2 -0
- package/es/HiAvatar/HiAvatar.js +12 -3
- package/es/HiAvatar/index.js +2 -0
- package/es/HiBadge/HiBadge.js +24 -8
- package/es/HiBadge/index.js +2 -0
- package/es/HiBreadcrumb/HiBreadcrumb.js +35 -10
- package/es/HiBreadcrumb/HiStep.js +50 -17
- package/es/HiBreadcrumb/HiStepConnector.js +55 -18
- package/es/HiBreadcrumb/HiStepContent.js +35 -10
- package/es/HiBreadcrumb/HiStepIcon.js +40 -14
- package/es/HiBreadcrumb/HiStepLabel.js +49 -18
- package/es/HiBreadcrumb/HiStepper.js +35 -10
- package/es/HiBreadcrumb/index.js +2 -0
- package/es/HiButton/HiButton.js +33 -8
- package/es/HiButton/index.js +5 -1
- package/es/HiCell/CellAddress.js +38 -16
- package/es/HiCell/CellDate.js +41 -14
- package/es/HiCell/CellHiddenContent.js +30 -8
- package/es/HiCell/CellIcon.js +41 -16
- package/es/HiCell/CellImage.js +39 -16
- package/es/HiCell/CellNumeric.js +45 -17
- package/es/HiCell/CellPinToAction.js +38 -13
- package/es/HiCell/CellRate.js +52 -17
- package/es/HiCell/CellSentinel.js +38 -16
- package/es/HiCell/CellSentinelScore.js +36 -13
- package/es/HiCell/CellText.js +58 -21
- package/es/HiCell/CellTextStyled.js +24 -13
- package/es/HiCell/index.js +10 -0
- package/es/HiCheckbox/HiCheckbox.js +57 -19
- package/es/HiCheckbox/index.js +2 -0
- package/es/HiChip/HiChip.js +47 -24
- package/es/HiChip/HiChipSwitch.js +65 -21
- package/es/HiChip/index.js +3 -0
- package/es/HiColoredLabel/HiColoredLabel.js +49 -15
- package/es/HiColoredLabel/index.js +2 -0
- package/es/HiDatePicker/Caption.js +21 -9
- package/es/HiDatePicker/HiDatePicker.js +93 -20
- package/es/HiDatePicker/HiDatePickerMobile.js +48 -22
- package/es/HiDatePicker/HiDateRangePicker.js +139 -42
- package/es/HiDatePicker/HiDateRangeSelector.js +135 -53
- package/es/HiDatePicker/ListPicker.js +43 -12
- package/es/HiDatePicker/NavBar.js +31 -12
- package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
- package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
- package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +32 -9
- package/es/HiDatePicker/Overlays/Overlay.js +25 -8
- package/es/HiDatePicker/Overlays/TimePickerOverlay.js +45 -13
- package/es/HiDatePicker/Overlays/YearPickerOverlay.js +38 -13
- package/es/HiDatePicker/Overlays/index.js +6 -0
- package/es/HiDatePicker/Weekday.js +9 -4
- package/es/HiDatePicker/hiLocaleUtils.js +20 -8
- package/es/HiDatePicker/index.js +2 -0
- package/es/HiDatePicker/stylesheet.js +13 -6
- package/es/HiDialog/HiDialog.js +19 -7
- package/es/HiDialog/index.js +2 -0
- package/es/HiDotsStepper/HiDot.js +42 -12
- package/es/HiDotsStepper/HiDotsStepper.js +43 -15
- package/es/HiDotsStepper/index.js +3 -0
- package/es/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/es/HiExpansionPanel/index.js +5 -1
- package/es/HiForm/HiAddressField.js +41 -14
- package/es/HiForm/HiEmailField.js +34 -9
- package/es/HiForm/HiFormControl.js +79 -32
- package/es/HiForm/HiFormLabel.js +45 -18
- package/es/HiForm/HiInput.js +97 -37
- package/es/HiForm/HiPasswordField.js +43 -13
- package/es/HiForm/HiSearchField.js +40 -8
- package/es/HiForm/HiSlider.js +62 -26
- package/es/HiForm/HiTextField.js +52 -26
- package/es/HiForm/HiUpload.js +94 -33
- package/es/HiForm/HiUploadField.js +37 -14
- package/es/HiForm/HiUploadInput.js +81 -25
- package/es/HiForm/index.js +12 -0
- package/es/HiIcon/HiIcon.js +34 -9
- package/es/HiIcon/index.js +2 -0
- package/es/HiIconButton/HiIconButton.js +21 -6
- package/es/HiIconButton/index.js +2 -0
- package/es/HiListItemLink/HiListItemLink.js +19 -6
- package/es/HiListItemLink/index.js +2 -0
- package/es/HiLoader/HiLoader.js +16 -6
- package/es/HiLoader/index.js +2 -0
- package/es/HiNotice/HiKPI.js +53 -21
- package/es/HiNotice/HiKPINotice.js +16 -6
- package/es/HiNotice/index.js +3 -0
- package/es/HiPagination/HiPagination.js +11 -1
- package/es/HiPagination/index.js +2 -0
- package/es/HiPaymentMeans/HiPaymentMeans.js +72 -31
- package/es/HiPaymentMeans/index.js +2 -0
- package/es/HiPdfReader/HiPdfReader.js +61 -27
- package/es/HiPdfReader/index.js +2 -0
- package/es/HiPin/HiPin.js +19 -7
- package/es/HiPin/index.js +2 -0
- package/es/HiRadio/HiRadio.js +22 -11
- package/es/HiRadio/index.js +2 -0
- package/es/HiScrollStepper/HiScrollStepper.js +67 -29
- package/es/HiScrollStepper/index.js +2 -0
- package/es/HiSelect/HiDynamicSelect.js +47 -36
- package/es/HiSelect/HiDynamicSelectField.js +52 -27
- package/es/HiSelect/HiNestedSelect.js +116 -69
- package/es/HiSelect/HiNestedSelectContent.js +90 -63
- package/es/HiSelect/HiNestedSelectField.js +52 -27
- package/es/HiSelect/HiSelect.js +192 -93
- package/es/HiSelect/HiSelectContent.js +103 -67
- package/es/HiSelect/HiSelectField.js +53 -28
- package/es/HiSelect/HiSelectInput.js +81 -25
- package/es/HiSelect/HiSelectMobile.js +49 -11
- package/es/HiSelect/HiSuggestSelect.js +85 -28
- package/es/HiSelect/HiSuggestSelectField.js +43 -18
- package/es/HiSelect/index.js +14 -2
- package/es/HiSelectableList/HiSelectableList.js +95 -38
- package/es/HiSelectableList/HiSelectableListHierarchic.js +65 -38
- package/es/HiSelectableList/HiSelectableListItem.js +88 -45
- package/es/HiSelectableList/index.js +4 -0
- package/es/HiStepper/DefaultIndicator.js +10 -1
- package/es/HiStepper/HiStep.js +48 -18
- package/es/HiStepper/HiStepper.js +15 -2
- package/es/HiStepper/index.js +3 -0
- package/es/HiSwitch/HiSwitch.js +33 -9
- package/es/HiSwitch/HiSwitchState.js +32 -15
- package/es/HiSwitch/index.js +3 -0
- package/es/HiTable/HiCellBuilder.js +69 -13
- package/es/HiTable/HiTable.js +48 -20
- package/es/HiTable/HiTableBody.js +28 -10
- package/es/HiTable/HiTableHeader.js +55 -21
- package/es/HiTable/HiTableRow.js +51 -16
- package/es/HiTable/constants.js +98 -48
- package/es/HiTable/index.js +2 -0
- package/es/hi-svg-icons/HiAccount.js +14 -4
- package/es/hi-svg-icons/HiActivity.js +14 -4
- package/es/hi-svg-icons/HiAll.js +18 -7
- package/es/hi-svg-icons/HiBilling.js +14 -4
- package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -4
- package/es/hi-svg-icons/HiBusiness.js +14 -4
- package/es/hi-svg-icons/HiCatalog.js +14 -4
- package/es/hi-svg-icons/HiCustomer.js +14 -4
- package/es/hi-svg-icons/HiDownload.js +14 -4
- package/es/hi-svg-icons/HiFinance.js +14 -4
- package/es/hi-svg-icons/HiFinanceMenu.js +14 -4
- package/es/hi-svg-icons/HiHostedPaymentPage.js +14 -4
- package/es/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
- package/es/hi-svg-icons/HiIntegration.js +14 -4
- package/es/hi-svg-icons/HiIntegrationMenu.js +14 -4
- package/es/hi-svg-icons/HiIntelligence.js +14 -4
- package/es/hi-svg-icons/HiIntelligenceMenu.js +14 -4
- package/es/hi-svg-icons/HiInvoice.js +14 -4
- package/es/hi-svg-icons/HiInvoiceMenu.js +14 -4
- package/es/hi-svg-icons/HiLogoRounded.js +17 -6
- package/es/hi-svg-icons/HiOrder.js +14 -4
- package/es/hi-svg-icons/HiPaymentOrder.js +14 -4
- package/es/hi-svg-icons/HiPermission.js +14 -4
- package/es/hi-svg-icons/HiPriceGrid.js +14 -4
- package/es/hi-svg-icons/HiPrivate.js +14 -4
- package/es/hi-svg-icons/HiRoute.js +14 -4
- package/es/hi-svg-icons/HiRouteMenu.js +14 -4
- package/es/hi-svg-icons/HiRouteSwitch.js +19 -7
- package/es/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
- package/es/hi-svg-icons/HiSettlement.js +14 -4
- package/es/hi-svg-icons/HiSizeLarge.js +14 -4
- package/es/hi-svg-icons/HiSizeMedium.js +14 -4
- package/es/hi-svg-icons/HiSizeSmall.js +14 -4
- package/es/hi-svg-icons/HiStore.js +14 -4
- package/es/hi-svg-icons/HiStoreMenu.js +14 -4
- package/es/hi-svg-icons/HiTransaction.js +14 -4
- package/es/hi-svg-icons/HiTransactionMenu.js +14 -4
- package/es/hi-svg-icons/HiUser.js +14 -4
- package/es/hi-svg-icons/HiVendor.js +14 -4
- package/es/hi-svg-icons/HiWidget.js +14 -4
- package/es/hi-svg-icons/index.js +41 -0
- package/es/hi-svg-images/HiLogo.js +12 -4
- package/es/hi-svg-images/HiLogoWhite.js +12 -4
- package/es/hi-svg-images/index.js +3 -0
- package/es/setupTest.js +13 -2
- package/es/styleguide/Wrapper.js +6 -0
- package/es/styles/MuiThemeProvider.js +53 -18
- package/es/styles/colorManipulator.js +50 -15
- package/es/styles/createBreakpoints.js +29 -14
- package/es/styles/createGenerateClassName.js +24 -14
- package/es/styles/createMixins.js +10 -4
- package/es/styles/createMuiTheme.js +28 -11
- package/es/styles/createPalette.js +89 -66
- package/es/styles/createStyles.js +1 -0
- package/es/styles/createTypography.js +24 -15
- package/es/styles/getStylesCreator.js +14 -2
- package/es/styles/getThemeProps.js +7 -2
- package/es/styles/index.js +6 -0
- package/es/styles/jssPreset.js +11 -1
- package/es/styles/makeStyles.js +9 -2
- package/es/styles/mergeClasses.js +16 -5
- package/es/styles/shadows.js +4 -1
- package/es/styles/shape.js +2 -1
- package/es/styles/spacing.js +4 -1
- package/es/styles/themeListener.js +10 -2
- package/es/styles/transitions.js +35 -20
- package/es/styles/withStyles.js +9 -2
- package/es/styles/zIndex.js +2 -1
- package/es/test-utils/createMount.js +12 -2
- package/es/test-utils/createRender.js +9 -2
- package/es/test-utils/createShallow.js +17 -6
- package/es/test-utils/getClasses.js +4 -1
- package/es/test-utils/index.js +6 -0
- package/es/test-utils/until.js +14 -3
- package/es/test-utils/unwrap.js +1 -0
- package/es/theme/palette.js +7 -2
- package/es/theme/typography.js +15 -7
- package/es/theme.js +8 -2
- package/es/transitions/utils.js +7 -3
- package/es/utils/exactProp.js +13 -3
- package/es/utils/helpers.js +58 -19
- package/es/withMobileDialog/index.js +2 -0
- package/es/withMobileDialog/withMobileDialog.js +12 -3
- package/hi-svg-icons/HiAccount.js +14 -4
- package/hi-svg-icons/HiActivity.js +14 -4
- package/hi-svg-icons/HiAll.js +18 -7
- package/hi-svg-icons/HiBilling.js +14 -4
- package/hi-svg-icons/HiBriefcaseRescue.js +14 -4
- package/hi-svg-icons/HiBusiness.js +14 -4
- package/hi-svg-icons/HiCatalog.js +14 -4
- package/hi-svg-icons/HiCustomer.js +14 -4
- package/hi-svg-icons/HiDownload.js +14 -4
- package/hi-svg-icons/HiFinance.js +14 -4
- package/hi-svg-icons/HiFinanceMenu.js +14 -4
- package/hi-svg-icons/HiHostedPaymentPage.js +14 -4
- package/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
- package/hi-svg-icons/HiIntegration.js +14 -4
- package/hi-svg-icons/HiIntegrationMenu.js +14 -4
- package/hi-svg-icons/HiIntelligence.js +14 -4
- package/hi-svg-icons/HiIntelligenceMenu.js +14 -4
- package/hi-svg-icons/HiInvoice.js +14 -4
- package/hi-svg-icons/HiInvoiceMenu.js +14 -4
- package/hi-svg-icons/HiLogoRounded.js +17 -6
- package/hi-svg-icons/HiOrder.js +14 -4
- package/hi-svg-icons/HiPaymentOrder.js +14 -4
- package/hi-svg-icons/HiPermission.js +14 -4
- package/hi-svg-icons/HiPriceGrid.js +14 -4
- package/hi-svg-icons/HiPrivate.js +14 -4
- package/hi-svg-icons/HiRoute.js +14 -4
- package/hi-svg-icons/HiRouteMenu.js +14 -4
- package/hi-svg-icons/HiRouteSwitch.js +19 -7
- package/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
- package/hi-svg-icons/HiSettlement.js +14 -4
- package/hi-svg-icons/HiSizeLarge.js +14 -4
- package/hi-svg-icons/HiSizeMedium.js +14 -4
- package/hi-svg-icons/HiSizeSmall.js +14 -4
- package/hi-svg-icons/HiStore.js +14 -4
- package/hi-svg-icons/HiStoreMenu.js +14 -4
- package/hi-svg-icons/HiTransaction.js +14 -4
- package/hi-svg-icons/HiTransactionMenu.js +14 -4
- package/hi-svg-icons/HiUser.js +14 -4
- package/hi-svg-icons/HiVendor.js +14 -4
- package/hi-svg-icons/HiWidget.js +14 -4
- package/hi-svg-icons/index.js +41 -0
- package/hi-svg-images/HiLogo.js +12 -4
- package/hi-svg-images/HiLogoWhite.js +12 -4
- package/hi-svg-images/index.js +3 -0
- package/package.json +1 -1
- package/setupTest.js +13 -2
- package/styleguide/Wrapper.js +6 -0
- package/styles/MuiThemeProvider.js +53 -18
- package/styles/colorManipulator.js +50 -15
- package/styles/createBreakpoints.js +29 -14
- package/styles/createGenerateClassName.js +24 -14
- package/styles/createMixins.js +10 -4
- package/styles/createMuiTheme.js +28 -11
- package/styles/createPalette.js +89 -66
- package/styles/createStyles.js +1 -0
- package/styles/createTypography.js +24 -15
- package/styles/getStylesCreator.js +14 -2
- package/styles/getThemeProps.js +7 -2
- package/styles/index.js +6 -0
- package/styles/jssPreset.js +11 -1
- package/styles/makeStyles.js +9 -2
- package/styles/mergeClasses.js +16 -5
- package/styles/shadows.js +4 -1
- package/styles/shape.js +2 -1
- package/styles/spacing.js +4 -1
- package/styles/themeListener.js +10 -2
- package/styles/transitions.js +35 -20
- package/styles/withStyles.js +9 -2
- package/styles/zIndex.js +2 -1
- package/test-utils/createMount.js +12 -2
- package/test-utils/createRender.js +9 -2
- package/test-utils/createShallow.js +17 -6
- package/test-utils/getClasses.js +4 -1
- package/test-utils/index.js +6 -0
- package/test-utils/until.js +14 -3
- package/test-utils/unwrap.js +1 -0
- package/theme/palette.js +7 -2
- package/theme/typography.js +15 -7
- package/theme.js +8 -2
- package/transitions/utils.js +7 -3
- package/utils/exactProp.js +13 -3
- package/utils/helpers.js +58 -19
- package/withMobileDialog/index.js +2 -0
- package/withMobileDialog/withMobileDialog.js +12 -3
@@ -1,30 +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.default = void 0;
|
9
|
+
|
8
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
11
|
+
|
9
12
|
var _react = _interopRequireDefault(require("react"));
|
13
|
+
|
10
14
|
var _HiButton = _interopRequireDefault(require("../HiButton"));
|
15
|
+
|
11
16
|
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
|
17
|
+
|
12
18
|
var _Save = _interopRequireDefault(require("@mui/icons-material/Save"));
|
19
|
+
|
13
20
|
var _ref = /*#__PURE__*/_react.default.createElement(_Save.default, {
|
14
21
|
fontSize: "small"
|
15
22
|
});
|
23
|
+
|
16
24
|
var _ref2 = /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
|
17
25
|
size: 24,
|
18
26
|
color: "primary",
|
19
27
|
className: "save-loading-progress"
|
20
28
|
});
|
29
|
+
|
21
30
|
var HiAccordionActions = function HiAccordionActions(props) {
|
22
31
|
var handleCancel = function handleCancel() {
|
23
32
|
props.onCancel && props.onCancel();
|
24
33
|
};
|
34
|
+
|
25
35
|
var handleSave = function handleSave() {
|
26
36
|
props.onSave && props.onSave();
|
27
37
|
};
|
38
|
+
|
28
39
|
return /*#__PURE__*/_react.default.createElement("div", {
|
29
40
|
className: props.className
|
30
41
|
}, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
|
@@ -44,6 +55,7 @@ var HiAccordionActions = function HiAccordionActions(props) {
|
|
44
55
|
className: "save-text"
|
45
56
|
}, props.saveLabel)), props.isSaving && _ref2));
|
46
57
|
};
|
58
|
+
|
47
59
|
HiAccordionActions.defaultProps = {
|
48
60
|
disabled: false,
|
49
61
|
isSaving: false
|
@@ -52,4 +64,5 @@ var StyledHiAccordionActions = (0, _styledComponents.default)(HiAccordionActions
|
|
52
64
|
displayName: "HiAccordionActions__StyledHiAccordionActions",
|
53
65
|
componentId: "sc-sfgibt-0"
|
54
66
|
})(["display:flex;position:sticky;bottom:0;background-color:#ffffff;padding:20px 0;margin-bottom:-24px;#cancel-button{margin-right:20px;}.save-wrapper{position:relative;.save-text{margin-left:6px;}.save-loading-progress{position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;}}"]);
|
55
|
-
var _default =
|
67
|
+
var _default = StyledHiAccordionActions;
|
68
|
+
exports.default = _default;
|
@@ -1,9 +1,13 @@
|
|
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.default = void 0;
|
9
|
+
|
8
10
|
var _HiAccordionActions = _interopRequireDefault(require("./HiAccordionActions"));
|
9
|
-
|
11
|
+
|
12
|
+
var _default = _HiAccordionActions.default;
|
13
|
+
exports.default = _default;
|
@@ -1,22 +1,34 @@
|
|
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.default = void 0;
|
9
|
+
|
8
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
11
|
+
|
9
12
|
var _react = _interopRequireDefault(require("react"));
|
13
|
+
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
15
|
+
|
11
16
|
var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
|
17
|
+
|
12
18
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
19
|
+
|
13
20
|
var _MenuDown = _interopRequireDefault(require("mdi-material-ui/MenuDown"));
|
21
|
+
|
14
22
|
var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
|
23
|
+
|
15
24
|
var _HiButton = _interopRequireDefault(require("../HiButton"));
|
25
|
+
|
16
26
|
var _ref = /*#__PURE__*/_react.default.createElement(_MenuDown.default, null);
|
27
|
+
|
17
28
|
var _ref2 = /*#__PURE__*/_react.default.createElement(_Edit.default, {
|
18
29
|
fontSize: "small"
|
19
30
|
});
|
31
|
+
|
20
32
|
var HiAccordionSummary = function HiAccordionSummary(props) {
|
21
33
|
return /*#__PURE__*/_react.default.createElement(_AccordionSummary.default, {
|
22
34
|
classes: {
|
@@ -45,6 +57,7 @@ var HiAccordionSummary = function HiAccordionSummary(props) {
|
|
45
57
|
className: "saveLabel"
|
46
58
|
}, props.editLabel))));
|
47
59
|
};
|
60
|
+
|
48
61
|
HiAccordionSummary.defaultProps = {
|
49
62
|
editable: false,
|
50
63
|
editMode: false,
|
@@ -54,4 +67,5 @@ var StyledHiAccordionSummary = (0, _styledComponents.default)(HiAccordionSummary
|
|
54
67
|
displayName: "HiAccordionSummary__StyledHiAccordionSummary",
|
55
68
|
componentId: "sc-x8gl70-0"
|
56
69
|
})(["&.summary{border-bottom:1px solid #e3e6e7;height:48px;min-height:48px;padding:0;&.editMode{border-bottom:none;cursor:default;.heading{font-weight:bold;}}.summaryContent{display:flex;justify-content:space-between;align-items:center;.secondary{display:flex;align-items:center;}}.saveLabel{margin-left:6px;}}"]);
|
57
|
-
var _default =
|
70
|
+
var _default = StyledHiAccordionSummary;
|
71
|
+
exports.default = _default;
|
@@ -1,9 +1,13 @@
|
|
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.default = void 0;
|
9
|
+
|
8
10
|
var _HiAccordionSummary = _interopRequireDefault(require("./HiAccordionSummary"));
|
9
|
-
|
11
|
+
|
12
|
+
var _default = _HiAccordionSummary.default;
|
13
|
+
exports.default = _default;
|
@@ -1,31 +1,43 @@
|
|
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 _styledComponents = _interopRequireDefault(require("styled-components"));
|
13
|
+
|
10
14
|
var _react = _interopRequireWildcard(require("react"));
|
15
|
+
|
11
16
|
var _HiButton = _interopRequireDefault(require("../HiButton"));
|
17
|
+
|
12
18
|
var _HiIcon = _interopRequireDefault(require("../HiIcon"));
|
19
|
+
|
13
20
|
var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
|
21
|
+
|
14
22
|
var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
|
23
|
+
|
15
24
|
var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
|
25
|
+
|
16
26
|
var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
|
27
|
+
|
17
28
|
var _material = require("@mui/material");
|
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 HiAlertModal = function HiAlertModal(props) {
|
21
35
|
var cancelButtonRef = (0, _react.useRef)(null);
|
22
|
-
var submitButtonRef = (0, _react.useRef)(null);
|
36
|
+
var submitButtonRef = (0, _react.useRef)(null); // Refs to HiButton to display focus state
|
23
37
|
|
24
|
-
// Refs to HiButton to display focus state
|
25
38
|
var submitActionsRef;
|
26
|
-
var cancelActionsRef;
|
39
|
+
var cancelActionsRef; // On Dialog opening, focus an action button
|
27
40
|
|
28
|
-
// On Dialog opening, focus an action button
|
29
41
|
var handleOnEntered = function handleOnEntered() {
|
30
42
|
if (props.labelSubmitButton) {
|
31
43
|
// Focus submit button
|
@@ -37,6 +49,7 @@ var HiAlertModal = function HiAlertModal(props) {
|
|
37
49
|
cancelActionsRef.focusVisible();
|
38
50
|
}
|
39
51
|
};
|
52
|
+
|
40
53
|
return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
|
41
54
|
className: props.className,
|
42
55
|
classes: {
|
@@ -81,6 +94,7 @@ var HiAlertModal = function HiAlertModal(props) {
|
|
81
94
|
className: "submit-text"
|
82
95
|
}, props.labelSubmitButton))));
|
83
96
|
};
|
97
|
+
|
84
98
|
var StyledHiAlertModal = (0, _styledComponents.default)(HiAlertModal).withConfig({
|
85
99
|
displayName: "HiAlertModal__StyledHiAlertModal",
|
86
100
|
componentId: "sc-dmfyat-0"
|
@@ -98,4 +112,5 @@ HiAlertModal.defaultProps = {
|
|
98
112
|
submitButtonVariant: 'contained',
|
99
113
|
submitIcon: 'done'
|
100
114
|
};
|
101
|
-
var _default =
|
115
|
+
var _default = StyledHiAlertModal;
|
116
|
+
exports.default = _default;
|
package/es/HiAlertModal/index.js
CHANGED
@@ -1,9 +1,13 @@
|
|
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.default = void 0;
|
9
|
+
|
8
10
|
var _HiAlertModal = _interopRequireDefault(require("./HiAlertModal"));
|
9
|
-
|
11
|
+
|
12
|
+
var _default = _HiAlertModal.default;
|
13
|
+
exports.default = _default;
|
package/es/HiAppBar/HiAppBar.js
CHANGED
@@ -1,28 +1,47 @@
|
|
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
11
|
+
|
9
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
13
|
+
|
10
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
11
|
-
|
12
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
15
|
+
|
13
16
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
17
|
+
|
14
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
19
|
+
|
20
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
21
|
+
|
22
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
23
|
+
|
15
24
|
var _react = _interopRequireDefault(require("react"));
|
25
|
+
|
16
26
|
var _classnames = _interopRequireDefault(require("classnames"));
|
27
|
+
|
17
28
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
29
|
+
|
18
30
|
var _AppBar = _interopRequireDefault(require("@mui/material/AppBar"));
|
31
|
+
|
19
32
|
var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
|
33
|
+
|
20
34
|
var _Toolbar = _interopRequireDefault(require("@mui/material/Toolbar"));
|
35
|
+
|
21
36
|
var _HiIcon = _interopRequireDefault(require("../HiIcon"));
|
37
|
+
|
22
38
|
var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
|
23
|
-
|
24
|
-
function
|
25
|
-
|
39
|
+
|
40
|
+
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); }; }
|
41
|
+
|
42
|
+
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; } }
|
43
|
+
|
44
|
+
var styles = function styles(theme) {
|
26
45
|
return {
|
27
46
|
root: {},
|
28
47
|
bar: {
|
@@ -46,21 +65,30 @@ var styles = exports.styles = function styles(theme) {
|
|
46
65
|
}
|
47
66
|
};
|
48
67
|
};
|
68
|
+
|
69
|
+
exports.styles = styles;
|
70
|
+
|
49
71
|
var _ref = /*#__PURE__*/_react.default.createElement(_HiIcon.default, {
|
50
72
|
icon: "keyboard_arrow_up"
|
51
73
|
});
|
74
|
+
|
52
75
|
var HiAppBar = /*#__PURE__*/function (_React$Component) {
|
53
76
|
(0, _inherits2.default)(HiAppBar, _React$Component);
|
77
|
+
|
78
|
+
var _super = _createSuper(HiAppBar);
|
79
|
+
|
54
80
|
function HiAppBar(props) {
|
55
81
|
var _this;
|
82
|
+
|
56
83
|
(0, _classCallCheck2.default)(this, HiAppBar);
|
57
|
-
_this =
|
84
|
+
_this = _super.call(this, props);
|
58
85
|
_this.state = {
|
59
86
|
collapsed: false
|
60
87
|
};
|
61
88
|
_this.handleCollapse = _this.handleCollapse.bind((0, _assertThisInitialized2.default)(_this));
|
62
89
|
return _this;
|
63
90
|
}
|
91
|
+
|
64
92
|
(0, _createClass2.default)(HiAppBar, [{
|
65
93
|
key: "handleCollapse",
|
66
94
|
value: function handleCollapse() {
|
@@ -70,13 +98,13 @@ var HiAppBar = /*#__PURE__*/function (_React$Component) {
|
|
70
98
|
key: "render",
|
71
99
|
value: function render() {
|
72
100
|
var _this$props = this.props,
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
101
|
+
children = _this$props.children,
|
102
|
+
classes = _this$props.classes,
|
103
|
+
className = _this$props.className,
|
104
|
+
collapsed = _this$props.collapsed,
|
105
|
+
focused = _this$props.focused,
|
106
|
+
hideable = _this$props.hideable,
|
107
|
+
position = _this$props.position;
|
80
108
|
return /*#__PURE__*/_react.default.createElement(_AppBar.default, {
|
81
109
|
className: (0, _classnames.default)(className, classes.bar, (0, _defineProperty2.default)({}, classes.focused, focused)),
|
82
110
|
classes: {
|
@@ -97,11 +125,15 @@ var HiAppBar = /*#__PURE__*/function (_React$Component) {
|
|
97
125
|
}]);
|
98
126
|
return HiAppBar;
|
99
127
|
}(_react.default.Component);
|
128
|
+
|
100
129
|
HiAppBar.defaultProps = {
|
101
130
|
focused: false,
|
102
131
|
hideable: false
|
103
132
|
};
|
104
|
-
|
133
|
+
|
134
|
+
var _default = (0, _withStyles.default)(styles, {
|
105
135
|
hiComponent: true,
|
106
136
|
name: 'HmuiHiAppBar'
|
107
|
-
})(HiAppBar);
|
137
|
+
})(HiAppBar);
|
138
|
+
|
139
|
+
exports.default = _default;
|
package/es/HiAppBar/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 _HiAppBar.default;
|
11
12
|
}
|
12
13
|
});
|
14
|
+
|
13
15
|
var _HiAppBar = _interopRequireDefault(require("./HiAppBar"));
|
package/es/HiAvatar/HiAvatar.js
CHANGED
@@ -1,15 +1,22 @@
|
|
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.default = void 0;
|
9
|
+
|
8
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
11
|
+
|
9
12
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
13
|
+
|
10
14
|
var _react = _interopRequireDefault(require("react"));
|
15
|
+
|
11
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
17
|
+
|
12
18
|
var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
|
19
|
+
|
13
20
|
/*
|
14
21
|
* Display an material-ui Avatar
|
15
22
|
* If boolean internal is true, it displays white avatar with colored border and colored text
|
@@ -17,8 +24,8 @@ var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
|
|
17
24
|
*/
|
18
25
|
var HiAvatar = (0, _styledComponents.default)(function (_ref) {
|
19
26
|
var internal = _ref.internal,
|
20
|
-
|
21
|
-
|
27
|
+
color = _ref.color,
|
28
|
+
other = (0, _objectWithoutProperties2.default)(_ref, ["internal", "color"]);
|
22
29
|
return /*#__PURE__*/_react.default.createElement(_Avatar.default, other);
|
23
30
|
}).withConfig({
|
24
31
|
displayName: "HiAvatar",
|
@@ -33,10 +40,12 @@ var HiAvatar = (0, _styledComponents.default)(function (_ref) {
|
|
33
40
|
HiAvatar.propTypes = {
|
34
41
|
/* If internal user, display Avatar colors reversed */
|
35
42
|
internal: _propTypes.default.bool,
|
43
|
+
|
36
44
|
/* Avatar color */
|
37
45
|
color: _propTypes.default.string
|
38
46
|
};
|
39
47
|
HiAvatar.defaultProps = {
|
40
48
|
internal: false
|
41
49
|
};
|
42
|
-
var _default =
|
50
|
+
var _default = HiAvatar;
|
51
|
+
exports.default = _default;
|
package/es/HiAvatar/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 _HiAvatar.default;
|
11
12
|
}
|
12
13
|
});
|
14
|
+
|
13
15
|
var _HiAvatar = _interopRequireDefault(require("./HiAvatar"));
|
package/es/HiBadge/HiBadge.js
CHANGED
@@ -1,16 +1,23 @@
|
|
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 _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 _Badge = _interopRequireDefault(require("@mui/material/Badge"));
|
17
|
+
|
12
18
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
13
|
-
|
19
|
+
|
20
|
+
var styles = function styles(theme) {
|
14
21
|
return {
|
15
22
|
// Usefull for style overriding
|
16
23
|
root: {},
|
@@ -59,15 +66,20 @@ var styles = exports.styles = function styles(theme) {
|
|
59
66
|
}
|
60
67
|
};
|
61
68
|
};
|
69
|
+
|
70
|
+
exports.styles = styles;
|
71
|
+
|
62
72
|
function HiBadge(props) {
|
73
|
+
var _classNames;
|
74
|
+
|
63
75
|
var classes = props.classes,
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
76
|
+
className = props.className,
|
77
|
+
children = props.children,
|
78
|
+
color = props.color,
|
79
|
+
value = props.value;
|
68
80
|
var length = value.toString().length;
|
69
81
|
var finalValue = value > 100 ? '+100' : value;
|
70
|
-
var badgeClass = (0, _classnames.default)(classes.badge, (
|
82
|
+
var badgeClass = (0, _classnames.default)(classes.badge, (_classNames = {}, (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'), (0, _defineProperty2.default)(_classNames, classes.shortBadge, length < 2), (0, _defineProperty2.default)(_classNames, classes.mediumBadge, length === 2), (0, _defineProperty2.default)(_classNames, classes.longBadge, length > 2), _classNames));
|
71
83
|
return /*#__PURE__*/_react.default.createElement(_Badge.default, {
|
72
84
|
className: className,
|
73
85
|
classes: {
|
@@ -78,10 +90,14 @@ function HiBadge(props) {
|
|
78
90
|
badgeContent: finalValue
|
79
91
|
}, children);
|
80
92
|
}
|
93
|
+
|
81
94
|
HiBadge.defaultProps = {
|
82
95
|
color: 'primary'
|
83
96
|
};
|
84
|
-
|
97
|
+
|
98
|
+
var _default = (0, _withStyles.default)(styles, {
|
85
99
|
hiComponent: true,
|
86
100
|
name: 'HmuiHiBadge'
|
87
|
-
})(HiBadge);
|
101
|
+
})(HiBadge);
|
102
|
+
|
103
|
+
exports.default = _default;
|
package/es/HiBadge/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 _HiBadge.default;
|
11
12
|
}
|
12
13
|
});
|
14
|
+
|
13
15
|
var _HiBadge = _interopRequireDefault(require("./HiBadge"));
|
@@ -1,30 +1,50 @@
|
|
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.default = void 0;
|
9
|
+
|
8
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
11
|
+
|
9
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
13
|
+
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
15
|
+
|
10
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
17
|
+
|
11
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
12
|
-
|
19
|
+
|
13
20
|
var _react = _interopRequireDefault(require("react"));
|
21
|
+
|
14
22
|
var _HiStep = _interopRequireDefault(require("./HiStep"));
|
23
|
+
|
15
24
|
var _HiStepLabel = _interopRequireDefault(require("./HiStepLabel"));
|
25
|
+
|
16
26
|
var _HiStepper = _interopRequireDefault(require("./HiStepper"));
|
17
|
-
|
18
|
-
function
|
27
|
+
|
28
|
+
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); }; }
|
29
|
+
|
30
|
+
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; } }
|
31
|
+
|
19
32
|
var HiBreadcrumb = /*#__PURE__*/function (_React$PureComponent) {
|
20
33
|
(0, _inherits2.default)(HiBreadcrumb, _React$PureComponent);
|
34
|
+
|
35
|
+
var _super = _createSuper(HiBreadcrumb);
|
36
|
+
|
21
37
|
function HiBreadcrumb() {
|
22
38
|
var _this;
|
39
|
+
|
23
40
|
(0, _classCallCheck2.default)(this, HiBreadcrumb);
|
41
|
+
|
24
42
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
25
43
|
args[_key] = arguments[_key];
|
26
44
|
}
|
27
|
-
|
45
|
+
|
46
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
47
|
+
|
28
48
|
_this.handleStep = function (idx) {
|
29
49
|
return function () {
|
30
50
|
if (_this.props.disableNavigation === false) {
|
@@ -32,18 +52,21 @@ var HiBreadcrumb = /*#__PURE__*/function (_React$PureComponent) {
|
|
32
52
|
}
|
33
53
|
};
|
34
54
|
};
|
55
|
+
|
35
56
|
return _this;
|
36
57
|
}
|
58
|
+
|
37
59
|
(0, _createClass2.default)(HiBreadcrumb, [{
|
38
60
|
key: "render",
|
39
61
|
value: function render() {
|
40
62
|
var _this2 = this;
|
63
|
+
|
41
64
|
var _this$props = this.props,
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
65
|
+
activeStep = _this$props.activeStep,
|
66
|
+
classes = _this$props.classes,
|
67
|
+
steps = _this$props.steps,
|
68
|
+
type = _this$props.type,
|
69
|
+
disableNavigation = _this$props.disableNavigation;
|
47
70
|
return /*#__PURE__*/_react.default.createElement(_HiStepper.default, {
|
48
71
|
activeStep: activeStep,
|
49
72
|
type: type
|
@@ -72,9 +95,11 @@ var HiBreadcrumb = /*#__PURE__*/function (_React$PureComponent) {
|
|
72
95
|
}]);
|
73
96
|
return HiBreadcrumb;
|
74
97
|
}(_react.default.PureComponent);
|
98
|
+
|
75
99
|
HiBreadcrumb.defaultProps = {
|
76
100
|
activeStep: 0,
|
77
101
|
type: 'back',
|
78
102
|
disableNavigation: false
|
79
103
|
};
|
80
|
-
var _default =
|
104
|
+
var _default = HiBreadcrumb;
|
105
|
+
exports.default = _default;
|