ywana-core8 0.0.768 → 0.0.770

package/dist/index.umd.js

@@ -1095,6 +1095,7 @@
 
     var Tab = function Tab(props) {
       var id = props.id,
+          icon = props.icon,
           label = props.label,
           selected = props.selected,
           actions = props.actions,
@@ -1108,7 +1109,10 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "tab " + style,
         onClick: select
-      }, label, actions ? actions : null);
+      }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+        icon: icon,
+        size: "small"
+      }) : null, label, actions ? actions : null);
     };
     /**
      * Stack
@@ -10355,6 +10359,8 @@
 
       var load = function load() {
         try {
+          var _exit2;
+
           var runCustomFilters = function runCustomFilters(all) {
             var cfs = Object.values(customFilters);
             var data = cfs.length ? cfs.reduce(function (acc, filter) {
@@ -10363,17 +10369,16 @@
             return data;
           };
 
-          var _temp4 = _catch$1(function () {
+          return Promise.resolve(_catch$1(function () {
             return Promise.resolve(API.all(filters, likes, page)).then(function (response) {
               var next = field ? response[field] : response;
               var data = runCustomFilters(next);
-              setAll(data);
+              _exit2 = 1;
+              return data;
             });
           }, function (error) {
             console.log(error);
-          });
-
-          return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+          }));
         } catch (e) {
           return Promise.reject(e);
         }
@@ -10415,7 +10420,19 @@
 
       React.useEffect(function () {
         console.log("CONTEXT LOAD for Filters", filters, customFilters);
-        load();
+        var mounted = true;
+
+        var callLoad = function callLoad() {
+          return Promise.resolve(load()).then(function (data) {
+            if (mounted) setAll(data);
+          });
+        };
+
+        callLoad();
+        return function () {
+          console.log("CONTEXT UNMOUNT", filters, customFilters);
+          mounted = false;
+        };
       }, [filters, customFilters]);
 
       function clearSelection() {
@@ -10952,11 +10969,10 @@
 
     var TaskContext = React__default["default"].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);
           }));
@@ -10965,11 +10981,23 @@
         }
       };
 
+      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(taskName, listener);
               return response;
             });
           }, function (error) {
@@ -11009,38 +11037,35 @@
           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];
       }
 
       React.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) {
@@ -11055,6 +11080,7 @@
         tasks: tasks,
         task: task,
         createTask: createTask,
+        updateTask: updateTask,
         removeTask: removeTask,
         addListener: addListener,
         removeListener: removeListener
@@ -11115,7 +11141,8 @@
     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) {
@@ -11135,7 +11162,8 @@
 
       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 = React.useContext(TaskContext);
 
       var _useState2 = React.useState([]),
@@ -11189,16 +11217,16 @@
         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__default["default"].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__default["default"].createElement(Icon, {
               size: "small",
               icon: "cancel",
@@ -11206,7 +11234,11 @@
               action: function action() {
                 return remove(task);
               }
-            })
+            }),
+            info: editors && task.result ? /*#__PURE__*/React__default["default"].createElement(TaskInfo, {
+              task: task,
+              editors: editors
+            }) : null
           };
         })
       };
@@ -11217,6 +11249,16 @@
         title: title
       }), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].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);