ywana-core8 0.0.530 → 0.0.533

package/dist/index.cjs

@@ -4177,13 +4177,6 @@ var FieldEditor = function FieldEditor(_ref4) {
       return null;
     } else {
       switch (type) {
-        case TYPES.IMAGE:
-          return /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "photo"
-          }, /*#__PURE__*/React__default["default"].createElement("img", {
-            url: value
-          }));
-
         case TYPES.ENTITY:
           return /*#__PURE__*/React__default["default"].createElement(EntityEditor, {
             field: field,
@@ -4339,6 +4332,20 @@ var StringEditor = function StringEditor(_ref6) {
 
   function renderFormat(format, options) {
     switch (format) {
+      case FORMATS.IMG:
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "img-field"
+        }, /*#__PURE__*/React__default["default"].createElement("img", {
+          src: value
+        }), /*#__PURE__*/React__default["default"].createElement(TextField, {
+          outlined: outlined,
+          id: id,
+          label: label,
+          value: value,
+          onChange: change,
+          readOnly: !editable
+        }));
+
       case FORMATS.COLOR:
         return /*#__PURE__*/React__default["default"].createElement(ColorField, {
           id: id,
@@ -5147,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) {
@@ -5203,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("main", null, /*#__PURE__*/React__default["default"].createElement(Tree, null, renderNodes(nodes)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "search-box"
+  }, /*#__PURE__*/React__default["default"].createElement(TextField, {
+    icon: "search",
+    label: "Buscar",
+    onChange: search,
+    outlined: true,
+    className: "search-box"
+  })));
 };
 /**
  * Collection Editor
@@ -5247,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);