ywana-core8 0.0.189 → 0.0.193

package/dist/index.umd.js

@@ -911,7 +911,7 @@
       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",
@@ -4068,6 +4068,53 @@
     };
   };
 
+  /**
+   * 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();
@@ -4252,7 +4299,8 @@
           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
@@ -4317,6 +4365,7 @@
     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", {
@@ -4328,10 +4377,12 @@
       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
     })));
   };
   /**