Migrate Storybook to 6.4.0 and enable auto-detection of controls (#5249)

Previously our Babel configuration conflicted with the one provided by default by Storybook, making us unable to leverage the automatic detection of properties from both JS and TS components to create controls (formerly known as knobs). Upgrading to 6.4.0 fixes a bug that makes it easier to work with Babel configurations. Also done here: * Removed a few deprecated addons in favor of the replacement ones bundled within Storybook Essentials. * Add auto-detection of certain control types depending on the property names * Add support for TS stories More context: storybookjs/storybook#12292
woocommerce · Nov 26, 2021 · 3331016 · 3331016
1 parent 7def33d
commit 3331016
Show file tree

Hide file tree

Showing 5 changed files with 2,014 additions and 1,630 deletions.
diff --git a/babel.config.js b/babel.config.js
@@ -1,4 +1,11 @@
 module.exports = {
+	plugins: [
+		[
+			'react-docgen',
+			{ DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES' },
+		],
+		[ '@babel/plugin-syntax-jsx' ],
+	],
 	presets: [
 		[
 			'@wordpress/babel-preset-default',