ywana-core8 0.0.678 → 0.0.680

package/dist/index.umd.js

@@ -5800,8 +5800,8 @@
         setForm = _useState[1];
 
     var _useState2 = React.useState(false),
-        showFilter = _useState2[0],
-        setShowFilter = _useState2[1];
+        showFilters = _useState2[0],
+        setShowFilters = _useState2[1];
 
     var filterSchema = React.useMemo(function () {
       var filterSchema = Object.assign({}, schema);
@@ -5831,15 +5831,14 @@
     }
 
     function toggleFilters() {
-      setShowFilter(!showFilter);
+      setShowFilters(!showFilters);
     }
 
     var content = new Content(filterSchema, form);
-    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "expand"
-    }, /*#__PURE__*/React__default["default"].createElement(Chip, {
-      label: "Activas"
-    })), showFilter ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
+      icon: "filter_list",
+      className: "filters-header"
+    }, showFilters ? /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "expand_less",
       size: "small",
       clickable: true,
@@ -5849,7 +5848,9 @@
       size: "small",
       clickable: true,
       action: toggleFilters
-    })), showFilter ? /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("nav", {
+    }), /*#__PURE__*/React__default["default"].createElement(FilterResume, {
+      form: form
+    })), showFilters ? /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("nav", {
       className: "collection-filters"
     }, /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "clear_all",
@@ -5863,10 +5864,30 @@
       onChange: change
     }))) : null);
   };
+
+  var FilterResume = function FilterResume(props) {
+    var _props$form = props.form,
+        form = _props$form === void 0 ? {} : _props$form;
+    var fields = Object.keys(form).filter(function (key) {
+      return form[key] !== undefined && form[key] !== null && form[key] !== "";
+    });
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "filters-resume"
+    }, fields.length > 0 ? fields.map(function (key) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "filter-field"
+      }, /*#__PURE__*/React__default["default"].createElement("label", null, key), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "value"
+      }, form[key]));
+    }) : /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "placeholder"
+    }, "No se aplican filtros"));
+  };
   /**
    * Collection List
    */
 
+
   var CollectionList = function CollectionList(props) {
     var select = function select(id) {
       try {