@reltio/components 1.4.2200 → 1.4.2202

package/features/workflow/ChangeRequestEditor/ChangeRequestEditor.js

@@ -1,16 +1,26 @@
-import React from 'react';
+import React, { useMemo } from 'react';
+import { clone } from 'ramda';
 import i18n from 'ui-i18n';
 import Typography from '@mui/material/Typography';
+import { addLineIdToValue } from './helpers/helpers';
 import SvgSuggestedChanges from '../../../icons/SuggestedChanges';
 import { EntityChangesGroup, SkeletonEntityChangesGroupLoader } from './components/EntityChangesGroup';
 import styles from './ChangeRequestEditor.module.css';
 export var ChangeRequestEditor = function (_a) {
     var dcr = _a.dcr, task = _a.task, groupedObjects = _a.groupedObjects;
-    var dcrLoaded = !!dcr && groupedObjects.length > 0;
+    var enrichedDCR = useMemo(function () {
+        if (dcr === null || dcr === void 0 ? void 0 : dcr.changes) {
+            var cloned = clone(dcr);
+            cloned.changes = addLineIdToValue(cloned.changes);
+            return cloned;
+        }
+        return null;
+    }, [dcr]);
+    var dcrLoaded = !!enrichedDCR && groupedObjects.length > 0;
     return (React.createElement("div", { className: styles.container },
         React.createElement("div", { className: styles.header },
             React.createElement("div", { className: styles.suggestedChangesIcon },
                 React.createElement(SvgSuggestedChanges, null)),
             React.createElement(Typography, { variant: "h6", className: styles.suggestedChangesTitle }, i18n.text('Suggested changes'))),
-        dcrLoaded ? (groupedObjects.map(function (object, index) { return (React.createElement(EntityChangesGroup, { key: "entity-".concat(index), entityInfo: object.entity, relationsInfo: object.relations, task: task, dcr: dcr })); })) : (React.createElement(SkeletonEntityChangesGroupLoader, null))));
+        dcrLoaded ? (groupedObjects.map(function (object, index) { return (React.createElement(EntityChangesGroup, { key: "entity-".concat(index), entityInfo: object.entity, relationsInfo: object.relations, task: task, dcr: enrichedDCR })); })) : (React.createElement(SkeletonEntityChangesGroupLoader, null))));
 };

package/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/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/ChangeItemEditor.js

@@ -1,23 +1,32 @@
-import React, { useMemo } from 'react';
 import { isNil } from 'ramda';
+import React, { useCallback, useMemo } from 'react';
+import { useContextSelector } from '@fluentui/react-context-selector';
 import { DCROperationTypes, EntityAttrTypes, getAttributeValue } from '@reltio/mdm-sdk';
+import { useMdmMetadata } from '../../../../../contexts/MdmModuleContext';
+import { DataTypeValue } from '../../../../../DataTypeValue';
 import { getDataTypeDefinition, prepareRolesOrTagsValue } from '../../../helpers/common';
 import { OperationChip } from '../../../OperationChip';
-import { DataTypeValue } from '../../../../../DataTypeValue';
 import { RelationEntityLink } from '../../../RelationEntityLink';
+import { ChangeRequestEditorContext } from '../../context';
 import { ChangeItemLabel } from './ChangeItemLabel';
 import { DCRValueEditor } from './DCRValueEditor';
-import { useMdmMetadata } from '../../../../../contexts/MdmModuleContext';
+import { extractLineIds } from '../../../helpers/merge';
 import styles from './ChangeItemEditor.module.css';
 export 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 = useMdmMetadata();
+    var lineIds = change.lineIds || extractLineIds(change === null || change === void 0 ? void 0 : change.newValue);
+    var lineData = useContextSelector(ChangeRequestEditorContext, function (context) { return lineIds && context.getLineData(lineIds[0]); });
+    var updateChange = useContextSelector(ChangeRequestEditorContext, function (context) { return context.updateChange; });
+    var onValueChange = useCallback(function (newValue) {
+        updateChange(lineIds, typeof newValue === 'object' && 'value' in newValue ? newValue : { value: newValue });
+    }, [lineIds, updateChange]);
     var isUpdateOperation = change.operation === DCROperationTypes.EDITED;
     var isAddOperation = change.operation === DCROperationTypes.ADDED;
     var hasAnyValue = Boolean(change.oldValue || change.newValue);
     var oldValue = getAttributeValue(change.oldValue);
-    var newValue = getAttributeValue(change.newValue);
+    var newValue = getAttributeValue(isNil(lineData === null || lineData === void 0 ? void 0 : lineData.value) ? change.newValue : lineData.value);
     var hasNewValue = !isNil(newValue);
     var dataTypeDefinition = useMemo(function () {
         return change.attributeType && getDataTypeDefinition(change.attributeType, newValue || oldValue);
@@ -35,7 +44,7 @@ export var ChangeItemEditor = function (_a) {
         React.createElement(ChangeItemLabel, { change: change, className: styles.labelColumn, showLabel: !isUpdateOperation }),
         React.createElement("div", { className: styles.valueColumn },
             React.createElement(RelationEntityLink, { attributeOrRelationType: change.attributeType || change.relationType, attributeValue: change.attributeValue, className: styles.relationEntityLink }),
-            shouldShowValueEditor ? (React.createElement(DCRValueEditor, { attributeType: change.attributeType, value: change.newValue, onChange: onValueChange })) : (hasNewValue && (React.createElement("div", { className: styles.value },
+            shouldShowValueEditor ? (React.createElement(DCRValueEditor, { attributeType: change.attributeType, value: isNil(lineData === null || lineData === void 0 ? void 0 : lineData.value) ? change.newValue : lineData.value, onChange: onValueChange })) : (hasNewValue && (React.createElement("div", { className: styles.value },
                 React.createElement(DataTypeValue, { value: preparedValue, dataTypeDefinition: dataTypeDefinition }))))),
         React.createElement("div", { className: styles.revertColumn }),
         React.createElement("div", { className: styles.operationColumn }, shouldShowOperationChip && (React.createElement(OperationChip, { operation: change.operation, size: "small", variant: "outlined" })))));

package/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/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/DCRValueEditor.js

@@ -1,14 +1,11 @@
-import React, { useCallback } from 'react';
+import React from 'react';
 import { DCRValueEditorFactory } from './DCRValueEditorFactory';
 import styles from './ChangeItemEditor.module.css';
 export var DCRValueEditor = function (_a) {
     var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange;
-    var handleChange = useCallback(function (updatedValue) {
-        onChange(attributeType.uri, updatedValue);
-    }, [attributeType.uri, onChange]);
     return (React.createElement("div", { className: styles.editor }, DCRValueEditorFactory.build({
         attributeType: attributeType,
         value: value,
-        onChange: handleChange
+        onChange: onChange
     })));
 };

package/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 {

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

@@ -1,10 +1,11 @@
+import { prop } from 'ramda';
 import React from 'react';
-import { EntityAttrTypes, wrapInArrayIfNeeded, getAttributeValue } from '@reltio/mdm-sdk';
+import { EntityAttrTypes, getAttributeValue, wrapInArrayIfNeeded } from '@reltio/mdm-sdk';
 import { DataTypeValueEditor } from '../../../../../DataTypeValueEditor';
-import { attributeValueToEditorValue } from '../../../../../helpers/attributesView';
-import { getDataTypeDefinition } from '../../../helpers/common';
+import { attributeValueToEditorValue, editorValueToAttributeValue } from '../../../../../helpers/attributesView';
 import { RolesInput } from '../../../../../RolesInput/RolesInput';
 import { TagsInput } from '../../../../../TagsInput/TagsInput';
+import { getDataTypeDefinition } from '../../../helpers/common';
 var DCRValueEditorFactory = /** @class */ (function () {
     function DCRValueEditorFactory() {
     }
@@ -13,7 +14,10 @@ var DCRValueEditorFactory = /** @class */ (function () {
         var dcrValue = getAttributeValue(value);
         switch (attributeType.uri) {
             case EntityAttrTypes.roles.uri: {
-                return React.createElement(RolesInput, { value: wrapInArrayIfNeeded(dcrValue), onChange: onChange });
+                var handleChange = function (values) {
+                    onChange((values === null || values === void 0 ? void 0 : values.map(prop('value'))) || []);
+                };
+                return React.createElement(RolesInput, { value: wrapInArrayIfNeeded(dcrValue), onChange: handleChange });
             }
             case EntityAttrTypes.tags.uri: {
                 return React.createElement(TagsInput, { value: wrapInArrayIfNeeded(dcrValue), onChange: onChange });
@@ -23,7 +27,11 @@ var DCRValueEditorFactory = /** @class */ (function () {
                 var editorValue = value && dataTypeDefinition
                     ? attributeValueToEditorValue(value, dataTypeDefinition)
                     : null;
-                return (React.createElement(DataTypeValueEditor, { fieldName: attributeType.uri, value: editorValue, dataTypeDefinition: dataTypeDefinition, onChange: onChange, fullWidth: true }));
+                var handleChange = function (value) {
+                    var valueConvertedToAttributeValue = editorValueToAttributeValue(attributeType, value);
+                    onChange(valueConvertedToAttributeValue);
+                };
+                return (React.createElement(DataTypeValueEditor, { fieldName: attributeType.uri, value: editorValue, dataTypeDefinition: dataTypeDefinition, onChange: handleChange, fullWidth: true }));
             }
         }
     };

package/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/features/workflow/ChangeRequestEditor/components/ChangeItemRow/ChangeItemRow.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import { has } from 'ramda';
 import classnames from 'classnames';
+import { has } from 'ramda';
+import React from 'react';
 import { DCROperationTypes } from '@reltio/mdm-sdk';
-import { isEditableChange } from '../../helpers';
-import { ChangeItemOldValue, ChangeItemEditor } from '../ChangeItemEditor';
+import { isEditableChange } from '../../helpers/helpers';
+import { ChangeItemEditor, ChangeItemOldValue } from '../ChangeItemEditor';
 import styles from './ChangeItemRow.module.css';
 export var ChangeItemRow = function (_a) {
     var _b;
-    var item = _a.item, onValueChange = _a.onValueChange, entityInfo = _a.entityInfo;
+    var item = _a.item, entityInfo = _a.entityInfo;
     if (!has('level', item)) {
         return React.createElement("div", { className: styles.title }, item.label);
     }
@@ -16,5 +16,5 @@ export var ChangeItemRow = function (_a) {
     var editable = isEditableChange(change, entityInfo);
     return (React.createElement("div", { className: classnames(styles.changeItemRow, (_b = {}, _b[styles.editableRow] = editable, _b)) },
         isEditedOperation && React.createElement(ChangeItemOldValue, { change: change }),
-        React.createElement(ChangeItemEditor, { change: change, onValueChange: onValueChange, editable: editable })));
+        React.createElement(ChangeItemEditor, { change: change, editable: editable })));
 };

package/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/features/workflow/ChangeRequestEditor/components/EntityChangesGroup/EntityChangesGroup.js

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import React from 'react';
 import Accordion from '@mui/material/Accordion';
 import AccordionSummary from '@mui/material/AccordionSummary';
 import AccordionDetails from '@mui/material/AccordionDetails';
@@ -18,14 +18,11 @@ export var EntityChangesGroup = function (_a) {
         entityInfo: entityInfo,
         relationsInfo: relationsInfo
     });
-    var handleValueChange = useCallback(function () {
-        // TODO: Implement value change logic
-    }, []);
     return (React.createElement(AttributesChangesContext.Provider, { value: objectsInfo },
         React.createElement(Accordion, { className: styles.entityGroup, defaultExpanded: true, "data-reltio-id": "entity-changes-group" },
             React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, null), className: styles.entityHeader, classes: {
                     content: styles.accordionContent
                 } },
                 React.createElement(DCREntityUriLink, { entityInfo: entityInfo, changes: changes, dcrUri: dcrUri, className: styles.entityTitle })),
-            React.createElement(AccordionDetails, { className: styles.attributesList }, changesList.map(function (item, index) { return (React.createElement(ChangeItemRow, { key: "".concat('label' in item ? 'title' : 'change', "-").concat(index), item: item, onValueChange: handleValueChange, entityInfo: entityInfo })); })))));
+            React.createElement(AccordionDetails, { className: styles.attributesList }, changesList.map(function (item, index) { return (React.createElement(ChangeItemRow, { key: "".concat('label' in item ? 'title' : 'change', "-").concat(index), item: item, entityInfo: entityInfo })); })))));
 };

package/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/features/workflow/ChangeRequestEditor/context/index.js

@@ -0,0 +1,49 @@
+import { createContext } from '@fluentui/react-context-selector';
+import React, { useCallback, useState } from 'react';
+export var ChangeRequestEditorContext = createContext({
+    updateChange: undefined,
+    getLineData: undefined,
+    rejectChange: undefined,
+    revertChangeUpdateOrReject: undefined
+});
+export var ChangeRequestEditorProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState(new Map()), lineDataMap = _b[0], setLineDataMap = _b[1];
+    var updateChange = 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 = useCallback(function (lineIds) {
+        setLineDataMap(function (prevMap) {
+            var newMap = new Map(prevMap);
+            lineIds.forEach(function (id) {
+                newMap.set(id, { isRejected: true });
+            });
+            return newMap;
+        });
+    }, []);
+    var revertChangeUpdateOrReject = useCallback(function (lineIds) {
+        setLineDataMap(function (prevMap) {
+            var newMap = new Map(prevMap);
+            lineIds.forEach(function (id) {
+                newMap.delete(id);
+            });
+            return newMap;
+        });
+    }, []);
+    var getLineData = useCallback(function (lineId) {
+        return lineDataMap.get(lineId);
+    }, [lineDataMap]);
+    var contextValue = {
+        updateChange: updateChange,
+        getLineData: getLineData,
+        rejectChange: rejectChange,
+        revertChangeUpdateOrReject: revertChangeUpdateOrReject
+    };
+    return React.createElement(ChangeRequestEditorContext.Provider, { value: contextValue }, children);
+};

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

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

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

@@ -0,0 +1,235 @@
+import { DCRTypes } from '@reltio/mdm-sdk';
+import { addLineIdToValue } from './helpers';
+describe('addLineIdToValue', function () {
+    it('should add lineIds for a simple attribute', function () {
+        var changes = {
+            'entities/0FaSodQ': [
+                {
+                    id: '4pomtm9',
+                    type: DCRTypes.INSERT_ATTRIBUTE,
+                    newValue: { value: '434' }
+                }
+            ]
+        };
+        var result = addLineIdToValue(changes);
+        expect(result).toEqual({
+            'entities/0FaSodQ': [
+                {
+                    id: '4pomtm9',
+                    type: 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: DCRTypes.UPDATE_TAGS,
+                    newValue: ['www', 'qqq', 'sss'],
+                    oldValue: ['aaa', 'bbb', 'ccc']
+                }
+            ]
+        };
+        var result = addLineIdToValue(changes);
+        expect(result).toEqual({
+            'entities/0FaSodQ': [
+                {
+                    id: '0OSJEYr',
+                    type: 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: DCRTypes.INSERT_ATTRIBUTE,
+                    newValue: {
+                        value: {
+                            TextField: [{ value: 'Test' }],
+                            Int: [{ value: '42' }]
+                        }
+                    }
+                }
+            ]
+        };
+        var result = addLineIdToValue(changes);
+        expect(result).toEqual({
+            'entities/0FaSodQ': [
+                {
+                    id: '4ponaOj',
+                    type: 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: DCRTypes.CREATE_ENTITY,
+                    objectType: 'configuration/entityTypes/Location',
+                    newValue: {
+                        attributes: {
+                            AddressLine1: [{ value: 'www' }],
+                            CityTierName: [{ value: 'ALBY' }]
+                        },
+                        type: 'configuration/entityTypes/Location',
+                        uri: 'entities/0T5H79G'
+                    }
+                }
+            ]
+        };
+        var result = addLineIdToValue(changes);
+        expect(result).toEqual({
+            'entities/1PMfzz2w': [
+                {
+                    id: '36a3GSVm',
+                    type: 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: DCRTypes.CREATE_RELATIONSHIP,
+                    newValue: {
+                        attributes: {
+                            PrefOrActive: [{ value: 'yfhgvm' }],
+                            AffiliationStatus: [{ value: 'Status 1' }],
+                            PrimaryAffiliationIndicator: [{ value: 'true' }]
+                        },
+                        type: 'configuration/relationTypes/DirPharmacy',
+                        uri: 'relations/0Mj0zAI'
+                    }
+                }
+            ]
+        };
+        var result = addLineIdToValue(changes);
+        expect(result).toEqual({
+            'relations/0lVSmtX': [
+                {
+                    id: '0G7u0JP',
+                    type: 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: DCRTypes.UPDATE_ATTRIBUTE,
+                    oldValue: { value: 'old' },
+                    newValue: { value: 'new' }
+                }
+            ]
+        };
+        var result = addLineIdToValue(changes);
+        expect(result).toEqual({
+            'entities/0FaSodQ': [
+                {
+                    id: '4pomtm9',
+                    type: DCRTypes.UPDATE_ATTRIBUTE,
+                    oldValue: {
+                        value: 'old',
+                        lineIds: ['0FaSodQ/4pomtm9/oldValue']
+                    },
+                    newValue: {
+                        value: 'new',
+                        lineIds: ['0FaSodQ/4pomtm9/newValue']
+                    },
+                    lineIds: ['0FaSodQ/4pomtm9']
+                }
+            ]
+        });
+    });
+});

package/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;