chore(eui): remove src-docs folder

packages/eui/.eslintwebpack.config.js

@@ -4,15 +4,6 @@ const webpackConfig = {
   resolve: {
     extensions: ['.ts', '.tsx', '.js', '.json'],
   },
-
-  resolveLoader: {
-    alias: {
-      'prop-loader': path.resolve(
-        __dirname,
-        '../scripts/loaders/prop-loader.js'
-      ),
-    },
-  },
 };
 
 module.exports = webpackConfig;

packages/eui/package.json

@@ -15,17 +15,16 @@
     "*.scss"
   ],
   "scripts": {
-    "start": "cross-env BABEL_MODULES=false webpack serve --config=src-docs/webpack.config.js",
+    "start": "yarn storybook",
     "build:workspaces": "yarn workspaces foreach -Rti --from @elastic/eui-theme-common run build && yarn workspaces foreach -Rti --from @elastic/eui --exclude @elastic/eui --exclude @elastic/eui-theme-common run build",
-    "build-docs": "cross-env BABEL_MODULES=false cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 webpack --config=src-docs/webpack.config.js",
     "build": "node ./scripts/compile-i18n-strings.js && node ./scripts/compile-clean.js && node ./scripts/compile-eui.js && yarn compile-scss",
     "build-pack": "yarn build && npm pack",
     "compile-icons": "node ./scripts/compile-icons.js && prettier --write --loglevel=warn \"./src/components/icon/assets/**/*.tsx\"",
     "compile-scss": "node ./scripts/compile-scss.js",
     "extract-i18n-strings": "node ./scripts/babel/fetch-i18n-strings",
     "lint": "yarn tsc --noEmit && yarn lint-es && yarn lint-css-in-js && yarn lint-sass",
     "lint-fix": "yarn lint-es --fix && yarn lint-css-in-js --fix",
-    "lint-es": "NODE_OPTIONS=--max-old-space-size=4096 eslint --cache \"{src,src-docs}/**/*.{ts,tsx,js}\"",
+    "lint-es": "NODE_OPTIONS=--max-old-space-size=4096 eslint --cache \"src/**/*.{ts,tsx,js}\"",
     "lint-css-in-js": "yarn stylelint \"**/*.styles.ts\" \"./src/themes/**/*.ts\" \"./src/global_styling/**/*.ts\" --quiet-deprecation-warnings",
     "lint-sass": "yarn stylelint \"**/*.scss\" --quiet-deprecation-warnings",
     "test": "yarn lint && yarn test-unit",
@@ -38,7 +37,6 @@
     "test-visual-regression": "node ./scripts/test-visual-regression.js",
     "combine-test-coverage": "sh ./scripts/combine-coverage.sh",
     "yo-component": "yo ./generator-eui/app/component.js",
-    "yo-doc": "yo ./generator-eui/app/documentation.js",
     "yo-changelog": "yo ./generator-eui/changelog/index.js",
     "release": "node ./scripts/release.js",
     "release-backport": "node ./scripts/release.js --type=backport",

packages/eui/scripts/babel/react-docgen-typescript.js

@@ -23,7 +23,6 @@ let program;
 function buildProgram() {
   const files = [
     ...glob.sync('src/!(test)/**/!(*.test).{ts,tsx}', { absolute: true }),
-    ...glob.sync('src-docs/**/!(*.test).{ts,tsx}', { absolute: true }),
   ];
   program = null;
   gc();
@@ -33,7 +32,7 @@ buildProgram();
 
 if (isDevelopment && !bypassWatch) {
   chokidar
-    .watch(['./src/**/*.(ts|tsx)', './src-docs/**/*.(ts|tsx)'], {
+    .watch(['./src/**/*.(ts|tsx)'], {
       ignoreInitial: true, // don't emit `add` event during file discovery
       ignored: ['__snapshots__', /\.test\./],
     })

packages/eui/scripts/compile-eui.js

@@ -121,8 +121,21 @@ function compileLib() {
     });
   });
 
-  // copy all JSON files to build outputs
-  glob('./src/**/*.json', undefined, (error, files) => {
+  // Copy all JSON files to build outputs
+  glob('./src/**/*.json', undefined, (_error, files) => {
+    const directories = new Set();
+    files.forEach((file) => {
+      const splitPath = file.split('/');
+      const basePath = splitPath.slice(2, splitPath.length - 1).join('/');
+      directories.add(`es/${basePath}`);
+      directories.add(`optimize/es/${basePath}`);
+      directories.add(`lib/${basePath}`);
+      directories.add(`optimize/lib/${basePath}`);
+      directories.add(`test-env/${basePath}`);
+    });
+
+    directories.forEach((dir) => shell.mkdir('-p', dir));
+
     files.forEach((file) => {
       const splitPath = file.split('/');
       const basePath = splitPath.slice(2, splitPath.length).join('/');
@@ -158,7 +171,18 @@ function compileLib() {
     'optimize/lib/components/icon/svgs/tokens'
   );
 
+  // Copy all SVG files to build outputs
   glob('./src/components/**/*.svg', undefined, (error, files) => {
+    const directories = new Set();
+    files.forEach((file) => {
+      const splitPath = file.split('/');
+      const basePath = splitPath.slice(2, splitPath.length - 1).join('/');
+      directories.add(`lib/${basePath}`);
+      directories.add(`optimize/lib/${basePath}`);
+    });
+
+    directories.forEach((dir) => shell.mkdir('-p', dir));
+
     files.forEach((file) => {
       const splitPath = file.split('/');
       const basePath = splitPath.slice(2, splitPath.length).join('/');

packages/eui/scripts/compile-scss.js

@@ -9,7 +9,7 @@ async function compileScssFiles({
   destinationDirectory,
   docsVariablesDirectory,
 }) {
-  // Copy static JSON Sass var files from src-docs/src/views/theme/_json to dist
+  // Copy static JSON Sass var files from src/themes/json to dist
   const jsonFilesToCopy = [
     'eui_theme_amsterdam_dark.json',
     'eui_theme_amsterdam_light.json',
@@ -39,6 +39,6 @@ async function compileScssFiles({
 if (require.main === module) {
   compileScssFiles({
     destinationDirectory: 'dist',
-    docsVariablesDirectory: 'src-docs/src/views/theme/_json',
+    docsVariablesDirectory: 'src/themes/json',
   });
 }