ywana-core8 0.0.293 → 0.0.296

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
  */
@@ -5172,6 +5189,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 +5275,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 +5377,23 @@ var TableSelector = function TableSelector(props) {
 
 
 var TableQueries = function TableQueries(props) {
+  var _useContext3 = React.useContext(PageContext),
+      pageContext = _useContext3[0];
+
+  React.useEffect(function () {
+    pageContext.loadQueries();
+  }, []);
+  var queries = [1, 2, 3];
   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"
+    });
+  })));
 };
 /**
  * Table Filters
@@ -5364,11 +5412,12 @@ var TableFilters = function TableFilters(props) {
     }
   };
 
-  var _useContext3 = React.useContext(PageContext),
-      pageContext = _useContext3[0],
-      setPageContext = _useContext3[1];
+  var _useContext4 = React.useContext(PageContext),
+      pageContext = _useContext4[0],
+      setPageContext = _useContext4[1];
 
-  var schema = props.schema;
+  var schema = props.schema,
+      onSave = props.onSave;
 
   var _useState2 = React.useState({}),
       form = _useState2[0],
@@ -5392,6 +5441,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 +5459,12 @@ var TableFilters = function TableFilters(props) {
   }, /*#__PURE__*/React__default["default"].createElement(ContentEditor, {
     content: content,
     onChange: change
-  })));
+  })), /*#__PURE__*/React__default["default"].createElement("footer", null, canQuery ? /*#__PURE__*/React__default["default"].createElement(Button, {
+    icon: "playlist_add",
+    label: "CREAR BUSQUEDA",
+    action: save,
+    outlined: true
+  }) : null));
 };
 /**
  * Table Editor
@@ -5461,9 +5519,9 @@ var TableEditor = function TableEditor(props) {
 
   var site = React.useContext(SiteContext);
 
-  var _useContext4 = React.useContext(PageContext),
-      pageContext = _useContext4[0],
-      setPageContext = _useContext4[1];
+  var _useContext5 = React.useContext(PageContext),
+      pageContext = _useContext5[0],
+      setPageContext = _useContext5[1];
 
   var _pageContext$all = pageContext.all,
       all = _pageContext$all === void 0 ? [] : _pageContext$all;
@@ -5642,6 +5700,7 @@ var TableContext = function TableContext(url, field, host) {
     checked: new Set([]),
     selected: null,
     filters: {},
+    queries: [],
     load: function load(filter) {
       try {
         var _this2 = this;
@@ -5743,6 +5802,57 @@ var TableContext = function TableContext(url, field, host) {
     },
     changeFilters: function changeFilters(filters) {
       this.filters = filters;
+    },
+    loadQueries: function loadQueries() {
+      try {
+        var _this11 = this;
+
+        var _temp11 = _catch(function () {
+          return Promise.resolve(API.queries()).then(function (_API$queries) {
+            _this11.queries = _API$queries;
+          });
+        }, function (error) {
+          console.log(error);
+        });
+
+        return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    },
+    createQuery: function createQuery(query) {
+      try {
+        var _this13 = this;
+
+        var _temp13 = _catch(function () {
+          return Promise.resolve(API.createQuery(query)).then(function () {
+            _this13.loadQueries();
+          });
+        }, function (error) {
+          console.log(error);
+        });
+
+        return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    },
+    removeQuery: function removeQuery(id) {
+      try {
+        var _this15 = this;
+
+        var _temp15 = _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(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
     }
   };
 };
@@ -5791,6 +5901,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);
     }
   };
 };