ywana-core8 0.0.308 → 0.0.311

package/dist/index.cjs

@@ -5391,7 +5391,7 @@ var TableSelector = function TableSelector(props) {
 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) {
@@ -5403,27 +5403,34 @@ var TableQueries = function TableQueries(props) {
       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,
@@ -5442,6 +5449,7 @@ var TableQueries = function TableQueries(props) {
 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));
@@ -5455,12 +5463,13 @@ var TableFilters = function TableFilters(props) {
       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);
@@ -5475,6 +5484,10 @@ var TableFilters = function TableFilters(props) {
     delete filterSchema.flows;
     return filterSchema;
   }, [schema]);
+  React.useEffect(function () {
+    console.log("TableFilters onFiltersChange", filters);
+    if (filters) setForm(filters);
+  }, [filters]);
 
   function clear() {
     change({});
@@ -5572,9 +5585,9 @@ var TableEditor = function TableEditor(props) {
       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);