@eintrek/erp-theme 1.4.7 → 1.4.9

package/dist/index.esm.js

@@ -163,8 +163,13 @@ function AspectRatio({ ...props }) {
 function Avatar({ className, ...props }) {
     return (jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn$1("relative flex size-8 shrink-0 overflow-hidden rounded-full", className), ...props }));
 }
-function AvatarImage({ className, ...props }) {
-    return (jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn$1("aspect-square size-full", className), ...props }));
+function AvatarImage({ className, src, ...props }) {
+    // Empty/undefined src still mounts an <img> in some browsers and shows a
+    // broken-image glyph over AvatarFallback (e.g. a black "N" badge). Skip it.
+    if (src == null || src === "") {
+        return null;
+    }
+    return (jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", src: src, className: cn$1("aspect-square size-full", className), ...props }));
 }
 function AvatarFallback({ className, ...props }) {
     return (jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn$1("bg-muted flex size-full items-center justify-center rounded-full", className), ...props }));
@@ -13408,6 +13413,222 @@ function HoverCardContent({ className, align = "center", sideOffset = 4, ...prop
     return (jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: jsx(HoverCardPrimitive.Content, { "data-slot": "hover-card-content", align: align, sideOffset: sideOffset, className: cn$1("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className), ...props }) }));
 }
 
+function countDigitsBefore$1(str, caret) {
+    let n = 0;
+    for (let i = 0; i < caret && i < str.length; i++) {
+        if (/\d/.test(str[i]))
+            n++;
+    }
+    return n;
+}
+function caretAfterDigits$1(str, digitCount) {
+    if (digitCount <= 0)
+        return 0;
+    let seen = 0;
+    for (let i = 0; i < str.length; i++) {
+        if (/\d/.test(str[i])) {
+            seen++;
+            if (seen >= digitCount)
+                return i + 1;
+        }
+    }
+    return str.length;
+}
+function stripToRaw(input, allowNegative) {
+    let s = input.replace(/,/g, "");
+    const neg = allowNegative && s.startsWith("-");
+    s = s.replace(/[^\d.]/g, "");
+    // Keep only the first decimal point.
+    const dot = s.indexOf(".");
+    if (dot !== -1) {
+        s = s.slice(0, dot + 1) + s.slice(dot + 1).replace(/\./g, "");
+    }
+    return neg ? `-${s}` : s;
+}
+function formatRaw(raw, decimals) {
+    if (raw === "" || raw === "-" || raw === ".")
+        return raw === "." ? "0." : raw;
+    const neg = raw.startsWith("-");
+    const body = neg ? raw.slice(1) : raw;
+    const [intPart = "", fracPart] = body.split(".");
+    const intFormatted = intPart === ""
+        ? ""
+        : Number(intPart).toLocaleString("en-US", { maximumFractionDigits: 0 });
+    let out = neg ? `-${intFormatted}` : intFormatted;
+    if (fracPart !== undefined) {
+        out += `.${fracPart.slice(0, decimals)}`;
+    }
+    return out;
+}
+function parseRaw(raw) {
+    if (raw === "" || raw === "-" || raw === "." || raw === "-.")
+        return "";
+    const n = Number(raw);
+    return Number.isFinite(n) ? n : "";
+}
+/**
+ * Number input that shows thousand separators while typing (e.g. 100,000).
+ * Emits a numeric model value without commas.
+ */
+function FormattedNumberInput({ value, onChange, decimals = 2, allowNegative = false, className, onBlur, ...props }) {
+    const inputRef = React.useRef(null);
+    const numeric = typeof value === "number" && Number.isFinite(value) ? value : undefined;
+    const toRawFromNumeric = (n) => {
+        if (decimals <= 0)
+            return String(Math.trunc(n));
+        // Avoid scientific notation; trim trailing zeros for cleaner edits.
+        const fixed = n.toFixed(decimals);
+        return fixed.replace(/\.?0+$/, "") || "0";
+    };
+    const [raw, setRaw] = React.useState(() => numeric === undefined ? "" : toRawFromNumeric(numeric));
+    // Sync from external value when not actively mismatched (controlled reset).
+    React.useEffect(() => {
+        if (numeric === undefined) {
+            if (raw !== "" && raw !== "-" && parseRaw(raw) === "") {
+                // keep incomplete draft
+                return;
+            }
+            if (parseRaw(raw) === "")
+                setRaw("");
+            return;
+        }
+        if (parseRaw(raw) === numeric)
+            return;
+        setRaw(toRawFromNumeric(numeric));
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- only react to external value
+    }, [numeric]);
+    const display = formatRaw(raw, decimals);
+    const accepts = React.useMemo(() => {
+        const sign = allowNegative ? "-?" : "";
+        return new RegExp(`^${sign}\\d*\\.?\\d{0,${decimals}}$`);
+    }, [allowNegative, decimals]);
+    return (jsx(Input, { ...props, ref: inputRef, type: "text", inputMode: "decimal", autoComplete: "off", className: cn$1(className), value: display, onChange: (event) => {
+            const el = event.target;
+            const nextRaw = stripToRaw(el.value, allowNegative);
+            if (!accepts.test(nextRaw) && nextRaw !== "" && nextRaw !== "-") {
+                return;
+            }
+            const digitsBefore = countDigitsBefore$1(el.value, el.selectionStart ?? el.value.length);
+            setRaw(nextRaw);
+            onChange(parseRaw(nextRaw));
+            const nextDisplay = formatRaw(nextRaw, decimals);
+            requestAnimationFrame(() => {
+                const node = inputRef.current;
+                if (!node)
+                    return;
+                const pos = caretAfterDigits$1(nextDisplay, digitsBefore);
+                node.setSelectionRange(pos, pos);
+            });
+        }, onBlur: (event) => {
+            const parsed = parseRaw(raw);
+            if (parsed === "") {
+                setRaw("");
+                onChange("");
+            }
+            else {
+                const normalized = toRawFromNumeric(parsed);
+                setRaw(normalized);
+                onChange(parsed);
+            }
+            onBlur?.(event);
+        } }));
+}
+
+/** `#` = digit slot; any other character is a literal shown while typing. */
+const MASK_PRESETS = {
+    /** Thai bank-style account: 555-5-55555-5 */
+    bankAccount: "###-#-#####-#",
+    /** Thai mobile (10 digits): 081-234-5678 */
+    thaiPhone: "###-###-####",
+    /** Thai national ID (13 digits): 1-2345-67890-12-3 */
+    thaiNationalId: "#-####-#####-##-#",
+};
+function resolveMask(mask) {
+    if (mask in MASK_PRESETS) {
+        return MASK_PRESETS[mask];
+    }
+    return mask;
+}
+function maxDigits(pattern) {
+    let n = 0;
+    for (const ch of pattern)
+        if (ch === "#")
+            n++;
+    return n;
+}
+/**
+ * Map digits onto `#` slots. Literals appear as soon as the previous `#` is
+ * filled; after the last typed digit, the next separator is shown so the mask
+ * is visible while typing (e.g. "555-").
+ */
+function formatMasked(digits, pattern) {
+    if (!digits)
+        return "";
+    let di = 0;
+    let out = "";
+    for (let i = 0; i < pattern.length; i++) {
+        const ch = pattern[i];
+        if (ch === "#") {
+            if (di >= digits.length)
+                break;
+            out += digits[di++];
+        }
+        else {
+            if (di === 0)
+                break;
+            out += ch;
+        }
+    }
+    return out;
+}
+function parseDigits(input, pattern) {
+    return input.replace(/\D/g, "").slice(0, maxDigits(pattern));
+}
+function countDigitsBefore(str, caret) {
+    let n = 0;
+    for (let i = 0; i < caret && i < str.length; i++) {
+        if (/\d/.test(str[i]))
+            n++;
+    }
+    return n;
+}
+function caretAfterDigits(str, digitCount) {
+    if (digitCount <= 0)
+        return 0;
+    let seen = 0;
+    for (let i = 0; i < str.length; i++) {
+        if (/\d/.test(str[i])) {
+            seen++;
+            if (seen >= digitCount)
+                return i + 1;
+        }
+    }
+    return str.length;
+}
+/**
+ * Masked text input that shows separators while typing (e.g. 555-5-55555-5).
+ * `value` / `onChange` use digits only.
+ */
+function MaskedTextInput({ value, onChange, mask, className, ...props }) {
+    const inputRef = React.useRef(null);
+    const pattern = resolveMask(mask);
+    const display = formatMasked(value ?? "", pattern);
+    return (jsx(Input, { ...props, ref: inputRef, type: "text", inputMode: "numeric", autoComplete: "off", className: cn$1(className), value: display, onChange: (event) => {
+            const el = event.target;
+            const digitsBefore = countDigitsBefore(el.value, el.selectionStart ?? el.value.length);
+            const next = parseDigits(el.value, pattern);
+            onChange(next);
+            const nextDisplay = formatMasked(next, pattern);
+            requestAnimationFrame(() => {
+                const node = inputRef.current;
+                if (!node)
+                    return;
+                const pos = caretAfterDigits(nextDisplay, digitsBefore);
+                node.setSelectionRange(pos, pos);
+            });
+        } }));
+}
+
 function InputField({ id, label, helperText, error, required, containerClassName, labelClassName, messageClassName, className, ref, ...props }) {
     const reactId = React.useId();
     const inputId = id ?? reactId;
@@ -34577,5 +34798,5 @@ const flagConfig = {
     ],
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandBlock, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomSelectField2, DataTable, DataTableCell, DataTableColumnHeader, DataTableDateFilter, DataTableFacetedFilter, DataTableFilterDropdown, DataTableFilterList, DataTablePagination, DataTableRangeFilter, DataTableSkeleton, DataTableSliderFilter, DataTableSortList, DataTableToolbar, DataTableViewOptions, DateInput, DatePicker, DatePickerField, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Faceted, FacetedBadgeList, FacetedContent, FacetedEmpty, FacetedGroup, FacetedInput, FacetedItem, FacetedList, FacetedSeparator, FacetedTrigger, FileUploader, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSkeleton, Header, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputField, InputOTP, InputOTPGroup, InputOTPSlot, Label, LoadingScreen, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, PageHeader, Pagination$1 as Pagination, PaginationContent$1 as PaginationContent, PaginationEllipsis$1 as PaginationEllipsis, PaginationItem$1 as PaginationItem, PaginationLink$1 as PaginationLink, PaginationNext$1 as PaginationNext, PaginationPrevious$1 as PaginationPrevious, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RegistryItemRow, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarTrigger, Skeleton, Slider, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, Switch, THAI_MONTH_NAMES, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaField, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, ValidationErrors, badgeVariants, buttonVariants, cn$1 as cn, convertFileToUploadedFile, convertFilesToUploadedFiles, dataTableConfig, databasePrefix, flagConfig, formatCurrency, formatDate, formatDateThai, formatDateThaiShort, formatFileSize, formatNumber, formatThaiMonth, formatThaiMonthShort, generateFileId, generateId, getBaseUrl, getCommonPinningStyles, getDefaultFilterOperator, getFilterOperators, getFiltersStateParser, getMonthDateRange, getSortingStateParser, getThaiMonthName, getValidFilters, isImageFile, navigationMenuTriggerStyle, siteConfig, thaiBahtText, toBuddhistIso, toBuddhistYear, toGregorianYear, toggleVariants, unknownError, useCallbackRef, useDataTable, useDebounce, useDebouncedCallback, useFormField, useIsMobile, useMediaQuery, validateFileSize, validateFileType };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandBlock, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CustomSelectField2, DataTable, DataTableCell, DataTableColumnHeader, DataTableDateFilter, DataTableFacetedFilter, DataTableFilterDropdown, DataTableFilterList, DataTablePagination, DataTableRangeFilter, DataTableSkeleton, DataTableSliderFilter, DataTableSortList, DataTableToolbar, DataTableViewOptions, DateInput, DatePicker, DatePickerField, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Faceted, FacetedBadgeList, FacetedContent, FacetedEmpty, FacetedGroup, FacetedInput, FacetedItem, FacetedList, FacetedSeparator, FacetedTrigger, FileUploader, Footer, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormSkeleton, FormattedNumberInput, Header, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputField, InputOTP, InputOTPGroup, InputOTPSlot, Label, LoadingScreen, MASK_PRESETS, MaskedTextInput, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, PageHeader, Pagination$1 as Pagination, PaginationContent$1 as PaginationContent, PaginationEllipsis$1 as PaginationEllipsis, PaginationItem$1 as PaginationItem, PaginationLink$1 as PaginationLink, PaginationNext$1 as PaginationNext, PaginationPrevious$1 as PaginationPrevious, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RegistryItemRow, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarTrigger, Skeleton, Slider, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, Switch, THAI_MONTH_NAMES, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaField, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, ValidationErrors, badgeVariants, buttonVariants, cn$1 as cn, convertFileToUploadedFile, convertFilesToUploadedFiles, dataTableConfig, databasePrefix, flagConfig, formatCurrency, formatDate, formatDateThai, formatDateThaiShort, formatFileSize, formatMasked as formatMaskedValue, formatNumber, formatThaiMonth, formatThaiMonthShort, generateFileId, generateId, getBaseUrl, getCommonPinningStyles, getDefaultFilterOperator, getFilterOperators, getFiltersStateParser, getMonthDateRange, getSortingStateParser, getThaiMonthName, getValidFilters, isImageFile, navigationMenuTriggerStyle, parseDigits as parseMaskedDigits, siteConfig, thaiBahtText, toBuddhistIso, toBuddhistYear, toGregorianYear, toggleVariants, unknownError, useCallbackRef, useDataTable, useDebounce, useDebouncedCallback, useFormField, useIsMobile, useMediaQuery, validateFileSize, validateFileType };
 //# sourceMappingURL=index.esm.js.map