office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
47 lines • 2.59 kB
JavaScript
define(["require", "exports", "tslib", "react", "./BaseDecorator"], function (require, exports, tslib_1, React, BaseDecorator_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
function withContainsFocus(ComposedComponent) {
return /** @class */ (function (_super) {
tslib_1.__extends(WithContainsFocusComponent, _super);
function WithContainsFocusComponent(props) {
var _this = _super.call(this, props) || this;
_this.state = {
containsFocus: false
};
_this._delayedSetContainsFocus = _this._async.debounce(_this._setContainsFocus, 20);
_this._updateComposedComponentRef = _this._updateComposedComponentRef.bind(_this);
_this._handleFocus = _this._handleFocus.bind(_this);
_this._handleBlur = _this._handleBlur.bind(_this);
return _this;
}
WithContainsFocusComponent.prototype.componentWillUnmount = function () {
this._async.dispose();
};
WithContainsFocusComponent.prototype.render = function () {
var containsFocus = this.state.containsFocus;
return (React.createElement("div", { onFocus: this._handleFocus, onBlur: this._handleBlur },
React.createElement(ComposedComponent, tslib_1.__assign({ ref: this._updateComposedComponentRef, containsFocus: containsFocus }, this.props))));
};
WithContainsFocusComponent.prototype.forceUpdate = function () {
this._composedComponentInstance.forceUpdate();
};
WithContainsFocusComponent.prototype._handleFocus = function (ev) {
this._newContainsFocus = true;
this._delayedSetContainsFocus();
};
WithContainsFocusComponent.prototype._handleBlur = function (ev) {
this._newContainsFocus = false;
this._delayedSetContainsFocus();
};
WithContainsFocusComponent.prototype._setContainsFocus = function () {
if (this.state.containsFocus !== this._newContainsFocus) {
this.setState({ containsFocus: this._newContainsFocus });
}
};
return WithContainsFocusComponent;
}(BaseDecorator_1.BaseDecorator));
}
exports.withContainsFocus = withContainsFocus;
});
//# sourceMappingURL=withContainsFocus.js.map