Fix error when importing from ESM auto entrypoint (#422)

* Fix error when importing from ESM auto entrypoint

* Skip full lib check in TypeScript verification

happy-dom has some issues in their typings unrelated to what's used in our project

Per documentation, this also "can save time during compilation at the expense of type-system accuracy"

See: https://www.typescriptlang.org/tsconfig#skipLibCheck

CHANGELOG.md

@@ -62,6 +62,7 @@
 
 - Add missing JavaScript exports for `button`, `inPageNavigation`, `inputMask`, `languageSelector`, and `range`. ([#407](https://github.com/18F/identity-design-system/pull/407))
 - Fix `dist/assets/js/main.js` compilation to properly consider browser support. ([#421](https://github.com/18F/identity-design-system/pull/421))
+- Fix strict ES Module import errors due to lack of fully-qualified file path when importing `auto` entrypoint. ([#422](https://github.com/18F/identity-design-system/pull/422))
 
 ### Internal
 

package.json

@@ -89,6 +89,7 @@
     "@18f/eslint-plugin-identity": "^2.0.0",
     "@18f/identity-build-sass": "^3.0.0",
     "@18f/identity-stylelint-config": "^4.0.0",
+    "@happy-dom/global-registrator": "^13.6.2",
     "@types/html_codesniffer": "^2.5.4",
     "@types/pixelmatch": "^5.2.6",
     "@types/pngjs": "^6.0.4",

src/js/auto.js

@@ -1,4 +1,4 @@
-import * as components from './components';
+import * as components from './components/index.js';
 
 function initComponents() {
   const target = document.body;

test/imports.test.js

@@ -0,0 +1,23 @@
+/* eslint-disable import/no-unresolved */
+
+import { describe, before, after, it } from 'node:test';
+import { GlobalRegistrator } from '@happy-dom/global-registrator';
+
+describe('imports', () => {
+  before(() => {
+    GlobalRegistrator.register();
+  });
+
+  after(() => {
+    GlobalRegistrator.unregister();
+  });
+
+  it('imports from all entrypoints without errors', async () => {
+    await Promise.all([
+      // @ts-ignore
+      import('@18f/identity-design-system'),
+      // @ts-ignore
+      import('@18f/identity-design-system/auto'),
+    ]);
+  });
+});

tsconfig.json

@@ -5,6 +5,7 @@
     "noEmit": true,
     "strict": true,
     "esModuleInterop": true,
+    "skipLibCheck": true,
     "moduleResolution": "node",
     "module": "ESNext",
     "target": "ESNext",