From 8e94a0bea523549e7644a4bfd9a3f0621d6ffed0 Mon Sep 17 00:00:00 2001
From: Markus Thielker <mail.markus.thielker@gmail.com>
Date: Tue, 18 Mar 2025 09:05:19 +0100
Subject: [PATCH 1/2] N-FIN-98: update related shadcn components

---
 bun.lockb                      | Bin 227574 -> 227574 bytes
 package.json                   |   2 +-
 src/components/ui/button.tsx   |   6 +++---
 src/components/ui/calendar.tsx |  18 +++++++++---------
 src/components/ui/popover.tsx  |   2 +-
 5 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index adb22c8a39522ad9e371a6d22fd315260e14e304..f9b5b089d2018a657bc10b0d79af3916262ef413 100755
GIT binary patch
delta 25
hcmezNk@wq2-i8*&Elh817|q(>*)VN?XT!{40|2Bg3f}+#

delta 25
hcmezNk@wq2-i8*&Elh817){#W*)VN?XT!{40|2BK3f%wz

diff --git a/package.json b/package.json
index bd7a404..5cb533a 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
     "@radix-ui/react-dropdown-menu": "^2.1.4",
     "@radix-ui/react-label": "^2.1.1",
     "@radix-ui/react-navigation-menu": "^1.2.3",
-    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-popover": "^1.1.6",
     "@radix-ui/react-scroll-area": "^1.2.2",
     "@radix-ui/react-select": "^2.1.4",
     "@radix-ui/react-separator": "^1.1.1",
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 6170dc8..48a63a3 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -5,7 +5,7 @@ import { cva, type VariantProps } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
 
 const buttonVariants = cva(
-    'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+    'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
     {
         variants: {
             variant: {
@@ -40,11 +40,11 @@ export interface ButtonProps
 }
 
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-    ({className, variant, size, asChild = false, ...props}, ref) => {
+    ({ className, variant, size, asChild = false, ...props }, ref) => {
         const Comp = asChild ? Slot : 'button';
         return (
             <Comp
-                className={cn(buttonVariants({variant, size, className}))}
+                className={cn(buttonVariants({ variant, size, className }))}
                 ref={ref}
                 {...props}
             />
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
index ae0a208..bec83b7 100644
--- a/src/components/ui/calendar.tsx
+++ b/src/components/ui/calendar.tsx
@@ -10,11 +10,11 @@ import { buttonVariants } from '@/components/ui/button';
 export type CalendarProps = React.ComponentProps<typeof DayPicker>
 
 function Calendar({
-    className,
-    classNames,
-    showOutsideDays = true,
-    ...props
-}: CalendarProps) {
+                      className,
+                      classNames,
+                      showOutsideDays = true,
+                      ...props
+                  }: CalendarProps) {
     return (
         <DayPicker
             showOutsideDays={showOutsideDays}
@@ -26,7 +26,7 @@ function Calendar({
                 caption_label: 'text-sm font-medium',
                 nav: 'space-x-1 flex items-center',
                 nav_button: cn(
-                    buttonVariants({variant: 'outline'}),
+                    buttonVariants({ variant: 'outline' }),
                     'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
                 ),
                 nav_button_previous: 'absolute left-1',
@@ -38,7 +38,7 @@ function Calendar({
                 row: 'flex w-full mt-2',
                 cell: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20',
                 day: cn(
-                    buttonVariants({variant: 'ghost'}),
+                    buttonVariants({ variant: 'ghost' }),
                     'h-9 w-9 p-0 font-normal aria-selected:opacity-100',
                 ),
                 day_range_end: 'day-range-end',
@@ -54,10 +54,10 @@ function Calendar({
                 ...classNames,
             }}
             components={{
-                IconLeft: ({className, ...props}) => (
+                IconLeft: ({ className, ...props }) => (
                     <ChevronLeft className={cn('h-4 w-4', className)} {...props} />
                 ),
-                IconRight: ({className, ...props}) => (
+                IconRight: ({ className, ...props }) => (
                     <ChevronRight className={cn('h-4 w-4', className)} {...props} />
                 ),
             }}
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
index a84f99c..fe8c832 100644
--- a/src/components/ui/popover.tsx
+++ b/src/components/ui/popover.tsx
@@ -12,7 +12,7 @@ const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverContent = React.forwardRef<
     React.ElementRef<typeof PopoverPrimitive.Content>,
     React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
->(({className, align = 'center', sideOffset = 4, ...props}, ref) => (
+>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (
     <PopoverPrimitive.Portal>
         <PopoverPrimitive.Content
             ref={ref}

From 3ce44a33028c922002d1f78a6516917b2e5a7b4c Mon Sep 17 00:00:00 2001
From: Markus Thielker <mail.markus.thielker@gmail.com>
Date: Tue, 18 Mar 2025 09:05:37 +0100
Subject: [PATCH 2/2] N-FIN-98: remove initialFocus attribute

---
 src/components/form/paymentForm.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/form/paymentForm.tsx b/src/components/form/paymentForm.tsx
index 3963d75..c4f968f 100644
--- a/src/components/form/paymentForm.tsx
+++ b/src/components/form/paymentForm.tsx
@@ -125,10 +125,7 @@ export default function PaymentForm({value, entities, categories, onSubmit, clas
                                         <Calendar
                                             mode="single"
                                             selected={field.value}
-                                            onSelect={(e) => {
-                                                field.onChange(e);
-                                            }}
-                                            initialFocus
+                                            onSelect={field.onChange}
                                         />
                                     </PopoverContent>
                                 </Popover>