@ssplib/react-components 0.0.312 → 0.0.314
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.
- package/Map-44b8ddeb.js +2 -0
- package/Map-44b8ddeb.js.map +1 -0
- package/Map-4d75c322.js +2 -0
- package/Map-4d75c322.js.map +1 -0
- package/components/detalhes/Category.d.ts +3 -0
- package/components/detalhes/Field.d.ts +8 -0
- package/components/detalhes/FieldLabel.d.ts +8 -0
- package/components/detalhes/File.d.ts +7 -0
- package/components/form/checkbox/CheckBox.d.ts +10 -0
- package/components/form/checkbox/CheckBoxAdditional.d.ts +7 -0
- package/components/form/checkbox/CheckBoxWarning.d.ts +10 -0
- package/components/form/checkbox/RequiredCheckBoxValidator.d.ts +5 -0
- package/components/form/date/DatePicker.d.ts +13 -0
- package/components/form/date/GenericDatePicker.d.ts +13 -0
- package/components/form/date/TimePicker.d.ts +10 -0
- package/components/form/file/DropFileUpload.d.ts +16 -0
- package/components/form/file/FileUpload.d.ts +13 -0
- package/components/form/input/ActiveInput.d.ts +12 -0
- package/components/form/input/AutoComplete.d.ts +11 -0
- package/components/form/input/FetchAutoComplete.d.ts +19 -0
- package/components/form/input/FixedAutoComplete.d.ts +18 -0
- package/components/form/input/GenericFetchAutoComplete.d.ts +19 -0
- package/components/form/input/GenericInput.d.ts +19 -0
- package/components/form/input/GenericMaskInput.d.ts +14 -0
- package/components/form/input/GenericMultInput.d.ts +13 -0
- package/components/form/input/Input.d.ts +19 -0
- package/components/form/input/MaskInput.d.ts +14 -0
- package/components/form/input/MultInput.d.ts +13 -0
- package/components/form/input/OptionalInput.d.ts +10 -0
- package/components/form/input/OtherCheckBox.d.ts +7 -0
- package/components/form/stepper/Stepper.d.ts +16 -0
- package/components/form/stepper/StepperBlock.d.ts +14 -0
- package/components/form/switch/Switch.d.ts +11 -0
- package/components/form/switch/ToggleVisibility.d.ts +13 -0
- package/components/form/table/FilterSection.d.ts +7 -0
- package/components/form/table/GenericTable.d.ts +8 -0
- package/components/form/table/Table.d.ts +5 -0
- package/components/form/table/TableErrorState.d.ts +9 -0
- package/components/form/table/TableLoadingState.d.ts +5 -0
- package/components/form/table/types.d.ts +212 -0
- package/components/form/table/utils.d.ts +29 -0
- package/components/icons/icons.d.ts +3 -0
- package/components/loading/LinearProgress.d.ts +2 -0
- package/components/loading/LoadingScreen.d.ts +7 -0
- package/components/map/AnimatedMarker.d.ts +5 -0
- package/components/map/DraggableMarker.d.ts +12 -0
- package/components/map/Map.d.ts +17 -0
- package/components/map/index.d.ts +1 -0
- package/components/modal/Modal.d.ts +7 -0
- package/components/navbar/NavBar.d.ts +15 -0
- package/components/navbar/TabNavBar.d.ts +17 -0
- package/components/providers/FormProvider.d.ts +11 -0
- package/components/providers/GenericFormProvider.d.ts +10 -0
- package/components/providers/KeycloakAuthProvider.d.ts +10 -0
- package/components/providers/OAuthProvider.d.ts +18 -0
- package/components/providers/SspComponentsProvider.d.ts +3 -0
- package/components/teste/Teste.d.ts +3 -0
- package/components/utils/Bt.d.ts +8 -0
- package/components/utils/CustomMenu.d.ts +12 -0
- package/context/auth.d.ts +2 -0
- package/context/form.d.ts +20 -0
- package/decorators/FormBaseDecorator.d.ts +2 -0
- package/decorators/GenericFormBaseDecorator.d.ts +2 -0
- package/decorators/StepperDecorator.d.ts +2 -0
- package/index-1e4e6789.js +14 -0
- package/index-1e4e6789.js.map +1 -0
- package/index-a9318694.js +14 -0
- package/index-a9318694.js.map +1 -0
- package/index.cjs +2 -0
- package/index.cjs.map +1 -0
- package/index.d.ts +44 -0
- package/index.esm.js +2 -0
- package/index.esm.js.map +1 -0
- package/package.json +2 -2
- package/stories/Autocomplete.stories.d.ts +6 -0
- package/stories/CheckBox.stories.d.ts +6 -0
- package/stories/CheckBoxWarning.stories.d.ts +6 -0
- package/stories/DatePicker.stories.d.ts +6 -0
- package/stories/DetalhesCategory.stories.d.ts +6 -0
- package/stories/DetalhesField.stories.d.ts +6 -0
- package/stories/DetalhesFieldLabel.stories.d.ts +6 -0
- package/stories/DetalhesFile.stories.d.ts +6 -0
- package/stories/DropFileUpload.stories.d.ts +6 -0
- package/stories/ExemploAssitirValorInput.stories.d.ts +7 -0
- package/stories/ExemploInputs.stories.d.ts +7 -0
- package/stories/ExemploValoresCompartilhados.stories.d.ts +7 -0
- package/stories/FetchAutocomplete.stories.d.ts +6 -0
- package/stories/FileUpload.stories.d.ts +6 -0
- package/stories/FixedAutocomplete.stories.d.ts +6 -0
- package/stories/GenericFetchAutocomplete.stories.d.ts +6 -0
- package/stories/GenericInput.stories.d.ts +6 -0
- package/stories/GenericTable.stories.d.ts +6 -0
- package/stories/Input.stories.d.ts +6 -0
- package/stories/LinearProgress.stories.d.ts +6 -0
- package/stories/LoadingScreen.stories.d.ts +6 -0
- package/stories/Map.stories.d.ts +6 -0
- package/stories/MultInput.stories.d.ts +6 -0
- package/stories/NavBar.stories.d.ts +6 -0
- package/stories/OptionalInput.stories.d.ts +6 -0
- package/stories/OtherCheckBox.stories.d.ts +6 -0
- package/stories/Stepper.stories.d.ts +6 -0
- package/stories/StepperBlock.stories.d.ts +6 -0
- package/stories/Switch.stories.d.ts +6 -0
- package/stories/Table.stories.d.ts +4 -0
- package/stories/TableWithStaticData.stories.d.ts +6 -0
- package/stories/Teste.stories.d.ts +6 -0
- package/stories/TimePicker.stories.d.ts +6 -0
- package/types/auth.d.ts +72 -0
- package/types/form.d.ts +64 -0
package/Map-44b8ddeb.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=require("./index-1e4e6789.js"),r=require("@mui/material"),i=require("react-leaflet"),t=require("leaflet");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"),require("@mui/icons-material"),require("@mui/material/Typography"),require("lodash.get"),require("@mui/x-date-pickers"),require("@mui/x-date-pickers/AdapterDayjs"),require("dayjs"),require("dayjs/locale/pt-br"),require("lodash.hasin"),require("react-hook-form"),require("axios"),require("react-dropzone"),require("react-is"),require("@emotion/styled"),require("@emotion/react"),require("@mui/icons-material/CameraAlt"),require("@mui/icons-material/Delete"),require("@mui/icons-material/Done"),require("@mui/icons-material/InsertDriveFile"),require("@mui/icons-material/PictureAsPdf"),require("@mui/material/InputLabel"),require("react-imask"),require("react-query"),require("@mui/icons-material/KeyboardArrowLeft"),require("@mui/icons-material/KeyboardArrowRight"),require("@mui/icons-material/Save"),require("@mui/lab"),require("react-toastify"),require("@mui/icons-material/ContentPasteOutlined"),require("@mui/icons-material/Clear"),require("@mui/icons-material/FileDownload"),require("@mui/icons-material/NavigateNextRounded"),require("@mui/icons-material/Search"),require("@mui/material/Grid"),require("@mui/material/Pagination"),require("@mui/material/TextField"),require("jszip"),require("@mui/icons-material/CloseRounded"),require("tinycolor2"),require("lodash.clonedeep"),require("xlsx"),require("@mui/icons-material/KeyboardArrowDown"),require("@mui/icons-material/LogoutOutlined"),require("@mui/icons-material/Menu"),require("@mui/icons-material/Person"),require("@mui/material/LinearProgress"),require("fs"),require("stream"),require("zlib"),require("keycloak-js"),require("cookies-next"),require("jwt-decode");var o=/*#__PURE__*/a(t);function n({...r}){const[t,a]=e.react.useState(r.startCoord),o=e.react.useRef(null),n=e.react.useMemo(()=>({dragend(){const e=o.current;null!=e&&a(e.getLatLng())}}),[]);return i.useMapEvents({click(e){r.fixedPosition||a({lat:e.latlng.lat,lng:e.latlng.lng})}}),e.react.useEffect(()=>{t&&(o.current&&(o.current.closePopup(),r.showPopup&&o.current.openPopup()),r.onChange&&r.onChange(t))},[t,r.onChange]),e.jsxRuntime.jsx(i.Marker,{icon:s,draggable:r.draggable,eventHandlers:n,position:t,ref:o,children:e.jsxRuntime.jsx(i.Popup,{className:"custom-popup",children:r.children})})}const s=t.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"}),l=({coords:r})=>{const t=i.useMap();return e.react.useEffect(()=>{const e=document.createElement("div");e.style.position="relative",e.style.width="20px",e.style.height="20px",e.style.backgroundColor="rgba(0, 100, 255, 0.6)",e.style.borderRadius="50%",e.style.animation="sonarPulse 2s infinite";const i=document.createElement("div");i.style.position="absolute",i.style.top="50%",i.style.left="50%",i.style.width="100%",i.style.height="100%",i.style.backgroundColor="rgba(0, 100, 255, 0.4)",i.style.borderRadius="50%",i.style.transform="translate(-50%, -50%) scale(1)",i.style.animation="sonarPulse 2s infinite",e.appendChild(i);const a=document.createElement("style");a.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(a);const n=o.default.marker(r,{icon:o.default.divIcon({className:"",html:e.outerHTML,iconSize:[40,40],iconAnchor:[0,5]})});return n.addTo(t),()=>{t.removeLayer(n),document.head.removeChild(a)}},[t,r]),null};exports.Map=function(t){return e.jsxRuntime.jsx(r.Box,{borderRadius:2,border:"2px solid #c7c7c7",overflow:"hidden",...t.style,children:e.jsxRuntime.jsxs(i.MapContainer,{center:t.firstCoords,zoom:19,scrollWheelZoom:!0,style:t.mapStyle,children:[e.jsxRuntime.jsx(i.TileLayer,{attribution:'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"}),t.pulseMarkerList&&t.pulseMarkerList.map((r,i)=>e.jsxRuntime.jsx(l,{coords:r},JSON.stringify(r)+i)),e.jsxRuntime.jsx(n,{startCoord:t.firstCoords,onChange:t.onCoordsChange,showPopup:void 0!==t.popupContent,fixedPosition:t.fixedPosition,children:t.popupContent})]})})};
|
|
2
|
+
//# sourceMappingURL=Map-44b8ddeb.js.map
|
|
@@ -0,0 +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='© <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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"}
|
package/Map-4d75c322.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,j as e}from"./index-a9318694.js";import{Box as o}from"@mui/material";import{useMapEvents as i,Marker as r,Popup as a,useMap as n,MapContainer as s,TileLayer as m}from"react-leaflet";import l,{icon as p}from"leaflet";import"leaflet-defaulticon-compatibility";import"leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css";import"leaflet/dist/leaflet.css";import"@mui/icons-material";import"@mui/material/Typography";import"lodash.get";import"@mui/x-date-pickers";import"@mui/x-date-pickers/AdapterDayjs";import"dayjs";import"dayjs/locale/pt-br";import"lodash.hasin";import"react-hook-form";import"axios";import"react-dropzone";import"react-is";import"@emotion/styled";import"@emotion/react";import"@mui/icons-material/CameraAlt";import"@mui/icons-material/Delete";import"@mui/icons-material/Done";import"@mui/icons-material/InsertDriveFile";import"@mui/icons-material/PictureAsPdf";import"@mui/material/InputLabel";import"react-imask";import"react-query";import"@mui/icons-material/KeyboardArrowLeft";import"@mui/icons-material/KeyboardArrowRight";import"@mui/icons-material/Save";import"@mui/lab";import"react-toastify";import"@mui/icons-material/ContentPasteOutlined";import"@mui/icons-material/Clear";import"@mui/icons-material/FileDownload";import"@mui/icons-material/NavigateNextRounded";import"@mui/icons-material/Search";import"@mui/material/Grid";import"@mui/material/Pagination";import"@mui/material/TextField";import"jszip";import"@mui/icons-material/CloseRounded";import"tinycolor2";import"lodash.clonedeep";import"xlsx";import"@mui/icons-material/KeyboardArrowDown";import"@mui/icons-material/LogoutOutlined";import"@mui/icons-material/Menu";import"@mui/icons-material/Person";import"@mui/material/LinearProgress";import"fs";import"stream";import"zlib";import"keycloak-js";import"cookies-next";import"jwt-decode";function c({...o}){const[n,s]=t.useState(o.startCoord),m=t.useRef(null),l=t.useMemo(()=>({dragend(){const t=m.current;null!=t&&s(t.getLatLng())}}),[]);return i({click(t){o.fixedPosition||s({lat:t.latlng.lat,lng:t.latlng.lng})}}),t.useEffect(()=>{n&&(m.current&&(m.current.closePopup(),o.showPopup&&m.current.openPopup()),o.onChange&&o.onChange(n))},[n,o.onChange]),e.jsx(r,{icon:d,draggable:o.draggable,eventHandlers:l,position:n,ref:m,children:e.jsx(a,{className:"custom-popup",children:o.children})})}const d=p({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"}),u=({coords:e})=>{const o=n();return t.useEffect(()=>{const t=document.createElement("div");t.style.position="relative",t.style.width="20px",t.style.height="20px",t.style.backgroundColor="rgba(0, 100, 255, 0.6)",t.style.borderRadius="50%",t.style.animation="sonarPulse 2s infinite";const i=document.createElement("div");i.style.position="absolute",i.style.top="50%",i.style.left="50%",i.style.width="100%",i.style.height="100%",i.style.backgroundColor="rgba(0, 100, 255, 0.4)",i.style.borderRadius="50%",i.style.transform="translate(-50%, -50%) scale(1)",i.style.animation="sonarPulse 2s infinite",t.appendChild(i);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 a=l.marker(e,{icon:l.divIcon({className:"",html:t.outerHTML,iconSize:[40,40],iconAnchor:[0,5]})});return a.addTo(o),()=>{o.removeLayer(a),document.head.removeChild(r)}},[o,e]),null};function f(t){return e.jsx(o,{borderRadius:2,border:"2px solid #c7c7c7",overflow:"hidden",...t.style,children:e.jsxs(s,{center:t.firstCoords,zoom:19,scrollWheelZoom:!0,style:t.mapStyle,children:[e.jsx(m,{attribution:'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"}),t.pulseMarkerList&&t.pulseMarkerList.map((t,o)=>e.jsx(u,{coords:t},JSON.stringify(t)+o)),e.jsx(c,{startCoord:t.firstCoords,onChange:t.onCoordsChange,showPopup:void 0!==t.popupContent,fixedPosition:t.fixedPosition,children:t.popupContent})]})})}export{f as Map};
|
|
2
|
+
//# sourceMappingURL=Map-4d75c322.js.map
|
|
@@ -0,0 +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='© <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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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export default function CheckBox({ name, title, defaultValue, xs, sm, md, onChange, }: {
|
|
3
|
+
name: string;
|
|
4
|
+
title: string | JSX.Element;
|
|
5
|
+
defaultValue?: boolean;
|
|
6
|
+
onChange?: (e: React.SyntheticEvent<Element, Event>) => void;
|
|
7
|
+
xs?: number;
|
|
8
|
+
sm?: number;
|
|
9
|
+
md?: number;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
export default function CheckBoxWarning({ name, title, customWarning, defaultValue, xs, sm, md, }: {
|
|
3
|
+
name: string;
|
|
4
|
+
title: string;
|
|
5
|
+
customWarning?: ReactElement;
|
|
6
|
+
defaultValue?: boolean;
|
|
7
|
+
xs?: number;
|
|
8
|
+
sm?: number;
|
|
9
|
+
md?: number;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import 'dayjs/locale/pt-br';
|
|
2
|
+
export default function DatePicker({ name, required, title, xs, sm, md, minDt, defaultValue, persistValue, maxDt, ...props }: {
|
|
3
|
+
minDt?: string;
|
|
4
|
+
maxDt?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
defaultValue?: string;
|
|
9
|
+
persistValue?: boolean;
|
|
10
|
+
xs?: number;
|
|
11
|
+
sm?: number;
|
|
12
|
+
md?: number;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import 'dayjs/locale/pt-br';
|
|
2
|
+
export default function GenericDatePicker({ name, required, title, xs, sm, md, minDt, defaultValue, persistValue, maxDt, ...props }: {
|
|
3
|
+
minDt?: string;
|
|
4
|
+
maxDt?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
defaultValue?: string;
|
|
9
|
+
persistValue?: boolean;
|
|
10
|
+
xs?: number;
|
|
11
|
+
sm?: number;
|
|
12
|
+
md?: number;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import 'dayjs/locale/pt-br';
|
|
2
|
+
export default function TimePicker({ name, required, title, defaultValue, xs, sm, md, }: {
|
|
3
|
+
name: string;
|
|
4
|
+
title?: string;
|
|
5
|
+
required?: boolean;
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
xs?: number;
|
|
8
|
+
sm?: number;
|
|
9
|
+
md?: number;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { DropzoneOptions } from 'react-dropzone';
|
|
2
|
+
export default function DropFileUpload({ name, tipoArquivo, title, required, multiple, apiURL, sizeLimit, xs, sm, md, route, tstToken, dropZoneOptions, }: {
|
|
3
|
+
name: string;
|
|
4
|
+
tipoArquivo: string;
|
|
5
|
+
title: string;
|
|
6
|
+
apiURL: string;
|
|
7
|
+
route?: string;
|
|
8
|
+
tstToken?: string;
|
|
9
|
+
required?: boolean;
|
|
10
|
+
multiple?: boolean;
|
|
11
|
+
sizeLimit?: number;
|
|
12
|
+
dropZoneOptions?: DropzoneOptions;
|
|
13
|
+
xs?: number;
|
|
14
|
+
sm?: number;
|
|
15
|
+
md?: number;
|
|
16
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export default function FileUpload({ name, tipoArquivo, title, required, multiple, apiURL, route, sizeLimit, xs, sm, md, }: {
|
|
2
|
+
name: string;
|
|
3
|
+
tipoArquivo: string;
|
|
4
|
+
title: string;
|
|
5
|
+
apiURL: string;
|
|
6
|
+
route?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
multiple?: boolean;
|
|
9
|
+
sizeLimit?: number;
|
|
10
|
+
xs?: number;
|
|
11
|
+
sm?: number;
|
|
12
|
+
md?: number;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
export default function FileUpload({ name, required, title, defaultChecked, xs, unregisterNameList, sm, md, ...props }: {
|
|
3
|
+
name: string;
|
|
4
|
+
children?: [ReactElement, ReactElement];
|
|
5
|
+
title?: string;
|
|
6
|
+
unregisterNameList: string[];
|
|
7
|
+
defaultChecked?: boolean;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
xs?: number;
|
|
10
|
+
sm?: number;
|
|
11
|
+
md?: number;
|
|
12
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export default function AutoComplete({ name, required, title, customPlaceholder, url, xs, sm, md, dataPath, }: {
|
|
2
|
+
url: string;
|
|
3
|
+
name: string;
|
|
4
|
+
title?: string;
|
|
5
|
+
dataPath?: string;
|
|
6
|
+
customPlaceholder?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
xs?: number;
|
|
9
|
+
sm?: number;
|
|
10
|
+
md?: number;
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default function FetchAutoComplete({ name, url, title, customLoadingText, shouldRefetch, required, defaultValue, route, onChange, xs, sm, watchValue, md, disabled, }: {
|
|
2
|
+
name: string;
|
|
3
|
+
url: string;
|
|
4
|
+
title: string;
|
|
5
|
+
watchValue?: {
|
|
6
|
+
id: number | string;
|
|
7
|
+
label: string;
|
|
8
|
+
};
|
|
9
|
+
customLoadingText?: string;
|
|
10
|
+
defaultValue?: number;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
route?: string;
|
|
13
|
+
onChange?: (id: number | undefined) => void;
|
|
14
|
+
shouldRefetch?: boolean;
|
|
15
|
+
xs?: number;
|
|
16
|
+
sm?: number;
|
|
17
|
+
md?: number;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare function FixedAutoComplete({ name, title, required, list, defaultValue, onChange, xs, sm, watchValue, forceUpdate, md, }: {
|
|
2
|
+
name: string;
|
|
3
|
+
title: string;
|
|
4
|
+
watchValue?: {
|
|
5
|
+
id: number | string;
|
|
6
|
+
label: string;
|
|
7
|
+
};
|
|
8
|
+
list: Object[];
|
|
9
|
+
customLoadingText?: string;
|
|
10
|
+
defaultValue?: Object;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
onChange?: (id: number | undefined) => void;
|
|
13
|
+
shouldRefetch?: boolean;
|
|
14
|
+
forceUpdate?: boolean;
|
|
15
|
+
xs?: number;
|
|
16
|
+
sm?: number;
|
|
17
|
+
md?: number;
|
|
18
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default function GenericFetchAutoComplete({ name, url, title, customLoadingText, shouldRefetch, required, defaultValue, route, onChange, xs, sm, watchValue, md, disabled, }: {
|
|
2
|
+
name: string;
|
|
3
|
+
url: string;
|
|
4
|
+
title: string;
|
|
5
|
+
watchValue?: {
|
|
6
|
+
id: number | string;
|
|
7
|
+
label: string;
|
|
8
|
+
};
|
|
9
|
+
customLoadingText?: string;
|
|
10
|
+
defaultValue?: number;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
route?: string;
|
|
13
|
+
onChange?: (id: number | undefined) => void;
|
|
14
|
+
shouldRefetch?: boolean;
|
|
15
|
+
xs?: number;
|
|
16
|
+
sm?: number;
|
|
17
|
+
md?: number;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare function Input({ type, numberMask, xs, sm, inputMinLength, inputMaxLength, defaultValue, md, disabled, watchValue, ...props }: {
|
|
3
|
+
type: 'cnpj' | 'cpf' | 'input' | 'email' | 'cpf_cnpj' | 'phone' | 'input' | 'number' | 'rg' | 'password' | 'cep' | 'sei';
|
|
4
|
+
name: string;
|
|
5
|
+
watchValue?: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
numberMask?: string;
|
|
9
|
+
customPlaceholder?: string;
|
|
10
|
+
defaultValue?: string;
|
|
11
|
+
inputMinLength?: number;
|
|
12
|
+
inputMaxLength?: number;
|
|
13
|
+
xs?: number;
|
|
14
|
+
sm?: number;
|
|
15
|
+
md?: number;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare const _default: React.MemoExoticComponent<typeof Input>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export default function GenericMaskInput(props: {
|
|
3
|
+
formConfig: object;
|
|
4
|
+
defaultValue?: string;
|
|
5
|
+
maskProps: {
|
|
6
|
+
mask: string | RegExp;
|
|
7
|
+
definitions?: {
|
|
8
|
+
[key: string]: string | RegExp;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
watchValue?: string;
|
|
13
|
+
onMask?: (value: string, setMask: React.Dispatch<React.SetStateAction<string>>) => void;
|
|
14
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export default function MultInput({ name, required, title, customPlaceholder, defaultValue, xs, sm, watchValue, inputMinLength, inputMaxLength, md, ...props }: {
|
|
2
|
+
name: string;
|
|
3
|
+
title?: string;
|
|
4
|
+
watchValue?: string;
|
|
5
|
+
customPlaceholder?: string;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
inputMinLength?: number;
|
|
9
|
+
inputMaxLength?: number;
|
|
10
|
+
xs?: number;
|
|
11
|
+
sm?: number;
|
|
12
|
+
md?: number;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare function Input({ type, numberMask, xs, sm, inputMinLength, inputMaxLength, defaultValue, md, disabled, watchValue, ...props }: {
|
|
3
|
+
type: 'cnpj' | 'cpf' | 'input' | 'email' | 'cpf_cnpj' | 'phone' | 'input' | 'number' | 'rg' | 'password' | 'cep' | 'sei';
|
|
4
|
+
name: string;
|
|
5
|
+
watchValue?: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
numberMask?: string;
|
|
9
|
+
customPlaceholder?: string;
|
|
10
|
+
defaultValue?: string;
|
|
11
|
+
inputMinLength?: number;
|
|
12
|
+
inputMaxLength?: number;
|
|
13
|
+
xs?: number;
|
|
14
|
+
sm?: number;
|
|
15
|
+
md?: number;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare const _default: React.MemoExoticComponent<typeof Input>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export default function MaskInput(props: {
|
|
3
|
+
formConfig: object;
|
|
4
|
+
defaultValue?: string;
|
|
5
|
+
maskProps: {
|
|
6
|
+
mask: string | RegExp;
|
|
7
|
+
definitions?: {
|
|
8
|
+
[key: string]: string | RegExp;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
watchValue?: string;
|
|
13
|
+
onMask?: (value: string, setMask: React.Dispatch<React.SetStateAction<string>>) => void;
|
|
14
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export default function MultInput({ name, required, title, customPlaceholder, defaultValue, xs, sm, watchValue, inputMinLength, inputMaxLength, md, ...props }: {
|
|
2
|
+
name: string;
|
|
3
|
+
title?: string;
|
|
4
|
+
watchValue?: string;
|
|
5
|
+
customPlaceholder?: string;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
inputMinLength?: number;
|
|
9
|
+
inputMaxLength?: number;
|
|
10
|
+
xs?: number;
|
|
11
|
+
sm?: number;
|
|
12
|
+
md?: number;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface OptionalInputProps {
|
|
2
|
+
title: string;
|
|
3
|
+
name: string;
|
|
4
|
+
required?: boolean;
|
|
5
|
+
xs?: number;
|
|
6
|
+
sm?: number;
|
|
7
|
+
md?: number;
|
|
8
|
+
}
|
|
9
|
+
export default function OptionalInput({ title, name, required, xs, sm, md }: OptionalInputProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
|
+
import { FieldValues } from 'react-hook-form';
|
|
3
|
+
export declare function Stepper({ debugLog, test, testConfig, customMarginBottom, ...props }: {
|
|
4
|
+
customMarginBottom?: number;
|
|
5
|
+
children: ReactElement | (ReactElement | null | undefined | false)[];
|
|
6
|
+
debugData?: (data: FieldValues) => void;
|
|
7
|
+
debugLog?: boolean;
|
|
8
|
+
test?: boolean;
|
|
9
|
+
testConfig?: {
|
|
10
|
+
[key: number]: {
|
|
11
|
+
[key: string]: string | number | boolean;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare const _default: React.MemoExoticComponent<typeof Stepper>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface StepperBlockProps {
|
|
3
|
+
title: string;
|
|
4
|
+
prefix?: number;
|
|
5
|
+
children: JSX.Element | JSX.Element[];
|
|
6
|
+
optional?: boolean;
|
|
7
|
+
optionalMessage?: string | JSX.Element;
|
|
8
|
+
overrideSwitchNo?: string;
|
|
9
|
+
overrideSwitchYes?: string;
|
|
10
|
+
defaultChecked?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare function StepperBlock({ optional, title, prefix, optionalMessage, defaultChecked, ...props }: StepperBlockProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare const _default: React.MemoExoticComponent<typeof StepperBlock>;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface SwitchProps {
|
|
3
|
+
name: string;
|
|
4
|
+
defaultChecked?: boolean;
|
|
5
|
+
title?: string;
|
|
6
|
+
overrideYes?: string;
|
|
7
|
+
overrideNo?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function Switch({ defaultChecked, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare const _default: React.MemoExoticComponent<typeof Switch>;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare function ToggleVisibility({ invert, hasCheckValue, ...props }: {
|
|
2
|
+
switchId: string;
|
|
3
|
+
unregisterNameList: string[];
|
|
4
|
+
invert?: boolean;
|
|
5
|
+
hasCheckValue: boolean;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function SwitchWatch({ invert, checkValue, ...props }: {
|
|
8
|
+
children: JSX.Element | JSX.Element[];
|
|
9
|
+
switchId: string;
|
|
10
|
+
unregisterNameList: string[];
|
|
11
|
+
invert?: boolean;
|
|
12
|
+
checkValue?: string | number;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FilterValue } from './types';
|
|
2
|
+
export declare function FilterMenu({ filters, baseFilters, filtrar, reset }: {
|
|
3
|
+
reset: () => void;
|
|
4
|
+
filtrar: (dt: FilterValue[]) => void;
|
|
5
|
+
filters: FilterValue[];
|
|
6
|
+
baseFilters: FilterValue[];
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TableProps2 } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Tabela cujo dados devem ser passados via props
|
|
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;
|
|
7
|
+
declare const _default: React.MemoExoticComponent<typeof GenericTable>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
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;
|
|
4
|
+
declare const _default: React.MemoExoticComponent<typeof Table>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface TableErrorStateProps {
|
|
3
|
+
error: null | {
|
|
4
|
+
status: number;
|
|
5
|
+
};
|
|
6
|
+
customErrorMsg?: string | ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare function TableErrorState({ customErrorMsg, error }: TableErrorStateProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|