next-helios-fe 1.6.12 → 1.6.14

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 (6) hide show
  1. package/dist/components/form/other/multipleSelect.d.ts +2 -1
  2. package/dist/index.js +1 -1
  3. package/package.json +1 -1
  4. package/src/components/form/other/multipleSelect.tsx +149 -131
  5. package/src/components/form/other/select.tsx +79 -106
  6. package/src/components/table/index.tsx +62 -64
package/src/components/table/index.tsx CHANGED
@@ -394,72 +394,70 @@ export const Table: TableComponentProps = ({
394
394
  );
395
395
  });
396
396
 
397
- const dataArr = filteredData
398
- ?.slice((page - 1) * maxRow, page * maxRow)
399
- ?.map((item, index) => {
400
- return (
401
- <tr key={item.id}>
402
- {checkbox && (
403
- <td className="sticky left-0 w-8 px-4 py-1.5 bg-secondary-bg">
404
- <Form.Checkbox
405
- options={{ disableHover: true }}
406
- checked={
397
+ const dataArr = (
398
+ options?.toolbar?.pagination?.show !== false
399
+ ? filteredData?.slice((page - 1) * maxRow, page * maxRow)
400
+ : filteredData
401
+ )?.map((item, index) => {
402
+ return (
403
+ <tr key={item.id}>
404
+ {checkbox && (
405
+ <td className="sticky left-0 w-8 px-4 py-1.5 bg-secondary-bg">
406
+ <Form.Checkbox
407
+ options={{ disableHover: true }}
408
+ checked={
409
+ selected?.find((selectedItem) => selectedItem.id === item.id)
410
+ ? true
411
+ : false
412
+ }
413
+ onClick={(e) => {
414
+ if (
407
415
  selected?.find((selectedItem) => selectedItem.id === item.id)
408
- ? true
409
- : false
416
+ ) {
417
+ setSelected(selected?.filter((prev) => prev.id !== item.id));
418
+ } else {
419
+ setSelected((prev) => [...prev, item]);
410
420
  }
411
- onClick={(e) => {
412
- if (
413
- selected?.find(
414
- (selectedItem) => selectedItem.id === item.id
415
- )
416
- ) {
417
- setSelected(
418
- selected?.filter((prev) => prev.id !== item.id)
419
- );
420
- } else {
421
- setSelected((prev) => [...prev, item]);
422
- }
423
- }}
424
- />
425
- </td>
426
- )}
427
- {!options?.hideNumberColumn && (
428
- <td className="sticky left-0 w-8 px-4 py-1.5 bg-secondary-bg text-center">
429
- {(page - 1) * maxRow + index + 1}
430
- </td>
431
- )}
432
- {header
433
- ?.filter((headerItem) => !excludedColumn?.includes(headerItem.key))
434
- ?.map((headerItem) => {
435
- if (headerItem?.render) {
436
- return (
437
- <td
438
- key={headerItem.key}
439
- className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
440
- >
441
- {headerItem.render(item)}
442
- </td>
443
- );
444
- } else {
445
- return (
446
- <td
447
- key={headerItem.key}
448
- className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
449
- >
450
- {item[headerItem.key as keyof typeof item]}
451
- </td>
452
- );
453
- }
454
- })}
455
- {actionColumn && (
456
- <td className="sticky right-0 w-8 px-4 py-1.5 bg-secondary-bg text-center">
457
- {actionColumn(item)}
458
- </td>
459
- )}
460
- </tr>
461
- );
462
- });
421
+ }}
422
+ />
423
+ </td>
424
+ )}
425
+ {!options?.hideNumberColumn && (
426
+ <td className="sticky left-0 w-8 px-4 py-1.5 bg-secondary-bg text-center">
427
+ {(page - 1) * maxRow + index + 1}
428
+ </td>
429
+ )}
430
+ {header
431
+ ?.filter((headerItem) => !excludedColumn?.includes(headerItem.key))
432
+ ?.map((headerItem) => {
433
+ if (headerItem?.render) {
434
+ return (
435
+ <td
436
+ key={headerItem.key}
437
+ className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
438
+ >
439
+ {headerItem.render(item)}
440
+ </td>
441
+ );
442
+ } else {
443
+ return (
444
+ <td
445
+ key={headerItem.key}
446
+ className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
447
+ >
448
+ {item[headerItem.key as keyof typeof item]}
449
+ </td>
450
+ );
451
+ }
452
+ })}
453
+ {actionColumn && (
454
+ <td className="sticky right-0 w-8 px-4 py-1.5 bg-secondary-bg text-center">
455
+ {actionColumn(item)}
456
+ </td>
457
+ )}
458
+ </tr>
459
+ );
460
+ });
463
461
 
464
462
  return (
465
463
  <div className="flex flex-col gap-6 h-full">