Function SearchMenuTrigger

packages/dev/s2-docs/src/SearchMenuTrigger.tsx:58–325

({
  onOpen,
  onClose,
  isSearchOpen,
  overlayId,
  staticColor,
  ...props
}: SearchMenuTriggerProps)

});

export default function SearchMenuTrigger({
  onOpen,
  onClose,
  isSearchOpen,
  overlayId,
  staticColor,
  ...props
}: SearchMenuTriggerProps) {
  let {currentPage} = useRouter();
  let {colorScheme} = useSettings();
  let [initialSearchValue, setInitialSearchValue] = useState('');
  let open = useCallback(
    (value: string) => {
      setInitialSearchValue(value);
      onOpen();
    },
    [onOpen]
  );

  useEffect(() => {
    preloadSearchMenu();
  }, []);

  // Type to search handler
  let onKeyDown = useCallback(
    (e: React.KeyboardEvent<HTMLButtonElement>) => {
      // Ignore modifier keys, navigation keys, Enter, Escape, etc.
      if (e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey && e.key !== ' ') {
        e.preventDefault();
        open(e.key);
      }

      if (e.key === 'ArrowDown') {
        e.preventDefault();
        open('');
      }
    },
    [open]
  );

  useEffect(() => {
    let isMac = /Mac/.test(navigator.platform);
    const isTextInputLike = (el: Element | null): boolean => {
      if (!el) {
        return false;
      }
      let h = el as HTMLElement;
      return (
        h.isContentEditable || !!el.closest('input, textarea, [contenteditable], [role="textbox"]')
      );
    };

    const handleKeyDown = (e: KeyboardEvent) => {
      if (e.isComposing) {
        // avoid intercepting IME input
        return;
      }