@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,72 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { XStack, Text } from "tamagui";
|
|
3
|
+
import { RichEditorContext } from "../context.native.js";
|
|
4
|
+
function ModeButton(param) {
|
|
5
|
+
var {
|
|
6
|
+
label,
|
|
7
|
+
active,
|
|
8
|
+
onPress
|
|
9
|
+
} = param;
|
|
10
|
+
return /* @__PURE__ */_jsx(Text, {
|
|
11
|
+
fontSize: 11,
|
|
12
|
+
color: active ? "$color12" : "$color9",
|
|
13
|
+
fontWeight: active ? "600" : "400",
|
|
14
|
+
cursor: "pointer",
|
|
15
|
+
onPress,
|
|
16
|
+
hoverStyle: {
|
|
17
|
+
color: "$color11"
|
|
18
|
+
},
|
|
19
|
+
userSelect: "none",
|
|
20
|
+
children: label
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
function StatusBar(param) {
|
|
24
|
+
var {
|
|
25
|
+
state,
|
|
26
|
+
mode,
|
|
27
|
+
onModeChange
|
|
28
|
+
} = param;
|
|
29
|
+
var _ctx = RichEditorContext.useStyledContext();
|
|
30
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
31
|
+
borderTopWidth: 1,
|
|
32
|
+
borderTopColor: "$color5",
|
|
33
|
+
paddingHorizontal: "$3",
|
|
34
|
+
paddingVertical: "$1.5",
|
|
35
|
+
justifyContent: "space-between",
|
|
36
|
+
alignItems: "center",
|
|
37
|
+
children: [/* @__PURE__ */_jsxs(XStack, {
|
|
38
|
+
gap: "$1.5",
|
|
39
|
+
alignItems: "center",
|
|
40
|
+
children: [/* @__PURE__ */_jsx(ModeButton, {
|
|
41
|
+
label: "Rich text",
|
|
42
|
+
active: mode === "richtext",
|
|
43
|
+
onPress: function onPress() {
|
|
44
|
+
return onModeChange("richtext");
|
|
45
|
+
}
|
|
46
|
+
}), /* @__PURE__ */_jsx(Text, {
|
|
47
|
+
fontSize: 11,
|
|
48
|
+
color: "$color7",
|
|
49
|
+
children: "|"
|
|
50
|
+
}), /* @__PURE__ */_jsx(ModeButton, {
|
|
51
|
+
label: "Markdown",
|
|
52
|
+
active: mode === "markdown",
|
|
53
|
+
onPress: function onPress() {
|
|
54
|
+
return onModeChange("markdown");
|
|
55
|
+
}
|
|
56
|
+
})]
|
|
57
|
+
}), /* @__PURE__ */_jsxs(XStack, {
|
|
58
|
+
gap: "$3",
|
|
59
|
+
children: [/* @__PURE__ */_jsxs(Text, {
|
|
60
|
+
fontSize: 11,
|
|
61
|
+
color: "$color9",
|
|
62
|
+
children: [state.wordCount, " ", state.wordCount === 1 ? "word" : "words"]
|
|
63
|
+
}), /* @__PURE__ */_jsxs(Text, {
|
|
64
|
+
fontSize: 11,
|
|
65
|
+
color: "$color9",
|
|
66
|
+
children: [state.characterCount, " ", state.characterCount === 1 ? "character" : "characters"]
|
|
67
|
+
})]
|
|
68
|
+
})]
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
export { StatusBar };
|
|
72
|
+
//# sourceMappingURL=StatusBar.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","Text","RichEditorContext","ModeButton","param","label","active","onPress","fontSize","color","fontWeight","cursor","hoverStyle","userSelect","children","StatusBar","state","mode","onModeChange","_ctx","useStyledContext","borderTopWidth","borderTopColor","paddingHorizontal","paddingVertical","justifyContent","alignItems","gap","wordCount"],"sources":["../../../src/toolbar/StatusBar.tsx"],"sourcesContent":[null],"mappings":"AAIA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAYC,KAAA;AAC7B,SAASC,MAAA,EAAAC,IAAA,iBAAyB;AAmB9B,SAAAC,iBAAA;AAVJ,SAASC,WAAWC,KAAA;EAClB;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAH,KAAA;EACA,sBAAAP,IAAA,CAAAI,IAAA;IACAO,QAAA;IAKCC,KAAA,EAAAH,MAAA;IACDI,UACE,EAAAJ,MAAA;IAACK,MAAA;IAAAJ,OAAA;IAAAK,UACC,EAAU;MACVH,KAAA,EAAO;IAAsB;IACAI,UACtB;IAAAC,QACP,EAAAT;EAAA;AACgC;AACrB,SAEVU,UAAAX,KAAA;EAAA;IAAAY,KAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAd,KAAA;EACH,IAAAe,IAAA,GAAAjB,iBAAA,CAAAkB,gBAAA;EAEJ,sBAAArB,KAAA,CAAAC,MAAA;IAEOqB,cAAS,EAAU,CAAE;IAC1BC,cAAa;IAEbC,iBACE;IAACC,eAAA;IAAAC,cAAA;IAAAC,UACC,UAAgB;IAAAZ,QAChB,GACA,eAAAf,KAAkB,CAAAC,MAAA;MAClB2B,GAAA;MACAD,UAAA,UAAe;MACfZ,QAAA,EAAW,CAEX,eAAAjB,IAAA,CAAAM,UAAA;QAAAE,KAAA,aAAC;QACCC,MAAA,EAAAW,IAAA;QAACV,OAAA,WAAAA,QAAA;UAAA,OAAAW,YAAA;QAAA;MACO,IACW,eACRrB,IAAM,CAAAI,IAAA;QAAuBO,QAAA;QACxCC,KAAA;QACAK,QAAA;MAGA,mBAACjB,IAAA,CAAAM,UAAA;QAAAE,KAAA;QAAAC,MACC,EAAAW,IAAM;QAAAV,OACN,WAAQA,OAASA,CAAA;UACjB,OAAAW,YAAe,WAAa;QAAU;MACxC;IACF,EACA,EACE,eAAAnB,KAAA,CAAAC,MAAC;MACE2B,GAAA;MAAMb,QAAU,kBAAQf,KAAA,CAAcE,IAAI;QAASO,QACtD;QACAC,KAAA;QACGK,QAAM,GAAeE,KAAA,CAAAY,SAAA,EAAE,KAC1BZ,KAAA,CAAAY,SAAA;MACF,mBAAA7B,KAAA,CAAAE,IAAA;QACFO,QAAA;QAEJC,KAAA","ignoreList":[]}
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
import { useState } from "react";
|
|
2
|
+
import { BubbleMenu } from "@tiptap/react/menus";
|
|
3
|
+
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
4
|
+
import { Popover, Text, XStack, YStack } from "tamagui";
|
|
5
|
+
import { DropdownMenuItemFrame, ToolbarSeparatorFrame } from "../styled.mjs";
|
|
6
|
+
import { ToolbarButton, ToolbarDropdownButton } from "./ToolbarButton.mjs";
|
|
7
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
+
function RowPlusIcon() {
|
|
9
|
+
return /* @__PURE__ */jsxs("svg", {
|
|
10
|
+
width: "14",
|
|
11
|
+
height: "14",
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
fill: "none",
|
|
14
|
+
stroke: "currentColor",
|
|
15
|
+
strokeWidth: "2",
|
|
16
|
+
children: [/* @__PURE__ */jsx("line", {
|
|
17
|
+
x1: "12",
|
|
18
|
+
y1: "5",
|
|
19
|
+
x2: "12",
|
|
20
|
+
y2: "19"
|
|
21
|
+
}), /* @__PURE__ */jsx("line", {
|
|
22
|
+
x1: "5",
|
|
23
|
+
y1: "12",
|
|
24
|
+
x2: "19",
|
|
25
|
+
y2: "12"
|
|
26
|
+
})]
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
function TrashIcon() {
|
|
30
|
+
return /* @__PURE__ */jsxs("svg", {
|
|
31
|
+
width: "14",
|
|
32
|
+
height: "14",
|
|
33
|
+
viewBox: "0 0 24 24",
|
|
34
|
+
fill: "none",
|
|
35
|
+
stroke: "currentColor",
|
|
36
|
+
strokeWidth: "2",
|
|
37
|
+
children: [/* @__PURE__ */jsx("polyline", {
|
|
38
|
+
points: "3 6 5 6 21 6"
|
|
39
|
+
}), /* @__PURE__ */jsx("path", {
|
|
40
|
+
d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
|
|
41
|
+
})]
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
const ROW_ACTIONS = [{
|
|
45
|
+
label: "Add row above",
|
|
46
|
+
action: e => e.chain().focus().addRowBefore().run()
|
|
47
|
+
}, {
|
|
48
|
+
label: "Add row below",
|
|
49
|
+
action: e => e.chain().focus().addRowAfter().run()
|
|
50
|
+
}, {
|
|
51
|
+
label: "Delete row",
|
|
52
|
+
action: e => e.chain().focus().deleteRow().run()
|
|
53
|
+
}];
|
|
54
|
+
const COL_ACTIONS = [{
|
|
55
|
+
label: "Add column before",
|
|
56
|
+
action: e => e.chain().focus().addColumnBefore().run()
|
|
57
|
+
}, {
|
|
58
|
+
label: "Add column after",
|
|
59
|
+
action: e => e.chain().focus().addColumnAfter().run()
|
|
60
|
+
}, {
|
|
61
|
+
label: "Delete column",
|
|
62
|
+
action: e => e.chain().focus().deleteColumn().run()
|
|
63
|
+
}];
|
|
64
|
+
const TABLE_ACTIONS = [{
|
|
65
|
+
label: "Toggle header row",
|
|
66
|
+
action: e => e.chain().focus().toggleHeaderRow().run()
|
|
67
|
+
}, {
|
|
68
|
+
label: "Merge cells",
|
|
69
|
+
action: e => e.chain().focus().mergeCells().run()
|
|
70
|
+
}, {
|
|
71
|
+
label: "Split cell",
|
|
72
|
+
action: e => e.chain().focus().splitCell().run()
|
|
73
|
+
}, {
|
|
74
|
+
label: "Delete table",
|
|
75
|
+
action: e => e.chain().focus().deleteTable().run()
|
|
76
|
+
}];
|
|
77
|
+
function TableBubble({
|
|
78
|
+
editor
|
|
79
|
+
}) {
|
|
80
|
+
const {
|
|
81
|
+
knobProps
|
|
82
|
+
} = useResolvedKnobs();
|
|
83
|
+
const [menuOpen, setMenuOpen] = useState(false);
|
|
84
|
+
if (!editor) return null;
|
|
85
|
+
return /* @__PURE__ */jsx(BubbleMenu, {
|
|
86
|
+
editor,
|
|
87
|
+
shouldShow: ({
|
|
88
|
+
editor: e
|
|
89
|
+
}) => e.isActive("table"),
|
|
90
|
+
options: {
|
|
91
|
+
placement: "top"
|
|
92
|
+
},
|
|
93
|
+
children: /* @__PURE__ */jsxs(XStack, {
|
|
94
|
+
backgroundColor: "$background",
|
|
95
|
+
borderWidth: 1,
|
|
96
|
+
borderColor: "$borderColor",
|
|
97
|
+
borderRadius: knobProps.borderRadius.borderRadius,
|
|
98
|
+
padding: "$1",
|
|
99
|
+
gap: "$1",
|
|
100
|
+
alignItems: "center",
|
|
101
|
+
elevation: knobProps.elevation,
|
|
102
|
+
children: [/* @__PURE__ */jsx(ToolbarButton, {
|
|
103
|
+
onPress: () => editor.chain().focus().addRowAfter().run(),
|
|
104
|
+
"aria-label": "Add row",
|
|
105
|
+
tooltip: "Add row below",
|
|
106
|
+
children: /* @__PURE__ */jsx(RowPlusIcon, {})
|
|
107
|
+
}), /* @__PURE__ */jsx(ToolbarButton, {
|
|
108
|
+
onPress: () => editor.chain().focus().addColumnAfter().run(),
|
|
109
|
+
"aria-label": "Add column",
|
|
110
|
+
tooltip: "Add column after",
|
|
111
|
+
children: /* @__PURE__ */jsx(Text, {
|
|
112
|
+
fontSize: 11,
|
|
113
|
+
fontWeight: "700",
|
|
114
|
+
children: "+Col"
|
|
115
|
+
})
|
|
116
|
+
}), /* @__PURE__ */jsxs(Popover, {
|
|
117
|
+
open: menuOpen,
|
|
118
|
+
onOpenChange: setMenuOpen,
|
|
119
|
+
placement: "bottom",
|
|
120
|
+
children: [/* @__PURE__ */jsx(Popover.Trigger, {
|
|
121
|
+
asChild: true,
|
|
122
|
+
children: /* @__PURE__ */jsx(ToolbarDropdownButton, {
|
|
123
|
+
onPress: () => setMenuOpen(true),
|
|
124
|
+
"aria-label": "Table options",
|
|
125
|
+
children: /* @__PURE__ */jsx(Text, {
|
|
126
|
+
fontSize: 12,
|
|
127
|
+
children: "Table"
|
|
128
|
+
})
|
|
129
|
+
})
|
|
130
|
+
}), /* @__PURE__ */jsx(Popover.Content, {
|
|
131
|
+
...knobProps.panelPadding,
|
|
132
|
+
backgroundColor: "$background",
|
|
133
|
+
borderWidth: 1,
|
|
134
|
+
borderColor: "$borderColor",
|
|
135
|
+
borderRadius: knobProps.borderRadius.borderRadius,
|
|
136
|
+
elevation: knobProps.elevation,
|
|
137
|
+
enterStyle: {
|
|
138
|
+
opacity: 0,
|
|
139
|
+
y: -5
|
|
140
|
+
},
|
|
141
|
+
exitStyle: {
|
|
142
|
+
opacity: 0,
|
|
143
|
+
y: -5
|
|
144
|
+
},
|
|
145
|
+
children: /* @__PURE__ */jsxs(YStack, {
|
|
146
|
+
gap: "$0.5",
|
|
147
|
+
minWidth: 180,
|
|
148
|
+
children: [ROW_ACTIONS.map(a => /* @__PURE__ */jsx(DropdownMenuItemFrame, {
|
|
149
|
+
onPress: () => {
|
|
150
|
+
a.action(editor);
|
|
151
|
+
setMenuOpen(false);
|
|
152
|
+
},
|
|
153
|
+
"aria-label": a.label,
|
|
154
|
+
children: /* @__PURE__ */jsx(Text, {
|
|
155
|
+
fontSize: 13,
|
|
156
|
+
children: a.label
|
|
157
|
+
})
|
|
158
|
+
}, a.label)), /* @__PURE__ */jsx(XStack, {
|
|
159
|
+
paddingVertical: "$0.5",
|
|
160
|
+
children: /* @__PURE__ */jsx(ToolbarSeparatorFrame, {
|
|
161
|
+
vertical: false,
|
|
162
|
+
width: "100%",
|
|
163
|
+
height: 1,
|
|
164
|
+
marginHorizontal: 0
|
|
165
|
+
})
|
|
166
|
+
}), COL_ACTIONS.map(a => /* @__PURE__ */jsx(DropdownMenuItemFrame, {
|
|
167
|
+
onPress: () => {
|
|
168
|
+
a.action(editor);
|
|
169
|
+
setMenuOpen(false);
|
|
170
|
+
},
|
|
171
|
+
"aria-label": a.label,
|
|
172
|
+
children: /* @__PURE__ */jsx(Text, {
|
|
173
|
+
fontSize: 13,
|
|
174
|
+
children: a.label
|
|
175
|
+
})
|
|
176
|
+
}, a.label)), /* @__PURE__ */jsx(XStack, {
|
|
177
|
+
paddingVertical: "$0.5",
|
|
178
|
+
children: /* @__PURE__ */jsx(ToolbarSeparatorFrame, {
|
|
179
|
+
vertical: false,
|
|
180
|
+
width: "100%",
|
|
181
|
+
height: 1,
|
|
182
|
+
marginHorizontal: 0
|
|
183
|
+
})
|
|
184
|
+
}), TABLE_ACTIONS.map(a => /* @__PURE__ */jsx(DropdownMenuItemFrame, {
|
|
185
|
+
onPress: () => {
|
|
186
|
+
a.action(editor);
|
|
187
|
+
setMenuOpen(false);
|
|
188
|
+
},
|
|
189
|
+
"aria-label": a.label,
|
|
190
|
+
children: /* @__PURE__ */jsx(Text, {
|
|
191
|
+
fontSize: 13,
|
|
192
|
+
children: a.label
|
|
193
|
+
})
|
|
194
|
+
}, a.label))]
|
|
195
|
+
})
|
|
196
|
+
})]
|
|
197
|
+
}), /* @__PURE__ */jsx(ToolbarButton, {
|
|
198
|
+
onPress: () => editor.chain().focus().deleteTable().run(),
|
|
199
|
+
"aria-label": "Delete table",
|
|
200
|
+
tooltip: "Delete table",
|
|
201
|
+
children: /* @__PURE__ */jsx(TrashIcon, {})
|
|
202
|
+
})]
|
|
203
|
+
})
|
|
204
|
+
});
|
|
205
|
+
}
|
|
206
|
+
export { TableBubble };
|
|
207
|
+
//# sourceMappingURL=TableBubble.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","BubbleMenu","useResolvedKnobs","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarSeparatorFrame","ToolbarButton","ToolbarDropdownButton","jsx","jsxs","RowPlusIcon","width","height","viewBox","fill","stroke","strokeWidth","children","x1","y1","x2","y2","TrashIcon","points","d","ROW_ACTIONS","label","action","e","chain","focus","addRowBefore","run","addRowAfter","deleteRow","COL_ACTIONS","addColumnBefore","addColumnAfter","deleteColumn","TABLE_ACTIONS","toggleHeaderRow","mergeCells","splitCell","deleteTable","TableBubble","editor","knobProps","menuOpen","setMenuOpen","shouldShow","isActive","options","placement","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","onPress","tooltip","fontSize","fontWeight","open","onOpenChange","Trigger","asChild","Content","panelPadding","enterStyle","opacity","y","exitStyle","minWidth","map","a","paddingVertical","vertical","marginHorizontal"],"sources":["../../../src/toolbar/TableBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,245 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { BubbleMenu } from "@tiptap/react/menus";
|
|
4
|
+
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
5
|
+
import { Popover, Text, XStack, YStack } from "tamagui";
|
|
6
|
+
import { DropdownMenuItemFrame, ToolbarSeparatorFrame } from "../styled.native.js";
|
|
7
|
+
import { ToolbarButton, ToolbarDropdownButton } from "./ToolbarButton.native.js";
|
|
8
|
+
function RowPlusIcon() {
|
|
9
|
+
return /* @__PURE__ */_jsxs("svg", {
|
|
10
|
+
width: "14",
|
|
11
|
+
height: "14",
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
fill: "none",
|
|
14
|
+
stroke: "currentColor",
|
|
15
|
+
strokeWidth: "2",
|
|
16
|
+
children: [/* @__PURE__ */_jsx("line", {
|
|
17
|
+
x1: "12",
|
|
18
|
+
y1: "5",
|
|
19
|
+
x2: "12",
|
|
20
|
+
y2: "19"
|
|
21
|
+
}), /* @__PURE__ */_jsx("line", {
|
|
22
|
+
x1: "5",
|
|
23
|
+
y1: "12",
|
|
24
|
+
x2: "19",
|
|
25
|
+
y2: "12"
|
|
26
|
+
})]
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
function TrashIcon() {
|
|
30
|
+
return /* @__PURE__ */_jsxs("svg", {
|
|
31
|
+
width: "14",
|
|
32
|
+
height: "14",
|
|
33
|
+
viewBox: "0 0 24 24",
|
|
34
|
+
fill: "none",
|
|
35
|
+
stroke: "currentColor",
|
|
36
|
+
strokeWidth: "2",
|
|
37
|
+
children: [/* @__PURE__ */_jsx("polyline", {
|
|
38
|
+
points: "3 6 5 6 21 6"
|
|
39
|
+
}), /* @__PURE__ */_jsx("path", {
|
|
40
|
+
d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
|
|
41
|
+
})]
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
var ROW_ACTIONS = [{
|
|
45
|
+
label: "Add row above",
|
|
46
|
+
action: function action(e) {
|
|
47
|
+
return e.chain().focus().addRowBefore().run();
|
|
48
|
+
}
|
|
49
|
+
}, {
|
|
50
|
+
label: "Add row below",
|
|
51
|
+
action: function action2(e) {
|
|
52
|
+
return e.chain().focus().addRowAfter().run();
|
|
53
|
+
}
|
|
54
|
+
}, {
|
|
55
|
+
label: "Delete row",
|
|
56
|
+
action: function action3(e) {
|
|
57
|
+
return e.chain().focus().deleteRow().run();
|
|
58
|
+
}
|
|
59
|
+
}];
|
|
60
|
+
var COL_ACTIONS = [{
|
|
61
|
+
label: "Add column before",
|
|
62
|
+
action: function action4(e) {
|
|
63
|
+
return e.chain().focus().addColumnBefore().run();
|
|
64
|
+
}
|
|
65
|
+
}, {
|
|
66
|
+
label: "Add column after",
|
|
67
|
+
action: function action5(e) {
|
|
68
|
+
return e.chain().focus().addColumnAfter().run();
|
|
69
|
+
}
|
|
70
|
+
}, {
|
|
71
|
+
label: "Delete column",
|
|
72
|
+
action: function action6(e) {
|
|
73
|
+
return e.chain().focus().deleteColumn().run();
|
|
74
|
+
}
|
|
75
|
+
}];
|
|
76
|
+
var TABLE_ACTIONS = [{
|
|
77
|
+
label: "Toggle header row",
|
|
78
|
+
action: function action7(e) {
|
|
79
|
+
return e.chain().focus().toggleHeaderRow().run();
|
|
80
|
+
}
|
|
81
|
+
}, {
|
|
82
|
+
label: "Merge cells",
|
|
83
|
+
action: function action8(e) {
|
|
84
|
+
return e.chain().focus().mergeCells().run();
|
|
85
|
+
}
|
|
86
|
+
}, {
|
|
87
|
+
label: "Split cell",
|
|
88
|
+
action: function action9(e) {
|
|
89
|
+
return e.chain().focus().splitCell().run();
|
|
90
|
+
}
|
|
91
|
+
}, {
|
|
92
|
+
label: "Delete table",
|
|
93
|
+
action: function action10(e) {
|
|
94
|
+
return e.chain().focus().deleteTable().run();
|
|
95
|
+
}
|
|
96
|
+
}];
|
|
97
|
+
function TableBubble(param) {
|
|
98
|
+
var {
|
|
99
|
+
editor
|
|
100
|
+
} = param;
|
|
101
|
+
var {
|
|
102
|
+
knobProps
|
|
103
|
+
} = useResolvedKnobs();
|
|
104
|
+
var [menuOpen, setMenuOpen] = useState(false);
|
|
105
|
+
if (!editor) return null;
|
|
106
|
+
return /* @__PURE__ */_jsx(BubbleMenu, {
|
|
107
|
+
editor,
|
|
108
|
+
shouldShow: function shouldShow(param2) {
|
|
109
|
+
var {
|
|
110
|
+
editor: e
|
|
111
|
+
} = param2;
|
|
112
|
+
return e.isActive("table");
|
|
113
|
+
},
|
|
114
|
+
options: {
|
|
115
|
+
placement: "top"
|
|
116
|
+
},
|
|
117
|
+
children: /* @__PURE__ */_jsxs(XStack, {
|
|
118
|
+
backgroundColor: "$background",
|
|
119
|
+
borderWidth: 1,
|
|
120
|
+
borderColor: "$borderColor",
|
|
121
|
+
borderRadius: knobProps.borderRadius.borderRadius,
|
|
122
|
+
padding: "$1",
|
|
123
|
+
gap: "$1",
|
|
124
|
+
alignItems: "center",
|
|
125
|
+
elevation: knobProps.elevation,
|
|
126
|
+
children: [/* @__PURE__ */_jsx(ToolbarButton, {
|
|
127
|
+
onPress: function onPress() {
|
|
128
|
+
return editor.chain().focus().addRowAfter().run();
|
|
129
|
+
},
|
|
130
|
+
"aria-label": "Add row",
|
|
131
|
+
tooltip: "Add row below",
|
|
132
|
+
children: /* @__PURE__ */_jsx(RowPlusIcon, {})
|
|
133
|
+
}), /* @__PURE__ */_jsx(ToolbarButton, {
|
|
134
|
+
onPress: function onPress() {
|
|
135
|
+
return editor.chain().focus().addColumnAfter().run();
|
|
136
|
+
},
|
|
137
|
+
"aria-label": "Add column",
|
|
138
|
+
tooltip: "Add column after",
|
|
139
|
+
children: /* @__PURE__ */_jsx(Text, {
|
|
140
|
+
fontSize: 11,
|
|
141
|
+
fontWeight: "700",
|
|
142
|
+
children: "+Col"
|
|
143
|
+
})
|
|
144
|
+
}), /* @__PURE__ */_jsxs(Popover, {
|
|
145
|
+
open: menuOpen,
|
|
146
|
+
onOpenChange: setMenuOpen,
|
|
147
|
+
placement: "bottom",
|
|
148
|
+
children: [/* @__PURE__ */_jsx(Popover.Trigger, {
|
|
149
|
+
asChild: true,
|
|
150
|
+
children: /* @__PURE__ */_jsx(ToolbarDropdownButton, {
|
|
151
|
+
onPress: function onPress() {
|
|
152
|
+
return setMenuOpen(true);
|
|
153
|
+
},
|
|
154
|
+
"aria-label": "Table options",
|
|
155
|
+
children: /* @__PURE__ */_jsx(Text, {
|
|
156
|
+
fontSize: 12,
|
|
157
|
+
children: "Table"
|
|
158
|
+
})
|
|
159
|
+
})
|
|
160
|
+
}), /* @__PURE__ */_jsx(Popover.Content, {
|
|
161
|
+
...knobProps.panelPadding,
|
|
162
|
+
backgroundColor: "$background",
|
|
163
|
+
borderWidth: 1,
|
|
164
|
+
borderColor: "$borderColor",
|
|
165
|
+
borderRadius: knobProps.borderRadius.borderRadius,
|
|
166
|
+
elevation: knobProps.elevation,
|
|
167
|
+
enterStyle: {
|
|
168
|
+
opacity: 0,
|
|
169
|
+
y: -5
|
|
170
|
+
},
|
|
171
|
+
exitStyle: {
|
|
172
|
+
opacity: 0,
|
|
173
|
+
y: -5
|
|
174
|
+
},
|
|
175
|
+
children: /* @__PURE__ */_jsxs(YStack, {
|
|
176
|
+
gap: "$0.5",
|
|
177
|
+
minWidth: 180,
|
|
178
|
+
children: [ROW_ACTIONS.map(function (a) {
|
|
179
|
+
return /* @__PURE__ */_jsx(DropdownMenuItemFrame, {
|
|
180
|
+
onPress: function onPress() {
|
|
181
|
+
a.action(editor);
|
|
182
|
+
setMenuOpen(false);
|
|
183
|
+
},
|
|
184
|
+
"aria-label": a.label,
|
|
185
|
+
children: /* @__PURE__ */_jsx(Text, {
|
|
186
|
+
fontSize: 13,
|
|
187
|
+
children: a.label
|
|
188
|
+
})
|
|
189
|
+
}, a.label);
|
|
190
|
+
}), /* @__PURE__ */_jsx(XStack, {
|
|
191
|
+
paddingVertical: "$0.5",
|
|
192
|
+
children: /* @__PURE__ */_jsx(ToolbarSeparatorFrame, {
|
|
193
|
+
vertical: false,
|
|
194
|
+
width: "100%",
|
|
195
|
+
height: 1,
|
|
196
|
+
marginHorizontal: 0
|
|
197
|
+
})
|
|
198
|
+
}), COL_ACTIONS.map(function (a) {
|
|
199
|
+
return /* @__PURE__ */_jsx(DropdownMenuItemFrame, {
|
|
200
|
+
onPress: function onPress() {
|
|
201
|
+
a.action(editor);
|
|
202
|
+
setMenuOpen(false);
|
|
203
|
+
},
|
|
204
|
+
"aria-label": a.label,
|
|
205
|
+
children: /* @__PURE__ */_jsx(Text, {
|
|
206
|
+
fontSize: 13,
|
|
207
|
+
children: a.label
|
|
208
|
+
})
|
|
209
|
+
}, a.label);
|
|
210
|
+
}), /* @__PURE__ */_jsx(XStack, {
|
|
211
|
+
paddingVertical: "$0.5",
|
|
212
|
+
children: /* @__PURE__ */_jsx(ToolbarSeparatorFrame, {
|
|
213
|
+
vertical: false,
|
|
214
|
+
width: "100%",
|
|
215
|
+
height: 1,
|
|
216
|
+
marginHorizontal: 0
|
|
217
|
+
})
|
|
218
|
+
}), TABLE_ACTIONS.map(function (a) {
|
|
219
|
+
return /* @__PURE__ */_jsx(DropdownMenuItemFrame, {
|
|
220
|
+
onPress: function onPress() {
|
|
221
|
+
a.action(editor);
|
|
222
|
+
setMenuOpen(false);
|
|
223
|
+
},
|
|
224
|
+
"aria-label": a.label,
|
|
225
|
+
children: /* @__PURE__ */_jsx(Text, {
|
|
226
|
+
fontSize: 13,
|
|
227
|
+
children: a.label
|
|
228
|
+
})
|
|
229
|
+
}, a.label);
|
|
230
|
+
})]
|
|
231
|
+
})
|
|
232
|
+
})]
|
|
233
|
+
}), /* @__PURE__ */_jsx(ToolbarButton, {
|
|
234
|
+
onPress: function onPress() {
|
|
235
|
+
return editor.chain().focus().deleteTable().run();
|
|
236
|
+
},
|
|
237
|
+
"aria-label": "Delete table",
|
|
238
|
+
tooltip: "Delete table",
|
|
239
|
+
children: /* @__PURE__ */_jsx(TrashIcon, {})
|
|
240
|
+
})]
|
|
241
|
+
})
|
|
242
|
+
});
|
|
243
|
+
}
|
|
244
|
+
export { TableBubble };
|
|
245
|
+
//# sourceMappingURL=TableBubble.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","BubbleMenu","useResolvedKnobs","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarSeparatorFrame","ToolbarButton","ToolbarDropdownButton","RowPlusIcon","width","height","viewBox","fill","stroke","strokeWidth","children","x1","y1","x2","y2","TrashIcon","points","d","ROW_ACTIONS","label","action","e","chain","focus","addRowBefore","run","action2","addRowAfter","action3","deleteRow","COL_ACTIONS","action4","addColumnBefore","action5","addColumnAfter","action6","deleteColumn","TABLE_ACTIONS","action7","toggleHeaderRow","action8","mergeCells","action9","splitCell","action10","deleteTable","TableBubble","param","editor","knobProps","menuOpen","setMenuOpen","shouldShow","param2","isActive","options","placement","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","onPress","tooltip","fontSize","fontWeight","open","onOpenChange","Trigger","asChild","Content","panelPadding"],"sources":["../../../src/toolbar/TableBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { XStack, View } from "tamagui";
|
|
2
|
+
import { Button } from "@multiplatform.one/forms";
|
|
3
|
+
import { Tooltip } from "@multiplatform.one/components";
|
|
4
|
+
import { CaretDownIcon } from "@phosphor-icons/react";
|
|
5
|
+
import { RichEditorContext } from "../context.mjs";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
const BUTTON_SIZE = 30;
|
|
8
|
+
function ToolbarButton({
|
|
9
|
+
active,
|
|
10
|
+
disabled,
|
|
11
|
+
onPress,
|
|
12
|
+
children,
|
|
13
|
+
tooltip,
|
|
14
|
+
...props
|
|
15
|
+
}) {
|
|
16
|
+
const ctx = RichEditorContext.useStyledContext();
|
|
17
|
+
const isDisabled = disabled ?? ctx.disabled;
|
|
18
|
+
const button = /* @__PURE__ */jsx(Button, {
|
|
19
|
+
chromeless: true,
|
|
20
|
+
disabled: isDisabled,
|
|
21
|
+
onPress,
|
|
22
|
+
width: BUTTON_SIZE,
|
|
23
|
+
height: BUTTON_SIZE,
|
|
24
|
+
padding: 0,
|
|
25
|
+
borderRadius: "$2",
|
|
26
|
+
...(active ? {
|
|
27
|
+
theme: "active"
|
|
28
|
+
} : void 0),
|
|
29
|
+
...props,
|
|
30
|
+
children: /* @__PURE__ */jsx(View, {
|
|
31
|
+
alignItems: "center",
|
|
32
|
+
justifyContent: "center",
|
|
33
|
+
width: "100%",
|
|
34
|
+
height: "100%",
|
|
35
|
+
children
|
|
36
|
+
})
|
|
37
|
+
});
|
|
38
|
+
if (tooltip) {
|
|
39
|
+
return /* @__PURE__ */jsx(Tooltip, {
|
|
40
|
+
content: tooltip,
|
|
41
|
+
placement: "bottom",
|
|
42
|
+
delay: 400,
|
|
43
|
+
children: button
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
return button;
|
|
47
|
+
}
|
|
48
|
+
function ToolbarDropdownButton({
|
|
49
|
+
active,
|
|
50
|
+
disabled,
|
|
51
|
+
onPress,
|
|
52
|
+
children,
|
|
53
|
+
...props
|
|
54
|
+
}) {
|
|
55
|
+
const ctx = RichEditorContext.useStyledContext();
|
|
56
|
+
const isDisabled = disabled ?? ctx.disabled;
|
|
57
|
+
return /* @__PURE__ */jsx(Button, {
|
|
58
|
+
chromeless: true,
|
|
59
|
+
disabled: isDisabled,
|
|
60
|
+
onPress,
|
|
61
|
+
height: BUTTON_SIZE,
|
|
62
|
+
paddingHorizontal: "$2",
|
|
63
|
+
paddingVertical: 0,
|
|
64
|
+
borderRadius: "$2",
|
|
65
|
+
...(active ? {
|
|
66
|
+
theme: "active"
|
|
67
|
+
} : void 0),
|
|
68
|
+
...props,
|
|
69
|
+
children: /* @__PURE__ */jsxs(XStack, {
|
|
70
|
+
alignItems: "center",
|
|
71
|
+
gap: "$1",
|
|
72
|
+
children: [children, /* @__PURE__ */jsx(CaretDownIcon, {
|
|
73
|
+
size: 10
|
|
74
|
+
})]
|
|
75
|
+
})
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
export { ToolbarButton, ToolbarDropdownButton };
|
|
79
|
+
//# sourceMappingURL=ToolbarButton.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XStack","View","Button","Tooltip","CaretDownIcon","RichEditorContext","jsx","jsxs","BUTTON_SIZE","ToolbarButton","active","disabled","onPress","children","tooltip","props","ctx","useStyledContext","isDisabled","button","chromeless","width","height","padding","borderRadius","theme","alignItems","justifyContent","content","placement","delay","ToolbarDropdownButton","paddingHorizontal","paddingVertical","gap","size"],"sources":["../../../src/toolbar/ToolbarButton.tsx"],"sourcesContent":[null],"mappings":"AAQA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAC7B,SAASC,MAAA,QAAc;AACvB,SAASC,OAAA,QAAe;AACxB,SAASC,aAAA,QAAqB;AAC9B,SAASC,iBAAA,QAAyB;AAoD5B,SAAAC,GAAA,EA2CAC,IAAA,QA3CA;AAlDN,MAAMC,WAAA,GAAc;AA2Bb,SAASC,cAAc;EAC5BC,MAAA;EACAC,QAAA;EACAC,OAAA;EACAC,QAAA;EACAC,OAAA;EACA,GAAGC;AACL,GAAuB;EACrB,MAAMC,GAAA,GAAMX,iBAAA,CAAkBY,gBAAA,CAAiB;EAC/C,MAAMC,UAAA,GAAaP,QAAA,IAAYK,GAAA,CAAIL,QAAA;EAEnC,MAAMQ,MAAA,GACJ,eAAAb,GAAA,CAACJ,MAAA;IACCkB,UAAA,EAAU;IACVT,QAAA,EAAUO,UAAA;IACVN,OAAA;IACAS,KAAA,EAAOb,WAAA;IACPc,MAAA,EAAQd,WAAA;IACRe,OAAA,EAAS;IACTC,YAAA,EAAa;IACZ,IAAId,MAAA,GAAS;MAAEe,KAAA,EAAO;IAAS,IAAI;IACnC,GAAGV,KAAA;IAEJF,QAAA,iBAAAP,GAAA,CAACL,IAAA;MAAKyB,UAAA,EAAW;MAASC,cAAA,EAAe;MAASN,KAAA,EAAM;MAAOC,MAAA,EAAO;MACnET;IAAA,CACH;EAAA,CACF;EAGF,IAAIC,OAAA,EAAS;IACX,OACE,eAAAR,GAAA,CAACH,OAAA;MAAQyB,OAAA,EAASd,OAAA;MAASe,SAAA,EAAU;MAASC,KAAA,EAAO;MAClDjB,QAAA,EAAAM;IAAA,CACH;EAEJ;EAEA,OAAOA,MAAA;AACT;AAMO,SAASY,sBAAsB;EACpCrB,MAAA;EACAC,QAAA;EACAC,OAAA;EACAC,QAAA;EACA,GAAGE;AACL,GAA+B;EAC7B,MAAMC,GAAA,GAAMX,iBAAA,CAAkBY,gBAAA,CAAiB;EAC/C,MAAMC,UAAA,GAAaP,QAAA,IAAYK,GAAA,CAAIL,QAAA;EAEnC,OACE,eAAAL,GAAA,CAACJ,MAAA;IACCkB,UAAA,EAAU;IACVT,QAAA,EAAUO,UAAA;IACVN,OAAA;IACAU,MAAA,EAAQd,WAAA;IACRwB,iBAAA,EAAkB;IAClBC,eAAA,EAAiB;IACjBT,YAAA,EAAa;IACZ,IAAId,MAAA,GAAS;MAAEe,KAAA,EAAO;IAAS,IAAI;IACnC,GAAGV,KAAA;IAEJF,QAAA,iBAAAN,IAAA,CAACP,MAAA;MAAO0B,UAAA,EAAW;MAASQ,GAAA,EAAI;MAC7BrB,QAAA,GAAAA,QAAA,EACD,eAAAP,GAAA,CAACF,aAAA;QAAc+B,IAAA,EAAM;MAAA,CAAI;IAAA,CAC3B;EAAA,CACF;AAEJ","ignoreList":[]}
|