@reltio/components 1.4.1997 → 1.4.1999

package/esm/features/activity-log/ActivitiesFactory/components/GroupActivity/GroupActivity.test.js

@@ -15,12 +15,7 @@ import { MdmModuleProvider } from '../../../../../contexts/MdmModuleContext';
 import { ActivityTypes } from '../../../types';
 import { GroupActivity } from './GroupActivity';
 var metadata = {
-    groupTypes: [
-        {
-            uri: 'configuration/groupTypes/Test',
-            label: 'Test group'
-        }
-    ]
+    groupTypes: [{ uri: 'configuration/groupTypes/Test', label: 'Test group' }]
 };
 var setUp = function (props) {
     var Providers = function (_a) {
@@ -29,28 +24,13 @@ var setUp = function (props) {
     };
     return render(React.createElement(GroupActivity, __assign({}, props)), { wrapper: Providers });
 };
-describe('GroupActivity tests', function () {
+describe('Group activity tests', function () {
     it('should render correctly', function () {
         var data = {
             uri: 'activities/d6e61e96-6310-434a-99f9-e694e5f35475',
             user: 'alexander.kirsanov',
             timestamp: 1621874356842,
-            items: [
-                {
-                    id: '7a5l7pc1',
-                    user: 'alexander.kirsanov',
-                    method: 'POST',
-                    url: '/reltio/api/alenat/groups/7a5l7h5V/members',
-                    clientType: 'Reltio UI',
-                    timestamp: 1621874356842,
-                    objectUri: 'groups/7a5l7h5V',
-                    objectType: 'configuration/groupTypes/Test',
-                    data: {
-                        type: 'GROUP_CHANGED'
-                    },
-                    eventId: '1621874356842_1AeizH7'
-                }
-            ],
+            items: [{ id: 'sh2Ks8AN', timestamp: 1621874356842, objectType: 'configuration/groupTypes/Test' }],
             itemsTotal: 1
         };
         var props = { type: ActivityTypes.GROUP_CHANGED, data: data };

package/esm/features/activity-log/ActivitiesFactory/components/MergeActivity/MergeActivity.js

@@ -7,7 +7,7 @@ export var MergeActivity = function (_a) {
     var type = _a.type, data = _a.data;
     var itemsTotal = data.itemsTotal, items = data.items, uri = data.uri;
     var isMinimized = itemsTotal === 1 && !(items[0].data.potentialMatches || items[0].data.newUri);
-    return (React.createElement("div", null,
-        React.createElement(ActivityTitle, { type: type }, isMinimized && React.createElement(EntityObject, { item: items[0] })),
+    return (React.createElement("div", { "data-reltio-id": "merge-activity" },
+        React.createElement(ActivityTitle, { type: type, "data-reltio-id": "merge-activity-title" }, isMinimized && React.createElement(EntityObject, { item: items[0] })),
         !isMinimized && (React.createElement(CollapsibleActivityRecords, { activityUri: uri, items: items, RecordComponent: PotentialMatchRecord }))));
 };

package/esm/features/activity-log/ActivitiesFactory/components/MergeActivity/MergeActivity.test.js

@@ -1,108 +1,87 @@
+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 { MergeActivity } from './MergeActivity';
+import { render, screen, within } from '@testing-library/react';
+import { MdmModuleProvider } from '../../../../../contexts/MdmModuleContext';
 import { ActivityTypes } from '../../../types';
-import { CollapsibleActivityRecords } from '../../../CollapsibleActivityRecords';
-describe('MergeActivity tests', function () {
-    var data = {
-        uri: 'activities/156a1eda-4c2c-46e3-8550-118c500fb453',
-        user: 'marat.ahmetzyanov',
-        timestamp: 1620711408828,
-        items: [
-            {
-                id: '5C94p4Yp',
-                user: 'marat.ahmetzyanov',
-                method: 'POST',
-                url: '/reltio/api/uitest2/entities',
-                clientType: 'Reltio UI',
-                timestamp: 1620711408828,
-                objectUri: 'entities/1PN94HrW',
-                objectType: 'configuration/entityTypes/Product',
-                objectLabel: 'ONE',
-                data: {
-                    mergeReason: 'Merge on the fly',
-                    mergeType: 'ON_THE_FLY',
-                    type: 'ENTITIES_MERGED_ON_THE_FLY',
-                    crosswalks: 'configuration/sources/BRM;null;brm202105111036'
-                },
-                eventId: '1620711408828_0Cc3sWZ'
-            }
-        ],
-        itemsTotal: 1
-    };
-    var dataPotentialMatch = {
-        uri: 'activities/8dcbdbce-80ac-4a2c-95f3-e75383fbd10e',
-        user: 'denis.tkachev',
-        label: '',
-        description: '',
-        timestamp: 1623153008977,
-        items: [
-            {
-                id: '3Ldt0URn',
-                user: 'denis.tkachev',
-                method: 'POST',
-                url: '/reltio/api/uitest3/entities/_same',
-                clientType: 'Reltio UI',
-                timestamp: 1623153008977,
-                objectUri: 'entities/1BTrULsq',
-                objectType: 'configuration/entityTypes/HCP',
-                objectLabel: 'Long,',
-                data: {
-                    mergeReason: 'Merge by hand',
-                    mergeType: 'MANUAL',
-                    potentialMatches: 'entities/17U7U95d',
-                    'entities/17U7U95d': 'Potential match test,',
-                    type: 'ENTITIES_MERGED_MANUALLY'
-                },
-                eventId: '1623153008977_03D3dbM'
-            }
-        ],
-        itemsTotal: 1
-    };
-    var dataNewUri = {
-        uri: 'activities/9449a5d7-1c72-4256-b26a-8b0e95c14899',
-        user: 'marat.ahmetzyanov',
-        label: '',
-        description: '',
-        timestamp: 1623154966758,
-        items: [
-            {
-                id: '30tEIJXx',
-                user: 'marat.ahmetzyanov',
-                method: 'POST',
-                url: '/reltio/api/uitest3/entities/1futW9kc/_unmerge',
-                clientType: 'Reltio UI',
-                timestamp: 1623154966758,
-                objectUri: 'entities/1futW9kc',
-                objectType: 'configuration/entityTypes/HCP',
-                objectLabel: 'HCP DT 1,',
-                data: {
-                    'entities/2eIQy30G': 'HCP DT 2,',
-                    newUri: 'entities/2eIQy30G',
-                    type: 'ENTITIES_SPLITTED'
-                },
-                eventId: '1623154966758_02lA3ja'
-            }
-        ],
-        itemsTotal: 1
+import { CollapsibleItemsProvider } from '../../../contexts/CollapsibleItemsContext';
+import { MergeActivity } from './MergeActivity';
+var defaultItem = {
+    id: '5C94p4Yp',
+    objectUri: 'entities/1PN94HrW',
+    objectLabel: 'object label',
+    timestamp: 1620711408828,
+    data: { type: ActivityTypes.ENTITIES_MERGED_ON_THE_FLY }
+};
+var defaultData = {
+    uri: 'activities/156a1eda-4c2c-46e3-8550-118c500fb453',
+    user: 'marat.ahmetzyanov',
+    timestamp: 1620711408828,
+    items: [defaultItem],
+    itemsTotal: 1
+};
+var defaultProps = {
+    data: defaultData,
+    type: ActivityTypes.ENTITIES_MERGED_ON_THE_FLY
+};
+var defaultMdmValues = {
+    uiPath: 'https://reltio.com/nui'
+};
+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;
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (React.createElement(MdmModuleProvider, { values: mdmValues },
+            React.createElement(CollapsibleItemsProvider, null, children)));
     };
-    it('should render correctly minimized', function () {
-        var wrapper = shallow(React.createElement(MergeActivity, { type: ActivityTypes.ENTITIES_MERGED_ON_THE_FLY, data: data }));
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(ActivityTypes.ENTITIES_MERGED_ON_THE_FLY);
-        expect(wrapper.find('EntityObject').length).toBe(1);
+    return render(React.createElement(MergeActivity, __assign({}, props)), { wrapper: Providers });
+};
+describe('Merge activity tests', function () {
+    it('should render minimized if itemsTotal is 1 and there are not potentialMatches or newUri fields', function () {
+        setUp();
+        var title = screen.getByTestId('merge-activity-title');
+        within(title).getByText('object label');
+        within(title).getByText('Profile merged on the fly');
+    });
+    it('should render maximized if itemsTotal is 1 but there is potentialMatches field', function () {
+        var props = __assign(__assign({}, defaultProps), { data: __assign(__assign({}, defaultData), { items: [
+                    __assign(__assign({}, defaultItem), { data: {
+                            type: ActivityTypes.POTENTIAL_MATCHES_FOUND,
+                            potentialMatches: 'entities/sOoSQYm',
+                            'entities/sOoSQYm': 'entity label 1'
+                        } })
+                ] }) });
+        setUp({ props: props });
+        var title = screen.getByTestId('merge-activity-title');
+        within(title).getByText('Profile merged on the fly');
+        expect(within(title).queryByText('object label')).not.toBeInTheDocument();
+        var record = screen.getByTestId('reltio-activity-log-record');
+        within(record).getByText('object label');
+        expect(screen.getByTestId('potential-matches-field')).toHaveTextContent('Matches found:entity label 1');
     });
-    it('should render correctly maximized', function () {
-        var wrapper = shallow(React.createElement(MergeActivity, { type: ActivityTypes.ENTITIES_MERGED_MANUALLY, data: dataPotentialMatch }));
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(ActivityTypes.ENTITIES_MERGED_MANUALLY);
-        expect(wrapper.find('EntityObject').length).toBe(0);
-        var collapsedActivity = wrapper.find(CollapsibleActivityRecords);
-        expect(collapsedActivity.prop('activityUri')).toBe(dataPotentialMatch.uri);
-        expect(collapsedActivity.prop('items')).toEqual(dataPotentialMatch.items);
-        wrapper.setProps({ data: dataNewUri, type: ActivityTypes.ENTITIES_SPLITTED });
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(ActivityTypes.ENTITIES_SPLITTED);
-        expect(wrapper.find('EntityObject').length).toBe(0);
-        var nextCollapsedActivity = wrapper.find(CollapsibleActivityRecords);
-        expect(nextCollapsedActivity.prop('activityUri')).toBe(dataNewUri.uri);
-        expect(nextCollapsedActivity.prop('items')).toEqual(dataNewUri.items);
+    it('should render maximized if itemsTotal is 1 but there is newUri field', function () {
+        var props = __assign(__assign({}, defaultProps), { data: __assign(__assign({}, defaultData), { items: [
+                    __assign(__assign({}, defaultItem), { data: {
+                            type: ActivityTypes.ENTITIES_SPLITTED,
+                            newUri: 'entities/sOoSQYm',
+                            'entities/sOoSQYm': 'entity label 1'
+                        } })
+                ] }) });
+        setUp({ props: props });
+        var title = screen.getByTestId('merge-activity-title');
+        within(title).getByText('Profile merged on the fly');
+        expect(within(title).queryByText('object label')).not.toBeInTheDocument();
+        var record = screen.getByTestId('reltio-activity-log-record');
+        within(record).getByText('object label');
+        expect(screen.getByTestId('potential-matches-field')).toHaveTextContent('Un-merged with:entity label 1');
     });
 });

package/esm/features/activity-log/ActivitiesFactory/components/ObjectLabel/ObjectLabel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-type Props = {
+type Props = Omit<React.ComponentPropsWithoutRef<'span'>, 'className'> & {
     label: string;
 };
-export declare const ObjectLabel: ({ label }: Props) => React.JSX.Element;
+export declare const ObjectLabel: ({ label, ...restProps }: Props) => React.JSX.Element;
 export {};

package/esm/features/activity-log/ActivitiesFactory/components/ObjectLabel/ObjectLabel.js

@@ -1,7 +1,29 @@
+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;
+};
 import React from 'react';
 import { useStyles } from './styles';
 export var ObjectLabel = function (_a) {
-    var label = _a.label;
+    var label = _a.label, restProps = __rest(_a, ["label"]);
     var styles = useStyles();
-    return React.createElement("span", { className: styles.objectLabel }, label);
+    return (React.createElement("span", __assign({ className: styles.objectLabel }, restProps), label));
 };

package/esm/features/activity-log/ActivitiesFactory/components/PotentialMatchActivity/PotentialMatchActivity.js

@@ -4,7 +4,7 @@ import { CollapsibleActivityRecords } from '../../../CollapsibleActivityRecords'
 import { PotentialMatchRecord } from '../../../PotentialMatchRecord';
 export var PotentialMatchActivity = function (_a) {
     var type = _a.type, data = _a.data;
-    return (React.createElement("div", null,
+    return (React.createElement("div", { "data-reltio-id": "potential-match-activity" },
         React.createElement(ActivityTitle, { type: type }),
         React.createElement(CollapsibleActivityRecords, { activityUri: data.uri, items: data.items, RecordComponent: PotentialMatchRecord })));
 };

package/esm/features/activity-log/ActivitiesFactory/components/PotentialMatchActivity/PotentialMatchActivity.test.js

@@ -1,55 +1,76 @@
+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 { PotentialMatchActivity } from './PotentialMatchActivity';
+import { render, screen } from '@testing-library/react';
+import { MdmModuleProvider } from '../../../../../contexts/MdmModuleContext';
 import { ActivityTypes } from '../../../types';
-import { CollapsibleActivityRecords } from '../../../CollapsibleActivityRecords';
-describe('PotentialMatchActivity tests', function () {
-    var data = {
-        uri: 'activities/EH.cee6a67a-7bcd-411f-9c19-3c796e44980b',
-        user: 'IncrementalMatchThread',
-        timestamp: 1621250963640,
-        items: [
-            {
-                id: '89tO5t8I',
-                user: 'IncrementalMatchThread',
-                clientType: 'API',
-                timestamp: 1621250963640,
-                objectUri: 'entities/10hy6j0b',
-                objectType: 'configuration/entityTypes/HCP',
-                objectLabel: '- cBtCASwtAeEbTxe Agacati',
-                data: {
-                    'entities/11EunumT': '- cBtCASwtAeEbTxe Agacati',
-                    potentialMatches: 'entities/11EunumT',
-                    type: 'POTENTIAL_MATCHES_FOUND'
-                },
-                eventId: '1621250963640_02o1yQ8'
-            },
-            {
-                id: '89tO5os2',
-                user: 'IncrementalMatchThread',
-                clientType: 'API',
-                timestamp: 1621250963640,
-                objectUri: 'entities/11EunumT',
-                objectType: 'configuration/entityTypes/HCP',
-                objectLabel: '- cBtCASwtAeEbTxe Agacati',
-                data: {
-                    potentialMatches: 'entities/10hy6j0b,entities/a,entities/b,entities/c',
-                    type: 'POTENTIAL_MATCHES_FOUND',
-                    'entities/10hy6j0b': '- cBtCASwtAeEbTxe Agacati',
-                    'entities/a': 'first',
-                    'entities/b': 'second',
-                    'entities/c': 'third'
-                },
-                eventId: '1621250963640_02f5sXY'
+import { CollapsibleItemsProvider } from '../../../contexts/CollapsibleItemsContext';
+import { PotentialMatchActivity } from './PotentialMatchActivity';
+var defaultData = {
+    uri: 'activities/156a1eda-4c2c-46e3-8550-118c500fb453',
+    user: 'marat.ahmetzyanov',
+    timestamp: 1620711408828,
+    items: [
+        {
+            id: '5C94p4Yp',
+            objectUri: 'entities/1PN94HrW',
+            objectLabel: 'item 1 label',
+            timestamp: 1620711408828,
+            data: {
+                type: ActivityTypes.ENTITIES_SPLITTED,
+                newUri: 'entities/sOoSQYm',
+                'entities/sOoSQYm': 'item 1 entity label 1'
+            }
+        },
+        {
+            id: '72Jsk10Kl',
+            objectUri: 'entities/KsJmn28A',
+            objectLabel: 'item 2 label',
+            timestamp: 1620711404672,
+            data: {
+                type: ActivityTypes.POTENTIAL_MATCHES_FOUND,
+                potentialMatches: 'entities/sOoSQYm,entities/o92Bsm1',
+                'entities/sOoSQYm': 'item 2 entity label 1',
+                'entities/o92Bsm1': 'item 2 entity label 2'
             }
-        ],
-        itemsTotal: 2
+        }
+    ],
+    itemsTotal: 2
+};
+var defaultProps = {
+    data: defaultData,
+    type: ActivityTypes.ENTITIES_SPLITTED
+};
+var defaultMdmValues = {
+    uiPath: 'https://reltio.com/nui'
+};
+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;
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (React.createElement(MdmModuleProvider, { values: mdmValues },
+            React.createElement(CollapsibleItemsProvider, null, children)));
     };
+    return render(React.createElement(PotentialMatchActivity, __assign({}, props)), { wrapper: Providers });
+};
+describe('Potential match activity tests', function () {
     it('should render correctly', function () {
-        var wrapper = shallow(React.createElement(PotentialMatchActivity, { type: ActivityTypes.POTENTIAL_MATCHES_FOUND, data: data }));
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(ActivityTypes.POTENTIAL_MATCHES_FOUND);
-        var collapsedActivity = wrapper.find(CollapsibleActivityRecords);
-        expect(collapsedActivity.prop('activityUri')).toBe(data.uri);
-        expect(collapsedActivity.prop('items')).toEqual(data.items);
+        setUp();
+        screen.getByText('Profile un-merged');
+        var records = screen.getAllByTestId('reltio-activity-log-record');
+        expect(records).toHaveLength(2);
+        expect(records[0]).toHaveTextContent('item 1 label');
+        expect(records[0]).toHaveTextContent('Un-merged with:item 1 entity label 1');
+        expect(records[1]).toHaveTextContent('item 2 label');
+        expect(records[1]).toHaveTextContent('Matches found:item 2 entity label 1, item 2 entity label 2');
     });
 });

package/esm/features/activity-log/ActivitiesFactory/components/ProfileActivity/ProfileActivity.js

@@ -7,7 +7,7 @@ export var ProfileActivity = function (_a) {
     var _b;
     var type = _a.type, data = _a.data;
     var isMinimized = data.itemsTotal === 1 && !((_b = data.items[0].deltaCollection) === null || _b === void 0 ? void 0 : _b.delta);
-    return (React.createElement("div", null,
-        React.createElement(ActivityTitle, { type: type }, isMinimized && React.createElement(EntityObject, { item: data.items[0] })),
+    return (React.createElement("div", { "data-reltio-id": "profile-activity" },
+        React.createElement(ActivityTitle, { type: type, "data-reltio-id": "profile-activity-title" }, isMinimized && React.createElement(EntityObject, { item: data.items[0] })),
         !isMinimized && (React.createElement(CollapsibleActivityRecords, { activityUri: data.uri, items: data.items, RecordComponent: EntityRecord }))));
 };