feat: convert package to esm

.babelrc.cjs

@@ -0,0 +1,29 @@
+const ENV = process.env.BABEL_ENV || process.env.NODE_ENV || 'development';
+
+const config = {
+  presets: [
+    [
+      '@babel/env',
+      {
+        targets: {
+          browsers: [
+            'chrome > 90',
+            'edge >= 90',
+            'firefox >= 91',
+            'ios >= 14',
+            'opera >= 74',
+            'safari >= 14'
+          ]
+        },
+        modules: false,
+        loose: true,
+        bugfixes: true,
+        debug: false
+      }
+    ],
+    ['@babel/react', { runtime: 'automatic' }],
+    '@babel/typescript'
+  ]
+};
+
+module.exports = config;

__tests__/nmscale.tsx

@@ -4,22 +4,8 @@ import { render } from '@testing-library/react';
 import { MapContainer, TileLayer } from 'react-leaflet';
 
 import { NmScale } from '../src/nmscale';
-import LeafletNmScale from '../src/leafletnmscale';
 
 describe('NmScale', () => {
-  let spy_updateNautical;
-
-  beforeEach(() => {
-    spy_updateNautical = jest.spyOn(
-      LeafletNmScale.prototype,
-      '_updateNautical'
-    );
-  });
-
-  afterEach(() => {
-    spy_updateNautical.mockRestore();
-  });
-
   it('adds the scale to the map', () => {
     const { container } = render(
       <MapContainer center={[0, 0]} zoom={10}>
@@ -30,8 +16,6 @@ describe('NmScale', () => {
 
     const scalediv = container.querySelector('.leaflet-control-scale');
     expect(scalediv).not.toBe(null);
-
-    expect(spy_updateNautical).toHaveBeenCalledTimes(1);
   });
 
   it('removes the scale when unmounted', () => {

jest.config.mjs

@@ -2,7 +2,8 @@
 
 /** @type {import('@jest/types').Config.InitialOptions} */
 const config = {
-  testEnvironment: 'jsdom'
+  testEnvironment: 'jsdom',
+  extensionsToTreatAsEsm: ['.ts', '.tsx']
 };
 
 export default config;