@reltio/components 1.4.2243 → 1.4.2245

package/features/workflow/ChangeRequestEditor/components/editors/ChangeItemEditorRecentlyAdded/index.d.ts

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

package/features/workflow/ChangeRequestEditor/components/editors/ChangeItemEditorRecentlyAdded/index.js

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

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

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

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

@@ -2,10 +2,11 @@ import React from 'react';
 import { isNil } from 'ramda';
 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 styles from './ChangeItemEditor.module.css';
+import { getDataTypeDefinition } from '../../../../helpers/common';
+import { DataTypeValue } from '../../../../../../DataTypeValue';
+import { ChangeItemLabel } from '../../ChangeItemLabel';
+import editorStyles from '../editors.module.css';
+import styles from './ChangeItemOldValue.module.css';
 export var ChangeItemOldValue = function (_a) {
     var change = _a.change;
     var isUpdateOperation = change.operation === DCROperationTypes.EDITED;
@@ -13,13 +14,13 @@ export var ChangeItemOldValue = function (_a) {
     var newValue = getAttributeValue(change.newValue);
     var dataTypeDefinition = change.attributeType && getDataTypeDefinition(change.attributeType, newValue !== null && newValue !== void 0 ? newValue : oldValue);
     var hasOldValue = !isNil(oldValue);
-    return (React.createElement("div", { className: styles.attributeRow },
-        React.createElement(ChangeItemLabel, { change: change, className: styles.labelColumn }),
-        React.createElement("div", { className: styles.valueColumn }, isUpdateOperation && hasOldValue && (React.createElement("div", { className: styles.previousValue },
+    return (React.createElement("div", { className: editorStyles.attributeRow },
+        React.createElement(ChangeItemLabel, { change: change, className: editorStyles.labelColumn }),
+        React.createElement("div", { className: editorStyles.valueColumn }, isUpdateOperation && hasOldValue && (React.createElement("div", { className: styles.previousValue },
             React.createElement("span", { className: styles.previousValueText },
                 React.createElement(DataTypeValue, { value: oldValue, dataTypeDefinition: dataTypeDefinition })),
             React.createElement("span", { className: styles.arrow },
                 React.createElement(EastIcon, null))))),
-        React.createElement("div", { className: styles.revertColumn }),
-        React.createElement("div", { className: styles.operationColumn })));
+        React.createElement("div", { className: editorStyles.revertColumn }),
+        React.createElement("div", { className: editorStyles.operationColumn })));
 };

package/features/workflow/ChangeRequestEditor/components/editors/ChangeItemOldValue/ChangeItemOldValue.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"previousValue":"ChangeItemOldValue-previousValue--wjU38","previousValueText":"ChangeItemOldValue-previousValueText--3YlY8","arrow":"ChangeItemOldValue-arrow--uP40C"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ChangeItemOldValue-previousValue--wjU38{align-items:center;display:flex;line-height:16px;padding:6px 12px 7px}.ChangeItemOldValue-previousValueText--3YlY8{color:var(--mui-palette-text-primary);letter-spacing:.24px}.ChangeItemOldValue-arrow--uP40C{color:var(--mui-palette-text-secondary);font-weight:700;margin:0 5px}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/workflow/ChangeRequestEditor/components/editors/ChangeItemOldValue/index.d.ts

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

package/features/workflow/ChangeRequestEditor/components/editors/ChangeItemOldValue/index.js

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

package/features/workflow/ChangeRequestEditor/components/editors/MoreAttributesEditor/MoreAttributesEditor.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { AttributeType } from '@reltio/mdm-sdk';
+import type { Diff } from '../../../../types';
+type Props = {
+    data: AttributeType[];
+    onApply: (attributeTypes: AttributeType[]) => void;
+    change?: Diff;
+    parent?: AttributeType;
+};
+export declare const MoreAttributesEditor: ({ data, onApply, change, parent }: Props) => React.JSX.Element;
+export {};

package/features/workflow/ChangeRequestEditor/components/editors/MoreAttributesEditor/MoreAttributesEditor.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import classnames from 'classnames';
+import i18n from 'ui-i18n';
+import { useContextSelector } from '@fluentui/react-context-selector';
+import { MoreAttributesButton } from '../../../../../../MoreAttributesButton';
+import { ChangeRequestEditorContext } from '../../../../contexts/ChangeRequestEditorContext';
+import { extractLineIds } from '../../../../helpers/merge';
+import editorStyles from '../editors.module.css';
+import styles from './MoreAttributesEditor.module.css';
+var emptyLineIds = [];
+export var MoreAttributesEditor = function (_a) {
+    var _b;
+    var data = _a.data, onApply = _a.onApply, change = _a.change, parent = _a.parent;
+    var lineIds = (change === null || change === void 0 ? void 0 : change.lineIds) || extractLineIds(change === null || change === void 0 ? void 0 : change.newValue) || emptyLineIds;
+    var isLineRejected = useContextSelector(ChangeRequestEditorContext, function (context) {
+        return context.getIsLineRejected(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
+    });
+    var isParentLineRejected = useContextSelector(ChangeRequestEditorContext, function (context) {
+        return context.getIsParentLineRejected(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
+    });
+    var label = i18n.text('More attributes');
+    var isRejected = isLineRejected || isParentLineRejected;
+    return (React.createElement("div", { className: classnames(editorStyles.attributeRow, (_b = {}, _b[styles.rejectedRow] = isRejected, _b)), "data-reltio-id": "more-attributes-editor" },
+        React.createElement("div", { className: editorStyles.labelColumn }),
+        React.createElement("div", { className: classnames(editorStyles.valueColumn, styles.moreAttributesButton) },
+            React.createElement(MoreAttributesButton, { label: label, popupTitle: label, data: data, parent: parent, onApply: onApply, disabled: isRejected }))));
+};

package/features/workflow/ChangeRequestEditor/components/editors/MoreAttributesEditor/MoreAttributesEditor.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"rejectedRow":"MoreAttributesEditor-rejectedRow--N4E3t","moreAttributesButton":"MoreAttributesEditor-moreAttributesButton--Sk8AH"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.MoreAttributesEditor-rejectedRow--N4E3t{background-color:#f6e7e7;max-width:none}.MoreAttributesEditor-rejectedRow--N4E3t:hover{background-color:hsla(0,45%,94%,.8)}.MoreAttributesEditor-moreAttributesButton--Sk8AH{height:37px;margin-top:-10px}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/workflow/ChangeRequestEditor/components/editors/MoreAttributesEditor/index.d.ts

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

package/features/workflow/ChangeRequestEditor/components/editors/MoreAttributesEditor/index.js

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

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

@@ -0,0 +1,9 @@
+const styles = {"attributeRow":"editors-attributeRow--cDQyT","labelColumn":"editors-labelColumn--XWilB","valueColumn":"editors-valueColumn--V0i4-","addSameAttributeColumn":"editors-addSameAttributeColumn--W1TTs","revertColumn":"editors-revertColumn--tdxCB","operationColumn":"editors-operationColumn--M-4Pz","statusColumn":"editors-statusColumn--n-6Kn","rejectColumn":"editors-rejectColumn--Eh3Lg"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.editors-attributeRow--cDQyT{align-items:center;display:flex;font-size:16px;gap:16px;max-width:1000px;min-height:37px}.editors-labelColumn--XWilB{box-sizing:border-box;min-height:21px;width:170px}.editors-valueColumn--V0i4-{display:flex;flex:1;flex-direction:column;gap:4px}.editors-addSameAttributeColumn--W1TTs{margin-left:-8px}.editors-addSameAttributeColumn--W1TTs,.editors-revertColumn--tdxCB{align-items:flex-start;display:flex;width:16px}.editors-operationColumn--M-4Pz{align-items:flex-start;display:flex;width:84px}.editors-statusColumn--n-6Kn{align-items:flex-start;display:flex;width:90px}.editors-rejectColumn--Eh3Lg{align-items:flex-start;display:flex;width:110px}`;
+    head.appendChild(style);
+}
+export default styles;

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

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

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

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

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

@@ -0,0 +1,11 @@
+import type { Diff } from '../../types';
+import { type ChangeOverrides } from '../../contexts/AddedAttributesContext';
+export declare const isAddedAttribute: (change: Diff) => boolean;
+export declare const getAddedId: (change: Diff) => string | undefined;
+export declare const getParentAddedId: (addedId: string) => string | undefined;
+export declare const hasParentAddedAttribute: (addedId: string | undefined) => boolean;
+export declare const getParentLineId: (lineId: string) => string | undefined;
+export declare const isRootAddedAttribute: (lineId: string) => boolean;
+export declare const getObjectIdFromLineId: (lineId: string) => string;
+export declare const extractChangeOverrides: (change: Diff) => ChangeOverrides | undefined;
+export declare const getParentChangeOverrides: (change: Diff) => ChangeOverrides | undefined;

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

@@ -0,0 +1,62 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { ADDED_ID_SEPARATOR } from '../../contexts/AddedAttributesContext';
+export var isAddedAttribute = function (change) {
+    var _a;
+    return !!((_a = change.newValue) === null || _a === void 0 ? void 0 : _a.addedId) || !!change.addedId;
+};
+export var getAddedId = function (change) {
+    var _a, _b;
+    return (_b = (_a = change.newValue) === null || _a === void 0 ? void 0 : _a.addedId) !== null && _b !== void 0 ? _b : change.addedId;
+};
+export var getParentAddedId = function (addedId) {
+    var parts = addedId.split(ADDED_ID_SEPARATOR);
+    return parts.length > 2 ? parts.slice(0, -1).join(ADDED_ID_SEPARATOR) : undefined;
+};
+export var hasParentAddedAttribute = function (addedId) {
+    return !!addedId && !!getParentAddedId(addedId);
+};
+export var getParentLineId = function (lineId) {
+    var parts = lineId.split('/');
+    return parts.length > 3 ? parts.slice(0, -3).join('/') : undefined;
+};
+export var isRootAddedAttribute = function (lineId) {
+    return lineId.split('/').length === 3;
+};
+export var getObjectIdFromLineId = function (lineId) {
+    return lineId.split('/')[0];
+};
+export var extractChangeOverrides = function (change) {
+    if (!change.attributePath && !change.refAttributeType && !change.refObjectURI)
+        return undefined;
+    return __assign(__assign(__assign({}, (change.attributePath && { attributePath: change.attributePath })), (change.refAttributeType && { refAttributeType: change.refAttributeType })), (change.refObjectURI && { refObjectURI: change.refObjectURI }));
+};
+export var getParentChangeOverrides = function (change) {
+    var result = {};
+    if (change.attributePath) {
+        var parts = change.attributePath.split('/');
+        var dropCount = parts.length % 2 === 0 ? 2 : 1;
+        if (parts.length > dropCount) {
+            result.attributePath = parts.slice(0, -dropCount).join('/');
+        }
+    }
+    if (change.refAttributeType) {
+        var parts = change.refAttributeType.split('/');
+        if (parts.length > 2) {
+            result.refAttributeType = parts.slice(0, -2).join('/');
+        }
+    }
+    if (change.refObjectURI) {
+        result.refObjectURI = change.refObjectURI;
+    }
+    return Object.keys(result).length > 0 ? result : undefined;
+};

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

@@ -0,0 +1,2 @@
+import type { Diff, Title } from '../../types';
+export declare const prepareChangesList: (rawChangesList: (Diff | Title)[]) => (Diff | Title)[];

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

@@ -0,0 +1,153 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { DCROperationTypes, isComplexAttribute, isImage, isRoleAttrType, isTagAttrType } from '@reltio/mdm-sdk';
+import { getOperationType } from '../../helpers/common';
+import { isDiffChange } from './helpers';
+var getImageOperation = function (diff) {
+    var _a;
+    var innerChange = (_a = diff.attributeValue) === null || _a === void 0 ? void 0 : _a.value;
+    return (innerChange === null || innerChange === void 0 ? void 0 : innerChange.type) ? getOperationType(innerChange.type) : undefined;
+};
+var filterImageSubAttributes = function (rawChangesList) {
+    var filtered = [];
+    var skipBelowLevel = null;
+    for (var _i = 0, rawChangesList_1 = rawChangesList; _i < rawChangesList_1.length; _i++) {
+        var item = rawChangesList_1[_i];
+        if (!isDiffChange(item)) {
+            skipBelowLevel = null;
+            filtered.push(item);
+            continue;
+        }
+        var diff = item;
+        if (skipBelowLevel !== null && diff.level > skipBelowLevel) {
+            continue;
+        }
+        skipBelowLevel = null;
+        if (isImage(diff.attributeType)) {
+            skipBelowLevel = diff.level;
+        }
+        filtered.push(item);
+    }
+    return filtered;
+};
+var withImageOperation = function (items) {
+    return items.map(function (item) {
+        if (!isDiffChange(item) || !isImage(item.attributeType))
+            return item;
+        var operation = getImageOperation(item);
+        return operation ? __assign(__assign({}, item), { operation: operation }) : item;
+    });
+};
+var isSameGroup = function (a, b) {
+    var _a, _b;
+    return a.operation === DCROperationTypes.ADDED &&
+        b.operation === DCROperationTypes.ADDED &&
+        ((_a = a.attributeType) === null || _a === void 0 ? void 0 : _a.uri) === ((_b = b.attributeType) === null || _b === void 0 ? void 0 : _b.uri) &&
+        a.level === b.level;
+};
+var canAddSameAttribute = function (attributeType) {
+    var _a;
+    if (!attributeType)
+        return false;
+    if (attributeType.singleValue)
+        return false;
+    if (((_a = attributeType.cardinality) === null || _a === void 0 ? void 0 : _a.maxValue) === 1)
+        return false;
+    if (isRoleAttrType(attributeType) || isTagAttrType(attributeType))
+        return false;
+    return true;
+};
+var withDisplayOptions = function (items) {
+    return items.map(function (item, i) {
+        if (!isDiffChange(item))
+            return item;
+        if (item.operation !== DCROperationTypes.ADDED) {
+            return __assign(__assign({}, item), { displayOptions: {
+                    showLabel: item.operation !== DCROperationTypes.EDITED,
+                    showAddButton: false,
+                    hasSameAttributeSiblings: false
+                } });
+        }
+        var prev = items[i - 1];
+        var next = items[i + 1];
+        var hasPrevSibling = !!prev && isDiffChange(prev) && isSameGroup(prev, item);
+        var hasNextSibling = !!next && isDiffChange(next) && isSameGroup(item, next);
+        return __assign(__assign({}, item), { displayOptions: {
+                showLabel: !hasPrevSibling,
+                showAddButton: canAddSameAttribute(item.attributeType) && !hasNextSibling,
+                hasSameAttributeSiblings: hasPrevSibling || hasNextSibling
+            } });
+    });
+};
+var truncateAtSegment = function (source, segment) {
+    var index = source.indexOf(segment);
+    return index >= 0 ? source.substring(0, index + segment.length) : undefined;
+};
+var findDescendantWithPath = function (items, fromIndex, parentLevel) {
+    for (var j = fromIndex + 1; j < items.length; j++) {
+        var next = items[j];
+        if (!isDiffChange(next) || next.level <= parentLevel)
+            break;
+        if (next.attributePath)
+            return next;
+    }
+    return undefined;
+};
+var deriveParentPath = function (descendant, name, instanceId) {
+    var segment = "".concat(name, "/").concat(instanceId);
+    var result = {};
+    var attributePath = truncateAtSegment(descendant.attributePath, segment);
+    if (attributePath) {
+        result.attributePath = attributePath;
+    }
+    if (descendant.refAttributeType) {
+        var refAttributeType = truncateAtSegment(descendant.refAttributeType, "/attributes/".concat(name));
+        if (refAttributeType) {
+            result.refAttributeType = refAttributeType;
+        }
+    }
+    if (descendant.refObjectURI) {
+        result.refObjectURI = descendant.refObjectURI;
+    }
+    return Object.keys(result).length > 0 ? result : null;
+};
+var extractPathFromInnerChange = function (attributeValue) {
+    var inner = attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.value;
+    if (!(inner === null || inner === void 0 ? void 0 : inner.attributePath))
+        return null;
+    return __assign(__assign({ attributePath: inner.attributePath }, (inner.refAttributeType && { refAttributeType: inner.refAttributeType })), (inner.refObjectURI && { refObjectURI: inner.refObjectURI }));
+};
+var fillParentPaths = function (items) {
+    return items.map(function (item, index) {
+        var _a, _b;
+        if (!isDiffChange(item) || !isComplexAttribute(item.attributeType) || item.attributePath)
+            return item;
+        var innerPath = extractPathFromInnerChange(item.attributeValue);
+        if (innerPath)
+            return __assign(__assign({}, item), innerPath);
+        var name = (_a = item.attributeType) === null || _a === void 0 ? void 0 : _a.name;
+        var instanceId = (_b = item.attributeValue) === null || _b === void 0 ? void 0 : _b.id;
+        if (!name || !instanceId)
+            return item;
+        var descendant = findDescendantWithPath(items, index, item.level);
+        if (!descendant)
+            return item;
+        var parentPath = deriveParentPath(descendant, name, instanceId);
+        return parentPath ? __assign(__assign({}, item), parentPath) : item;
+    });
+};
+export var prepareChangesList = function (rawChangesList) {
+    var withPaths = fillParentPaths(rawChangesList);
+    var filtered = filterImageSubAttributes(withPaths);
+    var withOperations = withImageOperation(filtered);
+    return withDisplayOptions(withOperations);
+};

package/features/workflow/ChangeRequestEditor/helpers/changesList.test.d.ts

@@ -0,0 +1 @@
+export {};

package/features/workflow/ChangeRequestEditor/helpers/changesList.test.js

@@ -0,0 +1,201 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { DataTypes, DCROperationTypes } from '@reltio/mdm-sdk';
+import { prepareChangesList } from './changesList';
+var createDiff = function (overrides) {
+    if (overrides === void 0) { overrides = {}; }
+    return (__assign({ level: 0, label: 'Test', attributeType: {
+            uri: 'configuration/entityTypes/HCP/attributes/Name',
+            name: 'Name',
+            label: 'Name',
+            type: 'String'
+        } }, overrides));
+};
+var createTitle = function (label) { return ({ label: label }); };
+describe('prepareChangesList', function () {
+    describe('filterImageSubAttributes', function () {
+        it('should filter sub-attributes of image type attributes', function () {
+            var imageAttr = createDiff({
+                level: 0,
+                label: 'Photo',
+                attributeType: {
+                    uri: 'attr/Photo',
+                    name: 'Photo',
+                    label: 'Photo',
+                    type: DataTypes.TYPE_IMAGE
+                }
+            });
+            var imageSub1 = createDiff({ level: 1, label: 'FileName' });
+            var imageSub2 = createDiff({ level: 1, label: 'FileSize' });
+            var normalAttr = createDiff({ level: 0, label: 'Name' });
+            var result = prepareChangesList([imageAttr, imageSub1, imageSub2, normalAttr]);
+            var labels = result.map(function (item) { return item.label; });
+            expect(labels).toContain('Photo');
+            expect(labels).toContain('Name');
+            expect(labels).not.toContain('FileName');
+            expect(labels).not.toContain('FileSize');
+        });
+        it('should keep non-image nested attributes and their children unchanged', function () {
+            var nested = createDiff({
+                level: 0,
+                label: 'Details',
+                attributeType: { uri: 'attr/Details', name: 'Details', label: 'Details', type: 'Nested' }
+            });
+            var child = createDiff({ level: 1, label: 'Notes' });
+            var result = prepareChangesList([nested, child]);
+            expect(result).toHaveLength(2);
+        });
+        it('should reset image skip when a Title item is encountered', function () {
+            var imageAttr = createDiff({
+                level: 0,
+                label: 'Photo',
+                attributeType: {
+                    uri: 'attr/Photo',
+                    name: 'Photo',
+                    label: 'Photo',
+                    type: DataTypes.TYPE_IMAGE
+                }
+            });
+            var imageSub = createDiff({ level: 1, label: 'FileName' });
+            var title = createTitle('Section');
+            var normalAttr = createDiff({ level: 1, label: 'Name' });
+            var result = prepareChangesList([imageAttr, imageSub, title, normalAttr]);
+            var labels = result.map(function (item) { return item.label; });
+            expect(labels).toEqual(['Photo', 'Section', 'Name']);
+        });
+    });
+    describe('displayOptions', function () {
+        it('should set showLabel=true for first ADDED item in a group', function () {
+            var _a, _b;
+            var attrType = {
+                uri: 'configuration/entityTypes/HCP/attributes/Name',
+                name: 'Name',
+                label: 'Name',
+                type: 'String'
+            };
+            var diff1 = createDiff({ operation: DCROperationTypes.ADDED, attributeType: attrType, level: 0 });
+            var diff2 = createDiff({ operation: DCROperationTypes.ADDED, attributeType: attrType, level: 0 });
+            var result = prepareChangesList([diff1, diff2]);
+            expect((_a = result[0].displayOptions) === null || _a === void 0 ? void 0 : _a.showLabel).toBe(true);
+            expect((_b = result[1].displayOptions) === null || _b === void 0 ? void 0 : _b.showLabel).toBe(false);
+        });
+        it('should set showAddButton=true only for last ADDED item in group of multi-value attr', function () {
+            var _a, _b;
+            var attrType = {
+                uri: 'configuration/entityTypes/HCP/attributes/Name',
+                name: 'Name',
+                label: 'Name',
+                type: 'String'
+            };
+            var diff1 = createDiff({ operation: DCROperationTypes.ADDED, attributeType: attrType, level: 0 });
+            var diff2 = createDiff({ operation: DCROperationTypes.ADDED, attributeType: attrType, level: 0 });
+            var result = prepareChangesList([diff1, diff2]);
+            expect((_a = result[0].displayOptions) === null || _a === void 0 ? void 0 : _a.showAddButton).toBe(false);
+            expect((_b = result[1].displayOptions) === null || _b === void 0 ? void 0 : _b.showAddButton).toBe(true);
+        });
+        it('should set showAddButton=false for single-value attributes', function () {
+            var _a;
+            var attrType = {
+                uri: 'configuration/entityTypes/HCP/attributes/Id',
+                name: 'Id',
+                label: 'Id',
+                type: 'String',
+                singleValue: true
+            };
+            var diff = createDiff({ operation: DCROperationTypes.ADDED, attributeType: attrType, level: 0 });
+            var result = prepareChangesList([diff]);
+            expect((_a = result[0].displayOptions) === null || _a === void 0 ? void 0 : _a.showAddButton).toBe(false);
+        });
+        it('should set showAddButton=false for role and tag attributes', function () {
+            var _a, _b;
+            var roleType = { uri: 'roles', name: 'roles', label: 'Roles', type: 'String' };
+            var tagType = { uri: 'tags', name: 'tags', label: 'Tags', type: 'String' };
+            var diff1 = createDiff({ operation: DCROperationTypes.ADDED, attributeType: roleType, level: 0 });
+            var diff2 = createDiff({ operation: DCROperationTypes.ADDED, attributeType: tagType, level: 0 });
+            var result = prepareChangesList([diff1, diff2]);
+            expect((_a = result[0].displayOptions) === null || _a === void 0 ? void 0 : _a.showAddButton).toBe(false);
+            expect((_b = result[1].displayOptions) === null || _b === void 0 ? void 0 : _b.showAddButton).toBe(false);
+        });
+        it('should set showLabel=true and showAddButton=false for non-ADDED non-EDITED operations', function () {
+            var _a, _b;
+            var diff = createDiff({ operation: DCROperationTypes.DELETED, level: 0 });
+            var result = prepareChangesList([diff]);
+            expect((_a = result[0].displayOptions) === null || _a === void 0 ? void 0 : _a.showLabel).toBe(true);
+            expect((_b = result[0].displayOptions) === null || _b === void 0 ? void 0 : _b.showAddButton).toBe(false);
+        });
+        it('should set showLabel=false for EDITED operations', function () {
+            var _a;
+            var diff = createDiff({ operation: DCROperationTypes.EDITED, level: 0 });
+            var result = prepareChangesList([diff]);
+            expect((_a = result[0].displayOptions) === null || _a === void 0 ? void 0 : _a.showLabel).toBe(false);
+        });
+        it('should set showAddButton=false for cardinality maxValue=1 attributes', function () {
+            var _a;
+            var attrType = {
+                uri: 'configuration/entityTypes/HCP/attributes/Single',
+                name: 'Single',
+                label: 'Single',
+                type: 'String',
+                cardinality: { maxValue: 1 }
+            };
+            var diff = createDiff({ operation: DCROperationTypes.ADDED, attributeType: attrType, level: 0 });
+            var result = prepareChangesList([diff]);
+            expect((_a = result[0].displayOptions) === null || _a === void 0 ? void 0 : _a.showAddButton).toBe(false);
+        });
+        it('should set hasSameAttributeSiblings=true for all items in a multi-value ADDED group', function () {
+            var _a, _b;
+            var attrType = {
+                uri: 'configuration/entityTypes/HCP/attributes/Name',
+                name: 'Name',
+                label: 'Name',
+                type: 'String'
+            };
+            var diff1 = createDiff({ operation: DCROperationTypes.ADDED, attributeType: attrType, level: 0 });
+            var diff2 = createDiff({ operation: DCROperationTypes.ADDED, attributeType: attrType, level: 0 });
+            var result = prepareChangesList([diff1, diff2]);
+            expect((_a = result[0].displayOptions) === null || _a === void 0 ? void 0 : _a.hasSameAttributeSiblings).toBe(true);
+            expect((_b = result[1].displayOptions) === null || _b === void 0 ? void 0 : _b.hasSameAttributeSiblings).toBe(true);
+        });
+        it('should set hasSameAttributeSiblings=false for a single ADDED item', function () {
+            var _a;
+            var attrType = {
+                uri: 'configuration/entityTypes/HCP/attributes/Name',
+                name: 'Name',
+                label: 'Name',
+                type: 'String'
+            };
+            var diff = createDiff({ operation: DCROperationTypes.ADDED, attributeType: attrType, level: 0 });
+            var result = prepareChangesList([diff]);
+            expect((_a = result[0].displayOptions) === null || _a === void 0 ? void 0 : _a.hasSameAttributeSiblings).toBe(false);
+        });
+        it('should set hasSameAttributeSiblings=false for ADDED items with different attribute URIs', function () {
+            var _a, _b;
+            var attrType1 = {
+                uri: 'configuration/entityTypes/HCP/attributes/Name',
+                name: 'Name',
+                label: 'Name',
+                type: 'String'
+            };
+            var attrType2 = {
+                uri: 'configuration/entityTypes/HCP/attributes/Email',
+                name: 'Email',
+                label: 'Email',
+                type: 'String'
+            };
+            var diff1 = createDiff({ operation: DCROperationTypes.ADDED, attributeType: attrType1, level: 0 });
+            var diff2 = createDiff({ operation: DCROperationTypes.ADDED, attributeType: attrType2, level: 0 });
+            var result = prepareChangesList([diff1, diff2]);
+            expect((_a = result[0].displayOptions) === null || _a === void 0 ? void 0 : _a.hasSameAttributeSiblings).toBe(false);
+            expect((_b = result[1].displayOptions) === null || _b === void 0 ? void 0 : _b.hasSameAttributeSiblings).toBe(false);
+        });
+    });
+});

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

@@ -1,6 +1,9 @@
-import { DCRChanges, GroupedObjectsInfo, EnrichedDCRChanges, TEntityType, Metadata } from '@reltio/mdm-sdk';
-import { Diff, Title } from '../../types';
+import { type DCRChanges, type EnrichedDCRChanges, type GroupedObjectsInfo, type Metadata, type SimpleAttributeValue, type TEntityType } from '@reltio/mdm-sdk';
+export declare const isSimpleAttributeValue: (value: unknown) => value is SimpleAttributeValue;
+import type { Diff, Title } from '../../types';
 export declare const isEditableChange: (change: Diff, entityInfo: GroupedObjectsInfo["entity"]) => boolean;
-export declare const addLineIdToValue: (data: DCRChanges) => EnrichedDCRChanges;
+export declare const addLineIdToValue: (data: DCRChanges | EnrichedDCRChanges) => EnrichedDCRChanges;
 export declare const isDiffChange: (change: Diff | Title) => change is Diff;
+export declare const isRelationRow: (change: Diff) => boolean;
+export declare const isNestedOrReferenceParent: (change: Diff) => boolean;
 export declare const checkCanInitiateChangeRequest: (metadata: Metadata, entityType: TEntityType, change: Diff) => any;