mautourco-components 0.2.4 → 0.2.7

package/src/components/organisms/SearchBarTransfer/index.ts

@@ -1,2 +1,2 @@
-export { default } from './SearchBarTransfer';
-export type { SearchBarTransferProps, SearchBarTransferData, TransferMode } from './SearchBarTransfer';
+export { default } from './SearchBarTransfer';
+export type { SearchBarTransferProps, SearchBarTransferData, TransferMode } from './SearchBarTransfer';

package/src/components/organisms/TopNavigation/DesktopNav.tsx

@@ -1,122 +1,133 @@
-import Button from "../../atoms/Button/Button";
-import { UserCard } from "../../molecules/UserCard/UserCard";
-
-type Link = {
-  label: string;
-  route: string;
-  isButton?: boolean;
-  disabled?: boolean;
-};
-
-type User = {
-  name: string;
-  agency: string;
-  isAdmin: boolean;
-};
-
-type Agency = {
-  id: number;
-  name: string;
-  localisation: string;
-};
-
-export interface DesktopNavProps {
-  links: Link[];
-  onLinkClick?: (link: Link) => void;
-  onLogin?: () => void;
-  onLogout?: () => void;
-  user?: User;
-  active?: string;
-  logoUrl: string | React.FC<React.SVGProps<SVGSVGElement>>;
-  homeUrl?: string;
-  selectedAgency?: Agency;
-  onAgencyChange?: (agency: Agency) => void;
-  agencies?: Agency[];
-  className?: string;
-}
-
-export const DesktopNav: React.FC<DesktopNavProps> = ({
-  links,
-  onLinkClick,
-  onLogin,
-  onLogout,
-  user,
-  active,
-  logoUrl,
-  homeUrl,
-  selectedAgency,
-  onAgencyChange,
-  agencies,
-  className = "",
-}) => {
-  const Logo = typeof logoUrl === "function" ? logoUrl : null;
-
-  const handleLogoClick = (e: React.MouseEvent) => {
-    e.preventDefault();
-    onLinkClick?.({ label: "Home", route: homeUrl ?? "/" });
-  };
-
-  return (
-    <header className="header">
-      <div className="header-logo">
-        <a href={homeUrl ?? "/"} onClick={handleLogoClick} className="header-logo__link">
-          {Logo ? (
-            <Logo className="header-logo__image" />
-          ) : (
-            <img
-              src={logoUrl as string}
-              alt="Mautourco"
-              className="header-logo__image"
-              draggable={false}
-            />
-          )}
-        </a>
-      </div>
-      <nav className="header-nav">
-        {/* Menu desktop */}
-        <ul className="header-nav__items">
-          {links?.map((it) => {
-            const isActive = it.label === active;
-
-            return (
-              <li
-                key={it.label}
-                className={`header__item ${isActive ? "header__item--active" : ""}`}
-              >
-                <a
-                  href={it.route}
-                  className="header__item__link"
-                >
-                  {it.isButton ? (
-                    <Button size="sm" variant="outline-secondary">
-                      {it.label}
-                    </Button>
-                  ) : (
-                    <>{it.label}</>
-                  )}
-                </a>
-              </li>
-            );
-          })}
-        </ul>
-
-        <div className={`header-nav__user-section ${user ? "header-nav__user-connected-section" : ""}`}>
-          {user ? (
-          <div className="header-nav__user-container">
-            <UserCard
-              user={user}
-              agencies={agencies || []}
-              selectedAgency={selectedAgency}
-              onSelectAgency={onAgencyChange}
-            />
-          </div>
-          ) : (
-            <Button size="sm" variant="secondary" onClick={onLogin}>
-              Login
-            </Button>
-          )}
-        </div>
-      </nav>
-    </header>
-  );
-};
+import Button from "../../atoms/Button/Button";
+import { UserCard } from "../../molecules/UserCard/UserCard";
+
+type Link = {
+  label: string;
+  route: string;
+  isButton?: boolean;
+  disabled?: boolean;
+};
+
+type User = {
+  name: string;
+  agency: string;
+  isAdmin: boolean;
+};
+
+type Agency = {
+  id: number;
+  name: string;
+  localisation: string;
+};
+
+export interface DesktopNavProps {
+  links: Link[];
+  onLinkClick?: (link: Link) => void;
+  onLogin?: () => void;
+  onLogout?: () => void;
+  user?: User;
+  active?: string;
+  logoUrl: string | React.FC<React.SVGProps<SVGSVGElement>>;
+  homeUrl?: string;
+  selectedAgency?: Agency;
+  onAgencyChange?: (agency: Agency) => void;
+  agencies?: Agency[];
+  className?: string;
+}
+
+export const DesktopNav: React.FC<DesktopNavProps> = ({
+  links,
+  onLinkClick,
+  onLogin,
+  onLogout,
+  user,
+  active,
+  logoUrl,
+  homeUrl,
+  selectedAgency,
+  onAgencyChange,
+  agencies,
+  className = "",
+}) => {
+  const Logo = typeof logoUrl === "function" ? logoUrl : null;
+
+  const handleLogoClick = (e: React.MouseEvent) => {
+    e.preventDefault();
+    onLinkClick?.({ label: "Home", route: homeUrl ?? "/" });
+  };
+
+  return (
+    <header className="header">
+      <div className="header-logo">
+        <a href={homeUrl ?? "/"} onClick={handleLogoClick} className="header-logo__link">
+          {Logo ? (
+            <Logo className="header-logo__image" />
+          ) : (
+            <img
+              src={logoUrl as string}
+              alt="Mautourco"
+              className="header-logo__image"
+              draggable={false}
+            />
+          )}
+        </a>
+      </div>
+      <nav className="header-nav">
+        {/* Menu desktop */}
+        <ul className="header-nav__items">
+          {links?.map((it) => {
+            const isActive = it.label === active;
+
+            return (
+              <li
+                key={it.label}
+                className={`header__item ${isActive ? "header__item--active" : ""}`}
+              >
+                {it.isButton ? (
+                  <Button 
+                    size="sm" 
+                    variant="outline-secondary"
+                    onClick={(e) => {
+                      e.preventDefault();
+                      onLinkClick?.(it);
+                    }}
+                  >
+                    {it.label}
+                  </Button>
+                ) : (
+                  <a
+                    href={it.route}
+                    className="header__item__link"
+                    onClick={(e) => {
+                      e.preventDefault();
+                      onLinkClick?.(it);
+                    }}
+                  >
+                    {it.label}
+                  </a>
+                )}
+              </li>
+            );
+          })}
+        </ul>
+
+        <div className={`header-nav__user-section ${user ? "header-nav__user-connected-section" : ""}`}>
+          {user ? (
+          <div className="header-nav__user-container">
+            <UserCard
+              user={user}
+              agencies={agencies || []}
+              selectedAgency={selectedAgency}
+              onSelectAgency={onAgencyChange}
+            />
+          </div>
+          ) : (
+            <Button size="sm" variant="secondary" onClick={onLogin}>
+              Login
+            </Button>
+          )}
+        </div>
+      </nav>
+    </header>
+  );
+};