@reltio/components 1.4.1643 → 1.4.1644

package/cjs/icons/NegativeRuleIcon.js

@@ -15,8 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var NegativeRuleIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        react_1.default.createElement("path", { d: "M5 0C2.24 0 0 2.24 0 5C0 7.76 2.24 10 5 10C7.76 10 10 7.76 10 5C10 2.24 7.76 0 5 0ZM7.5 5.5H2.5V4.5H7.5V5.5Z", fill: "black", fillOpacity: "0.54" })));
+var SvgNegativeRuleIcon = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("path", { d: "M5 0C2.24 0 0 2.24 0 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm2.5 5.5h-5v-1h5v1z", fill: "#000", fillOpacity: 0.54 })));
 };
-exports.default = NegativeRuleIcon;
+exports.default = SvgNegativeRuleIcon;

package/cjs/icons/NegativeRuleTooltipIcon.d.ts

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

package/cjs/icons/NegativeRuleTooltipIcon.js

@@ -15,8 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var NegativeRuleTooltipIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        react_1.default.createElement("path", { d: "M5 0C2.24 0 0 2.24 0 5C0 7.76 2.24 10 5 10C7.76 10 10 7.76 10 5C10 2.24 7.76 0 5 0ZM7.5 5.5H2.5V4.5H7.5V5.5Z", fill: "white", fillOpacity: "0.54" })));
+var SvgNegativeRuleTooltipIcon = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("path", { d: "M5 0C2.24 0 0 2.24 0 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm2.5 5.5h-5v-1h5v1z", fill: "#fff", fillOpacity: 0.54 })));
 };
-exports.default = NegativeRuleTooltipIcon;
+exports.default = SvgNegativeRuleTooltipIcon;

package/cjs/icons/Reassign.d.ts

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

package/cjs/icons/Reassign.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 SvgReassign = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 18, viewBox: "0 0 24 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("path", { d: "M24 17.454v-2.181c0-2.411-3.905-4.364-8.727-4.364-4.822 0-8.728 1.953-8.728 4.364v2.181H24zM10.91 4.364a4.362 4.362 0 004.363 4.363 4.362 4.362 0 004.363-4.363A4.362 4.362 0 0015.273 0a4.362 4.362 0 00-4.364 4.364zM3.272 1.636V4.91H0v4.364h3.273v3.273L8.727 7.09 3.273 1.636z", fill: "#757575" })));
+};
+exports.default = SvgReassign;

package/cjs/icons/index.d.ts

@@ -43,6 +43,7 @@ export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';
 export { default as Radius } from './Radius';
+export { default as Reassign } from './Reassign';
 export { default as Recommended } from './Recommended';
 export { default as ReferenceAttribute } from './ReferenceAttribute';
 export { default as Remove } from './Remove';

package/cjs/icons/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
-exports.UploadIcon = exports.UnMerge = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = void 0;
+exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Reassign = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
+exports.UploadIcon = exports.UnMerge = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var AddComment_1 = require("./AddComment");
@@ -95,6 +95,8 @@ var Profile_1 = require("./Profile");
 Object.defineProperty(exports, "Profile", { enumerable: true, get: function () { return __importDefault(Profile_1).default; } });
 var Radius_1 = require("./Radius");
 Object.defineProperty(exports, "Radius", { enumerable: true, get: function () { return __importDefault(Radius_1).default; } });
+var Reassign_1 = require("./Reassign");
+Object.defineProperty(exports, "Reassign", { enumerable: true, get: function () { return __importDefault(Reassign_1).default; } });
 var Recommended_1 = require("./Recommended");
 Object.defineProperty(exports, "Recommended", { enumerable: true, get: function () { return __importDefault(Recommended_1).default; } });
 var ReferenceAttribute_1 = require("./ReferenceAttribute");

package/esm/components/workflow/components/AssigneeSelector/AssigneeSelector.d.ts

@@ -2,6 +2,9 @@
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
 type Props = Pick<WorkflowTaskData, 'taskId' | 'assignee'> & {
     isTaskOpen?: WorkflowTaskData['isOpen'];
+    label?: string;
+    onChange?: (assignee: any) => void;
+    showCurrentAssignee?: boolean;
 };
-declare const AssigneeSelector: ({ taskId, assignee, isTaskOpen }: Props) => JSX.Element;
+declare const AssigneeSelector: ({ taskId, assignee, isTaskOpen, label, onChange, showCurrentAssignee }: Props) => JSX.Element;
 export default AssigneeSelector;

package/esm/components/workflow/components/AssigneeSelector/AssigneeSelector.js

@@ -3,13 +3,15 @@ import i18n from 'ui-i18n';
 import DropDownSelector from '../../../DropDownSelector/DropDownSelector';
 import { useWorkflowAssignee } from '../../hooks/useWorkflowAssignee';
 var AssigneeSelector = function (_a) {
-    var taskId = _a.taskId, assignee = _a.assignee, isTaskOpen = _a.isTaskOpen;
-    var _b = useWorkflowAssignee({
+    var taskId = _a.taskId, assignee = _a.assignee, isTaskOpen = _a.isTaskOpen, label = _a.label, onChange = _a.onChange, _b = _a.showCurrentAssignee, showCurrentAssignee = _b === void 0 ? true : _b;
+    var _c = useWorkflowAssignee({
         taskId: taskId,
         assignee: assignee,
-        isOpen: isTaskOpen
-    }), currentAssignee = _b.assignee, getAssignees = _b.getAssignees, updateAssignee = _b.updateAssignee, updateRequestIsInProgress = _b.updateRequestIsInProgress, readOnly = _b.readOnly;
+        showCurrentAssignee: showCurrentAssignee,
+        isOpen: isTaskOpen,
+        onChange: onChange
+    }), currentAssignee = _c.assignee, getAssignees = _c.getAssignees, updateAssignee = _c.updateAssignee, updateRequestIsInProgress = _c.updateRequestIsInProgress, readOnly = _c.readOnly;
     var disabled = updateRequestIsInProgress || readOnly;
-    return (React.createElement(DropDownSelector, { isDisabled: disabled, getOptions: getAssignees, onChange: updateAssignee, hideSelectedOptions: false, label: i18n.text('Assigned to'), value: currentAssignee, defaultOptions: true, TextFieldProps: { disabled: disabled }, height: 40 }));
+    return (React.createElement(DropDownSelector, { isDisabled: disabled, getOptions: getAssignees, onChange: updateAssignee, hideSelectedOptions: false, label: label || i18n.text('Assigned to'), value: currentAssignee, defaultOptions: true, TextFieldProps: { disabled: disabled }, height: 40 }));
 };
 export default AssigneeSelector;

package/esm/components/workflow/components/ReassignButton/ReassignButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type Props = {
+    changeRequestURI: string;
+    disabled?: boolean;
+};
+declare const ReassignButton: ({ disabled, changeRequestURI }: Props) => JSX.Element;
+export default ReassignButton;

package/esm/components/workflow/components/ReassignButton/ReassignButton.js

@@ -0,0 +1,19 @@
+import React, { useState } from 'react';
+import i18n from 'ui-i18n';
+import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
+import ReassignIcon from '../../../../icons/Reassign';
+import ReassignDialog from './ReassignDialog';
+var ReassignButton = function (_a) {
+    var disabled = _a.disabled, changeRequestURI = _a.changeRequestURI;
+    var _b = useState(false), isDialogOpen = _b[0], setIsDialogOpen = _b[1];
+    var handleOpenDialog = function () {
+        setIsDialogOpen(true);
+    };
+    var handleCloseDialog = function () {
+        setIsDialogOpen(false);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SmallIconButtonWithTooltip, { "data-reltio-id": "reltio-reassign-button", showForDisabled: true, tooltipTitle: i18n.text('Reassign task'), "aria-label": i18n.text('Reassign task'), icon: ReassignIcon, onClick: handleOpenDialog, size: "L", disabled: disabled || !changeRequestURI }),
+        React.createElement(ReassignDialog, { isOpen: isDialogOpen, onClose: handleCloseDialog, changeRequestURI: changeRequestURI })));
+};
+export default ReassignButton;

package/esm/components/workflow/components/ReassignButton/ReassignDialog.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type Props = {
+    isOpen: boolean;
+    onClose: () => void;
+    changeRequestURI: string;
+};
+declare const ReassignDialog: ({ isOpen, onClose, changeRequestURI }: Props) => JSX.Element;
+export default ReassignDialog;

package/esm/components/workflow/components/ReassignButton/ReassignDialog.js

@@ -0,0 +1,101 @@
+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);
+};
+import React, { useEffect, useState } from 'react';
+import i18n from 'ui-i18n';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import Typography from '@mui/material/Typography';
+import Divider from '@mui/material/Divider';
+import { getTasksForEntity, updateAssigneeForTask } from '@reltio/mdm-sdk';
+import AssigneeSelector from '../../components/AssigneeSelector/AssigneeSelector';
+import { useWorkflowAssignee } from '../../hooks/useWorkflowAssignee';
+import { useSafePromise } from '../../../../hooks';
+import { useMdmTenant, useMdmWorkflowEnvironmentUrl, useMdmWorkflowPath } from '../../../../contexts';
+import LinearLoadIndicator from '../../../../components/LinearLoadIndicator/LinearLoadIndicator';
+import { showWorkflowError } from '../../helpers/errors';
+import { useStyles } from './styles';
+var ReassignDialog = function (_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose, changeRequestURI = _a.changeRequestURI;
+    var styles = useStyles();
+    var workflowPath = useMdmWorkflowPath();
+    var environment = useMdmWorkflowEnvironmentUrl();
+    var tenant = useMdmTenant();
+    var _b = useState(null), task = _b[0], setTask = _b[1];
+    var _c = useState(false), loading = _c[0], setLoading = _c[1];
+    var safePromise = useSafePromise();
+    var _d = task || {}, currentAssignee = _d.assignee, taskId = _d.taskId;
+    var _e = useState(null), assignee = _e[0], setAssignee = _e[1];
+    var handleClose = function () {
+        setAssignee(null);
+        onClose();
+    };
+    var readOnly = useWorkflowAssignee({
+        taskId: taskId,
+        assignee: '',
+        isOpen: task === null || task === void 0 ? void 0 : task.isOpen
+    }).readOnly;
+    var handleReassign = function () {
+        if (!readOnly) {
+            setLoading(true);
+            updateAssigneeForTask({
+                taskId: taskId,
+                workflowPath: workflowPath,
+                environment: environment,
+                tenant: tenant,
+                assignee: assignee
+            })
+                .then(function () {
+                setTask(__assign(__assign({}, task), { assignee: assignee }));
+                handleClose();
+            })
+                .catch(showWorkflowError)
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+    };
+    useEffect(function () {
+        if (changeRequestURI) {
+            setLoading(true);
+            safePromise(getTasksForEntity({
+                entityUri: changeRequestURI,
+                workflowPath: workflowPath,
+                environment: environment,
+                tenant: tenant,
+                includeClosed: false
+            }))
+                .then(function (response) {
+                var tasks = response.data;
+                setTask(tasks ? tasks[0] : null);
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+    }, [changeRequestURI, environment, safePromise, tenant, workflowPath]);
+    return (React.createElement(Dialog, { open: isOpen, onClose: handleClose },
+        React.createElement(DialogTitle, null, i18n.text('Reassign task')),
+        React.createElement(DialogContent, { className: styles.dialogContent },
+            loading && React.createElement(LinearLoadIndicator, null),
+            React.createElement("div", { className: styles.dialogText },
+                React.createElement(Typography, { className: styles.caption }, i18n.text('Assigned to')),
+                React.createElement(Typography, { className: styles.currentAssignee }, currentAssignee)),
+            !readOnly && (React.createElement(AssigneeSelector, { taskId: taskId, isTaskOpen: isOpen, label: i18n.text('Reassign to'), assignee: currentAssignee, showCurrentAssignee: false, onChange: setAssignee }))),
+        React.createElement(Divider, null),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { onClick: handleClose }, i18n.text('Cancel')),
+            React.createElement(Button, { color: "primary", onClick: handleReassign, disabled: readOnly || !assignee || loading }, i18n.text('Reassign')))));
+};
+export default ReassignDialog;

package/esm/components/workflow/components/ReassignButton/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"caption" | "title" | "disabled" | "currentAssignee" | "dialogText" | "dialogContent">;

package/esm/components/workflow/components/ReassignButton/styles.js

@@ -0,0 +1,24 @@
+import { makeStyles } from '@mui/styles';
+export var useStyles = makeStyles(function (theme) { return ({
+    caption: {
+        fontSize: '12px',
+        color: theme.palette.text.secondary
+    },
+    currentAssignee: {
+        fontSize: '14px',
+        color: theme.palette.text.primary
+    },
+    dialogText: {
+        marginBottom: '16px'
+    },
+    title: {
+        padding: '12px 24px'
+    },
+    dialogContent: {
+        paddingTop: '0px',
+        minWidth: '500px'
+    },
+    disabled: {
+        fill: theme.palette.text.disabled
+    }
+}); });

package/esm/components/workflow/hooks/useWorkflowAssignee.d.ts

@@ -3,7 +3,11 @@ type AssigneeOption = {
     label: string;
     value: string;
 };
-export declare const useWorkflowAssignee: ({ assignee, taskId, isOpen }: Partial<Pick<WorkflowTaskData, 'taskId' | 'assignee' | 'isOpen'>>) => {
+type Props = Partial<Pick<WorkflowTaskData, 'taskId' | 'assignee' | 'isOpen'>> & {
+    onChange?: (assignee: any) => void;
+    showCurrentAssignee?: boolean;
+};
+export declare const useWorkflowAssignee: ({ assignee, showCurrentAssignee, taskId, isOpen, onChange }: Props) => {
     assignee: AssigneeOption;
     getAssignees: (text: any) => Promise<void | AssigneeOption[]>;
     updateAssignee: (newValue: AssigneeOption) => void;

package/esm/components/workflow/hooks/useWorkflowAssignee.js

@@ -11,20 +11,20 @@ var assigneeToValue = function (assignee) { return ({
     value: assignee
 }); };
 export var useWorkflowAssignee = function (_a) {
-    var assignee = _a.assignee, taskId = _a.taskId, isOpen = _a.isOpen;
+    var assignee = _a.assignee, _b = _a.showCurrentAssignee, showCurrentAssignee = _b === void 0 ? true : _b, taskId = _a.taskId, isOpen = _a.isOpen, onChange = _a.onChange;
     var updateTaskState = (useContext(WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = useMdmWorkflowPath();
     var environment = useMdmWorkflowEnvironmentUrl();
     var tenant = useMdmTenant();
     var updateSafePromise = useSafePromise();
     var getSafePromise = useSafePromise();
-    var _b = useState(null), currentAssignee = _b[0], setCurrentAssignee = _b[1];
-    var _c = useState(), assignees = _c[0], setAssignees = _c[1];
-    var _d = useState(false), updateRequestIsInProgress = _d[0], setUpdateRequestIsInProgress = _d[1];
+    var _c = useState(null), currentAssignee = _c[0], setCurrentAssignee = _c[1];
+    var _d = useState(), assignees = _d[0], setAssignees = _d[1];
+    var _e = useState(false), updateRequestIsInProgress = _e[0], setUpdateRequestIsInProgress = _e[1];
     var checkWorkflowPermission = useWorkflowCheckPermission();
     var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && isOpenTask(isOpen);
     useEffect(function () {
-        setCurrentAssignee(assigneeToValue(assignee));
+        showCurrentAssignee && setCurrentAssignee(assigneeToValue(assignee));
     }, [assignee]);
     var getAssignees = useCallback(function (text) {
         if (workflowPath && canUpdateTask && taskId) {
@@ -41,6 +41,7 @@ export var useWorkflowAssignee = function (_a) {
                 .then(function (result) {
                 var data = result.data;
                 var assignees = data
+                    .filter(function (a) { return (showCurrentAssignee ? true : a !== assignee); })
                     .sort(function (a, b) {
                     return utils.strings.sort('asc', a, b);
                 })
@@ -52,21 +53,35 @@ export var useWorkflowAssignee = function (_a) {
         }
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [workflowPath, taskId, environment, tenant, assignees, setAssignees, canUpdateTask]);
+    [
+        workflowPath,
+        taskId,
+        environment,
+        tenant,
+        assignees,
+        setAssignees,
+        canUpdateTask,
+        assignee,
+        showCurrentAssignee
+    ]);
     var updateAssignee = useCallback(function (newValue) {
-        if (workflowPath && canUpdateTask && taskId) {
-            var assignee_1 = newValue.value;
+        var assignee = newValue.value;
+        if (onChange) {
+            setCurrentAssignee(assigneeToValue(assignee));
+            onChange(assignee);
+        }
+        if (!onChange && workflowPath && canUpdateTask && taskId) {
             setUpdateRequestIsInProgress(true);
             updateSafePromise(updateAssigneeForTask({
                 taskId: taskId,
                 workflowPath: workflowPath,
                 environment: environment,
                 tenant: tenant,
-                assignee: assignee_1
+                assignee: assignee
             }))
                 .then(function () {
-                setCurrentAssignee(assigneeToValue(assignee_1));
-                updateTaskState === null || updateTaskState === void 0 ? void 0 : updateTaskState(taskId, { assignee: assignee_1 });
+                setCurrentAssignee(assigneeToValue(assignee));
+                updateTaskState === null || updateTaskState === void 0 ? void 0 : updateTaskState(taskId, { assignee: assignee });
             })
                 .catch(showWorkflowError)
                 .finally(function () {
@@ -75,7 +90,7 @@ export var useWorkflowAssignee = function (_a) {
         }
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [workflowPath, taskId, environment, tenant, canUpdateTask]);
+    [workflowPath, taskId, environment, tenant, canUpdateTask, onChange]);
     return {
         assignee: currentAssignee,
         getAssignees: getAssignees,

package/esm/components/workflow/index.d.ts

@@ -2,6 +2,7 @@ export { WorkflowTaskCard } from './cards/WorkflowTaskCard';
 export { AddWorkflowButton } from './components/AddWorkflowButton/AddWorkflowButton';
 export { default as TaskActions } from './components/TaskActions/TaskActions';
 export { default as AssigneeSelector } from './components/AssigneeSelector/AssigneeSelector';
+export { default as ReassignButton } from './components/ReassignButton/ReassignButton';
 export { default as WorkflowComments } from './components/WorkflowComments';
 export { useWorkflowAssignee } from './hooks/useWorkflowAssignee';
 export { useWorkflowComments } from './hooks/useWorkflowComments';

package/esm/components/workflow/index.js

@@ -2,6 +2,7 @@ export { WorkflowTaskCard } from './cards/WorkflowTaskCard';
 export { AddWorkflowButton } from './components/AddWorkflowButton/AddWorkflowButton';
 export { default as TaskActions } from './components/TaskActions/TaskActions';
 export { default as AssigneeSelector } from './components/AssigneeSelector/AssigneeSelector';
+export { default as ReassignButton } from './components/ReassignButton/ReassignButton';
 export { default as WorkflowComments } from './components/WorkflowComments';
 export { useWorkflowAssignee } from './hooks/useWorkflowAssignee';
 export { useWorkflowComments } from './hooks/useWorkflowComments';

package/esm/contexts/MdmModuleContext/context.d.ts

@@ -113,12 +113,14 @@ export type MdmModuleActionsContextProps = Partial<{
     setInitialInfo: (id: string, relationUri: string, tempEntity: Entity, connection: Connection) => void;
     setRelationType: (id: string, relationUri: string, relationType: CompactRelationType) => void;
     closeRelationEditor: (id: string, relationUri: string) => void;
+    openRelationEditor: (id: string, connection: Connection) => void;
     setRelationEntity: (id: string, relationUri: string, entityInfo: Entity) => void;
     errorsSet: (payload: AttributeError[]) => void;
     addRelation: (id: string, connection: Connection) => void;
     editRelation: (id: string, connection: Connection) => void;
 }>;
 export type MdmModuleListenersContextProps = Partial<{
+    expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
     searchNavigationListener: (action: AnyAction, state: any, dispatch: (action: AnyAction) => void) => void;
 }>;
 export declare const MdmModuleActionsContext: import("@fluentui/react-context-selector").Context<Partial<{
@@ -182,6 +184,7 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     setInitialInfo: (id: string, relationUri: string, tempEntity: Entity, connection: Connection) => void;
     setRelationType: (id: string, relationUri: string, relationType: CompactRelationType) => void;
     closeRelationEditor: (id: string, relationUri: string) => void;
+    openRelationEditor: (id: string, connection: Connection) => void;
     setRelationEntity: (id: string, relationUri: string, entityInfo: Entity) => void;
     errorsSet: (payload: AttributeError[]) => void;
     addRelation: (id: string, connection: Connection) => void;
@@ -240,5 +243,6 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
     isCollaborationEnabled: boolean;
 }>>;
 export declare const MdmModuleListenersContext: import("@fluentui/react-context-selector").Context<Partial<{
+    expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
     searchNavigationListener: (action: AnyAction, state: any, dispatch: (action: AnyAction) => void) => void;
 }>>;

package/esm/contexts/MdmModuleContext/hooks.d.ts

@@ -61,6 +61,7 @@ export declare const useMdmDependentLookupEditorState: (valueUri: string) => {
 export declare const useMdmActiveErrorsForAttributesPager: (parentUri: string, attributeType: AttributeType) => import("@reltio/mdm-sdk").AttributeError[];
 export declare const useMdmDependentLookupsStructureNode: (attributeTypeUri: string) => import("@reltio/mdm-sdk").DependentLookupsStructureNode;
 export declare const useMdmAllRelationsToAddAndEdit: (viewIds?: string[]) => import("@reltio/mdm-sdk").Connection[];
+export declare const useMdmRelationsDrafts: (viewId: string) => import("@reltio/mdm-sdk").ConnectionDrafts;
 export declare const useMdmDependentLookupEditorContext: (attributeValue: SimpleAttributeValue, attributeType: AttributeType) => {
     parents: import("@reltio/mdm-sdk").DependentLookupsParentForApi[];
     disabled: boolean;
@@ -68,7 +69,7 @@ export declare const useMdmDependentLookupEditorContext: (attributeValue: Simple
     value?: null;
 };
 export declare const useMdmGlobalSearchRequestOptions: (omittingFields?: string[]) => import("@reltio/mdm-sdk").GlobalSearchRequestOptions;
-export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent" | "openConsoleApp" | "addAttributes" | "modifyAttribute" | "removeAttribute" | "entityDeleted" | "entityCreated" | "errorDeactivated" | "requestNextPageOfAttributeValues" | "openEntity" | "setDefaultProfilePicForModifiedEntity" | "setDefaultProfilePicForEntity" | "dependentLookupsEditorTouched" | "openPivotingPerspective" | "lookupsLoaded" | "lookupsForTypeResolved" | "errorSet" | "setHistoryMode" | "modeUpdated" | "setHistoryEvent" | "clearHistoryEvent" | "setHistoryDiff" | "setHistorySlice" | "updateSearchNavigationDataFields" | "openPerspective" | "entityDeletionFinished" | "loadEntity" | "updateSearchNavigationDataOnMerge" | "lookupsListResolved" | "relationsLoaded" | "setInitialInfo" | "setRelationType" | "closeRelationEditor" | "setRelationEntity" | "errorsSet" | "addRelation" | "editRelation">(action: T) => Partial<{
+export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent" | "openConsoleApp" | "addAttributes" | "modifyAttribute" | "removeAttribute" | "entityDeleted" | "entityCreated" | "errorDeactivated" | "requestNextPageOfAttributeValues" | "openEntity" | "setDefaultProfilePicForModifiedEntity" | "setDefaultProfilePicForEntity" | "dependentLookupsEditorTouched" | "openPivotingPerspective" | "lookupsLoaded" | "lookupsForTypeResolved" | "errorSet" | "setHistoryMode" | "modeUpdated" | "setHistoryEvent" | "clearHistoryEvent" | "setHistoryDiff" | "setHistorySlice" | "updateSearchNavigationDataFields" | "openPerspective" | "entityDeletionFinished" | "loadEntity" | "updateSearchNavigationDataOnMerge" | "lookupsListResolved" | "relationsLoaded" | "setInitialInfo" | "setRelationType" | "closeRelationEditor" | "openRelationEditor" | "setRelationEntity" | "errorsSet" | "addRelation" | "editRelation">(action: T) => Partial<{
     openSearch: (payload: import("@reltio/mdm-sdk").SearchState) => void;
     openHistoryEvent: (payload: {
         entityUri: string;
@@ -129,11 +130,13 @@ export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent"
     setInitialInfo: (id: string, relationUri: string, tempEntity: import("@reltio/mdm-sdk").Entity, connection: import("@reltio/mdm-sdk").Connection) => void;
     setRelationType: (id: string, relationUri: string, relationType: import("@reltio/mdm-sdk").CompactRelationType) => void;
     closeRelationEditor: (id: string, relationUri: string) => void;
+    openRelationEditor: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
     setRelationEntity: (id: string, relationUri: string, entityInfo: import("@reltio/mdm-sdk").Entity) => void;
     errorsSet: (payload: import("@reltio/mdm-sdk").AttributeError[]) => void;
     addRelation: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
     editRelation: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
 }>[T];
-export declare const useMdmListener: <T extends "searchNavigationListener">(listener: T) => Partial<{
+export declare const useMdmListener: <T extends "expandInvalidRelatonsListener" | "searchNavigationListener">(listener: T) => Partial<{
+    expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
     searchNavigationListener: (action: import("../..").AnyAction, state: any, dispatch: (action: import("../..").AnyAction) => void) => void;
 }>[T];

package/esm/contexts/MdmModuleContext/hooks.js

@@ -1,5 +1,5 @@
 import { useContextSelector } from '@fluentui/react-context-selector';
-import { isEditableMode as checkIsEditableMode, isViewMode as checkIsViewMode, getDependentLookupsStructureNode, getDependentLookupEditorState, getAllRelationsToAddAndEdit, getInitialConnection, getInitialConnectionTempEntity, getCachedActiveErrorsForAttributesPager, getGlobalSearchRequestOptions } from '@reltio/mdm-sdk';
+import { isEditableMode as checkIsEditableMode, isViewMode as checkIsViewMode, getDependentLookupsStructureNode, getDependentLookupEditorState, getAllRelationsToAddAndEdit, getInitialConnection, getInitialConnectionTempEntity, getCachedActiveErrorsForAttributesPager, getGlobalSearchRequestOptions, getDraftsByViewId } from '@reltio/mdm-sdk';
 import { MdmModuleActionsContext, MdmModuleListenersContext, MdmModuleValuesContext } from './context';
 import { getDependentLookupEditorContext } from './selectors/dependentLookupEditorContext';
 import { getModifiedEntity, getModifiedEntityDefaultProfilePic } from './selectors/entity';
@@ -107,6 +107,9 @@ export var useMdmDependentLookupsStructureNode = function (attributeTypeUri) {
 export var useMdmAllRelationsToAddAndEdit = function (viewIds) {
     return useMdmModuleValuesContext(function (context) { return getAllRelationsToAddAndEdit(context.relations, viewIds); });
 };
+export var useMdmRelationsDrafts = function (viewId) {
+    return useMdmModuleValuesContext(function (context) { return getDraftsByViewId(context.relations, viewId); });
+};
 export var useMdmDependentLookupEditorContext = function (attributeValue, attributeType) {
     var value = useMdmModuleValuesContext(function (context) {
         var _a;

package/esm/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, useMdmAttributePresentations, useMdmDefaultMaxValues, 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, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAction, useMdmListener } from './hooks';
+export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributePresentations, useMdmDefaultMaxValues, 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, useMdmAction, useMdmListener } from './hooks';
 export type { MdmModuleActionsContextProps, MdmModuleValuesContextProps, MdmModuleListenersContextProps } from './context';

package/esm/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, useMdmAttributePresentations, useMdmDefaultMaxValues, 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, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAction, useMdmListener } from './hooks';
+export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributePresentations, useMdmDefaultMaxValues, 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, useMdmAction, useMdmListener } from './hooks';

package/esm/hooks/index.d.ts

@@ -25,4 +25,5 @@ export { useSavedStateForEntityType } from './useSavedStateForEntityType';
 export { useSnackbar } from './useSnackbar';
 export { useIsMountedRef } from './useIsMountedRef';
 export { useLayoutResetter } from './useLayoutResetter';
+export { useExpandInvalidRelations } from './useExpandInvalidRelations';
 export { useAutoFocus } from './useAutoFocus';

package/esm/hooks/index.js

@@ -25,4 +25,5 @@ export { useSavedStateForEntityType } from './useSavedStateForEntityType';
 export { useSnackbar } from './useSnackbar';
 export { useIsMountedRef } from './useIsMountedRef';
 export { useLayoutResetter } from './useLayoutResetter';
+export { useExpandInvalidRelations } from './useExpandInvalidRelations';
 export { useAutoFocus } from './useAutoFocus';

package/esm/hooks/useExpandInvalidRelations.d.ts

@@ -0,0 +1 @@
+export declare const useExpandInvalidRelations: (configId: string) => void;

package/esm/hooks/useExpandInvalidRelations.js

@@ -0,0 +1,52 @@
+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 { curry, eqBy, filter, path, prop, reject } from 'ramda';
+import { useEffect, useMemo, useRef } from 'react';
+import { areOneHierarchyUris, isEditableMode } from '@reltio/mdm-sdk';
+import { useActionsHook, useMdmAction, useMdmAllRelationsToAddAndEdit, useMdmMode, useMdmProfileErrors, useMdmRelationsDrafts, useMdmListener } from '../contexts';
+var isConnectionHasError = curry(function (errors, connection) {
+    var relationUri = path(['relation', 'relationUri'], connection);
+    return errors.some(function (error) {
+        return areOneHierarchyUris(prop('uri', error), relationUri) ||
+            areOneHierarchyUris(prop('parentUri', error), relationUri) ||
+            (error.path || []).some(function (errorPath) { return path(['value', 'relation', 'relationUri'], errorPath) === relationUri; });
+    });
+});
+var getInvalidConnections = function (errors, connections) {
+    if (errors === void 0) { errors = []; }
+    if (connections === void 0) { connections = []; }
+    return filter(isConnectionHasError(errors), connections);
+};
+export var useExpandInvalidRelations = function (configId) {
+    var openRelationEditor = useMdmAction('openRelationEditor');
+    var mode = useMdmMode();
+    var profileErrors = useMdmProfileErrors();
+    var shouldOpenInvalidEditors = useRef(true);
+    var listenToActions = useActionsHook();
+    var _a = useMdmRelationsDrafts(configId) || {}, _b = _a.addedConnections, addedConnections = _b === void 0 ? [] : _b, _c = _a.editedConnections, editedConnections = _c === void 0 ? [] : _c;
+    var relationsToAddAndEdit = useMdmAllRelationsToAddAndEdit([configId]) || [];
+    var preparedConnectionsList = reject(function (draftConnection) {
+        return relationsToAddAndEdit.some(eqBy(path(['relation', 'relationUri']), draftConnection));
+    }, __spreadArray(__spreadArray([], addedConnections, true), editedConnections, true));
+    var invalidConnections = useMemo(function () { return getInvalidConnections(profileErrors, preparedConnectionsList); }, [profileErrors, preparedConnectionsList]);
+    var expandInvalidRelatonsListener = useMdmListener('expandInvalidRelatonsListener');
+    var setShouldOpenInvalidEditors = function (shouldOpen) { return (shouldOpenInvalidEditors.current = shouldOpen); };
+    var listenerCallback = expandInvalidRelatonsListener(function () { return setShouldOpenInvalidEditors(true); });
+    useEffect(function () {
+        if (isEditableMode(mode) && invalidConnections.length && shouldOpenInvalidEditors.current) {
+            invalidConnections.forEach(function (connection) { return openRelationEditor(configId, connection); });
+            setShouldOpenInvalidEditors(false);
+        }
+    }, [mode, invalidConnections]);
+    useEffect(function () {
+        var stopListeningActions = listenToActions(listenerCallback);
+        return function () { return stopListeningActions(); };
+    }, [listenToActions]);
+};

package/esm/icons/NegativeRuleIcon.d.ts

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