@ackplus/react-tanstack-data-table 1.1.16 → 1.1.18

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 (42) hide show
  1. package/README.md +0 -8
  2. package/dist/index.d.ts +4 -0
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +5 -1
  5. package/dist/lib/components/data-table-view.d.ts +7 -0
  6. package/dist/lib/components/data-table-view.d.ts.map +1 -0
  7. package/dist/lib/components/data-table-view.js +151 -0
  8. package/dist/lib/components/toolbar/column-filter-control.d.ts +3 -2
  9. package/dist/lib/components/toolbar/column-filter-control.d.ts.map +1 -1
  10. package/dist/lib/components/toolbar/column-filter-control.js +91 -92
  11. package/dist/lib/components/toolbar/data-table-toolbar.d.ts.map +1 -1
  12. package/dist/lib/components/toolbar/data-table-toolbar.js +14 -1
  13. package/dist/lib/components/toolbar/table-export-control.d.ts.map +1 -1
  14. package/dist/lib/components/toolbar/table-export-control.js +0 -2
  15. package/dist/lib/components/toolbar/table-refresh-control.d.ts.map +1 -1
  16. package/dist/lib/components/toolbar/table-refresh-control.js +3 -1
  17. package/dist/lib/data-table.d.ts +0 -3
  18. package/dist/lib/data-table.d.ts.map +1 -1
  19. package/dist/lib/data-table.js +9 -1638
  20. package/dist/lib/features/column-filter.feature.d.ts +2 -1
  21. package/dist/lib/features/column-filter.feature.d.ts.map +1 -1
  22. package/dist/lib/features/column-filter.feature.js +14 -0
  23. package/dist/lib/hooks/index.d.ts +3 -0
  24. package/dist/lib/hooks/index.d.ts.map +1 -0
  25. package/dist/lib/hooks/index.js +5 -0
  26. package/dist/lib/hooks/use-data-table-engine.d.ts +104 -0
  27. package/dist/lib/hooks/use-data-table-engine.d.ts.map +1 -0
  28. package/dist/lib/hooks/use-data-table-engine.js +964 -0
  29. package/dist/lib/types/data-table.types.d.ts +0 -1
  30. package/dist/lib/types/data-table.types.d.ts.map +1 -1
  31. package/package.json +1 -1
  32. package/src/index.ts +4 -0
  33. package/src/lib/components/data-table-view.tsx +386 -0
  34. package/src/lib/components/toolbar/column-filter-control.tsx +270 -212
  35. package/src/lib/components/toolbar/data-table-toolbar.tsx +15 -1
  36. package/src/lib/components/toolbar/table-export-control.tsx +0 -2
  37. package/src/lib/components/toolbar/table-refresh-control.tsx +11 -7
  38. package/src/lib/data-table.tsx +17 -2183
  39. package/src/lib/features/column-filter.feature.ts +15 -1
  40. package/src/lib/hooks/index.ts +2 -0
  41. package/src/lib/hooks/use-data-table-engine.ts +1285 -0
  42. package/src/lib/types/data-table.types.ts +0 -1
package/src/lib/components/toolbar/table-export-control.tsx CHANGED
@@ -161,7 +161,6 @@ export function TableExportControl(props: TableExportControlProps = {}) {
161
161
  <MenuItem
162
162
  onClick={() => {
163
163
  handleExport('csv');
164
- handleClose();
165
164
  }}
166
165
  disabled={isExporting}
167
166
  {...mergedMenuItemProps}
@@ -178,7 +177,6 @@ export function TableExportControl(props: TableExportControlProps = {}) {
178
177
  <MenuItem
179
178
  onClick={() => {
180
179
  handleExport('excel');
181
- handleClose();
182
180
  }}
183
181
  disabled={isExporting}
184
182
  {...mergedMenuItemProps}
package/src/lib/components/toolbar/table-refresh-control.tsx CHANGED
@@ -44,15 +44,19 @@ export function TableRefreshControl(props: TableRefreshControlProps = {}): React
44
44
  props.iconButtonProps || {}
45
45
  );
46
46
 
47
+ // Wrap in span so when IconButton is disabled (loading), the tooltip still
48
+ // receives pointer events and closes on mouse leave (disabled elements don't fire them).
47
49
  return (
48
50
  <Tooltip title="Refresh data" {...props.tooltipProps}>
49
- <IconButton {...mergedIconButtonProps}>
50
- {props.loading && props.showSpinnerWhileLoading ? (
51
- <CircularProgress size={16} />
52
- ) : (
53
- <RefreshIconSlot {...refreshIconSlotProps} />
54
- )}
55
- </IconButton>
51
+ <span style={{ display: 'inline-flex' }}>
52
+ <IconButton {...mergedIconButtonProps}>
53
+ {props.loading && props.showSpinnerWhileLoading ? (
54
+ <CircularProgress size={16} />
55
+ ) : (
56
+ <RefreshIconSlot {...refreshIconSlotProps} />
57
+ )}
58
+ </IconButton>
59
+ </span>
56
60
  </Tooltip>
57
61
  );
58
62
  }