Skip to content

Commit

Permalink
#81 fix sticky header z-index issue and add pl locale
Browse files Browse the repository at this point in the history
  • Loading branch information
KevinVandy committed Sep 14, 2022
1 parent 8e65b83 commit c7053b7
Show file tree
Hide file tree
Showing 67 changed files with 1,566 additions and 115 deletions.
17 changes: 10 additions & 7 deletions material-react-table-docs/components/mdx/LocaleExamples.tsx
Expand Up @@ -3,17 +3,20 @@ import dynamic from 'next/dynamic';
import { Box, Skeleton, Tab, Tabs } from '@mui/material';

//Locale Examples
const ES_Table = dynamic(() => import('../../examples/localization-i18n-es'), {
ssr: false,
});
const PL_Table = dynamic(() => import('../../examples/localization-i18n-pl'), {
ssr: false,
});
const PT_BR_Table = dynamic(
() => import('../../examples/localization-i18n-pt-BR'),
{
ssr: false,
},
);
const ES_Table = dynamic(() => import('../../examples/localization-i18n-es'), {
ssr: false,
});

const supportedLocales = ['es', 'pt-BR'];
const supportedLocales = ['es', 'pl', 'pt-BR'];

const LocaleExamples = () => {
const [currentLocale, setCurrentLocale] = useState('es');
Expand All @@ -35,11 +38,11 @@ const LocaleExamples = () => {
</Tabs>
</Box>
{typeof window !== 'undefined' && (
<div lang={currentLocale}>
<div style={{ minHeight: '1500px' }} lang={currentLocale}>
<Suspense fallback={<Skeleton height="500px" width="100%" />}>
{currentLocale === 'en' && <></>}
{currentLocale === 'pt-BR' && <PT_BR_Table />}
{currentLocale === 'es' && <ES_Table />}
{currentLocale === 'pl' && <PL_Table />}
{currentLocale === 'pt-BR' && <PT_BR_Table />}
</Suspense>
</div>
)}
Expand Down
Expand Up @@ -15,7 +15,7 @@
"@mui/material": "^5.9.0",
"@mui/x-date-pickers": "^5.0.1",
"dayjs": "^1.11.5",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -14,7 +14,7 @@
"@faker-js/faker": "^7.3.0",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -14,7 +14,7 @@
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"export-to-csv": "^0.2.1",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -16,7 +16,7 @@
"@fortawesome/react-fontawesome": "^0.2.0",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -15,7 +15,7 @@
"@mui/material": "^5.9.0",
"@tanstack/react-query": "^4.0.5",
"axios": "^0.27.2",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
Expand Up @@ -13,7 +13,7 @@
"@emotion/styled": "^11.9.3",
"@mui/icons-material": "^5.8.4",
"@mui/material": "^5.9.0",
"material-react-table": "^1.0.2",
"material-react-table": "^1.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
Expand Down
18 changes: 18 additions & 0 deletions material-react-table-docs/examples/localization-i18n-pl/index.tsx
@@ -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="localization-i18n-pl"
/>
);
};

export default ExampleTable;
@@ -0,0 +1,5 @@
node_modules
.DS_Store
dist
dist-ssr
*.local
@@ -0,0 +1,6 @@
# Example

To run this example:

- `npm install` or `yarn`
- `npm run start` or `yarn start`

2 comments on commit c7053b7

@vercel
Copy link

@vercel vercel bot commented on c7053b7 Sep 14, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@vercel
Copy link

@vercel vercel bot commented on c7053b7 Sep 14, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.