@ndla/ui 45.0.7 → 45.0.8

package/lib/locale/messages-sma.d.ts

@@ -891,6 +891,7 @@ declare const messages: {
         title: string;
         originator: string;
         published: string;
+        processed: string;
         rightsholder: string;
         source: string;
         info: string;

package/lib/locale/messages-sma.js

@@ -599,6 +599,7 @@ var messages = _objectSpread(_objectSpread({
     title: 'Tihtele',
     originator: 'Opphaver',
     published: 'Publiseringsdato',
+    processed: 'Innhaldet har vorte omarbeidd',
     rightsholder: 'Rettighetshaver',
     source: 'Gaaltije',
     info: 'Lisensinformasjon'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "45.0.7",
+  "version": "45.0.8",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -40,9 +40,9 @@
     "@ndla/forms": "^4.3.23",
     "@ndla/hooks": "^2.1.0",
     "@ndla/icons": "^4.0.6",
-    "@ndla/licenses": "^7.1.3",
+    "@ndla/licenses": "^7.1.4",
     "@ndla/modal": "^4.0.7",
-    "@ndla/notion": "^5.0.23",
+    "@ndla/notion": "^5.0.24",
     "@ndla/safelink": "^4.1.21",
     "@ndla/select": "^2.4.12",
     "@ndla/switch": "^1.1.12",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5d97f47146fd65e33858db400db6d3b408503237"
+  "gitHead": "4fcf1c6c35e6612269adbe3878fd773d7fdd9cd2"
 }

package/src/Gloss/Gloss.tsx

@@ -31,7 +31,7 @@ export interface Props {
     transcriptions: Transcription;
     examples?: Example[][];
   };
-  audio: {
+  audio?: {
     title: string;
     src?: string;
   };
@@ -124,7 +124,7 @@ const Gloss = ({ title, glossData, audio }: Props) => {
               <TypeSpan aria-label={t('gloss.wordClass')}>{t(`wordClass.${glossData.wordClass}`)}</TypeSpan>
             )}
           </GlossContainer>
-          {audio.src && <SpeechControl src={audio.src} title={audio.title}></SpeechControl>}
+          {audio?.src && <SpeechControl src={audio.src} title={audio.title}></SpeechControl>}
         </Wrapper>
         <span>{title.title}</span>
       </Container>

package/src/MediaList/MediaList.tsx

@@ -13,6 +13,7 @@ import {
   isCreativeCommonsLicense,
   metaTypes,
 } from '@ndla/licenses';
+import type { MetaType } from '@ndla/licenses';
 import { LicenseDescription } from '@ndla/notion';
 import BEMHelper from 'react-bem-helper';
 import { uuid } from '@ndla/util';
@@ -182,25 +183,54 @@ export const HandleLink = ({ text, children }: HandleLinkProps) => {
 
 const attributionTypes = [metaTypes.author, metaTypes.copyrightHolder, metaTypes.contributor];
 
+export type ItemType = ItemTypeWithDescription | DescriptionLessItemType;
+
+interface ItemTypeWithDescription {
+  label: string;
+  description: string;
+  metaType: Omit<MetaType, 'otherWithoutDescription'>;
+}
+
+interface DescriptionLessItemType {
+  label: string;
+  metaType: 'otherWithoutDescription';
+}
+
+function isOtherWithoutDescription(item: ItemType): item is DescriptionLessItemType {
+  return item.metaType === metaTypes.otherWithoutDescription;
+}
+
 interface MediaListItemMetaProps {
-  items?: {
-    label: string;
-    description: string;
-    metaType: string;
-  }[];
+  items?: ItemType[];
+}
+
+const ItemText = ({ item }: { item: ItemType }) => {
+  if (isOtherWithoutDescription(item)) {
+    return <>{item.label}</>;
+  }
+
+  return (
+    <>
+      {item.label}: <HandleLink text={item.description}>{item.description}</HandleLink>
+    </>
+  );
+};
+
+function isAttributionItem(item: ItemType): item is ItemTypeWithDescription {
+  if (isOtherWithoutDescription(item)) return false;
+  return attributionTypes.some((type) => type === item.metaType);
 }
 
 export const MediaListItemMeta = ({ items = [] }: MediaListItemMetaProps) => {
-  const attributionItems = items.filter((item) => attributionTypes.some((type) => type === item.metaType));
+  const attributionItems = items.filter(isAttributionItem);
   const attributionMeta = attributionItems.map((item) => `${item.label}: ${item.description}`).join(', ');
 
   return (
-    //@ts-ignore
     // eslint-disable-next-line react/no-unknown-property
     <ul {...cClasses('actions')} property="cc:attributionName" content={attributionMeta}>
       {items.map((item) => (
         <li key={uuid()} className="c-medialist__meta-item">
-          {item.label}: <HandleLink text={item.description}>{item.description}</HandleLink>
+          <ItemText item={item} />
         </li>
       ))}
     </ul>

package/src/MediaList/index.ts

@@ -13,3 +13,5 @@ export {
   MediaListItemImage,
   MediaListItemMeta,
 } from './MediaList';
+
+export type { ItemType } from './MediaList';

package/src/index.ts

@@ -207,6 +207,8 @@ export {
   MediaListItemMeta,
 } from './MediaList';
 
+export type { ItemType } from './MediaList';
+
 export {
   default as ContentTypeBadge,
   SubjectMaterialBadge,

package/src/locale/messages-en.ts

@@ -631,6 +631,7 @@ const messages = {
     title: 'Title',
     originator: 'Originator',
     rightsholder: 'Rightsholder',
+    processed: 'The content has been processed',
     source: 'Source',
     published: 'Published',
     info: 'License information',

package/src/locale/messages-nb.ts

@@ -630,6 +630,7 @@ const messages = {
     title: 'Tittel',
     originator: 'Opphaver',
     published: 'Publiseringsdato',
+    processed: 'Innholdet har blitt bearbeidet',
     rightsholder: 'Rettighetshaver',
     source: 'Kilde',
     info: 'Lisensinformasjon',

package/src/locale/messages-nn.ts

@@ -629,6 +629,7 @@ const messages = {
     },
     title: 'Tittel',
     originator: 'Opphavar',
+    processed: 'Innhaldet har vorte omarbeidd',
     rightsholder: 'Rettshavar',
     source: 'Kjelde',
     published: 'Publiseringsdato',

package/src/locale/messages-se.ts

@@ -631,6 +631,7 @@ const messages = {
     title: 'Tihttel',
     originator: 'Ásaheaddji',
     published: 'Almmuhanbeaivi',
+    processed: 'Sisdoallu lea rievdaduvvon.',
     rightsholder: 'Vuoigatvuođaguoddi',
     source: 'Gáldu',
     info: 'Lisensinformasjon',

package/src/locale/messages-sma.ts

@@ -634,6 +634,7 @@ const messages = {
     title: 'Tihtele',
     originator: 'Opphaver',
     published: 'Publiseringsdato',
+    processed: 'Innhaldet har vorte omarbeidd',
     rightsholder: 'Rettighetshaver',
     source: 'Gaaltije',
     info: 'Lisensinformasjon',