change name and behaviour of property

Author: haschek

src/components/VisualTour/VisualTour.tsx

@@ -35,8 +35,8 @@ export interface VisualTourProps {
     prevLabel?: string;
     /** The step target is usable, e.g. it can be clicked. */
     usableStepTarget?: boolean;
-    /** If the component is included then it starts. You can prevent this behaviour by setting this property to `false`. */
-    dontStartAutomatically?: boolean;
+    /** Need to be set to `true` that the tour is displayed. */
+    isOpen?: boolean;
 }
 
 export interface VisualTourStep {
@@ -69,9 +69,9 @@ export const VisualTour = ({
     nextLabel = "Next",
     prevLabel = "Back",
     usableStepTarget = false,
-    dontStartAutomatically = false,
+    isOpen = false,
 }: VisualTourProps) => {
-    if (dontStartAutomatically) {
+    if (isOpen === false) {
         return null;
     }
 

src/components/VisualTour/stories/VisualTour.stories.tsx

@@ -50,7 +50,7 @@ const Template: StoryFn<typeof VisualTour> = (args: VisualTourProps) => {
             <VisualTour
                 {...args}
                 onClose={() => setIsOpen(false)}
-                dontStartAutomatically={typeof isOpen !== "undefined" ? !isOpen : args.dontStartAutomatically}
+                isOpen={typeof isOpen !== "undefined" ? isOpen : args.isOpen}
             />
         </div>
     );
@@ -107,6 +107,6 @@ const defaultArgs: VisualTourProps = {
         },
     ],
     onClose: () => {},
-    dontStartAutomatically: true,
+    isOpen: false,
 };
 Default.args = defaultArgs;