@eintrek/erp-theme 1.4.7 → 1.4.9

package/dist/index.js

@@ -208,8 +208,13 @@ function AspectRatio({ ...props }) {
 function Avatar({ className, ...props }) {
     return (require$$1.jsx(AvatarPrimitive__namespace.Root, { "data-slot": "avatar", className: cn$1("relative flex size-8 shrink-0 overflow-hidden rounded-full", className), ...props }));
 }
-function AvatarImage({ className, ...props }) {
-    return (require$$1.jsx(AvatarPrimitive__namespace.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 (require$$1.jsx(AvatarPrimitive__namespace.Image, { "data-slot": "avatar-image", src: src, className: cn$1("aspect-square size-full", className), ...props }));
 }
 function AvatarFallback({ className, ...props }) {
     return (require$$1.jsx(AvatarPrimitive__namespace.Fallback, { "data-slot": "avatar-fallback", className: cn$1("bg-muted flex size-full items-center justify-center rounded-full", className), ...props }));
@@ -13453,6 +13458,222 @@ function HoverCardContent({ className, align = "center", sideOffset = 4, ...prop
     return (require$$1.jsx(HoverCardPrimitive__namespace.Portal, { "data-slot": "hover-card-portal", children: require$$1.jsx(HoverCardPrimitive__namespace.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__namespace.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__namespace.useState(() => numeric === undefined ? "" : toRawFromNumeric(numeric));
+    // Sync from external value when not actively mismatched (controlled reset).
+    React__namespace.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__namespace.useMemo(() => {
+        const sign = allowNegative ? "-?" : "";
+        return new RegExp(`^${sign}\\d*\\.?\\d{0,${decimals}}$`);
+    }, [allowNegative, decimals]);
+    return (require$$1.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__namespace.useRef(null);
+    const pattern = resolveMask(mask);
+    const display = formatMasked(value ?? "", pattern);
+    return (require$$1.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__namespace.useId();
     const inputId = id ?? reactId;
@@ -34762,6 +34983,7 @@ exports.FormItem = FormItem;
 exports.FormLabel = FormLabel;
 exports.FormMessage = FormMessage;
 exports.FormSkeleton = FormSkeleton;
+exports.FormattedNumberInput = FormattedNumberInput;
 exports.Header = Header;
 exports.HoverCard = HoverCard;
 exports.HoverCardContent = HoverCardContent;
@@ -34773,6 +34995,8 @@ exports.InputOTPGroup = InputOTPGroup;
 exports.InputOTPSlot = InputOTPSlot;
 exports.Label = Label;
 exports.LoadingScreen = LoadingScreen;
+exports.MASK_PRESETS = MASK_PRESETS;
+exports.MaskedTextInput = MaskedTextInput;
 exports.Menubar = Menubar;
 exports.MenubarCheckboxItem = MenubarCheckboxItem;
 exports.MenubarContent = MenubarContent;
@@ -34893,6 +35117,7 @@ exports.formatDate = formatDate;
 exports.formatDateThai = formatDateThai;
 exports.formatDateThaiShort = formatDateThaiShort;
 exports.formatFileSize = formatFileSize;
+exports.formatMaskedValue = formatMasked;
 exports.formatNumber = formatNumber;
 exports.formatThaiMonth = formatThaiMonth;
 exports.formatThaiMonthShort = formatThaiMonthShort;
@@ -34909,6 +35134,7 @@ exports.getThaiMonthName = getThaiMonthName;
 exports.getValidFilters = getValidFilters;
 exports.isImageFile = isImageFile;
 exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
+exports.parseMaskedDigits = parseDigits;
 exports.siteConfig = siteConfig;
 exports.thaiBahtText = thaiBahtText;
 exports.toBuddhistIso = toBuddhistIso;