es-grid-template 1.8.54 → 1.8.55

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 (7) hide show
  1. package/es/table-component/body/TableBodyCell.js +31 -28
  2. package/es/table-component/hook/useColumns.js +6 -1
  3. package/es/table-component/table/Grid.js +2 -8
  4. package/lib/table-component/body/TableBodyCell.js +31 -28
  5. package/lib/table-component/hook/useColumns.js +6 -1
  6. package/lib/table-component/table/Grid.js +2 -8
  7. package/package.json +1 -1
package/es/table-component/body/TableBodyCell.js CHANGED
@@ -430,38 +430,41 @@ const TableBodyCell = props => {
430
430
  }
431
431
  }
432
432
  if (e.ctrlKey && e.code === 'Space' && cell.row.getCanSelect()) {
433
+ toggleRowSelection({
434
+ e,
435
+ cell,
436
+ setIsSelectionChange,
437
+ isSelectionChange,
438
+ selectionSettings
439
+ });
433
440
  cell.row.getToggleSelectedHandler()(e);
434
441
 
435
- // setIsSelectionChange({
436
- // isChange: true,
437
- // type: 'rowSelected',
438
- // rowData: record,
439
- // rowsData: []
440
- // })
442
+ // if (cell.row.getIsSelected()) { // nếu đã chọn
441
443
 
442
- if (cell.row.getIsSelected()) {
443
- // nếu đã chọn
444
+ // const aaa = isSelectionChange?.rowsData.filter((it) => it.id !== cell.row.id)
444
445
 
445
- const aaa = isSelectionChange?.rowsData.filter(it => it.id !== cell.row.id);
446
- setIsSelectionChange({
447
- isChange: true,
448
- type: 'rowSelected',
449
- rowData: cell.row.original,
450
- rowsData: aaa ?? []
451
- });
452
- } else {
453
- const {
454
- rowsData
455
- } = isSelectionChange ?? {};
456
- const abc = rowsData && rowsData.length > 0 ? [...rowsData] : [];
457
- abc.push(cell.row);
458
- setIsSelectionChange({
459
- isChange: true,
460
- type: 'rowSelected',
461
- rowData: cell.row.original,
462
- rowsData: abc
463
- });
464
- }
446
+ // setIsSelectionChange({
447
+ // isChange: true,
448
+ // type: 'rowSelected',
449
+ // rowData: cell.row.original,
450
+ // rowsData: aaa ?? []
451
+ // })
452
+
453
+ // } else {
454
+
455
+ // const { rowsData } = isSelectionChange ?? {}
456
+
457
+ // const abc = rowsData && rowsData.length > 0 ? [...rowsData] : []
458
+
459
+ // abc.push(cell.row)
460
+
461
+ // setIsSelectionChange({
462
+ // isChange: true,
463
+ // type: 'rowSelected',
464
+ // rowData: cell.row.original,
465
+ // rowsData: abc
466
+ // })
467
+ // }
465
468
  }
466
469
  }
467
470
 
package/es/table-component/hook/useColumns.js CHANGED
@@ -270,7 +270,12 @@ export const toggleRowSelection = props => {
270
270
  } else {
271
271
  // chỉ thêm vào row hiện tại
272
272
 
273
- checkedRows = [...prevSelected, row];
273
+ const isInclude = prevSelected.find(it => it.id === cell.row.id);
274
+ if (isInclude) {
275
+ checkedRows = [...prevSelected];
276
+ } else {
277
+ checkedRows = [...prevSelected, row];
278
+ }
274
279
  }
275
280
  setIsSelectionChange({
276
281
  isChange: true,
package/es/table-component/table/Grid.js CHANGED
@@ -193,25 +193,19 @@ const Grid = props => {
193
193
  // ...prev,
194
194
  // isChange: false
195
195
  // }))
196
- // setRowSelection(convertToObjTrue(mergedSelectedKeys))
196
+
197
+ setRowSelection(convertToObjTrue(mergedSelectedKeys));
197
198
  }
198
199
  }, [mergedSelectedKeys]);
199
200
  React.useEffect(() => {
200
201
  if (isSelectionChange.isChange) {
201
- // setManualUpdate(true)
202
202
  const aa = table.getState().rowSelection;
203
-
204
- // const dataTable = table.getRowModel().flatRows
205
-
206
203
  const ids = Object.keys(aa);
207
204
 
208
205
  // const ssss = dataTable.filter(it => ids.includes(it.id)) // lấy rowsData của trang hiện tại
209
206
  const ssss = filterByIds(ids, isSelectionChange.rowsData ?? []); // lấy rowsData của trang hiện tại
210
- // const ssss = (isSelectionChange.rowsData ?? []) as any[] // lấy rowsData của trang hiện tại
211
207
 
212
208
  const rs = ssss.map(it => it.original);
213
- // const rs = allRows.map(it => it.original)
214
-
215
209
  rowSelected?.({
216
210
  type: isSelectionChange.type,
217
211
  rowData: isSelectionChange.rowData,
package/lib/table-component/body/TableBodyCell.js CHANGED
@@ -437,38 +437,41 @@ const TableBodyCell = props => {
437
437
  }
438
438
  }
439
439
  if (e.ctrlKey && e.code === 'Space' && cell.row.getCanSelect()) {
440
+ (0, _useColumns.toggleRowSelection)({
441
+ e,
442
+ cell,
443
+ setIsSelectionChange,
444
+ isSelectionChange,
445
+ selectionSettings
446
+ });
440
447
  cell.row.getToggleSelectedHandler()(e);
441
448
 
442
- // setIsSelectionChange({
443
- // isChange: true,
444
- // type: 'rowSelected',
445
- // rowData: record,
446
- // rowsData: []
447
- // })
449
+ // if (cell.row.getIsSelected()) { // nếu đã chọn
448
450
 
449
- if (cell.row.getIsSelected()) {
450
- // nếu đã chọn
451
+ // const aaa = isSelectionChange?.rowsData.filter((it) => it.id !== cell.row.id)
451
452
 
452
- const aaa = isSelectionChange?.rowsData.filter(it => it.id !== cell.row.id);
453
- setIsSelectionChange({
454
- isChange: true,
455
- type: 'rowSelected',
456
- rowData: cell.row.original,
457
- rowsData: aaa ?? []
458
- });
459
- } else {
460
- const {
461
- rowsData
462
- } = isSelectionChange ?? {};
463
- const abc = rowsData && rowsData.length > 0 ? [...rowsData] : [];
464
- abc.push(cell.row);
465
- setIsSelectionChange({
466
- isChange: true,
467
- type: 'rowSelected',
468
- rowData: cell.row.original,
469
- rowsData: abc
470
- });
471
- }
453
+ // setIsSelectionChange({
454
+ // isChange: true,
455
+ // type: 'rowSelected',
456
+ // rowData: cell.row.original,
457
+ // rowsData: aaa ?? []
458
+ // })
459
+
460
+ // } else {
461
+
462
+ // const { rowsData } = isSelectionChange ?? {}
463
+
464
+ // const abc = rowsData && rowsData.length > 0 ? [...rowsData] : []
465
+
466
+ // abc.push(cell.row)
467
+
468
+ // setIsSelectionChange({
469
+ // isChange: true,
470
+ // type: 'rowSelected',
471
+ // rowData: cell.row.original,
472
+ // rowsData: abc
473
+ // })
474
+ // }
472
475
  }
473
476
  }
474
477
 
package/lib/table-component/hook/useColumns.js CHANGED
@@ -281,7 +281,12 @@ const toggleRowSelection = props => {
281
281
  } else {
282
282
  // chỉ thêm vào row hiện tại
283
283
 
284
- checkedRows = [...prevSelected, row];
284
+ const isInclude = prevSelected.find(it => it.id === cell.row.id);
285
+ if (isInclude) {
286
+ checkedRows = [...prevSelected];
287
+ } else {
288
+ checkedRows = [...prevSelected, row];
289
+ }
285
290
  }
286
291
  setIsSelectionChange({
287
292
  isChange: true,
package/lib/table-component/table/Grid.js CHANGED
@@ -197,25 +197,19 @@ const Grid = props => {
197
197
  // ...prev,
198
198
  // isChange: false
199
199
  // }))
200
- // setRowSelection(convertToObjTrue(mergedSelectedKeys))
200
+
201
+ setRowSelection((0, _utils.convertToObjTrue)(mergedSelectedKeys));
201
202
  }
202
203
  }, [mergedSelectedKeys]);
203
204
  _react.default.useEffect(() => {
204
205
  if (isSelectionChange.isChange) {
205
- // setManualUpdate(true)
206
206
  const aa = table.getState().rowSelection;
207
-
208
- // const dataTable = table.getRowModel().flatRows
209
-
210
207
  const ids = Object.keys(aa);
211
208
 
212
209
  // const ssss = dataTable.filter(it => ids.includes(it.id)) // lấy rowsData của trang hiện tại
213
210
  const ssss = (0, _utils.filterByIds)(ids, isSelectionChange.rowsData ?? []); // lấy rowsData của trang hiện tại
214
- // const ssss = (isSelectionChange.rowsData ?? []) as any[] // lấy rowsData của trang hiện tại
215
211
 
216
212
  const rs = ssss.map(it => it.original);
217
- // const rs = allRows.map(it => it.original)
218
-
219
213
  rowSelected?.({
220
214
  type: isSelectionChange.type,
221
215
  rowData: isSelectionChange.rowData,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "es-grid-template",
3
- "version": "1.8.54",
3
+ "version": "1.8.55",
4
4
  "description": "es-grid-template",
5
5
  "keywords": [
6
6
  "react",