@reltio/components 1.4.2156 → 1.4.2157

package/BarChart/helpers.js

@@ -18,6 +18,9 @@ export var getBarChartSettings = function (_a) {
                 fill: '#000',
                 opacity: '0.54'
             },
+            tickFormatter: function (value, _index) {
+                return typeof value === 'string' ? value.replace(/ /g, '\u00A0') : value;
+            },
             angle: isLabelRotated ? -45 : 0,
             textAnchor: isLabelRotated ? 'end' : 'middle',
             stroke: '#666'

package/ChartLegend/styles.js

@@ -22,7 +22,8 @@ export var useStyles = makeStyles({
         alignItems: 'baseline',
         '&:not(:last-child)': {
             marginRight: 10
-        }
+        },
+        whiteSpace: 'break-spaces'
     },
     itemColor: {
         width: 12,

package/ChartTooltip/styles.js

@@ -14,7 +14,8 @@ export var useStyles = makeStyles({
         }
     },
     tooltipTitle: {
-        fontWeight: 500
+        fontWeight: 500,
+        whiteSpace: 'break-spaces'
     },
     tooltipValue: {
         fontWeight: 'normal'

package/CollaborationItem/components/CommentTarget/styles.js

@@ -15,6 +15,7 @@ export var useStyles = makeStyles(function (theme) { return ({
     },
     link: {
         color: theme.palette.primary.main,
-        textDecoration: 'none'
+        textDecoration: 'none',
+        whiteSpace: 'break-spaces'
     }
 }); });

package/ComplexAttributeLabel/styles.js

@@ -5,6 +5,7 @@ export var useStyles = makeStyles(function () { return ({
         lineHeight: '15px',
         letterSpacing: 'normal',
         marginLeft: '2px',
-        marginRight: '8px'
+        marginRight: '8px',
+        whiteSpace: 'break-spaces'
     }
 }); });

package/DefaultCellValueRenderer/styles.js

@@ -1,7 +1,7 @@
 import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     defaultWrapper: {
-        whiteSpace: 'nowrap',
+        whiteSpace: 'pre',
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         padding: '15px 25px 0 25px'

package/EditModeComplexAttribute/styles.js

@@ -1,7 +1,8 @@
 import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     complexWrapper: {
-        position: 'relative'
+        position: 'relative',
+        whiteSpace: 'break-spaces'
     },
     editor: {
         display: 'flex',

package/EntitySelector/components/EntityOption/styles.js

@@ -18,7 +18,7 @@ export var useStyles = makeStyles({
         lineHeight: '15px',
         textOverflow: 'ellipsis',
         overflow: 'hidden',
-        whiteSpace: 'nowrap'
+        whiteSpace: 'pre'
     },
     emptyEntityLabel: {
         height: '15px',

package/HOCs/withFilter/components/FilterChip/styles.js

@@ -14,7 +14,7 @@ export var useStyles = makeStyles({
         color: 'rgba(0,0,0,0.87)',
         flex: 1,
         overflow: 'hidden',
-        whiteSpace: 'nowrap',
+        whiteSpace: 'pre',
         textOverflow: 'ellipsis'
     },
     'filter-chip__option-label': {

package/HOCs/withReactSelectMuiSkin/styles.js

@@ -62,6 +62,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         display: 'block',
         width: '100%',
         textOverflow: 'ellipsis',
-        overflow: 'hidden'
+        overflow: 'hidden',
+        whiteSpace: 'pre'
     }
 }); });

package/HierarchyNodeTitle/styles.js

@@ -5,7 +5,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         color: theme.palette.primary.main,
         lineHeight: '15px',
         wordBreak: 'break-word',
-        whiteSpace: 'normal'
+        whiteSpace: 'break-spaces'
     },
     selected: {
         fontWeight: 'bold'

package/InlineSimpleAttribute/styles.js

@@ -42,7 +42,8 @@ export var useStyles = makeStyles(function () { return ({
         marginLeft: '16px',
         padding: '6px 0',
         lineHeight: '14px',
-        width: 'calc(100% - 71px)'
+        width: 'calc(100% - 71px)',
+        whiteSpace: 'break-spaces'
     },
     actions: function (_a) {
         var hasMasking = _a.hasMasking;

package/PivotingTooltip/components/PivotingTooltipContent/styles.js

@@ -68,7 +68,8 @@ export var useStyles = makeStyles(function (theme) { return ({
         lineHeight: '15px',
         textDecoration: 'none',
         paddingLeft: '8px',
-        wordBreak: 'break-word'
+        wordBreak: 'break-word',
+        whiteSpace: 'break-spaces'
     },
     seeAllButton: {
         cursor: 'pointer'

package/PivotingTooltip/styles.js

@@ -9,7 +9,8 @@ export var useStyles = makeStyles(function (theme) { return ({
     content: {
         color: theme.palette.primary.main,
         cursor: 'pointer',
-        lineHeight: '16px'
+        lineHeight: '16px',
+        whiteSpace: 'break-spaces'
     }
 }); });
 export var usePivotingTooltipStyles = makeStyles({

package/ProfileBand/styles.js

@@ -39,6 +39,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         letterSpacing: '0.25px',
         color: theme.palette.text.primary,
         wordBreak: 'break-word',
+        whiteSpace: 'break-spaces',
         '&+ $specialInfo': {
             marginTop: '4px'
         }
@@ -50,6 +51,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         lineHeight: '16px',
         fontSize: '14px',
         fontWeight: 400,
+        whiteSpace: 'break-spaces',
         '&+ $businessCard': {
             marginLeft: '12px'
         }
@@ -59,7 +61,8 @@ export var useStyles = makeStyles(function (theme) { return ({
         display: 'inline-flex',
         fontSize: '14px',
         marginTop: '4px',
-        lineHeight: '1.2'
+        lineHeight: '1.2',
+        whiteSpace: 'break-spaces'
     },
     specialInfo: {
         display: 'flex',

package/ProfileCard/components/ProfileCardContent/styles.js

@@ -13,7 +13,7 @@ export var useStyles = makeStyles(function (theme) { return ({
     label: {
         textOverflow: 'ellipsis',
         overflow: 'hidden',
-        whiteSpace: 'nowrap',
+        whiteSpace: 'pre',
         fontWeight: 400,
         fontSize: '13px',
         lineHeight: '15px',
@@ -25,7 +25,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         fontSize: '10px',
         lineHeight: '12px',
         color: theme.palette.text.secondary,
-        whiteSpace: 'nowrap',
+        whiteSpace: 'pre',
         overflow: 'hidden',
         textOverflow: 'ellipsis'
     },

package/ProfilesList/styles.js

@@ -78,13 +78,16 @@ export var useStyles = makeStyles(function (theme) {
             fontWeight: 500,
             color: theme.palette.primary.main,
             marginRight: '17px',
-            textDecoration: 'none'
+            textDecoration: 'none',
+            whiteSpace: 'break-spaces'
         },
         secondaryLabel: {
-            marginRight: '12px'
+            marginRight: '12px',
+            whiteSpace: 'break-spaces'
         },
         businessCard: {
-            color: 'rgba(0, 0, 0, 0.54)'
+            color: 'rgba(0, 0, 0, 0.54)',
+            whiteSpace: 'break-spaces'
         },
         secondRow: {
             display: 'flex',

package/ReadOnlyComplexAttribute/styles.js

@@ -12,7 +12,8 @@ export var useStyles = makeStyles(function (theme) { return ({
         fontSize: '13px',
         lineHeight: '16px',
         letterSpacing: 'normal',
-        marginLeft: '2px'
+        marginLeft: '2px',
+        whiteSpace: 'break-spaces'
     },
     spacer: {
         flex: 1

package/SimpleAttribute/styles.js

@@ -23,7 +23,8 @@ export var useStyles = makeStyles(function (theme) { return ({
     },
     attributeValue: {
         verticalAlign: 'middle',
-        wordBreak: 'break-all'
+        wordBreak: 'break-all',
+        whiteSpace: 'break-spaces'
     },
     updateAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.updateAttribute]), { '& > a': {
             color: historyPalettes[HistoryOperations.updateAttribute].color

package/TableWithBars/components/AttributeCellRenderer/styles.js

@@ -15,7 +15,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         fontSize: '13px',
         fontWeight: 'normal',
         lineHeight: '15px',
-        whiteSpace: 'nowrap',
+        whiteSpace: 'pre',
         overflow: 'hidden',
         display: 'flex',
         alignItems: 'center',

package/TypeaheadEditor/styles.js

@@ -23,7 +23,8 @@ export var useStyles = makeStyles({
     suggestionsItemText: {
         overflow: 'hidden',
         textOverflow: 'ellipsis',
-        display: 'block'
+        display: 'block',
+        whiteSpace: 'pre'
     },
     inputRoot: {
         color: 'rgba(0,0,0,0.87)',

package/ValueChip/styles.js

@@ -27,7 +27,7 @@ export var useStyles = makeStyles(function (theme) { return ({
     label: {
         overflow: 'hidden',
         textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap'
+        whiteSpace: 'pre'
     },
     count: {
         color: theme.palette.text.secondary,

package/cjs/BarChart/helpers.js

@@ -21,6 +21,9 @@ var getBarChartSettings = function (_a) {
                 fill: '#000',
                 opacity: '0.54'
             },
+            tickFormatter: function (value, _index) {
+                return typeof value === 'string' ? value.replace(/ /g, '\u00A0') : value;
+            },
             angle: isLabelRotated ? -45 : 0,
             textAnchor: isLabelRotated ? 'end' : 'middle',
             stroke: '#666'

package/cjs/ChartLegend/styles.js

@@ -25,7 +25,8 @@ exports.useStyles = (0, styles_1.makeStyles)({
         alignItems: 'baseline',
         '&:not(:last-child)': {
             marginRight: 10
-        }
+        },
+        whiteSpace: 'break-spaces'
     },
     itemColor: {
         width: 12,

package/cjs/ChartTooltip/styles.js

@@ -17,7 +17,8 @@ exports.useStyles = (0, styles_1.makeStyles)({
         }
     },
     tooltipTitle: {
-        fontWeight: 500
+        fontWeight: 500,
+        whiteSpace: 'break-spaces'
     },
     tooltipValue: {
         fontWeight: 'normal'

package/cjs/CollaborationItem/components/CommentTarget/styles.js

@@ -18,6 +18,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     },
     link: {
         color: theme.palette.primary.main,
-        textDecoration: 'none'
+        textDecoration: 'none',
+        whiteSpace: 'break-spaces'
     }
 }); });

package/cjs/ComplexAttributeLabel/styles.js

@@ -8,6 +8,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
         lineHeight: '15px',
         letterSpacing: 'normal',
         marginLeft: '2px',
-        marginRight: '8px'
+        marginRight: '8px',
+        whiteSpace: 'break-spaces'
     }
 }); });

package/cjs/DefaultCellValueRenderer/styles.js

@@ -4,7 +4,7 @@ exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     defaultWrapper: {
-        whiteSpace: 'nowrap',
+        whiteSpace: 'pre',
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         padding: '15px 25px 0 25px'

package/cjs/EditModeComplexAttribute/styles.js

@@ -4,7 +4,8 @@ exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     complexWrapper: {
-        position: 'relative'
+        position: 'relative',
+        whiteSpace: 'break-spaces'
     },
     editor: {
         display: 'flex',

package/cjs/EntitySelector/components/EntityOption/styles.js

@@ -21,7 +21,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
         lineHeight: '15px',
         textOverflow: 'ellipsis',
         overflow: 'hidden',
-        whiteSpace: 'nowrap'
+        whiteSpace: 'pre'
     },
     emptyEntityLabel: {
         height: '15px',

package/cjs/HOCs/withFilter/components/FilterChip/styles.js

@@ -17,7 +17,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
         color: 'rgba(0,0,0,0.87)',
         flex: 1,
         overflow: 'hidden',
-        whiteSpace: 'nowrap',
+        whiteSpace: 'pre',
         textOverflow: 'ellipsis'
     },
     'filter-chip__option-label': {

package/cjs/HOCs/withReactSelectMuiSkin/styles.js

@@ -65,6 +65,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         display: 'block',
         width: '100%',
         textOverflow: 'ellipsis',
-        overflow: 'hidden'
+        overflow: 'hidden',
+        whiteSpace: 'pre'
     }
 }); });

package/cjs/HierarchyNodeTitle/styles.js

@@ -8,7 +8,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         color: theme.palette.primary.main,
         lineHeight: '15px',
         wordBreak: 'break-word',
-        whiteSpace: 'normal'
+        whiteSpace: 'break-spaces'
     },
     selected: {
         fontWeight: 'bold'

package/cjs/InlineSimpleAttribute/styles.js

@@ -45,7 +45,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
         marginLeft: '16px',
         padding: '6px 0',
         lineHeight: '14px',
-        width: 'calc(100% - 71px)'
+        width: 'calc(100% - 71px)',
+        whiteSpace: 'break-spaces'
     },
     actions: function (_a) {
         var hasMasking = _a.hasMasking;

package/cjs/PivotingTooltip/components/PivotingTooltipContent/styles.js

@@ -71,7 +71,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         lineHeight: '15px',
         textDecoration: 'none',
         paddingLeft: '8px',
-        wordBreak: 'break-word'
+        wordBreak: 'break-word',
+        whiteSpace: 'break-spaces'
     },
     seeAllButton: {
         cursor: 'pointer'

package/cjs/PivotingTooltip/styles.js

@@ -12,7 +12,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     content: {
         color: theme.palette.primary.main,
         cursor: 'pointer',
-        lineHeight: '16px'
+        lineHeight: '16px',
+        whiteSpace: 'break-spaces'
     }
 }); });
 exports.usePivotingTooltipStyles = (0, styles_1.makeStyles)({

package/cjs/ProfileBand/styles.js

@@ -42,6 +42,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         letterSpacing: '0.25px',
         color: theme.palette.text.primary,
         wordBreak: 'break-word',
+        whiteSpace: 'break-spaces',
         '&+ $specialInfo': {
             marginTop: '4px'
         }
@@ -53,6 +54,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         lineHeight: '16px',
         fontSize: '14px',
         fontWeight: 400,
+        whiteSpace: 'break-spaces',
         '&+ $businessCard': {
             marginLeft: '12px'
         }
@@ -62,7 +64,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         display: 'inline-flex',
         fontSize: '14px',
         marginTop: '4px',
-        lineHeight: '1.2'
+        lineHeight: '1.2',
+        whiteSpace: 'break-spaces'
     },
     specialInfo: {
         display: 'flex',

package/cjs/ProfileCard/components/ProfileCardContent/styles.js

@@ -16,7 +16,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     label: {
         textOverflow: 'ellipsis',
         overflow: 'hidden',
-        whiteSpace: 'nowrap',
+        whiteSpace: 'pre',
         fontWeight: 400,
         fontSize: '13px',
         lineHeight: '15px',
@@ -28,7 +28,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         fontSize: '10px',
         lineHeight: '12px',
         color: theme.palette.text.secondary,
-        whiteSpace: 'nowrap',
+        whiteSpace: 'pre',
         overflow: 'hidden',
         textOverflow: 'ellipsis'
     },

package/cjs/ProfilesList/styles.js

@@ -81,13 +81,16 @@ exports.useStyles = (0, styles_2.makeStyles)(function (theme) {
             fontWeight: 500,
             color: theme.palette.primary.main,
             marginRight: '17px',
-            textDecoration: 'none'
+            textDecoration: 'none',
+            whiteSpace: 'break-spaces'
         },
         secondaryLabel: {
-            marginRight: '12px'
+            marginRight: '12px',
+            whiteSpace: 'break-spaces'
         },
         businessCard: {
-            color: 'rgba(0, 0, 0, 0.54)'
+            color: 'rgba(0, 0, 0, 0.54)',
+            whiteSpace: 'break-spaces'
         },
         secondRow: {
             display: 'flex',

package/cjs/ReadOnlyComplexAttribute/styles.js

@@ -15,7 +15,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         fontSize: '13px',
         lineHeight: '16px',
         letterSpacing: 'normal',
-        marginLeft: '2px'
+        marginLeft: '2px',
+        whiteSpace: 'break-spaces'
     },
     spacer: {
         flex: 1

package/cjs/SimpleAttribute/styles.js

@@ -26,7 +26,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     },
     attributeValue: {
         verticalAlign: 'middle',
-        wordBreak: 'break-all'
+        wordBreak: 'break-all',
+        whiteSpace: 'break-spaces'
     },
     updateAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute]), { '& > a': {
             color: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute].color

package/cjs/TableWithBars/components/AttributeCellRenderer/styles.js

@@ -18,7 +18,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         fontSize: '13px',
         fontWeight: 'normal',
         lineHeight: '15px',
-        whiteSpace: 'nowrap',
+        whiteSpace: 'pre',
         overflow: 'hidden',
         display: 'flex',
         alignItems: 'center',

package/cjs/TypeaheadEditor/styles.js

@@ -26,7 +26,8 @@ exports.useStyles = (0, styles_1.makeStyles)({
     suggestionsItemText: {
         overflow: 'hidden',
         textOverflow: 'ellipsis',
-        display: 'block'
+        display: 'block',
+        whiteSpace: 'pre'
     },
     inputRoot: {
         color: 'rgba(0,0,0,0.87)',

package/cjs/ValueChip/styles.js

@@ -30,7 +30,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     label: {
         overflow: 'hidden',
         textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap'
+        whiteSpace: 'pre'
     },
     count: {
         color: theme.palette.text.secondary,

package/cjs/constants/theme.d.ts

@@ -60,6 +60,11 @@ export declare const theme: {
             defaultProps: {
                 disableInteractive: boolean;
             };
+            styleOverrides: {
+                tooltip: {
+                    whiteSpace: "break-spaces";
+                };
+            };
         };
         MuiTab: {
             styleOverrides: {

package/cjs/constants/theme.js

@@ -37,6 +37,11 @@ exports.theme = {
         MuiTooltip: {
             defaultProps: {
                 disableInteractive: true
+            },
+            styleOverrides: {
+                tooltip: {
+                    whiteSpace: 'break-spaces'
+                }
             }
         },
         MuiTab: {

package/cjs/features/activity-log/ActivitiesFactory/components/SimpleActivity/styles.js

@@ -7,6 +7,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         color: theme.palette.primary.main,
         textDecoration: 'none',
         fontWeight: 400,
-        cursor: 'pointer'
+        cursor: 'pointer',
+        whiteSpace: 'break-spaces'
     }
 }); });

package/cjs/features/activity-log/EntityObject/styles.js

@@ -9,6 +9,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         color: theme.palette.primary.main,
         textDecoration: 'none',
         fontWeight: 400,
+        whiteSpace: 'break-spaces',
         '&.removed': {
             pointerEvents: 'none',
             color: theme.palette.text.secondary

package/cjs/features/activity-log/Field/styles.js

@@ -8,7 +8,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         lineHeight: '20px',
         color: theme.palette.text.primary,
         marginTop: 4,
-        display: 'block'
+        display: 'block',
+        whiteSpace: 'break-spaces'
     },
     fieldName: {
         color: theme.palette.text.secondary,

package/cjs/features/activity-log/PotentialMatchRecord/components/PotentialMatchField/styles.js

@@ -13,6 +13,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         color: theme.palette.primary.main,
         textDecoration: 'none',
         fontWeight: 400,
-        cursor: 'pointer'
+        cursor: 'pointer',
+        whiteSpace: 'break-spaces'
     }
 }); });

package/cjs/features/activity-log/RelationObject/styles.js

@@ -12,7 +12,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     link: {
         color: theme.palette.primary.main,
         textDecoration: 'none',
-        fontWeight: 400
+        fontWeight: 400,
+        whiteSpace: 'break-spaces'
     },
     delimiter: {
         margin: '0 8px'

package/cjs/features/workflow/AttributesChanges/components/DiffRenderer/styles.js

@@ -12,7 +12,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         color: theme.palette.primary.main,
         fontSize: '12px',
         letterSpacing: 0,
-        lineHeight: '16px'
+        lineHeight: '16px',
+        whiteSpace: 'break-spaces'
     },
     disabledLink: {
         pointerEvents: 'none',

package/cjs/features/workflow/AttributesChanges/styles.js

@@ -19,7 +19,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     label: {
         fontSize: '12px',
         letterSpacing: 0,
-        lineHeight: '16px'
+        lineHeight: '16px',
+        whiteSpace: 'break-spaces'
     },
     showMoreLink: {
         marginTop: '8px'

package/constants/theme.d.ts

@@ -60,6 +60,11 @@ export declare const theme: {
             defaultProps: {
                 disableInteractive: boolean;
             };
+            styleOverrides: {
+                tooltip: {
+                    whiteSpace: "break-spaces";
+                };
+            };
         };
         MuiTab: {
             styleOverrides: {

package/constants/theme.js

@@ -34,6 +34,11 @@ export var theme = {
         MuiTooltip: {
             defaultProps: {
                 disableInteractive: true
+            },
+            styleOverrides: {
+                tooltip: {
+                    whiteSpace: 'break-spaces'
+                }
             }
         },
         MuiTab: {

package/features/activity-log/ActivitiesFactory/components/SimpleActivity/styles.js

@@ -4,6 +4,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         color: theme.palette.primary.main,
         textDecoration: 'none',
         fontWeight: 400,
-        cursor: 'pointer'
+        cursor: 'pointer',
+        whiteSpace: 'break-spaces'
     }
 }); });

package/features/activity-log/EntityObject/styles.js

@@ -6,6 +6,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         color: theme.palette.primary.main,
         textDecoration: 'none',
         fontWeight: 400,
+        whiteSpace: 'break-spaces',
         '&.removed': {
             pointerEvents: 'none',
             color: theme.palette.text.secondary

package/features/activity-log/Field/styles.js

@@ -5,7 +5,8 @@ export var useStyles = makeStyles(function (theme) { return ({
         lineHeight: '20px',
         color: theme.palette.text.primary,
         marginTop: 4,
-        display: 'block'
+        display: 'block',
+        whiteSpace: 'break-spaces'
     },
     fieldName: {
         color: theme.palette.text.secondary,

package/features/activity-log/PotentialMatchRecord/components/PotentialMatchField/styles.js

@@ -10,6 +10,7 @@ export var useStyles = makeStyles(function (theme) { return ({
         color: theme.palette.primary.main,
         textDecoration: 'none',
         fontWeight: 400,
-        cursor: 'pointer'
+        cursor: 'pointer',
+        whiteSpace: 'break-spaces'
     }
 }); });

package/features/activity-log/RelationObject/styles.js

@@ -9,7 +9,8 @@ export var useStyles = makeStyles(function (theme) { return ({
     link: {
         color: theme.palette.primary.main,
         textDecoration: 'none',
-        fontWeight: 400
+        fontWeight: 400,
+        whiteSpace: 'break-spaces'
     },
     delimiter: {
         margin: '0 8px'

package/features/workflow/AttributesChanges/components/DiffRenderer/styles.js

@@ -9,7 +9,8 @@ export var useStyles = makeStyles(function (theme) { return ({
         color: theme.palette.primary.main,
         fontSize: '12px',
         letterSpacing: 0,
-        lineHeight: '16px'
+        lineHeight: '16px',
+        whiteSpace: 'break-spaces'
     },
     disabledLink: {
         pointerEvents: 'none',

package/features/workflow/AttributesChanges/styles.js

@@ -16,7 +16,8 @@ export var useStyles = makeStyles(function (theme) { return ({
     label: {
         fontSize: '12px',
         letterSpacing: 0,
-        lineHeight: '16px'
+        lineHeight: '16px',
+        whiteSpace: 'break-spaces'
     },
     showMoreLink: {
         marginTop: '8px'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2156",
+  "version": "1.4.2157",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",