ywana-core8 0.0.309 → 0.0.312

package/dist/index.umd.js

@@ -5385,7 +5385,7 @@
   var TableQueries = function TableQueries(props) {
     var remove = function remove(id) {
       try {
-        return Promise.resolve(pageContext.removeQuery(id, props.user)).then(function () {
+        return Promise.resolve(pageContext.removeQuery(id, user)).then(function () {
           setPageContext(Object.assign({}, pageContext));
         });
       } catch (e) {
@@ -5397,27 +5397,36 @@
         pageContext = _useContext3[0],
         setPageContext = _useContext3[1];
 
+    var user = props.user;
     var _pageContext$queries = pageContext.queries,
-        queries = _pageContext$queries === void 0 ? [{
-      name: "Query 1",
-      filters: {}
-    }, {
-      name: "Query 2",
-      filters: {}
-    }, {
-      name: "Query 3",
-      filters: {}
-    }] : _pageContext$queries;
+        queries = _pageContext$queries === void 0 ? [] : _pageContext$queries;
+
+    var _useState2 = React.useState(),
+        selected = _useState2[0],
+        setSelected = _useState2[1];
+
+    function select(query) {
+      console.log("TableQueries.select", query);
+      setSelected(query.id);
+      pageContext.changeFilters(query.filters);
+      setPageContext(Object.assign({}, pageContext));
+    }
+
     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 ? queries.map(function (query) {
+      var style = selected === query.id ? "selected" : "";
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "table-queries-item"
+        className: "table-queries-item " + style,
+        onClick: function onClick() {
+          return select(query);
+        }
       }, /*#__PURE__*/React__default["default"].createElement(Icon, {
-        icon: "star"
+        icon: "star",
+        size: "small"
       }), /*#__PURE__*/React__default["default"].createElement("label", null, query.name), /*#__PURE__*/React__default["default"].createElement(Icon, {
         icon: "close",
         clickable: true,
@@ -5436,6 +5445,7 @@
   var TableFilters = function TableFilters(props) {
     var change = function change(next) {
       try {
+        console.log("TableFilters.change()", next);
         setForm(next);
         return Promise.resolve(pageContext.load(next)).then(function () {
           setPageContext(Object.assign({}, pageContext));
@@ -5449,12 +5459,13 @@
         pageContext = _useContext4[0],
         setPageContext = _useContext4[1];
 
+    var filters = pageContext.filters;
     var schema = props.schema,
         onSave = props.onSave;
 
-    var _useState2 = React.useState({}),
-        form = _useState2[0],
-        setForm = _useState2[1];
+    var _useState3 = React.useState({}),
+        form = _useState3[0],
+        setForm = _useState3[1];
 
     var filterSchema = React.useMemo(function () {
       var filterSchema = Object.assign({}, schema);
@@ -5469,6 +5480,10 @@
       delete filterSchema.flows;
       return filterSchema;
     }, [schema]);
+    React.useEffect(function () {
+      console.log("TableFilters onFiltersChange", filters);
+      if (filters) setForm(filters);
+    }, [filters]);
 
     function clear() {
       change({});
@@ -5566,9 +5581,9 @@
         filter = props.filter,
         actions = props.actions;
 
-    var _useState3 = React.useState(props.groupBy),
-        groupBy = _useState3[0],
-        setGroupBy = _useState3[1];
+    var _useState4 = React.useState(props.groupBy),
+        groupBy = _useState4[0],
+        setGroupBy = _useState4[1];
 
     function changeGroup(id, value) {
       setGroupBy(value);
@@ -5834,6 +5849,7 @@
         }
       },
       changeFilters: function changeFilters(filters) {
+        console.log("TableContext.changeFilters", filters);
         this.filters = filters;
       },
       loadQueries: function loadQueries(user) {