Merge pull request #30941 from kingdaro/react-facebook-login-export-props

react-facebook-login: Add missing props, export props/state interfaces

types/react-facebook-login/index.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for react-facebook-login 3.6
+// Type definitions for react-facebook-login 4.1
 // Project: https://github.com/keppelen/react-facebook-login
 // Definitions by: Alexandre Paré <https://github.com/apare>, Jan Karres <https://github.com/jankarres>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -6,7 +6,7 @@
 
 import * as React from "react";
 
-interface ReactFacebookLoginProps {
+export interface ReactFacebookLoginProps {
     appId: string;
     callback(userInfo: ReactFacebookLoginInfo): void;
     onFailure?(response: ReactFacebookFailureResponse): void;
@@ -18,7 +18,7 @@ interface ReactFacebookLoginProps {
     cssClass?: string;
     disableMobileRedirect?: boolean;
     fields?: string;
-    icon?: string | React.ReactNode;
+    icon?: React.ReactNode;
     isDisabled?: boolean;
     language?: string;
     onClick?(event: React.MouseEvent<HTMLDivElement>): void;
@@ -32,6 +32,10 @@ interface ReactFacebookLoginProps {
     xfbml?: boolean;
     isMobile?: boolean;
     tag?: Node | React.Component<any>;
+    returnScopes?: boolean;
+    state?: string;
+    authType?: string;
+    responseType?: string;
 }
 
 export interface ReactFacebookFailureResponse {
@@ -45,14 +49,12 @@ export interface ReactFacebookLoginInfo {
     email?: string;
 }
 
-interface ReactFacebookLoginState {
+export interface ReactFacebookLoginState {
     isSdkLoaded?: boolean;
     isProcessing?: boolean;
 }
 
-declare class ReactFacebookLogin extends React.Component<
+export default class ReactFacebookLogin extends React.Component<
     ReactFacebookLoginProps,
     ReactFacebookLoginState
 > {}
-
-export default ReactFacebookLogin;

types/react-facebook-login/react-facebook-login-tests.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-
-import FacebookLogin, { ReactFacebookLoginInfo, ReactFacebookFailureResponse } from 'react-facebook-login';
+import FacebookLogin, { ReactFacebookFailureResponse, ReactFacebookLoginInfo, ReactFacebookLoginProps } from 'react-facebook-login';
 
 const responseFacebook = (response: ReactFacebookLoginInfo) => {
     console.log(response);
@@ -106,3 +105,9 @@ class MyComponent2 extends React.Component {
         );
     }
 }
+
+type FacebookLoginWrapperProps = ReactFacebookLoginProps & { className?: string };
+
+export const FacebookLoginWrapper = ({ className, ...props }: FacebookLoginWrapperProps) => (
+    <FacebookLogin {...props} cssClass={className} />
+);