Typescript definition file for prop types

package.json

@@ -8,6 +8,10 @@
     {
       "name": "Julian Böhnke",
       "email": "[email protected]"
+    },
+    {
+      "name": "Thibault HENRY",
+      "email": "[email protected]"
     }
   ],
   "main": "lib/components",
@@ -40,6 +44,8 @@
     "react-dom": "^16.0.0"
   },
   "devDependencies": {
+    "@types/react": "^16.4.7",
+    "@types/typescript": "^2.0.0",
     "babel-cli": "^6.26.0",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-preset-env": "^1.6.0",
@@ -53,16 +59,21 @@
     "eslint-plugin-standard": "^3.0.1",
     "gh-pages": "^1.0.0",
     "react-scripts": "1.0.14",
-    "react-styleguidist": "^6.0.27"
+    "react-styleguidist": "^6.0.27",
+    "scp": "0.0.3",
+    "tslint": "^5.11.0",
+    "typescript": "^3.0.1"
   },
   "scripts": {
     "test": "react-scripts test --env=jsdom",
     "styleguide": "styleguidist server",
     "styleguide:build": "styleguidist build",
     "predeploy": "npm run styleguide:build",
     "deploy": "gh-pages -d styleguide",
-    "build": "babel src -d lib",
-    "lint": "eslint src/components/**; exit 0",
+    "build": "babel src -d lib && scp ./src/components/index.d.ts ./lib/components/index.d.ts",
+    "lint:js": "eslint src/components/**/*.js",
+    "lint:ts": "tslint -c tslint.json 'src/**/*.ts'",
+    "lint": "npm run lint:js && npm run lint:ts",
     "lint:watch": "esw -w src/**",
     "prepublish": "npm run build",
     "publish": "git push origin && git push origin --tags",

src/components/Button/Button.js

@@ -97,4 +97,4 @@ Button.propTypes = {
   static: PropTypes.bool
 }
 
-export default Button
+export default Button

src/components/Card/CardImage.js

@@ -42,7 +42,7 @@ CardImage.propTypes = {
     '3by5',
     '9by16',
     '1by2',
-    '1by3',
+    '1by3'
   ]),
   is: PropTypes.oneOf([
     '16x16',

src/components/Container/Container.js

@@ -13,7 +13,7 @@ const Container = ({
 }) => {
   const classes = classNames('container', {
     'is-fluid': fluid,
-    'has-text-centered': hasTextCentered,
+    'has-text-centered': hasTextCentered
   }, className)
 
   return <div className={classes} {...props} />

src/components/File/File.js

@@ -59,7 +59,7 @@ File.propTypes = {
   primary: PropTypes.bool,
   right: PropTypes.bool,
   small: PropTypes.bool,
-  warning: PropTypes.bool,
+  warning: PropTypes.bool
 }
 
 File.Cta = FileCta

src/components/File/FileIcon.js

@@ -15,7 +15,8 @@ const FileIcon = ({
 FileIcon.displayName = 'File.Icon'
 
 FileIcon.propTypes = {
-  className: PropTypes.string
+  className: PropTypes.string,
+  as: PropTypes.string
 }
 
 FileIcon.defaultProps = {

src/components/File/FileInput.js

@@ -8,7 +8,7 @@ const FileInput = ({
 }) => {
   const classes = classNames('file-input', className)
 
-  return <input className={classes} type="file" {...props} />
+  return <input className={classes} type='file' {...props} />
 }
 
 FileInput.displayName = 'File.Input'

src/components/Image/Image.js

@@ -51,7 +51,7 @@ Image.propTypes = {
     '3by5',
     '9by16',
     '1by2',
-    '1by3',
+    '1by3'
   ]),
   is: PropTypes.oneOf([
     '16x16',

src/components/Input/Input.js

@@ -58,4 +58,4 @@ Input.defaultProps = {
   type: 'text'
 }
 
-export default Input
+export default Input