@ndla/ui 41.0.1 → 41.0.3

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

@@ -269,6 +269,7 @@ declare const messages: {
         conceptListError: string;
         linkError: string;
         unsupported: string;
+        goTo: string;
         embedError: string;
         type: {
             image: string;

package/lib/locale/messages-en.js

@@ -560,7 +560,7 @@ var messages = _objectSpread(_objectSpread({
     },
     concept: {
       heading: 'How to reuse concept content',
-      description: 'You will find guidelines for use of concept content in the asset',
+      description: 'Remember that built-in content might have a different license than the explanation text',
       rules: 'Rules for use of concept:',
       title: 'Title',
       embedlink: {
@@ -1267,6 +1267,7 @@ var messages = _objectSpread(_objectSpread({
     conceptListError: 'Failed to show concept list',
     linkError: 'Failed to show link.',
     unsupported: "Embed {{type}} not supported.",
+    goTo: 'Go to {{type}}',
     embedError: "An error occurred while loading the {{type}}. Try reloading the page.",
     type: {
       image: 'Image',

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

@@ -269,6 +269,7 @@ declare const messages: {
         conceptListError: string;
         linkError: string;
         unsupported: string;
+        goTo: string;
         embedError: string;
         type: {
             image: string;

package/lib/locale/messages-nb.js

@@ -575,7 +575,7 @@ var messages = _objectSpread(_objectSpread({
     },
     concept: {
       heading: 'Slik gjenbruker du forklaringer',
-      description: 'Du finner retningslinjene for bruk av innholdet i forklaring-elementet',
+      description: 'Husk at innebygd innhold i en forklaring kan ha en annen lisens enn selve forklaringsteksten',
       rules: 'Regler for bruk av forklaring:',
       title: 'Tittel',
       embedlink: {
@@ -1267,6 +1267,7 @@ var messages = _objectSpread(_objectSpread({
     conceptListError: 'Klarte ikke å vise forklaringsliste',
     linkError: 'Klarte ikke å vise lenke.',
     unsupported: "Embed {{type}} er ikke st\xF8ttet.",
+    goTo: 'Gå til {{type}}',
     embedError: "Beklager, en feil oppstod ved lasting av {{type}}. Pr\xF8v \xE5 laste inn siden p\xE5 nytt.",
     type: {
       image: 'Bilde',

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

@@ -269,6 +269,7 @@ declare const messages: {
         conceptListError: string;
         linkError: string;
         unsupported: string;
+        goTo: string;
         embedError: string;
         type: {
             image: string;

package/lib/locale/messages-nn.js

@@ -581,7 +581,7 @@ var messages = _objectSpread(_objectSpread({
         hasCopiedTitle: 'Innbyggingslenke kopiert'
       },
       heading: 'Slik gjenbruker du forklaringar',
-      description: 'Du finn retningslinjene for bruk av innhaldet i forklaring-elementet',
+      description: 'Husk at innebygd innhald i ei forklaring kan ha ein anna lisens enn sjølve forklaringsteksten',
       rules: 'Reglar for bruk av forklaring:',
       title: 'Tittel'
     },
@@ -1267,6 +1267,7 @@ var messages = _objectSpread(_objectSpread({
     conceptListError: 'Klarte ikkje å vise forklaringsliste',
     linkError: 'Klarte ikkje å vise lenke.',
     unsupported: "Embed {{type}} er ikkje st\xF8tta.",
+    goTo: 'Gå til {{type}}',
     embedError: "Orsak, ein feil oppstod ved lasting av {{type}}. Pr\xF8v \xE5 laste inn sida p\xE5 nytt.",
     type: {
       image: 'Bilde',

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

@@ -269,6 +269,7 @@ declare const messages: {
         conceptListError: string;
         linkError: string;
         unsupported: string;
+        goTo: string;
         embedError: string;
         type: {
             image: string;

package/lib/locale/messages-se.js

@@ -575,7 +575,7 @@ var messages = _objectSpread(_objectSpread({
     },
     concept: {
       heading: 'Ná geavahat čilgehusaid ođđasit',
-      description: 'Njuolggadusaid sisdoalu geavaheapmái gávnnat čilgehus-elemeanttas',
+      description: 'Husk at innebygd innhald i ei forklaring kan ha ein anna lisens enn sjølve forklaringsteksten',
       rules: 'Njuolggadusat čilgehusa geavaheapmái:',
       title: 'Tihttel',
       embedlink: {
@@ -1267,6 +1267,7 @@ var messages = _objectSpread(_objectSpread({
     conceptListError: 'Ii sáhttán čájehit čilgehuslisttu',
     linkError: 'Ii sáhttán čájehit liŋkka.',
     unsupported: "Embed {{type}} ii dorjojuvvo.",
+    goTo: 'Gå til {{type}}',
     embedError: "Orsak, ein feil oppstod ved lasting av {{type}}. Pr\xF8v \xE5 laste inn sida p\xE5 nytt.",
     type: {
       image: 'Bilde',

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

@@ -269,6 +269,7 @@ declare const messages: {
         conceptListError: string;
         linkError: string;
         unsupported: string;
+        goTo: string;
         embedError: string;
         type: {
             image: string;

package/lib/locale/messages-sma.js

@@ -575,7 +575,7 @@ var messages = _objectSpread(_objectSpread({
     },
     concept: {
       heading: 'Slik gjenbruker du forklaringer',
-      description: 'Datne njoelkedassh sisvege-åtnoen bïjre gaavnh buerkiestimmiebiehkesne',
+      description: 'Husk at innebygd innhald i ei forklaring kan ha ein anna lisens enn sjølve forklaringsteksten',
       rules: 'Njoelkedassh guktie buerkiestimmiem nuhtjh:',
       title: 'Tihtele',
       embedlink: {
@@ -1267,6 +1267,7 @@ var messages = _objectSpread(_objectSpread({
     conceptListError: 'Klarte ikkje å vise forklaringsliste',
     linkError: 'Klarte ikkje å vise lenke.',
     unsupported: "Embed {{type}} er ikkje st\xF8tta.",
+    goTo: 'Gå til {{type}}',
     embedError: "Orsak, ein feil oppstod ved lasting av {{type}}. Pr\xF8v \xE5 laste inn sida p\xE5 nytt.",
     type: {
       image: 'Bilde',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "41.0.1",
+  "version": "41.0.3",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,21 +31,21 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^2.2.7",
+    "@ndla/accordion": "^2.2.8",
     "@ndla/article-scripts": "^3.0.18",
-    "@ndla/button": "^10.1.6",
-    "@ndla/carousel": "^3.1.4",
-    "@ndla/core": "^4.1.0",
-    "@ndla/forms": "^4.3.6",
+    "@ndla/button": "^10.1.7",
+    "@ndla/carousel": "^3.1.5",
+    "@ndla/core": "^4.1.1",
+    "@ndla/forms": "^4.3.7",
     "@ndla/hooks": "^2.0.7",
-    "@ndla/icons": "^3.0.2",
+    "@ndla/icons": "^3.0.3",
     "@ndla/licenses": "^7.0.4",
-    "@ndla/modal": "^3.0.4",
-    "@ndla/notion": "^5.0.4",
-    "@ndla/safelink": "^4.1.6",
-    "@ndla/switch": "^1.1.4",
-    "@ndla/tabs": "^3.0.0",
-    "@ndla/tooltip": "^4.1.6",
+    "@ndla/modal": "^3.0.5",
+    "@ndla/notion": "^5.0.5",
+    "@ndla/safelink": "^4.1.7",
+    "@ndla/switch": "^1.1.5",
+    "@ndla/tabs": "^3.0.1",
+    "@ndla/tooltip": "^4.1.7",
     "@ndla/util": "^3.1.13",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-popover": "^1.0.6",
@@ -74,8 +74,7 @@
   "devDependencies": {
     "@babel/plugin-proposal-optional-chaining": "^7.11.0",
     "@ndla/types-backend": "^0.2.5",
-    "@ndla/types-embed": "^2.0.3",
-    "@types/reach__dialog": "^0.1.0",
+    "@ndla/types-embed": "^2.0.4",
     "css-loader": "^6.7.3",
     "mini-css-extract-plugin": "^2.7.5",
     "sass-loader": "^13.2.2",
@@ -85,5 +84,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fa0ea0a3016d954806212f3cf8f5351da28bdcef"
+  "gitHead": "114d24a32a8a13f1feca024e2569d191da9a2abb"
 }

package/src/Embed/ImageEmbed.tsx

@@ -125,7 +125,7 @@ const ImageEmbed = ({ embed, previewAlt, heartButton: HeartButton }: Props) => {
       type={imageSizes ? undefined : figureType}
       className={imageSizes ? 'c-figure--right expanded' : ''}
     >
-      <ImageWrapper src={data.image.imageUrl} crop={crop} size={embedData.size}>
+      <ImageWrapper src={embedData.pageUrl || data.image.imageUrl} crop={crop} size={embedData.size}>
         <Image
           focalPoint={focalPoint}
           contentType={data.image.contentType}

package/src/LicenseByline/LicenseLink.tsx

@@ -33,7 +33,11 @@ const StyledSpan = styled.span`
 
 const LicenseLink = ({ license, asLink = true }: Props) => {
   if (asLink) {
-    return <StyledSafeLink to={license.url}>{license.abbreviation}</StyledSafeLink>;
+    return (
+      <StyledSafeLink to={license.url} rel="license">
+        {license.abbreviation}
+      </StyledSafeLink>
+    );
   } else {
     return <StyledSpan>{license.abbreviation}</StyledSpan>;
   }

package/src/locale/messages-en.ts

@@ -594,7 +594,7 @@ const messages = {
     },
     concept: {
       heading: 'How to reuse concept content',
-      description: 'You will find guidelines for use of concept content in the asset',
+      description: 'Remember that built-in content might have a different license than the explanation text',
       rules: 'Rules for use of concept:',
       title: 'Title',
       embedlink: {
@@ -1315,6 +1315,7 @@ const messages = {
     conceptListError: 'Failed to show concept list',
     linkError: 'Failed to show link.',
     unsupported: `Embed {{type}} not supported.`,
+    goTo: 'Go to {{type}}',
     embedError: `An error occurred while loading the {{type}}. Try reloading the page.`,
     type: {
       image: 'Image',

package/src/locale/messages-nb.ts

@@ -608,7 +608,7 @@ const messages = {
     },
     concept: {
       heading: 'Slik gjenbruker du forklaringer',
-      description: 'Du finner retningslinjene for bruk av innholdet i forklaring-elementet',
+      description: 'Husk at innebygd innhold i en forklaring kan ha en annen lisens enn selve forklaringsteksten',
       rules: 'Regler for bruk av forklaring:',
       title: 'Tittel',
       embedlink: {
@@ -1311,6 +1311,7 @@ const messages = {
     conceptListError: 'Klarte ikke å vise forklaringsliste',
     linkError: 'Klarte ikke å vise lenke.',
     unsupported: `Embed {{type}} er ikke støttet.`,
+    goTo: 'Gå til {{type}}',
     embedError: `Beklager, en feil oppstod ved lasting av {{type}}. Prøv å laste inn siden på nytt.`,
     type: {
       image: 'Bilde',

package/src/locale/messages-nn.ts

@@ -614,7 +614,7 @@ const messages = {
         hasCopiedTitle: 'Innbyggingslenke kopiert',
       },
       heading: 'Slik gjenbruker du forklaringar',
-      description: 'Du finn retningslinjene for bruk av innhaldet i forklaring-elementet',
+      description: 'Husk at innebygd innhald i ei forklaring kan ha ein anna lisens enn sjølve forklaringsteksten',
       rules: 'Reglar for bruk av forklaring:',
       title: 'Tittel',
     },
@@ -1311,6 +1311,7 @@ const messages = {
     conceptListError: 'Klarte ikkje å vise forklaringsliste',
     linkError: 'Klarte ikkje å vise lenke.',
     unsupported: `Embed {{type}} er ikkje støtta.`,
+    goTo: 'Gå til {{type}}',
     embedError: `Orsak, ein feil oppstod ved lasting av {{type}}. Prøv å laste inn sida på nytt.`,
     type: {
       image: 'Bilde',

package/src/locale/messages-se.ts

@@ -609,7 +609,7 @@ const messages = {
     },
     concept: {
       heading: 'Ná geavahat čilgehusaid ođđasit',
-      description: 'Njuolggadusaid sisdoalu geavaheapmái gávnnat čilgehus-elemeanttas',
+      description: 'Husk at innebygd innhald i ei forklaring kan ha ein anna lisens enn sjølve forklaringsteksten',
       rules: 'Njuolggadusat čilgehusa geavaheapmái:',
       title: 'Tihttel',
       embedlink: {
@@ -1312,6 +1312,7 @@ const messages = {
     conceptListError: 'Ii sáhttán čájehit čilgehuslisttu',
     linkError: 'Ii sáhttán čájehit liŋkka.',
     unsupported: `Embed {{type}} ii dorjojuvvo.`,
+    goTo: 'Gå til {{type}}',
     embedError: `Orsak, ein feil oppstod ved lasting av {{type}}. Prøv å laste inn sida på nytt.`,
     type: {
       image: 'Bilde',

package/src/locale/messages-sma.ts

@@ -611,7 +611,7 @@ const messages = {
     },
     concept: {
       heading: 'Slik gjenbruker du forklaringer',
-      description: 'Datne njoelkedassh sisvege-åtnoen bïjre gaavnh buerkiestimmiebiehkesne',
+      description: 'Husk at innebygd innhald i ei forklaring kan ha ein anna lisens enn sjølve forklaringsteksten',
       rules: 'Njoelkedassh guktie buerkiestimmiem nuhtjh:',
       title: 'Tihtele',
       embedlink: {
@@ -1316,6 +1316,7 @@ const messages = {
     conceptListError: 'Klarte ikkje å vise forklaringsliste',
     linkError: 'Klarte ikkje å vise lenke.',
     unsupported: `Embed {{type}} er ikkje støtta.`,
+    goTo: 'Gå til {{type}}',
     embedError: `Orsak, ein feil oppstod ved lasting av {{type}}. Prøv å laste inn sida på nytt.`,
     type: {
       image: 'Bilde',