rg-future (rebased)

.eslintrc.js

@@ -1,17 +1,19 @@
 module.exports = {
   extends: [
     '@terrestris/eslint-config-typescript',
+    '@terrestris/eslint-config-typescript-react',
     'plugin:testing-library/react',
     'plugin:jest-dom/recommended'
   ],
   plugins: [
     'testing-library',
-    'jest-dom'
+    'jest-dom',
+    'simple-import-sort'
   ],
   rules: {
-    'no-underscore-dangle': 'off',
     '@typescript-eslint/member-ordering': 'off',
-    'testing-library/no-node-access': 'warn',
-    'testing-library/no-container': 'warn'
+    'no-underscore-dangle': 'off',
+    'simple-import-sort/exports': 'warn',
+    'simple-import-sort/imports': 'warn'
   }
 };

.eslintrc.styleguide.js

@@ -6,10 +6,14 @@ module.exports = {
     'markdown'
   ],
   overrides: [{
-    files: ["**/*.{md,mkdn,mdown,markdown}"],
-    processor: "markdown/markdown"
+    files: [
+      '**/*.{md,mkdn,mdown,markdown}'
+    ],
+    processor: 'markdown/markdown'
   }, {
-    files: ["**/*.{md,mkdn,mdown,markdown}/*.{js,javascript,jsx,node}"]
+    files: [
+      '**/*.{md,mkdn,mdown,markdown}/*.{js,javascript,jsx,node}'
+    ]
   }],
   env: {
     browser: true

.github/workflows/on-publish.yml

@@ -14,10 +14,10 @@ jobs:
       with:
         persist-credentials: false
 
-    - name: Setup Node.js 18 👷🏻
+    - name: Setup Node.js 👷🏻
       uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 20
 
     - name: Cache Node.js modules 💾
       uses: actions/cache@v3

.github/workflows/on-pull-request.yml

@@ -9,10 +9,10 @@ jobs:
     - name: Checkout sources 🔰
       uses: actions/checkout@v3
 
-    - name: Setup Node.js 18
+    - name: Setup Node.js 👷🏻
       uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 20
 
     - name: Cache Node.js modules 💾
       uses: actions/cache@v3

.github/workflows/on-push-main.yml

@@ -12,10 +12,10 @@ jobs:
     - name: Checkout sources 🔰
       uses: actions/checkout@v3
 
-    - name: Setup Node.js 18 👷🏻
+    - name: Setup Node.js 👷🏻
       uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 20
 
     - name: Cache Node.js modules 💾
       uses: actions/cache@v3

.github/workflows/release.yaml

@@ -15,10 +15,10 @@ jobs:
       - name: Checkout sources 🔰
         uses: actions/checkout@v3
 
-      - name: Setup Node.js 18 👷🏻
+      - name: Setup Node.js 👷🏻
         uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
 
       - name: Install dependencies ⏬
         run: npm ci

.nvmrc

@@ -1,2 +1 @@
-v18
-
+v20

.releaserc

@@ -1,7 +1,10 @@
 {
   "branches": [
     "main",
-    "next",
+    {
+      name: "next",
+      prerelease: true
+    }
     "15.x.x"
   ],
   "plugins": [

babel.config.js

@@ -13,6 +13,6 @@ module.exports = {
   },
   plugins: [
     '@babel/plugin-syntax-dynamic-import',
-    '@babel/plugin-proposal-class-properties'
+    '@babel/plugin-transform-class-properties'
   ]
 };

jest.config.js

@@ -20,7 +20,7 @@ module.exports = {
     '<rootDir>/dist/'
   ],
   transformIgnorePatterns: [
-    'node_modules/(?!(ol|antd|d3-selection|@camptocamp/inkmap|(rc-[a-z-]*)|@ant-design\/css-animation|(-[a-z]+)*|@babel\/runtime)/)'
+    'node_modules/(?!(ol|@camptocamp/inkmap|@terrestris/react-util|d3-selection|color-*[a-z]*)|(rc-*[a-z]*)/)'
   ],
   setupFiles: [
     '<rootDir>/jest/__mocks__/matchMediaMock.js'

jest/setup.js

@@ -1,8 +1,35 @@
-import Enzyme from 'enzyme';
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import 'whatwg-fetch';
 import 'jest-canvas-mock';
 import '@testing-library/jest-dom';
 import 'regenerator-runtime/runtime';
 
+import Adapter from '@cfaester/enzyme-adapter-react-18';
+import Enzyme from 'enzyme';
+import {
+  TextDecoder,
+  TextEncoder
+} from 'util';
+
+Object.assign(global, {
+  TextDecoder,
+  TextEncoder
+});
+
 Enzyme.configure({ adapter: new Adapter() });
+
+jest.mock('use-resize-observer', () => ({
+  __esModule: true,
+  default: jest.fn().mockImplementation(() => ({
+    observe: jest.fn(),
+    unobserve: jest.fn(),
+    disconnect: jest.fn(),
+  })),
+}));
+
+window.ResizeObserver =
+    window.ResizeObserver ||
+    jest.fn().mockImplementation(() => ({
+      disconnect: jest.fn(),
+      observe: jest.fn(),
+      unobserve: jest.fn(),
+    }));