wca-designsystem 1.0.74 → 1.0.76

package/package.json

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

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

@@ -48,7 +48,7 @@ const Paginacao = ({
   }
 
   return (
-    <S.PaginacaoWrapper>
+    <S.PaginacaoWrapper color={color}>
       <div className="pagination-header">
         <p>
           Exibindo{' '}

package/src/components/molecules/Paginacao/styles.ts

@@ -5,9 +5,9 @@ type ColorsProp = {
   color?: string
 }
 
-export const PaginacaoWrapper = styled.div`
-  ${({ theme }) => css`
-    color: ${theme.colors.blue};
+export const PaginacaoWrapper = styled.div<ColorsProp>`
+  ${({ theme, color }) => css`
+    color: ${color};
     font-size: ${theme.sizes.small};
     font-weight: bold;
     text-align: center;

package/src/components/organismos/Tabela/Tabela.stories.tsx

@@ -60,11 +60,11 @@ const generateData = () => {
 }
 
 const footer = {
-  id: 0,
-  name: 455,
-  price: 2,
+  name: 'nome',
+  price: 'preço',
   exemplo: 4689815.609999999,
 }
+
 const data = generateData()
 const columns: any = [
   { key: 'id', header: 'ID', minWidth: '50px' },

package/src/components/organismos/Tabela/footer.tsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import * as S from './styles';
-import { Column } from '.'; // Ajuste o caminho conforme necessário
+import React from 'react'
+import * as S from './styles'
+import { Column } from '.' // Ajuste o caminho conforme necessário
 
 type FooterTabelaProps<T> = {
-  footer: Partial<Record<keyof T, any>>;
-  columns: Column<T>[];
-  tdMinWidth: string;
-  color?: string;
-};
+  footer: Partial<Record<keyof T, any>>
+  columns: Column<T>[]
+  tdMinWidth: string
+  color?: string
+}
 
 const FooterTabela = <T,>({
   footer,
@@ -30,7 +30,7 @@ const FooterTabela = <T,>({
         ))}
       </S.FooterRow>
     </tfoot>
-  );
-};
+  )
+}
 
-export default FooterTabela;
+export default FooterTabela

package/src/components/organismos/Tabela/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react'
+import React, { useEffect, useRef, useState } from 'react'
 import BodyTable from './body'
 import HeaderTabela from './header'
 import Paginacao from './pagination'
@@ -251,7 +251,7 @@ const Tabela = <
                     <FooterTabela
                       color={color}
                       footer={footer}
-                      columns={columns}
+                      columns={columnsToShow}
                       tdMinWidth={tdMinWidth}
                     />
                   )}