Update TypeScript definitions

Also add `@types/react` to resolve IDE errors.

Author: jakezatecky

CHANGELOG.md

@@ -5,6 +5,7 @@
 ### New Features
 
 * [#79]: Add `showExpandAll` property to give the user the ability to expand or collapse all nodes in the tree
+* [#96]: Add TypeScript definitions
 * [#102]: Add `icons` property to allow specification of icon components
 * [#103]: Add `title` node property and `showNodeTitle` tree property
 * [#108]: Add `lang` property for language customization

package.json

@@ -34,6 +34,7 @@
     "@babel/preset-env": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
     "@babel/register": "^7.0.0",
+    "@types/react": "^16.4.13",
     "babel-eslint": "^9.0.0",
     "babel-loader": "^8.0.0",
     "browser-sync": "^2.18.6",

src/index.d.ts

@@ -1,3 +1,5 @@
+import * as React from 'react';
+
 declare module "react-checkbox-tree" {
     interface Node {
         label: string;
@@ -9,6 +11,22 @@ declare module "react-checkbox-tree" {
         showCheckbox?: boolean;
     }
 
+    interface Icons {
+        check?: JSX.Element;
+        uncheck?: JSX.Element;
+        halfCheck?: JSX.Element;
+        expandClose?: JSX.Element;
+        parentClose?: JSX.Element;
+        parentOpen?: JSX.Element;
+        leaf?: JSX.Element;
+    }
+
+    interface Language {
+        collapseAll: string;
+        expandAll: string;
+        toggle: string;
+    }
+
     interface CheckboxProps {
         nodes: Array<Node>;
         checked: Array<string>;
@@ -19,15 +37,19 @@ declare module "react-checkbox-tree" {
         disabled?: boolean;
         expandDisabled?: boolean;
         expandOnClick?: boolean;
+        icons?: Icons;
+        lang?: Language;
         name?: string;
         nameAsArray?: boolean;
         nativeCheckboxes?: boolean;
         noCascade?: boolean;
         onlyLeafCheckboxes?: boolean;
         optimisticToggle?: boolean;
+        showExpandAll?: boolean;
         showNodeIcon?: boolean;
+        showNodeTitles?: boolean;
         onClick?: (event: { checked: boolean, value: any }) => void;
     }
 
     export default class CheckboxTree extends React.Component<CheckboxProps> { }
-}
+}