@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
package/HiCell/CellRate.js
CHANGED
@@ -1,26 +1,43 @@
|
|
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"));
|
15
|
+
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
17
|
+
|
11
18
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
19
|
+
|
12
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
13
|
-
|
21
|
+
|
14
22
|
var _react = _interopRequireDefault(require("react"));
|
23
|
+
|
15
24
|
var _classnames = _interopRequireDefault(require("classnames"));
|
25
|
+
|
16
26
|
var _ArrowBottomRight = _interopRequireDefault(require("mdi-material-ui/ArrowBottomRight"));
|
27
|
+
|
17
28
|
var _ArrowTopRight = _interopRequireDefault(require("mdi-material-ui/ArrowTopRight"));
|
29
|
+
|
18
30
|
var _Equal = _interopRequireDefault(require("mdi-material-ui/Equal"));
|
31
|
+
|
19
32
|
var _helpers = require("../utils/helpers");
|
33
|
+
|
20
34
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
21
|
-
|
22
|
-
function
|
23
|
-
|
35
|
+
|
36
|
+
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); }; }
|
37
|
+
|
38
|
+
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; } }
|
39
|
+
|
40
|
+
var styles = function styles(theme) {
|
24
41
|
return {
|
25
42
|
flexContent: {
|
26
43
|
display: 'flex',
|
@@ -57,49 +74,63 @@ var styles = exports.styles = function styles(theme) {
|
|
57
74
|
}
|
58
75
|
};
|
59
76
|
};
|
60
|
-
|
61
77
|
/**
|
62
78
|
* Cette cellule permet d'afficher un pourcentage
|
63
79
|
* avec une icône d'évolution (optionnelle) et un indicateur du type de données représentées (optionnel)
|
64
80
|
*/
|
81
|
+
|
82
|
+
|
83
|
+
exports.styles = styles;
|
84
|
+
|
65
85
|
var CellRate = /*#__PURE__*/function (_React$PureComponent) {
|
66
86
|
(0, _inherits2.default)(CellRate, _React$PureComponent);
|
87
|
+
|
88
|
+
var _super = _createSuper(CellRate);
|
89
|
+
|
67
90
|
function CellRate() {
|
68
91
|
(0, _classCallCheck2.default)(this, CellRate);
|
69
|
-
return
|
92
|
+
return _super.apply(this, arguments);
|
70
93
|
}
|
94
|
+
|
71
95
|
(0, _createClass2.default)(CellRate, [{
|
72
96
|
key: "render",
|
73
97
|
value: function render() {
|
98
|
+
var _classNames, _classNames2;
|
99
|
+
|
74
100
|
var _this$props = this.props,
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
101
|
+
classes = _this$props.classes,
|
102
|
+
value = _this$props.value,
|
103
|
+
trendchip = _this$props.trendchip,
|
104
|
+
isPositive = _this$props.isPositive,
|
105
|
+
indicator = _this$props.indicator,
|
106
|
+
locale = _this$props.locale,
|
107
|
+
view = _this$props.view;
|
82
108
|
var trendIcon;
|
83
109
|
var displayedRate = (0, _helpers.formatRate)(value, view, locale);
|
110
|
+
|
84
111
|
switch (trendchip) {
|
85
112
|
case 'equal':
|
86
113
|
trendIcon = /*#__PURE__*/_react.default.createElement(_Equal.default, {
|
87
114
|
className: (0, _classnames.default)(classes.trendChipIcon, classes.neutral)
|
88
115
|
});
|
89
116
|
break;
|
117
|
+
|
90
118
|
case 'up':
|
91
119
|
trendIcon = /*#__PURE__*/_react.default.createElement(_ArrowTopRight.default, {
|
92
|
-
className: (0, _classnames.default)(classes.trendChipIcon, (
|
120
|
+
className: (0, _classnames.default)(classes.trendChipIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.success, isPositive), (0, _defineProperty2.default)(_classNames, classes.error, !isPositive), _classNames))
|
93
121
|
});
|
94
122
|
break;
|
123
|
+
|
95
124
|
case 'down':
|
96
125
|
trendIcon = /*#__PURE__*/_react.default.createElement(_ArrowBottomRight.default, {
|
97
|
-
className: (0, _classnames.default)(classes.trendChipIcon, (
|
126
|
+
className: (0, _classnames.default)(classes.trendChipIcon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.success, !isPositive), (0, _defineProperty2.default)(_classNames2, classes.error, isPositive), _classNames2))
|
98
127
|
});
|
99
128
|
break;
|
129
|
+
|
100
130
|
default:
|
101
131
|
break;
|
102
132
|
}
|
133
|
+
|
103
134
|
return /*#__PURE__*/_react.default.createElement("div", {
|
104
135
|
className: classes.flexContent
|
105
136
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
@@ -114,10 +145,14 @@ var CellRate = /*#__PURE__*/function (_React$PureComponent) {
|
|
114
145
|
}]);
|
115
146
|
return CellRate;
|
116
147
|
}(_react.default.PureComponent);
|
148
|
+
|
117
149
|
CellRate.defaultProps = {
|
118
150
|
isPositive: true,
|
119
151
|
locale: 'en'
|
120
152
|
};
|
121
|
-
|
153
|
+
|
154
|
+
var _default = (0, _withStyles.default)(styles, {
|
122
155
|
name: 'HmuiCellRate'
|
123
|
-
})(CellRate);
|
156
|
+
})(CellRate);
|
157
|
+
|
158
|
+
exports.default = _default;
|
package/HiCell/CellSentinel.js
CHANGED
@@ -1,49 +1,67 @@
|
|
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 _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 _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
|
23
|
+
|
15
24
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
16
|
-
|
17
|
-
function
|
18
|
-
|
25
|
+
|
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
|
+
|
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; } }
|
29
|
+
|
30
|
+
var styles = {
|
19
31
|
flexContent: {
|
20
32
|
display: 'flex',
|
21
33
|
justifyContent: 'flex-end'
|
22
34
|
},
|
23
35
|
label: {}
|
24
36
|
};
|
25
|
-
|
26
37
|
/**
|
27
38
|
* Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
|
28
39
|
*/
|
40
|
+
|
41
|
+
exports.styles = styles;
|
42
|
+
|
29
43
|
var CellSentinel = /*#__PURE__*/function (_React$PureComponent) {
|
30
44
|
(0, _inherits2.default)(CellSentinel, _React$PureComponent);
|
45
|
+
|
46
|
+
var _super = _createSuper(CellSentinel);
|
47
|
+
|
31
48
|
function CellSentinel() {
|
32
49
|
(0, _classCallCheck2.default)(this, CellSentinel);
|
33
|
-
return
|
50
|
+
return _super.apply(this, arguments);
|
34
51
|
}
|
52
|
+
|
35
53
|
(0, _createClass2.default)(CellSentinel, [{
|
36
54
|
key: "render",
|
37
55
|
value: function render() {
|
38
56
|
var _this$props = this.props,
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
57
|
+
active = _this$props.active,
|
58
|
+
classes = _this$props.classes,
|
59
|
+
color = _this$props.color,
|
60
|
+
label = _this$props.label,
|
61
|
+
letter = _this$props.letter,
|
62
|
+
outlined = _this$props.outlined,
|
63
|
+
reviewer = _this$props.reviewer,
|
64
|
+
value = _this$props.value;
|
47
65
|
var effectiveLabel = label || value;
|
48
66
|
var effectiveLetter = letter || effectiveLabel[0];
|
49
67
|
return /*#__PURE__*/_react.default.createElement("div", {
|
@@ -62,10 +80,14 @@ var CellSentinel = /*#__PURE__*/function (_React$PureComponent) {
|
|
62
80
|
}]);
|
63
81
|
return CellSentinel;
|
64
82
|
}(_react.default.PureComponent);
|
83
|
+
|
65
84
|
CellSentinel.defaultProps = {
|
66
85
|
active: false,
|
67
86
|
outlined: false
|
68
87
|
};
|
69
|
-
|
88
|
+
|
89
|
+
var _default = (0, _withStyles.default)(styles, {
|
70
90
|
name: 'HmuiCellSentinel'
|
71
|
-
})(CellSentinel);
|
91
|
+
})(CellSentinel);
|
92
|
+
|
93
|
+
exports.default = _default;
|
@@ -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
|
+
|
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 _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
|
23
|
+
|
15
24
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
16
|
-
|
17
|
-
function
|
18
|
-
|
25
|
+
|
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
|
+
|
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; } }
|
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,24 +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
|
+
|
58
|
+
var _super = _createSuper(CellSentinelScore);
|
59
|
+
|
42
60
|
function CellSentinelScore() {
|
43
61
|
(0, _classCallCheck2.default)(this, CellSentinelScore);
|
44
|
-
return
|
62
|
+
return _super.apply(this, arguments);
|
45
63
|
}
|
64
|
+
|
46
65
|
(0, _createClass2.default)(CellSentinelScore, [{
|
47
66
|
key: "render",
|
48
67
|
value: function render() {
|
49
68
|
var _this$props = this.props,
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
69
|
+
active = _this$props.active,
|
70
|
+
classes = _this$props.classes,
|
71
|
+
result = _this$props.result,
|
72
|
+
value = _this$props.value;
|
54
73
|
return /*#__PURE__*/_react.default.createElement("div", {
|
55
74
|
className: classes.flexContent
|
56
75
|
}, /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
|
@@ -65,9 +84,13 @@ var CellSentinelScore = /*#__PURE__*/function (_React$PureComponent) {
|
|
65
84
|
}]);
|
66
85
|
return CellSentinelScore;
|
67
86
|
}(_react.default.PureComponent);
|
87
|
+
|
68
88
|
CellSentinelScore.defaultProps = {
|
69
89
|
active: false
|
70
90
|
};
|
71
|
-
|
91
|
+
|
92
|
+
var _default = (0, _withStyles.default)(styles, {
|
72
93
|
name: 'HmuiCellSentinelScore'
|
73
|
-
})(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"));
|
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 _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
27
|
+
|
17
28
|
var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
|
18
|
-
|
19
|
-
function
|
20
|
-
|
29
|
+
|
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
|
+
|
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; } }
|
33
|
+
|
34
|
+
var styles = {
|
21
35
|
leftEllipsisSpan: {
|
22
36
|
display: 'inline-block',
|
23
37
|
overflow: 'hidden',
|
@@ -37,20 +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
|
+
|
59
|
+
var _super = _createSuper(CellText);
|
60
|
+
|
42
61
|
function CellText(props) {
|
43
62
|
var _this;
|
63
|
+
|
44
64
|
(0, _classCallCheck2.default)(this, CellText);
|
45
|
-
_this =
|
65
|
+
_this = _super.call(this, props);
|
46
66
|
_this.cellText = null;
|
47
67
|
_this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)(_this));
|
48
68
|
return _this;
|
49
69
|
}
|
50
|
-
|
51
70
|
/**
|
52
71
|
* TODO - Ellipsis (middle, after-first-word)
|
53
72
|
*/
|
73
|
+
|
74
|
+
|
54
75
|
(0, _createClass2.default)(CellText, [{
|
55
76
|
key: "componentDidMount",
|
56
77
|
value: function componentDidMount() {
|
@@ -71,11 +92,13 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
71
92
|
if (this.props.ellipsis === 'after-first-word' || this.props.ellipsis === 'name') {
|
72
93
|
if (this.cellText !== null) {
|
73
94
|
var _this$cellText$getEle = this.cellText.getElementsByTagName('span'),
|
74
|
-
|
75
|
-
|
76
|
-
|
95
|
+
_this$cellText$getEle2 = (0, _slicedToArray2.default)(_this$cellText$getEle, 2),
|
96
|
+
startSpan = _this$cellText$getEle2[0],
|
97
|
+
endSpan = _this$cellText$getEle2[1];
|
98
|
+
|
77
99
|
if (typeof startSpan !== 'undefined' && typeof endSpan !== 'undefined') {
|
78
100
|
var availableEndSpace = this.cellText.offsetWidth - startSpan.offsetWidth - 2;
|
101
|
+
|
79
102
|
if (availableEndSpace > 0) {
|
80
103
|
endSpan.style.width = "".concat(availableEndSpace, "px");
|
81
104
|
} else {
|
@@ -84,21 +107,24 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
84
107
|
}
|
85
108
|
}
|
86
109
|
}
|
87
|
-
|
88
110
|
/**
|
89
111
|
* Calcul l'espace pris par les 2 spans (les 2 moitiés du texte),
|
90
112
|
* si ils dépassent la largeur de la cellule :
|
91
113
|
* - diminue d'autant et proportionnellement chaque span
|
92
114
|
* - ajoute l'ellipse à gauche de la deuxième moitié du texte.
|
93
115
|
*/
|
116
|
+
|
117
|
+
|
94
118
|
if (this.props.ellipsis === 'middle') {
|
95
119
|
if (this.cellText !== null) {
|
96
120
|
var _this$cellText$getEle3 = this.cellText.getElementsByTagName('span'),
|
97
|
-
|
98
|
-
|
99
|
-
|
121
|
+
_this$cellText$getEle4 = (0, _slicedToArray2.default)(_this$cellText$getEle3, 2),
|
122
|
+
_startSpan = _this$cellText$getEle4[0],
|
123
|
+
_endSpan = _this$cellText$getEle4[1];
|
124
|
+
|
100
125
|
if (typeof _startSpan !== 'undefined' && typeof _endSpan !== 'undefined') {
|
101
126
|
var _availableEndSpace = this.cellText.offsetWidth - _startSpan.offsetWidth - _endSpan.offsetWidth;
|
127
|
+
|
102
128
|
if (_availableEndSpace < 0) {
|
103
129
|
_startSpan.style.width = '50%';
|
104
130
|
_endSpan.style.width = '49%';
|
@@ -114,26 +140,30 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
114
140
|
key: "render",
|
115
141
|
value: function render() {
|
116
142
|
var _this2 = this;
|
143
|
+
|
117
144
|
var _this$props = this.props,
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
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;
|
123
150
|
var start;
|
124
151
|
var end;
|
125
152
|
var valueElement = '';
|
126
153
|
var valueString = label.toString();
|
154
|
+
|
127
155
|
switch (ellipsis) {
|
128
156
|
case 'name':
|
129
157
|
case 'after-first-word':
|
130
158
|
// Split value in 2 strings around first whitespace
|
131
159
|
start = valueString.substr(0, valueString.indexOf(' '));
|
132
160
|
end = valueString.substr(valueString.indexOf(' ') + 1);
|
161
|
+
|
133
162
|
if (start === '') {
|
134
163
|
start = end;
|
135
164
|
end = '';
|
136
165
|
}
|
166
|
+
|
137
167
|
valueElement = /*#__PURE__*/_react.default.createElement("div", {
|
138
168
|
ref: function ref(div) {
|
139
169
|
_this2.cellText = div;
|
@@ -145,6 +175,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
145
175
|
className: classes.leftEllipsisSpan
|
146
176
|
}, end));
|
147
177
|
break;
|
178
|
+
|
148
179
|
case 'middle':
|
149
180
|
// Split value in 2 strings
|
150
181
|
start = valueString.substr(0, Math.round(valueString.length / 2));
|
@@ -160,6 +191,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
160
191
|
className: classes.leftEllipsisSpan
|
161
192
|
}, end));
|
162
193
|
break;
|
194
|
+
|
163
195
|
case 'left':
|
164
196
|
valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
|
165
197
|
className: classes.leftEllipsisSpan,
|
@@ -173,6 +205,7 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
173
205
|
title: title
|
174
206
|
}, valueString);
|
175
207
|
break;
|
208
|
+
|
176
209
|
case 'right':
|
177
210
|
default:
|
178
211
|
valueElement = color ? /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
|
@@ -188,11 +221,15 @@ var CellText = /*#__PURE__*/function (_React$Component) {
|
|
188
221
|
}, valueString);
|
189
222
|
break;
|
190
223
|
}
|
224
|
+
|
191
225
|
return valueElement;
|
192
226
|
}
|
193
227
|
}]);
|
194
228
|
return CellText;
|
195
229
|
}(_react.default.Component);
|
196
|
-
|
230
|
+
|
231
|
+
var _default = (0, _withStyles.default)(styles, {
|
197
232
|
name: 'HmuiCellText'
|
198
|
-
})(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"));
|