ywana-core8 0.0.566 → 0.0.567

package/dist/index.umd.js

@@ -5322,6 +5322,11 @@
         setPageContext = _useContext[1];
 
     var context = CollectionContext(url, field, host, page, fetching);
+
+    var _useState = React.useState(true),
+        showFilter = _useState[0],
+        setShowFilter = _useState[1];
+
     React.useEffect(function () {
       try {
         return Promise.resolve(context.load()).then(function () {
@@ -5332,6 +5337,10 @@
       }
     }, []);
 
+    function toggleFilters() {
+      setShowFilter(!showFilter);
+    }
+
     function add() {
       var onOK = function onOK(form) {
         try {
@@ -5378,7 +5387,17 @@
       className: "collection-page " + className
     }, /*#__PURE__*/React__default["default"].createElement(Header, {
       title: /*#__PURE__*/React__default["default"].createElement(Text, null, name)
-    }), canFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
+    }, canFilter ? showFilter ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: "filter_list",
+      size: "small",
+      clickable: true,
+      action: toggleFilters
+    }) : /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: "filter_list_off",
+      size: "small",
+      clickable: true,
+      action: toggleFilters
+    }) : false), canFilter && showFilter ? /*#__PURE__*/React__default["default"].createElement(CollectionFilters, {
       schema: schema
     }) : null, levels ? /*#__PURE__*/React__default["default"].createElement(CollectionTree, {
       icon: icon,
@@ -5417,9 +5436,9 @@
     var schema = props.schema,
         onChange = props.onChange;
 
-    var _useState = React.useState({}),
-        form = _useState[0],
-        setForm = _useState[1];
+    var _useState2 = React.useState({}),
+        form = _useState2[0],
+        setForm = _useState2[1];
 
     var filterSchema = React.useMemo(function () {
       var filterSchema = Object.assign({}, schema);
@@ -5449,16 +5468,15 @@
     }
 
     var content = new Content(filterSchema, form);
-    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
-      className: "table-filters",
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Filters")
+    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("nav", {
+      className: "collection-filters"
     }, /*#__PURE__*/React__default["default"].createElement(Icon, {
-      icon: "filter_list_off",
+      icon: "clear_all",
       size: "small",
       clickable: true,
       action: clear
     })), /*#__PURE__*/React__default["default"].createElement("main", {
-      className: "table-filters"
+      className: "collection-filters"
     }, /*#__PURE__*/React__default["default"].createElement(ContentEditor, {
       content: content,
       onChange: change
@@ -5493,9 +5511,9 @@
     var _pageContext$all = pageContext.all,
         all = _pageContext$all === void 0 ? [] : _pageContext$all;
 
-    var _useState2 = React.useState(),
-        filter = _useState2[0],
-        setFilter = _useState2[1];
+    var _useState3 = React.useState(),
+        filter = _useState3[0],
+        setFilter = _useState3[1];
 
     function clear() {
       pageContext.clear();
@@ -5574,9 +5592,9 @@
     var _pageContext$all2 = pageContext.all,
         all = _pageContext$all2 === void 0 ? [] : _pageContext$all2;
 
-    var _useState3 = React.useState(),
-        filter = _useState3[0],
-        setFilter = _useState3[1];
+    var _useState4 = React.useState(),
+        filter = _useState4[0],
+        setFilter = _useState4[1];
 
     function clear() {
       pageContext.clear();
@@ -5705,9 +5723,9 @@
         onReload = props.onReload;
     var timer = React.useRef(null);
 
-    var _useState4 = React.useState(selected),
-        form = _useState4[0],
-        setForm = _useState4[1];
+    var _useState5 = React.useState(selected),
+        form = _useState5[0],
+        setForm = _useState5[1];
 
     React.useEffect(function () {
       setForm(selected);