ywana-core8 0.0.758 → 0.0.760

package/dist/index.umd.js

@@ -2021,6 +2021,7 @@
                 value: cell,
                 min: min,
                 max: max,
+                maxDecimals: column.maxDecimals,
                 onChange: function onChange(id, value) {
                   return _onChange(row.id, id, value);
                 }
@@ -2054,6 +2055,13 @@
                 action: action
               });
 
+            case "Number":
+              return /*#__PURE__*/React__default["default"].createElement(NumberCellViewer, {
+                id: id,
+                value: cell,
+                format: format
+              });
+
             default:
               return cell;
           }
@@ -2149,16 +2157,48 @@
       });
     };
     /**
-     * String Cell Viewer
+     * NumberCellViewer
      */
 
 
-    var StringCellViewer = function StringCellViewer(_ref7) {
-      var id = _ref7.id,
-          value = _ref7.value,
+    var NumberCellViewer = function NumberCellViewer(_ref7) {
+      var value = _ref7.value,
           format = _ref7.format,
-          options = _ref7.options,
-          action = _ref7.action;
+          maxDecimals = _ref7.maxDecimals;
+
+      if (format) {
+        switch (format) {
+          case FORMATS$1.CURRENCY:
+            return /*#__PURE__*/React__default["default"].createElement("span", null, value.toLocaleString('es-ES', {
+              style: 'currency',
+              currency: 'EUR'
+            }));
+
+          case FORMATS$1.PERCENT:
+            return /*#__PURE__*/React__default["default"].createElement("span", null, value.toLocaleString('es-ES', {
+              style: 'percent',
+              minimumFractionDigits: 2
+            }));
+
+          default:
+            return /*#__PURE__*/React__default["default"].createElement("span", null, value);
+        }
+      } else {
+        var decimals = maxDecimals ? maxDecimals : 2;
+        return value ? /*#__PURE__*/React__default["default"].createElement("span", null, value.toFixed(decimals)) : "";
+      }
+    };
+    /**
+     * String Cell Viewer
+     */
+
+
+    var StringCellViewer = function StringCellViewer(_ref8) {
+      var id = _ref8.id,
+          value = _ref8.value,
+          format = _ref8.format,
+          options = _ref8.options,
+          action = _ref8.action;
 
       function buildOptions() {
         var opts = typeof options === 'function' ? options() : options;
@@ -2219,7 +2259,8 @@
       }
 
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "field-editor string-viewer " + className
+        className: "field-editor string-viewer " + className,
+        title: text
       }, text);
     };
     /**
@@ -2227,12 +2268,12 @@
      */
 
 
-    var StringCellEditor = function StringCellEditor(_ref8) {
-      var id = _ref8.id,
-          _ref8$value = _ref8.value,
-          value = _ref8$value === void 0 ? '' : _ref8$value,
-          options = _ref8.options,
-          onChange = _ref8.onChange;
+    var StringCellEditor = function StringCellEditor(_ref9) {
+      var id = _ref9.id,
+          _ref9$value = _ref9.value,
+          value = _ref9$value === void 0 ? '' : _ref9$value,
+          options = _ref9.options,
+          onChange = _ref9.onChange;
 
       function change(id, value) {
         if (onChange) onChange(id, value);