ywana-core8 0.0.680 → 0.0.681

package/dist/index.cjs

@@ -17,6 +17,41 @@ var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment$1);
 var ResumableJS__default = /*#__PURE__*/_interopDefaultLegacy(ResumableJS);
 var equal__default = /*#__PURE__*/_interopDefaultLegacy(equal);
 
+/**
+ * isEmpty
+ * 
+ * @param {*} obj 
+ * @returns 
+ */
+function isEmpty(obj) {
+  // null
+  if (obj === null) {
+    return true;
+  } // undefined
+
+
+  if (obj === undefined) {
+    return true;
+  } // empty string
+
+
+  if (typeof obj === "string" && obj.length === 0) {
+    return true;
+  } // empty array
+
+
+  if (Array.isArray(obj) && obj.length === 0) {
+    return true;
+  } // empty object
+
+
+  if (typeof obj === "object" && Object.keys(obj).length === 0 && obj.constructor === Object) {
+    return true;
+  }
+
+  return false;
+}
+
 function _catch$5(body, recover) {
   try {
     var result = body();
@@ -5799,9 +5834,11 @@ var CollectionFilters = function CollectionFilters(props) {
   };
 
   var schema = props.schema,
+      _props$initial = props.initial,
+      initial = _props$initial === void 0 ? {} : _props$initial,
       onChange = props.onChange;
 
-  var _useState = React.useState({}),
+  var _useState = React.useState(initial),
       form = _useState[0],
       setForm = _useState[1];
 
@@ -5841,9 +5878,10 @@ var CollectionFilters = function CollectionFilters(props) {
   }
 
   var content = new Content(filterSchema, form);
+  var expanded = showFilters ? "expanded" : "";
   return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
     icon: "filter_list",
-    className: "filters-header"
+    className: "filters-header " + expanded
   }, showFilters ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "expand_less",
     size: "small",
@@ -5855,39 +5893,43 @@ var CollectionFilters = function CollectionFilters(props) {
     clickable: true,
     action: toggleFilters
   }), /*#__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",
-    size: "small",
-    clickable: true,
-    action: clear
-  })), /*#__PURE__*/React__default["default"].createElement("main", {
+    schema: filterSchema,
+    form: form,
+    onClear: clear
+  })), showFilters ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "collection-filters"
   }, /*#__PURE__*/React__default["default"].createElement(ContentEditor, {
     content: content,
     onChange: change
-  }))) : null);
+  })) : null);
 };
 
 var FilterResume = function FilterResume(props) {
-  var _props$form = props.form,
-      form = _props$form === void 0 ? {} : _props$form;
+  var schema = props.schema,
+      _props$form = props.form,
+      form = _props$form === void 0 ? {} : _props$form,
+      onClear = props.onClear;
   var fields = Object.keys(form).filter(function (key) {
     return form[key] !== undefined && form[key] !== null && form[key] !== "";
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, fields.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Tooltip, {
+    text: "Limpiar Filtros"
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    icon: "clear_all",
+    size: "small",
+    clickable: true,
+    action: onClear
+  })) : null, /*#__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", {
+    }, /*#__PURE__*/React__default["default"].createElement("label", null, schema[key].label), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "value"
     }, form[key]));
   }) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "placeholder"
-  }, "No se aplican filtros"));
+  }, "No se aplican filtros")));
 };
 /**
  * Collection List
@@ -6097,7 +6139,6 @@ var CollectionTree = function CollectionTree(props) {
   return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Tree, null, renderNodes(nodes))), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "search-box"
   }, /*#__PURE__*/React__default["default"].createElement(TextField, {
-    icon: "search",
     label: "Search",
     onChange: changeSearch,
     outlined: true,
@@ -10141,5 +10182,6 @@ exports.Viewer = Viewer;
 exports.WaitScreen = WaitScreen;
 exports.Wizard = Wizard;
 exports.WizardContext = WizardContext;
+exports.isEmpty = isEmpty;
 exports.isFunction = isFunction;
 //# sourceMappingURL=index.cjs.map