es-grid-template 1.8.37 → 1.8.39

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 (9) hide show
  1. package/es/table-component/TableContainer.js +5 -2
  2. package/es/table-component/body/TableBodyCell.js +6 -1
  3. package/es/table-component/body/TableBodyCellEdit.js +6 -1
  4. package/es/table-component/table/Grid.js +0 -1
  5. package/lib/table-component/TableContainer.js +5 -2
  6. package/lib/table-component/body/TableBodyCell.js +6 -1
  7. package/lib/table-component/body/TableBodyCellEdit.js +6 -1
  8. package/lib/table-component/table/Grid.js +0 -1
  9. package/package.json +1 -1
package/es/table-component/TableContainer.js CHANGED
@@ -275,7 +275,9 @@ const TableContainer = props => {
275
275
  ref: bottomToolbarRef
276
276
  }, pagination && !infiniteScroll && /*#__PURE__*/React.createElement(Pagination
277
277
  // style={{padding: '0.75rem 1rem'}}
278
- , _extends({}, pagination, {
278
+ , _extends({
279
+ pageSizeOptions: [20, 50, 100, 1000, 10000]
280
+ }, pagination, {
279
281
  rootClassName: 'pagination-template',
280
282
  showSizeChanger: true,
281
283
  responsive: true,
@@ -289,10 +291,11 @@ const TableContainer = props => {
289
291
  })} / ${numericFormatter((totalItems ?? 0).toString(), {
290
292
  thousandSeparator: '.'
291
293
  })} items`,
292
- pageSizeOptions: [20, 50, 100, 1000, 10000],
293
294
  onChange: (page, pageSize1) => {
294
295
  if (pagination.onChange) {
295
296
  pagination.onChange(page, pageSize1);
297
+ table.setPageIndex(page - 1);
298
+ table.setPageSize(pageSize1);
296
299
  } else {
297
300
  table.setPageIndex(page - 1);
298
301
  table.setPageSize(pageSize1);
package/es/table-component/body/TableBodyCell.js CHANGED
@@ -21,9 +21,14 @@ const renderCellIndex = props => {
21
21
  return `${pr.index + 1}.`;
22
22
  }), cell.row.index + 1);
23
23
  }
24
+ if (pagination && pagination.onChange) {
25
+ return /*#__PURE__*/React.createElement("span", {
26
+ className: "ui-rc_cell-content"
27
+ }, cell.row.index + (pagination ? ((pagination.currentPage ?? 1) - 1) * (pagination?.pageSize ?? 0) : 0) + 1);
28
+ }
24
29
  return /*#__PURE__*/React.createElement("span", {
25
30
  className: "ui-rc_cell-content"
26
- }, cell.row.index + (pagination ? ((pagination.currentPage ?? 1) - 1) * (pagination?.pageSize ?? 0) : 0) + 1);
31
+ }, cell.row.index + 1);
27
32
  };
28
33
  const renderCommand = args => {
29
34
  const {
package/es/table-component/body/TableBodyCellEdit.js CHANGED
@@ -30,9 +30,14 @@ const renderCellIndex = props => {
30
30
  return `${pr.index + 1}.`;
31
31
  }), cell.row.index + 1);
32
32
  }
33
+ if (pagination && pagination.onChange) {
34
+ return /*#__PURE__*/React.createElement("span", {
35
+ className: "ui-rc_cell-content"
36
+ }, cell.row.index + (pagination ? ((pagination.currentPage ?? 1) - 1) * (pagination?.pageSize ?? 0) : 0) + 1);
37
+ }
33
38
  return /*#__PURE__*/React.createElement("span", {
34
39
  className: "ui-rc_cell-content"
35
- }, cell.row.index + (pagination ? (pagination.currentPage ?? 1 - 1) * (pagination?.pageSize ?? 0) : 0) + 1);
40
+ }, cell.row.index + 1);
36
41
  };
37
42
  const renderCommand = args => {
38
43
  const {
package/es/table-component/table/Grid.js CHANGED
@@ -96,7 +96,6 @@ const Grid = props => {
96
96
  columnPinning,
97
97
  columnVisibility: columnHidden,
98
98
  pagination: pagination && !infiniteScroll ? paginationState : undefined,
99
- // pagination: pagination ? paginationState : undefined,
100
99
  grouping,
101
100
  columnSizing,
102
101
  columnOrder,
package/lib/table-component/TableContainer.js CHANGED
@@ -285,7 +285,9 @@ const TableContainer = props => {
285
285
  ref: bottomToolbarRef
286
286
  }, pagination && !infiniteScroll && /*#__PURE__*/_react.default.createElement(_pagination.default
287
287
  // style={{padding: '0.75rem 1rem'}}
288
- , (0, _extends2.default)({}, pagination, {
288
+ , (0, _extends2.default)({
289
+ pageSizeOptions: [20, 50, 100, 1000, 10000]
290
+ }, pagination, {
289
291
  rootClassName: 'pagination-template',
290
292
  showSizeChanger: true,
291
293
  responsive: true,
@@ -299,10 +301,11 @@ const TableContainer = props => {
299
301
  })} / ${(0, _reactNumericComponent.numericFormatter)((totalItems ?? 0).toString(), {
300
302
  thousandSeparator: '.'
301
303
  })} items`,
302
- pageSizeOptions: [20, 50, 100, 1000, 10000],
303
304
  onChange: (page, pageSize1) => {
304
305
  if (pagination.onChange) {
305
306
  pagination.onChange(page, pageSize1);
307
+ table.setPageIndex(page - 1);
308
+ table.setPageSize(pageSize1);
306
309
  } else {
307
310
  table.setPageIndex(page - 1);
308
311
  table.setPageSize(pageSize1);
package/lib/table-component/body/TableBodyCell.js CHANGED
@@ -28,9 +28,14 @@ const renderCellIndex = props => {
28
28
  return `${pr.index + 1}.`;
29
29
  }), cell.row.index + 1);
30
30
  }
31
+ if (pagination && pagination.onChange) {
32
+ return /*#__PURE__*/_react.default.createElement("span", {
33
+ className: "ui-rc_cell-content"
34
+ }, cell.row.index + (pagination ? ((pagination.currentPage ?? 1) - 1) * (pagination?.pageSize ?? 0) : 0) + 1);
35
+ }
31
36
  return /*#__PURE__*/_react.default.createElement("span", {
32
37
  className: "ui-rc_cell-content"
33
- }, cell.row.index + (pagination ? ((pagination.currentPage ?? 1) - 1) * (pagination?.pageSize ?? 0) : 0) + 1);
38
+ }, cell.row.index + 1);
34
39
  };
35
40
  const renderCommand = args => {
36
41
  const {
package/lib/table-component/body/TableBodyCellEdit.js CHANGED
@@ -36,9 +36,14 @@ const renderCellIndex = props => {
36
36
  return `${pr.index + 1}.`;
37
37
  }), cell.row.index + 1);
38
38
  }
39
+ if (pagination && pagination.onChange) {
40
+ return /*#__PURE__*/_react.default.createElement("span", {
41
+ className: "ui-rc_cell-content"
42
+ }, cell.row.index + (pagination ? ((pagination.currentPage ?? 1) - 1) * (pagination?.pageSize ?? 0) : 0) + 1);
43
+ }
39
44
  return /*#__PURE__*/_react.default.createElement("span", {
40
45
  className: "ui-rc_cell-content"
41
- }, cell.row.index + (pagination ? (pagination.currentPage ?? 1 - 1) * (pagination?.pageSize ?? 0) : 0) + 1);
46
+ }, cell.row.index + 1);
42
47
  };
43
48
  const renderCommand = args => {
44
49
  const {
package/lib/table-component/table/Grid.js CHANGED
@@ -98,7 +98,6 @@ const Grid = props => {
98
98
  columnPinning,
99
99
  columnVisibility: columnHidden,
100
100
  pagination: pagination && !infiniteScroll ? paginationState : undefined,
101
- // pagination: pagination ? paginationState : undefined,
102
101
  grouping,
103
102
  columnSizing,
104
103
  columnOrder,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "es-grid-template",
3
- "version": "1.8.37",
3
+ "version": "1.8.39",
4
4
  "description": "es-grid-template",
5
5
  "keywords": [
6
6
  "react",