ywana-core8 0.0.706 → 0.0.708

package/dist/index.modern.js

@@ -9868,13 +9868,83 @@ function _catch$1(body, recover) {
 
 var CollectionContext = React.createContext();
 var CollectionContextProvider = function CollectionContextProvider(props) {
+  var fetch = function fetch(id) {
+    try {
+      return Promise.resolve(_catch$1(function () {
+        return Promise.resolve(API.find(id));
+      }, function (error) {
+        console.log(error);
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  /*
+  async function reloadSelection() {
+      const result = await this.fetch(this.selected.id)
+      this.selected = result
+  }
+    function clear() {
+      this.selected = null
+  }
+   async function create(form) {
+      try {
+          if (versioning) form.version = 1
+          await API.create(form);
+          await this.load();
+      } catch (error) {
+          console.log(error)
+      }
+      return
+  }
+   async function update(form) {
+      try {
+          if (versioning) form.version = form.version ? form.version + 1 : 1
+          await API.update(form)
+          await this.load()
+      } catch (error) {
+          console.log(error)
+      }
+      return
+  }
+   async function patch(id, form) {
+      try {
+          if (versioning) form.version = form.version ? form.version + 1 : 1
+          await API.patch(id, form)
+          await this.load()
+      } catch (error) {
+          console.log(error)
+      }
+      return
+  }
+   async function updateProperty(id, propertyName, form) {
+      try {
+          await API.updateProperty(id, propertyName, form)
+          await this.load()
+      } catch (error) {
+          console.log(error)
+      }
+      return
+  }
+   async function remove(id) {
+      try {
+          await API.remove(id)
+          await this.load()
+      } catch (error) {
+          console.log(error)
+      }
+      return
+  }
+   */
+
+
   var select = function select(id) {
     try {
       var _this2 = this;
 
       var _temp2 = function () {
         if (fetching) {
-          return Promise.resolve(_this2.fetch(id)).then(function (result) {
+          return Promise.resolve(fetch(id)).then(function (result) {
             setSelected(result);
           });
         } else {
@@ -9963,80 +10033,6 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
     delete next[id];
     setCustomFilters(next);
   }
-  /*
-      async function reloadSelection() {
-          const result = await this.fetch(this.selected.id)
-          this.selected = result
-      }
-  
-      async function fetch(id) {
-          try {
-              const result = await API.find(id)
-              return result
-          } catch (error) {
-              console.log(error)
-          }
-      }
-  
-      function clear() {
-          this.selected = null
-      }
-  
-      async function create(form) {
-          try {
-              if (versioning) form.version = 1
-              await API.create(form);
-              await this.load();
-          } catch (error) {
-              console.log(error)
-          }
-          return
-      }
-  
-      async function update(form) {
-          try {
-              if (versioning) form.version = form.version ? form.version + 1 : 1
-              await API.update(form)
-              await this.load()
-          } catch (error) {
-              console.log(error)
-          }
-          return
-      }
-  
-      async function patch(id, form) {
-          try {
-              if (versioning) form.version = form.version ? form.version + 1 : 1
-              await API.patch(id, form)
-              await this.load()
-          } catch (error) {
-              console.log(error)
-          }
-          return
-      }
-  
-      async function updateProperty(id, propertyName, form) {
-          try {
-              await API.updateProperty(id, propertyName, form)
-              await this.load()
-          } catch (error) {
-              console.log(error)
-          }
-          return
-      }
-  
-      async function remove(id) {
-          try {
-              await API.remove(id)
-              await this.load()
-          } catch (error) {
-              console.log(error)
-          }
-          return
-      }
-  
-      */
-
 
   var value = {
     all: all,
@@ -10235,7 +10231,7 @@ var CollectionFilters = function CollectionFilters(props) {
   function change(id, value) {
     var _extends2;
 
-    context.setFilters(_extends({}, filters, (_extends2 = {}, _extends2[id] = value, _extends2)));
+    if (filters) context.setFilters(_extends({}, filters, (_extends2 = {}, _extends2[id] = value, _extends2)));
   }
 
   function toggle() {
@@ -10297,16 +10293,42 @@ var CollectionFiltersResume = function CollectionFiltersResume(props) {
  */
 
 var CollectionList = function CollectionList(props) {
+  var itemRenderer = props.itemRenderer,
+      groupBy = props.groupBy,
+      _props$searchBy = props.searchBy,
+      searchBy = _props$searchBy === void 0 ? [] : _props$searchBy;
   var context = useContext(CollectionContext);
   var _context$all = context.all,
       all = _context$all === void 0 ? [] : _context$all,
       filters = context.filters,
       customFilters = context.customFilters;
+
+  var _useState = useState(''),
+      search = _useState[0],
+      setSearch = _useState[1];
+
   useEffect(function () {
     context.load();
   }, [filters, customFilters]);
-  var items = all.map(function (item) {
+
+  function changeSearch(id, value) {
+    setSearch(value);
+  }
+
+  function select(id) {
+    context.select(id);
+  }
+
+  var searched = searchBy.length > 0 && search.length > 0 ? all.filter(function (item) {
+    var text = searchBy.map(function (field) {
+      return item[field];
+    }).join(' ').toLowerCase();
+    return text.includes(search.toLowerCase());
+  }) : all;
+  var items = searched.map(function (item) {
+    if (itemRenderer) return itemRenderer(item);
     return {
+      id: item.id,
       icon: "folder",
       line1: item.name,
       meta: item.state
@@ -10315,8 +10337,19 @@ var CollectionList = function CollectionList(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "collection-list"
   }, /*#__PURE__*/React.createElement(List, {
-    items: items
-  }));
+    items: items,
+    onSelect: select,
+    groupBy: groupBy
+  }), searchBy.length > 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "search-box"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "search",
+    size: "small"
+  }), /*#__PURE__*/React.createElement(TextField, {
+    placeholder: "Search",
+    onChange: changeSearch,
+    outlined: true
+  })) : null);
 };
 
 /**
@@ -10324,10 +10357,10 @@ var CollectionList = function CollectionList(props) {
  */
 
 var CollectionEditor = function CollectionEditor(props) {
-  useContext(CollectionContext);
+  var customEditor = props.customEditor;
   return /*#__PURE__*/React.createElement("div", {
     className: "collection-editor"
-  }, "editor");
+  }, customEditor);
 };
 
 /**
@@ -10339,18 +10372,29 @@ var CollectionPage = function CollectionPage(props) {
       url = props.url,
       schema = props.schema,
       layout = props.layout,
+      title = props.title,
       canFilter = props.canFilter,
-      customFilters = props.customFilters;
+      customFilters = props.customFilters,
+      listGroupBy = props.listGroupBy,
+      listSearchBy = props.listSearchBy,
+      listItemRenderer = props.listItemRenderer,
+      customEditor = props.customEditor;
   return /*#__PURE__*/React.createElement("div", {
     className: "collection-page " + layout
   }, /*#__PURE__*/React.createElement(CollectionContextProvider, {
     host: host,
     url: url
   }, /*#__PURE__*/React.createElement(Header, {
-    title: "CollectionPage"
+    title: title
   }), canFilter ? /*#__PURE__*/React.createElement(CollectionFilters, {
     schema: schema
-  }, customFilters) : null, /*#__PURE__*/React.createElement(CollectionList, null), /*#__PURE__*/React.createElement(CollectionEditor, null)));
+  }, customFilters) : null, /*#__PURE__*/React.createElement(CollectionList, {
+    itemRenderer: listItemRenderer,
+    groupBy: listGroupBy,
+    searchBy: listSearchBy
+  }), /*#__PURE__*/React.createElement(CollectionEditor, {
+    customEditor: customEditor
+  })));
 };
 
 /**