Merge pull request #684 from icflorescu/next

Publish new version

Author: icflorescu

CHANGELOG.md

@@ -3,6 +3,12 @@
 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.
 
+## 7.15.1 (2024-12-20)
+
+- Fix [#682](https://github.com/icflorescu/mantine-datatable/issues/682) - request to remove CSS source maps from the dist
+- Update dev dependencies to ensure compatibility with Mantine 7.15.1 and Next.js 15 GA
+- Fix a few type imports
+
 ## 7.14.5 (2024-10-26)
 
 - Remove leftover `console.log` statement
@@ -46,7 +52,6 @@ Minor versions that are not listed in the changelog are bug fixes and small impr
 - Update dev dependencies
 - Emphasize that PRs should be made against the `next` branch in the README and on the [documentation website](https://icflorescu.github.io/mantine-datatable/)
 
-
 ## 7.11.1 (2024-06-30)
 
 - Add new `paginationWithControls` prop (thanks to [@ValentinJS](https://github.com/ValentinJS) for PR [#611](https://github.com/icflorescu/mantine-datatable/pull/611))
@@ -91,7 +96,7 @@ Minor versions that are not listed in the changelog are bug fixes and small impr
 ## 7.8.2 (2024-04-26)
 
 - Add `rowExpansion.expandable` property defining if row can be expanded (see [#579](https://github.com/icflorescu/mantine-datatable/issues/579), by [@camdarley](https://github.com/camdarley))
-- Update dev dependencies to ensure compatibility with Mantine 7.8.1, Next.js 14.2.3 and React 18.3 
+- Update dev dependencies to ensure compatibility with Mantine 7.8.1, Next.js 14.2.3 and React 18.3
 
 ## 7.8.1 (2024-04-12)
 
@@ -159,7 +164,7 @@ Minor versions that are not listed in the changelog are bug fixes and small impr
 
 - Ensure compatibility with Mantine 7.4
 - Minor docs improvements
-  
+
 ## 7.3.5 (2023-12-29)
 
 - Minor README updates
@@ -221,6 +226,7 @@ Minor versions that are not listed in the changelog are bug fixes and small impr
 ### First V7 release! 🎉
 
 This is a **major rewrite** of the library internals, with the following goals in mind:
+
 - **Mantine V7 compatibility** - switch the styling approach from CSS-in-JS to PostCSS (or PostCSS modules)
 - Make the repo easier to maintain by switching from a monorepo approach to a single-package that includes the source code, documentation and examples; this should also make it easier for new contributors to get started
 - Streamline the build process - switch from `esbuild` to plain `tsc` and `postcss` commands

CONTRIBUTING.md

@@ -19,7 +19,7 @@ This is a [Next.js](https://nextjs.org/) project with an [app router](https://ne
 The Mantine DataTable package code is located in the `package` folder, while the documentation website code is located in the `app` folder.  
 The `components` folder holds generic React components used by the documentation website.  
 If you want to implement a new feature or improve an existing one, make sure to add an example page and/or alter the one(s) already referring to it.  
-It’s not a feature if other people don’t know about it or don’t understand how to use it.  
+It’s not a feature if other people don’t know about it or don’t understand how to use it.
 
 **Please target your PRs to the `next` branch.**
 Pushing to the `main` branch triggers the GitHub deployment workflow, so PRs targeting `main` will be rejected.

README.md

@@ -163,7 +163,7 @@ If you're a company using Mantine, Mantine DataTable or [Mantine ContextMenu](ht
 
 ## Other means of support
 
-If you can't afford to sponsor the project or hire my services, there are other ways you can support my work:  
+If you can't afford to sponsor the project or hire my services, there are other ways you can support my work:
 
 - 🙏 star the repository;
 - 💕 [tweet about it](http://twitter.com/share?text=Build%20data-rich%20React%20applications%20with%20Mantine%20DataTable&url=https%3A%2F%2Fgithub.com%2Ficflorescu%2Fmantine-datatable&hashtags=mantine%2Cdatatable%2Cdatagrid%2Creact&via=icflorescu);

data/async.ts

@@ -35,8 +35,8 @@ export async function getEmployeesAsync({
     sortAccessor === 'name'
       ? `${employee.firstName} ${employee.lastName}`
       : sortAccessor === 'age'
-      ? now.diff(employee.birthDate)
-      : get(employee, sortAccessor)
+        ? now.diff(employee.birthDate)
+        : get(employee, sortAccessor)
   );
 
   if (sortDirection === 'desc') result.reverse();

data/companies.json

@@ -103,4 +103,4 @@
     "state": "ID",
     "missionStatement": "Eliminate best-of-breed e-markets."
   }
-]
+]

data/departments.json

@@ -399,4 +399,4 @@
     "companyId": "3fdba2fc-2347-464b-b29a-3ef8f03ccf56",
     "name": "Games"
   }
-]
+]

data/employees.json

@@ -4499,4 +4499,4 @@
     "birthDate": "1988-10-22T14:54:38.877Z",
     "departmentId": "1c99b83a-9883-43c2-828c-0ace9b812a8a"
   }
-]
+]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mantine-datatable",
-  "version": "7.14.5",
+  "version": "7.15.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",
@@ -71,41 +71,41 @@
     "format": "prettier --write ."
   },
   "devDependencies": {
-    "@docsearch/react": "^3.8.0",
-    "@faker-js/faker": "^9.2.0",
+    "@docsearch/react": "^3.8.2",
+    "@faker-js/faker": "^9.3.0",
     "@formkit/auto-animate": "^0.8.2",
     "@hello-pangea/dnd": "^17.0.0",
-    "@mantine/code-highlight": "^7.14.2",
-    "@mantine/core": "^7.14.2",
-    "@mantine/dates": "^7.14.2",
-    "@mantine/hooks": "^7.14.2",
-    "@mantine/modals": "^7.14.2",
-    "@mantine/notifications": "^7.14.2",
-    "@tabler/icons-react": "^3.22.0",
-    "@tanstack/react-query": "^5.61.3",
+    "@mantine/code-highlight": "^7.15.1",
+    "@mantine/core": "^7.15.1",
+    "@mantine/dates": "^7.15.1",
+    "@mantine/hooks": "^7.15.1",
+    "@mantine/modals": "^7.15.1",
+    "@mantine/notifications": "^7.15.1",
+    "@tabler/icons-react": "^3.26.0",
+    "@tanstack/react-query": "^5.62.8",
     "@types/lodash": "^4.17.13",
-    "@types/node": "^22.10.0",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.16.0",
-    "@typescript-eslint/parser": "^8.16.0",
+    "@types/node": "^22.10.2",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
+    "@typescript-eslint/eslint-plugin": "^8.18.1",
+    "@typescript-eslint/parser": "^8.18.1",
     "clsx": "^2.1.1",
     "cssnano": "^7.0.6",
     "dayjs": "^1.11.13",
     "eslint": "^8",
-    "eslint-config-next": "^15.0.3",
+    "eslint-config-next": "^15.1.2",
     "eslint-config-prettier": "^9.1.0",
     "lodash": "^4.17.21",
-    "mantine-contextmenu": "^7.14.2",
-    "next": "^15.0.3",
+    "mantine-contextmenu": "^7.15.1",
+    "next": "^15.1.2",
     "postcss": "^8.4.49",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^16.1.0",
     "postcss-preset-mantine": "^1.17.0",
     "postcss-simple-vars": "^7.0.1",
-    "prettier": "^3.4.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "prettier": "^3.4.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "sharp": "^0.33.5",
     "swr": "^2.2.5",
     "tsup": "^8.3.5",

package/DataTable.css

@@ -31,7 +31,10 @@
       rgba(0, 0, 0, 0)
     ),
     linear-gradient(to left, rgba(0, 0, 0, light-dark(0.05, 0.25)), rgba(0, 0, 0, 0) 30%);
-  --mantine-datatable-shadow-background-bottom: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, light-dark(0.05, 0.25))),
+  --mantine-datatable-shadow-background-bottom: linear-gradient(
+      rgba(0, 0, 0, 0),
+      rgba(0, 0, 0, light-dark(0.05, 0.25))
+    ),
     linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, light-dark(0.05, 0.25)));
   --mantine-datatable-shadow-background-left: linear-gradient(
       to right,

package/DataTableFooter.tsx

@@ -1,6 +1,6 @@
 import { TableTfoot, TableTr, rem, type MantineStyleProp } from '@mantine/core';
 import clsx from 'clsx';
-import { forwardRef } from 'react';
+import { forwardRef, type JSX } from 'react';
 import { DataTableFooterCell } from './DataTableFooterCell';
 import { DataTableFooterSelectorPlaceholderCell } from './DataTableFooterSelectorPlaceholderCell';
 import type { DataTableColumn, DataTableDefaultColumnProps } from './types';

package/DataTableHeader.tsx

@@ -11,7 +11,7 @@ import {
   type MantineStyleProp,
 } from '@mantine/core';
 import clsx from 'clsx';
-import { forwardRef, useState } from 'react';
+import { forwardRef, useState, type JSX } from 'react';
 import { DataTableColumnGroupHeaderCell } from './DataTableColumnGroupHeaderCell';
 import { useDataTableColumnsContext } from './DataTableColumns.context';
 import { DataTableHeaderCell } from './DataTableHeaderCell';

package/DataTablePagination.tsx

@@ -1,6 +1,6 @@
 import { Box, Pagination, Text, rem, type MantineSpacing, type MantineStyleProp } from '@mantine/core';
 import clsx from 'clsx';
-import { forwardRef, type ForwardedRef } from 'react';
+import { forwardRef, type ForwardedRef, type JSX } from 'react';
 import { DataTablePageSizeSelector } from './DataTablePageSizeSelector';
 import { getPaginationCssVariables } from './cssVariables';
 import { useMediaQueryStringOrFunction } from './hooks';

package/hooks/useMediaQueries.ts

@@ -18,7 +18,7 @@ function attachMediaListeners(queries: MediaQueryList[], callback: (matches: boo
     try {
       query.addEventListener('change', callbackWrapper);
       return () => query.removeEventListener('change', callbackWrapper);
-    } catch (e) {
+    } catch {
       query.addListener(callbackWrapper);
       return () => query.removeListener(callbackWrapper);
     }
@@ -50,7 +50,7 @@ export function useMediaQueries(
   const [matches, setMatches] = useState(
     getInitialValueInEffect ? initialValues : getInitialValue(queries, initialValues)
   );
-  const queryRef = useRef<MediaQueryList[]>();
+  const queryRef = useRef<MediaQueryList[]>(null);
 
   useEffect(() => {
     if ('matchMedia' in window) {

package/types/DataTableProps.ts

@@ -234,7 +234,7 @@ export type DataTableProps<T = Record<string, unknown>> = {
    * Ref pointing to the scrollable viewport element.
    * Useful for imperative scrolling.
    */
-  scrollViewportRef?: React.RefObject<HTMLDivElement>;
+  scrollViewportRef?: React.RefObject<HTMLDivElement | null>;
 
   /**
    * Additional props passed to the underlying `ScrollArea` element.

postcss.config.js

@@ -1,5 +1,4 @@
 module.exports = {
-  map: { inline: false },
   plugins: {
     'postcss-import': {},
     'postcss-preset-mantine': {},
@@ -12,6 +11,6 @@ module.exports = {
         'mantine-breakpoint-xl': '88em',
       },
     },
+    cssnano: { preset: 'default' },
   },
-  cssnano: { preset: 'default' },
 };

public/googlea3479269b2f388cf.html

@@ -1 +1 @@
-google-site-verification: googlea3479269b2f388cf.html
+google-site-verification: googlea3479269b2f388cf.html