Issue #SB-13915 task: Dynamic Card component

sb-ui-components-app/package.json

@@ -14,7 +14,8 @@
     "publish": "cd dist/sb-ui-components && npm publish",
     "publish-minor": "cd dist/sb-ui-components && npm publish minor",
     "publish-medium": "cd dist/sb-ui-components && npm publish medium",
-    "publish-major": "cd dist/sb-ui-components && npm publish major"
+    "publish-major": "cd dist/sb-ui-components && npm publish major",
+    "postbuild": "ts-node ./projects/sb-ui-components/scripts/css-bundle.ts"
   },
   "private": true,
   "dependencies": {
@@ -106,6 +107,7 @@
     "node-sass": "^4.12.0",
     "protractor": "~5.4.0",
     "rimraf": "^2.6.3",
+    "scss-bundle": "^3.0.1",
     "ts-node": "~7.0.0",
     "tsickle": ">=0.34.0",
     "tslib": "^1.9.0",

sb-ui-components-app/projects/sb-ui-components/package.json

@@ -4,5 +4,7 @@
   "peerDependencies": {
     "@angular/common": "^7.2.0",
     "@angular/core": "^7.2.0"
+  },
+  "devDependencies": {
   }
-}
+}

sb-ui-components-app/projects/sb-ui-components/scripts/css-bundle.ts

@@ -0,0 +1,29 @@
+import { relative } from 'path';
+import { Bundler } from 'scss-bundle';
+import { writeFile } from 'fs-extra';
+
+/** Bundles all SCSS files into a single file */
+console.log('Hii');
+async function bundleScss() {
+  const { found, bundledContent, imports } = await new Bundler()
+    .bundle('../src/lib/styles/sunbird/_styles.scss', ['../src/lib/styles/**/*.scss']);
+
+  if (imports) {
+    const cwd = process.cwd();
+
+    const filesNotFound = imports
+      .filter(x => !x.found)
+      .map(x => relative(cwd, x.filePath));
+
+    if (filesNotFound.length) {
+      console.error(`SCSS imports failed \n\n${filesNotFound.join('\n - ')}\n`);
+      throw new Error('One or more SCSS imports failed');
+    }
+  }
+
+  if (found) {
+    await writeFile('../dist/lib/styles/sunbird/_styles.scss', bundledContent);
+  }
+}
+
+bundleScss();

sb-ui-components-app/projects/sb-ui-components/src/lib/styles/bootstrap-4.3.1/.babelrc.js

@@ -0,0 +1,20 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/env',
+      {
+        loose: true,
+        modules: false,
+        exclude: ['transform-typeof-symbol']
+      }
+    ]
+  ],
+  plugins: [
+    '@babel/plugin-proposal-object-rest-spread'
+  ],
+  env: {
+    test: {
+      plugins: [ 'istanbul' ]
+    }
+  }
+};

sb-ui-components-app/projects/sb-ui-components/src/lib/styles/bootstrap-4.3.1/.browserslistrc

@@ -0,0 +1,13 @@
+# https://github.com/browserslist/browserslist#readme
+
+>= 1%
+last 1 major version
+not dead
+Chrome >= 45
+Firefox >= 38
+Edge >= 12
+Explorer >= 10
+iOS >= 9
+Safari >= 9
+Android >= 4.4
+Opera >= 30