@reltio/components 1.4.2208 → 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/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,17 +1,43 @@
 "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 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;
@@ -26,14 +52,29 @@ var ChangeItemRow = function (_a) {
     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 '../../../contexts/ChangeRequestEditorContext';
+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 '../../../contexts/ChangeRequestEditorContext';
+import { LineDataValue } from '../../../types';
 type Props = {
     attributeType: AttributeType;
     value: LineDataValue | ChangeValue;

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

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

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

@@ -24,6 +24,7 @@ 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;
@@ -49,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 },

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

@@ -41,6 +41,7 @@ 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;
@@ -67,6 +68,7 @@ var DataChangeRequestTaskCard = function (_a) {
             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(ChangeRequestEditorContext_1.ChangeRequestEditorProvider, null,
-            react_1.default.createElement(ReviewDCRDialog_1.ReviewDCRDialog, { open: isReviewDCRDialogOpen, onClose: handleCloseReviewDCRDialog, dcr: dcr, groupedObjects: groupedObjects, task: task })))));
+            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/contexts/ChangeRequestEditorContext/index.d.ts

@@ -1,13 +1,7 @@
 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]>;
@@ -16,9 +10,24 @@ type ChangeRequestEditorContextType = {
     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 {};

package/cjs/features/workflow/contexts/ChangeRequestEditorContext/index.js

@@ -35,12 +35,18 @@ exports.ChangeRequestEditorContext = (0, react_context_selector_1.createContext)
     revertChangeUpdateOrReject: undefined,
     getIsParentLineRejected: undefined,
     getIsLineRejected: undefined,
-    getIsLineUpdated: undefined
+    getIsLineUpdated: undefined,
+    getAllChanges: undefined,
+    setErrors: undefined,
+    getErrorByLineId: undefined,
+    getErrors: undefined
 });
+var emptyArray = [];
 var ChangeRequestEditorProvider = function (_a) {
     var children = _a.children;
     var _b = (0, react_1.useState)(new Map()), lineDataMap = _b[0], setLineDataMap = _b[1];
     var lineDataMapRef = (0, react_1.useRef)(lineDataMap);
+    var _c = (0, react_1.useState)([]), errors = _c[0], setErrors = _c[1];
     var updateChange = (0, react_1.useCallback)(function (lineIds, data) {
         setLineDataMap(function (prevMap) {
             var newMap = new Map(prevMap);
@@ -96,9 +102,25 @@ var ChangeRequestEditorProvider = function (_a) {
             return key.split('/')[1] === changeId;
         });
     }, []);
+    var getAllChanges = (0, react_1.useCallback)(function () {
+        var changes = Array.from(lineDataMapRef.current).map(function (_a) {
+            var lineId = _a[0], data = _a[1];
+            return ({ lineId: lineId, data: data });
+        });
+        return changes.length > 0 ? changes : emptyArray;
+    }, []);
     (0, react_1.useEffect)(function () {
         lineDataMapRef.current = lineDataMap;
     }, [lineDataMap]);
+    var getErrorByLineId = (0, react_1.useCallback)(function (lineId) {
+        return errors.find(function (_a) {
+            var lineIds = _a.lineIds;
+            return lineIds.includes(lineId);
+        });
+    }, [errors]);
+    var getErrors = (0, react_1.useCallback)(function () {
+        return errors;
+    }, [errors]);
     var contextValue = {
         updateChange: updateChange,
         getLineData: getLineData,
@@ -107,7 +129,11 @@ var ChangeRequestEditorProvider = function (_a) {
         revertChangeUpdateOrReject: revertChangeUpdateOrReject,
         getIsParentLineRejected: getIsParentLineRejected,
         getIsLineRejected: getIsLineRejected,
-        getIsLineUpdated: getIsLineUpdated
+        getIsLineUpdated: getIsLineUpdated,
+        getAllChanges: getAllChanges,
+        setErrors: setErrors,
+        getErrorByLineId: getErrorByLineId,
+        getErrors: getErrors
     };
     return react_1.default.createElement(exports.ChangeRequestEditorContext.Provider, { value: contextValue }, children);
 };

package/cjs/features/workflow/helpers/dcr.d.ts

@@ -1,5 +1,5 @@
 import { AttributeDelete, ChangeRequest, DCRChange, DCRChanges, DCRObjectInfo, DCRObjectsInfo, GroupedObjectsInfo, Metadata } from '@reltio/mdm-sdk';
-import { LineData } from '../contexts/ChangeRequestEditorContext';
+import { LineData } from '../types';
 export declare const getEntitiesObjects: any;
 export declare const getRelationsObjects: any;
 export declare const extractObjectsFromChangeRequest: (changes: DCRChanges, objectsInfo: DCRObjectsInfo) => DCRObjectInfo[];

package/cjs/features/workflow/helpers/merge.js

@@ -73,7 +73,7 @@ var prepareStartOrEndDate = function (_a) {
         ];
     }
 };
-var prepareRolesOrTags = function (metadata, change) {
+var prepareRolesOrTags = function (change) {
     var _a = change.newValue, newValue = _a === void 0 ? [] : _a, _b = change.oldValue, oldValue = _b === void 0 ? [] : _b;
     var preparedNewValue = 'value' in newValue ? newValue.value : newValue;
     var preparedOldValue = 'value' in oldValue ? oldValue.value : oldValue;
@@ -201,10 +201,10 @@ var mergeAttributesInChange = function (metadata, objectInfo, change, container)
             container['defaultProfilePicValue'] = [change.newValue];
             break;
         case mdm_sdk_1.DCRTypes.UPDATE_TAGS:
-            container[mdm_sdk_1.EntityAttrTypes.tags.name] = prepareRolesOrTags(metadata, change);
+            container[mdm_sdk_1.EntityAttrTypes.tags.name] = prepareRolesOrTags(change);
             break;
         case mdm_sdk_1.DCRTypes.UPDATE_ROLES: {
-            container[mdm_sdk_1.EntityAttrTypes.roles.name] = prepareRolesOrTags(metadata, change);
+            container[mdm_sdk_1.EntityAttrTypes.roles.name] = prepareRolesOrTags(change);
             break;
         }
         case mdm_sdk_1.DCRTypes.UPDATE_START_DATE:

package/cjs/features/workflow/helpers/validation.d.ts

@@ -0,0 +1,17 @@
+import { AttributeError, DCRChanges, Entity, Metadata, Relation } from '@reltio/mdm-sdk';
+import { LineData } from '../types';
+type UserChange = {
+    lineId: string;
+    data: LineData;
+};
+type ValidationError = {
+    error: AttributeError;
+    lineIds: string[];
+};
+export declare const getValidationErrors: ({ changes, userChanges, entitiesOrRelations, metadata }: {
+    changes: DCRChanges;
+    userChanges: UserChange[];
+    entitiesOrRelations: Record<string, Entity | Relation>;
+    metadata: Metadata;
+}) => ValidationError[];
+export {};