diff --git a/src/ReactGrandTour.tsx b/src/ReactGrandTour.tsx index b1e6e07..940875f 100644 --- a/src/ReactGrandTour.tsx +++ b/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>; +type Props = PropsWithChildren; const defaultShortcuts = { closeModal: ['Escape'], @@ -61,7 +55,7 @@ const ReactGrandTour: React.FC = ({ 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]); diff --git a/src/types.ts b/src/types.ts index ce23289..6be0c6c 100644 --- a/src/types.ts +++ b/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 & { + 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;