@ssplib/react-components 0.0.295 → 0.0.296

package/components/form/table/utils.js

@@ -0,0 +1,361 @@
+"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.downloadCSVAll = exports.downloadCSVFile = exports.ordenarDados = exports.filtrarDados = exports.formatarString = exports.removePunctuationAndAccents = exports.transformArrayObjectInString = exports.getCount = void 0;
+const lodash_get_1 = __importDefault(require("lodash.get"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const lodash_clonedeep_1 = __importDefault(require("lodash.clonedeep"));
+const XLSX = __importStar(require("xlsx"));
+const getCount = (countData, itemsCount) => {
+    if (countData.length <= 0)
+        return 1;
+    let count = countData.length / itemsCount;
+    count = count < 1 ? 1 : count;
+    return Math.ceil(count);
+};
+exports.getCount = getCount;
+function transformArrayObjectInString(o) {
+    let arrString = [];
+    if (typeof o === 'object' && !Array.isArray(o) && o !== null) {
+        for (let [key, value] of Object.entries(o)) {
+            if (typeof value === 'object' && !Array.isArray(value) && value !== null) {
+                arrString.push(key + ': ' + transformArrayObjectInString(value));
+            }
+            else {
+                if (value) {
+                    // Is true
+                    arrString.push(key);
+                }
+            }
+        }
+    }
+    return '[' + arrString.join(' - ') + ']';
+}
+exports.transformArrayObjectInString = transformArrayObjectInString;
+// export function defineCSVCells({ csvUpper, csvExcludeUpper }: DefineCSVCellsProps): string {
+//     if (typeof cell === 'string') {
+//         let item = csvUpper && !csvExcludeUpper.includes(key) ? (cell as string).toUpperCase() : cell
+//         item = normalize ? item.normalize('NFD').replace(/[\u0300-\u036f]/g, '') : item
+//         return removeQuotes ? `${item}` : `"${item}"`
+//     } else if (typeof cell === 'object' && !Array.isArray(cell) && cell !== null) {
+//         let strItemAsObject = transformArrayObjectInString(cell).slice(1, -1) // key: label (Ex.: jsNaturezaEvento)
+//         let item = csvUpper && !csvExcludeUpper.includes(key) ? (strItemAsObject as string).toUpperCase() : strItemAsObject
+//         item = normalize ? item.normalize('NFD').replace(/[\u0300-\u036f]/g, '') : item
+//         return removeQuotes ? `${item}` : `"${item}"`
+//     }
+//     return cell
+// }
+function removePunctuationAndAccents(text) {
+    // Remove accents and diacritics
+    const normalizedText = text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+    // Remove punctuation marks
+    const cleanedText = normalizedText.replace(/[!"#$%&'()*+,\-./:;<=>?@[\\\]^_`{|}~]/g, '');
+    return cleanedText;
+}
+exports.removePunctuationAndAccents = removePunctuationAndAccents;
+function formatarString(str) {
+    const value = typeof str !== 'string' ? str.toString() : str;
+    return value
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '')
+        .toLowerCase()
+        .trim();
+}
+exports.formatarString = formatarString;
+function filtrarDados({ filterData, startData, filtersFuncData = {}, localTableName = '', setCurrentPage, setList, setListClone, setListPage, setPagCount, itemsCount }) {
+    if (!startData)
+        return;
+    let currentData = JSON.parse(JSON.stringify(startData));
+    filterData
+        .filter((dt) => dt.value || (dt.operator === 'entre' && (dt.value || dt.value2)))
+        .forEach((dt) => {
+        let filteredData = [];
+        switch (dt.type) {
+            case 'number':
+                switch (dt.operator) {
+                    case 'igual':
+                        currentData.forEach((cd) => {
+                            const value = Number((0, lodash_get_1.default)(cd, dt.keyName, ''));
+                            if (value === Number(dt.value)) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'maior que':
+                        currentData.forEach((cd) => {
+                            const value = Number((0, lodash_get_1.default)(cd, dt.keyName, ''));
+                            if (value > Number(dt.value)) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'menor que':
+                        currentData.forEach((cd) => {
+                            const value = Number((0, lodash_get_1.default)(cd, dt.keyName, ''));
+                            if (value < Number(dt.value)) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                }
+                break;
+            case 'string':
+                switch (dt.operator) {
+                    case 'igual':
+                        currentData.forEach((cd) => {
+                            const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
+                            if (dt.useList) {
+                                if (formatarString(value) === formatarString(dt.value.id)) {
+                                    filteredData.push(cd);
+                                }
+                            }
+                            else {
+                                if (formatarString(value) === formatarString(dt.value)) {
+                                    filteredData.push(cd);
+                                }
+                            }
+                        });
+                        break;
+                    case 'contem':
+                        currentData.forEach((cd) => {
+                            const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
+                            if (!value)
+                                return;
+                            if (dt.useList) {
+                                if (formatarString(value).includes(formatarString(dt.value.id))) {
+                                    filteredData.push(cd);
+                                }
+                            }
+                            else {
+                                if (formatarString(value).includes(formatarString(dt.value))) {
+                                    filteredData.push(cd);
+                                }
+                            }
+                        });
+                        break;
+                    case 'tem um dos':
+                        currentData.forEach((cd) => {
+                            const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
+                            if (!value)
+                                return;
+                            if (dt.value.map((x) => formatarString(x.id)).includes(formatarString(value))) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                }
+                break;
+            case 'date':
+                switch (dt.operator) {
+                    case 'data exata':
+                        currentData.forEach((cd) => {
+                            const value = (0, dayjs_1.default)((0, lodash_get_1.default)(cd, dt.keyName, ''), 'DD/MM/YYYY');
+                            if (!value.isValid())
+                                return;
+                            if (value.isSame((0, dayjs_1.default)(dt.value, 'DD/MM/YYYY'))) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'entre':
+                        const dateA = dt.value ? (0, dayjs_1.default)(dt.value, 'DD/MM/YYYY') : (0, dayjs_1.default)('01/01/2000', 'DD/MM/YYYY');
+                        const dateB = dt.value2 ? (0, dayjs_1.default)(dt.value2, 'DD/MM/YYYY') : (0, dayjs_1.default)('31/12/2030', 'DD/MM/YYYY');
+                        currentData.forEach((cd) => {
+                            const value = (0, dayjs_1.default)((0, lodash_get_1.default)(cd, dt.keyName, ''), 'DD/MM/YYYY');
+                            if ((value.isAfter(dateA) || value.isSame(dateA)) && (value.isBefore(dateB) || value.isSame(dateB))) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                }
+                break;
+            case 'dates':
+                switch (dt.operator) {
+                    case 'data inicio':
+                        currentData.forEach((cd) => {
+                            var _a;
+                            const dates = ((_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : []).filter(d => d !== undefined && d !== '');
+                            if (dates.length <= 0)
+                                return;
+                            var inicioDate = dates[0];
+                            var inicioValue = (0, dayjs_1.default)(inicioDate, 'DD/MM/YYYY');
+                            if (inicioValue.isSame((0, dayjs_1.default)(dt.value, 'DD/MM/YYYY'))) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'data fim':
+                        currentData.forEach((cd) => {
+                            var _a;
+                            const dates = ((_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : []).filter(d => d !== undefined && d !== '');
+                            if (dates.length <= 0)
+                                return;
+                            console.log(dates);
+                            var fimDate = dates[dates.length - 1];
+                            var fimValue = (0, dayjs_1.default)(fimDate, 'DD/MM/YYYY');
+                            if (fimValue.isSame((0, dayjs_1.default)(dt.value, 'DD/MM/YYYY'))) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'tem a data':
+                        currentData.forEach((cd) => {
+                            var _a;
+                            const dates = ((_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : []).filter(d => d !== undefined && d !== '');
+                            if (dates.includes(dt.value)) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                    case 'entre':
+                        const dateA = dt.value ? (0, dayjs_1.default)(dt.value, 'DD/MM/YYYY') : (0, dayjs_1.default)('01/01/2000', 'DD/MM/YYYY');
+                        const dateB = dt.value2 ? (0, dayjs_1.default)(dt.value2, 'DD/MM/YYYY') : (0, dayjs_1.default)('31/12/2030', 'DD/MM/YYYY');
+                        currentData.forEach((cd) => {
+                            var _a;
+                            const dates = ((_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : []).filter(d => d !== undefined && d !== '');
+                            let isBetween = false;
+                            dates.forEach((dtStr) => {
+                                if (isBetween)
+                                    return;
+                                const dt = (0, dayjs_1.default)(dtStr, 'DD/MM/YYYY');
+                                if (!dt.isValid())
+                                    return;
+                                if ((dt.isAfter(dateA) || dt.isSame(dateA)) && (dt.isBefore(dateB) || dt.isSame(dateB))) {
+                                    isBetween = true;
+                                }
+                            });
+                            if (isBetween) {
+                                filteredData.push(cd);
+                            }
+                        });
+                        break;
+                }
+                break;
+        }
+        currentData = filteredData;
+    });
+    setList(currentData);
+    setPagCount((0, exports.getCount)(currentData, itemsCount));
+    setCurrentPage(0);
+    setListPage(1);
+    localStorage.setItem(localTableName, JSON.stringify(filterData));
+    setListClone(currentData);
+}
+exports.filtrarDados = filtrarDados;
+function ordenarDados({ order, list, orderAsc = false }) {
+    const sortedList = (0, lodash_clonedeep_1.default)(list).sort((a, b) => {
+        const aValue = order.type === 'string' ? (0, lodash_get_1.default)(a, order.key, '') : Number((0, lodash_get_1.default)(a, order.key, 0));
+        const bValue = order.type === 'string' ? (0, lodash_get_1.default)(b, order.key, '') : Number((0, lodash_get_1.default)(b, order.key, 0));
+        if (orderAsc) {
+            if (aValue < bValue)
+                return -1;
+            if (aValue > bValue)
+                return 1;
+        }
+        else {
+            if (aValue > bValue)
+                return -1;
+            if (aValue < bValue)
+                return 1;
+        }
+        return 0;
+    });
+    return sortedList;
+}
+exports.ordenarDados = ordenarDados;
+function downloadCSVFile(list, config, filters) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (list.length <= 0)
+            return;
+        let data = [];
+        if (config.downloadAll && config.customAll)
+            data = config.customAll(list, filters);
+        else if (!config.downloadAll && config.customFiltered)
+            data = config.customFiltered(list, filters);
+        else {
+            // definindo os campos especificados do csv
+            list.forEach(x => {
+                const obj = {};
+                config.map.forEach(m => {
+                    // opção de usar o valor do filtro no próprio campo
+                    if (m.useFilterValue && !config.downloadAll && !m.onlyAll) {
+                        const filterValueList = filters.filter(f => f.label == m.useFilterValue.label && m.useFilterValue.operators.includes(f.operator));
+                        const filterValue = filterValueList.length > 0 ? (filterValueList.reduce(r => r.value).value || undefined) : undefined;
+                        obj[m.name] = filterValue || (0, lodash_get_1.default)(x, m.key);
+                        return;
+                    }
+                    if (m.onlyFilter)
+                        return;
+                    obj[m.name] = (0, lodash_get_1.default)(x, m.key);
+                });
+                data.push(obj);
+            });
+        }
+        const worksheet = XLSX.utils.json_to_sheet(data);
+        const workbook = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(workbook, worksheet, config.fileName);
+        XLSX.writeFile(workbook, `${config.fileName}.xlsx`);
+    });
+}
+exports.downloadCSVFile = downloadCSVFile;
+function downloadCSVAll(e, list, keys, fileName) {
+    e.preventDefault();
+    if (list.length <= 0)
+        return;
+    const header = keys.join(',') + '\n';
+    const values = list
+        .map((x) => keys
+        .map((k) => {
+        if (k === 'tbRa')
+            return x[k]['NO_CIDADE'];
+        if (k === 'rlEventoData')
+            return `${x[k][0]['DT_INICIO']} - ${x[k][0]['HR_INICIO']}`;
+        if (typeof x[k] === 'string')
+            return `"${x[k]}"`;
+        if (typeof x[k] === 'object' && x[k] !== null)
+            return `"${transformArrayObjectInString(x[k]).slice(1, -1)}"`;
+        return x[k];
+    })
+        .join(','))
+        .join('\n');
+    const csvData = header + values;
+    const link = document.createElement('a');
+    link.href = 'data:text/csv;charset=utf-8,%EF%BB%BF' + encodeURI(csvData);
+    link.download = `${fileName}.csv`;
+    link.click();
+}
+exports.downloadCSVAll = downloadCSVAll;

package/components/icons/icons.d.ts

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

package/components/icons/icons.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TrashIcon = exports.PDFIcon = void 0;
+const material_1 = require("@mui/material");
+const react_1 = __importDefault(require("react"));
+function PDFIcon(props) {
+    return (react_1.default.createElement(material_1.SvgIcon, Object.assign({}, props),
+        react_1.default.createElement("svg", { width: '26', height: '34', viewBox: '0 0 26 50', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+            react_1.default.createElement("path", { d: 'M24.9717 11.5L14.8333 1.36165C14.5757 1.10371 14.2262 0.958634 13.8617 0.958313H5.66667C4.32953 0.958313 3.04717 1.48949 2.10167 2.43498C1.15617 3.38048 0.625 4.66285 0.625 5.99998V28C0.625 29.3371 1.15617 30.6195 2.10167 31.565C3.04717 32.5105 4.32953 33.0416 5.66667 33.0416H20.3333C21.6705 33.0416 22.9528 32.5105 23.8983 31.565C24.8438 30.6195 25.375 29.3371 25.375 28V12.4166C25.3606 12.0713 25.2166 11.744 24.9717 11.5ZM15.2917 5.65165L20.6817 11.0416H15.2917V5.65165ZM20.3333 30.2916H5.66667C5.05888 30.2916 4.47598 30.0502 4.04621 29.6204C3.61644 29.1907 3.375 28.6078 3.375 28V5.99998C3.375 5.39219 3.61644 4.8093 4.04621 4.37953C4.47598 3.94976 5.05888 3.70831 5.66667 3.70831H12.5417V12.4166C12.5464 12.7798 12.6928 13.1268 12.9496 13.3837C13.2065 13.6405 13.5535 13.7869 13.9167 13.7916H22.625V28C22.625 28.6078 22.3836 29.1907 21.9538 29.6204C21.524 30.0502 20.9411 30.2916 20.3333 30.2916Z', fill: '#fff' }),
+            react_1.default.createElement("path", { d: 'M15.7317 22.225C14.6044 21.5176 13.756 20.4425 13.33 19.1817C13.7248 18.0021 13.8439 16.7478 13.6784 15.515C13.6255 15.2044 13.474 14.9191 13.2464 14.7013C13.0187 14.4835 12.727 14.3448 12.4144 14.3058C12.1018 14.2667 11.7849 14.3293 11.5107 14.4844C11.2364 14.6394 11.0194 14.8786 10.8917 15.1667C10.683 16.6487 10.8403 18.1594 11.35 19.5667C10.6537 21.1933 9.87664 22.7842 9.02169 24.3333C7.72002 25.0667 5.94169 26.1667 5.66669 27.4317C5.44669 28.4583 7.37169 31.0983 10.6534 25.3783C12.1126 24.8366 13.6072 24.3956 15.1267 24.0583C16.2499 24.7005 17.5029 25.0827 18.7934 25.1767C19.0897 25.1843 19.3816 25.1043 19.6325 24.9465C19.8835 24.7887 20.0822 24.5603 20.2036 24.2899C20.3251 24.0195 20.3639 23.7193 20.3152 23.4269C20.2666 23.1345 20.1325 22.8631 19.93 22.6467C19.16 21.8583 16.8684 22.0783 15.7317 22.225ZM6.96836 27.725C7.48213 26.8458 8.16063 26.0739 8.96669 25.4517C7.72002 27.4317 6.96836 27.78 6.96836 27.7433V27.725ZM12.3217 15.24C12.7984 15.24 12.7617 17.3483 12.4317 17.9167C12.1831 17.0521 12.1454 16.1405 12.3217 15.2583V15.24ZM10.7267 24.1867C11.3478 23.0533 11.887 21.877 12.34 20.6667C12.8257 21.5704 13.5012 22.3585 14.32 22.9767C13.09 23.2848 11.888 23.6956 10.7267 24.205V24.1867ZM19.3434 23.8567C19.3434 23.8567 19.0134 24.26 16.905 23.3433C19.1967 23.1967 19.5817 23.7283 19.3434 23.875V23.8567Z', fill: '#fff' }))));
+}
+exports.PDFIcon = PDFIcon;
+function TrashIcon(props) {
+    return (react_1.default.createElement(material_1.SvgIcon, Object.assign({}, props),
+        react_1.default.createElement("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
+            react_1.default.createElement("path", { d: 'M20 8.70001H4C3.90151 8.70001 3.80398 8.68061 3.71299 8.64292C3.62199 8.60523 3.53931 8.54999 3.46967 8.48034C3.40003 8.4107 3.34478 8.32802 3.30709 8.23703C3.2694 8.14603 3.25 8.0485 3.25 7.95001C3.25 7.85152 3.2694 7.75399 3.30709 7.663C3.34478 7.57201 3.40003 7.48933 3.46967 7.41968C3.53931 7.35004 3.62199 7.29479 3.71299 7.2571C3.80398 7.21941 3.90151 7.20001 4 7.20001H20C20.1989 7.20001 20.3897 7.27903 20.5303 7.41968C20.671 7.56033 20.75 7.7511 20.75 7.95001C20.75 8.14892 20.671 8.33969 20.5303 8.48034C20.3897 8.621 20.1989 8.70001 20 8.70001Z', fill: 'white' }),
+            react_1.default.createElement("path", { d: 'M16.44 20.75H7.56C7.24309 20.7717 6.92503 20.7302 6.62427 20.628C6.3235 20.5259 6.04601 20.365 5.80788 20.1548C5.56975 19.9446 5.37572 19.6891 5.23704 19.4034C5.09836 19.1176 5.01779 18.8071 5 18.49V7.99998C5 7.80107 5.07902 7.61031 5.21967 7.46965C5.36032 7.329 5.55109 7.24998 5.75 7.24998C5.94891 7.24998 6.13968 7.329 6.28033 7.46965C6.42098 7.61031 6.5 7.80107 6.5 7.99998V18.49C6.5 18.9 6.97 19.25 7.5 19.25H16.38C16.94 19.25 17.38 18.9 17.38 18.49V7.99998C17.38 7.78516 17.4653 7.57913 17.6172 7.42723C17.7691 7.27532 17.9752 7.18998 18.19 7.18998C18.4048 7.18998 18.6109 7.27532 18.7628 7.42723C18.9147 7.57913 19 7.78516 19 7.99998V18.49C18.9822 18.8071 18.9016 19.1176 18.763 19.4034C18.6243 19.6891 18.4303 19.9446 18.1921 20.1548C17.954 20.365 17.6765 20.5259 17.3757 20.628C17.075 20.7302 16.7569 20.7717 16.44 20.75ZM16.56 7.74998C16.4611 7.75133 16.363 7.73285 16.2714 7.69563C16.1798 7.65842 16.0966 7.60323 16.0267 7.53331C15.9568 7.4634 15.9016 7.38018 15.8644 7.28858C15.8271 7.19698 15.8087 7.09885 15.81 6.99998V5.50998C15.81 5.09999 15.33 4.74998 14.81 4.74998H9.22C8.67 4.74998 8.22 5.09999 8.22 5.50998V6.99998C8.22 7.1989 8.14098 7.38966 8.00033 7.53031C7.85968 7.67097 7.66891 7.74998 7.47 7.74998C7.27109 7.74998 7.08032 7.67097 6.93967 7.53031C6.79902 7.38966 6.72 7.1989 6.72 6.99998V5.50998C6.75872 4.8813 7.04203 4.29275 7.50929 3.87035C7.97655 3.44795 8.5906 3.22527 9.22 3.24998H14.78C15.4145 3.21717 16.0362 3.4362 16.51 3.85944C16.9838 4.28267 17.2713 4.87586 17.31 5.50998V6.99998C17.3113 7.09931 17.2929 7.19792 17.2558 7.29007C17.2187 7.38222 17.1637 7.46608 17.0939 7.53679C17.0241 7.6075 16.941 7.66364 16.8493 7.70195C16.7577 7.74027 16.6593 7.75999 16.56 7.75998V7.74998Z', fill: 'white' }),
+            react_1.default.createElement("path", { d: 'M10.22 17C10.0219 16.9974 9.8326 16.9175 9.6925 16.7774C9.55241 16.6373 9.47256 16.4481 9.46997 16.25V11.72C9.46997 11.5211 9.54899 11.3303 9.68964 11.1896C9.83029 11.049 10.0211 10.97 10.22 10.97C10.4189 10.97 10.6096 11.049 10.7503 11.1896C10.891 11.3303 10.97 11.5211 10.97 11.72V16.24C10.9713 16.3393 10.9529 16.4379 10.9158 16.5301C10.8787 16.6222 10.8236 16.7061 10.7539 16.7768C10.6841 16.8475 10.601 16.9036 10.5093 16.9419C10.4177 16.9803 10.3193 17 10.22 17Z', fill: 'white' }),
+            react_1.default.createElement("path", { d: 'M13.78 17C13.5811 17 13.3904 16.921 13.2497 16.7803C13.109 16.6396 13.03 16.4489 13.03 16.25V11.72C13.03 11.5211 13.109 11.3303 13.2497 11.1896C13.3904 11.049 13.5811 10.97 13.78 10.97C13.9789 10.97 14.1697 11.049 14.3104 11.1896C14.451 11.3303 14.53 11.5211 14.53 11.72V16.24C14.53 16.4398 14.4513 16.6316 14.311 16.7739C14.1706 16.9161 13.9799 16.9973 13.78 17Z', fill: 'white' }))));
+}
+exports.TrashIcon = TrashIcon;

package/components/map/AnimatedMarker.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const leaflet_1 = __importDefault(require("leaflet"));
+const react_1 = require("react");
+const react_leaflet_1 = require("react-leaflet");
+const AnimatedMarker = ({ coords }) => {
+    const map = (0, react_leaflet_1.useMap)();
+    (0, react_1.useEffect)(() => {
+        // Criar o ícone do marcador com HTML
+        const markerElement = document.createElement('div');
+        markerElement.style.position = 'relative';
+        markerElement.style.width = '20px';
+        markerElement.style.height = '20px';
+        markerElement.style.backgroundColor = 'rgba(0, 100, 255, 0.6)';
+        markerElement.style.borderRadius = '50%';
+        markerElement.style.animation = 'sonarPulse 2s infinite';
+        // Criar o efeito de pulso (onda ao redor)
+        const pulseElement = document.createElement('div');
+        pulseElement.style.position = 'absolute';
+        pulseElement.style.top = '50%';
+        pulseElement.style.left = '50%';
+        pulseElement.style.width = '100%';
+        pulseElement.style.height = '100%';
+        pulseElement.style.backgroundColor = 'rgba(0, 100, 255, 0.4)';
+        pulseElement.style.borderRadius = '50%';
+        pulseElement.style.transform = 'translate(-50%, -50%) scale(1)';
+        pulseElement.style.animation = 'sonarPulse 2s infinite';
+        markerElement.appendChild(pulseElement);
+        // Adicionar a animação no CSS global
+        const keyframes = `
+            @keyframes sonarPulse {
+                0% {
+                transform: translate(-50%, -50%) scale(1);
+                opacity: 0.8;
+                }
+                100% {
+                transform: translate(-50%, -50%) scale(2);
+                opacity: 0;
+                }
+            }`;
+        const styleElement = document.createElement('style');
+        styleElement.innerHTML = keyframes;
+        document.head.appendChild(styleElement);
+        // Criar o marcador no mapa
+        const marker = leaflet_1.default.marker(coords, {
+            icon: leaflet_1.default.divIcon({
+                className: '',
+                html: markerElement.outerHTML,
+                iconSize: [40, 40],
+                iconAnchor: [0, 5], // Centraliza o ícone (metade do width e height)
+            }),
+        });
+        marker.addTo(map);
+        // Limpar marcador e estilos ao desmontar
+        return () => {
+            map.removeLayer(marker);
+            document.head.removeChild(styleElement);
+        };
+    }, [map, coords]);
+    return null; // Nenhum componente visível, já que o marcador é diretamente manipulado pelo Leaflet
+};
+exports.default = AnimatedMarker;

package/components/map/DraggableMarker.js

@@ -0,0 +1,66 @@
+'use client';
+"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 leaflet_1 = require("leaflet");
+const react_1 = require("react");
+const react_leaflet_1 = require("react-leaflet");
+const react_2 = __importDefault(require("react"));
+function DraggableMarker(_a) {
+    var props = __rest(_a, []);
+    const [position, setPosition] = (0, react_1.useState)(props.startCoord);
+    const markerRef = (0, react_1.useRef)(null);
+    const eventHandlers = (0, react_1.useMemo)(() => ({
+        dragend() {
+            const marker = markerRef.current;
+            if (marker != null) {
+                setPosition(marker.getLatLng());
+            }
+        },
+    }), []);
+    (0, react_leaflet_1.useMapEvents)({
+        click(e) {
+            if (props.fixedPosition)
+                return;
+            setPosition({ lat: e.latlng.lat, lng: e.latlng.lng });
+        },
+    });
+    (0, react_1.useEffect)(() => {
+        if (!position)
+            return;
+        if (markerRef.current) {
+            markerRef.current.closePopup();
+            if (props.showPopup)
+                markerRef.current.openPopup();
+        }
+        if (props.onChange)
+            props.onChange(position);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [position, props.onChange]);
+    return (react_2.default.createElement(react_leaflet_1.Marker, { icon: redIcon, draggable: props.draggable, eventHandlers: eventHandlers, position: position, ref: markerRef },
+        react_2.default.createElement(react_leaflet_1.Popup, { className: 'custom-popup' }, props.children)));
+}
+exports.default = DraggableMarker;
+//#region Marker Icon
+const redIcon = (0, leaflet_1.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',
+});

package/components/map/Map.js

@@ -0,0 +1,23 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Map = void 0;
+const material_1 = require("@mui/material");
+const react_leaflet_1 = require("react-leaflet");
+const DraggableMarker_1 = __importDefault(require("./DraggableMarker"));
+const react_1 = __importDefault(require("react"));
+require("leaflet-defaulticon-compatibility");
+require("leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css");
+require("leaflet/dist/leaflet.css");
+const AnimatedMarker_1 = __importDefault(require("./AnimatedMarker"));
+function Map(props) {
+    return (react_1.default.createElement(material_1.Box, Object.assign({ borderRadius: 2, border: '2px solid #c7c7c7', overflow: 'hidden' }, props.style),
+        react_1.default.createElement(react_leaflet_1.MapContainer, { center: props.firstCoords, zoom: 19, scrollWheelZoom: true, style: props.mapStyle },
+            react_1.default.createElement(react_leaflet_1.TileLayer, { attribution: '\u00A9 <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors', url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' }),
+            props.pulseMarkerList && props.pulseMarkerList.map((coord, idx) => react_1.default.createElement(AnimatedMarker_1.default, { key: JSON.stringify(coord) + idx, coords: coord })),
+            react_1.default.createElement(DraggableMarker_1.default, { startCoord: props.firstCoords, onChange: props.onCoordsChange, showPopup: typeof props.popupContent !== 'undefined', fixedPosition: props.fixedPosition }, props.popupContent))));
+}
+exports.Map = Map;

package/components/map/index.d.ts

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

package/components/map/index.js

@@ -0,0 +1,31 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Map = void 0;
+const dynamic_1 = __importDefault(require("next/dynamic"));
+exports.Map = (0, dynamic_1.default)(() => Promise.resolve().then(() => __importStar(require('./Map'))).then((x) => x.Map), { ssr: false });

package/components/modal/Modal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare let MODAL: {
     open: (customCompoment?: JSX.Element | JSX.Element[] | (() => JSX.Element)) => void;
     reparent: (child: JSX.Element, id: string | number) => JSX.Element;