(split)Add TS type defs (cssinjs#889)

* Started on ts typings

* - Added tsconfig.json
- Added typings field to every package.json file

* Added Options to observable plugin

* Update jss typings

* Rename generateClassName to generateId

* Started on react-jss types

* - Finished typings for react-jss
- Added ts-check to CI and pre-commit hook

* Update size-snapshots

* Update changelog

* Update snapshots

Author: Henri

.size-snapshot.json

@@ -1,30 +1,30 @@
 {
   "dist/react-jss.js": {
-    "bundled": 124994,
-    "minified": 43271,
-    "gzipped": 13017
+    "bundled": 124943,
+    "minified": 43246,
+    "gzipped": 13007
   },
   "dist/react-jss.min.js": {
-    "bundled": 101586,
-    "minified": 36100,
-    "gzipped": 10926
+    "bundled": 101535,
+    "minified": 36075,
+    "gzipped": 10916
   },
   "dist/react-jss.cjs.js": {
-    "bundled": 16667,
-    "minified": 6922,
-    "gzipped": 2420
+    "bundled": 16617,
+    "minified": 6893,
+    "gzipped": 2410
   },
   "dist/react-jss.esm.js": {
-    "bundled": 16117,
-    "minified": 6452,
-    "gzipped": 2306,
+    "bundled": 16063,
+    "minified": 6420,
+    "gzipped": 2295,
     "treeshaked": {
       "rollup": {
-        "code": 1896,
-        "import_statements": 424
+        "code": 1866,
+        "import_statements": 410
       },
       "webpack": {
-        "code": 3203
+        "code": 3178
       }
     }
   }

package.json

@@ -6,6 +6,7 @@
   "main": "dist/react-jss.cjs.js",
   "module": "dist/react-jss.esm.js",
   "homepage": "http://cssinjs.org/react-jss",
+  "typings": "./src/index.d.ts",
   "author": {
     "name": "Dan Abramov",
     "email": "dan.abramov@me.com"
@@ -40,6 +41,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
+    "@types/react": "^16.4.18",
     "hoist-non-react-statics": "^2.5.0",
     "jss": "^9.7.0",
     "jss-preset-default": "^4.3.0",

src/JssProvider.js

@@ -1,5 +1,5 @@
 // @flow
-import {Component, Children, type Element, type ElementType} from 'react'
+import {Component, type Node} from 'react'
 import PropTypes from 'prop-types'
 import type {Jss, GenerateId, SheetsRegistry} from 'jss'
 import {createGenerateIdDefault} from './jss'
@@ -16,7 +16,7 @@ type Props = {
   generateId?: GenerateId,
   classNamePrefix?: string,
   disableStylesGeneration?: boolean,
-  children: Element<ElementType>
+  children: Node
 }
 
 export default class JssProvider extends Component<Props> {
@@ -95,8 +95,6 @@ export default class JssProvider extends Component<Props> {
   generateId: GenerateId
 
   render() {
-    const {children} = this.props
-
-    return Children.only(children)
+    return this.props.children
   }
 }

src/index.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react'
+import {
+  StyleSheet,
+  CreateGenerateId,
+  GenerateId,
+  Jss,
+  SheetsRegistry,
+  Styles,
+  StyleSheetFactoryOptions
+} from 'jss'
+
+export const jss: Jss
+export {SheetsRegistry}
+export const createGenerateId: CreateGenerateId
+
+export const JssProvider: React.ComponentType<{
+  jss?: Jss
+  registry?: SheetsRegistry
+  generateId?: GenerateId
+  classNamePrefix?: string
+  disableStylesGeneration?: boolean
+  children: React.ReactNode
+}>
+
+type Omit<T, K> = Pick<T, Exclude<keyof T, K>>
+type Options = {
+  index?: number
+  inject?: Array<'classes' | 'theme' | 'sheet'>
+  jss?: Jss
+} & StyleSheetFactoryOptions
+
+type InjectedProps<Styles, Theme> = {
+  classes: {[key in keyof Styles]: string}
+  theme?: Theme
+  sheet?: StyleSheet
+}
+
+export default function injectSheet<
+  Style extends Styles,
+  Theme extends object,
+  Props extends InjectedProps<Styles, Theme>
+>(
+  styles: Style,
+  options?: Options
+): (
+  comp: React.ComponentType<Props>
+) => React.ComponentType<Omit<Props, InjectedProps<Styles, Theme>>>