{text}
diff --git a/packages/aws-amplify-react/src/Storage/index.js b/packages/aws-amplify-react/src/Storage/index.tsx
similarity index 100%
rename from packages/aws-amplify-react/src/Storage/index.js
rename to packages/aws-amplify-react/src/Storage/index.tsx
diff --git a/packages/aws-amplify-react/src/Widget/PhotoPicker.js b/packages/aws-amplify-react/src/Widget/PhotoPicker.tsx
similarity index 87%
rename from packages/aws-amplify-react/src/Widget/PhotoPicker.js
rename to packages/aws-amplify-react/src/Widget/PhotoPicker.tsx
index b4c07dfc5e9..266d2f0e84f 100644
--- a/packages/aws-amplify-react/src/Widget/PhotoPicker.js
+++ b/packages/aws-amplify-react/src/Widget/PhotoPicker.tsx
@@ -30,7 +30,25 @@ const PickerPreview = {
const logger = new Logger('PhotoPicker');
-export default class PhotoPicker extends Component {
+export interface IPhotoPickerProps {
+ headerHint?: string;
+ headerText?: string;
+ onLoad?: (dataUrl: any) => void;
+ onPick?: (data: any) => void;
+ preview?: 'hidden';
+ previewSrc?: string;
+ title?: string;
+ theme?: any;
+}
+
+export interface IPhotoPickerState {
+ previewSrc?: string;
+}
+
+export default class PhotoPicker extends Component<
+ IPhotoPickerProps,
+ IPhotoPickerState
+> {
constructor(props) {
super(props);
diff --git a/packages/aws-amplify-react/src/Widget/Picker.js b/packages/aws-amplify-react/src/Widget/Picker.tsx
similarity index 91%
rename from packages/aws-amplify-react/src/Widget/Picker.js
rename to packages/aws-amplify-react/src/Widget/Picker.tsx
index 36959ad8bfd..4aeba32639d 100644
--- a/packages/aws-amplify-react/src/Widget/Picker.js
+++ b/packages/aws-amplify-react/src/Widget/Picker.tsx
@@ -31,7 +31,14 @@ const PickerInput = {
const logger = new Logger('Picker');
-export default class Picker extends Component {
+export interface IPickerProps {
+ accept?: string;
+ onPick?: (data: any) => void;
+ title?: string;
+ theme?: any;
+}
+
+export default class Picker extends Component
{this.selectView(theme)}
diff --git a/packages/aws-amplify-react/src/Widget/TOTPSetupComp.jsx b/packages/aws-amplify-react/src/Widget/TOTPSetupComp.tsx
similarity index 92%
rename from packages/aws-amplify-react/src/Widget/TOTPSetupComp.jsx
rename to packages/aws-amplify-react/src/Widget/TOTPSetupComp.tsx
index b4ccf6688fe..4728413cdf5 100644
--- a/packages/aws-amplify-react/src/Widget/TOTPSetupComp.jsx
+++ b/packages/aws-amplify-react/src/Widget/TOTPSetupComp.tsx
@@ -34,7 +34,23 @@ const QRCode = require('qrcode.react');
const logger = new Logger('TOTPSetupComp');
-export default class TOTPSetupComp extends Component {
+export interface ITOTPSetupCompProps {
+ authData?: any;
+ onTOTPEvent?: (event: any, data: any, user: any) => void;
+ theme?: any;
+}
+
+export interface ITOTPSetupCompState {
+ code: string | null;
+ setupMessage: string | null;
+}
+
+export default class TOTPSetupComp extends Component<
+ ITOTPSetupCompProps,
+ ITOTPSetupCompState
+> {
+ public inputs: any;
+
constructor(props) {
super(props);
@@ -64,6 +80,7 @@ export default class TOTPSetupComp extends Component {
this.setState({ setupMessage: null });
this.inputs = {};
const { name, value, type, checked } = evt.target;
+ // @ts-ignore
const check_type = ['radio', 'checkbox'].includes(type);
this.inputs[name] = check_type ? checked : value;
}
diff --git a/packages/aws-amplify-react/src/Widget/TextPicker.js b/packages/aws-amplify-react/src/Widget/TextPicker.tsx
similarity index 86%
rename from packages/aws-amplify-react/src/Widget/TextPicker.js
rename to packages/aws-amplify-react/src/Widget/TextPicker.tsx
index 13e39c4a98f..54b30af2866 100644
--- a/packages/aws-amplify-react/src/Widget/TextPicker.js
+++ b/packages/aws-amplify-react/src/Widget/TextPicker.tsx
@@ -26,7 +26,23 @@ const PickerPreview = {
const logger = new Logger('TextPicker');
-export default class TextPicker extends Component {
+export interface ITextPickerProps {
+ onLoad?: (dataUrl: any) => void;
+ onPick?: (data: any) => void;
+ preview?: 'hidden';
+ previewText?: string;
+ theme?: any;
+ title?: string;
+}
+
+export interface ITextPickerState {
+ previewText: string;
+}
+
+export default class TextPicker extends Component<
+ ITextPickerProps,
+ ITextPickerState
+> {
constructor(props) {
super(props);
diff --git a/packages/aws-amplify-react/src/Widget/index.js b/packages/aws-amplify-react/src/Widget/index.tsx
similarity index 100%
rename from packages/aws-amplify-react/src/Widget/index.js
rename to packages/aws-amplify-react/src/Widget/index.tsx
diff --git a/packages/aws-amplify-react/src/XR/IconButton.jsx b/packages/aws-amplify-react/src/XR/IconButton.tsx
similarity index 100%
rename from packages/aws-amplify-react/src/XR/IconButton.jsx
rename to packages/aws-amplify-react/src/XR/IconButton.tsx
diff --git a/packages/aws-amplify-react/src/XR/Loading.jsx b/packages/aws-amplify-react/src/XR/Loading.tsx
similarity index 100%
rename from packages/aws-amplify-react/src/XR/Loading.jsx
rename to packages/aws-amplify-react/src/XR/Loading.tsx
diff --git a/packages/aws-amplify-react/src/XR/SumerianScene.jsx b/packages/aws-amplify-react/src/XR/SumerianScene.tsx
similarity index 94%
rename from packages/aws-amplify-react/src/XR/SumerianScene.jsx
rename to packages/aws-amplify-react/src/XR/SumerianScene.tsx
index 92dc164470d..f766881fda9 100644
--- a/packages/aws-amplify-react/src/XR/SumerianScene.jsx
+++ b/packages/aws-amplify-react/src/XR/SumerianScene.tsx
@@ -24,7 +24,24 @@ const SCENE_DOM_ID = 'scene-dom-id';
const logger = new Logger('SumerianScene');
-class SumerianScene extends React.Component {
+interface ISumerianSceneProps {
+ sceneName: string;
+}
+
+interface ISumerianSceneState {
+ showEnableAudio: boolean;
+ muted: boolean;
+ loading: boolean;
+ percentage: number;
+ isFullscreen: boolean;
+ sceneError: any;
+ isVRPresentationActive: boolean;
+}
+
+class SumerianScene extends React.Component<
+ ISumerianSceneProps,
+ ISumerianSceneState
+> {
constructor(props) {
super(props);
@@ -138,7 +155,7 @@ class SumerianScene extends React.Component {
async maximize() {
const sceneDomElement = document.getElementById(SCENE_CONTAINER_DOM_ID);
- await sceneDomElement.requestFullScreen();
+ await sceneDomElement.requestFullscreen();
}
async minimize() {
diff --git a/packages/aws-amplify-react/src/XR/Tooltip.jsx b/packages/aws-amplify-react/src/XR/Tooltip.tsx
similarity index 100%
rename from packages/aws-amplify-react/src/XR/Tooltip.jsx
rename to packages/aws-amplify-react/src/XR/Tooltip.tsx
diff --git a/packages/aws-amplify-react/src/XR/index.jsx b/packages/aws-amplify-react/src/XR/index.tsx
similarity index 100%
rename from packages/aws-amplify-react/src/XR/index.jsx
rename to packages/aws-amplify-react/src/XR/index.tsx
diff --git a/packages/aws-amplify-react/src/browser.d.ts b/packages/aws-amplify-react/src/browser.d.ts
new file mode 100644
index 00000000000..46701382710
--- /dev/null
+++ b/packages/aws-amplify-react/src/browser.d.ts
@@ -0,0 +1,17 @@
+declare interface Document {
+ exitFullscreen: () => void;
+ mozCancelFullScreen: () => void;
+ webkitExitFullscreen: () => void;
+ fullscreenElement: () => void;
+ mozFullScreenElement: () => void;
+ webkitFullscreenElement: () => void;
+}
+
+declare interface Window {
+ amazon: any;
+ auth0: any;
+ auth0_client: any;
+ FB: any;
+ fbAsyncInit: any;
+ gapi: any;
+}
diff --git a/packages/aws-amplify-react/src/index.jsx b/packages/aws-amplify-react/src/index.tsx
similarity index 100%
rename from packages/aws-amplify-react/src/index.jsx
rename to packages/aws-amplify-react/src/index.tsx
diff --git a/packages/aws-amplify-react/tsconfig.json b/packages/aws-amplify-react/tsconfig.json
index 957a9f4a2c9..ac4da1add73 100644
--- a/packages/aws-amplify-react/tsconfig.json
+++ b/packages/aws-amplify-react/tsconfig.json
@@ -1,67 +1,65 @@
{
- "compilerOptions": {
- /* Basic Options */
- "target": "es5", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
- "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
- "lib": [
- "es5",
- "es2015",
- "dom",
- "esnext.asynciterable",
- "es2017.object"
- ], /* Specify library files to be included in the compilation. */
- "allowJs": true, /* Allow javascript files to be compiled. */
- // "checkJs": true, /* Report errors in .js files. */
- "jsx": "react", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
- // "declaration": true, /* Generates corresponding '.d.ts' file. */
- // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */
- "sourceMap": true, /* Generates corresponding '.map' file. */
- // "outFile": "./", /* Concatenate and emit output to single file. */
- "outDir": "./dist", /* Redirect output structure to the directory. */
- // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
- // "composite": true, /* Enable project compilation */
- // "removeComments": true, /* Do not emit comments to output. */
- // "noEmit": true, /* Do not emit outputs. */
- // "importHelpers": true, /* Import emit helpers from 'tslib'. */
- // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
- // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
- /* Strict Type-Checking Options */
- "strict": false, /* Enable all strict type-checking options. */
- // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */
- // "strictNullChecks": true, /* Enable strict null checks. */
- // "strictFunctionTypes": true, /* Enable strict checking of function types. */
- // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */
- // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */
- // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */
- /* Additional Checks */
- // "noUnusedLocals": true, /* Report errors on unused locals. */
- // "noUnusedParameters": true, /* Report errors on unused parameters. */
- // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
- // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
- /* Module Resolution Options */
- "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
- // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */
- // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
- // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */
- "typeRoots": [
- "./node_modules/@types",
- "../../node_modules/@types"
- ], /* List of folders to include type definitions from. */
- // "types": [], /* Type declaration files to be included in compilation. */
- "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
- // "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
- // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */
- /* Source Map Options */
- // "sourceRoot": "./", /* Specify the location where debugger should locate TypeScript files instead of source locations. */
- // "mapRoot": "./", /* Specify the location where debugger should locate map files instead of generated locations. */
- // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */
- // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
- /* Experimental Options */
- // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */
- // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */
- "skipLibCheck": true
- },
- "include": [
- "src/**/*"
- ]
- }
\ No newline at end of file
+ "compilerOptions": {
+ /* Basic Options */
+ "target": "es5" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */,
+ "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
+ "lib": [
+ "es5",
+ "es2015",
+ "dom",
+ "esnext.asynciterable",
+ "es2017.object"
+ ] /* Specify library files to be included in the compilation. */,
+ // "allowJs": true, /* Allow javascript files to be compiled. */
+ // "checkJs": true, /* Report errors in .js files. */
+ "jsx": "react" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
+ "declaration": true /* Generates corresponding '.d.ts' file. */,
+ // "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */
+ "sourceMap": true /* Generates corresponding '.map' file. */,
+ // "outFile": "./", /* Concatenate and emit output to single file. */
+ "outDir": "./dist" /* Redirect output structure to the directory. */,
+ // "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
+ // "composite": true, /* Enable project compilation */
+ // "removeComments": true, /* Do not emit comments to output. */
+ // "noEmit": true, /* Do not emit outputs. */
+ // "importHelpers": true, /* Import emit helpers from 'tslib'. */
+ // "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
+ // "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
+ /* Strict Type-Checking Options */
+ "strict": false /* Enable all strict type-checking options. */,
+ // "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */
+ // "strictNullChecks": true, /* Enable strict null checks. */
+ // "strictFunctionTypes": true, /* Enable strict checking of function types. */
+ // "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */
+ // "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */
+ // "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */
+ /* Additional Checks */
+ // "noUnusedLocals": true, /* Report errors on unused locals. */
+ // "noUnusedParameters": true, /* Report errors on unused parameters. */
+ // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
+ // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
+ /* Module Resolution Options */
+ "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
+ // "baseUrl": "./", /* Base directory to resolve non-absolute module names. */
+ // "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
+ // "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */
+ "typeRoots": [
+ "./node_modules/@types",
+ "../../node_modules/@types"
+ ] /* List of folders to include type definitions from. */,
+ // "types": [], /* Type declaration files to be included in compilation. */
+ "allowSyntheticDefaultImports": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,
+ // "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
+ // "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */
+ /* Source Map Options */
+ // "sourceRoot": "./", /* Specify the location where debugger should locate TypeScript files instead of source locations. */
+ // "mapRoot": "./", /* Specify the location where debugger should locate map files instead of generated locations. */
+ // "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */
+ // "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
+ /* Experimental Options */
+ // "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */
+ // "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */
+ "skipLibCheck": true
+ },
+ "include": ["src/**/*"]
+}