ywana-core8 0.0.476 → 0.0.479

package/dist/index.cjs

@@ -4674,7 +4674,7 @@ function _catch$2(body, recover) {
   return result;
 }
 /**
- * Collection List
+ * Collection Filters
  */
 
 
@@ -4698,25 +4698,32 @@ var CollectionPage = function CollectionPage(props) {
       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 () {
@@ -4761,11 +4768,11 @@ var CollectionPage = function CollectionPage(props) {
   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
@@ -4773,7 +4780,9 @@ var CollectionPage = function CollectionPage(props) {
     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, {
@@ -4791,6 +4800,16 @@ var CollectionPage = function CollectionPage(props) {
   }), 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 {
@@ -4822,7 +4841,8 @@ var CollectionList = function CollectionList(props) {
   var items = all ? all.map(function (content) {
     return {
       id: content.id,
-      line1: content.name,
+      line1: content.name || content.centre || content.tag,
+      // centre: Signflow legacy
       line2: content.description,
       content: content
     };
@@ -5038,7 +5058,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: [],
@@ -5061,95 +5081,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);
       }