@quadrats/react 0.6.7 → 0.7.1

package/embed/renderers/instagram/hooks/useLoadInstagramEmbedApi.js

@@ -1,27 +1,27 @@
 import { useEffect } from 'react';
 
-function getInstagramEmbedApi() {
-    return window.instgrm;
-}
-function useLoadInstagramEmbedApi(permalink) {
-    useEffect(() => {
-        if (permalink) {
-            let instgrm = getInstagramEmbedApi();
-            if (instgrm) {
-                instgrm.Embeds.process();
-                return;
-            }
-            const script = document.createElement('script');
-            script.src = '//www.instagram.com/embed.js';
-            script.onload = () => {
-                instgrm = getInstagramEmbedApi();
-                instgrm === null || instgrm === void 0 ? void 0 : instgrm.Embeds.process();
-                script.remove();
-            };
-            script.async = true;
-            document.body.appendChild(script);
-        }
-    }, [permalink]);
+function getInstagramEmbedApi() {
+    return window.instgrm;
+}
+function useLoadInstagramEmbedApi(permalink) {
+    useEffect(() => {
+        if (permalink) {
+            let instgrm = getInstagramEmbedApi();
+            if (instgrm) {
+                instgrm.Embeds.process();
+                return;
+            }
+            const script = document.createElement('script');
+            script.src = '//www.instagram.com/embed.js';
+            script.onload = () => {
+                instgrm = getInstagramEmbedApi();
+                instgrm === null || instgrm === void 0 ? void 0 : instgrm.Embeds.process();
+                script.remove();
+            };
+            script.async = true;
+            document.body.appendChild(script);
+        }
+    }, [permalink]);
 }
 
 export { useLoadInstagramEmbedApi };

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

@@ -1,58 +1,52 @@
 '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 getInstagramEmbedApi() {
-    return window.instgrm;
-}
-function useLoadInstagramEmbedApi(permalink) {
-    React.useEffect(() => {
-        if (permalink) {
-            let instgrm = getInstagramEmbedApi();
-            if (instgrm) {
-                instgrm.Embeds.process();
-                return;
-            }
-            const script = document.createElement('script');
-            script.src = '//www.instagram.com/embed.js';
-            script.onload = () => {
-                instgrm = getInstagramEmbedApi();
-                instgrm === null || instgrm === void 0 ? void 0 : instgrm.Embeds.process();
-                script.remove();
-            };
-            script.async = true;
-            document.body.appendChild(script);
-        }
-    }, [permalink]);
+function getInstagramEmbedApi() {
+    return window.instgrm;
+}
+function useLoadInstagramEmbedApi(permalink) {
+    React.useEffect(() => {
+        if (permalink) {
+            let instgrm = getInstagramEmbedApi();
+            if (instgrm) {
+                instgrm.Embeds.process();
+                return;
+            }
+            const script = document.createElement('script');
+            script.src = '//www.instagram.com/embed.js';
+            script.onload = () => {
+                instgrm = getInstagramEmbedApi();
+                instgrm === null || instgrm === void 0 ? void 0 : instgrm.Embeds.process();
+                script.remove();
+            };
+            script.async = true;
+            document.body.appendChild(script);
+        }
+    }, [permalink]);
 }
 
-function Instagram({ attributes, children, data: permalink }) {
-    useLoadInstagramEmbedApi(permalink);
-    return (React__default.createElement("div", Object.assign({}, attributes, { className: "qdr-embed-instagram", contentEditable: false, style: {
-            display: 'flex',
-            marginBottom: -12,
-        } }),
-        React__default.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));
 }
 
-const defaultRenderInstagramEmbedElement = (props) => React__default.createElement(Instagram, Object.assign({}, props));
+const defaultRenderInstagramEmbedElement = (props) => React.createElement(Instagram, Object.assign({}, props));
 
 exports.Instagram = Instagram;
 exports.defaultRenderInstagramEmbedElement = defaultRenderInstagramEmbedElement;

package/embed/renderers/podcast-apple/components/PodcastApple.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { PodcastAppleEmbedElement } from '@quadrats/common/embed/strategies/podcast-apple';
 import { RenderElementProps } from '@quadrats/react';
 export interface PodcastAppleProps {
@@ -6,5 +6,5 @@ export interface PodcastAppleProps {
     data: string;
     element: PodcastAppleEmbedElement;
 }
-declare function PodcastApple({ attributes, children, data: src }: PropsWithChildren<PodcastAppleProps>): JSX.Element;
+declare function PodcastApple({ attributes, children, data: src }: PropsWithChildren<PodcastAppleProps>): React.JSX.Element;
 export default PodcastApple;

package/embed/renderers/podcast-apple/components/PodcastApple.js

@@ -1,12 +1,12 @@
 import React, { useRef } from 'react';
 import { composeRefs } from '@quadrats/react/utils';
 
-function PodcastApple({ attributes, children, data: src }) {
-    const containerRef = useRef(null);
-    const composedRef = composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, containerRef]);
-    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-embed-podcast-apple", ref: composedRef, contentEditable: false }),
-        React.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", height: "450px" }),
-        attributes ? children : undefined));
+function PodcastApple({ attributes, children, data: src }) {
+    const containerRef = useRef(null);
+    const composedRef = composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, containerRef]);
+    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-embed-podcast-apple", ref: composedRef, contentEditable: false }),
+        React.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", height: "450px" }),
+        attributes ? children : undefined));
 }
 
 export { PodcastApple as default };

package/embed/renderers/podcast-apple/defaultRenderPodcastAppleEmbedElement.d.ts

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

package/embed/renderers/podcast-apple/index.cjs.js

@@ -1,23 +1,17 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var utils = require('@quadrats/react/utils');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function PodcastApple({ attributes, children, data: src }) {
-    const containerRef = React.useRef(null);
-    const composedRef = utils.composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, containerRef]);
-    return (React__default.createElement("div", Object.assign({}, attributes, { className: "qdr-embed-podcast-apple", ref: composedRef, contentEditable: false }),
-        React__default.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", height: "450px" }),
-        attributes ? children : undefined));
+function PodcastApple({ attributes, children, data: src }) {
+    const containerRef = React.useRef(null);
+    const composedRef = utils.composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, containerRef]);
+    return (React.createElement("div", Object.assign({}, attributes, { className: "qdr-embed-podcast-apple", ref: composedRef, contentEditable: false }),
+        React.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", height: "450px" }),
+        attributes ? children : undefined));
 }
 
-const defaultRenderPodcastAppleEmbedElement = (props) => React__default.createElement(PodcastApple, Object.assign({}, props));
+const defaultRenderPodcastAppleEmbedElement = (props) => React.createElement(PodcastApple, Object.assign({}, props));
 
 exports.PodcastApple = PodcastApple;
 exports.defaultRenderPodcastAppleEmbedElement = defaultRenderPodcastAppleEmbedElement;

package/embed/renderers/spotify/components/Spotify.d.ts

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

package/embed/renderers/spotify/components/Spotify.js

@@ -1,16 +1,16 @@
 import React, { useRef, useMemo } from 'react';
 import { composeRefs } from '@quadrats/react/utils';
 
-function Spotify({ attributes, children, data: src }) {
-    const containerRef = useRef(null);
-    const composedRef = composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, containerRef]);
-    const higher = useMemo(() => (!!src.match(/\/playlist/)), [src]);
-    return (React.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-spotify", contentEditable: false }),
-        React.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", allow: "autoplay", "clipboard-write": "true", "encrypted-media": "true", "picture-in-picture": "true", height: higher ? '400px' : '152px', style: {
-                maxHeight: '100%',
-                height: higher ? '400px' : '152px',
-            } }),
-        attributes ? children : undefined));
+function Spotify({ attributes, children, data: src }) {
+    const containerRef = useRef(null);
+    const composedRef = composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, containerRef]);
+    const higher = useMemo(() => (!!src.match(/\/playlist/)), [src]);
+    return (React.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-spotify", contentEditable: false }),
+        React.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", allow: "autoplay", "clipboard-write": "true", "encrypted-media": "true", "picture-in-picture": "true", height: higher ? '400px' : '152px', style: {
+                maxHeight: '100%',
+                height: higher ? '400px' : '152px',
+            } }),
+        attributes ? children : undefined));
 }
 
 export { Spotify as default };

package/embed/renderers/spotify/defaultRenderSpotifyEmbedElement.d.ts

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

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

@@ -1,27 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var utils = require('@quadrats/react/utils');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function Spotify({ attributes, children, data: src }) {
-    const containerRef = React.useRef(null);
-    const composedRef = utils.composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, containerRef]);
-    const higher = React.useMemo(() => (!!src.match(/\/playlist/)), [src]);
-    return (React__default.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-spotify", contentEditable: false }),
-        React__default.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", allow: "autoplay", "clipboard-write": "true", "encrypted-media": "true", "picture-in-picture": "true", height: higher ? '400px' : '152px', style: {
-                maxHeight: '100%',
-                height: higher ? '400px' : '152px',
-            } }),
-        attributes ? children : undefined));
+function Spotify({ attributes, children, data: src }) {
+    const containerRef = React.useRef(null);
+    const composedRef = utils.composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, containerRef]);
+    const higher = React.useMemo(() => (!!src.match(/\/playlist/)), [src]);
+    return (React.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-spotify", contentEditable: false }),
+        React.createElement("iframe", { title: src, src: src, frameBorder: "0", width: "100%", allow: "autoplay", "clipboard-write": "true", "encrypted-media": "true", "picture-in-picture": "true", height: higher ? '400px' : '152px', style: {
+                maxHeight: '100%',
+                height: higher ? '400px' : '152px',
+            } }),
+        attributes ? children : undefined));
 }
 
-const defaultRenderSpotifyEmbedElement = (props) => React__default.createElement(Spotify, Object.assign({}, props));
+const defaultRenderSpotifyEmbedElement = (props) => React.createElement(Spotify, Object.assign({}, props));
 
 exports.Spotify = Spotify;
 exports.defaultRenderSpotifyEmbedElement = defaultRenderSpotifyEmbedElement;

package/embed/renderers/twitter/components/Twitter.d.ts

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

package/embed/renderers/twitter/components/Twitter.js

@@ -2,11 +2,11 @@ import React, { useRef } from 'react';
 import { composeRefs } from '@quadrats/react/utils';
 import { useLoadTwitterEmbedApi } from '../hooks/useLoadTwitterEmbedApi.js';
 
-function Twitter({ attributes, children, data: tweetId }) {
-    const tweetContainerRef = useRef(null);
-    const composedRef = composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, tweetContainerRef]);
-    useLoadTwitterEmbedApi(tweetId, tweetContainerRef);
-    return (React.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-twitter", contentEditable: false }), attributes ? children : undefined));
+function Twitter({ attributes, children, data: tweetId }) {
+    const tweetContainerRef = useRef(null);
+    const composedRef = composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, tweetContainerRef]);
+    useLoadTwitterEmbedApi(tweetId, tweetContainerRef);
+    return (React.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-twitter", contentEditable: false }), attributes ? children : undefined));
 }
 
 export { Twitter as default };

package/embed/renderers/twitter/defaultRenderTwitterEmbedElement.d.ts

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

package/embed/renderers/twitter/hooks/useLoadTwitterEmbedApi.js

@@ -1,33 +1,33 @@
 import { useEffect } from 'react';
 
-function getTwitterEmbedApi() {
-    return window.twttr;
-}
-function createTweet(tweetId, containerEl) {
-    const twttr = getTwitterEmbedApi();
-    if (twttr) {
-        twttr.widgets.createTweet(tweetId, containerEl);
-        return true;
-    }
-    return false;
-}
-function useLoadTwitterEmbedApi(tweetId, tweetContainerRef) {
-    useEffect(() => {
-        const { current: containerEl } = tweetContainerRef;
-        if (tweetId && containerEl) {
-            const created = createTweet(tweetId, containerEl);
-            if (!created) {
-                const script = document.createElement('script');
-                script.src = 'https://platform.twitter.com/widgets.js';
-                script.async = true;
-                script.onload = () => {
-                    createTweet(tweetId, containerEl);
-                    script.remove();
-                };
-                document.body.appendChild(script);
-            }
-        }
-    }, [tweetId, tweetContainerRef]);
+function getTwitterEmbedApi() {
+    return window.twttr;
+}
+function createTweet(tweetId, containerEl) {
+    const twttr = getTwitterEmbedApi();
+    if (twttr) {
+        twttr.widgets.createTweet(tweetId, containerEl);
+        return true;
+    }
+    return false;
+}
+function useLoadTwitterEmbedApi(tweetId, tweetContainerRef) {
+    useEffect(() => {
+        const { current: containerEl } = tweetContainerRef;
+        if (tweetId && containerEl) {
+            const created = createTweet(tweetId, containerEl);
+            if (!created) {
+                const script = document.createElement('script');
+                script.src = 'https://platform.twitter.com/widgets.js';
+                script.async = true;
+                script.onload = () => {
+                    createTweet(tweetId, containerEl);
+                    script.remove();
+                };
+                document.body.appendChild(script);
+            }
+        }
+    }, [tweetId, tweetContainerRef]);
 }
 
 export { useLoadTwitterEmbedApi };

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

@@ -1,52 +1,46 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var utils = require('@quadrats/react/utils');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function getTwitterEmbedApi() {
-    return window.twttr;
-}
-function createTweet(tweetId, containerEl) {
-    const twttr = getTwitterEmbedApi();
-    if (twttr) {
-        twttr.widgets.createTweet(tweetId, containerEl);
-        return true;
-    }
-    return false;
-}
-function useLoadTwitterEmbedApi(tweetId, tweetContainerRef) {
-    React.useEffect(() => {
-        const { current: containerEl } = tweetContainerRef;
-        if (tweetId && containerEl) {
-            const created = createTweet(tweetId, containerEl);
-            if (!created) {
-                const script = document.createElement('script');
-                script.src = 'https://platform.twitter.com/widgets.js';
-                script.async = true;
-                script.onload = () => {
-                    createTweet(tweetId, containerEl);
-                    script.remove();
-                };
-                document.body.appendChild(script);
-            }
-        }
-    }, [tweetId, tweetContainerRef]);
+function getTwitterEmbedApi() {
+    return window.twttr;
+}
+function createTweet(tweetId, containerEl) {
+    const twttr = getTwitterEmbedApi();
+    if (twttr) {
+        twttr.widgets.createTweet(tweetId, containerEl);
+        return true;
+    }
+    return false;
+}
+function useLoadTwitterEmbedApi(tweetId, tweetContainerRef) {
+    React.useEffect(() => {
+        const { current: containerEl } = tweetContainerRef;
+        if (tweetId && containerEl) {
+            const created = createTweet(tweetId, containerEl);
+            if (!created) {
+                const script = document.createElement('script');
+                script.src = 'https://platform.twitter.com/widgets.js';
+                script.async = true;
+                script.onload = () => {
+                    createTweet(tweetId, containerEl);
+                    script.remove();
+                };
+                document.body.appendChild(script);
+            }
+        }
+    }, [tweetId, tweetContainerRef]);
 }
 
-function Twitter({ attributes, children, data: tweetId }) {
-    const tweetContainerRef = React.useRef(null);
-    const composedRef = utils.composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, tweetContainerRef]);
-    useLoadTwitterEmbedApi(tweetId, tweetContainerRef);
-    return (React__default.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-twitter", contentEditable: false }), attributes ? children : undefined));
+function Twitter({ attributes, children, data: tweetId }) {
+    const tweetContainerRef = React.useRef(null);
+    const composedRef = utils.composeRefs([attributes === null || attributes === void 0 ? void 0 : attributes.ref, tweetContainerRef]);
+    useLoadTwitterEmbedApi(tweetId, tweetContainerRef);
+    return (React.createElement("div", Object.assign({}, attributes, { ref: composedRef, className: "qdr-embed-twitter", contentEditable: false }), attributes ? children : undefined));
 }
 
-const defaultRenderTwitterEmbedElement = (props) => React__default.createElement(Twitter, Object.assign({}, props));
+const defaultRenderTwitterEmbedElement = (props) => React.createElement(Twitter, Object.assign({}, props));
 
 exports.Twitter = Twitter;
 exports.defaultRenderTwitterEmbedElement = defaultRenderTwitterEmbedElement;

package/embed/renderers/vimeo/defaultRenderVimeoEmbedElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { VimeoEmbedElement } from '@quadrats/common/embed/strategies/vimeo';
 import { VideoIframeProps } from '@quadrats/react/embed';
-export declare const defaultRenderVimeoEmbedElement: (props: VideoIframeProps<VimeoEmbedElement>) => JSX.Element;
+export declare const defaultRenderVimeoEmbedElement: (props: VideoIframeProps<VimeoEmbedElement>) => React.JSX.Element;

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

@@ -1,14 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var embed = require('@quadrats/react/embed');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const defaultRenderVimeoEmbedElement = (props) => (React__default.createElement(embed.VideoIframe, Object.assign({}, props)));
+const defaultRenderVimeoEmbedElement = (props) => (React.createElement(embed.VideoIframe, Object.assign({}, props)));
 
 exports.defaultRenderVimeoEmbedElement = defaultRenderVimeoEmbedElement;

package/embed/renderers/youtube/defaultRenderYoutubeEmbedElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { YoutubeEmbedElement } from '@quadrats/common/embed/strategies/youtube';
 import { VideoIframeProps } from '@quadrats/react/embed';
-export declare const defaultRenderYoutubeEmbedElement: (props: VideoIframeProps<YoutubeEmbedElement>) => JSX.Element;
+export declare const defaultRenderYoutubeEmbedElement: (props: VideoIframeProps<YoutubeEmbedElement>) => React.JSX.Element;

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

@@ -1,14 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var embed = require('@quadrats/react/embed');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const defaultRenderYoutubeEmbedElement = (props) => (React__default.createElement(embed.VideoIframe, Object.assign({}, props)));
+const defaultRenderYoutubeEmbedElement = (props) => (React.createElement(embed.VideoIframe, Object.assign({}, props)));
 
 exports.defaultRenderYoutubeEmbedElement = defaultRenderYoutubeEmbedElement;

package/embed/toolbar/EmbedToolbarIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Editor } from '@quadrats/react';
 import { InputWidgetConfig } from '@quadrats/common/input-widget';
 import { ReactEmbed } from '@quadrats/react/embed';
@@ -11,5 +11,5 @@ export interface EmbedToolbarIconProps<Provider extends string> extends Omit<Too
     providers: Provider[];
     startToolInput?: (editor: Editor, inputConfig: InputWidgetConfig) => void;
 }
-declare function EmbedToolbarIcon<Provider extends string>(props: EmbedToolbarIconProps<Provider>): JSX.Element;
+declare function EmbedToolbarIcon<Provider extends string>(props: EmbedToolbarIconProps<Provider>): React.JSX.Element;
 export default EmbedToolbarIcon;

package/embed/toolbar/EmbedToolbarIcon.js

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