@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.
Files changed (450) hide show
  1. package/LICENSE +201 -0
  2. package/dist/cjs/RichEditor.cjs +132 -0
  3. package/dist/cjs/RichEditor.native.js +120 -0
  4. package/dist/cjs/RichEditor.native.js.map +1 -0
  5. package/dist/cjs/RichEditor.stories.cjs +327 -0
  6. package/dist/cjs/RichEditor.stories.native.js +342 -0
  7. package/dist/cjs/RichEditor.stories.native.js.map +1 -0
  8. package/dist/cjs/RichTextEditor/index.cjs +148 -0
  9. package/dist/cjs/RichTextEditor/index.native.js +160 -0
  10. package/dist/cjs/RichTextEditor/index.native.js.map +1 -0
  11. package/dist/cjs/constants.cjs +135 -0
  12. package/dist/cjs/constants.native.js +138 -0
  13. package/dist/cjs/constants.native.js.map +1 -0
  14. package/dist/cjs/context.cjs +33 -0
  15. package/dist/cjs/context.native.js +36 -0
  16. package/dist/cjs/context.native.js.map +1 -0
  17. package/dist/cjs/editor/BlockDragHandle.cjs +137 -0
  18. package/dist/cjs/editor/BlockDragHandle.native.js +142 -0
  19. package/dist/cjs/editor/BlockDragHandle.native.js.map +1 -0
  20. package/dist/cjs/editor/MarkdownPaste.cjs +65 -0
  21. package/dist/cjs/editor/MarkdownPaste.native.js +68 -0
  22. package/dist/cjs/editor/MarkdownPaste.native.js.map +1 -0
  23. package/dist/cjs/editor/SlashCommands.cjs +369 -0
  24. package/dist/cjs/editor/SlashCommands.native.js +424 -0
  25. package/dist/cjs/editor/SlashCommands.native.js.map +1 -0
  26. package/dist/cjs/editor/TentapEditor.native.js +242 -0
  27. package/dist/cjs/editor/TentapEditor.native.js.map +1 -0
  28. package/dist/cjs/editor/TiptapEditor.cjs +578 -0
  29. package/dist/cjs/editor/TiptapEditor.native.js +661 -0
  30. package/dist/cjs/editor/TiptapEditor.native.js.map +1 -0
  31. package/dist/cjs/editor/editorStyles.cjs +272 -0
  32. package/dist/cjs/editor/editorStyles.native.js +276 -0
  33. package/dist/cjs/editor/editorStyles.native.js.map +1 -0
  34. package/dist/cjs/editor/index.cjs +33 -0
  35. package/dist/cjs/editor/index.native.js +36 -0
  36. package/dist/cjs/editor/index.native.js.map +1 -0
  37. package/dist/cjs/editor/types.cjs +54 -0
  38. package/dist/cjs/editor/types.native.js +57 -0
  39. package/dist/cjs/editor/types.native.js.map +1 -0
  40. package/dist/cjs/editor/useEditorState.cjs +129 -0
  41. package/dist/cjs/editor/useEditorState.native.js +135 -0
  42. package/dist/cjs/editor/useEditorState.native.js.map +1 -0
  43. package/dist/cjs/index.cjs +30 -0
  44. package/dist/cjs/index.native.js +33 -0
  45. package/dist/cjs/index.native.js.map +1 -0
  46. package/dist/cjs/styled.cjs +173 -0
  47. package/dist/cjs/styled.native.js +185 -0
  48. package/dist/cjs/styled.native.js.map +1 -0
  49. package/dist/cjs/toolbar/BubbleToolbar.cjs +130 -0
  50. package/dist/cjs/toolbar/BubbleToolbar.native.js +159 -0
  51. package/dist/cjs/toolbar/BubbleToolbar.native.js.map +1 -0
  52. package/dist/cjs/toolbar/CodeBlockBubble.cjs +211 -0
  53. package/dist/cjs/toolbar/CodeBlockBubble.native.js +228 -0
  54. package/dist/cjs/toolbar/CodeBlockBubble.native.js.map +1 -0
  55. package/dist/cjs/toolbar/ColorPicker.cjs +217 -0
  56. package/dist/cjs/toolbar/ColorPicker.native.js +234 -0
  57. package/dist/cjs/toolbar/ColorPicker.native.js.map +1 -0
  58. package/dist/cjs/toolbar/FixedToolbar.cjs +221 -0
  59. package/dist/cjs/toolbar/FixedToolbar.native.js +322 -0
  60. package/dist/cjs/toolbar/FixedToolbar.native.js.map +1 -0
  61. package/dist/cjs/toolbar/HeadingPicker.cjs +158 -0
  62. package/dist/cjs/toolbar/HeadingPicker.native.js +167 -0
  63. package/dist/cjs/toolbar/HeadingPicker.native.js.map +1 -0
  64. package/dist/cjs/toolbar/ImageBubble.cjs +156 -0
  65. package/dist/cjs/toolbar/ImageBubble.native.js +165 -0
  66. package/dist/cjs/toolbar/ImageBubble.native.js.map +1 -0
  67. package/dist/cjs/toolbar/ImageDialog.cjs +115 -0
  68. package/dist/cjs/toolbar/ImageDialog.native.js +122 -0
  69. package/dist/cjs/toolbar/ImageDialog.native.js.map +1 -0
  70. package/dist/cjs/toolbar/LinkBubble.cjs +195 -0
  71. package/dist/cjs/toolbar/LinkBubble.native.js +204 -0
  72. package/dist/cjs/toolbar/LinkBubble.native.js.map +1 -0
  73. package/dist/cjs/toolbar/LinkDialog.cjs +138 -0
  74. package/dist/cjs/toolbar/LinkDialog.native.js +146 -0
  75. package/dist/cjs/toolbar/LinkDialog.native.js.map +1 -0
  76. package/dist/cjs/toolbar/ListPicker.cjs +117 -0
  77. package/dist/cjs/toolbar/ListPicker.native.js +124 -0
  78. package/dist/cjs/toolbar/ListPicker.native.js.map +1 -0
  79. package/dist/cjs/toolbar/MoreDropdown.cjs +201 -0
  80. package/dist/cjs/toolbar/MoreDropdown.native.js +224 -0
  81. package/dist/cjs/toolbar/MoreDropdown.native.js.map +1 -0
  82. package/dist/cjs/toolbar/ResizeHandle.cjs +105 -0
  83. package/dist/cjs/toolbar/ResizeHandle.native.js +109 -0
  84. package/dist/cjs/toolbar/ResizeHandle.native.js.map +1 -0
  85. package/dist/cjs/toolbar/StatusBar.cjs +91 -0
  86. package/dist/cjs/toolbar/StatusBar.native.js +100 -0
  87. package/dist/cjs/toolbar/StatusBar.native.js.map +1 -0
  88. package/dist/cjs/toolbar/TableBubble.cjs +232 -0
  89. package/dist/cjs/toolbar/TableBubble.native.js +273 -0
  90. package/dist/cjs/toolbar/TableBubble.native.js.map +1 -0
  91. package/dist/cjs/toolbar/ToolbarButton.cjs +105 -0
  92. package/dist/cjs/toolbar/ToolbarButton.native.js +97 -0
  93. package/dist/cjs/toolbar/ToolbarButton.native.js.map +1 -0
  94. package/dist/cjs/toolbar/ToolbarGroup.cjs +41 -0
  95. package/dist/cjs/toolbar/ToolbarGroup.native.js +45 -0
  96. package/dist/cjs/toolbar/ToolbarGroup.native.js.map +1 -0
  97. package/dist/cjs/toolbar/icons.cjs +601 -0
  98. package/dist/cjs/toolbar/icons.native.js +165 -0
  99. package/dist/cjs/toolbar/icons.native.js.map +1 -0
  100. package/dist/cjs/toolbar/shortcuts.cjs +62 -0
  101. package/dist/cjs/toolbar/shortcuts.native.js +66 -0
  102. package/dist/cjs/toolbar/shortcuts.native.js.map +1 -0
  103. package/dist/cjs/toolbar/useHorizontalScroll.cjs +250 -0
  104. package/dist/cjs/toolbar/useHorizontalScroll.native.js +260 -0
  105. package/dist/cjs/toolbar/useHorizontalScroll.native.js.map +1 -0
  106. package/dist/cjs/types.cjs +56 -0
  107. package/dist/cjs/types.native.js +59 -0
  108. package/dist/cjs/types.native.js.map +1 -0
  109. package/dist/esm/RichEditor.mjs +107 -0
  110. package/dist/esm/RichEditor.mjs.map +1 -0
  111. package/dist/esm/RichEditor.native.js +92 -0
  112. package/dist/esm/RichEditor.native.js.map +1 -0
  113. package/dist/esm/RichEditor.stories.mjs +291 -0
  114. package/dist/esm/RichEditor.stories.mjs.map +1 -0
  115. package/dist/esm/RichEditor.stories.native.js +303 -0
  116. package/dist/esm/RichEditor.stories.native.js.map +1 -0
  117. package/dist/esm/RichTextEditor/index.mjs +123 -0
  118. package/dist/esm/RichTextEditor/index.mjs.map +1 -0
  119. package/dist/esm/RichTextEditor/index.native.js +132 -0
  120. package/dist/esm/RichTextEditor/index.native.js.map +1 -0
  121. package/dist/esm/constants.mjs +108 -0
  122. package/dist/esm/constants.mjs.map +1 -0
  123. package/dist/esm/constants.native.js +108 -0
  124. package/dist/esm/constants.native.js.map +1 -0
  125. package/dist/esm/context.mjs +8 -0
  126. package/dist/esm/context.mjs.map +1 -0
  127. package/dist/esm/context.native.js +8 -0
  128. package/dist/esm/context.native.js.map +1 -0
  129. package/dist/esm/editor/BlockDragHandle.mjs +112 -0
  130. package/dist/esm/editor/BlockDragHandle.mjs.map +1 -0
  131. package/dist/esm/editor/BlockDragHandle.native.js +114 -0
  132. package/dist/esm/editor/BlockDragHandle.native.js.map +1 -0
  133. package/dist/esm/editor/MarkdownPaste.mjs +40 -0
  134. package/dist/esm/editor/MarkdownPaste.mjs.map +1 -0
  135. package/dist/esm/editor/MarkdownPaste.native.js +40 -0
  136. package/dist/esm/editor/MarkdownPaste.native.js.map +1 -0
  137. package/dist/esm/editor/SlashCommands.mjs +333 -0
  138. package/dist/esm/editor/SlashCommands.mjs.map +1 -0
  139. package/dist/esm/editor/SlashCommands.native.js +385 -0
  140. package/dist/esm/editor/SlashCommands.native.js.map +1 -0
  141. package/dist/esm/editor/TentapEditor.native.js +214 -0
  142. package/dist/esm/editor/TentapEditor.native.js.map +1 -0
  143. package/dist/esm/editor/TiptapEditor.mjs +542 -0
  144. package/dist/esm/editor/TiptapEditor.mjs.map +1 -0
  145. package/dist/esm/editor/TiptapEditor.native.js +622 -0
  146. package/dist/esm/editor/TiptapEditor.native.js.map +1 -0
  147. package/dist/esm/editor/editorStyles.mjs +247 -0
  148. package/dist/esm/editor/editorStyles.mjs.map +1 -0
  149. package/dist/esm/editor/editorStyles.native.js +248 -0
  150. package/dist/esm/editor/editorStyles.native.js.map +1 -0
  151. package/dist/esm/editor/index.mjs +5 -0
  152. package/dist/esm/editor/index.mjs.map +1 -0
  153. package/dist/esm/editor/index.native.js +5 -0
  154. package/dist/esm/editor/index.native.js.map +1 -0
  155. package/dist/esm/editor/types.mjs +29 -0
  156. package/dist/esm/editor/types.mjs.map +1 -0
  157. package/dist/esm/editor/types.native.js +29 -0
  158. package/dist/esm/editor/types.native.js.map +1 -0
  159. package/dist/esm/editor/useEditorState.mjs +102 -0
  160. package/dist/esm/editor/useEditorState.mjs.map +1 -0
  161. package/dist/esm/editor/useEditorState.native.js +105 -0
  162. package/dist/esm/editor/useEditorState.native.js.map +1 -0
  163. package/dist/esm/index.mjs +4 -0
  164. package/dist/esm/index.mjs.map +1 -0
  165. package/dist/esm/index.native.js +4 -0
  166. package/dist/esm/index.native.js.map +1 -0
  167. package/dist/esm/styled.mjs +144 -0
  168. package/dist/esm/styled.mjs.map +1 -0
  169. package/dist/esm/styled.native.js +153 -0
  170. package/dist/esm/styled.native.js.map +1 -0
  171. package/dist/esm/toolbar/BubbleToolbar.mjs +105 -0
  172. package/dist/esm/toolbar/BubbleToolbar.mjs.map +1 -0
  173. package/dist/esm/toolbar/BubbleToolbar.native.js +131 -0
  174. package/dist/esm/toolbar/BubbleToolbar.native.js.map +1 -0
  175. package/dist/esm/toolbar/CodeBlockBubble.mjs +186 -0
  176. package/dist/esm/toolbar/CodeBlockBubble.mjs.map +1 -0
  177. package/dist/esm/toolbar/CodeBlockBubble.native.js +200 -0
  178. package/dist/esm/toolbar/CodeBlockBubble.native.js.map +1 -0
  179. package/dist/esm/toolbar/ColorPicker.mjs +191 -0
  180. package/dist/esm/toolbar/ColorPicker.mjs.map +1 -0
  181. package/dist/esm/toolbar/ColorPicker.native.js +205 -0
  182. package/dist/esm/toolbar/ColorPicker.native.js.map +1 -0
  183. package/dist/esm/toolbar/FixedToolbar.mjs +196 -0
  184. package/dist/esm/toolbar/FixedToolbar.mjs.map +1 -0
  185. package/dist/esm/toolbar/FixedToolbar.native.js +294 -0
  186. package/dist/esm/toolbar/FixedToolbar.native.js.map +1 -0
  187. package/dist/esm/toolbar/HeadingPicker.mjs +133 -0
  188. package/dist/esm/toolbar/HeadingPicker.mjs.map +1 -0
  189. package/dist/esm/toolbar/HeadingPicker.native.js +139 -0
  190. package/dist/esm/toolbar/HeadingPicker.native.js.map +1 -0
  191. package/dist/esm/toolbar/ImageBubble.mjs +131 -0
  192. package/dist/esm/toolbar/ImageBubble.mjs.map +1 -0
  193. package/dist/esm/toolbar/ImageBubble.native.js +137 -0
  194. package/dist/esm/toolbar/ImageBubble.native.js.map +1 -0
  195. package/dist/esm/toolbar/ImageDialog.mjs +90 -0
  196. package/dist/esm/toolbar/ImageDialog.mjs.map +1 -0
  197. package/dist/esm/toolbar/ImageDialog.native.js +94 -0
  198. package/dist/esm/toolbar/ImageDialog.native.js.map +1 -0
  199. package/dist/esm/toolbar/LinkBubble.mjs +170 -0
  200. package/dist/esm/toolbar/LinkBubble.mjs.map +1 -0
  201. package/dist/esm/toolbar/LinkBubble.native.js +176 -0
  202. package/dist/esm/toolbar/LinkBubble.native.js.map +1 -0
  203. package/dist/esm/toolbar/LinkDialog.mjs +112 -0
  204. package/dist/esm/toolbar/LinkDialog.mjs.map +1 -0
  205. package/dist/esm/toolbar/LinkDialog.native.js +117 -0
  206. package/dist/esm/toolbar/LinkDialog.native.js.map +1 -0
  207. package/dist/esm/toolbar/ListPicker.mjs +92 -0
  208. package/dist/esm/toolbar/ListPicker.mjs.map +1 -0
  209. package/dist/esm/toolbar/ListPicker.native.js +96 -0
  210. package/dist/esm/toolbar/ListPicker.native.js.map +1 -0
  211. package/dist/esm/toolbar/MoreDropdown.mjs +176 -0
  212. package/dist/esm/toolbar/MoreDropdown.mjs.map +1 -0
  213. package/dist/esm/toolbar/MoreDropdown.native.js +196 -0
  214. package/dist/esm/toolbar/MoreDropdown.native.js.map +1 -0
  215. package/dist/esm/toolbar/ResizeHandle.mjs +80 -0
  216. package/dist/esm/toolbar/ResizeHandle.mjs.map +1 -0
  217. package/dist/esm/toolbar/ResizeHandle.native.js +81 -0
  218. package/dist/esm/toolbar/ResizeHandle.native.js.map +1 -0
  219. package/dist/esm/toolbar/StatusBar.mjs +66 -0
  220. package/dist/esm/toolbar/StatusBar.mjs.map +1 -0
  221. package/dist/esm/toolbar/StatusBar.native.js +72 -0
  222. package/dist/esm/toolbar/StatusBar.native.js.map +1 -0
  223. package/dist/esm/toolbar/TableBubble.mjs +207 -0
  224. package/dist/esm/toolbar/TableBubble.mjs.map +1 -0
  225. package/dist/esm/toolbar/TableBubble.native.js +245 -0
  226. package/dist/esm/toolbar/TableBubble.native.js.map +1 -0
  227. package/dist/esm/toolbar/ToolbarButton.mjs +79 -0
  228. package/dist/esm/toolbar/ToolbarButton.mjs.map +1 -0
  229. package/dist/esm/toolbar/ToolbarButton.native.js +68 -0
  230. package/dist/esm/toolbar/ToolbarButton.native.js.map +1 -0
  231. package/dist/esm/toolbar/ToolbarGroup.mjs +16 -0
  232. package/dist/esm/toolbar/ToolbarGroup.mjs.map +1 -0
  233. package/dist/esm/toolbar/ToolbarGroup.native.js +17 -0
  234. package/dist/esm/toolbar/ToolbarGroup.native.js.map +1 -0
  235. package/dist/esm/toolbar/icons.mjs +554 -0
  236. package/dist/esm/toolbar/icons.mjs.map +1 -0
  237. package/dist/esm/toolbar/icons.native.js +115 -0
  238. package/dist/esm/toolbar/icons.native.js.map +1 -0
  239. package/dist/esm/toolbar/shortcuts.mjs +36 -0
  240. package/dist/esm/toolbar/shortcuts.mjs.map +1 -0
  241. package/dist/esm/toolbar/shortcuts.native.js +37 -0
  242. package/dist/esm/toolbar/shortcuts.native.js.map +1 -0
  243. package/dist/esm/toolbar/useHorizontalScroll.mjs +223 -0
  244. package/dist/esm/toolbar/useHorizontalScroll.mjs.map +1 -0
  245. package/dist/esm/toolbar/useHorizontalScroll.native.js +230 -0
  246. package/dist/esm/toolbar/useHorizontalScroll.native.js.map +1 -0
  247. package/dist/esm/types.mjs +31 -0
  248. package/dist/esm/types.mjs.map +1 -0
  249. package/dist/esm/types.native.js +31 -0
  250. package/dist/esm/types.native.js.map +1 -0
  251. package/dist/jsx/RichEditor.mjs +107 -0
  252. package/dist/jsx/RichEditor.mjs.map +1 -0
  253. package/dist/jsx/RichEditor.native.js +120 -0
  254. package/dist/jsx/RichEditor.native.js.map +1 -0
  255. package/dist/jsx/RichEditor.stories.mjs +291 -0
  256. package/dist/jsx/RichEditor.stories.mjs.map +1 -0
  257. package/dist/jsx/RichEditor.stories.native.js +342 -0
  258. package/dist/jsx/RichEditor.stories.native.js.map +1 -0
  259. package/dist/jsx/RichTextEditor/index.mjs +123 -0
  260. package/dist/jsx/RichTextEditor/index.mjs.map +1 -0
  261. package/dist/jsx/RichTextEditor/index.native.js +160 -0
  262. package/dist/jsx/RichTextEditor/index.native.js.map +1 -0
  263. package/dist/jsx/constants.mjs +108 -0
  264. package/dist/jsx/constants.mjs.map +1 -0
  265. package/dist/jsx/constants.native.js +138 -0
  266. package/dist/jsx/constants.native.js.map +1 -0
  267. package/dist/jsx/context.mjs +8 -0
  268. package/dist/jsx/context.mjs.map +1 -0
  269. package/dist/jsx/context.native.js +36 -0
  270. package/dist/jsx/context.native.js.map +1 -0
  271. package/dist/jsx/editor/BlockDragHandle.mjs +112 -0
  272. package/dist/jsx/editor/BlockDragHandle.mjs.map +1 -0
  273. package/dist/jsx/editor/BlockDragHandle.native.js +142 -0
  274. package/dist/jsx/editor/BlockDragHandle.native.js.map +1 -0
  275. package/dist/jsx/editor/MarkdownPaste.mjs +40 -0
  276. package/dist/jsx/editor/MarkdownPaste.mjs.map +1 -0
  277. package/dist/jsx/editor/MarkdownPaste.native.js +68 -0
  278. package/dist/jsx/editor/MarkdownPaste.native.js.map +1 -0
  279. package/dist/jsx/editor/SlashCommands.mjs +333 -0
  280. package/dist/jsx/editor/SlashCommands.mjs.map +1 -0
  281. package/dist/jsx/editor/SlashCommands.native.js +424 -0
  282. package/dist/jsx/editor/SlashCommands.native.js.map +1 -0
  283. package/dist/jsx/editor/TentapEditor.native.js +242 -0
  284. package/dist/jsx/editor/TentapEditor.native.js.map +1 -0
  285. package/dist/jsx/editor/TiptapEditor.mjs +542 -0
  286. package/dist/jsx/editor/TiptapEditor.mjs.map +1 -0
  287. package/dist/jsx/editor/TiptapEditor.native.js +661 -0
  288. package/dist/jsx/editor/TiptapEditor.native.js.map +1 -0
  289. package/dist/jsx/editor/editorStyles.mjs +247 -0
  290. package/dist/jsx/editor/editorStyles.mjs.map +1 -0
  291. package/dist/jsx/editor/editorStyles.native.js +276 -0
  292. package/dist/jsx/editor/editorStyles.native.js.map +1 -0
  293. package/dist/jsx/editor/index.mjs +5 -0
  294. package/dist/jsx/editor/index.mjs.map +1 -0
  295. package/dist/jsx/editor/index.native.js +36 -0
  296. package/dist/jsx/editor/index.native.js.map +1 -0
  297. package/dist/jsx/editor/types.mjs +29 -0
  298. package/dist/jsx/editor/types.mjs.map +1 -0
  299. package/dist/jsx/editor/types.native.js +57 -0
  300. package/dist/jsx/editor/types.native.js.map +1 -0
  301. package/dist/jsx/editor/useEditorState.mjs +102 -0
  302. package/dist/jsx/editor/useEditorState.mjs.map +1 -0
  303. package/dist/jsx/editor/useEditorState.native.js +135 -0
  304. package/dist/jsx/editor/useEditorState.native.js.map +1 -0
  305. package/dist/jsx/index.js +4 -0
  306. package/dist/jsx/index.js.map +1 -0
  307. package/dist/jsx/index.mjs +4 -0
  308. package/dist/jsx/index.mjs.map +1 -0
  309. package/dist/jsx/index.native.js +33 -0
  310. package/dist/jsx/index.native.js.map +1 -0
  311. package/dist/jsx/styled.mjs +144 -0
  312. package/dist/jsx/styled.mjs.map +1 -0
  313. package/dist/jsx/styled.native.js +185 -0
  314. package/dist/jsx/styled.native.js.map +1 -0
  315. package/dist/jsx/toolbar/BubbleToolbar.mjs +105 -0
  316. package/dist/jsx/toolbar/BubbleToolbar.mjs.map +1 -0
  317. package/dist/jsx/toolbar/BubbleToolbar.native.js +159 -0
  318. package/dist/jsx/toolbar/BubbleToolbar.native.js.map +1 -0
  319. package/dist/jsx/toolbar/CodeBlockBubble.mjs +186 -0
  320. package/dist/jsx/toolbar/CodeBlockBubble.mjs.map +1 -0
  321. package/dist/jsx/toolbar/CodeBlockBubble.native.js +228 -0
  322. package/dist/jsx/toolbar/CodeBlockBubble.native.js.map +1 -0
  323. package/dist/jsx/toolbar/ColorPicker.mjs +191 -0
  324. package/dist/jsx/toolbar/ColorPicker.mjs.map +1 -0
  325. package/dist/jsx/toolbar/ColorPicker.native.js +234 -0
  326. package/dist/jsx/toolbar/ColorPicker.native.js.map +1 -0
  327. package/dist/jsx/toolbar/FixedToolbar.mjs +196 -0
  328. package/dist/jsx/toolbar/FixedToolbar.mjs.map +1 -0
  329. package/dist/jsx/toolbar/FixedToolbar.native.js +322 -0
  330. package/dist/jsx/toolbar/FixedToolbar.native.js.map +1 -0
  331. package/dist/jsx/toolbar/HeadingPicker.mjs +133 -0
  332. package/dist/jsx/toolbar/HeadingPicker.mjs.map +1 -0
  333. package/dist/jsx/toolbar/HeadingPicker.native.js +167 -0
  334. package/dist/jsx/toolbar/HeadingPicker.native.js.map +1 -0
  335. package/dist/jsx/toolbar/ImageBubble.mjs +131 -0
  336. package/dist/jsx/toolbar/ImageBubble.mjs.map +1 -0
  337. package/dist/jsx/toolbar/ImageBubble.native.js +165 -0
  338. package/dist/jsx/toolbar/ImageBubble.native.js.map +1 -0
  339. package/dist/jsx/toolbar/ImageDialog.mjs +90 -0
  340. package/dist/jsx/toolbar/ImageDialog.mjs.map +1 -0
  341. package/dist/jsx/toolbar/ImageDialog.native.js +122 -0
  342. package/dist/jsx/toolbar/ImageDialog.native.js.map +1 -0
  343. package/dist/jsx/toolbar/LinkBubble.mjs +170 -0
  344. package/dist/jsx/toolbar/LinkBubble.mjs.map +1 -0
  345. package/dist/jsx/toolbar/LinkBubble.native.js +204 -0
  346. package/dist/jsx/toolbar/LinkBubble.native.js.map +1 -0
  347. package/dist/jsx/toolbar/LinkDialog.mjs +112 -0
  348. package/dist/jsx/toolbar/LinkDialog.mjs.map +1 -0
  349. package/dist/jsx/toolbar/LinkDialog.native.js +146 -0
  350. package/dist/jsx/toolbar/LinkDialog.native.js.map +1 -0
  351. package/dist/jsx/toolbar/ListPicker.mjs +92 -0
  352. package/dist/jsx/toolbar/ListPicker.mjs.map +1 -0
  353. package/dist/jsx/toolbar/ListPicker.native.js +124 -0
  354. package/dist/jsx/toolbar/ListPicker.native.js.map +1 -0
  355. package/dist/jsx/toolbar/MoreDropdown.mjs +176 -0
  356. package/dist/jsx/toolbar/MoreDropdown.mjs.map +1 -0
  357. package/dist/jsx/toolbar/MoreDropdown.native.js +224 -0
  358. package/dist/jsx/toolbar/MoreDropdown.native.js.map +1 -0
  359. package/dist/jsx/toolbar/ResizeHandle.mjs +80 -0
  360. package/dist/jsx/toolbar/ResizeHandle.mjs.map +1 -0
  361. package/dist/jsx/toolbar/ResizeHandle.native.js +109 -0
  362. package/dist/jsx/toolbar/ResizeHandle.native.js.map +1 -0
  363. package/dist/jsx/toolbar/StatusBar.mjs +66 -0
  364. package/dist/jsx/toolbar/StatusBar.mjs.map +1 -0
  365. package/dist/jsx/toolbar/StatusBar.native.js +100 -0
  366. package/dist/jsx/toolbar/StatusBar.native.js.map +1 -0
  367. package/dist/jsx/toolbar/TableBubble.mjs +207 -0
  368. package/dist/jsx/toolbar/TableBubble.mjs.map +1 -0
  369. package/dist/jsx/toolbar/TableBubble.native.js +273 -0
  370. package/dist/jsx/toolbar/TableBubble.native.js.map +1 -0
  371. package/dist/jsx/toolbar/ToolbarButton.mjs +79 -0
  372. package/dist/jsx/toolbar/ToolbarButton.mjs.map +1 -0
  373. package/dist/jsx/toolbar/ToolbarButton.native.js +97 -0
  374. package/dist/jsx/toolbar/ToolbarButton.native.js.map +1 -0
  375. package/dist/jsx/toolbar/ToolbarGroup.mjs +16 -0
  376. package/dist/jsx/toolbar/ToolbarGroup.mjs.map +1 -0
  377. package/dist/jsx/toolbar/ToolbarGroup.native.js +45 -0
  378. package/dist/jsx/toolbar/ToolbarGroup.native.js.map +1 -0
  379. package/dist/jsx/toolbar/icons.mjs +554 -0
  380. package/dist/jsx/toolbar/icons.mjs.map +1 -0
  381. package/dist/jsx/toolbar/icons.native.js +165 -0
  382. package/dist/jsx/toolbar/icons.native.js.map +1 -0
  383. package/dist/jsx/toolbar/shortcuts.mjs +36 -0
  384. package/dist/jsx/toolbar/shortcuts.mjs.map +1 -0
  385. package/dist/jsx/toolbar/shortcuts.native.js +66 -0
  386. package/dist/jsx/toolbar/shortcuts.native.js.map +1 -0
  387. package/dist/jsx/toolbar/useHorizontalScroll.mjs +223 -0
  388. package/dist/jsx/toolbar/useHorizontalScroll.mjs.map +1 -0
  389. package/dist/jsx/toolbar/useHorizontalScroll.native.js +260 -0
  390. package/dist/jsx/toolbar/useHorizontalScroll.native.js.map +1 -0
  391. package/dist/jsx/types.mjs +31 -0
  392. package/dist/jsx/types.mjs.map +1 -0
  393. package/dist/jsx/types.native.js +59 -0
  394. package/dist/jsx/types.native.js.map +1 -0
  395. package/package.json +117 -0
  396. package/src/RichEditor.native.tsx +161 -0
  397. package/src/RichEditor.stories.tsx +324 -0
  398. package/src/RichEditor.tsx +185 -0
  399. package/src/RichTextEditor/index.tsx +245 -0
  400. package/src/RichTextEditor/richTextEditor.spec.tsx +239 -0
  401. package/src/constants.ts +100 -0
  402. package/src/context.spec.ts +9 -0
  403. package/src/context.ts +16 -0
  404. package/src/editor/BlockDragHandle.ts +141 -0
  405. package/src/editor/MarkdownPaste.ts +50 -0
  406. package/src/editor/SlashCommands.tsx +357 -0
  407. package/src/editor/TentapEditor.native.tsx +269 -0
  408. package/src/editor/TiptapEditor.tsx +616 -0
  409. package/src/editor/editorStyles.spec.ts +24 -0
  410. package/src/editor/editorStyles.ts +260 -0
  411. package/src/editor/index.ts +10 -0
  412. package/src/editor/tentapEditor.spec.ts +125 -0
  413. package/src/editor/tiptapEditor.spec.tsx +169 -0
  414. package/src/editor/types.ts +142 -0
  415. package/src/editor/useEditorState.spec.ts +93 -0
  416. package/src/editor/useEditorState.ts +125 -0
  417. package/src/exports.spec.ts +128 -0
  418. package/src/index.ts +13 -0
  419. package/src/integration.spec.tsx +430 -0
  420. package/src/richEditor.spec.tsx +169 -0
  421. package/src/styled.spec.tsx +42 -0
  422. package/src/styled.ts +177 -0
  423. package/src/toolbar/BubbleToolbar.tsx +151 -0
  424. package/src/toolbar/CodeBlockBubble.tsx +141 -0
  425. package/src/toolbar/ColorPicker.tsx +211 -0
  426. package/src/toolbar/FixedToolbar.native.tsx +381 -0
  427. package/src/toolbar/FixedToolbar.tsx +252 -0
  428. package/src/toolbar/HeadingPicker.tsx +169 -0
  429. package/src/toolbar/ImageBubble.tsx +126 -0
  430. package/src/toolbar/ImageDialog.tsx +93 -0
  431. package/src/toolbar/LinkBubble.tsx +166 -0
  432. package/src/toolbar/LinkDialog.tsx +124 -0
  433. package/src/toolbar/ListPicker.tsx +121 -0
  434. package/src/toolbar/MoreDropdown.tsx +185 -0
  435. package/src/toolbar/ResizeHandle.tsx +80 -0
  436. package/src/toolbar/StatusBar.tsx +76 -0
  437. package/src/toolbar/TableBubble.tsx +197 -0
  438. package/src/toolbar/ToolbarButton.native.tsx +105 -0
  439. package/src/toolbar/ToolbarButton.tsx +114 -0
  440. package/src/toolbar/ToolbarGroup.tsx +38 -0
  441. package/src/toolbar/bubbleToolbar.spec.tsx +93 -0
  442. package/src/toolbar/fixedToolbar.spec.tsx +127 -0
  443. package/src/toolbar/icons.native.tsx +112 -0
  444. package/src/toolbar/icons.tsx +417 -0
  445. package/src/toolbar/shortcuts.ts +42 -0
  446. package/src/toolbar/toolbarPrimitives.spec.tsx +118 -0
  447. package/src/toolbar/toolbarSubComponents.spec.tsx +115 -0
  448. package/src/toolbar/useHorizontalScroll.tsx +270 -0
  449. package/src/types.spec.ts +102 -0
  450. 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":[]}