ywana-core8 0.0.229 → 0.0.233

package/dist/index.cjs

@@ -1043,6 +1043,7 @@ var TYPES = {
 var FORMATS = {
   NONE: '',
   DATE: 'date',
+  TIME: 'time',
   EMAIL: 'email',
   HTML: 'HTML',
   URL: 'URL'
@@ -1051,7 +1052,7 @@ var FORMATS = {
  * CHECK
  */
 
-var CHECK = Object.values(TYPES).reduce(function (obj, name) {
+var CHECK$1 = Object.values(TYPES).reduce(function (obj, name) {
   obj['is' + name] = function (x) {
     return toString.call(x) == '[object ' + name + ']';
   };
@@ -1080,19 +1081,19 @@ var ContentType = /*#__PURE__*/function () {
 
       switch (type) {
         case TYPES.ARRAY:
-          valid = CHECK['is' + type](data);
+          valid = CHECK$1['is' + type](data);
           validChildren = data.every(function (element) {
             return child.validate(element);
           });
           break;
 
         case TYPES.ENTITY:
-          valid = CHECK['is' + type](data);
+          valid = CHECK$1['is' + type](data);
           validChildren = child.validate(data);
           break;
 
         case TYPES.NUMBER:
-          valid = CHECK['is' + type](data.value);
+          valid = CHECK$1['is' + type](data.value);
           validChildren = true;
           break;
 
@@ -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;
   }
 
@@ -2233,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
  */
@@ -2954,7 +2976,7 @@ var FieldEditor = function FieldEditor(_ref4) {
 
   function renderField() {
     var value1 = field.value || field.value === "" ? field.value : field["default"];
-    var isHidden = CHECK['isFunction'](hidden) ? hidden(field, value1) : hidden;
+    var isHidden = CHECK$1['isFunction'](hidden) ? hidden(field, value1) : hidden;
 
     if (isHidden) {
       return null;
@@ -3087,38 +3109,51 @@ var StringEditor = function StringEditor(_ref6) {
     return opts;
   }
 
+  function renderFormat(format, options) {
+    switch (format) {
+      case FORMATS.HTML:
+        return /*#__PURE__*/React__default["default"].createElement(Editor, {
+          id: id,
+          value: value,
+          onChange: change,
+          content: content
+        });
+
+      case FORMATS.DATE:
+        return /*#__PURE__*/React__default["default"].createElement(TextField, {
+          outlined: outlined,
+          id: id,
+          type: "date",
+          label: label,
+          value: value,
+          onChange: change,
+          readOnly: !editable
+        });
+
+      default:
+        return options ? /*#__PURE__*/React__default["default"].createElement(DropDown, {
+          outlined: outlined,
+          id: id,
+          label: label,
+          value: value,
+          onChange: change,
+          options: buildOptions(),
+          readOnly: !editable,
+          canFilter: predictive
+        }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
+          outlined: outlined,
+          id: id,
+          label: label,
+          value: value,
+          onChange: change,
+          readOnly: !editable
+        });
+    }
+  }
+
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "field-editor string-editor"
-  }, format === FORMATS.HTML ? /*#__PURE__*/React__default["default"].createElement(Editor, {
-    id: id,
-    value: value,
-    onChange: change,
-    content: content
-  }) : null, format === FORMATS.DATE ? /*#__PURE__*/React__default["default"].createElement(TextField, {
-    outlined: outlined,
-    id: id,
-    type: "date",
-    label: label,
-    value: value,
-    onChange: change,
-    readOnly: !editable
-  }) : options ? /*#__PURE__*/React__default["default"].createElement(DropDown, {
-    outlined: outlined,
-    id: id,
-    label: label,
-    value: value,
-    onChange: change,
-    options: buildOptions(),
-    readOnly: !editable,
-    canFilter: predictive
-  }) : /*#__PURE__*/React__default["default"].createElement(TextField, {
-    outlined: outlined,
-    id: id,
-    label: label,
-    value: value,
-    onChange: change,
-    readOnly: !editable
-  }));
+  }, renderFormat(format, options));
 };
 /**
  * Number Editor
@@ -4796,13 +4831,27 @@ var TableEditor = function TableEditor(props) {
     });
   }
 
+  function renderGroupLabel(groupName) {
+    var grouper = schema[groupBy];
+
+    if (grouper.options) {
+      var options = CHECK['isFunction'](grouper.options) ? grouper.options() : grouper.options;
+      var option = options.find(function (option) {
+        return option.value === groupName;
+      });
+      return option.label;
+    } else {
+      return groupName;
+    }
+  }
+
   function renderGroups() {
     var items = filter ? filter(all) : all;
-    var groups = items.reduce(function (groups, filter) {
-      var groupName = filter[groupBy];
+    var groups = items.reduce(function (groups, item) {
+      var groupName = item[groupBy];
       var group = groups[groupName];
       if (!group) groups[groupName] = [];
-      groups[groupName].push(filter);
+      groups[groupName].push(item);
       return groups;
     }, {});
     return Object.keys(groups).map(function (groupName) {
@@ -4866,7 +4915,7 @@ var TableEditor = function TableEditor(props) {
         key: groupName
       }, /*#__PURE__*/React__default["default"].createElement(Header, {
         title: groupName
-      }, /*#__PURE__*/React__default["default"].createElement("span", {
+      }, renderGroupLabel(groupName), /*#__PURE__*/React__default["default"].createElement("span", {
         className: "size"
       }, groupSize)), /*#__PURE__*/React__default["default"].createElement(DataTable, _extends({}, table, {
         onRowSelection: select,
@@ -5451,5 +5500,6 @@ exports.UploadDialog = UploadDialog;
 exports.UploadFile = UploadFile;
 exports.Uploader = Uploader;
 exports.Viewer = Viewer;
+exports.WaitScreen = WaitScreen;
 exports.isFunction = isFunction;
 //# sourceMappingURL=index.cjs.map