ywana-core8 0.0.294 → 0.0.297

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('deep-equal')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'deep-equal'], factory) :
-  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, global.resumablejs, global.reactNotificationsComponent, null, global.deepEqual));
-})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, ResumableJS, reactNotificationsComponent, theme_css, equal) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('deep-equal'), require('ywana-core8')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'deep-equal', 'ywana-core8'], factory) :
+  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, global.resumablejs, global.reactNotificationsComponent, null, global.deepEqual, global.ywanaCore8));
+})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, ResumableJS, reactNotificationsComponent, theme_css, equal, ywanaCore8) {
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
@@ -5002,6 +5002,22 @@
     })));
   };
 
+  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
    */
@@ -5167,6 +5183,25 @@
       }));
     }
 
+    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);
     }
@@ -5234,7 +5269,8 @@
     }, 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"
@@ -5335,12 +5371,23 @@
 
 
   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
@@ -5359,11 +5406,12 @@
       }
     };
 
-    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],
@@ -5387,6 +5435,10 @@
       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",
@@ -5401,7 +5453,12 @@
     }, /*#__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
@@ -5456,9 +5513,9 @@
 
     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;
@@ -5637,6 +5694,7 @@
       checked: new Set([]),
       selected: null,
       filters: {},
+      queries: [],
       load: function load(filter) {
         try {
           var _this2 = this;
@@ -5738,6 +5796,57 @@
       },
       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);
+        }
       }
     };
   };
@@ -5786,6 +5895,16 @@
       },
       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);
       }
     };
   };