@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.
- package/_internal/index.cjs.js +42 -44
- package/_internal/renderer/composeRenderElementsBase.js +10 -10
- package/_internal/renderer/composeRenderLeafsBase.js +8 -8
- package/_internal/renderer/createRenderElementBase.js +6 -6
- package/_internal/renderer/createRenderElementsBase.js +8 -8
- package/_internal/renderer/createRenderMarkBase.js +10 -10
- package/blockquote/constants.js +5 -5
- package/blockquote/createReactBlockquote.d.ts +1 -1
- package/blockquote/createReactBlockquote.js +58 -58
- package/blockquote/defaultRenderBlockquoteElement.d.ts +2 -2
- package/blockquote/index.cjs.js +64 -71
- package/blockquote/jsx-serializer/createJsxSerializeBlockquote.d.ts +2 -2
- package/blockquote/jsx-serializer/createJsxSerializeBlockquote.js +3 -3
- package/blockquote/jsx-serializer/index.cjs.js +3 -5
- package/blockquote/jsx-serializer/typings.d.ts +1 -1
- package/blockquote/toolbar/BlockquoteToolbarIcon.d.ts +2 -2
- package/blockquote/toolbar/BlockquoteToolbarIcon.js +4 -4
- package/blockquote/toolbar/index.cjs.js +10 -16
- package/blockquote/toolbar/useBlockquoteTool.js +6 -6
- package/blockquote/typings.d.ts +1 -1
- package/bold/constants.js +5 -5
- package/bold/createReactBold.d.ts +1 -1
- package/bold/createReactBold.js +3 -3
- package/bold/defaultRenderBold.d.ts +2 -2
- package/bold/defaultRenderBold.js +1 -1
- package/bold/index.cjs.js +9 -15
- package/bold/jsx-serializer/createJsxSerializeBold.js +3 -3
- package/bold/jsx-serializer/index.cjs.js +3 -5
- package/components/Icon/index.d.ts +1 -1
- package/components/Icon/index.js +15 -15
- package/components/Portal/index.d.ts +1 -0
- package/components/Portal/index.js +3 -3
- package/components/Progress/index.js +10 -10
- package/components/Tooltip/calculatePosition.js +66 -66
- package/components/Tooltip/index.d.ts +2 -2
- package/components/Tooltip/index.js +109 -109
- package/components/Tooltip/typings.d.ts +4 -4
- package/components/index.cjs.js +203 -211
- package/configs/ConfigsProvider.d.ts +2 -2
- package/configs/ConfigsProvider.js +7 -7
- package/configs/index.cjs.js +38 -44
- package/configs/locale.js +3 -3
- package/configs/theme.js +28 -28
- package/core/components/DefaultElement.d.ts +2 -2
- package/core/components/DefaultLeaf.d.ts +2 -2
- package/core/components/Editable.d.ts +3 -3
- package/core/components/Editable.js +41 -42
- package/core/components/Quadrats.d.ts +3 -3
- package/core/components/Quadrats.js +7 -7
- package/core/composeHandlers.js +30 -30
- package/core/composeRenderElements.d.ts +1 -1
- package/core/composeRenderElements.js +5 -5
- package/core/composeRenderLeafs.js +5 -5
- package/core/createReactEditor.js +2 -2
- package/core/createRenderElement.d.ts +1 -1
- package/core/createRenderElement.js +2 -2
- package/core/createRenderElements.d.ts +1 -1
- package/core/createRenderElements.js +2 -2
- package/core/createRenderMark.js +2 -2
- package/core/index.d.ts +6 -4
- package/core/index.js +11 -0
- package/core/typings/descendant.d.ts +1 -1
- package/core/typings/handler.d.ts +7 -7
- package/core/typings/renderer.d.ts +5 -5
- package/core/typings/with.d.ts +2 -2
- package/divider/createReactDivider.d.ts +1 -1
- package/divider/createReactDivider.js +4 -4
- package/divider/defaultRenderDividerElement.d.ts +2 -2
- package/divider/defaultRenderDividerElement.js +2 -2
- package/divider/index.cjs.js +6 -12
- package/divider/jsx-serializer/createJsxSerializeDivider.d.ts +2 -2
- package/divider/jsx-serializer/createJsxSerializeDivider.js +3 -3
- package/divider/jsx-serializer/defaultRenderDividerElement.d.ts +2 -2
- package/divider/jsx-serializer/index.cjs.js +4 -10
- package/divider/jsx-serializer/typings.d.ts +1 -1
- package/divider/toolbar/DividerToolbarIcon.d.ts +2 -2
- package/divider/toolbar/DividerToolbarIcon.js +4 -4
- package/divider/toolbar/index.cjs.js +9 -15
- package/divider/toolbar/useDividerTool.js +5 -5
- package/divider/typings.d.ts +1 -1
- package/embed/components/VideoIframe.d.ts +2 -2
- package/embed/components/VideoIframe.js +8 -8
- package/embed/createReactEmbed.d.ts +1 -1
- package/embed/createReactEmbed.js +7 -7
- package/embed/createRenderEmbedElementBase.js +9 -9
- package/embed/hooks/useVideoIframeSize.js +19 -19
- package/embed/index.cjs.js +43 -49
- package/embed/jsx-serializer/createJsxSerializeEmbed.d.ts +1 -1
- package/embed/jsx-serializer/createJsxSerializeEmbed.js +6 -6
- package/embed/jsx-serializer/facebook/index.cjs.js +2 -4
- package/embed/jsx-serializer/index.cjs.js +6 -8
- package/embed/jsx-serializer/instagram/index.cjs.js +2 -4
- package/embed/jsx-serializer/twitter/index.cjs.js +2 -4
- package/embed/jsx-serializer/vimeo/index.cjs.js +2 -4
- package/embed/jsx-serializer/youtube/index.cjs.js +2 -4
- package/embed/renderers/facebook/components/Facebook.d.ts +2 -2
- package/embed/renderers/facebook/components/Facebook.js +11 -11
- package/embed/renderers/facebook/defaultRenderFacebookEmbedElement.d.ts +2 -2
- package/embed/renderers/facebook/index.cjs.js +12 -18
- package/embed/renderers/instagram/components/Instagram.d.ts +2 -2
- package/embed/renderers/instagram/components/Instagram.js +18 -18
- package/embed/renderers/instagram/defaultRenderInstagramEmbedElement.d.ts +2 -2
- package/embed/renderers/instagram/hooks/useLoadInstagramEmbedApi.js +22 -22
- package/embed/renderers/instagram/index.cjs.js +41 -47
- package/embed/renderers/podcast-apple/components/PodcastApple.d.ts +2 -2
- package/embed/renderers/podcast-apple/components/PodcastApple.js +6 -6
- package/embed/renderers/podcast-apple/defaultRenderPodcastAppleEmbedElement.d.ts +2 -2
- package/embed/renderers/podcast-apple/index.cjs.js +7 -13
- package/embed/renderers/spotify/components/Spotify.d.ts +2 -2
- package/embed/renderers/spotify/components/Spotify.js +10 -10
- package/embed/renderers/spotify/defaultRenderSpotifyEmbedElement.d.ts +2 -2
- package/embed/renderers/spotify/index.cjs.js +11 -17
- package/embed/renderers/twitter/components/Twitter.d.ts +2 -2
- package/embed/renderers/twitter/components/Twitter.js +5 -5
- package/embed/renderers/twitter/defaultRenderTwitterEmbedElement.d.ts +2 -2
- package/embed/renderers/twitter/hooks/useLoadTwitterEmbedApi.js +28 -28
- package/embed/renderers/twitter/index.cjs.js +34 -40
- package/embed/renderers/vimeo/defaultRenderVimeoEmbedElement.d.ts +2 -2
- package/embed/renderers/vimeo/index.cjs.js +1 -7
- package/embed/renderers/youtube/defaultRenderYoutubeEmbedElement.d.ts +2 -2
- package/embed/renderers/youtube/index.cjs.js +1 -7
- package/embed/toolbar/EmbedToolbarIcon.d.ts +2 -2
- package/embed/toolbar/EmbedToolbarIcon.js +4 -4
- package/embed/toolbar/index.cjs.js +16 -22
- package/embed/toolbar/useEmbedTool.js +12 -12
- package/embed/typings.d.ts +1 -1
- package/file-uploader/components/FileUploader.d.ts +2 -2
- package/file-uploader/components/FileUploader.js +7 -7
- package/file-uploader/createReactFileUploader.js +7 -7
- package/file-uploader/hooks/useFileUploader.js +7 -7
- package/file-uploader/index.cjs.js +22 -28
- package/file-uploader/toolbar/FileUploaderToolbarIcon.d.ts +2 -2
- package/file-uploader/toolbar/FileUploaderToolbarIcon.js +4 -4
- package/file-uploader/toolbar/index.cjs.js +9 -15
- package/file-uploader/toolbar/useFileUploaderTool.js +5 -5
- package/file-uploader/typings.d.ts +3 -3
- package/footnote/createReactFootnote.d.ts +1 -1
- package/footnote/createReactFootnote.js +6 -6
- package/footnote/defaultRenderFootnoteElement.d.ts +2 -2
- package/footnote/defaultRenderFootnoteElement.js +9 -9
- package/footnote/index.cjs.js +51 -57
- package/footnote/jsx-serializer/createJsxSerializeFootnote.d.ts +2 -2
- package/footnote/jsx-serializer/createJsxSerializeFootnote.js +4 -4
- package/footnote/jsx-serializer/defaultRenderFootnoteElement.d.ts +2 -2
- package/footnote/jsx-serializer/defaultRenderFootnoteElement.js +5 -5
- package/footnote/jsx-serializer/index.cjs.js +9 -15
- package/footnote/jsx-serializer/typings.d.ts +1 -1
- package/footnote/toolbar/FootnoteToolbarIcon.d.ts +2 -2
- package/footnote/toolbar/FootnoteToolbarIcon.js +4 -4
- package/footnote/toolbar/index.cjs.js +17 -23
- package/footnote/toolbar/useFootnoteTool.d.ts +1 -1
- package/footnote/toolbar/useFootnoteTool.js +13 -13
- package/footnote/typings.d.ts +1 -1
- package/footnote/useFootnotes.js +15 -15
- package/footnote/useFootnotesFromNodes.js +21 -21
- package/heading/constants.js +8 -8
- package/heading/createReactHeading.d.ts +1 -1
- package/heading/createReactHeading.js +37 -37
- package/heading/defaultRenderHeadingElement.d.ts +2 -2
- package/heading/defaultRenderHeadingElement.js +14 -14
- package/heading/index.cjs.js +59 -66
- package/heading/jsx-serializer/createJsxSerializeHeading.d.ts +2 -2
- package/heading/jsx-serializer/createJsxSerializeHeading.js +3 -3
- package/heading/jsx-serializer/index.cjs.js +3 -5
- package/heading/jsx-serializer/typings.d.ts +1 -1
- package/heading/toolbar/HeadingToolbarIcon.d.ts +2 -2
- package/heading/toolbar/HeadingToolbarIcon.js +4 -4
- package/heading/toolbar/index.cjs.js +10 -16
- package/heading/toolbar/useToggleHeadingTool.js +6 -6
- package/heading/typings.d.ts +1 -1
- package/highlight/constants.js +5 -5
- package/highlight/createReactHighlight.d.ts +1 -1
- package/highlight/createReactHighlight.js +3 -3
- package/highlight/defaultRenderHighlight.d.ts +2 -2
- package/highlight/defaultRenderHighlight.js +1 -1
- package/highlight/index.cjs.js +9 -15
- package/highlight/jsx-serializer/createJsxSerializeHighlight.d.ts +1 -1
- package/highlight/jsx-serializer/createJsxSerializeHighlight.js +4 -4
- package/highlight/jsx-serializer/index.cjs.js +4 -6
- package/image/components/Image.d.ts +2 -2
- package/image/components/Image.js +11 -11
- package/image/components/ImageCaption.d.ts +2 -2
- package/image/components/ImageCaption.js +13 -13
- package/image/components/ImageFigure.d.ts +2 -2
- package/image/components/ImageFigure.js +8 -8
- package/image/createReactImage.d.ts +1 -1
- package/image/createReactImage.js +94 -94
- package/image/defaultRenderImageElements.js +4 -4
- package/image/hooks/useImageResizer.js +89 -89
- package/image/image.css +1 -1
- package/image/index.cjs.js +219 -227
- package/image/jsx-serializer/createJsxSerializeImage.d.ts +2 -3
- package/image/jsx-serializer/createJsxSerializeImage.js +34 -34
- package/image/jsx-serializer/defaultRenderImageElements.js +4 -4
- package/image/jsx-serializer/index.cjs.js +38 -44
- package/image/jsx-serializer/typings.d.ts +1 -1
- package/image/typings.d.ts +3 -3
- package/index.cjs.js +103 -109
- package/index.js +3 -2
- package/input-block/components/InputBlock.d.ts +2 -2
- package/input-block/components/InputBlock.js +19 -19
- package/input-block/createReactInputBlock.d.ts +1 -1
- package/input-block/createReactInputBlock.js +10 -10
- package/input-block/hooks/useInputBlock.js +43 -43
- package/input-block/index.cjs.js +73 -79
- package/input-block/typings.d.ts +2 -2
- package/italic/constants.js +5 -5
- package/italic/createReactItalic.d.ts +1 -1
- package/italic/createReactItalic.js +3 -3
- package/italic/defaultRenderItalic.d.ts +2 -2
- package/italic/defaultRenderItalic.js +1 -1
- package/italic/index.cjs.js +9 -15
- package/italic/jsx-serializer/createJsxSerializeItalic.js +3 -3
- package/italic/jsx-serializer/index.cjs.js +3 -5
- package/jsx-serializer/createJsxSerializeElement.d.ts +1 -1
- package/jsx-serializer/createJsxSerializeElement.js +2 -2
- package/jsx-serializer/createJsxSerializeElements.d.ts +1 -1
- package/jsx-serializer/createJsxSerializeElements.js +2 -2
- package/jsx-serializer/createJsxSerializeMark.js +2 -2
- package/jsx-serializer/createJsxSerializer.js +42 -42
- package/jsx-serializer/index.cjs.js +48 -54
- package/jsx-serializer/typings.d.ts +5 -5
- package/line-break/commonBreak.js +26 -26
- package/line-break/createOnKeyDownBreak.js +41 -41
- package/line-break/createReactLineBreak.d.ts +1 -1
- package/line-break/createReactLineBreak.js +6 -6
- package/line-break/defaultRenderLineBreakElement.d.ts +2 -2
- package/line-break/index.cjs.js +75 -82
- package/line-break/jsx-serializer/createJsxSerializeLineBreak.d.ts +2 -2
- package/line-break/jsx-serializer/createJsxSerializeLineBreak.js +4 -4
- package/line-break/jsx-serializer/defaultRenderLineBreakElement.d.ts +2 -2
- package/line-break/jsx-serializer/defaultRenderLineBreakElement.js +1 -1
- package/line-break/jsx-serializer/index.cjs.js +6 -12
- package/line-break/jsx-serializer/typings.d.ts +1 -1
- package/line-break/renderLineBreakElementWithSymbol.d.ts +2 -2
- package/line-break/typings.d.ts +1 -1
- package/link/createReactLink.js +22 -22
- package/link/defaultRenderLinkElement.d.ts +2 -2
- package/link/defaultRenderLinkElement.js +7 -7
- package/link/index.cjs.js +29 -35
- package/link/jsx-serializer/createJsxSerializeLink.d.ts +2 -2
- package/link/jsx-serializer/createJsxSerializeLink.js +3 -3
- package/link/jsx-serializer/defaultRenderLinkElement.d.ts +2 -2
- package/link/jsx-serializer/index.cjs.js +4 -10
- package/link/jsx-serializer/typings.d.ts +1 -1
- package/link/toolbar/LinkToolbarIcon.d.ts +2 -2
- package/link/toolbar/LinkToolbarIcon.js +4 -4
- package/link/toolbar/UnlinkToolbarIcon.d.ts +2 -2
- package/link/toolbar/UnlinkToolbarIcon.js +4 -4
- package/link/toolbar/index.cjs.js +27 -33
- package/link/toolbar/useLinkTool.d.ts +1 -1
- package/link/toolbar/useLinkTool.js +14 -14
- package/link/toolbar/useUnlinkTool.js +5 -5
- package/link/typings.d.ts +1 -1
- package/list/createReactList.d.ts +1 -1
- package/list/createReactList.js +18 -18
- package/list/defaultRenderListElements.js +4 -4
- package/list/index.cjs.js +22 -28
- package/list/jsx-serializer/createJsxSerializeList.d.ts +2 -2
- package/list/jsx-serializer/createJsxSerializeList.js +8 -8
- package/list/jsx-serializer/index.cjs.js +8 -10
- package/list/jsx-serializer/typings.d.ts +1 -1
- package/list/toolbar/ListToolbarIcon.d.ts +2 -2
- package/list/toolbar/ListToolbarIcon.js +4 -4
- package/list/toolbar/index.cjs.js +10 -16
- package/list/toolbar/useListTool.js +6 -6
- package/list/typings.d.ts +2 -2
- package/package.json +10 -10
- package/paragraph/createRenderParagraphElement.d.ts +2 -2
- package/paragraph/createRenderParagraphElement.js +3 -3
- package/paragraph/defaultRenderParagraphElement.d.ts +2 -2
- package/paragraph/index.cjs.js +5 -11
- package/paragraph/jsx-serializer/createJsxSerializeParagraph.d.ts +2 -2
- package/paragraph/jsx-serializer/createJsxSerializeParagraph.js +3 -3
- package/paragraph/jsx-serializer/index.cjs.js +3 -5
- package/paragraph/jsx-serializer/typings.d.ts +1 -1
- package/paragraph/renderParagraphElementWithSymbol.d.ts +2 -2
- package/read-more/components/ReadMore.d.ts +2 -2
- package/read-more/components/ReadMore.js +6 -6
- package/read-more/createReactReadMore.d.ts +1 -1
- package/read-more/createReactReadMore.js +4 -4
- package/read-more/defaultRenderReadMoreElement.d.ts +2 -2
- package/read-more/index.cjs.js +11 -17
- package/read-more/jsx-serializer/createJsxSerializeReadMore.d.ts +2 -2
- package/read-more/jsx-serializer/createJsxSerializeReadMore.js +3 -3
- package/read-more/jsx-serializer/index.cjs.js +3 -5
- package/read-more/jsx-serializer/typings.d.ts +1 -1
- package/read-more/toolbar/ReadMoreToolbarIcon.d.ts +2 -2
- package/read-more/toolbar/ReadMoreToolbarIcon.js +4 -4
- package/read-more/toolbar/index.cjs.js +9 -15
- package/read-more/toolbar/useReadMoreTool.js +5 -5
- package/read-more/typings.d.ts +1 -1
- package/strikethrough/constants.js +5 -5
- package/strikethrough/createReactStrikethrough.d.ts +1 -1
- package/strikethrough/createReactStrikethrough.js +3 -3
- package/strikethrough/defaultRenderStrikethrough.d.ts +2 -2
- package/strikethrough/defaultRenderStrikethrough.js +1 -1
- package/strikethrough/index.cjs.js +9 -15
- package/strikethrough/jsx-serializer/createJsxSerializeStrikethrough.js +3 -3
- package/strikethrough/jsx-serializer/index.cjs.js +3 -5
- package/toggle-mark/createReactToggleMarkCreator.d.ts +2 -2
- package/toggle-mark/createReactToggleMarkCreator.js +14 -14
- package/toggle-mark/index.cjs.js +14 -20
- package/toggle-mark/jsx-serializer/createJsxSerializeToggleMarkCreator.d.ts +3 -3
- package/toggle-mark/jsx-serializer/createJsxSerializeToggleMarkCreator.js +2 -2
- package/toggle-mark/jsx-serializer/index.cjs.js +2 -4
- package/toggle-mark/jsx-serializer/typings.d.ts +1 -1
- package/toggle-mark/toolbar/ToggleMarkToolbarIcon.d.ts +2 -2
- package/toggle-mark/toolbar/ToggleMarkToolbarIcon.js +4 -4
- package/toggle-mark/toolbar/index.cjs.js +10 -16
- package/toggle-mark/toolbar/useToggleMarkTool.js +6 -6
- package/toggle-mark/typings.d.ts +2 -2
- package/toolbar/components/Toolbar.d.ts +1 -1
- package/toolbar/components/Toolbar.js +102 -102
- package/toolbar/components/ToolbarIcon.d.ts +2 -2
- package/toolbar/components/ToolbarIcon.js +6 -6
- package/toolbar/components/ToolbarInput.d.ts +2 -2
- package/toolbar/components/ToolbarInput.js +23 -23
- package/toolbar/constants.d.ts +2 -2
- package/toolbar/constants.js +3 -3
- package/toolbar/hooks/useStartToolInput.js +2 -2
- package/toolbar/index.cjs.js +137 -144
- package/toolbar/toolbar.css +1 -1
- package/toolbar/typings.d.ts +1 -1
- package/underline/constants.js +5 -5
- package/underline/createReactUnderline.d.ts +1 -1
- package/underline/createReactUnderline.js +3 -3
- package/underline/defaultRenderUnderline.d.ts +2 -2
- package/underline/defaultRenderUnderline.js +1 -1
- package/underline/index.cjs.js +9 -15
- package/underline/jsx-serializer/createJsxSerializeUnderline.js +3 -3
- package/underline/jsx-serializer/index.cjs.js +3 -5
- package/utils/composeRefs.js +29 -29
- 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
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
|
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
|
|
5
|
-
export
|
|
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.
|
|
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.
|
|
24
|
-
"@quadrats/core": "^0.
|
|
25
|
-
"@quadrats/icons": "^0.
|
|
26
|
-
"@quadrats/locales": "^0.
|
|
27
|
-
"@quadrats/theme": "^0.
|
|
28
|
-
"@quadrats/utils": "^0.
|
|
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.
|
|
34
|
+
"slate-react": "^0.94.2",
|
|
35
35
|
"tslib": "^2.3.1"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
|
-
"react": "^
|
|
39
|
-
"react-dom": "^
|
|
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
|
|
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
|
|
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
|
-
|
|
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;
|
package/paragraph/index.cjs.js
CHANGED
|
@@ -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
|
-
|
|
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, }) => (
|
|
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
|
|
5
|
-
export declare function createJsxSerializeParagraph(options?: CreateJsxSerializeParagraphOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps
|
|
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
|
|
3
|
+
export type JsxSerializeParagraphProps = JsxSerializeElementProps<ParagraphElement>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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;
|
package/read-more/index.cjs.js
CHANGED
|
@@ -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
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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) =>
|
|
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
|
|
5
|
-
export declare function createJsxSerializeReadMore(options?: CreateJsxSerializeReadMoreOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps
|
|
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
|
|
3
|
+
export type JsxSerializeReadMoreProps = JsxSerializeElementProps<ReadMoreElement>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
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
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
|
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 };
|
package/read-more/typings.d.ts
CHANGED
|
@@ -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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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 }) => (
|
|
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;
|