ywana-core8 0.0.474 → 0.0.477

package/dist/index.cjs

@@ -869,7 +869,11 @@ var Section = function Section(props) {
 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);
@@ -882,9 +886,11 @@ var Tabs = function Tabs(props) {
   });
   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
@@ -1958,7 +1964,7 @@ var TokenField = function TokenField(_ref) {
       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('');
     }
@@ -4692,11 +4698,13 @@ var CollectionPage = function CollectionPage(props) {
       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,
@@ -4710,7 +4718,7 @@ var CollectionPage = function CollectionPage(props) {
       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 () {
@@ -5032,7 +5040,7 @@ var CollectionEditor = function CollectionEditor(props) {
  */
 
 
-var CollectionContext = function CollectionContext(url, field, host, page) {
+var CollectionContext = function CollectionContext(url, field, host, page, fetching) {
   var API = CollectionAPI(url, host);
   return {
     all: [],
@@ -5055,95 +5063,123 @@ var CollectionContext = function CollectionContext(url, field, host, page) {
       }
     },
     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);
       }
@@ -6652,7 +6688,9 @@ var TabbedTablePage = function TabbedTablePage(props) {
     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,