ywana-core8 0.0.189 → 0.0.193

package/dist/index.cjs

@@ -914,7 +914,7 @@ var TextField = function TextField(props) {
     onKeyDown: onKeyPress,
     onFocus: focus,
     readOnly: readOnly
-  }), canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+  }), !readOnly && canClear && value && value.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "close",
     clickable: true,
     size: "small",
@@ -4071,6 +4071,53 @@ var CollectionAPI = function CollectionAPI(url) {
   };
 };
 
+/**
+ * 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();
+  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
+    }, /*#__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]
+      });
+    })));
+  }));
+};
+
+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__default["default"].createElement(Property, {
+        label: label,
+        value: value
+      });
+
+    default:
+      return /*#__PURE__*/React__default["default"].createElement("div", null, label);
+  }
+};
+
 function _catch(body, recover) {
   try {
     var result = body();
@@ -4255,7 +4302,8 @@ var TablePage = function TablePage(props) {
         content: new Content(schema, form),
         filter: editorFilter,
         onChange: change,
-        onClose: closeAside
+        onClose: closeAside,
+        editable: editable
       }) : null, rowChecked ? /*#__PURE__*/React__default["default"].createElement(TableSelector, {
         schema: schema,
         actions: selectionActions
@@ -4320,6 +4368,7 @@ var TableRowEditor = function TableRowEditor(props) {
   var name = props.name,
       content = props.content,
       filter = props.filter,
+      editable = props.editable,
       onChange = props.onChange,
       onClose = props.onClose;
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -4331,10 +4380,12 @@ var TableRowEditor = function TableRowEditor(props) {
     icon: "close",
     clickable: true,
     action: onClose
-  })), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(ContentEditor, {
+  })), /*#__PURE__*/React__default["default"].createElement("main", null, editable ? /*#__PURE__*/React__default["default"].createElement(ContentEditor, {
     content: content,
     onChange: onChange,
     filter: filter
+  }) : /*#__PURE__*/React__default["default"].createElement(ContentViewer, {
+    content: content
   })));
 };
 /**