ywana-core8 0.0.192 → 0.0.196

package/dist/index.modern.js

@@ -4064,6 +4064,92 @@ var CollectionAPI = function CollectionAPI(url) {
   };
 };
 
+/**
+ * Content Viewer
+ * 
+ * @param {*} props 
+ * @returns 
+ */
+
+var ContentViewer = function ContentViewer(props) {
+  var content = props.content;
+  if (!content) return /*#__PURE__*/React.createElement("div", null, "No Content...");
+  var sections = content.sections();
+  var value = content.value();
+  console.log(value);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "content-viewer"
+  }, sections.map(function (section) {
+    var title = section.title,
+        fields = section.fields;
+    return /*#__PURE__*/React.createElement("section", {
+      key: title,
+      className: "content-viewer"
+    }, /*#__PURE__*/React.createElement("header", null, title), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
+      return /*#__PURE__*/React.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,
+      label = field.label;
+  console.log('FieldViewer', field, value);
+
+  switch (type) {
+    case TYPES.STRING:
+      return /*#__PURE__*/React.createElement(Property, {
+        label: label,
+        value: value
+      });
+
+    case TYPES.ENTITY:
+      return /*#__PURE__*/React.createElement(EntityViewer, {
+        field: field,
+        value: value
+      });
+
+    default:
+      return /*#__PURE__*/React.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.createElement("div", {
+    className: "entity-viewer"
+  }, /*#__PURE__*/React.createElement("header", null, label), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
+    return /*#__PURE__*/React.createElement(FieldViewer, {
+      field: field,
+      value: value[field.id]
+    });
+  })));
+};
+
 function _catch(body, recover) {
   try {
     var result = body();