@ssplib/react-components 0.0.314 → 0.0.316

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/Map-31d95a26.js +2 -0
  2. package/{Map-44b8ddeb.js.map → Map-31d95a26.js.map} +1 -1
  3. package/Map-644d2f90.js +2 -0
  4. package/{Map-4d75c322.js.map → Map-644d2f90.js.map} +1 -1
  5. package/components/detalhes/Category.d.ts +1 -1
  6. package/components/detalhes/Field.d.ts +1 -1
  7. package/components/detalhes/FieldLabel.d.ts +1 -1
  8. package/components/detalhes/File.d.ts +1 -1
  9. package/components/form/checkbox/CheckBox.d.ts +1 -1
  10. package/components/form/checkbox/CheckBoxAdditional.d.ts +1 -1
  11. package/components/form/checkbox/CheckBoxWarning.d.ts +1 -1
  12. package/components/form/checkbox/RequiredCheckBoxValidator.d.ts +1 -1
  13. package/components/form/date/DatePicker.d.ts +1 -1
  14. package/components/form/date/GenericDatePicker.d.ts +1 -1
  15. package/components/form/date/TimePicker.d.ts +1 -1
  16. package/components/form/file/DropFileUpload.d.ts +1 -1
  17. package/components/form/file/FileUpload.d.ts +1 -1
  18. package/components/form/input/ActiveInput.d.ts +1 -1
  19. package/components/form/input/AutoComplete.d.ts +1 -1
  20. package/components/form/input/FetchAutoComplete.d.ts +1 -1
  21. package/components/form/input/FixedAutoComplete.d.ts +1 -1
  22. package/components/form/input/GenericFetchAutoComplete.d.ts +1 -1
  23. package/components/form/input/GenericInput.d.ts +1 -1
  24. package/components/form/input/GenericMaskInput.d.ts +1 -1
  25. package/components/form/input/GenericMultInput.d.ts +1 -1
  26. package/components/form/input/Input.d.ts +1 -1
  27. package/components/form/input/MaskInput.d.ts +1 -1
  28. package/components/form/input/MultInput.d.ts +1 -1
  29. package/components/form/input/OptionalInput.d.ts +1 -1
  30. package/components/form/input/OtherCheckBox.d.ts +1 -1
  31. package/components/form/stepper/Stepper.d.ts +1 -1
  32. package/components/form/stepper/StepperBlock.d.ts +1 -1
  33. package/components/form/switch/Switch.d.ts +1 -1
  34. package/components/form/switch/ToggleVisibility.d.ts +2 -2
  35. package/components/form/table/FilterSection.d.ts +1 -1
  36. package/components/form/table/GenericTable.d.ts +1 -1
  37. package/components/form/table/Table.d.ts +1 -1
  38. package/components/form/table/TableErrorState.d.ts +1 -1
  39. package/components/form/table/TableLoadingState.d.ts +1 -1
  40. package/components/icons/icons.d.ts +2 -2
  41. package/components/loading/LinearProgress.d.ts +1 -1
  42. package/components/loading/LoadingScreen.d.ts +1 -1
  43. package/components/map/DraggableMarker.d.ts +1 -1
  44. package/components/map/Map.d.ts +1 -1
  45. package/components/modal/Modal.d.ts +1 -1
  46. package/components/navbar/NavBar.d.ts +1 -1
  47. package/components/navbar/TabNavBar.d.ts +1 -1
  48. package/components/providers/FormProvider.d.ts +1 -1
  49. package/components/providers/GenericFormProvider.d.ts +1 -1
  50. package/components/providers/KeycloakAuthProvider.d.ts +1 -1
  51. package/components/providers/OAuthProvider.d.ts +1 -1
  52. package/components/providers/SspComponentsProvider.d.ts +1 -1
  53. package/components/teste/Teste.d.ts +2 -2
  54. package/components/utils/Bt.d.ts +1 -1
  55. package/components/utils/CustomMenu.d.ts +1 -1
  56. package/decorators/FormBaseDecorator.d.ts +1 -1
  57. package/decorators/GenericFormBaseDecorator.d.ts +2 -2
  58. package/decorators/StepperDecorator.d.ts +2 -2
  59. package/index.cjs +2 -1
  60. package/index.cjs.map +1 -1
  61. package/index.esm.js +2 -1
  62. package/index.esm.js.map +1 -1
  63. package/package.json +43 -37
  64. package/stories/Autocomplete.stories.d.ts +1 -1
  65. package/stories/CheckBox.stories.d.ts +1 -1
  66. package/stories/CheckBoxWarning.stories.d.ts +1 -1
  67. package/stories/DatePicker.stories.d.ts +1 -1
  68. package/stories/DetalhesCategory.stories.d.ts +1 -1
  69. package/stories/DetalhesField.stories.d.ts +1 -1
  70. package/stories/DetalhesFieldLabel.stories.d.ts +1 -1
  71. package/stories/DetalhesFile.stories.d.ts +1 -1
  72. package/stories/DropFileUpload.stories.d.ts +1 -1
  73. package/stories/ExemploAssitirValorInput.stories.d.ts +2 -2
  74. package/stories/ExemploInputs.stories.d.ts +2 -2
  75. package/stories/ExemploTable.stories.d.ts +1 -0
  76. package/stories/ExemploValoresCompartilhados.stories.d.ts +2 -2
  77. package/stories/FetchAutocomplete.stories.d.ts +1 -1
  78. package/stories/FileUpload.stories.d.ts +1 -1
  79. package/stories/FixedAutocomplete.stories.d.ts +1 -1
  80. package/stories/GenericFetchAutocomplete.stories.d.ts +1 -1
  81. package/stories/GenericInput.stories.d.ts +1 -1
  82. package/stories/GenericTable.stories.d.ts +1 -1
  83. package/stories/Input.stories.d.ts +1 -1
  84. package/stories/LinearProgress.stories.d.ts +1 -1
  85. package/stories/LoadingScreen.stories.d.ts +1 -1
  86. package/stories/Map.stories.d.ts +1 -1
  87. package/stories/MultInput.stories.d.ts +1 -1
  88. package/stories/NavBar.stories.d.ts +1 -1
  89. package/stories/OptionalInput.stories.d.ts +1 -1
  90. package/stories/OtherCheckBox.stories.d.ts +1 -1
  91. package/stories/Stepper.stories.d.ts +1 -1
  92. package/stories/StepperBlock.stories.d.ts +1 -1
  93. package/stories/Switch.stories.d.ts +1 -1
  94. package/stories/Table.stories.d.ts +1 -1
  95. package/stories/TableWithStaticData.stories.d.ts +1 -1
  96. package/stories/Teste.stories.d.ts +1 -1
  97. package/stories/TimePicker.stories.d.ts +1 -1
  98. package/Map-44b8ddeb.js +0 -2
  99. package/Map-4d75c322.js +0 -2
  100. package/index-1e4e6789.js +0 -14
  101. package/index-1e4e6789.js.map +0 -1
  102. package/index-a9318694.js +0 -14
  103. package/index-a9318694.js.map +0 -1
@@ -0,0 +1,2 @@
1
+ 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};
2
+ //# sourceMappingURL=Map-31d95a26.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Map-44b8ddeb.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","react","dragend","marker","current","getLatLng","useMapEvents","click","e","fixedPosition","lat","latlng","lng","useEffect","closePopup","showPopup","openPopup","onChange","_jsx","Marker","icon","redIcon","draggable","ref","children","jsxRuntime","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":"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"}
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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"}
@@ -0,0 +1,2 @@
1
+ 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})]})})};
2
+ //# sourceMappingURL=Map-644d2f90.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Map-4d75c322.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","Map","Box","border","overflow","_jsxs","jsxs","MapContainer","center","firstCoords","zoom","scrollWheelZoom","mapStyle","TileLayer","attribution","url","pulseMarkerList","coord","idx","JSON","stringify","onCoordsChange","popupContent"],"mappings":"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"}
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":"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"}
@@ -1,3 +1,3 @@
1
1
  export declare function Category({ title }: {
2
2
  title: string;
3
- }): import("react/jsx-runtime").JSX.Element;
3
+ }): JSX.Element;
@@ -5,4 +5,4 @@ export declare function Field({ name, title, tag, xs, md, lg }: {
5
5
  xs?: number;
6
6
  md?: number;
7
7
  lg?: number;
8
- }): import("react/jsx-runtime").JSX.Element;
8
+ }): JSX.Element;
@@ -5,4 +5,4 @@ export declare function FieldLabel({ title, xs, tag, md, lg, paddingBottom }: {
5
5
  md?: number;
6
6
  lg?: number;
7
7
  paddingBottom?: number;
8
- }): import("react/jsx-runtime").JSX.Element;
8
+ }): JSX.Element;
@@ -4,4 +4,4 @@ export declare function File({ title, name, md, fileURL, fileExt }: {
4
4
  name: string;
5
5
  md?: number;
6
6
  fileExt?: string;
7
- }): import("react/jsx-runtime").JSX.Element;
7
+ }): JSX.Element;
@@ -7,4 +7,4 @@ export default function CheckBox({ name, title, defaultValue, xs, sm, md, onChan
7
7
  xs?: number;
8
8
  sm?: number;
9
9
  md?: number;
10
- }): import("react/jsx-runtime").JSX.Element;
10
+ }): JSX.Element;
@@ -4,4 +4,4 @@ export default function RequiredCheckBoxAdditional({ customText, ...props }: {
4
4
  customText?: string;
5
5
  content: JSX.Element | JSX.Element[];
6
6
  nameList: string[];
7
- }): import("react/jsx-runtime").JSX.Element;
7
+ }): JSX.Element;
@@ -7,4 +7,4 @@ export default function CheckBoxWarning({ name, title, customWarning, defaultVal
7
7
  xs?: number;
8
8
  sm?: number;
9
9
  md?: number;
10
- }): import("react/jsx-runtime").JSX.Element;
10
+ }): JSX.Element;
@@ -2,4 +2,4 @@ export default function RequiredCheckBoxGroup({ customText, ...props }: {
2
2
  name: string;
3
3
  children: JSX.Element | JSX.Element[];
4
4
  customText?: string;
5
- }): import("react/jsx-runtime").JSX.Element;
5
+ }): JSX.Element;
@@ -10,4 +10,4 @@ export default function DatePicker({ name, required, title, xs, sm, md, minDt, d
10
10
  xs?: number;
11
11
  sm?: number;
12
12
  md?: number;
13
- }): import("react/jsx-runtime").JSX.Element;
13
+ }): JSX.Element;
@@ -10,4 +10,4 @@ export default function GenericDatePicker({ name, required, title, xs, sm, md, m
10
10
  xs?: number;
11
11
  sm?: number;
12
12
  md?: number;
13
- }): import("react/jsx-runtime").JSX.Element;
13
+ }): JSX.Element;
@@ -7,4 +7,4 @@ export default function TimePicker({ name, required, title, defaultValue, xs, sm
7
7
  xs?: number;
8
8
  sm?: number;
9
9
  md?: number;
10
- }): import("react/jsx-runtime").JSX.Element;
10
+ }): JSX.Element;
@@ -13,4 +13,4 @@ export default function DropFileUpload({ name, tipoArquivo, title, required, mul
13
13
  xs?: number;
14
14
  sm?: number;
15
15
  md?: number;
16
- }): import("react/jsx-runtime").JSX.Element;
16
+ }): JSX.Element;
@@ -10,4 +10,4 @@ export default function FileUpload({ name, tipoArquivo, title, required, multipl
10
10
  xs?: number;
11
11
  sm?: number;
12
12
  md?: number;
13
- }): import("react/jsx-runtime").JSX.Element;
13
+ }): JSX.Element;
@@ -9,4 +9,4 @@ export default function FileUpload({ name, required, title, defaultChecked, xs,
9
9
  xs?: number;
10
10
  sm?: number;
11
11
  md?: number;
12
- }): import("react/jsx-runtime").JSX.Element;
12
+ }): JSX.Element;
@@ -8,4 +8,4 @@ export default function AutoComplete({ name, required, title, customPlaceholder,
8
8
  xs?: number;
9
9
  sm?: number;
10
10
  md?: number;
11
- }): import("react/jsx-runtime").JSX.Element;
11
+ }): JSX.Element;
@@ -16,4 +16,4 @@ export default function FetchAutoComplete({ name, url, title, customLoadingText,
16
16
  sm?: number;
17
17
  md?: number;
18
18
  disabled?: boolean;
19
- }): import("react/jsx-runtime").JSX.Element;
19
+ }): JSX.Element;
@@ -15,4 +15,4 @@ export declare function FixedAutoComplete({ name, title, required, list, default
15
15
  xs?: number;
16
16
  sm?: number;
17
17
  md?: number;
18
- }): import("react/jsx-runtime").JSX.Element;
18
+ }): JSX.Element;
@@ -16,4 +16,4 @@ export default function GenericFetchAutoComplete({ name, url, title, customLoadi
16
16
  sm?: number;
17
17
  md?: number;
18
18
  disabled?: boolean;
19
- }): import("react/jsx-runtime").JSX.Element;
19
+ }): JSX.Element;
@@ -14,6 +14,6 @@ export declare function Input({ type, numberMask, xs, sm, inputMinLength, inputM
14
14
  sm?: number;
15
15
  md?: number;
16
16
  disabled?: boolean;
17
- }): import("react/jsx-runtime").JSX.Element;
17
+ }): JSX.Element;
18
18
  declare const _default: React.MemoExoticComponent<typeof Input>;
19
19
  export default _default;
@@ -11,4 +11,4 @@ export default function GenericMaskInput(props: {
11
11
  disabled?: boolean;
12
12
  watchValue?: string;
13
13
  onMask?: (value: string, setMask: React.Dispatch<React.SetStateAction<string>>) => void;
14
- }): import("react/jsx-runtime").JSX.Element;
14
+ }): JSX.Element;
@@ -10,4 +10,4 @@ export default function MultInput({ name, required, title, customPlaceholder, de
10
10
  xs?: number;
11
11
  sm?: number;
12
12
  md?: number;
13
- }): import("react/jsx-runtime").JSX.Element;
13
+ }): JSX.Element;
@@ -14,6 +14,6 @@ export declare function Input({ type, numberMask, xs, sm, inputMinLength, inputM
14
14
  sm?: number;
15
15
  md?: number;
16
16
  disabled?: boolean;
17
- }): import("react/jsx-runtime").JSX.Element;
17
+ }): JSX.Element;
18
18
  declare const _default: React.MemoExoticComponent<typeof Input>;
19
19
  export default _default;
@@ -11,4 +11,4 @@ export default function MaskInput(props: {
11
11
  disabled?: boolean;
12
12
  watchValue?: string;
13
13
  onMask?: (value: string, setMask: React.Dispatch<React.SetStateAction<string>>) => void;
14
- }): import("react/jsx-runtime").JSX.Element;
14
+ }): JSX.Element;
@@ -10,4 +10,4 @@ export default function MultInput({ name, required, title, customPlaceholder, de
10
10
  xs?: number;
11
11
  sm?: number;
12
12
  md?: number;
13
- }): import("react/jsx-runtime").JSX.Element;
13
+ }): JSX.Element;
@@ -6,5 +6,5 @@ interface OptionalInputProps {
6
6
  sm?: number;
7
7
  md?: number;
8
8
  }
9
- export default function OptionalInput({ title, name, required, xs, sm, md }: OptionalInputProps): import("react/jsx-runtime").JSX.Element;
9
+ export default function OptionalInput({ title, name, required, xs, sm, md }: OptionalInputProps): JSX.Element;
10
10
  export {};
@@ -4,4 +4,4 @@ export default function SSPOtherCheckBox({ name, required, xs, sm, md }: {
4
4
  xs?: number;
5
5
  sm?: number;
6
6
  md?: number;
7
- }): import("react/jsx-runtime").JSX.Element;
7
+ }): JSX.Element;
@@ -11,6 +11,6 @@ export declare function Stepper({ debugLog, test, testConfig, customMarginBottom
11
11
  [key: string]: string | number | boolean;
12
12
  };
13
13
  };
14
- }): import("react/jsx-runtime").JSX.Element;
14
+ }): JSX.Element;
15
15
  declare const _default: React.MemoExoticComponent<typeof Stepper>;
16
16
  export default _default;
@@ -9,6 +9,6 @@ interface StepperBlockProps {
9
9
  overrideSwitchYes?: string;
10
10
  defaultChecked?: boolean;
11
11
  }
12
- export declare function StepperBlock({ optional, title, prefix, optionalMessage, defaultChecked, ...props }: StepperBlockProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare function StepperBlock({ optional, title, prefix, optionalMessage, defaultChecked, ...props }: StepperBlockProps): JSX.Element;
13
13
  declare const _default: React.MemoExoticComponent<typeof StepperBlock>;
14
14
  export default _default;
@@ -6,6 +6,6 @@ interface SwitchProps {
6
6
  overrideYes?: string;
7
7
  overrideNo?: string;
8
8
  }
9
- export declare function Switch({ defaultChecked, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function Switch({ defaultChecked, ...props }: SwitchProps): JSX.Element;
10
10
  declare const _default: React.MemoExoticComponent<typeof Switch>;
11
11
  export default _default;
@@ -3,11 +3,11 @@ export declare function ToggleVisibility({ invert, hasCheckValue, ...props }: {
3
3
  unregisterNameList: string[];
4
4
  invert?: boolean;
5
5
  hasCheckValue: boolean;
6
- }): import("react/jsx-runtime").JSX.Element;
6
+ }): JSX.Element;
7
7
  export declare function SwitchWatch({ invert, checkValue, ...props }: {
8
8
  children: JSX.Element | JSX.Element[];
9
9
  switchId: string;
10
10
  unregisterNameList: string[];
11
11
  invert?: boolean;
12
12
  checkValue?: string | number;
13
- }): import("react/jsx-runtime").JSX.Element;
13
+ }): JSX.Element;
@@ -4,4 +4,4 @@ export declare function FilterMenu({ filters, baseFilters, filtrar, reset }: {
4
4
  filtrar: (dt: FilterValue[]) => void;
5
5
  filters: FilterValue[];
6
6
  baseFilters: FilterValue[];
7
- }): import("react/jsx-runtime").JSX.Element;
7
+ }): JSX.Element;
@@ -3,6 +3,6 @@ import { TableProps2 } from './types';
3
3
  /**
4
4
  * Tabela cujo dados devem ser passados via props
5
5
  */
6
- 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): import("react/jsx-runtime").JSX.Element;
6
+ 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;
7
7
  declare const _default: React.MemoExoticComponent<typeof GenericTable>;
8
8
  export default _default;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { TableProps } from './types';
3
- 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): import("react/jsx-runtime").JSX.Element;
3
+ 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;
4
4
  declare const _default: React.MemoExoticComponent<typeof Table>;
5
5
  export default _default;
@@ -5,5 +5,5 @@ interface TableErrorStateProps {
5
5
  };
6
6
  customErrorMsg?: string | ReactNode;
7
7
  }
8
- export declare function TableErrorState({ customErrorMsg, error }: TableErrorStateProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare function TableErrorState({ customErrorMsg, error }: TableErrorStateProps): JSX.Element;
9
9
  export {};
@@ -1,5 +1,5 @@
1
1
  interface TableLoadingStateProps {
2
2
  tableName: string;
3
3
  }
4
- export declare function TableLoadingState({ tableName }: TableLoadingStateProps): import("react/jsx-runtime").JSX.Element;
4
+ export declare function TableLoadingState({ tableName }: TableLoadingStateProps): JSX.Element;
5
5
  export {};
@@ -1,3 +1,3 @@
1
1
  import { SvgIconProps } from '@mui/material';
2
- export declare function PDFIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
3
- export declare function TrashIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
2
+ export declare function PDFIcon(props: SvgIconProps): JSX.Element;
3
+ export declare function TrashIcon(props: SvgIconProps): JSX.Element;
@@ -1,2 +1,2 @@
1
1
  import { LinearProgressProps } from '@mui/material';
2
- export declare function LinearProgress(props: LinearProgressProps): import("react/jsx-runtime").JSX.Element;
2
+ export declare function LinearProgress(props: LinearProgressProps): JSX.Element;
@@ -3,5 +3,5 @@ interface LoadingScreenProps {
3
3
  textMessage?: string;
4
4
  containerSx: SxProps;
5
5
  }
6
- export declare const LoadingScreen: ({ textMessage, containerSx }: LoadingScreenProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const LoadingScreen: ({ textMessage, containerSx }: LoadingScreenProps) => JSX.Element;
7
7
  export {};
@@ -8,5 +8,5 @@ interface DraggableMarkerProps {
8
8
  showPopup?: boolean;
9
9
  fixedPosition?: boolean;
10
10
  }
11
- export default function DraggableMarker({ ...props }: DraggableMarkerProps): import("react/jsx-runtime").JSX.Element;
11
+ export default function DraggableMarker({ ...props }: DraggableMarkerProps): JSX.Element;
12
12
  export {};
@@ -14,4 +14,4 @@ export interface MapProps {
14
14
  mapStyle?: React.CSSProperties;
15
15
  fixedPosition?: boolean;
16
16
  }
17
- export declare function Map(props: MapProps): import("react/jsx-runtime").JSX.Element;
17
+ export declare function Map(props: MapProps): JSX.Element;
@@ -4,4 +4,4 @@ export declare let MODAL: {
4
4
  openReparented: (id: string | number) => void;
5
5
  close: () => void;
6
6
  };
7
- export declare function CustomModalProvider(): import("react/jsx-runtime").JSX.Element;
7
+ export declare function CustomModalProvider(): JSX.Element;
@@ -12,4 +12,4 @@ export default function NavBar({ links, title, img, pos, next, el, menuItems, pa
12
12
  logoutMsg?: string;
13
13
  logoutFunc?: () => Promise<void>;
14
14
  pos?: 'fixed' | 'inherit';
15
- }): import("react/jsx-runtime").JSX.Element;
15
+ }): JSX.Element;
@@ -14,4 +14,4 @@ export default function TabNavBar({ links, title, img, pos, next, el, menuItems,
14
14
  logoutMsg?: string;
15
15
  logoutFunc?: () => Promise<void>;
16
16
  pos?: 'fixed' | 'inherit';
17
- }): import("react/jsx-runtime").JSX.Element;
17
+ }): JSX.Element;
@@ -7,5 +7,5 @@ interface FormProviderProps<T extends FieldValues> {
7
7
  formMethod?: 'POST' | 'GET' | 'PUT' | 'DELETE' | 'UPDATE';
8
8
  submiting?: boolean;
9
9
  }
10
- export default function FormProvider<T extends FieldValues>({ children, onSubmit, formMethod, submiting }: FormProviderProps<T>): import("react/jsx-runtime").JSX.Element;
10
+ export default function FormProvider<T extends FieldValues>({ children, onSubmit, formMethod, submiting }: FormProviderProps<T>): JSX.Element;
11
11
  export {};
@@ -6,5 +6,5 @@ interface FormProviderProps<T extends FieldValues> {
6
6
  formMethod?: 'POST' | 'GET' | 'PUT' | 'DELETE' | 'UPDATE';
7
7
  submiting?: boolean;
8
8
  }
9
- export default function GenericFormProvider<T extends FieldValues>({ children, onSubmit, formMethod, submiting }: FormProviderProps<T>): import("react/jsx-runtime").JSX.Element;
9
+ export default function GenericFormProvider<T extends FieldValues>({ children, onSubmit, formMethod, submiting }: FormProviderProps<T>): JSX.Element;
10
10
  export {};
@@ -7,4 +7,4 @@ export declare function KeycloakAuthProvider({ url, realm, clientId, children, t
7
7
  type?: 'govbr' | 'ad';
8
8
  resource_name?: string;
9
9
  redirectUri?: string;
10
- }): import("react/jsx-runtime").JSX.Element;
10
+ }): JSX.Element;
@@ -14,5 +14,5 @@ export declare function OAuthProvider({ children, AUTH_URL, oidcConfig, redirect
14
14
  testToken: string;
15
15
  testIP?: string;
16
16
  logoutURL?: string;
17
- }): import("react/jsx-runtime").JSX.Element;
17
+ }): JSX.Element;
18
18
  export {};
@@ -1,3 +1,3 @@
1
1
  export declare function SspComponentsProvider(props: {
2
2
  children: JSX.Element | JSX.Element[];
3
- }): import("react/jsx-runtime").JSX.Element;
3
+ }): JSX.Element;
@@ -1,3 +1,3 @@
1
1
  import '../../css/globals.css';
2
- export declare function Exemplo(): import("react/jsx-runtime").JSX.Element;
3
- export default function Teste(): import("react/jsx-runtime").JSX.Element;
2
+ export declare function Exemplo(): JSX.Element;
3
+ export default function Teste(): JSX.Element;
@@ -4,5 +4,5 @@ interface CustomButton extends ButtonProps {
4
4
  customColor?: tinycolor.ColorInput;
5
5
  customFontColor?: tinycolor.ColorInput;
6
6
  }
7
- export default function Bt({ customColor, customFontColor, ...props }: CustomButton): import("react/jsx-runtime").JSX.Element;
7
+ export default function Bt({ customColor, customFontColor, ...props }: CustomButton): JSX.Element;
8
8
  export {};
@@ -8,5 +8,5 @@ interface MenuProps {
8
8
  btProps?: ButtonProps;
9
9
  children?: React.ReactNode;
10
10
  }
11
- export default function CustomMenu({ data, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
11
+ export default function CustomMenu({ data, ...props }: MenuProps): JSX.Element;
12
12
  export {};
@@ -1,2 +1,2 @@
1
1
  import '../css/ReactToastify.css';
2
- export default function FormBaseDecorator(Story: any, el: any): import("react/jsx-runtime").JSX.Element;
2
+ export default function FormBaseDecorator(Story: any, el: any): JSX.Element;
@@ -1,2 +1,2 @@
1
- import '../css/ReactToastify.css';
2
- export default function GenericFormBaseDecorator(Story: any, el: any): import("react/jsx-runtime").JSX.Element;
1
+ import '../src/css/ReactToastify.css';
2
+ export default function GenericFormBaseDecorator(Story: any, el: any): JSX.Element;
@@ -1,2 +1,2 @@
1
- import '../css/ReactToastify.css';
2
- export default function StepperDecorator(Story: any, el: any): import("react/jsx-runtime").JSX.Element;
1
+ import '../src/css/ReactToastify.css';
2
+ export default function StepperDecorator(Story: any, el: any): JSX.Element;