@reltio/components 1.4.2207 → 1.4.2209

package/cjs/features/workflow/hooks/useApplyDcrChanges.js

@@ -0,0 +1,155 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useApplyDcrChanges = void 0;
+var react_1 = require("react");
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var ramda_1 = require("ramda");
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var ChangeRequestEditorContext_1 = require("../contexts/ChangeRequestEditorContext");
+var dcr_1 = require("../helpers/dcr");
+var useDCRValidation_1 = require("./useDCRValidation");
+var withChangeRequestId = function (dcrUri) { return function (url) {
+    return url + (url.includes('?') ? '&' : '?') + "changeRequestId=".concat(encodeURIComponent(dcrUri.split('/')[1]));
+}; };
+var useApplyDcrChanges = function (dcr) {
+    var getLinesByChangeId = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) { return context.getLinesByChangeId; });
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var getErrors = (0, useDCRValidation_1.useDCRValidation)(dcr);
+    var applyDcrChanges = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var errors, _a, rejectedChangeIds, updatedChanges, deleteEntityAttributes, deleteRelationAttributes, deleteChangeResults, deleteEntityAttributesResults, deleteRelationAttributesResults, deleteChangeFailures, error_1, deleteEntityAttributesFailures, deleteRelationAttributesFailures;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!(dcr === null || dcr === void 0 ? void 0 : dcr.changes)) return [3 /*break*/, 12];
+                    return [4 /*yield*/, getErrors()];
+                case 1:
+                    errors = _b.sent();
+                    if (errors.length > 0) {
+                        return [2 /*return*/, {
+                                proceed: false
+                            }];
+                    }
+                    _a = (0, dcr_1.buildDCRSavePlan)(dcr.changes, getLinesByChangeId, metadata), rejectedChangeIds = _a.rejectedChangeIds, updatedChanges = _a.updatedChanges, deleteEntityAttributes = _a.deleteEntityAttributes, deleteRelationAttributes = _a.deleteRelationAttributes;
+                    deleteChangeResults = [];
+                    deleteEntityAttributesResults = [];
+                    deleteRelationAttributesResults = [];
+                    if (!(rejectedChangeIds.length > 0)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, (0, mdm_sdk_1.promiseAllSettled)(rejectedChangeIds.map(function (changeId) {
+                            return (0, mdm_sdk_1.deleteChangeRequestItem)({ dcrUri: dcr.uri, changeItemId: changeId });
+                        }))];
+                case 2:
+                    deleteChangeResults = _b.sent();
+                    _b.label = 3;
+                case 3:
+                    deleteChangeFailures = deleteChangeResults.filter(function (result) { return result.status === 'rejected'; });
+                    if (deleteChangeFailures.length) {
+                        return [2 /*return*/, {
+                                proceed: false,
+                                error: new Error("Failed to delete DCR change(s): ".concat(deleteChangeFailures.map(function (result) { return result.reason; }).join(', ')))
+                            }];
+                    }
+                    if (!!(0, ramda_1.isEmpty)(updatedChanges)) return [3 /*break*/, 7];
+                    _b.label = 4;
+                case 4:
+                    _b.trys.push([4, 6, , 7]);
+                    return [4 /*yield*/, (0, mdm_sdk_1.updateChangeRequest)({ dcrUri: dcr.uri, payload: updatedChanges })];
+                case 5:
+                    _b.sent();
+                    return [3 /*break*/, 7];
+                case 6:
+                    error_1 = _b.sent();
+                    return [2 /*return*/, {
+                            proceed: false,
+                            error: error_1
+                        }];
+                case 7:
+                    if (!!(0, ramda_1.isEmpty)(deleteEntityAttributes)) return [3 /*break*/, 9];
+                    return [4 /*yield*/, (0, mdm_sdk_1.promiseAllSettled)(Object.entries(deleteEntityAttributes).map(function (_a) {
+                            var entityUri = _a[0], diff = _a[1];
+                            return (0, mdm_sdk_1.entityCumulativeUpdate)({
+                                uri: entityUri,
+                                diff: diff,
+                                uriPreprocessor: withChangeRequestId(dcr.uri)
+                            });
+                        }))];
+                case 8:
+                    deleteEntityAttributesResults = _b.sent();
+                    _b.label = 9;
+                case 9:
+                    deleteEntityAttributesFailures = deleteEntityAttributesResults.filter(function (result) { return result.status === 'rejected'; });
+                    if (deleteEntityAttributesFailures.length) {
+                        return [2 /*return*/, {
+                                proceed: false,
+                                error: new Error("Failed to delete entity attributes: ".concat(deleteEntityAttributesFailures.map(function (result) { return result.reason; }).join(', ')))
+                            }];
+                    }
+                    if (!!(0, ramda_1.isEmpty)(deleteRelationAttributes)) return [3 /*break*/, 11];
+                    return [4 /*yield*/, (0, mdm_sdk_1.promiseAllSettled)(Object.entries(deleteRelationAttributes).map(function (_a) {
+                            var relationUri = _a[0], diff = _a[1];
+                            return (0, mdm_sdk_1.updateRelationWithDiff)({
+                                uri: relationUri,
+                                diff: diff,
+                                uriPreprocessor: withChangeRequestId(dcr.uri)
+                            });
+                        }))];
+                case 10:
+                    deleteRelationAttributesResults = _b.sent();
+                    _b.label = 11;
+                case 11:
+                    deleteRelationAttributesFailures = deleteRelationAttributesResults.filter(function (result) { return result.status === 'rejected'; });
+                    if (deleteRelationAttributesFailures.length) {
+                        return [2 /*return*/, {
+                                proceed: false,
+                                error: new Error("Failed to delete relation attributes: ".concat(deleteRelationAttributesFailures.map(function (result) { return result.reason; }).join(', ')))
+                            }];
+                    }
+                    return [2 /*return*/, {
+                            proceed: true
+                        }];
+                case 12: return [2 /*return*/, {
+                        proceed: false,
+                        error: new Error('No changes to apply')
+                    }];
+            }
+        });
+    }); }, [dcr, getLinesByChangeId, metadata, getErrors]);
+    return applyDcrChanges;
+};
+exports.useApplyDcrChanges = useApplyDcrChanges;

package/cjs/features/workflow/hooks/useDCRValidation.d.ts

@@ -0,0 +1,5 @@
+import { ChangeRequest } from '@reltio/mdm-sdk';
+export declare const useDCRValidation: (dcr: ChangeRequest) => () => Promise<{
+    error: import("@reltio/mdm-sdk").AttributeError;
+    lineIds: string[];
+}[]>;

package/cjs/features/workflow/hooks/useDCRValidation.js

@@ -0,0 +1,153 @@
+"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);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDCRValidation = void 0;
+var react_1 = require("react");
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var useSafePromise_1 = require("../../../hooks/useSafePromise");
+var context_1 = require("../../../contexts/MdmModuleContext/context");
+var ChangeRequestEditorContext_1 = require("../contexts/ChangeRequestEditorContext");
+var validation_1 = require("../helpers/validation");
+var useDCRValidation = function (dcr) {
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var currentEntity = (0, MdmModuleContext_1.useMdmEntity)();
+    var dcrReviewValidation = (0, MdmModuleContext_1.useMdmDcrReviewValidation)();
+    var relationsState = (0, react_context_selector_1.useContextSelector)(context_1.MdmModuleValuesContext, function (context) { return context.relations; });
+    var getAllChanges = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) { return context.getAllChanges; });
+    var setErrors = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) { return context.setErrors; });
+    var relationsRef = (0, react_1.useRef)(null);
+    var safePromise = (0, useSafePromise_1.useSafePromise)();
+    var findRelationInStore = (0, react_1.useCallback)(function (uri) {
+        if (!relationsState)
+            return null;
+        for (var viewId in relationsState) {
+            var viewState = relationsState[viewId];
+            if (viewState === null || viewState === void 0 ? void 0 : viewState.connections) {
+                return (0, mdm_sdk_1.findConnectionRelationObjectByRelationUri)(viewState.connections, uri);
+            }
+        }
+        return null;
+    }, [relationsState]);
+    var urisFromDcr = (0, react_1.useMemo)(function () {
+        var result = [];
+        if (!(dcr === null || dcr === void 0 ? void 0 : dcr.changes))
+            return result;
+        for (var key in dcr.changes) {
+            var changes = dcr.changes[key] || [];
+            var hasCreate = changes.some(function (c) { return (c === null || c === void 0 ? void 0 : c.type) === mdm_sdk_1.DCRTypes.CREATE_ENTITY || (c === null || c === void 0 ? void 0 : c.type) === mdm_sdk_1.DCRTypes.CREATE_RELATIONSHIP; });
+            if (!hasCreate) {
+                result.push(key);
+            }
+        }
+        return result;
+    }, [dcr]);
+    var localObjects = (0, react_1.useMemo)(function () {
+        var currentEntityObject = {};
+        currentEntityObject[currentEntity === null || currentEntity === void 0 ? void 0 : currentEntity.uri] = currentEntity;
+        return urisFromDcr.reduce(function (acc, uri) {
+            if ((0, mdm_sdk_1.isRelationUri)(uri)) {
+                var localRelation = findRelationInStore(uri);
+                if (localRelation) {
+                    acc[uri] = localRelation;
+                }
+            }
+            return acc;
+        }, currentEntityObject);
+    }, [urisFromDcr, findRelationInStore, currentEntity]);
+    (0, react_1.useEffect)(function () {
+        if (!dcrReviewValidation || !urisFromDcr.length || (relationsRef === null || relationsRef === void 0 ? void 0 : relationsRef.current))
+            return;
+        var relationsPromises = [];
+        urisFromDcr.forEach(function (uri) {
+            if ((0, mdm_sdk_1.isRelationUri)(uri) && !localObjects[uri]) {
+                relationsPromises.push((0, mdm_sdk_1.getRelation)(uri));
+            }
+        });
+        relationsRef.current = safePromise(Promise.all(relationsPromises));
+    }, [dcrReviewValidation, urisFromDcr, findRelationInStore, safePromise, localObjects]);
+    var getErrors = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var relations, _a, loadedRelationsObject, objectsByUri, userChanges, errors;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!dcrReviewValidation) {
+                        return [2 /*return*/, []];
+                    }
+                    if (!relationsRef.current) return [3 /*break*/, 2];
+                    return [4 /*yield*/, relationsRef.current];
+                case 1:
+                    _a = _b.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    _a = [];
+                    _b.label = 3;
+                case 3:
+                    relations = _a;
+                    loadedRelationsObject = relations.reduce(function (acc, relation) {
+                        acc[relation.uri] = relation;
+                        return acc;
+                    }, {});
+                    objectsByUri = __assign(__assign({}, localObjects), loadedRelationsObject);
+                    userChanges = getAllChanges();
+                    errors = (0, validation_1.getValidationErrors)({
+                        changes: dcr === null || dcr === void 0 ? void 0 : dcr.changes,
+                        userChanges: userChanges,
+                        entitiesOrRelations: objectsByUri,
+                        metadata: metadata
+                    });
+                    setErrors(errors);
+                    return [2 /*return*/, errors];
+            }
+        });
+    }); }, [dcrReviewValidation, dcr === null || dcr === void 0 ? void 0 : dcr.changes, getAllChanges, localObjects, metadata, setErrors]);
+    return getErrors;
+};
+exports.useDCRValidation = useDCRValidation;

package/cjs/features/workflow/hooks/useWorkflowActions.d.ts

@@ -1,7 +1,12 @@
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
-import { TaskAction } from '../types';
+import { BeforeActionOutcome, TaskAction } from '../types';
 type Task = Partial<Pick<WorkflowTaskData, 'taskId' | 'possibleActions' | 'assignee' | 'isOpen'>>;
-export declare const useWorkflowActions: (task: Task, onActionSuccess?: (action: string) => void) => {
+type Props = {
+    task: Task;
+    onActionSuccess?: (action: string) => void;
+    beforeAction?: () => Promise<BeforeActionOutcome>;
+};
+export declare const useWorkflowActions: ({ task, onActionSuccess, beforeAction }: Props) => {
     actions: TaskAction[];
     actionRequestIsInProgress: boolean;
 };

package/cjs/features/workflow/hooks/useWorkflowActions.js

@@ -44,23 +44,25 @@ var common_1 = require("../helpers/common");
 var WorkflowTasksContext_1 = require("../../../contexts/WorkflowTasksContext");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var CommentDialogContext_1 = require("../../../contexts/CommentDialogContext");
-var useWorkflowActions = function (task, onActionSuccess) {
-    var _a = task !== null && task !== void 0 ? task : {}, possibleActions = _a.possibleActions, assignee = _a.assignee, taskId = _a.taskId, isOpen = _a.isOpen;
+var errors_2 = require("../../../helpers/errors");
+var useWorkflowActions = function (_a) {
+    var task = _a.task, onActionSuccess = _a.onActionSuccess, beforeAction = _a.beforeAction;
+    var _b = task !== null && task !== void 0 ? task : {}, possibleActions = _b.possibleActions, assignee = _b.assignee, taskId = _b.taskId, isOpen = _b.isOpen;
     var workflowTasks = (0, react_1.useContext)(WorkflowTasksContext_1.WorkflowTasksContext);
     var workflowPath = (0, MdmModuleContext_1.useMdmWorkflowPath)();
     var environment = (0, MdmModuleContext_1.useMdmWorkflowEnvironmentUrl)();
     var tenant = (0, MdmModuleContext_1.useMdmTenant)();
     var username = (0, MdmModuleContext_1.useMdmUsername)();
     var showCommentDialog = (0, CommentDialogContext_1.useCommentDialog)();
-    var _b = (0, react_1.useState)(false), actionRequestIsInProgress = _b[0], setActionRequestIsInProgress = _b[1];
+    var _c = (0, react_1.useState)(false), actionRequestIsInProgress = _c[0], setActionRequestIsInProgress = _c[1];
     var handleActionSuccess = onActionSuccess !== null && onActionSuccess !== void 0 ? onActionSuccess : workflowTasks === null || workflowTasks === void 0 ? void 0 : workflowTasks.onActionSuccess;
     var performTaskAction = (0, react_1.useCallback)(function (action, commentRequired) {
         return function (comment) { return __awaiter(void 0, void 0, void 0, function () {
-            var processInstanceComment;
+            var processInstanceComment, outcome, error_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        if (!(workflowPath && taskId)) return [3 /*break*/, 3];
+                        if (!(workflowPath && taskId)) return [3 /*break*/, 7];
                         setActionRequestIsInProgress(true);
                         processInstanceComment = typeof comment === 'string' && comment.length ? comment : null;
                         if (!(commentRequired && !processInstanceComment)) return [3 /*break*/, 2];
@@ -73,6 +75,27 @@ var useWorkflowActions = function (task, onActionSuccess) {
                         }
                         _a.label = 2;
                     case 2:
+                        if (!beforeAction) return [3 /*break*/, 6];
+                        _a.label = 3;
+                    case 3:
+                        _a.trys.push([3, 5, , 6]);
+                        return [4 /*yield*/, beforeAction()];
+                    case 4:
+                        outcome = _a.sent();
+                        if (!outcome.proceed) {
+                            if (outcome.error) {
+                                (0, errors_2.showDefaultErrorMessage)(outcome.error);
+                            }
+                            setActionRequestIsInProgress(false);
+                            return [2 /*return*/];
+                        }
+                        return [3 /*break*/, 6];
+                    case 5:
+                        error_1 = _a.sent();
+                        (0, errors_2.showDefaultErrorMessage)(error_1);
+                        setActionRequestIsInProgress(false);
+                        return [2 /*return*/];
+                    case 6:
                         (0, mdm_sdk_1.runTaskAction)({
                             taskId: taskId,
                             workflowPath: workflowPath,
@@ -88,12 +111,12 @@ var useWorkflowActions = function (task, onActionSuccess) {
                             .finally(function () {
                             setActionRequestIsInProgress(false);
                         });
-                        _a.label = 3;
-                    case 3: return [2 /*return*/];
+                        _a.label = 7;
+                    case 7: return [2 /*return*/];
                 }
             });
         }); };
-    }, [workflowPath, taskId, environment, tenant, handleActionSuccess, showCommentDialog]);
+    }, [workflowPath, taskId, environment, tenant, handleActionSuccess, showCommentDialog, beforeAction]);
     var actions = (0, react_1.useMemo)(function () {
         return username === assignee && (0, common_1.isOpenTask)(isOpen)
             ? (possibleActions || []).map(function (_a) {

package/cjs/features/workflow/types.d.ts

@@ -1,4 +1,4 @@
-import { AttributeType, DCRAttributeValue, DCROperationTypes, DCRRelationInfo, EnrichedChangeValue, TRelationType, ChangeValue } from '@reltio/mdm-sdk';
+import { AttributeType, DCRAttributeValue, DCROperationTypes, DCRRelationInfo, EnrichedChangeValue, TRelationType, ChangeValue, SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 export type TaskAction = {
     text: string;
     onClick: (comment: string) => void;
@@ -19,3 +19,14 @@ export type Diff = {
 export type Title = {
     label: string;
 };
+export type BeforeActionOutcome = {
+    proceed: boolean;
+    error?: unknown;
+};
+export type LineDataValue = SimpleAttributeValue | {
+    value: string[] | PrimitiveValue;
+};
+export type LineData = {
+    value?: LineDataValue;
+    isRejected?: boolean;
+};

package/cjs/hooks/useScrollToAttributeError/useScrollToAttributeError.d.ts

@@ -3,8 +3,9 @@ import { ScrollToElementContext } from '../../contexts/ScrollToElementContext';
 type Props = {
     highlightedError: ContextType<typeof ScrollToElementContext> | null;
     isSimple?: boolean;
+    className?: string;
 };
-export declare const useScrollToAttributeError: ({ highlightedError: context, isSimple }: Props) => {
+export declare const useScrollToAttributeError: ({ highlightedError: context, isSimple, className }: Props) => {
     ref: import("react").MutableRefObject<HTMLDivElement>;
     errorClassName: string;
 } | {

package/cjs/hooks/useScrollToAttributeError/useScrollToAttributeError.js

@@ -11,7 +11,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles_1 = require("./styles");
 var useScrollToAttributeError = function (_a) {
     var _b;
-    var context = _a.highlightedError, _c = _a.isSimple, isSimple = _c === void 0 ? false : _c;
+    var context = _a.highlightedError, _c = _a.isSimple, isSimple = _c === void 0 ? false : _c, className = _a.className;
     var styles = (0, styles_1.useStyles)();
     var ref = (0, react_1.useRef)(null);
     var severity = (0, ramda_1.pathOr)(mdm_sdk_1.ErrorSeverity.ERROR, ['element', 'severity'])(context);
@@ -19,7 +19,7 @@ var useScrollToAttributeError = function (_a) {
         _b[styles.highlightError] = severity === mdm_sdk_1.ErrorSeverity.ERROR,
         _b[styles.highlightWarning] = severity === mdm_sdk_1.ErrorSeverity.WARNING,
         _b[styles.simpleAttribute] = isSimple,
-        _b));
+        _b), className);
     (0, react_1.useEffect)(function () {
         if (context) {
             context.scrollIntoRef(ref);

package/contexts/MdmModuleContext/context.d.ts

@@ -58,6 +58,7 @@ export type MdmModuleValuesContextProps = Partial<{
     uiConfigProfile: Profile;
     showMasking: boolean;
     reviewDCREnabled: boolean;
+    dcrReviewValidation: boolean;
 }>;
 export type MdmModuleActionsContextProps = Partial<{
     openSearch: (payload: SearchState) => void;
@@ -264,6 +265,7 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
     uiConfigProfile: Profile;
     showMasking: boolean;
     reviewDCREnabled: boolean;
+    dcrReviewValidation: boolean;
 }>>;
 export declare const MdmModuleListenersContext: import("@fluentui/react-context-selector").Context<Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;

package/contexts/MdmModuleContext/hooks.d.ts

@@ -153,3 +153,4 @@ export declare const useMdmHiddenAttributes: () => Record<string, string[]>;
 export declare const useMdmControlAttributes: () => string[];
 export declare const useMdmShowMasking: () => boolean;
 export declare const useMdmReviewDCREnabled: () => boolean;
+export declare const useMdmDcrReviewValidation: () => boolean;

package/contexts/MdmModuleContext/hooks.js

@@ -162,3 +162,4 @@ export var useMdmControlAttributes = function () {
 };
 export var useMdmShowMasking = function () { return useMdmModuleValuesContext(function (context) { return context.showMasking; }); };
 export var useMdmReviewDCREnabled = function () { return useMdmModuleValuesContext(function (context) { return context.reviewDCREnabled; }); };
+export var useMdmDcrReviewValidation = function () { return useMdmModuleValuesContext(function (context) { return context.dcrReviewValidation; }); };

package/contexts/MdmModuleContext/index.d.ts

@@ -1,3 +1,3 @@
 export { MdmModuleProvider } from './provider';
-export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributesPresentation, useMdmMaxValuesInResponse, useMdmAttributesSortingStrategy, useMdmLookupAutocomplete, useMdmModifiedEntities, useMdmEntity, useMdmEntityUri, useMdmEntityWithDiff, useMdmEntityUriWithDataTenant, useMdmMode, useMdmIsViewMode, useMdmIsEditableMode, useMdmHistoryDiff, useMdmHistoryMode, useMdmHistorySlice, useMdmHistoryEvent, useMdmProfileLastLoadedTime, useMdmLookups, useMdmDependentLookups, useMdmMetadata, useMdmUser, useMdmUsername, useMdmUserRoles, useMdmTenantObject, useMdmTenant, useMdmTenantName, useMdmEnvironment, useMdmDataTenants, useMdmSearchNavigationData, useMdmSearchProviderData, useMdmIsCollaborationEnabled, useMdmIsWorkflowEnabled, useMdmProfileErrors, useMdmRelationsDrafts, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAuthoringItemsByEntityType, useMdmAction, useMdmListener, useMdmIsSourcesScreenEnabled, useMdmHiddenAttributes, useMdmControlAttributes, useMdmShowMasking, useMdmReviewDCREnabled, useMdmImagePath } from './hooks';
+export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributesPresentation, useMdmMaxValuesInResponse, useMdmAttributesSortingStrategy, useMdmLookupAutocomplete, useMdmModifiedEntities, useMdmEntity, useMdmEntityUri, useMdmEntityWithDiff, useMdmEntityUriWithDataTenant, useMdmMode, useMdmIsViewMode, useMdmIsEditableMode, useMdmHistoryDiff, useMdmHistoryMode, useMdmHistorySlice, useMdmHistoryEvent, useMdmProfileLastLoadedTime, useMdmLookups, useMdmDependentLookups, useMdmMetadata, useMdmUser, useMdmUsername, useMdmUserRoles, useMdmTenantObject, useMdmTenant, useMdmTenantName, useMdmEnvironment, useMdmDataTenants, useMdmSearchNavigationData, useMdmSearchProviderData, useMdmIsCollaborationEnabled, useMdmIsWorkflowEnabled, useMdmProfileErrors, useMdmRelationsDrafts, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAuthoringItemsByEntityType, useMdmAction, useMdmListener, useMdmIsSourcesScreenEnabled, useMdmHiddenAttributes, useMdmControlAttributes, useMdmShowMasking, useMdmReviewDCREnabled, useMdmDcrReviewValidation, useMdmImagePath } from './hooks';
 export type { MdmModuleActionsContextProps, MdmModuleValuesContextProps, MdmModuleListenersContextProps } from './context';

package/contexts/MdmModuleContext/index.js

@@ -1,2 +1,2 @@
 export { MdmModuleProvider } from './provider';
-export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributesPresentation, useMdmMaxValuesInResponse, useMdmAttributesSortingStrategy, useMdmLookupAutocomplete, useMdmModifiedEntities, useMdmEntity, useMdmEntityUri, useMdmEntityWithDiff, useMdmEntityUriWithDataTenant, useMdmMode, useMdmIsViewMode, useMdmIsEditableMode, useMdmHistoryDiff, useMdmHistoryMode, useMdmHistorySlice, useMdmHistoryEvent, useMdmProfileLastLoadedTime, useMdmLookups, useMdmDependentLookups, useMdmMetadata, useMdmUser, useMdmUsername, useMdmUserRoles, useMdmTenantObject, useMdmTenant, useMdmTenantName, useMdmEnvironment, useMdmDataTenants, useMdmSearchNavigationData, useMdmSearchProviderData, useMdmIsCollaborationEnabled, useMdmIsWorkflowEnabled, useMdmProfileErrors, useMdmRelationsDrafts, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAuthoringItemsByEntityType, useMdmAction, useMdmListener, useMdmIsSourcesScreenEnabled, useMdmHiddenAttributes, useMdmControlAttributes, useMdmShowMasking, useMdmReviewDCREnabled, useMdmImagePath } from './hooks';
+export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributesPresentation, useMdmMaxValuesInResponse, useMdmAttributesSortingStrategy, useMdmLookupAutocomplete, useMdmModifiedEntities, useMdmEntity, useMdmEntityUri, useMdmEntityWithDiff, useMdmEntityUriWithDataTenant, useMdmMode, useMdmIsViewMode, useMdmIsEditableMode, useMdmHistoryDiff, useMdmHistoryMode, useMdmHistorySlice, useMdmHistoryEvent, useMdmProfileLastLoadedTime, useMdmLookups, useMdmDependentLookups, useMdmMetadata, useMdmUser, useMdmUsername, useMdmUserRoles, useMdmTenantObject, useMdmTenant, useMdmTenantName, useMdmEnvironment, useMdmDataTenants, useMdmSearchNavigationData, useMdmSearchProviderData, useMdmIsCollaborationEnabled, useMdmIsWorkflowEnabled, useMdmProfileErrors, useMdmRelationsDrafts, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAuthoringItemsByEntityType, useMdmAction, useMdmListener, useMdmIsSourcesScreenEnabled, useMdmHiddenAttributes, useMdmControlAttributes, useMdmShowMasking, useMdmReviewDCREnabled, useMdmDcrReviewValidation, useMdmImagePath } from './hooks';

package/features/workflow/ChangeRequestEditor/ChangeRequestEditor.js

@@ -5,7 +5,6 @@ import Typography from '@mui/material/Typography';
 import { addLineIdToValue } from './helpers/helpers';
 import SvgSuggestedChanges from '../../../icons/SuggestedChanges';
 import { EntityChangesGroup, SkeletonEntityChangesGroupLoader } from './components/EntityChangesGroup';
-import { ChangeRequestEditorProvider } from './context';
 import styles from './ChangeRequestEditor.module.css';
 export var ChangeRequestEditor = function (_a) {
     var dcr = _a.dcr, task = _a.task, groupedObjects = _a.groupedObjects;
@@ -23,5 +22,5 @@ export var ChangeRequestEditor = function (_a) {
             React.createElement("div", { className: styles.suggestedChangesIcon },
                 React.createElement(SvgSuggestedChanges, null)),
             React.createElement(Typography, { variant: "h6", className: styles.suggestedChangesTitle }, i18n.text('Suggested changes'))),
-        dcrLoaded ? (React.createElement(ChangeRequestEditorProvider, null, groupedObjects.map(function (object, index) { return (React.createElement(EntityChangesGroup, { key: "entity-".concat(index), entityInfo: object.entity, relationsInfo: object.relations, task: task, dcr: enrichedDCR })); }))) : (React.createElement(SkeletonEntityChangesGroupLoader, null))));
+        dcrLoaded ? (groupedObjects.map(function (object, index) { return (React.createElement(EntityChangesGroup, { key: "entity-".concat(index), entityInfo: object.entity, relationsInfo: object.relations, task: task, dcr: enrichedDCR })); })) : (React.createElement(SkeletonEntityChangesGroupLoader, null))));
 };

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

@@ -21,7 +21,7 @@ export var ChangeItemEditor = function (_a) {
     var _b, _c, _d;
     var change = _a.change, _e = _a.editable, editable = _e === void 0 ? true : _e, classes = _a.classes;
     var metadata = useMdmMetadata();
-    var _f = useChangeRequestEditor({ change: change }), handleChange = _f.handleChange, handleReject = _f.handleReject, handleRevert = _f.handleRevert, lineData = _f.lineData, isLineRejected = _f.isLineRejected, isParentLineRejected = _f.isParentLineRejected, isUpdated = _f.isUpdated, hasChangeId = _f.hasChangeId;
+    var _f = useChangeRequestEditor({ change: change }), handleChange = _f.handleChange, handleReject = _f.handleReject, handleRevert = _f.handleRevert, lineData = _f.lineData, isLineRejected = _f.isLineRejected, isParentLineRejected = _f.isParentLineRejected, isUpdated = _f.isUpdated, hasChangeId = _f.hasChangeId, isSubAttributeOfDeletedAttribute = _f.isSubAttributeOfDeletedAttribute;
     var entity = useMdmEntity();
     var entityType = getEntityType(metadata, entity === null || entity === void 0 ? void 0 : entity.type);
     var isUpdateOperation = change.operation === DCROperationTypes.EDITED;
@@ -48,6 +48,7 @@ export var ChangeItemEditor = function (_a) {
         !isUpdated &&
         !isParentLineRejected &&
         hasChangeId &&
+        !isSubAttributeOfDeletedAttribute &&
         !(change.isReferenceSubAttribute && !editable);
     var showStatusChips = !isParentLineRejected;
     var isRejected = isLineRejected || isParentLineRejected;

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

@@ -1,12 +1,17 @@
 import React from 'react';
 import classnames from 'classnames';
 import { useCssVariableStyles } from '../../../../../hooks/useCssVariableStyles';
+import { RequiredMark } from '../../../../../RequiredMark';
 import styles from './ChangeItemLabel.module.css';
 export var ChangeItemLabel = function (_a) {
-    var change = _a.change, className = _a.className, _b = _a.showLabel, showLabel = _b === void 0 ? true : _b;
-    var _c = change.level, level = _c === void 0 ? 0 : _c, label = change.label;
+    var _b;
+    var change = _a.change, className = _a.className, _c = _a.showLabel, showLabel = _c === void 0 ? true : _c;
+    var _d = change.level, level = _d === void 0 ? 0 : _d, label = change.label;
+    var isRequired = (_b = change === null || change === void 0 ? void 0 : change.attributeType) === null || _b === void 0 ? void 0 : _b.required;
     var variableStyles = useCssVariableStyles({
         '--level': level
     });
-    return (React.createElement("div", { className: classnames(styles.changeLabel, className), style: variableStyles }, showLabel && label));
+    return (React.createElement("div", { className: classnames(styles.changeLabel, className), style: variableStyles }, showLabel && (React.createElement(React.Fragment, null,
+        label,
+        isRequired && React.createElement(RequiredMark, null)))));
 };

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

@@ -1,11 +1,14 @@
 import classnames from 'classnames';
-import React from 'react';
+import React, { useContext } from 'react';
 import { useContextSelector } from '@fluentui/react-context-selector';
 import { DCROperationTypes } from '@reltio/mdm-sdk';
 import { isEditableChange } from '../../helpers/helpers';
-import { ChangeRequestEditorContext } from '../../context';
+import { ChangeRequestEditorContext } from '../../../contexts/ChangeRequestEditorContext';
 import { ChangeItemEditor, ChangeItemOldValue } from '../ChangeItemEditor';
 import { extractLineIds } from '../../../helpers/merge';
+import { ErrorWrapper } from '../../../../../ErrorWrapper';
+import { ScrollToElementContext, isHighlightedErrorType } from '../../../../../contexts/ScrollToElementContext';
+import { useScrollToAttributeError } from '../../../../../hooks/useScrollToAttributeError';
 import styles from './ChangeItemRow.module.css';
 export var ChangeItemRow = function (_a) {
     var _b;
@@ -20,13 +23,28 @@ export var ChangeItemRow = function (_a) {
     var isUpdated = useContextSelector(ChangeRequestEditorContext, function (context) {
         return context.getIsLineUpdated(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
     });
+    var errorByLineId = useContextSelector(ChangeRequestEditorContext, function (context) {
+        return context.getErrorByLineId(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
+    });
+    var error = errorByLineId === null || errorByLineId === void 0 ? void 0 : errorByLineId.error;
+    var errorLineIds = (errorByLineId === null || errorByLineId === void 0 ? void 0 : errorByLineId.lineIds) || [];
+    var scrollToElementContext = useContext(ScrollToElementContext);
+    var highlightedError = scrollToElementContext === null || scrollToElementContext === void 0 ? void 0 : scrollToElementContext.element;
+    var isHighlighted = isHighlightedErrorType(scrollToElementContext === null || scrollToElementContext === void 0 ? void 0 : scrollToElementContext.type) &&
+        highlightedError &&
+        errorLineIds.includes(highlightedError.uri);
+    var _c = useScrollToAttributeError({
+        highlightedError: isHighlighted ? scrollToElementContext : null,
+        className: styles.changeItemRowWithError
+    }), ref = _c.ref, errorClassName = _c.errorClassName;
     var isEditedOperation = change.operation === DCROperationTypes.EDITED;
     var editable = isEditableChange(change, entityInfo);
-    return (React.createElement("div", { className: classnames(styles.changeItemRow, (_b = {},
+    return (React.createElement("div", { ref: ref, className: classnames(styles.changeItemRow, errorClassName, (_b = {},
             _b[styles.editableRow] = editable,
             _b[styles.changedRow] = isUpdated,
             _b[styles.rejectedRow] = isLineRejected || isParentLineRejected,
             _b)) },
-        isEditedOperation && React.createElement(ChangeItemOldValue, { change: change }),
-        React.createElement(ChangeItemEditor, { change: change, editable: editable, classes: { rejectButton: styles.rejectButton } })));
+        React.createElement(ErrorWrapper, { errorMessage: error === null || error === void 0 ? void 0 : error.message, classes: { helperText: styles.errorText } },
+            isEditedOperation && React.createElement(ChangeItemOldValue, { change: change }),
+            React.createElement(ChangeItemEditor, { change: change, editable: editable, classes: { rejectButton: styles.rejectButton } }))));
 };