refactor(types): export domToReact and htmlToDom

Author: AndrewLeedham

index.d.ts

@@ -2,13 +2,11 @@
 
 import * as React from 'react';
 import { DomElement } from 'domhandler';
+import domToReact from './lib/dom-to-react';
+import htmlToDOM from 'html-dom-parser';
 
 export { DomElement };
 
-export as namespace HTMLReactParser;
-
-export default HTMLReactParser;
-
 type ReactElement = React.DetailedReactHTMLElement<{}, HTMLElement>;
 
 export interface HTMLReactParserOptions {
@@ -28,3 +26,6 @@ declare function HTMLReactParser(
   html: string,
   options?: HTMLReactParserOptions
 ): ReactElement | ReactElement[] | string;
+
+export { domToReact, htmlToDOM };
+export default HTMLReactParser;

index.js

@@ -23,3 +23,6 @@ function HTMLReactParser(html, options) {
  * Export HTML to React parser.
  */
 module.exports = HTMLReactParser;
+
+module.exports.domToReact = domToReact;
+module.exports.htmlToDOM = htmlToDOM;

test/types/index.test.tsx

@@ -1,4 +1,4 @@
-import parse, { HTMLReactParserOptions } from 'html-react-parser';
+import parse, { HTMLReactParserOptions, domToReact, htmlToDOM } from 'html-react-parser';
 import * as React from 'react';
 
 // $ExpectType string | DetailedReactHTMLElement<{}, HTMLElement> | DetailedReactHTMLElement<{}, HTMLElement>[]
@@ -35,3 +35,12 @@ parse('<a id="header" href="#">Heading</a>', {
     }
   }
 });
+
+// $ExpectType DomElement[]
+const dom = htmlToDOM('<div>text</div>');
+
+/* $ExpectType ReactElement<any, string | ((props: any) => ReactElement<any, string | any | (new (props: any) => Component<any, any, any>)> | null) |
+(new (props: any) => Component<any, any, any>)> |
+ReactElement<any, string | ((props: any) => ReactElement<any, string | any | (new (props: any) => Component<any, any, any>)> | null) |
+(new (props: any) => Component<any, any, any>)>[] */
+domToReact(dom);