office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
50 lines (48 loc) • 2.04 kB
JavaScript
;
var __extends = (this && this.__extends) || function (d, b) {
for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var __assign = (this && this.__assign) || Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
var React = require('react');
var Utilities_1 = require('../../Utilities');
require('./Layer.scss');
/**
* ProjectedLayer is an internal helper component that projects the contents rendered within a Layer. It is created
* by the corresponding LayerHost that the originating Layer communicates with.
*/
var ProjectedLayer = (function (_super) {
__extends(ProjectedLayer, _super);
function ProjectedLayer(props) {
_super.call(this, props);
this._remoteProps = props.defaultRemoteProps;
}
ProjectedLayer.prototype.shouldComponentUpdate = function () {
return false;
};
ProjectedLayer.prototype.componentDidMount = function () {
Utilities_1.setVirtualParent(this._rootElement, this.props.parentElement);
};
ProjectedLayer.prototype.render = function () {
var remoteProps = Utilities_1.getNativeProps(this._remoteProps, Utilities_1.divProperties);
return (React.createElement("div", __assign({}, remoteProps, {className: Utilities_1.css('ms-ProjectedLayer', remoteProps.className), ref: this._resolveRef('_rootElement')})));
};
ProjectedLayer.prototype.getId = function () {
return this.props.layerId;
};
ProjectedLayer.prototype.projectProps = function (remoteProps) {
this._remoteProps = remoteProps;
this.forceUpdate();
};
return ProjectedLayer;
}(Utilities_1.BaseComponent));
exports.ProjectedLayer = ProjectedLayer;
//# sourceMappingURL=ProjectedLayer.js.map