Switch to ESM (#338)

cucumber · Nov 30, 2023 · 600a576 · 600a576
1 parent c967052
commit 600a576
Show file tree

Hide file tree

Showing 101 changed files with 2,533 additions and 1,949 deletions.
diff --git a/.eslintrc.json b/.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",

diff --git a/CHANGELOG.md b/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

diff --git a/README.md b/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:
 

diff --git a/generate-fixtures.js → generate-fixtures.cjs b/generate-fixtures.js → generate-fixtures.cjs
diff --git a/jest.config.cjs b/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
+      },
+    ],
+  },
+}
+
diff --git a/jest.config.js b/jest.config.js
diff --git a/jest.setup.js → jest.setup.cjs b/jest.setup.js → jest.setup.cjs