ywana-core8 0.0.707 → 0.0.708

package/dist/index.cjs

@@ -10301,20 +10301,40 @@ 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 = 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",
@@ -10326,8 +10346,18 @@ var CollectionList = function CollectionList(props) {
     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);
 };
 
 /**
@@ -10353,6 +10383,9 @@ var CollectionPage = function CollectionPage(props) {
       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
@@ -10363,7 +10396,11 @@ var CollectionPage = function CollectionPage(props) {
     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
   })));
 };