@ndla/ui 56.0.71-alpha.0 → 56.0.73-alpha.0

package/lib/locale/messages-sma.js

@@ -552,7 +552,8 @@ const messages = {
       aboutNdla: "About NDLA",
       blog: "Faageblogge",
       tips: "Tipsh learoehkidie",
-      vacancies: "Gaavnoes barkoeh"
+      vacancies: "Gaavnoes barkoeh",
+      contact: "Kontakt oss"
     },
     otherLanguages: "Andre språk"
   },
@@ -576,7 +577,10 @@ const messages = {
     h5p: "H5P",
     video: "Video",
     missing: "Ukjent",
-    external: "Ekstern"
+    external: "Ekstern",
+    gloss: "Glose",
+    programme: "Programfag",
+    "podcast-series": "Podkast-serie"
   },
   modal: {
     closeModal: "Dahph"

package/lib/model/ContentType.d.ts

@@ -20,6 +20,9 @@ export declare const IMAGE = "image";
 export declare const VIDEO = "video";
 export declare const AUDIO = "audio";
 export declare const PODCAST = "podcast";
+export declare const GLOSS = "gloss";
+export declare const PROGRAMME = "programme";
+export declare const PODCAST_SERIES = "podcast-series";
 export declare const contentTypes: {
     SUBJECT_MATERIAL: string;
     TASKS_AND_ACTIVITIES: string;
@@ -32,6 +35,8 @@ export declare const contentTypes: {
     CONCEPT: string;
     EXTERNAL: string;
     MISSING: string;
+    PROGRAMME: string;
+    PODCAST_SERIES: string;
 };
 export declare const RESOURCE_TYPE_LEARNING_PATH = "urn:resourcetype:learningPath";
 export declare const RESOURCE_TYPE_SUBJECT_MATERIAL = "urn:resourcetype:subjectMaterial";

package/lib/model/ContentType.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resourceEmbedTypeMapping = exports.contentTypes = exports.contentTypeMapping = exports.VIDEO = exports.TOPIC = exports.TASKS_AND_ACTIVITIES = exports.SUBJECT_MATERIAL = exports.SUBJECT = exports.SOURCE_MATERIAL = exports.RESOURCE_TYPE_TASKS_AND_ACTIVITIES = exports.RESOURCE_TYPE_SUBJECT_MATERIAL = exports.RESOURCE_TYPE_SOURCE_MATERIAL = exports.RESOURCE_TYPE_LEARNING_PATH = exports.RESOURCE_TYPE_CONCEPT = exports.RESOURCE_TYPE_ASSESSMENT_RESOURCES = exports.PODCAST = exports.MULTIDISCIPLINARY = exports.MISSING = exports.LEARNING_PATH = exports.IMAGE = exports.EXTERNAL = exports.CONCEPT = exports.AUDIO = exports.ASSESSMENT_RESOURCES = void 0;
+exports.resourceEmbedTypeMapping = exports.contentTypes = exports.contentTypeMapping = exports.VIDEO = exports.TOPIC = exports.TASKS_AND_ACTIVITIES = exports.SUBJECT_MATERIAL = exports.SUBJECT = exports.SOURCE_MATERIAL = exports.RESOURCE_TYPE_TASKS_AND_ACTIVITIES = exports.RESOURCE_TYPE_SUBJECT_MATERIAL = exports.RESOURCE_TYPE_SOURCE_MATERIAL = exports.RESOURCE_TYPE_LEARNING_PATH = exports.RESOURCE_TYPE_CONCEPT = exports.RESOURCE_TYPE_ASSESSMENT_RESOURCES = exports.PROGRAMME = exports.PODCAST_SERIES = exports.PODCAST = exports.MULTIDISCIPLINARY = exports.MISSING = exports.LEARNING_PATH = exports.IMAGE = exports.GLOSS = exports.EXTERNAL = exports.CONCEPT = exports.AUDIO = exports.ASSESSMENT_RESOURCES = void 0;
 /**
  * Copyright (c) 2017-present, NDLA.
  *
@@ -27,6 +27,9 @@ const IMAGE = exports.IMAGE = "image";
 const VIDEO = exports.VIDEO = "video";
 const AUDIO = exports.AUDIO = "audio";
 const PODCAST = exports.PODCAST = "podcast";
+const GLOSS = exports.GLOSS = "gloss";
+const PROGRAMME = exports.PROGRAMME = "programme";
+const PODCAST_SERIES = exports.PODCAST_SERIES = "podcast-series";
 const contentTypes = exports.contentTypes = {
   SUBJECT_MATERIAL,
   TASKS_AND_ACTIVITIES,
@@ -38,7 +41,9 @@ const contentTypes = exports.contentTypes = {
   MULTIDISCIPLINARY,
   CONCEPT,
   EXTERNAL,
-  MISSING
+  MISSING,
+  PROGRAMME,
+  PODCAST_SERIES
 };
 const RESOURCE_TYPE_LEARNING_PATH = exports.RESOURCE_TYPE_LEARNING_PATH = "urn:resourcetype:learningPath";
 const RESOURCE_TYPE_SUBJECT_MATERIAL = exports.RESOURCE_TYPE_SUBJECT_MATERIAL = "urn:resourcetype:subjectMaterial";
@@ -54,6 +59,7 @@ const contentTypeMapping = exports.contentTypeMapping = {
   [RESOURCE_TYPE_SOURCE_MATERIAL]: SOURCE_MATERIAL,
   [RESOURCE_TYPE_CONCEPT]: CONCEPT,
   [MULTIDISCIPLINARY]: MULTIDISCIPLINARY,
+  [TOPIC]: TOPIC,
   default: SUBJECT_MATERIAL
 };
 const resourceEmbedTypeMapping = exports.resourceEmbedTypeMapping = {
@@ -61,5 +67,6 @@ const resourceEmbedTypeMapping = exports.resourceEmbedTypeMapping = {
   video: "video",
   concept: "concept",
   audio: "audio",
-  podcast: "podcast"
+  podcast: "podcast",
+  gloss: "gloss"
 };

package/lib/model/index.d.ts

@@ -21,6 +21,8 @@ declare const model: {
         CONCEPT: string;
         EXTERNAL: string;
         MISSING: string;
+        PROGRAMME: string;
+        PODCAST_SERIES: string;
     };
     subjectCategories: typeof subjectCategories;
     subjectTypes: typeof subjectTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "56.0.71-alpha.0",
+  "version": "56.0.73-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -33,12 +33,12 @@
   ],
   "dependencies": {
     "@ndla/core": "^5.0.2",
-    "@ndla/icons": "^8.0.43-alpha.0",
-    "@ndla/licenses": "^8.0.3-alpha.0",
-    "@ndla/primitives": "^1.0.55-alpha.0",
-    "@ndla/safelink": "^7.0.56-alpha.0",
+    "@ndla/icons": "^8.0.44-alpha.0",
+    "@ndla/licenses": "^8.0.4-alpha.0",
+    "@ndla/primitives": "^1.0.57-alpha.0",
+    "@ndla/safelink": "^7.0.58-alpha.0",
     "@ndla/styled-system": "^0.0.27",
-    "@ndla/util": "^5.0.0-alpha.0",
+    "@ndla/util": "^5.0.1-alpha.0",
     "html-react-parser": "^5.1.8",
     "i18next-browser-languagedetector": "^7.1.0"
   },
@@ -50,7 +50,7 @@
     "react-router-dom": "> 6.0.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.44",
+    "@ndla/preset-panda": "^0.0.45",
     "@ndla/types-backend": "^0.2.86",
     "@ndla/types-embed": "^5.0.4-alpha.0",
     "@pandacss/dev": "^0.46.0"
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "428dc6978a13bfff19a02020ecdbb69ce5e3fb5e"
+  "gitHead": "3f2d720f26b163be90b396f40f3c1fad746b3cf9"
 }

package/src/Article/Article.tsx

@@ -12,8 +12,8 @@ import { Heading, Text } from "@ndla/primitives";
 import { cx } from "@ndla/styled-system/css";
 import { Stack, styled } from "@ndla/styled-system/jsx";
 import { JsxStyleProps } from "@ndla/styled-system/types";
-import { ArticleByline } from "./ArticleByline";
 import { ContentTypeBadgeNew } from "..";
+import { ArticleByline } from "./ArticleByline";
 import { ContentType } from "../ContentTypeBadge/ContentTypeBadgeNew";
 import { Article as ArticleType } from "../types";
 
@@ -200,7 +200,6 @@ export const Article = ({
           authors={authors}
           suppliers={copyright?.rightsholders}
           published={published}
-          license={copyright?.license?.license ?? ""}
           licenseBox={licenseBox}
         />
         {children}

package/src/Article/ArticleByline.stories.tsx

@@ -23,7 +23,6 @@ export default {
   args: {
     authors: [{ name: "Frida Forfatter" }, { name: "Fred Forfatter" }],
     published: "21.06.2018",
-    license: "CC BY-SA",
   },
 } as Meta<typeof ArticleByline>;
 
@@ -36,7 +35,6 @@ ArticleBylineStory.storyName = "ArticleByline";
 export const SeveralAuthors: StoryObj<typeof ArticleByline> = {
   args: {
     published: "21.06.2018",
-    license: "CC BY-SA",
     authors: [{ name: "Frida Forfatter" }, { name: "Ida Illustratør" }, { name: "Fred Forfatter" }],
   },
 };
@@ -44,7 +42,6 @@ export const SeveralAuthors: StoryObj<typeof ArticleByline> = {
 export const WithoutCreators: StoryObj<typeof ArticleByline> = {
   args: {
     published: "21.06.2018",
-    license: "CC BY-SA",
     authors: [],
   },
 };

package/src/Article/ArticleByline.tsx

@@ -11,7 +11,6 @@ import { ReactNode, forwardRef, useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useLocation } from "react-router-dom";
 import { ArrowDownShortLine } from "@ndla/icons/common";
-import { getLicenseByAbbreviation } from "@ndla/licenses";
 import {
   AccordionItem,
   AccordionItemContent,
@@ -23,7 +22,6 @@ import {
 } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { ArticleFootNotes } from "./ArticleFootNotes";
-import { LicenseLink } from "../LicenseByline/LicenseLink";
 import { FootNote } from "../types";
 
 const Wrapper = styled("div", {
@@ -39,12 +37,15 @@ const Wrapper = styled("div", {
 const TextWrapper = styled("div", {
   base: {
     display: "flex",
-    flexDirection: "column-reverse",
+    flexDirection: "column",
     gap: "3xsmall",
     width: "100%",
     justifyContent: "space-between",
     paddingBlock: "xsmall",
     textStyle: "body.medium",
+    '& [data-contributors="false"]': {
+      marginInlineStart: "auto",
+    },
   },
   variants: {
     learningpath: {
@@ -70,9 +71,7 @@ type Props = {
   authors?: AuthorProps[];
   suppliers?: SupplierProps[];
   published?: string;
-  license?: string;
   licenseBox?: ReactNode;
-  locale?: string;
   footnotes?: FootNote[];
   displayByline?: boolean;
   bylineType?: "article" | "learningPath";
@@ -102,13 +101,6 @@ const getSuppliersText = (suppliers: SupplierProps[], t: TFunction) => {
       });
 };
 
-const LicenseWrapper = styled("div", {
-  base: {
-    display: "flex",
-    gap: "xsmall",
-  },
-});
-
 const StyledAccordionRoot = styled(AccordionRoot, {
   base: {
     paddingBlockStart: "xxlarge",
@@ -122,10 +114,8 @@ export const ArticleByline = ({
   authors = [],
   suppliers = [],
   footnotes,
-  license: licenseString,
   licenseBox,
   published,
-  locale,
   displayByline = true,
   bylineType = "article",
 }: Props) => {
@@ -156,29 +146,24 @@ export const ArticleByline = ({
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [onHashChange]);
 
-  const license = licenseString && getLicenseByAbbreviation(licenseString, locale);
-
   const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
 
   return (
     <Wrapper>
-      {displayByline && (
+      {!!displayByline && (
         <TextWrapper learningpath={bylineType === "learningPath"}>
-          <LicenseWrapper>
-            {license && <LicenseLink license={license} />}
-            {showPrimaryContributors && (
-              //eslint-disable-next-line react/no-unknown-property
-              <span property="cc:attributionName">
-                {authors.length > 0 &&
-                  `${t("article.authorsLabel", {
-                    names: renderContributors(authors, t),
-                    interpolation: { escapeValue: false },
-                  })}. `}
-                {getSuppliersText(suppliers, t)}
-              </span>
-            )}
-          </LicenseWrapper>
-          <div>
+          {!!showPrimaryContributors && (
+            //eslint-disable-next-line react/no-unknown-property
+            <span property="cc:attributionName">
+              {authors.length > 0 &&
+                `${t("article.authorsLabel", {
+                  names: renderContributors(authors, t),
+                  interpolation: { escapeValue: false },
+                })}. `}
+              {getSuppliersText(suppliers, t)}
+            </span>
+          )}
+          <div data-contributors={showPrimaryContributors}>
             {t(`${bylineType}.lastUpdated`)} {published}
           </div>
         </TextWrapper>

package/src/AudioPlayer/AudioPlayer.tsx

@@ -185,7 +185,7 @@ const AudioPlayer = ({ src, title, subtitle, speech, description, img, textVersi
   return (
     <AudioPlayerWrapper>
       <InfoWrapper>
-        {img && (
+        {!!img && (
           <ImageWrapper>
             <img src={img.url} alt={img.alt} />
           </ImageWrapper>
@@ -200,7 +200,7 @@ const AudioPlayer = ({ src, title, subtitle, speech, description, img, textVersi
             </div>
             {!!textVersion && !img && textVersionButton}
           </TitleWrapper>
-          {description && (
+          {!!description && (
             <Text textStyle="body.medium">
               {showFullDescription || description.length < DESCRIPTION_MAX_LENGTH
                 ? description

package/src/AudioPlayer/Controls.tsx

@@ -101,6 +101,8 @@ const ProgressWrapper = styled("div", {
 const StyledText = styled(Text, {
   base: {
     minWidth: "xxlarge",
+    flexShrink: "0",
+    textAlign: "center",
   },
 });
 

package/src/Concept/Concept.tsx

@@ -69,7 +69,7 @@ export const Concept = forwardRef<HTMLElement, ConceptProps>(
         ) : visualElement?.resource === "external" ? (
           <ExternalEmbed embed={visualElement} />
         ) : null}
-        {copyright && <EmbedByline copyright={copyright} type="concept" />}
+        {!!copyright && <EmbedByline copyright={copyright} type="concept" />}
       </StyledFigure>
     );
   },

package/src/ContactBlock/ContactBlock.tsx

@@ -180,7 +180,7 @@ export const ContactBlock = ({
         </HeaderWrapper>
         <StyledDescription textStyle="body.large">{description}</StyledDescription>
       </ContentWrapper>
-      {image && (
+      {!!image && (
         <ImageWrapper variant={backgroundColor}>
           <StyledImage
             alt={embedAlt !== undefined ? embedAlt : image.alttext.alttext}

package/src/ContentTypeBadge/ContentTypeBadge.stories.tsx

@@ -76,5 +76,8 @@ export const AllBadges: StoryFn<typeof ContentTypeBadge> = ({ ...args }) => (
     <ContentTypeBadge {...args} type={contentTypes.resourceEmbedTypeMapping.image} />
     <ContentTypeBadge {...args} type={contentTypes.resourceEmbedTypeMapping.audio} />
     <ContentTypeBadge {...args} type={contentTypes.resourceEmbedTypeMapping.video} />
+    <ContentTypeBadge {...args} type={contentTypes.GLOSS} />
+    <ContentTypeBadge {...args} type={contentTypes.PROGRAMME} />
+    <ContentTypeBadge {...args} type={contentTypes.PODCAST_SERIES} />
   </BadgesWrapper>
 );

package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx

@@ -30,7 +30,10 @@ export type StrictContentType =
   | typeof contentTypes.AUDIO
   | typeof contentTypes.VIDEO
   | typeof contentTypes.MISSING
-  | typeof contentTypes.PODCAST;
+  | typeof contentTypes.PODCAST
+  | typeof contentTypes.GLOSS
+  | typeof contentTypes.PROGRAMME
+  | typeof contentTypes.PODCAST_SERIES;
 
 export type ContentType =
   | StrictContentType
@@ -53,6 +56,9 @@ export const contentTypeToBadgeVariantMap: Record<ContentType, BadgeVariant> = {
   [contentTypes.PODCAST]: "brand1",
   [contentTypes.VIDEO]: "brand1",
   [contentTypes.MISSING]: "neutral",
+  [contentTypes.PODCAST_SERIES]: "brand1",
+  [contentTypes.GLOSS]: "brand1",
+  [contentTypes.PROGRAMME]: "neutral",
 };
 
 export const ContentTypeBadge = forwardRef<HTMLDivElement, ContentTypeBadgeProps>(

package/src/ContentTypeHero/ContentTypeHero.tsx

@@ -29,6 +29,11 @@ export const contentTypeToHeroMap: Record<ContentType, HeroVariant> = {
   [contentTypes.PODCAST]: "primary",
   [contentTypes.VIDEO]: "primary",
   [contentTypes.MISSING]: "neutral",
+  [contentTypes.GLOSS]: "brand1Moderate",
+  // this will never happen
+  [contentTypes.PROGRAMME]: "primary",
+  // this will never happen
+  [contentTypes.PODCAST_SERIES]: "primary",
 };
 
 export interface ContentTypeHeroProps extends HeroProps {

package/src/Embed/RelatedContentEmbed.tsx

@@ -21,7 +21,7 @@ interface Props {
 const RelatedContentEmbed = ({ embed, isOembed, subject, ndlaFrontendDomain }: Props) => {
   const { t } = useTranslation();
   if (embed.status === "error") {
-    return <></>;
+    return null;
   }
 
   const { data, embedData } = embed;
@@ -55,7 +55,7 @@ const RelatedContentEmbed = ({ embed, isOembed, subject, ndlaFrontendDomain }: P
       />
     );
   }
-  return <></>;
+  return null;
 };
 
 export default RelatedContentEmbed;

package/src/ErrorMessage/ErrorMessage.stories.tsx

@@ -8,7 +8,7 @@
 
 import { Meta, StoryFn, StoryObj } from "@storybook/react";
 import ErrorMessage from "./ErrorMessage";
-//@ts-ignore
+// @ts-expect-error - It exists.
 import Oops from "../../../../images/oops.gif";
 
 /**

package/src/ErrorMessage/ErrorMessage.tsx

@@ -76,27 +76,27 @@ interface Props {
 }
 export const ErrorMessage = ({ children, messages, illustration, illustrationElement, customElement }: Props) => (
   <StyledErrorMessage>
-    {illustration && (
+    {!!illustration && (
       <IllustrationWrapper>
         <img src={illustration.url} alt={illustration.altText} />
       </IllustrationWrapper>
     )}
-    {illustrationElement && <IllustrationWrapper>{illustrationElement}</IllustrationWrapper>}
+    {!!illustrationElement && <IllustrationWrapper>{illustrationElement}</IllustrationWrapper>}
     <h1>{messages.title}</h1>
-    {messages.description && <Description>{messages.description}</Description>}
-    {customElement && <CustomElementWrapper>{customElement}</CustomElementWrapper>}
-    {messages.linksTitle && <h2>{messages.linksTitle}</h2>}
-    {messages.back && (
+    {!!messages.description && <Description>{messages.description}</Description>}
+    {!!customElement && <CustomElementWrapper>{customElement}</CustomElementWrapper>}
+    {!!messages.linksTitle && <h2>{messages.linksTitle}</h2>}
+    {!!messages.back && (
       <SafeLink to={`/#${encodeURI(messages.back)}`} onClick={() => window.history.back()}>
         {messages.back}
       </SafeLink>
     )}
-    {messages.goToFrontPage && (
+    {!!messages.goToFrontPage && (
       <MessageWrapper>
         <SafeLink to="/">{messages.goToFrontPage}</SafeLink>
       </MessageWrapper>
     )}
-    {messages.logInFailed && (
+    {!!messages.logInFailed && (
       <MessageWrapper>
         <SafeLink to="/minndla">{messages.logInFailed}</SafeLink>
       </MessageWrapper>

package/src/Gloss/Gloss.tsx

@@ -131,7 +131,7 @@ const Gloss = ({ title, glossData, audio, exampleIds, exampleLangs, variant }: P
             <Text textStyle="label.medium" fontWeight="bold" asChild consumeCss lang={glossData.originalLanguage}>
               <span>{glossData.gloss}</span>
             </Text>
-            {glossData.transcriptions.traditional && (
+            {!!glossData.transcriptions.traditional && (
               <Text textStyle="label.medium" asChild consumeCss>
                 <span
                   key={t("gloss.transcriptions.traditional")}
@@ -142,7 +142,7 @@ const Gloss = ({ title, glossData, audio, exampleIds, exampleLangs, variant }: P
                 </span>
               </Text>
             )}
-            {glossData.transcriptions.pinyin && (
+            {!!glossData.transcriptions.pinyin && (
               <Text textStyle="label.medium" asChild consumeCss>
                 <span
                   data-pinyin=""
@@ -154,13 +154,13 @@ const Gloss = ({ title, glossData, audio, exampleIds, exampleLangs, variant }: P
                 </span>
               </Text>
             )}
-            {glossData.wordClass && (
+            {!!glossData.wordClass && (
               <Text textStyle="label.medium" asChild consumeCss>
                 <span aria-label={t("gloss.wordClass")}>{t(`wordClass.${glossData.wordClass}`).toLowerCase()}</span>
               </Text>
             )}
           </TextWrapper>
-          {audio?.src && <SpeechControl src={audio.src} title={audio.title} type="gloss" />}
+          {!!audio?.src && <SpeechControl src={audio.src} title={audio.title} type="gloss" />}
         </Container>
         <StyledContainer>
           <Text textStyle="label.medium" asChild consumeCss>

package/src/Grid/Grid.stories.tsx

@@ -64,8 +64,11 @@ export const GridPitchStory: StoryFn<typeof Grid> = ({ ...args }) => {
   const items = new Array(columns).fill(
     <div data-type="grid-cell" data-parallax-cell="false">
       <PitchStory
+        // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
         metaImage={PitchStory.args?.metaImage!}
+        // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
         title={PitchStory.args?.title!}
+        // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
         url={PitchStory.args?.url!}
         description={PitchStory.args?.description}
       />

package/src/KeyFigure/KeyFigure.tsx

@@ -57,7 +57,7 @@ interface Props {
 const KeyFigure = ({ image, title, subtitle }: Props) => {
   return (
     <ContentWrapper data-embed-type="key-figure">
-      {image && <StyledImage src={`${image?.src}?width=150`} width={150} height={150} alt={image?.alt} />}
+      {!!image && <StyledImage src={`${image?.src}?width=150`} width={150} height={150} alt={image?.alt} />}
       <TitleWrapper>{parse(title)}</TitleWrapper>
       <SubTitleWrapper>{parse(subtitle)}</SubTitleWrapper>
     </ContentWrapper>

package/src/LicenseByline/EmbedByline.tsx

@@ -141,7 +141,7 @@ export const EmbedByline = ({ type, description, children, visibleAlt, hideCopyr
       {!hideByline && (
         <BylineWrapper>
           <div>
-            {hideCopyright && description}
+            {!!hideCopyright && description}
             {!hideCopyright && (
               <LicenseContainerContent type={type} copyright={copyright}>
                 {description}
@@ -209,7 +209,7 @@ const StyledButton = styled(Button, {
 
 interface LicenseDescriptionProps {
   children?: ReactNode;
-  isOpen: Boolean;
+  isOpen: boolean;
   setIsOpen: Dispatch<SetStateAction<boolean>>;
 }
 

package/src/LinkBlock/LinkBlock.tsx

@@ -90,7 +90,7 @@ const LinkBlock = ({ title, articleLanguage, date, url, path }: Props) => {
         <Heading asChild consumeCss textStyle="title.medium">
           <h3 data-heading>{parse(title)}</h3>
         </Heading>
-        {date && (
+        {!!date && (
           <StyledDateContainer>
             <StyledCalendarEd />
             {formattedDate}

package/src/TagSelector/TagSelector.tsx

@@ -7,8 +7,7 @@
  */
 
 import { forwardRef, useEffect, useId, useRef } from "react";
-import type { CollectionItem } from "@ark-ui/react";
-import { useTagsInputContext, useComboboxContext } from "@ark-ui/react";
+import { type CollectionItem, useTagsInputContext, useComboboxContext } from "@ark-ui/react";
 import { CloseLine } from "@ndla/icons/action";
 import {
   ComboboxClearTrigger,

package/src/i18n/formatNestedMessages.ts

@@ -21,7 +21,6 @@ export const formatNestedMessages = (
 ) => {
   const messages = formattedMessages;
 
-  // eslint-disable-next-line
   Object.keys(phrases).forEach((key) => {
     const value = phrases[key];
     if ({}.hasOwnProperty.call(phrases, key)) {

package/src/index.ts

@@ -94,8 +94,6 @@ export {
   useVideoSearchTranslations,
 } from "./i18n";
 
-export { OneColumn, PageContainer } from "./Layout";
-
 export {
   default as ContentTypeBadge,
   SubjectMaterialBadge,

package/src/locale/messages-en.ts

@@ -556,6 +556,7 @@ const messages = {
       blog: "Blog",
       tips: "Tips to students",
       vacancies: "Vacancies",
+      contact: "Contact us",
     },
     otherLanguages: "Other languages",
   },
@@ -580,6 +581,9 @@ const messages = {
     video: "Video",
     missing: "Unknown",
     external: "External",
+    gloss: "Gloss",
+    programme: "Programme",
+    "podcast-series": "Podcast series",
   },
   modal: {
     closeModal: "Close",

package/src/locale/messages-nb.ts

@@ -557,6 +557,7 @@ const messages = {
       blog: "Fagblogg",
       tips: "Tips til elever",
       vacancies: "Ledige stillinger",
+      contact: "Kontakt oss",
     },
     otherLanguages: "Andre språk",
   },
@@ -581,6 +582,9 @@ const messages = {
     video: "Video",
     missing: "Ukjent",
     external: "Ekstern",
+    gloss: "Glose",
+    programme: "Programfag",
+    "podcast-series": "Podkast-serie",
   },
   modal: {
     closeModal: "Lukk",

package/src/locale/messages-nn.ts

@@ -557,6 +557,7 @@ const messages = {
       blog: "Fagblogg",
       tips: "Tips til elevar",
       vacancies: "Ledige stillingar",
+      contact: "Kontakt oss",
     },
     otherLanguages: "Andre språk",
   },
@@ -581,6 +582,9 @@ const messages = {
     video: "Video",
     missing: "Ukjent",
     external: "Ekstern",
+    gloss: "Glose",
+    programme: "Programfag",
+    "podcast-series": "Podkast-serie",
   },
   modal: {
     closeModal: "Lukk",

package/src/locale/messages-se.ts

@@ -558,6 +558,7 @@ const messages = {
       blog: "Fágablogga",
       tips: "Cavgileapmi ohppiide",
       vacancies: "Rabas virggit",
+      contact: "Kontakt oss",
     },
     otherLanguages: "Andre språk",
   },
@@ -582,6 +583,9 @@ const messages = {
     video: "Video",
     missing: "Ukjent",
     external: "Ekstern",
+    gloss: "Glose",
+    programme: "Programfag",
+    "podcast-series": "Podkast-serie",
   },
   modal: {
     closeModal: "Govčča",