rsuite/cjs/CheckTreePicker/hooks/useFocusState.js

A suite of react components

'use client';
"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = require("react");
var _hooks = require("../../internals/hooks");
function useFocusState(props) {
  const {
    target
  } = props;
  const [active, setActive] = (0, _react.useState)(false);
  const [focusItemValue, setFocusItemValue] = (0, _react.useState)(null);
  const focusTarget = (0, _hooks.useEventCallback)(() => {
    var _target$current;
    (_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
  });
  const onEnter = (0, _hooks.useEventCallback)(node => {
    var _props$onEnter;
    setActive(true);
    (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, node);
  });
  const onExit = (0, _hooks.useEventCallback)(node => {
    var _props$onExit;
    setActive(false);
    focusTarget();
    (_props$onExit = props.onExit) === null || _props$onExit === void 0 || _props$onExit.call(props, node);
  });
  return {
    active,
    focusItemValue,
    setFocusItemValue,
    triggerProps: {
      onEnter,
      onExit
    }
  };
}
var _default = exports.default = useFocusState;