Merge pull request #723 from icflorescu/next

Release 8.1.1

Author: icflorescu

CHANGELOG.md

@@ -3,6 +3,10 @@
 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-16)
+
+- Update dependencies to ensure compatibility with Mantine 8.1.1
+
 ## 8.1.0 (2025-03-11)
 
 - Update dependencies to ensure compatibility with Mantine 8.1 and Next.js 15.3

README.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 V8.x is compatible with Mantine V8.x.**  
 **💡 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

app/(home)/HomePageSubtitle.tsx

@@ -1,7 +1,12 @@
 import { Group, Stack, Text } from '@mantine/core';
 import { IconArrowDown, IconDiscountCheck, IconExternalLink, IconInfoCircle } from '@tabler/icons-react';
 import clsx from 'clsx';
-import { MANTINE_LINK, V6_WEBSITE_LINK } from '~/app/config';
+import {
+  MANTINE_CONTEXTMENU_LINK,
+  MANTINE_CONTEXTMENU_PRODUCT_NAME,
+  MANTINE_LINK,
+  V6_WEBSITE_LINK,
+} from '~/app/config';
 import { ExternalLink } from '~/components/ExternalLink';
 import classes from './HomePageSubtitle.module.css';
 import { PackageUsersAnchor } from './PackageUsersAnchor';
@@ -19,12 +24,21 @@ export function HomePageSubtitle() {
           </PackageUsersAnchor>
         </Text>
       </Group>
+      <Group gap={8} align="flex-start" wrap="nowrap">
+        <IconDiscountCheck className={clsx(classes.leftIcon, classes.iconTrust)} />
+        <Text size="sm">
+          built by the creator of{' '}
+          <ExternalLink className="nowrap" to={MANTINE_CONTEXTMENU_LINK}>
+            {MANTINE_CONTEXTMENU_PRODUCT_NAME} <IconExternalLink className={classes.linkIcon} />
+          </ExternalLink>
+        </Text>
+      </Group>
       <Group gap={8} align="flex-start" wrap="nowrap">
         <IconDiscountCheck className={clsx(classes.leftIcon, classes.iconCompat)} />
         <Text size="sm">
           compatible with{' '}
           <ExternalLink className="nowrap" to={MANTINE_LINK}>
-            Mantine V8.1 <IconExternalLink className={classes.linkIcon} />
+            Mantine V8.x <IconExternalLink className={classes.linkIcon} />
           </ExternalLink>
         </Text>
       </Group>

components/VersionBadge.tsx

@@ -28,9 +28,9 @@ export function VersionBadge() {
             <IconAlertSquareRoundedFilled />
           </Box>
           <br />
-          This version works with Mantine V8.1
+          This version works with Mantine V8.x
           <br />
-          (and probably V7).
+          (and probably V7.x).
           <br />
           <br />
           If you’re still using <ExternalLink to="https://v6.mantine.dev">Mantine V6</ExternalLink>, check the old

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mantine-datatable",
-  "version": "8.1.0",
+  "version": "8.1.1",
   "description": "The lightweight, dependency-free, dark-theme aware table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagination, intuitive Gmail-style additive batch rows selection, column sorting, custom cell data rendering, row expansion, nesting, context menus, and much more",
   "keywords": [
     "mantine",
@@ -77,28 +77,28 @@
     "@faker-js/faker": "^9.8.0",
     "@formkit/auto-animate": "^0.8.2",
     "@hello-pangea/dnd": "^18.0.1",
-    "@mantine/code-highlight": "^8.1.0",
-    "@mantine/core": "^8.1.0",
-    "@mantine/dates": "^8.1.0",
-    "@mantine/hooks": "^8.1.0",
-    "@mantine/modals": "^8.1.0",
-    "@mantine/notifications": "^8.1.0",
+    "@mantine/code-highlight": "^8.1.1",
+    "@mantine/core": "^8.1.1",
+    "@mantine/dates": "^8.1.1",
+    "@mantine/hooks": "^8.1.1",
+    "@mantine/modals": "^8.1.1",
+    "@mantine/notifications": "^8.1.1",
     "@tabler/icons-react": "^3.34.0",
     "@tanstack/react-query": "^5.80.7",
     "@types/lodash": "^4.17.17",
-    "@types/node": "^24.0.1",
+    "@types/node": "^24.0.3",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@typescript-eslint/eslint-plugin": "^8.34.0",
     "@typescript-eslint/parser": "^8.34.0",
     "clsx": "^2.1.1",
     "cssnano": "^7.0.7",
     "dayjs": "^1.11.13",
-    "eslint": "^9.28.0",
+    "eslint": "^9.29.0",
     "eslint-config-next": "^15.3.3",
     "eslint-config-prettier": "^10.1.5",
     "lodash": "^4.17.21",
-    "mantine-contextmenu": "^8.1.1",
+    "mantine-contextmenu": "^8.1.2",
     "next": "^15.3.3",
     "postcss": "^8.5.5",
     "postcss-cli": "^11.0.1",