@ndla/ui 4.0.2 → 4.1.1

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

@@ -338,6 +338,9 @@ declare const messages: {
         beta: string;
         outdatedSubject: string;
         newVersion: string;
+        frontPageBeta: string;
+        frontPageExpired: string;
+        frontPageRevised: string;
     };
     article: {
         edition: string;

package/lib/locale/messages-en.js

@@ -297,7 +297,10 @@ var messages = _objectSpread(_objectSpread({
     resources: 'This is not a complete course produced by NDLA, but a collection of resources we hope you will find useful.',
     beta: 'This course is in beta.',
     outdatedSubject: 'This topic is part of a course that is not updated to the current curriculum.',
-    newVersion: 'This learning resource is not updated to the current curriculum. You can find an updated version here: '
+    newVersion: 'This learning resource is not updated to the current curriculum. You can find an updated version here: ',
+    frontPageBeta: '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.',
+    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',
@@ -733,7 +736,7 @@ var messages = _objectSpread(_objectSpread({
     cursorText: 'Tip'
   },
   frontpageMultidisciplinarySubject: {
-    heading: 'Interdisciplinary subjects',
+    heading: 'Interdisciplinary topics',
     text: 'The three interdisciplinary subjects in the curriculum are based on current societal challenges that require the involvement and efforts of individuals and the community in the local community, nationally and globally.',
     linkText: 'See cases for multidisciplinary topics',
     publicHealthTopic: 'Public health and life management',
@@ -744,7 +747,7 @@ var messages = _objectSpread(_objectSpread({
   frontpageMenu: {
     program: 'Education programme',
     allsubjects: 'All subjects',
-    cursorText: 'Preview new resources from Vg2-subjects to be released this autumn'
+    cursorText: 'Have a look at some new learning resources from our revised subjects!'
   },
   navigation: {
     showLongerDescription: 'Show topic description',

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

@@ -338,6 +338,9 @@ declare const messages: {
         beta: string;
         outdatedSubject: string;
         newVersion: string;
+        frontPageBeta: string;
+        frontPageExpired: string;
+        frontPageRevised: string;
     };
     article: {
         lastUpdated: string;

package/lib/locale/messages-nb.js

@@ -297,7 +297,10 @@ var messages = _objectSpread(_objectSpread({
     resources: 'Dette er ikke et komplett læremiddel produsert av NDLA, men ei ressurssamling som vi håper kan være nyttig for deg.',
     beta: 'Dette faget er i betaversjon.',
     outdatedSubject: 'Dette emnet hører til et fag som ikke er oppdatert etter gjeldende læreplan.',
-    newVersion: 'Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: '
+    newVersion: 'Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: ',
+    frontPageBeta: '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.'
   },
   article: {
     lastUpdated: 'Sist oppdatert',
@@ -744,7 +747,7 @@ var messages = _objectSpread(_objectSpread({
   frontpageMenu: {
     program: 'Utdanningsprogram',
     allsubjects: 'Alle fag',
-    cursorText: 'Se smakebiter fra nye ressurser i Vg2-fagene som kommer i høst'
+    cursorText: 'Se smakebiter fra fag som kommer høsten 2022.'
   },
   navigation: {
     showLongerDescription: 'Vis hele emnebeskrivelsen',

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

@@ -338,6 +338,9 @@ declare const messages: {
         beta: string;
         outdatedSubject: string;
         newVersion: string;
+        frontPageBeta: string;
+        frontPageExpired: string;
+        frontPageRevised: string;
     };
     article: {
         lastUpdated: string;

package/lib/locale/messages-nn.js

@@ -297,7 +297,10 @@ var messages = _objectSpread(_objectSpread({
     resources: 'Dette er ikkje eit komplett læremiddel produsert av NDLA, men ei ressurssamling som vi håper kan vere nyttig for deg.',
     beta: 'Dette faget er i betaversjon.',
     outdatedSubject: 'Dette emnet høyrer til eit fag som ikkje er oppdatert etter gjeldande læreplan.',
-    newVersion: 'Denne læringsressursen er ikkje oppdatert etter gjeldande læreplan. Du finn ein oppdatert versjon her: '
+    newVersion: 'Denne læringsressursen er ikkje oppdatert etter gjeldande læreplan. Du finn ein oppdatert versjon her: ',
+    frontPageBeta: 'Betafag er fag under arbeid. Vi håper likevel at læringsressursane i betafaga 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',
@@ -744,7 +747,7 @@ var messages = _objectSpread(_objectSpread({
   frontpageMenu: {
     program: 'Utdanningsprogram',
     allsubjects: 'Alle fag',
-    cursorText: 'Sjå smakebitar frå nye ressursar i Vg2-faga som kjem i haust'
+    cursorText: 'Sjå smakebitar frå fag som kjem hausten 2022.'
   },
   navigation: {
     showLongerDescription: 'Vis heile emneskildringa',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "4.0.2",
+  "version": "4.1.1",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -36,7 +36,7 @@
     "@ndla/core": "^0.7.3",
     "@ndla/hooks": "^1.0.8",
     "@ndla/icons": "^1.5.0",
-    "@ndla/licenses": "^1.2.0",
+    "@ndla/licenses": "^2.1.0",
     "@ndla/modal": "^1.1.25",
     "@ndla/safelink": "^1.0.13",
     "@ndla/switch": "^0.0.34",
@@ -92,5 +92,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9f4bd84b859a10ffc128aa5b2f797f2db1505595"
+  "gitHead": "21b02c53640dba75be16857b4b7ba5771d83d55b"
 }

package/src/Article/Article.tsx

@@ -184,7 +184,7 @@ export const Article = ({
   } = article;
 
   let authors = creators;
-  if (Array.isArray(authors) && authors.length === 0) {
+  if (Array.isArray(authors) && authors.length === 0 && rightsholders.length === 0) {
     authors = processors;
   }
   const suppliers = rightsholders.length ? rightsholders : undefined;
@@ -229,14 +229,12 @@ export const Article = ({
           {footNotes && footNotes.length > 0 && <ArticleFootNotes footNotes={footNotes} />}
           <ArticleByline
             copyPageUrlLink={copyPageUrlLink}
-            {...{
-              authors,
-              suppliers,
-              published,
-              license: licenseObj.license,
-              licenseBox,
-              printUrl,
-            }}
+            authors={authors}
+            suppliers={suppliers}
+            published={published}
+            license={licenseObj.license}
+            licenseBox={licenseBox}
+            printUrl={printUrl}
           />
         </LayoutItem>
         <LayoutItem layout="extend">{children}</LayoutItem>

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 { MessageBox } from '../MessageBox';
 // @ts-ignore
 import { ToggleItem } from '../Filter';
 
@@ -69,6 +70,10 @@ const StyledLetterSpacing = styled.span`
   height: 16px;
 `;
 
+const MessageBoxWrapper = styled.div`
+  padding-top: 20px;
+`;
+
 type subjectProps = {
   name: string;
   url?: string;
@@ -191,7 +196,23 @@ const FrontpageAllSubjects = ({
     category.visible &&
       data.push({
         title: category.name || t(`subjectCategories.${category.type}`),
-        content: renderList(category.subjects, onNavigate, onToggleSubject, subjectViewType, selectedSubjects),
+        content: (
+          <>
+            {/* Should be persistent til fall 2022 */}
+            {category.name === t('subjectCategories.beta') && (
+              <MessageBoxWrapper>
+                <MessageBox>{t('messageBoxInfo.frontPageBeta')}</MessageBox>
+              </MessageBoxWrapper>
+            )}
+            {category.name === t('subjectCategories.archive') && (
+              <MessageBoxWrapper>
+                <MessageBox>{t('messageBoxInfo.frontPageExpired')}</MessageBox>
+              </MessageBoxWrapper>
+            )}
+
+            {renderList(category.subjects, onNavigate, onToggleSubject, subjectViewType, selectedSubjects)}
+          </>
+        ),
       });
   });
 

package/src/Frontpage/FrontpageProgramMenu.tsx

@@ -67,7 +67,6 @@ const Cursor = styled.div<CursorProps>`
   ${(props) =>
     props.hide &&
     `
-      visibility: hidden;
     `}
 `;
 
@@ -78,17 +77,18 @@ const LeftCursor = styled(Cursor)`
   background-image: url("data:image/svg+xml,%3Csvg width='37' height='39' viewBox='0 0 37 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.468 12.6697L35.836 12.3311L36.5131 13.0669L36.1452 13.4055L35.468 12.6697ZM1.00002 25.2236L6.37298 23.1107L5.51639 28.8203L1.00002 25.2236ZM35.8066 13.0376C36.1452 13.4055 36.1451 13.4056 36.145 13.4057C36.1449 13.4058 36.1448 13.4059 36.1446 13.4061C36.1442 13.4065 36.1437 13.4069 36.143 13.4076C36.1416 13.4088 36.1397 13.4106 36.1371 13.413C36.132 13.4177 36.1244 13.4245 36.1146 13.4336C36.0948 13.4516 36.0655 13.4782 36.0272 13.5128C35.9506 13.582 35.8376 13.6834 35.691 13.8131C35.3979 14.0724 34.9705 14.4449 34.4315 14.8994C33.3537 15.8082 31.828 17.046 30.0356 18.3628C26.4632 20.9874 21.784 23.9617 17.4626 25.2388L17.1791 24.2798C21.3265 23.0541 25.8902 20.1675 29.4435 17.5569C31.214 16.2562 32.7218 15.0329 33.7869 14.1349C34.3192 13.686 34.7406 13.3187 35.0284 13.0641C35.1723 12.9368 35.2827 12.8377 35.3569 12.7707C35.3941 12.7372 35.4221 12.7117 35.4407 12.6947C35.4501 12.6862 35.457 12.6798 35.4616 12.6756C35.4639 12.6735 35.4656 12.672 35.4666 12.671C35.4672 12.6705 35.4676 12.6701 35.4678 12.6699C35.4679 12.6698 35.468 12.6698 35.468 12.6697C35.4681 12.6697 35.468 12.6697 35.8066 13.0376ZM17.4626 25.2388C12.8958 26.5885 8.51384 26.6382 5.41026 26.3897L5.49009 25.3929C8.51637 25.6352 12.7668 25.5839 17.1791 24.2798L17.4626 25.2388Z' fill='%23757575'/%3E%3C/svg%3E%0A");
 `;
 
-const BottomCursor = styled(Cursor)`
+/* const BottomCursor = styled(Cursor)`
   width: 48px;
   height: 44px;
   margin-right: 90px;
   background-image: url("data:image/svg+xml,%3Csvg width='48' height='44' viewBox='0 0 48 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4851 0.879004L16.3641 0.393865L15.3939 0.635857L15.5149 1.121L16.4851 0.879004ZM33.5 42L32.1883 36.3775L27.9749 40.3247L33.5 42ZM16 1C15.5149 1.121 15.5149 1.12107 15.5149 1.12121C15.5149 1.12133 15.515 1.12152 15.5151 1.12175C15.5152 1.12223 15.5153 1.12292 15.5156 1.12384C15.516 1.12567 15.5167 1.12839 15.5176 1.13197C15.5194 1.13915 15.5221 1.14981 15.5256 1.1639C15.5327 1.19207 15.5432 1.23393 15.5571 1.28894C15.5849 1.39894 15.6262 1.56153 15.6802 1.7723C15.7883 2.19384 15.9474 2.80818 16.1518 3.58026C16.5604 5.12435 17.1501 7.29976 17.8743 9.82602C19.3221 14.8761 21.3106 21.3381 23.4684 26.963L24.4021 26.6049C22.2595 21.0198 20.2803 14.5899 18.8356 9.55043C18.1136 7.03195 17.5258 4.86325 17.1185 3.32441C16.9149 2.55503 16.7564 1.9432 16.6489 1.52394C16.5952 1.31431 16.5542 1.15283 16.5266 1.04388C16.5129 0.989408 16.5025 0.948065 16.4955 0.920403C16.492 0.906572 16.4894 0.896161 16.4877 0.889238C16.4868 0.885777 16.4862 0.883187 16.4858 0.881479C16.4855 0.880625 16.4854 0.879991 16.4853 0.879578C16.4852 0.879371 16.4852 0.879228 16.4852 0.879125C16.4851 0.879037 16.4851 0.879004 16 1ZM23.4684 26.963C25.6729 32.7094 28.1331 36.5898 30.0294 39.0236L30.8182 38.409C28.9819 36.0522 26.5707 32.2579 24.4021 26.6049L23.4684 26.963Z' fill='%23757575'/%3E%3C/svg%3E%0A");
 `;
-
+ */
 type Props = {
   programItems: ItemProps[];
   subjectCategories: subjectsProps['categories'];
   showBetaCursor?: boolean;
+  messageBox: boolean;
 };
 
 const FrontpageProgramMenu = ({ programItems, subjectCategories, showBetaCursor }: Props) => {
@@ -119,14 +119,12 @@ const FrontpageProgramMenu = ({ programItems, subjectCategories, showBetaCursor
         <Button onClick={() => toggleSubjects(true)} lighter={!showSubjects} size="medium" borderShape="rounded">
           <StyledMenuItem>{t('frontpageMenu.allsubjects')}</StyledMenuItem>
         </Button>
-
         {showBetaCursor && (
           <CursorPlaceholder>
             <CursorWrapper>
               <LeftCursor hide={showSubjects} />
               <CursorTextWrapper>
                 <CursorText>{t('frontpageMenu.cursorText')}</CursorText>
-                <BottomCursor hide={!showSubjects} />
               </CursorTextWrapper>
             </CursorWrapper>
           </CursorPlaceholder>

package/src/Topic/Topic.tsx

@@ -80,7 +80,7 @@ const TopicHeaderImage = styled.img`
   border-radius: 50%;
   width: 100%;
   height: 100%;
-  object-fit: none;
+  object-fit: cover;
   transition: transform ${animations.durations.fast};
   ${VisualElementButton}:hover & {
     transform: scale(1.1);

package/src/locale/messages-en.ts

@@ -313,6 +313,7 @@ const messages = {
       h5p: 'Interactive',
     },
   },
+
   messageBoxInfo: {
     outdatedCoursePlan:
       'This course is not updated to the current curriculum. Follow this link to find the updated version of the course: ',
@@ -326,6 +327,12 @@ const messages = {
     outdatedSubject: 'This topic is part of a course that is not updated to the current curriculum.',
     newVersion:
       'This learning resource is not updated to the current curriculum. You can find an updated version here: ',
+    frontPageBeta:
+      '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.',
+    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',
@@ -766,7 +773,7 @@ const messages = {
     cursorText: 'Tip',
   },
   frontpageMultidisciplinarySubject: {
-    heading: 'Interdisciplinary subjects',
+    heading: 'Interdisciplinary topics',
     text: 'The three interdisciplinary subjects in the curriculum are based on current societal challenges that require the involvement and efforts of individuals and the community in the local community, nationally and globally.',
     linkText: 'See cases for multidisciplinary topics',
     publicHealthTopic: 'Public health and life management',
@@ -777,7 +784,7 @@ const messages = {
   frontpageMenu: {
     program: 'Education programme',
     allsubjects: 'All subjects',
-    cursorText: 'Preview new resources from Vg2-subjects to be released this autumn',
+    cursorText: 'Have a look at some new learning resources from our revised subjects!',
   },
   navigation: {
     showLongerDescription: 'Show topic description',

package/src/locale/messages-nb.ts

@@ -312,6 +312,7 @@ const messages = {
       h5p: 'Interaktiv',
     },
   },
+
   messageBoxInfo: {
     outdatedCoursePlan:
       'Dette faget følger en utgått læreplan. Gå til faget som er oppdatert etter gjeldende læreplan:',
@@ -325,6 +326,11 @@ const messages = {
     outdatedSubject: 'Dette emnet hører til et fag som ikke er oppdatert etter gjeldende læreplan.',
     newVersion:
       'Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: ',
+    frontPageBeta:
+      '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.',
   },
   article: {
     lastUpdated: 'Sist oppdatert',
@@ -776,7 +782,7 @@ const messages = {
   frontpageMenu: {
     program: 'Utdanningsprogram',
     allsubjects: 'Alle fag',
-    cursorText: 'Se smakebiter fra nye ressurser i Vg2-fagene som kommer i høst',
+    cursorText: 'Se smakebiter fra fag som kommer høsten 2022.',
   },
   navigation: {
     showLongerDescription: 'Vis hele emnebeskrivelsen',

package/src/locale/messages-nn.ts

@@ -313,6 +313,7 @@ const messages = {
       h5p: 'Interaktiv',
     },
   },
+
   messageBoxInfo: {
     outdatedCoursePlan:
       'Dette faget følgjer ein utgått læreplan. Gå til faget som er oppdatert etter gjeldande læreplan: ',
@@ -326,6 +327,11 @@ const messages = {
     outdatedSubject: 'Dette emnet høyrer til eit fag som ikkje er oppdatert etter gjeldande læreplan.',
     newVersion:
       'Denne læringsressursen er ikkje oppdatert etter gjeldande læreplan. Du finn ein oppdatert versjon her: ',
+    frontPageBeta:
+      'Betafag er fag under arbeid. Vi håper likevel at læringsressursane i betafaga 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',
@@ -777,7 +783,7 @@ const messages = {
   frontpageMenu: {
     program: 'Utdanningsprogram',
     allsubjects: 'Alle fag',
-    cursorText: 'Sjå smakebitar frå nye ressursar i Vg2-faga som kjem i haust',
+    cursorText: 'Sjå smakebitar frå fag som kjem hausten 2022.',
   },
   navigation: {
     showLongerDescription: 'Vis heile emneskildringa',