upgrade to webpack5 to work with node18

Author: cshenoy

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: [['@babel/preset-env', { targets: { node: 'current' } }], '@babel/preset-typescript', '@babel/preset-react'],
+  presets: ['@babel/preset-env', '@babel/preset-typescript', '@babel/preset-react'],
 }

dist/react-csv-reader.js

@@ -0,0 +1,21 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/* @license
+Papa Parse
+v5.3.2
+https://github.com/mholt/PapaParse
+License: MIT
+*/
+
+/** @license React v16.14.0
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

dist/react-csv-reader.js.LICENSE.txt

@@ -10,8 +10,8 @@
   "license": "MIT",
   "types": "./dist/index.d.ts",
   "scripts": {
-    "build": "webpack -p",
-    "prerelease": "webpack -p",
+    "build": "webpack --mode=development",
+    "prerelease": "webpack --define-process-env-node-env production",
     "release": "release-it",
     "test": "jest --rootDir src",
     "watch": "webpack --watch --progress",
@@ -55,8 +55,8 @@
     "source-map-loader": "^0.2.4",
     "ts-loader": "^6.2.1",
     "typescript": "^3.8.3",
-    "webpack": "^4.42.0",
-    "webpack-cli": "^3.3.11"
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1"
   },
   "peerDependencies": {
     "prop-types": "^15.7.2",

dist/react-csv-reader.js.map

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import * as PapaParse from 'papaparse';
+
+const CSVReader = React.forwardRef(({ accept = '.csv, text/csv', cssClass = 'csv-reader-input', cssInputClass = 'csv-input', cssLabelClass = 'csv-label', fileEncoding = 'UTF-8', inputId = 'react-csv-reader-input', inputName = 'react-csv-reader-input', inputStyle = {}, label, onError = () => { }, onFileLoaded, parserOptions = {}, disabled = false, strict = false, }, inputRef) => {
+  const handleChangeFile = (e) => {
+    let reader = new FileReader();
+    const files = e.target.files;
+    if (files.length > 0) {
+      const fileInfo = {
+        name: files[0].name,
+        size: files[0].size,
+        type: files[0].type,
+      };
+      if (strict && accept.indexOf(fileInfo.type) <= 0) {
+        onError(new Error(`[strict mode] Accept type not respected: got '${fileInfo.type}' but not in '${accept}'`));
+        return;
+      }
+      reader.onload = (_event) => {
+        var _a;
+        const csvData = PapaParse.parse(reader.result, Object.assign(parserOptions, {
+          error: onError,
+          encoding: fileEncoding,
+        }));
+        onFileLoaded((_a = csvData === null || csvData === void 0 ? void 0 : csvData.data) !== null && _a !== void 0 ? _a : [], fileInfo, files[0]);
+      };
+      reader.readAsText(files[0], fileEncoding);
+    }
+  };
+  return (React.createElement("div", { className: cssClass },
+    label && (React.createElement("label", { className: cssLabelClass, htmlFor: inputId }, label)),
+    React.createElement("input", { className: cssInputClass, type: "file", id: inputId, name: inputName, style: inputStyle, accept: accept, onChange: handleChangeFile, disabled: disabled, ref: inputRef })));
+});
+
+CSVReader.propTypes = {
+  accept: PropTypes.string,
+  cssClass: PropTypes.string,
+  cssInputClass: PropTypes.string,
+  cssLabelClass: PropTypes.string,
+  fileEncoding: PropTypes.string,
+  inputId: PropTypes.string,
+  inputName: PropTypes.string,
+  inputStyle: PropTypes.object,
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  onError: PropTypes.func,
+  onFileLoaded: PropTypes.func.isRequired,
+  parserOptions: PropTypes.object,
+  disabled: PropTypes.bool,
+  strict: PropTypes.bool,
+};
+
+export default CSVReader;

package-lock.json

@@ -2,15 +2,13 @@ var path = require('path')
 
 module.exports = {
   devtool: 'source-map',
-  entry: './src/index.tsx',
-  resolve: {
-    extensions: ['.ts', '.tsx'],
-  },
+  entry: './src/index.jsx',
   output: {
     filename: 'react-csv-reader.js',
-    path: path.resolve(__dirname, 'dist'),
-    library: 'CSVReader',
-    libraryTarget: 'commonjs2',
+    library: {
+      name: 'CSVReader',
+      type: 'commonjs2',
+    },
   },
   module: {
     rules: [
@@ -25,15 +23,6 @@ module.exports = {
           },
         },
       },
-      {
-        test: /\.ts(x?)$/,
-        exclude: /node_modules/,
-        use: [
-          {
-            loader: 'ts-loader',
-          },
-        ],
-      },
       {
         enforce: 'pre',
         test: /\.js$/,