Updated to work with Node versions 18 through 26

.github/workflows/node.js.yml

@@ -3,22 +3,26 @@
 
 name: Node.js CI
 
-on: [push]
+
+on:
+  pull_request:
+    branches: [main]
 jobs:
   build:
 
     runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x]
+        node-version: [22.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@v5
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v5
       with:
         node-version: ${{ matrix.node-version }}
-    - run: npm run install:components
+    - run: npm ci --prefix packages/components --registry=https://registry.npmjs.org --no-audit --no-fund
     - run: npm run build:components
+    - run: npm test

.nvmrc

@@ -0,0 +1 @@
+22

README.md

@@ -1,3 +1,5 @@
 # React Comms
 
-Check out our docs [here](https://alteryx.github.io/react-comms/)
+Check out our docs [here](https://alteryx.github.io/react-comms/)
+
+Node.js 22 LTS is recommended. Node.js 18 or newer is required.

package.json

@@ -17,4 +17,4 @@
   },
   "author": "",
   "license": "MIT"
-}
+}

packages/components/.babelrc.js

@@ -32,6 +32,7 @@ module.exports = {
       }
     ],
     ['@babel/plugin-transform-classes'],
+    ["@babel/plugin-transform-private-property-in-object", { loose: true }],
     ['@babel/transform-runtime'],
     [
       'transform-imports',

packages/components/.nvmrc

@@ -0,0 +1 @@
+v22

packages/components/jest.config.js

@@ -1,13 +1,22 @@
 module.exports = {
   roots: ['<rootDir>'],
   transform: {
-    '^.+\\.js$': 'babel-jest',
-    '^.+\\.tsx?$': 'ts-jest'
+    '^.+\\.(js|jsx|ts|tsx)$': 'babel-jest',
   },
   testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[tj]s?(x)'],
+  testPathIgnorePatterns: ['/node_modules/', '/build/'],
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
-  snapshotSerializers: ['enzyme-to-json/serializer'],
-  setupFilesAfterEnv: ['<rootDir>/testSetup.js'],
+  moduleNameMapper: {
+    '^node:(.*)$': 'stream-browserify',
+    '\\.(css|scss)$': 'identity-obj-proxy',
+  },
+  setupFilesAfterEnv: ['<rootDir>/testSetup.ts'],
+  testEnvironment: require.resolve(
+    'jest-environment-jsdom'
+  ),
+  testEnvironmentOptions: {
+    url: 'http://localhost/',
+  },
   collectCoverage: true,
   coverageDirectory: '<rootDir>/coverage',
   collectCoverageFrom: ['src/**/*.{js,jsx,ts,tsx}'],
@@ -26,5 +35,5 @@ module.exports = {
     'src/index.d.ts',
     'src/Utils/index.d.ts'
   ],
-  transformIgnorePatterns: ['/node_modules/(?!lodash-es).+\\.js$']
+  transformIgnorePatterns: ['node_modules/(?!lodash-es)'],
 };