Switch to ESM

.eslintrc.json

@@ -27,6 +27,7 @@
   "rules": {
     "import/no-cycle": "error",
     "node/no-extraneous-import": "error",
+    "node/file-extension-in-import": "error",
     "@typescript-eslint/ban-ts-ignore": "off",
     "@typescript-eslint/ban-ts-comment": "off",
     "@typescript-eslint/explicit-module-boundary-types": "off",

CHANGELOG.md

@@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
+### Changed
+- BREAKING CHANGE: Switch to ESM ([#338](https://github.com/cucumber/react-components/pull/338))
 
 ## [21.1.1] - 2023-07-13
 ### Fixed

README.md

@@ -8,7 +8,8 @@
 
 ## Usage
 
-React 18 or above is required.
+- This package is distributed in ES module format only.
+- React 18 or above is required.
 
 The source code for screenshots above is:
 

jest.config.cjs

@@ -0,0 +1,20 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  preset: 'ts-jest/presets/default-esm',
+  moduleNameMapper: {
+    '^(\\.{1,2}/.*)\\.js$': '$1', // trim .js extensions from imports which confuse jest-resolve
+    '.+\\.(css|scss)$': 'identity-obj-proxy', // map stylesheet imports to an empty object
+  },
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.cjs'],
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.tsx?$': [
+      'ts-jest',
+      {
+        useESM: true,
+        isolatedModules: true
+      },
+    ],
+  },
+}
+