@reltio/components 1.4.2190 → 1.4.2191

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

@@ -5,6 +5,8 @@ export { AssigneeSelector } from './AssigneeSelector';
 export { ReassignButton } from './ReassignButton';
 export { WorkflowComments } from './WorkflowComments';
 export { TaskActionButtons } from './TaskActionButtons';
+export { ReviewDCRButton } from './ReviewDCRButton';
+export { ReviewDCRDialog } from './ReviewDCRDialog';
 export { useWorkflowAssignee } from './hooks/useWorkflowAssignee';
 export { useWorkflowComments } from './hooks/useWorkflowComments';
 export { useWorkflowActions } from './hooks/useWorkflowActions';

package/cjs/features/workflow/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findWorkflowDefinitionByType = exports.useWorkflowDefaultActionSuccessHandler = exports.useWorkflowTasks = exports.useWorkflowCheckPermission = exports.useWorkflowActions = exports.useWorkflowComments = exports.useWorkflowAssignee = exports.TaskActionButtons = exports.WorkflowComments = exports.ReassignButton = exports.AssigneeSelector = exports.TaskActions = exports.AddWorkflowButton = exports.WorkflowTaskCard = void 0;
+exports.findWorkflowDefinitionByType = exports.useWorkflowDefaultActionSuccessHandler = exports.useWorkflowTasks = exports.useWorkflowCheckPermission = exports.useWorkflowActions = exports.useWorkflowComments = exports.useWorkflowAssignee = exports.ReviewDCRDialog = exports.ReviewDCRButton = exports.TaskActionButtons = exports.WorkflowComments = exports.ReassignButton = exports.AssigneeSelector = exports.TaskActions = exports.AddWorkflowButton = exports.WorkflowTaskCard = void 0;
 // components
 var WorkflowTaskCard_1 = require("./WorkflowTaskCard");
 Object.defineProperty(exports, "WorkflowTaskCard", { enumerable: true, get: function () { return WorkflowTaskCard_1.WorkflowTaskCard; } });
@@ -16,6 +16,10 @@ var WorkflowComments_1 = require("./WorkflowComments");
 Object.defineProperty(exports, "WorkflowComments", { enumerable: true, get: function () { return WorkflowComments_1.WorkflowComments; } });
 var TaskActionButtons_1 = require("./TaskActionButtons");
 Object.defineProperty(exports, "TaskActionButtons", { enumerable: true, get: function () { return TaskActionButtons_1.TaskActionButtons; } });
+var ReviewDCRButton_1 = require("./ReviewDCRButton");
+Object.defineProperty(exports, "ReviewDCRButton", { enumerable: true, get: function () { return ReviewDCRButton_1.ReviewDCRButton; } });
+var ReviewDCRDialog_1 = require("./ReviewDCRDialog");
+Object.defineProperty(exports, "ReviewDCRDialog", { enumerable: true, get: function () { return ReviewDCRDialog_1.ReviewDCRDialog; } });
 // hooks
 var useWorkflowAssignee_1 = require("./hooks/useWorkflowAssignee");
 Object.defineProperty(exports, "useWorkflowAssignee", { enumerable: true, get: function () { return useWorkflowAssignee_1.useWorkflowAssignee; } });

package/cjs/icons/RequestSummary.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgRequestSummary: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgRequestSummary;

package/cjs/icons/RequestSummary.js

@@ -0,0 +1,24 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgRequestSummary = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgRequestSummary" }, props),
+        react_1.default.createElement("ellipse", { cx: "15.972", cy: "16", rx: "15.972", ry: "16", fill: "#1D4E99" }),
+        react_1.default.createElement("path", { opacity: "0.54", d: "M24.4771 14.7002C23.972 14.3772 23.4183 14.1244 22.8286 13.9561V8.42871H8.50342V19.415H14.8589C14.8411 19.6077 14.8316 19.8027 14.8315 20C14.8315 20.3358 14.8581 20.6657 14.9087 20.9873H6.84521V6.85742H24.4771V14.7002ZM11.8091 17.8428H10.1519V16.2803H11.8091V17.8428ZM16.0483 16.2803C15.7 16.7547 15.4168 17.2799 15.2114 17.8428H13.4575V16.2803H16.0483ZM11.8091 14.708H10.1519V13.1357H11.8091V14.708ZM21.1714 13.7158C21.1496 13.7156 21.1278 13.7148 21.106 13.7148C19.8597 13.7148 18.6995 14.0804 17.7231 14.708H13.4575V13.1357H21.1714V13.7158ZM11.8091 11.5645H10.1519V10.001H11.8091V11.5645ZM21.1714 11.5645H13.4575V10.001H21.1714V11.5645Z", fill: "white" }),
+        react_1.default.createElement("path", { opacity: "0.87", d: "M21.106 14.8574C22.2479 14.8575 23.3031 15.2315 24.1558 15.8633L23.2349 16.7861C22.6252 16.3801 21.8929 16.1426 21.106 16.1426C18.9797 16.1428 17.2565 17.87 17.2563 20C17.2563 22.1301 18.9796 23.8572 21.106 23.8574C23.0435 23.8572 24.6461 22.4229 24.9155 20.5566L26.189 19.2822C26.2217 19.5168 26.2407 19.7564 26.2407 20C26.2407 22.8402 23.9412 25.1424 21.106 25.1426C18.2708 25.1423 15.9722 22.8402 15.9722 20C15.9723 17.16 18.2709 14.8577 21.106 14.8574ZM26.7075 17.208L21.2622 22.6631L20.354 21.7539V21.7529L18.5396 19.9355L19.4468 19.0264L21.2612 20.8438L25.7993 16.2988L26.7075 17.208Z", fill: "white" })));
+};
+exports.default = SvgRequestSummary;

package/cjs/icons/ReviewDCR.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgReviewDCR: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgReviewDCR;

package/cjs/icons/ReviewDCR.js

@@ -0,0 +1,22 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgReviewDCR = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.5 9H5.51415C5.53356 8.74392 5.57268 8.49341 5.63 8.25H2.5V6.75H6.26449C6.43659 6.48075 6.63444 6.2296 6.85458 6H2.5V4.5H10V4.51415C10.1238 4.50477 10.2488 4.5 10.375 4.5C11.0397 4.5 11.673 4.63248 12.25 4.87252V1.5C12.25 0.675 11.575 0 10.75 0H1.75C0.925 0 0.25 0.675 0.25 1.5V11.25C0.25 12.075 0.925 12.75 1.75 12.75H6.85373C6.26293 12.1331 5.8327 11.3608 5.63001 10.5H2.5V9ZM10 3.75H2.5V2.25H10V3.75ZM13.225 11.1675L15.565 13.5L14.5 14.565L12.16 12.225C11.6425 12.555 11.0275 12.75 10.3675 12.75C8.5075 12.75 7 11.2425 7 9.375C7 7.5075 8.5075 6 10.375 6C12.2425 6 13.75 7.5075 13.75 9.375C13.75 10.035 13.555 10.6425 13.225 11.1675ZM10.375 11.25C11.41 11.25 12.25 10.41 12.25 9.375C12.25 8.34 11.41 7.5 10.375 7.5C9.34 7.5 8.5 8.34 8.5 9.375C8.5 10.41 9.34 11.25 10.375 11.25Z", fill: "#0072CE" })));
+};
+exports.default = SvgReviewDCR;

package/contexts/MdmModuleContext/context.d.ts

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

package/contexts/MdmModuleContext/hooks.d.ts

@@ -151,3 +151,4 @@ export declare const useMdmListener: <T extends keyof MdmModuleListenersContextP
 export declare const useMdmHiddenAttributes: () => Record<string, string[]>;
 export declare const useMdmControlAttributes: () => string[];
 export declare const useMdmShowMasking: () => boolean;
+export declare const useMdmReviewDCREnabled: () => boolean;

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/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';