ywana-core8 0.0.535 → 0.0.536

package/dist/index.umd.js

@@ -5098,12 +5098,23 @@
     var _pageContext$all = pageContext.all,
         all = _pageContext$all === void 0 ? [] : _pageContext$all;
 
+    var _useState2 = React.useState(),
+        filter = _useState2[0],
+        setFilter = _useState2[1];
+
     function clear() {
       pageContext.clear();
       setPageContext(Object.assign({}, pageContext));
     }
 
-    var items = all ? all.map(function (content) {
+    function search(id, value) {
+      setFilter(value);
+    }
+
+    var items = filter ? all.filter(function (item) {
+      return item.name.toUpperCase().indexOf(filter.toUpperCase()) >= 0;
+    }) : all;
+    var items2 = items.map(function (content) {
       return {
         id: content.id,
         line1: content.name || content.centre || content.tag,
@@ -5111,12 +5122,20 @@
         line2: content.description,
         content: content
       };
-    }) : [];
-    return /*#__PURE__*/React__default["default"].createElement(List, {
-      items: items,
+    });
+    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(List, {
+      items: items2,
       onSelect: select,
       groupBy: groupBy
-    });
+    })), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "search-box"
+    }, /*#__PURE__*/React__default["default"].createElement(TextField, {
+      icon: "search",
+      label: "Search",
+      onChange: search,
+      outlined: true,
+      className: "search-box"
+    }))));
   };
   /**
    * Collection Tree
@@ -5149,9 +5168,9 @@
     var _pageContext$all2 = pageContext.all,
         all = _pageContext$all2 === void 0 ? [] : _pageContext$all2;
 
-    var _useState2 = React.useState(),
-        filter = _useState2[0],
-        setFilter = _useState2[1];
+    var _useState3 = React.useState(),
+        filter = _useState3[0],
+        setFilter = _useState3[1];
 
     function clear() {
       pageContext.clear();
@@ -5268,9 +5287,9 @@
         delay = _props$delay2 === void 0 ? 1000 : _props$delay2;
     var timer = React.useRef(null);
 
-    var _useState3 = React.useState(selected),
-        form = _useState3[0],
-        setForm = _useState3[1];
+    var _useState4 = React.useState(selected),
+        form = _useState4[0],
+        setForm = _useState4[1];
 
     React.useEffect(function () {
       setForm(selected);