ywana-core8 0.0.676 → 0.0.677

package/dist/index.umd.js

@@ -11,7 +11,7 @@
   var ResumableJS__default = /*#__PURE__*/_interopDefaultLegacy(ResumableJS);
   var equal__default = /*#__PURE__*/_interopDefaultLegacy(equal);
 
-  function _catch$4(body, recover) {
+  function _catch$5(body, recover) {
     try {
       var result = body();
     } catch (e) {
@@ -43,7 +43,7 @@
         body: body
       };
       if (headers) request.headers = request.headers;
-      return Promise.resolve(_catch$4(function () {
+      return Promise.resolve(_catch$5(function () {
         return Promise.resolve(fetch(URL, request)).then(function (response) {
           var _exit;
 
@@ -5605,7 +5605,7 @@
    * Collection Page
    */
 
-  function _catch$3(body, recover) {
+  function _catch$4(body, recover) {
     try {
       var result = body();
     } catch (e) {
@@ -6232,7 +6232,7 @@
         try {
           var _this2 = this;
 
-          var _temp6 = _catch$3(function () {
+          var _temp6 = _catch$4(function () {
             return Promise.resolve(API.all(null, page)).then(function (data) {
               _this2.all = field ? data[field] : data;
             });
@@ -6281,7 +6281,7 @@
       },
       fetch: function fetch(id) {
         try {
-          return Promise.resolve(_catch$3(function () {
+          return Promise.resolve(_catch$4(function () {
             return Promise.resolve(API.find(id));
           }, function (error) {
             console.log(error);
@@ -6297,7 +6297,7 @@
         try {
           var _this8 = this;
 
-          var _temp10 = _catch$3(function () {
+          var _temp10 = _catch$4(function () {
             if (versioning) form.version = 1;
             return Promise.resolve(API.create(form)).then(function () {
               return Promise.resolve(_this8.load()).then(function () {});
@@ -6315,7 +6315,7 @@
         try {
           var _this10 = this;
 
-          var _temp12 = _catch$3(function () {
+          var _temp12 = _catch$4(function () {
             if (versioning) form.version = form.version ? form.version + 1 : 1;
             return Promise.resolve(API.update(form)).then(function () {
               return Promise.resolve(_this10.load()).then(function () {});
@@ -6333,7 +6333,7 @@
         try {
           var _this12 = this;
 
-          var _temp14 = _catch$3(function () {
+          var _temp14 = _catch$4(function () {
             if (versioning) form.version = form.version ? form.version + 1 : 1;
             return Promise.resolve(API.patch(id, form)).then(function () {
               return Promise.resolve(_this12.load()).then(function () {});
@@ -6351,7 +6351,7 @@
         try {
           var _this14 = this;
 
-          var _temp16 = _catch$3(function () {
+          var _temp16 = _catch$4(function () {
             return Promise.resolve(API.updateProperty(id, propertyName, form)).then(function () {
               return Promise.resolve(_this14.load()).then(function () {});
             });
@@ -6368,7 +6368,7 @@
         try {
           var _this16 = this;
 
-          var _temp18 = _catch$3(function () {
+          var _temp18 = _catch$4(function () {
             return Promise.resolve(API.remove(id)).then(function () {
               return Promise.resolve(_this16.load()).then(function () {});
             });
@@ -6457,7 +6457,7 @@
    * Table Page
    */
 
-  function _catch$2(body, recover) {
+  function _catch$3(body, recover) {
     try {
       var result = body();
     } catch (e) {
@@ -7270,7 +7270,7 @@
         try {
           var _this2 = this;
 
-          var _temp5 = _catch$2(function () {
+          var _temp5 = _catch$3(function () {
             var filters = filter ? Object.keys(filter).reduce(function (filters, key) {
               var field = filter[key];
 
@@ -7332,7 +7332,7 @@
         try {
           var _this5 = this;
 
-          var _temp7 = _catch$2(function () {
+          var _temp7 = _catch$3(function () {
             return Promise.resolve(API.create(form)).then(function () {
               return Promise.resolve(_this5.load()).then(function () {});
             });
@@ -7349,7 +7349,7 @@
         try {
           var _this7 = this;
 
-          var _temp9 = _catch$2(function () {
+          var _temp9 = _catch$3(function () {
             return Promise.resolve(API.update(form)).then(function () {
               return Promise.resolve(_this7.load()).then(function () {});
             });
@@ -7366,7 +7366,7 @@
         try {
           var _this9 = this;
 
-          var _temp11 = _catch$2(function () {
+          var _temp11 = _catch$3(function () {
             return Promise.resolve(API.remove(id)).then(function () {
               return Promise.resolve(_this9.load()).then(function () {});
             });
@@ -7386,7 +7386,7 @@
         try {
           var _this11 = this;
 
-          var _temp13 = _catch$2(function () {
+          var _temp13 = _catch$3(function () {
             return Promise.resolve(API.queries(user, urlQuery)).then(function (_API$queries) {
               _this11.queries = _API$queries;
             });
@@ -7403,7 +7403,7 @@
         try {
           var _this13 = this;
 
-          var _temp15 = _catch$2(function () {
+          var _temp15 = _catch$3(function () {
             return Promise.resolve(API.createQuery(query, urlQuery)).then(function () {
               return Promise.resolve(_this13.loadQueries(user)).then(function () {});
             });
@@ -7420,7 +7420,7 @@
         try {
           var _this15 = this;
 
-          var _temp17 = _catch$2(function () {
+          var _temp17 = _catch$3(function () {
             return Promise.resolve(API.removeQuery(id, urlQuery)).then(function () {
               return Promise.resolve(_this15.loadQueries(user)).then(function () {});
             });
@@ -7511,7 +7511,7 @@
    * Table Page
    */
 
-  function _catch$1(body, recover) {
+  function _catch$2(body, recover) {
     try {
       var result = body();
     } catch (e) {
@@ -8309,7 +8309,7 @@
         try {
           var _this2 = this;
 
-          var _temp9 = _catch$1(function () {
+          var _temp9 = _catch$2(function () {
             var filters = filter ? Object.keys(filter).reduce(function (filters, key) {
               var field = filter[key];
 
@@ -8368,7 +8368,7 @@
         try {
           var _this5 = this;
 
-          var _temp11 = _catch$1(function () {
+          var _temp11 = _catch$2(function () {
             return Promise.resolve(API.create(form)).then(function () {
               return Promise.resolve(_this5.load()).then(function () {});
             });
@@ -8385,7 +8385,7 @@
         try {
           var _this7 = this;
 
-          var _temp13 = _catch$1(function () {
+          var _temp13 = _catch$2(function () {
             return Promise.resolve(API.update(form)).then(function () {
               return Promise.resolve(_this7.load()).then(function () {});
             });
@@ -8402,7 +8402,7 @@
         try {
           var _this9 = this;
 
-          var _temp15 = _catch$1(function () {
+          var _temp15 = _catch$2(function () {
             return Promise.resolve(API.remove(id)).then(function () {
               return Promise.resolve(_this9.load()).then(function () {});
             });
@@ -8422,7 +8422,7 @@
         try {
           var _this11 = this;
 
-          var _temp17 = _catch$1(function () {
+          var _temp17 = _catch$2(function () {
             return Promise.resolve(API.queries(user, urlQuery)).then(function (_API$queries) {
               _this11.queries = _API$queries;
             });
@@ -8439,7 +8439,7 @@
         try {
           var _this13 = this;
 
-          var _temp19 = _catch$1(function () {
+          var _temp19 = _catch$2(function () {
             return Promise.resolve(API.createQuery(query, urlQuery)).then(function () {
               return Promise.resolve(_this13.loadQueries(user)).then(function () {});
             });
@@ -8456,7 +8456,7 @@
         try {
           var _this15 = this;
 
-          var _temp21 = _catch$1(function () {
+          var _temp21 = _catch$2(function () {
             return Promise.resolve(API.removeQuery(id, urlQuery)).then(function () {
               return Promise.resolve(_this15.loadQueries(user)).then(function () {});
             });
@@ -8543,7 +8543,7 @@
    * Tabbed Table Page
    */
 
-  function _catch(body, recover) {
+  function _catch$1(body, recover) {
     try {
       var result = body();
     } catch (e) {
@@ -9405,7 +9405,7 @@
         try {
           var _this2 = this;
 
-          var _temp9 = _catch(function () {
+          var _temp9 = _catch$1(function () {
             var filters = filter ? Object.keys(filter).reduce(function (filters, key) {
               var field = filter[key];
 
@@ -9472,7 +9472,7 @@
         try {
           var _this5 = this;
 
-          var _temp11 = _catch(function () {
+          var _temp11 = _catch$1(function () {
             return Promise.resolve(API.create(form)).then(function () {
               return Promise.resolve(_this5.load({}, [])).then(function () {});
             });
@@ -9489,7 +9489,7 @@
         try {
           var _this7 = this;
 
-          var _temp13 = _catch(function () {
+          var _temp13 = _catch$1(function () {
             return Promise.resolve(API.update(form)).then(function () {
               return Promise.resolve(_this7.load()).then(function () {});
             });
@@ -9506,7 +9506,7 @@
         try {
           var _this9 = this;
 
-          var _temp15 = _catch(function () {
+          var _temp15 = _catch$1(function () {
             return Promise.resolve(API.remove(id)).then(function () {
               return Promise.resolve(_this9.load()).then(function () {});
             });
@@ -9526,7 +9526,7 @@
         try {
           var _this11 = this;
 
-          var _temp17 = _catch(function () {
+          var _temp17 = _catch$1(function () {
             return Promise.resolve(API.queries(user, urlQuery)).then(function (_API$queries) {
               _this11.queries = _API$queries;
             });
@@ -9543,7 +9543,7 @@
         try {
           var _this13 = this;
 
-          var _temp19 = _catch(function () {
+          var _temp19 = _catch$1(function () {
             return Promise.resolve(API.createQuery(query, urlQuery)).then(function () {
               return Promise.resolve(_this13.loadQueries(user)).then(function () {});
             });
@@ -9560,7 +9560,7 @@
         try {
           var _this15 = this;
 
-          var _temp21 = _catch(function () {
+          var _temp21 = _catch$1(function () {
             return Promise.resolve(API.removeQuery(id, urlQuery)).then(function () {
               return Promise.resolve(_this15.loadQueries(user)).then(function () {});
             });
@@ -9758,6 +9758,267 @@
     }, prevButton, /*#__PURE__*/React__default["default"].createElement("div", null), nextButton)));
   };
 
+  /**
+   * Task Context
+   */
+
+  function _catch(body, recover) {
+    try {
+      var result = body();
+    } catch (e) {
+      return recover(e);
+    }
+
+    if (result && result.then) {
+      return result.then(void 0, recover);
+    }
+
+    return result;
+  }
+  /**
+   * Task Provider
+   */
+
+
+  var TaskContext = React__default["default"].createContext({});
+  var TaskContextProvider = function TaskContextProvider(props) {
+    var removeTask = function removeTask(id) {
+      try {
+        return Promise.resolve(_catch(function () {
+          return Promise.resolve(API.removeTask(id));
+        }, function (error) {
+          console.log("removeTask error", error);
+        }));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+
+    var createTask = function createTask(task) {
+      try {
+        return Promise.resolve(_catch(function () {
+          return Promise.resolve(API.createTask(task));
+        }, function (error) {
+          console.log("createTask error", error);
+        }));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+
+    var task = function task(id) {
+      try {
+        return Promise.resolve(_catch(function () {
+          return Promise.resolve(API.task(id));
+        }, function (error) {
+          console.log("task error", error);
+        }));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+
+    var tasks = function tasks() {
+      try {
+        return Promise.resolve(_catch(function () {
+          return Promise.resolve(API.tasks());
+        }, function (error) {
+          console.log("tasks error", error);
+        }));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+
+    var host = props.host,
+        url = props.url,
+        children = props.children;
+    var API = TaskAPI(url, host);
+    var value = {
+      tasks: tasks,
+      task: task,
+      createTask: createTask,
+      removeTask: removeTask
+    };
+    return /*#__PURE__*/React__default["default"].createElement(TaskContext.Provider, {
+      value: value
+    }, children);
+  };
+  /**
+   * API
+   */
+
+  var TaskAPI = function TaskAPI(url, host) {
+    if (url === void 0) {
+      url = "/tasks";
+    }
+
+    var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
+    return {
+      tasks: function tasks() {
+        return http.GET(url);
+      },
+      task: function task(id) {
+        return http.GET(url + "/" + id);
+      },
+      createTask: function createTask(task) {
+        var body = JSON.stringify(task);
+        return http.POST(url, body);
+      },
+      removeTask: function removeTask(id) {
+        return http.DELETE(url + "/" + id);
+      }
+    };
+  };
+  /**
+   * TaskProgress
+   */
+
+
+  var TaskProgress = function TaskProgress(props) {
+    var refresh = function refresh(id) {
+      try {
+        return Promise.resolve(context.task(id)).then(function (next) {
+          setProgress(next.percentage);
+
+          if (next.percentage === 100) {
+            if (onComplete) onComplete(next);
+          }
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+
+    var context = React.useContext(TaskContext);
+    var task = props.task,
+        _props$timeout = props.timeout,
+        timeout = _props$timeout === void 0 ? 500 : _props$timeout,
+        _props$autoreload = props.autoreload,
+        autoreload = _props$autoreload === void 0 ? true : _props$autoreload,
+        onComplete = props.onComplete;
+
+    var _useState = React.useState(0),
+        progress = _useState[0],
+        setProgress = _useState[1];
+
+    React.useEffect(function () {
+      if (autoreload) {
+        var interval = setInterval(function () {
+          return refresh(task.id);
+        }, timeout);
+        return function () {
+          clearInterval(interval);
+        };
+      }
+    }, [task, autoreload]);
+    return task ? /*#__PURE__*/React__default["default"].createElement(LinearProgress, {
+      progress: progress
+    }) : null;
+  };
+  /**
+   * Task Monitor
+   */
+
+  var TaskMonitor = function TaskMonitor(props) {
+    var remove = function remove(task) {
+      try {
+        return Promise.resolve(context.removeTask(task.id)).then(function () {
+          refresh();
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+
+    var refresh = function refresh() {
+      try {
+        return Promise.resolve(context.tasks()).then(function (tasks) {
+          setTasks(tasks);
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+
+    var context = React.useContext(TaskContext);
+
+    var _useState2 = React.useState([]),
+        _useState2$ = _useState2[0],
+        tasks = _useState2$ === void 0 ? [] : _useState2$,
+        setTasks = _useState2[1];
+
+    React.useEffect(function () {
+      refresh();
+      var interval = setInterval(function () {
+        refresh();
+      }, 5000);
+      return function () {
+        clearInterval(interval);
+      };
+    }, []);
+    if (!tasks.length) return null;
+    var table = {
+      columns: [{
+        id: "state",
+        label: "Estado"
+      }, {
+        id: "description",
+        label: "Descripcion"
+      }, {
+        id: "progress",
+        label: "%"
+      }, {
+        id: "percentage",
+        label: ""
+      }, {
+        id: "init",
+        label: "Inicio"
+      }, {
+        id: "end",
+        label: "Fin"
+      }, {
+        id: "resourceID",
+        label: "Recurso"
+      }, {
+        id: "owner",
+        label: "Propietario"
+      }, {
+        id: "actions",
+        label: ""
+      }],
+      rows: tasks.map(function (task) {
+        return {
+          id: task.id,
+          resourceID: task.resourceID,
+          init: task.init,
+          end: task.end,
+          owner: task.owner,
+          description: task.description,
+          percentage: task.percentage,
+          progress: /*#__PURE__*/React__default["default"].createElement(LinearProgress, {
+            progress: task.percentage
+          }),
+          state: task.state,
+          actions: /*#__PURE__*/React__default["default"].createElement(Icon, {
+            size: "small",
+            icon: "cancel",
+            clickable: true,
+            action: function action() {
+              return remove(task);
+            }
+          })
+        };
+      })
+    };
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "task-manager"
+    }, /*#__PURE__*/React__default["default"].createElement(Header, {
+      icon: "list",
+      title: "Task Manager"
+    }), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(DataTable, table)));
+  };
+
   var isFunction = function isFunction(value) {
     return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
   };
@@ -9829,6 +10090,10 @@
   exports.TablePage = TablePage;
   exports.TablePage2 = TablePage2;
   exports.Tabs = Tabs;
+  exports.TaskContext = TaskContext;
+  exports.TaskContextProvider = TaskContextProvider;
+  exports.TaskMonitor = TaskMonitor;
+  exports.TaskProgress = TaskProgress;
   exports.Text = Text;
   exports.TextArea = TextArea;
   exports.TextField = TextField;