ywana-core8 0.0.229 → 0.0.233

package/dist/index.umd.js

@@ -1040,6 +1040,7 @@
   var FORMATS = {
     NONE: '',
     DATE: 'date',
+    TIME: 'time',
     EMAIL: 'email',
     HTML: 'HTML',
     URL: 'URL'
@@ -1048,7 +1049,7 @@
    * 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 + ']';
     };
@@ -1077,19 +1078,19 @@
 
         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;
 
@@ -1626,10 +1627,23 @@
       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;
     }
 
@@ -2230,6 +2244,14 @@
     }) : /*#__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
    */
@@ -2951,7 +2973,7 @@
 
     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;
@@ -3084,38 +3106,51 @@
       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
@@ -4793,13 +4828,27 @@
       });
     }
 
+    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) {
@@ -4863,7 +4912,7 @@
           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,
@@ -5448,6 +5497,7 @@
   exports.UploadFile = UploadFile;
   exports.Uploader = Uploader;
   exports.Viewer = Viewer;
+  exports.WaitScreen = WaitScreen;
   exports.isFunction = isFunction;
 
 }));