ywana-core8 0.0.295 → 0.0.298

package/dist/index.cjs

@@ -7,6 +7,7 @@ var ResumableJS = require('resumablejs');
 var reactNotificationsComponent = require('react-notifications-component');
 require('react-notifications-component/dist/theme.css');
 var equal = require('deep-equal');
+var ywanaCore8 = require('ywana-core8');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -5007,6 +5008,22 @@ var EntityViewer = function EntityViewer(props) {
   })));
 };
 
+var QUERY = {
+  id: {
+    section: "Info",
+    id: "id",
+    type: ywanaCore8.TYPES.STRING,
+    editable: false
+  },
+  name: {
+    section: "Info",
+    id: "name",
+    type: ywanaCore8.TYPES.STRING,
+    required: true,
+    label: "Name"
+  }
+};
+
 /**
  * Table Page
  */
@@ -5145,7 +5162,15 @@ var TablePage = function TablePage(props) {
     try {
       var context = TableContext(url, field, host);
       return Promise.resolve(context.load()).then(function () {
-        setPageContext(context);
+        function _temp2() {
+          setPageContext(context);
+        }
+
+        var _temp = function () {
+          if (canQuery) return Promise.resolve(context.loadQueries()).then(function () {});
+        }();
+
+        return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
       });
     } catch (e) {
       return Promise.reject(e);
@@ -5172,6 +5197,25 @@ var TablePage = function TablePage(props) {
     }));
   }
 
+  function saveQuery(filters) {
+    var onOK = function onOK(form) {
+      try {
+        form.filters = filters;
+        return Promise.resolve(pageContext.createQuery(form)).then(function () {
+          setPageContext(Object.assign({}, pageContext));
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+
+    site.openDialog( /*#__PURE__*/React__default["default"].createElement(CreateContentDialog, {
+      label: "Nueva query",
+      type: QUERY,
+      onOK: onOK
+    }));
+  }
+
   function change(next) {
     setForm(next);
   }
@@ -5239,7 +5283,8 @@ var TablePage = function TablePage(props) {
   }, canQuery ? /*#__PURE__*/React__default["default"].createElement(TableQueries, {
     schema: schema
   }) : null, canFilter ? /*#__PURE__*/React__default["default"].createElement(TableFilters, {
-    schema: schema
+    schema: schema,
+    onSave: saveQuery
   }) : null) : null, /*#__PURE__*/React__default["default"].createElement("main", {
     key: id,
     className: "table-page"
@@ -5340,12 +5385,39 @@ var TableSelector = function TableSelector(props) {
 
 
 var TableQueries = function TableQueries(props) {
+  function remove(id) {
+    alert("TODO: remove query");
+  }
+
+  var queries = [{
+    name: "Query 1",
+    filters: {}
+  }, {
+    name: "Query 2",
+    filters: {}
+  }, {
+    name: "Query 3",
+    filters: {}
+  }];
   return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
     className: "table-queries",
     title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Queries")
   }), /*#__PURE__*/React__default["default"].createElement("main", {
     className: "table-queries"
-  }, "..."));
+  }, queries.map(function (query) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "table-queries-item"
+    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: "star"
+    }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: "close",
+      clickable: true,
+      size: "small",
+      action: function action() {
+        return remove();
+      }
+    }));
+  })));
 };
 /**
  * Table Filters
@@ -5368,7 +5440,8 @@ var TableFilters = function TableFilters(props) {
       pageContext = _useContext3[0],
       setPageContext = _useContext3[1];
 
-  var schema = props.schema;
+  var schema = props.schema,
+      onSave = props.onSave;
 
   var _useState2 = React.useState({}),
       form = _useState2[0],
@@ -5392,6 +5465,10 @@ var TableFilters = function TableFilters(props) {
     change({});
   }
 
+  function save() {
+    if (onSave) onSave(form);
+  }
+
   var content = new Content(filterSchema, form);
   return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
     className: "table-filters",
@@ -5406,7 +5483,12 @@ var TableFilters = function TableFilters(props) {
   }, /*#__PURE__*/React__default["default"].createElement(ContentEditor, {
     content: content,
     onChange: change
-  })));
+  })), /*#__PURE__*/React__default["default"].createElement("footer", null, onSave ? /*#__PURE__*/React__default["default"].createElement(Button, {
+    icon: "playlist_add",
+    label: "CREAR BUSQUEDA",
+    action: save,
+    outlined: true
+  }) : null));
 };
 /**
  * Table Editor
@@ -5443,7 +5525,7 @@ var TableEditor = function TableEditor(props) {
   var remove = function remove(id) {
     try {
       return Promise.resolve(site.confirm("Are you sure ?")).then(function (confirm) {
-        var _temp = function () {
+        var _temp3 = function () {
           if (confirm) {
             return Promise.resolve(pageContext.remove(id)).then(function () {
               pageContext.clear();
@@ -5452,7 +5534,7 @@ var TableEditor = function TableEditor(props) {
           }
         }();
 
-        if (_temp && _temp.then) return _temp.then(function () {});
+        if (_temp3 && _temp3.then) return _temp3.then(function () {});
       });
     } catch (e) {
       return Promise.reject(e);
@@ -5642,11 +5724,12 @@ var TableContext = function TableContext(url, field, host) {
     checked: new Set([]),
     selected: null,
     filters: {},
+    queries: [],
     load: function load(filter) {
       try {
         var _this2 = this;
 
-        var _temp3 = _catch(function () {
+        var _temp5 = _catch(function () {
           var filters = filter ? Object.keys(filter).reduce(function (filters, key) {
             var field = filter[key];
             if (field) filters[key] = field;
@@ -5659,7 +5742,7 @@ var TableContext = function TableContext(url, field, host) {
           console.log(error);
         });
 
-        return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+        return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -5694,7 +5777,7 @@ var TableContext = function TableContext(url, field, host) {
       try {
         var _this5 = this;
 
-        var _temp5 = _catch(function () {
+        var _temp7 = _catch(function () {
           return Promise.resolve(API.create(form)).then(function () {
             return Promise.resolve(_this5.load()).then(function () {});
           });
@@ -5702,7 +5785,7 @@ var TableContext = function TableContext(url, field, host) {
           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);
       }
@@ -5711,7 +5794,7 @@ var TableContext = function TableContext(url, field, host) {
       try {
         var _this7 = this;
 
-        var _temp7 = _catch(function () {
+        var _temp9 = _catch(function () {
           return Promise.resolve(API.update(form)).then(function () {
             return Promise.resolve(_this7.load()).then(function () {});
           });
@@ -5719,7 +5802,7 @@ var TableContext = function TableContext(url, field, host) {
           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);
       }
@@ -5728,7 +5811,7 @@ var TableContext = function TableContext(url, field, host) {
       try {
         var _this9 = this;
 
-        var _temp9 = _catch(function () {
+        var _temp11 = _catch(function () {
           return Promise.resolve(API.remove(id)).then(function () {
             return Promise.resolve(_this9.load()).then(function () {});
           });
@@ -5736,13 +5819,64 @@ var TableContext = function TableContext(url, field, host) {
           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);
       }
     },
     changeFilters: function changeFilters(filters) {
       this.filters = filters;
+    },
+    loadQueries: function loadQueries() {
+      try {
+        var _this11 = this;
+
+        var _temp13 = _catch(function () {
+          return Promise.resolve(API.queries()).then(function (_API$queries) {
+            _this11.queries = _API$queries;
+          });
+        }, function (error) {
+          console.log(error);
+        });
+
+        return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    },
+    createQuery: function createQuery(query) {
+      try {
+        var _this13 = this;
+
+        var _temp15 = _catch(function () {
+          return Promise.resolve(API.createQuery(query)).then(function () {
+            _this13.loadQueries();
+          });
+        }, function (error) {
+          console.log(error);
+        });
+
+        return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    },
+    removeQuery: function removeQuery(id) {
+      try {
+        var _this15 = this;
+
+        var _temp17 = _catch(function () {
+          return Promise.resolve(API.removeQuery(id)).then(function () {
+            return Promise.resolve(_this15.loadQueries()).then(function () {});
+          });
+        }, function (error) {
+          console.log(error);
+        });
+
+        return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
     }
   };
 };
@@ -5791,6 +5925,16 @@ var TableAPI = function TableAPI(url, host) {
     },
     remove: function remove(id) {
       return http.DELETE(url + "/" + id);
+    },
+    queries: function queries() {
+      return http.GET(url + "/queries");
+    },
+    createQuery: function createQuery(form) {
+      var body = JSON.stringify(form);
+      return http.POST(url + "/queries", body);
+    },
+    removeQuery: function removeQuery(id) {
+      return http.DELETE(url + "/queries/" + id);
     }
   };
 };