ywana-core8 0.0.601 → 0.0.604

package/dist/index.umd.js

@@ -4096,6 +4096,22 @@
     })), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement("label", null, label)), footer ? /*#__PURE__*/React__default["default"].createElement("footer", null, footer) : null);
   };
 
+  /**
+   * Empty Message
+   */
+
+  var EmptyMessage = function EmptyMessage(_ref) {
+    var icon = _ref.icon,
+        text = _ref.text;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "empty"
+    }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React__default["default"].createElement("br", null), /*#__PURE__*/React__default["default"].createElement(Text, {
+      use: "subtitle2"
+    }, text));
+  };
+
   /**
    * Content Form 
    */
@@ -5184,12 +5200,15 @@
       return /*#__PURE__*/React__default["default"].createElement("section", {
         key: title,
         className: "content-viewer"
-      }, /*#__PURE__*/React__default["default"].createElement("header", null, title), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
+      }, /*#__PURE__*/React__default["default"].createElement("header", null, title), /*#__PURE__*/React__default["default"].createElement("main", null, fields.length > 0 ? fields.map(function (field) {
         return /*#__PURE__*/React__default["default"].createElement(FieldViewer, {
           key: field.id,
           field: field,
           value: value[field.id]
         });
+      }) : /*#__PURE__*/React__default["default"].createElement(EmptyMessage, {
+        icon: "search",
+        text: "..."
       })));
     }));
   };
@@ -5216,6 +5235,12 @@
     if (hidden) return null;
 
     switch (type) {
+      case TYPES.BOOLEAN:
+        return /*#__PURE__*/React__default["default"].createElement(BooleanViewer, {
+          field: field,
+          value: value
+        });
+
       case TYPES.STRING:
         return /*#__PURE__*/React__default["default"].createElement(StringViewer, {
           field: field,
@@ -5263,6 +5288,26 @@
       });
     })));
   };
+  /**
+   * Boolean Viewer
+   */
+
+
+  var BooleanViewer = function BooleanViewer(props) {
+    var field = props.field,
+        value = props.value;
+    var label = field.label,
+        options = field.options;
+    var iconName = value === true ? "check_box" : "check_box_outline_blank";
+    var icon = /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: iconName
+    });
+    return /*#__PURE__*/React__default["default"].createElement(Property, {
+      label: label,
+      value: icon,
+      options: options
+    });
+  };
   /**
    * StringViewer
    */
@@ -5309,12 +5354,15 @@
       return /*#__PURE__*/React__default["default"].createElement("th", {
         key: column
       }, column);
-    })), /*#__PURE__*/React__default["default"].createElement("tbody", null, value.map(function (v) {
+    })), /*#__PURE__*/React__default["default"].createElement("tbody", null, value.length > 0 ? value.map(function (v) {
       return /*#__PURE__*/React__default["default"].createElement("tr", null, Object.keys(item).map(function (key) {
         return /*#__PURE__*/React__default["default"].createElement("td", {
           key: v[key]
         }, v[key]);
       }));
+    }) : /*#__PURE__*/React__default["default"].createElement(EmptyMessage, {
+      icon: "search",
+      text: "..."
     }))));
   };
 
@@ -9513,6 +9561,7 @@
   exports.Dialog = Dialog;
   exports.DropDown = DropDown;
   exports.EditContentDialog = EditContentDialog;
+  exports.EmptyMessage = EmptyMessage;
   exports.FORMATS = FORMATS;
   exports.FieldEditor = FieldEditor;
   exports.FileExplorer = FileExplorer;