erp-pos-ecommerce-shared 0.1.7 → 0.2.1

package/dist/components.d.ts

@@ -1,8 +1,8 @@
 import React$1, { ReactNode } from 'react';
-import { e as IField, b as IButton } from './form.interface-CqnTdmc8.js';
+import { e as IField, b as IButton } from './form.interface-CO6P9ez0.js';
 import { ReactFormExtendedApi, FormValidateOrFn, FormAsyncValidateOrFn } from '@tanstack/react-form';
 import { UseMutationResult, UseQueryOptions } from '@tanstack/react-query';
-import { s as TblProductsImage, o as ITableFilterConfig, g as IFilterSelectOption } from './filters.interface-Cx-AXMPz.js';
+import { u as TblProductsImage, q as ITableFilterConfig, i as IFilterSelectOption } from './filters.interface-glhGBJfx.js';
 import * as z from 'zod';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColumnDef, useReactTable, Row } from '@tanstack/react-table';

package/dist/components.js

@@ -9,6 +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 { 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';
 
@@ -1114,6 +1115,8 @@ var BottomPagination = ({
   onPageSizeChange,
   onPageIndexChange
 }) => {
+  const isMobile = useMediaQuery("(max-width: 767px)");
+  const isDesktop = useMediaQuery("(min-width: 992px)");
   const totalPages = Math.ceil(total / pageSize);
   const currentPage = pageIndex + 1;
   const handlePageChange = (page) => {
@@ -1145,18 +1148,18 @@ var BottomPagination = ({
           Pagination,
           {
             radius: "md",
-            withEdges: true,
+            withEdges: isDesktop,
             total: totalPages,
             value: currentPage,
             onChange: handlePageChange,
             size: "sm",
-            siblings: 1,
-            boundaries: 1,
-            style: {
+            siblings: !isMobile ? 1 : 0,
+            boundaries: !isMobile ? 1 : 0,
+            style: isDesktop ? {
               position: "absolute",
               left: "50%",
               transform: "translateX(-50%)"
-            }
+            } : void 0
           }
         ),
         /* @__PURE__ */ jsxs(Group, { style: { marginLeft: "auto", alignItems: "center" }, children: [
@@ -1179,8 +1182,8 @@ var BottomPagination = ({
               comboboxProps: { withinPortal: false }
             }
           ),
-          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "registros" }),
-          total !== void 0 && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", ml: "xs", children: [
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", visibleFrom: "sm", children: "registros" }),
+          total !== void 0 && !isMobile && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", ml: "xs", children: [
             "(",
             total,
             " en total)"