opt-table
Version:
A Responsive and Customizable Rich Table
30 lines • 1.43 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const material_1 = require("@mui/material");
const framer_motion_1 = require("framer-motion");
const react_1 = __importDefault(require("react"));
function CollapseRowWrapper({ Comp, is_open, motion_key }) {
return (react_1.default.createElement(material_1.TableCell, { colSpan: 12, style: {
paddingBottom: 0,
paddingTop: 0,
width: "100%",
padding: 0,
} },
react_1.default.createElement(material_1.Box, { style: {
width: "100%",
padding: 0,
margin: 0,
overflow: "hidden",
} },
react_1.default.createElement(framer_motion_1.AnimatePresence, { mode: "wait" }, !!Comp && is_open && (react_1.default.createElement(framer_motion_1.motion.div, { key: motion_key, initial: { height: 0, opacity: 0, y: 24 }, animate: {
opacity: 1,
y: 0,
height: "fit-content",
// padding:"16px 8px"
}, exit: { opacity: 0, height: 0, y: 24, padding: 0 } }, Comp))))));
}
exports.default = CollapseRowWrapper;
//# sourceMappingURL=collapse_detail_panel.js.map