feat: change module resolution to bundler (#29)

Author: pavankjadda

.github/copilot-instructions.md

@@ -0,0 +1,11 @@
+1. Always use latest React 19 version and TypeScript for our ReactJS development. Always show examples and reference the latest version of React in your responses. If in doubt, use docs from https://react.dev/learn
+2. Always use React router, MUI latest components for React development
+3. Always use functional components and hooks for state management in React
+4. Always use TypeScript for type safety in React components
+5. Always use the latest best practices for performance optimization in React, such as memoization and lazy loading
+6. Always ensure accessibility standards are met in React components
+7. Always use ESLint and Prettier for code formatting and linting in React projects
+8. Always provide clear and concise comments in the code to explain complex logic or important decisions
+9. Always use PropTypes or TypeScript interfaces for defining component props
+10. Always ensure that components are reusable and modular, following the DRY (Don't Repeat Yourself) principle
+

package.json

@@ -3,6 +3,7 @@
   "version": "5.8.0",
   "license": "MIT",
   "private": false,
+  "type": "module",
   "scripts": {
     "nx": "nx",
     "start": "nx serve",
@@ -13,14 +14,14 @@
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^7.1.0",
-    "@mui/material": "^7.1.0",
-    "@mui/x-data-grid": "^8.2.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.2.0",
+    "@mui/material": "^7.2.0",
+    "@mui/x-data-grid": "^7.29.7",
     "date-fns": "^4.1.0",
     "react": "^18.3.1 || ^19.0.0",
     "react-dom": "^18.3.1 || ^19.0.0",
-    "react-router-dom": "^7.5.3"
+    "react-router-dom": "^7.6.3"
   },
   "devDependencies": {
     "@babel/core": "^7.27.1",

pnpm-lock.yaml

@@ -4,19 +4,19 @@
   "version": "5.8.0",
   "main": "./index.js",
   "types": "./index.d.ts",
+  "type": "module",
   "publishConfig": {
     "access": "public"
   },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^6.3.0",
-    "@mui/lab": "^6.0.0-beta.21",
-    "@mui/material": "^6.3.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.2.0",
+    "@mui/material": "^7.2.0",
     "date-fns": "^4.1.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^7.1.1"
+    "react": "^18.3.1 || ^19.0.0",
+    "react-dom": "^18.3.1 || ^19.0.0",
+    "react-router-dom": "^7.6.3"
   },
   "exports": {
     ".": {
@@ -30,7 +30,7 @@
   },
   "author": {
     "name": "Pavan Kumar Jadda",
-    "email": "contactdeveloperpj@gmail.com"
+    "email": "contact@pavankjadda.dev"
   },
   "keywords": [
     "react",

react-kit/package.json

@@ -2,6 +2,13 @@ import React from 'react';
 import { Link as MuiLink } from '@mui/material';
 import { Link } from 'react-router-dom';
 
+interface Props {
+	href: string;
+	linkText?: string;
+	target?: string;
+	children?: React.ReactNode;
+}
+
 /**
  * Reusable custom Next.js 13 Link component.
  *
@@ -10,7 +17,7 @@ import { Link } from 'react-router-dom';
  * @author Pavan Kumar Jadda
  * @since 0.3.2
  */
-export function NextLink(props: { href: string; linkText?: string; target?: string; children?: React.ReactNode }): React.JSX.Element {
+export function NextLink(props: Readonly<Props>): React.JSX.Element {
 	return (
 		<MuiLink component={Link} to={props.href} className={'next-btn-link'} underline="hover">
 			{props.linkText ?? props.children}

react-kit/src/lib/components/NextLink.tsx

@@ -3,7 +3,7 @@ import { Icon, Link as MuiLink } from '@mui/material';
 import React from 'react';
 import { Link } from 'react-router-dom';
 
-interface OpenInNewIconLinkProps {
+interface Props {
 	href: string;
 	linkText: string;
 	target: string;
@@ -18,7 +18,7 @@ interface OpenInNewIconLinkProps {
  * @author Pavan Kumar Jadda
  * @since 1.2.24
  */
-export function OpenInNewIconLink(props: OpenInNewIconLinkProps) {
+export function OpenInNewIconLink(props: Readonly<Props>) {
 	return (
 		<MuiLink
 			component={Link}

react-kit/src/lib/components/OpenInNewIconLink.tsx

@@ -8,7 +8,7 @@ interface EditIconButtonProps {
 	color?: 'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
 }
 
-export function EditIconButton(props: EditIconButtonProps) {
+export function EditIconButton(props: Readonly<EditIconButtonProps>) {
 	return (
 		<Tooltip title={props.tooltipTitle}>
 			<IconButton

react-kit/src/lib/components/buttons/EditIconButton.tsx

@@ -4,7 +4,7 @@
 		"rootDir": ".",
 		"sourceMap": true,
 		"declaration": false,
-		"moduleResolution": "node",
+		"moduleResolution": "bundler",
 		"emitDecoratorMetadata": true,
 		"experimentalDecorators": true,
 		"importHelpers": true,