@cutting/material-react-table 5.0.0-beta.1 → 5.0.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0",
   "license": "MIT",
   "name": "@cutting/material-react-table",
   "description": "Maintenance fork of material-react-table updated for Material UI v9. A fully featured Material UI implementation of TanStack React Table V8.",
@@ -52,42 +52,42 @@
     "@eslint/eslintrc": "^3.3.7",
     "@eslint/js": "^10.0.1",
     "@faker-js/faker": "^10.6.0",
-    "@mui/icons-material": "^9.4.0",
-    "@mui/material": "^9.4.0",
-    "@mui/x-date-pickers": "^9.13.0",
-    "@size-limit/preset-small-lib": "^13.0.3",
-    "@storybook/addon-a11y": "^10.6.0",
-    "@storybook/addon-docs": "^10.6.0",
-    "@storybook/addon-links": "^10.6.0",
-    "@storybook/react-vite": "^10.6.0",
+    "@mui/icons-material": "^9.5.0",
+    "@mui/material": "^9.5.0",
+    "@mui/x-date-pickers": "^9.16.0",
+    "@size-limit/preset-small-lib": "^14.2.0",
+    "@storybook/addon-a11y": "^10.6.3",
+    "@storybook/addon-docs": "^10.6.3",
+    "@storybook/addon-links": "^10.6.3",
+    "@storybook/react-vite": "^10.6.3",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
-    "@testing-library/user-event": "^14.6.7",
-    "@types/node": "^26.5.0",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.7",
-    "@typescript-eslint/eslint-plugin": "^8.70.0",
-    "@typescript-eslint/parser": "^8.70.0",
-    "@vitejs/plugin-react": "^6.1.1",
+    "@testing-library/user-event": "^14.6.8",
+    "@types/node": "^26.6.5",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.72.0",
+    "@typescript-eslint/parser": "^8.72.0",
+    "@vitejs/plugin-react": "^6.1.2",
     "dayjs": "^1.11.23",
-    "eslint": "^10.10.0",
+    "eslint": "^10.13.0",
     "eslint-plugin-mui-path-imports": "^0.0.15",
-    "eslint-plugin-perfectionist": "^5.11.0",
-    "eslint-plugin-storybook": "^10.6.0",
-    "globals": "^17.12.0",
-    "jsdom": "^30.0.1",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
-    "react-is": "^19.2.8",
-    "rolldown": "^1.2.7",
-    "size-limit": "^13.0.3",
-    "storybook": "^10.6.0",
+    "eslint-plugin-perfectionist": "^5.13.0",
+    "eslint-plugin-storybook": "^10.6.3",
+    "globals": "^17.13.0",
+    "jsdom": "^30.1.3",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-is": "^19.3.1",
+    "rolldown": "^1.2.14",
+    "size-limit": "^14.2.0",
+    "storybook": "^10.6.3",
     "storybook-dark-mode": "^5.0.0",
-    "tsdown": "^0.23.0",
+    "tsdown": "^0.23.1",
     "tslib": "^2.8.1",
     "typescript": "6.0.3",
-    "vite": "^8.2.2",
-    "vitest": "^5.0.0"
+    "vite": "^8.3.5",
+    "vitest": "^5.0.5"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.13",
@@ -99,10 +99,10 @@
     "react-dom": ">=19.0"
   },
   "dependencies": {
-    "@tanstack/match-sorter-utils": "9.1.2",
-    "@tanstack/react-table": "9.2.4",
-    "@tanstack/react-virtual": "3.14.11",
-    "@tanstack/table-core": "9.2.4",
+    "@tanstack/match-sorter-utils": "9.2.6",
+    "@tanstack/react-table": "9.3.1",
+    "@tanstack/react-virtual": "3.14.21",
+    "@tanstack/table-core": "9.3.1",
     "highlight-words": "2.0.0"
   },
   "exports": {

package/src/fns/filterFns.test.tsx

@@ -135,6 +135,7 @@ describe('column filter fns', () => {
     ['greaterThanOrEqualTo', 30, ['Alice', 'alice']],
     ['lessThan', 30, ['Bob']],
     ['lessThanOrEqualTo', 20, ['Bob']],
+    ['weakEquals', '30', ['Alice']],
   ])('%s filters the age column', (filterFn, value, expected) => {
     expect(renderFiltered('age', filterFn, value)).toEqual(expected);
   });

package/src/fns/filterFns.ts

@@ -8,6 +8,7 @@ import {
   filterFn_includesString,
   filterFn_includesStringSensitive,
   filterFn_inNumberRange,
+  filterFn_weakEquals,
   type FilterMeta,
   type Row,
 } from '@tanstack/react-table';
@@ -208,4 +209,5 @@ export const MRT_FilterFns = {
   notEmpty,
   notEquals,
   startsWith,
+  weakEquals: filterFn_weakEquals,
 };

package/src/fns/sortingFns.test.tsx

@@ -0,0 +1,55 @@
+import { render } from '@testing-library/react';
+import { describe, expect, test } from 'vitest';
+
+import { MaterialReactTable } from '../components/MaterialReactTable';
+import { type MRT_ColumnDef } from '../types';
+
+interface Item {
+  code: string;
+  count: number;
+}
+
+const items: Item[] = [
+  { code: 'item10', count: 100 },
+  { code: 'item9', count: 9 },
+  { code: 'item100', count: 10 },
+];
+
+const renderSorted = (columnId: keyof Item, sortFn: string) => {
+  const columns: MRT_ColumnDef<Item>[] = [
+    { accessorKey: 'code', header: 'Code' },
+    { accessorKey: 'count', header: 'Count' },
+  ].map((column) =>
+    column.accessorKey === columnId ? { ...column, sortFn } : column,
+  );
+
+  const { container } = render(
+    <MaterialReactTable
+      columns={columns}
+      data={items}
+      initialState={{ sorting: [{ desc: false, id: columnId }] }}
+    />,
+  );
+
+  return Array.from(container.querySelectorAll('tbody tr')).map(
+    (row) => row.querySelector('td')?.textContent,
+  );
+};
+
+describe('sort fns', () => {
+  test('alphanumericCaseSensitive sorts the numbers inside the code', () => {
+    expect(renderSorted('code', 'alphanumericCaseSensitive')).toEqual([
+      'item9',
+      'item10',
+      'item100',
+    ]);
+  });
+
+  test('textCaseSensitive sorts the count as text', () => {
+    expect(renderSorted('count', 'textCaseSensitive')).toEqual([
+      'item100',
+      'item10',
+      'item9',
+    ]);
+  });
+});

package/src/fns/sortingFns.ts

@@ -1,11 +1,13 @@
 import { compareItems, type RankingInfo } from '@tanstack/match-sorter-utils';
 import {
+  type Row,
   sortFn_alphanumeric,
+  sortFn_alphanumericCaseSensitive,
   sortFn_basic,
   sortFn_datetime,
   sortFn_text,
+  sortFn_textCaseSensitive,
 } from '@tanstack/react-table';
-import { type Row } from '@tanstack/react-table';
 
 import { type MRT_Row, type MRT_RowData } from '../types';
 
@@ -29,10 +31,12 @@ const fuzzy = <TData extends MRT_RowData>(
 
 export const MRT_SortingFns = {
   alphanumeric: sortFn_alphanumeric,
+  alphanumericCaseSensitive: sortFn_alphanumericCaseSensitive,
   basic: sortFn_basic,
   datetime: sortFn_datetime,
   fuzzy,
   text: sortFn_text,
+  textCaseSensitive: sortFn_textCaseSensitive,
 };
 
 export const rankGlobalFuzzy = <TData extends MRT_RowData>(