@eintrek/erp-theme 1.4.5 → 1.4.7

package/dist/components/ui/select.d.ts

@@ -1,6 +1,6 @@
 import { Select as SelectPrimitive } from "radix-ui";
 import * as React from "react";
-declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Select({ onValueChange, onOpenChange, open, defaultOpen, ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
 declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
 declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {

package/dist/index.esm.js

@@ -15986,8 +15986,49 @@ function ScrollBar({ className, orientation = "vertical", ...props }) {
             "h-2.5 flex-col border-t border-t-transparent", className), ...props, children: jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
 }
 
-function Select({ ...props }) {
-    return jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+function Select({ onValueChange, onOpenChange, open, defaultOpen, ...props }) {
+    // Tracked in a ref, not state: this only needs to be readable inside the
+    // callback below, and putting it in state would re-render on every open.
+    const isOpenRef = React.useRef(defaultOpen ?? false);
+    if (open !== undefined)
+        isOpenRef.current = open;
+    return (jsx(SelectPrimitive.Root, { "data-slot": "select", ...props, open: open, defaultOpen: defaultOpen, onOpenChange: next => {
+            isOpenRef.current = next;
+            onOpenChange?.(next);
+        }, onValueChange: value => {
+            // Drop ONLY the empty value Radix echoes back on its own.
+            //
+            // Radix keeps a hidden native <select> so the control works inside
+            // real forms. Whenever the controlled value changes it assigns that
+            // value to the native node and dispatches a synthetic change event,
+            // which comes straight back out through onValueChange:
+            //
+            //   setValue.call(select, selectValue);
+            //   select.dispatchEvent(new Event("change", { bubbles: true }));
+            //   ...
+            //   onChange: (event) => onValueChange(event.target.value)
+            //
+            // The native <option> list is registered by SelectItem, and the items
+            // live inside SelectContent — portalled, and only mounted while the
+            // menu is open. On a closed select the option for the incoming value
+            // usually does not exist yet, the DOM refuses the assignment,
+            // `select.value` collapses to "", and that empty string reaches the
+            // consumer. In a form this lands exactly when saved data arrives: the
+            // field is set to its stored value, Radix echoes "", and the handler
+            // writes that back — enum fields then snap to their fallback and zod
+            // rejects the submit with "received ''".
+            //
+            // The open check is what keeps a real "none" option working. Radix
+            // does NOT forbid <SelectItem value="">, and picking one is a
+            // legitimate way to clear a selection. A user pick always arrives
+            // while the menu is still open — SelectItem's handleSelect calls
+            // onValueChange(value) BEFORE onOpenChange(false) — whereas the echo
+            // above fires from an effect with the menu closed. So only the closed
+            // case is suppressed.
+            if (value === "" && !isOpenRef.current)
+                return;
+            onValueChange?.(value);
+        } }));
 }
 function SelectGroup({ ...props }) {
     return jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
@@ -25252,7 +25293,7 @@ function DataTablePagination({ table, pageSizeOptions = [10, 20, 30, 40, 50], cl
         }
         return pages;
     };
-    return (jsx("div", { className: cn$1("data-table-pagination flex w-full flex-col-reverse items-center justify-between overflow-auto sm:flex-row bg-sidebar mt-4 rounded-2xl p-4 shadow-sm", className), ...props, children: jsx("div", { className: "flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: jsx(Pagination, { children: jsxs(PaginationContent, { children: [jsx(PaginationItem, { children: jsx(PaginationPrevious, { onClick: () => table.previousPage(), disabled: !canPreviousPage, className: !canPreviousPage ? "pointer-events-none opacity-50" : "" }) }), getPageNumbers().map((page, index) => (jsx(PaginationItem, { children: page === "..." ? (jsx(PaginationEllipsis, {})) : (jsx(PaginationLink, { onClick: () => table.setPageIndex(page - 1), isActive: currentPage === page, className: "cursor-pointer h-8 w-8", children: page })) }, index))), jsx(PaginationItem, { children: jsx(PaginationNext, { onClick: () => table.nextPage(), disabled: !canNextPage, className: !canNextPage ? "pointer-events-none opacity-50" : "" }) })] }) }) }) }));
+    return (jsx("div", { className: cn$1("data-table-pagination flex w-full flex-col-reverse items-center justify-between overflow-auto sm:flex-row bg-sidebar rounded-2xl p-4 shadow-sm", className), ...props, children: jsx("div", { className: "flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: jsx(Pagination, { children: jsxs(PaginationContent, { children: [jsx(PaginationItem, { children: jsx(PaginationPrevious, { onClick: () => table.previousPage(), disabled: !canPreviousPage, className: !canPreviousPage ? "pointer-events-none opacity-50" : "" }) }), getPageNumbers().map((page, index) => (jsx(PaginationItem, { children: page === "..." ? (jsx(PaginationEllipsis, {})) : (jsx(PaginationLink, { onClick: () => table.setPageIndex(page - 1), isActive: currentPage === page, className: "cursor-pointer h-8 w-8", children: page })) }, index))), jsx(PaginationItem, { children: jsx(PaginationNext, { onClick: () => table.nextPage(), disabled: !canNextPage, className: !canNextPage ? "pointer-events-none opacity-50" : "" }) })] }) }) }) }));
 }
 
 function DataTable({ table, actionBar, children, className, isLoading = false, isFetching = false, getRowClassName, ...props }) {
@@ -25334,7 +25375,7 @@ function DataTable({ table, actionBar, children, className, isLoading = false, i
                                                 : undefined,
                                             boxShadow: getCellBoxShadow(cell.column.columnDef.meta?.sticky, cell.column.columnDef.meta?.showLeftDivider),
                                         }, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
-                                }) }, row.id)))) : (jsx(TableRow, { children: jsx(TableCell, { colSpan: table.getAllColumns().length, className: "h-24 text-center", children: "No results." }) })) })] }) }), jsxs("div", { className: "flex items-center justify-between", children: [jsx("div", { className: "text-muted-foreground hidden flex-1 text-sm lg:flex" }), jsx("div", { children: !isLoading && jsx(DataTablePagination, { table: table }) })] }), actionBar &&
+                                }) }, row.id)))) : (jsx(TableRow, { children: jsx(TableCell, { colSpan: table.getAllColumns().length, className: "h-24 text-center", children: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25" }) })) })] }) }), jsxs("div", { className: "flex items-center justify-between", children: [jsx("div", { className: "text-muted-foreground hidden flex-1 text-sm lg:flex" }), jsx("div", { children: !isLoading && jsx(DataTablePagination, { table: table }) })] }), actionBar &&
                 table.getFilteredSelectedRowModel().rows.length > 0 &&
                 actionBar] }));
 }
@@ -25679,7 +25720,7 @@ function DataTableFacetedFilter({ column, title, options, multiple, }) {
         }
         return title ?? "";
     }, [selectedValues, options, title]);
-    return (jsxs(Popover, { open: open, onOpenChange: setOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs("div", { className: "relative", children: [jsx(Input, { readOnly: true, placeholder: placeholderText, className: "pr-8 cursor-pointer" }), jsx(ChevronDown, { className: "absolute right-2 top-1/2 h-4 w-4 -translate-y-1/2 pointer-events-none" })] }) }), jsx(PopoverContent, { className: "w-[12.5rem] p-0", align: "start", children: jsxs(Command, { children: [jsx(CommandInput, { className: "!border-0 !outline-none text-foreground inline", placeholder: title }), jsxs(CommandList, { className: "max-h-full", children: [jsx(CommandEmpty, { children: "No results found." }), jsx(CommandGroup, { className: "max-h-[18.75rem] overflow-y-auto overflow-x-hidden", children: options.map(option => {
+    return (jsxs(Popover, { open: open, onOpenChange: setOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs("div", { className: "relative", children: [jsx(Input, { readOnly: true, placeholder: placeholderText, className: "pr-8 cursor-pointer" }), jsx(ChevronDown, { className: "absolute right-2 top-1/2 h-4 w-4 -translate-y-1/2 pointer-events-none" })] }) }), jsx(PopoverContent, { className: "w-[12.5rem] p-0", align: "start", children: jsxs(Command, { children: [jsx(CommandInput, { className: "!border-0 !outline-none text-foreground inline", placeholder: title }), jsxs(CommandList, { className: "max-h-full", children: [jsx(CommandEmpty, { children: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E17\u0E35\u0E48\u0E04\u0E49\u0E19\u0E2B\u0E32" }), jsx(CommandGroup, { className: "max-h-[18.75rem] overflow-y-auto overflow-x-hidden", children: options.map(option => {
                                         const isSelected = selectedValues.has(option.value);
                                         return (jsxs(CommandItem, { onSelect: () => onItemSelect(option, isSelected), className: "flex items-center", children: [jsx("div", { className: cn$1("flex size-4 items-center justify-center rounded-sm border border-primary", isSelected
                                                         ? "bg-primary"