@blocklet/editor 2.4.21 → 2.4.22

package/lib/main/plugins/EmojiPickerPlugin/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-export default function EmojiPickerPlugin(): import("react/jsx-runtime").JSX.Element;

package/lib/main/plugins/EmojiPickerPlugin/index.js

@@ -1,86 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $createTextNode, $getSelection, $isRangeSelection } from 'lexical';
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { LexicalTypeaheadMenuPlugin, TypeaheadOption, useBasicTypeaheadTriggerMatch, } from '../LexicalTypeaheadMenuPlugin';
-import createPortal from '../../../components/createPortal';
-class EmojiOption extends TypeaheadOption {
-    title;
-    emoji;
-    keywords;
-    constructor(title, emoji, options) {
-        super(title);
-        this.title = title;
-        this.emoji = emoji;
-        this.keywords = options.keywords || [];
-    }
-}
-function EmojiMenuItem({ index, isSelected, onClick, onMouseEnter, option, }) {
-    let className = 'item';
-    if (isSelected) {
-        className += ' selected';
-    }
-    return (_jsx("li", { tabIndex: -1, className: className, ref: option.setRefElement, role: "option", "aria-selected": isSelected, id: `typeahead-item-${index}`, onMouseEnter: onMouseEnter, onClick: onClick, children: _jsxs("span", { className: "text", children: [option.emoji, " ", option.title] }) }, option.key));
-}
-const MAX_EMOJI_SUGGESTION_COUNT = 10;
-export default function EmojiPickerPlugin() {
-    const [editor] = useLexicalComposerContext();
-    const [queryString, setQueryString] = useState(null);
-    const [emojis, setEmojis] = useState([]);
-    useEffect(() => {
-        // @ts-ignore
-        import('./emoji-list').then((file) => setEmojis(file.default));
-    }, []);
-    const emojiOptions = useMemo(() => emojis != null
-        ? emojis.map(({ emoji, aliases, tags }) => new EmojiOption(aliases[0], emoji, {
-            keywords: [...aliases, ...tags],
-        }))
-        : [], [emojis]);
-    const checkForTriggerMatch = useBasicTypeaheadTriggerMatch(':', {
-        minLength: 0,
-    });
-    const options = useMemo(() => {
-        return emojiOptions
-            .filter((option) => {
-            return queryString != null
-                ? new RegExp(queryString, 'gi').exec(option.title) || option.keywords != null
-                    ? option.keywords.some((keyword) => new RegExp(queryString, 'gi').exec(keyword))
-                    : false
-                : emojiOptions;
-        })
-            .slice(0, MAX_EMOJI_SUGGESTION_COUNT);
-    }, [emojiOptions, queryString]);
-    const onSelectOption = useCallback((selectedOption, nodeToRemove, closeMenu) => {
-        editor.update(() => {
-            const selection = $getSelection();
-            if (!$isRangeSelection(selection) || selectedOption == null) {
-                return;
-            }
-            if (nodeToRemove) {
-                nodeToRemove.remove();
-            }
-            selection.insertNodes([$createTextNode(selectedOption.emoji)]);
-            closeMenu();
-        });
-    }, [editor]);
-    return (_jsx(LexicalTypeaheadMenuPlugin, { onQueryChange: setQueryString, onSelectOption: onSelectOption, triggerFn: checkForTriggerMatch, options: options, menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => {
-            if (anchorElementRef.current == null || options.length === 0) {
-                return null;
-            }
-            return anchorElementRef.current && options.length
-                ? createPortal(_jsx("div", { className: "typeahead-popover emoji-menu", children: _jsx("ul", { children: options.map((option, index) => (_jsx("div", { children: _jsx(EmojiMenuItem, { index: index, isSelected: selectedIndex === index, onClick: () => {
-                                    setHighlightedIndex(index);
-                                    selectOptionAndCleanUp(option);
-                                }, onMouseEnter: () => {
-                                    setHighlightedIndex(index);
-                                }, option: option }) }, option.key))) }) }), anchorElementRef.current)
-                : null;
-        } }));
-}

package/lib/main/plugins/StickyPlugin/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { type JSX } from 'react';
-export default function StickyPlugin(): JSX.Element | null;

package/lib/main/plugins/StickyPlugin/index.js

@@ -1,19 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useEffect } from 'react';
-import { StickyNode } from '../../nodes/StickyNode';
-export default function StickyPlugin() {
-    const [editor] = useLexicalComposerContext();
-    useEffect(() => {
-        if (!editor.hasNodes([StickyNode])) {
-            throw new Error('StickyPlugin: StickyNode not registered on editor');
-        }
-    }, [editor]);
-    return null;
-}