@reltio/components 1.4.2242 → 1.4.2244

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

@@ -0,0 +1,110 @@
+"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.ChangeItemEditor = void 0;
+var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Replay_1 = __importDefault(require("@mui/icons-material/Replay"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MdmModuleContext_1 = require("../../../../../../contexts/MdmModuleContext");
+var DataTypeValue_1 = require("../../../../../../DataTypeValue");
+var SmallIconButton_1 = require("../../../../../../SmallIconButton");
+var common_1 = require("../../../../helpers/common");
+var helpers_1 = require("../../../helpers/helpers");
+var OperationChip_1 = require("../../../../OperationChip");
+var RelationEntityLink_1 = require("../../../../RelationEntityLink");
+var useChangeRequestEditor_1 = require("../../../hooks/useChangeRequestEditor");
+var ChangeItemLabel_1 = require("../../ChangeItemLabel");
+var DCRValueEditor_1 = require("../../DCRValueEditor");
+var EditorStatusChip_1 = require("../../EditorStatusChip");
+var AddSameAttributeButton_1 = require("../../AddSameAttributeButton/AddSameAttributeButton");
+var DCRImageEditor_1 = require("../../DCRImageEditor");
+var editors_module_css_1 = __importDefault(require("../editors.module.css"));
+var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
+var ChangeItemEditor = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var change = _a.change, _g = _a.editable, editable = _g === void 0 ? true : _g, classes = _a.classes;
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var _h = (0, useChangeRequestEditor_1.useChangeRequestEditor)({ change: change }), handleChange = _h.handleChange, handleReject = _h.handleReject, handleRevert = _h.handleRevert, handleImageUpload = _h.handleImageUpload, lineData = _h.lineData, isLineRejected = _h.isLineRejected, isParentLineRejected = _h.isParentLineRejected, isUpdated = _h.isUpdated, hasChangeId = _h.hasChangeId, isSubAttributeOfDeletedAttribute = _h.isSubAttributeOfDeletedAttribute;
+    var entity = (0, MdmModuleContext_1.useMdmEntity)();
+    var entityType = (0, mdm_sdk_1.getEntityType)(metadata, entity === null || entity === void 0 ? void 0 : entity.type);
+    var isUpdateOperation = change.operation === mdm_sdk_1.DCROperationTypes.EDITED;
+    var isAddOperation = change.operation === mdm_sdk_1.DCROperationTypes.ADDED;
+    var isDeletedOperation = change.operation === mdm_sdk_1.DCROperationTypes.DELETED;
+    var oldValue = (0, mdm_sdk_1.getAttributeValue)(change.oldValue);
+    var currentNewValue = !(0, ramda_1.isNil)(lineData === null || lineData === void 0 ? void 0 : lineData.value) && !isParentLineRejected ? lineData.value : change.newValue;
+    var newValue = (0, mdm_sdk_1.getAttributeValue)(currentNewValue);
+    var hasNewValue = !(0, ramda_1.isNil)(newValue);
+    var dataTypeDefinition = (0, react_1.useMemo)(function () {
+        return change.attributeType && (0, common_1.getDataTypeDefinition)(change.attributeType, newValue || oldValue);
+    }, [change.attributeType, newValue, oldValue]);
+    var isImageType = (0, mdm_sdk_1.isImage)(change === null || change === void 0 ? void 0 : change.attributeType);
+    var isRolesOrTags = ((_b = change === null || change === void 0 ? void 0 : change.attributeType) === null || _b === void 0 ? void 0 : _b.uri) === mdm_sdk_1.EntityAttrTypes.roles.uri ||
+        ((_c = change === null || change === void 0 ? void 0 : change.attributeType) === null || _c === void 0 ? void 0 : _c.uri) === mdm_sdk_1.EntityAttrTypes.tags.uri;
+    var canEdit = (0, helpers_1.checkCanInitiateChangeRequest)(metadata, entityType, change);
+    var shouldShowValueEditor = (isUpdateOperation || isAddOperation) && editable && canEdit;
+    var isRejected = isLineRejected || isParentLineRejected;
+    var shouldShowAddButton = shouldShowValueEditor && ((_d = change.displayOptions) === null || _d === void 0 ? void 0 : _d.showAddButton) && !isRejected;
+    var preparedValue = (0, react_1.useMemo)(function () {
+        return isRolesOrTags
+            ? (0, common_1.prepareRolesOrTagsValue)(metadata, newValue, change.attributeType.uri)
+            : newValue;
+    }, [isRolesOrTags, metadata, newValue, (_e = change.attributeType) === null || _e === void 0 ? void 0 : _e.uri]);
+    var showUndoButton = (isUpdated || isLineRejected) && !isParentLineRejected;
+    var showRejectButton = canEdit &&
+        !isLineRejected &&
+        !isUpdated &&
+        !isParentLineRejected &&
+        hasChangeId &&
+        !isSubAttributeOfDeletedAttribute &&
+        !(change.isReferenceSubAttribute && !editable);
+    var showStatusChips = !isParentLineRejected;
+    var isImageEditorDisabled = isRejected || isDeletedOperation;
+    var getEditorStatus = function () {
+        if (isLineRejected)
+            return EditorStatusChip_1.EditorStatus.REJECTED;
+        if (isUpdated)
+            return EditorStatusChip_1.EditorStatus.UPDATED;
+        return undefined;
+    };
+    return (react_1.default.createElement("div", { className: editors_module_css_1.default.attributeRow, "data-reltio-id": "change-item-editor" },
+        react_1.default.createElement(ChangeItemLabel_1.ChangeItemLabel, { change: change, className: editors_module_css_1.default.labelColumn, showLabel: (_f = change.displayOptions) === null || _f === void 0 ? void 0 : _f.showLabel }),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.valueColumn },
+            react_1.default.createElement(RelationEntityLink_1.RelationEntityLink, { attributeOrRelationType: change.attributeType || change.relationType, attributeValue: change.attributeValue, className: ChangeItemEditor_module_css_1.default.relationEntityLink }),
+            isImageType ? (react_1.default.createElement(DCRImageEditor_1.DCRImageEditor, { change: change, onUpload: handleImageUpload, disabled: isImageEditorDisabled })) : shouldShowValueEditor ? (react_1.default.createElement(DCRValueEditor_1.DCRValueEditor, { attributeType: change.attributeType, value: currentNewValue, onChange: handleChange, disabled: !editable || isRejected })) : (hasNewValue && (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.value },
+                react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: preparedValue, dataTypeDefinition: dataTypeDefinition }))))),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.addSameAttributeColumn }, shouldShowAddButton && react_1.default.createElement(AddSameAttributeButton_1.AddSameAttributeButton, { change: change })),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.revertColumn }, showUndoButton && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: Replay_1.default, onClick: handleRevert, className: ChangeItemEditor_module_css_1.default.revertButton, title: ui_i18n_1.default.text('Undo'), size: "S" }))),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.operationColumn }, change.operation && react_1.default.createElement(OperationChip_1.OperationChip, { operation: change.operation, size: "small", variant: "outlined" })),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.statusColumn }, showStatusChips && react_1.default.createElement(EditorStatusChip_1.EditorStatusChip, { status: getEditorStatus() })),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.rejectColumn }, showRejectButton && (react_1.default.createElement(Button_1.default, { onClick: handleReject, className: (0, classnames_1.default)(ChangeItemEditor_module_css_1.default.rejectButton, classes === null || classes === void 0 ? void 0 : classes.rejectButton), title: ui_i18n_1.default.text('Reject'), size: "medium" }, ui_i18n_1.default.text('Reject'))))));
+};
+exports.ChangeItemEditor = ChangeItemEditor;

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

@@ -0,0 +1,9 @@
+const styles = {"value":"ChangeItemEditor-value--x6RmR","columnSkeleton":"ChangeItemEditor-columnSkeleton--d4Sxa","relationEntityLink":"ChangeItemEditor-relationEntityLink--a9i3v","rejectButton":"ChangeItemEditor-rejectButton--z-3SA","revertButton":"ChangeItemEditor-revertButton--fkWOD"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ChangeItemEditor-value--x6RmR{font-size:16px;padding:8px}.ChangeItemEditor-columnSkeleton--d4Sxa{transform:none}.ChangeItemEditor-relationEntityLink--a9i3v{font-size:16px}.ChangeItemEditor-rejectButton--z-3SA{background-color:#eb5757;border-radius:8px;color:#fff}.ChangeItemEditor-rejectButton--z-3SA:hover{background-color:rgba(235,87,87,.8)}.ChangeItemEditor-revertButton--fkWOD{color:var(--mui-palette-text-secondary)}`;
+    head.appendChild(style);
+}
+module.exports = styles;

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

@@ -6,15 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SkeletonChangeItemEditorLoader = void 0;
 var react_1 = __importDefault(require("react"));
 var Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+var editors_module_css_1 = __importDefault(require("../editors.module.css"));
 var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
 var SkeletonChangeItemEditorLoader = function () {
-    return (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.attributeRow },
-        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.labelColumn },
+    return (react_1.default.createElement("div", { className: editors_module_css_1.default.attributeRow },
+        react_1.default.createElement("div", { className: editors_module_css_1.default.labelColumn },
             react_1.default.createElement(Skeleton_1.default, { variant: "text", width: "90%", height: 18, className: ChangeItemEditor_module_css_1.default.columnSkeleton })),
-        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.valueColumn },
+        react_1.default.createElement("div", { className: editors_module_css_1.default.valueColumn },
             react_1.default.createElement(Skeleton_1.default, { variant: "text", height: 40, className: ChangeItemEditor_module_css_1.default.columnSkeleton })),
-        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.revertColumn }),
-        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.operationColumn },
+        react_1.default.createElement("div", { className: editors_module_css_1.default.revertColumn }),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.operationColumn },
             react_1.default.createElement(Skeleton_1.default, { variant: "rectangular", width: 60, height: 20, className: ChangeItemEditor_module_css_1.default.columnSkeleton }))));
 };
 exports.SkeletonChangeItemEditorLoader = SkeletonChangeItemEditorLoader;

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

@@ -1,3 +1,2 @@
 export { ChangeItemEditor } from './ChangeItemEditor';
-export { ChangeItemOldValue } from './ChangeItemOldValue';
 export { SkeletonChangeItemEditorLoader } from './SkeletonChangeItemEditorLoader';

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

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonChangeItemEditorLoader = exports.ChangeItemOldValue = exports.ChangeItemEditor = void 0;
+exports.SkeletonChangeItemEditorLoader = exports.ChangeItemEditor = void 0;
 var ChangeItemEditor_1 = require("./ChangeItemEditor");
 Object.defineProperty(exports, "ChangeItemEditor", { enumerable: true, get: function () { return ChangeItemEditor_1.ChangeItemEditor; } });
-var ChangeItemOldValue_1 = require("./ChangeItemOldValue");
-Object.defineProperty(exports, "ChangeItemOldValue", { enumerable: true, get: function () { return ChangeItemOldValue_1.ChangeItemOldValue; } });
 var SkeletonChangeItemEditorLoader_1 = require("./SkeletonChangeItemEditorLoader");
 Object.defineProperty(exports, "SkeletonChangeItemEditorLoader", { enumerable: true, get: function () { return SkeletonChangeItemEditorLoader_1.SkeletonChangeItemEditorLoader; } });

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { Diff } from '../../../../types';
+type Props = {
+    change: Diff;
+    editable?: boolean;
+};
+export declare const ChangeItemEditorRecentlyAdded: ({ change, editable }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,89 @@
+"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.ChangeItemEditorRecentlyAdded = void 0;
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+var MdmModuleContext_1 = require("../../../../../../contexts/MdmModuleContext");
+var EntitySelector_1 = require("../../../../../../EntitySelector");
+var SmallIconButton_1 = require("../../../../../../SmallIconButton");
+var ChangeItemLabel_1 = require("../../ChangeItemLabel");
+var DCRValueEditor_1 = require("../../DCRValueEditor");
+var AddSameAttributeButton_1 = require("../../AddSameAttributeButton/AddSameAttributeButton");
+var DCRImageEditor_1 = require("../../DCRImageEditor");
+var useNewAttributesEditor_1 = require("../../../hooks/useNewAttributesEditor");
+var EditorStatusChip_1 = require("../../EditorStatusChip");
+var editors_module_css_1 = __importDefault(require("../editors.module.css"));
+var ChangeItemEditorRecentlyAdded = function (_a) {
+    var _b, _c, _d, _e;
+    var change = _a.change, _f = _a.editable, editable = _f === void 0 ? true : _f;
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var globalSearchRequestOptions = (0, MdmModuleContext_1.useMdmGlobalSearchRequestOptions)(['ovOnly']);
+    var showMasking = (0, MdmModuleContext_1.useMdmShowMasking)();
+    var _g = (0, useNewAttributesEditor_1.useNewAttributesEditor)({ change: change }), lineData = _g.lineData, handleDelete = _g.handleDelete, handleChange = _g.handleChange, handleEntityChange = _g.handleEntityChange, handleImageUpload = _g.handleImageUpload, selectedEntity = _g.selectedEntity, isRejected = _g.isRejected, hasAddedParent = _g.hasAddedParent;
+    var attributeType = change.attributeType;
+    var currentValue = (_b = lineData === null || lineData === void 0 ? void 0 : lineData.value) !== null && _b !== void 0 ? _b : change.newValue;
+    var hasValue = !!(0, mdm_sdk_1.getAttributeValue)(currentValue);
+    var isReferenceType = (0, mdm_sdk_1.isReference)(attributeType);
+    var isImageType = (0, mdm_sdk_1.isImage)(attributeType);
+    var isComplex = (0, mdm_sdk_1.isComplexAttribute)(attributeType);
+    var isMasked = showMasking && (0, mdm_sdk_1.checkHasMasking)(metadata, attributeType);
+    var entityTypesUris = (0, react_1.useMemo)(function () {
+        if (!isReferenceType || !attributeType)
+            return [];
+        return [(0, mdm_sdk_1.getReferencedEntityTypeUriFromAttrType)(attributeType)];
+    }, [isReferenceType, attributeType]);
+    var renderEditor = function () {
+        if (isReferenceType) {
+            return (react_1.default.createElement(EntitySelector_1.EntitySelector, { entity: selectedEntity, entityTypesUris: entityTypesUris, mode: mdm_sdk_1.Mode.Suggesting, onChange: handleEntityChange, metadata: metadata, globalSearchRequestOptions: globalSearchRequestOptions, isMasked: isMasked }));
+        }
+        if (isImageType) {
+            return react_1.default.createElement(DCRImageEditor_1.DCRImageEditor, { change: change, onUpload: handleImageUpload, disabled: isRejected });
+        }
+        if (!editable)
+            return null;
+        if (!isComplex) {
+            return (react_1.default.createElement(DCRValueEditor_1.DCRValueEditor, { attributeType: attributeType, value: currentValue, onChange: handleChange, disabled: isRejected }));
+        }
+        return null;
+    };
+    var showAddButton = editable && ((_c = change.displayOptions) === null || _c === void 0 ? void 0 : _c.showAddButton) && !isRejected;
+    var showDeleteButton = ((_d = change.displayOptions) === null || _d === void 0 ? void 0 : _d.hasSameAttributeSiblings) || !((attributeType === null || attributeType === void 0 ? void 0 : attributeType.required) && hasAddedParent);
+    return (react_1.default.createElement("div", { className: editors_module_css_1.default.attributeRow, "data-reltio-id": "change-item-editor-recently-added" },
+        react_1.default.createElement(ChangeItemLabel_1.ChangeItemLabel, { change: change, className: editors_module_css_1.default.labelColumn, showLabel: (_e = change.displayOptions) === null || _e === void 0 ? void 0 : _e.showLabel }),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.valueColumn }, renderEditor()),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.addSameAttributeColumn }, showAddButton && react_1.default.createElement(AddSameAttributeButton_1.AddSameAttributeButton, { change: change })),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.revertColumn }, showDeleteButton && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: Delete_1.default, onClick: handleDelete, title: ui_i18n_1.default.text('Delete'), size: "S" }))),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.operationColumn }),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.statusColumn },
+            react_1.default.createElement(EditorStatusChip_1.EditorStatusChip, { status: !isComplex && hasValue ? EditorStatusChip_1.EditorStatus.RECENTLY_ADDED : undefined })),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.rejectColumn })));
+};
+exports.ChangeItemEditorRecentlyAdded = ChangeItemEditorRecentlyAdded;

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

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

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

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

package/cjs/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/cjs/features/workflow/ChangeRequestEditor/components/{ChangeItemEditor → editors/ChangeItemOldValue}/ChangeItemOldValue.js

@@ -8,10 +8,11 @@ var react_1 = __importDefault(require("react"));
 var ramda_1 = require("ramda");
 var East_1 = __importDefault(require("@mui/icons-material/East"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var common_1 = require("../../../helpers/common");
-var DataTypeValue_1 = require("../../../../../DataTypeValue");
-var ChangeItemLabel_1 = require("../ChangeItemLabel");
-var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
+var common_1 = require("../../../../helpers/common");
+var DataTypeValue_1 = require("../../../../../../DataTypeValue");
+var ChangeItemLabel_1 = require("../../ChangeItemLabel");
+var editors_module_css_1 = __importDefault(require("../editors.module.css"));
+var ChangeItemOldValue_module_css_1 = __importDefault(require("./ChangeItemOldValue.module.css"));
 var ChangeItemOldValue = function (_a) {
     var change = _a.change;
     var isUpdateOperation = change.operation === mdm_sdk_1.DCROperationTypes.EDITED;
@@ -19,14 +20,14 @@ var ChangeItemOldValue = function (_a) {
     var newValue = (0, mdm_sdk_1.getAttributeValue)(change.newValue);
     var dataTypeDefinition = change.attributeType && (0, common_1.getDataTypeDefinition)(change.attributeType, newValue !== null && newValue !== void 0 ? newValue : oldValue);
     var hasOldValue = !(0, ramda_1.isNil)(oldValue);
-    return (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.attributeRow },
-        react_1.default.createElement(ChangeItemLabel_1.ChangeItemLabel, { change: change, className: ChangeItemEditor_module_css_1.default.labelColumn }),
-        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.valueColumn }, isUpdateOperation && hasOldValue && (react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.previousValue },
-            react_1.default.createElement("span", { className: ChangeItemEditor_module_css_1.default.previousValueText },
+    return (react_1.default.createElement("div", { className: editors_module_css_1.default.attributeRow },
+        react_1.default.createElement(ChangeItemLabel_1.ChangeItemLabel, { change: change, className: editors_module_css_1.default.labelColumn }),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.valueColumn }, isUpdateOperation && hasOldValue && (react_1.default.createElement("div", { className: ChangeItemOldValue_module_css_1.default.previousValue },
+            react_1.default.createElement("span", { className: ChangeItemOldValue_module_css_1.default.previousValueText },
                 react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: oldValue, dataTypeDefinition: dataTypeDefinition })),
-            react_1.default.createElement("span", { className: ChangeItemEditor_module_css_1.default.arrow },
+            react_1.default.createElement("span", { className: ChangeItemOldValue_module_css_1.default.arrow },
                 react_1.default.createElement(East_1.default, null))))),
-        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.revertColumn }),
-        react_1.default.createElement("div", { className: ChangeItemEditor_module_css_1.default.operationColumn })));
+        react_1.default.createElement("div", { className: editors_module_css_1.default.revertColumn }),
+        react_1.default.createElement("div", { className: editors_module_css_1.default.operationColumn })));
 };
 exports.ChangeItemOldValue = ChangeItemOldValue;

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

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

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

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

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

package/cjs/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/cjs/features/workflow/ChangeRequestEditor/components/editors/MoreAttributesEditor/MoreAttributesEditor.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoreAttributesEditor = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var MoreAttributesButton_1 = require("../../../../../../MoreAttributesButton");
+var ChangeRequestEditorContext_1 = require("../../../../contexts/ChangeRequestEditorContext");
+var merge_1 = require("../../../../helpers/merge");
+var editors_module_css_1 = __importDefault(require("../editors.module.css"));
+var MoreAttributesEditor_module_css_1 = __importDefault(require("./MoreAttributesEditor.module.css"));
+var emptyLineIds = [];
+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) || (0, merge_1.extractLineIds)(change === null || change === void 0 ? void 0 : change.newValue) || emptyLineIds;
+    var isLineRejected = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) {
+        return context.getIsLineRejected(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
+    });
+    var isParentLineRejected = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) {
+        return context.getIsParentLineRejected(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
+    });
+    var label = ui_i18n_1.default.text('More attributes');
+    var isRejected = isLineRejected || isParentLineRejected;
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(editors_module_css_1.default.attributeRow, (_b = {}, _b[MoreAttributesEditor_module_css_1.default.rejectedRow] = isRejected, _b)), "data-reltio-id": "more-attributes-editor" },
+        react_1.default.createElement("div", { className: editors_module_css_1.default.labelColumn }),
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(editors_module_css_1.default.valueColumn, MoreAttributesEditor_module_css_1.default.moreAttributesButton) },
+            react_1.default.createElement(MoreAttributesButton_1.MoreAttributesButton, { label: label, popupTitle: label, data: data, parent: parent, onApply: onApply, disabled: isRejected }))));
+};
+exports.MoreAttributesEditor = MoreAttributesEditor;

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

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

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

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

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

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

package/cjs/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/cjs/features/workflow/ChangeRequestEditor/components/editors/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoreAttributesEditor = exports.ChangeItemOldValue = exports.ChangeItemEditorRecentlyAdded = exports.SkeletonChangeItemEditorLoader = exports.ChangeItemEditor = void 0;
+var ChangeItemEditor_1 = require("./ChangeItemEditor");
+Object.defineProperty(exports, "ChangeItemEditor", { enumerable: true, get: function () { return ChangeItemEditor_1.ChangeItemEditor; } });
+Object.defineProperty(exports, "SkeletonChangeItemEditorLoader", { enumerable: true, get: function () { return ChangeItemEditor_1.SkeletonChangeItemEditorLoader; } });
+var ChangeItemEditorRecentlyAdded_1 = require("./ChangeItemEditorRecentlyAdded");
+Object.defineProperty(exports, "ChangeItemEditorRecentlyAdded", { enumerable: true, get: function () { return ChangeItemEditorRecentlyAdded_1.ChangeItemEditorRecentlyAdded; } });
+var ChangeItemOldValue_1 = require("./ChangeItemOldValue");
+Object.defineProperty(exports, "ChangeItemOldValue", { enumerable: true, get: function () { return ChangeItemOldValue_1.ChangeItemOldValue; } });
+var MoreAttributesEditor_1 = require("./MoreAttributesEditor");
+Object.defineProperty(exports, "MoreAttributesEditor", { enumerable: true, get: function () { return MoreAttributesEditor_1.MoreAttributesEditor; } });

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

@@ -0,0 +1,74 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getParentChangeOverrides = exports.extractChangeOverrides = exports.getObjectIdFromLineId = exports.isRootAddedAttribute = exports.getParentLineId = exports.hasParentAddedAttribute = exports.getParentAddedId = exports.getAddedId = exports.isAddedAttribute = void 0;
+var AddedAttributesContext_1 = require("../../contexts/AddedAttributesContext");
+var isAddedAttribute = function (change) {
+    var _a;
+    return !!((_a = change.newValue) === null || _a === void 0 ? void 0 : _a.addedId) || !!change.addedId;
+};
+exports.isAddedAttribute = isAddedAttribute;
+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;
+};
+exports.getAddedId = getAddedId;
+var getParentAddedId = function (addedId) {
+    var parts = addedId.split(AddedAttributesContext_1.ADDED_ID_SEPARATOR);
+    return parts.length > 2 ? parts.slice(0, -1).join(AddedAttributesContext_1.ADDED_ID_SEPARATOR) : undefined;
+};
+exports.getParentAddedId = getParentAddedId;
+var hasParentAddedAttribute = function (addedId) {
+    return !!addedId && !!(0, exports.getParentAddedId)(addedId);
+};
+exports.hasParentAddedAttribute = hasParentAddedAttribute;
+var getParentLineId = function (lineId) {
+    var parts = lineId.split('/');
+    return parts.length > 3 ? parts.slice(0, -3).join('/') : undefined;
+};
+exports.getParentLineId = getParentLineId;
+var isRootAddedAttribute = function (lineId) {
+    return lineId.split('/').length === 3;
+};
+exports.isRootAddedAttribute = isRootAddedAttribute;
+var getObjectIdFromLineId = function (lineId) {
+    return lineId.split('/')[0];
+};
+exports.getObjectIdFromLineId = getObjectIdFromLineId;
+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 }));
+};
+exports.extractChangeOverrides = extractChangeOverrides;
+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;
+};
+exports.getParentChangeOverrides = getParentChangeOverrides;

package/cjs/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)[];