wca-designsystem 1.0.31 → 1.0.33

package/package.json

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

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

@@ -6,7 +6,7 @@ import proximo from '../../../assets/imagens/icons/NavDireita.svg';
 import anterior from '../../../assets/imagens/icons/NavEsquerda.svg';
 import flexa from '../../../assets/imagens/icons/FlexaPassos.svg';
 import { theme } from '../../../styles/theme';
-import { useCallback, useMemo, useRef } from 'react';
+import { useCallback, useRef } from 'react';
 import Botao from '../../atomos/Botao';
 import HoverPopUp from '../../atomos/HoverPopUp';
 import ajuda from '../../../assets/imagens/icons/Ajuda.svg';
@@ -52,10 +52,7 @@ function Passos({
 }: PassosProps) {
   const carrouselRef = useRef<HTMLDivElement>(null);
 
-  const passoInfos = useMemo(
-    () => passos.filter(passoFilter => passoFilter.id === passo)[0],
-    [passo]
-  );
+  const passoInfos = passos.filter(passoFilter => passoFilter.id === passo)[0];
 
   /*  const verificaProximoPasso = useCallback((passo: number) => {
     return passos[passo + 1]?.desabilitado === true;
@@ -171,27 +168,29 @@ function Passos({
       </S.PassosContainer>
       <S.PassoInfos color={color}>
         <div className="infosWrapper">
-        <div className="infos">
-          <p>Você está no Passo {passo + 1}:</p>
-          <h3>{passoInfos?.titulo}</h3>                         
-          <p className="preto">{passoInfos?.subTitulo}</p>               
+          <div className="infos">
+            <p>Você está no Passo {passo + 1}:</p>
+            <h3>{passoInfos?.titulo}</h3>
+            <p className="preto">{passoInfos?.subTitulo}</p>
+          </div>
+          <HoverPopUp
+            texto={passoInfos?.subTitulo}
+            className="ajuda-wrapper ajuda-passos-wrapper"
+          >
+            <Icone
+              width={16}
+              height={16}
+              fill={theme.colors.gray['700']}
+              svg={ajuda}
+            />
+          </HoverPopUp>{' '}
         </div>
-        <HoverPopUp texto={passoInfos?.subTitulo} className="ajuda-wrapper ajuda-passos-wrapper">
-          <Icone
-            width={16}
-            height={16}
-            fill={theme.colors.gray['700']}
-            svg={ajuda}
-          />
-        </HoverPopUp> </div>
-        
+
         <div className="botoes">
           <p className="ciclo">
             Ciclo:<span>{ciclo}</span>{' '}
           </p>
 
-          
-
           {moreButtons?.map((button, index) => (
             <Botao
               key={index}

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

@@ -16,7 +16,7 @@ type HeaderOptions = {
 type HeaderTabelaProps<T> = {
   data: Array<T>;
   columns: Column<T>[];
-  rowSelection?: Array<T>;
+  selectAllChecked?: boolean;
   setRowSelection?: React.Dispatch<React.SetStateAction<Array<T>>> | undefined;
   fixedPosition: Array<String>;
   calcStickPosition?: (index: number) => number;
@@ -38,7 +38,7 @@ type HeaderTabelaProps<T> = {
 };
 const HeaderTabela = <T,>({
   data,
-  rowSelection,
+  selectAllChecked,
   setRowSelection,
   columns,
   fixedPosition,
@@ -103,7 +103,7 @@ const HeaderTabela = <T,>({
               size="md"
               color={color}
               type="checkbox"
-              checked={rowSelection?.length === data.length}
+              checked={selectAllChecked}
               onChange={e => handleSelectAll(e.target.checked)}
             />
           </th>

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

@@ -39,6 +39,7 @@ export type CustomTableProps<
   setRowSelection?: React.Dispatch<React.SetStateAction<Array<T>>> | undefined;
   isLoading?: boolean;
   color?: string;
+  selectAllChecked?: boolean;
   setSimples: React.Dispatch<React.SetStateAction<boolean>>;
   setGlobalFilter: React.Dispatch<React.SetStateAction<string>>;
   globalFilter: string;
@@ -101,6 +102,7 @@ const Tabela = <
   setSelectedLine,
   tamanhoPaginacao,
   hasInfinitScrool,
+  selectAllChecked,
   hasFiltersButtons,
   qtdRegistrosPagina,
   quantidadeRegistros,
@@ -171,7 +173,7 @@ const Tabela = <
           ) : (
             <HeaderTabela
               data={data}
-              rowSelection={rowSelection}
+              selectAllChecked={selectAllChecked}
               setRowSelection={setRowSelection}
               hasExpand={hasExpand}
               headerSelection={headerSelection}