@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,4 +1,4 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
|
5
|
-
export declare function createJsxSerializeLink(options?: CreateJsxSerializeLinkOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
3
|
+
export type JsxSerializeLinkElementProps = JsxSerializeElementProps<LinkElement>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
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
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
3
|
+
export type CreateReactListOptions = CreateListOptions;
|
|
4
4
|
export declare function createReactList(options?: CreateReactListOptions): ReactList;
|
package/list/createReactList.js
CHANGED
|
@@ -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
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
|
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
|
|
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
|
|
3
|
+
export type JsxSerializeListElementProps = JsxSerializeElementProps<ListElement>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
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 };
|