@helsenorge/library-build 27.1.3

package/README.md

@@ -0,0 +1,3 @@
+# @helsenorge/library-build
+
+Bygg og test av komponentbibliotek

package/config/babel.config.js

@@ -0,0 +1,27 @@
+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-proposal-object-rest-spread',
+  ],
+};
+
+module.exports = parentBabelConfig;

package/config/jest/jest.config.js

@@ -0,0 +1,42 @@
+/* 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 */
+
+const rootDir = process.cwd();
+
+module.exports = {
+  rootDir,
+  verbose: true,
+  setupFilesAfterEnv: ['<rootDir>/node_modules/@helsenorge/library-build/setupTests.js'],
+  coverageProvider: 'v8',
+  testEnvironment: 'jest-environment-jsdom',
+  testURL: 'http://tjenester.helsenorge.utvikling',
+  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: [
+    '**/*.ts',
+    '**/*.tsx',
+    '!**/node_modules/**',
+    '!**/lib/**',
+    '!**/dist/**',
+    '!**/__devonly__/**',
+    '!**/scripts/**',
+    '!**/types/**',
+    '!**/constants/*.ts',
+    '!**/*types.ts',
+  ],
+  moduleNameMapper: {
+    '\\.(css|scss)$': 'identity-obj-proxy',
+  },
+  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',
+};

package/config/tsconfig.global.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2015",
+    "module": "ES2020",
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "jsx": "react",
+    "noImplicitAny": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "newLine": "LF",
+    "allowUnreachableCode": false,
+    "skipLibCheck": true,
+    "lib": ["es5", "es2015.core", "es2015.promise", "es6", "dom", "scripthost"],
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "strictNullChecks": true,
+    "noEmit": false,
+    "importHelpers": true,
+    "declaration": true,
+    "declarationMap": true,
+    "removeComments": false,
+    "resolveJsonModule": true
+  }
+}

package/copy.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=copy.d.ts.map

package/copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../src/copy.ts"],"names":[],"mappings":""}

package/copy.js

@@ -0,0 +1,28 @@
+"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 = tslib_1.__importDefault(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))
+    .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: '' },
+})
+    .parseSync(), 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');
+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),
+])
+    .then(function () { return (rm ? (0, rimraf_1.default)(rm) : Promise.resolve(true)); })
+    .then(function () { return (0, files_1.createPackageJsonFile)(packageName, originalPackageJson, newPackageJson); });

package/files.d.ts

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

package/files.d.ts.map

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

package/files.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createPackageJsonFile = void 0;
+var fs_1 = require("fs");
+/**
+ * Function used to create the package.json file under /lib
+ * @param packageName - the name field in package.json (for example: @helsenorge/toolkit')
+ */
+function createPackageJsonFile(packageName, inputPath, outputPath) {
+    return new Promise(function (resolve) {
+        (0, fs_1.readFile)(inputPath, 'utf8', function (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, bin = packageData.bin, peerDependencies = packageData.peerDependencies, license = packageData.license, dependencies = packageData.dependencies;
+        var minimalPackage = {
+            name: packageName,
+            author: author,
+            version: version,
+            main: './index.js',
+            bin: bin,
+            license: license,
+            peerDependencies: peerDependencies,
+            dependencies: dependencies,
+        };
+        return new Promise(function (resolve) {
+            var data = JSON.stringify(minimalPackage, null, 2);
+            (0, fs_1.writeFile)(outputPath, data, function (err) {
+                if (err)
+                    throw err;
+                console.log("Created package.json in ".concat(outputPath));
+                resolve(outputPath);
+            });
+        });
+    });
+}
+exports.createPackageJsonFile = createPackageJsonFile;

package/index.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="no">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Helsenorge</title>
+    <!-- IMPORT TEMPLATE FOR WEBCOMP-->
+
+    <template id="hn-webcomp-header-footer-template">
+      <link href="https://static-hn-mas-01.int-hn.nhn.no/core/static/css/helsenorge/helsenorge.css" rel="stylesheet" />
+      <link
+        type="text/css"
+        rel="stylesheet"
+        href="https://static-hn-mas-01.int-hn.nhn.no/header-footer/static/css/header-footer/header-footer.css"
+      />
+      <link type="text/css" rel="stylesheet" href="index.css" />
+    </template>
+
+    <!-- ADDING RESET CSS -->
+    <link href="https://static-hn-mas-01.int-hn.nhn.no/core/static/css/helsenorge/helsenorge.css" rel="stylesheet" />
+  </head>
+
+  <body id="helsenorge">
+    <hn-webcomp-header></hn-webcomp-header>
+    <div id="main-content-wrapper"></div>
+    <!-- IMPORT React and react-dom from CDN -->
+    <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>
+
+    <!-- IMPORT Moment from CDN -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/locale/en-gb.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/locale/se.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/locale/nb.min.js"></script>
+
+    <!-- IMPORT header-footer script -->
+    <script
+      type="text/javascript"
+      src="https://static-hn-mas-01.int-hn.nhn.no/header-footer/static/js/header-footer/header-footer.js"
+    ></script>
+    <script src="index.js"></script>
+  </body>
+</html>

package/library-scripts.d.ts

@@ -0,0 +1,3 @@
+#! /usr/bin/env node
+export {};
+//# sourceMappingURL=library-scripts.d.ts.map

package/library-scripts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"library-scripts.d.ts","sourceRoot":"","sources":["../src/library-scripts.ts"],"names":[],"mappings":""}

package/library-scripts.js

@@ -0,0 +1,37 @@
+#! /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) : [];
+switch (script) {
+    case 'start':
+    case 'test':
+    case 'copy': {
+        var result = sync('node', nodeArgs.concat(require.resolve('./' + script)).concat(args.slice(scriptIndex + 1)), {
+            stdio: 'inherit',
+        });
+        if (result.signal) {
+            if (result.signal === 'SIGKILL') {
+                console.log('The build failed because the process exited too early. ' +
+                    'This probably means the system ran out of memory or someone called ' +
+                    '`kill -9` on the process.');
+            }
+            else if (result.signal === 'SIGTERM') {
+                console.log('The build failed because the process exited too early. ' +
+                    'Someone might have called `kill` or `killall`, or the system could ' +
+                    'be shutting down.');
+            }
+            process.exit(1);
+        }
+        if (result.status)
+            process.exit(result.status);
+        break;
+    }
+    default:
+        console.log('Unknown script "' + script + '".');
+        console.log('Perhaps you need to update @helsenorge/library-build?');
+        break;
+}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@helsenorge/library-build",
+  "author": "Norsk helsenett SF",
+  "version": "27.1.3",
+  "main": "./index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "bin": {
+    "library-scripts": "./library-scripts.js"
+  },
+  "license": "UNLICENSED",
+  "peerDependencies": {
+    "core-js": ">=3.26.1"
+  },
+  "dependencies": {
+    "@babel/core": "^7.21.0",
+    "@helsenorge/eslint-config": "^27.1.2",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/copyfiles": "^2.4.1",
+    "@types/enzyme": "^3.10.12",
+    "@types/enzyme-to-json": "^1.5.4",
+    "@types/react": "^17.0.53",
+    "@types/react-dom": "^17.0.19",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
+    "babel-jest": "^27.5.1",
+    "core-js": ">=3.29.1",
+    "cross-spawn": "7.0.3",
+    "enzyme": "^3.11.0",
+    "enzyme-to-json": "^3.6.2",
+    "esbuild": "^0.17.11",
+    "esbuild-sass-plugin": "^2.6.0",
+    "identity-obj-proxy": "^3.0.0",
+    "isomorphic-fetch": "^3.0.0",
+    "jest-environment-jsdom": "^27.5.1",
+    "jest-junit-reporter": "^1.1.0",
+    "postcss": "^8.4.21",
+    "postcss-modules": "^6.0.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "rimraf": "^4.4.0",
+    "typescript": "~4.9.5"
+  }
+}

package/setupTests.d.ts

@@ -0,0 +1,3 @@
+import '@testing-library/jest-dom/extend-expect';
+import 'isomorphic-fetch';
+//# sourceMappingURL=setupTests.d.ts.map

package/setupTests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAIA,OAAO,yCAAyC,CAAC;AACjD,OAAO,kBAAkB,CAAC"}

package/setupTests.js

@@ -0,0 +1,13 @@
+"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() });

package/start.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=start.d.ts.map

package/start.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start.d.ts","sourceRoot":"","sources":["../src/start.ts"],"names":[],"mappings":""}

package/start.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var fs_1 = require("fs");
+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:
+                _a = (0, yargs_1.default)((0, helpers_1.hideBin)(process.argv))
+                    .options({
+                    entry: { type: 'string', default: 'src/__devonly__/index.tsx' },
+                    outDir: { type: 'string', default: 'dist' },
+                })
+                    .parseSync(), 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',
+                        },
+                        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
+                                }),
+                            }),
+                            (0, esbuild_sass_plugin_1.sassPlugin)({
+                                filter: /.(s[ac]ss|css)$/,
+                                type: 'style',
+                            }),
+                        ],
+                    })];
+            case 1:
+                context = _b.sent();
+                return [4 /*yield*/, context.watch()];
+            case 2:
+                _b.sent();
+                return [4 /*yield*/, context.serve({
+                        port: 3000,
+                        host: 'localhost',
+                        servedir: outDir,
+                    })];
+            case 3:
+                _b.sent();
+                return [2 /*return*/];
+        }
+    });
+}); })();

package/test.d.ts

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

package/test.d.ts.map

@@ -0,0 +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"}

package/test.js

@@ -0,0 +1,22 @@
+'use strict';
+var _a;
+// 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';
+// 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) {
+    throw err;
+});
+var jestInstance = require('jest');
+var argv = process.argv.slice(2);
+// Always set config
+argv.push('--coverage');
+argv.push('--verbose');
+argv.push('--no-cache');
+argv.push('--config=node_modules/@helsenorge/library-build/config/jest/jest.config.js');
+console.log('Du kjører jest med følgende arguments: ', argv);
+jestInstance.run(argv);