release v1.0.0 - Initial Stable Release!

KevinVandy · Jul 18, 2023 · 01591e4 · 01591e4 · vercel · Jul 18, 2023
1 parent 9a355d7
commit 01591e4
Show file tree

Hide file tree

Showing 32 changed files with 495 additions and 279 deletions.
diff --git a/README.md b/README.md
@@ -2,9 +2,9 @@
 
 View the [Docs Site](https://www.mantine-react-table.com/)
 
-A work in progress fork of [Material React Table](https://www.material-react-table.com)
+A fork of [Material React Table](https://www.material-react-table.com)
 
-Coming soon in early 2023, but you can try out the beta now.
+V1 released July 18, 2023
 
 <a href="https://npmjs.com/package/mantine-react-table" target="_blank">
   <img alt="" src="https://badgen.net/npm/v/mantine-react-table?color=blue" />

diff --git a/apps/mantine-react-table-docs/components/mdx/BlogAuthor.tsx b/apps/mantine-react-table-docs/components/mdx/BlogAuthor.tsx
@@ -0,0 +1,56 @@
+import Image from 'next/image';
+import { Box, Anchor, Stack, Title, Text } from '@mantine/core';
+
+interface Props {
+  author?: string;
+  authorImage?: string;
+  authorLink?: string;
+  publishDate: string;
+}
+
+export const BlogAuthor = ({
+  author = 'Kevin Van Cott',
+  authorImage = '/contributors/kevinvancott.jpg',
+  authorLink = 'https://www.kevinvancott.dev',
+  publishDate,
+}: Props) => {
+  return (
+    <Stack>
+      <Box
+        sx={{
+          display: 'grid',
+          gridTemplateColumns: 'auto 50px',
+          gap: '1rem',
+          justifyContent: 'flex-start',
+          alignItems: 'center',
+        }}
+      >
+        <Text fz="14pt">
+          By{' '}
+          <Anchor
+            color="text.primary"
+            sx={{
+              textDecoration: 'none',
+              '&:hover': { textDecoration: 'underline' },
+            }}
+            target="_blank"
+            rel="noopener noreferrer"
+            href={authorLink}
+          >
+            {author}
+          </Anchor>
+        </Text>
+        <Image
+          alt="author"
+          src={authorImage}
+          width={30}
+          height={30}
+          style={{ borderRadius: '50%' }}
+        />
+      </Box>
+      <Text color="gray">
+        Published: <i>{new Date(publishDate).toLocaleDateString()}</i>
+      </Text>
+    </Stack>
+  );
+};
diff --git a/apps/mantine-react-table-docs/components/mdx/mdxComponents.tsx b/apps/mantine-react-table-docs/components/mdx/mdxComponents.tsx
@@ -1,4 +1,4 @@
-import {  Divider, Text, Title } from '@mantine/core';
+import { Divider, Text, Title } from '@mantine/core';
 import { Blockquote } from './Blockquote';
 import { SampleCodeSnippet } from './SampleCodeSnippet';
 import { LinkHeading } from './LinkHeading';

diff --git a/apps/mantine-react-table-docs/components/navigation/Footer.tsx b/apps/mantine-react-table-docs/components/navigation/Footer.tsx
@@ -103,8 +103,7 @@ export const Footer = () => {
             items={
               routes
                 .find((item) => item.href === '/docs/api')
-                ?.items?.find((item) => item.label === 'Options')
-                ?.items ?? []
+                ?.items?.find((item) => item.label === 'Options')?.items ?? []
             }
             isFooter
           />

diff --git a/apps/mantine-react-table-docs/components/navigation/TopBar.tsx b/apps/mantine-react-table-docs/components/navigation/TopBar.tsx
@@ -86,7 +86,7 @@ export const TopBar = ({ navOpen, setNavOpen }: Props) => {
         })}
       >
         <Flex align="center" gap="md">
-          {(!isDesktop || pathname === "/") && (
+          {(!isDesktop || pathname === '/') && (
             <Burger
               color="white"
               opened={navOpen}

diff --git a/apps/mantine-react-table-docs/components/navigation/routes.ts b/apps/mantine-react-table-docs/components/navigation/routes.ts
@@ -287,16 +287,16 @@ export const routes: Array<RouteItem> = [
       },
     ],
   },
-  // {
-  //   label: 'Blog',
-  //   href: '/blog',
-  //   items: [
-  //     {
-  //       href: '/blog',
-  //       label: 'Blog',
-  //     },
-  //   ],
-  // },
+  {
+    label: 'Blog',
+    href: '/blog',
+    items: [
+      {
+        href: '/blog/introducing-mantine-react-table',
+        label: 'Introducing Mantine React Table',
+      },
+    ],
+  },
   {
     label: 'Other',
     href: '#',

diff --git a/apps/mantine-react-table-docs/example-groups/BasicExamples.tsx b/apps/mantine-react-table-docs/example-groups/BasicExamples.tsx
@@ -20,7 +20,6 @@ const BasicExamples = ({ isPage = false }) => {
             isPage ? push(newPath as string) : setActiveTab(newPath as string)
           }
           keepMounted={false}
-
         >
           <Tabs.List grow={!isPage}>
             <Tabs.Tab value="basic">Basic</Tabs.Tab>

diff --git a/apps/mantine-react-table-docs/examples/advanced/index.tsx b/apps/mantine-react-table-docs/examples/advanced/index.tsx
@@ -4,7 +4,7 @@ const JS = require('!!raw-loader!./sandbox/src/JS.js').default;
 const TS = require('!!raw-loader!./sandbox/src/TS.tsx').default;
 const Legacy = require('!!raw-loader!./sandbox/src/Legacy.tsx').default;
 
-const ExampleTable = ({showTopRow = true}) => {
+const ExampleTable = ({ showTopRow = true }) => {
   return (
     <SourceCodeSnippet
       Component={Example}

diff --git a/apps/mantine-react-table-docs/examples/basic/index.tsx b/apps/mantine-react-table-docs/examples/basic/index.tsx
@@ -4,7 +4,7 @@ const JS = require('!!raw-loader!./sandbox/src/JS.js').default;
 const TS = require('!!raw-loader!./sandbox/src/TS.tsx').default;
 const Legacy = require('!!raw-loader!./sandbox/src/Legacy.tsx').default;
 
-const ExampleTable = ({showTopRow = true}) => {
+const ExampleTable = ({ showTopRow = true }) => {
   return (
     <SourceCodeSnippet
       Component={Example}

diff --git a/apps/mantine-react-table-docs/examples/custom-headless/sandbox/src/JS.js b/apps/mantine-react-table-docs/examples/custom-headless/sandbox/src/JS.js
@@ -45,7 +45,7 @@ const Example = () => {
     mantinePaginationProps: {
       rowsPerPageOptions: ['5', '10', '15'],
     },
-    paginationDisplayMode: 'pages'
+    paginationDisplayMode: 'pages',
   });
 
   return (

diff --git a/apps/mantine-react-table-docs/examples/custom-headless/sandbox/src/TS.tsx b/apps/mantine-react-table-docs/examples/custom-headless/sandbox/src/TS.tsx
@@ -46,7 +46,7 @@ const Example = () => {
     mantinePaginationProps: {
       rowsPerPageOptions: ['5', '10', '15'],
     },
-    paginationDisplayMode: 'pages'
+    paginationDisplayMode: 'pages',
   });
 
   return (

diff --git a/apps/mantine-react-table-docs/examples/enable-column-pinning/sandbox/src/JS.js b/apps/mantine-react-table-docs/examples/enable-column-pinning/sandbox/src/JS.js
@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
+import { MantineReactTable } from 'mantine-react-table';
 import { data } from './makeData';
 
 const Example = () => {

diff --git a/apps/mantine-react-table-docs/examples/enable-sticky-header/sandbox/src/JS.js b/apps/mantine-react-table-docs/examples/enable-sticky-header/sandbox/src/JS.js
@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { MantineReactTable } from 'mantine-react-table';
-import { data, type Person } from './makeData';
+import { data } from './makeData';
 
 const Example = () => {
   const columns = useMemo(

diff --git a/apps/mantine-react-table-docs/examples/localization-i18n-da/sandbox/src/JS.js b/apps/mantine-react-table-docs/examples/localization-i18n-da/sandbox/src/JS.js
@@ -7,7 +7,7 @@ import { MRT_Localization_DA } from 'mantine-react-table/locales/da';
 //mock data
 import { data } from './makeData';
 
-const columns: MRT_ColumnDef<Person>[] = [
+const columns = [
   {
     accessorKey: 'firstName',
     header: 'Fornavn',

diff --git a/apps/mantine-react-table-docs/examples/localization-i18n-nl/sandbox/src/JS.js b/apps/mantine-react-table-docs/examples/localization-i18n-nl/sandbox/src/JS.js
@@ -1,5 +1,5 @@
 //Import Mantine React Table and its Types
-import { MantineReactTable, type MRT_ColumnDef } from 'mantine-react-table';
+import { MantineReactTable } from 'mantine-react-table';
 
 //Import Mantine React Table Translations
 import { MRT_Localization_NL } from 'mantine-react-table/locales/nl';

diff --git a/apps/mantine-react-table-docs/examples/localization-i18n-sr-Cyrl-RS/sandbox/src/JS.js b/apps/mantine-react-table-docs/examples/localization-i18n-sr-Cyrl-RS/sandbox/src/JS.js
@@ -5,7 +5,7 @@ import { MantineReactTable } from 'mantine-react-table';
 import { MRT_Localization_SR_CYRL_RS } from 'mantine-react-table/locales/sr-Cyrl-RS';
 
 //mock data
-import { data, type Person } from './makeData';
+import { data } from './makeData';
 
 const columns = [
   {

diff --git a/apps/mantine-react-table-docs/examples/minimal/index.tsx b/apps/mantine-react-table-docs/examples/minimal/index.tsx
@@ -4,7 +4,7 @@ const JS = require('!!raw-loader!./sandbox/src/JS.js').default;
 const TS = require('!!raw-loader!./sandbox/src/TS.tsx').default;
 const Legacy = require('!!raw-loader!./sandbox/src/Legacy.tsx').default;
 
-const ExampleTable = ({showTopRow = true}) => {
+const ExampleTable = ({ showTopRow = true }) => {
   return (
     <SourceCodeSnippet
       Component={Example}

diff --git a/apps/mantine-react-table-docs/pages/blog/index.mdx b/apps/mantine-react-table-docs/pages/blog/index.mdx
@@ -0,0 +1,14 @@
+import Head from 'next/head';
+import { TableOfContentsList } from '../../components/navigation/TableOfContentsList';
+import { routes } from '../../components/navigation/routes';
+
+<Head>
+  <title>Mantine React Table Blog</title>
+  <meta name="description" content="Mantine React Table Blog Posts" />
+</Head>
+
+## Blog
+
+<TableOfContentsList
+  items={routes.find((item) => item.href === '/blog').items}
+/>