ywana-core8 0.0.572 → 0.0.573

package/dist/index.umd.js

@@ -4839,6 +4839,8 @@
     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,
@@ -4860,42 +4862,24 @@
       }
     }
 
-    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__default["default"].createElement(Icon, {
-          icon: "delete",
-          clickable: true,
-          action: function action() {
-            return remove(index);
-          },
-          size: "small"
-        })]
-      });
-    });
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "collection-editor"
     }, Renderer ? /*#__PURE__*/React__default["default"].createElement(Renderer, {
@@ -4910,7 +4894,7 @@
       title: label,
       data: value,
       schema: item,
-      groupBy: "field1",
+      groupBy: groupBy,
       canDelete: true,
       remove: remove
     }), /*#__PURE__*/React__default["default"].createElement("footer", null, Feeder ? /*#__PURE__*/React__default["default"].createElement(Feeder, {
@@ -6628,8 +6612,10 @@
         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);
@@ -7101,6 +7087,9 @@
           });
         }
       },
+      clearChecks: function clearChecks() {
+        this.checked = new Set([]);
+      },
       select: function select(id) {
         var result = this.all.find(function (item) {
           return item.id === id;
@@ -7308,44 +7297,6 @@
 
 
   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 () {
@@ -7378,15 +7329,17 @@
         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,
@@ -7398,26 +7351,22 @@
         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 = React.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 = React.useRef(null);
 
     var _useState = React.useState(selected),
@@ -7556,12 +7505,7 @@
       icon: "refresh",
       label: "Reload",
       action: reload
-    }), dev ? /*#__PURE__*/React__default["default"].createElement(MenuIcon, {
-      align: "alignRight"
-    }, /*#__PURE__*/React__default["default"].createElement(MenuItem, {
-      label: "Cargar Escenario 1",
-      onSelect: playScenario
-    })) : null, renderActions()), canQuery || canFilter ? /*#__PURE__*/React__default["default"].createElement("menu", {
+    }), renderActions()), canQuery || canFilter ? /*#__PURE__*/React__default["default"].createElement("menu", {
       className: "table-page"
     }, canQuery ? /*#__PURE__*/React__default["default"].createElement(TableQueries$1, {
       schema: schema,
@@ -7579,6 +7523,7 @@
       schema: schema,
       delay: delay,
       editable: editable,
+      tabbedBy: tabbedBy,
       groupBy: groupBy,
       filter: tableFilter,
       actions: tableActions,
@@ -7867,7 +7812,7 @@
     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();
@@ -7876,7 +7821,7 @@
             }
           }();
 
-          if (_temp3 && _temp3.then) return _temp3.then(function () {});
+          if (_temp5 && _temp5.then) return _temp5.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -7904,6 +7849,29 @@
         groupBy = _useState4[0],
         setGroupBy = _useState4[1];
 
+    var _useState5 = React.useState(0),
+        tab = _useState5[0];
+
+    React.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);
     }
@@ -7963,6 +7931,14 @@
       }
     }
 
+    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 = React.useMemo(function () {
       return {
         columns: Object.values(schema).filter(function (field) {
@@ -8055,7 +8031,15 @@
       value: groupBy,
       options: buildGroupOptions(schema),
       onChange: changeGroup
-    }) : null), /*#__PURE__*/React__default["default"].createElement("main", {
+    }) : null, tabbedBy ? /*#__PURE__*/React__default["default"].createElement(Tabs, {
+      fillRight: true,
+      fillLeft: false
+    }, tabs.map(function (tab) {
+      return /*#__PURE__*/React__default["default"].createElement(Tab, {
+        id: tab.value,
+        label: tab.label
+      });
+    })) : ''), /*#__PURE__*/React__default["default"].createElement("main", {
       className: "table-editor"
     }, /*#__PURE__*/React__default["default"].createElement(Accordion, {
       sections: sections
@@ -8077,7 +8061,7 @@
         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];
 
@@ -8101,7 +8085,7 @@
             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);
         }
@@ -8136,7 +8120,7 @@
         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 () {});
             });
@@ -8144,7 +8128,7 @@
             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);
         }
@@ -8153,7 +8137,7 @@
         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 () {});
             });
@@ -8161,7 +8145,7 @@
             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);
         }
@@ -8170,7 +8154,7 @@
         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 () {});
             });
@@ -8178,7 +8162,7 @@
             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);
         }
@@ -8190,7 +8174,7 @@
         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;
             });
@@ -8198,7 +8182,7 @@
             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);
         }
@@ -8207,7 +8191,7 @@
         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 () {});
             });
@@ -8215,7 +8199,7 @@
             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);
         }
@@ -8224,7 +8208,7 @@
         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 () {});
             });
@@ -8232,7 +8216,7 @@
             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);
         }
@@ -8240,7 +8224,7 @@
     };
   };
   /**
-   * table API
+   * Table API
    */