@reltio/components 1.4.2189 → 1.4.2191

package/contexts/MdmModuleContext/hooks.js

@@ -160,3 +160,4 @@ export var useMdmControlAttributes = function () {
     return useMdmModuleValuesContext(function (context) { return context.controlAttributes || emptyControlAttributes; });
 };
 export var useMdmShowMasking = function () { return useMdmModuleValuesContext(function (context) { return context.showMasking; }); };
+export var useMdmReviewDCREnabled = function () { return useMdmModuleValuesContext(function (context) { return context.reviewDCREnabled; }); };

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 } 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 } 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 } 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 } from './hooks';

package/features/history/HistoryRow/styles.d.ts

@@ -1,5 +1,5 @@
 type Type = {
     color?: string;
 };
-export declare const useStyles: (props: Type) => import("@mui/styles").ClassNameMap<"title" | "date" | "selected" | "user" | "badge" | "historyRow" | "rowHeader">;
+export declare const useStyles: (props: Type) => import("@mui/styles").ClassNameMap<"title" | "date" | "selected" | "user" | "historyRow" | "rowHeader" | "badge">;
 export {};

package/features/workflow/AddWorkflowDialog/AddWorkflowDialog.spec.js

@@ -45,6 +45,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import React from 'react';
 import { act, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
@@ -260,4 +269,62 @@ describe('AddWorkflowDialog tests', function () {
             }
         });
     }); });
+    describe('Required comments', function () {
+        it('should not allow to start workflow if comment is required with empty comment', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var definitionsWithRequiredComment, mockAnchorEl, props, user, commentField, startButton, comment;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        startProcessInstance.mockResolvedValue(null);
+                        definitionsWithRequiredComment = __spreadArray(__spreadArray([], definitions, true), [
+                            {
+                                type: 'workflowWithRequiredComment',
+                                displayName: 'Workflow With Required Comment',
+                                manualStart: true,
+                                requiresCommentOnStart: true,
+                                objectTypes: ['configuration/entityTypes/HCO']
+                            }
+                        ], false);
+                        processDefinitions.mockReturnValue(Promise.resolve({
+                            data: definitionsWithRequiredComment
+                        }));
+                        mockAnchorEl = document.createElement('div');
+                        props = {
+                            onClose: jest.fn(),
+                            anchorEl: mockAnchorEl
+                        };
+                        user = setUp(props).user;
+                        expect(screen.getByText('Add new workflow')).toBeInTheDocument();
+                        return [4 /*yield*/, user.click(screen.getByRole('combobox'))];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, user.click(screen.getByText('Workflow With Required Comment'))];
+                    case 2:
+                        _a.sent();
+                        commentField = screen.getByRole('textbox', { name: /type a comment/i });
+                        expect(commentField).toBeRequired();
+                        startButton = screen.getByText('Start');
+                        expect(startButton).toBeDisabled();
+                        comment = 'Some comment';
+                        return [4 /*yield*/, user.type(commentField, comment)];
+                    case 3:
+                        _a.sent();
+                        expect(startButton).not.toBeDisabled();
+                        return [4 /*yield*/, user.click(startButton)];
+                    case 4:
+                        _a.sent();
+                        expect(startProcessInstance).toHaveBeenCalledWith({
+                            workflowPath: workflowPath,
+                            environment: workflowEnvironmentUrl,
+                            tenant: tenant.id,
+                            processType: 'workflowWithRequiredComment',
+                            comment: comment,
+                            objectURIs: ['entities/uri1']
+                        });
+                        expect(screen.getByText('A new workflow has started')).toBeInTheDocument();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
 });

package/features/workflow/ChangeRequestEditor/ChangeRequestEditor.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ChangeRequest, WorkflowTaskData } from '@reltio/mdm-sdk';
+type Props = {
+    dcr: ChangeRequest;
+    task: WorkflowTaskData;
+};
+export declare const ChangeRequestEditor: ({ dcr, task: _task }: Props) => React.JSX.Element;
+export {};

package/features/workflow/ChangeRequestEditor/ChangeRequestEditor.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import i18n from 'ui-i18n';
+import styles from './ChangeRequestEditor.module.css';
+export var ChangeRequestEditor = function (_a) {
+    var dcr = _a.dcr, _task = _a.task;
+    var dcrLoaded = !!dcr;
+    if (!dcrLoaded) {
+        return null;
+    }
+    return React.createElement("div", { className: styles.container }, i18n.text('DCR changes'));
+};

package/features/workflow/ChangeRequestEditor/ChangeRequestEditor.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"container":"ChangeRequestEditor-container--pOvfN"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ChangeRequestEditor-container--pOvfN{border:1px solid rgba(0,0,0,.03);border-radius:8px;padding:16px}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/workflow/ChangeRequestEditor/index.d.ts

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

package/features/workflow/ChangeRequestEditor/index.js

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

package/features/workflow/ReviewDCRButton/ReviewDCRButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    onClick: () => void;
+};
+export declare const ReviewDCRButton: ({ onClick }: Props) => React.JSX.Element;
+export {};

package/features/workflow/ReviewDCRButton/ReviewDCRButton.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import classnames from 'classnames';
+import Button from '@mui/material/Button';
+import i18n from 'ui-i18n';
+import SvgReviewDCR from '../../../icons/ReviewDCR';
+import styles from './ReviewDCRButton.module.css';
+export var ReviewDCRButton = function (_a) {
+    var onClick = _a.onClick;
+    return (React.createElement(Button, { onClick: onClick, color: "primary", className: classnames(styles.button), "data-reltio-id": "review-dcr-button" },
+        React.createElement(SvgReviewDCR, { className: styles.icon }),
+        i18n.text('Review DCR')));
+};

package/features/workflow/ReviewDCRButton/ReviewDCRButton.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"button":"ReviewDCRButton-button--LIwmx","icon":"ReviewDCRButton-icon--b1gNO"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ReviewDCRButton-button--LIwmx{min-width:100px}.ReviewDCRButton-icon--b1gNO{margin-right:8px}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/workflow/ReviewDCRButton/index.d.ts

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

package/features/workflow/ReviewDCRButton/index.js

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ChangeRequest, GroupedObjectsInfo, WorkflowTaskData } from '@reltio/mdm-sdk';
+type Props = {
+    open: boolean;
+    onClose: () => void;
+    dcr: ChangeRequest;
+    task: WorkflowTaskData;
+    groupedObjects: GroupedObjectsInfo[];
+};
+export declare const ReviewDCRDialog: ({ open, onClose, dcr, task, groupedObjects }: Props) => React.JSX.Element;
+export {};

package/features/workflow/ReviewDCRDialog/ReviewDCRDialog.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import Typography from '@mui/material/Typography';
+import { SmallIconButton } from '../../../SmallIconButton';
+import CloseIcon from '@mui/icons-material/Close';
+import i18n from 'ui-i18n';
+import { useWorkflowCheckPermission } from '../hooks/useWorkflowCheckPermission';
+import { useWorkflowActions } from '../hooks/useWorkflowActions';
+import { useMdmEntity } from '../../../contexts/MdmModuleContext';
+import { ProfileBand } from '../../../ProfileBand';
+import { DueDateField } from '../DueDateField';
+import { PrioritySelector } from '../PrioritySelector';
+import { AssigneeSelector } from '../AssigneeSelector';
+import { WorkflowComments } from '../WorkflowComments';
+import { WorkflowActionButtons } from '../WorkflowActionButtons';
+import { DCRSummaryInfo } from './components/DCRSummaryInfo/DCRSummaryInfo';
+import { ChangeRequestEditor } from '../ChangeRequestEditor';
+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;
+    var entity = useMdmEntity();
+    var checkWorkflowPermission = useWorkflowCheckPermission();
+    var canViewComments = checkWorkflowPermission('VIEW_PROCESS_INSTANCE_COMMENTS');
+    var _b = useWorkflowActions({
+        taskId: task.taskId,
+        possibleActions: task.possibleActions,
+        assignee: task.assignee,
+        isOpen: task.isOpen
+    }), workflowActions = _b.actions, actionRequestIsInProgress = _b.actionRequestIsInProgress;
+    return (React.createElement(Dialog, { open: open, onClose: onClose, fullScreen: true },
+        React.createElement(DialogTitle, { className: styles.dialogTitle },
+            React.createElement("div", { className: styles.titleContent },
+                React.createElement(Typography, { variant: "h6", className: styles.titleText }, i18n.text('Review DCR')),
+                React.createElement(WorkflowActionButtons, { workflowActions: workflowActions, actionRequestIsInProgress: actionRequestIsInProgress, preferredAction: task.preferredAction })),
+            React.createElement(SmallIconButton, { onClick: onClose, className: styles.closeButton, "aria-label": "close", icon: CloseIcon })),
+        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(DCRSummaryInfo, { dcr: dcr, task: task, groupedObjects: groupedObjects }),
+                React.createElement("div", { className: styles.editableSection },
+                    React.createElement("div", { className: styles.editableGrid },
+                        React.createElement("div", { className: styles.editableItem },
+                            React.createElement(DueDateField, { taskId: task.taskId, dueDate: task.dueDate, isTaskOpen: task.isOpen })),
+                        React.createElement("div", { className: styles.editableItem },
+                            React.createElement(PrioritySelector, { taskId: task.taskId, priority: task.priority || 50, isTaskOpen: task.isOpen, className: styles.priorityField })),
+                        React.createElement("div", { className: styles.editableItem },
+                            React.createElement(AssigneeSelector, { taskId: task.taskId, assignee: task.assignee, isTaskOpen: task.isOpen })))),
+                React.createElement("div", { className: styles.changesSection },
+                    React.createElement(ChangeRequestEditor, { dcr: dcr, task: task }))),
+            canViewComments && (React.createElement(WorkflowComments, { workflowActions: workflowActions, actionRequestIsInProgress: actionRequestIsInProgress, preferredAction: task.preferredAction, taskId: task.taskId, processInstanceComments: task.processInstanceComments, isTaskOpen: task.isOpen, showActionButtons: false, alwaysExpanded: true, classes: {
+                    container: styles.commentsRootContainer,
+                    commentsContainer: styles.commentsContainer
+                } })))));
+};

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

@@ -0,0 +1,9 @@
+const styles = {"dialogTitle":"ReviewDCRDialog-dialogTitle--xCXtj","titleContent":"ReviewDCRDialog-titleContent--Hh2KH","titleText":"ReviewDCRDialog-titleText--ME8s4","closeButton":"ReviewDCRDialog-closeButton--YMAEf","content":"ReviewDCRDialog-content--qvUva","leftSection":"ReviewDCRDialog-leftSection--5MELW","profileBand":"ReviewDCRDialog-profileBand--7r6Xy","profileBandRoot":"ReviewDCRDialog-profileBandRoot--G7p1m","editableSection":"ReviewDCRDialog-editableSection--v-D7a","editableGrid":"ReviewDCRDialog-editableGrid--auc-d","editableItem":"ReviewDCRDialog-editableItem--isGwv","priorityField":"ReviewDCRDialog-priorityField--LQ1n3","changesSection":"ReviewDCRDialog-changesSection--qj2OK","commentsRootContainer":"ReviewDCRDialog-commentsRootContainer--g2f7m","commentsContainer":"ReviewDCRDialog-commentsContainer--OApOx"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ReviewDCRDialog-dialogTitle--xCXtj{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px 8px}.ReviewDCRDialog-titleContent--Hh2KH{align-items:center;display:flex;flex:1;justify-content:space-between;position:relative}.ReviewDCRDialog-titleText--ME8s4{flex:1;margin:0;padding-left:48px}.ReviewDCRDialog-closeButton--YMAEf{color:#666;left:15px;position:absolute}.ReviewDCRDialog-closeButton--YMAEf:hover{background-color:rgba(0,0,0,.04);color:#333}.ReviewDCRDialog-content--qvUva{display:flex;min-height:400px;padding:0!important;width:100%}.ReviewDCRDialog-leftSection--5MELW{border-right:1px solid #e0e0e0;padding:0 16px;width:100%}.ReviewDCRDialog-profileBand--7r6Xy{margin-left:-16px}.ReviewDCRDialog-profileBandRoot--G7p1m{box-shadow:none;margin-bottom:0}.ReviewDCRDialog-editableSection--v-D7a{border:1px solid #d9d9d9;border-radius:0 0 8px 8px;margin-bottom:32px;padding:8px 16px 14px}.ReviewDCRDialog-editableGrid--auc-d{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:12px}.ReviewDCRDialog-editableItem--isGwv{display:flex;flex-direction:column}.ReviewDCRDialog-priorityField--LQ1n3{min-width:200px}.ReviewDCRDialog-changesSection--qj2OK{margin-bottom:24px}.ReviewDCRDialog-commentsRootContainer--g2f7m{margin:10px 0 16px 10px;min-width:323px;width:323px}.ReviewDCRDialog-commentsContainer--OApOx{flex-grow:1;max-height:100%}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/workflow/ReviewDCRDialog/components/DCRChangesSummary/DCRChangesSummary.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DCRChanges, GroupedObjectsInfo } from '@reltio/mdm-sdk';
+type Props = {
+    changes?: DCRChanges;
+    groupedObjects: GroupedObjectsInfo[];
+};
+export declare const DCRChangesSummary: ({ changes, groupedObjects }: Props) => React.JSX.Element;
+export {};

package/features/workflow/ReviewDCRDialog/components/DCRChangesSummary/DCRChangesSummary.js

@@ -0,0 +1,43 @@
+import React, { useMemo } from 'react';
+import classnames from 'classnames';
+import Skeleton from '@mui/material/Skeleton';
+import i18n from 'ui-i18n';
+import { DCROperationTypes } from '@reltio/mdm-sdk';
+import { useMdmMetadata } from '../../../../../contexts/MdmModuleContext';
+import { calculateDCRChanges } from '../../helpers';
+import styles from './DCRChangesSummary.module.css';
+var getOperationLabel = function (operation) {
+    var _a;
+    var labels = (_a = {},
+        _a[DCROperationTypes.ADDED] = i18n.text('Added'),
+        _a[DCROperationTypes.EDITED] = i18n.text('Edited'),
+        _a[DCROperationTypes.DELETED] = i18n.text('Deleted'),
+        _a[DCROperationTypes.PINNED] = i18n.text('Pinned'),
+        _a[DCROperationTypes.PIN_DELETED] = i18n.text('Pin deleted'),
+        _a[DCROperationTypes.IGNORED] = i18n.text('Ignored'),
+        _a[DCROperationTypes.IGNORE_DELETED] = i18n.text('Ignore deleted'),
+        _a);
+    return labels[operation] || operation || '';
+};
+var ChangeItem = function (_a) {
+    var count = _a.count, operation = _a.operation;
+    return count > 0 && (React.createElement("div", { className: styles.changeItem },
+        React.createElement("div", { className: classnames(styles.changeNumber, styles[operation]) }, count),
+        React.createElement("div", { className: styles.changeLabel }, getOperationLabel(operation))));
+};
+var LoadingSkeleton = function () { return (React.createElement(React.Fragment, null, Array.from({ length: 4 }).map(function (_, index) { return (React.createElement("div", { key: "summary-changes-skeleton-".concat(index), className: styles.changeItem },
+    React.createElement(Skeleton, { variant: "text", width: 24, height: 16, className: styles.changeNumber }),
+    React.createElement(Skeleton, { variant: "text", width: 60, height: 13, className: styles.changeLabel }))); }))); };
+export var DCRChangesSummary = function (_a) {
+    var changes = _a.changes, groupedObjects = _a.groupedObjects;
+    var metadata = useMdmMetadata();
+    var dcrChanges = useMemo(function () { return (changes ? calculateDCRChanges(metadata, changes, groupedObjects) : null); }, [metadata, changes, groupedObjects]);
+    var changesLoaded = !!dcrChanges;
+    return (React.createElement("div", { className: styles.changesSummary, "data-reltio-id": "dcr-changes-summary" },
+        !changesLoaded && React.createElement(LoadingSkeleton, null),
+        changesLoaded &&
+            Object.entries(dcrChanges).map(function (_a) {
+                var operation = _a[0], count = _a[1];
+                return (React.createElement(ChangeItem, { key: operation, count: count, operation: operation }));
+            })));
+};

package/features/workflow/ReviewDCRDialog/components/DCRChangesSummary/DCRChangesSummary.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"changesSummary":"DCRChangesSummary-changesSummary--31gR-","changeItem":"DCRChangesSummary-changeItem---XfYP","changeNumber":"DCRChangesSummary-changeNumber--vZxc4","changeLabel":"DCRChangesSummary-changeLabel--tDXS6","edited":"DCRChangesSummary-edited--KFivZ","added":"DCRChangesSummary-added--KGdGw","deleted":"DCRChangesSummary-deleted--TWgS5","ignored":"DCRChangesSummary-ignored--Q2Q8R"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DCRChangesSummary-changesSummary--31gR-{align-items:center;display:flex;gap:22px}.DCRChangesSummary-changeItem---XfYP{align-items:center;display:flex;flex-direction:column;gap:4px;position:relative}.DCRChangesSummary-changeItem---XfYP:not(:last-child):after{background-color:#d9d9d9;bottom:2px;content:"";height:20px;position:absolute;right:-12px;top:2px;width:1px}.DCRChangesSummary-changeNumber--vZxc4{font-size:16px;font-weight:500;line-height:1}.DCRChangesSummary-changeLabel--tDXS6{color:var(--mui-palette-text-primary);font-size:13px}.DCRChangesSummary-edited--KFivZ{color:#eb9d08}.DCRChangesSummary-added--KGdGw{color:#599e0e}.DCRChangesSummary-deleted--TWgS5{color:#eb5757}.DCRChangesSummary-ignored--Q2Q8R{color:var(--mui-palette-primary-light)}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/workflow/ReviewDCRDialog/components/DCRChangesSummary/index.d.ts

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

package/features/workflow/ReviewDCRDialog/components/DCRChangesSummary/index.js

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

package/features/workflow/ReviewDCRDialog/components/DCRSummaryInfo/DCRSummaryInfo.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ChangeRequest, GroupedObjectsInfo, WorkflowTaskData } from '@reltio/mdm-sdk';
+type Props = {
+    dcr: ChangeRequest;
+    task: WorkflowTaskData;
+    groupedObjects: GroupedObjectsInfo[];
+};
+export declare const DCRSummaryInfo: ({ dcr, task, groupedObjects }: Props) => React.JSX.Element;
+export {};

package/features/workflow/ReviewDCRDialog/components/DCRSummaryInfo/DCRSummaryInfo.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import classnames from 'classnames';
+import Typography from '@mui/material/Typography';
+import i18n from 'ui-i18n';
+import SvgRequestSummary from '../../../../../icons/RequestSummary';
+import { DCRChangesSummary } from '../DCRChangesSummary';
+import { getDCRId } from '../../../helpers/common';
+import styles from './DCRSummaryInfo.module.css';
+export var DCRSummaryInfo = function (_a) {
+    var dcr = _a.dcr, task = _a.task, groupedObjects = _a.groupedObjects;
+    var dcrId = getDCRId(task.objectURIs);
+    return (React.createElement("div", { className: styles.requestSummary },
+        React.createElement("div", { className: styles.summaryLeft },
+            React.createElement("div", { className: styles.summaryIcon },
+                React.createElement(SvgRequestSummary, null)),
+            React.createElement("div", { className: styles.summaryContent },
+                React.createElement(Typography, { variant: "h6", className: styles.summaryTitle }, i18n.text('Request Summary')),
+                React.createElement("div", { className: styles.summaryDetails },
+                    React.createElement("div", { className: styles.summaryItem },
+                        React.createElement("span", { className: styles.summaryItemName }, "".concat(i18n.text('DCR ID'), ": ")),
+                        dcrId),
+                    React.createElement("div", { className: styles.summaryItem },
+                        React.createElement("span", { className: styles.summaryItemName }, "".concat(i18n.text('Created by'), ": ")),
+                        task.createdBy),
+                    React.createElement("div", { className: classnames(styles.summaryItem, styles.summaryItemDate) },
+                        React.createElement("span", { className: styles.summaryItemName }, "".concat(i18n.text('on'), " ")),
+                        i18n.date(task.createTime, 'L')),
+                    React.createElement("div", { className: styles.summaryItem },
+                        React.createElement("span", { className: styles.summaryItemName }, "".concat(i18n.text('Step'), ": ")),
+                        task.displayName)))),
+        React.createElement("div", { className: styles.summaryRight },
+            React.createElement(DCRChangesSummary, { changes: dcr === null || dcr === void 0 ? void 0 : dcr.changes, groupedObjects: groupedObjects }))));
+};

package/features/workflow/ReviewDCRDialog/components/DCRSummaryInfo/DCRSummaryInfo.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"requestSummary":"DCRSummaryInfo-requestSummary--FUaA0","summaryLeft":"DCRSummaryInfo-summaryLeft--Y79jA","summaryIcon":"DCRSummaryInfo-summaryIcon--VlZsg","summaryContent":"DCRSummaryInfo-summaryContent--BdPl7","summaryTitle":"DCRSummaryInfo-summaryTitle--77exU","summaryDetails":"DCRSummaryInfo-summaryDetails--u5ije","summaryItem":"DCRSummaryInfo-summaryItem--DbTdR","summaryItemName":"DCRSummaryInfo-summaryItemName--l7hYO","summaryItemDate":"DCRSummaryInfo-summaryItemDate--EQpJ0","summaryRight":"DCRSummaryInfo-summaryRight--9pEaH"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.DCRSummaryInfo-requestSummary--FUaA0{align-items:flex-start;background-color:rgba(0,0,0,.03);border-radius:8px;display:flex;justify-content:space-between;padding:16px 8px 12px}.DCRSummaryInfo-summaryLeft--Y79jA{align-items:flex-start;display:flex;gap:16px}.DCRSummaryInfo-summaryIcon--VlZsg{padding-top:4px}.DCRSummaryInfo-summaryContent--BdPl7{display:flex;flex-direction:column;gap:3px}.DCRSummaryInfo-summaryTitle--77exU{font-size:16px;font-weight:500;margin:0}.DCRSummaryInfo-summaryDetails--u5ije{display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.DCRSummaryInfo-summaryItem--DbTdR{color:var(--mui-palette-text-primary);font-size:13px;margin:0}.DCRSummaryInfo-summaryItemName--l7hYO{color:var(--mui-palette-text-secondary)}.DCRSummaryInfo-summaryItemDate--EQpJ0{margin-left:-4px}.DCRSummaryInfo-summaryRight--9pEaH{align-items:center;display:flex;padding:3px 9px}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/workflow/ReviewDCRDialog/helpers/calculateDCRChanges.d.ts

@@ -0,0 +1,3 @@
+import { DCROperationTypes, DCRChanges, GroupedObjectsInfo, Metadata } from '@reltio/mdm-sdk';
+export type DCRChangeCounts = Partial<Record<DCROperationTypes, number>>;
+export declare const calculateDCRChanges: (metadata: Metadata, changes: DCRChanges, groupedObjects: GroupedObjectsInfo[]) => DCRChangeCounts;

package/features/workflow/ReviewDCRDialog/helpers/calculateDCRChanges.js

@@ -0,0 +1,15 @@
+import { mergeChanges } from '../../AttributesChanges/helpers/merge';
+export var calculateDCRChanges = function (metadata, changes, groupedObjects) {
+    var mergedChanges = groupedObjects.reduce(function (mergedChanges, object) {
+        var _a = mergeChanges(metadata, changes, object.entity, object.relations), mergedEntityChanges = _a[0], mergedRelationsChanges = _a[1];
+        return mergedChanges.concat(mergedEntityChanges).concat(mergedRelationsChanges);
+    }, []);
+    var changesCounts = mergedChanges.reduce(function (changesCounts, _a) {
+        var operation = _a.operation;
+        if (operation) {
+            changesCounts[operation] = (changesCounts[operation] || 0) + 1;
+        }
+        return changesCounts;
+    }, {});
+    return changesCounts;
+};

package/features/workflow/ReviewDCRDialog/helpers/calculateDCRChanges.test.d.ts

@@ -0,0 +1 @@
+export {};

package/features/workflow/ReviewDCRDialog/helpers/calculateDCRChanges.test.js

@@ -0,0 +1,122 @@
+import { calculateDCRChanges } from './calculateDCRChanges';
+import { DCRTypes } from '@reltio/mdm-sdk';
+describe('calculateDCRChanges', function () {
+    var metadata = {
+        entityTypes: [
+            {
+                uri: 'configuration/entityTypes/HCP',
+                label: 'HCP',
+                attributes: [
+                    {
+                        label: 'Name',
+                        name: 'Name',
+                        type: 'String',
+                        uri: 'configuration/entityTypes/HCP/attributes/Name'
+                    },
+                    {
+                        label: 'City',
+                        name: 'City',
+                        type: 'String',
+                        uri: 'configuration/entityTypes/HCP/attributes/City'
+                    },
+                    {
+                        label: 'Tags',
+                        name: 'Tags',
+                        type: 'String',
+                        uri: 'configuration/entityTypes/HCP/attributes/Tags'
+                    }
+                ]
+            }
+        ]
+    };
+    var groupedObjects = [
+        {
+            entity: {
+                uri: 'entities/123',
+                label: 'Entity 123',
+                type: 'configuration/entityTypes/HCP',
+                isExist: true,
+                secondaryLabel: 'Test Secondary Label'
+            },
+            relations: []
+        }
+    ];
+    it('should count "added" changes correctly', function () {
+        var changes = {
+            'entities/123': [
+                {
+                    id: 'change1',
+                    type: DCRTypes.UPDATE_TAGS,
+                    oldValue: ['tag1', 'tag2'],
+                    newValue: ['tag1', 'tag2', 'tag3']
+                },
+                {
+                    id: 'change2',
+                    type: DCRTypes.UPDATE_ROLES,
+                    oldValue: ['role1'],
+                    newValue: ['role1', 'role2']
+                },
+                {
+                    id: 'change3',
+                    attributePath: 'Name',
+                    type: DCRTypes.INSERT_ATTRIBUTE,
+                    objectType: 'configuration/entityTypes/HCP',
+                    newValue: {
+                        value: {
+                            Name: [{ value: 'John' }]
+                        }
+                    }
+                }
+            ]
+        };
+        var result = calculateDCRChanges(metadata, changes, groupedObjects);
+        expect(result).toEqual({
+            added: 3
+        });
+    });
+    it('should count multiple change types correctly', function () {
+        var changes = {
+            'entities/123': [
+                {
+                    id: 'change1',
+                    type: DCRTypes.UPDATE_TAGS,
+                    oldValue: ['tag1'],
+                    newValue: ['tag1', 'tag2', 'tag3']
+                },
+                {
+                    id: 'change2',
+                    type: DCRTypes.UPDATE_ROLES,
+                    oldValue: ['role1', 'role2'],
+                    newValue: ['role1']
+                },
+                {
+                    id: 'change3',
+                    attributePath: 'City',
+                    type: DCRTypes.INSERT_ATTRIBUTE,
+                    objectType: 'configuration/entityTypes/HCP',
+                    newValue: { value: { City: [{ value: 'New York' }] } }
+                },
+                {
+                    id: 'change4',
+                    attributePath: 'Name/21vmKank',
+                    attributeType: 'configuration/entityTypes/HCP/attributes/Name',
+                    type: DCRTypes.UPDATE_ATTRIBUTE,
+                    objectType: 'configuration/entityTypes/HCP',
+                    oldValue: { value: 'John' },
+                    newValue: { value: 'Mike' }
+                }
+            ]
+        };
+        var result = calculateDCRChanges(metadata, changes, groupedObjects);
+        expect(result).toEqual({
+            added: 2,
+            deleted: 1,
+            edited: 1
+        });
+    });
+    it('should handle empty changes', function () {
+        var changes = {};
+        var result = calculateDCRChanges(metadata, changes, groupedObjects);
+        expect(result).toEqual({});
+    });
+});

package/features/workflow/ReviewDCRDialog/helpers/index.d.ts

@@ -0,0 +1 @@
+export { calculateDCRChanges, type DCRChangeCounts } from './calculateDCRChanges';

package/features/workflow/ReviewDCRDialog/helpers/index.js

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

package/features/workflow/ReviewDCRDialog/index.d.ts

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

package/features/workflow/ReviewDCRDialog/index.js

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

package/features/workflow/TaskActionButtons/TaskActionButtons.spec.js

@@ -134,7 +134,7 @@ describe('TaskActionButtons tests', function () {
             }
         });
     }); });
-    describe('required comments', function () {
+    describe('Required comments', function () {
         it('should show comment dialog if commentRequired is true', function () { return __awaiter(void 0, void 0, void 0, function () {
             var task, user, dialog, textfield;
             return __generator(this, function (_a) {

package/features/workflow/WorkflowActionButtons/WorkflowActionButtons.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TaskAction } from '../types';
+type Props = {
+    workflowActions: TaskAction[];
+    actionRequestIsInProgress?: boolean;
+    preferredAction?: {
+        label: string;
+    };
+    comment?: string;
+};
+export declare const WorkflowActionButtons: ({ workflowActions: actions, actionRequestIsInProgress, preferredAction, comment }: Props) => React.JSX.Element;
+export {};

package/features/workflow/WorkflowActionButtons/WorkflowActionButtons.js

@@ -0,0 +1,27 @@
+import React, { useMemo, useState } from 'react';
+import Button from '@mui/material/Button';
+import { ModeSwitcherSelect } from '../../../ModeSwitcherSelect';
+export var WorkflowActionButtons = function (_a) {
+    var actions = _a.workflowActions, actionRequestIsInProgress = _a.actionRequestIsInProgress, preferredAction = _a.preferredAction, _b = _a.comment, comment = _b === void 0 ? '' : _b;
+    var _c = useState(function () { var _a; return (preferredAction === null || preferredAction === void 0 ? void 0 : preferredAction.label) || ((_a = actions[0]) === null || _a === void 0 ? void 0 : _a.text); }), currentAction = _c[0], setCurrentAction = _c[1];
+    var buttonsGroup = useMemo(function () {
+        return actions.map(function (_a) {
+            var text = _a.text, onClick = _a.onClick;
+            return ({
+                label: text,
+                onClick: function () {
+                    setCurrentAction(text);
+                    onClick(comment);
+                },
+                value: text
+            });
+        });
+    }, [actions, comment]);
+    if (buttonsGroup.length === 0) {
+        return null;
+    }
+    if (buttonsGroup.length === 1) {
+        return (React.createElement(Button, { variant: "outlined", onClick: buttonsGroup[0].onClick, disabled: actionRequestIsInProgress, size: "small" }, buttonsGroup[0].label));
+    }
+    return (React.createElement(ModeSwitcherSelect, { buttonsGroup: buttonsGroup, value: currentAction, loading: actionRequestIsInProgress, disabled: actionRequestIsInProgress }));
+};