ywana-core8 0.0.680 → 0.0.682

package/dist/index.modern.js

@@ -9,6 +9,41 @@ import { ReactNotifications, Store } from 'react-notifications-component';
 import 'react-notifications-component/dist/theme.css';
 import equal from 'deep-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();
@@ -5599,6 +5634,82 @@ var EditContentDialog = function EditContentDialog(_ref) {
   }));
 };
 
+/**
+ * Collection API
+ */
+
+var CollectionAPI = function CollectionAPI(url, host) {
+  var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
+  /**
+   * objectToQueryParamString
+   * 
+   * @param {*} obj 
+   * @returns 
+   */
+
+  function objectToQueryParamString(obj, likes) {
+    if (isEmpty(obj)) {
+      return "";
+    }
+
+    var notEmptyFields = Object.keys(obj).filter(function (key) {
+      return !isEmpty(obj[key]);
+    });
+    var paramString = notEmptyFields.reduce(function (query, key) {
+      var value = obj[key];
+      var like = likes.includes(key) ? '%' : '';
+
+      if (Array.isArray(value)) {
+        var values = value.map(function (v) {
+          return key + "=" + like + v + like;
+        }).join("&");
+        return "" + query + values + "&";
+      } else if (typeof value === "object") {
+        var params = objectToQueryParamString(value, likes);
+        params.split("&").forEach(function (param) {
+          query = query.concat(key + "." + param + "&");
+        });
+        return query;
+      } else {
+        return "" + query + key + "=" + like + value + like + "&";
+      }
+    }, "");
+    return paramString;
+  }
+
+  return {
+    all: function all(filters, likes, page) {
+      var queryParams = page ? "?page=" + page + "&" : "?";
+      var filterQuery = objectToQueryParamString(filters, likes);
+      queryParams = "" + queryParams + filterQuery;
+      queryParams = queryParams.substring(0, queryParams.length - 1);
+      return http.GET("" + url + queryParams);
+    },
+    find: function find(id) {
+      return http.GET(url + "/" + id);
+    },
+    create: function create(form) {
+      var body = JSON.stringify(form);
+      return http.POST(url, body);
+    },
+    update: function update(form) {
+      var body = JSON.stringify(form);
+      return http.PUT(url + "/" + form.id, body);
+    },
+    updateProperty: function updateProperty(id, propertyName, form) {
+      var body = JSON.stringify(form);
+      return http.PUT(url + "/" + id + "/" + propertyName, body);
+    },
+    patch: function patch(id, form) {
+      var body = JSON.stringify(form);
+      return http.PATCH(url + "/" + id, body);
+    },
+    remove: function remove(id) {
+      return http.DELETE(url + "/" + id);
+    }
+  };
+};
+
 /**
  * Collection Page
  */
@@ -5791,9 +5902,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 = useState({}),
+  var _useState = useState(initial),
       form = _useState[0],
       setForm = _useState[1];
 
@@ -5833,9 +5946,10 @@ var CollectionFilters = function CollectionFilters(props) {
   }
 
   var content = new Content(filterSchema, form);
+  var expanded = showFilters ? "expanded" : "";
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     icon: "filter_list",
-    className: "filters-header"
+    className: "filters-header " + expanded
   }, showFilters ? /*#__PURE__*/React.createElement(Icon, {
     icon: "expand_less",
     size: "small",
@@ -5847,39 +5961,43 @@ var CollectionFilters = function CollectionFilters(props) {
     clickable: true,
     action: toggleFilters
   }), /*#__PURE__*/React.createElement(FilterResume, {
-    form: form
-  })), showFilters ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("nav", {
-    className: "collection-filters"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: "clear_all",
-    size: "small",
-    clickable: true,
-    action: clear
-  })), /*#__PURE__*/React.createElement("main", {
+    schema: filterSchema,
+    form: form,
+    onClear: clear
+  })), showFilters ? /*#__PURE__*/React.createElement("div", {
     className: "collection-filters"
   }, /*#__PURE__*/React.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.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment, null, fields.length > 0 ? /*#__PURE__*/React.createElement(Tooltip, {
+    text: "Limpiar Filtros"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "clear_all",
+    size: "small",
+    clickable: true,
+    action: onClear
+  })) : null, /*#__PURE__*/React.createElement("div", {
     className: "filters-resume"
   }, fields.length > 0 ? fields.map(function (key) {
     return /*#__PURE__*/React.createElement("div", {
       className: "filter-field"
-    }, /*#__PURE__*/React.createElement("label", null, key), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("label", null, schema[key].label), /*#__PURE__*/React.createElement("div", {
       className: "value"
     }, form[key]));
   }) : /*#__PURE__*/React.createElement("div", {
     className: "placeholder"
-  }, "No se aplican filtros"));
+  }, "No se aplican filtros")));
 };
 /**
  * Collection List
@@ -6089,7 +6207,6 @@ var CollectionTree = function CollectionTree(props) {
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Tree, null, renderNodes(nodes))), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement("div", {
     className: "search-box"
   }, /*#__PURE__*/React.createElement(TextField, {
-    icon: "search",
     label: "Search",
     onChange: changeSearch,
     outlined: true,
@@ -6402,61 +6519,6 @@ var CollectionContext = function CollectionContext(url, field, host, page, fetch
     }
   };
 };
-/**
- * Collection API
- */
-
-var CollectionAPI = function CollectionAPI(url, host) {
-  var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
-  return {
-    all: function all(filters, page) {
-      var queryParams = page ? "?page=" + page + "&" : "?";
-
-      if (filters) {
-        var filterQuery = Object.keys(filters).reduce(function (query, key) {
-          var value = filters[key];
-
-          if (typeof value === 'boolean') {
-            return query.concat(key + "=" + value + "&");
-          } else if (Array.isArray(value)) {
-            var param = value.length === 0 ? '' : value.reduce(function (param, item) {
-              param = param.concat(key + "=" + item + "&");
-              return param;
-            }, "");
-            return query.concat(param);
-          } else {
-            return query.concat(key + "=%" + filters[key] + "%&");
-          }
-        }, "");
-        queryParams = queryParams.concat(filterQuery);
-      }
-
-      return http.GET(url + queryParams);
-    },
-    find: function find(id) {
-      return http.GET(url + "/" + id);
-    },
-    create: function create(form) {
-      var body = JSON.stringify(form);
-      return http.POST(url, body);
-    },
-    update: function update(form) {
-      var body = JSON.stringify(form);
-      return http.PUT(url + "/" + form.id, body);
-    },
-    patch: function patch(id, form) {
-      var body = JSON.stringify(form);
-      return http.PATCH(url + "/" + id, body);
-    },
-    updateProperty: function updateProperty(id, propertyName, form) {
-      var body = JSON.stringify(form);
-      return http.PUT(url + "/" + id + "/" + propertyName, body);
-    },
-    remove: function remove(id) {
-      return http.DELETE(url + "/" + id);
-    }
-  };
-};
 
 var QUERY = {
   id: {
@@ -10042,5 +10104,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionFilters, CollectionPage, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, EmptyMessage, FORMATS, FieldEditor, FileExplorer, FilesGrid, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isFunction };
+export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionFilters, CollectionPage, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, EmptyMessage, FORMATS, FieldEditor, FileExplorer, FilesGrid, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction };
 //# sourceMappingURL=index.modern.js.map