ywana-core8 0.0.529 → 0.0.532

package/dist/index.umd.js

@@ -1161,7 +1161,7 @@
    * Text Field
    */
 
-  var TextField = function TextField(props) {
+  var TextField$1 = function TextField(props) {
     var site = React.useContext(SiteContext);
     var id = props.id,
         _props$type = props.type,
@@ -1408,7 +1408,7 @@
 
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "dropdown"
-    }, /*#__PURE__*/React__default["default"].createElement(TextField, _extends({}, props, {
+    }, /*#__PURE__*/React__default["default"].createElement(TextField$1, _extends({}, props, {
       onClick: toggle,
       value: label,
       onChange: change,
@@ -1443,13 +1443,13 @@
 
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "date-range"
-    }, label ? /*#__PURE__*/React__default["default"].createElement("label", null, label) : null, /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }, label ? /*#__PURE__*/React__default["default"].createElement("label", null, label) : null, /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       id: "from",
       type: "date",
       label: "From",
       value: form.from,
       onChange: change
-    }), /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }), /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       id: "to",
       type: "date",
       label: "To",
@@ -1756,7 +1756,7 @@
             }) : '';
 
           case "TEXTFIELD":
-            return /*#__PURE__*/React__default["default"].createElement(TextField, {
+            return /*#__PURE__*/React__default["default"].createElement(TextField$1, {
               id: id,
               value: cell,
               onChange: function onChange(id, value) {
@@ -1775,7 +1775,7 @@
             });
 
           case "Number":
-            return /*#__PURE__*/React__default["default"].createElement(TextField, {
+            return /*#__PURE__*/React__default["default"].createElement(TextField$1, {
               id: id,
               type: "number",
               value: cell,
@@ -1997,7 +1997,7 @@
       value: value,
       onChange: change,
       options: options
-    }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }) : /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       outlined: true,
       id: id,
       value: value,
@@ -2296,13 +2296,13 @@
       src: logo
     }) : '', /*#__PURE__*/React__default["default"].createElement("div", {
       className: "title"
-    }, /*#__PURE__*/React__default["default"].createElement(Text, null, title))), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }, /*#__PURE__*/React__default["default"].createElement(Text, null, title))), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       label: tx(userLabel),
       value: user,
       onChange: changeUser,
       onEnter: ok,
       outlined: true
-    }), /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }), /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       label: tx(passwordLabel),
       value: password,
       onChange: changePassword,
@@ -2380,7 +2380,7 @@
       className: "title"
     }, /*#__PURE__*/React__default["default"].createElement(Text, null, title)) : null, children), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Text, {
       use: "headline6"
-    }, "Change Password"), /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }, "Change Password"), /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       id: "user",
       outlined: true,
       icon: "person",
@@ -2388,7 +2388,7 @@
       lapse: 100,
       onChange: changeField,
       onEnter: ok
-    }), /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }), /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       id: "password1",
       outlined: true,
       icon: "lock",
@@ -2397,7 +2397,7 @@
       lapse: 100,
       onChange: changeField,
       onEnter: ok
-    }), /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }), /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       id: "password2",
       outlined: true,
       icon: "lock",
@@ -2717,7 +2717,7 @@
       icon: "chevron_right",
       clickable: true,
       action: next
-    }), /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }), /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       id: "to",
       type: "date",
       label: "To",
@@ -2737,7 +2737,7 @@
       }
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "expand"
-    }), /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }), /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       id: "from",
       type: "date",
       label: "From",
@@ -3869,7 +3869,7 @@
       options: buildOptions(),
       outlined: outlined
     });
-    return /*#__PURE__*/React__default["default"].createElement(TextField, {
+    return /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       key: id,
       id: id,
       type: fieldType,
@@ -3909,7 +3909,7 @@
       options: options,
       outlined: outlined
     });
-    return /*#__PURE__*/React__default["default"].createElement(TextField, {
+    return /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       key: id,
       id: id,
       type: "number",
@@ -4327,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$1, {
+            outlined: outlined,
+            id: id,
+            label: label,
+            value: value,
+            onChange: change,
+            readOnly: !editable
+          }));
+
         case FORMATS.COLOR:
           return /*#__PURE__*/React__default["default"].createElement(ColorField, {
             id: id,
@@ -4343,7 +4357,7 @@
           });
 
         case FORMATS.DATE:
-          return /*#__PURE__*/React__default["default"].createElement(TextField, {
+          return /*#__PURE__*/React__default["default"].createElement(TextField$1, {
             outlined: outlined,
             id: id,
             type: "date",
@@ -4386,7 +4400,7 @@
             label: label,
             onChange: change,
             readOnly: !editable
-          }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
+          }) : /*#__PURE__*/React__default["default"].createElement(TextField$1, {
             outlined: outlined,
             id: id,
             label: label,
@@ -4426,7 +4440,7 @@
     var disabled = !editable;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "field-editor number-editor"
-    }, /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }, /*#__PURE__*/React__default["default"].createElement(TextField$1, {
       outlined: outlined,
       id: id,
       label: label,
@@ -5135,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) {
@@ -5191,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
@@ -5235,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);
@@ -7837,7 +7870,7 @@
   exports.Tabs = Tabs;
   exports.Text = Text;
   exports.TextArea = TextArea;
-  exports.TextField = TextField;
+  exports.TextField = TextField$1;
   exports.Thumbnail = Thumbnail;
   exports.TokenField = TokenField;
   exports.Tooltip = Tooltip;