Turn esm off again

Author: aslakhellesoy

.mocharc.json

@@ -1,5 +1,10 @@
 {
-  "loader": "ts-node/esm",
+  "require": [
+    "ts-node/register",
+    "source-map-support/register",
+    "./css-modules-hook.js",
+    "global-jsdom/register"
+  ],
   "extension": ["ts", "tsx"],
   "recursive": true,
   "timeout": 10000

.storybook/main.cjs renamed to .storybook/main.js

@@ -2,7 +2,7 @@
   "name": "@cucumber/react",
   "version": "18.1.2",
   "description": "React components for Cucumber",
-  "type": "module",
+  "type": "commonjs",
   "main": "dist/cjs/src/index.js",
   "types": "dist/cjs/src/index.d.ts",
   "files": [

.storybook/preview.cjs renamed to .storybook/preview.js

@@ -1,11 +1,11 @@
-export * from './CICommitLink.js'
-export * from './EnvelopesWrapper.js'
-export * from './ExecutionSummary.js'
-export * from './FilteredResults.js'
-export * from './GherkinDocumentList.js'
-export * from './HighLight.js'
-export * from './NoMatchResult.js'
-export * from './QueriesWrapper.js'
-export * from './SearchBar.js'
-export * from './SearchWrapper.js'
-export * from './StatusesSummary.js'
+export * from './CICommitLink'
+export * from './EnvelopesWrapper'
+export * from './ExecutionSummary'
+export * from './FilteredResults'
+export * from './GherkinDocumentList'
+export * from './HighLight'
+export * from './NoMatchResult'
+export * from './QueriesWrapper'
+export * from './SearchBar'
+export * from './SearchWrapper'
+export * from './StatusesSummary'

css-modules-hook.cjs renamed to css-modules-hook.js

@@ -1,16 +1,16 @@
-import filterByStatus from './filter/filterByStatus.js'
-import GherkinQueryContext from './GherkinQueryContext.js'
-import CucumberQueryContext from './CucumberQueryContext.js'
+import filterByStatus from './filter/filterByStatus'
+import GherkinQueryContext from './GherkinQueryContext'
+import CucumberQueryContext from './CucumberQueryContext'
 import SearchQueryContext, {
   WindowUrlApi,
   SearchQueryUpdateFn,
   SearchQueryProps,
   searchFromURLParams,
 } from './SearchQueryContext'
-import EnvelopesQueryContext, { EnvelopesQuery } from './EnvelopesQueryContext.js'
+import EnvelopesQueryContext, { EnvelopesQuery } from './EnvelopesQueryContext'
 
-export * as components from './components/index.js'
-export * as hooks from './hooks/index.js'
+export * as components from './components/index'
+export * as hooks from './hooks/index'
 export {
   GherkinQueryContext,
   CucumberQueryContext,

package.json

@@ -1,9 +1,9 @@
 import assert from 'assert'
 import ReactDOM from 'react-dom'
 import React from 'react'
-import { HighLight } from '../src/components/app/index.js'
+import { HighLight } from '../src/components/app/index'
 import { JSDOM } from 'jsdom'
-import SearchQueryContext, { SearchQueryCtx } from '../src/SearchQueryContext.js'
+import SearchQueryContext, { SearchQueryCtx } from '../src/SearchQueryContext'
 
 describe('HighLight', () => {
   function renderHighlight(text: string, query: string, markdown: boolean): Document {

src/components/app/index.ts

@@ -1,5 +1,5 @@
 import assert from 'assert'
-import isTagExpression from '../src/isTagExpression.js'
+import isTagExpression from '../src/isTagExpression'
 
 describe('isTagExpression', () => {
   it('returns false with empty string', () => {

src/index.ts

@@ -11,7 +11,7 @@
     "skipLibCheck": true,
     "strictNullChecks": true,
     "experimentalDecorators": true,
-    "module": "ESNext",
+    "module": "CommonJS",
     "lib": [
       "ES6",
       "dom"