@reltio/components 1.4.947 → 1.4.950

package/cjs/components/AvatarWithFallback/AvatarWithFallback.d.ts

@@ -4,6 +4,10 @@ declare type Props = {
     icon?: string;
     avatarText?: string;
     variant?: 'circle' | 'circular' | 'rounded' | 'square';
+    rootClasses?: {
+        iconRoot?: string;
+        textRoot?: string;
+    };
 };
-declare const AvatarWithFallback: ({ className, icon, avatarText, ...otherProps }: Props) => JSX.Element;
+declare const AvatarWithFallback: ({ className, icon, avatarText, rootClasses, ...otherProps }: Props) => JSX.Element;
 export default AvatarWithFallback;

package/cjs/components/AvatarWithFallback/AvatarWithFallback.js

@@ -45,6 +45,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var Avatar_1 = __importDefault(require("@material-ui/core/Avatar"));
+var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importStar(require("react"));
 var AvatarStates;
 (function (AvatarStates) {
@@ -53,7 +54,7 @@ var AvatarStates;
     AvatarStates[AvatarStates["ERROR_MODE"] = 2] = "ERROR_MODE";
 })(AvatarStates || (AvatarStates = {}));
 var AvatarWithFallback = function (_a) {
-    var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, otherProps = __rest(_a, ["className", "icon", "avatarText"]);
+    var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, rootClasses = _a.rootClasses, otherProps = __rest(_a, ["className", "icon", "avatarText", "rootClasses"]);
     var _b = react_1.useState(null), state = _b[0], setState = _b[1];
     react_1.useEffect(function () {
         if (icon) {
@@ -68,10 +69,10 @@ var AvatarWithFallback = function (_a) {
     };
     switch (state) {
         case AvatarStates.ICON_MODE:
-            return react_1.default.createElement(Avatar_1.default, __assign({ className: className, src: icon, onError: onImageLoadFail }, otherProps));
+            return (react_1.default.createElement(Avatar_1.default, __assign({ className: classnames_1.default(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.iconRoot), src: icon, onError: onImageLoadFail }, otherProps)));
         case AvatarStates.TEXT_MODE:
         case AvatarStates.ERROR_MODE:
-            return (react_1.default.createElement(Avatar_1.default, __assign({ className: className }, otherProps), avatarText));
+            return (react_1.default.createElement(Avatar_1.default, __assign({ className: classnames_1.default(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.textRoot) }, otherProps), avatarText));
         default:
             return null;
     }

package/cjs/components/SourceIcon/SourceIcon.d.ts

@@ -2,6 +2,10 @@
 declare type Props = {
     sourceType: string;
     className?: string;
+    classes?: {
+        iconRoot?: string;
+        textRoot?: string;
+    };
 };
-declare const SourceIcon: ({ sourceType, className }: Props) => JSX.Element;
+declare const SourceIcon: ({ sourceType, className, classes }: Props) => JSX.Element;
 export default SourceIcon;

package/cjs/components/SourceIcon/SourceIcon.js

@@ -10,9 +10,9 @@ var react_redux_1 = require("react-redux");
 var AvatarWithFallback_1 = __importDefault(require("../AvatarWithFallback/AvatarWithFallback"));
 var SOURCE_URL = 'https://s3.amazonaws.com/reltio.images/api';
 var SourceIcon = function (_a) {
-    var sourceType = _a.sourceType, className = _a.className;
+    var sourceType = _a.sourceType, className = _a.className, classes = _a.classes;
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
     var _b = mdm_sdk_1.findSourceSystemByUri(metadata, sourceType), label = _b.label, icon = _b.icon;
-    return (react_1.default.createElement(AvatarWithFallback_1.default, { className: className, avatarText: label[0], icon: icon ? mdm_sdk_1.getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square" }));
+    return (react_1.default.createElement(AvatarWithFallback_1.default, { className: className, avatarText: label[0], icon: icon ? mdm_sdk_1.getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square", rootClasses: classes }));
 };
 exports.default = SourceIcon;

package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import { NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { AttributeValue, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
 import { AttributePagerProps } from './index';
 declare type Props = Required<Omit<AttributePagerProps, 'values'>> & {
     values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
+    nonVisibleValues: AttributeValue[];
 };
-declare const AttributeRenderer: ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props) => JSX.Element;
+declare const AttributeRenderer: ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, nonVisibleValues, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props) => JSX.Element;
 export default AttributeRenderer;

package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.js

@@ -35,8 +35,9 @@ var CardinalityMessage_1 = __importDefault(require("./CardinalityMessage"));
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
 var PinnedAttributesContext_1 = require("../contexts/PinnedAttributesContext");
+var OvIcon_1 = __importDefault(require("../../OvIcon"));
 var AttributeRenderer = function (_a) {
-    var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
+    var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, nonVisibleValues = _a.nonVisibleValues, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
     var styles = styles_1.useStyles();
     var _b = react_1.useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
     var _c = react_1.useState(false), hadDeletions = _c[0], setHadDeletions = _c[1];
@@ -72,6 +73,9 @@ var AttributeRenderer = function (_a) {
     var newValuesCount = (utils_1.filterNewValues(values) || []).length;
     var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
     var totalVisibleValues = ramda_1.ifElse(ramda_1.has(totalProp), ramda_1.pipe(ramda_1.prop(totalProp), ramda_1.add(newValuesCount)), ramda_1.always(values.length))(paging);
+    var totalNonVisibleValues = (paging === null || paging === void 0 ? void 0 : paging.totalValues)
+        ? paging.totalValues - totalVisibleValues
+        : nonVisibleValues === null || nonVisibleValues === void 0 ? void 0 : nonVisibleValues.length;
     var hasPaging = max < totalVisibleValues;
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -95,7 +99,9 @@ var AttributeRenderer = function (_a) {
     var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
     return (react_1.default.createElement(BranchDecorator_1.default, { enabled: drawLines },
         react_1.default.createElement("div", { className: styles.wrapper },
-            react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
+            react_1.default.createElement("div", { className: styles.titleWrapper },
+                react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
+                react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
             isEditableMode && react_1.default.createElement(CardinalityMessage_1.default, { cardinality: cardinality }),
             isEditableMode && react_1.default.createElement(ErrorMessage_1.default, { message: errorMessage, className: styles.typeError }),
             react_1.default.createElement("div", { className: styles.attributesWrapper },

package/cjs/components/attributes/editMode/AttributesPager/AttributesPager.js

@@ -52,8 +52,9 @@ var AttributesPager = function (_a) {
     var values = _a.values, attributeType = _a.attributeType, _b = _a.mode, mode = _b === void 0 ? mdm_sdk_1.Mode.Viewing : _b, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _c = _a.paging, paging = _c === void 0 ? {} : _c, parentUri = _a.parentUri, errors = _a.errors, errorMessage = _a.errorMessage, _d = _a.max, max = _d === void 0 ? Infinity : _d, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
     var styles = styles_1.useStyles();
     var partitionByOv = ramda_1.partition(mdm_sdk_1.isOv);
-    var ovValues = partitionByOv(values)[0];
+    var _e = partitionByOv(values), ovValues = _e[0], nonOvValues = _e[1];
     var visibleValues = showNonOv ? values : ovValues;
+    var nonVisibleValues = showNonOv ? [] : nonOvValues;
     var commonProps = {
         errorMessage: errorMessage,
         errors: errors,
@@ -83,7 +84,7 @@ var AttributesPager = function (_a) {
                         react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
                         react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }))));
             default:
-                return (react_1.default.createElement(AttributeRenderer_1.default, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }, commonProps)));
+                return (react_1.default.createElement(AttributeRenderer_1.default, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv, nonVisibleValues: nonVisibleValues }, commonProps)));
         }
     };
     return renderAttribute();

package/cjs/components/attributes/editMode/AttributesPager/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "wrapper" | "svg-icon__root" | "attributesWrapper" | "typeError">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;

package/cjs/components/attributes/editMode/AttributesPager/styles.js

@@ -27,10 +27,18 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
         fontSize: '12px',
         lineHeight: '14px',
         paddingLeft: '12px',
-        paddingBottom: '4px',
         color: theme.palette.text.secondary
     },
     typeError: {
         marginLeft: '12px'
+    },
+    ovIcon: {
+        marginLeft: '8px',
+        marginTop: '-1px',
+        textIndent: 0
+    },
+    titleWrapper: {
+        flex: 1,
+        paddingBottom: '3px'
     }
 }); });

package/cjs/components/attributes/readMode/AttributesPager/AttributesPager.d.ts

@@ -11,8 +11,7 @@ declare type Props = {
     requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
     titleClassName?: string;
     contentClassName?: string;
-    showTitle?: boolean;
     showNonOv?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv }: Props) => JSX.Element>;
 export default _default;

package/cjs/components/attributes/readMode/AttributesPager/AttributesPager.js

@@ -41,13 +41,13 @@ var RENDERER_TYPES = {
 };
 var AttributesPager = function (_a) {
     var _b, _c;
-    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, _e = _a.max, max = _e === void 0 ? Infinity : _e, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _f = _a.showTitle, showTitle = _f === void 0 ? true : _f, showNonOv = _a.showNonOv;
+    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, _e = _a.max, max = _e === void 0 ? Infinity : _e, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv;
     var styles = styles_1.useStyles();
     var partitionByOv = ramda_1.partition(mdm_sdk_1.isOv);
     if (!values || !values.length) {
         return null;
     }
-    var _g = partitionByOv(values), ovValues = _g[0], nonOvValues = _g[1];
+    var _f = partitionByOv(values), ovValues = _f[0], nonOvValues = _f[1];
     var visibleValues = showNonOv ? values : ovValues;
     var nonVisibleValues = showNonOv ? [] : nonOvValues;
     var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
@@ -65,15 +65,15 @@ var AttributesPager = function (_a) {
         ])(attributeType);
         switch (type) {
             case RENDERER_TYPES.oneLine:
-                return (react_1.default.createElement(OneLineRenderer_1.default, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, titleClassName: titleClassName, contentClassName: contentClassName, showTitle: showTitle, showNonOv: showNonOv }));
+                return (react_1.default.createElement(OneLineRenderer_1.default, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
             case RENDERER_TYPES.multiLine:
-                return (react_1.default.createElement(MultiLineRenderer_1.default, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, titleClassName: titleClassName, contentClassName: contentClassName, showTitle: showTitle, showNonOv: showNonOv }));
+                return (react_1.default.createElement(MultiLineRenderer_1.default, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
             case RENDERER_TYPES.imageLine:
                 return (react_1.default.createElement(react_1.default.Fragment, null,
-                    showTitle && react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
+                    react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
                     react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
             case RENDERER_TYPES.special:
-                return react_1.default.createElement(SpecialRenderer_1.default, { values: visibleValues, attributeType: attributeType, showTitle: showTitle });
+                return react_1.default.createElement(SpecialRenderer_1.default, { values: visibleValues, attributeType: attributeType });
         }
     };
     return (react_1.default.createElement(BranchDecorator_1.default, { enabled: drawLines, className: classnames_1.default((_b = {}, _b[styles.paddingWrapperWithLines] = drawLines, _b)) },

package/cjs/components/attributes/readMode/AttributesPager/MultiLineRenderer.d.ts

@@ -12,8 +12,7 @@ declare type Props = {
     requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
     titleClassName?: string;
     contentClassName?: string;
-    showTitle?: boolean;
     showNonOv: boolean;
 };
-declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
+declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
 export default MultiLineRenderer;

package/cjs/components/attributes/readMode/AttributesPager/MultiLineRenderer.js

@@ -32,9 +32,9 @@ var ShowMore_1 = __importDefault(require("../../pagersCommon/ShowMore"));
 var ShowLess_1 = __importDefault(require("../../pagersCommon/ShowLess"));
 var OvIcon_1 = __importDefault(require("../../OvIcon"));
 var MultiLineRenderer = function (_a) {
-    var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
+    var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = styles_1.useMultiLineStyles();
-    var _c = react_1.useState(max), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
+    var _b = react_1.useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
     var hasPaging = max < totalVisibleValues;
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -57,9 +57,9 @@ var MultiLineRenderer = function (_a) {
     var shownValues = values.slice(0, visibleValuesCount);
     var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
     return (react_1.default.createElement("div", { className: styles.wrapper },
-        showTitle && (react_1.default.createElement("div", { className: styles.titleRow },
+        react_1.default.createElement("div", { className: styles.titleRow },
             react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName), attributeType: attributeType }),
-            react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }))),
+            react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
         react_1.default.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (react_1.default.createElement(Attribute_1.default, { key: value.uri, className: classnames_1.default(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv })); })),
         showMore && (react_1.default.createElement(ShowMore_1.default, { moreNumber: ramda_1.min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
         showLess && react_1.default.createElement(ShowLess_1.default, { onClick: onShowLess })));

package/cjs/components/attributes/readMode/AttributesPager/OneLineRenderer.d.ts

@@ -6,9 +6,8 @@ declare type Props = {
     nonVisibleValues: AttributeValue[];
     titleClassName?: string;
     contentClassName?: string;
-    showTitle?: boolean;
     showNonOv: boolean;
     totalNonVisibleValues: number;
 };
-declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showTitle, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
+declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
 export default OneLineRenderer;

package/cjs/components/attributes/readMode/AttributesPager/OneLineRenderer.js

@@ -13,12 +13,12 @@ var OvIcon_1 = __importDefault(require("../../OvIcon"));
 var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
 var styles_1 = require("./styles");
 var OneLineRenderer = function (_a) {
-    var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
+    var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = styles_1.useOneLineStyles();
     var label = attributeType.label;
     return (react_1.default.createElement("div", { className: classnames_1.default(styles.collaborationWrapper, constants_1.COMMENTS_CONTAINER_VISIBILITY_AREA) },
         react_1.default.createElement("div", { className: classnames_1.default(styles.titleRow, styles.wrapper) },
-            showTitle && (react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName), attributeType: attributeType })),
+            react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName), attributeType: attributeType }),
             react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
             react_1.default.createElement(Attribute_1.default, { className: classnames_1.default(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
         react_1.default.createElement(CommentsContainer_1.default, { uri: value.uri, relatedObjectUris: mdm_sdk_1.createRelatedObjectUris(mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE, {

package/cjs/components/attributes/readMode/AttributesPager/SpecialRenderer.d.ts

@@ -3,7 +3,6 @@ import { AttributeType } from '@reltio/mdm-sdk';
 declare type Props = {
     values: string[] | number[];
     attributeType: AttributeType;
-    showTitle?: boolean;
 };
-declare const SpecialRenderer: ({ values, attributeType, showTitle }: Props) => JSX.Element;
+declare const SpecialRenderer: ({ values, attributeType }: Props) => JSX.Element;
 export default SpecialRenderer;

package/cjs/components/attributes/readMode/AttributesPager/SpecialRenderer.js

@@ -13,7 +13,7 @@ var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
 var Roles_1 = __importDefault(require("../SpecialAttributes/Roles"));
 var Tags_1 = __importDefault(require("../SpecialAttributes/Tags"));
 var SpecialRenderer = function (_a) {
-    var values = _a.values, attributeType = _a.attributeType, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b;
+    var values = _a.values, attributeType = _a.attributeType;
     var styles = styles_1.useOneLineStyles();
     var label = attributeType.label;
     var renderIcon = function (className) {
@@ -33,9 +33,8 @@ var SpecialRenderer = function (_a) {
         }
     };
     return (react_1.default.createElement("div", { className: classnames_1.default(styles.titleRow, styles.wrapper) },
-        showTitle && (react_1.default.createElement(react_1.default.Fragment, null,
-            renderIcon(styles.titleIcon),
-            react_1.default.createElement(Title_1.default, { label: label, className: styles.title, attributeType: attributeType }))),
+        renderIcon(styles.titleIcon),
+        react_1.default.createElement(Title_1.default, { label: label, className: styles.title, attributeType: attributeType }),
         renderValue(styles.attribute)));
 };
 exports.default = SpecialRenderer;

package/cjs/components/attributes/readMode/AttributesPager/index.d.ts

@@ -1,5 +1,5 @@
 export { AttributesPager };
-declare var _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv }: {
+declare var _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv }: {
     values: (string | number | import("@reltio/mdm-sdk").AttributeValue)[];
     attributeType: import("@reltio/mdm-sdk").AttributeType;
     paging?: import("@reltio/mdm-sdk").Paging;
@@ -9,7 +9,6 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
     requestNextPageOfAttributeValues: (payload: import("@reltio/mdm-module").RequestNextPageOfAttributeValuesPayload) => void;
     titleClassName?: string;
     contentClassName?: string;
-    showTitle?: boolean;
     showNonOv?: boolean;
 }) => JSX.Element>, import("react-redux").Omit<{
     values: (string | number | import("@reltio/mdm-sdk").AttributeValue)[];
@@ -21,7 +20,6 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
     requestNextPageOfAttributeValues: (payload: import("@reltio/mdm-module").RequestNextPageOfAttributeValuesPayload) => void;
     titleClassName?: string;
     contentClassName?: string;
-    showTitle?: boolean;
     showNonOv?: boolean;
 }, "max" | "requestNextPageOfAttributeValues"> & {
     max?: any;

package/cjs/hooks/useMatchesLoader.js

@@ -37,7 +37,10 @@ var useMatchesLoader = function (_a) {
     var safePromise = useSafePromise_1.useSafePromise();
     var getMatches = react_1.useCallback(function (force) {
         if (force === void 0) { force = false; }
-        if (!enabled) {
+        if (!enabled || mdm_sdk_1.isTempUri(entityUri)) {
+            setTotal(0);
+            setMatches([]);
+            setEntitiesMap({});
             return;
         }
         onStartLoading === null || onStartLoading === void 0 ? void 0 : onStartLoading();

package/esm/components/AvatarWithFallback/AvatarWithFallback.d.ts

@@ -4,6 +4,10 @@ declare type Props = {
     icon?: string;
     avatarText?: string;
     variant?: 'circle' | 'circular' | 'rounded' | 'square';
+    rootClasses?: {
+        iconRoot?: string;
+        textRoot?: string;
+    };
 };
-declare const AvatarWithFallback: ({ className, icon, avatarText, ...otherProps }: Props) => JSX.Element;
+declare const AvatarWithFallback: ({ className, icon, avatarText, rootClasses, ...otherProps }: Props) => JSX.Element;
 export default AvatarWithFallback;

package/esm/components/AvatarWithFallback/AvatarWithFallback.js

@@ -21,6 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import Avatar from '@material-ui/core/Avatar';
+import classnames from 'classnames';
 import React, { useEffect, useState } from 'react';
 var AvatarStates;
 (function (AvatarStates) {
@@ -29,7 +30,7 @@ var AvatarStates;
     AvatarStates[AvatarStates["ERROR_MODE"] = 2] = "ERROR_MODE";
 })(AvatarStates || (AvatarStates = {}));
 var AvatarWithFallback = function (_a) {
-    var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, otherProps = __rest(_a, ["className", "icon", "avatarText"]);
+    var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, rootClasses = _a.rootClasses, otherProps = __rest(_a, ["className", "icon", "avatarText", "rootClasses"]);
     var _b = useState(null), state = _b[0], setState = _b[1];
     useEffect(function () {
         if (icon) {
@@ -44,10 +45,10 @@ var AvatarWithFallback = function (_a) {
     };
     switch (state) {
         case AvatarStates.ICON_MODE:
-            return React.createElement(Avatar, __assign({ className: className, src: icon, onError: onImageLoadFail }, otherProps));
+            return (React.createElement(Avatar, __assign({ className: classnames(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.iconRoot), src: icon, onError: onImageLoadFail }, otherProps)));
         case AvatarStates.TEXT_MODE:
         case AvatarStates.ERROR_MODE:
-            return (React.createElement(Avatar, __assign({ className: className }, otherProps), avatarText));
+            return (React.createElement(Avatar, __assign({ className: classnames(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.textRoot) }, otherProps), avatarText));
         default:
             return null;
     }

package/esm/components/SourceIcon/SourceIcon.d.ts

@@ -2,6 +2,10 @@
 declare type Props = {
     sourceType: string;
     className?: string;
+    classes?: {
+        iconRoot?: string;
+        textRoot?: string;
+    };
 };
-declare const SourceIcon: ({ sourceType, className }: Props) => JSX.Element;
+declare const SourceIcon: ({ sourceType, className, classes }: Props) => JSX.Element;
 export default SourceIcon;

package/esm/components/SourceIcon/SourceIcon.js

@@ -5,9 +5,9 @@ import { useSelector } from 'react-redux';
 import AvatarWithFallback from '../AvatarWithFallback/AvatarWithFallback';
 var SOURCE_URL = 'https://s3.amazonaws.com/reltio.images/api';
 var SourceIcon = function (_a) {
-    var sourceType = _a.sourceType, className = _a.className;
+    var sourceType = _a.sourceType, className = _a.className, classes = _a.classes;
     var metadata = useSelector(mdmModule.selectors.getMetadata);
     var _b = findSourceSystemByUri(metadata, sourceType), label = _b.label, icon = _b.icon;
-    return (React.createElement(AvatarWithFallback, { className: className, avatarText: label[0], icon: icon ? getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square" }));
+    return (React.createElement(AvatarWithFallback, { className: className, avatarText: label[0], icon: icon ? getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square", rootClasses: classes }));
 };
 export default SourceIcon;

package/esm/components/attributes/editMode/AttributesPager/AttributeRenderer.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import { NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { AttributeValue, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
 import { AttributePagerProps } from './index';
 declare type Props = Required<Omit<AttributePagerProps, 'values'>> & {
     values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
+    nonVisibleValues: AttributeValue[];
 };
-declare const AttributeRenderer: ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props) => JSX.Element;
+declare const AttributeRenderer: ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, nonVisibleValues, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props) => JSX.Element;
 export default AttributeRenderer;

package/esm/components/attributes/editMode/AttributesPager/AttributeRenderer.js

@@ -11,8 +11,9 @@ import Cardinality from './CardinalityMessage';
 import { useStyles } from './styles';
 import { filterNewValues } from './utils';
 import { PinnedAttributesContext } from '../contexts/PinnedAttributesContext';
+import OvIcon from '../../OvIcon';
 var AttributeRenderer = function (_a) {
-    var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
+    var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, nonVisibleValues = _a.nonVisibleValues, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
     var styles = useStyles();
     var _b = useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
     var _c = useState(false), hadDeletions = _c[0], setHadDeletions = _c[1];
@@ -48,6 +49,9 @@ var AttributeRenderer = function (_a) {
     var newValuesCount = (filterNewValues(values) || []).length;
     var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
     var totalVisibleValues = ifElse(has(totalProp), pipe(prop(totalProp), add(newValuesCount)), always(values.length))(paging);
+    var totalNonVisibleValues = (paging === null || paging === void 0 ? void 0 : paging.totalValues)
+        ? paging.totalValues - totalVisibleValues
+        : nonVisibleValues === null || nonVisibleValues === void 0 ? void 0 : nonVisibleValues.length;
     var hasPaging = max < totalVisibleValues;
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -71,7 +75,9 @@ var AttributeRenderer = function (_a) {
     var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
     return (React.createElement(BranchDecorator, { enabled: drawLines },
         React.createElement("div", { className: styles.wrapper },
-            React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
+            React.createElement("div", { className: styles.titleWrapper },
+                React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
+                React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
             isEditableMode && React.createElement(Cardinality, { cardinality: cardinality }),
             isEditableMode && React.createElement(ErrorMessage, { message: errorMessage, className: styles.typeError }),
             React.createElement("div", { className: styles.attributesWrapper },

package/esm/components/attributes/editMode/AttributesPager/AttributesPager.js

@@ -28,8 +28,9 @@ var AttributesPager = function (_a) {
     var values = _a.values, attributeType = _a.attributeType, _b = _a.mode, mode = _b === void 0 ? Mode.Viewing : _b, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _c = _a.paging, paging = _c === void 0 ? {} : _c, parentUri = _a.parentUri, errors = _a.errors, errorMessage = _a.errorMessage, _d = _a.max, max = _d === void 0 ? Infinity : _d, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
     var styles = useStyles();
     var partitionByOv = partition(isOv);
-    var ovValues = partitionByOv(values)[0];
+    var _e = partitionByOv(values), ovValues = _e[0], nonOvValues = _e[1];
     var visibleValues = showNonOv ? values : ovValues;
+    var nonVisibleValues = showNonOv ? [] : nonOvValues;
     var commonProps = {
         errorMessage: errorMessage,
         errors: errors,
@@ -59,7 +60,7 @@ var AttributesPager = function (_a) {
                         React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
                         React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }))));
             default:
-                return (React.createElement(AttributeRenderer, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }, commonProps)));
+                return (React.createElement(AttributeRenderer, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv, nonVisibleValues: nonVisibleValues }, commonProps)));
         }
     };
     return renderAttribute();

package/esm/components/attributes/editMode/AttributesPager/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "wrapper" | "svg-icon__root" | "attributesWrapper" | "typeError">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;

package/esm/components/attributes/editMode/AttributesPager/styles.js

@@ -24,10 +24,18 @@ export var useStyles = makeStyles(function (theme) { return ({
         fontSize: '12px',
         lineHeight: '14px',
         paddingLeft: '12px',
-        paddingBottom: '4px',
         color: theme.palette.text.secondary
     },
     typeError: {
         marginLeft: '12px'
+    },
+    ovIcon: {
+        marginLeft: '8px',
+        marginTop: '-1px',
+        textIndent: 0
+    },
+    titleWrapper: {
+        flex: 1,
+        paddingBottom: '3px'
     }
 }); });

package/esm/components/attributes/readMode/AttributesPager/AttributesPager.d.ts

@@ -11,8 +11,7 @@ declare type Props = {
     requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
     titleClassName?: string;
     contentClassName?: string;
-    showTitle?: boolean;
     showNonOv?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv }: Props) => JSX.Element>;
 export default _default;

package/esm/components/attributes/readMode/AttributesPager/AttributesPager.js

@@ -17,13 +17,13 @@ var RENDERER_TYPES = {
 };
 var AttributesPager = function (_a) {
     var _b, _c;
-    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, _e = _a.max, max = _e === void 0 ? Infinity : _e, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _f = _a.showTitle, showTitle = _f === void 0 ? true : _f, showNonOv = _a.showNonOv;
+    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, _e = _a.max, max = _e === void 0 ? Infinity : _e, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv;
     var styles = useStyles();
     var partitionByOv = partition(isOv);
     if (!values || !values.length) {
         return null;
     }
-    var _g = partitionByOv(values), ovValues = _g[0], nonOvValues = _g[1];
+    var _f = partitionByOv(values), ovValues = _f[0], nonOvValues = _f[1];
     var visibleValues = showNonOv ? values : ovValues;
     var nonVisibleValues = showNonOv ? [] : nonOvValues;
     var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
@@ -41,15 +41,15 @@ var AttributesPager = function (_a) {
         ])(attributeType);
         switch (type) {
             case RENDERER_TYPES.oneLine:
-                return (React.createElement(OneLineRenderer, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, titleClassName: titleClassName, contentClassName: contentClassName, showTitle: showTitle, showNonOv: showNonOv }));
+                return (React.createElement(OneLineRenderer, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
             case RENDERER_TYPES.multiLine:
-                return (React.createElement(MultiLineRenderer, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, titleClassName: titleClassName, contentClassName: contentClassName, showTitle: showTitle, showNonOv: showNonOv }));
+                return (React.createElement(MultiLineRenderer, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
             case RENDERER_TYPES.imageLine:
                 return (React.createElement(React.Fragment, null,
-                    showTitle && React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
+                    React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
                     React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
             case RENDERER_TYPES.special:
-                return React.createElement(SpecialRenderer, { values: visibleValues, attributeType: attributeType, showTitle: showTitle });
+                return React.createElement(SpecialRenderer, { values: visibleValues, attributeType: attributeType });
         }
     };
     return (React.createElement(BranchDecorator, { enabled: drawLines, className: classnames((_b = {}, _b[styles.paddingWrapperWithLines] = drawLines, _b)) },

package/esm/components/attributes/readMode/AttributesPager/MultiLineRenderer.d.ts

@@ -12,8 +12,7 @@ declare type Props = {
     requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
     titleClassName?: string;
     contentClassName?: string;
-    showTitle?: boolean;
     showNonOv: boolean;
 };
-declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
+declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
 export default MultiLineRenderer;

package/esm/components/attributes/readMode/AttributesPager/MultiLineRenderer.js

@@ -8,9 +8,9 @@ import ShowMore from '../../pagersCommon/ShowMore';
 import ShowLess from '../../pagersCommon/ShowLess';
 import OvIcon from '../../OvIcon';
 var MultiLineRenderer = function (_a) {
-    var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
+    var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = useMultiLineStyles();
-    var _c = useState(max), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
+    var _b = useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
     var hasPaging = max < totalVisibleValues;
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -33,9 +33,9 @@ var MultiLineRenderer = function (_a) {
     var shownValues = values.slice(0, visibleValuesCount);
     var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
     return (React.createElement("div", { className: styles.wrapper },
-        showTitle && (React.createElement("div", { className: styles.titleRow },
+        React.createElement("div", { className: styles.titleRow },
             React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), attributeType: attributeType }),
-            React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }))),
+            React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
         React.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (React.createElement(Attribute, { key: value.uri, className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv })); })),
         showMore && (React.createElement(ShowMore, { moreNumber: min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
         showLess && React.createElement(ShowLess, { onClick: onShowLess })));

package/esm/components/attributes/readMode/AttributesPager/OneLineRenderer.d.ts

@@ -6,9 +6,8 @@ declare type Props = {
     nonVisibleValues: AttributeValue[];
     titleClassName?: string;
     contentClassName?: string;
-    showTitle?: boolean;
     showNonOv: boolean;
     totalNonVisibleValues: number;
 };
-declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showTitle, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
+declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
 export default OneLineRenderer;

package/esm/components/attributes/readMode/AttributesPager/OneLineRenderer.js

@@ -8,12 +8,12 @@ import OvIcon from '../../OvIcon';
 import Attribute from '../AttributesFactory/Attribute';
 import { useOneLineStyles } from './styles';
 var OneLineRenderer = function (_a) {
-    var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
+    var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
     var styles = useOneLineStyles();
     var label = attributeType.label;
     return (React.createElement("div", { className: classnames(styles.collaborationWrapper, COMMENTS_CONTAINER_VISIBILITY_AREA) },
         React.createElement("div", { className: classnames(styles.titleRow, styles.wrapper) },
-            showTitle && (React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), attributeType: attributeType })),
+            React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), attributeType: attributeType }),
             React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
             React.createElement(Attribute, { className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
         React.createElement(CommentsContainer, { uri: value.uri, relatedObjectUris: createRelatedObjectUris(CollaborationObjectTypes.ENTITY_ATTRIBUTE, {

package/esm/components/attributes/readMode/AttributesPager/SpecialRenderer.d.ts

@@ -3,7 +3,6 @@ import { AttributeType } from '@reltio/mdm-sdk';
 declare type Props = {
     values: string[] | number[];
     attributeType: AttributeType;
-    showTitle?: boolean;
 };
-declare const SpecialRenderer: ({ values, attributeType, showTitle }: Props) => JSX.Element;
+declare const SpecialRenderer: ({ values, attributeType }: Props) => JSX.Element;
 export default SpecialRenderer;

package/esm/components/attributes/readMode/AttributesPager/SpecialRenderer.js

@@ -8,7 +8,7 @@ import Attribute from '../AttributesFactory/Attribute';
 import Roles from '../SpecialAttributes/Roles';
 import Tags from '../SpecialAttributes/Tags';
 var SpecialRenderer = function (_a) {
-    var values = _a.values, attributeType = _a.attributeType, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b;
+    var values = _a.values, attributeType = _a.attributeType;
     var styles = useOneLineStyles();
     var label = attributeType.label;
     var renderIcon = function (className) {
@@ -28,9 +28,8 @@ var SpecialRenderer = function (_a) {
         }
     };
     return (React.createElement("div", { className: classnames(styles.titleRow, styles.wrapper) },
-        showTitle && (React.createElement(React.Fragment, null,
-            renderIcon(styles.titleIcon),
-            React.createElement(Title, { label: label, className: styles.title, attributeType: attributeType }))),
+        renderIcon(styles.titleIcon),
+        React.createElement(Title, { label: label, className: styles.title, attributeType: attributeType }),
         renderValue(styles.attribute)));
 };
 export default SpecialRenderer;

package/esm/components/attributes/readMode/AttributesPager/index.d.ts

@@ -1,5 +1,5 @@
 export { AttributesPager };
-declare var _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv }: {
+declare var _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv }: {
     values: (string | number | import("@reltio/mdm-sdk").AttributeValue)[];
     attributeType: import("@reltio/mdm-sdk").AttributeType;
     paging?: import("@reltio/mdm-sdk").Paging;
@@ -9,7 +9,6 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
     requestNextPageOfAttributeValues: (payload: import("@reltio/mdm-module").RequestNextPageOfAttributeValuesPayload) => void;
     titleClassName?: string;
     contentClassName?: string;
-    showTitle?: boolean;
     showNonOv?: boolean;
 }) => JSX.Element>, import("react-redux").Omit<{
     values: (string | number | import("@reltio/mdm-sdk").AttributeValue)[];
@@ -21,7 +20,6 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
     requestNextPageOfAttributeValues: (payload: import("@reltio/mdm-module").RequestNextPageOfAttributeValuesPayload) => void;
     titleClassName?: string;
     contentClassName?: string;
-    showTitle?: boolean;
     showNonOv?: boolean;
 }, "max" | "requestNextPageOfAttributeValues"> & {
     max?: any;

package/esm/hooks/useMatchesLoader.js

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
-import { ActivityFilters, collectAllTransitiveEntitiesUris, getEntitiesMap, getMatchesForDataTenantEntity, getMatchesFromDataTenants, getTransitiveMatches, isDataTenantEntity, withDtssPotentialItems } from '@reltio/mdm-sdk';
+import { ActivityFilters, collectAllTransitiveEntitiesUris, getEntitiesMap, getMatchesForDataTenantEntity, getMatchesFromDataTenants, getTransitiveMatches, isDataTenantEntity, isTempUri, withDtssPotentialItems } from '@reltio/mdm-sdk';
 import { usePagingSimulator } from './usePagingSimulator';
 import { useSafePromise } from './useSafePromise';
 import { prop } from 'ramda';
@@ -31,7 +31,10 @@ export var useMatchesLoader = function (_a) {
     var safePromise = useSafePromise();
     var getMatches = useCallback(function (force) {
         if (force === void 0) { force = false; }
-        if (!enabled) {
+        if (!enabled || isTempUri(entityUri)) {
+            setTotal(0);
+            setMatches([]);
+            setEntitiesMap({});
             return;
         }
         onStartLoading === null || onStartLoading === void 0 ? void 0 : onStartLoading();

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.947",
+  "version": "1.4.950",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "^2.7.0",
-    "@reltio/mdm-module": "^1.4.947",
-    "@reltio/mdm-sdk": "^1.4.947",
+    "@reltio/mdm-module": "^1.4.950",
+    "@reltio/mdm-sdk": "^1.4.950",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",