@quadrats/react 0.6.7 → 0.7.1

package/embed/toolbar/index.cjs.js

@@ -1,34 +1,28 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var react = require('@quadrats/react');
 var toolbar = require('@quadrats/react/toolbar');
 var tslib = require('tslib');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function useEmbedTool(controller, providers, getPlaceholder, startToolInput) {
-    const editor = react.useSlateStatic();
-    const defaultStartToolInput = toolbar.useStartToolInput();
-    const start = startToolInput
-        ? inputConfig => startToolInput(editor, inputConfig)
-        : defaultStartToolInput;
-    return {
-        onClick: () => start({
-            getPlaceholder,
-            confirm: embedCode => controller.insertEmbed(editor, providers, embedCode),
-        }),
-    };
+function useEmbedTool(controller, providers, getPlaceholder, startToolInput) {
+    const editor = react.useSlateStatic();
+    const defaultStartToolInput = toolbar.useStartToolInput();
+    const start = startToolInput
+        ? inputConfig => startToolInput(editor, inputConfig)
+        : defaultStartToolInput;
+    return {
+        onClick: () => start({
+            getPlaceholder,
+            confirm: embedCode => controller.insertEmbed(editor, providers, embedCode),
+        }),
+    };
 }
 
-function EmbedToolbarIcon(props) {
-    const { controller, providers, getPlaceholder, startToolInput } = props, rest = tslib.__rest(props, ["controller", "providers", "getPlaceholder", "startToolInput"]);
-    const { onClick } = useEmbedTool(controller, providers, getPlaceholder, startToolInput);
-    return React__default.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
+function EmbedToolbarIcon(props) {
+    const { controller, providers, getPlaceholder, startToolInput } = props, rest = tslib.__rest(props, ["controller", "providers", "getPlaceholder", "startToolInput"]);
+    const { onClick } = useEmbedTool(controller, providers, getPlaceholder, startToolInput);
+    return React.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
 }
 
 exports.EmbedToolbarIcon = EmbedToolbarIcon;

package/embed/toolbar/useEmbedTool.js

@@ -1,18 +1,18 @@
 import { useSlateStatic } from '@quadrats/react';
 import { useStartToolInput } from '@quadrats/react/toolbar';
 
-function useEmbedTool(controller, providers, getPlaceholder, startToolInput) {
-    const editor = useSlateStatic();
-    const defaultStartToolInput = useStartToolInput();
-    const start = startToolInput
-        ? inputConfig => startToolInput(editor, inputConfig)
-        : defaultStartToolInput;
-    return {
-        onClick: () => start({
-            getPlaceholder,
-            confirm: embedCode => controller.insertEmbed(editor, providers, embedCode),
-        }),
-    };
+function useEmbedTool(controller, providers, getPlaceholder, startToolInput) {
+    const editor = useSlateStatic();
+    const defaultStartToolInput = useStartToolInput();
+    const start = startToolInput
+        ? inputConfig => startToolInput(editor, inputConfig)
+        : defaultStartToolInput;
+    return {
+        onClick: () => start({
+            getPlaceholder,
+            confirm: embedCode => controller.insertEmbed(editor, providers, embedCode),
+        }),
+    };
 }
 
 export { useEmbedTool };

package/embed/typings.d.ts

@@ -9,6 +9,6 @@ export interface WithEmbedRenderData<RenderData> {
 }
 export interface RenderEmbedElementProps<EmbedData extends Record<string, unknown>, RenderData> extends RenderElementProps<EmbedElement & EmbedData>, WithEmbedRenderData<RenderData> {
 }
-export declare type ReactEmbedCreateRenderElementOptions<Provider extends string> = Record<Provider, (props: RenderEmbedElementProps<any, any>) => JSX.Element | null | undefined>;
+export type ReactEmbedCreateRenderElementOptions<Provider extends string> = Record<Provider, (props: RenderEmbedElementProps<any, any>) => JSX.Element | null | undefined>;
 export interface ReactEmbed<Provider extends string> extends Embed<Provider, Editor>, WithCreateRenderElement<[ReactEmbedCreateRenderElementOptions<Provider>]> {
 }

package/file-uploader/components/FileUploader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { RenderFileUploaderElementProps } from '../typings';
-declare function FileUploader(props: RenderFileUploaderElementProps): JSX.Element;
+declare function FileUploader(props: RenderFileUploaderElementProps): React.JSX.Element;
 export default FileUploader;

package/file-uploader/components/FileUploader.js

@@ -2,13 +2,13 @@ import React from 'react';
 import { Progress } from '@quadrats/react/components';
 import { useFileUploader } from '../hooks/useFileUploader.js';
 
-function FileUploader(props) {
-    const { attributes, children, element } = props;
-    const { percentage } = useFileUploader(element);
-    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-file-uploader", contentEditable: false }),
-        React.createElement("div", { className: "qdr-file-uploader__backdrop" },
-            React.createElement(Progress, { className: "qdr-file-uploader__progress", percentage: percentage })),
-        children));
+function FileUploader(props) {
+    const { attributes, children, element } = props;
+    const { percentage } = useFileUploader(element);
+    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-file-uploader", contentEditable: false }),
+        React.createElement("div", { className: "qdr-file-uploader__backdrop" },
+            React.createElement(Progress, { className: "qdr-file-uploader__progress", percentage: percentage })),
+        children));
 }
 
 export { FileUploader as default };

package/file-uploader/createReactFileUploader.js

@@ -2,13 +2,13 @@ import { createFileUploader } from '@quadrats/common/file-uploader';
 import { createRenderElement } from '@quadrats/react';
 import { defaultRenderFileUploaderElement } from './defaultRenderFileUploaderElement.js';
 
-function createReactFileUploader(options = {}) {
-    const core = createFileUploader(options);
-    const { type } = core;
-    return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderFileUploaderElement } = {}) => createRenderElement({
-            type,
-            render,
-        }) });
+function createReactFileUploader(options = {}) {
+    const core = createFileUploader(options);
+    const { type } = core;
+    return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderFileUploaderElement } = {}) => createRenderElement({
+            type,
+            render,
+        }) });
 }
 
 export { createReactFileUploader };

package/file-uploader/hooks/useFileUploader.js

@@ -1,13 +1,13 @@
 import { useState, useLayoutEffect } from 'react';
 import { useSlateStatic, ReactEditor } from '@quadrats/react';
 
-function useFileUploader(element) {
-    const [percentage, setPercentage] = useState(0);
-    const editor = useSlateStatic();
-    useLayoutEffect(() => element.register(() => ReactEditor.findPath(editor, element), setPercentage), [element]);
-    return {
-        percentage,
-    };
+function useFileUploader(element) {
+    const [percentage, setPercentage] = useState(0);
+    const editor = useSlateStatic();
+    useLayoutEffect(() => element.register(() => ReactEditor.findPath(editor, element), setPercentage), [element]);
+    return {
+        percentage,
+    };
 }
 
 export { useFileUploader };

package/file-uploader/index.cjs.js

@@ -1,43 +1,37 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var react = require('@quadrats/react');
 var components = require('@quadrats/react/components');
 var fileUploader = require('@quadrats/common/file-uploader');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function useFileUploader(element) {
-    const [percentage, setPercentage] = React.useState(0);
-    const editor = react.useSlateStatic();
-    React.useLayoutEffect(() => element.register(() => react.ReactEditor.findPath(editor, element), setPercentage), [element]);
-    return {
-        percentage,
-    };
+function useFileUploader(element) {
+    const [percentage, setPercentage] = React.useState(0);
+    const editor = react.useSlateStatic();
+    React.useLayoutEffect(() => element.register(() => react.ReactEditor.findPath(editor, element), setPercentage), [element]);
+    return {
+        percentage,
+    };
 }
 
-function FileUploader(props) {
-    const { attributes, children, element } = props;
-    const { percentage } = useFileUploader(element);
-    return (React__default.createElement("div", Object.assign({}, attributes, { className: "qdr-file-uploader", contentEditable: false }),
-        React__default.createElement("div", { className: "qdr-file-uploader__backdrop" },
-            React__default.createElement(components.Progress, { className: "qdr-file-uploader__progress", percentage: percentage })),
-        children));
+function FileUploader(props) {
+    const { attributes, children, element } = props;
+    const { percentage } = useFileUploader(element);
+    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-file-uploader", contentEditable: false }),
+        React.createElement("div", { className: "qdr-file-uploader__backdrop" },
+            React.createElement(components.Progress, { className: "qdr-file-uploader__progress", percentage: percentage })),
+        children));
 }
 
-const defaultRenderFileUploaderElement = (props) => React__default.createElement(FileUploader, Object.assign({}, props));
+const defaultRenderFileUploaderElement = (props) => React.createElement(FileUploader, Object.assign({}, props));
 
-function createReactFileUploader(options = {}) {
-    const core = fileUploader.createFileUploader(options);
-    const { type } = core;
-    return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderFileUploaderElement } = {}) => react.createRenderElement({
-            type,
-            render,
-        }) });
+function createReactFileUploader(options = {}) {
+    const core = fileUploader.createFileUploader(options);
+    const { type } = core;
+    return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderFileUploaderElement } = {}) => react.createRenderElement({
+            type,
+            render,
+        }) });
 }
 
 exports.FileUploader = FileUploader;

package/file-uploader/toolbar/FileUploaderToolbarIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FileUploaderUploadOptions } from '@quadrats/common/file-uploader';
 import { ReactFileUploader } from '@quadrats/react/file-uploader';
 import { ToolbarIconProps } from '@quadrats/react/toolbar';
@@ -6,5 +6,5 @@ export interface FileUploaderToolbarIconProps extends Omit<ToolbarIconProps, 'ac
     controller: ReactFileUploader;
     options: FileUploaderUploadOptions;
 }
-declare function FileUploaderToolbarIcon(props: FileUploaderToolbarIconProps): JSX.Element;
+declare function FileUploaderToolbarIcon(props: FileUploaderToolbarIconProps): React.JSX.Element;
 export default FileUploaderToolbarIcon;

package/file-uploader/toolbar/FileUploaderToolbarIcon.js

@@ -3,10 +3,10 @@ import React from 'react';
 import { ToolbarIcon } from '@quadrats/react/toolbar';
 import { useFileUploaderTool } from './useFileUploaderTool.js';
 
-function FileUploaderToolbarIcon(props) {
-    const { controller, options } = props, rest = __rest(props, ["controller", "options"]);
-    const { onClick } = useFileUploaderTool(controller, options);
-    return React.createElement(ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
+function FileUploaderToolbarIcon(props) {
+    const { controller, options } = props, rest = __rest(props, ["controller", "options"]);
+    const { onClick } = useFileUploaderTool(controller, options);
+    return React.createElement(ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
 }
 
 export { FileUploaderToolbarIcon as default };

package/file-uploader/toolbar/index.cjs.js

@@ -1,27 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var react = require('@quadrats/react');
 var tslib = require('tslib');
 var React = require('react');
 var toolbar = require('@quadrats/react/toolbar');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function useFileUploaderTool(controller, options) {
-    const editor = react.useSlateStatic();
-    return {
-        onClick: () => controller.upload(editor, options),
-    };
+function useFileUploaderTool(controller, options) {
+    const editor = react.useSlateStatic();
+    return {
+        onClick: () => controller.upload(editor, options),
+    };
 }
 
-function FileUploaderToolbarIcon(props) {
-    const { controller, options } = props, rest = tslib.__rest(props, ["controller", "options"]);
-    const { onClick } = useFileUploaderTool(controller, options);
-    return React__default.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
+function FileUploaderToolbarIcon(props) {
+    const { controller, options } = props, rest = tslib.__rest(props, ["controller", "options"]);
+    const { onClick } = useFileUploaderTool(controller, options);
+    return React.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
 }
 
 exports.FileUploaderToolbarIcon = FileUploaderToolbarIcon;

package/file-uploader/toolbar/useFileUploaderTool.js

@@ -1,10 +1,10 @@
 import { useSlateStatic } from '@quadrats/react';
 
-function useFileUploaderTool(controller, options) {
-    const editor = useSlateStatic();
-    return {
-        onClick: () => controller.upload(editor, options),
-    };
+function useFileUploaderTool(controller, options) {
+    const editor = useSlateStatic();
+    return {
+        onClick: () => controller.upload(editor, options),
+    };
 }
 
 export { useFileUploaderTool };

package/file-uploader/typings.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { FileUploader, FileUploaderElement } from '@quadrats/common/file-uploader';
 import { Editor, RenderElementProps, WithCreateRenderElement } from '@quadrats/react';
-export declare type RenderFileUploaderElementProps = RenderElementProps<FileUploaderElement>;
-export declare type RenderFileUploaderElement = (props: RenderFileUploaderElementProps) => JSX.Element | null | undefined;
+export type RenderFileUploaderElementProps = RenderElementProps<FileUploaderElement>;
+export type RenderFileUploaderElement = (props: RenderFileUploaderElementProps) => JSX.Element | null | undefined;
 export interface FileUploaderCreateRenderElementOptions {
     render?: RenderFileUploaderElement;
 }
-export declare type ReactFileUploader = FileUploader<Editor> & WithCreateRenderElement<[FileUploaderCreateRenderElementOptions?]>;
+export type ReactFileUploader = FileUploader<Editor> & WithCreateRenderElement<[FileUploaderCreateRenderElementOptions?]>;

package/footnote/createReactFootnote.d.ts

@@ -1,4 +1,4 @@
 import { WithElementType } from '@quadrats/core';
 import { ReactFootnote } from './typings';
-export declare type CreateReactFootnoteOptions = Partial<WithElementType>;
+export type CreateReactFootnoteOptions = Partial<WithElementType>;
 export declare function createReactFootnote(options?: CreateReactFootnoteOptions): ReactFootnote;

package/footnote/createReactFootnote.js

@@ -2,12 +2,12 @@ import { createRenderElement } from '@quadrats/react';
 import { createFootnote } from '@quadrats/common/footnote';
 import { defaultRenderFootnoteElement } from './defaultRenderFootnoteElement.js';
 
-function createReactFootnote(options = {}) {
-    const core = createFootnote(options);
-    const { type } = core;
-    return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderFootnoteElement } = {}) => createRenderElement({ type, render }), with(editor) {
-            return core.with(editor);
-        } });
+function createReactFootnote(options = {}) {
+    const core = createFootnote(options);
+    const { type } = core;
+    return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderFootnoteElement } = {}) => createRenderElement({ type, render }), with(editor) {
+            return core.with(editor);
+        } });
 }
 
 export { createReactFootnote };

package/footnote/defaultRenderFootnoteElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { RenderFootnoteElementProps } from './typings';
 /**
  * Set placement of tooltip to `bottom` to avoid conflicting w/ toolbar.
@@ -6,4 +6,4 @@ import { RenderFootnoteElementProps } from './typings';
 export declare const defaultRenderFootnoteElement: ({ attributes, children, element, placement, }: import("@quadrats/react/_internal").RenderElementPropsBase<import("@quadrats/common/footnote").FootnoteElement> & Pick<import("slate-react").RenderElementProps, "attributes"> & {
     placement?: "top" | "bottom" | undefined;
     target?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/footnote/defaultRenderFootnoteElement.js

@@ -1,15 +1,15 @@
 import React from 'react';
 import { Tooltip } from '@quadrats/react/components';
 
-/**
- * Set placement of tooltip to `bottom` to avoid conflicting w/ toolbar.
- */
-const defaultRenderFootnoteElement = ({ attributes, children, element, placement = 'bottom', }) => {
-    const { footnote, index } = element;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tooltip, { placement: placement, popup: footnote },
-            React.createElement("span", Object.assign({ style: { textDecoration: 'underline' } }, attributes, { className: "qdr-footnote-text" }), children)),
-        React.createElement("sup", Object.assign({}, attributes, { className: "qdr-footnote-sup", style: { color: 'var(--qdr-sup)', userSelect: 'none' }, contentEditable: false }), `[${index !== null && index !== void 0 ? index : 1}]`)));
+/**
+ * Set placement of tooltip to `bottom` to avoid conflicting w/ toolbar.
+ */
+const defaultRenderFootnoteElement = ({ attributes, children, element, placement = 'bottom', }) => {
+    const { footnote, index } = element;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Tooltip, { placement: placement, popup: footnote },
+            React.createElement("span", Object.assign({ style: { textDecoration: 'underline' } }, attributes, { className: "qdr-footnote-text" }), children)),
+        React.createElement("sup", Object.assign({}, attributes, { className: "qdr-footnote-sup", style: { color: 'var(--qdr-sup)', userSelect: 'none' }, contentEditable: false }), `[${index !== null && index !== void 0 ? index : 1}]`)));
 };
 
 export { defaultRenderFootnoteElement };

package/footnote/index.cjs.js

@@ -1,74 +1,68 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var components = require('@quadrats/react/components');
 var react = require('@quadrats/react');
 var footnote = require('@quadrats/common/footnote');
 var core = require('@quadrats/core');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Set placement of tooltip to `bottom` to avoid conflicting w/ toolbar.
- */
-const defaultRenderFootnoteElement = ({ attributes, children, element, placement = 'bottom', }) => {
-    const { footnote, index } = element;
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(components.Tooltip, { placement: placement, popup: footnote },
-            React__default.createElement("span", Object.assign({ style: { textDecoration: 'underline' } }, attributes, { className: "qdr-footnote-text" }), children)),
-        React__default.createElement("sup", Object.assign({}, attributes, { className: "qdr-footnote-sup", style: { color: 'var(--qdr-sup)', userSelect: 'none' }, contentEditable: false }), `[${index !== null && index !== void 0 ? index : 1}]`)));
+/**
+ * Set placement of tooltip to `bottom` to avoid conflicting w/ toolbar.
+ */
+const defaultRenderFootnoteElement = ({ attributes, children, element, placement = 'bottom', }) => {
+    const { footnote, index } = element;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(components.Tooltip, { placement: placement, popup: footnote },
+            React.createElement("span", Object.assign({ style: { textDecoration: 'underline' } }, attributes, { className: "qdr-footnote-text" }), children)),
+        React.createElement("sup", Object.assign({}, attributes, { className: "qdr-footnote-sup", style: { color: 'var(--qdr-sup)', userSelect: 'none' }, contentEditable: false }), `[${index !== null && index !== void 0 ? index : 1}]`)));
 };
 
-function createReactFootnote(options = {}) {
-    const core = footnote.createFootnote(options);
-    const { type } = core;
-    return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderFootnoteElement } = {}) => react.createRenderElement({ type, render }), with(editor) {
-            return core.with(editor);
-        } });
+function createReactFootnote(options = {}) {
+    const core = footnote.createFootnote(options);
+    const { type } = core;
+    return Object.assign(Object.assign({}, core), { createRenderElement: ({ render = defaultRenderFootnoteElement } = {}) => react.createRenderElement({ type, render }), with(editor) {
+            return core.with(editor);
+        } });
 }
 
-function useFootnotes(editor) {
-    const footnoteNodes = Array.from(core.getNodes(editor, {
-        at: [],
-        match: node => node.type === footnote.FOOTNOTE_TYPE,
-    }));
-    const footnotes = footnoteNodes.map((node) => {
-        var _a, _b;
-        const nodeData = node === null || node === void 0 ? void 0 : node[0];
-        return {
-            wrapperText: (_b = (_a = (nodeData === null || nodeData === void 0 ? void 0 : nodeData.children)) === null || _a === void 0 ? void 0 : _a.map(childNode => childNode.text).join('')) !== null && _b !== void 0 ? _b : '',
-            footnote: nodeData === null || nodeData === void 0 ? void 0 : nodeData.footnote,
-            index: nodeData === null || nodeData === void 0 ? void 0 : nodeData.index,
-        };
-    });
-    return footnotes;
+function useFootnotes(editor) {
+    const footnoteNodes = Array.from(core.getNodes(editor, {
+        at: [],
+        match: node => node.type === footnote.FOOTNOTE_TYPE,
+    }));
+    const footnotes = footnoteNodes.map((node) => {
+        var _a, _b;
+        const nodeData = node === null || node === void 0 ? void 0 : node[0];
+        return {
+            wrapperText: (_b = (_a = (nodeData === null || nodeData === void 0 ? void 0 : nodeData.children)) === null || _a === void 0 ? void 0 : _a.map(childNode => childNode.text).join('')) !== null && _b !== void 0 ? _b : '',
+            footnote: nodeData === null || nodeData === void 0 ? void 0 : nodeData.footnote,
+            index: nodeData === null || nodeData === void 0 ? void 0 : nodeData.index,
+        };
+    });
+    return footnotes;
 }
 
-function deepSearchFootnoteFromNodes(nodes) {
-    const result = nodes.flatMap((element) => {
-        var _a, _b;
-        const curNode = core.Node.isNode(element)
-            && element.type === footnote.FOOTNOTE_TYPE ? element : null;
-        const child = core.Node.isNodeList(element === null || element === void 0 ? void 0 : element.children)
-            ? deepSearchFootnoteFromNodes((_a = element === null || element === void 0 ? void 0 : element.children) !== null && _a !== void 0 ? _a : []) : null;
-        return (_b = curNode !== null && curNode !== void 0 ? curNode : child) !== null && _b !== void 0 ? _b : [];
-    });
-    return result;
-}
-function useFootnotesFromNodes(nodes) {
-    const filter = deepSearchFootnoteFromNodes(nodes);
-    return filter.map(element => {
-        var _a;
-        return ({
-            wrapperText: (_a = (element === null || element === void 0 ? void 0 : element.children)) === null || _a === void 0 ? void 0 : _a.map(childNode => childNode.text).join(''),
-            footnote: element.footnote,
-            index: element.index,
-        });
-    });
+function deepSearchFootnoteFromNodes(nodes) {
+    const result = nodes.flatMap((element) => {
+        var _a, _b;
+        const curNode = core.Node.isNode(element)
+            && element.type === footnote.FOOTNOTE_TYPE ? element : null;
+        const child = core.Node.isNodeList(element === null || element === void 0 ? void 0 : element.children)
+            ? deepSearchFootnoteFromNodes((_a = element === null || element === void 0 ? void 0 : element.children) !== null && _a !== void 0 ? _a : []) : null;
+        return (_b = curNode !== null && curNode !== void 0 ? curNode : child) !== null && _b !== void 0 ? _b : [];
+    });
+    return result;
+}
+function useFootnotesFromNodes(nodes) {
+    const filter = deepSearchFootnoteFromNodes(nodes);
+    return filter.map(element => {
+        var _a;
+        return ({
+            wrapperText: (_a = (element === null || element === void 0 ? void 0 : element.children)) === null || _a === void 0 ? void 0 : _a.map(childNode => childNode.text).join(''),
+            footnote: element.footnote,
+            index: element.index,
+        });
+    });
 }
 
 exports.createReactFootnote = createReactFootnote;

package/footnote/jsx-serializer/createJsxSerializeFootnote.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { CreateJsxSerializeElementOptions } from '@quadrats/react/jsx-serializer';
 import { JsxSerializeFootnoteElementProps } from './typings';
-export declare type CreateJsxSerializeFootnoteOptions = Partial<CreateJsxSerializeElementOptions<JsxSerializeFootnoteElementProps>>;
-export declare function createJsxSerializeFootnote(options?: CreateJsxSerializeFootnoteOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps<import("@quadrats/core").QuadratsElement>) => JSX.Element | null | undefined;
+export type CreateJsxSerializeFootnoteOptions = Partial<CreateJsxSerializeElementOptions<JsxSerializeFootnoteElementProps>>;
+export declare function createJsxSerializeFootnote(options?: CreateJsxSerializeFootnoteOptions): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps) => JSX.Element | null | undefined;

package/footnote/jsx-serializer/createJsxSerializeFootnote.js

@@ -2,10 +2,10 @@ import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
 import { FOOTNOTE_TYPE } from '@quadrats/common/footnote';
 import { defaultRenderFootnoteElement } from './defaultRenderFootnoteElement.js';
 
-/* eslint-disable max-len */
-function createJsxSerializeFootnote(options = {}) {
-    const { type = FOOTNOTE_TYPE, render = defaultRenderFootnoteElement } = options;
-    return createJsxSerializeElement({ type, render });
+/* eslint-disable max-len */
+function createJsxSerializeFootnote(options = {}) {
+    const { type = FOOTNOTE_TYPE, render = defaultRenderFootnoteElement } = options;
+    return createJsxSerializeElement({ type, render });
 }
 
 export { createJsxSerializeFootnote };

package/footnote/jsx-serializer/defaultRenderFootnoteElement.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { JsxSerializeFootnoteElementProps } from './typings';
-export declare const defaultRenderFootnoteElement: ({ children, element }: JsxSerializeFootnoteElementProps) => JSX.Element;
+export declare const defaultRenderFootnoteElement: ({ children, element }: JsxSerializeFootnoteElementProps) => React.JSX.Element;

package/footnote/jsx-serializer/defaultRenderFootnoteElement.js

@@ -1,10 +1,10 @@
 import React from 'react';
 
-const defaultRenderFootnoteElement = ({ children, element }) => {
-    var _a;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("span", { style: { textDecoration: 'underline' } }, children),
-        React.createElement("sup", { style: { color: 'var(--qdr-sup)' } }, `[${(_a = element.index) !== null && _a !== void 0 ? _a : 1}]`)));
+const defaultRenderFootnoteElement = ({ children, element }) => {
+    var _a;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("span", { style: { textDecoration: 'underline' } }, children),
+        React.createElement("sup", { style: { color: 'var(--qdr-sup)' } }, `[${(_a = element.index) !== null && _a !== void 0 ? _a : 1}]`)));
 };
 
 export { defaultRenderFootnoteElement };

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

@@ -1,26 +1,20 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var jsxSerializer = require('@quadrats/react/jsx-serializer');
 var footnote = require('@quadrats/common/footnote');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const defaultRenderFootnoteElement = ({ children, element }) => {
-    var _a;
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("span", { style: { textDecoration: 'underline' } }, children),
-        React__default.createElement("sup", { style: { color: 'var(--qdr-sup)' } }, `[${(_a = element.index) !== null && _a !== void 0 ? _a : 1}]`)));
+const defaultRenderFootnoteElement = ({ children, element }) => {
+    var _a;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("span", { style: { textDecoration: 'underline' } }, children),
+        React.createElement("sup", { style: { color: 'var(--qdr-sup)' } }, `[${(_a = element.index) !== null && _a !== void 0 ? _a : 1}]`)));
 };
 
-/* eslint-disable max-len */
-function createJsxSerializeFootnote(options = {}) {
-    const { type = footnote.FOOTNOTE_TYPE, render = defaultRenderFootnoteElement } = options;
-    return jsxSerializer.createJsxSerializeElement({ type, render });
+/* eslint-disable max-len */
+function createJsxSerializeFootnote(options = {}) {
+    const { type = footnote.FOOTNOTE_TYPE, render = defaultRenderFootnoteElement } = options;
+    return jsxSerializer.createJsxSerializeElement({ type, render });
 }
 
 exports.createJsxSerializeFootnote = createJsxSerializeFootnote;

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

@@ -1,3 +1,3 @@
 import { FootnoteElement } from '@quadrats/common/footnote';
 import { JsxSerializeElementProps } from '@quadrats/react/jsx-serializer';
-export declare type JsxSerializeFootnoteElementProps = JsxSerializeElementProps<FootnoteElement>;
+export type JsxSerializeFootnoteElementProps = JsxSerializeElementProps<FootnoteElement>;