@hipay/hipay-material-ui 4.0.0 → 4.0.1-beta5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/HiAccordion/HiAccordion.js +26 -8
- package/HiAccordion/index.js +5 -1
- package/HiAccordionActions/HiAccordionActions.js +14 -1
- package/HiAccordionActions/index.js +5 -1
- package/HiAccordionSummary/HiAccordionSummary.js +15 -1
- package/HiAccordionSummary/index.js +5 -1
- package/HiAlertModal/HiAlertModal.js +22 -7
- package/HiAlertModal/index.js +5 -1
- package/HiAppBar/HiAppBar.js +42 -11
- package/HiAppBar/index.js +2 -0
- package/HiAvatar/HiAvatar.js +12 -3
- package/HiAvatar/index.js +2 -0
- package/HiBadge/HiBadge.js +24 -8
- package/HiBadge/index.js +2 -0
- package/HiBreadcrumb/HiBreadcrumb.js +30 -6
- package/HiBreadcrumb/HiStep.js +45 -13
- package/HiBreadcrumb/HiStepConnector.js +49 -14
- package/HiBreadcrumb/HiStepContent.js +30 -6
- package/HiBreadcrumb/HiStepIcon.js +35 -10
- package/HiBreadcrumb/HiStepLabel.js +44 -14
- package/HiBreadcrumb/HiStepper.js +30 -6
- package/HiBreadcrumb/index.js +2 -0
- package/HiButton/HiButton.js +33 -8
- package/HiButton/index.js +5 -1
- package/HiCell/CellAddress.js +33 -12
- package/HiCell/CellDate.js +36 -10
- package/HiCell/CellHiddenContent.js +30 -8
- package/HiCell/CellIcon.js +36 -12
- package/HiCell/CellImage.js +34 -12
- package/HiCell/CellNumeric.js +40 -13
- package/HiCell/CellPinToAction.js +33 -9
- package/HiCell/CellRate.js +47 -13
- package/HiCell/CellSentinel.js +33 -12
- package/HiCell/CellSentinelScore.js +31 -9
- package/HiCell/CellText.js +52 -16
- package/HiCell/CellTextStyled.js +24 -13
- package/HiCell/index.js +10 -0
- package/HiCheckbox/HiCheckbox.js +52 -15
- package/HiCheckbox/index.js +2 -0
- package/HiChip/HiChip.js +47 -24
- package/HiChip/HiChipSwitch.js +59 -16
- package/HiChip/index.js +3 -0
- package/HiColoredLabel/HiColoredLabel.js +49 -15
- package/HiColoredLabel/index.js +2 -0
- package/HiDatePicker/Caption.js +21 -9
- package/HiDatePicker/HiDatePicker.js +88 -16
- package/HiDatePicker/HiDatePickerMobile.js +43 -18
- package/HiDatePicker/HiDateRangePicker.js +134 -38
- package/HiDatePicker/HiDateRangeSelector.js +130 -49
- package/HiDatePicker/ListPicker.js +38 -8
- package/HiDatePicker/NavBar.js +31 -12
- package/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
- package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
- package/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
- package/HiDatePicker/Overlays/Overlay.js +25 -8
- package/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
- package/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
- package/HiDatePicker/Overlays/index.js +6 -0
- package/HiDatePicker/Weekday.js +9 -4
- package/HiDatePicker/hiLocaleUtils.js +20 -8
- package/HiDatePicker/index.js +2 -0
- package/HiDatePicker/stylesheet.js +13 -7
- package/HiDialog/HiDialog.js +19 -7
- package/HiDialog/index.js +2 -0
- package/HiDotsStepper/HiDot.js +37 -8
- package/HiDotsStepper/HiDotsStepper.js +37 -10
- package/HiDotsStepper/index.js +3 -0
- package/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/HiExpansionPanel/index.js +5 -1
- package/HiForm/HiAddressField.js +36 -10
- package/HiForm/HiEmailField.js +29 -5
- package/HiForm/HiFormControl.js +74 -28
- package/HiForm/HiFormLabel.js +41 -15
- package/HiForm/HiInput.js +91 -33
- package/HiForm/HiPasswordField.js +46 -9
- package/HiForm/HiSearchField.js +34 -3
- package/HiForm/HiSlider.js +57 -22
- package/HiForm/HiTextField.js +47 -22
- package/HiForm/HiUpload.js +89 -29
- package/HiForm/HiUploadField.js +32 -10
- package/HiForm/HiUploadInput.js +76 -23
- package/HiForm/index.js +12 -0
- package/HiIcon/HiIcon.js +34 -9
- package/HiIcon/index.js +2 -0
- package/HiIconButton/HiIconButton.js +21 -6
- package/HiIconButton/index.js +2 -0
- package/HiListItemLink/HiListItemLink.js +19 -7
- package/HiListItemLink/index.js +2 -0
- package/HiLoader/HiLoader.js +16 -6
- package/HiLoader/index.js +2 -0
- package/HiNotice/HiKPI.js +47 -16
- package/HiNotice/HiKPINotice.js +16 -6
- package/HiNotice/index.js +3 -0
- package/HiPagination/HiPagination.js +11 -1
- package/HiPagination/index.js +2 -0
- package/HiPaymentMeans/HiPaymentMeans.js +72 -31
- package/HiPaymentMeans/index.js +2 -0
- package/HiPdfReader/HiPdfReader.js +57 -24
- package/HiPdfReader/index.js +2 -0
- package/HiPin/HiPin.js +19 -7
- package/HiPin/index.js +2 -0
- package/HiRadio/HiRadio.js +22 -11
- package/HiRadio/index.js +2 -0
- package/HiScrollStepper/HiScrollStepper.js +67 -29
- package/HiScrollStepper/index.js +2 -0
- package/HiSelect/HiDynamicSelect.js +42 -32
- package/HiSelect/HiDynamicSelectField.js +48 -24
- package/HiSelect/HiNestedSelect.js +111 -65
- package/HiSelect/HiNestedSelectContent.js +86 -60
- package/HiSelect/HiNestedSelectField.js +48 -24
- package/HiSelect/HiSelect.js +187 -89
- package/HiSelect/HiSelectContent.js +97 -62
- package/HiSelect/HiSelectField.js +49 -25
- package/HiSelect/HiSelectInput.js +76 -23
- package/HiSelect/HiSelectMobile.js +44 -7
- package/HiSelect/HiSuggestSelect.js +81 -25
- package/HiSelect/HiSuggestSelectField.js +39 -15
- package/HiSelect/index.js +14 -2
- package/HiSelectableList/HiSelectableList.js +90 -34
- package/HiSelectableList/HiSelectableListHierarchic.js +60 -34
- package/HiSelectableList/HiSelectableListItem.js +88 -45
- package/HiSelectableList/index.js +4 -0
- package/HiStepper/DefaultIndicator.js +10 -1
- package/HiStepper/HiStep.js +48 -18
- package/HiStepper/HiStepper.js +15 -2
- package/HiStepper/index.js +3 -0
- package/HiSwitch/HiSwitch.js +33 -9
- package/HiSwitch/HiSwitchState.js +32 -15
- package/HiSwitch/index.js +3 -0
- package/HiTable/HiCellBuilder.js +65 -10
- package/HiTable/HiTable.js +48 -20
- package/HiTable/HiTableBody.js +24 -7
- package/HiTable/HiTableHeader.js +51 -18
- package/HiTable/HiTableRow.js +46 -12
- package/HiTable/constants.js +98 -48
- package/HiTable/index.js +2 -0
- package/es/HiAccordion/HiAccordion.js +26 -8
- package/es/HiAccordion/index.js +5 -1
- package/es/HiAccordionActions/HiAccordionActions.js +14 -1
- package/es/HiAccordionActions/index.js +5 -1
- package/es/HiAccordionSummary/HiAccordionSummary.js +15 -1
- package/es/HiAccordionSummary/index.js +5 -1
- package/es/HiAlertModal/HiAlertModal.js +22 -7
- package/es/HiAlertModal/index.js +5 -1
- package/es/HiAppBar/HiAppBar.js +42 -11
- package/es/HiAppBar/index.js +2 -0
- package/es/HiAvatar/HiAvatar.js +12 -3
- package/es/HiAvatar/index.js +2 -0
- package/es/HiBadge/HiBadge.js +24 -8
- package/es/HiBadge/index.js +2 -0
- package/es/HiBreadcrumb/HiBreadcrumb.js +30 -6
- package/es/HiBreadcrumb/HiStep.js +45 -13
- package/es/HiBreadcrumb/HiStepConnector.js +49 -14
- package/es/HiBreadcrumb/HiStepContent.js +30 -6
- package/es/HiBreadcrumb/HiStepIcon.js +35 -10
- package/es/HiBreadcrumb/HiStepLabel.js +44 -14
- package/es/HiBreadcrumb/HiStepper.js +30 -6
- package/es/HiBreadcrumb/index.js +2 -0
- package/es/HiButton/HiButton.js +33 -8
- package/es/HiButton/index.js +5 -1
- package/es/HiCell/CellAddress.js +33 -12
- package/es/HiCell/CellDate.js +36 -10
- package/es/HiCell/CellHiddenContent.js +30 -8
- package/es/HiCell/CellIcon.js +36 -12
- package/es/HiCell/CellImage.js +34 -12
- package/es/HiCell/CellNumeric.js +40 -13
- package/es/HiCell/CellPinToAction.js +33 -9
- package/es/HiCell/CellRate.js +47 -13
- package/es/HiCell/CellSentinel.js +33 -12
- package/es/HiCell/CellSentinelScore.js +31 -9
- package/es/HiCell/CellText.js +52 -16
- package/es/HiCell/CellTextStyled.js +24 -13
- package/es/HiCell/index.js +10 -0
- package/es/HiCheckbox/HiCheckbox.js +52 -15
- package/es/HiCheckbox/index.js +2 -0
- package/es/HiChip/HiChip.js +47 -24
- package/es/HiChip/HiChipSwitch.js +59 -16
- package/es/HiChip/index.js +3 -0
- package/es/HiColoredLabel/HiColoredLabel.js +49 -15
- package/es/HiColoredLabel/index.js +2 -0
- package/es/HiDatePicker/Caption.js +21 -9
- package/es/HiDatePicker/HiDatePicker.js +88 -16
- package/es/HiDatePicker/HiDatePickerMobile.js +43 -18
- package/es/HiDatePicker/HiDateRangePicker.js +134 -38
- package/es/HiDatePicker/HiDateRangeSelector.js +130 -49
- package/es/HiDatePicker/ListPicker.js +38 -8
- package/es/HiDatePicker/NavBar.js +31 -12
- package/es/HiDatePicker/Overlays/CustomOverlayLayout.js +28 -11
- package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js +28 -11
- package/es/HiDatePicker/Overlays/MonthPickerOverlay.js +26 -4
- package/es/HiDatePicker/Overlays/Overlay.js +25 -8
- package/es/HiDatePicker/Overlays/TimePickerOverlay.js +39 -8
- package/es/HiDatePicker/Overlays/YearPickerOverlay.js +31 -8
- package/es/HiDatePicker/Overlays/index.js +6 -0
- package/es/HiDatePicker/Weekday.js +9 -4
- package/es/HiDatePicker/hiLocaleUtils.js +20 -8
- package/es/HiDatePicker/index.js +2 -0
- package/es/HiDatePicker/stylesheet.js +13 -7
- package/es/HiDialog/HiDialog.js +19 -7
- package/es/HiDialog/index.js +2 -0
- package/es/HiDotsStepper/HiDot.js +37 -8
- package/es/HiDotsStepper/HiDotsStepper.js +37 -10
- package/es/HiDotsStepper/index.js +3 -0
- package/es/HiExpansionPanel/HiExpansionPanel.js +38 -16
- package/es/HiExpansionPanel/index.js +5 -1
- package/es/HiForm/HiAddressField.js +36 -10
- package/es/HiForm/HiEmailField.js +29 -5
- package/es/HiForm/HiFormControl.js +74 -28
- package/es/HiForm/HiFormLabel.js +41 -15
- package/es/HiForm/HiInput.js +91 -33
- package/es/HiForm/HiPasswordField.js +46 -9
- package/es/HiForm/HiSearchField.js +34 -3
- package/es/HiForm/HiSlider.js +57 -22
- package/es/HiForm/HiTextField.js +47 -22
- package/es/HiForm/HiUpload.js +89 -29
- package/es/HiForm/HiUploadField.js +32 -10
- package/es/HiForm/HiUploadInput.js +76 -23
- package/es/HiForm/index.js +12 -0
- package/es/HiIcon/HiIcon.js +34 -9
- package/es/HiIcon/index.js +2 -0
- package/es/HiIconButton/HiIconButton.js +21 -6
- package/es/HiIconButton/index.js +2 -0
- package/es/HiListItemLink/HiListItemLink.js +19 -7
- package/es/HiListItemLink/index.js +2 -0
- package/es/HiLoader/HiLoader.js +16 -6
- package/es/HiLoader/index.js +2 -0
- package/es/HiNotice/HiKPI.js +47 -16
- package/es/HiNotice/HiKPINotice.js +16 -6
- package/es/HiNotice/index.js +3 -0
- package/es/HiPagination/HiPagination.js +11 -1
- package/es/HiPagination/index.js +2 -0
- package/es/HiPaymentMeans/HiPaymentMeans.js +72 -31
- package/es/HiPaymentMeans/index.js +2 -0
- package/es/HiPdfReader/HiPdfReader.js +57 -24
- package/es/HiPdfReader/index.js +2 -0
- package/es/HiPin/HiPin.js +19 -7
- package/es/HiPin/index.js +2 -0
- package/es/HiRadio/HiRadio.js +22 -11
- package/es/HiRadio/index.js +2 -0
- package/es/HiScrollStepper/HiScrollStepper.js +67 -29
- package/es/HiScrollStepper/index.js +2 -0
- package/es/HiSelect/HiDynamicSelect.js +42 -32
- package/es/HiSelect/HiDynamicSelectField.js +48 -24
- package/es/HiSelect/HiNestedSelect.js +111 -65
- package/es/HiSelect/HiNestedSelectContent.js +86 -60
- package/es/HiSelect/HiNestedSelectField.js +48 -24
- package/es/HiSelect/HiSelect.js +187 -89
- package/es/HiSelect/HiSelectContent.js +97 -62
- package/es/HiSelect/HiSelectField.js +49 -25
- package/es/HiSelect/HiSelectInput.js +76 -23
- package/es/HiSelect/HiSelectMobile.js +44 -7
- package/es/HiSelect/HiSuggestSelect.js +81 -25
- package/es/HiSelect/HiSuggestSelectField.js +39 -15
- package/es/HiSelect/index.js +14 -2
- package/es/HiSelectableList/HiSelectableList.js +90 -34
- package/es/HiSelectableList/HiSelectableListHierarchic.js +60 -34
- package/es/HiSelectableList/HiSelectableListItem.js +88 -45
- package/es/HiSelectableList/index.js +4 -0
- package/es/HiStepper/DefaultIndicator.js +10 -1
- package/es/HiStepper/HiStep.js +48 -18
- package/es/HiStepper/HiStepper.js +15 -2
- package/es/HiStepper/index.js +3 -0
- package/es/HiSwitch/HiSwitch.js +33 -9
- package/es/HiSwitch/HiSwitchState.js +32 -15
- package/es/HiSwitch/index.js +3 -0
- package/es/HiTable/HiCellBuilder.js +65 -10
- package/es/HiTable/HiTable.js +48 -20
- package/es/HiTable/HiTableBody.js +24 -7
- package/es/HiTable/HiTableHeader.js +51 -18
- package/es/HiTable/HiTableRow.js +46 -12
- package/es/HiTable/constants.js +98 -48
- package/es/HiTable/index.js +2 -0
- package/es/hi-svg-icons/HiAccount.js +14 -4
- package/es/hi-svg-icons/HiActivity.js +14 -4
- package/es/hi-svg-icons/HiAll.js +18 -7
- package/es/hi-svg-icons/HiBilling.js +14 -4
- package/es/hi-svg-icons/HiBriefcaseRescue.js +14 -4
- package/es/hi-svg-icons/HiBusiness.js +14 -4
- package/es/hi-svg-icons/HiCatalog.js +14 -4
- package/es/hi-svg-icons/HiCustomer.js +14 -4
- package/es/hi-svg-icons/HiDownload.js +14 -4
- package/es/hi-svg-icons/HiFinance.js +14 -4
- package/es/hi-svg-icons/HiFinanceMenu.js +14 -4
- package/es/hi-svg-icons/HiHostedPaymentPage.js +14 -4
- package/es/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
- package/es/hi-svg-icons/HiIntegration.js +14 -4
- package/es/hi-svg-icons/HiIntegrationMenu.js +14 -4
- package/es/hi-svg-icons/HiIntelligence.js +14 -4
- package/es/hi-svg-icons/HiIntelligenceMenu.js +14 -4
- package/es/hi-svg-icons/HiInvoice.js +14 -4
- package/es/hi-svg-icons/HiInvoiceMenu.js +14 -4
- package/es/hi-svg-icons/HiLogoRounded.js +17 -6
- package/es/hi-svg-icons/HiOrder.js +14 -4
- package/es/hi-svg-icons/HiPaymentOrder.js +14 -4
- package/es/hi-svg-icons/HiPermission.js +14 -4
- package/es/hi-svg-icons/HiPriceGrid.js +14 -4
- package/es/hi-svg-icons/HiPrivate.js +14 -4
- package/es/hi-svg-icons/HiRoute.js +14 -4
- package/es/hi-svg-icons/HiRouteMenu.js +14 -4
- package/es/hi-svg-icons/HiRouteSwitch.js +19 -7
- package/es/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
- package/es/hi-svg-icons/HiSettlement.js +14 -4
- package/es/hi-svg-icons/HiSizeLarge.js +14 -4
- package/es/hi-svg-icons/HiSizeMedium.js +14 -4
- package/es/hi-svg-icons/HiSizeSmall.js +14 -4
- package/es/hi-svg-icons/HiStore.js +14 -4
- package/es/hi-svg-icons/HiStoreMenu.js +14 -4
- package/es/hi-svg-icons/HiTransaction.js +14 -4
- package/es/hi-svg-icons/HiTransactionMenu.js +14 -4
- package/es/hi-svg-icons/HiUser.js +14 -4
- package/es/hi-svg-icons/HiVendor.js +14 -4
- package/es/hi-svg-icons/HiWidget.js +14 -4
- package/es/hi-svg-icons/index.js +41 -0
- package/es/hi-svg-images/HiLogo.js +12 -4
- package/es/hi-svg-images/HiLogoWhite.js +12 -4
- package/es/hi-svg-images/index.js +3 -0
- package/es/setupTest.js +13 -2
- package/es/styleguide/Wrapper.js +6 -0
- package/es/styles/MuiThemeProvider.js +49 -15
- package/es/styles/colorManipulator.js +50 -15
- package/es/styles/createBreakpoints.js +29 -14
- package/es/styles/createGenerateClassName.js +24 -14
- package/es/styles/createMixins.js +10 -4
- package/es/styles/createMuiTheme.js +28 -11
- package/es/styles/createPalette.js +89 -67
- package/es/styles/createStyles.js +1 -0
- package/es/styles/createTypography.js +24 -15
- package/es/styles/getStylesCreator.js +14 -1
- package/es/styles/getThemeProps.js +7 -2
- package/es/styles/index.js +6 -0
- package/es/styles/jssPreset.js +11 -1
- package/es/styles/makeStyles.js +9 -2
- package/es/styles/mergeClasses.js +16 -5
- package/es/styles/shadows.js +4 -1
- package/es/styles/shape.js +2 -1
- package/es/styles/spacing.js +4 -1
- package/es/styles/themeListener.js +10 -2
- package/es/styles/transitions.js +35 -20
- package/es/styles/withStyles.js +9 -2
- package/es/styles/zIndex.js +2 -1
- package/es/test-utils/createMount.js +12 -2
- package/es/test-utils/createRender.js +9 -2
- package/es/test-utils/createShallow.js +17 -6
- package/es/test-utils/getClasses.js +4 -1
- package/es/test-utils/index.js +6 -0
- package/es/test-utils/until.js +14 -3
- package/es/test-utils/unwrap.js +1 -0
- package/es/theme/palette.js +7 -2
- package/es/theme/typography.js +15 -7
- package/es/theme.js +8 -2
- package/es/transitions/utils.js +7 -3
- package/es/utils/exactProp.js +13 -3
- package/es/utils/helpers.js +58 -19
- package/es/withMobileDialog/index.js +2 -0
- package/es/withMobileDialog/withMobileDialog.js +12 -3
- package/hi-svg-icons/HiAccount.js +14 -4
- package/hi-svg-icons/HiActivity.js +14 -4
- package/hi-svg-icons/HiAll.js +18 -7
- package/hi-svg-icons/HiBilling.js +14 -4
- package/hi-svg-icons/HiBriefcaseRescue.js +14 -4
- package/hi-svg-icons/HiBusiness.js +14 -4
- package/hi-svg-icons/HiCatalog.js +14 -4
- package/hi-svg-icons/HiCustomer.js +14 -4
- package/hi-svg-icons/HiDownload.js +14 -4
- package/hi-svg-icons/HiFinance.js +14 -4
- package/hi-svg-icons/HiFinanceMenu.js +14 -4
- package/hi-svg-icons/HiHostedPaymentPage.js +14 -4
- package/hi-svg-icons/HiHostedPaymentPageMenu.js +14 -4
- package/hi-svg-icons/HiIntegration.js +14 -4
- package/hi-svg-icons/HiIntegrationMenu.js +14 -4
- package/hi-svg-icons/HiIntelligence.js +14 -4
- package/hi-svg-icons/HiIntelligenceMenu.js +14 -4
- package/hi-svg-icons/HiInvoice.js +14 -4
- package/hi-svg-icons/HiInvoiceMenu.js +14 -4
- package/hi-svg-icons/HiLogoRounded.js +17 -6
- package/hi-svg-icons/HiOrder.js +14 -4
- package/hi-svg-icons/HiPaymentOrder.js +14 -4
- package/hi-svg-icons/HiPermission.js +14 -4
- package/hi-svg-icons/HiPriceGrid.js +14 -4
- package/hi-svg-icons/HiPrivate.js +14 -4
- package/hi-svg-icons/HiRoute.js +14 -4
- package/hi-svg-icons/HiRouteMenu.js +14 -4
- package/hi-svg-icons/HiRouteSwitch.js +19 -7
- package/hi-svg-icons/HiRouteSwitchMenu.js +19 -7
- package/hi-svg-icons/HiSettlement.js +14 -4
- package/hi-svg-icons/HiSizeLarge.js +14 -4
- package/hi-svg-icons/HiSizeMedium.js +14 -4
- package/hi-svg-icons/HiSizeSmall.js +14 -4
- package/hi-svg-icons/HiStore.js +14 -4
- package/hi-svg-icons/HiStoreMenu.js +14 -4
- package/hi-svg-icons/HiTransaction.js +14 -4
- package/hi-svg-icons/HiTransactionMenu.js +14 -4
- package/hi-svg-icons/HiUser.js +14 -4
- package/hi-svg-icons/HiVendor.js +14 -4
- package/hi-svg-icons/HiWidget.js +14 -4
- package/hi-svg-icons/index.js +41 -0
- package/hi-svg-images/HiLogo.js +12 -4
- package/hi-svg-images/HiLogoWhite.js +12 -4
- package/hi-svg-images/index.js +3 -0
- package/package.json +2 -2
- package/setupTest.js +13 -2
- package/styleguide/Wrapper.js +6 -0
- package/styles/MuiThemeProvider.js +49 -15
- package/styles/colorManipulator.js +50 -15
- package/styles/createBreakpoints.js +29 -14
- package/styles/createGenerateClassName.js +24 -14
- package/styles/createMixins.js +10 -4
- package/styles/createMuiTheme.js +28 -11
- package/styles/createPalette.js +89 -67
- package/styles/createStyles.js +1 -0
- package/styles/createTypography.js +24 -15
- package/styles/getStylesCreator.js +14 -1
- package/styles/getThemeProps.js +7 -2
- package/styles/index.js +6 -0
- package/styles/jssPreset.js +11 -1
- package/styles/makeStyles.js +9 -2
- package/styles/mergeClasses.js +16 -5
- package/styles/shadows.js +4 -1
- package/styles/shape.js +2 -1
- package/styles/spacing.js +4 -1
- package/styles/themeListener.js +10 -2
- package/styles/transitions.js +35 -20
- package/styles/withStyles.js +9 -2
- package/styles/zIndex.js +2 -1
- package/test-utils/createMount.js +12 -2
- package/test-utils/createRender.js +9 -2
- package/test-utils/createShallow.js +17 -6
- package/test-utils/getClasses.js +4 -1
- package/test-utils/index.js +6 -0
- package/test-utils/until.js +14 -3
- package/test-utils/unwrap.js +1 -0
- package/theme/palette.js +7 -2
- package/theme/typography.js +15 -7
- package/theme.js +8 -2
- package/transitions/utils.js +7 -3
- package/utils/exactProp.js +13 -3
- package/utils/helpers.js +58 -19
- package/withMobileDialog/index.js +2 -0
- package/withMobileDialog/withMobileDialog.js +12 -3
@@ -1,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"));
|