@reltio/components 1.4.2242 → 1.4.2244

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

@@ -8,6 +8,7 @@ var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var useCssVariableStyles_1 = require("../../../../../hooks/useCssVariableStyles");
 var RequiredMark_1 = require("../../../../../RequiredMark");
+var ExpandedValueTooltip_1 = require("../../../../../ExpandedValueTooltip");
 var ChangeItemLabel_module_css_1 = __importDefault(require("./ChangeItemLabel.module.css"));
 var ChangeItemLabel = function (_a) {
     var _b;
@@ -18,7 +19,8 @@ var ChangeItemLabel = function (_a) {
         '--level': level
     });
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(ChangeItemLabel_module_css_1.default.changeLabel, className), style: variableStyles }, showLabel && (react_1.default.createElement(react_1.default.Fragment, null,
-        label,
+        react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: label },
+            react_1.default.createElement("div", { className: ChangeItemLabel_module_css_1.default.labelText }, label)),
         isRequired && react_1.default.createElement(RequiredMark_1.RequiredMark, null)))));
 };
 exports.ChangeItemLabel = ChangeItemLabel;

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

@@ -1,9 +1,9 @@
-const styles = {"changeLabel":"ChangeItemLabel-changeLabel--L-2ks"};
+const styles = {"changeLabel":"ChangeItemLabel-changeLabel--L-2ks","labelText":"ChangeItemLabel-labelText--f3kcC"};
 if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.ChangeItemLabel-changeLabel--L-2ks{color:var(--mui-palette-text-secondary);font-size:14px;font-weight:400;letter-spacing:.24px;padding-left:calc(var(--level, 0)*16px)}`;
+    style.innerHTML = `.ChangeItemLabel-changeLabel--L-2ks{align-items:center;color:var(--mui-palette-text-secondary);display:flex;font-size:14px;font-weight:400;letter-spacing:.24px;overflow:hidden;padding-left:calc(var(--level, 0)*16px)}.ChangeItemLabel-labelText--f3kcC{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
     head.appendChild(style);
 }
 module.exports = styles;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { GroupedObjectsInfo } from '@reltio/mdm-sdk';
-import { Diff } from '../../../types';
+import { type GroupedObjectsInfo } from '@reltio/mdm-sdk';
+import type { Diff } from '../../../types';
 type Props = {
     change: Diff;
     entityInfo: GroupedObjectsInfo['entity'];

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

@@ -33,11 +33,13 @@ var react_context_selector_1 = require("@fluentui/react-context-selector");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var helpers_1 = require("../../helpers/helpers");
 var ChangeRequestEditorContext_1 = require("../../../contexts/ChangeRequestEditorContext");
-var ChangeItemEditor_1 = require("../ChangeItemEditor");
+var editors_1 = require("../editors");
 var merge_1 = require("../../../helpers/merge");
 var ErrorWrapper_1 = require("../../../../../ErrorWrapper");
 var ScrollToElementContext_1 = require("../../../../../contexts/ScrollToElementContext");
 var useScrollToAttributeError_1 = require("../../../../../hooks/useScrollToAttributeError");
+var addedAttributes_1 = require("../../helpers/addedAttributes");
+var ScrollToAddedAttributeContext_1 = require("../../../contexts/ScrollToAddedAttributeContext");
 var ChangeItemRow_module_css_1 = __importDefault(require("./ChangeItemRow.module.css"));
 var ChangeItemRow = function (_a) {
     var _b;
@@ -66,15 +68,32 @@ var ChangeItemRow = function (_a) {
         highlightedError: isHighlighted ? scrollToElementContext : null,
         className: ChangeItemRow_module_css_1.default.changeItemRowWithError
     }), ref = _c.ref, errorClassName = _c.errorClassName;
+    var addedId = (0, addedAttributes_1.getAddedId)(change);
+    var _d = (0, react_1.useContext)(ScrollToAddedAttributeContext_1.ScrollToAddedAttributeContext), highlightedIds = _d.highlightedIds, scrollToFirst = _d.scrollToFirst;
+    var isHighlightedAdded = !!addedId && highlightedIds.has(addedId);
+    var scrollRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        if (isHighlightedAdded) {
+            scrollToFirst(scrollRef);
+        }
+    }, [isHighlightedAdded, scrollToFirst]);
+    var combinedRef = function (node) {
+        ref.current = node;
+        scrollRef.current = node;
+    };
     var isEditedOperation = change.operation === mdm_sdk_1.DCROperationTypes.EDITED;
     var editable = (0, helpers_1.isEditableChange)(change, entityInfo);
-    return (react_1.default.createElement("div", { ref: ref, className: (0, classnames_1.default)(ChangeItemRow_module_css_1.default.changeItemRow, errorClassName, (_b = {},
-            _b[ChangeItemRow_module_css_1.default.editableRow] = editable,
+    var isAdded = (0, addedAttributes_1.isAddedAttribute)(change);
+    var hasValue = !!(0, mdm_sdk_1.getAttributeValue)(change.newValue);
+    var isAddedWithValue = isAdded && (isUpdated || hasValue);
+    return (react_1.default.createElement("div", { ref: combinedRef, className: (0, classnames_1.default)(ChangeItemRow_module_css_1.default.changeItemRow, errorClassName, (_b = {},
             _b[ChangeItemRow_module_css_1.default.changedRow] = isUpdated,
+            _b[ChangeItemRow_module_css_1.default.addedWithValueRow] = isAddedWithValue,
             _b[ChangeItemRow_module_css_1.default.rejectedRow] = isLineRejected || isParentLineRejected,
+            _b[ChangeItemRow_module_css_1.default.highlightedRow] = isHighlightedAdded,
             _b)) },
-        react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: error === null || error === void 0 ? void 0 : error.message, classes: { helperText: ChangeItemRow_module_css_1.default.errorText } },
-            isEditedOperation && react_1.default.createElement(ChangeItemEditor_1.ChangeItemOldValue, { change: change }),
-            react_1.default.createElement(ChangeItemEditor_1.ChangeItemEditor, { change: change, editable: editable, classes: { rejectButton: ChangeItemRow_module_css_1.default.rejectButton } }))));
+        react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: error === null || error === void 0 ? void 0 : error.message, classes: { helperText: ChangeItemRow_module_css_1.default.errorText } }, isAdded ? (react_1.default.createElement(editors_1.ChangeItemEditorRecentlyAdded, { change: change, editable: editable })) : (react_1.default.createElement(react_1.default.Fragment, null,
+            isEditedOperation && react_1.default.createElement(editors_1.ChangeItemOldValue, { change: change }),
+            react_1.default.createElement(editors_1.ChangeItemEditor, { change: change, editable: editable, classes: { rejectButton: ChangeItemRow_module_css_1.default.rejectButton } }))))));
 };
 exports.ChangeItemRow = ChangeItemRow;

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

@@ -1,9 +1,9 @@
-const styles = {"changeItemRow":"ChangeItemRow-changeItemRow--oF9hn","changeItemRowWithError":"ChangeItemRow-changeItemRowWithError--oS1li","rejectButton":"ChangeItemRow-rejectButton--iNbfM","changedRow":"ChangeItemRow-changedRow--32zBa","rejectedRow":"ChangeItemRow-rejectedRow--RqKQc","errorText":"ChangeItemRow-errorText--EybHm"};
+const styles = {"changeItemRow":"ChangeItemRow-changeItemRow--oF9hn","changeItemRowWithError":"ChangeItemRow-changeItemRowWithError--oS1li","rejectButton":"ChangeItemRow-rejectButton--iNbfM","changedRow":"ChangeItemRow-changedRow--32zBa","addedWithValueRow":"ChangeItemRow-addedWithValueRow--Cn2pG","rejectedRow":"ChangeItemRow-rejectedRow--RqKQc","highlightedRow":"ChangeItemRow-highlightedRow--zLTIb","highlightFade":"ChangeItemRow-highlightFade--U3PA4","errorText":"ChangeItemRow-errorText--EybHm"};
 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;position:relative;transition:background-color .2s ease}.ChangeItemRow-changeItemRow--oF9hn.ChangeItemRow-changeItemRowWithError--oS1li:before{bottom:-4px;height:auto;left:-8px;right:-8px;top:-4px;width:auto}.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)}.ChangeItemRow-errorText--EybHm{padding:0 0 4px 180px}`;
+    style.innerHTML = `.ChangeItemRow-changeItemRow--oF9hn{display:flex;flex-direction:column;gap:8px;position:relative;transition:background-color .2s ease}.ChangeItemRow-changeItemRow--oF9hn.ChangeItemRow-changeItemRowWithError--oS1li:before{bottom:-4px;height:auto;left:-8px;right:-8px;top:-4px;width:auto}.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-addedWithValueRow--Cn2pG{background-color:#fcf0e6}.ChangeItemRow-addedWithValueRow--Cn2pG:hover{background-color:hsla(27,79%,95%,.8)}.ChangeItemRow-rejectedRow--RqKQc{background-color:#f6e7e7}.ChangeItemRow-rejectedRow--RqKQc:hover{background-color:hsla(0,45%,94%,.8)}@keyframes ChangeItemRow-highlightFade--U3PA4{0%{opacity:0}50%{opacity:1}to{opacity:0}}.ChangeItemRow-highlightedRow--zLTIb:before{animation:ChangeItemRow-highlightFade--U3PA4 2s 1;background:rgba(228,151,0,.08);content:"";height:calc(100% + 8px);left:-1000px;opacity:0;position:absolute;top:-4px;width:5000px}.ChangeItemRow-errorText--EybHm{padding:0 0 4px 180px}`;
     head.appendChild(style);
 }
 module.exports = styles;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Diff, LineDataValue } from '../../../types';
+type Props = {
+    change: Diff;
+    onUpload: (value: LineDataValue) => void;
+    disabled?: boolean;
+};
+export declare const DCRImageEditor: ({ change, onUpload, disabled }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DCRImageEditor = void 0;
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var CloudUpload_1 = __importDefault(require("@mui/icons-material/CloudUpload"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var SmallIconButton_1 = require("../../../../../SmallIconButton");
+var UploadImageDialog_1 = require("../../../../../UploadImageDialog");
+var DCRImageEditor = function (_a) {
+    var change = _a.change, onUpload = _a.onUpload, disabled = _a.disabled;
+    var attributeType = change.attributeType;
+    var isDeleted = change.operation === mdm_sdk_1.DCROperationTypes.DELETED;
+    var thumbnailUrl = (0, react_1.useMemo)(function () {
+        var _a, _b;
+        var innerChange = (_a = change.attributeValue) === null || _a === void 0 ? void 0 : _a.value;
+        var imageSource = (_b = innerChange === null || innerChange === void 0 ? void 0 : innerChange.newValue) !== null && _b !== void 0 ? _b : change.attributeValue;
+        return (0, mdm_sdk_1.getImageAttributeThumbnailUrl)((imageSource !== null && imageSource !== void 0 ? imageSource : {}));
+    }, [change.attributeValue]);
+    var _b = (0, react_1.useState)(false), isDialogOpen = _b[0], setIsDialogOpen = _b[1];
+    var _c = (0, react_1.useState)(null), uploadedThumbnailUrl = _c[0], setUploadedThumbnailUrl = _c[1];
+    var toggleDialog = (0, react_1.useCallback)(function () {
+        setIsDialogOpen(function (prev) { return !prev; });
+    }, []);
+    var handleUpload = (0, react_1.useCallback)(function (image) {
+        var imageValue = {};
+        var subAttributes = (attributeType === null || attributeType === void 0 ? void 0 : attributeType.attributes) || [];
+        var _loop_1 = function (key) {
+            if (subAttributes.some(function (_a) {
+                var name = _a.name;
+                return name === key;
+            })) {
+                imageValue[key] = [{ value: image[key] }];
+            }
+        };
+        for (var key in image) {
+            _loop_1(key);
+        }
+        onUpload({ value: imageValue });
+        setUploadedThumbnailUrl(image.CdnUrlThumbnail || image.CdnUrl || null);
+    }, [attributeType, onUpload]);
+    var isDisabled = disabled || isDeleted;
+    var displayUrl = uploadedThumbnailUrl || thumbnailUrl;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        displayUrl ? (react_1.default.createElement("img", { src: displayUrl, alt: "", style: {
+                maxWidth: 80,
+                maxHeight: 80,
+                objectFit: 'cover',
+                cursor: isDisabled ? 'default' : 'pointer'
+            }, onClick: isDisabled ? undefined : toggleDialog })) : (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: CloudUpload_1.default, onClick: toggleDialog, title: ui_i18n_1.default.text('Upload image'), disabled: isDisabled })),
+        react_1.default.createElement(UploadImageDialog_1.UploadImageDialog, { open: isDialogOpen, onUpload: handleUpload, onClose: toggleDialog })));
+};
+exports.DCRImageEditor = DCRImageEditor;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AttributeType, ChangeValue, DataTypeDefinition, PrimitiveValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
-import { LineDataValue } from '../../../types';
+import { type AttributeType, type ChangeValue, type DataTypeDefinition, type PrimitiveValue, type SimpleAttributeValue } from '@reltio/mdm-sdk';
+import type { LineDataValue } from '../../../types';
 type Props = {
     attributeType: AttributeType;
     value: LineDataValue | ChangeValue;

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

@@ -23,10 +23,10 @@ var DCRValueEditorFactory = /** @class */ (function () {
                 var handleChange = function (values) {
                     onChange((values === null || values === void 0 ? void 0 : values.map((0, ramda_1.prop)('value'))) || []);
                 };
-                return (react_1.default.createElement(RolesInput_1.RolesInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: handleChange, disabled: disabled }));
+                return (react_1.default.createElement(RolesInput_1.RolesInput, { value: dcrValue ? (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue) : [], onChange: handleChange, disabled: disabled }));
             }
             case mdm_sdk_1.EntityAttrTypes.tags.uri: {
-                return (react_1.default.createElement(TagsInput_1.TagsInput, { value: (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue), onChange: onChange, disabled: disabled }));
+                return (react_1.default.createElement(TagsInput_1.TagsInput, { value: dcrValue ? (0, mdm_sdk_1.wrapInArrayIfNeeded)(dcrValue) : [], onChange: onChange, disabled: disabled }));
             }
             default: {
                 var dataTypeDefinition = (0, common_1.getDataTypeDefinition)(attributeType, dcrValue);

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare enum EditorStatus {
+    UPDATED = "updated",
+    REJECTED = "rejected",
+    RECENTLY_ADDED = "recentlyAdded"
+}
+type Props = {
+    status?: EditorStatus;
+};
+export declare const EditorStatusChip: ({ status }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorStatusChip = exports.EditorStatus = 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 EditorStatusChip_module_css_1 = __importDefault(require("./EditorStatusChip.module.css"));
+var EditorStatus;
+(function (EditorStatus) {
+    EditorStatus["UPDATED"] = "updated";
+    EditorStatus["REJECTED"] = "rejected";
+    EditorStatus["RECENTLY_ADDED"] = "recentlyAdded";
+})(EditorStatus || (exports.EditorStatus = EditorStatus = {}));
+var STATUS_CLASS = (_a = {},
+    _a[EditorStatus.UPDATED] = EditorStatusChip_module_css_1.default.updatedChip,
+    _a[EditorStatus.REJECTED] = EditorStatusChip_module_css_1.default.rejectedChip,
+    _a[EditorStatus.RECENTLY_ADDED] = EditorStatusChip_module_css_1.default.recentlyAddedChip,
+    _a);
+var getStatusLabel = function (status) {
+    switch (status) {
+        case EditorStatus.UPDATED:
+            return ui_i18n_1.default.text('Updated');
+        case EditorStatus.REJECTED:
+            return ui_i18n_1.default.text('Rejected');
+        case EditorStatus.RECENTLY_ADDED:
+            return ui_i18n_1.default.text('Recently Added');
+    }
+};
+var EditorStatusChip = function (_a) {
+    var status = _a.status;
+    if (!status) {
+        return null;
+    }
+    return (react_1.default.createElement(Chip_1.default, { label: getStatusLabel(status), size: "small", className: (0, classnames_1.default)(EditorStatusChip_module_css_1.default.statusChip, STATUS_CLASS[status]), "data-testid": "editor-status-chip" }));
+};
+exports.EditorStatusChip = EditorStatusChip;

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

@@ -0,0 +1,9 @@
+const styles = {"statusChip":"EditorStatusChip-statusChip--gL4BB","updatedChip":"EditorStatusChip-updatedChip--vjpcZ","rejectedChip":"EditorStatusChip-rejectedChip--LuLLX","recentlyAddedChip":"EditorStatusChip-recentlyAddedChip--n4tHj"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.EditorStatusChip-statusChip--gL4BB{color:#fff;font-size:10px;height:20px}.EditorStatusChip-updatedChip--vjpcZ{background:#2f80ed;border:1px solid rgba(0,114,206,.3)}.EditorStatusChip-rejectedChip--LuLLX{background:#eb5757;border:1px solid rgba(235,87,87,.3)}.EditorStatusChip-recentlyAddedChip--n4tHj{background:#f2994a;border:1px solid rgba(242,153,74,.3)}`;
+    head.appendChild(style);
+}
+module.exports = styles;

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

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

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GroupedObjectsInfo, WorkflowTaskData, EnrichedChangeRequest } from '@reltio/mdm-sdk';
+import { type GroupedObjectsInfo, type WorkflowTaskData, type EnrichedChangeRequest } from '@reltio/mdm-sdk';
 type Props = {
     task: WorkflowTaskData;
     dcr: EnrichedChangeRequest;

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

@@ -1,10 +1,35 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntityChangesGroup = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var ramda_1 = require("ramda");
 var Accordion_1 = __importDefault(require("@mui/material/Accordion"));
 var AccordionSummary_1 = __importDefault(require("@mui/material/AccordionSummary"));
 var AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetails"));
@@ -12,27 +37,131 @@ var ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
 var useChangesList_1 = require("../../../hooks/useChangesList");
 var DCREntityUriLink_1 = require("../../../DCREntityUriLink/DCREntityUriLink");
 var ChangeItemRow_1 = require("../ChangeItemRow/ChangeItemRow");
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var AddedAttributesContext_1 = require("../../../contexts/AddedAttributesContext");
+var ScrollToAddedAttributeContext_1 = require("../../../contexts/ScrollToAddedAttributeContext");
 var AttributesChangesContext_1 = require("../../../AttributesChanges/AttributesChangesContext");
 var common_1 = require("../../../helpers/common");
+var moreAttributesScope_1 = require("../../../helpers/moreAttributesScope");
 var helpers_1 = require("../../helpers/helpers");
+var changesList_1 = require("../../helpers/changesList");
+var addedAttributes_1 = require("../../helpers/addedAttributes");
+var merge_1 = require("../../../helpers/merge");
+var editors_1 = require("../editors");
 var EntityChangesGroup_module_css_1 = __importDefault(require("./EntityChangesGroup.module.css"));
 var EntityChangesGroup = function (_a) {
     var task = _a.task, dcr = _a.dcr, entityInfo = _a.entityInfo, relationsInfo = _a.relationsInfo;
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     var dcrUri = (0, common_1.getDCRUri)(task.objectURIs);
     var _b = dcr || {}, changes = _b.changes, objectsInfo = _b.objectsInfo;
-    var changesList = (0, useChangesList_1.useChangesList)({
+    var addAddedAttributes = (0, react_context_selector_1.useContextSelector)(AddedAttributesContext_1.AddedAttributesContext, function (ctx) { return ctx.addAddedAttributes; });
+    var highlight = (0, react_1.useContext)(ScrollToAddedAttributeContext_1.ScrollToAddedAttributeContext).highlight;
+    var rawChangesList = (0, useChangesList_1.useChangesList)({
         changes: changes,
         entityInfo: entityInfo,
         relationsInfo: relationsInfo
     });
+    var changesList = (0, react_1.useMemo)(function () { return (0, changesList_1.prepareChangesList)(rawChangesList); }, [rawChangesList]);
+    var entityAttributeTypes = (0, react_1.useMemo)(function () {
+        if (!(0, ramda_1.isNil)(entityInfo.isExist)) {
+            return (0, moreAttributesScope_1.getAvailableAttributeTypesForEntity)(metadata, entityInfo.type);
+        }
+        return [];
+    }, [metadata, entityInfo.type, entityInfo.isExist]);
+    var relationAttributeTypesMap = (0, react_1.useMemo)(function () {
+        var map = new Map();
+        for (var _i = 0, relationsInfo_1 = relationsInfo; _i < relationsInfo_1.length; _i++) {
+            var relationInfo = relationsInfo_1[_i];
+            if (!map.has(relationInfo.type)) {
+                map.set(relationInfo.type, (0, moreAttributesScope_1.getAvailableAttributeTypesForRelation)(metadata, relationInfo.type));
+            }
+        }
+        return map;
+    }, [metadata, relationsInfo]);
+    var handleAddAttributes = (0, react_1.useCallback)(function (_a) {
+        var objectUri = _a.objectUri, parentLineId = _a.parentLineId, parentId = _a.parentId, changeOverrides = _a.changeOverrides;
+        return function (attributeTypes) {
+            var addedIds = addAddedAttributes({
+                attributeTypes: attributeTypes,
+                objectUri: objectUri,
+                parentLineId: parentLineId,
+                parentId: parentId,
+                changeOverrides: changeOverrides
+            });
+            highlight(addedIds);
+        };
+    }, [addAddedAttributes, highlight]);
+    var handleAddNestedAttributes = (0, react_1.useCallback)(function (change) { return function (attributeTypes) {
+        var _a, _b, _c, _d, _e;
+        var parentUri = (_a = change.attributeType) === null || _a === void 0 ? void 0 : _a.uri;
+        var parentAttrs = attributeTypes.filter(function (attr) { return attr.uri === parentUri; });
+        var subAttrs = attributeTypes.filter(function (attr) { return attr.uri !== parentUri; });
+        var childOverrides = (0, addedAttributes_1.extractChangeOverrides)(change);
+        var siblingOverrides = (0, addedAttributes_1.getParentChangeOverrides)(change);
+        if (parentAttrs.length > 0) {
+            var lineId = (_c = (_b = change.lineIds) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : (_d = (0, merge_1.extractLineIds)(change.newValue)) === null || _d === void 0 ? void 0 : _d[0];
+            var addedId = (0, addedAttributes_1.getAddedId)(change);
+            if (lineId && (0, addedAttributes_1.isRootAddedAttribute)(lineId)) {
+                handleAddAttributes({
+                    objectUri: (0, addedAttributes_1.getObjectIdFromLineId)(lineId),
+                    changeOverrides: siblingOverrides
+                })(parentAttrs);
+            }
+            else if (lineId) {
+                handleAddAttributes({
+                    parentLineId: (0, addedAttributes_1.getParentLineId)(lineId),
+                    parentId: addedId ? (0, addedAttributes_1.getParentAddedId)(addedId) : undefined,
+                    changeOverrides: siblingOverrides
+                })(parentAttrs);
+            }
+            else {
+                handleAddAttributes({
+                    objectUri: entityInfo.uri,
+                    changeOverrides: siblingOverrides
+                })(parentAttrs);
+            }
+        }
+        if (subAttrs.length > 0) {
+            var parentLineId = (_e = change.lineIds) === null || _e === void 0 ? void 0 : _e[0];
+            var parentId = change.addedId;
+            if (parentLineId || parentId) {
+                handleAddAttributes({ parentLineId: parentLineId, parentId: parentId, changeOverrides: childOverrides })(subAttrs);
+            }
+            else {
+                handleAddAttributes({
+                    objectUri: entityInfo.uri,
+                    changeOverrides: childOverrides
+                })(subAttrs);
+            }
+        }
+    }; }, [handleAddAttributes, entityInfo.uri]);
     return (react_1.default.createElement(AttributesChangesContext_1.AttributesChangesContext.Provider, { value: objectsInfo },
         react_1.default.createElement(Accordion_1.default, { className: EntityChangesGroup_module_css_1.default.entityGroup, defaultExpanded: true, "data-reltio-id": "entity-changes-group" },
             react_1.default.createElement(AccordionSummary_1.default, { expandIcon: react_1.default.createElement(ExpandMore_1.default, null), className: EntityChangesGroup_module_css_1.default.entityHeader, classes: {
                     content: EntityChangesGroup_module_css_1.default.accordionContent
                 } },
                 react_1.default.createElement(DCREntityUriLink_1.DCREntityUriLink, { entityInfo: entityInfo, changes: changes, dcrUri: dcrUri, className: EntityChangesGroup_module_css_1.default.entityTitle })),
-            react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, changesList.map(function (item, index) {
-                return (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));
-            })))));
+            react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList },
+                entityAttributeTypes.length > 0 && (react_1.default.createElement(editors_1.MoreAttributesEditor, { data: entityAttributeTypes, onApply: handleAddAttributes({ objectUri: entityInfo.uri }) })),
+                changesList.map(function (item, index) {
+                    var _a, _b, _c, _d, _e, _f;
+                    if (!(0, helpers_1.isDiffChange)(item)) {
+                        return (react_1.default.createElement("div", { key: "title-".concat(index), className: EntityChangesGroup_module_css_1.default.titleChangeItem }, item.label));
+                    }
+                    var relationAttrs = item.relationType
+                        ? ((_a = relationAttributeTypesMap.get(item.relationType.uri)) !== null && _a !== void 0 ? _a : [])
+                        : [];
+                    var nestedAttrs = (0, helpers_1.isNestedOrReferenceParent)(item)
+                        ? (0, moreAttributesScope_1.getAvailableSubAttributesForNestedOrReference)(metadata, item.attributeType)
+                        : [];
+                    var changeKey = (_d = (_b = item.addedId) !== null && _b !== void 0 ? _b : (_c = item.attributeValue) === null || _c === void 0 ? void 0 : _c.uri) !== null && _d !== void 0 ? _d : "change-".concat(index);
+                    return (react_1.default.createElement(react_1.default.Fragment, { key: changeKey },
+                        react_1.default.createElement(ChangeItemRow_1.ChangeItemRow, { change: item, entityInfo: entityInfo }),
+                        (0, helpers_1.isRelationRow)(item) && (react_1.default.createElement(editors_1.MoreAttributesEditor, { data: relationAttrs, change: item, onApply: handleAddAttributes({
+                                objectUri: (_e = item === null || item === void 0 ? void 0 : item.attributeValue) === null || _e === void 0 ? void 0 : _e.uri,
+                                parentLineId: (_f = item.lineIds) === null || _f === void 0 ? void 0 : _f[0]
+                            }) })),
+                        (0, helpers_1.isNestedOrReferenceParent)(item) && (react_1.default.createElement(editors_1.MoreAttributesEditor, { data: nestedAttrs, change: item, parent: item.attributeType, onApply: handleAddNestedAttributes(item) }))));
+                })))));
 };
 exports.EntityChangesGroup = EntityChangesGroup;

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

@@ -10,7 +10,7 @@ var AccordionSummary_1 = __importDefault(require("@mui/material/AccordionSummary
 var AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetails"));
 var ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
 var Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
-var ChangeItemEditor_1 = require("../ChangeItemEditor");
+var editors_1 = require("../editors");
 var EntityChangesGroup_module_css_1 = __importDefault(require("./EntityChangesGroup.module.css"));
 var SkeletonEntityChangesGroupLoader = function () {
     return (react_1.default.createElement(Accordion_1.default, { className: EntityChangesGroup_module_css_1.default.entityGroup, classes: { disabled: EntityChangesGroup_module_css_1.default.skeletonEntityGroupDisabled }, defaultExpanded: true, disabled: true },
@@ -18,6 +18,6 @@ var SkeletonEntityChangesGroupLoader = function () {
                 content: EntityChangesGroup_module_css_1.default.accordionContent
             } },
             react_1.default.createElement(Skeleton_1.default, { variant: "text", width: "150px", height: 30 })),
-        react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, Array.from({ length: 3 }).map(function (_, index) { return (react_1.default.createElement(ChangeItemEditor_1.SkeletonChangeItemEditorLoader, { key: "change-list-item-loader-".concat(index) })); }))));
+        react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, Array.from({ length: 3 }).map(function (_, index) { return (react_1.default.createElement(editors_1.SkeletonChangeItemEditorLoader, { key: "change-list-item-loader-".concat(index) })); }))));
 };
 exports.SkeletonEntityChangesGroupLoader = SkeletonEntityChangesGroupLoader;

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

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