wca-designsystem 0.0.13 → 0.0.15

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.13",
+  "version": "0.0.15",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/molecules/Paginacao/Paginacao.test.tsx

@@ -1,13 +1,16 @@
-import React from "react";
-import Paginacao from ".";
-import { render } from "../../../test/render";
+import React from 'react';
+import Paginacao from '.';
+import { render } from '../../../test/render';
 
-describe("Paginação", () => {
-  test("Renderizando corretamente", () => {
+describe('Paginação', () => {
+  test('Renderizando corretamente', () => {
     const { getByText } = render(
-      <Paginacao tabelaPaginacao={{ pageIndex: 30, pageSize: 100 }} />
+      <Paginacao
+        setPagination={() => console.log('aqui')}
+        tabelaPaginacao={{ pageIndex: 30, pageSize: 100 }}
+      />
     );
 
-    expect(getByText("Anterior")).toBeDefined();
+    expect(getByText('Anterior')).toBeDefined();
   });
 });

package/src/components/molecules/Paginacao/index.tsx

@@ -1,13 +1,14 @@
 import React from 'react';
 import * as S from './styles';
 import { theme } from '../../../styles/theme';
-import { useSearchParams } from 'react-router-dom';
 import Botao from '../../atomos/Botao';
 import SelectCustomizado from '../../atomos/Select';
+import { MRT_PaginationState } from 'mantine-react-table';
 
 export type PaginacaoProps = {
   tamanhoPaginacao?: number;
   quantidadeRegistros?: number;
+  setPagination: React.Dispatch<React.SetStateAction<MRT_PaginationState>>;
   tabelaPaginacao: {
     pageIndex: number;
     pageSize: number;
@@ -17,41 +18,31 @@ export type PaginacaoProps = {
 const Paginacao = ({
   tabelaPaginacao,
   tamanhoPaginacao,
+  setPagination,
   quantidadeRegistros,
 }: PaginacaoProps) => {
-  const [, setSearchParams] = useSearchParams();
-
   function nextPage() {
     if (tabelaPaginacao.pageIndex + 1 > tabelaPaginacao.pageSize) {
       return;
     }
-    setSearchParams((params) => {
-      params.set('pagina', String(tabelaPaginacao.pageIndex + 1));
-      return params;
-    });
+    setPagination({ pageIndex: tabelaPaginacao.pageIndex + 1, pageSize: 10 });
   }
 
   function previousPage() {
     if (tabelaPaginacao.pageIndex <= 0) {
       return;
     }
-    setSearchParams((params) => {
-      params.set('pagina', String(tabelaPaginacao.pageIndex - 1));
-      return params;
-    });
+    setPagination({ pageIndex: tabelaPaginacao.pageIndex - 1, pageSize: 10 });
   }
 
   function changePage(e: number) {
-    setSearchParams((params) => {
-      params.set('pagina', String(e));
-      return params;
-    });
+    setPagination({ pageIndex: e, pageSize: 10 });
   }
 
   function changeLinhas(e: string) {
-    setSearchParams((params) => {
-      params.set('linhas', String(e));
-      return params;
+    setPagination({
+      pageIndex: tabelaPaginacao.pageIndex,
+      pageSize: Number(e),
     });
   }
 

package/src/components/molecules/TabelaHeader/index.tsx

@@ -149,7 +149,9 @@ const TabelaHeader = <T extends MRT_RowData>({
           <div className="mostrar-colunas">
             <MRT_ToggleFiltersButton
               table={table!}
-              onClick={() => setToogleBuscarColuna(!toogleBuscarColuna)}
+              onClick={() => {
+                setToogleBuscarColuna(!toogleBuscarColuna);
+              }}
             />
           </div>
         </S.TabelaHeaderIcons>