@ndla/ui 8.1.1 → 8.2.1

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

@@ -382,6 +382,7 @@ declare const messages: {
         access: {
             onlyTeacher: string;
         };
+        possiblyOutdated: string;
     };
     competenceGoals: {
         competenceGoal: string;

package/lib/locale/messages-en.js

@@ -333,7 +333,8 @@ var messages = _objectSpread(_objectSpread({
     printPage: 'Print',
     access: {
       onlyTeacher: 'This resource is accessible only to teachers who are logged in with Feide.'
-    }
+    },
+    possiblyOutdated: 'The article is outdated'
   },
   competenceGoals: {
     competenceGoal: 'competence-goal',

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

@@ -382,6 +382,7 @@ declare const messages: {
         access: {
             onlyTeacher: string;
         };
+        possiblyOutdated: string;
     };
     competenceGoals: {
         competenceGoal: string;

package/lib/locale/messages-nb.js

@@ -333,7 +333,8 @@ var messages = _objectSpread(_objectSpread({
     printPage: 'Skriv ut',
     access: {
       onlyTeacher: 'Denne ressursen er bare tilgjengelig for lærere som er pålogget med Feide.'
-    }
+    },
+    possiblyOutdated: 'Artikkelen er foreldet.'
   },
   competenceGoals: {
     competenceGoal: 'kompetansemål',

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

@@ -382,6 +382,7 @@ declare const messages: {
         access: {
             onlyTeacher: string;
         };
+        possiblyOutdated: string;
     };
     competenceGoals: {
         competenceGoal: string;

package/lib/locale/messages-nn.js

@@ -333,7 +333,8 @@ var messages = _objectSpread(_objectSpread({
     printPage: 'Skriv ut',
     access: {
       onlyTeacher: 'Denne ressursen er berre tilgjengeleg for lærarar som er pålogga med Feide.'
-    }
+    },
+    possiblyOutdated: 'Artikkelen er foreldet.'
   },
   competenceGoals: {
     competenceGoal: 'kompetansemål',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "8.1.1",
+  "version": "8.2.1",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,18 +31,18 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/button": "^2.1.3",
-    "@ndla/carousel": "^1.2.3",
-    "@ndla/core": "^2.0.1",
-    "@ndla/hooks": "^1.1.2",
+    "@ndla/button": "^2.1.4",
+    "@ndla/carousel": "^1.2.4",
+    "@ndla/core": "^2.1.0",
+    "@ndla/hooks": "^1.1.3",
     "@ndla/icons": "^1.6.1",
-    "@ndla/licenses": "^4.0.3",
-    "@ndla/modal": "^1.2.3",
-    "@ndla/safelink": "^1.1.4",
-    "@ndla/switch": "^0.1.3",
-    "@ndla/tabs": "^1.1.2",
-    "@ndla/tooltip": "^0.3.3",
-    "@ndla/util": "^2.0.4",
+    "@ndla/licenses": "^4.0.4",
+    "@ndla/modal": "^1.2.4",
+    "@ndla/safelink": "^1.1.5",
+    "@ndla/switch": "^0.1.4",
+    "@ndla/tabs": "^1.1.3",
+    "@ndla/tooltip": "^0.3.4",
+    "@ndla/util": "^2.0.5",
     "@reach/menu-button": "^0.16.2",
     "@reach/slider": "^0.16.0",
     "focus-trap-react": "^8.9.2",
@@ -80,5 +80,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "19a0a99a7cf6f731faef74a89d05ebeb3a8dd12e"
+  "gitHead": "60f179c8f18630a8b4fa2f4d6936eca458f60214"
 }

package/src/Article/Article.tsx

@@ -191,9 +191,7 @@ export const Article = ({
 
           {messages.messageBox && (
             <MSGboxWrapper>
-              <MessageBox links={messageBoxLinks} showCloseButton>
-                {messages.messageBox}
-              </MessageBox>
+              <MessageBox links={messageBoxLinks}>{messages.messageBox}</MessageBox>
             </MSGboxWrapper>
           )}
           <ArticleHeaderWrapper competenceGoals={competenceGoals} competenceGoalTypes={competenceGoalTypes}>

package/src/Topic/Topic.tsx

@@ -21,6 +21,7 @@ import Loader from './Loader';
 import { ItemProps } from '../Navigation/NavigationBox';
 import { NavigationBox } from '../Navigation';
 import { makeSrcQueryString, ImageCrop, ImageFocalPoint } from '../Image';
+import { MessageBox, MessageBoxType } from '../MessageBox';
 
 type InvertItProps = {
   invertedStyle?: boolean;
@@ -235,6 +236,7 @@ export type TopicProps = {
   showContent?: boolean;
   isAdditionalTopic?: boolean;
   frame?: boolean;
+  messageBox?: string;
   children?: ReactNode;
 };
 
@@ -249,6 +251,7 @@ const Topic = ({
   showContent,
   isAdditionalTopic,
   frame,
+  messageBox,
   children,
 }: TopicProps) => {
   const { t } = useTranslation();
@@ -328,6 +331,7 @@ const Topic = ({
                   </StyledAdditionalResource>
                 )}
               </TopicHeading>
+              {messageBox && <MessageBox type={MessageBoxType.medium}>{messageBox}</MessageBox>}
               <TopicIntroduction invertedStyle={invertedStyle}>
                 {renderMarkdown ? parse(renderMarkdown(topic.introduction)) : topic.introduction}
               </TopicIntroduction>

package/src/locale/messages-en.ts

@@ -366,6 +366,7 @@ const messages = {
     access: {
       onlyTeacher: 'This resource is accessible only to teachers who are logged in with Feide.',
     },
+    possiblyOutdated: 'The article is outdated',
   },
   competenceGoals: {
     competenceGoal: 'competence-goal',

package/src/locale/messages-nb.ts

@@ -364,6 +364,7 @@ const messages = {
     access: {
       onlyTeacher: 'Denne ressursen er bare tilgjengelig for lærere som er pålogget med Feide.',
     },
+    possiblyOutdated: 'Artikkelen er foreldet.',
   },
   competenceGoals: {
     competenceGoal: 'kompetansemål',

package/src/locale/messages-nn.ts

@@ -365,6 +365,7 @@ const messages = {
     access: {
       onlyTeacher: 'Denne ressursen er berre tilgjengeleg for lærarar som er pålogga med Feide.',
     },
+    possiblyOutdated: 'Artikkelen er foreldet.',
   },
   competenceGoals: {
     competenceGoal: 'kompetansemål',