ywana-core8 0.0.758 → 0.0.760

package/dist/index.cjs

@@ -2027,6 +2027,7 @@ var DataTableCell = function DataTableCell(_ref4) {
             value: cell,
             min: min,
             max: max,
+            maxDecimals: column.maxDecimals,
             onChange: function onChange(id, value) {
               return _onChange(row.id, id, value);
             }
@@ -2060,6 +2061,13 @@ var DataTableCell = function DataTableCell(_ref4) {
             action: action
           });
 
+        case "Number":
+          return /*#__PURE__*/React__default["default"].createElement(NumberCellViewer, {
+            id: id,
+            value: cell,
+            format: format
+          });
+
         default:
           return cell;
       }
@@ -2155,16 +2163,48 @@ var BooleanCellViewer = function BooleanCellViewer(_ref6) {
   });
 };
 /**
- * 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;
@@ -2225,7 +2265,8 @@ var StringCellViewer = function StringCellViewer(_ref7) {
   }
 
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "field-editor string-viewer " + className
+    className: "field-editor string-viewer " + className,
+    title: text
   }, text);
 };
 /**
@@ -2233,12 +2274,12 @@ var StringCellViewer = function StringCellViewer(_ref7) {
  */
 
 
-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);