@reltio/components 1.4.878 → 1.4.879

package/components/workflow/hooks/useWorkflowCheckPermission.js

@@ -0,0 +1,84 @@
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+export var useWorkflowCheckPermission = function () {
+    var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
+    var canUserStartProcessFromQuery = useSelector(mdmModule.selectors.getCanUserStartProcessFromQuery);
+    var canUserViewWorkflowJobs = useSelector(mdmModule.selectors.getCanUserViewWorkflowJobs);
+    var canUserViewWorkflowEnvironmentConfigJar = useSelector(mdmModule.selectors.getCanUserViewWorkflowEnvironmentConfigJar);
+    var canUserViewWorkflowDefinition = useSelector(mdmModule.selectors.getCanUserViewWorkflowDefinition);
+    var canUserViewWorkflowConfigJar = useSelector(mdmModule.selectors.getCanUserViewWorkflowConfigJar);
+    var canUserViewProcessInstanceSearchQuery = useSelector(mdmModule.selectors.getCanUserViewProcessInstanceSearchQuery);
+    var canUserUpdateWorkflowDataTask = useSelector(mdmModule.selectors.getCanUserUpdateWorkflowDataTask);
+    var canUserUpdateProcessInstance = useSelector(mdmModule.selectors.getCanUserUpdateProcessInstance);
+    var canUserReadWorkflowDataTask = useSelector(mdmModule.selectors.getCanUserReadWorkflowDataTask);
+    var canUserManageWorkflowEnvironmentDefinition = useSelector(mdmModule.selectors.getCanUserManageWorkflowEnvironmentDefinition);
+    var canUserManageWorkflowDefinition = useSelector(mdmModule.selectors.getCanUserManageWorkflowDefinition);
+    var canUserExecuteWorkflowJobsValidateTasks = useSelector(mdmModule.selectors.getCanUserExecuteWorkflowJobsValidateTasks);
+    var canUserExecuteWorkflowJobsUpdateTasks = useSelector(mdmModule.selectors.getCanUserExecuteWorkflowJobsUpdateTasks);
+    var canUserExecuteWorkflowJobsTerminateProcessInstance = useSelector(mdmModule.selectors.getCanUserExecuteWorkflowJobsTerminateProcessInstance);
+    var canUserExecuteWorkflowJobsSyncBusinessProcessData = useSelector(mdmModule.selectors.getCanUserExecuteWorkflowJobsSyncBusinessProcessData);
+    var canUserExecuteWorkflowJobs = useSelector(mdmModule.selectors.getCanUserExecuteWorkflowJobs);
+    var canUserCreateWorkflowEnvironmentConfigJar = useSelector(mdmModule.selectors.getCanUserCreateWorkflowEnvironmentConfigJar);
+    var canUserRegisterConfigEnvironments = useSelector(mdmModule.selectors.getCanUserRegisterConfigEnvironments);
+    var canUserCreateWorkflowConfigJar = useSelector(mdmModule.selectors.getCanUserCreateWorkflowConfigJar);
+    var checkWorkflowPermission = function (permission) {
+        if (!workflowPath)
+            return false;
+        switch (permission) {
+            case 'VIEW_PROCESS_DEFINITIONS': {
+                return canUserViewWorkflowDefinition;
+            }
+            case 'DEPLOY_GENERIC_PROCESS_DEFINITION': {
+                return canUserManageWorkflowEnvironmentDefinition;
+            }
+            case 'VIEW_JOBS': {
+                return canUserViewWorkflowJobs;
+            }
+            case 'START_JOB': {
+                return (canUserExecuteWorkflowJobs ||
+                    (canUserExecuteWorkflowJobsSyncBusinessProcessData &&
+                        canUserExecuteWorkflowJobsTerminateProcessInstance &&
+                        canUserExecuteWorkflowJobsUpdateTasks &&
+                        canUserExecuteWorkflowJobsValidateTasks));
+            }
+            case 'VIEW_CUSTOM_JARS': {
+                return canUserViewWorkflowConfigJar || canUserViewWorkflowEnvironmentConfigJar;
+            }
+            case 'UPDATE_PROCESS_INSTANCE': {
+                return canUserUpdateProcessInstance;
+            }
+            case 'VIEW_TASKS': {
+                return canUserReadWorkflowDataTask;
+            }
+            case 'REGISTER_TENANT': {
+                return canUserRegisterConfigEnvironments;
+            }
+            case 'START_PROCESS_INSTANCE': {
+                return canUserStartProcessFromQuery;
+            }
+            case 'VIEW_PROCESS_INSTANCE_COMMENTS': {
+                return canUserViewProcessInstanceSearchQuery;
+            }
+            case 'VIEW_PROCESS_INSTANCES': {
+                return canUserViewProcessInstanceSearchQuery;
+            }
+            case 'UPDATE_TASK': {
+                return canUserUpdateWorkflowDataTask;
+            }
+            case 'DEPLOY_TENANT_PROCESS_DEFINITION': {
+                return canUserManageWorkflowDefinition;
+            }
+            case 'DEPLOY_CUSTOM_JAR': {
+                return canUserCreateWorkflowConfigJar && canUserCreateWorkflowEnvironmentConfigJar;
+            }
+            case 'START_PROCESS_INSTANCE_SEARCH_QUERY': {
+                return canUserStartProcessFromQuery;
+            }
+            case 'VIEW_PROCESS_INSTANCE_COUNT': {
+                return canUserViewProcessInstanceSearchQuery;
+            }
+        }
+        return false;
+    };
+    return checkWorkflowPermission;
+};

package/components/workflow/hooks/useWorkflowColor.d.ts

@@ -0,0 +1,3 @@
+import { WorkflowTaskData } from '@reltio/mdm-sdk';
+export declare const resetTaskToColor: () => void;
+export declare const useWorkflowColor: ({ processDefinitionDisplayName }: Pick<WorkflowTaskData, 'processDefinitionDisplayName'>) => any;

package/components/workflow/hooks/useWorkflowColor.js

@@ -0,0 +1,31 @@
+var taskToColor = {};
+var COLORS = [
+    '#DC057B',
+    '#5DC003',
+    '#FEC92F',
+    '#F57F27',
+    '#B71137',
+    '#056B97',
+    '#4499AE',
+    '#BD81BE',
+    '#5F3577',
+    '#A68560',
+    '#555962'
+];
+var colorIndex = 0;
+export var resetTaskToColor = function () {
+    taskToColor = {};
+    colorIndex = 0;
+};
+export var useWorkflowColor = function (_a) {
+    var processDefinitionDisplayName = _a.processDefinitionDisplayName;
+    var hash = processDefinitionDisplayName;
+    if (!taskToColor[hash]) {
+        taskToColor[hash] = COLORS[colorIndex];
+        colorIndex++;
+        if (colorIndex > COLORS.length - 1) {
+            colorIndex = 0;
+        }
+    }
+    return taskToColor[hash];
+};

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

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

package/components/workflow/hooks/useWorkflowComments.js

@@ -0,0 +1,50 @@
+import { useState, useEffect, useCallback, useContext } from 'react';
+import { addCommentForTask, getTaskById } from '@reltio/mdm-sdk';
+import mdmModule from '@reltio/mdm-module';
+import { useSelector } from 'react-redux';
+import { useSafePromise } from '../../../hooks';
+import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
+import { showWorkflowError } from '../helpers/errors';
+import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
+export var useWorkflowComments = function (_a) {
+    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId;
+    var updateTaskState = (useContext(WorkflowTasksContext) || {}).updateTaskState;
+    var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
+    var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
+    var tenant = useSelector(mdmModule.selectors.getTenant);
+    var safePromise = useSafePromise();
+    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');
+    useEffect(function () {
+        setComments(processInstanceComments || []);
+    }, [processInstanceComments]);
+    var writeComment = useCallback(function (comment) {
+        if (canUpdateTask) {
+            setRequestIsInProgress(true);
+            safePromise(addCommentForTask({
+                workflowPath: workflowPath,
+                environment: environment,
+                tenant: tenant,
+                taskId: taskId,
+                comment: comment
+            }).then(function () {
+                return getTaskById({
+                    workflowPath: workflowPath,
+                    environment: environment,
+                    tenant: tenant,
+                    taskId: taskId
+                });
+            }))
+                .then(function (_a) {
+                var processInstanceComments = _a.processInstanceComments;
+                setComments(processInstanceComments || []);
+                updateTaskState === null || updateTaskState === void 0 ? void 0 : updateTaskState(taskId, { processInstanceComments: processInstanceComments });
+            })
+                .catch(showWorkflowError)
+                .finally(function () { return setRequestIsInProgress(false); });
+        }
+    }, [environment, taskId, tenant, workflowPath, safePromise, updateTaskState, canUpdateTask]);
+    return { comments: comments, requestIsInProgress: requestIsInProgress, writeComment: writeComment, readOnly: !canUpdateTask };
+};

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

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

package/components/workflow/hooks/useWorkflowDueDate.js

@@ -0,0 +1,39 @@
+import { useState, useCallback, useContext } from 'react';
+import { useSelector } from 'react-redux';
+import { updateDueDateForTask } from '@reltio/mdm-sdk';
+import mdmModule from '@reltio/mdm-module';
+import { useSafePromise } from '../../../hooks';
+import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
+import { showWorkflowError } from '../helpers/errors';
+import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
+export var useWorkflowDueDate = function (_a) {
+    var dueDate = _a.dueDate, taskId = _a.taskId;
+    var updateTaskState = (useContext(WorkflowTasksContext) || {}).updateTaskState;
+    var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
+    var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
+    var tenant = useSelector(mdmModule.selectors.getTenant);
+    var safePromise = useSafePromise();
+    var _b = useState(false), updateRequestIsInProgress = _b[0], setUpdateRequestIsInProgress = _b[1];
+    var checkWorkflowPermission = useWorkflowCheckPermission();
+    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK');
+    var updateDueDate = useCallback(function (newValue) {
+        if (workflowPath && canUpdateTask && taskId && newValue && dueDate !== newValue) {
+            setUpdateRequestIsInProgress(true);
+            safePromise(updateDueDateForTask({
+                taskId: taskId,
+                workflowPath: workflowPath,
+                environment: environment,
+                tenant: tenant,
+                dueDate: newValue
+            }))
+                .then(function () {
+                updateTaskState === null || updateTaskState === void 0 ? void 0 : updateTaskState(taskId, { dueDate: newValue });
+            })
+                .catch(showWorkflowError)
+                .finally(function () {
+                setUpdateRequestIsInProgress(false);
+            });
+        }
+    }, [workflowPath, taskId, environment, tenant, updateTaskState, safePromise, dueDate, canUpdateTask]);
+    return { updateDueDate: updateDueDate, updateRequestIsInProgress: updateRequestIsInProgress, readOnly: !canUpdateTask };
+};

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

@@ -0,0 +1,12 @@
+import { WorkflowTaskData } from '@reltio/mdm-sdk';
+declare type PriorityOption = {
+    label: string;
+    value: number;
+};
+export declare const useWorkflowPriority: ({ priority, taskId }: Pick<WorkflowTaskData, 'taskId' | 'priority'>) => {
+    priorities: PriorityOption[];
+    updatePriority: (newValue: PriorityOption) => void;
+    updateRequestIsInProgress: boolean;
+    readOnly: boolean;
+};
+export {};

package/components/workflow/hooks/useWorkflowPriority.js

@@ -0,0 +1,59 @@
+import { useState, useCallback, useContext, useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import i18n from 'ui-i18n';
+import { updatePriorityForTask, WorkflowPriority } from '@reltio/mdm-sdk';
+import mdmModule from '@reltio/mdm-module';
+import { useSafePromise } from '../../../hooks';
+import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
+import { showWorkflowError } from '../helpers/errors';
+import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
+export var useWorkflowPriority = function (_a) {
+    var priority = _a.priority, taskId = _a.taskId;
+    var updateTaskState = (useContext(WorkflowTasksContext) || {}).updateTaskState;
+    var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
+    var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
+    var tenant = useSelector(mdmModule.selectors.getTenant);
+    var safePromise = useSafePromise();
+    var _b = useState(false), updateRequestIsInProgress = _b[0], setUpdateRequestIsInProgress = _b[1];
+    var checkWorkflowPermission = useWorkflowCheckPermission();
+    var canUpdateTask = checkWorkflowPermission('UPDATE_TASK');
+    var updatePriority = useCallback(function (newValue) {
+        var newPriority = newValue.value;
+        if (workflowPath && canUpdateTask && taskId && priority !== newPriority) {
+            setUpdateRequestIsInProgress(true);
+            safePromise(updatePriorityForTask({
+                taskId: taskId,
+                workflowPath: workflowPath,
+                environment: environment,
+                tenant: tenant,
+                priority: newPriority
+            }))
+                .then(function () {
+                updateTaskState === null || updateTaskState === void 0 ? void 0 : updateTaskState(taskId, { priority: newPriority });
+            })
+                .catch(showWorkflowError)
+                .finally(function () {
+                setUpdateRequestIsInProgress(false);
+            });
+        }
+    }, [workflowPath, taskId, environment, tenant, updateTaskState, safePromise, priority, canUpdateTask]);
+    var priorities = useMemo(function () { return [
+        {
+            label: i18n.text('Low'),
+            value: WorkflowPriority.low
+        },
+        {
+            label: i18n.text('Medium'),
+            value: WorkflowPriority.medium
+        },
+        {
+            label: i18n.text('High'),
+            value: WorkflowPriority.high
+        },
+        {
+            label: i18n.text('Urgent'),
+            value: WorkflowPriority.urgent
+        }
+    ]; }, []);
+    return { priorities: priorities, updatePriority: updatePriority, updateRequestIsInProgress: updateRequestIsInProgress, readOnly: !canUpdateTask };
+};

package/components/workflow/index.d.ts

@@ -0,0 +1,5 @@
+export { WorkflowTaskCard } from './cards/WorkflowTaskCard';
+export { default as WorkflowComments } from './components/WorkflowComments';
+export { useWorkflowAssignee } from './hooks/useWorkflowAssignee';
+export { useWorkflowComments } from './hooks/useWorkflowComments';
+export { useWorkflowCheckPermission } from './hooks/useWorkflowCheckPermission';

package/components/workflow/index.js

@@ -0,0 +1,5 @@
+export { WorkflowTaskCard } from './cards/WorkflowTaskCard';
+export { default as WorkflowComments } from './components/WorkflowComments';
+export { useWorkflowAssignee } from './hooks/useWorkflowAssignee';
+export { useWorkflowComments } from './hooks/useWorkflowComments';
+export { useWorkflowCheckPermission } from './hooks/useWorkflowCheckPermission';

package/contexts/WorkflowTasksContext/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WorkflowTaskData, WorkflowTasksResponse } from '@reltio/mdm-sdk';
+export declare const WorkflowTasksContext: React.Context<{
+    tasks: WorkflowTaskData[];
+    total: WorkflowTasksResponse['total'];
+    loading: boolean;
+    updateTaskState: (taskId: WorkflowTaskData['taskId'], payload: Partial<WorkflowTaskData>) => void;
+    loadWorkflowTasks: () => void;
+}>;

package/contexts/WorkflowTasksContext/index.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var WorkflowTasksContext = React.createContext(null);
+WorkflowTasksContext.displayName = 'WorkflowTasksContext';

package/contexts/index.d.ts

@@ -1,14 +1,15 @@
-export { AsyncMountContext } from "./AsyncMountContext";
-export { HistoryDiffContext } from "./HistoryAppearanceContext";
-export { PopupBoundariesContext } from "./PopupBoundariesContext";
-export { ViewIdContext } from "./ViewIdContext";
-export { BlockImageGalleryDialogContext } from "./BlockImageGalleryDialogContext";
-export { CollaborationContext } from "./CollaborationContext";
-export { UsersContext } from "./UsersContext";
-export { PivotingAttributeContext } from "./PivotingAttributeContext";
-export { ProfilePerspectiveViewContext } from "./ProfilePerspectiveViewContext";
-export { IdContext } from "./IdContext";
-export { EntitiesMapContext } from "./EntitiesMapContext";
-export { EntityMarkerContext } from "./EntityMarkerContext";
-export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from "./CrosswalksDisplayContext";
-export { ExpandedAttributesProvider, useAttributeExpanded } from "./ExpandedAttributesContext";
+export { AsyncMountContext } from './AsyncMountContext';
+export { HistoryDiffContext } from './HistoryAppearanceContext';
+export { PopupBoundariesContext } from './PopupBoundariesContext';
+export { ViewIdContext } from './ViewIdContext';
+export { BlockImageGalleryDialogContext } from './BlockImageGalleryDialogContext';
+export { CollaborationContext } from './CollaborationContext';
+export { UsersContext } from './UsersContext';
+export { PivotingAttributeContext } from './PivotingAttributeContext';
+export { ProfilePerspectiveViewContext } from './ProfilePerspectiveViewContext';
+export { IdContext } from './IdContext';
+export { EntitiesMapContext } from './EntitiesMapContext';
+export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from './CrosswalksDisplayContext';
+export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
+export { EntityMarkerContext } from './EntityMarkerContext';
+export { WorkflowTasksContext } from './WorkflowTasksContext';

package/contexts/index.js

@@ -12,3 +12,4 @@ export { EntitiesMapContext } from './EntitiesMapContext';
 export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from './CrosswalksDisplayContext';
 export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
 export { EntityMarkerContext } from './EntityMarkerContext';
+export { WorkflowTasksContext } from './WorkflowTasksContext';

package/hooks/index.d.ts

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

package/hooks/index.js

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

package/hooks/useWorkflowTasks.d.ts

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

package/hooks/useWorkflowTasks.js

@@ -0,0 +1,65 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { useCallback, useEffect, useState } from 'react';
+import { useSelector } from 'react-redux';
+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 () {
+    var safePromise = useSafePromise();
+    var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
+    var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
+    var tenant = useSelector(mdmModule.selectors.getTenant);
+    var entityUri = useSelector(mdmModule.selectors.getEntityUri);
+    var isEditableMode = useSelector(mdmModule.selectors.getIsEditableMode);
+    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 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);
+        })
+            .catch(function (error) {
+            console.warn('Workflow error', error);
+        })
+            .finally(function () {
+            setLoading(false);
+        });
+    }, [entityUri, environment, safePromise, tenant, workflowPath]);
+    useEffect(function () {
+        if (entityUri && enabled && !isTempUri(entityUri)) {
+            loadWorkflowTasks();
+        }
+    }, [enabled, entityUri, loadWorkflowTasks, isEditableMode]);
+    var updateTaskState = useCallback(function (taskId, payload) {
+        setTasks(function (tasks) {
+            return tasks.map(function (task) {
+                return task.taskId === taskId
+                    ? __assign(__assign({}, task), payload) : task;
+            });
+        });
+    }, []);
+    return { tasks: tasks, total: total, loading: loading, updateTaskState: updateTaskState, loadWorkflowTasks: loadWorkflowTasks };
+};

package/icons/CollaborationIcon.d.ts

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

package/icons/CollaborationIcon.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgCollaborationIcon = function (props) {
+    return (React.createElement("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+        React.createElement("defs", null,
+            React.createElement("path", { d: "M4 17.17L5.17 16H20V4H4v13.17zM20 2c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H6l-4 4V4c0-1.1.9-2 2-2h16zm-3 9H7v2h10v-2zm0-4H7v2h10V7z", id: "CollaborationIcon_svg__a" })),
+        React.createElement("g", { transform: "translate(-2 -2)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "CollaborationIcon_svg__b", fill: "#fff" },
+                React.createElement("use", { xlinkHref: "#CollaborationIcon_svg__a" })),
+            React.createElement("path", { fillOpacity: 0.54, fill: "#000", mask: "url(#CollaborationIcon_svg__b)", d: "M0 0h24v24H0z" }))));
+};
+export default SvgCollaborationIcon;

package/icons/DcrTaskIcon.d.ts

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

package/icons/DcrTaskIcon.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgDcrTaskIcon = function (props) {
+    return (React.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("circle", { fill: "#42A5F5", cx: 14, cy: 14, r: 14 }),
+            React.createElement("path", { d: "M16.43 9.87c0 1.59 1.25 2.87 2.79 2.87 1.53 0 2.78-1.28 2.78-2.87C22 8.29 20.75 7 19.22 7c-1.54 0-2.79 1.29-2.79 2.87zm1.4 0c0-.79.62-1.43 1.39-1.43.77 0 1.39.64 1.39 1.43 0 .79-.62 1.44-1.39 1.44-.77 0-1.39-.65-1.39-1.44zm-6.26 8.26c0-1.59-1.25-2.87-2.79-2.87-1.53 0-2.78 1.28-2.78 2.87C6 19.71 7.25 21 8.78 21c1.54 0 2.79-1.29 2.79-2.87zM8.09 9.15v4.31h1.39v-2.87h2.78v2.15l2.78-2.87L12.26 7v2.15H8.09zm11.82 9.7v-4.31h-1.39v2.87h-2.78v-2.15l-2.78 2.87L15.74 21v-2.15h4.17z", fill: "#FFF", opacity: 0.87 }))));
+};
+export default SvgDcrTaskIcon;

package/icons/DefaultTaskIcon.d.ts

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

package/icons/DefaultTaskIcon.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgDefaultTaskIcon = function (props) {
+    return (React.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("circle", { fill: "#205191", cx: 14, cy: 14, r: 14 }),
+            React.createElement("path", { d: "M9.667 20.622c-.92 0-1.667-.744-1.667-1.662V8.99c0-.916.747-1.66 1.667-1.66h2.446A1.993 1.993 0 0114 6l.162.006a1.992 1.992 0 011.725 1.323h2.446c.92 0 1.667.745 1.667 1.662v9.97c0 .917-.747 1.661-1.667 1.661zm9-1.33V8.66h-1.334v1.993h-6.666V8.66H9.333v10.634h9.334zM15.86 14.46v1.302h-5.206V14.46h5.206zm1.494-2v1.302h-6.7V12.46h6.7zM14 7.33c.367 0 .667.298.667.664a.668.668 0 01-1.334 0c0-.366.3-.665.667-.665z", fill: "#FFF", opacity: 0.87 }))));
+};
+export default SvgDefaultTaskIcon;

package/icons/DeleteRequestTaskIcon.d.ts

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

package/icons/DeleteRequestTaskIcon.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgDeleteRequestTaskIcon = function (props) {
+    return (React.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", opacity: 0.87 },
+            React.createElement("circle", { fill: "#0D47A1", cx: 14, cy: 14, r: 14 }),
+            React.createElement("path", { d: "M8.17 9.824v8.995c0 .886.72 1.606 1.607 1.606h8.352c.192 0 .375-.035.546-.097l1.38 1.382.804-.804-1.32-1.32-1.09-1.089-8.993-8.994-1.092-1.092-1.317-1.317-.803.803L8.17 9.824zm9.316 9.316h-8.03v-8.03l8.03 8.03zM9.777 7.575c-.192 0-.376.033-.55.094L10.42 8.86h.32v.322l1.607 1.606h4.819V8.86h1.284v8.03l1.285 1.286V9.182c0-.887-.72-1.607-1.606-1.607h-2.358a1.931 1.931 0 00-1.818-1.285 1.93 1.93 0 00-1.818 1.285H9.777zm3.533.643c0-.353.29-.643.643-.643.353 0 .642.29.642.643a.644.644 0 01-.642.642.644.644 0 01-.643-.642z", fill: "#FFF" }))));
+};
+export default SvgDeleteRequestTaskIcon;

package/icons/PmTaskIcon.d.ts

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

package/icons/PmTaskIcon.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgPmTaskIcon = function (props) {
+    return (React.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("circle", { fill: "#1976D2", cx: 14, cy: 14, r: 14 }),
+            React.createElement("path", { d: "M22.5 14L18 9.5V13h-3.5L9 7.5 7.5 9l6.04 6H18v3.5l4.5-4.5zm-11.46 1.46L7.5 19 9 20.5l3.54-3.54-1.5-1.5z", fill: "#FFF", opacity: 0.87 }))));
+};
+export default SvgPmTaskIcon;

package/icons/index.d.ts

@@ -1,30 +1,39 @@
 export { default as Add } from './Add';
 export { default as AddComment } from './AddComment';
 export { default as Calendar } from './Calendar';
+export { default as CollaborationIcon } from './CollaborationIcon';
 export { default as Comment } from './Comment';
 export { default as CommentBubble } from './CommentBubble';
+export { default as Copy } from './Copy';
 export { default as Create } from './Create';
+export { default as DcrTaskIcon } from './DcrTaskIcon';
 export { default as DefaultImage } from './DefaultImage';
+export { default as DefaultTaskIcon } from './DefaultTaskIcon';
+export { default as DeleteRequestTaskIcon } from './DeleteRequestTaskIcon';
 export { default as Details } from './Details';
 export { default as Download } from './Download';
+export { default as Draw } from './Draw';
 export { default as EmptySearchResults } from './EmptySearchResults';
 export { default as Filter } from './Filter';
 export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
-export { default as MlMatch } from './MlMatch';
 export { default as Merge } from './Merge';
+export { default as MlMatch } from './MlMatch';
 export { default as NestedAttribute } from './NestedAttribute';
 export { default as NoData } from './NoData';
 export { default as NoDataSearch } from './NoDataSearch';
 export { default as NoMatches } from './NoMatches';
-export { default as PmIcon } from './PmIcon';
 export { default as Pin } from './Pin';
 export { default as PinOutlined } from './PinOutlined';
 export { default as PivotingIcon } from './PivotingIcon';
+export { default as PmIcon } from './PmIcon';
+export { default as PmTaskIcon } from './PmTaskIcon';
+export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';
+export { default as Radius } from './Radius';
 export { default as Recommended } from './Recommended';
 export { default as ReferenceAttribute } from './ReferenceAttribute';
 export { default as Remove } from './Remove';