chore: update typescript to 4.6.3

.github/workflows/ci-validate-platforms.yml

@@ -38,22 +38,6 @@ jobs:
         run: |
           git fetch --no-tags --prune --depth=1 origin +refs/heads/master:refs/remotes/origin/master
 
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo '::set-output name=dir::$(yarn cache dir)'
-
-      - name: Set up node_modules cache
-        uses: actions/cache@v2
-        id: yarn-cache
-        with:
-          path: |
-            ${{ steps.yarn-cache-dir-path.outputs.dir }}
-            node_modules
-            */*/node_modules
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
-
       - name: Install package dependencies
         run: yarn install --frozen-lockfile --ignore-scripts --network-timeout=360000 --prefer-offline
 

.github/workflows/ci-validate-pr.yml

@@ -20,22 +20,6 @@ jobs:
       with:
         fetch-depth: 0
 
-    - name: Get yarn cache directory path
-      id: yarn-cache-dir-path
-      run: echo '::set-output name=dir::$(yarn cache dir)'
-
-    - name: Set up node_modules cache
-      uses: actions/cache@v2
-      id: yarn-cache
-      with:
-        path: |
-          ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          node_modules
-          */*/node_modules
-        key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-        restore-keys: |
-          ${{ runner.os }}-yarn-
-
     - name: Install package dependencies
       run: yarn install --frozen-lockfile --ignore-scripts --prefer-offline
 

change/@microsoft-eslint-config-fast-dna-34c32245-3d92-4733-8ddd-8fccb8398ade.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/eslint-config-fast-dna",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-animation-e2384b3d-014a-424a-bb04-dddbb4b38e9a.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-animation",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-colors-6ed535fb-f2b3-4e1b-aac1-7a9e43f3103c.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-colors",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-components-8df06c26-dd0b-49e4-ad28-1378e64642a3.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-element-3671732e-ea58-4ae5-a371-084749a7c7ba.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-element",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-foundation-b13b99fe-2020-4e09-a1f5-a882e631b4f3.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-react-wrapper-da559217-8f4f-40d3-939b-dd9a24a87798.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-react-wrapper",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-router-a87c8099-0829-415c-a1ab-911527dc0945.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-router",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@microsoft-fast-web-utilities-7ced022b-9db4-4df7-b271-2fe001c555db.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+  "packageName": "@microsoft/fast-web-utilities",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}

examples/design-system-tutorial/package.json

@@ -20,7 +20,7 @@
   "devDependencies": {
     "rimraf": "^3.0.2",
     "ts-loader": "^7.0.1",
-    "typescript": "^3.8.3",
+    "typescript": "^4.6.2",
     "webpack": "^4.44.0",
     "webpack-cli": "^3.3.11",
     "webpack-dev-server": "^3.11.0"

examples/todo-app-tutorial/package.json

@@ -21,7 +21,7 @@
     "http-server": "^14.1.0",
     "rimraf": "^3.0.2",
     "ts-loader": "^7.0.1",
-    "typescript": "^3.8.3",
+    "typescript": "^4.6.2",
     "webpack": "^4.44.0",
     "webpack-cli": "^3.3.11",
     "webpack-dev-server": "^3.11.0"

package.json

@@ -116,7 +116,8 @@
     ]
   },
   "resolutions": {
-    "@types/react": "*",
+    "@microsoft/fast-tooling": "^0.37.7",
+    "@types/react": "^16.14.0",
     "browserslist": "^4.16.5",
     "clean-css": "^4.2.3",
     "css-select": "^4.2.1",
@@ -134,7 +135,7 @@
     "node-notifier": "^9.0.0",
     "trim-newlines": "^4.0.2",
     "trim": "^0.0.3",
-    "typescript": "^3.9.0",
+    "typescript": "^4.6.2",
     "ua-parser-js": "^0.7.28",
     "ws": "^7.4.6",
     "xmlhttprequest-ssl": "^1.6.2"
@@ -162,7 +163,7 @@
     "rimraf": "^3.0.2",
     "ts-jest": "^25.4.0",
     "ts-node": "^8.8.2",
-    "typescript": "^3.9.0",
+    "typescript": "^4.6.2",
     "yargs": "^16.2.0"
   },
   "dependencies": {

packages/tooling/fast-figma-plugin-msft/package.json

@@ -44,7 +44,7 @@
     "react-dom": "^16.12.0",
     "style-loader": "^1.1.2",
     "ts-loader": "^6.2.1",
-    "typescript": "^3.9.0",
+    "typescript": "^4.6.2",
     "webpack": "^4.44.0",
     "webpack-bundle-analyzer": "^3.6.0",
     "webpack-cli": "^3.3.10"

packages/utilities/fast-animation/package.json

@@ -46,12 +46,13 @@
     "coverageThreshold": {
       "global": {
         "statements": 72,
-        "branches": 57,
+        "branches": 56,
         "functions": 67,
         "lines": 72
       }
     },
     "rootDir": "./",
+    "testEnvironment": "jsdom",
     "transform": {
       ".(ts|tsx)": "ts-jest"
     },
@@ -71,12 +72,11 @@
     "@babel/preset-react": "^7.12.13",
     "@microsoft/api-extractor": "7.8.1",
     "@microsoft/eslint-config-fast-dna": "^2.0.0",
-    "@types/jest": "^25.2.1",
+    "@types/jest": "^27.0.0",
     "@types/node": "^15.0.1",
     "@types/react": "^16.3.0",
     "@types/react-dom": "^16.3.0",
     "@types/react-redux": "^4.4.47",
-    "awesome-typescript-loader": "^5.2.1",
     "babel-loader": "^8.2.2",
     "css-loader": "^5.2.6",
     "eslint": "^6.8.0",
@@ -85,7 +85,7 @@
     "file-loader": "^3.0.1",
     "fork-ts-checker-webpack-plugin": "^0.4.0",
     "html-webpack-plugin": "^3.2.0",
-    "jest": "^25.4.0",
+    "jest": "^27.0.0",
     "mini-css-extract-plugin": "^1.6.1",
     "postcss": "^8.3.5",
     "postcss-loader": "^4.2.0",
@@ -95,8 +95,9 @@
     "react-router": "^4.1.1",
     "require-dir": "^0.3.2",
     "style-loader": "^0.13.2",
-    "ts-jest": "^25.4.0",
-    "typescript": "^3.9.0",
+    "ts-jest": "^27.0.0",
+    "ts-loader": "^8.0.0",
+    "typescript": "^4.6.2",
     "webpack": "^4.44.0",
     "webpack-bundle-analyzer": "^3.5.2",
     "webpack-cli": "^3.2.1",

packages/utilities/fast-animation/tsconfig.json

@@ -18,4 +18,4 @@
       ]
     }
   }
-}
+}

packages/utilities/fast-animation/webpack.config.js

@@ -28,7 +28,7 @@ module.exports = (env, args) => {
                     exclude: /\.(test|spec)/,
                     use: [
                         { loader: "babel-loader" },
-                        { loader: "awesome-typescript-loader" },
+                        { loader: "ts-loader" },
                         { loader: "eslint-loader" },
                     ],
                 },

packages/utilities/fast-benchmarks/package.json

@@ -29,7 +29,7 @@
     "html-webpack-plugin": "^5.3.1",
     "prettier": "2.0.2",
     "ts-loader": "^8.1.0",
-    "typescript": "^3.9.0",
+    "typescript": "^4.6.2",
     "webpack": "^5.30.0",
     "webpack-cli": "^4.6.0",
     "webpack-dev-server": "^4.0.0-beta.1"

packages/utilities/fast-colors/package.json

@@ -42,6 +42,6 @@
     "@microsoft/eslint-config-fast-dna": "^2.0.0",
     "eslint-config-prettier": "^6.10.1",
     "prettier": "2.0.2",
-    "typescript": "^3.9.0"
+    "typescript": "^4.6.2"
   }
 }

packages/utilities/fast-eslint-rules/package.json

@@ -29,6 +29,6 @@
     "@typescript-eslint/parser": "^5.0.0",
     "eslint": "^8.0.0",
     "eslint-plugin-import": "^2.25.0",
-    "typescript": "~3.9.0 || ~4.3.5"
+    "typescript": "~3.9.0 || ~4.3.5 || ^4.6.2"
   }
 }

packages/utilities/fast-react-wrapper/docs/api-report.md

@@ -17,12 +17,8 @@ export type FoundationElementRegistryElement<TRegistry> = TRegistry extends Foun
 // @public (undocumented)
 export function provideReactWrapper(React: any, designSystem?: DesignSystem): {
     wrap: {
-        <TRegistry extends FoundationElementRegistry<FoundationElementDefinition, any>, TEvents>(registry: TRegistry, config?: ReactWrapperConfig<TEvents> | undefined): Constructable<ReactModule.Component<ReactModule.PropsWithChildren<ReactModule.PropsWithRef<Partial<Pick<FoundationElementRegistryElement<TRegistry>, Exclude<keyof FoundationElementRegistryElement<TRegistry>, "style" | "children">>> & ReactEvents<TEvents> & ReactModule.HTMLAttributes<HTMLElement>> & {
-            style?: ReactModule.CSSProperties | undefined;
-        }>, {}, any>>;
-        <TElement extends HTMLElement, TEvents_1>(type: Constructable<TElement>, config?: ReactWrapperConfig<TEvents_1> | undefined): Constructable<ReactModule.Component<ReactModule.PropsWithChildren<ReactModule.PropsWithRef<Partial<Pick<TElement, Exclude<keyof TElement, "style" | "children">>> & ReactEvents<TEvents_1> & ReactModule.HTMLAttributes<HTMLElement>> & {
-            style?: ReactModule.CSSProperties | undefined;
-        }>, {}, any>>;
+        <TRegistry extends FoundationElementRegistry<FoundationElementDefinition, any>, TEvents>(registry: TRegistry, config?: ReactWrapperConfig<TEvents> | undefined): ReactWrapper<FoundationElementRegistryElement<TRegistry>, TEvents>;
+        <TElement extends HTMLElement, TEvents_1>(type: Constructable<TElement>, config?: ReactWrapperConfig<TEvents_1> | undefined): ReactWrapper<TElement, TEvents_1>;
     };
     registry: Registry;
 };

packages/utilities/fast-react-wrapper/package.json

@@ -82,7 +82,7 @@
     "ts-loader": "^7.0.2",
     "ts-node": "^8.9.1",
     "tsconfig-paths": "^3.9.0",
-    "typescript": "^3.9.0",
+    "typescript": "^4.6.2",
     "webpack": "^4.44.0"
   },
   "dependencies": {

packages/utilities/fast-web-utilities/package.json

@@ -66,7 +66,7 @@
     "mocha": "^7.1.2",
     "prettier": "2.0.2",
     "ts-loader": "^4.0.1",
-    "typescript": "^3.9.0"
+    "typescript": "^4.6.2"
   },
   "dependencies": {
     "exenv-es6": "^1.1.1"

packages/utilities/fast-web-utilities/src/strings.ts

@@ -44,25 +44,6 @@ export function startsWith(
     return stringToSearch.substr(position, searchFor.length) === searchFor;
 }
 
-const wordRe = /([A-Z]+[a-z0-9]*|[A-Z]*[a-z0-9]+)/g;
-
-/**
- * Matches all instances of the RegExp in the string. Operates similarly to the
- * native `String.matchAll`, which is not yet available on all supported
- * browsers. Note that the regex *must* be global.
- */
-function matchAll(re: RegExp, str: string): string[] {
-    const matches: string[] = [];
-
-    let match: RegExpExecArray | null;
-    while ((match = re.exec(str))) {
-        matches.push(match[1]);
-    }
-
-    re.lastIndex = 0;
-    return matches;
-}
-
 /**
  * Determines if the specified string is undefined, null, empty, or whitespace.
  * True if the value is undefined, null, empty, or whitespace, otherwise false.