@reltio/components 1.4.2203 → 1.4.2204

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

@@ -24,13 +24,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChangeRequestEditorProvider = exports.ChangeRequestEditorContext = void 0;
-var react_context_selector_1 = require("@fluentui/react-context-selector");
 var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
+var react_context_selector_1 = require("@fluentui/react-context-selector");
 exports.ChangeRequestEditorContext = (0, react_context_selector_1.createContext)({
     updateChange: undefined,
     getLineData: undefined,
     rejectChange: undefined,
-    revertChangeUpdateOrReject: undefined
+    revertChangeUpdateOrReject: undefined,
+    getIsParentLineRejected: undefined,
+    getIsLineRejected: undefined,
+    getIsLineUpdated: undefined
 });
 var ChangeRequestEditorProvider = function (_a) {
     var children = _a.children;
@@ -57,7 +61,11 @@ var ChangeRequestEditorProvider = function (_a) {
         setLineDataMap(function (prevMap) {
             var newMap = new Map(prevMap);
             lineIds.forEach(function (id) {
-                newMap.delete(id);
+                newMap.forEach(function (_, key) {
+                    if (key.startsWith("".concat(id, "/")) || key === id) {
+                        newMap.delete(key);
+                    }
+                });
             });
             return newMap;
         });
@@ -65,11 +73,29 @@ var ChangeRequestEditorProvider = function (_a) {
     var getLineData = (0, react_1.useCallback)(function (lineId) {
         return lineDataMap.get(lineId);
     }, [lineDataMap]);
+    var getIsLineRejected = (0, react_1.useCallback)(function (lineId) {
+        var _a;
+        return ((_a = lineDataMap.get(lineId)) === null || _a === void 0 ? void 0 : _a.isRejected) || false;
+    }, [lineDataMap]);
+    var getIsParentLineRejected = (0, react_1.useCallback)(function (lineId) {
+        var lineIdParts = (lineId || '').split('/');
+        var possibleRejectedIds = Array.from({ length: lineIdParts.length - 1 }).reduce(function (ids, _, index) {
+            return ids.concat(lineIdParts.slice(0, index + 1).join('/'));
+        }, []);
+        return possibleRejectedIds.some(function (lineId) { var _a; return (_a = lineDataMap.get(lineId)) === null || _a === void 0 ? void 0 : _a.isRejected; });
+    }, [lineDataMap]);
+    var getIsLineUpdated = (0, react_1.useCallback)(function (lineId) {
+        var _a;
+        return !(0, ramda_1.isNil)((_a = lineDataMap.get(lineId)) === null || _a === void 0 ? void 0 : _a.value);
+    }, [lineDataMap]);
     var contextValue = {
         updateChange: updateChange,
         getLineData: getLineData,
         rejectChange: rejectChange,
-        revertChangeUpdateOrReject: revertChangeUpdateOrReject
+        revertChangeUpdateOrReject: revertChangeUpdateOrReject,
+        getIsParentLineRejected: getIsParentLineRejected,
+        getIsLineRejected: getIsLineRejected,
+        getIsLineUpdated: getIsLineUpdated
     };
     return react_1.default.createElement(exports.ChangeRequestEditorContext.Provider, { value: contextValue }, children);
 };

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

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

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

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addLineIdToValue = exports.isEditableChange = void 0;
+exports.isDiffChange = exports.addLineIdToValue = exports.isEditableChange = void 0;
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var isEditableChange = function (change, entityInfo) {
@@ -103,3 +103,7 @@ var addLineIdToValue = function (data) {
     return enrichedData;
 };
 exports.addLineIdToValue = addLineIdToValue;
+var isDiffChange = function (change) {
+    return (0, ramda_1.has)('level', change);
+};
+exports.isDiffChange = isDiffChange;

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

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

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChangeRequestEditor = void 0;
+var react_1 = require("react");
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var context_1 = require("../context");
+var merge_1 = require("../../helpers/merge");
+var emptyLineIds = [];
+var useChangeRequestEditor = function (_a) {
+    var change = _a.change;
+    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)(context_1.ChangeRequestEditorContext, function (context) { return context.getLineData(lineIds[0]); });
+    var updateChange = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return context.updateChange; });
+    var rejectChange = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return context.rejectChange; });
+    var revertChangeUpdateOrReject = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return context.revertChangeUpdateOrReject; });
+    var isParentLineRejected = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) {
+        return context.getIsParentLineRejected(lineIds[0]);
+    });
+    var isUpdated = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return context.getIsLineUpdated(lineIds[0]); });
+    var isLineRejected = lineData === null || lineData === void 0 ? void 0 : lineData.isRejected;
+    var hasChangeId = lineIds.length > 0;
+    var handleChange = (0, react_1.useCallback)(function (newValue) {
+        updateChange(lineIds, typeof newValue === 'object' && 'value' in newValue ? newValue : { value: newValue });
+    }, [lineIds, updateChange]);
+    var handleReject = (0, react_1.useCallback)(function () {
+        rejectChange(lineIds);
+    }, [rejectChange, lineIds]);
+    var handleRevert = (0, react_1.useCallback)(function () {
+        revertChangeUpdateOrReject(lineIds);
+    }, [revertChangeUpdateOrReject, lineIds]);
+    return {
+        handleChange: handleChange,
+        handleReject: handleReject,
+        handleRevert: handleRevert,
+        lineData: lineData,
+        isLineRejected: isLineRejected,
+        isParentLineRejected: isParentLineRejected,
+        isUpdated: isUpdated,
+        hasChangeId: hasChangeId
+    };
+};
+exports.useChangeRequestEditor = useChangeRequestEditor;

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

@@ -11,6 +11,6 @@ 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) }));
+    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), classes: { label: OperationChip_module_css_1.default.label } }));
 };
 exports.OperationChip = OperationChip;

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

@@ -1,9 +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"};
+const styles = {"chip":"OperationChip-chip--1GvDu","label":"OperationChip-label--OCDk2","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}`;
+    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}.OperationChip-label--OCDk2:first-letter{text-transform:uppercase}.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/ReviewDCRDialog/ReviewDCRDialog.js

@@ -41,7 +41,7 @@ var ReviewDCRDialog = function (_a) {
             react_1.default.createElement("div", { className: ReviewDCRDialog_module_css_1.default.titleContent },
                 react_1.default.createElement(Typography_1.default, { variant: "h6", className: ReviewDCRDialog_module_css_1.default.titleText }, ui_i18n_1.default.text('Review DCR')),
                 react_1.default.createElement(WorkflowActionButtons_1.WorkflowActionButtons, { workflowActions: workflowActions, actionRequestIsInProgress: actionRequestIsInProgress, preferredAction: task.preferredAction })),
-            react_1.default.createElement(SmallIconButton_1.SmallIconButton, { onClick: onClose, className: ReviewDCRDialog_module_css_1.default.closeButton, "aria-label": "close", icon: Close_1.default })),
+            react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { tooltipTitle: ui_i18n_1.default.text('Close'), "aria-label": ui_i18n_1.default.text('Close'), icon: Close_1.default, onClick: onClose, className: ReviewDCRDialog_module_css_1.default.closeButton, size: "L" })),
         react_1.default.createElement(DialogContent_1.default, { classes: { root: ReviewDCRDialog_module_css_1.default.content } },
             react_1.default.createElement("div", { className: ReviewDCRDialog_module_css_1.default.leftSection },
                 react_1.default.createElement(ProfileBand_1.ProfileBand, { entity: entity, className: ReviewDCRDialog_module_css_1.default.profileBandRoot, classes: { profileBand: ReviewDCRDialog_module_css_1.default.profileBand } }),

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: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%}`;
+    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;height:37px;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;

package/cjs/features/workflow/ReviewDCRDialog/components/DCRChangesSummary/DCRChangesSummary.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 = `.DCRChangesSummary-changesSummary--31gR-{align-items:center;display:flex;gap:22px}.DCRChangesSummary-changeItem---XfYP{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.DCRChangesSummary-changeItem---XfYP:not(:last-child):after{background-color:#d9d9d9;bottom:2px;content:"";height:20px;position:absolute;right:-12px;top:2px;width:1px}.DCRChangesSummary-changeNumber--vZxc4{font-size:16px;font-weight:500;line-height:1}.DCRChangesSummary-changeLabel--tDXS6{color:var(--mui-palette-text-primary);font-size:13px;text-transform:capitalize}.DCRChangesSummary-edited--KFivZ{color:#eb9d08}.DCRChangesSummary-added--KGdGw{color:#599e0e}.DCRChangesSummary-deleted--TWgS5{color:#eb5757}.DCRChangesSummary-ignored--Q2Q8R{color:var(--mui-palette-primary-light)}`;
+    style.innerHTML = `.DCRChangesSummary-changesSummary--31gR-{align-items:center;display:flex;gap:22px}.DCRChangesSummary-changeItem---XfYP{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.DCRChangesSummary-changeItem---XfYP:not(:last-child):after{background-color:#d9d9d9;bottom:2px;content:"";height:20px;position:absolute;right:-12px;top:2px;width:1px}.DCRChangesSummary-changeNumber--vZxc4{font-size:16px;font-weight:500;line-height:1}.DCRChangesSummary-changeLabel--tDXS6{color:var(--mui-palette-text-primary);font-size:13px}.DCRChangesSummary-changeLabel--tDXS6:first-letter{text-transform:uppercase}.DCRChangesSummary-edited--KFivZ{color:#eb9d08}.DCRChangesSummary-added--KGdGw{color:#599e0e}.DCRChangesSummary-deleted--TWgS5{color:#eb5757}.DCRChangesSummary-ignored--Q2Q8R{color:var(--mui-palette-primary-light)}`;
     head.appendChild(style);
 }
 module.exports = styles;

package/cjs/features/workflow/ReviewDCRDialog/components/DCRSummaryInfo/DCRSummaryInfo.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 = `.DCRSummaryInfo-requestSummary--FUaA0{align-items:flex-start;background-color:rgba(0,0,0,.03);border-radius:8px;display:flex;justify-content:space-between;padding:16px 8px 12px}.DCRSummaryInfo-summaryLeft--Y79jA{align-items:flex-start;display:flex;gap:16px}.DCRSummaryInfo-summaryIcon--VlZsg{padding-top:4px}.DCRSummaryInfo-summaryContent--BdPl7{display:flex;flex-direction:column;gap:3px}.DCRSummaryInfo-summaryTitle--77exU{font-size:16px;font-weight:500;margin:0}.DCRSummaryInfo-summaryDetails--u5ije{display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.DCRSummaryInfo-summaryItem--DbTdR{color:var(--mui-palette-text-primary);font-size:13px;margin:0}.DCRSummaryInfo-summaryItemName--l7hYO{color:var(--mui-palette-text-secondary)}.DCRSummaryInfo-summaryItemDate--EQpJ0{margin-left:-4px}.DCRSummaryInfo-summaryRight--9pEaH{align-items:center;display:flex;padding:3px 9px}`;
+    style.innerHTML = `.DCRSummaryInfo-requestSummary--FUaA0{align-items:flex-start;background-color:rgba(0,0,0,.03);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 8px 12px}.DCRSummaryInfo-summaryLeft--Y79jA{align-items:flex-start;display:flex;gap:16px}.DCRSummaryInfo-summaryIcon--VlZsg{padding-top:4px}.DCRSummaryInfo-summaryContent--BdPl7{display:flex;flex-direction:column;gap:3px}.DCRSummaryInfo-summaryTitle--77exU{font-size:16px;font-weight:500;margin:0}.DCRSummaryInfo-summaryDetails--u5ije{display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.DCRSummaryInfo-summaryItem--DbTdR{color:var(--mui-palette-text-primary);font-size:13px;margin:0}.DCRSummaryInfo-summaryItemName--l7hYO{color:var(--mui-palette-text-secondary)}.DCRSummaryInfo-summaryItemDate--EQpJ0{margin-left:-4px}.DCRSummaryInfo-summaryRight--9pEaH{align-items:center;display:flex;padding:3px 9px}`;
     head.appendChild(style);
 }
 module.exports = styles;

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

@@ -92,13 +92,15 @@ var getReferenceAttributeChange = function (metadata, attributeType, attributeVa
     ];
 };
 var getDiffParameters = function (_a) {
-    var newValue = _a.newValue, oldValue = _a.oldValue, type = _a.type;
-    return type === mdm_sdk_1.DCRTypes.UPDATE_ATTRIBUTE ? { type: type, newValue: newValue, oldValue: oldValue } : { type: type, newValue: oldValue || newValue };
+    var newValue = _a.newValue, oldValue = _a.oldValue, type = _a.type, newPinOrIgnoreValue = _a.newPinOrIgnoreValue;
+    return type === mdm_sdk_1.DCRTypes.UPDATE_ATTRIBUTE
+        ? { type: type, newValue: newValue, oldValue: oldValue, newPinOrIgnoreValue: newPinOrIgnoreValue }
+        : { type: type, newValue: oldValue || newValue, newPinOrIgnoreValue: newPinOrIgnoreValue };
 };
 var getSimpleAttributeChange = function (attributeType, attributeValue, level, isReferenceSubAttribute) {
     if (isReferenceSubAttribute === void 0) { isReferenceSubAttribute = false; }
-    var _a = getDiffParameters(attributeValue), newValue = _a.newValue, oldValue = _a.oldValue, type = _a.type;
-    var operation = (0, common_1.getOperationType)(type, oldValue);
+    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 label = (attributeType === null || attributeType === void 0 ? void 0 : attributeType.label) || (attributeType === null || attributeType === void 0 ? void 0 : attributeType.name);
     return {
         attributeType: attributeType,

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

@@ -1,5 +1,5 @@
 import { AttributeType, DCRAttributeValue, DCRObjectsInfo, DCROperationTypes, DCRValue, Metadata, WorkflowDefinition, WorkflowTaskData } from '@reltio/mdm-sdk';
-export declare const getOperationType: (type: string, oldValue?: DCRAttributeValue) => DCROperationTypes;
+export declare const getOperationType: (type: string, newPinOrIgnoreValue?: boolean) => DCROperationTypes;
 export declare const getOperationLabel: (operation: DCROperationTypes) => string;
 export declare const getAttributeDescription: (attrType: AttributeType, value: DCRAttributeValue, currentEntityUri: string, objectsInfo?: DCRObjectsInfo) => {
     objectUri: string;

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

@@ -7,7 +7,7 @@ exports.prepareRolesOrTagsValue = exports.findWorkflowDefinitionByType = exports
 var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var getOperationType = function (type, oldValue) {
+var getOperationType = function (type, newPinOrIgnoreValue) {
     switch (type) {
         case mdm_sdk_1.DCRTypes.CREATE_RELATIONSHIP:
         case mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE:
@@ -20,9 +20,9 @@ var getOperationType = function (type, oldValue) {
         case mdm_sdk_1.DCRTypes.DELETE_RELATIONSHIP:
             return mdm_sdk_1.DCROperationTypes.DELETED;
         case mdm_sdk_1.DCRTypes.PIN_ATTRIBUTE:
-            return (oldValue === null || oldValue === void 0 ? void 0 : oldValue.pin) ? mdm_sdk_1.DCROperationTypes.PIN_DELETED : mdm_sdk_1.DCROperationTypes.PINNED;
+            return newPinOrIgnoreValue ? mdm_sdk_1.DCROperationTypes.PINNED : mdm_sdk_1.DCROperationTypes.PIN_DELETED;
         case mdm_sdk_1.DCRTypes.IGNORE_ATTRIBUTE:
-            return (oldValue === null || oldValue === void 0 ? void 0 : oldValue.ignored) ? mdm_sdk_1.DCROperationTypes.IGNORE_DELETED : mdm_sdk_1.DCROperationTypes.IGNORED;
+            return newPinOrIgnoreValue ? mdm_sdk_1.DCROperationTypes.IGNORED : mdm_sdk_1.DCROperationTypes.IGNORE_DELETED;
     }
 };
 exports.getOperationType = getOperationType;

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

@@ -11,10 +11,10 @@ describe('common helpers', function () {
         expect((0, common_1.getOperationType)(mdm_sdk_1.DCRTypes.UPDATE_ATTRIBUTE)).toBe(mdm_sdk_1.DCROperationTypes.EDITED);
         expect((0, common_1.getOperationType)(mdm_sdk_1.DCRTypes.DELETE_ATTRIBUTE)).toBe(mdm_sdk_1.DCROperationTypes.DELETED);
         expect((0, common_1.getOperationType)(mdm_sdk_1.DCRTypes.DELETE_RELATIONSHIP)).toBe(mdm_sdk_1.DCROperationTypes.DELETED);
-        expect((0, common_1.getOperationType)(mdm_sdk_1.DCRTypes.PIN_ATTRIBUTE, { pin: true })).toBe(mdm_sdk_1.DCROperationTypes.PIN_DELETED);
-        expect((0, common_1.getOperationType)(mdm_sdk_1.DCRTypes.PIN_ATTRIBUTE, { pin: false })).toBe(mdm_sdk_1.DCROperationTypes.PINNED);
-        expect((0, common_1.getOperationType)(mdm_sdk_1.DCRTypes.IGNORE_ATTRIBUTE, { ignored: true })).toBe(mdm_sdk_1.DCROperationTypes.IGNORE_DELETED);
-        expect((0, common_1.getOperationType)(mdm_sdk_1.DCRTypes.IGNORE_ATTRIBUTE, { ignored: false })).toBe(mdm_sdk_1.DCROperationTypes.IGNORED);
+        expect((0, common_1.getOperationType)(mdm_sdk_1.DCRTypes.PIN_ATTRIBUTE, true)).toBe(mdm_sdk_1.DCROperationTypes.PINNED);
+        expect((0, common_1.getOperationType)(mdm_sdk_1.DCRTypes.PIN_ATTRIBUTE, false)).toBe(mdm_sdk_1.DCROperationTypes.PIN_DELETED);
+        expect((0, common_1.getOperationType)(mdm_sdk_1.DCRTypes.IGNORE_ATTRIBUTE, true)).toBe(mdm_sdk_1.DCROperationTypes.IGNORED);
+        expect((0, common_1.getOperationType)(mdm_sdk_1.DCRTypes.IGNORE_ATTRIBUTE, false)).toBe(mdm_sdk_1.DCROperationTypes.IGNORE_DELETED);
     });
     it('getOperationLabel behaviour', function () {
         expect((0, common_1.getOperationLabel)(mdm_sdk_1.DCROperationTypes.ADDED)).toBe('added');

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

@@ -112,7 +112,9 @@ var prepareAttribute = function (container, change) {
     for (var i = 0; i < pathArray.length - 1; i = i + 2) {
         var key = pathArray[i];
         var id = pathArray[i + 1];
-        var currentValue = (holder[key] || []).find((0, ramda_1.propEq)('id', id));
+        var currentValue = i === pathArray.length - 2
+            ? (holder[key] || []).find((0, ramda_1.both)((0, ramda_1.propEq)('id', id), (0, ramda_1.pathEq)(['value', 'type'], change === null || change === void 0 ? void 0 : change.type)))
+            : (holder[key] || []).find((0, ramda_1.propEq)('id', id));
         if (!(0, ramda_1.isNil)(currentValue)) {
             var newLineIds = (0, exports.extractLineIds)(change.newValue);
             var oldLineIds = (0, exports.extractLineIds)(change.oldValue);

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

@@ -157,6 +157,85 @@ describe('mergeChanges tests', function () {
         ];
         expect((0, merge_1.mergeChanges)(metadata_test_data_1.metadata, changes, objectInfo, [])).toMatchObject([mergedChanges, []]);
     });
+    it('should not merge changes with the same paths, but different types', function () {
+        var _a;
+        var changes = (_a = {},
+            _a[entityUri] = [
+                {
+                    attributePath: 'Identifiers/2BNyTheu/Type/2BNyU2yC',
+                    attributeType: 'configuration/entityTypes/HCA/attributes/Identifiers/attributes/Type',
+                    id: '58dpOzAR',
+                    newPinOrIgnoreValue: false,
+                    oldValue: {
+                        value: 'ValueOld'
+                    },
+                    newValue: {
+                        value: 'ValueNew'
+                    },
+                    type: mdm_sdk_1.DCRTypes.UPDATE_ATTRIBUTE
+                },
+                {
+                    attributePath: 'Identifiers/2BNyTheu/Type/2BNyU2yC',
+                    attributeType: 'configuration/entityTypes/HCA/attributes/Identifiers/attributes/Type',
+                    id: '58dpP3Qh',
+                    newPinOrIgnoreValue: true,
+                    oldValue: {
+                        value: 'ValueOld'
+                    },
+                    newValue: {
+                        value: 'ValueOld'
+                    },
+                    type: mdm_sdk_1.DCRTypes.IGNORE_ATTRIBUTE
+                }
+            ],
+            _a);
+        var mergedChanges = [
+            {
+                level: 0,
+                label: 'Customer Identity',
+                attributeType: metadata_test_data_1.metadata.entityTypes[0].attributes[3],
+                attributeValue: {
+                    id: '2BNyTheu',
+                    value: {
+                        Type: [
+                            {
+                                id: '2BNyU2yC',
+                                value: changes[entityUri][0]
+                            },
+                            {
+                                id: '2BNyU2yC',
+                                value: changes[entityUri][1]
+                            }
+                        ]
+                    }
+                }
+            },
+            {
+                attributeType: metadata_test_data_1.metadata.entityTypes[0].attributes[3].attributes[0],
+                newValue: {
+                    value: 'ValueNew'
+                },
+                oldValue: {
+                    value: 'ValueOld'
+                },
+                operation: 'edited',
+                label: 'Identity Type',
+                level: 1,
+                isReferenceSubAttribute: false
+            },
+            {
+                attributeType: metadata_test_data_1.metadata.entityTypes[0].attributes[3].attributes[0],
+                newValue: {
+                    value: 'ValueOld'
+                },
+                operation: 'ignored',
+                label: 'Identity Type',
+                level: 1,
+                isReferenceSubAttribute: false
+            }
+        ];
+        expect((0, merge_1.mergeChanges)(metadata_test_data_1.metadata, changes, objectInfo, [])).toMatchObject([mergedChanges, []]);
+    });
     it('should merge special attributes', function () {
         var _a;
         var changes = (_a = {},

package/features/workflow/ChangeRequestEditor/ChangeRequestEditor.js

@@ -5,6 +5,7 @@ import Typography from '@mui/material/Typography';
 import { addLineIdToValue } from './helpers/helpers';
 import SvgSuggestedChanges from '../../../icons/SuggestedChanges';
 import { EntityChangesGroup, SkeletonEntityChangesGroupLoader } from './components/EntityChangesGroup';
+import { ChangeRequestEditorProvider } from './context';
 import styles from './ChangeRequestEditor.module.css';
 export var ChangeRequestEditor = function (_a) {
     var dcr = _a.dcr, task = _a.task, groupedObjects = _a.groupedObjects;
@@ -22,5 +23,5 @@ export var ChangeRequestEditor = function (_a) {
             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: enrichedDCR })); })) : (React.createElement(SkeletonEntityChangesGroupLoader, null))));
+        dcrLoaded ? (React.createElement(ChangeRequestEditorProvider, null, 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

@@ -3,6 +3,9 @@ import { Diff } from '../../../types';
 type Props = {
     change: Diff;
     editable?: boolean;
+    classes?: {
+        rejectButton?: string;
+    };
 };
-export declare const ChangeItemEditor: ({ change, editable }: Props) => React.JSX.Element;
+export declare const ChangeItemEditor: ({ change, editable, classes }: Props) => React.JSX.Element;
 export {};

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

@@ -1,32 +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 classnames from 'classnames';
+import ReplayIcon from '@mui/icons-material/Replay';
+import Button from '@mui/material/Button';
+import i18n from 'ui-i18n';
 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 { RelationEntityLink } from '../../../RelationEntityLink';
-import { ChangeRequestEditorContext } from '../../context';
-import { ChangeItemLabel } from './ChangeItemLabel';
-import { DCRValueEditor } from './DCRValueEditor';
-import { extractLineIds } from '../../../helpers/merge';
+import { ChangeItemLabel } from '../ChangeItemLabel';
+import { DCRValueEditor } from '../DCRValueEditor';
+import { StatusChips } from '../StatusChips';
+import { SmallIconButton } from '../../../../../SmallIconButton';
+import { useChangeRequestEditor } from '../../hooks/useChangeRequestEditor';
 import styles from './ChangeItemEditor.module.css';
 export var ChangeItemEditor = function (_a) {
     var _b, _c, _d;
-    var change = _a.change, _e = _a.editable, editable = _e === void 0 ? true : _e;
+    var change = _a.change, _e = _a.editable, editable = _e === void 0 ? true : _e, classes = _a.classes;
     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 _f = useChangeRequestEditor({ change: change }), handleChange = _f.handleChange, handleReject = _f.handleReject, handleRevert = _f.handleRevert, lineData = _f.lineData, isLineRejected = _f.isLineRejected, isParentLineRejected = _f.isParentLineRejected, isUpdated = _f.isUpdated, hasChangeId = _f.hasChangeId;
     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(isNil(lineData === null || lineData === void 0 ? void 0 : lineData.value) ? change.newValue : lineData.value);
+    var currentNewValue = !isNil(lineData === null || lineData === void 0 ? void 0 : lineData.value) && !isParentLineRejected ? lineData.value : change.newValue;
+    var newValue = getAttributeValue(currentNewValue);
     var hasNewValue = !isNil(newValue);
     var dataTypeDefinition = useMemo(function () {
         return change.attributeType && getDataTypeDefinition(change.attributeType, newValue || oldValue);
@@ -40,12 +40,22 @@ export var ChangeItemEditor = function (_a) {
             ? prepareRolesOrTagsValue(metadata, newValue, change.attributeType.uri)
             : newValue;
     }, [isRolesOrTags, metadata, newValue, (_d = change.attributeType) === null || _d === void 0 ? void 0 : _d.uri]);
-    return (React.createElement("div", { className: styles.attributeRow },
+    var showUndoButton = (isUpdated || isLineRejected) && !isParentLineRejected;
+    var showRejectButton = !isLineRejected &&
+        !isUpdated &&
+        !isParentLineRejected &&
+        hasChangeId &&
+        !(change.isReferenceSubAttribute && !editable);
+    var showStatusChips = !isParentLineRejected;
+    var isRejected = isLineRejected || isParentLineRejected;
+    return (React.createElement("div", { className: styles.attributeRow, "data-reltio-id": "change-item-editor" },
         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: isNil(lineData === null || lineData === void 0 ? void 0 : lineData.value) ? change.newValue : lineData.value, onChange: onValueChange })) : (hasNewValue && (React.createElement("div", { className: styles.value },
+            shouldShowValueEditor ? (React.createElement(DCRValueEditor, { attributeType: change.attributeType, value: currentNewValue, onChange: handleChange, disabled: !editable || isRejected })) : (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" })))));
+        React.createElement("div", { className: styles.revertColumn }, showUndoButton && (React.createElement(SmallIconButton, { icon: ReplayIcon, onClick: handleRevert, className: styles.revertButton, title: i18n.text('Undo'), size: "S" }))),
+        React.createElement("div", { className: styles.operationColumn }, shouldShowOperationChip && (React.createElement(OperationChip, { operation: change.operation, size: "small", variant: "outlined" }))),
+        React.createElement("div", { className: styles.statusColumn }, showStatusChips && React.createElement(StatusChips, { showUpdatedChip: isUpdated, showRejectedChip: isLineRejected })),
+        React.createElement("div", { className: styles.rejectColumn }, showRejectButton && (React.createElement(Button, { onClick: handleReject, className: classnames(styles.rejectButton, classes === null || classes === void 0 ? void 0 : classes.rejectButton), title: i18n.text('Reject'), size: "medium" }, i18n.text('Reject'))))));
 };

package/features/workflow/ChangeRequestEditor/components/ChangeItemEditor/ChangeItemEditor.module.css.js

@@ -1,9 +1,9 @@
-const styles = {"attributeRow":"ChangeItemEditor-attributeRow--bITG5","labelColumn":"ChangeItemEditor-labelColumn--6B4w4","changeLabel":"ChangeItemEditor-changeLabel--C7s6T","valueColumn":"ChangeItemEditor-valueColumn--q9456","revertColumn":"ChangeItemEditor-revertColumn--T5mVE","operationColumn":"ChangeItemEditor-operationColumn--me-4D","previousValue":"ChangeItemEditor-previousValue--lTOVp","previousValueText":"ChangeItemEditor-previousValueText--gAnge","editor":"ChangeItemEditor-editor--hyLPa","arrow":"ChangeItemEditor-arrow--IXZ6i","value":"ChangeItemEditor-value--GxSUf","columnSkeleton":"ChangeItemEditor-columnSkeleton---iGmr","relationEntityLink":"ChangeItemEditor-relationEntityLink--Vr7Z-"};
+const styles = {"attributeRow":"ChangeItemEditor-attributeRow--bITG5","labelColumn":"ChangeItemEditor-labelColumn--6B4w4","valueColumn":"ChangeItemEditor-valueColumn--q9456","revertColumn":"ChangeItemEditor-revertColumn--T5mVE","operationColumn":"ChangeItemEditor-operationColumn--me-4D","statusColumn":"ChangeItemEditor-statusColumn--GEF2N","rejectColumn":"ChangeItemEditor-rejectColumn--ap8hp","previousValue":"ChangeItemEditor-previousValue--lTOVp","previousValueText":"ChangeItemEditor-previousValueText--gAnge","arrow":"ChangeItemEditor-arrow--IXZ6i","value":"ChangeItemEditor-value--GxSUf","columnSkeleton":"ChangeItemEditor-columnSkeleton---iGmr","relationEntityLink":"ChangeItemEditor-relationEntityLink--Vr7Z-","rejectButton":"ChangeItemEditor-rejectButton--cEIBC","revertButton":"ChangeItemEditor-revertButton--hSt3m"};
 if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.ChangeItemEditor-attributeRow--bITG5{align-items:center;display:flex;font-size:16px;gap:16px}.ChangeItemEditor-labelColumn--6B4w4{box-sizing:border-box;min-height:21px;width:170px}.ChangeItemEditor-changeLabel--C7s6T{color:var(--mui-palette-text-secondary);font-size:14px;font-weight:400;letter-spacing:.24px;padding-left:calc(var(--level, 0)*16px)}.ChangeItemEditor-valueColumn--q9456{display:flex;flex:1;flex-direction:column;gap:4px}.ChangeItemEditor-revertColumn--T5mVE{margin-left:-9px;width:24px}.ChangeItemEditor-operationColumn--me-4D{width:145px}.ChangeItemEditor-previousValue--lTOVp{align-items:center;display:flex;line-height:16px;padding:6px 12px 7px}.ChangeItemEditor-previousValueText--gAnge{color:var(--mui-palette-text-primary);letter-spacing:.24px}.ChangeItemEditor-editor--hyLPa{min-height:40px}.ChangeItemEditor-arrow--IXZ6i{color:var(--mui-palette-text-secondary);font-weight:700;margin:0 5px}.ChangeItemEditor-value--GxSUf{font-size:16px;padding:8px}.ChangeItemEditor-columnSkeleton---iGmr{transform:none}.ChangeItemEditor-relationEntityLink--Vr7Z-{font-size:16px}`;
+    style.innerHTML = `.ChangeItemEditor-attributeRow--bITG5{align-items:center;display:flex;font-size:16px;gap:16px;max-width:1000px;min-height:37px}.ChangeItemEditor-labelColumn--6B4w4{box-sizing:border-box;min-height:21px;width:170px}.ChangeItemEditor-valueColumn--q9456{display:flex;flex:1;flex-direction:column;gap:4px}.ChangeItemEditor-revertColumn--T5mVE{align-items:flex-start;display:flex;margin-left:-8px;width:16px}.ChangeItemEditor-operationColumn--me-4D{align-items:flex-start;display:flex;width:84px}.ChangeItemEditor-statusColumn--GEF2N{align-items:flex-start;display:flex;width:57px}.ChangeItemEditor-rejectColumn--ap8hp{align-items:flex-start;display:flex;width:80px}.ChangeItemEditor-previousValue--lTOVp{align-items:center;display:flex;line-height:16px;padding:6px 12px 7px}.ChangeItemEditor-previousValueText--gAnge{color:var(--mui-palette-text-primary);letter-spacing:.24px}.ChangeItemEditor-arrow--IXZ6i{color:var(--mui-palette-text-secondary);font-weight:700;margin:0 5px}.ChangeItemEditor-value--GxSUf{font-size:16px;padding:8px}.ChangeItemEditor-columnSkeleton---iGmr{transform:none}.ChangeItemEditor-relationEntityLink--Vr7Z-{font-size:16px}.ChangeItemEditor-rejectButton--cEIBC{background-color:#eb5757;border-radius:8px;color:#fff}.ChangeItemEditor-rejectButton--cEIBC:hover{background-color:rgba(235,87,87,.8)}.ChangeItemEditor-revertButton--hSt3m{color:var(--mui-palette-text-secondary)}`;
     head.appendChild(style);
 }
 export default styles;

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

@@ -4,7 +4,7 @@ import EastIcon from '@mui/icons-material/East';
 import { DCROperationTypes, getAttributeValue } from '@reltio/mdm-sdk';
 import { getDataTypeDefinition } from '../../../helpers/common';
 import { DataTypeValue } from '../../../../../DataTypeValue';
-import { ChangeItemLabel } from './ChangeItemLabel';
+import { ChangeItemLabel } from '../ChangeItemLabel';
 import styles from './ChangeItemEditor.module.css';
 export var ChangeItemOldValue = function (_a) {
     var change = _a.change;

package/features/workflow/ChangeRequestEditor/components/{ChangeItemEditor → ChangeItemLabel}/ChangeItemLabel.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 import { useCssVariableStyles } from '../../../../../hooks/useCssVariableStyles';
-import styles from './ChangeItemEditor.module.css';
+import styles from './ChangeItemLabel.module.css';
 export var ChangeItemLabel = function (_a) {
     var change = _a.change, className = _a.className, _b = _a.showLabel, showLabel = _b === void 0 ? true : _b;
     var _c = change.level, level = _c === void 0 ? 0 : _c, label = change.label;

package/features/workflow/ChangeRequestEditor/components/ChangeItemLabel/ChangeItemLabel.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"changeLabel":"ChangeItemLabel-changeLabel--L-2ks"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ChangeItemLabel-changeLabel--L-2ks{color:var(--mui-palette-text-secondary);font-size:14px;font-weight:400;letter-spacing:.24px;padding-left:calc(var(--level, 0)*16px)}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/workflow/ChangeRequestEditor/components/ChangeItemLabel/index.d.ts

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

package/features/workflow/ChangeRequestEditor/components/ChangeItemLabel/index.js

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

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

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