ywana-core8 0.0.579 → 0.0.582

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",
@@ -8456,27 +8465,32 @@
 
     React.useEffect(function () {
       try {
-        var _field = Object.values(schema).find(function (field) {
-          return field.tab && field.tab === true;
-        });
-
-        var _tabs = _field.options.map(function (option) {
-          return Object.assign({}, option, {
-            field: _field.id
+        var _temp3 = function _temp3() {
+          var field = Object.values(schema).find(function (field) {
+            return field.tab && field.tab === true;
           });
-        });
+          var tabs = field.options.map(function (option) {
+            return Object.assign({}, option, {
+              field: field.id
+            });
+          });
+          setTabs(tabs);
+          context.changeTab(tabs[0]);
+          setPageContext(context);
+        };
 
-        setTabs(_tabs);
-        context.changeTab(_tabs[0]);
-        setPageContext(context);
-        return Promise.resolve();
+        var _temp4 = function () {
+          if (canQuery) return Promise.resolve(context.loadQueries(user)).then(function () {});
+        }();
+
+        return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
       } catch (e) {
         return Promise.reject(e);
       }
     }, []);
     React.useEffect(function () {
       try {
-        var _temp2 = function () {
+        var _temp6 = function () {
           if (tab) {
             var _filter;
 
@@ -8487,7 +8501,7 @@
           }
         }();
 
-        return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+        return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -8949,7 +8963,7 @@
     var remove = function remove(id) {
       try {
         return Promise.resolve(site.confirm("Are you sure ?")).then(function (confirm) {
-          var _temp3 = function () {
+          var _temp7 = function () {
             if (confirm) {
               return Promise.resolve(pageContext.remove(id)).then(function () {
                 pageContext.clear();
@@ -8958,7 +8972,7 @@
             }
           }();
 
-          if (_temp3 && _temp3.then) return _temp3.then(function () {});
+          if (_temp7 && _temp7.then) return _temp7.then(function () {});
         });
       } catch (e) {
         return Promise.reject(e);
@@ -9169,7 +9183,7 @@
         try {
           var _this2 = this;
 
-          var _temp5 = _catch(function () {
+          var _temp9 = _catch(function () {
             var filters = filter ? Object.keys(filter).reduce(function (filters, key) {
               var field = filter[key];
 
@@ -9198,7 +9212,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(function () {}) : void 0);
+          return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -9236,7 +9250,7 @@
         try {
           var _this5 = this;
 
-          var _temp7 = _catch(function () {
+          var _temp11 = _catch(function () {
             return Promise.resolve(API.create(form)).then(function () {
               return Promise.resolve(_this5.load({}, [])).then(function () {});
             });
@@ -9244,7 +9258,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(function () {}) : void 0);
+          return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -9253,7 +9267,7 @@
         try {
           var _this7 = this;
 
-          var _temp9 = _catch(function () {
+          var _temp13 = _catch(function () {
             return Promise.resolve(API.update(form)).then(function () {
               return Promise.resolve(_this7.load()).then(function () {});
             });
@@ -9261,7 +9275,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(function () {}) : void 0);
+          return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -9270,7 +9284,7 @@
         try {
           var _this9 = this;
 
-          var _temp11 = _catch(function () {
+          var _temp15 = _catch(function () {
             return Promise.resolve(API.remove(id)).then(function () {
               return Promise.resolve(_this9.load()).then(function () {});
             });
@@ -9278,7 +9292,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(function () {}) : void 0);
+          return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -9290,7 +9304,7 @@
         try {
           var _this11 = this;
 
-          var _temp13 = _catch(function () {
+          var _temp17 = _catch(function () {
             return Promise.resolve(API.queries(user, urlQuery)).then(function (_API$queries) {
               _this11.queries = _API$queries;
             });
@@ -9298,7 +9312,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(function () {}) : void 0);
+          return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -9307,7 +9321,7 @@
         try {
           var _this13 = this;
 
-          var _temp15 = _catch(function () {
+          var _temp19 = _catch(function () {
             return Promise.resolve(API.createQuery(query, urlQuery)).then(function () {
               return Promise.resolve(_this13.loadQueries(user)).then(function () {});
             });
@@ -9315,7 +9329,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
+          return Promise.resolve(_temp19 && _temp19.then ? _temp19.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -9324,7 +9338,7 @@
         try {
           var _this15 = this;
 
-          var _temp17 = _catch(function () {
+          var _temp21 = _catch(function () {
             return Promise.resolve(API.removeQuery(id, urlQuery)).then(function () {
               return Promise.resolve(_this15.loadQueries(user)).then(function () {});
             });
@@ -9332,7 +9346,7 @@
             console.log(error);
           });
 
-          return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
+          return Promise.resolve(_temp21 && _temp21.then ? _temp21.then(function () {}) : void 0);
         } catch (e) {
           return Promise.reject(e);
         }
@@ -9427,6 +9441,7 @@
   exports.Content = Content;
   exports.ContentEditor = ContentEditor;
   exports.ContentForm = ContentForm;
+  exports.ContentViewer = ContentViewer;
   exports.CreateContentDialog = CreateContentDialog;
   exports.DataTable = DataTable;
   exports.Dialog = Dialog;