-
-
Notifications
You must be signed in to change notification settings - Fork 463
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1773134
commit 649bb41
Showing
74 changed files
with
1,619 additions
and
118 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
18 changes: 18 additions & 0 deletions
18
material-react-table-docs/examples/column-actions-space/index.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
import React from 'react'; | ||
import { SourceCodeSnippet } from '../../components/mdx/SourceCodeSnippet'; | ||
import Example from './sandbox/src/TS'; | ||
const JS = require('!!raw-loader!./sandbox/src/JS.js').default; | ||
const TS = require('!!raw-loader!./sandbox/src/TS.tsx').default; | ||
|
||
const ExampleTable = () => { | ||
return ( | ||
<SourceCodeSnippet | ||
Component={Example} | ||
javaScriptCode={JS} | ||
typeScriptCode={TS} | ||
tableId="column-actions-space" | ||
/> | ||
); | ||
}; | ||
|
||
export default ExampleTable; |
5 changes: 5 additions & 0 deletions
5
material-react-table-docs/examples/column-actions-space/sandbox/.gitignore
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
node_modules | ||
.DS_Store | ||
dist | ||
dist-ssr | ||
*.local |
6 changes: 6 additions & 0 deletions
6
material-react-table-docs/examples/column-actions-space/sandbox/README.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
# Example | ||
|
||
To run this example: | ||
|
||
- `npm install` or `yarn` | ||
- `npm run start` or `yarn start` |
13 changes: 13 additions & 0 deletions
13
material-react-table-docs/examples/column-actions-space/sandbox/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<title>Material React Table Example</title> | ||
</head> | ||
|
||
<body> | ||
<div id="root"></div> | ||
<script type="module" src="/src/main.tsx"></script> | ||
</body> | ||
</html> |
27 changes: 27 additions & 0 deletions
27
material-react-table-docs/examples/column-actions-space/sandbox/package.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,27 @@ | ||
{ | ||
"name": "material-react-table-example-column-actions-space", | ||
"version": "0.0.0", | ||
"private": true, | ||
"scripts": { | ||
"dev": "vite --port 3001", | ||
"build": "vite build", | ||
"serve": "vite preview", | ||
"start": "vite" | ||
}, | ||
"dependencies": { | ||
"@emotion/react": "^11.10.4", | ||
"@emotion/styled": "^11.10.4", | ||
"@mui/icons-material": "^5.10.6", | ||
"@mui/material": "^5.10.6", | ||
"material-react-table": "^1.2.0", | ||
"react": "^18.2.0", | ||
"react-dom": "^18.2.0" | ||
}, | ||
"devDependencies": { | ||
"@types/react": "^18.0.20", | ||
"@types/react-dom": "^18.0.6", | ||
"@vitejs/plugin-react": "^2.1.0", | ||
"typescript": "^4.8.3", | ||
"vite": "^3.1.3" | ||
} | ||
} |
54 changes: 54 additions & 0 deletions
54
material-react-table-docs/examples/column-actions-space/sandbox/src/JS.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,54 @@ | ||
import React, { useMemo } from 'react'; | ||
import MaterialReactTable from 'material-react-table'; | ||
|
||
const data = | ||
//data definitions... | ||
[ | ||
{ | ||
id: 1, | ||
firstName: 'Dillon', | ||
lastName: 'Howler', | ||
}, | ||
{ | ||
id: 2, | ||
firstName: 'Ross', | ||
lastName: 'Everest', | ||
}, | ||
]; //end | ||
|
||
const Example = () => { | ||
const columns = useMemo( | ||
//column definitions... | ||
() => [ | ||
{ | ||
accessorKey: 'id', | ||
header: 'ID', | ||
}, | ||
{ | ||
accessorKey: 'firstName', | ||
header: 'First Name', | ||
}, | ||
{ | ||
accessorKey: 'lastName', | ||
header: 'Last Name', | ||
}, | ||
], | ||
[], //end | ||
); | ||
|
||
return ( | ||
<MaterialReactTable | ||
columns={columns} | ||
data={data} | ||
muiTableHeadCellProps={{ | ||
sx: { | ||
'& .Mui-TableHeadCell-Content': { | ||
justifyContent: 'space-between', | ||
}, | ||
}, | ||
}} | ||
/> | ||
); | ||
}; | ||
|
||
export default Example; |
54 changes: 54 additions & 0 deletions
54
material-react-table-docs/examples/column-actions-space/sandbox/src/TS.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,54 @@ | ||
import React, { FC, useMemo } from 'react'; | ||
import MaterialReactTable, { MRT_ColumnDef } from 'material-react-table'; | ||
|
||
const data = | ||
//data definitions... | ||
[ | ||
{ | ||
id: 1, | ||
firstName: 'Dillon', | ||
lastName: 'Howler', | ||
}, | ||
{ | ||
id: 2, | ||
firstName: 'Ross', | ||
lastName: 'Everest', | ||
}, | ||
]; //end | ||
|
||
const Example: FC = () => { | ||
const columns = useMemo<MRT_ColumnDef<typeof data[0]>[]>( | ||
//column definitions... | ||
() => [ | ||
{ | ||
accessorKey: 'id', | ||
header: 'ID', | ||
}, | ||
{ | ||
accessorKey: 'firstName', | ||
header: 'First Name', | ||
}, | ||
{ | ||
accessorKey: 'lastName', | ||
header: 'Last Name', | ||
}, | ||
], | ||
[], //end | ||
); | ||
|
||
return ( | ||
<MaterialReactTable | ||
columns={columns} | ||
data={data} | ||
muiTableHeadCellProps={{ | ||
sx: { | ||
'& .Mui-TableHeadCell-Content': { | ||
justifyContent: 'space-between', | ||
}, | ||
}, | ||
}} | ||
/> | ||
); | ||
}; | ||
|
||
export default Example; |
9 changes: 9 additions & 0 deletions
9
material-react-table-docs/examples/column-actions-space/sandbox/src/main.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
import React from 'react'; | ||
import ReactDOM from 'react-dom/client'; | ||
import Example from './TS'; | ||
|
||
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render( | ||
<React.StrictMode> | ||
<Example /> | ||
</React.StrictMode>, | ||
); |
1 change: 1 addition & 0 deletions
1
material-react-table-docs/examples/column-actions-space/sandbox/src/vite.env.d.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
/// <reference types="vite/client" /> |
31 changes: 31 additions & 0 deletions
31
material-react-table-docs/examples/column-actions-space/sandbox/tsconfig.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
{ | ||
"compilerOptions": { | ||
"target": "ESNext", | ||
"useDefineForClassFields": true, | ||
"lib": [ | ||
"DOM", | ||
"DOM.Iterable", | ||
"ESNext" | ||
], | ||
"allowJs": true, | ||
"skipLibCheck": true, | ||
"esModuleInterop": false, | ||
"allowSyntheticDefaultImports": true, | ||
"strict": true, | ||
"forceConsistentCasingInFileNames": true, | ||
"module": "ESNext", | ||
"moduleResolution": "Node", | ||
"resolveJsonModule": true, | ||
"isolatedModules": true, | ||
"noEmit": true, | ||
"jsx": "react-jsx" | ||
}, | ||
"include": [ | ||
"src" | ||
], | ||
"references": [ | ||
{ | ||
"path": "./tsconfig.node.json" | ||
} | ||
] | ||
} |
8 changes: 8 additions & 0 deletions
8
material-react-table-docs/examples/column-actions-space/sandbox/tsconfig.node.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
{ | ||
"compilerOptions": { | ||
"composite": true, | ||
"module": "ESNext", | ||
"moduleResolution": "Node" | ||
}, | ||
"include": ["vite.config.ts"] | ||
} |
7 changes: 7 additions & 0 deletions
7
material-react-table-docs/examples/column-actions-space/sandbox/vite.config.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
import { defineConfig } from 'vite'; | ||
import react from '@vitejs/plugin-react'; | ||
|
||
// https://vitejs.dev/config/ | ||
export default defineConfig({ | ||
plugins: [react()], | ||
}); |
Oops, something went wrong.
649bb41
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
material-react-table-storybook – ./
material-react-table.dev
material-react-table-storybook-git-main-kevinvandy.vercel.app
material-react-table-storybook-kevinvandy.vercel.app
www.material-react-table.dev
material-react-table-storybook.vercel.app
649bb41
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
material-react-table – ./material-react-table-docs
material-react-table.vercel.app
www.material-react-table.com
material-react-table-git-main-kevinvandy.vercel.app
material-react-table.com
material-react-table-kevinvandy.vercel.app