@ndla/ui 45.0.6 → 45.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "45.0.6",
+  "version": "45.0.7",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "081b7b353f4028c92f7031e77d43a470fd08c764"
+  "gitHead": "5d97f47146fd65e33858db400db6d3b408503237"
 }

package/src/CampaignBlock/CampaignBlock.tsx

@@ -97,7 +97,7 @@ const CampaignBlock = ({
   const href = usePossiblyRelativeUrl(url.url, path);
   return (
     <Container className={className} data-type="campaign-block" data-image-side={imageSide}>
-      {image && <StyledImg src={image.src} height={200} width={240} alt="" />}
+      {image && <StyledImg src={image.src} height={200} width={240} alt={image.src} />}
       <TextWrapper>
         <Heading css={headingStyle}>{title.title}</Heading>
         <StyledDescription>{description.text}</StyledDescription>

package/src/LicenseByline/EmbedByline.tsx

@@ -39,27 +39,27 @@ export interface EmbedBylineErrorProps extends BaseProps {
 
 interface ImageProps extends BaseProps {
   type: 'image';
-  copyright: ImageCopyright;
+  copyright: ImageCopyright | undefined;
 }
 
 interface BrightcoveProps extends BaseProps {
   type: 'video';
-  copyright: BrightcoveCopyright;
+  copyright: BrightcoveCopyright | undefined;
 }
 
 interface AudioProps extends BaseProps {
   type: 'audio';
-  copyright: AudioCopyright;
+  copyright: AudioCopyright | undefined;
 }
 
 interface PodcastProps extends BaseProps {
   type: 'podcast';
-  copyright: AudioCopyright;
+  copyright: AudioCopyright | undefined;
 }
 
 interface ConceptProps extends BaseProps {
   type: 'concept';
-  copyright: ConceptCopyright;
+  copyright: ConceptCopyright | undefined;
 }
 
 export type EmbedBylineTypeProps = ImageProps | BrightcoveProps | AudioProps | PodcastProps | ConceptProps;
@@ -158,7 +158,7 @@ const EmbedByline = ({
 
   const { copyright } = props;
 
-  const license = getLicenseByAbbreviation(copyright.license?.license ?? '', i18n.language);
+  const license = copyright ? getLicenseByAbbreviation(copyright.license?.license ?? '', i18n.language) : undefined;
   const authors = getLicenseCredits(copyright);
   const captionAuthors = Object.values(authors).find((i) => i.length > 0) ?? [];
 
@@ -167,7 +167,7 @@ const EmbedByline = ({
       {!!strippedDescription?.length && description && <LicenseDescription description={description} />}
       {visibleAlt ? <StyledSpan>{`Alt: ${visibleAlt}`}</StyledSpan> : null}
       <RightsWrapper data-grid={inGrid}>
-        <LicenseLink license={license} asLink={!!license.url.length} />
+        {license ? <LicenseLink license={license} asLink={!!license.url.length} /> : null}
         <LicenseInformationWrapper>
           <span>
             <b>{t(`embed.type.${type}`)}: </b>

package/src/Search/SearchResultSleeve.tsx

@@ -253,28 +253,17 @@ const SearchResultSleeve = ({
           return findPathForKeyboardNavigation(contentRef.current, prevKeyPath, -1);
         });
       } else if (e.code === 'Enter') {
-        e.stopPropagation();
-        e.preventDefault();
         if (keyboardPathNavigation === GO_TO_SUGGESTION) {
-          const anchorTag =
-            searchSuggestionRef && searchSuggestionRef.current && searchSuggestionRef.current.closest('a');
-          if (anchorTag) {
-            anchorTag.click();
-          }
-        } else if (keyboardPathNavigation === GO_TO_SEARCHPAGE || keyboardPathNavigation === undefined) {
-          const anchorTag = searchAllRef && searchAllRef.current && searchAllRef.current.closest('a');
-          if (anchorTag) {
-            anchorTag.click();
-          }
-        } else {
-          if (keyboardPathNavigation instanceof HTMLElement) {
-            const toClick =
-              keyboardPathNavigation &&
-              keyboardPathNavigation.querySelector &&
-              (keyboardPathNavigation.querySelector('a') || keyboardPathNavigation.querySelector('button'));
+          searchSuggestionRef?.current?.closest('a')?.click();
+        } else if (keyboardPathNavigation instanceof HTMLElement) {
+          e.stopPropagation();
+          e.preventDefault();
+          const toClick =
+            keyboardPathNavigation &&
+            keyboardPathNavigation.querySelector &&
+            (keyboardPathNavigation.querySelector('a') || keyboardPathNavigation.querySelector('button'));
 
-            toClick && toClick.click();
-          }
+          toClick && toClick.click();
         }
       } else if (e.code === 'Tab') {
         setKeyNavigation('');