ywana-core8 0.0.572 → 0.0.573

package/dist/index.modern.js

@@ -4837,6 +4837,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 +4860,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 +4892,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 +6610,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 +7085,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 +7295,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 +7327,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 +7349,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 +7503,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 +7521,7 @@ var TablePage2 = function TablePage2(props) {
     schema: schema,
     delay: delay,
     editable: editable,
+    tabbedBy: tabbedBy,
     groupBy: groupBy,
     filter: tableFilter,
     actions: tableActions,
@@ -7865,7 +7810,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 +7819,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 +7847,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 +7929,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 +8029,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 +8059,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 +8083,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 +8118,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 +8126,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 +8135,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 +8143,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 +8152,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 +8160,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 +8172,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 +8180,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 +8189,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 +8197,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 +8206,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 +8214,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 +8222,7 @@ var TableContext$1 = function TableContext(url, field, host, urlQuery, params) {
   };
 };
 /**
- * table API
+ * Table API
  */