@ndla/ui 6.2.1 → 8.0.0

package/src/Notion/Notion.tsx

@@ -8,7 +8,7 @@
 
 import styled from '@emotion/styled';
 import { useTranslation } from 'react-i18next';
-import HTMLReactParser from 'html-react-parser';
+import { parseMarkdown } from '@ndla/util';
 import React, { Fragment, ReactNode } from 'react';
 import { keyframes } from '@emotion/core';
 import Button from '@ndla/button';
@@ -174,7 +174,6 @@ type VisualElementProps = {
 export type NotionProps = {
   id: string | number;
   labels?: string[];
-  renderMarkdown?: (text: string) => string;
   text: ReactNode;
   title: string;
   visualElement?: VisualElementProps;
@@ -182,16 +181,7 @@ export type NotionProps = {
   children?: ReactNode;
 };
 
-const Notion = ({
-  id,
-  labels = [],
-  renderMarkdown,
-  text,
-  title,
-  visualElement,
-  imageElement,
-  children,
-}: NotionProps) => {
+const Notion = ({ id, labels = [], text, title, visualElement, imageElement, children }: NotionProps) => {
   const { t } = useTranslation();
 
   return (
@@ -224,9 +214,7 @@ const Notion = ({
           </ImageWrapper>
         )}
         <TextWrapper hasVisualElement={!!(imageElement || visualElement?.metaImage)}>
-          {HTMLReactParser(
-            renderMarkdown ? renderMarkdown(`**${title}** \u2013 ${text}`) : `<b>${title}</b> \u2013 ${text}`,
-          )}
+          {parseMarkdown(`**${title}** \u2013 ${text}`)}
           {!!labels.length && (
             <LabelsContainer>
               {t('searchPage.resultType.notionLabels')}

package/src/Notion/NotionVisualElement.tsx

@@ -24,7 +24,7 @@ interface Props {
   visualElement: NotionVisualElementType;
 }
 
-const supportedEmbedTypes = ['brightcove', 'h5p'];
+const supportedEmbedTypes = ['brightcove', 'h5p', 'iframe', 'external'];
 const NotionVisualElement = ({ visualElement }: Props) => {
   const id = '1';
   const figureId = 'figure-1';

package/src/SearchTypeResult/SearchItem.tsx

@@ -115,10 +115,6 @@ const ItemLink = styled(SafeLink)`
 const TextWrapper = styled.div`
   padding: 0 ${spacing.normal} ${spacing.small};
   transition: all ${animations.durations.fast} ease-in-out;
-  ${ItemWrapper}:hover & {
-    padding-left: calc(${spacing.normal} + 2px);
-    padding-right: calc(${spacing.normal} + 2px);
-  }
 `;
 
 const ItemTitleWrapper = styled.div<ItemTypeProps>`
@@ -153,10 +149,7 @@ const ItemText = styled.div<ItemTypeProps>`
     props.isTopic &&
     `
     ${fonts.sizes('18px', '28px')};
-    ${ItemWrapper}:hover & {
-    padding-left: 2px;
-    padding-right: 2px;
-  }`};
+    `};
 `;
 
 const ContextWrapper = styled.div`

package/src/locale/messages-en.ts

@@ -329,8 +329,8 @@ const messages = {
     feide: 'This resource is accessible only to teachers who are logged in with Feide.',
     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.',
+    subjectOutdated: 'This course is not updated to the current curriculum.',
+    subjectBeta: 'This course is in beta.',
     newVersion:
       'This learning resource is not updated to the current curriculum. You can find an updated version here: ',
     frontPageBeta:

package/src/locale/messages-nb.ts

@@ -328,8 +328,8 @@ 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 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.',
+    subjectOutdated: 'Dette faget følger en utgått læreplan.',
+    subjectBeta: 'Dette faget er i betaversjon.',
     newVersion:
       'Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: ',
     frontPageBeta:

package/src/locale/messages-nn.ts

@@ -329,8 +329,8 @@ 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 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.',
+    subjectOutdated: 'Dette faget følgjer ein utgått læreplan.',
+    subjectBeta: 'Dette faget er i betaversjon.',
     newVersion:
       'Denne læringsressursen er ikkje oppdatert etter gjeldande læreplan. Du finn ein oppdatert versjon her: ',
     frontPageBeta: