Type Declarations (#11)

* Type declarations

* Real version update

* Line space and indentation

Author: kylecorbelli

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dollarshaveclub/react-passage",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Link and Redirect to routes safely in your react applications",
   "author": "Jacob Kelley <[email protected]>",
   "license": "MIT",
@@ -9,6 +9,7 @@
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",
   "unpkg": "dist/index.js",
+  "types": "types/index.d.ts",
   "engines": {
     "node": ">=8",
     "npm": ">=5"
@@ -63,6 +64,8 @@
     "@babel/plugin-transform-runtime": "^7.1.0",
     "@babel/preset-env": "^7.1.0",
     "@babel/preset-react": "^7.0.0",
+    "@types/react": "^16.7.13",
+    "@types/react-router-dom": "^4.3.1",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^23.4.2",

src/index.js

@@ -12,7 +12,14 @@ const getRoutes = (children, targets, matches = []) => {
     matches.push(child)
     if (child.props.children) return getRoutes(child.props.children, targets, matches)
   })
-  return matches.filter((child) => targets.includes(child.type))
+  return matches.filter(child => {
+    for (const index in targets) {
+      if (targets[index].toString() === child.type.toString()) {
+        return true
+      }
+    }
+    return false
+  })
 }
 
 // Takes in children and returns a function that will be passed via context.

types/index.d.ts

@@ -0,0 +1,18 @@
+import { LocationDescriptor } from 'history'
+import * as React from 'react'
+import { LinkProps, RedirectProps as ReactRouterRedirectProps, Route } from 'react-router-dom'
+
+export const Link: React.FunctionComponent<LinkProps>
+
+interface RedirectProps extends ReactRouterRedirectProps, Readonly<{
+  via?: (to: LocationDescriptor) => void
+}> {}
+
+export const Redirect: React.FunctionComponent<RedirectProps>
+
+interface PassageProps extends Readonly<{
+  children: React.ReactNode
+  targets?: Array<typeof Route>
+}> {}
+
+export const Passage: React.FunctionComponent<PassageProps>