Add TS declarations (#167)

Author: AlexanderBelokon

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 10.3.0
+
+- Add TypeScript declarations #144
+
 ## 10.2.0
 
 - Add optional `emitOnChange` param to override method #166
@@ -14,20 +18,20 @@
   - Better representation of `readOnly` state
   - Smaller tooltip size
 
-## 10.0.3 
+## 10.0.3
 
 - Small margin change to default bottom controller theme.
 - Add tooltip to eye dropper icon to match the rest of the interface
 
-## 10.0.2 
+## 10.0.2
 
 - Add missing `colorSpace` value to onChange handler.
 
-## 10.0.1 
+## 10.0.1
 
 - Fix `prepublish` build step to include `.ts,.tsx` extensions.
 
-## 10.0.0 
+## 10.0.0
 
 v10 has been rewritten in TypeScript and has a new layout for better ergnomics and additional features!
 
@@ -45,7 +49,7 @@ v10 has been rewritten in TypeScript and has a new layout for better ergnomics a
 - `channel` prop is no longer supported
 - `mode` has changed to `dial` or `values`
 - `colorSpace` replaces what was previously `mode`
-- `hexInput` is no longer passed on onChange. 
+- `hexInput` is no longer passed on onChange.
 - The hex input no longer prints the shortend hex equivalent
 - A pasted hex input no longer retains a previously set alpha value
 
@@ -64,6 +68,7 @@ v10 has been rewritten in TypeScript and has a new layout for better ergnomics a
 ## 9.0.2
 
 - [Enhancement] Allow ModeInput to have a disabled state based on a readOnly prop
+
 ## 9.0.1
 
 - [Bug] Fix click to select color resulting in drag behavior [#153](https://github.com/mapbox/react-colorpickr/pull/153)

babel.config.js

@@ -1,7 +1,11 @@
-module.exports = {
+/* global module */
+module.exports = ({ env }) => ({
   presets: [
     '@babel/preset-env',
     '@babel/preset-react',
     '@babel/preset-typescript'
-  ]
-};
+  ],
+  ignore: env('test')
+    ? ['src/types']
+    : ['src/types', '**/*.test.tsx', '**/*.test.ts']
+});

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapbox/react-colorpickr",
-  "version": "10.2.0",
+  "version": "10.3.0",
   "description": "A React colorpicker",
   "main": "dist/colorpickr.js",
   "scripts": {
@@ -9,7 +9,7 @@
     "jest-watch": "jest --watch",
     "tsc": "tsc",
     "start": "budo example/index.js --dir example --serve=bundle.js --live -d -- -p [ tsify --noImplicitAny ] -t [ babelify --extensions '.ts','.tsx','.js' ]",
-    "prepublishOnly": "rm -rf dist && babel src -d dist --extensions '.ts,.tsx,.js' && cp example/colorpickr.css dist/colorpickr.css",
+    "prepublishOnly": "rm -rf dist && babel src -d dist --extensions '.ts,.tsx,.js' && tsc && cp example/colorpickr.css dist/colorpickr.css",
     "build": "browserify example/index.js -p [ tsify --noImplicitAny ] -t [ babelify --extensions '.ts','.tsx','.js' ] | uglifyjs -c -m > example/bundle.js",
     "prepare": "husky install"
   },

package.json

@@ -1,13 +1,10 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "noEmit": true,
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
@@ -19,9 +16,10 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noImplicitAny": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "rootDir": "src",
+    "outDir": "dist"
   },
-  "include": [
-    "src"
-  ]
+  "include": ["src"],
+  "exclude": ["**/*.test.*"]
 }