erp-pos-ecommerce-shared 0.2.13 → 0.2.15

package/dist/components.js

@@ -9,7 +9,7 @@ import { modals } from '@mantine/modals';
 import { notifications } from '@mantine/notifications';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as z from 'zod';
-import { useMediaQuery } from '@mantine/hooks';
+import { useMediaQuery as useMediaQuery$1 } from '@mantine/hooks';
 import { flexRender, useReactTable, getSortedRowModel, getPaginationRowModel, getCoreRowModel } from '@tanstack/react-table';
 import { ArrowDown, ArrowUp, ArrowUpDown, FileX, X, Search, ChevronUp, ChevronDown, ListFilter, Check, CalendarDays, MoreVertical } from 'lucide-react';
 
@@ -1108,6 +1108,12 @@ var barTextActive = "light-dark(#111827, var(--mantine-color-dark-0))";
 var defaultHeaderBgColor = "light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6))";
 var paginationBorder = "light-dark(#e5e5e5, var(--mantine-color-dark-4))";
 var paginationSurface = "light-dark(var(--mantine-color-white), var(--mantine-color-dark-6))";
+var useMediaQuery = () => {
+  const isMobile = useMediaQuery$1("(max-width: 767px)");
+  const isDesktop = useMediaQuery$1("(min-width: 992px)");
+  const isTablet = useMediaQuery$1("(min-width: 768px) and (max-width: 991px)");
+  return { isMobile, isDesktop, isTablet };
+};
 var BottomPagination = ({
   total,
   pageSize,
@@ -1115,8 +1121,7 @@ var BottomPagination = ({
   onPageSizeChange,
   onPageIndexChange
 }) => {
-  const isMobile = useMediaQuery("(max-width: 767px)");
-  const isDesktop = useMediaQuery("(min-width: 992px)");
+  const { isMobile, isDesktop } = useMediaQuery();
   const totalPages = Math.ceil(total / pageSize);
   const currentPage = pageIndex + 1;
   const handlePageChange = (page) => {
@@ -1376,7 +1381,7 @@ var TableHeader = ({
       const sortState = header.column.getIsSorted();
       const Icon = canSort ? getSortIcon(sortState) : null;
       const isHovered = hoveredHeaderId === header.id;
-      return /* @__PURE__ */ jsx(Table.Th, { bg: bgColor, children: /* @__PURE__ */ jsxs(
+      return /* @__PURE__ */ jsx(Table.Th, { bg: bgColor, w: header.getSize(), children: /* @__PURE__ */ jsxs(
         UnstyledButton,
         {
           style: {
@@ -1453,6 +1458,7 @@ var TableBody = ({
         row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(
           Table.Td,
           {
+            w: cell.column.getSize(),
             onClick: () => onRowClick?.(row.original),
             children: /* @__PURE__ */ jsx(
               Text,
@@ -1824,7 +1830,7 @@ var FilterSelect = ({
             children: selectedOption ? selectedOption.label : placeholder
           }
         ) }),
-        /* @__PURE__ */ jsxs(Menu.Dropdown, { style: { boxShadow: "0 0 10px 0 rgba(0, 0, 0, 0.1)" }, children: [
+        /* @__PURE__ */ jsxs(Menu.Dropdown, { style: { boxShadow: "0 0 10px 0 rgba(0, 0, 0, 0.1)", borderRadius: "8px" }, children: [
           searchable && /* @__PURE__ */ jsx(
             TextInput,
             {
@@ -1836,7 +1842,7 @@ var FilterSelect = ({
               onChange: (e) => setSearch(e.currentTarget.value)
             }
           ),
-          /* @__PURE__ */ jsx(ScrollArea, { h: 240, scrollbars: "y", type: "always", children: filteredOptions.map((option) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(ScrollArea, { mah: 240, scrollbars: "y", type: "always", children: filteredOptions.map((option) => /* @__PURE__ */ jsx(
             Menu.Item,
             {
               leftSection: selectedOption?.value === option.value ? /* @__PURE__ */ jsx(Check, { size: 12 }) : null,