@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,133 @@
|
|
|
1
|
+
import { useState } from "react";
|
|
2
|
+
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
3
|
+
import { Popover, Text, YStack } from "tamagui";
|
|
4
|
+
import { DropdownMenuItemFrame } from "../styled.mjs";
|
|
5
|
+
import { ToolbarDropdownButton } from "./ToolbarButton.mjs";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
const HEADING_OPTIONS = [{
|
|
8
|
+
label: "H1",
|
|
9
|
+
description: "Heading 1",
|
|
10
|
+
command: "heading1",
|
|
11
|
+
stateKey: "isHeading1",
|
|
12
|
+
fontSize: "$5",
|
|
13
|
+
fontWeight: "700"
|
|
14
|
+
}, {
|
|
15
|
+
label: "H2",
|
|
16
|
+
description: "Heading 2",
|
|
17
|
+
command: "heading2",
|
|
18
|
+
stateKey: "isHeading2",
|
|
19
|
+
fontSize: "$4",
|
|
20
|
+
fontWeight: "600"
|
|
21
|
+
}, {
|
|
22
|
+
label: "H3",
|
|
23
|
+
description: "Heading 3",
|
|
24
|
+
command: "heading3",
|
|
25
|
+
stateKey: "isHeading3",
|
|
26
|
+
fontSize: "$3",
|
|
27
|
+
fontWeight: "600"
|
|
28
|
+
}, {
|
|
29
|
+
label: "H4",
|
|
30
|
+
description: "Heading 4",
|
|
31
|
+
command: "heading4",
|
|
32
|
+
stateKey: "isHeading4",
|
|
33
|
+
fontSize: "$2",
|
|
34
|
+
fontWeight: "600"
|
|
35
|
+
}, {
|
|
36
|
+
label: "H5",
|
|
37
|
+
description: "Heading 5",
|
|
38
|
+
command: "heading5",
|
|
39
|
+
stateKey: "isHeading5",
|
|
40
|
+
fontSize: "$1",
|
|
41
|
+
fontWeight: "600"
|
|
42
|
+
}, {
|
|
43
|
+
label: "H6",
|
|
44
|
+
description: "Heading 6",
|
|
45
|
+
command: "heading6",
|
|
46
|
+
stateKey: "isHeading6",
|
|
47
|
+
fontSize: "$1",
|
|
48
|
+
fontWeight: "600"
|
|
49
|
+
}, {
|
|
50
|
+
label: "P",
|
|
51
|
+
description: "Paragraph",
|
|
52
|
+
command: "paragraph",
|
|
53
|
+
stateKey: "isParagraph",
|
|
54
|
+
fontSize: "$3",
|
|
55
|
+
fontWeight: "400"
|
|
56
|
+
}];
|
|
57
|
+
function getActiveHeadingLabel(state) {
|
|
58
|
+
if (state.isHeading1) return "H1";
|
|
59
|
+
if (state.isHeading2) return "H2";
|
|
60
|
+
if (state.isHeading3) return "H3";
|
|
61
|
+
if (state.isHeading4) return "H4";
|
|
62
|
+
if (state.isHeading5) return "H5";
|
|
63
|
+
if (state.isHeading6) return "H6";
|
|
64
|
+
return "H";
|
|
65
|
+
}
|
|
66
|
+
function isAnyHeadingActive(state) {
|
|
67
|
+
return state.isHeading1 || state.isHeading2 || state.isHeading3 || state.isHeading4 || state.isHeading5 || state.isHeading6;
|
|
68
|
+
}
|
|
69
|
+
function HeadingPicker({
|
|
70
|
+
editorRef,
|
|
71
|
+
state,
|
|
72
|
+
disabled
|
|
73
|
+
}) {
|
|
74
|
+
const {
|
|
75
|
+
knobProps
|
|
76
|
+
} = useResolvedKnobs();
|
|
77
|
+
const [open, setOpen] = useState(false);
|
|
78
|
+
return /* @__PURE__ */jsxs(Popover, {
|
|
79
|
+
open,
|
|
80
|
+
onOpenChange: setOpen,
|
|
81
|
+
placement: "bottom-start",
|
|
82
|
+
children: [/* @__PURE__ */jsx(Popover.Trigger, {
|
|
83
|
+
asChild: true,
|
|
84
|
+
children: /* @__PURE__ */jsx(ToolbarDropdownButton, {
|
|
85
|
+
active: isAnyHeadingActive(state),
|
|
86
|
+
disabled,
|
|
87
|
+
onPress: () => setOpen(true),
|
|
88
|
+
"aria-label": "Heading",
|
|
89
|
+
children: /* @__PURE__ */jsx(Text, {
|
|
90
|
+
fontWeight: "600",
|
|
91
|
+
children: getActiveHeadingLabel(state)
|
|
92
|
+
})
|
|
93
|
+
})
|
|
94
|
+
}), /* @__PURE__ */jsx(Popover.Content, {
|
|
95
|
+
...knobProps.panelPadding,
|
|
96
|
+
backgroundColor: "$background",
|
|
97
|
+
borderWidth: 1,
|
|
98
|
+
borderColor: "$borderColor",
|
|
99
|
+
borderRadius: knobProps.borderRadius.borderRadius,
|
|
100
|
+
elevation: knobProps.elevation,
|
|
101
|
+
enterStyle: {
|
|
102
|
+
opacity: 0,
|
|
103
|
+
y: -5
|
|
104
|
+
},
|
|
105
|
+
exitStyle: {
|
|
106
|
+
opacity: 0,
|
|
107
|
+
y: -5
|
|
108
|
+
},
|
|
109
|
+
children: /* @__PURE__ */jsx(YStack, {
|
|
110
|
+
gap: "$1",
|
|
111
|
+
minWidth: 140,
|
|
112
|
+
children: HEADING_OPTIONS.map(option => /* @__PURE__ */jsxs(DropdownMenuItemFrame, {
|
|
113
|
+
active: state[option.stateKey],
|
|
114
|
+
onPress: () => {
|
|
115
|
+
editorRef.current?.executeCommand(option.command);
|
|
116
|
+
setOpen(false);
|
|
117
|
+
},
|
|
118
|
+
"aria-label": option.description,
|
|
119
|
+
children: [/* @__PURE__ */jsx(Text, {
|
|
120
|
+
fontWeight: option.fontWeight,
|
|
121
|
+
fontSize: option.fontSize,
|
|
122
|
+
children: option.label
|
|
123
|
+
}), /* @__PURE__ */jsx(Text, {
|
|
124
|
+
color: "$color11",
|
|
125
|
+
children: option.description
|
|
126
|
+
})]
|
|
127
|
+
}, option.command))
|
|
128
|
+
})
|
|
129
|
+
})]
|
|
130
|
+
});
|
|
131
|
+
}
|
|
132
|
+
export { HeadingPicker };
|
|
133
|
+
//# sourceMappingURL=HeadingPicker.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","useResolvedKnobs","Popover","Text","YStack","DropdownMenuItemFrame","ToolbarDropdownButton","jsx","jsxs","HEADING_OPTIONS","label","description","command","stateKey","fontSize","fontWeight","getActiveHeadingLabel","state","isHeading1","isHeading2","isHeading3","isHeading4","isHeading5","isHeading6","isAnyHeadingActive","HeadingPicker","editorRef","disabled","knobProps","open","setOpen","onOpenChange","placement","children","Trigger","asChild","active","onPress","Content","panelPadding","backgroundColor","borderWidth","borderColor","borderRadius","elevation","enterStyle","opacity","y","exitStyle","gap","minWidth","map","option","current","executeCommand","color"],"sources":["../../../src/toolbar/HeadingPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,167 @@
|
|
|
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 HeadingPicker_exports = {};
|
|
26
|
+
__export(HeadingPicker_exports, {
|
|
27
|
+
HeadingPicker: () => HeadingPicker
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(HeadingPicker_exports);
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
var import_react = require("react");
|
|
32
|
+
var import_theme = require("@multiplatform.one/theme");
|
|
33
|
+
var import_tamagui = require("tamagui");
|
|
34
|
+
var import_styled = require("../styled.native.js");
|
|
35
|
+
var import_ToolbarButton = require("./ToolbarButton.native.js");
|
|
36
|
+
var HEADING_OPTIONS = [{
|
|
37
|
+
label: "H1",
|
|
38
|
+
description: "Heading 1",
|
|
39
|
+
command: "heading1",
|
|
40
|
+
stateKey: "isHeading1",
|
|
41
|
+
fontSize: "$5",
|
|
42
|
+
fontWeight: "700"
|
|
43
|
+
}, {
|
|
44
|
+
label: "H2",
|
|
45
|
+
description: "Heading 2",
|
|
46
|
+
command: "heading2",
|
|
47
|
+
stateKey: "isHeading2",
|
|
48
|
+
fontSize: "$4",
|
|
49
|
+
fontWeight: "600"
|
|
50
|
+
}, {
|
|
51
|
+
label: "H3",
|
|
52
|
+
description: "Heading 3",
|
|
53
|
+
command: "heading3",
|
|
54
|
+
stateKey: "isHeading3",
|
|
55
|
+
fontSize: "$3",
|
|
56
|
+
fontWeight: "600"
|
|
57
|
+
}, {
|
|
58
|
+
label: "H4",
|
|
59
|
+
description: "Heading 4",
|
|
60
|
+
command: "heading4",
|
|
61
|
+
stateKey: "isHeading4",
|
|
62
|
+
fontSize: "$2",
|
|
63
|
+
fontWeight: "600"
|
|
64
|
+
}, {
|
|
65
|
+
label: "H5",
|
|
66
|
+
description: "Heading 5",
|
|
67
|
+
command: "heading5",
|
|
68
|
+
stateKey: "isHeading5",
|
|
69
|
+
fontSize: "$1",
|
|
70
|
+
fontWeight: "600"
|
|
71
|
+
}, {
|
|
72
|
+
label: "H6",
|
|
73
|
+
description: "Heading 6",
|
|
74
|
+
command: "heading6",
|
|
75
|
+
stateKey: "isHeading6",
|
|
76
|
+
fontSize: "$1",
|
|
77
|
+
fontWeight: "600"
|
|
78
|
+
}, {
|
|
79
|
+
label: "P",
|
|
80
|
+
description: "Paragraph",
|
|
81
|
+
command: "paragraph",
|
|
82
|
+
stateKey: "isParagraph",
|
|
83
|
+
fontSize: "$3",
|
|
84
|
+
fontWeight: "400"
|
|
85
|
+
}];
|
|
86
|
+
function getActiveHeadingLabel(state) {
|
|
87
|
+
if (state.isHeading1) return "H1";
|
|
88
|
+
if (state.isHeading2) return "H2";
|
|
89
|
+
if (state.isHeading3) return "H3";
|
|
90
|
+
if (state.isHeading4) return "H4";
|
|
91
|
+
if (state.isHeading5) return "H5";
|
|
92
|
+
if (state.isHeading6) return "H6";
|
|
93
|
+
return "H";
|
|
94
|
+
}
|
|
95
|
+
function isAnyHeadingActive(state) {
|
|
96
|
+
return state.isHeading1 || state.isHeading2 || state.isHeading3 || state.isHeading4 || state.isHeading5 || state.isHeading6;
|
|
97
|
+
}
|
|
98
|
+
function HeadingPicker(param) {
|
|
99
|
+
var {
|
|
100
|
+
editorRef,
|
|
101
|
+
state,
|
|
102
|
+
disabled
|
|
103
|
+
} = param;
|
|
104
|
+
var {
|
|
105
|
+
knobProps
|
|
106
|
+
} = (0, import_theme.useResolvedKnobs)();
|
|
107
|
+
var [open, setOpen] = (0, import_react.useState)(false);
|
|
108
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
|
|
109
|
+
open,
|
|
110
|
+
onOpenChange: setOpen,
|
|
111
|
+
placement: "bottom-start",
|
|
112
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
|
|
113
|
+
asChild: true,
|
|
114
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarDropdownButton, {
|
|
115
|
+
active: isAnyHeadingActive(state),
|
|
116
|
+
disabled,
|
|
117
|
+
onPress: function onPress() {
|
|
118
|
+
return setOpen(true);
|
|
119
|
+
},
|
|
120
|
+
"aria-label": "Heading",
|
|
121
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
|
|
122
|
+
fontWeight: "600",
|
|
123
|
+
children: getActiveHeadingLabel(state)
|
|
124
|
+
})
|
|
125
|
+
})
|
|
126
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
|
|
127
|
+
...knobProps.panelPadding,
|
|
128
|
+
backgroundColor: "$background",
|
|
129
|
+
borderWidth: 1,
|
|
130
|
+
borderColor: "$borderColor",
|
|
131
|
+
borderRadius: knobProps.borderRadius.borderRadius,
|
|
132
|
+
elevation: knobProps.elevation,
|
|
133
|
+
enterStyle: {
|
|
134
|
+
opacity: 0,
|
|
135
|
+
y: -5
|
|
136
|
+
},
|
|
137
|
+
exitStyle: {
|
|
138
|
+
opacity: 0,
|
|
139
|
+
y: -5
|
|
140
|
+
},
|
|
141
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
142
|
+
gap: "$1",
|
|
143
|
+
minWidth: 140,
|
|
144
|
+
children: HEADING_OPTIONS.map(function (option) {
|
|
145
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styled.DropdownMenuItemFrame, {
|
|
146
|
+
active: state[option.stateKey],
|
|
147
|
+
onPress: function onPress() {
|
|
148
|
+
var _editorRef_current;
|
|
149
|
+
(_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand(option.command);
|
|
150
|
+
setOpen(false);
|
|
151
|
+
},
|
|
152
|
+
"aria-label": option.description,
|
|
153
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
|
|
154
|
+
fontWeight: option.fontWeight,
|
|
155
|
+
fontSize: option.fontSize,
|
|
156
|
+
children: option.label
|
|
157
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
|
|
158
|
+
color: "$color11",
|
|
159
|
+
children: option.description
|
|
160
|
+
})]
|
|
161
|
+
}, option.command);
|
|
162
|
+
})
|
|
163
|
+
})
|
|
164
|
+
})]
|
|
165
|
+
});
|
|
166
|
+
}
|
|
167
|
+
//# sourceMappingURL=HeadingPicker.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","HeadingPicker_exports","HeadingPicker","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_styled","import_ToolbarButton","HEADING_OPTIONS","label","description","command","stateKey","fontSize","fontWeight","getActiveHeadingLabel","state","isHeading1","isHeading2","isHeading3","isHeading4","isHeading5","isHeading6","isAnyHeadingActive","param","editorRef","disabled","knobProps","useResolvedKnobs","open","setOpen","useState","jsxs","Popover","onOpenChange","placement","children","jsx","Trigger","asChild","ToolbarDropdownButton","active","onPress","Text"],"sources":["../../../src/toolbar/HeadingPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { useCallback, useState } from "react";
|
|
2
|
+
import { BubbleMenu } from "@tiptap/react/menus";
|
|
3
|
+
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
4
|
+
import { Input, Text, XStack, YStack } from "tamagui";
|
|
5
|
+
import { Button } from "@multiplatform.one/forms";
|
|
6
|
+
import { ToolbarButton } from "./ToolbarButton.mjs";
|
|
7
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
+
function TrashIcon() {
|
|
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("polyline", {
|
|
17
|
+
points: "3 6 5 6 21 6"
|
|
18
|
+
}), /* @__PURE__ */jsx("path", {
|
|
19
|
+
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"
|
|
20
|
+
})]
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
function EditIcon() {
|
|
24
|
+
return /* @__PURE__ */jsxs("svg", {
|
|
25
|
+
width: "14",
|
|
26
|
+
height: "14",
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
fill: "none",
|
|
29
|
+
stroke: "currentColor",
|
|
30
|
+
strokeWidth: "2",
|
|
31
|
+
children: [/* @__PURE__ */jsx("path", {
|
|
32
|
+
d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
|
|
33
|
+
}), /* @__PURE__ */jsx("path", {
|
|
34
|
+
d: "M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"
|
|
35
|
+
})]
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
function ImageBubble({
|
|
39
|
+
editor
|
|
40
|
+
}) {
|
|
41
|
+
const {
|
|
42
|
+
knobProps
|
|
43
|
+
} = useResolvedKnobs();
|
|
44
|
+
const [editing, setEditing] = useState(false);
|
|
45
|
+
const [altText, setAltText] = useState("");
|
|
46
|
+
const handleEdit = useCallback(() => {
|
|
47
|
+
if (!editor) return;
|
|
48
|
+
const attrs = editor.getAttributes("image");
|
|
49
|
+
setAltText(attrs.alt || "");
|
|
50
|
+
setEditing(true);
|
|
51
|
+
}, [editor]);
|
|
52
|
+
const handleSave = useCallback(() => {
|
|
53
|
+
if (!editor) return;
|
|
54
|
+
editor.chain().focus().updateAttributes("image", {
|
|
55
|
+
alt: altText
|
|
56
|
+
}).run();
|
|
57
|
+
setEditing(false);
|
|
58
|
+
}, [editor, altText]);
|
|
59
|
+
const handleDelete = useCallback(() => {
|
|
60
|
+
if (!editor) return;
|
|
61
|
+
editor.chain().focus().deleteSelection().run();
|
|
62
|
+
}, [editor]);
|
|
63
|
+
if (!editor) return null;
|
|
64
|
+
return /* @__PURE__ */jsx(BubbleMenu, {
|
|
65
|
+
editor,
|
|
66
|
+
shouldShow: ({
|
|
67
|
+
editor: e
|
|
68
|
+
}) => e.isActive("image"),
|
|
69
|
+
children: /* @__PURE__ */jsx(XStack, {
|
|
70
|
+
backgroundColor: "$background",
|
|
71
|
+
borderWidth: 1,
|
|
72
|
+
borderColor: "$borderColor",
|
|
73
|
+
borderRadius: knobProps.borderRadius.borderRadius,
|
|
74
|
+
padding: "$1.5",
|
|
75
|
+
gap: "$1.5",
|
|
76
|
+
alignItems: "center",
|
|
77
|
+
elevation: knobProps.elevation,
|
|
78
|
+
children: editing ? /* @__PURE__ */jsxs(YStack, {
|
|
79
|
+
gap: "$1.5",
|
|
80
|
+
children: [/* @__PURE__ */jsx(Text, {
|
|
81
|
+
fontSize: 12,
|
|
82
|
+
fontWeight: "600",
|
|
83
|
+
children: "Alt text"
|
|
84
|
+
}), /* @__PURE__ */jsx(Input, {
|
|
85
|
+
size: "$2",
|
|
86
|
+
placeholder: "Describe this image...",
|
|
87
|
+
value: altText,
|
|
88
|
+
onChangeText: setAltText,
|
|
89
|
+
onSubmitEditing: handleSave,
|
|
90
|
+
autoFocus: true,
|
|
91
|
+
minWidth: 220
|
|
92
|
+
}), /* @__PURE__ */jsxs(XStack, {
|
|
93
|
+
gap: "$1",
|
|
94
|
+
justifyContent: "flex-end",
|
|
95
|
+
children: [/* @__PURE__ */jsx(Button, {
|
|
96
|
+
size: "$2",
|
|
97
|
+
onPress: () => setEditing(false),
|
|
98
|
+
"aria-label": "Cancel",
|
|
99
|
+
children: "Cancel"
|
|
100
|
+
}), /* @__PURE__ */jsx(Button, {
|
|
101
|
+
size: "$2",
|
|
102
|
+
theme: "active",
|
|
103
|
+
onPress: handleSave,
|
|
104
|
+
"aria-label": "Save alt text",
|
|
105
|
+
children: "Save"
|
|
106
|
+
})]
|
|
107
|
+
})]
|
|
108
|
+
}) : /* @__PURE__ */jsxs(Fragment, {
|
|
109
|
+
children: [/* @__PURE__ */jsx(Text, {
|
|
110
|
+
fontSize: 12,
|
|
111
|
+
color: "$color10",
|
|
112
|
+
maxWidth: 200,
|
|
113
|
+
numberOfLines: 1,
|
|
114
|
+
children: editor.getAttributes("image").alt || "No alt text"
|
|
115
|
+
}), /* @__PURE__ */jsx(ToolbarButton, {
|
|
116
|
+
onPress: handleEdit,
|
|
117
|
+
"aria-label": "Edit alt text",
|
|
118
|
+
tooltip: "Edit alt text",
|
|
119
|
+
children: /* @__PURE__ */jsx(EditIcon, {})
|
|
120
|
+
}), /* @__PURE__ */jsx(ToolbarButton, {
|
|
121
|
+
onPress: handleDelete,
|
|
122
|
+
"aria-label": "Delete image",
|
|
123
|
+
tooltip: "Delete image",
|
|
124
|
+
children: /* @__PURE__ */jsx(TrashIcon, {})
|
|
125
|
+
})]
|
|
126
|
+
})
|
|
127
|
+
})
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
export { ImageBubble };
|
|
131
|
+
//# sourceMappingURL=ImageBubble.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useState","BubbleMenu","useResolvedKnobs","Input","Text","XStack","YStack","Button","ToolbarButton","Fragment","jsx","jsxs","TrashIcon","width","height","viewBox","fill","stroke","strokeWidth","children","points","d","EditIcon","ImageBubble","editor","knobProps","editing","setEditing","altText","setAltText","handleEdit","attrs","getAttributes","alt","handleSave","chain","focus","updateAttributes","run","handleDelete","deleteSelection","shouldShow","e","isActive","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","fontSize","fontWeight","size","placeholder","value","onChangeText","onSubmitEditing","autoFocus","minWidth","justifyContent","onPress","theme","color","maxWidth","numberOfLines","tooltip"],"sources":["../../../src/toolbar/ImageBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -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 ImageBubble_exports = {};
|
|
26
|
+
__export(ImageBubble_exports, {
|
|
27
|
+
ImageBubble: () => ImageBubble
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(ImageBubble_exports);
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
var import_react = require("react");
|
|
32
|
+
var import_menus = require("@tiptap/react/menus");
|
|
33
|
+
var import_theme = require("@multiplatform.one/theme");
|
|
34
|
+
var import_tamagui = require("tamagui");
|
|
35
|
+
var import_forms = require("@multiplatform.one/forms");
|
|
36
|
+
var import_ToolbarButton = require("./ToolbarButton.native.js");
|
|
37
|
+
function TrashIcon() {
|
|
38
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
|
|
39
|
+
width: "14",
|
|
40
|
+
height: "14",
|
|
41
|
+
viewBox: "0 0 24 24",
|
|
42
|
+
fill: "none",
|
|
43
|
+
stroke: "currentColor",
|
|
44
|
+
strokeWidth: "2",
|
|
45
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
|
|
46
|
+
points: "3 6 5 6 21 6"
|
|
47
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
|
|
48
|
+
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"
|
|
49
|
+
})]
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
function EditIcon() {
|
|
53
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
|
|
54
|
+
width: "14",
|
|
55
|
+
height: "14",
|
|
56
|
+
viewBox: "0 0 24 24",
|
|
57
|
+
fill: "none",
|
|
58
|
+
stroke: "currentColor",
|
|
59
|
+
strokeWidth: "2",
|
|
60
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
|
|
61
|
+
d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
|
|
62
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
|
|
63
|
+
d: "M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"
|
|
64
|
+
})]
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
function ImageBubble(param) {
|
|
68
|
+
var {
|
|
69
|
+
editor
|
|
70
|
+
} = param;
|
|
71
|
+
var {
|
|
72
|
+
knobProps
|
|
73
|
+
} = (0, import_theme.useResolvedKnobs)();
|
|
74
|
+
var [editing, setEditing] = (0, import_react.useState)(false);
|
|
75
|
+
var [altText, setAltText] = (0, import_react.useState)("");
|
|
76
|
+
var handleEdit = (0, import_react.useCallback)(function () {
|
|
77
|
+
if (!editor) return;
|
|
78
|
+
var attrs = editor.getAttributes("image");
|
|
79
|
+
setAltText(attrs.alt || "");
|
|
80
|
+
setEditing(true);
|
|
81
|
+
}, [editor]);
|
|
82
|
+
var handleSave = (0, import_react.useCallback)(function () {
|
|
83
|
+
if (!editor) return;
|
|
84
|
+
editor.chain().focus().updateAttributes("image", {
|
|
85
|
+
alt: altText
|
|
86
|
+
}).run();
|
|
87
|
+
setEditing(false);
|
|
88
|
+
}, [editor, altText]);
|
|
89
|
+
var handleDelete = (0, import_react.useCallback)(function () {
|
|
90
|
+
if (!editor) return;
|
|
91
|
+
editor.chain().focus().deleteSelection().run();
|
|
92
|
+
}, [editor]);
|
|
93
|
+
if (!editor) return null;
|
|
94
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menus.BubbleMenu, {
|
|
95
|
+
editor,
|
|
96
|
+
shouldShow: function shouldShow(param2) {
|
|
97
|
+
var {
|
|
98
|
+
editor: e
|
|
99
|
+
} = param2;
|
|
100
|
+
return e.isActive("image");
|
|
101
|
+
},
|
|
102
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
103
|
+
backgroundColor: "$background",
|
|
104
|
+
borderWidth: 1,
|
|
105
|
+
borderColor: "$borderColor",
|
|
106
|
+
borderRadius: knobProps.borderRadius.borderRadius,
|
|
107
|
+
padding: "$1.5",
|
|
108
|
+
gap: "$1.5",
|
|
109
|
+
alignItems: "center",
|
|
110
|
+
elevation: knobProps.elevation,
|
|
111
|
+
children: editing ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
112
|
+
gap: "$1.5",
|
|
113
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
|
|
114
|
+
fontSize: 12,
|
|
115
|
+
fontWeight: "600",
|
|
116
|
+
children: "Alt text"
|
|
117
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
|
|
118
|
+
size: "$2",
|
|
119
|
+
placeholder: "Describe this image...",
|
|
120
|
+
value: altText,
|
|
121
|
+
onChangeText: setAltText,
|
|
122
|
+
onSubmitEditing: handleSave,
|
|
123
|
+
autoFocus: true,
|
|
124
|
+
minWidth: 220
|
|
125
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
126
|
+
gap: "$1",
|
|
127
|
+
justifyContent: "flex-end",
|
|
128
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
|
|
129
|
+
size: "$2",
|
|
130
|
+
onPress: function onPress() {
|
|
131
|
+
return setEditing(false);
|
|
132
|
+
},
|
|
133
|
+
"aria-label": "Cancel",
|
|
134
|
+
children: "Cancel"
|
|
135
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
|
|
136
|
+
size: "$2",
|
|
137
|
+
theme: "active",
|
|
138
|
+
onPress: handleSave,
|
|
139
|
+
"aria-label": "Save alt text",
|
|
140
|
+
children: "Save"
|
|
141
|
+
})]
|
|
142
|
+
})]
|
|
143
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
144
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
|
|
145
|
+
fontSize: 12,
|
|
146
|
+
color: "$color10",
|
|
147
|
+
maxWidth: 200,
|
|
148
|
+
numberOfLines: 1,
|
|
149
|
+
children: editor.getAttributes("image").alt || "No alt text"
|
|
150
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
|
|
151
|
+
onPress: handleEdit,
|
|
152
|
+
"aria-label": "Edit alt text",
|
|
153
|
+
tooltip: "Edit alt text",
|
|
154
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(EditIcon, {})
|
|
155
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
|
|
156
|
+
onPress: handleDelete,
|
|
157
|
+
"aria-label": "Delete image",
|
|
158
|
+
tooltip: "Delete image",
|
|
159
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TrashIcon, {})
|
|
160
|
+
})]
|
|
161
|
+
})
|
|
162
|
+
})
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
//# sourceMappingURL=ImageBubble.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ImageBubble_exports","ImageBubble","module","exports","import_jsx_runtime","require","import_react","import_menus","import_theme","import_tamagui","import_forms","import_ToolbarButton","TrashIcon","jsxs","width","height","viewBox","fill","stroke","strokeWidth","children","jsx","points","d","EditIcon","param","editor","knobProps","useResolvedKnobs","editing","setEditing","useState","altText","setAltText","handleEdit","useCallback","attrs","getAttributes","alt","handleSave","chain","focus","updateAttributes","run","handleDelete","deleteSelection","BubbleMenu"],"sources":["../../../src/toolbar/ImageBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|