ywana-core8 0.0.227 → 0.0.231

package/dist/index.cjs

@@ -1043,6 +1043,7 @@ var TYPES = {
 var FORMATS = {
   NONE: '',
   DATE: 'date',
+  TIME: 'time',
   EMAIL: 'email',
   HTML: 'HTML',
   URL: 'URL'
@@ -1629,10 +1630,23 @@ var StringCellViewer = function StringCellViewer(_ref7) {
     return o.value === value;
   }) : null;
   var text = option ? option.label : value;
+  var locale = window.navigator.userLanguage || window.navigator.language;
 
   switch (format) {
     case FORMATS.DATE:
-      text = new Date(text).toLocaleString();
+      text = new Date(text).toLocaleString(locale, {
+        year: 'numeric',
+        month: 'numeric',
+        day: 'numeric'
+      });
+      break;
+
+    case FORMATS.TIME:
+      text = new Date(text).toLocaleString(locale, {
+        year: 'hour',
+        month: 'minute',
+        day: 'second'
+      });
       break;
   }
 
@@ -1867,6 +1881,29 @@ var Tooltip = function Tooltip(props) {
   }, text));
 };
 
+/**
+ * Thumbnail
+ */
+
+var Thumbnail = function Thumbnail(props) {
+  var _props$src = props.src,
+      src = _props$src === void 0 ? "https://www.w3schools.com/howto/img_forest.jpg" : _props$src,
+      _props$empty = props.empty,
+      empty = _props$empty === void 0 ? "" : _props$empty,
+      _props$objectFit = props.objectFit,
+      objectFit = _props$objectFit === void 0 ? "cover" : _props$objectFit;
+  var image = src ? src : empty;
+  var style = {
+    objectFit: objectFit
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "thumbnail"
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: image,
+    style: style
+  }));
+};
+
 /**
  * Login Box
  */
@@ -2210,6 +2247,14 @@ var Avatar = function Avatar(props) {
   }) : /*#__PURE__*/React__default["default"].createElement("span", null, name));
 };
 
+var WaitScreen = function WaitScreen() {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "wait-screen"
+  }, /*#__PURE__*/React__default["default"].createElement(CircularProgress, {
+    size: "large"
+  }));
+};
+
 /**
  * Page Context
  */
@@ -5415,6 +5460,7 @@ exports.TablePage = TablePage;
 exports.Tabs = Tabs;
 exports.Text = Text$1;
 exports.TextField = TextField;
+exports.Thumbnail = Thumbnail;
 exports.TokenField = TokenField;
 exports.Tooltip = Tooltip;
 exports.Tree = Tree;
@@ -5427,5 +5473,6 @@ exports.UploadDialog = UploadDialog;
 exports.UploadFile = UploadFile;
 exports.Uploader = Uploader;
 exports.Viewer = Viewer;
+exports.WaitScreen = WaitScreen;
 exports.isFunction = isFunction;
 //# sourceMappingURL=index.cjs.map