@blocklet/editor 2.4.21 → 2.4.22

package/lib/main/editor.js

@@ -33,7 +33,6 @@ import CollapsiblePlugin from './plugins/CollapsiblePlugin';
 import ComponentPickerPlugin from './plugins/ComponentPickerPlugin';
 import DragDropPaste from './plugins/DragDropPastePlugin';
 import DraggableBlockPlugin from './plugins/DraggableBlockPlugin';
-import EmojiPickerPlugin from './plugins/EmojiPickerPlugin';
 import ExcalidrawPlugin from './plugins/ExcalidrawPlugin';
 import FigmaPlugin from './plugins/FigmaPlugin';
 import FloatingLinkEditorPlugin from './plugins/FloatingLinkEditorPlugin';
@@ -108,5 +107,5 @@ export default function Editor({ children, prepend, placeholder, onChange, autoF
     if (minimalMode) {
         return (_jsxs(_Fragment, { children: [prepend, isRichText && editable && showToolbar && _jsx(ToolbarPlugin, {}), hasNodes('image') && hasUploader && _jsx(DragDropPaste, {}), autoFocus && _jsx(AutoFocusPlugin, { defaultSelection: "rootEnd" }), _jsx(ClearEditorPlugin, {}), !!editable && _jsx(ComponentPickerPlugin, {}), !!editable && _jsx(MentionsPlugin, {}), hasNodes('link') && _jsx(AutoEmbedPlugin, {}), _jsx(PasteSlackImagePlugin, {}), _jsx(StyledEditorContent, { ref: onRef, className: cx('be-content', editable && 'editable'), children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: cx('be-editable', 'notranslate') }), placeholder: _jsx(Placeholder, { className: "be-placeholder", children: placeholder }), ErrorBoundary: LexicalErrorBoundary }) }), hasNodes('code', 'code-highlight') && _jsx(CodeHighlightPlugin, {}), hasNodes('code') && _jsx(CodeCopyPlugin, {}), hasNodes('image') && hasUploader && _jsx(ImagesPlugin, {}), hasNodes('video') && _jsx(VideoPlugin, {}), hasNodes('link') && _jsx(LinkPlugin, {}), hasNodes('tweet') && _jsx(TwitterPlugin, {}), hasNodes('youtube') && _jsx(YouTubePlugin, {}), hasNodes('figma') && _jsx(FigmaPlugin, {}), _jsx(PostLinkEmbedPlugin, {}), _jsx(BookmarkPlugin, {}), editable && _jsx(CustomOnChangePlugin, { placeholder: placeholder }), editable && _jsx(TemplatePlugin, {}), !editable && _jsx(BlurTextPlugin, {}), hasNodes('pdf') && _jsx(PdfPlugin, {}), hasNodes('file') && _jsx(FilePlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), hasNodes('excalidraw') && _jsx(ExcalidrawPlugin, {}), hasNodes('alert') && _jsx(AlertPlugin, {}), hasNodes('pages-kit-component') && _jsx(PagesKitComponentPlugin, {}), _jsx(TabFocusPlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: onChange }), floatingAnchorElem && editable && hasNodes('link') && (_jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem })), !!characterLimitConfig?.maxLength && (_jsx(CharacterLimitPlugin, { maxLength: characterLimitConfig.maxLength, charLimitIndicatorStyle: characterLimitConfig.indicatorStyle, alignLeft: characterLimitConfig.alignLeft })), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), children] }));
     }
-    return (_jsxs(_Fragment, { children: [prepend, isRichText && editable && showToolbar && _jsx(ToolbarPlugin, {}), !!characterLimitConfig?.maxLength && (_jsx(CharacterLimitPlugin, { maxLength: characterLimitConfig.maxLength, charLimitIndicatorStyle: characterLimitConfig.indicatorStyle, alignLeft: characterLimitConfig.alignLeft })), hasNodes('image') && hasUploader && _jsx(DragDropPaste, {}), autoFocus && _jsx(AutoFocusPlugin, { defaultSelection: "rootEnd" }), _jsx(ClearEditorPlugin, {}), !!editable && _jsx(ComponentPickerPlugin, {}), !!editable && _jsx(EmojiPickerPlugin, {}), hasNodes('link') && _jsx(AutoEmbedPlugin, {}), !!editable && _jsx(MentionsPlugin, {}), hasNodes('hashtag') && _jsx(HashtagPlugin, {}), hasNodes('autolink') && !!editable && _jsx(AutoLinkPlugin, {}), isRichText ? (_jsxs(_Fragment, { children: [_jsx(PasteSlackImagePlugin, {}), _jsx(HistoryPlugin, { externalHistoryState: historyState }), _jsx(StyledEditorContent, { ref: onRef, className: cx('be-content', editable && 'editable'), children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: cx('be-editable', 'notranslate') }), placeholder: _jsx(Placeholder, { className: "be-placeholder", children: placeholder }), ErrorBoundary: LexicalErrorBoundary }) }), _jsx(MarkdownShortcutPlugin, {}), _jsx(TabIndentationPlugin, {}), hasNodes('code', 'code-highlight') && _jsx(CodeHighlightPlugin, {}), hasNodes('code') && _jsx(CodeCopyPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListPlugin, {}), hasNodes('list', 'listitem') && _jsx(CheckListPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListMaxIndentLevelPlugin, { maxDepth: 7 }), hasNodes('table', 'tablerow', 'tablecell') && editable && (_jsx(TablePlugin, { hasCellMerge: true, hasCellBackgroundColor: true, hasHorizontalScroll: true })), hasNodes('table', 'tablerow', 'tablecell') && _jsx(TableCellResizer, {}), hasNodes('image') && hasUploader && _jsx(ImagesPlugin, {}), hasNodes('video') && _jsx(VideoPlugin, {}), hasNodes('link') && _jsx(LinkPlugin, {}), hasNodes('tweet') && _jsx(TwitterPlugin, {}), hasNodes('youtube') && _jsx(YouTubePlugin, {}), hasNodes('figma') && _jsx(FigmaPlugin, {}), _jsx(BilibiliPlugin, {}), _jsx(BlockletEmbedPlugin, {}), _jsx(PostLinkEmbedPlugin, {}), _jsx(BookmarkPlugin, {}), _jsx(AidePlugin, {}), editable && _jsx(CustomOnChangePlugin, { placeholder: placeholder }), editable && _jsx(TemplatePlugin, {}), !editable && _jsx(BlurTextPlugin, {}), hasNodes('pdf') && _jsx(PdfPlugin, {}), hasNodes('file') && _jsx(FilePlugin, {}), hasNodes('link') && _jsx(ClickableLinkPlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), hasNodes('excalidraw') && _jsx(ExcalidrawPlugin, {}), hasNodes('alert') && _jsx(AlertPlugin, {}), hasNodes('pages-kit-component') && _jsx(PagesKitComponentPlugin, {}), _jsx(TabFocusPlugin, {}), hasNodes('collapsible-container', 'collapsible-content', 'collapsible-title') && _jsx(CollapsiblePlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: onChange }), floatingAnchorElem && editable && (_jsxs(_Fragment, { children: [_jsx(DraggableBlockPlugin, { anchorElem: floatingAnchorElem }), hasNodes('link') && _jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem }), hasNodes('table') && _jsx(TableCellActionMenuPlugin, { anchorElem: floatingAnchorElem, cellMerge: true }), _jsx(FloatingTextFormatToolbarPlugin, { anchorElem: floatingAnchorElem })] })), enableHeadingsIdPlugin && _jsx(HeadingsIdPlugin, {})] })) : (_jsxs(_Fragment, { children: [_jsx(PlainTextPlugin, { contentEditable: _jsx(ContentEditable, {}), placeholder: _jsx(Placeholder, { children: "placeholder" }), ErrorBoundary: LexicalErrorBoundary }), _jsx(HistoryPlugin, { externalHistoryState: historyState })] })), _jsx("div", { children: showTableOfContents && _jsx(TableOfContentsPlugin, {}) }), _jsx(MarkdownHeadTextPlugin, {}), _jsx(EditorHolderPlugin, {}), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), onReady && _jsx(EditorReadyPlugin, { onReady: onReady }), children] }));
+    return (_jsxs(_Fragment, { children: [prepend, isRichText && editable && showToolbar && _jsx(ToolbarPlugin, {}), !!characterLimitConfig?.maxLength && (_jsx(CharacterLimitPlugin, { maxLength: characterLimitConfig.maxLength, charLimitIndicatorStyle: characterLimitConfig.indicatorStyle, alignLeft: characterLimitConfig.alignLeft })), hasNodes('image') && hasUploader && _jsx(DragDropPaste, {}), autoFocus && _jsx(AutoFocusPlugin, { defaultSelection: "rootEnd" }), _jsx(ClearEditorPlugin, {}), !!editable && _jsx(ComponentPickerPlugin, {}), hasNodes('link') && _jsx(AutoEmbedPlugin, {}), !!editable && _jsx(MentionsPlugin, {}), hasNodes('hashtag') && _jsx(HashtagPlugin, {}), hasNodes('autolink') && !!editable && _jsx(AutoLinkPlugin, {}), isRichText ? (_jsxs(_Fragment, { children: [_jsx(PasteSlackImagePlugin, {}), _jsx(HistoryPlugin, { externalHistoryState: historyState }), _jsx(StyledEditorContent, { ref: onRef, className: cx('be-content', editable && 'editable'), children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: cx('be-editable', 'notranslate') }), placeholder: _jsx(Placeholder, { className: "be-placeholder", children: placeholder }), ErrorBoundary: LexicalErrorBoundary }) }), _jsx(MarkdownShortcutPlugin, {}), _jsx(TabIndentationPlugin, {}), hasNodes('code', 'code-highlight') && _jsx(CodeHighlightPlugin, {}), hasNodes('code') && _jsx(CodeCopyPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListPlugin, {}), hasNodes('list', 'listitem') && _jsx(CheckListPlugin, {}), hasNodes('list', 'listitem') && _jsx(ListMaxIndentLevelPlugin, { maxDepth: 7 }), hasNodes('table', 'tablerow', 'tablecell') && editable && (_jsx(TablePlugin, { hasCellMerge: true, hasCellBackgroundColor: true, hasHorizontalScroll: true })), hasNodes('table', 'tablerow', 'tablecell') && _jsx(TableCellResizer, {}), hasNodes('image') && hasUploader && _jsx(ImagesPlugin, {}), hasNodes('video') && _jsx(VideoPlugin, {}), hasNodes('link') && _jsx(LinkPlugin, {}), hasNodes('tweet') && _jsx(TwitterPlugin, {}), hasNodes('youtube') && _jsx(YouTubePlugin, {}), hasNodes('figma') && _jsx(FigmaPlugin, {}), _jsx(BilibiliPlugin, {}), _jsx(BlockletEmbedPlugin, {}), _jsx(PostLinkEmbedPlugin, {}), _jsx(BookmarkPlugin, {}), _jsx(AidePlugin, {}), editable && _jsx(CustomOnChangePlugin, { placeholder: placeholder }), editable && _jsx(TemplatePlugin, {}), !editable && _jsx(BlurTextPlugin, {}), hasNodes('pdf') && _jsx(PdfPlugin, {}), hasNodes('file') && _jsx(FilePlugin, {}), hasNodes('link') && _jsx(ClickableLinkPlugin, {}), hasNodes('horizontalrule') && _jsx(HorizontalRulePlugin, {}), hasNodes('excalidraw') && _jsx(ExcalidrawPlugin, {}), hasNodes('alert') && _jsx(AlertPlugin, {}), hasNodes('pages-kit-component') && _jsx(PagesKitComponentPlugin, {}), _jsx(TabFocusPlugin, {}), hasNodes('collapsible-container', 'collapsible-content', 'collapsible-title') && _jsx(CollapsiblePlugin, {}), onChange && _jsx(OnChangePlugin, { onChange: onChange }), floatingAnchorElem && editable && (_jsxs(_Fragment, { children: [_jsx(DraggableBlockPlugin, { anchorElem: floatingAnchorElem }), hasNodes('link') && _jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem }), hasNodes('table') && _jsx(TableCellActionMenuPlugin, { anchorElem: floatingAnchorElem, cellMerge: true }), _jsx(FloatingTextFormatToolbarPlugin, { anchorElem: floatingAnchorElem })] })), enableHeadingsIdPlugin && _jsx(HeadingsIdPlugin, {})] })) : (_jsxs(_Fragment, { children: [_jsx(PlainTextPlugin, { contentEditable: _jsx(ContentEditable, {}), placeholder: _jsx(Placeholder, { children: "placeholder" }), ErrorBoundary: LexicalErrorBoundary }), _jsx(HistoryPlugin, { externalHistoryState: historyState })] })), _jsx("div", { children: showTableOfContents && _jsx(TableOfContentsPlugin, {}) }), _jsx(MarkdownHeadTextPlugin, {}), _jsx(EditorHolderPlugin, {}), editorRef && _jsx(EditorRefPlugin, { editorRef: editorRef }), onReady && _jsx(EditorReadyPlugin, { onReady: onReady }), children] }));
 }

package/lib/main/index.css

@@ -928,96 +928,6 @@ button.action-button:disabled {
   margin: 0 4px;
 }
 
-.sticky-note-container {
-  position: absolute;
-  z-index: 9;
-  width: 120px;
-  display: inline-block;
-}
-
-.sticky-note {
-  line-height: 1;
-  text-align: left;
-  width: 120px;
-  margin: 25px;
-  padding: 20px 10px;
-  position: relative;
-  border: 1px solid #e8e8e8;
-  font-family: 'Reenie Beanie';
-  font-size: 24px;
-  border-bottom-right-radius: 60px 5px;
-  display: block;
-  cursor: move;
-}
-
-.sticky-note:after {
-  content: '';
-  position: absolute;
-  z-index: -1;
-  right: -0px;
-  bottom: 20px;
-  width: 120px;
-  height: 25px;
-  background: rgba(0, 0, 0, 0.2);
-  box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.4);
-  transform: matrix(-1, -0.1, 0, 1, 0, 0);
-}
-
-.sticky-note.yellow {
-  border-top: 1px solid #fdfd86;
-  background: linear-gradient(135deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6 100%);
-}
-
-.sticky-note.pink {
-  border-top: 1px solid #e7d1e4;
-  background: linear-gradient(135deg, #f7cbe8 81%, #f7cbe8 82%, #f7cbe8 82%, #e7bfe1 100%);
-}
-
-.sticky-note-container.dragging {
-  transition: none !important;
-}
-
-.sticky-note div {
-  cursor: text;
-}
-
-.sticky-note .delete {
-  border: 0;
-  background: none;
-  position: absolute;
-  top: 8px;
-  right: 10px;
-  font-size: 10px;
-  cursor: pointer;
-  opacity: 0.5;
-}
-
-.sticky-note .delete:hover {
-  font-weight: bold;
-  opacity: 1;
-}
-
-.sticky-note .color {
-  border: 0;
-  background: none;
-  position: absolute;
-  top: 8px;
-  right: 25px;
-  cursor: pointer;
-  opacity: 0.5;
-}
-
-.sticky-note .color:hover {
-  opacity: 1;
-}
-
-.sticky-note .color i {
-  display: block;
-  width: 12px;
-  height: 12px;
-  background-size: contain;
-}
-
 .excalidraw-button {
   border: 0;
   padding: 0;

package/lib/main/nodes/PlaygroundNodes.js

@@ -25,7 +25,6 @@ import { ImageNode } from './ImageNode';
 import { MermaidNode } from './MermaidNode';
 import { KeywordNode } from './KeywordNode';
 import { MentionNode } from './MentionNode';
-import { StickyNode } from './StickyNode';
 import { TweetNode } from './TweetNode';
 import { YouTubeNode } from './YouTubeNode';
 import { BilibiliNode } from '../../ext/BilibiliPlugin/BilibiliNode';
@@ -54,7 +53,6 @@ const PlaygroundNodes = [
     AutoLinkNode,
     LinkNode,
     OverflowNode,
-    StickyNode,
     ImageNode,
     VideoNode,
     MentionNode,

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

@@ -16,7 +16,6 @@ import { IS_APPLE } from '../../../shared/environment';
 import useHasNodes from '../../hooks/useHasNodes';
 import useModal from '../../hooks/useModal';
 // import catTypingGif from "../../images/cat-typing.gif";
-// import { $createStickyNode } from "../../nodes/StickyNode";
 import ColorPicker from '../../ui/ColorPicker';
 import DropDown, { DropDownItem } from '../../ui/DropDown';
 import { getSelectedNode } from '../../utils/getSelectedNode';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.4.21",
+  "version": "2.4.22",
   "main": "lib/index.js",
   "publishConfig": {
     "access": "public"
@@ -69,7 +69,7 @@
     "ufo": "^1.5.4",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/pdf": "^2.4.21"
+    "@blocklet/pdf": "^2.4.22"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",

package/lib/main/nodes/StickyComponent.d.ts

@@ -1,17 +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 { LexicalEditor, NodeKey } from 'lexical';
-import { type JSX } from 'react';
-import './StickyNode.css';
-export default function StickyComponent({ x, y, nodeKey, color, caption, }: {
-    caption: LexicalEditor;
-    color: 'pink' | 'yellow';
-    nodeKey: NodeKey;
-    x: number;
-    y: number;
-}): JSX.Element;

package/lib/main/nodes/StickyComponent.js

@@ -1,158 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } 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 { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
-import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
-import { LexicalNestedComposer } from '@lexical/react/LexicalNestedComposer';
-import { PlainTextPlugin } from '@lexical/react/LexicalPlainTextPlugin';
-import { $getNodeByKey } from 'lexical';
-import { useEffect, useRef } from 'react';
-import useLayoutEffect from '../../shared/useLayoutEffect';
-import { useSharedHistoryContext } from '../context/SharedHistoryContext';
-import defaultTheme from '../themes/defaultTheme';
-import ContentEditable from '../ui/ContentEditable';
-import Placeholder from '../ui/Placeholder';
-import { $isStickyNode } from './StickyNode';
-import './StickyNode.css';
-function positionSticky(stickyElem, positioning) {
-    const { style } = stickyElem;
-    const { rootElementRect } = positioning;
-    const rectLeft = rootElementRect !== null ? rootElementRect.left : 0;
-    const rectTop = rootElementRect !== null ? rootElementRect.top : 0;
-    style.top = `${rectTop + positioning.y}px`;
-    style.left = `${rectLeft + positioning.x}px`;
-}
-export default function StickyComponent({ x, y, nodeKey, color, caption, }) {
-    const [editor] = useLexicalComposerContext();
-    const stickyContainerRef = useRef(null);
-    const positioningRef = useRef({
-        isDragging: false,
-        offsetX: 0,
-        offsetY: 0,
-        rootElementRect: null,
-        x: 0,
-        y: 0,
-    });
-    useEffect(() => {
-        const position = positioningRef.current;
-        position.x = x;
-        position.y = y;
-        const stickyContainer = stickyContainerRef.current;
-        if (stickyContainer !== null) {
-            positionSticky(stickyContainer, position);
-        }
-    }, [x, y]);
-    useLayoutEffect(() => {
-        const position = positioningRef.current;
-        const resizeObserver = new ResizeObserver((entries) => {
-            for (let i = 0; i < entries.length; i++) {
-                const entry = entries[i];
-                const { target } = entry;
-                position.rootElementRect = target.getBoundingClientRect();
-                const stickyContainer = stickyContainerRef.current;
-                if (stickyContainer !== null) {
-                    positionSticky(stickyContainer, position);
-                }
-            }
-        });
-        const removeRootListener = editor.registerRootListener((nextRootElem, prevRootElem) => {
-            if (prevRootElem !== null) {
-                resizeObserver.unobserve(prevRootElem);
-            }
-            if (nextRootElem !== null) {
-                resizeObserver.observe(nextRootElem);
-            }
-        });
-        const handleWindowResize = () => {
-            const rootElement = editor.getRootElement();
-            const stickyContainer = stickyContainerRef.current;
-            if (rootElement !== null && stickyContainer !== null) {
-                position.rootElementRect = rootElement.getBoundingClientRect();
-                positionSticky(stickyContainer, position);
-            }
-        };
-        window.addEventListener('resize', handleWindowResize);
-        return () => {
-            window.removeEventListener('resize', handleWindowResize);
-            removeRootListener();
-        };
-    }, [editor]);
-    useEffect(() => {
-        const stickyContainer = stickyContainerRef.current;
-        if (stickyContainer !== null) {
-            // Delay adding transition so we don't trigger the
-            // transition on load of the sticky.
-            setTimeout(() => {
-                stickyContainer.style.setProperty('transition', 'top 0.3s ease 0s, left 0.3s ease 0s');
-            }, 500);
-        }
-    }, []);
-    const handlePointerMove = (event) => {
-        const stickyContainer = stickyContainerRef.current;
-        const positioning = positioningRef.current;
-        const { rootElementRect } = positioning;
-        if (stickyContainer !== null && positioning.isDragging && rootElementRect !== null) {
-            positioning.x = event.pageX - positioning.offsetX - rootElementRect.left;
-            positioning.y = event.pageY - positioning.offsetY - rootElementRect.top;
-            positionSticky(stickyContainer, positioning);
-        }
-    };
-    const handlePointerUp = (event) => {
-        const stickyContainer = stickyContainerRef.current;
-        const positioning = positioningRef.current;
-        if (stickyContainer !== null) {
-            positioning.isDragging = false;
-            stickyContainer.classList.remove('dragging');
-            editor.update(() => {
-                const node = $getNodeByKey(nodeKey);
-                if ($isStickyNode(node)) {
-                    node.setPosition(positioning.x, positioning.y);
-                }
-            });
-        }
-        document.removeEventListener('pointermove', handlePointerMove);
-        document.removeEventListener('pointerup', handlePointerUp);
-    };
-    const handleDelete = () => {
-        editor.update(() => {
-            const node = $getNodeByKey(nodeKey);
-            if ($isStickyNode(node)) {
-                node.remove();
-            }
-        });
-    };
-    const handleColorChange = () => {
-        editor.update(() => {
-            const node = $getNodeByKey(nodeKey);
-            if ($isStickyNode(node)) {
-                node.toggleColor();
-            }
-        });
-    };
-    const { historyState } = useSharedHistoryContext();
-    return (_jsx("div", { ref: stickyContainerRef, className: "sticky-note-container", children: _jsxs("div", { className: `sticky-note ${color}`, onPointerDown: (event) => {
-                const stickyContainer = stickyContainerRef.current;
-                if (stickyContainer == null || event.button === 2 || event.target !== stickyContainer.firstChild) {
-                    // Right click or click on editor should not work
-                    return;
-                }
-                const stickContainer = stickyContainer;
-                const positioning = positioningRef.current;
-                if (stickContainer !== null) {
-                    const { top, left } = stickContainer.getBoundingClientRect();
-                    positioning.offsetX = event.clientX - left;
-                    positioning.offsetY = event.clientY - top;
-                    positioning.isDragging = true;
-                    stickContainer.classList.add('dragging');
-                    document.addEventListener('pointermove', handlePointerMove);
-                    document.addEventListener('pointerup', handlePointerUp);
-                    event.preventDefault();
-                }
-            }, children: [_jsx("button", { onClick: handleDelete, className: "delete", "aria-label": "Delete sticky note", title: "Delete", children: "X" }), _jsx("button", { onClick: handleColorChange, className: "color", "aria-label": "Change sticky note color", title: "Color", children: _jsx("i", { className: "bucket" }) }), _jsxs(LexicalNestedComposer, { initialEditor: caption, initialTheme: defaultTheme, children: [_jsx(HistoryPlugin, { externalHistoryState: historyState }), _jsx(PlainTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "StickyNode__contentEditable" }), placeholder: _jsx(Placeholder, { className: "StickyNode__placeholder", children: "What's up?" }), ErrorBoundary: LexicalErrorBoundary })] })] }) }));
-}

package/lib/main/nodes/StickyNode.css

@@ -1,38 +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.
- *
- *
- */
-.StickyNode__contentEditable {
-  min-height: 20px;
-  border: 0;
-  resize: none;
-  cursor: text;
-  font-size: 24px;
-  caret-color: rgb(5, 5, 5);
-  display: block;
-  position: relative;
-  tab-size: 1;
-  outline: 0;
-  padding: 10px;
-  user-select: text;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-}
-.StickyNode__placeholder {
-  font-size: 24px;
-  color: #999;
-  overflow: hidden;
-  position: absolute;
-  text-overflow: ellipsis;
-  top: 30px;
-  left: 20px;
-  width: 120px;
-  user-select: none;
-  white-space: nowrap;
-  display: inline-block;
-  pointer-events: none;
-}

package/lib/main/nodes/StickyNode.d.ts

@@ -1,39 +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 { EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
-import { DecoratorNode } from 'lexical';
-import { type JSX } from 'react';
-type StickyNoteColor = 'pink' | 'yellow';
-export type SerializedStickyNode = Spread<{
-    xOffset: number;
-    yOffset: number;
-    color: StickyNoteColor;
-    caption: LexicalEditor;
-    type: 'sticky';
-    version: 1;
-}, SerializedLexicalNode>;
-export declare class StickyNode extends DecoratorNode<JSX.Element> {
-    __x: number;
-    __y: number;
-    __color: StickyNoteColor;
-    __caption: LexicalEditor;
-    static getType(): string;
-    static clone(node: StickyNode): StickyNode;
-    static importJSON(serializedNode: SerializedStickyNode): StickyNode;
-    constructor(x: number, y: number, color: 'pink' | 'yellow', caption?: LexicalEditor, key?: NodeKey);
-    exportJSON(): SerializedStickyNode;
-    createDOM(config: EditorConfig): HTMLElement;
-    updateDOM(): false;
-    setPosition(x: number, y: number): void;
-    toggleColor(): void;
-    decorate(editor: LexicalEditor, config: EditorConfig): JSX.Element;
-    isIsolated(): true;
-}
-export declare function $isStickyNode(node: LexicalNode | null | undefined): node is StickyNode;
-export declare function $createStickyNode(xOffset: number, yOffset: number): StickyNode;
-export {};

package/lib/main/nodes/StickyNode.js

@@ -1,70 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { $setSelection, createEditor, DecoratorNode } from 'lexical';
-import { lazyRetry as lazy } from '@arcblock/ux/lib/Util';
-import { Suspense } from 'react';
-import { createPortal } from 'react-dom';
-const StickyComponent = lazy(
-// @ts-ignore
-() => import('./StickyComponent'));
-export class StickyNode extends DecoratorNode {
-    __x;
-    __y;
-    __color;
-    __caption;
-    static getType() {
-        return 'sticky';
-    }
-    static clone(node) {
-        return new StickyNode(node.__x, node.__y, node.__color, node.__caption, node.__key);
-    }
-    static importJSON(serializedNode) {
-        return new StickyNode(serializedNode.xOffset, serializedNode.yOffset, serializedNode.color, serializedNode.caption);
-    }
-    constructor(x, y, color, caption, key) {
-        super(key);
-        this.__x = x;
-        this.__y = y;
-        this.__caption = caption || createEditor();
-        this.__color = color;
-    }
-    exportJSON() {
-        return {
-            caption: this.__caption,
-            color: this.__color,
-            type: 'sticky',
-            version: 1,
-            xOffset: this.__x,
-            yOffset: this.__y,
-        };
-    }
-    createDOM(config) {
-        const div = document.createElement('div');
-        div.style.display = 'contents';
-        return div;
-    }
-    updateDOM() {
-        return false;
-    }
-    setPosition(x, y) {
-        const writable = this.getWritable();
-        writable.__x = x;
-        writable.__y = y;
-        $setSelection(null);
-    }
-    toggleColor() {
-        const writable = this.getWritable();
-        writable.__color = writable.__color === 'pink' ? 'yellow' : 'pink';
-    }
-    decorate(editor, config) {
-        return createPortal(_jsx(Suspense, { fallback: null, children: _jsx(StickyComponent, { color: this.__color, x: this.__x, y: this.__y, nodeKey: this.getKey(), caption: this.__caption }) }), document.body);
-    }
-    isIsolated() {
-        return true;
-    }
-}
-export function $isStickyNode(node) {
-    return node instanceof StickyNode;
-}
-export function $createStickyNode(xOffset, yOffset) {
-    return new StickyNode(xOffset, yOffset, 'yellow');
-}

package/lib/main/plugins/EmojiPickerPlugin/emoji-list.d.ts

@@ -1,27 +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.
- *
- */
-declare const _default: ({
-    description: string;
-    emoji: string;
-    category: string;
-    aliases: string[];
-    tags: string[];
-    unicode_version: string;
-    ios_version: string;
-    skin_tones?: undefined;
-} | {
-    emoji: string;
-    description: string;
-    category: string;
-    aliases: string[];
-    tags: string[];
-    unicode_version: string;
-    ios_version: string;
-    skin_tones: boolean;
-})[];
-export default _default;