@ssplib/react-components 0.0.296 → 0.0.298

package/components/map/AnimatedMarker.js

@@ -1,65 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const leaflet_1 = __importDefault(require("leaflet"));
-const react_1 = require("react");
-const react_leaflet_1 = require("react-leaflet");
-const AnimatedMarker = ({ coords }) => {
-    const map = (0, react_leaflet_1.useMap)();
-    (0, react_1.useEffect)(() => {
-        // Criar o ícone do marcador com HTML
-        const markerElement = document.createElement('div');
-        markerElement.style.position = 'relative';
-        markerElement.style.width = '20px';
-        markerElement.style.height = '20px';
-        markerElement.style.backgroundColor = 'rgba(0, 100, 255, 0.6)';
-        markerElement.style.borderRadius = '50%';
-        markerElement.style.animation = 'sonarPulse 2s infinite';
-        // Criar o efeito de pulso (onda ao redor)
-        const pulseElement = document.createElement('div');
-        pulseElement.style.position = 'absolute';
-        pulseElement.style.top = '50%';
-        pulseElement.style.left = '50%';
-        pulseElement.style.width = '100%';
-        pulseElement.style.height = '100%';
-        pulseElement.style.backgroundColor = 'rgba(0, 100, 255, 0.4)';
-        pulseElement.style.borderRadius = '50%';
-        pulseElement.style.transform = 'translate(-50%, -50%) scale(1)';
-        pulseElement.style.animation = 'sonarPulse 2s infinite';
-        markerElement.appendChild(pulseElement);
-        // Adicionar a animação no CSS global
-        const keyframes = `
-            @keyframes sonarPulse {
-                0% {
-                transform: translate(-50%, -50%) scale(1);
-                opacity: 0.8;
-                }
-                100% {
-                transform: translate(-50%, -50%) scale(2);
-                opacity: 0;
-                }
-            }`;
-        const styleElement = document.createElement('style');
-        styleElement.innerHTML = keyframes;
-        document.head.appendChild(styleElement);
-        // Criar o marcador no mapa
-        const marker = leaflet_1.default.marker(coords, {
-            icon: leaflet_1.default.divIcon({
-                className: '',
-                html: markerElement.outerHTML,
-                iconSize: [40, 40],
-                iconAnchor: [0, 5], // Centraliza o ícone (metade do width e height)
-            }),
-        });
-        marker.addTo(map);
-        // Limpar marcador e estilos ao desmontar
-        return () => {
-            map.removeLayer(marker);
-            document.head.removeChild(styleElement);
-        };
-    }, [map, coords]);
-    return null; // Nenhum componente visível, já que o marcador é diretamente manipulado pelo Leaflet
-};
-exports.default = AnimatedMarker;

package/components/map/DraggableMarker.d.ts

@@ -1,12 +0,0 @@
-import { LatLngExpression } from 'leaflet';
-import { ReactElement } from 'react';
-interface DraggableMarkerProps {
-    startCoord: LatLngExpression;
-    draggable?: boolean;
-    onChange?: (coord: LatLngExpression) => void;
-    children?: ReactElement;
-    showPopup?: boolean;
-    fixedPosition?: boolean;
-}
-export default function DraggableMarker({ ...props }: DraggableMarkerProps): JSX.Element;
-export {};

package/components/map/DraggableMarker.js

@@ -1,66 +0,0 @@
-'use client';
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const leaflet_1 = require("leaflet");
-const react_1 = require("react");
-const react_leaflet_1 = require("react-leaflet");
-const react_2 = __importDefault(require("react"));
-function DraggableMarker(_a) {
-    var props = __rest(_a, []);
-    const [position, setPosition] = (0, react_1.useState)(props.startCoord);
-    const markerRef = (0, react_1.useRef)(null);
-    const eventHandlers = (0, react_1.useMemo)(() => ({
-        dragend() {
-            const marker = markerRef.current;
-            if (marker != null) {
-                setPosition(marker.getLatLng());
-            }
-        },
-    }), []);
-    (0, react_leaflet_1.useMapEvents)({
-        click(e) {
-            if (props.fixedPosition)
-                return;
-            setPosition({ lat: e.latlng.lat, lng: e.latlng.lng });
-        },
-    });
-    (0, react_1.useEffect)(() => {
-        if (!position)
-            return;
-        if (markerRef.current) {
-            markerRef.current.closePopup();
-            if (props.showPopup)
-                markerRef.current.openPopup();
-        }
-        if (props.onChange)
-            props.onChange(position);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [position, props.onChange]);
-    return (react_2.default.createElement(react_leaflet_1.Marker, { icon: redIcon, draggable: props.draggable, eventHandlers: eventHandlers, position: position, ref: markerRef },
-        react_2.default.createElement(react_leaflet_1.Popup, { className: 'custom-popup' }, props.children)));
-}
-exports.default = DraggableMarker;
-//#region Marker Icon
-const redIcon = (0, leaflet_1.icon)({
-    iconUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-icon.png',
-    shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-shadow.png',
-    iconSize: [25, 41],
-    iconAnchor: [12, 41],
-    popupAnchor: [1, -34],
-    shadowSize: [41, 41],
-    className: 'leaflet-red-marker',
-});

package/components/map/Map.d.ts

@@ -1,17 +0,0 @@
-import { BoxProps } from '@mui/material';
-import React from 'react';
-import 'leaflet-defaulticon-compatibility';
-import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css';
-import 'leaflet/dist/leaflet.css';
-import { LatLngExpression } from 'leaflet';
-import { ReactElement } from 'react';
-export interface MapProps {
-    firstCoords: any;
-    onCoordsChange?: (coords: any) => void;
-    pulseMarkerList?: LatLngExpression[];
-    popupContent?: ReactElement;
-    style?: BoxProps;
-    mapStyle?: React.CSSProperties;
-    fixedPosition?: boolean;
-}
-export declare function Map(props: MapProps): JSX.Element;

package/components/map/Map.js

@@ -1,23 +0,0 @@
-'use client';
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Map = void 0;
-const material_1 = require("@mui/material");
-const react_leaflet_1 = require("react-leaflet");
-const DraggableMarker_1 = __importDefault(require("./DraggableMarker"));
-const react_1 = __importDefault(require("react"));
-require("leaflet-defaulticon-compatibility");
-require("leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css");
-require("leaflet/dist/leaflet.css");
-const AnimatedMarker_1 = __importDefault(require("./AnimatedMarker"));
-function Map(props) {
-    return (react_1.default.createElement(material_1.Box, Object.assign({ borderRadius: 2, border: '2px solid #c7c7c7', overflow: 'hidden' }, props.style),
-        react_1.default.createElement(react_leaflet_1.MapContainer, { center: props.firstCoords, zoom: 19, scrollWheelZoom: true, style: props.mapStyle },
-            react_1.default.createElement(react_leaflet_1.TileLayer, { attribution: '\u00A9 <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors', url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' }),
-            props.pulseMarkerList && props.pulseMarkerList.map((coord, idx) => react_1.default.createElement(AnimatedMarker_1.default, { key: JSON.stringify(coord) + idx, coords: coord })),
-            react_1.default.createElement(DraggableMarker_1.default, { startCoord: props.firstCoords, onChange: props.onCoordsChange, showPopup: typeof props.popupContent !== 'undefined', fixedPosition: props.fixedPosition }, props.popupContent))));
-}
-exports.Map = Map;

package/components/map/index.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Map: import("react").ComponentType<import("./Map").MapProps>;

package/components/map/index.js

@@ -1,31 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Map = void 0;
-const dynamic_1 = __importDefault(require("next/dynamic"));
-exports.Map = (0, dynamic_1.default)(() => Promise.resolve().then(() => __importStar(require('./Map'))).then((x) => x.Map), { ssr: false });

package/components/modal/Modal.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare let MODAL: {
-    open: (customCompoment?: JSX.Element | JSX.Element[] | (() => JSX.Element)) => void;
-    reparent: (child: JSX.Element, id: string | number) => JSX.Element;
-    openReparented: (id: string | number) => void;
-    close: () => void;
-};
-export declare function CustomModalProvider(): JSX.Element;

package/components/modal/Modal.js

@@ -1,105 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomModalProvider = exports.MODAL = void 0;
-const CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-exports.MODAL = {
-    open: () => { },
-    close: () => { },
-    openReparented: () => { },
-    reparent: () => react_1.default.createElement(react_1.default.Fragment, null),
-};
-function ReparentHelper() {
-    const ref = (0, react_1.useRef)(null);
-    return react_1.default.createElement("div", { ref: ref });
-}
-function CustomModalProvider() {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const [content, setContent] = (0, react_1.useState)(null);
-    // const contentRef = useRef<JSX.Element | JSX.Element[]>(<></>)
-    const handleClose = () => setOpen(false);
-    const containerRef = (0, react_1.useRef)(null);
-    const theme = (0, material_1.useTheme)();
-    const isDesktop = (0, material_1.useMediaQuery)(theme.breakpoints.up('sm'));
-    const [idRef, setIdRef] = (0, react_1.useState)({});
-    const [currentId, setCurrentId] = (0, react_1.useState)(-1321465654);
-    (0, react_1.useEffect)(() => {
-        exports.MODAL.open = (customCompoment) => {
-            if (customCompoment)
-                setContent(customCompoment);
-            setCurrentId(-1321465654);
-            setOpen(true);
-        };
-        exports.MODAL.reparent = (element, id) => {
-            setIdRef((obj) => (Object.assign(Object.assign({}, obj), { [id]: react_1.default.createElement(react_1.default.Fragment, null, element) })));
-            return react_1.default.createElement(react_1.default.Fragment, null);
-        };
-        exports.MODAL.openReparented = (id) => {
-            setCurrentId(id);
-            setContent(null);
-            setOpen(true);
-        };
-        exports.MODAL.close = handleClose;
-    }, [setOpen]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, !isDesktop ? (react_1.default.createElement(material_1.SwipeableDrawer, { anchor: 'bottom', open: open, onClose: handleClose, onOpen: () => { }, PaperProps: {
-            sx: {
-                bgcolor: 'transparent',
-            },
-        } },
-        react_1.default.createElement(material_1.Stack, { direction: 'row', onClick: handleClose, maxHeight: '8vh', height: '8vh', justifyContent: 'center', alignItems: 'center' },
-            react_1.default.createElement(material_1.Typography, { fontWeight: 600, color: 'white' }, "Clique fora para fechar")),
-        react_1.default.createElement(material_1.Box, { p: 2, maxHeight: '92vh', bgcolor: 'white', overflow: 'auto' },
-            content,
-            idRef[currentId]))) : (react_1.default.createElement(material_1.Modal, { open: open, onClose: handleClose },
-        react_1.default.createElement(material_1.Box, { sx: {
-                position: 'absolute',
-                top: '50%',
-                left: '50%',
-                transform: 'translate(-50%, -50%)',
-                borderRadius: 2,
-                bgcolor: 'white',
-                border: '1px solid #454545',
-                boxShadow: 24,
-            } },
-            react_1.default.createElement(material_1.Box, { onClick: handleClose, width: 'fit-content', height: 'fit-content', position: 'absolute', right: 0, top: 0, margin: 0.6, sx: {
-                    ':hover': {
-                        transform: 'scale(1.03)',
-                        transition: 'all 500ms',
-                        cursor: 'pointer',
-                    },
-                } },
-                react_1.default.createElement(CloseRounded_1.default, { sx: {
-                        transform: 'scale(.9)',
-                    } })),
-            react_1.default.createElement(material_1.Box, { overflow: 'auto', maxHeight: '90vh', p: 2, marginTop: 4, borderTop: 'solid 1px gray', bgcolor: '#F9F9F9', borderRadius: 2 },
-                content,
-                idRef[currentId]))))));
-}
-exports.CustomModalProvider = CustomModalProvider;

package/components/navbar/NavBar.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export default function NavBar({ links, title, img, pos, next, el, menuItems, paddingBottom, logoutMsg, logoutFunc, ...props }: {
-    links: {
-        name: string;
-        path: string;
-    }[];
-    title: string;
-    img: string;
-    paddingBottom?: number;
-    menuItems: JSX.Element | JSX.Element[];
-    next?: boolean;
-    el?: JSX.Element;
-    logoutMsg?: string;
-    logoutFunc?: () => Promise<void>;
-    pos?: 'fixed' | 'inherit';
-}): JSX.Element;

package/components/navbar/NavBar.js

@@ -1,171 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
-const LogoutOutlined_1 = __importDefault(require("@mui/icons-material/LogoutOutlined"));
-const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
-const Person_1 = __importDefault(require("@mui/icons-material/Person"));
-const material_1 = require("@mui/material");
-const LinearProgress_1 = __importDefault(require("@mui/material/LinearProgress"));
-const image_1 = __importDefault(require("next/image"));
-const link_1 = __importDefault(require("next/link"));
-const router_1 = require("next/router");
-const react_1 = __importStar(require("react"));
-const auth_1 = require("../../context/auth");
-function NavBar(_a) {
-    var { links, title, img, pos = 'fixed', next = true, el, menuItems, paddingBottom = 0, logoutMsg = 'Sair', logoutFunc } = _a, props = __rest(_a, ["links", "title", "img", "pos", "next", "el", "menuItems", "paddingBottom", "logoutMsg", "logoutFunc"]);
-    let router = undefined;
-    if (next)
-        router = (0, router_1.useRouter)();
-    const { user, login, logout, type } = (0, react_1.useContext)(auth_1.AuthContext);
-    const [anchor, setAnchor] = (0, react_1.useState)(null);
-    const [avatarAnchor, setAvatarAnchor] = (0, react_1.useState)(null);
-    const menuOpen = Boolean(anchor);
-    const avatarMenu = Boolean(avatarAnchor);
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const onMenuClick = (0, react_1.useCallback)((e) => {
-        setAnchor(e.currentTarget);
-    }, []);
-    const closeMenu = (0, react_1.useCallback)(() => {
-        setAnchor(null);
-    }, []);
-    const onMenuItemClick = (0, react_1.useCallback)((e, link) => {
-        setLoading(true);
-        setAnchor(null);
-        if (router)
-            router
-                .push({
-                pathname: link,
-            })
-                .finally(() => setLoading(false));
-        else {
-            setLoading(false);
-        }
-    }, [router]);
-    function changeRoute(e, path) {
-        setLoading(true);
-        if (router) {
-            router
-                .push({
-                pathname: path,
-            })
-                .finally(() => setLoading(false));
-        }
-        else {
-            setLoading(false);
-        }
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Box, { position: pos, sx: { width: '100%', zIndex: 100 } },
-            react_1.default.createElement(material_1.AppBar, { position: 'relative', elevation: 0, sx: { backgroundColor: '#F1F5F9', color: 'black', paddingY: 1, paddingX: { xs: 1, md: 4 } } },
-                react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'space-between' },
-                    react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'center', spacing: 2, marginRight: 2, sx: { display: { xs: 'none', md: 'flex' }, width: '100%' } },
-                        react_1.default.createElement(link_1.default, { href: '/' }, next ? react_1.default.createElement(image_1.default, { src: img, alt: title, width: 40, height: 40 }) : react_1.default.createElement("img", { src: img, height: 35 })),
-                        react_1.default.createElement(material_1.Box, null,
-                            react_1.default.createElement(material_1.Typography, { variant: 'subtitle1', fontWeight: 600 }, title))),
-                    react_1.default.createElement(material_1.Box, { sx: {
-                            display: {
-                                xs: 'flex',
-                                md: 'none',
-                            },
-                        } }, links.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(material_1.IconButton, { onClick: onMenuClick },
-                            react_1.default.createElement(Menu_1.default, null)),
-                        react_1.default.createElement(material_1.Menu, { open: menuOpen, onClose: closeMenu, anchorEl: anchor }, links.map((x) => (react_1.default.createElement(material_1.MenuItem, { key: `navmenu${x}`, onClick: (e) => onMenuItemClick(e, x.path) },
-                            react_1.default.createElement(material_1.Typography, { textTransform: 'capitalize' }, x.name)))))))),
-                    react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'flex-end', alignItems: 'center', sx: { width: { md: '100%' } } },
-                        react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 2, sx: { display: { xs: 'none', md: 'flex' } } }, links.map((x) => (react_1.default.createElement(material_1.Box, { key: `navigation${x.path}`, sx: {
-                                a: {
-                                    color: '#2c7da0',
-                                    textDecoration: 'none',
-                                    textTransform: 'capitalize',
-                                    '&:hover': {
-                                        color: '#90e0ef',
-                                    },
-                                },
-                            } },
-                            react_1.default.createElement(material_1.Button, { onClick: (e) => changeRoute(e, x.path), sx: { textTransform: 'capitalize' } }, x.name))))),
-                        react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 2 },
-                            react_1.default.createElement(material_1.Box, null, el),
-                            user ? (react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 1, sx: {
-                                    '&:hover': {
-                                        backgroundColor: '#a9def9',
-                                        cursor: 'pointer',
-                                    },
-                                    padding: 0.5,
-                                    borderRadius: 60,
-                                } },
-                                react_1.default.createElement(material_1.Box, { sx: { display: 'flex', alignItems: 'center' } },
-                                    react_1.default.createElement(material_1.Avatar, { sx: { width: 30, height: 30 }, src: user.image }),
-                                    react_1.default.createElement(material_1.Menu, { open: avatarMenu, onClose: (e) => setAvatarAnchor(null), anchorEl: avatarAnchor, disableScrollLock: true, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' }, sx: { '.MuiMenu-paper': { borderRadius: 4 } } },
-                                        menuItems,
-                                        react_1.default.createElement(material_1.MenuItem, { onClick: (e) => __awaiter(this, void 0, void 0, function* () {
-                                                setAvatarAnchor(null);
-                                                if (!!logoutFunc) {
-                                                    try {
-                                                        yield logoutFunc();
-                                                    }
-                                                    catch (error) {
-                                                        console.error(error);
-                                                    }
-                                                }
-                                                logout();
-                                            }) },
-                                            react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 1 },
-                                                react_1.default.createElement(LogoutOutlined_1.default, { sx: { fill: '#545454' } }),
-                                                react_1.default.createElement(material_1.Typography, { textTransform: 'capitalize' }, logoutMsg))))),
-                                react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 0.4, alignItems: 'center', onClick: (e) => setAvatarAnchor(e.currentTarget), sx: { userSelect: 'none' } },
-                                    react_1.default.createElement(material_1.Typography, null, "Ol\u00E1,"),
-                                    react_1.default.createElement(material_1.Typography, { fontWeight: 600 }, user === null || user === void 0 ? void 0 : user.given_name),
-                                    react_1.default.createElement(KeyboardArrowDown_1.default, null)))) : type === 'govbr' ? (react_1.default.createElement(material_1.Button, { variant: 'contained', size: 'small', startIcon: react_1.default.createElement(Person_1.default, null), onClick: login, sx: { color: 'white', textTransform: 'inherit', borderRadius: 50, paddingX: 2 } },
-                                react_1.default.createElement(material_1.Typography, { fontWeight: 600, fontSize: 15, padding: 0.4 }, "Entrar com o gov.br"))) : (react_1.default.createElement(material_1.Button, { variant: 'contained', size: 'small', startIcon: react_1.default.createElement(Person_1.default, null), onClick: login, sx: { color: 'white', textTransform: 'inherit', borderRadius: 50, paddingX: 2 } },
-                                react_1.default.createElement(material_1.Typography, { fontWeight: 600, fontSize: 15, padding: 0.4 }, "Entrar"))))))),
-            loading && react_1.default.createElement(LinearProgress_1.default, null)),
-        react_1.default.createElement(material_1.Box, { paddingBottom: paddingBottom })));
-}
-exports.default = NavBar;

package/components/navbar/TabNavBar.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-export default function TabNavBar({ links, title, img, pos, next, el, menuItems, color, route, paddingBottom, logoutMsg, logoutFunc, ...props }: {
-    links: {
-        name: string;
-        path: string;
-    }[];
-    title: string;
-    img: string;
-    color?: string;
-    route?: string;
-    paddingBottom?: number;
-    menuItems: JSX.Element | JSX.Element[];
-    next?: boolean;
-    el?: JSX.Element;
-    logoutMsg?: string;
-    logoutFunc?: () => Promise<void>;
-    pos?: 'fixed' | 'inherit';
-}): JSX.Element;