Merge branch 'release/0.11.2'

package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-grand-tour",
-    "version": "0.11.1",
+    "version": "0.11.2",
     "description": "",
     "main": "./dist/main.cjs.js",
     "module": "./dist/main.es.js",

src/ReactGrandTour.tsx

@@ -1,12 +1,6 @@
 import React, { useMemo, useCallback, useState, PropsWithChildren, useEffect } from 'react';
 import styles from './styles';
-import {
-    ComponentOverrides,
-    ComponentVisibility,
-    ReactGrandTourCloseReason,
-    ReactGrandTourProps,
-    ReactGrandTourStep,
-} from './types';
+import { ReactGrandTourCloseReason, ReactGrandTourProps, ReactGrandTourStep } from './types';
 import {
     Arrow,
     CurrentStepLabel,
@@ -21,7 +15,7 @@ import {
 } from './components';
 import ReactGrandTourContext from './Context';
 
-type Props = PropsWithChildren<ReactGrandTourProps & Partial<ComponentOverrides>>;
+type Props = PropsWithChildren<ReactGrandTourProps>;
 
 const defaultShortcuts = {
     closeModal: ['Escape'],
@@ -61,7 +55,7 @@ const ReactGrandTour: React.FC<Props> = ({
     hidePreviousStepButton,
     hideStepButtons,
 }) => {
-    const [open, setOpen] = useState(defaultOpen);
+    const [open, setOpen] = useState(false);
     const [currentIndex, setCurrentIndex] = useState(openAt);
     const [steps, setSteps] = useState(defaultSteps);
     const allSteps = useMemo(() => steps.map((_, i) => i), [steps]);

src/types.ts

@@ -1,20 +1,21 @@
 import React, { PropsWithChildren, ReactNode } from 'react';
 
-export type ReactGrandTourProps = ComponentVisibility & {
-    open?: boolean;
-    onOpen?: () => void;
-    onClose?: (reason?: ReactGrandTourCloseReason) => void;
-    onStepChange?: (props: OnStepChangeProps) => void;
-    openAt?: number;
-    steps?: ReactGrandTourStep[];
-    scrollIntoViewOptions?: ScrollIntoViewOptions;
-    transitionSpeed?: number;
-    disableCloseOnEscape?: boolean;
-    disableCloseBtn?: boolean;
-    disableCloseOnBackdropClick?: boolean;
-    stylingOverrides?: ReactGrandTourStylingOverrides;
-    keyboardShortcuts?: ReactGrandTourShortcuts;
-};
+export type ReactGrandTourProps = ComponentVisibility &
+    Partial<ComponentOverrides> & {
+        open?: boolean;
+        onOpen?: () => void;
+        onClose?: (reason?: ReactGrandTourCloseReason) => void;
+        onStepChange?: (props: OnStepChangeProps) => void;
+        openAt?: number;
+        steps?: ReactGrandTourStep[];
+        scrollIntoViewOptions?: ScrollIntoViewOptions;
+        transitionSpeed?: number;
+        disableCloseOnEscape?: boolean;
+        disableCloseBtn?: boolean;
+        disableCloseOnBackdropClick?: boolean;
+        stylingOverrides?: ReactGrandTourStylingOverrides;
+        keyboardShortcuts?: ReactGrandTourShortcuts;
+    };
 
 export type ComponentVisibility = {
     hideCloseButton?: boolean;