@multiplatform.one/rich-text 6.0.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/LICENSE +201 -0
- package/dist/cjs/RichEditor.cjs +132 -0
- package/dist/cjs/RichEditor.native.js +120 -0
- package/dist/cjs/RichEditor.native.js.map +1 -0
- package/dist/cjs/RichEditor.stories.cjs +327 -0
- package/dist/cjs/RichEditor.stories.native.js +342 -0
- package/dist/cjs/RichEditor.stories.native.js.map +1 -0
- package/dist/cjs/RichTextEditor/index.cjs +148 -0
- package/dist/cjs/RichTextEditor/index.native.js +160 -0
- package/dist/cjs/RichTextEditor/index.native.js.map +1 -0
- package/dist/cjs/constants.cjs +135 -0
- package/dist/cjs/constants.native.js +138 -0
- package/dist/cjs/constants.native.js.map +1 -0
- package/dist/cjs/context.cjs +33 -0
- package/dist/cjs/context.native.js +36 -0
- package/dist/cjs/context.native.js.map +1 -0
- package/dist/cjs/editor/BlockDragHandle.cjs +137 -0
- package/dist/cjs/editor/BlockDragHandle.native.js +142 -0
- package/dist/cjs/editor/BlockDragHandle.native.js.map +1 -0
- package/dist/cjs/editor/MarkdownPaste.cjs +65 -0
- package/dist/cjs/editor/MarkdownPaste.native.js +68 -0
- package/dist/cjs/editor/MarkdownPaste.native.js.map +1 -0
- package/dist/cjs/editor/SlashCommands.cjs +369 -0
- package/dist/cjs/editor/SlashCommands.native.js +424 -0
- package/dist/cjs/editor/SlashCommands.native.js.map +1 -0
- package/dist/cjs/editor/TentapEditor.native.js +242 -0
- package/dist/cjs/editor/TentapEditor.native.js.map +1 -0
- package/dist/cjs/editor/TiptapEditor.cjs +578 -0
- package/dist/cjs/editor/TiptapEditor.native.js +661 -0
- package/dist/cjs/editor/TiptapEditor.native.js.map +1 -0
- package/dist/cjs/editor/editorStyles.cjs +272 -0
- package/dist/cjs/editor/editorStyles.native.js +276 -0
- package/dist/cjs/editor/editorStyles.native.js.map +1 -0
- package/dist/cjs/editor/index.cjs +33 -0
- package/dist/cjs/editor/index.native.js +36 -0
- package/dist/cjs/editor/index.native.js.map +1 -0
- package/dist/cjs/editor/types.cjs +54 -0
- package/dist/cjs/editor/types.native.js +57 -0
- package/dist/cjs/editor/types.native.js.map +1 -0
- package/dist/cjs/editor/useEditorState.cjs +129 -0
- package/dist/cjs/editor/useEditorState.native.js +135 -0
- package/dist/cjs/editor/useEditorState.native.js.map +1 -0
- package/dist/cjs/index.cjs +30 -0
- package/dist/cjs/index.native.js +33 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/styled.cjs +173 -0
- package/dist/cjs/styled.native.js +185 -0
- package/dist/cjs/styled.native.js.map +1 -0
- package/dist/cjs/toolbar/BubbleToolbar.cjs +130 -0
- package/dist/cjs/toolbar/BubbleToolbar.native.js +159 -0
- package/dist/cjs/toolbar/BubbleToolbar.native.js.map +1 -0
- package/dist/cjs/toolbar/CodeBlockBubble.cjs +211 -0
- package/dist/cjs/toolbar/CodeBlockBubble.native.js +228 -0
- package/dist/cjs/toolbar/CodeBlockBubble.native.js.map +1 -0
- package/dist/cjs/toolbar/ColorPicker.cjs +217 -0
- package/dist/cjs/toolbar/ColorPicker.native.js +234 -0
- package/dist/cjs/toolbar/ColorPicker.native.js.map +1 -0
- package/dist/cjs/toolbar/FixedToolbar.cjs +221 -0
- package/dist/cjs/toolbar/FixedToolbar.native.js +322 -0
- package/dist/cjs/toolbar/FixedToolbar.native.js.map +1 -0
- package/dist/cjs/toolbar/HeadingPicker.cjs +158 -0
- package/dist/cjs/toolbar/HeadingPicker.native.js +167 -0
- package/dist/cjs/toolbar/HeadingPicker.native.js.map +1 -0
- package/dist/cjs/toolbar/ImageBubble.cjs +156 -0
- package/dist/cjs/toolbar/ImageBubble.native.js +165 -0
- package/dist/cjs/toolbar/ImageBubble.native.js.map +1 -0
- package/dist/cjs/toolbar/ImageDialog.cjs +115 -0
- package/dist/cjs/toolbar/ImageDialog.native.js +122 -0
- package/dist/cjs/toolbar/ImageDialog.native.js.map +1 -0
- package/dist/cjs/toolbar/LinkBubble.cjs +195 -0
- package/dist/cjs/toolbar/LinkBubble.native.js +204 -0
- package/dist/cjs/toolbar/LinkBubble.native.js.map +1 -0
- package/dist/cjs/toolbar/LinkDialog.cjs +138 -0
- package/dist/cjs/toolbar/LinkDialog.native.js +146 -0
- package/dist/cjs/toolbar/LinkDialog.native.js.map +1 -0
- package/dist/cjs/toolbar/ListPicker.cjs +117 -0
- package/dist/cjs/toolbar/ListPicker.native.js +124 -0
- package/dist/cjs/toolbar/ListPicker.native.js.map +1 -0
- package/dist/cjs/toolbar/MoreDropdown.cjs +201 -0
- package/dist/cjs/toolbar/MoreDropdown.native.js +224 -0
- package/dist/cjs/toolbar/MoreDropdown.native.js.map +1 -0
- package/dist/cjs/toolbar/ResizeHandle.cjs +105 -0
- package/dist/cjs/toolbar/ResizeHandle.native.js +109 -0
- package/dist/cjs/toolbar/ResizeHandle.native.js.map +1 -0
- package/dist/cjs/toolbar/StatusBar.cjs +91 -0
- package/dist/cjs/toolbar/StatusBar.native.js +100 -0
- package/dist/cjs/toolbar/StatusBar.native.js.map +1 -0
- package/dist/cjs/toolbar/TableBubble.cjs +232 -0
- package/dist/cjs/toolbar/TableBubble.native.js +273 -0
- package/dist/cjs/toolbar/TableBubble.native.js.map +1 -0
- package/dist/cjs/toolbar/ToolbarButton.cjs +105 -0
- package/dist/cjs/toolbar/ToolbarButton.native.js +97 -0
- package/dist/cjs/toolbar/ToolbarButton.native.js.map +1 -0
- package/dist/cjs/toolbar/ToolbarGroup.cjs +41 -0
- package/dist/cjs/toolbar/ToolbarGroup.native.js +45 -0
- package/dist/cjs/toolbar/ToolbarGroup.native.js.map +1 -0
- package/dist/cjs/toolbar/icons.cjs +601 -0
- package/dist/cjs/toolbar/icons.native.js +165 -0
- package/dist/cjs/toolbar/icons.native.js.map +1 -0
- package/dist/cjs/toolbar/shortcuts.cjs +62 -0
- package/dist/cjs/toolbar/shortcuts.native.js +66 -0
- package/dist/cjs/toolbar/shortcuts.native.js.map +1 -0
- package/dist/cjs/toolbar/useHorizontalScroll.cjs +250 -0
- package/dist/cjs/toolbar/useHorizontalScroll.native.js +260 -0
- package/dist/cjs/toolbar/useHorizontalScroll.native.js.map +1 -0
- package/dist/cjs/types.cjs +56 -0
- package/dist/cjs/types.native.js +59 -0
- package/dist/cjs/types.native.js.map +1 -0
- package/dist/esm/RichEditor.mjs +107 -0
- package/dist/esm/RichEditor.mjs.map +1 -0
- package/dist/esm/RichEditor.native.js +92 -0
- package/dist/esm/RichEditor.native.js.map +1 -0
- package/dist/esm/RichEditor.stories.mjs +291 -0
- package/dist/esm/RichEditor.stories.mjs.map +1 -0
- package/dist/esm/RichEditor.stories.native.js +303 -0
- package/dist/esm/RichEditor.stories.native.js.map +1 -0
- package/dist/esm/RichTextEditor/index.mjs +123 -0
- package/dist/esm/RichTextEditor/index.mjs.map +1 -0
- package/dist/esm/RichTextEditor/index.native.js +132 -0
- package/dist/esm/RichTextEditor/index.native.js.map +1 -0
- package/dist/esm/constants.mjs +108 -0
- package/dist/esm/constants.mjs.map +1 -0
- package/dist/esm/constants.native.js +108 -0
- package/dist/esm/constants.native.js.map +1 -0
- package/dist/esm/context.mjs +8 -0
- package/dist/esm/context.mjs.map +1 -0
- package/dist/esm/context.native.js +8 -0
- package/dist/esm/context.native.js.map +1 -0
- package/dist/esm/editor/BlockDragHandle.mjs +112 -0
- package/dist/esm/editor/BlockDragHandle.mjs.map +1 -0
- package/dist/esm/editor/BlockDragHandle.native.js +114 -0
- package/dist/esm/editor/BlockDragHandle.native.js.map +1 -0
- package/dist/esm/editor/MarkdownPaste.mjs +40 -0
- package/dist/esm/editor/MarkdownPaste.mjs.map +1 -0
- package/dist/esm/editor/MarkdownPaste.native.js +40 -0
- package/dist/esm/editor/MarkdownPaste.native.js.map +1 -0
- package/dist/esm/editor/SlashCommands.mjs +333 -0
- package/dist/esm/editor/SlashCommands.mjs.map +1 -0
- package/dist/esm/editor/SlashCommands.native.js +385 -0
- package/dist/esm/editor/SlashCommands.native.js.map +1 -0
- package/dist/esm/editor/TentapEditor.native.js +214 -0
- package/dist/esm/editor/TentapEditor.native.js.map +1 -0
- package/dist/esm/editor/TiptapEditor.mjs +542 -0
- package/dist/esm/editor/TiptapEditor.mjs.map +1 -0
- package/dist/esm/editor/TiptapEditor.native.js +622 -0
- package/dist/esm/editor/TiptapEditor.native.js.map +1 -0
- package/dist/esm/editor/editorStyles.mjs +247 -0
- package/dist/esm/editor/editorStyles.mjs.map +1 -0
- package/dist/esm/editor/editorStyles.native.js +248 -0
- package/dist/esm/editor/editorStyles.native.js.map +1 -0
- package/dist/esm/editor/index.mjs +5 -0
- package/dist/esm/editor/index.mjs.map +1 -0
- package/dist/esm/editor/index.native.js +5 -0
- package/dist/esm/editor/index.native.js.map +1 -0
- package/dist/esm/editor/types.mjs +29 -0
- package/dist/esm/editor/types.mjs.map +1 -0
- package/dist/esm/editor/types.native.js +29 -0
- package/dist/esm/editor/types.native.js.map +1 -0
- package/dist/esm/editor/useEditorState.mjs +102 -0
- package/dist/esm/editor/useEditorState.mjs.map +1 -0
- package/dist/esm/editor/useEditorState.native.js +105 -0
- package/dist/esm/editor/useEditorState.native.js.map +1 -0
- package/dist/esm/index.mjs +4 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +4 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/styled.mjs +144 -0
- package/dist/esm/styled.mjs.map +1 -0
- package/dist/esm/styled.native.js +153 -0
- package/dist/esm/styled.native.js.map +1 -0
- package/dist/esm/toolbar/BubbleToolbar.mjs +105 -0
- package/dist/esm/toolbar/BubbleToolbar.mjs.map +1 -0
- package/dist/esm/toolbar/BubbleToolbar.native.js +131 -0
- package/dist/esm/toolbar/BubbleToolbar.native.js.map +1 -0
- package/dist/esm/toolbar/CodeBlockBubble.mjs +186 -0
- package/dist/esm/toolbar/CodeBlockBubble.mjs.map +1 -0
- package/dist/esm/toolbar/CodeBlockBubble.native.js +200 -0
- package/dist/esm/toolbar/CodeBlockBubble.native.js.map +1 -0
- package/dist/esm/toolbar/ColorPicker.mjs +191 -0
- package/dist/esm/toolbar/ColorPicker.mjs.map +1 -0
- package/dist/esm/toolbar/ColorPicker.native.js +205 -0
- package/dist/esm/toolbar/ColorPicker.native.js.map +1 -0
- package/dist/esm/toolbar/FixedToolbar.mjs +196 -0
- package/dist/esm/toolbar/FixedToolbar.mjs.map +1 -0
- package/dist/esm/toolbar/FixedToolbar.native.js +294 -0
- package/dist/esm/toolbar/FixedToolbar.native.js.map +1 -0
- package/dist/esm/toolbar/HeadingPicker.mjs +133 -0
- package/dist/esm/toolbar/HeadingPicker.mjs.map +1 -0
- package/dist/esm/toolbar/HeadingPicker.native.js +139 -0
- package/dist/esm/toolbar/HeadingPicker.native.js.map +1 -0
- package/dist/esm/toolbar/ImageBubble.mjs +131 -0
- package/dist/esm/toolbar/ImageBubble.mjs.map +1 -0
- package/dist/esm/toolbar/ImageBubble.native.js +137 -0
- package/dist/esm/toolbar/ImageBubble.native.js.map +1 -0
- package/dist/esm/toolbar/ImageDialog.mjs +90 -0
- package/dist/esm/toolbar/ImageDialog.mjs.map +1 -0
- package/dist/esm/toolbar/ImageDialog.native.js +94 -0
- package/dist/esm/toolbar/ImageDialog.native.js.map +1 -0
- package/dist/esm/toolbar/LinkBubble.mjs +170 -0
- package/dist/esm/toolbar/LinkBubble.mjs.map +1 -0
- package/dist/esm/toolbar/LinkBubble.native.js +176 -0
- package/dist/esm/toolbar/LinkBubble.native.js.map +1 -0
- package/dist/esm/toolbar/LinkDialog.mjs +112 -0
- package/dist/esm/toolbar/LinkDialog.mjs.map +1 -0
- package/dist/esm/toolbar/LinkDialog.native.js +117 -0
- package/dist/esm/toolbar/LinkDialog.native.js.map +1 -0
- package/dist/esm/toolbar/ListPicker.mjs +92 -0
- package/dist/esm/toolbar/ListPicker.mjs.map +1 -0
- package/dist/esm/toolbar/ListPicker.native.js +96 -0
- package/dist/esm/toolbar/ListPicker.native.js.map +1 -0
- package/dist/esm/toolbar/MoreDropdown.mjs +176 -0
- package/dist/esm/toolbar/MoreDropdown.mjs.map +1 -0
- package/dist/esm/toolbar/MoreDropdown.native.js +196 -0
- package/dist/esm/toolbar/MoreDropdown.native.js.map +1 -0
- package/dist/esm/toolbar/ResizeHandle.mjs +80 -0
- package/dist/esm/toolbar/ResizeHandle.mjs.map +1 -0
- package/dist/esm/toolbar/ResizeHandle.native.js +81 -0
- package/dist/esm/toolbar/ResizeHandle.native.js.map +1 -0
- package/dist/esm/toolbar/StatusBar.mjs +66 -0
- package/dist/esm/toolbar/StatusBar.mjs.map +1 -0
- package/dist/esm/toolbar/StatusBar.native.js +72 -0
- package/dist/esm/toolbar/StatusBar.native.js.map +1 -0
- package/dist/esm/toolbar/TableBubble.mjs +207 -0
- package/dist/esm/toolbar/TableBubble.mjs.map +1 -0
- package/dist/esm/toolbar/TableBubble.native.js +245 -0
- package/dist/esm/toolbar/TableBubble.native.js.map +1 -0
- package/dist/esm/toolbar/ToolbarButton.mjs +79 -0
- package/dist/esm/toolbar/ToolbarButton.mjs.map +1 -0
- package/dist/esm/toolbar/ToolbarButton.native.js +68 -0
- package/dist/esm/toolbar/ToolbarButton.native.js.map +1 -0
- package/dist/esm/toolbar/ToolbarGroup.mjs +16 -0
- package/dist/esm/toolbar/ToolbarGroup.mjs.map +1 -0
- package/dist/esm/toolbar/ToolbarGroup.native.js +17 -0
- package/dist/esm/toolbar/ToolbarGroup.native.js.map +1 -0
- package/dist/esm/toolbar/icons.mjs +554 -0
- package/dist/esm/toolbar/icons.mjs.map +1 -0
- package/dist/esm/toolbar/icons.native.js +115 -0
- package/dist/esm/toolbar/icons.native.js.map +1 -0
- package/dist/esm/toolbar/shortcuts.mjs +36 -0
- package/dist/esm/toolbar/shortcuts.mjs.map +1 -0
- package/dist/esm/toolbar/shortcuts.native.js +37 -0
- package/dist/esm/toolbar/shortcuts.native.js.map +1 -0
- package/dist/esm/toolbar/useHorizontalScroll.mjs +223 -0
- package/dist/esm/toolbar/useHorizontalScroll.mjs.map +1 -0
- package/dist/esm/toolbar/useHorizontalScroll.native.js +230 -0
- package/dist/esm/toolbar/useHorizontalScroll.native.js.map +1 -0
- package/dist/esm/types.mjs +31 -0
- package/dist/esm/types.mjs.map +1 -0
- package/dist/esm/types.native.js +31 -0
- package/dist/esm/types.native.js.map +1 -0
- package/dist/jsx/RichEditor.mjs +107 -0
- package/dist/jsx/RichEditor.mjs.map +1 -0
- package/dist/jsx/RichEditor.native.js +120 -0
- package/dist/jsx/RichEditor.native.js.map +1 -0
- package/dist/jsx/RichEditor.stories.mjs +291 -0
- package/dist/jsx/RichEditor.stories.mjs.map +1 -0
- package/dist/jsx/RichEditor.stories.native.js +342 -0
- package/dist/jsx/RichEditor.stories.native.js.map +1 -0
- package/dist/jsx/RichTextEditor/index.mjs +123 -0
- package/dist/jsx/RichTextEditor/index.mjs.map +1 -0
- package/dist/jsx/RichTextEditor/index.native.js +160 -0
- package/dist/jsx/RichTextEditor/index.native.js.map +1 -0
- package/dist/jsx/constants.mjs +108 -0
- package/dist/jsx/constants.mjs.map +1 -0
- package/dist/jsx/constants.native.js +138 -0
- package/dist/jsx/constants.native.js.map +1 -0
- package/dist/jsx/context.mjs +8 -0
- package/dist/jsx/context.mjs.map +1 -0
- package/dist/jsx/context.native.js +36 -0
- package/dist/jsx/context.native.js.map +1 -0
- package/dist/jsx/editor/BlockDragHandle.mjs +112 -0
- package/dist/jsx/editor/BlockDragHandle.mjs.map +1 -0
- package/dist/jsx/editor/BlockDragHandle.native.js +142 -0
- package/dist/jsx/editor/BlockDragHandle.native.js.map +1 -0
- package/dist/jsx/editor/MarkdownPaste.mjs +40 -0
- package/dist/jsx/editor/MarkdownPaste.mjs.map +1 -0
- package/dist/jsx/editor/MarkdownPaste.native.js +68 -0
- package/dist/jsx/editor/MarkdownPaste.native.js.map +1 -0
- package/dist/jsx/editor/SlashCommands.mjs +333 -0
- package/dist/jsx/editor/SlashCommands.mjs.map +1 -0
- package/dist/jsx/editor/SlashCommands.native.js +424 -0
- package/dist/jsx/editor/SlashCommands.native.js.map +1 -0
- package/dist/jsx/editor/TentapEditor.native.js +242 -0
- package/dist/jsx/editor/TentapEditor.native.js.map +1 -0
- package/dist/jsx/editor/TiptapEditor.mjs +542 -0
- package/dist/jsx/editor/TiptapEditor.mjs.map +1 -0
- package/dist/jsx/editor/TiptapEditor.native.js +661 -0
- package/dist/jsx/editor/TiptapEditor.native.js.map +1 -0
- package/dist/jsx/editor/editorStyles.mjs +247 -0
- package/dist/jsx/editor/editorStyles.mjs.map +1 -0
- package/dist/jsx/editor/editorStyles.native.js +276 -0
- package/dist/jsx/editor/editorStyles.native.js.map +1 -0
- package/dist/jsx/editor/index.mjs +5 -0
- package/dist/jsx/editor/index.mjs.map +1 -0
- package/dist/jsx/editor/index.native.js +36 -0
- package/dist/jsx/editor/index.native.js.map +1 -0
- package/dist/jsx/editor/types.mjs +29 -0
- package/dist/jsx/editor/types.mjs.map +1 -0
- package/dist/jsx/editor/types.native.js +57 -0
- package/dist/jsx/editor/types.native.js.map +1 -0
- package/dist/jsx/editor/useEditorState.mjs +102 -0
- package/dist/jsx/editor/useEditorState.mjs.map +1 -0
- package/dist/jsx/editor/useEditorState.native.js +135 -0
- package/dist/jsx/editor/useEditorState.native.js.map +1 -0
- package/dist/jsx/index.js +4 -0
- package/dist/jsx/index.js.map +1 -0
- package/dist/jsx/index.mjs +4 -0
- package/dist/jsx/index.mjs.map +1 -0
- package/dist/jsx/index.native.js +33 -0
- package/dist/jsx/index.native.js.map +1 -0
- package/dist/jsx/styled.mjs +144 -0
- package/dist/jsx/styled.mjs.map +1 -0
- package/dist/jsx/styled.native.js +185 -0
- package/dist/jsx/styled.native.js.map +1 -0
- package/dist/jsx/toolbar/BubbleToolbar.mjs +105 -0
- package/dist/jsx/toolbar/BubbleToolbar.mjs.map +1 -0
- package/dist/jsx/toolbar/BubbleToolbar.native.js +159 -0
- package/dist/jsx/toolbar/BubbleToolbar.native.js.map +1 -0
- package/dist/jsx/toolbar/CodeBlockBubble.mjs +186 -0
- package/dist/jsx/toolbar/CodeBlockBubble.mjs.map +1 -0
- package/dist/jsx/toolbar/CodeBlockBubble.native.js +228 -0
- package/dist/jsx/toolbar/CodeBlockBubble.native.js.map +1 -0
- package/dist/jsx/toolbar/ColorPicker.mjs +191 -0
- package/dist/jsx/toolbar/ColorPicker.mjs.map +1 -0
- package/dist/jsx/toolbar/ColorPicker.native.js +234 -0
- package/dist/jsx/toolbar/ColorPicker.native.js.map +1 -0
- package/dist/jsx/toolbar/FixedToolbar.mjs +196 -0
- package/dist/jsx/toolbar/FixedToolbar.mjs.map +1 -0
- package/dist/jsx/toolbar/FixedToolbar.native.js +322 -0
- package/dist/jsx/toolbar/FixedToolbar.native.js.map +1 -0
- package/dist/jsx/toolbar/HeadingPicker.mjs +133 -0
- package/dist/jsx/toolbar/HeadingPicker.mjs.map +1 -0
- package/dist/jsx/toolbar/HeadingPicker.native.js +167 -0
- package/dist/jsx/toolbar/HeadingPicker.native.js.map +1 -0
- package/dist/jsx/toolbar/ImageBubble.mjs +131 -0
- package/dist/jsx/toolbar/ImageBubble.mjs.map +1 -0
- package/dist/jsx/toolbar/ImageBubble.native.js +165 -0
- package/dist/jsx/toolbar/ImageBubble.native.js.map +1 -0
- package/dist/jsx/toolbar/ImageDialog.mjs +90 -0
- package/dist/jsx/toolbar/ImageDialog.mjs.map +1 -0
- package/dist/jsx/toolbar/ImageDialog.native.js +122 -0
- package/dist/jsx/toolbar/ImageDialog.native.js.map +1 -0
- package/dist/jsx/toolbar/LinkBubble.mjs +170 -0
- package/dist/jsx/toolbar/LinkBubble.mjs.map +1 -0
- package/dist/jsx/toolbar/LinkBubble.native.js +204 -0
- package/dist/jsx/toolbar/LinkBubble.native.js.map +1 -0
- package/dist/jsx/toolbar/LinkDialog.mjs +112 -0
- package/dist/jsx/toolbar/LinkDialog.mjs.map +1 -0
- package/dist/jsx/toolbar/LinkDialog.native.js +146 -0
- package/dist/jsx/toolbar/LinkDialog.native.js.map +1 -0
- package/dist/jsx/toolbar/ListPicker.mjs +92 -0
- package/dist/jsx/toolbar/ListPicker.mjs.map +1 -0
- package/dist/jsx/toolbar/ListPicker.native.js +124 -0
- package/dist/jsx/toolbar/ListPicker.native.js.map +1 -0
- package/dist/jsx/toolbar/MoreDropdown.mjs +176 -0
- package/dist/jsx/toolbar/MoreDropdown.mjs.map +1 -0
- package/dist/jsx/toolbar/MoreDropdown.native.js +224 -0
- package/dist/jsx/toolbar/MoreDropdown.native.js.map +1 -0
- package/dist/jsx/toolbar/ResizeHandle.mjs +80 -0
- package/dist/jsx/toolbar/ResizeHandle.mjs.map +1 -0
- package/dist/jsx/toolbar/ResizeHandle.native.js +109 -0
- package/dist/jsx/toolbar/ResizeHandle.native.js.map +1 -0
- package/dist/jsx/toolbar/StatusBar.mjs +66 -0
- package/dist/jsx/toolbar/StatusBar.mjs.map +1 -0
- package/dist/jsx/toolbar/StatusBar.native.js +100 -0
- package/dist/jsx/toolbar/StatusBar.native.js.map +1 -0
- package/dist/jsx/toolbar/TableBubble.mjs +207 -0
- package/dist/jsx/toolbar/TableBubble.mjs.map +1 -0
- package/dist/jsx/toolbar/TableBubble.native.js +273 -0
- package/dist/jsx/toolbar/TableBubble.native.js.map +1 -0
- package/dist/jsx/toolbar/ToolbarButton.mjs +79 -0
- package/dist/jsx/toolbar/ToolbarButton.mjs.map +1 -0
- package/dist/jsx/toolbar/ToolbarButton.native.js +97 -0
- package/dist/jsx/toolbar/ToolbarButton.native.js.map +1 -0
- package/dist/jsx/toolbar/ToolbarGroup.mjs +16 -0
- package/dist/jsx/toolbar/ToolbarGroup.mjs.map +1 -0
- package/dist/jsx/toolbar/ToolbarGroup.native.js +45 -0
- package/dist/jsx/toolbar/ToolbarGroup.native.js.map +1 -0
- package/dist/jsx/toolbar/icons.mjs +554 -0
- package/dist/jsx/toolbar/icons.mjs.map +1 -0
- package/dist/jsx/toolbar/icons.native.js +165 -0
- package/dist/jsx/toolbar/icons.native.js.map +1 -0
- package/dist/jsx/toolbar/shortcuts.mjs +36 -0
- package/dist/jsx/toolbar/shortcuts.mjs.map +1 -0
- package/dist/jsx/toolbar/shortcuts.native.js +66 -0
- package/dist/jsx/toolbar/shortcuts.native.js.map +1 -0
- package/dist/jsx/toolbar/useHorizontalScroll.mjs +223 -0
- package/dist/jsx/toolbar/useHorizontalScroll.mjs.map +1 -0
- package/dist/jsx/toolbar/useHorizontalScroll.native.js +260 -0
- package/dist/jsx/toolbar/useHorizontalScroll.native.js.map +1 -0
- package/dist/jsx/types.mjs +31 -0
- package/dist/jsx/types.mjs.map +1 -0
- package/dist/jsx/types.native.js +59 -0
- package/dist/jsx/types.native.js.map +1 -0
- package/package.json +117 -0
- package/src/RichEditor.native.tsx +161 -0
- package/src/RichEditor.stories.tsx +324 -0
- package/src/RichEditor.tsx +185 -0
- package/src/RichTextEditor/index.tsx +245 -0
- package/src/RichTextEditor/richTextEditor.spec.tsx +239 -0
- package/src/constants.ts +100 -0
- package/src/context.spec.ts +9 -0
- package/src/context.ts +16 -0
- package/src/editor/BlockDragHandle.ts +141 -0
- package/src/editor/MarkdownPaste.ts +50 -0
- package/src/editor/SlashCommands.tsx +357 -0
- package/src/editor/TentapEditor.native.tsx +269 -0
- package/src/editor/TiptapEditor.tsx +616 -0
- package/src/editor/editorStyles.spec.ts +24 -0
- package/src/editor/editorStyles.ts +260 -0
- package/src/editor/index.ts +10 -0
- package/src/editor/tentapEditor.spec.ts +125 -0
- package/src/editor/tiptapEditor.spec.tsx +169 -0
- package/src/editor/types.ts +142 -0
- package/src/editor/useEditorState.spec.ts +93 -0
- package/src/editor/useEditorState.ts +125 -0
- package/src/exports.spec.ts +128 -0
- package/src/index.ts +13 -0
- package/src/integration.spec.tsx +430 -0
- package/src/richEditor.spec.tsx +169 -0
- package/src/styled.spec.tsx +42 -0
- package/src/styled.ts +177 -0
- package/src/toolbar/BubbleToolbar.tsx +151 -0
- package/src/toolbar/CodeBlockBubble.tsx +141 -0
- package/src/toolbar/ColorPicker.tsx +211 -0
- package/src/toolbar/FixedToolbar.native.tsx +381 -0
- package/src/toolbar/FixedToolbar.tsx +252 -0
- package/src/toolbar/HeadingPicker.tsx +169 -0
- package/src/toolbar/ImageBubble.tsx +126 -0
- package/src/toolbar/ImageDialog.tsx +93 -0
- package/src/toolbar/LinkBubble.tsx +166 -0
- package/src/toolbar/LinkDialog.tsx +124 -0
- package/src/toolbar/ListPicker.tsx +121 -0
- package/src/toolbar/MoreDropdown.tsx +185 -0
- package/src/toolbar/ResizeHandle.tsx +80 -0
- package/src/toolbar/StatusBar.tsx +76 -0
- package/src/toolbar/TableBubble.tsx +197 -0
- package/src/toolbar/ToolbarButton.native.tsx +105 -0
- package/src/toolbar/ToolbarButton.tsx +114 -0
- package/src/toolbar/ToolbarGroup.tsx +38 -0
- package/src/toolbar/bubbleToolbar.spec.tsx +93 -0
- package/src/toolbar/fixedToolbar.spec.tsx +127 -0
- package/src/toolbar/icons.native.tsx +112 -0
- package/src/toolbar/icons.tsx +417 -0
- package/src/toolbar/shortcuts.ts +42 -0
- package/src/toolbar/toolbarPrimitives.spec.tsx +118 -0
- package/src/toolbar/toolbarSubComponents.spec.tsx +115 -0
- package/src/toolbar/useHorizontalScroll.tsx +270 -0
- package/src/types.spec.ts +102 -0
- package/src/types.ts +217 -0
|
@@ -0,0 +1,165 @@
|
|
|
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 icons_native_exports = {};
|
|
26
|
+
__export(icons_native_exports, {
|
|
27
|
+
AlignCenterIcon: () => AlignCenterIcon,
|
|
28
|
+
AlignJustifyIcon: () => AlignJustifyIcon,
|
|
29
|
+
AlignLeftIcon: () => AlignLeftIcon,
|
|
30
|
+
AlignRightIcon: () => AlignRightIcon,
|
|
31
|
+
BlockquoteIcon: () => BlockquoteIcon,
|
|
32
|
+
BoldIcon: () => BoldIcon,
|
|
33
|
+
BulletListIcon: () => BulletListIcon,
|
|
34
|
+
ClearFormattingIcon: () => ClearFormattingIcon,
|
|
35
|
+
CodeBlockIcon: () => CodeBlockIcon,
|
|
36
|
+
HighlightIcon: () => HighlightIcon,
|
|
37
|
+
HorizontalRuleIcon: () => HorizontalRuleIcon,
|
|
38
|
+
ImageIcon: () => ImageIcon,
|
|
39
|
+
ItalicIcon: () => ItalicIcon,
|
|
40
|
+
LinkIcon: () => LinkIcon,
|
|
41
|
+
OrderedListIcon: () => OrderedListIcon,
|
|
42
|
+
RedoIcon: () => RedoIcon,
|
|
43
|
+
StrikeIcon: () => StrikeIcon,
|
|
44
|
+
SubscriptIcon: () => SubscriptIcon,
|
|
45
|
+
SuperscriptIcon: () => SuperscriptIcon,
|
|
46
|
+
TaskListIcon: () => TaskListIcon,
|
|
47
|
+
TextColorIcon: () => TextColorIcon,
|
|
48
|
+
UnderlineIcon: () => UnderlineIcon,
|
|
49
|
+
UndoIcon: () => UndoIcon
|
|
50
|
+
});
|
|
51
|
+
module.exports = __toCommonJS(icons_native_exports);
|
|
52
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
53
|
+
var import_tamagui = require("tamagui");
|
|
54
|
+
var BoldIcon = (0, import_tamagui.styled)(import_tamagui.Text, {
|
|
55
|
+
fontWeight: "bold"
|
|
56
|
+
});
|
|
57
|
+
var ItalicIcon = (0, import_tamagui.styled)(import_tamagui.Text, {
|
|
58
|
+
fontStyle: "italic"
|
|
59
|
+
});
|
|
60
|
+
var UnderlineIcon = (0, import_tamagui.styled)(import_tamagui.Text, {
|
|
61
|
+
textDecorationLine: "underline"
|
|
62
|
+
});
|
|
63
|
+
var StrikeIcon = (0, import_tamagui.styled)(import_tamagui.Text, {
|
|
64
|
+
textDecorationLine: "line-through"
|
|
65
|
+
});
|
|
66
|
+
var IconText = (0, import_tamagui.styled)(import_tamagui.Text, {
|
|
67
|
+
fontSize: 13,
|
|
68
|
+
color: "$color11"
|
|
69
|
+
});
|
|
70
|
+
function UndoIcon() {
|
|
71
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
72
|
+
children: "\u21A9"
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
function RedoIcon() {
|
|
76
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
77
|
+
children: "\u21AA"
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
function AlignLeftIcon() {
|
|
81
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
82
|
+
children: "\u2630"
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
function AlignCenterIcon() {
|
|
86
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
87
|
+
children: "\u2630"
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
function AlignRightIcon() {
|
|
91
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
92
|
+
children: "\u2630"
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
function AlignJustifyIcon() {
|
|
96
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
97
|
+
children: "\u2630"
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
function LinkIcon() {
|
|
101
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
102
|
+
children: "\u{1F517}"
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
function TextColorIcon(_props) {
|
|
106
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
107
|
+
children: "A"
|
|
108
|
+
});
|
|
109
|
+
}
|
|
110
|
+
function HighlightIcon(_props) {
|
|
111
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
112
|
+
children: "\u{1F58A}"
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
function HorizontalRuleIcon() {
|
|
116
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
117
|
+
children: "\u2015"
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
function ClearFormattingIcon() {
|
|
121
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
122
|
+
children: "\u2715"
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
function SubscriptIcon() {
|
|
126
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
127
|
+
children: "X\u2082"
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
function SuperscriptIcon() {
|
|
131
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
132
|
+
children: "X\xB2"
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
function BulletListIcon() {
|
|
136
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
137
|
+
children: "\u2022\u2261"
|
|
138
|
+
});
|
|
139
|
+
}
|
|
140
|
+
function OrderedListIcon() {
|
|
141
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
142
|
+
children: "1."
|
|
143
|
+
});
|
|
144
|
+
}
|
|
145
|
+
function TaskListIcon() {
|
|
146
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
147
|
+
children: "\u2611"
|
|
148
|
+
});
|
|
149
|
+
}
|
|
150
|
+
function ImageIcon() {
|
|
151
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
152
|
+
children: "\u{1F5BC}"
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
function BlockquoteIcon() {
|
|
156
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
157
|
+
children: "\u275D"
|
|
158
|
+
});
|
|
159
|
+
}
|
|
160
|
+
function CodeBlockIcon() {
|
|
161
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconText, {
|
|
162
|
+
children: "</>"
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
//# sourceMappingURL=icons.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["icons_native_exports","__export","AlignCenterIcon","AlignJustifyIcon","AlignLeftIcon","AlignRightIcon","BlockquoteIcon","BoldIcon","BulletListIcon","ClearFormattingIcon","CodeBlockIcon","HighlightIcon","HorizontalRuleIcon","ImageIcon","ItalicIcon","LinkIcon","OrderedListIcon","RedoIcon","StrikeIcon","SubscriptIcon","SuperscriptIcon","TaskListIcon","TextColorIcon","UnderlineIcon","UndoIcon","module","exports","__toCommonJS","import_jsx_runtime","require","import_tamagui","styled","Text","fontWeight","fontStyle","textDecorationLine","IconText","fontSize","color","jsx","children","_props"],"sources":["../../../src/toolbar/icons.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
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 shortcuts_exports = {};
|
|
24
|
+
__export(shortcuts_exports, {
|
|
25
|
+
SHORTCUTS: () => SHORTCUTS,
|
|
26
|
+
shortcut: () => shortcut
|
|
27
|
+
});
|
|
28
|
+
module.exports = __toCommonJS(shortcuts_exports);
|
|
29
|
+
const isMac = typeof navigator !== "undefined" && /Mac|iPod|iPhone|iPad/.test(navigator.platform ?? "");
|
|
30
|
+
const MOD = isMac ? "\u2318" : "Ctrl+";
|
|
31
|
+
const SHIFT = isMac ? "\u21E7" : "Shift+";
|
|
32
|
+
const ALT = isMac ? "\u2325" : "Alt+";
|
|
33
|
+
function shortcut(label, keys) {
|
|
34
|
+
if (!keys) return label;
|
|
35
|
+
return `${label} (${keys})`;
|
|
36
|
+
}
|
|
37
|
+
const SHORTCUTS = {
|
|
38
|
+
bold: shortcut("Bold", `${MOD}B`),
|
|
39
|
+
italic: shortcut("Italic", `${MOD}I`),
|
|
40
|
+
underline: shortcut("Underline", `${MOD}U`),
|
|
41
|
+
strike: shortcut("Strikethrough", `${MOD}${SHIFT}X`),
|
|
42
|
+
code: shortcut("Code", `${MOD}E`),
|
|
43
|
+
subscript: "Subscript",
|
|
44
|
+
superscript: "Superscript",
|
|
45
|
+
undo: shortcut("Undo", `${MOD}Z`),
|
|
46
|
+
redo: shortcut("Redo", `${MOD}${SHIFT}Z`),
|
|
47
|
+
alignLeft: shortcut("Align Left", `${MOD}${SHIFT}L`),
|
|
48
|
+
alignCenter: shortcut("Align Center", `${MOD}${SHIFT}E`),
|
|
49
|
+
alignRight: shortcut("Align Right", `${MOD}${SHIFT}R`),
|
|
50
|
+
alignJustify: shortcut("Justify", `${MOD}${SHIFT}J`),
|
|
51
|
+
blockquote: shortcut("Blockquote", `${MOD}${SHIFT}B`),
|
|
52
|
+
codeBlock: shortcut("Code Block", `${MOD}${ALT}C`),
|
|
53
|
+
bulletList: shortcut("Bullet List", `${MOD}${SHIFT}8`),
|
|
54
|
+
orderedList: shortcut("Ordered List", `${MOD}${SHIFT}7`),
|
|
55
|
+
taskList: shortcut("Task List", `${MOD}${SHIFT}9`),
|
|
56
|
+
link: shortcut("Link", `${MOD}K`),
|
|
57
|
+
horizontalRule: "Horizontal Rule",
|
|
58
|
+
image: "Image",
|
|
59
|
+
textColor: "Text Color",
|
|
60
|
+
highlight: "Highlight",
|
|
61
|
+
clearFormatting: "Clear Formatting"
|
|
62
|
+
};
|
|
@@ -0,0 +1,66 @@
|
|
|
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 shortcuts_exports = {};
|
|
26
|
+
__export(shortcuts_exports, {
|
|
27
|
+
SHORTCUTS: () => SHORTCUTS,
|
|
28
|
+
shortcut: () => shortcut
|
|
29
|
+
});
|
|
30
|
+
module.exports = __toCommonJS(shortcuts_exports);
|
|
31
|
+
var _navigator_platform;
|
|
32
|
+
var isMac = typeof navigator !== "undefined" && /Mac|iPod|iPhone|iPad/.test((_navigator_platform = navigator.platform) !== null && _navigator_platform !== void 0 ? _navigator_platform : "");
|
|
33
|
+
var MOD = isMac ? "\u2318" : "Ctrl+";
|
|
34
|
+
var SHIFT = isMac ? "\u21E7" : "Shift+";
|
|
35
|
+
var ALT = isMac ? "\u2325" : "Alt+";
|
|
36
|
+
function shortcut(label, keys) {
|
|
37
|
+
if (!keys) return label;
|
|
38
|
+
return `${label} (${keys})`;
|
|
39
|
+
}
|
|
40
|
+
var SHORTCUTS = {
|
|
41
|
+
bold: shortcut("Bold", `${MOD}B`),
|
|
42
|
+
italic: shortcut("Italic", `${MOD}I`),
|
|
43
|
+
underline: shortcut("Underline", `${MOD}U`),
|
|
44
|
+
strike: shortcut("Strikethrough", `${MOD}${SHIFT}X`),
|
|
45
|
+
code: shortcut("Code", `${MOD}E`),
|
|
46
|
+
subscript: "Subscript",
|
|
47
|
+
superscript: "Superscript",
|
|
48
|
+
undo: shortcut("Undo", `${MOD}Z`),
|
|
49
|
+
redo: shortcut("Redo", `${MOD}${SHIFT}Z`),
|
|
50
|
+
alignLeft: shortcut("Align Left", `${MOD}${SHIFT}L`),
|
|
51
|
+
alignCenter: shortcut("Align Center", `${MOD}${SHIFT}E`),
|
|
52
|
+
alignRight: shortcut("Align Right", `${MOD}${SHIFT}R`),
|
|
53
|
+
alignJustify: shortcut("Justify", `${MOD}${SHIFT}J`),
|
|
54
|
+
blockquote: shortcut("Blockquote", `${MOD}${SHIFT}B`),
|
|
55
|
+
codeBlock: shortcut("Code Block", `${MOD}${ALT}C`),
|
|
56
|
+
bulletList: shortcut("Bullet List", `${MOD}${SHIFT}8`),
|
|
57
|
+
orderedList: shortcut("Ordered List", `${MOD}${SHIFT}7`),
|
|
58
|
+
taskList: shortcut("Task List", `${MOD}${SHIFT}9`),
|
|
59
|
+
link: shortcut("Link", `${MOD}K`),
|
|
60
|
+
horizontalRule: "Horizontal Rule",
|
|
61
|
+
image: "Image",
|
|
62
|
+
textColor: "Text Color",
|
|
63
|
+
highlight: "Highlight",
|
|
64
|
+
clearFormatting: "Clear Formatting"
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=shortcuts.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","shortcuts_exports","__export","SHORTCUTS","shortcut","module","exports","_navigator_platform","isMac","navigator","test","platform","MOD","SHIFT","ALT","label","keys","bold","italic","underline","strike","code","subscript","superscript","undo","redo","alignLeft","alignCenter","alignRight","alignJustify","blockquote","codeBlock","bulletList","orderedList","taskList","link","horizontalRule","image","textColor","highlight"],"sources":["../../../src/toolbar/shortcuts.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA,SAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAIAC,MAAM,CAAAC,OACJ,GAAAV,YAAO,CAAAK,iBAAc;AAEvB,IAAAM,mBAAoB;AACpB,IAAAC,KAAM,UAAQC,SAAQ,KAAM,sCAAAC,IAAA,EAAAH,mBAAA,GAAAE,SAAA,CAAAE,QAAA,cAAAJ,mBAAA,cAAAA,mBAAA;AAC5B,IAAAK,GAAM,GAAAJ,KAAM,WAAQ,UAAM;AAEnB,IAAAK,KAAS,GAAAL,KAAA,GAAS,QAAe,GAAuB;AAC7D,IAAAM,GAAK,GAAAN,KAAM,WAAO;AAClB,SAAOJ,QAAQA,CAAAW,KAAK,EAAAC,IAAI;EAC1B,KAAAA,IAAA,SAAAD,KAAA;EAEO,OAAM,GAAAA,KAAA,KAAYC,IAAA;AAAA;AACS,IAChCb,SAAQ;EACRc,IAAA,EAAAb,QAAW,OAAS,KAAAQ,GAAA,IAAa;EACjCM,MAAA,EAAQd,QAAA,CAAS,aAAAQ,GAAA,GAAiB,CAAG;EACrCO,SAAM,EAAAf,QAAS,YAAc,EAAG,GAAAQ,GAAA;EAChCQ,MAAA,EAAAhB,QAAW,qBAAAQ,GAAA,GAAAC,KAAA;EACXQ,IAAA,EAAAjB,QAAa,YAAAQ,GAAA;EACbU,SAAM,aAAS;EACfC,WAAM,eAAoB;EAC1BC,IAAA,EAAApB,QAAW,OAAS,KAAAQ,GAAA;EACpBa,IAAA,EAAArB,QAAa,SAAS,GAAAQ,GAAA,GAAAC,KAAA,GAAgB,CAAG;EACzCa,SAAA,EAAAtB,QAAY,aAAS,KAAeQ,GAAG,GAAGC,KAAG,GAAK;EAClDc,WAAA,EAAAvB,QAAc,eAAoB,EAAG,GAAGQ,GAAG,GAAAC,KAAQ;EACnDe,UAAA,EAAYxB,QAAA,CAAS,eAAc,GAAGQ,GAAG,GAAGC,KAAK,GAAG;EACpDgB,YAAW,EAAAzB,QAAS,YAAc,GAAGQ,GAAG,GAAGC,KAAG,GAAG;EACjDiB,UAAA,EAAY1B,QAAA,CAAS,iBAAeQ,GAAG,GAAGC,KAAG,GAAK,CAAG;EACrDkB,SAAA,EAAA3B,QAAa,aAAS,KAAAQ,GAAgB,GAAGE,GAAG,GAAG;EAC/CkB,UAAU,EAAA5B,QAAS,cAAa,EAAG,GAAGQ,GAAG,GAAAC,KAAQ;EACjDoB,WAAM,EAAA7B,QAAS,eAAiB,KAAAQ,GAAA,GAAAC,KAAA;EAChCqB,QAAA,EAAA9B,QAAgB,iBAAAQ,GAAA,GAAAC,KAAA;EAChBsB,IAAA,EAAA/B,QAAO,YAAAQ,GAAA;EACPwB,cAAW;EACXC,KAAA,SAAW;EACXC,SAAA,cAAiB;EACnBC,SAAA","ignoreList":[]}
|
|
@@ -0,0 +1,250 @@
|
|
|
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 useHorizontalScroll_exports = {};
|
|
24
|
+
__export(useHorizontalScroll_exports, {
|
|
25
|
+
HorizontalScrollArrow: () => HorizontalScrollArrow,
|
|
26
|
+
useHorizontalScroll: () => useHorizontalScroll,
|
|
27
|
+
useHorizontalScrollArrows: () => useHorizontalScrollArrows
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(useHorizontalScroll_exports);
|
|
30
|
+
var import_react = require("react");
|
|
31
|
+
var import_tamagui = require("tamagui");
|
|
32
|
+
var import_linear_gradient = require("@tamagui/linear-gradient");
|
|
33
|
+
var import_react2 = require("@phosphor-icons/react");
|
|
34
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
|
+
const scrollArrowThreshold = 8;
|
|
36
|
+
function useHorizontalScroll(ref) {
|
|
37
|
+
(0, import_react.useEffect)(() => {
|
|
38
|
+
const el = ref.current;
|
|
39
|
+
if (!el) return;
|
|
40
|
+
const handleWheel = e => {
|
|
41
|
+
const delta = e.deltaY !== 0 ? e.deltaY : e.deltaX;
|
|
42
|
+
if (delta !== 0 && el.scrollWidth > el.clientWidth) {
|
|
43
|
+
e.preventDefault();
|
|
44
|
+
el.scrollLeft += delta;
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
let isDown = false;
|
|
48
|
+
let isDragging = false;
|
|
49
|
+
let startX = 0;
|
|
50
|
+
let scrollLeft = 0;
|
|
51
|
+
const handleMouseDown = e => {
|
|
52
|
+
if (e.button !== 0) return;
|
|
53
|
+
isDown = true;
|
|
54
|
+
isDragging = false;
|
|
55
|
+
startX = e.clientX;
|
|
56
|
+
scrollLeft = el.scrollLeft;
|
|
57
|
+
};
|
|
58
|
+
const handleMouseUp = e => {
|
|
59
|
+
if (isDragging) {
|
|
60
|
+
e.preventDefault();
|
|
61
|
+
e.stopPropagation();
|
|
62
|
+
}
|
|
63
|
+
isDown = false;
|
|
64
|
+
isDragging = false;
|
|
65
|
+
};
|
|
66
|
+
const handleMouseMove = e => {
|
|
67
|
+
if (!isDown) return;
|
|
68
|
+
const x = e.clientX;
|
|
69
|
+
const diff = Math.abs(x - startX);
|
|
70
|
+
if (diff > 5) {
|
|
71
|
+
isDragging = true;
|
|
72
|
+
e.preventDefault();
|
|
73
|
+
const walk = x - startX;
|
|
74
|
+
el.scrollLeft = scrollLeft - walk;
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
el.addEventListener("wheel", handleWheel, {
|
|
78
|
+
passive: false
|
|
79
|
+
});
|
|
80
|
+
el.addEventListener("mousedown", handleMouseDown, {
|
|
81
|
+
capture: true
|
|
82
|
+
});
|
|
83
|
+
el.addEventListener("mouseup", handleMouseUp, {
|
|
84
|
+
capture: true
|
|
85
|
+
});
|
|
86
|
+
el.addEventListener("mousemove", handleMouseMove);
|
|
87
|
+
document.addEventListener("mouseup", () => {
|
|
88
|
+
isDown = false;
|
|
89
|
+
isDragging = false;
|
|
90
|
+
});
|
|
91
|
+
return () => {
|
|
92
|
+
el.removeEventListener("wheel", handleWheel);
|
|
93
|
+
el.removeEventListener("mousedown", handleMouseDown, {
|
|
94
|
+
capture: true
|
|
95
|
+
});
|
|
96
|
+
el.removeEventListener("mouseup", handleMouseUp, {
|
|
97
|
+
capture: true
|
|
98
|
+
});
|
|
99
|
+
el.removeEventListener("mousemove", handleMouseMove);
|
|
100
|
+
};
|
|
101
|
+
}, [ref]);
|
|
102
|
+
}
|
|
103
|
+
function useHorizontalScrollArrows() {
|
|
104
|
+
const [arrowLeft, setArrowLeft] = (0, import_react.useState)(false);
|
|
105
|
+
const [arrowRight, setArrowRight] = (0, import_react.useState)(false);
|
|
106
|
+
const arrowScrollDirRef = (0, import_react.useRef)(null);
|
|
107
|
+
const updateArrows = (0, import_react.useCallback)(element => {
|
|
108
|
+
const left = element.scrollLeft > scrollArrowThreshold;
|
|
109
|
+
const right = element.scrollLeft < element.scrollWidth - element.clientWidth - scrollArrowThreshold;
|
|
110
|
+
setArrowLeft(prev => prev !== left ? left : prev);
|
|
111
|
+
setArrowRight(prev => prev !== right ? right : prev);
|
|
112
|
+
}, []);
|
|
113
|
+
return {
|
|
114
|
+
arrowLeft,
|
|
115
|
+
arrowRight,
|
|
116
|
+
arrowScrollDirRef,
|
|
117
|
+
updateArrows
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
function HorizontalScrollArrow({
|
|
121
|
+
direction,
|
|
122
|
+
scrollRef,
|
|
123
|
+
visible,
|
|
124
|
+
arrowScrollDirRef,
|
|
125
|
+
transition
|
|
126
|
+
}) {
|
|
127
|
+
const isLeft = direction === "left";
|
|
128
|
+
const animationFrameRef = (0, import_react.useRef)(0);
|
|
129
|
+
const lastTimeRef = (0, import_react.useRef)(0);
|
|
130
|
+
const resumeTimerRef = (0, import_react.useRef)(null);
|
|
131
|
+
const hoveringRef = (0, import_react.useRef)(false);
|
|
132
|
+
const activeRef = (0, import_react.useRef)(false);
|
|
133
|
+
const selfScrollingRef = (0, import_react.useRef)(false);
|
|
134
|
+
const resumeDelay = 100;
|
|
135
|
+
const stopLoop = (0, import_react.useCallback)(() => {
|
|
136
|
+
activeRef.current = false;
|
|
137
|
+
cancelAnimationFrame(animationFrameRef.current);
|
|
138
|
+
animationFrameRef.current = 0;
|
|
139
|
+
}, []);
|
|
140
|
+
const startLoop = (0, import_react.useCallback)(() => {
|
|
141
|
+
if (activeRef.current || !hoveringRef.current) return;
|
|
142
|
+
activeRef.current = true;
|
|
143
|
+
lastTimeRef.current = performance.now();
|
|
144
|
+
const tick = () => {
|
|
145
|
+
const el = scrollRef.current;
|
|
146
|
+
if (!el || !hoveringRef.current || !activeRef.current) {
|
|
147
|
+
activeRef.current = false;
|
|
148
|
+
return;
|
|
149
|
+
}
|
|
150
|
+
const now = performance.now();
|
|
151
|
+
const elapsed = now - lastTimeRef.current;
|
|
152
|
+
lastTimeRef.current = now;
|
|
153
|
+
const px = Math.min(elapsed / 2, Math.max(isLeft ? el.scrollLeft : el.scrollWidth - el.clientWidth - el.scrollLeft, 0));
|
|
154
|
+
if (px > 0) {
|
|
155
|
+
selfScrollingRef.current = true;
|
|
156
|
+
arrowScrollDirRef.current = isLeft ? "left" : "right";
|
|
157
|
+
el.scrollLeft += isLeft ? -px : px;
|
|
158
|
+
}
|
|
159
|
+
animationFrameRef.current = requestAnimationFrame(tick);
|
|
160
|
+
};
|
|
161
|
+
animationFrameRef.current = requestAnimationFrame(tick);
|
|
162
|
+
}, [isLeft, scrollRef, arrowScrollDirRef]);
|
|
163
|
+
const openTimestampRef = (0, import_react.useRef)(0);
|
|
164
|
+
(0, import_react.useEffect)(() => {
|
|
165
|
+
openTimestampRef.current = performance.now();
|
|
166
|
+
}, [visible]);
|
|
167
|
+
const handlePointerEnter = (0, import_react.useCallback)(() => {
|
|
168
|
+
hoveringRef.current = true;
|
|
169
|
+
const elapsed = performance.now() - openTimestampRef.current;
|
|
170
|
+
const wasOverOnOpen = elapsed < 80;
|
|
171
|
+
if (wasOverOnOpen) {
|
|
172
|
+
if (resumeTimerRef.current) clearTimeout(resumeTimerRef.current);
|
|
173
|
+
resumeTimerRef.current = setTimeout(() => {
|
|
174
|
+
resumeTimerRef.current = null;
|
|
175
|
+
if (hoveringRef.current) startLoop();
|
|
176
|
+
}, 600);
|
|
177
|
+
} else {
|
|
178
|
+
startLoop();
|
|
179
|
+
}
|
|
180
|
+
}, [startLoop]);
|
|
181
|
+
const handlePointerLeave = (0, import_react.useCallback)(() => {
|
|
182
|
+
hoveringRef.current = false;
|
|
183
|
+
if (resumeTimerRef.current) {
|
|
184
|
+
clearTimeout(resumeTimerRef.current);
|
|
185
|
+
resumeTimerRef.current = null;
|
|
186
|
+
}
|
|
187
|
+
stopLoop();
|
|
188
|
+
}, [stopLoop]);
|
|
189
|
+
(0, import_react.useEffect)(() => {
|
|
190
|
+
const el = scrollRef.current;
|
|
191
|
+
if (!el || !visible) return;
|
|
192
|
+
const onScroll = () => {
|
|
193
|
+
if (selfScrollingRef.current) {
|
|
194
|
+
selfScrollingRef.current = false;
|
|
195
|
+
return;
|
|
196
|
+
}
|
|
197
|
+
if (!hoveringRef.current) return;
|
|
198
|
+
stopLoop();
|
|
199
|
+
if (resumeTimerRef.current) clearTimeout(resumeTimerRef.current);
|
|
200
|
+
resumeTimerRef.current = setTimeout(() => {
|
|
201
|
+
resumeTimerRef.current = null;
|
|
202
|
+
if (hoveringRef.current) startLoop();
|
|
203
|
+
}, resumeDelay);
|
|
204
|
+
};
|
|
205
|
+
el.addEventListener("scroll", onScroll, {
|
|
206
|
+
passive: true
|
|
207
|
+
});
|
|
208
|
+
return () => el.removeEventListener("scroll", onScroll);
|
|
209
|
+
}, [scrollRef, visible, startLoop, stopLoop]);
|
|
210
|
+
(0, import_react.useEffect)(() => () => {
|
|
211
|
+
handlePointerLeave();
|
|
212
|
+
}, [handlePointerLeave]);
|
|
213
|
+
const Icon = isLeft ? import_react2.CaretLeftIcon : import_react2.CaretRightIcon;
|
|
214
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
|
|
215
|
+
position: "absolute",
|
|
216
|
+
...{
|
|
217
|
+
[isLeft ? "left" : "right"]: 0
|
|
218
|
+
},
|
|
219
|
+
top: 0,
|
|
220
|
+
bottom: 0,
|
|
221
|
+
width: 28,
|
|
222
|
+
alignItems: "center",
|
|
223
|
+
justifyContent: "center",
|
|
224
|
+
zIndex: 2,
|
|
225
|
+
pointerEvents: visible ? "auto" : "none",
|
|
226
|
+
opacity: visible ? 1 : 0,
|
|
227
|
+
...(transition ? {
|
|
228
|
+
animation: transition
|
|
229
|
+
} : void 0),
|
|
230
|
+
onPointerEnter: visible ? handlePointerEnter : void 0,
|
|
231
|
+
onPointerLeave: handlePointerLeave,
|
|
232
|
+
"data-testid": `toolbar-scroll-arrow-${direction}`,
|
|
233
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
|
|
234
|
+
position: "absolute",
|
|
235
|
+
top: 0,
|
|
236
|
+
left: 0,
|
|
237
|
+
right: 0,
|
|
238
|
+
bottom: 0,
|
|
239
|
+
colors: isLeft ? ["$color3", "transparent"] : ["transparent", "$color3"],
|
|
240
|
+
start: isLeft ? [0, 0] : [0.6, 0],
|
|
241
|
+
end: isLeft ? [0.6, 0] : [1, 0]
|
|
242
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
|
|
243
|
+
position: "relative",
|
|
244
|
+
zIndex: 1,
|
|
245
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
|
|
246
|
+
size: 16
|
|
247
|
+
})
|
|
248
|
+
})]
|
|
249
|
+
});
|
|
250
|
+
}
|