@hipay/hipay-material-ui 4.0.0 → 4.0.1-beta5
Sign up to get free protection for your applications and to get access to all the features.
- package/HiAccordion/HiAccordion.js +26 -8
- package/HiAccordion/index.js +5 -1
- package/HiAccordionActions/HiAccordionActions.js +14 -1
- package/HiAccordionActions/index.js +5 -1
- package/HiAccordionSummary/HiAccordionSummary.js +15 -1
- package/HiAccordionSummary/index.js +5 -1
- package/HiAlertModal/HiAlertModal.js +22 -7
- package/HiAlertModal/index.js +5 -1
- package/HiAppBar/HiAppBar.js +42 -11
- package/HiAppBar/index.js +2 -0
- package/HiAvatar/HiAvatar.js +12 -3
- package/HiAvatar/index.js +2 -0
- package/HiBadge/HiBadge.js +24 -8
- package/HiBadge/index.js +2 -0
- package/HiBreadcrumb/HiBreadcrumb.js +30 -6
- package/HiBreadcrumb/HiStep.js +45 -13
- package/HiBreadcrumb/HiStepConnector.js +49 -14
- package/HiBreadcrumb/HiStepContent.js +30 -6
- package/HiBreadcrumb/HiStepIcon.js +35 -10
- package/HiBreadcrumb/HiStepLabel.js +44 -14
- package/HiBreadcrumb/HiStepper.js +30 -6
- package/HiBreadcrumb/index.js +2 -0
- package/HiButton/HiButton.js +33 -8
- package/HiButton/index.js +5 -1
- package/HiCell/CellAddress.js +33 -12
- package/HiCell/CellDate.js +36 -10
- package/HiCell/CellHiddenContent.js +30 -8
- package/HiCell/CellIcon.js +36 -12
- package/HiCell/CellImage.js +34 -12
- package/HiCell/CellNumeric.js +40 -13
- package/HiCell/CellPinToAction.js +33 -9
- package/HiCell/CellRate.js +47 -13
- package/HiCell/CellSentinel.js +33 -12
- package/HiCell/CellSentinelScore.js +31 -9
- package/HiCell/CellText.js +52 -16
- package/HiCell/CellTextStyled.js +24 -13
- package/HiCell/index.js +10 -0
- package/HiCheckbox/HiCheckbox.js +52 -15
- package/HiCheckbox/index.js +2 -0
- package/HiChip/HiChip.js +47 -24
- package/HiChip/HiChipSwitch.js +59 -16
- package/HiChip/index.js +3 -0
- package/HiColoredLabel/HiColoredLabel.js +49 -15
- package/HiColoredLabel/index.js +2 -0
- package/HiDatePicker/Caption.js +21 -9
- package/HiDatePicker/HiDatePicker.js +88 -16
- package/HiDatePicker/HiDatePickerMobile.js +43 -18
- package/HiDatePicker/HiDateRangePicker.js +134 -38
- package/HiDatePicker/HiDateRangeSelector.js +130 -49
- package/HiDatePicker/ListPicker.js +38 -8
- package/HiDatePicker/NavBar.js +31 -12
- package/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
- package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
- package/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
- package/HiDatePicker/Overlays/Overlay.js +25 -8
- package/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
- package/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
- package/HiDatePicker/Overlays/index.js +6 -0
- package/HiDatePicker/Weekday.js +9 -4
- package/HiDatePicker/hiLocaleUtils.js +20 -8
- package/HiDatePicker/index.js +2 -0
- package/HiDatePicker/stylesheet.js +13 -7
- package/HiDialog/HiDialog.js +19 -7
- package/HiDialog/index.js +2 -0
- package/HiDotsStepper/HiDot.js +37 -8
- package/HiDotsStepper/HiDotsStepper.js +37 -10
- package/HiDotsStepper/index.js +3 -0
- package/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/HiExpansionPanel/index.js +5 -1
- package/HiForm/HiAddressField.js +36 -10
- package/HiForm/HiEmailField.js +29 -5
- package/HiForm/HiFormControl.js +74 -28
- package/HiForm/HiFormLabel.js +41 -15
- package/HiForm/HiInput.js +91 -33
- package/HiForm/HiPasswordField.js +46 -9
- package/HiForm/HiSearchField.js +34 -3
- package/HiForm/HiSlider.js +57 -22
- package/HiForm/HiTextField.js +47 -22
- package/HiForm/HiUpload.js +89 -29
- package/HiForm/HiUploadField.js +32 -10
- package/HiForm/HiUploadInput.js +76 -23
- package/HiForm/index.js +12 -0
- package/HiIcon/HiIcon.js +34 -9
- package/HiIcon/index.js +2 -0
- package/HiIconButton/HiIconButton.js +21 -6
- package/HiIconButton/index.js +2 -0
- package/HiListItemLink/HiListItemLink.js +19 -7
- package/HiListItemLink/index.js +2 -0
- package/HiLoader/HiLoader.js +16 -6
- package/HiLoader/index.js +2 -0
- package/HiNotice/HiKPI.js +47 -16
- package/HiNotice/HiKPINotice.js +16 -6
- package/HiNotice/index.js +3 -0
- package/HiPagination/HiPagination.js +11 -1
- package/HiPagination/index.js +2 -0
- package/HiPaymentMeans/HiPaymentMeans.js +72 -31
- package/HiPaymentMeans/index.js +2 -0
- package/HiPdfReader/HiPdfReader.js +57 -24
- package/HiPdfReader/index.js +2 -0
- package/HiPin/HiPin.js +19 -7
- package/HiPin/index.js +2 -0
- package/HiRadio/HiRadio.js +22 -11
- package/HiRadio/index.js +2 -0
- package/HiScrollStepper/HiScrollStepper.js +67 -29
- package/HiScrollStepper/index.js +2 -0
- package/HiSelect/HiDynamicSelect.js +42 -32
- package/HiSelect/HiDynamicSelectField.js +48 -24
- package/HiSelect/HiNestedSelect.js +111 -65
- package/HiSelect/HiNestedSelectContent.js +86 -60
- package/HiSelect/HiNestedSelectField.js +48 -24
- package/HiSelect/HiSelect.js +187 -89
- package/HiSelect/HiSelectContent.js +97 -62
- package/HiSelect/HiSelectField.js +49 -25
- package/HiSelect/HiSelectInput.js +76 -23
- package/HiSelect/HiSelectMobile.js +44 -7
- package/HiSelect/HiSuggestSelect.js +81 -25
- package/HiSelect/HiSuggestSelectField.js +39 -15
- package/HiSelect/index.js +14 -2
- package/HiSelectableList/HiSelectableList.js +90 -34
- package/HiSelectableList/HiSelectableListHierarchic.js +60 -34
- package/HiSelectableList/HiSelectableListItem.js +88 -45
- package/HiSelectableList/index.js +4 -0
- package/HiStepper/DefaultIndicator.js +10 -1
- package/HiStepper/HiStep.js +48 -18
- package/HiStepper/HiStepper.js +15 -2
- package/HiStepper/index.js +3 -0
- package/HiSwitch/HiSwitch.js +33 -9
- package/HiSwitch/HiSwitchState.js +32 -15
- package/HiSwitch/index.js +3 -0
- package/HiTable/HiCellBuilder.js +65 -10
- package/HiTable/HiTable.js +48 -20
- package/HiTable/HiTableBody.js +24 -7
- package/HiTable/HiTableHeader.js +51 -18
- package/HiTable/HiTableRow.js +46 -12
- package/HiTable/constants.js +98 -48
- package/HiTable/index.js +2 -0
- package/es/HiAccordion/HiAccordion.js +26 -8
- package/es/HiAccordion/index.js +5 -1
- package/es/HiAccordionActions/HiAccordionActions.js +14 -1
- package/es/HiAccordionActions/index.js +5 -1
- package/es/HiAccordionSummary/HiAccordionSummary.js +15 -1
- package/es/HiAccordionSummary/index.js +5 -1
- package/es/HiAlertModal/HiAlertModal.js +22 -7
- package/es/HiAlertModal/index.js +5 -1
- package/es/HiAppBar/HiAppBar.js +42 -11
- package/es/HiAppBar/index.js +2 -0
- package/es/HiAvatar/HiAvatar.js +12 -3
- package/es/HiAvatar/index.js +2 -0
- package/es/HiBadge/HiBadge.js +24 -8
- package/es/HiBadge/index.js +2 -0
- package/es/HiBreadcrumb/HiBreadcrumb.js +30 -6
- package/es/HiBreadcrumb/HiStep.js +45 -13
- package/es/HiBreadcrumb/HiStepConnector.js +49 -14
- package/es/HiBreadcrumb/HiStepContent.js +30 -6
- package/es/HiBreadcrumb/HiStepIcon.js +35 -10
- package/es/HiBreadcrumb/HiStepLabel.js +44 -14
- package/es/HiBreadcrumb/HiStepper.js +30 -6
- package/es/HiBreadcrumb/index.js +2 -0
- package/es/HiButton/HiButton.js +33 -8
- package/es/HiButton/index.js +5 -1
- package/es/HiCell/CellAddress.js +33 -12
- package/es/HiCell/CellDate.js +36 -10
- package/es/HiCell/CellHiddenContent.js +30 -8
- package/es/HiCell/CellIcon.js +36 -12
- package/es/HiCell/CellImage.js +34 -12
- package/es/HiCell/CellNumeric.js +40 -13
- package/es/HiCell/CellPinToAction.js +33 -9
- package/es/HiCell/CellRate.js +47 -13
- package/es/HiCell/CellSentinel.js +33 -12
- package/es/HiCell/CellSentinelScore.js +31 -9
- package/es/HiCell/CellText.js +52 -16
- package/es/HiCell/CellTextStyled.js +24 -13
- package/es/HiCell/index.js +10 -0
- package/es/HiCheckbox/HiCheckbox.js +52 -15
- package/es/HiCheckbox/index.js +2 -0
- package/es/HiChip/HiChip.js +47 -24
- package/es/HiChip/HiChipSwitch.js +59 -16
- package/es/HiChip/index.js +3 -0
- package/es/HiColoredLabel/HiColoredLabel.js +49 -15
- package/es/HiColoredLabel/index.js +2 -0
- package/es/HiDatePicker/Caption.js +21 -9
- package/es/HiDatePicker/HiDatePicker.js +88 -16
- package/es/HiDatePicker/HiDatePickerMobile.js +43 -18
- package/es/HiDatePicker/HiDateRangePicker.js +134 -38
- package/es/HiDatePicker/HiDateRangeSelector.js +130 -49
- package/es/HiDatePicker/ListPicker.js +38 -8
- package/es/HiDatePicker/NavBar.js +31 -12
- package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
- package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
- package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
- package/es/HiDatePicker/Overlays/Overlay.js +25 -8
- package/es/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
- package/es/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
- package/es/HiDatePicker/Overlays/index.js +6 -0
- package/es/HiDatePicker/Weekday.js +9 -4
- package/es/HiDatePicker/hiLocaleUtils.js +20 -8
- package/es/HiDatePicker/index.js +2 -0
- package/es/HiDatePicker/stylesheet.js +13 -7
- package/es/HiDialog/HiDialog.js +19 -7
- package/es/HiDialog/index.js +2 -0
- package/es/HiDotsStepper/HiDot.js +37 -8
- package/es/HiDotsStepper/HiDotsStepper.js +37 -10
- package/es/HiDotsStepper/index.js +3 -0
- package/es/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/es/HiExpansionPanel/index.js +5 -1
- package/es/HiForm/HiAddressField.js +36 -10
- package/es/HiForm/HiEmailField.js +29 -5
- package/es/HiForm/HiFormControl.js +74 -28
- package/es/HiForm/HiFormLabel.js +41 -15
- package/es/HiForm/HiInput.js +91 -33
- package/es/HiForm/HiPasswordField.js +46 -9
- package/es/HiForm/HiSearchField.js +34 -3
- package/es/HiForm/HiSlider.js +57 -22
- package/es/HiForm/HiTextField.js +47 -22
- package/es/HiForm/HiUpload.js +89 -29
- package/es/HiForm/HiUploadField.js +32 -10
- package/es/HiForm/HiUploadInput.js +76 -23
- package/es/HiForm/index.js +12 -0
- package/es/HiIcon/HiIcon.js +34 -9
- package/es/HiIcon/index.js +2 -0
- package/es/HiIconButton/HiIconButton.js +21 -6
- package/es/HiIconButton/index.js +2 -0
- package/es/HiListItemLink/HiListItemLink.js +19 -7
- package/es/HiListItemLink/index.js +2 -0
- package/es/HiLoader/HiLoader.js +16 -6
- package/es/HiLoader/index.js +2 -0
- package/es/HiNotice/HiKPI.js +47 -16
- package/es/HiNotice/HiKPINotice.js +16 -6
- package/es/HiNotice/index.js +3 -0
- package/es/HiPagination/HiPagination.js +11 -1
- package/es/HiPagination/index.js +2 -0
- package/es/HiPaymentMeans/HiPaymentMeans.js +72 -31
- package/es/HiPaymentMeans/index.js +2 -0
- package/es/HiPdfReader/HiPdfReader.js +57 -24
- package/es/HiPdfReader/index.js +2 -0
- package/es/HiPin/HiPin.js +19 -7
- package/es/HiPin/index.js +2 -0
- package/es/HiRadio/HiRadio.js +22 -11
- package/es/HiRadio/index.js +2 -0
- package/es/HiScrollStepper/HiScrollStepper.js +67 -29
- package/es/HiScrollStepper/index.js +2 -0
- package/es/HiSelect/HiDynamicSelect.js +42 -32
- package/es/HiSelect/HiDynamicSelectField.js +48 -24
- package/es/HiSelect/HiNestedSelect.js +111 -65
- package/es/HiSelect/HiNestedSelectContent.js +86 -60
- package/es/HiSelect/HiNestedSelectField.js +48 -24
- package/es/HiSelect/HiSelect.js +187 -89
- package/es/HiSelect/HiSelectContent.js +97 -62
- package/es/HiSelect/HiSelectField.js +49 -25
- package/es/HiSelect/HiSelectInput.js +76 -23
- package/es/HiSelect/HiSelectMobile.js +44 -7
- package/es/HiSelect/HiSuggestSelect.js +81 -25
- package/es/HiSelect/HiSuggestSelectField.js +39 -15
- package/es/HiSelect/index.js +14 -2
- package/es/HiSelectableList/HiSelectableList.js +90 -34
- package/es/HiSelectableList/HiSelectableListHierarchic.js +60 -34
- package/es/HiSelectableList/HiSelectableListItem.js +88 -45
- package/es/HiSelectableList/index.js +4 -0
- package/es/HiStepper/DefaultIndicator.js +10 -1
- package/es/HiStepper/HiStep.js +48 -18
- package/es/HiStepper/HiStepper.js +15 -2
- package/es/HiStepper/index.js +3 -0
- package/es/HiSwitch/HiSwitch.js +33 -9
- package/es/HiSwitch/HiSwitchState.js +32 -15
- package/es/HiSwitch/index.js +3 -0
- package/es/HiTable/HiCellBuilder.js +65 -10
- package/es/HiTable/HiTable.js +48 -20
- package/es/HiTable/HiTableBody.js +24 -7
- package/es/HiTable/HiTableHeader.js +51 -18
- package/es/HiTable/HiTableRow.js +46 -12
- package/es/HiTable/constants.js +98 -48
- package/es/HiTable/index.js +2 -0
- package/es/hi-svg-icons/HiAccount.js +14 -4
- package/es/hi-svg-icons/HiActivity.js +14 -4
- package/es/hi-svg-icons/HiAll.js +18 -7
- package/es/hi-svg-icons/HiBilling.js +14 -4
- package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -4
- package/es/hi-svg-icons/HiBusiness.js +14 -4
- package/es/hi-svg-icons/HiCatalog.js +14 -4
- package/es/hi-svg-icons/HiCustomer.js +14 -4
- package/es/hi-svg-icons/HiDownload.js +14 -4
- package/es/hi-svg-icons/HiFinance.js +14 -4
- package/es/hi-svg-icons/HiFinanceMenu.js +14 -4
- package/es/hi-svg-icons/HiHostedPaymentPage.js +14 -4
- package/es/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
- package/es/hi-svg-icons/HiIntegration.js +14 -4
- package/es/hi-svg-icons/HiIntegrationMenu.js +14 -4
- package/es/hi-svg-icons/HiIntelligence.js +14 -4
- package/es/hi-svg-icons/HiIntelligenceMenu.js +14 -4
- package/es/hi-svg-icons/HiInvoice.js +14 -4
- package/es/hi-svg-icons/HiInvoiceMenu.js +14 -4
- package/es/hi-svg-icons/HiLogoRounded.js +17 -6
- package/es/hi-svg-icons/HiOrder.js +14 -4
- package/es/hi-svg-icons/HiPaymentOrder.js +14 -4
- package/es/hi-svg-icons/HiPermission.js +14 -4
- package/es/hi-svg-icons/HiPriceGrid.js +14 -4
- package/es/hi-svg-icons/HiPrivate.js +14 -4
- package/es/hi-svg-icons/HiRoute.js +14 -4
- package/es/hi-svg-icons/HiRouteMenu.js +14 -4
- package/es/hi-svg-icons/HiRouteSwitch.js +19 -7
- package/es/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
- package/es/hi-svg-icons/HiSettlement.js +14 -4
- package/es/hi-svg-icons/HiSizeLarge.js +14 -4
- package/es/hi-svg-icons/HiSizeMedium.js +14 -4
- package/es/hi-svg-icons/HiSizeSmall.js +14 -4
- package/es/hi-svg-icons/HiStore.js +14 -4
- package/es/hi-svg-icons/HiStoreMenu.js +14 -4
- package/es/hi-svg-icons/HiTransaction.js +14 -4
- package/es/hi-svg-icons/HiTransactionMenu.js +14 -4
- package/es/hi-svg-icons/HiUser.js +14 -4
- package/es/hi-svg-icons/HiVendor.js +14 -4
- package/es/hi-svg-icons/HiWidget.js +14 -4
- package/es/hi-svg-icons/index.js +41 -0
- package/es/hi-svg-images/HiLogo.js +12 -4
- package/es/hi-svg-images/HiLogoWhite.js +12 -4
- package/es/hi-svg-images/index.js +3 -0
- package/es/setupTest.js +13 -2
- package/es/styleguide/Wrapper.js +6 -0
- package/es/styles/MuiThemeProvider.js +49 -15
- package/es/styles/colorManipulator.js +50 -15
- package/es/styles/createBreakpoints.js +29 -14
- package/es/styles/createGenerateClassName.js +24 -14
- package/es/styles/createMixins.js +10 -4
- package/es/styles/createMuiTheme.js +28 -11
- package/es/styles/createPalette.js +89 -67
- package/es/styles/createStyles.js +1 -0
- package/es/styles/createTypography.js +24 -15
- package/es/styles/getStylesCreator.js +14 -1
- package/es/styles/getThemeProps.js +7 -2
- package/es/styles/index.js +6 -0
- package/es/styles/jssPreset.js +11 -1
- package/es/styles/makeStyles.js +9 -2
- package/es/styles/mergeClasses.js +16 -5
- package/es/styles/shadows.js +4 -1
- package/es/styles/shape.js +2 -1
- package/es/styles/spacing.js +4 -1
- package/es/styles/themeListener.js +10 -2
- package/es/styles/transitions.js +35 -20
- package/es/styles/withStyles.js +9 -2
- package/es/styles/zIndex.js +2 -1
- package/es/test-utils/createMount.js +12 -2
- package/es/test-utils/createRender.js +9 -2
- package/es/test-utils/createShallow.js +17 -6
- package/es/test-utils/getClasses.js +4 -1
- package/es/test-utils/index.js +6 -0
- package/es/test-utils/until.js +14 -3
- package/es/test-utils/unwrap.js +1 -0
- package/es/theme/palette.js +7 -2
- package/es/theme/typography.js +15 -7
- package/es/theme.js +8 -2
- package/es/transitions/utils.js +7 -3
- package/es/utils/exactProp.js +13 -3
- package/es/utils/helpers.js +58 -19
- package/es/withMobileDialog/index.js +2 -0
- package/es/withMobileDialog/withMobileDialog.js +12 -3
- package/hi-svg-icons/HiAccount.js +14 -4
- package/hi-svg-icons/HiActivity.js +14 -4
- package/hi-svg-icons/HiAll.js +18 -7
- package/hi-svg-icons/HiBilling.js +14 -4
- package/hi-svg-icons/HiBriefcaseRescue.js +14 -4
- package/hi-svg-icons/HiBusiness.js +14 -4
- package/hi-svg-icons/HiCatalog.js +14 -4
- package/hi-svg-icons/HiCustomer.js +14 -4
- package/hi-svg-icons/HiDownload.js +14 -4
- package/hi-svg-icons/HiFinance.js +14 -4
- package/hi-svg-icons/HiFinanceMenu.js +14 -4
- package/hi-svg-icons/HiHostedPaymentPage.js +14 -4
- package/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
- package/hi-svg-icons/HiIntegration.js +14 -4
- package/hi-svg-icons/HiIntegrationMenu.js +14 -4
- package/hi-svg-icons/HiIntelligence.js +14 -4
- package/hi-svg-icons/HiIntelligenceMenu.js +14 -4
- package/hi-svg-icons/HiInvoice.js +14 -4
- package/hi-svg-icons/HiInvoiceMenu.js +14 -4
- package/hi-svg-icons/HiLogoRounded.js +17 -6
- package/hi-svg-icons/HiOrder.js +14 -4
- package/hi-svg-icons/HiPaymentOrder.js +14 -4
- package/hi-svg-icons/HiPermission.js +14 -4
- package/hi-svg-icons/HiPriceGrid.js +14 -4
- package/hi-svg-icons/HiPrivate.js +14 -4
- package/hi-svg-icons/HiRoute.js +14 -4
- package/hi-svg-icons/HiRouteMenu.js +14 -4
- package/hi-svg-icons/HiRouteSwitch.js +19 -7
- package/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
- package/hi-svg-icons/HiSettlement.js +14 -4
- package/hi-svg-icons/HiSizeLarge.js +14 -4
- package/hi-svg-icons/HiSizeMedium.js +14 -4
- package/hi-svg-icons/HiSizeSmall.js +14 -4
- package/hi-svg-icons/HiStore.js +14 -4
- package/hi-svg-icons/HiStoreMenu.js +14 -4
- package/hi-svg-icons/HiTransaction.js +14 -4
- package/hi-svg-icons/HiTransactionMenu.js +14 -4
- package/hi-svg-icons/HiUser.js +14 -4
- package/hi-svg-icons/HiVendor.js +14 -4
- package/hi-svg-icons/HiWidget.js +14 -4
- package/hi-svg-icons/index.js +41 -0
- package/hi-svg-images/HiLogo.js +12 -4
- package/hi-svg-images/HiLogoWhite.js +12 -4
- package/hi-svg-images/index.js +3 -0
- package/package.json +2 -2
- package/setupTest.js +13 -2
- package/styleguide/Wrapper.js +6 -0
- package/styles/MuiThemeProvider.js +49 -15
- package/styles/colorManipulator.js +50 -15
- package/styles/createBreakpoints.js +29 -14
- package/styles/createGenerateClassName.js +24 -14
- package/styles/createMixins.js +10 -4
- package/styles/createMuiTheme.js +28 -11
- package/styles/createPalette.js +89 -67
- package/styles/createStyles.js +1 -0
- package/styles/createTypography.js +24 -15
- package/styles/getStylesCreator.js +14 -1
- package/styles/getThemeProps.js +7 -2
- package/styles/index.js +6 -0
- package/styles/jssPreset.js +11 -1
- package/styles/makeStyles.js +9 -2
- package/styles/mergeClasses.js +16 -5
- package/styles/shadows.js +4 -1
- package/styles/shape.js +2 -1
- package/styles/spacing.js +4 -1
- package/styles/themeListener.js +10 -2
- package/styles/transitions.js +35 -20
- package/styles/withStyles.js +9 -2
- package/styles/zIndex.js +2 -1
- package/test-utils/createMount.js +12 -2
- package/test-utils/createRender.js +9 -2
- package/test-utils/createShallow.js +17 -6
- package/test-utils/getClasses.js +4 -1
- package/test-utils/index.js +6 -0
- package/test-utils/until.js +14 -3
- package/test-utils/unwrap.js +1 -0
- package/theme/palette.js +7 -2
- package/theme/typography.js +15 -7
- package/theme.js +8 -2
- package/transitions/utils.js +7 -3
- package/utils/exactProp.js +13 -3
- package/utils/helpers.js +58 -19
- package/withMobileDialog/index.js +2 -0
- package/withMobileDialog/withMobileDialog.js +12 -3
@@ -1,28 +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.sentinelColorById = 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
|
+
|
10
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
15
|
+
|
11
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
17
|
+
|
12
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
19
|
+
|
13
20
|
var _react = _interopRequireDefault(require("react"));
|
21
|
+
|
14
22
|
var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
|
23
|
+
|
15
24
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
25
|
+
|
16
26
|
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); }; }
|
27
|
+
|
17
28
|
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; } }
|
18
|
-
|
29
|
+
|
30
|
+
var styles = {
|
19
31
|
flexContent: {
|
20
32
|
display: 'flex',
|
21
33
|
justifyContent: 'flex-end'
|
22
34
|
},
|
23
35
|
label: {}
|
24
36
|
};
|
25
|
-
|
37
|
+
exports.styles = styles;
|
38
|
+
var sentinelColorById = {
|
26
39
|
NOT_LAUNCHED: '#737373',
|
27
40
|
ACCEPTED: '#00AF01',
|
28
41
|
AUTHENTICATE: '#484A4B',
|
@@ -33,25 +46,30 @@ var sentinelColorById = exports.sentinelColorById = {
|
|
33
46
|
ALLOWED: '#00AF01',
|
34
47
|
DENIED: '#D50000'
|
35
48
|
};
|
36
|
-
|
37
49
|
/**
|
38
50
|
* Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
|
39
51
|
*/
|
52
|
+
|
53
|
+
exports.sentinelColorById = sentinelColorById;
|
54
|
+
|
40
55
|
var CellSentinelScore = /*#__PURE__*/function (_React$PureComponent) {
|
41
56
|
(0, _inherits2.default)(CellSentinelScore, _React$PureComponent);
|
57
|
+
|
42
58
|
var _super = _createSuper(CellSentinelScore);
|
59
|
+
|
43
60
|
function CellSentinelScore() {
|
44
61
|
(0, _classCallCheck2.default)(this, CellSentinelScore);
|
45
62
|
return _super.apply(this, arguments);
|
46
63
|
}
|
64
|
+
|
47
65
|
(0, _createClass2.default)(CellSentinelScore, [{
|
48
66
|
key: "render",
|
49
67
|
value: function render() {
|
50
68
|
var _this$props = this.props,
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
69
|
+
active = _this$props.active,
|
70
|
+
classes = _this$props.classes,
|
71
|
+
result = _this$props.result,
|
72
|
+
value = _this$props.value;
|
55
73
|
return /*#__PURE__*/_react.default.createElement("div", {
|
56
74
|
className: classes.flexContent
|
57
75
|
}, /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
|
@@ -66,9 +84,13 @@ var CellSentinelScore = /*#__PURE__*/function (_React$PureComponent) {
|
|
66
84
|
}]);
|
67
85
|
return CellSentinelScore;
|
68
86
|
}(_react.default.PureComponent);
|
87
|
+
|
69
88
|
CellSentinelScore.defaultProps = {
|
70
89
|
active: false
|
71
90
|
};
|
72
|
-
|
91
|
+
|
92
|
+
var _default = (0, _withStyles.default)(styles, {
|
73
93
|
name: 'HmuiCellSentinelScore'
|
74
|
-
})(CellSentinelScore);
|
94
|
+
})(CellSentinelScore);
|
95
|
+
|
96
|
+
exports.default = _default;
|
package/HiCell/CellText.js
CHANGED
@@ -1,23 +1,37 @@
|
|
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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
11
|
+
|
9
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
13
|
+
|
10
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
15
|
+
|
11
16
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
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 _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
27
|
+
|
17
28
|
var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
|
29
|
+
|
18
30
|
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); }; }
|
31
|
+
|
19
32
|
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; } }
|
20
|
-
|
33
|
+
|
34
|
+
var styles = {
|
21
35
|
leftEllipsisSpan: {
|
22
36
|
display: 'inline-block',
|
23
37
|
overflow: 'hidden',
|
@@ -37,21 +51,27 @@ var styles = exports.styles = {
|
|
37
51
|
whiteSpace: 'pre'
|
38
52
|
}
|
39
53
|
};
|
54
|
+
exports.styles = styles;
|
55
|
+
|
40
56
|
var CellText = /*#__PURE__*/function (_React$Component) {
|
41
57
|
(0, _inherits2.default)(CellText, _React$Component);
|
58
|
+
|
42
59
|
var _super = _createSuper(CellText);
|
60
|
+
|
43
61
|
function CellText(props) {
|
44
62
|
var _this;
|
63
|
+
|
45
64
|
(0, _classCallCheck2.default)(this, CellText);
|
46
65
|
_this = _super.call(this, props);
|
47
66
|
_this.cellText = null;
|
48
67
|
_this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)(_this));
|
49
68
|
return _this;
|
50
69
|
}
|
51
|
-
|
52
70
|
/**
|
53
71
|
* TODO - Ellipsis (middle, after-first-word)
|
54
72
|
*/
|
73
|
+
|
74
|
+
|
55
75
|
(0, _createClass2.default)(CellText, [{
|
56
76
|
key: "componentDidMount",
|
57
77
|
value: function componentDidMount() {
|
@@ -72,11 +92,13 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
72
92
|
if (this.props.ellipsis === 'after-first-word' || this.props.ellipsis === 'name') {
|
73
93
|
if (this.cellText !== null) {
|
74
94
|
var _this$cellText$getEle = this.cellText.getElementsByTagName('span'),
|
75
|
-
|
76
|
-
|
77
|
-
|
95
|
+
_this$cellText$getEle2 = (0, _slicedToArray2.default)(_this$cellText$getEle, 2),
|
96
|
+
startSpan = _this$cellText$getEle2[0],
|
97
|
+
endSpan = _this$cellText$getEle2[1];
|
98
|
+
|
78
99
|
if (typeof startSpan !== 'undefined' && typeof endSpan !== 'undefined') {
|
79
100
|
var availableEndSpace = this.cellText.offsetWidth - startSpan.offsetWidth - 2;
|
101
|
+
|
80
102
|
if (availableEndSpace > 0) {
|
81
103
|
endSpan.style.width = "".concat(availableEndSpace, "px");
|
82
104
|
} else {
|
@@ -85,21 +107,24 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
85
107
|
}
|
86
108
|
}
|
87
109
|
}
|
88
|
-
|
89
110
|
/**
|
90
111
|
* Calcul l'espace pris par les 2 spans (les 2 moitiés du texte),
|
91
112
|
* si ils dépassent la largeur de la cellule :
|
92
113
|
* - diminue d'autant et proportionnellement chaque span
|
93
114
|
* - ajoute l'ellipse à gauche de la deuxième moitié du texte.
|
94
115
|
*/
|
116
|
+
|
117
|
+
|
95
118
|
if (this.props.ellipsis === 'middle') {
|
96
119
|
if (this.cellText !== null) {
|
97
120
|
var _this$cellText$getEle3 = this.cellText.getElementsByTagName('span'),
|
98
|
-
|
99
|
-
|
100
|
-
|
121
|
+
_this$cellText$getEle4 = (0, _slicedToArray2.default)(_this$cellText$getEle3, 2),
|
122
|
+
_startSpan = _this$cellText$getEle4[0],
|
123
|
+
_endSpan = _this$cellText$getEle4[1];
|
124
|
+
|
101
125
|
if (typeof _startSpan !== 'undefined' && typeof _endSpan !== 'undefined') {
|
102
126
|
var _availableEndSpace = this.cellText.offsetWidth - _startSpan.offsetWidth - _endSpan.offsetWidth;
|
127
|
+
|
103
128
|
if (_availableEndSpace < 0) {
|
104
129
|
_startSpan.style.width = '50%';
|
105
130
|
_endSpan.style.width = '49%';
|
@@ -115,26 +140,30 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
115
140
|
key: "render",
|
116
141
|
value: function render() {
|
117
142
|
var _this2 = this;
|
143
|
+
|
118
144
|
var _this$props = this.props,
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
145
|
+
classes = _this$props.classes,
|
146
|
+
label = _this$props.label,
|
147
|
+
ellipsis = _this$props.ellipsis,
|
148
|
+
color = _this$props.color,
|
149
|
+
title = _this$props.title;
|
124
150
|
var start;
|
125
151
|
var end;
|
126
152
|
var valueElement = '';
|
127
153
|
var valueString = label.toString();
|
154
|
+
|
128
155
|
switch (ellipsis) {
|
129
156
|
case 'name':
|
130
157
|
case 'after-first-word':
|
131
158
|
// Split value in 2 strings around first whitespace
|
132
159
|
start = valueString.substr(0, valueString.indexOf(' '));
|
133
160
|
end = valueString.substr(valueString.indexOf(' ') + 1);
|
161
|
+
|
134
162
|
if (start === '') {
|
135
163
|
start = end;
|
136
164
|
end = '';
|
137
165
|
}
|
166
|
+
|
138
167
|
valueElement = /*#__PURE__*/_react.default.createElement("div", {
|
139
168
|
ref: function ref(div) {
|
140
169
|
_this2.cellText = div;
|
@@ -146,6 +175,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
146
175
|
className: classes.leftEllipsisSpan
|
147
176
|
}, end));
|
148
177
|
break;
|
178
|
+
|
149
179
|
case 'middle':
|
150
180
|
// Split value in 2 strings
|
151
181
|
start = valueString.substr(0, Math.round(valueString.length / 2));
|
@@ -161,6 +191,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
161
191
|
className: classes.leftEllipsisSpan
|
162
192
|
}, end));
|
163
193
|
break;
|
194
|
+
|
164
195
|
case 'left':
|
165
196
|
valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
|
166
197
|
className: classes.leftEllipsisSpan,
|
@@ -174,6 +205,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
174
205
|
title: title
|
175
206
|
}, valueString);
|
176
207
|
break;
|
208
|
+
|
177
209
|
case 'right':
|
178
210
|
default:
|
179
211
|
valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
|
@@ -189,11 +221,15 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
189
221
|
}, valueString);
|
190
222
|
break;
|
191
223
|
}
|
224
|
+
|
192
225
|
return valueElement;
|
193
226
|
}
|
194
227
|
}]);
|
195
228
|
return CellText;
|
196
229
|
}(_react.default.Component);
|
197
|
-
|
230
|
+
|
231
|
+
var _default = (0, _withStyles.default)(styles, {
|
198
232
|
name: 'HmuiCellText'
|
199
|
-
})(CellText);
|
233
|
+
})(CellText);
|
234
|
+
|
235
|
+
exports.default = _default;
|
package/HiCell/CellTextStyled.js
CHANGED
@@ -1,14 +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.default = void 0;
|
9
|
+
|
8
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
11
|
+
|
9
12
|
var _react = _interopRequireDefault(require("react"));
|
13
|
+
|
10
14
|
var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
|
15
|
+
|
11
16
|
var _HiButton = _interopRequireDefault(require("../HiButton"));
|
17
|
+
|
12
18
|
var styleRoot = {
|
13
19
|
width: '100%',
|
14
20
|
height: 19,
|
@@ -35,7 +41,6 @@ var styleButton = {
|
|
35
41
|
minHeight: '18px',
|
36
42
|
maxHeight: '18px'
|
37
43
|
};
|
38
|
-
|
39
44
|
/**
|
40
45
|
* CellText functional component
|
41
46
|
* (don't includes complex ellipsis: middle, after-first-word...)
|
@@ -51,20 +56,22 @@ var styleButton = {
|
|
51
56
|
* @returns {*}
|
52
57
|
* @constructor
|
53
58
|
*/
|
59
|
+
|
54
60
|
var CellTextStyled = function CellTextStyled(_ref) {
|
55
61
|
var label = _ref.label,
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
62
|
+
color = _ref.color,
|
63
|
+
isButton = _ref.isButton,
|
64
|
+
onClick = _ref.onClick,
|
65
|
+
_ref$value = _ref.value,
|
66
|
+
value = _ref$value === void 0 ? '' : _ref$value,
|
67
|
+
_ref$active = _ref.active,
|
68
|
+
active = _ref$active === void 0 ? false : _ref$active,
|
69
|
+
_ref$title = _ref.title,
|
70
|
+
title = _ref$title === void 0 ? '' : _ref$title,
|
71
|
+
_ref$align = _ref.align,
|
72
|
+
align = _ref$align === void 0 ? 'left' : _ref$align;
|
67
73
|
var valueString = label ? label.toString() : value ? value.toString() : "";
|
74
|
+
|
68
75
|
if (isButton) {
|
69
76
|
return /*#__PURE__*/_react.default.createElement(_HiButton.default, {
|
70
77
|
color: color,
|
@@ -74,6 +81,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
|
|
74
81
|
variant: "contained"
|
75
82
|
}, valueString);
|
76
83
|
}
|
84
|
+
|
77
85
|
if (align === 'right') {
|
78
86
|
styleRoot = (0, _objectSpread2.default)({}, styleRoot, {
|
79
87
|
textAlign: 'right'
|
@@ -86,6 +94,7 @@ var CellTextStyled = function CellTextStyled(_ref) {
|
|
86
94
|
textAlign: 'left'
|
87
95
|
});
|
88
96
|
}
|
97
|
+
|
89
98
|
return /*#__PURE__*/_react.default.createElement("div", {
|
90
99
|
style: styleRoot,
|
91
100
|
title: title || valueString
|
@@ -99,4 +108,6 @@ var CellTextStyled = function CellTextStyled(_ref) {
|
|
99
108
|
style: styleLabel
|
100
109
|
}, valueString));
|
101
110
|
};
|
102
|
-
|
111
|
+
|
112
|
+
var _default = CellTextStyled;
|
113
|
+
exports.default = _default;
|
package/HiCell/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
|
});
|
@@ -58,12 +59,21 @@ Object.defineProperty(exports, "CellTextStyled", {
|
|
58
59
|
return _CellTextStyled.default;
|
59
60
|
}
|
60
61
|
});
|
62
|
+
|
61
63
|
var _CellAddress = _interopRequireDefault(require("./CellAddress"));
|
64
|
+
|
62
65
|
var _CellDate = _interopRequireDefault(require("./CellDate"));
|
66
|
+
|
63
67
|
var _CellIcon = _interopRequireDefault(require("./CellIcon"));
|
68
|
+
|
64
69
|
var _CellImage = _interopRequireDefault(require("./CellImage"));
|
70
|
+
|
65
71
|
var _CellNumeric = _interopRequireDefault(require("./CellNumeric"));
|
72
|
+
|
66
73
|
var _CellRate = _interopRequireDefault(require("./CellRate"));
|
74
|
+
|
67
75
|
var _CellSentinel = _interopRequireDefault(require("./CellSentinel"));
|
76
|
+
|
68
77
|
var _CellText = _interopRequireDefault(require("./CellText"));
|
78
|
+
|
69
79
|
var _CellTextStyled = _interopRequireDefault(require("./CellTextStyled"));
|
package/HiCheckbox/HiCheckbox.js
CHANGED
@@ -1,29 +1,49 @@
|
|
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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
|
13
|
+
|
10
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
15
|
+
|
11
16
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
17
|
+
|
12
18
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
19
|
+
|
13
20
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
21
|
+
|
14
22
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
23
|
+
|
15
24
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
25
|
+
|
16
26
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
27
|
+
|
17
28
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
29
|
+
|
18
30
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
31
|
+
|
19
32
|
var _react = _interopRequireDefault(require("react"));
|
33
|
+
|
20
34
|
var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
|
35
|
+
|
21
36
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
37
|
+
|
22
38
|
var _HiIcon = _interopRequireDefault(require("../HiIcon"));
|
39
|
+
|
23
40
|
var _classnames = _interopRequireDefault(require("classnames"));
|
41
|
+
|
24
42
|
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); }; }
|
25
|
-
|
26
|
-
|
43
|
+
|
44
|
+
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; } }
|
45
|
+
|
46
|
+
var styles = function styles(theme) {
|
27
47
|
return {
|
28
48
|
root: {
|
29
49
|
marginRight: 4,
|
@@ -55,22 +75,29 @@ var styles = exports.styles = function styles(theme) {
|
|
55
75
|
}
|
56
76
|
};
|
57
77
|
};
|
78
|
+
|
79
|
+
exports.styles = styles;
|
80
|
+
|
58
81
|
var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
|
59
82
|
(0, _inherits2.default)(HiCheckbox, _React$PureComponent);
|
83
|
+
|
60
84
|
var _super = _createSuper(HiCheckbox);
|
85
|
+
|
61
86
|
function HiCheckbox(props) {
|
62
87
|
var _this;
|
88
|
+
|
63
89
|
(0, _classCallCheck2.default)(this, HiCheckbox);
|
64
90
|
_this = _super.call(this, props);
|
65
91
|
_this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
|
66
92
|
return _this;
|
67
93
|
}
|
68
|
-
|
69
94
|
/**
|
70
95
|
* Call callback function and stop click propagation
|
71
96
|
* @param event
|
72
97
|
* @param checked
|
73
98
|
*/
|
99
|
+
|
100
|
+
|
74
101
|
(0, _createClass2.default)(HiCheckbox, [{
|
75
102
|
key: "handleChange",
|
76
103
|
value: function handleChange(event, checked) {
|
@@ -79,6 +106,7 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
|
|
79
106
|
event.stopPropagation();
|
80
107
|
event.preventDefault();
|
81
108
|
}
|
109
|
+
|
82
110
|
if (this.props.onChange) {
|
83
111
|
this.props.onChange(event, checked);
|
84
112
|
}
|
@@ -86,26 +114,30 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
|
|
86
114
|
}, {
|
87
115
|
key: "render",
|
88
116
|
value: function render() {
|
117
|
+
var _classNames;
|
118
|
+
|
89
119
|
var _this$props = this.props,
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
120
|
+
classes = _this$props.classes,
|
121
|
+
color = _this$props.color,
|
122
|
+
checkedIcon = _this$props.checkedIcon,
|
123
|
+
icon = _this$props.icon,
|
124
|
+
indeterminateIcon = _this$props.indeterminateIcon,
|
125
|
+
style = _this$props.style,
|
126
|
+
size = _this$props.size,
|
127
|
+
className = _this$props.className,
|
128
|
+
other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "color", "checkedIcon", "icon", "indeterminateIcon", "style", "size", "className"]);
|
99
129
|
var iconStyles = (0, _objectSpread2.default)({
|
100
130
|
width: size,
|
101
131
|
height: size
|
102
132
|
}, style);
|
103
133
|
var hcolor = ['success', 'error', 'warning', 'neutral', 'inherit'].includes(color) ? 'default' : color;
|
104
134
|
var checkboxIcon;
|
135
|
+
|
105
136
|
if (icon) {
|
106
137
|
var iconProps = {
|
107
138
|
className: classes.root
|
108
139
|
};
|
140
|
+
|
109
141
|
if (typeof icon === 'string') {
|
110
142
|
checkboxIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
|
111
143
|
icon: icon
|
@@ -115,10 +147,11 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
|
|
115
147
|
checkboxIcon.props = (0, _objectSpread2.default)({}, checkboxIcon.props, {}, iconProps);
|
116
148
|
}
|
117
149
|
}
|
150
|
+
|
118
151
|
return /*#__PURE__*/_react.default.createElement(_Checkbox.default, (0, _extends2.default)({
|
119
152
|
classes: {
|
120
153
|
root: classes.root,
|
121
|
-
checked: (0, _classnames.default)(classes.checked, (
|
154
|
+
checked: (0, _classnames.default)(classes.checked, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checkedPrimary, color === 'primary' || color === 'inherit'), (0, _defineProperty2.default)(_classNames, classes.checkedSecondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.checkedPositive, color === 'success'), (0, _defineProperty2.default)(_classNames, classes.checkedNegative, color === 'error'), (0, _defineProperty2.default)(_classNames, classes.checkedMiddle, color === 'warning'), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, color === 'neutral'), _classNames)),
|
122
155
|
disabled: classes.disabled
|
123
156
|
},
|
124
157
|
style: iconStyles,
|
@@ -144,13 +177,17 @@ var HiCheckbox = /*#__PURE__*/function (_React$PureComponent) {
|
|
144
177
|
}]);
|
145
178
|
return HiCheckbox;
|
146
179
|
}(_react.default.PureComponent);
|
180
|
+
|
147
181
|
HiCheckbox.defaultProps = {
|
148
182
|
checked: false,
|
149
183
|
color: 'inherit',
|
150
184
|
size: 20,
|
151
185
|
icon: 'check_box_outline_blank'
|
152
186
|
};
|
153
|
-
|
187
|
+
|
188
|
+
var _default = (0, _withStyles.default)(styles, {
|
154
189
|
hiComponent: true,
|
155
190
|
name: 'HmuiHiCheckbox'
|
156
|
-
})(HiCheckbox);
|
191
|
+
})(HiCheckbox);
|
192
|
+
|
193
|
+
exports.default = _default;
|
package/HiCheckbox/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 _HiCheckbox.default;
|
11
12
|
}
|
12
13
|
});
|
14
|
+
|
13
15
|
var _HiCheckbox = _interopRequireDefault(require("./HiCheckbox"));
|