Convert to TS

.github/workflows/ci.yml

@@ -4,7 +4,9 @@ jobs:
   test:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@master
+    - uses: actions/checkout@v2
+      with:
+        fetch-depth: 0 # Required for chromatic
     - uses: actions/setup-node@v1
     - run: yarn install
     - run: yarn chromatic

.gitignore

@@ -9,3 +9,4 @@ lib
 coverage
 .yalc
 yalc.lock
+.env

CHANGELOG.md

@@ -2,6 +2,26 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+<a name="5.3.5"></a>
+## 5.3.5 (2020-08-11)
+
+
+
+<a name="5.3.4"></a>
+## 5.3.4 (2020-08-10)
+
+
+
+<a name="5.3.3"></a>
+## 5.3.3 (2020-08-04)
+
+
+### Bug Fixes
+
+* Remove auto focus from Modal Content ([#128](https://github.com/heydoctor/molekule/issues/128)) ([322c054](https://github.com/heydoctor/molekule/commit/322c054))
+
+
+
 <a name="5.3.2"></a>
 ## 5.3.2 (2020-07-29)
 

jest.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  setupFilesAfterEnv: ['<rootDir>/test/setup.js'],
+  setupFilesAfterEnv: ['<rootDir>/src/test/setup.js'],
   moduleFileExtensions: ['ts', 'tsx', 'js'],
   testMatch: ['<rootDir>/src/**/*.spec.(ts|js|tsx|jsx)'],
   moduleNameMapper: {

package.json

@@ -1,9 +1,9 @@
 {
   "name": "molekule",
   "description": "React component library built on top of styled-components and styled-system",
-  "version": "5.3.2",
+  "version": "5.3.5",
   "main": "lib/index.js",
-  "types": "lib/main.d.ts",
+  "types": "lib/index.d.ts",
   "files": [
     "lib"
   ],
@@ -17,7 +17,7 @@
   "scripts": {
     "clean": "rimraf lib",
     "watch": "yarn rollup --watch",
-    "build": "npm run clean && babel src --out-dir lib --extensions '.ts,.tsx,.js,.jsx'",
+    "build": "npm run clean && tsc --noEmit false --project tsconfig.build.json",
     "docs": "start-storybook -p 1234",
     "dev": "start-storybook -p 1234",
     "docs:build": "rimraf dist && build-storybook -o dist",
@@ -26,6 +26,7 @@
     "preview": "nodemon -w src -x 'yalc publish --push --changed'",
     "rollup": "rollup -c",
     "test": "jest",
+    "types": "tsc -w",
     "lint": "eslint src",
     "release": "npm run build && standard-version",
     "chromatic": "chromatic --exit-zero-on-changes --auto-accept-changes master"
@@ -34,9 +35,9 @@
     "@styled-system/prop-types": "^5.1.2",
     "@testing-library/react": "^9.1.3",
     "@types/react-transition-group": "^4.4.0",
-    "chromatic": "^4.0.2",
-    "cleave.js": "~1.4.10",
-    "libphonenumber-js": "^1.7.13",
+    "chromatic": "^4.0.3",
+    "cleave.js": "~1.6.0",
+    "libphonenumber-js": "^1.7.52",
     "lodash": "^4.17.16",
     "mitt": "^1.1.3",
     "polished": "^2.0.0",
@@ -49,7 +50,7 @@
     "react-transition-group": "^2.5.3",
     "styled-components": "^4.0.0",
     "styled-system": "^5.1.2",
-    "typescript": "^3.7.4"
+    "typescript": "^3.9.4"
   },
   "peerDependencies": {
     "react": "^16.8.0",
@@ -75,7 +76,11 @@
     "@storybook/react": "5.3.18",
     "@types/jest": "^25.2.2",
     "@types/lodash": "^4.14.150",
+    "@types/react-portal": "^4.0.2",
+    "@types/react-transition-group": "^4.4.0",
     "@types/styled-components": "^5.1.0",
+    "@types/styled-system": "^5.1.10",
+    "@types/yup": "^0.29.4",
     "babel-jest": "^24.1.0",
     "babel-loader": "^8.0.6",
     "babel-preset-react-app": "^9.1.2",

src/@types/react-animations/index.d.ts

@@ -0,0 +1 @@
+declare module 'react-animations' {}

src/@types/styled.d.ts

@@ -1,25 +1,8 @@
 // import original module declarations
 import 'styled-components';
-import { ThemeColors, ThemeBreakpoints, ThemeTypography, ThemeSizes, ThemeVariants } from 'src/types';
+import { Theme } from 'types';
 
 // and extend them!
 declare module 'styled-components' {
-  export interface DefaultTheme extends Theme {
-    classPrefix: string;
-    space: number[];
-    gridWidth: number;
-    gridGutter: number;
-    gridColumns: number;
-    radii: number[];
-    radius: number;
-    shadow: {
-      soft: string;
-      hard: string;
-    };
-    colors: ThemeColors;
-    breakpoints: ThemeBreakpoints;
-    typography: ThemeTypography;
-    sizes: ThemeSizes;
-    variants: ThemeVariants;
-  }
+  export interface DefaultTheme extends Theme {}
 }