@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,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { RenderLinkElementProps } from './typings';
3
3
  /**
4
4
  * Set placement of tooltip to `bottom` to avoid conflicting w/ toolbar.
@@ -6,4 +6,4 @@ import { RenderLinkElementProps } from './typings';
6
6
  export declare const defaultRenderLinkElement: ({ attributes, children, element, placement, target, }: import("@quadrats/react/_internal").RenderElementPropsBase<import("@quadrats/common/link").LinkElement> & Pick<import("slate-react").RenderElementProps, "attributes"> & {
7
7
  placement?: "top" | "bottom" | undefined;
8
8
  target?: string | undefined;
9
- }) => JSX.Element;
9
+ }) => React.JSX.Element;
@@ -1,13 +1,13 @@
1
1
  import React from 'react';
2
2
  import { Tooltip } from '@quadrats/react/components';
3
3
 
4
- /**
5
- * Set placement of tooltip to `bottom` to avoid conflicting w/ toolbar.
6
- */
7
- const defaultRenderLinkElement = ({ attributes, children, element, placement = 'bottom', target = '_blank', }) => {
8
- const { url } = element;
9
- return (React.createElement(Tooltip, { placement: placement, popup: url },
10
- React.createElement("a", Object.assign({}, attributes, { className: "qdr-link", href: url, target: target }), children)));
4
+ /**
5
+ * Set placement of tooltip to `bottom` to avoid conflicting w/ toolbar.
6
+ */
7
+ const defaultRenderLinkElement = ({ attributes, children, element, placement = 'bottom', target = '_blank', }) => {
8
+ const { url } = element;
9
+ return (React.createElement(Tooltip, { placement: placement, popup: url },
10
+ React.createElement("a", Object.assign({}, attributes, { className: "qdr-link", href: url, target: target }), children)));
11
11
  };
12
12
 
13
13
  export { defaultRenderLinkElement };
package/link/index.cjs.js CHANGED
@@ -1,47 +1,41 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var components = require('@quadrats/react/components');
7
5
  var link = require('@quadrats/common/link');
8
6
  var react = require('@quadrats/react');
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
- /**
15
- * Set placement of tooltip to `bottom` to avoid conflicting w/ toolbar.
16
- */
17
- const defaultRenderLinkElement = ({ attributes, children, element, placement = 'bottom', target = '_blank', }) => {
18
- const { url } = element;
19
- return (React__default.createElement(components.Tooltip, { placement: placement, popup: url },
20
- React__default.createElement("a", Object.assign({}, attributes, { className: "qdr-link", href: url, target: target }), children)));
8
+ /**
9
+ * Set placement of tooltip to `bottom` to avoid conflicting w/ toolbar.
10
+ */
11
+ const defaultRenderLinkElement = ({ attributes, children, element, placement = 'bottom', target = '_blank', }) => {
12
+ const { url } = element;
13
+ return (React.createElement(components.Tooltip, { placement: placement, popup: url },
14
+ React.createElement("a", Object.assign({}, attributes, { className: "qdr-link", href: url, target: target }), children)));
21
15
  };
22
16
 
23
- function createReactLink(options = {}) {
24
- const { pastedUrlToLink = true } = options;
25
- const core = link.createLink(options);
26
- const { type, isUrl } = core;
27
- return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderLinkElement } = {}) => react.createRenderElement({ type, render }), with(editor) {
28
- const { insertData, insertText } = editor;
29
- editor.insertData = (data) => {
30
- const text = data.getData('text/plain');
31
- if (text) {
32
- if (core.isSelectionInLink(editor)) {
33
- insertText(text);
34
- return;
35
- }
36
- if (pastedUrlToLink && isUrl(text)) {
37
- core.upsertLink(editor, text);
38
- return;
39
- }
40
- }
41
- insertData(data);
42
- };
43
- return core.with(editor);
44
- } });
17
+ function createReactLink(options = {}) {
18
+ const { pastedUrlToLink = true } = options;
19
+ const core = link.createLink(options);
20
+ const { type, isUrl } = core;
21
+ return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderLinkElement } = {}) => react.createRenderElement({ type, render }), with(editor) {
22
+ const { insertData, insertText } = editor;
23
+ editor.insertData = (data) => {
24
+ const text = data.getData('text/plain');
25
+ if (text) {
26
+ if (core.isSelectionInLink(editor)) {
27
+ insertText(text);
28
+ return;
29
+ }
30
+ if (pastedUrlToLink && isUrl(text)) {
31
+ core.upsertLink(editor, text);
32
+ return;
33
+ }
34
+ }
35
+ insertData(data);
36
+ };
37
+ return core.with(editor);
38
+ } });
45
39
  }
46
40
 
47
41
  exports.createReactLink = createReactLink;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { CreateJsxSerializeElementOptions } from '@quadrats/react/jsx-serializer';
3
3
  import { JsxSerializeLinkElementProps } from './typings';
4
- export declare type CreateJsxSerializeLinkOptions = Partial<CreateJsxSerializeElementOptions<JsxSerializeLinkElementProps>>;
5
- export declare function createJsxSerializeLink(options?: CreateJsxSerializeLinkOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps<import("@quadrats/core").QuadratsElement>) => JSX.Element | null | undefined;
4
+ export type CreateJsxSerializeLinkOptions = Partial<CreateJsxSerializeElementOptions<JsxSerializeLinkElementProps>>;
5
+ export declare function createJsxSerializeLink(options?: CreateJsxSerializeLinkOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps) => JSX.Element | null | undefined;
@@ -2,9 +2,9 @@ import { LINK_TYPE } from '@quadrats/common/link';
2
2
  import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
3
3
  import { defaultRenderLinkElement } from './defaultRenderLinkElement.js';
4
4
 
5
- function createJsxSerializeLink(options = {}) {
6
- const { type = LINK_TYPE, render = defaultRenderLinkElement } = options;
7
- return createJsxSerializeElement({ type, render });
5
+ function createJsxSerializeLink(options = {}) {
6
+ const { type = LINK_TYPE, render = defaultRenderLinkElement } = options;
7
+ return createJsxSerializeElement({ type, render });
8
8
  }
9
9
 
10
10
  export { createJsxSerializeLink };
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { JsxSerializeLinkElementProps } from './typings';
3
- export declare const defaultRenderLinkElement: ({ children, element }: JsxSerializeLinkElementProps) => JSX.Element;
3
+ export declare const defaultRenderLinkElement: ({ children, element }: JsxSerializeLinkElementProps) => React.JSX.Element;
@@ -1,20 +1,14 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var link = require('@quadrats/common/link');
7
5
  var jsxSerializer = require('@quadrats/react/jsx-serializer');
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 defaultRenderLinkElement = ({ children, element }) => (React__default.createElement("a", { target: "_blank", href: element.url }, children));
7
+ const defaultRenderLinkElement = ({ children, element }) => (React.createElement("a", { target: "_blank", href: element.url }, children));
14
8
 
15
- function createJsxSerializeLink(options = {}) {
16
- const { type = link.LINK_TYPE, render = defaultRenderLinkElement } = options;
17
- return jsxSerializer.createJsxSerializeElement({ type, render });
9
+ function createJsxSerializeLink(options = {}) {
10
+ const { type = link.LINK_TYPE, render = defaultRenderLinkElement } = options;
11
+ return jsxSerializer.createJsxSerializeElement({ type, render });
18
12
  }
19
13
 
20
14
  exports.createJsxSerializeLink = createJsxSerializeLink;
@@ -1,3 +1,3 @@
1
1
  import { LinkElement } from '@quadrats/common/link';
2
2
  import { JsxSerializeElementProps } from '@quadrats/react/jsx-serializer';
3
- export declare type JsxSerializeLinkElementProps = JsxSerializeElementProps<LinkElement>;
3
+ export type JsxSerializeLinkElementProps = JsxSerializeElementProps<LinkElement>;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { ToolbarIconProps } from '@quadrats/react/toolbar';
3
3
  import { ReactLink } from '@quadrats/react/link';
4
4
  import { UseLinkToolOptions } from './useLinkTool';
@@ -6,5 +6,5 @@ export interface LinkToolbarIconProps extends Omit<ToolbarIconProps, 'active' |
6
6
  controller: ReactLink;
7
7
  options?: UseLinkToolOptions;
8
8
  }
9
- declare function LinkToolbarIcon(props: LinkToolbarIconProps): JSX.Element;
9
+ declare function LinkToolbarIcon(props: LinkToolbarIconProps): React.JSX.Element;
10
10
  export default LinkToolbarIcon;
@@ -3,10 +3,10 @@ import React from 'react';
3
3
  import { ToolbarIcon } from '@quadrats/react/toolbar';
4
4
  import { useLinkTool } from './useLinkTool.js';
5
5
 
6
- function LinkToolbarIcon(props) {
7
- const { controller, options = {} } = props, rest = __rest(props, ["controller", "options"]);
8
- const { active, onClick } = useLinkTool(controller, options);
9
- return React.createElement(ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
6
+ function LinkToolbarIcon(props) {
7
+ const { controller, options = {} } = props, rest = __rest(props, ["controller", "options"]);
8
+ const { active, onClick } = useLinkTool(controller, options);
9
+ return React.createElement(ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
10
10
  }
11
11
 
12
12
  export { LinkToolbarIcon as default };
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { ToolbarIconProps } from '@quadrats/react/toolbar';
3
3
  import { ReactLink } from '@quadrats/react/link';
4
4
  export interface UnlinkToolbarIconProps extends Omit<ToolbarIconProps, 'active' | 'onClick'> {
5
5
  controller: ReactLink;
6
6
  }
7
- declare function UnlinkToolbarIcon(props: UnlinkToolbarIconProps): JSX.Element;
7
+ declare function UnlinkToolbarIcon(props: UnlinkToolbarIconProps): React.JSX.Element;
8
8
  export default UnlinkToolbarIcon;
@@ -3,10 +3,10 @@ import React from 'react';
3
3
  import { ToolbarIcon } from '@quadrats/react/toolbar';
4
4
  import { useUnlinkTool } from './useUnlinkTool.js';
5
5
 
6
- function UnlinkToolbarIcon(props) {
7
- const { controller } = props, rest = __rest(props, ["controller"]);
8
- const { onClick } = useUnlinkTool(controller);
9
- return React.createElement(ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
6
+ function UnlinkToolbarIcon(props) {
7
+ const { controller } = props, rest = __rest(props, ["controller"]);
8
+ const { onClick } = useUnlinkTool(controller);
9
+ return React.createElement(ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
10
10
  }
11
11
 
12
12
  export { UnlinkToolbarIcon as default };
@@ -1,49 +1,43 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var react = require('@quadrats/react');
6
4
  var toolbar = require('@quadrats/react/toolbar');
7
5
  var tslib = require('tslib');
8
6
  var React = require('react');
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 useLinkTool(controller, options = {}) {
15
- const editor = react.useQuadrats();
16
- const startToolInput = toolbar.useStartToolInput();
17
- return {
18
- active: controller.isSelectionInLink(editor),
19
- onClick: () => startToolInput({
20
- getPlaceholder: (locale) => locale.editor.link.inputPlaceholder,
21
- confirm: (url) => {
22
- if (controller.isUrl(url)) {
23
- controller.upsertLink(editor, url, options);
24
- }
25
- },
26
- }),
27
- };
8
+ function useLinkTool(controller, options = {}) {
9
+ const editor = react.useQuadrats();
10
+ const startToolInput = toolbar.useStartToolInput();
11
+ return {
12
+ active: controller.isSelectionInLink(editor),
13
+ onClick: () => startToolInput({
14
+ getPlaceholder: (locale) => locale.editor.link.inputPlaceholder,
15
+ confirm: (url) => {
16
+ if (controller.isUrl(url)) {
17
+ controller.upsertLink(editor, url, options);
18
+ }
19
+ },
20
+ }),
21
+ };
28
22
  }
29
23
 
30
- function useUnlinkTool(controller) {
31
- const editor = react.useSlateStatic();
32
- return {
33
- onClick: () => controller.unwrapLink(editor),
34
- };
24
+ function useUnlinkTool(controller) {
25
+ const editor = react.useSlateStatic();
26
+ return {
27
+ onClick: () => controller.unwrapLink(editor),
28
+ };
35
29
  }
36
30
 
37
- function LinkToolbarIcon(props) {
38
- const { controller, options = {} } = props, rest = tslib.__rest(props, ["controller", "options"]);
39
- const { active, onClick } = useLinkTool(controller, options);
40
- return React__default.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
31
+ function LinkToolbarIcon(props) {
32
+ const { controller, options = {} } = props, rest = tslib.__rest(props, ["controller", "options"]);
33
+ const { active, onClick } = useLinkTool(controller, options);
34
+ return React.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
41
35
  }
42
36
 
43
- function UnlinkToolbarIcon(props) {
44
- const { controller } = props, rest = tslib.__rest(props, ["controller"]);
45
- const { onClick } = useUnlinkTool(controller);
46
- return React__default.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
37
+ function UnlinkToolbarIcon(props) {
38
+ const { controller } = props, rest = tslib.__rest(props, ["controller"]);
39
+ const { onClick } = useUnlinkTool(controller);
40
+ return React.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
47
41
  }
48
42
 
49
43
  exports.LinkToolbarIcon = LinkToolbarIcon;
@@ -1,6 +1,6 @@
1
1
  import { LinkUpsertLinkOptions } from '@quadrats/common/link';
2
2
  import { ReactLink } from '@quadrats/react/link';
3
- export declare type UseLinkToolOptions = LinkUpsertLinkOptions;
3
+ export type UseLinkToolOptions = LinkUpsertLinkOptions;
4
4
  export declare function useLinkTool(controller: ReactLink, options?: UseLinkToolOptions): {
5
5
  active: boolean;
6
6
  onClick: () => void;
@@ -1,20 +1,20 @@
1
1
  import { useQuadrats } from '@quadrats/react';
2
2
  import { useStartToolInput } from '@quadrats/react/toolbar';
3
3
 
4
- function useLinkTool(controller, options = {}) {
5
- const editor = useQuadrats();
6
- const startToolInput = useStartToolInput();
7
- return {
8
- active: controller.isSelectionInLink(editor),
9
- onClick: () => startToolInput({
10
- getPlaceholder: (locale) => locale.editor.link.inputPlaceholder,
11
- confirm: (url) => {
12
- if (controller.isUrl(url)) {
13
- controller.upsertLink(editor, url, options);
14
- }
15
- },
16
- }),
17
- };
4
+ function useLinkTool(controller, options = {}) {
5
+ const editor = useQuadrats();
6
+ const startToolInput = useStartToolInput();
7
+ return {
8
+ active: controller.isSelectionInLink(editor),
9
+ onClick: () => startToolInput({
10
+ getPlaceholder: (locale) => locale.editor.link.inputPlaceholder,
11
+ confirm: (url) => {
12
+ if (controller.isUrl(url)) {
13
+ controller.upsertLink(editor, url, options);
14
+ }
15
+ },
16
+ }),
17
+ };
18
18
  }
19
19
 
20
20
  export { useLinkTool };
@@ -1,10 +1,10 @@
1
1
  import { useSlateStatic } from '@quadrats/react';
2
2
 
3
- function useUnlinkTool(controller) {
4
- const editor = useSlateStatic();
5
- return {
6
- onClick: () => controller.unwrapLink(editor),
7
- };
3
+ function useUnlinkTool(controller) {
4
+ const editor = useSlateStatic();
5
+ return {
6
+ onClick: () => controller.unwrapLink(editor),
7
+ };
8
8
  }
9
9
 
10
10
  export { useUnlinkTool };
package/link/typings.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { Link, LinkElement } from '@quadrats/common/link';
3
3
  import { RenderElementProps, ReactWithable, WithCreateRenderElement, Editor } from '@quadrats/react';
4
- export declare type RenderLinkElementProps = RenderElementProps<LinkElement>;
4
+ export type RenderLinkElementProps = RenderElementProps<LinkElement>;
5
5
  export interface ReactLinkCreateRenderElementOptions {
6
6
  render?: (props: RenderLinkElementProps) => JSX.Element | null | undefined;
7
7
  }
@@ -1,4 +1,4 @@
1
1
  import { CreateListOptions } from '@quadrats/common/list';
2
2
  import { ReactList } from './typings';
3
- export declare type CreateReactListOptions = CreateListOptions;
3
+ export type CreateReactListOptions = CreateListOptions;
4
4
  export declare function createReactList(options?: CreateReactListOptions): ReactList;
@@ -2,24 +2,24 @@ import { createList } from '@quadrats/common/list';
2
2
  import { createRenderElements } from '@quadrats/react';
3
3
  import { defaultRenderListElements } from './defaultRenderListElements.js';
4
4
 
5
- function createReactList(options = {}) {
6
- const core = createList(options);
7
- return Object.assign(Object.assign({}, core), { createRenderElement: (options = {}) => createRenderElements(['ol', 'ul', 'li'].map(key => ({
8
- type: core.types[key],
9
- render: options[key] || defaultRenderListElements[key],
10
- }))), createHandlers: () => ({
11
- onKeyDown: (event, editor, next) => {
12
- if (event.key === 'Tab') {
13
- const entries = core.getAboveListAndItem(editor);
14
- if (entries) {
15
- event.preventDefault();
16
- (event.shiftKey ? core.decreaseListItemDepth : core.increaseListItemDepth)(editor, entries);
17
- return;
18
- }
19
- }
20
- next();
21
- },
22
- }) });
5
+ function createReactList(options = {}) {
6
+ const core = createList(options);
7
+ return Object.assign(Object.assign({}, core), { createRenderElement: (options = {}) => createRenderElements(['ol', 'ul', 'li'].map(key => ({
8
+ type: core.types[key],
9
+ render: options[key] || defaultRenderListElements[key],
10
+ }))), createHandlers: () => ({
11
+ onKeyDown: (event, editor, next) => {
12
+ if (event.key === 'Tab') {
13
+ const entries = core.getAboveListAndItem(editor);
14
+ if (entries) {
15
+ event.preventDefault();
16
+ (event.shiftKey ? core.decreaseListItemDepth : core.increaseListItemDepth)(editor, entries);
17
+ return;
18
+ }
19
+ }
20
+ next();
21
+ },
22
+ }) });
23
23
  }
24
24
 
25
25
  export { createReactList };
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
 
3
- const defaultRenderListElements = {
4
- ol: ({ attributes, children }) => React.createElement("ol", Object.assign({}, attributes, { className: "qdr-ol" }), children),
5
- ul: ({ attributes, children }) => React.createElement("ul", Object.assign({}, attributes, { className: "qdr-ul" }), children),
6
- li: ({ attributes, children }) => React.createElement("li", Object.assign({}, attributes, { className: "qdr-li" }), children),
3
+ const defaultRenderListElements = {
4
+ ol: ({ attributes, children }) => React.createElement("ol", Object.assign({}, attributes, { className: "qdr-ol" }), children),
5
+ ul: ({ attributes, children }) => React.createElement("ul", Object.assign({}, attributes, { className: "qdr-ul" }), children),
6
+ li: ({ attributes, children }) => React.createElement("li", Object.assign({}, attributes, { className: "qdr-li" }), children),
7
7
  };
8
8
 
9
9
  export { defaultRenderListElements };
package/list/index.cjs.js CHANGED
@@ -1,39 +1,33 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var React = require('react');
6
4
  var list = require('@quadrats/common/list');
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 defaultRenderListElements = {
14
- ol: ({ attributes, children }) => React__default.createElement("ol", Object.assign({}, attributes, { className: "qdr-ol" }), children),
15
- ul: ({ attributes, children }) => React__default.createElement("ul", Object.assign({}, attributes, { className: "qdr-ul" }), children),
16
- li: ({ attributes, children }) => React__default.createElement("li", Object.assign({}, attributes, { className: "qdr-li" }), children),
7
+ const defaultRenderListElements = {
8
+ ol: ({ attributes, children }) => React.createElement("ol", Object.assign({}, attributes, { className: "qdr-ol" }), children),
9
+ ul: ({ attributes, children }) => React.createElement("ul", Object.assign({}, attributes, { className: "qdr-ul" }), children),
10
+ li: ({ attributes, children }) => React.createElement("li", Object.assign({}, attributes, { className: "qdr-li" }), children),
17
11
  };
18
12
 
19
- function createReactList(options = {}) {
20
- const core = list.createList(options);
21
- return Object.assign(Object.assign({}, core), { createRenderElement: (options = {}) => react.createRenderElements(['ol', 'ul', 'li'].map(key => ({
22
- type: core.types[key],
23
- render: options[key] || defaultRenderListElements[key],
24
- }))), createHandlers: () => ({
25
- onKeyDown: (event, editor, next) => {
26
- if (event.key === 'Tab') {
27
- const entries = core.getAboveListAndItem(editor);
28
- if (entries) {
29
- event.preventDefault();
30
- (event.shiftKey ? core.decreaseListItemDepth : core.increaseListItemDepth)(editor, entries);
31
- return;
32
- }
33
- }
34
- next();
35
- },
36
- }) });
13
+ function createReactList(options = {}) {
14
+ const core = list.createList(options);
15
+ return Object.assign(Object.assign({}, core), { createRenderElement: (options = {}) => react.createRenderElements(['ol', 'ul', 'li'].map(key => ({
16
+ type: core.types[key],
17
+ render: options[key] || defaultRenderListElements[key],
18
+ }))), createHandlers: () => ({
19
+ onKeyDown: (event, editor, next) => {
20
+ if (event.key === 'Tab') {
21
+ const entries = core.getAboveListAndItem(editor);
22
+ if (entries) {
23
+ event.preventDefault();
24
+ (event.shiftKey ? core.decreaseListItemDepth : core.increaseListItemDepth)(editor, entries);
25
+ return;
26
+ }
27
+ }
28
+ next();
29
+ },
30
+ }) });
37
31
  }
38
32
 
39
33
  exports.createReactList = createReactList;
@@ -2,7 +2,7 @@
2
2
  import { ListTypeKey } from '@quadrats/common/list';
3
3
  import { CreateJsxSerializeElementOptions } from '@quadrats/react/jsx-serializer';
4
4
  import { JsxSerializeListElementProps } from './typings';
5
- export declare type CreateJsxSerializeListOptions = {
5
+ export type CreateJsxSerializeListOptions = {
6
6
  [key in ListTypeKey]?: CreateJsxSerializeElementOptions<JsxSerializeListElementProps>;
7
7
  };
8
- export declare function createJsxSerializeList(options?: CreateJsxSerializeListOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps<import("@quadrats/core").QuadratsElement>) => JSX.Element | null | undefined;
8
+ export declare function createJsxSerializeList(options?: CreateJsxSerializeListOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps) => JSX.Element | null | undefined;
@@ -2,14 +2,14 @@ import { LIST_TYPES } from '@quadrats/common/list';
2
2
  import { createJsxSerializeElements } from '@quadrats/react/jsx-serializer';
3
3
  import { defaultRenderListElements } from '@quadrats/react/list';
4
4
 
5
- function createJsxSerializeList(options = {}) {
6
- return createJsxSerializeElements(['ol', 'ul', 'li'].map((key) => {
7
- const { type = LIST_TYPES[key], render = defaultRenderListElements[key] } = options[key] || {};
8
- return {
9
- type,
10
- render,
11
- };
12
- }));
5
+ function createJsxSerializeList(options = {}) {
6
+ return createJsxSerializeElements(['ol', 'ul', 'li'].map((key) => {
7
+ const { type = LIST_TYPES[key], render = defaultRenderListElements[key] } = options[key] || {};
8
+ return {
9
+ type,
10
+ render,
11
+ };
12
+ }));
13
13
  }
14
14
 
15
15
  export { createJsxSerializeList };
@@ -1,19 +1,17 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var list = require('@quadrats/react/list');
6
4
  var list$1 = require('@quadrats/common/list');
7
5
  var jsxSerializer = require('@quadrats/react/jsx-serializer');
8
6
 
9
- function createJsxSerializeList(options = {}) {
10
- return jsxSerializer.createJsxSerializeElements(['ol', 'ul', 'li'].map((key) => {
11
- const { type = list$1.LIST_TYPES[key], render = list.defaultRenderListElements[key] } = options[key] || {};
12
- return {
13
- type,
14
- render,
15
- };
16
- }));
7
+ function createJsxSerializeList(options = {}) {
8
+ return jsxSerializer.createJsxSerializeElements(['ol', 'ul', 'li'].map((key) => {
9
+ const { type = list$1.LIST_TYPES[key], render = list.defaultRenderListElements[key] } = options[key] || {};
10
+ return {
11
+ type,
12
+ render,
13
+ };
14
+ }));
17
15
  }
18
16
 
19
17
  exports.defaultRenderListElements = list.defaultRenderListElements;
@@ -1,3 +1,3 @@
1
1
  import { ListElement } from '@quadrats/common/list';
2
2
  import { JsxSerializeElementProps } from '@quadrats/react/jsx-serializer';
3
- export declare type JsxSerializeListElementProps = JsxSerializeElementProps<ListElement>;
3
+ export type JsxSerializeListElementProps = JsxSerializeElementProps<ListElement>;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { ListRootTypeKey } from '@quadrats/common/list';
3
3
  import { ToolbarIconProps } from '@quadrats/react/toolbar';
4
4
  import { ReactList } from '@quadrats/react/list';
@@ -6,5 +6,5 @@ export interface ListToolbarIconProps extends Omit<ToolbarIconProps, 'active' |
6
6
  controller: ReactList;
7
7
  listTypeKey: ListRootTypeKey;
8
8
  }
9
- declare function ListToolbarIcon(props: ListToolbarIconProps): JSX.Element;
9
+ declare function ListToolbarIcon(props: ListToolbarIconProps): React.JSX.Element;
10
10
  export default ListToolbarIcon;
@@ -3,10 +3,10 @@ import React from 'react';
3
3
  import { ToolbarIcon } from '@quadrats/react/toolbar';
4
4
  import { useListTool } from './useListTool.js';
5
5
 
6
- function ListToolbarIcon(props) {
7
- const { controller, listTypeKey } = props, rest = __rest(props, ["controller", "listTypeKey"]);
8
- const { active, onClick } = useListTool(controller, listTypeKey);
9
- return React.createElement(ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
6
+ function ListToolbarIcon(props) {
7
+ const { controller, listTypeKey } = props, rest = __rest(props, ["controller", "listTypeKey"]);
8
+ const { active, onClick } = useListTool(controller, listTypeKey);
9
+ return React.createElement(ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
10
10
  }
11
11
 
12
12
  export { ListToolbarIcon as default };