wca-designsystem 0.0.18 → 0.0.19

package/package.json

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

package/src/components/atomos/IconeBotao/index.tsx

@@ -15,12 +15,12 @@ const IconeBotao = ({ tipo, toolTipInfo, ...props }: IconeBotaoProps) => {
     (tipo: 'table' | 'round') => {
       const selectsTipos = {
         round: (
-          <HoverPopUp texto={toolTipInfo!}>
+          <HoverPopUp texto={toolTipInfo!} width={75}>
             <S.IconeBotaoDefault {...props} data-testid="round" />
           </HoverPopUp>
         ),
         table: (
-          <HoverPopUp texto={toolTipInfo!}>
+          <HoverPopUp texto={toolTipInfo!} width={100}>
             <S.IconeBotaoTable {...props} data-testid="table" />
           </HoverPopUp>
         ),

package/src/components/modules/ConchaAplicacao/ConchaAplicacao.test.tsx

@@ -27,6 +27,7 @@ describe('AppShelCollapsed rendering', () => {
       <ConchaAplicacao
         activeLink=""
         isNavHover={true}
+        sairFunc={() => console.log('aqui')}
         modulo="exemplo"
         notificacoes={mockNotifications}
         links={LinksDinamicosMock}

package/src/components/modules/ConchaAplicacao/index.tsx

@@ -15,6 +15,7 @@ type ConchaAplicacaolType = {
   isNavHover: boolean;
   navbarRef?: React.RefObject<HTMLDivElement>;
   temNotificacoes?: boolean;
+  sairFunc: () => void;
   activeLink: string;
 };
 export function ConchaAplicacao({
@@ -22,6 +23,7 @@ export function ConchaAplicacao({
   modulo,
   temNotificacoes,
   isNavHover,
+  sairFunc,
   activeLink,
   notificacoes,
   links,
@@ -43,6 +45,7 @@ export function ConchaAplicacao({
     >
       <S.ConchaAplicacaoNavbarWrapper ref={navbarRef} data-active={isNavHover}>
         <Navbar
+          sairFunc={sairFunc}
           activeLink={activeLink}
           modulo={modulo}
           isHover={isNavHover}

package/src/components/modules/Navbar/Navbar.test.tsx

@@ -10,6 +10,7 @@ describe('Navbar está renderizando corretamente', () => {
       <Navbar
         activeLink=""
         modulo="exemplo"
+        sairFunc={() => console.log('aqui')}
         isHover={false}
         links={LinksDinamicosMock}
       />
@@ -21,6 +22,7 @@ describe('Navbar está renderizando corretamente', () => {
     const { getByTestId, queryByText } = render(
       <Navbar
         activeLink=""
+        sairFunc={() => console.log('aqui')}
         modulo="exemplo"
         isHover={true}
         links={LinksDinamicosMock}

package/src/components/modules/Navbar/index.tsx

@@ -19,8 +19,15 @@ export type NavbarType = {
   modulo: string;
   links?: LinksProps[];
   activeLink: string;
+  sairFunc: () => void;
 };
-const Navbar = ({ isHover, links, modulo, activeLink }: NavbarType) => {
+const Navbar = ({
+  isHover,
+  sairFunc,
+  links,
+  modulo,
+  activeLink,
+}: NavbarType) => {
   const LogoHeader = useMemo(() => (isHover ? Logo : LogoInitial), [isHover]);
 
   return (
@@ -39,9 +46,11 @@ const Navbar = ({ isHover, links, modulo, activeLink }: NavbarType) => {
 
         <IconeBotao
           tipo="round"
+          toolTipInfo="Sair"
           size={'sm'}
           variant="transparent"
           color="gray"
+          onClick={sairFunc}
           style={{ display: isHover ? 'block' : 'none' }}
           className="action-icon"
         >