techsbcn-storybook 0.15.3 → 0.17.1

package/dist/components/tables/SimpleTableComponent/SimpleTableComponent.d.ts

@@ -40,6 +40,9 @@ interface ColumnProps {
     };
     isCheck?: boolean;
     isPrice?: boolean;
+    priceFormat?: {
+        currency?: string;
+    };
     isImage?: {
         isUrl?: boolean;
         isGuid?: {
@@ -58,6 +61,7 @@ interface ColumnProps {
         hasColor?: boolean;
         enumSuffix?: string;
     };
+    rowViewFormat?: (row: any) => any;
 }
 interface ActionProps {
     children: React.ReactNode;

package/dist/components/tables/TableComponent/TableComponent.d.ts

@@ -42,6 +42,9 @@ interface ColumnProps {
     isCheck?: boolean;
     noSort?: boolean;
     isPrice?: boolean;
+    priceFormat?: {
+        currency?: string;
+    };
     isImage?: {
         isUrl?: boolean;
         isGuid?: {
@@ -61,6 +64,7 @@ interface ColumnProps {
         enumSuffix?: string;
     };
     orderBy?: string;
+    rowViewFormat?: (row: any) => any;
 }
 interface ActionProps {
     children: React.ReactNode;

package/dist/techsbcn-storybook.cjs.development.js

@@ -562,7 +562,7 @@ var TableComponent = function TableComponent(props) {
     }
 
     if (column.isDate && value) return new Date(value).toLocaleDateString('es-ES');
-    if (column.isPrice && value) return Number(value).toFixed(2).replace('.', ',') + " " + props.values.SYMBOL_EURO;
+    if (column.isPrice && value) return Number(value).toFixed(2).replace('.', ',').toLocaleString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.') + " " + props.values.SYMBOL_EURO;
 
     if (column.isImage && value) {
       if (column.isImage.isUrl) {
@@ -633,6 +633,16 @@ var TableComponent = function TableComponent(props) {
     return o;
   };
 
+  var checkFormat = function checkFormat(o, f) {
+    try {
+      o = f(o);
+    } catch (_error) {
+      return undefined;
+    }
+
+    return o;
+  };
+
   var EditableTableCell = function EditableTableCell(row, value, fieldName, editableCell) {
     var rowEdit = JSON.parse(JSON.stringify(row));
 
@@ -687,7 +697,7 @@ var TableComponent = function TableComponent(props) {
   }, React__default.createElement(_.Hidden, {
     smDown: true
   }, React__default.createElement(_.TableHead, null, React__default.createElement(_.TableRow, null, props.columns.map(function (column) {
-    var _ref, _props$isCheckTable10, _props$isCheckTable11, _props$isCheckTable12;
+    var _props$isCheckTable10, _props$isCheckTable11, _props$isCheckTable12;
 
     var guid = Math.random().toString(36).substring(7);
     return React__default.createElement(_.TableCell, {
@@ -700,7 +710,7 @@ var TableComponent = function TableComponent(props) {
       }
     }, column.id !== 'actions' && !column.isCheck && !column.isActiveFunction && !column.noSort ? React__default.createElement(_.TableSortLabel, {
       className: "table-header-cell",
-      active: (_ref = filters.orderBy === column.orderBy) != null ? _ref : column.id,
+      active: column.orderBy ? filters.orderBy === column.orderBy : filters.orderBy === column.id,
       direction: filters.orderAsc ? 'asc' : 'desc',
       onClick: function onClick() {
         var _column$orderBy;
@@ -736,7 +746,7 @@ var TableComponent = function TableComponent(props) {
       tabIndex: -1,
       key: index
     }, props.columns.map(function (column) {
-      var value = ObjectbyString(row, column.id);
+      var value = column.rowViewFormat ? checkFormat(row, column.rowViewFormat) : ObjectbyString(row, column.id);
       var isItemSelected = column.isCheck && isSelected(row.id);
       var guid = Math.random().toString(36).substring(7);
       return React__default.createElement(_.TableCell, {
@@ -756,7 +766,9 @@ var TableComponent = function TableComponent(props) {
       }, column.label !== '-' && React__default.createElement(_.Box, {
         display: "inline-block",
         className: "label-cell"
-      }, column.label)), column.action ? React__default.createElement(_.Box, null, React__default.createElement(_.Box, {
+      }, column.label)), column.rowViewFormat ? React__default.createElement(_.Box, {
+        className: "format-value"
+      }, value) : column.action ? React__default.createElement(_.Box, null, React__default.createElement(_.Box, {
         display: "flex",
         className: "actions"
       }, column.action && column.action.map(function (action, i) {
@@ -805,10 +817,10 @@ var TableComponent = function TableComponent(props) {
     count: props.totalCount,
     rowsPerPage: props.baseFilters.limit,
     labelRowsPerPage: props.values.SHOWING,
-    labelDisplayedRows: function labelDisplayedRows(_ref2) {
-      var from = _ref2.from,
-          to = _ref2.to,
-          count = _ref2.count;
+    labelDisplayedRows: function labelDisplayedRows(_ref) {
+      var from = _ref.from,
+          to = _ref.to,
+          count = _ref.count;
       return props.values.TABLE_LABEL_DISPLAY(from, to, count);
     },
     page: props.baseFilters.page - 1,
@@ -946,7 +958,7 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
     }
 
     if (column.isDate && value) return new Date(value).toLocaleDateString('es-ES');
-    if (column.isPrice && value) return Number(value).toFixed(2).replace('.', ',') + " " + props.values.SYMBOL_EURO;
+    if (column.isPrice && value) return Number(value).toFixed(2).replace('.', ',').toLocaleString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.') + " " + props.values.SYMBOL_EURO;
 
     if (column.isImage && value) {
       if (column.isImage.isUrl) {
@@ -1017,6 +1029,18 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
     return o;
   };
 
+  var checkFormat = function checkFormat(o, f) {
+    var result = o;
+
+    try {
+      result = f(o);
+    } catch (_error) {
+      return undefined;
+    }
+
+    return result;
+  };
+
   var EditableTableCell = function EditableTableCell(row, value, fieldName, editableCell) {
     var rowEdit = JSON.parse(JSON.stringify(row));
 
@@ -1100,7 +1124,6 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
   }))), props.rows && props.rows.length > 0 ? props.rows.map(function (row, index) {
     var _props$isCheckTable17;
 
-    //const key = props.rows[index + 1] && props.rows[index + 1].id === row.id ? index : row.id;
     var rowColor = props.rowsColorColumn && ObjectbyString(row, props.rowsColorColumn.columnName) === props.rowsColorColumn.columnValue ? "row-color-" + props.rowsColorColumn.columnValue : '';
     var isRowSelected = ((_props$isCheckTable17 = props.isCheckTable) == null ? void 0 : _props$isCheckTable17.rowsChecked) && isSelected(row.id);
     return React__default.createElement(_.TableRow, {
@@ -1112,7 +1135,7 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
       key: index
     }, props.columns.map(function (column) {
       if (column.id) {
-        var value = ObjectbyString(row, column.id);
+        var value = column.rowViewFormat ? checkFormat(row, column.rowViewFormat) : ObjectbyString(row, column.id);
         var isItemSelected = column.isCheck && isSelected(row.id);
         var guid = Math.random().toString(36).substring(7);
         return React__default.createElement(_.TableCell, {
@@ -1135,7 +1158,9 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
         }, column.label)), column.action ? React__default.createElement(_.Box, null, React__default.createElement(_.Box, {
           display: "flex",
           className: "actions"
-        }, column.action && column.action.map(function (action, i) {
+        }, column.rowViewFormat ? React__default.createElement(_.Box, {
+          className: "format-value"
+        }, value) : column.action && column.action.map(function (action, i) {
           return React__default.createElement(_.Box, {
             key: i
           }, action.onClick && React__default.createElement(_.Box, {