@tomino/dynamic-form-semantic-ui
Version:
Semantic UI form renderer based on dynamic form generation
46 lines • 2.04 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const semantic_ui_react_1 = require("semantic-ui-react");
const common_1 = require("../common");
exports.PanelExpander = ({ panelClass, storedName, panelConfig, panelIndex }) => {
const [expanded, setExpanded] = react_1.default.useState(true);
return (react_1.default.createElement("div", { className: common_1.pointer, onClick: () => {
let elem = document.querySelector(panelClass + ' .Pane1');
let body = document.querySelector(panelClass + ` .Pane${panelIndex} .paneBody`);
if (panelIndex === 1) {
if (expanded) {
elem.style.height = '40px';
body.style.height = '0px';
panelConfig[0] = false;
}
else {
elem.style.height = panelConfig[1]
? (localStorage.getItem(storedName) || '280') + 'px'
: 'calc(100% - 40px)';
body.style.height = 'inherit';
panelConfig[0] = true;
}
}
else {
if (expanded) {
if (panelConfig[0]) {
elem.style.height = 'calc(100% - 40px)';
}
body.style.height = '0px';
panelConfig[1] = false;
}
else {
if (panelConfig[0]) {
elem.style.height = (localStorage.getItem(storedName) || '280') + 'px';
}
body.style.height = 'inherit';
panelConfig[1] = true;
}
}
setExpanded(!expanded);
} },
react_1.default.createElement(semantic_ui_react_1.Icon, { name: expanded ? 'caret down' : 'caret right' })));
};
//# sourceMappingURL=panel_expander.js.map