ywana-core8 0.0.566 → 0.0.569

package/dist/index.umd.js

@@ -2052,9 +2052,12 @@
         event.preventDefault();
         event.stopPropagation();
         var token = event.target.value;
-        var next = Array.isArray(tokens) ? tokens.concat(token) : [token];
-        if (onChange) onChange(id, next);
-        setValue('');
+
+        if (token && token.length > 0) {
+          var next = Array.isArray(tokens) ? tokens.concat(token) : [token];
+          if (onChange) onChange(id, next);
+          setValue('');
+        }
       }
 
       if (value === '' && tokens.length > 0 && event.key === 'Backspace') {
@@ -2867,7 +2870,7 @@
     }, navigation ? /*#__PURE__*/React__default["default"].createElement(Header, {
       title: label
     }, "\xA0\xA0", /*#__PURE__*/React__default["default"].createElement(Button, {
-      label: "This Week",
+      label: "Esta Semana",
       outlined: true,
       action: showThisWeek
     }), /*#__PURE__*/React__default["default"].createElement(Icon, {
@@ -2877,7 +2880,7 @@
     }), /*#__PURE__*/React__default["default"].createElement(TextField, {
       id: "to",
       type: "date",
-      label: "To",
+      label: "Hasta",
       value: to,
       onChange: function onChange(id, value) {
         return setTo(value);
@@ -2886,7 +2889,7 @@
       className: "expand"
     }), /*#__PURE__*/React__default["default"].createElement(DropDown, {
       id: "ranges",
-      label: "Date Range",
+      label: "Rango",
       options: DATE_RANGE,
       value: dateRange,
       onChange: function onChange(id, value) {
@@ -2897,7 +2900,7 @@
     }), /*#__PURE__*/React__default["default"].createElement(TextField, {
       id: "from",
       type: "date",
-      label: "From",
+      label: "Desde",
       value: from,
       onChange: function onChange(id, value) {
         return setFrom(value);
@@ -5322,6 +5325,11 @@
         setPageContext = _useContext[1];
 
     var context = CollectionContext(url, field, host, page, fetching);
+
+    var _useState = React.useState(false),
+        showFilter = _useState[0],
+        setShowFilter = _useState[1];
+
     React.useEffect(function () {
       try {
         return Promise.resolve(context.load()).then(function () {
@@ -5332,6 +5340,10 @@
       }
     }, []);
 
+    function toggleFilters() {
+      setShowFilter(!showFilter);
+    }
+
     function add() {
       var onOK = function onOK(form) {
         try {
@@ -5378,7 +5390,17 @@
       className: "collection-page " + className
     }, /*#__PURE__*/React__default["default"].createElement(Header, {
       title: /*#__PURE__*/React__default["default"].createElement(Text, null, name)
-    }), canFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
+    }, canFilter ? showFilter ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: "filter_list",
+      size: "small",
+      clickable: true,
+      action: toggleFilters
+    }) : /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: "filter_list_off",
+      size: "small",
+      clickable: true,
+      action: toggleFilters
+    }) : false), canFilter && showFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
       schema: schema
     }) : null, levels ? /*#__PURE__*/React__default["default"].createElement(CollectionTree, {
       icon: icon,
@@ -5417,9 +5439,9 @@
     var schema = props.schema,
         onChange = props.onChange;
 
-    var _useState = React.useState({}),
-        form = _useState[0],
-        setForm = _useState[1];
+    var _useState2 = React.useState({}),
+        form = _useState2[0],
+        setForm = _useState2[1];
 
     var filterSchema = React.useMemo(function () {
       var filterSchema = Object.assign({}, schema);
@@ -5449,16 +5471,15 @@
     }
 
     var content = new Content(filterSchema, form);
-    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
-      className: "table-filters",
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Filters")
+    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("nav", {
+      className: "collection-filters"
     }, /*#__PURE__*/React__default["default"].createElement(Icon, {
-      icon: "filter_list_off",
+      icon: "clear_all",
       size: "small",
       clickable: true,
       action: clear
     })), /*#__PURE__*/React__default["default"].createElement("main", {
-      className: "table-filters"
+      className: "collection-filters"
     }, /*#__PURE__*/React__default["default"].createElement(ContentEditor, {
       content: content,
       onChange: change
@@ -5493,9 +5514,9 @@
     var _pageContext$all = pageContext.all,
         all = _pageContext$all === void 0 ? [] : _pageContext$all;
 
-    var _useState2 = React.useState(),
-        filter = _useState2[0],
-        setFilter = _useState2[1];
+    var _useState3 = React.useState(),
+        filter = _useState3[0],
+        setFilter = _useState3[1];
 
     function clear() {
       pageContext.clear();
@@ -5574,9 +5595,9 @@
     var _pageContext$all2 = pageContext.all,
         all = _pageContext$all2 === void 0 ? [] : _pageContext$all2;
 
-    var _useState3 = React.useState(),
-        filter = _useState3[0],
-        setFilter = _useState3[1];
+    var _useState4 = React.useState(),
+        filter = _useState4[0],
+        setFilter = _useState4[1];
 
     function clear() {
       pageContext.clear();
@@ -5705,9 +5726,9 @@
         onReload = props.onReload;
     var timer = React.useRef(null);
 
-    var _useState4 = React.useState(selected),
-        form = _useState4[0],
-        setForm = _useState4[1];
+    var _useState5 = React.useState(selected),
+        form = _useState5[0],
+        setForm = _useState5[1];
 
     React.useEffect(function () {
       setForm(selected);
@@ -5791,7 +5812,11 @@
     var API = CollectionAPI(url, host);
     return {
       all: [],
+      filters: {},
       selected: null,
+      changeFilters: function changeFilters(filters) {
+        this.filters = filters;
+      },
       load: function load() {
         try {
           var _this2 = this;