@eintrek/erp-theme 1.4.11 → 1.4.13

package/dist/index.js

@@ -1436,8 +1436,24 @@ const th = {
   },
 };
 
-function Input({ className, type, ...props }) {
-    return (require$$1.jsx("input", { type: type, "data-slot": "input", className: cn$1("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className), ...props }));
+function Input({ className, type, onWheel, ...props }) {
+    // Scrolling the page with the pointer over a FOCUSED number input makes the
+    // browser step its value — the user is just moving down the form and the
+    // quantity or price they typed silently changes under the cursor. Blink only
+    // does this for discrete wheel notches, so a mouse (Windows, typically) hits
+    // it constantly while a trackpad (macOS) almost never does, which is why it
+    // reads as a platform bug.
+    //
+    // Blurring drops the focus the stepping depends on, so the wheel goes back to
+    // scrolling the page. preventDefault() is not an option: React attaches wheel
+    // listeners passively, and blocking it would trap the page under the cursor.
+    const handleWheel = (event) => {
+        onWheel?.(event);
+        if (type === "number" && document.activeElement === event.currentTarget) {
+            event.currentTarget.blur();
+        }
+    };
+    return (require$$1.jsx("input", { type: type, onWheel: handleWheel, "data-slot": "input", className: cn$1("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className), ...props }));
 }
 
 function Popover({ ...props }) {
@@ -1450,7 +1466,18 @@ function PopoverContent({ className, align = "center", sideOffset = 4, ...props
     return (require$$1.jsx(PopoverPrimitive__namespace.Portal, { children: require$$1.jsx(PopoverPrimitive__namespace.Content, { "data-slot": "popover-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-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className), ...props }) }));
 }
 
-const defaultDisabledDates = (date) => date > new Date() || date < new Date("1900-01-01");
+/**
+ * Only the lower bound is universal. Rejecting future dates by default made
+ * every forward-looking field — due dates, expiry, delivery, installment
+ * schedules — silently unusable unless the caller remembered to override it,
+ * and several forms already carried `d => d < new Date("1900-01-01")` purely
+ * to undo it. A field that must stay in the past says so with its own
+ * `disabledDates`; the picker no longer guesses.
+ */
+const defaultDisabledDates = (date) => date < new Date("1900-01-01");
+/** Ready-made matcher for fields that genuinely cannot be in the future
+ *  (date of birth, an issue date on a document already in hand). */
+const disallowFutureDates = (date) => date > new Date() || date < new Date("1900-01-01");
 const defaultFormatDate = (date) => new Intl.DateTimeFormat("th-TH", {
     day: "numeric",
     month: "long",
@@ -35165,6 +35192,7 @@ exports.convertFileToUploadedFile = convertFileToUploadedFile;
 exports.convertFilesToUploadedFiles = convertFilesToUploadedFiles;
 exports.dataTableConfig = dataTableConfig;
 exports.databasePrefix = databasePrefix;
+exports.disallowFutureDates = disallowFutureDates;
 exports.flagConfig = flagConfig;
 exports.formatCurrency = formatCurrency;
 exports.formatDate = formatDate;