@reltio/components 1.4.1836-hf → 1.4.1836

package/cjs/features/crosswalks/AttributesTable/components/HeadCellRenderer/HeadCellRenderer.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const HeadCellRenderer: (props: React.PropsWithChildren<Record<string, unknown>>) => JSX.Element;

package/cjs/features/crosswalks/AttributesTable/components/HeadCellRenderer/HeadCellRenderer.js

@@ -0,0 +1,30 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadCellRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var DefaultHeadCellRenderer_1 = __importDefault(require("react-components/dist/Table/DefaultHeadCellRenderer/DefaultHeadCellRenderer"));
+var styles_1 = require("../../styles");
+var styles_2 = require("./styles");
+var HeadCellRenderer = function (props) {
+    var styles = (0, styles_2.useStyles)();
+    var commonStyles = (0, styles_1.useCommonStyles)();
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, commonStyles.coloredCell) },
+        react_1.default.createElement(DefaultHeadCellRenderer_1.default, __assign({}, props)),
+        props.children));
+};
+exports.HeadCellRenderer = HeadCellRenderer;

package/cjs/features/crosswalks/AttributesTable/components/HeadCellRenderer/index.d.ts

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

package/cjs/features/crosswalks/AttributesTable/components/HeadCellRenderer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadCellRenderer = void 0;
+var HeadCellRenderer_1 = require("./HeadCellRenderer");
+Object.defineProperty(exports, "HeadCellRenderer", { enumerable: true, get: function () { return HeadCellRenderer_1.HeadCellRenderer; } });

package/cjs/features/crosswalks/AttributesTable/components/HeadCellRenderer/styles.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
+    root: {
+        display: 'flex',
+        alignItems: 'center',
+        fontSize: '12px',
+        height: '100%',
+        color: theme.palette.text.secondary
+    }
+}); });

package/cjs/features/crosswalks/AttributesTable/components/ImageAttributesRenderer/ImageAttributesRenderer.d.ts

@@ -0,0 +1,2 @@
+import { AttributesRendererProps } from '../../types';
+export declare const ImageAttributesRenderer: ({ attributeValues, ...props }: AttributesRendererProps) => JSX.Element;

package/cjs/features/crosswalks/AttributesTable/components/ImageAttributesRenderer/ImageAttributesRenderer.js

@@ -0,0 +1,38 @@
+"use strict";
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageAttributesRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var InlineImageAttribute_1 = require("../../../../../InlineImageAttribute");
+var styles_1 = require("../../styles");
+var ImageAttributesRenderer = function (_a) {
+    var attributeValues = _a.attributeValues, props = __rest(_a, ["attributeValues"]);
+    var styles = (0, styles_1.useCommonStyles)();
+    return (react_1.default.createElement(react_1.default.Fragment, null, attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.map(function (attributeValue, i) { return (react_1.default.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.basicCell, "data-reltio-id": "value-index-".concat(i) },
+        react_1.default.createElement(InlineImageAttribute_1.InlineImageAttribute, __assign({ attributeValue: attributeValue }, props)))); })));
+};
+exports.ImageAttributesRenderer = ImageAttributesRenderer;

package/cjs/features/crosswalks/AttributesTable/components/ImageAttributesRenderer/ImageAttributesRenderer.test.d.ts

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

package/cjs/features/crosswalks/AttributesTable/components/ImageAttributesRenderer/ImageAttributesRenderer.test.js

@@ -0,0 +1,110 @@
+"use strict";
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 enzyme_1 = require("enzyme");
+var InlineImageAttribute_1 = require("../../../../../InlineImageAttribute");
+var ImageAttributesRenderer_1 = require("./ImageAttributesRenderer");
+describe('ImageAttributesRenderer tests', function () {
+    it('should render correctly', function () {
+        var crosswalks = [
+            {
+                uri: 'entities/j8K1vc9/crosswalks/12jf9nL05',
+                type: 'configuration/sources/Reltio',
+                value: 'nQpZyQt',
+                reltioLoadDate: '2021-06-11T08:24:31.726Z',
+                createDate: '2018-11-19T12:14:00.735Z',
+                updateDate: '2018-11-19T12:14:00.735Z',
+                attributes: ['configuration/entityTypes/Employee/attributes/ImageGallery/attributes/UrlThumbnail']
+            }
+        ];
+        var props = {
+            attributeValues: [
+                {
+                    type: 'configuration/entityTypes/Employee/attributes/ImageGallery',
+                    uri: 'entities/1Rd2I9Mt/attributes/ImageGallery/39V5GWJZv',
+                    value: {
+                        UrlThumbnail: [
+                            {
+                                type: 'configuration/entityTypes/Employee/attributes/ImageGallery/attributes/UrlThumbnail',
+                                ov: true,
+                                value: '/test123.jpg',
+                                uri: 'entities/1Rd2I9Mt/attributes/ImageGallery/39V5GWJZv/UrlThumbnail/5555'
+                            }
+                        ]
+                    },
+                    ov: true
+                },
+                {
+                    type: 'configuration/entityTypes/Employee/attributes/ImageGallery',
+                    uri: 'entities/1Rd2I9Mt/attributes/ImageGallery/123123',
+                    value: {
+                        UrlThumbnail: [
+                            {
+                                type: 'configuration/entityTypes/Employee/attributes/ImageGallery/attributes/UrlThumbnail',
+                                ov: true,
+                                value: '/test.jpg',
+                                uri: 'entities/1Rd2I9Mt/attributes/ImageGallery/123123/UrlThumbnail/66666'
+                            }
+                        ]
+                    },
+                    ov: true
+                }
+            ],
+            attributeType: {
+                attributes: [
+                    {
+                        name: 'UrlThumbnail',
+                        type: 'String',
+                        uri: 'configuration/entityTypes/Series/attributes/ImageGallery/attributes/UrlThumbnail'
+                    }
+                ],
+                name: 'ImageGallery',
+                type: 'Image',
+                uri: 'configuration/entityTypes/Employee/attributes/ImageGallery'
+            },
+            crosswalksMap: {
+                'entities/1Rd2I9Mt/attributes/ImageGallery/123123': [crosswalks[0]],
+                'entities/1Rd2I9Mt/attributes/ImageGallery/39V5GWJZv': [crosswalks[0]]
+            },
+            onPin: jest.fn(),
+            onIgnore: jest.fn(),
+            onEdit: jest.fn(),
+            onAdd: jest.fn(),
+            onDelete: jest.fn(),
+            parentUri: 'entities/1Rd2I9Mt',
+            emptyTempAttributeUris: []
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(ImageAttributesRenderer_1.ImageAttributesRenderer, __assign({}, props)));
+        var values = wrapper.find(InlineImageAttribute_1.InlineImageAttribute);
+        expect(values.length).toBe(2);
+        var attributeValues = props.attributeValues, otherProps = __rest(props, ["attributeValues"]);
+        values.forEach(function (value, index) {
+            expect(value.props()).toEqual(__assign({ attributeValue: attributeValues[index] }, otherProps));
+        });
+    });
+});

package/cjs/features/crosswalks/AttributesTable/components/ImageAttributesRenderer/index.d.ts

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

package/cjs/features/crosswalks/AttributesTable/components/ImageAttributesRenderer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageAttributesRenderer = void 0;
+var ImageAttributesRenderer_1 = require("./ImageAttributesRenderer");
+Object.defineProperty(exports, "ImageAttributesRenderer", { enumerable: true, get: function () { return ImageAttributesRenderer_1.ImageAttributesRenderer; } });

package/cjs/features/crosswalks/AttributesTable/components/NestedAttributesRenderer/NestedAttributesRenderer.d.ts

@@ -0,0 +1,2 @@
+import { AttributesRendererProps } from '../../types';
+export declare const NestedAttributesRenderer: ({ attributeValues, ...props }: AttributesRendererProps) => JSX.Element;

package/cjs/features/crosswalks/AttributesTable/components/NestedAttributesRenderer/NestedAttributesRenderer.js

@@ -0,0 +1,41 @@
+"use strict";
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NestedAttributesRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var InlineNestedAttribute_1 = require("../../../../../InlineNestedAttribute");
+var styles_1 = require("../../styles");
+var NestedAttributesRenderer = function (_a) {
+    var attributeValues = _a.attributeValues, props = __rest(_a, ["attributeValues"]);
+    var styles = (0, styles_1.useCommonStyles)();
+    var nestedValues = attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.map(function (attributeValue, i) {
+        return (react_1.default.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.basicCell, "data-reltio-id": "value-index-".concat(i) },
+            react_1.default.createElement(InlineNestedAttribute_1.InlineNestedAttribute, __assign({ attributeValue: attributeValue }, props))));
+    });
+    return react_1.default.createElement(react_1.default.Fragment, null, nestedValues);
+};
+exports.NestedAttributesRenderer = NestedAttributesRenderer;

package/cjs/features/crosswalks/AttributesTable/components/NestedAttributesRenderer/NestedAttributesRenderer.test.d.ts

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

package/cjs/features/crosswalks/AttributesTable/components/NestedAttributesRenderer/NestedAttributesRenderer.test.js

@@ -0,0 +1,111 @@
+"use strict";
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 enzyme_1 = require("enzyme");
+var InlineNestedAttribute_1 = require("../../../../../InlineNestedAttribute");
+var NestedAttributesRenderer_1 = require("./NestedAttributesRenderer");
+describe('NestedAttributesRenderer tests', function () {
+    it('should render correctly', function () {
+        var crosswalks = [
+            {
+                uri: 'entities/j8K1vc9/crosswalks/12jf9nL05',
+                type: 'configuration/sources/Reltio',
+                value: 'nQpZyQt',
+                reltioLoadDate: '2021-06-11T08:24:31.726Z',
+                createDate: '2018-11-19T12:14:00.735Z',
+                updateDate: '2018-11-19T12:14:00.735Z',
+                attributes: ['entities/1/attributes/Nested/1', 'entities/1/attributes/Nested/2/SubNested/1'],
+                singleAttributeUpdateDates: {
+                    'entities/1/attributes/Date/1': '2018-11-29T05:39:56.445Z'
+                }
+            }
+        ];
+        var props = {
+            attributeValues: [
+                {
+                    uri: 'entities/1/attributes/Nested/1',
+                    value: {
+                        SubNested: [
+                            {
+                                uri: 'entities/1/attributes/Nested/1/SubNested/1',
+                                type: 'String',
+                                value: '1'
+                            }
+                        ]
+                    },
+                    ov: true
+                },
+                {
+                    uri: 'entities/1/attributes/Nested/2',
+                    value: {
+                        SubNested: [
+                            {
+                                uri: 'entities/1/attributes/Nested/2/SubNested/1',
+                                type: 'String',
+                                value: '2'
+                            }
+                        ]
+                    },
+                    ov: true
+                }
+            ],
+            attributeType: {
+                uri: 'configuration/entityTypes/HCP/attributes/Nested',
+                label: 'Nested',
+                name: 'Nested',
+                type: 'Nested',
+                attributes: [
+                    {
+                        label: 'SubNested',
+                        name: 'SubNested',
+                        type: 'String',
+                        uri: 'configuration/entityTypes/HCP/attributes/Nested/attributes/SubNested'
+                    }
+                ]
+            },
+            crosswalksMap: {
+                'entities/1/attributes/Nested/1': [crosswalks[0]],
+                'entities/1/attributes/Nested/2/SubNested/1': [crosswalks[0]]
+            },
+            onPin: jest.fn(),
+            onIgnore: jest.fn(),
+            onEdit: jest.fn(),
+            onAdd: jest.fn(),
+            onDelete: jest.fn(),
+            parentUri: 'entities/1',
+            emptyTempAttributeUris: []
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(NestedAttributesRenderer_1.NestedAttributesRenderer, __assign({}, props)));
+        var values = wrapper.find(InlineNestedAttribute_1.InlineNestedAttribute);
+        expect(values.length).toBe(2);
+        var attributeValues = props.attributeValues, otherProps = __rest(props, ["attributeValues"]);
+        values.forEach(function (value, index) {
+            expect(value.props()).toEqual(__assign({ attributeValue: attributeValues[index] }, otherProps));
+        });
+    });
+});

package/cjs/features/crosswalks/AttributesTable/components/NestedAttributesRenderer/index.d.ts

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

package/cjs/features/crosswalks/AttributesTable/components/NestedAttributesRenderer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NestedAttributesRenderer = void 0;
+var NestedAttributesRenderer_1 = require("./NestedAttributesRenderer");
+Object.defineProperty(exports, "NestedAttributesRenderer", { enumerable: true, get: function () { return NestedAttributesRenderer_1.NestedAttributesRenderer; } });

package/cjs/features/crosswalks/AttributesTable/components/OvValuesRenderer/OvValuesRenderer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { OvValues } from '../../types';
+type Props = {
+    value: OvValues;
+    someRowIsDragging?: boolean;
+    dragRef?: React.Ref<HTMLDivElement>;
+};
+export declare const OvValuesRenderer: ({ value: { values, attributeType }, someRowIsDragging, dragRef }: Props) => JSX.Element;
+export {};

package/cjs/features/crosswalks/AttributesTable/components/OvValuesRenderer/OvValuesRenderer.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OvValuesRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
+var ReadOnlyAttributeValuesBlock_1 = require("../../../../../ReadOnlyAttributeValuesBlock");
+var Title_1 = __importDefault(require("../../../../../components/Title/Title"));
+var EntityContext_1 = require("../../../../../contexts/EntityContext");
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var styles_1 = require("../../styles");
+var styles_2 = require("./styles");
+var OvValuesRenderer = function (_a) {
+    var _b = _a.value, values = _b.values, attributeType = _b.attributeType, someRowIsDragging = _a.someRowIsDragging, dragRef = _a.dragRef;
+    var styles = (0, styles_2.useStyles)();
+    var commonStyles = (0, styles_1.useCommonStyles)();
+    var entity = (0, MdmModuleContext_1.useMdmEntity)();
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, commonStyles.basicCell) },
+        react_1.default.createElement("div", { ref: dragRef, className: styles.dragIndicator },
+            react_1.default.createElement(DragIndicator_1.default, { className: styles.dragIndicatorIcon })),
+        react_1.default.createElement(Title_1.default, { className: styles.attributeTitle, label: attributeType.label }),
+        !someRowIsDragging && (react_1.default.createElement(EntityContext_1.EntityContext.Provider, { value: entity },
+            react_1.default.createElement(ReadOnlyAttributeValuesBlock_1.ReadOnlyAttributeValuesBlock, { values: values, attributeType: attributeType, valueContainerClassName: styles.ovValue })))));
+};
+exports.OvValuesRenderer = OvValuesRenderer;

package/cjs/features/crosswalks/AttributesTable/components/OvValuesRenderer/OvValuesRenderer.test.d.ts

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

package/cjs/features/crosswalks/AttributesTable/components/OvValuesRenderer/OvValuesRenderer.test.js

@@ -0,0 +1,67 @@
+"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 enzyme_1 = require("enzyme");
+var Title_1 = __importDefault(require("../../../../../components/Title/Title"));
+var ReadOnlyAttributeValuesBlock_1 = require("../../../../../ReadOnlyAttributeValuesBlock");
+var OvValuesRenderer_1 = require("./OvValuesRenderer");
+describe('OvValuesRenderer tests', function () {
+    it('should render correctly', function () {
+        var value = {
+            values: [
+                {
+                    uri: 'entities/1/attributes/CountryCode/1',
+                    type: 'configuration/entityTypes/HCP/attributes/CountryCode',
+                    value: 'Italy',
+                    lookupCode: 'IT',
+                    ov: true
+                }
+            ],
+            attributeType: {
+                uri: 'configuration/entityTypes/HCP',
+                label: 'HCP',
+                name: 'HCP',
+                type: 'String',
+                attributes: [
+                    {
+                        label: 'Country Code',
+                        name: 'CountryCode',
+                        type: 'String',
+                        uri: 'configuration/entityTypes/HCP/attributes/CountryCode'
+                    }
+                ]
+            }
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(OvValuesRenderer_1.OvValuesRenderer, { value: value }));
+        expect(wrapper.find(Title_1.default).prop('label')).toBe('HCP');
+        var attributesBlock = wrapper.find(ReadOnlyAttributeValuesBlock_1.ReadOnlyAttributeValuesBlock);
+        expect(attributesBlock.prop('values')).toEqual(value.values);
+        expect(attributesBlock.prop('attributeType')).toEqual(value.attributeType);
+    });
+    it('should not render attributes if ovValues are missing', function () {
+        var value = {
+            attributeType: {
+                uri: 'configuration/entityTypes/HCP',
+                label: 'HCP',
+                name: 'HCP',
+                type: 'String',
+                attributes: [
+                    {
+                        label: 'Country Code',
+                        name: 'CountryCode',
+                        type: 'String',
+                        uri: 'configuration/entityTypes/HCP/attributes/CountryCode'
+                    }
+                ]
+            }
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(OvValuesRenderer_1.OvValuesRenderer, { value: value }));
+        expect(wrapper.find(Title_1.default).prop('label')).toBe('HCP');
+        var attributesBlock = wrapper.find(ReadOnlyAttributeValuesBlock_1.ReadOnlyAttributeValuesBlock);
+        expect(attributesBlock.prop('values')).toEqual(undefined);
+        expect(attributesBlock.prop('attributeType')).toEqual(value.attributeType);
+    });
+});

package/cjs/features/crosswalks/AttributesTable/components/OvValuesRenderer/index.d.ts

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

package/cjs/features/crosswalks/AttributesTable/components/OvValuesRenderer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OvValuesRenderer = void 0;
+var OvValuesRenderer_1 = require("./OvValuesRenderer");
+Object.defineProperty(exports, "OvValuesRenderer", { enumerable: true, get: function () { return OvValuesRenderer_1.OvValuesRenderer; } });

package/cjs/features/crosswalks/AttributesTable/components/OvValuesRenderer/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"root" | "dragIndicator" | "dragIndicatorIcon" | "attributeTitle" | "ovValue">;

package/cjs/features/crosswalks/AttributesTable/components/OvValuesRenderer/styles.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
+    root: {
+        position: 'relative'
+        // '&:hover $dragIndicator': {
+        //     display: 'block'
+        // }
+    },
+    dragIndicator: {
+        display: 'none',
+        position: 'absolute',
+        top: '15px',
+        left: 0,
+        cursor: 'grab'
+    },
+    dragIndicatorIcon: {
+        fill: theme.palette.text.secondary,
+        width: '14px',
+        height: '14px'
+    },
+    attributeTitle: {
+        display: 'block',
+        marginLeft: '3px',
+        '&:not(:last-child)': {
+            marginBottom: '5px'
+        }
+    },
+    ovValue: {
+        '& + &': {
+            marginTop: '4px'
+        }
+    }
+}); });

package/cjs/features/crosswalks/AttributesTable/components/ReferenceAttributesRenderer/ReferenceAttributesRenderer.d.ts

@@ -0,0 +1,2 @@
+import { AttributesRendererProps } from '../../types';
+export declare const ReferenceAttributesRenderer: ({ attributeValues, crosswalksMap, ...props }: AttributesRendererProps) => JSX.Element;

package/cjs/features/crosswalks/AttributesTable/components/ReferenceAttributesRenderer/ReferenceAttributesRenderer.js

@@ -0,0 +1,41 @@
+"use strict";
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReferenceAttributesRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var InlineReferenceAttribute_1 = require("../../../../../InlineReferenceAttribute");
+var styles_1 = require("../../styles");
+var ReferenceAttributesRenderer = function (_a) {
+    var attributeValues = _a.attributeValues, crosswalksMap = _a.crosswalksMap, props = __rest(_a, ["attributeValues", "crosswalksMap"]);
+    var styles = (0, styles_1.useCommonStyles)();
+    var referenceValues = attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.map(function (attributeValue, i) {
+        return (react_1.default.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.basicCell, "data-reltio-id": "value-index-".concat(i) },
+            react_1.default.createElement(InlineReferenceAttribute_1.InlineReferenceAttribute, __assign({ attributeValue: attributeValue, crosswalksMap: crosswalksMap }, props))));
+    });
+    return react_1.default.createElement(react_1.default.Fragment, null, referenceValues);
+};
+exports.ReferenceAttributesRenderer = ReferenceAttributesRenderer;

package/cjs/features/crosswalks/AttributesTable/components/ReferenceAttributesRenderer/ReferenceAttributesRenderer.test.d.ts

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