Merge pull request #720 from icflorescu/next

V8.1 & bug fixes

Author: icflorescu

.eslintignore

@@ -1,7 +1,6 @@
 name: Publish npm & deploy docs
 
 on:
-  # Runs on pushes targeting the default branch
   push:
     branches: ['main']
 
@@ -14,43 +13,50 @@ permissions:
   pages: write
   id-token: write
 
-# Allow one concurrent deployment
 concurrency:
   group: 'pages'
   cancel-in-progress: true
 
 jobs:
-  # Build job
   build:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+          run_install: false
+
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '22.11'
-          cache: yarn
-      - name: Restore cache
+          node-version: 24.2
+          cache: pnpm
+
+      - name: Restore pnpm store
         uses: actions/cache@v4
         with:
-          path: |
-            .next/cache
-          # Generate a new cache whenever packages or source files change.
-          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
-          # If source files changed but packages didn't, rebuild from a prior cache.
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-nextjs-${{ hashFiles('**/yarn.lock') }}-
+            ${{ runner.os }}-pnpm-store-
+
       - name: Install dependencies
-        run: yarn install
+        run: pnpm install
+
       - name: Build
-        run: yarn build
         env:
           GITHUB_PAGES: 'TRUE'
+        run: pnpm build
+
       - name: Upload pages artifact
         uses: actions/upload-pages-artifact@v3
         with:
           path: ./out
+
       - name: Upload package artifact
         uses: actions/upload-artifact@v4
         with:
@@ -61,7 +67,6 @@ jobs:
             ./README.md
             ./LICENSE
 
-  # NPM publishing job
   publish:
     environment:
       name: npm-registry
@@ -75,7 +80,6 @@ jobs:
         with:
           token: ${{ secrets.NPM_TOKEN }}
 
-  # Pages deployment job
   deploy:
     environment:
       name: github-pages

.eslintrc.json

@@ -8,10 +8,6 @@
 # misc
 .DS_Store
 
-# debug
-yarn-debug.log*
-yarn-error.log*
-
 # typescript
 *.tsbuildinfo
 next-env.d.ts

.github/workflows/publish-and-deploy.yml

@@ -1,4 +1,11 @@
 {
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "explicit",
+    "source.fixAll.eslint": "explicit"
+  },
+  "files.associations": {
+    "*.css": "postcss"
+  },
   "editor.unicodeHighlight.ambiguousCharacters": false,
   "postcss.validate": false,
   "cssVariables.lookupFiles": ["node_modules/@mantine/core/esm/index.css"]

.gitignore

@@ -3,6 +3,16 @@
 The following is a list of notable changes to the Mantine DataTable component.  
 Minor versions that are not listed in the changelog are bug fixes and small improvements.
 
+## 8.1.0 (2025-03-11)
+
+- Update dependencies to ensure compatibility with Mantine 8.1 and Next.js 15.3
+- Fix [#698](https://github.com/icflorescu/mantine-datatable/issues/698) - first column header not pinned when using row selection
+- Fix [#700](https://github.com/icflorescu/mantine-datatable/issues/700) - hydration error in row dragging example
+- Upgrade development workflow to eslint v9 & fix linting rules
+- Minor improvements to docs website
+- Switch to pnpm for package management
+- Update peer dependency versions to Mantine `>=8.1` and React `>=19`
+
 ## 7.17.1 (2025-03-06)
 
 - Update dev dependencies to ensure compatibility with Mantine 7.17.1 and Next.js 15.2

.vscode/settings.json

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Ionuț-Cristian Florescu
+Copyright (c) 2022 – 2025 Ionuț-Cristian Florescu
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

CHANGELOG.md

@@ -14,7 +14,7 @@ The [lightweight](https://bundlephobia.com/package/mantine-datatable), dependenc
 
 [![Mantine DataTable](https://user-images.githubusercontent.com/581999/294180790-93289cec-4d73-47b5-988f-8c93dd3443fe.png)](https://icflorescu.github.io/mantine-datatable/)
 
-**⚠️ Mantine DataTable V7 is compatible with Mantine V7.**  
+**⚠️ Mantine DataTable V7+ is compatible with Mantine V7+.**  
 **💡 If you're looking for the old version that works with [Mantine V6](https://v6.mantine.dev), head over to [Mantine DataTable V6](https://icflorescu.github.io/mantine-datatable-v6).**
 
 ## Features

LICENSE

@@ -24,7 +24,7 @@ export function HomePageSubtitle() {
         <Text size="sm">
           compatible with{' '}
           <ExternalLink className="nowrap" to={MANTINE_LINK}>
-            Mantine V7 <IconExternalLink className={classes.linkIcon} />
+            Mantine V8.1 <IconExternalLink className={classes.linkIcon} />
           </ExternalLink>
         </Text>
       </Group>

README.md

@@ -1,18 +1,17 @@
 import type { MantineColor } from '@mantine/core';
+import type { Icon, IconProps } from '@tabler/icons-react';
 import {
-  Icon,
   IconAdjustments,
   IconBrandCss3,
   IconHeartHandshake,
   IconHome,
   IconList,
-  IconProps,
   IconQuestionMark,
   IconRocket,
   IconThumbUp,
 } from '@tabler/icons-react';
 import type { Route } from 'next';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export const PRODUCT_NAME = 'Mantine DataTable';
 export const PRODUCT_DESCRIPTION =