ywana-core8 0.0.707 → 0.0.708

package/dist/index.umd.js

@@ -10295,20 +10295,40 @@
      */
 
     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]);
 
+      function changeSearch(id, value) {
+        setSearch(value);
+      }
+
       function select(id) {
         context.select(id);
       }
 
-      var items = all.map(function (item) {
+      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",
@@ -10320,8 +10340,18 @@
         className: "collection-list"
       }, /*#__PURE__*/React__default["default"].createElement(List, {
         items: items,
-        onSelect: select
-      }));
+        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);
     };
 
     /**
@@ -10347,6 +10377,9 @@
           title = props.title,
           canFilter = props.canFilter,
           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
@@ -10357,7 +10390,11 @@
         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, {
+      }, customFilters) : null, /*#__PURE__*/React__default["default"].createElement(CollectionList, {
+        itemRenderer: listItemRenderer,
+        groupBy: listGroupBy,
+        searchBy: listSearchBy
+      }), /*#__PURE__*/React__default["default"].createElement(CollectionEditor, {
         customEditor: customEditor
       })));
     };