@multiplatform.one/rich-text 6.1.0 → 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
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { t } from "../shared/t.mjs";
|
|
1
2
|
const isMac = typeof navigator !== "undefined" && /Mac|iPod|iPhone|iPad/.test(navigator.platform ?? "");
|
|
2
3
|
const MOD = isMac ? "\u2318" : "Ctrl+";
|
|
3
4
|
const SHIFT = isMac ? "\u21E7" : "Shift+";
|
|
@@ -7,30 +8,78 @@ function shortcut(label, keys) {
|
|
|
7
8
|
return `${label} (${keys})`;
|
|
8
9
|
}
|
|
9
10
|
const SHORTCUTS = {
|
|
10
|
-
bold
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
11
|
+
get bold() {
|
|
12
|
+
return shortcut(t("Bold"), `${MOD}B`);
|
|
13
|
+
},
|
|
14
|
+
get italic() {
|
|
15
|
+
return shortcut(t("Italic"), `${MOD}I`);
|
|
16
|
+
},
|
|
17
|
+
get underline() {
|
|
18
|
+
return shortcut(t("Underline"), `${MOD}U`);
|
|
19
|
+
},
|
|
20
|
+
get strike() {
|
|
21
|
+
return shortcut(t("Strikethrough"), `${MOD}${SHIFT}X`);
|
|
22
|
+
},
|
|
23
|
+
get code() {
|
|
24
|
+
return shortcut(t("Code"), `${MOD}E`);
|
|
25
|
+
},
|
|
26
|
+
get subscript() {
|
|
27
|
+
return t("Subscript");
|
|
28
|
+
},
|
|
29
|
+
get superscript() {
|
|
30
|
+
return t("Superscript");
|
|
31
|
+
},
|
|
32
|
+
get undo() {
|
|
33
|
+
return shortcut(t("Undo"), `${MOD}Z`);
|
|
34
|
+
},
|
|
35
|
+
get redo() {
|
|
36
|
+
return shortcut(t("Redo"), `${MOD}${SHIFT}Z`);
|
|
37
|
+
},
|
|
38
|
+
get alignLeft() {
|
|
39
|
+
return shortcut(t("Align Left"), `${MOD}${SHIFT}L`);
|
|
40
|
+
},
|
|
41
|
+
get alignCenter() {
|
|
42
|
+
return shortcut(t("Align Center"), `${MOD}${SHIFT}E`);
|
|
43
|
+
},
|
|
44
|
+
get alignRight() {
|
|
45
|
+
return shortcut(t("Align Right"), `${MOD}${SHIFT}R`);
|
|
46
|
+
},
|
|
47
|
+
get alignJustify() {
|
|
48
|
+
return shortcut(t("Justify"), `${MOD}${SHIFT}J`);
|
|
49
|
+
},
|
|
50
|
+
get blockquote() {
|
|
51
|
+
return shortcut(t("Blockquote"), `${MOD}${SHIFT}B`);
|
|
52
|
+
},
|
|
53
|
+
get codeBlock() {
|
|
54
|
+
return shortcut(t("Code Block"), `${MOD}${ALT}C`);
|
|
55
|
+
},
|
|
56
|
+
get bulletList() {
|
|
57
|
+
return shortcut(t("Bullet List"), `${MOD}${SHIFT}8`);
|
|
58
|
+
},
|
|
59
|
+
get orderedList() {
|
|
60
|
+
return shortcut(t("Ordered List"), `${MOD}${SHIFT}7`);
|
|
61
|
+
},
|
|
62
|
+
get taskList() {
|
|
63
|
+
return shortcut(t("Task List"), `${MOD}${SHIFT}9`);
|
|
64
|
+
},
|
|
65
|
+
get link() {
|
|
66
|
+
return shortcut(t("Link"), `${MOD}K`);
|
|
67
|
+
},
|
|
68
|
+
get horizontalRule() {
|
|
69
|
+
return t("Horizontal Rule");
|
|
70
|
+
},
|
|
71
|
+
get image() {
|
|
72
|
+
return t("Image");
|
|
73
|
+
},
|
|
74
|
+
get textColor() {
|
|
75
|
+
return t("Text Color");
|
|
76
|
+
},
|
|
77
|
+
get highlight() {
|
|
78
|
+
return t("Highlight");
|
|
79
|
+
},
|
|
80
|
+
get clearFormatting() {
|
|
81
|
+
return t("Clear Formatting");
|
|
82
|
+
}
|
|
34
83
|
};
|
|
35
84
|
export { SHORTCUTS, shortcut };
|
|
36
85
|
//# sourceMappingURL=shortcuts.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isMac","navigator","test","platform","MOD","SHIFT","ALT","shortcut","label","keys","SHORTCUTS","bold","italic","underline","strike","code","subscript","superscript","undo","redo","alignLeft","alignCenter","alignRight","alignJustify","blockquote","codeBlock","bulletList","orderedList","taskList","link","horizontalRule","image","textColor","highlight","clearFormatting"],"sources":["../../../src/toolbar/shortcuts.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["t","isMac","navigator","test","platform","MOD","SHIFT","ALT","shortcut","label","keys","SHORTCUTS","bold","italic","underline","strike","code","subscript","superscript","undo","redo","alignLeft","alignCenter","alignRight","alignJustify","blockquote","codeBlock","bulletList","orderedList","taskList","link","horizontalRule","image","textColor","highlight","clearFormatting"],"sources":["../../../src/toolbar/shortcuts.ts"],"sourcesContent":[null],"mappings":"AAOA,SAASA,CAAA,QAAS;AAElB,MAAMC,KAAA,GACJ,OAAOC,SAAA,KAAc,eAAe,uBAAuBC,IAAA,CAAKD,SAAA,CAAUE,QAAA,IAAY,EAAE;AAE1F,MAAMC,GAAA,GAAMJ,KAAA,GAAQ,WAAM;AAC1B,MAAMK,KAAA,GAAQL,KAAA,GAAQ,WAAM;AAC5B,MAAMM,GAAA,GAAMN,KAAA,GAAQ,WAAM;AAEnB,SAASO,SAASC,KAAA,EAAeC,IAAA,EAAuB;EAC7D,IAAI,CAACA,IAAA,EAAM,OAAOD,KAAA;EAClB,OAAO,GAAGA,KAAK,KAAKC,IAAI;AAC1B;AAEO,MAAMC,SAAA,GAAY;EACvB,IAAIC,KAAA,EAAO;IACT,OAAOJ,QAAA,CAASR,CAAA,CAAE,MAAM,GAAG,GAAGK,GAAG,GAAG;EACtC;EACA,IAAIQ,OAAA,EAAS;IACX,OAAOL,QAAA,CAASR,CAAA,CAAE,QAAQ,GAAG,GAAGK,GAAG,GAAG;EACxC;EACA,IAAIS,UAAA,EAAY;IACd,OAAON,QAAA,CAASR,CAAA,CAAE,WAAW,GAAG,GAAGK,GAAG,GAAG;EAC3C;EACA,IAAIU,OAAA,EAAS;IACX,OAAOP,QAAA,CAASR,CAAA,CAAE,eAAe,GAAG,GAAGK,GAAG,GAAGC,KAAK,GAAG;EACvD;EACA,IAAIU,KAAA,EAAO;IACT,OAAOR,QAAA,CAASR,CAAA,CAAE,MAAM,GAAG,GAAGK,GAAG,GAAG;EACtC;EACA,IAAIY,UAAA,EAAY;IACd,OAAOjB,CAAA,CAAE,WAAW;EACtB;EACA,IAAIkB,YAAA,EAAc;IAChB,OAAOlB,CAAA,CAAE,aAAa;EACxB;EACA,IAAImB,KAAA,EAAO;IACT,OAAOX,QAAA,CAASR,CAAA,CAAE,MAAM,GAAG,GAAGK,GAAG,GAAG;EACtC;EACA,IAAIe,KAAA,EAAO;IACT,OAAOZ,QAAA,CAASR,CAAA,CAAE,MAAM,GAAG,GAAGK,GAAG,GAAGC,KAAK,GAAG;EAC9C;EACA,IAAIe,UAAA,EAAY;IACd,OAAOb,QAAA,CAASR,CAAA,CAAE,YAAY,GAAG,GAAGK,GAAG,GAAGC,KAAK,GAAG;EACpD;EACA,IAAIgB,YAAA,EAAc;IAChB,OAAOd,QAAA,CAASR,CAAA,CAAE,cAAc,GAAG,GAAGK,GAAG,GAAGC,KAAK,GAAG;EACtD;EACA,IAAIiB,WAAA,EAAa;IACf,OAAOf,QAAA,CAASR,CAAA,CAAE,aAAa,GAAG,GAAGK,GAAG,GAAGC,KAAK,GAAG;EACrD;EACA,IAAIkB,aAAA,EAAe;IACjB,OAAOhB,QAAA,CAASR,CAAA,CAAE,SAAS,GAAG,GAAGK,GAAG,GAAGC,KAAK,GAAG;EACjD;EACA,IAAImB,WAAA,EAAa;IACf,OAAOjB,QAAA,CAASR,CAAA,CAAE,YAAY,GAAG,GAAGK,GAAG,GAAGC,KAAK,GAAG;EACpD;EACA,IAAIoB,UAAA,EAAY;IACd,OAAOlB,QAAA,CAASR,CAAA,CAAE,YAAY,GAAG,GAAGK,GAAG,GAAGE,GAAG,GAAG;EAClD;EACA,IAAIoB,WAAA,EAAa;IACf,OAAOnB,QAAA,CAASR,CAAA,CAAE,aAAa,GAAG,GAAGK,GAAG,GAAGC,KAAK,GAAG;EACrD;EACA,IAAIsB,YAAA,EAAc;IAChB,OAAOpB,QAAA,CAASR,CAAA,CAAE,cAAc,GAAG,GAAGK,GAAG,GAAGC,KAAK,GAAG;EACtD;EACA,IAAIuB,SAAA,EAAW;IACb,OAAOrB,QAAA,CAASR,CAAA,CAAE,WAAW,GAAG,GAAGK,GAAG,GAAGC,KAAK,GAAG;EACnD;EACA,IAAIwB,KAAA,EAAO;IACT,OAAOtB,QAAA,CAASR,CAAA,CAAE,MAAM,GAAG,GAAGK,GAAG,GAAG;EACtC;EACA,IAAI0B,eAAA,EAAiB;IACnB,OAAO/B,CAAA,CAAE,iBAAiB;EAC5B;EACA,IAAIgC,MAAA,EAAQ;IACV,OAAOhC,CAAA,CAAE,OAAO;EAClB;EACA,IAAIiC,UAAA,EAAY;IACd,OAAOjC,CAAA,CAAE,YAAY;EACvB;EACA,IAAIkC,UAAA,EAAY;IACd,OAAOlC,CAAA,CAAE,WAAW;EACtB;EACA,IAAImC,gBAAA,EAAkB;IACpB,OAAOnC,CAAA,CAAE,kBAAkB;EAC7B;AACF","ignoreList":[]}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { t } from "../shared/t.native.js";
|
|
1
2
|
var _navigator_platform;
|
|
2
3
|
var isMac = typeof navigator !== "undefined" && /Mac|iPod|iPhone|iPad/.test((_navigator_platform = navigator.platform) !== null && _navigator_platform !== void 0 ? _navigator_platform : "");
|
|
3
4
|
var MOD = isMac ? "\u2318" : "Ctrl+";
|
|
@@ -8,30 +9,78 @@ function shortcut(label, keys) {
|
|
|
8
9
|
return `${label} (${keys})`;
|
|
9
10
|
}
|
|
10
11
|
var SHORTCUTS = {
|
|
11
|
-
bold
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
12
|
+
get bold() {
|
|
13
|
+
return shortcut(t("Bold"), `${MOD}B`);
|
|
14
|
+
},
|
|
15
|
+
get italic() {
|
|
16
|
+
return shortcut(t("Italic"), `${MOD}I`);
|
|
17
|
+
},
|
|
18
|
+
get underline() {
|
|
19
|
+
return shortcut(t("Underline"), `${MOD}U`);
|
|
20
|
+
},
|
|
21
|
+
get strike() {
|
|
22
|
+
return shortcut(t("Strikethrough"), `${MOD}${SHIFT}X`);
|
|
23
|
+
},
|
|
24
|
+
get code() {
|
|
25
|
+
return shortcut(t("Code"), `${MOD}E`);
|
|
26
|
+
},
|
|
27
|
+
get subscript() {
|
|
28
|
+
return t("Subscript");
|
|
29
|
+
},
|
|
30
|
+
get superscript() {
|
|
31
|
+
return t("Superscript");
|
|
32
|
+
},
|
|
33
|
+
get undo() {
|
|
34
|
+
return shortcut(t("Undo"), `${MOD}Z`);
|
|
35
|
+
},
|
|
36
|
+
get redo() {
|
|
37
|
+
return shortcut(t("Redo"), `${MOD}${SHIFT}Z`);
|
|
38
|
+
},
|
|
39
|
+
get alignLeft() {
|
|
40
|
+
return shortcut(t("Align Left"), `${MOD}${SHIFT}L`);
|
|
41
|
+
},
|
|
42
|
+
get alignCenter() {
|
|
43
|
+
return shortcut(t("Align Center"), `${MOD}${SHIFT}E`);
|
|
44
|
+
},
|
|
45
|
+
get alignRight() {
|
|
46
|
+
return shortcut(t("Align Right"), `${MOD}${SHIFT}R`);
|
|
47
|
+
},
|
|
48
|
+
get alignJustify() {
|
|
49
|
+
return shortcut(t("Justify"), `${MOD}${SHIFT}J`);
|
|
50
|
+
},
|
|
51
|
+
get blockquote() {
|
|
52
|
+
return shortcut(t("Blockquote"), `${MOD}${SHIFT}B`);
|
|
53
|
+
},
|
|
54
|
+
get codeBlock() {
|
|
55
|
+
return shortcut(t("Code Block"), `${MOD}${ALT}C`);
|
|
56
|
+
},
|
|
57
|
+
get bulletList() {
|
|
58
|
+
return shortcut(t("Bullet List"), `${MOD}${SHIFT}8`);
|
|
59
|
+
},
|
|
60
|
+
get orderedList() {
|
|
61
|
+
return shortcut(t("Ordered List"), `${MOD}${SHIFT}7`);
|
|
62
|
+
},
|
|
63
|
+
get taskList() {
|
|
64
|
+
return shortcut(t("Task List"), `${MOD}${SHIFT}9`);
|
|
65
|
+
},
|
|
66
|
+
get link() {
|
|
67
|
+
return shortcut(t("Link"), `${MOD}K`);
|
|
68
|
+
},
|
|
69
|
+
get horizontalRule() {
|
|
70
|
+
return t("Horizontal Rule");
|
|
71
|
+
},
|
|
72
|
+
get image() {
|
|
73
|
+
return t("Image");
|
|
74
|
+
},
|
|
75
|
+
get textColor() {
|
|
76
|
+
return t("Text Color");
|
|
77
|
+
},
|
|
78
|
+
get highlight() {
|
|
79
|
+
return t("Highlight");
|
|
80
|
+
},
|
|
81
|
+
get clearFormatting() {
|
|
82
|
+
return t("Clear Formatting");
|
|
83
|
+
}
|
|
35
84
|
};
|
|
36
85
|
export { SHORTCUTS, shortcut };
|
|
37
86
|
//# sourceMappingURL=shortcuts.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_navigator_platform","isMac","navigator","test","platform","MOD","SHIFT","ALT","shortcut","label","keys","SHORTCUTS","bold","italic","underline","strike","code","subscript","superscript","undo","redo","alignLeft","alignCenter","alignRight","alignJustify","blockquote","codeBlock","bulletList","orderedList","taskList","link","horizontalRule","image","textColor","highlight","clearFormatting"],"sources":["../../../src/toolbar/shortcuts.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["t","_navigator_platform","isMac","navigator","test","platform","MOD","SHIFT","ALT","shortcut","label","keys","SHORTCUTS","bold","italic","underline","strike","code","subscript","superscript","undo","redo","alignLeft","alignCenter","alignRight","alignJustify","blockquote","codeBlock","bulletList","orderedList","taskList","link","horizontalRule","image","textColor","highlight","clearFormatting"],"sources":["../../../src/toolbar/shortcuts.ts"],"sourcesContent":[null],"mappings":"AAOA,SAASA,CAAA,QAAS;AAElB,IAAAC,mBACS;AAET,IAAAC,KAAM,GAAM,OAAAC,SAAQ,KAAM,sCAAAC,IAAA,EAAAH,mBAAA,GAAAE,SAAA,CAAAE,QAAA,cAAAJ,mBAAA,cAAAA,mBAAA;AAC1B,IAAAK,GAAM,GAAAJ,KAAQ,WAAQ,UAAM;AAC5B,IAAAK,KAAM,GAAML,KAAA,GAAQ,WAAM;AAEnB,IAAAM,GAAA,GAASN,KAAA,GAAS,QAAe,SAAuB;AAC7D,SAAKO,QAAMA,CAAAC,KAAO,EAAAC,IAAA;EAClB,KAAAA,IAAO,EAAG,OAAKD,KAAK;EACtB,UAAAA,KAAA,KAAAC,IAAA;AAEO;AAAkB,IACvBC,SAAW;EACT,IAAAC,KAAA,EAAO;IACT,OAAAJ,QAAA,CAAAT,CAAA,aAAAM,GAAA;EACA;EACE,IAAAQ,MAAOA,CAAA;IACT,OAAAL,QAAA,CAAAT,CAAA,eAAAM,GAAA;EACA;EACE,IAAAS,SAAOA,CAAA;IACT,OAAAN,QAAA,CAAAT,CAAA,kBAAAM,GAAA;EACA;EACE,IAAAU,MAAOA,CAAA;IACT,OAAAP,QAAA,CAAAT,CAAA,sBAAAM,GAAA,GAAAC,KAAA;EACA;EACE,IAAAU,KAAA,EAAO;IACT,OAAAR,QAAA,CAAAT,CAAA,aAAAM,GAAA;EACA;EACE,IAAAY,SAASA,CAAA;IACX,OAAAlB,CAAA;EACA;EACE,IAAAmB,WAASA,CAAA;IACX,OAAAnB,CAAA;EACA;EACE,IAAAoB,KAAA,EAAO;IACT,OAAAX,QAAA,CAAAT,CAAA,aAAAM,GAAA;EACA;EACE,IAAAe,KAAA,EAAO;IACT,OAAAZ,QAAA,CAAAT,CAAA,aAAAM,GAAA,GAAAC,KAAA;EACA;EACE,IAAAe,SAAOA,CAAA;IACT,OAAAb,QAAA,CAAAT,CAAA,mBAAAM,GAAA,GAAAC,KAAA;EACA;EACE,IAAAgB,WAAOA,CAAA,EAAS;IAClB,OAAAd,QAAA,CAAAT,CAAA,qBAAAM,GAAA,GAAAC,KAAA;EACA;EACE,IAAAiB,UAAOA,CAAA;IACT,OAAAf,QAAA,CAAAT,CAAA,oBAAAM,GAAA,GAAAC,KAAA;EACA;EACE,IAAAkB,YAAOA,CAAA,EAAS;IAClB,OAAAhB,QAAA,CAAAT,CAAA,gBAAAM,GAAA,GAAAC,KAAA;EACA;EACE,IAAAmB,UAAOA,CAAA;IACT,OAAAjB,QAAA,CAAAT,CAAA,mBAAAM,GAAA,GAAAC,KAAA;EACA;EACE,IAAAoB,SAAOA,CAAA;IACT,OAAAlB,QAAA,CAAAT,CAAA,mBAAAM,GAAA,GAAAE,GAAA;EACA;EACE,IAAAoB,UAAOA,CAAA;IACT,OAAAnB,QAAA,CAAAT,CAAA,oBAAAM,GAAA,GAAAC,KAAA;EACA;EACE,IAAAsB,WAAOA,CAAA,EAAS;IAClB,OAAApB,QAAA,CAAAT,CAAA,qBAAAM,GAAA,GAAAC,KAAA;EACA;EACE,IAAAuB,QAAOA,CAAA;IACT,OAAArB,QAAA,CAAAT,CAAA,kBAAAM,GAAA,GAAAC,KAAA;EACA;EACE,IAAAwB,KAAA,EAAO;IACT,OAAAtB,QAAA,CAAAT,CAAA,aAAAM,GAAA;EACA;EACE,IAAA0B,cAASA,CAAA;IACX,OAAAhC,CAAA;EACA;EACE,IAAAiC,KAAOA,CAAA,EAAE;IACX,OAAAjC,CAAA;EACA;EACE,IAAAkC,SAASA,CAAA;IACX,OAAAlC,CAAA;EACA;EACE,IAAAmC,SAASA,CAAA;IACX,OAAAnC,CAAA;EACA;EACE,IAAAoC,eAASA,CAAA;IACX,OAAApC,CAAA;EACF","ignoreList":[]}
|
|
@@ -2,8 +2,17 @@ import { useCallback, useEffect, useRef, useState } from "react";
|
|
|
2
2
|
import { View } from "tamagui";
|
|
3
3
|
import { LinearGradient } from "@tamagui/linear-gradient";
|
|
4
4
|
import { CaretLeftIcon, CaretRightIcon } from "@phosphor-icons/react";
|
|
5
|
+
import { useDirection } from "@multiplatform.one/components";
|
|
5
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
7
|
const scrollArrowThreshold = 8;
|
|
8
|
+
function horizontalScrollEdges(element, direction) {
|
|
9
|
+
const range = Math.max(element.scrollWidth - element.clientWidth, 0);
|
|
10
|
+
const minScrollLeft = direction === "rtl" ? -range : 0;
|
|
11
|
+
return {
|
|
12
|
+
fromLeftEdge: element.scrollLeft - minScrollLeft,
|
|
13
|
+
fromRightEdge: minScrollLeft + range - element.scrollLeft
|
|
14
|
+
};
|
|
15
|
+
}
|
|
7
16
|
function useHorizontalScroll(ref) {
|
|
8
17
|
useEffect(() => {
|
|
9
18
|
const el = ref.current;
|
|
@@ -72,15 +81,20 @@ function useHorizontalScroll(ref) {
|
|
|
72
81
|
}, [ref]);
|
|
73
82
|
}
|
|
74
83
|
function useHorizontalScrollArrows() {
|
|
84
|
+
const direction = useDirection();
|
|
75
85
|
const [arrowLeft, setArrowLeft] = useState(false);
|
|
76
86
|
const [arrowRight, setArrowRight] = useState(false);
|
|
77
87
|
const arrowScrollDirRef = useRef(null);
|
|
78
88
|
const updateArrows = useCallback(element => {
|
|
79
|
-
const
|
|
80
|
-
|
|
89
|
+
const {
|
|
90
|
+
fromLeftEdge,
|
|
91
|
+
fromRightEdge
|
|
92
|
+
} = horizontalScrollEdges(element, direction);
|
|
93
|
+
const left = fromLeftEdge > scrollArrowThreshold;
|
|
94
|
+
const right = fromRightEdge > scrollArrowThreshold;
|
|
81
95
|
setArrowLeft(prev => prev !== left ? left : prev);
|
|
82
96
|
setArrowRight(prev => prev !== right ? right : prev);
|
|
83
|
-
}, []);
|
|
97
|
+
}, [direction]);
|
|
84
98
|
return {
|
|
85
99
|
arrowLeft,
|
|
86
100
|
arrowRight,
|
|
@@ -96,6 +110,7 @@ function HorizontalScrollArrow({
|
|
|
96
110
|
transition
|
|
97
111
|
}) {
|
|
98
112
|
const isLeft = direction === "left";
|
|
113
|
+
const textDirection = useDirection();
|
|
99
114
|
const animationFrameRef = useRef(0);
|
|
100
115
|
const lastTimeRef = useRef(0);
|
|
101
116
|
const resumeTimerRef = useRef(null);
|
|
@@ -121,7 +136,11 @@ function HorizontalScrollArrow({
|
|
|
121
136
|
const now = performance.now();
|
|
122
137
|
const elapsed = now - lastTimeRef.current;
|
|
123
138
|
lastTimeRef.current = now;
|
|
124
|
-
const
|
|
139
|
+
const {
|
|
140
|
+
fromLeftEdge,
|
|
141
|
+
fromRightEdge
|
|
142
|
+
} = horizontalScrollEdges(el, textDirection);
|
|
143
|
+
const px = Math.min(elapsed / 2, Math.max(isLeft ? fromLeftEdge : fromRightEdge, 0));
|
|
125
144
|
if (px > 0) {
|
|
126
145
|
selfScrollingRef.current = true;
|
|
127
146
|
arrowScrollDirRef.current = isLeft ? "left" : "right";
|
|
@@ -130,7 +149,7 @@ function HorizontalScrollArrow({
|
|
|
130
149
|
animationFrameRef.current = requestAnimationFrame(tick);
|
|
131
150
|
};
|
|
132
151
|
animationFrameRef.current = requestAnimationFrame(tick);
|
|
133
|
-
}, [isLeft, scrollRef, arrowScrollDirRef]);
|
|
152
|
+
}, [isLeft, scrollRef, arrowScrollDirRef, textDirection]);
|
|
134
153
|
const openTimestampRef = useRef(0);
|
|
135
154
|
useEffect(() => {
|
|
136
155
|
openTimestampRef.current = performance.now();
|
|
@@ -219,5 +238,5 @@ function HorizontalScrollArrow({
|
|
|
219
238
|
})]
|
|
220
239
|
});
|
|
221
240
|
}
|
|
222
|
-
export { HorizontalScrollArrow, useHorizontalScroll, useHorizontalScrollArrows };
|
|
241
|
+
export { HorizontalScrollArrow, horizontalScrollEdges, useHorizontalScroll, useHorizontalScrollArrows };
|
|
223
242
|
//# sourceMappingURL=useHorizontalScroll.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useEffect","useRef","useState","View","LinearGradient","CaretLeftIcon","CaretRightIcon","jsx","jsxs","scrollArrowThreshold","useHorizontalScroll","ref","el","current","handleWheel","e","delta","deltaY","deltaX","
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useRef","useState","View","LinearGradient","CaretLeftIcon","CaretRightIcon","useDirection","jsx","jsxs","scrollArrowThreshold","horizontalScrollEdges","element","direction","range","Math","max","scrollWidth","clientWidth","minScrollLeft","fromLeftEdge","scrollLeft","fromRightEdge","useHorizontalScroll","ref","el","current","handleWheel","e","delta","deltaY","deltaX","preventDefault","isDown","isDragging","startX","handleMouseDown","button","clientX","handleMouseUp","stopPropagation","handleMouseMove","x","diff","abs","walk","addEventListener","passive","capture","document","removeEventListener","useHorizontalScrollArrows","arrowLeft","setArrowLeft","arrowRight","setArrowRight","arrowScrollDirRef","updateArrows","left","right","prev","HorizontalScrollArrow","scrollRef","visible","transition","isLeft","textDirection","animationFrameRef","lastTimeRef","resumeTimerRef","hoveringRef","activeRef","selfScrollingRef","resumeDelay","stopLoop","cancelAnimationFrame","startLoop","performance","now","tick","elapsed","px","min","requestAnimationFrame","openTimestampRef","handlePointerEnter","wasOverOnOpen","clearTimeout","setTimeout","handlePointerLeave","onScroll","Icon","position","top","bottom","width","alignItems","justifyContent","zIndex","pointerEvents","opacity","animation","onPointerEnter","onPointerLeave","children","colors","start","end","size"],"sources":["../../../src/toolbar/useHorizontalScroll.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,16 @@ import { useCallback, useEffect, useRef, useState } from "react";
|
|
|
3
3
|
import { View } from "tamagui";
|
|
4
4
|
import { LinearGradient } from "@tamagui/linear-gradient";
|
|
5
5
|
import { CaretLeftIcon, CaretRightIcon } from "@phosphor-icons/react";
|
|
6
|
+
import { useDirection } from "@multiplatform.one/components";
|
|
6
7
|
var scrollArrowThreshold = 8;
|
|
8
|
+
function horizontalScrollEdges(element, direction) {
|
|
9
|
+
var range = Math.max(element.scrollWidth - element.clientWidth, 0);
|
|
10
|
+
var minScrollLeft = direction === "rtl" ? -range : 0;
|
|
11
|
+
return {
|
|
12
|
+
fromLeftEdge: element.scrollLeft - minScrollLeft,
|
|
13
|
+
fromRightEdge: minScrollLeft + range - element.scrollLeft
|
|
14
|
+
};
|
|
15
|
+
}
|
|
7
16
|
function useHorizontalScroll(ref) {
|
|
8
17
|
useEffect(function () {
|
|
9
18
|
var el = ref.current;
|
|
@@ -72,19 +81,24 @@ function useHorizontalScroll(ref) {
|
|
|
72
81
|
}, [ref]);
|
|
73
82
|
}
|
|
74
83
|
function useHorizontalScrollArrows() {
|
|
84
|
+
var direction = useDirection();
|
|
75
85
|
var [arrowLeft, setArrowLeft] = useState(false);
|
|
76
86
|
var [arrowRight, setArrowRight] = useState(false);
|
|
77
87
|
var arrowScrollDirRef = useRef(null);
|
|
78
88
|
var updateArrows = useCallback(function (element) {
|
|
79
|
-
var
|
|
80
|
-
|
|
89
|
+
var {
|
|
90
|
+
fromLeftEdge,
|
|
91
|
+
fromRightEdge
|
|
92
|
+
} = horizontalScrollEdges(element, direction);
|
|
93
|
+
var left = fromLeftEdge > scrollArrowThreshold;
|
|
94
|
+
var right = fromRightEdge > scrollArrowThreshold;
|
|
81
95
|
setArrowLeft(function (prev) {
|
|
82
96
|
return prev !== left ? left : prev;
|
|
83
97
|
});
|
|
84
98
|
setArrowRight(function (prev) {
|
|
85
99
|
return prev !== right ? right : prev;
|
|
86
100
|
});
|
|
87
|
-
}, []);
|
|
101
|
+
}, [direction]);
|
|
88
102
|
return {
|
|
89
103
|
arrowLeft,
|
|
90
104
|
arrowRight,
|
|
@@ -101,6 +115,7 @@ function HorizontalScrollArrow(param) {
|
|
|
101
115
|
transition
|
|
102
116
|
} = param;
|
|
103
117
|
var isLeft = direction === "left";
|
|
118
|
+
var textDirection = useDirection();
|
|
104
119
|
var animationFrameRef = useRef(0);
|
|
105
120
|
var lastTimeRef = useRef(0);
|
|
106
121
|
var resumeTimerRef = useRef(null);
|
|
@@ -126,7 +141,11 @@ function HorizontalScrollArrow(param) {
|
|
|
126
141
|
var now = performance.now();
|
|
127
142
|
var elapsed = now - lastTimeRef.current;
|
|
128
143
|
lastTimeRef.current = now;
|
|
129
|
-
var
|
|
144
|
+
var {
|
|
145
|
+
fromLeftEdge,
|
|
146
|
+
fromRightEdge
|
|
147
|
+
} = horizontalScrollEdges(el, textDirection);
|
|
148
|
+
var px = Math.min(elapsed / 2, Math.max(isLeft ? fromLeftEdge : fromRightEdge, 0));
|
|
130
149
|
if (px > 0) {
|
|
131
150
|
selfScrollingRef.current = true;
|
|
132
151
|
arrowScrollDirRef.current = isLeft ? "left" : "right";
|
|
@@ -135,7 +154,7 @@ function HorizontalScrollArrow(param) {
|
|
|
135
154
|
animationFrameRef.current = requestAnimationFrame(tick);
|
|
136
155
|
};
|
|
137
156
|
animationFrameRef.current = requestAnimationFrame(tick);
|
|
138
|
-
}, [isLeft, scrollRef, arrowScrollDirRef]);
|
|
157
|
+
}, [isLeft, scrollRef, arrowScrollDirRef, textDirection]);
|
|
139
158
|
var openTimestampRef = useRef(0);
|
|
140
159
|
useEffect(function () {
|
|
141
160
|
openTimestampRef.current = performance.now();
|
|
@@ -226,5 +245,5 @@ function HorizontalScrollArrow(param) {
|
|
|
226
245
|
})]
|
|
227
246
|
});
|
|
228
247
|
}
|
|
229
|
-
export { HorizontalScrollArrow, useHorizontalScroll, useHorizontalScrollArrows };
|
|
248
|
+
export { HorizontalScrollArrow, horizontalScrollEdges, useHorizontalScroll, useHorizontalScrollArrows };
|
|
230
249
|
//# sourceMappingURL=useHorizontalScroll.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useCallback","useEffect","useRef","useState","View","LinearGradient","CaretLeftIcon","CaretRightIcon","scrollArrowThreshold","useHorizontalScroll","ref","el","current","handleWheel","handleWheel2","e","delta","deltaY","deltaX","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useCallback","useEffect","useRef","useState","View","LinearGradient","CaretLeftIcon","CaretRightIcon","useDirection","scrollArrowThreshold","horizontalScrollEdges","element","direction","range","Math","max","scrollWidth","clientWidth","minScrollLeft","fromLeftEdge","scrollLeft","fromRightEdge","useHorizontalScroll","ref","el","current","handleWheel","handleWheel2","e","delta","deltaY","deltaX","preventDefault","isDown","isDragging","startX","handleMouseDown","handleMouseDown2","button","clientX","handleMouseUp","handleMouseUp2","stopPropagation","handleMouseMove","handleMouseMove2","x","diff","abs","walk","addEventListener","passive","capture","document","removeEventListener","useHorizontalScrollArrows","arrowLeft","setArrowLeft","arrowRight","setArrowRight","arrowScrollDirRef","updateArrows","left","right","prev","HorizontalScrollArrow","param","scrollRef","visible","transition","isLeft","textDirection","animationFrameRef","lastTimeRef","resumeTimerRef","hoveringRef","activeRef","selfScrollingRef","resumeDelay","stopLoop","cancelAnimationFrame","startLoop","performance","now","tick","tick1","elapsed","px","min","requestAnimationFrame","openTimestampRef","handlePointerEnter","wasOverOnOpen","clearTimeout","setTimeout","handlePointerLeave","onScroll","onScroll2","Icon"],"sources":["../../../src/toolbar/useHorizontalScroll.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { useEffect } from "react";
|
|
2
|
+
const FOCUSABLE = ['button:not([disabled]):not([aria-disabled="true"])', '[role="button"]:not([disabled]):not([aria-disabled="true"])'].join(", ");
|
|
3
|
+
function useRovingFocus(containerRef) {
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
const container = containerRef.current;
|
|
6
|
+
if (!container) return void 0;
|
|
7
|
+
const controls = () => Array.from(container.querySelectorAll(FOCUSABLE));
|
|
8
|
+
const setTabStops = active => {
|
|
9
|
+
const list = controls();
|
|
10
|
+
if (list.length === 0) return;
|
|
11
|
+
const current = active && list.includes(active) ? active : list.find(b => b.tabIndex === 0) ?? list[0];
|
|
12
|
+
for (const control of list) control.tabIndex = control === current ? 0 : -1;
|
|
13
|
+
};
|
|
14
|
+
setTabStops();
|
|
15
|
+
const handleKeyDown = event => {
|
|
16
|
+
if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) return;
|
|
17
|
+
const list = controls();
|
|
18
|
+
if (list.length === 0) return;
|
|
19
|
+
const current = document.activeElement;
|
|
20
|
+
let index = current ? list.indexOf(current) : -1;
|
|
21
|
+
if (index === -1) return;
|
|
22
|
+
const isRtl = container.closest("[dir]")?.dir === "rtl" || document.dir === "rtl";
|
|
23
|
+
const forward = isRtl ? -1 : 1;
|
|
24
|
+
if (event.key === "ArrowRight") index = (index + forward + list.length) % list.length;else if (event.key === "ArrowLeft") index = (index - forward + list.length) % list.length;else if (event.key === "Home") index = 0;else index = list.length - 1;
|
|
25
|
+
event.preventDefault();
|
|
26
|
+
const next = list[index];
|
|
27
|
+
setTabStops(next);
|
|
28
|
+
next.focus();
|
|
29
|
+
next.scrollIntoView({
|
|
30
|
+
block: "nearest",
|
|
31
|
+
inline: "nearest"
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
const handleFocusIn = event => {
|
|
35
|
+
const target = event.target;
|
|
36
|
+
if (target.matches?.(FOCUSABLE)) setTabStops(target);
|
|
37
|
+
};
|
|
38
|
+
const observer = new MutationObserver(() => setTabStops());
|
|
39
|
+
observer.observe(container, {
|
|
40
|
+
childList: true,
|
|
41
|
+
subtree: true,
|
|
42
|
+
attributes: true,
|
|
43
|
+
attributeFilter: ["disabled", "aria-disabled"]
|
|
44
|
+
});
|
|
45
|
+
container.addEventListener("keydown", handleKeyDown);
|
|
46
|
+
container.addEventListener("focusin", handleFocusIn);
|
|
47
|
+
return () => {
|
|
48
|
+
observer.disconnect();
|
|
49
|
+
container.removeEventListener("keydown", handleKeyDown);
|
|
50
|
+
container.removeEventListener("focusin", handleFocusIn);
|
|
51
|
+
};
|
|
52
|
+
}, [containerRef]);
|
|
53
|
+
}
|
|
54
|
+
export { useRovingFocus };
|
|
55
|
+
//# sourceMappingURL=useRovingFocus.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","FOCUSABLE","join","useRovingFocus","containerRef","container","current","controls","Array","from","querySelectorAll","setTabStops","active","list","length","includes","find","b","tabIndex","control","handleKeyDown","event","key","document","activeElement","index","indexOf","isRtl","closest","dir","forward","preventDefault","next","focus","scrollIntoView","block","inline","handleFocusIn","target","matches","observer","MutationObserver","observe","childList","subtree","attributes","attributeFilter","addEventListener","disconnect","removeEventListener"],"sources":["../../../src/toolbar/useRovingFocus.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|