ywana-core8 0.0.769 → 0.0.771

package/dist/index.modern.js

@@ -1093,6 +1093,7 @@ var Tabs = function Tabs(props) {
 
 var Tab = function Tab(props) {
   var id = props.id,
+      icon = props.icon,
       label = props.label,
       selected = props.selected,
       actions = props.actions,
@@ -1106,7 +1107,10 @@ var Tab = function Tab(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "tab " + style,
     onClick: select
-  }, label, actions ? actions : null);
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    size: "small"
+  }) : null, label, actions ? actions : null);
 };
 /**
  * Stack
@@ -10963,11 +10967,10 @@ function _catch(body, recover) {
 
 var TaskContext = React.createContext({});
 var TaskContextProvider = function TaskContextProvider(props) {
-  var removeTask = function removeTask(id) {
+  var removeTask = function removeTask(task) {
     try {
       return Promise.resolve(_catch(function () {
-        removeListener(id);
-        return Promise.resolve(API.remove(id));
+        return Promise.resolve(API.remove(task.id));
       }, function (error) {
         console.log("removeTask error", error);
       }));
@@ -10976,11 +10979,23 @@ var TaskContextProvider = function TaskContextProvider(props) {
     }
   };
 
+  var updateTask = function updateTask(task) {
+    try {
+      return Promise.resolve(_catch(function () {
+        return Promise.resolve(API.update(task));
+      }, function (error) {
+        console.log("updateTask error", error);
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
   var createTask = function createTask(task, listener) {
     try {
       return Promise.resolve(_catch(function () {
         return Promise.resolve(API.create(task)).then(function (response) {
-          if (listener) addListener(response.id, listener);
+          if (listener) addListener(task.name, listener);
           return response;
         });
       }, function (error) {
@@ -11020,38 +11035,35 @@ var TaskContextProvider = function TaskContextProvider(props) {
       url = _props$url === void 0 ? "/tasks" : _props$url,
       _props$frequency = props.frequency,
       frequency = _props$frequency === void 0 ? 5000 : _props$frequency,
-      children = props.children;
+      children = props.children,
+      _props$listeners = props.listeners,
+      listeners = _props$listeners === void 0 ? {} : _props$listeners;
   var API = CollectionAPI$1(url, host);
-  var listeners = [];
 
-  function addListener(taskId, listener) {
-    var listenerId = listeners.length;
-    listeners.push({
-      taskId: taskId,
-      listener: listener
-    });
-    return listenerId;
+  var _listeners = Object.assign({}, listeners);
+
+  function addListener(taskName, listener) {
+    _listeners[taskName] = listener;
   }
 
-  function removeListener(taskId) {
-    listeners.forEach(function (listener, index) {
-      if (listener.taskId === taskId) {
-        listeners.splice(index, 1);
-      }
-    });
+  function removeListener(taskName) {
+    delete _listeners[taskName];
   }
 
   useEffect(function () {
     var interval = setInterval(function () {
       try {
         return Promise.resolve(API.all()).then(function (tasks) {
-          listeners.forEach(function (_ref) {
-            var taskId = _ref.taskId,
-                listener = _ref.listener;
-            var task = tasks.find(function (task) {
-              return task.id === taskId;
+          // invoque listeners for each task
+          Object.entries(_listeners).forEach(function (_ref) {
+            var taskName = _ref[0],
+                listener = _ref[1];
+            var listenerTasks = tasks.filter(function (task) {
+              return task.name === taskName;
+            });
+            listenerTasks.forEach(function (task) {
+              return listener(task, value);
             });
-            if (task) listener(task);
           });
         });
       } catch (e) {
@@ -11066,6 +11078,7 @@ var TaskContextProvider = function TaskContextProvider(props) {
     tasks: tasks,
     task: task,
     createTask: createTask,
+    updateTask: updateTask,
     removeTask: removeTask,
     addListener: addListener,
     removeListener: removeListener
@@ -11126,7 +11139,8 @@ var TaskProgress = function TaskProgress(props) {
 var TaskMonitor = function TaskMonitor(props) {
   var remove = function remove(task) {
     try {
-      return Promise.resolve(context.removeTask(task.id)).then(function () {
+      console.log("remove", task);
+      return Promise.resolve(context.removeTask(task)).then(function () {
         refresh();
       });
     } catch (e) {
@@ -11146,7 +11160,8 @@ var TaskMonitor = function TaskMonitor(props) {
 
   var _props$title = props.title,
       title = _props$title === void 0 ? "Task Monitor" : _props$title,
-      filters = props.filters;
+      filters = props.filters,
+      editors = props.editors;
   var context = useContext(TaskContext);
 
   var _useState2 = useState([]),
@@ -11200,16 +11215,16 @@ var TaskMonitor = function TaskMonitor(props) {
     rows: tasks.map(function (task) {
       return {
         id: task.id,
-        resourceID: task.resourceID,
-        init: task.init,
-        end: task.end,
-        owner: task.owner,
+        state: task.state,
         description: task.description,
-        percentage: task.percentage,
         progress: /*#__PURE__*/React.createElement(LinearProgress, {
           progress: task.percentage
         }),
-        state: task.state,
+        percentage: task.percentage,
+        init: task.init,
+        end: task.end,
+        resourceID: task.resourceID,
+        owner: task.owner,
         actions: /*#__PURE__*/React.createElement(Icon, {
           size: "small",
           icon: "cancel",
@@ -11217,7 +11232,11 @@ var TaskMonitor = function TaskMonitor(props) {
           action: function action() {
             return remove(task);
           }
-        })
+        }),
+        info: editors && task.result ? /*#__PURE__*/React.createElement(TaskInfo, {
+          task: task,
+          editors: editors
+        }) : null
       };
     })
   };
@@ -11228,6 +11247,16 @@ var TaskMonitor = function TaskMonitor(props) {
     title: title
   }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(DataTable, table)));
 };
+/**
+ * Task Info
+ */
+
+var TaskInfo = function TaskInfo(props) {
+  var task = props.task,
+      editors = props.editors;
+  var editor = editors ? editors[task.action] : null;
+  return editor(task);
+};
 
 var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);