convert to typescript

Author: paul-vd

.babelrc

@@ -1,5 +1,5 @@
 {
-  "presets": ["@babel/preset-env", "@babel/preset-react"],
+  "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"],
   "plugins": [
     "@babel/plugin-proposal-object-rest-spread",
     "@babel/plugin-proposal-class-properties"

.eslintignore

@@ -1 +1,2 @@
 lib/*
+build/*

.eslintrc

@@ -1,20 +1,33 @@
 {
-  "parser": "babel-eslint",
+  "parser": "@typescript-eslint/parser",
   "parserOptions": {
-    "ecmaVersion": 6,
+    "ecmaVersion": 2020,
     "sourceType": "module",
     "ecmaFeatures": {
       "jsx": true,
       "classes": true,
       "defaultParams": true
     }
   },
-  "plugins": ["react"],
-  "extends": ["eslint:recommended", "plugin:react/recommended"],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "extends": [
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier/@typescript-eslint",
+    "plugin:prettier/recommended"
+  ],
   "env": {
     "commonjs": true,
     "browser": true,
     "node": true,
     "es6": true
+  },
+  "rules": {
+    "@typescript-eslint/no-explicit-any":0,
+    "@typescript-eslint/explicit-module-boundary-types":0
   }
 }

.storybook/main.js

@@ -0,0 +1,14 @@
+module.exports = {
+  stories: ["../src/**/*.stories.tsx"],
+  addons: ["@storybook/addon-actions", "@storybook/addon-links"],
+  typescript: {
+    check: false,
+    checkOptions: {},
+    reactDocgen: "react-docgen-typescript",
+    reactDocgenTypescriptOptions: {
+      shouldExtractLiteralValuesFromEnum: true,
+      propFilter: (prop) =>
+        prop.parent ? !/node_modules/.test(prop.parent.fileName) : true,
+    },
+  },
+};

build/AuthConsumer/AuthConsumer.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+interface AuthConsumerProps {
+    children: (...args: any) => ReactNode;
+}
+export default function AuthConsumer(props: AuthConsumerProps): JSX.Element;
+export {};

build/AuthConsumer/index.d.ts

@@ -0,0 +1,2 @@
+import AuthConsumer from "./AuthConsumer";
+export default AuthConsumer;

build/AuthProvider/AuthProvider.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="auth0-lock" />
+/// <reference types="node" />
+import React, { ReactNode } from "react";
+interface Props {
+    storageKey: string;
+    clientId: string;
+    domain: string;
+    options: Record<string, any>;
+    showLock?: boolean;
+    children: ReactNode;
+}
+export interface State {
+    lock: Auth0LockStatic;
+    login: () => void;
+    logout: (returnTo: any) => void;
+    expiresAt?: string;
+    isAuthenticated?: boolean;
+    accessToken?: AuthResult["accessToken"];
+    idToken?: AuthResult["idToken"];
+    idTokenPayload?: AuthResult["idTokenPayload"];
+    profile?: any;
+}
+export default class AuthProvider extends React.Component<Props, State> {
+    lock: Auth0LockStatic;
+    tokenRenewalTimeout: null | NodeJS.Timeout;
+    static defaultProps: {
+        storageKey: string;
+        options: {};
+    };
+    constructor(props: any);
+    componentDidMount(): void;
+    setSession: (authResult: any, profile: any) => void;
+    storeSession: (session: any) => void;
+    getStoredSession: () => any;
+    isSessionExpired: (expiresAt: any) => boolean;
+    rehyrate: () => void;
+    login: () => void;
+    logout: (returnTo: any) => void;
+    scheduleRenewal: () => void;
+    renewToken: () => void;
+    render(): JSX.Element;
+}
+export {};

build/AuthProvider/index.d.ts

@@ -0,0 +1,2 @@
+import AuthProvider from "./AuthProvider";
+export default AuthProvider;

build/context.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { State } from "./AuthProvider/AuthProvider";
+export declare const Provider: React.Provider<State>, Consumer: React.Consumer<State>;

build/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AuthConsumer } from "./AuthConsumer";
+export { default as AuthProvider } from "./AuthProvider";
+export { default as withAuth } from "./withAuth";