5 files changed, 69 insertions, 32 deletions
diff --git a/openecomp-ui/gulpfile.js b/openecomp-ui/gulpfile.js
index 8ca9a233aa..331724b757 100644
--- a/openecomp-ui/gulpfile.js
+++ b/openecomp-ui/gulpfile.js
@@ -1,12 +1,13 @@
 'use strict';
 
 let gulp = require('gulp');
-let gulpHelpers = require('gulp-helpers');
+
 let replace = require('gulp-replace');
-let taskMaker = gulpHelpers.taskMaker(gulp);
-let runSequence = gulpHelpers.framework('run-sequence');
+let del = require('del');
+let zip = require('gulp-zip');
+let gulpSass = require('gulp-sass');
+let runSequence = require('run-sequence');
 let gulpCssUsage = require('gulp-css-usage').default;
-
 let prodTask = require('./tools/gulp/tasks/prod');
 let i18nTask = require('./tools/gulp/tasks/i18n.js');
 
@@ -52,24 +53,57 @@ const path = {
 	//storybookDistResources: './.storybook-dist/onboarding/resources/images/svg'
 };
 // cleans up the output directory
-taskMaker.defineTask('clean', {taskName: 'clean', src: path.output});
-// copies for all relevant files to the output directory
-taskMaker.defineTask('copy', {taskName: 'copy-json', src: path.json, dest: path.output, changed: {extension: '.json'}});
-taskMaker.defineTask('copy', {taskName: 'copy-index.html', src: path.index, dest: path.output, rename: 'index.html'});
-taskMaker.defineTask('copy', {taskName: 'copy-heat.html', src: path.heat, dest: path.output, rename: 'heat.html'});
-//taskMaker.defineTask('copy', {taskName: 'copy-svg', src: path.svgSrc, dest: path.svg});
-taskMaker.defineTask('copy', {taskName: 'copy-storybook-fonts', src: path.storybookFonts, dest: path.storybookDist});
-//taskMaker.defineTask('copy', {taskName: 'copy-storybook-resources', src: path.svgSrc, dest: path.storybookResources});
-//taskMaker.defineTask('copy', {taskName: 'copy-storybook-resources-prod', src: path.svgSrc, dest: path.storybookDistResources});
+
+gulp.task('clean', callback => {
+	return del([path.output], callback);
+})
+// copies for all relevant files to the output directory'
+
+gulp.task('copy-json', () => {
+	gulp.src(path.json)
+		.pipe(gulp.dest(path.output));
+});
+
+gulp.task('copy-index.html', () => {
+	gulp.src(path.index)
+		.pipe(gulp.dest(path.output));
+});
+
+gulp.task('copy-heat.html', () => {
+	gulp.src(path.heat)
+		.pipe(gulp.dest(path.output));
+});
+
+gulp.task('copy-storybook-fonts', () => {
+	gulp.src(path.storybookFonts)
+		.pipe(gulp.dest(path.storybookDist));
+});
+
 // used for compressing war files
-taskMaker.defineTask('compress', {taskName: 'compress-war', src: path.war, filename: appName + '.war', dest: path.wardest});
-taskMaker.defineTask('compress', {taskName: 'compress-heat-war', src: path.heatWar, filename: 'heat-validation.war', dest: path.wardest});
-// used for watching for changes for test
-taskMaker.defineTask('watch', {taskName: 'watch-stuff', src: [path.json, path.index, path.heat], tasks: ['copy-stuff']});
 
+/**
+ * replaced with gulp
+ */
+gulp.task('compress-war', ()=> {
+	gulp.src(path.war)
+		.pipe(zip(appName + '.war'))
+		.pipe(gulp.dest(path.wardest));
+});
+
+gulp.task('compress-heat-war', ()=> {
+	gulp.src(path.heatWar)
+		.pipe(zip('heat-validation.war'))
+		.pipe(gulp.dest(path.wardest));
+});
 
 //TODO: delete this task after gulp-css-usage support for SCSS files
-taskMaker.defineTask('sass', {taskName: 'sass', src: path.scss, dest: path.css, config: {outputStyle: 'compressed'}});
+gulp.task('sass', () => {
+	return gulp.src(path.scss)
+		.pipe(gulpSass({outputStyle: 'compressed'}).on('error', gulpSass.logError))
+		.pipe(gulp.dest(path.css));
+});
+
+
 
 // copy the healthcheck file and replace the version with command line argument
 gulp.task('healthcheck', function(){
diff --git a/openecomp-ui/package.json b/openecomp-ui/package.json
index acf7d6faad..783a043d8f 100644
--- a/openecomp-ui/package.json
+++ b/openecomp-ui/package.json
@@ -72,7 +72,9 @@
     "babel-preset-stage-0": "^6.22.0",
     "css-loader": "^0.23.1",
     "deep-freeze": "0.0.1",
+    "del": "^3.0.0",
     "enzyme": "^2.7.1",
+    "eslint": "^2.13.1",
     "eslint-loader": "^1.3.0",
     "eslint-plugin-import": "^0.8.1",
     "eslint-plugin-react": "^3.14.0",
@@ -81,10 +83,11 @@
     "gulp": "^3.9.1",
     "gulp-clean": "^0.3.1",
     "gulp-css-usage": "^2.0.0",
-    "gulp-helpers": "^5.0.0",
     "gulp-rename": "^1.2.2",
     "gulp-replace": "^0.5.4",
+    "gulp-sass": "^3.1.0",
     "gulp-tap": "^1.0.1",
+    "gulp-zip": "^4.1.0",
     "html-loader": "^0.4.3",
     "http-proxy-middleware": "^0.17.4",
     "ignore-loader": "^0.1.1",
@@ -101,6 +104,7 @@
     "react-click-outside": "^2.3.1",
     "react-hot-loader": "^3.1.3",
     "rosie": "^1.6.0",
+    "run-sequence": "^2.2.1",
     "sass-loader": "^3.2.3",
     "source-map-loader": "^0.1.5",
     "storyshots": "^3.2.2",
diff --git a/openecomp-ui/resources/scss/_components.scss b/openecomp-ui/resources/scss/_components.scss
index 7f73047c91..13af5984e3 100644
--- a/openecomp-ui/resources/scss/_components.scss
+++ b/openecomp-ui/resources/scss/_components.scss
@@ -1,4 +1,3 @@
-@import "components/punchOut";
 @import "components/forms";
 @import "components/validationForm";
 @import "components/dualListBox";
diff --git a/openecomp-ui/resources/scss/components/_punchOut.scss b/openecomp-ui/resources/scss/components/_punchOut.scss
deleted file mode 100644
index 65ba24d884..0000000000
--- a/openecomp-ui/resources/scss/components/_punchOut.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-&.dox-ui-punch-out {
-  background-color: $content-background-color;
-}
-
-&.dox-ui-punch-out.dox-ui-punch-out-full-page {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  overflow-y: auto;
-}
diff --git a/openecomp-ui/resources/scss/onboarding.scss b/openecomp-ui/resources/scss/onboarding.scss
index 2c7c55530d..7748b07019 100644
--- a/openecomp-ui/resources/scss/onboarding.scss
+++ b/openecomp-ui/resources/scss/onboarding.scss
@@ -6,6 +6,18 @@
   @import "common";
   @import "components";
   @import "modules";
+
+  &.dox-ui-punch-out {
+    background-color: $content-background-color;    
+    &.dox-ui-punch-out-full-page {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      overflow-y: auto;
+    }
+  }  
 }
 
 /* Out of namespace context for datepicker */