material-react-table 0.6.9 → 0.7.0-alpha.2

package/dist/menus/MRT_ColumnActionMenu.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import type { MRT_HeaderGroup } from '..';
+import type { MRT_Header, MRT_TableInstance } from '..';
 export declare const commonMenuItemStyles: {
     py: string;
     my: number;
@@ -12,8 +12,9 @@ export declare const commonListItemStyles: {
 };
 interface Props {
     anchorEl: HTMLElement | null;
-    column: MRT_HeaderGroup;
+    header: MRT_Header;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ColumnActionMenu: FC<Props>;
 export {};

package/dist/menus/MRT_FilterTypeMenu.d.ts

@@ -1,10 +1,11 @@
 import { FC } from 'react';
-import type { MRT_HeaderGroup } from '..';
+import type { MRT_Header, MRT_TableInstance } from '..';
 interface Props {
     anchorEl: HTMLElement | null;
-    column: MRT_HeaderGroup;
-    setAnchorEl: (anchorEl: HTMLElement | null) => void;
+    header?: MRT_Header;
     onSelect?: () => void;
+    setAnchorEl: (anchorEl: HTMLElement | null) => void;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_FilterTypeMenu: FC<Props>;
 export {};

package/dist/menus/MRT_RowActionMenu.d.ts

@@ -1,10 +1,11 @@
 import { FC } from 'react';
-import type { MRT_Row } from '..';
+import type { MRT_Row, MRT_TableInstance } from '..';
 interface Props {
     anchorEl: HTMLElement | null;
+    handleEdit: () => void;
     row: MRT_Row;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
-    handleEdit: () => void;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_RowActionMenu: FC<Props>;
 export {};

package/dist/menus/MRT_ShowHideColumnsMenu.d.ts

@@ -1,8 +1,10 @@
 import { FC } from 'react';
+import { MRT_TableInstance } from '..';
 interface Props {
     anchorEl: HTMLElement | null;
     isSubMenu?: boolean;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ShowHideColumnsMenu: FC<Props>;
 export {};

package/dist/menus/MRT_ShowHideColumnsMenuItems.d.ts

@@ -1,8 +1,9 @@
 import { FC } from 'react';
-import type { MRT_ColumnInstance } from '..';
+import type { MRT_ColumnInstance, MRT_TableInstance } from '..';
 interface Props {
     column: MRT_ColumnInstance;
     isSubMenu?: boolean;
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ShowHideColumnsMenuItems: FC<Props>;
 export {};

package/dist/table/MRT_Table.d.ts

@@ -1,5 +1,8 @@
 import { FC } from 'react';
+import { MRT_TableInstance } from '..';
 interface Props {
+    pinned: 'left' | 'center' | 'right' | 'none';
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_Table: FC<Props>;
 export {};

package/dist/table/MRT_TableContainer.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
+import { MRT_TableInstance } from '..';
 interface Props {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_TableContainer: FC<Props>;
 export {};

package/dist/table/MRT_TablePaper.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { MRT_TableInstance } from '..';
+interface Props {
+    tableInstance: MRT_TableInstance;
+}
+export declare const MRT_TablePaper: FC<Props>;
+export {};

package/dist/table/MRT_TableRoot.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { MaterialReactTableProps } from '../MaterialReactTable';
+export declare const MRT_TableRoot: <D extends Record<string, any> = {}>(props: MaterialReactTableProps<D>) => JSX.Element;

package/dist/toolbar/MRT_LinearProgressBar.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
+import { MRT_TableInstance } from '..';
 interface Props {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_LinearProgressBar: FC<Props>;
 export {};

package/dist/toolbar/MRT_TablePagination.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
+import { MRT_TableInstance } from '..';
 interface Props {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_TablePagination: FC<Props>;
 export {};

package/dist/toolbar/MRT_ToolbarAlertBanner.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
+import { MRT_TableInstance } from '..';
 interface Props {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ToolbarAlertBanner: FC<Props>;
 export {};

package/dist/toolbar/MRT_ToolbarBottom.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
+import { MRT_TableInstance } from '..';
 interface Props {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ToolbarBottom: FC<Props>;
 export {};

package/dist/toolbar/MRT_ToolbarInternalButtons.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
+import { MRT_TableInstance } from '..';
 interface Props {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ToolbarInternalButtons: FC<Props>;
 export {};

package/dist/toolbar/MRT_ToolbarTop.d.ts

@@ -1,16 +1,18 @@
 import { FC } from 'react';
 import { Theme } from '@mui/material';
 import { MRT_TableInstance } from '..';
-export declare const commonToolbarStyles: (theme: Theme, tableInstance: MRT_TableInstance) => {
+export declare const commonToolbarStyles: ({ theme }: {
+    theme: Theme;
+}) => {
     backgroundColor: string;
     backgroundImage: string;
     display: string;
-    opacity: number;
     p: string;
     width: string;
     zIndex: number;
 };
 interface Props {
+    tableInstance: MRT_TableInstance;
 }
 export declare const MRT_ToolbarTop: FC<Props>;
 export {};

package/dist/utils.d.ts

@@ -1,2 +1,12 @@
-import { MRT_ColumnInstance, MRT_ColumnInterface } from '.';
-export declare const findLowestLevelCols: (columns: MRT_ColumnInterface[] | MRT_ColumnInstance[]) => MRT_ColumnInterface<{}>[];
+import { ColumnDef, Table } from '@tanstack/react-table';
+import { MRT_ColumnInterface, MRT_FilterType } from '.';
+export declare const getAllLeafColumnDefs: (columns: MRT_ColumnInterface[]) => MRT_ColumnInterface[];
+export declare const createGroup: <D extends Record<string, any> = {}>(table: Table<D>, column: MRT_ColumnInterface<D>, currentFilterTypes: {
+    [key: string]: MRT_FilterType;
+}) => ColumnDef<D>;
+export declare const createDataColumn: <D extends Record<string, any> = {}>(table: Table<D>, column: MRT_ColumnInterface<D>, currentFilterTypes: {
+    [key: string]: MRT_FilterType;
+}) => ColumnDef<D>;
+export declare const createDisplayColumn: <D extends Record<string, any> = {}>(table: Table<D>, column: Pick<MRT_ColumnInterface<D>, "footer" | "columns" | "id" | "accessorKey" | "accessorFn" | "cell" | "meta" | "enableHiding" | "defaultCanHide" | "defaultIsVisible" | "enablePinning" | "defaultCanPin" | "filterType" | "enableAllFilters" | "enableColumnFilter" | "enableGlobalFilter" | "defaultCanFilter" | "defaultCanColumnFilter" | "defaultCanGlobalFilter" | "sortType" | "sortDescFirst" | "enableSorting" | "enableMultiSort" | "defaultCanSort" | "invertSorting" | "sortUndefined" | "aggregationType" | "aggregateValue" | "aggregatedCell" | "enableGrouping" | "defaultCanGroup" | "enableResizing" | "defaultCanResize" | "width" | "minWidth" | "maxWidth" | "Edit" | "Filter" | "Footer" | "Header" | "Cell" | "enableClickToCopy" | "enableColumnActions" | "enableEditing" | "enabledFilterTypes" | "filter" | "filterSelectOptions" | "muiTableBodyCellCopyButtonProps" | "muiTableBodyCellEditTextFieldProps" | "muiTableBodyCellProps" | "muiTableFooterCellProps" | "muiTableHeadCellColumnActionsButtonProps" | "muiTableHeadCellFilterTextFieldProps" | "muiTableHeadCellProps" | "onCellEditChange" | "onColumnFilterValueChange"> & {
+    header?: string | undefined;
+}) => ColumnDef<D>;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.6.9",
+  "version": "0.7.0-alpha.2",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material-UI implementation of react-table, inspired by material-table and the mui DataGrid, written from the ground up in TypeScript.",
@@ -31,7 +31,7 @@
     "build": "tsdx build && size-limit && rm -rf material-react-table-docs/node_modules/material-react-table/dist  && cp -r dist material-react-table-docs/node_modules/material-react-table/ && cp -r src material-react-table-docs/node_modules/material-react-table/ && cp -r package.json material-react-table-docs/node_modules/material-react-table/package.json",
     "build-storybook": "build-storybook",
     "format": "prettier -w .",
-    "lint": "tsdx lint",
+    "lint": "eslint .",
     "prepare": "tsdx build",
     "size": "size-limit",
     "start": "tsdx watch",
@@ -47,58 +47,57 @@
   "size-limit": [
     {
       "path": "dist/material-react-table.cjs.production.min.js",
-      "limit": "20 KB"
+      "limit": "40 KB"
     },
     {
       "path": "dist/material-react-table.esm.js",
-      "limit": "20 KB"
+      "limit": "40 KB"
     }
   ],
   "devDependencies": {
-    "@babel/core": "^7.17.7",
-    "@emotion/react": "^11.8.2",
+    "@babel/core": "^7.17.9",
+    "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@etchteam/storybook-addon-status": "^4.2.0",
-    "@faker-js/faker": "^6.0.0",
-    "@mui/icons-material": "^5.5.1",
-    "@mui/material": "^5.5.1",
+    "@etchteam/storybook-addon-status": "^4.2.1",
+    "@faker-js/faker": "^6.1.2",
+    "@mui/icons-material": "^5.6.1",
+    "@mui/material": "^5.6.1",
     "@size-limit/preset-small-lib": "^7.0.8",
-    "@storybook/addon-a11y": "^6.4.19",
-    "@storybook/addon-actions": "^6.4.19",
+    "@storybook/addon-a11y": "^6.4.22",
+    "@storybook/addon-actions": "^6.4.22",
     "@storybook/addon-console": "^1.2.3",
-    "@storybook/addon-essentials": "^6.4.19",
+    "@storybook/addon-essentials": "^6.4.22",
     "@storybook/addon-info": "^5.3.21",
-    "@storybook/addon-links": "^6.4.19",
-    "@storybook/addon-storysource": "^6.4.19",
-    "@storybook/addons": "^6.4.19",
-    "@storybook/react": "^6.4.19",
-    "@types/faker": "^6.6.8",
-    "@types/react": "^17.0.40",
-    "@types/react-dom": "^17.0.13",
-    "@types/react-table": "^7.7.10",
-    "babel-loader": "^8.2.3",
+    "@storybook/addon-links": "^6.4.22",
+    "@storybook/addon-storysource": "^6.4.22",
+    "@storybook/addons": "^6.4.22",
+    "@storybook/react": "^6.4.22",
+    "@types/react": "^17.0.41",
+    "@types/react-dom": "^17.0.14",
+    "babel-loader": "^8.2.4",
+    "eslint": "^8.13.0",
+    "eslint-plugin-react-hooks": "^4.4.0",
     "husky": "^7.0.4",
-    "prettier": "^2.6.0",
+    "prettier": "^2.6.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-is": "^17.0.2",
-    "react-table": "^7.7.0",
     "size-limit": "^7.0.8",
-    "storybook-addon-paddings": "^4.2.1",
+    "storybook-addon-paddings": "^4.3.0",
     "storybook-dark-mode": "^1.0.9",
     "tsdx": "^0.14.1",
     "tslib": "^2.3.1",
-    "typescript": "^4.6.2"
+    "typescript": "^4.6.3"
   },
   "peerDependencies": {
     "@emotion/react": ">=11",
     "@emotion/styled": ">=11",
     "@mui/icons-material": ">=5",
     "@mui/material": ">=5",
-    "react": ">=16.8",
-    "react-table": ">=7"
+    "react": ">=16.8"
   },
   "dependencies": {
+    "@tanstack/react-table": "^8.0.0-alpha.26",
     "match-sorter": "^6.3.1"
   }
 }