office-ui-fabric-react/lib/components/Layer/LayerHost.js

Reusable React components for building experiences for Office 365.

"use strict";
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 React = require('react');
var Fabric_1 = require('../../Fabric');
var LayerHost = (function (_super) {
    __extends(LayerHost, _super);
    function LayerHost(props) {
        _super.call(this, props);
        this._layers = [];
        this.state = {
            layers: this._layers
        };
    }
    LayerHost.prototype.getChildContext = function () {
        return {
            isInLayer: true
        };
    };
    LayerHost.prototype.render = function () {
        var layers = this.state.layers.map(function (layer, index) {
            return (React.createElement("div", {className: 'ms-LayerHost-layer', key: layer.id}, layer.children));
        });
        return (React.createElement(Fabric_1.Fabric, {className: 'ms-LayerHost'}, layers));
    };
    LayerHost.prototype.addLayer = function (layerToAdd, onComplete) {
        this._layers.push(layerToAdd);
        this.setState({
            layers: this._layers
        }, function () {
            if (onComplete) {
                onComplete();
            }
        });
    };
    LayerHost.prototype.updateLayer = function (layerToUpdate) {
        this.forceUpdate();
    };
    LayerHost.prototype.removeLayer = function (layerToRemove) {
        var index = this._layers.indexOf(layerToRemove);
        if (index > -1) {
            this._layers.splice(index, 1);
            this.forceUpdate();
        }
    };
    LayerHost.childContextTypes = {
        isInLayer: React.PropTypes.bool
    };
    return LayerHost;
}(React.Component));
exports.LayerHost = LayerHost;

//# sourceMappingURL=LayerHost.js.map