chore: use typescript project references

.gitignore

@@ -35,3 +35,6 @@ config/*/.npmrc
 .sbom
 .logs
 .evergreen/logs
+
+# Typescript incremental build info
+*.tsbuildinfo

packages/compass-components/.eslintrc.js

@@ -4,6 +4,6 @@ module.exports = {
   extends: ['@mongodb-js/eslint-config-compass'],
   parserOptions: {
     tsconfigRootDir: __dirname,
-    project: ['./tsconfig-lint.json'],
+    project: ['./tsconfig.json'],
   },
 };

packages/compass-components/.gitignore

@@ -1 +0,0 @@
-lib

packages/compass-components/package.json

@@ -3,21 +3,20 @@
   "version": "1.34.0",
   "description": "React Components used in Compass",
   "license": "SSPL",
-  "main": "lib/index.js",
+  "main": "dist/index.js",
   "compass:main": "src/index.ts",
   "compass:exports": {
     ".": "./src/index.ts"
   },
-  "types": "./lib/index.d.ts",
+  "types": "./dist/index.d.ts",
   "files": [
-    "lib"
+    "dist"
   ],
   "scripts": {
     "bootstrap": "npm run compile",
     "prepublishOnly": "npm run compile && compass-scripts check-exports-exist",
-    "clean": "node -e \"fs.rmSync('lib', { recursive: true, force: true })\" || true",
-    "precompile": "npm run clean",
-    "compile": "tsc -p tsconfig.json",
+    "clean": "tsc --build --clean",
+    "compile": "tsc --build",
     "eslint": "eslint",
     "prettier": "prettier",
     "lint": "npm run eslint . && npm run prettier -- --check .",

packages/compass-components/tsconfig.json

@@ -1,8 +1,10 @@
 {
   "extends": "@mongodb-js/tsconfig-compass/tsconfig.react.json",
   "compilerOptions": {
-    "outDir": "lib"
+    "composite": true,
+    "outDir": "dist",
+    "rootDir": "src"
   },
-  "include": ["src/**/*"],
-  "exclude": ["./src/**/*.spec.*", "./src/**/*.test.*"]
+  "include": ["src"],
+  "exclude": ["src/**/*.spec.*", "./src/**/*.test.*"]
 }

packages/connection-form/src/components/advanced-options-tabs/csfle-tab/csfle-tab.spec.tsx

@@ -18,8 +18,10 @@ import { Binary } from 'bson';
 
 import ConnectionForm from '../../../';
 import { getNextKmsProviderName } from './kms-provider-content';
-import { FileInputBackendProvider } from '@mongodb-js/compass-components';
-import { createJSDomFileInputDummyBackend } from '@mongodb-js/compass-components/lib/components/file-input';
+import {
+  FileInputBackendProvider,
+  createJSDomFileInputDummyBackend,
+} from '@mongodb-js/compass-components';
 
 const openAdvancedTab = async (
   tabId: 'general' | 'authentication' | 'tls' | 'proxy' | 'advanced' | 'csfle'

packages/connection-form/src/components/advanced-options-tabs/ssh-tunnel-tab/ssh-tunnel-identity.spec.tsx

@@ -7,8 +7,10 @@ import type { SSHConnectionOptions } from '../../../utils/connection-ssh-handler
 import SSHTunnelIdentity from './ssh-tunnel-identity';
 import type { ConnectionFormError } from '../../../utils/validation';
 import { errorMessageByFieldName } from '../../../utils/validation';
-import { FileInputBackendProvider } from '@mongodb-js/compass-components';
-import { createJSDomFileInputDummyBackend } from '@mongodb-js/compass-components/lib/components/file-input';
+import {
+  FileInputBackendProvider,
+  createJSDomFileInputDummyBackend,
+} from '@mongodb-js/compass-components';
 
 const formFields: {
   key: keyof SSHConnectionOptions;

packages/connection-form/src/components/advanced-options-tabs/tls-ssl-tab/tls-ssl-tab.spec.tsx

@@ -10,8 +10,10 @@ import sinon from 'sinon';
 import ConnectionStringUrl from 'mongodb-connection-string-url';
 
 import SSLTab, { getTLSOptionForConnectionString } from './tls-ssl-tab';
-import { FileInputBackendProvider } from '@mongodb-js/compass-components';
-import { createJSDomFileInputDummyBackend } from '@mongodb-js/compass-components/lib/components/file-input';
+import {
+  FileInputBackendProvider,
+  createJSDomFileInputDummyBackend,
+} from '@mongodb-js/compass-components';
 
 describe('SchemaInput', function () {
   let updateConnectionFormFieldSpy: sinon.SinonSpy;