@xelto.npm/xc2-lib 0.1.11 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.cjs.js +21 -12
  2. package/dist/index.esm.js +21 -12
  3. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -53638,7 +53638,7 @@ var StyledTextField = styled$1(MuiTextField, {
53638
53638
  fontSize: 13,
53639
53639
  fontWeight: theme.fontWeight.regular,
53640
53640
  fontFamily: theme.fontFamily,
53641
- paddingRight: 5
53641
+ paddingRight: 15
53642
53642
  },
53643
53643
  'div.MuiInputAdornment-root': {
53644
53644
  // zIndex: 10,
@@ -53647,7 +53647,7 @@ var StyledTextField = styled$1(MuiTextField, {
53647
53647
  }
53648
53648
  },
53649
53649
  '.MuiOutlinedInput-input': {
53650
- padding: small ? '7.5px 0 7.5px 5px' : '15px 0 15px 5px',
53650
+ padding: small ? '7.5px 0 7.5px 15px' : '15px 0 15px 15px',
53651
53651
  '&::-webkit-outer-spin-button,::-webkit-inner-spin-button': {
53652
53652
  appearance: 'none',
53653
53653
  margin: 0
@@ -97648,8 +97648,7 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
97648
97648
  fixedHeader = _ref2$fixedHeader === void 0 ? true : _ref2$fixedHeader,
97649
97649
  _ref2$tableBodyMaxHei = _ref2.tableBodyMaxHeight,
97650
97650
  tableBodyMaxHeight = _ref2$tableBodyMaxHei === void 0 ? "100vh" : _ref2$tableBodyMaxHei,
97651
- _ref2$selectionType = _ref2.selectionType,
97652
- selectionType = _ref2$selectionType === void 0 ? 'single' : _ref2$selectionType,
97651
+ selectionType = _ref2.selectionType,
97653
97652
  rowsSelected = _ref2.rowsSelected,
97654
97653
  setSelectedRows = _ref2.setSelectedRows;
97655
97654
  var _useState = React.useState([]),
@@ -97699,7 +97698,7 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
97699
97698
  if (data.length > 0) {
97700
97699
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", {
97701
97700
  onClick: handleClick,
97702
- className: rowsSelected.indexOf(rowIndex) !== -1 ? 'custom-row-component selected' : 'custom-row-component'
97701
+ className: rowsSelected !== undefined && rowsSelected.indexOf(rowIndex) !== -1 ? 'custom-row-component selected' : 'custom-row-component'
97703
97702
  }, data.map(function (column, key) {
97704
97703
  return /*#__PURE__*/React.createElement("td", {
97705
97704
  key: key,
@@ -97711,13 +97710,21 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
97711
97710
  }
97712
97711
  }
97713
97712
  var handleRowClick = function handleRowClick(currentRowId) {
97713
+ console.log('handle row click');
97714
97714
  if (selectionType === 'single') {
97715
- setSelectedRows([currentRowId]);
97715
+ if (rowsSelected.length > 0) {
97716
+ var clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
97717
+ if (clickedRowArrayIndex === -1) setSelectedRows([currentRowId]);else {
97718
+ setSelectedRows([]);
97719
+ }
97720
+ } else {
97721
+ setSelectedRows([currentRowId]);
97722
+ }
97716
97723
  } else if (selectionType === 'multiple') {
97717
- var clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
97718
- if (clickedRowArrayIndex === -1) setSelectedRows([].concat(_toConsumableArray(rowsSelected), [currentRowId]));else {
97724
+ var _clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
97725
+ if (_clickedRowArrayIndex === -1) setSelectedRows([].concat(_toConsumableArray(rowsSelected), [currentRowId]));else {
97719
97726
  var newSelectedRows = _toConsumableArray(rowsSelected);
97720
- newSelectedRows.splice(clickedRowArrayIndex, 1);
97727
+ newSelectedRows.splice(_clickedRowArrayIndex, 1);
97721
97728
  setSelectedRows(newSelectedRows);
97722
97729
  }
97723
97730
  }
@@ -97741,9 +97748,9 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
97741
97748
  return /*#__PURE__*/React.createElement(CustomRowComponent, {
97742
97749
  data: data,
97743
97750
  rowIndex: rowIndex,
97744
- handleClick: function handleClick() {
97751
+ handleClick: selectionType && setSelectedRows && rowsSelected !== undefined ? function () {
97745
97752
  return handleRowClick(rowIndex);
97746
- }
97753
+ } : null
97747
97754
  });
97748
97755
  }
97749
97756
  };
@@ -97802,7 +97809,9 @@ TableMobileComponent.defaultProps = {
97802
97809
  columns: [],
97803
97810
  rows: [],
97804
97811
  includeSearch: true,
97805
- handleChangeData: function handleChangeData() {}
97812
+ handleChangeData: function handleChangeData() {},
97813
+ fixedHeader: true,
97814
+ tableBodyMaxHeight: "100vh"
97806
97815
  };
97807
97816
 
97808
97817
  var StyledModalContainer = styled$1(Box$1)(function (_ref) {
package/dist/index.esm.js CHANGED
@@ -53618,7 +53618,7 @@ var StyledTextField = styled$1(MuiTextField, {
53618
53618
  fontSize: 13,
53619
53619
  fontWeight: theme.fontWeight.regular,
53620
53620
  fontFamily: theme.fontFamily,
53621
- paddingRight: 5
53621
+ paddingRight: 15
53622
53622
  },
53623
53623
  'div.MuiInputAdornment-root': {
53624
53624
  // zIndex: 10,
@@ -53627,7 +53627,7 @@ var StyledTextField = styled$1(MuiTextField, {
53627
53627
  }
53628
53628
  },
53629
53629
  '.MuiOutlinedInput-input': {
53630
- padding: small ? '7.5px 0 7.5px 5px' : '15px 0 15px 5px',
53630
+ padding: small ? '7.5px 0 7.5px 15px' : '15px 0 15px 15px',
53631
53631
  '&::-webkit-outer-spin-button,::-webkit-inner-spin-button': {
53632
53632
  appearance: 'none',
53633
53633
  margin: 0
@@ -97628,8 +97628,7 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
97628
97628
  fixedHeader = _ref2$fixedHeader === void 0 ? true : _ref2$fixedHeader,
97629
97629
  _ref2$tableBodyMaxHei = _ref2.tableBodyMaxHeight,
97630
97630
  tableBodyMaxHeight = _ref2$tableBodyMaxHei === void 0 ? "100vh" : _ref2$tableBodyMaxHei,
97631
- _ref2$selectionType = _ref2.selectionType,
97632
- selectionType = _ref2$selectionType === void 0 ? 'single' : _ref2$selectionType,
97631
+ selectionType = _ref2.selectionType,
97633
97632
  rowsSelected = _ref2.rowsSelected,
97634
97633
  setSelectedRows = _ref2.setSelectedRows;
97635
97634
  var _useState = useState([]),
@@ -97679,7 +97678,7 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
97679
97678
  if (data.length > 0) {
97680
97679
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("tr", {
97681
97680
  onClick: handleClick,
97682
- className: rowsSelected.indexOf(rowIndex) !== -1 ? 'custom-row-component selected' : 'custom-row-component'
97681
+ className: rowsSelected !== undefined && rowsSelected.indexOf(rowIndex) !== -1 ? 'custom-row-component selected' : 'custom-row-component'
97683
97682
  }, data.map(function (column, key) {
97684
97683
  return /*#__PURE__*/React__default.createElement("td", {
97685
97684
  key: key,
@@ -97691,13 +97690,21 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
97691
97690
  }
97692
97691
  }
97693
97692
  var handleRowClick = function handleRowClick(currentRowId) {
97693
+ console.log('handle row click');
97694
97694
  if (selectionType === 'single') {
97695
- setSelectedRows([currentRowId]);
97695
+ if (rowsSelected.length > 0) {
97696
+ var clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
97697
+ if (clickedRowArrayIndex === -1) setSelectedRows([currentRowId]);else {
97698
+ setSelectedRows([]);
97699
+ }
97700
+ } else {
97701
+ setSelectedRows([currentRowId]);
97702
+ }
97696
97703
  } else if (selectionType === 'multiple') {
97697
- var clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
97698
- if (clickedRowArrayIndex === -1) setSelectedRows([].concat(_toConsumableArray(rowsSelected), [currentRowId]));else {
97704
+ var _clickedRowArrayIndex = rowsSelected.indexOf(currentRowId);
97705
+ if (_clickedRowArrayIndex === -1) setSelectedRows([].concat(_toConsumableArray(rowsSelected), [currentRowId]));else {
97699
97706
  var newSelectedRows = _toConsumableArray(rowsSelected);
97700
- newSelectedRows.splice(clickedRowArrayIndex, 1);
97707
+ newSelectedRows.splice(_clickedRowArrayIndex, 1);
97701
97708
  setSelectedRows(newSelectedRows);
97702
97709
  }
97703
97710
  }
@@ -97721,9 +97728,9 @@ var TableMobileComponent = function TableMobileComponent(_ref2) {
97721
97728
  return /*#__PURE__*/React__default.createElement(CustomRowComponent, {
97722
97729
  data: data,
97723
97730
  rowIndex: rowIndex,
97724
- handleClick: function handleClick() {
97731
+ handleClick: selectionType && setSelectedRows && rowsSelected !== undefined ? function () {
97725
97732
  return handleRowClick(rowIndex);
97726
- }
97733
+ } : null
97727
97734
  });
97728
97735
  }
97729
97736
  };
@@ -97782,7 +97789,9 @@ TableMobileComponent.defaultProps = {
97782
97789
  columns: [],
97783
97790
  rows: [],
97784
97791
  includeSearch: true,
97785
- handleChangeData: function handleChangeData() {}
97792
+ handleChangeData: function handleChangeData() {},
97793
+ fixedHeader: true,
97794
+ tableBodyMaxHeight: "100vh"
97786
97795
  };
97787
97796
 
97788
97797
  var StyledModalContainer = styled$1(Box$1)(function (_ref) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xelto.npm/xc2-lib",
3
- "version": "0.1.11",
3
+ "version": "0.1.12",
4
4
  "author": "XELTO",
5
5
  "description": "React component library based on MUI",
6
6
  "license": "ISC",