@helsenorge/library-build 30.0.2 → 32.0.1

package/config/babel.config.cjs

@@ -0,0 +1,14 @@
+const parentBabelConfig = {
+  presets: [
+    ['@babel/preset-env', { targets: { node: 'current' } }],
+    ['@babel/preset-react', { typescript: true, runtime: 'automatic' }],
+    ['@babel/preset-typescript', { allExtensions: true, isTSX: true }],
+  ],
+  plugins: [
+    '@babel/plugin-syntax-dynamic-import',
+    ['@babel/plugin-proposal-class-properties', { loose: true }],
+    '@babel/plugin-transform-object-rest-spread',
+  ],
+};
+
+module.exports = parentBabelConfig;

package/config/tsconfig.global.json

@@ -1,31 +1,29 @@
 {
   "compilerOptions": {
-    "target": "ES2015",
-    "module": "ES2020",
-    "moduleResolution": "node",
-    "sourceMap": true,
-    "jsx": "react",
-    "suppressImplicitAnyIndexErrors": true,
-    "allowSyntheticDefaultImports": true,
-    "forceConsistentCasingInFileNames": true,
-    "esModuleInterop": true,
-    "newLine": "LF",
-    "allowUnreachableCode": false,
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
     "skipLibCheck": true,
-    "lib": ["es5", "es2015.core", "es2015.promise", "es6", "dom", "scripthost"],
-    "noEmit": false,
-    "importHelpers": true,
-    "declaration": true,
-    "declarationMap": true,
-    "removeComments": false,
+
+    /* Bundler mode */
+    "moduleResolution": "node",
+    "allowImportingTsExtensions": false,
     "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": false,
+    "jsx": "react-jsx",
 
     /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "noImplicitAny": true, // noImplicitAny og strictNullChecks er skrudd på i tilfelle noen extender configen og setter strict til false
-    "strictNullChecks": true
+
+    /* library-build specific options */
+    "declaration": true,
+    "declarationMap": true,
+
+    "esModuleInterop": true
   }
 }

package/copy.js

@@ -1,28 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var path_1 = require("path");
-var copyfiles_1 = tslib_1.__importDefault(require("copyfiles"));
-var rimraf_1 = require("rimraf");
-var yargs_1 = tslib_1.__importDefault(require("yargs"));
-var helpers_1 = require("yargs/helpers");
-var files_1 = require("./files");
-var _a = (0, yargs_1.default)((0, helpers_1.hideBin)(process.argv))
+import { createRequire } from 'node:module';
+import path from 'path';
+import copyfiles from 'copyfiles';
+import { rimraf } from 'rimraf';
+import yargs from 'yargs';
+import { hideBin } from 'yargs/helpers';
+const require = createRequire(import.meta.url);
+import { createPackageJsonFile } from './files.js';
+const { root, include, utils, rm } = yargs(hideBin(process.argv))
     .options({
     root: { describe: 'Files to copy to root directory', type: 'array', default: [] },
     include: { describe: 'Files to copy from src to lib, replacing "src" with "lib"', type: 'array', default: [] },
     utils: { describe: 'Files to copy to lib/utils', type: 'array', default: [] },
-    rm: { describe: 'Files to delete', type: 'string', default: '' },
+    rm: { describe: 'Files to delete', type: 'array', default: [] },
 })
-    .parse(), root = _a.root, include = _a.include, utils = _a.utils, rm = _a.rm;
-var originalPackageJson = (0, path_1.resolve)(process.cwd(), 'package.json');
-var _b = require(originalPackageJson), packageName = _b.name, outputDirectory = _b.publishConfig.directory;
-var outputPath = (0, path_1.resolve)(process.cwd(), outputDirectory);
-var newPackageJson = (0, path_1.resolve)(outputPath, 'package.json');
+    .parse();
+const originalPackageJson = path.resolve(process.cwd(), 'package.json');
+const { name: packageName, publishConfig: { directory: outputDirectory }, } = require(originalPackageJson);
+const outputPath = path.resolve(process.cwd(), outputDirectory);
+const newPackageJson = path.resolve(outputPath, 'package.json');
 Promise.all([
-    (0, copyfiles_1.default)(tslib_1.__spreadArray(tslib_1.__spreadArray([], root, true), [outputPath], false), console.error),
-    (0, copyfiles_1.default)(tslib_1.__spreadArray(tslib_1.__spreadArray([], include, true), [outputPath], false), { up: 1 }, console.error),
-    (0, copyfiles_1.default)(tslib_1.__spreadArray(tslib_1.__spreadArray([], utils, true), [(0, path_1.resolve)(outputPath, 'utils')], false), { up: true }, console.error),
+    new Promise((resolve, reject) => copyfiles([...root, outputPath], e => (e ? reject(e) : resolve()))),
+    new Promise((resolve, reject) => copyfiles([...include, outputPath], { up: 1 }, e => (e ? reject(e) : resolve()))),
+    new Promise((resolve, reject) => copyfiles([...utils, path.resolve(outputPath, 'utils')], { up: true }, e => (e ? reject(e) : resolve()))),
 ])
-    .then(function () { return (rm ? (0, rimraf_1.rimraf)(rm) : Promise.resolve(true)); })
-    .then(function () { return (0, files_1.createPackageJsonFile)(packageName, originalPackageJson, newPackageJson); });
+    .then(() => (rm ? rimraf(rm) : Promise.resolve(true)))
+    .then(() => createPackageJsonFile(packageName, originalPackageJson, newPackageJson));

package/files.d.ts

@@ -2,5 +2,5 @@
  * Function used to create the package.json file under /lib
  * @param packageName - the name field in package.json (for example: @helsenorge/step')
  */
-export declare function createPackageJsonFile(packageName: string, inputPath: string, outputPath: string): Promise<unknown>;
+export declare function createPackageJsonFile(packageName: string, inputPath: string, outputPath: string): Promise<string>;
 //# sourceMappingURL=files.d.ts.map

package/files.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../src/files.ts"],"names":[],"mappings":"AAgBA;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,oBAwC/F"}
+{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../src/files.ts"],"names":[],"mappings":"AAkBA;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CA2CjH"}

package/files.js

@@ -1,48 +1,47 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPackageJsonFile = void 0;
-var fs_1 = require("fs");
+import { readFile, writeFile } from 'fs';
 /**
  * Function used to create the package.json file under /lib
  * @param packageName - the name field in package.json (for example: @helsenorge/step')
  */
-function createPackageJsonFile(packageName, inputPath, outputPath) {
-    return new Promise(function (resolve) {
-        (0, fs_1.readFile)(inputPath, 'utf8', function (err, data) {
+export function createPackageJsonFile(packageName, inputPath, outputPath) {
+    return new Promise((resolve) => {
+        readFile(inputPath, 'utf8', (err, data) => {
             if (err) {
                 throw err;
             }
             resolve(data);
         });
     })
-        .then(function (data) { return JSON.parse(data); })
-        .then(function (packageData) {
-        var author = packageData.author, version = packageData.version, repository = packageData.repository, bin = packageData.bin, peerDependencies = packageData.peerDependencies, license = packageData.license, dependencies = packageData.dependencies, publishConfig = packageData.publishConfig;
-        var minimalPackage = {
+        .then((data) => JSON.parse(data))
+        .then((packageData) => {
+        const { author, version, main, sideEffects, repository, bin, peerDependencies, license, dependencies, publishConfig } = packageData;
+        const minimalPackage = {
             name: packageName,
-            author: author,
-            version: version,
-            main: './index.js',
-            repository: repository,
-            bin: bin,
-            license: license,
-            peerDependencies: peerDependencies,
-            dependencies: dependencies,
+            author,
+            version,
+            main,
+            type: ['@helsenorge/core-build', '@helsenorge/library-build'].includes(packageName) ? 'module' : undefined,
+            sideEffects,
+            repository,
+            bin,
+            license,
+            peerDependencies,
+            dependencies,
         };
-        if (publishConfig === null || publishConfig === void 0 ? void 0 : publishConfig.access) {
+        if (publishConfig?.access) {
             minimalPackage.publishConfig = {
                 access: publishConfig.access,
             };
         }
-        return new Promise(function (resolve) {
-            var data = JSON.stringify(minimalPackage, null, 2);
-            (0, fs_1.writeFile)(outputPath, data, function (err) {
+        return new Promise(resolve => {
+            const data = JSON.stringify(minimalPackage, null, 2);
+            writeFile(outputPath, data, err => {
                 if (err)
                     throw err;
-                console.log("Created package.json in ".concat(outputPath));
+                // eslint-disable-next-line no-console
+                console.log(`Created package.json in ${outputPath}`);
                 resolve(outputPath);
             });
         });
     });
 }
-exports.createPackageJsonFile = createPackageJsonFile;

package/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="no">
   <head>
     <meta charset="UTF-8" />
@@ -26,8 +26,8 @@
     <hn-webcomp-header></hn-webcomp-header>
     <div id="main-content-wrapper"></div>
 
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.development.js"></script>
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.development.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.development.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.development.js"></script>
 
     <!-- IMPORT header-footer script -->
     <script type="module" src="https://static-hn-mas-01.int-hn.nhn.no/header-footer/static/js/header-footer/header-footer.js"></script>

package/jest.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jest.config.d.ts","sourceRoot":"","sources":["../src/jest.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAanC,QAAA,MAAM,MAAM,EAAE,MAuCb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"jest.config.d.ts","sourceRoot":"","sources":["../src/jest.config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAenC,QAAA,MAAM,MAAM,EAAE,MAsCb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/jest.config.js

@@ -1,21 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+import { createRequire } from 'node:module';
+const require = createRequire(import.meta.url);
 /* Legger til babel-jest + esm og babel-jest igjen uner 'transform' for å kunne håndtere esm import/exports */
 /* Viktig å ha @helsenorge pakker under transformIgnorePatterns fordi de eksporteres i rå esm */
-var individualConfig;
-var rootDir = process.cwd();
+let individualConfig;
+const rootDir = process.cwd();
 try {
     individualConfig = require(rootDir + '/jest.config.cjs');
 }
 catch (ex) {
     console.log('Benytter delt jest.config.js-fil');
 }
-var config = tslib_1.__assign({ rootDir: rootDir, verbose: true, setupFilesAfterEnv: ['<rootDir>/node_modules/@helsenorge/library-build/setupTests.js'], coverageProvider: 'v8', testEnvironment: 'jest-environment-jsdom', testEnvironmentOptions: {
+const config = {
+    rootDir,
+    verbose: true,
+    setupFilesAfterEnv: ['<rootDir>/node_modules/@helsenorge/library-build/setupTests.js'],
+    coverageProvider: 'v8',
+    testEnvironment: 'jest-environment-jsdom',
+    testEnvironmentOptions: {
         url: 'http://tjenester.helsenorge.utvikling',
-    }, transform: {
+    },
+    transform: {
         '^.+\\.(js|jsx|ts|tsx)$': 'babel-jest',
-    }, transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\](?!@helsenorge[/\\\\])', '^.+\\.module\\.(css|sass|scss|scss.d.ts)$'], coverageReporters: ['cobertura', 'lcov', 'json'], collectCoverage: true, collectCoverageFrom: [
+    },
+    transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\](?!(@helsenorge)[/\\\\])', '^.+\\.module\\.(css|sass|scss|scss.d.ts)$'],
+    coverageReporters: ['cobertura', 'lcov', 'json'],
+    collectCoverage: true,
+    collectCoverageFrom: [
         '**/*.ts',
         '**/*.tsx',
         '!**/node_modules/**',
@@ -26,9 +36,17 @@ var config = tslib_1.__assign({ rootDir: rootDir, verbose: true, setupFilesAfter
         '!**/types/**',
         '!**/constants/*.ts',
         '!**/*types.ts',
-    ], moduleNameMapper: {
+    ],
+    moduleNameMapper: {
         '\\.(css|scss)$': 'identity-obj-proxy',
-    }, moduleDirectories: ['node_modules', 'src'], 
+    },
+    moduleDirectories: ['node_modules', 'src'],
     // Unngå warning om jest-haste-map: Haste module naming collision
-    modulePathIgnorePatterns: ['lib'], moduleFileExtensions: ['js', 'json', 'jsx', 'ts', 'tsx', 'node'], coveragePathIgnorePatterns: ['^.+\\.module\\.(css|sass|scss|scss.d.ts)$'], testResultsProcessor: 'jest-junit-reporter', snapshotSerializers: ['enzyme-to-json/serializer'], cacheDirectory: '<rootDir>/.jest-cache' }, individualConfig);
-exports.default = config;
+    modulePathIgnorePatterns: ['lib'],
+    moduleFileExtensions: ['js', 'json', 'jsx', 'ts', 'tsx', 'node'],
+    coveragePathIgnorePatterns: ['^.+\\.module\\.(css|sass|scss|scss.d.ts)$'],
+    testResultsProcessor: 'jest-junit-reporter',
+    cacheDirectory: '<rootDir>/.jest-cache',
+    ...individualConfig,
+};
+export default config;

package/library-scripts.js

@@ -1,16 +1,16 @@
 #! /usr/bin/env node
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var sync = require('cross-spawn').sync;
-var args = process.argv.slice(2);
-var scriptIndex = args.findIndex(function (x) { return x === 'start' || x === 'test' || x === 'copy'; });
-var script = scriptIndex === -1 ? args[0] : args[scriptIndex];
-var nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : [];
+import { createRequire } from 'node:module';
+const require = createRequire(import.meta.url);
+const sync = require('cross-spawn').sync;
+const args = process.argv.slice(2);
+const scriptIndex = args.findIndex(x => x === 'start' || x === 'test' || x === 'copy');
+const script = scriptIndex === -1 ? args[0] : args[scriptIndex];
+const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : [];
 switch (script) {
     case 'start':
     case 'test':
     case 'copy': {
-        var result = sync('node', nodeArgs.concat(require.resolve('./' + script)).concat(args.slice(scriptIndex + 1)), {
+        const result = sync('node', nodeArgs.concat(require.resolve('./' + script)).concat(args.slice(scriptIndex + 1)), {
             stdio: 'inherit',
         });
         if (result.signal) {

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@helsenorge/library-build",
   "author": "Norsk helsenett SF",
-  "version": "30.0.2",
-  "main": "./index.js",
+  "version": "32.0.1",
+  "type": "module",
+  "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/helsenorge/core-frontend-packages"
@@ -11,40 +12,40 @@
     "library-scripts": "./library-scripts.js"
   },
   "license": "MIT",
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  },
   "dependencies": {
-    "@babel/core": "^7.23.7",
-    "@helsenorge/eslint-config": "^30.0.2",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^12.1.5",
+    "@babel/core": "^7.25.2",
+    "@helsenorge/eslint-config": "^32.0.0",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/copyfiles": "^2.4.4",
-    "@types/enzyme": "^3.10.18",
-    "@types/enzyme-to-json": "^1.5.7",
-    "@types/react": "^17.0.74",
-    "@types/react-dom": "^17.0.25",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitest/coverage-v8": "^1.6.0",
     "babel-jest": "^29.7.0",
     "babel-preset-react-app": "^10.0.1",
-    "copyfiles": "2.4.1",
-    "crlf": "1.1.1",
-    "cross-spawn": "7.0.3",
-    "enzyme": "^3.11.0",
-    "enzyme-to-json": "^3.6.2",
-    "esbuild": "^0.19.11",
-    "esbuild-sass-plugin": "^2.16.1",
+    "copyfiles": "^2.4.1",
+    "crlf": "^1.1.1",
+    "cross-spawn": "^7.0.3",
+    "esbuild": "^0.21.5",
+    "esbuild-sass-plugin": "^3.3.1",
     "identity-obj-proxy": "^3.0.0",
-    "isomorphic-fetch": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit-reporter": "^1.1.0",
     "jest-resolve": "^29.7.0",
-    "postcss": "^8.4.33",
+    "postcss": "^8.4.41",
     "postcss-modules": "^6.0.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "rimraf": "^5.0.5",
-    "tslib": "^2.6.2",
-    "typescript": "4.9.4"
+    "rimraf": "^5.0.10",
+    "tslib": "^2.6.3",
+    "typed-scss-modules": "^8.0.1",
+    "typescript": "^5.5.4",
+    "vitest": "^1.6.0",
+    "whatwg-fetch": "^3.6.20"
   },
   "publishConfig": {
     "access": "public"

package/setupTests.d.ts

@@ -1,5 +1,5 @@
-import '@testing-library/jest-dom/extend-expect';
-import 'isomorphic-fetch';
+import '@testing-library/jest-dom';
+import 'whatwg-fetch';
 declare global {
     interface Window {
         HN: Record<string, unknown>;

package/setupTests.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAIA,OAAO,yCAAyC,CAAC;AACjD,OAAO,kBAAkB,CAAC;AAO1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC7B;CACF"}
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAIA,OAAO,2BAA2B,CAAC;AACnC,OAAO,cAAc,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC7B;CACF"}

package/setupTests.js

@@ -1,14 +1,64 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
 // jest-dom adds custom jest matchers for asserting on DOM nodes.
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
-require("@testing-library/jest-dom/extend-expect");
-require("isomorphic-fetch");
-var enzyme_adapter_react_17_1 = tslib_1.__importDefault(require("@wojtekmaj/enzyme-adapter-react-17"));
-var enzyme_1 = require("enzyme");
-// configuring enzyme adapter
-(0, enzyme_1.configure)({ adapter: new enzyme_adapter_react_17_1.default() });
-window.HN = {};
+import '@testing-library/jest-dom';
+import 'whatwg-fetch';
+window.HN = {
+    Page: {},
+    Rest: {},
+    User: {},
+    Commands: {},
+    PortalCommands: {},
+};
+const mockWindowMatchMedia = jest.fn().mockImplementation(() => ({
+    matches: true,
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+}));
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: mockWindowMatchMedia,
+});
+class IntersectionObserver {
+    observe() {
+        // do nothing
+    }
+    unobserve() {
+        // do nothing
+    }
+    disconnect() {
+        // do nothing
+    }
+}
+Object.defineProperty(window, 'IntersectionObserver', {
+    writable: true,
+    value: IntersectionObserver,
+});
+class ResizeObserver {
+    observe() {
+        // do nothing
+    }
+    unobserve() {
+        // do nothing
+    }
+    disconnect() {
+        // do nothing
+    }
+}
+Object.defineProperty(window, 'ResizeObserver', {
+    writable: true,
+    value: ResizeObserver,
+});
+class MutationObserver {
+    observe() {
+        // do nothing
+    }
+    disconnect() {
+        // do nothing
+    }
+}
+Object.defineProperty(window, 'MutationObserver', {
+    writable: true,
+    value: MutationObserver,
+});

package/setupTests.vite.d.ts

@@ -0,0 +1,8 @@
+import '@testing-library/jest-dom';
+import 'whatwg-fetch';
+declare global {
+    interface Window {
+        HN: Record<string, unknown>;
+    }
+}
+//# sourceMappingURL=setupTests.vite.d.ts.map

package/setupTests.vite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.vite.d.ts","sourceRoot":"","sources":["../src/setupTests.vite.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC;AACnC,OAAO,cAAc,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC7B;CACF"}

package/setupTests.vite.js

@@ -0,0 +1,61 @@
+import { vi } from 'vitest';
+import '@testing-library/jest-dom';
+import 'whatwg-fetch';
+window.HN = {
+    Page: {},
+    Rest: {},
+    User: {},
+    Commands: {},
+    PortalCommands: {},
+};
+const mockWindowMatchMedia = vi.fn().mockImplementation(() => ({
+    matches: true,
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+}));
+Object.defineProperty(window, 'matchMedia', {
+    writable: true,
+    value: mockWindowMatchMedia,
+});
+class IntersectionObserver {
+    observe() {
+        // do nothing
+    }
+    unobserve() {
+        // do nothing
+    }
+    disconnect() {
+        // do nothing
+    }
+}
+Object.defineProperty(window, 'IntersectionObserver', {
+    writable: true,
+    value: IntersectionObserver,
+});
+class ResizeObserver {
+    observe() {
+        // do nothing
+    }
+    unobserve() {
+        // do nothing
+    }
+    disconnect() {
+        // do nothing
+    }
+}
+Object.defineProperty(window, 'ResizeObserver', {
+    writable: true,
+    value: ResizeObserver,
+});
+class MutationObserver {
+    observe() {
+        // do nothing
+    }
+    disconnect() {
+        // do nothing
+    }
+}
+Object.defineProperty(window, 'MutationObserver', {
+    writable: true,
+    value: MutationObserver,
+});

package/start.js

@@ -1,83 +1,68 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var fs_1 = require("fs");
-var path_1 = tslib_1.__importDefault(require("path"));
-var esbuild_1 = tslib_1.__importDefault(require("esbuild"));
-var esbuild_sass_plugin_1 = require("esbuild-sass-plugin");
-var yargs_1 = tslib_1.__importDefault(require("yargs"));
-var helpers_1 = require("yargs/helpers");
-(function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-    var _a, entry, outDir, context;
-    return tslib_1.__generator(this, function (_b) {
-        switch (_b.label) {
-            case 0: return [4 /*yield*/, (0, yargs_1.default)((0, helpers_1.hideBin)(process.argv))
-                    .options({
-                    entry: { type: 'string', default: 'src/__devonly__/index.tsx' },
-                    outDir: { type: 'string', default: 'dist' },
-                })
-                    .parse()];
-            case 1:
-                _a = _b.sent(), entry = _a.entry, outDir = _a.outDir;
-                if (!(0, fs_1.existsSync)(outDir)) {
-                    (0, fs_1.mkdirSync)(outDir);
-                }
-                (0, fs_1.copyFileSync)(__dirname + '/index.html', outDir + '/index.html');
-                return [4 /*yield*/, esbuild_1.default.context({
-                        logLevel: 'debug',
-                        entryPoints: [entry],
-                        outdir: outDir,
-                        bundle: true,
-                        define: {
-                            global: 'window',
-                        },
-                        loader: {
-                            '.svg': 'dataurl',
-                            '.woff': 'dataurl',
-                            '.woff2': 'dataurl',
-                        },
-                        plugins: [
-                            (0, esbuild_sass_plugin_1.sassPlugin)({
-                                filter: /.module.(s[ac]ss|css)$/,
-                                type: 'css',
-                                transform: (0, esbuild_sass_plugin_1.postcssModules)({
-                                // ...put here the options for postcss-modules: https://github.com/madyankin/postcss-modules
-                                }),
-                                importMapper: function (path) { return (path.endsWith('styles.module') ? path + '.scss' : path); },
-                                precompile: function (source, pathname) {
-                                    var basedir = path_1.default.dirname(pathname);
-                                    return source.replace(/(url\(['"]?)(\.\.?\/)([^'")]+['"]?\))/g, '$1'.concat(basedir.replace(/\\/g, '\\\\'), '/$2$3'));
-                                },
-                            }),
-                            (0, esbuild_sass_plugin_1.sassPlugin)({
-                                filter: /.(s[ac]ss|css)$/,
-                                type: 'style',
-                            }),
-                            {
-                                name: 'resolve-fonts',
-                                setup: function (build) {
-                                    build.onResolve({ filter: /\.woff2?$/ }, function (_a) {
-                                        var path = _a.path;
-                                        return { path: path };
-                                    });
-                                },
-                            },
-                        ],
-                    })];
-            case 2:
-                context = _b.sent();
-                return [4 /*yield*/, context.watch()];
-            case 3:
-                _b.sent();
-                return [4 /*yield*/, context.serve({
-                        port: 3000,
-                        host: 'localhost',
-                        servedir: outDir,
-                        fallback: outDir + '/index.html',
-                    })];
-            case 4:
-                _b.sent();
-                return [2 /*return*/];
-        }
+import { existsSync, mkdirSync, copyFileSync } from 'fs';
+import path from 'path';
+import url from 'url';
+import esbuild from 'esbuild';
+import { sassPlugin, postcssModules } from 'esbuild-sass-plugin';
+import yargs from 'yargs';
+import { hideBin } from 'yargs/helpers';
+const __filename = url.fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+(async () => {
+    const { entry, outDir } = await yargs(hideBin(process.argv))
+        .options({
+        entry: { type: 'string', default: 'src/__devonly__/index.tsx' },
+        outDir: { type: 'string', default: 'dist' },
+    })
+        .parse();
+    if (!existsSync(outDir)) {
+        mkdirSync(outDir);
+    }
+    copyFileSync(__dirname + '/index.html', outDir + '/index.html');
+    const context = await esbuild.context({
+        logLevel: 'debug',
+        entryPoints: [entry],
+        outdir: outDir,
+        bundle: true,
+        define: {
+            global: 'window',
+        },
+        loader: {
+            '.svg': 'dataurl',
+            '.woff': 'dataurl',
+            '.woff2': 'dataurl',
+        },
+        plugins: [
+            sassPlugin({
+                filter: /.module.(s[ac]ss|css)$/,
+                type: 'css',
+                transform: postcssModules({
+                // ...put here the options for postcss-modules: https://github.com/madyankin/postcss-modules
+                }),
+                importMapper: path => (path.endsWith('styles.module') ? path + '.scss' : path),
+                precompile(source, pathname) {
+                    const basedir = path.dirname(pathname);
+                    return source.replace(/(url\(['"]?)(\.\.?\/)([^'")]+['"]?\))/g, '$1'.concat(basedir.replace(/\\/g, '\\\\'), '/$2$3'));
+                },
+            }),
+            sassPlugin({
+                filter: /.(s[ac]ss|css)$/,
+                type: 'style',
+            }),
+            {
+                name: 'resolve-fonts',
+                setup(build) {
+                    build.onResolve({ filter: /\.woff2?$/ }, ({ path }) => {
+                        return { path };
+                    });
+                },
+            },
+        ],
     });
-}); })();
+    await context.watch();
+    await context.serve({
+        port: 3000,
+        host: 'localhost',
+        servedir: outDir,
+        fallback: outDir + '/index.html',
+    });
+})();

package/test.d.ts

@@ -1,3 +1,2 @@
-declare const jestInstance: any;
-declare const argv: string[];
+export {};
 //# sourceMappingURL=test.d.ts.map

package/test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../src/test.ts"],"names":[],"mappings":"AAgBA,QAAA,MAAM,YAAY,KAAkB,CAAC;AACrC,QAAA,MAAM,IAAI,UAAwB,CAAC"}
+{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../src/test.ts"],"names":[],"mappings":""}

package/test.js

@@ -1,18 +1,18 @@
-'use strict';
-var _a;
+import { createRequire } from 'node:module';
+const require = createRequire(import.meta.url);
 // Do this as the first thing so that any code reading it knows the right env.
 process.env.BABEL_ENV = 'test';
 process.env.NODE_ENV = 'test';
 process.env.PUBLIC_URL = '';
-process.env.TZ = (_a = process.env.TZ) !== null && _a !== void 0 ? _a : 'Europe/Oslo';
+process.env.TZ = process.env.TZ ?? 'Europe/Oslo';
 // Makes the script crash on unhandled rejections instead of silently
 // ignoring them. In the future, promise rejections that are not handled will
 // terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', function (err) {
+process.on('unhandledRejection', err => {
     throw err;
 });
-var jestInstance = require('jest');
-var argv = process.argv.slice(2);
+const jestInstance = require('jest');
+const argv = process.argv.slice(2);
 // Always set config
 argv.push('--coverage');
 argv.push('--verbose');

package/vitest.config.d.ts

@@ -0,0 +1,5 @@
+import { UserConfigFn } from 'vitest/config';
+export declare const getConfig: UserConfigFn;
+declare const _default: import("vitest/config").UserConfigExport;
+export default _default;
+//# sourceMappingURL=vitest.config.d.ts.map

package/vitest.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.config.d.ts","sourceRoot":"","sources":["../src/vitest.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAC;AAE3D,eAAO,MAAM,SAAS,EAAE,YAgCvB,CAAC;;AAEF,wBAAmD"}

package/vitest.config.js

@@ -0,0 +1,35 @@
+import { defineConfig } from 'vitest/config';
+export const getConfig = () => {
+    return {
+        test: {
+            include: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
+            globals: true,
+            environment: 'jsdom',
+            environmentOptions: {
+                jsdom: {
+                    url: 'http://tjenester.helsenorge.utvikling',
+                },
+            },
+            setupFiles: ['node_modules/@helsenorge/library-build/setupTests.vite'],
+            css: {
+                modules: {
+                    classNameStrategy: 'non-scoped',
+                },
+            },
+            coverage: {
+                enabled: true,
+                reporter: ['cobertura', 'lcov', 'json'],
+            },
+            reporters: ['default', 'junit'],
+            outputFile: {
+                junit: 'test-report.xml',
+            },
+            server: {
+                deps: {
+                    inline: ['@helsenorge/designsystem-react', '@portabletext/react'],
+                },
+            },
+        },
+    };
+};
+export default defineConfig(env => getConfig(env));

package/config/babel.config.js

@@ -1,27 +0,0 @@
-const browserslistFromPackageJson = require('./../package.json').browserslist;
-
-const parentBabelConfig = {
-  presets: [
-    [
-      '@babel/preset-env',
-      {
-        targets: {
-          node: 'current',
-          browsers: browserslistFromPackageJson,
-        },
-        useBuiltIns: 'usage',
-        corejs: 3,
-        loose: true,
-      },
-    ],
-    ['@babel/preset-react', { typescript: true }],
-    ['@babel/preset-typescript', { allExtensions: true, isTSX: true }],
-  ],
-  plugins: [
-    '@babel/plugin-syntax-dynamic-import',
-    ['@babel/plugin-proposal-class-properties', { loose: true }],
-    '@babel/plugin-transform-object-rest-spread',
-  ],
-};
-
-module.exports = parentBabelConfig;