@ndla/ui 50.14.3 → 50.15.1

package/es/Article/Article.js

@@ -20,8 +20,7 @@ import ArticleHeaderWrapper from "./ArticleHeaderWrapper";
 import ArticleNotions from "./ArticleNotions";
 import LayoutItem from "../Layout";
 import MessageBox from "../Messages/MessageBox";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const classes = new BEMHelper({
   name: "article",
   prefix: "c-"
@@ -112,6 +111,7 @@ const getArticleContent = (content, contentTransformed) => {
   }
 };
 export const Article = _ref4 => {
+  var _copyright$license$li, _copyright$license;
   let {
     article,
     icon,
@@ -159,7 +159,7 @@ export const Article = _ref4 => {
     footNotes,
     copyright
   } = article;
-  const authors = copyright?.creators.length || copyright?.rightsholders.length ? copyright.creators : copyright?.processors;
+  const authors = copyright !== null && copyright !== void 0 && copyright.creators.length || copyright !== null && copyright !== void 0 && copyright.rightsholders.length ? copyright.creators : copyright === null || copyright === void 0 ? void 0 : copyright.processors;
   return _jsx("div", {
     ref: wrapperRef,
     children: _jsxs(ArticleWrapper, {
@@ -200,9 +200,9 @@ export const Article = _ref4 => {
         children: _jsx(ArticleByline, {
           footnotes: footNotes,
           authors: authors,
-          suppliers: copyright?.rightsholders,
+          suppliers: copyright === null || copyright === void 0 ? void 0 : copyright.rightsholders,
           published: published,
-          license: copyright?.license?.license ?? "",
+          license: (_copyright$license$li = copyright === null || copyright === void 0 || (_copyright$license = copyright.license) === null || _copyright$license === void 0 ? void 0 : _copyright$license.license) !== null && _copyright$license$li !== void 0 ? _copyright$license$li : "",
           licenseBox: licenseBox
         })
       }), _jsx(LayoutItem, {

package/es/Article/ArticleAccessMessage.js

@@ -11,9 +11,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import * as React from "react";
 import { colors, fonts } from "@ndla/core";
 import { HumanMaleBoard } from "@ndla/icons/common";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 const StyledMessage = /*#__PURE__*/_styled("span", {
   target: "ef7syc21",
   label: "StyledMessage"

package/es/Article/ArticleByline.js

@@ -14,8 +14,7 @@ import { breakpoints, colors, fonts, mq, spacing } from "@ndla/core";
 import { getLicenseByAbbreviation } from "@ndla/licenses";
 import ArticleFootNotes from "./ArticleFootNotes";
 import LicenseLink from "../LicenseByline/LicenseLink";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const Wrapper = /*#__PURE__*/_styled("div", {
   target: "eeu23se5",
   label: "Wrapper"
@@ -33,8 +32,8 @@ const PrimaryContributorsWrapper = /*#__PURE__*/_styled("span", {
 const renderContributors = (contributors, t) => {
   const contributorsArray = contributors.map((contributor, index) => {
     if (index < 1) return contributor.name;
-    const sep = index === contributors.length - 1 ? ` ${t("article.conjunction")} ` : ", ";
-    return `${sep}${contributor.name}`;
+    const sep = index === contributors.length - 1 ? " ".concat(t("article.conjunction"), " ") : ", ";
+    return "".concat(sep).concat(contributor.name);
   });
   return contributorsArray.join("");
 };
@@ -89,9 +88,9 @@ const ArticleByline = _ref => {
     const hash = e.newURL.split("#")[1];
     if (hash.match(refRegexp) && !openAccordions.includes(footnotesAccordionId)) {
       setOpenAccordions([...openAccordions, footnotesAccordionId]);
-      const el = document.getElementById(`#${hash}`);
-      el?.click();
-      el?.focus();
+      const el = document.getElementById("#".concat(hash));
+      el === null || el === void 0 || el.click();
+      el === null || el === void 0 || el.focus();
     }
   }, [openAccordions]);
   useEffect(() => {
@@ -107,15 +106,15 @@ const ArticleByline = _ref => {
         children: [license && _jsx(LicenseLink, {
           license: license
         }), showPrimaryContributors && _jsxs(PrimaryContributorsWrapper, {
-          children: [authors.length > 0 && `${t("article.authorsLabel", {
+          children: [authors.length > 0 && "".concat(t("article.authorsLabel", {
             names: renderContributors(authors, t),
             interpolation: {
               escapeValue: false
             }
-          })}. `, getSuppliersText(suppliers, t)]
+          }), ". "), getSuppliersText(suppliers, t)]
         })]
       }), _jsxs("div", {
-        children: [t(`${bylineType}.lastUpdated`), " ", published]
+        children: [t("".concat(bylineType, ".lastUpdated")), " ", published]
       })]
     }), _jsxs(AccordionRoot, {
       type: "multiple",
@@ -131,7 +130,7 @@ const ArticleByline = _ref => {
           "data-background-color": accordionHeaderVariant,
           children: licenseBox
         })]
-      }), !!footnotes?.length && _jsxs(AccordionItem, {
+      }), !!(footnotes !== null && footnotes !== void 0 && footnotes.length) && _jsxs(AccordionItem, {
         value: footnotesAccordionId,
         children: [_jsx(StyledAccordionHeader, {
           headingLevel: "h2",

package/es/Article/ArticleFootNotes.js

@@ -8,9 +8,8 @@ import _styled from "@emotion/styled/base";
  */
 
 import { colors, spacing } from "@ndla/core";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const citeDetailString = description => description ? `${description}. ` : "";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const citeDetailString = description => description ? "".concat(description, ". ") : "";
 const Cite = /*#__PURE__*/_styled("cite", {
   target: "eds1c3s1",
   label: "Cite"
@@ -21,12 +20,12 @@ const FootNote = _ref => {
   } = _ref;
   return _jsx("li", {
     children: _jsxs(Cite, {
-      id: `note${footNote.ref}`,
+      id: "note".concat(footNote.ref),
       children: [_jsx("a", {
-        href: `#ref${footNote.ref}`,
+        href: "#ref".concat(footNote.ref),
         target: "_self",
         children: footNote.ref
-      }), `«${footNote.title}». ${footNote.authors.join(" ")}. ${citeDetailString(footNote.edition)}${citeDetailString(footNote.publisher)}${footNote.year}. `, footNote.url ? _jsxs("a", {
+      }), "\xAB".concat(footNote.title, "\xBB. ").concat(footNote.authors.join(" "), ". ").concat(citeDetailString(footNote.edition)).concat(citeDetailString(footNote.publisher)).concat(footNote.year, ". "), footNote.url ? _jsxs("a", {
         href: footNote.url,
         children: [footNote.url, "."]
       }) : null]

package/es/Article/ArticleHeaderWrapper.js

@@ -9,8 +9,7 @@
 import { useEffect } from "react";
 import BEMHelper from "react-bem-helper";
 import { isMobile } from "react-device-detect";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const classes = new BEMHelper({
   name: "article",
   prefix: "c-"

package/es/Article/ArticleNotions.js

@@ -12,8 +12,7 @@ import { useTranslation } from "react-i18next";
 import { breakpoints, colors, fonts, mq, stackOrder } from "@ndla/core";
 import { Explanation, NotionFlip } from "@ndla/icons/common";
 import { ModalHeader, ModalCloseButton, ModalBody, Modal, ModalTitle, ModalTrigger, ModalContent } from "@ndla/modal";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const ArticleNotionsContainer = /*#__PURE__*/_styled("div", {
   target: "e1h0r0qr3",
   label: "ArticleNotionsContainer"
@@ -58,7 +57,7 @@ export const ArticleNotions = _ref => {
   const {
     t
   } = useTranslation();
-  const leftOffset = `${buttonOffsetRight - 32}px`;
+  const leftOffset = "".concat(buttonOffsetRight - 32, "px");
   return _jsx(ArticleNotionsContainer, {
     children: _jsxs(Modal, {
       children: [_jsx(ModalTrigger, {

package/es/AudioPlayer/AudioPlayer.js

@@ -17,9 +17,7 @@ import { SafeLink } from "@ndla/safelink";
 import { Heading, Text } from "@ndla/typography";
 import Controls from "./Controls";
 import SpeechControl from "./SpeechControl";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 const InfoWrapper = /*#__PURE__*/_styled("div", {
   target: "e1wmpntw11",
   label: "InfoWrapper"
@@ -119,7 +117,7 @@ const AudioPlayer = _ref => {
   } = useTranslation();
   const [showTextVersion, setShowTextVersion] = useState(false);
   const [showFullDescription, setShowFullDescription] = useState(false);
-  const truncatedDescription = useMemo(() => description?.slice(0, DESCRIPTION_MAX_LENGTH), [description]);
+  const truncatedDescription = useMemo(() => description === null || description === void 0 ? void 0 : description.slice(0, DESCRIPTION_MAX_LENGTH), [description]);
   if (speech) {
     return _jsx("div", {
       "data-audio-player": 1,
@@ -164,7 +162,7 @@ const AudioPlayer = _ref => {
             children: [subtitle && subtitle.url ? _jsx(SafeLink, {
               to: subtitle.url,
               children: subtitle.title
-            }) : subtitle?.title, _jsx(Title, {
+            }) : subtitle === null || subtitle === void 0 ? void 0 : subtitle.title, _jsx(Title, {
               element: "h3",
               headingStyle: "h4",
               margin: "none",
@@ -176,10 +174,10 @@ const AudioPlayer = _ref => {
           element: "p",
           textStyle: "meta-text-small",
           margin: "none",
-          children: [showFullDescription || description.length < DESCRIPTION_MAX_LENGTH ? description : `${truncatedDescription}...`, _jsx(ButtonV2, {
+          children: [showFullDescription || description.length < DESCRIPTION_MAX_LENGTH ? description : "".concat(truncatedDescription, "..."), _jsx(ButtonV2, {
             variant: "link",
             onClick: () => setShowFullDescription(p => !p),
-            children: t(`audio.${showFullDescription ? "readLessDescriptionLabel" : "readMoreDescriptionLabel"}`)
+            children: t("audio.".concat(showFullDescription ? "readLessDescriptionLabel" : "readMoreDescriptionLabel"))
           })]
         }), textVersion && img && _jsx(TextVersionComponent, {
           margin: true