ywana-core8 0.0.706 → 0.0.708

package/dist/index.umd.js

@@ -9870,13 +9870,83 @@
 
     var CollectionContext = React__default["default"].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 {
@@ -9965,80 +10035,6 @@
         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,
@@ -10237,7 +10233,7 @@
       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() {
@@ -10299,16 +10295,42 @@
      */
 
     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 = React.useContext(CollectionContext);
       var _context$all = context.all,
           all = _context$all === void 0 ? [] : _context$all,
           filters = context.filters,
           customFilters = context.customFilters;
+
+      var _useState = React.useState(''),
+          search = _useState[0],
+          setSearch = _useState[1];
+
       React.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
@@ -10317,8 +10339,19 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "collection-list"
       }, /*#__PURE__*/React__default["default"].createElement(List, {
-        items: items
-      }));
+        items: items,
+        onSelect: select,
+        groupBy: groupBy
+      }), searchBy.length > 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "search-box"
+      }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+        icon: "search",
+        size: "small"
+      }), /*#__PURE__*/React__default["default"].createElement(TextField, {
+        placeholder: "Search",
+        onChange: changeSearch,
+        outlined: true
+      })) : null);
     };
 
     /**
@@ -10326,10 +10359,10 @@
      */
 
     var CollectionEditor = function CollectionEditor(props) {
-      React.useContext(CollectionContext);
+      var customEditor = props.customEditor;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "collection-editor"
-      }, "editor");
+      }, customEditor);
     };
 
     /**
@@ -10341,18 +10374,29 @@
           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__default["default"].createElement("div", {
         className: "collection-page " + layout
       }, /*#__PURE__*/React__default["default"].createElement(CollectionContextProvider, {
         host: host,
         url: url
       }, /*#__PURE__*/React__default["default"].createElement(Header, {
-        title: "CollectionPage"
+        title: title
       }), canFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
         schema: schema
-      }, customFilters) : null, /*#__PURE__*/React__default["default"].createElement(CollectionList, null), /*#__PURE__*/React__default["default"].createElement(CollectionEditor, null)));
+      }, customFilters) : null, /*#__PURE__*/React__default["default"].createElement(CollectionList, {
+        itemRenderer: listItemRenderer,
+        groupBy: listGroupBy,
+        searchBy: listSearchBy
+      }), /*#__PURE__*/React__default["default"].createElement(CollectionEditor, {
+        customEditor: customEditor
+      })));
     };
 
     /**