lexical-beautiful-mentions/cjs/useMentionLookupService.js

A mentions plugin for the lexical text editor.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useMentionLookupService = useMentionLookupService;
const react_1 = require("react");
const useDebounce_1 = require("./useDebounce");
function useMentionLookupService(options) {
    const { queryString, trigger, searchDelay, items, onSearch, justSelectedAnOption, } = options;
    const debouncedQueryString = (0, useDebounce_1.useDebounce)(queryString, searchDelay);
    const [loading, setLoading] = (0, react_1.useState)(false);
    const [results, setResults] = (0, react_1.useState)([]);
    const [query, setQuery] = (0, react_1.useState)(null);
    // lookup in items (no search function)
    (0, react_1.useEffect)(() => {
        if (!items) {
            return;
        }
        if (trigger === null) {
            setResults([]);
            setQuery(null);
            return;
        }
        const mentions = Object.entries(items).find(([key]) => {
            return new RegExp(key).test(trigger);
        });
        if (!mentions) {
            return;
        }
        const result = !queryString
            ? [...mentions[1]]
            : mentions[1].filter((item) => {
                const value = typeof item === "string" ? item : item.value;
                return value.toLowerCase().includes(queryString.toLowerCase());
            });
        setResults(result);
        setQuery(queryString);
    }, [items, trigger, queryString]);
    // lookup by calling onSearch
    (0, react_1.useEffect)(() => {
        if (!onSearch) {
            return;
        }
        if (trigger === null || debouncedQueryString === null) {
            setResults([]);
            setQuery(null);
            return;
        }
        setLoading(true);
        setQuery(debouncedQueryString);
        onSearch(trigger, (justSelectedAnOption === null || justSelectedAnOption === void 0 ? void 0 : justSelectedAnOption.current) ? "" : debouncedQueryString)
            .then((result) => {
            setResults(result);
        })
            .finally(() => {
            setLoading(false);
        });
        if (justSelectedAnOption === null || justSelectedAnOption === void 0 ? void 0 : justSelectedAnOption.current) {
            justSelectedAnOption.current = false;
        }
    }, [debouncedQueryString, onSearch, trigger, justSelectedAnOption]);
    return (0, react_1.useMemo)(() => ({ loading, results, query }), [loading, results, query]);
}