@reltio/components 1.4.2200 → 1.4.2202

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

@@ -4,13 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DCRValueEditorFactory = void 0;
+var ramda_1 = require("ramda");
 var react_1 = __importDefault(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var DataTypeValueEditor_1 = require("../../../../../DataTypeValueEditor");
 var attributesView_1 = require("../../../../../helpers/attributesView");
-var common_1 = require("../../../helpers/common");
 var RolesInput_1 = require("../../../../../RolesInput/RolesInput");
 var TagsInput_1 = require("../../../../../TagsInput/TagsInput");
+var common_1 = require("../../../helpers/common");
 var DCRValueEditorFactory = /** @class */ (function () {
     function DCRValueEditorFactory() {
     }
@@ -19,7 +20,10 @@ var DCRValueEditorFactory = /** @class */ (function () {
         var dcrValue = (0, mdm_sdk_1.getAttributeValue)(value);
         switch (attributeType.uri) {
             case mdm_sdk_1.EntityAttrTypes.roles.uri: {
-                return react_1.default.createElement(RolesInput_1.RolesInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: onChange });
+                var handleChange = function (values) {
+                    onChange((values === null || values === void 0 ? void 0 : values.map((0, ramda_1.prop)('value'))) || []);
+                };
+                return react_1.default.createElement(RolesInput_1.RolesInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: handleChange });
             }
             case mdm_sdk_1.EntityAttrTypes.tags.uri: {
                 return react_1.default.createElement(TagsInput_1.TagsInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: onChange });
@@ -29,7 +33,11 @@ var DCRValueEditorFactory = /** @class */ (function () {
                 var editorValue = value && dataTypeDefinition
                     ? (0, attributesView_1.attributeValueToEditorValue)(value, dataTypeDefinition)
                     : null;
-                return (react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, { fieldName: attributeType.uri, value: editorValue, dataTypeDefinition: dataTypeDefinition, onChange: onChange, fullWidth: true }));
+                var handleChange = function (value) {
+                    var valueConvertedToAttributeValue = (0, attributesView_1.editorValueToAttributeValue)(attributeType, value);
+                    onChange(valueConvertedToAttributeValue);
+                };
+                return (react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, { fieldName: attributeType.uri, value: editorValue, dataTypeDefinition: dataTypeDefinition, onChange: handleChange, fullWidth: true }));
             }
         }
     };

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

@@ -1,10 +1,9 @@
 import React from 'react';
-import { GroupedObjectsInfo, DCRValue } from '@reltio/mdm-sdk';
+import { GroupedObjectsInfo } from '@reltio/mdm-sdk';
 import { Diff, Title } from '../../../types';
 type Props = {
     item: Diff | Title;
-    onValueChange: (id: string, newValue: DCRValue) => void;
     entityInfo: GroupedObjectsInfo['entity'];
 };
-export declare const ChangeItemRow: ({ item, onValueChange, entityInfo }: Props) => React.JSX.Element;
+export declare const ChangeItemRow: ({ item, entityInfo }: Props) => React.JSX.Element;
 export {};

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

@@ -4,16 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChangeItemRow = void 0;
-var react_1 = __importDefault(require("react"));
-var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
+var react_1 = __importDefault(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var helpers_1 = require("../../helpers");
+var helpers_1 = require("../../helpers/helpers");
 var ChangeItemEditor_1 = require("../ChangeItemEditor");
 var ChangeItemRow_module_css_1 = __importDefault(require("./ChangeItemRow.module.css"));
 var ChangeItemRow = function (_a) {
     var _b;
-    var item = _a.item, onValueChange = _a.onValueChange, entityInfo = _a.entityInfo;
+    var item = _a.item, entityInfo = _a.entityInfo;
     if (!(0, ramda_1.has)('level', item)) {
         return react_1.default.createElement("div", { className: ChangeItemRow_module_css_1.default.title }, item.label);
     }
@@ -22,6 +22,6 @@ var ChangeItemRow = function (_a) {
     var editable = (0, helpers_1.isEditableChange)(change, entityInfo);
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(ChangeItemRow_module_css_1.default.changeItemRow, (_b = {}, _b[ChangeItemRow_module_css_1.default.editableRow] = editable, _b)) },
         isEditedOperation && react_1.default.createElement(ChangeItemEditor_1.ChangeItemOldValue, { change: change }),
-        react_1.default.createElement(ChangeItemEditor_1.ChangeItemEditor, { change: change, onValueChange: onValueChange, editable: editable })));
+        react_1.default.createElement(ChangeItemEditor_1.ChangeItemEditor, { change: change, editable: editable })));
 };
 exports.ChangeItemRow = ChangeItemRow;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { GroupedObjectsInfo, WorkflowTaskData, ChangeRequest } from '@reltio/mdm-sdk';
+import { GroupedObjectsInfo, WorkflowTaskData, EnrichedChangeRequest } from '@reltio/mdm-sdk';
 type Props = {
     task: WorkflowTaskData;
-    dcr: ChangeRequest;
+    dcr: EnrichedChangeRequest;
     entityInfo: GroupedObjectsInfo['entity'];
     relationsInfo: GroupedObjectsInfo['relations'];
 };

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

@@ -1,33 +1,10 @@
 "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.EntityChangesGroup = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var Accordion_1 = __importDefault(require("@mui/material/Accordion"));
 var AccordionSummary_1 = __importDefault(require("@mui/material/AccordionSummary"));
 var AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetails"));
@@ -47,15 +24,12 @@ var EntityChangesGroup = function (_a) {
         entityInfo: entityInfo,
         relationsInfo: relationsInfo
     });
-    var handleValueChange = (0, react_1.useCallback)(function () {
-        // TODO: Implement value change logic
-    }, []);
     return (react_1.default.createElement(AttributesChangesContext_1.AttributesChangesContext.Provider, { value: objectsInfo },
         react_1.default.createElement(Accordion_1.default, { className: EntityChangesGroup_module_css_1.default.entityGroup, defaultExpanded: true, "data-reltio-id": "entity-changes-group" },
             react_1.default.createElement(AccordionSummary_1.default, { expandIcon: react_1.default.createElement(ExpandMore_1.default, null), className: EntityChangesGroup_module_css_1.default.entityHeader, classes: {
                     content: EntityChangesGroup_module_css_1.default.accordionContent
                 } },
                 react_1.default.createElement(DCREntityUriLink_1.DCREntityUriLink, { entityInfo: entityInfo, changes: changes, dcrUri: dcrUri, className: EntityChangesGroup_module_css_1.default.entityTitle })),
-            react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, changesList.map(function (item, index) { return (react_1.default.createElement(ChangeItemRow_1.ChangeItemRow, { key: "".concat('label' in item ? 'title' : 'change', "-").concat(index), item: item, onValueChange: handleValueChange, entityInfo: entityInfo })); })))));
+            react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, changesList.map(function (item, index) { return (react_1.default.createElement(ChangeItemRow_1.ChangeItemRow, { key: "".concat('label' in item ? 'title' : 'change', "-").concat(index), item: item, entityInfo: entityInfo })); })))));
 };
 exports.EntityChangesGroup = EntityChangesGroup;

package/cjs/features/workflow/ChangeRequestEditor/context/index.d.ts

@@ -0,0 +1,20 @@
+import { SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
+import React from 'react';
+export type LineDataValue = SimpleAttributeValue | {
+    value: string[] | PrimitiveValue;
+};
+export type LineData = {
+    value?: LineDataValue;
+    isRejected?: boolean;
+};
+type ChangeRequestEditorContextType = {
+    updateChange: (lineIds: string[], data: LineDataValue) => void;
+    getLineData: (lineId: string) => LineData | undefined;
+    rejectChange: (lineIds: string[]) => void;
+    revertChangeUpdateOrReject: (lineIds: string[]) => void;
+};
+export declare const ChangeRequestEditorContext: import("@fluentui/react-context-selector").Context<ChangeRequestEditorContextType>;
+export declare const ChangeRequestEditorProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,76 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangeRequestEditorProvider = exports.ChangeRequestEditorContext = void 0;
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var react_1 = __importStar(require("react"));
+exports.ChangeRequestEditorContext = (0, react_context_selector_1.createContext)({
+    updateChange: undefined,
+    getLineData: undefined,
+    rejectChange: undefined,
+    revertChangeUpdateOrReject: undefined
+});
+var ChangeRequestEditorProvider = function (_a) {
+    var children = _a.children;
+    var _b = (0, react_1.useState)(new Map()), lineDataMap = _b[0], setLineDataMap = _b[1];
+    var updateChange = (0, react_1.useCallback)(function (lineIds, data) {
+        setLineDataMap(function (prevMap) {
+            var newMap = new Map(prevMap);
+            lineIds.forEach(function (id) {
+                newMap.set(id, { value: data });
+            });
+            return newMap;
+        });
+    }, []);
+    var rejectChange = (0, react_1.useCallback)(function (lineIds) {
+        setLineDataMap(function (prevMap) {
+            var newMap = new Map(prevMap);
+            lineIds.forEach(function (id) {
+                newMap.set(id, { isRejected: true });
+            });
+            return newMap;
+        });
+    }, []);
+    var revertChangeUpdateOrReject = (0, react_1.useCallback)(function (lineIds) {
+        setLineDataMap(function (prevMap) {
+            var newMap = new Map(prevMap);
+            lineIds.forEach(function (id) {
+                newMap.delete(id);
+            });
+            return newMap;
+        });
+    }, []);
+    var getLineData = (0, react_1.useCallback)(function (lineId) {
+        return lineDataMap.get(lineId);
+    }, [lineDataMap]);
+    var contextValue = {
+        updateChange: updateChange,
+        getLineData: getLineData,
+        rejectChange: rejectChange,
+        revertChangeUpdateOrReject: revertChangeUpdateOrReject
+    };
+    return react_1.default.createElement(exports.ChangeRequestEditorContext.Provider, { value: contextValue }, children);
+};
+exports.ChangeRequestEditorProvider = ChangeRequestEditorProvider;

package/cjs/features/workflow/ChangeRequestEditor/helpers/helper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/features/workflow/ChangeRequestEditor/helpers/helper.test.js

@@ -0,0 +1,237 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var helpers_1 = require("./helpers");
+describe('addLineIdToValue', function () {
+    it('should add lineIds for a simple attribute', function () {
+        var changes = {
+            'entities/0FaSodQ': [
+                {
+                    id: '4pomtm9',
+                    type: mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE,
+                    newValue: { value: '434' }
+                }
+            ]
+        };
+        var result = (0, helpers_1.addLineIdToValue)(changes);
+        expect(result).toEqual({
+            'entities/0FaSodQ': [
+                {
+                    id: '4pomtm9',
+                    type: mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE,
+                    newValue: {
+                        value: '434',
+                        lineIds: ['0FaSodQ/4pomtm9/newValue']
+                    },
+                    lineIds: ['0FaSodQ/4pomtm9']
+                }
+            ]
+        });
+    });
+    it('should add lineIds to the newValue of a UPDATE_TAGS change', function () {
+        var changes = {
+            'entities/0FaSodQ': [
+                {
+                    id: '0OSJEYr',
+                    type: mdm_sdk_1.DCRTypes.UPDATE_TAGS,
+                    newValue: ['www', 'qqq', 'sss'],
+                    oldValue: ['aaa', 'bbb', 'ccc']
+                }
+            ]
+        };
+        var result = (0, helpers_1.addLineIdToValue)(changes);
+        expect(result).toEqual({
+            'entities/0FaSodQ': [
+                {
+                    id: '0OSJEYr',
+                    type: mdm_sdk_1.DCRTypes.UPDATE_TAGS,
+                    newValue: {
+                        value: ['www', 'qqq', 'sss'],
+                        lineIds: ['0FaSodQ/0OSJEYr/newValue']
+                    },
+                    oldValue: {
+                        value: ['aaa', 'bbb', 'ccc'],
+                        lineIds: ['0FaSodQ/0OSJEYr/oldValue']
+                    },
+                    lineIds: ['0FaSodQ/0OSJEYr']
+                }
+            ]
+        });
+    });
+    it('should recursively add lineIds to nested attribute values', function () {
+        var changes = {
+            'entities/0FaSodQ': [
+                {
+                    id: '4ponaOj',
+                    type: mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE,
+                    newValue: {
+                        value: {
+                            TextField: [{ value: 'Test' }],
+                            Int: [{ value: '42' }]
+                        }
+                    }
+                }
+            ]
+        };
+        var result = (0, helpers_1.addLineIdToValue)(changes);
+        expect(result).toEqual({
+            'entities/0FaSodQ': [
+                {
+                    id: '4ponaOj',
+                    type: mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE,
+                    newValue: {
+                        value: {
+                            TextField: [
+                                {
+                                    value: 'Test',
+                                    lineIds: ['0FaSodQ/4ponaOj/newValue/value/TextField/0']
+                                }
+                            ],
+                            Int: [
+                                {
+                                    value: '42',
+                                    lineIds: ['0FaSodQ/4ponaOj/newValue/value/Int/0']
+                                }
+                            ]
+                        },
+                        lineIds: ['0FaSodQ/4ponaOj/newValue']
+                    },
+                    lineIds: ['0FaSodQ/4ponaOj']
+                }
+            ]
+        });
+    });
+    it('should add lineIds to all attributes of CREATE_ENTITY changes', function () {
+        var changes = {
+            'entities/1PMfzz2w': [
+                {
+                    id: '36a3GSVm',
+                    type: mdm_sdk_1.DCRTypes.CREATE_ENTITY,
+                    objectType: 'configuration/entityTypes/Location',
+                    newValue: {
+                        attributes: {
+                            AddressLine1: [{ value: 'www' }],
+                            CityTierName: [{ value: 'ALBY' }]
+                        },
+                        type: 'configuration/entityTypes/Location',
+                        uri: 'entities/0T5H79G'
+                    }
+                }
+            ]
+        };
+        var result = (0, helpers_1.addLineIdToValue)(changes);
+        expect(result).toEqual({
+            'entities/1PMfzz2w': [
+                {
+                    id: '36a3GSVm',
+                    type: mdm_sdk_1.DCRTypes.CREATE_ENTITY,
+                    objectType: 'configuration/entityTypes/Location',
+                    newValue: {
+                        attributes: {
+                            AddressLine1: [
+                                {
+                                    value: 'www',
+                                    lineIds: ['1PMfzz2w/36a3GSVm/newValue/attributes/AddressLine1/0']
+                                }
+                            ],
+                            CityTierName: [
+                                {
+                                    value: 'ALBY',
+                                    lineIds: ['1PMfzz2w/36a3GSVm/newValue/attributes/CityTierName/0']
+                                }
+                            ]
+                        },
+                        type: 'configuration/entityTypes/Location',
+                        uri: 'entities/0T5H79G',
+                        lineIds: ['1PMfzz2w/36a3GSVm/newValue']
+                    },
+                    lineIds: ['1PMfzz2w/36a3GSVm']
+                }
+            ]
+        });
+    });
+    it('should add lineIds to all attributes of CREATE_RELATIONSHIP changes', function () {
+        var changes = {
+            'relations/0lVSmtX': [
+                {
+                    id: '0G7u0JP',
+                    type: mdm_sdk_1.DCRTypes.CREATE_RELATIONSHIP,
+                    newValue: {
+                        attributes: {
+                            PrefOrActive: [{ value: 'yfhgvm' }],
+                            AffiliationStatus: [{ value: 'Status 1' }],
+                            PrimaryAffiliationIndicator: [{ value: 'true' }]
+                        },
+                        type: 'configuration/relationTypes/DirPharmacy',
+                        uri: 'relations/0Mj0zAI'
+                    }
+                }
+            ]
+        };
+        var result = (0, helpers_1.addLineIdToValue)(changes);
+        expect(result).toEqual({
+            'relations/0lVSmtX': [
+                {
+                    id: '0G7u0JP',
+                    type: mdm_sdk_1.DCRTypes.CREATE_RELATIONSHIP,
+                    newValue: {
+                        attributes: {
+                            PrefOrActive: [
+                                {
+                                    value: 'yfhgvm',
+                                    lineIds: ['0lVSmtX/0G7u0JP/newValue/attributes/PrefOrActive/0']
+                                }
+                            ],
+                            AffiliationStatus: [
+                                {
+                                    value: 'Status 1',
+                                    lineIds: ['0lVSmtX/0G7u0JP/newValue/attributes/AffiliationStatus/0']
+                                }
+                            ],
+                            PrimaryAffiliationIndicator: [
+                                {
+                                    value: 'true',
+                                    lineIds: ['0lVSmtX/0G7u0JP/newValue/attributes/PrimaryAffiliationIndicator/0']
+                                }
+                            ]
+                        },
+                        type: 'configuration/relationTypes/DirPharmacy',
+                        uri: 'relations/0Mj0zAI',
+                        lineIds: ['0lVSmtX/0G7u0JP/newValue']
+                    },
+                    lineIds: ['0lVSmtX/0G7u0JP']
+                }
+            ]
+        });
+    });
+    it('should add lineIds to both oldValue and newValue for UPDATE_ATTRIBUTE changes', function () {
+        var changes = {
+            'entities/0FaSodQ': [
+                {
+                    id: '4pomtm9',
+                    type: mdm_sdk_1.DCRTypes.UPDATE_ATTRIBUTE,
+                    oldValue: { value: 'old' },
+                    newValue: { value: 'new' }
+                }
+            ]
+        };
+        var result = (0, helpers_1.addLineIdToValue)(changes);
+        expect(result).toEqual({
+            'entities/0FaSodQ': [
+                {
+                    id: '4pomtm9',
+                    type: mdm_sdk_1.DCRTypes.UPDATE_ATTRIBUTE,
+                    oldValue: {
+                        value: 'old',
+                        lineIds: ['0FaSodQ/4pomtm9/oldValue']
+                    },
+                    newValue: {
+                        value: 'new',
+                        lineIds: ['0FaSodQ/4pomtm9/newValue']
+                    },
+                    lineIds: ['0FaSodQ/4pomtm9']
+                }
+            ]
+        });
+    });
+});

package/cjs/features/workflow/ChangeRequestEditor/helpers/helpers.d.ts

@@ -0,0 +1,4 @@
+import { DCRChanges, GroupedObjectsInfo, EnrichedDCRChanges } from '@reltio/mdm-sdk';
+import { Diff } from '../../types';
+export declare const isEditableChange: (change: Diff, entityInfo: GroupedObjectsInfo["entity"]) => boolean;
+export declare const addLineIdToValue: (data: DCRChanges) => EnrichedDCRChanges;

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

@@ -0,0 +1,105 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addLineIdToValue = exports.isEditableChange = void 0;
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var isEditableChange = function (change, entityInfo) {
+    var _a;
+    var currentAttributeTypeUri = (_a = change.attributeType) === null || _a === void 0 ? void 0 : _a.uri;
+    var isExistingReferenceEntityChange = entityInfo.isExist &&
+        currentAttributeTypeUri &&
+        change.isReferenceSubAttribute &&
+        change.operation === mdm_sdk_1.DCROperationTypes.ADDED &&
+        !(0, mdm_sdk_1.isRelationTypeUri)(currentAttributeTypeUri);
+    return !!currentAttributeTypeUri && !isExistingReferenceEntityChange && !(0, ramda_1.isNil)(change.newValue);
+};
+exports.isEditableChange = isEditableChange;
+var isPrimitiveValue = function (value) {
+    return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
+};
+var addLineIdRecursively = function (value, basePath) {
+    if (value == null)
+        return value;
+    if (Array.isArray(value)) {
+        return value.map(function (entry, index) {
+            if (entry && typeof entry === 'object') {
+                var entryPath = "".concat(basePath, "/").concat(index);
+                var newEntry = (0, ramda_1.clone)(entry);
+                newEntry.lineIds = [entryPath];
+                var v = newEntry.value;
+                if (typeof v === 'object' && v !== null) {
+                    newEntry.value = addLineIdRecursively(v, "".concat(entryPath, "/value"));
+                }
+                return newEntry;
+            }
+            return entry;
+        });
+    }
+    if (typeof value === 'object') {
+        var result = {};
+        for (var _i = 0, _a = Object.entries(value); _i < _a.length; _i++) {
+            var _b = _a[_i], key = _b[0], val = _b[1];
+            var childPath = "".concat(basePath, "/").concat(key);
+            result[key] = addLineIdRecursively(val, childPath);
+        }
+        return result;
+    }
+    return value;
+};
+var addLineIdToChangeValue = function (container, basePath, type) {
+    if (container == null)
+        return container;
+    if ([mdm_sdk_1.DCRTypes.CREATE_ENTITY, mdm_sdk_1.DCRTypes.CREATE_RELATIONSHIP].includes(type)) {
+        var attributes = void 0;
+        if ('attributes' in container && typeof container.attributes === 'object') {
+            attributes = addLineIdRecursively(container.attributes, "".concat(basePath, "/attributes"));
+        }
+        return __assign(__assign({}, container), { attributes: attributes, lineIds: [basePath] });
+    }
+    if (Array.isArray(container)) {
+        return { value: container, lineIds: [basePath] };
+    }
+    if (typeof container === 'object' && 'value' in container) {
+        var containerValue = container.value;
+        return __assign(__assign({}, container), { lineIds: [basePath], value: isPrimitiveValue(containerValue)
+                ? containerValue
+                : addLineIdRecursively(containerValue, "".concat(basePath, "/value")) });
+    }
+    return container;
+};
+var addLineIdToValue = function (data) {
+    var enrichedData = (0, ramda_1.clone)(data);
+    for (var entityOrRelationKey in enrichedData) {
+        var entityOrRelationId = entityOrRelationKey.split('/')[1];
+        var changeList = enrichedData[entityOrRelationKey];
+        if (!Array.isArray(changeList))
+            continue;
+        for (var _i = 0, changeList_1 = changeList; _i < changeList_1.length; _i++) {
+            var change = changeList_1[_i];
+            var changeId = change.id;
+            var type = change.type;
+            if (change.newValue != null) {
+                var root = "".concat(entityOrRelationId, "/").concat(changeId, "/newValue");
+                change.newValue = addLineIdToChangeValue(change.newValue, root, type);
+            }
+            if (change.oldValue != null) {
+                var root = "".concat(entityOrRelationId, "/").concat(changeId, "/oldValue");
+                change.oldValue = addLineIdToChangeValue(change.oldValue, root, type);
+            }
+            change.lineIds = ["".concat(entityOrRelationId, "/").concat(changeId)];
+        }
+    }
+    return enrichedData;
+};
+exports.addLineIdToValue = addLineIdToValue;

package/cjs/features/workflow/ReviewDCRDialog/ReviewDCRDialog.js

@@ -15,6 +15,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var useWorkflowCheckPermission_1 = require("../hooks/useWorkflowCheckPermission");
 var useWorkflowActions_1 = require("../hooks/useWorkflowActions");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var context_1 = require("../ChangeRequestEditor/context");
 var ProfileBand_1 = require("../../../ProfileBand");
 var DueDateField_1 = require("../DueDateField");
 var PrioritySelector_1 = require("../PrioritySelector");
@@ -54,7 +55,8 @@ var ReviewDCRDialog = function (_a) {
                         react_1.default.createElement("div", { className: ReviewDCRDialog_module_css_1.default.editableItem },
                             react_1.default.createElement(AssigneeSelector_1.AssigneeSelector, { taskId: task.taskId, assignee: task.assignee, isTaskOpen: task.isOpen })))),
                 react_1.default.createElement("div", { className: ReviewDCRDialog_module_css_1.default.changesSection },
-                    react_1.default.createElement(ChangeRequestEditor_1.ChangeRequestEditor, { dcr: dcr, task: task, groupedObjects: groupedObjects }))),
+                    react_1.default.createElement(context_1.ChangeRequestEditorProvider, null,
+                        react_1.default.createElement(ChangeRequestEditor_1.ChangeRequestEditor, { dcr: dcr, task: task, groupedObjects: groupedObjects })))),
             canViewComments && (react_1.default.createElement(WorkflowComments_1.WorkflowComments, { workflowActions: workflowActions, actionRequestIsInProgress: actionRequestIsInProgress, preferredAction: task.preferredAction, taskId: task.taskId, processInstanceComments: task.processInstanceComments, isTaskOpen: task.isOpen, showActionButtons: false, alwaysExpanded: true, classes: {
                     container: ReviewDCRDialog_module_css_1.default.commentsRootContainer,
                     commentsContainer: ReviewDCRDialog_module_css_1.default.commentsContainer

package/cjs/features/workflow/helpers/attributes.js

@@ -64,19 +64,30 @@ var dcrAttributesFactory = function (metadata, attributeType, attributeValue, le
         }
     }
 };
+var extractLineIds = function (attributeValue) {
+    var _a, _b;
+    return typeof attributeValue.value === 'object' &&
+        'newValue' in attributeValue.value &&
+        'lineIds' in attributeValue.value.newValue &&
+        Array.isArray(attributeValue.value.newValue.lineIds)
+        ? (_b = (_a = attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.value) === null || _a === void 0 ? void 0 : _a.newValue) === null || _b === void 0 ? void 0 : _b.lineIds
+        : attributeValue.lineIds;
+};
 var getNestedAttributeChange = function (metadata, attributeType, attributeValue, level) {
     var attributeTypeList = (0, mdm_sdk_1.getAttributeTypeSubAttributes)({}, attributeType);
     var label = (0, mdm_sdk_1.getLabel)((attributeType === null || attributeType === void 0 ? void 0 : attributeType.label) || (attributeType === null || attributeType === void 0 ? void 0 : attributeType.name));
+    var lineIds = extractLineIds(attributeValue);
     return [
-        { level: level, label: label, attributeType: attributeType, attributeValue: attributeValue },
+        { level: level, label: label, attributeType: attributeType, attributeValue: attributeValue, lineIds: lineIds },
         getAttributesList(metadata, attributeTypeList, attributeValue.value, level + 1)
     ];
 };
 var getReferenceAttributeChange = function (metadata, attributeType, attributeValue, level) {
     var attributeTypeList = (0, mdm_sdk_1.getAttributeTypeSubAttributes)(metadata, attributeType);
     var label = (attributeType === null || attributeType === void 0 ? void 0 : attributeType.label) || (attributeType === null || attributeType === void 0 ? void 0 : attributeType.name);
+    var lineIds = extractLineIds(attributeValue);
     return [
-        { level: level, label: label, attributeType: attributeType, attributeValue: attributeValue },
+        { level: level, label: label, attributeType: attributeType, attributeValue: attributeValue, lineIds: lineIds },
         getAttributesList(metadata, attributeTypeList, attributeValue.value, level + 1, true)
     ];
 };
@@ -114,7 +125,7 @@ exports.getRelationChanges = (0, ramda_1.curry)(function (metadata, relationInfo
     var relationType = (0, mdm_sdk_1.getRelationType)(metadata, relationInfo.type);
     var attrTypes = (0, mdm_sdk_1.getRelationAttributesList)(metadata, relationInfo.type);
     return (0, ramda_1.flatten)([
-        __assign({ level: 1, label: (0, ramda_1.propOr)('', 'label', relationType), attributeType: null, relationType: relationType, attributeValue: __assign(__assign({}, relationInfo), changes) }, addRelationOperationIfNeeded(changes, changeType)),
+        __assign({ level: 1, label: (0, ramda_1.propOr)('', 'label', relationType), attributeType: null, relationType: relationType, attributeValue: __assign(__assign({}, relationInfo), changes), lineIds: changes === null || changes === void 0 ? void 0 : changes.lineIds }, addRelationOperationIfNeeded(changes, changeType)),
         getAttributesList(metadata, attrTypes, changes, 2)
     ]);
 });