@reltio/components 1.4.701 → 1.4.702

package/components/activityLog/activities/RelationActivity.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 RelationRecord_1 = __importDefault(require("./records/RelationRecord"));
+var RelationObject_1 = __importDefault(require("./RelationObject/RelationObject"));
+var RelationActivity = 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(RelationObject_1.default, { item: data.items[0] })),
+        !isMinimized && (react_1.default.createElement(CollapsibleActivityRecords_1.CollapsibleActivityRecords, { activityUri: data.uri, items: data.items, RecordComponent: RelationRecord_1.default }))));
+};
+exports.default = RelationActivity;

package/components/activityLog/activities/RelationObject/RelationObject.js

@@ -0,0 +1,20 @@
+"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 react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var EntityUriLink_1 = __importDefault(require("../../../EntityUriLink/EntityUriLink"));
+var styles_1 = require("./styles");
+var RelationObject = function (_a) {
+    var item = _a.item;
+    var styles = styles_1.useStyles();
+    var startObjectLabel = item.startObjectLabel, startObjectUri = item.startObjectUri, endObjectLabel = item.endObjectLabel, endObjectUri = item.endObjectUri;
+    return (react_1.default.createElement("span", { className: styles.relationship },
+        react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: startObjectUri }, mdm_sdk_1.getLabel(startObjectLabel)),
+        react_1.default.createElement("span", { className: styles.delimiter }, ui_i18n_1.default.text('to')),
+        react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: endObjectUri }, mdm_sdk_1.getLabel(endObjectLabel))));
+};
+exports.default = RelationObject;

package/components/activityLog/activities/RelationObject/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 ({
+    relationship: {
+        fontSize: 13,
+        lineHeight: '15px',
+        color: theme.palette.text.secondary,
+        overflow: 'hidden'
+    },
+    link: {
+        color: '#0072CE',
+        textDecoration: 'none',
+        fontWeight: 400
+    },
+    delimiter: {
+        margin: '0 8px'
+    }
+}); });

package/components/activityLog/activities/SearchActivity.js

@@ -0,0 +1,47 @@
+"use strict";
+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 mdm_module_1 = require("@reltio/mdm-module");
+var ActivityTitle_1 = __importDefault(require("./ActivityTitle/ActivityTitle"));
+var ramda_1 = require("ramda");
+var core_1 = require("../../../core");
+var useReadableSearchState_1 = require("../hooks/useReadableSearchState");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var styles_1 = require("./styles");
+var SearchActivity = function (_a) {
+    var data = _a.data, type = _a.type;
+    var styles = styles_1.useStyles();
+    var dispatch = react_redux_1.useDispatch();
+    var searchState = react_1.useMemo(function () {
+        var searchData = core_1.parseJSON(data.description);
+        return searchData.version === '2.0' ? searchData.activity.uiState : searchData;
+    }, [data.description]);
+    var openSearch = ramda_1.pipe(ramda_1.always(searchState), mdm_module_1.ui.actions.openSearch, dispatch);
+    var searchString = useReadableSearchState_1.useReadableSearchState(searchState);
+    return (react_1.default.createElement(ActivityTitle_1.default, { type: type },
+        react_1.default.createElement("span", { className: styles.link, onClick: openSearch }, searchString || ui_i18n_1.default.text('all profiles'))));
+};
+exports.default = SearchActivity;

package/components/activityLog/activities/SimpleActivity.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 mdm_sdk_1 = require("@reltio/mdm-sdk");
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var core_1 = require("../../../core");
+var EntityUriLink_1 = __importDefault(require("../../EntityUriLink/EntityUriLink"));
+var ActivityTitle_1 = __importDefault(require("./ActivityTitle/ActivityTitle"));
+var styles_1 = require("./styles");
+var SimpleActivity = function (_a) {
+    var type = _a.type, data = _a.data;
+    var styles = styles_1.useStyles();
+    var description = core_1.parseJSON(data.description);
+    var itemsTotal = data.itemsTotal;
+    return (react_1.default.createElement(ActivityTitle_1.default, { type: type },
+        description && (react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: description.uri }, mdm_sdk_1.getLabel(description.label))),
+        itemsTotal > 1 && (react_1.default.createElement("span", { className: styles.objectLabel }, ui_i18n_1.default.text('(${itemsTotal} records)', { itemsTotal: itemsTotal })))));
+};
+exports.default = SimpleActivity;

package/components/activityLog/activities/fields/DeltaField.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
+var ArrowForward_1 = __importDefault(require("@material-ui/icons/ArrowForward"));
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importDefault(require("react"));
+var react_redux_1 = require("react-redux");
+var types_1 = require("../../types");
+var activities_1 = require("../../utils/activities");
+var styles_1 = require("./styles");
+var commonStyles_1 = require("./commonStyles");
+var DeltaField = function (_a) {
+    var _b, _c;
+    var delta = _a.delta;
+    var styles = styles_1.useStyles();
+    var commonStyles = commonStyles_1.useCommonStyles();
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
+    var attribute = mdm_sdk_1.findAttributeTypeByUri(metadata, delta.attributeType);
+    var newValue = (_b = delta.newValue) === null || _b === void 0 ? void 0 : _b.value;
+    var oldValue = (_c = delta.oldValue) === null || _c === void 0 ? void 0 : _c.value;
+    var value = oldValue || newValue;
+    var deltaLabel = types_1.DeltaTypes[delta.type];
+    return (react_1.default.createElement("div", { className: commonStyles.field },
+        react_1.default.createElement("span", { className: commonStyles.fieldName },
+            (attribute === null || attribute === void 0 ? void 0 : attribute.label) || (attribute === null || attribute === void 0 ? void 0 : attribute.name),
+            ":"),
+        react_1.default.createElement("span", null,
+            value && activities_1.stringifyDeltaValue(value),
+            newValue && oldValue && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(ArrowForward_1.default, { className: styles.arrow }),
+                activities_1.stringifyDeltaValue(newValue)))),
+        deltaLabel && (react_1.default.createElement(Chip_1.default, { variant: "outlined", label: deltaLabel, className: classnames_1.default(styles.chip, deltaLabel) }))));
+};
+exports.default = DeltaField;

package/components/activityLog/activities/fields/PotentialMatchField.js

@@ -0,0 +1,51 @@
+"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 mdm_sdk_1 = require("@reltio/mdm-sdk");
+var EntityUriLink_1 = __importDefault(require("../../../EntityUriLink/EntityUriLink"));
+var types_1 = require("../../types");
+var CollapsibleItemsContext_1 = require("../../contexts/CollapsibleItemsContext");
+var commonStyles_1 = require("./commonStyles");
+var MoreItemsLink_1 = require("../MoreItemsLink/MoreItemsLink");
+var styles_1 = require("./styles");
+var getFieldName = function (type) {
+    var _a;
+    var labels = (_a = {},
+        _a[types_1.ActivityTypes.POTENTIAL_MATCHES_FOUND] = ui_i18n_1.default.text('Matches found'),
+        _a[types_1.ActivityTypes.POTENTIAL_MATCHES_REMOVED] = ui_i18n_1.default.text('Matches removed'),
+        _a[types_1.ActivityTypes.NOT_MATCHES_SET] = ui_i18n_1.default.text('Were set'),
+        _a[types_1.ActivityTypes.NOT_MATCHES_RESET] = ui_i18n_1.default.text('Were reset'),
+        _a[types_1.ActivityTypes.ENTITIES_MERGED_MANUALLY] = ui_i18n_1.default.text('Merged with'),
+        _a[types_1.ActivityTypes.ENTITIES_SPLITTED] = ui_i18n_1.default.text('Un-merged with'),
+        _a);
+    return labels[type] || '';
+};
+var PotentialMatchField = function (_a) {
+    var _b = _a.item, id = _b.id, data = _b.data;
+    var commonStyles = commonStyles_1.useCommonStyles();
+    var styles = styles_1.useStyles();
+    var matches = (data === null || data === void 0 ? void 0 : data.potentialMatches) || (data === null || data === void 0 ? void 0 : data.newUri);
+    var _c = CollapsibleItemsContext_1.useCollapsibleItems({
+        itemsId: id,
+        items: matches.split(',')
+    }), onExpand = _c.onExpand, collapsedItemsCount = _c.collapsedItemsCount, itemsToShow = _c.itemsToShow;
+    var type = data === null || data === void 0 ? void 0 : data.type;
+    return (react_1.default.createElement("div", { className: commonStyles.field },
+        react_1.default.createElement("span", { className: commonStyles.fieldName },
+            getFieldName(type),
+            ":"),
+        itemsToShow
+            .map(function (url, index) { return (react_1.default.createElement(EntityUriLink_1.default, { key: index, value: url, className: commonStyles.link }, mdm_sdk_1.getLabel(data[url]))); })
+            .reduce(function (prev, curr) { return [prev, ', ', curr]; }),
+        collapsedItemsCount ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("span", { className: styles.andLabel },
+                " ",
+                ui_i18n_1.default.text('and'),
+                " "),
+            react_1.default.createElement(MoreItemsLink_1.MoreItemsLink, { itemsCount: collapsedItemsCount, itemsLabel: collapsedItemsCount === 1 ? ui_i18n_1.default.text('match') : ui_i18n_1.default.text('matches'), onClick: onExpand, className: styles.expandLabel }))) : null));
+};
+exports.default = PotentialMatchField;

package/components/activityLog/activities/fields/commonStyles.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCommonStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useCommonStyles = styles_1.makeStyles(function (theme) { return ({
+    field: {
+        fontSize: 12,
+        lineHeight: '20px',
+        color: theme.palette.text.primary,
+        marginTop: 4,
+        display: 'block'
+    },
+    fieldName: {
+        color: theme.palette.text.secondary,
+        marginRight: 8
+    },
+    link: {
+        color: '#0072CE',
+        textDecoration: 'none',
+        fontWeight: 400
+    }
+}); });

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

@@ -0,0 +1,42 @@
+"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 ({
+    arrow: {
+        margin: '0 8px',
+        fontSize: 12,
+        color: theme.palette.text.primary
+    },
+    chip: {
+        height: 20,
+        width: 53,
+        fontSize: 10,
+        fontWeight: 500,
+        lineHeight: '16px',
+        marginLeft: 9,
+        flexShrink: 0,
+        textTransform: 'capitalize',
+        '& span': {
+            padding: 0
+        },
+        '&.edited': {
+            color: '#6973C2',
+            borderColor: '#6973C2'
+        },
+        '&.added': {
+            color: '#75C378',
+            borderColor: '#75C378'
+        },
+        '&.deleted': {
+            color: '#F97061',
+            borderColor: '#F97061'
+        }
+    },
+    expandLabel: {
+        fontSize: 12
+    },
+    andLabel: {
+        color: theme.palette.text.secondary
+    }
+}); });

package/components/activityLog/activities/records/CollapsibleActivityRecords.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 });
+exports.CollapsibleActivityRecords = void 0;
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var CollapsibleItemsContext_1 = require("../../contexts/CollapsibleItemsContext");
+var MoreItemsLink_1 = require("../MoreItemsLink/MoreItemsLink");
+var CollapsibleActivityRecords = function (_a) {
+    var RecordComponent = _a.RecordComponent, items = _a.items, activityUri = _a.activityUri;
+    var _b = CollapsibleItemsContext_1.useCollapsibleItems({
+        itemsId: activityUri,
+        items: items
+    }), onExpand = _b.onExpand, itemsToShow = _b.itemsToShow, collapsedItemsCount = _b.collapsedItemsCount;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        itemsToShow.map(function (item) { return (react_1.default.createElement(RecordComponent, { key: item.id, item: item })); }),
+        collapsedItemsCount ? (react_1.default.createElement(MoreItemsLink_1.MoreItemsLink, { itemsCount: collapsedItemsCount, itemsLabel: collapsedItemsCount === 1 ? ui_i18n_1.default.text('record') : ui_i18n_1.default.text('records'), onClick: onExpand })) : null));
+};
+exports.CollapsibleActivityRecords = CollapsibleActivityRecords;

package/components/activityLog/activities/records/EntityRecord.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Restore_1 = __importDefault(require("@material-ui/icons/Restore"));
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var EntityObject_1 = __importDefault(require("../EntityObject/EntityObject"));
+var RecordUpdates_1 = __importDefault(require("./RecordUpdates"));
+var styles_1 = require("./styles");
+var EntityRecord = function (_a) {
+    var _b;
+    var item = _a.item;
+    var styles = styles_1.useStyles();
+    var deltaArray = (_b = item.deltaCollection) === null || _b === void 0 ? void 0 : _b.delta;
+    return (react_1.default.createElement("div", { className: styles.record },
+        react_1.default.createElement(Typography_1.default, { className: styles.label },
+            !deltaArray && react_1.default.createElement("span", { className: styles.description }, ui_i18n_1.default.text('Profile changed')),
+            react_1.default.createElement(EntityObject_1.default, { item: item })),
+        react_1.default.createElement(Restore_1.default, { className: styles.restoreIcon }),
+        react_1.default.createElement(RecordUpdates_1.default, { updates: deltaArray, recordId: item.id })));
+};
+exports.default = EntityRecord;

package/components/activityLog/activities/records/PotentialMatchRecord.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 EntityObject_1 = __importDefault(require("../EntityObject/EntityObject"));
+var PotentialMatchField_1 = __importDefault(require("../fields/PotentialMatchField"));
+var styles_1 = require("./styles");
+var PotentialMatchRecord = function (_a) {
+    var item = _a.item;
+    var styles = styles_1.useStyles();
+    var _b = item.data, potentialMatches = _b.potentialMatches, newUri = _b.newUri;
+    return potentialMatches || newUri ? (react_1.default.createElement("div", { className: styles.record },
+        react_1.default.createElement("span", { className: styles.label },
+            react_1.default.createElement(EntityObject_1.default, { item: item })),
+        react_1.default.createElement(PotentialMatchField_1.default, { item: item }))) : null;
+};
+exports.default = PotentialMatchRecord;

package/components/activityLog/activities/records/RecordUpdates.js

@@ -0,0 +1,23 @@
+"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 DeltaField_1 = __importDefault(require("../fields/DeltaField"));
+var CollapsibleItemsContext_1 = require("../../contexts/CollapsibleItemsContext");
+var styles_1 = require("./styles");
+var MoreItemsLink_1 = require("../MoreItemsLink/MoreItemsLink");
+var RecordUpdates = function (_a) {
+    var updates = _a.updates, recordId = _a.recordId;
+    var styles = styles_1.useStyles();
+    var _b = CollapsibleItemsContext_1.useCollapsibleItems({
+        itemsId: recordId,
+        items: updates
+    }), onExpand = _b.onExpand, collapsedItemsCount = _b.collapsedItemsCount, itemsToShow = _b.itemsToShow;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        itemsToShow.map(function (update, index) { return (react_1.default.createElement(DeltaField_1.default, { key: index, delta: update })); }),
+        collapsedItemsCount ? (react_1.default.createElement(MoreItemsLink_1.MoreItemsLink, { itemsCount: collapsedItemsCount, itemsLabel: collapsedItemsCount === 1 ? ui_i18n_1.default.text('update') : ui_i18n_1.default.text('updates'), onClick: onExpand, className: styles.moreLabel })) : null));
+};
+exports.default = RecordUpdates;

package/components/activityLog/activities/records/RelationRecord.js

@@ -0,0 +1,23 @@
+"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 Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var RelationObject_1 = __importDefault(require("../RelationObject/RelationObject"));
+var RecordUpdates_1 = __importDefault(require("./RecordUpdates"));
+var styles_1 = require("./styles");
+var RelationRecord = function (_a) {
+    var _b;
+    var item = _a.item;
+    var styles = styles_1.useStyles();
+    var deltaArray = (_b = item.deltaCollection) === null || _b === void 0 ? void 0 : _b.delta;
+    return (react_1.default.createElement("div", { className: styles.record },
+        react_1.default.createElement(Typography_1.default, { className: styles.label },
+            !deltaArray && react_1.default.createElement("span", { className: styles.description }, ui_i18n_1.default.text('Relationship updated')),
+            react_1.default.createElement(RelationObject_1.default, { item: item })),
+        react_1.default.createElement(RecordUpdates_1.default, { updates: deltaArray, recordId: item.id })));
+};
+exports.default = RelationRecord;

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

@@ -0,0 +1,38 @@
+"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 ({
+    record: {
+        background: 'rgba(0, 0, 0, 0.03)',
+        border: '1px solid rgba(0, 0, 0, 0.03)',
+        boxSizing: 'border-box',
+        borderRadius: '3px',
+        padding: '7px 14px',
+        marginBottom: 8,
+        position: 'relative',
+        '&:hover $restoreIcon': {
+            visibility: 'visible'
+        }
+    },
+    label: {
+        color: theme.palette.text.primary,
+        fontSize: 12,
+        lineHeight: '16px'
+    },
+    description: {
+        marginRight: 8,
+        flexShrink: 0
+    },
+    restoreIcon: {
+        visibility: 'hidden',
+        color: theme.palette.text.secondary,
+        position: 'absolute',
+        right: 4,
+        top: 3,
+        cursor: 'pointer'
+    },
+    moreLabel: {
+        marginTop: 4
+    }
+}); });

package/components/activityLog/activities/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: {
+        color: '#0072CE',
+        textDecoration: 'none',
+        fontWeight: 400,
+        cursor: 'pointer'
+    },
+    objectLabel: {
+        color: theme.palette.text.secondary,
+        lineHeight: '15px',
+        fontWeight: 400
+    }
+}); });

package/components/activityLog/contexts/CollapsibleItemsContext/index.js

@@ -0,0 +1,51 @@
+"use strict";
+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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCollapsibleItems = exports.CollapsibleItemsProvider = void 0;
+var react_1 = __importStar(require("react"));
+var DEFAULT_VISIBLE_ITEMS_COUNT = 3;
+var ExpandedItemsContext = react_1.createContext(null);
+var CollapsibleItemsProvider = function (_a) {
+    var children = _a.children;
+    var _b = react_1.useState([]), expandedItems = _b[0], setExpandedItems = _b[1];
+    var addExpandedItems = function (itemId) {
+        if (!expandedItems.includes(itemId)) {
+            setExpandedItems(function (items) { return __spreadArray(__spreadArray([], items), [itemId]); });
+        }
+    };
+    return (react_1.default.createElement(ExpandedItemsContext.Provider, { value: { expandedItems: expandedItems, addExpandedItems: addExpandedItems } }, children));
+};
+exports.CollapsibleItemsProvider = CollapsibleItemsProvider;
+var useCollapsibleItems = function (_a) {
+    var itemsId = _a.itemsId, _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.limit, limit = _c === void 0 ? DEFAULT_VISIBLE_ITEMS_COUNT : _c;
+    var _d = react_1.useContext(ExpandedItemsContext), expandedItems = _d.expandedItems, addExpandedItems = _d.addExpandedItems;
+    var onExpand = react_1.useCallback(function () { return addExpandedItems(itemsId); }, [itemsId]);
+    var isExpanded = expandedItems.includes(itemsId);
+    var itemsToShow = items.slice(0, isExpanded ? items.length : limit);
+    var collapsedItemsCount = items.length - itemsToShow.length;
+    return { onExpand: onExpand, itemsToShow: itemsToShow, collapsedItemsCount: collapsedItemsCount };
+};
+exports.useCollapsibleItems = useCollapsibleItems;

package/components/activityLog/hooks/useActivitiesLoader.js

@@ -0,0 +1,62 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActivitiesLoader = void 0;
+var react_1 = require("react");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var filters_1 = require("../utils/filters");
+var useActivitiesLoader = function (_a) {
+    var filter = _a.filter, max = _a.max, offset = _a.offset;
+    return react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var filterString, data, total;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    filterString = filters_1.buildActivitiesFilterString(filter);
+                    return [4 /*yield*/, mdm_sdk_1.getActivities({ filter: filterString, max: max, offset: offset })];
+                case 1:
+                    data = _a.sent();
+                    return [4 /*yield*/, mdm_sdk_1.getActivitiesTotal({ filter: filterString })];
+                case 2:
+                    total = (_a.sent()).total;
+                    return [2 /*return*/, { data: data, total: total }];
+            }
+        });
+    }); }, [filter, max, offset]);
+};
+exports.useActivitiesLoader = useActivitiesLoader;

package/components/activityLog/hooks/useProfileActivitiesLoader.js

@@ -0,0 +1,62 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useProfileActivitiesLoader = void 0;
+var react_1 = require("react");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var filters_1 = require("../utils/filters");
+var useProfileActivitiesLoader = function (_a) {
+    var filter = _a.filter, max = _a.max, offset = _a.offset, entityUri = _a.entityUri;
+    return react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var filterString, data, total;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    filterString = filters_1.buildActivitiesFilterString(filter);
+                    return [4 /*yield*/, mdm_sdk_1.getProfileActivities({ filter: filterString, max: max, offset: offset, entityUri: entityUri })];
+                case 1:
+                    data = _a.sent();
+                    return [4 /*yield*/, mdm_sdk_1.getProfileActivitiesTotal({ filter: filterString, entityUri: entityUri })];
+                case 2:
+                    total = (_a.sent()).total;
+                    return [2 /*return*/, { data: data, total: total }];
+            }
+        });
+    }); }, [filter, max, offset, entityUri]);
+};
+exports.useProfileActivitiesLoader = useProfileActivitiesLoader;