ywana-core8 0.0.474 → 0.0.477

package/dist/index.umd.js

@@ -864,7 +864,11 @@
   var Tabs = function Tabs(props) {
     var children = props.children,
         selected = props.selected,
-        onChange = props.onChange;
+        onChange = props.onChange,
+        _props$fillLeft = props.fillLeft,
+        fillLeft = _props$fillLeft === void 0 ? false : _props$fillLeft,
+        _props$fillRight = props.fillRight,
+        fillRight = _props$fillRight === void 0 ? true : _props$fillRight;
     var tabs = React__default["default"].Children.map(children, function (child, index) {
       function select(id) {
         if (onChange) onChange(id || index);
@@ -877,9 +881,11 @@
     });
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "tabs"
-    }, tabs, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, fillLeft ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "tab-filler"
-    }));
+    }) : null, tabs, fillRight ? /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "tab-filler"
+    }) : null);
   };
   /**
    * Tab
@@ -1953,7 +1959,7 @@
         event.preventDefault();
         event.stopPropagation();
         var token = event.target.value;
-        var next = tokens.concat(token);
+        var next = tokens.concat(token.trim());
         if (onChange) onChange(id, next);
         setValue('');
       }
@@ -4687,11 +4693,13 @@
         name = _props$name === void 0 ? "Collection 1" : _props$name,
         schema = props.schema,
         url = props.url,
-        page = props.page,
+        field = props.field,
         host = props.host,
+        page = props.page,
+        _props$fetching = props.fetching,
+        fetching = _props$fetching === void 0 ? false : _props$fetching,
         groupBy = props.groupBy,
         editor = props.editor,
-        field = props.field,
         _props$autosave = props.autosave,
         autosave = _props$autosave === void 0 ? false : _props$autosave,
         _props$delay = props.delay,
@@ -4705,7 +4713,7 @@
         pageContext = _useContext[0],
         setPageContext = _useContext[1];
 
-    var context = CollectionContext(url, field, host, page);
+    var context = CollectionContext(url, field, host, page, fetching);
     React.useEffect(function () {
       try {
         return Promise.resolve(context.load()).then(function () {
@@ -5027,7 +5035,7 @@
    */
 
 
-  var CollectionContext = function CollectionContext(url, field, host, page) {
+  var CollectionContext = function CollectionContext(url, field, host, page, fetching) {
     var API = CollectionAPI(url, host);
     return {
       all: [],
@@ -5050,95 +5058,123 @@
         }
       },
       select: function select(id) {
-        var result = this.all.find(function (item) {
-          return item.id === id;
-        });
-        this.selected = result;
+        try {
+          var _this4 = this;
+
+          var _temp4 = function () {
+            if (fetching) {
+              return Promise.resolve(_this4.fetch(id)).then(function (result) {
+                _this4.selected = result;
+              });
+            } else {
+              var result = _this4.all.find(function (item) {
+                return item.id === id;
+              });
+
+              _this4.selected = result;
+            }
+          }();
+
+          return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      },
+      fetch: function fetch(id) {
+        try {
+          return Promise.resolve(_catch$2(function () {
+            return Promise.resolve(API.find(id));
+          }, function (error) {
+            console.log(error);
+          }));
+        } catch (e) {
+          return Promise.reject(e);
+        }
       },
       clear: function clear() {
         this.selected = null;
       },
       create: function create(form) {
         try {
-          var _this4 = this;
+          var _this6 = this;
 
-          var _temp4 = _catch$2(function () {
+          var _temp6 = _catch$2(function () {
             return Promise.resolve(API.create(form)).then(function () {
-              return Promise.resolve(_this4.load()).then(function () {});
+              return Promise.resolve(_this6.load()).then(function () {});
             });
           }, function (error) {
             console.log("CREATE ERROR", error);
           });
 
-          return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+          return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
       },
       update: function update(form) {
         try {
-          var _this6 = this;
+          var _this8 = this;
 
-          var _temp6 = _catch$2(function () {
+          var _temp8 = _catch$2(function () {
             return Promise.resolve(API.update(form)).then(function () {
-              return Promise.resolve(_this6.load()).then(function () {});
+              return Promise.resolve(_this8.load()).then(function () {});
             });
           }, function (error) {
             console.log(error);
           });
 
-          return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+          return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
       },
       patch: function patch(id, form) {
         try {
-          var _this8 = this;
+          var _this10 = this;
 
-          var _temp8 = _catch$2(function () {
+          var _temp10 = _catch$2(function () {
             return Promise.resolve(API.patch(id, form)).then(function () {
-              return Promise.resolve(_this8.load()).then(function () {});
+              return Promise.resolve(_this10.load()).then(function () {});
             });
           }, function (error) {
             console.log(error);
           });
 
-          return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(function () {}) : void 0);
+          return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
       },
       updateProperty: function updateProperty(id, propertyName, form) {
         try {
-          var _this10 = this;
+          var _this12 = this;
 
-          var _temp10 = _catch$2(function () {
+          var _temp12 = _catch$2(function () {
             return Promise.resolve(API.updateProperty(id, propertyName, form)).then(function () {
-              return Promise.resolve(_this10.load()).then(function () {});
+              return Promise.resolve(_this12.load()).then(function () {});
             });
           }, function (error) {
             console.log(error);
           });
 
-          return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(function () {}) : void 0);
+          return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
       },
       remove: function remove(id) {
         try {
-          var _this12 = this;
+          var _this14 = this;
 
-          var _temp12 = _catch$2(function () {
+          var _temp14 = _catch$2(function () {
             return Promise.resolve(API.remove(id)).then(function () {
-              return Promise.resolve(_this12.load()).then(function () {});
+              return Promise.resolve(_this14.load()).then(function () {});
             });
           }, function (error) {
             console.log(error);
           });
 
-          return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(function () {}) : void 0);
+          return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -6647,7 +6683,9 @@
       var selected = tab ? tab.value : null;
       return /*#__PURE__*/React__default["default"].createElement(Tabs, {
         selected: selected,
-        onChange: changeTab
+        onChange: changeTab,
+        fillRight: true,
+        fillLeft: false
       }, tabs.map(function (tab) {
         return /*#__PURE__*/React__default["default"].createElement(Tab, {
           id: tab.value,