@ndla/ui 34.1.1 → 34.2.0

package/lib/types.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import { ReactNode } from 'react';
-declare const locales: readonly ["nb", "nn", "en", "se"];
+declare const locales: readonly ["nb", "nn", "en", "se", "sma"];
 export type Locale = typeof locales[number];
 export type Link = {
     text: string;

package/lib/types.js

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "__esModule", {
  *
  */
 
-var locales = ['nb', 'nn', 'en', 'se'];
+var locales = ['nb', 'nn', 'en', 'se', 'sma'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "34.1.1",
+  "version": "34.2.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -32,19 +32,19 @@
   ],
   "dependencies": {
     "@ndla/article-scripts": "^3.0.14",
-    "@ndla/button": "^9.0.1",
-    "@ndla/carousel": "^3.0.0",
+    "@ndla/button": "^9.0.2",
+    "@ndla/carousel": "^3.0.1",
     "@ndla/core": "^3.1.0",
-    "@ndla/forms": "^4.2.0",
+    "@ndla/forms": "^4.2.1",
     "@ndla/hooks": "^1.2.0",
-    "@ndla/icons": "^2.2.0",
-    "@ndla/licenses": "^6.1.7",
-    "@ndla/modal": "^2.2.3",
-    "@ndla/notion": "^4.1.14",
-    "@ndla/safelink": "^4.0.3",
+    "@ndla/icons": "^2.2.1",
+    "@ndla/licenses": "^6.2.0",
+    "@ndla/modal": "^2.2.4",
+    "@ndla/notion": "^4.1.16",
+    "@ndla/safelink": "^4.0.4",
     "@ndla/switch": "^1.0.4",
-    "@ndla/tabs": "^2.1.2",
-    "@ndla/tooltip": "^4.0.5",
+    "@ndla/tabs": "^2.1.3",
+    "@ndla/tooltip": "^4.0.6",
     "@ndla/types-learningpath-api": "^0.0.17",
     "@ndla/util": "^3.1.9",
     "@radix-ui/react-dropdown-menu": "2.0.2",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a69afe5fceb235f4a556b820cc28263216d14541"
+  "gitHead": "28ed7f089e5bd416c81320385782d78481971d75"
 }

package/src/Footer/EditorName.tsx

@@ -15,6 +15,7 @@ type EditorNameProps = {
 
 export const EditorName = ({ title, name }: EditorNameProps) => (
   <span>
-    <strong>{title}</strong> {name}
+    <strong>{title}</strong>
+    {` ${name}`}
   </span>
 );

package/src/LearningPaths/LearningPathMenuContent.tsx

@@ -9,7 +9,7 @@
 import React from 'react';
 import styled from '@emotion/styled';
 import { css } from '@emotion/react';
-import { colors, spacing, spacingUnit, fonts, mq, breakpoints, animations } from '@ndla/core';
+import { colors, spacing, spacingUnit, fonts, mq, breakpoints, animations, utils } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
 import { LearningPathRead } from '@ndla/icons/contentType';
 import { StepProps } from './LearningPathMenu';
@@ -142,6 +142,10 @@ const StyledContentType = styled.div`
   max-height: 36px;
 `;
 
+const HiddenSpan = styled.span`
+  ${utils.visuallyHidden};
+`;
+
 type StyledNavigationProps = {
   isOpen: boolean;
   invertedStyle?: boolean;
@@ -235,12 +239,6 @@ const LearningPathMenuContent = ({
   invertedStyle,
   onStepNavigate,
 }: Props) => {
-  const getContentTypeBadge = (type?: string) => {
-    if (!type) {
-      return <ContentTypeBadge type={constants.contentTypes.LEARNING_PATH} background size="small" />;
-    }
-    return <ContentTypeBadge type={type} background size="small" />;
-  };
   return (
     <StyledNavigation isOpen={isOpen} invertedStyle={invertedStyle}>
       <ul>
@@ -252,13 +250,19 @@ const LearningPathMenuContent = ({
             isOpen={isOpen}
             invertedStyle={invertedStyle}
             indexNumber={index}>
-            <SafeLink onClick={onStepNavigate} to={toLearningPathUrl(learningPathId, id)}>
+            <SafeLink
+              onClick={onStepNavigate}
+              to={toLearningPathUrl(learningPathId, id)}
+              aria-describedby={`read-${id}`}>
               <StyledContentType>
-                {getContentTypeBadge(type)}
+                <ContentTypeBadge type={type ?? constants.contentTypes.LEARNING_PATH} background size="small" />
                 {hasRead(id, cookies) && (
-                  <ReadIcon>
-                    <LearningPathRead />
-                  </ReadIcon>
+                  <div id={`read-${id}`} aria-hidden>
+                    <HiddenSpan>Lest</HiddenSpan>
+                    <ReadIcon>
+                      <LearningPathRead />
+                    </ReadIcon>
+                  </div>
                 )}
               </StyledContentType>
               <span>{title}</span>

package/src/i18n/i18n.ts

@@ -13,6 +13,7 @@ import messagesEN from '../locale/messages-en';
 import messagesNN from '../locale/messages-nn';
 import messagesNB from '../locale/messages-nb';
 import messagesSE from '../locale/messages-se';
+import messagesSMA from '../locale/messages-sma';
 
 const DETECTION_OPTIONS = {
   order: ['path', 'localStorage', 'htmlTag'],
@@ -26,7 +27,7 @@ i18nInstance.init({
   compatibilityJSON: 'v3',
   detection: DETECTION_OPTIONS,
   fallbackLng: 'nb',
-  supportedLngs: ['nb', 'nn', 'en', 'se'],
+  supportedLngs: ['nb', 'nn', 'en', 'se', 'sma'],
   resources: {
     en: {
       translation: messagesEN,
@@ -40,6 +41,9 @@ i18nInstance.init({
     se: {
       translation: messagesSE,
     },
+    sma: {
+      translation: messagesSMA,
+    },
   },
 });
 

package/src/locale/messages-en.ts

@@ -14,6 +14,10 @@ export const { contentTypes, subjectCategories, subjectTypes } = constants;
 const titleTemplate = ' - NDLA';
 
 const messages = {
+  common: {
+    subject: 'Subject',
+    subject_plural: 'Subjects',
+  },
   treeStructure: {
     folderChildOptions: {
       edit: 'Edit foldername',
@@ -638,9 +642,9 @@ const messages = {
     socialMedia: 'Social media',
     selectLanguage: 'Choose language (språk): ',
     info: 'This webapplication is developed by NDLA as Open Source code.',
-    editorInChief: 'Editor in chief: ',
-    managingEditor: 'Managing editor: ',
+    editorInChief: 'Editor in chief:',
     linksHeader: 'Other NDLA sites',
+    availabilityLink: 'Availability statement',
     privacyLink: 'Privacy statement',
     cookiesLink: 'Statement about cookies',
     vision: 'We create the learning of the future together',
@@ -702,12 +706,14 @@ const messages = {
     nb: 'Endre språk til bokmål',
     nn: 'Endre språk til nynorsk',
     se: 'Rievdat giela davvisámegiella',
+    sma: 'Jarkelh åarjelsaemiene',
     en: 'Change language to English',
   },
   currentLanguageText: {
     nb: 'Sidene vises på bokmål',
     nn: 'Sidene vises på nynorsk',
     se: 'Siiddut leat davvisámegiellii',
+    sma: 'Sæjroeh åarjelsaemiene',
     en: 'Not all pages are available in English. These will be shown in Norwegian',
   },
   breadcrumb: {

package/src/locale/messages-nb.ts

@@ -14,6 +14,10 @@ export const { contentTypes, subjectCategories, subjectTypes } = constants;
 const titleTemplate = ' - NDLA';
 
 const messages = {
+  common: {
+    subject: 'Fag',
+    subject_plural: 'Fag',
+  },
   treeStructure: {
     folderChildOptions: {
       edit: 'Endre mappenavn',
@@ -639,8 +643,8 @@ const messages = {
     vision: 'Sammen skaper vi framtidas læring',
     linksHeader: 'Andre NDLA-nettsteder',
     info: 'Nettstedet er utarbeidet av NDLA med åpen kildekode.',
-    editorInChief: 'Ansvarlig redaktør: ',
-    managingEditor: 'Utgaveansvarlig: ',
+    editorInChief: 'Ansvarlig redaktør:',
+    availabilityLink: 'Tilgjengelighetserklæring',
     privacyLink: 'Personvernerklæring',
     cookiesLink: 'Erklæring om informasjonskapsler',
     socialMediaLinks: {
@@ -701,12 +705,14 @@ const messages = {
     nb: 'Endre språk til bokmål',
     nn: 'Endre språk til nynorsk',
     se: 'Rievdat giela davvisámegiella',
+    sma: 'Jarkelh åarjelsaemiene',
     en: 'Change language to English',
   },
   currentLanguageText: {
     nb: 'Sidene vises på bokmål',
     nn: 'Sidene vises på nynorsk',
     se: 'Siiddut leat davvisámegiellii',
+    sma: 'Sæjroeh åarjelsaemiene',
     en: 'Not all pages are available in English. These will be shown in Norwegian',
   },
   breadcrumb: {
@@ -1154,7 +1160,7 @@ const messages = {
       newFavourite: 'Nylig lagt til',
       feide: 'Dette henter vi om deg gjennom Feide',
       feideWrongInfo:
-        'Dersom informasjon er feil, så må dette oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: feide.no/brukerstøtte',
+        'Dersom informasjon er feil, så må dette oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: feide.no/brukerstotte',
       storageInfo: {
         title: 'Slik lagrer du favorittressursene dine fra NDLA',
         text: 'Klikk på hjerteknappen for å lagre en ressurs. Du vil da få mulighet til å lagre ressursen i ei mappe.',

package/src/locale/messages-nn.ts

@@ -14,6 +14,10 @@ export const { contentTypes, subjectCategories, subjectTypes } = constants;
 const titleTemplate = ' - NDLA';
 
 const messages = {
+  common: {
+    subject: 'Fag',
+    subject_plural: 'Fag',
+  },
   treeStructure: {
     folderChildOptions: {
       edit: 'Endre mappenamn',
@@ -639,8 +643,8 @@ const messages = {
     vision: 'Saman skapar vi framtidas læring',
     linksHeader: 'Andre NDLA-nettstader',
     info: 'Nettstaden er utarbeida av NDLA med open kjeldekode.',
-    editorInChief: 'Ansvarleg redaktør: ',
-    managingEditor: 'Utgåveansvarleg: ',
+    editorInChief: 'Ansvarleg redaktør:',
+    availabilityLink: 'Tilgjengelegheitserklæring',
     privacyLink: 'Personvernerklæring',
     cookiesLink: 'Erklæring om informasjonskapslar',
     socialMediaLinks: {
@@ -701,12 +705,14 @@ const messages = {
     nb: 'Endre språk til bokmål',
     nn: 'Endre språk til nynorsk',
     se: 'Rievdat giela davvisámegiella',
+    sma: 'Jarkelh åarjelsaemiene',
     en: 'Change language to English',
   },
   currentLanguageText: {
     nb: 'Sidene blir viste på bokmål',
     nn: 'Sidene blir viste på nynorsk',
     se: 'Siiddut leat davvisámegiellii',
+    sma: 'Sæjroeh åarjelsaemiene',
     en: 'Not all pages are available in English. These will be shown in Norwegian',
   },
   breadcrumb: {
@@ -1154,7 +1160,7 @@ const messages = {
       newFavourite: 'Nyleg lagt til',
       feide: 'Dette hentar vi om deg gjennom Feide',
       feideWrongInfo:
-        'Dersom informasjon er feil, så må dette oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrer. Oversyn over brukartrygd finst her: feide.no/brukartrygd',
+        'Dersom informasjon er feil, så må dette oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrer. Oversyn over brukarstøtte finst her: feide.no/brukerstotte',
       storageInfo: {
         title: 'Slik lagrar du favorittressursane dine frå NDLA',
         text: 'Klikk på hjarteknappen for å lagre ein ressurs. Du vil då få høve til å lagre ressursen i ei mappe.',

package/src/locale/messages-se.ts

@@ -14,6 +14,10 @@ export const { contentTypes, subjectCategories, subjectTypes } = constants;
 const titleTemplate = ' - NDLA';
 
 const messages = {
+  common: {
+    subject: 'Fága',
+    subject_plural: 'Fágat',
+  },
   treeStructure: {
     folderChildOptions: {
       edit: 'Rievdat máhpa nama',
@@ -640,8 +644,8 @@ const messages = {
     vision: 'Ovttas hábmet boahtteáiggi oahppama',
     linksHeader: 'Eará NDLA neahttabáikkit',
     info: 'Neahttabáiki lea ráhkaduvvon NDLA bokte rabas gáldokodain.',
-    editorInChief: 'Vásttolaš doaimmaheaddji: ',
-    managingEditor: 'Almmuhusa vásttolaš: ',
+    editorInChief: 'Vásttolaš doaimmaheaddji:',
+    availabilityLink: 'Tilgjengelighetserklæring',
     privacyLink: 'Persovdnasuodjalusjulggaštus ja diehtočoahkku (gáhkožat)',
     cookiesLink: 'Julggaštus birra diehtočoahkku (gáhkožat)',
     socialMediaLinks: {
@@ -699,15 +703,17 @@ const messages = {
     prefixChangeLanguage: 'Vállje giela',
   },
   changeLanguage: {
-    nb: 'Rievdat giela girjedárogiellan',
-    nn: 'Rievdat giela ođđadárogiellan',
-    se: 'Rievdat giela davvisámegiellan',
-    en: 'Rievdat giela eŋgelasgiellan',
+    nb: 'Endre språk til bokmål',
+    nn: 'Endre språk til nynorsk',
+    se: 'Rievdat giela davvisámegiella',
+    sma: 'Jarkelh åarjelsaemiene',
+    en: 'Change language to English',
   },
   currentLanguageText: {
     nb: 'Sidene vises på bokmål',
     nn: 'Sidene vises på nynorsk',
     se: 'Siiddut leat davvisámegillii',
+    sma: 'Sæjroeh åarjelsaemiene',
     en: 'Not all pages are available in English. These will be shown in Norwegian',
   },
   breadcrumb: {
@@ -1156,7 +1162,7 @@ const messages = {
       newFavourite: 'Aitto lasihuvvon',
       feide: 'Dát vižžojuvvo du birra Feide:s',
       feideWrongInfo:
-        'Jus leat boasttudieđut, de fertejit dat ođasmahttojuvvot organisašuvnna/skuvlaeaiggáda bokte gosa geavaheaddji gullá. Visogova geavaheaddjidoarjagis gávnnat dáppe: feide.no/brukerstøtte',
+        'Jus leat boasttudieđut, de fertejit dat ođasmahttojuvvot organisašuvnna/skuvlaeaiggáda bokte gosa geavaheaddji gullá. Visogova geavaheaddjidoarjagis gávnnat dáppe: feide.no/brukerstotte',
       storageInfo: {
         title: 'Ná vurket iežat oiddotresurssaid NDLA:s',
         text: 'Deaddil váibmoboalu vurken dihtii resurssa.',