@reltio/components 1.4.876 → 1.4.877

package/components/activityLog/ActivityLogFilter/ActivityLogFilter.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,43 +9,20 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var ActivityLogFilterHeader_1 = __importDefault(require("./ActivityLogFilterHeader"));
-var ActivityFilterEditor_1 = __importDefault(require("../ActivityFilterEditor/ActivityFilterEditor"));
-var ActivityExportButton_1 = __importDefault(require("../ActivityExportButton/ActivityExportButton"));
-var filters_1 = require("../utils/filters");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+import React, { useRef, useState } from 'react';
+import { useSelector } from 'react-redux';
+import ActivityLogFilterHeader from './ActivityLogFilterHeader';
+import ActivityFilterEditor from '../ActivityFilterEditor/ActivityFilterEditor';
+import ActivityExportButton from '../ActivityExportButton/ActivityExportButton';
+import { isDateRangeValid } from '../utils/filters';
+import mdmModule from '@reltio/mdm-module';
 var ActivityLogFilter = function (_a) {
     var value = _a.value, entityType = _a.entityType, entityUri = _a.entityUri, onChange = _a.onChange, exportTypes = _a.exportTypes;
-    var initialValue = react_1.useRef(value);
-    var canExport = react_redux_1.useSelector(mdm_module_1.default.selectors.getCanUserMakeActivitiesExport);
-    var _b = react_1.useState(false), isEditorOpen = _b[0], setIsEditorOpen = _b[1];
+    var initialValue = useRef(value);
+    var canExport = useSelector(mdmModule.selectors.getCanUserMakeActivitiesExport);
+    var _b = useState(false), isEditorOpen = _b[0], setIsEditorOpen = _b[1];
     var handleApply = function (filterValue) {
-        if (!filters_1.isDateRangeValid(filterValue.dateRange)) {
+        if (!isDateRangeValid(filterValue.dateRange)) {
             onChange(initialValue.current);
         }
         else {
@@ -56,8 +32,8 @@ var ActivityLogFilter = function (_a) {
     var handleClear = function () { return onChange(__assign({}, initialValue.current)); };
     var handleCancel = function () { return setIsEditorOpen(false); };
     var handleToggleFilter = function () { return setIsEditorOpen(function (isEditorOpen) { return !isEditorOpen; }); };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ActivityLogFilterHeader_1.default, { onToggle: handleToggleFilter, filters: value }, canExport && react_1.default.createElement(ActivityExportButton_1.default, { filters: __assign(__assign({}, value), { entityUri: entityUri }), exportTypes: exportTypes })),
-        react_1.default.createElement(ActivityFilterEditor_1.default, { value: value, open: isEditorOpen, entityType: entityType, onApply: handleApply, onCancel: handleCancel, onClear: handleClear })));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ActivityLogFilterHeader, { onToggle: handleToggleFilter, filters: value }, canExport && React.createElement(ActivityExportButton, { filters: __assign(__assign({}, value), { entityUri: entityUri }), exportTypes: exportTypes })),
+        React.createElement(ActivityFilterEditor, { value: value, open: isEditorOpen, entityType: entityType, onApply: handleApply, onCancel: handleCancel, onClear: handleClear })));
 };
-exports.default = ActivityLogFilter;
+export default ActivityLogFilter;

package/components/activityLog/ActivityLogFilter/ActivityLogFilterHeader.js

@@ -1,26 +1,21 @@
-"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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var FilterList_1 = __importDefault(require("@material-ui/icons/FilterList"));
-var helpers_1 = require("./helpers");
-var SmallIconButton_1 = require("../../SmallIconButton");
-var styles_1 = require("./styles");
+import React from 'react';
+import i18n from 'ui-i18n';
+import Tooltip from '@material-ui/core/Tooltip';
+import Typography from '@material-ui/core/Typography';
+import FilterListIcon from '@material-ui/icons/FilterList';
+import { getFilterLabel } from './helpers';
+import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
+import { useStyles } from './styles';
 var ActivityLogFilterHeader = function (_a) {
     var children = _a.children, onToggle = _a.onToggle, filters = _a.filters;
-    var styles = styles_1.useStyles();
-    var filterLabel = helpers_1.getFilterLabel(filters);
-    return (react_1.default.createElement("div", { className: styles.header },
-        react_1.default.createElement(Typography_1.default, { variant: "body2", className: styles.label }, ui_i18n_1.default.text('Filter:')),
-        react_1.default.createElement(Tooltip_1.default, { title: filterLabel },
-            react_1.default.createElement(Typography_1.default, { variant: "body2", className: styles.label, color: "textSecondary", display: "block", noWrap: true }, filterLabel)),
-        react_1.default.createElement("div", { className: styles.buttonsWrapper },
+    var styles = useStyles();
+    var filterLabel = getFilterLabel(filters);
+    return (React.createElement("div", { className: styles.header },
+        React.createElement(Typography, { variant: "body2", className: styles.label }, i18n.text('Filter:')),
+        React.createElement(Tooltip, { title: filterLabel },
+            React.createElement(Typography, { variant: "body2", className: styles.label, color: "textSecondary", display: "block", noWrap: true }, filterLabel)),
+        React.createElement("div", { className: styles.buttonsWrapper },
             children,
-            react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: FilterList_1.default, size: "L", onClick: onToggle, tooltipTitle: ui_i18n_1.default.text('Filter'), className: styles.icon }))));
+            React.createElement(SmallIconButtonWithTooltip, { icon: FilterListIcon, size: "L", onClick: onToggle, tooltipTitle: i18n.text('Filter'), className: styles.icon }))));
 };
-exports.default = ActivityLogFilterHeader;
+export default ActivityLogFilterHeader;

package/components/activityLog/ActivityLogFilter/helpers.js

@@ -1,35 +1,29 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFilterLabel = void 0;
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var types_1 = require("../../../types");
-var activities_1 = require("../utils/activities");
-var getFilterLabel = function (filters) {
-    var getLabel = ramda_1.curry(function (unit, pluralUnit, values) {
+import i18n from 'ui-i18n';
+import { curry, join, identity, isNil, map, pipe, reject, sortBy, defaultTo } from 'ramda';
+import { DataTypes, formatDataTypeValue } from '@reltio/mdm-sdk';
+import { DateRangeTypes } from '../../../types';
+import { getActivityLabel } from '../utils/activities';
+export var getFilterLabel = function (filters) {
+    var getLabel = curry(function (unit, pluralUnit, values) {
         return values.length <= 1
             ? values[0]
             : values[0] + " + " + (values.length - 1) + " " + (values.length === 2 ? unit : pluralUnit);
     });
-    var activityLabel = ramda_1.pipe(ramda_1.map(activities_1.getActivityLabel), getLabel(ui_i18n_1.default.text('activity'), ui_i18n_1.default.text('activities')))(filters.activities);
-    var userLabel = getLabel(ui_i18n_1.default.text('user'), ui_i18n_1.default.text('users'), filters.users);
-    var attributesLabel = ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.map(function (attribute) { return attribute.label; }), ramda_1.sortBy(ramda_1.identity), getLabel(ui_i18n_1.default.text('attribute'), ui_i18n_1.default.text('attributes')))(filters.attributes);
-    var sourcesLabel = ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.map(function (source) { return source.label; }), getLabel(ui_i18n_1.default.text('source'), ui_i18n_1.default.text('sources')))(filters.sources);
+    var activityLabel = pipe(map(getActivityLabel), getLabel(i18n.text('activity'), i18n.text('activities')))(filters.activities);
+    var userLabel = getLabel(i18n.text('user'), i18n.text('users'), filters.users);
+    var attributesLabel = pipe(defaultTo([]), map(function (attribute) { return attribute.label; }), sortBy(identity), getLabel(i18n.text('attribute'), i18n.text('attributes')))(filters.attributes);
+    var sourcesLabel = pipe(defaultTo([]), map(function (source) { return source.label; }), getLabel(i18n.text('source'), i18n.text('sources')))(filters.sources);
     var getDateLabel = function (date) {
         var formatDateValue = function (value) {
-            return "" + mdm_sdk_1.formatDataTypeValue({ dataTypeDefinition: { type: mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE } }, value);
+            return "" + formatDataTypeValue({ dataTypeDefinition: { type: DataTypes.TYPE_ACTIVENESS_DATE } }, value);
         };
         switch (date.type) {
-            case types_1.DateRangeTypes.WITHIN:
-                return ui_i18n_1.default.text('Within ${amount} ${unit}', { amount: date.period[0], unit: date.period[1] });
-            case types_1.DateRangeTypes.AGO:
-                return ui_i18n_1.default.text('More than ${amount} ${unit} ago', { amount: date.period[0], unit: date.period[1] });
-            case types_1.DateRangeTypes.BETWEEN:
-                return ui_i18n_1.default.text('${startDate} to ${endDate}', {
+            case DateRangeTypes.WITHIN:
+                return i18n.text('Within ${amount} ${unit}', { amount: date.period[0], unit: date.period[1] });
+            case DateRangeTypes.AGO:
+                return i18n.text('More than ${amount} ${unit} ago', { amount: date.period[0], unit: date.period[1] });
+            case DateRangeTypes.BETWEEN:
+                return i18n.text('${startDate} to ${endDate}', {
                     startDate: formatDateValue(date.period[0]),
                     endDate: formatDateValue(date.period[1])
                 });
@@ -37,6 +31,5 @@ var getFilterLabel = function (filters) {
                 return null;
         }
     };
-    return ramda_1.pipe(ramda_1.reject(ramda_1.isNil), ramda_1.join(' | '))([activityLabel, attributesLabel, sourcesLabel, getDateLabel(filters.dateRange), userLabel]);
+    return pipe(reject(isNil), join(' | '))([activityLabel, attributesLabel, sourcesLabel, getDateLabel(filters.dateRange), userLabel]);
 };
-exports.getFilterLabel = getFilterLabel;

package/components/activityLog/ActivityLogFilter/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     header: {
         width: 'auto',
         display: 'flex',

package/components/activityLog/activities/ActivitiesFactory.js

@@ -1,121 +1,116 @@
-"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 types_1 = require("../types");
-var CommentActivity_1 = __importDefault(require("./CommentActivity"));
-var GroupActivity_1 = __importDefault(require("./GroupActivity"));
-var MergeActivity_1 = __importDefault(require("./MergeActivity"));
-var PotentialMatchActivity_1 = __importDefault(require("./PotentialMatchActivity"));
-var ProfileActivity_1 = __importDefault(require("./ProfileActivity"));
-var RelationActivity_1 = __importDefault(require("./RelationActivity"));
-var SearchActivity_1 = __importDefault(require("./SearchActivity"));
-var SimpleActivity_1 = __importDefault(require("./SimpleActivity"));
-var Add_1 = __importDefault(require("../../../icons/Add"));
-var CalendarToday_1 = __importDefault(require("@material-ui/icons/CalendarToday"));
-var Comment_1 = __importDefault(require("../../../icons/Comment"));
-var Create_1 = __importDefault(require("../../../icons/Create"));
-var LogIn_1 = __importDefault(require("../../../icons/LogIn"));
-var LogOut_1 = __importDefault(require("../../../icons/LogOut"));
-var Merge_1 = __importDefault(require("../../../icons/Merge"));
-var NoMatches_1 = __importDefault(require("../../../icons/NoMatches"));
-var PotentialMatch_1 = __importDefault(require("../../../icons/PotentialMatch"));
-var Profile_1 = __importDefault(require("../../../icons/Profile"));
-var Remove_1 = __importDefault(require("../../../icons/Remove"));
-var Search_1 = __importDefault(require("../../../icons/Search"));
-var UnMerge_1 = __importDefault(require("../../../icons/UnMerge"));
+import React from 'react';
+import { ActivityTypes } from '../types';
+import CommentActivity from './CommentActivity';
+import GroupActivity from './GroupActivity';
+import MergeActivity from './MergeActivity';
+import PotentialMatchActivity from './PotentialMatchActivity';
+import ProfileActivity from './ProfileActivity';
+import RelationActivity from './RelationActivity';
+import SearchActivity from './SearchActivity';
+import SimpleActivity from './SimpleActivity';
+import AddIcon from '../../../icons/Add';
+import CalendarTodayIcon from '@material-ui/icons/CalendarToday';
+import CommentIcon from '../../../icons/Comment';
+import CreateIcon from '../../../icons/Create';
+import LoginIcon from '../../../icons/LogIn';
+import LogoutIcon from '../../../icons/LogOut';
+import MergeIcon from '../../../icons/Merge';
+import NoMatchesIcon from '../../../icons/NoMatches';
+import PotentialMatchIcon from '../../../icons/PotentialMatch';
+import ProfileIcon from '../../../icons/Profile';
+import RemoveIcon from '../../../icons/Remove';
+import SearchIcon from '../../../icons/Search';
+import UnMergeIcon from '../../../icons/UnMerge';
 var ActivitiesFactory = /** @class */ (function () {
     function ActivitiesFactory() {
     }
     ActivitiesFactory.getComponent = function (_a) {
         var type = _a.type, data = _a.data;
         switch (type) {
-            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.default, { data: data, type: type });
-            case types_1.ActivityTypes.ENTITIES_MERGED_MANUALLY:
-            case types_1.ActivityTypes.ENTITIES_MERGED_ON_THE_FLY:
-            case types_1.ActivityTypes.ENTITIES_SPLITTED:
-            case types_1.ActivityTypes.ENTITY_LOST_MERGE:
-                return react_1.default.createElement(MergeActivity_1.default, { data: data, type: type });
-            case types_1.ActivityTypes.POTENTIAL_MATCHES_FOUND:
-            case types_1.ActivityTypes.POTENTIAL_MATCHES_REMOVED:
-            case types_1.ActivityTypes.NOT_MATCHES_SET:
-            case types_1.ActivityTypes.NOT_MATCHES_RESET:
-                return react_1.default.createElement(PotentialMatchActivity_1.default, { data: data, type: type });
-            case types_1.ActivityTypes.ENTITY_CHANGED:
-            case types_1.ActivityTypes.ENTITY_CREATED:
-            case types_1.ActivityTypes.ENTITY_REMOVED:
-                return react_1.default.createElement(ProfileActivity_1.default, { data: data, type: type });
-            case types_1.ActivityTypes.RELATIONSHIP_CHANGED:
-            case types_1.ActivityTypes.RELATIONSHIP_CREATED:
-            case types_1.ActivityTypes.RELATIONSHIP_REMOVED:
-                return react_1.default.createElement(RelationActivity_1.default, { data: data, type: type });
-            case types_1.ActivityTypes.USER_SEARCH:
-                return react_1.default.createElement(SearchActivity_1.default, { data: data, type: type });
-            case types_1.ActivityTypes.GROUP_CHANGED:
-            case types_1.ActivityTypes.GROUP_CREATED:
-            case types_1.ActivityTypes.GROUP_REMOVED:
-                return react_1.default.createElement(GroupActivity_1.default, { data: data, type: type });
-            case types_1.ActivityTypes.USER_LOGIN:
-            case types_1.ActivityTypes.USER_LOGOUT:
-            case types_1.ActivityTypes.MODEL_UPDATED:
-            case types_1.ActivityTypes.PERIODIC_TASK_SCHEDULED:
-            case types_1.ActivityTypes.USER_PROFILE_VIEW:
-                return react_1.default.createElement(SimpleActivity_1.default, { data: data, type: type });
+            case ActivityTypes.COMMENT_ADDED:
+            case ActivityTypes.COMMENT_DELETED:
+            case ActivityTypes.COMMENT_UPDATED:
+                return React.createElement(CommentActivity, { data: data, type: type });
+            case ActivityTypes.ENTITIES_MERGED_MANUALLY:
+            case ActivityTypes.ENTITIES_MERGED_ON_THE_FLY:
+            case ActivityTypes.ENTITIES_SPLITTED:
+            case ActivityTypes.ENTITY_LOST_MERGE:
+                return React.createElement(MergeActivity, { data: data, type: type });
+            case ActivityTypes.POTENTIAL_MATCHES_FOUND:
+            case ActivityTypes.POTENTIAL_MATCHES_REMOVED:
+            case ActivityTypes.NOT_MATCHES_SET:
+            case ActivityTypes.NOT_MATCHES_RESET:
+                return React.createElement(PotentialMatchActivity, { data: data, type: type });
+            case ActivityTypes.ENTITY_CHANGED:
+            case ActivityTypes.ENTITY_CREATED:
+            case ActivityTypes.ENTITY_REMOVED:
+                return React.createElement(ProfileActivity, { data: data, type: type });
+            case ActivityTypes.RELATIONSHIP_CHANGED:
+            case ActivityTypes.RELATIONSHIP_CREATED:
+            case ActivityTypes.RELATIONSHIP_REMOVED:
+                return React.createElement(RelationActivity, { data: data, type: type });
+            case ActivityTypes.USER_SEARCH:
+                return React.createElement(SearchActivity, { data: data, type: type });
+            case ActivityTypes.GROUP_CHANGED:
+            case ActivityTypes.GROUP_CREATED:
+            case ActivityTypes.GROUP_REMOVED:
+                return React.createElement(GroupActivity, { data: data, type: type });
+            case ActivityTypes.USER_LOGIN:
+            case ActivityTypes.USER_LOGOUT:
+            case ActivityTypes.MODEL_UPDATED:
+            case ActivityTypes.PERIODIC_TASK_SCHEDULED:
+            case ActivityTypes.USER_PROFILE_VIEW:
+                return React.createElement(SimpleActivity, { data: data, type: type });
             default:
-                return react_1.default.createElement("div", null,
+                return React.createElement("div", null,
                     type,
                     " NOT IMPLEMENTED");
         }
     };
     ActivitiesFactory.getIcon = function (type) {
         switch (type) {
-            case types_1.ActivityTypes.USER_LOGIN:
-                return react_1.default.createElement(LogIn_1.default, null);
-            case types_1.ActivityTypes.USER_LOGOUT:
-                return react_1.default.createElement(LogOut_1.default, null);
-            case types_1.ActivityTypes.USER_PROFILE_VIEW:
-                return react_1.default.createElement(Profile_1.default, null);
-            case types_1.ActivityTypes.PERIODIC_TASK_SCHEDULED:
-                return react_1.default.createElement(CalendarToday_1.default, null);
-            case types_1.ActivityTypes.ENTITIES_SPLITTED:
-                return react_1.default.createElement(UnMerge_1.default, null);
-            case types_1.ActivityTypes.ENTITIES_MERGED_MANUALLY:
-            case types_1.ActivityTypes.ENTITIES_MERGED_ON_THE_FLY:
-            case types_1.ActivityTypes.ENTITY_LOST_MERGE:
-                return react_1.default.createElement(Merge_1.default, null);
-            case types_1.ActivityTypes.ENTITY_CREATED:
-            case types_1.ActivityTypes.RELATIONSHIP_CREATED:
-            case types_1.ActivityTypes.GROUP_CREATED:
-                return react_1.default.createElement(Add_1.default, null);
-            case types_1.ActivityTypes.ENTITY_REMOVED:
-            case types_1.ActivityTypes.RELATIONSHIP_REMOVED:
-            case types_1.ActivityTypes.POTENTIAL_MATCHES_REMOVED:
-            case types_1.ActivityTypes.GROUP_REMOVED:
-                return react_1.default.createElement(Remove_1.default, null);
-            case types_1.ActivityTypes.USER_SEARCH:
-                return react_1.default.createElement(Search_1.default, null);
-            case types_1.ActivityTypes.POTENTIAL_MATCHES_FOUND:
-                return react_1.default.createElement(PotentialMatch_1.default, null);
-            case types_1.ActivityTypes.NOT_MATCHES_RESET:
-            case types_1.ActivityTypes.NOT_MATCHES_SET:
-                return react_1.default.createElement(NoMatches_1.default, null);
-            case types_1.ActivityTypes.COMMENT_ADDED:
-            case types_1.ActivityTypes.COMMENT_UPDATED:
-            case types_1.ActivityTypes.COMMENT_DELETED:
-                return react_1.default.createElement(Comment_1.default, null);
-            case types_1.ActivityTypes.ENTITY_CHANGED:
-            case types_1.ActivityTypes.MODEL_UPDATED:
-            case types_1.ActivityTypes.RELATIONSHIP_CHANGED:
-            case types_1.ActivityTypes.GROUP_CHANGED:
+            case ActivityTypes.USER_LOGIN:
+                return React.createElement(LoginIcon, null);
+            case ActivityTypes.USER_LOGOUT:
+                return React.createElement(LogoutIcon, null);
+            case ActivityTypes.USER_PROFILE_VIEW:
+                return React.createElement(ProfileIcon, null);
+            case ActivityTypes.PERIODIC_TASK_SCHEDULED:
+                return React.createElement(CalendarTodayIcon, null);
+            case ActivityTypes.ENTITIES_SPLITTED:
+                return React.createElement(UnMergeIcon, null);
+            case ActivityTypes.ENTITIES_MERGED_MANUALLY:
+            case ActivityTypes.ENTITIES_MERGED_ON_THE_FLY:
+            case ActivityTypes.ENTITY_LOST_MERGE:
+                return React.createElement(MergeIcon, null);
+            case ActivityTypes.ENTITY_CREATED:
+            case ActivityTypes.RELATIONSHIP_CREATED:
+            case ActivityTypes.GROUP_CREATED:
+                return React.createElement(AddIcon, null);
+            case ActivityTypes.ENTITY_REMOVED:
+            case ActivityTypes.RELATIONSHIP_REMOVED:
+            case ActivityTypes.POTENTIAL_MATCHES_REMOVED:
+            case ActivityTypes.GROUP_REMOVED:
+                return React.createElement(RemoveIcon, null);
+            case ActivityTypes.USER_SEARCH:
+                return React.createElement(SearchIcon, null);
+            case ActivityTypes.POTENTIAL_MATCHES_FOUND:
+                return React.createElement(PotentialMatchIcon, null);
+            case ActivityTypes.NOT_MATCHES_RESET:
+            case ActivityTypes.NOT_MATCHES_SET:
+                return React.createElement(NoMatchesIcon, null);
+            case ActivityTypes.COMMENT_ADDED:
+            case ActivityTypes.COMMENT_UPDATED:
+            case ActivityTypes.COMMENT_DELETED:
+                return React.createElement(CommentIcon, null);
+            case ActivityTypes.ENTITY_CHANGED:
+            case ActivityTypes.MODEL_UPDATED:
+            case ActivityTypes.RELATIONSHIP_CHANGED:
+            case ActivityTypes.GROUP_CHANGED:
             default:
-                return react_1.default.createElement(Create_1.default, null);
+                return React.createElement(CreateIcon, null);
         }
     };
     return ActivitiesFactory;
 }());
-exports.default = ActivitiesFactory;
+export default ActivitiesFactory;

package/components/activityLog/activities/ActivityTitle/ActivityTitle.js

@@ -1,16 +1,11 @@
-"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 activities_1 = require("../../utils/activities");
-var styles_1 = require("./styles");
+import React from 'react';
+import { getActivityLabel } from '../../utils/activities';
+import { useStyles } from './styles';
 var ActivityTitle = function (_a) {
     var type = _a.type, children = _a.children;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("span", { className: styles.activityTitle },
-        react_1.default.createElement("span", { className: styles.activityType }, activities_1.getActivityLabel(type)),
+    var styles = useStyles();
+    return (React.createElement("span", { className: styles.activityTitle },
+        React.createElement("span", { className: styles.activityType }, getActivityLabel(type)),
         children));
 };
-exports.default = ActivityTitle;
+export default ActivityTitle;

package/components/activityLog/activities/ActivityTitle/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     activityTitle: {
         display: 'block',
         fontWeight: 500,

package/components/activityLog/activities/CommentActivity.js

@@ -1,12 +1,7 @@
-"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 ActivityTitle_1 = __importDefault(require("./ActivityTitle/ActivityTitle"));
+import React from 'react';
+import ActivityTitle from './ActivityTitle/ActivityTitle';
 var CommentActivity = function (_a) {
     var type = _a.type;
-    return react_1.default.createElement(ActivityTitle_1.default, { type: type });
+    return React.createElement(ActivityTitle, { type: type });
 };
-exports.default = CommentActivity;
+export default CommentActivity;

package/components/activityLog/activities/EntityObject/EntityObject.js

@@ -1,19 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var classnames_1 = __importDefault(require("classnames"));
-var react_1 = __importDefault(require("react"));
-var EntityUriLink_1 = __importDefault(require("../../../EntityUriLink/EntityUriLink"));
-var types_1 = require("../../types");
-var styles_1 = require("./styles");
+import { getLabel } from '@reltio/mdm-sdk';
+import classnames from 'classnames';
+import React from 'react';
+import EntityUriLink from '../../../EntityUriLink/EntityUriLink';
+import { ActivityTypes } from '../../types';
+import { useStyles } from './styles';
 var EntityObject = function (_a) {
     var item = _a.item;
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var objectLabel = item.objectLabel, objectUri = item.objectUri, data = item.data;
-    var isRemoved = (data === null || data === void 0 ? void 0 : data.type) === types_1.ActivityTypes.ENTITY_REMOVED;
-    return (react_1.default.createElement(EntityUriLink_1.default, { className: classnames_1.default(styles.link, { removed: isRemoved }), value: objectUri }, mdm_sdk_1.getLabel(objectLabel)));
+    var isRemoved = (data === null || data === void 0 ? void 0 : data.type) === ActivityTypes.ENTITY_REMOVED;
+    return (React.createElement(EntityUriLink, { className: classnames(styles.link, { removed: isRemoved }), value: objectUri }, getLabel(objectLabel)));
 };
-exports.default = EntityObject;
+export default EntityObject;

package/components/activityLog/activities/EntityObject/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     link: {
         fontSize: 13,
         lineHeight: '15px',

package/components/activityLog/activities/GroupActivity.js

@@ -1,21 +1,16 @@
-"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_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var ActivityTitle_1 = __importDefault(require("./ActivityTitle/ActivityTitle"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = require("./styles");
+import React from 'react';
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import ActivityTitle from './ActivityTitle/ActivityTitle';
+import { getGroupLabelByTypeUri, getLabel } from '@reltio/mdm-sdk';
+import { useStyles } from './styles';
 var GroupActivity = function (_a) {
     var _b, _c;
     var data = _a.data, type = _a.type;
-    var styles = styles_1.useStyles();
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var label = 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.default, { type: type },
-        react_1.default.createElement("span", { className: styles.objectLabel }, mdm_sdk_1.getLabel(label))));
+    var styles = useStyles();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    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 },
+        React.createElement("span", { className: styles.objectLabel }, getLabel(label))));
 };
-exports.default = GroupActivity;
+export default GroupActivity;

package/components/activityLog/activities/MergeActivity.js

@@ -1,19 +1,14 @@
-"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 ActivityTitle_1 = __importDefault(require("./ActivityTitle/ActivityTitle"));
-var CollapsibleActivityRecords_1 = require("./records/CollapsibleActivityRecords");
-var EntityObject_1 = __importDefault(require("./EntityObject/EntityObject"));
-var PotentialMatchRecord_1 = __importDefault(require("./records/PotentialMatchRecord"));
+import React from 'react';
+import ActivityTitle from './ActivityTitle/ActivityTitle';
+import { CollapsibleActivityRecords } from './records/CollapsibleActivityRecords';
+import EntityObject from './EntityObject/EntityObject';
+import PotentialMatchRecord from './records/PotentialMatchRecord';
 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.default, { type: type }, isMinimized && react_1.default.createElement(EntityObject_1.default, { item: items[0] })),
-        !isMinimized && (react_1.default.createElement(CollapsibleActivityRecords_1.CollapsibleActivityRecords, { activityUri: uri, items: items, RecordComponent: PotentialMatchRecord_1.default }))));
+    return (React.createElement("div", null,
+        React.createElement(ActivityTitle, { type: type }, isMinimized && React.createElement(EntityObject, { item: items[0] })),
+        !isMinimized && (React.createElement(CollapsibleActivityRecords, { activityUri: uri, items: items, RecordComponent: PotentialMatchRecord }))));
 };
-exports.default = MergeActivity;
+export default MergeActivity;