code updates

Author: agracio

.gitignore

@@ -10,4 +10,5 @@ publish/
 /*.tgz
 /*.json
 !package.json
+!package-lock.json
 !tsconfig.json

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2017 
+Copyright agracio (c) 2017 
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -4,7 +4,7 @@
 
 
 > This is based on excellent `react-json-table` https://github.com/arqex/react-json-table. 
-The component is written in TypeScript and supports React 16.x. 
+The component is written in TypeScript and supports React 19.x. 
 It attempts to be backward compatible with `react-json-table`.
 
 ## Features
@@ -23,8 +23,7 @@ Features are similar to original `react-json-table`
 npm install ts-react-json-table
 ```
 
-Or use the pre-built UMD files [ts-react-json-table.js](https://github.com/agracio/ts-react-json-table/blob/master/build/ts-react-json-table.js) 
-and [ts-react-json-table.min.js](https://github.com/agracio/ts-react-json-table/blob/master/build/ts-react-json-table.min.js) 
+Or use the pre-built UMD file [ts-react-json-table.js](https://github.com/agracio/ts-react-json-table/blob/master/build/ts-react-json-table.js) 
 
 ## Quickstart
 
@@ -170,18 +169,7 @@ var columns = [
 ### Exclude columns
 
 This allows to exclude columns from table without defining all columns. 
-For `rows` example above, if you wanted to show all columns except 'id' instead of passing `columns` prop 
-
- ```js
-var columns = [
-    'name',
-    'age',
-    'phone',
-    'color'
-];
- ```
- 
- You can pass `excludeColumns` prop
+For `rows` example above, if you want to show all columns except 'id' 
 
   ```js
  var excludeColumns = [
@@ -190,5 +178,3 @@ var columns = [
   ```
 
 If both `columns` and `excludeColumns` props are passed, columns will be excluded even if they are defined in `columns` prop.
-
-## README update in progress...

build/ts-react-json-table.js

@@ -1,32 +1,25 @@
 const gulp = require('gulp');
 const del = require('del');
 const webpack = require('webpack-stream');
-const sequence = require('run-sequence');
-const tsb = require('gulp-tsb');
+const sequence = require('gulp4-run-sequence');
+var ts = require('gulp-typescript');
 const chalk = require('chalk');
 const minify = require('gulp-minify');
 const run = require('gulp-run');
+const sourcemaps = require('gulp-sourcemaps');
 
 let buildDone = false;
 
 const paths = {
-    src: ['src/**', 'test/**', './*.ts', 'node_modules/@types/**/*.d.ts'],
+    src: ['src/*ts*', './ts-react-json-table.d.ts'],
     out: './dist',
     test: './dist/test/**/*.js',
     webpack: './build/',
     webpackEntry: './dist/grid.js',
     webpackName: 'ts-react-json-table.js'
 };
 
-function handleBuildError (error) {
-    console.log(chalk.red(error.toString()));
-    buildDone = false;
-}
-
-function createCompilation(){
-    return tsb.create('tsconfig.json', false, null, function(error){handleBuildError(error)});
-    //return tsb.create(tsconfig.compilerOptions, false, null, function(error){handleBuildError(error)});
-}
+let tsProject = ts.createProject('tsconfig.json');
 
 function logBuildResult(){
     console.log(buildDone ? chalk.green('Build succeeded.') : chalk.red('Build failed.'));
@@ -35,10 +28,11 @@ function logBuildResult(){
 gulp.task('build', function() {
     console.log(chalk.blue('Typescript compile.'));
     buildDone = true;
-    return gulp.src(paths.src, {base: '.'})
-        .pipe(createCompilation()())
-        // .pipe(compilation())
-        .pipe(gulp.dest(paths.out));
+    return gulp.src(paths.src)
+    .pipe(tsProject())
+    .pipe(sourcemaps.init())
+    .pipe(sourcemaps.write('.'))
+    .pipe(gulp.dest(paths.out));
 });
 
 gulp.task('clean', function() {
@@ -51,7 +45,7 @@ gulp.task('clean_webpack', function() {
     return del([paths.webpack + '/**/*']);
 });
 
-gulp.task('webpack', ['clean_webpack', 'build'], function() {
+gulp.task('webpack', gulp.series('clean_webpack', 'build', function() {
     logBuildResult();
     if(!buildDone){ return;}
     console.log(chalk.blue('Creating webpack in', paths.webpack));
@@ -63,11 +57,6 @@ gulp.task('webpack', ['clean_webpack', 'build'], function() {
               library: 'JsonTable',
               //libraryExport: 'JsonTable',
           },
-          module: {
-              rules: [
-                  {test: /\.js$/, loader: "source-map-loader"}
-              ],
-          },
           externals: {
               react: {
                   commonjs: null,
@@ -76,20 +65,23 @@ gulp.task('webpack', ['clean_webpack', 'build'], function() {
                   root: 'React'
               }
           },
+          optimization: {
+            minimize: false
+          },
           devtool: "#source-map"
     }))
     .pipe(gulp.dest(paths.webpack));
-});
+}));
 
-gulp.task('minify',['webpack'], function() {
-    gulp.src(paths.webpack + paths.webpackName)
+gulp.task('minify', gulp.series('webpack', function() {
+    return gulp.src(paths.webpack + paths.webpackName)
         .pipe(minify({
             ext:{
                 min:'.min.js'
             }
         }))
         .pipe(gulp.dest(paths.webpack))
-});
+}));
 
 gulp.task('copy-css', function() {
     return gulp.src('./src/**/*.css').pipe(gulp.dest(paths.webpack))
@@ -99,14 +91,14 @@ gulp.task('publish_npm', function () {
     return run('npm publish').exec();
 });
 
-gulp.task('publish', function () {
-    sequence('clean', 'minify','copy-css', 'publish_pack', 'publish_npm');
+gulp.task('publish', function (cb) {
+    sequence('clean', 'minify', 'copy-css', 'publish_pack', 'publish_npm', cb);
 });
 
 gulp.task('publish_pack', function () {
     return run('npm pack').exec();
 });
 
-gulp.task('pack', function () {
-    sequence('clean', 'minify', 'copy-css', 'publish_pack');
+gulp.task('pack', function (cb) {
+    sequence('clean', 'minify', 'copy-css', 'publish_pack', cb);
 });