ywana-core8 0.0.531 → 0.0.532

package/dist/index.cjs

@@ -1166,7 +1166,7 @@ var Content = /*#__PURE__*/function () {
  * 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,
@@ -1413,7 +1413,7 @@ var DropDown = function DropDown(props) {
 
   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,
@@ -1448,13 +1448,13 @@ var DateRange = function DateRange(props) {
 
   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",
@@ -1761,7 +1761,7 @@ var DataTableCell = function DataTableCell(_ref4) {
           }) : '';
 
         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) {
@@ -1780,7 +1780,7 @@ var DataTableCell = function DataTableCell(_ref4) {
           });
 
         case "Number":
-          return /*#__PURE__*/React__default["default"].createElement(TextField, {
+          return /*#__PURE__*/React__default["default"].createElement(TextField$1, {
             id: id,
             type: "number",
             value: cell,
@@ -2002,7 +2002,7 @@ var StringCellEditor = function StringCellEditor(_ref8) {
     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,
@@ -2301,13 +2301,13 @@ var LoginBox = function LoginBox(_ref) {
     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,
@@ -2385,7 +2385,7 @@ var ResetPasswordBox = function ResetPasswordBox(_ref) {
     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",
@@ -2393,7 +2393,7 @@ var ResetPasswordBox = function ResetPasswordBox(_ref) {
     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",
@@ -2402,7 +2402,7 @@ var ResetPasswordBox = function ResetPasswordBox(_ref) {
     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",
@@ -2722,7 +2722,7 @@ var Planner = function Planner(_ref) {
     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",
@@ -2742,7 +2742,7 @@ var Planner = function Planner(_ref) {
     }
   }), /*#__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",
@@ -3874,7 +3874,7 @@ var StringField = function StringField(_ref2) {
     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,
@@ -3914,7 +3914,7 @@ var NumberField = function NumberField(_ref3) {
     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",
@@ -4337,7 +4337,7 @@ var StringEditor = function StringEditor(_ref6) {
           className: "img-field"
         }, /*#__PURE__*/React__default["default"].createElement("img", {
           src: value
-        }), /*#__PURE__*/React__default["default"].createElement(TextField, {
+        }), /*#__PURE__*/React__default["default"].createElement(TextField$1, {
           outlined: outlined,
           id: id,
           label: label,
@@ -4362,7 +4362,7 @@ var StringEditor = function StringEditor(_ref6) {
         });
 
       case FORMATS.DATE:
-        return /*#__PURE__*/React__default["default"].createElement(TextField, {
+        return /*#__PURE__*/React__default["default"].createElement(TextField$1, {
           outlined: outlined,
           id: id,
           type: "date",
@@ -4405,7 +4405,7 @@ var StringEditor = function StringEditor(_ref6) {
           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,
@@ -4445,7 +4445,7 @@ var NumberEditor = function NumberEditor(_ref7) {
   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,
@@ -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("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
@@ -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);
@@ -7856,7 +7875,7 @@ exports.TablePage = TablePage;
 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;