Merge pull request #21 from microcmsio/feature/support_typescript

feature added support TypeScript

Author: shibe97

.babelrc

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_size = 2 
+indent_style = space
+trim_trailing_whitespace = true

.editorconfig

@@ -0,0 +1,23 @@
+name: release
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+    - uses: actions/setup-node@v1
+      with:
+        node-version: '12.x'
+        registry-url: 'https://registry.npmjs.org'
+    - name: release on npm
+      run: |
+        npm ci
+        npm run build
+    - run: npm publish
+      env:
+        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/release.yml

@@ -1,19 +1,17 @@
 # useModal
 
-[![Build Status](https://travis-ci.org/shibe97/react-hooks-use-modal.svg?branch=master)](https://travis-ci.org/shibe97/react-hooks-use-modal)
-
 This is a react hook which can open the modal easily.
 
 ## Usage
 
 ```javascript
 import React, { useState, useCallback } from 'react';
 import { render } from 'react-dom';
-import useModal from 'react-hooks-use-modal';
+import { useModal } from 'react-hooks-use-modal';
 
 const App = () => {
   const [Modal, open, close, isOpen] = useModal('root', {
-    preventScroll: true
+    preventScroll: true,
   });
   return (
     <div>
@@ -73,7 +71,13 @@ $ npm install
 ### Build src
 
 ```
-$ npm run build:src
+$ npm run build
+```
+
+### Watch src
+
+```
+$ npm run watch
 ```
 
 ### Build examples

.travis.yml

@@ -1,16 +1,16 @@
 import React from 'react';
 import { render } from 'react-dom';
-import useModal from '../../dist';
+import { useModal } from '../../dist';
 
-const modalStyle = {
+const modalStyle: React.CSSProperties = {
   backgroundColor: '#fff',
   padding: '60px 100px',
-  borderRadius: '10px'
+  borderRadius: '10px',
 };
 
 const App = () => {
   const [Modal, open, close, isOpen] = useModal('root', {
-    preventScroll: true
+    preventScroll: true,
   });
   return (
     <div>