Merge pull request #652 from PermanentOrg/614-update-storybook-9

Upgrade to Storybook v9

Author: slifty

.storybook/main.ts

@@ -4,10 +4,8 @@ const config: StorybookConfig = {
 	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
 	addons: [
 		'@storybook/addon-links',
-		'@storybook/addon-essentials',
-		'@storybook/addon-interactions',
-		'@storybook/addon-mdx-gfm',
 		'@chromatic-com/storybook',
+		'@storybook/addon-docs',
 	],
 	framework: {
 		name: '@storybook/angular',

.storybook/preview.ts

@@ -1,6 +1,6 @@
 import type { Preview } from '@storybook/angular';
 
-import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
+import { MINIMAL_VIEWPORTS } from 'storybook/viewport';
 
 const customViewports = {
 	archiveSettingsDesktop: {

angular.json

@@ -220,42 +220,27 @@
             "configDir": ".storybook",
             "browserTarget": "mdot:build-storybook",
             "compodoc": false,
-            "port": 6006
-          }
-        },
-        "build-storybook": {
-          "builder": "@angular-devkit/build-angular:browser",
-          "options": {
-            "outputPath": "storybook-static",
-            "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": [
-              "src/polyfills.ts",
-              "@angular/localize/init"
-            ],
-            "tsConfig": "src/tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "node_modules/vis-timeline/dist/vis-timeline-graph2d.css",
-              "src/styles/main.scss"
-            ],
+            "port": 6006,
+						"styles": ["src/styles/main.scss"],
             "stylePreprocessorOptions": {
               "includePaths": [
                 "src/styles"
               ]
             },
-            "scripts": [
-              "node_modules/ios-inner-height/dist/ios-inner-height.min.js",
-              "node_modules/gsap/dist/gsap.js"
-            ],
-            "aot": true,
-            "optimization": false,
-            "sourceMap": true,
-            "namedChunks": true
           }
+        },
+        "build-storybook": {
+          "builder": "@storybook/angular:build-storybook",
+					"options": {
+						"configDir": ".storybook",
+						"browserTarget": "mdot:build",
+						"outputDir": "storybook-static",
+						"compodoc": false,
+						"styles": ["src/styles/main.scss"],
+						"stylePreprocessorOptions": {
+							"includePaths": ["src/styles"]
+						}
+					}
         }
       }
     }