Introduce TypeScript and convert two components

CHANGELOG.md

@@ -1,4 +1,16 @@
-# Changelog
+Changelog
+---
+
+## HEAD
+
+- [breaking] Rewrites `src/components/icon` as a functional component and uses [`accessible-icon` from Radix](https://www.radix-ui.com/docs/primitives/utilities/accessible-icon) as an internal primitive.
+- [breaking] Rewrites `src/components/control-wrapper` as a functional component.
+- [feature] Introduces TypeScript to the source code and converts:
+  - `src/docs/*`
+  - `src/components/utils/*`
+  - `src/components/icon/*`
+  - `src/components/control-wrapper/*`
+- [feature] Adds React Testing Library to newly ported components
 
 ## 2.0.0-beta.2
 

babel.config.js

@@ -1,6 +1,18 @@
-'use strict';
-
 module.exports = {
-  presets: ['@babel/preset-env', '@babel/preset-react'],
-  plugins: ['@babel/plugin-proposal-class-properties']
+  presets: ['@mapbox/babel-preset-mapbox'],
+  overrides: [
+    {
+      test: /\.tsx$/,
+      presets: [
+        '@mapbox/babel-preset-mapbox',
+        [
+          '@babel/typescript',
+          {
+            allExtensions: true,
+            isTSX: true
+          }
+        ]
+      ]
+    }
+  ]
 };

jest.config.js

@@ -3,7 +3,12 @@
 module.exports = {
   coverageReporters: ['text', 'html'],
   clearMocks: true,
-  testMatch: ['**/__tests__/*.test.js'],
+  transform: {
+    '^.+\\.(ts|tsx)?$': 'ts-jest',
+    '^.+\\.(js|jsx)$': 'babel-jest'
+  },
+  testRegex: '.*\\.test\\.(ts|tsx|js)$',
   setupFiles: ['./src/test-utils/jest-setup.js'],
-  setupFilesAfterEnv: ['./src/test-utils/jest-setup-framework.js']
+  setupFilesAfterEnv: ['./src/test-utils/jest-framework-setup.js'],
+  testEnvironment: 'jest-environment-jsdom'
 };