@scm-manager/ui-components 4.0.0-REACT19-20250920-130317 → 4.0.0-REACT19-20250922-115826

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scm-manager/ui-components",
-  "version": "4.0.0-REACT19-20250920-130317",
+  "version": "4.0.0-REACT19-20250922-115826",
   "description": "UI Components for SCM-Manager and its plugins",
   "main": "src/index.ts",
   "files": [
@@ -36,10 +36,8 @@
     "@scm-manager/eslint-config": "^2.18.2",
     "@scm-manager/prettier-config": "^2.12.0",
     "@scm-manager/tsconfig": "^2.13.0",
-    "@scm-manager/ui-shortcuts": "4.0.0-REACT19-20250920-130317",
-    "@scm-manager/ui-syntaxhighlighting": "4.0.0-REACT19-20250920-130317",
-    "@scm-manager/ui-text": "4.0.0-REACT19-20250920-130317",
-    "@scm-manager/ui-types": "4.0.0-REACT19-20250920-130317",
+    "@scm-manager/ui-syntaxhighlighting": "4.0.0-REACT19-20250922-115826",
+    "@scm-manager/ui-types": "4.0.0-REACT19-20250922-115826",
     "@storybook/addon-actions": "^9.0.8",
     "@storybook/addon-docs": "^9.1.5",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
@@ -70,12 +68,9 @@
     "vitest": "^3.2.4"
   },
   "dependencies": {
-    "@scm-manager/ui-api": "4.0.0-REACT19-20250920-130317",
-    "@scm-manager/ui-buttons": "4.0.0-REACT19-20250920-130317",
-    "@scm-manager/ui-core": "4.0.0-REACT19-20250920-130317",
-    "@scm-manager/ui-extensions": "4.0.0-REACT19-20250920-130317",
-    "@scm-manager/ui-layout": "4.0.0-REACT19-20250920-130317",
-    "@scm-manager/ui-overlays": "4.0.0-REACT19-20250920-130317",
+    "@scm-manager/ui-api": "4.0.0-REACT19-20250922-115826",
+    "@scm-manager/ui-core": "4.0.0-REACT19-20250922-115826",
+    "@scm-manager/ui-extensions": "4.0.0-REACT19-20250922-115826",
     "deepmerge": "^4.2.2",
     "hast-util-sanitize": "^3.0.2",
     "react-diff-view": "2.6.0",

package/src/Tooltip.tsx

@@ -144,7 +144,7 @@ type Props = {
 export type TooltipLocation = "bottom" | "right" | "top" | "left";
 
 /**
- * @deprecated use {@link ui-overlays/Tooltip} instead
+ * @deprecated Use Tooltip from ui-core instead
  */
 const Tooltip: FC<Props> = ({ className, message, location = "right", multiline, children, id }) => {
   const [open, setOpen] = useState(false);

package/src/buttons/AddButton.tsx

@@ -18,7 +18,7 @@ import React from "react";
 import Button, { ButtonProps } from "./Button";
 
 /**
- * @deprecated Use {@link ui-buttons/src/Button.tsx} instead
+ * @deprecated Use Button from ui-core instead
  */
 class AddButton extends React.Component<ButtonProps> {
   render() {

package/src/buttons/CreateButton.tsx

@@ -24,7 +24,7 @@ const Wrapper = styled.div`
 `;
 
 /**
- * @deprecated Use {@link ui-buttons/src/Button.tsx} instead
+ * @deprecated Use Button from ui-core instead
  */
 export default class CreateButton extends React.Component<ButtonProps> {
   render() {

package/src/buttons/DeleteButton.tsx

@@ -18,7 +18,7 @@ import React from "react";
 import Button, { ButtonProps } from "./Button";
 
 /**
- * @deprecated Use {@link ui-buttons/src/Button.tsx} instead
+ * @deprecated Use Button from ui-core instead
  */
 class DeleteButton extends React.Component<ButtonProps> {
   render() {

package/src/buttons/EditButton.tsx

@@ -18,7 +18,7 @@ import React from "react";
 import Button, { ButtonProps } from "./Button";
 
 /**
- * @deprecated Use {@link ui-buttons/src/Button.tsx} instead
+ * @deprecated Use Button from ui-core instead
  */
 class EditButton extends React.Component<ButtonProps> {
   render() {

package/src/buttons/LinkStyleButton.tsx

@@ -18,7 +18,7 @@ import styled from "styled-components";
 import NoStyleButton from "./NoStyleButton";
 
 /**
- * @deprecated Use {@link ui-buttons/src/Button.tsx} instead
+ * @deprecated Use Button from ui-core instead
  */
 const LinkStyleButton = styled(NoStyleButton)`
   text-decoration: underline;

package/src/buttons/OpenInFullscreenButton.tsx

@@ -14,12 +14,11 @@
  * along with this program. If not, see https://www.gnu.org/licenses/.
  */
 
-import * as React from "react";
-import { FC, ReactNode, useState } from "react";
+import React, { FC, ReactNode, useState } from "react";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
+import { Tooltip } from "@scm-manager/ui-core";
 import FullscreenModal from "../modals/FullscreenModal";
-import { Tooltip } from "@scm-manager/ui-overlays";
 
 type Props = {
   modalTitle: string;

package/src/buttons/SubmitButton.tsx

@@ -23,7 +23,7 @@ type SubmitButtonProps = ButtonProps & {
 };
 
 /**
- * @deprecated Use {@link ui-buttons/src/Button.tsx} instead
+ * @deprecated Use Button from ui-core instead
  */
 class SubmitButton extends React.Component<SubmitButtonProps> {
   static defaultProps = {

package/src/index.ts

@@ -74,8 +74,7 @@ export { default as CardColumn } from "./CardColumn";
 export { default as CardColumnSmall } from "./CardColumnSmall";
 export { default as CommaSeparatedList } from "./CommaSeparatedList";
 export { default as PreformattedCodeBlock } from "./PreformattedCodeBlock";
-export { SplitAndReplace, type Replacement } from "@scm-manager/ui-text";
-export { useShortcut } from "@scm-manager/ui-shortcuts";
+export { SplitAndReplace, useShortcut, type Replacement } from "@scm-manager/ui-core";
 export { regExpPattern as changesetShortLinkRegex } from "./markdown/remarkChangesetShortLinkParser";
 export * from "./markdown/PluginApi";
 export * from "./devices";

package/src/layout/GroupEntries.tsx

@@ -15,7 +15,7 @@
  */
 
 import React, { FC, ReactNode } from "react";
-import { CardList, Collapsible } from "@scm-manager/ui-layout";
+import { CardList, Collapsible } from "@scm-manager/ui-core";
 
 type Props = {
   namespaceHeader: ReactNode;

package/src/layout/NamespaceEntries.tsx

@@ -16,10 +16,10 @@
 
 import React, { FC, ReactNode } from "react";
 import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
 import { useLocalStorage } from "@scm-manager/ui-api";
-import { CardList, Collapsible } from "@scm-manager/ui-layout";
+import { CardList, Collapsible } from "@scm-manager/ui-core";
 import { RepositoryGroup } from "@scm-manager/ui-types";
-import { Link } from "react-router-dom";
 import { Icon } from "../index";
 
 type Props = {

package/src/navigation/SecondaryNavigation.tsx

@@ -15,10 +15,10 @@
  */
 
 import React, { FC, ReactNode } from "react";
-import styled from "styled-components";
 import { useTranslation } from "react-i18next";
+import styled from "styled-components";
+import { Button } from "@scm-manager/ui-core";
 import { useSecondaryNavigation } from "../useSecondaryNavigation";
-import { Button } from "@scm-manager/ui-buttons";
 
 type Props = {
   label: string;

package/src/popover/Popover.tsx

@@ -65,7 +65,7 @@ const PopoverHeading = styled.div`
 `;
 
 /**
- * @deprecated use {@link ui-overlays/popover} instead
+ * @deprecated Use Popover from ui-core instead
  */
 const Popover: FC<Props> = (props) => {
   if (!props.show) {

package/src/repos/DiffButton.tsx

@@ -16,7 +16,7 @@
 
 import React, { FC, MouseEvent } from "react";
 import styled from "styled-components";
-import { Tooltip } from "@scm-manager/ui-overlays";
+import { Tooltip } from "@scm-manager/ui-core";
 
 const Button = styled.button`
   width: 50px;

package/src/repos/JumpToFileButton.tsx

@@ -15,9 +15,9 @@
  */
 
 import React, { FC } from "react";
-import styled from "styled-components";
 import { Link } from "react-router-dom";
-import { Tooltip } from "@scm-manager/ui-overlays";
+import styled from "styled-components";
+import { Tooltip } from "@scm-manager/ui-core";
 import Icon from "../Icon";
 
 const Button = styled(Link)`

package/src/repos/RepositoryEntry.tsx

@@ -15,18 +15,15 @@
  */
 
 import React, { FC } from "react";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import styled from "styled-components";
+import { Card, Icon, Menu, useKeyboardIteratorTargetV2 } from "@scm-manager/ui-core";
+import { ExtensionPoint, extensionPoints } from "@scm-manager/ui-extensions";
 import { Repository } from "@scm-manager/ui-types";
 import DateFromNow from "../DateFromNow";
 import RepositoryAvatar from "./RepositoryAvatar";
-import { ExtensionPoint, extensionPoints } from "@scm-manager/ui-extensions";
 import RepositoryFlags from "./RepositoryFlags";
-import styled from "styled-components";
-import { useTranslation } from "react-i18next";
-import { Card } from "@scm-manager/ui-layout";
-import { Link } from "react-router-dom";
-import { Menu } from "@scm-manager/ui-overlays";
-import { Icon } from "@scm-manager/ui-buttons";
-import { useKeyboardIteratorTargetV2 } from "@scm-manager/ui-core";
 
 type DateProp = Date | string;
 

package/src/repos/RepositoryFlag.tsx

@@ -15,10 +15,8 @@
  */
 
 import React, { FC, ReactNode } from "react";
+import { Card, CardVariant, Tooltip } from "@scm-manager/ui-core";
 import { Color, Size } from "../styleConstants";
-import { Card } from "@scm-manager/ui-layout";
-import { CardVariant } from "@scm-manager/ui-core";
-import { Tooltip } from "@scm-manager/ui-overlays";
 import { TooltipLocation } from "../Tooltip";
 
 type Props = {

package/src/repos/changesets/ChangesetDescription.tsx

@@ -15,9 +15,9 @@
  */
 
 import React, { FC } from "react";
-import { Changeset } from "@scm-manager/ui-types";
+import { Replacement, SplitAndReplace } from "@scm-manager/ui-core";
 import { extensionPoints, useBinder } from "@scm-manager/ui-extensions";
-import { Replacement, SplitAndReplace } from "@scm-manager/ui-text";
+import { Changeset } from "@scm-manager/ui-types";
 
 type Props = {
   changeset: Changeset;

package/src/repos/changesets/ChangesetList.tsx

@@ -14,10 +14,10 @@
  * along with this program. If not, see https://www.gnu.org/licenses/.
  */
 
-import ChangesetRow from "./ChangesetRow";
 import React, { FC } from "react";
+import { KeyboardIterator } from "@scm-manager/ui-core";
 import { Branch, Changeset, File, Repository } from "@scm-manager/ui-types";
-import { KeyboardIterator } from "@scm-manager/ui-shortcuts";
+import ChangesetRow from "./ChangesetRow";
 
 type Props = {
   repository: Repository;

package/src/repos/changesets/ChangesetRow.tsx

@@ -17,11 +17,11 @@
 import React, { FC } from "react";
 import classNames from "classnames";
 import styled from "styled-components";
+import { useKeyboardIteratorTarget } from "@scm-manager/ui-core";
 import { ExtensionPoint, extensionPoints } from "@scm-manager/ui-extensions";
 import { Branch, Changeset, File, Repository } from "@scm-manager/ui-types";
 import ChangesetButtonGroup from "./ChangesetButtonGroup";
 import SingleChangeset from "./SingleChangeset";
-import { useKeyboardIteratorTarget } from "@scm-manager/ui-shortcuts";
 
 type Props = {
   repository: Repository;

package/src/repos/changesets/Changesets.stories.tsx

@@ -26,9 +26,8 @@
 // import hitchhiker from "../../__resources__/hitchhiker.png";
 // import { Person } from "../../avatar/Avatar";
 // import { Changeset } from "@scm-manager/ui-types";
-// import { Replacement } from "@scm-manager/ui-text";
+// import { Replacement, ShortcutDocsContextProvider } from "@scm-manager/ui-core";
 // import ChangesetList from "./ChangesetList";
-// import { ShortcutDocsContextProvider } from "@scm-manager/ui-shortcuts";
 //
 // const Wrapper = styled.div`
 //   margin: 25rem 4rem;
@@ -289,23 +288,19 @@
 //   ));
 
 import React from "react";
+import { MemoryRouter } from "react-router-dom";
 import styled from "styled-components";
 import type { Meta, StoryObj } from "@storybook/react";
+import { Replacement, ShortcutDocsContextProvider } from "@scm-manager/ui-core";
 import { Binder, BinderContext } from "@scm-manager/ui-extensions";
-import { ShortcutDocsContextProvider } from "@scm-manager/ui-shortcuts";
 import { Changeset } from "@scm-manager/ui-types";
-import { Replacement } from "@scm-manager/ui-text";
-
-import ChangesetRow from "./ChangesetRow";
-import ChangesetList from "./ChangesetList";
 import repository from "../../__resources__/repository";
 import { five, four, one, three, two } from "../../__resources__/changesets";
 // @ts-ignore
 import hitchhiker from "../../__resources__/hitchhiker.png";
 import { Person } from "../../avatar/Avatar";
-import { MemoryRouter } from "react-router-dom";
-
-// --- Helfer-Funktionen und Mock-Daten (aus der Original-Story übernommen) ---
+import ChangesetRow from "./ChangesetRow";
+import ChangesetList from "./ChangesetList";
 
 const Wrapper = styled.div`
   margin: 2rem 4rem;
@@ -340,8 +335,6 @@ function copy<T>(input: T): T {
   return JSON.parse(JSON.stringify(input));
 }
 
-// --- Storybook Metadaten ---
-
 const meta: Meta<typeof ChangesetRow> = {
   title: "Repositories/Changesets",
   component: ChangesetRow,
@@ -354,11 +347,8 @@ const meta: Meta<typeof ChangesetRow> = {
 
 export default meta;
 
-// --- Story-Definitionen ---
-
 type Story = StoryObj<typeof meta>;
 
-// Einfache Stories mit `args`
 export const Default: Story = {
   args: { repository, changeset: three },
 };
@@ -375,7 +365,6 @@ export const WithMultipleCoAuthors: Story = {
   args: { repository, changeset: four },
 };
 
-// Komplexe Stories mit `render`
 export const WithAvatar: Story = {
   render: () => withAvatarFactory(() => hitchhiker, three),
 };
@@ -402,7 +391,6 @@ export const Replacements: Story = {
   },
 };
 
-// Stories für Signaturen
 export const WithUnknownSignature: Story = {
   render: () => {
     const changeset = copy(three);
@@ -469,7 +457,6 @@ export const WithMultipleSignaturesValid: Story = {
   },
 };
 
-// Story für die ChangesetList
 export const ListWithNavigation: Story = {
   name: "List With Navigation",
   render: () => (

package/src/repos/diff/LazyDiffFile.tsx

@@ -17,25 +17,24 @@
 import React, { FC, useCallback, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import classNames from "classnames";
-import { ButtonGroup } from "../../buttons";
-import { Icon } from "@scm-manager/ui-buttons";
+import styled from "styled-components";
+import { useContentType } from "@scm-manager/ui-api";
+import { ErrorNotification, Icon } from "@scm-manager/ui-core";
 import { Hunk as HunkType, Link } from "@scm-manager/ui-types";
-import TokenizedDiffView from "../TokenizedDiffView";
-import DiffButton from "../DiffButton";
-import { MenuContext } from "../../navigation/MenuContext";
+import { ButtonGroup } from "../../buttons";
 import OpenInFullscreenButton from "../../buttons/OpenInFullscreenButton";
-import DiffExpander from "../DiffExpander";
 import { Modal } from "../../modals";
-import { ErrorNotification } from "@scm-manager/ui-core";
-import FileTitle from "./FileTitle";
-import { DiffFilePanel, FullWidthTitleHeader, MarginlessModalContent, PanelHeading } from "./styledElements";
+import { MenuContext } from "../../navigation";
+import DiffButton from "../DiffButton";
+import BinaryDiffFileContent, { canDisplayBinaryFile } from "./BinaryDiffFileContent";
+import DiffExpander from "../DiffExpander";
+import TokenizedDiffView from "../TokenizedDiffView";
 import ChangeTag from "./ChangeTag";
-import { getAnchorId, hasContent as determineHasContent, hoverFileTitle } from "./helpers";
 import DiffFileHunk from "./DiffFileHunk";
+import FileTitle from "./FileTitle";
+import { getAnchorId, hasContent as determineHasContent, hoverFileTitle } from "./helpers";
+import { DiffFilePanel, FullWidthTitleHeader, MarginlessModalContent, PanelHeading } from "./styledElements";
 import { DiffFileProps } from "./types";
-import { useContentType } from "@scm-manager/ui-api";
-import BinaryDiffFileContent, { canDisplayBinaryFile } from "./BinaryDiffFileContent";
-import styled from "styled-components";
 
 type Props = DiffFileProps;