chore: set up typescript-strict-plugin to help enable strict mode g…

…lobally (#11177)

**Related Issue:** N/A

## Summary

Wires up
[`typescript-strict-plugin`](https://github.com/allegro/typescript-strict-plugin)
to incrementally convert files to be strict.

### Notable changes

* Adds `@ts-strict-ignore` comments to files within scope to allow
opting into strict mode incrementally
* Enables strict mode for packages with no existing strict errors
* Examples and files not covered by existing `tsconfig.json` files
(e.g., support files executed via `tsx`) are not included – I'll create
a follow-up PR for these

package.json

@@ -127,6 +127,7 @@
     "tsx": "4.19.2",
     "turbo": "2.3.3",
     "typescript": "5.6.3",
+    "typescript-strict-plugin": "2.4.4",
     "vite": "5.4.11"
   },
   "license": "SEE LICENSE.md",

packages/calcite-components-react/tsconfig.json

@@ -1,11 +1,12 @@
 {
   "compilerOptions": {
-    "allowUnreachableCode": false,
     "allowSyntheticDefaultImports": true,
+    "allowUnreachableCode": false,
     "declaration": true,
     "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
     "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "jsx": "react",
     "lib": ["dom", "es2015"],
     "module": "esnext",
     "moduleResolution": "node",
@@ -15,9 +16,9 @@
     "noUnusedParameters": true,
     "outDir": "dist",
     "removeComments": false,
-    "jsx": "react",
-    "target": "es2015",
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "es2015"
   },
   "include": ["src/**/*.ts", "src/**/*.tsx"]
 }

packages/calcite-components/calcite-preset.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import flattenColorPalette from "tailwindcss/lib/util/flattenColorPalette";
 import plugin from "tailwindcss/plugin";
 

packages/calcite-components/src/components/accordion-item/accordion-item.tsx

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { LitElement, property, createEvent, h, method, state, JsxNode } from "@arcgis/lumina";
 import {
   closestElementCrossShadowBoundary,

packages/calcite-components/src/components/action-bar/action-bar.e2e.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { newE2EPage } from "@arcgis/lumina-compiler/puppeteerTesting";
 import { describe, expect, it } from "vitest";
 import { html } from "../../../support/formatting";

packages/calcite-components/src/components/action-bar/action-bar.tsx

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { debounce } from "lodash-es";
 import { PropertyValues } from "lit";
 import {

packages/calcite-components/src/components/action-group/action-group.tsx

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { PropertyValues } from "lit";
 import { LitElement, property, h, method, state, JsxNode, ToEvents } from "@arcgis/lumina";
 import {

packages/calcite-components/src/components/action-menu/action-menu.e2e.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { E2EPage, newE2EPage } from "@arcgis/lumina-compiler/puppeteerTesting";
 import { beforeEach, describe, expect, it } from "vitest";
 import { html } from "../../../support/formatting";

packages/calcite-components/src/components/action-menu/action-menu.tsx

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { PropertyValues } from "lit";
 import {
   LitElement,

packages/calcite-components/src/components/action-pad/action-pad.tsx

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { PropertyValues } from "lit";
 import { LitElement, property, createEvent, h, method, state, JsxNode } from "@arcgis/lumina";
 import { focusFirstTabbable, slotChangeGetAssignedElements } from "../../utils/dom";

packages/calcite-components/src/components/action/action.tsx

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { createRef } from "lit-html/directives/ref.js";
 import { LitElement, property, h, method, JsxNode } from "@arcgis/lumina";
 import { guid } from "../../utils/guid";

packages/calcite-components/src/components/alert/AlertManager.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import type { Alert } from "./alert";
 
 export const alertQueueTimeoutMs = 300;

packages/calcite-components/src/components/alert/alert.e2e.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { newE2EPage, E2EPage, E2EElement } from "@arcgis/lumina-compiler/puppeteerTesting";
 import { describe, expect, it, beforeEach } from "vitest";
 import { html } from "../../../support/formatting";

packages/calcite-components/src/components/alert/alert.tsx

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { PropertyValues } from "lit";
 import {
   LitElement,

packages/calcite-components/src/components/autocomplete-item-group/autocomplete-item-group.tsx

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { LitElement, property, h, JsxNode } from "@arcgis/lumina";
 import { Scale } from "../interfaces";
 import { CSS } from "./resources";

packages/calcite-components/src/components/autocomplete-item/autocomplete-item.tsx

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { LitElement, property, createEvent, h, JsxNode } from "@arcgis/lumina";
 import { FlipContext, Scale } from "../interfaces";
 import {

packages/calcite-components/src/components/autocomplete/autocomplete.tsx

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { PropertyValues } from "lit";
 import {
   LitElement,

packages/calcite-components/src/components/avatar/avatar.e2e.ts

@@ -1,3 +1,4 @@
+// @ts-strict-ignore
 import { newE2EPage } from "@arcgis/lumina-compiler/puppeteerTesting";
 import { describe, expect, it } from "vitest";
 import { accessible, defaults, hidden, renders, themed } from "../../tests/commonTests";