Merge pull request #968 from rvsia/copyCSS

fix(ant,pf4): copy css to build folders

Author: Hyperkid123

packages/ant-component-mapper/package.json

@@ -8,13 +8,14 @@
   "license": "Apache-2.0",
   "scripts": {
     "start": "webpack-dev-server --env dev --config ./config/webpack.config.js --open --hot",
-    "build": "yarn build:cjs && yarn build:esm && yarn build:typings && yarn build:packages",
+    "build": "yarn build:cjs && yarn build:esm && yarn build:typings && yarn build:packages && yarn build:css",
     "build:cjs": "BABEL_ENV=cjs babel src --out-dir ./ --ignore \"src/tests/*\"",
     "build:esm": "BABEL_ENV=esm babel src --out-dir ./esm --ignore \"src/tests/*\"",
     "build:typings": "node ../../scripts/generate-typings.js",
     "build:packages": "node ../../scripts/generate-packages.js",
     "vendor": "webpack --env vendor --config ./config/webpack.config.js",
-    "release": "semantic-release"
+    "release": "semantic-release",
+    "build:css": "node ../../scripts/copy-css.js"
   },
   "repository": "[email protected]:data-driven-forms/react-forms.git",
   "devDependencies": {

packages/pf4-component-mapper/package.json

@@ -8,11 +8,12 @@
   "license": "Apache-2.0",
   "scripts": {
     "start": "webpack-dev-server --env dev --config ./config/webpack.config.js --open --hot",
-    "build": "yarn build:cjs && yarn build:esm && yarn build:typings && yarn build:packages",
+    "build": "yarn build:cjs && yarn build:esm && yarn build:typings && yarn build:packages && yarn build:css",
     "build:cjs": "BABEL_ENV=cjs babel src --out-dir ./ --ignore \"src/tests/*\"",
     "build:esm": "BABEL_ENV=esm babel src --out-dir ./esm --ignore \"src/tests/*\"",
     "build:typings": "node ../../scripts/generate-typings.js",
     "build:packages": "node ../../scripts/generate-packages.js",
+    "build:css": "node ../../scripts/copy-css.js",
     "release": "semantic-release"
   },
   "repository": "[email protected]:data-driven-forms/react-forms.git",

scripts/copy-css.js

@@ -0,0 +1,32 @@
+const glob = require('glob');
+const path = require('path');
+const { copyFileSync } = require('fs');
+
+const packagePath = process.cwd();
+const src = path.resolve(packagePath, './src');
+
+function copyCss() {
+  const directories = glob.sync(`${src}/*/`).filter((name) => !name.includes('/tests/') && !name.includes('/common/'));
+
+  directories.forEach((dir) => {
+    const cssFiles = glob.sync(`${dir}/**/*.css`);
+
+    cssFiles.forEach((file) => {
+      const fileName = file.replace(/^.*src\//, '');
+
+      copyFileSync(file, `./${fileName}`);
+      copyFileSync(file, `./esm/${fileName}`);
+    });
+  });
+}
+
+function run() {
+  try {
+    copyCss();
+  } catch (err) {
+    console.error(err);
+    process.exit(1);
+  }
+}
+
+run();