@ndla/ui 24.1.0 → 24.2.1

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

@@ -140,6 +140,7 @@ declare const messages: {
             titleUpdated: string;
             tagsUpdated: string;
             show: string;
+            save: string;
         };
     };
     snackbar: {
@@ -590,6 +591,7 @@ declare const messages: {
             files: string;
             embedlink: string;
             concept: string;
+            podcast: string;
             other: string;
         };
         embedlink: {
@@ -626,6 +628,11 @@ declare const messages: {
             description: string;
             rules: string;
         };
+        podcast: {
+            heading: string;
+            description: string;
+            rules: string;
+        };
         video: {
             heading: string;
             description: string;
@@ -647,16 +654,16 @@ declare const messages: {
             rules: string;
         };
         concept: {
+            heading: string;
+            description: string;
+            rules: string;
+            title: string;
             embedlink: {
                 heading: string;
                 description: string;
                 copyTitle: string;
                 hasCopiedTitle: string;
             };
-            heading: string;
-            description: string;
-            rules: string;
-            title: string;
         };
         files: {
             heading: string;
@@ -668,9 +675,9 @@ declare const messages: {
         };
         title: string;
         originator: string;
+        published: string;
         rightsholder: string;
         source: string;
-        published: string;
     };
     errorMessage: {
         title: string;
@@ -995,9 +1002,9 @@ declare const messages: {
         open: string;
         close: string;
     };
-    cancel: string;
     close: string;
     title: string;
+    cancel: string;
     save: string;
     image: {
         altText: string;

package/lib/locale/messages-sma.js

@@ -424,11 +424,12 @@ var messages = _objectSpread(_objectSpread({
       files: 'Filer',
       embedlink: 'Innbyggingslenke',
       concept: 'Forklaringer',
+      podcast: 'Podkast',
       other: 'Annet innhold'
     },
     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'
     },
@@ -460,6 +461,11 @@ var messages = _objectSpread(_objectSpread({
       description: 'Husk å kopiere teksten som skal legges ved lydfilen der du bruker den.',
       rules: 'Regler for bruk av lydfilen:'
     },
+    podcast: {
+      heading: 'Slik gjenbruker du podkaster',
+      description: 'Husk å kopiere teksten som skal legges ved podkasten der du bruker den.',
+      rules: 'Regler for bruk av podkasten:'
+    },
     video: {
       heading: 'Slik gjenbruker du videoer',
       description: 'Husk å kopiere teksten som skal legges ved videoen der du bruker den.',
@@ -481,16 +487,16 @@ var messages = _objectSpread(_objectSpread({
       rules: 'Regler for bruk av H5P:'
     },
     concept: {
-      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'
+      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 gjenbruker du filer',
@@ -501,10 +507,10 @@ var messages = _objectSpread(_objectSpread({
       }
     },
     title: 'Tittel',
-    originator: 'Opphavar',
-    rightsholder: 'Rettshavar',
-    source: 'Kjelde',
-    published: 'Publiseringsdato'
+    originator: 'Opphaver',
+    published: 'Publiseringsdato',
+    rightsholder: 'Rettighetshaver',
+    source: 'Kilde'
   },
   errorMessage: {
     title: 'Ops, noe gikk galt',
@@ -773,12 +779,12 @@ var messages = _objectSpread(_objectSpread({
     content: 'Ressursen',
     text: 'er hentet fra',
     concept: {
-      content: 'Forklaringa',
-      text: 'er utarbeida av'
+      content: 'Forklaringen',
+      text: 'er utarbeidet av'
     },
     listing: {
-      content: 'Lista',
-      text: 'er utarbeida av'
+      content: 'Listen',
+      text: 'er utarbeidet av'
     }
   },
   fagfornyelse: {
@@ -829,24 +835,24 @@ var messages = _objectSpread(_objectSpread({
     open: 'Åpne meny',
     close: 'Lukk meny'
   },
-  cancel: 'Avbryt',
   close: 'Lukk',
   title: 'Tittel',
+  cancel: 'Avbryt',
   save: 'Lagre',
   image: {
     altText: 'Alt-tekst',
-    caption: 'Bilettekst',
+    caption: 'Bildetekst',
     type: 'Filtype',
-    width: 'Breidde',
-    height: 'Høgde',
+    width: 'Bredde',
+    height: 'Høyde',
     size: 'Størrelse (bytes)',
     modelReleased: {
       label: 'Modellklarert',
       yes: 'Ja',
       no: 'Nei',
-      'not-applicable': 'Ikkje relevant',
-      'not-set': 'Ikkje valgt',
-      description: 'Om bildet er modellklarert eller ikkje:'
+      'not-applicable': 'Ikke relevant',
+      'not-set': 'Ikke valgt',
+      description: 'Om bildet er modellklarert eller ikke:'
     },
     download: 'Last ned bildet',
     reuse: 'Bruk bildet',
@@ -936,10 +942,10 @@ var messages = _objectSpread(_objectSpread({
     resource: {
       accessDenied: 'Vi beklager, men denne ressursen er bare for lærere innlogget med Feide.'
     },
-    primarySchool: 'Hovudskule',
-    name: 'Namn',
+    primarySchool: 'Hovedskole',
+    name: 'Navn',
     mail: 'E-post',
-    username: 'Brukarnamn',
+    username: 'Brukernavn',
     groupTypes: {
       basic: 'Basisgruppe',
       teaching: 'Undervisningsgruppe',
@@ -966,7 +972,7 @@ var messages = _objectSpread(_objectSpread({
       "delete": 'Slett',
       edit: 'Rediger',
       missingName: 'Mappenavn er påkrevd',
-      folderDeleted: '"{{folderName}}" er sletta'
+      folderDeleted: '"{{folderName}}" er slettet'
     },
     tags: '{{count}} tag',
     tags_plural: '{{count}} tags',
@@ -992,8 +998,8 @@ var messages = _objectSpread(_objectSpread({
       myPage: 'Min side',
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',
-      loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjennar du våre vilkår for bruk',
-      loginResourcePitch: 'Ønsker du å favorittmerke denne sida?',
+      loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjenner du våre vilkår for bruk',
+      loginResourcePitch: 'Ønsker du å favorittmerke denne siden?',
       loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome: 'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med tags.',
       read: {
@@ -1016,7 +1022,7 @@ var messages = _objectSpread(_objectSpread({
       feide: 'Dette henter vi om deg fra Feide',
       storageInfo: {
         title: 'Slik lagrer du dine favorittressurser fra NDLA',
-        text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjerteknappen der den er tilgjengeleg. Du vil da få mulighet til å lagre ressursen i en mappe.'
+        text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjerteknappen der den er tilgjengelig. Du vil da få mulighet til å lagre ressursen i en mappe.'
       },
       folderInfo: {
         title: 'Slik organiserer du dine favorittressurser i mapper',
@@ -1031,16 +1037,17 @@ var messages = _objectSpread(_objectSpread({
       add: 'Legg til mappe/tag',
       remove: 'Fjern',
       removeTitle: 'Fjern ressurs',
-      confirmRemove: 'Er du sikker på at du ønsker å fjerne ressursen frå denne mappen?',
+      confirmRemove: 'Er du sikker på at du ønsker å fjerne ressursen fra denne mappen?',
       copyLink: 'Kopier lenke til siden',
-      linkCopied: 'Kopiert til utklippstavla',
+      linkCopied: 'Kopiert til utklippstavle',
       addToMyNdla: 'Legg i Min NDLA',
       addedToMyNdla: 'Lagt i Min NDLA',
       addedToFolder: 'Ressurs er lagt i ',
       removedFromFolder: 'Fjernet fra "{{folderName}}"',
       titleUpdated: 'Tittel oppdatert',
       tagsUpdated: 'Tags oppdatert',
-      show: 'Vis'
+      show: 'Vis',
+      save: 'Lagre ressurs'
     }
   },
   snackbar: {
@@ -1049,12 +1056,12 @@ var messages = _objectSpread(_objectSpread({
   labels: {
     category: 'Kategori',
     subject: 'Fag',
-    other: 'Anna'
+    other: 'Annet'
   },
   listingPage: {
     or: 'eller',
-    noFilters: 'Har ikkje noko å filtrera',
-    loadMore: 'Last meir'
+    noFilters: 'Har ingenting å filtrere',
+    loadMore: 'Last mer'
   },
   siteNav: {
     search: 'Søk',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "24.1.0",
+  "version": "24.2.1",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -38,11 +38,11 @@
     "@ndla/forms": "^3.1.5",
     "@ndla/hooks": "^1.1.5",
     "@ndla/icons": "^1.11.4",
-    "@ndla/licenses": "^5.0.8",
+    "@ndla/licenses": "^5.0.9",
     "@ndla/modal": "^1.3.0",
-    "@ndla/notion": "^3.1.32",
+    "@ndla/notion": "^3.1.33",
     "@ndla/safelink": "^2.2.8",
-    "@ndla/switch": "^0.1.11",
+    "@ndla/switch": "^0.1.12",
     "@ndla/tabs": "^1.1.15",
     "@ndla/tooltip": "^2.2.0",
     "@ndla/types-learningpath-api": "^0.0.13",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b4dab829416f2d642693cbd6dcd5e0beb4b0ed5"
+  "gitHead": "c940f0006f63c666b450eb9658526abbf58d3832"
 }

package/src/MediaList/MediaList.tsx

@@ -64,7 +64,7 @@ interface MediaListItemBodyProps {
   license: string;
   locale: string;
   resourceUrl?: string;
-  resourceType?: 'video' | 'image' | 'audio' | 'text' | 'h5p';
+  resourceType?: 'video' | 'image' | 'audio' | 'text' | 'h5p' | 'podcast';
   messages?: {
     modelPremission?: string;
   };

package/src/TagSelector/SuggestionInput.tsx

@@ -128,7 +128,6 @@ const SuggestionInput = ({
   const { t } = useTranslation();
   const [currentHighlightedIndex, setCurrentHighlightedIndex] = useState(0);
   const [hasFocus, setHasFocus] = useState(false);
-  const initalRender = useRef(true);
   const inputRef = useRef<HTMLInputElement>(null);
   const containerRef = useRef<HTMLDivElement>(null);
   const suggestionIdRef = useRef<string>(uuid());
@@ -138,14 +137,6 @@ const SuggestionInput = ({
     setCurrentHighlightedIndex(0);
   }, [suggestions]);
 
-  useEffect(() => {
-    if (!initalRender.current) {
-      inputRef.current?.focus();
-    } else {
-      initalRender.current = false;
-    }
-  }, [addedTags]);
-
   useEffect(() => {
     const selectedSuggestionElement = document
       .getElementById(suggestionIdRef.current)

package/src/TreeStructure/FolderNameInput.tsx

@@ -92,6 +92,7 @@ const FolderNameInput = ({ onSaveNewFolder, parentId, onCancelNewFolder, loading
           value={name}
           onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {
             if (e.key === 'Escape') {
+              e.preventDefault();
               onCancelNewFolder();
             } else if (e.key === 'Enter' || e.key === 'Tab') {
               e.preventDefault();

package/src/TreeStructure/TreeStructure.tsx

@@ -114,6 +114,7 @@ const TreeStructure = ({
   };
 
   const onSaveNewFolder = (name: string, parentId: string) => {
+    setNewFolderParentId(undefined);
     onNewFolder?.(name, parentId).then((newFolder) => {
       if (newFolder) {
         setSelectedFolder(newFolder);

package/src/locale/messages-en.ts

@@ -441,8 +441,9 @@ const messages = {
       h5p: 'H5P',
       files: 'Files',
       embedlink: 'Embedded link',
-      other: 'Other content',
       concept: 'Concepts',
+      podcast: 'Podcast',
+      other: 'Other content',
     },
     embedlink: {
       heading: 'How to show the article in other content',
@@ -478,6 +479,11 @@ const messages = {
       description: 'Remember to copy the text to be attached to the audio where you use it.',
       rules: 'Rules for use of audio file:',
     },
+    podcast: {
+      heading: 'How to reuse podcasts',
+      description: 'Remember to copy the text to be attached to the podcast where you use it.',
+      rules: 'Rules for use of podcast:',
+    },
     video: {
       heading: 'How to reuse videos',
       description: 'Remember to copy the text to be attached to the video where you use it.',
@@ -1075,6 +1081,7 @@ const messages = {
       titleUpdated: 'Title updated',
       tagsUpdated: 'Tags updated',
       show: 'Show',
+      save: 'Save resource',
     },
   },
   snackbar: {

package/src/locale/messages-nb.ts

@@ -455,6 +455,7 @@ const messages = {
       files: 'Filer',
       embedlink: 'Innbyggingslenke',
       concept: 'Forklaringer',
+      podcast: 'Podkast',
       other: 'Annet innhold',
     },
     embedlink: {
@@ -491,6 +492,11 @@ const messages = {
       description: 'Husk å kopiere teksten som skal legges ved lydfilen der du bruker den.',
       rules: 'Regler for bruk av lydfilen:',
     },
+    podcast: {
+      heading: 'Slik gjenbruker du podkaster',
+      description: 'Husk å kopiere teksten som skal legges ved podkasten der du bruker den.',
+      rules: 'Regler for bruk av podkasten:',
+    },
     video: {
       heading: 'Slik gjenbruker du videoer',
       description: 'Husk å kopiere teksten som skal legges ved videoen der du bruker den.',
@@ -1073,6 +1079,7 @@ const messages = {
       titleUpdated: 'Tittel oppdatert',
       tagsUpdated: 'Tags oppdatert',
       show: 'Vis',
+      save: 'Lagre ressurs',
     },
   },
   snackbar: {

package/src/locale/messages-nn.ts

@@ -455,8 +455,9 @@ const messages = {
       h5p: 'H5P',
       files: 'Filer',
       embedlink: 'Innbyggingslenke',
-      other: 'Anna innhald',
       concept: 'Forklaringar',
+      podcast: 'Podkast',
+      other: 'Anna innhald',
     },
     embedlink: {
       heading: 'Slik viser du artikkelen i anna innhald',
@@ -492,6 +493,11 @@ const messages = {
       description: 'Hugs å kopiera teksten som skal leggjast ved lydfila der du bruker ho.',
       rules: 'Reglar for bruk av lydfila:',
     },
+    podcast: {
+      heading: 'Slik gjenbruker du podkaster',
+      description: 'Hugs å kopiera teksten som skal leggjast ved podkasten der du bruker ho.',
+      rules: 'Reglar for bruk av podkasten:',
+    },
     video: {
       heading: 'Slik gjenbruker du videoar',
       description: 'Hugs å kopiera teksten som skal leggjast ved videoen der du bruker han.',
@@ -1073,6 +1079,7 @@ const messages = {
       titleUpdated: 'Tittel oppdatert',
       tagsUpdated: 'Tags oppdatert',
       show: 'Vis',
+      save: 'Lagre ressurs',
     },
   },
   snackbar: {

package/src/locale/messages-se.ts

@@ -30,8 +30,8 @@ const messages = {
     label: 'Legg til tag',
     placeholder: 'Skriv tag navn',
     removeTag: 'Ta vekk {{name}}',
-    hideAllTags: 'Skjul alla tags',
-    showAllTags: 'Vis alla tags',
+    hideAllTags: 'Skjul alle tagger',
+    showAllTags: 'Vis alle tagger',
   },
   htmlTitles: {
     titleTemplate,
@@ -455,11 +455,12 @@ const messages = {
       files: 'Filer',
       embedlink: 'Innbyggingslenke',
       concept: 'Forklaringer',
+      podcast: 'Podkast',
       other: 'Annet innhold',
     },
     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',
     },
@@ -491,6 +492,11 @@ const messages = {
       description: 'Husk å kopiere teksten som skal legges ved lydfilen der du bruker den.',
       rules: 'Regler for bruk av lydfilen:',
     },
+    podcast: {
+      heading: 'Slik gjenbruker du podkaster',
+      description: 'Husk å kopiere teksten som skal legges ved podkasten der du bruker den.',
+      rules: 'Regler for bruk av podkasten:',
+    },
     video: {
       heading: 'Slik gjenbruker du videoer',
       description: 'Husk å kopiere teksten som skal legges ved videoen der du bruker den.',
@@ -524,7 +530,7 @@ const messages = {
       },
     },
     files: {
-      heading: 'Slik gjenbruker 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: {
@@ -848,7 +854,7 @@ const messages = {
   frontpageMenu: {
     program: 'Utdanningsprogram',
     allsubjects: 'Alle fag',
-    cursorText: 'Se smakebiter fra fag som under utvikling.',
+    cursorText: 'Se smakebiter fra fag under utvikling.',
   },
   navigation: {
     showLongerDescription: 'Vis hele emnebeskrivelsen',
@@ -865,24 +871,24 @@ const messages = {
     open: 'Åpne meny',
     close: 'Lukk meny',
   },
-  cancel: 'Avbryt',
   close: 'Lukk',
   title: 'Tittel',
+  cancel: 'Avbryt',
   save: 'Lagre',
   image: {
     altText: 'Alt-tekst',
-    caption: 'Bilettekst',
+    caption: 'Bildetekst',
     type: 'Filtype',
-    width: 'Breidde',
-    height: 'Høgde',
+    width: 'Bredde',
+    height: 'Høyde',
     size: 'Størrelse (bytes)',
     modelReleased: {
       label: 'Modellklarert',
       yes: 'Ja',
       no: 'Nei',
-      'not-applicable': 'Ikkje relevant',
-      'not-set': 'Ikkje valgt',
-      description: 'Om bildet er modellklarert eller ikkje:',
+      'not-applicable': 'Ikke relevant',
+      'not-set': 'Ikke valgt',
+      description: 'Om bildet er modellklarert eller ikke:',
     },
     download: 'Last ned bildet',
     reuse: 'Bruk bildet',
@@ -972,10 +978,10 @@ const messages = {
     resource: {
       accessDenied: 'Vi beklager, men denne ressursen er bare for lærere innlogget med Feide.',
     },
-    primarySchool: 'Hovudskule',
-    name: 'Namn',
+    primarySchool: 'Hovedskole',
+    name: 'Navn',
     mail: 'E-post',
-    username: 'Brukarnamn',
+    username: 'Brukernavn',
     groupTypes: {
       basic: 'Basisgruppe',
       teaching: 'Undervisningsgruppe',
@@ -1002,7 +1008,7 @@ const messages = {
       delete: 'Slett',
       edit: 'Rediger',
       missingName: 'Mappenavn er påkrevd',
-      folderDeleted: '"{{folderName}}" er sletta',
+      folderDeleted: '"{{folderName}}" er slettet',
     },
     tags: '{{count}} tag',
     tags_plural: '{{count}} tags',
@@ -1028,8 +1034,8 @@ const messages = {
       myPage: 'Min side',
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',
-      loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjennar du våre vilkår for bruk',
-      loginResourcePitch: 'Ønsker du å favorittmerke denne sida?',
+      loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjenner du våre vilkår for bruk',
+      loginResourcePitch: 'Ønsker du å favorittmerke denne siden?',
       loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome:
         'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med tags.',
@@ -1048,7 +1054,7 @@ const messages = {
       feide: 'Dette henter vi om deg fra Feide',
       storageInfo: {
         title: 'Slik lagrer du dine favorittressurser fra NDLA',
-        text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjerteknappen der den er tilgjengeleg. Du vil da få mulighet til å lagre ressursen i en mappe.',
+        text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjerteknappen der den er tilgjengelig. Du vil da få mulighet til å lagre ressursen i en mappe.',
       },
       folderInfo: {
         title: 'Slik organiserer du dine favorittressurser i mapper',
@@ -1063,9 +1069,9 @@ const messages = {
       add: 'Legg til mappe/tag',
       remove: 'Fjern',
       removeTitle: 'Fjern ressurs',
-      confirmRemove: 'Er du sikker på at du ønsker å fjerne ressursen frå denne mappen?',
+      confirmRemove: 'Er du sikker på at du ønsker å fjerne ressursen fra denne mappen?',
       copyLink: 'Kopier lenke til siden',
-      linkCopied: 'Kopiert til utklippstavla',
+      linkCopied: 'Kopiert til utklippstavle',
       addToMyNdla: 'Legg i Min NDLA',
       addedToMyNdla: 'Lagt i Min NDLA',
       addedToFolder: 'Ressurs er lagt i ',
@@ -1073,6 +1079,7 @@ const messages = {
       titleUpdated: 'Tittel oppdatert',
       tagsUpdated: 'Tags oppdatert',
       show: 'Vis',
+      save: 'Lagre ressurs',
     },
   },
   snackbar: {