Bump Storybook to -beta.15

frontend/.eslintrc.cjs

@@ -30,7 +30,6 @@ module.exports = {
         "prettier",
         "plugin:prettier/recommended",
         "plugin:jsx-a11y/recommended",
-        "plugin:storybook/recommended",
       ],
       plugins: ["jsx-a11y"],
       files: ["*.ts", "*.tsx", "*.cjs", "*.js"],

frontend/package.json

@@ -20,50 +20,49 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-relay": "^14.1.0",
-    "react-router-dom": "^6.4.3",
+    "react-router-dom": "^6.6.1",
     "relay-runtime": "^14.1.0"
   },
   "devDependencies": {
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@graphql-eslint/eslint-plugin": "^3.13.1",
+    "@graphql-eslint/eslint-plugin": "^3.14.3",
-    "@storybook/addon-actions": "^7.0.0-beta.8",
+    "@storybook/addon-actions": "^7.0.0-beta.15",
-    "@storybook/addon-backgrounds": "^7.0.0-beta.8",
+    "@storybook/addon-backgrounds": "^7.0.0-beta.15",
-    "@storybook/addon-controls": "^7.0.0-beta.8",
+    "@storybook/addon-controls": "^7.0.0-beta.15",
-    "@storybook/addon-docs": "^7.0.0-beta.8",
+    "@storybook/addon-docs": "^7.0.0-beta.15",
-    "@storybook/addon-essentials": "^7.0.0-beta.8",
+    "@storybook/addon-essentials": "^7.0.0-beta.15",
-    "@storybook/addon-measure": "^7.0.0-beta.8",
+    "@storybook/addon-measure": "^7.0.0-beta.15",
-    "@storybook/addon-outline": "^7.0.0-beta.8",
+    "@storybook/addon-outline": "^7.0.0-beta.15",
-    "@storybook/addon-toolbars": "^7.0.0-beta.8",
+    "@storybook/addon-toolbars": "^7.0.0-beta.15",
-    "@storybook/addon-viewport": "^7.0.0-beta.8",
+    "@storybook/addon-viewport": "^7.0.0-beta.15",
-    "@storybook/react": "^7.0.0-beta.8",
+    "@storybook/react": "^7.0.0-beta.15",
-    "@storybook/react-vite": "^7.0.0-beta.8",
+    "@storybook/react-vite": "^7.0.0-beta.15",
     "@types/jest": "^29.2.4",
-    "@types/node": "^18.11.15",
+    "@types/node": "^18.11.18",
     "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.8",
+    "@types/react-dom": "^18.0.10",
     "@types/react-relay": "^14.1.2",
     "@types/react-test-renderer": "^18.0.0",
     "@types/relay-runtime": "^14.1.4",
     "@types/relay-test-utils": "^14.1.0",
-    "@vitejs/plugin-react": "^2.2.0",
+    "@vitejs/plugin-react": "^3.0.0",
     "autoprefixer": "^10.4.13",
     "babel-plugin-relay": "^14.1.0",
-    "eslint": "^8.28.0",
+    "eslint": "^8.30.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-storybook": "^0.6.7",
     "jest": "^29.3.1",
     "postcss": "^8.4.20",
     "prettier": "^2.8.0",
     "react-test-renderer": "^18.2.0",
     "relay-compiler": "^14.1.0",
     "relay-test-utils": "^14.1.0",
-    "storybook": "^7.0.0-beta.8",
+    "storybook": "^7.0.0-beta.15",
     "tailwindcss": "^3.2.2",
     "typescript": "^4.6.4",
-    "vite": "^3.2.3",
+    "vite": "^4.0.3",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-relay": "^2.0.0"
   }

frontend/src/components/Block.stories.tsx

@@ -25,7 +25,7 @@ const meta = {
     Subtitle,
     Body,
   } as Record<string, React.ComponentType<any>>,
-  tags: ["docsPage"],
+  tags: ["autodocs"],
 } satisfies Meta<typeof Block>;
 
 export default meta;

frontend/src/components/Button.stories.ts

@@ -19,7 +19,7 @@ import Button from "./Button";
 const meta = {
   title: "UI/Button",
   component: Button,
-  tags: ["docsPage"],
+  tags: ["autodocs"],
   argTypes: {
     onClick: { action: true },
     compact: {

frontend/src/components/DateTime.stories.tsx

@@ -22,7 +22,7 @@ const now = new Date(2022, 11, 16, 15, 32, 10);
 const meta = {
   title: "UI/DateTime",
   component: DateTime,
-  tags: ["docsPage"],
+  tags: ["autodocs"],
   args: {
     now,
     datetime: sub(now, { minutes: 30 }),

frontend/src/components/LoadingScreen.stories.tsx

@@ -19,7 +19,7 @@ import LoadingScreen from "./LoadingScreen";
 const meta = {
   title: "UI/Loading Screen",
   component: LoadingScreen,
-  tags: ["docsPage"],
+  tags: ["autodocs"],
 } satisfies Meta<typeof LoadingScreen>;
 
 export default meta;

frontend/src/components/LoadingSpinner.stories.tsx

@@ -19,7 +19,7 @@ import LoadingSpinner from "./LoadingSpinner";
 const meta = {
   title: "UI/Loading Spinner",
   component: LoadingSpinner,
-  tags: ["docsPage"],
+  tags: ["autodocs"],
 } satisfies Meta<typeof LoadingSpinner>;
 
 export default meta;

frontend/src/components/OAuth2Session.stories.tsx

@@ -80,7 +80,7 @@ const Template: React.FC<TemplateProps> = ({
 const meta = {
   title: "Components/OAuth 2.0 Session",
   component: Template,
-  tags: ["docsPage"],
+  tags: ["autodocs"],
   args: {
     scope: "openid",
     clientId: "aaabbbcccdddeee",

frontend/src/components/Typography.stories.tsx

@@ -19,7 +19,7 @@ import Typography from "./Typography";
 const meta = {
   title: "UI/Typography",
   component: Typography,
-  tags: ["docsPage"],
+  tags: ["autodocs"],
   args: {
     children: "Typography",
   },