@quadrats/react 0.6.7 → 0.7.1

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 (334) hide show
  1. package/_internal/index.cjs.js +42 -44
  2. package/_internal/renderer/composeRenderElementsBase.js +10 -10
  3. package/_internal/renderer/composeRenderLeafsBase.js +8 -8
  4. package/_internal/renderer/createRenderElementBase.js +6 -6
  5. package/_internal/renderer/createRenderElementsBase.js +8 -8
  6. package/_internal/renderer/createRenderMarkBase.js +10 -10
  7. package/blockquote/constants.js +5 -5
  8. package/blockquote/createReactBlockquote.d.ts +1 -1
  9. package/blockquote/createReactBlockquote.js +58 -58
  10. package/blockquote/defaultRenderBlockquoteElement.d.ts +2 -2
  11. package/blockquote/index.cjs.js +64 -71
  12. package/blockquote/jsx-serializer/createJsxSerializeBlockquote.d.ts +2 -2
  13. package/blockquote/jsx-serializer/createJsxSerializeBlockquote.js +3 -3
  14. package/blockquote/jsx-serializer/index.cjs.js +3 -5
  15. package/blockquote/jsx-serializer/typings.d.ts +1 -1
  16. package/blockquote/toolbar/BlockquoteToolbarIcon.d.ts +2 -2
  17. package/blockquote/toolbar/BlockquoteToolbarIcon.js +4 -4
  18. package/blockquote/toolbar/index.cjs.js +10 -16
  19. package/blockquote/toolbar/useBlockquoteTool.js +6 -6
  20. package/blockquote/typings.d.ts +1 -1
  21. package/bold/constants.js +5 -5
  22. package/bold/createReactBold.d.ts +1 -1
  23. package/bold/createReactBold.js +3 -3
  24. package/bold/defaultRenderBold.d.ts +2 -2
  25. package/bold/defaultRenderBold.js +1 -1
  26. package/bold/index.cjs.js +9 -15
  27. package/bold/jsx-serializer/createJsxSerializeBold.js +3 -3
  28. package/bold/jsx-serializer/index.cjs.js +3 -5
  29. package/components/Icon/index.d.ts +1 -1
  30. package/components/Icon/index.js +15 -15
  31. package/components/Portal/index.d.ts +1 -0
  32. package/components/Portal/index.js +3 -3
  33. package/components/Progress/index.js +10 -10
  34. package/components/Tooltip/calculatePosition.js +66 -66
  35. package/components/Tooltip/index.d.ts +2 -2
  36. package/components/Tooltip/index.js +109 -109
  37. package/components/Tooltip/typings.d.ts +4 -4
  38. package/components/index.cjs.js +203 -211
  39. package/configs/ConfigsProvider.d.ts +2 -2
  40. package/configs/ConfigsProvider.js +7 -7
  41. package/configs/index.cjs.js +38 -44
  42. package/configs/locale.js +3 -3
  43. package/configs/theme.js +28 -28
  44. package/core/components/DefaultElement.d.ts +2 -2
  45. package/core/components/DefaultLeaf.d.ts +2 -2
  46. package/core/components/Editable.d.ts +3 -3
  47. package/core/components/Editable.js +41 -42
  48. package/core/components/Quadrats.d.ts +3 -3
  49. package/core/components/Quadrats.js +7 -7
  50. package/core/composeHandlers.js +30 -30
  51. package/core/composeRenderElements.d.ts +1 -1
  52. package/core/composeRenderElements.js +5 -5
  53. package/core/composeRenderLeafs.js +5 -5
  54. package/core/createReactEditor.js +2 -2
  55. package/core/createRenderElement.d.ts +1 -1
  56. package/core/createRenderElement.js +2 -2
  57. package/core/createRenderElements.d.ts +1 -1
  58. package/core/createRenderElements.js +2 -2
  59. package/core/createRenderMark.js +2 -2
  60. package/core/index.d.ts +6 -4
  61. package/core/index.js +11 -0
  62. package/core/typings/descendant.d.ts +1 -1
  63. package/core/typings/handler.d.ts +7 -7
  64. package/core/typings/renderer.d.ts +5 -5
  65. package/core/typings/with.d.ts +2 -2
  66. package/divider/createReactDivider.d.ts +1 -1
  67. package/divider/createReactDivider.js +4 -4
  68. package/divider/defaultRenderDividerElement.d.ts +2 -2
  69. package/divider/defaultRenderDividerElement.js +2 -2
  70. package/divider/index.cjs.js +6 -12
  71. package/divider/jsx-serializer/createJsxSerializeDivider.d.ts +2 -2
  72. package/divider/jsx-serializer/createJsxSerializeDivider.js +3 -3
  73. package/divider/jsx-serializer/defaultRenderDividerElement.d.ts +2 -2
  74. package/divider/jsx-serializer/index.cjs.js +4 -10
  75. package/divider/jsx-serializer/typings.d.ts +1 -1
  76. package/divider/toolbar/DividerToolbarIcon.d.ts +2 -2
  77. package/divider/toolbar/DividerToolbarIcon.js +4 -4
  78. package/divider/toolbar/index.cjs.js +9 -15
  79. package/divider/toolbar/useDividerTool.js +5 -5
  80. package/divider/typings.d.ts +1 -1
  81. package/embed/components/VideoIframe.d.ts +2 -2
  82. package/embed/components/VideoIframe.js +8 -8
  83. package/embed/createReactEmbed.d.ts +1 -1
  84. package/embed/createReactEmbed.js +7 -7
  85. package/embed/createRenderEmbedElementBase.js +9 -9
  86. package/embed/hooks/useVideoIframeSize.js +19 -19
  87. package/embed/index.cjs.js +43 -49
  88. package/embed/jsx-serializer/createJsxSerializeEmbed.d.ts +1 -1
  89. package/embed/jsx-serializer/createJsxSerializeEmbed.js +6 -6
  90. package/embed/jsx-serializer/facebook/index.cjs.js +2 -4
  91. package/embed/jsx-serializer/index.cjs.js +6 -8
  92. package/embed/jsx-serializer/instagram/index.cjs.js +2 -4
  93. package/embed/jsx-serializer/twitter/index.cjs.js +2 -4
  94. package/embed/jsx-serializer/vimeo/index.cjs.js +2 -4
  95. package/embed/jsx-serializer/youtube/index.cjs.js +2 -4
  96. package/embed/renderers/facebook/components/Facebook.d.ts +2 -2
  97. package/embed/renderers/facebook/components/Facebook.js +11 -11
  98. package/embed/renderers/facebook/defaultRenderFacebookEmbedElement.d.ts +2 -2
  99. package/embed/renderers/facebook/index.cjs.js +12 -18
  100. package/embed/renderers/instagram/components/Instagram.d.ts +2 -2
  101. package/embed/renderers/instagram/components/Instagram.js +18 -18
  102. package/embed/renderers/instagram/defaultRenderInstagramEmbedElement.d.ts +2 -2
  103. package/embed/renderers/instagram/hooks/useLoadInstagramEmbedApi.js +22 -22
  104. package/embed/renderers/instagram/index.cjs.js +41 -47
  105. package/embed/renderers/podcast-apple/components/PodcastApple.d.ts +2 -2
  106. package/embed/renderers/podcast-apple/components/PodcastApple.js +6 -6
  107. package/embed/renderers/podcast-apple/defaultRenderPodcastAppleEmbedElement.d.ts +2 -2
  108. package/embed/renderers/podcast-apple/index.cjs.js +7 -13
  109. package/embed/renderers/spotify/components/Spotify.d.ts +2 -2
  110. package/embed/renderers/spotify/components/Spotify.js +10 -10
  111. package/embed/renderers/spotify/defaultRenderSpotifyEmbedElement.d.ts +2 -2
  112. package/embed/renderers/spotify/index.cjs.js +11 -17
  113. package/embed/renderers/twitter/components/Twitter.d.ts +2 -2
  114. package/embed/renderers/twitter/components/Twitter.js +5 -5
  115. package/embed/renderers/twitter/defaultRenderTwitterEmbedElement.d.ts +2 -2
  116. package/embed/renderers/twitter/hooks/useLoadTwitterEmbedApi.js +28 -28
  117. package/embed/renderers/twitter/index.cjs.js +34 -40
  118. package/embed/renderers/vimeo/defaultRenderVimeoEmbedElement.d.ts +2 -2
  119. package/embed/renderers/vimeo/index.cjs.js +1 -7
  120. package/embed/renderers/youtube/defaultRenderYoutubeEmbedElement.d.ts +2 -2
  121. package/embed/renderers/youtube/index.cjs.js +1 -7
  122. package/embed/toolbar/EmbedToolbarIcon.d.ts +2 -2
  123. package/embed/toolbar/EmbedToolbarIcon.js +4 -4
  124. package/embed/toolbar/index.cjs.js +16 -22
  125. package/embed/toolbar/useEmbedTool.js +12 -12
  126. package/embed/typings.d.ts +1 -1
  127. package/file-uploader/components/FileUploader.d.ts +2 -2
  128. package/file-uploader/components/FileUploader.js +7 -7
  129. package/file-uploader/createReactFileUploader.js +7 -7
  130. package/file-uploader/hooks/useFileUploader.js +7 -7
  131. package/file-uploader/index.cjs.js +22 -28
  132. package/file-uploader/toolbar/FileUploaderToolbarIcon.d.ts +2 -2
  133. package/file-uploader/toolbar/FileUploaderToolbarIcon.js +4 -4
  134. package/file-uploader/toolbar/index.cjs.js +9 -15
  135. package/file-uploader/toolbar/useFileUploaderTool.js +5 -5
  136. package/file-uploader/typings.d.ts +3 -3
  137. package/footnote/createReactFootnote.d.ts +1 -1
  138. package/footnote/createReactFootnote.js +6 -6
  139. package/footnote/defaultRenderFootnoteElement.d.ts +2 -2
  140. package/footnote/defaultRenderFootnoteElement.js +9 -9
  141. package/footnote/index.cjs.js +51 -57
  142. package/footnote/jsx-serializer/createJsxSerializeFootnote.d.ts +2 -2
  143. package/footnote/jsx-serializer/createJsxSerializeFootnote.js +4 -4
  144. package/footnote/jsx-serializer/defaultRenderFootnoteElement.d.ts +2 -2
  145. package/footnote/jsx-serializer/defaultRenderFootnoteElement.js +5 -5
  146. package/footnote/jsx-serializer/index.cjs.js +9 -15
  147. package/footnote/jsx-serializer/typings.d.ts +1 -1
  148. package/footnote/toolbar/FootnoteToolbarIcon.d.ts +2 -2
  149. package/footnote/toolbar/FootnoteToolbarIcon.js +4 -4
  150. package/footnote/toolbar/index.cjs.js +17 -23
  151. package/footnote/toolbar/useFootnoteTool.d.ts +1 -1
  152. package/footnote/toolbar/useFootnoteTool.js +13 -13
  153. package/footnote/typings.d.ts +1 -1
  154. package/footnote/useFootnotes.js +15 -15
  155. package/footnote/useFootnotesFromNodes.js +21 -21
  156. package/heading/constants.js +8 -8
  157. package/heading/createReactHeading.d.ts +1 -1
  158. package/heading/createReactHeading.js +37 -37
  159. package/heading/defaultRenderHeadingElement.d.ts +2 -2
  160. package/heading/defaultRenderHeadingElement.js +14 -14
  161. package/heading/index.cjs.js +59 -66
  162. package/heading/jsx-serializer/createJsxSerializeHeading.d.ts +2 -2
  163. package/heading/jsx-serializer/createJsxSerializeHeading.js +3 -3
  164. package/heading/jsx-serializer/index.cjs.js +3 -5
  165. package/heading/jsx-serializer/typings.d.ts +1 -1
  166. package/heading/toolbar/HeadingToolbarIcon.d.ts +2 -2
  167. package/heading/toolbar/HeadingToolbarIcon.js +4 -4
  168. package/heading/toolbar/index.cjs.js +10 -16
  169. package/heading/toolbar/useToggleHeadingTool.js +6 -6
  170. package/heading/typings.d.ts +1 -1
  171. package/highlight/constants.js +5 -5
  172. package/highlight/createReactHighlight.d.ts +1 -1
  173. package/highlight/createReactHighlight.js +3 -3
  174. package/highlight/defaultRenderHighlight.d.ts +2 -2
  175. package/highlight/defaultRenderHighlight.js +1 -1
  176. package/highlight/index.cjs.js +9 -15
  177. package/highlight/jsx-serializer/createJsxSerializeHighlight.d.ts +1 -1
  178. package/highlight/jsx-serializer/createJsxSerializeHighlight.js +4 -4
  179. package/highlight/jsx-serializer/index.cjs.js +4 -6
  180. package/image/components/Image.d.ts +2 -2
  181. package/image/components/Image.js +11 -11
  182. package/image/components/ImageCaption.d.ts +2 -2
  183. package/image/components/ImageCaption.js +13 -13
  184. package/image/components/ImageFigure.d.ts +2 -2
  185. package/image/components/ImageFigure.js +8 -8
  186. package/image/createReactImage.d.ts +1 -1
  187. package/image/createReactImage.js +94 -94
  188. package/image/defaultRenderImageElements.js +4 -4
  189. package/image/hooks/useImageResizer.js +89 -89
  190. package/image/image.css +1 -1
  191. package/image/index.cjs.js +219 -227
  192. package/image/jsx-serializer/createJsxSerializeImage.d.ts +2 -3
  193. package/image/jsx-serializer/createJsxSerializeImage.js +34 -34
  194. package/image/jsx-serializer/defaultRenderImageElements.js +4 -4
  195. package/image/jsx-serializer/index.cjs.js +38 -44
  196. package/image/jsx-serializer/typings.d.ts +1 -1
  197. package/image/typings.d.ts +3 -3
  198. package/index.cjs.js +103 -109
  199. package/index.js +3 -2
  200. package/input-block/components/InputBlock.d.ts +2 -2
  201. package/input-block/components/InputBlock.js +19 -19
  202. package/input-block/createReactInputBlock.d.ts +1 -1
  203. package/input-block/createReactInputBlock.js +10 -10
  204. package/input-block/hooks/useInputBlock.js +43 -43
  205. package/input-block/index.cjs.js +73 -79
  206. package/input-block/typings.d.ts +2 -2
  207. package/italic/constants.js +5 -5
  208. package/italic/createReactItalic.d.ts +1 -1
  209. package/italic/createReactItalic.js +3 -3
  210. package/italic/defaultRenderItalic.d.ts +2 -2
  211. package/italic/defaultRenderItalic.js +1 -1
  212. package/italic/index.cjs.js +9 -15
  213. package/italic/jsx-serializer/createJsxSerializeItalic.js +3 -3
  214. package/italic/jsx-serializer/index.cjs.js +3 -5
  215. package/jsx-serializer/createJsxSerializeElement.d.ts +1 -1
  216. package/jsx-serializer/createJsxSerializeElement.js +2 -2
  217. package/jsx-serializer/createJsxSerializeElements.d.ts +1 -1
  218. package/jsx-serializer/createJsxSerializeElements.js +2 -2
  219. package/jsx-serializer/createJsxSerializeMark.js +2 -2
  220. package/jsx-serializer/createJsxSerializer.js +42 -42
  221. package/jsx-serializer/index.cjs.js +48 -54
  222. package/jsx-serializer/typings.d.ts +5 -5
  223. package/line-break/commonBreak.js +26 -26
  224. package/line-break/createOnKeyDownBreak.js +41 -41
  225. package/line-break/createReactLineBreak.d.ts +1 -1
  226. package/line-break/createReactLineBreak.js +6 -6
  227. package/line-break/defaultRenderLineBreakElement.d.ts +2 -2
  228. package/line-break/index.cjs.js +75 -82
  229. package/line-break/jsx-serializer/createJsxSerializeLineBreak.d.ts +2 -2
  230. package/line-break/jsx-serializer/createJsxSerializeLineBreak.js +4 -4
  231. package/line-break/jsx-serializer/defaultRenderLineBreakElement.d.ts +2 -2
  232. package/line-break/jsx-serializer/defaultRenderLineBreakElement.js +1 -1
  233. package/line-break/jsx-serializer/index.cjs.js +6 -12
  234. package/line-break/jsx-serializer/typings.d.ts +1 -1
  235. package/line-break/renderLineBreakElementWithSymbol.d.ts +2 -2
  236. package/line-break/typings.d.ts +1 -1
  237. package/link/createReactLink.js +22 -22
  238. package/link/defaultRenderLinkElement.d.ts +2 -2
  239. package/link/defaultRenderLinkElement.js +7 -7
  240. package/link/index.cjs.js +29 -35
  241. package/link/jsx-serializer/createJsxSerializeLink.d.ts +2 -2
  242. package/link/jsx-serializer/createJsxSerializeLink.js +3 -3
  243. package/link/jsx-serializer/defaultRenderLinkElement.d.ts +2 -2
  244. package/link/jsx-serializer/index.cjs.js +4 -10
  245. package/link/jsx-serializer/typings.d.ts +1 -1
  246. package/link/toolbar/LinkToolbarIcon.d.ts +2 -2
  247. package/link/toolbar/LinkToolbarIcon.js +4 -4
  248. package/link/toolbar/UnlinkToolbarIcon.d.ts +2 -2
  249. package/link/toolbar/UnlinkToolbarIcon.js +4 -4
  250. package/link/toolbar/index.cjs.js +27 -33
  251. package/link/toolbar/useLinkTool.d.ts +1 -1
  252. package/link/toolbar/useLinkTool.js +14 -14
  253. package/link/toolbar/useUnlinkTool.js +5 -5
  254. package/link/typings.d.ts +1 -1
  255. package/list/createReactList.d.ts +1 -1
  256. package/list/createReactList.js +18 -18
  257. package/list/defaultRenderListElements.js +4 -4
  258. package/list/index.cjs.js +22 -28
  259. package/list/jsx-serializer/createJsxSerializeList.d.ts +2 -2
  260. package/list/jsx-serializer/createJsxSerializeList.js +8 -8
  261. package/list/jsx-serializer/index.cjs.js +8 -10
  262. package/list/jsx-serializer/typings.d.ts +1 -1
  263. package/list/toolbar/ListToolbarIcon.d.ts +2 -2
  264. package/list/toolbar/ListToolbarIcon.js +4 -4
  265. package/list/toolbar/index.cjs.js +10 -16
  266. package/list/toolbar/useListTool.js +6 -6
  267. package/list/typings.d.ts +2 -2
  268. package/package.json +10 -10
  269. package/paragraph/createRenderParagraphElement.d.ts +2 -2
  270. package/paragraph/createRenderParagraphElement.js +3 -3
  271. package/paragraph/defaultRenderParagraphElement.d.ts +2 -2
  272. package/paragraph/index.cjs.js +5 -11
  273. package/paragraph/jsx-serializer/createJsxSerializeParagraph.d.ts +2 -2
  274. package/paragraph/jsx-serializer/createJsxSerializeParagraph.js +3 -3
  275. package/paragraph/jsx-serializer/index.cjs.js +3 -5
  276. package/paragraph/jsx-serializer/typings.d.ts +1 -1
  277. package/paragraph/renderParagraphElementWithSymbol.d.ts +2 -2
  278. package/read-more/components/ReadMore.d.ts +2 -2
  279. package/read-more/components/ReadMore.js +6 -6
  280. package/read-more/createReactReadMore.d.ts +1 -1
  281. package/read-more/createReactReadMore.js +4 -4
  282. package/read-more/defaultRenderReadMoreElement.d.ts +2 -2
  283. package/read-more/index.cjs.js +11 -17
  284. package/read-more/jsx-serializer/createJsxSerializeReadMore.d.ts +2 -2
  285. package/read-more/jsx-serializer/createJsxSerializeReadMore.js +3 -3
  286. package/read-more/jsx-serializer/index.cjs.js +3 -5
  287. package/read-more/jsx-serializer/typings.d.ts +1 -1
  288. package/read-more/toolbar/ReadMoreToolbarIcon.d.ts +2 -2
  289. package/read-more/toolbar/ReadMoreToolbarIcon.js +4 -4
  290. package/read-more/toolbar/index.cjs.js +9 -15
  291. package/read-more/toolbar/useReadMoreTool.js +5 -5
  292. package/read-more/typings.d.ts +1 -1
  293. package/strikethrough/constants.js +5 -5
  294. package/strikethrough/createReactStrikethrough.d.ts +1 -1
  295. package/strikethrough/createReactStrikethrough.js +3 -3
  296. package/strikethrough/defaultRenderStrikethrough.d.ts +2 -2
  297. package/strikethrough/defaultRenderStrikethrough.js +1 -1
  298. package/strikethrough/index.cjs.js +9 -15
  299. package/strikethrough/jsx-serializer/createJsxSerializeStrikethrough.js +3 -3
  300. package/strikethrough/jsx-serializer/index.cjs.js +3 -5
  301. package/toggle-mark/createReactToggleMarkCreator.d.ts +2 -2
  302. package/toggle-mark/createReactToggleMarkCreator.js +14 -14
  303. package/toggle-mark/index.cjs.js +14 -20
  304. package/toggle-mark/jsx-serializer/createJsxSerializeToggleMarkCreator.d.ts +3 -3
  305. package/toggle-mark/jsx-serializer/createJsxSerializeToggleMarkCreator.js +2 -2
  306. package/toggle-mark/jsx-serializer/index.cjs.js +2 -4
  307. package/toggle-mark/jsx-serializer/typings.d.ts +1 -1
  308. package/toggle-mark/toolbar/ToggleMarkToolbarIcon.d.ts +2 -2
  309. package/toggle-mark/toolbar/ToggleMarkToolbarIcon.js +4 -4
  310. package/toggle-mark/toolbar/index.cjs.js +10 -16
  311. package/toggle-mark/toolbar/useToggleMarkTool.js +6 -6
  312. package/toggle-mark/typings.d.ts +2 -2
  313. package/toolbar/components/Toolbar.d.ts +1 -1
  314. package/toolbar/components/Toolbar.js +102 -102
  315. package/toolbar/components/ToolbarIcon.d.ts +2 -2
  316. package/toolbar/components/ToolbarIcon.js +6 -6
  317. package/toolbar/components/ToolbarInput.d.ts +2 -2
  318. package/toolbar/components/ToolbarInput.js +23 -23
  319. package/toolbar/constants.d.ts +2 -2
  320. package/toolbar/constants.js +3 -3
  321. package/toolbar/hooks/useStartToolInput.js +2 -2
  322. package/toolbar/index.cjs.js +137 -144
  323. package/toolbar/toolbar.css +1 -1
  324. package/toolbar/typings.d.ts +1 -1
  325. package/underline/constants.js +5 -5
  326. package/underline/createReactUnderline.d.ts +1 -1
  327. package/underline/createReactUnderline.js +3 -3
  328. package/underline/defaultRenderUnderline.d.ts +2 -2
  329. package/underline/defaultRenderUnderline.js +1 -1
  330. package/underline/index.cjs.js +9 -15
  331. package/underline/jsx-serializer/createJsxSerializeUnderline.js +3 -3
  332. package/underline/jsx-serializer/index.cjs.js +3 -5
  333. package/utils/composeRefs.js +29 -29
  334. package/utils/index.cjs.js +29 -31
@@ -1,28 +1,22 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var react = require('@quadrats/react');
6
4
  var tslib = require('tslib');
7
5
  var React = require('react');
8
6
  var toolbar = require('@quadrats/react/toolbar');
9
7
 
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
-
14
- function useListTool(controller, listTypeKey) {
15
- const editor = react.useQuadrats();
16
- return {
17
- active: controller.isSelectionInList(editor, listTypeKey),
18
- onClick: () => controller.toggleList(editor, listTypeKey),
19
- };
8
+ function useListTool(controller, listTypeKey) {
9
+ const editor = react.useQuadrats();
10
+ return {
11
+ active: controller.isSelectionInList(editor, listTypeKey),
12
+ onClick: () => controller.toggleList(editor, listTypeKey),
13
+ };
20
14
  }
21
15
 
22
- function ListToolbarIcon(props) {
23
- const { controller, listTypeKey } = props, rest = tslib.__rest(props, ["controller", "listTypeKey"]);
24
- const { active, onClick } = useListTool(controller, listTypeKey);
25
- return React__default.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
16
+ function ListToolbarIcon(props) {
17
+ const { controller, listTypeKey } = props, rest = tslib.__rest(props, ["controller", "listTypeKey"]);
18
+ const { active, onClick } = useListTool(controller, listTypeKey);
19
+ return React.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
26
20
  }
27
21
 
28
22
  exports.ListToolbarIcon = ListToolbarIcon;
@@ -1,11 +1,11 @@
1
1
  import { useQuadrats } from '@quadrats/react';
2
2
 
3
- function useListTool(controller, listTypeKey) {
4
- const editor = useQuadrats();
5
- return {
6
- active: controller.isSelectionInList(editor, listTypeKey),
7
- onClick: () => controller.toggleList(editor, listTypeKey),
8
- };
3
+ function useListTool(controller, listTypeKey) {
4
+ const editor = useQuadrats();
5
+ return {
6
+ active: controller.isSelectionInList(editor, listTypeKey),
7
+ onClick: () => controller.toggleList(editor, listTypeKey),
8
+ };
9
9
  }
10
10
 
11
11
  export { useListTool };
package/list/typings.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import { List, ListElement, ListTypeKey } from '@quadrats/common/list';
3
3
  import { WithCreateHandlers, WithCreateRenderElement, RenderElementProps, Editor } from '@quadrats/react';
4
- export declare type RenderListElementProps = RenderElementProps<ListElement>;
5
- export declare type ReactListCreateRenderElementOptions = {
4
+ export type RenderListElementProps = RenderElementProps<ListElement>;
5
+ export type ReactListCreateRenderElementOptions = {
6
6
  [key in ListTypeKey]?: (props: RenderListElementProps) => JSX.Element | null | undefined;
7
7
  };
8
8
  export interface ReactList extends List<Editor>, WithCreateHandlers, WithCreateRenderElement<[ReactListCreateRenderElementOptions?]> {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quadrats/react",
3
- "version": "0.6.7",
3
+ "version": "0.7.1",
4
4
  "description": "",
5
5
  "author": "Rytass",
6
6
  "homepage": "https://github.com/Quadrats/quadrats#readme",
@@ -20,23 +20,23 @@
20
20
  "url": "https://github.com/Quadrats/quadrats/issues"
21
21
  },
22
22
  "dependencies": {
23
- "@quadrats/common": "^0.6.7",
24
- "@quadrats/core": "^0.6.5",
25
- "@quadrats/icons": "^0.6.0",
26
- "@quadrats/locales": "^0.6.0",
27
- "@quadrats/theme": "^0.6.0",
28
- "@quadrats/utils": "^0.6.5",
23
+ "@quadrats/common": "^0.7.1",
24
+ "@quadrats/core": "^0.7.0",
25
+ "@quadrats/icons": "^0.7.0",
26
+ "@quadrats/locales": "^0.7.0",
27
+ "@quadrats/theme": "^0.7.0",
28
+ "@quadrats/utils": "^0.7.1",
29
29
  "@types/is-hotkey": "^0.1.7",
30
30
  "@types/react-transition-group": "^4.4.4",
31
31
  "clsx": "^1.1.1",
32
32
  "is-hotkey": "^0.2.0",
33
33
  "react-transition-group": "^4.4.2",
34
- "slate-react": "^0.75.0",
34
+ "slate-react": "^0.94.2",
35
35
  "tslib": "^2.3.1"
36
36
  },
37
37
  "peerDependencies": {
38
- "react": "^17.0.2",
39
- "react-dom": "^17.0.2"
38
+ "react": "^18.2.0",
39
+ "react-dom": "^18.2.0"
40
40
  },
41
41
  "main": "./index.cjs.js",
42
42
  "module": "./index.js",
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import { ParagraphElement } from '@quadrats/core';
3
3
  import { RenderElementProps } from '@quadrats/react';
4
- export declare type RenderParagraphElementProps = RenderElementProps<ParagraphElement>;
4
+ export type RenderParagraphElementProps = RenderElementProps<ParagraphElement>;
5
5
  export interface CreateRenderParagraphElementOptions {
6
6
  render?: (props: RenderParagraphElementProps) => JSX.Element | null | undefined;
7
7
  }
8
- export declare function createRenderParagraphElement(options?: CreateRenderParagraphElementOptions): (props: RenderElementProps<import("@quadrats/core").QuadratsElement>) => JSX.Element | null | undefined;
8
+ export declare function createRenderParagraphElement(options?: CreateRenderParagraphElementOptions): (props: RenderElementProps) => JSX.Element | null | undefined;
@@ -2,9 +2,9 @@ import { PARAGRAPH_TYPE } from '@quadrats/core';
2
2
  import { createRenderElement } from '@quadrats/react';
3
3
  import { defaultRenderParagraphElement } from './defaultRenderParagraphElement.js';
4
4
 
5
- function createRenderParagraphElement(options = {}) {
6
- const { render = defaultRenderParagraphElement } = options;
7
- return createRenderElement({ type: PARAGRAPH_TYPE, render });
5
+ function createRenderParagraphElement(options = {}) {
6
+ const { render = defaultRenderParagraphElement } = options;
7
+ return createRenderElement({ type: PARAGRAPH_TYPE, render });
8
8
  }
9
9
 
10
10
  export { createRenderParagraphElement };
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { RenderElementProps } from '@quadrats/react';
3
3
  export declare const defaultRenderParagraphElement: ({ attributes, children, }: {
4
4
  attributes?: {
@@ -9,4 +9,4 @@ export declare const defaultRenderParagraphElement: ({ attributes, children, }:
9
9
  ref: any;
10
10
  } | undefined;
11
11
  children: any;
12
- }) => JSX.Element;
12
+ }) => React.JSX.Element;
@@ -1,23 +1,17 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var core = require('@quadrats/core');
7
5
  var react = require('@quadrats/react');
8
6
 
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
-
13
- const defaultRenderParagraphElement = ({ attributes, children, }) => (React__default.createElement("p", Object.assign({}, attributes, { className: "qdr-paragraph" }), children));
7
+ const defaultRenderParagraphElement = ({ attributes, children, }) => (React.createElement("p", Object.assign({}, attributes, { className: "qdr-paragraph" }), children));
14
8
 
15
- function createRenderParagraphElement(options = {}) {
16
- const { render = defaultRenderParagraphElement } = options;
17
- return react.createRenderElement({ type: core.PARAGRAPH_TYPE, render });
9
+ function createRenderParagraphElement(options = {}) {
10
+ const { render = defaultRenderParagraphElement } = options;
11
+ return react.createRenderElement({ type: core.PARAGRAPH_TYPE, render });
18
12
  }
19
13
 
20
- const renderParagraphElementWithSymbol = ({ attributes, children, }) => (React__default.createElement("p", Object.assign({}, attributes, { className: "qdr-paragraph qdr-paragraph__with-line-break-symbol" }), children));
14
+ const renderParagraphElementWithSymbol = ({ attributes, children, }) => (React.createElement("p", Object.assign({}, attributes, { className: "qdr-paragraph qdr-paragraph__with-line-break-symbol" }), children));
21
15
 
22
16
  exports.createRenderParagraphElement = createRenderParagraphElement;
23
17
  exports.defaultRenderParagraphElement = defaultRenderParagraphElement;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { CreateJsxSerializeElementOptions } from '@quadrats/react/jsx-serializer';
3
3
  import { JsxSerializeParagraphProps } from './typings';
4
- export declare type CreateJsxSerializeParagraphOptions = Partial<Omit<CreateJsxSerializeElementOptions<JsxSerializeParagraphProps>, 'type'>>;
5
- export declare function createJsxSerializeParagraph(options?: CreateJsxSerializeParagraphOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps<import("@quadrats/core").QuadratsElement>) => JSX.Element | null | undefined;
4
+ export type CreateJsxSerializeParagraphOptions = Partial<Omit<CreateJsxSerializeElementOptions<JsxSerializeParagraphProps>, 'type'>>;
5
+ export declare function createJsxSerializeParagraph(options?: CreateJsxSerializeParagraphOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps) => JSX.Element | null | undefined;
@@ -2,9 +2,9 @@ import { PARAGRAPH_TYPE } from '@quadrats/core';
2
2
  import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
3
3
  import { defaultRenderParagraphElement } from '@quadrats/react/paragraph';
4
4
 
5
- function createJsxSerializeParagraph(options = {}) {
6
- const { render = defaultRenderParagraphElement } = options;
7
- return createJsxSerializeElement({ type: PARAGRAPH_TYPE, render });
5
+ function createJsxSerializeParagraph(options = {}) {
6
+ const { render = defaultRenderParagraphElement } = options;
7
+ return createJsxSerializeElement({ type: PARAGRAPH_TYPE, render });
8
8
  }
9
9
 
10
10
  export { createJsxSerializeParagraph };
@@ -1,14 +1,12 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var paragraph = require('@quadrats/react/paragraph');
6
4
  var core = require('@quadrats/core');
7
5
  var jsxSerializer = require('@quadrats/react/jsx-serializer');
8
6
 
9
- function createJsxSerializeParagraph(options = {}) {
10
- const { render = paragraph.defaultRenderParagraphElement } = options;
11
- return jsxSerializer.createJsxSerializeElement({ type: core.PARAGRAPH_TYPE, render });
7
+ function createJsxSerializeParagraph(options = {}) {
8
+ const { render = paragraph.defaultRenderParagraphElement } = options;
9
+ return jsxSerializer.createJsxSerializeElement({ type: core.PARAGRAPH_TYPE, render });
12
10
  }
13
11
 
14
12
  exports.defaultRenderParagraphElement = paragraph.defaultRenderParagraphElement;
@@ -1,3 +1,3 @@
1
1
  import { ParagraphElement } from '@quadrats/core';
2
2
  import { JsxSerializeElementProps } from '@quadrats/react/jsx-serializer';
3
- export declare type JsxSerializeParagraphProps = JsxSerializeElementProps<ParagraphElement>;
3
+ export type JsxSerializeParagraphProps = JsxSerializeElementProps<ParagraphElement>;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { RenderElementProps } from '@quadrats/react';
3
3
  export declare const renderParagraphElementWithSymbol: ({ attributes, children, }: {
4
4
  attributes?: {
@@ -9,4 +9,4 @@ export declare const renderParagraphElementWithSymbol: ({ attributes, children,
9
9
  ref: any;
10
10
  } | undefined;
11
11
  children: any;
12
- }) => JSX.Element;
12
+ }) => React.JSX.Element;
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { RenderElementProps } from '@quadrats/react';
3
3
  export interface ReadMoreProps {
4
4
  attributes?: RenderElementProps['attributes'];
5
5
  children: any;
6
6
  }
7
- declare function ReadMore(props: ReadMoreProps): JSX.Element;
7
+ declare function ReadMore(props: ReadMoreProps): React.JSX.Element;
8
8
  export default ReadMore;
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
2
  import { useLocale } from '@quadrats/react';
3
3
 
4
- function ReadMore(props) {
5
- const { attributes, children } = props;
6
- const { readMore } = useLocale().editor;
7
- return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-read-more", contentEditable: false }),
8
- React.createElement("span", { className: "qdr-read-more__description" }, readMore),
9
- attributes ? children : undefined));
4
+ function ReadMore(props) {
5
+ const { attributes, children } = props;
6
+ const { readMore } = useLocale().editor;
7
+ return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-read-more", contentEditable: false }),
8
+ React.createElement("span", { className: "qdr-read-more__description" }, readMore),
9
+ attributes ? children : undefined));
10
10
  }
11
11
 
12
12
  export { ReadMore as default };
@@ -1,4 +1,4 @@
1
1
  import { CreateReadMoreOptions } from '@quadrats/common/read-more';
2
2
  import { ReactReadMore } from './typings';
3
- export declare type CreateReactReadMoreOptions = CreateReadMoreOptions;
3
+ export type CreateReactReadMoreOptions = CreateReadMoreOptions;
4
4
  export declare function createReactReadMore(options?: CreateReactReadMoreOptions): ReactReadMore;
@@ -2,10 +2,10 @@ import { createReadMore } from '@quadrats/common/read-more';
2
2
  import { createRenderElement } from '@quadrats/react';
3
3
  import { defaultRenderReadMoreElement } from './defaultRenderReadMoreElement.js';
4
4
 
5
- function createReactReadMore(options = {}) {
6
- const core = createReadMore(options);
7
- const { type } = core;
8
- return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderReadMoreElement } = {}) => createRenderElement({ type, render }) });
5
+ function createReactReadMore(options = {}) {
6
+ const core = createReadMore(options);
7
+ const { type } = core;
8
+ return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderReadMoreElement } = {}) => createRenderElement({ type, render }) });
9
9
  }
10
10
 
11
11
  export { createReactReadMore };
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { RenderElementPropsBase } from '@quadrats/react/_internal';
3
- export declare const defaultRenderReadMoreElement: (props: RenderElementPropsBase) => JSX.Element;
3
+ export declare const defaultRenderReadMoreElement: (props: RenderElementPropsBase) => React.JSX.Element;
@@ -1,29 +1,23 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var react = require('@quadrats/react');
7
5
  var readMore = require('@quadrats/common/read-more');
8
6
 
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
-
13
- function ReadMore(props) {
14
- const { attributes, children } = props;
15
- const { readMore } = react.useLocale().editor;
16
- return (React__default.createElement("div", Object.assign({}, attributes, { className: "qdr-read-more", contentEditable: false }),
17
- React__default.createElement("span", { className: "qdr-read-more__description" }, readMore),
18
- attributes ? children : undefined));
7
+ function ReadMore(props) {
8
+ const { attributes, children } = props;
9
+ const { readMore } = react.useLocale().editor;
10
+ return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-read-more", contentEditable: false }),
11
+ React.createElement("span", { className: "qdr-read-more__description" }, readMore),
12
+ attributes ? children : undefined));
19
13
  }
20
14
 
21
- const defaultRenderReadMoreElement = (props) => React__default.createElement(ReadMore, Object.assign({}, props));
15
+ const defaultRenderReadMoreElement = (props) => React.createElement(ReadMore, Object.assign({}, props));
22
16
 
23
- function createReactReadMore(options = {}) {
24
- const core = readMore.createReadMore(options);
25
- const { type } = core;
26
- return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderReadMoreElement } = {}) => react.createRenderElement({ type, render }) });
17
+ function createReactReadMore(options = {}) {
18
+ const core = readMore.createReadMore(options);
19
+ const { type } = core;
20
+ return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderReadMoreElement } = {}) => react.createRenderElement({ type, render }) });
27
21
  }
28
22
 
29
23
  exports.ReadMore = ReadMore;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { CreateJsxSerializeElementOptions } from '@quadrats/react/jsx-serializer';
3
3
  import { JsxSerializeReadMoreProps } from './typings';
4
- export declare type CreateJsxSerializeReadMoreOptions = Partial<CreateJsxSerializeElementOptions<JsxSerializeReadMoreProps>>;
5
- export declare function createJsxSerializeReadMore(options?: CreateJsxSerializeReadMoreOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps<import("@quadrats/core").QuadratsElement>) => JSX.Element | null | undefined;
4
+ export type CreateJsxSerializeReadMoreOptions = Partial<CreateJsxSerializeElementOptions<JsxSerializeReadMoreProps>>;
5
+ export declare function createJsxSerializeReadMore(options?: CreateJsxSerializeReadMoreOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps) => JSX.Element | null | undefined;
@@ -2,9 +2,9 @@ import { READ_MORE_TYPE } from '@quadrats/common/read-more';
2
2
  import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
3
3
  import { defaultRenderReadMoreElement } from '@quadrats/react/read-more';
4
4
 
5
- function createJsxSerializeReadMore(options = {}) {
6
- const { type = READ_MORE_TYPE, render = defaultRenderReadMoreElement } = options;
7
- return createJsxSerializeElement({ type, render });
5
+ function createJsxSerializeReadMore(options = {}) {
6
+ const { type = READ_MORE_TYPE, render = defaultRenderReadMoreElement } = options;
7
+ return createJsxSerializeElement({ type, render });
8
8
  }
9
9
 
10
10
  export { createJsxSerializeReadMore };
@@ -1,14 +1,12 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var readMore = require('@quadrats/react/read-more');
6
4
  var readMore$1 = require('@quadrats/common/read-more');
7
5
  var jsxSerializer = require('@quadrats/react/jsx-serializer');
8
6
 
9
- function createJsxSerializeReadMore(options = {}) {
10
- const { type = readMore$1.READ_MORE_TYPE, render = readMore.defaultRenderReadMoreElement } = options;
11
- return jsxSerializer.createJsxSerializeElement({ type, render });
7
+ function createJsxSerializeReadMore(options = {}) {
8
+ const { type = readMore$1.READ_MORE_TYPE, render = readMore.defaultRenderReadMoreElement } = options;
9
+ return jsxSerializer.createJsxSerializeElement({ type, render });
12
10
  }
13
11
 
14
12
  exports.defaultRenderReadMoreElement = readMore.defaultRenderReadMoreElement;
@@ -1,3 +1,3 @@
1
1
  import { ReadMoreElement } from '@quadrats/common/read-more';
2
2
  import { JsxSerializeElementProps } from '@quadrats/react/jsx-serializer';
3
- export declare type JsxSerializeReadMoreProps = JsxSerializeElementProps<ReadMoreElement>;
3
+ export type JsxSerializeReadMoreProps = JsxSerializeElementProps<ReadMoreElement>;
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { ToolbarIconProps } from '@quadrats/react/toolbar';
3
3
  import { ReactReadMore } from '@quadrats/react/read-more';
4
4
  export interface ReadMoreToolbarIconProps extends Omit<ToolbarIconProps, 'active' | 'onClick'> {
5
5
  controller: ReactReadMore;
6
6
  }
7
- declare function ReadMoreToolbarIcon(props: ReadMoreToolbarIconProps): JSX.Element;
7
+ declare function ReadMoreToolbarIcon(props: ReadMoreToolbarIconProps): React.JSX.Element;
8
8
  export default ReadMoreToolbarIcon;
@@ -3,10 +3,10 @@ import React from 'react';
3
3
  import { ToolbarIcon } from '@quadrats/react/toolbar';
4
4
  import { useReadMoreTool } from './useReadMoreTool.js';
5
5
 
6
- function ReadMoreToolbarIcon(props) {
7
- const { controller } = props, rest = __rest(props, ["controller"]);
8
- const { onClick } = useReadMoreTool(controller);
9
- return React.createElement(ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
6
+ function ReadMoreToolbarIcon(props) {
7
+ const { controller } = props, rest = __rest(props, ["controller"]);
8
+ const { onClick } = useReadMoreTool(controller);
9
+ return React.createElement(ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
10
10
  }
11
11
 
12
12
  export { ReadMoreToolbarIcon as default };
@@ -1,27 +1,21 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var react = require('@quadrats/react');
6
4
  var tslib = require('tslib');
7
5
  var React = require('react');
8
6
  var toolbar = require('@quadrats/react/toolbar');
9
7
 
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
-
14
- function useReadMoreTool(controller) {
15
- const editor = react.useSlateStatic();
16
- return {
17
- onClick: () => controller.insertReadMore(editor),
18
- };
8
+ function useReadMoreTool(controller) {
9
+ const editor = react.useSlateStatic();
10
+ return {
11
+ onClick: () => controller.insertReadMore(editor),
12
+ };
19
13
  }
20
14
 
21
- function ReadMoreToolbarIcon(props) {
22
- const { controller } = props, rest = tslib.__rest(props, ["controller"]);
23
- const { onClick } = useReadMoreTool(controller);
24
- return React__default.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
15
+ function ReadMoreToolbarIcon(props) {
16
+ const { controller } = props, rest = tslib.__rest(props, ["controller"]);
17
+ const { onClick } = useReadMoreTool(controller);
18
+ return React.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
25
19
  }
26
20
 
27
21
  exports.ReadMoreToolbarIcon = ReadMoreToolbarIcon;
@@ -1,10 +1,10 @@
1
1
  import { useSlateStatic } from '@quadrats/react';
2
2
 
3
- function useReadMoreTool(controller) {
4
- const editor = useSlateStatic();
5
- return {
6
- onClick: () => controller.insertReadMore(editor),
7
- };
3
+ function useReadMoreTool(controller) {
4
+ const editor = useSlateStatic();
5
+ return {
6
+ onClick: () => controller.insertReadMore(editor),
7
+ };
8
8
  }
9
9
 
10
10
  export { useReadMoreTool };
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { ReadMore, ReadMoreElement } from '@quadrats/common/read-more';
3
3
  import { WithCreateRenderElement, RenderElementProps, Editor } from '@quadrats/react';
4
- export declare type RenderReadMoreElementProps = RenderElementProps<ReadMoreElement>;
4
+ export type RenderReadMoreElementProps = RenderElementProps<ReadMoreElement>;
5
5
  export interface ReactReadMoreCreateRenderElementOptions {
6
6
  render?: (props: RenderReadMoreElementProps) => JSX.Element | null | undefined;
7
7
  }
@@ -1,8 +1,8 @@
1
- /**
2
- * Default hotkey for toggling strikethrough.
3
- *
4
- * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
5
- */
1
+ /**
2
+ * Default hotkey for toggling strikethrough.
3
+ *
4
+ * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
5
+ */
6
6
  const STRIKETHROUGH_HOTKEY = 'mod+opt+s';
7
7
 
8
8
  export { STRIKETHROUGH_HOTKEY };
@@ -1 +1 @@
1
- export declare const createReactStrikethrough: (variant?: string | undefined) => import("@quadrats/react/toggle-mark").ReactToggleMark;
1
+ export declare const createReactStrikethrough: (variant?: string) => import("@quadrats/react/toggle-mark").ReactToggleMark;
@@ -3,9 +3,9 @@ import { createReactToggleMarkCreator } from '@quadrats/react/toggle-mark';
3
3
  import { defaultRenderStrikethrough } from './defaultRenderStrikethrough.js';
4
4
  import { STRIKETHROUGH_HOTKEY } from './constants.js';
5
5
 
6
- const createReactStrikethrough = (variant) => createReactToggleMarkCreator(createStrikethrough(variant), {
7
- hotkey: STRIKETHROUGH_HOTKEY,
8
- render: defaultRenderStrikethrough,
6
+ const createReactStrikethrough = (variant) => createReactToggleMarkCreator(createStrikethrough(variant), {
7
+ hotkey: STRIKETHROUGH_HOTKEY,
8
+ render: defaultRenderStrikethrough,
9
9
  })();
10
10
 
11
11
  export { createReactStrikethrough };
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { RenderMarkPropsBase } from '@quadrats/react/_internal';
3
- export declare const defaultRenderStrikethrough: ({ children, leaf }: RenderMarkPropsBase<boolean>) => JSX.Element;
3
+ export declare const defaultRenderStrikethrough: ({ children, leaf }: RenderMarkPropsBase<boolean>) => React.JSX.Element;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { STRIKETHROUGH_TYPE } from '@quadrats/common/strikethrough';
3
3
 
4
- const defaultRenderStrikethrough = ({ children, leaf }) => (React.createElement("del", { className: leaf.strikethroughVariant
4
+ const defaultRenderStrikethrough = ({ children, leaf }) => (React.createElement("del", { className: leaf.strikethroughVariant
5
5
  ? `${STRIKETHROUGH_TYPE}.${leaf.strikethroughVariant}` : `${STRIKETHROUGH_TYPE}` }, children));
6
6
 
7
7
  export { defaultRenderStrikethrough };
@@ -1,28 +1,22 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var strikethrough = require('@quadrats/common/strikethrough');
7
5
  var toggleMark = require('@quadrats/react/toggle-mark');
8
6
 
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
-
13
- /**
14
- * Default hotkey for toggling strikethrough.
15
- *
16
- * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
17
- */
7
+ /**
8
+ * Default hotkey for toggling strikethrough.
9
+ *
10
+ * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
11
+ */
18
12
  const STRIKETHROUGH_HOTKEY = 'mod+opt+s';
19
13
 
20
- const defaultRenderStrikethrough = ({ children, leaf }) => (React__default.createElement("del", { className: leaf.strikethroughVariant
14
+ const defaultRenderStrikethrough = ({ children, leaf }) => (React.createElement("del", { className: leaf.strikethroughVariant
21
15
  ? `${strikethrough.STRIKETHROUGH_TYPE}.${leaf.strikethroughVariant}` : `${strikethrough.STRIKETHROUGH_TYPE}` }, children));
22
16
 
23
- const createReactStrikethrough = (variant) => toggleMark.createReactToggleMarkCreator(strikethrough.createStrikethrough(variant), {
24
- hotkey: STRIKETHROUGH_HOTKEY,
25
- render: defaultRenderStrikethrough,
17
+ const createReactStrikethrough = (variant) => toggleMark.createReactToggleMarkCreator(strikethrough.createStrikethrough(variant), {
18
+ hotkey: STRIKETHROUGH_HOTKEY,
19
+ render: defaultRenderStrikethrough,
26
20
  })();
27
21
 
28
22
  exports.STRIKETHROUGH_HOTKEY = STRIKETHROUGH_HOTKEY;
@@ -2,9 +2,9 @@ import { STRIKETHROUGH_TYPE } from '@quadrats/common/strikethrough';
2
2
  import { createJsxSerializeToggleMarkCreator } from '@quadrats/react/toggle-mark/jsx-serializer';
3
3
  import { defaultRenderStrikethrough } from '@quadrats/react/strikethrough';
4
4
 
5
- const createJsxSerializeStrikethrough = createJsxSerializeToggleMarkCreator({
6
- type: STRIKETHROUGH_TYPE,
7
- render: defaultRenderStrikethrough,
5
+ const createJsxSerializeStrikethrough = createJsxSerializeToggleMarkCreator({
6
+ type: STRIKETHROUGH_TYPE,
7
+ render: defaultRenderStrikethrough,
8
8
  });
9
9
 
10
10
  export { createJsxSerializeStrikethrough };
@@ -1,14 +1,12 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var strikethrough = require('@quadrats/react/strikethrough');
6
4
  var strikethrough$1 = require('@quadrats/common/strikethrough');
7
5
  var jsxSerializer = require('@quadrats/react/toggle-mark/jsx-serializer');
8
6
 
9
- const createJsxSerializeStrikethrough = jsxSerializer.createJsxSerializeToggleMarkCreator({
10
- type: strikethrough$1.STRIKETHROUGH_TYPE,
11
- render: strikethrough.defaultRenderStrikethrough,
7
+ const createJsxSerializeStrikethrough = jsxSerializer.createJsxSerializeToggleMarkCreator({
8
+ type: strikethrough$1.STRIKETHROUGH_TYPE,
9
+ render: strikethrough.defaultRenderStrikethrough,
12
10
  });
13
11
 
14
12
  exports.defaultRenderStrikethrough = strikethrough.defaultRenderStrikethrough;