Merge pull request #77 from IanStorm/master

Add typings

Author: shunjizhan

index.d.ts

@@ -0,0 +1,59 @@
+import type React from 'react';
+
+type Checked = 0 | 0.5 | 1;
+
+type CheckedStatus = 'checked' | 'custom' | 'unchecked';
+
+export interface FolderTreeProps {
+  data: NodeData;
+  iconComponents?: IconComponents;
+  indentPixels?: number;
+  initCheckedStatus?: CheckedStatus;
+  initOpenStatus?: OpenStatus;
+  onChange?: OnChange;
+  onNameClick?: OnNameClick;
+  readOnly?: boolean;
+  showCheckbox?: boolean;
+}
+
+export type Icon = React.FunctionComponent<IconProps>;
+
+export interface IconComponents {
+  CancelIcon?: Icon;
+  CaretRightIcon?: Icon;
+  CaretDownIcon?: Icon;
+  DeleteIcon?: Icon;
+  EditIcon?: Icon;
+  FileIcon?: Icon;
+  FolderIcon?: Icon;
+  FolderOpenIcon?: Icon;
+  OKIcon?: Icon;
+}
+
+export interface IconProps {
+  nodeData: NodeData;
+  onClick: () => void;
+}
+
+export interface NodeData {
+  checked?: Checked;
+  children?: Array<NodeData>;
+  isOpen?: boolean;
+  name: string;
+  [key: string]: any;
+}
+
+type OnChange = (state: NodeData, event: unknown) => void;
+
+type OnNameClick = (opts: {
+  defaultOnClick: () => void;
+  nodeData: NodeData;
+}) => void;
+
+type OpenStatus = 'closed' | 'custom' | 'open';
+
+declare const FolderTree: React.FunctionComponent<FolderTreeProps>;
+
+export const testData: NodeData;
+
+export default FolderTree;

package.json

@@ -3,9 +3,11 @@
   "version": "5.0.3",
   "description": "customizable react folder tree library",
   "main": "dist/react-folder-tree.bundle.js",
+  "typings": "index.d.ts",
   "files": [
     "dist/react-folder-tree.bundle.js",
-    "dist/style.css"
+    "dist/style.css",
+    "index.d.ts"
   ],
   "author": "Shunji Zhan <[email protected]>",
   "keywords": [