refun/native/map-focused.js

A collection of React Hook-enabled functions that compose harmoniously with each other. Similar to `recompose`, but:

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.mapFocused = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));

var _react = require("react");

var _tsfn = require("tsfn");

var mapFocused = function mapFocused(props) {
  var _useState = (0, _react.useState)(false),
      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
      isFocused = _useState2[0],
      setIsFocused = _useState2[1];

  var origOnFocusRef = (0, _react.useRef)();
  var origOnBlurRef = (0, _react.useRef)();
  var onFocusRef = (0, _react.useRef)(_tsfn.NOOP);
  var onBlurRef = (0, _react.useRef)(_tsfn.NOOP);
  origOnFocusRef.current = props.onFocus;
  origOnBlurRef.current = props.onBlur;

  if (onFocusRef.current === _tsfn.NOOP) {
    onFocusRef.current = function () {
      setIsFocused(true);

      if ((0, _tsfn.isFunction)(origOnFocusRef.current)) {
        origOnFocusRef.current();
      }
    };
  }

  if (onBlurRef.current === _tsfn.NOOP) {
    onBlurRef.current = function () {
      setIsFocused(false);

      if ((0, _tsfn.isFunction)(origOnBlurRef.current)) {
        origOnBlurRef.current();
      }
    };
  }

  return (0, _extends2.default)({}, props, {
    isFocused: isFocused || Boolean(props.isFocused),
    onFocus: onFocusRef.current,
    onBlur: onBlurRef.current
  });
};

exports.mapFocused = mapFocused;
//# sourceMappingURL=map-focused.js.map