Initial

.nvmrc

@@ -1 +1 @@
-v16.14.0
+v18.12.1

.vscode/settings.json

@@ -1,13 +1,13 @@
 {
   "editor.detectIndentation": false,
   "[typescriptreact]": {
-    "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[jsonc]": {
     "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
   },
   "[javascript]": {
-    "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[json]": {
     "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"

babel.config.js

@@ -1,25 +1,32 @@
 require.extensions['.css'] = () => undefined;
 
 module.exports = {
-  presets: [['@babel/env', { modules: 'commonjs' }], '@babel/react'],
-  plugins: [
-    '@babel/plugin-transform-runtime',
-    '@babel/plugin-syntax-dynamic-import',
-    '@babel/plugin-proposal-object-rest-spread',
-    '@babel/plugin-proposal-class-properties',
-    [
-      'transform-imports',
-      {
-        '@patternfly/react-icons': {
-          transform: (importName) =>
-            `@patternfly/react-icons/dist/js/icons/${importName
-              .split(/(?=[A-Z])/)
-              .join('-')
-              .toLowerCase()}`,
-          preventFullImport: true,
-        },
-      },
-      'react-icons',
+    env: {
+        test: {
+            plugins: ['@babel/plugin-transform-modules-commonjs']
+        }
+    },
+    presets: [
+        ['@babel/preset-env', { modules: 'commonjs' }],
+        '@babel/react',
+        '@babel/preset-typescript'
+    ],
+    plugins: [
+        '@babel/plugin-transform-object-rest-spread',
+        '@babel/plugin-transform-runtime',
+        [
+            'transform-imports',
+            {
+                '@patternfly/react-icons': {
+                    transform: (importName) =>
+                        `@patternfly/react-icons/dist/js/icons/${importName
+                            .split(/(?=[A-Z])/)
+                            .join('-')
+                            .toLowerCase()}`,
+                    preventFullImport: true,
+                },
+            },
+            'react-icons',
+        ],
     ],
-  ],
 };

config/setupTests.ts

@@ -1,6 +1,6 @@
-import { mockInsights } from 'insights-common-typescript-dev';
+// import { mockInsights } from 'insights-common-typescript-dev';
 import React from 'react';
 
 declare const global;
 global.React = React;
-mockInsights();
+// mockInsights();

fec.config.js

@@ -13,7 +13,11 @@ module.exports = {
    */
   plugins: [],
   moduleFederation: {
-    exclude: ['react-router-dom'],
-    shared: [{ 'react-router-dom': { singleton: true } }],
+    exclude: [
+        'react-router-dom'
+    ],
+    shared: [
+        { 'react-router-dom': { singleton: true, version:'5.3.3' } }
+    ],
   },
 };

jest.config.js

@@ -1,8 +1,8 @@
 module.exports = {
-  preset: 'ts-jest',
+  preset: 'ts-jest/presets/js-with-babel',
   testEnvironment: 'jsdom',
   coverageDirectory: './coverage',
-  collectCoverageFrom: ['src/**/*.{ts,tsx}', '!**/node_modules/**', '!test/**'],
+  collectCoverageFrom: ['src/**/*.test.{ts,tsx}', '!**/node_modules/**', '!test/**'],
   coveragePathIgnorePatterns: [],
   setupFiles: ['<rootDir>/config/setupTests.ts'],
   setupFilesAfterEnv: ['<rootDir>/config/setupTestFramework.ts'],
@@ -11,4 +11,5 @@ module.exports = {
     '\\.(svg)$': 'identity-obj-proxy',
     '\\.(css|scss)$': 'identity-obj-proxy',
   },
+  transformIgnorePatterns: [ 'node_modules/(?!@redhat-cloud-services|@openshift|lodash-es|uuid)' ],
 };