ywana-core8 0.0.580 → 0.0.583

package/dist/index.umd.js

@@ -200,18 +200,25 @@
         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;
@@ -5145,6 +5152,130 @@
     }, 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
    */
@@ -5736,14 +5867,16 @@
           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
+          });
         }));
       });
     }
@@ -6113,130 +6246,6 @@
     };
   };
 
-  /**
-   * 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",
@@ -6712,7 +6721,7 @@
   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) {
@@ -6762,6 +6771,13 @@
       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]);
@@ -7045,7 +7061,11 @@
       selected: null,
       filters: {},
       queries: [],
-      load: function load(filter) {
+      load: function load(filter, like) {
+        if (like === void 0) {
+          like = [];
+        }
+
         try {
           var _this2 = this;
 
@@ -7066,7 +7086,7 @@
 
               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) {
@@ -7226,7 +7246,11 @@
 
     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) {
@@ -7242,7 +7266,7 @@
               }, "");
               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);
@@ -9432,6 +9456,7 @@
   exports.Content = Content;
   exports.ContentEditor = ContentEditor;
   exports.ContentForm = ContentForm;
+  exports.ContentViewer = ContentViewer;
   exports.CreateContentDialog = CreateContentDialog;
   exports.DataTable = DataTable;
   exports.Dialog = Dialog;