@reltio/components 1.4.1824-hf → 1.4.1836-hf

package/esm/ReadOnlyAttributesPager/ReadOnlyAttributesPager.test.js

@@ -0,0 +1,250 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { EntityAttrTypes } from '@reltio/mdm-sdk';
+import ReadOnlyAttributesPager from './ReadOnlyAttributesPager';
+import { MdmModuleProvider } from '../contexts/MdmModuleContext';
+describe('ReadOnlyAttributesPager tests', function () {
+    var attributeType = {
+        uri: 'configuration/entityTypes/HCP/attributes/Simple',
+        type: 'String',
+        name: 'Simple',
+        label: 'Simple label'
+    };
+    var values = [
+        { type: attributeType.uri, uri: 'entities/sIeHttl/attributes/Simple/u123', value: '123', ov: true },
+        { type: attributeType.uri, uri: 'entities/sIeHttl/attributes/Simple/u456', value: '456', ov: true },
+        { type: attributeType.uri, uri: 'entities/sIeHttl/attributes/Simple/u444', value: '444', ov: true }
+    ];
+    var actions = { requestNextPageOfAttributeValues: jest.fn() };
+    var defaultProps = {
+        attributeType: attributeType,
+        values: values,
+        parentUri: 'entities/sIeHttl',
+        showNonOv: false
+    };
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    var setUp = function (_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? {} : _d;
+        var user = userEvent.setup();
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (React.createElement(MdmModuleProvider, { values: mdmValues, actions: actions }, children));
+        };
+        return __assign({ user: user }, render(React.createElement(ReadOnlyAttributesPager, __assign({}, props)), { wrapper: Providers }));
+    };
+    it('should use OneLineRenderer if there is only one ov value of Simple attribute', function () {
+        var props = __assign(__assign({}, defaultProps), { values: [values[0]] });
+        setUp({ props: props });
+        expect(screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
+        expect(screen.getByTestId('one-line-renderer')).toBeInTheDocument();
+        expect(screen.getByText('Simple label')).toBeInTheDocument();
+        expect(screen.getByText('123')).toBeInTheDocument();
+    });
+    it('should use OneLineRenderer if there is only one ov value (and some non ov) of Simple attribute', function () {
+        var props = __assign(__assign({}, defaultProps), { values: [values[0], __assign(__assign({}, values[1]), { ov: false })] });
+        setUp({ props: props });
+        expect(screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
+        expect(screen.getByTestId('one-line-renderer')).toBeInTheDocument();
+        expect(screen.getByText('Simple label')).toBeInTheDocument();
+        expect(screen.getByText('123')).toBeInTheDocument();
+        expect(screen.queryByText('456')).not.toBeInTheDocument();
+    });
+    it('should use MultiLineRenderer for Complex attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var ovValues, props, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ovValues = [
+                        __assign(__assign({}, values[0]), { value: { Name: [{ value: '123', uri: '123' }] } }),
+                        __assign(__assign({}, values[1]), { value: { Name: [{ value: '456', uri: '456' }] } }),
+                        __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
+                    ];
+                    props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), max: 1, paging: { totalOvValues: 5 }, values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
+                    user = setUp({ props: props }).user;
+                    expect(screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
+                    expect(screen.getByTestId('multi-line-renderer')).toBeInTheDocument();
+                    expect(screen.getByText('Simple label')).toBeInTheDocument();
+                    expect(screen.getByText('+ 1')).toBeInTheDocument();
+                    return [4 /*yield*/, user.click(screen.getByTestId('show-more'))];
+                case 1:
+                    _a.sent();
+                    expect(actions.requestNextPageOfAttributeValues).toHaveBeenCalledWith({
+                        attributeTypeName: 'Simple',
+                        attributeTypeUri: 'configuration/entityTypes/HCP/attributes/Simple',
+                        defaultMaxValues: 1,
+                        parentUri: 'entities/sIeHttl',
+                        values: ovValues
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should use MultiLineRenderer if there is only one ov value of Simple attribute but there is paging', function () {
+        var props = __assign(__assign({}, defaultProps), { max: 1, values: [values[0]], paging: { totalOvValues: 2 } });
+        setUp({ props: props });
+        expect(screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
+        expect(screen.getByTestId('multi-line-renderer')).toBeInTheDocument();
+        expect(screen.getByText('Simple label')).toBeInTheDocument();
+        expect(screen.getByText('123')).toBeInTheDocument();
+        expect(screen.queryByText('+ 1')).not.toBeInTheDocument();
+        expect(screen.getByText('Show 1 more of remaining 1 value'));
+    });
+    it('should use ImageLineRenderer for Image attribute', function () {
+        var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Image' }), paging: {}, parentUri: 'parentUri', showNonOv: false });
+        var container = setUp({ props: props }).container;
+        expect(screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
+        expect(screen.getByText('Simple label')).toBeInTheDocument();
+        expect(container.querySelector('.imageBox')).toBeInTheDocument();
+    });
+    it('should use SpecialRenderer for roles', function () {
+        var props = __assign(__assign({}, defaultProps), { attributeType: EntityAttrTypes.roles, values: ['role1', 'role2'] });
+        setUp({
+            props: props,
+            mdmValues: {
+                metadata: {
+                    roles: [
+                        { uri: 'role1', label: 'Role1' },
+                        { uri: 'role2', label: 'Role2' }
+                    ]
+                }
+            }
+        });
+        expect(screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
+        expect(screen.getByTestId('special-renderer')).toBeInTheDocument();
+        expect(screen.getByText('Roles')).toBeInTheDocument();
+        expect(screen.getByText('Role1')).toBeInTheDocument();
+        expect(screen.getByText('Role2')).toBeInTheDocument();
+    });
+    it('should use SpecialRenderer for tags', function () {
+        var props = __assign(__assign({}, defaultProps), { attributeType: EntityAttrTypes.tags, values: ['tag1', 'tag2'] });
+        setUp({ props: props, mdmValues: { entity: {} } });
+        expect(screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
+        expect(screen.getByTestId('special-renderer')).toBeInTheDocument();
+        expect(screen.getByText('Tags')).toBeInTheDocument();
+        expect(screen.getByText('tag1')).toBeInTheDocument();
+        expect(screen.getByText('tag2')).toBeInTheDocument();
+    });
+    it('should use SpecialRenderer for startDate/endDate', function () {
+        var props = __assign(__assign({}, defaultProps), { attributeType: EntityAttrTypes.startDate, values: [1622023242248] });
+        setUp({ props: props });
+        expect(screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
+        expect(screen.getByTestId('special-renderer')).toBeInTheDocument();
+        expect(screen.getByText('Start date')).toBeInTheDocument();
+        expect(screen.getByText('05/26/2021')).toBeInTheDocument();
+    });
+    it('should set enabled BranchDecorator prop as true when drawLines is true', function () {
+        var props = __assign(__assign({}, defaultProps), { drawLines: true });
+        setUp({ props: props });
+        expect(screen.getByTestId('branch-decorator')).toBeInTheDocument();
+    });
+    it('should return null if values are undefined', function () {
+        var props = __assign(__assign({}, defaultProps), { values: undefined });
+        var container = setUp({ props: props }).container;
+        expect(container).toBeEmptyDOMElement();
+    });
+    it('should return null if there are no values', function () {
+        var props = __assign(__assign({}, defaultProps), { values: [] });
+        var container = setUp({ props: props }).container;
+        expect(container).toBeEmptyDOMElement();
+    });
+    it('should set correct values prop if showNonOv is true', function () {
+        var props = __assign(__assign({}, defaultProps), { showNonOv: true, values: [values[0], __assign(__assign({}, values[1]), { ov: false })] });
+        setUp({ props: props });
+        expect(screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
+        expect(screen.getByTestId('multi-line-renderer')).toBeInTheDocument();
+        expect(screen.getByText('Simple label')).toBeInTheDocument();
+        expect(screen.getByText('123')).toBeInTheDocument();
+        expect(screen.getByText('456')).toBeInTheDocument();
+    });
+    it('should use max value from props if it exists', function () {
+        var ovValues = [
+            __assign(__assign({}, values[0]), { value: { Name: [{ value: '123', uri: '123' }] } }),
+            __assign(__assign({}, values[1]), { value: { Name: [{ value: '456', uri: '456' }] } }),
+            __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
+        ];
+        var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false), max: 1 });
+        setUp({ props: props, mdmValues: { maxValuesInResponse: 20 } });
+        expect(screen.getByTestId('show-more')).toBeInTheDocument();
+        expect(screen.getByText('Show 1 more of remaining 2 value'));
+    });
+    it('should use maxValuesInResponse from mdm module context if max prop does not exist', function () {
+        var ovValues = [
+            __assign(__assign({}, values[0]), { value: { Name: [{ value: '123', uri: '123' }] } }),
+            __assign(__assign({}, values[1]), { value: { Name: [{ value: '456', uri: '456' }] } }),
+            __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
+        ];
+        var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
+        setUp({ props: props, mdmValues: { maxValuesInResponse: 1 } });
+        expect(screen.getByTestId('show-more')).toBeInTheDocument();
+        expect(screen.getByText('Show 1 more of remaining 2 value'));
+    });
+    it('should use max value as Infinity if max prop and default max value from mdm module context do not exist', function () {
+        var ovValues = [
+            __assign(__assign({}, values[0]), { value: { Name: [{ value: '123', uri: '123' }] } }),
+            __assign(__assign({}, values[1]), { value: { Name: [{ value: '456', uri: '456' }] } }),
+            __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
+        ];
+        var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
+        setUp({ props: props, mdmValues: { maxValuesInResponse: undefined } });
+        expect(screen.queryByTestId('show-more')).not.toBeInTheDocument();
+    });
+});

package/esm/ReadOnlyAttributesPager/components/ImageLineRenderer/ImageLineRenderer.d.ts

@@ -0,0 +1,11 @@
+import { AttributeType, ImageAttributeValue, Paging, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
+type Props = {
+    attributeType: AttributeType;
+    attributeValues: ImageAttributeValue[];
+    paging: Paging;
+    requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
+    parentUri?: string;
+    showNonOv?: boolean;
+};
+export declare const ImageLineRenderer: ({ attributeType, attributeValues, paging, parentUri, showNonOv, requestNextPageOfAttributeValues }: Props) => JSX.Element;
+export {};

package/esm/ReadOnlyAttributesPager/components/ImageLineRenderer/ImageLineRenderer.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import Title from '../../../components/Title/Title';
+import { DescriptionIcon } from '../../../DescriptionIcon';
+import { ReadOnlyImageAttributesLine } from '../../../ReadOnlyImageAttributesLine';
+import { useMultiLineStyles } from '../../styles';
+export var ImageLineRenderer = function (_a) {
+    var attributeType = _a.attributeType, attributeValues = _a.attributeValues, paging = _a.paging, parentUri = _a.parentUri, showNonOv = _a.showNonOv, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
+    var styles = useMultiLineStyles();
+    var label = attributeType.label, description = attributeType.description;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles.titleRow },
+            React.createElement(Title, { className: styles.title, label: label, "data-reltio-id": "reltio-attribute-label" }),
+            React.createElement(DescriptionIcon, { className: styles.descriptionIcon, description: description })),
+        React.createElement(ReadOnlyImageAttributesLine, { attributeValues: attributeValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
+};

package/esm/ReadOnlyAttributesPager/components/ImageLineRenderer/ImageLineRenderer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/ReadOnlyAttributesPager/components/ImageLineRenderer/ImageLineRenderer.test.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { shallow } from 'enzyme';
+import { ImageLineRenderer } from './ImageLineRenderer';
+import { ReadOnlyImageAttributesLine } from '../../../ReadOnlyImageAttributesLine';
+import Title from '../../../components/Title/Title';
+import { DescriptionIcon } from '../../../DescriptionIcon';
+var attributeType = {
+    uri: 'configuration/entityTypes/HCP/attributes/ImageGallery',
+    type: 'Image',
+    name: 'ImageGallery',
+    label: 'Image Gallery',
+    description: 'Image Gallery description'
+};
+var props = {
+    attributeValues: [],
+    attributeType: attributeType,
+    paging: {},
+    parentUri: 'entities/sIeHttl',
+    requestNextPageOfAttributeValues: jest.fn(),
+    showNonOv: false
+};
+describe('ImageLineRenderer tests', function () {
+    it('should render ReadOnlyImageAttributesLine with correct props', function () {
+        var component = shallow(React.createElement(ImageLineRenderer, __assign({}, props)));
+        expect(component.find(ReadOnlyImageAttributesLine).props()).toEqual(props);
+    });
+    it('should render title row correctly', function () {
+        var component = shallow(React.createElement(ImageLineRenderer, __assign({}, props)));
+        var titleRow = component.find('.titleRow');
+        expect(titleRow).toHaveLength(1);
+        expect(titleRow.find(Title).prop('label')).toBe(attributeType.label);
+        expect(titleRow.find(DescriptionIcon).prop('description')).toBe(attributeType.description);
+    });
+});

package/esm/ReadOnlyAttributesPager/components/ImageLineRenderer/index.d.ts

@@ -0,0 +1 @@
+export { ImageLineRenderer } from './ImageLineRenderer';

package/esm/ReadOnlyAttributesPager/components/ImageLineRenderer/index.js

@@ -0,0 +1 @@
+export { ImageLineRenderer } from './ImageLineRenderer';

package/esm/ReadOnlyAttributesPager/components/MultiLineRenderer/MultiLineRenderer.d.ts

@@ -0,0 +1,16 @@
+import { AttributeType, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
+type Props = {
+    max: number;
+    values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
+    attributeType: AttributeType;
+    totalVisibleValues: number;
+    totalNonVisibleValues: number;
+    nonVisibleValues: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
+    parentUri: string;
+    requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
+    titleClassName?: string;
+    contentClassName?: string;
+    showNonOv: boolean;
+};
+export declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
+export {};

package/esm/ReadOnlyAttributesPager/components/MultiLineRenderer/MultiLineRenderer.js

@@ -0,0 +1,44 @@
+import React, { useState } from 'react';
+import { min } from 'ramda';
+import classnames from 'classnames';
+import { ReadOnlyAttribute } from '../../../ReadOnlyAttributesFactory';
+import Title from '../../../components/Title/Title';
+import { ShowMore } from '../../../ShowMore';
+import { ShowLess } from '../../../ShowLess';
+import { OvIcon } from '../../../OvIcon';
+import { DescriptionIcon } from '../../../DescriptionIcon';
+import { useMultiLineStyles } from '../../styles';
+export 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, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
+    var styles = useMultiLineStyles();
+    var _b = useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
+    var hasPaging = max < totalVisibleValues;
+    var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
+    var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
+    var label = attributeType.label, description = attributeType.description;
+    var onShowMore = function () {
+        if (values.length < totalVisibleValues) {
+            requestNextPageOfAttributeValues({
+                parentUri: parentUri,
+                attributeTypeUri: attributeType.uri,
+                attributeTypeName: attributeType.name,
+                values: values,
+                defaultMaxValues: max
+            });
+        }
+        setVisibleValuesCount(visibleValuesCount + max);
+    };
+    var onShowLess = function () {
+        setVisibleValuesCount(max);
+    };
+    var shownValues = values.slice(0, visibleValuesCount);
+    var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
+    return (React.createElement("div", { "data-reltio-id": "multi-line-renderer", className: styles.wrapper },
+        React.createElement("div", { className: styles.titleRow },
+            React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
+            React.createElement(DescriptionIcon, { description: description }),
+            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(ReadOnlyAttribute, { 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/ReadOnlyAttributesPager/components/MultiLineRenderer/MultiLineRenderer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/ReadOnlyAttributesPager/components/MultiLineRenderer/MultiLineRenderer.test.js

@@ -0,0 +1,114 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { shallow } from 'enzyme';
+import { MultiLineRenderer } from './MultiLineRenderer';
+import { ReadOnlyAttribute } from '../../../ReadOnlyAttributesFactory';
+import Title from '../../../components/Title/Title';
+import { ShowMore } from '../../../ShowMore';
+import { ShowLess } from '../../../ShowLess';
+import { OvIcon } from '../../../OvIcon';
+import { DescriptionIcon } from '../../../DescriptionIcon';
+describe('MultiLineRenderer tests', function () {
+    var attributeType = {
+        uri: 'configuration/entityTypes/HCP/attributes/Simple',
+        type: 'String',
+        name: 'Simple',
+        label: 'Simple label',
+        description: 'Description for Simple'
+    };
+    var values = [
+        {
+            type: attributeType.uri,
+            uri: 'entities/sIeHttl/attributes/Simple/u123',
+            value: '123',
+            ov: true
+        },
+        {
+            type: attributeType.uri,
+            uri: 'entities/sIeHttl/attributes/Simple/u456',
+            value: '456',
+            ov: true
+        }
+    ];
+    var defaultProps = {
+        attributeType: attributeType,
+        values: values,
+        nonVisibleValues: [],
+        parentUri: 'entities/sIeHttl',
+        showNonOv: false,
+        totalNonVisibleValues: 0,
+        max: 10,
+        totalVisibleValues: 2,
+        requestNextPageOfAttributeValues: jest.fn()
+    };
+    it('should render main parts', function () {
+        var props = __assign({}, defaultProps);
+        var component = shallow(React.createElement(MultiLineRenderer, __assign({}, props)));
+        var title = component.find(Title);
+        expect(title.length).toBe(1);
+        expect(title.prop('label')).toBe(props.attributeType.label);
+        var descriptionIcon = component.find(DescriptionIcon);
+        expect(descriptionIcon.length).toBe(1);
+        expect(descriptionIcon.prop('description')).toBe(props.attributeType.description);
+        var ovIcon = component.find(OvIcon);
+        expect(ovIcon.length).toBe(1);
+        expect(ovIcon.prop('nonOvValues')).toBe(props.nonVisibleValues);
+        expect(ovIcon.prop('attributeType')).toBe(props.attributeType);
+        expect(ovIcon.prop('nonOvTotal')).toBe(props.totalNonVisibleValues);
+        expect(component.find(ShowMore).length).toBe(0);
+        expect(component.find(ShowLess).length).toBe(0);
+        expect(component.find(ReadOnlyAttribute).length).toBe(2);
+    });
+    it('should set correct props for ReadOnlyAttribute component', function () {
+        var props = __assign({}, defaultProps);
+        var component = shallow(React.createElement(MultiLineRenderer, __assign({}, props)));
+        var attributes = component.find(ReadOnlyAttribute);
+        expect(attributes.length).toBe(2);
+        attributes.forEach(function (attribute, i) {
+            expect(attribute.prop('attributeValue')).toBe(props.values[i]);
+            expect(attribute.prop('attributeType')).toBe(props.attributeType);
+        });
+    });
+    it('should render showMore if "totalOvValues" prop is greater than "max" prop', function () {
+        var props = __assign(__assign({}, defaultProps), { totalVisibleValues: 5, max: 2, requestNextPageOfAttributeValues: jest.fn() });
+        var component = shallow(React.createElement(MultiLineRenderer, __assign({}, props)));
+        expect(component.find(ShowLess).length).toBe(0);
+        expect(component.find(ShowMore).length).toBe(1);
+        expect(component.find(ShowMore).prop('moreNumber')).toBe(2);
+        expect(component.find(ShowMore).prop('valueNumber')).toBe(3);
+        expect(props.requestNextPageOfAttributeValues).toHaveBeenCalledTimes(0);
+        component.find(ShowMore).prop('onClick')();
+        expect(props.requestNextPageOfAttributeValues).toHaveBeenCalledWith({
+            parentUri: props.parentUri,
+            attributeTypeUri: props.attributeType.uri,
+            attributeTypeName: props.attributeType.name,
+            values: props.values,
+            defaultMaxValues: props.max
+        });
+        expect(props.requestNextPageOfAttributeValues).toHaveBeenCalledTimes(1);
+        expect(component.find(ShowLess).length).toBe(0);
+        expect(component.find(ShowMore).length).toBe(1);
+        expect(component.find(ShowMore).prop('moreNumber')).toBe(1);
+        expect(component.find(ShowMore).prop('valueNumber')).toBe(1);
+        component.find(ShowMore).prop('onClick')();
+        expect(props.requestNextPageOfAttributeValues).toHaveBeenCalledTimes(2);
+        expect(component.find(ShowLess).length).toBe(1);
+        expect(component.find(ShowMore).length).toBe(0);
+        component.find(ShowLess).prop('onClick')();
+        expect(props.requestNextPageOfAttributeValues).toHaveBeenCalledTimes(2);
+        expect(component.find(ShowLess).length).toBe(0);
+        expect(component.find(ShowMore).length).toBe(1);
+        expect(component.find(ShowMore).prop('moreNumber')).toBe(2);
+        expect(component.find(ShowMore).prop('valueNumber')).toBe(3);
+    });
+});

package/esm/ReadOnlyAttributesPager/components/MultiLineRenderer/index.d.ts

@@ -0,0 +1 @@
+export { MultiLineRenderer } from './MultiLineRenderer';

package/esm/ReadOnlyAttributesPager/components/MultiLineRenderer/index.js

@@ -0,0 +1 @@
+export { MultiLineRenderer } from './MultiLineRenderer';

package/esm/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.d.ts

@@ -0,0 +1,12 @@
+import { AttributeType, AttributeValue } from '@reltio/mdm-sdk';
+type Props = {
+    value: AttributeValue;
+    attributeType: AttributeType;
+    nonVisibleValues: AttributeValue[];
+    titleClassName?: string;
+    contentClassName?: string;
+    showNonOv?: boolean;
+    totalNonVisibleValues: number;
+};
+export declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
+export {};

package/esm/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { CollaborationObjectTypes, createRelatedObjectUris, isRelationAttrType } from '@reltio/mdm-sdk';
+import classnames from 'classnames';
+import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../../constants';
+import CommentsContainer from '../../../components/CommentsContainer/CommentsContainer';
+import Title from '../../../components/Title/Title';
+import { OvIcon } from '../../../OvIcon';
+import { DescriptionIcon } from '../../../DescriptionIcon';
+import { ReadOnlyAttribute } from '../../../ReadOnlyAttributesFactory';
+import { useOneLineStyles } from '../../styles';
+export var OneLineRenderer = function (_a) {
+    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, description = attributeType.description;
+    var objectType = isRelationAttrType(attributeType)
+        ? CollaborationObjectTypes.RELATION_ATTRIBUTE
+        : CollaborationObjectTypes.ENTITY_ATTRIBUTE;
+    return (React.createElement("div", { "data-reltio-id": "one-line-renderer", className: classnames(styles.collaborationWrapper, COMMENTS_CONTAINER_VISIBILITY_AREA) },
+        React.createElement("div", { className: classnames(styles.titleRow, styles.wrapper) },
+            React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
+            React.createElement(DescriptionIcon, { description: description, className: styles.descriptionIcon }),
+            React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
+            React.createElement(ReadOnlyAttribute, { className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
+        React.createElement(CommentsContainer, { uri: value.uri, relatedObjectUris: createRelatedObjectUris(objectType, {
+                uri: value.uri
+            }), objectType: objectType })));
+};

package/esm/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.test.d.ts

@@ -0,0 +1 @@
+export {};