@reltio/components 1.4.698 → 1.4.702

package/components/activityLog/ActivityLog/items/ActivityItem/styles.js

@@ -0,0 +1,56 @@
+"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 ({
+    activityItem: {
+        display: 'flex',
+        minHeight: '40px',
+        padding: '10px 0 5px 0',
+        boxSizing: 'border-box'
+    },
+    activityIcon: {
+        marginLeft: '-13px',
+        marginRight: '15px',
+        width: '24px',
+        height: '24px',
+        background: '#4896DF',
+        borderRadius: '50%',
+        border: '1px solid white',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexShrink: 0,
+        '& svg': {
+            fill: 'white',
+            fontSize: '14px'
+        }
+    },
+    activityInfo: {
+        flex: 1,
+        overflow: 'hidden',
+        position: 'relative'
+    },
+    activityUser: {
+        fontSize: 13,
+        lineHeight: '15px',
+        color: theme.palette.text.secondary,
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis'
+    },
+    activityEvent: {
+        marginTop: '5px'
+    },
+    date: {
+        position: 'absolute',
+        right: 0,
+        marginTop: '5px',
+        fontSize: 12,
+        lineHeight: '16px',
+        color: theme.palette.text.primary,
+        marginLeft: 'auto',
+        flexShrink: 0,
+        paddingLeft: 8
+    }
+}); });

package/components/activityLog/ActivityLog/items/GroupItem/GroupItem.js

@@ -0,0 +1,22 @@
+"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 Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Spacer_1 = __importDefault(require("../../../../Spacer/Spacer"));
+var CollapseButton_1 = __importDefault(require("../../../../CollapseButton/CollapseButton"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var styles_1 = require("./styles");
+var GroupItem = function (_a) {
+    var _b = _a.item, index = _b.index, timestamp = _b.timestamp, collapsed = _b.collapsed, onToggle = _a.onToggle;
+    var styles = styles_1.useStyles();
+    return (react_1.default.createElement("div", { className: styles.groupItem },
+        react_1.default.createElement("div", { className: styles.groupIcon }),
+        react_1.default.createElement(Typography_1.default, { className: styles.groupTitle, variant: 'subtitle1' }, mdm_sdk_1.isToday(timestamp) ? ui_i18n_1.default.text('Today') : ui_i18n_1.default.date(timestamp, 'LL')),
+        react_1.default.createElement(Spacer_1.default, null),
+        react_1.default.createElement(CollapseButton_1.default, { isOpen: !collapsed, onClick: function () { return onToggle(index); } })));
+};
+exports.default = GroupItem;

package/components/activityLog/ActivityLog/items/GroupItem/styles.js

@@ -0,0 +1,27 @@
+"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({
+    groupItem: {
+        display: 'flex',
+        height: '40px',
+        alignItems: 'center',
+        paddingTop: '10px',
+        boxSizing: 'border-box'
+    },
+    groupIcon: {
+        marginLeft: '-5px',
+        marginRight: '22px',
+        width: '10px',
+        height: '10px',
+        background: 'white',
+        border: '2px solid #D8D8D8',
+        borderRadius: '50%',
+        boxSizing: 'border-box',
+        flexShrink: 0
+    },
+    groupTitle: {
+        fontWeight: 500
+    }
+});

package/components/activityLog/ActivityLog/styles.js

@@ -0,0 +1,39 @@
+"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({
+    rowDivider: {
+        marginLeft: '28px'
+    },
+    listRow: {
+        paddingLeft: '12px',
+        '&::before': {
+            content: '""',
+            width: '2px',
+            position: 'absolute',
+            height: '100%',
+            top: 0,
+            left: '11px',
+            backgroundColor: '#D8D8D8',
+            zIndex: '-1'
+        },
+        overflow: 'hidden'
+    },
+    firstRow: {
+        '&$listRow::before': {
+            height: 'calc(100% - 20px)',
+            top: '20px'
+        }
+    },
+    lastRow: {
+        '&$listRow::before': {
+            height: '20px'
+        }
+    },
+    singleRow: {
+        '&$listRow::before': {
+            display: 'none'
+        }
+    }
+});

package/components/activityLog/ActivityLogFilter/ActivityLogFilter.js

@@ -0,0 +1,63 @@
+"use strict";
+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 __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"));
+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 handleApply = function (filterValue) {
+        if (!filters_1.isDateRangeValid(filterValue.dateRange)) {
+            onChange(initialValue.current);
+        }
+        else {
+            onChange(filterValue);
+        }
+    };
+    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 })));
+};
+exports.default = ActivityLogFilter;

package/components/activityLog/ActivityLogFilter/ActivityLogFilterHeader.js

@@ -0,0 +1,26 @@
+"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");
+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 },
+            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 }))));
+};
+exports.default = ActivityLogFilterHeader;

package/components/activityLog/ActivityLogFilter/helpers.js

@@ -0,0 +1,42 @@
+"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) {
+        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 getDateLabel = function (date) {
+        var formatDateValue = function (value) {
+            return "" + mdm_sdk_1.formatDataTypeValue({ dataTypeDefinition: { type: mdm_sdk_1.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}', {
+                    startDate: formatDateValue(date.period[0]),
+                    endDate: formatDateValue(date.period[1])
+                });
+            default:
+                return null;
+        }
+    };
+    return ramda_1.pipe(ramda_1.reject(ramda_1.isNil), ramda_1.join(' | '))([activityLabel, attributesLabel, sourcesLabel, getDateLabel(filters.dateRange), userLabel]);
+};
+exports.getFilterLabel = getFilterLabel;

package/components/activityLog/ActivityLogFilter/styles.js

@@ -0,0 +1,21 @@
+"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 ({
+    header: {
+        width: 'auto',
+        display: 'flex',
+        alignItems: 'center'
+    },
+    label: {
+        paddingLeft: '7px',
+        fontSize: '14px'
+    },
+    icon: {
+        margin: '4px'
+    },
+    buttonsWrapper: {
+        marginLeft: 'auto'
+    }
+}); });

package/components/activityLog/activities/ActivitiesFactory.js

@@ -0,0 +1,121 @@
+"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 Calendar_1 = __importDefault(require("../../../icons/Calendar"));
+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"));
+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 });
+            default:
+                return react_1.default.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(Calendar_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:
+            default:
+                return react_1.default.createElement(Create_1.default, null);
+        }
+    };
+    return ActivitiesFactory;
+}());
+exports.default = ActivitiesFactory;

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

@@ -0,0 +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 activities_1 = require("../../utils/activities");
+var styles_1 = require("./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)),
+        children));
+};
+exports.default = ActivityTitle;

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

@@ -0,0 +1,20 @@
+"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 ({
+    activityTitle: {
+        display: 'block',
+        fontWeight: 500,
+        fontSize: 13,
+        lineHeight: '15px',
+        color: theme.palette.text.primary,
+        marginBottom: 8,
+        marginRight: 70
+    },
+    activityType: {
+        flexShrink: 0,
+        marginRight: 8,
+        whiteSpace: 'nowrap'
+    }
+}); });

package/components/activityLog/activities/CommentActivity.js

@@ -0,0 +1,12 @@
+"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 CommentActivity = function (_a) {
+    var type = _a.type;
+    return react_1.default.createElement(ActivityTitle_1.default, { type: type });
+};
+exports.default = CommentActivity;

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

@@ -0,0 +1,19 @@
+"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");
+var EntityObject = function (_a) {
+    var item = _a.item;
+    var styles = styles_1.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)));
+};
+exports.default = EntityObject;

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

@@ -0,0 +1,17 @@
+"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 ({
+    link: {
+        fontSize: 13,
+        lineHeight: '15px',
+        color: '#0072CE',
+        textDecoration: 'none',
+        fontWeight: 400,
+        '&.removed': {
+            pointerEvents: 'none',
+            color: theme.palette.text.secondary
+        }
+    }
+}); });

package/components/activityLog/activities/GroupActivity.js

@@ -0,0 +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 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");
+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))));
+};
+exports.default = GroupActivity;

package/components/activityLog/activities/MergeActivity.js

@@ -0,0 +1,19 @@
+"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"));
+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 }))));
+};
+exports.default = MergeActivity;

package/components/activityLog/activities/MoreItemsLink/MoreItemsLink.js

@@ -0,0 +1,40 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoreItemsLink = void 0;
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Link_1 = __importDefault(require("@material-ui/core/Link"));
+var MoreItemsLink = function (_a) {
+    var itemsCount = _a.itemsCount, itemsLabel = _a.itemsLabel, props = __rest(_a, ["itemsCount", "itemsLabel"]);
+    return (react_1.default.createElement(Link_1.default, __assign({ component: "button", variant: "caption" }, props, { underline: "none" }),
+        react_1.default.createElement("span", null,
+            ui_i18n_1.default.text('${itemsCount} more', { itemsCount: itemsCount }),
+            " ",
+            itemsLabel)));
+};
+exports.MoreItemsLink = MoreItemsLink;

package/components/activityLog/activities/PotentialMatchActivity.js

@@ -0,0 +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 ActivityTitle_1 = __importDefault(require("./ActivityTitle/ActivityTitle"));
+var CollapsibleActivityRecords_1 = require("./records/CollapsibleActivityRecords");
+var PotentialMatchRecord_1 = __importDefault(require("./records/PotentialMatchRecord"));
+var PotentialMatchActivity = function (_a) {
+    var type = _a.type, data = _a.data;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(ActivityTitle_1.default, { type: type }),
+        react_1.default.createElement(CollapsibleActivityRecords_1.CollapsibleActivityRecords, { activityUri: data.uri, items: data.items, RecordComponent: PotentialMatchRecord_1.default })));
+};
+exports.default = PotentialMatchActivity;

package/components/activityLog/activities/ProfileActivity.js

@@ -0,0 +1,19 @@
+"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 EntityRecord_1 = __importDefault(require("./records/EntityRecord"));
+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_1.default.createElement("div", null,
+        react_1.default.createElement(ActivityTitle_1.default, { type: type }, isMinimized && react_1.default.createElement(EntityObject_1.default, { item: data.items[0] })),
+        !isMinimized && (react_1.default.createElement(CollapsibleActivityRecords_1.CollapsibleActivityRecords, { activityUri: data.uri, items: data.items, RecordComponent: EntityRecord_1.default }))));
+};
+exports.default = ProfileActivity;