@reltio/components 1.4.2189 → 1.4.2191

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DCRChangesSummary = void 0;
+var DCRChangesSummary_1 = require("./DCRChangesSummary");
+Object.defineProperty(exports, "DCRChangesSummary", { enumerable: true, get: function () { return DCRChangesSummary_1.DCRChangesSummary; } });

package/cjs/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/cjs/features/workflow/ReviewDCRDialog/components/DCRSummaryInfo/DCRSummaryInfo.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DCRSummaryInfo = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var RequestSummary_1 = __importDefault(require("../../../../../icons/RequestSummary"));
+var DCRChangesSummary_1 = require("../DCRChangesSummary");
+var common_1 = require("../../../helpers/common");
+var DCRSummaryInfo_module_css_1 = __importDefault(require("./DCRSummaryInfo.module.css"));
+var DCRSummaryInfo = function (_a) {
+    var dcr = _a.dcr, task = _a.task, groupedObjects = _a.groupedObjects;
+    var dcrId = (0, common_1.getDCRId)(task.objectURIs);
+    return (react_1.default.createElement("div", { className: DCRSummaryInfo_module_css_1.default.requestSummary },
+        react_1.default.createElement("div", { className: DCRSummaryInfo_module_css_1.default.summaryLeft },
+            react_1.default.createElement("div", { className: DCRSummaryInfo_module_css_1.default.summaryIcon },
+                react_1.default.createElement(RequestSummary_1.default, null)),
+            react_1.default.createElement("div", { className: DCRSummaryInfo_module_css_1.default.summaryContent },
+                react_1.default.createElement(Typography_1.default, { variant: "h6", className: DCRSummaryInfo_module_css_1.default.summaryTitle }, ui_i18n_1.default.text('Request Summary')),
+                react_1.default.createElement("div", { className: DCRSummaryInfo_module_css_1.default.summaryDetails },
+                    react_1.default.createElement("div", { className: DCRSummaryInfo_module_css_1.default.summaryItem },
+                        react_1.default.createElement("span", { className: DCRSummaryInfo_module_css_1.default.summaryItemName }, "".concat(ui_i18n_1.default.text('DCR ID'), ": ")),
+                        dcrId),
+                    react_1.default.createElement("div", { className: DCRSummaryInfo_module_css_1.default.summaryItem },
+                        react_1.default.createElement("span", { className: DCRSummaryInfo_module_css_1.default.summaryItemName }, "".concat(ui_i18n_1.default.text('Created by'), ": ")),
+                        task.createdBy),
+                    react_1.default.createElement("div", { className: (0, classnames_1.default)(DCRSummaryInfo_module_css_1.default.summaryItem, DCRSummaryInfo_module_css_1.default.summaryItemDate) },
+                        react_1.default.createElement("span", { className: DCRSummaryInfo_module_css_1.default.summaryItemName }, "".concat(ui_i18n_1.default.text('on'), " ")),
+                        ui_i18n_1.default.date(task.createTime, 'L')),
+                    react_1.default.createElement("div", { className: DCRSummaryInfo_module_css_1.default.summaryItem },
+                        react_1.default.createElement("span", { className: DCRSummaryInfo_module_css_1.default.summaryItemName }, "".concat(ui_i18n_1.default.text('Step'), ": ")),
+                        task.displayName)))),
+        react_1.default.createElement("div", { className: DCRSummaryInfo_module_css_1.default.summaryRight },
+            react_1.default.createElement(DCRChangesSummary_1.DCRChangesSummary, { changes: dcr === null || dcr === void 0 ? void 0 : dcr.changes, groupedObjects: groupedObjects }))));
+};
+exports.DCRSummaryInfo = DCRSummaryInfo;

package/cjs/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);
+}
+module.exports = styles;

package/cjs/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/cjs/features/workflow/ReviewDCRDialog/helpers/calculateDCRChanges.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateDCRChanges = void 0;
+var merge_1 = require("../../AttributesChanges/helpers/merge");
+var calculateDCRChanges = function (metadata, changes, groupedObjects) {
+    var mergedChanges = groupedObjects.reduce(function (mergedChanges, object) {
+        var _a = (0, merge_1.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;
+};
+exports.calculateDCRChanges = calculateDCRChanges;

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

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

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

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var calculateDCRChanges_1 = require("./calculateDCRChanges");
+var mdm_sdk_1 = require("@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: mdm_sdk_1.DCRTypes.UPDATE_TAGS,
+                    oldValue: ['tag1', 'tag2'],
+                    newValue: ['tag1', 'tag2', 'tag3']
+                },
+                {
+                    id: 'change2',
+                    type: mdm_sdk_1.DCRTypes.UPDATE_ROLES,
+                    oldValue: ['role1'],
+                    newValue: ['role1', 'role2']
+                },
+                {
+                    id: 'change3',
+                    attributePath: 'Name',
+                    type: mdm_sdk_1.DCRTypes.INSERT_ATTRIBUTE,
+                    objectType: 'configuration/entityTypes/HCP',
+                    newValue: {
+                        value: {
+                            Name: [{ value: 'John' }]
+                        }
+                    }
+                }
+            ]
+        };
+        var result = (0, calculateDCRChanges_1.calculateDCRChanges)(metadata, changes, groupedObjects);
+        expect(result).toEqual({
+            added: 3
+        });
+    });
+    it('should count multiple change types correctly', function () {
+        var changes = {
+            'entities/123': [
+                {
+                    id: 'change1',
+                    type: mdm_sdk_1.DCRTypes.UPDATE_TAGS,
+                    oldValue: ['tag1'],
+                    newValue: ['tag1', 'tag2', 'tag3']
+                },
+                {
+                    id: 'change2',
+                    type: mdm_sdk_1.DCRTypes.UPDATE_ROLES,
+                    oldValue: ['role1', 'role2'],
+                    newValue: ['role1']
+                },
+                {
+                    id: 'change3',
+                    attributePath: 'City',
+                    type: mdm_sdk_1.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: mdm_sdk_1.DCRTypes.UPDATE_ATTRIBUTE,
+                    objectType: 'configuration/entityTypes/HCP',
+                    oldValue: { value: 'John' },
+                    newValue: { value: 'Mike' }
+                }
+            ]
+        };
+        var result = (0, calculateDCRChanges_1.calculateDCRChanges)(metadata, changes, groupedObjects);
+        expect(result).toEqual({
+            added: 2,
+            deleted: 1,
+            edited: 1
+        });
+    });
+    it('should handle empty changes', function () {
+        var changes = {};
+        var result = (0, calculateDCRChanges_1.calculateDCRChanges)(metadata, changes, groupedObjects);
+        expect(result).toEqual({});
+    });
+});

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateDCRChanges = void 0;
+var calculateDCRChanges_1 = require("./calculateDCRChanges");
+Object.defineProperty(exports, "calculateDCRChanges", { enumerable: true, get: function () { return calculateDCRChanges_1.calculateDCRChanges; } });

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReviewDCRDialog = void 0;
+var ReviewDCRDialog_1 = require("./ReviewDCRDialog");
+Object.defineProperty(exports, "ReviewDCRDialog", { enumerable: true, get: function () { return ReviewDCRDialog_1.ReviewDCRDialog; } });

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

@@ -139,7 +139,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/cjs/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/cjs/features/workflow/WorkflowActionButtons/WorkflowActionButtons.js

@@ -0,0 +1,57 @@
+"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.WorkflowActionButtons = void 0;
+var react_1 = __importStar(require("react"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var ModeSwitcherSelect_1 = require("../../../ModeSwitcherSelect");
+var WorkflowActionButtons = function (_a) {
+    var actions = _a.workflowActions, actionRequestIsInProgress = _a.actionRequestIsInProgress, preferredAction = _a.preferredAction, _b = _a.comment, comment = _b === void 0 ? '' : _b;
+    var _c = (0, react_1.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 = (0, react_1.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_1.default.createElement(Button_1.default, { variant: "outlined", onClick: buttonsGroup[0].onClick, disabled: actionRequestIsInProgress, size: "small" }, buttonsGroup[0].label));
+    }
+    return (react_1.default.createElement(ModeSwitcherSelect_1.ModeSwitcherSelect, { buttonsGroup: buttonsGroup, value: currentAction, loading: actionRequestIsInProgress, disabled: actionRequestIsInProgress }));
+};
+exports.WorkflowActionButtons = WorkflowActionButtons;

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

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

package/cjs/features/workflow/WorkflowActionButtons/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkflowActionButtons = void 0;
+var WorkflowActionButtons_1 = require("./WorkflowActionButtons");
+Object.defineProperty(exports, "WorkflowActionButtons", { enumerable: true, get: function () { return WorkflowActionButtons_1.WorkflowActionButtons; } });

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

@@ -8,6 +8,12 @@ type Props = {
     taskId: string;
     isTaskOpen: boolean;
     preferredAction?: WorkflowAction;
+    showActionButtons?: boolean;
+    alwaysExpanded?: boolean;
+    classes?: {
+        container?: string;
+        commentsContainer?: string;
+    };
 };
-export declare const WorkflowComments: ({ workflowActions: actions, actionRequestIsInProgress, processInstanceComments, taskId, isTaskOpen, preferredAction }: Props) => React.JSX.Element;
+export declare const WorkflowComments: ({ workflowActions: actions, actionRequestIsInProgress, processInstanceComments, taskId, isTaskOpen, preferredAction, showActionButtons, alwaysExpanded, classes }: Props) => React.JSX.Element;
 export {};

package/cjs/features/workflow/WorkflowComments/WorkflowComments.js

@@ -28,28 +28,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WorkflowComments = void 0;
 var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Input_1 = __importDefault(require("@mui/material/Input"));
 var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
 var Send_1 = __importDefault(require("@mui/icons-material/Send"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
 var CollapsedComments_1 = require("./components/CollapsedComments");
 var ExpandedComments_1 = require("./components/ExpandedComments");
 var useWorkflowComments_1 = require("../hooks/useWorkflowComments");
 var SmallIconButton_1 = require("../../../SmallIconButton");
-var ModeSwitcherSelect_1 = require("../../../ModeSwitcherSelect");
-var styles_1 = require("./styles");
+var WorkflowActionButtons_1 = require("../WorkflowActionButtons");
+var WorkflowComments_module_css_1 = __importDefault(require("./WorkflowComments.module.css"));
 var WorkflowComments = function (_a) {
-    var actions = _a.workflowActions, actionRequestIsInProgress = _a.actionRequestIsInProgress, processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isTaskOpen = _a.isTaskOpen, preferredAction = _a.preferredAction;
-    var styles = (0, styles_1.useStyles)();
-    var _b = (0, react_1.useState)(false), expanded = _b[0], setExpanded = _b[1];
-    var _c = (0, react_1.useState)(''), comment = _c[0], setComment = _c[1];
-    var _d = (0, react_1.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 = _d[0], setCurrentAction = _d[1];
-    var _e = (0, useWorkflowComments_1.useWorkflowComments)({
+    var actions = _a.workflowActions, actionRequestIsInProgress = _a.actionRequestIsInProgress, processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isTaskOpen = _a.isTaskOpen, preferredAction = _a.preferredAction, _b = _a.showActionButtons, showActionButtons = _b === void 0 ? true : _b, _c = _a.alwaysExpanded, alwaysExpanded = _c === void 0 ? false : _c, classes = _a.classes;
+    var _d = (0, react_1.useState)(false), expanded = _d[0], setExpanded = _d[1];
+    var _e = (0, react_1.useState)(''), comment = _e[0], setComment = _e[1];
+    var _f = (0, useWorkflowComments_1.useWorkflowComments)({
         processInstanceComments: processInstanceComments,
         taskId: taskId,
         isOpen: isTaskOpen
-    }), comments = _e.comments, writeComment = _e.writeComment, readOnly = _e.readOnly;
+    }), comments = _f.comments, writeComment = _f.writeComment, readOnly = _f.readOnly;
     var sendComment = (0, react_1.useCallback)(function () {
         writeComment(comment);
         setComment('');
@@ -69,29 +67,15 @@ var WorkflowComments = function (_a) {
             e.preventDefault();
         }
     }, [comment, sendComment]);
-    var buttonsGroup = (0, react_1.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]);
-    return (react_1.default.createElement("div", { className: styles.container },
-        react_1.default.createElement("div", { className: styles.title },
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(WorkflowComments_module_css_1.default.container, classes === null || classes === void 0 ? void 0 : classes.container) },
+        react_1.default.createElement("div", { className: WorkflowComments_module_css_1.default.title },
             " ",
             ui_i18n_1.default.text('Comments'),
             " "),
-        react_1.default.createElement("div", { className: styles.commentsContainer }, expanded || comments.length < 3 ? (react_1.default.createElement(ExpandedComments_1.ExpandedComments, { comments: comments })) : (react_1.default.createElement(CollapsedComments_1.CollapsedComments, { onClick: function () { return setExpanded(true); }, comments: comments }))),
-        !readOnly && (react_1.default.createElement(Input_1.default, { endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end", className: styles.sendButton },
-                react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: Send_1.default, disabled: comment.length === 0, onClick: sendComment, "data-reltio-id": "send-button" })), classes: { root: styles.filledInputRoot }, placeholder: ui_i18n_1.default.text('Write a comment'), value: comment, onKeyPress: handleKeyPress, onChange: handleChange, disableUnderline: true, multiline: true })),
-        react_1.default.createElement("div", { className: styles.modeSwitcherWrapper },
-            buttonsGroup.length === 1 && (react_1.default.createElement(Button_1.default, { variant: "outlined", onClick: buttonsGroup[0].onClick, disabled: actionRequestIsInProgress }, buttonsGroup[0].label)),
-            buttonsGroup.length > 1 && (react_1.default.createElement(ModeSwitcherSelect_1.ModeSwitcherSelect, { buttonsGroup: buttonsGroup, value: currentAction, loading: actionRequestIsInProgress, disabled: actionRequestIsInProgress })))));
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(WorkflowComments_module_css_1.default.commentsContainer, classes === null || classes === void 0 ? void 0 : classes.commentsContainer) }, expanded || alwaysExpanded || comments.length < 3 ? (react_1.default.createElement(ExpandedComments_1.ExpandedComments, { comments: comments })) : (react_1.default.createElement(CollapsedComments_1.CollapsedComments, { onClick: function () { return setExpanded(true); }, comments: comments }))),
+        !readOnly && (react_1.default.createElement(Input_1.default, { endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end", className: WorkflowComments_module_css_1.default.sendButton },
+                react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: Send_1.default, disabled: comment.length === 0, onClick: sendComment, "data-reltio-id": "send-button" })), classes: { root: WorkflowComments_module_css_1.default.filledInputRoot }, placeholder: ui_i18n_1.default.text('Write a comment'), value: comment, onKeyPress: handleKeyPress, onChange: handleChange, disableUnderline: true, multiline: true })),
+        showActionButtons && (react_1.default.createElement("div", { className: WorkflowComments_module_css_1.default.modeSwitcherWrapper },
+            react_1.default.createElement(WorkflowActionButtons_1.WorkflowActionButtons, { workflowActions: actions, actionRequestIsInProgress: actionRequestIsInProgress, preferredAction: preferredAction, comment: comment })))));
 };
 exports.WorkflowComments = WorkflowComments;

package/cjs/features/workflow/WorkflowComments/WorkflowComments.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"container":"WorkflowComments-container--zu4Un","commentsContainer":"WorkflowComments-commentsContainer--CHV0q","title":"WorkflowComments-title--a0FTZ","filledInputRoot":"WorkflowComments-filledInputRoot--q5WAu","focused":"WorkflowComments-focused--s-NQa","modeSwitcherWrapper":"WorkflowComments-modeSwitcherWrapper--b585U","sendButton":"WorkflowComments-sendButton--NjNcl"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.WorkflowComments-container--zu4Un{display:flex;flex-direction:column;padding:5px 0}.WorkflowComments-commentsContainer--CHV0q{max-height:300px;overflow-y:auto}.WorkflowComments-title--a0FTZ{color:rgba(0,0,0,.87);font-size:14px;margin:0 0 8px 5px}.WorkflowComments-filledInputRoot--q5WAu{background-color:rgba(0,0,0,.03);font-size:14px;margin:10px 17px 0 6px;min-height:40px;padding:10px 6px}.WorkflowComments-filledInputRoot--q5WAu.WorkflowComments-focused--s-NQa,.WorkflowComments-filledInputRoot--q5WAu:hover{background-color:rgba(0,0,0,.03)}.WorkflowComments-modeSwitcherWrapper--b585U{margin-left:auto;margin-right:16px;margin-top:8px}.WorkflowComments-sendButton--NjNcl{align-self:end;margin-bottom:10px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

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

@@ -1,23 +1,63 @@
 "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.DataChangeRequestTaskCard = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var DcrTaskIcon_1 = __importDefault(require("../../../../../icons/DcrTaskIcon"));
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var GenericWorkflowTaskCard_1 = require("../GenericWorkflowTaskCard");
 var AttributesChanges_1 = require("../../../AttributesChanges");
 var LineDecorator_1 = require("../../../LineDecorator");
 var useChangeRequest_1 = require("../../../hooks/useChangeRequest");
 var common_1 = require("../../../helpers/common");
+var ReviewDCRDialog_1 = require("../../../ReviewDCRDialog");
+var ReviewDCRButton_1 = require("../../../ReviewDCRButton");
 var DataChangeRequestTaskCard = function (_a) {
     var task = _a.task;
-    var objectURIs = task.objectURIs;
+    var reviewDCREnabled = (0, MdmModuleContext_1.useMdmReviewDCREnabled)();
+    var username = (0, MdmModuleContext_1.useMdmUsername)();
+    var _b = (0, react_1.useState)(false), isReviewDCRDialogOpen = _b[0], setIsReviewDCRDialogOpen = _b[1];
+    var objectURIs = task.objectURIs, assignee = task.assignee;
     var dcrUri = (0, common_1.getDCRUri)(objectURIs);
-    var _b = (0, useChangeRequest_1.useChangeRequest)(dcrUri), dcr = _b.dcr, groupedObjects = _b.groupedObjects;
-    return (react_1.default.createElement(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard, { task: task, Icon: DcrTaskIcon_1.default }, dcr &&
-        groupedObjects.map(function (object, index) { return (react_1.default.createElement(LineDecorator_1.LineDecorator, { key: index, last: index === groupedObjects.length - 1, divider: true },
-            react_1.default.createElement(AttributesChanges_1.AttributesChanges, { entityInfo: object.entity, relationsInfo: object.relations, changes: dcr.changes, objectsInfo: dcr.objectsInfo, dcrUri: dcrUri }))); })));
+    var _c = (0, useChangeRequest_1.useChangeRequest)(dcrUri), dcr = _c.dcr, groupedObjects = _c.groupedObjects;
+    var handleReviewDCR = (0, react_1.useCallback)(function () {
+        setIsReviewDCRDialogOpen(true);
+    }, []);
+    var handleCloseReviewDCRDialog = (0, react_1.useCallback)(function () {
+        setIsReviewDCRDialogOpen(false);
+    }, []);
+    var showReviewDCRButton = reviewDCREnabled && assignee == username;
+    var showReviewDialog = isReviewDCRDialogOpen && (showReviewDCRButton || reviewDCREnabled);
+    var customActionsSlot = (0, react_1.useMemo)(function () { return showReviewDCRButton && react_1.default.createElement(ReviewDCRButton_1.ReviewDCRButton, { onClick: handleReviewDCR }); }, [showReviewDCRButton, handleReviewDCR]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard, { task: task, Icon: DcrTaskIcon_1.default, customActionsSlot: customActionsSlot }, dcr &&
+            groupedObjects.map(function (object, index) { return (react_1.default.createElement(LineDecorator_1.LineDecorator, { key: index, last: index === groupedObjects.length - 1, divider: true },
+                react_1.default.createElement(AttributesChanges_1.AttributesChanges, { entityInfo: object.entity, relationsInfo: object.relations, changes: dcr.changes, objectsInfo: dcr.objectsInfo, dcrUri: dcrUri }))); })),
+        showReviewDialog && (react_1.default.createElement(ReviewDCRDialog_1.ReviewDCRDialog, { open: isReviewDCRDialogOpen, onClose: handleCloseReviewDCRDialog, dcr: dcr, groupedObjects: groupedObjects, task: task }))));
 };
 exports.DataChangeRequestTaskCard = DataChangeRequestTaskCard;