ywana-core8 0.0.572 → 0.0.575

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
-import React, { useState, useContext, useEffect, Fragment, useMemo, useRef, Children } from 'react';
+import React, { useState, useContext, useEffect, Fragment, useRef, useMemo, Children } from 'react';
 import RSwitch from 'react-switch';
 import moment$1 from 'moment';
 import { extendMoment } from 'moment-range';
@@ -2890,9 +2890,12 @@ var Planner = function Planner(_ref) {
       to = _useState3[0],
       setTo = _useState3[1];
 
+  var thisMondayElement = useRef(null);
   useEffect(function () {
-    showThisWeek();
-  }, []);
+    if (thisMondayElement.current) {
+      showThisWeek();
+    }
+  }, [thisMondayElement]);
   useEffect(function () {
     var element = document.getElementById(focusEvent);
     if (element) element.scrollIntoView({
@@ -3030,8 +3033,12 @@ var Planner = function Planner(_ref) {
     var isWekend = [0, 6].includes(date.moment.day());
     var weekend = isWekend ? "weekend" : "";
     var thisWeek = moment$1().startOf('week').isSame(date.moment, "week") ? "thisWeek" : "";
+    var today = moment$1();
+    var weekStart = today.clone().startOf('week');
+    var isThisMonday = date.moment.isSame(weekStart);
     return /*#__PURE__*/React.createElement("div", {
-      className: "column-header"
+      className: "column-header",
+      ref: isThisMonday ? thisMondayElement : null
     }, /*#__PURE__*/React.createElement("div", {
       className: "date-header " + weekend + " " + thisWeek
     }, /*#__PURE__*/React.createElement(Text, {
@@ -4837,6 +4844,8 @@ var CollectionEditor$1 = function CollectionEditor(_ref11) {
   var id = field.id,
       item = field.item,
       label = field.label,
+      _field$groupBy = field.groupBy,
+      groupBy = _field$groupBy === void 0 ? "field1" : _field$groupBy,
       Feeder = field.Feeder,
       Renderer = field.Renderer,
       _field$Adder = field.Adder,
@@ -4858,42 +4867,24 @@ var CollectionEditor$1 = function CollectionEditor(_ref11) {
     }
   }
 
-  function change(index, cellId, cellValue) {
-    if (onChange) {
-      var next = value.slice();
-      next[index][cellId] = cellValue;
-      onChange(id, next);
-    }
-  }
-
   function reload() {
     if (onReload) onReload();
   }
+  /* const columns = Object.values(item)
+     .filter(field => field.column === true)
+     .map((item) => ({ ...item, onChange: change }))
+   columns.push({ id: 'actions', label: 'Actions' })
+    const rows = value.map((item, index) => ({
+     ...item,
+     id: index,
+     actions: [
+       <Icon icon='delete' clickable action={() => remove(index)} size="small" />
+     ]
+   }))
+    const table = { columns, rows }
+  */
+
 
-  var columns = Object.values(item).filter(function (field) {
-    return field.column === true;
-  }).map(function (item) {
-    return _extends({}, item, {
-      onChange: change
-    });
-  });
-  columns.push({
-    id: 'actions',
-    label: 'Actions'
-  });
-  value.map(function (item, index) {
-    return _extends({}, item, {
-      id: index,
-      actions: [/*#__PURE__*/React.createElement(Icon, {
-        icon: "delete",
-        clickable: true,
-        action: function action() {
-          return remove(index);
-        },
-        size: "small"
-      })]
-    });
-  });
   return /*#__PURE__*/React.createElement("div", {
     className: "collection-editor"
   }, Renderer ? /*#__PURE__*/React.createElement(Renderer, {
@@ -4908,7 +4899,7 @@ var CollectionEditor$1 = function CollectionEditor(_ref11) {
     title: label,
     data: value,
     schema: item,
-    groupBy: "field1",
+    groupBy: groupBy,
     canDelete: true,
     remove: remove
   }), /*#__PURE__*/React.createElement("footer", null, Feeder ? /*#__PURE__*/React.createElement(Feeder, {
@@ -6626,8 +6617,10 @@ var TableSelector$2 = function TableSelector(props) {
       action: function action() {
         return _action(checked, pageContext, function () {
           try {
-            return Promise.resolve(pageContext.load()).then(function () {
-              setPageContext(Object.assign({}, pageContext));
+            return Promise.resolve(pageContext.clearChecks()).then(function () {
+              return Promise.resolve(pageContext.load()).then(function () {
+                setPageContext(Object.assign({}, pageContext));
+              });
             });
           } catch (e) {
             return Promise.reject(e);
@@ -7099,6 +7092,9 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
         });
       }
     },
+    clearChecks: function clearChecks() {
+      this.checked = new Set([]);
+    },
     select: function select(id) {
       var result = this.all.find(function (item) {
         return item.id === id;
@@ -7306,44 +7302,6 @@ function _catch$1(body, recover) {
 
 
 var TablePage2 = function TablePage2(props) {
-  var playScenario = function playScenario() {
-    try {
-      var promises1 = pageContext.all.map(function (item) {
-        try {
-          return Promise.resolve(pageContext.remove(item.id));
-        } catch (e) {
-          return Promise.reject(e);
-        }
-      });
-      Promise.all(promises1).then(function () {
-        try {
-          var promises2 = scenario.map(function (item) {
-            try {
-              return Promise.resolve(pageContext.create(item));
-            } catch (e) {
-              return Promise.reject(e);
-            }
-          });
-          Promise.all(promises2).then(function () {
-            try {
-              return Promise.resolve(pageContext.load()).then(function () {
-                setPageContext(Object.assign({}, pageContext));
-              });
-            } catch (e) {
-              return Promise.reject(e);
-            }
-          });
-          return Promise.resolve();
-        } catch (e) {
-          return Promise.reject(e);
-        }
-      });
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
   var save = function save() {
     try {
       return Promise.resolve(pageContext.update(form)).then(function () {
@@ -7376,15 +7334,17 @@ var TablePage2 = function TablePage2(props) {
       host = props.host,
       _props$params = props.params,
       params = _props$params === void 0 ? "" : _props$params,
+      _props$canQuery = props.canQuery,
+      canQuery = _props$canQuery === void 0 ? false : _props$canQuery,
+      urlQuery = props.urlQuery,
+      user = props.user,
+      editable = props.editable,
       _props$autosave = props.autosave,
       autosave = _props$autosave === void 0 ? true : _props$autosave,
       _props$delay = props.delay,
       delay = _props$delay === void 0 ? 1000 : _props$delay,
-      editable = props.editable,
       _props$actions = props.actions,
       actions = _props$actions === void 0 ? [] : _props$actions,
-      _props$dev = props.dev,
-      dev = _props$dev === void 0 ? false : _props$dev,
       tableActions = props.tableActions,
       _props$selectionActio = props.selectionActions,
       selectionActions = _props$selectionActio === void 0 ? [] : _props$selectionActio,
@@ -7396,26 +7356,22 @@ var TablePage2 = function TablePage2(props) {
       canDelete = _props$canDelete === void 0 ? true : _props$canDelete,
       _props$canEdit = props.canEdit,
       canEdit = _props$canEdit === void 0 ? true : _props$canEdit,
-      _props$canQuery = props.canQuery,
-      canQuery = _props$canQuery === void 0 ? false : _props$canQuery,
-      urlQuery = props.urlQuery,
-      user = props.user,
       groupBy = props.groupBy,
       validator = props.validator,
-      scenario = props.scenario,
       formFilter = props.formFilter,
       tableFilter = props.tableFilter,
       _props$editorFilter = props.editorFilter,
       editorFilter = _props$editorFilter === void 0 ? false : _props$editorFilter,
+      tabbedBy = props.tabbedBy,
       tableClassName = props.tableClassName,
       children = props.children;
 
   var _useContext = useContext(PageContext),
-      pageContext = _useContext[0],
       setPageContext = _useContext[1];
 
   var context = TableContext$1(url, field, host, urlQuery, params);
-  var selected = pageContext.selected;
+  var _pageContext = pageContext,
+      selected = _pageContext.selected;
   var timer = useRef(null);
 
   var _useState = useState(selected),
@@ -7554,12 +7510,7 @@ var TablePage2 = function TablePage2(props) {
     icon: "refresh",
     label: "Reload",
     action: reload
-  }), dev ? /*#__PURE__*/React.createElement(MenuIcon, {
-    align: "alignRight"
-  }, /*#__PURE__*/React.createElement(MenuItem, {
-    label: "Cargar Escenario 1",
-    onSelect: playScenario
-  })) : null, renderActions()), canQuery || canFilter ? /*#__PURE__*/React.createElement("menu", {
+  }), renderActions()), canQuery || canFilter ? /*#__PURE__*/React.createElement("menu", {
     className: "table-page"
   }, canQuery ? /*#__PURE__*/React.createElement(TableQueries$1, {
     schema: schema,
@@ -7577,6 +7528,7 @@ var TablePage2 = function TablePage2(props) {
     schema: schema,
     delay: delay,
     editable: editable,
+    tabbedBy: tabbedBy,
     groupBy: groupBy,
     filter: tableFilter,
     actions: tableActions,
@@ -7865,7 +7817,7 @@ var TableEditor$1 = function TableEditor(props) {
   var remove = function remove(id) {
     try {
       return Promise.resolve(site.confirm("Are you sure ?")).then(function (confirm) {
-        var _temp3 = function () {
+        var _temp5 = function () {
           if (confirm) {
             return Promise.resolve(pageContext.remove(id)).then(function () {
               pageContext.clear();
@@ -7874,7 +7826,7 @@ var TableEditor$1 = function TableEditor(props) {
           }
         }();
 
-        if (_temp3 && _temp3.then) return _temp3.then(function () {});
+        if (_temp5 && _temp5.then) return _temp5.then(function () {});
       });
     } catch (e) {
       return Promise.reject(e);
@@ -7902,6 +7854,29 @@ var TableEditor$1 = function TableEditor(props) {
       groupBy = _useState4[0],
       setGroupBy = _useState4[1];
 
+  var _useState5 = useState(0),
+      tab = _useState5[0];
+
+  useEffect(function () {
+    try {
+      var _temp4 = function () {
+        if (tab) {
+          var _filter2;
+
+          var _filter = (_filter2 = {}, _filter2[tab.field] = tab.value, _filter2);
+
+          return Promise.resolve(pageContext.load(_filter, [])).then(function () {
+            setPageContext(Object.assign({}, pageContext));
+          });
+        }
+      }();
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [tab]);
+
   function changeGroup(id, value) {
     setGroupBy(value);
   }
@@ -7961,6 +7936,14 @@ var TableEditor$1 = function TableEditor(props) {
     }
   }
 
+  var tabField = Object.values(schema).find(function (field) {
+    return field.tab === true;
+  });
+  var tabs = tabField ? tabField.options.map(function (option) {
+    return Object.assign({}, option, {
+      field: tabField.id
+    });
+  }) : [];
   var table = useMemo(function () {
     return {
       columns: Object.values(schema).filter(function (field) {
@@ -8053,7 +8036,15 @@ var TableEditor$1 = function TableEditor(props) {
     value: groupBy,
     options: buildGroupOptions(schema),
     onChange: changeGroup
-  }) : null), /*#__PURE__*/React.createElement("main", {
+  }) : null, tabbedBy ? /*#__PURE__*/React.createElement(Tabs, {
+    fillRight: true,
+    fillLeft: false
+  }, tabs.map(function (tab) {
+    return /*#__PURE__*/React.createElement(Tab, {
+      id: tab.value,
+      label: tab.label
+    });
+  })) : ''), /*#__PURE__*/React.createElement("main", {
     className: "table-editor"
   }, /*#__PURE__*/React.createElement(Accordion, {
     sections: sections
@@ -8075,7 +8066,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
       try {
         var _this2 = this;
 
-        var _temp5 = _catch$1(function () {
+        var _temp7 = _catch$1(function () {
           var filters = filter ? Object.keys(filter).reduce(function (filters, key) {
             var field = filter[key];
 
@@ -8099,7 +8090,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(function () {}) : void 0);
+        return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -8134,7 +8125,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
       try {
         var _this5 = this;
 
-        var _temp7 = _catch$1(function () {
+        var _temp9 = _catch$1(function () {
           return Promise.resolve(API.create(form)).then(function () {
             return Promise.resolve(_this5.load()).then(function () {});
           });
@@ -8142,7 +8133,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(function () {}) : void 0);
+        return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -8151,7 +8142,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
       try {
         var _this7 = this;
 
-        var _temp9 = _catch$1(function () {
+        var _temp11 = _catch$1(function () {
           return Promise.resolve(API.update(form)).then(function () {
             return Promise.resolve(_this7.load()).then(function () {});
           });
@@ -8159,7 +8150,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {}) : void 0);
+        return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -8168,7 +8159,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
       try {
         var _this9 = this;
 
-        var _temp11 = _catch$1(function () {
+        var _temp13 = _catch$1(function () {
           return Promise.resolve(API.remove(id)).then(function () {
             return Promise.resolve(_this9.load()).then(function () {});
           });
@@ -8176,7 +8167,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(function () {}) : void 0);
+        return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -8188,7 +8179,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
       try {
         var _this11 = this;
 
-        var _temp13 = _catch$1(function () {
+        var _temp15 = _catch$1(function () {
           return Promise.resolve(API.queries(user, urlQuery)).then(function (_API$queries) {
             _this11.queries = _API$queries;
           });
@@ -8196,7 +8187,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
+        return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -8205,7 +8196,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
       try {
         var _this13 = this;
 
-        var _temp15 = _catch$1(function () {
+        var _temp17 = _catch$1(function () {
           return Promise.resolve(API.createQuery(query, urlQuery)).then(function () {
             return Promise.resolve(_this13.loadQueries(user)).then(function () {});
           });
@@ -8213,7 +8204,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
+        return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -8222,7 +8213,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
       try {
         var _this15 = this;
 
-        var _temp17 = _catch$1(function () {
+        var _temp19 = _catch$1(function () {
           return Promise.resolve(API.removeQuery(id, urlQuery)).then(function () {
             return Promise.resolve(_this15.loadQueries(user)).then(function () {});
           });
@@ -8230,7 +8221,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
+        return Promise.resolve(_temp19 && _temp19.then ? _temp19.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -8238,7 +8229,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
   };
 };
 /**
- * table API
+ * Table API
  */