@quadrats/react 1.1.6 → 1.1.8

package/heading/index.cjs.js

@@ -1,77 +0,0 @@
-'use strict';
-
-var React = require('react');
-var isHotkey = require('is-hotkey');
-var heading = require('@quadrats/common/heading');
-var react = require('@quadrats/react');
-var lineBreak = require('@quadrats/react/line-break');
-
-/**
- * Default hotkey for toggling heading.
- *
- * @remarks
- * If the hotkey is `ctrl+opt`, the level 1 hotkey will be `ctrl+opt+1`, and so on.
- *
- * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
- */
-const HEADING_HOTKEY = 'ctrl+opt';
-
-const HEADING_COMPONENTS = {
-    1: 'h1',
-    2: 'h2',
-    3: 'h3',
-    4: 'h4',
-    5: 'h5',
-    6: 'h6',
-};
-const defaultRenderHeadingElement = ({ attributes, children, element, }) => {
-    const Component = HEADING_COMPONENTS[element.level];
-    if (!Component) {
-        return null;
-    }
-    const style = element.align ? { textAlign: element.align } : undefined;
-    return (React.createElement(Component, Object.assign({}, attributes, { className: `qdr-${Component}`, style: style }), children));
-};
-
-function createReactHeading(options = {}) {
-    const core = heading.createHeading(options);
-    const { type } = core;
-    return Object.assign(Object.assign({}, core), { createHandlers: ({ hotkey = HEADING_HOTKEY } = {}) => {
-            const onKeyDownBreak = lineBreak.createOnKeyDownBreak({
-                exitBreak: {
-                    rules: [
-                        {
-                            hotkey: 'enter',
-                            match: {
-                                onlyAtEdge: true,
-                                includeTypes: [type],
-                            },
-                        },
-                    ],
-                },
-            });
-            return {
-                onKeyDown(event, editor, next) {
-                    /**
-                     * Only toggle if the hotkey is fired and the key is the same as level.
-                     */
-                    const keyAsNumber = +event.key;
-                    if (!Number.isNaN(keyAsNumber) && isHotkey(hotkey, event)) {
-                        try {
-                            core.toggleHeadingNodes(editor, keyAsNumber);
-                            event.preventDefault();
-                            // eslint-disable-next-line no-empty
-                        }
-                        catch (_a) { }
-                    }
-                    else {
-                        onKeyDownBreak(event, editor, next);
-                    }
-                },
-            };
-        }, createRenderElement: ({ render = defaultRenderHeadingElement } = {}) => react.createRenderElement({ type, render }) });
-}
-
-exports.HEADING_HOTKEY = HEADING_HOTKEY;
-exports.createReactHeading = createReactHeading;
-exports.defaultRenderHeadingElement = defaultRenderHeadingElement;

package/heading/index.js

@@ -1,3 +0,0 @@
-export { HEADING_HOTKEY } from './constants.js';
-export { defaultRenderHeadingElement } from './defaultRenderHeadingElement.js';
-export { createReactHeading } from './createReactHeading.js';

package/heading/jsx-serializer/createJsxSerializeHeading.d.ts

@@ -1,4 +0,0 @@
-import { CreateJsxSerializeElementOptions } from '@quadrats/react/jsx-serializer';
-import { JsxSerializeHeadingElementProps } from './typings';
-export type CreateJsxSerializeHeadingOptions = Partial<CreateJsxSerializeElementOptions<JsxSerializeHeadingElementProps>>;
-export declare function createJsxSerializeHeading(options?: CreateJsxSerializeHeadingOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps) => import("react").JSX.Element | null | undefined;

package/heading/jsx-serializer/createJsxSerializeHeading.js

@@ -1,10 +0,0 @@
-import { HEADING_TYPE } from '@quadrats/common/heading';
-import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
-import { defaultRenderHeadingElement } from '@quadrats/react/heading';
-
-function createJsxSerializeHeading(options = {}) {
-    const { type = HEADING_TYPE, render = defaultRenderHeadingElement } = options;
-    return createJsxSerializeElement({ type, render });
-}
-
-export { createJsxSerializeHeading };

package/heading/jsx-serializer/index.cjs.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var heading = require('@quadrats/react/heading');
-var heading$1 = require('@quadrats/common/heading');
-var jsxSerializer = require('@quadrats/react/jsx-serializer');
-
-function createJsxSerializeHeading(options = {}) {
-    const { type = heading$1.HEADING_TYPE, render = heading.defaultRenderHeadingElement } = options;
-    return jsxSerializer.createJsxSerializeElement({ type, render });
-}
-
-exports.defaultRenderHeadingElement = heading.defaultRenderHeadingElement;
-exports.createJsxSerializeHeading = createJsxSerializeHeading;

package/heading/jsx-serializer/index.js

@@ -1,2 +0,0 @@
-export { defaultRenderHeadingElement } from '@quadrats/react/heading';
-export { createJsxSerializeHeading } from './createJsxSerializeHeading.js';

package/heading/jsx-serializer/typings.d.ts

@@ -1,3 +0,0 @@
-import { HeadingElement } from '@quadrats/common/heading';
-import { JsxSerializeElementProps } from '@quadrats/react/jsx-serializer';
-export type JsxSerializeHeadingElementProps = JsxSerializeElementProps<HeadingElement>;

package/heading/toolbar/HeadingToolbarIcon.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { HeadingLevel } from '@quadrats/common/heading';
-import { ReactHeading } from '@quadrats/react/heading';
-import { ToolbarIconProps } from '@quadrats/react/toolbar';
-export interface HeadingToolbarIconProps<Level extends HeadingLevel, ValidLevel extends Level> extends Omit<ToolbarIconProps, 'active' | 'onClick'> {
-    controller: ReactHeading<Level>;
-    level: ValidLevel;
-}
-declare function HeadingToolbarIcon<Level extends HeadingLevel, ValidLevel extends Level>(props: HeadingToolbarIconProps<Level, ValidLevel>): React.JSX.Element;
-export default HeadingToolbarIcon;

package/heading/toolbar/HeadingToolbarIcon.js

@@ -1,12 +0,0 @@
-import { __rest } from 'tslib';
-import React from 'react';
-import { ToolbarIcon } from '@quadrats/react/toolbar';
-import { useToggleHeadingTool } from './useToggleHeadingTool.js';
-
-function HeadingToolbarIcon(props) {
-    const { controller, level } = props, rest = __rest(props, ["controller", "level"]);
-    const { active, onClick } = useToggleHeadingTool(controller, level);
-    return React.createElement(ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
-}
-
-export { HeadingToolbarIcon as default };

package/heading/toolbar/index.cjs.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var react = require('@quadrats/react');
-var tslib = require('tslib');
-var React = require('react');
-var toolbar = require('@quadrats/react/toolbar');
-
-function useToggleHeadingTool(controller, level) {
-    const editor = react.useQuadrats();
-    return {
-        active: controller.isSelectionInHeading(editor, level),
-        onClick: () => controller.toggleHeadingNodes(editor, level),
-    };
-}
-
-function HeadingToolbarIcon(props) {
-    const { controller, level } = props, rest = tslib.__rest(props, ["controller", "level"]);
-    const { active, onClick } = useToggleHeadingTool(controller, level);
-    return React.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { active: active, onClick: onClick }));
-}
-
-exports.HeadingToolbarIcon = HeadingToolbarIcon;
-exports.useToggleHeadingTool = useToggleHeadingTool;

package/heading/toolbar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useToggleHeadingTool';
-export { HeadingToolbarIconProps, default as HeadingToolbarIcon } from './HeadingToolbarIcon';

package/heading/toolbar/index.js

@@ -1,2 +0,0 @@
-export { useToggleHeadingTool } from './useToggleHeadingTool.js';
-export { default as HeadingToolbarIcon } from './HeadingToolbarIcon.js';

package/heading/toolbar/useToggleHeadingTool.d.ts

@@ -1,6 +0,0 @@
-import { HeadingLevel } from '@quadrats/common/heading';
-import { ReactHeading } from '@quadrats/react/heading';
-export declare function useToggleHeadingTool<Level extends HeadingLevel, ValidLevel extends Level>(controller: ReactHeading<Level>, level: ValidLevel): {
-    active: boolean;
-    onClick: () => void;
-};

package/heading/toolbar/useToggleHeadingTool.js

@@ -1,11 +0,0 @@
-import { useQuadrats } from '@quadrats/react';
-
-function useToggleHeadingTool(controller, level) {
-    const editor = useQuadrats();
-    return {
-        active: controller.isSelectionInHeading(editor, level),
-        onClick: () => controller.toggleHeadingNodes(editor, level),
-    };
-}
-
-export { useToggleHeadingTool };

package/heading/typings.d.ts

@@ -1,15 +0,0 @@
-import { JSX } from 'react';
-import { Heading, HeadingElement, HeadingLevel } from '@quadrats/common/heading';
-import { WithCreateHandlers, WithCreateRenderElement, RenderElementProps, Editor } from '@quadrats/react';
-export type RenderHeadingElementProps = RenderElementProps<HeadingElement>;
-export interface ReactHeadingCreateHandlersOptions {
-    /**
-     * The hotkey to toggle heading w/ specific level.
-     */
-    hotkey?: string;
-}
-export interface ReactHeadingCreateRenderElementOptions {
-    render?: (props: RenderHeadingElementProps) => JSX.Element | null | undefined;
-}
-export interface ReactHeading<Level extends HeadingLevel> extends Heading<Level, Editor>, WithCreateHandlers<[ReactHeadingCreateHandlersOptions?]>, WithCreateRenderElement<[ReactHeadingCreateRenderElementOptions?]> {
-}

package/highlight/constants.d.ts

@@ -1,6 +0,0 @@
-/**
- * Default hotkey for toggling highlight.
- *
- * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
- */
-export declare const HIGHLIGHT_HOTKEY = "mod+h";

package/highlight/constants.js

@@ -1,8 +0,0 @@
-/**
- * Default hotkey for toggling highlight.
- *
- * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
- */
-const HIGHLIGHT_HOTKEY = 'mod+h';
-
-export { HIGHLIGHT_HOTKEY };

package/highlight/createReactHighlight.d.ts

@@ -1 +0,0 @@
-export declare const createReactHighlight: (variant?: string) => import("@quadrats/react/toggle-mark").ReactToggleMark;

package/highlight/createReactHighlight.js

@@ -1,11 +0,0 @@
-import { createHighlight } from '@quadrats/common/highlight';
-import { createReactToggleMarkCreator } from '@quadrats/react/toggle-mark';
-import { defaultRenderHighlight } from './defaultRenderHighlight.js';
-import { HIGHLIGHT_HOTKEY } from './constants.js';
-
-const createReactHighlight = (variant) => createReactToggleMarkCreator(createHighlight(variant), {
-    hotkey: HIGHLIGHT_HOTKEY,
-    render: defaultRenderHighlight(variant),
-})();
-
-export { createReactHighlight };

package/highlight/defaultRenderHighlight.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { RenderMarkPropsBase } from '@quadrats/react/_internal';
-export declare const defaultRenderHighlight: (variant?: string) => ({ children, leaf }: RenderMarkPropsBase<boolean>) => React.JSX.Element;

package/highlight/defaultRenderHighlight.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import { HIGHLIGHT_TYPE } from '@quadrats/common/highlight';
-
-const defaultRenderHighlight = (variant) => ({ children, leaf }) => (React.createElement("mark", { "data-type": variant !== null && variant !== void 0 ? variant : undefined, className: leaf.highlightVariant
-        ? `${HIGHLIGHT_TYPE}.${leaf.highlightVariant}` : `${HIGHLIGHT_TYPE}` }, children));
-
-export { defaultRenderHighlight };

package/highlight/index.cjs.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var React = require('react');
-var highlight = require('@quadrats/common/highlight');
-var toggleMark = require('@quadrats/react/toggle-mark');
-
-/**
- * Default hotkey for toggling highlight.
- *
- * @see [is-hotkey]{@link https://www.npmjs.com/package/is-hotkey}
- */
-const HIGHLIGHT_HOTKEY = 'mod+h';
-
-const defaultRenderHighlight = (variant) => ({ children, leaf }) => (React.createElement("mark", { "data-type": variant !== null && variant !== void 0 ? variant : undefined, className: leaf.highlightVariant
-        ? `${highlight.HIGHLIGHT_TYPE}.${leaf.highlightVariant}` : `${highlight.HIGHLIGHT_TYPE}` }, children));
-
-const createReactHighlight = (variant) => toggleMark.createReactToggleMarkCreator(highlight.createHighlight(variant), {
-    hotkey: HIGHLIGHT_HOTKEY,
-    render: defaultRenderHighlight(variant),
-})();
-
-exports.HIGHLIGHT_HOTKEY = HIGHLIGHT_HOTKEY;
-exports.createReactHighlight = createReactHighlight;
-exports.defaultRenderHighlight = defaultRenderHighlight;

package/highlight/index.js

@@ -1,3 +0,0 @@
-export { HIGHLIGHT_HOTKEY } from './constants.js';
-export { defaultRenderHighlight } from './defaultRenderHighlight.js';
-export { createReactHighlight } from './createReactHighlight.js';

package/highlight/jsx-serializer/createJsxSerializeHighlight.d.ts

@@ -1 +0,0 @@
-export declare const createJsxSerializeHighlight: (variant?: string) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => import("react").JSX.Element;

package/highlight/jsx-serializer/createJsxSerializeHighlight.js

@@ -1,10 +0,0 @@
-import { HIGHLIGHT_TYPE } from '@quadrats/common/highlight';
-import { createJsxSerializeToggleMarkCreator } from '@quadrats/react/toggle-mark/jsx-serializer';
-import { defaultRenderHighlight } from '@quadrats/react/highlight';
-
-const createJsxSerializeHighlight = (variant) => createJsxSerializeToggleMarkCreator({
-    type: HIGHLIGHT_TYPE,
-    render: defaultRenderHighlight(variant),
-})();
-
-export { createJsxSerializeHighlight };

package/highlight/jsx-serializer/index.cjs.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var highlight = require('@quadrats/react/highlight');
-var highlight$1 = require('@quadrats/common/highlight');
-var jsxSerializer = require('@quadrats/react/toggle-mark/jsx-serializer');
-
-const createJsxSerializeHighlight = (variant) => jsxSerializer.createJsxSerializeToggleMarkCreator({
-    type: highlight$1.HIGHLIGHT_TYPE,
-    render: highlight.defaultRenderHighlight(variant),
-})();
-
-exports.defaultRenderHighlight = highlight.defaultRenderHighlight;
-exports.createJsxSerializeHighlight = createJsxSerializeHighlight;

package/highlight/jsx-serializer/index.js

@@ -1,2 +0,0 @@
-export { defaultRenderHighlight } from '@quadrats/react/highlight';
-export { createJsxSerializeHighlight } from './createJsxSerializeHighlight.js';

package/highlight/typings.d.ts

@@ -1,5 +0,0 @@
-import { Text } from 'slate';
-export interface HighlightLeaf extends Text {
-    highlight: boolean;
-    highlightVariant?: string;
-}

package/image/components/Image.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { RenderImageElementProps } from '../typings';
-declare function Image(props: RenderImageElementProps): React.JSX.Element;
-export default Image;

package/image/components/Image.js

@@ -1,68 +0,0 @@
-import React from 'react';
-import { Editor, Element, Transforms } from '@quadrats/core';
-import { AlignLeft, AlignCenter, AlignRight, Trash } from '@quadrats/icons';
-import { useSlateStatic, ReactEditor } from '@quadrats/react';
-import { InlineToolbar } from '@quadrats/react/toolbar';
-
-// import { useImageResizer } from '../hooks/useImageResizer';
-function Image(props) {
-    const { attributes, children, element, parentType, 
-    // resizeImage,
-    src, } = props;
-    const editor = useSlateStatic();
-    const path = ReactEditor.findPath(editor, element);
-    const parentEntry = Editor.above(editor, {
-        at: path,
-        match: (node) => Element.isElement(node) && node.type === parentType,
-        mode: 'lowest',
-    });
-    const parentNode = parentEntry === null || parentEntry === void 0 ? void 0 : parentEntry[0];
-    const parentPath = parentEntry === null || parentEntry === void 0 ? void 0 : parentEntry[1];
-    // const { focusedAndSelected, imageRef, onResizeStart } = useImageResizer(element, resizeImage);
-    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-image qdr-image--with-inline-toolbar", onClick: () => Transforms.select(editor, ReactEditor.findPath(editor, element)), onMouseDown: (event) => event.preventDefault(), role: "img" }),
-        React.createElement("div", { className: "qdr-image__spacer" }, children),
-        React.createElement("div", { contentEditable: false, style: { position: 'relative' } },
-            React.createElement(InlineToolbar, { className: "qdr-image__inline-toolbar", iconGroups: [
-                    {
-                        enabledBgColor: true,
-                        icons: [
-                            {
-                                icon: AlignLeft,
-                                onClick: () => {
-                                    Transforms.setNodes(editor, { align: 'start' }, { at: parentPath });
-                                },
-                                active: parentNode.align === 'start' || !parentNode.align,
-                            },
-                            {
-                                icon: AlignCenter,
-                                onClick: () => {
-                                    Transforms.setNodes(editor, { align: 'center' }, { at: parentPath });
-                                },
-                                active: parentNode.align === 'center',
-                            },
-                            {
-                                icon: AlignRight,
-                                onClick: () => {
-                                    Transforms.setNodes(editor, { align: 'end' }, { at: parentPath });
-                                },
-                                active: parentNode.align === 'end',
-                            },
-                        ],
-                    },
-                    {
-                        icons: [
-                            {
-                                icon: Trash,
-                                onClick: () => {
-                                    Transforms.removeNodes(editor, { at: parentPath });
-                                },
-                            },
-                        ],
-                    },
-                ] }),
-            React.createElement("img", { 
-                // ref={imageRef}
-                src: src, alt: src }))));
-}
-
-export { Image as default };

package/image/components/ImageCaption.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { RenderImageCaptionElementProps } from '../typings';
-declare function ImageCaption(props: RenderImageCaptionElementProps): React.JSX.Element;
-export default ImageCaption;

package/image/components/ImageCaption.js

@@ -1,23 +0,0 @@
-import React, { useMemo } from 'react';
-import clsx from 'clsx';
-import { Editor, Path } from '@quadrats/core';
-import { useComposition, useSlateStatic, ReactEditor, useLocale } from '@quadrats/react';
-
-function ImageCaption(props) {
-    const { compositionPath } = useComposition();
-    const { attributes, children, element } = props;
-    const editor = useSlateStatic();
-    const path = ReactEditor.findPath(editor, element);
-    const text = Editor.string(editor, path);
-    const isEmpty = !text;
-    const locale = useLocale();
-    const placeholder = locale.editor.image.captionInputPlaceholder;
-    const composing = useMemo(() => Path.equals(compositionPath, path), [compositionPath, path]);
-    return (React.createElement("figcaption", Object.assign({}, attributes, { className: clsx('qdr-image__caption', {
-            'qdr-image__caption--empty': isEmpty,
-        }) }),
-        isEmpty && !composing && (React.createElement("span", { className: "qdr-image__caption-placeholder", contentEditable: false }, placeholder)),
-        children));
-}
-
-export { ImageCaption as default };

package/image/components/ImageFigure.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { RenderImageFigureElementProps } from '../typings';
-declare function ImageFigure(props: RenderImageFigureElementProps): React.JSX.Element;
-export default ImageFigure;

package/image/components/ImageFigure.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import { useFocused, useSelected } from '@quadrats/react';
-
-function ImageFigure(props) {
-    const { attributes, children, style } = props;
-    const focused = useFocused();
-    const selected = useSelected();
-    const blurred = !focused || !selected;
-    return (React.createElement("figure", Object.assign({}, attributes, { className: clsx('qdr-image__figure', {
-            'qdr-image__figure--blurred': blurred,
-        }), style: style }), children));
-}
-
-export { ImageFigure as default };

package/image/components/ImagePlaceholder.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { RenderElementProps } from '@quadrats/react';
-declare function ImagePlaceholder(props: RenderElementProps): React.JSX.Element;
-export default ImagePlaceholder;

package/image/components/ImagePlaceholder.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Icon } from '@quadrats/react/components';
-import { Image } from '@quadrats/icons';
-
-function ImagePlaceholder(props) {
-    const { attributes } = props;
-    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-image__placeholder", contentEditable: false }),
-        React.createElement(Icon, { className: "qdr-image__placeholder__icon", icon: Image, width: 48, height: 48 })));
-}
-
-export { ImagePlaceholder as default };

package/image/createReactImage.d.ts

@@ -1,8 +0,0 @@
-import { CreateImageOptions, Image } from '@quadrats/common/image';
-import { FileUploaderUploadOptions } from '@quadrats/common/file-uploader';
-import { QuadratsReactEditor } from '@quadrats/react';
-import { ReactImage } from './typings';
-export type CreateReactImageOptions<Hosting extends string> = CreateImageOptions<Hosting>;
-export declare function createReactImage<Hosting extends string>(options?: CreateReactImageOptions<Hosting>, getUploadOptions?: (image: Image<Hosting, QuadratsReactEditor>) => FileUploaderUploadOptions & {
-    type?: string;
-}): ReactImage<Hosting>;

package/image/createReactImage.js

@@ -1,121 +0,0 @@
-import { __awaiter } from 'tslib';
-import isHotkey from 'is-hotkey';
-import { readFileAsDataURL } from '@quadrats/utils';
-import { Transforms } from '@quadrats/core';
-import { createImage, getImageFigureElementCommonProps, getImageElementCommonProps } from '@quadrats/common/image';
-import { createFileUploaderElementByType, FILE_UPLOADER_TYPE, insertFileUploaderElement } from '@quadrats/common/file-uploader';
-import { createRenderElements } from '@quadrats/react';
-import { defaultRenderImageElements } from './defaultRenderImageElements.js';
-
-function createReactImage(options = {}, getUploadOptions) {
-    const core = createImage(options);
-    const uploadOptions = getUploadOptions === null || getUploadOptions === void 0 ? void 0 : getUploadOptions(core);
-    const { types } = core;
-    return Object.assign(Object.assign({}, core), { createHandlers: () => ({
-            onKeyDown(event, editor, next) {
-                if ((event.key === 'Backspace' || event.key === 'Delete') && core.isCollapsedOnImage(editor)) {
-                    const [, figurePath] = core.getAboveImageFigure(editor) || [];
-                    if (figurePath) {
-                        Transforms.removeNodes(editor, { at: figurePath });
-                        return;
-                    }
-                }
-                const [, captionPath] = core.getAboveImageCaption(editor) || [];
-                if (captionPath) {
-                    /**
-                     * Override original behavior of select all.
-                     * Only select the text in image caption if current selection is in image caption.
-                     */
-                    if (isHotkey('mod+a', event)) {
-                        event.preventDefault();
-                        Transforms.select(editor, captionPath);
-                        return;
-                    }
-                }
-                next();
-            },
-        }), createRenderElement: (options = {}) => {
-            const renderFigure = options.figure || defaultRenderImageElements.figure;
-            const renderImage = options.image || defaultRenderImageElements.image;
-            const renderCaption = options.caption || defaultRenderImageElements.caption;
-            return createRenderElements([
-                {
-                    type: types.figure,
-                    render: (props) => {
-                        const { attributes, children, element } = props;
-                        return renderFigure(Object.assign(Object.assign({}, getImageFigureElementCommonProps(element)), { attributes,
-                            element,
-                            children }));
-                    },
-                },
-                {
-                    type: types.image,
-                    render: (props) => {
-                        const { attributes, children, element } = props;
-                        return renderImage(Object.assign(Object.assign({}, getImageElementCommonProps(element, core.hostingResolvers)), { attributes,
-                            element,
-                            children, parentType: core.types.figure, resizeImage: core.resizeImage }));
-                    },
-                },
-                {
-                    type: types.caption,
-                    render: renderCaption,
-                },
-            ]);
-        }, with(editor) {
-            const { insertData } = editor;
-            editor.insertData = (data) => {
-                var _a;
-                const text = data.getData('text');
-                const { files } = data;
-                /**
-                 * Insert image if inserted text is image url.
-                 */
-                if (text) {
-                    if (core.isImageUrl(text)) {
-                        core.insertImage(editor, text);
-                        return;
-                    }
-                }
-                /**
-                 * Insert each image which is image.
-                 */
-                if (files.length) {
-                    /**
-                     * Insert each image when upload options are set.
-                     */
-                    if (uploadOptions) {
-                        const createFileUploaderElement = createFileUploaderElementByType((_a = uploadOptions.type) !== null && _a !== void 0 ? _a : FILE_UPLOADER_TYPE);
-                        Array.from(files).reduce((prev, file) => __awaiter(this, void 0, void 0, function* () {
-                            yield prev;
-                            return createFileUploaderElement(editor, file, uploadOptions).then((fileUploaderElement) => {
-                                insertFileUploaderElement(editor, fileUploaderElement);
-                            });
-                        }), Promise.resolve());
-                        return;
-                    }
-                    [...files]
-                        .filter((file) => {
-                        const [mime] = file.type.split('/');
-                        return mime === 'image';
-                    })
-                        .reduce((prev, imageFile) => __awaiter(this, void 0, void 0, function* () {
-                        yield prev;
-                        return readFileAsDataURL(imageFile).then((dataURL) => core.insertImage(editor, dataURL));
-                    }), Promise.resolve());
-                    return;
-                }
-                const inCaption = core.isSelectionInImageCaption(editor);
-                if (inCaption) {
-                    const inlineData = new DataTransfer();
-                    inlineData.setData('text', data.getData('text').replace(/\r?\n/g, ''));
-                    insertData(inlineData);
-                    return;
-                }
-                insertData(data);
-            };
-            return core.with(editor);
-        } });
-}
-
-export { createReactImage };

package/image/defaultRenderImageElements.d.ts

@@ -1,2 +0,0 @@
-import { ImageRenderElements } from './typings';
-export declare const defaultRenderImageElements: ImageRenderElements;

package/image/defaultRenderImageElements.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import ImageFigure from './components/ImageFigure.js';
-import Image from './components/Image.js';
-import ImageCaption from './components/ImageCaption.js';
-
-const defaultRenderImageElements = {
-    figure: props => React.createElement(ImageFigure, Object.assign({}, props)),
-    image: props => React.createElement(Image, Object.assign({}, props)),
-    caption: props => React.createElement(ImageCaption, Object.assign({}, props)),
-};
-
-export { defaultRenderImageElements };