@ssplib/react-components 0.0.248 → 0.0.249

package/{components → src/components}/form/table/Table.js

@@ -1,51 +1,22 @@
-"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.Table = void 0;
-const icons_material_1 = require("@mui/icons-material");
-const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
-const FileDownload_1 = __importDefault(require("@mui/icons-material/FileDownload"));
-const NavigateNextRounded_1 = __importDefault(require("@mui/icons-material/NavigateNextRounded"));
-const Search_1 = __importDefault(require("@mui/icons-material/Search"));
-const material_1 = require("@mui/material");
-const Grid_1 = __importDefault(require("@mui/material/Grid"));
-const Pagination_1 = __importDefault(require("@mui/material/Pagination"));
-const TextField_1 = __importDefault(require("@mui/material/TextField"));
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const x_date_pickers_1 = require("@mui/x-date-pickers");
-const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
-const dayjs_1 = __importDefault(require("dayjs"));
-const jszip_1 = __importDefault(require("jszip"));
-const lodash_get_1 = __importDefault(require("lodash.get"));
-const react_1 = __importStar(require("react"));
-const auth_1 = require("../../../context/auth");
-const Modal_1 = require("../../modal/Modal");
-const CustomMenu_1 = __importDefault(require("../../utils//CustomMenu"));
+import { ExpandLess, ExpandMore, FilterAlt, KeyboardArrowDown, KeyboardArrowUp, PendingRounded, Refresh, ReportProblemRounded } from '@mui/icons-material';
+import Clear from '@mui/icons-material/Clear';
+import FileDownloadIcon from '@mui/icons-material/FileDownload';
+import NavigateNextRoundedIcon from '@mui/icons-material/NavigateNextRounded';
+import { default as Search, default as SearchIcon } from '@mui/icons-material/Search';
+import { Alert, Autocomplete, Box, Button, Collapse, FormControl, IconButton, LinearProgress, Menu, MenuItem, PaginationItem, Paper, Select, Skeleton, Stack, useMediaQuery, useTheme, } from '@mui/material';
+import Grid from '@mui/material/Grid';
+import Pagination from '@mui/material/Pagination';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import { DatePicker, LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import dayjs from 'dayjs';
+import JSZip from 'jszip';
+import get from 'lodash.get';
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { AuthContext } from '../../../context/auth';
+import { MODAL } from '../../modal/Modal';
+import CustomMenu from '../../utils//CustomMenu';
 function removePunctuationAndAccents(text) {
     // Remove accents and diacritics
     const normalizedText = text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
@@ -67,7 +38,7 @@ let localTableName = '';
 let orderAsc = false;
 let filtersFuncData = {};
 let localTableNameCache = '';
-function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
+export function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
     user: 'Nenhum dado encontrado',
     public: 'Nenhum dado encontrado',
 }, dataPath = '', tableName = 'Dados', csv, columnSize, action, useKC = true, statusKeyName = '', csvExcludeKeys = [], csvExcludeKeysCSV = [], csvExcludeKeysAll = [], csvCustomKeyNames = {}, csvExcludeValidate = (key, value) => false, csvButtonTitle = 'Salvar .CSV', csvNoZipText = 'Salvar .CSV', csvAllButtonTitle = 'Salvar todos em CSV', removeQuotes = false, normalize = false, csvShowAllButton = false, csvWithoutZip = false, itemCount = 10, csvUpper = false, csvZipFileNamesKey = '', generateCsvZip = false, 
@@ -75,26 +46,26 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
 // filterSeparator = '|',
 hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMaxLength = 50, collapsedSize = 53, customMargin = 4, customMarginMobile = 0, filtersFunc, filters = [], orderBy = [], customErrorMsg = undefined, customTableStyle = {}, id, }) {
     var _a;
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [data, setData] = (0, react_1.useState)(null);
-    const { user, userLoaded } = (0, react_1.useContext)(auth_1.AuthContext);
-    const [list, setList] = (0, react_1.useState)([]);
-    const [listClone, setListClone] = (0, react_1.useState)([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [data, setData] = useState(null);
+    const { user, userLoaded } = useContext(AuthContext);
+    const [list, setList] = useState([]);
+    const [listClone, setListClone] = useState([]);
     //numero de items pra ser mostrado
-    const [itemsCount, setItemsCount] = (0, react_1.useState)(itemCount);
-    const [currentPage, setCurrentPage] = (0, react_1.useState)(0);
-    const [paginationCount, setPagCount] = (0, react_1.useState)(1);
-    const [listPage, setListPage] = (0, react_1.useState)(1);
-    const [oldSelectState, setOldSelectState] = (0, react_1.useState)('');
-    const [expandObj, setExpandObj] = (0, react_1.useState)({});
-    const [showExpandObj, setShowExpandObj] = (0, react_1.useState)({});
-    const [showExpandObjOnExited, setShowExpandObjOnExited] = (0, react_1.useState)({});
-    const [filterKey, setFilterKey] = (0, react_1.useState)('filterKey');
-    const theme = (0, material_1.useTheme)();
-    const isSmall = (0, material_1.useMediaQuery)(theme.breakpoints.only('xs'));
-    const filterContainer = (0, react_1.useRef)(null);
-    const lg = (0, material_1.useMediaQuery)(theme.breakpoints.up(2000));
+    const [itemsCount, setItemsCount] = useState(itemCount);
+    const [currentPage, setCurrentPage] = useState(0);
+    const [paginationCount, setPagCount] = useState(1);
+    const [listPage, setListPage] = useState(1);
+    const [oldSelectState, setOldSelectState] = useState('');
+    const [expandObj, setExpandObj] = useState({});
+    const [showExpandObj, setShowExpandObj] = useState({});
+    const [showExpandObjOnExited, setShowExpandObjOnExited] = useState({});
+    const [filterKey, setFilterKey] = useState('filterKey');
+    const theme = useTheme();
+    const isSmall = useMediaQuery(theme.breakpoints.only('xs'));
+    const filterContainer = useRef(null);
+    const lg = useMediaQuery(theme.breakpoints.up(2000));
     localTableName = `tableFilter_${id}`;
     localTableNameCache = `tableFilterCache_${id}`;
     filtersFuncData = filtersFunc !== null && filtersFunc !== void 0 ? filtersFunc : {};
@@ -104,7 +75,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
         localStorage.setItem(localTableNameCache, JSON.stringify(filters));
         localStorage.removeItem(localTableName);
     }
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         setError(null);
         if (userLoaded || !useKC) {
             setIsLoading(true);
@@ -127,7 +98,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                             status: j.statusCode,
                         });
                     else {
-                        let value = dataPath ? (0, lodash_get_1.default)(j, dataPath) : j;
+                        let value = dataPath ? get(j, dataPath) : j;
                         if (!value || !Array.isArray(value)) {
                             setData({ body: { data: [] } });
                             startData = [];
@@ -147,20 +118,20 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
             });
         }
     }, [userLoaded, fetchFunc]);
-    const getCount = (0, react_1.useCallback)((countData) => {
+    const getCount = useCallback((countData) => {
         if (countData.length <= 0)
             return 1;
         let count = countData.length / itemsCount;
         count = count < 1 ? 1 : count;
         return Math.ceil(count);
     }, [itemsCount]);
-    const getData = (0, react_1.useCallback)((dt) => {
+    const getData = useCallback((dt) => {
         if (Array.isArray(dt))
             return dt;
         if (typeof dt === 'object')
-            return (0, lodash_get_1.default)(dt, dataPath);
+            return get(dt, dataPath);
     }, []);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (isLoading || error || !getData(data))
             return;
         const value = getData(data);
@@ -171,10 +142,10 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
             filtrar(JSON.parse(localStorage.getItem(localTableName)));
         }
     }, [itemsCount, isLoading, data, getCount, error]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         setCurrentPage(listPage - 1);
     }, [listPage]);
-    const onPaginationChange = (0, react_1.useCallback)((e, page) => {
+    const onPaginationChange = useCallback((e, page) => {
         setListPage(page);
     }, []);
     function onInputChange(e) {
@@ -191,7 +162,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
             const dataStr = [];
             Object.keys(x).map((key) => {
                 var _a;
-                let value = (_a = (0, lodash_get_1.default)(x, key, '')) !== null && _a !== void 0 ? _a : '';
+                let value = (_a = get(x, key, '')) !== null && _a !== void 0 ? _a : '';
                 if (typeof value === 'number')
                     value = value.toString();
                 if (typeof value !== 'string')
@@ -255,7 +226,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
         setCurrentPage(0);
         setListPage(1);
     }
-    const getMaxItems = (0, react_1.useCallback)(() => {
+    const getMaxItems = useCallback(() => {
         const start = currentPage * itemsCount;
         return list.slice(start, start + itemsCount);
     }, [list, itemsCount, currentPage]);
@@ -274,7 +245,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
         return cell;
     }
     // download file
-    const downloadCSV = (0, react_1.useCallback)((e, zip = false) => {
+    const downloadCSV = useCallback((e, zip = false) => {
         e.preventDefault();
         if (list.length <= 0)
             return;
@@ -282,7 +253,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
         if (generateCsvZip && zip) {
             const keys = originalKeys.filter((k) => !csvExcludeKeys.includes(k));
             const header = keys.map((k) => (csvCustomKeyNames[k] ? csvCustomKeyNames[k] : k)).join(',') + '\n';
-            const zip = new jszip_1.default();
+            const zip = new JSZip();
             const obj = {};
             list.forEach((x) => {
                 if (!obj[x[csvZipFileNamesKey]])
@@ -417,7 +388,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
         }
         return '[' + arrString.join(' - ') + ']';
     }
-    const downloadCSVAll = (0, react_1.useCallback)((e) => {
+    const downloadCSVAll = useCallback((e) => {
         e.preventDefault();
         if (list.length <= 0)
             return;
@@ -485,7 +456,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                     switch (dt.operator) {
                         case 'igual':
                             currentData.forEach((cd) => {
-                                const value = Number((0, lodash_get_1.default)(cd, dt.keyName, ''));
+                                const value = Number(get(cd, dt.keyName, ''));
                                 if (value === Number(dt.value)) {
                                     filteredData.push(cd);
                                 }
@@ -493,7 +464,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                             break;
                         case 'maior que':
                             currentData.forEach((cd) => {
-                                const value = Number((0, lodash_get_1.default)(cd, dt.keyName, ''));
+                                const value = Number(get(cd, dt.keyName, ''));
                                 if (value > Number(dt.value)) {
                                     filteredData.push(cd);
                                 }
@@ -501,7 +472,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                             break;
                         case 'menor que':
                             currentData.forEach((cd) => {
-                                const value = Number((0, lodash_get_1.default)(cd, dt.keyName, ''));
+                                const value = Number(get(cd, dt.keyName, ''));
                                 if (value < Number(dt.value)) {
                                     filteredData.push(cd);
                                 }
@@ -514,7 +485,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                     switch (dt.operator) {
                         case 'igual':
                             currentData.forEach((cd) => {
-                                const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
+                                const value = get(cd, dt.keyName, '');
                                 if (dt.useList) {
                                     if (formatarString(value) === formatarString(dt.value.id)) {
                                         filteredData.push(cd);
@@ -529,7 +500,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                             break;
                         case 'contem':
                             currentData.forEach((cd) => {
-                                const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
+                                const value = get(cd, dt.keyName, '');
                                 if (!value)
                                     return;
                                 if (dt.useList) {
@@ -546,7 +517,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                             break;
                         case 'tem um dos':
                             currentData.forEach((cd) => {
-                                const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
+                                const value = get(cd, dt.keyName, '');
                                 if (!value)
                                     return;
                                 if (dt.value.map((x) => formatarString(x.id)).includes(formatarString(value))) {
@@ -560,19 +531,19 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                     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');
+                                const value = dayjs(get(cd, dt.keyName, ''), 'DD/MM/YYYY');
                                 if (!value.isValid())
                                     return;
-                                if (value.isSame((0, dayjs_1.default)(dt.value, 'DD/MM/YYYY'))) {
+                                if (value.isSame(dayjs(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');
+                            const dateA = dt.value ? dayjs(dt.value, 'DD/MM/YYYY') : dayjs('01/01/2000', 'DD/MM/YYYY');
+                            const dateB = dt.value2 ? dayjs(dt.value2, 'DD/MM/YYYY') : dayjs('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');
+                                const value = dayjs(get(cd, dt.keyName, ''), 'DD/MM/YYYY');
                                 if ((value.isAfter(dateA) || value.isSame(dateA)) && (value.isBefore(dateB) || value.isSame(dateB))) {
                                     filteredData.push(cd);
                                 }
@@ -585,12 +556,12 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                         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 : [];
+                                const dates = (_a = filtersFuncData[dt.customFunc](get(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
                                 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'))) {
+                                var inicioValue = dayjs(inicioDate, 'DD/MM/YYYY');
+                                if (inicioValue.isSame(dayjs(dt.value, 'DD/MM/YYYY'))) {
                                     filteredData.push(cd);
                                 }
                             });
@@ -598,12 +569,12 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                         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 : [];
+                                const dates = (_a = filtersFuncData[dt.customFunc](get(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
                                 if (dates.length <= 0)
                                     return;
                                 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'))) {
+                                var fimValue = dayjs(fimDate, 'DD/MM/YYYY');
+                                if (fimValue.isSame(dayjs(dt.value, 'DD/MM/YYYY'))) {
                                     filteredData.push(cd);
                                 }
                             });
@@ -611,23 +582,23 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                         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 : [];
+                                const dates = (_a = filtersFuncData[dt.customFunc](get(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
                                 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');
+                            const dateA = dt.value ? dayjs(dt.value, 'DD/MM/YYYY') : dayjs('01/01/2000', 'DD/MM/YYYY');
+                            const dateB = dt.value2 ? dayjs(dt.value2, 'DD/MM/YYYY') : dayjs('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 : [];
+                                const dates = (_a = filtersFuncData[dt.customFunc](get(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
                                 let isBetween = false;
                                 dates.forEach((dtStr) => {
                                     if (isBetween)
                                         return;
-                                    const dt = (0, dayjs_1.default)(dtStr, 'DD/MM/YYYY');
+                                    const dt = dayjs(dtStr, 'DD/MM/YYYY');
                                     if (!dt.isValid())
                                         return;
                                     if ((dt.isAfter(dateA) || dt.isSame(dateA)) && (dt.isBefore(dateB) || dt.isSame(dateB))) {
@@ -654,8 +625,8 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
     function ordenar(order) {
         let oldList = [...list];
         oldList.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));
+            const aValue = order.type === 'string' ? get(a, order.key, '') : Number(get(a, order.key, 0));
+            const bValue = order.type === 'string' ? get(b, order.key, '') : Number(get(b, order.key, 0));
             if (orderAsc) {
                 if (aValue < bValue)
                     return -1;
@@ -674,45 +645,45 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
         setList(oldList);
     }
     // effect usado quando for mostrar "VER MAIS" e "VER MENOS"
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const start = currentPage * itemsCount;
         const newList = list.slice(start, start + itemsCount);
         let obj = {};
         newList.forEach((x, index) => {
             columns.forEach((c) => {
                 var _a;
-                obj[index] = obj[index] === true ? true : ((_a = (0, lodash_get_1.default)(x, c.keyName, '')) !== null && _a !== void 0 ? _a : 'Não Informado').toString().length >= expandTextMaxLength;
+                obj[index] = obj[index] === true ? true : ((_a = get(x, c.keyName, '')) !== null && _a !== void 0 ? _a : 'Não Informado').toString().length >= expandTextMaxLength;
             });
         });
         setShowExpandObj(obj);
     }, [list, itemsCount, currentPage]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         console.log(filterContainer.current);
     }, [filterContainer.current]);
     if (error)
-        return (react_1.default.createElement(material_1.Box, { bgcolor: '#fff2c8', color: '#3e3129', padding: 2, marginX: 2, borderRadius: 4 },
-            react_1.default.createElement(Typography_1.default, { fontSize: 24, textAlign: 'center', fontFamily: 'Inter' },
+        return (React.createElement(Box, { bgcolor: '#fff2c8', color: '#3e3129', padding: 2, marginX: 2, borderRadius: 4 },
+            React.createElement(Typography, { fontSize: 24, textAlign: 'center', fontFamily: 'Inter' },
                 error.status === 403 && 'Acesso negado',
-                error.status === 500 && (react_1.default.createElement(material_1.Box, { fontWeight: 500, textAlign: 'center' },
-                    react_1.default.createElement(icons_material_1.ReportProblemRounded, { sx: { transform: 'scale(2)', marginY: 1, fill: '#3e3129' } }),
-                    react_1.default.createElement(material_1.Box, null, customErrorMsg ? (customErrorMsg) : (react_1.default.createElement(react_1.default.Fragment, null,
+                error.status === 500 && (React.createElement(Box, { fontWeight: 500, textAlign: 'center' },
+                    React.createElement(ReportProblemRounded, { sx: { transform: 'scale(2)', marginY: 1, fill: '#3e3129' } }),
+                    React.createElement(Box, null, customErrorMsg ? (customErrorMsg) : (React.createElement(React.Fragment, null,
                         "N\u00E3o foi poss\u00EDvel se conectar ao servidor no momento. Por favor, aguarde alguns instantes e tente de novo.",
-                        react_1.default.createElement("br", null),
-                        react_1.default.createElement("br", null),
+                        React.createElement("br", null),
+                        React.createElement("br", null),
                         "Caso precise de ajuda, entre em contato pelo email: ",
-                        react_1.default.createElement("strong", null, "cdes@ssp.df.gov.br")))))))));
+                        React.createElement("strong", null, "cdes@ssp.df.gov.br")))))))));
     if (isLoading)
-        return (react_1.default.createElement(material_1.Stack, { sx: { height: '100%', width: '100%' }, justifyContent: 'center', alignItems: 'center' },
-            react_1.default.createElement(material_1.Box, { width: '100%' },
-                react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'center', alignItems: 'center', justifyItems: 'center', spacing: 2, marginY: 4 },
-                    react_1.default.createElement(icons_material_1.PendingRounded, { sx: { fill: '#5e5e5e' } }),
-                    react_1.default.createElement(Typography_1.default, { fontWeight: 600, fontSize: 20, textTransform: 'capitalize', textAlign: 'center', color: '#5e5e5e' },
+        return (React.createElement(Stack, { sx: { height: '100%', width: '100%' }, justifyContent: 'center', alignItems: 'center' },
+            React.createElement(Box, { width: '100%' },
+                React.createElement(Stack, { direction: 'row', justifyContent: 'center', alignItems: 'center', justifyItems: 'center', spacing: 2, marginY: 4 },
+                    React.createElement(PendingRounded, { sx: { fill: '#5e5e5e' } }),
+                    React.createElement(Typography, { fontWeight: 600, fontSize: 20, textTransform: 'capitalize', textAlign: 'center', color: '#5e5e5e' },
                         "Carregando ",
                         tableName)),
-                react_1.default.createElement(material_1.LinearProgress, { color: 'inherit' }),
+                React.createElement(LinearProgress, { color: 'inherit' }),
                 Array(10)
                     .fill('')
-                    .map((x) => (react_1.default.createElement(material_1.Stack, { direction: {
+                    .map((x) => (React.createElement(Stack, { direction: {
                         xs: 'column',
                         md: 'row',
                     }, spacing: {
@@ -720,17 +691,17 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                         md: 1,
                     }, justifyContent: 'space-between', paddingY: 8, borderBottom: '1px solid #cacaca' }, Array(7)
                     .fill(0)
-                    .map((y) => (react_1.default.createElement(material_1.Box, null,
-                    react_1.default.createElement(material_1.Skeleton, { width: 60 }),
-                    react_1.default.createElement(material_1.Skeleton, { width: 120 }))))))))));
+                    .map((y) => (React.createElement(Box, null,
+                    React.createElement(Skeleton, { width: 60 }),
+                    React.createElement(Skeleton, { width: 120 }))))))))));
     if (!userLoaded && useKC)
-        return react_1.default.createElement(material_1.LinearProgress, null);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Box, Object.assign({ marginX: isSmall ? customMarginMobile : customMargin, bgcolor: 'white', p: 2, borderRadius: 6 }, customTableStyle),
-            react_1.default.createElement(material_1.Stack, { spacing: 1.5, direction: { xs: 'column', md: 'row' } },
-                react_1.default.createElement(material_1.Stack, { spacing: 1.5, direction: { xs: 'column', md: 'row' }, height: { md: '40px', xs: 'inherit' }, width: '100%' },
-                    react_1.default.createElement(TextField_1.default, { InputProps: {
-                            startAdornment: react_1.default.createElement(Search_1.default, { sx: { marginRight: 1, fill: '#c0c0c0' } }),
+        return React.createElement(LinearProgress, null);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Box, Object.assign({ marginX: isSmall ? customMarginMobile : customMargin, bgcolor: 'white', p: 2, borderRadius: 6 }, customTableStyle),
+            React.createElement(Stack, { spacing: 1.5, direction: { xs: 'column', md: 'row' } },
+                React.createElement(Stack, { spacing: 1.5, direction: { xs: 'column', md: 'row' }, height: { md: '40px', xs: 'inherit' }, width: '100%' },
+                    React.createElement(TextField, { InputProps: {
+                            startAdornment: React.createElement(SearchIcon, { sx: { marginRight: 1, fill: '#c0c0c0' } }),
                             sx: {
                                 '.MuiOutlinedInput-notchedOutline': { border: 'none' },
                             },
@@ -740,24 +711,24 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                             borderRadius: '50px',
                             maxWidth: '600px',
                         }, size: 'small', onChange: onInputChange, fullWidth: true, placeholder: `Pesquisar ${tableName}` }),
-                    react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.FilterAlt, null), variant: 'contained', onClick: (e) => Modal_1.MODAL.open(react_1.default.createElement(CriarFiltro, { key: filterKey, reset: reset, filtrar: filtrar, baseFilters: [...filters], filters: localStorage.getItem(localTableName) ? JSON.parse(localStorage.getItem(localTableName)) : [...filters] })), sx: {
+                    React.createElement(Button, { startIcon: React.createElement(FilterAlt, null), variant: 'contained', onClick: (e) => MODAL.open(React.createElement(CriarFiltro, { key: filterKey, reset: reset, filtrar: filtrar, baseFilters: [...filters], filters: localStorage.getItem(localTableName) ? JSON.parse(localStorage.getItem(localTableName)) : [...filters] })), sx: {
                             borderRadius: 3,
                             paddingX: '24px',
                             paddingY: '8px',
                             backgroundColor: '#208FE8',
                             textTransform: 'capitalize',
                         } },
-                        react_1.default.createElement(material_1.Stack, { direction: 'row', borderRadius: 5, padding: 0 },
-                            react_1.default.createElement("span", null, "Filtrar"))),
-                    react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 1 },
-                        react_1.default.createElement(CustomMenu_1.default, { data: orderBy.map((x) => ({
+                        React.createElement(Stack, { direction: 'row', borderRadius: 5, padding: 0 },
+                            React.createElement("span", null, "Filtrar"))),
+                    React.createElement(Stack, { direction: 'row', spacing: 1 },
+                        React.createElement(CustomMenu, { data: orderBy.map((x) => ({
                                 name: x.label,
                                 onClick: () => ordenar(x),
                             })), btProps: {
-                                startIcon: react_1.default.createElement(icons_material_1.KeyboardArrowDown, null),
+                                startIcon: React.createElement(KeyboardArrowDown, null),
                                 fullWidth: true,
                             } }, "Ordenar"),
-                        react_1.default.createElement(material_1.Button, { variant: 'contained', fullWidth: true, startIcon: isExpandAll ? react_1.default.createElement(icons_material_1.KeyboardArrowUp, null) : react_1.default.createElement(icons_material_1.KeyboardArrowDown, null), sx: {
+                        React.createElement(Button, { variant: 'contained', fullWidth: true, startIcon: isExpandAll ? React.createElement(KeyboardArrowUp, null) : React.createElement(KeyboardArrowDown, null), sx: {
                                 backgroundColor: '#637082',
                                 ':hover': {
                                     backgroundColor: '#3c4757',
@@ -768,32 +739,32 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                                     md: '0px 8px',
                                 },
                             }, onClick: expandAll }, isExpandAll ? 'Recolher' : 'Expandir'))),
-                react_1.default.createElement(material_1.Stack, { alignItems: 'end', width: { xs: '100%', md: '20%' }, direction: { xs: 'row', md: 'column' }, spacing: { xs: 1, md: 0 } },
-                    react_1.default.createElement(Typography_1.default, { fontWeight: 600, textAlign: 'end' },
+                React.createElement(Stack, { alignItems: 'end', width: { xs: '100%', md: '20%' }, direction: { xs: 'row', md: 'column' }, spacing: { xs: 1, md: 0 } },
+                    React.createElement(Typography, { fontWeight: 600, textAlign: 'end' },
                         "Registro de ",
                         tableName,
                         "s"),
-                    react_1.default.createElement(material_1.Stack, { justifyContent: 'center' },
-                        react_1.default.createElement(Typography_1.default, null,
+                    React.createElement(Stack, { justifyContent: 'center' },
+                        React.createElement(Typography, null,
                             "Exibindo ",
                             currentPage * itemsCount + 1,
                             "-",
                             currentPage * itemsCount + 1 + getMaxItems().length - 1,
                             " de ",
                             list.length)))),
-            localStorage.getItem(localTableName) && (react_1.default.createElement(material_1.Box, { display: 'inline-flex', flexWrap: 'wrap', padding: 0.5, borderRadius: 4, marginBottom: 1 }, JSON.parse((_a = localStorage.getItem(localTableName)) !== null && _a !== void 0 ? _a : '[]')
+            localStorage.getItem(localTableName) && (React.createElement(Box, { display: 'inline-flex', flexWrap: 'wrap', padding: 0.5, borderRadius: 4, marginBottom: 1 }, JSON.parse((_a = localStorage.getItem(localTableName)) !== null && _a !== void 0 ? _a : '[]')
                 .filter((x) => x.value || (x.operator === 'entre' && (x.value || x.value2)))
-                .map((x) => (react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 1, bgcolor: '#4e85c1', color: 'white', width: 'fit-content', paddingY: 0.5, borderRadius: 2, paddingX: 1, m: 0.5 },
-                react_1.default.createElement(Typography_1.default, { fontWeight: 700 }, x.label),
-                react_1.default.createElement(Typography_1.default, { fontStyle: 'italic' }, x.operator),
-                react_1.default.createElement(Typography_1.default, { bgcolor: 'white', borderRadius: 2, paddingX: 1, color: 'black' }, Array.isArray(x.value)
+                .map((x) => (React.createElement(Stack, { direction: 'row', spacing: 1, bgcolor: '#4e85c1', color: 'white', width: 'fit-content', paddingY: 0.5, borderRadius: 2, paddingX: 1, m: 0.5 },
+                React.createElement(Typography, { fontWeight: 700 }, x.label),
+                React.createElement(Typography, { fontStyle: 'italic' }, x.operator),
+                React.createElement(Typography, { bgcolor: 'white', borderRadius: 2, paddingX: 1, color: 'black' }, Array.isArray(x.value)
                     ? x.value.map((x) => x.label).join(' - ')
                     : typeof x.value === 'object'
                         ? x.value.label
                         : x.operator === 'entre'
                             ? `${x.value ? x.value : 'Antes'} e ${x.value2 ? x.value2 : 'Depois'}`
                             : x.value.toString()),
-                react_1.default.createElement(material_1.IconButton, { onClick: (e) => {
+                React.createElement(IconButton, { onClick: (e) => {
                         var _a;
                         let currentValue = JSON.parse((_a = localStorage.getItem(localTableName)) !== null && _a !== void 0 ? _a : '[]');
                         currentValue = currentValue.map((item) => {
@@ -806,71 +777,71 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                     }, size: 'small', sx: {
                         padding: 0,
                     } },
-                    react_1.default.createElement(Clear_1.default, { sx: {
+                    React.createElement(Clear, { sx: {
                             fill: 'white',
                         } }))))))),
-            react_1.default.createElement(material_1.Stack, { spacing: 0.2 }, getMaxItems().length <= 0 ? (react_1.default.createElement(material_1.Stack, { sx: { backgroundColor: '#E2E8F0', padding: 2, marginX: { xs: 2, md: 0 } }, justifyContent: 'center', alignItems: 'center' },
-                react_1.default.createElement(Typography_1.default, { fontSize: 21, fontFamily: 'Inter', fontWeight: 600, textAlign: 'center' }, user ? emptyMsg.user : emptyMsg.public))) : (getMaxItems().map((x, index) => (react_1.default.createElement(material_1.Paper, { key: index, sx: {
+            React.createElement(Stack, { spacing: 0.2 }, getMaxItems().length <= 0 ? (React.createElement(Stack, { sx: { backgroundColor: '#E2E8F0', padding: 2, marginX: { xs: 2, md: 0 } }, justifyContent: 'center', alignItems: 'center' },
+                React.createElement(Typography, { fontSize: 21, fontFamily: 'Inter', fontWeight: 600, textAlign: 'center' }, user ? emptyMsg.user : emptyMsg.public))) : (getMaxItems().map((x, index) => (React.createElement(Paper, { key: index, sx: {
                     padding: 0.5,
                     backgroundColor: index % 2 === 0 ? '#F8FAFC' : 'white',
                     paddingTop: 2,
                     borderTop: 'solid 1.5px #E2E8F0',
                     position: 'relative',
                 }, elevation: 0 },
-                react_1.default.createElement(Grid_1.default, { container: true, spacing: isSmall ? 2 : 0, paddingX: 2, rowSpacing: 2 },
+                React.createElement(Grid, { container: true, spacing: isSmall ? 2 : 0, paddingX: 2, rowSpacing: 2 },
                     columns.map((c) => {
                         var _a, _b;
-                        return (react_1.default.createElement(Grid_1.default, { key: c.keyName + index, item: true, xs: 12, md: lg ? (12 / columnSize) * (!!c.size ? c.size : 1) : mediaQueryLG ? mediaQueryLG.all : (12 / columnSize) * (!!c.size ? c.size : 1), sx: {
+                        return (React.createElement(Grid, { key: c.keyName + index, item: true, xs: 12, md: lg ? (12 / columnSize) * (!!c.size ? c.size : 1) : mediaQueryLG ? mediaQueryLG.all : (12 / columnSize) * (!!c.size ? c.size : 1), sx: {
                                 overflow: 'hidden',
                             } },
-                            react_1.default.createElement(material_1.Box, { sx: { width: 'max-content', paddingX: 1 } },
-                                react_1.default.createElement(Typography_1.default, { fontSize: 16, fontWeight: 700, color: '#1E293B', fontFamily: 'Inter' }, c.title)),
-                            react_1.default.createElement(material_1.Box, { paddingLeft: 1, position: 'relative' },
-                                react_1.default.createElement(material_1.Collapse, { in: expandObj[index] === true, collapsedSize: collapsedSize, onExited: (e) => setShowExpandObjOnExited((s) => (Object.assign(Object.assign({}, s), { [index]: false }))) },
-                                    react_1.default.createElement(material_1.Box, { sx: {
+                            React.createElement(Box, { sx: { width: 'max-content', paddingX: 1 } },
+                                React.createElement(Typography, { fontSize: 16, fontWeight: 700, color: '#1E293B', fontFamily: 'Inter' }, c.title)),
+                            React.createElement(Box, { paddingLeft: 1, position: 'relative' },
+                                React.createElement(Collapse, { in: expandObj[index] === true, collapsedSize: collapsedSize, onExited: (e) => setShowExpandObjOnExited((s) => (Object.assign(Object.assign({}, s), { [index]: false }))) },
+                                    React.createElement(Box, { sx: {
                                             wordWrap: 'break-word',
                                             color: '#1E293B',
                                             fontSize: 16,
                                         }, fontFamily: 'Inter' },
-                                        react_1.default.createElement(material_1.Box, null, c.customComponent ? (c.customComponent((0, lodash_get_1.default)(x, c.keyName), x)) : (react_1.default.createElement(material_1.Box, { color: 'transparent', sx: { pointerEvents: 'none', userSelect: 'none' } }, (0, lodash_get_1.default)(x, c.keyName, '')))),
-                                        react_1.default.createElement(material_1.Box, { position: 'absolute', top: 0 }, c.customComponent ? (c.customComponent((0, lodash_get_1.default)(x, c.keyName), x)) : (react_1.default.createElement(react_1.default.Fragment, null, showExpandObjOnExited[index] ? ((0, lodash_get_1.default)(x, c.keyName, '')) : ((_a = (0, lodash_get_1.default)(x, c.keyName, '')) !== null && _a !== void 0 ? _a : '').toString().length >= expandTextMaxLength ? (react_1.default.createElement(react_1.default.Fragment, null, ((_b = (0, lodash_get_1.default)(x, c.keyName, '')) !== null && _b !== void 0 ? _b : '').toString().substring(0, expandTextMaxLength) + '...')) : ((0, lodash_get_1.default)(x, c.keyName, ''))))))))));
+                                        React.createElement(Box, null, c.customComponent ? (c.customComponent(get(x, c.keyName), x)) : (React.createElement(Box, { color: 'transparent', sx: { pointerEvents: 'none', userSelect: 'none' } }, get(x, c.keyName, '')))),
+                                        React.createElement(Box, { position: 'absolute', top: 0 }, c.customComponent ? (c.customComponent(get(x, c.keyName), x)) : (React.createElement(React.Fragment, null, showExpandObjOnExited[index] ? (get(x, c.keyName, '')) : ((_a = get(x, c.keyName, '')) !== null && _a !== void 0 ? _a : '').toString().length >= expandTextMaxLength ? (React.createElement(React.Fragment, null, ((_b = get(x, c.keyName, '')) !== null && _b !== void 0 ? _b : '').toString().substring(0, expandTextMaxLength) + '...')) : (get(x, c.keyName, ''))))))))));
                     }),
-                    react_1.default.createElement(Grid_1.default, { item: true, xs: 12, md: lg ? 12 / columnSize : mediaQueryLG ? mediaQueryLG.action : 12 / columnSize },
-                        react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'center', justifyContent: isSmall ? 'start' : 'flex-end', sx: { height: '100%', paddingBottom: isSmall ? 2 : 0 } }, action(x))),
-                    showExpandObj[index] && (react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'flex-end', bottom: 0, width: '100%' },
-                        react_1.default.createElement(material_1.Button, { onClick: (e) => {
+                    React.createElement(Grid, { item: true, xs: 12, md: lg ? 12 / columnSize : mediaQueryLG ? mediaQueryLG.action : 12 / columnSize },
+                        React.createElement(Stack, { direction: 'row', alignItems: 'center', justifyContent: isSmall ? 'start' : 'flex-end', sx: { height: '100%', paddingBottom: isSmall ? 2 : 0 } }, action(x))),
+                    showExpandObj[index] && (React.createElement(Stack, { direction: 'row', justifyContent: 'flex-end', bottom: 0, width: '100%' },
+                        React.createElement(Button, { onClick: (e) => {
                                 setExpandObj((s) => (Object.assign(Object.assign({}, s), { [index]: !s[index] })));
                                 setShowExpandObjOnExited((s) => (Object.assign(Object.assign({}, s), { [index]: true })));
                             }, sx: {
                                 padding: 0,
                                 color: '#637082',
                                 textTransform: 'capitalize',
-                            }, startIcon: expandObj[index] ? react_1.default.createElement(icons_material_1.ExpandLess, null) : react_1.default.createElement(icons_material_1.ExpandMore, null) }, expandObj[index] ? 'Ver Menos' : 'Ver Mais'))))))))),
-            getMaxItems().length > 0 && (react_1.default.createElement(material_1.Stack, { padding: 1, direction: {
+                            }, startIcon: expandObj[index] ? React.createElement(ExpandLess, null) : React.createElement(ExpandMore, null) }, expandObj[index] ? 'Ver Menos' : 'Ver Mais'))))))))),
+            getMaxItems().length > 0 && (React.createElement(Stack, { padding: 1, direction: {
                     xs: 'column',
                     md: 'row',
                 }, spacing: {
                     xs: 2,
                     md: 0,
-                }, justifyContent: 'space-between', alignItems: 'center' }, csv && (react_1.default.createElement(material_1.Stack, { direction: {
+                }, justifyContent: 'space-between', alignItems: 'center' }, csv && (React.createElement(Stack, { direction: {
                     xs: 'column',
                     md: 'row',
                 }, justifyContent: 'flex-end', spacing: 1 },
-                csvWithoutZip && (react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: downloadCSV, sx: { backgroundColor: '#5a88b0', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, csvNoZipText)),
-                csvShowAllButton && (react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: downloadCSVAll, sx: { backgroundColor: '#64748B', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, csvAllButtonTitle)),
-                react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: (e) => downloadCSV(e, true), sx: { backgroundColor: '#22C55E', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, csvButtonTitle)))))),
-        react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'center', paddingY: 1, paddingTop: 2 },
-            react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'center', alignItems: 'center', spacing: 2 },
-                react_1.default.createElement(material_1.Button, { onClick: (e) => setListPage((s) => {
+                csvWithoutZip && (React.createElement(Button, { startIcon: React.createElement(FileDownloadIcon, null), variant: 'contained', size: 'small', onClick: downloadCSV, sx: { backgroundColor: '#5a88b0', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, csvNoZipText)),
+                csvShowAllButton && (React.createElement(Button, { startIcon: React.createElement(FileDownloadIcon, null), variant: 'contained', size: 'small', onClick: downloadCSVAll, sx: { backgroundColor: '#64748B', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, csvAllButtonTitle)),
+                React.createElement(Button, { startIcon: React.createElement(FileDownloadIcon, null), variant: 'contained', size: 'small', onClick: (e) => downloadCSV(e, true), sx: { backgroundColor: '#22C55E', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, csvButtonTitle)))))),
+        React.createElement(Stack, { direction: 'row', justifyContent: 'center', paddingY: 1, paddingTop: 2 },
+            React.createElement(Stack, { direction: 'row', justifyContent: 'center', alignItems: 'center', spacing: 2 },
+                React.createElement(Button, { onClick: (e) => setListPage((s) => {
                         if (s > 1) {
                             return s - 1;
                         }
                         return 1;
                     }), sx: { bgcolor: 'white', borderRadius: '50px', height: '40px', width: '40px', minWidth: 0, border: 'solid 1px #E2E8F0' } },
-                    react_1.default.createElement(NavigateNextRounded_1.default, { sx: { transform: 'scale(1.5) scaleX(-1)' } })),
-                react_1.default.createElement(Pagination_1.default, { renderItem: (item) => {
+                    React.createElement(NavigateNextRoundedIcon, { sx: { transform: 'scale(1.5) scaleX(-1)' } })),
+                React.createElement(Pagination, { renderItem: (item) => {
                         if (item.type === 'page')
-                            return (react_1.default.createElement(material_1.Button, { onClick: item.onClick, sx: Object.assign(Object.assign({ fontWeight: 600 }, (item.selected
+                            return (React.createElement(Button, { onClick: item.onClick, sx: Object.assign(Object.assign({ fontWeight: 600 }, (item.selected
                                     ? {
                                         bgcolor: '#33B55D',
                                         color: 'white',
@@ -879,7 +850,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                                         color: '#1E293B',
                                     })), { borderRadius: '100%', padding: 0, margin: 0, minWidth: 0, width: '40px', height: '40px', marginX: 0.25 }) }, item.page));
                         if (!['next', 'previous', 'page'].includes(item.type))
-                            return react_1.default.createElement(material_1.PaginationItem, Object.assign({}, item));
+                            return React.createElement(PaginationItem, Object.assign({}, item));
                     }, count: paginationCount, siblingCount: isSmall ? 0 : 6, size: 'large', onChange: onPaginationChange, page: listPage, shape: 'circular', variant: 'outlined', sx: {
                         '.MuiPagination-ul': {
                             backgroundColor: 'white',
@@ -889,24 +860,23 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                             paddingY: 0.5,
                         },
                     } }),
-                react_1.default.createElement(material_1.Button, { onClick: (e) => setListPage((s) => {
+                React.createElement(Button, { onClick: (e) => setListPage((s) => {
                         if (s < paginationCount) {
                             return s + 1;
                         }
                         return paginationCount;
                     }), sx: { bgcolor: 'white', borderRadius: '50px', height: '40px', width: '40px', minWidth: 0, border: 'solid 1px #E2E8F0' } },
-                    react_1.default.createElement(NavigateNextRounded_1.default, { sx: { transform: 'scale(1.5)' } }))))));
+                    React.createElement(NavigateNextRoundedIcon, { sx: { transform: 'scale(1.5)' } }))))));
 }
-exports.Table = Table;
 function CriarFiltro({ filters, baseFilters, filtrar, reset }) {
-    const [data, setData] = (0, react_1.useState)(filters);
-    const [resetFields, setResetFields] = (0, react_1.useState)(false);
+    const [data, setData] = useState(filters);
+    const [resetFields, setResetFields] = useState(false);
     function addRule(filter) {
         setData((dt) => {
             return [...dt, filter];
         });
     }
-    const [anchorEl, setAnchorEl] = react_1.default.useState(null);
+    const [anchorEl, setAnchorEl] = React.useState(null);
     const open = Boolean(anchorEl);
     const handleClick = (event) => {
         setAnchorEl(event.currentTarget);
@@ -914,25 +884,25 @@ function CriarFiltro({ filters, baseFilters, filtrar, reset }) {
     const handleClose = () => {
         setAnchorEl(null);
     };
-    return (react_1.default.createElement(material_1.Box, { width: {
+    return (React.createElement(Box, { width: {
             xs: 'inherit',
             md: 850,
         } },
-        react_1.default.createElement(material_1.Menu, { open: open, onClose: handleClose, anchorEl: anchorEl }, baseFilters.map((x) => (react_1.default.createElement(material_1.MenuItem, { onClick: (e) => {
+        React.createElement(Menu, { open: open, onClose: handleClose, anchorEl: anchorEl }, baseFilters.map((x) => (React.createElement(MenuItem, { onClick: (e) => {
                 addRule(x);
                 setAnchorEl(null);
             } }, x.label)))),
-        react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'space-between' },
-            react_1.default.createElement(Typography_1.default, { fontWeight: 700, fontSize: 18 }, "Filtrar"),
-            react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.Refresh, null), sx: {
+        React.createElement(Stack, { direction: 'row', justifyContent: 'space-between' },
+            React.createElement(Typography, { fontWeight: 700, fontSize: 18 }, "Filtrar"),
+            React.createElement(Button, { startIcon: React.createElement(Refresh, null), sx: {
                     textTransform: 'capitalize',
                 }, onClick: (e) => {
                     reset();
-                    Modal_1.MODAL.close();
+                    MODAL.close();
                 } }, "Limpar")),
-        react_1.default.createElement(material_1.Box, { marginBottom: 1 },
-            react_1.default.createElement(material_1.Alert, { severity: 'warning' }, "Preencha apenas os campos que deseja filtrar.")),
-        react_1.default.createElement(material_1.Stack, null, resetFields ? (data.map((d, idx) => (react_1.default.createElement(FilterRow, { filterValue: d, setReset: setResetFields, idx: idx, setDt: (valueData) => {
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Alert, { severity: 'warning' }, "Preencha apenas os campos que deseja filtrar.")),
+        React.createElement(Stack, null, resetFields ? (data.map((d, idx) => (React.createElement(FilterRow, { filterValue: d, setReset: setResetFields, idx: idx, setDt: (valueData) => {
                 setData((dt) => {
                     let arr = [...dt];
                     arr[idx] = valueData;
@@ -944,7 +914,7 @@ function CriarFiltro({ filters, baseFilters, filtrar, reset }) {
                     arr.splice(idx, 1);
                     return arr;
                 });
-            } })))) : (react_1.default.createElement(material_1.Box, null, data.map((d, idx) => (react_1.default.createElement(FilterRow, { filterValue: d, setReset: setResetFields, idx: idx, setDt: (valueData) => {
+            } })))) : (React.createElement(Box, null, data.map((d, idx) => (React.createElement(FilterRow, { filterValue: d, setReset: setResetFields, idx: idx, setDt: (valueData) => {
                 setData((dt) => {
                     let arr = [...dt];
                     arr[idx] = valueData;
@@ -957,43 +927,43 @@ function CriarFiltro({ filters, baseFilters, filtrar, reset }) {
                     return arr;
                 });
             } })))))),
-        react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'flex-end', marginTop: 1 },
-            react_1.default.createElement(material_1.Button, { variant: 'contained', color: 'success', startIcon: react_1.default.createElement(Search_1.default, null), sx: {
+        React.createElement(Stack, { direction: 'row', justifyContent: 'flex-end', marginTop: 1 },
+            React.createElement(Button, { variant: 'contained', color: 'success', startIcon: React.createElement(Search, null), sx: {
                     textTransform: 'capitalize',
                 }, onClick: (e) => {
                     filtrar(data);
-                    Modal_1.MODAL.close();
+                    MODAL.close();
                 } }, "Filtrar"))));
 }
 function FilterRow({ filterValue, setDt, removeDt, idx, setReset, }) {
-    const [currentOperator, setCurrentOperator] = (0, react_1.useState)(filterValue.operator);
-    const [data, setData] = (0, react_1.useState)(filterValue);
-    const theme = (0, material_1.useTheme)();
-    const isSmall = (0, material_1.useMediaQuery)(theme.breakpoints.only('xs'));
-    (0, react_1.useEffect)(() => {
+    const [currentOperator, setCurrentOperator] = useState(filterValue.operator);
+    const [data, setData] = useState(filterValue);
+    const theme = useTheme();
+    const isSmall = useMediaQuery(theme.breakpoints.only('xs'));
+    useEffect(() => {
         setDt(data);
     }, [data]);
-    return (react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'end', spacing: 1, width: '100%', bgcolor: idx % 2 === 0 ? '#ededed' : 'inherit', padding: 0.5, borderRadius: 2 },
-        !isSmall && (react_1.default.createElement(Typography_1.default, { width: '100%', alignContent: 'center', fontWeight: 600, color: '#323232' }, filterValue.label)),
-        react_1.default.createElement(material_1.FormControl, { sx: {
+    return (React.createElement(Stack, { direction: 'row', alignItems: 'end', spacing: 1, width: '100%', bgcolor: idx % 2 === 0 ? '#ededed' : 'inherit', padding: 0.5, borderRadius: 2 },
+        !isSmall && (React.createElement(Typography, { width: '100%', alignContent: 'center', fontWeight: 600, color: '#323232' }, filterValue.label)),
+        React.createElement(FormControl, { sx: {
                 width: '100%',
             } },
-            isSmall && react_1.default.createElement(Typography_1.default, null, filterValue.label),
-            react_1.default.createElement(material_1.Select, { onChange: (e) => {
+            isSmall && React.createElement(Typography, null, filterValue.label),
+            React.createElement(Select, { onChange: (e) => {
                     const value = e.target.value;
                     setData((obj) => (Object.assign(Object.assign({}, obj), { operator: value, value: '' })));
                     setCurrentOperator(value);
                 }, defaultValue: currentOperator, size: 'small', sx: {
                     bgcolor: 'white',
-                }, fullWidth: true }, filterValue.operators.map((x) => (react_1.default.createElement(material_1.MenuItem, { value: x }, x))))),
-        react_1.default.createElement(FilterField, { filterValue: filterValue, operator: data.operator, onChange: (value, type = 'value') => {
+                }, fullWidth: true }, filterValue.operators.map((x) => (React.createElement(MenuItem, { value: x }, x))))),
+        React.createElement(FilterField, { filterValue: filterValue, operator: data.operator, onChange: (value, type = 'value') => {
                 setData((obj) => (Object.assign(Object.assign({}, obj), { [type]: value })));
             } })));
 }
 function FilterField({ filterValue, operator, onChange }) {
     switch (filterValue.type) {
         case 'number':
-            return (react_1.default.createElement(TextField_1.default, { type: 'number', size: 'small', placeholder: 'Valor', defaultValue: filterValue.value, onChange: (e) => {
+            return (React.createElement(TextField, { type: 'number', size: 'small', placeholder: 'Valor', defaultValue: filterValue.value, onChange: (e) => {
                     onChange(e.target.value);
                 }, sx: {
                     bgcolor: 'white',
@@ -1002,24 +972,24 @@ function FilterField({ filterValue, operator, onChange }) {
             if (filterValue.useList) {
                 switch (operator) {
                     case 'tem um dos':
-                        return (react_1.default.createElement(material_1.Autocomplete, { multiple: true, id: 'tags-standard', onChange: (e, value) => {
+                        return (React.createElement(Autocomplete, { multiple: true, id: 'tags-standard', onChange: (e, value) => {
                                 if (value.length <= 0) {
                                     onChange('');
                                     return;
                                 }
                                 onChange(value);
-                            }, options: filterValue.useList, defaultValue: Array.isArray(filterValue.value) ? filterValue.value : [], renderInput: (params) => react_1.default.createElement(TextField_1.default, Object.assign({}, params, { variant: 'standard', placeholder: 'Escolha os valores', fullWidth: true })), fullWidth: true }));
+                            }, options: filterValue.useList, defaultValue: Array.isArray(filterValue.value) ? filterValue.value : [], renderInput: (params) => React.createElement(TextField, Object.assign({}, params, { variant: 'standard', placeholder: 'Escolha os valores', fullWidth: true })), fullWidth: true }));
                     case 'contem':
                     case 'igual':
-                        return (react_1.default.createElement(material_1.Box, { width: '100%' },
-                            react_1.default.createElement(material_1.Autocomplete, { options: filterValue.useList, onChange: (e, value) => {
+                        return (React.createElement(Box, { width: '100%' },
+                            React.createElement(Autocomplete, { options: filterValue.useList, onChange: (e, value) => {
                                     onChange(value);
-                                }, defaultValue: typeof filterValue.value === 'object' ? filterValue.value : undefined, isOptionEqualToValue: (option, value) => option.label === value.label, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { size: 'small', placeholder: 'Escolha um valor', fullWidth: true, sx: {
+                                }, defaultValue: typeof filterValue.value === 'object' ? filterValue.value : undefined, isOptionEqualToValue: (option, value) => option.label === value.label, renderInput: (params) => (React.createElement(TextField, Object.assign({}, params, { size: 'small', placeholder: 'Escolha um valor', fullWidth: true, sx: {
                                         bgcolor: 'white',
                                     } }))), fullWidth: true })));
                 }
             }
-            return (react_1.default.createElement(TextField_1.default, { size: 'small', placeholder: 'Valor', defaultValue: filterValue.value, onChange: (e) => {
+            return (React.createElement(TextField, { size: 'small', placeholder: 'Valor', defaultValue: filterValue.value, onChange: (e) => {
                     onChange(e.target.value);
                 }, sx: {
                     bgcolor: 'white',
@@ -1031,10 +1001,10 @@ function FilterField({ filterValue, operator, onChange }) {
                 case 'data fim':
                 case 'data inicio':
                 case 'tem a data':
-                    return (react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { adapterLocale: 'pt-br', dateAdapter: AdapterDayjs_1.AdapterDayjs },
-                        react_1.default.createElement(x_date_pickers_1.DatePicker, { format: 'DD/MM/YYYY', onChange: (dt) => {
+                    return (React.createElement(LocalizationProvider, { adapterLocale: 'pt-br', dateAdapter: AdapterDayjs },
+                        React.createElement(DatePicker, { format: 'DD/MM/YYYY', onChange: (dt) => {
                                 onChange(dt.isValid() ? dt.format('DD/MM/YYYY') : '');
-                            }, defaultValue: filterValue.value ? (0, dayjs_1.default)(filterValue.value, 'DD/MM/YYYY') : undefined, sx: {
+                            }, defaultValue: filterValue.value ? dayjs(filterValue.value, 'DD/MM/YYYY') : undefined, sx: {
                                 div: {
                                     input: {
                                         paddingX: 2,
@@ -1043,12 +1013,12 @@ function FilterField({ filterValue, operator, onChange }) {
                                 },
                                 width: '100%',
                                 bgcolor: 'white',
-                            }, inputRef: (params) => react_1.default.createElement(TextField_1.default, Object.assign({}, params, { size: 'small', fullWidth: true })) })));
+                            }, inputRef: (params) => React.createElement(TextField, Object.assign({}, params, { size: 'small', fullWidth: true })) })));
                 case 'entre':
-                    return (react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { adapterLocale: 'pt-br', dateAdapter: AdapterDayjs_1.AdapterDayjs },
-                        react_1.default.createElement(x_date_pickers_1.DatePicker, { format: 'DD/MM/YYYY', onChange: (dt) => {
+                    return (React.createElement(LocalizationProvider, { adapterLocale: 'pt-br', dateAdapter: AdapterDayjs },
+                        React.createElement(DatePicker, { format: 'DD/MM/YYYY', onChange: (dt) => {
                                 onChange(dt.isValid() ? dt.format('DD/MM/YYYY') : '');
-                            }, defaultValue: filterValue.value ? (0, dayjs_1.default)(filterValue.value, 'DD/MM/YYYY') : undefined, sx: {
+                            }, defaultValue: filterValue.value ? dayjs(filterValue.value, 'DD/MM/YYYY') : undefined, sx: {
                                 div: {
                                     input: {
                                         paddingX: 2,
@@ -1057,10 +1027,10 @@ function FilterField({ filterValue, operator, onChange }) {
                                 },
                                 width: '100%',
                                 bgcolor: 'white',
-                            }, inputRef: (params) => react_1.default.createElement(TextField_1.default, Object.assign({}, params, { size: 'small', fullWidth: true })) }),
-                        react_1.default.createElement(x_date_pickers_1.DatePicker, { format: 'DD/MM/YYYY', onChange: (dt) => {
+                            }, inputRef: (params) => React.createElement(TextField, Object.assign({}, params, { size: 'small', fullWidth: true })) }),
+                        React.createElement(DatePicker, { format: 'DD/MM/YYYY', onChange: (dt) => {
                                 onChange(dt.isValid() ? dt.format('DD/MM/YYYY') : '', 'value2');
-                            }, defaultValue: filterValue.value2 ? (0, dayjs_1.default)(filterValue.value2, 'DD/MM/YYYY') : undefined, sx: {
+                            }, defaultValue: filterValue.value2 ? dayjs(filterValue.value2, 'DD/MM/YYYY') : undefined, sx: {
                                 div: {
                                     input: {
                                         paddingX: 2,
@@ -1069,10 +1039,10 @@ function FilterField({ filterValue, operator, onChange }) {
                                 },
                                 width: '100%',
                                 bgcolor: 'white',
-                            }, inputRef: (params) => react_1.default.createElement(TextField_1.default, Object.assign({}, params, { size: 'small', fullWidth: true })) })));
+                            }, inputRef: (params) => React.createElement(TextField, Object.assign({}, params, { size: 'small', fullWidth: true })) })));
             }
             break;
     }
-    return react_1.default.createElement(react_1.default.Fragment, null);
+    return React.createElement(React.Fragment, null);
 }
-exports.default = react_1.default.memo(Table);
+export default React.memo(Table);