move all storybooks and all its packages to a separate directory so as to keep the main root package.json clean

Author: erikyo

.gitignore

@@ -3,5 +3,7 @@
 
 /node_modules/
 /vendor/
+/src/storybook/stories/assets/
+
 .phpunit.result.cachecghooks.lock
 

package.json

@@ -57,14 +57,6 @@
 	},
 	"devDependencies": {
 		"@babel/core": "^7.20.7",
-		"@storybook/addon-actions": "^6.5.15",
-		"@storybook/addon-essentials": "^6.5.15",
-		"@storybook/addon-interactions": "^6.5.15",
-		"@storybook/addon-links": "^6.5.15",
-		"@storybook/builder-webpack5": "^6.5.15",
-		"@storybook/manager-webpack5": "^6.5.15",
-		"@storybook/react": "^6.5.15",
-		"@storybook/testing-library": "^0.0.13",
 		"@types/jest": "^29.5.0",
 		"@wordpress/api-fetch": "^6.21.0",
 		"@wordpress/babel-preset-default": "^7.8.0",

src/stories/docs/database-schema.md

@@ -0,0 +1 @@
+legacy-peer-deps=true

src/storybook/.npmrc

@@ -1,12 +1,11 @@
-const stories = ['../src/stories/**/*.@(js|tsx|mdx)'].filter(Boolean);
+const stories = ['../stories/**/*.@(js|tsx|mdx)'].filter(Boolean);
 
 module.exports = {
 	core: {
 		builder: 'webpack5',
 	},
 	stories,
 	addons: [
-		'@storybook/addon-actions',
 		'@storybook/addon-essentials',
 		'@storybook/addon-interactions',
 		'@storybook/addon-links',

.storybook/main.js renamed to src/storybook/.storybook/main.js

@@ -0,0 +1,9 @@
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

.storybook/manager.js renamed to src/storybook/.storybook/manager.js

@@ -1,5 +1,5 @@
 import { create } from '@storybook/theming';
-import Logo from '../src/stories/assets/logo.svg'
+import Logo from '../stories/assets/logo.svg';
 
 export default create({
 	base: 'light',