@ndla/ui 30.4.0 → 30.4.2

package/lib/locale/messages-sma.js

@@ -364,11 +364,11 @@ var messages = _objectSpread(_objectSpread({
     feide: 'Denne ressursen er bare tilgjengelig for lærere som er pålogget med Feide.',
     resources: 'Dette er ikke et komplett læremiddel produsert av NDLA, men ei ressurssamling som vi håper kan være nyttig for deg.',
     subjectOutdated: 'Dette faget følger en utgått læreplan.',
+    subjectFuture: 'Dette faget følger en kommende læreplan.',
     subjectBeta: 'Dette faget er i betaversjon. Vi fyller på med ressurser fortløpende.',
     newVersion: 'Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: ',
-    frontPageBeta: 'Kommende fag er tilpassa ny læreplan som gjelder fra høsten 2022. Betafag er fag under arbeid. Vi håper likevel at læringsressursene i betafaga kan være nyttige allerede nå.',
-    frontPageExpired: 'Utgåtte fag undervises det ikke i lenger, men det kan fortsatt være mulig å ta eksamen i faga som privatist.',
-    frontPageRevised: 'Kommende fag er tilpassa ny læreplan som gjelder fra høsten 2022.'
+    frontPageBeta: 'Kommende fag er tilpassa ny læreplan som gjelder fra neste skoleår. Vi håper likevel at læringsressursene i kommende fag kan være nyttige allerede nå.',
+    frontPageExpired: 'Utgåtte fag undervises det ikke i lenger, men det kan fortsatt være mulig å ta eksamen i faga som privatist.'
   },
   article: {
     lastUpdated: 'Sist oppdatert',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "30.4.0",
+  "version": "30.4.2",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -32,16 +32,16 @@
   ],
   "dependencies": {
     "@ndla/article-scripts": "^3.0.9",
-    "@ndla/button": "^5.0.2",
+    "@ndla/button": "^5.0.3",
     "@ndla/carousel": "^2.0.5",
     "@ndla/core": "^3.0.0",
-    "@ndla/forms": "^4.0.8",
+    "@ndla/forms": "^4.0.9",
     "@ndla/hooks": "^1.1.13",
     "@ndla/icons": "^2.0.5",
     "@ndla/licenses": "^6.0.5",
     "@ndla/modal": "^2.0.5",
-    "@ndla/notion": "^4.0.8",
-    "@ndla/safelink": "^3.0.8",
+    "@ndla/notion": "^4.0.9",
+    "@ndla/safelink": "^3.0.9",
     "@ndla/switch": "^1.0.0",
     "@ndla/tabs": "^2.0.7",
     "@ndla/tooltip": "^3.0.1",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "42d71a8c302e3a09e57d4c5d77eb2f846015de89"
+  "gitHead": "eabe15c1b0ada7b2921f2e856a02bb5f53a5d1d9"
 }

package/src/Frontpage/FrontpageAllSubjects.tsx

@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 import Tabs from '@ndla/tabs';
 import SafeLink from '@ndla/safelink';
 import { colors, fonts, mq, breakpoints } from '@ndla/core';
+import ContentLoader from '../ContentLoader';
 import { MessageBox } from '../Messages';
 import { ToggleItem } from '../Filter';
 
@@ -191,6 +192,23 @@ const FrontpageAllSubjects = ({
   const data: any = [];
   const { t } = useTranslation();
 
+  if (categories.flatMap((c) => c.subjects).length === 0) {
+    return (
+      <StyledWrapper>
+        <ContentLoader width={880} height={270}>
+          <rect x="0" y="10" rx="3" ry="3" width="90" height="35" key="rect-1-1" />
+          <rect x="110" y="10" rx="3" ry="3" width="90" height="35" key="rect-1-2" />
+          <rect x="220" y="10" rx="3" ry="3" width="90" height="35" key="rect-1-3" />
+          <rect x="330" y="10" rx="3" ry="3" width="90" height="35" key="rect-1-4" />
+
+          <rect x="0" y="70" rx="3" ry="3" width="280" height="200" key="rect-2-1" />
+          <rect x="300" y="70" rx="3" ry="3" width="280" height="200" key="rect-2-2" />
+          <rect x="600" y="70" rx="3" ry="3" width="280" height="200" key="rect-2-3" />
+        </ContentLoader>
+      </StyledWrapper>
+    );
+  }
+
   categories.forEach((category: categoryProps) => {
     allSubjects.push(...category.subjects);
     category.visible &&

package/src/MyNdla/Resource/Folder.tsx

@@ -182,7 +182,7 @@ const Folder = ({ id, link, title, subFolders, subResources, type = 'list', menu
           <FolderOutlined aria-label={t('myNdla.folder.folder')} />
         </IconWrapper>
         <StyledLink to={link} ref={linkRef}>
-          <FolderTitle>{title}</FolderTitle>
+          <FolderTitle title={title}>{title}</FolderTitle>
         </StyledLink>
       </TitleWrapper>
       <MenuWrapper>

package/src/Resource/ListResource.tsx

@@ -27,7 +27,7 @@ import { contentTypeMapping } from '../model/ContentType';
 const ListResourceWrapper = styled.div`
   flex: 1;
   display: grid;
-  grid-template-columns: auto 1fr auto;
+  grid-template-columns: auto minmax(50px, 1fr) auto;
   grid-template-areas:
     'image  topicAndTitle   tags'
     'image  description     description';
@@ -100,8 +100,8 @@ interface TagsAndActionProps {
 }
 
 const TagsandActionMenu = styled.div<TagsAndActionProps>`
-  box-sizing: content-box;
   grid-area: tags;
+  box-sizing: content-box;
   display: grid;
   grid-template-columns: 1fr auto auto;
   align-items: center;
@@ -111,10 +111,14 @@ const TagsandActionMenu = styled.div<TagsAndActionProps>`
   ${mq.range({ until: breakpoints.mobileWide })} {
     margin: 0 -${(props) => (props.hasMenuButton ? spacing.small : 0)} -${spacing.small} 0;
   }
+  overflow: hidden;
 `;
 
 const TopicAndTitleWrapper = styled.div`
   grid-area: topicAndTitle;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 `;
 
 interface ListResourceImageProps {
@@ -235,7 +239,7 @@ const ListResource = ({
       <TopicAndTitleWrapper>
         <TypeAndTitleLoader loading={isLoading}>
           <StyledLink to={link} target={targetBlank ? '_blank' : undefined} ref={linkRef}>
-            <Title>{title}</Title>
+            <Title title={title}>{title}</Title>
           </StyledLink>
           <ResourceTypeList resourceTypes={resourceTypes} />
         </TypeAndTitleLoader>

package/src/Resource/resourceComponents.tsx

@@ -26,9 +26,7 @@ export const ResourceTitleLink = styled(SafeLink)`
 `;
 
 export const ResourceTitle = styled.h2`
-  min-width: 50px;
   margin: 0;
-  flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   // Unfortunate css needed for multi-line text overflow ellipsis.
@@ -81,6 +79,7 @@ const StyledTopicDivider = styled.span`
 `;
 
 const StyledResourceListElement = styled.li`
+  white-space: nowrap;
   ${fonts.sizes(12)};
   margin: 0;
   line-height: 1.5;

package/src/locale/messages-en.ts

@@ -393,15 +393,14 @@ const messages = {
     feide: 'This resource is accessible only to teachers who are logged in with Feide.',
     resources: 'This is not a complete course, but a collection of resources we hope you will find useful.',
     subjectOutdated: 'This course is not updated to the current curriculum.',
+    subjectFuture: 'This course is for a future curriculum.',
     subjectBeta: 'This course is in beta. New resources are being added continously.',
     newVersion:
       'This learning resource is not updated to the current curriculum. You can find an updated version here: ',
     frontPageBeta:
-      'Revised subjects have been revised in accordance with the new curriculum that will be put into effect from August 2022. Beta versions of subjects are subjects we are still working on. We hope, however, that the learning resources available by now may come in useful already.',
+      'Revised subjects have been revised in accordance with the new curriculum that will be put into effect from the next school year. We hope, however, that the learning resources available by now may come in useful already.',
     frontPageExpired:
       'Expired subjects are not being taught any longer, but it may still be possible to take exams in these subjects.',
-    frontPageRevised:
-      'Revised subjects have been revised in accordance with the new curriculum that will be put into effect from August 2022.',
   },
   article: {
     edition: 'Edition',

package/src/locale/messages-nb.ts

@@ -392,14 +392,14 @@ const messages = {
     feide: 'Denne ressursen er bare tilgjengelig for lærere som er pålogget med Feide.',
     resources: 'Dette er ikke et komplett læremiddel, men ei ressurssamling som vi håper kan være nyttig for deg.',
     subjectOutdated: 'Dette faget følger en utgått læreplan.',
+    subjectFuture: 'Dette faget følger en kommende læreplan.',
     subjectBeta: 'Dette faget er i betaversjon. Vi fyller på med ressurser fortløpende.',
     newVersion:
       'Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: ',
     frontPageBeta:
-      'Kommende fag er tilpassa ny læreplan som gjelder fra høsten 2022. Betafag er fag under arbeid. Vi håper likevel at læringsressursene i betafaga kan være nyttige allerede nå.',
+      'Kommende fag er tilpassa ny læreplan som gjelder fra neste skoleår. Vi håper likevel at læringsressursene i kommende fag kan være nyttige allerede nå.',
     frontPageExpired:
       'Utgåtte fag undervises det ikke i lenger, men det kan fortsatt være mulig å ta eksamen i faga som privatist.',
-    frontPageRevised: 'Kommende fag er tilpassa ny læreplan som gjelder fra høsten 2022.',
   },
   article: {
     lastUpdated: 'Sist oppdatert',

package/src/locale/messages-nn.ts

@@ -393,14 +393,14 @@ const messages = {
     feide: 'Denne ressursen er berre tilgjengeleg for lærarar som er pålogga med Feide.',
     resources: 'Dette er ikkje eit komplett læremiddel, men ei ressurssamling som vi håper kan vere nyttig for deg.',
     subjectOutdated: 'Dette faget følgjer ein utgått læreplan.',
+    subjectFuture: 'Dette faget følgjer ein kommande læreplan.',
     subjectBeta: 'Dette faget er i betaversjon. Vi fyller på med ressurser fortløpande.',
     newVersion:
       'Denne læringsressursen er ikkje oppdatert etter gjeldande læreplan. Du finn ein oppdatert versjon her: ',
     frontPageBeta:
-      'Kommande fag er tilpassa ny læreplan som gjeld fra hausten 2022. Betafag er fag under arbeid. Vi håper likevel at læringsressursane i betafaga kan vere nyttige allereie no.',
+      'Kommande fag er tilpassa ny læreplan som gjeld frå neste skuleår. Vi håper likevel at læringsressursane i kommande fag kan vere nyttige allereie no.',
     frontPageExpired:
       'Utgåtte fag blir det ikkje undervist i lenger, men det kan framleis vere mogleg å ta eksamen i faget som privatist.',
-    frontPageRevised: 'Kommande fag er tilpassa ny læreplan som gjeld frå hausten 2022.',
   },
   article: {
     lastUpdated: 'Sist oppdatert',

package/src/locale/messages-se.ts

@@ -315,7 +315,7 @@ const messages = {
       toFrontpage: 'Ovdasiidui',
       subjectOverview: 'Buot fágat',
       title: 'Sisdoallu',
-      modalLabel: 'Velg innhold',
+      modalLabel: 'Vállje sisdoalu',
       subjectPage: 'Ovdasiidu fágas',
       backToSubjectFrontpage: 'Ruovttoluotta fága ovdasiidui',
       openFilter: 'Filttar',
@@ -393,14 +393,14 @@ const messages = {
     feide: 'Dát resursa lea dušše olamuttus oahpahedjjiide geat leat Feide bokte sisaloggen.',
     resources: 'Dát ii leat ollislaš oahpponeavvu, muhto resursačoakkáldat man sávvat dutnje leat ávkin.',
     subjectOutdated: 'Dát fága čuovvu oahppoplána mii ii gusto šat.',
+    subjectFuture: 'Dát fága čuovvu oahppoplána mii boahtá.',
     subjectBeta: 'Dát fága lea betaveršuvnnas. Mii lasihit resurssaid dađistaga',
     newVersion:
       'Dát oahpporesursa ii leat ođasmahttojuvvon gustovaš oahppaplána vuođul. Dáppe gávnnat ođastuvvon veršuvnna: ',
     frontPageBeta:
-      'Čuovvovaš fága lea heivehuvvon ođđa oahppoplána vuođul mii lea gustovaš čavčča 2022 rájes. Betafága lea fága mii lea barggu vuolde. Mii sávvat goitge ahte oahppanresurssat betafágas sáhttet leat ávkkálaččat dál juo.',
+      'Čuovvovaš fága lea heivehuvvon ođđa oahppoplána vuođul mii lea gustovaš boahtte skuvlajagi rájes. Mii sávvat goitge ahte oahppanresurssat cuovvovaš fága sáhttet leat ávkkálaččat dál juo.',
     frontPageExpired:
       'Ii leat oahpahus šat fágain mat eai leat gustovaččat, muhto sáhttá ain leat vejolaš váldit eksámena fágas privatistan.',
-    frontPageRevised: 'Čuovvovaš fága lea heivehuvvon ođđa oahppoplánii mii lea gustovaš 2022 čavčča rájes..',
   },
   article: {
     lastUpdated: 'Maŋemusat ođastuvvon',
@@ -1066,8 +1066,8 @@ const messages = {
     favourites: 'Oiddohat',
     addToFavourites: 'Bija mu oiddohiid searvái',
     alreadyFavourited: 'Lea juo biddjon oiddohin',
-    alreadyInFolder: 'Finnes allerede i mappen. Du kan fortsatt lagre nye emneknagger.',
-    noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
+    alreadyInFolder: 'Gávdno juo máhpas. Sáhtát ain vurket ođđa fáddágilkoriid.',
+    noFolderSelected: 'Vállje dahje ráhkat ođđa máhpa vai seasttát resurssa',
     help: 'Veahkki',
     more: 'Eanet válljejumit',
     listView: 'Oppalašlistu',
@@ -1075,9 +1075,9 @@ const messages = {
     shortView: 'Oanehis listu',
 
     myPage: {
-      noRecents: 'Du har ikkje lagt til nokon ressurar enno. Slik kjem du i gang:',
+      noRecents: 'Don it leat lasihan makkárge resurssa vel. Ná boađát johtui:',
       imageAlt:
-        'Halvnært bilde av jente som holder et nettbrett i hendene. Oppå nettbrettet ligger det ei samling fargeprøver i ulike former og farger. Grafikk.',
+        'Oalle lagas govva nieiddas gii doallá dihtordulbosa gieđain. Dihtordulbosa alde leat ivdnečájánasat iešguđet hámiin ja ivnniin. Grafihkka..',
       confirmDeleteAccount: 'Leat go sihkar ahte dáhtut sihkkut kontu?',
       confirmDeleteAccountButton: 'Sihko kontu',
       myPage: 'Mu siidu',

package/src/locale/messages-sma.ts

@@ -393,14 +393,14 @@ const messages = {
     resources:
       'Dette er ikke et komplett læremiddel produsert av NDLA, men ei ressurssamling som vi håper kan være nyttig for deg.',
     subjectOutdated: 'Dette faget følger en utgått læreplan.',
+    subjectFuture: 'Dette faget følger en kommende læreplan.',
     subjectBeta: 'Dette faget er i betaversjon. Vi fyller på med ressurser fortløpende.',
     newVersion:
       'Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: ',
     frontPageBeta:
-      'Kommende fag er tilpassa ny læreplan som gjelder fra høsten 2022. Betafag er fag under arbeid. Vi håper likevel at læringsressursene i betafaga kan være nyttige allerede nå.',
+      'Kommende fag er tilpassa ny læreplan som gjelder fra neste skoleår. Vi håper likevel at læringsressursene i kommende fag kan være nyttige allerede nå.',
     frontPageExpired:
       'Utgåtte fag undervises det ikke i lenger, men det kan fortsatt være mulig å ta eksamen i faga som privatist.',
-    frontPageRevised: 'Kommende fag er tilpassa ny læreplan som gjelder fra høsten 2022.',
   },
   article: {
     lastUpdated: 'Sist oppdatert',