@eintrek/erp-theme 1.4.5 → 1.4.7

package/dist/index.js

@@ -16031,8 +16031,49 @@ function ScrollBar({ className, orientation = "vertical", ...props }) {
             "h-2.5 flex-col border-t border-t-transparent", className), ...props, children: require$$1.jsx(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
 }
 
-function Select({ ...props }) {
-    return require$$1.jsx(SelectPrimitive__namespace.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__namespace.useRef(defaultOpen ?? false);
+    if (open !== undefined)
+        isOpenRef.current = open;
+    return (require$$1.jsx(SelectPrimitive__namespace.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 require$$1.jsx(SelectPrimitive__namespace.Group, { "data-slot": "select-group", ...props });
@@ -25297,7 +25338,7 @@ function DataTablePagination({ table, pageSizeOptions = [10, 20, 30, 40, 50], cl
         }
         return pages;
     };
-    return (require$$1.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: require$$1.jsx("div", { className: "flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: require$$1.jsx(Pagination, { children: require$$1.jsxs(PaginationContent, { children: [require$$1.jsx(PaginationItem, { children: require$$1.jsx(PaginationPrevious, { onClick: () => table.previousPage(), disabled: !canPreviousPage, className: !canPreviousPage ? "pointer-events-none opacity-50" : "" }) }), getPageNumbers().map((page, index) => (require$$1.jsx(PaginationItem, { children: page === "..." ? (require$$1.jsx(PaginationEllipsis, {})) : (require$$1.jsx(PaginationLink, { onClick: () => table.setPageIndex(page - 1), isActive: currentPage === page, className: "cursor-pointer h-8 w-8", children: page })) }, index))), require$$1.jsx(PaginationItem, { children: require$$1.jsx(PaginationNext, { onClick: () => table.nextPage(), disabled: !canNextPage, className: !canNextPage ? "pointer-events-none opacity-50" : "" }) })] }) }) }) }));
+    return (require$$1.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: require$$1.jsx("div", { className: "flex flex-col-reverse items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: require$$1.jsx(Pagination, { children: require$$1.jsxs(PaginationContent, { children: [require$$1.jsx(PaginationItem, { children: require$$1.jsx(PaginationPrevious, { onClick: () => table.previousPage(), disabled: !canPreviousPage, className: !canPreviousPage ? "pointer-events-none opacity-50" : "" }) }), getPageNumbers().map((page, index) => (require$$1.jsx(PaginationItem, { children: page === "..." ? (require$$1.jsx(PaginationEllipsis, {})) : (require$$1.jsx(PaginationLink, { onClick: () => table.setPageIndex(page - 1), isActive: currentPage === page, className: "cursor-pointer h-8 w-8", children: page })) }, index))), require$$1.jsx(PaginationItem, { children: require$$1.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 }) {
@@ -25379,7 +25420,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)))) : (require$$1.jsx(TableRow, { children: require$$1.jsx(TableCell, { colSpan: table.getAllColumns().length, className: "h-24 text-center", children: "No results." }) })) })] }) }), require$$1.jsxs("div", { className: "flex items-center justify-between", children: [require$$1.jsx("div", { className: "text-muted-foreground hidden flex-1 text-sm lg:flex" }), require$$1.jsx("div", { children: !isLoading && require$$1.jsx(DataTablePagination, { table: table }) })] }), actionBar &&
+                                }) }, row.id)))) : (require$$1.jsx(TableRow, { children: require$$1.jsx(TableCell, { colSpan: table.getAllColumns().length, className: "h-24 text-center", children: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25" }) })) })] }) }), require$$1.jsxs("div", { className: "flex items-center justify-between", children: [require$$1.jsx("div", { className: "text-muted-foreground hidden flex-1 text-sm lg:flex" }), require$$1.jsx("div", { children: !isLoading && require$$1.jsx(DataTablePagination, { table: table }) })] }), actionBar &&
                 table.getFilteredSelectedRowModel().rows.length > 0 &&
                 actionBar] }));
 }
@@ -25724,7 +25765,7 @@ function DataTableFacetedFilter({ column, title, options, multiple, }) {
         }
         return title ?? "";
     }, [selectedValues, options, title]);
-    return (require$$1.jsxs(Popover, { open: open, onOpenChange: setOpen, children: [require$$1.jsx(PopoverTrigger, { asChild: true, children: require$$1.jsxs("div", { className: "relative", children: [require$$1.jsx(Input, { readOnly: true, placeholder: placeholderText, className: "pr-8 cursor-pointer" }), require$$1.jsx(lucideReact.ChevronDown, { className: "absolute right-2 top-1/2 h-4 w-4 -translate-y-1/2 pointer-events-none" })] }) }), require$$1.jsx(PopoverContent, { className: "w-[12.5rem] p-0", align: "start", children: require$$1.jsxs(Command, { children: [require$$1.jsx(CommandInput, { className: "!border-0 !outline-none text-foreground inline", placeholder: title }), require$$1.jsxs(CommandList, { className: "max-h-full", children: [require$$1.jsx(CommandEmpty, { children: "No results found." }), require$$1.jsx(CommandGroup, { className: "max-h-[18.75rem] overflow-y-auto overflow-x-hidden", children: options.map(option => {
+    return (require$$1.jsxs(Popover, { open: open, onOpenChange: setOpen, children: [require$$1.jsx(PopoverTrigger, { asChild: true, children: require$$1.jsxs("div", { className: "relative", children: [require$$1.jsx(Input, { readOnly: true, placeholder: placeholderText, className: "pr-8 cursor-pointer" }), require$$1.jsx(lucideReact.ChevronDown, { className: "absolute right-2 top-1/2 h-4 w-4 -translate-y-1/2 pointer-events-none" })] }) }), require$$1.jsx(PopoverContent, { className: "w-[12.5rem] p-0", align: "start", children: require$$1.jsxs(Command, { children: [require$$1.jsx(CommandInput, { className: "!border-0 !outline-none text-foreground inline", placeholder: title }), require$$1.jsxs(CommandList, { className: "max-h-full", children: [require$$1.jsx(CommandEmpty, { children: "\u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E17\u0E35\u0E48\u0E04\u0E49\u0E19\u0E2B\u0E32" }), require$$1.jsx(CommandGroup, { className: "max-h-[18.75rem] overflow-y-auto overflow-x-hidden", children: options.map(option => {
                                         const isSelected = selectedValues.has(option.value);
                                         return (require$$1.jsxs(CommandItem, { onSelect: () => onItemSelect(option, isSelected), className: "flex items-center", children: [require$$1.jsx("div", { className: cn$1("flex size-4 items-center justify-center rounded-sm border border-primary", isSelected
                                                         ? "bg-primary"