@ssplib/react-components 0.0.316 → 0.0.318

package/Map-31d95a26.js.map

@@ -1 +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":"kdAiBwB,SAAAA,MAAqBC,IACzC,MAAOC,EAAUC,GAAeC,EAA2BH,EAAMI,YAC3DC,EAAYC,EAAmB,MAE/BC,EAAgBC,EAClB,KAAO,CACHC,UACI,MAAMC,EAASL,EAAUM,QACX,MAAVD,GACAR,EAAYQ,EAAOE,YAE3B,IAEJ,IAwBJ,OArBAC,EAAa,CACTC,MAAMC,GACEf,EAAMgB,eAEVd,EAAY,CAAEe,IAAKF,EAAEG,OAAOD,IAAKE,IAAKJ,EAAEG,OAAOC,KACnD,IAGJC,EAAU,KACDnB,IAEDI,EAAUM,UACVN,EAAUM,QAAQU,aAEdrB,EAAMsB,WAAWjB,EAAUM,QAAQY,aAGvCvB,EAAMwB,UAAUxB,EAAMwB,SAASvB,GAAQ,EAE5C,CAACA,EAAUD,EAAMwB,WAGhBC,EAACC,EAAO,CAAAC,KAAMC,EAASC,UAAW7B,EAAM6B,UAAWtB,cAAeA,EAAeN,SAAUA,EAAU6B,IAAKzB,EACtG0B,SAAAN,EAACO,EAAM,CAAAC,UAAU,wBAAgBjC,EAAM+B,YAGnD,CAGA,MAAMH,EAAUD,EAAK,CACjBO,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,IA6DZ,OA3DAvB,EAAU,KAEN,MAAMwB,EAAgBC,SAASC,cAAc,OAC7CF,EAAcG,MAAM9C,SAAW,WAC/B2C,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,MAAM9C,SAAW,WAC9BoD,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,MAAMhD,EAASmD,EAAEnD,OAAO+B,EAAQ,CAC5Bd,KAAMkC,EAAEC,QAAQ,CACZ7B,UAAW,GACX8B,KAAMnB,EAAcoB,UACpB5B,SAAU,CAAC,GAAI,IACfC,WAAY,CAAC,EAAG,OAOxB,OAHA3B,EAAOuD,MAAMvB,GAGN,KACHA,EAAIwB,YAAYxD,GAChBmC,SAASe,KAAKO,YAAYT,GAC9B,EACD,CAAChB,EAAKD,IAEF,MCzCK,SAAA2B,EAAIpE,GAChB,OACIyB,EAAC4C,EAAG,CAAClB,aAAc,EAAGmB,OAAO,oBAAoBC,SAAS,YAAavE,EAAM+C,MAAKhB,SAC9EyC,EAACC,EAAa,CAAAC,OAAQ1E,EAAM2E,YAAaC,KAAM,GAAIC,iBAAgB,EAAA9B,MAAO/C,EAAM8E,SAC5E/C,SAAA,CAAAN,EAACsD,EAAS,CAACC,YAAY,qFAA0FC,IAAI,uDACpHjF,EAAMkF,iBAAmBlF,EAAMkF,gBAAgBxC,IAAI,CAACyC,EAAOC,IAAQ3D,EAACe,EAAiD,CAAAC,OAAQ0C,GAArCE,KAAKC,UAAUH,GAASC,IACjH3D,EAAC1B,EAAgB,CAAAK,WAAYJ,EAAM2E,YAAanD,SAAUxB,EAAMuF,eAAgBjE,eAAyC,IAAvBtB,EAAMwF,aAA8BxE,cAAehB,EAAMgB,cAAae,SACnK/B,EAAMwF,mBAK3B"}
+{"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.map

@@ -1 +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"}
+{"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,OAAAA,GACI,MAAMC,EAASL,EAAUM,QACX,MAAVD,GACAR,EAAYQ,EAAOE,YAE3B,IAEJ,IAwBJ,OArBAC,EAAYA,aAAC,CACTC,KAAAA,CAAMC,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,KAEpC,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,KAE/B,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/form/input/Input.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IMaskConfig } from './MaskInput';
 export declare function Input({ type, numberMask, xs, sm, inputMinLength, inputMaxLength, defaultValue, md, disabled, watchValue, ...props }: {
     type: 'cnpj' | 'cpf' | 'input' | 'email' | 'cpf_cnpj' | 'phone' | 'input' | 'number' | 'rg' | 'password' | 'cep' | 'sei';
     name: string;
@@ -14,6 +15,8 @@ export declare function Input({ type, numberMask, xs, sm, inputMinLength, inputM
     sm?: number;
     md?: number;
     disabled?: boolean;
+    imaskConfig?: IMaskConfig;
+    customValidate?: (value: string, form: any) => string | undefined;
 }): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Input>;
 export default _default;

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

@@ -1,14 +1,11 @@
 import React from 'react';
+import { IMaskInput } from 'react-imask';
+export type IMaskConfig = Partial<React.ComponentProps<typeof IMaskInput>>;
 export default function MaskInput(props: {
     formConfig: object;
     defaultValue?: string;
-    maskProps: {
-        mask: string | RegExp;
-        definitions?: {
-            [key: string]: string | RegExp;
-        };
-    };
     disabled?: boolean;
     watchValue?: string;
     onMask?: (value: string, setMask: React.Dispatch<React.SetStateAction<string>>) => void;
+    imaskConfig?: IMaskConfig;
 }): JSX.Element;

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

@@ -3,6 +3,6 @@ import { TableProps2 } from './types';
 /**
  * Tabela cujo dados devem ser passados via props
  */
-export declare function GenericTable<T>({ mediaQueryLG, columns, emptyMsg, dataPath, tableName, csv, columnSize, action, useKC, statusKeyName, csvExcludeKeys, csvExcludeKeysCSV, csvExcludeKeysAll, csvCustomKeyNames, csvExcludeValidate, csvButtonTitle, csvNoZipText, csvAllButtonTitle, removeQuotes, normalize, csvShowAllButton, csvWithoutZip, itemCount, csvUpper, csvZipFileNamesKey, generateCsvZip, hideTitleCSV, csvExcludeUpper, multipleDataPath, expandTextMaxLength, collapsedSize, customMargin, customMarginMobile, filtersFunc, filters, orderBy, customErrorMsg, customTableStyle, id, initialData, isLoading, }: TableProps2): JSX.Element;
+export declare function GenericTable<T>({ mediaQueryLG, columns, emptyMsg, dataPath, tableName, csv, columnSize, action, useKC, statusKeyName, csvExcludeKeys, csvExcludeKeysCSV, csvExcludeKeysAll, csvCustomKeyNames, csvExcludeValidate, csvButtonTitle, csvNoZipText, csvAllButtonTitle, removeQuotes, normalize, csvShowAllButton, csvWithoutZip, itemCount, csvUpper, csvZipFileNamesKey, generateCsvZip, hideTitleCSV, csvExcludeUpper, multipleDataPath, expandTextMaxLength, collapsedSize, customMargin, customMarginMobile, filtersFunc, filters, orderBy, customErrorMsg, customTableStyle, id, initialData, isLoading, alwaysExpanded, }: TableProps2): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof GenericTable>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TableProps } from './types';
-export declare function Table({ mediaQueryLG, columns, csvConfig, fetchFunc, emptyMsg, dataPath, tableName, columnSize, action, useKC, itemCount, expandTextMaxLength, collapsedSize, customMargin, customMarginMobile, filtersFunc, filters, orderBy, customErrorMsg, customTableStyle, id, initialData, isExpandable, }: TableProps): JSX.Element;
+export declare function Table({ mediaQueryLG, columns, csvConfig, fetchFunc, emptyMsg, dataPath, tableName, columnSize, action, useKC, itemCount, expandTextMaxLength, collapsedSize, customMargin, customMarginMobile, filtersFunc, filters, orderBy, customErrorMsg, customTableStyle, id, initialData, isExpandable, alwaysExpanded, }: TableProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Table>;
 export default _default;

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

@@ -72,7 +72,12 @@ export interface TableProps {
     /** Mensagem de erro personalizada */
     customErrorMsg?: string | ReactNode;
     /** Colunas da tabela */
-    columns: any[];
+    columns: {
+        keyName: string;
+        title: string;
+        customComponent?: (content: string, obj: any) => ReactNode;
+        size?: number;
+    }[];
     /** Nome da tabela */
     tableName: string;
     csvConfig?: CsvConfigProp;
@@ -107,6 +112,8 @@ export interface TableProps {
     isLoading?: boolean;
     /** Flag para mostrar ou não o botão de expandir a Linha */
     isExpandable?: boolean;
+    /** Flag para sempre manter as linhas expandidas */
+    alwaysExpanded?: boolean;
 }
 export interface TableProps2 {
     /** ID único da tabela */
@@ -209,4 +216,6 @@ export interface TableProps2 {
     isLoading?: boolean;
     /** Flag para mostrar ou não o botão de expandir a Linha */
     isExpandable?: boolean;
+    /** Flag para sempre manter as linhas expandidas */
+    alwaysExpanded?: boolean;
 }

package/decorators/GenericFormBaseDecorator.d.ts

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

package/decorators/StepperDecorator.d.ts

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