@reltio/components 1.4.2200 → 1.4.2202

package/ProfileResizablePanes/ProfileResizablePanes.js

@@ -12,7 +12,7 @@ export var ProfileResizablePanes = function (_a) {
     var styles = useStyles();
     var _b = usePerspectivesSettings(perspectiveId), perspectiveSettings = _b.perspectiveSettings, updatePerspectiveSettings = _b.updatePerspectiveSettings;
     var _c = (perspectiveSettings || {}).width, width = _c === void 0 ? DEFAULT_R_PANE_SIZE : _c;
-    var active = defaultTab || (perspectiveSettings === null || perspectiveSettings === void 0 ? void 0 : perspectiveSettings.active);
+    var active = !isNil(defaultTab) ? defaultTab : perspectiveSettings === null || perspectiveSettings === void 0 ? void 0 : perspectiveSettings.active;
     var isSidePanelOpen = !isNil(active) && !disabled;
     var handleUpdateSettings = useCallback(function (newSetting) {
         updatePerspectiveSettings(newSetting);

package/ProfileResizablePanes/ProfileResizablePanes.spec.js

@@ -70,7 +70,7 @@ var defaultProps = {
         }
     ],
     disabled: false,
-    defaultTab: 0
+    defaultTab: undefined
 };
 var setUp = function (props) {
     if (props === void 0) { props = defaultProps; }
@@ -129,7 +129,21 @@ describe('ProfileResizablePanes tests', function () {
         expect(screen.getByRole('button', { name: 'Button 2' })).toBeInTheDocument();
         expect(screen.getByRole('separator')).toBeInTheDocument();
     });
-    it('should render resizable panes with open second pane', function () { return __awaiter(void 0, void 0, void 0, function () {
+    it('should render resizable panes with open second pane with defaultTab:0', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var container;
+        return __generator(this, function (_a) {
+            container = setUp(__assign(__assign({}, defaultProps), { defaultTab: 0 })).container;
+            expect(screen.getByTestId('content')).toBeInTheDocument();
+            expect(screen.getByTestId('rightPanel')).toBeInTheDocument();
+            expect(getSplitPane1(container)).toBeInTheDocument();
+            expect(getSplitPane2(container)).toBeInTheDocument();
+            expect(isResizingDisabled(container)).toBe(false);
+            checkPanelSize(getSplitPane1(container), '52.0');
+            checkPanelSize(getSplitPane2(container), '48.0');
+            return [2 /*return*/];
+        });
+    }); });
+    it('should render resizable panes with open second pane on button click', function () { return __awaiter(void 0, void 0, void 0, function () {
         var _a, container, user, button2;
         return __generator(this, function (_b) {
             switch (_b.label) {

package/RequestedData/RequestedData.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { RequestStates } from '../types';
+type Props = {
+    requestState: RequestStates;
+    isResponseEmpty?: boolean;
+    children?: React.ReactNode;
+    DataLoadedComponent?: React.ComponentType;
+    DataLoadingComponent?: React.ComponentType;
+    DataErrorComponent?: React.ComponentType;
+};
+export declare const RequestedData: ({ requestState, isResponseEmpty, children, DataLoadedComponent, DataLoadingComponent, DataErrorComponent }: Props) => React.JSX.Element;
+export {};

package/RequestedData/RequestedData.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import i18n from 'ui-i18n';
+import { LinearLoadIndicator } from '../LinearLoadIndicator';
+import { EmptySearchResult } from '../EmptySearchResult';
+import { ErrorBoundary } from '../ErrorBoundary';
+import { EMPTY_STATE_ICONS, EMPTY_STATE_VARIANTS, EmptyState } from '../EmptyState';
+import { RequestStates } from '../types';
+import styles from './RequestedData.module.css';
+export var RequestedData = function (_a) {
+    var requestState = _a.requestState, isResponseEmpty = _a.isResponseEmpty, children = _a.children, DataLoadedComponent = _a.DataLoadedComponent, _b = _a.DataLoadingComponent, DataLoadingComponent = _b === void 0 ? RequestedDataLoading : _b, _c = _a.DataErrorComponent, DataErrorComponent = _c === void 0 ? RequestedDataError : _c;
+    switch (requestState) {
+        case RequestStates.LOADED:
+            return DataLoadedComponent ? (React.createElement(DataLoadedComponent, null)) : (React.createElement(RequestedDataLoaded, { isResponseEmpty: isResponseEmpty }, children));
+        case RequestStates.ERROR:
+            return React.createElement(DataErrorComponent, null);
+        case RequestStates.LOADING:
+        default:
+            return React.createElement(DataLoadingComponent, null);
+    }
+};
+var RequestedDataError = function () { return (React.createElement(EmptyState, { LogoRenderer: EMPTY_STATE_ICONS.ERROR, text: i18n.text('Something went wrong'), variant: EMPTY_STATE_VARIANTS.full })); };
+var RequestedDataLoaded = function (_a) {
+    var isResponseEmpty = _a.isResponseEmpty, children = _a.children;
+    return isResponseEmpty ? (React.createElement(EmptySearchResult, { variant: "noData", className: styles.noData })) : (React.createElement(ErrorBoundary, { error: React.createElement(RequestedDataError, null) }, children));
+};
+var RequestedDataLoading = function () { return React.createElement(LinearLoadIndicator, null); };

package/RequestedData/RequestedData.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"noData":"RequestedData-noData--H4sHo"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.RequestedData-noData--H4sHo{padding:16px 24px}`;
+    head.appendChild(style);
+}
+export default styles;

package/RequestedData/index.d.ts

@@ -0,0 +1 @@
+export { RequestedData } from './RequestedData';

package/RequestedData/index.js

@@ -0,0 +1 @@
+export { RequestedData } from './RequestedData';

package/cjs/ProfileResizablePanes/ProfileResizablePanes.js

@@ -38,7 +38,7 @@ var ProfileResizablePanes = function (_a) {
     var styles = (0, styles_1.useStyles)();
     var _b = (0, PerspectivesSettingsContext_1.usePerspectivesSettings)(perspectiveId), perspectiveSettings = _b.perspectiveSettings, updatePerspectiveSettings = _b.updatePerspectiveSettings;
     var _c = (perspectiveSettings || {}).width, width = _c === void 0 ? DEFAULT_R_PANE_SIZE : _c;
-    var active = defaultTab || (perspectiveSettings === null || perspectiveSettings === void 0 ? void 0 : perspectiveSettings.active);
+    var active = !(0, ramda_1.isNil)(defaultTab) ? defaultTab : perspectiveSettings === null || perspectiveSettings === void 0 ? void 0 : perspectiveSettings.active;
     var isSidePanelOpen = !(0, ramda_1.isNil)(active) && !disabled;
     var handleUpdateSettings = (0, react_1.useCallback)(function (newSetting) {
         updatePerspectiveSettings(newSetting);

package/cjs/ProfileResizablePanes/ProfileResizablePanes.spec.js

@@ -75,7 +75,7 @@ var defaultProps = {
         }
     ],
     disabled: false,
-    defaultTab: 0
+    defaultTab: undefined
 };
 var setUp = function (props) {
     if (props === void 0) { props = defaultProps; }
@@ -134,7 +134,21 @@ describe('ProfileResizablePanes tests', function () {
         expect(react_2.screen.getByRole('button', { name: 'Button 2' })).toBeInTheDocument();
         expect(react_2.screen.getByRole('separator')).toBeInTheDocument();
     });
-    it('should render resizable panes with open second pane', function () { return __awaiter(void 0, void 0, void 0, function () {
+    it('should render resizable panes with open second pane with defaultTab:0', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var container;
+        return __generator(this, function (_a) {
+            container = setUp(__assign(__assign({}, defaultProps), { defaultTab: 0 })).container;
+            expect(react_2.screen.getByTestId('content')).toBeInTheDocument();
+            expect(react_2.screen.getByTestId('rightPanel')).toBeInTheDocument();
+            expect(getSplitPane1(container)).toBeInTheDocument();
+            expect(getSplitPane2(container)).toBeInTheDocument();
+            expect(isResizingDisabled(container)).toBe(false);
+            checkPanelSize(getSplitPane1(container), '52.0');
+            checkPanelSize(getSplitPane2(container), '48.0');
+            return [2 /*return*/];
+        });
+    }); });
+    it('should render resizable panes with open second pane on button click', function () { return __awaiter(void 0, void 0, void 0, function () {
         var _a, container, user, button2;
         return __generator(this, function (_b) {
             switch (_b.label) {

package/cjs/RequestedData/RequestedData.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { RequestStates } from '../types';
+type Props = {
+    requestState: RequestStates;
+    isResponseEmpty?: boolean;
+    children?: React.ReactNode;
+    DataLoadedComponent?: React.ComponentType;
+    DataLoadingComponent?: React.ComponentType;
+    DataErrorComponent?: React.ComponentType;
+};
+export declare const RequestedData: ({ requestState, isResponseEmpty, children, DataLoadedComponent, DataLoadingComponent, DataErrorComponent }: Props) => React.JSX.Element;
+export {};

package/cjs/RequestedData/RequestedData.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RequestedData = void 0;
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var LinearLoadIndicator_1 = require("../LinearLoadIndicator");
+var EmptySearchResult_1 = require("../EmptySearchResult");
+var ErrorBoundary_1 = require("../ErrorBoundary");
+var EmptyState_1 = require("../EmptyState");
+var types_1 = require("../types");
+var RequestedData_module_css_1 = __importDefault(require("./RequestedData.module.css"));
+var RequestedData = function (_a) {
+    var requestState = _a.requestState, isResponseEmpty = _a.isResponseEmpty, children = _a.children, DataLoadedComponent = _a.DataLoadedComponent, _b = _a.DataLoadingComponent, DataLoadingComponent = _b === void 0 ? RequestedDataLoading : _b, _c = _a.DataErrorComponent, DataErrorComponent = _c === void 0 ? RequestedDataError : _c;
+    switch (requestState) {
+        case types_1.RequestStates.LOADED:
+            return DataLoadedComponent ? (react_1.default.createElement(DataLoadedComponent, null)) : (react_1.default.createElement(RequestedDataLoaded, { isResponseEmpty: isResponseEmpty }, children));
+        case types_1.RequestStates.ERROR:
+            return react_1.default.createElement(DataErrorComponent, null);
+        case types_1.RequestStates.LOADING:
+        default:
+            return react_1.default.createElement(DataLoadingComponent, null);
+    }
+};
+exports.RequestedData = RequestedData;
+var RequestedDataError = function () { return (react_1.default.createElement(EmptyState_1.EmptyState, { LogoRenderer: EmptyState_1.EMPTY_STATE_ICONS.ERROR, text: ui_i18n_1.default.text('Something went wrong'), variant: EmptyState_1.EMPTY_STATE_VARIANTS.full })); };
+var RequestedDataLoaded = function (_a) {
+    var isResponseEmpty = _a.isResponseEmpty, children = _a.children;
+    return isResponseEmpty ? (react_1.default.createElement(EmptySearchResult_1.EmptySearchResult, { variant: "noData", className: RequestedData_module_css_1.default.noData })) : (react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { error: react_1.default.createElement(RequestedDataError, null) }, children));
+};
+var RequestedDataLoading = function () { return react_1.default.createElement(LinearLoadIndicator_1.LinearLoadIndicator, null); };

package/cjs/RequestedData/RequestedData.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"noData":"RequestedData-noData--H4sHo"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.RequestedData-noData--H4sHo{padding:16px 24px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/RequestedData/index.d.ts

@@ -0,0 +1 @@
+export { RequestedData } from './RequestedData';

package/cjs/RequestedData/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RequestedData = void 0;
+var RequestedData_1 = require("./RequestedData");
+Object.defineProperty(exports, "RequestedData", { enumerable: true, get: function () { return RequestedData_1.RequestedData; } });

package/cjs/features/activity-log/ActivitiesFactory/ActivitiesFactory.js

@@ -16,6 +16,7 @@ var SearchActivity_1 = require("./components/SearchActivity");
 var SimpleActivity_1 = require("./components/SimpleActivity");
 var SynchronizationIssuesActivity_1 = require("./components/SynchronizationIssuesActivity");
 var SegmentActivity_1 = require("./components/SegmentActivity");
+var InteractionActivity_1 = require("./components/InteractionActivity");
 var Add_1 = __importDefault(require("../../../icons/Add"));
 var CalendarToday_1 = __importDefault(require("@mui/icons-material/CalendarToday"));
 var Comment_1 = __importDefault(require("../../../icons/Comment"));
@@ -69,6 +70,9 @@ var ActivitiesFactory = /** @class */ (function () {
             case types_1.ActivityTypes.SEGMENT_DELETE:
             case types_1.ActivityTypes.SEGMENT_UPDATE:
                 return react_1.default.createElement(SegmentActivity_1.SegmentActivity, { data: data, type: type });
+            case types_1.ActivityTypes.INTERACTION_CREATE:
+            case types_1.ActivityTypes.INTERACTION_UPDATE:
+                return react_1.default.createElement(InteractionActivity_1.InteractionActivity, { data: data, type: type });
             case types_1.ActivityTypes.USER_LOGIN:
             case types_1.ActivityTypes.USER_LOGOUT:
             case types_1.ActivityTypes.MODEL_UPDATED:
@@ -105,6 +109,7 @@ var ActivitiesFactory = /** @class */ (function () {
             case types_1.ActivityTypes.RELATIONSHIP_CREATED:
             case types_1.ActivityTypes.GROUP_CREATED:
             case types_1.ActivityTypes.SEGMENT_CREATE:
+            case types_1.ActivityTypes.INTERACTION_CREATE:
                 return react_1.default.createElement(Add_1.default, null);
             case types_1.ActivityTypes.ENTITY_REMOVED:
             case types_1.ActivityTypes.RELATIONSHIP_REMOVED:

package/cjs/features/activity-log/ActivitiesFactory/components/InteractionActivity/InteractionActivity.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ActivityTypes, ActivityData } from '../../../types';
+type Props = {
+    data: ActivityData;
+    type: ActivityTypes;
+};
+export declare const InteractionActivity: ({ data, type }: Props) => React.JSX.Element;
+export {};

package/cjs/features/activity-log/ActivitiesFactory/components/InteractionActivity/InteractionActivity.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 });
+exports.InteractionActivity = void 0;
+var react_1 = __importDefault(require("react"));
+var CollapsibleActivityRecords_1 = require("../../../CollapsibleActivityRecords");
+var InteractionRecord_1 = require("../../../InteractionRecord");
+var ActivityTitle_1 = require("../../../ActivityTitle");
+var emptyArray = [];
+var InteractionActivity = function (_a) {
+    var _b, _c, _d;
+    var data = _a.data, type = _a.type;
+    var isMinimized = data.itemsTotal === 1 && !((_d = (_c = (_b = data === null || data === void 0 ? void 0 : data.items) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.deltaCollection) === null || _d === void 0 ? void 0 : _d.delta);
+    return (react_1.default.createElement("div", { "data-reltio-id": "interaction-activity" },
+        react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type, "data-reltio-id": "segment-activity-title" }),
+        !isMinimized && (react_1.default.createElement(CollapsibleActivityRecords_1.CollapsibleActivityRecords, { activityUri: data.uri, items: data.items || emptyArray, RecordComponent: InteractionRecord_1.InteractionRecord }))));
+};
+exports.InteractionActivity = InteractionActivity;

package/cjs/features/activity-log/ActivitiesFactory/components/InteractionActivity/index.d.ts

@@ -0,0 +1 @@
+export { InteractionActivity } from './InteractionActivity';

package/cjs/features/activity-log/ActivitiesFactory/components/InteractionActivity/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractionActivity = void 0;
+var InteractionActivity_1 = require("./InteractionActivity");
+Object.defineProperty(exports, "InteractionActivity", { enumerable: true, get: function () { return InteractionActivity_1.InteractionActivity; } });

package/cjs/features/activity-log/ActivityFilterEditor/helpers.test.js

@@ -41,6 +41,7 @@ var otherTypes = [
     'SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE'
 ];
 var segmentTypes = ['SEGMENT_CREATE', 'SEGMENT_DELETE', 'SEGMENT_UPDATE'];
+var interactionTypes = ['INTERACTION_CREATE', 'INTERACTION_UPDATE'];
 var profileTypes = [
     'ENTITY_CREATED',
     'ENTITY_CHANGED',
@@ -64,7 +65,7 @@ describe('helpers tests', function () {
             var metadata = {
                 entityTypes: []
             };
-            expect((0, helpers_1.getSelectorActivityTypes)(metadata)).toEqual(__spreadArray(__spreadArray([], otherTypes, true), segmentTypes, true));
+            expect((0, helpers_1.getSelectorActivityTypes)(metadata)).toEqual(__spreadArray(__spreadArray(__spreadArray([], otherTypes, true), segmentTypes, true), interactionTypes, true));
         });
         it('should return ActivityTypes with groupRelated when groupTypes is not empty', function () {
             var metadata = {
@@ -88,7 +89,7 @@ describe('helpers tests', function () {
                     }
                 ]
             };
-            expect((0, helpers_1.getSelectorActivityTypes)(metadata)).toEqual(__spreadArray(__spreadArray(__spreadArray([], otherTypes, true), groupTypes, true), segmentTypes, true));
+            expect((0, helpers_1.getSelectorActivityTypes)(metadata)).toEqual(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], otherTypes, true), groupTypes, true), segmentTypes, true), interactionTypes, true));
         });
         it('should return profile related ActivityTypes when entityType passed', function () {
             var metadata = {

package/cjs/features/activity-log/ActivityLog/helpers.js

@@ -25,7 +25,7 @@ var buildGroupedItem = function (_a) {
 };
 var getDay = function (_a) {
     var timestamp = _a.timestamp;
-    return (0, moment_1.default)(timestamp).startOf('day');
+    return (0, moment_1.default)(timestamp).startOf('day').format('YYYY-MM-DD');
 };
 exports.buildGroupedItems = (0, ramda_1.pipe)((0, ramda_1.groupBy)(getDay), ramda_1.toPairs, (0, ramda_1.map)(buildGroupedItem));
 var chainIndexed = (0, ramda_1.addIndex)(ramda_1.chain);

package/cjs/features/activity-log/InteractionRecord/InteractionRecord.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ActivityItem } from '../types';
+type Props = {
+    item: ActivityItem;
+};
+export declare const InteractionRecord: ({ item }: Props) => React.JSX.Element;
+export {};

package/cjs/features/activity-log/InteractionRecord/InteractionRecord.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractionRecord = void 0;
+var react_1 = __importDefault(require("react"));
+var Record_1 = require("../Record");
+var RecordUpdates_1 = require("../RecordUpdates");
+var InteractionRecord = function (_a) {
+    var _b;
+    var item = _a.item;
+    var updates = (_b = item === null || item === void 0 ? void 0 : item.deltaCollection) === null || _b === void 0 ? void 0 : _b.delta;
+    return (updates === null || updates === void 0 ? void 0 : updates.length) > 0 ? (react_1.default.createElement(Record_1.Record, null,
+        react_1.default.createElement(RecordUpdates_1.RecordUpdates, { updates: updates, recordId: item.id }))) : null;
+};
+exports.InteractionRecord = InteractionRecord;

package/cjs/features/activity-log/InteractionRecord/index.d.ts

@@ -0,0 +1 @@
+export { InteractionRecord } from './InteractionRecord';

package/cjs/features/activity-log/InteractionRecord/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractionRecord = void 0;
+var InteractionRecord_1 = require("./InteractionRecord");
+Object.defineProperty(exports, "InteractionRecord", { enumerable: true, get: function () { return InteractionRecord_1.InteractionRecord; } });

package/cjs/features/activity-log/types.d.ts

@@ -33,7 +33,9 @@ export declare enum ActivityTypes {
     GROUP_CHANGED = "GROUP_CHANGED",
     SEGMENT_CREATE = "SEGMENT_CREATE",
     SEGMENT_DELETE = "SEGMENT_DELETE",
-    SEGMENT_UPDATE = "SEGMENT_UPDATE"
+    SEGMENT_UPDATE = "SEGMENT_UPDATE",
+    INTERACTION_CREATE = "INTERACTION_CREATE",
+    INTERACTION_UPDATE = "INTERACTION_UPDATE"
 }
 export type ActivitiesFilter = {
     users: string[];

package/cjs/features/activity-log/types.js

@@ -36,6 +36,8 @@ var ActivityTypes;
     ActivityTypes["SEGMENT_CREATE"] = "SEGMENT_CREATE";
     ActivityTypes["SEGMENT_DELETE"] = "SEGMENT_DELETE";
     ActivityTypes["SEGMENT_UPDATE"] = "SEGMENT_UPDATE";
+    ActivityTypes["INTERACTION_CREATE"] = "INTERACTION_CREATE";
+    ActivityTypes["INTERACTION_UPDATE"] = "INTERACTION_UPDATE";
 })(ActivityTypes || (exports.ActivityTypes = ActivityTypes = {}));
 var DeltaTypes;
 (function (DeltaTypes) {

package/cjs/features/activity-log/utils/activities.js

@@ -101,6 +101,8 @@ var getActivityLabel = function (type) {
         _a[types_1.ActivityTypes.SEGMENT_CREATE] = ui_i18n_1.default.text('Segment created'),
         _a[types_1.ActivityTypes.SEGMENT_UPDATE] = ui_i18n_1.default.text('Segment updated'),
         _a[types_1.ActivityTypes.SEGMENT_DELETE] = ui_i18n_1.default.text('Segment deleted'),
+        _a[types_1.ActivityTypes.INTERACTION_CREATE] = ui_i18n_1.default.text('Interaction created'),
+        _a[types_1.ActivityTypes.INTERACTION_UPDATE] = ui_i18n_1.default.text('Interaction updated'),
         _a);
     return labels[type] || '';
 };

package/cjs/features/history/types.d.ts

@@ -45,6 +45,8 @@ export declare const HistoryChangeTypes: {
     SEGMENT_CREATE: ActivityTypes.SEGMENT_CREATE;
     SEGMENT_DELETE: ActivityTypes.SEGMENT_DELETE;
     SEGMENT_UPDATE: ActivityTypes.SEGMENT_UPDATE;
+    INTERACTION_CREATE: ActivityTypes.INTERACTION_CREATE;
+    INTERACTION_UPDATE: ActivityTypes.INTERACTION_UPDATE;
 };
 export type HistoryChangeTypes = typeof HistoryChangeTypes;
 export declare enum HistoryActivityType {

package/cjs/features/workflow/ChangeRequestEditor/ChangeRequestEditor.js

@@ -1,23 +1,56 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
 exports.ChangeRequestEditor = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var helpers_1 = require("./helpers/helpers");
 var SuggestedChanges_1 = __importDefault(require("../../../icons/SuggestedChanges"));
 var EntityChangesGroup_1 = require("./components/EntityChangesGroup");
 var ChangeRequestEditor_module_css_1 = __importDefault(require("./ChangeRequestEditor.module.css"));
 var ChangeRequestEditor = function (_a) {
     var dcr = _a.dcr, task = _a.task, groupedObjects = _a.groupedObjects;
-    var dcrLoaded = !!dcr && groupedObjects.length > 0;
+    var enrichedDCR = (0, react_1.useMemo)(function () {
+        if (dcr === null || dcr === void 0 ? void 0 : dcr.changes) {
+            var cloned = (0, ramda_1.clone)(dcr);
+            cloned.changes = (0, helpers_1.addLineIdToValue)(cloned.changes);
+            return cloned;
+        }
+        return null;
+    }, [dcr]);
+    var dcrLoaded = !!enrichedDCR && groupedObjects.length > 0;
     return (react_1.default.createElement("div", { className: ChangeRequestEditor_module_css_1.default.container },
         react_1.default.createElement("div", { className: ChangeRequestEditor_module_css_1.default.header },
             react_1.default.createElement("div", { className: ChangeRequestEditor_module_css_1.default.suggestedChangesIcon },
                 react_1.default.createElement(SuggestedChanges_1.default, null)),
             react_1.default.createElement(Typography_1.default, { variant: "h6", className: ChangeRequestEditor_module_css_1.default.suggestedChangesTitle }, ui_i18n_1.default.text('Suggested changes'))),
-        dcrLoaded ? (groupedObjects.map(function (object, index) { return (react_1.default.createElement(EntityChangesGroup_1.EntityChangesGroup, { key: "entity-".concat(index), entityInfo: object.entity, relationsInfo: object.relations, task: task, dcr: dcr })); })) : (react_1.default.createElement(EntityChangesGroup_1.SkeletonEntityChangesGroupLoader, null))));
+        dcrLoaded ? (groupedObjects.map(function (object, index) { return (react_1.default.createElement(EntityChangesGroup_1.EntityChangesGroup, { key: "entity-".concat(index), entityInfo: object.entity, relationsInfo: object.relations, task: task, dcr: enrichedDCR })); })) : (react_1.default.createElement(EntityChangesGroup_1.SkeletonEntityChangesGroupLoader, null))));
 };
 exports.ChangeRequestEditor = ChangeRequestEditor;

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/ChangeItemEditor.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
-import { DCRValue } from '@reltio/mdm-sdk';
 import { Diff } from '../../../types';
 type Props = {
     change: Diff;
-    onValueChange: (id: string, newValue: DCRValue) => void;
     editable?: boolean;
 };
-export declare const ChangeItemEditor: ({ change, onValueChange, editable }: Props) => React.JSX.Element;
+export declare const ChangeItemEditor: ({ change, editable }: Props) => React.JSX.Element;
 export {};

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/ChangeItemEditor.js

@@ -27,26 +27,35 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChangeItemEditor = void 0;
-var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
+var react_1 = __importStar(require("react"));
+var react_context_selector_1 = require("@fluentui/react-context-selector");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var DataTypeValue_1 = require("../../../../../DataTypeValue");
 var common_1 = require("../../../helpers/common");
 var OperationChip_1 = require("../../../OperationChip");
-var DataTypeValue_1 = require("../../../../../DataTypeValue");
 var RelationEntityLink_1 = require("../../../RelationEntityLink");
+var context_1 = require("../../context");
 var ChangeItemLabel_1 = require("./ChangeItemLabel");
 var DCRValueEditor_1 = require("./DCRValueEditor");
-var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var merge_1 = require("../../../helpers/merge");
 var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
 var ChangeItemEditor = function (_a) {
     var _b, _c, _d;
-    var change = _a.change, onValueChange = _a.onValueChange, _e = _a.editable, editable = _e === void 0 ? true : _e;
+    var change = _a.change, _e = _a.editable, editable = _e === void 0 ? true : _e;
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var lineIds = change.lineIds || (0, merge_1.extractLineIds)(change === null || change === void 0 ? void 0 : change.newValue);
+    var lineData = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return lineIds && context.getLineData(lineIds[0]); });
+    var updateChange = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return context.updateChange; });
+    var onValueChange = (0, react_1.useCallback)(function (newValue) {
+        updateChange(lineIds, typeof newValue === 'object' && 'value' in newValue ? newValue : { value: newValue });
+    }, [lineIds, updateChange]);
     var isUpdateOperation = change.operation === mdm_sdk_1.DCROperationTypes.EDITED;
     var isAddOperation = change.operation === mdm_sdk_1.DCROperationTypes.ADDED;
     var hasAnyValue = Boolean(change.oldValue || change.newValue);
     var oldValue = (0, mdm_sdk_1.getAttributeValue)(change.oldValue);
-    var newValue = (0, mdm_sdk_1.getAttributeValue)(change.newValue);
+    var newValue = (0, mdm_sdk_1.getAttributeValue)((0, ramda_1.isNil)(lineData === null || lineData === void 0 ? void 0 : lineData.value) ? change.newValue : lineData.value);
     var hasNewValue = !(0, ramda_1.isNil)(newValue);
     var dataTypeDefinition = (0, react_1.useMemo)(function () {
         return change.attributeType && (0, common_1.getDataTypeDefinition)(change.attributeType, newValue || oldValue);
@@ -64,7 +73,7 @@ var ChangeItemEditor = function (_a) {
         react_1.default.createElement(ChangeItemLabel_1.ChangeItemLabel, { change: change, className: ChangeItemEditor_module_css_1.default.labelColumn, showLabel: !isUpdateOperation }),
         react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.valueColumn },
             react_1.default.createElement(RelationEntityLink_1.RelationEntityLink, { attributeOrRelationType: change.attributeType || change.relationType, attributeValue: change.attributeValue, className: ChangeItemEditor_module_css_1.default.relationEntityLink }),
-            shouldShowValueEditor ? (react_1.default.createElement(DCRValueEditor_1.DCRValueEditor, { attributeType: change.attributeType, value: change.newValue, onChange: onValueChange })) : (hasNewValue && (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.value },
+            shouldShowValueEditor ? (react_1.default.createElement(DCRValueEditor_1.DCRValueEditor, { attributeType: change.attributeType, value: (0, ramda_1.isNil)(lineData === null || lineData === void 0 ? void 0 : lineData.value) ? change.newValue : lineData.value, onChange: onValueChange })) : (hasNewValue && (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.value },
                 react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: preparedValue, dataTypeDefinition: dataTypeDefinition }))))),
         react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.revertColumn }),
         react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.operationColumn }, shouldShowOperationChip && (react_1.default.createElement(OperationChip_1.OperationChip, { operation: change.operation, size: "small", variant: "outlined" })))));

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/DCRValueEditor.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { AttributeType, DCRValue, ChangeValue } from '@reltio/mdm-sdk';
+import { AttributeType, ChangeValue, PrimitiveValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { LineDataValue } from '../../context';
 type Props = {
     attributeType: AttributeType;
-    value: ChangeValue;
-    onChange: (id: string, newValue: DCRValue) => void;
+    value: LineDataValue | ChangeValue;
+    onChange: (value: SimpleAttributeValue | string[] | PrimitiveValue) => void;
 };
 export declare const DCRValueEditor: ({ attributeType, value, onChange }: Props) => React.JSX.Element;
 export {};

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/DCRValueEditor.js

@@ -1,44 +1,18 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 });
 exports.DCRValueEditor = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var DCRValueEditorFactory_1 = require("./DCRValueEditorFactory");
 var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
 var DCRValueEditor = function (_a) {
     var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange;
-    var handleChange = (0, react_1.useCallback)(function (updatedValue) {
-        onChange(attributeType.uri, updatedValue);
-    }, [attributeType.uri, onChange]);
     return (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.editor }, DCRValueEditorFactory_1.DCRValueEditorFactory.build({
         attributeType: attributeType,
         value: value,
-        onChange: handleChange
+        onChange: onChange
     })));
 };
 exports.DCRValueEditor = DCRValueEditor;

package/cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/DCRValueEditorFactory.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { AttributeType, DCRValue, DataTypeDefinition, ChangeValue } from '@reltio/mdm-sdk';
+import { AttributeType, ChangeValue, DataTypeDefinition, PrimitiveValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { LineDataValue } from '../../context';
 type Props = {
     attributeType: AttributeType;
-    value: ChangeValue;
-    onChange: (value: DCRValue) => void;
+    value: LineDataValue | ChangeValue;
+    onChange: (value: SimpleAttributeValue | string[] | PrimitiveValue) => void;
     dataTypeDefinition?: DataTypeDefinition;
 };
 export declare class DCRValueEditorFactory {