ywana-core8 0.0.531 → 0.0.534

package/db/db.json

@@ -8,6 +8,56 @@
       "field4": "#ce1212",
       "field5": {},
       "id": 1
+    },
+    {
+      "name": "2222",
+      "state": "NOT_CLASSIFIED",
+      "field1": "xxxxx",
+      "field2": "zzzzz",
+      "field4": "#c91d1d",
+      "field5": {},
+      "id": 2
+    },
+    {
+      "name": "333",
+      "field4": "#ab3636",
+      "field5": {},
+      "id": 3
+    },
+    {
+      "name": "444",
+      "field5": {},
+      "id": 4
+    },
+    {
+      "name": "555",
+      "field5": {},
+      "id": 5
+    },
+    {
+      "name": "666",
+      "field5": {},
+      "id": 6
+    },
+    {
+      "name": "777",
+      "field5": {},
+      "id": 7
+    },
+    {
+      "name": "888",
+      "field5": {},
+      "id": 8
+    },
+    {
+      "name": "999",
+      "field5": {},
+      "id": 9
+    },
+    {
+      "name": "100000",
+      "field5": {},
+      "id": 10
     }
   ]
 }

package/dist/index.cjs

@@ -4994,7 +4994,7 @@ var CollectionPage = function CollectionPage(props) {
   }), 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, {
@@ -5154,11 +5154,19 @@ var CollectionTree = function CollectionTree(props) {
   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) {
@@ -5210,8 +5218,19 @@ var CollectionTree = function CollectionTree(props) {
   }
 
   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
@@ -5254,9 +5273,9 @@ var CollectionEditor = function CollectionEditor(props) {
       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);