release v2.7.0

KevinVandy · Jan 18, 2024 · 2cb84e8 · 2cb84e8 · vercel · Jan 18, 2024
1 parent 032b6e6
commit 2cb84e8
Show file tree

Hide file tree

Showing 36 changed files with 3,873 additions and 147 deletions.
diff --git a/apps/material-react-table-docs/components/navigation/routes.ts b/apps/material-react-table-docs/components/navigation/routes.ts
@@ -170,6 +170,10 @@ export const routes: Array<RouteItem> = [
             href: '/docs/examples/editing-crud-inline-table',
             label: 'Inline Table Editing Example',
           },
+          {
+            href: '/docs/examples/editing-crud-tree',
+            label: 'Tree Editing Example',
+          },
         ],
       },
       {

diff --git a/apps/material-react-table-docs/components/prop-tables/tableOptions.ts b/apps/material-react-table-docs/components/prop-tables/tableOptions.ts
@@ -1818,9 +1818,20 @@ export const tableOptions: TableOption[] = [
     source: 'MRT',
     type: "'first' | 'last'",
   },
+  {
+    tableOption: 'positionCreatingRow',
+    defaultValue: "'top'",
+    description:
+      'Where to render the new blank inserted row when in creating mode. Passing in a number will render the row before the row at that index.',
+    link: '',
+    linkText: '',
+    required: false,
+    source: 'MRT',
+    type: "'top' | 'bottom' | number",
+  },
   {
     tableOption: 'positionExpandColumn',
-    defaultValue: '',
+    defaultValue: "'first'",
     description: '',
     link: '',
     linkText: '',
@@ -1830,7 +1841,7 @@ export const tableOptions: TableOption[] = [
   },
   {
     tableOption: 'positionGlobalFilter',
-    defaultValue: '',
+    defaultValue: "'right'",
     description: '',
     link: '',
     linkText: '',
@@ -1840,7 +1851,7 @@ export const tableOptions: TableOption[] = [
   },
   {
     tableOption: 'positionPagination',
-    defaultValue: '',
+    defaultValue: "'bottom'",
     description: '',
     link: '',
     linkText: '',
@@ -1850,7 +1861,7 @@ export const tableOptions: TableOption[] = [
   },
   {
     tableOption: 'positionToolbarAlertBanner',
-    defaultValue: '',
+    defaultValue: "'top'",
     description: '',
     link: '',
     linkText: '',
@@ -1860,7 +1871,7 @@ export const tableOptions: TableOption[] = [
   },
   {
     tableOption: 'positionToolbarDropZone',
-    defaultValue: '',
+    defaultValue: "'top'",
     description: '',
     link: '',
     linkText: '',

diff --git a/apps/material-react-table-docs/example-groups/EditingCRUDExamples.tsx b/apps/material-react-table-docs/example-groups/EditingCRUDExamples.tsx
@@ -7,6 +7,7 @@ import ModalExample from '../examples/editing-crud-modal';
 import InlineRowExample from '../examples/editing-crud-row';
 import InlineCellExample from '../examples/editing-crud-cell';
 import InlineTableExample from '../examples/editing-crud-table';
+import TreeEditingExample from '../examples/editing-crud-tree';
 
 const EditingCRUDExamples = ({ isPage = false }) => {
   const { pathname, push } = useRouter();
@@ -33,6 +34,7 @@ const EditingCRUDExamples = ({ isPage = false }) => {
           <Tab label="Inline Row" value="editing-crud-inline-row" />
           <Tab label="Inline Cell" value="editing-crud-inline-cell" />
           <Tab label="Inline Table" value="editing-crud-inline-table" />
+          <Tab label="Tree Editing" value="editing-crud-tree" />
           <Link href="/docs/examples/remote" passHref legacyBehavior>
             <Tab
               label={
@@ -62,6 +64,7 @@ const EditingCRUDExamples = ({ isPage = false }) => {
         {activeTab === 'editing-crud-inline-row' && <InlineRowExample />}
         {activeTab === 'editing-crud-inline-cell' && <InlineCellExample />}
         {activeTab === 'editing-crud-inline-table' && <InlineTableExample />}
+        {activeTab === 'editing-crud-tree' && <TreeEditingExample />}
       </Box>
     </>
   );

diff --git a/apps/material-react-table-docs/example-groups/ExpandingExamples.tsx b/apps/material-react-table-docs/example-groups/ExpandingExamples.tsx
@@ -61,6 +61,17 @@ const ExpandingExamples = ({ isPage = false }) => {
               value="more"
             />
           </Link>
+          <Link href="/docs/examples/editing-crud-tree" passHref legacyBehavior>
+            <Tab
+              label={
+                <Box>
+                  Editing Sub-Rows
+                  <LaunchIcon sx={{ fontSize: '1rem' }} />
+                </Box>
+              }
+              value="more"
+            />
+          </Link>
           <Link href="/docs/examples" passHref legacyBehavior>
             <Tab
               label={

diff --git a/apps/material-react-table-docs/examples/editing-crud-modal/sandbox/src/JS.js b/apps/material-react-table-docs/examples/editing-crud-modal/sandbox/src/JS.js
@@ -40,7 +40,6 @@ const Example = () => {
         accessorKey: 'firstName',
         header: 'First Name',
         muiEditTextFieldProps: {
-          type: 'email',
           required: true,
           error: !!validationErrors?.firstName,
           helperText: validationErrors?.firstName,
@@ -57,7 +56,6 @@ const Example = () => {
         accessorKey: 'lastName',
         header: 'Last Name',
         muiEditTextFieldProps: {
-          type: 'email',
           required: true,
           error: !!validationErrors?.lastName,
           helperText: validationErrors?.lastName,

diff --git a/apps/material-react-table-docs/examples/editing-crud-modal/sandbox/src/TS.tsx b/apps/material-react-table-docs/examples/editing-crud-modal/sandbox/src/TS.tsx
@@ -45,7 +45,6 @@ const Example = () => {
         accessorKey: 'firstName',
         header: 'First Name',
         muiEditTextFieldProps: {
-          type: 'email',
           required: true,
           error: !!validationErrors?.firstName,
           helperText: validationErrors?.firstName,
@@ -62,7 +61,6 @@ const Example = () => {
         accessorKey: 'lastName',
         header: 'Last Name',
         muiEditTextFieldProps: {
-          type: 'email',
           required: true,
           error: !!validationErrors?.lastName,
           helperText: validationErrors?.lastName,

diff --git a/apps/material-react-table-docs/examples/editing-crud-row/sandbox/src/JS.js b/apps/material-react-table-docs/examples/editing-crud-row/sandbox/src/JS.js
@@ -31,7 +31,6 @@ const Example = () => {
         accessorKey: 'firstName',
         header: 'First Name',
         muiEditTextFieldProps: {
-          type: 'email',
           required: true,
           error: !!validationErrors?.firstName,
           helperText: validationErrors?.firstName,
@@ -48,7 +47,6 @@ const Example = () => {
         accessorKey: 'lastName',
         header: 'Last Name',
         muiEditTextFieldProps: {
-          type: 'email',
           required: true,
           error: !!validationErrors?.lastName,
           helperText: validationErrors?.lastName,

diff --git a/apps/material-react-table-docs/examples/editing-crud-row/sandbox/src/TS.tsx b/apps/material-react-table-docs/examples/editing-crud-row/sandbox/src/TS.tsx
@@ -36,7 +36,6 @@ const Example = () => {
         accessorKey: 'firstName',
         header: 'First Name',
         muiEditTextFieldProps: {
-          type: 'email',
           required: true,
           error: !!validationErrors?.firstName,
           helperText: validationErrors?.firstName,
@@ -53,7 +52,6 @@ const Example = () => {
         accessorKey: 'lastName',
         header: 'Last Name',
         muiEditTextFieldProps: {
-          type: 'email',
           required: true,
           error: !!validationErrors?.lastName,
           helperText: validationErrors?.lastName,

diff --git a/apps/material-react-table-docs/examples/editing-crud-tree/index.tsx b/apps/material-react-table-docs/examples/editing-crud-tree/index.tsx
@@ -0,0 +1,17 @@
+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="editing-crud-tree"
+    />
+  );
+};
+
+export default ExampleTable;
diff --git a/apps/material-react-table-docs/examples/editing-crud-tree/sandbox/.gitignore b/apps/material-react-table-docs/examples/editing-crud-tree/sandbox/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
diff --git a/apps/material-react-table-docs/examples/editing-crud-tree/sandbox/README.md b/apps/material-react-table-docs/examples/editing-crud-tree/sandbox/README.md
@@ -0,0 +1,6 @@
+# Example
+
+To run this example:
+
+- `npm install` or `yarn`
+- `npm run start` or `yarn start`
diff --git a/apps/material-react-table-docs/examples/editing-crud-tree/sandbox/index.html b/apps/material-react-table-docs/examples/editing-crud-tree/sandbox/index.html
@@ -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>