@hed-hog/core 0.0.349 → 0.0.351

package/hedhog/frontend/app/menu/page.tsx.ejs

@@ -57,6 +57,7 @@ import {
   ResizablePanel,
   ResizablePanelGroup,
 } from '@/components/ui/resizable';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { ScrollArea } from '@/components/ui/scroll-area';
 import {
   Select,
@@ -68,7 +69,6 @@ import {
 import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
 import {
   Sheet,
-  SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
@@ -2583,7 +2583,13 @@ export default function MenuPage() {
       </div>
 
       <Sheet open={isDialogOpen} onOpenChange={setIsDialogOpen}>
-        <SheetContent className="w-full gap-0 overflow-y-auto sm:max-w-lg">
+        <ResizableSheetContent
+          sheetId="core-menu-form-sheet"
+          defaultWidth={560}
+          minWidth={420}
+          maxWidth={920}
+          className="w-full gap-0 overflow-y-auto sm:max-w-lg"
+        >
           <SheetHeader>
             <SheetTitle>{t('dialogAddMenuTitle')}</SheetTitle>
             <SheetDescription>{t('dialogAddMenuDescription')}</SheetDescription>
@@ -2740,7 +2746,7 @@ export default function MenuPage() {
               </Button>
             </form>
           </Form>
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
 
       <AlertDialog open={openDeleteModal} onOpenChange={setOpenDeleteModal}>

package/hedhog/frontend/app/roles/page.tsx.ejs

@@ -45,11 +45,11 @@ import {
 } from '@/components/ui/select';
 import {
   Sheet,
-  SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
 } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Textarea } from '@/components/ui/textarea';
 import { useFormDraft } from '@/hooks/use-form-draft';
@@ -694,7 +694,13 @@ export default function RolePage() {
             }
           }}
         >
-          <SheetContent className="w-full sm:max-w-lg overflow-y-auto gap-0">
+          <ResizableSheetContent
+            sheetId="core-roles-create-sheet"
+            defaultWidth={560}
+            minWidth={420}
+            maxWidth={920}
+            className="w-full sm:max-w-lg overflow-y-auto gap-0"
+          >
             <SheetHeader>
               <SheetTitle>{t('dialogAddRoleTitle')}</SheetTitle>
               <SheetDescription>
@@ -780,12 +786,18 @@ export default function RolePage() {
                 </Button>
               </form>
             </Form>
-          </SheetContent>
+          </ResizableSheetContent>
         </Sheet>
 
         {editingRole && (
           <Sheet open={!!editingRole} onOpenChange={() => setEditingRole(null)}>
-            <SheetContent className="w-full sm:max-w-3xl overflow-y-auto gap-0">
+            <ResizableSheetContent
+              sheetId="core-roles-edit-sheet"
+              defaultWidth={920}
+              minWidth={620}
+              maxWidth={1320}
+              className="w-full sm:max-w-3xl overflow-y-auto gap-0"
+            >
               <SheetHeader>
                 <SheetTitle>{t('titleEditRole')}</SheetTitle>
                 <SheetDescription>
@@ -851,7 +863,7 @@ export default function RolePage() {
                         value={selectedLocale}
                         onValueChange={(value) => setSelectedLocale(value)}
                       >
-                        <SelectTrigger className="w-[180px] h-8">
+                        <SelectTrigger className="h-8 w-45">
                           <SelectValue placeholder={t('selectLocale')} />
                         </SelectTrigger>
                         <SelectContent>
@@ -978,7 +990,7 @@ export default function RolePage() {
                   />
                 </TabsContent>
               </Tabs>
-            </SheetContent>
+            </ResizableSheetContent>
           </Sheet>
         )}
 

package/hedhog/frontend/app/routes/page.tsx.ejs

@@ -46,11 +46,11 @@ import {
 } from '@/components/ui/select';
 import {
   Sheet,
-  SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
 } from '@/components/ui/sheet';
+import { ResizableSheetContent } from '@/components/ui/resizable-sheet-content';
 import { Switch } from '@/components/ui/switch';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { usePersistedPageSize } from '@/hooks/use-persisted-page-size';
@@ -1081,7 +1081,13 @@ export default function RoutePage() {
           }
         }}
       >
-        <SheetContent className="w-full gap-0 overflow-y-auto sm:max-w-3xl">
+        <ResizableSheetContent
+          sheetId="core-routes-form-sheet"
+          defaultWidth={920}
+          minWidth={620}
+          maxWidth={1320}
+          className="w-full gap-0 overflow-y-auto sm:max-w-3xl"
+        >
           <SheetHeader>
             <SheetTitle>
               {editingRoute ? t('titleEditRoute') : t('dialogAddRouteTitle')}
@@ -1315,7 +1321,7 @@ export default function RoutePage() {
               </TabsContent>
             ) : null}
           </Tabs>
-        </SheetContent>
+        </ResizableSheetContent>
       </Sheet>
 
       <AlertDialog open={openDeleteModal} onOpenChange={setOpenDeleteModal}>