Add initialRule arg for stories

Making-Sense-Info · Oct 16, 2023 · 39cd54c · 39cd54c
1 parent b84284e
commit 39cd54c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/stories/VtlEditor.stories.ts b/src/stories/VtlEditor.stories.ts
@@ -6,16 +6,23 @@ export default {
     tags: ["autodocs"]
 };
 
-export const Default = {};
+export const Default = {
+    args: { initialRule: "start" },
+    argTypes: {
+        initialRule: { control: "select", options: ["start", "expr"] }
+    }
+};
 
 export const Styled = {
     args: {
+        initialRule: "start",
         theme: "vs-dark",
         height: "50vh",
         width: "80%",
         options: { lineNumbers: true, minimap: { enabled: true }, readOnly: false }
     },
     argTypes: {
+        initialRule: { control: "select", options: ["start", "expr"] },
         theme: { control: "select", options: ["vs-dark", "vs-light"] },
         options: { control: "object" }
     }
@@ -41,13 +48,15 @@ const variables = {
 
 export const Enriched = {
     args: {
+        initialRule: "start",
         variables,
         variablesInputURLs: [
             "https://raw.githubusercontent.com/Making-Sense-Info/ANTLR-Editor/gh-pages/samples/variablesInputFile1.json",
             "https://raw.githubusercontent.com/Making-Sense-Info/ANTLR-Editor/gh-pages/samples/variablesInputFile2.json"
         ]
     },
     argTypes: {
+        initialRule: { control: "select", options: ["start", "expr"] },
         variables: { control: "object" },
         variablesInputURLs: { control: "object" }
     }

diff --git a/src/stories/VtlEditor.tsx b/src/stories/VtlEditor.tsx
@@ -4,6 +4,10 @@ import { getSuggestionsFromRange, monarchDefinition } from "./vtl-monaco";
 
 const customTools = { ...tools, getSuggestionsFromRange, monarchDefinition };
 
-const EditorForStories = (props: any) => <Editor {...props} tools={customTools} />;
+const EditorForStories = (props: any) => {
+    const { initialRule = "start" } = props;
+    console.log(initialRule);
+    return <Editor {...props} tools={{ ...customTools, initialRule }} />;
+};
 
 export default EditorForStories;