ywana-core8 0.0.531 → 0.0.534

package/dist/index.umd.js

@@ -4989,7 +4989,7 @@
     }), renderActions()), /*#__PURE__*/React__default["default"].createElement("menu", {
       className: "collection-page " + className
     }, /*#__PURE__*/React__default["default"].createElement(Header, {
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Lista de ", name)
+      title: /*#__PURE__*/React__default["default"].createElement(Text, null, name)
     }), canFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
       schema: schema
     }) : null, levels ? /*#__PURE__*/React__default["default"].createElement(CollectionTree, {
@@ -5149,11 +5149,19 @@
     var _pageContext$all2 = pageContext.all,
         all = _pageContext$all2 === void 0 ? [] : _pageContext$all2;
 
+    var _useState2 = React.useState(),
+        filter = _useState2[0],
+        setFilter = _useState2[1];
+
     function clear() {
       pageContext.clear();
       setPageContext(Object.assign({}, pageContext));
     }
 
+    function search(id, value) {
+      setFilter(value);
+    }
+
     function group(items, by) {
       return items.reduce(function (nodes, field) {
         var node = nodes.find(function (n) {
@@ -5205,8 +5213,19 @@
     }
 
     var items = sorter ? sorter(all) : all;
-    var nodes = generateNodes(levels, items);
-    return /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Tree, null, renderNodes(nodes)));
+    var items2 = filter ? items.filter(function (item) {
+      return item.name.toUpperCase().indexOf(filter.toUpperCase()) >= 0;
+    }) : items;
+    var nodes = generateNodes(levels, items2);
+    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Tree, null, renderNodes(nodes))), /*#__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 Editor
@@ -5249,9 +5268,9 @@
         delay = _props$delay2 === void 0 ? 1000 : _props$delay2;
     var timer = React.useRef(null);
 
-    var _useState2 = React.useState(selected),
-        form = _useState2[0],
-        setForm = _useState2[1];
+    var _useState3 = React.useState(selected),
+        form = _useState3[0],
+        setForm = _useState3[1];
 
     React.useEffect(function () {
       setForm(selected);