@reltio/components 1.4.876 → 1.4.880

package/components/activityLog/activities/MoreItemsLink/MoreItemsLink.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++) {
@@ -21,20 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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) {
+import React from 'react';
+import i18n from 'ui-i18n';
+import Link from '@material-ui/core/Link';
+export 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 }),
+    return (React.createElement(Link, __assign({ component: "button", variant: "caption" }, props, { underline: "none" }),
+        React.createElement("span", null,
+            i18n.text('${itemsCount} more', { itemsCount: itemsCount }),
             " ",
             itemsLabel)));
 };
-exports.MoreItemsLink = MoreItemsLink;

package/components/activityLog/activities/PotentialMatchActivity.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 ActivityTitle_1 = __importDefault(require("./ActivityTitle/ActivityTitle"));
-var CollapsibleActivityRecords_1 = require("./records/CollapsibleActivityRecords");
-var PotentialMatchRecord_1 = __importDefault(require("./records/PotentialMatchRecord"));
+import React from 'react';
+import ActivityTitle from './ActivityTitle/ActivityTitle';
+import { CollapsibleActivityRecords } from './records/CollapsibleActivityRecords';
+import PotentialMatchRecord from './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 })));
+    return (React.createElement("div", null,
+        React.createElement(ActivityTitle, { type: type }),
+        React.createElement(CollapsibleActivityRecords, { activityUri: data.uri, items: data.items, RecordComponent: PotentialMatchRecord })));
 };
-exports.default = PotentialMatchActivity;
+export default PotentialMatchActivity;

package/components/activityLog/activities/ProfileActivity.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 EntityRecord_1 = __importDefault(require("./records/EntityRecord"));
+import React from 'react';
+import ActivityTitle from './ActivityTitle/ActivityTitle';
+import { CollapsibleActivityRecords } from './records/CollapsibleActivityRecords';
+import EntityObject from './EntityObject/EntityObject';
+import EntityRecord from './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 }))));
+    return (React.createElement("div", null,
+        React.createElement(ActivityTitle, { type: type }, isMinimized && React.createElement(EntityObject, { item: data.items[0] })),
+        !isMinimized && (React.createElement(CollapsibleActivityRecords, { activityUri: data.uri, items: data.items, RecordComponent: EntityRecord }))));
 };
-exports.default = ProfileActivity;
+export default ProfileActivity;

package/components/activityLog/activities/RelationActivity.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 RelationRecord_1 = __importDefault(require("./records/RelationRecord"));
-var RelationObject_1 = __importDefault(require("./RelationObject/RelationObject"));
+import React from 'react';
+import ActivityTitle from './ActivityTitle/ActivityTitle';
+import { CollapsibleActivityRecords } from './records/CollapsibleActivityRecords';
+import RelationRecord from './records/RelationRecord';
+import RelationObject from './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 }))));
+    return (React.createElement("div", null,
+        React.createElement(ActivityTitle, { type: type }, isMinimized && React.createElement(RelationObject, { item: data.items[0] })),
+        !isMinimized && (React.createElement(CollapsibleActivityRecords, { activityUri: data.uri, items: data.items, RecordComponent: RelationRecord }))));
 };
-exports.default = RelationActivity;
+export default RelationActivity;

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

@@ -1,20 +1,15 @@
-"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");
+import { getLabel } from '@reltio/mdm-sdk';
+import React from 'react';
+import i18n from 'ui-i18n';
+import EntityUriLink from '../../../EntityUriLink/EntityUriLink';
+import { useStyles } from './styles';
 var RelationObject = function (_a) {
     var item = _a.item;
-    var styles = styles_1.useStyles();
+    var styles = 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))));
+    return (React.createElement("span", { className: styles.relationship },
+        React.createElement(EntityUriLink, { className: styles.link, value: startObjectUri }, getLabel(startObjectLabel)),
+        React.createElement("span", { className: styles.delimiter }, i18n.text('to')),
+        React.createElement(EntityUriLink, { className: styles.link, value: endObjectUri }, getLabel(endObjectLabel))));
 };
-exports.default = RelationObject;
+export default RelationObject;

package/components/activityLog/activities/RelationObject/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 ({
     relationship: {
         fontSize: 13,
         lineHeight: '15px',

package/components/activityLog/activities/SearchActivity.js

@@ -1,47 +1,23 @@
-"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");
+import React, { useMemo } from 'react';
+import { useDispatch } from 'react-redux';
+import { ui } from '@reltio/mdm-module';
+import ActivityTitle from './ActivityTitle/ActivityTitle';
+import { always, pipe } from 'ramda';
+import { parseJSON } from '../../../core';
+import { useReadableSearchState } from '../hooks/useReadableSearchState';
+import i18n from 'ui-i18n';
+import { useStyles } from './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);
+    var styles = useStyles();
+    var dispatch = useDispatch();
+    var searchState = useMemo(function () {
+        var searchData = 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'))));
+    var openSearch = pipe(always(searchState), ui.actions.openSearch, dispatch);
+    var searchString = useReadableSearchState(searchState);
+    return (React.createElement(ActivityTitle, { type: type },
+        React.createElement("span", { className: styles.link, onClick: openSearch }, searchString || i18n.text('all profiles'))));
 };
-exports.default = SearchActivity;
+export default SearchActivity;

package/components/activityLog/activities/SimpleActivity.js

@@ -1,22 +1,17 @@
-"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");
+import { getLabel } from '@reltio/mdm-sdk';
+import React from 'react';
+import i18n from 'ui-i18n';
+import { parseJSON } from '../../../core';
+import EntityUriLink from '../../EntityUriLink/EntityUriLink';
+import ActivityTitle from './ActivityTitle/ActivityTitle';
+import { useStyles } from './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 styles = useStyles();
+    var description = 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 })))));
+    return (React.createElement(ActivityTitle, { type: type },
+        description && (React.createElement(EntityUriLink, { className: styles.link, value: description.uri }, getLabel(description.label))),
+        itemsTotal > 1 && (React.createElement("span", { className: styles.objectLabel }, i18n.text('(${itemsTotal} records)', { itemsTotal: itemsTotal })))));
 };
-exports.default = SimpleActivity;
+export default SimpleActivity;

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

@@ -1,39 +1,34 @@
-"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");
+import Chip from '@material-ui/core/Chip';
+import ArrowForwardIcon from '@material-ui/icons/ArrowForward';
+import mdmModule from '@reltio/mdm-module';
+import { findAttributeTypeByUri } from '@reltio/mdm-sdk';
+import classnames from 'classnames';
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { DeltaTypes } from '../../types';
+import { stringifyDeltaValue } from '../../utils/activities';
+import { useStyles } from './styles';
+import { useCommonStyles } from './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 styles = useStyles();
+    var commonStyles = useCommonStyles();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var attribute = 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 },
+    var deltaLabel = DeltaTypes[delta.type];
+    return (React.createElement("div", { className: commonStyles.field },
+        React.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) }))));
+        React.createElement("span", null,
+            value && stringifyDeltaValue(value),
+            newValue && oldValue && (React.createElement(React.Fragment, null,
+                React.createElement(ArrowForwardIcon, { className: styles.arrow }),
+                stringifyDeltaValue(newValue)))),
+        deltaLabel && (React.createElement(Chip, { variant: "outlined", label: deltaLabel, className: classnames(styles.chip, deltaLabel) }))));
 };
-exports.default = DeltaField;
+export default DeltaField;

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

@@ -1,51 +1,46 @@
-"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");
+import React from 'react';
+import i18n from 'ui-i18n';
+import { getLabel } from '@reltio/mdm-sdk';
+import EntityUriLink from '../../../EntityUriLink/EntityUriLink';
+import { ActivityTypes } from '../../types';
+import { useCollapsibleItems } from '../../contexts/CollapsibleItemsContext';
+import { useCommonStyles } from './commonStyles';
+import { MoreItemsLink } from '../MoreItemsLink/MoreItemsLink';
+import { useStyles } from './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[ActivityTypes.POTENTIAL_MATCHES_FOUND] = i18n.text('Matches found'),
+        _a[ActivityTypes.POTENTIAL_MATCHES_REMOVED] = i18n.text('Matches removed'),
+        _a[ActivityTypes.NOT_MATCHES_SET] = i18n.text('Were set'),
+        _a[ActivityTypes.NOT_MATCHES_RESET] = i18n.text('Were reset'),
+        _a[ActivityTypes.ENTITIES_MERGED_MANUALLY] = i18n.text('Merged with'),
+        _a[ActivityTypes.ENTITIES_SPLITTED] = i18n.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 commonStyles = useCommonStyles();
+    var styles = 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({
+    var _c = 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 },
+    return (React.createElement("div", { className: commonStyles.field },
+        React.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]))); })
+            .map(function (url, index) { return (React.createElement(EntityUriLink, { key: index, value: url, className: commonStyles.link }, 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 },
+        collapsedItemsCount ? (React.createElement(React.Fragment, null,
+            React.createElement("span", { className: styles.andLabel },
                 " ",
-                ui_i18n_1.default.text('and'),
+                i18n.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));
+            React.createElement(MoreItemsLink, { itemsCount: collapsedItemsCount, itemsLabel: collapsedItemsCount === 1 ? i18n.text('match') : i18n.text('matches'), onClick: onExpand, className: styles.expandLabel }))) : null));
 };
-exports.default = PotentialMatchField;
+export default PotentialMatchField;

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

@@ -1,8 +1,5 @@
-"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 ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useCommonStyles = makeStyles(function (theme) { return ({
     field: {
         fontSize: 12,
         lineHeight: '20px',

package/components/activityLog/activities/fields/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 ({
     arrow: {
         margin: '0 8px',
         fontSize: 12,

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

@@ -1,21 +1,14 @@
-"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) {
+import React from 'react';
+import i18n from 'ui-i18n';
+import { useCollapsibleItems } from '../../contexts/CollapsibleItemsContext';
+import { MoreItemsLink } from '../MoreItemsLink/MoreItemsLink';
+export var CollapsibleActivityRecords = function (_a) {
     var RecordComponent = _a.RecordComponent, items = _a.items, activityUri = _a.activityUri;
-    var _b = CollapsibleItemsContext_1.useCollapsibleItems({
+    var _b = 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));
+    return (React.createElement(React.Fragment, null,
+        itemsToShow.map(function (item) { return (React.createElement(RecordComponent, { key: item.id, item: item })); }),
+        collapsedItemsCount ? (React.createElement(MoreItemsLink, { itemsCount: collapsedItemsCount, itemsLabel: collapsedItemsCount === 1 ? i18n.text('record') : i18n.text('records'), onClick: onExpand })) : null));
 };
-exports.CollapsibleActivityRecords = CollapsibleActivityRecords;

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

@@ -1,45 +1,40 @@
-"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 mdm_module_1 = require("@reltio/mdm-module");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ramda_1 = require("ramda");
-var types_1 = require("../../types");
-var EntityObject_1 = __importDefault(require("../EntityObject/EntityObject"));
-var RecordUpdates_1 = __importDefault(require("./RecordUpdates"));
-var styles_1 = require("./styles");
+import Typography from '@material-ui/core/Typography';
+import RestoreIcon from '@material-ui/icons/Restore';
+import { ui } from '@reltio/mdm-module';
+import { getEntityPreviousChange } from '@reltio/mdm-sdk';
+import React from 'react';
+import { useDispatch } from 'react-redux';
+import i18n from 'ui-i18n';
+import { path } from 'ramda';
+import { ActivityTypes } from '../../types';
+import EntityObject from '../EntityObject/EntityObject';
+import RecordUpdates from './RecordUpdates';
+import { useStyles } from './styles';
 var EntityRecord = function (_a) {
     var _b;
     var item = _a.item;
-    var styles = styles_1.useStyles();
-    var dispatch = react_redux_1.useDispatch();
+    var styles = useStyles();
+    var dispatch = useDispatch();
     var deltaArray = (_b = item.deltaCollection) === null || _b === void 0 ? void 0 : _b.delta;
-    var isEntityChanged = ramda_1.path(['data', 'type'])(item) === types_1.ActivityTypes.ENTITY_CHANGED;
+    var isEntityChanged = path(['data', 'type'])(item) === ActivityTypes.ENTITY_CHANGED;
     var openHistoryEvent = function () {
-        mdm_sdk_1.getEntityPreviousChange(item.objectUri, item.timestamp)
+        getEntityPreviousChange(item.objectUri, item.timestamp)
             .then(function (previousTimestamp) {
             if (previousTimestamp !== -1) {
                 var historyEvent = {
                     aStamp: item.timestamp,
                     bStamp: previousTimestamp
                 };
-                dispatch(mdm_module_1.ui.actions.openHistoryEvent({ entityUri: item.objectUri, historyEvent: historyEvent }));
+                dispatch(ui.actions.openHistoryEvent({ entityUri: item.objectUri, historyEvent: historyEvent }));
             }
         })
             .catch(function (err) { return console.error(err); });
     };
-    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 })),
-        isEntityChanged && react_1.default.createElement(Restore_1.default, { className: styles.restoreIcon, onClick: openHistoryEvent }),
-        react_1.default.createElement(RecordUpdates_1.default, { updates: deltaArray, recordId: item.id })));
+    return (React.createElement("div", { className: styles.record },
+        React.createElement(Typography, { className: styles.label },
+            !deltaArray && React.createElement("span", { className: styles.description }, i18n.text('Profile changed')),
+            React.createElement(EntityObject, { item: item })),
+        isEntityChanged && React.createElement(RestoreIcon, { className: styles.restoreIcon, onClick: openHistoryEvent }),
+        React.createElement(RecordUpdates, { updates: deltaArray, recordId: item.id })));
 };
-exports.default = EntityRecord;
+export default EntityRecord;

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