Merge pull request #153 from icflorescu/next

Implement touch events, update dev deps

Author: icflorescu

CHANGELOG.md

@@ -3,6 +3,11 @@
 The following is a list of notable changes to the Mantine ContextMenu component.  
 Minor versions that are not listed in the changelog are minor bug fixes and small internal improvements or refactorings.
 
+## 7.7.0 (2024-04-04)
+
+- Implement iOS touch events (thanks to [Juno Nguyen](https://github.com/JunoNgx), see [#152](https://github.com/icflorescu/mantine-contextmenu/pull/152))
+- Update dev dependencies to ensure compatibility with Mantine 7.7.x
+
 ## 7.6.2 (2024-03-05)
 
 - Update dev dependencies to ensure compatibility with Mantine 7.6.1

app/config.ts

@@ -1,16 +1,18 @@
 import { MantineColor } from '@mantine/core';
 import {
+  Icon,
   IconAdjustments,
   IconBrandCss3,
   IconHeartHandshake,
   IconHome,
   IconList,
+  IconProps,
   IconQuestionMark,
   IconRocket,
   IconThumbUpFilled,
-  TablerIconsProps,
 } from '@tabler/icons-react';
 import type { Route } from 'next';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 export const PRODUCT_NAME = 'Mantine ContextMenu';
 export const PRODUCT_DESCRIPTION =
@@ -41,7 +43,10 @@ export type RouteInfo = {
   href: Route;
   title: string;
   description: string;
-} & ({ icon?: never; color?: never } | { icon: React.FC<TablerIconsProps>; color: MantineColor });
+} & (
+  | { icon?: never; color?: never }
+  | { icon: ForwardRefExoticComponent<Omit<IconProps, 'ref'> & RefAttributes<Icon>>; color: MantineColor }
+);
 
 export const EXAMPLES_ROUTE_COLOR: MantineColor = 'green';
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mantine-contextmenu",
-  "version": "7.6.2",
+  "version": "7.7.0",
   "description": "Craft your applications for productivity and meet your users’ expectations by enhancing your Mantine-based UIs with a desktop-grade, lightweight yet fully-featured, dark-theme aware context-menu component, built by the creator of Mantine DataTable",
   "keywords": [
     "ui",
@@ -72,38 +72,38 @@
     "format": "prettier --write ."
   },
   "devDependencies": {
-    "@ducanh2912/next-pwa": "^10.2.5",
-    "@mantine/code-highlight": "^7.6.1",
-    "@mantine/core": "^7.6.1",
-    "@mantine/hooks": "^7.6.1",
-    "@mantine/notifications": "^7.6.1",
-    "@tabler/icons-react": "^2.47.0",
-    "@types/lodash": "^4.14.202",
-    "@types/node": "^20.11.24",
-    "@types/react": "^18.2.63",
-    "@types/react-dom": "^18.2.19",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
-    "@typescript-eslint/parser": "^7.1.1",
+    "@ducanh2912/next-pwa": "^10.2.6",
+    "@mantine/code-highlight": "^7.7.1",
+    "@mantine/core": "^7.7.1",
+    "@mantine/hooks": "^7.7.1",
+    "@mantine/notifications": "^7.7.1",
+    "@tabler/icons-react": "^3.1.0",
+    "@types/lodash": "^4.17.0",
+    "@types/node": "^20.12.4",
+    "@types/react": "^18.2.74",
+    "@types/react-dom": "^18.2.24",
+    "@typescript-eslint/eslint-plugin": "^7.5.0",
+    "@typescript-eslint/parser": "^7.5.0",
     "clsx": "^2.1.0",
-    "cssnano": "^6.0.5",
+    "cssnano": "^6.1.2",
     "eslint": "^8.57.0",
-    "eslint-config-next": "^14.1.2",
+    "eslint-config-next": "^14.1.4",
     "eslint-config-prettier": "^9.1.0",
     "lodash": "^4.17.21",
-    "next": "14.1.2",
-    "postcss": "^8.4.35",
+    "next": "14.1.4",
+    "postcss": "^8.4.38",
     "postcss-cli": "^11.0.0",
-    "postcss-import": "^16.0.1",
+    "postcss-import": "^16.1.0",
     "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",
+    "sharp": "^0.33.3",
     "swr": "^2.2.5",
     "tsup": "^8.0.2",
-    "typescript": "^5.3.3",
-    "webpack": "^5.90.3"
+    "typescript": "^5.4.3",
+    "webpack": "^5.91.0"
   },
   "peerDependencies": {
     "@mantine/core": ">=7",