ywana-core8 0.0.295 → 0.0.298

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
  */
@@ -5137,7 +5154,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);
@@ -5164,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.createElement(CreateContentDialog, {
+      label: "Nueva query",
+      type: QUERY,
+      onOK: onOK
+    }));
+  }
+
   function change(next) {
     setForm(next);
   }
@@ -5231,7 +5275,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 +5377,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.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"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: "star"
+    }), /*#__PURE__*/React.createElement("label", null, query.name), /*#__PURE__*/React.createElement(Icon, {
+      icon: "close",
+      clickable: true,
+      size: "small",
+      action: function action() {
+        return remove();
+      }
+    }));
+  })));
 };
 /**
  * Table Filters
@@ -5360,7 +5432,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 = useState({}),
       form = _useState2[0],
@@ -5384,6 +5457,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 +5475,12 @@ var TableFilters = function TableFilters(props) {
   }, /*#__PURE__*/React.createElement(ContentEditor, {
     content: content,
     onChange: change
-  })));
+  })), /*#__PURE__*/React.createElement("footer", null, onSave ? /*#__PURE__*/React.createElement(Button, {
+    icon: "playlist_add",
+    label: "CREAR BUSQUEDA",
+    action: save,
+    outlined: true
+  }) : null));
 };
 /**
  * Table Editor
@@ -5435,7 +5517,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();
@@ -5444,7 +5526,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);
@@ -5634,11 +5716,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;
@@ -5651,7 +5734,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);
       }
@@ -5686,7 +5769,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 () {});
           });
@@ -5694,7 +5777,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);
       }
@@ -5703,7 +5786,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 () {});
           });
@@ -5711,7 +5794,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);
       }
@@ -5720,7 +5803,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 () {});
           });
@@ -5728,13 +5811,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);
+      }
     }
   };
 };
@@ -5783,6 +5917,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);
     }
   };
 };