Merge pull request #3587 from ingef/update-vite-and-storybook

Update vite, storybook, apache-arrow dependencies, update stories

frontend/.storybook/main.ts

@@ -0,0 +1,18 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  core: {
+    disableTelemetry: true,
+  },
+};
+export default config;

frontend/.storybook/manager.js

@@ -0,0 +1,5 @@
+import { addons } from "@storybook/manager-api";
+
+addons.setConfig({
+  panelPosition: "right",
+});

frontend/.storybook/preview.tsx

@@ -1,4 +1,5 @@
 import { ThemeProvider } from "@emotion/react";
+import type { Preview } from "@storybook/react";
 
 import { theme } from "../src/app-theme";
 import GlobalStyles from "../src/js/GlobalStyles";
@@ -9,23 +10,26 @@ import translationsDe from "../src/localization/de.json";
 i18next.addResourceBundle("de", "translation", translationsDe, true, true);
 i18next.changeLanguage("de");
 
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
+const Decorator = (Story: any) => (
+  <ThemeProvider theme={theme}>
+    <DndProvider>
+      <GlobalStyles />
+      <Story />
+    </DndProvider>
+  </ThemeProvider>
+);
+
+const preview: Preview = {
+  decorators: [Decorator],
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
     },
   },
 };
 
-export const decorators = [
-  (Story) => (
-    <ThemeProvider theme={theme}>
-      <DndProvider>
-        <GlobalStyles />
-        <Story />
-      </DndProvider>
-    </ThemeProvider>
-  ),
-];
+export default preview;