ywana-core8 0.0.602 → 0.0.605

package/dist/index.cjs

@@ -4102,6 +4102,22 @@ var FileIcon = function FileIcon(props) {
   })), /*#__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 
  */
@@ -5190,12 +5206,15 @@ var ContentViewer = function ContentViewer(props) {
     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: "..."
     })));
   }));
 };
@@ -5222,6 +5241,12 @@ var FieldViewer = function FieldViewer(props) {
   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,
@@ -5269,6 +5294,26 @@ var EntityViewer = function EntityViewer(props) {
     });
   })));
 };
+/**
+ * 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
  */
@@ -5315,12 +5360,15 @@ var ArrayViewer = function ArrayViewer(props) {
     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: "..."
   }))));
 };
 
@@ -9519,6 +9567,7 @@ exports.DataTable = DataTable;
 exports.Dialog = Dialog;
 exports.DropDown = DropDown;
 exports.EditContentDialog = EditContentDialog;
+exports.EmptyMessage = EmptyMessage;
 exports.FORMATS = FORMATS;
 exports.FieldEditor = FieldEditor;
 exports.FileExplorer = FileExplorer;