@reltio/components 1.4.2198 → 1.4.2200

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AttributeType, DCRValue, DataTypeDefinition, ChangeValue } from '@reltio/mdm-sdk';
+type Props = {
+    attributeType: AttributeType;
+    value: ChangeValue;
+    onChange: (value: DCRValue) => void;
+    dataTypeDefinition?: DataTypeDefinition;
+};
+export declare class DCRValueEditorFactory {
+    static build({ attributeType, value, onChange }: Props): React.JSX.Element;
+}
+export {};

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

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DCRValueEditorFactory = void 0;
+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 DCRValueEditorFactory = /** @class */ (function () {
+    function DCRValueEditorFactory() {
+    }
+    DCRValueEditorFactory.build = function (_a) {
+        var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange;
+        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 });
+            }
+            case mdm_sdk_1.EntityAttrTypes.tags.uri: {
+                return react_1.default.createElement(TagsInput_1.TagsInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: onChange });
+            }
+            default: {
+                var dataTypeDefinition = (0, common_1.getDataTypeDefinition)(attributeType, dcrValue);
+                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 }));
+            }
+        }
+    };
+    return DCRValueEditorFactory;
+}());
+exports.DCRValueEditorFactory = DCRValueEditorFactory;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SkeletonChangeItemEditorLoader: () => React.JSX.Element;

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

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonChangeItemEditorLoader = void 0;
+var react_1 = __importDefault(require("react"));
+var Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
+var SkeletonChangeItemEditorLoader = function () {
+    return (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.attributeRow },
+        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.labelColumn },
+            react_1.default.createElement(Skeleton_1.default, { variant: "text", width: "90%", height: 18, className: ChangeItemEditor_module_css_1.default.columnSkeleton })),
+        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.valueColumn },
+            react_1.default.createElement(Skeleton_1.default, { variant: "text", height: 40, className: ChangeItemEditor_module_css_1.default.columnSkeleton })),
+        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.revertColumn }),
+        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.operationColumn },
+            react_1.default.createElement(Skeleton_1.default, { variant: "rectangular", width: 60, height: 20, className: ChangeItemEditor_module_css_1.default.columnSkeleton }))));
+};
+exports.SkeletonChangeItemEditorLoader = SkeletonChangeItemEditorLoader;

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

@@ -0,0 +1,3 @@
+export { ChangeItemEditor } from './ChangeItemEditor';
+export { ChangeItemOldValue } from './ChangeItemOldValue';
+export { SkeletonChangeItemEditorLoader } from './SkeletonChangeItemEditorLoader';

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonChangeItemEditorLoader = exports.ChangeItemOldValue = exports.ChangeItemEditor = void 0;
+var ChangeItemEditor_1 = require("./ChangeItemEditor");
+Object.defineProperty(exports, "ChangeItemEditor", { enumerable: true, get: function () { return ChangeItemEditor_1.ChangeItemEditor; } });
+var ChangeItemOldValue_1 = require("./ChangeItemOldValue");
+Object.defineProperty(exports, "ChangeItemOldValue", { enumerable: true, get: function () { return ChangeItemOldValue_1.ChangeItemOldValue; } });
+var SkeletonChangeItemEditorLoader_1 = require("./SkeletonChangeItemEditorLoader");
+Object.defineProperty(exports, "SkeletonChangeItemEditorLoader", { enumerable: true, get: function () { return SkeletonChangeItemEditorLoader_1.SkeletonChangeItemEditorLoader; } });

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { GroupedObjectsInfo, DCRValue } 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 {};

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

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 mdm_sdk_1 = require("@reltio/mdm-sdk");
+var helpers_1 = require("../../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;
+    if (!(0, ramda_1.has)('level', item)) {
+        return react_1.default.createElement("div", { className: ChangeItemRow_module_css_1.default.title }, item.label);
+    }
+    var change = item;
+    var isEditedOperation = change.operation === mdm_sdk_1.DCROperationTypes.EDITED;
+    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 })));
+};
+exports.ChangeItemRow = ChangeItemRow;

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

@@ -0,0 +1,9 @@
+const styles = {"changeItemRow":"ChangeItemRow-changeItemRow--oF9hn","editableRow":"ChangeItemRow-editableRow--ZQzGk","title":"ChangeItemRow-title--G8iV2"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ChangeItemRow-changeItemRow--oF9hn{display:flex;flex-direction:column;gap:8px}.ChangeItemRow-editableRow--ZQzGk:hover{background:var(--mui-palette-action-hover)}.ChangeItemRow-title--G8iV2{color:var(--mui-palette-text-primary);font-size:14px;font-weight:600;margin:0 0 12px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { GroupedObjectsInfo, WorkflowTaskData, ChangeRequest } from '@reltio/mdm-sdk';
+type Props = {
+    task: WorkflowTaskData;
+    dcr: ChangeRequest;
+    entityInfo: GroupedObjectsInfo['entity'];
+    relationsInfo: GroupedObjectsInfo['relations'];
+};
+export declare const EntityChangesGroup: ({ task, dcr, entityInfo, relationsInfo }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,61 @@
+"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 Accordion_1 = __importDefault(require("@mui/material/Accordion"));
+var AccordionSummary_1 = __importDefault(require("@mui/material/AccordionSummary"));
+var AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetails"));
+var ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+var useChangesList_1 = require("../../../hooks/useChangesList");
+var DCREntityUriLink_1 = require("../../../DCREntityUriLink/DCREntityUriLink");
+var ChangeItemRow_1 = require("../ChangeItemRow/ChangeItemRow");
+var AttributesChangesContext_1 = require("../../../AttributesChanges/AttributesChangesContext");
+var common_1 = require("../../../helpers/common");
+var EntityChangesGroup_module_css_1 = __importDefault(require("./EntityChangesGroup.module.css"));
+var EntityChangesGroup = function (_a) {
+    var task = _a.task, dcr = _a.dcr, entityInfo = _a.entityInfo, relationsInfo = _a.relationsInfo;
+    var dcrUri = (0, common_1.getDCRUri)(task.objectURIs);
+    var _b = dcr || {}, changes = _b.changes, objectsInfo = _b.objectsInfo;
+    var changesList = (0, useChangesList_1.useChangesList)({
+        changes: changes,
+        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 })); })))));
+};
+exports.EntityChangesGroup = EntityChangesGroup;

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

@@ -0,0 +1,9 @@
+const styles = {"entityGroup":"EntityChangesGroup-entityGroup--KmWaa","entityHeader":"EntityChangesGroup-entityHeader--hf8-J","entityTitle":"EntityChangesGroup-entityTitle--caeZE","accordionContent":"EntityChangesGroup-accordionContent--N7C6Y","attributesList":"EntityChangesGroup-attributesList--7Tmk6","skeletonEntityGroupDisabled":"EntityChangesGroup-skeletonEntityGroupDisabled--qFGAK"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.EntityChangesGroup-entityGroup--KmWaa{background-color:#f7f7f7;border:1px solid #f0f0f0;border-radius:8px;box-shadow:none;margin:0 16px}.EntityChangesGroup-entityGroup--KmWaa.Mui-expanded{margin:0 16px}.EntityChangesGroup-entityGroup--KmWaa:before{display:none}.EntityChangesGroup-entityHeader--hf8-J{border-bottom:1px solid #f0f0f0;min-height:auto;padding:8px 16px}.EntityChangesGroup-entityHeader--hf8-J.Mui-expanded{min-height:auto}.EntityChangesGroup-entityTitle--caeZE{font-size:14px}.EntityChangesGroup-accordionContent--N7C6Y,.EntityChangesGroup-accordionContent--N7C6Y.Mui-expanded{margin:0}.EntityChangesGroup-attributesList--7Tmk6{display:flex;flex-direction:column;gap:8px;max-width:1000px;min-width:750px;padding:16px}.EntityChangesGroup-skeletonEntityGroupDisabled--qFGAK.Mui-disabled{background-color:#f7f7f7}`;
+    head.appendChild(style);
+}
+module.exports = styles;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SkeletonEntityChangesGroupLoader: () => React.JSX.Element;

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonEntityChangesGroupLoader = void 0;
+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"));
+var ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+var Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+var ChangeItemEditor_1 = require("../ChangeItemEditor");
+var EntityChangesGroup_module_css_1 = __importDefault(require("./EntityChangesGroup.module.css"));
+var SkeletonEntityChangesGroupLoader = function () {
+    return (react_1.default.createElement(Accordion_1.default, { className: EntityChangesGroup_module_css_1.default.entityGroup, classes: { disabled: EntityChangesGroup_module_css_1.default.skeletonEntityGroupDisabled }, defaultExpanded: true, disabled: true },
+        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(Skeleton_1.default, { variant: "text", width: "150px", height: 30 })),
+        react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, Array.from({ length: 3 }).map(function (_, index) { return (react_1.default.createElement(ChangeItemEditor_1.SkeletonChangeItemEditorLoader, { key: "change-list-item-loader-".concat(index) })); }))));
+};
+exports.SkeletonEntityChangesGroupLoader = SkeletonEntityChangesGroupLoader;

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

@@ -0,0 +1,2 @@
+export { EntityChangesGroup } from './EntityChangesGroup';
+export { SkeletonEntityChangesGroupLoader } from './SkeletonEntityChangesGroupLoader';

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonEntityChangesGroupLoader = exports.EntityChangesGroup = void 0;
+var EntityChangesGroup_1 = require("./EntityChangesGroup");
+Object.defineProperty(exports, "EntityChangesGroup", { enumerable: true, get: function () { return EntityChangesGroup_1.EntityChangesGroup; } });
+var SkeletonEntityChangesGroupLoader_1 = require("./SkeletonEntityChangesGroupLoader");
+Object.defineProperty(exports, "SkeletonEntityChangesGroupLoader", { enumerable: true, get: function () { return SkeletonEntityChangesGroupLoader_1.SkeletonEntityChangesGroupLoader; } });

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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;

package/cjs/features/workflow/DCREntityUriLink/DCREntityUriLink.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DCRChanges, GroupedObjectsInfo } from '@reltio/mdm-sdk';
+type Props = {
+    entityInfo: GroupedObjectsInfo['entity'];
+    changes: DCRChanges;
+    dcrUri: string;
+    className?: string;
+};
+export declare const DCREntityUriLink: ({ entityInfo, changes, dcrUri, className }: Props) => React.JSX.Element;
+export {};

package/cjs/features/workflow/DCREntityUriLink/DCREntityUriLink.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DCREntityUriLink = void 0;
+var react_1 = __importDefault(require("react"));
+var ramda_1 = require("ramda");
+var classnames_1 = __importDefault(require("classnames"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var EntityUriLink_1 = require("../../../EntityUriLink");
+var dcr_1 = require("../helpers/dcr");
+var DCREntityUriLink_module_css_1 = __importDefault(require("./DCREntityUriLink.module.css"));
+var DCREntityUriLink = function (_a) {
+    var entityInfo = _a.entityInfo, changes = _a.changes, dcrUri = _a.dcrUri, className = _a.className;
+    var entityUri = (0, ramda_1.ifElse)((0, ramda_1.any)(dcr_1.isCreateEntityOperation), (0, ramda_1.always)((0, dcr_1.getEntityUriForChangeRequest)(dcrUri, entityInfo.uri)), (0, ramda_1.always)((0, mdm_sdk_1.getEntityUriForLink)(entityInfo)))((0, ramda_1.propOr)([], entityInfo.uri, changes));
+    var screen = (0, ramda_1.ifElse)((0, ramda_1.any)(dcr_1.isCreateEntityOperation), (0, ramda_1.always)('dcrReview'), (0, ramda_1.always)('profile'))((0, ramda_1.propOr)([], entityInfo.uri, changes));
+    return (react_1.default.createElement(EntityUriLink_1.EntityUriLink, { className: (0, classnames_1.default)(DCREntityUriLink_module_css_1.default.link, className), value: entityUri, screen: screen },
+        react_1.default.createElement("div", { className: DCREntityUriLink_module_css_1.default.label }, (0, mdm_sdk_1.getLabel)(entityInfo.label))));
+};
+exports.DCREntityUriLink = DCREntityUriLink;

package/cjs/features/workflow/DCREntityUriLink/DCREntityUriLink.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"link":"DCREntityUriLink-link--cTnX-","label":"DCREntityUriLink-label--okYmG"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DCREntityUriLink-link--cTnX-{color:var(--mui-palette-primary-main);cursor:pointer;font-size:12px;text-decoration:none}.DCREntityUriLink-label--okYmG{letter-spacing:0;line-height:16px;white-space:break-spaces}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/workflow/OperationChip/OperationChip.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DCROperationTypes } from '@reltio/mdm-sdk';
+type Props = {
+    operation: DCROperationTypes;
+    className?: string;
+    size?: 'small' | 'medium';
+    variant?: 'filled' | 'outlined';
+};
+export declare const OperationChip: ({ operation, className, size, variant }: Props) => React.JSX.Element;
+export {};

package/cjs/features/workflow/OperationChip/OperationChip.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OperationChip = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
+var common_1 = require("../helpers/common");
+var OperationChip_module_css_1 = __importDefault(require("./OperationChip.module.css"));
+var OperationChip = function (_a) {
+    var operation = _a.operation, className = _a.className, _b = _a.size, size = _b === void 0 ? 'small' : _b, _c = _a.variant, variant = _c === void 0 ? 'outlined' : _c;
+    return (react_1.default.createElement(Chip_1.default, { variant: variant, label: (0, common_1.getOperationLabel)(operation), size: size, className: (0, classnames_1.default)(OperationChip_module_css_1.default.chip, OperationChip_module_css_1.default[operation], className) }));
+};
+exports.OperationChip = OperationChip;

package/cjs/features/workflow/OperationChip/OperationChip.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"chip":"OperationChip-chip--1GvDu","edited":"OperationChip-edited--szKT3","added":"OperationChip-added--LBI82","deleted":"OperationChip-deleted--3-a9r","ignored":"OperationChip-ignored--xwl3i"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.OperationChip-chip--1GvDu{border-color:var(--mui-palette-primary-main);color:var(--mui-palette-primary-main);flex-shrink:0;font-size:10px;font-weight:500;height:20px;letter-spacing:0;line-height:16px;text-transform:capitalize}.OperationChip-chip--1GvDu.OperationChip-edited--szKT3{border-color:#cc7500;color:#cc7500}.OperationChip-chip--1GvDu.OperationChip-added--LBI82{border-color:#599e0e;color:#599e0e}.OperationChip-chip--1GvDu.OperationChip-deleted--3-a9r{border-color:#cf0e26;color:#cf0e26}.OperationChip-chip--1GvDu.OperationChip-ignored--xwl3i{border-color:#3075c9;color:#3075c9}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/workflow/OperationChip/index.d.ts

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

package/cjs/features/workflow/OperationChip/index.js

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

package/cjs/features/workflow/RelationEntityLink/RelationEntityLink.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AttributeType, DCRAttributeValue, TRelationType } from '@reltio/mdm-sdk';
+type Props = {
+    attributeOrRelationType: AttributeType | TRelationType;
+    attributeValue: DCRAttributeValue;
+    className?: string;
+};
+export declare const RelationEntityLink: ({ attributeOrRelationType, attributeValue, className }: Props) => React.JSX.Element;
+export {};

package/cjs/features/workflow/RelationEntityLink/RelationEntityLink.js

@@ -0,0 +1,67 @@
+"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.RelationEntityLink = void 0;
+var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
+var classnames_1 = __importDefault(require("classnames"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var common_1 = require("../helpers/common");
+var EntityUriLink_1 = require("../../../EntityUriLink");
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var AttributesChangesContext_1 = require("../AttributesChanges/AttributesChangesContext");
+var RelationEntityLink_module_css_1 = __importDefault(require("./RelationEntityLink.module.css"));
+var RelationEntityLink = function (_a) {
+    var _b, _c;
+    var _d;
+    var attributeOrRelationType = _a.attributeOrRelationType, attributeValue = _a.attributeValue, className = _a.className;
+    var objectsInfo = (0, react_1.useContext)(AttributesChangesContext_1.AttributesChangesContext);
+    var entityUri = (0, MdmModuleContext_1.useMdmEntityUri)();
+    var getLinkDescription = (0, react_1.useCallback)(function () {
+        var _a, _b, _c;
+        if ((0, mdm_sdk_1.isReference)(attributeOrRelationType)) {
+            var value = (_b = (_a = attributeValue.value) === null || _a === void 0 ? void 0 : _a.newValue) !== null && _b !== void 0 ? _b : (_c = attributeValue.value) === null || _c === void 0 ? void 0 : _c.oldValue;
+            return (0, common_1.getAttributeDescription)(attributeOrRelationType, value || attributeValue, entityUri, objectsInfo);
+        }
+        else if ('endObject' in attributeOrRelationType) {
+            var _d = attributeValue, endObjectUri = _d.endObjectUri, endObjectLabel = _d.endObjectLabel;
+            return {
+                objectUri: endObjectUri,
+                objectLabel: endObjectLabel
+            };
+        }
+    }, [attributeOrRelationType, attributeValue, entityUri, objectsInfo]);
+    var _e = getLinkDescription() || {}, objectUri = _e.objectUri, objectLabel = _e.objectLabel;
+    if ((0, ramda_1.isNil)(objectUri) || (0, ramda_1.isNil)(objectLabel)) {
+        return null;
+    }
+    var isNotExist = ((_d = objectsInfo[objectUri]) === null || _d === void 0 ? void 0 : _d.isExist) === false;
+    return (react_1.default.createElement(EntityUriLink_1.EntityUriLink, { value: objectUri, className: (0, classnames_1.default)(RelationEntityLink_module_css_1.default.linkContainer, (_b = {}, _b[RelationEntityLink_module_css_1.default.disabledLink] = isNotExist, _b), className) },
+        react_1.default.createElement("span", { className: (0, classnames_1.default)(RelationEntityLink_module_css_1.default.linkLabel, (_c = {}, _c[RelationEntityLink_module_css_1.default.label] = isNotExist, _c)) }, (0, mdm_sdk_1.getLabel)(objectLabel))));
+};
+exports.RelationEntityLink = RelationEntityLink;

package/cjs/features/workflow/RelationEntityLink/RelationEntityLink.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"linkContainer":"RelationEntityLink-linkContainer--lrgwy","linkLabel":"RelationEntityLink-linkLabel--1-dRa","disabledLink":"RelationEntityLink-disabledLink--r8PS0","label":"RelationEntityLink-label--0---g"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.RelationEntityLink-linkContainer--lrgwy{cursor:pointer;font-size:12px;margin-left:4px;text-decoration:none}.RelationEntityLink-linkLabel--1-dRa{color:var(--mui-palette-primary-main);letter-spacing:0;line-height:16px;white-space:break-spaces}.RelationEntityLink-disabledLink--r8PS0{cursor:default;pointer-events:none}.RelationEntityLink-label--0---g{color:var(--mui-palette-text-primary)}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/workflow/RelationEntityLink/index.d.ts

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

package/cjs/features/workflow/RelationEntityLink/index.js

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

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

@@ -54,7 +54,7 @@ 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 }))),
+                    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/ReviewDCRDialog/ReviewDCRDialog.module.css.js

@@ -3,7 +3,7 @@ if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.ReviewDCRDialog-dialogTitle--xCXtj{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px 8px}.ReviewDCRDialog-titleContent--Hh2KH{align-items:center;display:flex;flex:1;justify-content:space-between;position:relative}.ReviewDCRDialog-titleText--ME8s4{flex:1;margin:0;padding-left:48px}.ReviewDCRDialog-closeButton--YMAEf{color:#666;left:15px;position:absolute}.ReviewDCRDialog-closeButton--YMAEf:hover{background-color:rgba(0,0,0,.04);color:#333}.ReviewDCRDialog-content--qvUva{display:flex;min-height:400px;padding:0!important;width:100%}.ReviewDCRDialog-leftSection--5MELW{border-right:1px solid #e0e0e0;padding:0 16px;width:100%}.ReviewDCRDialog-profileBand--7r6Xy{margin-left:-16px}.ReviewDCRDialog-profileBandRoot--G7p1m{box-shadow:none;margin-bottom:0}.ReviewDCRDialog-editableSection--v-D7a{border:1px solid #d9d9d9;border-radius:0 0 8px 8px;margin-bottom:32px;padding:8px 16px 14px}.ReviewDCRDialog-editableGrid--auc-d{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:12px}.ReviewDCRDialog-editableItem--isGwv{display:flex;flex-direction:column}.ReviewDCRDialog-priorityField--LQ1n3{min-width:200px}.ReviewDCRDialog-changesSection--qj2OK{margin-bottom:24px}.ReviewDCRDialog-commentsRootContainer--g2f7m{margin:10px 0 16px 10px;min-width:323px;width:323px}.ReviewDCRDialog-commentsContainer--OApOx{flex-grow:1;max-height:100%}`;
+    style.innerHTML = `.ReviewDCRDialog-dialogTitle--xCXtj{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px 8px}.ReviewDCRDialog-titleContent--Hh2KH{align-items:center;display:flex;flex:1;justify-content:space-between;position:relative}.ReviewDCRDialog-titleText--ME8s4{flex:1;margin:0;padding-left:48px}.ReviewDCRDialog-closeButton--YMAEf{color:#666;left:15px;position:absolute}.ReviewDCRDialog-closeButton--YMAEf:hover{background-color:var(--mui-palette-action-hover);color:var(--mui-palette-text-primary)}.ReviewDCRDialog-content--qvUva{display:flex;min-height:400px;padding:0!important;width:100%}.ReviewDCRDialog-leftSection--5MELW{border-right:1px solid #e0e0e0;display:flex;flex-direction:column;padding:0 16px;width:100%}.ReviewDCRDialog-profileBand--7r6Xy{margin-left:-16px}.ReviewDCRDialog-profileBandRoot--G7p1m{box-shadow:none;margin-bottom:0}.ReviewDCRDialog-editableSection--v-D7a{border:1px solid #d9d9d9;border-radius:0 0 8px 8px;margin-bottom:16px;padding:8px 16px 14px}.ReviewDCRDialog-editableGrid--auc-d{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:12px}.ReviewDCRDialog-editableItem--isGwv{display:flex;flex-direction:column}.ReviewDCRDialog-priorityField--LQ1n3{min-width:200px}.ReviewDCRDialog-changesSection--qj2OK{flex-grow:1;margin-bottom:16px;position:relative}.ReviewDCRDialog-commentsRootContainer--g2f7m{margin:10px 0 16px 10px;min-width:323px;width:323px}.ReviewDCRDialog-commentsContainer--OApOx{flex-grow:1;max-height:100%}`;
     head.appendChild(style);
 }
 module.exports = styles;