@reltio/components 1.4.2207 → 1.4.2209

package/AttributesErrorsPanel/components/Error/Error.js

@@ -18,7 +18,7 @@ export var Error = memo(function (_a) {
     var displayedErrorPath = getDisplayedErrorPath(error);
     var displayedAttributeTypesPath = getDisplayedAttributeTypesPath(error);
     var highlightError = useContext(ScrollToElementContext).highlightError;
-    var showLink = error.uri || (error.parentUri && error.attributeTypeUri);
+    var showLink = (error.uri || (error.parentUri && error.attributeTypeUri)) && (isEditableMode || error.alwaysShow);
     return (React.createElement("div", { className: styles.errorListItem },
         React.createElement("div", { className: styles.listItemMarker }, error.type === ErrorType.rdmIssueInReference ? (React.createElement(Tooltip, { title: i18n.text('This error is visible only in view mode') },
             React.createElement("span", null,
@@ -27,7 +27,7 @@ export var Error = memo(function (_a) {
             displayedAttributeTypesPath && (React.createElement("span", { className: styles.attributeTypesPath }, displayedAttributeTypesPath)),
             React.createElement("span", { className: styles.errorTitle },
                 displayedMessage,
-                showLink && isEditableMode && (React.createElement(SmallIconButtonWithTooltip, { icon: HyperlinkIcon, size: "XXS", onClick: function () { return highlightError(error); }, tooltipTitle: i18n.text('Go to error'), className: styles.goToIcon }))),
+                showLink && (React.createElement(SmallIconButtonWithTooltip, { icon: HyperlinkIcon, size: "XXS", onClick: function () { return highlightError(error); }, tooltipTitle: i18n.text('Go to error'), className: styles.goToIcon }))),
             displayedErrorPath && React.createElement("span", { className: styles.parents }, displayedErrorPath))));
 });
 Error.displayName = 'Error';

package/cjs/AttributesErrorsPanel/components/Error/Error.js

@@ -47,7 +47,7 @@ exports.Error = (0, react_1.memo)(function (_a) {
     var displayedErrorPath = (0, helpers_1.getDisplayedErrorPath)(error);
     var displayedAttributeTypesPath = (0, helpers_1.getDisplayedAttributeTypesPath)(error);
     var highlightError = (0, react_1.useContext)(ScrollToElementContext_1.ScrollToElementContext).highlightError;
-    var showLink = error.uri || (error.parentUri && error.attributeTypeUri);
+    var showLink = (error.uri || (error.parentUri && error.attributeTypeUri)) && (isEditableMode || error.alwaysShow);
     return (react_1.default.createElement("div", { className: styles.errorListItem },
         react_1.default.createElement("div", { className: styles.listItemMarker }, error.type === mdm_sdk_1.ErrorType.rdmIssueInReference ? (react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('This error is visible only in view mode') },
             react_1.default.createElement("span", null,
@@ -56,7 +56,7 @@ exports.Error = (0, react_1.memo)(function (_a) {
             displayedAttributeTypesPath && (react_1.default.createElement("span", { className: styles.attributeTypesPath }, displayedAttributeTypesPath)),
             react_1.default.createElement("span", { className: styles.errorTitle },
                 displayedMessage,
-                showLink && isEditableMode && (react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: Hyperlink_1.default, size: "XXS", onClick: function () { return highlightError(error); }, tooltipTitle: ui_i18n_1.default.text('Go to error'), className: styles.goToIcon }))),
+                showLink && (react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: Hyperlink_1.default, size: "XXS", onClick: function () { return highlightError(error); }, tooltipTitle: ui_i18n_1.default.text('Go to error'), className: styles.goToIcon }))),
             displayedErrorPath && react_1.default.createElement("span", { className: styles.parents }, displayedErrorPath))));
 });
 exports.Error.displayName = 'Error';

package/cjs/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/cjs/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/cjs/contexts/MdmModuleContext/hooks.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMdmIsCollaborationEnabled = exports.useMdmSearchProviderData = exports.useMdmSearchNavigationData = exports.useMdmDataTenants = exports.useMdmEnvironment = exports.useMdmTenantName = exports.useMdmTenant = exports.useMdmTenantObject = exports.useMdmUserRoles = exports.useMdmUsername = exports.useMdmUser = exports.useMdmMetadata = exports.useMdmDependentLookups = exports.useMdmLookups = exports.useMdmProfileLastLoadedTime = exports.useMdmHistoryEvent = exports.useMdmHistorySlice = exports.useMdmHistoryMode = exports.useMdmHistoryDiff = exports.useMdmIsEditableMode = exports.useMdmIsViewMode = exports.useMdmMode = exports.useMdmEntityUriWithDataTenant = exports.useMdmEntityWithDiff = exports.useMdmEntityUri = exports.useMdmEntity = exports.useMdmModifiedEntities = exports.useMdmLookupAutocomplete = exports.useMdmAttributesSortingStrategy = exports.useMdmMaxValuesInResponse = exports.useMdmAttributesPresentation = exports.useMdmDateTimeMask = exports.useMdmDateMask = exports.useMdmPivotingAttributes = exports.useMdmShowEntityId = exports.useMdmImageAttributesFieldsOrder = exports.useMdmCollaborationPath = exports.useMdmImagePath = exports.useMdmApiPath = exports.useMdmReltioPath = exports.useMdmImageServicePath = exports.useMdmWorkflowPath = exports.useMdmServicesPath = exports.useMdmDtssPath = exports.useMdmUiPath = exports.useMdmAbsoluteImagePath = exports.useMdmExportPath = exports.useMdmWorkflowEnvironmentUrl = exports.useMdmUiError = exports.useMdmAutoCloseInterval = void 0;
-exports.useMdmReviewDCREnabled = exports.useMdmShowMasking = exports.useMdmControlAttributes = exports.useMdmHiddenAttributes = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmRelationsDrafts = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmIsSourcesScreenEnabled = exports.useMdmProfileErrors = exports.useMdmIsWorkflowEnabled = void 0;
+exports.useMdmDcrReviewValidation = exports.useMdmReviewDCREnabled = exports.useMdmShowMasking = exports.useMdmControlAttributes = exports.useMdmHiddenAttributes = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmRelationsDrafts = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmIsSourcesScreenEnabled = exports.useMdmProfileErrors = exports.useMdmIsWorkflowEnabled = void 0;
 var react_context_selector_1 = require("@fluentui/react-context-selector");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var context_1 = require("./context");
@@ -237,3 +237,5 @@ var useMdmShowMasking = function () { return useMdmModuleValuesContext(function
 exports.useMdmShowMasking = useMdmShowMasking;
 var useMdmReviewDCREnabled = function () { return useMdmModuleValuesContext(function (context) { return context.reviewDCREnabled; }); };
 exports.useMdmReviewDCREnabled = useMdmReviewDCREnabled;
+var useMdmDcrReviewValidation = function () { return useMdmModuleValuesContext(function (context) { return context.dcrReviewValidation; }); };
+exports.useMdmDcrReviewValidation = useMdmDcrReviewValidation;

package/cjs/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/cjs/contexts/MdmModuleContext/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMdmIsCollaborationEnabled = exports.useMdmSearchProviderData = exports.useMdmSearchNavigationData = exports.useMdmDataTenants = exports.useMdmEnvironment = exports.useMdmTenantName = exports.useMdmTenant = exports.useMdmTenantObject = exports.useMdmUserRoles = exports.useMdmUsername = exports.useMdmUser = exports.useMdmMetadata = exports.useMdmDependentLookups = exports.useMdmLookups = exports.useMdmProfileLastLoadedTime = exports.useMdmHistoryEvent = exports.useMdmHistorySlice = exports.useMdmHistoryMode = exports.useMdmHistoryDiff = exports.useMdmIsEditableMode = exports.useMdmIsViewMode = exports.useMdmMode = exports.useMdmEntityUriWithDataTenant = exports.useMdmEntityWithDiff = exports.useMdmEntityUri = exports.useMdmEntity = exports.useMdmModifiedEntities = exports.useMdmLookupAutocomplete = exports.useMdmAttributesSortingStrategy = exports.useMdmMaxValuesInResponse = exports.useMdmAttributesPresentation = exports.useMdmDateTimeMask = exports.useMdmDateMask = exports.useMdmPivotingAttributes = exports.useMdmShowEntityId = exports.useMdmImageAttributesFieldsOrder = exports.useMdmCollaborationPath = exports.useMdmApiPath = exports.useMdmReltioPath = exports.useMdmImageServicePath = exports.useMdmWorkflowPath = exports.useMdmServicesPath = exports.useMdmDtssPath = exports.useMdmUiPath = exports.useMdmAbsoluteImagePath = exports.useMdmExportPath = exports.useMdmWorkflowEnvironmentUrl = exports.useMdmUiError = exports.useMdmAutoCloseInterval = exports.MdmModuleProvider = void 0;
-exports.useMdmImagePath = exports.useMdmReviewDCREnabled = exports.useMdmShowMasking = exports.useMdmControlAttributes = exports.useMdmHiddenAttributes = exports.useMdmIsSourcesScreenEnabled = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmRelationsDrafts = exports.useMdmProfileErrors = exports.useMdmIsWorkflowEnabled = void 0;
+exports.useMdmImagePath = exports.useMdmDcrReviewValidation = exports.useMdmReviewDCREnabled = exports.useMdmShowMasking = exports.useMdmControlAttributes = exports.useMdmHiddenAttributes = exports.useMdmIsSourcesScreenEnabled = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmRelationsDrafts = exports.useMdmProfileErrors = exports.useMdmIsWorkflowEnabled = void 0;
 var provider_1 = require("./provider");
 Object.defineProperty(exports, "MdmModuleProvider", { enumerable: true, get: function () { return provider_1.MdmModuleProvider; } });
 var hooks_1 = require("./hooks");
@@ -75,4 +75,5 @@ Object.defineProperty(exports, "useMdmHiddenAttributes", { enumerable: true, get
 Object.defineProperty(exports, "useMdmControlAttributes", { enumerable: true, get: function () { return hooks_1.useMdmControlAttributes; } });
 Object.defineProperty(exports, "useMdmShowMasking", { enumerable: true, get: function () { return hooks_1.useMdmShowMasking; } });
 Object.defineProperty(exports, "useMdmReviewDCREnabled", { enumerable: true, get: function () { return hooks_1.useMdmReviewDCREnabled; } });
+Object.defineProperty(exports, "useMdmDcrReviewValidation", { enumerable: true, get: function () { return hooks_1.useMdmDcrReviewValidation; } });
 Object.defineProperty(exports, "useMdmImagePath", { enumerable: true, get: function () { return hooks_1.useMdmImagePath; } });

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

@@ -34,7 +34,6 @@ var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var helpers_1 = require("./helpers/helpers");
 var SuggestedChanges_1 = __importDefault(require("../../../icons/SuggestedChanges"));
 var EntityChangesGroup_1 = require("./components/EntityChangesGroup");
-var context_1 = require("./context");
 var ChangeRequestEditor_module_css_1 = __importDefault(require("./ChangeRequestEditor.module.css"));
 var ChangeRequestEditor = function (_a) {
     var dcr = _a.dcr, task = _a.task, groupedObjects = _a.groupedObjects;
@@ -52,6 +51,6 @@ var ChangeRequestEditor = function (_a) {
             react_1.default.createElement("div", { className: ChangeRequestEditor_module_css_1.default.suggestedChangesIcon },
                 react_1.default.createElement(SuggestedChanges_1.default, null)),
             react_1.default.createElement(Typography_1.default, { variant: "h6", className: ChangeRequestEditor_module_css_1.default.suggestedChangesTitle }, ui_i18n_1.default.text('Suggested changes'))),
-        dcrLoaded ? (react_1.default.createElement(context_1.ChangeRequestEditorProvider, null, groupedObjects.map(function (object, index) { return (react_1.default.createElement(EntityChangesGroup_1.EntityChangesGroup, { key: "entity-".concat(index), entityInfo: object.entity, relationsInfo: object.relations, task: task, dcr: enrichedDCR })); }))) : (react_1.default.createElement(EntityChangesGroup_1.SkeletonEntityChangesGroupLoader, null))));
+        dcrLoaded ? (groupedObjects.map(function (object, index) { return (react_1.default.createElement(EntityChangesGroup_1.EntityChangesGroup, { key: "entity-".concat(index), entityInfo: object.entity, relationsInfo: object.relations, task: task, dcr: enrichedDCR })); })) : (react_1.default.createElement(EntityChangesGroup_1.SkeletonEntityChangesGroupLoader, null))));
 };
 exports.ChangeRequestEditor = ChangeRequestEditor;

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

@@ -50,7 +50,7 @@ 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 = (0, MdmModuleContext_1.useMdmMetadata)();
-    var _f = (0, useChangeRequestEditor_1.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 = (0, useChangeRequestEditor_1.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 = (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;
@@ -77,6 +77,7 @@ var ChangeItemEditor = function (_a) {
         !isUpdated &&
         !isParentLineRejected &&
         hasChangeId &&
+        !isSubAttributeOfDeletedAttribute &&
         !(change.isReferenceSubAttribute && !editable);
     var showStatusChips = !isParentLineRejected;
     var isRejected = isLineRejected || isParentLineRejected;

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

@@ -7,13 +7,18 @@ exports.ChangeItemLabel = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var useCssVariableStyles_1 = require("../../../../../hooks/useCssVariableStyles");
+var RequiredMark_1 = require("../../../../../RequiredMark");
 var ChangeItemLabel_module_css_1 = __importDefault(require("./ChangeItemLabel.module.css"));
 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 = (0, useCssVariableStyles_1.useCssVariableStyles)({
         '--level': level
     });
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(ChangeItemLabel_module_css_1.default.changeLabel, className), style: variableStyles }, showLabel && label));
+    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,
+        isRequired && react_1.default.createElement(RequiredMark_1.RequiredMark, null)))));
 };
 exports.ChangeItemLabel = ChangeItemLabel;

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

@@ -1,39 +1,80 @@
 "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.ChangeItemRow = void 0;
 var classnames_1 = __importDefault(require("classnames"));
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 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 context_1 = require("../../context");
+var ChangeRequestEditorContext_1 = require("../../../contexts/ChangeRequestEditorContext");
 var ChangeItemEditor_1 = require("../ChangeItemEditor");
 var merge_1 = require("../../../helpers/merge");
+var ErrorWrapper_1 = require("../../../../../ErrorWrapper");
+var ScrollToElementContext_1 = require("../../../../../contexts/ScrollToElementContext");
+var useScrollToAttributeError_1 = require("../../../../../hooks/useScrollToAttributeError");
 var ChangeItemRow_module_css_1 = __importDefault(require("./ChangeItemRow.module.css"));
 var ChangeItemRow = function (_a) {
     var _b;
     var change = _a.change, entityInfo = _a.entityInfo;
     var lineIds = change.lineIds || (0, merge_1.extractLineIds)(change === null || change === void 0 ? void 0 : change.newValue);
-    var isParentLineRejected = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) {
+    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 isLineRejected = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) {
+    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 isUpdated = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) {
+    var isUpdated = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) {
         return context.getIsLineUpdated(lineIds === null || lineIds === void 0 ? void 0 : lineIds[0]);
     });
+    var errorByLineId = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.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 = (0, react_1.useContext)(ScrollToElementContext_1.ScrollToElementContext);
+    var highlightedError = scrollToElementContext === null || scrollToElementContext === void 0 ? void 0 : scrollToElementContext.element;
+    var isHighlighted = (0, ScrollToElementContext_1.isHighlightedErrorType)(scrollToElementContext === null || scrollToElementContext === void 0 ? void 0 : scrollToElementContext.type) &&
+        highlightedError &&
+        errorLineIds.includes(highlightedError.uri);
+    var _c = (0, useScrollToAttributeError_1.useScrollToAttributeError)({
+        highlightedError: isHighlighted ? scrollToElementContext : null,
+        className: ChangeItemRow_module_css_1.default.changeItemRowWithError
+    }), ref = _c.ref, errorClassName = _c.errorClassName;
     var isEditedOperation = change.operation === mdm_sdk_1.DCROperationTypes.EDITED;
     var editable = (0, helpers_1.isEditableChange)(change, entityInfo);
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(ChangeItemRow_module_css_1.default.changeItemRow, (_b = {},
+    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,
             _b[ChangeItemRow_module_css_1.default.changedRow] = isUpdated,
             _b[ChangeItemRow_module_css_1.default.rejectedRow] = isLineRejected || isParentLineRejected,
             _b)) },
-        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 } },
+            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 } }))));
 };
 exports.ChangeItemRow = ChangeItemRow;

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

@@ -1,9 +1,9 @@
-const styles = {"changeItemRow":"ChangeItemRow-changeItemRow--oF9hn","rejectButton":"ChangeItemRow-rejectButton--iNbfM","changedRow":"ChangeItemRow-changedRow--32zBa","rejectedRow":"ChangeItemRow-rejectedRow--RqKQc"};
+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"};
 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;transition:background-color .2s ease}.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)}`;
+    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}`;
     head.appendChild(style);
 }
 module.exports = styles;

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

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

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 '../../context';
+import { LineDataValue } from '../../../types';
 type Props = {
     attributeType: AttributeType;
     value: LineDataValue | ChangeValue;

package/cjs/features/workflow/ChangeRequestEditor/hooks/useChangeRequestEditor.d.ts

@@ -7,10 +7,11 @@ export declare const useChangeRequestEditor: ({ change }: Props) => {
     handleChange: (newValue: SimpleAttributeValue | string[] | PrimitiveValue) => void;
     handleReject: () => void;
     handleRevert: () => void;
-    lineData: import("../context").LineData;
+    lineData: import("../../types").LineData;
     isLineRejected: boolean;
     isParentLineRejected: boolean;
     isUpdated: boolean;
     hasChangeId: boolean;
+    isSubAttributeOfDeletedAttribute: any;
 };
 export {};

package/cjs/features/workflow/ChangeRequestEditor/hooks/useChangeRequestEditor.js

@@ -3,22 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChangeRequestEditor = void 0;
 var react_1 = require("react");
 var react_context_selector_1 = require("@fluentui/react-context-selector");
-var context_1 = require("../context");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var ChangeRequestEditorContext_1 = require("../../contexts/ChangeRequestEditorContext");
 var merge_1 = require("../../helpers/merge");
 var emptyLineIds = [];
 var useChangeRequestEditor = function (_a) {
     var change = _a.change;
     var lineIds = change.lineIds || (0, merge_1.extractLineIds)(change === null || change === void 0 ? void 0 : change.newValue) || emptyLineIds;
-    var lineData = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return context.getLineData(lineIds[0]); });
-    var updateChange = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return context.updateChange; });
-    var rejectChange = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return context.rejectChange; });
-    var revertChangeUpdateOrReject = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return context.revertChangeUpdateOrReject; });
-    var isParentLineRejected = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) {
+    var lineData = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) { return context.getLineData(lineIds[0]); });
+    var updateChange = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) { return context.updateChange; });
+    var rejectChange = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) { return context.rejectChange; });
+    var revertChangeUpdateOrReject = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) { return context.revertChangeUpdateOrReject; });
+    var isParentLineRejected = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) {
         return context.getIsParentLineRejected(lineIds[0]);
     });
-    var isUpdated = (0, react_context_selector_1.useContextSelector)(context_1.ChangeRequestEditorContext, function (context) { return context.getIsLineUpdated(lineIds[0]); });
+    var isUpdated = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) { return context.getIsLineUpdated(lineIds[0]); });
     var isLineRejected = lineData === null || lineData === void 0 ? void 0 : lineData.isRejected;
     var hasChangeId = lineIds.length > 0;
+    var isSubAttributeOfDeletedAttribute = change.operation === mdm_sdk_1.DCROperationTypes.DELETED &&
+        change.level > 0 &&
+        lineIds.length > 0 &&
+        lineIds[0].includes('/value/');
     var handleChange = (0, react_1.useCallback)(function (newValue) {
         updateChange(lineIds, typeof newValue === 'object' && 'value' in newValue ? newValue : { value: newValue });
     }, [lineIds, updateChange]);
@@ -36,7 +41,8 @@ var useChangeRequestEditor = function (_a) {
         isLineRejected: isLineRejected,
         isParentLineRejected: isParentLineRejected,
         isUpdated: isUpdated,
-        hasChangeId: hasChangeId
+        hasChangeId: hasChangeId,
+        isSubAttributeOfDeletedAttribute: isSubAttributeOfDeletedAttribute
     };
 };
 exports.useChangeRequestEditor = useChangeRequestEditor;

package/cjs/features/workflow/ReviewDCRDialog/DCRErrorsPanel/DCRErrorsPanel.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DCRErrorsPanel: () => React.JSX.Element;

package/cjs/features/workflow/ReviewDCRDialog/DCRErrorsPanel/DCRErrorsPanel.js

@@ -0,0 +1,44 @@
+"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.DCRErrorsPanel = void 0;
+var react_1 = __importStar(require("react"));
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var ChangeRequestEditorContext_1 = require("../../contexts/ChangeRequestEditorContext");
+var AttributesErrorsPanel_1 = require("../../../../AttributesErrorsPanel");
+var DCRErrorsPanel_module_css_1 = __importDefault(require("./DCRErrorsPanel.module.css"));
+var DCRErrorsPanel = function () {
+    var errors = (0, react_context_selector_1.useContextSelector)(ChangeRequestEditorContext_1.ChangeRequestEditorContext, function (context) { return context.getErrors(); });
+    var validationErrors = (0, react_1.useMemo)(function () { return errors.map(function (error) { return error.error; }); }, [errors]);
+    if (validationErrors.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: DCRErrorsPanel_module_css_1.default.DCRErrorsPanel },
+        react_1.default.createElement(AttributesErrorsPanel_1.AttributesErrorsPanel, { attributesWithErrors: validationErrors })));
+};
+exports.DCRErrorsPanel = DCRErrorsPanel;

package/cjs/features/workflow/ReviewDCRDialog/DCRErrorsPanel/DCRErrorsPanel.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"DCRErrorsPanel":"DCRErrorsPanel-DCRErrorsPanel--7zw3p"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DCRErrorsPanel-DCRErrorsPanel--7zw3p{margin-bottom:16px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/workflow/ReviewDCRDialog/ReviewDCRDialog.js

@@ -15,7 +15,6 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var useWorkflowCheckPermission_1 = require("../hooks/useWorkflowCheckPermission");
 var useWorkflowActions_1 = require("../hooks/useWorkflowActions");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
-var context_1 = require("../ChangeRequestEditor/context");
 var ProfileBand_1 = require("../../../ProfileBand");
 var DueDateField_1 = require("../DueDateField");
 var PrioritySelector_1 = require("../PrioritySelector");
@@ -24,17 +23,23 @@ var WorkflowComments_1 = require("../WorkflowComments");
 var WorkflowActionButtons_1 = require("../WorkflowActionButtons");
 var DCRSummaryInfo_1 = require("./components/DCRSummaryInfo/DCRSummaryInfo");
 var ChangeRequestEditor_1 = require("../ChangeRequestEditor");
+var useApplyDcrChanges_1 = require("../hooks/useApplyDcrChanges");
+var DCRErrorsPanel_1 = require("./DCRErrorsPanel/DCRErrorsPanel");
 var ReviewDCRDialog_module_css_1 = __importDefault(require("./ReviewDCRDialog.module.css"));
 var ReviewDCRDialog = function (_a) {
     var open = _a.open, onClose = _a.onClose, dcr = _a.dcr, task = _a.task, groupedObjects = _a.groupedObjects;
     var entity = (0, MdmModuleContext_1.useMdmEntity)();
     var checkWorkflowPermission = (0, useWorkflowCheckPermission_1.useWorkflowCheckPermission)();
     var canViewComments = checkWorkflowPermission('VIEW_PROCESS_INSTANCE_COMMENTS');
+    var applyDcrChanges = (0, useApplyDcrChanges_1.useApplyDcrChanges)(dcr);
     var _b = (0, useWorkflowActions_1.useWorkflowActions)({
-        taskId: task.taskId,
-        possibleActions: task.possibleActions,
-        assignee: task.assignee,
-        isOpen: task.isOpen
+        task: {
+            taskId: task.taskId,
+            possibleActions: task.possibleActions,
+            assignee: task.assignee,
+            isOpen: task.isOpen
+        },
+        beforeAction: applyDcrChanges
     }), workflowActions = _b.actions, actionRequestIsInProgress = _b.actionRequestIsInProgress;
     return (react_1.default.createElement(Dialog_1.default, { open: open, onClose: onClose, fullScreen: true },
         react_1.default.createElement(DialogTitle_1.default, { className: ReviewDCRDialog_module_css_1.default.dialogTitle },
@@ -45,6 +50,7 @@ var ReviewDCRDialog = function (_a) {
         react_1.default.createElement(DialogContent_1.default, { classes: { root: ReviewDCRDialog_module_css_1.default.content } },
             react_1.default.createElement("div", { className: ReviewDCRDialog_module_css_1.default.leftSection },
                 react_1.default.createElement(ProfileBand_1.ProfileBand, { entity: entity, className: ReviewDCRDialog_module_css_1.default.profileBandRoot, classes: { profileBand: ReviewDCRDialog_module_css_1.default.profileBand } }),
+                react_1.default.createElement(DCRErrorsPanel_1.DCRErrorsPanel, null),
                 react_1.default.createElement(DCRSummaryInfo_1.DCRSummaryInfo, { dcr: dcr, task: task, groupedObjects: groupedObjects }),
                 react_1.default.createElement("div", { className: ReviewDCRDialog_module_css_1.default.editableSection },
                     react_1.default.createElement("div", { className: ReviewDCRDialog_module_css_1.default.editableGrid },
@@ -55,8 +61,7 @@ var ReviewDCRDialog = function (_a) {
                         react_1.default.createElement("div", { className: ReviewDCRDialog_module_css_1.default.editableItem },
                             react_1.default.createElement(AssigneeSelector_1.AssigneeSelector, { taskId: task.taskId, assignee: task.assignee, isTaskOpen: task.isOpen })))),
                 react_1.default.createElement("div", { className: ReviewDCRDialog_module_css_1.default.changesSection },
-                    react_1.default.createElement(context_1.ChangeRequestEditorProvider, null,
-                        react_1.default.createElement(ChangeRequestEditor_1.ChangeRequestEditor, { dcr: dcr, task: task, groupedObjects: groupedObjects })))),
+                    react_1.default.createElement(ChangeRequestEditor_1.ChangeRequestEditor, { dcr: dcr, task: task, groupedObjects: groupedObjects }))),
             canViewComments && (react_1.default.createElement(WorkflowComments_1.WorkflowComments, { workflowActions: workflowActions, actionRequestIsInProgress: actionRequestIsInProgress, preferredAction: task.preferredAction, taskId: task.taskId, processInstanceComments: task.processInstanceComments, isTaskOpen: task.isOpen, showActionButtons: false, alwaysExpanded: true, classes: {
                     container: ReviewDCRDialog_module_css_1.default.commentsRootContainer,
                     commentsContainer: ReviewDCRDialog_module_css_1.default.commentsContainer

package/cjs/features/workflow/TaskActionButtons/TaskActionButtons.js

@@ -12,10 +12,12 @@ var TaskActionButtons = function (_a) {
     var task = _a.task;
     var taskId = task.taskId, possibleActions = task.possibleActions, assignee = task.assignee, isOpen = task.isOpen, preferredAction = task.preferredAction;
     var _b = (0, useWorkflowActions_1.useWorkflowActions)({
-        taskId: taskId,
-        possibleActions: possibleActions,
-        assignee: assignee,
-        isOpen: isOpen
+        task: {
+            taskId: taskId,
+            possibleActions: possibleActions,
+            assignee: assignee,
+            isOpen: isOpen
+        }
     }), actions = _b.actions, disabled = _b.actionRequestIsInProgress;
     var _c = (0, ramda_1.partition)((0, ramda_1.propEq)('text', preferredAction === null || preferredAction === void 0 ? void 0 : preferredAction.label), actions), preferredActions = _c[0], otherActions = _c[1];
     return (react_1.default.createElement(react_1.default.Fragment, null,

package/cjs/features/workflow/WorkflowTaskCard/components/DataChangeRequestTaskCard/DataChangeRequestTaskCard.js

@@ -29,6 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataChangeRequestTaskCard = void 0;
 var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var DcrTaskIcon_1 = __importDefault(require("../../../../../icons/DcrTaskIcon"));
 var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var GenericWorkflowTaskCard_1 = require("../GenericWorkflowTaskCard");
@@ -38,11 +39,15 @@ var useChangeRequest_1 = require("../../../hooks/useChangeRequest");
 var common_1 = require("../../../helpers/common");
 var ReviewDCRDialog_1 = require("../../../ReviewDCRDialog");
 var ReviewDCRButton_1 = require("../../../ReviewDCRButton");
+var ChangeRequestEditorContext_1 = require("../../../contexts/ChangeRequestEditorContext");
 var WorkflowTasksContext_1 = require("../../../../../contexts/WorkflowTasksContext");
+var ScrollToElementContext_1 = require("../../../../../contexts/ScrollToElementContext");
 var DataChangeRequestTaskCard = function (_a) {
     var task = _a.task;
     var reviewDCREnabledByEntityType = ((0, react_1.useContext)(WorkflowTasksContext_1.WorkflowTasksContext) || {}).reviewDCR;
     var reviewDCREnabled = (0, MdmModuleContext_1.useMdmReviewDCREnabled)();
+    var entity = (0, MdmModuleContext_1.useMdmEntity)();
+    var isDCREntity = (0, mdm_sdk_1.isDCRUri)(entity === null || entity === void 0 ? void 0 : entity.uri);
     var isReviewDCREnabled = (0, ramda_1.isNil)(reviewDCREnabledByEntityType) ? reviewDCREnabled : reviewDCREnabledByEntityType;
     var username = (0, MdmModuleContext_1.useMdmUsername)();
     var _b = (0, react_1.useState)(false), isReviewDCRDialogOpen = _b[0], setIsReviewDCRDialogOpen = _b[1];
@@ -55,13 +60,15 @@ var DataChangeRequestTaskCard = function (_a) {
     var handleCloseReviewDCRDialog = (0, react_1.useCallback)(function () {
         setIsReviewDCRDialogOpen(false);
     }, []);
-    var showReviewDCRButton = isReviewDCREnabled && assignee == username;
-    var showReviewDialog = isReviewDCRDialogOpen && (showReviewDCRButton || isReviewDCREnabled);
+    var showReviewDCRButton = !isDCREntity && isReviewDCREnabled && assignee == username;
+    var showReviewDialog = !isDCREntity && isReviewDCRDialogOpen && (showReviewDCRButton || isReviewDCREnabled);
     var customActionsSlot = (0, react_1.useMemo)(function () { return showReviewDCRButton && react_1.default.createElement(ReviewDCRButton_1.ReviewDCRButton, { onClick: handleReviewDCR }); }, [showReviewDCRButton, handleReviewDCR]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard, { task: task, Icon: DcrTaskIcon_1.default, customActionsSlot: customActionsSlot }, dcr &&
             groupedObjects.map(function (object, index) { return (react_1.default.createElement(LineDecorator_1.LineDecorator, { key: index, last: index === groupedObjects.length - 1, divider: true },
                 react_1.default.createElement(AttributesChanges_1.AttributesChanges, { entityInfo: object.entity, relationsInfo: object.relations, changes: dcr.changes, objectsInfo: dcr.objectsInfo, dcrUri: dcrUri }))); })),
-        showReviewDialog && (react_1.default.createElement(ReviewDCRDialog_1.ReviewDCRDialog, { open: isReviewDCRDialogOpen, onClose: handleCloseReviewDCRDialog, dcr: dcr, groupedObjects: groupedObjects, task: task }))));
+        showReviewDialog && (react_1.default.createElement(ChangeRequestEditorContext_1.ChangeRequestEditorProvider, null,
+            react_1.default.createElement(ScrollToElementContext_1.ScrollToElementProvider, null,
+                react_1.default.createElement(ReviewDCRDialog_1.ReviewDCRDialog, { open: isReviewDCRDialogOpen, onClose: handleCloseReviewDCRDialog, dcr: dcr, groupedObjects: groupedObjects, task: task }))))));
 };
 exports.DataChangeRequestTaskCard = DataChangeRequestTaskCard;

package/cjs/features/workflow/WorkflowTaskCard/components/GenericWorkflowTaskCard/GenericWorkflowTaskCard.js

@@ -55,10 +55,12 @@ var GenericWorkflowTaskCard = function (_a) {
     var checkWorkflowPermission = (0, useWorkflowCheckPermission_1.useWorkflowCheckPermission)();
     var canViewComments = checkWorkflowPermission('VIEW_PROCESS_INSTANCE_COMMENTS');
     var _d = (0, useWorkflowActions_1.useWorkflowActions)({
-        taskId: taskId,
-        possibleActions: possibleActions,
-        assignee: assignee,
-        isOpen: isTaskOpen
+        task: {
+            taskId: taskId,
+            possibleActions: possibleActions,
+            assignee: assignee,
+            isOpen: isTaskOpen
+        }
     }), workflowActions = _d.actions, actionRequestIsInProgress = _d.actionRequestIsInProgress;
     return (react_1.default.createElement("div", { className: GenericWorkflowTaskCard_module_css_1.default.card },
         react_1.default.createElement("div", { className: (0, classnames_1.default)((_b = {}, _b[GenericWorkflowTaskCard_module_css_1.default.withBackground] = isExpanded, _b)) },

package/cjs/features/workflow/{ChangeRequestEditor/context → contexts/ChangeRequestEditorContext}/index.d.ts

@@ -1,23 +1,33 @@
 import React from 'react';
-import { SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
-export type LineDataValue = SimpleAttributeValue | {
-    value: string[] | PrimitiveValue;
-};
-export type LineData = {
-    value?: LineDataValue;
-    isRejected?: boolean;
-};
-type ChangeRequestEditorContextType = {
+import { AttributeError } from '@reltio/mdm-sdk';
+import { LineData, LineDataValue } from '../../types';
+export type ChangeRequestEditorContextType = {
     updateChange: (lineIds: string[], data: LineDataValue) => void;
     getLineData: (lineId: string) => LineData | undefined;
+    getLinesByChangeId: (changeId: string) => Array<[string, LineData]>;
     rejectChange: (lineIds: string[]) => void;
     revertChangeUpdateOrReject: (lineIds: string[]) => void;
     getIsParentLineRejected: (lineId: string) => boolean;
     getIsLineRejected: (lineId: string) => boolean;
     getIsLineUpdated: (lineId: string) => boolean;
+    getAllChanges: () => {
+        lineId: string;
+        data: LineData;
+    }[];
+    setErrors: (errors: {
+        error: AttributeError;
+        lineIds: string[];
+    }[]) => void;
+    getErrorByLineId: (lineId: string) => {
+        error: AttributeError;
+        lineIds: string[];
+    } | undefined;
+    getErrors: () => {
+        error: AttributeError;
+        lineIds: string[];
+    }[];
 };
 export declare const ChangeRequestEditorContext: import("@fluentui/react-context-selector").Context<ChangeRequestEditorContextType>;
 export declare const ChangeRequestEditorProvider: ({ children }: {
     children: React.ReactNode;
 }) => React.JSX.Element;
-export {};