Merge pull request #61 from digitalfabrik/use-es2020

Use ES2020 for better compatibility

README.md

@@ -54,6 +54,8 @@ The component generally supports:
 * Safari >= 6.2
 
 However, if you want to support non-modern browsers, you are responsible for transpiling the code for your preferred target.
+The distributed files on npm are transpiled for ES2020.
+
 
 For hiding and revealing the header, the browser needs to support the css-property `position: sticky`.
 You can read about the browser support for that on [caniuse.com](https://caniuse.com/#feat=css-sticky).

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integreat-app/react-sticky-headroom",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "engines": {
     "node": ">=18",
     "npm": ">=10"

tools/build.ts

@@ -62,7 +62,7 @@ function compile (fileNames: string[], options: CompilerOptions): Record<string,
       type: 'es6'
     },
     jsc: {
-      target: 'es2022',
+      target: 'es2020',
       experimental: {
         plugins: [
           [
@@ -102,7 +102,7 @@ function compile (fileNames: string[], options: CompilerOptions): Record<string,
       type: 'commonjs'
     },
     jsc: {
-      target: 'es2022',
+      target: 'es2020',
       experimental: {
         plugins: [
           [

tools/demo.webpack.config.ts

@@ -23,8 +23,7 @@ const webpackConfig: webpack.Configuration = {
   module: {
     rules: [
       {
-        test: /\.tsx?$/,
-        exclude: /node_modules\/.*/,
+        test: /\.tsx?|\.js$/,
         loader: 'swc-loader',
         options: {
           jsc: {