@reltio/components 1.4.2202 → 1.4.2204

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

@@ -14,6 +14,7 @@ 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 helpers_1 = require("../../helpers/helpers");
 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;
@@ -30,6 +31,8 @@ var EntityChangesGroup = function (_a) {
                     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, entityInfo: entityInfo })); })))));
+            react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, changesList.map(function (item, index) {
+                return (0, helpers_1.isDiffChange)(item) ? (react_1.default.createElement(ChangeItemRow_1.ChangeItemRow, { key: "change-".concat(index), change: item, entityInfo: entityInfo })) : (react_1.default.createElement("div", { key: "title-".concat(index), className: EntityChangesGroup_module_css_1.default.titleChangeItem }, item.label));
+            })))));
 };
 exports.EntityChangesGroup = EntityChangesGroup;

package/cjs/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);
 }
 module.exports = styles;

package/cjs/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/cjs/features/workflow/ChangeRequestEditor/components/StatusChips/StatusChips.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.StatusChips = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
+var StatusChips_module_css_1 = __importDefault(require("./StatusChips.module.css"));
+var StatusChips = function (_a) {
+    var showUpdatedChip = _a.showUpdatedChip, showRejectedChip = _a.showRejectedChip;
+    if (!showUpdatedChip && !showRejectedChip) {
+        return null;
+    }
+    var label = showUpdatedChip ? ui_i18n_1.default.text('Updated') : ui_i18n_1.default.text('Rejected');
+    var chipClass = showUpdatedChip ? StatusChips_module_css_1.default.updatedChip : StatusChips_module_css_1.default.rejectedChip;
+    return (react_1.default.createElement(Chip_1.default, { label: label, size: "small", color: "primary", variant: "outlined", className: (0, classnames_1.default)(StatusChips_module_css_1.default.statusChip, chipClass), "data-testid": "status-chips" }));
+};
+exports.StatusChips = StatusChips;

package/cjs/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);
+}
+module.exports = styles;

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

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

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

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

package/cjs/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/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/activity-log/RecordUpdates/RecordUpdates.d.ts

@@ -4,6 +4,7 @@ type Props = {
     updates: ActivityDelta[];
     recordId: string;
     isSegment?: boolean;
+    isInteraction?: boolean;
 };
 export declare const RecordUpdates: ({ updates, recordId, isSegment }: Props) => React.JSX.Element;
 export {};

package/features/activity-log/RecordUpdates/RecordUpdates.js

@@ -12,9 +12,8 @@ export var RecordUpdates = function (_a) {
         itemsId: recordId,
         items: updates
     }), onExpand = _b.onExpand, collapsedItemsCount = _b.collapsedItemsCount, itemsToShow = _b.itemsToShow;
+    var DeltaFieldComponent = isSegment ? SegmentDeltaField : DeltaField;
     return (React.createElement(React.Fragment, null,
-        itemsToShow.map(function (update, index) {
-            return isSegment ? React.createElement(SegmentDeltaField, { key: index, delta: update }) : React.createElement(DeltaField, { key: index, delta: update });
-        }),
+        itemsToShow.map(function (update, index) { return (React.createElement(DeltaFieldComponent, { key: index, delta: update })); }),
         collapsedItemsCount ? (React.createElement(MoreItemsLink, { itemsCount: collapsedItemsCount, itemsLabel: collapsedItemsCount === 1 ? i18n.text('update') : i18n.text('updates'), onClick: onExpand, className: styles.moreLabel })) : null));
 };

package/features/activity-log/RecordUpdates/components/DeltaField/DeltaField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ActivityDelta } from '../../../types';
+import { type ActivityDelta } from '../../../types';
 type Props = {
     delta: ActivityDelta;
 };

package/features/activity-log/RecordUpdates/components/DeltaField/DeltaField.js

@@ -1,32 +1,36 @@
 import React from 'react';
 import classnames from 'classnames';
-import { findAttributeTypeByUri } from '@reltio/mdm-sdk';
+import { findAttributeTypeByUri, findMemberTypeByUri } from '@reltio/mdm-sdk';
+import { EntityUriLink } from '../../../../../EntityUriLink';
 import Chip from '@mui/material/Chip';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-import { DeltaTypes } from '../../../types';
+import { DeltaTypes, MemberDeltaTypes } from '../../../types';
 import { stringifyDeltaValue } from '../../../utils/activities';
 import { useMdmMetadata, useMdmAttributesPresentation } from '../../../../../contexts/MdmModuleContext';
 import { Field } from '../../../Field';
-import { useStyles } from './styles';
+import styles from './DeltaField.module.css';
 export var DeltaField = function (_a) {
     var _b, _c;
     var delta = _a.delta;
-    var styles = useStyles();
     var metadata = useMdmMetadata();
     var attributesPresentation = useMdmAttributesPresentation();
-    var attribute = findAttributeTypeByUri(metadata, delta.attributeType);
+    var isMemberDelta = delta.type in MemberDeltaTypes;
+    var attributeType = !isMemberDelta ? findAttributeTypeByUri(metadata, delta.attributeType) : undefined;
+    var memberType = isMemberDelta ? findMemberTypeByUri(metadata, delta.attributeType) : undefined;
+    var fieldType = isMemberDelta ? memberType : attributeType;
+    var fieldName = (fieldType === null || fieldType === void 0 ? void 0 : fieldType.label) || (fieldType === null || fieldType === void 0 ? void 0 : fieldType.name);
     var newValue = (_b = delta.newValue) === null || _b === void 0 ? void 0 : _b.value;
     var oldValue = (_c = delta.oldValue) === null || _c === void 0 ? void 0 : _c.value;
     var value = oldValue || newValue;
-    var deltaLabel = DeltaTypes[delta.type];
-    var converter = function (value) {
-        return stringifyDeltaValue(value, delta.attributeType, metadata, attributesPresentation);
+    var deltaLabel = (isMemberDelta ? MemberDeltaTypes : DeltaTypes)[delta.type];
+    var converter = function (deltaValue) {
+        return isMemberDelta ? (React.createElement(EntityUriLink, { value: 'entities/' + deltaValue, className: styles.entityLink }, deltaValue)) : (stringifyDeltaValue(deltaValue, delta.attributeType, metadata, attributesPresentation));
     };
-    return (React.createElement(Field, { fieldName: (attribute === null || attribute === void 0 ? void 0 : attribute.label) || (attribute === null || attribute === void 0 ? void 0 : attribute.name), "data-reltio-id": "delta-field" },
+    return (React.createElement(Field, { fieldName: fieldName, "data-reltio-id": "delta-field" },
         React.createElement("span", null,
             value && converter(value),
             newValue && oldValue && (React.createElement(React.Fragment, null,
                 React.createElement(ArrowForwardIcon, { className: styles.arrow }),
                 converter(newValue)))),
-        deltaLabel && (React.createElement(Chip, { variant: "outlined", label: deltaLabel, className: classnames(styles.chip, deltaLabel) }))));
+        deltaLabel && (React.createElement(Chip, { variant: "outlined", label: deltaLabel, className: classnames(styles.chip, styles[deltaLabel]) }))));
 };

package/features/activity-log/RecordUpdates/components/DeltaField/DeltaField.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"arrow":"DeltaField-arrow--5hkJ-","chip":"DeltaField-chip--OIM5S","edited":"DeltaField-edited--P1M7q","added":"DeltaField-added--HNmW4","deleted":"DeltaField-deleted--oKqex","entityLink":"DeltaField-entityLink--lGSiY"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DeltaField-arrow--5hkJ-{color:var(--mui-palette-text-primary);font-size:12px;margin:0 8px}.DeltaField-chip--OIM5S{flex-shrink:0;font-size:10px;font-weight:500;height:20px;line-height:16px;margin-left:9px;text-transform:capitalize;width:53px}.DeltaField-chip--OIM5S.DeltaField-edited--P1M7q{border-color:#6973c2;color:#6973c2}.DeltaField-chip--OIM5S.DeltaField-added--HNmW4{border-color:#75c378;color:#75c378}.DeltaField-chip--OIM5S.DeltaField-deleted--oKqex{border-color:#f97061;color:#f97061}.DeltaField-chip--OIM5S span{padding:0}.DeltaField-entityLink--lGSiY{color:var(--mui-palette-primary-main);text-decoration:none}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/activity-log/types.d.ts

@@ -61,6 +61,11 @@ export declare enum DeltaTypes {
     ATTRIBUTE_ADDED = "added",
     ATTRIBUTE_REMOVED = "deleted"
 }
+export declare enum MemberDeltaTypes {
+    MEMBER_CHANGED = "edited",
+    MEMBER_ADDED = "added",
+    MEMBER_REMOVED = "deleted"
+}
 export type ActivityDelta = {
     type: string;
     attributeType: string;