ywana-core8 0.0.580 → 0.0.583

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
-import React, { useState, useContext, useEffect, Fragment, useRef, useMemo, Children } from 'react';
+import React, { useState, useEffect, useContext, Fragment, useRef, useMemo, Children } from 'react';
 import RSwitch from 'react-switch';
 import moment$1 from 'moment';
 import { extendMoment } from 'moment-range';
@@ -198,18 +198,25 @@ var Accordion = function Accordion(props) {
       sections = _props$sections === void 0 ? [] : _props$sections,
       onCheck = props.onCheck;
 
-  var _useState = useState(sections.map(function (section) {
-    return section.open;
-  })),
+  var _useState = useState([]),
       openSections = _useState[0],
       setOpenSections = _useState[1];
 
-  var _useState2 = useState(sections.map(function (section) {
-    return section.checked;
-  })),
+  var _useState2 = useState([]),
       checkedSections = _useState2[0],
       setCheckedSections = _useState2[1];
 
+  useEffect(function () {
+    var openSections = sections.map(function (section) {
+      return section.open;
+    });
+    var checkedSections = sections.map(function (section) {
+      return section.checked;
+    });
+    setOpenSections(openSections);
+    setCheckedSections(checkedSections);
+  }, [sections]);
+
   function toggle(index) {
     var next = openSections.map(function (open, i) {
       return i === index ? !open : open;
@@ -5143,6 +5150,130 @@ var TableEditor$3 = function TableEditor(props) {
   }, renderGroups()));
 };
 
+/**
+ * Content Viewer
+ * 
+ * @param {*} props 
+ * @returns 
+ */
+
+var ContentViewer = function ContentViewer(props) {
+  var content = props.content;
+  if (!content) return /*#__PURE__*/React.createElement("div", null, "No Content...");
+  var sections = content.sections();
+  var value = content.value();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "content-viewer"
+  }, sections.map(function (section) {
+    var title = section.title,
+        fields = section.fields;
+    return /*#__PURE__*/React.createElement("section", {
+      key: title,
+      className: "content-viewer"
+    }, /*#__PURE__*/React.createElement("header", null, title), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
+      return /*#__PURE__*/React.createElement(FieldViewer, {
+        key: field.id,
+        field: field,
+        value: value[field.id]
+      });
+    })));
+  }));
+};
+/**
+ * Field Viewer
+ * 
+ * @param {} props 
+ * @returns 
+ */
+
+var FieldViewer = function FieldViewer(props) {
+  var field = props.field,
+      value = props.value;
+  var type = field.type,
+      item = field.item,
+      label = field.label,
+      _field$visible = field.visible,
+      visible = _field$visible === void 0 ? true : _field$visible,
+      optional = field.optional;
+  if (!visible) return null;
+  if (optional && value === undefined) return null;
+
+  switch (type) {
+    case TYPES.STRING:
+      return /*#__PURE__*/React.createElement(Property, {
+        label: label,
+        value: value,
+        options: field.options
+      });
+
+    case TYPES.ENTITY:
+      return /*#__PURE__*/React.createElement(EntityViewer, {
+        field: field,
+        value: value
+      });
+
+    case TYPES.ARRAY:
+      return /*#__PURE__*/React.createElement(ArrayViewer, {
+        label: label,
+        item: item,
+        value: value
+      });
+
+    default:
+      return /*#__PURE__*/React.createElement("div", null, label);
+  }
+};
+/**
+ * EntityViewer
+ */
+
+
+var EntityViewer = function EntityViewer(props) {
+  var field = props.field,
+      value = props.value;
+  var item = field.item,
+      label = field.label;
+  var content = new Content(item, value);
+  var form = content.form();
+  var fields = Object.keys(form).map(function (key) {
+    return form[key];
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "entity-viewer"
+  }, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
+    return /*#__PURE__*/React.createElement(FieldViewer, {
+      field: field,
+      value: value[field.id]
+    });
+  })));
+};
+/**
+ * Array Viewer
+ */
+
+
+var ArrayViewer = function ArrayViewer(props) {
+  var label = props.label,
+      item = props.item,
+      value = props.value;
+  var columns = Object.keys(item).map(function (key) {
+    return item[key]["label"];
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "array-viewer"
+  }, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, columns.map(function (column) {
+    return /*#__PURE__*/React.createElement("th", {
+      key: column
+    }, column);
+  })), /*#__PURE__*/React.createElement("tbody", null, value.map(function (v) {
+    return /*#__PURE__*/React.createElement("tr", null, Object.keys(item).map(function (key) {
+      return /*#__PURE__*/React.createElement("td", {
+        key: v[key]
+      }, v[key]);
+    }));
+  }))));
+};
+
 /**
  * Create Content Dialog
  */
@@ -5734,14 +5865,16 @@ var CollectionTree = function CollectionTree(props) {
         open: true
       }, node.nodes ? renderNodes(node.nodes) : node.items.map(function (item) {
         var selected = pageContext.selected && item.id === pageContext.selected.id;
+        var actions = [];
         return /*#__PURE__*/React.createElement(TreeItem, {
           icon: icon,
           key: item.id,
           id: item.id,
           label: item.name,
           onSelect: select,
-          selected: selected
-        }, "item");
+          selected: selected,
+          actions: actions
+        });
       }));
     });
   }
@@ -6111,130 +6244,6 @@ var CollectionAPI = function CollectionAPI(url, host) {
   };
 };
 
-/**
- * Content Viewer
- * 
- * @param {*} props 
- * @returns 
- */
-
-var ContentViewer = function ContentViewer(props) {
-  var content = props.content;
-  if (!content) return /*#__PURE__*/React.createElement("div", null, "No Content...");
-  var sections = content.sections();
-  var value = content.value();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "content-viewer"
-  }, sections.map(function (section) {
-    var title = section.title,
-        fields = section.fields;
-    return /*#__PURE__*/React.createElement("section", {
-      key: title,
-      className: "content-viewer"
-    }, /*#__PURE__*/React.createElement("header", null, title), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
-      return /*#__PURE__*/React.createElement(FieldViewer, {
-        key: field.id,
-        field: field,
-        value: value[field.id]
-      });
-    })));
-  }));
-};
-/**
- * Field Viewer
- * 
- * @param {} props 
- * @returns 
- */
-
-var FieldViewer = function FieldViewer(props) {
-  var field = props.field,
-      value = props.value;
-  var type = field.type,
-      item = field.item,
-      label = field.label,
-      _field$visible = field.visible,
-      visible = _field$visible === void 0 ? true : _field$visible,
-      optional = field.optional;
-  if (!visible) return null;
-  if (optional && value === undefined) return null;
-
-  switch (type) {
-    case TYPES.STRING:
-      return /*#__PURE__*/React.createElement(Property, {
-        label: label,
-        value: value,
-        options: field.options
-      });
-
-    case TYPES.ENTITY:
-      return /*#__PURE__*/React.createElement(EntityViewer, {
-        field: field,
-        value: value
-      });
-
-    case TYPES.ARRAY:
-      return /*#__PURE__*/React.createElement(ArrayViewer, {
-        label: label,
-        item: item,
-        value: value
-      });
-
-    default:
-      return /*#__PURE__*/React.createElement("div", null, label);
-  }
-};
-/**
- * EntityViewer
- */
-
-
-var EntityViewer = function EntityViewer(props) {
-  var field = props.field,
-      value = props.value;
-  var item = field.item,
-      label = field.label;
-  var content = new Content(item, value);
-  var form = content.form();
-  var fields = Object.keys(form).map(function (key) {
-    return form[key];
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: "entity-viewer"
-  }, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
-    return /*#__PURE__*/React.createElement(FieldViewer, {
-      field: field,
-      value: value[field.id]
-    });
-  })));
-};
-/**
- * Array Viewer
- */
-
-
-var ArrayViewer = function ArrayViewer(props) {
-  var label = props.label,
-      item = props.item,
-      value = props.value;
-  var columns = Object.keys(item).map(function (key) {
-    return item[key]["label"];
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: "array-viewer"
-  }, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, columns.map(function (column) {
-    return /*#__PURE__*/React.createElement("th", {
-      key: column
-    }, column);
-  })), /*#__PURE__*/React.createElement("tbody", null, value.map(function (v) {
-    return /*#__PURE__*/React.createElement("tr", null, Object.keys(item).map(function (key) {
-      return /*#__PURE__*/React.createElement("td", {
-        key: v[key]
-      }, v[key]);
-    }));
-  }))));
-};
-
 var QUERY = {
   id: {
     id: "id",
@@ -6710,7 +6719,7 @@ var TableQueries$2 = function TableQueries(props) {
 var TableFilters$2 = function TableFilters(props) {
   var reload = function reload() {
     try {
-      return Promise.resolve(pageContext.load(form)).then(function () {
+      return Promise.resolve(pageContext.load(form, likes)).then(function () {
         setPageContext(Object.assign({}, pageContext));
       });
     } catch (e) {
@@ -6760,6 +6769,13 @@ var TableFilters$2 = function TableFilters(props) {
     delete filterSchema.flows;
     return filterSchema;
   }, [schema]);
+  var likes = useMemo(function () {
+    var fields = Object.values(schema);
+    return fields.reduce(function (likes, field) {
+      if (field.like === true) likes.push(field.id);
+      return likes;
+    }, []);
+  }, [schema]);
   useEffect(function () {
     if (filters) setForm(filters);
   }, [filters]);
@@ -7043,7 +7059,11 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
     selected: null,
     filters: {},
     queries: [],
-    load: function load(filter) {
+    load: function load(filter, like) {
+      if (like === void 0) {
+        like = [];
+      }
+
       try {
         var _this2 = this;
 
@@ -7064,7 +7084,7 @@ var TableContext$2 = function TableContext(url, field, host, urlQuery, params) {
 
             return filters;
           }, {}) : [];
-          return Promise.resolve(API.all(filters)).then(function (data) {
+          return Promise.resolve(API.all(filters, like)).then(function (data) {
             _this2.all = field ? data[field] : data;
           });
         }, function (error) {
@@ -7224,7 +7244,11 @@ var TableAPI$2 = function TableAPI(url, host, params) {
 
   var http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
   return {
-    all: function all(filters) {
+    all: function all(filters, like) {
+      if (like === void 0) {
+        like = [];
+      }
+
       var queryParams = "?" + params;
 
       if (filters) {
@@ -7240,7 +7264,7 @@ var TableAPI$2 = function TableAPI(url, host, params) {
             }, "");
             return query.concat(param);
           } else {
-            return query.concat(key + "=%" + filters[key] + "%&");
+            return like.includes(key) ? query.concat(key + "=%" + filters[key] + "%&") : query.concat(key + "=" + filters[key] + "&");
           }
         }, "");
         queryParams = queryParams.concat(filterQuery);
@@ -9414,5 +9438,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, Content, ContentEditor, ContentForm, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, FileExplorer, FileIconsView, 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, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, isFunction };
+export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionFilters, CollectionPage, CollectionTree, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, FileExplorer, FileIconsView, 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, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, isFunction };
 //# sourceMappingURL=index.modern.js.map