@reltio/components 1.4.2243 → 1.4.2245

package/cjs/features/workflow/ChangeRequestEditor/hooks/useChangeRequestEditor.d.ts

@@ -1,5 +1,5 @@
-import { PrimitiveValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
-import { Diff } from '../../types';
+import { type PrimitiveValue, type SimpleAttributeValue } from '@reltio/mdm-sdk';
+import type { Diff, LineDataValue } from '../../types';
 type Props = {
     change: Diff;
 };
@@ -7,11 +7,12 @@ export declare const useChangeRequestEditor: ({ change }: Props) => {
     handleChange: (newValue: SimpleAttributeValue | string[] | PrimitiveValue) => void;
     handleReject: () => void;
     handleRevert: () => void;
+    handleImageUpload: (value: LineDataValue) => void;
     lineData: import("../../types").LineData;
     isLineRejected: boolean;
     isParentLineRejected: boolean;
     isUpdated: boolean;
     hasChangeId: boolean;
-    isSubAttributeOfDeletedAttribute: any;
+    isSubAttributeOfDeletedAttribute: boolean;
 };
 export {};

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

@@ -2,10 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChangeRequestEditor = void 0;
 var react_1 = require("react");
+var ramda_1 = require("ramda");
 var react_context_selector_1 = require("@fluentui/react-context-selector");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ChangeRequestEditorContext_1 = require("../../contexts/ChangeRequestEditorContext");
 var merge_1 = require("../../helpers/merge");
+var helpers_1 = require("../helpers/helpers");
 var emptyLineIds = [];
 var useChangeRequestEditor = function (_a) {
     var change = _a.change;
@@ -25,7 +27,7 @@ var useChangeRequestEditor = function (_a) {
         lineIds.length > 0 &&
         lineIds[0].includes('/value/');
     var handleChange = (0, react_1.useCallback)(function (newValue) {
-        updateChange(lineIds, typeof newValue === 'object' && 'value' in newValue ? newValue : { value: newValue });
+        updateChange(lineIds, (0, helpers_1.isSimpleAttributeValue)(newValue) ? newValue : { value: newValue });
     }, [lineIds, updateChange]);
     var handleReject = (0, react_1.useCallback)(function () {
         rejectChange(lineIds);
@@ -33,10 +35,16 @@ var useChangeRequestEditor = function (_a) {
     var handleRevert = (0, react_1.useCallback)(function () {
         revertChangeUpdateOrReject(lineIds);
     }, [revertChangeUpdateOrReject, lineIds]);
+    var handleImageUpload = (0, react_1.useCallback)(function (value) {
+        if ((0, ramda_1.isEmpty)(lineIds))
+            return;
+        updateChange(lineIds, value);
+    }, [lineIds, updateChange]);
     return {
         handleChange: handleChange,
         handleReject: handleReject,
         handleRevert: handleRevert,
+        handleImageUpload: handleImageUpload,
         lineData: lineData,
         isLineRejected: isLineRejected,
         isParentLineRejected: isParentLineRejected,

package/cjs/features/workflow/ChangeRequestEditor/hooks/useNewAttributesEditor.d.ts

@@ -0,0 +1,18 @@
+import type { PrimitiveValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import type { Diff, LineDataValue } from '../../types';
+import type { EntityOption } from '../../../../EntitySelector/types';
+type Props = {
+    change: Diff;
+};
+export declare const useNewAttributesEditor: ({ change }: Props) => {
+    lineData: import("../../types").LineData;
+    addedId: string;
+    selectedEntity: import("@reltio/mdm-sdk").ConnectionEntity;
+    isRejected: boolean;
+    hasAddedParent: boolean;
+    handleDelete: () => void;
+    handleChange: (newValue: SimpleAttributeValue | string[] | PrimitiveValue) => void;
+    handleEntityChange: (entity: EntityOption) => void;
+    handleImageUpload: (value: LineDataValue) => void;
+};
+export {};

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

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNewAttributesEditor = void 0;
+var react_1 = require("react");
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var ChangeRequestEditorContext_1 = require("../../contexts/ChangeRequestEditorContext");
+var merge_1 = require("../../helpers/merge");
+var helpers_1 = require("../helpers/helpers");
+var addedAttributes_1 = require("../helpers/addedAttributes");
+var AddedAttributesContext_1 = require("../../contexts/AddedAttributesContext");
+var emptyLineIds = [];
+var useNewAttributesEditor = function (_a) {
+    var change = _a.change;
+    var addedId = (0, addedAttributes_1.getAddedId)(change);
+    var hasAddedParent = (0, addedAttributes_1.hasParentAddedAttribute)(addedId);
+    var lineIds = change.lineIds || (0, merge_1.extractLineIds)(change === null || change === void 0 ? void 0 : change.newValue) || emptyLineIds;
+    var lineData = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) { return context.getLineData(lineIds[0]); });
+    var updateChange = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) { return context.updateChange; });
+    var isLineRejected = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) {
+        return context.getIsLineRejected(lineIds[0]);
+    });
+    var isParentLineRejected = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) {
+        return context.getIsParentLineRejected(lineIds[0]);
+    });
+    var isRejected = isLineRejected || isParentLineRejected;
+    var deleteLineData = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (ctx) { return ctx.deleteLineData; });
+    var removeAddedAttribute = (0, react_context_selector_1.useContextSelector)(AddedAttributesContext_1.AddedAttributesContext, function (ctx) { return ctx.removeAddedAttribute; });
+    var updateAddedAttributeRefEntity = (0, react_context_selector_1.useContextSelector)(AddedAttributesContext_1.AddedAttributesContext, function (ctx) { return ctx.updateAddedAttributeRefEntity; });
+    var selectedEntity = (0, react_context_selector_1.useContextSelector)(AddedAttributesContext_1.AddedAttributesContext, function (ctx) { var _a; return addedId ? (_a = ctx.getAddedAttributes().find(function (a) { return a.id === addedId; })) === null || _a === void 0 ? void 0 : _a.refEntity : undefined; });
+    var handleChange = (0, react_1.useCallback)(function (newValue) {
+        updateChange(lineIds, (0, helpers_1.isSimpleAttributeValue)(newValue) ? newValue : { value: newValue });
+    }, [lineIds, updateChange]);
+    var handleDelete = (0, react_1.useCallback)(function () {
+        if (!addedId)
+            return;
+        removeAddedAttribute(addedId);
+        deleteLineData(lineIds);
+    }, [addedId, deleteLineData, lineIds, removeAddedAttribute]);
+    var handleEntityChange = (0, react_1.useCallback)(function (entity) {
+        if (!addedId)
+            return;
+        updateAddedAttributeRefEntity(addedId, {
+            entityUri: entity.uri,
+            entityType: entity.type,
+            entityLabel: entity.label
+        });
+    }, [addedId, updateAddedAttributeRefEntity]);
+    var handleImageUpload = (0, react_1.useCallback)(function (value) {
+        if (lineIds.length === 0)
+            return;
+        updateChange(lineIds, value);
+    }, [lineIds, updateChange]);
+    return {
+        lineData: lineData,
+        addedId: addedId,
+        selectedEntity: selectedEntity,
+        isRejected: isRejected,
+        hasAddedParent: hasAddedParent,
+        handleDelete: handleDelete,
+        handleChange: handleChange,
+        handleEntityChange: handleEntityChange,
+        handleImageUpload: handleImageUpload
+    };
+};
+exports.useNewAttributesEditor = useNewAttributesEditor;

package/cjs/features/workflow/WorkflowTaskCard/components/DataChangeRequestTaskCard/DataChangeRequestTaskCard.js

@@ -39,7 +39,9 @@ var useChangeRequest_1 = require("../../../hooks/useChangeRequest");
 var common_1 = require("../../../helpers/common");
 var ReviewDCRDialog_1 = require("../../../ReviewDCRDialog");
 var ReviewDCRButton_1 = require("../../../ReviewDCRButton");
+var AddedAttributesContext_1 = require("../../../contexts/AddedAttributesContext");
 var ChangeRequestEditorContext_1 = require("../../../contexts/ChangeRequestEditorContext");
+var ScrollToAddedAttributeContext_1 = require("../../../contexts/ScrollToAddedAttributeContext");
 var WorkflowTasksContext_1 = require("../../../../../contexts/WorkflowTasksContext");
 var ScrollToElementContext_1 = require("../../../../../contexts/ScrollToElementContext");
 var DataChangeRequestTaskCard = function (_a) {
@@ -67,8 +69,10 @@ var DataChangeRequestTaskCard = function (_a) {
         react_1.default.createElement(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard, { task: task, Icon: DcrTaskIcon_1.default, customActionsSlot: customActionsSlot }, dcr &&
             groupedObjects.map(function (object, index) { return (react_1.default.createElement(LineDecorator_1.LineDecorator, { key: index, last: index === groupedObjects.length - 1, divider: true },
                 react_1.default.createElement(AttributesChanges_1.AttributesChanges, { entityInfo: object.entity, relationsInfo: object.relations, changes: dcr.changes, objectsInfo: dcr.objectsInfo, dcrUri: dcrUri }))); })),
-        showReviewDialog && (react_1.default.createElement(ChangeRequestEditorContext_1.ChangeRequestEditorProvider, null,
-            react_1.default.createElement(ScrollToElementContext_1.ScrollToElementProvider, null,
-                react_1.default.createElement(ReviewDCRDialog_1.ReviewDCRDialog, { open: isReviewDCRDialogOpen, onClose: handleCloseReviewDCRDialog, dcr: dcr, groupedObjects: groupedObjects, task: task }))))));
+        showReviewDialog && (react_1.default.createElement(AddedAttributesContext_1.AddedAttributesProvider, null,
+            react_1.default.createElement(ChangeRequestEditorContext_1.ChangeRequestEditorProvider, null,
+                react_1.default.createElement(ScrollToElementContext_1.ScrollToElementProvider, null,
+                    react_1.default.createElement(ScrollToAddedAttributeContext_1.ScrollToAddedAttributeProvider, null,
+                        react_1.default.createElement(ReviewDCRDialog_1.ReviewDCRDialog, { open: isReviewDCRDialogOpen, onClose: handleCloseReviewDCRDialog, dcr: dcr, groupedObjects: groupedObjects, task: task }))))))));
 };
 exports.DataChangeRequestTaskCard = DataChangeRequestTaskCard;

package/cjs/features/workflow/contexts/AddedAttributesContext/index.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { type AttributeType, type ConnectionEntity } from '@reltio/mdm-sdk';
+export declare const ADDED_ID_SEPARATOR = "|";
+export declare const ADDED_CHANGE_ID_PREFIX = "added|";
+export type ChangeOverrides = {
+    attributePath?: string;
+    refAttributeType?: string;
+    refObjectURI?: string;
+};
+export type AddedAttributeInitialValue = {
+    value?: unknown;
+    lookupCode?: string;
+};
+export type AddedAttribute = {
+    attributeType: AttributeType;
+    id: string;
+    objectUri?: string;
+    parentLineId?: string;
+    parentId?: string;
+    changeOverrides?: ChangeOverrides;
+    initialValue?: AddedAttributeInitialValue;
+    refEntity?: ConnectionEntity;
+};
+export type AddedAttributesContextType = {
+    getAddedAttributes: () => AddedAttribute[];
+    addAddedAttributes: ({ attributeTypes, objectUri, parentLineId, parentId, changeOverrides }: {
+        attributeTypes: AttributeType[];
+        objectUri?: string;
+        parentLineId?: string;
+        parentId?: string;
+        changeOverrides?: ChangeOverrides;
+    }) => string[];
+    removeAddedAttribute: (id: string) => void;
+    updateAddedAttributeRefEntity: (id: string, refEntity: ConnectionEntity) => void;
+};
+export declare const AddedAttributesContext: import("@fluentui/react-context-selector").Context<AddedAttributesContextType>;
+export declare const AddedAttributesProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/cjs/features/workflow/contexts/AddedAttributesContext/index.js

@@ -0,0 +1,152 @@
+"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);
+};
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddedAttributesProvider = exports.AddedAttributesContext = exports.ADDED_CHANGE_ID_PREFIX = exports.ADDED_ID_SEPARATOR = void 0;
+var react_1 = __importStar(require("react"));
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var nanoid_1 = require("nanoid");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MdmModuleContext_1 = require("../../../../contexts/MdmModuleContext");
+var moreAttributesScope_1 = require("../../helpers/moreAttributesScope");
+exports.ADDED_ID_SEPARATOR = '|';
+exports.ADDED_CHANGE_ID_PREFIX = "added".concat(exports.ADDED_ID_SEPARATOR);
+exports.AddedAttributesContext = (0, react_context_selector_1.createContext)({
+    getAddedAttributes: undefined,
+    addAddedAttributes: undefined,
+    removeAddedAttribute: undefined,
+    updateAddedAttributeRefEntity: undefined
+});
+var getInitialAttributeValue = function (attrType) {
+    if ((0, mdm_sdk_1.isComplexAttribute)(attrType) || (0, mdm_sdk_1.isImage)(attrType))
+        return undefined;
+    var _a = (0, mdm_sdk_1.createNewAttributeValue)(attrType), value = _a.value, lookupCode = _a.lookupCode;
+    if (value === '' && !lookupCode)
+        return undefined;
+    return lookupCode ? { value: value, lookupCode: lookupCode } : { value: value };
+};
+var generateAddedAttributeId = function (parentId) {
+    return parentId ? "".concat(parentId).concat(exports.ADDED_ID_SEPARATOR).concat((0, nanoid_1.nanoid)()) : "".concat(exports.ADDED_CHANGE_ID_PREFIX).concat((0, nanoid_1.nanoid)());
+};
+var createAddedAttribute = function (_a) {
+    var attributeType = _a.attributeType, objectUri = _a.objectUri, parentLineId = _a.parentLineId, parentId = _a.parentId, changeOverrides = _a.changeOverrides;
+    var finalChangeOverrides = changeOverrides
+        ? __assign(__assign(__assign({}, changeOverrides), (changeOverrides.attributePath && {
+            attributePath: "".concat(changeOverrides.attributePath, "/").concat(attributeType.name)
+        })), (changeOverrides.refAttributeType && {
+            refAttributeType: "".concat(changeOverrides.refAttributeType, "/attributes/").concat(attributeType.name)
+        })) : undefined;
+    var initialValue = getInitialAttributeValue(attributeType);
+    return __assign({ attributeType: attributeType, id: generateAddedAttributeId(parentId), objectUri: objectUri, parentLineId: parentLineId, parentId: parentId, changeOverrides: finalChangeOverrides }, (initialValue && { initialValue: initialValue }));
+};
+var AddedAttributesProvider = function (_a) {
+    var children = _a.children;
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var _b = (0, react_1.useState)([]), state = _b[0], setState = _b[1];
+    var getAddedAttributes = (0, react_1.useCallback)(function () { return state; }, [state]);
+    var createAddedAttributes = (0, react_1.useCallback)(function (_a) {
+        var attributeType = _a.attributeType, objectUri = _a.objectUri, parentLineId = _a.parentLineId, parentId = _a.parentId, changeOverrides = _a.changeOverrides;
+        var addedAttribute = createAddedAttribute({
+            attributeType: attributeType,
+            objectUri: objectUri,
+            parentLineId: parentLineId,
+            parentId: parentId,
+            changeOverrides: changeOverrides
+        });
+        var result = [addedAttribute];
+        if ((0, mdm_sdk_1.isComplexAttribute)(attributeType)) {
+            var subAttributes = (0, moreAttributesScope_1.getAvailableSubAttributesForNestedOrReference)(metadata, attributeType);
+            for (var _i = 0, subAttributes_1 = subAttributes; _i < subAttributes_1.length; _i++) {
+                var attr = subAttributes_1[_i];
+                if (attr.required) {
+                    result.push.apply(result, createAddedAttributes({
+                        attributeType: attr,
+                        objectUri: objectUri,
+                        parentId: addedAttribute.id
+                    }));
+                }
+                else {
+                    result.push(createAddedAttribute({
+                        attributeType: attr,
+                        objectUri: objectUri,
+                        parentId: addedAttribute.id
+                    }));
+                }
+            }
+        }
+        return result;
+    }, [metadata]);
+    var addAddedAttributes = (0, react_1.useCallback)(function (_a) {
+        var attributeTypes = _a.attributeTypes, objectUri = _a.objectUri, parentLineId = _a.parentLineId, parentId = _a.parentId, changeOverrides = _a.changeOverrides;
+        if (attributeTypes.length === 0)
+            return [];
+        var addedIds = [];
+        setState(function (prev) {
+            var newAddedAttributes = attributeTypes.flatMap(function (attributeType) {
+                return createAddedAttributes({ attributeType: attributeType, objectUri: objectUri, parentLineId: parentLineId, parentId: parentId, changeOverrides: changeOverrides });
+            });
+            addedIds.push.apply(addedIds, newAddedAttributes.map(function (attr) { return attr.id; }));
+            return __spreadArray(__spreadArray([], prev, true), newAddedAttributes, true);
+        });
+        return addedIds;
+    }, [createAddedAttributes]);
+    var removeAddedAttribute = (0, react_1.useCallback)(function (id) {
+        setState(function (prev) {
+            return prev.filter(function (addedAttribute) {
+                return addedAttribute.id !== id && !addedAttribute.id.startsWith("".concat(id).concat(exports.ADDED_ID_SEPARATOR));
+            });
+        });
+    }, []);
+    var updateAddedAttributeRefEntity = (0, react_1.useCallback)(function (id, refEntity) {
+        setState(function (prev) { return prev.map(function (attr) { return (attr.id === id ? __assign(__assign({}, attr), { refEntity: refEntity }) : attr); }); });
+    }, []);
+    var value = (0, react_1.useMemo)(function () { return ({
+        getAddedAttributes: getAddedAttributes,
+        addAddedAttributes: addAddedAttributes,
+        removeAddedAttribute: removeAddedAttribute,
+        updateAddedAttributeRefEntity: updateAddedAttributeRefEntity
+    }); }, [getAddedAttributes, addAddedAttributes, removeAddedAttribute, updateAddedAttributeRefEntity]);
+    return react_1.default.createElement(exports.AddedAttributesContext.Provider, { value: value }, children);
+};
+exports.AddedAttributesProvider = AddedAttributesProvider;

package/cjs/features/workflow/contexts/ChangeRequestEditorContext/index.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
-import { AttributeError } from '@reltio/mdm-sdk';
-import { LineData, LineDataValue } from '../../types';
+import type { AttributeError } from '@reltio/mdm-sdk';
+import type { LineData, LineDataValue } from '../../types';
 export type ChangeRequestEditorContextType = {
     updateChange: (lineIds: string[], data: LineDataValue) => void;
     getLineData: (lineId: string) => LineData | undefined;
     getLinesByChangeId: (changeId: string) => Array<[string, LineData]>;
     rejectChange: (lineIds: string[]) => void;
     revertChangeUpdateOrReject: (lineIds: string[]) => void;
+    deleteLineData: (lineIds: string[]) => void;
     getIsParentLineRejected: (lineId: string) => boolean;
     getIsLineRejected: (lineId: string) => boolean;
     getIsLineUpdated: (lineId: string) => boolean;

package/cjs/features/workflow/contexts/ChangeRequestEditorContext/index.js

@@ -33,6 +33,7 @@ exports.ChangeRequestEditorContext = (0, react_context_selector_1.createContext)
     getLinesByChangeId: undefined,
     rejectChange: undefined,
     revertChangeUpdateOrReject: undefined,
+    deleteLineData: undefined,
     getIsParentLineRejected: undefined,
     getIsLineRejected: undefined,
     getIsLineUpdated: undefined,
@@ -42,6 +43,17 @@ exports.ChangeRequestEditorContext = (0, react_context_selector_1.createContext)
     getErrors: undefined
 });
 var emptyArray = [];
+var removeLineDataFromMap = function (map, lineIds) {
+    var newMap = new Map(map);
+    lineIds.forEach(function (id) {
+        newMap.forEach(function (_, key) {
+            if (key.startsWith("".concat(id, "/")) || key === id) {
+                newMap.delete(key);
+            }
+        });
+    });
+    return newMap;
+};
 var ChangeRequestEditorProvider = function (_a) {
     var children = _a.children;
     var _b = (0, react_1.useState)(new Map()), lineDataMap = _b[0], setLineDataMap = _b[1];
@@ -66,15 +78,42 @@ var ChangeRequestEditorProvider = function (_a) {
         });
     }, []);
     var revertChangeUpdateOrReject = (0, react_1.useCallback)(function (lineIds) {
+        setLineDataMap(function (prevMap) { return removeLineDataFromMap(prevMap, lineIds); });
+    }, []);
+    var deleteLineData = (0, react_1.useCallback)(function (lineIds) {
         setLineDataMap(function (prevMap) {
-            var newMap = new Map(prevMap);
-            lineIds.forEach(function (id) {
-                newMap.forEach(function (_, key) {
-                    if (key.startsWith("".concat(id, "/")) || key === id) {
-                        newMap.delete(key);
-                    }
+            var newMap = removeLineDataFromMap(prevMap, lineIds);
+            var _loop_1 = function (lineId) {
+                var parts = lineId.split('/');
+                var deletedIndex = parseInt(parts[parts.length - 1]);
+                if (isNaN(deletedIndex))
+                    return "continue";
+                var prefix = parts.slice(0, -1).join('/') + '/';
+                var toRename = [];
+                newMap.forEach(function (data, key) {
+                    if (!key.startsWith(prefix))
+                        return;
+                    var rest = key.slice(prefix.length);
+                    var indexStr = rest.split('/')[0];
+                    var index = parseInt(indexStr);
+                    if (isNaN(index) || index <= deletedIndex)
+                        return;
+                    var newKey = prefix + String(index - 1) + rest.slice(indexStr.length);
+                    toRename.push({ oldKey: key, newKey: newKey, data: data });
                 });
-            });
+                for (var _a = 0, toRename_1 = toRename; _a < toRename_1.length; _a++) {
+                    var oldKey = toRename_1[_a].oldKey;
+                    newMap.delete(oldKey);
+                }
+                for (var _b = 0, toRename_2 = toRename; _b < toRename_2.length; _b++) {
+                    var _c = toRename_2[_b], newKey = _c.newKey, data = _c.data;
+                    newMap.set(newKey, data);
+                }
+            };
+            for (var _i = 0, lineIds_1 = lineIds; _i < lineIds_1.length; _i++) {
+                var lineId = lineIds_1[_i];
+                _loop_1(lineId);
+            }
             return newMap;
         });
     }, []);
@@ -127,6 +166,7 @@ var ChangeRequestEditorProvider = function (_a) {
         getLinesByChangeId: getLinesByChangeId,
         rejectChange: rejectChange,
         revertChangeUpdateOrReject: revertChangeUpdateOrReject,
+        deleteLineData: deleteLineData,
         getIsParentLineRejected: getIsParentLineRejected,
         getIsLineRejected: getIsLineRejected,
         getIsLineUpdated: getIsLineUpdated,

package/cjs/features/workflow/contexts/ScrollToAddedAttributeContext/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type ScrollToAddedAttributeContextType = {
+    highlightedIds: Set<string>;
+    highlight: (addedIds: string[]) => void;
+    scrollToFirst: (ref: React.RefObject<HTMLDivElement>) => void;
+};
+export declare const ScrollToAddedAttributeContext: React.Context<ScrollToAddedAttributeContextType>;
+export declare const ScrollToAddedAttributeProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export {};

package/cjs/features/workflow/contexts/ScrollToAddedAttributeContext/index.js

@@ -0,0 +1,78 @@
+"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.ScrollToAddedAttributeProvider = exports.ScrollToAddedAttributeContext = void 0;
+var react_1 = __importStar(require("react"));
+var EMPTY_SET = new Set();
+var HIGHLIGHT_DURATION_MS = 2000;
+exports.ScrollToAddedAttributeContext = react_1.default.createContext({
+    highlightedIds: EMPTY_SET,
+    highlight: function () { },
+    scrollToFirst: function () { }
+});
+var ScrollToAddedAttributeProvider = function (_a) {
+    var children = _a.children;
+    var _b = (0, react_1.useState)(EMPTY_SET), highlightedIds = _b[0], setHighlightedIds = _b[1];
+    var highlightTimer = (0, react_1.useRef)(null);
+    var highlightDelay = (0, react_1.useRef)(null);
+    var bestScrollTarget = (0, react_1.useRef)(null);
+    var scrollRafId = (0, react_1.useRef)(0);
+    var highlight = (0, react_1.useCallback)(function (addedIds) {
+        if (addedIds.length === 0)
+            return;
+        bestScrollTarget.current = null;
+        clearTimeout(highlightTimer.current);
+        clearTimeout(highlightDelay.current);
+        highlightDelay.current = setTimeout(function () {
+            setHighlightedIds(new Set(addedIds));
+            highlightTimer.current = setTimeout(function () { return setHighlightedIds(EMPTY_SET); }, HIGHLIGHT_DURATION_MS);
+        }, 300);
+    }, []);
+    var scrollToFirst = (0, react_1.useCallback)(function (ref) {
+        if (!ref.current)
+            return;
+        var el = ref.current;
+        if (!bestScrollTarget.current ||
+            el.getBoundingClientRect().top < bestScrollTarget.current.getBoundingClientRect().top) {
+            bestScrollTarget.current = el;
+        }
+        cancelAnimationFrame(scrollRafId.current);
+        scrollRafId.current = requestAnimationFrame(function () {
+            var _a, _b;
+            (_b = (_a = bestScrollTarget.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(_a, { behavior: 'smooth', block: 'center' });
+            bestScrollTarget.current = null;
+        });
+    }, []);
+    (0, react_1.useEffect)(function () {
+        return function () {
+            clearTimeout(highlightTimer.current);
+            clearTimeout(highlightDelay.current);
+            cancelAnimationFrame(scrollRafId.current);
+        };
+    }, []);
+    var value = (0, react_1.useMemo)(function () { return ({ highlightedIds: highlightedIds, highlight: highlight, scrollToFirst: scrollToFirst }); }, [highlightedIds, highlight, scrollToFirst]);
+    return react_1.default.createElement(exports.ScrollToAddedAttributeContext.Provider, { value: value }, children);
+};
+exports.ScrollToAddedAttributeProvider = ScrollToAddedAttributeProvider;

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

@@ -17,6 +17,8 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var attributesView_1 = require("../../../helpers/attributesView");
 var common_1 = require("./common");
 var getValues = function (attributes, attrType) {
+    if (!attributes || typeof attributes !== 'object')
+        return [];
     if ('newValue' in attributes || 'oldValue' in attributes) {
         var newValue = attributes.newValue, oldValue = attributes.oldValue, type_1 = attributes.type;
         var newAttrValues_1 = (0, ramda_1.pathOr)([], ['value', attrType.name])(newValue);
@@ -65,16 +67,23 @@ var dcrAttributesFactory = function (metadata, attributeType, attributeValue, le
     }
 };
 var extractLineIds = function (attributeValue) {
-    var _a, _b;
-    var 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;
+    var _a;
+    var innerChange = attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.value;
+    var lineIds = (_a = innerChange === null || innerChange === void 0 ? void 0 : innerChange.newValue) === null || _a === void 0 ? void 0 : _a.lineIds;
     return Array.isArray(lineIds) ? lineIds : attributeValue.lineIds;
 };
+var extractAddedId = function (attributeValue) {
+    var _a, _b, _c, _d;
+    var innerChange = attributeValue.value;
+    return ((_d = (_b = (_a = innerChange === null || innerChange === void 0 ? void 0 : innerChange.newValue) === null || _a === void 0 ? void 0 : _a.addedId) !== null && _b !== void 0 ? _b : (_c = attributeValue.newValue) === null || _c === void 0 ? void 0 : _c.addedId) !== null && _d !== void 0 ? _d : attributeValue.addedId);
+};
 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);
+    var addedId = extractAddedId(attributeValue);
     return [
-        { level: level, label: label, attributeType: attributeType, attributeValue: attributeValue, lineIds: lineIds },
+        __assign({ level: level, label: label, attributeType: attributeType, attributeValue: attributeValue, lineIds: lineIds }, (addedId && { addedId: addedId })),
         getAttributesList(metadata, attributeTypeList, attributeValue.value, level + 1)
     ];
 };
@@ -82,8 +91,9 @@ var getReferenceAttributeChange = function (metadata, attributeType, attributeVa
     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);
+    var addedId = extractAddedId(attributeValue);
     return [
-        { level: level, label: label, attributeType: attributeType, attributeValue: attributeValue, lineIds: lineIds },
+        __assign({ level: level, label: label, attributeType: attributeType, attributeValue: attributeValue, lineIds: lineIds }, (addedId && { addedId: addedId })),
         getAttributesList(metadata, attributeTypeList, attributeValue.value, level + 1, true)
     ];
 };
@@ -97,16 +107,9 @@ var getSimpleAttributeChange = function (attributeType, attributeValue, level, i
     if (isReferenceSubAttribute === void 0) { isReferenceSubAttribute = false; }
     var _a = getDiffParameters(attributeValue), newValue = _a.newValue, oldValue = _a.oldValue, type = _a.type, newPinOrIgnoreValue = _a.newPinOrIgnoreValue;
     var operation = (0, common_1.getOperationType)(type, newPinOrIgnoreValue);
+    var addedId = extractAddedId(attributeValue);
     var label = (attributeType === null || attributeType === void 0 ? void 0 : attributeType.label) || (attributeType === null || attributeType === void 0 ? void 0 : attributeType.name);
-    return {
-        attributeType: attributeType,
-        newValue: newValue,
-        oldValue: oldValue,
-        operation: operation,
-        label: label,
-        level: level,
-        isReferenceSubAttribute: isReferenceSubAttribute
-    };
+    return __assign(__assign(__assign(__assign({ attributeType: attributeType, newValue: newValue, oldValue: oldValue, operation: operation, label: label, level: level, isReferenceSubAttribute: isReferenceSubAttribute }, (addedId && { addedId: addedId })), (attributeValue.attributePath && { attributePath: attributeValue.attributePath })), (attributeValue.refAttributeType && { refAttributeType: attributeValue.refAttributeType })), (attributeValue.refObjectURI && { refObjectURI: attributeValue.refObjectURI }));
 };
 exports.getEntityChanges = (0, ramda_1.curry)(function (metadata, entityInfo, changes) {
     var attrTypes = (0, attributesView_1.getFilteredAttrTypes)(metadata, entityInfo.type, [], []);

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

@@ -96,7 +96,8 @@ describe('attributes helpers tests', function () {
                 level: 0,
                 newValue: __assign(__assign({}, changes.CountryCode[0].value.newValue), { lineIds: ['3AqlrpfGa/value/oldValue'] }),
                 operation: 'ignored',
-                isReferenceSubAttribute: false
+                isReferenceSubAttribute: false,
+                attributePath: 'CountryCode/3AqlrpfGa'
             },
             {
                 attributeType: metadata.entityTypes[0].attributes[1],
@@ -104,7 +105,8 @@ describe('attributes helpers tests', function () {
                 level: 0,
                 newValue: changes.CountryCode[1].value.newValue,
                 operation: 'added',
-                isReferenceSubAttribute: false
+                isReferenceSubAttribute: false,
+                attributePath: 'CountryCode'
             },
             {
                 attributeType: metadata.entityTypes[0].attributes[3],
@@ -118,7 +120,8 @@ describe('attributes helpers tests', function () {
                 level: 1,
                 newValue: changes.Identifiers[0].value.Type[0].value.newValue,
                 operation: 'ignored',
-                isReferenceSubAttribute: false
+                isReferenceSubAttribute: false,
+                attributePath: 'Identifiers/45uypcuAz/Type/45uypcyRF'
             }
         ]);
     });