@aures/custom-react-table
Version:
dynamic table based on react table v7
21 lines • 2.09 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const reactstrap_1 = require("reactstrap");
const react_i18next_1 = require("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, customFilterJsx, allFiltersCustom, }) {
const { t } = (0, react_i18next_1.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: t('Filter(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, customFilterJsx: customFilterJsx, allFiltersCustom: allFiltersCustom }) }))] })));
}
exports.default = FilterModalMobile;
//# sourceMappingURL=FilterModalMobile.js.map