@multiplatform.one/rich-text 6.0.4 → 6.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +60 -0
- package/dist/cjs/RichEditor.cjs +84 -9
- package/dist/cjs/RichEditor.native.js +422 -35
- package/dist/cjs/RichEditor.native.js.map +1 -1
- package/dist/cjs/RichTextEditor/index.cjs +18 -2
- package/dist/cjs/RichTextEditor/index.native.js +18 -2
- package/dist/cjs/RichTextEditor/index.native.js.map +1 -1
- package/dist/cjs/constants.cjs +52 -29
- package/dist/cjs/constants.native.js +59 -29
- package/dist/cjs/constants.native.js.map +1 -1
- package/dist/cjs/editor/BlockDragHandle.cjs +22 -7
- package/dist/cjs/editor/BlockDragHandle.native.js +41 -7
- package/dist/cjs/editor/BlockDragHandle.native.js.map +1 -1
- package/dist/cjs/editor/SlashCommands.cjs +249 -293
- package/dist/cjs/editor/SlashCommands.native.js +306 -340
- package/dist/cjs/editor/SlashCommands.native.js.map +1 -1
- package/dist/cjs/editor/TentapEditor.native.js +44 -12
- package/dist/cjs/editor/TentapEditor.native.js.map +1 -1
- package/dist/cjs/editor/TiptapEditor.cjs +140 -33
- package/dist/cjs/editor/TiptapEditor.native.js +153 -33
- package/dist/cjs/editor/TiptapEditor.native.js.map +1 -1
- package/dist/cjs/editor/blockAnchor.cjs +43 -0
- package/dist/cjs/editor/blockAnchor.native.js +68 -0
- package/dist/cjs/editor/blockAnchor.native.js.map +1 -0
- package/dist/cjs/editor/codeBlockPreview.cjs +230 -0
- package/dist/cjs/editor/codeBlockPreview.native.js +265 -0
- package/dist/cjs/editor/codeBlockPreview.native.js.map +1 -0
- package/dist/cjs/editor/editorStyles.cjs +203 -34
- package/dist/cjs/editor/editorStyles.native.js +203 -34
- package/dist/cjs/editor/editorStyles.native.js.map +1 -1
- package/dist/cjs/editor/emoji.cjs +128 -0
- package/dist/cjs/editor/emoji.native.js +184 -0
- package/dist/cjs/editor/emoji.native.js.map +1 -0
- package/dist/cjs/editor/lazyKatex.cjs +78 -0
- package/dist/cjs/editor/lazyKatex.native.js +117 -0
- package/dist/cjs/editor/lazyKatex.native.js.map +1 -0
- package/dist/cjs/editor/markdown.cjs +216 -0
- package/dist/cjs/editor/markdown.native.js +278 -0
- package/dist/cjs/editor/markdown.native.js.map +1 -0
- package/dist/cjs/editor/mathematics.cjs +168 -0
- package/dist/cjs/editor/mathematics.native.js +202 -0
- package/dist/cjs/editor/mathematics.native.js.map +1 -0
- package/dist/cjs/editor/media.cjs +138 -0
- package/dist/cjs/editor/media.native.js +172 -0
- package/dist/cjs/editor/media.native.js.map +1 -0
- package/dist/cjs/editor/mentions.cjs +73 -0
- package/dist/cjs/editor/mentions.native.js +84 -0
- package/dist/cjs/editor/mentions.native.js.map +1 -0
- package/dist/cjs/editor/pasteCleanup.cjs +83 -0
- package/dist/cjs/editor/pasteCleanup.native.js +175 -0
- package/dist/cjs/editor/pasteCleanup.native.js.map +1 -0
- package/dist/cjs/editor/suggestionPopup.cjs +297 -0
- package/dist/cjs/editor/suggestionPopup.native.js +327 -0
- package/dist/cjs/editor/suggestionPopup.native.js.map +1 -0
- package/dist/cjs/preview.cjs +263 -0
- package/dist/cjs/preview.native.js +294 -0
- package/dist/cjs/preview.native.js.map +1 -0
- package/dist/cjs/shared/t.cjs +53 -0
- package/dist/cjs/shared/t.native.js +56 -0
- package/dist/cjs/shared/t.native.js.map +1 -0
- package/dist/cjs/shared/url.cjs +35 -0
- package/dist/cjs/shared/url.native.js +38 -0
- package/dist/cjs/shared/url.native.js.map +1 -0
- package/dist/cjs/styled.cjs +13 -6
- package/dist/cjs/styled.native.js +13 -6
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/toolbar/BubbleToolbar.cjs +10 -8
- package/dist/cjs/toolbar/BubbleToolbar.native.js +10 -8
- package/dist/cjs/toolbar/BubbleToolbar.native.js.map +1 -1
- package/dist/cjs/toolbar/CodeBlockBubble.cjs +59 -23
- package/dist/cjs/toolbar/CodeBlockBubble.native.js +71 -25
- package/dist/cjs/toolbar/CodeBlockBubble.native.js.map +1 -1
- package/dist/cjs/toolbar/ColorPicker.cjs +19 -54
- package/dist/cjs/toolbar/ColorPicker.native.js +81 -179
- package/dist/cjs/toolbar/ColorPicker.native.js.map +1 -1
- package/dist/cjs/toolbar/FixedToolbar.cjs +33 -10
- package/dist/cjs/toolbar/FixedToolbar.native.js +46 -54
- package/dist/cjs/toolbar/FixedToolbar.native.js.map +1 -1
- package/dist/cjs/toolbar/HeadingPicker.cjs +32 -39
- package/dist/cjs/toolbar/HeadingPicker.native.js +61 -51
- package/dist/cjs/toolbar/HeadingPicker.native.js.map +1 -1
- package/dist/cjs/toolbar/ImageBubble.cjs +20 -43
- package/dist/cjs/toolbar/ImageBubble.native.js +20 -43
- package/dist/cjs/toolbar/ImageBubble.native.js.map +1 -1
- package/dist/cjs/toolbar/ImageDialog.cjs +5 -4
- package/dist/cjs/toolbar/ImageDialog.native.js +76 -65
- package/dist/cjs/toolbar/ImageDialog.native.js.map +1 -1
- package/dist/cjs/toolbar/LinkBubble.cjs +23 -70
- package/dist/cjs/toolbar/LinkBubble.native.js +23 -70
- package/dist/cjs/toolbar/LinkBubble.native.js.map +1 -1
- package/dist/cjs/toolbar/LinkDialog.cjs +19 -18
- package/dist/cjs/toolbar/LinkDialog.native.js +86 -83
- package/dist/cjs/toolbar/LinkDialog.native.js.map +1 -1
- package/dist/cjs/toolbar/ListPicker.cjs +32 -43
- package/dist/cjs/toolbar/ListPicker.native.js +43 -44
- package/dist/cjs/toolbar/ListPicker.native.js.map +1 -1
- package/dist/cjs/toolbar/MathBubble.cjs +159 -0
- package/dist/cjs/toolbar/MathBubble.native.js +169 -0
- package/dist/cjs/toolbar/MathBubble.native.js.map +1 -0
- package/dist/cjs/toolbar/MoreDropdown.cjs +51 -98
- package/dist/cjs/toolbar/MoreDropdown.native.js +73 -98
- package/dist/cjs/toolbar/MoreDropdown.native.js.map +1 -1
- package/dist/cjs/toolbar/StatusBar.cjs +19 -10
- package/dist/cjs/toolbar/StatusBar.native.js +19 -10
- package/dist/cjs/toolbar/StatusBar.native.js.map +1 -1
- package/dist/cjs/toolbar/TableBubble.cjs +77 -95
- package/dist/cjs/toolbar/TableBubble.native.js +73 -71
- package/dist/cjs/toolbar/TableBubble.native.js.map +1 -1
- package/dist/cjs/toolbar/ToolbarButton.cjs +86 -21
- package/dist/cjs/toolbar/ToolbarButton.native.js +14 -4
- package/dist/cjs/toolbar/ToolbarButton.native.js.map +1 -1
- package/dist/cjs/toolbar/icons.cjs +111 -468
- package/dist/cjs/toolbar/shortcuts.cjs +73 -24
- package/dist/cjs/toolbar/shortcuts.native.js +73 -24
- package/dist/cjs/toolbar/shortcuts.native.js.map +1 -1
- package/dist/cjs/toolbar/useHorizontalScroll.cjs +25 -5
- package/dist/cjs/toolbar/useHorizontalScroll.native.js +25 -5
- package/dist/cjs/toolbar/useHorizontalScroll.native.js.map +1 -1
- package/dist/cjs/toolbar/useRovingFocus.cjs +80 -0
- package/dist/cjs/toolbar/useRovingFocus.native.js +113 -0
- package/dist/cjs/toolbar/useRovingFocus.native.js.map +1 -0
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/esm/RichEditor.mjs +85 -10
- package/dist/esm/RichEditor.mjs.map +1 -1
- package/dist/esm/RichEditor.native.js +425 -38
- package/dist/esm/RichEditor.native.js.map +1 -1
- package/dist/esm/RichTextEditor/index.mjs +18 -2
- package/dist/esm/RichTextEditor/index.mjs.map +1 -1
- package/dist/esm/RichTextEditor/index.native.js +18 -2
- package/dist/esm/RichTextEditor/index.native.js.map +1 -1
- package/dist/esm/constants.mjs +47 -29
- package/dist/esm/constants.mjs.map +1 -1
- package/dist/esm/constants.native.js +54 -29
- package/dist/esm/constants.native.js.map +1 -1
- package/dist/esm/editor/BlockDragHandle.mjs +22 -7
- package/dist/esm/editor/BlockDragHandle.mjs.map +1 -1
- package/dist/esm/editor/BlockDragHandle.native.js +41 -7
- package/dist/esm/editor/BlockDragHandle.native.js.map +1 -1
- package/dist/esm/editor/SlashCommands.mjs +250 -294
- package/dist/esm/editor/SlashCommands.mjs.map +1 -1
- package/dist/esm/editor/SlashCommands.native.js +307 -341
- package/dist/esm/editor/SlashCommands.native.js.map +1 -1
- package/dist/esm/editor/TentapEditor.native.js +45 -13
- package/dist/esm/editor/TentapEditor.native.js.map +1 -1
- package/dist/esm/editor/TiptapEditor.mjs +142 -35
- package/dist/esm/editor/TiptapEditor.mjs.map +1 -1
- package/dist/esm/editor/TiptapEditor.native.js +155 -35
- package/dist/esm/editor/TiptapEditor.native.js.map +1 -1
- package/dist/esm/editor/blockAnchor.mjs +18 -0
- package/dist/esm/editor/blockAnchor.mjs.map +1 -0
- package/dist/esm/editor/blockAnchor.native.js +40 -0
- package/dist/esm/editor/blockAnchor.native.js.map +1 -0
- package/dist/esm/editor/codeBlockPreview.mjs +190 -0
- package/dist/esm/editor/codeBlockPreview.mjs.map +1 -0
- package/dist/esm/editor/codeBlockPreview.native.js +222 -0
- package/dist/esm/editor/codeBlockPreview.native.js.map +1 -0
- package/dist/esm/editor/editorStyles.mjs +203 -34
- package/dist/esm/editor/editorStyles.mjs.map +1 -1
- package/dist/esm/editor/editorStyles.native.js +203 -34
- package/dist/esm/editor/editorStyles.native.js.map +1 -1
- package/dist/esm/editor/emoji.mjs +88 -0
- package/dist/esm/editor/emoji.mjs.map +1 -0
- package/dist/esm/editor/emoji.native.js +141 -0
- package/dist/esm/editor/emoji.native.js.map +1 -0
- package/dist/esm/editor/lazyKatex.mjs +40 -0
- package/dist/esm/editor/lazyKatex.mjs.map +1 -0
- package/dist/esm/editor/lazyKatex.native.js +76 -0
- package/dist/esm/editor/lazyKatex.native.js.map +1 -0
- package/dist/esm/editor/markdown.mjs +179 -0
- package/dist/esm/editor/markdown.mjs.map +1 -0
- package/dist/esm/editor/markdown.native.js +238 -0
- package/dist/esm/editor/markdown.native.js.map +1 -0
- package/dist/esm/editor/mathematics.mjs +142 -0
- package/dist/esm/editor/mathematics.mjs.map +1 -0
- package/dist/esm/editor/mathematics.native.js +173 -0
- package/dist/esm/editor/mathematics.native.js.map +1 -0
- package/dist/esm/editor/media.mjs +113 -0
- package/dist/esm/editor/media.mjs.map +1 -0
- package/dist/esm/editor/media.native.js +144 -0
- package/dist/esm/editor/media.native.js.map +1 -0
- package/dist/esm/editor/mentions.mjs +37 -0
- package/dist/esm/editor/mentions.mjs.map +1 -0
- package/dist/esm/editor/mentions.native.js +45 -0
- package/dist/esm/editor/mentions.native.js.map +1 -0
- package/dist/esm/editor/pasteCleanup.mjs +57 -0
- package/dist/esm/editor/pasteCleanup.mjs.map +1 -0
- package/dist/esm/editor/pasteCleanup.native.js +146 -0
- package/dist/esm/editor/pasteCleanup.native.js.map +1 -0
- package/dist/esm/editor/suggestionPopup.mjs +268 -0
- package/dist/esm/editor/suggestionPopup.mjs.map +1 -0
- package/dist/esm/editor/suggestionPopup.native.js +295 -0
- package/dist/esm/editor/suggestionPopup.native.js.map +1 -0
- package/dist/esm/preview.mjs +236 -0
- package/dist/esm/preview.mjs.map +1 -0
- package/dist/esm/preview.native.js +264 -0
- package/dist/esm/preview.native.js.map +1 -0
- package/dist/esm/shared/t.mjs +17 -0
- package/dist/esm/shared/t.mjs.map +1 -0
- package/dist/esm/shared/t.native.js +17 -0
- package/dist/esm/shared/t.native.js.map +1 -0
- package/dist/esm/shared/url.mjs +10 -0
- package/dist/esm/shared/url.mjs.map +1 -0
- package/dist/esm/shared/url.native.js +10 -0
- package/dist/esm/shared/url.native.js.map +1 -0
- package/dist/esm/styled.mjs +13 -6
- package/dist/esm/styled.mjs.map +1 -1
- package/dist/esm/styled.native.js +13 -6
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/toolbar/BubbleToolbar.mjs +11 -9
- package/dist/esm/toolbar/BubbleToolbar.mjs.map +1 -1
- package/dist/esm/toolbar/BubbleToolbar.native.js +11 -9
- package/dist/esm/toolbar/BubbleToolbar.native.js.map +1 -1
- package/dist/esm/toolbar/CodeBlockBubble.mjs +60 -24
- package/dist/esm/toolbar/CodeBlockBubble.mjs.map +1 -1
- package/dist/esm/toolbar/CodeBlockBubble.native.js +72 -26
- package/dist/esm/toolbar/CodeBlockBubble.native.js.map +1 -1
- package/dist/esm/toolbar/ColorPicker.mjs +21 -56
- package/dist/esm/toolbar/ColorPicker.mjs.map +1 -1
- package/dist/esm/toolbar/ColorPicker.native.js +82 -180
- package/dist/esm/toolbar/ColorPicker.native.js.map +1 -1
- package/dist/esm/toolbar/FixedToolbar.mjs +34 -11
- package/dist/esm/toolbar/FixedToolbar.mjs.map +1 -1
- package/dist/esm/toolbar/FixedToolbar.native.js +47 -55
- package/dist/esm/toolbar/FixedToolbar.native.js.map +1 -1
- package/dist/esm/toolbar/HeadingPicker.mjs +34 -41
- package/dist/esm/toolbar/HeadingPicker.mjs.map +1 -1
- package/dist/esm/toolbar/HeadingPicker.native.js +63 -53
- package/dist/esm/toolbar/HeadingPicker.native.js.map +1 -1
- package/dist/esm/toolbar/ImageBubble.mjs +20 -43
- package/dist/esm/toolbar/ImageBubble.mjs.map +1 -1
- package/dist/esm/toolbar/ImageBubble.native.js +20 -43
- package/dist/esm/toolbar/ImageBubble.native.js.map +1 -1
- package/dist/esm/toolbar/ImageDialog.mjs +5 -4
- package/dist/esm/toolbar/ImageDialog.mjs.map +1 -1
- package/dist/esm/toolbar/ImageDialog.native.js +75 -64
- package/dist/esm/toolbar/ImageDialog.native.js.map +1 -1
- package/dist/esm/toolbar/LinkBubble.mjs +23 -70
- package/dist/esm/toolbar/LinkBubble.mjs.map +1 -1
- package/dist/esm/toolbar/LinkBubble.native.js +23 -70
- package/dist/esm/toolbar/LinkBubble.native.js.map +1 -1
- package/dist/esm/toolbar/LinkDialog.mjs +17 -16
- package/dist/esm/toolbar/LinkDialog.mjs.map +1 -1
- package/dist/esm/toolbar/LinkDialog.native.js +84 -80
- package/dist/esm/toolbar/LinkDialog.native.js.map +1 -1
- package/dist/esm/toolbar/ListPicker.mjs +33 -44
- package/dist/esm/toolbar/ListPicker.mjs.map +1 -1
- package/dist/esm/toolbar/ListPicker.native.js +44 -45
- package/dist/esm/toolbar/ListPicker.native.js.map +1 -1
- package/dist/esm/toolbar/MathBubble.mjs +134 -0
- package/dist/esm/toolbar/MathBubble.mjs.map +1 -0
- package/dist/esm/toolbar/MathBubble.native.js +141 -0
- package/dist/esm/toolbar/MathBubble.native.js.map +1 -0
- package/dist/esm/toolbar/MoreDropdown.mjs +50 -97
- package/dist/esm/toolbar/MoreDropdown.mjs.map +1 -1
- package/dist/esm/toolbar/MoreDropdown.native.js +72 -97
- package/dist/esm/toolbar/MoreDropdown.native.js.map +1 -1
- package/dist/esm/toolbar/StatusBar.mjs +19 -10
- package/dist/esm/toolbar/StatusBar.mjs.map +1 -1
- package/dist/esm/toolbar/StatusBar.native.js +19 -10
- package/dist/esm/toolbar/StatusBar.native.js.map +1 -1
- package/dist/esm/toolbar/TableBubble.mjs +77 -95
- package/dist/esm/toolbar/TableBubble.mjs.map +1 -1
- package/dist/esm/toolbar/TableBubble.native.js +73 -71
- package/dist/esm/toolbar/TableBubble.native.js.map +1 -1
- package/dist/esm/toolbar/ToolbarButton.mjs +87 -22
- package/dist/esm/toolbar/ToolbarButton.mjs.map +1 -1
- package/dist/esm/toolbar/ToolbarButton.native.js +14 -4
- package/dist/esm/toolbar/ToolbarButton.native.js.map +1 -1
- package/dist/esm/toolbar/icons.mjs +109 -469
- package/dist/esm/toolbar/icons.mjs.map +1 -1
- package/dist/esm/toolbar/shortcuts.mjs +73 -24
- package/dist/esm/toolbar/shortcuts.mjs.map +1 -1
- package/dist/esm/toolbar/shortcuts.native.js +73 -24
- package/dist/esm/toolbar/shortcuts.native.js.map +1 -1
- package/dist/esm/toolbar/useHorizontalScroll.mjs +25 -6
- package/dist/esm/toolbar/useHorizontalScroll.mjs.map +1 -1
- package/dist/esm/toolbar/useHorizontalScroll.native.js +25 -6
- package/dist/esm/toolbar/useHorizontalScroll.native.js.map +1 -1
- package/dist/esm/toolbar/useRovingFocus.mjs +55 -0
- package/dist/esm/toolbar/useRovingFocus.mjs.map +1 -0
- package/dist/esm/toolbar/useRovingFocus.native.js +85 -0
- package/dist/esm/toolbar/useRovingFocus.native.js.map +1 -0
- package/dist/esm/types.mjs.map +1 -1
- package/dist/esm/types.native.js.map +1 -1
- package/dist/jsx/RichEditor.mjs +85 -10
- package/dist/jsx/RichEditor.mjs.map +1 -1
- package/dist/jsx/RichEditor.native.js +422 -35
- package/dist/jsx/RichEditor.native.js.map +1 -1
- package/dist/jsx/RichTextEditor/index.mjs +18 -2
- package/dist/jsx/RichTextEditor/index.mjs.map +1 -1
- package/dist/jsx/RichTextEditor/index.native.js +18 -2
- package/dist/jsx/RichTextEditor/index.native.js.map +1 -1
- package/dist/jsx/constants.mjs +47 -29
- package/dist/jsx/constants.mjs.map +1 -1
- package/dist/jsx/constants.native.js +59 -29
- package/dist/jsx/constants.native.js.map +1 -1
- package/dist/jsx/editor/BlockDragHandle.mjs +22 -7
- package/dist/jsx/editor/BlockDragHandle.mjs.map +1 -1
- package/dist/jsx/editor/BlockDragHandle.native.js +41 -7
- package/dist/jsx/editor/BlockDragHandle.native.js.map +1 -1
- package/dist/jsx/editor/SlashCommands.mjs +250 -294
- package/dist/jsx/editor/SlashCommands.mjs.map +1 -1
- package/dist/jsx/editor/SlashCommands.native.js +306 -340
- package/dist/jsx/editor/SlashCommands.native.js.map +1 -1
- package/dist/jsx/editor/TentapEditor.native.js +44 -12
- package/dist/jsx/editor/TentapEditor.native.js.map +1 -1
- package/dist/jsx/editor/TiptapEditor.mjs +142 -35
- package/dist/jsx/editor/TiptapEditor.mjs.map +1 -1
- package/dist/jsx/editor/TiptapEditor.native.js +153 -33
- package/dist/jsx/editor/TiptapEditor.native.js.map +1 -1
- package/dist/jsx/editor/blockAnchor.mjs +18 -0
- package/dist/jsx/editor/blockAnchor.mjs.map +1 -0
- package/dist/jsx/editor/blockAnchor.native.js +68 -0
- package/dist/jsx/editor/blockAnchor.native.js.map +1 -0
- package/dist/jsx/editor/codeBlockPreview.mjs +190 -0
- package/dist/jsx/editor/codeBlockPreview.mjs.map +1 -0
- package/dist/jsx/editor/codeBlockPreview.native.js +265 -0
- package/dist/jsx/editor/codeBlockPreview.native.js.map +1 -0
- package/dist/jsx/editor/editorStyles.mjs +203 -34
- package/dist/jsx/editor/editorStyles.mjs.map +1 -1
- package/dist/jsx/editor/editorStyles.native.js +203 -34
- package/dist/jsx/editor/editorStyles.native.js.map +1 -1
- package/dist/jsx/editor/emoji.mjs +88 -0
- package/dist/jsx/editor/emoji.mjs.map +1 -0
- package/dist/jsx/editor/emoji.native.js +184 -0
- package/dist/jsx/editor/emoji.native.js.map +1 -0
- package/dist/jsx/editor/lazyKatex.mjs +40 -0
- package/dist/jsx/editor/lazyKatex.mjs.map +1 -0
- package/dist/jsx/editor/lazyKatex.native.js +117 -0
- package/dist/jsx/editor/lazyKatex.native.js.map +1 -0
- package/dist/jsx/editor/markdown.mjs +179 -0
- package/dist/jsx/editor/markdown.mjs.map +1 -0
- package/dist/jsx/editor/markdown.native.js +278 -0
- package/dist/jsx/editor/markdown.native.js.map +1 -0
- package/dist/jsx/editor/mathematics.mjs +142 -0
- package/dist/jsx/editor/mathematics.mjs.map +1 -0
- package/dist/jsx/editor/mathematics.native.js +202 -0
- package/dist/jsx/editor/mathematics.native.js.map +1 -0
- package/dist/jsx/editor/media.mjs +113 -0
- package/dist/jsx/editor/media.mjs.map +1 -0
- package/dist/jsx/editor/media.native.js +172 -0
- package/dist/jsx/editor/media.native.js.map +1 -0
- package/dist/jsx/editor/mentions.mjs +37 -0
- package/dist/jsx/editor/mentions.mjs.map +1 -0
- package/dist/jsx/editor/mentions.native.js +84 -0
- package/dist/jsx/editor/mentions.native.js.map +1 -0
- package/dist/jsx/editor/pasteCleanup.mjs +57 -0
- package/dist/jsx/editor/pasteCleanup.mjs.map +1 -0
- package/dist/jsx/editor/pasteCleanup.native.js +175 -0
- package/dist/jsx/editor/pasteCleanup.native.js.map +1 -0
- package/dist/jsx/editor/suggestionPopup.mjs +268 -0
- package/dist/jsx/editor/suggestionPopup.mjs.map +1 -0
- package/dist/jsx/editor/suggestionPopup.native.js +327 -0
- package/dist/jsx/editor/suggestionPopup.native.js.map +1 -0
- package/dist/jsx/preview.mjs +236 -0
- package/dist/jsx/preview.mjs.map +1 -0
- package/dist/jsx/preview.native.js +294 -0
- package/dist/jsx/preview.native.js.map +1 -0
- package/dist/jsx/shared/t.mjs +17 -0
- package/dist/jsx/shared/t.mjs.map +1 -0
- package/dist/jsx/shared/t.native.js +56 -0
- package/dist/jsx/shared/t.native.js.map +1 -0
- package/dist/jsx/shared/url.mjs +10 -0
- package/dist/jsx/shared/url.mjs.map +1 -0
- package/dist/jsx/shared/url.native.js +38 -0
- package/dist/jsx/shared/url.native.js.map +1 -0
- package/dist/jsx/styled.mjs +13 -6
- package/dist/jsx/styled.mjs.map +1 -1
- package/dist/jsx/styled.native.js +13 -6
- package/dist/jsx/styled.native.js.map +1 -1
- package/dist/jsx/toolbar/BubbleToolbar.mjs +11 -9
- package/dist/jsx/toolbar/BubbleToolbar.mjs.map +1 -1
- package/dist/jsx/toolbar/BubbleToolbar.native.js +10 -8
- package/dist/jsx/toolbar/BubbleToolbar.native.js.map +1 -1
- package/dist/jsx/toolbar/CodeBlockBubble.mjs +60 -24
- package/dist/jsx/toolbar/CodeBlockBubble.mjs.map +1 -1
- package/dist/jsx/toolbar/CodeBlockBubble.native.js +71 -25
- package/dist/jsx/toolbar/CodeBlockBubble.native.js.map +1 -1
- package/dist/jsx/toolbar/ColorPicker.mjs +21 -56
- package/dist/jsx/toolbar/ColorPicker.mjs.map +1 -1
- package/dist/jsx/toolbar/ColorPicker.native.js +81 -179
- package/dist/jsx/toolbar/ColorPicker.native.js.map +1 -1
- package/dist/jsx/toolbar/FixedToolbar.mjs +34 -11
- package/dist/jsx/toolbar/FixedToolbar.mjs.map +1 -1
- package/dist/jsx/toolbar/FixedToolbar.native.js +46 -54
- package/dist/jsx/toolbar/FixedToolbar.native.js.map +1 -1
- package/dist/jsx/toolbar/HeadingPicker.mjs +34 -41
- package/dist/jsx/toolbar/HeadingPicker.mjs.map +1 -1
- package/dist/jsx/toolbar/HeadingPicker.native.js +61 -51
- package/dist/jsx/toolbar/HeadingPicker.native.js.map +1 -1
- package/dist/jsx/toolbar/ImageBubble.mjs +20 -43
- package/dist/jsx/toolbar/ImageBubble.mjs.map +1 -1
- package/dist/jsx/toolbar/ImageBubble.native.js +20 -43
- package/dist/jsx/toolbar/ImageBubble.native.js.map +1 -1
- package/dist/jsx/toolbar/ImageDialog.mjs +5 -4
- package/dist/jsx/toolbar/ImageDialog.mjs.map +1 -1
- package/dist/jsx/toolbar/ImageDialog.native.js +76 -65
- package/dist/jsx/toolbar/ImageDialog.native.js.map +1 -1
- package/dist/jsx/toolbar/LinkBubble.mjs +23 -70
- package/dist/jsx/toolbar/LinkBubble.mjs.map +1 -1
- package/dist/jsx/toolbar/LinkBubble.native.js +23 -70
- package/dist/jsx/toolbar/LinkBubble.native.js.map +1 -1
- package/dist/jsx/toolbar/LinkDialog.mjs +17 -16
- package/dist/jsx/toolbar/LinkDialog.mjs.map +1 -1
- package/dist/jsx/toolbar/LinkDialog.native.js +86 -83
- package/dist/jsx/toolbar/LinkDialog.native.js.map +1 -1
- package/dist/jsx/toolbar/ListPicker.mjs +33 -44
- package/dist/jsx/toolbar/ListPicker.mjs.map +1 -1
- package/dist/jsx/toolbar/ListPicker.native.js +43 -44
- package/dist/jsx/toolbar/ListPicker.native.js.map +1 -1
- package/dist/jsx/toolbar/MathBubble.mjs +134 -0
- package/dist/jsx/toolbar/MathBubble.mjs.map +1 -0
- package/dist/jsx/toolbar/MathBubble.native.js +169 -0
- package/dist/jsx/toolbar/MathBubble.native.js.map +1 -0
- package/dist/jsx/toolbar/MoreDropdown.mjs +50 -97
- package/dist/jsx/toolbar/MoreDropdown.mjs.map +1 -1
- package/dist/jsx/toolbar/MoreDropdown.native.js +73 -98
- package/dist/jsx/toolbar/MoreDropdown.native.js.map +1 -1
- package/dist/jsx/toolbar/StatusBar.mjs +19 -10
- package/dist/jsx/toolbar/StatusBar.mjs.map +1 -1
- package/dist/jsx/toolbar/StatusBar.native.js +19 -10
- package/dist/jsx/toolbar/StatusBar.native.js.map +1 -1
- package/dist/jsx/toolbar/TableBubble.mjs +77 -95
- package/dist/jsx/toolbar/TableBubble.mjs.map +1 -1
- package/dist/jsx/toolbar/TableBubble.native.js +73 -71
- package/dist/jsx/toolbar/TableBubble.native.js.map +1 -1
- package/dist/jsx/toolbar/ToolbarButton.mjs +87 -22
- package/dist/jsx/toolbar/ToolbarButton.mjs.map +1 -1
- package/dist/jsx/toolbar/ToolbarButton.native.js +14 -4
- package/dist/jsx/toolbar/ToolbarButton.native.js.map +1 -1
- package/dist/jsx/toolbar/icons.mjs +109 -469
- package/dist/jsx/toolbar/icons.mjs.map +1 -1
- package/dist/jsx/toolbar/shortcuts.mjs +73 -24
- package/dist/jsx/toolbar/shortcuts.mjs.map +1 -1
- package/dist/jsx/toolbar/shortcuts.native.js +73 -24
- package/dist/jsx/toolbar/shortcuts.native.js.map +1 -1
- package/dist/jsx/toolbar/useHorizontalScroll.mjs +25 -6
- package/dist/jsx/toolbar/useHorizontalScroll.mjs.map +1 -1
- package/dist/jsx/toolbar/useHorizontalScroll.native.js +25 -5
- package/dist/jsx/toolbar/useHorizontalScroll.native.js.map +1 -1
- package/dist/jsx/toolbar/useRovingFocus.mjs +55 -0
- package/dist/jsx/toolbar/useRovingFocus.mjs.map +1 -0
- package/dist/jsx/toolbar/useRovingFocus.native.js +113 -0
- package/dist/jsx/toolbar/useRovingFocus.native.js.map +1 -0
- package/dist/jsx/types.mjs.map +1 -1
- package/dist/jsx/types.native.js.map +1 -1
- package/package.json +28 -13
- package/src/RichEditor.native.tsx +451 -49
- package/src/RichEditor.stories.tsx +158 -0
- package/src/RichEditor.tsx +121 -7
- package/src/RichTextEditor/index.tsx +41 -3
- package/src/RichTextEditor/richTextEditor.spec.tsx +11 -4
- package/src/constants.ts +86 -24
- package/src/editor/BlockDragHandle.ts +30 -5
- package/src/editor/SlashCommands.tsx +228 -293
- package/src/editor/TentapEditor.native.tsx +68 -17
- package/src/editor/TiptapEditor.tsx +187 -22
- package/src/editor/blockAnchor.spec.ts +70 -0
- package/src/editor/blockAnchor.ts +42 -0
- package/src/editor/codeBlockPreview.spec.ts +144 -0
- package/src/editor/codeBlockPreview.ts +266 -0
- package/src/editor/css.d.ts +2 -0
- package/src/editor/details.spec.ts +48 -0
- package/src/editor/editorStyles.spec.ts +25 -0
- package/src/editor/editorStyles.ts +218 -34
- package/src/editor/emoji.spec.ts +88 -0
- package/src/editor/emoji.ts +147 -0
- package/src/editor/emojilib.d.ts +16 -0
- package/src/editor/lazyKatex.spec.ts +38 -0
- package/src/editor/lazyKatex.ts +68 -0
- package/src/editor/markdown.spec.ts +196 -0
- package/src/editor/markdown.ts +249 -0
- package/src/editor/mathematics.spec.ts +97 -0
- package/src/editor/mathematics.ts +179 -0
- package/src/editor/media.spec.ts +121 -0
- package/src/editor/media.ts +133 -0
- package/src/editor/mentions.spec.ts +41 -0
- package/src/editor/mentions.ts +55 -0
- package/src/editor/pasteCleanup.spec.ts +84 -0
- package/src/editor/pasteCleanup.ts +124 -0
- package/src/editor/suggestionPopup.spec.tsx +105 -0
- package/src/editor/suggestionPopup.tsx +414 -0
- package/src/editor/tiptapEditor.spec.tsx +15 -8
- package/src/exports.spec.ts +4 -2
- package/src/index.ts +7 -1
- package/src/integration.spec.tsx +38 -9
- package/src/preview.spec.ts +130 -0
- package/src/preview.ts +287 -0
- package/src/richEditor.spec.tsx +10 -3
- package/src/shared/t.ts +25 -0
- package/src/shared/url.ts +16 -0
- package/src/styled.ts +13 -6
- package/src/toolbar/BubbleToolbar.tsx +11 -8
- package/src/toolbar/CodeBlockBubble.tsx +66 -28
- package/src/toolbar/ColorPicker.native.tsx +126 -0
- package/src/toolbar/ColorPicker.tsx +23 -67
- package/src/toolbar/FixedToolbar.native.tsx +51 -51
- package/src/toolbar/FixedToolbar.tsx +54 -10
- package/src/toolbar/HeadingPicker.tsx +46 -38
- package/src/toolbar/ImageBubble.tsx +26 -44
- package/src/toolbar/ImageDialog.native.tsx +97 -0
- package/src/toolbar/ImageDialog.tsx +5 -4
- package/src/toolbar/LinkBubble.tsx +27 -64
- package/src/toolbar/LinkDialog.native.tsx +117 -0
- package/src/toolbar/LinkDialog.tsx +28 -24
- package/src/toolbar/ListPicker.tsx +47 -43
- package/src/toolbar/MathBubble.tsx +140 -0
- package/src/toolbar/MoreDropdown.tsx +53 -60
- package/src/toolbar/StatusBar.tsx +13 -8
- package/src/toolbar/TableBubble.tsx +82 -94
- package/src/toolbar/ToolbarButton.native.tsx +14 -4
- package/src/toolbar/ToolbarButton.tsx +98 -19
- package/src/toolbar/bubbleToolbar.spec.tsx +2 -1
- package/src/toolbar/fixedToolbar.spec.tsx +4 -2
- package/src/toolbar/icons.tsx +113 -323
- package/src/toolbar/shortcuts.ts +77 -24
- package/src/toolbar/toolbarPrimitives.spec.tsx +29 -1
- package/src/toolbar/toolbarSubComponents.spec.tsx +4 -2
- package/src/toolbar/useHorizontalScroll.spec.ts +67 -0
- package/src/toolbar/useHorizontalScroll.tsx +39 -12
- package/src/toolbar/useRovingFocus.spec.tsx +100 -0
- package/src/toolbar/useRovingFocus.ts +82 -0
- package/src/types.spec.ts +40 -1
- package/src/types.ts +28 -0
- package/types/RichEditor.d.ts +51 -0
- package/types/RichEditor.d.ts.map +1 -0
- package/types/RichEditor.native.d.ts +59 -0
- package/types/RichEditor.native.d.ts.map +1 -0
- package/types/RichTextEditor/index.d.ts +71 -0
- package/types/RichTextEditor/index.d.ts.map +1 -0
- package/types/constants.d.ts +49 -0
- package/types/constants.d.ts.map +1 -0
- package/types/context.d.ts +10 -0
- package/types/context.d.ts.map +1 -0
- package/types/editor/BlockDragHandle.d.ts +8 -0
- package/types/editor/BlockDragHandle.d.ts.map +1 -0
- package/types/editor/MarkdownPaste.d.ts +8 -0
- package/types/editor/MarkdownPaste.d.ts.map +1 -0
- package/types/editor/SlashCommands.d.ts +24 -0
- package/types/editor/SlashCommands.d.ts.map +1 -0
- package/types/editor/TentapEditor.native.d.ts +21 -0
- package/types/editor/TentapEditor.native.d.ts.map +1 -0
- package/types/editor/TiptapEditor.d.ts +24 -0
- package/types/editor/TiptapEditor.d.ts.map +1 -0
- package/types/editor/blockAnchor.d.ts +25 -0
- package/types/editor/blockAnchor.d.ts.map +1 -0
- package/types/editor/codeBlockPreview.d.ts +51 -0
- package/types/editor/codeBlockPreview.d.ts.map +1 -0
- package/types/editor/editorStyles.d.ts +25 -0
- package/types/editor/editorStyles.d.ts.map +1 -0
- package/types/editor/emoji.d.ts +45 -0
- package/types/editor/emoji.d.ts.map +1 -0
- package/types/editor/index.d.ts +11 -0
- package/types/editor/index.d.ts.map +1 -0
- package/types/editor/lazyKatex.d.ts +33 -0
- package/types/editor/lazyKatex.d.ts.map +1 -0
- package/types/editor/markdown.d.ts +24 -0
- package/types/editor/markdown.d.ts.map +1 -0
- package/types/editor/mathematics.d.ts +44 -0
- package/types/editor/mathematics.d.ts.map +1 -0
- package/types/editor/media.d.ts +32 -0
- package/types/editor/media.d.ts.map +1 -0
- package/types/editor/mentions.d.ts +15 -0
- package/types/editor/mentions.d.ts.map +1 -0
- package/types/editor/pasteCleanup.d.ts +24 -0
- package/types/editor/pasteCleanup.d.ts.map +1 -0
- package/types/editor/suggestionPopup.d.ts +113 -0
- package/types/editor/suggestionPopup.d.ts.map +1 -0
- package/types/editor/types.d.ts +80 -0
- package/types/editor/types.d.ts.map +1 -0
- package/types/editor/useEditorState.d.ts +19 -0
- package/types/editor/useEditorState.d.ts.map +1 -0
- package/types/index.d.ts +11 -0
- package/types/index.d.ts.map +1 -0
- package/types/preview.d.ts +44 -0
- package/types/preview.d.ts.map +1 -0
- package/types/shared/t.d.ts +10 -0
- package/types/shared/t.d.ts.map +1 -0
- package/types/shared/url.d.ts +9 -0
- package/types/shared/url.d.ts.map +1 -0
- package/types/styled.d.ts +40 -0
- package/types/styled.d.ts.map +1 -0
- package/types/toolbar/BubbleToolbar.d.ts +23 -0
- package/types/toolbar/BubbleToolbar.d.ts.map +1 -0
- package/types/toolbar/CodeBlockBubble.d.ts +10 -0
- package/types/toolbar/CodeBlockBubble.d.ts.map +1 -0
- package/types/toolbar/ColorPicker.d.ts +15 -0
- package/types/toolbar/ColorPicker.d.ts.map +1 -0
- package/types/toolbar/ColorPicker.native.d.ts +20 -0
- package/types/toolbar/ColorPicker.native.d.ts.map +1 -0
- package/types/toolbar/FixedToolbar.d.ts +32 -0
- package/types/toolbar/FixedToolbar.d.ts.map +1 -0
- package/types/toolbar/FixedToolbar.native.d.ts +30 -0
- package/types/toolbar/FixedToolbar.native.d.ts.map +1 -0
- package/types/toolbar/HeadingPicker.d.ts +14 -0
- package/types/toolbar/HeadingPicker.d.ts.map +1 -0
- package/types/toolbar/ImageBubble.d.ts +10 -0
- package/types/toolbar/ImageBubble.d.ts.map +1 -0
- package/types/toolbar/ImageDialog.d.ts +12 -0
- package/types/toolbar/ImageDialog.d.ts.map +1 -0
- package/types/toolbar/ImageDialog.native.d.ts +15 -0
- package/types/toolbar/ImageDialog.native.d.ts.map +1 -0
- package/types/toolbar/LinkBubble.d.ts +10 -0
- package/types/toolbar/LinkBubble.d.ts.map +1 -0
- package/types/toolbar/LinkDialog.d.ts +20 -0
- package/types/toolbar/LinkDialog.d.ts.map +1 -0
- package/types/toolbar/LinkDialog.native.d.ts +18 -0
- package/types/toolbar/LinkDialog.native.d.ts.map +1 -0
- package/types/toolbar/ListPicker.d.ts +14 -0
- package/types/toolbar/ListPicker.d.ts.map +1 -0
- package/types/toolbar/MathBubble.d.ts +11 -0
- package/types/toolbar/MathBubble.d.ts.map +1 -0
- package/types/toolbar/MoreDropdown.d.ts +13 -0
- package/types/toolbar/MoreDropdown.d.ts.map +1 -0
- package/types/toolbar/ResizeHandle.d.ts +11 -0
- package/types/toolbar/ResizeHandle.d.ts.map +1 -0
- package/types/toolbar/StatusBar.d.ts +11 -0
- package/types/toolbar/StatusBar.d.ts.map +1 -0
- package/types/toolbar/TableBubble.d.ts +10 -0
- package/types/toolbar/TableBubble.d.ts.map +1 -0
- package/types/toolbar/ToolbarButton.d.ts +35 -0
- package/types/toolbar/ToolbarButton.d.ts.map +1 -0
- package/types/toolbar/ToolbarButton.native.d.ts +30 -0
- package/types/toolbar/ToolbarButton.native.d.ts.map +1 -0
- package/types/toolbar/ToolbarGroup.d.ts +14 -0
- package/types/toolbar/ToolbarGroup.d.ts.map +1 -0
- package/types/toolbar/icons.d.ts +52 -0
- package/types/toolbar/icons.d.ts.map +1 -0
- package/types/toolbar/icons.native.d.ts +41 -0
- package/types/toolbar/icons.native.d.ts.map +1 -0
- package/types/toolbar/shortcuts.d.ts +34 -0
- package/types/toolbar/shortcuts.d.ts.map +1 -0
- package/types/toolbar/useHorizontalScroll.d.ts +43 -0
- package/types/toolbar/useHorizontalScroll.d.ts.map +1 -0
- package/types/toolbar/useRovingFocus.d.ts +10 -0
- package/types/toolbar/useRovingFocus.d.ts.map +1 -0
- package/types/types.d.ts +125 -0
- package/types/types.d.ts.map +1 -0
- package/dist/cjs/RichEditor.stories.cjs +0 -327
- package/dist/cjs/RichEditor.stories.native.js +0 -342
- package/dist/cjs/RichEditor.stories.native.js.map +0 -1
- package/dist/esm/RichEditor.stories.mjs +0 -291
- package/dist/esm/RichEditor.stories.mjs.map +0 -1
- package/dist/esm/RichEditor.stories.native.js +0 -303
- package/dist/esm/RichEditor.stories.native.js.map +0 -1
- package/dist/jsx/RichEditor.stories.mjs +0 -291
- package/dist/jsx/RichEditor.stories.mjs.map +0 -1
- package/dist/jsx/RichEditor.stories.native.js +0 -342
- package/dist/jsx/RichEditor.stories.native.js.map +0 -1
|
@@ -0,0 +1,297 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
+
get: () => from[key],
|
|
15
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: true
|
|
22
|
+
}), mod);
|
|
23
|
+
var suggestionPopup_exports = {};
|
|
24
|
+
__export(suggestionPopup_exports, {
|
|
25
|
+
SuggestionChromeStore: () => SuggestionChromeStore,
|
|
26
|
+
SuggestionList: () => SuggestionList,
|
|
27
|
+
createSuggestionRenderer: () => createSuggestionRenderer,
|
|
28
|
+
fallbackSuggestionChrome: () => fallbackSuggestionChrome,
|
|
29
|
+
getSuggestionChrome: () => getSuggestionChrome
|
|
30
|
+
});
|
|
31
|
+
module.exports = __toCommonJS(suggestionPopup_exports);
|
|
32
|
+
var import_react = require("react");
|
|
33
|
+
var import_core = require("@tiptap/core");
|
|
34
|
+
var import_react2 = require("@tiptap/react");
|
|
35
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
+
const fallbackSuggestionChrome = {
|
|
37
|
+
background: "var(--background)",
|
|
38
|
+
borderColor: "var(--borderColor)",
|
|
39
|
+
activeBackground: "var(--color4)",
|
|
40
|
+
iconTileBackground: "var(--color3)",
|
|
41
|
+
titleColor: "var(--color12)",
|
|
42
|
+
descriptionColor: "var(--color11)",
|
|
43
|
+
radius: 8,
|
|
44
|
+
shadow: "0px 8px 28px var(--shadow2), 0px 2px 6px var(--shadow1)",
|
|
45
|
+
motionMs: 120,
|
|
46
|
+
rowPaddingX: 12
|
|
47
|
+
};
|
|
48
|
+
const SuggestionChromeStore = import_core.Extension.create({
|
|
49
|
+
name: "suggestionChrome",
|
|
50
|
+
addStorage() {
|
|
51
|
+
return {
|
|
52
|
+
value: fallbackSuggestionChrome
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
function getSuggestionChrome(editor) {
|
|
57
|
+
return editor?.storage?.suggestionChrome?.value ?? fallbackSuggestionChrome;
|
|
58
|
+
}
|
|
59
|
+
const SuggestionList = (0, import_react.forwardRef)(({
|
|
60
|
+
rows,
|
|
61
|
+
chrome,
|
|
62
|
+
emptyLabel,
|
|
63
|
+
onSelect
|
|
64
|
+
}, ref) => {
|
|
65
|
+
const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
|
|
66
|
+
const listRef = (0, import_react.useRef)(null);
|
|
67
|
+
(0, import_react.useEffect)(() => {
|
|
68
|
+
setSelectedIndex(0);
|
|
69
|
+
}, [rows]);
|
|
70
|
+
(0, import_react.useEffect)(() => {
|
|
71
|
+
const el = listRef.current?.children[selectedIndex];
|
|
72
|
+
el?.scrollIntoView({
|
|
73
|
+
block: "nearest"
|
|
74
|
+
});
|
|
75
|
+
}, [selectedIndex]);
|
|
76
|
+
const selectItem = (0, import_react.useCallback)(index => {
|
|
77
|
+
if (rows[index]) onSelect(index);
|
|
78
|
+
}, [rows, onSelect]);
|
|
79
|
+
(0, import_react.useImperativeHandle)(ref, () => ({
|
|
80
|
+
onKeyDown: ({
|
|
81
|
+
event
|
|
82
|
+
}) => {
|
|
83
|
+
if (rows.length === 0) return false;
|
|
84
|
+
if (event.key === "ArrowUp") {
|
|
85
|
+
setSelectedIndex(i => (i + rows.length - 1) % rows.length);
|
|
86
|
+
return true;
|
|
87
|
+
}
|
|
88
|
+
if (event.key === "ArrowDown") {
|
|
89
|
+
setSelectedIndex(i => (i + 1) % rows.length);
|
|
90
|
+
return true;
|
|
91
|
+
}
|
|
92
|
+
if (event.key === "Enter" || event.key === "Tab") {
|
|
93
|
+
selectItem(selectedIndex);
|
|
94
|
+
return true;
|
|
95
|
+
}
|
|
96
|
+
return false;
|
|
97
|
+
}
|
|
98
|
+
}));
|
|
99
|
+
const containerStyle = {
|
|
100
|
+
background: chrome.background,
|
|
101
|
+
border: `1px solid ${chrome.borderColor}`,
|
|
102
|
+
borderRadius: `${chrome.radius}px`,
|
|
103
|
+
boxShadow: chrome.shadow,
|
|
104
|
+
// SP-EDGE: container owns only its border -- rows own all padding
|
|
105
|
+
padding: 0,
|
|
106
|
+
maxHeight: "320px",
|
|
107
|
+
overflowY: "auto",
|
|
108
|
+
minWidth: "220px",
|
|
109
|
+
maxWidth: "320px"
|
|
110
|
+
};
|
|
111
|
+
if (rows.length === 0) {
|
|
112
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
113
|
+
style: containerStyle,
|
|
114
|
+
"data-suggestion-popup": "true",
|
|
115
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
116
|
+
style: {
|
|
117
|
+
padding: `8px ${chrome.rowPaddingX}px`,
|
|
118
|
+
color: chrome.descriptionColor,
|
|
119
|
+
fontSize: "13px"
|
|
120
|
+
},
|
|
121
|
+
children: emptyLabel
|
|
122
|
+
})
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
126
|
+
style: containerStyle,
|
|
127
|
+
ref: listRef,
|
|
128
|
+
role: "listbox",
|
|
129
|
+
"data-suggestion-popup": "true",
|
|
130
|
+
children: rows.map((row, index) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)("button", {
|
|
131
|
+
role: "option",
|
|
132
|
+
"aria-selected": index === selectedIndex,
|
|
133
|
+
type: "button",
|
|
134
|
+
style: {
|
|
135
|
+
// LC-16 shared menu-row geometry (menuRowFrame): horizontal
|
|
136
|
+
// padding resolved from the theme recipe, 8px vertical, 8px
|
|
137
|
+
// in-row gap, full-width flat rows (SP-EDGE)
|
|
138
|
+
display: "flex",
|
|
139
|
+
alignItems: "center",
|
|
140
|
+
gap: "8px",
|
|
141
|
+
padding: `8px ${chrome.rowPaddingX}px`,
|
|
142
|
+
border: "none",
|
|
143
|
+
background: index === selectedIndex ? chrome.activeBackground : "none",
|
|
144
|
+
width: "100%",
|
|
145
|
+
textAlign: "start",
|
|
146
|
+
cursor: "pointer",
|
|
147
|
+
borderRadius: 0,
|
|
148
|
+
fontSize: "13px",
|
|
149
|
+
lineHeight: "1.3",
|
|
150
|
+
fontFamily: "inherit"
|
|
151
|
+
},
|
|
152
|
+
onClick: () => selectItem(index),
|
|
153
|
+
onMouseEnter: () => setSelectedIndex(index),
|
|
154
|
+
children: [row.avatarUrl ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("img", {
|
|
155
|
+
src: row.avatarUrl,
|
|
156
|
+
alt: "",
|
|
157
|
+
style: {
|
|
158
|
+
width: "24px",
|
|
159
|
+
height: "24px",
|
|
160
|
+
borderRadius: "50%",
|
|
161
|
+
flexShrink: 0,
|
|
162
|
+
objectFit: "cover"
|
|
163
|
+
}
|
|
164
|
+
}) : row.icon !== void 0 && row.icon !== null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
|
|
165
|
+
"aria-hidden": "true",
|
|
166
|
+
style: {
|
|
167
|
+
width: "28px",
|
|
168
|
+
height: "28px",
|
|
169
|
+
display: "flex",
|
|
170
|
+
alignItems: "center",
|
|
171
|
+
justifyContent: "center",
|
|
172
|
+
borderRadius: "4px",
|
|
173
|
+
background: chrome.iconTileBackground,
|
|
174
|
+
color: chrome.titleColor,
|
|
175
|
+
fontWeight: 700,
|
|
176
|
+
fontSize: "12px",
|
|
177
|
+
flexShrink: 0
|
|
178
|
+
},
|
|
179
|
+
children: row.icon
|
|
180
|
+
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)("span", {
|
|
181
|
+
style: {
|
|
182
|
+
display: "flex",
|
|
183
|
+
flexDirection: "column",
|
|
184
|
+
gap: "1px",
|
|
185
|
+
minWidth: 0
|
|
186
|
+
},
|
|
187
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
|
|
188
|
+
style: {
|
|
189
|
+
fontWeight: 600,
|
|
190
|
+
color: chrome.titleColor,
|
|
191
|
+
whiteSpace: "nowrap",
|
|
192
|
+
overflow: "hidden",
|
|
193
|
+
textOverflow: "ellipsis"
|
|
194
|
+
},
|
|
195
|
+
children: row.title
|
|
196
|
+
}), row.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
|
|
197
|
+
style: {
|
|
198
|
+
fontSize: "11px",
|
|
199
|
+
color: chrome.descriptionColor
|
|
200
|
+
},
|
|
201
|
+
children: row.description
|
|
202
|
+
}) : null]
|
|
203
|
+
})]
|
|
204
|
+
}, row.key))
|
|
205
|
+
});
|
|
206
|
+
});
|
|
207
|
+
SuggestionList.displayName = "SuggestionList";
|
|
208
|
+
function createPopup(editorDom, motionMs) {
|
|
209
|
+
const popup = document.createElement("div");
|
|
210
|
+
popup.style.position = "fixed";
|
|
211
|
+
popup.style.zIndex = "100001";
|
|
212
|
+
popup.style.fontFamily = getComputedStyle(editorDom).fontFamily;
|
|
213
|
+
if (motionMs > 0) {
|
|
214
|
+
popup.style.opacity = "0";
|
|
215
|
+
popup.style.transform = "translateY(4px)";
|
|
216
|
+
popup.style.transition = `opacity ${motionMs}ms ease, transform ${motionMs}ms ease`;
|
|
217
|
+
requestAnimationFrame(() => {
|
|
218
|
+
popup.style.opacity = "1";
|
|
219
|
+
popup.style.transform = "translateY(0)";
|
|
220
|
+
});
|
|
221
|
+
}
|
|
222
|
+
document.body.appendChild(popup);
|
|
223
|
+
return {
|
|
224
|
+
element: popup,
|
|
225
|
+
position: clientRect => {
|
|
226
|
+
const rect = clientRect?.();
|
|
227
|
+
if (!rect) return;
|
|
228
|
+
const menuHeight = Math.min(popup.offsetHeight || 320, 320);
|
|
229
|
+
const below = rect.bottom + 4;
|
|
230
|
+
const flip = below + menuHeight > window.innerHeight && rect.top - menuHeight - 4 > 0;
|
|
231
|
+
popup.style.left = `${Math.min(rect.left, Math.max(8, window.innerWidth - popup.offsetWidth - 8))}px`;
|
|
232
|
+
popup.style.top = flip ? `${rect.top - menuHeight - 4}px` : `${below}px`;
|
|
233
|
+
},
|
|
234
|
+
destroy: (immediate = false) => {
|
|
235
|
+
if (immediate || motionMs === 0) {
|
|
236
|
+
popup.remove();
|
|
237
|
+
return;
|
|
238
|
+
}
|
|
239
|
+
popup.style.opacity = "0";
|
|
240
|
+
popup.style.transform = "translateY(4px)";
|
|
241
|
+
popup.style.pointerEvents = "none";
|
|
242
|
+
window.setTimeout(() => popup.remove(), motionMs);
|
|
243
|
+
}
|
|
244
|
+
};
|
|
245
|
+
}
|
|
246
|
+
function createSuggestionRenderer({
|
|
247
|
+
toRow,
|
|
248
|
+
getChrome,
|
|
249
|
+
getEmptyLabel
|
|
250
|
+
}) {
|
|
251
|
+
return () => {
|
|
252
|
+
let component = null;
|
|
253
|
+
let popup = null;
|
|
254
|
+
const makeProps = props => ({
|
|
255
|
+
rows: props.items.map(toRow),
|
|
256
|
+
chrome: getChrome(props.editor),
|
|
257
|
+
emptyLabel: getEmptyLabel(),
|
|
258
|
+
onSelect: index => {
|
|
259
|
+
const item = props.items[index];
|
|
260
|
+
if (item !== void 0) props.command(item);
|
|
261
|
+
}
|
|
262
|
+
});
|
|
263
|
+
return {
|
|
264
|
+
onStart: props => {
|
|
265
|
+
component = new import_react2.ReactRenderer(SuggestionList, {
|
|
266
|
+
props: makeProps(props),
|
|
267
|
+
editor: props.editor
|
|
268
|
+
});
|
|
269
|
+
popup = createPopup(props.editor.view.dom, getChrome(props.editor).motionMs);
|
|
270
|
+
popup.element.appendChild(component.element);
|
|
271
|
+
popup.position(props.clientRect);
|
|
272
|
+
requestAnimationFrame(() => popup?.position(props.clientRect));
|
|
273
|
+
},
|
|
274
|
+
onUpdate: props => {
|
|
275
|
+
component?.updateProps(makeProps(props));
|
|
276
|
+
popup?.position(props.clientRect);
|
|
277
|
+
},
|
|
278
|
+
onKeyDown: props => {
|
|
279
|
+
if (props.event.key === "Escape") {
|
|
280
|
+
props.event.stopPropagation();
|
|
281
|
+
popup?.destroy();
|
|
282
|
+
component?.destroy();
|
|
283
|
+
popup = null;
|
|
284
|
+
component = null;
|
|
285
|
+
return true;
|
|
286
|
+
}
|
|
287
|
+
return component?.ref?.onKeyDown(props) ?? false;
|
|
288
|
+
},
|
|
289
|
+
onExit: () => {
|
|
290
|
+
popup?.destroy();
|
|
291
|
+
component?.destroy();
|
|
292
|
+
popup = null;
|
|
293
|
+
component = null;
|
|
294
|
+
}
|
|
295
|
+
};
|
|
296
|
+
};
|
|
297
|
+
}
|
|
@@ -0,0 +1,327 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
+
get: () => from[key],
|
|
17
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
+
value: true
|
|
24
|
+
}), mod);
|
|
25
|
+
var suggestionPopup_exports = {};
|
|
26
|
+
__export(suggestionPopup_exports, {
|
|
27
|
+
SuggestionChromeStore: () => SuggestionChromeStore,
|
|
28
|
+
SuggestionList: () => SuggestionList,
|
|
29
|
+
createSuggestionRenderer: () => createSuggestionRenderer,
|
|
30
|
+
fallbackSuggestionChrome: () => fallbackSuggestionChrome,
|
|
31
|
+
getSuggestionChrome: () => getSuggestionChrome
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(suggestionPopup_exports);
|
|
34
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
|
+
var import_react = require("react");
|
|
36
|
+
var import_core = require("@tiptap/core");
|
|
37
|
+
var import_react2 = require("@tiptap/react");
|
|
38
|
+
var fallbackSuggestionChrome = {
|
|
39
|
+
background: "var(--background)",
|
|
40
|
+
borderColor: "var(--borderColor)",
|
|
41
|
+
activeBackground: "var(--color4)",
|
|
42
|
+
iconTileBackground: "var(--color3)",
|
|
43
|
+
titleColor: "var(--color12)",
|
|
44
|
+
descriptionColor: "var(--color11)",
|
|
45
|
+
radius: 8,
|
|
46
|
+
shadow: "0px 8px 28px var(--shadow2), 0px 2px 6px var(--shadow1)",
|
|
47
|
+
motionMs: 120,
|
|
48
|
+
rowPaddingX: 12
|
|
49
|
+
};
|
|
50
|
+
var SuggestionChromeStore = import_core.Extension.create({
|
|
51
|
+
name: "suggestionChrome",
|
|
52
|
+
addStorage() {
|
|
53
|
+
return {
|
|
54
|
+
value: fallbackSuggestionChrome
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
function getSuggestionChrome(editor) {
|
|
59
|
+
var _ref;
|
|
60
|
+
var _editor_storage_suggestionChrome, _editor_storage;
|
|
61
|
+
return (_ref = editor === null || editor === void 0 ? void 0 : (_editor_storage = editor.storage) === null || _editor_storage === void 0 ? void 0 : (_editor_storage_suggestionChrome = _editor_storage.suggestionChrome) === null || _editor_storage_suggestionChrome === void 0 ? void 0 : _editor_storage_suggestionChrome.value) !== null && _ref !== void 0 ? _ref : fallbackSuggestionChrome;
|
|
62
|
+
}
|
|
63
|
+
var SuggestionList = /* @__PURE__ */(0, import_react.forwardRef)(function (param, ref) {
|
|
64
|
+
var {
|
|
65
|
+
rows,
|
|
66
|
+
chrome,
|
|
67
|
+
emptyLabel,
|
|
68
|
+
onSelect
|
|
69
|
+
} = param;
|
|
70
|
+
var [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
|
|
71
|
+
var listRef = (0, import_react.useRef)(null);
|
|
72
|
+
(0, import_react.useEffect)(function () {
|
|
73
|
+
setSelectedIndex(0);
|
|
74
|
+
}, [rows]);
|
|
75
|
+
(0, import_react.useEffect)(function () {
|
|
76
|
+
var _listRef_current;
|
|
77
|
+
var el = (_listRef_current = listRef.current) === null || _listRef_current === void 0 ? void 0 : _listRef_current.children[selectedIndex];
|
|
78
|
+
el === null || el === void 0 ? void 0 : el.scrollIntoView({
|
|
79
|
+
block: "nearest"
|
|
80
|
+
});
|
|
81
|
+
}, [selectedIndex]);
|
|
82
|
+
var selectItem = (0, import_react.useCallback)(function (index) {
|
|
83
|
+
if (rows[index]) onSelect(index);
|
|
84
|
+
}, [rows, onSelect]);
|
|
85
|
+
(0, import_react.useImperativeHandle)(ref, function () {
|
|
86
|
+
return {
|
|
87
|
+
onKeyDown: function onKeyDown(param2) {
|
|
88
|
+
var {
|
|
89
|
+
event
|
|
90
|
+
} = param2;
|
|
91
|
+
if (rows.length === 0) return false;
|
|
92
|
+
if (event.key === "ArrowUp") {
|
|
93
|
+
setSelectedIndex(function (i) {
|
|
94
|
+
return (i + rows.length - 1) % rows.length;
|
|
95
|
+
});
|
|
96
|
+
return true;
|
|
97
|
+
}
|
|
98
|
+
if (event.key === "ArrowDown") {
|
|
99
|
+
setSelectedIndex(function (i) {
|
|
100
|
+
return (i + 1) % rows.length;
|
|
101
|
+
});
|
|
102
|
+
return true;
|
|
103
|
+
}
|
|
104
|
+
if (event.key === "Enter" || event.key === "Tab") {
|
|
105
|
+
selectItem(selectedIndex);
|
|
106
|
+
return true;
|
|
107
|
+
}
|
|
108
|
+
return false;
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
});
|
|
112
|
+
var containerStyle = {
|
|
113
|
+
background: chrome.background,
|
|
114
|
+
border: `1px solid ${chrome.borderColor}`,
|
|
115
|
+
borderRadius: `${chrome.radius}px`,
|
|
116
|
+
boxShadow: chrome.shadow,
|
|
117
|
+
// SP-EDGE: container owns only its border -- rows own all padding
|
|
118
|
+
padding: 0,
|
|
119
|
+
maxHeight: "320px",
|
|
120
|
+
overflowY: "auto",
|
|
121
|
+
minWidth: "220px",
|
|
122
|
+
maxWidth: "320px"
|
|
123
|
+
};
|
|
124
|
+
if (rows.length === 0) {
|
|
125
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
126
|
+
style: containerStyle,
|
|
127
|
+
"data-suggestion-popup": "true",
|
|
128
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
129
|
+
style: {
|
|
130
|
+
padding: `8px ${chrome.rowPaddingX}px`,
|
|
131
|
+
color: chrome.descriptionColor,
|
|
132
|
+
fontSize: "13px"
|
|
133
|
+
},
|
|
134
|
+
children: emptyLabel
|
|
135
|
+
})
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
139
|
+
style: containerStyle,
|
|
140
|
+
ref: listRef,
|
|
141
|
+
role: "listbox",
|
|
142
|
+
"data-suggestion-popup": "true",
|
|
143
|
+
children: rows.map(function (row, index) {
|
|
144
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("button", {
|
|
145
|
+
role: "option",
|
|
146
|
+
"aria-selected": index === selectedIndex,
|
|
147
|
+
type: "button",
|
|
148
|
+
style: {
|
|
149
|
+
// LC-16 shared menu-row geometry (menuRowFrame): horizontal
|
|
150
|
+
// padding resolved from the theme recipe, 8px vertical, 8px
|
|
151
|
+
// in-row gap, full-width flat rows (SP-EDGE)
|
|
152
|
+
display: "flex",
|
|
153
|
+
alignItems: "center",
|
|
154
|
+
gap: "8px",
|
|
155
|
+
padding: `8px ${chrome.rowPaddingX}px`,
|
|
156
|
+
border: "none",
|
|
157
|
+
background: index === selectedIndex ? chrome.activeBackground : "none",
|
|
158
|
+
width: "100%",
|
|
159
|
+
textAlign: "start",
|
|
160
|
+
cursor: "pointer",
|
|
161
|
+
borderRadius: 0,
|
|
162
|
+
fontSize: "13px",
|
|
163
|
+
lineHeight: "1.3",
|
|
164
|
+
fontFamily: "inherit"
|
|
165
|
+
},
|
|
166
|
+
onClick: function onClick() {
|
|
167
|
+
return selectItem(index);
|
|
168
|
+
},
|
|
169
|
+
onMouseEnter: function onMouseEnter() {
|
|
170
|
+
return setSelectedIndex(index);
|
|
171
|
+
},
|
|
172
|
+
children: [row.avatarUrl ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("img", {
|
|
173
|
+
src: row.avatarUrl,
|
|
174
|
+
alt: "",
|
|
175
|
+
style: {
|
|
176
|
+
width: "24px",
|
|
177
|
+
height: "24px",
|
|
178
|
+
borderRadius: "50%",
|
|
179
|
+
flexShrink: 0,
|
|
180
|
+
objectFit: "cover"
|
|
181
|
+
}
|
|
182
|
+
}) : row.icon !== void 0 && row.icon !== null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
|
|
183
|
+
"aria-hidden": "true",
|
|
184
|
+
style: {
|
|
185
|
+
width: "28px",
|
|
186
|
+
height: "28px",
|
|
187
|
+
display: "flex",
|
|
188
|
+
alignItems: "center",
|
|
189
|
+
justifyContent: "center",
|
|
190
|
+
borderRadius: "4px",
|
|
191
|
+
background: chrome.iconTileBackground,
|
|
192
|
+
color: chrome.titleColor,
|
|
193
|
+
fontWeight: 700,
|
|
194
|
+
fontSize: "12px",
|
|
195
|
+
flexShrink: 0
|
|
196
|
+
},
|
|
197
|
+
children: row.icon
|
|
198
|
+
}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)("span", {
|
|
199
|
+
style: {
|
|
200
|
+
display: "flex",
|
|
201
|
+
flexDirection: "column",
|
|
202
|
+
gap: "1px",
|
|
203
|
+
minWidth: 0
|
|
204
|
+
},
|
|
205
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
|
|
206
|
+
style: {
|
|
207
|
+
fontWeight: 600,
|
|
208
|
+
color: chrome.titleColor,
|
|
209
|
+
whiteSpace: "nowrap",
|
|
210
|
+
overflow: "hidden",
|
|
211
|
+
textOverflow: "ellipsis"
|
|
212
|
+
},
|
|
213
|
+
children: row.title
|
|
214
|
+
}), row.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
|
|
215
|
+
style: {
|
|
216
|
+
fontSize: "11px",
|
|
217
|
+
color: chrome.descriptionColor
|
|
218
|
+
},
|
|
219
|
+
children: row.description
|
|
220
|
+
}) : null]
|
|
221
|
+
})]
|
|
222
|
+
}, row.key);
|
|
223
|
+
})
|
|
224
|
+
});
|
|
225
|
+
});
|
|
226
|
+
SuggestionList.displayName = "SuggestionList";
|
|
227
|
+
function createPopup(editorDom, motionMs) {
|
|
228
|
+
var popup = document.createElement("div");
|
|
229
|
+
popup.style.position = "fixed";
|
|
230
|
+
popup.style.zIndex = "100001";
|
|
231
|
+
popup.style.fontFamily = getComputedStyle(editorDom).fontFamily;
|
|
232
|
+
if (motionMs > 0) {
|
|
233
|
+
popup.style.opacity = "0";
|
|
234
|
+
popup.style.transform = "translateY(4px)";
|
|
235
|
+
popup.style.transition = `opacity ${motionMs}ms ease, transform ${motionMs}ms ease`;
|
|
236
|
+
requestAnimationFrame(function () {
|
|
237
|
+
popup.style.opacity = "1";
|
|
238
|
+
popup.style.transform = "translateY(0)";
|
|
239
|
+
});
|
|
240
|
+
}
|
|
241
|
+
document.body.appendChild(popup);
|
|
242
|
+
return {
|
|
243
|
+
element: popup,
|
|
244
|
+
position: function position(clientRect) {
|
|
245
|
+
var rect = clientRect === null || clientRect === void 0 ? void 0 : clientRect();
|
|
246
|
+
if (!rect) return;
|
|
247
|
+
var menuHeight = Math.min(popup.offsetHeight || 320, 320);
|
|
248
|
+
var below = rect.bottom + 4;
|
|
249
|
+
var flip = below + menuHeight > window.innerHeight && rect.top - menuHeight - 4 > 0;
|
|
250
|
+
popup.style.left = `${Math.min(rect.left, Math.max(8, window.innerWidth - popup.offsetWidth - 8))}px`;
|
|
251
|
+
popup.style.top = flip ? `${rect.top - menuHeight - 4}px` : `${below}px`;
|
|
252
|
+
},
|
|
253
|
+
destroy: function destroy() {
|
|
254
|
+
var immediate = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
|
|
255
|
+
if (immediate || motionMs === 0) {
|
|
256
|
+
popup.remove();
|
|
257
|
+
return;
|
|
258
|
+
}
|
|
259
|
+
popup.style.opacity = "0";
|
|
260
|
+
popup.style.transform = "translateY(4px)";
|
|
261
|
+
popup.style.pointerEvents = "none";
|
|
262
|
+
window.setTimeout(function () {
|
|
263
|
+
return popup.remove();
|
|
264
|
+
}, motionMs);
|
|
265
|
+
}
|
|
266
|
+
};
|
|
267
|
+
}
|
|
268
|
+
function createSuggestionRenderer(param) {
|
|
269
|
+
var {
|
|
270
|
+
toRow,
|
|
271
|
+
getChrome,
|
|
272
|
+
getEmptyLabel
|
|
273
|
+
} = param;
|
|
274
|
+
return function () {
|
|
275
|
+
var component = null;
|
|
276
|
+
var popup = null;
|
|
277
|
+
var makeProps = function makeProps2(props) {
|
|
278
|
+
return {
|
|
279
|
+
rows: props.items.map(toRow),
|
|
280
|
+
chrome: getChrome(props.editor),
|
|
281
|
+
emptyLabel: getEmptyLabel(),
|
|
282
|
+
onSelect: function onSelect(index) {
|
|
283
|
+
var item = props.items[index];
|
|
284
|
+
if (item !== void 0) props.command(item);
|
|
285
|
+
}
|
|
286
|
+
};
|
|
287
|
+
};
|
|
288
|
+
return {
|
|
289
|
+
onStart: function onStart(props) {
|
|
290
|
+
component = new import_react2.ReactRenderer(SuggestionList, {
|
|
291
|
+
props: makeProps(props),
|
|
292
|
+
editor: props.editor
|
|
293
|
+
});
|
|
294
|
+
popup = createPopup(props.editor.view.dom, getChrome(props.editor).motionMs);
|
|
295
|
+
popup.element.appendChild(component.element);
|
|
296
|
+
popup.position(props.clientRect);
|
|
297
|
+
requestAnimationFrame(function () {
|
|
298
|
+
return popup === null || popup === void 0 ? void 0 : popup.position(props.clientRect);
|
|
299
|
+
});
|
|
300
|
+
},
|
|
301
|
+
onUpdate: function onUpdate(props) {
|
|
302
|
+
component === null || component === void 0 ? void 0 : component.updateProps(makeProps(props));
|
|
303
|
+
popup === null || popup === void 0 ? void 0 : popup.position(props.clientRect);
|
|
304
|
+
},
|
|
305
|
+
onKeyDown: function onKeyDown(props) {
|
|
306
|
+
var _ref;
|
|
307
|
+
var _component_ref;
|
|
308
|
+
if (props.event.key === "Escape") {
|
|
309
|
+
props.event.stopPropagation();
|
|
310
|
+
popup === null || popup === void 0 ? void 0 : popup.destroy();
|
|
311
|
+
component === null || component === void 0 ? void 0 : component.destroy();
|
|
312
|
+
popup = null;
|
|
313
|
+
component = null;
|
|
314
|
+
return true;
|
|
315
|
+
}
|
|
316
|
+
return (_ref = component === null || component === void 0 ? void 0 : (_component_ref = component.ref) === null || _component_ref === void 0 ? void 0 : _component_ref.onKeyDown(props)) !== null && _ref !== void 0 ? _ref : false;
|
|
317
|
+
},
|
|
318
|
+
onExit: function onExit() {
|
|
319
|
+
popup === null || popup === void 0 ? void 0 : popup.destroy();
|
|
320
|
+
component === null || component === void 0 ? void 0 : component.destroy();
|
|
321
|
+
popup = null;
|
|
322
|
+
component = null;
|
|
323
|
+
}
|
|
324
|
+
};
|
|
325
|
+
};
|
|
326
|
+
}
|
|
327
|
+
//# sourceMappingURL=suggestionPopup.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","suggestionPopup_exports","__export","SuggestionChromeStore","SuggestionList","createSuggestionRenderer","fallbackSuggestionChrome","getSuggestionChrome","module","exports","import_jsx_runtime","require","import_react","import_core","import_react2","background","borderColor","activeBackground","iconTileBackground","titleColor","descriptionColor","radius","shadow","motionMs","rowPaddingX","Extension","create","name","addStorage","editor","_ref","_editor_storage_suggestionChrome","_editor_storage","storage","suggestionChrome","forwardRef","param","ref","rows","chrome","emptyLabel","onSelect","selectedIndex","setSelectedIndex","useState","listRef","useRef","useEffect","_listRef_current","el","current","children","scrollIntoView","block","selectItem","useCallback","index","useImperativeHandle","onKeyDown","param2","event","length","key","i","containerStyle","border","borderRadius","boxShadow","padding","maxHeight","overflowY","minWidth","maxWidth","jsx","style","color","fontSize","role","map","row","jsxs","type","display","alignItems","gap","width","textAlign","cursor","lineHeight","fontFamily","onClick","onMouseEnter","avatarUrl","src","alt","height","flexShrink","objectFit","icon","justifyContent","fontWeight","flexDirection","whiteSpace","overflow","textOverflow","title","description","displayName","createPopup","editorDom","popup","document","createElement","position","zIndex","getComputedStyle","opacity","transform","transition","requestAnimationFrame","body","appendChild","element","clientRect","rect","menuHeight","Math","min","offsetHeight","below","bottom","flip","window","innerHeight","top","left","max","innerWidth","offsetWidth","destroy","immediate","arguments","remove","pointerEvents","setTimeout","toRow","getChrome","getEmptyLabel","component","makeProps","makeProps2","props","items","item","command"],"sources":["../../../src/editor/suggestionPopup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|