ywana-core8 0.0.530 → 0.0.533

package/dist/index.umd.js

@@ -4172,13 +4172,6 @@
         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,
@@ -4334,6 +4327,20 @@
 
     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,
@@ -5142,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) {
@@ -5198,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("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
@@ -5242,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);