@ndla/ui 55.0.15-alpha.0 → 55.0.17-alpha.0

package/es/Embed/AudioEmbed.js

@@ -10,7 +10,7 @@ import { Figure } from "@ndla/primitives";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import AudioPlayer from "../AudioPlayer";
 import { EmbedByline } from "../LicenseByline";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const getFirstNonEmptyLicenseCredits = authors => Object.values(authors).find(i => i.length > 0) ?? [];
 const AudioEmbed = _ref => {
   let {
@@ -18,7 +18,7 @@ const AudioEmbed = _ref => {
     lang
   } = _ref;
   if (embed.status === "error") {
-    return _jsx(EmbedErrorPlaceholder, {
+    return /*#__PURE__*/_jsx(EmbedErrorPlaceholder, {
       type: embed.embedData.type === "standard" ? "audio" : "podcast"
     });
   }
@@ -27,7 +27,7 @@ const AudioEmbed = _ref => {
     embedData
   } = embed;
   if (embedData.type === "minimal") {
-    return _jsx(AudioPlayer, {
+    return /*#__PURE__*/_jsx(AudioPlayer, {
       speech: true,
       src: data.audioFile.url,
       title: data.title.title
@@ -42,20 +42,20 @@ const AudioEmbed = _ref => {
     url: coverPhoto.url,
     alt: coverPhoto.altText
   };
-  return _jsxs(Figure, {
+  return /*#__PURE__*/_jsxs(Figure, {
     lang: lang,
-    children: [_jsx(AudioPlayer, {
+    children: [/*#__PURE__*/_jsx(AudioPlayer, {
       description: data.podcastMeta?.introduction ?? "",
       img: img,
       src: data.audioFile.url,
-      textVersion: data.manuscript?.manuscript.length ? _jsx("span", {
+      textVersion: data.manuscript?.manuscript.length ? /*#__PURE__*/_jsx("span", {
         dangerouslySetInnerHTML: {
           __html: data.manuscript.manuscript
         }
       }) : undefined,
       title: data.title.title,
       subtitle: subtitle
-    }), _jsx(EmbedByline, {
+    }), /*#__PURE__*/_jsx(EmbedByline, {
       error: false,
       type: data.audioType === "standard" ? "audio" : "podcast",
       copyright: embed.data.copyright

package/es/Embed/BrightcoveEmbed.js

@@ -13,7 +13,7 @@ import { Button, Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { EmbedByline } from "../LicenseByline";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LinkedVideoButton = styled(Button, {
   base: {
     marginInlineStart: "xsmall"
@@ -77,9 +77,9 @@ const BrightcoveEmbed = _ref => {
     }
   }, []);
   if (embed.status === "error") {
-    return _jsx(EmbedErrorPlaceholder, {
+    return /*#__PURE__*/_jsx(EmbedErrorPlaceholder, {
       type: "video",
-      children: _jsx(BrightcoveIframe, {
+      children: /*#__PURE__*/_jsx(BrightcoveIframe, {
         ref: iframeRef,
         title: embedData.alt ?? fallbackTitle,
         "aria-label": embedData.alt ?? fallbackTitle,
@@ -98,10 +98,10 @@ const BrightcoveEmbed = _ref => {
     ...embedData,
     videoid: linkedVideoId
   }, data.sources) : undefined;
-  return _jsxs(Figure, {
-    children: [_jsx("div", {
+  return /*#__PURE__*/_jsxs(Figure, {
+    children: [/*#__PURE__*/_jsx("div", {
       className: "brightcove-video",
-      children: _jsx(BrightcoveIframe, {
+      children: /*#__PURE__*/_jsx(BrightcoveIframe, {
         ref: iframeRef,
         className: "original",
         title: embedData.alt ?? data.name ?? fallbackTitle,
@@ -110,11 +110,11 @@ const BrightcoveEmbed = _ref => {
         ...(alternativeVideoProps && !showOriginalVideo ? alternativeVideoProps : originalVideoProps),
         allowFullScreen: true
       })
-    }), _jsx(EmbedByline, {
+    }), /*#__PURE__*/_jsx(EmbedByline, {
       type: "video",
       copyright: data.copyright,
       description: parsedDescription,
-      children: !!linkedVideoId && _jsx(LinkedVideoButton, {
+      children: !!linkedVideoId && /*#__PURE__*/_jsx(LinkedVideoButton, {
         size: "small",
         variant: "secondary",
         onClick: () => setShowOriginalVideo(p => !p),

package/es/Embed/CodeEmbed.js

@@ -16,7 +16,7 @@ import { copyTextToClipboard } from "@ndla/util";
 import { CodeBlock, codeLanguageOptions } from "../CodeBlock";
 
 // TODO: We need an error state for this
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledFigCaption = styled("figcaption", {
   base: {
     textStyle: "label.large",
@@ -55,19 +55,19 @@ const CodeEmbed = _ref => {
       };
     }
   }, [isCopied]);
-  return _jsxs(StyledFigure, {
-    children: [_jsx(StyledFigCaption, {
+  return /*#__PURE__*/_jsxs(StyledFigure, {
+    children: [/*#__PURE__*/_jsx(StyledFigCaption, {
       children: embed.embedData.title || getTitleFromFormat(embed.embedData.codeFormat)
-    }), _jsx(CodeBlock, {
+    }), /*#__PURE__*/_jsx(CodeBlock, {
       highlightedCode: embed.status === "success" ? embed.data.highlightedCode : "",
       format: embed.embedData.codeFormat
-    }), _jsxs(Button, {
+    }), /*#__PURE__*/_jsxs(Button, {
       variant: "secondary",
       onClick: () => {
         copyTextToClipboard(embed.status === "success" ? embed.data.decodedContent : "");
         setIsCopied(true);
       },
-      children: [isCopied ? _jsx(Done, {}) : _jsx(Copy, {}), isCopied ? t("codeBlock.copiedCode") : t("codeBlock.copyCode")]
+      children: [isCopied ? /*#__PURE__*/_jsx(Done, {}) : /*#__PURE__*/_jsx(Copy, {}), isCopied ? t("codeBlock.copiedCode") : t("codeBlock.copyCode")]
     })]
   });
 };

package/es/Embed/ConceptEmbed.js

@@ -14,7 +14,7 @@ import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { GlossEmbed } from "./GlossEmbed";
 import { InlineTriggerButton } from "./InlineTriggerButton";
 import { Concept } from "../Concept/Concept";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledPopoverContent = styled(PopoverContent, {
   base: {
     width: "surface.xlarge"
@@ -31,12 +31,12 @@ export const ConceptEmbed = _ref => {
     return parse(embed.data.concept.content.htmlContent);
   }, [embed]);
   if (embed.status === "error" && embed.embedData.type === "inline") {
-    return _jsx("span", {
+    return /*#__PURE__*/_jsx("span", {
       children: embed.embedData.linkText
     });
   }
   if (embed.status === "error") {
-    return _jsx(EmbedErrorPlaceholder, {
+    return /*#__PURE__*/_jsx(EmbedErrorPlaceholder, {
       type: "gloss"
     });
   }
@@ -47,12 +47,12 @@ export const ConceptEmbed = _ref => {
 
   // TODO: Consider whether we should do this in article-converter instead.
   if (embed.data.concept.glossData) {
-    return _jsx(GlossEmbed, {
+    return /*#__PURE__*/_jsx(GlossEmbed, {
       embed: embed
     });
   }
   if (embed.embedData.type === "inline") {
-    return _jsx(InlineConcept, {
+    return /*#__PURE__*/_jsx(InlineConcept, {
       linkText: embed.embedData.linkText,
       copyright: concept.copyright,
       visualElement: visualElement,
@@ -61,7 +61,7 @@ export const ConceptEmbed = _ref => {
       children: parsedContent
     });
   }
-  return _jsx(BlockConcept, {
+  return /*#__PURE__*/_jsx(BlockConcept, {
     copyright: concept.copyright,
     visualElement: visualElement,
     lang: lang,
@@ -83,17 +83,17 @@ export const InlineConcept = /*#__PURE__*/forwardRef((_ref2, ref) => {
     title,
     ...rest
   } = _ref2;
-  return _jsxs(PopoverRoot, {
-    children: [_jsx(PopoverTrigger, {
+  return /*#__PURE__*/_jsxs(PopoverRoot, {
+    children: [/*#__PURE__*/_jsx(PopoverTrigger, {
       asChild: true,
-      children: _jsx(InlineTriggerButton, {
+      children: /*#__PURE__*/_jsx(InlineTriggerButton, {
         ...rest,
         ref: ref,
         children: linkText
       })
-    }), _jsx(StyledPopoverContent, {
-      children: _jsx(Figure, {
-        children: _jsx(Concept, {
+    }), /*#__PURE__*/_jsx(StyledPopoverContent, {
+      children: /*#__PURE__*/_jsx(Figure, {
+        children: /*#__PURE__*/_jsx(Concept, {
           copyright: copyright,
           visualElement: visualElement,
           lang: lang,
@@ -104,7 +104,7 @@ export const InlineConcept = /*#__PURE__*/forwardRef((_ref2, ref) => {
     })]
   });
 });
-export const BlockConcept = /*#__PURE__*/forwardRef((props, ref) => _jsx(Concept, {
+export const BlockConcept = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(Concept, {
   ...props,
   ref: ref
 }));

package/es/Embed/ConceptListEmbed.js

@@ -10,7 +10,7 @@ import { useTranslation } from "react-i18next";
 import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { BlockConcept } from "./ConceptEmbed";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // TODO: Find out if we're actually still going to use this.
 // If we are, we need to re-add some margin between the list items. We should also probably parse the concept content to HTML, like we do in ConceptEmbed.
 
@@ -35,7 +35,7 @@ const ConceptListEmbed = _ref => {
     t
   } = useTranslation();
   if (embed.status === "error") {
-    return _jsx(StyledSpan, {
+    return /*#__PURE__*/_jsx(StyledSpan, {
       children: t("embed.conceptListError")
     });
   }
@@ -43,21 +43,21 @@ const ConceptListEmbed = _ref => {
     embedData,
     data
   } = embed;
-  return _jsx("div", {
-    children: _jsxs(Figure, {
-      children: [embedData.title && _jsx("h2", {
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsxs(Figure, {
+      children: [embedData.title && /*#__PURE__*/_jsx("h2", {
         lang: lang,
         children: embedData.title
-      }), _jsx(ConceptList, {
-        children: _jsx("ul", {
+      }), /*#__PURE__*/_jsx(ConceptList, {
+        children: /*#__PURE__*/_jsx("ul", {
           lang: lang,
           children: data.concepts.map(_ref2 => {
             let {
               concept,
               visualElement
             } = _ref2;
-            return _jsx("li", {
-              children: _jsx(BlockConcept, {
+            return /*#__PURE__*/_jsx("li", {
+              children: /*#__PURE__*/_jsx(BlockConcept, {
                 title: concept.title.title,
                 content: concept.content.content,
                 copyright: concept.copyright,

package/es/Embed/ContentLinkEmbed.js

@@ -8,7 +8,7 @@
 
 import { useTranslation } from "react-i18next";
 import { Text } from "@ndla/primitives";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ContentLinkEmbed = _ref => {
   let {
     embed,
@@ -19,12 +19,12 @@ const ContentLinkEmbed = _ref => {
     t
   } = useTranslation();
   if (embed.status === "error") {
-    return _jsx(Text, {
+    return /*#__PURE__*/_jsx(Text, {
       color: "text.error",
       asChild: true,
       consumeCss: true,
-      children: _jsxs("span", {
-        children: [_jsx("span", {
+      children: /*#__PURE__*/_jsxs("span", {
+        children: [/*#__PURE__*/_jsx("span", {
           children: `${t("embed.linkError")}: `
         }), children]
       })
@@ -35,14 +35,14 @@ const ContentLinkEmbed = _ref => {
     data
   } = embed;
   if (embedData.openIn === "new-context" || isOembed) {
-    return _jsx("a", {
+    return /*#__PURE__*/_jsx("a", {
       href: data.path,
       target: "_blank",
       rel: "noopener noreferrer",
       children: children
     });
   }
-  return _jsx("a", {
+  return /*#__PURE__*/_jsx("a", {
     href: data.path,
     children: children
   });

package/es/Embed/CopyrightEmbed.js

@@ -7,14 +7,14 @@
  */
 
 import { EmbedByline } from "../LicenseByline";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CopyrightEmbed = _ref => {
   let {
     embed,
     children
   } = _ref;
-  return _jsxs("figure", {
-    children: [children, _jsx(EmbedByline, {
+  return /*#__PURE__*/_jsxs("figure", {
+    children: [children, /*#__PURE__*/_jsx(EmbedByline, {
       type: "copyright",
       copyright: embed.embedData.copyright
     })]

package/es/Embed/EmbedErrorPlaceholder.js

@@ -10,7 +10,7 @@ import { WarningOutline } from "@ndla/icons/common";
 import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { EmbedByline } from "../LicenseByline";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ErrorPlaceholder = styled("div", {
   base: {
     display: "flex",
@@ -42,13 +42,13 @@ const EmbedErrorPlaceholder = _ref => {
     figureType,
     float
   } = _ref;
-  return _jsxs(StyledFigure, {
+  return /*#__PURE__*/_jsxs(StyledFigure, {
     size: figureType,
     float: float,
-    children: [children ?? _jsx(ErrorPlaceholder, {
+    children: [children ?? /*#__PURE__*/_jsx(ErrorPlaceholder, {
       "data-embed-type": type,
-      children: _jsx(WarningOutline, {})
-    }), _jsx(EmbedByline, {
+      children: /*#__PURE__*/_jsx(WarningOutline, {})
+    }), /*#__PURE__*/_jsx(EmbedByline, {
       error: true,
       type: type
     })]

package/es/Embed/ExternalEmbed.js

@@ -12,7 +12,7 @@ import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { ResourceBox } from "../ResourceBox";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const StyledFigure = styled(Figure, {
   base: {
     "& iframe": {
@@ -39,7 +39,7 @@ const ExternalEmbed = _ref => {
     }
   }, []);
   if (embed.status === "error") {
-    return _jsx(EmbedErrorPlaceholder, {
+    return /*#__PURE__*/_jsx(EmbedErrorPlaceholder, {
       type: "external"
     });
   }
@@ -52,8 +52,8 @@ const ExternalEmbed = _ref => {
       src: data.iframeImage?.image.imageUrl ?? "",
       alt: embedData.alt !== undefined ? embedData.alt : data.iframeImage?.alttext?.alttext ?? ""
     };
-    return _jsx(Figure, {
-      children: _jsx(ResourceBox, {
+    return /*#__PURE__*/_jsx(Figure, {
+      children: /*#__PURE__*/_jsx(ResourceBox, {
         image: image,
         title: embedData.title ?? "",
         url: embedData.url,
@@ -62,7 +62,7 @@ const ExternalEmbed = _ref => {
       })
     });
   }
-  return _jsx(StyledFigure, {
+  return /*#__PURE__*/_jsx(StyledFigure, {
     ref: figRef,
     dangerouslySetInnerHTML: {
       __html: data.oembed.html ?? ""

package/es/Embed/FootnoteEmbed.js

@@ -8,7 +8,7 @@
 
 import { useTranslation } from "react-i18next";
 import { styled } from "@ndla/styled-system/jsx";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const StyledSup = styled("sup", {
   base: {
     "& a": {
@@ -25,14 +25,14 @@ const FootnoteEmbed = _ref => {
     t
   } = useTranslation();
   if (embed.status === "error") {
-    return _jsx("div", {
+    return /*#__PURE__*/_jsx("div", {
       children: t("error")
     });
   }
-  return _jsx("span", {
+  return /*#__PURE__*/_jsx("span", {
     id: `ref${embed.data.entryNum}`,
-    children: _jsx(StyledSup, {
-      children: _jsx("a", {
+    children: /*#__PURE__*/_jsx(StyledSup, {
+      children: /*#__PURE__*/_jsx("a", {
         href: `#note${embed.data.entryNum}`,
         target: "_self",
         children: `[${embed.data.entryNum}]`

package/es/Embed/GlossEmbed.js

@@ -11,7 +11,7 @@ import { styled } from "@ndla/styled-system/jsx";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { InlineTriggerButton } from "./InlineTriggerButton";
 import { Gloss } from "../Gloss";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledPopoverContent = styled(PopoverContent, {
   base: {
     width: "surface.xlarge"
@@ -22,12 +22,12 @@ export const GlossEmbed = _ref => {
     embed
   } = _ref;
   if (embed.status === "error" && embed.embedData.type === "inline") {
-    return _jsx("span", {
+    return /*#__PURE__*/_jsx("span", {
       children: embed.embedData.linkText
     });
   }
   if (embed.status === "error" || !embed.data.concept.glossData) {
-    return _jsx(EmbedErrorPlaceholder, {
+    return /*#__PURE__*/_jsx(EmbedErrorPlaceholder, {
       type: "gloss"
     });
   }
@@ -40,15 +40,15 @@ export const GlossEmbed = _ref => {
     title: visualElement.data.title.title
   } : undefined;
   if (embed.embedData.type === "inline") {
-    return _jsxs(PopoverRoot, {
-      children: [_jsx(PopoverTrigger, {
+    return /*#__PURE__*/_jsxs(PopoverRoot, {
+      children: [/*#__PURE__*/_jsx(PopoverTrigger, {
         asChild: true,
-        children: _jsx(InlineTriggerButton, {
+        children: /*#__PURE__*/_jsx(InlineTriggerButton, {
           children: embed.embedData.linkText
         })
-      }), _jsx(StyledPopoverContent, {
-        children: _jsx(Figure, {
-          children: _jsx(Gloss, {
+      }), /*#__PURE__*/_jsx(StyledPopoverContent, {
+        children: /*#__PURE__*/_jsx(Figure, {
+          children: /*#__PURE__*/_jsx(Gloss, {
             glossData: concept.glossData,
             title: concept.title,
             audio: audio
@@ -57,8 +57,8 @@ export const GlossEmbed = _ref => {
       })]
     });
   }
-  return _jsx(Figure, {
-    children: _jsx(Gloss, {
+  return /*#__PURE__*/_jsx(Figure, {
+    children: /*#__PURE__*/_jsx(Gloss, {
       glossData: concept.glossData,
       title: concept.title,
       audio: audio,

package/es/Embed/H5pEmbed.js

@@ -9,7 +9,7 @@
 import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const StyledFigure = styled(Figure, {
   base: {
     "& iframe": {
@@ -31,19 +31,19 @@ const H5pEmbed = _ref => {
     embed
   } = _ref;
   if (embed.status === "error") {
-    return _jsx(EmbedErrorPlaceholder, {
+    return /*#__PURE__*/_jsx(EmbedErrorPlaceholder, {
       type: "h5p"
     });
   }
   if (embed.data.oembed) {
-    return _jsx(FigureOembed, {
+    return /*#__PURE__*/_jsx(FigureOembed, {
       dangerouslySetInnerHTML: {
         __html: embed.data.oembed.html ?? ""
       }
     });
   }
-  return _jsx(StyledFigure, {
-    children: _jsx("iframe", {
+  return /*#__PURE__*/_jsx(StyledFigure, {
+    children: /*#__PURE__*/_jsx("iframe", {
       title: embed.embedData.url,
       "aria-label": embed.embedData.url,
       src: embed.embedData.url

package/es/Embed/IframeEmbed.js

@@ -12,7 +12,7 @@ import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { ResourceBox } from "../ResourceBox";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const StyledIframe = styled("iframe", {
   base: {
     width: "100%"
@@ -36,7 +36,7 @@ const IframeEmbed = _ref => {
     }
   }, []);
   if (embed.status === "error") {
-    return _jsx(EmbedErrorPlaceholder, {
+    return /*#__PURE__*/_jsx(EmbedErrorPlaceholder, {
       type: "external"
     });
   }
@@ -51,8 +51,8 @@ const IframeEmbed = _ref => {
       src: iframeImage?.image.imageUrl ?? "",
       alt: alt ?? ""
     };
-    return _jsx(Figure, {
-      children: _jsx(ResourceBox, {
+    return /*#__PURE__*/_jsx(Figure, {
+      children: /*#__PURE__*/_jsx(ResourceBox, {
         image: image,
         title: embedData.title ?? "",
         url: embedData.url,
@@ -70,8 +70,8 @@ const IframeEmbed = _ref => {
   const strippedWidth = typeof width === "number" ? width : width?.replace(/\s*px/, "");
   const strippedHeight = typeof height === "number" ? height : height?.replace(/\s*px/, "");
   const urlOrTitle = title || url;
-  return _jsx(Figure, {
-    children: _jsx(StyledIframe, {
+  return /*#__PURE__*/_jsx(Figure, {
+    children: /*#__PURE__*/_jsx(StyledIframe, {
       ref: iframeRef,
       title: urlOrTitle,
       "aria-label": urlOrTitle,

package/es/Embed/ImageEmbed.js

@@ -15,7 +15,7 @@ import { Figure, Image } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { EmbedByline } from "../LicenseByline";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const getLicenseCredits = copyright => {
   return {
     creators: copyright?.creators ?? [],
@@ -208,7 +208,7 @@ const ImageEmbed = _ref => {
     }
   }, [embed, renderContext]);
   if (embed.status === "error") {
-    return _jsx(EmbedErrorPlaceholder, {
+    return /*#__PURE__*/_jsx(EmbedErrorPlaceholder, {
       type: "image",
       figureType: figureProps?.size,
       float: figureProps?.float
@@ -227,13 +227,13 @@ const ImageEmbed = _ref => {
   };
 
   // TODO: Check how this works with `children`. Will only be important for ED
-  return _jsxs(StyledFigure, {
+  return /*#__PURE__*/_jsxs(StyledFigure, {
     float: figureProps?.float,
     size: imageSizes ? "full" : figureProps?.size ?? "medium",
-    children: [children, _jsxs(ImageWrapper, {
+    children: [children, /*#__PURE__*/_jsxs(ImageWrapper, {
       border: embedData.border === "true",
       expandable: !!figureProps?.float,
-      children: [_jsx(Image, {
+      children: [/*#__PURE__*/_jsx(Image, {
         focalPoint: focalPoint,
         contentType: data.image.contentType,
         crop: crop,
@@ -242,18 +242,18 @@ const ImageEmbed = _ref => {
         src: data.image.imageUrl,
         lang: lang,
         onClick: figureProps?.float ? toggleImageSize : undefined
-      }), !!embedData.align && _jsx(ExpandButton, {
+      }), !!embedData.align && /*#__PURE__*/_jsx(ExpandButton, {
         "aria-label": t(`license.images.itemImage.zoom${imageSizes ? "Out" : ""}ImageButtonLabel`),
         onClick: toggleImageSize,
         "data-expanded": !!imageSizes,
-        children: _jsx(Plus, {})
-      }), (embedData.size?.endsWith("-hide-byline") || embedData.hideByline === "true") && _jsx(BylineButton, {
+        children: /*#__PURE__*/_jsx(Plus, {})
+      }), (embedData.size?.endsWith("-hide-byline") || embedData.hideByline === "true") && /*#__PURE__*/_jsx(BylineButton, {
         "data-byline-button": "",
         "aria-label": t(`license.images.itemImage.${isBylineHidden ? "expandByline" : "minimizeByline"}`),
         onClick: () => setIsBylineHidden(p => !p),
-        children: isBylineHidden ? _jsx(ChevronDown, {}) : _jsx(ChevronUp, {})
+        children: isBylineHidden ? /*#__PURE__*/_jsx(ChevronDown, {}) : /*#__PURE__*/_jsx(ChevronUp, {})
       })]
-    }), isBylineHidden ? null : _jsx(EmbedByline, {
+    }), isBylineHidden ? null : /*#__PURE__*/_jsx(EmbedByline, {
       type: "image",
       copyright: data.copyright,
       description: parsedDescription,

package/es/Embed/InlineTriggerButton.js

@@ -9,7 +9,7 @@
 import { forwardRef, useCallback, useRef } from "react";
 import { styled } from "@ndla/styled-system/jsx";
 import { composeRefs } from "@ndla/util";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const StyledSpan = styled("span", {
   base: {
     position: "relative",
@@ -59,7 +59,7 @@ export const InlineTriggerButton = /*#__PURE__*/forwardRef((_ref, ref) => {
       spanRef.current?.click();
     }
   }, []);
-  return _jsx(StyledSpan, {
+  return /*#__PURE__*/_jsx(StyledSpan, {
     ref: composeRefs(spanRef, ref),
     onKeyUp: onKeyboardEvent,
     onClick: onClick,