@xelto.npm/xc2-lib 0.1.11 → 0.1.13

package/dist/index.cjs.js

@@ -53638,7 +53638,7 @@ var StyledTextField = styled$1(MuiTextField, {
       fontSize: 13,
       fontWeight: theme.fontWeight.regular,
       fontFamily: theme.fontFamily,
-      paddingRight: 5
+      paddingRight: 15
     },
     'div.MuiInputAdornment-root': {
       // zIndex: 10,
@@ -53647,7 +53647,7 @@ var StyledTextField = styled$1(MuiTextField, {
       }
     },
     '.MuiOutlinedInput-input': {
-      padding: small ? '7.5px 0 7.5px 5px' : '15px 0 15px 5px',
+      padding: small ? '7.5px 0 7.5px 15px' : '15px 0 15px 15px',
       '&::-webkit-outer-spin-button,::-webkit-inner-spin-button': {
         appearance: 'none',
         margin: 0
@@ -97648,8 +97648,7 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
     fixedHeader = _ref2$fixedHeader === void 0 ? true : _ref2$fixedHeader,
     _ref2$tableBodyMaxHei = _ref2.tableBodyMaxHeight,
     tableBodyMaxHeight = _ref2$tableBodyMaxHei === void 0 ? "100vh" : _ref2$tableBodyMaxHei,
-    _ref2$selectionType = _ref2.selectionType,
-    selectionType = _ref2$selectionType === void 0 ? 'single' : _ref2$selectionType,
+    selectionType = _ref2.selectionType,
     rowsSelected = _ref2.rowsSelected,
     setSelectedRows = _ref2.setSelectedRows;
   var _useState = React.useState([]),
@@ -97699,7 +97698,7 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
     if (data.length > 0) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", {
         onClick: handleClick,
-        className: rowsSelected.indexOf(rowIndex) !== -1 ? 'custom-row-component selected' : 'custom-row-component'
+        className: rowsSelected !== undefined && rowsSelected.indexOf(rowIndex) !== -1 ? 'custom-row-component selected' : 'custom-row-component'
       }, data.map(function (column, key) {
         return /*#__PURE__*/React.createElement("td", {
           key: key,
@@ -97712,12 +97711,19 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
   }
   var handleRowClick = function handleRowClick(currentRowId) {
     if (selectionType === 'single') {
-      setSelectedRows([currentRowId]);
+      if (rowsSelected.length > 0) {
+        var clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
+        if (clickedRowArrayIndex === -1) setSelectedRows([currentRowId]);else {
+          setSelectedRows([]);
+        }
+      } else {
+        setSelectedRows([currentRowId]);
+      }
     } else if (selectionType === 'multiple') {
-      var clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
-      if (clickedRowArrayIndex === -1) setSelectedRows([].concat(_toConsumableArray(rowsSelected), [currentRowId]));else {
+      var _clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
+      if (_clickedRowArrayIndex === -1) setSelectedRows([].concat(_toConsumableArray(rowsSelected), [currentRowId]));else {
         var newSelectedRows = _toConsumableArray(rowsSelected);
-        newSelectedRows.splice(clickedRowArrayIndex, 1);
+        newSelectedRows.splice(_clickedRowArrayIndex, 1);
         setSelectedRows(newSelectedRows);
       }
     }
@@ -97741,9 +97747,9 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
       return /*#__PURE__*/React.createElement(CustomRowComponent, {
         data: data,
         rowIndex: rowIndex,
-        handleClick: function handleClick() {
+        handleClick: selectionType && setSelectedRows && rowsSelected !== undefined ? function () {
           return handleRowClick(rowIndex);
-        }
+        } : null
       });
     }
   };
@@ -97796,13 +97802,17 @@ TableMobileComponent.propTypes = {
     editable: propTypesExports.bool
   })),
   includeSearch: propTypesExports.bool,
-  handleChangeData: propTypesExports.func
+  handleChangeData: propTypesExports.func,
+  setSelectedRows: propTypesExports.func
 };
 TableMobileComponent.defaultProps = {
   columns: [],
   rows: [],
-  includeSearch: true,
-  handleChangeData: function handleChangeData() {}
+  includeSearch: false,
+  handleChangeData: function handleChangeData() {},
+  fixedHeader: true,
+  tableBodyMaxHeight: "100vh",
+  setSelectedRows: function setSelectedRows() {}
 };
 
 var StyledModalContainer = styled$1(Box$1)(function (_ref) {
@@ -98216,7 +98226,7 @@ CustomStepper.defaultProps = {
   forwardedRef: function forwardedRef() {},
   label: '',
   steps: [],
-  withIcon: true
+  withIcon: false
 };
 
 var _g$1;

package/dist/index.esm.js

@@ -53618,7 +53618,7 @@ var StyledTextField = styled$1(MuiTextField, {
       fontSize: 13,
       fontWeight: theme.fontWeight.regular,
       fontFamily: theme.fontFamily,
-      paddingRight: 5
+      paddingRight: 15
     },
     'div.MuiInputAdornment-root': {
       // zIndex: 10,
@@ -53627,7 +53627,7 @@ var StyledTextField = styled$1(MuiTextField, {
       }
     },
     '.MuiOutlinedInput-input': {
-      padding: small ? '7.5px 0 7.5px 5px' : '15px 0 15px 5px',
+      padding: small ? '7.5px 0 7.5px 15px' : '15px 0 15px 15px',
       '&::-webkit-outer-spin-button,::-webkit-inner-spin-button': {
         appearance: 'none',
         margin: 0
@@ -97628,8 +97628,7 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
     fixedHeader = _ref2$fixedHeader === void 0 ? true : _ref2$fixedHeader,
     _ref2$tableBodyMaxHei = _ref2.tableBodyMaxHeight,
     tableBodyMaxHeight = _ref2$tableBodyMaxHei === void 0 ? "100vh" : _ref2$tableBodyMaxHei,
-    _ref2$selectionType = _ref2.selectionType,
-    selectionType = _ref2$selectionType === void 0 ? 'single' : _ref2$selectionType,
+    selectionType = _ref2.selectionType,
     rowsSelected = _ref2.rowsSelected,
     setSelectedRows = _ref2.setSelectedRows;
   var _useState = useState([]),
@@ -97679,7 +97678,7 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
     if (data.length > 0) {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("tr", {
         onClick: handleClick,
-        className: rowsSelected.indexOf(rowIndex) !== -1 ? 'custom-row-component selected' : 'custom-row-component'
+        className: rowsSelected !== undefined && rowsSelected.indexOf(rowIndex) !== -1 ? 'custom-row-component selected' : 'custom-row-component'
       }, data.map(function (column, key) {
         return /*#__PURE__*/React__default.createElement("td", {
           key: key,
@@ -97692,12 +97691,19 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
   }
   var handleRowClick = function handleRowClick(currentRowId) {
     if (selectionType === 'single') {
-      setSelectedRows([currentRowId]);
+      if (rowsSelected.length > 0) {
+        var clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
+        if (clickedRowArrayIndex === -1) setSelectedRows([currentRowId]);else {
+          setSelectedRows([]);
+        }
+      } else {
+        setSelectedRows([currentRowId]);
+      }
     } else if (selectionType === 'multiple') {
-      var clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
-      if (clickedRowArrayIndex === -1) setSelectedRows([].concat(_toConsumableArray(rowsSelected), [currentRowId]));else {
+      var _clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
+      if (_clickedRowArrayIndex === -1) setSelectedRows([].concat(_toConsumableArray(rowsSelected), [currentRowId]));else {
         var newSelectedRows = _toConsumableArray(rowsSelected);
-        newSelectedRows.splice(clickedRowArrayIndex, 1);
+        newSelectedRows.splice(_clickedRowArrayIndex, 1);
         setSelectedRows(newSelectedRows);
       }
     }
@@ -97721,9 +97727,9 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
       return /*#__PURE__*/React__default.createElement(CustomRowComponent, {
         data: data,
         rowIndex: rowIndex,
-        handleClick: function handleClick() {
+        handleClick: selectionType && setSelectedRows && rowsSelected !== undefined ? function () {
           return handleRowClick(rowIndex);
-        }
+        } : null
       });
     }
   };
@@ -97776,13 +97782,17 @@ TableMobileComponent.propTypes = {
     editable: propTypesExports.bool
   })),
   includeSearch: propTypesExports.bool,
-  handleChangeData: propTypesExports.func
+  handleChangeData: propTypesExports.func,
+  setSelectedRows: propTypesExports.func
 };
 TableMobileComponent.defaultProps = {
   columns: [],
   rows: [],
-  includeSearch: true,
-  handleChangeData: function handleChangeData() {}
+  includeSearch: false,
+  handleChangeData: function handleChangeData() {},
+  fixedHeader: true,
+  tableBodyMaxHeight: "100vh",
+  setSelectedRows: function setSelectedRows() {}
 };
 
 var StyledModalContainer = styled$1(Box$1)(function (_ref) {
@@ -98196,7 +98206,7 @@ CustomStepper.defaultProps = {
   forwardedRef: function forwardedRef() {},
   label: '',
   steps: [],
-  withIcon: true
+  withIcon: false
 };
 
 var _g$1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xelto.npm/xc2-lib",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",