@reltio/components 1.4.845 → 1.4.849

package/components/attributes/editMode/AttributesList/AttributesList.js

@@ -45,16 +45,11 @@ var constants_1 = require("../../../../constants");
 var attributesView_1 = require("../../helpers/attributesView");
 var helpers_1 = require("./helpers");
 var AttributesList = function (_a) {
-    var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, showEmptyEditors = _a.showEmptyEditors, mode = _a.mode, crosswalks = _a.crosswalks, drawLines = _a.drawLines, children = _a.children, className = _a.className, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _b, onAddAttributes = _a.onAddAttributes, onChangeAttribute = _a.onChangeAttribute, onDeleteAttribute = _a.onDeleteAttribute, additionalControlsRenderer = _a.additionalControlsRenderer;
+    var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, showEmptyEditors = _a.showEmptyEditors, mode = _a.mode, crosswalks = _a.crosswalks, drawLines = _a.drawLines, children = _a.children, className = _a.className, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _b, onAddAttributes = _a.onAddAttributes, onChangeAttribute = _a.onChangeAttribute, onDeleteAttribute = _a.onDeleteAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, showNonOv = _a.showNonOv;
     var _c = entity.attributes, attributes = _c === void 0 ? {} : _c;
     var creatableAttrTypes = react_1.useMemo(function () { return mdm_sdk_1.getCreatableAttributeTypes(mode, attrTypes); }, [attrTypes, mode]);
     var moreAttrTypes = helpers_1.getMoreAttrTypes(creatableAttrTypes, entity);
-    var pagersData = react_1.useMemo(function () { return mdm_sdk_1.getAttributesListForEditMode(attrTypes, mode, entity, showEmptyEditors); }, [
-        attrTypes,
-        mode,
-        entity,
-        showEmptyEditors
-    ]);
+    var pagersData = react_1.useMemo(function () { return mdm_sdk_1.getAttributesListForEditMode(attrTypes, mode, entity, showEmptyEditors, showNonOv); }, [attrTypes, mode, entity, showEmptyEditors, showNonOv]);
     var _d = react_1.useMemo(function () { return attributesView_1.splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
     var onAddMoreAttributes = react_1.useCallback(function (attributeTypes) {
         onAddAttributes(attributeTypes.map(function (attributeType) { return ({ attributeType: attributeType, parentUri: parentUri }); }));
@@ -67,7 +62,7 @@ var AttributesList = function (_a) {
         react_1.default.createElement(BranchDecorator_1.default, __assign({}, decoratorProps, { plain: true }), creatableAttrTypes.length > 0 && (react_1.default.createElement(MoreAttributesButton_1.default, { label: ui_i18n_1.default.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes }))),
         regularPagersData.concat(alwaysVisiblePagersData).map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
-            return (react_1.default.createElement(AttributesPager_1.default, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: ramda_1.path(['paging', attrType.uri], attributes), parentUri: parentUri, showEmptyEditors: showEmptyEditors, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer }));
+            return (react_1.default.createElement(AttributesPager_1.default, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: ramda_1.path(['paging', attrType.uri], attributes), parentUri: parentUri, showEmptyEditors: showEmptyEditors, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }));
         })));
 };
 AttributesList.propTypes = {
@@ -79,6 +74,7 @@ AttributesList.propTypes = {
     mode: mdm_sdk_1.ModeType,
     crosswalks: prop_types_1.default.array,
     drawLines: prop_types_1.default.bool,
+    showNonOv: prop_types_1.default.bool,
     className: prop_types_1.default.string,
     alwaysVisibleTypeUris: prop_types_1.default.array,
     onAddAttributes: prop_types_1.default.func,

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

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

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

@@ -34,7 +34,7 @@ var CardinalityMessage_1 = __importDefault(require("./CardinalityMessage"));
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
 var AttributeRenderer = function (_a) {
-    var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, 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, 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 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];
@@ -66,12 +66,13 @@ var AttributeRenderer = function (_a) {
         return null;
     }
     var newValuesCount = (utils_1.filterNewValues(values) || []).length;
-    var totalOvValues = ramda_1.ifElse(ramda_1.has('totalOvValues'), ramda_1.pipe(ramda_1.prop('totalOvValues'), ramda_1.add(newValuesCount)), ramda_1.always(values.length))(paging);
-    var hasPaging = max < totalOvValues;
-    var showMore = hasPaging && visibleValuesCount < totalOvValues;
-    var showLess = hasPaging && visibleValuesCount >= totalOvValues;
+    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 hasPaging = max < totalVisibleValues;
+    var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
+    var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
     var onShowMore = function () {
-        if (values.length < totalOvValues) {
+        if (values.length < totalVisibleValues) {
             requestNextPageOfAttributeValues({
                 parentUri: parentUri,
                 attributeTypeUri: attributeTypeUri,
@@ -87,7 +88,7 @@ var AttributeRenderer = function (_a) {
     };
     var shownValues = values.slice(0, visibleValuesCount);
     var lastIndex = shownValues ? shownValues.length - 1 : 0;
-    var hiddenValuesCount = totalOvValues - visibleValuesCount;
+    var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
     return (react_1.default.createElement("div", { className: styles.wrapper },
         react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
         isEditableMode && react_1.default.createElement(CardinalityMessage_1.default, { cardinality: cardinality }),

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { AttributePagerProps } from './index';
-declare const _default: React.MemoExoticComponent<({ values, attributeType, mode, crosswalks, drawLines, paging, parentUri, errors, errorMessage, max, showEmptyEditors, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: AttributePagerProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ values, attributeType, mode, crosswalks, drawLines, paging, parentUri, errors, errorMessage, max, showEmptyEditors, showNonOv, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: AttributePagerProps) => JSX.Element>;
 export default _default;

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

@@ -49,11 +49,11 @@ var RENDERER_TYPES;
     RENDERER_TYPES["default"] = "default";
 })(RENDERER_TYPES || (RENDERER_TYPES = {}));
 var AttributesPager = function (_a) {
-    var values = _a.values, //only ov
-    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, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
+    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 visibleValues = showNonOv ? values : ovValues;
     var commonProps = {
         errorMessage: errorMessage,
         errors: errors,
@@ -73,14 +73,14 @@ var AttributesPager = function (_a) {
         ])(attributeType);
         switch (type) {
             case RENDERER_TYPES.special: {
-                return (react_1.default.createElement(SpecialRenderer_1.default, __assign({ values: ovValues, attributeType: attributeType }, commonProps)));
+                return (react_1.default.createElement(SpecialRenderer_1.default, __assign({ values: visibleValues, attributeType: attributeType }, commonProps)));
             }
             case RENDERER_TYPES.imageLine:
                 return (react_1.default.createElement("div", { className: styles.wrapper },
                     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: ovValues, attributeType: attributeType, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute })));
+                    react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: visibleValues, attributeType: attributeType, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute })));
             default:
-                return (react_1.default.createElement(AttributeRenderer_1.default, __assign({ values: ovValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, showEmptyEditors: showEmptyEditors, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues }, commonProps)));
+                return (react_1.default.createElement(AttributeRenderer_1.default, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, showEmptyEditors: showEmptyEditors, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }, commonProps)));
         }
     };
     return react_1.default.createElement(BranchDecorator_1.default, { enabled: drawLines }, renderAttribute());

package/components/attributes/editMode/AttributesPager/index.d.ts

@@ -29,6 +29,7 @@ declare type OwnProps = {
     drawLines: boolean;
     max?: number;
     showEmptyEditors: boolean;
+    showNonOv?: boolean;
     onAddAttributes: (params: AttributeItem[]) => void;
     onDeleteAttribute: (param: AttributeItem) => void;
     onChangeAttribute: (param: AttributeItem) => void;
@@ -36,5 +37,5 @@ declare type OwnProps = {
 };
 export declare type AttributePagerProps = StateProps & DispatchProps & OwnProps;
 export { AttributesPager, CardinalityMessage };
-declare const _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, mode, crosswalks, drawLines, paging, parentUri, errors, errorMessage, max, showEmptyEditors, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: AttributePagerProps) => JSX.Element>, import("react-redux").Omit<StateProps & DispatchProps & OwnProps, "errorMessage" | "max" | "errors" | "requestNextPageOfAttributeValues" | "onDeactivateError"> & OwnProps>;
+declare const _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, mode, crosswalks, drawLines, paging, parentUri, errors, errorMessage, max, showEmptyEditors, showNonOv, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: AttributePagerProps) => JSX.Element>, import("react-redux").Omit<StateProps & DispatchProps & OwnProps, "errorMessage" | "max" | "errors" | "requestNextPageOfAttributeValues" | "onDeactivateError"> & OwnProps>;
 export default _default;

package/components/attributes/editMode/ComplexAttribute/ComplexAttribute.d.ts

@@ -1,5 +1,5 @@
 export default ComplexAttribute;
-declare function ComplexAttribute({ label, attributeTypesList, attributeType, attributeValue, children, errors, ownError, mode, metadata, crosswalks, lazy, showEmptyEditors, onAddOneMore, onAddAttributes, onDeleteAttribute, onChangeAttribute, additionalControlsRenderer, hideDeleteButton, state }: {
+declare function ComplexAttribute({ label, attributeTypesList, attributeType, attributeValue, children, errors, ownError, mode, metadata, crosswalks, lazy, showEmptyEditors, onAddOneMore, onAddAttributes, onDeleteAttribute, onChangeAttribute, additionalControlsRenderer, hideDeleteButton, state, showNonOv }: {
     label: any;
     attributeTypesList: any;
     attributeType: any;
@@ -19,6 +19,7 @@ declare function ComplexAttribute({ label, attributeTypesList, attributeType, at
     additionalControlsRenderer: any;
     hideDeleteButton: any;
     state: any;
+    showNonOv: any;
 }): JSX.Element;
 declare namespace ComplexAttribute {
     const propTypes: {
@@ -127,6 +128,7 @@ declare namespace ComplexAttribute {
         onChangeAttribute: PropTypes.Requireable<(...args: any[]) => any>;
         additionalControlsRenderer: PropTypes.Requireable<(...args: any[]) => any>;
         hideDeleteButton: PropTypes.Requireable<boolean>;
+        showNonOv: PropTypes.Requireable<boolean>;
         state: PropTypes.Requireable<string>;
         label: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/components/attributes/editMode/ComplexAttribute/ComplexAttribute.js

@@ -48,7 +48,7 @@ var AttributesList_1 = __importDefault(require("../AttributesList/AttributesList
 var ArrowExpandButton_1 = __importDefault(require("../../../ArrowExpandButton/ArrowExpandButton"));
 var ComplexAttribute = function (_a) {
     var _b;
-    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, mode = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state;
+    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, mode = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv;
     var styles = styles_1.useStyles();
     var deleted = state === 'deleted';
     var edited = state === 'edited';
@@ -99,7 +99,7 @@ var ComplexAttribute = function (_a) {
                     ")")),
                 additionalControlsRenderer && additionalControlsRenderer({ attributeType: attributeType, attributeValue: attributeValue }),
                 showDeleteButton && react_1.default.createElement(SmallIconButton_1.default, { icon: Delete_1.default, onClick: onDeleteThis, size: "L" }))),
-        expanded && (react_1.default.createElement(AttributesList_1.default, { attrTypes: attributeTypesList, entity: attributeListEntity, showEmptyEditors: showEmptyEditors || isNew, drawLines: true, parentUri: uri, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer }, children))));
+        expanded && (react_1.default.createElement(AttributesList_1.default, { attrTypes: attributeTypesList, entity: attributeListEntity, showEmptyEditors: showEmptyEditors || isNew, drawLines: true, parentUri: uri, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }, children))));
 };
 ComplexAttribute.propTypes = __assign({ label: prop_types_1.default.string, children: prop_types_1.default.node, attributeTypesList: prop_types_1.default.arrayOf(mdm_sdk_1.AttributeTypeType), attributeValue: prop_types_1.default.oneOfType([mdm_sdk_1.NestedAttributeValueType, mdm_sdk_1.ReferenceAttributeValueType]) }, mdm_sdk_1.ComplexAttributeType);
 exports.default = ComplexAttribute;

package/components/attributes/editMode/NestedAttribute/NestedAttribute.d.ts

@@ -106,6 +106,7 @@ declare var _default: React.MemoExoticComponent<{
         onChangeAttribute: import("prop-types").Requireable<(...args: any[]) => any>;
         additionalControlsRenderer: import("prop-types").Requireable<(...args: any[]) => any>;
         hideDeleteButton: import("prop-types").Requireable<boolean>;
+        showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             value: import("prop-types").Requireable<object>;

package/components/attributes/editMode/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -114,6 +114,7 @@ declare var _default: React.MemoExoticComponent<{
         onChangeAttribute: PropTypes.Requireable<(...args: any[]) => any>;
         additionalControlsRenderer: PropTypes.Requireable<(...args: any[]) => any>;
         hideDeleteButton: PropTypes.Requireable<boolean>;
+        showNonOv: PropTypes.Requireable<boolean>;
         state: PropTypes.Requireable<string>;
         attributeValue: PropTypes.Requireable<PropTypes.InferProps<{
             refEntity: PropTypes.Requireable<object>;

package/components/attributes/editMode/ReferenceAttribute/index.d.ts

@@ -115,6 +115,7 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
         onChangeAttribute: import("prop-types").Requireable<(...args: any[]) => any>;
         additionalControlsRenderer: import("prop-types").Requireable<(...args: any[]) => any>;
         hideDeleteButton: import("prop-types").Requireable<boolean>;
+        showNonOv: import("prop-types").Requireable<boolean>;
         state: import("prop-types").Requireable<string>;
         attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
             refEntity: import("prop-types").Requireable<object>;

package/components/attributes/inline/AttributesList/AttributesList.d.ts

@@ -11,8 +11,8 @@ declare type Props = {
     attributes: RecordAttributesType;
     parentUri: string;
     crosswalksMap: CrosswalksMap;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/AttributesPager/AttributesPager.d.ts

@@ -13,8 +13,8 @@ declare type Props = {
     paging?: Paging;
     max?: number;
     crosswalksMap: CrosswalksMap;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/ComplexAttribute/ComplexAttribute.d.ts

@@ -13,13 +13,13 @@ declare type Props = {
     lazy?: boolean;
     attributeTypesList: AttributeType[];
     crosswalksMap: CrosswalksMap;
-    allowEdit?: boolean;
-    allowDelete?: boolean;
+    disableEdit?: boolean;
+    disableDelete?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;
     onEdit: (event: EditAttributeEvent) => void;
     onAdd: (event: AddAttributeEvent) => void;
 };
-declare const ComplexAttribute: ({ attributeType, attributeValue, attributeTypesList, label, crosswalksMap, allowEdit, allowDelete, onPin, onIgnore, onDelete, onEdit, onAdd }: Props) => JSX.Element;
+declare const ComplexAttribute: ({ attributeType, attributeValue, attributeTypesList, label, crosswalksMap, disableEdit, disableDelete, onPin, onIgnore, onDelete, onEdit, onAdd }: Props) => JSX.Element;
 export default ComplexAttribute;

package/components/attributes/inline/ComplexAttribute/ComplexAttribute.js

@@ -37,17 +37,17 @@ var hooks_1 = require("../../../../hooks");
 var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var ComplexAttribute = function (_a) {
-    var attributeType = _a.attributeType, attributeValue = _a.attributeValue, attributeTypesList = _a.attributeTypesList, label = _a.label, crosswalksMap = _a.crosswalksMap, _b = _a.allowEdit, allowEdit = _b === void 0 ? true : _b, _c = _a.allowDelete, allowDelete = _c === void 0 ? true : _c, onPin = _a.onPin, onIgnore = _a.onIgnore, onDelete = _a.onDelete, onEdit = _a.onEdit, onAdd = _a.onAdd;
+    var attributeType = _a.attributeType, attributeValue = _a.attributeValue, attributeTypesList = _a.attributeTypesList, label = _a.label, crosswalksMap = _a.crosswalksMap, disableEdit = _a.disableEdit, disableDelete = _a.disableDelete, onPin = _a.onPin, onIgnore = _a.onIgnore, onDelete = _a.onDelete, onEdit = _a.onEdit, onAdd = _a.onAdd;
     var styles = styles_1.useStyles();
-    var _d = useAttributeState_1.useAttributeState(), isReadingMode = _d.isReadingMode, onMouseEnter = _d.onMouseEnter, onMouseLeave = _d.onMouseLeave;
-    var canEdit = allowEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
-    var canDelete = allowDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var _b = useAttributeState_1.useAttributeState(), isReadingMode = _b.isReadingMode, onMouseEnter = _b.onMouseEnter, onMouseLeave = _b.onMouseLeave;
+    var canEdit = !disableEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var canDelete = !disableDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
     var isTemporary = mdm_sdk_1.isTempUri(attributeValue.uri);
     var showPin = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.pin);
     var showIgnore = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.ignored);
     var showDelete = !isReadingMode && canDelete;
     var expandedFromContext = contexts_1.useAttributeExpanded(attributeValue.uri);
-    var _e = react_1.useState(expandedFromContext || isTemporary), expanded = _e[0], setExpanded = _e[1];
+    var _c = react_1.useState(expandedFromContext || isTemporary), expanded = _c[0], setExpanded = _c[1];
     hooks_1.useDidUpdateEffect(function () {
         if (expandedFromContext)
             setExpanded(expandedFromContext);
@@ -70,6 +70,6 @@ var ComplexAttribute = function (_a) {
                             crosswalks: crosswalksMap[attributeValue.uri]
                         });
                     } })))),
-        expanded && (react_1.default.createElement(AttributesList_1.default, { attributeTypes: attributeTypesList, attributes: attributeValue.value, parentUri: attributeValue.uri, crosswalksMap: crosswalksMap, allowEdit: canEdit, allowDelete: canDelete, onPin: onPin, onIgnore: onIgnore, onDelete: onDelete, onEdit: onEdit, onAdd: onAdd }))));
+        expanded && (react_1.default.createElement(AttributesList_1.default, { attributeTypes: attributeTypesList, attributes: attributeValue.value, parentUri: attributeValue.uri, crosswalksMap: crosswalksMap, disableEdit: !canEdit, disableDelete: !canDelete, onPin: onPin, onIgnore: onIgnore, onDelete: onDelete, onEdit: onEdit, onAdd: onAdd }))));
 };
 exports.default = ComplexAttribute;

package/components/attributes/inline/ImageAttribute/ImageAttribute.d.ts

@@ -10,8 +10,8 @@ declare type Props = {
     attributeValue: ImageAttributeValue;
     attributeType: AttributeType;
     crosswalksMap: CrosswalksMap;
-    allowEdit?: boolean;
-    allowDelete?: boolean;
+    disableEdit?: boolean;
+    disableDelete?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/ImageAttributesBlock/ImageAttributesBlock.d.ts

@@ -11,8 +11,8 @@ declare type Props = {
     attributeType: AttributeType;
     attributeValues: ImageAttributeValue[];
     crosswalksMap: CrosswalksMap;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/NestedAttribute/NestedAttribute.d.ts

@@ -10,8 +10,8 @@ declare type Props = {
     attributeValue: NestedAttributeValue;
     attributeType: AttributeType;
     crosswalksMap: CrosswalksMap;
-    allowEdit?: boolean;
-    allowDelete?: boolean;
+    disableEdit?: boolean;
+    disableDelete?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/NestedAttributesBlock/NestedAttributesBlock.d.ts

@@ -12,13 +12,13 @@ declare type Props = {
     attributeValues: NestedAttributeValue[];
     crosswalksMap: CrosswalksMap;
     parentUri: string;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;
     onEdit: (event: EditAttributeEvent) => void;
     onAdd: (event: AddAttributeEvent) => void;
 };
-declare const NestedAttributesBlock: ({ className, attributeValues, attributeType, onAdd, parentUri, ...props }: Props) => JSX.Element;
+declare const NestedAttributesBlock: ({ className, attributeValues, attributeType, onAdd, parentUri, disableEdit, ...props }: Props) => JSX.Element;
 export default NestedAttributesBlock;

package/components/attributes/inline/NestedAttributesBlock/NestedAttributesBlock.js

@@ -31,14 +31,14 @@ var NestedAttribute_1 = __importDefault(require("../NestedAttribute/NestedAttrib
 var Button_1 = __importDefault(require("@material-ui/core/Button"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var NestedAttributesBlock = function (_a) {
-    var className = _a.className, attributeValues = _a.attributeValues, attributeType = _a.attributeType, onAdd = _a.onAdd, parentUri = _a.parentUri, props = __rest(_a, ["className", "attributeValues", "attributeType", "onAdd", "parentUri"]);
-    var canCreate = mdm_sdk_1.checkMetadataForCreate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var className = _a.className, attributeValues = _a.attributeValues, attributeType = _a.attributeType, onAdd = _a.onAdd, parentUri = _a.parentUri, disableEdit = _a.disableEdit, props = __rest(_a, ["className", "attributeValues", "attributeType", "onAdd", "parentUri", "disableEdit"]);
+    var canCreate = !disableEdit && mdm_sdk_1.checkMetadataForCreate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
     return attributeValues.length === 0 && canCreate ? (react_1.default.createElement(Button_1.default, { variant: "text", color: "primary", onClick: function () {
             return onAdd({
                 parentUri: parentUri,
                 attributeType: attributeType,
                 index: 0
             });
-        } }, ui_i18n_1.default.text('Create attribute'))) : (react_1.default.createElement("div", { className: className }, attributeValues.map(function (value) { return (react_1.default.createElement(NestedAttribute_1.default, __assign({ key: value.uri, attributeValue: value, attributeType: attributeType, onAdd: onAdd }, props))); })));
+        } }, ui_i18n_1.default.text('Create attribute'))) : (react_1.default.createElement("div", { className: className }, attributeValues.map(function (value) { return (react_1.default.createElement(NestedAttribute_1.default, __assign({ key: value.uri, attributeValue: value, attributeType: attributeType, onAdd: onAdd, disableEdit: disableEdit }, props))); })));
 };
 exports.default = NestedAttributesBlock;

package/components/attributes/inline/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -10,8 +10,8 @@ declare type Props = {
     attributeValue: ReferenceAttributeValue;
     attributeType: AttributeType;
     crosswalksMap: RelationCrosswalksMap;
-    allowEdit?: boolean;
-    allowDelete?: boolean;
+    disableEdit?: boolean;
+    disableDelete?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/ReferenceAttributesBlock/ReferenceAttributesBlock.d.ts

@@ -11,8 +11,8 @@ declare type Props = {
     attributeType: AttributeType;
     attributeValues: ReferenceAttributeValue[];
     crosswalksMap: RelationCrosswalksMap;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;

package/components/attributes/inline/SimpleAttribute/SimpleAttribute.d.ts

@@ -10,12 +10,12 @@ declare type Props = {
     attributeValue: SimpleAttributeValue;
     attributeType: AttributeType;
     crosswalk: Crosswalk | RelationCrosswalk;
-    allowEdit?: boolean;
-    allowDelete?: boolean;
+    disableEdit?: boolean;
+    disableDelete?: boolean;
     onDelete: (event: DeleteAttributeEvent) => void;
     onEdit: (event: EditAttributeEvent) => void;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
 };
-declare const SimpleAttribute: ({ className, dataReltioId, attributeType, attributeValue, crosswalk, allowEdit, allowDelete, onIgnore, onEdit, onPin, onDelete }: Props) => JSX.Element;
+declare const SimpleAttribute: ({ className, dataReltioId, attributeType, attributeValue, crosswalk, disableEdit, disableDelete, onIgnore, onEdit, onPin, onDelete }: Props) => JSX.Element;
 export default SimpleAttribute;

package/components/attributes/inline/SimpleAttribute/SimpleAttribute.js

@@ -40,19 +40,19 @@ var useAttributeState_1 = require("../hooks/useAttributeState");
 var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var SimpleAttribute = function (_a) {
-    var className = _a.className, dataReltioId = _a.dataReltioId, _b = _a.attributeType, attributeType = _b === void 0 ? null : _b, attributeValue = _a.attributeValue, crosswalk = _a.crosswalk, _c = _a.allowEdit, allowEdit = _c === void 0 ? true : _c, _d = _a.allowDelete, allowDelete = _d === void 0 ? true : _d, onIgnore = _a.onIgnore, onEdit = _a.onEdit, onPin = _a.onPin, onDelete = _a.onDelete;
-    var _e = useAttributeState_1.useAttributeState(), isReadingMode = _e.isReadingMode, isEditingMode = _e.isEditingMode, isHovered = _e.isHovered, onMouseEnter = _e.onMouseEnter, onMouseLeave = _e.onMouseLeave, setReadingMode = _e.setReadingMode, setEditingMode = _e.setEditingMode;
+    var className = _a.className, dataReltioId = _a.dataReltioId, _b = _a.attributeType, attributeType = _b === void 0 ? null : _b, attributeValue = _a.attributeValue, crosswalk = _a.crosswalk, disableEdit = _a.disableEdit, disableDelete = _a.disableDelete, onIgnore = _a.onIgnore, onEdit = _a.onEdit, onPin = _a.onPin, onDelete = _a.onDelete;
+    var _c = useAttributeState_1.useAttributeState(), isReadingMode = _c.isReadingMode, isEditingMode = _c.isEditingMode, isHovered = _c.isHovered, onMouseEnter = _c.onMouseEnter, onMouseLeave = _c.onMouseLeave, setReadingMode = _c.setReadingMode, setEditingMode = _c.setEditingMode;
     var containerRef = react_1.useRef();
     var id = mdm_sdk_1.getLastUriPart(attributeValue.uri);
     var crosswalkDisabled = mdm_sdk_1.isCrosswalkDisabled(crosswalk);
     var canModifyAttribute = !attributeType.system && !crosswalkDisabled;
-    var canEdit = canModifyAttribute && allowEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
-    var canDelete = canModifyAttribute && allowDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var canEdit = canModifyAttribute && !disableEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var canDelete = canModifyAttribute && !disableDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
     var isTemporary = mdm_sdk_1.isTempUri(attributeValue.uri);
     var showPin = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.pin);
     var showIgnore = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.ignored);
     var color = contexts_1.useCrosswalkColor(crosswalk);
-    var _f = contexts_1.useCrosswalkHighlight(crosswalk), isHighlighted = _f.isHighlighted, isDimmed = _f.isDimmed, highlightCrosswalk = _f.highlightCrosswalk, removeHighlight = _f.removeHighlight;
+    var _d = contexts_1.useCrosswalkHighlight(crosswalk), isHighlighted = _d.isHighlighted, isDimmed = _d.isDimmed, highlightCrosswalk = _d.highlightCrosswalk, removeHighlight = _d.removeHighlight;
     var styles = styles_1.useStyles({
         variant: crosswalkDisabled ? 'outlined' : 'filled',
         opaque: !isDimmed,

package/components/attributes/inline/SimpleAttributeEditor/styles.d.ts

@@ -2,5 +2,5 @@ declare type StylesProps = {
     color: string;
     containerWidth: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"input" | "paper" | "inputMultiline" | "textField" | "popoverRoot" | "booleanEditor" | "timestampEditor">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"input" | "inputMultiline" | "paper" | "textField" | "popoverRoot" | "booleanEditor" | "timestampEditor">;
 export {};

package/components/attributes/inline/SimpleAttributesBlock/SimpleAttributesBlock.d.ts

@@ -11,13 +11,13 @@ declare type Props = {
     attributeValues: SimpleAttributeValue[];
     crosswalksMap: CrosswalksMap;
     parentUri: string;
-    allowDelete?: boolean;
-    allowEdit?: boolean;
+    disableDelete?: boolean;
+    disableEdit?: boolean;
     onPin: (event: PinAttributeEvent) => void;
     onIgnore: (event: IgnoreAttributeEvent) => void;
     onDelete: (event: DeleteAttributeEvent) => void;
     onEdit: (event: EditAttributeEvent) => void;
     onAdd: (event: AddAttributeEvent) => void;
 };
-declare const SimpleAttributesBlock: ({ attributeValues, attributeType, parentUri, allowEdit, crosswalksMap, onAdd, ...props }: Props) => JSX.Element;
+declare const SimpleAttributesBlock: ({ attributeValues, attributeType, parentUri, disableEdit, crosswalksMap, onAdd, ...props }: Props) => JSX.Element;
 export default SimpleAttributesBlock;

package/components/attributes/inline/SimpleAttributesBlock/SimpleAttributesBlock.js

@@ -32,7 +32,7 @@ var react_dnd_1 = require("react-dnd");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var SimpleAttributesBlock = function (_a) {
-    var attributeValues = _a.attributeValues, attributeType = _a.attributeType, parentUri = _a.parentUri, allowEdit = _a.allowEdit, crosswalksMap = _a.crosswalksMap, onAdd = _a.onAdd, props = __rest(_a, ["attributeValues", "attributeType", "parentUri", "allowEdit", "crosswalksMap", "onAdd"]);
+    var attributeValues = _a.attributeValues, attributeType = _a.attributeType, parentUri = _a.parentUri, disableEdit = _a.disableEdit, crosswalksMap = _a.crosswalksMap, onAdd = _a.onAdd, props = __rest(_a, ["attributeValues", "attributeType", "parentUri", "disableEdit", "crosswalksMap", "onAdd"]);
     var styles = styles_1.useStyles();
     var _b = react_dnd_1.useDrop({
         accept: 'Crosswalk',
@@ -41,7 +41,7 @@ var SimpleAttributesBlock = function (_a) {
             var isRelationCrosswalk = mdm_sdk_1.isRelationUri(crosswalk.uri) || crosswalk.ownerType === 'relation';
             var isEntityCrosswalk = mdm_sdk_1.isEntityUri(crosswalk.uri) && crosswalk.ownerType === 'entity';
             return (mdm_sdk_1.checkMetadataForCreate(mdm_sdk_1.ModeTypes.EDITING, attributeType) &&
-                allowEdit !== false &&
+                !disableEdit &&
                 ((isRelationCrosswalk && mdm_sdk_1.isRelationTypeUri(attributeType.uri)) ||
                     (isEntityCrosswalk && mdm_sdk_1.isEntityTypeUri(attributeType.uri))));
         },
@@ -58,7 +58,7 @@ var SimpleAttributesBlock = function (_a) {
     return (react_1.default.createElement("div", { ref: drop, className: styles.simpleAttributesWrapper },
         attributeValues.map(function (value) {
             var _a;
-            return (_a = crosswalksMap[value.uri]) === null || _a === void 0 ? void 0 : _a.map(function (crosswalk) { return (react_1.default.createElement(SimpleAttribute_1.default, __assign({ key: value.uri + crosswalk.uri, attributeType: attributeType, attributeValue: value, crosswalk: crosswalk, allowEdit: allowEdit, dataReltioId: "value-index-" + attributeIndex++ }, props))); });
+            return (_a = crosswalksMap[value.uri]) === null || _a === void 0 ? void 0 : _a.map(function (crosswalk) { return (react_1.default.createElement(SimpleAttribute_1.default, __assign({ key: value.uri + crosswalk.uri, attributeType: attributeType, attributeValue: value, crosswalk: crosswalk, disableEdit: disableEdit, dataReltioId: "value-index-" + attributeIndex++ }, props))); });
         }),
         isDragItemOver && react_1.default.createElement("div", { className: styles.dropIndicator }, ui_i18n_1.default.text('Drop here'))));
 };

package/components/attributes/readMode/AttributesList/AttributesList.d.ts

@@ -9,6 +9,7 @@ declare type Props = {
     className?: string;
     max?: number;
     alwaysVisibleTypeUris?: string[];
+    showNonOv?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ attrTypes, entity, parentUri, drawLines, children, className, max, alwaysVisibleTypeUris }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ attrTypes, entity, parentUri, drawLines, children, className, max, alwaysVisibleTypeUris, showNonOv }: Props) => JSX.Element>;
 export default _default;

package/components/attributes/readMode/AttributesList/AttributesList.js

@@ -43,9 +43,13 @@ var ShowLess_1 = __importDefault(require("../../pagersCommon/ShowLess"));
 var constants_1 = require("../../../../constants");
 var attributesView_1 = require("../../helpers/attributesView");
 var AttributesList = function (_a) {
-    var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _b;
+    var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _b, showNonOv = _a.showNonOv;
     var _c = react_1.useState(max || Infinity), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
-    var pagersData = react_1.useMemo(function () { return mdm_sdk_1.getAttributesListForReadMode(attrTypes, entity); }, [attrTypes, entity]);
+    var pagersData = react_1.useMemo(function () { return mdm_sdk_1.getAttributesListForReadMode(attrTypes, entity, showNonOv); }, [
+        attrTypes,
+        entity,
+        showNonOv
+    ]);
     var _d = react_1.useMemo(function () { return attributesView_1.splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
     var visibleAttributePagersData = regularPagersData.slice(0, visibleValuesCount);
     var showMore = max && visibleAttributePagersData.length < regularPagersData.length;
@@ -63,7 +67,7 @@ var AttributesList = function (_a) {
         children && react_1.default.createElement(BranchDecorator_1.default, __assign({}, decoratorProps), children),
         visibleAttributePagersData.concat(alwaysVisiblePagersData).map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
-            return (react_1.default.createElement(AttributesPager_1.default, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: ramda_1.path(['paging', attrType.uri], entity.attributes), parentUri: parentUri }));
+            return (react_1.default.createElement(AttributesPager_1.default, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: ramda_1.path(['paging', attrType.uri], entity.attributes), parentUri: parentUri, showNonOv: showNonOv }));
         }),
         showMore && react_1.default.createElement(ShowMore_1.default, { onClick: onShowMore }),
         showLess && react_1.default.createElement(ShowLess_1.default, { onClick: onShowLess })));

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

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

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

@@ -41,15 +41,21 @@ 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;
+    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 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 totalOvValues = ramda_1.ifElse(ramda_1.has('totalOvValues'), ramda_1.prop('totalOvValues'), ramda_1.always(ovValues.length))(paging);
-    var isOneLineRender = totalOvValues === 1 && !mdm_sdk_1.isComplexAttribute(attributeType);
+    var visibleValues = showNonOv ? values : ovValues;
+    var nonVisibleValues = showNonOv ? [] : nonOvValues;
+    var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
+    var totalVisibleValues = ramda_1.ifElse(ramda_1.has(totalProp), ramda_1.prop(totalProp), ramda_1.always(visibleValues.length))(paging);
+    var totalNonVisibleValues = (paging === null || paging === void 0 ? void 0 : paging.totalValues)
+        ? paging.totalValues - totalVisibleValues
+        : nonVisibleValues.length;
+    var isOneLineRender = totalVisibleValues === 1 && !mdm_sdk_1.isComplexAttribute(attributeType);
     var render = function () {
         var type = ramda_1.cond([
             [mdm_sdk_1.isSpecialAttribute, ramda_1.always(RENDERER_TYPES.special)],
@@ -59,15 +65,15 @@ var AttributesPager = function (_a) {
         ])(attributeType);
         switch (type) {
             case RENDERER_TYPES.oneLine:
-                return (react_1.default.createElement(OneLineRenderer_1.default, { value: ovValues[0], nonOvValues: nonOvValues, attributeType: attributeType, titleClassName: titleClassName, contentClassName: contentClassName, showTitle: showTitle }));
+                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 }));
             case RENDERER_TYPES.multiLine:
-                return (react_1.default.createElement(MultiLineRenderer_1.default, { values: ovValues, nonOvValues: nonOvValues, totalOvValues: totalOvValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, titleClassName: titleClassName, contentClassName: contentClassName, showTitle: showTitle }));
+                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 }));
             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(ImageAttributesLine_1.default, { attributeValues: ovValues, attributeType: attributeType })));
+                    react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: visibleValues, attributeType: attributeType })));
             case RENDERER_TYPES.special:
-                return react_1.default.createElement(SpecialRenderer_1.default, { values: ovValues, attributeType: attributeType, showTitle: showTitle });
+                return react_1.default.createElement(SpecialRenderer_1.default, { values: visibleValues, attributeType: attributeType, showTitle: showTitle });
         }
     };
     return (react_1.default.createElement(BranchDecorator_1.default, { enabled: drawLines, className: classnames_1.default((_b = {}, _b[styles.paddingWrapperWithLines] = drawLines, _b)) },