@kenreymozo/kenrey-component
Version:
Components for kendallrey
53 lines • 2.31 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Sidebar = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var react_2 = require("react");
var index_module_css_1 = tslib_1.__importDefault(require("../../index.module.css"));
var Sidebar = /** @class */ (function (_super) {
tslib_1.__extends(Sidebar, _super);
function Sidebar(props) {
var _this = _super.call(this, props) || this;
_this.onClose = function () {
if (!Sidebar.instance)
return;
Sidebar.instance.setState(function () { return ({
isOpen: false,
}); });
};
_this.state = {
isOpen: false,
};
Sidebar.instance = _this;
return _this;
}
Sidebar.prototype.render = function () {
var isOpen = this.state.isOpen;
return (react_1.default.createElement(react_1.default.Fragment, null,
isOpen && (react_1.default.createElement("div", { className: index_module_css_1.default['sidebar-block'], onClick: this.onClose }, "Sidebar")),
react_1.default.createElement("div", { className: "".concat(index_module_css_1.default['sidebar-container'], " ").concat(isOpen ? index_module_css_1.default['sidebar-show'] : index_module_css_1.default['sidebar-hide']) },
react_1.default.createElement("div", { className: index_module_css_1.default['sidebar-header'] },
react_1.default.createElement("button", { className: index_module_css_1.default['sidebar-close'], onClick: this.onClose }, "X")),
react_1.default.createElement("div", null, this.props.children))));
};
Sidebar.instance = null;
Sidebar.onOpen = function () {
if (!Sidebar.instance)
return;
Sidebar.instance.setState(function () { return ({
isOpen: true,
}); });
};
Sidebar.toggleSidebar = function () {
if (!Sidebar.instance)
return;
Sidebar.instance.setState(function (prevState) { return ({
isOpen: !prevState.isOpen,
}); });
};
return Sidebar;
}(react_2.Component));
exports.Sidebar = Sidebar;
exports.default = Sidebar;
//# sourceMappingURL=sidebar.js.map