techsbcn-storybook 0.12.6 → 0.12.7

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

@@ -14,6 +14,7 @@ interface SimpleTableComponentProps {
     loading?: boolean;
     onClickRow?: (id: number) => void;
     isCheckTable?: {
+        checkAllItems?: boolean;
         rowsChecked?: number[];
         onCheckedAction?: (ids: number[]) => void;
         onCheckedSingleAction?: (id: number) => void;

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

@@ -324,6 +324,9 @@ var TextFieldComponent = function TextFieldComponent(props) {
       disableUnderline: true,
       startAdornment: props.startIcon,
       endAdornment: props.endIcon,
+      classes: {
+        focused: 'main-border-color'
+      },
       inputProps: {
         max: props.maxNumber,
         min: props.minNumber,
@@ -713,6 +716,7 @@ var TableComponent = function TableComponent(props) {
     },
     onRowsPerPageChange: handleChangeRowsPerPage,
     component: "div",
+    className: "table-pagination",
     ActionsComponent: function ActionsComponent(_actions) {
       return React__default.createElement(_.Box, {
         flexShrink: 0,
@@ -727,7 +731,14 @@ var TableComponent = function TableComponent(props) {
         hideNextButton: true,
         hidePrevButton: true,
         showFirstButton: true,
-        showLastButton: true
+        showLastButton: true,
+        renderItem: function renderItem(item) {
+          return React__default.createElement(_.PaginationItem, Object.assign({
+            classes: {
+              selected: 'main-background-color'
+            }
+          }, item));
+        }
       }));
     }
   })));
@@ -740,7 +751,7 @@ var css_248z$6 = ".table-simple-component .paper-container {\n  box-shadow: none
 styleInject(css_248z$6);
 
 var SimpleTableComponent = function SimpleTableComponent(props) {
-  var _props$isCheckTable10, _props$isCheckTable11, _props$isCheckTable12;
+  var _props$isCheckTable10, _props$isCheckTable11, _props$isCheckTable12, _props$isCheckTable13;
 
   var isSelected = function isSelected(id) {
     var _props$isCheckTable;
@@ -929,14 +940,14 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
     className: "table-simple-component"
   }, React__default.createElement(_.Paper, {
     className: "paper-container"
-  }, props.isCheckTable && React__default.createElement(_.Hidden, {
+  }, ((_props$isCheckTable10 = props.isCheckTable) == null ? void 0 : _props$isCheckTable10.checkAllItems) && React__default.createElement(_.Hidden, {
     mdUp: true
   }, React__default.createElement(_.Box, {
     display: "block",
     className: "checkbox-cell"
   }, React__default.createElement(_.Checkbox, {
-    indeterminate: props.rows && JSON.parse(JSON.stringify((_props$isCheckTable10 = props.isCheckTable) == null ? void 0 : _props$isCheckTable10.rowsChecked)).length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable11 = props.isCheckTable) == null ? void 0 : _props$isCheckTable11.rowsChecked)).length < props.rows.length,
-    checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable12 = props.isCheckTable) == null ? void 0 : _props$isCheckTable12.rowsChecked)).length === props.rows.length,
+    indeterminate: props.rows && JSON.parse(JSON.stringify((_props$isCheckTable11 = props.isCheckTable) == null ? void 0 : _props$isCheckTable11.rowsChecked)).length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable12 = props.isCheckTable) == null ? void 0 : _props$isCheckTable12.rowsChecked)).length < props.rows.length,
+    checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable13 = props.isCheckTable) == null ? void 0 : _props$isCheckTable13.rowsChecked)).length === props.rows.length,
     onChange: handleSelectAllClick
   }))), React__default.createElement(_.TableContainer, {
     className: "table-container"
@@ -948,7 +959,7 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
     smDown: true
   }, React__default.createElement(_.TableHead, null, React__default.createElement(_.TableRow, null, props.columns.map(function (column) {
     if (column.id) {
-      var _props$isCheckTable13, _props$isCheckTable14, _props$isCheckTable15;
+      var _props$isCheckTable14, _props$isCheckTable15, _props$isCheckTable16;
 
       return React__default.createElement(_.TableCell, {
         className: "table-column",
@@ -961,8 +972,8 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
       }, column.isCheck ? React__default.createElement(_.Box, {
         className: "checkbox-cell"
       }, React__default.createElement(_.Checkbox, {
-        indeterminate: props.rows && JSON.parse(JSON.stringify((_props$isCheckTable13 = props.isCheckTable) == null ? void 0 : _props$isCheckTable13.rowsChecked)).length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable14 = props.isCheckTable) == null ? void 0 : _props$isCheckTable14.rowsChecked)).length < props.rows.length,
-        checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable15 = props.isCheckTable) == null ? void 0 : _props$isCheckTable15.rowsChecked)).length === props.rows.length,
+        indeterminate: props.rows && JSON.parse(JSON.stringify((_props$isCheckTable14 = props.isCheckTable) == null ? void 0 : _props$isCheckTable14.rowsChecked)).length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable15 = props.isCheckTable) == null ? void 0 : _props$isCheckTable15.rowsChecked)).length < props.rows.length,
+        checked: props.rows && props.rows.length > 0 && JSON.parse(JSON.stringify((_props$isCheckTable16 = props.isCheckTable) == null ? void 0 : _props$isCheckTable16.rowsChecked)).length === props.rows.length,
         onChange: handleSelectAllClick
       })) : React__default.createElement(_.Box, {
         className: "table-header-cell"
@@ -980,11 +991,11 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
   }, React__default.createElement(_.CircularProgress, {
     className: "circular-progress-main-color"
   }))), props.rows && props.rows.length > 0 ? props.rows.map(function (row, index) {
-    var _props$isCheckTable16;
+    var _props$isCheckTable17;
 
     var 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$isCheckTable16 = props.isCheckTable) == null ? void 0 : _props$isCheckTable16.rowsChecked) && isSelected(row.id);
+    var isRowSelected = ((_props$isCheckTable17 = props.isCheckTable) == null ? void 0 : _props$isCheckTable17.rowsChecked) && isSelected(row.id);
     return React__default.createElement(_.TableRow, {
       className: "table-rows " + rowColor + " " + (props.onClickRow ? 'row-click' : ''),
       role: "checkbox",
@@ -1045,9 +1056,9 @@ var SimpleTableComponent = function SimpleTableComponent(props) {
             'aria-labelledby': row.id
           },
           onChange: function onChange(event) {
-            var _props$isCheckTable17;
+            var _props$isCheckTable18;
 
-            return (_props$isCheckTable17 = props.isCheckTable) != null && _props$isCheckTable17.onCheckedAction ? onCheckAction(event, row.id) : onCheckSingleAction(event, row.id);
+            return (_props$isCheckTable18 = props.isCheckTable) != null && _props$isCheckTable18.onCheckedAction ? onCheckAction(event, row.id) : onCheckSingleAction(event, row.id);
           }
         })) : column.isEditableTableCell ? EditableTableCell(row, value, column.id, column.isEditableTableCell) : column.enumColumn ? React__default.createElement(_.Box, {
           className: (column.enumColumn.hasColor ? (column.enumColumn.enumSuffix ? value.toLowerCase() + "-" + column.enumColumn.enumSuffix.toLowerCase() : value.toString().toLowerCase()) + "-type-color" : '') + " format-value"
@@ -2728,6 +2739,9 @@ var TabsComponent = function TabsComponent(props) {
     return a.value - b.value;
   }).map(function (tabLabel) {
     return React__default.createElement(material.Tab, {
+      classes: {
+        selected: 'main-background-color'
+      },
       key: tabLabel.value,
       label: tabLabel.label,
       value: tabLabel.value.toString()