@reltio/components 1.4.876 → 1.4.880

package/hooks/useRelationsLoader.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,54 +9,33 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRelationsLoader = void 0;
-var react_1 = require("react");
-var react_redux_1 = require("react-redux");
-var ramda_1 = require("ramda");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var useSafePromise_1 = require("./useSafePromise");
-var usePrevious_1 = require("./usePrevious");
-var useRelationsLoader = function (_a) {
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { cond, pipe, prop, T } from 'ramda';
+import mdm, { profile } from '@reltio/mdm-module';
+import { ActivityFilter, addGlobalFilterToQuery, getRelationsForDataTenantEntity, getRelationsForEntity, isDataTenantEntity, isTempUri, Mode } from '@reltio/mdm-sdk';
+import { useSafePromise } from './useSafePromise';
+import { usePrevious } from './usePrevious';
+export var useRelationsLoader = function (_a) {
     var sorting = _a.sorting, filter = _a.filter, page = _a.page, rowsPerPage = _a.rowsPerPage, config = _a.config, entity = _a.entity, relationActivityFilter = _a.relationActivityFilter, mode = _a.mode;
-    var _b = react_1.useState(false), isLoading = _b[0], setIsLoading = _b[1];
-    var dispatch = react_redux_1.useDispatch();
-    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
-    var dtssPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getDtssPath);
-    var _c = react_redux_1.useSelector(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _c.activityFilter, globalFilter = _c.globalFilter;
-    var safePromise = useSafePromise_1.useSafePromise();
-    var loadRelations = react_1.useCallback(function () {
+    var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
+    var dispatch = useDispatch();
+    var tenant = useSelector(mdm.selectors.getTenant);
+    var dtssPath = useSelector(mdm.selectors.getDtssPath);
+    var _c = useSelector(mdm.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _c.activityFilter, globalFilter = _c.globalFilter;
+    var safePromise = useSafePromise();
+    var loadRelations = useCallback(function () {
         if (entity === null || entity === void 0 ? void 0 : entity.uri) {
             var requestConfig_1 = __assign(__assign({}, config.content), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
-                    relation: relationActivityFilter || mdm_sdk_1.ActivityFilter.ALL,
+                    relation: relationActivityFilter || ActivityFilter.ALL,
                     entity: activityFilter
-                }, max: rowsPerPage, offset: page * rowsPerPage, filter: mdm_sdk_1.addGlobalFilterToQuery(globalFilter, filter) || undefined });
-            var request = ramda_1.cond([
-                [ramda_1.pipe(ramda_1.prop('uri'), mdm_sdk_1.isTempUri), function () { return Promise.resolve([{ total: 0 }]); }],
+                }, max: rowsPerPage, offset: page * rowsPerPage, filter: addGlobalFilterToQuery(globalFilter, filter) || undefined });
+            var request = cond([
+                [pipe(prop('uri'), isTempUri), function () { return Promise.resolve([{ total: 0 }]); }],
                 [
-                    mdm_sdk_1.isDataTenantEntity,
+                    isDataTenantEntity,
                     function (entity) {
-                        return mdm_sdk_1.getRelationsForDataTenantEntity({
+                        return getRelationsForDataTenantEntity({
                             entityUri: entity.uri,
                             configs: [requestConfig_1],
                             customerTenant: tenant,
@@ -66,13 +44,13 @@ var useRelationsLoader = function (_a) {
                         });
                     }
                 ],
-                [ramda_1.T, function (entity) { return mdm_sdk_1.getRelationsForEntity(entity.uri, [requestConfig_1]); }]
+                [T, function (entity) { return getRelationsForEntity(entity.uri, [requestConfig_1]); }]
             ]);
             setIsLoading(true);
             safePromise(request(entity))
                 .then(function (_a) {
                 var _b = _a[0], connections = _b.connections, total = _b.total;
-                dispatch(mdm_module_1.profile.relations.actions.relationsLoaded({ id: config.id, connections: connections, total: total }));
+                dispatch(profile.relations.actions.relationsLoaded({ id: config.id, connections: connections, total: total }));
             })
                 .finally(function () {
                 setIsLoading(false);
@@ -95,19 +73,18 @@ var useRelationsLoader = function (_a) {
         sorting,
         tenant
     ]);
-    var isRequestSentRef = react_1.useRef(false);
+    var isRequestSentRef = useRef(false);
     isRequestSentRef.current = false;
-    react_1.useEffect(function () {
+    useEffect(function () {
         isRequestSentRef.current = true;
         loadRelations();
     }, [loadRelations]);
-    var prevMode = usePrevious_1.usePrevious(mode);
-    react_1.useEffect(function () {
-        if (mode === mdm_sdk_1.Mode.Viewing && !isRequestSentRef.current && prevMode !== mode) {
+    var prevMode = usePrevious(mode);
+    useEffect(function () {
+        if (mode === Mode.Viewing && !isRequestSentRef.current && prevMode !== mode) {
             isRequestSentRef.current = true;
             loadRelations();
         }
     }, [loadRelations, mode, prevMode]);
     return { isLoading: isLoading, reload: loadRelations };
 };
-exports.useRelationsLoader = useRelationsLoader;

package/hooks/useRunOnceAfterValueInitialization.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRunOnceAfterValueInitialization = void 0;
-var react_1 = require("react");
-var useRunOnceAfterValueInitialization = function (cb, value) {
-    var isValueInited = react_1.useRef(false);
-    react_1.useEffect(function () {
+import { useEffect, useRef } from 'react';
+export var useRunOnceAfterValueInitialization = function (cb, value) {
+    var isValueInited = useRef(false);
+    useEffect(function () {
         if (value && !isValueInited.current) {
             isValueInited.current = true;
             cb();
         }
     }, [cb, value]);
 };
-exports.useRunOnceAfterValueInitialization = useRunOnceAfterValueInitialization;

package/hooks/useSafePromise.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSafePromise = void 0;
-var react_1 = require("react");
-var core_1 = require("../core");
+import { useRef, useCallback, useEffect } from 'react';
+import { noop } from '../core';
 var PromiseStub = new Promise(function () { });
-var useSafePromise = function (_a) {
+export var useSafePromise = function (_a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.cancelPrevious, cancelPrevious = _c === void 0 ? true : _c, _d = _b.cancelOnUnmount, cancelOnUnmount = _d === void 0 ? true : _d;
-    var cancelRef = react_1.useRef(core_1.noop);
+    var cancelRef = useRef(noop);
     var cancelPromise = function () { return cancelRef.current(); };
-    react_1.useEffect(function () { return function () {
+    useEffect(function () { return function () {
         if (cancelOnUnmount) {
             cancelPromise();
         }
     }; }, [] //eslint-disable-line
     );
-    return react_1.useCallback(function (promise) {
+    return useCallback(function (promise) {
         if (cancelPrevious) {
             cancelPromise();
         }
@@ -31,4 +28,3 @@ var useSafePromise = function (_a) {
         });
     }, []); //eslint-disable-line
 };
-exports.useSafePromise = useSafePromise;

package/hooks/useSavedState.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSavedState = void 0;
-var react_1 = require("react");
-var useSavedState = function (getSavedState) {
-    var _a = react_1.useState(false), isLoaded = _a[0], setIsLoaded = _a[1];
-    var _b = react_1.useState({}), savedState = _b[0], setSavedState = _b[1];
-    react_1.useEffect(function () {
+import { useEffect, useState } from 'react';
+export var useSavedState = function (getSavedState) {
+    var _a = useState(false), isLoaded = _a[0], setIsLoaded = _a[1];
+    var _b = useState({}), savedState = _b[0], setSavedState = _b[1];
+    useEffect(function () {
         getSavedState()
             .then(function (savedState) {
             setSavedState(savedState || {});
@@ -15,4 +12,3 @@ var useSavedState = function (getSavedState) {
     }, []); // eslint-disable-line
     return { isLoaded: isLoaded, savedState: savedState };
 };
-exports.useSavedState = useSavedState;

package/hooks/useUsers.js

@@ -1,23 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUsers = void 0;
-var react_1 = require("react");
-var react_redux_1 = require("react-redux");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var useUsers = function () {
-    var _a = react_1.useState([]), users = _a[0], setUsers = _a[1];
-    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
-    var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
+import { useEffect, useState } from 'react';
+import { useSelector } from 'react-redux';
+import { getAllUsersForTenant } from '@reltio/mdm-sdk';
+import mdm from '@reltio/mdm-module';
+export var useUsers = function () {
+    var _a = useState([]), users = _a[0], setUsers = _a[1];
+    var tenant = useSelector(mdm.selectors.getTenant);
+    var uiPath = useSelector(mdm.selectors.getUIPath);
     var onError = function (e) {
         console.warn('Users error', e);
         setUsers([]);
     };
-    react_1.useEffect(function () {
-        mdm_sdk_1.getAllUsersForTenant(tenant, uiPath)
+    useEffect(function () {
+        getAllUsersForTenant(tenant, uiPath)
             .then(function (_a) {
             var array = _a.array;
             return setUsers(array);
@@ -26,4 +20,3 @@ var useUsers = function () {
     }, [tenant, uiPath]);
     return users;
 };
-exports.useUsers = useUsers;

package/hooks/useWhyDidYouUpdate.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,14 +9,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWhyDidYouUpdate = void 0;
-var react_1 = require("react");
-var useWhyDidYouUpdate = function (name, props) {
+import { useEffect, useRef } from 'react';
+export var useWhyDidYouUpdate = function (name, props) {
     // Get a mutable ref object where we can store props ...
     // ... for comparison next time this hook runs.
-    var previousProps = react_1.useRef();
-    react_1.useEffect(function () {
+    var previousProps = useRef();
+    useEffect(function () {
         if (previousProps.current) {
             // Get all keys from previous and current props
             var allKeys = Object.keys(__assign(__assign({}, previousProps.current), props));
@@ -43,4 +40,3 @@ var useWhyDidYouUpdate = function (name, props) {
         previousProps.current = props;
     });
 };
-exports.useWhyDidYouUpdate = useWhyDidYouUpdate;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+import React from 'react';
 var SvgAdd = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        react_1.default.createElement("path", { d: "M17.4 13.08h-4.32v4.32h-2.16v-4.32H6.6v-2.16h4.32V6.6h2.16v4.32h4.32v2.16z", fill: "#fff" })));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M17.4 13.08h-4.32v4.32h-2.16v-4.32H6.6v-2.16h4.32V6.6h2.16v4.32h4.32v2.16z", fill: "#fff" })));
 };
-exports.default = SvgAdd;
+export default SvgAdd;

package/icons/AddComment.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+import React from 'react';
 var SvgAddComment = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" }, props),
-        react_1.default.createElement("path", { d: "M2.8 14.653L3.853 13.6H17.2V2.8H2.8v11.853zM17.2 1c.99 0 1.8.81 1.8 1.8v10.8c0 .99-.81 1.8-1.8 1.8H4.6L1 19V2.8C1 1.81 1.81 1 2.8 1h14.4zm-6.3 3.6H9.1v2.699L6.4 7.3v1.8l2.7-.001V11.8h1.8V9.099l2.7.001V7.3l-2.7-.001V4.6z" })));
+    return (React.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M2.8 14.653L3.853 13.6H17.2V2.8H2.8v11.853zM17.2 1c.99 0 1.8.81 1.8 1.8v10.8c0 .99-.81 1.8-1.8 1.8H4.6L1 19V2.8C1 1.81 1.81 1 2.8 1h14.4zm-6.3 3.6H9.1v2.699L6.4 7.3v1.8l2.7-.001V11.8h1.8V9.099l2.7.001V7.3l-2.7-.001V4.6z" })));
 };
-exports.default = SvgAddComment;
+export default SvgAddComment;

package/icons/Calendar.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+import React from 'react';
 var SvgCalendar = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
-        react_1.default.createElement("path", { d: "M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 002 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z", fill: "currentColor", fillRule: "nonzero", stroke: "none", strokeWidth: 1 })));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 002 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z", fill: "currentColor", fillRule: "nonzero", stroke: "none", strokeWidth: 1 })));
 };
-exports.default = SvgCalendar;
+export default SvgCalendar;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+import React from 'react';
 var SvgComment = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        react_1.default.createElement("path", { d: "M16.35 6h-8.7C6.74 6 6 6.804 6 7.793v5.788c0 .986.737 1.79 1.644 1.793V18l3.472-2.626h5.234c.91 0 1.65-.805 1.65-1.793V7.793C18 6.804 17.26 6 16.35 6zm-1.562 6.726H9.212v-.765h5.576v.765zm0-1.63H9.212v-.765h5.576v.764zm0-1.631H9.212V8.7h5.576v.764z", fill: "#fff" })));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M16.35 6h-8.7C6.74 6 6 6.804 6 7.793v5.788c0 .986.737 1.79 1.644 1.793V18l3.472-2.626h5.234c.91 0 1.65-.805 1.65-1.793V7.793C18 6.804 17.26 6 16.35 6zm-1.562 6.726H9.212v-.765h5.576v.765zm0-1.63H9.212v-.765h5.576v.764zm0-1.631H9.212V8.7h5.576v.764z", fill: "#fff" })));
 };
-exports.default = SvgComment;
+export default SvgComment;

package/icons/CommentBubble.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+import React from 'react';
 var SvgCommentBubble = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" }, props),
-        react_1.default.createElement("path", { d: "M2.8 1h14.4c.99 0 1.8.81 1.8 1.8v10.8c0 .99-.81 1.8-1.8 1.8H4.6L1 19V2.8C1 1.81 1.81 1 2.8 1z" })));
+    return (React.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M2.8 1h14.4c.99 0 1.8.81 1.8 1.8v10.8c0 .99-.81 1.8-1.8 1.8H4.6L1 19V2.8C1 1.81 1.81 1 2.8 1z" })));
 };
-exports.default = SvgCommentBubble;
+export default SvgCommentBubble;

package/icons/Copy.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,18 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+import React from 'react';
 var SvgCopy = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
-        react_1.default.createElement("defs", null,
-            react_1.default.createElement("path", { d: "M20.222 6C21.21 6 22 6.8 22 7.778v12.444C22 21.2 21.209 22 20.222 22H7.778C6.79 22 6 21.2 6 20.222V7.778C6 6.8 6.791 6 7.778 6h12.444zM20 8H8v12h12V8zM4 18H2V4c0-1.1.9-2 2-2h14v2H4v14z", id: "Copy_svg__a" })),
-        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
-            react_1.default.createElement("mask", { id: "Copy_svg__b", fill: "#fff" },
-                react_1.default.createElement("use", { xlinkHref: "#Copy_svg__a" })),
-            react_1.default.createElement("path", { fillOpacity: 0.54, fill: "#000", mask: "url(#Copy_svg__b)", d: "M0 0h24v24H0z" }))));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+        React.createElement("defs", null,
+            React.createElement("path", { d: "M20.222 6C21.21 6 22 6.8 22 7.778v12.444C22 21.2 21.209 22 20.222 22H7.778C6.79 22 6 21.2 6 20.222V7.778C6 6.8 6.791 6 7.778 6h12.444zM20 8H8v12h12V8zM4 18H2V4c0-1.1.9-2 2-2h14v2H4v14z", id: "Copy_svg__a" })),
+        React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "Copy_svg__b", fill: "#fff" },
+                React.createElement("use", { xlinkHref: "#Copy_svg__a" })),
+            React.createElement("path", { fillOpacity: 0.54, fill: "#000", mask: "url(#Copy_svg__b)", d: "M0 0h24v24H0z" }))));
 };
-exports.default = SvgCopy;
+export default SvgCopy;

package/icons/Create.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+import React from 'react';
 var SvgCreate = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.6 15.15v2.25h2.25l6.636-6.636-2.25-2.25L6.6 15.15zm10.626-6.126a.598.598 0 000-.846l-1.404-1.404a.598.598 0 00-.846 0l-1.098 1.098 2.25 2.25 1.098-1.098z", fill: "#fff" })));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.6 15.15v2.25h2.25l6.636-6.636-2.25-2.25L6.6 15.15zm10.626-6.126a.598.598 0 000-.846l-1.404-1.404a.598.598 0 00-.846 0l-1.098 1.098 2.25 2.25 1.098-1.098z", fill: "#fff" })));
 };
-exports.default = SvgCreate;
+export default SvgCreate;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,15 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+import React from 'react';
 var SvgDefaultImage = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
-        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
-            react_1.default.createElement("path", { d: "M0 0h24v24H0z" }),
-            react_1.default.createElement("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zm-4.5-9l2.5 3.096V18H5l4.5-5.5 2.5 3.01L16.5 10zm-8-4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z", fillOpacity: 0.12, fill: "#000", fillRule: "nonzero" }))));
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("path", { d: "M0 0h24v24H0z" }),
+            React.createElement("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zm-4.5-9l2.5 3.096V18H5l4.5-5.5 2.5 3.01L16.5 10zm-8-4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z", fillOpacity: 0.12, fill: "#000", fillRule: "nonzero" }))));
 };
-exports.default = SvgDefaultImage;
+export default SvgDefaultImage;

package/icons/DefaultTaskIcon.d.ts

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