@reltio/components 1.4.1996 → 1.4.1998

package/cjs/ResizablePanes/ResizablePanes.js

@@ -91,10 +91,9 @@ var ResizablePanes = function (_a) {
     (0, react_1.useEffect)(function () {
         actualizeSizes();
     }, [actualizeSizes, percentageMaxSize, percentageMinSize]);
-    var handleChange = (0, react_1.useCallback)((0, mdm_sdk_1.debounce)(function (size) {
-        if (size === undefined)
+    var handleChange = (0, react_1.useCallback)((0, mdm_sdk_1.debounce)(function (size, containerSize) {
+        if (size === undefined || containerSize === 0)
             return;
-        var containerSize = getContainerSize();
         onChange({
             percentageSize: size + '%',
             isMaxSize: +percentageMaxSize > 0
@@ -103,7 +102,7 @@ var ResizablePanes = function (_a) {
             isMinSize: isEqualSize(size, percentageMinSize),
             size: Math.round((size * containerSize) / 100)
         });
-    }, debounceInterval), [onChange, percentageMaxSize, percentageMinSize, getContainerSize]);
+    }, debounceInterval), [onChange, percentageMaxSize, percentageMinSize]);
     var handleDragging = (0, react_1.useCallback)(function (isDragging) {
         if (isDragging) {
             // Why do we need handleChange() here?
@@ -113,10 +112,10 @@ var ResizablePanes = function (_a) {
             disableAnimation();
         }
         else {
-            handleChange(panelRef.current.getSize());
+            handleChange(panelRef.current.getSize(), getContainerSize());
             enableAnimation();
         }
-    }, [disableAnimation, enableAnimation, handleChange]);
+    }, [disableAnimation, enableAnimation, handleChange, getContainerSize]);
     var paneAnimationStyle = (0, react_1.useMemo)(function () { return ({
         transition: theme.transitions.create('flex', {
             easing: theme.transitions.easing.sharp,

package/cjs/features/activity-log/ActivitiesFactory/ActivitiesFactory.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ActivityData, ActivityTypes } from '../types';
 type FactoryProps = {
     type: ActivityTypes;
-    data: ActivityData;
+    data?: ActivityData;
 };
 export declare class ActivitiesFactory {
     static getComponent: ({ type, data }: FactoryProps) => React.JSX.Element;

package/cjs/features/activity-log/ActivitiesFactory/ActivitiesFactory.js

@@ -37,7 +37,7 @@ var ActivitiesFactory = /** @class */ (function () {
             case types_1.ActivityTypes.COMMENT_ADDED:
             case types_1.ActivityTypes.COMMENT_DELETED:
             case types_1.ActivityTypes.COMMENT_UPDATED:
-                return react_1.default.createElement(CommentActivity_1.CommentActivity, { data: data, type: type });
+                return react_1.default.createElement(CommentActivity_1.CommentActivity, { type: type });
             case types_1.ActivityTypes.ENTITIES_MERGED_MANUALLY:
             case types_1.ActivityTypes.ENTITIES_MERGED:
             case types_1.ActivityTypes.ENTITIES_MERGED_ON_THE_FLY:

package/cjs/features/activity-log/ActivitiesFactory/ActivitiesFactory.test.js

@@ -0,0 +1,267 @@
+"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 react_2 = require("@testing-library/react");
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var CollapsibleItemsContext_1 = require("../contexts/CollapsibleItemsContext");
+var types_1 = require("../types");
+var ActivitiesFactory_1 = require("./ActivitiesFactory");
+var defaultMdmValues = {
+    metadata: {
+        entityTypes: [],
+        groupTypes: []
+    }
+};
+var setUp = function (_a) {
+    var props = _a.props, _b = _a.mdmValues, mdmValues = _b === void 0 ? defaultMdmValues : _b;
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues },
+            react_1.default.createElement(CollapsibleItemsContext_1.CollapsibleItemsProvider, null, children)));
+    };
+    return (0, react_2.render)(ActivitiesFactory_1.ActivitiesFactory.getComponent(props), { wrapper: Providers });
+};
+describe('Activities factory tests', function () {
+    describe('comment activity', function () {
+        it('should render comment activity for COMMENT_ADDED activity type', function () {
+            var props = { type: types_1.ActivityTypes.COMMENT_ADDED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('comment-activity');
+        });
+        it('should render comment activity for COMMENT_DELETED activity type', function () {
+            var props = { type: types_1.ActivityTypes.COMMENT_DELETED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('comment-activity');
+        });
+        it('should render comment activity for COMMENT_UPDATED activity type', function () {
+            var props = { type: types_1.ActivityTypes.COMMENT_UPDATED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('comment-activity');
+        });
+    });
+    describe('merge activity', function () {
+        var defaultData = {
+            uri: 'activities/156a1eda-4c2c-46e3-8550-118c500fb453',
+            user: 'marat.ahmetzyanov',
+            timestamp: 1620711408828,
+            items: [],
+            itemsTotal: 0
+        };
+        it('should render merge activity for ENTITIES_MERGED_MANUALLY activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.ENTITIES_MERGED_MANUALLY };
+            setUp({ props: props });
+            react_2.screen.getByTestId('merge-activity');
+        });
+        it('should render merge activity for ENTITIES_MERGED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.ENTITIES_MERGED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('merge-activity');
+        });
+        it('should render merge activity for ENTITIES_MERGED_ON_THE_FLY activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.ENTITIES_MERGED_ON_THE_FLY };
+            setUp({ props: props });
+            react_2.screen.getByTestId('merge-activity');
+        });
+        it('should render merge activity for ENTITIES_SPLITTED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.ENTITIES_SPLITTED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('merge-activity');
+        });
+        it('should render merge activity for ENTITY_LOST_MERGE activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.ENTITY_LOST_MERGE };
+            setUp({ props: props });
+            react_2.screen.getByTestId('merge-activity');
+        });
+    });
+    describe('potential match activity', function () {
+        var defaultData = {
+            uri: 'activities/156a1eda-4c2c-46e3-8550-118c500fb453',
+            user: 'marat.ahmetzyanov',
+            timestamp: 1620711408828,
+            items: [],
+            itemsTotal: 0
+        };
+        it('should render potential match activity for POTENTIAL_MATCHES_FOUND activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.POTENTIAL_MATCHES_FOUND };
+            setUp({ props: props });
+            react_2.screen.getByTestId('potential-match-activity');
+        });
+        it('should render potential match activity for POTENTIAL_MATCHES_REMOVED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.POTENTIAL_MATCHES_REMOVED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('potential-match-activity');
+        });
+        it('should render potential match activity for NOT_MATCHES_SET activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.NOT_MATCHES_SET };
+            setUp({ props: props });
+            react_2.screen.getByTestId('potential-match-activity');
+        });
+        it('should render potential match activity for NOT_MATCHES_RESET activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.NOT_MATCHES_RESET };
+            setUp({ props: props });
+            react_2.screen.getByTestId('potential-match-activity');
+        });
+    });
+    describe('profile activity', function () {
+        var defaultData = {
+            uri: 'activities/156a1eda-4c2c-46e3-8550-118c500fb453',
+            user: 'marat.ahmetzyanov',
+            timestamp: 1620711408828,
+            items: [],
+            itemsTotal: 0
+        };
+        it('should render profile activity for ENTITY_CHANGED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.ENTITY_CHANGED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('profile-activity');
+        });
+        it('should render profile activity for ENTITY_CREATED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.ENTITY_CREATED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('profile-activity');
+        });
+        it('should render profile activity for ENTITY_REMOVED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.ENTITY_REMOVED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('profile-activity');
+        });
+        it('should render profile activity for ANALYTICS_ATTRIBUTES_CHANGED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.ANALYTICS_ATTRIBUTES_CHANGED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('profile-activity');
+        });
+    });
+    describe('relation activity', function () {
+        var defaultData = {
+            uri: 'activities/156a1eda-4c2c-46e3-8550-118c500fb453',
+            user: 'marat.ahmetzyanov',
+            timestamp: 1620711408828,
+            items: [],
+            itemsTotal: 0
+        };
+        it('should render relation activity for RELATIONSHIP_CHANGED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.RELATIONSHIP_CHANGED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('relation-activity');
+        });
+        it('should render relation activity for RELATIONSHIP_CREATED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.RELATIONSHIP_CREATED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('relation-activity');
+        });
+        it('should render relation activity for RELATIONSHIP_REMOVED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.RELATIONSHIP_REMOVED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('relation-activity');
+        });
+    });
+    describe('search activity', function () {
+        it('should render search activity for USER_SEARCH activity type', function () {
+            var props = {
+                data: {
+                    uri: 'activities/504c-9876-79bc2a96',
+                    user: 'polina.arsenteva',
+                    label: 'USER_SEARCH',
+                    description: '{"activity":{"query":null,"uiState":{"view":{"searchResultsMode":"table","entityTypeTab":null,"previewPanelMode":null},"facets":{},"advanced":[],"searchOptions":{"searchByOv":true,"ovOnly":true},"keyword":null,"map":null,"version":"2.0"}},"version":"2.0"}',
+                    timestamp: 1626952820539
+                },
+                type: types_1.ActivityTypes.USER_SEARCH
+            };
+            setUp({ props: props });
+            react_2.screen.getByTestId('search-activity');
+        });
+    });
+    describe('group activity', function () {
+        var defaultData = {
+            uri: 'activities/156a1eda-4c2c-46e3-8550-118c500fb453',
+            user: 'marat.ahmetzyanov',
+            timestamp: 1620711408828,
+            items: [],
+            itemsTotal: 0
+        };
+        it('should render group activity for GROUP_CHANGED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.GROUP_CHANGED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('group-activity');
+        });
+        it('should render group activity for GROUP_CREATED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.GROUP_CREATED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('group-activity');
+        });
+        it('should render group activity for GROUP_REMOVED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.GROUP_REMOVED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('group-activity');
+        });
+    });
+    describe('simple activity', function () {
+        var defaultData = {
+            uri: 'activities/156a1eda-4c2c-46e3-8550-118c500fb453',
+            user: 'marat.ahmetzyanov',
+            timestamp: 1620711408828,
+            description: '{}',
+            itemsTotal: 0
+        };
+        it('should render simple activity for USER_LOGIN activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.USER_LOGIN };
+            setUp({ props: props });
+            react_2.screen.getByTestId('simple-activity');
+        });
+        it('should render simple activity for USER_LOGOUT activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.USER_LOGOUT };
+            setUp({ props: props });
+            react_2.screen.getByTestId('simple-activity');
+        });
+        it('should render simple activity for MODEL_UPDATED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.MODEL_UPDATED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('simple-activity');
+        });
+        it('should render simple activity for PERIODIC_TASK_SCHEDULED activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.PERIODIC_TASK_SCHEDULED };
+            setUp({ props: props });
+            react_2.screen.getByTestId('simple-activity');
+        });
+        it('should render simple activity for USER_PROFILE_VIEW activity type', function () {
+            var props = { data: defaultData, type: types_1.ActivityTypes.USER_PROFILE_VIEW };
+            setUp({ props: props });
+            react_2.screen.getByTestId('simple-activity');
+        });
+    });
+    describe('synchronization issues activity', function () {
+        it('should render synchronization issues activity for SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE activity type', function () {
+            var props = {
+                data: {
+                    uri: 'activities/0dcf97d0-5006-46d6-b82f-07579922e2f6',
+                    user: 'sfdc.connector.admin',
+                    label: 'label',
+                    timestamp: 1652374313724,
+                    items: [
+                        {
+                            id: '42uxv5X2',
+                            timestamp: 1652374313724,
+                            objectUri: 'entities/15T9kNFk',
+                            objectType: 'configuration/entityTypes/HCP',
+                            objectLabel: 'Andy Andy'
+                        }
+                    ],
+                    itemsTotal: 1
+                },
+                type: types_1.ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE
+            };
+            setUp({ props: props });
+            react_2.screen.getByTestId('synchronization-issues-activity');
+        });
+    });
+    describe('not implemented', function () {
+        it('should render not implemented text for unexpected types', function () {
+            var props = { type: 'UNEXPECTED_ACTIVITY' };
+            setUp({ props: props });
+            react_2.screen.getByText('UNEXPECTED_ACTIVITY NOT IMPLEMENTED');
+        });
+    });
+});

package/cjs/features/activity-log/ActivitiesFactory/components/CommentActivity/CommentActivity.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { ActivityData, ActivityTypes } from '../../../types';
+import { ActivityTypes } from '../../../types';
 type Props = {
     type: ActivityTypes;
-    data: ActivityData;
 };
 export declare const CommentActivity: ({ type }: Props) => React.JSX.Element;
 export {};

package/cjs/features/activity-log/ActivitiesFactory/components/CommentActivity/CommentActivity.js

@@ -8,6 +8,6 @@ var react_1 = __importDefault(require("react"));
 var ActivityTitle_1 = require("../../../ActivityTitle");
 var CommentActivity = function (_a) {
     var type = _a.type;
-    return react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type });
+    return react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type, "data-reltio-id": "comment-activity" });
 };
 exports.CommentActivity = CommentActivity;

package/cjs/features/activity-log/ActivitiesFactory/components/CommentActivity/CommentActivity.test.js

@@ -4,30 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var CommentActivity_1 = require("./CommentActivity");
+var react_2 = require("@testing-library/react");
 var types_1 = require("../../../types");
-describe('CommentActivity tests', function () {
-    var data = {
-        uri: 'activities/6aa6a54a-a41b-49fd-8070-b4900d3e5468',
-        user: 'denis.tkachev',
-        label: 'COMMENT_ADDED',
-        description: '{"commentId":"00005LQ","createdBy":"denis.tkachev","createdTime":1623229206252,"modifiedTime":1623229206252,"deleted":false,"visibility":"public","status":"open","objectId":"entities/1BKYwm2t","objectType":"entity","permanentLink":"https://tst-01.reltio.com/ui/uitest3/#p~com.reltio.plugins.entity.HCPPerspective_e~entities%2F1BKYwm2t_ps~profile_cmt~00005LQ","relatedObjectUris":["entities/1BKYwm2t"]}',
-        timestamp: 1623229209927,
-        items: [
-            {
-                id: '5pUxeNLr',
-                user: 'denis.tkachev',
-                method: 'POST',
-                url: '/reltio/api/uitest3/activities',
-                clientType: 'UNKNOWN',
-                timestamp: 1623229209927
-            }
-        ],
-        itemsTotal: 1
-    };
+var CommentActivity_1 = require("./CommentActivity");
+describe('Comment activity tests', function () {
     it('should render correctly', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CommentActivity_1.CommentActivity, { type: types_1.ActivityTypes.COMMENT_ADDED, data: data }));
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(types_1.ActivityTypes.COMMENT_ADDED);
+        (0, react_2.render)(react_1.default.createElement(CommentActivity_1.CommentActivity, { type: types_1.ActivityTypes.COMMENT_ADDED }));
+        react_2.screen.getByText('Comment added');
     });
 });

package/cjs/features/activity-log/ActivitiesFactory/components/GroupActivity/GroupActivity.js

@@ -5,16 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupActivity = void 0;
 var react_1 = __importDefault(require("react"));
-var ActivityTitle_1 = require("../../../ActivityTitle");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var ActivityTitle_1 = require("../../../ActivityTitle");
 var ObjectLabel_1 = require("../ObjectLabel");
 var GroupActivity = function (_a) {
     var _b, _c;
     var data = _a.data, type = _a.type;
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     var label = (0, mdm_sdk_1.getGroupLabelByTypeUri)(metadata, (_c = (_b = data.items) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.objectType);
-    return (react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type },
+    return (react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type, "data-reltio-id": "group-activity" },
         react_1.default.createElement(ObjectLabel_1.ObjectLabel, { label: (0, mdm_sdk_1.getLabel)(label) })));
 };
 exports.GroupActivity = GroupActivity;

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

@@ -20,12 +20,7 @@ var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var types_1 = require("../../../types");
 var GroupActivity_1 = require("./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) {
@@ -34,28 +29,13 @@ var setUp = function (props) {
     };
     return (0, react_2.render)(react_1.default.createElement(GroupActivity_1.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: types_1.ActivityTypes.GROUP_CHANGED, data: data };

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

@@ -13,8 +13,8 @@ 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_1.default.createElement("div", null,
-        react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type }, isMinimized && react_1.default.createElement(EntityObject_1.EntityObject, { item: items[0] })),
+    return (react_1.default.createElement("div", { "data-reltio-id": "merge-activity" },
+        react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type, "data-reltio-id": "merge-activity-title" }, isMinimized && react_1.default.createElement(EntityObject_1.EntityObject, { item: items[0] })),
         !isMinimized && (react_1.default.createElement(CollapsibleActivityRecords_1.CollapsibleActivityRecords, { activityUri: uri, items: items, RecordComponent: PotentialMatchRecord_1.PotentialMatchRecord }))));
 };
 exports.MergeActivity = MergeActivity;