@beinformed/ui 1.63.2 → 2.0.0-beta.0

package/package.json

@@ -1,242 +1,105 @@
 {
   "name": "@beinformed/ui",
-  "version": "1.63.2",
-  "description": "Toolbox for be informed javascript layouts",
-  "license": "SEE LICENSE IN LICENSE.md",
-  "bugs": "https://support.beinformed.com",
-  "types": "./esm/index.d.ts",
-  "main": "./lib/index.js",
-  "module": "./esm/index.js",
-  "browser": "./esm/index.js",
-  "engines": {
-    "node": ">=18"
-  },
-  "sideEffects": false,
-  "scripts": {
-    "start": "npm run watch:esm",
-    "watch:lib": "babel src --watch --out-dir lib --ignore \"**/__tests__/**\" --ignore \"**/__mock__/**\" --ignore \"**/__mocks__/**\"",
-    "watch:esm": "cross-env BABEL_ENV=esm babel --watch src --out-dir esm --ignore \"**/__tests__/**\" --ignore \"**/__mock__/**\" --ignore \"**/__mocks__/**\"",
-    "quality": "npm run lint && npm run flow && npm run test",
-    "dev": "npm run clean && npm run build:lib && npm run build:flow && npm run build:proxies && npm run build:esm",
-    "build": "npm run clean && npm run build:lib && npm run build:flow && npm run build:proxies && npm run build:esm",
-    "build:lib": "babel src --out-dir lib --ignore \"**/__tests__/**\" --ignore \"**/__mock__/**\" --ignore \"**/__mocks__/**\" --source-maps",
-    "build:esm": "cross-env BABEL_ENV=esm babel src --out-dir esm --ignore \"**/__tests__/**\" --ignore \"**/__mock__/**\" --ignore \"**/__mocks__/**\" --source-maps",
-    "build:proxies": "node .build/proxies.js",
-    "build:flow": "flow-copy-source ./src ./esm",
-    "build:ts": "node .build/typescript.js",
-    "clean": "rimraf lib dist esm coverage && npm run clean:proxies",
-    "clean:proxies": "node .build/proxies.js --clean",
-    "lint": "eslint --cache .",
-    "lint:fix": "eslint --cache . --fix",
-    "prettier": "prettier --write \"./src/**/*.js\"",
-    "flow": "flow",
-    "flow:ci": "flow check",
-    "flow-typed-install": "flow-typed install -l .flow/flow-typed/ --ignoreDeps peer --overwrite",
-    "test": "jest --bail",
-    "test:ci": "jest --ci",
-    "test:changed": "jest --onlyChanged",
-    "upgrade-interactive": "npm-check -u",
-    "release": "npm run quality && npm run docs&& npm run build:ts && commit-and-tag-version",
-    "beta-release": "commit-and-tag-version --prerelease beta",
-    "prepublishOnly": "npm run build",
-    "docs": "rimraf docs && node ./.build/docs.mjs",
-    "prepare": "husky",
-    "security-audit": "auditjs ossi --xml > npm-audit.xml"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://git.beinformed.com/public/nl.beinformed.bi.layout.lib.ui.git"
-  },
+  "version": "2.0.0-beta.0",
+  "description": "Be Informed UI core",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
   "files": [
     "README.md",
     "CHANGELOG.md",
     "LICENSE.md",
-    "src",
-    "esm",
-    "lib",
-    "codemods"
+    "dist"
   ],
   "peerDependencies": {
-    "history": "^4.0.0",
-    "polished": "^4.0.0",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "react-helmet-async": "^1.0.0 || ^2.0.0",
-    "react-redux": "^7.0.0 || ^8.0.0",
-    "react-router": "^5.0.0",
-    "redux": "^4.0.0",
-    "redux-thunk": "^2.0.0",
-    "styled-components": "^5.0.0"
+    "date-fns": "^4.0.0"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.27.6",
     "@date-fns/tz": "^1.2.0",
     "big.js": "^7.0.1",
-    "date-fns": "^4.1.0",
     "deepmerge": "^4.3.1",
-    "dequal": "^2.0.3",
     "file-size": "^1.0.0",
-    "format-message": "^6.2.4",
     "hash-it": "^6.0.0",
     "html-entities": "^2.6.0",
     "iban": "^0.0.14",
+    "immer": "^10.1.1",
     "js-cookie": "^3.0.5",
     "klona": "^2.0.6",
-    "lodash": "^4.17.21",
-    "reselect": "^4.1.8",
-    "setimmediate": "^1.0.5",
     "timezone-soft": "^1.5.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.27.2",
-    "@babel/core": "^7.27.7",
-    "@babel/eslint-parser": "^7.27.5",
-    "@babel/eslint-plugin": "^7.27.1",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.27.4",
-    "@babel/preset-env": "^7.27.2",
-    "@babel/preset-flow": "^7.27.1",
-    "@babel/preset-react": "^7.27.1",
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.3.0",
-    "auditjs": "^4.0.47",
-    "babel-jest": "^30.0.2",
-    "babel-plugin-styled-components": "^2.1.4",
-    "cherry-pick": "^0.5.0",
-    "commit-and-tag-version": "^12.5.1",
-    "cross-env": "^7.0.3",
-    "documentation": "^14.0.2",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-babel": "^5.3.1",
-    "eslint-plugin-ft-flow": "^3.0.11",
-    "eslint-plugin-jest": "^28.12.0",
-    "eslint-plugin-jsdoc": "^50.7.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-you-dont-need-lodash-underscore": "^6.14.0",
-    "flow-bin": "^0.200.1",
-    "flow-copy-source": "^2.0.9",
-    "flow-typed": "^3.9.0",
-    "hermes-eslint": "^0.29.0",
-    "history": "^4.0.0",
-    "husky": "^9.1.7",
-    "jest": "^30.0.3",
-    "jest-environment-jsdom": "^30.0.2",
-    "jest-junit": "^16.0.0",
-    "jest-sonar-reporter": "^2.0.0",
-    "jscodeshift": "^17.3.0",
-    "lint-staged": "^15.5.1",
-    "polished": "^4.0.0",
-    "prettier": "^3.6.2",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-helmet-async": "^2.0.5",
-    "react-redux": "^8.1.3",
-    "react-router": "^5.0.0",
-    "react-test-renderer": "^19.1.0",
-    "redux": "^4.2.1",
-    "redux-mock-store": "^1.5.5",
-    "redux-thunk": "^2.4.2",
-    "rimraf": "^6.0.1",
-    "styled-components": "^5.3.11",
-    "typescript": "^5.8.3",
-    "xhr-mock": "^2.5.1"
-  },
-  "scarfSettings": {
-    "enabled": false
-  },
-  "lint-staged": {
-    "*.js": "eslint --cache --fix",
-    "*.{js,css,md}": "prettier --write"
+    "@types/big.js": "^6.2.2",
+    "@types/file-size": "^1.0.3",
+    "@types/iban": "^0.0.35",
+    "@types/js-cookie": "^3.0.6",
+    "date-fns": "^4.1.0",
+    "msw": "^2.10.4",
+    "@beinformed/typescript-config": "0.0.0"
   },
   "exports": {
-    ".": {
-      "types": "./esm/index.d.ts",
-      "import": "./esm/index.js",
-      "require": "./lib/index.js",
-      "default": "./esm/index.js"
-    },
-    "./builder": {
-      "types": "./esm/builder/index.d.ts",
-      "import": "./esm/builder/index.js",
-      "require": "./lib/builder/index.js",
-      "default": "./esm/builder/index.js"
-    },
     "./constants": {
-      "types": "./esm/constants/index.d.ts",
-      "import": "./esm/constants/index.js",
-      "require": "./lib/constants/index.js",
-      "default": "./esm/constants/index.js"
+      "types": "./dist/constants/index.d.ts",
+      "import": "./dist/constants/index.js",
+      "require": "./dist/constants/index.cjs",
+      "default": "./dist/constants/index.js"
     },
     "./exceptions": {
-      "types": "./esm/exceptions/index.d.ts",
-      "import": "./esm/exceptions/index.js",
-      "require": "./lib/exceptions/index.js",
-      "default": "./esm/exceptions/index.js"
-    },
-    "./hooks": {
-      "types": "./esm/hooks/index.d.ts",
-      "import": "./esm/hooks/index.js",
-      "require": "./lib/hooks/index.js",
-      "default": "./esm/hooks/index.js"
+      "types": "./dist/exceptions/index.d.ts",
+      "import": "./dist/exceptions/index.js",
+      "require": "./dist/exceptions/index.cjs",
+      "default": "./dist/exceptions/index.js"
     },
-    "./i18n": {
-      "types": "./esm/i18n/index.d.ts",
-      "import": "./esm/i18n/index.js",
-      "require": "./lib/i18n/index.js",
-      "default": "./esm/i18n/index.js"
+    "./layouthints": {
+      "types": "./dist/layouthints/index.d.ts",
+      "import": "./dist/layouthints/index.js",
+      "require": "./dist/layouthints/index.cjs",
+      "default": "./dist/layouthints/index.js"
     },
     "./models": {
-      "types": "./esm/models/index.d.ts",
-      "import": "./esm/models/index.js",
-      "require": "./lib/models/index.js",
-      "default": "./esm/models/index.js"
+      "types": "./dist/models/index.d.ts",
+      "import": "./dist/models/index.js",
+      "require": "./dist/models/index.cjs",
+      "default": "./dist/models/index.js"
     },
     "./modularui": {
-      "types": "./esm/modularui/index.d.ts",
-      "import": "./esm/modularui/index.js",
-      "require": "./lib/modularui/index.js",
-      "default": "./esm/modularui/index.js"
-    },
-    "./react": {
-      "types": "./esm/react/index.d.ts",
-      "import": "./esm/react/index.js",
-      "require": "./lib/react/index.js",
-      "default": "./esm/react/index.js"
-    },
-    "./react-client": {
-      "types": "./esm/react-client/index.d.ts",
-      "import": "./esm/react-client/index.js",
-      "require": "./lib/react-client/index.js",
-      "default": "./esm/react-client/index.js"
+      "types": "./dist/modularui/index.d.ts",
+      "import": "./dist/modularui/index.js",
+      "require": "./dist/modularui/index.cjs",
+      "default": "./dist/modularui/index.js"
     },
-    "./react-server": {
-      "types": "./esm/react-server/index.d.ts",
-      "import": "./esm/react-server/index.js",
-      "require": "./lib/react-server/index.js",
-      "default": "./esm/react-server/index.js"
+    "./settings": {
+      "types": "./dist/settings/index.d.ts",
+      "import": "./dist/settings/index.js",
+      "require": "./dist/settings/index.cjs",
+      "default": "./dist/settings/index.js"
     },
-    "./react-theme": {
-      "types": "./esm/react-theme/index.d.ts",
-      "import": "./esm/react-theme/index.js",
-      "require": "./lib/react-theme/index.js",
-      "default": "./esm/react-theme/index.js"
-    },
-    "./redux": {
-      "types": "./esm/redux/index.d.ts",
-      "import": "./esm/redux/index.js",
-      "require": "./lib/redux/index.js",
-      "default": "./esm/redux/index.js"
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.js",
+      "require": "./dist/types/index.cjs",
+      "default": "./dist/types/index.js"
     },
     "./utils": {
-      "types": "./esm/utils/index.d.ts",
-      "import": "./esm/utils/index.js",
-      "require": "./lib/utils/index.js",
-      "default": "./esm/utils/index.js"
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "require": "./dist/utils/index.cjs",
+      "default": "./dist/utils/index.js"
     }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "clean:build": "rimraf ./dist",
+    "lint": "eslint .",
+    "lint:ci": "eslint . --ext .ts,.tsx --format junit -o ../../reports/eslint-report-core.xml",
+    "lint:fix": "pnpm lint --fix",
+    "prettier": "prettier --write .",
+    "test": "vitest run",
+    "test:ci": "vitest run --reporter=junit --outputFile=../../reports/vitest-report-core.xml",
+    "typecheck": "tsc --noEmit",
+    "createIndex": "node ./createIndex.mjs ./src"
   }
 }

package/README.md

@@ -1,32 +0,0 @@
-# @beinformed/ui
-
-@beinformed/ui is a library with building blocks for layouts that want to use the [Be Informed](https://www.beinformed.com) modular UI services.
-
-## Features
-
-- Make requests to modular UI services of a Be Informed project and receive Javascript models containing the combination of data and contribution response
-- Redux modules for working with modular UI services, and other features required for a complete Be Informed user interface
-- React modules containing:
-  - Client setup
-  - Server setup
-  - Styled-components theming
-  - I18n
-  - Settings
-  - Hooks and redux connectors
-- Generic utils for creating a user interface
-
-## Installation
-
-Install using npm or yarn:
-
-```bash
-npm install @beinformed/ui
-```
-
-## Documentation
-
-You can find usage documentation on the [Be Informed plaza](https://plaza.beinformed.com/).
-
-## Have a question or feedback?
-
-If you want to report a bug, request a feature or provide other kind of feedback, please file an issue at [support environment](https://support.beinformed.com).

package/codemods/__testfixtures__/imports.input.txt

@@ -1,41 +0,0 @@
-// @flow
-import { KEYCODES } from "beinformed/constants/Constants";
-import { ErrorResponse, Href } from "beinformed/models";
-import { themeProp } from "beinformed/theme/utils";
-import { Message, useMessage, withMessage } from "beinformed/i18n";
-import { connector } from "beinformed/connectors/Breadcrumb";
-import { connector as connectBread } from "beinformed/connectors/Breadcrumb";
-import type { ErrorCollection, LinkModel } from "beinformed/models";
-import type Locales from "beinformed/i18n/Locales";
-import { withLocation, withPathname } from "beinformed/connectors/Router";
-import { getSetting } from "beinformed/constants/Settings";
-import { getApplication, getPreference } from "beinformed/modularui/selectors";
-import type ListHref from "beinformed/models/href/ListHref";
-import type Parameter from "beinformed/models/href/Parameter";
-import type ApplicationModel from "beinformed/models/application/ApplicationModel";
-import {
-  startProgress,
-  finishProgress,
-} from "beinformed/redux/actions/ProgressIndicator";
-import { setPreference } from "beinformed/redux/actions/Preferences";
-import {
-  setModel,
-  loadModularUI,
-  updateModel,
-  removeModel,
-} from "beinformed/redux/actions/ModularUI";
-import { showNotification } from "beinformed/redux/actions/Notification";
-import { replace } from "beinformed/redux/actions/Router";
-import type { ThunkAction } from "beinformed/redux";
-import { PagingModel } from "beinformed/models/index";
-import type { ReduxState } from "beinformed/redux";
-import { withModularUI } from "beinformed/modularui";
-import { modularui } from "beinformed/modularui";
-import type { Dispatch } from "beinformed/redux";
-import { withNavigation } from "beinformed/connectors/Router";
-import type UserModel from "beinformed/models/user/UserModel";
-import { default as beinformedClient } from "beinformed/client/client";
-import { default as beinformedServer } from "beinformed/server/serverNoSSR";
-import { connector as connectListDetail } from "beinformed/connectors/ListDetail";
-import { getModelsByType } from "beinformed/modularui/selectors";
-import getDisplayName from "beinformed/utils/react/getDisplayName";

package/codemods/__testfixtures__/imports.output.txt

@@ -1,44 +0,0 @@
-// @flow
-import { getDisplayName } from "@beinformed/ui/react";
-
-import { serverNoSSR as beinformedServer } from "@beinformed/ui/react-server";
-import { client as beinformedClient } from "@beinformed/ui/react-client";
-
-import {
-  connectBreadcrumb,
-  connectBreadcrumb as connectBread,
-  withLocation,
-  withPathname,
-  getApplication,
-  getPreference,
-  startProgress,
-  finishProgress,
-  setPreference,
-  setModel,
-  loadModularUI,
-  updateModel,
-  removeModel,
-  showNotification,
-  replace,
-  withModularUI,
-  modularui,
-  withNavigation,
-  connectListDetail,
-  getModelsByType,
-} from "@beinformed/ui/redux";
-
-import { Message, useMessage, withMessage } from "@beinformed/ui/i18n";
-import { themeProp } from "@beinformed/ui/react-theme";
-import { ErrorResponse, Href, PagingModel } from "@beinformed/ui/models";
-import { KEYCODES, getSetting } from "@beinformed/ui";
-import type { ThunkAction, ReduxState, Dispatch } from "@beinformed/ui/redux";
-import type { Locales } from "@beinformed/ui/i18n";
-
-import type {
-  ErrorCollection,
-  LinkModel,
-  ListHref,
-  Parameter,
-  ApplicationModel,
-  UserModel,
-} from "@beinformed/ui/models";

package/codemods/__tests__/imports.spec.js

@@ -1,20 +0,0 @@
-const transform = require("../imports");
-const defineInlineTest = require("jscodeshift/dist/testUtils").defineInlineTest;
-
-const fs = require("fs");
-const path = require("path");
-
-const input = fs.readFileSync(
-  path.resolve(__dirname, "../__testfixtures__/imports.input.txt"),
-  "utf8"
-);
-
-const output = fs.readFileSync(
-  path.resolve(__dirname, "../__testfixtures__/imports.output.txt"),
-  "utf8"
-);
-
-describe("imports", () => {
-  // eslint-disable-next-line jest/require-hook
-  defineInlineTest(transform, {}, input, output, "imports");
-});

package/codemods/imports.js

@@ -1,199 +0,0 @@
-/**
- * This replaces all "beinformed/.." imports to "@beinformed/ui/.." depending on the location in the library.
- * Run this with jscodeshift (needs to be installed global or in a project):
- *
- * ``
- * jscodeshift ./src -t node_modules/@beinformed/ui/codemods/imports.js --extensions=js
- * ``
- */
-
-module.exports.parser = "babylon";
-
-const folderToGroup = (folderParts, specifierName) => {
-  const mainFolder = folderParts[0];
-  if (mainFolder === "i18n") {
-    return "i18n";
-  }
-
-  const isHook = specifierName.startsWith("use");
-  if (isHook) {
-    return "hook";
-  }
-
-  if (mainFolder === "modularui" && folderParts[1] === "selectors") {
-    return "redux";
-  }
-
-  if (
-    mainFolder === "modularui" &&
-    ["modularui", "withModularUI", "getKey"].includes(specifierName)
-  ) {
-    return "redux";
-  }
-
-  if (
-    mainFolder === "utils" &&
-    folderParts[1] === "react" &&
-    ["getDisplayName", "mergeRefs"].includes(specifierName)
-  ) {
-    return "react";
-  }
-
-  switch (mainFolder) {
-    case "exceptions":
-    case "hooks":
-    case "i18n":
-    case "models":
-    case "modularui":
-    case "react":
-    case "redux":
-    case "utils":
-      return mainFolder;
-    case "constants":
-      return "root";
-    case "connectors":
-      return "redux";
-    case "client":
-      return "react-client";
-    case "server":
-      return "react-server";
-    case "theme":
-      return "react-theme";
-    default:
-      throw new Error("unknown part: " + mainFolder);
-  }
-};
-
-const filterBeInformed = (path) =>
-  path.value.source.value.startsWith("beinformed/");
-
-const addElementsBySpecifier = (
-  folderParts,
-  importKind,
-  specifiers,
-  importGroups,
-  isDefaultImport = false
-) => {
-  const mainFolder = folderParts[0];
-  specifiers.forEach((specifier) => {
-    let specifierName = null;
-    let localName = specifier.value.local.name;
-    if (!isDefaultImport) {
-      specifierName = specifier.value.imported.name;
-    }
-
-    if (specifierName === "default" || isDefaultImport) {
-      specifierName = folderParts[folderParts.length - 1];
-    } else if (specifierName === "connector") {
-      specifierName = "connect" + folderParts[folderParts.length - 1];
-    }
-
-    if (specifierName !== localName && localName !== "connector") {
-      specifierName = `${specifierName} as ${localName}`;
-    }
-
-    if (!importGroups[importKind]) {
-      importGroups[importKind] = {};
-    }
-
-    const group = folderToGroup(folderParts, specifierName);
-
-    if (specifierName === "useModularUI" && mainFolder === "modularui") {
-      specifierName = "useModularUIRequest";
-    }
-
-    if (!importGroups[importKind][group]) {
-      importGroups[importKind][group] = [];
-    }
-
-    if (!importGroups[importKind][group].includes(specifierName)) {
-      importGroups[importKind][group].push(specifierName);
-    }
-  });
-};
-
-const addNewImports = (j, root, importGroups) => {
-  for (const [importKind, values] of Object.entries(importGroups).reverse()) {
-    const importDecls = root
-      .find(j.ImportDeclaration)
-      .filter(
-        (n) =>
-          n.value.importKind === importKind &&
-          n.value.source.value.startsWith("beinformed/")
-      );
-
-    const firstImport = importDecls.at(0).get();
-
-    for (const [key, value] of Object.entries(values)) {
-      if (value.length > 0) {
-        const importSpecifiers = value.map((val) =>
-          j.importSpecifier(j.identifier(val))
-        );
-
-        const path =
-          key === "root" ? "@beinformed/ui" : "@beinformed/ui/" + key;
-
-        const newImport = j.importDeclaration(
-          importSpecifiers,
-          j.stringLiteral(path),
-          importKind
-        );
-        firstImport.insertAfter(newImport);
-      }
-    }
-  }
-};
-
-const deleteOldImports = (j, root) => {
-  const firstNode = root.find(j.Program).get("body", 0).node;
-  const { comments } = firstNode;
-
-  root.find(j.ImportDeclaration).filter(filterBeInformed).remove();
-
-  const firstNode2 = root.find(j.Program).get("body", 0).node;
-  if (firstNode2 !== firstNode) {
-    firstNode2.comments = comments;
-  }
-};
-
-/**
- */
-export default (fileInfo, api) => {
-  const j = api.jscodeshift;
-  const root = j(fileInfo.source);
-
-  const importGroups = {};
-
-  root
-    .find(j.ImportDeclaration)
-    .filter(filterBeInformed)
-    .forEach((path) => {
-      const parts = path.value.source.value.split("/");
-
-      // remove beinformed
-      parts.shift();
-
-      addElementsBySpecifier(
-        parts,
-        path.value.importKind,
-        j(path).find(j.ImportSpecifier),
-        importGroups
-      );
-
-      addElementsBySpecifier(
-        parts,
-        path.value.importKind,
-        j(path).find(j.ImportDefaultSpecifier),
-        importGroups,
-        true
-      );
-    });
-
-  addNewImports(j, root, importGroups);
-
-  deleteOldImports(j, root);
-
-  const source = root.toSource();
-
-  return source.replace(/\r\n/g, "\n");
-};