Split widgets

.eslintrc

@@ -47,19 +47,6 @@
     ],
     "import/no-unresolved": "error",
     "no-console": "error",
-    "no-restricted-imports": [
-      "error",
-      {
-        "patterns": [
-          {
-            "group": [
-              "../*",
-              "./*"
-            ],
-            "message": "Usage of relative paths is not allowed"
-          }
-        ]
-      }
-    ]
+    "@next/next/no-head-element": "off"
   }
 }

__tests__/test-utils/store.tsx

@@ -3,8 +3,7 @@ import { render } from '@testing-library/react'
 import type { RenderOptions } from '@testing-library/react'
 import { Provider } from 'react-redux'
 import type { PreloadedState } from '@reduxjs/toolkit';
-import type { RootStore, RootState } from 'ops-frontend/store/store';
-import { setupStore } from 'ops-frontend/store/store';
+import type { RootStore, RootState, setupStore } from 'ops-frontend/store/store.js';
 
 // This type interface extends the default options for render from RTL, as well
 // as allows the user to specify other things such as initialState, store.

generate-plugins-index.js

@@ -1,6 +1,6 @@
-const path = require('path');
-const fs = require('fs');
-const camelCase = require('lodash.camelcase');
+import path from 'path';
+import fs from 'fs';
+import camelCase from 'lodash.camelcase';
 
 const processArgs = [...process.argv];
 const dependencies = processArgs.slice(2);

jest.config.js

@@ -1,5 +1,5 @@
 // jest.config.js
-const nextJest = require('next/jest')
+import nextJest from 'next/jest';
 
 const createJestConfig = nextJest({
   // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
@@ -56,4 +56,4 @@ const customJestConfig = {
 };
 
 // createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async
-module.exports = createJestConfig(customJestConfig);
+export default createJestConfig(customJestConfig);

next.config.js

@@ -11,6 +11,10 @@ const nextConfig = {
         tls: false
       };
     }
+    config.resolve.extensionAlias = {
+      ...config.resolve.extensionAlias,
+      '.js': ['.js', '.ts', '.jsx', '.tsx']
+    }
 
     return config;
   },
@@ -28,4 +32,4 @@ const nextConfig = {
   }
 }
 
-module.exports = nextConfig
+export default nextConfig;