@quadrats/react 0.6.7 → 0.7.1

package/divider/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 useDividerTool(controller) {
-    const editor = react.useSlateStatic();
-    return {
-        onClick: () => controller.insertDivider(editor),
-    };
+function useDividerTool(controller) {
+    const editor = react.useSlateStatic();
+    return {
+        onClick: () => controller.insertDivider(editor),
+    };
 }
 
-function DividerToolbarIcon(props) {
-    const { controller } = props, rest = tslib.__rest(props, ["controller"]);
-    const { onClick } = useDividerTool(controller);
-    return React__default.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
+function DividerToolbarIcon(props) {
+    const { controller } = props, rest = tslib.__rest(props, ["controller"]);
+    const { onClick } = useDividerTool(controller);
+    return React.createElement(toolbar.ToolbarIcon, Object.assign({}, rest, { onClick: onClick }));
 }
 
 exports.DividerToolbarIcon = DividerToolbarIcon;

package/divider/toolbar/useDividerTool.js

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

package/divider/typings.d.ts

@@ -2,7 +2,7 @@
 import { Divider, DividerElement } from '@quadrats/common/divider';
 import { Editor } from '@quadrats/core';
 import { WithCreateRenderElement, RenderElementProps } from '@quadrats/react';
-export declare type RenderDividerElementProps = RenderElementProps<DividerElement>;
+export type RenderDividerElementProps = RenderElementProps<DividerElement>;
 export interface ReactDividerCreateRenderElementOptions {
     render?: (props: RenderDividerElementProps) => JSX.Element | null | undefined;
 }

package/embed/components/VideoIframe.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { EmbedElement } from '@quadrats/common/embed';
 import { RenderElementProps } from '@quadrats/react';
 export interface VideoIframeProps<E extends EmbedElement> {
@@ -7,5 +7,5 @@ export interface VideoIframeProps<E extends EmbedElement> {
     data: string;
     element: E;
 }
-declare function VideoIframe<E extends EmbedElement>({ attributes, children, data: src, }: VideoIframeProps<E>): JSX.Element;
+declare function VideoIframe<E extends EmbedElement>({ attributes, children, data: src, }: VideoIframeProps<E>): React.JSX.Element;
 export default VideoIframe;

package/embed/components/VideoIframe.js

@@ -2,14 +2,14 @@ import React from 'react';
 import { composeRefs } from '@quadrats/react/utils';
 import { useVideoIframeSize } from '../hooks/useVideoIframeSize.js';
 
-function VideoIframe({ attributes, children, data: src, }) {
-    const { ref } = attributes || {};
-    const { ref: containerRef, size } = useVideoIframeSize();
-    const composedRef = ref ? composeRefs([ref, containerRef]) : containerRef;
-    return (React.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-video", contentEditable: false }),
-        React.createElement("div", { style: size },
-            React.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", height: "100%" })),
-        attributes ? children : undefined));
+function VideoIframe({ attributes, children, data: src, }) {
+    const { ref } = attributes || {};
+    const { ref: containerRef, size } = useVideoIframeSize();
+    const composedRef = ref ? composeRefs([ref, containerRef]) : containerRef;
+    return (React.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-video", contentEditable: false }),
+        React.createElement("div", { style: size },
+            React.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", height: "100%" })),
+        attributes ? children : undefined));
 }
 
 export { VideoIframe as default };

package/embed/createReactEmbed.d.ts

@@ -1,4 +1,4 @@
 import { CreateEmbedOptions } from '@quadrats/common/embed';
 import { ReactEmbed } from './typings';
-export declare type CreateReactEmbedOptions<P extends string> = CreateEmbedOptions<P>;
+export type CreateReactEmbedOptions<P extends string> = CreateEmbedOptions<P>;
 export declare function createReactEmbed<P extends string>(options: CreateReactEmbedOptions<P>): ReactEmbed<P>;

package/embed/createReactEmbed.js

@@ -2,13 +2,13 @@ import { createEmbed } from '@quadrats/common/embed';
 import { createRenderElement } from '@quadrats/react';
 import { createRenderEmbedElementBase } from './createRenderEmbedElementBase.js';
 
-function createReactEmbed(options) {
-    const core = createEmbed(options);
-    const { type, strategies } = core;
-    return Object.assign(Object.assign({}, core), { createRenderElement: options => createRenderElement({
-            type,
-            render: createRenderEmbedElementBase({ strategies, renderers: options }),
-        }) });
+function createReactEmbed(options) {
+    const core = createEmbed(options);
+    const { type, strategies } = core;
+    return Object.assign(Object.assign({}, core), { createRenderElement: options => createRenderElement({
+            type,
+            render: createRenderEmbedElementBase({ strategies, renderers: options }),
+        }) });
 }
 
 export { createReactEmbed };

package/embed/createRenderEmbedElementBase.js

@@ -1,14 +1,14 @@
 import { deserializeEmbedElementToData } from '@quadrats/common/embed';
 
-function createRenderEmbedElementBase({ strategies, renderers, }) {
-    return (props) => {
-        const result = deserializeEmbedElementToData(props.element, strategies);
-        if (result) {
-            const [provider, data] = result;
-            const render = renderers[provider];
-            return render(Object.assign(Object.assign({}, props), { data }));
-        }
-    };
+function createRenderEmbedElementBase({ strategies, renderers, }) {
+    return (props) => {
+        const result = deserializeEmbedElementToData(props.element, strategies);
+        if (result) {
+            const [provider, data] = result;
+            const render = renderers[provider];
+            return render(Object.assign(Object.assign({}, props), { data }));
+        }
+    };
 }
 
 export { createRenderEmbedElementBase };

package/embed/hooks/useVideoIframeSize.js

@@ -1,24 +1,24 @@
 import { useRef, useState, useLayoutEffect } from 'react';
 
-function useVideoIframeSize() {
-    const ref = useRef(null);
-    const [size, setSize] = useState({ width: 0, height: 0 });
-    useLayoutEffect(() => {
-        function handler() {
-            const el = ref.current;
-            if (el) {
-                const width = el.offsetWidth;
-                setSize({ width, height: Math.round(width * 0.75) });
-            }
-        }
-        handler();
-        window.addEventListener('resize', handler);
-        return () => window.removeEventListener('resize', handler);
-    }, [ref]);
-    return {
-        ref,
-        size,
-    };
+function useVideoIframeSize() {
+    const ref = useRef(null);
+    const [size, setSize] = useState({ width: 0, height: 0 });
+    useLayoutEffect(() => {
+        function handler() {
+            const el = ref.current;
+            if (el) {
+                const width = el.offsetWidth;
+                setSize({ width, height: Math.round(width * 0.75) });
+            }
+        }
+        handler();
+        window.addEventListener('resize', handler);
+        return () => window.removeEventListener('resize', handler);
+    }, [ref]);
+    return {
+        ref,
+        size,
+    };
 }
 
 export { useVideoIframeSize };

package/embed/index.cjs.js

@@ -1,65 +1,59 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var utils = require('@quadrats/react/utils');
 var embed = require('@quadrats/common/embed');
 var react = require('@quadrats/react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function useVideoIframeSize() {
-    const ref = React.useRef(null);
-    const [size, setSize] = React.useState({ width: 0, height: 0 });
-    React.useLayoutEffect(() => {
-        function handler() {
-            const el = ref.current;
-            if (el) {
-                const width = el.offsetWidth;
-                setSize({ width, height: Math.round(width * 0.75) });
-            }
-        }
-        handler();
-        window.addEventListener('resize', handler);
-        return () => window.removeEventListener('resize', handler);
-    }, [ref]);
-    return {
-        ref,
-        size,
-    };
+function useVideoIframeSize() {
+    const ref = React.useRef(null);
+    const [size, setSize] = React.useState({ width: 0, height: 0 });
+    React.useLayoutEffect(() => {
+        function handler() {
+            const el = ref.current;
+            if (el) {
+                const width = el.offsetWidth;
+                setSize({ width, height: Math.round(width * 0.75) });
+            }
+        }
+        handler();
+        window.addEventListener('resize', handler);
+        return () => window.removeEventListener('resize', handler);
+    }, [ref]);
+    return {
+        ref,
+        size,
+    };
 }
 
-function VideoIframe({ attributes, children, data: src, }) {
-    const { ref } = attributes || {};
-    const { ref: containerRef, size } = useVideoIframeSize();
-    const composedRef = ref ? utils.composeRefs([ref, containerRef]) : containerRef;
-    return (React__default.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-video", contentEditable: false }),
-        React__default.createElement("div", { style: size },
-            React__default.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", height: "100%" })),
-        attributes ? children : undefined));
+function VideoIframe({ attributes, children, data: src, }) {
+    const { ref } = attributes || {};
+    const { ref: containerRef, size } = useVideoIframeSize();
+    const composedRef = ref ? utils.composeRefs([ref, containerRef]) : containerRef;
+    return (React.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-video", contentEditable: false }),
+        React.createElement("div", { style: size },
+            React.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", height: "100%" })),
+        attributes ? children : undefined));
 }
 
-function createRenderEmbedElementBase({ strategies, renderers, }) {
-    return (props) => {
-        const result = embed.deserializeEmbedElementToData(props.element, strategies);
-        if (result) {
-            const [provider, data] = result;
-            const render = renderers[provider];
-            return render(Object.assign(Object.assign({}, props), { data }));
-        }
-    };
+function createRenderEmbedElementBase({ strategies, renderers, }) {
+    return (props) => {
+        const result = embed.deserializeEmbedElementToData(props.element, strategies);
+        if (result) {
+            const [provider, data] = result;
+            const render = renderers[provider];
+            return render(Object.assign(Object.assign({}, props), { data }));
+        }
+    };
 }
 
-function createReactEmbed(options) {
-    const core = embed.createEmbed(options);
-    const { type, strategies } = core;
-    return Object.assign(Object.assign({}, core), { createRenderElement: options => react.createRenderElement({
-            type,
-            render: createRenderEmbedElementBase({ strategies, renderers: options }),
-        }) });
+function createReactEmbed(options) {
+    const core = embed.createEmbed(options);
+    const { type, strategies } = core;
+    return Object.assign(Object.assign({}, core), { createRenderElement: options => react.createRenderElement({
+            type,
+            render: createRenderEmbedElementBase({ strategies, renderers: options }),
+        }) });
 }
 
 exports.VideoIframe = VideoIframe;

package/embed/jsx-serializer/createJsxSerializeEmbed.d.ts

@@ -6,4 +6,4 @@ export interface CreateJsxSerializeEmbedOptions<Provider extends string> {
     strategies: EmbedStrategies<Provider>;
     renderers: Record<Provider, (props: JsxSerializeEmbedElementProps<any, any>) => JSX.Element | null | undefined>;
 }
-export declare function createJsxSerializeEmbed<Provider extends string>(options: CreateJsxSerializeEmbedOptions<Provider>): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps<import("@quadrats/core").QuadratsElement>) => JSX.Element | null | undefined;
+export declare function createJsxSerializeEmbed<Provider extends string>(options: CreateJsxSerializeEmbedOptions<Provider>): (props: import("@quadrats/react/jsx-serializer").JsxSerializeElementProps) => JSX.Element | null | undefined;

package/embed/jsx-serializer/createJsxSerializeEmbed.js

@@ -2,12 +2,12 @@ import { EMBED_TYPE } from '@quadrats/common/embed';
 import { createRenderEmbedElementBase } from '@quadrats/react/embed';
 import { createJsxSerializeElement } from '@quadrats/react/jsx-serializer';
 
-function createJsxSerializeEmbed(options) {
-    const { type = EMBED_TYPE, strategies, renderers } = options;
-    return createJsxSerializeElement({
-        type,
-        render: createRenderEmbedElementBase({ strategies, renderers }),
-    });
+function createJsxSerializeEmbed(options) {
+    const { type = EMBED_TYPE, strategies, renderers } = options;
+    return createJsxSerializeElement({
+        type,
+        render: createRenderEmbedElementBase({ strategies, renderers }),
+    });
 }
 
 export { createJsxSerializeEmbed };

package/embed/jsx-serializer/facebook/index.cjs.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var facebook = require('@quadrats/react/embed/renderers/facebook');
 
 
 
-for (var k in facebook) {
+Object.keys(facebook).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = facebook[k];
-}
+});

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

@@ -1,17 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var embed$1 = require('@quadrats/common/embed');
 var embed = require('@quadrats/react/embed');
 var jsxSerializer = require('@quadrats/react/jsx-serializer');
 
-function createJsxSerializeEmbed(options) {
-    const { type = embed$1.EMBED_TYPE, strategies, renderers } = options;
-    return jsxSerializer.createJsxSerializeElement({
-        type,
-        render: embed.createRenderEmbedElementBase({ strategies, renderers }),
-    });
+function createJsxSerializeEmbed(options) {
+    const { type = embed$1.EMBED_TYPE, strategies, renderers } = options;
+    return jsxSerializer.createJsxSerializeElement({
+        type,
+        render: embed.createRenderEmbedElementBase({ strategies, renderers }),
+    });
 }
 
 exports.createJsxSerializeEmbed = createJsxSerializeEmbed;

package/embed/jsx-serializer/instagram/index.cjs.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var instagram = require('@quadrats/react/embed/renderers/instagram');
 
 
 
-for (var k in instagram) {
+Object.keys(instagram).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = instagram[k];
-}
+});

package/embed/jsx-serializer/twitter/index.cjs.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var twitter = require('@quadrats/react/embed/renderers/twitter');
 
 
 
-for (var k in twitter) {
+Object.keys(twitter).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = twitter[k];
-}
+});

package/embed/jsx-serializer/vimeo/index.cjs.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var vimeo = require('@quadrats/react/embed/renderers/vimeo');
 
 
 
-for (var k in vimeo) {
+Object.keys(vimeo).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = vimeo[k];
-}
+});

package/embed/jsx-serializer/youtube/index.cjs.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var youtube = require('@quadrats/react/embed/renderers/youtube');
 
 
 
-for (var k in youtube) {
+Object.keys(youtube).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = youtube[k];
-}
+});

package/embed/renderers/facebook/components/Facebook.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FacebookDeserializedEmbedData, FacebookEmbedElement } from '@quadrats/common/embed/strategies/facebook';
 import { RenderElementProps } from '@quadrats/react';
 export interface FacebookProps {
@@ -7,5 +7,5 @@ export interface FacebookProps {
     data: FacebookDeserializedEmbedData;
     element: FacebookEmbedElement;
 }
-declare function Facebook({ attributes, children, data: { url, width, height } }: FacebookProps): JSX.Element;
+declare function Facebook({ attributes, children, data: { url, width, height } }: FacebookProps): React.JSX.Element;
 export default Facebook;

package/embed/renderers/facebook/components/Facebook.js

@@ -1,16 +1,16 @@
 import React from 'react';
 
-function Facebook({ attributes, children, data: { url, width, height } }) {
-    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-embed-facebook", contentEditable: false }),
-        React.createElement("iframe", { title: url, src: url, width: width, height: height, style: {
-                border: 0,
-                overflow: 'hidden',
-            }, scrolling: "no", frameBorder: "0", 
-            //  eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            //  @ts-ignore
-            //  eslint-disable-next-line react/no-unknown-property
-            allowtransparency: "true", allow: "encrypted-media" }),
-        attributes ? children : undefined));
+function Facebook({ attributes, children, data: { url, width, height } }) {
+    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-embed-facebook", contentEditable: false }),
+        React.createElement("iframe", { title: url, src: url, width: width, height: height, style: {
+                border: 0,
+                overflow: 'hidden',
+            }, scrolling: "no", frameBorder: "0", 
+            //  eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            //  @ts-ignore
+            //  eslint-disable-next-line react/no-unknown-property
+            allowtransparency: "true", allow: "encrypted-media" }),
+        attributes ? children : undefined));
 }
 
 export { Facebook as default };

package/embed/renderers/facebook/defaultRenderFacebookEmbedElement.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { FacebookProps } from './components/Facebook';
-export declare const defaultRenderFacebookEmbedElement: (props: FacebookProps) => JSX.Element;
+export declare const defaultRenderFacebookEmbedElement: (props: FacebookProps) => React.JSX.Element;

package/embed/renderers/facebook/index.cjs.js

@@ -1,27 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 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 Facebook({ attributes, children, data: { url, width, height } }) {
-    return (React__default.createElement("div", Object.assign({}, attributes, { className: "qdr-embed-facebook", contentEditable: false }),
-        React__default.createElement("iframe", { title: url, src: url, width: width, height: height, style: {
-                border: 0,
-                overflow: 'hidden',
-            }, scrolling: "no", frameBorder: "0", 
-            //  eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            //  @ts-ignore
-            //  eslint-disable-next-line react/no-unknown-property
-            allowtransparency: "true", allow: "encrypted-media" }),
-        attributes ? children : undefined));
+function Facebook({ attributes, children, data: { url, width, height } }) {
+    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-embed-facebook", contentEditable: false }),
+        React.createElement("iframe", { title: url, src: url, width: width, height: height, style: {
+                border: 0,
+                overflow: 'hidden',
+            }, scrolling: "no", frameBorder: "0", 
+            //  eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            //  @ts-ignore
+            //  eslint-disable-next-line react/no-unknown-property
+            allowtransparency: "true", allow: "encrypted-media" }),
+        attributes ? children : undefined));
 }
 
-const defaultRenderFacebookEmbedElement = (props) => React__default.createElement(Facebook, Object.assign({}, props));
+const defaultRenderFacebookEmbedElement = (props) => React.createElement(Facebook, Object.assign({}, props));
 
 exports.Facebook = Facebook;
 exports.defaultRenderFacebookEmbedElement = defaultRenderFacebookEmbedElement;

package/embed/renderers/instagram/components/Instagram.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { InstagramEmbedElement } from '@quadrats/common/embed/strategies/instagram';
 import { RenderElementProps } from '@quadrats/react';
 export interface InstagramProps {
@@ -7,5 +7,5 @@ export interface InstagramProps {
     data: string;
     element: InstagramEmbedElement;
 }
-declare function Instagram({ attributes, children, data: permalink }: InstagramProps): JSX.Element;
+declare function Instagram({ attributes, children, data: permalink }: InstagramProps): React.JSX.Element;
 export default Instagram;

package/embed/renderers/instagram/components/Instagram.js

@@ -1,24 +1,24 @@
 import React from 'react';
 import { useLoadInstagramEmbedApi } from '../hooks/useLoadInstagramEmbedApi.js';
 
-function Instagram({ attributes, children, data: permalink }) {
-    useLoadInstagramEmbedApi(permalink);
-    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-embed-instagram", contentEditable: false, style: {
-            display: 'flex',
-            marginBottom: -12,
-        } }),
-        React.createElement("blockquote", { className: "instagram-media", "data-instgrm-captioned": true, "data-instgrm-permalink": permalink, "data-instgrm-version": "13", style: {
-                background: '#FFF',
-                border: 0,
-                borderRadius: 3,
-                boxShadow: '0 0 1px 0 rgba(0,0,0,0.5), 0 1px 10px 0 rgba(0,0,0,0.15)',
-                margin: 1,
-                maxWidth: 540,
-                minWidth: 326,
-                padding: 0,
-                width: 'calc(100% - 2px)',
-            } }),
-        attributes ? children : undefined));
+function Instagram({ attributes, children, data: permalink }) {
+    useLoadInstagramEmbedApi(permalink);
+    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-embed-instagram", contentEditable: false, style: {
+            display: 'flex',
+            marginBottom: -12,
+        } }),
+        React.createElement("blockquote", { className: "instagram-media", "data-instgrm-captioned": true, "data-instgrm-permalink": permalink, "data-instgrm-version": "13", style: {
+                background: '#FFF',
+                border: 0,
+                borderRadius: 3,
+                boxShadow: '0 0 1px 0 rgba(0,0,0,0.5), 0 1px 10px 0 rgba(0,0,0,0.15)',
+                margin: 1,
+                maxWidth: 540,
+                minWidth: 326,
+                padding: 0,
+                width: 'calc(100% - 2px)',
+            } }),
+        attributes ? children : undefined));
 }
 
 export { Instagram as default };

package/embed/renderers/instagram/defaultRenderInstagramEmbedElement.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { InstagramProps } from './components/Instagram';
-export declare const defaultRenderInstagramEmbedElement: (props: InstagramProps) => JSX.Element;
+export declare const defaultRenderInstagramEmbedElement: (props: InstagramProps) => React.JSX.Element;