@hipay/hipay-material-ui 4.0.1-beta3 → 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 +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"));
|