ywana-core8 0.0.193 → 0.0.197

package/dist/index.umd.js

@@ -4079,22 +4079,31 @@
     var content = props.content;
     if (!content) return /*#__PURE__*/React__default["default"].createElement("div", null, "No Content...");
     var sections = content.sections();
+    var value = content.value();
+    console.log(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
+        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: content[field.id]
+          value: value[field.id]
         });
       })));
     }));
   };
+  /**
+   * Field Viewer
+   * 
+   * @param {} props 
+   * @returns 
+   */
 
   var FieldViewer = function FieldViewer(props) {
     var field = props.field,
@@ -4110,10 +4119,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 {