ywana-core8 0.0.475 → 0.0.478

package/dist/index.umd.js

@@ -1959,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('');
       }
@@ -4669,7 +4669,7 @@
     return result;
   }
   /**
-   * Collection List
+   * Collection Filters
    */
 
 
@@ -4693,25 +4693,32 @@
         name = _props$name === void 0 ? "Collection 1" : _props$name,
         schema = props.schema,
         url = props.url,
-        page = props.page,
-        host = props.host,
-        groupBy = props.groupBy,
-        editor = props.editor,
         field = props.field,
+        host = props.host,
+        page = props.page,
+        _props$fetching = props.fetching,
+        fetching = _props$fetching === void 0 ? false : _props$fetching,
+        _props$actions = props.actions,
+        actions = _props$actions === void 0 ? [] : _props$actions,
+        onSelect = props.onSelect,
+        _props$canFilter = props.canFilter,
+        canFilter = _props$canFilter === void 0 ? false : _props$canFilter,
+        _props$canAdd = props.canAdd,
+        canAdd = _props$canAdd === void 0 ? false : _props$canAdd,
         _props$autosave = props.autosave,
         autosave = _props$autosave === void 0 ? false : _props$autosave,
         _props$delay = props.delay,
         delay = _props$delay === void 0 ? 1000 : _props$delay,
-        actions = props.actions,
+        groupBy = props.groupBy,
         levels = props.levels,
-        onSelect = props.onSelect,
+        editor = props.editor,
         children = props.children;
 
     var _useContext = React.useContext(PageContext),
         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 () {
@@ -4756,11 +4763,11 @@
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
       className: "collection-page",
       title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
-    }, /*#__PURE__*/React__default["default"].createElement(Button, {
+    }, canAdd ? /*#__PURE__*/React__default["default"].createElement(Button, {
       icon: "add",
       label: "Add",
       action: add
-    }), /*#__PURE__*/React__default["default"].createElement(Button, {
+    }) : false, "\xA0", /*#__PURE__*/React__default["default"].createElement(Button, {
       icon: "refresh",
       label: "Reload",
       action: reload
@@ -4768,7 +4775,9 @@
       className: "collection-page"
     }, /*#__PURE__*/React__default["default"].createElement(Header, {
       title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Lista de ", name)
-    }), levels ? /*#__PURE__*/React__default["default"].createElement(CollectionTree, {
+    }), canFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
+      schema: schema
+    }) : null, levels ? /*#__PURE__*/React__default["default"].createElement(CollectionTree, {
       levels: levels,
       onSelect: onSelect
     }) : /*#__PURE__*/React__default["default"].createElement(CollectionList, {
@@ -4786,6 +4795,16 @@
     }), children ? /*#__PURE__*/React__default["default"].createElement("article", null, children) : null));
   };
 
+  var CollectionFilters = function CollectionFilters(props) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "collection-filters"
+    }, "TODO: filters");
+  };
+  /**
+   * Collection List
+   */
+
+
   var CollectionList = function CollectionList(props) {
     var select = function select(id) {
       try {
@@ -4817,7 +4836,8 @@
     var items = all ? all.map(function (content) {
       return {
         id: content.id,
-        line1: content.name,
+        line1: content.name || content.centre,
+        // centre: Signflow legacy
         line2: content.description,
         content: content
       };
@@ -5033,7 +5053,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: [],
@@ -5056,95 +5076,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);
         }