@reltio/components 1.4.885 → 1.4.890

package/esm/components/editors/DateEditor/DateEditor.js

@@ -20,28 +20,27 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import PropTypes from 'prop-types';
+import { KeyboardDatePicker } from '@material-ui/pickers';
+import { debounce, utils } from '@reltio/mdm-sdk';
+import classnames from 'classnames';
+import moment from 'moment';
+import { invoker, isNil, pipe, when } from 'ramda';
 import React, { useState } from 'react';
 import i18n from 'ui-i18n';
-import moment from 'moment';
-import classnames from 'classnames';
-import { pipe, when, isNil, invoker } from 'ramda';
-import { utils, debounce } from '@reltio/mdm-sdk';
-import { KeyboardDatePicker } from '@material-ui/pickers';
-import { InputVariant } from '../../../constants/prop-types';
 import CalendarIcon from '../../../icons/Calendar';
+import { noop } from '../../../core';
 import { useStyles } from './styles';
 var format = moment.localeData().longDateFormat('L');
 var DateEditor = function (_a) {
     var _b, _c;
     var _d;
-    var _e = _a.value, value = _e === void 0 ? null : _e, label = _a.label, _f = _a.variant, variant = _f === void 0 ? 'filled' : _f, onChange = _a.onChange, _g = _a.InputProps, InputProps = _g === void 0 ? {} : _g, _h = _a.InputLabelProps, InputLabelProps = _h === void 0 ? {} : _h, otherProps = __rest(_a, ["value", "label", "variant", "onChange", "InputProps", "InputLabelProps"]);
+    var _e = _a.value, value = _e === void 0 ? null : _e, label = _a.label, _f = _a.variant, variant = _f === void 0 ? 'filled' : _f, onChange = _a.onChange, _g = _a.InputProps, InputProps = _g === void 0 ? {} : _g, _h = _a.InputLabelProps, InputLabelProps = _h === void 0 ? {} : _h, _j = _a.onBlur, onBlur = _j === void 0 ? noop : _j, _k = _a.onFocus, onFocus = _k === void 0 ? noop : _k, otherProps = __rest(_a, ["value", "label", "variant", "onChange", "InputProps", "InputLabelProps", "onBlur", "onFocus"]);
     var styles = useStyles();
-    var _j = useState(false), isCalendarOpen = _j[0], setIsCalendarOpen = _j[1];
-    return (React.createElement(KeyboardDatePicker, __assign({ format: format, variant: "inline", invalidDateMessage: i18n.text('Invalid Date Format'), maxDateMessage: i18n.text('Date should not be after maximal date'), minDateMessage: i18n.text('Date should not be before minimal date'), inputVariant: variant, autoOk: true, InputAdornmentProps: { position: 'end', classes: { positionEnd: styles.adornmentPositionEnd } }, KeyboardButtonProps: {
+    var _l = useState(false), isCalendarOpen = _l[0], setIsCalendarOpen = _l[1];
+    return (React.createElement(KeyboardDatePicker, __assign({ format: format, variant: "inline", invalidDateMessage: i18n.text('Invalid Date Format'), maxDateMessage: i18n.text('Date should not be after maximal date'), minDateMessage: i18n.text('Date should not be before minimal date'), inputVariant: variant, autoOk: true, onBlur: onBlur, onFocus: onFocus, InputAdornmentProps: { position: 'end', classes: { positionEnd: styles.adornmentPositionEnd } }, KeyboardButtonProps: {
             classes: { root: styles.iconButtonRoot },
             onKeyPress: invoker(0, 'stopPropagation')
-        }, keyboardIcon: React.createElement(CalendarIcon, { className: styles.icon }), onChange: debounce(when(utils.dates.isValidMomentDateOrNull, pipe(utils.dates.momentToDate, utils.dates.clearDateTime, onChange)), 0), label: label, "aria-label": label, value: value, placeholder: i18n.text(format), disableToolbar: true, onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {
+        }, keyboardIcon: React.createElement(CalendarIcon, { className: styles.icon }), onChange: debounce(when(utils.dates.isValidMomentDateOrNull, pipe(utils.dates.momentToDate, utils.dates.clearDateTime, onChange)), 0), label: label, "aria-label": label, value: value, placeholder: i18n.text(format), onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {
                 root: styles.inputRoot,
                 underline: classnames((_b = {}, _b[styles.underline] = isCalendarOpen, _b)),
                 adornedEnd: styles.adornedEnd
@@ -56,12 +55,4 @@ var DateEditor = function (_a) {
             }
         }, InputLabelProps: __assign({ classes: __assign({ root: classnames((_c = {}, _c[styles.inputLabel] = isCalendarOpen, _c), (_d = InputLabelProps === null || InputLabelProps === void 0 ? void 0 : InputLabelProps.classes) === null || _d === void 0 ? void 0 : _d.root) }, InputLabelProps === null || InputLabelProps === void 0 ? void 0 : InputLabelProps.classes), shrink: !isNil(label) }, InputLabelProps) }, otherProps)));
 };
-DateEditor.propTypes = {
-    value: PropTypes.oneOfType([PropTypes.number, PropTypes.instanceOf(Date)]),
-    label: PropTypes.string,
-    variant: InputVariant,
-    InputProps: PropTypes.object,
-    InputLabelProps: PropTypes.object,
-    onChange: PropTypes.func.isRequired
-};
 export default DateEditor;

package/esm/components/editors/DateEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "icon" | "adornedEnd" | "inputRoot" | "inputLabel" | "iconButtonRoot" | "adornmentPositionEnd">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "icon" | "adornedEnd" | "iconButtonRoot" | "inputLabel" | "inputRoot" | "adornmentPositionEnd">;

package/esm/components/editors/DateRangeEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "dropdownIndicator" | "adornedEnd" | "inputRoot" | "paper" | "menuItem" | "menuText" | "inputLabel">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "dropdownIndicator" | "adornedEnd" | "inputLabel" | "inputRoot" | "paper" | "menuItem" | "menuText">;

package/esm/components/editors/TimestampEditor/TimestampEditor.d.ts

@@ -1,22 +1,19 @@
+/// <reference types="react" />
+import { InputLabelProps } from '@material-ui/core/InputLabel';
+import { TextFieldProps } from '@material-ui/core/TextField';
+import { Moment } from 'moment';
+import { KeyboardDateTimePickerProps } from '@material-ui/pickers/DateTimePicker';
+declare type TimestampEditorProps = {
+    value: number | Date;
+    label?: string;
+    variant: TextFieldProps['variant'];
+    InputProps: TextFieldProps['InputProps'];
+    format?: string;
+    InputLabelProps?: Partial<InputLabelProps>;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onChange: (value: number | Date) => void;
+    onAccept: (value: number | Date | Moment) => void;
+} & Omit<KeyboardDateTimePickerProps, 'value' | 'label' | 'variant' | 'size' | 'hiddenLabel' | 'onBlur' | 'onFocus' | 'onChange' | 'onAccept'>;
+declare const TimestampEditor: ({ value, label, variant, onChange, InputProps, format, ...otherProps }: TimestampEditorProps) => JSX.Element;
 export default TimestampEditor;
-declare function TimestampEditor({ value, label, variant, onChange, InputProps, format, ...otherProps }: {
-    [x: string]: any;
-    value?: any;
-    label: any;
-    variant?: string;
-    onChange: any;
-    InputProps: any;
-    format: any;
-}): JSX.Element;
-declare namespace TimestampEditor {
-    namespace propTypes {
-        export const value: PropTypes.Requireable<number | Date>;
-        export const format: PropTypes.Requireable<string>;
-        export const label: PropTypes.Requireable<string>;
-        export { InputVariant as variant };
-        export const InputProps: PropTypes.Requireable<object>;
-        export const onChange: PropTypes.Validator<(...args: any[]) => any>;
-    }
-}
-import PropTypes from "prop-types";
-import { InputVariant } from "../../../constants/prop-types";

package/esm/components/editors/TimestampEditor/TimestampEditor.js

@@ -20,17 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import PropTypes from 'prop-types';
-import React, { useState } from 'react';
-import i18n from 'ui-i18n';
-import moment from 'moment';
-import classnames from 'classnames';
-import { pipe, when, isNil, invoker } from 'ramda';
-import { makeMaskFromFormat, maskedDateFormatter } from '@material-ui/pickers/_helpers/text-field-helper';
-import { KeyboardDateTimePicker } from '@material-ui/pickers';
 import DateRangeIcon from '@material-ui/icons/DateRange';
+import { KeyboardDateTimePicker } from '@material-ui/pickers';
+import { makeMaskFromFormat, maskedDateFormatter } from '@material-ui/pickers/_helpers/text-field-helper';
 import { utils } from '@reltio/mdm-sdk';
-import { InputVariant } from '../../../constants/prop-types';
+import classnames from 'classnames';
+import moment from 'moment';
+import { invoker, isNil, pipe, when } from 'ramda';
+import React, { useState } from 'react';
+import i18n from 'ui-i18n';
 import { useStyles } from './styles';
 var dateFormat = moment.localeData().longDateFormat('L');
 var timeFormat = moment.localeData().longDateFormat('LTS');
@@ -42,10 +40,10 @@ var TimestampEditor = function (_a) {
     var _e = useState(false), isCalendarOpen = _e[0], setIsCalendarOpen = _e[1];
     var timestampFormat = format || dateFormat + " " + timeFormat;
     var isAmPmFormat = timestampFormat && timestampFormat.toLowerCase().includes('a');
-    return (React.createElement(KeyboardDateTimePicker, __assign({ format: timestampFormat, rifmFormatter: isAmPmFormat ? makeAmPmFormatter(timestampFormat) : undefined, variant: "inline", invalidDateMessage: i18n.text('Invalid Date Format'), maxDateMessage: i18n.text('Date should not be after maximal date'), minDateMessage: i18n.text('Date should not be before minimal date'), inputVariant: variant, views: ['year', 'date', 'hours', 'minutes', 'seconds'], autoOk: true, InputAdornmentProps: { position: 'end' }, KeyboardButtonProps: {
+    return (React.createElement(KeyboardDateTimePicker, __assign({ format: timestampFormat, rifmFormatter: isAmPmFormat ? makeAmPmFormatter(timestampFormat) : undefined, variant: "inline", invalidDateMessage: i18n.text('Invalid Date Format'), maxDateMessage: i18n.text('Date should not be after maximal date'), minDateMessage: i18n.text('Date should not be before minimal date'), inputVariant: variant, views: ['year', 'date', 'hours', 'minutes'], autoOk: true, InputAdornmentProps: { position: 'end' }, KeyboardButtonProps: {
             classes: { root: styles.iconButtonRoot },
             onKeyPress: invoker(0, 'stopPropagation')
-        }, keyboardIcon: React.createElement(DateRangeIcon, null), onChange: when(utils.dates.isValidMomentDateOrNull, pipe(utils.dates.momentToDate, onChange)), label: label, "aria-label": label, value: value, placeholder: i18n.text((dateFormat + " HH:MM").toUpperCase()), ampm: false, disableToolbar: true, onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {
+        }, keyboardIcon: React.createElement(DateRangeIcon, null), onChange: when(utils.dates.isValidMomentDateOrNull, pipe(utils.dates.momentToDate, onChange)), label: label, "aria-label": label, value: value, placeholder: i18n.text((dateFormat + " HH:MM").toUpperCase()), ampm: false, onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {
                 root: styles.inputRoot,
                 underline: classnames((_b = {}, _b[styles.underline] = isCalendarOpen, _b)),
                 adornedEnd: styles.adornedEnd
@@ -65,12 +63,4 @@ var TimestampEditor = function (_a) {
             shrink: !isNil(label)
         } }, otherProps)));
 };
-TimestampEditor.propTypes = {
-    value: PropTypes.oneOfType([PropTypes.number, PropTypes.instanceOf(Date)]),
-    format: PropTypes.string,
-    label: PropTypes.string,
-    variant: InputVariant,
-    InputProps: PropTypes.object,
-    onChange: PropTypes.func.isRequired
-};
 export default TimestampEditor;

package/esm/components/editors/TimestampEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "adornedEnd" | "inputRoot" | "inputLabel" | "iconButtonRoot">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "adornedEnd" | "iconButtonRoot" | "inputLabel" | "inputRoot">;

package/esm/components/workflow/cards/GenericWorkflowTaskCard/GenericWorkflowTaskCard.js

@@ -18,7 +18,7 @@ import CollaborationIcon from '../../../../icons/CollaborationIcon';
 var GenericWorkflowTaskCard = function (_a) {
     var _b;
     var task = _a.task, children = _a.children, actions = _a.actions, Icon = _a.Icon;
-    var taskId = task.taskId, dueDate = task.dueDate, priority = task.priority, assignee = task.assignee, createdBy = task.createdBy, createTime = task.createTime, step = task.displayName, processDefinitionDisplayName = task.processDefinitionDisplayName, objectURIs = task.objectURIs, processInstanceComments = task.processInstanceComments, possibleActions = task.possibleActions;
+    var taskId = task.taskId, dueDate = task.dueDate, priority = task.priority, assignee = task.assignee, createdBy = task.createdBy, createTime = task.createTime, step = task.displayName, processDefinitionDisplayName = task.processDefinitionDisplayName, objectURIs = task.objectURIs, processInstanceComments = task.processInstanceComments, possibleActions = task.possibleActions, isTaskOpen = task.isOpen;
     var dcrId = getDCRId(objectURIs);
     var color = useWorkflowColor({ processDefinitionDisplayName: processDefinitionDisplayName });
     var styles = useStyles({ color: color });
@@ -61,16 +61,16 @@ var GenericWorkflowTaskCard = function (_a) {
                                 canViewComments && (processInstanceComments === null || processInstanceComments === void 0 ? void 0 : processInstanceComments.length) > 0 && (React.createElement("div", { className: styles.commentsInfo },
                                     React.createElement(CollaborationIcon, { className: styles.commentsIcon }),
                                     React.createElement("div", { className: styles.infoValue }, processInstanceComments.length)))),
-                            actions || (React.createElement(TaskActions, { taskId: taskId, possibleActions: possibleActions, assignee: assignee })))))),
+                            actions || (React.createElement(TaskActions, { taskId: taskId, possibleActions: possibleActions, assignee: assignee, isTaskOpen: isTaskOpen })))))),
             isExpanded && (React.createElement(LineDecorator, { plain: true },
                 React.createElement("div", { className: styles.controlsBox },
                     React.createElement("div", { className: styles.controlsInRow },
-                        React.createElement(DueDateField, { taskId: taskId, dueDate: dueDate }),
-                        React.createElement(PrioritySelector, { taskId: taskId, priority: priority, className: styles.priority })),
-                    React.createElement(AssigneeSelector, { taskId: taskId, assignee: assignee }))))),
+                        React.createElement(DueDateField, { taskId: taskId, dueDate: dueDate, isTaskOpen: isTaskOpen }),
+                        React.createElement(PrioritySelector, { taskId: taskId, priority: priority, className: styles.priority, isTaskOpen: isTaskOpen })),
+                    React.createElement(AssigneeSelector, { taskId: taskId, assignee: assignee, isTaskOpen: isTaskOpen }))))),
         isExpanded && (React.createElement(React.Fragment, null,
             children,
             canViewComments && (React.createElement("div", { className: styles.comments },
-                React.createElement(WorkflowComments, { taskId: taskId, processInstanceComments: processInstanceComments })))))));
+                React.createElement(WorkflowComments, { taskId: taskId, processInstanceComments: processInstanceComments, isTaskOpen: isTaskOpen })))))));
 };
 export default GenericWorkflowTaskCard;

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
-declare type Props = Pick<WorkflowTaskData, 'taskId' | 'assignee'>;
-declare const AssigneeSelector: ({ taskId, assignee }: Props) => JSX.Element;
+declare type Props = Pick<WorkflowTaskData, 'taskId' | 'assignee'> & {
+    isTaskOpen?: WorkflowTaskData['isOpen'];
+};
+declare const AssigneeSelector: ({ taskId, assignee, isTaskOpen }: Props) => JSX.Element;
 export default AssigneeSelector;

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

@@ -3,10 +3,11 @@ 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;
+    var taskId = _a.taskId, assignee = _a.assignee, isTaskOpen = _a.isTaskOpen;
     var _b = useWorkflowAssignee({
         taskId: taskId,
-        assignee: assignee
+        assignee: assignee,
+        isOpen: isTaskOpen
     }), currentAssignee = _b.assignee, getAssignees = _b.getAssignees, updateAssignee = _b.updateAssignee, updateRequestIsInProgress = _b.updateRequestIsInProgress, readOnly = _b.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 }));

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
 declare type Props = Pick<WorkflowTaskData, 'taskId' | 'dueDate'> & {
+    isTaskOpen?: WorkflowTaskData['isOpen'];
     className?: string;
 };
-declare const DueDateField: ({ taskId, dueDate, className }: Props) => JSX.Element;
+declare const DueDateField: ({ taskId, dueDate, isTaskOpen, className }: Props) => JSX.Element;
 export default DueDateField;

package/esm/components/workflow/components/DueDateField/DueDateField.js

@@ -6,9 +6,13 @@ import { useStyles } from './styles';
 import { DateEditor } from '../../../editors';
 import { useWorkflowDueDate } from '../../hooks/useWorkflowDueDate';
 var DueDateField = function (_a) {
-    var taskId = _a.taskId, dueDate = _a.dueDate, className = _a.className;
+    var taskId = _a.taskId, dueDate = _a.dueDate, isTaskOpen = _a.isTaskOpen, className = _a.className;
     var styles = useStyles();
-    var _b = useWorkflowDueDate({ dueDate: dueDate, taskId: taskId }), updateDueDate = _b.updateDueDate, updateRequestIsInProgress = _b.updateRequestIsInProgress, readOnly = _b.readOnly;
+    var _b = useWorkflowDueDate({
+        dueDate: dueDate,
+        taskId: taskId,
+        isOpen: isTaskOpen
+    }), updateDueDate = _b.updateDueDate, updateRequestIsInProgress = _b.updateRequestIsInProgress, readOnly = _b.readOnly;
     return (React.createElement(DateEditor, { className: classnames(styles.dueDate, className), disabled: updateRequestIsInProgress || readOnly, value: dueDate, label: i18n.text('Due date'), onChange: pipe(function (date) { return date && date.getTime(); }, updateDueDate), margin: "dense", InputProps: { className: styles.dueDateInput }, InputLabelProps: { classes: { root: styles.inputLabel } } }));
 };
 export default DueDateField;

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"dueDate" | "dueDateInput" | "inputLabel">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"dueDate" | "inputLabel" | "dueDateInput">;

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
 declare type Props = Pick<WorkflowTaskData, 'taskId' | 'priority'> & {
+    isTaskOpen?: WorkflowTaskData['isOpen'];
     className?: string;
 };
-declare const PrioritySelector: ({ taskId, priority, className }: Props) => JSX.Element;
+declare const PrioritySelector: ({ taskId, priority, isTaskOpen, className }: Props) => JSX.Element;
 export default PrioritySelector;

package/esm/components/workflow/components/PrioritySelector/PrioritySelector.js

@@ -4,8 +4,12 @@ import { propEq } from 'ramda';
 import DropDownSelector from '../../../DropDownSelector/DropDownSelector';
 import { useWorkflowPriority } from '../../hooks/useWorkflowPriority';
 var PrioritySelector = function (_a) {
-    var taskId = _a.taskId, priority = _a.priority, className = _a.className;
-    var _b = useWorkflowPriority({ taskId: taskId, priority: priority }), priorities = _b.priorities, updatePriority = _b.updatePriority, updateRequestIsInProgress = _b.updateRequestIsInProgress, readOnly = _b.readOnly;
+    var taskId = _a.taskId, priority = _a.priority, isTaskOpen = _a.isTaskOpen, className = _a.className;
+    var _b = useWorkflowPriority({
+        taskId: taskId,
+        priority: priority,
+        isOpen: isTaskOpen
+    }), priorities = _b.priorities, updatePriority = _b.updatePriority, updateRequestIsInProgress = _b.updateRequestIsInProgress, readOnly = _b.readOnly;
     var disabled = updateRequestIsInProgress || readOnly;
     return (React.createElement(DropDownSelector, { className: className, isDisabled: disabled, options: priorities, onChange: updatePriority, hideSelectedOptions: false, label: i18n.text('Priority'), value: priorities.find(propEq('value', priority)), TextFieldProps: { disabled: disabled }, height: 40 }));
 };

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
-declare type Props = Pick<WorkflowTaskData, 'taskId' | 'possibleActions' | 'assignee'>;
-declare const TaskActions: ({ taskId, possibleActions, assignee }: Props) => JSX.Element;
+declare type Props = Pick<WorkflowTaskData, 'taskId' | 'possibleActions' | 'assignee'> & {
+    isTaskOpen?: WorkflowTaskData['isOpen'];
+};
+declare const TaskActions: ({ taskId, possibleActions, assignee, isTaskOpen }: Props) => JSX.Element;
 export default TaskActions;

package/esm/components/workflow/components/TaskActions/TaskActions.js

@@ -4,8 +4,13 @@ import { useWorkflowActions } from '../../hooks/useWorkflowActions';
 import DropDownMenuButton from '../../../DropDownMenuButton/DropDownMenuButton';
 import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
 var TaskActions = function (_a) {
-    var taskId = _a.taskId, possibleActions = _a.possibleActions, assignee = _a.assignee;
-    var _b = useWorkflowActions({ taskId: taskId, possibleActions: possibleActions, assignee: assignee }), actions = _b.actions, disabled = _b.actionRequestIsInProgress;
+    var taskId = _a.taskId, possibleActions = _a.possibleActions, assignee = _a.assignee, isTaskOpen = _a.isTaskOpen;
+    var _b = useWorkflowActions({
+        taskId: taskId,
+        possibleActions: possibleActions,
+        assignee: assignee,
+        isOpen: isTaskOpen
+    }), actions = _b.actions, disabled = _b.actionRequestIsInProgress;
     return actions.length > 0 ? (React.createElement(DropDownMenuButton, { buttonComponent: SmallIconButton, buttonProps: {
             icon: MoreVertIcon,
             size: 'L',

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

@@ -1,6 +1,7 @@
-export function WorkflowComments({ processInstanceComments, taskId }: {
+export function WorkflowComments({ processInstanceComments, taskId, isTaskOpen }: {
     processInstanceComments: any;
     taskId: any;
+    isTaskOpen: any;
 }): JSX.Element;
 export namespace WorkflowComments {
     namespace propTypes {

package/esm/components/workflow/components/WorkflowComments/WorkflowComments.js

@@ -12,11 +12,15 @@ import { useWorkflowComments } from '../../hooks/useWorkflowComments';
 import { SmallIconButton } from '../../../SmallIconButton';
 var getValue = function (e) { return e.target.value; };
 export var WorkflowComments = function (_a) {
-    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId;
+    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isTaskOpen = _a.isTaskOpen;
     var styles = useWorkflowStyles();
     var _b = useState(false), expanded = _b[0], setExpanded = _b[1];
     var _c = useState(''), comment = _c[0], setComment = _c[1];
-    var _d = useWorkflowComments({ processInstanceComments: processInstanceComments, taskId: taskId }), comments = _d.comments, writeComment = _d.writeComment, readOnly = _d.readOnly;
+    var _d = useWorkflowComments({
+        processInstanceComments: processInstanceComments,
+        taskId: taskId,
+        isOpen: isTaskOpen
+    }), comments = _d.comments, writeComment = _d.writeComment, readOnly = _d.readOnly;
     var sendComment = useCallback(function () {
         writeComment(comment);
         setComment('');

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

@@ -1,3 +1,5 @@
+import { WorkflowTaskData } from '@reltio/mdm-sdk';
 declare const getDCRUri: (objectUris?: string[]) => string;
 declare const getDCRId: (objectUris?: string[]) => string;
-export { getDCRUri, getDCRId };
+declare const isOpenTask: (isOpen: WorkflowTaskData['isOpen']) => boolean;
+export { getDCRUri, getDCRId, isOpenTask };

package/esm/components/workflow/helpers/index.js

@@ -7,4 +7,5 @@ var getDCRId = function (objectUris) {
     if (objectUris === void 0) { objectUris = []; }
     return pipe(getDCRUri, unless(isNil, pipe(split('/'), nth(1))))(objectUris);
 };
-export { getDCRUri, getDCRId };
+var isOpenTask = function (isOpen) { return isOpen === undefined || isOpen === true; };
+export { getDCRUri, getDCRId, isOpenTask };

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

@@ -3,7 +3,7 @@ declare type TaskAction = {
     text: string;
     onClick: () => void;
 };
-export declare const useWorkflowActions: ({ possibleActions, assignee, taskId }: Pick<WorkflowTaskData, 'taskId' | 'possibleActions' | 'assignee'>) => {
+export declare const useWorkflowActions: ({ possibleActions, assignee, taskId, isOpen }: Pick<WorkflowTaskData, 'taskId' | 'possibleActions' | 'assignee' | 'isOpen'>) => {
     actions: TaskAction[];
     actionRequestIsInProgress: boolean;
 };

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

@@ -5,8 +5,9 @@ import mdmModule, { profile, ui } from '@reltio/mdm-module';
 import { ViewIdContext } from '../../../contexts/ViewIdContext';
 import { showWorkflowError } from '../helpers/errors';
 import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
+import { isOpenTask } from '../helpers';
 export var useWorkflowActions = function (_a) {
-    var possibleActions = _a.possibleActions, assignee = _a.assignee, taskId = _a.taskId;
+    var possibleActions = _a.possibleActions, assignee = _a.assignee, taskId = _a.taskId, isOpen = _a.isOpen;
     var loadWorkflowTasks = (useContext(WorkflowTasksContext) || {}).loadWorkflowTasks;
     var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
@@ -43,7 +44,7 @@ export var useWorkflowActions = function (_a) {
         }
     }; }, [workflowPath, taskId, environment, tenant, dispatch, entityUri, viewId, loadWorkflowTasks]);
     var actions = useMemo(function () {
-        return username === assignee
+        return username === assignee && isOpenTask(isOpen)
             ? (possibleActions || []).map(function (_a) {
                 var action = _a.action, label = _a.label;
                 return ({
@@ -52,6 +53,6 @@ export var useWorkflowActions = function (_a) {
                 });
             })
             : [];
-    }, [possibleActions, performTaskAction, username, assignee]);
+    }, [possibleActions, performTaskAction, username, assignee, isOpen]);
     return { actions: actions, actionRequestIsInProgress: actionRequestIsInProgress };
 };

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

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

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

@@ -7,12 +7,13 @@ import { useSafePromise } from '../../../hooks';
 import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
 import { showWorkflowError } from '../helpers/errors';
 import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
+import { isOpenTask } from '../helpers';
 var assigneeToValue = function (assignee) { return ({
     label: assignee,
     value: assignee
 }); };
 export var useWorkflowAssignee = function (_a) {
-    var assignee = _a.assignee, taskId = _a.taskId;
+    var assignee = _a.assignee, taskId = _a.taskId, isOpen = _a.isOpen;
     var updateTaskState = (useContext(WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
@@ -23,7 +24,7 @@ export var useWorkflowAssignee = function (_a) {
     var _c = useState(), assignees = _c[0], setAssignees = _c[1];
     var _d = useState(false), updateRequestIsInProgress = _d[0], setUpdateRequestIsInProgress = _d[1];
     var checkWorkflowPermission = useWorkflowCheckPermission();
-    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK');
+    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && isOpenTask(isOpen);
     useEffect(function () {
         setCurrentAssignee(assigneeToValue(assignee));
     }, [assignee]);

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

@@ -1,5 +1,5 @@
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
-export declare const useWorkflowComments: ({ processInstanceComments, taskId }: WorkflowTaskData) => {
+export declare const useWorkflowComments: ({ processInstanceComments, taskId, isOpen }: WorkflowTaskData) => {
     comments: any[];
     requestIsInProgress: boolean;
     writeComment: (comment: any) => void;

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

@@ -6,8 +6,9 @@ import { useSafePromise } from '../../../hooks';
 import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
 import { showWorkflowError } from '../helpers/errors';
 import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
+import { isOpenTask } from '../helpers';
 export var useWorkflowComments = function (_a) {
-    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId;
+    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isOpen = _a.isOpen;
     var updateTaskState = (useContext(WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
@@ -16,7 +17,7 @@ export var useWorkflowComments = function (_a) {
     var _b = useState([]), comments = _b[0], setComments = _b[1];
     var _c = useState(false), requestIsInProgress = _c[0], setRequestIsInProgress = _c[1];
     var checkWorkflowPermission = useWorkflowCheckPermission();
-    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK');
+    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && isOpenTask(isOpen);
     useEffect(function () {
         setComments(processInstanceComments || []);
     }, [processInstanceComments]);

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

@@ -1,5 +1,5 @@
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
-export declare const useWorkflowDueDate: ({ dueDate, taskId }: Pick<WorkflowTaskData, 'dueDate' | 'taskId'>) => {
+export declare const useWorkflowDueDate: ({ dueDate, taskId, isOpen }: Pick<WorkflowTaskData, 'dueDate' | 'taskId' | 'isOpen'>) => {
     updateDueDate: (newValue: number) => void;
     updateRequestIsInProgress: boolean;
     readOnly: boolean;

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

@@ -6,8 +6,9 @@ import { useSafePromise } from '../../../hooks';
 import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
 import { showWorkflowError } from '../helpers/errors';
 import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
+import { isOpenTask } from '../helpers';
 export var useWorkflowDueDate = function (_a) {
-    var dueDate = _a.dueDate, taskId = _a.taskId;
+    var dueDate = _a.dueDate, taskId = _a.taskId, isOpen = _a.isOpen;
     var updateTaskState = (useContext(WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
@@ -15,7 +16,7 @@ export var useWorkflowDueDate = function (_a) {
     var safePromise = useSafePromise();
     var _b = useState(false), updateRequestIsInProgress = _b[0], setUpdateRequestIsInProgress = _b[1];
     var checkWorkflowPermission = useWorkflowCheckPermission();
-    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK');
+    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && isOpenTask(isOpen);
     var updateDueDate = useCallback(function (newValue) {
         if (workflowPath && canUpdateTask && taskId && newValue && dueDate !== newValue) {
             setUpdateRequestIsInProgress(true);

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

@@ -3,7 +3,7 @@ declare type PriorityOption = {
     label: string;
     value: number;
 };
-export declare const useWorkflowPriority: ({ priority, taskId }: Pick<WorkflowTaskData, 'taskId' | 'priority'>) => {
+export declare const useWorkflowPriority: ({ priority, taskId, isOpen }: Pick<WorkflowTaskData, 'taskId' | 'priority' | 'isOpen'>) => {
     priorities: PriorityOption[];
     updatePriority: (newValue: PriorityOption) => void;
     updateRequestIsInProgress: boolean;

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

@@ -7,8 +7,9 @@ import { useSafePromise } from '../../../hooks';
 import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
 import { showWorkflowError } from '../helpers/errors';
 import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
+import { isOpenTask } from '../helpers';
 export var useWorkflowPriority = function (_a) {
-    var priority = _a.priority, taskId = _a.taskId;
+    var priority = _a.priority, taskId = _a.taskId, isOpen = _a.isOpen;
     var updateTaskState = (useContext(WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
@@ -16,7 +17,7 @@ export var useWorkflowPriority = function (_a) {
     var safePromise = useSafePromise();
     var _b = useState(false), updateRequestIsInProgress = _b[0], setUpdateRequestIsInProgress = _b[1];
     var checkWorkflowPermission = useWorkflowCheckPermission();
-    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK');
+    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && isOpenTask(isOpen);
     var updatePriority = useCallback(function (newValue) {
         var newPriority = newValue.value;
         if (workflowPath && canUpdateTask && taskId && priority !== newPriority) {

package/esm/{hooks → components/workflow/hooks}/useWorkflowTasks.d.ts

@@ -1,8 +1,14 @@
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
-export declare const useWorkflowTasks: () => {
+declare type Config = {
+    processTypes?: string[];
+    assignee?: string;
+    showClosedTasks?: boolean;
+};
+export declare const useWorkflowTasks: (config?: Config) => {
     tasks: WorkflowTaskData[];
     total: number;
     loading: boolean;
     updateTaskState: (taskId: WorkflowTaskData['taskId'], payload: Partial<WorkflowTaskData>) => void;
     loadWorkflowTasks: () => void;
 };
+export {};

package/esm/{hooks → components/workflow/hooks}/useWorkflowTasks.js

@@ -11,11 +11,13 @@ var __assign = (this && this.__assign) || function () {
 };
 import { useCallback, useEffect, useState } from 'react';
 import { useSelector } from 'react-redux';
+import { filter, flatten, isNil, map, pipe, prop, reject, uniqBy } from 'ramda';
 import mdmModule from '@reltio/mdm-module';
 import { getTasksForEntity, isTempUri } from '@reltio/mdm-sdk';
-import { useSafePromise } from './useSafePromise';
-import { useWorkflowCheckPermission } from '../components/workflow/hooks/useWorkflowCheckPermission';
-export var useWorkflowTasks = function () {
+import { useSafePromise } from '../../../hooks/useSafePromise';
+import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
+export var useWorkflowTasks = function (config) {
+    var _a = config || {}, processTypes = _a.processTypes, assignee = _a.assignee, showClosedTasks = _a.showClosedTasks;
     var safePromise = useSafePromise();
     var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
@@ -25,21 +27,27 @@ export var useWorkflowTasks = function () {
     var checkWorkflowPermission = useWorkflowCheckPermission();
     var canViewTasks = checkWorkflowPermission('VIEW_TASKS');
     var enabled = !!(workflowPath && environment) && canViewTasks;
-    var _a = useState(null), tasks = _a[0], setTasks = _a[1];
-    var _b = useState(0), total = _b[0], setTotal = _b[1];
-    var _c = useState(false), loading = _c[0], setLoading = _c[1];
+    var _b = useState(null), tasks = _b[0], setTasks = _b[1];
+    var _c = useState(0), total = _c[0], setTotal = _c[1];
+    var _d = useState(false), loading = _d[0], setLoading = _d[1];
     var loadWorkflowTasks = useCallback(function () {
         setLoading(true);
-        safePromise(getTasksForEntity({
-            entityUri: entityUri,
-            workflowPath: workflowPath,
-            environment: environment,
-            tenant: tenant
-        }))
-            .then(function (_a) {
-            var data = _a.data, total = _a.total;
-            setTasks(data);
-            setTotal(total);
+        var parsedProcessTypes = !Array.isArray(processTypes) || processTypes.includes('*') ? null : processTypes;
+        var requests = (parsedProcessTypes || [null]).map(function (processType) {
+            return getTasksForEntity({
+                entityUri: entityUri,
+                workflowPath: workflowPath,
+                environment: environment,
+                tenant: tenant,
+                filter: { assignee: assignee, processType: processType },
+                includeClosed: !!showClosedTasks
+            });
+        });
+        safePromise(Promise.all(requests))
+            .then(function (responses) {
+            var tasks = pipe(map(prop('data')), reject(isNil), flatten, uniqBy(prop('taskId')), filter(isRequestedTask(parsedProcessTypes, assignee)))(responses);
+            setTasks(tasks);
+            setTotal(tasks.length);
         })
             .catch(function (error) {
             console.warn('Workflow error', error);
@@ -47,7 +55,7 @@ export var useWorkflowTasks = function () {
             .finally(function () {
             setLoading(false);
         });
-    }, [entityUri, environment, safePromise, tenant, workflowPath]);
+    }, [entityUri, environment, safePromise, tenant, workflowPath, assignee, showClosedTasks, processTypes]);
     useEffect(function () {
         if (entityUri && enabled && !isTempUri(entityUri)) {
             loadWorkflowTasks();
@@ -63,3 +71,6 @@ export var useWorkflowTasks = function () {
     }, []);
     return { tasks: tasks, total: total, loading: loading, updateTaskState: updateTaskState, loadWorkflowTasks: loadWorkflowTasks };
 };
+var isRequestedTask = function (processTypes, assignee) { return function (task) {
+    return (!processTypes || processTypes.includes(task.processType)) && (!assignee || assignee === task.assignee);
+}; };