@scm-manager/ui-components 3.8.1-20250607-135910 → 3.8.1-20250624-125015

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scm-manager/ui-components",
-  "version": "3.8.1-20250607-135910",
+  "version": "3.8.1-20250624-125015",
   "description": "UI Components for SCM-Manager and its plugins",
   "main": "src/index.ts",
   "files": [
@@ -32,8 +32,8 @@
     "react-query": "^3.39.2"
   },
   "devDependencies": {
-    "@scm-manager/ui-tests": "3.8.1-20250607-135910",
-    "@scm-manager/ui-types": "3.8.1-20250607-135910",
+    "@scm-manager/ui-tests": "3.8.1-20250624-125015",
+    "@scm-manager/ui-types": "3.8.1-20250624-125015",
     "@types/fetch-mock": "^7.3.1",
     "@types/react-select": "^2.0.19",
     "@types/unist": "^2.0.3",
@@ -68,17 +68,17 @@
     "@scm-manager/jest-preset": "^2.14.1",
     "@scm-manager/prettier-config": "^2.12.0",
     "@scm-manager/tsconfig": "^2.13.0",
-    "@scm-manager/ui-syntaxhighlighting": "3.8.1-20250607-135910",
-    "@scm-manager/ui-shortcuts": "3.8.1-20250607-135910",
-    "@scm-manager/ui-text": "3.8.1-20250607-135910"
+    "@scm-manager/ui-syntaxhighlighting": "3.8.1-20250624-125015",
+    "@scm-manager/ui-shortcuts": "3.8.1-20250624-125015",
+    "@scm-manager/ui-text": "3.8.1-20250624-125015"
   },
   "dependencies": {
-    "@scm-manager/ui-core": "3.8.1-20250607-135910",
-    "@scm-manager/ui-overlays": "3.8.1-20250607-135910",
-    "@scm-manager/ui-layout": "3.8.1-20250607-135910",
-    "@scm-manager/ui-buttons": "3.8.1-20250607-135910",
-    "@scm-manager/ui-api": "3.8.1-20250607-135910",
-    "@scm-manager/ui-extensions": "3.8.1-20250607-135910",
+    "@scm-manager/ui-core": "3.8.1-20250624-125015",
+    "@scm-manager/ui-overlays": "3.8.1-20250624-125015",
+    "@scm-manager/ui-layout": "3.8.1-20250624-125015",
+    "@scm-manager/ui-buttons": "3.8.1-20250624-125015",
+    "@scm-manager/ui-api": "3.8.1-20250624-125015",
+    "@scm-manager/ui-extensions": "3.8.1-20250624-125015",
     "deepmerge": "^4.2.2",
     "hast-util-sanitize": "^3.0.2",
     "react-diff-view": "^2.4.10",

package/src/__snapshots__/storyshots.test.ts.snap

@@ -17047,6 +17047,7 @@ Array [
  hostess’s really oblong Infinite Improbability thing into the starship against which behavior accordance with
  Kakrafoon humanoid undergarment ship powered by GPP-guided bowl of petunias nothing was frequently away incredibly
  ordinary mob.
+           
         </section>
         <footer
           className="modal-card-foot"
@@ -17195,6 +17196,7 @@ Array [
  hostess’s really oblong Infinite Improbability thing into the starship against which behavior accordance with
  Kakrafoon humanoid undergarment ship powered by GPP-guided bowl of petunias nothing was frequently away incredibly
  ordinary mob.
+           
         </section>
         <footer
           className="modal-card-foot"

package/src/modals/ConfirmAlert.tsx

@@ -26,16 +26,17 @@ type Button = {
   isLoading?: boolean;
   onClick?: () => void | null;
   autofocus?: boolean;
+  disabled?: boolean;
 };
 
 type Props = {
   title: string;
-  message: string;
+  message?: string;
   buttons: Button[];
   close?: () => void;
 };
 
-export const ConfirmAlert: FC<Props> = ({ title, message, buttons, close }) => {
+export const ConfirmAlert: FC<Props> = ({ title, message, buttons, close, children }) => {
   const [showModal, setShowModal] = useState(true);
   const initialFocusButton = useRef<HTMLButtonElement>(null);
 
@@ -54,7 +55,11 @@ export const ConfirmAlert: FC<Props> = ({ title, message, buttons, close }) => {
     onClose();
   };
 
-  const body = <>{message}</>;
+  const body = (
+    <>
+      {message} {children}
+    </>
+  );
 
   const footer = (
     <div className="field is-grouped">
@@ -63,8 +68,9 @@ export const ConfirmAlert: FC<Props> = ({ title, message, buttons, close }) => {
           <button
             className={classNames("button", button.className, button.isLoading ? "is-loading" : "")}
             key={index}
+            disabled={button.disabled}
             onClick={() => handleClickButton(button)}
-            onKeyDown={e => e.key === "Enter" && handleClickButton(button)}
+            onKeyDown={(e) => e.key === "Enter" && handleClickButton(button)}
             tabIndex={0}
             ref={button.autofocus ? initialFocusButton : undefined}
           >