@reltio/components 1.4.1997 → 1.4.1999

package/esm/UpSetChart/constants.js

@@ -1,4 +1,20 @@
-export var NOT_MEMBER_COLOR = 'rgb(238, 238, 238)';
-export var PRIMARY_COLOR = 'rgb(0, 0, 102)';
-export var SECONDARY_COLOR = 'rgba(0, 0, 102, 0.2)';
+// Colors
+export var PRIMARY_COLOR = '#000066';
+export var DIMMED_COLOR = '#CCCCE0';
 export var TEXT_COLOR = 'rgba(0, 0, 0, 0.87)';
+// Gaps
+export var TOP_GAP = 24;
+export var TEXT_GAP = 16;
+export var GAP_BETWEEN_TABLE_AND_CHART = 8;
+export var GAP_BEFORE_LEFT_BAR = 12;
+// Sizes
+export var AXIS_TICK_LABEL_SIZE = '12px';
+export var SET_LABEL_SIZE = '13px';
+export var SET_BAR_HEIGHT = 12;
+export var MATRIX_ROW_HEIGHT = 29;
+export var MIN_MATRIX_COLUMN_WIDTH = 28;
+export var MIN_INTERSECTION_CHART_HEIGHT = 120;
+export var MIN_SETS_CHART_WIDTH = 100;
+export var MAX_SETS_CHART_WIDTH = 200;
+export var MAX_CHARACTERS = 20;
+export var MIN_CHARACTERS = 8;

package/esm/UpSetChart/gameOfThrones.test-data.d.ts

@@ -0,0 +1,4 @@
+export declare const gameOfThronesData: {
+    name: string;
+    sets: string[];
+}[];

package/esm/UpSetChart/gameOfThrones.test-data.js

@@ -0,0 +1,23 @@
+export var gameOfThronesData = [
+    { name: 'Alton Lannister', sets: ['was killed', 'Lannister', 'male'] },
+    { name: 'Arya Stark', sets: ['Stark', 'female'] },
+    { name: 'Bran Stark', sets: ['royal', 'Stark', 'male'] },
+    { name: 'Benjen Stark', sets: ['was killed', 'Stark', 'male'] },
+    { name: 'Brandon Stark', sets: ['was killed', 'Stark'] },
+    { name: 'Catelyn Stark', sets: ['was killed', 'Stark', 'female'] },
+    { name: 'Cersei Lannister', sets: ['royal', 'was killed', 'Lannister', 'female'] },
+    { name: 'Eddard Stark', sets: ['was killed', 'Stark', 'male'] },
+    { name: 'Jaime Lannister', sets: ['was killed', 'Lannister', 'male'] },
+    { name: 'Jon Snow', sets: ['royal', 'was killed', 'Stark', 'male'] },
+    { name: 'Kevan Lannister', sets: ['was killed', 'Lannister', 'male'] },
+    { name: 'Lancel Lannister', sets: ['was killed', 'Lannister', 'male'] },
+    { name: 'Lyanna Stark', sets: ['was killed', 'Stark', 'female'] },
+    { name: 'Martyn Lannister', sets: ['was killed', 'Lannister', 'male'] },
+    { name: 'Rickard Stark', sets: ['was killed', 'Stark', 'male'] },
+    { name: 'Rickon Stark', sets: ['was killed', 'Stark', 'male'] },
+    { name: 'Robb Stark', sets: ['royal', 'was killed', 'Stark', 'male'] },
+    { name: 'Sansa Stark', sets: ['royal', 'Stark', 'female'] },
+    { name: 'Tyrion Lannister', sets: ['Lannister', 'male'] },
+    { name: 'Tywin Lannister', sets: ['was killed', 'Lannister', 'male'] },
+    { name: 'Willem Lannister', sets: ['was killed', 'Lannister', 'male'] }
+];

package/esm/UpSetChart/helpers.d.ts

@@ -0,0 +1,20 @@
+import { ScaleBand } from 'd3-scale';
+import { DataSet, Intersection, UpSetChartData } from './types';
+export declare const findIntersections: (data: UpSetChartData) => {
+    intersections: Intersection[];
+    sets: DataSet[];
+};
+export declare const getMatrixData: (xScale: ScaleBand<string>, yScale: ScaleBand<string>, intersections: Intersection[], sets: DataSet[]) => {
+    circles: {
+        cx: number;
+        cy: number;
+        isPresent: boolean;
+        intersectionIndex: number;
+    }[];
+    lines: any[];
+};
+export declare const truncateLabels: (sets: DataSet[], maxLabelsWidth: number) => {
+    labels: string[];
+    maxWidth: number;
+};
+export declare const calculateTicksWidth: (ticks: number[]) => number;

package/esm/UpSetChart/helpers.js

@@ -0,0 +1,120 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { AXIS_TICK_LABEL_SIZE, MAX_CHARACTERS, MIN_CHARACTERS, SET_LABEL_SIZE } from './constants';
+export var findIntersections = function (data) {
+    var setsCombinations = {};
+    var individualSets = {};
+    data.forEach(function (_a) {
+        var name = _a.name, sets = _a.sets;
+        sets.forEach(function (set) {
+            if (!individualSets[set]) {
+                individualSets[set] = [];
+            }
+            individualSets[set].push(name);
+        });
+        var generateCombinations = function (subset, index) {
+            if (index === sets.length) {
+                if (subset.length > 0) {
+                    var key = subset.sort().join(',');
+                    if (!setsCombinations[key]) {
+                        setsCombinations[key] = [];
+                    }
+                    setsCombinations[key].push(name);
+                }
+                return;
+            }
+            generateCombinations(subset, index + 1);
+            generateCombinations(__spreadArray(__spreadArray([], subset, true), [sets[index]], false), index + 1);
+        };
+        generateCombinations([], 0);
+    });
+    var intersections = Object.entries(setsCombinations)
+        .map(function (_a, index) {
+        var key = _a[0], elements = _a[1];
+        return ({
+            index: index,
+            sets: key.split(','),
+            size: elements.length,
+            elements: elements
+        });
+    })
+        .sort(function (a, b) { return b.size - a.size; });
+    var sets = Object.entries(individualSets).map(function (_a, index) {
+        var name = _a[0], elements = _a[1];
+        return ({
+            index: index,
+            name: name,
+            size: elements.length,
+            elements: elements
+        });
+    });
+    return { intersections: intersections, sets: sets };
+};
+export var getMatrixData = function (xScale, yScale, intersections, sets) {
+    var circles = intersections.flatMap(function (intersection, i) {
+        return sets.map(function (set) { return ({
+            cx: xScale(String(i)) + xScale.bandwidth() / 2,
+            cy: yScale(set.name) + yScale.bandwidth() / 2,
+            isPresent: intersection.sets.includes(set.name),
+            intersectionIndex: intersection.index
+        }); });
+    });
+    var lines = intersections.reduce(function (acc, intersection, i) {
+        var activeSetIndices = intersection.sets
+            .map(function (name) { return sets.findIndex(function (set) { return set.name === name; }); })
+            .filter(function (i) { return i >= 0; })
+            .sort(function (a, b) { return a - b; });
+        if (activeSetIndices.length > 1) {
+            var firstIdx = activeSetIndices[0];
+            var lastIdx = activeSetIndices[activeSetIndices.length - 1];
+            var x = xScale(String(i)) + xScale.bandwidth() / 2;
+            var y1 = yScale(sets[firstIdx].name) + yScale.bandwidth() / 2;
+            var y2 = yScale(sets[lastIdx].name) + yScale.bandwidth() / 2;
+            return __spreadArray(__spreadArray([], acc, true), [{ x: x, y1: y1, y2: y2, intersectionIndex: intersection.index }], false);
+        }
+        return acc;
+    }, []);
+    return { circles: circles, lines: lines };
+};
+export var truncateLabels = function (sets, maxLabelsWidth) {
+    var newTruncatedLabels = [];
+    var maxWidth = 0;
+    var tempSvgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    document.body.appendChild(tempSvgElement);
+    var tempTextElement = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+    tempTextElement.setAttribute('font-size', SET_LABEL_SIZE);
+    tempSvgElement.appendChild(tempTextElement);
+    sets.forEach(function (_a) {
+        var name = _a.name;
+        var truncatedText = name.length > MAX_CHARACTERS ? name.slice(0, MAX_CHARACTERS) + '...' : name;
+        tempTextElement.textContent = truncatedText;
+        while (tempTextElement.getBBox().width > maxLabelsWidth && truncatedText.length > MIN_CHARACTERS) {
+            truncatedText = truncatedText.slice(0, -4) + '...';
+            tempTextElement.textContent = truncatedText;
+        }
+        newTruncatedLabels.push(truncatedText);
+        maxWidth = Math.max(maxWidth, tempTextElement.getBBox().width);
+    });
+    document.body.removeChild(tempSvgElement);
+    return { labels: newTruncatedLabels, maxWidth: maxWidth };
+};
+export var calculateTicksWidth = function (ticks) {
+    var tempSvgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    var tempTextElement = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+    tempTextElement.setAttribute('font-size', AXIS_TICK_LABEL_SIZE);
+    tempSvgElement.appendChild(tempTextElement);
+    document.body.appendChild(tempSvgElement);
+    var maxWidth = ticks.reduce(function (maxWidth, tick) {
+        tempTextElement.textContent = String(tick);
+        return Math.max(maxWidth, tempTextElement.getBBox().width);
+    }, 0);
+    document.body.removeChild(tempSvgElement);
+    return maxWidth;
+};

package/esm/UpSetChart/styles.d.ts

@@ -1 +1,4 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"setLabel" | "barLabel" | "axisTick" | "chartLabel">;
+export declare const useStyles: (props: {
+    width: number;
+    height: number;
+}) => import("@mui/styles").ClassNameMap<"svg" | "wrapper">;

package/esm/UpSetChart/styles.js

@@ -1,16 +1,15 @@
 import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function (theme) { return ({
-    setLabel: {
-        fontSize: '13px !important'
+export var useStyles = makeStyles(function () { return ({
+    wrapper: function (_a) {
+        var width = _a.width, height = _a.height;
+        return ({
+            width: width,
+            height: height,
+            display: 'flex',
+            overflow: 'auto'
+        });
     },
-    barLabel: {
-        fontSize: '12px !important'
-    },
-    axisTick: {
-        fontSize: '12px !important'
-    },
-    chartLabel: {
-        fill: "".concat(theme.palette.text.secondary, " !important"),
-        fontSize: '10px !important'
+    svg: {
+        flexShrink: '0'
     }
 }); });

package/esm/UpSetChart/types.d.ts

@@ -0,0 +1,16 @@
+export type UpSetChartData = {
+    name: string;
+    sets: string[];
+}[];
+export type Intersection = {
+    index: number;
+    sets: string[];
+    size: number;
+    elements: string[];
+};
+export type DataSet = {
+    index: number;
+    name: string;
+    size: number;
+    elements: string[];
+};

package/esm/UpSetChart/useUpSetChartSizes.d.ts

@@ -0,0 +1,20 @@
+import { DataSet, Intersection } from './types';
+type Props = {
+    width: number;
+    height: number;
+    intersections: Intersection[];
+    sets: DataSet[];
+};
+export declare const useUpSetChartSizes: ({ width, height, intersections, sets }: Props) => {
+    labels: string[];
+    svgWidth: number;
+    svgHeight: number;
+    intersectionsChartWidth: number;
+    intersectionsChartHeight: number;
+    matrixY: number;
+    matrixHeight: number;
+    maxLabelsWidth: number;
+    leftPadding: number;
+    setsChartWidth: number;
+};
+export {};

package/esm/UpSetChart/useUpSetChartSizes.js

@@ -0,0 +1,30 @@
+import { GAP_BEFORE_LEFT_BAR, GAP_BETWEEN_TABLE_AND_CHART, MATRIX_ROW_HEIGHT, MAX_SETS_CHART_WIDTH, MIN_INTERSECTION_CHART_HEIGHT, MIN_MATRIX_COLUMN_WIDTH, MIN_SETS_CHART_WIDTH, TEXT_GAP, TOP_GAP } from './constants';
+import { truncateLabels } from './helpers';
+export var useUpSetChartSizes = function (_a) {
+    var width = _a.width, height = _a.height, intersections = _a.intersections, sets = _a.sets;
+    var minMatrixWidth = intersections.length * MIN_MATRIX_COLUMN_WIDTH * 1.2;
+    var matrixHeight = sets.length * MATRIX_ROW_HEIGHT;
+    var availableLabelsWidth = width - minMatrixWidth - TEXT_GAP * 2 - GAP_BEFORE_LEFT_BAR - MIN_SETS_CHART_WIDTH;
+    var _b = truncateLabels(sets, availableLabelsWidth), labels = _b.labels, labelsWidth = _b.maxWidth;
+    var availableSetsChartWidth = width - minMatrixWidth - TEXT_GAP * 2 - GAP_BEFORE_LEFT_BAR - labelsWidth;
+    var setsChartWidth = Math.min(Math.max(availableSetsChartWidth, MIN_SETS_CHART_WIDTH), MAX_SETS_CHART_WIDTH);
+    var maxLabelsWidth = width - minMatrixWidth - TEXT_GAP * 2 - GAP_BEFORE_LEFT_BAR - setsChartWidth;
+    var leftPadding = setsChartWidth + labelsWidth + TEXT_GAP * 2 + GAP_BEFORE_LEFT_BAR;
+    var intersectionsChartWidth = Math.max(minMatrixWidth, width - leftPadding);
+    var intersectionsChartHeight = Math.max(MIN_INTERSECTION_CHART_HEIGHT, height - TOP_GAP - matrixHeight - GAP_BETWEEN_TABLE_AND_CHART);
+    var svgWidth = leftPadding + intersectionsChartWidth;
+    var svgHeight = intersectionsChartHeight + matrixHeight + TOP_GAP + GAP_BETWEEN_TABLE_AND_CHART;
+    var matrixY = svgHeight - matrixHeight - 1;
+    return {
+        labels: labels,
+        svgWidth: svgWidth,
+        svgHeight: svgHeight,
+        intersectionsChartWidth: intersectionsChartWidth,
+        intersectionsChartHeight: intersectionsChartHeight,
+        matrixY: matrixY,
+        matrixHeight: matrixHeight,
+        maxLabelsWidth: maxLabelsWidth,
+        leftPadding: leftPadding,
+        setsChartWidth: setsChartWidth
+    };
+};

package/esm/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/esm/features/activity-log/ActivitiesFactory/ActivitiesFactory.js

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

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

@@ -0,0 +1,262 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
+import { CollapsibleItemsProvider } from '../contexts/CollapsibleItemsContext';
+import { ActivityTypes } from '../types';
+import { ActivitiesFactory } from './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.createElement(MdmModuleProvider, { values: mdmValues },
+            React.createElement(CollapsibleItemsProvider, null, children)));
+    };
+    return render(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: ActivityTypes.COMMENT_ADDED };
+            setUp({ props: props });
+            screen.getByTestId('comment-activity');
+        });
+        it('should render comment activity for COMMENT_DELETED activity type', function () {
+            var props = { type: ActivityTypes.COMMENT_DELETED };
+            setUp({ props: props });
+            screen.getByTestId('comment-activity');
+        });
+        it('should render comment activity for COMMENT_UPDATED activity type', function () {
+            var props = { type: ActivityTypes.COMMENT_UPDATED };
+            setUp({ props: props });
+            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: ActivityTypes.ENTITIES_MERGED_MANUALLY };
+            setUp({ props: props });
+            screen.getByTestId('merge-activity');
+        });
+        it('should render merge activity for ENTITIES_MERGED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.ENTITIES_MERGED };
+            setUp({ props: props });
+            screen.getByTestId('merge-activity');
+        });
+        it('should render merge activity for ENTITIES_MERGED_ON_THE_FLY activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.ENTITIES_MERGED_ON_THE_FLY };
+            setUp({ props: props });
+            screen.getByTestId('merge-activity');
+        });
+        it('should render merge activity for ENTITIES_SPLITTED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.ENTITIES_SPLITTED };
+            setUp({ props: props });
+            screen.getByTestId('merge-activity');
+        });
+        it('should render merge activity for ENTITY_LOST_MERGE activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.ENTITY_LOST_MERGE };
+            setUp({ props: props });
+            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: ActivityTypes.POTENTIAL_MATCHES_FOUND };
+            setUp({ props: props });
+            screen.getByTestId('potential-match-activity');
+        });
+        it('should render potential match activity for POTENTIAL_MATCHES_REMOVED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.POTENTIAL_MATCHES_REMOVED };
+            setUp({ props: props });
+            screen.getByTestId('potential-match-activity');
+        });
+        it('should render potential match activity for NOT_MATCHES_SET activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.NOT_MATCHES_SET };
+            setUp({ props: props });
+            screen.getByTestId('potential-match-activity');
+        });
+        it('should render potential match activity for NOT_MATCHES_RESET activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.NOT_MATCHES_RESET };
+            setUp({ props: props });
+            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: ActivityTypes.ENTITY_CHANGED };
+            setUp({ props: props });
+            screen.getByTestId('profile-activity');
+        });
+        it('should render profile activity for ENTITY_CREATED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.ENTITY_CREATED };
+            setUp({ props: props });
+            screen.getByTestId('profile-activity');
+        });
+        it('should render profile activity for ENTITY_REMOVED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.ENTITY_REMOVED };
+            setUp({ props: props });
+            screen.getByTestId('profile-activity');
+        });
+        it('should render profile activity for ANALYTICS_ATTRIBUTES_CHANGED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.ANALYTICS_ATTRIBUTES_CHANGED };
+            setUp({ props: props });
+            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: ActivityTypes.RELATIONSHIP_CHANGED };
+            setUp({ props: props });
+            screen.getByTestId('relation-activity');
+        });
+        it('should render relation activity for RELATIONSHIP_CREATED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.RELATIONSHIP_CREATED };
+            setUp({ props: props });
+            screen.getByTestId('relation-activity');
+        });
+        it('should render relation activity for RELATIONSHIP_REMOVED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.RELATIONSHIP_REMOVED };
+            setUp({ props: props });
+            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: ActivityTypes.USER_SEARCH
+            };
+            setUp({ props: props });
+            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: ActivityTypes.GROUP_CHANGED };
+            setUp({ props: props });
+            screen.getByTestId('group-activity');
+        });
+        it('should render group activity for GROUP_CREATED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.GROUP_CREATED };
+            setUp({ props: props });
+            screen.getByTestId('group-activity');
+        });
+        it('should render group activity for GROUP_REMOVED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.GROUP_REMOVED };
+            setUp({ props: props });
+            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: ActivityTypes.USER_LOGIN };
+            setUp({ props: props });
+            screen.getByTestId('simple-activity');
+        });
+        it('should render simple activity for USER_LOGOUT activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.USER_LOGOUT };
+            setUp({ props: props });
+            screen.getByTestId('simple-activity');
+        });
+        it('should render simple activity for MODEL_UPDATED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.MODEL_UPDATED };
+            setUp({ props: props });
+            screen.getByTestId('simple-activity');
+        });
+        it('should render simple activity for PERIODIC_TASK_SCHEDULED activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.PERIODIC_TASK_SCHEDULED };
+            setUp({ props: props });
+            screen.getByTestId('simple-activity');
+        });
+        it('should render simple activity for USER_PROFILE_VIEW activity type', function () {
+            var props = { data: defaultData, type: ActivityTypes.USER_PROFILE_VIEW };
+            setUp({ props: props });
+            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: ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE
+            };
+            setUp({ props: props });
+            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 });
+            screen.getByText('UNEXPECTED_ACTIVITY NOT IMPLEMENTED');
+        });
+    });
+});

package/esm/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/esm/features/activity-log/ActivitiesFactory/components/CommentActivity/CommentActivity.js

@@ -2,5 +2,5 @@ import React from 'react';
 import { ActivityTitle } from '../../../ActivityTitle';
 export var CommentActivity = function (_a) {
     var type = _a.type;
-    return React.createElement(ActivityTitle, { type: type });
+    return React.createElement(ActivityTitle, { type: type, "data-reltio-id": "comment-activity" });
 };

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

@@ -1,28 +1,10 @@
 import React from 'react';
-import { shallow } from 'enzyme';
-import { CommentActivity } from './CommentActivity';
+import { render, screen } from '@testing-library/react';
 import { ActivityTypes } from '../../../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
-    };
+import { CommentActivity } from './CommentActivity';
+describe('Comment activity tests', function () {
     it('should render correctly', function () {
-        var wrapper = shallow(React.createElement(CommentActivity, { type: ActivityTypes.COMMENT_ADDED, data: data }));
-        expect(wrapper.find('ActivityTitle').prop('type')).toBe(ActivityTypes.COMMENT_ADDED);
+        render(React.createElement(CommentActivity, { type: ActivityTypes.COMMENT_ADDED }));
+        screen.getByText('Comment added');
     });
 });

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

@@ -1,13 +1,13 @@
 import React from 'react';
-import { ActivityTitle } from '../../../ActivityTitle';
 import { getGroupLabelByTypeUri, getLabel } from '@reltio/mdm-sdk';
 import { useMdmMetadata } from '../../../../../contexts/MdmModuleContext';
+import { ActivityTitle } from '../../../ActivityTitle';
 import { ObjectLabel } from '../ObjectLabel';
 export var GroupActivity = function (_a) {
     var _b, _c;
     var data = _a.data, type = _a.type;
     var metadata = useMdmMetadata();
     var label = getGroupLabelByTypeUri(metadata, (_c = (_b = data.items) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.objectType);
-    return (React.createElement(ActivityTitle, { type: type },
+    return (React.createElement(ActivityTitle, { type: type, "data-reltio-id": "group-activity" },
         React.createElement(ObjectLabel, { label: getLabel(label) })));
 };