@ssplib/react-components 0.0.293 → 0.0.295

package/Map-31d95a26.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as o}from"@mui/material";import{useMapEvents as n,Marker as r,Popup as l,useMap as a,MapContainer as i,TileLayer as s}from"react-leaflet";import c,{icon as d}from"leaflet";import{useState as p,useRef as m,useMemo as u,useEffect as h}from"react";import"leaflet-defaulticon-compatibility";import"leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css";import"leaflet/dist/leaflet.css";function f({...t}){const[o,a]=p(t.startCoord),i=m(null),s=u(()=>({dragend(){const e=i.current;null!=e&&a(e.getLatLng())}}),[]);return n({click(e){t.fixedPosition||a({lat:e.latlng.lat,lng:e.latlng.lng})}}),h(()=>{o&&(i.current&&(i.current.closePopup(),t.showPopup&&i.current.openPopup()),t.onChange&&t.onChange(o))},[o,t.onChange]),e(r,{icon:g,draggable:t.draggable,eventHandlers:s,position:o,ref:i,children:e(l,{className:"custom-popup",children:t.children})})}const g=d({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"}),y=({coords:e})=>{const t=a();return h(()=>{const o=document.createElement("div");o.style.position="relative",o.style.width="20px",o.style.height="20px",o.style.backgroundColor="rgba(0, 100, 255, 0.6)",o.style.borderRadius="50%",o.style.animation="sonarPulse 2s infinite";const n=document.createElement("div");n.style.position="absolute",n.style.top="50%",n.style.left="50%",n.style.width="100%",n.style.height="100%",n.style.backgroundColor="rgba(0, 100, 255, 0.4)",n.style.borderRadius="50%",n.style.transform="translate(-50%, -50%) scale(1)",n.style.animation="sonarPulse 2s infinite",o.appendChild(n);const r=document.createElement("style");r.innerHTML="\n            @keyframes sonarPulse {\n                0% {\n                transform: translate(-50%, -50%) scale(1);\n                opacity: 0.8;\n                }\n                100% {\n                transform: translate(-50%, -50%) scale(2);\n                opacity: 0;\n                }\n            }",document.head.appendChild(r);const l=c.marker(e,{icon:c.divIcon({className:"",html:o.outerHTML,iconSize:[40,40],iconAnchor:[0,5]})});return l.addTo(t),()=>{t.removeLayer(l),document.head.removeChild(r)}},[t,e]),null};function b(n){return e(o,{borderRadius:2,border:"2px solid #c7c7c7",overflow:"hidden",...n.style,children:t(i,{center:n.firstCoords,zoom:19,scrollWheelZoom:!0,style:n.mapStyle,children:[e(s,{attribution:'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"}),n.pulseMarkerList&&n.pulseMarkerList.map((t,o)=>e(y,{coords:t},JSON.stringify(t)+o)),e(f,{startCoord:n.firstCoords,onChange:n.onCoordsChange,showPopup:void 0!==n.popupContent,fixedPosition:n.fixedPosition,children:n.popupContent})]})})}export{b as Map};
+//# sourceMappingURL=Map-31d95a26.js.map

package/Map-31d95a26.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map-31d95a26.js","sources":["../src/components/map/DraggableMarker.tsx","../src/components/map/AnimatedMarker.tsx","../src/components/map/Map.tsx"],"sourcesContent":["'use client'\nimport { icon, LatLngExpression, Marker as MarketType } from 'leaflet'\nimport { ReactElement, useEffect, useMemo, useRef, useState } from 'react'\nimport { Marker, Popup, useMapEvents } from 'react-leaflet'\n\nimport React from 'react'\n\ninterface DraggableMarkerProps {\n    startCoord: LatLngExpression\n    draggable?: boolean\n    // eslint-disable-next-line no-unused-vars\n    onChange?: (coord: LatLngExpression) => void\n    children?: ReactElement\n    showPopup?: boolean\n    fixedPosition?: boolean\n}\n\nexport default function DraggableMarker({ ...props }: DraggableMarkerProps) {\n    const [position, setPosition] = useState<LatLngExpression>(props.startCoord)\n    const markerRef = useRef<MarketType>(null)\n\n    const eventHandlers = useMemo(\n        () => ({\n            dragend() {\n                const marker = markerRef.current\n                if (marker != null) {\n                    setPosition(marker.getLatLng())\n                }\n            },\n        }),\n        []\n    )\n\n    useMapEvents({\n        click(e) {\n            if (props.fixedPosition) return\n\n            setPosition({ lat: e.latlng.lat, lng: e.latlng.lng })\n        },\n    })\n\n    useEffect(() => {\n        if (!position) return\n\n        if (markerRef.current) {\n            markerRef.current.closePopup()\n\n            if (props.showPopup) markerRef.current.openPopup()\n        }\n\n        if (props.onChange) props.onChange(position)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [position, props.onChange])\n\n    return (\n        <Marker icon={redIcon} draggable={props.draggable} eventHandlers={eventHandlers} position={position} ref={markerRef}>\n            <Popup className='custom-popup'>{props.children}</Popup>\n        </Marker>\n    )\n}\n\n//#region Marker Icon\nconst redIcon = icon({\n    iconUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-icon.png',\n    shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-shadow.png',\n    iconSize: [25, 41],\n    iconAnchor: [12, 41],\n    popupAnchor: [1, -34],\n    shadowSize: [41, 41],\n    className: 'leaflet-red-marker',\n})\n//#endregion\n","import L, { LatLngExpression } from 'leaflet'\nimport { useEffect } from 'react'\nimport { useMap } from 'react-leaflet'\n\nconst AnimatedMarker = ({ coords }: { coords: LatLngExpression }) => {\n    const map = useMap()\n\n    useEffect(() => {\n        // Criar o ícone do marcador com HTML\n        const markerElement = document.createElement('div')\n        markerElement.style.position = 'relative'\n        markerElement.style.width = '20px'\n        markerElement.style.height = '20px'\n        markerElement.style.backgroundColor = 'rgba(0, 100, 255, 0.6)'\n        markerElement.style.borderRadius = '50%'\n        markerElement.style.animation = 'sonarPulse 2s infinite'\n\n        // Criar o efeito de pulso (onda ao redor)\n        const pulseElement = document.createElement('div')\n        pulseElement.style.position = 'absolute'\n        pulseElement.style.top = '50%'\n        pulseElement.style.left = '50%'\n        pulseElement.style.width = '100%'\n        pulseElement.style.height = '100%'\n        pulseElement.style.backgroundColor = 'rgba(0, 100, 255, 0.4)'\n        pulseElement.style.borderRadius = '50%'\n        pulseElement.style.transform = 'translate(-50%, -50%) scale(1)'\n        pulseElement.style.animation = 'sonarPulse 2s infinite'\n\n        markerElement.appendChild(pulseElement)\n\n        // Adicionar a animação no CSS global\n        const keyframes = `\n            @keyframes sonarPulse {\n                0% {\n                transform: translate(-50%, -50%) scale(1);\n                opacity: 0.8;\n                }\n                100% {\n                transform: translate(-50%, -50%) scale(2);\n                opacity: 0;\n                }\n            }`\n        const styleElement = document.createElement('style')\n        styleElement.innerHTML = keyframes\n        document.head.appendChild(styleElement)\n\n        // Criar o marcador no mapa\n        const marker = L.marker(coords, {\n            icon: L.divIcon({\n                className: '',\n                html: markerElement.outerHTML,\n                iconSize: [40, 40], // Define o tamanho do ícone\n                iconAnchor: [0, 5], // Centraliza o ícone (metade do width e height)\n            }),\n        })\n\n        marker.addTo(map)\n\n        // Limpar marcador e estilos ao desmontar\n        return () => {\n            map.removeLayer(marker)\n            document.head.removeChild(styleElement)\n        }\n    }, [map, coords])\n\n    return null // Nenhum componente visível, já que o marcador é diretamente manipulado pelo Leaflet\n}\n\nexport default AnimatedMarker\n","'use client'\nimport { Box, BoxProps } from '@mui/material'\nimport { MapContainer, TileLayer } from 'react-leaflet'\nimport DraggableMarker from './DraggableMarker'\n\nimport React from 'react'\n\nimport 'leaflet-defaulticon-compatibility'\nimport 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css'\nimport 'leaflet/dist/leaflet.css'\nimport { LatLngExpression } from 'leaflet'\nimport AnimatedMarker from './AnimatedMarker'\nimport { ReactElement } from 'react'\n\nexport interface MapProps {\n    firstCoords: any\n    // eslint-disable-next-line no-unused-vars\n    onCoordsChange?: (coords: any) => void\n    pulseMarkerList?: LatLngExpression[]\n    popupContent?: ReactElement\n    style?: BoxProps\n    mapStyle?: React.CSSProperties\n    fixedPosition?: boolean\n}\n\nexport function Map(props: MapProps) {\n    return (\n        <Box borderRadius={2} border='2px solid #c7c7c7' overflow='hidden' {...props.style}>\n            <MapContainer center={props.firstCoords} zoom={19} scrollWheelZoom style={props.mapStyle}>\n                <TileLayer attribution='&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors' url='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' />\n                {props.pulseMarkerList && props.pulseMarkerList.map((coord, idx) => <AnimatedMarker key={JSON.stringify(coord) + idx} coords={coord} />)}\n                <DraggableMarker startCoord={props.firstCoords} onChange={props.onCoordsChange} showPopup={typeof props.popupContent !== 'undefined'} fixedPosition={props.fixedPosition}>\n                    {props.popupContent}\n                </DraggableMarker>\n            </MapContainer>\n        </Box>\n    )\n}\n"],"names":["DraggableMarker","props","position","setPosition","useState","startCoord","markerRef","useRef","eventHandlers","useMemo","dragend","marker","current","getLatLng","useMapEvents","click","e","fixedPosition","lat","latlng","lng","useEffect","closePopup","showPopup","openPopup","onChange","_jsx","Marker","icon","redIcon","draggable","ref","children","Popup","className","iconUrl","shadowUrl","iconSize","iconAnchor","popupAnchor","shadowSize","AnimatedMarker","coords","map","useMap","markerElement","document","createElement","style","width","height","backgroundColor","borderRadius","animation","pulseElement","top","left","transform","appendChild","styleElement","innerHTML","head","L","divIcon","html","outerHTML","addTo","removeLayer","removeChild","Map","Box","border","overflow","_jsxs","MapContainer","center","firstCoords","zoom","scrollWheelZoom","mapStyle","TileLayer","attribution","url","pulseMarkerList","coord","idx","JSON","stringify","onCoordsChange","popupContent"],"mappings":"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"}

package/Map-644d2f90.js

@@ -0,0 +1,2 @@
+var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react-leaflet"),o=require("leaflet"),n=require("react");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("leaflet-defaulticon-compatibility"),require("leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css"),require("leaflet/dist/leaflet.css");var s=/*#__PURE__*/a(o);function l({...t}){const[o,a]=n.useState(t.startCoord),s=n.useRef(null),l=n.useMemo(()=>({dragend(){const e=s.current;null!=e&&a(e.getLatLng())}}),[]);return r.useMapEvents({click(e){t.fixedPosition||a({lat:e.latlng.lat,lng:e.latlng.lng})}}),n.useEffect(()=>{o&&(s.current&&(s.current.closePopup(),t.showPopup&&s.current.openPopup()),t.onChange&&t.onChange(o))},[o,t.onChange]),e.jsx(r.Marker,{icon:i,draggable:t.draggable,eventHandlers:l,position:o,ref:s,children:e.jsx(r.Popup,{className:"custom-popup",children:t.children})})}const i=o.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"}),c=({coords:e})=>{const t=r.useMap();return n.useEffect(()=>{const r=document.createElement("div");r.style.position="relative",r.style.width="20px",r.style.height="20px",r.style.backgroundColor="rgba(0, 100, 255, 0.6)",r.style.borderRadius="50%",r.style.animation="sonarPulse 2s infinite";const o=document.createElement("div");o.style.position="absolute",o.style.top="50%",o.style.left="50%",o.style.width="100%",o.style.height="100%",o.style.backgroundColor="rgba(0, 100, 255, 0.4)",o.style.borderRadius="50%",o.style.transform="translate(-50%, -50%) scale(1)",o.style.animation="sonarPulse 2s infinite",r.appendChild(o);const n=document.createElement("style");n.innerHTML="\n            @keyframes sonarPulse {\n                0% {\n                transform: translate(-50%, -50%) scale(1);\n                opacity: 0.8;\n                }\n                100% {\n                transform: translate(-50%, -50%) scale(2);\n                opacity: 0;\n                }\n            }",document.head.appendChild(n);const a=s.default.marker(e,{icon:s.default.divIcon({className:"",html:r.outerHTML,iconSize:[40,40],iconAnchor:[0,5]})});return a.addTo(t),()=>{t.removeLayer(a),document.head.removeChild(n)}},[t,e]),null};exports.Map=function(o){return e.jsx(t.Box,{borderRadius:2,border:"2px solid #c7c7c7",overflow:"hidden",...o.style,children:e.jsxs(r.MapContainer,{center:o.firstCoords,zoom:19,scrollWheelZoom:!0,style:o.mapStyle,children:[e.jsx(r.TileLayer,{attribution:'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"}),o.pulseMarkerList&&o.pulseMarkerList.map((t,r)=>e.jsx(c,{coords:t},JSON.stringify(t)+r)),e.jsx(l,{startCoord:o.firstCoords,onChange:o.onCoordsChange,showPopup:void 0!==o.popupContent,fixedPosition:o.fixedPosition,children:o.popupContent})]})})};
+//# sourceMappingURL=Map-644d2f90.js.map

package/Map-644d2f90.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map-644d2f90.js","sources":["../src/components/map/DraggableMarker.tsx","../src/components/map/AnimatedMarker.tsx","../src/components/map/Map.tsx"],"sourcesContent":["'use client'\nimport { icon, LatLngExpression, Marker as MarketType } from 'leaflet'\nimport { ReactElement, useEffect, useMemo, useRef, useState } from 'react'\nimport { Marker, Popup, useMapEvents } from 'react-leaflet'\n\nimport React from 'react'\n\ninterface DraggableMarkerProps {\n    startCoord: LatLngExpression\n    draggable?: boolean\n    // eslint-disable-next-line no-unused-vars\n    onChange?: (coord: LatLngExpression) => void\n    children?: ReactElement\n    showPopup?: boolean\n    fixedPosition?: boolean\n}\n\nexport default function DraggableMarker({ ...props }: DraggableMarkerProps) {\n    const [position, setPosition] = useState<LatLngExpression>(props.startCoord)\n    const markerRef = useRef<MarketType>(null)\n\n    const eventHandlers = useMemo(\n        () => ({\n            dragend() {\n                const marker = markerRef.current\n                if (marker != null) {\n                    setPosition(marker.getLatLng())\n                }\n            },\n        }),\n        []\n    )\n\n    useMapEvents({\n        click(e) {\n            if (props.fixedPosition) return\n\n            setPosition({ lat: e.latlng.lat, lng: e.latlng.lng })\n        },\n    })\n\n    useEffect(() => {\n        if (!position) return\n\n        if (markerRef.current) {\n            markerRef.current.closePopup()\n\n            if (props.showPopup) markerRef.current.openPopup()\n        }\n\n        if (props.onChange) props.onChange(position)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [position, props.onChange])\n\n    return (\n        <Marker icon={redIcon} draggable={props.draggable} eventHandlers={eventHandlers} position={position} ref={markerRef}>\n            <Popup className='custom-popup'>{props.children}</Popup>\n        </Marker>\n    )\n}\n\n//#region Marker Icon\nconst redIcon = icon({\n    iconUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-icon.png',\n    shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-shadow.png',\n    iconSize: [25, 41],\n    iconAnchor: [12, 41],\n    popupAnchor: [1, -34],\n    shadowSize: [41, 41],\n    className: 'leaflet-red-marker',\n})\n//#endregion\n","import L, { LatLngExpression } from 'leaflet'\nimport { useEffect } from 'react'\nimport { useMap } from 'react-leaflet'\n\nconst AnimatedMarker = ({ coords }: { coords: LatLngExpression }) => {\n    const map = useMap()\n\n    useEffect(() => {\n        // Criar o ícone do marcador com HTML\n        const markerElement = document.createElement('div')\n        markerElement.style.position = 'relative'\n        markerElement.style.width = '20px'\n        markerElement.style.height = '20px'\n        markerElement.style.backgroundColor = 'rgba(0, 100, 255, 0.6)'\n        markerElement.style.borderRadius = '50%'\n        markerElement.style.animation = 'sonarPulse 2s infinite'\n\n        // Criar o efeito de pulso (onda ao redor)\n        const pulseElement = document.createElement('div')\n        pulseElement.style.position = 'absolute'\n        pulseElement.style.top = '50%'\n        pulseElement.style.left = '50%'\n        pulseElement.style.width = '100%'\n        pulseElement.style.height = '100%'\n        pulseElement.style.backgroundColor = 'rgba(0, 100, 255, 0.4)'\n        pulseElement.style.borderRadius = '50%'\n        pulseElement.style.transform = 'translate(-50%, -50%) scale(1)'\n        pulseElement.style.animation = 'sonarPulse 2s infinite'\n\n        markerElement.appendChild(pulseElement)\n\n        // Adicionar a animação no CSS global\n        const keyframes = `\n            @keyframes sonarPulse {\n                0% {\n                transform: translate(-50%, -50%) scale(1);\n                opacity: 0.8;\n                }\n                100% {\n                transform: translate(-50%, -50%) scale(2);\n                opacity: 0;\n                }\n            }`\n        const styleElement = document.createElement('style')\n        styleElement.innerHTML = keyframes\n        document.head.appendChild(styleElement)\n\n        // Criar o marcador no mapa\n        const marker = L.marker(coords, {\n            icon: L.divIcon({\n                className: '',\n                html: markerElement.outerHTML,\n                iconSize: [40, 40], // Define o tamanho do ícone\n                iconAnchor: [0, 5], // Centraliza o ícone (metade do width e height)\n            }),\n        })\n\n        marker.addTo(map)\n\n        // Limpar marcador e estilos ao desmontar\n        return () => {\n            map.removeLayer(marker)\n            document.head.removeChild(styleElement)\n        }\n    }, [map, coords])\n\n    return null // Nenhum componente visível, já que o marcador é diretamente manipulado pelo Leaflet\n}\n\nexport default AnimatedMarker\n","'use client'\nimport { Box, BoxProps } from '@mui/material'\nimport { MapContainer, TileLayer } from 'react-leaflet'\nimport DraggableMarker from './DraggableMarker'\n\nimport React from 'react'\n\nimport 'leaflet-defaulticon-compatibility'\nimport 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css'\nimport 'leaflet/dist/leaflet.css'\nimport { LatLngExpression } from 'leaflet'\nimport AnimatedMarker from './AnimatedMarker'\nimport { ReactElement } from 'react'\n\nexport interface MapProps {\n    firstCoords: any\n    // eslint-disable-next-line no-unused-vars\n    onCoordsChange?: (coords: any) => void\n    pulseMarkerList?: LatLngExpression[]\n    popupContent?: ReactElement\n    style?: BoxProps\n    mapStyle?: React.CSSProperties\n    fixedPosition?: boolean\n}\n\nexport function Map(props: MapProps) {\n    return (\n        <Box borderRadius={2} border='2px solid #c7c7c7' overflow='hidden' {...props.style}>\n            <MapContainer center={props.firstCoords} zoom={19} scrollWheelZoom style={props.mapStyle}>\n                <TileLayer attribution='&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors' url='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' />\n                {props.pulseMarkerList && props.pulseMarkerList.map((coord, idx) => <AnimatedMarker key={JSON.stringify(coord) + idx} coords={coord} />)}\n                <DraggableMarker startCoord={props.firstCoords} onChange={props.onCoordsChange} showPopup={typeof props.popupContent !== 'undefined'} fixedPosition={props.fixedPosition}>\n                    {props.popupContent}\n                </DraggableMarker>\n            </MapContainer>\n        </Box>\n    )\n}\n"],"names":["DraggableMarker","props","position","setPosition","useState","startCoord","markerRef","useRef","eventHandlers","useMemo","dragend","marker","current","getLatLng","useMapEvents","click","e","fixedPosition","lat","latlng","lng","useEffect","closePopup","showPopup","openPopup","onChange","_jsx","Marker","icon","redIcon","draggable","ref","children","jsx","Popup","className","iconUrl","shadowUrl","iconSize","iconAnchor","popupAnchor","shadowSize","AnimatedMarker","coords","map","useMap","markerElement","document","createElement","style","width","height","backgroundColor","borderRadius","animation","pulseElement","top","left","transform","appendChild","styleElement","innerHTML","head","L","divIcon","html","outerHTML","addTo","removeLayer","removeChild","Box","border","overflow","_jsxs","jsxs","MapContainer","center","firstCoords","zoom","scrollWheelZoom","mapStyle","TileLayer","attribution","url","pulseMarkerList","coord","idx","JSON","stringify","onCoordsChange","popupContent"],"mappings":"0YAiBwB,SAAAA,MAAqBC,IACzC,MAAOC,EAAUC,GAAeC,EAAAA,SAA2BH,EAAMI,YAC3DC,EAAYC,EAAAA,OAAmB,MAE/BC,EAAgBC,EAAOA,QACzB,KAAO,CACHC,UACI,MAAMC,EAASL,EAAUM,QACX,MAAVD,GACAR,EAAYQ,EAAOE,YAE3B,IAEJ,IAwBJ,OArBAC,EAAYA,aAAC,CACTC,MAAMC,GACEf,EAAMgB,eAEVd,EAAY,CAAEe,IAAKF,EAAEG,OAAOD,IAAKE,IAAKJ,EAAEG,OAAOC,KACnD,IAGJC,EAAAA,UAAU,KACDnB,IAEDI,EAAUM,UACVN,EAAUM,QAAQU,aAEdrB,EAAMsB,WAAWjB,EAAUM,QAAQY,aAGvCvB,EAAMwB,UAAUxB,EAAMwB,SAASvB,GAAQ,EAE5C,CAACA,EAAUD,EAAMwB,WAGhBC,EAAAA,IAACC,EAAAA,OAAO,CAAAC,KAAMC,EAASC,UAAW7B,EAAM6B,UAAWtB,cAAeA,EAAeN,SAAUA,EAAU6B,IAAKzB,EACtG0B,SAAAN,EAAAO,IAACC,QAAM,CAAAC,UAAU,wBAAgBlC,EAAM+B,YAGnD,CAGA,MAAMH,EAAUD,EAAAA,KAAK,CACjBQ,QAAS,8EACTC,UAAW,gFACXC,SAAU,CAAC,GAAI,IACfC,WAAY,CAAC,GAAI,IACjBC,YAAa,CAAC,GAAI,IAClBC,WAAY,CAAC,GAAI,IACjBN,UAAW,uBCjETO,EAAiBA,EAAGC,aACtB,MAAMC,EAAMC,EAAMA,SA6DlB,OA3DAxB,EAASA,UAAC,KAEN,MAAMyB,EAAgBC,SAASC,cAAc,OAC7CF,EAAcG,MAAM/C,SAAW,WAC/B4C,EAAcG,MAAMC,MAAQ,OAC5BJ,EAAcG,MAAME,OAAS,OAC7BL,EAAcG,MAAMG,gBAAkB,yBACtCN,EAAcG,MAAMI,aAAe,MACnCP,EAAcG,MAAMK,UAAY,yBAGhC,MAAMC,EAAeR,SAASC,cAAc,OAC5CO,EAAaN,MAAM/C,SAAW,WAC9BqD,EAAaN,MAAMO,IAAM,MACzBD,EAAaN,MAAMQ,KAAO,MAC1BF,EAAaN,MAAMC,MAAQ,OAC3BK,EAAaN,MAAME,OAAS,OAC5BI,EAAaN,MAAMG,gBAAkB,yBACrCG,EAAaN,MAAMI,aAAe,MAClCE,EAAaN,MAAMS,UAAY,iCAC/BH,EAAaN,MAAMK,UAAY,yBAE/BR,EAAca,YAAYJ,GAG1B,MAWMK,EAAeb,SAASC,cAAc,SAC5CY,EAAaC,UAZK,+TAalBd,SAASe,KAAKH,YAAYC,GAG1B,MAAMjD,EAASoD,EAAAA,QAAEpD,OAAOgC,EAAQ,CAC5Bf,KAAMmC,EAAAA,QAAEC,QAAQ,CACZ7B,UAAW,GACX8B,KAAMnB,EAAcoB,UACpB5B,SAAU,CAAC,GAAI,IACfC,WAAY,CAAC,EAAG,OAOxB,OAHA5B,EAAOwD,MAAMvB,GAGN,KACHA,EAAIwB,YAAYzD,GAChBoC,SAASe,KAAKO,YAAYT,GAC9B,EACD,CAAChB,EAAKD,IAEF,kBCzCK,SAAI1C,GAChB,OACIyB,EAAAA,IAAC4C,EAAAA,IAAG,CAACjB,aAAc,EAAGkB,OAAO,oBAAoBC,SAAS,YAAavE,EAAMgD,MAAKjB,SAC9EyC,EAACC,KAAAC,EAAYA,aAAC,CAAAC,OAAQ3E,EAAM4E,YAAaC,KAAM,GAAIC,iBAAgB,EAAA9B,MAAOhD,EAAM+E,SAC5EhD,SAAA,CAAAN,MAACuD,EAAAA,UAAS,CAACC,YAAY,qFAA0FC,IAAI,uDACpHlF,EAAMmF,iBAAmBnF,EAAMmF,gBAAgBxC,IAAI,CAACyC,EAAOC,IAAQ5D,EAACO,IAAAS,EAAiD,CAAAC,OAAQ0C,GAArCE,KAAKC,UAAUH,GAASC,IACjH5D,EAAAA,IAAC1B,EAAgB,CAAAK,WAAYJ,EAAM4E,YAAapD,SAAUxB,EAAMwF,eAAgBlE,eAAyC,IAAvBtB,EAAMyF,aAA8BzE,cAAehB,EAAMgB,cAAae,SACnK/B,EAAMyF,mBAK3B"}

package/components/detalhes/Category.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function Category({ title }: {
     title: string;
 }): JSX.Element;

package/components/detalhes/Field.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function Field({ name, title, tag, xs, md, lg }: {
     title: string;
     name: string;

package/components/detalhes/FieldLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function FieldLabel({ title, xs, tag, md, lg, paddingBottom }: {
     title: string;
     tag?: string;

package/components/detalhes/File.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function File({ title, name, md, fileURL, fileExt }: {
     title: string;
     fileURL: string;

package/components/form/checkbox/CheckBoxAdditional.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function RequiredCheckBoxAdditional({ customText, ...props }: {
     name: string;
     children: JSX.Element;

package/components/form/checkbox/RequiredCheckBoxValidator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function RequiredCheckBoxGroup({ customText, ...props }: {
     name: string;
     children: JSX.Element | JSX.Element[];

package/components/form/date/DatePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import 'dayjs/locale/pt-br';
 export default function DatePicker({ name, required, title, xs, sm, md, minDt, defaultValue, persistValue, maxDt, ...props }: {
     minDt?: string;

package/components/form/date/GenericDatePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import 'dayjs/locale/pt-br';
 export default function GenericDatePicker({ name, required, title, xs, sm, md, minDt, defaultValue, persistValue, maxDt, ...props }: {
     minDt?: string;

package/components/form/date/TimePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import 'dayjs/locale/pt-br';
 export default function TimePicker({ name, required, title, defaultValue, xs, sm, md, }: {
     name: string;

package/components/form/file/DropFileUpload.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropzoneOptions } from 'react-dropzone';
 export default function DropFileUpload({ name, tipoArquivo, title, required, multiple, apiURL, sizeLimit, xs, sm, md, route, tstToken, dropZoneOptions, }: {
     name: string;

package/components/form/file/FileUpload.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function FileUpload({ name, tipoArquivo, title, required, multiple, apiURL, route, sizeLimit, xs, sm, md, }: {
     name: string;
     tipoArquivo: string;

package/components/form/input/AutoComplete.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function AutoComplete({ name, required, title, customPlaceholder, url, xs, sm, md, dataPath, }: {
     url: string;
     name: string;

package/components/form/input/FetchAutoComplete.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function FetchAutoComplete({ name, url, title, customLoadingText, shouldRefetch, required, defaultValue, route, onChange, xs, sm, watchValue, md, disabled, }: {
     name: string;
     url: string;

package/components/form/input/FixedAutoComplete.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function FixedAutoComplete({ name, title, required, list, defaultValue, onChange, xs, sm, watchValue, forceUpdate, md, }: {
     name: string;
     title: string;

package/components/form/input/GenericFetchAutoComplete.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function GenericFetchAutoComplete({ name, url, title, customLoadingText, shouldRefetch, required, defaultValue, route, onChange, xs, sm, watchValue, md, disabled, }: {
     name: string;
     url: string;

package/components/form/input/GenericMultInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function MultInput({ name, required, title, customPlaceholder, defaultValue, xs, sm, watchValue, inputMinLength, inputMaxLength, md, ...props }: {
     name: string;
     title?: string;

package/components/form/input/MultInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function MultInput({ name, required, title, customPlaceholder, defaultValue, xs, sm, watchValue, inputMinLength, inputMaxLength, md, ...props }: {
     name: string;
     title?: string;

package/components/form/input/OptionalInput.d.ts

@@ -0,0 +1,10 @@
+interface OptionalInputProps {
+    title: string;
+    name: string;
+    required?: boolean;
+    xs?: number;
+    sm?: number;
+    md?: number;
+}
+export default function OptionalInput({ title, name, required, xs, sm, md }: OptionalInputProps): JSX.Element;
+export {};

package/components/form/input/OtherCheckBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function SSPOtherCheckBox({ name, required, xs, sm, md }: {
     name: string;
     required?: boolean;

package/components/form/switch/ToggleVisibility.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function ToggleVisibility({ invert, hasCheckValue, ...props }: {
     switchId: string;
     unregisterNameList: string[];

package/components/form/table/FilterSection.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterValue } from './types';
 export declare function FilterMenu({ filters, baseFilters, filtrar, reset }: {
     reset: () => void;

package/components/form/table/TableLoadingState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface TableLoadingStateProps {
     tableName: string;
 }

package/components/form/table/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CsvConfigProp, FilterValue, OrderBy } from './types';
 export declare const getCount: (countData: any[], itemsCount: number) => number;
 export declare function transformArrayObjectInString(o: Object): String;

package/components/icons/icons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SvgIconProps } from '@mui/material';
 export declare function PDFIcon(props: SvgIconProps): JSX.Element;
 export declare function TrashIcon(props: SvgIconProps): JSX.Element;

package/components/loading/LinearProgress.d.ts

@@ -0,0 +1,2 @@
+import { LinearProgressProps } from '@mui/material';
+export declare function LinearProgress(props: LinearProgressProps): JSX.Element;

package/components/loading/LoadingScreen.d.ts

@@ -0,0 +1,7 @@
+import { SxProps } from '@mui/material';
+interface LoadingScreenProps {
+    textMessage?: string;
+    containerSx: SxProps;
+}
+export declare const LoadingScreen: ({ textMessage, containerSx }: LoadingScreenProps) => JSX.Element;
+export {};

package/components/map/index.d.ts

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

package/components/modal/Modal.d.ts

@@ -1,4 +1,3 @@
-/// <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;

package/components/navbar/NavBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function NavBar({ links, title, img, pos, next, el, menuItems, paddingBottom, logoutMsg, logoutFunc, ...props }: {
     links: {
         name: string;

package/components/navbar/TabNavBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function TabNavBar({ links, title, img, pos, next, el, menuItems, color, route, paddingBottom, logoutMsg, logoutFunc, ...props }: {
     links: {
         name: string;

package/components/providers/GenericFormProvider.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { FieldValues } from 'react-hook-form';
+interface FormProviderProps<T extends FieldValues> {
+    children: ReactElement | ReactElement[];
+    onSubmit: (data: T) => void;
+    formMethod?: 'POST' | 'GET' | 'PUT' | 'DELETE' | 'UPDATE';
+    submiting?: boolean;
+}
+export default function GenericFormProvider<T extends FieldValues>({ children, onSubmit, formMethod, submiting }: FormProviderProps<T>): JSX.Element;
+export {};

package/components/providers/KeycloakAuthProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const cookieName = "nextauth.token";
 export declare function KeycloakAuthProvider({ url, realm, clientId, children, type, resource_name, redirectUri, }: {
     url: string;

package/components/providers/OAuthProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface OiDcConfig {
     client_id: string;
     scope: string;

package/components/providers/SspComponentsProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function SspComponentsProvider(props: {
     children: JSX.Element | JSX.Element[];
 }): JSX.Element;

package/components/teste/Teste.d.ts

@@ -0,0 +1,3 @@
+import '../../css/globals.css';
+export declare function Exemplo(): JSX.Element;
+export default function Teste(): JSX.Element;

package/components/utils/Bt.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '@mui/material';
 import tinycolor from 'tinycolor2';
 interface CustomButton extends ButtonProps {

package/context/auth.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { AuthReturnData } from '../types/auth';
 export declare const AuthContext: import("react").Context<AuthReturnData>;

package/decorators/FormBaseDecorator.d.ts

@@ -0,0 +1,2 @@
+import '../css/ReactToastify.css';
+export default function FormBaseDecorator(Story: any, el: any): JSX.Element;

package/decorators/GenericFormBaseDecorator.d.ts

@@ -0,0 +1,2 @@
+import '../src/css/ReactToastify.css';
+export default function GenericFormBaseDecorator(Story: any, el: any): JSX.Element;

package/decorators/StepperDecorator.d.ts

@@ -0,0 +1,2 @@
+import '../src/css/ReactToastify.css';
+export default function StepperDecorator(Story: any, el: any): JSX.Element;