ywana-core8 0.0.580 → 0.0.583

package/dist/index.cjs

@@ -206,18 +206,25 @@ var Accordion = function Accordion(props) {
       sections = _props$sections === void 0 ? [] : _props$sections,
       onCheck = props.onCheck;
 
-  var _useState = React.useState(sections.map(function (section) {
-    return section.open;
-  })),
+  var _useState = React.useState([]),
       openSections = _useState[0],
       setOpenSections = _useState[1];
 
-  var _useState2 = React.useState(sections.map(function (section) {
-    return section.checked;
-  })),
+  var _useState2 = React.useState([]),
       checkedSections = _useState2[0],
       setCheckedSections = _useState2[1];
 
+  React.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;
@@ -5151,6 +5158,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__default["default"].createElement("div", null, "No Content...");
+  var sections = content.sections();
+  var value = content.value();
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "content-viewer"
+  }, sections.map(function (section) {
+    var title = section.title,
+        fields = section.fields;
+    return /*#__PURE__*/React__default["default"].createElement("section", {
+      key: title,
+      className: "content-viewer"
+    }, /*#__PURE__*/React__default["default"].createElement("header", null, title), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
+      return /*#__PURE__*/React__default["default"].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__default["default"].createElement(Property, {
+        label: label,
+        value: value,
+        options: field.options
+      });
+
+    case TYPES.ENTITY:
+      return /*#__PURE__*/React__default["default"].createElement(EntityViewer, {
+        field: field,
+        value: value
+      });
+
+    case TYPES.ARRAY:
+      return /*#__PURE__*/React__default["default"].createElement(ArrayViewer, {
+        label: label,
+        item: item,
+        value: value
+      });
+
+    default:
+      return /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+    className: "entity-viewer"
+  }, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
+    return /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+    className: "array-viewer"
+  }, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("table", null, /*#__PURE__*/React__default["default"].createElement("thead", null, columns.map(function (column) {
+    return /*#__PURE__*/React__default["default"].createElement("th", {
+      key: column
+    }, column);
+  })), /*#__PURE__*/React__default["default"].createElement("tbody", null, value.map(function (v) {
+    return /*#__PURE__*/React__default["default"].createElement("tr", null, Object.keys(item).map(function (key) {
+      return /*#__PURE__*/React__default["default"].createElement("td", {
+        key: v[key]
+      }, v[key]);
+    }));
+  }))));
+};
+
 /**
  * Create Content Dialog
  */
@@ -5742,14 +5873,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__default["default"].createElement(TreeItem, {
           icon: icon,
           key: item.id,
           id: item.id,
           label: item.name,
           onSelect: select,
-          selected: selected
-        }, "item");
+          selected: selected,
+          actions: actions
+        });
       }));
     });
   }
@@ -6119,130 +6252,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__default["default"].createElement("div", null, "No Content...");
-  var sections = content.sections();
-  var value = content.value();
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "content-viewer"
-  }, sections.map(function (section) {
-    var title = section.title,
-        fields = section.fields;
-    return /*#__PURE__*/React__default["default"].createElement("section", {
-      key: title,
-      className: "content-viewer"
-    }, /*#__PURE__*/React__default["default"].createElement("header", null, title), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
-      return /*#__PURE__*/React__default["default"].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__default["default"].createElement(Property, {
-        label: label,
-        value: value,
-        options: field.options
-      });
-
-    case TYPES.ENTITY:
-      return /*#__PURE__*/React__default["default"].createElement(EntityViewer, {
-        field: field,
-        value: value
-      });
-
-    case TYPES.ARRAY:
-      return /*#__PURE__*/React__default["default"].createElement(ArrayViewer, {
-        label: label,
-        item: item,
-        value: value
-      });
-
-    default:
-      return /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-    className: "entity-viewer"
-  }, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
-    return /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-    className: "array-viewer"
-  }, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("table", null, /*#__PURE__*/React__default["default"].createElement("thead", null, columns.map(function (column) {
-    return /*#__PURE__*/React__default["default"].createElement("th", {
-      key: column
-    }, column);
-  })), /*#__PURE__*/React__default["default"].createElement("tbody", null, value.map(function (v) {
-    return /*#__PURE__*/React__default["default"].createElement("tr", null, Object.keys(item).map(function (key) {
-      return /*#__PURE__*/React__default["default"].createElement("td", {
-        key: v[key]
-      }, v[key]);
-    }));
-  }))));
-};
-
 var QUERY = {
   id: {
     id: "id",
@@ -6718,7 +6727,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) {
@@ -6768,6 +6777,13 @@ var TableFilters$2 = function TableFilters(props) {
     delete filterSchema.flows;
     return filterSchema;
   }, [schema]);
+  var likes = React.useMemo(function () {
+    var fields = Object.values(schema);
+    return fields.reduce(function (likes, field) {
+      if (field.like === true) likes.push(field.id);
+      return likes;
+    }, []);
+  }, [schema]);
   React.useEffect(function () {
     if (filters) setForm(filters);
   }, [filters]);
@@ -7051,7 +7067,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;
 
@@ -7072,7 +7092,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) {
@@ -7232,7 +7252,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) {
@@ -7248,7 +7272,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);
@@ -9438,6 +9462,7 @@ exports.CollectionTree = CollectionTree;
 exports.Content = Content;
 exports.ContentEditor = ContentEditor;
 exports.ContentForm = ContentForm;
+exports.ContentViewer = ContentViewer;
 exports.CreateContentDialog = CreateContentDialog;
 exports.DataTable = DataTable;
 exports.Dialog = Dialog;