@ndla/ui 49.0.1 → 49.0.4

package/src/LanguageSelector/LanguageSelector.tsx

@@ -17,6 +17,7 @@ interface Props<T extends string> {
   locales: T[];
   onSelect: (locale: T) => void;
   inverted?: boolean;
+  triggerId?: string;
 }
 
 const StyledDropdownContent = styled(DropdownContent)`
@@ -60,12 +61,18 @@ const Text = styled.span`
   font-weight: ${fonts.weight.semibold};
 `;
 
-const LanguageSelector = <T extends string>({ locales, onSelect, inverted }: Props<T>) => {
+const LanguageSelector = <T extends string>({ locales, onSelect, inverted, triggerId }: Props<T>) => {
   const { t, i18n } = useTranslation();
   return (
     <DropdownMenu>
       <DropdownTrigger>
-        <ButtonV2 variant="outline" shape="pill" inverted={inverted} aria-label={t('footer.selectLanguage')}>
+        <ButtonV2
+          variant="outline"
+          shape="pill"
+          inverted={inverted}
+          aria-label={t('footer.selectLanguage')}
+          id={triggerId}
+        >
           {t(`languages.prefixChangeLanguage`)} <ChevronDown />
         </ButtonV2>
       </DropdownTrigger>

package/src/ResourceGroup/ResourceItem.tsx

@@ -188,6 +188,7 @@ interface Props {
   contentTypeDescription?: string;
   extraBottomMargin?: boolean;
   showAdditionalResources?: boolean;
+  language?: string;
   access?: 'teacher';
   heartButton?: (path: string) => ReactNode;
 }
@@ -212,6 +213,7 @@ const ResourceItem = ({
   additional,
   showAdditionalResources,
   access,
+  language,
   heartButton,
 }: Props & Resource) => {
   const { t } = useTranslation();
@@ -238,7 +240,12 @@ const ResourceItem = ({
           <ContentTypeBadge type={contentType ?? ''} background border={false} />
         </ContentBadgeWrapper>
         <InlineContainer>
-          <ResourceLink to={path} aria-current={active ? 'page' : undefined} aria-describedby={describedBy}>
+          <ResourceLink
+            to={path}
+            lang={language}
+            aria-current={active ? 'page' : undefined}
+            aria-describedby={describedBy}
+          >
             {name}
           </ResourceLink>
           {active ? <CurrentSmall>{t('resource.youAreHere')}</CurrentSmall> : undefined}

package/src/Table/Table.tsx

@@ -205,6 +205,7 @@ const TableWrapper = styled.div`
 `;
 
 const OverflowWrapper = styled.div`
+  position: relative;
   overflow-x: auto;
 `;
 

package/src/locale/messages-en.ts

@@ -537,6 +537,7 @@ const messages = {
       files: 'Files',
       embedlink: 'Embedded link',
       concept: 'Concepts',
+      gloss: 'Glosses',
       podcast: 'Podcast',
       other: 'Other content',
     },
@@ -611,6 +612,18 @@ const messages = {
         hasCopiedTitle: 'Embed link copied',
       },
     },
+    gloss: {
+      heading: 'How to reuse gloss content',
+      description: 'Remember that built-in content might have a different license than the gloss text',
+      rules: 'Rules for use of gloss:',
+      title: 'Title',
+      embedlink: {
+        heading: 'How to show the gloss in other content',
+        description: 'This url shows the gloss without menu and footer',
+        copyTitle: 'Copy embed link',
+        hasCopiedTitle: 'Embed link copied',
+      },
+    },
     files: {
       heading: 'How to reuse files',
       description: 'Remember to copy the text to be attached to the file where you use it.',
@@ -1023,8 +1036,8 @@ const messages = {
       heading: 'Text version',
       close: 'Close text version',
     },
-    readMoreDescriptionLabel: 'show more',
-    readLessDescriptionLabel: 'show less',
+    readMoreDescriptionLabel: 'Show more',
+    readLessDescriptionLabel: 'Show less',
   },
   h5p: {
     reuse: 'Use H5P',
@@ -1294,6 +1307,17 @@ const messages = {
         option1: 'Show my name when I share a folder',
         option2: 'Do not show my name when I share a folder',
       },
+      modalTexts: {
+        title: 'Upload a new profile picture',
+        uploadSection: {
+          title: 'Drag and drop',
+          subTitle: 'or press to upload picture',
+        },
+        fileName: 'Uploaded file:',
+        fileTypes: 'Accepted file types: PNG, JPG (Max 5MB)',
+        savePicture: 'Save profile picture',
+        deletePicture: 'Delete profile picture',
+      },
     },
     resource: {
       add: 'Add folder/tag',

package/src/locale/messages-nb.ts

@@ -551,6 +551,7 @@ const messages = {
       files: 'Filer',
       embedlink: 'Innbyggingslenke',
       concept: 'Forklaringer',
+      gloss: 'Gloser',
       podcast: 'Podkast',
       other: 'Annet innhold',
     },
@@ -625,6 +626,18 @@ const messages = {
         hasCopiedTitle: 'Innbyggingslenke kopiert',
       },
     },
+    gloss: {
+      heading: 'Slik gjenbruker du gloser',
+      description: 'Husk at innebygd innhold i en glose kan ha en annen lisens enn selve gloseteksten',
+      rules: 'Regler for bruk av glose:',
+      title: 'Tittel',
+      embedlink: {
+        heading: 'Slik viser du glosen i annet innhold',
+        description: 'Denne lenken viser glosen uten kontekst (meny og bunntekst)',
+        copyTitle: 'Kopier innbyggingslenke',
+        hasCopiedTitle: 'Innbyggingslenke kopiert',
+      },
+    },
     files: {
       heading: 'Slik gjenbruker du filer',
       description: 'Husk å kopier teksten som skal legges ved filen der du bruker den.',
@@ -1009,11 +1022,11 @@ const messages = {
     download: 'Last ned lydfil',
     reuse: 'Bruk lydfil',
     error: {
-      url: 'Feil ved lasting av lydfila.',
+      url: 'Feil ved lasting av lydfil.',
       caption: 'Beklager, en feil oppstod ved lasting av lydfil.',
     },
     controls: {
-      forward15sec: 'Spol 15 sekunder frem',
+      forward15sec: 'Spol 15 sekunder fram',
       rewind15sec: 'Spol 15 sekunder tilbake',
       selectSpeed: 'Velg avspillingshastighet',
       adjustVolume: 'Endre volum',
@@ -1022,8 +1035,8 @@ const messages = {
       heading: 'Tekstversjon',
       close: 'Lukk tekstversjon',
     },
-    readMoreDescriptionLabel: 'vis mer',
-    readLessDescriptionLabel: 'vis mindre',
+    readMoreDescriptionLabel: 'Vis mer',
+    readLessDescriptionLabel: 'Vis mindre',
   },
   h5p: {
     reuse: 'Bruk H5P',
@@ -1293,6 +1306,17 @@ const messages = {
         option1: 'Vis navnet mitt når jeg deler en mappe',
         option2: 'Ikke vis navnet mitt når jeg deler mappe',
       },
+      modalTexts: {
+        title: 'Last opp nytt profilbilde',
+        uploadSection: {
+          title: 'Dra og slipp',
+          subTitle: 'eller trykk for å laste opp bilde',
+        },
+        fileName: 'Opplastet fil:',
+        fileTypes: 'Godkjente filtyper: PNG, JPG (Maks 5MB)',
+        savePicture: 'Lagre profilbilde',
+        deletePicture: 'Slett profilbilde',
+      },
     },
     resource: {
       add: 'Legg til mappe/emneknagg',

package/src/locale/messages-nn.ts

@@ -551,6 +551,7 @@ const messages = {
       files: 'Filer',
       embedlink: 'Innbyggingslenke',
       concept: 'Forklaringar',
+      gloss: 'Glosar',
       podcast: 'Podkast',
       other: 'Anna innhald',
     },
@@ -625,6 +626,18 @@ const messages = {
       rules: 'Reglar for bruk av forklaring:',
       title: 'Tittel',
     },
+    gloss: {
+      embedlink: {
+        heading: 'Slik viser du glosen i anna innhald',
+        description: 'Denne lenka viser glosen utan kontekst (meny og botntekst)',
+        copyTitle: 'Kopier innbyggingslenke',
+        hasCopiedTitle: 'Innbyggingslenke kopiert',
+      },
+      heading: 'Slik gjenbruker du gloser',
+      description: 'Husk at innebygd innhald i ei glose kan ha ein anna lisens enn sjølve gloseteksten',
+      rules: 'Regler for bruk av glose:',
+      title: 'Tittel',
+    },
     files: {
       heading: 'Slik gjenbruker du filer',
       description: 'Hugs å kopiere teksten som skal leggjast ved fila der du bruker ho.',
@@ -1004,17 +1017,17 @@ const messages = {
     },
   },
   audio: {
-    play: 'Spill av',
+    play: 'Spel av',
     pause: 'Pause',
     download: 'Last ned lydfil',
     reuse: 'Bruk lydfil',
     error: {
-      url: 'Feil ved lasting av lydfila.',
+      url: 'Feil ved lasting av lydfil.',
       caption: 'Orsak, ein feil oppstod ved lasting av lydfil.',
     },
     controls: {
-      forward15sec: 'Spol 15 sekundar fram',
-      rewind15sec: 'Spol 15 sekundar tilbake',
+      forward15sec: 'Spol 15 sekund fram',
+      rewind15sec: 'Spol 15 sekund tilbake',
       selectSpeed: 'Velg avspelingshastigheit',
       adjustVolume: 'Endre volum',
     },
@@ -1022,8 +1035,8 @@ const messages = {
       heading: 'Tekstversjon',
       close: 'Lukk tekstversjon',
     },
-    readMoreDescriptionLabel: 'vis meir',
-    readLessDescriptionLabel: 'vis mindre',
+    readMoreDescriptionLabel: 'Vis meir',
+    readLessDescriptionLabel: 'Vis mindre',
   },
   h5p: {
     reuse: 'Bruk H5P',
@@ -1293,6 +1306,17 @@ const messages = {
         option1: 'Vis namnet mitt når eg deler ei mappe',
         option2: 'Ikkje vis namnet mitt når eg deler mappe',
       },
+      modalTexts: {
+        title: 'Last opp nytt profilbilete',
+        uploadSection: {
+          title: 'Dra og slepp',
+          subTitle: 'eller trykk for å lasta opp bilete',
+        },
+        fileName: 'Opplasta fil:',
+        fileTypes: 'Godkjente filtyper: PNG, JPG (Maks 5MB)',
+        savePicture: 'Lagre profilbilete',
+        deletePicture: 'Slett profilbilete',
+      },
     },
     resource: {
       add: 'Legg til mappe/emneknagg',

package/src/locale/messages-se.ts

@@ -552,6 +552,7 @@ const messages = {
       files: 'Fiillat',
       embedlink: 'Sisahuksenliŋka',
       concept: 'Čilgehusat',
+      gloss: 'Gloser',
       podcast: 'Podkásta',
       other: 'Eará sisdoallu',
     },
@@ -626,6 +627,19 @@ const messages = {
         hasCopiedTitle: 'Sisahuksenliŋka máŋgejuvvon',
       },
     },
+    gloss: {
+      heading: 'Movt geavahit ođđasit dajaldagaid',
+      description:
+        'Muitte ahte sisdoalus mii lea vuojuhuvvon ovtta gihppagii sáhttá leat eará liseansa go dušše jietnadat.',
+      rules: 'Glossa geavaheami njuolggadusat:',
+      title: 'Namahus',
+      embedlink: {
+        heading: 'Čájet jietnadaga eará sisdoaluin',
+        description: 'Dát liŋka čájeha teavstta konteavstta haga (fállu ja juolgeteaksta)',
+        copyTitle: 'Máŋge sisačálihanliŋkka',
+        hasCopiedTitle: 'Sajáiduhttinliŋka mángejuvvon',
+      },
+    },
     files: {
       heading: 'Ná geavahat fiillaid ođđasit',
       description: 'Muitte máŋget teavsttaid mat galget čuovvut fiillaid doppe gos dat geavahuvvet.',
@@ -1290,6 +1304,17 @@ const messages = {
         option1: 'Čájet mu nama máhpa juohkkedettiin',
         option2: 'Ale čájet mu nama máhpa juohkkedettiin',
       },
+      modalTexts: {
+        title: 'Viečča ođđa profiila gova',
+        uploadSection: {
+          title: 'Gease ja luoitte',
+          subTitle: 'dahje coahkkal vai viežžat gova',
+        },
+        fileName: 'Sáddejuvvon fiila:',
+        fileTypes: 'Dohkkehuvvon fiilašlájat: PNG, JPG (Máksá 5MB)',
+        savePicture: 'Vurke profiilagova',
+        deletePicture: 'Sihko profiilagova',
+      },
     },
     resource: {
       add: 'Lasit máhpa/fáddágilkora',

package/src/locale/messages-sma.ts

@@ -552,6 +552,7 @@ const messages = {
       files: 'Fijlh',
       embedlink: 'Sïjsebïejemesvaalhtese',
       concept: 'Buerkiestimmieh',
+      gloss: 'Glosa',
       podcast: 'Podkast',
       other: 'Jeatjah sisvege',
     },
@@ -628,6 +629,18 @@ const messages = {
         hasCopiedTitle: 'Innbyggingslenke kopiert',
       },
     },
+    gloss: {
+      heading: 'Naemhtie gïelem ikth vielie nåhtadidh',
+      description: 'Mujhtieh sisvege aktene raajesisnie maahta jeatjah lisensem utnedh enn jïjtjehke raajesisnie',
+      rules: 'Njoelkedassh guktie diejvesem nåhtadidh:',
+      title: 'Tihtele',
+      embedlink: {
+        heading: 'Naemhtie gïelem jeatjah sisvegisnie vuesehte',
+        description: 'Daate lïenghke vuesehte tjoejh konteksten namhtah (meny jïh nueliekapihtele)',
+        copyTitle: 'Kopijerh svaalhtesem sïjse loggedh',
+        hasCopiedTitle: 'Bigkeme svaalhtese kopijeradamme',
+      },
+    },
     files: {
       heading: 'Slik gjenbruker du filer',
       description:
@@ -1026,8 +1039,8 @@ const messages = {
       heading: 'Teeksteversjovne',
       close: 'Dahph teeksteversjovnem',
     },
-    readMoreDescriptionLabel: 'vis mer',
-    readLessDescriptionLabel: 'vis mindre',
+    readMoreDescriptionLabel: 'Vis mer',
+    readLessDescriptionLabel: 'Vis mindre',
   },
   h5p: {
     reuse: 'Bruk H5P',
@@ -1295,6 +1308,17 @@ const messages = {
         option1: 'Vuesehth mov nommem gosse maabpam juekieh',
         option2: 'Aellieh mov nommem vuesehth gosse maabpam juekieh',
       },
+      modalTexts: {
+        title: 'Orre profijleguvviem bæjhkoehtidh',
+        uploadSection: {
+          title: 'Gïesh jïh luajhth',
+          subTitle: 'jallh diedtieh juktie guvviem bæjjese vaeltedh',
+        },
+        fileName: 'Bijjiedamme tjaatsege:',
+        fileTypes: 'Nænnoestamme tjaatsegh: PNG , JPG (Maakseme 5 MB)',
+        savePicture: 'Vurkehth profijleguvviem',
+        deletePicture: 'Prefikse guvviem sliejhtedh',
+      },
     },
     resource: {
       add: 'Legg til mappe/emneknagg',
@@ -1370,7 +1394,7 @@ const messages = {
       concept: 'Forklaring',
       h5p: 'H5P',
       external: 'Ekstern ressurs',
-      gloss: 'Glose',
+      gloss: 'Glosa',
     },
   },
   gloss: {