@ndla/ui 12.0.0 → 12.1.0

package/lib/locale/messages-sma.js

@@ -411,7 +411,7 @@ var messages = _objectSpread(_objectSpread({
       rules: 'Regler for bruk av bildet:'
     },
     images: {
-      heading: 'Slik bruker du bilder fra artikkelen',
+      heading: 'Slik gjenbruker du bilder',
       description: 'Husk å kopiere teksten som skal legges ved bildet der du bruker det.',
       rules: 'Regler for bruk av bildet:',
       itemImage: {
@@ -425,18 +425,18 @@ var messages = _objectSpread(_objectSpread({
       title: 'Tittel'
     },
     text: {
-      heading: 'Slik bruker du tekst fra artikkelen',
+      heading: 'Slik gjenbruker du teksten',
       description: 'Husk å henvise til kilden når du gjenbruker tekst.',
       rules: 'Regler for bruk av teksten:',
       published: 'Publiseringsdato'
     },
     audio: {
-      heading: 'Slik bruker du lydfiler',
+      heading: 'Slik gjenbruker du lydfiler',
       description: 'Husk å kopiere teksten som skal legges ved lydfilen der du bruker den.',
       rules: 'Regler for bruk av lydfilen:'
     },
     video: {
-      heading: 'Slik bruker du video fra artikkelen',
+      heading: 'Slik gjenbruker du videoer',
       description: 'Husk å kopiere teksten som skal legges ved videoen der du bruker den.',
       rules: 'Regler for bruk av videoen:',
       itemImage: {
@@ -444,31 +444,42 @@ var messages = _objectSpread(_objectSpread({
       }
     },
     other: {
-      heading: 'Slik bruker du annet innhold fra artikkelen',
+      heading: 'Slik gjenbruker du annet innhold',
       description: 'Du finner retningslinjene for bruk av innholdet i innholdselementet',
       itemImage: {
         ariaLabel: 'Åpne i nytt vindu'
       }
     },
     h5p: {
-      heading: 'Slik bruker du H5P-innhold fra artikkelen',
+      heading: 'Slik gjenbruker du H5P-innhold',
       description: 'Du finner retningslinjene for bruk av innholdet i H5P-elementet',
       rules: 'Regler for bruk av H5P:'
     },
     concept: {
-      heading: 'Slik bruker du forklaringer fra artikkelen',
+      embedlink: {
+        heading: 'Slik viser du forklaringa i anna innhald',
+        description: 'Denne lenka viser forklaringa utan kontekst (meny og botntekst)',
+        copyTitle: 'Kopier innbyggingslenke',
+        hasCopiedTitle: 'Innbyggingslenke kopiert'
+      },
+      heading: 'Slik gjenbruker du forklaringer',
       description: 'Du finner retningslinjene for bruk av innholdet i forklaring-elementet',
       rules: 'Regler for bruk av forklaring:',
       title: 'Tittel'
     },
     files: {
-      heading: 'Slik bruker du filer fra artikkelen',
+      heading: 'Slik gjenbruker du filer',
       description: 'Husk å kopier teksten som skal legges ved filen der du bruker den.',
       rules: 'Regler for bruk av filen:',
       itemImage: {
         ariaLabel: 'Åpne i nytt vindu'
       }
-    }
+    },
+    title: 'Tittel',
+    originator: 'Opphavar',
+    rightsholder: 'Rettshavar',
+    source: 'Kjelde',
+    published: 'Publiseringsdato'
   },
   errorMessage: {
     title: 'Ops, noe gikk galt',
@@ -499,8 +510,10 @@ var messages = _objectSpread(_objectSpread({
       newsletterAria: 'Meld deg på vårt nyhetsbrev',
       youtube: 'NDLA på YouTube',
       youtubeAria: 'NDLA på YouTube',
-      twitter: 'NDLA på Twitter',
-      twitterAria: 'Besøk NDLA på Twitter',
+      linkedin: 'NDLA på LinkedIn',
+      linkedinAria: 'Besøk NDLA på LinkedIn',
+      instagram: 'NDLA på Instagram',
+      instagramAria: 'Besøk NDLA på Instagram',
       sharePage: 'Del denne siden',
       sharePageAria: 'Del denne siden'
     },
@@ -563,6 +576,10 @@ var messages = _objectSpread(_objectSpread({
     search: {
       placeholder: 'Søk'
     },
+    embedlink: {
+      copyTitle: 'Kopier innbyggingskode',
+      hasCopiedTitle: 'Innbyggingskode kopiert'
+    },
     filters: {
       subject: {
         useFilter: 'Bruk filter',
@@ -578,7 +595,8 @@ var messages = _objectSpread(_objectSpread({
         useFilter: 'Bruk filter',
         openFilter: 'Filtrer',
         closeFilter: 'Lukk filter',
-        heading: 'Filter'
+        heading: 'Filter',
+        filteredBy: 'Filtrert på'
       },
       alphabet: {
         letterFilter: 'Vis innhald på (bokstaven) {{letter}}.'
@@ -728,7 +746,15 @@ var messages = _objectSpread(_objectSpread({
   },
   createdBy: {
     content: 'Ressursen',
-    text: 'er hentet fra'
+    text: 'er hentet fra',
+    concept: {
+      content: 'Forklaringa',
+      text: 'er utarbeida av'
+    },
+    listing: {
+      content: 'Lista',
+      text: 'er utarbeida av'
+    }
   },
   fagfornyelse: {
     frontpage: {
@@ -761,7 +787,7 @@ var messages = _objectSpread(_objectSpread({
   frontpageMenu: {
     program: 'Utdanningsprogram',
     allsubjects: 'Alle fag',
-    cursorText: 'Se smakebiter fra fag som kommer høsten 2022.'
+    cursorText: 'Se smakebiter fra fag under utvikling.'
   },
   navigation: {
     showLongerDescription: 'Vis hele emnebeskrivelsen',
@@ -782,7 +808,7 @@ var messages = _objectSpread(_objectSpread({
   title: 'Tittel',
   image: {
     altText: 'Alt-tekst',
-    imageText: 'Bilettekst',
+    caption: 'Bilettekst',
     type: 'Filtype',
     width: 'Breidde',
     height: 'Høgde',
@@ -901,6 +927,21 @@ var messages = _objectSpread(_objectSpread({
     myAccount: 'Min konto',
     favourites: 'Favoritter',
     help: 'Hjelp'
+  },
+  labels: {
+    category: 'Kategori',
+    subject: 'Fag',
+    other: 'Anna'
+  },
+  listingPage: {
+    or: 'eller',
+    noFilters: 'Har ikkje noko å filtrera',
+    loadMore: 'Last meir'
+  },
+  siteNav: {
+    search: 'Søk',
+    contact: 'Kontakt',
+    help: 'Hjelp'
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "12.0.0",
+  "version": "12.1.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,17 +31,17 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/button": "^2.2.0",
-    "@ndla/carousel": "^1.2.6",
+    "@ndla/button": "^2.2.1",
+    "@ndla/carousel": "^1.2.7",
     "@ndla/core": "^2.1.1",
     "@ndla/hooks": "^1.1.4",
-    "@ndla/icons": "^1.7.0",
-    "@ndla/licenses": "^4.1.1",
-    "@ndla/modal": "^1.2.7",
-    "@ndla/notion": "^3.1.5",
-    "@ndla/safelink": "^1.1.7",
+    "@ndla/icons": "^1.7.1",
+    "@ndla/licenses": "^4.1.2",
+    "@ndla/modal": "^1.2.8",
+    "@ndla/notion": "^3.1.8",
+    "@ndla/safelink": "^2.0.2",
     "@ndla/switch": "^0.1.5",
-    "@ndla/tabs": "^1.1.5",
+    "@ndla/tabs": "^1.1.6",
     "@ndla/tooltip": "^0.3.5",
     "@ndla/util": "^3.0.0",
     "@reach/menu-button": "^0.16.2",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "28f46a3c20d71e0148dc35e1d24dc13f97cc3a31"
+  "gitHead": "edc7a29956dd163f2e0df15537f4312031946c03"
 }

package/src/Breadcrumb/BreadcrumbItem.tsx

@@ -10,13 +10,12 @@ import React, { useRef, useImperativeHandle, ReactNode, forwardRef } from 'react
 import { ChevronRight } from '@ndla/icons/common';
 import SafeLink from '@ndla/safelink';
 import BEMHelper, { ReturnObject } from 'react-bem-helper';
-import * as H from 'history';
 
 interface Props {
   classes: BEMHelper<ReturnObject>;
   isCurrent: boolean;
   children: ReactNode;
-  to: H.LocationDescriptor;
+  to: string | Partial<Location>;
   home: boolean;
   name: string;
   invertedStyle: boolean;

package/src/Search/ContentTypeResult.tsx

@@ -47,8 +47,8 @@ type Props = {
     showLessResultLabel?: string;
     noHit: string;
   };
-  ignoreContentTypeBadge: boolean;
-  keyboardPathNavigation: HTMLElement | string | null;
+  ignoreContentTypeBadge?: boolean;
+  keyboardPathNavigation?: HTMLElement | string | null;
   inMenu?: boolean;
   animateList?: number;
   unGrouped?: boolean;

package/src/locale/__tests__/translations-test.ts

@@ -10,6 +10,8 @@ import { validateTranslationFiles } from '@ndla/util';
 import messagesNB from '../messages-nb';
 import messagesNN from '../messages-nn';
 import messagesEN from '../messages-en';
+import messagesSE from '../messages-se';
+import messagesSMA from '../messages-sma';
 
 test('That all translations has all language keys', () => {
   const anyMissing = validateTranslationFiles(
@@ -26,6 +28,14 @@ test('That all translations has all language keys', () => {
         languageName: 'English',
         translationObject: messagesEN,
       },
+      {
+        languageName: 'Nordsamisk',
+        translationObject: messagesSE,
+      },
+      {
+        languageName: 'Sørsamisk',
+        translationObject: messagesSMA,
+      },
     ],
     'only-on-error',
   );

package/src/locale/messages-en.ts

@@ -407,13 +407,13 @@ const messages = {
     openAll: 'Open all',
   },
   license: {
-    heading: 'Howto reuse content',
+    heading: 'How to reuse content',
     tabs: {
       text: 'Text',
       images: 'Images',
       audio: 'Audio',
       video: 'Video',
-      h5p: 'h5p',
+      h5p: 'H5P',
       files: 'Files',
       embedlink: 'Embedded link',
       other: 'Other content',
@@ -429,7 +429,7 @@ const messages = {
       rules: 'Rules for use of image:',
     },
     images: {
-      heading: 'How to use images from the article',
+      heading: 'How to reuse images',
       description: 'Remember to copy the text to be attached to the image where you use it.',
       rules: 'Rules for use of image:',
       itemImage: {
@@ -443,44 +443,50 @@ const messages = {
       title: 'Title',
     },
     text: {
-      heading: 'How to use text from the article',
+      heading: 'How to reuse the text',
       description: 'Remember to refer to the source when reusing text.',
       rules: 'Rules for use of text:',
       published: 'Published',
     },
     audio: {
-      heading: 'How to use audio files from the article',
+      heading: 'How to reuse audio files',
       description: 'Remember to copy the text to be attached to the audio where you use it.',
       rules: 'Rules for use of audio file:',
     },
     video: {
-      heading: 'How to use videos from the article',
+      heading: 'How to reuse videos',
       description: 'Remember to copy the text to be attached to the video where you use it.',
-      rules: 'Rules for use of audio file:',
+      rules: 'Rules for use of video files:',
       itemImage: {
         ariaLabel: 'Open video in new window',
       },
     },
     other: {
-      heading: 'How to use other content from the article',
+      heading: 'How to reuse other content',
       description: 'You will find guidelines for use of other content in the asset',
       itemImage: {
         ariaLabel: 'Open in new window',
       },
     },
     h5p: {
-      heading: 'How to use H5P content from the article',
+      heading: 'How to reuse H5P content',
       description: 'You will find guidelines for use of H5P content in the asset',
       rules: 'Rules for use of H5P:',
     },
     concept: {
-      heading: 'How to use concept content from the article',
+      heading: 'How to reuse concept content',
       description: 'You will find guidelines for use of concept content in the asset',
       rules: 'Rules for use of concept:',
       title: 'Title',
+      embedlink: {
+        heading: 'How to show the concept in other content',
+        description: 'This url shows the concept without menu and footer',
+        copyTitle: 'Copy embed link',
+        hasCopiedTitle: 'Embed link copied',
+      },
     },
     files: {
-      heading: 'How to use files from the article',
+      heading: 'How to reuse files',
       description: 'Remember to copy the text to be attached to the file where you use it.',
       rules: 'Rules for use of file:',
       itemImage: {
@@ -502,6 +508,11 @@ const messages = {
     },
     hasCopiedTitle: 'Copied!',
     download: 'Download',
+    title: 'Title',
+    originator: 'Originator',
+    rightsholder: 'Rightsholder',
+    source: 'Source',
+    published: 'Published',
   },
   errorMessage: {
     title: 'Oops, something went wrong',
@@ -532,8 +543,10 @@ const messages = {
       newsletterAria: 'Sign up for our Newsletter',
       youtube: 'NDLA on YouTube',
       youtubeAria: 'NDLA on YouTube',
-      twitter: 'NDLA on Twitter',
-      twitterAria: 'Follow NDLA on Twitter',
+      linkedin: 'NDLA on LinkedIn',
+      linkedinAria: 'Visit NDLA on LinkedIn',
+      instagram: 'NDLA on Instagram',
+      instagramAria: 'Visit NDLA on Instagram',
       sharePage: 'Share this page',
       sharePageAria: 'Share this page',
     },
@@ -596,6 +609,10 @@ const messages = {
     search: {
       placeholder: 'Search',
     },
+    embedlink: {
+      copyTitle: 'Copy embed code',
+      hasCopiedTitle: 'Embed code copied',
+    },
     filters: {
       subject: {
         useFilter: 'Use filter',
@@ -612,6 +629,7 @@ const messages = {
         openFilter: 'Filter',
         closeFilter: 'Close filter',
         heading: 'Filter',
+        filteredBy: 'Filtered by',
       },
       alphabet: {
         letterFilter: 'Filter content by the letter {{letter}}.',
@@ -767,6 +785,14 @@ const messages = {
   createdBy: {
     content: 'The resource',
     text: 'is retrieved from',
+    concept: {
+      content: 'The concept',
+      text: 'is created by',
+    },
+    listing: {
+      content: 'The list',
+      text: 'is created by',
+    },
   },
   fagfornyelse: {
     frontpage: {
@@ -799,7 +825,7 @@ const messages = {
   frontpageMenu: {
     program: 'Education programme',
     allsubjects: 'All subjects',
-    cursorText: 'Have a look at some new learning resources from our revised subjects!',
+    cursorText: 'Have a look at some new learning resources from our new subjects!',
   },
   navigation: {
     showLongerDescription: 'Show topic description',
@@ -940,6 +966,21 @@ const messages = {
     favourites: 'Favourites',
     help: 'Help',
   },
+  labels: {
+    category: 'Category',
+    subject: 'Subject',
+    other: 'Other',
+  },
+  listingPage: {
+    or: 'or',
+    noFilters: 'Have nothing to filter',
+    loadMore: 'Load more',
+  },
+  siteNav: {
+    search: 'Search',
+    contact: 'Contact',
+    help: 'Help',
+  },
 };
 
 export default messages;

package/src/locale/messages-nb.ts

@@ -426,7 +426,7 @@ const messages = {
       images: 'Bilder',
       audio: 'Lyd',
       video: 'Video',
-      h5p: 'h5p',
+      h5p: 'H5P',
       files: 'Filer',
       embedlink: 'Innbyggingslenke',
       concept: 'Forklaringer',
@@ -434,7 +434,7 @@ const messages = {
     },
     embedlink: {
       heading: 'Slik viser du artikkelen i annet innhold',
-      description: 'Denne lenken viser artikkelen uten kontekst(meny og bunntekst)',
+      description: 'Denne lenken viser artikkelen uten kontekst (meny og bunntekst)',
       copyTitle: 'Kopier lenke',
       hasCopiedTitle: 'Lenke kopiert',
     },
@@ -442,7 +442,7 @@ const messages = {
       rules: 'Regler for bruk av bildet:',
     },
     images: {
-      heading: 'Slik bruker du bilder fra artikkelen',
+      heading: 'Slik gjenbruker du bilder',
       description: 'Husk å kopiere teksten som skal legges ved bildet der du bruker det.',
       rules: 'Regler for bruk av bildet:',
       itemImage: {
@@ -456,18 +456,18 @@ const messages = {
       title: 'Tittel',
     },
     text: {
-      heading: 'Slik bruker du tekst fra artikkelen',
+      heading: 'Slik gjenbruker du teksten',
       description: 'Husk å henvise til kilden når du gjenbruker tekst.',
       rules: 'Regler for bruk av teksten:',
       published: 'Publiseringsdato',
     },
     audio: {
-      heading: 'Slik bruker du lydfiler',
+      heading: 'Slik gjenbruker du lydfiler',
       description: 'Husk å kopiere teksten som skal legges ved lydfilen der du bruker den.',
       rules: 'Regler for bruk av lydfilen:',
     },
     video: {
-      heading: 'Slik bruker du video fra artikkelen',
+      heading: 'Slik gjenbruker du videoer',
       description: 'Husk å kopiere teksten som skal legges ved videoen der du bruker den.',
       rules: 'Regler for bruk av videoen:',
       itemImage: {
@@ -475,31 +475,42 @@ const messages = {
       },
     },
     other: {
-      heading: 'Slik bruker du annet innhold fra artikkelen',
+      heading: 'Slik gjenbruker du annet innhold',
       description: 'Du finner retningslinjene for bruk av innholdet i innholdselementet',
       itemImage: {
         ariaLabel: 'Åpne i nytt vindu',
       },
     },
     h5p: {
-      heading: 'Slik bruker du H5P-innhold fra artikkelen',
+      heading: 'Slik gjenbruker du H5P-innhold',
       description: 'Du finner retningslinjene for bruk av innholdet i H5P-elementet',
       rules: 'Regler for bruk av H5P:',
     },
     concept: {
-      heading: 'Slik bruker du forklaringer fra artikkelen',
+      heading: 'Slik gjenbruker du forklaringer',
       description: 'Du finner retningslinjene for bruk av innholdet i forklaring-elementet',
       rules: 'Regler for bruk av forklaring:',
       title: 'Tittel',
+      embedlink: {
+        heading: 'Slik viser du forklaringen i annet innhold',
+        description: 'Denne lenken viser forklaringen uten kontekst (meny og bunntekst)',
+        copyTitle: 'Kopier innbyggingslenke',
+        hasCopiedTitle: 'Innbyggingslenke kopiert',
+      },
     },
     files: {
-      heading: 'Slik bruker du filer fra artikkelen',
+      heading: 'Slik gjenbruker du filer',
       description: 'Husk å kopier teksten som skal legges ved filen der du bruker den.',
       rules: 'Regler for bruk av filen:',
       itemImage: {
         ariaLabel: 'Åpne i nytt vindu',
       },
     },
+    title: 'Tittel',
+    originator: 'Opphaver',
+    published: 'Publiseringsdato',
+    rightsholder: 'Rettighetshaver',
+    source: 'Kilde',
   },
   errorMessage: {
     title: 'Ops, noe gikk galt',
@@ -530,8 +541,10 @@ const messages = {
       newsletterAria: 'Meld deg på vårt nyhetsbrev',
       youtube: 'NDLA på YouTube',
       youtubeAria: 'NDLA på YouTube',
-      twitter: 'NDLA på Twitter',
-      twitterAria: 'Besøk NDLA på Twitter',
+      linkedin: 'NDLA på LinkedIn',
+      linkedinAria: 'Besøk NDLA på LinkedIn',
+      instagram: 'NDLA på Instagram',
+      instagramAria: 'Besøk NDLA på Instagram',
       sharePage: 'Del denne siden',
       sharePageAria: 'Del denne siden',
     },
@@ -594,6 +607,10 @@ const messages = {
     search: {
       placeholder: 'Søk',
     },
+    embedlink: {
+      copyTitle: 'Kopier innbyggingskode',
+      hasCopiedTitle: 'Innbyggingskode kopiert',
+    },
     filters: {
       subject: {
         useFilter: 'Bruk filter',
@@ -610,6 +627,7 @@ const messages = {
         openFilter: 'Filtrer',
         closeFilter: 'Lukk filter',
         heading: 'Filter',
+        filteredBy: 'Filtrert på',
       },
       alphabet: {
         letterFilter: 'Vis innhald på (bokstaven) {{letter}}.',
@@ -765,6 +783,14 @@ const messages = {
   createdBy: {
     content: 'Ressursen',
     text: 'er hentet fra',
+    concept: {
+      content: 'Forklaringen',
+      text: 'er utarbeidet av',
+    },
+    listing: {
+      content: 'Listen',
+      text: 'er utarbeidet av',
+    },
   },
   fagfornyelse: {
     frontpage: {
@@ -797,7 +823,7 @@ const messages = {
   frontpageMenu: {
     program: 'Utdanningsprogram',
     allsubjects: 'Alle fag',
-    cursorText: 'Se smakebiter fra fag som kommer høsten 2022.',
+    cursorText: 'Se smakebiter fra fag under utvikling.',
   },
   navigation: {
     showLongerDescription: 'Vis hele emnebeskrivelsen',
@@ -938,6 +964,21 @@ const messages = {
     favourites: 'Favoritter',
     help: 'Hjelp',
   },
+  labels: {
+    category: 'Kategori',
+    subject: 'Fag',
+    other: 'Annet',
+  },
+  listingPage: {
+    or: 'eller',
+    noFilters: 'Har ingenting å filtrere',
+    loadMore: 'Last mer',
+  },
+  siteNav: {
+    search: 'Søk',
+    contact: 'Kontakt',
+    help: 'Hjelp',
+  },
 };
 
 export default messages;