@eintrek/erp-theme 1.4.5 → 1.4.6

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, ...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,42 @@ 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, ...props }) {
+    return (jsx(SelectPrimitive.Root, { "data-slot": "select", ...props, onValueChange: value => {
+            // Swallow the empty value Radix emits on its own.
+            //
+            // Radix keeps a hidden native <select> so the control participates in
+            // real forms. Whenever the controlled value changes it assigns that
+            // value to the native node and dispatches a synthetic change event,
+            // which comes 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 — which is portalled and only mounted
+            // while the menu is open. So 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 is
+            // what every consumer receives.
+            //
+            // In practice this fires exactly when server data lands in a form:
+            // the field is set to the saved value, Radix echoes back "", and the
+            // handler writes it into form state. Fields normalised through an
+            // enum/fallback then snap to their default; fields validated by zod
+            // fail on submit with "received ''".
+            //
+            // A genuine selection can never be empty — that path is
+            // `context.onValueChange(value)` from SelectItem's handleSelect, using
+            // the item's own value — so dropping "" costs nothing. Consumers that
+            // really want a "none" option should give it an explicit sentinel
+            // value; Radix reserves "" for the placeholder.
+            if (value === "")
+                return;
+            onValueChange?.(value);
+        } }));
 }
 function SelectGroup({ ...props }) {
     return jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
@@ -25252,7 +25286,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 +25368,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 +25713,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"