@quadrats/react 0.1.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bold/createReactBold.d.ts +1 -1
- package/bold/createReactBold.js +5 -5
- package/bold/defaultRenderBold.d.ts +1 -1
- package/bold/defaultRenderBold.js +1 -1
- package/bold/index.cjs.js +5 -5
- package/bold/jsx-serializer/createJsxSerializeBold.d.ts +1 -1
- package/bold/jsx-serializer/createJsxSerializeBold.js +2 -2
- package/bold/jsx-serializer/index.cjs.js +1 -1
- package/components/Icon/index.d.ts +1 -1
- package/components/Icon/index.js +1 -1
- package/components/Portal/index.js +1 -1
- package/components/Progress/index.js +1 -1
- package/components/Tooltip/index.js +3 -3
- package/components/index.cjs.js +1 -1
- package/configs/ConfigsProvider.js +1 -1
- package/configs/index.cjs.js +1 -1
- package/core/components/DefaultElement.js +1 -1
- package/core/components/DefaultLeaf.js +1 -1
- package/core/components/Editable.js +3 -3
- package/core/components/Quadrats.js +3 -3
- package/core/composeRenderElements.js +1 -1
- package/core/composeRenderLeafs.js +1 -1
- package/core/createRenderMark.d.ts +1 -1
- package/divider/createReactDivider.js +1 -1
- package/divider/index.cjs.js +1 -1
- package/divider/jsx-serializer/createJsxSerializeDivider.js +1 -1
- package/divider/jsx-serializer/index.cjs.js +1 -1
- package/divider/toolbar/DividerToolbarIcon.js +2 -2
- package/divider/toolbar/index.cjs.js +1 -1
- package/embed/components/VideoIframe.js +1 -1
- package/embed/createReactEmbed.js +1 -1
- package/embed/index.cjs.js +1 -1
- package/embed/index.js +1 -1
- package/embed/jsx-serializer/facebook/index.cjs.js +3 -3
- package/embed/jsx-serializer/instagram/index.cjs.js +3 -3
- package/embed/jsx-serializer/twitter/index.cjs.js +3 -3
- package/embed/jsx-serializer/vimeo/index.cjs.js +3 -3
- package/embed/jsx-serializer/youtube/index.cjs.js +3 -3
- package/embed/renderers/facebook/components/Facebook.js +1 -1
- package/embed/renderers/facebook/index.cjs.js +1 -1
- package/embed/renderers/instagram/components/Instagram.js +1 -1
- package/embed/renderers/instagram/index.cjs.js +1 -1
- package/embed/renderers/podcast-apple/components/PodcastApple.d.ts +11 -0
- package/embed/renderers/podcast-apple/components/PodcastApple.js +12 -0
- package/embed/renderers/podcast-apple/defaultRenderPodcastAppleEmbedElement.d.ts +3 -0
- package/embed/renderers/podcast-apple/defaultRenderPodcastAppleEmbedElement.js +6 -0
- package/embed/renderers/podcast-apple/index.cjs.js +23 -0
- package/embed/renderers/podcast-apple/index.d.ts +2 -0
- package/embed/renderers/podcast-apple/index.js +2 -0
- package/{blockquote/jsx-serializer → embed/renderers/podcast-apple}/package.json +1 -1
- package/embed/renderers/spotify/components/Spotify.d.ts +11 -0
- package/embed/renderers/spotify/components/Spotify.js +16 -0
- package/embed/renderers/spotify/defaultRenderSpotifyEmbedElement.d.ts +3 -0
- package/embed/renderers/spotify/defaultRenderSpotifyEmbedElement.js +6 -0
- package/embed/renderers/spotify/index.cjs.js +27 -0
- package/embed/renderers/spotify/index.d.ts +2 -0
- package/embed/renderers/spotify/index.js +2 -0
- package/{heading/jsx-serializer → embed/renderers/spotify}/package.json +1 -1
- package/embed/renderers/twitter/components/Twitter.js +2 -2
- package/embed/renderers/twitter/index.cjs.js +1 -1
- package/embed/renderers/vimeo/index.cjs.js +1 -1
- package/embed/renderers/youtube/index.cjs.js +1 -1
- package/embed/toolbar/EmbedToolbarIcon.js +3 -3
- package/embed/toolbar/index.cjs.js +1 -1
- package/file-uploader/components/FileUploader.js +2 -2
- package/file-uploader/createReactFileUploader.js +1 -1
- package/file-uploader/index.cjs.js +1 -1
- package/file-uploader/toolbar/FileUploaderToolbarIcon.js +2 -2
- package/file-uploader/toolbar/index.cjs.js +1 -1
- package/footnote/createReactFootnote.d.ts +4 -0
- package/footnote/createReactFootnote.js +24 -0
- package/footnote/defaultRenderFootnoteElement.d.ts +9 -0
- package/footnote/defaultRenderFootnoteElement.js +15 -0
- package/footnote/index.cjs.js +45 -0
- package/footnote/index.d.ts +3 -0
- package/footnote/index.js +2 -0
- package/footnote/jsx-serializer/createJsxSerializeFootnote.d.ts +5 -0
- package/footnote/jsx-serializer/createJsxSerializeFootnote.js +11 -0
- package/footnote/jsx-serializer/defaultRenderFootnoteElement.d.ts +3 -0
- package/footnote/jsx-serializer/defaultRenderFootnoteElement.js +10 -0
- package/footnote/jsx-serializer/index.cjs.js +27 -0
- package/footnote/jsx-serializer/index.d.ts +3 -0
- package/footnote/jsx-serializer/index.js +2 -0
- package/{blockquote → footnote/jsx-serializer}/package.json +1 -1
- package/footnote/jsx-serializer/typings.d.ts +3 -0
- package/{heading → footnote}/package.json +1 -1
- package/footnote/typings.d.ts +9 -0
- package/highlight/createReactHighlight.d.ts +1 -1
- package/highlight/createReactHighlight.js +5 -5
- package/highlight/defaultRenderHighlight.d.ts +1 -1
- package/highlight/defaultRenderHighlight.js +1 -1
- package/highlight/index.cjs.js +5 -5
- package/highlight/jsx-serializer/createJsxSerializeHighlight.d.ts +1 -1
- package/highlight/jsx-serializer/createJsxSerializeHighlight.js +2 -2
- package/highlight/jsx-serializer/index.cjs.js +1 -1
- package/image/components/Image.js +2 -2
- package/image/components/ImageCaption.js +2 -2
- package/image/components/ImageFigure.js +1 -1
- package/image/createReactImage.js +3 -3
- package/image/index.cjs.js +1 -1
- package/image/index.js +2 -2
- package/image/jsx-serializer/createJsxSerializeImage.js +1 -1
- package/image/jsx-serializer/index.cjs.js +1 -1
- package/index.cjs.js +4 -4
- package/index.js +1 -1
- package/input-block/components/InputBlock.js +1 -1
- package/input-block/createReactInputBlock.js +1 -1
- package/input-block/index.cjs.js +1 -1
- package/italic/createReactItalic.d.ts +1 -1
- package/italic/createReactItalic.js +5 -5
- package/italic/defaultRenderItalic.d.ts +1 -1
- package/italic/defaultRenderItalic.js +1 -1
- package/italic/index.cjs.js +5 -5
- package/italic/jsx-serializer/createJsxSerializeItalic.d.ts +1 -1
- package/italic/jsx-serializer/createJsxSerializeItalic.js +2 -2
- package/italic/jsx-serializer/index.cjs.js +1 -1
- package/jsx-serializer/createJsxSerializeMark.d.ts +1 -1
- package/jsx-serializer/createJsxSerializer.js +1 -1
- package/jsx-serializer/index.cjs.js +1 -1
- package/{break → line-break}/commonBreak.d.ts +0 -0
- package/{break → line-break}/commonBreak.js +0 -0
- package/{break → line-break}/createOnKeyDownBreak.d.ts +0 -0
- package/{break → line-break}/createOnKeyDownBreak.js +0 -0
- package/line-break/createReactLineBreak.d.ts +4 -0
- package/line-break/createReactLineBreak.js +14 -0
- package/line-break/defaultRenderLineBreakElement.d.ts +3 -0
- package/line-break/defaultRenderLineBreakElement.js +6 -0
- package/{break → line-break}/index.cjs.js +20 -1
- package/line-break/index.d.ts +5 -0
- package/{break → line-break}/index.js +2 -0
- package/line-break/line-break.css +1 -0
- package/line-break/line-break.scss +22 -0
- package/line-break/package.json +10 -0
- package/line-break/renderLineBreakElementWithSymbol.d.ts +3 -0
- package/line-break/renderLineBreakElementWithSymbol.js +6 -0
- package/line-break/typings.d.ts +32 -0
- package/link/createReactLink.js +1 -1
- package/link/defaultRenderLinkElement.d.ts +1 -1
- package/link/index.cjs.js +1 -1
- package/link/jsx-serializer/createJsxSerializeLink.js +1 -1
- package/link/jsx-serializer/index.cjs.js +1 -1
- package/link/toolbar/LinkToolbarIcon.js +3 -3
- package/link/toolbar/UnlinkToolbarIcon.js +3 -3
- package/link/toolbar/index.cjs.js +1 -1
- package/list/createReactList.js +1 -1
- package/list/index.cjs.js +1 -1
- package/list/jsx-serializer/createJsxSerializeList.js +1 -1
- package/list/toolbar/ListToolbarIcon.js +2 -2
- package/list/toolbar/index.cjs.js +1 -1
- package/package.json +7 -7
- package/paragraph/createRenderParagraphElement.js +1 -1
- package/paragraph/defaultRenderParagraphElement.js +1 -1
- package/paragraph/index.cjs.js +5 -2
- package/paragraph/index.d.ts +1 -0
- package/paragraph/index.js +1 -0
- package/paragraph/jsx-serializer/createJsxSerializeParagraph.js +1 -1
- package/paragraph/package.json +4 -1
- package/paragraph/paragraph.css +1 -0
- package/paragraph/paragraph.scss +24 -0
- package/{blockquote/defaultRenderBlockquoteElement.d.ts → paragraph/renderParagraphElementWithSymbol.d.ts} +2 -2
- package/paragraph/renderParagraphElementWithSymbol.js +5 -0
- package/read-more/components/ReadMore.js +1 -1
- package/read-more/createReactReadMore.js +1 -1
- package/read-more/index.cjs.js +1 -1
- package/read-more/jsx-serializer/createJsxSerializeReadMore.js +1 -1
- package/read-more/toolbar/ReadMoreToolbarIcon.js +2 -2
- package/read-more/toolbar/index.cjs.js +1 -1
- package/strikethrough/createReactStrikethrough.d.ts +1 -1
- package/strikethrough/createReactStrikethrough.js +5 -5
- package/strikethrough/defaultRenderStrikethrough.d.ts +1 -1
- package/strikethrough/defaultRenderStrikethrough.js +1 -1
- package/strikethrough/index.cjs.js +5 -5
- package/strikethrough/jsx-serializer/createJsxSerializeStrikethrough.d.ts +1 -1
- package/strikethrough/jsx-serializer/createJsxSerializeStrikethrough.js +2 -2
- package/strikethrough/jsx-serializer/index.cjs.js +1 -1
- package/toggle-mark/index.cjs.js +1 -1
- package/toggle-mark/jsx-serializer/createJsxSerializeToggleMarkCreator.d.ts +1 -1
- package/toggle-mark/toolbar/ToggleMarkToolbarIcon.js +2 -2
- package/toggle-mark/toolbar/index.cjs.js +1 -1
- package/toolbar/components/Toolbar.js +1 -1
- package/toolbar/components/ToolbarIcon.js +2 -2
- package/toolbar/components/ToolbarInput.js +2 -2
- package/toolbar/index.cjs.js +2 -2
- package/underline/createReactUnderline.d.ts +1 -1
- package/underline/createReactUnderline.js +5 -5
- package/underline/defaultRenderUnderline.d.ts +1 -1
- package/underline/defaultRenderUnderline.js +1 -1
- package/underline/index.cjs.js +5 -5
- package/underline/jsx-serializer/createJsxSerializeUnderline.d.ts +1 -1
- package/underline/jsx-serializer/createJsxSerializeUnderline.js +2 -2
- package/underline/jsx-serializer/index.cjs.js +1 -1
- package/blockquote/constants.d.ts +0 -6
- package/blockquote/constants.js +0 -8
- package/blockquote/createReactBlockquote.d.ts +0 -4
- package/blockquote/createReactBlockquote.js +0 -35
- package/blockquote/defaultRenderBlockquoteElement.js +0 -5
- package/blockquote/index.cjs.js +0 -54
- package/blockquote/index.d.ts +0 -4
- package/blockquote/index.js +0 -3
- package/blockquote/jsx-serializer/createJsxSerializeBlockquote.d.ts +0 -5
- package/blockquote/jsx-serializer/createJsxSerializeBlockquote.js +0 -10
- package/blockquote/jsx-serializer/defaultRenderBlockquoteElement.d.ts +0 -1
- package/blockquote/jsx-serializer/index.cjs.js +0 -15
- package/blockquote/jsx-serializer/index.d.ts +0 -3
- package/blockquote/jsx-serializer/index.js +0 -2
- package/blockquote/jsx-serializer/typings.d.ts +0 -3
- package/blockquote/toolbar/BlockquoteToolbarIcon.d.ts +0 -8
- package/blockquote/toolbar/BlockquoteToolbarIcon.js +0 -12
- package/blockquote/toolbar/index.cjs.js +0 -29
- package/blockquote/toolbar/index.d.ts +0 -2
- package/blockquote/toolbar/index.js +0 -2
- package/blockquote/toolbar/package.json +0 -7
- package/blockquote/toolbar/useBlockquoteTool.d.ts +0 -5
- package/blockquote/toolbar/useBlockquoteTool.js +0 -11
- package/blockquote/typings.d.ts +0 -15
- package/break/index.d.ts +0 -3
- package/break/package.json +0 -7
- package/break/typings.d.ts +0 -24
- package/heading/constants.d.ts +0 -9
- package/heading/constants.js +0 -11
- package/heading/createReactHeading.d.ts +0 -4
- package/heading/createReactHeading.js +0 -47
- package/heading/defaultRenderHeadingElement.d.ts +0 -22
- package/heading/defaultRenderHeadingElement.js +0 -19
- package/heading/index.cjs.js +0 -83
- package/heading/index.d.ts +0 -4
- package/heading/index.js +0 -3
- package/heading/jsx-serializer/createJsxSerializeHeading.d.ts +0 -5
- package/heading/jsx-serializer/createJsxSerializeHeading.js +0 -10
- package/heading/jsx-serializer/defaultRenderHeadingElement.d.ts +0 -1
- package/heading/jsx-serializer/index.cjs.js +0 -15
- package/heading/jsx-serializer/index.d.ts +0 -3
- package/heading/jsx-serializer/index.js +0 -2
- package/heading/jsx-serializer/typings.d.ts +0 -3
- package/heading/toolbar/HeadingToolbarIcon.d.ts +0 -10
- package/heading/toolbar/HeadingToolbarIcon.js +0 -12
- package/heading/toolbar/index.cjs.js +0 -29
- package/heading/toolbar/index.d.ts +0 -2
- package/heading/toolbar/index.js +0 -2
- package/heading/toolbar/package.json +0 -7
- package/heading/toolbar/useToggleHeadingTool.d.ts +0 -6
- package/heading/toolbar/useToggleHeadingTool.js +0 -11
- package/heading/typings.d.ts +0 -15
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qdr-paragraph__with-line-break-symbol>*:last-child{position:relative}.qdr-paragraph__with-line-break-symbol>*:last-child::after{content:"";display:block;width:16px;height:16px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA60lEQVRoge2ZwQ3CMBAEdxH/0AF0AKVQQkqgA6ACKIFSKAE6oJNDEREPxOccwybSjuRPrEt2JMeJdYwITJnZpNNbYARYQI0F1FhAjQXUzMcQguT7hywimKn1ElJjATUWUGMBNRZQYwE1FiC5IHmrEyfPIAGSGwBd+LUof7kAyS2AK4Bl3Ug5ig40JHcATh/XDv+P/zoBpQaAS1f2q5HNM7Zd6J4tSC+hiGhJPgDsP6aO2Xt94ZwtKG5wkGz7BzYoOIzXYlCHpt9Gu52oUQkMegciovsGrErWbi3cI1NjATUWUGMBNRZQYwEpAJ566ofECQ43YwAAAABJRU5ErkJggg==");background-size:16px;background-position:center;background-repeat:no-repeat;position:absolute;right:-16px;bottom:0;opacity:.5}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
$qdr-image-resizer-size: 6px;
|
|
2
|
+
|
|
3
|
+
.qdr-paragraph {
|
|
4
|
+
&__with-line-break-symbol {
|
|
5
|
+
> *:last-child {
|
|
6
|
+
position: relative;
|
|
7
|
+
|
|
8
|
+
&::after {
|
|
9
|
+
content: '';
|
|
10
|
+
display: block;
|
|
11
|
+
width: 16px;
|
|
12
|
+
height: 16px;
|
|
13
|
+
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA60lEQVRoge2ZwQ3CMBAEdxH/0AF0AKVQQkqgA6ACKIFSKAE6oJNDEREPxOccwybSjuRPrEt2JMeJdYwITJnZpNNbYARYQI0F1FhAjQXUzMcQguT7hywimKn1ElJjATUWUGMBNRZQYwE1FiC5IHmrEyfPIAGSGwBd+LUof7kAyS2AK4Bl3Ug5ig40JHcATh/XDv+P/zoBpQaAS1f2q5HNM7Zd6J4tSC+hiGhJPgDsP6aO2Xt94ZwtKG5wkGz7BzYoOIzXYlCHpt9Gu52oUQkMegciovsGrErWbi3cI1NjATUWUGMBNRZQYwEpAJ566ofECQ43YwAAAABJRU5ErkJggg==');
|
|
14
|
+
background-size: 16px;
|
|
15
|
+
background-position: center;
|
|
16
|
+
background-repeat: no-repeat;
|
|
17
|
+
position: absolute;
|
|
18
|
+
right: -16px;
|
|
19
|
+
bottom: 0;
|
|
20
|
+
opacity: 0.5;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { RenderElementProps } from '@quadrats/react';
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const renderParagraphElementWithSymbol: ({ attributes, children, }: {
|
|
4
4
|
attributes?: {
|
|
5
5
|
'data-slate-node': "element";
|
|
6
6
|
'data-slate-inline'?: true | undefined;
|
|
@@ -8,5 +8,5 @@ export declare const defaultRenderBlockquoteElement: ({ attributes, children, }:
|
|
|
8
8
|
dir?: "rtl" | undefined;
|
|
9
9
|
ref: any;
|
|
10
10
|
} | undefined;
|
|
11
|
-
children:
|
|
11
|
+
children: any;
|
|
12
12
|
}) => JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
const renderParagraphElementWithSymbol = ({ attributes, children, }) => (React.createElement("p", Object.assign({}, attributes, { className: "qdr-paragraph__with-line-break-symbol" }), children));
|
|
4
|
+
|
|
5
|
+
export { renderParagraphElementWithSymbol };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { createReadMore } from '@quadrats/common/read-more';
|
|
1
2
|
import { createRenderElement } from '@quadrats/react';
|
|
2
3
|
import { defaultRenderReadMoreElement } from './defaultRenderReadMoreElement.js';
|
|
3
|
-
import { createReadMore } from '@quadrats/common/read-more';
|
|
4
4
|
|
|
5
5
|
function createReactReadMore(options = {}) {
|
|
6
6
|
const core = createReadMore(options);
|
package/read-more/index.cjs.js
CHANGED
|
@@ -6,7 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var react = require('@quadrats/react');
|
|
7
7
|
var readMore = require('@quadrats/common/read-more');
|
|
8
8
|
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e[
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defaultRenderReadMoreElement } from '@quadrats/react/read-more';
|
|
2
1
|
import { READ_MORE_TYPE } from '@quadrats/common/read-more';
|
|
3
2
|
import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
|
|
3
|
+
import { defaultRenderReadMoreElement } from '@quadrats/react/read-more';
|
|
4
4
|
|
|
5
5
|
function createJsxSerializeReadMore(options = {}) {
|
|
6
6
|
const { type = READ_MORE_TYPE, render = defaultRenderReadMoreElement } = options;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useReadMoreTool } from './useReadMoreTool.js';
|
|
2
1
|
import { __rest } from 'tslib';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
import { ToolbarIcon } from '@quadrats/react/toolbar';
|
|
4
|
+
import { useReadMoreTool } from './useReadMoreTool.js';
|
|
5
5
|
|
|
6
6
|
function ReadMoreToolbarIcon(props) {
|
|
7
7
|
const { controller } = props, rest = __rest(props, ["controller"]);
|
|
@@ -9,4 +9,4 @@ function ReadMoreToolbarIcon(props) {
|
|
|
9
9
|
return React.createElement(ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
export default
|
|
12
|
+
export { ReadMoreToolbarIcon as default };
|
|
@@ -7,7 +7,7 @@ var tslib = require('tslib');
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var toolbar = require('@quadrats/react/toolbar');
|
|
9
9
|
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e[
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const createReactStrikethrough: (
|
|
1
|
+
export declare const createReactStrikethrough: (variant?: string | undefined) => import("@quadrats/react/toggle-mark").ReactToggleMark;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { STRIKETHROUGH_HOTKEY } from './constants.js';
|
|
2
|
-
import { defaultRenderStrikethrough } from './defaultRenderStrikethrough.js';
|
|
3
1
|
import { createStrikethrough } from '@quadrats/common/strikethrough';
|
|
4
2
|
import { createReactToggleMarkCreator } from '@quadrats/react/toggle-mark';
|
|
3
|
+
import { defaultRenderStrikethrough } from './defaultRenderStrikethrough.js';
|
|
4
|
+
import { STRIKETHROUGH_HOTKEY } from './constants.js';
|
|
5
5
|
|
|
6
|
-
const createReactStrikethrough = createReactToggleMarkCreator(createStrikethrough, {
|
|
6
|
+
const createReactStrikethrough = (variant) => createReactToggleMarkCreator(createStrikethrough(variant), {
|
|
7
7
|
hotkey: STRIKETHROUGH_HOTKEY,
|
|
8
|
-
render: defaultRenderStrikethrough,
|
|
9
|
-
});
|
|
8
|
+
render: defaultRenderStrikethrough(variant),
|
|
9
|
+
})();
|
|
10
10
|
|
|
11
11
|
export { createReactStrikethrough };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { RenderMarkPropsBase } from '@quadrats/react/_internal';
|
|
3
|
-
export declare const defaultRenderStrikethrough: ({ children }: RenderMarkPropsBase<boolean>) => JSX.Element;
|
|
3
|
+
export declare const defaultRenderStrikethrough: (variant?: string | undefined) => ({ children }: RenderMarkPropsBase<boolean>) => JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
const defaultRenderStrikethrough = ({ children }) => React.createElement("del", null, children);
|
|
3
|
+
const defaultRenderStrikethrough = (variant) => (({ children }) => (React.createElement("del", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
|
|
4
4
|
|
|
5
5
|
export { defaultRenderStrikethrough };
|
|
@@ -6,7 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var strikethrough = require('@quadrats/common/strikethrough');
|
|
7
7
|
var toggleMark = require('@quadrats/react/toggle-mark');
|
|
8
8
|
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e[
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
|
|
@@ -17,12 +17,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
17
17
|
*/
|
|
18
18
|
const STRIKETHROUGH_HOTKEY = 'mod+opt+s';
|
|
19
19
|
|
|
20
|
-
const defaultRenderStrikethrough = ({ children }) => React__default.createElement("del", null, children);
|
|
20
|
+
const defaultRenderStrikethrough = (variant) => (({ children }) => (React__default.createElement("del", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
|
|
21
21
|
|
|
22
|
-
const createReactStrikethrough = toggleMark.createReactToggleMarkCreator(strikethrough.createStrikethrough, {
|
|
22
|
+
const createReactStrikethrough = (variant) => toggleMark.createReactToggleMarkCreator(strikethrough.createStrikethrough(variant), {
|
|
23
23
|
hotkey: STRIKETHROUGH_HOTKEY,
|
|
24
|
-
render: defaultRenderStrikethrough,
|
|
25
|
-
});
|
|
24
|
+
render: defaultRenderStrikethrough(variant),
|
|
25
|
+
})();
|
|
26
26
|
|
|
27
27
|
exports.STRIKETHROUGH_HOTKEY = STRIKETHROUGH_HOTKEY;
|
|
28
28
|
exports.createReactStrikethrough = createReactStrikethrough;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const createJsxSerializeStrikethrough: (options?: Partial<import("@quadrats/react/jsx-serializer").
|
|
2
|
+
export declare const createJsxSerializeStrikethrough: (options?: Partial<import("@quadrats/react/toggle-mark/jsx-serializer").CreateJsxSerializeToggleMarkCreatorOptions> | undefined) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defaultRenderStrikethrough } from '@quadrats/react/strikethrough';
|
|
2
1
|
import { STRIKETHROUGH_TYPE } from '@quadrats/common/strikethrough';
|
|
3
2
|
import { createJsxSerializeToggleMarkCreator } from '@quadrats/react/toggle-mark/jsx-serializer';
|
|
3
|
+
import { defaultRenderStrikethrough } from '@quadrats/react/strikethrough';
|
|
4
4
|
|
|
5
5
|
const createJsxSerializeStrikethrough = createJsxSerializeToggleMarkCreator({
|
|
6
6
|
type: STRIKETHROUGH_TYPE,
|
|
7
|
-
render: defaultRenderStrikethrough,
|
|
7
|
+
render: defaultRenderStrikethrough(),
|
|
8
8
|
});
|
|
9
9
|
|
|
10
10
|
export { createJsxSerializeStrikethrough };
|
|
@@ -8,7 +8,7 @@ var jsxSerializer = require('@quadrats/react/toggle-mark/jsx-serializer');
|
|
|
8
8
|
|
|
9
9
|
const createJsxSerializeStrikethrough = jsxSerializer.createJsxSerializeToggleMarkCreator({
|
|
10
10
|
type: strikethrough$1.STRIKETHROUGH_TYPE,
|
|
11
|
-
render: strikethrough.defaultRenderStrikethrough,
|
|
11
|
+
render: strikethrough.defaultRenderStrikethrough(),
|
|
12
12
|
});
|
|
13
13
|
|
|
14
14
|
exports.defaultRenderStrikethrough = strikethrough.defaultRenderStrikethrough;
|
package/toggle-mark/index.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var isHotkey = require('is-hotkey');
|
|
6
6
|
var react = require('@quadrats/react');
|
|
7
7
|
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e[
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
|
|
9
9
|
|
|
10
10
|
var isHotkey__default = /*#__PURE__*/_interopDefaultLegacy(isHotkey);
|
|
11
11
|
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
import { CreateJsxSerializeMarkOptions } from '@quadrats/react/jsx-serializer';
|
|
3
3
|
export declare type CreateJsxSerializeToggleMarkCreatorOptions = CreateJsxSerializeMarkOptions<boolean>;
|
|
4
4
|
export declare type CreateJsxSerializeToggleMarkOptions = Partial<CreateJsxSerializeToggleMarkCreatorOptions>;
|
|
5
|
-
export declare function createJsxSerializeToggleMarkCreator(defaults: CreateJsxSerializeToggleMarkCreatorOptions): (options?: Partial<
|
|
5
|
+
export declare function createJsxSerializeToggleMarkCreator(defaults: CreateJsxSerializeToggleMarkCreatorOptions): (options?: Partial<CreateJsxSerializeToggleMarkCreatorOptions> | undefined) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useToggleMarkTool } from './useToggleMarkTool.js';
|
|
2
1
|
import { __rest } from 'tslib';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
import { ToolbarIcon } from '@quadrats/react/toolbar';
|
|
4
|
+
import { useToggleMarkTool } from './useToggleMarkTool.js';
|
|
5
5
|
|
|
6
6
|
function ToggleMarkToolbarIcon(props) {
|
|
7
7
|
const { controller } = props, rest = __rest(props, ["controller"]);
|
|
@@ -9,4 +9,4 @@ function ToggleMarkToolbarIcon(props) {
|
|
|
9
9
|
return React.createElement(ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
export default
|
|
12
|
+
export { ToggleMarkToolbarIcon as default };
|
|
@@ -7,7 +7,7 @@ var tslib = require('tslib');
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var toolbar = require('@quadrats/react/toolbar');
|
|
9
9
|
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e[
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import { __rest } from 'tslib';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import clsx from 'clsx';
|
|
3
4
|
import { Icon } from '@quadrats/react/components';
|
|
4
|
-
import { __rest } from 'tslib';
|
|
5
5
|
|
|
6
6
|
function ToolbarIcon(props) {
|
|
7
7
|
const { active, className, onMouseDown } = props, rest = __rest(props, ["active", "className", "onMouseDown"]);
|
|
@@ -11,4 +11,4 @@ function ToolbarIcon(props) {
|
|
|
11
11
|
} })));
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
export default
|
|
14
|
+
export { ToolbarIcon as default };
|
|
@@ -19,7 +19,7 @@ function ToolbarInput({ exit, toolInput }) {
|
|
|
19
19
|
const locale = useLocale();
|
|
20
20
|
const placeholder = getPlaceholder(locale);
|
|
21
21
|
return (React.createElement("div", { className: "qdr-toolbar__input__wrapper" },
|
|
22
|
-
React.createElement("input", {
|
|
22
|
+
React.createElement("input", { defaultValue: toolInput.defaultValue,
|
|
23
23
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
24
24
|
autoFocus: true, className: "qdr-toolbar__input", placeholder: placeholder, onKeyDown: onKeyDown, onBlur: exit }),
|
|
25
25
|
React.createElement("svg", { className: "qdr-toolbar__input__cross", viewBox: "0 0 320 512", onMouseDown: onExit },
|
|
@@ -28,4 +28,4 @@ function ToolbarInput({ exit, toolInput }) {
|
|
|
28
28
|
d: "M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" }))));
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
export default
|
|
31
|
+
export { ToolbarInput as default };
|
package/toolbar/index.cjs.js
CHANGED
|
@@ -9,7 +9,7 @@ var react = require('@quadrats/react');
|
|
|
9
9
|
var components = require('@quadrats/react/components');
|
|
10
10
|
var tslib = require('tslib');
|
|
11
11
|
|
|
12
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e[
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
|
|
13
13
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
|
|
@@ -39,7 +39,7 @@ function ToolbarInput({ exit, toolInput }) {
|
|
|
39
39
|
const locale = react.useLocale();
|
|
40
40
|
const placeholder = getPlaceholder(locale);
|
|
41
41
|
return (React__default.createElement("div", { className: "qdr-toolbar__input__wrapper" },
|
|
42
|
-
React__default.createElement("input", {
|
|
42
|
+
React__default.createElement("input", { defaultValue: toolInput.defaultValue,
|
|
43
43
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
44
44
|
autoFocus: true, className: "qdr-toolbar__input", placeholder: placeholder, onKeyDown: onKeyDown, onBlur: exit }),
|
|
45
45
|
React__default.createElement("svg", { className: "qdr-toolbar__input__cross", viewBox: "0 0 320 512", onMouseDown: onExit },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const createReactUnderline: (
|
|
1
|
+
export declare const createReactUnderline: (variant?: string | undefined) => import("@quadrats/react/toggle-mark").ReactToggleMark;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { UNDERLINE_HOTKEY } from './constants.js';
|
|
2
|
-
import { defaultRenderUnderline } from './defaultRenderUnderline.js';
|
|
3
1
|
import { createUnderline } from '@quadrats/common/underline';
|
|
4
2
|
import { createReactToggleMarkCreator } from '@quadrats/react/toggle-mark';
|
|
3
|
+
import { defaultRenderUnderline } from './defaultRenderUnderline.js';
|
|
4
|
+
import { UNDERLINE_HOTKEY } from './constants.js';
|
|
5
5
|
|
|
6
|
-
const createReactUnderline = createReactToggleMarkCreator(createUnderline, {
|
|
6
|
+
const createReactUnderline = (variant) => createReactToggleMarkCreator(createUnderline(variant), {
|
|
7
7
|
hotkey: UNDERLINE_HOTKEY,
|
|
8
|
-
render: defaultRenderUnderline,
|
|
9
|
-
});
|
|
8
|
+
render: defaultRenderUnderline(variant),
|
|
9
|
+
})();
|
|
10
10
|
|
|
11
11
|
export { createReactUnderline };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { RenderMarkPropsBase } from '@quadrats/react/_internal';
|
|
3
|
-
export declare const defaultRenderUnderline: ({ children }: RenderMarkPropsBase<boolean>) => JSX.Element;
|
|
3
|
+
export declare const defaultRenderUnderline: (variant?: string | undefined) => ({ children }: RenderMarkPropsBase<boolean>) => JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
const defaultRenderUnderline = ({ children }) => React.createElement("u", null, children);
|
|
3
|
+
const defaultRenderUnderline = (variant) => (({ children }) => (React.createElement("u", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
|
|
4
4
|
|
|
5
5
|
export { defaultRenderUnderline };
|
package/underline/index.cjs.js
CHANGED
|
@@ -6,7 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var underline = require('@quadrats/common/underline');
|
|
7
7
|
var toggleMark = require('@quadrats/react/toggle-mark');
|
|
8
8
|
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e[
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
12
|
|
|
@@ -17,12 +17,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
17
17
|
*/
|
|
18
18
|
const UNDERLINE_HOTKEY = 'mod+u';
|
|
19
19
|
|
|
20
|
-
const defaultRenderUnderline = ({ children }) => React__default.createElement("u", null, children);
|
|
20
|
+
const defaultRenderUnderline = (variant) => (({ children }) => (React__default.createElement("u", { className: variant !== null && variant !== void 0 ? variant : '' }, children)));
|
|
21
21
|
|
|
22
|
-
const createReactUnderline = toggleMark.createReactToggleMarkCreator(underline.createUnderline, {
|
|
22
|
+
const createReactUnderline = (variant) => toggleMark.createReactToggleMarkCreator(underline.createUnderline(variant), {
|
|
23
23
|
hotkey: UNDERLINE_HOTKEY,
|
|
24
|
-
render: defaultRenderUnderline,
|
|
25
|
-
});
|
|
24
|
+
render: defaultRenderUnderline(variant),
|
|
25
|
+
})();
|
|
26
26
|
|
|
27
27
|
exports.UNDERLINE_HOTKEY = UNDERLINE_HOTKEY;
|
|
28
28
|
exports.createReactUnderline = createReactUnderline;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const createJsxSerializeUnderline: (options?: Partial<import("@quadrats/react/jsx-serializer").
|
|
2
|
+
export declare const createJsxSerializeUnderline: (options?: Partial<import("@quadrats/react/toggle-mark/jsx-serializer").CreateJsxSerializeToggleMarkCreatorOptions> | undefined) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defaultRenderUnderline } from '@quadrats/react/underline';
|
|
2
1
|
import { UNDERLINE_TYPE } from '@quadrats/common/underline';
|
|
3
2
|
import { createJsxSerializeToggleMarkCreator } from '@quadrats/react/toggle-mark/jsx-serializer';
|
|
3
|
+
import { defaultRenderUnderline } from '@quadrats/react/underline';
|
|
4
4
|
|
|
5
5
|
const createJsxSerializeUnderline = createJsxSerializeToggleMarkCreator({
|
|
6
6
|
type: UNDERLINE_TYPE,
|
|
7
|
-
render: defaultRenderUnderline,
|
|
7
|
+
render: defaultRenderUnderline(),
|
|
8
8
|
});
|
|
9
9
|
|
|
10
10
|
export { createJsxSerializeUnderline };
|
|
@@ -8,7 +8,7 @@ var jsxSerializer = require('@quadrats/react/toggle-mark/jsx-serializer');
|
|
|
8
8
|
|
|
9
9
|
const createJsxSerializeUnderline = jsxSerializer.createJsxSerializeToggleMarkCreator({
|
|
10
10
|
type: underline$1.UNDERLINE_TYPE,
|
|
11
|
-
render: underline.defaultRenderUnderline,
|
|
11
|
+
render: underline.defaultRenderUnderline(),
|
|
12
12
|
});
|
|
13
13
|
|
|
14
14
|
exports.defaultRenderUnderline = underline.defaultRenderUnderline;
|
package/blockquote/constants.js
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { CreateBlockquoteOptions } from '@quadrats/common/blockquote';
|
|
2
|
-
import { ReactBlockquote } from './typings';
|
|
3
|
-
export declare type CreateReactBlockquoteOptions = CreateBlockquoteOptions;
|
|
4
|
-
export declare function createReactBlockquote(options?: CreateReactBlockquoteOptions): ReactBlockquote;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { BLOCKQUOTE_HOTKEY } from './constants.js';
|
|
2
|
-
import { defaultRenderBlockquoteElement } from './defaultRenderBlockquoteElement.js';
|
|
3
|
-
import isHotkey from 'is-hotkey';
|
|
4
|
-
import { createBlockquote } from '@quadrats/common/blockquote';
|
|
5
|
-
import { createRenderElement } from '@quadrats/react';
|
|
6
|
-
import { createOnKeyDownBreak } from '@quadrats/react/break';
|
|
7
|
-
|
|
8
|
-
function createReactBlockquote(options = {}) {
|
|
9
|
-
const core = createBlockquote(options);
|
|
10
|
-
const { type } = core;
|
|
11
|
-
const onKeyDownBreak = createOnKeyDownBreak({
|
|
12
|
-
softBreak: {
|
|
13
|
-
rules: [
|
|
14
|
-
{
|
|
15
|
-
hotkey: 'enter',
|
|
16
|
-
match: {
|
|
17
|
-
includeTypes: [type],
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
],
|
|
21
|
-
},
|
|
22
|
-
});
|
|
23
|
-
return Object.assign(Object.assign({}, core), { createHandlers: ({ hotkey = BLOCKQUOTE_HOTKEY } = {}) => ({
|
|
24
|
-
onKeyDown: (event, editor, next) => {
|
|
25
|
-
if (isHotkey(hotkey, event)) {
|
|
26
|
-
core.toggleBlockquote(editor);
|
|
27
|
-
}
|
|
28
|
-
else {
|
|
29
|
-
onKeyDownBreak(event, editor, next);
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
}), createRenderElement: ({ render = defaultRenderBlockquoteElement } = {}) => createRenderElement({ type, render }) });
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export { createReactBlockquote };
|
package/blockquote/index.cjs.js
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var isHotkey = require('is-hotkey');
|
|
7
|
-
var blockquote = require('@quadrats/common/blockquote');
|
|
8
|
-
var react = require('@quadrats/react');
|
|
9
|
-
var _break = require('@quadrats/react/break');
|
|
10
|
-
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
-
var isHotkey__default = /*#__PURE__*/_interopDefaultLegacy(isHotkey);
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Default hotkey for toggling blockquote.
|
|
18
|
-
*
|
|
19
|
-
* @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
|
|
20
|
-
*/
|
|
21
|
-
const BLOCKQUOTE_HOTKEY = 'ctrl+opt+q';
|
|
22
|
-
|
|
23
|
-
const defaultRenderBlockquoteElement = ({ attributes, children, }) => React__default.createElement("blockquote", Object.assign({}, attributes), children);
|
|
24
|
-
|
|
25
|
-
function createReactBlockquote(options = {}) {
|
|
26
|
-
const core = blockquote.createBlockquote(options);
|
|
27
|
-
const { type } = core;
|
|
28
|
-
const onKeyDownBreak = _break.createOnKeyDownBreak({
|
|
29
|
-
softBreak: {
|
|
30
|
-
rules: [
|
|
31
|
-
{
|
|
32
|
-
hotkey: 'enter',
|
|
33
|
-
match: {
|
|
34
|
-
includeTypes: [type],
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
],
|
|
38
|
-
},
|
|
39
|
-
});
|
|
40
|
-
return Object.assign(Object.assign({}, core), { createHandlers: ({ hotkey = BLOCKQUOTE_HOTKEY } = {}) => ({
|
|
41
|
-
onKeyDown: (event, editor, next) => {
|
|
42
|
-
if (isHotkey__default(hotkey, event)) {
|
|
43
|
-
core.toggleBlockquote(editor);
|
|
44
|
-
}
|
|
45
|
-
else {
|
|
46
|
-
onKeyDownBreak(event, editor, next);
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
}), createRenderElement: ({ render = defaultRenderBlockquoteElement } = {}) => react.createRenderElement({ type, render }) });
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
exports.BLOCKQUOTE_HOTKEY = BLOCKQUOTE_HOTKEY;
|
|
53
|
-
exports.createReactBlockquote = createReactBlockquote;
|
|
54
|
-
exports.defaultRenderBlockquoteElement = defaultRenderBlockquoteElement;
|
package/blockquote/index.d.ts
DELETED
package/blockquote/index.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { CreateJsxSerializeElementOptions } from '@quadrats/react/jsx-serializer';
|
|
3
|
-
import { JsxSerializeBlockquoteElementProps } from './typings';
|
|
4
|
-
export declare type CreateJsxSerializeBlockquoteOptions = Partial<CreateJsxSerializeElementOptions<JsxSerializeBlockquoteElementProps>>;
|
|
5
|
-
export declare function createJsxSerializeBlockquote(options?: CreateJsxSerializeBlockquoteOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps<import("slate").Element>) => JSX.Element | null | undefined;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { defaultRenderBlockquoteElement } from '@quadrats/react/blockquote';
|
|
2
|
-
import { BLOCKQUOTE_TYPE } from '@quadrats/common/blockquote';
|
|
3
|
-
import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
|
|
4
|
-
|
|
5
|
-
function createJsxSerializeBlockquote(options = {}) {
|
|
6
|
-
const { type = BLOCKQUOTE_TYPE, render = defaultRenderBlockquoteElement } = options;
|
|
7
|
-
return createJsxSerializeElement({ type, render });
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export { createJsxSerializeBlockquote };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { defaultRenderBlockquoteElement } from '@quadrats/react/blockquote';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var blockquote = require('@quadrats/react/blockquote');
|
|
6
|
-
var blockquote$1 = require('@quadrats/common/blockquote');
|
|
7
|
-
var jsxSerializer = require('@quadrats/react/jsx-serializer');
|
|
8
|
-
|
|
9
|
-
function createJsxSerializeBlockquote(options = {}) {
|
|
10
|
-
const { type = blockquote$1.BLOCKQUOTE_TYPE, render = blockquote.defaultRenderBlockquoteElement } = options;
|
|
11
|
-
return jsxSerializer.createJsxSerializeElement({ type, render });
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
exports.defaultRenderBlockquoteElement = blockquote.defaultRenderBlockquoteElement;
|
|
15
|
-
exports.createJsxSerializeBlockquote = createJsxSerializeBlockquote;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ToolbarIconProps } from '@quadrats/react/toolbar';
|
|
3
|
-
import { ReactBlockquote } from '@quadrats/react/blockquote';
|
|
4
|
-
export interface BlockquoteToolbarIconProps extends Omit<ToolbarIconProps, 'active' | 'onClick'> {
|
|
5
|
-
controller: ReactBlockquote;
|
|
6
|
-
}
|
|
7
|
-
declare function BlockquoteToolbarIcon(props: BlockquoteToolbarIconProps): JSX.Element;
|
|
8
|
-
export default BlockquoteToolbarIcon;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { useBlockquoteTool } from './useBlockquoteTool.js';
|
|
2
|
-
import { __rest } from 'tslib';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { ToolbarIcon } from '@quadrats/react/toolbar';
|
|
5
|
-
|
|
6
|
-
function BlockquoteToolbarIcon(props) {
|
|
7
|
-
const { controller } = props, rest = __rest(props, ["controller"]);
|
|
8
|
-
const { active, onClick } = useBlockquoteTool(controller);
|
|
9
|
-
return React.createElement(ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export default BlockquoteToolbarIcon;
|