Merge pull request #554 from icflorescu/next

Fix #553, update dev deps to ensure Mantine 7.6 compatibility, update changelog, bump version

CHANGELOG.md

@@ -3,6 +3,11 @@
 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.6.0 (2024-02-28)
+
+- Update dev dependencies to ensure compatibility with Mantine 7.6.0
+- Fix [#553](https://github.com/icflorescu/mantine-datatable/issues/553) - loading spinner makes the table too dark in dark mode
+
 ## 7.5.0 (2024-01-27)
 
 - Update dev dependencies to ensure compatibility with Mantine 7.5.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mantine-datatable",
-  "version": "7.5.1",
+  "version": "7.6.0",
   "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",
@@ -73,44 +73,44 @@
   "devDependencies": {
     "@docsearch/react": "^3.5.2",
     "@ducanh2912/next-pwa": "^10.2.5",
-    "@faker-js/faker": "^8.4.0",
+    "@faker-js/faker": "^8.4.1",
     "@formkit/auto-animate": "^0.8.1",
-    "@mantine/code-highlight": "^7.5.1",
-    "@mantine/core": "^7.5.1",
-    "@mantine/dates": "^7.5.1",
-    "@mantine/hooks": "^7.5.1",
-    "@mantine/modals": "^7.5.1",
-    "@mantine/notifications": "^7.5.1",
+    "@mantine/code-highlight": "^7.6.1",
+    "@mantine/core": "^7.6.1",
+    "@mantine/dates": "^7.6.1",
+    "@mantine/hooks": "^7.6.1",
+    "@mantine/modals": "^7.6.1",
+    "@mantine/notifications": "^7.6.1",
     "@tabler/icons-react": "^2.47.0",
-    "@tanstack/react-query": "^5.18.1",
+    "@tanstack/react-query": "^5.24.1",
     "@types/lodash": "^4.14.202",
-    "@types/node": "^20.11.16",
-    "@types/react": "^18.2.55",
+    "@types/node": "^20.11.21",
+    "@types/react": "^18.2.60",
     "@types/react-dom": "^18.2.19",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
+    "@typescript-eslint/eslint-plugin": "^7.1.0",
+    "@typescript-eslint/parser": "^7.1.0",
     "clsx": "^2.1.0",
-    "cssnano": "^6.0.3",
+    "cssnano": "^6.0.5",
     "dayjs": "^1.11.10",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-config-next": "^14.1.0",
     "eslint-config-prettier": "^9.1.0",
     "lodash": "^4.17.21",
-    "mantine-contextmenu": "^7.5.0",
+    "mantine-contextmenu": "^7.6.1",
     "next": "14.1.0",
     "postcss": "^8.4.35",
     "postcss-cli": "^11.0.0",
-    "postcss-import": "^16.0.0",
+    "postcss-import": "^16.0.1",
     "postcss-preset-mantine": "^1.13.0",
     "postcss-simple-vars": "^7.0.1",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "sharp": "^0.33.2",
-    "swr": "^2.2.4",
-    "tsup": "^8.0.1",
+    "swr": "^2.2.5",
+    "tsup": "^8.0.2",
     "typescript": "^5.3.3",
-    "webpack": "^5.90.1"
+    "webpack": "^5.90.3"
   },
   "peerDependencies": {
     "@mantine/core": ">=7",

package/DataTableLoader.css

@@ -6,7 +6,7 @@
   right: 0;
   bottom: 0;
   pointer-events: none;
-  background: light-dark(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.75));
+  background: alpha(var(--mantine-datatable-background-color), 0.75);
   opacity: 0;
   transition: opacity 0.2s;
 }