wca-designsystem 0.0.5 → 0.0.6

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.5",
+  "version": "0.0.6",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -99,7 +99,6 @@
     "mantine-react-table": "^2.0.0-beta.1",
     "react-router-dom": "^6.23.1",
     "styled-components": "^6.1.11",
-    "xlsx": "^0.18.5",
-    "zustand": "^4.5.4"
+    "xlsx": "^0.18.5"
   }
 }

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

@@ -14,6 +14,8 @@ type Story = StoryObj<typeof ConchaAplicacao>;
 export const Primary: Story = {
   args: {
     links: LinksDinamicosMock,
+    isNavHover: true,
+    setIsNavHover: (state) => console.log(state),
     notificacoes: {
       abre: true,
       notificacao: {

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

@@ -6,31 +6,32 @@ import Cabecalho from '../Cabecalho';
 import { useLocation } from 'react-router-dom';
 import { NotificationsProps } from '../../atomos/UsuarioNotification';
 import { LinksProps } from '../../molecules/GrupoDeLinks';
-import { useStore } from 'zustand';
-import { useLayoutCreator } from '../../../store/layout/use-layout-store';
 
 type ConchaAplicacaolType = {
   children: React.ReactNode;
   notificacoes: NotificationsProps;
   links?: LinksProps[];
+  isNavHover: boolean;
+  setIsNavHover: React.Dispatch<React.SetStateAction<boolean>>;
 };
 export function ConchaAplicacao({
   children,
+  isNavHover,
+  setIsNavHover,
   notificacoes,
   links,
 }: ConchaAplicacaolType) {
   const NavbarRef = useRef<HTMLDivElement>(null);
   const rotaAcessada = useLocation();
   const paginaAtual = rotaAcessada.pathname.replace('/', '');
-  const navHover = useStore(useLayoutCreator);
 
   useEffect(() => {
     const handleMouseEnter = () => {
-      navHover.setNavHover(true);
+      setIsNavHover(true);
     };
 
     const handleMouseLeave = () => {
-      navHover.setNavHover(false);
+      setIsNavHover(false);
     };
 
     // Adiciona os listeners de evento quando o componente é montado
@@ -53,18 +54,15 @@ export function ConchaAplicacao({
     <S.ConchaAplicacaoWrapper
       data-testid="app-shell-wrapper"
       navbar={{
-        width: navHover.isNavHover ? 280 : 80,
+        width: isNavHover ? 280 : 80,
         breakpoint: 0,
       }}
       padding="md"
       transitionTimingFunction="ease-in"
       transitionDuration={3}
     >
-      <S.ConchaAplicacaoNavbarWrapper
-        ref={NavbarRef}
-        data-active={navHover.isNavHover}
-      >
-        <Navbar isHover={navHover.isNavHover} links={links} />
+      <S.ConchaAplicacaoNavbarWrapper ref={NavbarRef} data-active={isNavHover}>
+        <Navbar isHover={isNavHover} links={links} />
       </S.ConchaAplicacaoNavbarWrapper>
       <S.ConchaAplicacaoMainWrapper>
         <Container fluid>

package/src/store/layout/layout-store-creator.ts

@@ -1,11 +0,0 @@
-import { type StateCreator } from 'zustand';
-
-export interface NavbarState {
-  isNavHover: boolean;
-  setNavHover: (state: boolean) => void;
-}
-
-export const useLayoutStore: StateCreator<NavbarState> = (set) => ({
-  isNavHover: false,
-  setNavHover: (state) => set(() => ({ isNavHover: state })),
-});

package/src/store/layout/use-layout-store.ts

@@ -1,4 +0,0 @@
-import { create } from 'zustand';
-import { type NavbarState, useLayoutStore } from './layout-store-creator';
-
-export const useLayoutCreator = create<NavbarState>()(useLayoutStore);