ywana-core8 0.0.566 → 0.0.569

package/dist/index.cjs

@@ -2058,9 +2058,12 @@ var TokenField = function TokenField(_ref) {
       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') {
@@ -2873,7 +2876,7 @@ var Planner = function Planner(_ref) {
   }, 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, {
@@ -2883,7 +2886,7 @@ var Planner = function Planner(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement(TextField, {
     id: "to",
     type: "date",
-    label: "To",
+    label: "Hasta",
     value: to,
     onChange: function onChange(id, value) {
       return setTo(value);
@@ -2892,7 +2895,7 @@ var Planner = function Planner(_ref) {
     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) {
@@ -2903,7 +2906,7 @@ var Planner = function Planner(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement(TextField, {
     id: "from",
     type: "date",
-    label: "From",
+    label: "Desde",
     value: from,
     onChange: function onChange(id, value) {
       return setFrom(value);
@@ -5328,6 +5331,11 @@ var CollectionPage = function CollectionPage(props) {
       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 () {
@@ -5338,6 +5346,10 @@ var CollectionPage = function CollectionPage(props) {
     }
   }, []);
 
+  function toggleFilters() {
+    setShowFilter(!showFilter);
+  }
+
   function add() {
     var onOK = function onOK(form) {
       try {
@@ -5384,7 +5396,17 @@ var CollectionPage = function CollectionPage(props) {
     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,
@@ -5423,9 +5445,9 @@ var CollectionFilters = function CollectionFilters(props) {
   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);
@@ -5455,16 +5477,15 @@ var CollectionFilters = function CollectionFilters(props) {
   }
 
   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
@@ -5499,9 +5520,9 @@ var CollectionList = function CollectionList(props) {
   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();
@@ -5580,9 +5601,9 @@ var CollectionTree = function CollectionTree(props) {
   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();
@@ -5711,9 +5732,9 @@ var CollectionEditor = function CollectionEditor(props) {
       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);
@@ -5797,7 +5818,11 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
   var API = CollectionAPI(url, host);
   return {
     all: [],
+    filters: {},
     selected: null,
+    changeFilters: function changeFilters(filters) {
+      this.filters = filters;
+    },
     load: function load() {
       try {
         var _this2 = this;