material-react-table 0.8.0 → 0.8.3

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 (36) hide show
  1. package/README.md +1 -1
  2. package/dist/MaterialReactTable.d.ts +3 -1
  3. package/dist/head/MRT_DraggableTableHeadCell.d.ts +8 -0
  4. package/dist/head/MRT_TableHeadCell.d.ts +5 -1
  5. package/dist/head/MRT_TableHeadCellFilterContainer.d.ts +8 -0
  6. package/dist/head/MRT_TableHeadCellFilterLabel.d.ts +8 -0
  7. package/dist/head/MRT_TableHeadCellGrabHandle.d.ts +9 -0
  8. package/dist/head/MRT_TableHeadCellResizeHandle.d.ts +8 -0
  9. package/dist/head/MRT_TableHeadCellSortLabel.d.ts +8 -0
  10. package/dist/icons.d.ts +1 -0
  11. package/dist/inputs/MRT_FilterRangeFields.d.ts +2 -2
  12. package/dist/localization.d.ts +1 -0
  13. package/dist/material-react-table.cjs.development.js +306 -111
  14. package/dist/material-react-table.cjs.development.js.map +1 -1
  15. package/dist/material-react-table.cjs.production.min.js +1 -1
  16. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  17. package/dist/material-react-table.esm.js +308 -113
  18. package/dist/material-react-table.esm.js.map +1 -1
  19. package/dist/table/MRT_TableContainer.d.ts +1 -1
  20. package/dist/utils.d.ts +1 -1
  21. package/package.json +10 -8
  22. package/src/MaterialReactTable.tsx +6 -0
  23. package/src/head/MRT_DraggableTableHeadCell.tsx +52 -0
  24. package/src/head/MRT_TableHeadCell.tsx +61 -153
  25. package/src/head/MRT_TableHeadCellFilterContainer.tsx +32 -0
  26. package/src/head/MRT_TableHeadCellFilterLabel.tsx +82 -0
  27. package/src/head/MRT_TableHeadCellGrabHandle.tsx +52 -0
  28. package/src/head/MRT_TableHeadCellResizeHandle.tsx +52 -0
  29. package/src/head/MRT_TableHeadCellSortLabel.tsx +45 -0
  30. package/src/head/MRT_TableHeadRow.tsx +17 -8
  31. package/src/icons.ts +3 -0
  32. package/src/inputs/MRT_FilterRangeFields.tsx +1 -3
  33. package/src/localization.ts +2 -0
  34. package/src/table/MRT_TableContainer.tsx +1 -1
  35. package/src/table/MRT_TablePaper.tsx +26 -22
  36. package/src/table/MRT_TableRoot.tsx +8 -0
package/README.md CHANGED
@@ -23,7 +23,7 @@ Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the devel
23
23
  - [x] Column Actions
24
24
  - [x] Column Hiding
25
25
  - [x] Column Grouping (Group By and Aggregates)
26
- - [ ] Column Ordering (react-dnd planned)
26
+ - [x] Column Ordering (react-dnd)
27
27
  - [x] Column Pinning
28
28
  - [x] Column Resizing (work in progress)
29
29
  - [x] Custom Icons
@@ -86,6 +86,7 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
86
86
  columns?: MRT_ColumnDef<D>[];
87
87
  enableClickToCopy?: boolean;
88
88
  enableColumnActions?: boolean;
89
+ enableColumnOrdering?: boolean;
89
90
  enableEditing?: boolean;
90
91
  enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
91
92
  filterFn?: MRT_FilterFn;
@@ -166,6 +167,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
166
167
  editingMode?: 'table' | 'row' | 'cell';
167
168
  enableClickToCopy?: boolean;
168
169
  enableColumnActions?: boolean;
170
+ enableColumnOrdering?: boolean;
169
171
  enableDensePaddingToggle?: boolean;
170
172
  enableEditing?: boolean;
171
173
  enableExpandAll?: boolean;
@@ -394,5 +396,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
394
396
  }>;
395
397
  }) => ReactNode;
396
398
  };
397
- declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilters, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enablePinning, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
399
+ declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGrouping, enableHiding, enableMultiRowSelection, enablePagination, enablePinning, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
398
400
  export default _default;
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import type { MRT_Header, MRT_TableInstance } from '..';
3
+ interface Props {
4
+ header: MRT_Header;
5
+ tableInstance: MRT_TableInstance;
6
+ }
7
+ export declare const MRT_DraggableTableHeadCell: FC<Props>;
8
+ export {};
@@ -1,7 +1,11 @@
1
- import { FC } from 'react';
1
+ import { FC, Ref } from 'react';
2
2
  import type { MRT_Header, MRT_TableInstance } from '..';
3
3
  interface Props {
4
+ dragRef?: Ref<HTMLButtonElement>;
5
+ dropRef?: Ref<HTMLDivElement>;
4
6
  header: MRT_Header;
7
+ isDragging?: boolean;
8
+ previewRef?: Ref<HTMLTableCellElement>;
5
9
  tableInstance: MRT_TableInstance;
6
10
  }
7
11
  export declare const MRT_TableHeadCell: FC<Props>;
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import { MRT_Header, MRT_TableInstance } from '..';
3
+ interface Props {
4
+ header: MRT_Header;
5
+ tableInstance: MRT_TableInstance;
6
+ }
7
+ export declare const MRT_TableHeadCellFilterContainer: FC<Props>;
8
+ export {};
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import { MRT_Header, MRT_TableInstance } from '..';
3
+ interface Props {
4
+ header: MRT_Header;
5
+ tableInstance: MRT_TableInstance;
6
+ }
7
+ export declare const MRT_TableHeadCellFilterLabel: FC<Props>;
8
+ export {};
@@ -0,0 +1,9 @@
1
+ import { FC, Ref } from 'react';
2
+ import { MRT_Header, MRT_TableInstance } from '..';
3
+ interface Props {
4
+ header: MRT_Header;
5
+ ref: Ref<HTMLButtonElement>;
6
+ tableInstance: MRT_TableInstance;
7
+ }
8
+ export declare const MRT_TableHeadCellGrabHandle: FC<Props>;
9
+ export {};
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import { MRT_Header, MRT_TableInstance } from '..';
3
+ interface Props {
4
+ header: MRT_Header;
5
+ tableInstance: MRT_TableInstance;
6
+ }
7
+ export declare const MRT_TableHeadCellResizeHandle: FC<Props>;
8
+ export {};
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import { MRT_Header, MRT_TableInstance } from '..';
3
+ interface Props {
4
+ header: MRT_Header;
5
+ tableInstance: MRT_TableInstance;
6
+ }
7
+ export declare const MRT_TableHeadCellSortLabel: FC<Props>;
8
+ export {};
package/dist/icons.d.ts CHANGED
@@ -7,6 +7,7 @@ export interface MRT_Icons {
7
7
  DensityMediumIcon: any;
8
8
  DensitySmallIcon: any;
9
9
  DoubleArrowDownIcon: any;
10
+ DragHandleIcon: any;
10
11
  DynamicFeedIcon: any;
11
12
  EditIcon: any;
12
13
  ExpandLessIcon: any;
@@ -4,5 +4,5 @@ interface Props {
4
4
  header: MRT_Header;
5
5
  tableInstance: MRT_TableInstance;
6
6
  }
7
- declare const MRT_FilterRangeFields: FC<Props>;
8
- export default MRT_FilterRangeFields;
7
+ export declare const MRT_FilterRangeFields: FC<Props>;
8
+ export {};
@@ -27,6 +27,7 @@ export interface MRT_Localization {
27
27
  filterNotEquals: string;
28
28
  filterStartsWith: string;
29
29
  filteringByColumn: string;
30
+ grab: string;
30
31
  groupByColumn: string;
31
32
  groupedBy: string;
32
33
  hideAll: string;