rsuite/esm/Cascader/useActive.js

A suite of react components

'use client';
import { useState } from 'react';
import { useEventCallback } from "../internals/hooks/index.js";
const useActive = props => {
  const {
    onOpen,
    onClose,
    target,
    setSearchKeyword
  } = props;
  // Use component active state to support keyboard events.
  const [active, setActive] = useState(false);
  const onEnter = useEventCallback(node => {
    var _props$onEnter;
    (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, node);
    if (!target.current) {
      return;
    }
    onOpen === null || onOpen === void 0 || onOpen();
    setActive(true);
  });
  const onExit = useEventCallback(node => {
    var _props$onExit;
    (_props$onExit = props.onExit) === null || _props$onExit === void 0 || _props$onExit.call(props, node);
    if (!target.current) {
      return;
    }
    onClose === null || onClose === void 0 || onClose();
    setActive(false);
    setSearchKeyword('');
  });
  return {
    active,
    events: {
      onEnter,
      onExit
    }
  };
};
export default useActive;