@nocobase/plugin-workflow 0.7.6-alpha.2 → 0.8.0-alpha.10

package/lib/client/WorkflowCanvas.js

@@ -3,10 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AddButton = AddButton;
-exports.Branch = Branch;
 exports.WorkflowCanvas = WorkflowCanvas;
-exports.useFlowContext = useFlowContext;
 
 function _react() {
   const data = _interopRequireWildcard(require("react"));
@@ -68,6 +65,16 @@ function _reactI18next() {
   return data;
 }
 
+function _classnames() {
+  const data = _interopRequireDefault(require("classnames"));
+
+  _classnames = function _classnames() {
+    return data;
+  };
+
+  return data;
+}
+
 function _client() {
   const data = require("@nocobase/client");
 
@@ -78,26 +85,22 @@ function _client() {
   return data;
 }
 
-var _nodes = require("./nodes");
+var _FlowContext = require("./FlowContext");
 
 var _style = require("./style");
 
 var _triggers = require("./triggers");
 
+var _Branch = require("./Branch");
+
 const _excluded = ["nodes", "revisions"];
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -106,7 +109,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
@@ -138,12 +141,6 @@ function makeNodes(nodes) {
   }
 }
 
-const FlowContext = _react().default.createContext(null);
-
-function useFlowContext() {
-  return (0, _react().useContext)(FlowContext);
-}
-
 function WorkflowCanvas() {
   var _data$data2;
 
@@ -170,7 +167,7 @@ function WorkflowCanvas() {
     const _ref = (_data$data = data === null || data === void 0 ? void 0 : data.data) !== null && _data$data !== void 0 ? _data$data : {},
           title = _ref.title;
 
-    setTitle(`${title ? `${title} - ` : ''}${t('Workflow')}`);
+    setTitle(`${t('Workflow')}${title ? `: ${title}` : ''}`);
   }, [data === null || data === void 0 ? void 0 : data.data]);
 
   if (!(data === null || data === void 0 ? void 0 : data.data) && !loading) {
@@ -205,7 +202,7 @@ function WorkflowCanvas() {
         filterByTk: workflow[targetKey],
         values: {
           enabled: value,
-          // NOTE: keep `key` field to adapter for backend
+          // NOTE: keep `key` field to adapt for backend
           key: workflow.key
         }
       });
@@ -232,7 +229,7 @@ function WorkflowCanvas() {
     return _onRevision.apply(this, arguments);
   }
 
-  return _react().default.createElement(FlowContext.Provider, {
+  return _react().default.createElement(_FlowContext.FlowContext.Provider, {
     value: {
       workflow,
       nodes,
@@ -241,7 +238,9 @@ function WorkflowCanvas() {
     }
   }, _react().default.createElement("div", {
     className: "workflow-toolbar"
-  }, _react().default.createElement("header", null, _react().default.createElement("strong", null, workflow.title)), _react().default.createElement("aside", null, _react().default.createElement("div", {
+  }, _react().default.createElement("header", null, _react().default.createElement("span", null, _react().default.createElement(_reactRouterDom().Link, {
+    to: `/admin/settings/workflow/workflows`
+  }, t('Workflow'))), _react().default.createElement("strong", null, workflow.title)), _react().default.createElement("aside", null, _react().default.createElement("div", {
     className: "workflow-versions"
   }, _react().default.createElement("label", null, t('Version')), _react().default.createElement(_antd().Dropdown, {
     trigger: ['click'],
@@ -249,10 +248,14 @@ function WorkflowCanvas() {
       onClick: onSwitchVersion,
       defaultSelectedKeys: [workflow.id],
       className: (0, _css().cx)(_style.workflowVersionDropdownClass)
-    }, revisions.sort((a, b) => b.id - a.id).map(item => _react().default.createElement(_antd().Menu.Item, {
+    }, revisions.sort((a, b) => b.id - a.id).map((item, index) => _react().default.createElement(_antd().Menu.Item, {
       key: item.id,
       icon: item.current ? _react().default.createElement(_icons().RightOutlined, null) : null,
-      className: item.executed ? 'executed' : 'unexecuted'
+      className: (0, _classnames().default)({
+        executed: item.executed,
+        unexecuted: !item.executed,
+        enabled: item.enabled
+      })
     }, _react().default.createElement("strong", null, `#${item.id}`), _react().default.createElement("time", null, new Date(item.createdAt).toLocaleString()))))
   }, _react().default.createElement(_antd().Button, {
     type: "link"
@@ -267,7 +270,7 @@ function WorkflowCanvas() {
     className: "workflow-canvas"
   }, _react().default.createElement(_triggers.TriggerConfig, null), _react().default.createElement("div", {
     className: _style.branchBlockClass
-  }, _react().default.createElement(Branch, {
+  }, _react().default.createElement(_Branch.Branch, {
     entry: entry
   })), _react().default.createElement("div", {
     className: (0, _css().cx)(_style.nodeCardClass)
@@ -276,118 +279,4 @@ function WorkflowCanvas() {
   }, _react().default.createElement(_antd().Tag, {
     color: "#333"
   }, t('End'))))));
-}
-
-function Branch({
-  from = null,
-  entry = null,
-  branchIndex = null,
-  controller = null
-}) {
-  const list = [];
-
-  for (let node = entry; node; node = node.downstream) {
-    list.push(node);
-  }
-
-  return _react().default.createElement("div", {
-    className: (0, _css().cx)(_style.branchClass)
-  }, _react().default.createElement("div", {
-    className: "workflow-branch-lines"
-  }), controller, _react().default.createElement(AddButton, {
-    upstream: from,
-    branchIndex: branchIndex
-  }), _react().default.createElement("div", {
-    className: "workflow-node-list"
-  }, list.map(item => _react().default.createElement(_nodes.Node, {
-    data: item,
-    key: item.id
-  }))));
-}
-
-;
-
-function AddButton({
-  upstream,
-  branchIndex = null
-}) {
-  const compile = (0, _client().useCompile)();
-  const api = (0, _client().useAPIClient)();
-
-  const _useFlowContext = useFlowContext(),
-        workflow = _useFlowContext.workflow,
-        onNodeAdded = _useFlowContext.onNodeAdded;
-
-  const resource = api.resource('workflows.nodes', workflow.id);
-
-  function onCreate(_x2) {
-    return _onCreate.apply(this, arguments);
-  }
-
-  function _onCreate() {
-    _onCreate = _asyncToGenerator(function* ({
-      keyPath
-    }) {
-      var _upstream$id;
-
-      const type = keyPath.pop();
-      const config = {};
-
-      const _keyPath = _slicedToArray(keyPath, 1),
-            optionKey = _keyPath[0];
-
-      if (optionKey) {
-        const _instructions$get$opt = _nodes.instructions.get(type).options.find(item => item.key === optionKey),
-              value = _instructions$get$opt.value;
-
-        Object.assign(config, value);
-      }
-
-      const _yield$resource$creat = yield resource.create({
-        values: {
-          type,
-          upstreamId: (_upstream$id = upstream === null || upstream === void 0 ? void 0 : upstream.id) !== null && _upstream$id !== void 0 ? _upstream$id : null,
-          branchIndex,
-          config
-        }
-      }),
-            node = _yield$resource$creat.data.data;
-
-      onNodeAdded(node);
-    });
-    return _onCreate.apply(this, arguments);
-  }
-
-  const groups = [{
-    value: 'control',
-    name: '{{t("Control")}}'
-  }, {
-    value: 'collection',
-    name: '{{t("Collection operations")}}'
-  }];
-  const instructionList = Array.from(_nodes.instructions.getValues());
-  return _react().default.createElement("div", {
-    className: (0, _css().cx)(_style.addButtonClass)
-  }, _react().default.createElement(_antd().Dropdown, {
-    trigger: ['click'],
-    overlay: _react().default.createElement(_antd().Menu, {
-      onClick: ev => onCreate(ev)
-    }, groups.map(group => _react().default.createElement(_antd().Menu.ItemGroup, {
-      key: group.value,
-      title: compile(group.name)
-    }, instructionList.filter(item => item.group === group.value).map(item => item.options ? _react().default.createElement(_antd().Menu.SubMenu, {
-      key: item.type,
-      title: compile(item.title)
-    }, item.options.map(option => _react().default.createElement(_antd().Menu.Item, {
-      key: option.key
-    }, compile(option.label)))) : _react().default.createElement(_antd().Menu.Item, {
-      key: item.type
-    }, compile(item.title)))))),
-    disabled: workflow.executed
-  }, _react().default.createElement(_antd().Button, {
-    shape: "circle",
-    icon: _react().default.createElement(_icons().PlusOutlined, null)
-  })));
-}
-
-;
+}

package/lib/client/WorkflowLink.js

@@ -58,7 +58,7 @@ const WorkflowLink = () => {
         setVisible = _useActionContext.setVisible;
 
   return _react().default.createElement(_reactRouterDom().Link, {
-    to: `/admin/plugins/workflows/${id}`,
+    to: `/admin/settings/workflow/workflows/${id}`,
     onClick: () => setVisible(false)
   }, t('View'));
 };

package/lib/client/WorkflowPage.js

@@ -75,7 +75,7 @@ const WorkflowPage = () => {
               action: 'get',
               params: {
                 filter: params,
-                appends: ['nodes', 'revisions.id', 'revisions.createdAt', 'revisions.current', 'revisions.executed']
+                appends: ['nodes', 'revisions.id', 'revisions.createdAt', 'revisions.current', 'revisions.executed', 'revisions.enabled']
               }
             }
           },

package/lib/client/WorkflowProvider.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WorkflowProvider = void 0;
 
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
+function _client() {
+  const data = require("@nocobase/client");
 
-  _react = function _react() {
+  _client = function _client() {
     return data;
   };
 
   return data;
 }
 
-function _client() {
-  const data = require("@nocobase/client");
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
 
-  _client = function _client() {
+  _react = function _react() {
     return data;
   };
 
@@ -29,6 +29,8 @@ var _WorkflowPage = require("./WorkflowPage");
 
 var _WorkflowShortcut = require("./WorkflowShortcut");
 
+var _ExecutionPage = require("./ExecutionPage");
+
 const _excluded = ["routes", "components"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -55,10 +57,27 @@ const WorkflowProvider = props => {
 
   routes[1].routes.unshift({
     type: 'route',
-    path: '/admin/plugins/workflows/:id',
+    path: '/admin/settings/workflow/workflows/:id',
     component: 'WorkflowPage'
+  }, {
+    type: 'route',
+    path: '/admin/settings/workflow/executions/:id',
+    component: 'ExecutionPage'
   });
-  return _react().default.createElement(_client().PluginManagerContext.Provider, {
+  return _react().default.createElement(_client().SettingsCenterProvider, {
+    settings: {
+      workflow: {
+        icon: 'PartitionOutlined',
+        title: '{{t("Workflow")}}',
+        tabs: {
+          workflows: {
+            title: '{{t("Workflow")}}',
+            component: _WorkflowShortcut.WorkflowPane
+          }
+        }
+      }
+    }
+  }, _react().default.createElement(_client().PluginManagerContext.Provider, {
     value: {
       components: _objectSpread(_objectSpread({}, ctx === null || ctx === void 0 ? void 0 : ctx.components), {}, {
         WorkflowShortcut: _WorkflowShortcut.WorkflowShortcut
@@ -67,12 +86,13 @@ const WorkflowProvider = props => {
   }, _react().default.createElement(_client().RouteSwitchContext.Provider, {
     value: _objectSpread(_objectSpread({
       components: _objectSpread(_objectSpread({}, components), {}, {
-        WorkflowPage: _WorkflowPage.WorkflowPage
+        WorkflowPage: _WorkflowPage.WorkflowPage,
+        ExecutionPage: _ExecutionPage.ExecutionPage
       })
     }, others), {}, {
       routes
     })
-  }, props.children));
+  }, props.children)));
 };
 
 exports.WorkflowProvider = WorkflowProvider;

package/lib/client/WorkflowShortcut.d.ts

@@ -1 +1,2 @@
+export declare const WorkflowPane: () => JSX.Element;
 export declare const WorkflowShortcut: () => JSX.Element;

package/lib/client/WorkflowShortcut.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WorkflowShortcut = void 0;
+exports.WorkflowShortcut = exports.WorkflowPane = void 0;
 
 function _react() {
-  const data = _interopRequireWildcard(require("react"));
+  const data = _interopRequireDefault(require("react"));
 
   _react = function _react() {
     return data;
@@ -15,20 +15,20 @@ function _react() {
   return data;
 }
 
-function _icons() {
-  const data = require("@ant-design/icons");
+function _antd() {
+  const data = require("antd");
 
-  _icons = function _icons() {
+  _antd = function _antd() {
     return data;
   };
 
   return data;
 }
 
-function _shared() {
-  const data = require("@formily/shared");
+function _icons() {
+  const data = require("@ant-design/icons");
 
-  _shared = function _shared() {
+  _icons = function _icons() {
     return data;
   };
 
@@ -45,6 +45,16 @@ function _reactI18next() {
   return data;
 }
 
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+
+  _reactRouterDom = function _reactRouterDom() {
+    return data;
+  };
+
+  return data;
+}
+
 function _client() {
   const data = require("@nocobase/client");
 
@@ -61,63 +71,37 @@ var _WorkflowLink = require("./WorkflowLink");
 
 var _ExecutionResourceProvider = require("./ExecutionResourceProvider");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+var _ExecutionLink = require("./ExecutionLink");
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-const schema = {
-  type: 'object',
-  properties: {
-    [(0, _shared().uid)()]: {
-      'x-component': 'Action.Drawer',
-      type: 'void',
-      title: '{{t("Workflow")}}',
-      properties: {
-        table: _workflows.workflowSchema
-      }
+const WorkflowPane = () => {
+  return _react().default.createElement(_antd().Card, {
+    bordered: false
+  }, _react().default.createElement(_client().SchemaComponent, {
+    schema: _workflows.workflowSchema,
+    components: {
+      WorkflowLink: _WorkflowLink.WorkflowLink,
+      ExecutionResourceProvider: _ExecutionResourceProvider.ExecutionResourceProvider,
+      ExecutionLink: _ExecutionLink.ExecutionLink
     }
-  }
+  }));
 };
 
+exports.WorkflowPane = WorkflowPane;
+
 const WorkflowShortcut = () => {
   const _useTranslation = (0, _reactI18next().useTranslation)(),
         t = _useTranslation.t;
 
-  const _useState = (0, _react().useState)(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        visible = _useState2[0],
-        setVisible = _useState2[1];
-
-  return _react().default.createElement(_client().ActionContext.Provider, {
-    value: {
-      visible,
-      setVisible
-    }
-  }, _react().default.createElement(_client().PluginManager.Toolbar.Item, {
+  const history = (0, _reactRouterDom().useHistory)();
+  return _react().default.createElement(_client().PluginManager.Toolbar.Item, {
     icon: _react().default.createElement(_icons().PartitionOutlined, null),
     title: t('Workflow'),
     onClick: () => {
-      setVisible(true);
+      history.push('/admin/settings/workflow/workflows');
     }
-  }), _react().default.createElement(_client().SchemaComponent, {
-    schema: schema,
-    components: {
-      WorkflowLink: _WorkflowLink.WorkflowLink,
-      ExecutionResourceProvider: _ExecutionResourceProvider.ExecutionResourceProvider
-    }
-  }));
+  });
 };
 
 exports.WorkflowShortcut = WorkflowShortcut;

package/lib/client/calculators.js

@@ -53,7 +53,7 @@ function _client() {
 
 var _nodes = require("./nodes");
 
-var _WorkflowCanvas = require("./WorkflowCanvas");
+var _FlowContext = require("./FlowContext");
 
 var _triggers = require("./triggers");
 
@@ -407,7 +407,7 @@ const VariableTypes = {
     }) {
       var _instruction$getter;
 
-      const _useFlowContext = (0, _WorkflowCanvas.useFlowContext)(),
+      const _useFlowContext = (0, _FlowContext.useFlowContext)(),
             nodes = _useFlowContext.nodes;
 
       if (!(options === null || options === void 0 ? void 0 : options.nodeId)) {
@@ -472,7 +472,7 @@ const VariableTypes = {
     component() {
       var _trigger$getter;
 
-      const _useFlowContext2 = (0, _WorkflowCanvas.useFlowContext)(),
+      const _useFlowContext2 = (0, _FlowContext.useFlowContext)(),
             workflow = _useFlowContext2.workflow;
 
       const trigger = _triggers.triggers.get(workflow.type);

package/lib/client/constants.d.ts

@@ -0,0 +1,30 @@
+export declare const EXECUTION_STATUS: {
+    QUEUEING: any;
+    STARTED: number;
+    SUCCEEDED: number;
+    FAILED: number;
+    CANCELED: number;
+};
+export declare const ExecutionStatusOptions: ({
+    value: any;
+    label: string;
+    color: string;
+} | {
+    value: number;
+    label: string;
+    color?: undefined;
+})[];
+export declare const ExecutionStatusOptionsMap: {};
+export declare const JOB_STATUS: {
+    PENDING: number;
+    RESOLVED: number;
+    REJECTED: number;
+    CANCELED: number;
+};
+export declare const JobStatusOptions: {
+    value: number;
+    label: string;
+    color: string;
+    icon: JSX.Element;
+}[];
+export declare const JobStatusOptionsMap: {};

package/lib/client/constants.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JobStatusOptionsMap = exports.JobStatusOptions = exports.JOB_STATUS = exports.ExecutionStatusOptionsMap = exports.ExecutionStatusOptions = exports.EXECUTION_STATUS = void 0;
+
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+
+  _react = function _react() {
+    return data;
+  };
+
+  return data;
+}
+
+function _icons() {
+  const data = require("@ant-design/icons");
+
+  _icons = function _icons() {
+    return data;
+  };
+
+  return data;
+}
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const EXECUTION_STATUS = {
+  QUEUEING: null,
+  STARTED: 0,
+  SUCCEEDED: 1,
+  FAILED: -1,
+  CANCELED: -2
+};
+exports.EXECUTION_STATUS = EXECUTION_STATUS;
+const ExecutionStatusOptions = [{
+  value: EXECUTION_STATUS.QUEUEING,
+  label: '{{t("Queueing")}}',
+  color: 'blue'
+}, {
+  value: EXECUTION_STATUS.STARTED,
+  label: '{{t("On going")}}',
+  color: 'gold'
+}, {
+  value: EXECUTION_STATUS.SUCCEEDED,
+  label: '{{t("Succeeded")}}',
+  color: 'green'
+}, {
+  value: EXECUTION_STATUS.FAILED,
+  label: '{{t("Failed")}}',
+  color: 'red'
+}, {
+  value: EXECUTION_STATUS.CANCELED,
+  label: '{{t("Canceled")}}'
+}];
+exports.ExecutionStatusOptions = ExecutionStatusOptions;
+const ExecutionStatusOptionsMap = ExecutionStatusOptions.reduce((map, option) => Object.assign(map, {
+  [option.value]: option
+}), {});
+exports.ExecutionStatusOptionsMap = ExecutionStatusOptionsMap;
+const JOB_STATUS = {
+  PENDING: 0,
+  RESOLVED: 1,
+  REJECTED: -1,
+  CANCELED: -2
+};
+exports.JOB_STATUS = JOB_STATUS;
+const JobStatusOptions = [{
+  value: JOB_STATUS.PENDING,
+  label: '{{t("Pending")}}',
+  color: '#d4c306',
+  icon: _react().default.createElement(_icons().ClockCircleOutlined, null)
+}, {
+  value: JOB_STATUS.RESOLVED,
+  label: '{{t("Succeeded")}}',
+  color: '#67c068',
+  icon: _react().default.createElement(_icons().CheckOutlined, null)
+}, {
+  value: JOB_STATUS.REJECTED,
+  label: '{{t("Failed")}}',
+  color: '#f40',
+  icon: _react().default.createElement(_icons().ExclamationOutlined, null)
+}, {
+  value: JOB_STATUS.CANCELED,
+  label: '{{t("Canceled")}}',
+  color: '#f40',
+  icon: _react().default.createElement(_icons().CloseOutlined, null)
+}];
+exports.JobStatusOptions = JobStatusOptions;
+const JobStatusOptionsMap = JobStatusOptions.reduce((map, option) => Object.assign(map, {
+  [option.value]: option
+}), {});
+exports.JobStatusOptionsMap = JobStatusOptionsMap;