@reltio/components 1.4.2045 → 1.4.2047

package/cjs/EditModeAttributesPager/helpers.test.js

@@ -1,18 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var helpers_1 = require("./helpers");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var values = [
-    {
-        uri: (0, mdm_sdk_1.generateNewRelationUri)()
-    },
-    {
-        uri: 'ui/kl/io/89'
-    },
-    {
-        uri: 'relations/yuyi/attributes/uiouoi'
-    }
-];
+var helpers_1 = require("./helpers");
+var values = [{ uri: (0, mdm_sdk_1.generateNewRelationUri)() }, { uri: 'ui/kl/io/89' }, { uri: 'relations/yuyi/attributes/uiouoi' }];
 describe('Attribute pager utils', function () {
     describe('filterNewValues', function () {
         it('should return only new attribute', function () {

package/cjs/EditModeAttributesView/EditModeAttributesView.test.js

@@ -49,212 +49,318 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var PinnedAttributesContext_1 = require("../contexts/PinnedAttributesContext");
+var react_2 = require("@testing-library/react");
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
-var EditModeAttributesView_1 = require("./EditModeAttributesView");
+var ScrollToElementContext_1 = require("../contexts/ScrollToElementContext");
 var HiddenAttributesContext_1 = require("../contexts/HiddenAttributesContext");
-jest.mock('../contexts/MdmModuleContext', function () { return (__assign(__assign({}, jest.requireActual('../contexts/MdmModuleContext')), { useMdmAction: jest.fn(), useMdmMetadata: jest.fn(), useMdmUserRoles: jest.fn(), useMdmModifiedEntity: jest.fn(), useMdmDependentLookupEditorState: jest.fn() })); });
-var metadata = {
-    entityTypes: []
+var EditModeAttributesView_1 = require("./EditModeAttributesView");
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { uploadImage: jest.fn() })); });
+var defaultEntity = {
+    uri: 'entities/1E4APrQW',
+    type: 'configuration/entityTypes/HCP'
 };
-var pinnedAttributes = [
-    {
-        roles: ['ROLE_ADMIN'],
-        attributes: [
-            'configuration/entityTypes/HCA/attributes/SubTypeCode',
-            'configuration/entityTypes/HCA/attributes/Department'
-        ]
-    }
-];
-var entity = { uri: 'entities/123' };
-var setUp = function (props) { return (0, enzyme_1.shallow)(react_1.default.createElement(EditModeAttributesView_1.EditModeAttributesView, __assign({ entity: entity }, props))); };
-describe('EditModeAttributesView', function () {
-    describe('PinnedAttributesContext', function () {
-        beforeEach(function () {
-            MdmModuleContext_1.useMdmMetadata.mockReturnValue(metadata);
-            MdmModuleContext_1.useMdmUserRoles.mockReturnValue([]);
-            MdmModuleContext_1.useMdmModifiedEntity.mockReturnValue(null);
-            MdmModuleContext_1.useMdmAction.mockReturnValue(jest.fn());
-        });
-        afterEach(function () {
-            jest.clearAllMocks();
-        });
-        it('should render PinnedAttributesContext.Provider with passing pinnedAttributes for this user', function () {
-            MdmModuleContext_1.useMdmUserRoles.mockReturnValue(['ROLE_ADMIN']);
-            var component = setUp({ pinnedAttributes: pinnedAttributes });
-            expect(component.find(PinnedAttributesContext_1.PinnedAttributesContext.Provider)).toHaveLength(1);
-            expect(component.find(PinnedAttributesContext_1.PinnedAttributesContext.Provider).prop('value')).toEqual(pinnedAttributes[0].attributes);
-        });
-        it('should render PinnedAttributesContext.Provider with passing pinnedAttributes as empty array for user without roles', function () {
-            var component = setUp({ pinnedAttributes: pinnedAttributes });
-            expect(component.find(PinnedAttributesContext_1.PinnedAttributesContext.Provider)).toHaveLength(1);
-            expect(component.find(PinnedAttributesContext_1.PinnedAttributesContext.Provider).prop('value')).toEqual([]);
-        });
-        it('should render PinnedAttributesContext.Provider with passing pinnedAttributes as empty array if no pinnedAttributes', function () {
-            var component = setUp({});
-            expect(component.find(PinnedAttributesContext_1.PinnedAttributesContext.Provider)).toHaveLength(1);
-            expect(component.find(PinnedAttributesContext_1.PinnedAttributesContext.Provider).prop('value')).toEqual([]);
-        });
-    });
-    describe('rule based attributes', function () {
-        var metadata = {
-            entityTypes: [
+var defaultModifiedEntities = (_a = {}, _a[defaultEntity.uri] = defaultEntity, _a);
+var defaultMetadata = {
+    uri: 'configuration',
+    entityTypes: [
+        {
+            uri: 'configuration/entityTypes/HCP',
+            attributes: [
                 {
-                    uri: 'configuration/entityTypes/HCP',
+                    uri: 'configuration/entityTypes/HCP/attributes/FirstLevelNested',
+                    name: 'FirstLevelNested',
+                    type: 'Nested',
                     attributes: [
                         {
-                            name: 'Category1',
-                            type: 'String',
-                            uri: 'configuration/entityTypes/HCP/attributes/Category1'
-                        },
-                        {
-                            name: 'Category2',
-                            type: 'String',
-                            uri: 'configuration/entityTypes/HCP/attributes/Category2'
-                        },
-                        {
-                            name: 'Category3',
+                            label: 'FirstLevelNestedSub1_HCP',
+                            name: 'FirstLevelNestedSub1',
+                            uri: 'configuration/entityTypes/HCP/attributes/FirstLevelNested/attributes/FirstLevelNestedSub1',
                             type: 'String',
-                            uri: 'configuration/entityTypes/HCP/attributes/Category3'
+                            required: true
                         },
                         {
-                            name: 'Category4',
-                            type: 'String',
-                            uri: 'configuration/entityTypes/HCP/attributes/Category4'
-                        },
-                        {
-                            name: 'Nested1',
-                            label: 'Nested1',
-                            type: 'Nested',
-                            uri: 'configuration/entityTypes/HCP/attributes/Nested1',
-                            attributes: [
-                                {
-                                    name: 'NestedCategory1',
-                                    type: 'String',
-                                    uri: 'configuration/entityTypes/HCP/attributes/Nested1/attributes/NestedCategory1'
-                                },
-                                {
-                                    name: 'NestedCategory2',
-                                    type: 'String',
-                                    uri: 'configuration/entityTypes/HCP/attributes/Nested1/attributes/NestedCategory2'
-                                }
-                            ]
+                            label: 'Int',
+                            name: 'Int',
+                            uri: 'configuration/entityTypes/HCP/attributes/FirstLevelNested/attributes/Int',
+                            type: 'Int'
                         }
                     ]
+                },
+                {
+                    label: 'First Name',
+                    name: 'FirstName',
+                    type: 'String',
+                    uri: 'configuration/entityTypes/HCP/attributes/FirstName'
+                },
+                {
+                    label: 'Middle Name',
+                    name: 'MiddleName',
+                    type: 'String',
+                    uri: 'configuration/entityTypes/HCP/attributes/MiddleName'
+                },
+                {
+                    label: 'Last Name',
+                    name: 'LastName',
+                    type: 'String',
+                    uri: 'configuration/entityTypes/HCP/attributes/LastName'
+                },
+                {
+                    label: 'Image Gallery',
+                    name: 'ImageGallery',
+                    required: true,
+                    type: 'Image',
+                    uri: 'configuration/entityTypes/HCP/attributes/ImageGallery'
                 }
             ]
+        }
+    ]
+};
+var defaultMdmValues = {
+    modifiedEntities: defaultModifiedEntities,
+    metadata: defaultMetadata,
+    dependentLookups: { editors: {}, structure: {}, initedTypeUris: [] },
+    profileErrors: [],
+    user: { roles: [] }
+};
+var mdmActions = {
+    addAttributes: jest.fn(),
+    modifyAttribute: jest.fn(),
+    removeAttribute: jest.fn(),
+    errorDeactivated: jest.fn()
+};
+var defaultProps = { entity: defaultEntity, mode: mdm_sdk_1.Mode.Editing };
+describe('Edit mode attributes view tests', function () {
+    var scrollSpy = jest.fn();
+    window.HTMLElement.prototype.scrollIntoView = scrollSpy;
+    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 ? defaultMdmValues : _d, _e = _b.hiddenAttributesContextValue, hiddenAttributesContextValue = _e === void 0 ? {} : _e, _f = _b.userOptions, userOptions = _f === void 0 ? {} : _f;
+        var user = user_event_1.default.setup(userOptions);
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues, actions: mdmActions },
+                react_1.default.createElement(HiddenAttributesContext_1.HiddenAttributesContext.Provider, { value: hiddenAttributesContextValue },
+                    react_1.default.createElement(ScrollToElementContext_1.ScrollToElementProvider, null, children))));
         };
-        var setUp = function (props, hiddenAttributes) {
-            var user = user_event_1.default.setup();
-            var Providers = function (_a) {
-                var children = _a.children;
-                return (react_1.default.createElement(HiddenAttributesContext_1.HiddenAttributesContext.Provider, { value: hiddenAttributes }, children));
-            };
-            return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(EditModeAttributesView_1.EditModeAttributesView, __assign({}, props)), { wrapper: Providers })), { user: user });
-        };
-        beforeAll(function () {
-            MdmModuleContext_1.useMdmUserRoles.mockReturnValue([]);
-            MdmModuleContext_1.useMdmAction.mockReturnValue(jest.fn());
-            MdmModuleContext_1.useMdmMetadata.mockReturnValue(metadata);
+        return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(EditModeAttributesView_1.EditModeAttributesView, __assign({}, props)), { wrapper: Providers }));
+    };
+    beforeAll(function () {
+        jest.useFakeTimers();
+    });
+    afterEach(function () {
+        jest.runOnlyPendingTimers();
+    });
+    it('should highlight last added attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var metadata, mdmValues, user, moreAttributesButton, popover, attributes;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    metadata = (0, ramda_1.assocPath)(['entityTypes', 0, 'attributes', 0, 'required'], true, defaultMetadata);
+                    mdmValues = __assign(__assign({}, defaultMdmValues), { metadata: metadata });
+                    user = setUp({ mdmValues: mdmValues, userOptions: { delay: null } }).user;
+                    moreAttributesButton = react_2.screen.getAllByRole('button', { name: 'More attributes' })[0];
+                    return [4 /*yield*/, user.click(moreAttributesButton)];
+                case 1:
+                    _a.sent();
+                    popover = react_2.screen.getByRole('presentation');
+                    return [4 /*yield*/, user.click((0, react_2.within)(popover).getByText('FirstLevelNested'))];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(popover.firstChild)];
+                case 3:
+                    _a.sent(); // click on backdrop
+                    (0, react_2.act)(function () {
+                        jest.runOnlyPendingTimers();
+                    });
+                    attributes = react_2.screen.getAllByTestId('reltio-edit-attribute');
+                    expect(attributes[0]).toHaveClass('highlighted');
+                    expect(scrollSpy).toHaveBeenCalledTimes(1);
+                    (0, react_2.act)(function () {
+                        jest.runOnlyPendingTimers();
+                    });
+                    expect(attributes[0]).not.toHaveClass('highlighted');
+                    return [2 /*return*/];
+            }
         });
+    }); });
+    describe('image attribute behaviour', function () {
+        var profileErrors = [
+            {
+                parentUri: 'entities/1E4APrQW',
+                uri: '',
+                attributeTypeUri: 'configuration/entityTypes/HCP/attributes/ImageGallery',
+                message: 'Attribute is required',
+                type: mdm_sdk_1.ErrorType.missed
+            }
+        ];
+        it('should render required and missed image attribute in edit mode correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                setUp({ mdmValues: __assign(__assign({}, defaultMdmValues), { profileErrors: profileErrors }) });
+                expect(react_2.screen.getByText('*')).toBeInTheDocument();
+                expect(react_2.screen.getByText('Attribute is required')).toBeInTheDocument();
+                return [2 /*return*/];
+            });
+        }); });
+        it('should deactivate error for required and missed image attribute after image was added', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var resolveUploadImage, user, file;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        mdm_sdk_1.uploadImage.mockImplementation(function () {
+                            return new Promise(function (resolve) {
+                                resolveUploadImage = resolve;
+                            });
+                        });
+                        user = setUp({
+                            mdmValues: __assign(__assign({}, defaultMdmValues), { profileErrors: profileErrors }),
+                            userOptions: { delay: null, applyAccept: false }
+                        }).user;
+                        return [4 /*yield*/, user.click(react_2.screen.getByTestId('reltio-upload-image-button'))];
+                    case 1:
+                        _a.sent();
+                        file = new File(['test file content'], 'test.png', { type: 'image/png' });
+                        return [4 /*yield*/, user.upload(react_2.screen.getByTestId('upload-image-button'), file)];
+                    case 2:
+                        _a.sent();
+                        return [4 /*yield*/, react_2.screen.findByTestId('reltio-linear-load-indicator')];
+                    case 3:
+                        _a.sent();
+                        return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0: return [4 /*yield*/, resolveUploadImage('Image')];
+                                        case 1:
+                                            _a.sent();
+                                            return [2 /*return*/];
+                                    }
+                                });
+                            }); })];
+                    case 4:
+                        _a.sent();
+                        expect(react_2.screen.queryByTestId('reltio-linear-load-indicator')).not.toBeInTheDocument();
+                        expect(mdmActions.errorDeactivated).toHaveBeenCalledWith('configuration/entityTypes/HCP/attributes/ImageGallery--entities/1E4APrQW');
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('pinned attributes', function () {
+        var pinnedAttributes = [
+            {
+                roles: ['ROLE_ADMIN'],
+                attributes: [
+                    'configuration/entityTypes/HCP/attributes/LastName',
+                    'configuration/entityTypes/HCP/attributes/FirstName'
+                ]
+            }
+        ];
+        it('should render pinned attributes correctly with passing pinnedAttributes for this user', function () {
+            var mdmValues = __assign(__assign({}, defaultMdmValues), { user: { roles: ['ROLE_ADMIN'] } });
+            var props = __assign(__assign({}, defaultProps), { pinnedAttributes: pinnedAttributes });
+            setUp({ props: props, mdmValues: mdmValues });
+            var labels = react_2.screen.getAllByTestId('reltio-attribute-label');
+            expect(labels).toHaveLength(3);
+            expect(labels[0]).toHaveTextContent('First Name');
+            expect(labels[1]).toHaveTextContent('Last Name');
+            expect(labels[2]).toHaveTextContent('Image Gallery*');
+        });
+        it('should not render pinned attributes with passing pinnedAttributes as empty array for user without roles', function () {
+            var props = __assign(__assign({}, defaultProps), { pinnedAttributes: pinnedAttributes });
+            setUp({ props: props });
+            var labels = react_2.screen.getAllByTestId('reltio-attribute-label');
+            expect(labels).toHaveLength(1);
+            expect(labels[0]).toHaveTextContent('Image Gallery*');
+        });
+        it('should not render pinned attributes with passing pinnedAttributes as empty array if no pinnedAttributes', function () {
+            setUp();
+            var labels = react_2.screen.getAllByTestId('reltio-attribute-label');
+            expect(labels).toHaveLength(1);
+            expect(labels[0]).toHaveTextContent('Image Gallery*');
+        });
+    });
+    describe('rule based attributes', function () {
         it('should hide attributes if there are no rules allow to show the attribute', function () {
-            var entity = {
-                type: 'configuration/entityTypes/HCP',
-                uri: 'entities/uri_e'
+            var _a;
+            var defaultEntity = {
+                uri: 'entities/1E4APrQW',
+                type: 'configuration/entityTypes/HCP'
             };
-            MdmModuleContext_1.useMdmModifiedEntity.mockReturnValue({
-                type: 'configuration/entityTypes/HCP',
-                uri: 'entities/uri_e',
-                attributes: {
-                    Category1: [
+            var modifiedEntities = __assign(__assign({}, defaultModifiedEntities), (_a = {}, _a[defaultEntity.uri] = __assign(__assign({}, defaultEntity), { attributes: {
+                    FirstName: [
                         {
-                            uri: 'entities/uri_e/attributes/uri1',
-                            value: 'category1_value1'
+                            uri: 'entities/1E4APrQW/attributes/FirstName/uri1',
+                            value: 'first name value'
                         }
                     ],
-                    Category2: [
+                    MiddleName: [
                         {
-                            uri: 'entities/uri_e/attributes/uri2',
-                            value: 'category2_value1'
+                            uri: 'entities/1E4APrQW/attributes/MiddleName/uri2',
+                            value: 'middle name value'
                         }
                     ],
-                    Category3: [
+                    LastName: [
                         {
-                            uri: 'entities/uri_e/attributes/uri3',
-                            value: 'category3_value1'
-                        }
-                    ],
-                    Category4: [
-                        {
-                            uri: 'entities/uri_e/attributes/uri4',
-                            value: 'category4_value1'
+                            uri: 'entities/1E4APrQW/attributes/LastName/uri3',
+                            value: 'last name value'
                         }
                     ]
-                }
-            });
-            var hiddenAttributes = {
-                'entities/uri_e': [
-                    'configuration/entityTypes/HCP/attributes/Category2',
-                    'configuration/entityTypes/HCP/attributes/Category3',
-                    'configuration/entityTypes/HCP/attributes/Category4'
+                } }), _a));
+            var mdmValues = __assign(__assign({}, defaultMdmValues), { modifiedEntities: modifiedEntities });
+            var hiddenAttributesContextValue = {
+                'entities/1E4APrQW': [
+                    'configuration/entityTypes/HCP/attributes/FirstName',
+                    'configuration/entityTypes/HCP/attributes/LastName'
                 ]
             };
-            setUp({ entity: entity }, hiddenAttributes);
-            expect(react_2.screen.getByText('category1_value1')).toBeInTheDocument();
-            expect(react_2.screen.queryByText('category2_value1')).not.toBeInTheDocument();
-            expect(react_2.screen.queryByText('category3_value1')).not.toBeInTheDocument();
-            expect(react_2.screen.queryByText('category4_value1')).not.toBeInTheDocument();
+            setUp({ mdmValues: mdmValues, hiddenAttributesContextValue: hiddenAttributesContextValue });
+            react_2.screen.getByText('Middle Name');
+            expect(react_2.screen.queryByText('First Name')).not.toBeInTheDocument();
+            expect(react_2.screen.queryByText('Last Name')).not.toBeInTheDocument();
         });
         it('should hide nested attributes if there are no rules allow to show the attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var entity, hiddenAttributes, user;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var modifiedEntities, mdmValues, hiddenAttributesContextValue, user;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        entity = {
-                            type: 'configuration/entityTypes/HCP',
-                            uri: 'entities/uri_e'
-                        };
-                        MdmModuleContext_1.useMdmModifiedEntity.mockReturnValue({
-                            type: 'configuration/entityTypes/HCP',
-                            uri: 'entities/uri_e',
-                            attributes: {
-                                Nested1: [
+                        modifiedEntities = __assign(__assign({}, defaultModifiedEntities), (_a = {}, _a[defaultEntity.uri] = __assign(__assign({}, defaultEntity), { attributes: {
+                                FirstLevelNested: [
                                     {
-                                        uri: 'entities/uri_e/attributes/nesteduri1',
+                                        uri: 'entities/1E4APrQW/attributes/uri1',
                                         value: {
-                                            NestedCategory1: [
+                                            FirstLevelNestedSub1: [
                                                 {
                                                     ov: true,
-                                                    uri: 'entities/uri_e/attributes/nesteduri1/attributes/nestedcaturi1',
-                                                    value: 'nested_category1_value1'
+                                                    uri: 'entities/1E4APrQW/attributes/uri1/attributes/nesteduri1',
+                                                    value: 'first level nested sub value'
                                                 }
                                             ],
-                                            NestedCategory2: [
+                                            Int: [
                                                 {
                                                     ov: true,
-                                                    uri: 'entities/uri_e/attributes/nesteduri1/attributes/nestedcaturi2',
-                                                    value: 'nested_category2_value1'
+                                                    uri: 'entities/1E4APrQW/attributes/uri1/attributes/nesteduri2',
+                                                    value: '3456'
                                                 }
                                             ]
                                         }
                                     }
                                 ]
-                            }
-                        });
-                        hiddenAttributes = {
-                            'entities/uri_e': ['configuration/entityTypes/HCP/attributes/Nested1/attributes/NestedCategory2']
+                            } }), _a));
+                        mdmValues = __assign(__assign({}, defaultMdmValues), { modifiedEntities: modifiedEntities });
+                        hiddenAttributesContextValue = {
+                            'entities/1E4APrQW': ['configuration/entityTypes/HCP/attributes/FirstLevelNested/attributes/Int']
                         };
-                        user = setUp({ entity: entity }, hiddenAttributes).user;
+                        user = setUp({ mdmValues: mdmValues, hiddenAttributesContextValue: hiddenAttributesContextValue, userOptions: { delay: null } }).user;
                         return [4 /*yield*/, user.click(react_2.screen.getByTestId('arrow-expand-button'))];
                     case 1:
-                        _a.sent();
-                        expect(react_2.screen.getByText('nested_category1_value1')).toBeInTheDocument();
-                        expect(react_2.screen.queryByText('nested_category2_value1')).not.toBeInTheDocument();
+                        _b.sent();
+                        react_2.screen.getByText('FirstLevelNestedSub1_HCP');
+                        expect(react_2.screen.queryByText('Int')).not.toBeInTheDocument();
                         return [2 /*return*/];
                 }
             });

package/cjs/EditModeComplexAttribute/EditModeComplexAttribute.js

@@ -106,7 +106,7 @@ var EditModeComplexAttribute = function (_a) {
                 react_1.default.createElement(ArrowExpandButton_1.ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded, className: styles.expandButton, disabled: deleted }),
                 react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: errorMessage, classes: { helperText: styles.errorWrapperHelperText } },
                     react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.label, (_b = {}, _b[styles.deleted] = deleted, _b)), "data-reltio-id": "reltio-attribute-complex-label" }, label))),
-            react_1.default.createElement("div", { className: styles.actions },
+            react_1.default.createElement("div", { "data-reltio-id": "reltio-complex-attribute-actions", className: styles.actions },
                 edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },
                     "(",
                     ui_i18n_1.default.text('edited'),