ywana-core8 0.0.989 → 0.0.990

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
-import React, { useContext, useState, useEffect, useCallback, Fragment, useRef, useMemo, Children } from 'react';
+import React, { useContext, useState, useEffect, useCallback, Fragment, useRef as useRef$1, useMemo, Children } from 'react';
 import ResumableJS from 'resumablejs';
 import RSwitch from 'react-switch';
 import moment$1 from 'moment';
@@ -1673,7 +1673,7 @@ var PasswordField = function PasswordField(props) {
 var UploadArea = function UploadArea(props) {
   var _props$label = props.label,
     label = _props$label === void 0 ? 'Add file or drop file here...' : _props$label;
-  var areaElement = useRef();
+  var areaElement = useRef$1();
   var _useState = useState(false),
     drag = _useState[0],
     setDrag = _useState[1];
@@ -1707,7 +1707,7 @@ var UploadIcon = function UploadIcon(_ref) {
   var _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? "folder_open" : _ref$icon,
     resumable = _ref.resumable;
-  var iconElement = useRef();
+  var iconElement = useRef$1();
   useEffect(function () {
     if (resumable && iconElement.current) {
       resumable.assignBrowse(iconElement.current);
@@ -3198,13 +3198,13 @@ var ImageViewer = function ImageViewer(_ref) {
   var _useState3 = useState(false),
     draggind = _useState3[0],
     setDragging = _useState3[1];
-  var touch = useRef({
+  var touch = useRef$1({
     x: 0,
     y: 0
   });
-  var canvasRef = useRef(null);
-  var containerRef = useRef(null);
-  var observer = useRef(null);
+  var canvasRef = useRef$1(null);
+  var containerRef = useRef$1(null);
+  var observer = useRef$1(null);
   var background = useMemo(function () {
     return new Image();
   }, [image]);
@@ -3932,7 +3932,7 @@ var Planner = function Planner(_ref) {
   var _useState3 = useState(config.to),
     to = _useState3[0],
     setTo = _useState3[1];
-  var thisMondayElement = useRef(null);
+  var thisMondayElement = useRef$1(null);
   var gotoMonday = useCallback(function (node) {
     var element = node;
     if (element) element.scrollIntoView({
@@ -5284,7 +5284,7 @@ var Wizard = function Wizard(props) {
     valid = _useState3[0],
     setValid = _useState3[1];
   var steps = React.Children.toArray(children);
-  var stepRef = useRef();
+  var stepRef = useRef$1();
   function validate(form, isValid) {
     setValid(isValid);
   }
@@ -5342,6 +5342,20 @@ var Wizard = function Wizard(props) {
  * Task Context
  */
 
+function _catch$5(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
+   */
+
 function _settle(pact, state, value) {
   if (!pact.s) {
     if (value instanceof _Pact) {
@@ -5361,14 +5375,12 @@ function _settle(pact, state, value) {
     }
     pact.s = state;
     pact.v = value;
-    const observer = pact.o;
+    var observer = pact.o;
     if (observer) {
       observer(pact);
     }
   }
-} /**
-   * Task Provider
-   */
+}
 var _Pact = /*#__PURE__*/function () {
   function _Pact() {}
   _Pact.prototype.then = function (onFulfilled, onRejected) {
@@ -5437,17 +5449,6 @@ function _forTo(array, body, check) {
   _cycle();
   return pact;
 }
-function _catch$5(body, recover) {
-  try {
-    var result = body();
-  } catch (e) {
-    return recover(e);
-  }
-  if (result && result.then) {
-    return result.then(void 0, recover);
-  }
-  return result;
-}
 var TaskContext = React.createContext({});
 var TaskContextProvider = function TaskContextProvider(props) {
   var removeTask = function removeTask(task) {
@@ -5508,34 +5509,41 @@ var TaskContextProvider = function TaskContextProvider(props) {
       return Promise.reject(e);
     }
   };
+  var executeListeners = function executeListeners() {
+    try {
+      var taskIDs = Object.keys(listeners);
+      var _temp = _forTo(taskIDs, function (i) {
+        var taskID = taskIDs[i];
+        return Promise.resolve(task(taskID)).then(function (tsk) {
+          var listener = listeners[taskID];
+          if (listener) listener(tsk, appContextRef.current);
+        });
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   var host = props.host,
     _props$url = props.url,
     url = _props$url === void 0 ? "/tasks" : _props$url,
     _props$frequency = props.frequency,
     frequency = _props$frequency === void 0 ? 1000 : _props$frequency,
-    children = props.children,
-    ctx = props.ctx;
+    children = props.children;
   var API = CollectionAPI$1(url, host, "");
   var _useState = useState({}),
     listeners = _useState[0],
     setListeners = _useState[1];
-  var appContext = useContext(ctx);
+  var appContext = useContext(appContext);
+  var appContextRef = useRef(appContext);
+  useEffect(function () {
+    appContextRef.current = appContext;
+  }, [appContext]);
   useEffect(function () {
     if (Object.keys(listeners).length === 0) return;
     var _interval = setInterval(function () {
-      try {
-        var taskIDs = Object.keys(listeners);
-        var _temp = _forTo(taskIDs, function (i) {
-          var taskID = taskIDs[i];
-          return Promise.resolve(task(taskID)).then(function (tsk) {
-            var listener = listeners[taskID];
-            if (listener) listener(tsk, appContext);
-          });
-        });
-        return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
-      } catch (e) {
-        return Promise.reject(e);
-      }
+      executeListeners();
+      return Promise.resolve();
     }, frequency);
     return function () {
       return clearInterval(_interval);
@@ -8014,7 +8022,7 @@ var CollectionEditor$1 = function CollectionEditor(props) {
     patch = _props$patch2 === void 0 ? false : _props$patch2,
     actions = props.actions,
     validator = props.validator;
-  var timer = useRef(null);
+  var timer = useRef$1(null);
   var _useState5 = useState(selected),
     form = _useState5[0],
     setForm = _useState5[1];
@@ -8411,7 +8419,7 @@ var TablePage = function TablePage(props) {
   var context = TableContext$2(url, field, host, urlQuery, params);
   var all = pageContext.all,
     selected = pageContext.selected;
-  var timer = useRef(null);
+  var timer = useRef$1(null);
   var _useState = useState(selected),
     form = _useState[0],
     setForm = _useState[1];
@@ -9335,7 +9343,7 @@ var TablePage2 = function TablePage2(props) {
     setPageContext = _useContext[1];
   var context = TableContext$1(url, field, host, urlQuery, params);
   var selected = pageContext.selected;
-  var timer = useRef(null);
+  var timer = useRef$1(null);
   var _useState = useState(selected),
     form = _useState[0],
     setForm = _useState[1];
@@ -10309,7 +10317,7 @@ var TabbedTablePage = function TabbedTablePage(props) {
   var context = TableContext(url, field, host, urlQuery);
   var selected = pageContext.selected,
     tab = pageContext.tab;
-  var timer = useRef(null);
+  var timer = useRef$1(null);
   var _useState = useState(selected),
     form = _useState[0],
     setForm = _useState[1];