@scm-manager/ui-core 4.0.0-REACT19-20250825-073633 → 4.0.0-REACT19-20250910-124634

package/src/base/status/StatusIcon.tsx

@@ -14,7 +14,7 @@
  * along with this program. If not, see https://www.gnu.org/licenses/.
  */
 
-import React from "react";
+import React, { FC, Ref } from "react";
 import classNames from "classnames";
 import { Icon } from "../buttons";
 
@@ -47,6 +47,7 @@ type IconProps = React.HTMLProps<HTMLElement> & {
   color?: string;
   iconSize?: StatusIconSizeVariant;
   invert?: boolean;
+  ref?: Ref<HTMLElement>;
 };
 
 /**
@@ -54,51 +55,57 @@ type IconProps = React.HTMLProps<HTMLElement> & {
  * @beta
  * @since 3.9.0
  */
-const StatusIcon = React.forwardRef<HTMLElement, IconProps>(
-  ({ color, className, iconSize = StatusIconSizeVariants.MEDIUM, variant, invert = false, children }, ref) => {
-    const icon = classNames({
-      "exclamation-triangle": variant === StatusVariants.DANGER,
-      "check-circle": variant === StatusVariants.SUCCESS,
-      "hourglass-start": variant === StatusVariants.IN_PROGRESS,
-      "circle-notch": variant === StatusVariants.UNDEFINED,
-    });
-    if (!color) {
-      if (invert) {
-        color = classNames({
-          "icon-color-inverted": variant === StatusVariants.DANGER || StatusVariants.SUCCESS,
-          "icon-warning-inverted": variant === StatusVariants.WARNING,
-          "icon-color-inverted-secondary":
-            variant === StatusVariants.IN_PROGRESS || variant === StatusVariants.UNDEFINED,
-        });
-      } else {
-        color = classNames({
-          "has-text-danger": variant === StatusVariants.DANGER,
-          "has-text-success": variant === StatusVariants.SUCCESS,
-          "has-text-warning": variant === StatusVariants.WARNING,
-          "icon-color-secondary": variant === StatusVariants.IN_PROGRESS || variant === StatusVariants.UNDEFINED,
-        });
-      }
+const StatusIcon: FC<IconProps> = ({
+  color,
+  className,
+  iconSize = StatusIconSizeVariants.MEDIUM,
+  variant,
+  invert = false,
+  children,
+  ref,
+}) => {
+  const icon = classNames({
+    "exclamation-triangle": variant === StatusVariants.DANGER,
+    "check-circle": variant === StatusVariants.SUCCESS,
+    "hourglass-start": variant === StatusVariants.IN_PROGRESS,
+    "circle-notch": variant === StatusVariants.UNDEFINED,
+  });
+  if (!color) {
+    if (invert) {
+      color = classNames({
+        "icon-color-inverted": variant === StatusVariants.DANGER || StatusVariants.SUCCESS,
+        "icon-warning-inverted": variant === StatusVariants.WARNING,
+        "icon-color-inverted-secondary": variant === StatusVariants.IN_PROGRESS || variant === StatusVariants.UNDEFINED,
+      });
+    } else {
+      color = classNames({
+        "has-text-danger": variant === StatusVariants.DANGER,
+        "has-text-success": variant === StatusVariants.SUCCESS,
+        "has-text-warning": variant === StatusVariants.WARNING,
+        "icon-color-secondary": variant === StatusVariants.IN_PROGRESS || variant === StatusVariants.UNDEFINED,
+      });
     }
-
-    return (
-      <div className="is-flex is-align-items-center">
-        {variant === "warning" ? (
-          <WarningIcon color={color} iconSize={iconSize} className={className}>{`${icon}`}</WarningIcon>
-        ) : (
-          <Icon className={className}>{`${icon} ${color} fa-${iconSize}`}</Icon>
-        )}
-        {children && <span className="ml-2">{children}</span>}
-      </div>
-    );
   }
-);
+
+  return (
+    <div className="is-flex is-align-items-center">
+      {variant === "warning" ? (
+        <WarningIcon color={color} iconSize={iconSize} className={className} ref={ref}>{`${icon}`}</WarningIcon>
+      ) : (
+        <Icon className={className} ref={ref}>{`${icon} ${color} fa-${iconSize}`}</Icon>
+      )}
+      {children && <span className="ml-2">{children}</span>}
+    </div>
+  );
+};
 
 type WarningIconProps = React.HTMLProps<HTMLElement> & {
   color?: string;
   iconSize?: string;
+  ref?: Ref<HTMLElement>;
 };
 
-const WarningIcon = React.forwardRef<HTMLElement, WarningIconProps>(({ color, className, iconSize }, ref) => {
+const WarningIcon: FC<WarningIconProps> = ({ color, className, iconSize, ref }) => {
   return (
     <span className={classNames(className, "icon", color)} aria-hidden="true" ref={ref}>
       <svg
@@ -130,6 +137,6 @@ const WarningIcon = React.forwardRef<HTMLElement, WarningIconProps>(({ color, cl
       </svg>
     </span>
   );
-});
+};
 
 export default StatusIcon;

package/src/index.ts

@@ -15,3 +15,4 @@
  */
 
 export * from "./base";
+export * from "./routing";

package/src/routing/admin.ts

@@ -0,0 +1,38 @@
+/*
+ * Copyright (c) 2020 - present Cloudogu GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://www.gnu.org/licenses/.
+ */
+
+export const ADMIN_BASE_ROUTE = "admin";
+
+export const ADMIN_SUB_ROUTES = {
+  INFO: "info",
+  PLUGINS: "plugins",
+  ROLES: "roles",
+  ROLE: "role",
+  SETTINGS: "settings",
+} as const;
+
+export const ADMIN_SETTINGS_SUB_ROUTES = {
+  GENERAL: "general",
+} as const;
+
+export const ADMIN_ROLES_SUB_ROUTES = {
+  CREATE: "create",
+} as const;
+
+export const ADMIN_PLUGINS_SUB_ROUTES = {
+  INSTALLED: "installed",
+  AVAILABLE: "available",
+} as const;

package/src/routing/group.ts

@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2020 - present Cloudogu GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://www.gnu.org/licenses/.
+ */
+
+export const GROUP_COLLECTION_BASE_ROUTE = "groups";
+export const SINGLE_GROUP_BASE_ROUTE = "group";
+
+export const GROUP_COLLECTION_SUB_ROUTES = {
+  CREATE: "create",
+} as const;

package/src/routing/help.ts

@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) 2020 - present Cloudogu GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://www.gnu.org/licenses/.
+ */
+
+export const HELP_BASE_ROUTE = "help";
+
+export const HELP_SUB_ROUTES = {
+  SEARCH_SYNTAX: "search-syntax",
+} as const;

package/src/routing/import.ts

@@ -0,0 +1,17 @@
+/*
+ * Copyright (c) 2020 - present Cloudogu GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://www.gnu.org/licenses/.
+ */
+
+export const IMPORT_LOG_BASE_ROUTE = "importlog";

package/src/routing/index.ts

@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2020 - present Cloudogu GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://www.gnu.org/licenses/.
+ */
+
+export * from "./repository";
+export * from "./namespace";
+export * from "./group";
+export * from "./user";
+export * from "./me";
+export * from "./help";
+export * from "./admin";
+export * from "./import";

package/src/routing/me.ts

@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2020 - present Cloudogu GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://www.gnu.org/licenses/.
+ */
+
+export const ME_BASE_ROUTE = "me";
+
+export const ME_SUB_ROUTES = {
+  INFO: "info",
+  THEME: "settings/theme",
+  ACCESSIBILITY: "settings/accessibility",
+  PASSWORD: "settings/password",
+  PUBLIC_KEYS: "settings/publicKeys",
+  API_KEYS: "settings/apiKeys",
+} as const;

package/src/routing/namespace.ts

@@ -0,0 +1,39 @@
+/*
+ * Copyright (c) 2020 - present Cloudogu GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://www.gnu.org/licenses/.
+ */
+
+import { useParams } from "react-router-dom";
+import { useNamespace } from "@scm-manager/ui-api";
+
+export const SINGLE_NAMESPACE_BASE_ROUTE = "namespace";
+export const NAMESPACE_SUB_ROUTES = {
+  INFO: "info",
+  SETTINGS: "settings",
+};
+export const NAMESPACE_SETTINGS_SUB_ROUTES = {
+  PERMISSIONS: "permissions",
+};
+
+export const useNamespaceFromParams = () => {
+  const { namespace: namespaceName } = useParams<{ namespace: string }>();
+  if (!namespaceName) {
+    throw new Error("No namespace in url");
+  }
+  const { data: namespace } = useNamespace(namespaceName);
+  if (!namespace) {
+    throw new Error(`Namespace ${namespace} not found`);
+  }
+  return namespace;
+};

package/src/routing/repository.ts

@@ -0,0 +1,91 @@
+/*
+ * Copyright (c) 2020 - present Cloudogu GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://www.gnu.org/licenses/.
+ */
+
+import { useLocation, useParams } from "react-router-dom";
+import { useRepository } from "@scm-manager/ui-api";
+import { Repository } from "@scm-manager/ui-types";
+
+export const REPOSITORY_COLLECTION_BASE_ROUTE = "repos";
+export const SINGLE_REPOSITORY_BASE_ROUTE = "repo";
+
+export const REPOSITORY_COLLECTION_SUB_ROUTES = {
+  IMPORT: "import",
+  CREATE: "create",
+} as const;
+
+export const REPOSITORY_SUB_ROUTES = {
+  INFO: "info",
+  CODE: "code",
+  CHANGES: "changes",
+  BRANCHES: "branches",
+  BRANCH: "branch",
+  TAGS: "tags",
+  TAG: "tag",
+  COMPARE: "compare",
+  SEARCH: "search",
+  SETTINGS: "settings",
+  SOURCEEXT: "sourceext",
+} as const;
+
+export const REPOSITORY_CODE_SUB_ROUTES = {
+  SOURCES: "sources",
+  CHANGESETS: "changesets",
+  CHANGESET: "changeset",
+} as const;
+
+export const REPOSITORY_BRANCHES_SUB_ROUTES = {
+  CREATE: "create",
+} as const;
+
+export const REPOSITORY_SETTINGS_SUB_ROUTES = {
+  GENERAL: "general",
+  PERMISSIONS: "permissions",
+} as const;
+
+export const useRepositoryFromParams = () => {
+  const { namespace, name } = useParams<{ namespace: string; name: string }>();
+  if (!namespace || !name) {
+    throw new Error("No namespace or name in url");
+  }
+  const { data: repository } = useRepository(namespace, name);
+  if (!repository) {
+    throw new Error(`No repository found for namespace ${namespace} and name ${name}`);
+  }
+  return repository;
+};
+
+export const useBranchFromParams = () => {
+  const location = useLocation();
+  const branchFromURL =
+    !location.pathname.includes("/code/changesets/") && decodeURIComponent(location.pathname.split("/")[6]);
+  return branchFromURL && branchFromURL !== "undefined" ? branchFromURL : "";
+};
+
+export const useCurrentRepositoryBaseUrl = () => {
+  const repository = useRepositoryFromParams();
+  return getRepositoryBaseUrl(repository.namespace, repository.name);
+};
+
+export function getRepositoryBaseUrl(namespace: string, name: string): string;
+export function getRepositoryBaseUrl(repository: Repository): string;
+export function getRepositoryBaseUrl(arg1: string | Repository, arg2?: string): string {
+  if (typeof arg1 === "string" && arg2) {
+    return `/repo/${arg1}/${arg2}`;
+  } else {
+    const repository = arg1 as Repository;
+    return `/repo/${repository.namespace}/${repository.name}`;
+  }
+}

package/src/routing/user.ts

@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2020 - present Cloudogu GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://www.gnu.org/licenses/.
+ */
+
+export const USER_COLLECTION_BASE_ROUTE = "users";
+export const SINGLE_USER_BASE_ROUTE = "user";
+
+export const USER_COLLECTION_SUB_ROUTES = {
+  CREATE: "create",
+} as const;