@accounter/client 0.0.8-alpha-20251029124401-d15137847e8450b1ecf3e3cfa6b68dda7239ca45 → 0.0.8-alpha-20251029124448-6b4f8bc975a23de63429b68d0806022dbfc5b226

package/src/components/ui/pagination.tsx

@@ -1,194 +0,0 @@
-import React, { type ComponentProps } from 'react';
-import { ChevronsLeftIcon, ChevronsRightIcon } from 'lucide-react';
-import { Button } from '@/components/ui/button.js';
-import { cn } from '@/lib/utils.js';
-import { ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';
-
-interface PaginationProps extends Omit<React.ComponentProps<'nav'>, 'onChange' | 'value'> {
-  onChange: (page: number) => void;
-  total: number;
-  value: number;
-}
-
-const Pagination = ({ onChange, total, value, ...props }: PaginationProps) => {
-  if (total <= 1) {
-    return null;
-  }
-  const currentPage = value + 1;
-
-  return (
-    <PaginationWrapper {...props}>
-      <PaginationContent>
-        {/* previous button */}
-        <PaginationItem>
-          <PaginationPrevious disabled={currentPage <= 1} onClick={() => onChange(value - 1)} />
-        </PaginationItem>
-
-        {/* first page button */}
-        {total > 3 && currentPage > 1 && (
-          <PaginationItem>
-            <PaginationLink onClick={() => onChange(0)}>1</PaginationLink>
-          </PaginationItem>
-        )}
-
-        {total > 3 && currentPage > 3 && (
-          <PaginationItem>
-            <PaginationEllipsis />
-          </PaginationItem>
-        )}
-
-        {currentPage > 2 && (
-          <PaginationItem>
-            <PaginationLink onClick={() => onChange(value - 1)}>{currentPage - 1}</PaginationLink>
-          </PaginationItem>
-        )}
-        <PaginationItem>
-          <PaginationLink onClick={() => {}} isActive>
-            {currentPage}
-          </PaginationLink>
-        </PaginationItem>
-        {currentPage < total - 1 && (
-          <PaginationItem>
-            <PaginationLink onClick={() => onChange(value + 1)}>{currentPage + 1}</PaginationLink>
-          </PaginationItem>
-        )}
-
-        {total > 3 && currentPage < total - 2 && (
-          <PaginationItem>
-            <PaginationEllipsis />
-          </PaginationItem>
-        )}
-
-        {/* last page button */}
-        {total > 3 && currentPage < total && (
-          <PaginationItem>
-            <PaginationLink onClick={() => onChange(total - 1)}>{total}</PaginationLink>
-          </PaginationItem>
-        )}
-        {/* next button */}
-        <PaginationItem>
-          <PaginationNext disabled={currentPage >= total} onClick={() => onChange(value + 1)} />
-        </PaginationItem>
-      </PaginationContent>
-    </PaginationWrapper>
-  );
-};
-Pagination.displayName = 'Pagination';
-
-const PaginationWrapper = ({ className, ...props }: React.ComponentProps<'nav'>) => (
-  <nav
-    role="navigation"
-    aria-label="paginationWrapper"
-    className={cn('mx-auto flex w-full justify-center', className)}
-    {...props}
-  />
-);
-PaginationWrapper.displayName = 'PaginationWrapper';
-
-const PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(
-  ({ className, ...props }, ref) => (
-    <ul ref={ref} className={cn('flex flex-row items-center gap-1', className)} {...props} />
-  ),
-);
-PaginationContent.displayName = 'PaginationContent';
-
-const PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(
-  ({ className, ...props }, ref) => <li ref={ref} className={cn('', className)} {...props} />,
-);
-PaginationItem.displayName = 'PaginationItem';
-
-type PaginationLinkProps = {
-  isActive?: boolean;
-} & ComponentProps<typeof Button>;
-
-const PaginationLink = ({
-  className,
-  isActive,
-  size = 'icon',
-  children,
-  ...props
-}: PaginationLinkProps) => (
-  <Button
-    aria-current={isActive ? 'page' : undefined}
-    variant={isActive ? 'outline' : 'ghost'}
-    size={size}
-    className={className}
-    {...props}
-  >
-    {children}
-  </Button>
-);
-PaginationLink.displayName = 'PaginationLink';
-
-const PaginationPrevious = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>) => (
-  <PaginationLink
-    aria-label="Go to previous page"
-    size="default"
-    className={cn('gap-1 pl-2.5', className)}
-    {...props}
-  >
-    <ChevronLeftIcon className="h-4 w-4" />
-  </PaginationLink>
-);
-PaginationPrevious.displayName = 'PaginationPrevious';
-
-const PaginationFirst = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (
-  <PaginationLink
-    aria-label="Go to First page"
-    size="default"
-    className={cn('gap-1 pl-2.5', className)}
-    {...props}
-  >
-    <ChevronsLeftIcon className="h-4 w-4" />
-  </PaginationLink>
-);
-PaginationFirst.displayName = 'PaginationFirst';
-
-const PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (
-  <PaginationLink
-    aria-label="Go to next page"
-    size="default"
-    className={cn('gap-1 pr-2.5', className)}
-    {...props}
-  >
-    <ChevronRightIcon className="h-4 w-4" />
-  </PaginationLink>
-);
-PaginationNext.displayName = 'PaginationNext';
-
-const PaginationLast = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (
-  <PaginationLink
-    aria-label="Go to Last page"
-    size="default"
-    className={cn('gap-1 pr-2.5', className)}
-    {...props}
-  >
-    <ChevronsRightIcon className="h-4 w-4" />
-  </PaginationLink>
-);
-PaginationLast.displayName = 'PaginationLast';
-
-const PaginationEllipsis = ({ className, ...props }: React.ComponentProps<'span'>) => (
-  <span
-    aria-hidden
-    className={cn('flex h-9 w-9 items-center justify-center', className)}
-    {...props}
-  >
-    <DotsHorizontalIcon className="h-4 w-4" />
-    <span className="sr-only">More pages</span>
-  </span>
-);
-PaginationEllipsis.displayName = 'PaginationEllipsis';
-
-export {
-  Pagination,
-  PaginationContent,
-  PaginationLink,
-  PaginationItem,
-  PaginationPrevious,
-  PaginationNext,
-  PaginationEllipsis,
-};

package/src/providers/index.tsx

@@ -1,56 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-import { MantineProvider } from '@mantine/core';
-import { CssBaseline, ThemeProvider } from '@mui/material';
-import { red } from '@mui/material/colors';
-import { createTheme } from '@mui/material/styles';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { Toaster } from '../components/ui/sonner.js';
-import { AuthContext, AuthGuard, AuthProvider } from './auth-guard.js';
-import { UrqlProvider } from './urql.js';
-import { UserContext, UserProvider, type UserInfo } from './user-provider.js';
-
-export { AuthGuard, AuthProvider, AuthContext };
-export { FiltersContext } from './filters-context.js';
-export { UrqlProvider };
-export { UserProvider, UserContext, type UserInfo };
-
-const queryClient = new QueryClient();
-
-export function Providers({ children }: { children?: ReactNode }): ReactElement {
-  const theme = createTheme({
-    palette: {
-      primary: {
-        main: '#556cd6',
-      },
-      secondary: {
-        main: '#19857b',
-      },
-      error: {
-        main: red.A400,
-      },
-    },
-  });
-
-  return (
-    <MantineProvider
-      // withNormalizeCSS
-      withGlobalStyles
-      theme={{
-        fontFamily: 'Roboto, sans-serif',
-        fontSizes: { md: '14' },
-      }}
-    >
-      <ThemeProvider theme={theme}>
-        <CssBaseline />
-        <Toaster />
-        <AuthGuard>
-          <UrqlProvider>
-            <QueryClientProvider client={queryClient}>
-              <UserProvider>{children}</UserProvider>
-            </QueryClientProvider>
-          </UrqlProvider>
-        </AuthGuard>
-      </ThemeProvider>
-    </MantineProvider>
-  );
-}