@scm-manager/ui-components 4.0.0-REACT19-20250915-143710 → 4.0.0-REACT19-20250917-125211

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scm-manager/ui-components",
-  "version": "4.0.0-REACT19-20250915-143710",
+  "version": "4.0.0-REACT19-20250917-125211",
   "description": "UI Components for SCM-Manager and its plugins",
   "main": "src/index.ts",
   "files": [
@@ -37,10 +37,10 @@
     "@scm-manager/jest-preset": "^2.15.0-alpha1",
     "@scm-manager/prettier-config": "^2.12.0",
     "@scm-manager/tsconfig": "^2.13.0",
-    "@scm-manager/ui-shortcuts": "4.0.0-REACT19-20250915-143710",
-    "@scm-manager/ui-syntaxhighlighting": "4.0.0-REACT19-20250915-143710",
-    "@scm-manager/ui-text": "4.0.0-REACT19-20250915-143710",
-    "@scm-manager/ui-types": "4.0.0-REACT19-20250915-143710",
+    "@scm-manager/ui-shortcuts": "4.0.0-REACT19-20250917-125211",
+    "@scm-manager/ui-syntaxhighlighting": "4.0.0-REACT19-20250917-125211",
+    "@scm-manager/ui-text": "4.0.0-REACT19-20250917-125211",
+    "@scm-manager/ui-types": "4.0.0-REACT19-20250917-125211",
     "@storybook/addon-actions": "^9.0.8",
     "@storybook/addon-docs": "^9.1.5",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
@@ -67,12 +67,12 @@
     "storybook-addon-themes": "^6.1.0"
   },
   "dependencies": {
-    "@scm-manager/ui-api": "4.0.0-REACT19-20250915-143710",
-    "@scm-manager/ui-buttons": "4.0.0-REACT19-20250915-143710",
-    "@scm-manager/ui-core": "4.0.0-REACT19-20250915-143710",
-    "@scm-manager/ui-extensions": "4.0.0-REACT19-20250915-143710",
-    "@scm-manager/ui-layout": "4.0.0-REACT19-20250915-143710",
-    "@scm-manager/ui-overlays": "4.0.0-REACT19-20250915-143710",
+    "@scm-manager/ui-api": "4.0.0-REACT19-20250917-125211",
+    "@scm-manager/ui-buttons": "4.0.0-REACT19-20250917-125211",
+    "@scm-manager/ui-core": "4.0.0-REACT19-20250917-125211",
+    "@scm-manager/ui-extensions": "4.0.0-REACT19-20250917-125211",
+    "@scm-manager/ui-layout": "4.0.0-REACT19-20250917-125211",
+    "@scm-manager/ui-overlays": "4.0.0-REACT19-20250917-125211",
     "deepmerge": "^4.2.2",
     "hast-util-sanitize": "^3.0.2",
     "react-diff-view": "2.6.0",

package/src/config/ConfigurationBinder.tsx

@@ -18,7 +18,7 @@ import React, { ComponentProps, ComponentType, FC } from "react";
 import { binder, extensionPoints } from "@scm-manager/ui-extensions";
 import { NavLink } from "../navigation";
 import { Route } from "react-router-dom";
-import { useTranslation, WithTranslation, withTranslation } from "react-i18next";
+import { WithTranslation, withTranslation } from "react-i18next";
 import { Link, Links, Repository } from "@scm-manager/ui-types";
 import {
   TitledGlobalSettingComponent,
@@ -39,7 +39,7 @@ type RepositoryRouteProps = {
 
 type RepositoryNavProps = WithTranslation & { absoluteRepoUrl: string };
 
-type NamespaceNavProps = WithTranslation & { url: string };
+type NamespaceNavProps = WithTranslation & { absoluteNamespaceUrl: string };
 
 class ConfigurationBinder {
   i18nNamespace = "plugins";
@@ -149,7 +149,7 @@ class ConfigurationBinder {
   ) {
     // create predicate based on the link name of the current repository route
     // if the linkname is not available, the navigation link and the route are not bound to the extension points
-    const repoPredicate = (props: any) => {
+    const repoPredicate = (props: extensionPoints.RepositorySetting["props"]) => {
       return props.repository && props.repository._links && props.repository._links[linkName];
     };
 
@@ -188,12 +188,15 @@ class ConfigurationBinder {
     const namespacePredicate = (props: extensionPoints.NamespaceSetting["props"]) =>
       props.namespace && props.namespace._links && props.namespace._links[linkName];
 
-    const NamespaceNavLink: FC<extensionPoints.NamespaceSetting["props"]> = () => {
-      const [t] = useTranslation(this.i18nNamespace);
-      return this.navLink("/" + NAMESPACE_SUB_ROUTES.SETTINGS + to, labelI18nKey, t, { activeOnlyWhenExact: false });
-    };
+    const sanitizedTo = to.startsWith("/") ? to.substring(1) : to;
+
+    const NamespaceNavLink = withTranslation(this.i18nNamespace)(({ t, absoluteNamespaceUrl }: NamespaceNavProps) => {
+      return this.navLink(`${absoluteNamespaceUrl}/${NAMESPACE_SUB_ROUTES.SETTINGS}/${sanitizedTo}`, labelI18nKey, t, {
+        activeOnlyWhenExact: false,
+      });
+    });
 
-    binder.bind<extensionPoints.NamespaceSetting>("namespace.setting", NamespaceNavLink, namespacePredicate);
+    binder.bind("namespace.setting", NamespaceNavLink, namespacePredicate);
 
     const NamespaceRoute = ({ ...additionalProps }: NamespaceNavProps) => {
       return this.route(