Basic onboarding flow infrastructure set up

2 files changed, 55 insertions, 0 deletions

diff --git a/packages/typescript-typings/types/react-highlight/index.d.ts b/packages/typescript-typings/types/react-highlight/index.d.ts
index 875721533..e0bb910d8 100644
--- a/packages/typescript-typings/types/react-highlight/index.d.ts
+++ b/packages/typescript-typings/types/react-highlight/index.d.ts
@@ -1 +1,2 @@
 declare module 'react-highlight';
+
diff --git a/packages/typescript-typings/types/react-joyride/index.d.ts b/packages/typescript-typings/types/react-joyride/index.d.ts
new file mode 100644
index 000000000..21e46074f
--- /dev/null
+++ b/packages/typescript-typings/types/react-joyride/index.d.ts
@@ -0,0 +1,54 @@
+// Type definitions for react-joyride 2.0.0-11
+// Project: https://github.com/gilbarbara/react-joyride
+
+declare module 'react-joyride' {
+    import * as React from 'react';
+    export interface StyleOptions {
+        arrowColor?: string,
+        backgroundColor?: string,
+        primaryColor?: string,
+        textColor?: string,
+        overlayColor?: string,
+        spotlightShadow?: string,
+        beaconSize?: number,
+        zIndex?: number,
+    }
+    
+    export interface Step {
+        title?: string;
+        content: React.ReactNode;
+        target: string;
+        placement?: "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "right" | "left";
+        type?: "click" | "hover";
+        isFixed?: boolean;
+        allowClicksThruHole?: boolean;
+        disableBeacon?: boolean;
+        style?: StyleOptions;
+        [prop: string]: any;
+    }
+    
+    export interface Props {
+        steps?: Step[];
+        beaconComponent?: React.ComponentClass;
+        run?: boolean;
+        stepIndex?: number;
+        callback?: (options: any) => void;
+        debug?: boolean;
+        styles?: { options: StyleOptions };
+    }
+    
+    export interface State {
+        action: string,
+        controlled: boolean,
+        index: number,
+        lifecycle: string,
+        size: 0,
+        status: string,
+    }
+    
+    export default class Joyride extends React.Component<Props, State> {
+        constructor(props: Props);
+    
+        static defaultProps: Props;
+    }
+}
\ No newline at end of file