refactor(project): update ts config and typings for icons-react

.gitignore

@@ -57,3 +57,6 @@ package-lock.json
 
 # Playwright
 .playwright
+
+# TypeScript
+tsconfig.tsbuildinfo

package.json

@@ -26,7 +26,7 @@
     "sync": "carbon-cli sync",
     "test": "cross-env BABEL_ENV=test jest",
     "test:e2e": "cross-env BABEL_ENV=test jest -c jest.e2e.config.js",
-    "typecheck": "tsc --skipLibCheck --noEmit",
+    "typecheck": "tsc -b",
     "postinstall": "husky install"
   },
   "resolutions": {

packages/icon-build-helpers/src/builders/react/next.js

@@ -198,12 +198,12 @@ async function builder(metadata, { output }) {
 
   let declarationFile = `${templates.banner}
 
-import { Icon } from './types/Icon.d.ts';
+import { Icon } from './types/Icon';
 
 `;
 
   for (const m of modules) {
-    declarationFile += `export const ${m.name} = Icon;\n`;
+    declarationFile += `export const ${m.name}: Icon;\n`;
   }
 
   await fs.writeFile(path.join(output, 'index.d.ts'), declarationFile);

packages/icons-react/package.json

@@ -31,7 +31,7 @@
   },
   "scripts": {
     "build": "yarn clean && node tasks/build.js",
-    "clean": "rimraf es lib",
+    "clean": "rimraf es lib index.d.ts",
     "postinstall": "carbon-telemetry collect --install"
   },
   "types": "./index.d.ts",

packages/icons-react/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["index.d.ts", "types"]
+}

packages/icons-react/types/Icon.d.ts

@@ -5,6 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import * as React from 'react';
+
 type IconSize = 16 | 20 | 24 | 32 | '16' | '20' | '24' | '32' | number | string;
 
 // Inspired by the original types defined in DefinitelyTyped:

tsconfig.base.json

@@ -1,53 +1,26 @@
 {
   "compilerOptions": {
-    /* Type Checking */
-    "allowUnreachableCode": false,
-    "allowUnusedLabels": false,
-    "alwaysStrict": true,
-    "noFallthroughCasesInSwitch": false,
+    "lib": ["es2015.iterable", "es2015.generator", "es5"],
+    "moduleResolution": "node",
+
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "composite": true,
+    "noEmitOnError": true,
+
+    "strictNullChecks": true,
     "noImplicitAny": true,
-    "noImplicitOverride": true,
-    "noImplicitReturns": true,
     "noImplicitThis": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noUncheckedIndexedAccess": true,
+    "strictPropertyInitialization": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "strict": true,
-    "strictBindCallApply": true,
-    "strictFunctionTypes": true,
-    "strictNullChecks": true,
-    "strictPropertyInitialization": true,
-
-    /* Modules */
-    "baseUrl": ".",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "paths": {
-      "*": ["node_modules/*"]
-    },
-    "resolveJsonModule": true,
-    "types": ["node"],
-    "typeRoots": ["./node_modules/@types", "./types"],
 
-    /* Emit */
-    "noEmit": true,
-
-    /* JavaScript Support */
-    "allowJs": true,
-
-    /* Interop Constraints */
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "isolatedModules": true,
+    "alwaysStrict": true,
+    "preserveConstEnums": true,
 
-    /* Language and Environment */
     "jsx": "preserve",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "target": "es2018",
 
-    /* Completeness */
-    "skipLibCheck": true
+    "types": []
   }
 }

tsconfig.json

@@ -1,4 +1,9 @@
 {
-  "extends": "./tsconfig.base.json",
-  "include": ["packages/icons-react"]
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./packages/icons-react"
+    }
+  ]
 }