auto complete filter variant feature

KevinVandy · Oct 6, 2023 · b2e93a9 · b2e93a9
1 parent 011420c
commit b2e93a9
Show file tree

Hide file tree

Showing 7 changed files with 242 additions and 84 deletions.
diff --git a/apps/material-react-table-docs/components/prop-tables/rowInstanceAPIs.ts b/apps/material-react-table-docs/components/prop-tables/rowInstanceAPIs.ts
@@ -51,6 +51,13 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    rowInstanceAPI: 'getCanPin',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'getCanSelect',
     type: '',
@@ -72,6 +79,20 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    rowInstanceAPI: 'getGroupingValue',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
+  {
+    rowInstanceAPI: 'getIsAllParentsExpanded',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'getIsAllSubRowsSelected',
     type: '',
@@ -93,6 +114,13 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    rowInstanceAPI: 'getIsPinned',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'getIsSelected',
     type: '',
@@ -135,6 +163,13 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    rowInstanceAPI: 'getPinnedIndex',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'getRightVisibleCells',
     type: '',
@@ -177,7 +212,13 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
-  { rowInstanceAPI: 'id', type: '', description: '', link: '', linkText: '' },
+  {
+    rowInstanceAPI: 'id',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'index',
     type: '',
@@ -206,6 +247,13 @@ export const rowInstanceAPIs: RowInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    rowInstanceAPI: 'pin',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     rowInstanceAPI: 'renderValue',
     type: '',

diff --git a/apps/material-react-table-docs/components/prop-tables/tableInstanceAPIs.ts b/apps/material-react-table-docs/components/prop-tables/tableInstanceAPIs.ts
@@ -30,6 +30,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'getBottomRows',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'getCanNextPage',
     type: '',
@@ -86,6 +93,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'getCenterRows',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'getCenterTotalSize',
     type: '',
@@ -268,6 +282,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'getIsSomeRowsPinned',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'getIsSomeRowsSelected',
     type: '',
@@ -506,6 +527,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'getTopRows',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'getTotalSize',
     type: '',
@@ -653,6 +681,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'resetRowPinning',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'resetRowSelection',
     type: '',
@@ -716,6 +751,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'setCreatingRow',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'setDensity',
     type: '',
@@ -835,6 +877,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'setRowPinning',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'setRowSelection',
     type: '',
@@ -863,6 +912,13 @@ export const tableInstanceAPIs: TableInstanceAPI[] = [
     link: '',
     linkText: '',
   },
+  {
+    tableInstanceAPI: 'setShowToolbarDropZone',
+    type: '',
+    description: '',
+    link: '',
+    linkText: '',
+  },
   {
     tableInstanceAPI: 'setSorting',
     type: '',

diff --git a/apps/material-react-table-docs/pages/migrating-to-v2.mdx b/apps/material-react-table-docs/pages/migrating-to-v2.mdx
@@ -19,11 +19,12 @@ import { InstallCommand } from '../components/mdx/InstallCommand';
 2. Greatly improved Editing and Creating features.
 3. New Row Pinning Features
 4. New Column Filtering `'popover'` display mode to give a more "excel-like" filtering experience.
-5. New Date Filter variants.
+5. New Date and Date Range Filter variants
+6. New Autocomplete Filter variant
 
 ### Breaking Changes
 
-- `@mui/x-date-pickers` is now a required peer dependency. Install it with
+- `@mui/x-date-pickers v >=6.15.0` is now a required peer dependency. Install it with:
 
 <InstallCommand packagesString="@mui/x-date-pickers" />
 

diff --git a/packages/material-react-table/build-locales.mjs b/packages/material-react-table/build-locales.mjs
@@ -1,6 +1,6 @@
+import typescript from '@rollup/plugin-typescript';
 import { rollup } from 'rollup';
 import copy from 'rollup-plugin-copy';
-import typescript from '@rollup/plugin-typescript';
 
 const supportedLocales = [
   'ar',
@@ -50,10 +50,10 @@ async function build(locale) {
       copy({
         targets: [
           ...['cjs', 'esm'].map((format) => ({
-            src: `./dist/esm/types/locales/${locale}.d.ts`,
             dest: './locales',
             rename: () =>
               format === 'esm' ? `${locale}.${format}.d.ts` : `${locale}.d.ts`,
+            src: `./dist/esm/types/locales/${locale}.d.ts`,
           })),
         ],
       }),