ywana-core8 0.0.566 → 0.0.567

package/dist/index.cjs

@@ -5328,6 +5328,11 @@ var CollectionPage = function CollectionPage(props) {
       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 () {
@@ -5338,6 +5343,10 @@ var CollectionPage = function CollectionPage(props) {
     }
   }, []);
 
+  function toggleFilters() {
+    setShowFilter(!showFilter);
+  }
+
   function add() {
     var onOK = function onOK(form) {
       try {
@@ -5384,7 +5393,17 @@ var CollectionPage = function CollectionPage(props) {
     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,
@@ -5423,9 +5442,9 @@ var CollectionFilters = function CollectionFilters(props) {
   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);
@@ -5455,16 +5474,15 @@ var CollectionFilters = function CollectionFilters(props) {
   }
 
   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
@@ -5499,9 +5517,9 @@ var CollectionList = function CollectionList(props) {
   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();
@@ -5580,9 +5598,9 @@ var CollectionTree = function CollectionTree(props) {
   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();
@@ -5711,9 +5729,9 @@ var CollectionEditor = function CollectionEditor(props) {
       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);