@ssplib/react-components 0.0.294 → 0.0.295

package/components/form/table/Table.js

@@ -1,514 +0,0 @@
-"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 TableErrorState_1 = require("./TableErrorState");
-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 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"));
-const TableLoadingState_1 = require("./TableLoadingState");
-const utils_1 = require("./utils");
-const FilterSection_1 = require("./FilterSection");
-let isExpandAll = false;
-let localTableName = '';
-let filtersFuncData = {};
-let localTableNameCache = '';
-function Table({ mediaQueryLG, columns, csvConfig, fetchFunc, emptyMsg = {
-    user: 'Nenhum dado encontrado',
-    public: 'Nenhum dado encontrado',
-}, dataPath = '', tableName = 'Dado', columnSize, action, useKC = true, itemCount = 10, expandTextMaxLength = 50, collapsedSize = 53, customMargin = 4, customMarginMobile = 0, filtersFunc, filters = [], orderBy = [], customErrorMsg = undefined, customTableStyle = {}, id, initialData = null, isExpandable = true, }) {
-    var _a, _b;
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [data, setData] = (0, react_1.useState)(initialData);
-    /** startData Dado puro, sem filtro ou ordenação */
-    const { user, userLoaded } = (0, react_1.useContext)(auth_1.AuthContext);
-    const [list, setList] = (0, react_1.useState)([]);
-    const [listClone, setListClone] = (0, react_1.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 [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 startData = (0, react_1.useRef)(data);
-    const orderAsc = (0, react_1.useRef)((localStorage.getItem(`order-${id}`) === 'true') || false);
-    const lg = (0, material_1.useMediaQuery)(theme.breakpoints.up(2000));
-    localTableName = `tableFilter_${id}`;
-    localTableNameCache = `tableFilterCache_${id}`;
-    filtersFuncData = filtersFunc !== null && filtersFunc !== void 0 ? filtersFunc : {};
-    if (!localStorage.getItem(localTableNameCache))
-        localStorage.setItem(localTableNameCache, JSON.stringify(filters));
-    if (localStorage.getItem(localTableNameCache) !== JSON.stringify(filters)) {
-        localStorage.setItem(localTableNameCache, JSON.stringify(filters));
-        localStorage.removeItem(localTableName);
-    }
-    (0, react_1.useEffect)(() => {
-        setError(null);
-        if (!fetchFunc)
-            return;
-        if (userLoaded || !useKC) {
-            setIsLoading(true);
-            fetchFunc()
-                .then((res) => {
-                if (!res.ok) {
-                    setError({
-                        status: 500,
-                    });
-                    setIsLoading(false);
-                    return;
-                }
-                return res.json().then((j) => {
-                    if (j.statusCode === 204) {
-                        setData({ body: { data: [] } });
-                        startData.current = [];
-                    }
-                    else if (j.statusCode === 403)
-                        setError({
-                            status: j.statusCode,
-                        });
-                    else {
-                        let value = dataPath ? (0, lodash_get_1.default)(j, dataPath) : j;
-                        if (!value || !Array.isArray(value)) {
-                            setData({ body: { data: [] } });
-                            startData.current = [];
-                        }
-                        else {
-                            let newValue = value;
-                            // começando a ordenação padrão
-                            if (localStorage.getItem(`order-data-${id}`)) {
-                                try {
-                                    const orderData = JSON.parse(localStorage.getItem(`order-data-${id}`));
-                                    newValue = (0, utils_1.ordenarDados)({
-                                        order: orderData,
-                                        list: value,
-                                        orderAsc: orderAsc.current,
-                                    });
-                                }
-                                catch (err) {
-                                    console.log(err);
-                                }
-                            }
-                            else if (orderBy.length > 0) {
-                                // se não tiver salvo uma ordenação, ordena pelo primeiro da lista
-                                newValue = (0, utils_1.ordenarDados)({
-                                    order: orderBy[0],
-                                    list: value,
-                                    orderAsc: orderAsc.current,
-                                });
-                            }
-                            setData(newValue);
-                            startData.current = JSON.parse(JSON.stringify(newValue));
-                        }
-                    }
-                    setIsLoading(false);
-                });
-            })
-                .catch((err) => {
-                setError({
-                    status: 500,
-                });
-            });
-        }
-    }, [userLoaded, fetchFunc]);
-    const getData = (0, react_1.useCallback)((dt) => {
-        if (Array.isArray(dt))
-            return dt;
-        if (typeof dt === 'object')
-            return (0, lodash_get_1.default)(dt, dataPath);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (isLoading || error || !getData(data))
-            return;
-        let value = getData(data);
-        setList(value);
-        setListClone(value);
-        setPagCount((0, utils_1.getCount)(value, itemsCount));
-        if (localStorage.getItem(localTableName)) {
-            (0, utils_1.filtrarDados)({
-                filterData: JSON.parse(localStorage.getItem(localTableName)),
-                filtersFuncData: filtersFuncData,
-                localTableName: localTableName,
-                setCurrentPage: setCurrentPage,
-                setList,
-                setListClone,
-                setListPage,
-                setPagCount,
-                startData: startData.current,
-                itemsCount,
-            });
-        }
-    }, [itemsCount, isLoading, data, error]);
-    (0, react_1.useEffect)(() => {
-        setCurrentPage(listPage - 1);
-    }, [listPage]);
-    const onPaginationChange = (0, react_1.useCallback)((e, page) => {
-        setListPage(page);
-    }, []);
-    function onInputChange(e) {
-        const searchValue = e.target.value;
-        if (searchValue === '') {
-            setList(listClone);
-            setPagCount((0, utils_1.getCount)(getData(list), itemsCount));
-            return;
-        }
-        const listData = getData(list);
-        const newList = [];
-        listData.forEach((x) => {
-            const dataStr = [];
-            Object.keys(x).map((key) => {
-                var _a;
-                let value = (_a = (0, lodash_get_1.default)(x, key, '')) !== null && _a !== void 0 ? _a : '';
-                if (typeof value === 'number')
-                    value = value.toString();
-                if (typeof value !== 'string')
-                    return;
-                dataStr.push(value);
-            });
-            if (dataStr.length <= 0)
-                return;
-            let exists = false;
-            dataStr.forEach((key) => {
-                const status = ['P', 'C', 'A', 'R', 'L', 'PA'];
-                if (status.includes(key)) {
-                    switch (key) {
-                        case 'P':
-                            if ('em analise'.includes(searchValue.toLowerCase())) {
-                                exists = true;
-                            }
-                            return;
-                        case 'C':
-                            if ('cancelado'.includes(searchValue.toLowerCase())) {
-                                exists = true;
-                            }
-                            return;
-                        case 'A':
-                            if ('cadastrado'.includes(searchValue.toLowerCase())) {
-                                exists = true;
-                            }
-                            return;
-                        case 'R':
-                            if ('reprovado'.includes(searchValue.toLowerCase())) {
-                                exists = true;
-                            }
-                            return;
-                        case 'L':
-                            if ('licenciado'.includes(searchValue.toLowerCase())) {
-                                exists = true;
-                            }
-                            return;
-                        case 'PA':
-                            if ('pré aprovado'.includes(searchValue.toLowerCase()) || 'pre aprovado'.includes(searchValue.toLowerCase())) {
-                                exists = true;
-                            }
-                            return;
-                        case 'FP':
-                            if ('fora do prazo'.includes(searchValue.toLowerCase())) {
-                                exists = true;
-                            }
-                            return;
-                    }
-                }
-                if ((0, utils_1.removePunctuationAndAccents)(key.toLowerCase()).includes((0, utils_1.removePunctuationAndAccents)(searchValue.toLowerCase()))) {
-                    exists = true;
-                }
-            });
-            if (!exists)
-                return;
-            newList.push(x);
-        });
-        setList(newList);
-        setPagCount((0, utils_1.getCount)(newList, itemsCount));
-        setCurrentPage(0);
-        setListPage(1);
-    }
-    const getMaxItems = (0, react_1.useCallback)(() => {
-        const start = currentPage * itemsCount;
-        return list.slice(start, start + itemsCount);
-    }, [list, itemsCount, currentPage]);
-    // effect usado quando for mostrar "VER MAIS" e "VER MENOS"
-    (0, react_1.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;
-            });
-        });
-        setShowExpandObj(obj);
-    }, [list, itemsCount, currentPage]);
-    function expandAll() {
-        let obj = {};
-        for (let i = 0; i < itemCount; i++) {
-            obj[i] = !isExpandAll;
-        }
-        setShowExpandObjOnExited(obj);
-        setExpandObj(obj);
-        isExpandAll = !isExpandAll;
-    }
-    function reset() {
-        setList(startData.current);
-        setListClone(startData.current);
-        setPagCount((0, utils_1.getCount)(startData.current, itemsCount));
-        setCurrentPage(0);
-        setListPage(1);
-        localStorage.removeItem(localTableName);
-        setFilterKey(new Date().getTime().toString());
-    }
-    const handleCSVDownload = (list, all = false) => {
-        var _a;
-        if (!csvConfig)
-            return;
-        (0, utils_1.downloadCSVFile)(list, Object.assign(Object.assign({}, csvConfig), (all ? { downloadAll: true } : {})), JSON.parse((_a = localStorage.getItem(localTableName)) !== null && _a !== void 0 ? _a : '[]') || []);
-    };
-    const handleFiltrarDados = (dt) => {
-        (0, utils_1.filtrarDados)({
-            filterData: dt,
-            filtersFuncData: filtersFuncData,
-            localTableName: localTableName,
-            setCurrentPage: setCurrentPage,
-            setList,
-            setListClone,
-            setListPage,
-            setPagCount,
-            startData: startData.current,
-            itemsCount,
-        });
-    };
-    const handleOrdenarDados = (x) => {
-        /** Inverter a ordem de ordenação no segundo clique */
-        orderAsc.current = !orderAsc.current;
-        const dadosOrdenados = (0, utils_1.ordenarDados)({
-            order: x,
-            list,
-            orderAsc: orderAsc.current,
-        });
-        localStorage.setItem(`order-${id}`, orderAsc.current.toString());
-        localStorage.setItem(`order-data-${id}`, JSON.stringify(x));
-        setList(dadosOrdenados);
-    };
-    if (error)
-        return react_1.default.createElement(TableErrorState_1.TableErrorState, { customErrorMsg: customErrorMsg, error: error });
-    if (isLoading)
-        return react_1.default.createElement(TableLoadingState_1.TableLoadingState, { tableName: tableName });
-    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' } }),
-                            sx: {
-                                '.MuiOutlinedInput-notchedOutline': { border: 'none' },
-                            },
-                        }, sx: {
-                            border: 'solid 1px #CBD5E1',
-                            backgroundColor: '#F8FAFC',
-                            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(FilterSection_1.FilterMenu, { key: filterKey, reset: reset, filtrar: (dt) => handleFiltrarDados(dt), 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 },
-                        orderBy.length > 0 && react_1.default.createElement(CustomMenu_1.default, { data: orderBy.map((x) => ({
-                                name: x.label,
-                                onClick: () => handleOrdenarDados(x),
-                            })), btProps: {
-                                startIcon: react_1.default.createElement(icons_material_1.KeyboardArrowDown, null),
-                                fullWidth: true,
-                            } }, "Ordenar"),
-                        isExpandable && (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: {
-                                backgroundColor: '#637082',
-                                ':hover': {
-                                    backgroundColor: '#3c4757',
-                                },
-                                textTransform: 'capitalize',
-                                borderRadius: 3,
-                                padding: {
-                                    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' },
-                        "Registro de ",
-                        tableName,
-                        "s"),
-                    react_1.default.createElement(material_1.Stack, { justifyContent: 'center' },
-                        react_1.default.createElement(Typography_1.default, 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 : '[]')
-                .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)
-                    ? 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) => {
-                        var _a;
-                        let currentValue = JSON.parse((_a = localStorage.getItem(localTableName)) !== null && _a !== void 0 ? _a : '[]');
-                        currentValue = currentValue.map((item) => {
-                            if (item.label === x.label) {
-                                return Object.assign(Object.assign(Object.assign({}, item), { value: '' }), (item.value2 ? { value2: '' } : {}));
-                            }
-                            return item;
-                        });
-                        handleFiltrarDados(currentValue);
-                    }, size: 'small', sx: {
-                        padding: 0,
-                    } },
-                    react_1.default.createElement(Clear_1.default, { 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: {
-                    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 },
-                    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: {
-                                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: {
-                                            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_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) => {
-                                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: {
-                    xs: 'column',
-                    md: 'row',
-                }, spacing: {
-                    xs: 2,
-                    md: 0,
-                }, justifyContent: 'space-between', alignItems: 'center' }, csvConfig && (react_1.default.createElement(material_1.Stack, { direction: {
-                    xs: 'column',
-                    md: 'row',
-                }, justifyContent: 'flex-end', spacing: 1 },
-                JSON.parse((_b = localStorage.getItem(localTableName)) !== null && _b !== void 0 ? _b : '[]')
-                    .filter((x) => x.value || (x.operator === 'entre' && (x.value || x.value2))).length > 0 &&
-                    react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: (e) => handleCSVDownload(list), sx: { backgroundColor: '#a5a5a5', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, "Baixar Filtrados"),
-                react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: (e) => handleCSVDownload(startData.current, true), sx: { backgroundColor: '#22C55E', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, "Baixar Tabela")))))),
-        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) => {
-                        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) => {
-                        if (item.type === 'page')
-                            return (react_1.default.createElement(material_1.Button, { onClick: item.onClick, sx: Object.assign(Object.assign({ fontWeight: 600 }, (item.selected
-                                    ? {
-                                        bgcolor: '#33B55D',
-                                        color: 'white',
-                                    }
-                                    : {
-                                        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));
-                    }, count: paginationCount, siblingCount: isSmall ? 0 : 6, size: 'large', onChange: onPaginationChange, page: listPage, shape: 'circular', variant: 'outlined', sx: {
-                        '.MuiPagination-ul': {
-                            backgroundColor: 'white',
-                            border: 'solid 1px #E2E8F0',
-                            borderRadius: '50px',
-                            paddingX: 0.25,
-                            paddingY: 0.5,
-                        },
-                    } }),
-                react_1.default.createElement(material_1.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)' } }))))));
-}
-exports.Table = Table;
-exports.default = react_1.default.memo(Table);

package/components/form/table/TableErrorState.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableErrorState = void 0;
-const icons_material_1 = require("@mui/icons-material");
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-function TableErrorState({ customErrorMsg, error }) {
-    return (react_1.default.createElement(material_1.Box, { bgcolor: '#fff2c8', color: '#3e3129', padding: 2, marginX: 2, borderRadius: 4 },
-        react_1.default.createElement(material_1.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,
-                    "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),
-                    "Caso precise de ajuda, entre em contato pelo email: ",
-                    react_1.default.createElement("strong", null, "cdes@ssp.df.gov.br")))))))));
-}
-exports.TableErrorState = TableErrorState;

package/components/form/table/TableLoadingState.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableLoadingState = void 0;
-const icons_material_1 = require("@mui/icons-material");
-const material_1 = require("@mui/material");
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const react_1 = __importDefault(require("react"));
-function TableLoadingState({ tableName }) {
-    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' },
-                    "Carregando ",
-                    tableName)),
-            react_1.default.createElement(material_1.LinearProgress, { color: 'inherit' }),
-            Array(10)
-                .fill('')
-                .map((x) => (react_1.default.createElement(material_1.Stack, { direction: {
-                    xs: 'column',
-                    md: 'row',
-                }, spacing: {
-                    xs: 3,
-                    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 }))))))))));
-}
-exports.TableLoadingState = TableLoadingState;

package/components/form/table/types.js

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