@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"));
         
     |