feat: add typescript definitions

Author: satya164

index.d.ts

@@ -0,0 +1,45 @@
+declare module 'react-simple-code-editor' {
+  import * as React from 'react';
+
+  export default class extends React.Component<
+    React.DetailedHTMLProps<
+      React.HTMLAttributes<HTMLDivElement>,
+      HTMLDivElement
+    > & {
+      // Props for the component
+      value: string;
+      onValueChange: (value: string) => unknown;
+      highlight: (value: string) => string | React.ReactNode;
+      tabSize?: number;
+      insertSpaces?: boolean;
+      ignoreTabKey?: boolean;
+      padding?: number | string;
+      style?: object;
+
+      // Props for the textarea
+      autoFocus?: boolean;
+      disabled?: boolean;
+      form?: string;
+      maxLength?: number;
+      minLength?: number;
+      name?: string;
+      placeholder?: string;
+      readOnly?: boolean;
+      required?: boolean;
+      onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => unknown;
+      onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => unknown;
+    }
+  > {
+    session: {
+      history: {
+        stack: Array<{
+          value: string;
+          selectionStart: number;
+          selectionEnd: number;
+          timestamp: number;
+        }>;
+        offset: number;
+      };
+    };
+  }
+}

package.json

@@ -26,8 +26,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "main": "lib/index.js",
+  "types": "index.d.ts",
   "files": [
-    "lib/"
+    "lib/",
+    "index.d.ts"
   ],
   "repository": {
     "type": "git",

src/index.js

@@ -3,7 +3,7 @@
 
 import * as React from 'react';
 
-type Props = {
+type Props = React.ElementConfig<'div'> & {
   // Props for the component
   value: string,
   onValueChange: (value: string) => mixed,