@ndla/ui 3.1.0 → 3.1.1-alpha.8

package/lib/CopyParagraphButton/CopyParagraphButton.d.ts

@@ -5,8 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+import { ReactNode } from 'react';
 interface Props {
     title?: string | null;
+    children: ReactNode;
 }
-declare const CopyParagraphButton: ({ title }: Props) => JSX.Element | null;
+declare const CopyParagraphButton: ({ title, children }: Props) => JSX.Element | null;
 export default CopyParagraphButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "3.1.0",
+  "version": "3.1.1-alpha.8+b6417b53b",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -92,5 +92,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fa15cb6ceb74c400580f44372988b0d9d98e2f3d"
+  "gitHead": "b6417b53b0435caa66e40eef727e26c7724f7ba6"
 }

package/src/CopyParagraphButton/CopyParagraphButton.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { useEffect, useState } from 'react';
+import React, { ReactNode, useEffect, useState } from 'react';
 
 import styled from '@emotion/styled';
 import { Link } from '@ndla/icons/common';
@@ -46,9 +46,10 @@ const ContainerDiv = styled.div`
 
 interface Props {
   title?: string | null;
+  children: ReactNode;
 }
 
-const CopyParagraphButton = ({ title }: Props) => {
+const CopyParagraphButton = ({ title, children }: Props) => {
   const { t } = useTranslation();
   const [hasCopied, setHasCopied] = useState(false);
   useEffect(() => {
@@ -80,7 +81,7 @@ const CopyParagraphButton = ({ title }: Props) => {
         </Tooltip>
       </IconButton>
       <h2 id={sanitizedTitle} tabIndex={0}>
-        {title}
+        {children}
       </h2>
     </ContainerDiv>
   );

package/src/CopyParagraphButton/initCopyParagraphButtons.tsx

@@ -19,7 +19,8 @@ const forEachElement = (selector: string, callback: Function) => {
 const initCopyParagraphButtons = () => {
   forEachElement('[data-header-copy-container]', (el: HTMLElement) => {
     const title = el.getAttribute('data-title');
-    ReactDOM.hydrate(<CopyParagraphButton title={title} />, el);
+    const children = el.children;
+    ReactDOM.hydrate(<CopyParagraphButton title={title}>{children}</CopyParagraphButton>, el);
   });
 };
 

package/src/locale/messages-en.ts

@@ -134,7 +134,7 @@ const messages = {
       showingCompetenceGoalSearchPhrase: 'Showing results for competence goals {text}',
       searchPhraseSuggestion: 'Search instead for:',
       notionLabels: 'Used in',
-      notionsHeading: 'Begrepsforklaring',
+      notionsHeading: 'Explanations',
       notionsRemove: 'Remove',
       showVideo: 'Watch video',
       showNotion: 'Show notion',

package/src/locale/messages-nb.ts

@@ -765,8 +765,8 @@ const messages = {
     showLongerDescription: 'Vis hele emnebeskrivelsen',
     showShorterDescription: 'Skjul emnebeskrivelsen',
     topics: 'Emner',
-    additionalTopic: 'Tillegsemne',
-    additionalTopics: 'Tillegsemner',
+    additionalTopic: 'Tilleggsemne',
+    additionalTopics: 'Tilleggsemner',
     loadingText: 'Laster emne',
   },
   multidisciplinarySubject: {