Merge pull request #2593 from Akshat55/storybook-v7

docs: Update to storybook v7

Author: Akshat55

.storybook/main.js

@@ -1,11 +1,7 @@
 const path = require('path');
-
 module.exports = {
 	staticDirs: ["public"],
-	stories: [
-		"../src/**/*.stories.mdx",
-		"../src/**/*.stories.@(js|jsx|ts|tsx)"
-	],
+	stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
 	addons: [
 		"@storybook/addon-links",
 		{
@@ -14,39 +10,16 @@ module.exports = {
 				backgrounds: false
 			}
 		},
-		{
-			name: '@storybook/addon-storysource',
-			options: {
-				rule: {
-					test: [/\.stories\.ts$/, /index\.ts$/],
-					include: [path.resolve(__dirname, '../src')]
-				},
-				loaderOptions: {
-					injectStoryParameters: true,
-					prettierConfig: { printWidth: 80, singleQuote: false }
-				}
-			}
-		},
 		"@storybook/addon-a11y"
 	],
-	framework: "@storybook/angular",
+	framework: {
+		name: "@storybook/angular",
+		options: {}
+	},
 	core: {
-		builder: "webpack5",
 		disableTelemetry: true
 	},
-	webpackFinal: async config => {
-		config.module.rules.push({
-			test: [/\.stories\.ts$/, /index\.ts$/],
-			include: [path.resolve(__dirname, '../src')],
-			use: [
-				{
-					loader: require.resolve('@storybook/source-loader'),
-					options: { parser: 'typescript' }
-				}
-			],
-			enforce: 'pre'
-		});
-
-		return config;
+	docs: {
+		autodocs: true
 	}
-}
+};

.storybook/preview.js

@@ -23,14 +23,19 @@ components = components.map(comp => ({
 		...input,
 		// Storybook does not seem to display deprecated message currently
 		// Bypassing this by updating rawdescription
-		rawdescription: input.deprecated ? `**@Deprecatated**\n\n${input.deprecationMessage}` : input.rawdescription
+		// Using `description` to display formatted code
+		rawdescription: input.deprecated ? `**@Deprecatated**\n\n${input.deprecationMessage}` : input.description
 	})),
 	// Removes properties
 	propertiesClass: [],
 	outputsClass: comp.outputsClass.map((output) => ({
 		...output,
 		// Prevents control type appearing as `string`
-		defaultValue: undefined
+		defaultValue: undefined,
+		// Storybook does not seem to display deprecated message currently
+		// Bypassing this by updating rawdescription
+		// Using `description` to display formatted code
+		rawdescription: output.deprecated ? `**@Deprecatated**\n\n${output.deprecationMessage}` : output.description
 	}))
 }));