@ssplib/react-components 0.0.295 → 0.0.296

package/components/providers/OAuthProvider.d.ts

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

package/components/providers/OAuthProvider.js

@@ -0,0 +1,138 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OAuthProvider = exports.cookieName = void 0;
+const cookies_next_1 = require("cookies-next");
+const jwt_decode_1 = __importDefault(require("jwt-decode"));
+const router_1 = require("next/router");
+const react_1 = __importStar(require("react"));
+const auth_1 = require("../../context/auth");
+exports.cookieName = 'nextauth.token';
+const userImgName = 'user-data.img';
+function OAuthProvider({ children, AUTH_URL, oidcConfig, redirectURL, validateTokenRoute, testToken, testIP, logoutURL = redirectURL, }) {
+    const govBrURL = oidcConfig.authority + '/authorize?response_type=code&client_id=' + oidcConfig.client_id + '&scope=' + oidcConfig.scope + '&redirect_uri=' + oidcConfig.redirect_uri;
+    const [user, setUser] = (0, react_1.useState)();
+    const [userLoaded, setUserLoaded] = (0, react_1.useState)(false);
+    const router = (0, router_1.useRouter)();
+    const isAuth = !!user;
+    (0, react_1.useEffect)(() => {
+        const token = (0, cookies_next_1.getCookie)(exports.cookieName);
+        if (!token) {
+            setUserLoaded(true);
+            return;
+        }
+        fetch(`${AUTH_URL}${validateTokenRoute}`, {
+            method: 'POST',
+            headers: {
+                Authorization: `Bearer ${token}`,
+            },
+        }).then((res) => {
+            if (!res.ok) {
+                logout();
+                return;
+            }
+            else {
+                const user = (0, jwt_decode_1.default)(token);
+                const img = localStorage.getItem(userImgName);
+                setUser({ name: user.given_name, image: img !== null && img !== void 0 ? img : '', roles: user.roles.map((x) => x.code), token });
+                setUserLoaded(true);
+            }
+        });
+    }, []);
+    function login() {
+        // Teste em localhost
+        if (location && (location.hostname === 'localhost' || location.hostname === testIP)) {
+            const token = testToken;
+            (0, cookies_next_1.setCookie)(exports.cookieName, token);
+            setUser({
+                name: 'Teste',
+                image: '',
+                roles: [1],
+                token: token,
+            });
+            router.replace(redirectURL).finally(() => setUserLoaded(true));
+        }
+        //
+        else {
+            setUserLoaded(false);
+            router.replace(govBrURL);
+        }
+    }
+    // chamado no callback de login
+    function saveUserData(authData) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const token = authData.ssp_token;
+            (0, cookies_next_1.setCookie)(exports.cookieName, token);
+            const userData = (0, jwt_decode_1.default)(token);
+            const idToken = (0, jwt_decode_1.default)(authData.id_token);
+            // pegando foto de usuario
+            yield fetch(idToken.picture, {
+                headers: {
+                    Authorization: `Bearer ${authData.access_token}`,
+                },
+            }).then((res) => {
+                if (res.status === 200) {
+                    res.blob().then((b) => {
+                        const reader = new FileReader();
+                        reader.readAsDataURL(b);
+                        reader.onload = () => {
+                            const base64 = reader.result;
+                            localStorage.setItem(userImgName, base64);
+                            setUser({ name: userData.name, image: base64, roles: userData.roles.map((x) => x.code), token });
+                            router.replace(redirectURL).finally(() => setUserLoaded(true));
+                        };
+                    });
+                }
+                setUser({ name: userData.name, image: '', roles: userData.roles.map((x) => x.code), token });
+                router.replace(redirectURL).finally(() => setUserLoaded(true));
+                return;
+            });
+            router.replace(redirectURL).finally(() => setUserLoaded(true));
+        });
+    }
+    function logout() {
+        setUserLoaded(false);
+        router.replace(logoutURL).finally(() => {
+            setUser(null);
+            (0, cookies_next_1.deleteCookie)(exports.cookieName);
+            localStorage.removeItem(userImgName);
+            setUserLoaded(true);
+        });
+    }
+    return react_1.default.createElement(auth_1.AuthContext.Provider, { value: { user, isAuth, userLoaded, login, logout, saveUserData, type: 'govbr' } }, children);
+}
+exports.OAuthProvider = OAuthProvider;

package/components/providers/SspComponentsProvider.d.ts

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

package/components/providers/SspComponentsProvider.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SspComponentsProvider = void 0;
+const react_1 = __importDefault(require("react"));
+const react_toastify_1 = require("react-toastify");
+const Modal_1 = require("../modal/Modal");
+// import '../../css/ReactToastify.css'
+//components principal da aplicação
+function SspComponentsProvider(props) {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Modal_1.CustomModalProvider, null),
+        props.children,
+        react_1.default.createElement(react_toastify_1.ToastContainer, { position: 'bottom-right', theme: 'colored' })));
+}
+exports.SspComponentsProvider = SspComponentsProvider;

package/components/utils/Bt.d.ts

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

package/components/utils/Bt.js

@@ -0,0 +1,35 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const react_1 = __importDefault(require("react"));
+const tinycolor2_1 = __importDefault(require("tinycolor2"));
+function Bt(_a) {
+    var { customColor = '#383838', customFontColor = 'white' } = _a, props = __rest(_a, ["customColor", "customFontColor"]);
+    const bgColor = (0, tinycolor2_1.default)(customColor);
+    return (react_1.default.createElement(material_1.Button, Object.assign({}, props, { sx: {
+            bgcolor: bgColor.toHexString(),
+            color: (0, tinycolor2_1.default)(customFontColor).toHexString(),
+            ':hover': {
+                bgcolor: bgColor.darken(10).toHexString(),
+            },
+            boxShadow: 'none',
+            borderRadius: 3,
+            textTransform: 'capitalize',
+            paddingX: 2,
+        }, size: 'small' }), props.children));
+}
+exports.default = Bt;

package/components/utils/CustomMenu.js

@@ -0,0 +1,39 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const react_1 = __importDefault(require("react"));
+const Bt_1 = __importDefault(require("./Bt"));
+function CustomMenu(_a) {
+    var { data = [] } = _a, props = __rest(_a, ["data"]);
+    const [anchorEl, setAnchorEl] = react_1.default.useState(null);
+    const open = Boolean(anchorEl);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Bt_1.default, Object.assign({}, props.btProps, { onClick: handleClick }), props.children),
+        react_1.default.createElement(material_1.Menu, { id: 'basic-menu', anchorEl: anchorEl, open: open, onClose: handleClose, MenuListProps: {
+                'aria-labelledby': 'basic-button',
+            } }, data.map((x) => (react_1.default.createElement(material_1.MenuItem, { onClick: (e) => {
+                x.onClick && x.onClick();
+                handleClose();
+            } }, x.name))))));
+}
+exports.default = CustomMenu;

package/context/auth.d.ts

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

package/context/auth.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthContext = void 0;
+const react_1 = require("react");
+exports.AuthContext = (0, react_1.createContext)({});

package/context/form.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormContext = void 0;
+const react_1 = require("react");
+exports.FormContext = (0, react_1.createContext)(null);

package/index.d.ts

@@ -1,44 +1,44 @@
-import { Category } from './components/detalhes/Category';
-import { Field } from './components/detalhes/Field';
-import { FieldLabel } from './components/detalhes/FieldLabel';
-import { File } from './components/detalhes/File';
 import CheckBox from './components/form/checkbox/CheckBox';
-import CheckBoxAdditional from './components/form/checkbox/CheckBoxAdditional';
 import CheckBoxWarning from './components/form/checkbox/CheckBoxWarning';
-import RequiredCheckBoxGroup from './components/form/checkbox/RequiredCheckBoxValidator';
 import DatePicker from './components/form/date/DatePicker';
 import GenericDatePicker from './components/form/date/GenericDatePicker';
 import TimePicker from './components/form/date/TimePicker';
-import DropFileUpload from './components/form/file/DropFileUpload';
 import FileUpload from './components/form/file/FileUpload';
 import ActiveInput from './components/form/input/ActiveInput';
 import AutoComplete from './components/form/input/AutoComplete';
 import FetchAutoComplete from './components/form/input/FetchAutoComplete';
-import { FixedAutoComplete } from './components/form/input/FixedAutoComplete';
 import GenericFetchAutoComplete from './components/form/input/GenericFetchAutoComplete';
-import GenericInput from './components/form/input/GenericInput';
-import GenericMaskInput from './components/form/input/GenericMaskInput';
-import GenericMultInput from './components/form/input/GenericMultInput';
 import Input from './components/form/input/Input';
 import MaskInput from './components/form/input/MaskInput';
+import GenericMaskInput from './components/form/input/GenericMaskInput';
 import MultInput from './components/form/input/MultInput';
+import GenericMultInput from './components/form/input/GenericMultInput';
 import OtherCheckBox from './components/form/input/OtherCheckBox';
 import Stepper from './components/form/stepper/Stepper';
 import StepperBlock from './components/form/stepper/StepperBlock';
 import Switch from './components/form/switch/Switch';
 import { SwitchWatch, ToggleVisibility } from './components/form/switch/ToggleVisibility';
-import GenericTable from './components/form/table/GenericTable';
 import Table from './components/form/table/Table';
-import { Map } from './components/map';
-import { MODAL } from './components/modal/Modal';
+import GenericTable from './components/form/table/GenericTable';
 import NavBar from './components/navbar/NavBar';
 import TabNavBar from './components/navbar/TabNavBar';
 import FormProvider from './components/providers/FormProvider';
+import { OAuthProvider, cookieName as AUTH_COOKIE_NAME } from './components/providers/OAuthProvider';
+import { AuthContext } from './context/auth';
+import { FormContext } from './context/form';
+import { Category } from './components/detalhes/Category';
+import { Field } from './components/detalhes/Field';
+import { FieldLabel } from './components/detalhes/FieldLabel';
+import { File } from './components/detalhes/File';
+import CheckBoxAdditional from './components/form/checkbox/CheckBoxAdditional';
+import RequiredCheckBoxGroup from './components/form/checkbox/RequiredCheckBoxValidator';
 import { KeycloakAuthProvider } from './components/providers/KeycloakAuthProvider';
-import { cookieName as AUTH_COOKIE_NAME, OAuthProvider } from './components/providers/OAuthProvider';
+import { FixedAutoComplete } from './components/form/input/FixedAutoComplete';
+import DropFileUpload from './components/form/file/DropFileUpload';
+import { MODAL } from './components/modal/Modal';
 import { SspComponentsProvider } from './components/providers/SspComponentsProvider';
 import Button from './components/utils/Bt';
 import Menu from './components/utils/CustomMenu';
-import { AuthContext } from './context/auth';
-import { FormContext } from './context/form';
-export { ActiveInput, AUTH_COOKIE_NAME, AuthContext, AutoComplete, Button, Category, CheckBox, CheckBoxAdditional, CheckBoxWarning, DatePicker, DropFileUpload, FetchAutoComplete, Field, FieldLabel, File, FileUpload, FixedAutoComplete, FormContext, FormProvider, GenericDatePicker, GenericFetchAutoComplete, GenericInput, GenericMaskInput, GenericMultInput, GenericTable, Input, KeycloakAuthProvider, Map, MaskInput, Menu, MODAL, MultInput, NavBar, OAuthProvider, OtherCheckBox, RequiredCheckBoxGroup, SspComponentsProvider, Stepper, StepperBlock, Switch, SwitchWatch, Table, TabNavBar, TimePicker, ToggleVisibility, };
+import GenericInput from './components/form/input/GenericInput';
+import { Map } from './components/map';
+export { CheckBox, CheckBoxWarning, DatePicker, GenericDatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, FetchAutoComplete, GenericFetchAutoComplete, Input, GenericInput, MaskInput, MultInput, GenericMultInput, GenericMaskInput, OtherCheckBox, Stepper, StepperBlock, Switch, SwitchWatch, ToggleVisibility, GenericTable, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, KeycloakAuthProvider, CheckBoxAdditional, RequiredCheckBoxGroup, FixedAutoComplete, Category, Field, FieldLabel, File, DropFileUpload, MODAL, SspComponentsProvider, TabNavBar, Button, Menu, Map, };

package/index.js

@@ -0,0 +1,94 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Map = exports.Menu = exports.Button = exports.TabNavBar = exports.SspComponentsProvider = exports.MODAL = exports.DropFileUpload = exports.File = exports.FieldLabel = exports.Field = exports.Category = exports.FixedAutoComplete = exports.RequiredCheckBoxGroup = exports.CheckBoxAdditional = exports.KeycloakAuthProvider = exports.FormContext = exports.AuthContext = exports.AUTH_COOKIE_NAME = exports.OAuthProvider = exports.FormProvider = exports.NavBar = exports.Table = exports.GenericTable = exports.ToggleVisibility = exports.SwitchWatch = exports.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.GenericMaskInput = exports.GenericMultInput = exports.MultInput = exports.MaskInput = exports.GenericInput = exports.Input = exports.GenericFetchAutoComplete = exports.FetchAutoComplete = exports.AutoComplete = exports.ActiveInput = exports.FileUpload = exports.TimePicker = exports.GenericDatePicker = exports.DatePicker = exports.CheckBoxWarning = exports.CheckBox = void 0;
+const CheckBox_1 = __importDefault(require("./components/form/checkbox/CheckBox"));
+exports.CheckBox = CheckBox_1.default;
+const CheckBoxWarning_1 = __importDefault(require("./components/form/checkbox/CheckBoxWarning"));
+exports.CheckBoxWarning = CheckBoxWarning_1.default;
+const DatePicker_1 = __importDefault(require("./components/form/date/DatePicker"));
+exports.DatePicker = DatePicker_1.default;
+const GenericDatePicker_1 = __importDefault(require("./components/form/date/GenericDatePicker"));
+exports.GenericDatePicker = GenericDatePicker_1.default;
+const TimePicker_1 = __importDefault(require("./components/form/date/TimePicker"));
+exports.TimePicker = TimePicker_1.default;
+const FileUpload_1 = __importDefault(require("./components/form/file/FileUpload"));
+exports.FileUpload = FileUpload_1.default;
+const ActiveInput_1 = __importDefault(require("./components/form/input/ActiveInput"));
+exports.ActiveInput = ActiveInput_1.default;
+const AutoComplete_1 = __importDefault(require("./components/form/input/AutoComplete"));
+exports.AutoComplete = AutoComplete_1.default;
+const FetchAutoComplete_1 = __importDefault(require("./components/form/input/FetchAutoComplete"));
+exports.FetchAutoComplete = FetchAutoComplete_1.default;
+const GenericFetchAutoComplete_1 = __importDefault(require("./components/form/input/GenericFetchAutoComplete"));
+exports.GenericFetchAutoComplete = GenericFetchAutoComplete_1.default;
+const Input_1 = __importDefault(require("./components/form/input/Input"));
+exports.Input = Input_1.default;
+const MaskInput_1 = __importDefault(require("./components/form/input/MaskInput"));
+exports.MaskInput = MaskInput_1.default;
+const GenericMaskInput_1 = __importDefault(require("./components/form/input/GenericMaskInput"));
+exports.GenericMaskInput = GenericMaskInput_1.default;
+const MultInput_1 = __importDefault(require("./components/form/input/MultInput"));
+exports.MultInput = MultInput_1.default;
+const GenericMultInput_1 = __importDefault(require("./components/form/input/GenericMultInput"));
+exports.GenericMultInput = GenericMultInput_1.default;
+const OtherCheckBox_1 = __importDefault(require("./components/form/input/OtherCheckBox"));
+exports.OtherCheckBox = OtherCheckBox_1.default;
+const Stepper_1 = __importDefault(require("./components/form/stepper/Stepper"));
+exports.Stepper = Stepper_1.default;
+const StepperBlock_1 = __importDefault(require("./components/form/stepper/StepperBlock"));
+exports.StepperBlock = StepperBlock_1.default;
+const Switch_1 = __importDefault(require("./components/form/switch/Switch"));
+exports.Switch = Switch_1.default;
+const ToggleVisibility_1 = require("./components/form/switch/ToggleVisibility");
+Object.defineProperty(exports, "SwitchWatch", { enumerable: true, get: function () { return ToggleVisibility_1.SwitchWatch; } });
+Object.defineProperty(exports, "ToggleVisibility", { enumerable: true, get: function () { return ToggleVisibility_1.ToggleVisibility; } });
+const Table_1 = __importDefault(require("./components/form/table/Table"));
+exports.Table = Table_1.default;
+const GenericTable_1 = __importDefault(require("./components/form/table/GenericTable"));
+exports.GenericTable = GenericTable_1.default;
+const NavBar_1 = __importDefault(require("./components/navbar/NavBar"));
+exports.NavBar = NavBar_1.default;
+const TabNavBar_1 = __importDefault(require("./components/navbar/TabNavBar"));
+exports.TabNavBar = TabNavBar_1.default;
+const FormProvider_1 = __importDefault(require("./components/providers/FormProvider"));
+exports.FormProvider = FormProvider_1.default;
+const OAuthProvider_1 = require("./components/providers/OAuthProvider");
+Object.defineProperty(exports, "OAuthProvider", { enumerable: true, get: function () { return OAuthProvider_1.OAuthProvider; } });
+Object.defineProperty(exports, "AUTH_COOKIE_NAME", { enumerable: true, get: function () { return OAuthProvider_1.cookieName; } });
+const auth_1 = require("./context/auth");
+Object.defineProperty(exports, "AuthContext", { enumerable: true, get: function () { return auth_1.AuthContext; } });
+const form_1 = require("./context/form");
+Object.defineProperty(exports, "FormContext", { enumerable: true, get: function () { return form_1.FormContext; } });
+const Category_1 = require("./components/detalhes/Category");
+Object.defineProperty(exports, "Category", { enumerable: true, get: function () { return Category_1.Category; } });
+const Field_1 = require("./components/detalhes/Field");
+Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return Field_1.Field; } });
+const FieldLabel_1 = require("./components/detalhes/FieldLabel");
+Object.defineProperty(exports, "FieldLabel", { enumerable: true, get: function () { return FieldLabel_1.FieldLabel; } });
+const File_1 = require("./components/detalhes/File");
+Object.defineProperty(exports, "File", { enumerable: true, get: function () { return File_1.File; } });
+const CheckBoxAdditional_1 = __importDefault(require("./components/form/checkbox/CheckBoxAdditional"));
+exports.CheckBoxAdditional = CheckBoxAdditional_1.default;
+const RequiredCheckBoxValidator_1 = __importDefault(require("./components/form/checkbox/RequiredCheckBoxValidator"));
+exports.RequiredCheckBoxGroup = RequiredCheckBoxValidator_1.default;
+const KeycloakAuthProvider_1 = require("./components/providers/KeycloakAuthProvider");
+Object.defineProperty(exports, "KeycloakAuthProvider", { enumerable: true, get: function () { return KeycloakAuthProvider_1.KeycloakAuthProvider; } });
+const FixedAutoComplete_1 = require("./components/form/input/FixedAutoComplete");
+Object.defineProperty(exports, "FixedAutoComplete", { enumerable: true, get: function () { return FixedAutoComplete_1.FixedAutoComplete; } });
+const DropFileUpload_1 = __importDefault(require("./components/form/file/DropFileUpload"));
+exports.DropFileUpload = DropFileUpload_1.default;
+const Modal_1 = require("./components/modal/Modal");
+Object.defineProperty(exports, "MODAL", { enumerable: true, get: function () { return Modal_1.MODAL; } });
+const SspComponentsProvider_1 = require("./components/providers/SspComponentsProvider");
+Object.defineProperty(exports, "SspComponentsProvider", { enumerable: true, get: function () { return SspComponentsProvider_1.SspComponentsProvider; } });
+const Bt_1 = __importDefault(require("./components/utils/Bt"));
+exports.Button = Bt_1.default;
+const CustomMenu_1 = __importDefault(require("./components/utils/CustomMenu"));
+exports.Menu = CustomMenu_1.default;
+const GenericInput_1 = __importDefault(require("./components/form/input/GenericInput"));
+exports.GenericInput = GenericInput_1.default;
+const map_1 = require("./components/map");
+Object.defineProperty(exports, "Map", { enumerable: true, get: function () { return map_1.Map; } });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.295",
+    "version": "0.0.296",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",

package/types/auth.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/types/form.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnDirection = exports.FieldType = void 0;
+var FieldType;
+(function (FieldType) {
+    FieldType[FieldType["INPUT"] = 0] = "INPUT";
+    FieldType[FieldType["MULT_INPUT"] = 1] = "MULT_INPUT";
+    FieldType[FieldType["PHONE"] = 2] = "PHONE";
+    FieldType[FieldType["CPF_CNPJ"] = 3] = "CPF_CNPJ";
+    FieldType[FieldType["CPF"] = 4] = "CPF";
+    FieldType[FieldType["CNPJ"] = 5] = "CNPJ";
+    FieldType[FieldType["RG"] = 6] = "RG";
+    FieldType[FieldType["EMAIL"] = 7] = "EMAIL";
+    FieldType[FieldType["ACTIVE"] = 8] = "ACTIVE";
+    FieldType[FieldType["CHECKBOX"] = 9] = "CHECKBOX";
+    FieldType[FieldType["CHECKBOX_WARNING"] = 10] = "CHECKBOX_WARNING";
+    FieldType[FieldType["OTHER_CHECKBOX"] = 11] = "OTHER_CHECKBOX";
+    FieldType[FieldType["LABEL"] = 12] = "LABEL";
+    FieldType[FieldType["CUSTOM"] = 13] = "CUSTOM";
+    FieldType[FieldType["FILE"] = 14] = "FILE";
+    FieldType[FieldType["MULT_FILE"] = 15] = "MULT_FILE";
+    FieldType[FieldType["DATE"] = 16] = "DATE";
+    FieldType[FieldType["TIME"] = 17] = "TIME";
+    FieldType[FieldType["NUMBER"] = 18] = "NUMBER";
+    FieldType[FieldType["AUTO_COMPLETE"] = 19] = "AUTO_COMPLETE";
+})(FieldType = exports.FieldType || (exports.FieldType = {}));
+var ColumnDirection;
+(function (ColumnDirection) {
+    ColumnDirection["ROW"] = "row";
+    ColumnDirection["COLUMN"] = "column";
+})(ColumnDirection = exports.ColumnDirection || (exports.ColumnDirection = {}));

package/Map-31d95a26.js

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

package/Map-31d95a26.js.map

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

package/Map-644d2f90.js

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

package/Map-644d2f90.js.map

@@ -1 +0,0 @@
-{"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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"}

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

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

package/components/loading/LinearProgress.d.ts

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

package/components/loading/LoadingScreen.d.ts

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

package/components/providers/GenericFormProvider.d.ts

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

package/components/teste/Teste.d.ts

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

package/decorators/FormBaseDecorator.d.ts

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

package/decorators/GenericFormBaseDecorator.d.ts

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

package/decorators/StepperDecorator.d.ts

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