react-web-native-sketch
Version:
[TODO: We need an overview of how this can be used via npm vs as a local package]
62 lines • 2.63 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
var Drawer_1 = require("@material-ui/core/Drawer");
var IconButton_1 = require("@material-ui/core/IconButton");
var ChevronLeft_1 = require("@material-ui/icons/ChevronLeft");
var React = require("react");
var __1 = require("../..");
var styles = function () { return ({
drawerPaper: {
height: '100%',
width: __1.appTheme.drawerWidth,
overflow: 'hidden',
backgroundColor: '#fff'
},
drawerDocked: {
height: '100%',
},
persistentDrawerDocked: {
height: '100%',
width: __1.appTheme.persistentDrawerWidth,
},
closePersistentDrawer: {
position: 'absolute',
right: __1.appTheme.marginM,
top: __1.appTheme.marginM,
},
}); };
var CDrawerWeb = /** @class */ (function (_super) {
__extends(CDrawerWeb, _super);
function CDrawerWeb() {
return _super !== null && _super.apply(this, arguments) || this;
}
CDrawerWeb.prototype.render = function () {
var _a = this.props, children = _a.children, classes = _a.classes, open = _a.open, onDrawerClose = _a.onDrawerClose, persistent = _a.persistent;
return (React.createElement(Drawer_1.default, { variant: persistent ? "persistent" : "temporary", classes: {
paper: classes.drawerPaper,
docked: persistent
? classes.persistentDrawerDocked
: classes.drawerDocked,
}, open: open, onClose: onDrawerClose },
children,
persistent && open &&
React.createElement(__1.View, { style: classes.closePersistentDrawer },
React.createElement(IconButton_1.default, { onClick: !!onDrawerClose
? function () { return onDrawerClose(); }
: function () { } },
React.createElement(ChevronLeft_1.default, null)))));
};
return CDrawerWeb;
}(React.PureComponent));
exports.DrawerWeb = __1.createStyles(styles, 'DrawerWeb')(CDrawerWeb);
//# sourceMappingURL=DrawerWeb.js.map