@hed-hog/operations 0.0.322 → 0.0.326

package/hedhog/frontend/src/app/(app)/(libraries)/operations/_components/department-select-with-create.d.ts

@@ -0,0 +1,20 @@
+type DepartmentOption = {
+    id?: number | null;
+    name: string;
+    code?: string | null;
+    description?: string | null;
+};
+type DepartmentSelectWithCreateProps = {
+    label: string;
+    value?: string | null;
+    options: DepartmentOption[];
+    onChange: (department: DepartmentOption) => void;
+    onCreate?: (departmentName: string) => Promise<DepartmentOption | null | void> | DepartmentOption | null | void;
+    selectPlaceholder: string;
+    createDescription?: string;
+    createPlaceholder?: string;
+    disabled?: boolean;
+};
+export declare function DepartmentSelectWithCreate({ label, value, options, onChange, onCreate, selectPlaceholder, createDescription, createPlaceholder, disabled, }: DepartmentSelectWithCreateProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=department-select-with-create.d.ts.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/_components/department-select-with-create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"department-select-with-create.d.ts","sourceRoot":"","sources":["department-select-with-create.tsx"],"names":[],"mappings":"AA6BA,KAAK,gBAAgB,GAAG;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,KAAK,+BAA+B,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CACT,cAAc,EAAE,MAAM,KACnB,OAAO,CAAC,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9E,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,QAAgB,GACjB,EAAE,+BAA+B,+BA2UjC"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/_components/department-select-with-create.js

@@ -0,0 +1,233 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DepartmentSelectWithCreate = DepartmentSelectWithCreate;
+const button_1 = require("@/components/ui/button");
+const command_1 = require("@/components/ui/command");
+const input_1 = require("@/components/ui/input");
+const label_1 = require("@/components/ui/label");
+const popover_1 = require("@/components/ui/popover");
+const sheet_1 = require("@/components/ui/sheet");
+const lucide_react_1 = require("lucide-react");
+const next_intl_1 = require("next-intl");
+const react_1 = require("react");
+function DepartmentSelectWithCreate({ label, value, options, onChange, onCreate, selectPlaceholder, createDescription, createPlaceholder, disabled = false, }) {
+    var _a;
+    const commonT = (0, next_intl_1.useTranslations)('operations.Common');
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [search, setSearch] = (0, react_1.useState)('');
+    const [createOpen, setCreateOpen] = (0, react_1.useState)(false);
+    const [newDepartment, setNewDepartment] = (0, react_1.useState)('');
+    const [isCreating, setIsCreating] = (0, react_1.useState)(false);
+    const [visibleCount, setVisibleCount] = (0, react_1.useState)(20);
+    const parentScrollContainerRef = (0, react_1.useRef)(null);
+    const parentScrollTopRef = (0, react_1.useRef)(0);
+    const normalizedValue = (_a = value === null || value === void 0 ? void 0 : value.trim()) !== null && _a !== void 0 ? _a : '';
+    const normalizedOptions = (0, react_1.useMemo)(() => {
+        const values = new Map();
+        for (const option of options) {
+            const normalizedName = option.name.trim();
+            if (!normalizedName) {
+                continue;
+            }
+            values.set(normalizedName.toLowerCase(), Object.assign(Object.assign({}, option), { name: normalizedName }));
+        }
+        if (normalizedValue && !values.has(normalizedValue.toLowerCase())) {
+            values.set(normalizedValue.toLowerCase(), {
+                id: null,
+                name: normalizedValue,
+            });
+        }
+        return Array.from(values.values()).sort((left, right) => left.name.localeCompare(right.name));
+    }, [options, normalizedValue]);
+    const filteredOptions = (0, react_1.useMemo)(() => {
+        const normalizedSearch = search.trim().toLowerCase();
+        if (!normalizedSearch) {
+            return normalizedOptions;
+        }
+        return normalizedOptions.filter((option) => [option.name, option.code, option.description]
+            .filter(Boolean)
+            .some((field) => String(field).toLowerCase().includes(normalizedSearch)));
+    }, [normalizedOptions, search]);
+    const visibleOptions = filteredOptions.slice(0, visibleCount);
+    const captureParentScrollPosition = (trigger) => {
+        const parentSheetContent = trigger.closest('[data-radix-dialog-content]');
+        if (!parentSheetContent) {
+            parentScrollContainerRef.current = null;
+            parentScrollTopRef.current = 0;
+            return;
+        }
+        parentScrollContainerRef.current = parentSheetContent;
+        parentScrollTopRef.current = parentSheetContent.scrollTop;
+    };
+    const restoreParentScrollPosition = () => {
+        const fallbackOpenDialog = Array.from(document.querySelectorAll('[data-radix-dialog-content][data-state="open"]')).at(-1);
+        const container = parentScrollContainerRef.current &&
+            document.body.contains(parentScrollContainerRef.current)
+            ? parentScrollContainerRef.current
+            : fallbackOpenDialog || null;
+        if (!container) {
+            return;
+        }
+        const restore = () => {
+            container.scrollTop = parentScrollTopRef.current;
+        };
+        requestAnimationFrame(restore);
+        setTimeout(restore, 0);
+        setTimeout(restore, 120);
+    };
+    const saveDepartment = async () => {
+        var _a;
+        const normalizedDepartment = newDepartment.trim();
+        if (!normalizedDepartment || isCreating) {
+            return;
+        }
+        setIsCreating(true);
+        try {
+            const nextOption = onCreate
+                ? await onCreate(normalizedDepartment)
+                : {
+                    id: null,
+                    name: normalizedDepartment,
+                };
+            if (!((_a = nextOption === null || nextOption === void 0 ? void 0 : nextOption.name) === null || _a === void 0 ? void 0 : _a.trim())) {
+                return;
+            }
+            onChange(Object.assign(Object.assign({}, nextOption), { name: nextOption.name.trim() }));
+            setNewDepartment('');
+            setSearch(nextOption.name.trim());
+            setCreateOpen(false);
+            setOpen(false);
+        }
+        finally {
+            setIsCreating(false);
+        }
+    };
+    return (<>
+      <div className="grid gap-2">
+        <label_1.Label>{label}</label_1.Label>
+
+        <div className="flex w-full min-w-0 items-center gap-2">
+          <popover_1.Popover open={!disabled && open} onOpenChange={(nextOpen) => {
+            if (!disabled) {
+                setOpen(nextOpen);
+            }
+        }}>
+            <popover_1.PopoverTrigger asChild>
+              <button_1.Button type="button" variant="outline" role="combobox" disabled={disabled || isCreating} className="h-10 flex-1 min-w-0 justify-between overflow-hidden">
+                <span className="truncate text-left">
+                  {normalizedValue || selectPlaceholder}
+                </span>
+                <lucide_react_1.ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50"/>
+              </button_1.Button>
+            </popover_1.PopoverTrigger>
+            <popover_1.PopoverContent className="p-0" style={{ width: 'var(--radix-popover-trigger-width)' }}>
+              <command_1.Command shouldFilter={false}>
+                <command_1.CommandInput placeholder={selectPlaceholder} value={search} onValueChange={(value) => {
+            setSearch(value);
+            setVisibleCount(20);
+        }}/>
+                <command_1.CommandList>
+                  <command_1.CommandEmpty>
+                    <div className="space-y-2 p-2 text-center">
+                      <p className="text-sm text-muted-foreground">
+                        {commonT('states.emptyDescription')}
+                      </p>
+                      <button_1.Button type="button" variant="outline" className="w-full" onClick={(event) => {
+            captureParentScrollPosition(event.currentTarget);
+            setNewDepartment(search.trim());
+            setOpen(false);
+            setCreateOpen(true);
+        }}>
+                        {commonT('actions.create')} {label.toLowerCase()}
+                      </button_1.Button>
+                    </div>
+                  </command_1.CommandEmpty>
+
+                  <command_1.CommandGroup>
+                    {visibleOptions.map((option) => {
+            var _a, _b, _c;
+            return (<command_1.CommandItem key={`${(_a = option.id) !== null && _a !== void 0 ? _a : 'new'}-${option.name}`} value={`${option.name} ${(_b = option.code) !== null && _b !== void 0 ? _b : ''} ${(_c = option.description) !== null && _c !== void 0 ? _c : ''}`} onSelect={() => {
+                    onChange(option);
+                    setSearch(option.name);
+                    setOpen(false);
+                }}>
+                        <div className="min-w-0">
+                          <div className="truncate">{option.name}</div>
+                          {option.code || option.description ? (<div className="truncate text-xs text-muted-foreground">
+                              {[option.code, option.description]
+                        .filter(Boolean)
+                        .join(' • ')}
+                            </div>) : null}
+                        </div>
+                      </command_1.CommandItem>);
+        })}
+                  </command_1.CommandGroup>
+
+                  {filteredOptions.length > visibleCount ? (<div className="border-t p-2">
+                      <button_1.Button type="button" variant="ghost" className="w-full" onClick={() => setVisibleCount((current) => current + 20)}>
+                        {commonT('actions.loadMore')}
+                      </button_1.Button>
+                    </div>) : null}
+                </command_1.CommandList>
+              </command_1.Command>
+            </popover_1.PopoverContent>
+          </popover_1.Popover>
+
+          {normalizedValue ? (<button_1.Button type="button" variant="outline" size="icon" className="h-10 w-10 shrink-0" disabled={disabled || isCreating} onClick={() => {
+                onChange({ id: null, name: '' });
+                setSearch('');
+                setVisibleCount(20);
+                setOpen(false);
+            }} aria-label={commonT('actions.cancel')}>
+              <lucide_react_1.X className="h-4 w-4"/>
+            </button_1.Button>) : null}
+
+          <button_1.Button type="button" variant="outline" size="icon" className="h-10 w-10 shrink-0" disabled={disabled || isCreating} onClick={(event) => {
+            captureParentScrollPosition(event.currentTarget);
+            setNewDepartment(normalizedValue);
+            setOpen(false);
+            setCreateOpen(true);
+        }} aria-label={`${commonT('actions.create')} ${label.toLowerCase()}`}>
+            <lucide_react_1.Plus className="h-4 w-4"/>
+          </button_1.Button>
+        </div>
+      </div>
+
+      <sheet_1.Sheet open={createOpen} onOpenChange={(nextOpen) => {
+            setCreateOpen(nextOpen);
+            if (!nextOpen) {
+                setNewDepartment('');
+                restoreParentScrollPosition();
+            }
+        }}>
+        <sheet_1.SheetContent className="w-full overflow-y-auto sm:max-w-md px-2" onCloseAutoFocus={(event) => event.preventDefault()}>
+          <sheet_1.SheetHeader>
+            <sheet_1.SheetTitle>
+              {commonT('actions.create')} {label.toLowerCase()}
+            </sheet_1.SheetTitle>
+            <sheet_1.SheetDescription>
+              {createDescription || selectPlaceholder}
+            </sheet_1.SheetDescription>
+          </sheet_1.SheetHeader>
+
+          <div className="mt-6 space-y-4">
+            <div className="space-y-2">
+              <label_1.Label>{label}</label_1.Label>
+              <input_1.Input value={newDepartment} placeholder={createPlaceholder || label} onChange={(event) => setNewDepartment(event.target.value)} onKeyDown={(event) => {
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                void saveDepartment();
+            }
+        }}/>
+            </div>
+
+            <button_1.Button type="button" className="w-full" disabled={!newDepartment.trim() || isCreating} onClick={() => void saveDepartment()}>
+              {commonT('actions.save')}
+            </button_1.Button>
+          </div>
+        </sheet_1.SheetContent>
+      </sheet_1.Sheet>
+    </>);
+}
+//# sourceMappingURL=department-select-with-create.js.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/_components/department-select-with-create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"department-select-with-create.js","sourceRoot":"","sources":["department-select-with-create.tsx"],"names":[],"mappings":"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"}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/_components/department-select-with-create.tsx

@@ -0,0 +1,392 @@
+'use client';
+
+import { Button } from '@/components/ui/button';
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from '@/components/ui/command';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover';
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from '@/components/ui/sheet';
+import { ChevronsUpDown, Plus, X } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import { useMemo, useRef, useState } from 'react';
+
+type DepartmentOption = {
+  id?: number | null;
+  name: string;
+  code?: string | null;
+  description?: string | null;
+};
+
+type DepartmentSelectWithCreateProps = {
+  label: string;
+  value?: string | null;
+  options: DepartmentOption[];
+  onChange: (department: DepartmentOption) => void;
+  onCreate?: (
+    departmentName: string
+  ) => Promise<DepartmentOption | null | void> | DepartmentOption | null | void;
+  selectPlaceholder: string;
+  createDescription?: string;
+  createPlaceholder?: string;
+  disabled?: boolean;
+};
+
+export function DepartmentSelectWithCreate({
+  label,
+  value,
+  options,
+  onChange,
+  onCreate,
+  selectPlaceholder,
+  createDescription,
+  createPlaceholder,
+  disabled = false,
+}: DepartmentSelectWithCreateProps) {
+  const commonT = useTranslations('operations.Common');
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState('');
+  const [createOpen, setCreateOpen] = useState(false);
+  const [newDepartment, setNewDepartment] = useState('');
+  const [isCreating, setIsCreating] = useState(false);
+  const [visibleCount, setVisibleCount] = useState(20);
+  const parentScrollContainerRef = useRef<HTMLElement | null>(null);
+  const parentScrollTopRef = useRef(0);
+
+  const normalizedValue = value?.trim() ?? '';
+
+  const normalizedOptions = useMemo(() => {
+    const values = new Map<string, DepartmentOption>();
+
+    for (const option of options) {
+      const normalizedName = option.name.trim();
+
+      if (!normalizedName) {
+        continue;
+      }
+
+      values.set(normalizedName.toLowerCase(), {
+        ...option,
+        name: normalizedName,
+      });
+    }
+
+    if (normalizedValue && !values.has(normalizedValue.toLowerCase())) {
+      values.set(normalizedValue.toLowerCase(), {
+        id: null,
+        name: normalizedValue,
+      });
+    }
+
+    return Array.from(values.values()).sort((left, right) =>
+      left.name.localeCompare(right.name)
+    );
+  }, [options, normalizedValue]);
+
+  const filteredOptions = useMemo(() => {
+    const normalizedSearch = search.trim().toLowerCase();
+
+    if (!normalizedSearch) {
+      return normalizedOptions;
+    }
+
+    return normalizedOptions.filter((option) =>
+      [option.name, option.code, option.description]
+        .filter(Boolean)
+        .some((field) => String(field).toLowerCase().includes(normalizedSearch))
+    );
+  }, [normalizedOptions, search]);
+
+  const visibleOptions = filteredOptions.slice(0, visibleCount);
+
+  const captureParentScrollPosition = (trigger: HTMLElement) => {
+    const parentSheetContent = trigger.closest(
+      '[data-radix-dialog-content]'
+    ) as HTMLElement | null;
+
+    if (!parentSheetContent) {
+      parentScrollContainerRef.current = null;
+      parentScrollTopRef.current = 0;
+      return;
+    }
+
+    parentScrollContainerRef.current = parentSheetContent;
+    parentScrollTopRef.current = parentSheetContent.scrollTop;
+  };
+
+  const restoreParentScrollPosition = () => {
+    const fallbackOpenDialog = (
+      Array.from(
+        document.querySelectorAll(
+          '[data-radix-dialog-content][data-state="open"]'
+        )
+      ) as HTMLElement[]
+    ).at(-1);
+
+    const container =
+      parentScrollContainerRef.current &&
+      document.body.contains(parentScrollContainerRef.current)
+        ? parentScrollContainerRef.current
+        : fallbackOpenDialog || null;
+
+    if (!container) {
+      return;
+    }
+
+    const restore = () => {
+      container.scrollTop = parentScrollTopRef.current;
+    };
+
+    requestAnimationFrame(restore);
+    setTimeout(restore, 0);
+    setTimeout(restore, 120);
+  };
+
+  const saveDepartment = async () => {
+    const normalizedDepartment = newDepartment.trim();
+
+    if (!normalizedDepartment || isCreating) {
+      return;
+    }
+
+    setIsCreating(true);
+
+    try {
+      const nextOption = onCreate
+        ? await onCreate(normalizedDepartment)
+        : {
+            id: null,
+            name: normalizedDepartment,
+          };
+
+      if (!nextOption?.name?.trim()) {
+        return;
+      }
+
+      onChange({
+        ...nextOption,
+        name: nextOption.name.trim(),
+      });
+      setNewDepartment('');
+      setSearch(nextOption.name.trim());
+      setCreateOpen(false);
+      setOpen(false);
+    } finally {
+      setIsCreating(false);
+    }
+  };
+
+  return (
+    <>
+      <div className="grid gap-2">
+        <Label>{label}</Label>
+
+        <div className="flex w-full min-w-0 items-center gap-2">
+          <Popover
+            open={!disabled && open}
+            onOpenChange={(nextOpen) => {
+              if (!disabled) {
+                setOpen(nextOpen);
+              }
+            }}
+          >
+            <PopoverTrigger asChild>
+              <Button
+                type="button"
+                variant="outline"
+                role="combobox"
+                disabled={disabled || isCreating}
+                className="h-10 flex-1 min-w-0 justify-between overflow-hidden"
+              >
+                <span className="truncate text-left">
+                  {normalizedValue || selectPlaceholder}
+                </span>
+                <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+              </Button>
+            </PopoverTrigger>
+            <PopoverContent
+              className="p-0"
+              style={{ width: 'var(--radix-popover-trigger-width)' }}
+            >
+              <Command shouldFilter={false}>
+                <CommandInput
+                  placeholder={selectPlaceholder}
+                  value={search}
+                  onValueChange={(value) => {
+                    setSearch(value);
+                    setVisibleCount(20);
+                  }}
+                />
+                <CommandList>
+                  <CommandEmpty>
+                    <div className="space-y-2 p-2 text-center">
+                      <p className="text-sm text-muted-foreground">
+                        {commonT('states.emptyDescription')}
+                      </p>
+                      <Button
+                        type="button"
+                        variant="outline"
+                        className="w-full"
+                        onClick={(event) => {
+                          captureParentScrollPosition(event.currentTarget);
+                          setNewDepartment(search.trim());
+                          setOpen(false);
+                          setCreateOpen(true);
+                        }}
+                      >
+                        {commonT('actions.create')} {label.toLowerCase()}
+                      </Button>
+                    </div>
+                  </CommandEmpty>
+
+                  <CommandGroup>
+                    {visibleOptions.map((option) => (
+                      <CommandItem
+                        key={`${option.id ?? 'new'}-${option.name}`}
+                        value={`${option.name} ${option.code ?? ''} ${option.description ?? ''}`}
+                        onSelect={() => {
+                          onChange(option);
+                          setSearch(option.name);
+                          setOpen(false);
+                        }}
+                      >
+                        <div className="min-w-0">
+                          <div className="truncate">{option.name}</div>
+                          {option.code || option.description ? (
+                            <div className="truncate text-xs text-muted-foreground">
+                              {[option.code, option.description]
+                                .filter(Boolean)
+                                .join(' • ')}
+                            </div>
+                          ) : null}
+                        </div>
+                      </CommandItem>
+                    ))}
+                  </CommandGroup>
+
+                  {filteredOptions.length > visibleCount ? (
+                    <div className="border-t p-2">
+                      <Button
+                        type="button"
+                        variant="ghost"
+                        className="w-full"
+                        onClick={() =>
+                          setVisibleCount((current) => current + 20)
+                        }
+                      >
+                        {commonT('actions.loadMore')}
+                      </Button>
+                    </div>
+                  ) : null}
+                </CommandList>
+              </Command>
+            </PopoverContent>
+          </Popover>
+
+          {normalizedValue ? (
+            <Button
+              type="button"
+              variant="outline"
+              size="icon"
+              className="h-10 w-10 shrink-0"
+              disabled={disabled || isCreating}
+              onClick={() => {
+                onChange({ id: null, name: '' });
+                setSearch('');
+                setVisibleCount(20);
+                setOpen(false);
+              }}
+              aria-label={commonT('actions.cancel')}
+            >
+              <X className="h-4 w-4" />
+            </Button>
+          ) : null}
+
+          <Button
+            type="button"
+            variant="outline"
+            size="icon"
+            className="h-10 w-10 shrink-0"
+            disabled={disabled || isCreating}
+            onClick={(event) => {
+              captureParentScrollPosition(event.currentTarget);
+              setNewDepartment(normalizedValue);
+              setOpen(false);
+              setCreateOpen(true);
+            }}
+            aria-label={`${commonT('actions.create')} ${label.toLowerCase()}`}
+          >
+            <Plus className="h-4 w-4" />
+          </Button>
+        </div>
+      </div>
+
+      <Sheet
+        open={createOpen}
+        onOpenChange={(nextOpen) => {
+          setCreateOpen(nextOpen);
+          if (!nextOpen) {
+            setNewDepartment('');
+            restoreParentScrollPosition();
+          }
+        }}
+      >
+        <SheetContent
+          className="w-full overflow-y-auto sm:max-w-md px-2"
+          onCloseAutoFocus={(event) => event.preventDefault()}
+        >
+          <SheetHeader>
+            <SheetTitle>
+              {commonT('actions.create')} {label.toLowerCase()}
+            </SheetTitle>
+            <SheetDescription>
+              {createDescription || selectPlaceholder}
+            </SheetDescription>
+          </SheetHeader>
+
+          <div className="mt-6 space-y-4">
+            <div className="space-y-2">
+              <Label>{label}</Label>
+              <Input
+                value={newDepartment}
+                placeholder={createPlaceholder || label}
+                onChange={(event) => setNewDepartment(event.target.value)}
+                onKeyDown={(event) => {
+                  if (event.key === 'Enter') {
+                    event.preventDefault();
+                    void saveDepartment();
+                  }
+                }}
+              />
+            </div>
+
+            <Button
+              type="button"
+              className="w-full"
+              disabled={!newDepartment.trim() || isCreating}
+              onClick={() => void saveDepartment()}
+            >
+              {commonT('actions.save')}
+            </Button>
+          </div>
+        </SheetContent>
+      </Sheet>
+    </>
+  );
+}

package/hedhog/frontend/src/app/(app)/(libraries)/operations/_components/my-project-summary-screen.d.ts

@@ -0,0 +1,4 @@
+export declare function MyProjectSummaryScreen({ projectId }: {
+    projectId: number;
+}): import("react").JSX.Element;
+//# sourceMappingURL=my-project-summary-screen.d.ts.map

package/hedhog/frontend/src/app/(app)/(libraries)/operations/_components/my-project-summary-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"my-project-summary-screen.d.ts","sourceRoot":"","sources":["my-project-summary-screen.tsx"],"names":[],"mappings":"AAiTA,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,+BAs9B1E"}