@scm-manager/ui-components 4.0.0-REACT19-20251103-141810 → 4.0.0-REACT19-20251104-145242

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scm-manager/ui-components",
-  "version": "4.0.0-REACT19-20251103-141810",
+  "version": "4.0.0-REACT19-20251104-145242",
   "description": "UI Components for SCM-Manager and its plugins",
   "main": "src/index.ts",
   "files": [
@@ -34,8 +34,8 @@
     "@scm-manager/eslint-config": "^2.18.2",
     "@scm-manager/prettier-config": "^2.12.0",
     "@scm-manager/tsconfig": "^2.13.0",
-    "@scm-manager/ui-syntaxhighlighting": "4.0.0-REACT19-20251103-141810",
-    "@scm-manager/ui-types": "4.0.0-REACT19-20251103-141810",
+    "@scm-manager/ui-syntaxhighlighting": "4.0.0-REACT19-20251104-145242",
+    "@scm-manager/ui-types": "4.0.0-REACT19-20251104-145242",
     "@storybook/addon-actions": "^9.0.8",
     "@storybook/addon-docs": "^9.1.5",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
@@ -66,9 +66,9 @@
     "vitest": "^3.2.4"
   },
   "dependencies": {
-    "@scm-manager/ui-api": "4.0.0-REACT19-20251103-141810",
-    "@scm-manager/ui-core": "4.0.0-REACT19-20251103-141810",
-    "@scm-manager/ui-extensions": "4.0.0-REACT19-20251103-141810",
+    "@scm-manager/ui-api": "4.0.0-REACT19-20251104-145242",
+    "@scm-manager/ui-core": "4.0.0-REACT19-20251104-145242",
+    "@scm-manager/ui-extensions": "4.0.0-REACT19-20251104-145242",
     "deepmerge": "^4.2.2",
     "hast-util-sanitize": "^3.0.2",
     "react-diff-view": "2.6.0",

package/src/ErrorBoundary.tsx

@@ -16,11 +16,11 @@
 
 import React, { FC, ReactNode, useEffect } from "react";
 import { useLocation } from "react-router-dom";
-import { ErrorBoundary as ReactErrorBoundary, FallbackProps } from "react-error-boundary";
 import { useTranslation } from "react-i18next";
 import classNames from "classnames";
 import styled from "styled-components";
 import { MissingLinkError, urls, useIndexLink } from "@scm-manager/ui-api";
+import { ErrorBoundary as ReactErrorBoundary, FallbackProps } from "react-error-boundary";
 import { useDocumentTitle } from "@scm-manager/ui-core";
 import ErrorNotification from "./ErrorNotification";
 import ErrorPage from "./ErrorPage";

package/src/config/ConfigurationBinder.tsx

@@ -57,7 +57,7 @@ class ConfigurationBinder {
     return { path, element: Component };
   }
 
-  bindGlobal(to: string, labelI18nKey: string, linkName: string, ConfigurationComponent: any, sortKey?: string) {
+  bindAdminSetting(to: string, labelI18nKey: string, linkName: string, ConfigurationComponent: any, sortKey?: string) {
     // create predicate based on the link name of the index resource
     // if the linkname is not available, the navigation link and the route are not bound to the extension points
     const configPredicate = (props: any) => {
@@ -74,7 +74,7 @@ class ConfigurationBinder {
     binder.bind("admin.setting", ConfigNavLink, configPredicate, sortKey ?? linkName);
 
     // route for global configuration, passes the link from the index resource to component
-    const ConfigRoute = ({ ...additionalProps }: GlobalRouteProps) => {
+    const ConfigRoute = ({ ...additionalProps }: GlobalRouteProps = {} as GlobalRouteProps) => {
       return this.route(
         sanitizedTo,
         <TitledGlobalSettingComponent i18nNamespace={this.i18nNamespace} label={labelI18nKey}>
@@ -84,28 +84,19 @@ class ConfigurationBinder {
     };
 
     // bind config route to extension point
-    binder.bind("admin.route", ConfigRoute);
+    binder.bind("admin.settings.route", ConfigRoute);
   }
 
-  bindAdmin(
-    to: string,
-    labelI18nKey: string,
-    icon: string,
-    linkName: string,
-    Component: React.ComponentType<{ link: string }>,
-  ) {
-    const predicate = ({ links }: extensionPoints.AdminRoute["props"]) => links![linkName];
-
+  bindAdmin(to: string, labelI18nKey: string, icon: string, Component: React.ComponentType) {
     const AdminNavLink = withTranslation(this.i18nNamespace)(
       ({ t }: WithTranslation & extensionPoints.AdminNavigation["props"]) =>
         this.navLink("/admin/" + to, labelI18nKey, t, { icon }),
     );
-    binder.bind("admin.navigation", AdminNavLink, predicate);
+    binder.bind("admin.navigation", AdminNavLink);
 
-    const AdminRoute: extensionPoints.AdminRoute["type"] = ({ links }) =>
-      this.route(to, <Component link={(links![linkName] as Link).href} />);
+    const AdminRoute: extensionPoints.AdminRoute["type"] = () => this.route(to, <Component />);
 
-    binder.bind<extensionPoints.AdminRoute>("admin.route", AdminRoute, predicate);
+    binder.bind<extensionPoints.AdminRoute>("admin.route", AdminRoute);
   }
 
   bindRepository(to: string, labelI18nKey: string, linkName: string, RepositoryComponent: any) {