@reltio/components 1.4.883 → 1.4.887

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

@@ -12,8 +12,9 @@ var hooks_1 = require("../../../hooks");
 var WorkflowTasksContext_1 = require("../../../contexts/WorkflowTasksContext");
 var errors_1 = require("../helpers/errors");
 var useWorkflowCheckPermission_1 = require("./useWorkflowCheckPermission");
+var helpers_1 = require("../helpers");
 var useWorkflowComments = function (_a) {
-    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId;
+    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isOpen = _a.isOpen;
     var updateTaskState = (react_1.useContext(WorkflowTasksContext_1.WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowPath);
     var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
@@ -22,7 +23,7 @@ var useWorkflowComments = function (_a) {
     var _b = react_1.useState([]), comments = _b[0], setComments = _b[1];
     var _c = react_1.useState(false), requestIsInProgress = _c[0], setRequestIsInProgress = _c[1];
     var checkWorkflowPermission = useWorkflowCheckPermission_1.useWorkflowCheckPermission();
-    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK');
+    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && helpers_1.isOpenTask(isOpen);
     react_1.useEffect(function () {
         setComments(processInstanceComments || []);
     }, [processInstanceComments]);

package/cjs/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/cjs/components/workflow/hooks/useWorkflowDueDate.js

@@ -12,8 +12,9 @@ var hooks_1 = require("../../../hooks");
 var WorkflowTasksContext_1 = require("../../../contexts/WorkflowTasksContext");
 var errors_1 = require("../helpers/errors");
 var useWorkflowCheckPermission_1 = require("./useWorkflowCheckPermission");
+var helpers_1 = require("../helpers");
 var useWorkflowDueDate = function (_a) {
-    var dueDate = _a.dueDate, taskId = _a.taskId;
+    var dueDate = _a.dueDate, taskId = _a.taskId, isOpen = _a.isOpen;
     var updateTaskState = (react_1.useContext(WorkflowTasksContext_1.WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowPath);
     var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
@@ -21,7 +22,7 @@ var useWorkflowDueDate = function (_a) {
     var safePromise = hooks_1.useSafePromise();
     var _b = react_1.useState(false), updateRequestIsInProgress = _b[0], setUpdateRequestIsInProgress = _b[1];
     var checkWorkflowPermission = useWorkflowCheckPermission_1.useWorkflowCheckPermission();
-    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK');
+    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && helpers_1.isOpenTask(isOpen);
     var updateDueDate = react_1.useCallback(function (newValue) {
         if (workflowPath && canUpdateTask && taskId && newValue && dueDate !== newValue) {
             setUpdateRequestIsInProgress(true);

package/cjs/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/cjs/components/workflow/hooks/useWorkflowPriority.js

@@ -13,8 +13,9 @@ var hooks_1 = require("../../../hooks");
 var WorkflowTasksContext_1 = require("../../../contexts/WorkflowTasksContext");
 var errors_1 = require("../helpers/errors");
 var useWorkflowCheckPermission_1 = require("./useWorkflowCheckPermission");
+var helpers_1 = require("../helpers");
 var useWorkflowPriority = function (_a) {
-    var priority = _a.priority, taskId = _a.taskId;
+    var priority = _a.priority, taskId = _a.taskId, isOpen = _a.isOpen;
     var updateTaskState = (react_1.useContext(WorkflowTasksContext_1.WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowPath);
     var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
@@ -22,7 +23,7 @@ var useWorkflowPriority = function (_a) {
     var safePromise = hooks_1.useSafePromise();
     var _b = react_1.useState(false), updateRequestIsInProgress = _b[0], setUpdateRequestIsInProgress = _b[1];
     var checkWorkflowPermission = useWorkflowCheckPermission_1.useWorkflowCheckPermission();
-    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK');
+    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && helpers_1.isOpenTask(isOpen);
     var updatePriority = react_1.useCallback(function (newValue) {
         var newPriority = newValue.value;
         if (workflowPath && canUpdateTask && taskId && priority !== newPriority) {

package/cjs/{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/cjs/{hooks → components/workflow/hooks}/useWorkflowTasks.js

@@ -17,11 +17,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWorkflowTasks = void 0;
 var react_1 = require("react");
 var react_redux_1 = require("react-redux");
+var ramda_1 = require("ramda");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var useSafePromise_1 = require("./useSafePromise");
-var useWorkflowCheckPermission_1 = require("../components/workflow/hooks/useWorkflowCheckPermission");
-var useWorkflowTasks = function () {
+var useSafePromise_1 = require("../../../hooks/useSafePromise");
+var useWorkflowCheckPermission_1 = require("./useWorkflowCheckPermission");
+var useWorkflowTasks = function (config) {
+    var _a = config || {}, processTypes = _a.processTypes, assignee = _a.assignee, showClosedTasks = _a.showClosedTasks;
     var safePromise = useSafePromise_1.useSafePromise();
     var workflowPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowPath);
     var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
@@ -31,21 +33,27 @@ var useWorkflowTasks = function () {
     var checkWorkflowPermission = useWorkflowCheckPermission_1.useWorkflowCheckPermission();
     var canViewTasks = checkWorkflowPermission('VIEW_TASKS');
     var enabled = !!(workflowPath && environment) && canViewTasks;
-    var _a = react_1.useState(null), tasks = _a[0], setTasks = _a[1];
-    var _b = react_1.useState(0), total = _b[0], setTotal = _b[1];
-    var _c = react_1.useState(false), loading = _c[0], setLoading = _c[1];
+    var _b = react_1.useState(null), tasks = _b[0], setTasks = _b[1];
+    var _c = react_1.useState(0), total = _c[0], setTotal = _c[1];
+    var _d = react_1.useState(false), loading = _d[0], setLoading = _d[1];
     var loadWorkflowTasks = react_1.useCallback(function () {
         setLoading(true);
-        safePromise(mdm_sdk_1.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 mdm_sdk_1.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 = ramda_1.pipe(ramda_1.map(ramda_1.prop('data')), ramda_1.reject(ramda_1.isNil), ramda_1.flatten, ramda_1.uniqBy(ramda_1.prop('taskId')), ramda_1.filter(isRequestedTask(parsedProcessTypes, assignee)))(responses);
+            setTasks(tasks);
+            setTotal(tasks.length);
         })
             .catch(function (error) {
             console.warn('Workflow error', error);
@@ -53,7 +61,7 @@ var useWorkflowTasks = function () {
             .finally(function () {
             setLoading(false);
         });
-    }, [entityUri, environment, safePromise, tenant, workflowPath]);
+    }, [entityUri, environment, safePromise, tenant, workflowPath, assignee, showClosedTasks, processTypes]);
     react_1.useEffect(function () {
         if (entityUri && enabled && !mdm_sdk_1.isTempUri(entityUri)) {
             loadWorkflowTasks();
@@ -70,3 +78,6 @@ var useWorkflowTasks = function () {
     return { tasks: tasks, total: total, loading: loading, updateTaskState: updateTaskState, loadWorkflowTasks: loadWorkflowTasks };
 };
 exports.useWorkflowTasks = useWorkflowTasks;
+var isRequestedTask = function (processTypes, assignee) { return function (task) {
+    return (!processTypes || processTypes.includes(task.processType)) && (!assignee || assignee === task.assignee);
+}; };

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

@@ -4,3 +4,4 @@ export { default as WorkflowComments } from './components/WorkflowComments';
 export { useWorkflowAssignee } from './hooks/useWorkflowAssignee';
 export { useWorkflowComments } from './hooks/useWorkflowComments';
 export { useWorkflowCheckPermission } from './hooks/useWorkflowCheckPermission';
+export { useWorkflowTasks } from './hooks/useWorkflowTasks';

package/cjs/components/workflow/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWorkflowCheckPermission = exports.useWorkflowComments = exports.useWorkflowAssignee = exports.WorkflowComments = exports.AddWorkflowButton = exports.WorkflowTaskCard = void 0;
+exports.useWorkflowTasks = exports.useWorkflowCheckPermission = exports.useWorkflowComments = exports.useWorkflowAssignee = exports.WorkflowComments = exports.AddWorkflowButton = exports.WorkflowTaskCard = void 0;
 var WorkflowTaskCard_1 = require("./cards/WorkflowTaskCard");
 Object.defineProperty(exports, "WorkflowTaskCard", { enumerable: true, get: function () { return WorkflowTaskCard_1.WorkflowTaskCard; } });
 var AddWorkflowButton_1 = require("./components/AddWorkflowButton/AddWorkflowButton");
@@ -16,3 +16,5 @@ var useWorkflowComments_1 = require("./hooks/useWorkflowComments");
 Object.defineProperty(exports, "useWorkflowComments", { enumerable: true, get: function () { return useWorkflowComments_1.useWorkflowComments; } });
 var useWorkflowCheckPermission_1 = require("./hooks/useWorkflowCheckPermission");
 Object.defineProperty(exports, "useWorkflowCheckPermission", { enumerable: true, get: function () { return useWorkflowCheckPermission_1.useWorkflowCheckPermission; } });
+var useWorkflowTasks_1 = require("./hooks/useWorkflowTasks");
+Object.defineProperty(exports, "useWorkflowTasks", { enumerable: true, get: function () { return useWorkflowTasks_1.useWorkflowTasks; } });

package/cjs/hooks/index.d.ts

@@ -11,4 +11,3 @@ export { useSavedState } from './useSavedState';
 export { useUsers } from './useUsers';
 export { useWhyDidYouUpdate } from './useWhyDidYouUpdate';
 export { useConfigPermissions } from './useConfigPermissions';
-export { useWorkflowTasks } from './useWorkflowTasks';

package/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWorkflowTasks = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCollaboration = exports.useAsyncMount = exports.useActions = void 0;
+exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCollaboration = exports.useAsyncMount = exports.useActions = void 0;
 var useActions_1 = require("./useActions");
 Object.defineProperty(exports, "useActions", { enumerable: true, get: function () { return useActions_1.useActions; } });
 var useAsyncMount_1 = require("./useAsyncMount");
@@ -27,5 +27,3 @@ var useWhyDidYouUpdate_1 = require("./useWhyDidYouUpdate");
 Object.defineProperty(exports, "useWhyDidYouUpdate", { enumerable: true, get: function () { return useWhyDidYouUpdate_1.useWhyDidYouUpdate; } });
 var useConfigPermissions_1 = require("./useConfigPermissions");
 Object.defineProperty(exports, "useConfigPermissions", { enumerable: true, get: function () { return useConfigPermissions_1.useConfigPermissions; } });
-var useWorkflowTasks_1 = require("./useWorkflowTasks");
-Object.defineProperty(exports, "useWorkflowTasks", { enumerable: true, get: function () { return useWorkflowTasks_1.useWorkflowTasks; } });

package/esm/components/DropDownSelector/DropDownSelector.d.ts

@@ -11,10 +11,11 @@ export namespace DropDownSelectorType {
     const textFieldInputRef: PropTypes.Requireable<object>;
     const TextFieldProps: PropTypes.Requireable<object>;
     const height: PropTypes.Requireable<number>;
+    const classes: PropTypes.Requireable<object>;
 }
 export default DropDownSelector;
 import PropTypes from "prop-types";
-declare function DropDownSelector({ value, label, createLabel, getOptions, options, height, onChange, onCreate, onClear, components, textFieldInputRef, TextFieldProps, ...otherProps }: {
+declare function DropDownSelector({ value, label, createLabel, getOptions, options, height, onChange, onCreate, onClear, components, textFieldInputRef, TextFieldProps, classes, ...otherProps }: {
     [x: string]: any;
     value: any;
     label: any;
@@ -28,6 +29,7 @@ declare function DropDownSelector({ value, label, createLabel, getOptions, optio
     components: any;
     textFieldInputRef: any;
     TextFieldProps: any;
+    classes: any;
 }): JSX.Element;
 declare namespace DropDownSelector {
     export { DropDownSelectorType as propTypes };

package/esm/components/DropDownSelector/DropDownSelector.js

@@ -35,7 +35,7 @@ import SingleValue from './components/SingleValue';
 import { useStyles, customStyles, overloadMenuListStyle, withoutLabelInputStyle } from './styles';
 var DropDownSelector = function (_a) {
     var _b;
-    var value = _a.value, label = _a.label, createLabel = _a.createLabel, getOptions = _a.getOptions, options = _a.options, _c = _a.height, height = _c === void 0 ? 46 : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, onCreate = _a.onCreate, _e = _a.onClear, onClear = _e === void 0 ? identity : _e, components = _a.components, textFieldInputRef = _a.textFieldInputRef, TextFieldProps = _a.TextFieldProps, otherProps = __rest(_a, ["value", "label", "createLabel", "getOptions", "options", "height", "onChange", "onCreate", "onClear", "components", "textFieldInputRef", "TextFieldProps"]);
+    var value = _a.value, label = _a.label, createLabel = _a.createLabel, getOptions = _a.getOptions, options = _a.options, _c = _a.height, height = _c === void 0 ? 46 : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, onCreate = _a.onCreate, _e = _a.onClear, onClear = _e === void 0 ? identity : _e, components = _a.components, textFieldInputRef = _a.textFieldInputRef, TextFieldProps = _a.TextFieldProps, classes = _a.classes, otherProps = __rest(_a, ["value", "label", "createLabel", "getOptions", "options", "height", "onChange", "onCreate", "onClear", "components", "textFieldInputRef", "TextFieldProps", "classes"]);
     var styles = useStyles({ height: height });
     var underlineStyle = useInputStyles();
     var _f = useState(false), open = _f[0], setOpen = _f[1];
@@ -53,7 +53,8 @@ var DropDownSelector = function (_a) {
     var overloadStylesIfGroup = prop('Group', components) ? overloadMenuListStyle : {};
     var overloadStylesIfNoLabel = isEmpty(label) ? withoutLabelInputStyle : {};
     var mergedStyles = __assign(__assign(__assign({}, customStyles), overloadStylesIfGroup), overloadStylesIfNoLabel);
-    return (React.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: defaultTo(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, classes: styles, styles: mergedStyles, components: __assign(__assign({ DropdownIndicator: DropdownIndicator, LoadingIndicator: EmptyStub, SingleValue: SingleValue,
+    var mergedClasses = __assign(__assign({}, styles), classes);
+    return (React.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: defaultTo(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, classes: mergedClasses, styles: mergedStyles, components: __assign(__assign({ DropdownIndicator: DropdownIndicator, LoadingIndicator: EmptyStub, SingleValue: SingleValue,
             Menu: Menu }, showIndicatorSeparator), components), menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { label: label, variant: 'filled', margin: 'dense', classes: __assign(__assign({}, prop('classes', TextFieldProps)), { root: classnames(styles.formControl, path(['classes', 'root'], TextFieldProps)) }), inputProps: __assign({}, prop('inputProps', TextFieldProps)), InputProps: __assign(__assign({}, prop('InputProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputProps', 'classes'], TextFieldProps)), { root: classnames(styles.filledInputRoot, path(['InputProps', 'classes', 'root'], TextFieldProps)), underline: classnames((_b = {}, _b[underlineStyle.filledInputUnderline] = isEmptyValue(value), _b), path(['InputProps', 'classes', 'underline'], TextFieldProps)), focused: classnames('focused', path(['InputProps', 'classes', 'focused'], TextFieldProps)) }) }), InputLabelProps: __assign(__assign({}, prop('InputLabelProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputLabelProps', 'classes'], TextFieldProps)), { root: classnames(styles.inputLabel, path(['InputLabelProps', 'classes', 'root'], TextFieldProps)), shrink: classnames('shrink', path(['InputLabelProps', 'classes', 'shrink'], TextFieldProps)) }), shrink: !isEmptyValue(value) ? true : undefined }), ref: textFieldInputRef || inputRef }), inputRef: textFieldInputRef || inputRef, menuIsOpen: open, onMenuOpen: function () { return setOpen(true); }, onMenuClose: function () { return setOpen(false); } })));
 };
 export var DropDownSelectorType = {
@@ -68,7 +69,8 @@ export var DropDownSelectorType = {
     components: PropTypes.object,
     textFieldInputRef: PropTypes.object,
     TextFieldProps: PropTypes.object,
-    height: PropTypes.number
+    height: PropTypes.number,
+    classes: PropTypes.object
 };
 DropDownSelector.propTypes = DropDownSelectorType;
 export default DropDownSelector;

package/esm/components/attributes/editMode/AttributesPager/SpecialRenderer.js

@@ -27,8 +27,8 @@ import Title from '../../../Title/Title';
 import Cardinality from './CardinalityMessage';
 import ErrorMessage from '../../../ErrorWrapper/ErrorMessage';
 import Attribute from '../AttributesFactory/Attribute';
-import Tags from '../../readMode/SpecialAttributes/Tags'; //TODO: should be edit mode
-import Roles from '../../readMode/SpecialAttributes/Roles'; //TODO: should be edit mode
+import { Roles } from '../Roles/Roles';
+import Tags from '../Tags';
 import { useStyles } from './styles';
 var SpecialRenderer = function (_a) {
     var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage"]);

package/esm/components/attributes/editMode/Roles/Roles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type Props = {
+    values: string[];
+};
+export declare const Roles: ({ values }: Props) => JSX.Element;
+export {};

package/esm/components/attributes/editMode/Roles/Roles.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { prop, propEq } from 'ramda';
+import { useSelector, useDispatch } from 'react-redux';
+import { EntityAttrTypes, getRolesForEntityType, getLastUriPart } from '@reltio/mdm-sdk';
+import mdmModule, { profile } from '@reltio/mdm-module';
+import SimpleDropDownSelector from '../../../SimpleDropDownSelector/SimpleDropDownSelector';
+import { MultiValueChip } from '../../..';
+import { useStyles } from './styles';
+var components = { MultiValue: MultiValueChip };
+export var Roles = function (_a) {
+    var values = _a.values;
+    var styles = useStyles();
+    var dispatch = useDispatch();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var entity = useSelector(mdmModule.selectors.getEntity);
+    var entityUri = entity.uri;
+    var options = getRolesForEntityType(metadata, entity.type).map(function (role) { return ({
+        value: role.uri,
+        label: role.label
+    }); });
+    var formattedValues = values.map(function (value) {
+        var _a;
+        var label = (_a = options.find(propEq('value', value))) === null || _a === void 0 ? void 0 : _a.label;
+        return {
+            value: value,
+            label: label || getLastUriPart(value)
+        };
+    });
+    var handleChange = function (values) {
+        var roles = (values === null || values === void 0 ? void 0 : values.map(prop('value'))) || [];
+        dispatch(profile.actions.modifyAttribute({
+            value: roles,
+            attributeType: EntityAttrTypes.roles,
+            uri: entityUri
+        }));
+    };
+    return (React.createElement(SimpleDropDownSelector, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: handleChange, components: components, classes: styles }));
+};

package/esm/components/attributes/editMode/Roles/styles.d.ts

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

package/esm/components/attributes/editMode/Roles/styles.js

@@ -0,0 +1,7 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
+    valueContainer: {
+        marginLeft: '8px',
+        width: 0
+    }
+});

package/esm/components/attributes/editMode/Tags/Tags.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    className?: string;
+    values: string[];
+};
+declare const Tags: ({ className, values }: Props) => JSX.Element;
+export default Tags;

package/esm/components/attributes/editMode/Tags/Tags.js

@@ -0,0 +1,38 @@
+import React, { useCallback } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import mdmModule, { profile } from '@reltio/mdm-module';
+import { getFacets, EntityAttrTypes, buildFilterQueryString } from '@reltio/mdm-sdk';
+import TypeaheadEditor from '../../../editors/TypeaheadEditor/TypeaheadEditor';
+var filtersWithSearch = function (searchQuery) { return [
+    {
+        filter: 'containsWordStartingWith',
+        fieldName: 'tags',
+        values: [searchQuery]
+    }
+]; };
+var getQuery = function (searchQuery) {
+    return searchQuery ? "?filter=" + buildFilterQueryString()(filtersWithSearch(searchQuery)) : '';
+};
+var body = [
+    {
+        fieldName: 'tags',
+        orderType: 'reversedCount'
+    }
+];
+var getSuggestions = function (searchQuery) {
+    return getFacets({ query: getQuery(searchQuery), body: body }).then(function (response) { return Object.keys(response.tags); });
+};
+var Tags = function (_a) {
+    var className = _a.className, values = _a.values;
+    var dispatch = useDispatch();
+    var entityUri = useSelector(mdmModule.selectors.getEntityUri);
+    var onChange = useCallback(function (tags) {
+        return dispatch(profile.actions.modifyAttribute({
+            value: tags,
+            attributeType: EntityAttrTypes.tags,
+            uri: entityUri
+        }));
+    }, [dispatch, entityUri]);
+    return (React.createElement(TypeaheadEditor, { fullWidth: true, multiple: true, variant: "filled", className: className, value: values, onChange: onChange, getSuggestions: getSuggestions }));
+};
+export default Tags;

package/esm/components/attributes/editMode/Tags/index.d.ts

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

package/esm/components/attributes/editMode/Tags/index.js

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

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

@@ -6,7 +6,7 @@ declare function TypeaheadEditor({ value, getSuggestions, onChange, multiple, fu
     onChange: any;
     multiple: any;
     fullWidth: any;
-    InputProps: any;
+    InputProps?: {};
 }): JSX.Element;
 declare namespace TypeaheadEditor {
     namespace propTypes {

package/esm/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -26,6 +26,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
     return to;
 };
 import Autosuggest from 'react-autosuggest';
+import AutosizeInput from 'react-input-autosize';
 import classnames from 'classnames';
 import TextField from '@material-ui/core/TextField';
 import MenuItem from '@material-ui/core/MenuItem';
@@ -42,9 +43,9 @@ import ExpandedValueTooltip from '../../ExpandedValueTooltip/ExpandedValueToolti
 import ValueChip from '../../ValueChip/ValueChip';
 var FETCH_DEBOUNCE_INTERVAL = 300;
 var TypeaheadEditor = function (_a) {
-    var value = _a.value, getSuggestions = _a.getSuggestions, onChange = _a.onChange, multiple = _a.multiple, fullWidth = _a.fullWidth, InputProps = _a.InputProps, inputProps = __rest(_a, ["value", "getSuggestions", "onChange", "multiple", "fullWidth", "InputProps"]);
-    var _b = useState([]), suggestions = _b[0], setSuggestions = _b[1];
-    var _c = useState(false), isPlaceholderVisible = _c[0], setPlaceholderVisibility = _c[1];
+    var value = _a.value, getSuggestions = _a.getSuggestions, onChange = _a.onChange, multiple = _a.multiple, fullWidth = _a.fullWidth, _b = _a.InputProps, InputProps = _b === void 0 ? {} : _b, inputProps = __rest(_a, ["value", "getSuggestions", "onChange", "multiple", "fullWidth", "InputProps"]);
+    var _c = useState([]), suggestions = _c[0], setSuggestions = _c[1];
+    var _d = useState(false), isPlaceholderVisible = _d[0], setPlaceholderVisibility = _d[1];
     var inputRef = useRef();
     var styles = useStyles();
     var isFocused = function () { var _a; return ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === document.activeElement; };
@@ -53,8 +54,8 @@ var TypeaheadEditor = function (_a) {
         getSuggestions
     ]);
     value = defaultTo(multiple ? [] : '', value);
-    var _d = useState(''), currentValue = _d[0], setCurrentValue = _d[1];
-    var _e = useState(false), hasHighlightedItem = _e[0], setHasHighlightedItem = _e[1];
+    var _e = useState(''), currentValue = _e[0], setCurrentValue = _e[1];
+    var _f = useState(false), hasHighlightedItem = _f[0], setHasHighlightedItem = _f[1];
     var onInputChange = function (_a) {
         var newValue = _a.newValue, method = _a.method;
         switch (method) {
@@ -99,7 +100,7 @@ var TypeaheadEditor = function (_a) {
                 underline: classnames((_b = {}, _b[styles['input__underline']] = isEmptyValue(value), _b)),
                 input: classnames(styles['rawInput'], path(['classes', 'input'], InputProps))
             };
-            return multiple ? (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value.map(function (item, index) { return (React.createElement(ValueChip, { key: item, label: item, onDelete: function () { return onChange(remove(index, 1, value)); } })); }), classes: __assign({ root: classnames(styles['multiple-input__input'], path(['classes', 'root'], InputProps)), adornedStart: styles['multiple-input__adornedStart'] }, commonClasses) }), value: currentValue, onChange: onInputChange, classes: { root: styles['multiple-input__root'] } }))) : (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, value: value, onChange: pipe(tap(onInputChange), getValue, onChange), InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: classnames(styles['input__root'], path(['classes', 'root'], InputProps)) }, commonClasses) }) })));
+            return multiple ? (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, InputProps: __assign(__assign({}, InputProps), { startAdornment: value.map(function (item, index) { return (React.createElement(ValueChip, { key: item, label: item, onDelete: function () { return onChange(remove(index, 1, value)); } })); }), inputComponent: AutosizeInput, classes: __assign(__assign({ root: classnames(styles['multiple-input__input'], path(['classes', 'root'], InputProps)) }, commonClasses), { input: classnames(styles.autosizeInput, commonClasses.input), adornedStart: styles['multiple-input__adornedStart'] }) }), value: currentValue, onChange: onInputChange, classes: { root: styles['multiple-input__root'] } }))) : (React.createElement(TextField, __assign({}, otherProps, { ref: inputRef, inputRef: ref, value: value, onChange: pipe(tap(onInputChange), getValue, onChange), InputProps: __assign(__assign({}, InputProps), { classes: __assign({ root: classnames(styles['input__root'], path(['classes', 'root'], InputProps)) }, commonClasses) }) })));
         }, renderSuggestionsContainer: function (_a) {
             var children = _a.children, _b = _a.containerProps, ref = _b.ref, restContainerProps = __rest(_b, ["ref"]);
             return (React.createElement(Popper, { anchorEl: inputRef.current, open: Boolean(children) || isPlaceholderVisible },

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

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"typeahead__suggestions-placeholder" | "typeahead__suggestions-container--open" | "typeahead__suggestions-list" | "typeahead__suggestions-menuItem" | "input__root" | "rawInput" | "multiple-input__root" | "multiple-input__input" | "multiple-input__adornedStart" | "input__underline" | "typeahead__suggestions-container" | "menuItem--item">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"autosizeInput" | "typeahead__suggestions-placeholder" | "typeahead__suggestions-container--open" | "typeahead__suggestions-list" | "typeahead__suggestions-menuItem" | "input__root" | "rawInput" | "multiple-input__root" | "multiple-input__input" | "multiple-input__adornedStart" | "input__underline" | "typeahead__suggestions-container" | "menuItem--item">;

package/esm/components/editors/TypeaheadEditor/styles.js

@@ -21,6 +21,21 @@ export var useStyles = makeStyles({
         color: 'rgba(0,0,0,0.87)',
         fontSize: '14px'
     },
+    autosizeInput: {
+        width: 'auto',
+        paddingTop: '10px',
+        paddingBottom: '11px',
+        marginLeft: '5px',
+        overflow: 'hidden',
+        '& input': {
+            background: '0px center',
+            border: 0,
+            fontSize: 'inherit',
+            outline: 0,
+            padding: 0,
+            color: 'inherit'
+        }
+    },
     rawInput: {
         height: '19px'
     },

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