@reltio/components 1.4.2208 → 1.4.2209

package/cjs/hooks/useScrollToAttributeError/useScrollToAttributeError.js

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

package/contexts/MdmModuleContext/context.d.ts

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

package/contexts/MdmModuleContext/hooks.d.ts

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

package/contexts/MdmModuleContext/hooks.js

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

package/contexts/MdmModuleContext/index.d.ts

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

package/contexts/MdmModuleContext/index.js

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

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

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

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

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

package/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);
 }
 export default styles;

package/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/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/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/features/workflow/ReviewDCRDialog/DCRErrorsPanel/DCRErrorsPanel.d.ts

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

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

@@ -0,0 +1,14 @@
+import React, { useMemo } from 'react';
+import { useContextSelector } from '@fluentui/react-context-selector';
+import { ChangeRequestEditorContext } from '../../contexts/ChangeRequestEditorContext';
+import { AttributesErrorsPanel } from '../../../../AttributesErrorsPanel';
+import styles from './DCRErrorsPanel.module.css';
+export var DCRErrorsPanel = function () {
+    var errors = useContextSelector(ChangeRequestEditorContext, function (context) { return context.getErrors(); });
+    var validationErrors = useMemo(function () { return errors.map(function (error) { return error.error; }); }, [errors]);
+    if (validationErrors.length === 0) {
+        return null;
+    }
+    return (React.createElement("div", { className: styles.DCRErrorsPanel },
+        React.createElement(AttributesErrorsPanel, { attributesWithErrors: validationErrors })));
+};

package/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);
+}
+export default styles;

package/features/workflow/ReviewDCRDialog/ReviewDCRDialog.js

@@ -18,6 +18,7 @@ import { WorkflowActionButtons } from '../WorkflowActionButtons';
 import { DCRSummaryInfo } from './components/DCRSummaryInfo/DCRSummaryInfo';
 import { ChangeRequestEditor } from '../ChangeRequestEditor';
 import { useApplyDcrChanges } from '../hooks/useApplyDcrChanges';
+import { DCRErrorsPanel } from './DCRErrorsPanel/DCRErrorsPanel';
 import styles from './ReviewDCRDialog.module.css';
 export var ReviewDCRDialog = function (_a) {
     var open = _a.open, onClose = _a.onClose, dcr = _a.dcr, task = _a.task, groupedObjects = _a.groupedObjects;
@@ -43,6 +44,7 @@ export var ReviewDCRDialog = function (_a) {
         React.createElement(DialogContent, { classes: { root: styles.content } },
             React.createElement("div", { className: styles.leftSection },
                 React.createElement(ProfileBand, { entity: entity, className: styles.profileBandRoot, classes: { profileBand: styles.profileBand } }),
+                React.createElement(DCRErrorsPanel, null),
                 React.createElement(DCRSummaryInfo, { dcr: dcr, task: task, groupedObjects: groupedObjects }),
                 React.createElement("div", { className: styles.editableSection },
                     React.createElement("div", { className: styles.editableGrid },

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

@@ -12,6 +12,7 @@ import { ReviewDCRDialog } from '../../../ReviewDCRDialog';
 import { ReviewDCRButton } from '../../../ReviewDCRButton';
 import { ChangeRequestEditorProvider } from '../../../contexts/ChangeRequestEditorContext';
 import { WorkflowTasksContext } from '../../../../../contexts/WorkflowTasksContext';
+import { ScrollToElementProvider } from '../../../../../contexts/ScrollToElementContext';
 export var DataChangeRequestTaskCard = function (_a) {
     var task = _a.task;
     var reviewDCREnabledByEntityType = (useContext(WorkflowTasksContext) || {}).reviewDCR;
@@ -38,5 +39,6 @@ export var DataChangeRequestTaskCard = function (_a) {
             groupedObjects.map(function (object, index) { return (React.createElement(LineDecorator, { key: index, last: index === groupedObjects.length - 1, divider: true },
                 React.createElement(AttributesChanges, { entityInfo: object.entity, relationsInfo: object.relations, changes: dcr.changes, objectsInfo: dcr.objectsInfo, dcrUri: dcrUri }))); })),
         showReviewDialog && (React.createElement(ChangeRequestEditorProvider, null,
-            React.createElement(ReviewDCRDialog, { open: isReviewDCRDialogOpen, onClose: handleCloseReviewDCRDialog, dcr: dcr, groupedObjects: groupedObjects, task: task })))));
+            React.createElement(ScrollToElementProvider, null,
+                React.createElement(ReviewDCRDialog, { open: isReviewDCRDialogOpen, onClose: handleCloseReviewDCRDialog, dcr: dcr, groupedObjects: groupedObjects, task: task }))))));
 };

package/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/features/workflow/contexts/ChangeRequestEditorContext/index.js

@@ -9,12 +9,18 @@ export var ChangeRequestEditorContext = createContext({
     revertChangeUpdateOrReject: undefined,
     getIsParentLineRejected: undefined,
     getIsLineRejected: undefined,
-    getIsLineUpdated: undefined
+    getIsLineUpdated: undefined,
+    getAllChanges: undefined,
+    setErrors: undefined,
+    getErrorByLineId: undefined,
+    getErrors: undefined
 });
+var emptyArray = [];
 export var ChangeRequestEditorProvider = function (_a) {
     var children = _a.children;
     var _b = useState(new Map()), lineDataMap = _b[0], setLineDataMap = _b[1];
     var lineDataMapRef = useRef(lineDataMap);
+    var _c = useState([]), errors = _c[0], setErrors = _c[1];
     var updateChange = useCallback(function (lineIds, data) {
         setLineDataMap(function (prevMap) {
             var newMap = new Map(prevMap);
@@ -70,9 +76,25 @@ export var ChangeRequestEditorProvider = function (_a) {
             return key.split('/')[1] === changeId;
         });
     }, []);
+    var getAllChanges = 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;
+    }, []);
     useEffect(function () {
         lineDataMapRef.current = lineDataMap;
     }, [lineDataMap]);
+    var getErrorByLineId = useCallback(function (lineId) {
+        return errors.find(function (_a) {
+            var lineIds = _a.lineIds;
+            return lineIds.includes(lineId);
+        });
+    }, [errors]);
+    var getErrors = useCallback(function () {
+        return errors;
+    }, [errors]);
     var contextValue = {
         updateChange: updateChange,
         getLineData: getLineData,
@@ -81,7 +103,11 @@ export var ChangeRequestEditorProvider = function (_a) {
         revertChangeUpdateOrReject: revertChangeUpdateOrReject,
         getIsParentLineRejected: getIsParentLineRejected,
         getIsLineRejected: getIsLineRejected,
-        getIsLineUpdated: getIsLineUpdated
+        getIsLineUpdated: getIsLineUpdated,
+        getAllChanges: getAllChanges,
+        setErrors: setErrors,
+        getErrorByLineId: getErrorByLineId,
+        getErrors: getErrors
     };
     return React.createElement(ChangeRequestEditorContext.Provider, { value: contextValue }, children);
 };

package/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/features/workflow/helpers/merge.js

@@ -69,7 +69,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;
@@ -197,10 +197,10 @@ var mergeAttributesInChange = function (metadata, objectInfo, change, container)
             container['defaultProfilePicValue'] = [change.newValue];
             break;
         case DCRTypes.UPDATE_TAGS:
-            container[EntityAttrTypes.tags.name] = prepareRolesOrTags(metadata, change);
+            container[EntityAttrTypes.tags.name] = prepareRolesOrTags(change);
             break;
         case DCRTypes.UPDATE_ROLES: {
-            container[EntityAttrTypes.roles.name] = prepareRolesOrTags(metadata, change);
+            container[EntityAttrTypes.roles.name] = prepareRolesOrTags(change);
             break;
         }
         case DCRTypes.UPDATE_START_DATE:

package/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 {};