ywana-core8 0.0.307 → 0.0.310

package/dist/index.umd.js

@@ -5286,7 +5286,7 @@
     }) : null) : null, /*#__PURE__*/React__default["default"].createElement("main", {
       key: id,
       className: "table-page"
-    }, children ? /*#__PURE__*/React__default["default"].createElement("article", null) : null, /*#__PURE__*/React__default["default"].createElement(TableEditor, {
+    }, children ? /*#__PURE__*/React__default["default"].createElement("article", null, children) : null, /*#__PURE__*/React__default["default"].createElement(TableEditor, {
       icon: icon,
       title: name,
       schema: schema,
@@ -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,34 @@
         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) {
+      setSelected(query.id);
+      pageContext.changeFilters(query.filters);
+    }
+
     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 +5443,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 +5457,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 +5478,10 @@
       delete filterSchema.flows;
       return filterSchema;
     }, [schema]);
+    React.useEffect(function () {
+      console.log("TableFilters onFiltersChange", filters);
+      setForm(filters);
+    }, [filters]);
 
     function clear() {
       change({});
@@ -5566,9 +5579,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);