implement typescript

.babelrc

@@ -1,9 +1,11 @@
 {
   "presets": [
     "@babel/preset-env",
-    "@babel/preset-react"
+    "@babel/preset-react",
+    "@babel/typescript"
   ],
   "plugins": [
-    "@babel/plugin-proposal-class-properties"
+    "@babel/plugin-proposal-class-properties",
+    "emotion"
   ]
-}
+}

.gitignore

@@ -5,3 +5,4 @@ lib
 umd
 npm-debug.log
 dist
+.idea

.npmignore

@@ -1 +1,2 @@
 src
+.idea

.storybook/presets.js

@@ -0,0 +1 @@
+module.exports = ['@storybook/preset-typescript'];

.storybook/stories/LoadingOverlay.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { storiesOf } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import styled from 'styled-components'
-import LoadingOverlay from '../../src/LoadingOverlay.js'
+import LoadingOverlay from '../../src/LoadingOverlay.tsx'
 
 const wrapped = (
   <div style={{padding: '20px', background: '#FFF'}}>
@@ -147,4 +147,4 @@ storiesOf('LoadingOverlay', module)
         {wrapped}
       </StyledLoader>
     )
-  })
+  })

.storybook/webpack.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+// your app's webpack.config.js
+const custom = require('../webpack.config.js');
+
+module.exports = async ({ config, mode }) => {
+  return { ...config, module: { ...config.module, rules: custom.module.rules } };
+};

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## [v0.3.0] - 2020-01-04
+
+- implemented typescript
+
 ## [v0.2.2] - 2016-11-13
 
 ### Reverted breaking changes

__tests__/LoadingOverlay.test.js → __tests__/LoadingOverlay.test.tsx

@@ -7,8 +7,10 @@ jest.useFakeTimers()
 
 afterEach(cleanup)
 
-class DelayedInactive extends Component {
-  constructor (props) {
+class DelayedInactive extends Component<any, {active: boolean}> {
+  timer: any;
+
+  constructor (props: any) {
     super(props)
     this.state = { active: true }
   }

jest.config.js

@@ -0,0 +1,10 @@
+
+module.exports = {
+  'testMatch': [
+    '**/__tests__/**/*.+(ts|tsx|js)',
+    '**/?(*.)+(spec|test).+(ts|tsx|js)'
+  ],
+  'transform': {
+    '^.+\\.(ts|tsx)$': 'ts-jest'
+  }
+}