From 1b0ec494324db4db713945f523247b7d03a430a8 Mon Sep 17 00:00:00 2001 From: Cedric Dugas Date: Tue, 30 Sep 2025 14:40:57 -0400 Subject: [PATCH 1/5] Mantine 8 install --- apps/mantine-react-table-docs/package.json | 11 +- .../mantine-react-table/build-locales.mjs | 8 +- packages/mantine-react-table/package.json | 11 +- .../mantine-react-table/rollup.config.mjs | 1 + .../src/components/head/MRT_TableHeadCell.tsx | 5 +- pnpm-lock.yaml | 212 ++++++++++-------- 6 files changed, 141 insertions(+), 107 deletions(-) diff --git a/apps/mantine-react-table-docs/package.json b/apps/mantine-react-table-docs/package.json index 9714692c3..7cb053ac1 100644 --- a/apps/mantine-react-table-docs/package.json +++ b/apps/mantine-react-table-docs/package.json @@ -18,11 +18,11 @@ "@fortawesome/fontawesome-svg-core": "^6.6.0", "@fortawesome/free-solid-svg-icons": "^6.6.0", "@fortawesome/react-fontawesome": "^0.2.2", - "@mantine/code-highlight": "7.13.2", - "@mantine/core": "7.13.2", - "@mantine/dates": "7.13.2", - "@mantine/hooks": "7.13.2", - "@mantine/modals": "7.13.2", + "@mantine/code-highlight": "8.3.2", + "@mantine/core": "8.3.2", + "@mantine/dates": "8.3.2", + "@mantine/hooks": "8.3.2", + "@mantine/modals": "8.3.2", "@mdx-js/loader": "^3.0.1", "@mdx-js/react": "^3.0.1", "@next/mdx": "^14.2.15", @@ -34,6 +34,7 @@ "export-to-csv": "^1.4.0", "jspdf": "^2.5.2", "jspdf-autotable": "^3.8.3", + "mantine-contextmenu": "^8.2.0", "mantine-react-table": "workspace:*", "next": "14.2.15", "next-sitemap": "^4.2.3", diff --git a/packages/mantine-react-table/build-locales.mjs b/packages/mantine-react-table/build-locales.mjs index b90ccf2df..0c5b4fa70 100644 --- a/packages/mantine-react-table/build-locales.mjs +++ b/packages/mantine-react-table/build-locales.mjs @@ -1,9 +1,13 @@ /* eslint-disable */ -import pkg from './package.json' assert { type: 'json' }; -import typescript from '@rollup/plugin-typescript'; import fs from 'fs'; +import { readFileSync } from 'node:fs'; +import typescript from '@rollup/plugin-typescript'; import { rollup } from 'rollup'; +const pkg = JSON.parse( + readFileSync(new URL('./package.json', import.meta.url), 'utf8'), +); + const supportedLocales = [ 'ar', 'az', diff --git a/packages/mantine-react-table/package.json b/packages/mantine-react-table/package.json index 231a14a5e..a9a21eb10 100644 --- a/packages/mantine-react-table/package.json +++ b/packages/mantine-react-table/package.json @@ -82,12 +82,13 @@ "@babel/core": "^7.25.8", "@babel/preset-react": "^7.25.7", "@faker-js/faker": "^9.0.3", - "@mantine/core": "7.13.2", - "@mantine/dates": "7.13.2", - "@mantine/hooks": "7.13.2", + "@mantine/core": "8.3.2", + "@mantine/dates": "8.3.2", + "@mantine/hooks": "8.3.2", "@rollup/plugin-babel": "^6.0.4", "@rollup/plugin-node-resolve": "^15.3.0", "@rollup/plugin-typescript": "^11.1.6", + "@rollup/rollup-darwin-arm64": "4.24.0", "@size-limit/preset-small-lib": "^11.1.6", "@storybook/addon-a11y": "^8.3.5", "@storybook/addon-essentials": "^8.3.5", @@ -110,7 +111,7 @@ "dayjs": "^1.11.13", "eslint": "^8.57.0", "eslint-plugin-perfectionist": "^3.8.0", - "mantine-contextmenu": "^7.12.2", + "mantine-contextmenu": "^8.2.0", "postcss": "^8.4.47", "postcss-preset-mantine": "^1.17.0", "postcss-simple-vars": "^7.0.1", @@ -133,6 +134,8 @@ "vite": "^5.4.8" }, "dependencies": { + "@mantine/code-highlight": "^8.3.2", + "@mantine/modals": "^8.3.2", "@tanstack/match-sorter-utils": "8.19.4", "@tanstack/react-table": "8.20.5", "@tanstack/react-virtual": "3.11.2" diff --git a/packages/mantine-react-table/rollup.config.mjs b/packages/mantine-react-table/rollup.config.mjs index cb6d831f9..066ec7fe0 100644 --- a/packages/mantine-react-table/rollup.config.mjs +++ b/packages/mantine-react-table/rollup.config.mjs @@ -1,4 +1,5 @@ import pkg from './package.json' assert { type: 'json' }; + import typescript from '@rollup/plugin-typescript'; import copy from 'rollup-plugin-copy'; import del from 'rollup-plugin-delete'; diff --git a/packages/mantine-react-table/src/components/head/MRT_TableHeadCell.tsx b/packages/mantine-react-table/src/components/head/MRT_TableHeadCell.tsx index c3f456995..9e9a3024f 100644 --- a/packages/mantine-react-table/src/components/head/MRT_TableHeadCell.tsx +++ b/packages/mantine-react-table/src/components/head/MRT_TableHeadCell.tsx @@ -5,7 +5,6 @@ import classes from './MRT_TableHeadCell.module.css'; import { type CSSProperties, type DragEventHandler, - type MutableRefObject, type ReactNode, useMemo, useState, @@ -207,9 +206,7 @@ export const MRT_TableHeadCell = ({ ref={(node: HTMLTableCellElement) => { if (node) { tableHeadCellRefs.current[column.id] = node; - ( - isHoveredHeadCellRef as MutableRefObject - ).current = node; + isHoveredHeadCellRef(node); if (columnDefType !== 'group') { columnVirtualizer?.measureElement?.(node); } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 5b43db592..a6d9a3a30 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1,5 +1,9 @@ lockfileVersion: '6.0' +settings: + autoInstallPeers: true + excludeLinksFromLockfile: false + importers: .: @@ -29,20 +33,20 @@ importers: specifier: ^0.2.2 version: 0.2.2(@fortawesome/fontawesome-svg-core@6.6.0)(react@18.3.1) '@mantine/code-highlight': - specifier: 7.13.2 - version: 7.13.2(@mantine/core@7.13.2)(@mantine/hooks@7.13.2)(react-dom@18.3.1)(react@18.3.1) + specifier: 8.3.2 + version: 8.3.2(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(react-dom@18.3.1)(react@18.3.1) '@mantine/core': - specifier: 7.13.2 - version: 7.13.2(@mantine/hooks@7.13.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) + specifier: 8.3.2 + version: 8.3.2(@mantine/hooks@8.3.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) '@mantine/dates': - specifier: 7.13.2 - version: 7.13.2(@mantine/core@7.13.2)(@mantine/hooks@7.13.2)(dayjs@1.11.13)(react-dom@18.3.1)(react@18.3.1) + specifier: 8.3.2 + version: 8.3.2(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(dayjs@1.11.13)(react-dom@18.3.1)(react@18.3.1) '@mantine/hooks': - specifier: 7.13.2 - version: 7.13.2(react@18.3.1) + specifier: 8.3.2 + version: 8.3.2(react@18.3.1) '@mantine/modals': - specifier: 7.13.2 - version: 7.13.2(@mantine/core@7.13.2)(@mantine/hooks@7.13.2)(react-dom@18.3.1)(react@18.3.1) + specifier: 8.3.2 + version: 8.3.2(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(react-dom@18.3.1)(react@18.3.1) '@mdx-js/loader': specifier: ^3.0.1 version: 3.0.1(acorn@8.14.1)(webpack@5.99.9) @@ -76,6 +80,9 @@ importers: jspdf-autotable: specifier: ^3.8.3 version: 3.8.3(jspdf@2.5.2) + mantine-contextmenu: + specifier: ^8.2.0 + version: 8.2.0(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(clsx@2.1.1)(react-dom@18.3.1)(react@18.3.1) mantine-react-table: specifier: workspace:* version: link:../../packages/mantine-react-table @@ -134,6 +141,12 @@ importers: packages/mantine-react-table: dependencies: + '@mantine/code-highlight': + specifier: ^8.3.2 + version: 8.3.2(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(react-dom@18.3.1)(react@18.3.1) + '@mantine/modals': + specifier: ^8.3.2 + version: 8.3.2(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(react-dom@18.3.1)(react@18.3.1) '@tanstack/match-sorter-utils': specifier: 8.19.4 version: 8.19.4 @@ -154,14 +167,14 @@ importers: specifier: ^9.0.3 version: 9.0.3 '@mantine/core': - specifier: 7.13.2 - version: 7.13.2(@mantine/hooks@7.13.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) + specifier: 8.3.2 + version: 8.3.2(@mantine/hooks@8.3.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) '@mantine/dates': - specifier: 7.13.2 - version: 7.13.2(@mantine/core@7.13.2)(@mantine/hooks@7.13.2)(dayjs@1.11.13)(react-dom@18.3.1)(react@18.3.1) + specifier: 8.3.2 + version: 8.3.2(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(dayjs@1.11.13)(react-dom@18.3.1)(react@18.3.1) '@mantine/hooks': - specifier: 7.13.2 - version: 7.13.2(react@18.3.1) + specifier: 8.3.2 + version: 8.3.2(react@18.3.1) '@rollup/plugin-babel': specifier: ^6.0.4 version: 6.0.4(@babel/core@7.25.8)(rollup@4.24.0) @@ -171,6 +184,9 @@ importers: '@rollup/plugin-typescript': specifier: ^11.1.6 version: 11.1.6(rollup@4.24.0)(tslib@2.7.0)(typescript@5.6.3) + '@rollup/rollup-darwin-arm64': + specifier: 4.24.0 + version: 4.24.0 '@size-limit/preset-small-lib': specifier: ^11.1.6 version: 11.1.6(size-limit@11.1.6) @@ -238,8 +254,8 @@ importers: specifier: ^3.8.0 version: 3.8.0(eslint@8.57.0)(typescript@5.6.3) mantine-contextmenu: - specifier: ^7.12.2 - version: 7.12.2(@mantine/core@7.13.2)(@mantine/hooks@7.13.2)(clsx@2.1.1)(react@18.3.1) + specifier: ^8.2.0 + version: 8.2.0(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(clsx@2.1.1)(react-dom@18.3.1)(react@18.3.1) postcss: specifier: ^8.4.47 version: 8.4.47 @@ -1532,41 +1548,41 @@ packages: engines: {node: '>=18.0.0', npm: '>=9.0.0'} deprecated: Please update to a newer version - /@floating-ui/core@1.7.0: - resolution: {integrity: sha512-FRdBLykrPPA6P76GGGqlex/e7fbe0F1ykgxHYNXQsH/iTEtjMj/f9bpY5oQqbjt5VgZvgz/uKXbGuROijh3VLA==} + /@floating-ui/core@1.7.3: + resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==} dependencies: - '@floating-ui/utils': 0.2.9 + '@floating-ui/utils': 0.2.10 - /@floating-ui/dom@1.7.0: - resolution: {integrity: sha512-lGTor4VlXcesUMh1cupTUTDoCxMb0V6bm3CnxHzQcw8Eaf1jQbgQX4i02fYgT0vJ82tb5MZ4CZk1LRGkktJCzg==} + /@floating-ui/dom@1.7.4: + resolution: {integrity: sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==} dependencies: - '@floating-ui/core': 1.7.0 - '@floating-ui/utils': 0.2.9 + '@floating-ui/core': 1.7.3 + '@floating-ui/utils': 0.2.10 - /@floating-ui/react-dom@2.1.2(react-dom@18.3.1)(react@18.3.1): - resolution: {integrity: sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==} + /@floating-ui/react-dom@2.1.6(react-dom@18.3.1)(react@18.3.1): + resolution: {integrity: sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==} peerDependencies: react: '>=16.8.0' react-dom: '>=16.8.0' dependencies: - '@floating-ui/dom': 1.7.0 + '@floating-ui/dom': 1.7.4 react: 18.3.1 react-dom: 18.3.1(react@18.3.1) - /@floating-ui/react@0.26.28(react-dom@18.3.1)(react@18.3.1): - resolution: {integrity: sha512-yORQuuAtVpiRjpMhdc0wJj06b9JFjrYF4qp96j++v2NBpbi6SEGF7donUJ3TMieerQ6qVkAv1tgr7L4r5roTqw==} + /@floating-ui/react@0.27.16(react-dom@18.3.1)(react@18.3.1): + resolution: {integrity: sha512-9O8N4SeG2z++TSM8QA/KTeKFBVCNEz/AGS7gWPJf6KFRzmRWixFRnCnkPHRDwSVZW6QPDO6uT0P2SpWNKCc9/g==} peerDependencies: - react: '>=16.8.0' - react-dom: '>=16.8.0' + react: '>=17.0.0' + react-dom: '>=17.0.0' dependencies: - '@floating-ui/react-dom': 2.1.2(react-dom@18.3.1)(react@18.3.1) - '@floating-ui/utils': 0.2.9 + '@floating-ui/react-dom': 2.1.6(react-dom@18.3.1)(react@18.3.1) + '@floating-ui/utils': 0.2.10 react: 18.3.1 react-dom: 18.3.1(react@18.3.1) tabbable: 6.2.0 - /@floating-ui/utils@0.2.9: - resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==} + /@floating-ui/utils@0.2.10: + resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==} /@fortawesome/fontawesome-common-types@6.6.0: resolution: {integrity: sha512-xyX0X9mc0kyz9plIyryrRbl7ngsA9jz77mCZJsUkLl+ZKs0KWObgaEBoSgQiYWAsSmjz/yjl0F++Got0Mdp4Rw==} @@ -1680,74 +1696,73 @@ packages: '@jridgewell/resolve-uri': 3.1.2 '@jridgewell/sourcemap-codec': 1.5.0 - /@mantine/code-highlight@7.13.2(@mantine/core@7.13.2)(@mantine/hooks@7.13.2)(react-dom@18.3.1)(react@18.3.1): - resolution: {integrity: sha512-gBZvsECENELXsAeCuk86/vpOnxqdOXx9e6iNbQKyiGxcmcHli0+OgnZLL4WP4xt0pd6jTni+B+kJP2g9WfJQtA==} + /@mantine/code-highlight@8.3.2(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(react-dom@18.3.1)(react@18.3.1): + resolution: {integrity: sha512-0pQg4AMSTfnzjt78Wc7KQc1PBOKdReGPZPUYCmfRPRfPw8MHwHedQiZ3ziK+DC/ghADgs4odJyUsfXGd5JLjrA==} peerDependencies: - '@mantine/core': 7.13.2 - '@mantine/hooks': 7.13.2 - react: ^18.2.0 - react-dom: ^18.2.0 + '@mantine/core': 8.3.2 + '@mantine/hooks': 8.3.2 + react: ^18.x || ^19.x + react-dom: ^18.x || ^19.x dependencies: - '@mantine/core': 7.13.2(@mantine/hooks@7.13.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) - '@mantine/hooks': 7.13.2(react@18.3.1) + '@mantine/core': 8.3.2(@mantine/hooks@8.3.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) + '@mantine/hooks': 8.3.2(react@18.3.1) clsx: 2.1.1 - highlight.js: 11.11.1 react: 18.3.1 react-dom: 18.3.1(react@18.3.1) dev: false - /@mantine/core@7.13.2(@mantine/hooks@7.13.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1): - resolution: {integrity: sha512-nD8oKIal+KdthqF074+ZG21035QBEAKso2zK9D6zWxRTLVCjLCNSc5JSXrXLrdBTnvPQGY26yunX4+MEPlmrHg==} + /@mantine/core@8.3.2(@mantine/hooks@8.3.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1): + resolution: {integrity: sha512-uIHC9ooEZ9E+/pw8ag4f8pi0GmwSQ1DYnETjr4a4ZNVKJHfVv5NSkjprBxPrKJq9oox/SdcrAWy5XlKTwBzRag==} peerDependencies: - '@mantine/hooks': 7.13.2 - react: ^18.2.0 - react-dom: ^18.2.0 + '@mantine/hooks': 8.3.2 + react: ^18.x || ^19.x + react-dom: ^18.x || ^19.x dependencies: - '@floating-ui/react': 0.26.28(react-dom@18.3.1)(react@18.3.1) - '@mantine/hooks': 7.13.2(react@18.3.1) + '@floating-ui/react': 0.27.16(react-dom@18.3.1)(react@18.3.1) + '@mantine/hooks': 8.3.2(react@18.3.1) clsx: 2.1.1 react: 18.3.1 react-dom: 18.3.1(react@18.3.1) react-number-format: 5.4.4(react-dom@18.3.1)(react@18.3.1) - react-remove-scroll: 2.7.0(@types/react@18.3.11)(react@18.3.1) - react-textarea-autosize: 8.5.3(@types/react@18.3.11)(react@18.3.1) + react-remove-scroll: 2.7.1(@types/react@18.3.11)(react@18.3.1) + react-textarea-autosize: 8.5.9(@types/react@18.3.11)(react@18.3.1) type-fest: 4.41.0 transitivePeerDependencies: - '@types/react' - /@mantine/dates@7.13.2(@mantine/core@7.13.2)(@mantine/hooks@7.13.2)(dayjs@1.11.13)(react-dom@18.3.1)(react@18.3.1): - resolution: {integrity: sha512-FSLGTM5s47mmHnIudRxrMXjE1EO56Qp01nATa9OwqVgVYVxxJ5xvS1ys5yxSGSE1jQk+3kyYQXHyLFcqbFhIVA==} + /@mantine/dates@8.3.2(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(dayjs@1.11.13)(react-dom@18.3.1)(react@18.3.1): + resolution: {integrity: sha512-qO9Aft+icFGSeLFTbbHfef/UIKpmUzwujsYuRFw8o6cqOqhqjlC9ObE/3DATxvS+vK9BxODUZYGtE2sI4XUO3Q==} peerDependencies: - '@mantine/core': 7.13.2 - '@mantine/hooks': 7.13.2 + '@mantine/core': 8.3.2 + '@mantine/hooks': 8.3.2 dayjs: '>=1.0.0' - react: ^18.2.0 - react-dom: ^18.2.0 + react: ^18.x || ^19.x + react-dom: ^18.x || ^19.x dependencies: - '@mantine/core': 7.13.2(@mantine/hooks@7.13.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) - '@mantine/hooks': 7.13.2(react@18.3.1) + '@mantine/core': 8.3.2(@mantine/hooks@8.3.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) + '@mantine/hooks': 8.3.2(react@18.3.1) clsx: 2.1.1 dayjs: 1.11.13 react: 18.3.1 react-dom: 18.3.1(react@18.3.1) - /@mantine/hooks@7.13.2(react@18.3.1): - resolution: {integrity: sha512-NKfGl2sKZw6zF//AfAFJrVDftjg7DKCn0h8rwJBIZCKi9axhwlV0Mvlqe2dep8QuM7O/uLLJSymSKIv1gaxIJg==} + /@mantine/hooks@8.3.2(react@18.3.1): + resolution: {integrity: sha512-urDgQJNAs2t2mAyGaA+7uNsBMRn9U/ccvi+ZUl5ef3/Wzfv5KYHe9LA9DBNhn24BTSewxrI27W0EFpFxv/Jsbg==} peerDependencies: - react: ^18.2.0 + react: ^18.x || ^19.x dependencies: react: 18.3.1 - /@mantine/modals@7.13.2(@mantine/core@7.13.2)(@mantine/hooks@7.13.2)(react-dom@18.3.1)(react@18.3.1): - resolution: {integrity: sha512-rKkXss1ZYAbkSi9ZcUsBY/HyGjgKk+bT8TXzLoClBRgg6uyto+/2lT9M5e4Nao+2PsjsRnWI/ZgddNZKiSaNgQ==} + /@mantine/modals@8.3.2(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(react-dom@18.3.1)(react@18.3.1): + resolution: {integrity: sha512-1Of0KP27bAo8HTfsO7p5wy26+aUrb8h1w3mftoVlw463f/NYABm6ax+aZDx5NZdcqime2mnHasHaOWbHDfIk1A==} peerDependencies: - '@mantine/core': 7.13.2 - '@mantine/hooks': 7.13.2 - react: ^18.2.0 - react-dom: ^18.2.0 + '@mantine/core': 8.3.2 + '@mantine/hooks': 8.3.2 + react: ^18.x || ^19.x + react-dom: ^18.x || ^19.x dependencies: - '@mantine/core': 7.13.2(@mantine/hooks@7.13.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) - '@mantine/hooks': 7.13.2(react@18.3.1) + '@mantine/core': 8.3.2(@mantine/hooks@8.3.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) + '@mantine/hooks': 8.3.2(react@18.3.1) react: 18.3.1 react-dom: 18.3.1(react@18.3.1) dev: false @@ -2186,7 +2201,6 @@ packages: os: [darwin] requiresBuild: true dev: true - optional: true /@rollup/rollup-darwin-x64@4.24.0: resolution: {integrity: sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==} @@ -3123,6 +3137,7 @@ packages: /@types/raf@3.4.3: resolution: {integrity: sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==} + requiresBuild: true dev: false optional: true @@ -3978,6 +3993,7 @@ packages: /base64-arraybuffer@1.0.2: resolution: {integrity: sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==} engines: {node: '>= 0.6.0'} + requiresBuild: true dev: false optional: true @@ -4319,6 +4335,7 @@ packages: /css-line-break@2.1.0: resolution: {integrity: sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==} + requiresBuild: true dependencies: utrie: 1.0.2 dev: false @@ -4592,6 +4609,7 @@ packages: resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==} engines: {node: '>=0.10'} hasBin: true + requiresBuild: true dev: true optional: true @@ -5934,11 +5952,6 @@ packages: '@types/hast': 3.0.4 dev: false - /highlight.js@11.11.1: - resolution: {integrity: sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==} - engines: {node: '>=12.0.0'} - dev: false - /html-tags@3.3.1: resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==} engines: {node: '>=8'} @@ -5975,6 +5988,7 @@ packages: /iconv-lite@0.6.3: resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==} engines: {node: '>=0.10.0'} + requiresBuild: true dependencies: safer-buffer: 2.1.2 dev: true @@ -6639,19 +6653,20 @@ packages: semver: 6.3.1 dev: true - /mantine-contextmenu@7.12.2(@mantine/core@7.13.2)(@mantine/hooks@7.13.2)(clsx@2.1.1)(react@18.3.1): - resolution: {integrity: sha512-HD/xrGTGkq51WIVOh97gG1C0Z+PgV6gBPzALrPmv14R4t8iBUEJEY1A9CUvnV/yNjxBas+AA+2flXMAc0wyBxw==} + /mantine-contextmenu@8.2.0(@mantine/core@8.3.2)(@mantine/hooks@8.3.2)(clsx@2.1.1)(react-dom@18.3.1)(react@18.3.1): + resolution: {integrity: sha512-GKxC13wTnwCmToh6UvQtXN/vVbdbnScwXYtgzyKOzVGGEPBDmkqhKjG/IYq+JqSIqf/t9WoVHPm/81Jqi5FJgg==} peerDependencies: - '@mantine/core': '>=7.12' - '@mantine/hooks': '>=7.12' + '@mantine/core': '>=8.2' + '@mantine/hooks': '>=8.2' clsx: '>=2' - react: '>=18.2' + react: '>=19' + react-dom: '>=19' dependencies: - '@mantine/core': 7.13.2(@mantine/hooks@7.13.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) - '@mantine/hooks': 7.13.2(react@18.3.1) + '@mantine/core': 8.3.2(@mantine/hooks@8.3.2)(@types/react@18.3.11)(react-dom@18.3.1)(react@18.3.1) + '@mantine/hooks': 8.3.2(react@18.3.1) clsx: 2.1.1 react: 18.3.1 - dev: true + react-dom: 18.3.1(react@18.3.1) /map-or-similar@1.5.0: resolution: {integrity: sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==} @@ -7261,6 +7276,7 @@ packages: /node-addon-api@7.1.1: resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==} + requiresBuild: true dev: true optional: true @@ -7526,6 +7542,7 @@ packages: /performance-now@2.1.0: resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==} + requiresBuild: true dev: false optional: true @@ -7544,6 +7561,7 @@ packages: /pify@4.0.1: resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==} engines: {node: '>=6'} + requiresBuild: true dev: true optional: true @@ -8071,6 +8089,7 @@ packages: /prr@1.0.1: resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==} + requiresBuild: true dev: true optional: true @@ -8091,6 +8110,7 @@ packages: /raf@3.4.1: resolution: {integrity: sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==} + requiresBuild: true dependencies: performance-now: 2.1.0 dev: false @@ -8229,8 +8249,8 @@ packages: react-style-singleton: 2.2.3(@types/react@18.3.11)(react@18.3.1) tslib: 2.7.0 - /react-remove-scroll@2.7.0(@types/react@18.3.11)(react@18.3.1): - resolution: {integrity: sha512-sGsQtcjMqdQyijAHytfGEELB8FufGbfXIsvUTe+NLx1GDRJCXtCFLBLUI1eyZCKXXvbEU2C6gai0PZKoIE9Vbg==} + /react-remove-scroll@2.7.1(@types/react@18.3.11)(react@18.3.1): + resolution: {integrity: sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA==} engines: {node: '>=10'} peerDependencies: '@types/react': '*' @@ -8262,11 +8282,11 @@ packages: react: 18.3.1 tslib: 2.7.0 - /react-textarea-autosize@8.5.3(@types/react@18.3.11)(react@18.3.1): - resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==} + /react-textarea-autosize@8.5.9(@types/react@18.3.11)(react@18.3.1): + resolution: {integrity: sha512-U1DGlIQN5AwgjTyOEnI1oCcMuEr1pv1qOtklB2l4nyMGbHzWrI0eFsYK0zos2YWqAolJyG0IWJaqWmWj5ETh0A==} engines: {node: '>=10'} peerDependencies: - react: ^16.8.0 || ^17.0.0 || ^18.0.0 + react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 dependencies: '@babel/runtime': 7.27.3 react: 18.3.1 @@ -8359,6 +8379,7 @@ packages: /regenerator-runtime@0.13.11: resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==} + requiresBuild: true dev: false optional: true @@ -8487,6 +8508,7 @@ packages: /rgbcolor@1.0.1: resolution: {integrity: sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==} engines: {node: '>= 0.8.15'} + requiresBuild: true dev: false optional: true @@ -8659,6 +8681,7 @@ packages: /sax@1.4.1: resolution: {integrity: sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==} + requiresBuild: true dev: true optional: true @@ -8692,6 +8715,7 @@ packages: /semver@5.7.2: resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==} hasBin: true + requiresBuild: true dev: true optional: true @@ -8888,6 +8912,7 @@ packages: /stackblur-canvas@2.7.0: resolution: {integrity: sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==} engines: {node: '>=0.1.14'} + requiresBuild: true dev: false optional: true @@ -9156,6 +9181,7 @@ packages: /svg-pathdata@6.0.3: resolution: {integrity: sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==} engines: {node: '>=12.0.0'} + requiresBuild: true dev: false optional: true @@ -9221,6 +9247,7 @@ packages: /text-segmentation@1.0.3: resolution: {integrity: sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==} + requiresBuild: true dependencies: utrie: 1.0.2 dev: false @@ -9694,6 +9721,7 @@ packages: /utrie@1.0.2: resolution: {integrity: sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==} + requiresBuild: true dependencies: base64-arraybuffer: 1.0.2 dev: false From d8910ca103b5dc0da9fdc66016a9fdf5b91e79cf Mon Sep 17 00:00:00 2001 From: Cedric Dugas Date: Tue, 30 Sep 2025 14:42:15 -0400 Subject: [PATCH 2/5] Mantine 8 install --- packages/mantine-react-table/build-locales.mjs | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/packages/mantine-react-table/build-locales.mjs b/packages/mantine-react-table/build-locales.mjs index 0c5b4fa70..b90ccf2df 100644 --- a/packages/mantine-react-table/build-locales.mjs +++ b/packages/mantine-react-table/build-locales.mjs @@ -1,13 +1,9 @@ /* eslint-disable */ -import fs from 'fs'; -import { readFileSync } from 'node:fs'; +import pkg from './package.json' assert { type: 'json' }; import typescript from '@rollup/plugin-typescript'; +import fs from 'fs'; import { rollup } from 'rollup'; -const pkg = JSON.parse( - readFileSync(new URL('./package.json', import.meta.url), 'utf8'), -); - const supportedLocales = [ 'ar', 'az', From 7a930e9f489257baba0ffc98271bfac137b0ff6d Mon Sep 17 00:00:00 2001 From: Cedric Dugas Date: Tue, 30 Sep 2025 14:45:55 -0400 Subject: [PATCH 3/5] Mantine 8 install --- packages/mantine-react-table/package.json | 1 - pnpm-lock.yaml | 4 +--- 2 files changed, 1 insertion(+), 4 deletions(-) diff --git a/packages/mantine-react-table/package.json b/packages/mantine-react-table/package.json index a9a21eb10..5ae58da02 100644 --- a/packages/mantine-react-table/package.json +++ b/packages/mantine-react-table/package.json @@ -88,7 +88,6 @@ "@rollup/plugin-babel": "^6.0.4", "@rollup/plugin-node-resolve": "^15.3.0", "@rollup/plugin-typescript": "^11.1.6", - "@rollup/rollup-darwin-arm64": "4.24.0", "@size-limit/preset-small-lib": "^11.1.6", "@storybook/addon-a11y": "^8.3.5", "@storybook/addon-essentials": "^8.3.5", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index a6d9a3a30..8257e815f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -184,9 +184,6 @@ importers: '@rollup/plugin-typescript': specifier: ^11.1.6 version: 11.1.6(rollup@4.24.0)(tslib@2.7.0)(typescript@5.6.3) - '@rollup/rollup-darwin-arm64': - specifier: 4.24.0 - version: 4.24.0 '@size-limit/preset-small-lib': specifier: ^11.1.6 version: 11.1.6(size-limit@11.1.6) @@ -2201,6 +2198,7 @@ packages: os: [darwin] requiresBuild: true dev: true + optional: true /@rollup/rollup-darwin-x64@4.24.0: resolution: {integrity: sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==} From c3927af106fa9377b2d11c98d9aff89390004118 Mon Sep 17 00:00:00 2001 From: Cedric Dugas Date: Tue, 30 Sep 2025 15:03:24 -0400 Subject: [PATCH 4/5] Mantine 8 docs update --- .../blog/introducing-mantine-react-table.mdx | 2 +- .../pages/docs/getting-started/install.mdx | 34 ++++++++++++------- 2 files changed, 22 insertions(+), 14 deletions(-) diff --git a/apps/mantine-react-table-docs/pages/blog/introducing-mantine-react-table.mdx b/apps/mantine-react-table-docs/pages/blog/introducing-mantine-react-table.mdx index 82fbcc5f0..8db5c2a7c 100644 --- a/apps/mantine-react-table-docs/pages/blog/introducing-mantine-react-table.mdx +++ b/apps/mantine-react-table-docs/pages/blog/introducing-mantine-react-table.mdx @@ -202,4 +202,4 @@ If you need the best possible data grid library out there that can be a full exc ### What is the Future of Mantine React Table? -There will be no more breaking changes form Mantine React Table V1. New features are still planned, and bug fixes will continue. However, the elephant in the room is the Mantine V7 upgrade that will need to be done by the end of the year for Mantine React Table V2. Mantine V7 is a major upgrade where the underlying library is being heavily refactored to not use Emotion or CSS in JS at all, so how you style components is going to be a lot different. More to come on that later. +There will be no more breaking changes form Mantine React Table V1. New features are still planned, and bug fixes will continue. However, the elephant in the room is the Mantine V7 upgrade that will need to be done by the end of the year for Mantine React Table V2. Mantine V8 is a major upgrade where the underlying library is being heavily refactored to not use Emotion or CSS in JS at all, so how you style components is going to be a lot different. More to come on that later. diff --git a/apps/mantine-react-table-docs/pages/docs/getting-started/install.mdx b/apps/mantine-react-table-docs/pages/docs/getting-started/install.mdx index e4425ec87..65257e1ac 100644 --- a/apps/mantine-react-table-docs/pages/docs/getting-started/install.mdx +++ b/apps/mantine-react-table-docs/pages/docs/getting-started/install.mdx @@ -9,7 +9,7 @@ import { IconInfoCircle } from '@tabler/icons-react'; -> This is the install guide for `mantine-react-table` **V2** and `@mantine/` packages **V7**. MRT V2 will not work with Mantine V6. +> This is the install guide for `mantine-react-table` **V3** and `@mantine/` packages **V8**. MRT V2 will not work with Mantine V6-7. }> Mantine React Table V2 is still a work in progress, but we are making good @@ -18,15 +18,15 @@ import { IconInfoCircle } from '@tabler/icons-react'; ## Installation -> `mantine-react-table` V2 requires **Mantine V7.3+** packages as dependencies in your project. +> `mantine-react-table` V3 requires **Mantine V8.0+** packages as dependencies in your project. > > If you are already using Mantine, you probably already have most of these peer dependencies installed. > > Just double-check that you have the following in your package.json, or use the [full install commands](<#install-with-required-peer-dependencies-(recommended)>) below. > -> 1. `@mantine/core` (^v7.3+) -> 2. `@mantine/hooks` (^v7.3+) -> 3. `@mantine/dates` (^v7.3+) +> 1. `@mantine/core` (^v8.0+) +> 2. `@mantine/hooks` (^v8.0+) +> 3. `@mantine/dates` (^v8.0+) > 4. `@tabler/icons-react` (2.23.0+) > 5. `dayjs` (v1.11+) > 6. `clsx` (v2+) @@ -34,13 +34,13 @@ import { IconInfoCircle } from '@tabler/icons-react'; ### Quick Install -The Quick Install instructions here assume you already have Mantine V7 installed and correctly configured with postcss in your project. +The Quick Install instructions here assume you already have Mantine V8 installed and correctly configured with postcss in your project. ### Install With Required Peer Dependencies (Recommended) -It is best to refer to the [Mantine V7 installation guide](https://mantine.dev/getting-started/) for the most up-to-date instructions on how to install Mantine V7 for your specific React meta framework. (Next.js, Remix, Vite, etc.) +It is best to refer to the [Mantine V8 installation guide](https://mantine.dev/getting-started/) for the most up-to-date instructions on how to install Mantine V8 for your specific React meta framework. (Next.js, Remix, Vite, etc.) #### Install Mantine React Table with Mantine required peer dependencies: @@ -53,7 +53,7 @@ It is best to refer to the [Mantine V7 installation guide](https://mantine.dev/g #### Install PostCSS dev dependencies (Optional) -If you are using Mantine V7, it is common to use CSS modules for advanced custom styling. You may want to install and configure PostCSS like down below, but it is not required if you are using a different styling solution. +If you are using Mantine V8, it is common to use CSS modules for advanced custom styling. You may want to install and configure PostCSS like down below, but it is not required if you are using a different styling solution.
@@ -81,7 +81,7 @@ module.exports = { ### Setup Mantine Theme -The [Mantine V7 installation guide](https://mantine.dev/getting-started/) has much better instructions for how to set up your Mantine theme, but you should have something like this in your project: +The [Mantine V8 installation guide](https://mantine.dev/getting-started/) has much better instructions for how to set up your Mantine theme, but you should have something like this in your project: ```tsx import { MantineProvider, createTheme } from '@mantine/core'; @@ -104,14 +104,14 @@ function Demo() { After you install mantine-react-table, you will need to import the CSS styles from `mantine-react-table/styles.css` at the root of your project. (Where you import your other Mantine CSS styles.) ```js -import '@mantine/core/styles.css'; //import Mantine V7 styles needed by MRT +import '@mantine/core/styles.css'; //import Mantine V8 styles needed by MRT import '@mantine/dates/styles.css'; //if using mantine date picker features import 'mantine-react-table/styles.css'; //import MRT styles ``` ### Common Errors -If you don't see any styles applied to the mantine table components, you may have mismatching versions of `mantine-react-table` and `@mantine/core`. MRT v1 requires Mantine v6 and will not work with Mantine v7. MRT v2 will be released by the end of 2023 and will work with Mantine v7. +If you don't see any styles applied to the mantine table components, you may have mismatching versions of `mantine-react-table` and `@mantine/core`. MRT v1 requires Mantine v6 and will not work with Mantine v7. MRT v3 now targets Mantine v8. Also, if the Action Icon Buttons all have a filled color, that is a good sign that you simply forgot to import the MRT CSS file in the step above. @@ -126,7 +126,7 @@ or you might have mixed up default and named imports. You probably do not have the correct version of Mantine or Tabler Icons installed. -Make sure all mantine packages are at least v7.3. +Make sure all mantine packages are at least v8.0. Make sure that the `@tabler/icons-react` package is at least v2.23.0. @@ -160,7 +160,15 @@ Then try upgrading either `webpack` or `react-scripts` to the latest versions. name: 'Does Mantine V7 Work with Mantine React Table?', acceptedAnswer: { '@type': 'Answer', - text: 'Eventually. MRT v2 will be completely rewritten to use Mantine v7. This should be available by the end of 2023.', + text: 'MRT v2 will be completely rewritten to use Mantine v7. This should be available by the end of 2023.', + }, + }, + { + '@type': 'Question', + name: 'Does Mantine V8 Work with Mantine React Table?', + acceptedAnswer: { + '@type': 'Answer', + text: 'MRT v3 will be completely rewritten to use Mantine v8.', }, }, { From 9caf7e8daa18f55aee26e93619f599aef05e4dee Mon Sep 17 00:00:00 2001 From: Cedric Dugas Date: Tue, 30 Sep 2025 16:01:29 -0400 Subject: [PATCH 5/5] docs: update Mantine v8 references --- .../pages/blog/introducing-mantine-react-table.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/mantine-react-table-docs/pages/blog/introducing-mantine-react-table.mdx b/apps/mantine-react-table-docs/pages/blog/introducing-mantine-react-table.mdx index 8db5c2a7c..82fbcc5f0 100644 --- a/apps/mantine-react-table-docs/pages/blog/introducing-mantine-react-table.mdx +++ b/apps/mantine-react-table-docs/pages/blog/introducing-mantine-react-table.mdx @@ -202,4 +202,4 @@ If you need the best possible data grid library out there that can be a full exc ### What is the Future of Mantine React Table? -There will be no more breaking changes form Mantine React Table V1. New features are still planned, and bug fixes will continue. However, the elephant in the room is the Mantine V7 upgrade that will need to be done by the end of the year for Mantine React Table V2. Mantine V8 is a major upgrade where the underlying library is being heavily refactored to not use Emotion or CSS in JS at all, so how you style components is going to be a lot different. More to come on that later. +There will be no more breaking changes form Mantine React Table V1. New features are still planned, and bug fixes will continue. However, the elephant in the room is the Mantine V7 upgrade that will need to be done by the end of the year for Mantine React Table V2. Mantine V7 is a major upgrade where the underlying library is being heavily refactored to not use Emotion or CSS in JS at all, so how you style components is going to be a lot different. More to come on that later.