Merge branch 'admin-refactor' of github.com:RocketChat/Rocket.Chat in…

…to improve/rewrite-admin-invites

.storybook/babel.config.js

@@ -0,0 +1,19 @@
+module.exports = {
+	presets: [
+		[
+			'@babel/preset-env',
+			{
+				shippedProposals: true,
+				useBuiltIns: 'usage',
+				corejs: '3',
+				modules: 'commonjs',
+			},
+		],
+		'@babel/preset-react',
+		'@babel/preset-flow',
+	],
+	plugins: [
+		'@babel/plugin-proposal-class-properties',
+		'@babel/plugin-proposal-optional-chaining',
+	],
+};

.storybook/main.js

@@ -0,0 +1,11 @@
+module.exports = {
+	stories: [
+		'../app/**/*.stories.js',
+		'../client/**/*.stories.js',
+		'../ee/app/**/*.stories.js',
+	],
+	addons: [
+		'@storybook/addon-actions',
+		'@storybook/addon-knobs',
+	],
+};

.storybook/mocks/meteor.js

@@ -4,7 +4,10 @@ export const Meteor = {
 	_localStorage: window.localStorage,
 	absoluteUrl: () => {},
 	userId: () => {},
-	Streamer: () => {},
+	Streamer: () => ({
+		on: () => {},
+		removeListener: () => {},
+	}),
 	startup: () => {},
 	methods: () => {},
 	call: () => {},

.storybook/preview.js

@@ -0,0 +1,7 @@
+import { withKnobs } from '@storybook/addon-knobs';
+import { addDecorator } from '@storybook/react';
+
+import { rocketChatDecorator } from './mocks/decorators';
+
+addDecorator(rocketChatDecorator);
+addDecorator(withKnobs);

.storybook/webpack.config.js

@@ -31,15 +31,35 @@ module.exports = async ({ config }) => {
 		use: '@settlin/spacebars-loader',
 	});
 
-	config.plugins.push(new webpack.NormalModuleReplacementPlugin(
-		/^meteor/,
-		require.resolve('./mocks/meteor.js'),
-	));
-
-	config.plugins.push(new webpack.NormalModuleReplacementPlugin(
-		/\.\/server\/index.js/,
-		require.resolve('./mocks/empty.js'),
-	));
+	config.module.rules.push({
+		test: /\.(ts|tsx)$/,
+		use: [
+			{
+				loader: 'ts-loader',
+				options: {
+					compilerOptions: {
+						noEmit: false,
+					},
+				},
+			},
+			{
+				loader: 'react-docgen-typescript-loader',
+			},
+		],
+	});
+
+	config.resolve.extensions.push('.ts', '.tsx');
+
+	config.plugins.push(
+		new webpack.NormalModuleReplacementPlugin(
+			/^meteor/,
+			require.resolve('./mocks/meteor.js'),
+		),
+		new webpack.NormalModuleReplacementPlugin(
+			/\/server(\/index.js)$/,
+			require.resolve('./mocks/empty.js'),
+		),
+	);
 
 	config.mode = 'development';
 	config.optimization.usedExports = true;