wca-designsystem 1.0.19 → 1.0.21

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.19",
+  "version": "1.0.21",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -106,6 +106,7 @@
     "react-router-dom": "^6.23.1",
     "recharts": "^2.14.1",
     "styled-components": "^6.1.11",
+    "wca-designsystem": "^1.0.16",
     "xlsx": "^0.18.5"
   }
 }

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

@@ -41,7 +41,8 @@ const CardInicial = ({
         }}
       >
 
-        <Icone width={45} height={45} svg={icone} fill={theme.colors.white} />
+       {/*  <Icone width={45} height={45} svg={icone} fill={theme.colors.white} /> */}
+       <Icone svg={icone} fill={theme.colors.white} className="icone" />
 
       </S.CardInicialHeader>
 
@@ -73,6 +74,7 @@ const CardInicial = ({
           aviso && (
             <>
               <Icone
+                className='iconeAviso'
                 width={20}
                 height={20}
                 svg={avisoInfo?.icone ?? ''}

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

@@ -21,10 +21,21 @@ export const CardInicialHeader = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
+
+    .icone {
+    min-width: 40px;
+    min-height: 40px;
+    max-width: 80px;
+    max-height: 80px;
+    object-fit: contain;;
+    }
+
   `}
 
 `;
 
+
+
 export const CardInicialBody = styled.div`
   ${({ theme }) => css`
     margin-top: 10px;
@@ -55,6 +66,7 @@ export const CardInicialFooter = styled.div`
     text-align: center;
     border-radius: 0 8px 8px;
     background-color: ${theme.colors.white};
+    margin-top: 28px;
 
     button {
       width: 160px;
@@ -75,6 +87,12 @@ export const CardInicialWarning = styled.div`
     padding: 0px;
     margin-top: auto;
     padding: 4px 0;
+
+    .iconeAviso{
+    width: 10px;
+    height: 10px;
+    }
+
   `}
 `;
 

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

@@ -89,7 +89,7 @@ function BodyTable<
         key={`row-${item.id}`}
         onClick={() => {
           if (!item.disabled) {
-            setSelectedLine?.(item.id === selectedLine?.id ? null : item);
+            setSelectedLine?.(item);
           }
         }}
         style={{

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

@@ -41,6 +41,8 @@ export type CustomTableProps<
   setGlobalFilter: React.Dispatch<React.SetStateAction<string>>;
   globalFilter: string;
   setPagination: React.Dispatch<any>;
+  selectedLine?: T | null;
+  setSelectedLine?: React.Dispatch<React.SetStateAction<T | null>>;
   handleAdicionar?: () => void;
   hasFiltersButtons?: boolean;
   setOrdenarPor?: React.Dispatch<React.SetStateAction<SelectDataProps>>;
@@ -70,34 +72,36 @@ const Tabela = <
   T extends { id: string | number; children?: Array<T>; disabled?: boolean }
 >({
   data,
-  columns,
-  setPagination,
-  qtdRegistrosPagina,
-  ordenarPor,
-  acoesChildren,
   color,
-  rowSelection,
-  tdMinWidth = '260px',
-  setRowSelection,
-  hasFiltersButtons,
-  isLoading,
   hasAdd,
+  columns,
+  hasOrder,
+  isLoading,
   hasSelect,
-  globalFilter,
   hasExpand,
+  ordenarPor,
+  setSimples,
+  selectedLine,
+  globalFilter,
+  rowSelection,
+  fixedPosition,
+  setPagination,
+  acoesChildren,
   setFiltrosPor,
-  setGlobalFilter,
-  hasOrder,
-  headerSelection,
   fetchMoreData,
   setOrdenarPor,
-  setSimples,
+  setGlobalFilter,
   handleAdicionar,
+  setRowSelection,
+  headerSelection,
   tabelaPaginacao,
-  quantidadeRegistros,
-  tamanhoPaginacao,
-  fixedPosition,
+  setSelectedLine,
   hasInfinitScrool,
+  tamanhoPaginacao,
+  hasFiltersButtons,
+  qtdRegistrosPagina,
+  quantidadeRegistros,
+  tdMinWidth = '260px',
 }: CustomTableProps<T>) => {
   const [toogleFiltros, setToogleFiltros] = useState(false);
   const [formatedColumns, setFormatedColumns] = useState(
@@ -197,6 +201,8 @@ const Tabela = <
                   hasMoreData={quantidadeRegistros !== data.length}
                   rowSelection={rowSelection}
                   setRowSelection={setRowSelection}
+                  selectedLine={selectedLine}
+                  setSelectedLine={setSelectedLine}
                   acoesChildren={acoesChildren}
                   data={data}
                   columns={columnsToShow}