react-web-native-sketch
Version:
[TODO: We need an overview of how this can be used via npm vs as a local package]
47 lines • 2 kB
JavaScript
;
/**
* Created by alexbuicescu on 19 - Mar 2018.
*/
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 React = require("react");
var __1 = require("../");
var CircularProgressComponent_1 = require("./CircularProgressComponent/CircularProgressComponent");
var createStyles_1 = require("../decorators/createStyles/createStyles");
var View_1 = require("./View/View");
var styles = function () { return ({
container: {
height: '100%',
width: '100%',
justifyContent: 'center',
alignItems: 'center',
zIndex: 11,
opacity: 0.7,
position: 'absolute',
backgroundColor: __1.appTheme.loadingContainerBackground,
}
}); };
var CLoadingContainer = /** @class */ (function (_super) {
__extends(CLoadingContainer, _super);
function CLoadingContainer() {
return _super !== null && _super.apply(this, arguments) || this;
}
CLoadingContainer.prototype.render = function () {
var _a = this.props, classes = _a.classes, size = _a.size, style = _a.style;
return (React.createElement(View_1.View, { style: [classes.container, style] },
React.createElement(CircularProgressComponent_1.CircularProgressComponent, { size: size })));
};
return CLoadingContainer;
}(React.PureComponent));
var componentName = 'LoadingContainer';
exports.LoadingContainer = createStyles_1.createStyles(styles, componentName)(CLoadingContainer);
//# sourceMappingURL=LoadingContainer.js.map