@eintrek/erp-theme 1.4.8 → 1.4.9

package/dist/index.esm.js

@@ -13413,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;
@@ -34582,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