ywana-core8 0.0.194 → 0.0.195

package/dist/index.umd.js

@@ -2463,7 +2463,7 @@
    * Content
    */
 
-  var Content = /*#__PURE__*/function () {
+  var Content$1 = /*#__PURE__*/function () {
     function Content(type, value) {
       this.type = type;
       this._type = new ContentType(type);
@@ -2777,7 +2777,7 @@
         setSelected = _useState2[1];
 
     function select(index, field, node) {
-      var item = new Content(node.item, field);
+      var item = new Content$1(node.item, field);
       setSelected({
         index: index,
         item: item,
@@ -2927,7 +2927,7 @@
     var id = field.id,
         item = field.item,
         label = field.label;
-    var content = new Content(item, value);
+    var content = new Content$1(item, value);
 
     function change(fid, value) {
       var _Object$assign4;
@@ -3353,7 +3353,7 @@
     var title = /*#__PURE__*/React__default["default"].createElement(Text, {
       use: "headline6"
     }, label);
-    var content = new Content(type, form);
+    var content = new Content$1(type, form);
     return /*#__PURE__*/React__default["default"].createElement(Dialog, {
       title: title,
       open: true,
@@ -3442,7 +3442,7 @@
     var title = /*#__PURE__*/React__default["default"].createElement(Text, {
       use: "headline6"
     }, label);
-    var content = new Content(type, form);
+    var content = new Content$1(type, form);
     return /*#__PURE__*/React__default["default"].createElement(Dialog, {
       title: title,
       open: true,
@@ -3535,7 +3535,7 @@
     var title = /*#__PURE__*/React__default["default"].createElement(Text, {
       use: "headline6"
     }, label);
-    var content = new Content(type, form);
+    var content = new Content$1(type, form);
     return /*#__PURE__*/React__default["default"].createElement(Dialog, {
       title: title,
       open: true,
@@ -3868,7 +3868,7 @@
     }
 
     function renderEditor() {
-      var content = new Content(schema, form);
+      var content = new Content$1(schema, form);
 
       switch (layout) {
         case 'TABBED':
@@ -4087,7 +4087,8 @@
       var title = section.title,
           fields = section.fields;
       return /*#__PURE__*/React__default["default"].createElement("section", {
-        key: title
+        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,
@@ -4097,6 +4098,11 @@
       })));
     }));
   };
+  /**
+   * Field Viewer
+   * @param {} props 
+   * @returns 
+   */
 
   var FieldViewer = function FieldViewer(props) {
     var field = props.field,
@@ -4112,10 +4118,40 @@
           value: value
         });
 
+      case TYPES.ENTITY:
+        return /*#__PURE__*/React__default["default"].createElement(EntityViewer, {
+          field: field,
+          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]
+      });
+    })));
+  };
 
   function _catch(body, recover) {
     try {
@@ -4298,7 +4334,7 @@
         return /*#__PURE__*/React__default["default"].createElement("aside", {
           className: "table-page"
         }, rowSelected ? /*#__PURE__*/React__default["default"].createElement(TableRowEditor, {
-          content: new Content(schema, form),
+          content: new Content$1(schema, form),
           filter: editorFilter,
           onChange: change,
           onClose: closeAside,
@@ -4496,7 +4532,7 @@
       change({});
     }
 
-    var content = new Content(filterSchema, form);
+    var content = new Content$1(filterSchema, form);
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
       className: "table-filters",
       title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Filters")
@@ -5210,7 +5246,7 @@
   exports.CollectionContext = CollectionContext;
   exports.CollectionEditor = CollectionEditor$1;
   exports.CollectionPage = CollectionPage;
-  exports.Content = Content;
+  exports.Content = Content$1;
   exports.ContentEditor = ContentEditor;
   exports.ContentForm = ContentForm;
   exports.CreateContentDialog = CreateContentDialog$1;