@reltio/components 1.4.2203 → 1.4.2205

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

@@ -1,20 +1,32 @@
 import classnames from 'classnames';
-import { has } from 'ramda';
 import React from 'react';
+import { useContextSelector } from '@fluentui/react-context-selector';
 import { DCROperationTypes } from '@reltio/mdm-sdk';
 import { isEditableChange } from '../../helpers/helpers';
+import { ChangeRequestEditorContext } from '../../context';
 import { ChangeItemEditor, ChangeItemOldValue } from '../ChangeItemEditor';
+import { extractLineIds } from '../../../helpers/merge';
 import styles from './ChangeItemRow.module.css';
 export var ChangeItemRow = function (_a) {
     var _b;
-    var item = _a.item, entityInfo = _a.entityInfo;
-    if (!has('level', item)) {
-        return React.createElement("div", { className: styles.title }, item.label);
-    }
-    var change = item;
+    var change = _a.change, entityInfo = _a.entityInfo;
+    var lineIds = change.lineIds || extractLineIds(change === null || change === void 0 ? void 0 : change.newValue);
+    var isParentLineRejected = useContextSelector(ChangeRequestEditorContext, function (context) {
+        return context.getIsParentLineRejected(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
+    });
+    var isLineRejected = useContextSelector(ChangeRequestEditorContext, function (context) {
+        return context.getIsLineRejected(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
+    });
+    var isUpdated = useContextSelector(ChangeRequestEditorContext, function (context) {
+        return context.getIsLineUpdated(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
+    });
     var isEditedOperation = change.operation === DCROperationTypes.EDITED;
     var editable = isEditableChange(change, entityInfo);
-    return (React.createElement("div", { className: classnames(styles.changeItemRow, (_b = {}, _b[styles.editableRow] = editable, _b)) },
+    return (React.createElement("div", { className: classnames(styles.changeItemRow, (_b = {},
+            _b[styles.editableRow] = editable,
+            _b[styles.changedRow] = isUpdated,
+            _b[styles.rejectedRow] = isLineRejected || isParentLineRejected,
+            _b)) },
         isEditedOperation && React.createElement(ChangeItemOldValue, { change: change }),
-        React.createElement(ChangeItemEditor, { change: change, editable: editable })));
+        React.createElement(ChangeItemEditor, { change: change, editable: editable, classes: { rejectButton: styles.rejectButton } })));
 };

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

@@ -1,9 +1,9 @@
-const styles = {"changeItemRow":"ChangeItemRow-changeItemRow--oF9hn","editableRow":"ChangeItemRow-editableRow--ZQzGk","title":"ChangeItemRow-title--G8iV2"};
+const styles = {"changeItemRow":"ChangeItemRow-changeItemRow--oF9hn","rejectButton":"ChangeItemRow-rejectButton--iNbfM","changedRow":"ChangeItemRow-changedRow--32zBa","rejectedRow":"ChangeItemRow-rejectedRow--RqKQc"};
 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}`;
+    style.innerHTML = `.ChangeItemRow-changeItemRow--oF9hn{display:flex;flex-direction:column;gap:8px;transition:background-color .2s ease}.ChangeItemRow-rejectButton--iNbfM{opacity:0}.ChangeItemRow-changeItemRow--oF9hn:hover{background:var(--mui-palette-action-hover)}.ChangeItemRow-changeItemRow--oF9hn:hover .ChangeItemRow-rejectButton--iNbfM{opacity:1}.ChangeItemRow-changedRow--32zBa{background-color:#e5eff7}.ChangeItemRow-changedRow--32zBa:hover{background-color:rgba(229,239,247,.8)}.ChangeItemRow-rejectedRow--RqKQc{background-color:#f6e7e7}.ChangeItemRow-rejectedRow--RqKQc:hover{background-color:hsla(0,45%,94%,.8)}`;
     head.appendChild(style);
 }
 export default styles;

package/{cjs/features/workflow/ChangeRequestEditor/components/ChangeItemEditor → features/workflow/ChangeRequestEditor/components/DCRValueEditor}/DCRValueEditor.d.ts

@@ -5,6 +5,7 @@ type Props = {
     attributeType: AttributeType;
     value: LineDataValue | ChangeValue;
     onChange: (value: SimpleAttributeValue | string[] | PrimitiveValue) => void;
+    disabled?: boolean;
 };
-export declare const DCRValueEditor: ({ attributeType, value, onChange }: Props) => React.JSX.Element;
+export declare const DCRValueEditor: ({ attributeType, value, onChange, disabled }: Props) => React.JSX.Element;
 export {};

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

@@ -1,11 +1,12 @@
 import React from 'react';
-import { DCRValueEditorFactory } from './DCRValueEditorFactory';
-import styles from './ChangeItemEditor.module.css';
+import { DCRValueEditorFactory } from '../DCRValueEditorFactory';
+import styles from './DCRValueEditor.module.css';
 export var DCRValueEditor = function (_a) {
-    var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange;
+    var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
     return (React.createElement("div", { className: styles.editor }, DCRValueEditorFactory.build({
         attributeType: attributeType,
         value: value,
-        onChange: onChange
+        onChange: onChange,
+        disabled: disabled
     })));
 };

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

@@ -0,0 +1,9 @@
+const styles = {"editor":"DCRValueEditor-editor--H9Gz7"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DCRValueEditor-editor--H9Gz7{min-height:40px}`;
+    head.appendChild(style);
+}
+export default styles;

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

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

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

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

package/features/workflow/ChangeRequestEditor/components/{ChangeItemEditor → DCRValueEditorFactory}/DCRValueEditorFactory.d.ts

@@ -6,8 +6,9 @@ type Props = {
     value: LineDataValue | ChangeValue;
     onChange: (value: SimpleAttributeValue | string[] | PrimitiveValue) => void;
     dataTypeDefinition?: DataTypeDefinition;
+    disabled?: boolean;
 };
 export declare class DCRValueEditorFactory {
-    static build({ attributeType, value, onChange }: Props): React.JSX.Element;
+    static build({ attributeType, value, onChange, disabled }: Props): React.JSX.Element;
 }
 export {};

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

@@ -10,17 +10,17 @@ var DCRValueEditorFactory = /** @class */ (function () {
     function DCRValueEditorFactory() {
     }
     DCRValueEditorFactory.build = function (_a) {
-        var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange;
+        var attributeType = _a.attributeType, value = _a.value, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
         var dcrValue = getAttributeValue(value);
         switch (attributeType.uri) {
             case EntityAttrTypes.roles.uri: {
                 var handleChange = function (values) {
                     onChange((values === null || values === void 0 ? void 0 : values.map(prop('value'))) || []);
                 };
-                return React.createElement(RolesInput, { value: wrapInArrayIfNeeded(dcrValue), onChange: handleChange });
+                return (React.createElement(RolesInput, { value: wrapInArrayIfNeeded(dcrValue), onChange: handleChange, disabled: disabled }));
             }
             case EntityAttrTypes.tags.uri: {
-                return React.createElement(TagsInput, { value: wrapInArrayIfNeeded(dcrValue), onChange: onChange });
+                return (React.createElement(TagsInput, { value: wrapInArrayIfNeeded(dcrValue), onChange: onChange, disabled: disabled }));
             }
             default: {
                 var dataTypeDefinition = getDataTypeDefinition(attributeType, dcrValue);
@@ -31,7 +31,7 @@ var DCRValueEditorFactory = /** @class */ (function () {
                     var valueConvertedToAttributeValue = editorValueToAttributeValue(attributeType, value);
                     onChange(valueConvertedToAttributeValue);
                 };
-                return (React.createElement(DataTypeValueEditor, { fieldName: attributeType.uri, value: editorValue, dataTypeDefinition: dataTypeDefinition, onChange: handleChange, fullWidth: true }));
+                return (React.createElement(DataTypeValueEditor, { fieldName: attributeType.uri, value: editorValue, dataTypeDefinition: dataTypeDefinition, onChange: handleChange, fullWidth: true, disabled: disabled }));
             }
         }
     };

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

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

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

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

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

@@ -8,6 +8,7 @@ import { DCREntityUriLink } from '../../../DCREntityUriLink/DCREntityUriLink';
 import { ChangeItemRow } from '../ChangeItemRow/ChangeItemRow';
 import { AttributesChangesContext } from '../../../AttributesChanges/AttributesChangesContext';
 import { getDCRUri } from '../../../helpers/common';
+import { isDiffChange } from '../../helpers/helpers';
 import styles from './EntityChangesGroup.module.css';
 export var EntityChangesGroup = function (_a) {
     var task = _a.task, dcr = _a.dcr, entityInfo = _a.entityInfo, relationsInfo = _a.relationsInfo;
@@ -24,5 +25,7 @@ export var EntityChangesGroup = function (_a) {
                     content: styles.accordionContent
                 } },
                 React.createElement(DCREntityUriLink, { entityInfo: entityInfo, changes: changes, dcrUri: dcrUri, className: styles.entityTitle })),
-            React.createElement(AccordionDetails, { className: styles.attributesList }, changesList.map(function (item, index) { return (React.createElement(ChangeItemRow, { key: "".concat('label' in item ? 'title' : 'change', "-").concat(index), item: item, entityInfo: entityInfo })); })))));
+            React.createElement(AccordionDetails, { className: styles.attributesList }, changesList.map(function (item, index) {
+                return isDiffChange(item) ? (React.createElement(ChangeItemRow, { key: "change-".concat(index), change: item, entityInfo: entityInfo })) : (React.createElement("div", { key: "title-".concat(index), className: styles.titleChangeItem }, item.label));
+            })))));
 };

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

@@ -1,9 +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"};
+const styles = {"entityGroup":"EntityChangesGroup-entityGroup--KmWaa","entityHeader":"EntityChangesGroup-entityHeader--hf8-J","entityTitle":"EntityChangesGroup-entityTitle--caeZE","accordionContent":"EntityChangesGroup-accordionContent--N7C6Y","attributesList":"EntityChangesGroup-attributesList--7Tmk6","titleChangeItem":"EntityChangesGroup-titleChangeItem--4s7tA","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}`;
+    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;min-width:750px;padding:16px}.EntityChangesGroup-titleChangeItem--4s7tA{color:var(--mui-palette-text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.EntityChangesGroup-skeletonEntityGroupDisabled--qFGAK.Mui-disabled{background-color:#f7f7f7}`;
     head.appendChild(style);
 }
 export default styles;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    showUpdatedChip: boolean;
+    showRejectedChip: boolean;
+};
+export declare const StatusChips: ({ showUpdatedChip, showRejectedChip }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import classnames from 'classnames';
+import i18n from 'ui-i18n';
+import Chip from '@mui/material/Chip';
+import styles from './StatusChips.module.css';
+export var StatusChips = function (_a) {
+    var showUpdatedChip = _a.showUpdatedChip, showRejectedChip = _a.showRejectedChip;
+    if (!showUpdatedChip && !showRejectedChip) {
+        return null;
+    }
+    var label = showUpdatedChip ? i18n.text('Updated') : i18n.text('Rejected');
+    var chipClass = showUpdatedChip ? styles.updatedChip : styles.rejectedChip;
+    return (React.createElement(Chip, { label: label, size: "small", color: "primary", variant: "outlined", className: classnames(styles.statusChip, chipClass), "data-testid": "status-chips" }));
+};

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

@@ -0,0 +1,9 @@
+const styles = {"statusChip":"StatusChips-statusChip--ws380","updatedChip":"StatusChips-updatedChip--5mTfA","rejectedChip":"StatusChips-rejectedChip--EHx3y"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.StatusChips-statusChip--ws380{color:#fff;font-size:10px;height:20px}.StatusChips-updatedChip--5mTfA{background:#2f80ed;border:1px solid rgba(0,114,206,.3)}.StatusChips-rejectedChip--EHx3y{background:#eb5757;border:1px solid rgba(235,87,87,.3)}`;
+    head.appendChild(style);
+}
+export default styles;

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 import React from 'react';
+import { SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 export type LineDataValue = SimpleAttributeValue | {
     value: string[] | PrimitiveValue;
 };
@@ -12,6 +12,9 @@ type ChangeRequestEditorContextType = {
     getLineData: (lineId: string) => LineData | undefined;
     rejectChange: (lineIds: string[]) => void;
     revertChangeUpdateOrReject: (lineIds: string[]) => void;
+    getIsParentLineRejected: (lineId: string) => boolean;
+    getIsLineRejected: (lineId: string) => boolean;
+    getIsLineUpdated: (lineId: string) => boolean;
 };
 export declare const ChangeRequestEditorContext: import("@fluentui/react-context-selector").Context<ChangeRequestEditorContextType>;
 export declare const ChangeRequestEditorProvider: ({ children }: {

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

@@ -1,10 +1,14 @@
-import { createContext } from '@fluentui/react-context-selector';
 import React, { useCallback, useState } from 'react';
+import { isNil } from 'ramda';
+import { createContext } from '@fluentui/react-context-selector';
 export var ChangeRequestEditorContext = createContext({
     updateChange: undefined,
     getLineData: undefined,
     rejectChange: undefined,
-    revertChangeUpdateOrReject: undefined
+    revertChangeUpdateOrReject: undefined,
+    getIsParentLineRejected: undefined,
+    getIsLineRejected: undefined,
+    getIsLineUpdated: undefined
 });
 export var ChangeRequestEditorProvider = function (_a) {
     var children = _a.children;
@@ -31,7 +35,11 @@ export 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;
         });
@@ -39,11 +47,29 @@ export var ChangeRequestEditorProvider = function (_a) {
     var getLineData = useCallback(function (lineId) {
         return lineDataMap.get(lineId);
     }, [lineDataMap]);
+    var getIsLineRejected = useCallback(function (lineId) {
+        var _a;
+        return ((_a = lineDataMap.get(lineId)) === null || _a === void 0 ? void 0 : _a.isRejected) || false;
+    }, [lineDataMap]);
+    var getIsParentLineRejected = 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 = useCallback(function (lineId) {
+        var _a;
+        return !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.createElement(ChangeRequestEditorContext.Provider, { value: contextValue }, children);
 };

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

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { clone, isNil } from 'ramda';
+import { clone, has, isNil } from 'ramda';
 import { DCROperationTypes, DCRTypes, isRelationTypeUri } from '@reltio/mdm-sdk';
 export var isEditableChange = function (change, entityInfo) {
     var _a;
@@ -98,3 +98,6 @@ export var addLineIdToValue = function (data) {
     }
     return enrichedData;
 };
+export var isDiffChange = function (change) {
+    return has('level', change);
+};

package/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/features/workflow/ChangeRequestEditor/hooks/useChangeRequestEditor.js

@@ -0,0 +1,38 @@
+import { useCallback } from 'react';
+import { useContextSelector } from '@fluentui/react-context-selector';
+import { ChangeRequestEditorContext } from '../context';
+import { extractLineIds } from '../../helpers/merge';
+var emptyLineIds = [];
+export var useChangeRequestEditor = function (_a) {
+    var change = _a.change;
+    var lineIds = change.lineIds || extractLineIds(change === null || change === void 0 ? void 0 : change.newValue) || emptyLineIds;
+    var lineData = useContextSelector(ChangeRequestEditorContext, function (context) { return context.getLineData(lineIds[0]); });
+    var updateChange = useContextSelector(ChangeRequestEditorContext, function (context) { return context.updateChange; });
+    var rejectChange = useContextSelector(ChangeRequestEditorContext, function (context) { return context.rejectChange; });
+    var revertChangeUpdateOrReject = useContextSelector(ChangeRequestEditorContext, function (context) { return context.revertChangeUpdateOrReject; });
+    var isParentLineRejected = useContextSelector(ChangeRequestEditorContext, function (context) {
+        return context.getIsParentLineRejected(lineIds[0]);
+    });
+    var isUpdated = useContextSelector(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 = useCallback(function (newValue) {
+        updateChange(lineIds, typeof newValue === 'object' && 'value' in newValue ? newValue : { value: newValue });
+    }, [lineIds, updateChange]);
+    var handleReject = useCallback(function () {
+        rejectChange(lineIds);
+    }, [rejectChange, lineIds]);
+    var handleRevert = useCallback(function () {
+        revertChangeUpdateOrReject(lineIds);
+    }, [revertChangeUpdateOrReject, lineIds]);
+    return {
+        handleChange: handleChange,
+        handleReject: handleReject,
+        handleRevert: handleRevert,
+        lineData: lineData,
+        isLineRejected: isLineRejected,
+        isParentLineRejected: isParentLineRejected,
+        isUpdated: isUpdated,
+        hasChangeId: hasChangeId
+    };
+};

package/features/workflow/OperationChip/OperationChip.js

@@ -5,5 +5,5 @@ import { getOperationLabel } from '../helpers/common';
 import styles from './OperationChip.module.css';
 export 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.createElement(Chip, { variant: variant, label: getOperationLabel(operation), size: size, className: classnames(styles.chip, styles[operation], className) }));
+    return (React.createElement(Chip, { variant: variant, label: getOperationLabel(operation), size: size, className: classnames(styles.chip, styles[operation], className), classes: { label: styles.label } }));
 };

package/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);
 }
 export default styles;

package/features/workflow/ReviewDCRDialog/ReviewDCRDialog.js

@@ -3,7 +3,7 @@ import Dialog from '@mui/material/Dialog';
 import DialogTitle from '@mui/material/DialogTitle';
 import DialogContent from '@mui/material/DialogContent';
 import Typography from '@mui/material/Typography';
-import { SmallIconButton } from '../../../SmallIconButton';
+import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
 import CloseIcon from '@mui/icons-material/Close';
 import i18n from 'ui-i18n';
 import { useWorkflowCheckPermission } from '../hooks/useWorkflowCheckPermission';
@@ -35,7 +35,7 @@ export var ReviewDCRDialog = function (_a) {
             React.createElement("div", { className: styles.titleContent },
                 React.createElement(Typography, { variant: "h6", className: styles.titleText }, i18n.text('Review DCR')),
                 React.createElement(WorkflowActionButtons, { workflowActions: workflowActions, actionRequestIsInProgress: actionRequestIsInProgress, preferredAction: task.preferredAction })),
-            React.createElement(SmallIconButton, { onClick: onClose, className: styles.closeButton, "aria-label": "close", icon: CloseIcon })),
+            React.createElement(SmallIconButtonWithTooltip, { tooltipTitle: i18n.text('Close'), "aria-label": i18n.text('Close'), icon: CloseIcon, onClick: onClose, className: styles.closeButton, size: "L" })),
         React.createElement(DialogContent, { classes: { root: styles.content } },
             React.createElement("div", { className: styles.leftSection },
                 React.createElement(ProfileBand, { entity: entity, className: styles.profileBandRoot, classes: { profileBand: styles.profileBand } }),

package/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);
 }
 export default styles;

package/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);
 }
 export default styles;

package/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);
 }
 export default styles;

package/features/workflow/helpers/attributes.js

@@ -89,13 +89,15 @@ var getReferenceAttributeChange = function (metadata, attributeType, attributeVa
     ];
 };
 var getDiffParameters = function (_a) {
-    var newValue = _a.newValue, oldValue = _a.oldValue, type = _a.type;
-    return type === 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 === 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 = getOperationType(type, oldValue);
+    var _a = getDiffParameters(attributeValue), newValue = _a.newValue, oldValue = _a.oldValue, type = _a.type, newPinOrIgnoreValue = _a.newPinOrIgnoreValue;
+    var operation = 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/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/features/workflow/helpers/common.js

@@ -1,7 +1,7 @@
 import { allPass, always, equals, evolve, filter, has, identity, isNil, length, nth, pipe, prop, propEq, split, startsWith, unless, when } from 'ramda';
 import i18n from 'ui-i18n';
 import { DataTypes, DCROperationTypes, DCRTypes, EntityAttrTypes, getAttrDataTypeDefinition, getRoleLabel, isUrl } from '@reltio/mdm-sdk';
-export var getOperationType = function (type, oldValue) {
+export var getOperationType = function (type, newPinOrIgnoreValue) {
     switch (type) {
         case DCRTypes.CREATE_RELATIONSHIP:
         case DCRTypes.INSERT_ATTRIBUTE:
@@ -14,9 +14,9 @@ export var getOperationType = function (type, oldValue) {
         case DCRTypes.DELETE_RELATIONSHIP:
             return DCROperationTypes.DELETED;
         case DCRTypes.PIN_ATTRIBUTE:
-            return (oldValue === null || oldValue === void 0 ? void 0 : oldValue.pin) ? DCROperationTypes.PIN_DELETED : DCROperationTypes.PINNED;
+            return newPinOrIgnoreValue ? DCROperationTypes.PINNED : DCROperationTypes.PIN_DELETED;
         case DCRTypes.IGNORE_ATTRIBUTE:
-            return (oldValue === null || oldValue === void 0 ? void 0 : oldValue.ignored) ? DCROperationTypes.IGNORE_DELETED : DCROperationTypes.IGNORED;
+            return newPinOrIgnoreValue ? DCROperationTypes.IGNORED : DCROperationTypes.IGNORE_DELETED;
     }
 };
 export var getOperationLabel = function (operation) {

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

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

package/features/workflow/helpers/merge.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { concat, curry, difference, flatten, isNil, omit, path, pick, pipe, propEq, propOr, reduce } from 'ramda';
+import { both, concat, curry, difference, flatten, isNil, omit, path, pathEq, pick, pipe, propEq, propOr, reduce } from 'ramda';
 import { DCRTypes, EntityAttrTypes, generateTempUri, getRoleLabel, isEmptyValue } from '@reltio/mdm-sdk';
 import { getEntityChanges, getRelationChanges } from './attributes';
 var ATTRIBUTE_DELIMITER = '/';
@@ -108,7 +108,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(propEq('id', id));
+        var currentValue = i === pathArray.length - 2
+            ? (holder[key] || []).find(both(propEq('id', id), pathEq(['value', 'type'], change === null || change === void 0 ? void 0 : change.type)))
+            : (holder[key] || []).find(propEq('id', id));
         if (!isNil(currentValue)) {
             var newLineIds = extractLineIds(change.newValue);
             var oldLineIds = extractLineIds(change.oldValue);