ywana-core8 0.0.678 → 0.0.679

package/dist/index.cjs

@@ -5806,8 +5806,8 @@ var CollectionFilters = function CollectionFilters(props) {
       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);
@@ -5837,15 +5837,14 @@ var CollectionFilters = function CollectionFilters(props) {
   }
 
   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,
@@ -5855,7 +5854,9 @@ var CollectionFilters = function CollectionFilters(props) {
     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",
@@ -5869,10 +5870,30 @@ var CollectionFilters = function CollectionFilters(props) {
     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 {