ywana-core8 0.0.293 → 0.0.296

package/dist/index.modern.js

@@ -7,6 +7,7 @@ import ResumableJS from 'resumablejs';
 import { ReactNotifications, Store } from 'react-notifications-component';
 import 'react-notifications-component/dist/theme.css';
 import equal from 'deep-equal';
+import { TYPES as TYPES$1 } from 'ywana-core8';
 
 function _catch$2(body, recover) {
   try {
@@ -4999,6 +5000,22 @@ var EntityViewer = function EntityViewer(props) {
   })));
 };
 
+var QUERY = {
+  id: {
+    section: "Info",
+    id: "id",
+    type: TYPES$1.STRING,
+    editable: false
+  },
+  name: {
+    section: "Info",
+    id: "name",
+    type: TYPES$1.STRING,
+    required: true,
+    label: "Name"
+  }
+};
+
 /**
  * Table Page
  */
@@ -5164,6 +5181,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.createElement(CreateContentDialog, {
+      label: "Nueva query",
+      type: QUERY,
+      onOK: onOK
+    }));
+  }
+
   function change(next) {
     setForm(next);
   }
@@ -5231,7 +5267,8 @@ var TablePage = function TablePage(props) {
   }, canQuery ? /*#__PURE__*/React.createElement(TableQueries, {
     schema: schema
   }) : null, canFilter ? /*#__PURE__*/React.createElement(TableFilters, {
-    schema: schema
+    schema: schema,
+    onSave: saveQuery
   }) : null) : null, /*#__PURE__*/React.createElement("main", {
     key: id,
     className: "table-page"
@@ -5332,12 +5369,23 @@ var TableSelector = function TableSelector(props) {
 
 
 var TableQueries = function TableQueries(props) {
+  var _useContext3 = useContext(PageContext),
+      pageContext = _useContext3[0];
+
+  useEffect(function () {
+    pageContext.loadQueries();
+  }, []);
+  var queries = [1, 2, 3];
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "table-queries",
     title: /*#__PURE__*/React.createElement(Text, null, "Queries")
   }), /*#__PURE__*/React.createElement("main", {
     className: "table-queries"
-  }, "..."));
+  }, queries.map(function (query) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "table-queries-item"
+    });
+  })));
 };
 /**
  * Table Filters
@@ -5356,11 +5404,12 @@ var TableFilters = function TableFilters(props) {
     }
   };
 
-  var _useContext3 = useContext(PageContext),
-      pageContext = _useContext3[0],
-      setPageContext = _useContext3[1];
+  var _useContext4 = useContext(PageContext),
+      pageContext = _useContext4[0],
+      setPageContext = _useContext4[1];
 
-  var schema = props.schema;
+  var schema = props.schema,
+      onSave = props.onSave;
 
   var _useState2 = useState({}),
       form = _useState2[0],
@@ -5384,6 +5433,10 @@ var TableFilters = function TableFilters(props) {
     change({});
   }
 
+  function save() {
+    if (onSave) onSave(form);
+  }
+
   var content = new Content(filterSchema, form);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "table-filters",
@@ -5398,7 +5451,12 @@ var TableFilters = function TableFilters(props) {
   }, /*#__PURE__*/React.createElement(ContentEditor, {
     content: content,
     onChange: change
-  })));
+  })), /*#__PURE__*/React.createElement("footer", null, canQuery ? /*#__PURE__*/React.createElement(Button, {
+    icon: "playlist_add",
+    label: "CREAR BUSQUEDA",
+    action: save,
+    outlined: true
+  }) : null));
 };
 /**
  * Table Editor
@@ -5453,9 +5511,9 @@ var TableEditor = function TableEditor(props) {
 
   var site = useContext(SiteContext);
 
-  var _useContext4 = useContext(PageContext),
-      pageContext = _useContext4[0],
-      setPageContext = _useContext4[1];
+  var _useContext5 = useContext(PageContext),
+      pageContext = _useContext5[0],
+      setPageContext = _useContext5[1];
 
   var _pageContext$all = pageContext.all,
       all = _pageContext$all === void 0 ? [] : _pageContext$all;
@@ -5634,6 +5692,7 @@ var TableContext = function TableContext(url, field, host) {
     checked: new Set([]),
     selected: null,
     filters: {},
+    queries: [],
     load: function load(filter) {
       try {
         var _this2 = this;
@@ -5735,6 +5794,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);
+      }
     }
   };
 };
@@ -5783,6 +5893,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);
     }
   };
 };