@talend/react-components/lib/FocusManager/FocusManager.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _lodash = require("lodash");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
/**
 * This component handles some specific cases like when we click in the datalist
 * We loose the focus on the datalist field but we don't want to close the suggestions
 * until we click outside of the component
 * @example Here, the resetSuggestions function contains the code we can use in a classic "blur"
<FocusManager onFocusOut={this.resetSuggestions}>
	<Typeahead />
</FocusManager>
 */
class FocusManager extends _react.Component {
  constructor(...args) {
    super(...args);
    _defineProperty(this, "onFocus", event => {
      clearTimeout(this.timeout);
      if (this.props.onFocusIn) {
        this.props.onFocusIn(event);
      }
    });
    _defineProperty(this, "onBlur", event => {
      if (this.props.onFocusOut) {
        event.persist();
        this.timeout = setTimeout(() => this.props.onFocusOut(event));
      }
    });
  }
  render() {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      ...(0, _lodash.omit)(this.props, ['onFocusOut', 'onFocusIn', 'divRef']),
      ref: this.props.divRef,
      tabIndex: -1,
      onBlur: this.onBlur,
      onFocus: this.onFocus
    });
  }
}
exports.default = FocusManager;
_defineProperty(FocusManager, "propTypes", {
  onFocusOut: _propTypes.default.func,
  onFocusIn: _propTypes.default.func,
  divRef: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func])
});
//# sourceMappingURL=FocusManager.component.js.map