- Node 20 / Package Updates (including new packages for updated production board that are not yet used) / ESLint error fix / react-grid-layout added to optimized deps.

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/package.json

@@ -2,90 +2,93 @@
   "name": "bodyshop",
   "version": "0.2.1",
   "engines": {
-    "node": "18.18.2"
+    "node": ">=20.15.0"
   },
   "type": "module",
   "private": true,
   "proxy": "http://localhost:4000",
   "dependencies": {
-    "@ant-design/compatible": "^5.1.2",
+    "@ant-design/icons": "^5.3.7",
-    "@ant-design/pro-layout": "^7.17.16",
+    "@ant-design/pro-layout": "^7.19.8",
-    "@apollo/client": "^3.8.10",
+    "@apollo/client": "^3.10.5",
     "@asseinfo/react-kanban": "^2.2.0",
-    "@fingerprintjs/fingerprintjs": "^4.2.2",
+    "@emotion/is-prop-valid": "^1.2.2",
+    "@fingerprintjs/fingerprintjs": "^4.4.1",
     "@jsreport/browser-client": "^3.1.0",
-    "@reduxjs/toolkit": "^2.2.1",
+    "@reduxjs/toolkit": "^2.2.5",
-    "@sentry/cli": "^2.28.6",
+    "@sentry/cli": "^2.32.1",
-    "@sentry/react": "^7.104.0",
+    "@sentry/react": "^7.114.0",
-    "@splitsoftware/splitio-react": "^1.11.0",
+    "@splitsoftware/splitio-react": "^1.12.0",
     "@tanem/react-nprogress": "^5.0.51",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react": "^4.3.1",
-    "antd": "^5.15.3",
+    "antd": "^5.18.3",
     "apollo-link-logger": "^2.0.1",
     "apollo-link-sentry": "^3.3.0",
-    "axios": "^1.6.7",
+    "autosize": "^6.0.1",
-    "dayjs": "^1.11.10",
+    "axios": "^1.6.8",
+    "classnames": "^2.5.1",
+    "css-box-model": "^1.2.1",
+    "dayjs": "^1.11.11",
     "dayjs-business-days2": "^1.2.2",
     "dinero.js": "^1.9.1",
     "dotenv": "^16.4.5",
     "env-cmd": "^10.1.0",
     "exifr": "^7.1.3",
-    "firebase": "^10.8.1",
+    "firebase": "^10.12.2",
-    "graphql": "^16.6.0",
+    "graphql": "^16.8.2",
-    "i18next": "^23.10.0",
+    "i18next": "^23.11.5",
-    "i18next-browser-languagedetector": "^7.0.2",
+    "i18next-browser-languagedetector": "^8.0.0",
-    "libphonenumber-js": "^1.10.57",
+    "immutability-helper": "^3.1.1",
-    "logrocket": "^8.0.1",
+    "libphonenumber-js": "^1.11.4",
-    "markerjs2": "^2.32.0",
+    "logrocket": "^8.1.0",
-    "normalize-url": "^8.0.0",
+    "markerjs2": "^2.32.1",
+    "memoize-one": "^6.0.0",
+    "normalize-url": "^8.0.1",
     "prop-types": "^15.8.1",
     "query-string": "^9.0.0",
-    "react": "^18.2.0",
+    "raf-schd": "^4.0.3",
-    "react-big-calendar": "^1.11.0",
+    "react": "^18.3.1",
+    "react-big-calendar": "^1.13.0",
     "react-color": "^2.19.3",
-    "react-cookie": "^7.1.0",
+    "react-cookie": "^7.1.4",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-drag-listview": "^2.0.0",
-    "react-grid-gallery": "^1.0.0",
+    "react-grid-gallery": "^1.0.1",
     "react-grid-layout": "1.3.4",
-    "react-i18next": "^14.0.5",
+    "react-i18next": "^14.1.2",
-    "react-icons": "^5.0.1",
+    "react-icons": "^5.2.1",
     "react-image-lightbox": "^5.1.4",
-    "react-joyride": "^2.7.4",
+    "react-joyride": "^2.8.2",
     "react-markdown": "^9.0.1",
-    "react-number-format": "^5.3.3",
+    "react-number-format": "^5.4.0",
+    "react-popopo": "^2.1.9",
     "react-product-fruits": "^2.2.6",
-    "react-redux": "^9.1.0",
+    "react-redux": "^9.1.2",
     "react-resizable": "^3.0.5",
-    "react-router-dom": "^6.22.2",
+    "react-router-dom": "^6.23.1",
-    "react-scripts": "^5.0.1",
     "react-sticky": "^6.0.3",
     "react-virtualized": "^9.22.5",
-    "recharts": "^2.12.2",
+    "react-virtuoso": "^4.7.11",
+    "recharts": "^2.12.7",
     "redux": "^5.0.1",
+    "redux-actions": "^3.0.0",
     "redux-persist": "^6.0.0",
     "redux-saga": "^1.3.0",
     "redux-state-sync": "^3.1.4",
-    "reselect": "^5.1.0",
+    "reselect": "^5.1.1",
-    "sass": "^1.71.1",
+    "sass": "^1.77.6",
-    "socket.io-client": "^4.7.4",
+    "socket.io-client": "^4.7.5",
-    "styled-components": "^6.1.8",
+    "styled-components": "^6.1.11",
     "subscriptions-transport-ws": "^0.11.0",
-    "terser-webpack-plugin": "^5.3.10",
+    "use-memo-one": "^1.1.3",
     "userpilot": "^1.3.1",
     "vite-plugin-ejs": "^1.7.0",
-    "web-vitals": "^3.5.2",
+    "web-vitals": "^3.5.2"
-    "workbox-core": "^7.0.0",
-    "workbox-expiration": "^7.0.0",
-    "workbox-navigation-preload": "^7.0.0",
-    "workbox-precaching": "^7.0.0",
-    "workbox-routing": "^7.0.0",
-    "workbox-strategies": "^7.0.0"
   },
   "scripts": {
     "analyze": "source-map-explorer 'build/static/js/*.js'",
     "start": "vite",
-    "build": "vite build",
+    "build": "dotenvx run --env-file=.env.development.imex -- vite build",
     "start:imex": "dotenvx run --env-file=.env.development.imex -- vite",
     "start:rome": "dotenvx run --env-file=.env.development.rome -- vite",
     "start:promanager": "dotenvx run --env-file=.env.development.promanager -- vite",
@@ -128,32 +131,30 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-react": "^7.24.7",
-    "@dotenvx/dotenvx": "^0.15.4",
+    "@dotenvx/dotenvx": "^0.45.0",
     "@emotion/babel-plugin": "^11.11.0",
-    "@emotion/react": "^11.11.3",
+    "@emotion/react": "^11.11.4",
-    "@sentry/webpack-plugin": "^2.14.2",
+    "@sentry/webpack-plugin": "^2.19.0",
-    "@swc/core": "^1.3.107",
+    "@testing-library/cypress": "^10.0.2",
-    "@swc/plugin-styled-components": "^1.5.108",
+    "browserslist": "^4.23.1",
-    "@testing-library/cypress": "^10.0.1",
-    "browserslist": "^4.22.3",
     "browserslist-to-esbuild": "^2.1.1",
     "cross-env": "^7.0.3",
-    "cypress": "^13.6.6",
+    "cypress": "^13.12.0",
     "eslint": "^8.57.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-cypress": "^2.15.1",
-    "memfs": "^4.6.0",
+    "memfs": "^4.9.3",
     "os-browserify": "^0.3.0",
     "react-error-overlay": "6.0.11",
     "redux-logger": "^3.0.6",
     "source-map-explorer": "^2.5.3",
-    "vite": "^5.0.11",
+    "vite": "^5.3.1",
     "vite-plugin-babel": "^1.2.0",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-legacy": "^2.1.0",
-    "vite-plugin-node-polyfills": "^0.19.0",
+    "vite-plugin-node-polyfills": "^0.22.0",
-    "vite-plugin-pwa": "^0.19.0",
+    "vite-plugin-pwa": "^0.20.0",
     "vite-plugin-style-import": "^2.0.0"
   }
 }

client/src/components/bill-line-search-select/bill-line-search-select.component.jsx

@@ -3,8 +3,6 @@ import React, { forwardRef } from "react";
 import { useTranslation } from "react-i18next";
 import InstanceRenderMgr from "../../utils/instanceRenderMgr";
 
-//To be used as a form element only.
-const { Option } = Select;
 const BillLineSearchSelect = ({ options, disabled, allowRemoved, ...restProps }, ref) => {
   const { t } = useTranslation();
 

client/vite.config.js

@@ -5,7 +5,7 @@ import * as path from "path";
 import * as url from "url";
 import { defineConfig } from "vite";
 import { ViteEjsPlugin } from "vite-plugin-ejs";
-import eslint from 'vite-plugin-eslint';
+import eslint from "vite-plugin-eslint";
 
 //import CompressionPlugin from 'vite-plugin-compression';
 import { VitePWA } from "vite-plugin-pwa";
@@ -103,7 +103,7 @@ export default defineConfig({
     }),
     reactVirtualized(),
     react(),
-    eslint(),
+    eslint()
     // CompressionPlugin(), //Cloudfront already compresses assets, so not needed.
   ],
   define: {
@@ -126,7 +126,7 @@ export default defineConfig({
     }
   },
   optimizeDeps: {
-    include: ["react", "react-dom", "antd", "@apollo/client", "@reduxjs/toolkit", "axios"],
+    include: ["react", "react-dom", "antd", "@apollo/client", "@reduxjs/toolkit", "axios", "react-grid-layout"],
     esbuildOptions: {
       loader: {
         ".js": "jsx"

package.json

@@ -3,8 +3,8 @@
   "version": "0.2.0",
   "license": "UNLICENSED",
   "engines": {
-    "node": ">=18.0.0",
+    "node": ">=20.15.0",
-    "npm": ">=8.0.0"
+    "npm": ">=10.7.0"
   },
   "scripts": {
     "setup": "rm -rf node_modules && npm i && cd client && rm -rf node_modules && npm i",
@@ -19,55 +19,52 @@
     "makeitpretty": "prettier --write \"**/*.{css,js,json,jsx,scss}\""
   },
   "dependencies": {
-    "@aws-sdk/client-secrets-manager": "^3.525.0",
+    "@aws-sdk/client-secrets-manager": "^3.600.0",
-    "@aws-sdk/client-ses": "^3.525.0",
+    "@aws-sdk/client-ses": "^3.600.0",
-    "@aws-sdk/credential-provider-node": "^3.525.0",
+    "@aws-sdk/credential-provider-node": "^3.600.0",
-    "@azure/storage-blob": "^12.17.0",
+    "@opensearch-project/opensearch": "^2.10.0",
-    "@opensearch-project/opensearch": "^2.5.0",
+    "aws4": "^1.13.0",
-    "aws4": "^1.12.0",
+    "axios": "^1.7.2",
-    "axios": "^1.6.5",
     "better-queue": "^3.8.12",
     "bluebird": "^3.7.2",
     "body-parser": "^1.20.2",
-    "cloudinary": "^2.0.2",
+    "cloudinary": "^2.2.0",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
     "cors": "2.8.5",
     "csrf": "^3.1.0",
     "dinero.js": "^1.9.1",
     "dotenv": "^16.4.5",
-    "express": "^4.18.3",
+    "express": "^4.19.2",
-    "firebase-admin": "^12.0.0",
+    "firebase-admin": "^12.1.1",
-    "graphql": "^16.8.1",
+    "graphql": "^16.8.2",
     "graphql-request": "^6.1.0",
     "graylog2": "^0.2.1",
     "inline-css": "^4.0.2",
-    "intuit-oauth": "^4.0.0",
+    "intuit-oauth": "^4.1.2",
-    "json-2-csv": "^5.5.0",
+    "json-2-csv": "^5.5.1",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "moment-timezone": "^0.5.45",
     "multer": "^1.4.5-lts.1",
     "node-mailjet": "^6.0.5",
     "node-persist": "^4.0.1",
-    "node-quickbooks": "^2.0.44",
+    "nodemailer": "^6.9.14",
-    "nodemailer": "^6.9.11",
+    "phone": "^3.1.45",
-    "phone": "^3.1.42",
     "recursive-diff": "^1.0.9",
-    "rimraf": "^5.0.5",
+    "rimraf": "^5.0.7",
-    "soap": "^1.0.0",
+    "soap": "^1.0.4",
-    "socket.io": "^4.7.4",
+    "socket.io": "^4.7.5",
     "ssh2-sftp-client": "^10.0.3",
-    "stripe": "^14.19.0",
     "twilio": "^4.23.0",
-    "uuid": "^9.0.1",
+    "uuid": "^10.0.0",
     "xml2js": "^0.6.2",
     "xmlbuilder2": "^3.1.1"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "concurrently": "^8.2.2",
-    "prettier": "^3.2.5",
+    "prettier": "^3.3.2",
     "source-map-explorer": "^2.5.2"
   }
 }