Fix storybook

Author: craquet

src/components/graph/RelationsGraph.tsx

@@ -20,7 +20,7 @@ import { ResultViewWrapper } from "@/components/graph/ResultViewWrapper"
 import { ResultViewProps } from "@elastic/react-search-ui-views"
 
 /**
- * Renders an interactive graph for the specified RelationNodes.
+ * Renders an interactive graph for the specified results. Results will be fetched from cache via PID. Currently intended for internal use only.
  */
 export function RelationsGraph(props: { base: string; referencedBy: string[]; references: string[]; resultView: ComponentType<ResultViewProps> }) {
     const getFromCache = useStore(resultCache, (s) => s.get)

src/stories/GenericResultView.stories.tsx

@@ -15,11 +15,13 @@ export default meta
 
 type Story = StoryObj<typeof meta>
 
+const emptyConfig = { host: "", indices: [] }
+
 export const Simple: Story = {
     decorators: [
         (Story) => (
             <TooltipProvider>
-                <GlobalModalProvider resultView={GenericResultView}>
+                <GlobalModalProvider resultView={(props) => <GenericResultView {...props} {...Simple.args} config={emptyConfig} />}>
                     <div>
                         <Story />
                     </div>
@@ -35,15 +37,16 @@ export const Simple: Story = {
         titleField: "title",
         descriptionField: "description",
         imageField: undefined,
-        invertImageInDarkMode: true
+        invertImageInDarkMode: true,
+        config: emptyConfig
     }
 }
 
 export const MultipleImages: Story = {
     decorators: [
         (Story) => (
             <TooltipProvider>
-                <GlobalModalProvider resultView={GenericResultView}>
+                <GlobalModalProvider resultView={(props) => <GenericResultView {...props} {...MultipleImages.args} config={emptyConfig} />}>
                     <div>
                         <Story />
                     </div>
@@ -66,15 +69,16 @@ export const MultipleImages: Story = {
         titleField: "title",
         descriptionField: "description",
         invertImageInDarkMode: true,
-        imageField: "images"
+        imageField: "images",
+        config: emptyConfig
     }
 }
 
 export const Full: Story = {
     decorators: [
         (Story) => (
             <TooltipProvider>
-                <GlobalModalProvider resultView={GenericResultView}>
+                <GlobalModalProvider resultView={(props) => <GenericResultView {...props} {...Full.args} config={{ host: "", indices: [] }} />}>
                     <div>
                         <Story />
                     </div>
@@ -160,6 +164,7 @@ export const Full: Story = {
                 field: "stringArrayTest",
                 singleValueMapper: (v) => v.toUpperCase()
             }
-        ]
+        ],
+        config: emptyConfig
     }
 }

src/stories/RelationsGraph.stories.tsx

@@ -1,8 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react"
-
-import { BasicRelationNode } from "@/lib/RelationNode"
 import { ReactFlowProvider } from "@xyflow/react"
 import { RelationsGraph } from "@/components/graph/RelationsGraph"
+import { GenericResultView } from "@/components/result"
 
 const meta = {
     component: RelationsGraph,
@@ -24,19 +23,9 @@ export const Default: Story = {
         )
     ],
     args: {
-        referencedBy: [
-            new BasicRelationNode("T10/parentA", "Parent"),
-            new BasicRelationNode("T10/parentB", "Parent"),
-            new BasicRelationNode("T10/parentC", "Source")
-        ],
-        base: new BasicRelationNode("T10/436895408650943, abcde", "Current", "", true),
-        references: [
-            new BasicRelationNode("T10/436895408650941", "Dataset", "Something else"),
-            new BasicRelationNode("T10/436895408650942", "Dataset"),
-            new BasicRelationNode("T10/436895408650944", "Dataset"),
-            new BasicRelationNode("T10/436895408650945", "Dataset", "Another example"),
-            new BasicRelationNode("T10/436895408650946", "Dataset"),
-            new BasicRelationNode("T10/436895408650947", "Dataset")
-        ]
+        referencedBy: ["a", "b", "c"],
+        base: "self",
+        references: ["1", "2", "3", "4", "5"],
+        resultView: (props) => <GenericResultView {...props} config={{ host: "", indices: [] }} />
     }
 }