@maherunlocker/custom-react-table
Version:
dynamic table based on react table v7
21 lines • 1.97 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const reactstrap_1 = require("reactstrap");
// import { useTranslation } from 'react-i18next';
const material_1 = require("@mui/material");
const FilterIcon_1 = require("../components/assets/FilterIcon");
const FilterPageCustom_1 = require("./FilterPageCustom");
const StyledH2_1 = require("../components/assets/StyledH2");
const TableStyle_1 = require("./TableStyle");
function FilterModalMobile({ instance, filterActive, setLocalFilterActive, tableName, }) {
// const { t } = useTranslation();
const classes = (0, TableStyle_1.useStyles)();
return ((0, jsx_runtime_1.jsxs)(reactstrap_1.Modal, Object.assign({ toggle: () => setLocalFilterActive(!filterActive), isOpen: filterActive, style: { margin: '0 ', padding: '0 ', height: '100%' }, scrollable: true }, { children: [(0, jsx_runtime_1.jsx)(reactstrap_1.ModalHeader, Object.assign({ className: "text-capitalize", toggle: () => setLocalFilterActive(!filterActive) }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: {
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
} }, { children: [(0, jsx_runtime_1.jsx)(FilterIcon_1.FilterIcon, { className: classes.tableFilterAltOutlinedIcon, style: { flexDirection: 'row-reverse' } }), (0, jsx_runtime_1.jsx)(StyledH2_1.StyledH2, { children: " Filtre(s)" })] })) })), (0, jsx_runtime_1.jsx)(reactstrap_1.ModalBody, Object.assign({ style: { margin: '0 ', padding: '0 ', height: '100%' } }, { children: (0, jsx_runtime_1.jsx)(FilterPageCustom_1.FilterPageCustom, { instance: instance, setLocalFilterActive: setLocalFilterActive, filterActive: filterActive, tableName: tableName }) }))] })));
}
exports.default = FilterModalMobile;
//# sourceMappingURL=FilterModalMobile.js.map