@reltio/components 1.4.876 → 1.4.880

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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,47 +9,24 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
-var AttributesPager_1 = __importDefault(require("../AttributesPager"));
-var ShowMore_1 = __importDefault(require("../../pagersCommon/ShowMore"));
-var ShowLess_1 = __importDefault(require("../../pagersCommon/ShowLess"));
-var constants_1 = require("../../../../constants");
-var attributesView_1 = require("../../helpers/attributesView");
+import React, { memo, useMemo, useState } from 'react';
+import { path } from 'ramda';
+import { getAttributesListForReadMode } from '@reltio/mdm-sdk';
+import BranchDecorator from '../../BranchDecorator/BranchDecorator';
+import AttributesPager from '../AttributesPager';
+import ShowMore from '../../pagersCommon/ShowMore';
+import ShowLess from '../../pagersCommon/ShowLess';
+import { ALWAYS_VISIBLE_TYPE_URIS } from '../../../../constants';
+import { splitPagersData } from '../../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, 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, showNonOv); }, [
+    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 ? ALWAYS_VISIBLE_TYPE_URIS : _b, showNonOv = _a.showNonOv;
+    var _c = useState(max || Infinity), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
+    var pagersData = useMemo(function () { return 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 _d = useMemo(function () { return splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
     var visibleAttributePagersData = regularPagersData.slice(0, visibleValuesCount);
     var showMore = max && visibleAttributePagersData.length < regularPagersData.length;
     var showLess = max && visibleAttributePagersData.length >= regularPagersData.length && max < visibleAttributePagersData.length;
@@ -63,13 +39,13 @@ var AttributesList = function (_a) {
     var onShowLess = function () {
         setVisibleValuesCount(max);
     };
-    return (react_1.default.createElement("div", { className: className },
-        children && react_1.default.createElement(BranchDecorator_1.default, __assign({}, decoratorProps), children),
+    return (React.createElement("div", { className: className },
+        children && React.createElement(BranchDecorator, __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, showNonOv: showNonOv }));
+            return (React.createElement(AttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: 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 })));
+        showMore && React.createElement(ShowMore, { onClick: onShowMore }),
+        showLess && React.createElement(ShowLess, { onClick: onShowLess })));
 };
-exports.default = react_1.memo(AttributesList);
+export default memo(AttributesList);

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

@@ -1,8 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AttributesList_1 = require("./AttributesList");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AttributesList_1).default; } });
+export { default } from './AttributesList';

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

@@ -1,38 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var classnames_1 = __importDefault(require("classnames"));
-var react_1 = __importStar(require("react"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = require("./styles");
-var Title_1 = __importDefault(require("../../../Title/Title"));
-var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
-var OneLineRenderer_1 = __importDefault(require("./OneLineRenderer"));
-var MultiLineRenderer_1 = __importDefault(require("./MultiLineRenderer"));
-var ImageAttributesLine_1 = __importDefault(require("../ImageAttributesLine"));
-var SpecialRenderer_1 = __importDefault(require("./SpecialRenderer"));
+import classnames from 'classnames';
+import React, { memo } from 'react';
+import { always, cond, has, ifElse, partition, prop, T } from 'ramda';
+import { isComplexAttribute, isImage, isSpecialAttribute, isOv } from '@reltio/mdm-sdk';
+import { useStyles } from './styles';
+import Title from '../../../Title/Title';
+import BranchDecorator from '../../BranchDecorator/BranchDecorator';
+import OneLineRenderer from './OneLineRenderer';
+import MultiLineRenderer from './MultiLineRenderer';
+import ImageAttributesLine from '../ImageAttributesLine';
+import SpecialRenderer from './SpecialRenderer';
 var RENDERER_TYPES = {
     oneLine: 'oneLine',
     multiLine: 'multiLine',
@@ -42,8 +18,8 @@ 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 styles = styles_1.useStyles();
-    var partitionByOv = ramda_1.partition(mdm_sdk_1.isOv);
+    var styles = useStyles();
+    var partitionByOv = partition(isOv);
     if (!values || !values.length) {
         return null;
     }
@@ -51,32 +27,32 @@ var AttributesPager = function (_a) {
     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 totalVisibleValues = ifElse(has(totalProp), prop(totalProp), 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 isOneLineRender = totalVisibleValues === 1 && !isComplexAttribute(attributeType);
     var render = function () {
-        var type = ramda_1.cond([
-            [mdm_sdk_1.isSpecialAttribute, ramda_1.always(RENDERER_TYPES.special)],
-            [mdm_sdk_1.isImage, ramda_1.always(RENDERER_TYPES.imageLine)],
-            [ramda_1.always(isOneLineRender), ramda_1.always(RENDERER_TYPES.oneLine)],
-            [ramda_1.T, ramda_1.always(RENDERER_TYPES.multiLine)]
+        var type = cond([
+            [isSpecialAttribute, always(RENDERER_TYPES.special)],
+            [isImage, always(RENDERER_TYPES.imageLine)],
+            [always(isOneLineRender), always(RENDERER_TYPES.oneLine)],
+            [T, always(RENDERER_TYPES.multiLine)]
         ])(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.createElement(OneLineRenderer, { 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: 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, 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: visibleValues, attributeType: attributeType })));
+                return (React.createElement(React.Fragment, null,
+                    showTitle && React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
+                    React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType })));
             case RENDERER_TYPES.special:
-                return react_1.default.createElement(SpecialRenderer_1.default, { values: visibleValues, attributeType: attributeType, showTitle: showTitle });
+                return React.createElement(SpecialRenderer, { 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)) },
-        react_1.default.createElement("div", { className: classnames_1.default((_c = {}, _c[styles.paddingWrapper] = !drawLines, _c)) }, render())));
+    return (React.createElement(BranchDecorator, { enabled: drawLines, className: classnames((_b = {}, _b[styles.paddingWrapperWithLines] = drawLines, _b)) },
+        React.createElement("div", { className: classnames((_c = {}, _c[styles.paddingWrapper] = !drawLines, _c)) }, render())));
 };
-exports.default = react_1.memo(AttributesPager);
+export default memo(AttributesPager);

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

@@ -1,40 +1,16 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var ramda_1 = require("ramda");
-var classnames_1 = __importDefault(require("classnames"));
-var styles_1 = require("./styles");
-var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
-var Title_1 = __importDefault(require("../../../Title/Title"));
-var ShowMore_1 = __importDefault(require("../../pagersCommon/ShowMore"));
-var ShowLess_1 = __importDefault(require("../../pagersCommon/ShowLess"));
-var OvIcon_1 = __importDefault(require("../../OvIcon"));
+import React, { useState } from 'react';
+import { min } from 'ramda';
+import classnames from 'classnames';
+import { useMultiLineStyles } from './styles';
+import Attribute from '../AttributesFactory/Attribute';
+import Title from '../../../Title/Title';
+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 styles = styles_1.useMultiLineStyles();
-    var _c = react_1.useState(max), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
+    var styles = useMultiLineStyles();
+    var _c = useState(max), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
     var hasPaging = max < totalVisibleValues;
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -56,12 +32,12 @@ 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(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("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 })));
+    return (React.createElement("div", { className: styles.wrapper },
+        showTitle && (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("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 })));
 };
-exports.default = MultiLineRenderer;
+export default MultiLineRenderer;

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

@@ -1,28 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var classnames_1 = __importDefault(require("classnames"));
-var constants_1 = require("../../../../constants");
-var CommentsContainer_1 = __importDefault(require("../../../CommentsContainer/CommentsContainer"));
-var Title_1 = __importDefault(require("../../../Title/Title"));
-var OvIcon_1 = __importDefault(require("../../OvIcon"));
-var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
-var styles_1 = require("./styles");
+import React from 'react';
+import { CollaborationObjectTypes, createRelatedObjectUris } from '@reltio/mdm-sdk';
+import classnames from 'classnames';
+import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../../../constants';
+import CommentsContainer from '../../../CommentsContainer/CommentsContainer';
+import Title from '../../../Title/Title';
+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 styles = styles_1.useOneLineStyles();
+    var styles = 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(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, {
+    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(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, {
                 uri: value.uri
-            }), objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE })));
+            }), objectType: CollaborationObjectTypes.ENTITY_ATTRIBUTE })));
 };
-exports.default = OneLineRenderer;
+export default OneLineRenderer;

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

@@ -1,41 +1,36 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var LocalOffer_1 = __importDefault(require("@material-ui/icons/LocalOffer"));
-var styles_1 = require("./styles");
-var Title_1 = __importDefault(require("../../../Title/Title"));
-var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
-var Roles_1 = __importDefault(require("../SpecialAttributes/Roles"));
-var Tags_1 = __importDefault(require("../SpecialAttributes/Tags"));
+import React from 'react';
+import classnames from 'classnames';
+import { EntityAttrTypes } from '@reltio/mdm-sdk';
+import TagIcon from '@material-ui/icons/LocalOffer';
+import { useOneLineStyles } from './styles';
+import Title from '../../../Title/Title';
+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 styles = styles_1.useOneLineStyles();
+    var styles = useOneLineStyles();
     var label = attributeType.label;
     var renderIcon = function (className) {
-        return attributeType.uri === mdm_sdk_1.EntityAttrTypes.tags.uri ? react_1.default.createElement(LocalOffer_1.default, { className: className }) : null;
+        return attributeType.uri === EntityAttrTypes.tags.uri ? React.createElement(TagIcon, { className: className }) : null;
     };
     var renderValue = function (className) {
         switch (attributeType.uri) {
-            case mdm_sdk_1.EntityAttrTypes.tags.uri:
-                return react_1.default.createElement(Tags_1.default, { className: className, values: values });
-            case mdm_sdk_1.EntityAttrTypes.roles.uri: {
-                return react_1.default.createElement(Roles_1.default, { className: className, values: values });
+            case EntityAttrTypes.tags.uri:
+                return React.createElement(Tags, { className: className, values: values });
+            case EntityAttrTypes.roles.uri: {
+                return React.createElement(Roles, { className: className, values: values });
             }
             default: {
                 //startDate, endDate
-                return (react_1.default.createElement(Attribute_1.default, { className: className, attributeValue: { value: values[0] }, attributeType: attributeType, inlined: true }));
+                return (React.createElement(Attribute, { className: className, attributeValue: { value: values[0] }, attributeType: attributeType, inlined: true }));
             }
         }
     };
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.titleRow, styles.wrapper) },
-        showTitle && (react_1.default.createElement(react_1.default.Fragment, null,
+    return (React.createElement("div", { className: classnames(styles.titleRow, styles.wrapper) },
+        showTitle && (React.createElement(React.Fragment, null,
             renderIcon(styles.titleIcon),
-            react_1.default.createElement(Title_1.default, { label: label, className: styles.title, attributeType: attributeType }))),
+            React.createElement(Title, { label: label, className: styles.title, attributeType: attributeType }))),
         renderValue(styles.attribute)));
 };
-exports.default = SpecialRenderer;
+export default SpecialRenderer;

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

@@ -1,39 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AttributesPager = void 0;
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var AttributesPager_1 = __importDefault(require("./AttributesPager"));
-exports.AttributesPager = AttributesPager_1.default;
+import { connect } from 'react-redux';
+import mdmModule, { profile } from '@reltio/mdm-module';
+import AttributesPager from './AttributesPager';
 var mapStateToProps = function (state, _a) {
     var _b = _a.max, max = _b === void 0 ? undefined : _b;
     return ({
-        max: max || mdm_module_1.default.selectors.getDefaultMaxValues(state)
+        max: max || mdmModule.selectors.getDefaultMaxValues(state)
     });
 };
 var mapDispatchToProps = {
-    requestNextPageOfAttributeValues: mdm_module_1.profile.actions.requestNextPageOfAttributeValues
+    requestNextPageOfAttributeValues: profile.actions.requestNextPageOfAttributeValues
 };
-exports.default = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(AttributesPager_1.default);
+export { AttributesPager };
+export default connect(mapStateToProps, mapDispatchToProps)(AttributesPager);

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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,9 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMultiLineStyles = exports.useOneLineStyles = exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+import { makeStyles } from '@material-ui/core/styles';
 var fontSize = '13px';
 var lineHeight = '15px';
 var commonStyles = {
@@ -32,7 +29,7 @@ var commonStyles = {
         textIndent: 0
     }
 };
-exports.useStyles = styles_1.makeStyles({
+export var useStyles = makeStyles({
     paddingWrapper: {
         paddingTop: '3px',
         paddingBottom: '5px',
@@ -47,7 +44,7 @@ exports.useStyles = styles_1.makeStyles({
         }
     }
 });
-exports.useOneLineStyles = styles_1.makeStyles(__assign({ wrapper: {
+export var useOneLineStyles = makeStyles(__assign({ wrapper: {
         fontSize: fontSize,
         lineHeight: lineHeight,
         flex: 1
@@ -71,7 +68,7 @@ exports.useOneLineStyles = styles_1.makeStyles(__assign({ wrapper: {
         marginLeft: '1px',
         color: 'rgba(0, 0, 0, 0.38)'
     } }, commonStyles));
-exports.useMultiLineStyles = styles_1.makeStyles(__assign(__assign({ wrapper: {
+export var useMultiLineStyles = makeStyles(__assign(__assign({ wrapper: {
         display: 'flex',
         flexDirection: 'column',
         alignItems: 'flex-start',

package/components/attributes/readMode/AttributesView/AttributesView.js

@@ -1,60 +1,36 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var classnames_1 = __importDefault(require("classnames"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var contexts_1 = require("../../../../contexts");
-var BasicView_1 = __importDefault(require("../../../BasicView/BasicView"));
-var FacetViewHeader_1 = __importDefault(require("../../../FacetViewHeader/FacetViewHeader"));
-var AttributesList_1 = __importDefault(require("../AttributesList"));
-var attributesView_1 = require("../../helpers/attributesView");
-var styles_1 = require("./styles");
+import React, { useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import mdm from '@reltio/mdm-module';
+import { getAttributesListForReadMode, isEmptyValue } from '@reltio/mdm-sdk';
+import classnames from 'classnames';
+import i18n from 'ui-i18n';
+import Box from '@material-ui/core/Box';
+import Typography from '@material-ui/core/Typography';
+import { PivotingAttributeContext } from '../../../../contexts';
+import BasicView from '../../../BasicView/BasicView';
+import FacetViewHeader from '../../../FacetViewHeader/FacetViewHeader';
+import AttributesList from '../AttributesList';
+import { getFilteredAttrTypes } from '../../helpers/attributesView';
+import { useStyles } from './styles';
 var AttributesView = function (_a) {
     var _b;
     var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, metadata = _a.metadata, _d = _a.caption, caption = _d === void 0 ? '' : _d, _e = _a.excludeUris, excludeUris = _e === void 0 ? [] : _e, _f = _a.includeUris, includeUris = _f === void 0 ? [] : _f, _g = _a.attributesCount, attributesCount = _g === void 0 ? 16 : _g;
-    var styles = styles_1.useStyles();
-    var pivotingAttributes = react_redux_1.useSelector(mdm_module_1.default.selectors.getPivotingAttributes);
-    var filteredAttrTypes = react_1.useMemo(function () { return attributesView_1.getFilteredAttrTypes(metadata, entity.type, includeUris, excludeUris); }, [
+    var styles = useStyles();
+    var pivotingAttributes = useSelector(mdm.selectors.getPivotingAttributes);
+    var filteredAttrTypes = useMemo(function () { return getFilteredAttrTypes(metadata, entity.type, includeUris, excludeUris); }, [
         excludeUris,
         includeUris,
         metadata,
         entity.type
     ]);
-    var attributesList = mdm_sdk_1.getAttributesListForReadMode(filteredAttrTypes, entity);
+    var attributesList = getAttributesListForReadMode(filteredAttrTypes, entity);
     var isShowAttributeList = attributesList.filter(function (_a) {
         var values = _a.values;
-        return !mdm_sdk_1.isEmptyValue(values);
+        return !isEmptyValue(values);
     }).length > 0;
-    return isShowAttributeList || !mdm_sdk_1.isEmptyValue(caption) ? (react_1.default.createElement(contexts_1.PivotingAttributeContext.Provider, { value: pivotingAttributes },
-        react_1.default.createElement(BasicView_1.default, { className: className },
-            caption && react_1.default.createElement(FacetViewHeader_1.default, { className: styles.header, title: caption }),
-            react_1.default.createElement(Box_1.default, { className: classnames_1.default(styles.attributesContainer, (_b = {}, _b[styles.noCaption] = !caption, _b)) }, isShowAttributeList ? (react_1.default.createElement(AttributesList_1.default, { entity: entity, attrTypes: filteredAttrTypes, parentUri: entity.uri, drawLines: false, max: attributesCount })) : (react_1.default.createElement(Typography_1.default, { className: styles.noData }, ui_i18n_1.default.text('No data found'))))))) : null;
+    return isShowAttributeList || !isEmptyValue(caption) ? (React.createElement(PivotingAttributeContext.Provider, { value: pivotingAttributes },
+        React.createElement(BasicView, { className: className },
+            caption && React.createElement(FacetViewHeader, { className: styles.header, title: caption }),
+            React.createElement(Box, { className: classnames(styles.attributesContainer, (_b = {}, _b[styles.noCaption] = !caption, _b)) }, isShowAttributeList ? (React.createElement(AttributesList, { entity: entity, attrTypes: filteredAttrTypes, parentUri: entity.uri, drawLines: false, max: attributesCount })) : (React.createElement(Typography, { className: styles.noData }, i18n.text('No data found'))))))) : null;
 };
-exports.default = AttributesView;
+export default AttributesView;

package/components/attributes/readMode/AttributesView/index.js

@@ -1,14 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AttributesView = void 0;
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var AttributesView_1 = __importDefault(require("./AttributesView"));
-exports.AttributesView = AttributesView_1.default;
+import { connect } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import AttributesView from './AttributesView';
 var mapStateToProps = function (state) { return ({
-    metadata: mdm_module_1.default.selectors.getMetadata(state)
+    metadata: mdmModule.selectors.getMetadata(state)
 }); };
-exports.default = react_redux_1.connect(mapStateToProps)(AttributesView_1.default);
+export { AttributesView };
+export default connect(mapStateToProps)(AttributesView);

package/components/attributes/readMode/AttributesView/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     attributesContainer: {
         padding: '0 16px 16px 16px'
     },