@reltio/components 1.4.885 → 1.4.890

package/cjs/components/workflow/components/WorkflowComments/WorkflowComments.js

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

package/cjs/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/cjs/components/workflow/helpers/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDCRId = exports.getDCRUri = void 0;
+exports.isOpenTask = exports.getDCRId = exports.getDCRUri = void 0;
 var ramda_1 = require("ramda");
 var getDCRUri = function (objectUris) {
     if (objectUris === void 0) { objectUris = []; }
@@ -12,3 +12,5 @@ var getDCRId = function (objectUris) {
     return ramda_1.pipe(getDCRUri, ramda_1.unless(ramda_1.isNil, ramda_1.pipe(ramda_1.split('/'), ramda_1.nth(1))))(objectUris);
 };
 exports.getDCRId = getDCRId;
+var isOpenTask = function (isOpen) { return isOpen === undefined || isOpen === true; };
+exports.isOpenTask = isOpenTask;

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

@@ -27,8 +27,9 @@ var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var ViewIdContext_1 = require("../../../contexts/ViewIdContext");
 var errors_1 = require("../helpers/errors");
 var WorkflowTasksContext_1 = require("../../../contexts/WorkflowTasksContext");
+var helpers_1 = require("../helpers");
 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 = (react_1.useContext(WorkflowTasksContext_1.WorkflowTasksContext) || {}).loadWorkflowTasks;
     var workflowPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowPath);
     var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
@@ -65,7 +66,7 @@ var useWorkflowActions = function (_a) {
         }
     }; }, [workflowPath, taskId, environment, tenant, dispatch, entityUri, viewId, loadWorkflowTasks]);
     var actions = react_1.useMemo(function () {
-        return username === assignee
+        return username === assignee && helpers_1.isOpenTask(isOpen)
             ? (possibleActions || []).map(function (_a) {
                 var action = _a.action, label = _a.label;
                 return ({
@@ -74,7 +75,7 @@ var useWorkflowActions = function (_a) {
                 });
             })
             : [];
-    }, [possibleActions, performTaskAction, username, assignee]);
+    }, [possibleActions, performTaskAction, username, assignee, isOpen]);
     return { actions: actions, actionRequestIsInProgress: actionRequestIsInProgress };
 };
 exports.useWorkflowActions = useWorkflowActions;

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

@@ -13,12 +13,13 @@ 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 assigneeToValue = function (assignee) { return ({
     label: assignee,
     value: assignee
 }); };
 var useWorkflowAssignee = function (_a) {
-    var assignee = _a.assignee, taskId = _a.taskId;
+    var assignee = _a.assignee, 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);
@@ -29,7 +30,7 @@ var useWorkflowAssignee = function (_a) {
     var _c = react_1.useState(), assignees = _c[0], setAssignees = _c[1];
     var _d = react_1.useState(false), updateRequestIsInProgress = _d[0], setUpdateRequestIsInProgress = _d[1];
     var checkWorkflowPermission = useWorkflowCheckPermission_1.useWorkflowCheckPermission();
-    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK');
+    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && helpers_1.isOpenTask(isOpen);
     react_1.useEffect(function () {
         setCurrentAssignee(assigneeToValue(assignee));
     }, [assignee]);

package/cjs/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/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/constants/prop-types.d.ts

@@ -44,7 +44,6 @@ export const ColumnFilterType: PropTypes.Requireable<PropTypes.InferProps<{
     }>)[])[]>;
     filter: PropTypes.Requireable<string>;
 }>>;
-export const InputVariant: PropTypes.Requireable<string>;
 export const ColumnsDataType: PropTypes.Requireable<PropTypes.InferProps<{
     id: PropTypes.Requireable<string>;
     label: PropTypes.Requireable<string>;

package/cjs/constants/prop-types.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.QueryBuilderAttributeType = exports.QueryBuilderAttributeDataType = exports.GroupedColumnsDataType = exports.ColumnsDataType = exports.InputVariant = exports.ColumnFilterType = exports.SortingType = exports.ColumnDataType = exports.DropDownGroupEntryType = exports.DropDownEntryType = exports.SelectValueType = exports.NumberFormatType = void 0;
+exports.QueryBuilderAttributeType = exports.QueryBuilderAttributeDataType = exports.GroupedColumnsDataType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = exports.ColumnDataType = exports.DropDownGroupEntryType = exports.DropDownEntryType = exports.SelectValueType = exports.NumberFormatType = void 0;
 var prop_types_1 = __importDefault(require("prop-types"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var NumberFormatType = prop_types_1.default.shape({
@@ -47,8 +47,6 @@ var ColumnFilterType = prop_types_1.default.shape({
     filter: prop_types_1.default.string
 });
 exports.ColumnFilterType = ColumnFilterType;
-var InputVariant = prop_types_1.default.oneOf(['standard', 'outlined', 'filled']);
-exports.InputVariant = InputVariant;
 var PlainColumnsDataType = prop_types_1.default.arrayOf(prop_types_1.default.shape({
     id: prop_types_1.default.string,
     label: prop_types_1.default.string,

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/ConfigureColumnsPopup/ConfigureColumnsPopup.js

@@ -50,20 +50,23 @@ export var ConfigureColumnsPopup = function (_a) {
         filterItem
     ]);
     var getItemSize = function () { return ITEM_HEIGHT; };
-    var getAttributeGroupData = useCallback(curry(function (level, item, groupId, groupName) { return __spreadArray([
-        {
-            item: __assign(__assign({}, item), { filterText: filterText }),
-            level: level,
-            groupId: groupId,
-            groupName: groupName
-        }
-    ], getAttributesData(item.children || [], groupId, groupName, level + 1)); }), [getAttributesData, filterText]);
-    var getAttributesData = useCallback(function (data, groupId, groupName, level) {
-        if (level === void 0) { level = 0; }
-        var getItemGroupData = function (item) { return getAttributeGroupData(level, item, groupId, groupName); };
-        var filteredData = data.filter(filterItemsTree);
-        return (renderGroupTitle ? map : chain)(getItemGroupData, filteredData);
-    }, [renderGroupTitle, filterItemsTree, getAttributeGroupData]);
+    var getAttributesData = useMemo(function () {
+        var getAttributeGroupData = curry(function (level, item, groupId, groupName) { return __spreadArray([
+            {
+                item: __assign(__assign({}, item), { filterText: filterText }),
+                level: level,
+                groupId: groupId,
+                groupName: groupName
+            }
+        ], getAttributesData(item.children || [], groupId, groupName, level + 1)); });
+        var getAttributesData = function (data, groupId, groupName, level) {
+            if (level === void 0) { level = 0; }
+            var getItemGroupData = function (item) { return getAttributeGroupData(level, item, groupId, groupName); };
+            var filteredData = data.filter(filterItemsTree);
+            return (renderGroupTitle ? map : chain)(getItemGroupData, filteredData);
+        };
+        return getAttributesData;
+    }, [filterText, renderGroupTitle, filterItemsTree]);
     var getGroupsData = useCallback(function (groups) {
         return groups
             .map(function (group) { return ({

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/EntityTypesSelector/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "root" | "inputRoot" | "inputLabel" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "root" | "inputLabel" | "inputRoot" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;

package/esm/components/ErrorWrapper/styles.d.ts

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

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 { Roles } from '../Roles/Roles';
 import Tags from '../Tags';
-import Roles from '../../readMode/SpecialAttributes/Roles'; //TODO: should be edit mode
 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/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.js

@@ -8,10 +8,7 @@ var CrosswalkDateEditor = function (_a) {
     var styles = useStyles();
     var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
     var handleChange = function (date) { return onChange(date.valueOf()); };
-    return (
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    React.createElement(TimestampEditor, { variant: "filled", value: value ? new Date(value) : null, disabled: disabled, onChange: unless(always(isOpen), handleChange), onAccept: handleChange, onOpen: function () { return setIsOpen(true); }, onClose: function () { return setIsOpen(false); }, InputProps: {
+    return (React.createElement(TimestampEditor, { variant: "filled", value: value ? new Date(value) : null, disabled: disabled, onChange: unless(always(isOpen), handleChange), onAccept: handleChange, onOpen: function () { return setIsOpen(true); }, onClose: function () { return setIsOpen(false); }, InputProps: {
             disableUnderline: true,
             classes: { input: styles.timestampEditorInput, root: classnames(styles.timestampEditor, classes.root) }
         } }));

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

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