ywana-core8 0.0.194 → 0.0.195

package/dist/index.cjs

@@ -2466,7 +2466,7 @@ var ContentType = /*#__PURE__*/function () {
  * Content
  */
 
-var Content = /*#__PURE__*/function () {
+var Content$1 = /*#__PURE__*/function () {
   function Content(type, value) {
     this.type = type;
     this._type = new ContentType(type);
@@ -2780,7 +2780,7 @@ var TreededContentEditor = function TreededContentEditor(_ref3) {
       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,
@@ -2930,7 +2930,7 @@ var EntityEditor = function EntityEditor(_ref5) {
   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;
@@ -3356,7 +3356,7 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
   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,
@@ -3445,7 +3445,7 @@ var EditContentDialog = function EditContentDialog(_ref) {
   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,
@@ -3538,7 +3538,7 @@ var CreateContentDialog = function CreateContentDialog(_ref) {
   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,
@@ -3871,7 +3871,7 @@ var CollectionEditor = function CollectionEditor(props) {
   }
 
   function renderEditor() {
-    var content = new Content(schema, form);
+    var content = new Content$1(schema, form);
 
     switch (layout) {
       case 'TABBED':
@@ -4090,7 +4090,8 @@ var ContentViewer = function ContentViewer(props) {
     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,
@@ -4100,6 +4101,11 @@ var ContentViewer = function ContentViewer(props) {
     })));
   }));
 };
+/**
+ * Field Viewer
+ * @param {} props 
+ * @returns 
+ */
 
 var FieldViewer = function FieldViewer(props) {
   var field = props.field,
@@ -4115,10 +4121,40 @@ var FieldViewer = function FieldViewer(props) {
         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 {
@@ -4301,7 +4337,7 @@ var TablePage = function TablePage(props) {
       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,
@@ -4499,7 +4535,7 @@ var TableFilters = function TableFilters(props) {
     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")
@@ -5213,7 +5249,7 @@ exports.CircularProgress = CircularProgress;
 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;