@ndla/ui 56.0.79-alpha.0 → 56.0.81-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -53,7 +53,7 @@ const AudioEmbed = _ref => {
53
53
  description: data.podcastMeta?.introduction ?? "",
54
54
  img: img,
55
55
  src: data.audioFile.url,
56
- textVersion: data.manuscript?.manuscript.length ? /*#__PURE__*/_jsx("span", {
56
+ textVersion: data.manuscript?.manuscript.length ? /*#__PURE__*/_jsx("div", {
57
57
  dangerouslySetInnerHTML: {
58
58
  __html: data.manuscript.manuscript
59
59
  }
@@ -269,8 +269,10 @@ const messages = {
269
269
  dialogText2: "Additional content is content in the subject that you can choose in addition to the core material. Through the additional subject, you can immerse yourself in a topic or approach yourself in a different way.",
270
270
  youAreHere: "You are here",
271
271
  trait: {
272
- video: "Video",
273
- h5p: "Interactive"
272
+ audio: "Audio",
273
+ h5p: "Interactive",
274
+ podcast: "Podcast",
275
+ video: "Video"
274
276
  }
275
277
  },
276
278
  messageBoxInfo: {
@@ -269,8 +269,10 @@ const messages = {
269
269
  dialogText2: "Tilleggsstoff er innhold i faget som du kan velge i tillegg til kjernestoffet. Gjennom tilleggsstoffet kan du fordype deg i et emne eller tilnærme deg emnet på en annen måte.",
270
270
  youAreHere: "Du er her",
271
271
  trait: {
272
- video: "Video",
273
- h5p: "Interaktiv"
272
+ audio: "Lyd",
273
+ h5p: "Interaktiv",
274
+ podcast: "Podkast",
275
+ video: "Video"
274
276
  }
275
277
  },
276
278
  messageBoxInfo: {
@@ -269,8 +269,10 @@ const messages = {
269
269
  dialogText2: "Tilleggsstoff er innhald du kan velje i tillegg til kjernestoffet. Gjennom dette kan du fordjupe deg i eit emne eller nærme deg emnet på ein annan måte.",
270
270
  youAreHere: "Du er her",
271
271
  trait: {
272
- video: "Video",
273
- h5p: "Interaktiv"
272
+ audio: "Lyd",
273
+ h5p: "Interaktiv",
274
+ podcast: "Podkast",
275
+ video: "Video"
274
276
  }
275
277
  },
276
278
  messageBoxInfo: {
@@ -269,8 +269,10 @@ const messages = {
269
269
  dialogText2: "Lassiávnnas lea sisdoallu fágas maid sáhtát lassin válljet guovddášávdnasii. Lassiávdnasa bokte sáhtát čiekŋudit iežat muhtin fáddái dahje lahkonaddat fáddái eará vugiin.",
270
270
  youAreHere: "Don leat dás",
271
271
  trait: {
272
- video: "Video",
273
- h5p: "Interaktiiva"
272
+ audio: "Jietna",
273
+ h5p: "Interaktiiva",
274
+ podcast: "Podkásta",
275
+ video: "Video"
274
276
  }
275
277
  },
276
278
  messageBoxInfo: {
@@ -269,8 +269,10 @@ const messages = {
269
269
  dialogText2: "Lissie-aamhtese lea faagesisvege maam maahtah lissine veeljedh jarnge-aamhtesasse. Maahtah veelebelaakan teemam goerehtidh jallh teemam jeatjahlaakan geatskanidh.",
270
270
  youAreHere: "Datne daesnie",
271
271
  trait: {
272
- video: "Videjove",
273
- h5p: "Interaktijve"
272
+ audio: "Tjoeje",
273
+ h5p: "Interaktijve",
274
+ podcast: "Podkast",
275
+ video: "Videjove"
274
276
  }
275
277
  },
276
278
  messageBoxInfo: {
@@ -61,7 +61,7 @@ const AudioEmbed = _ref => {
61
61
  description: data.podcastMeta?.introduction ?? "",
62
62
  img: img,
63
63
  src: data.audioFile.url,
64
- textVersion: data.manuscript?.manuscript.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
64
+ textVersion: data.manuscript?.manuscript.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
65
65
  dangerouslySetInnerHTML: {
66
66
  __html: data.manuscript.manuscript
67
67
  }
@@ -259,8 +259,10 @@ declare const messages: {
259
259
  dialogText2: string;
260
260
  youAreHere: string;
261
261
  trait: {
262
- video: string;
262
+ audio: string;
263
263
  h5p: string;
264
+ podcast: string;
265
+ video: string;
264
266
  };
265
267
  };
266
268
  messageBoxInfo: {
@@ -276,8 +276,10 @@ const messages = {
276
276
  dialogText2: "Additional content is content in the subject that you can choose in addition to the core material. Through the additional subject, you can immerse yourself in a topic or approach yourself in a different way.",
277
277
  youAreHere: "You are here",
278
278
  trait: {
279
- video: "Video",
280
- h5p: "Interactive"
279
+ audio: "Audio",
280
+ h5p: "Interactive",
281
+ podcast: "Podcast",
282
+ video: "Video"
281
283
  }
282
284
  },
283
285
  messageBoxInfo: {
@@ -259,8 +259,10 @@ declare const messages: {
259
259
  dialogText2: string;
260
260
  youAreHere: string;
261
261
  trait: {
262
- video: string;
262
+ audio: string;
263
263
  h5p: string;
264
+ podcast: string;
265
+ video: string;
264
266
  };
265
267
  };
266
268
  messageBoxInfo: {
@@ -276,8 +276,10 @@ const messages = {
276
276
  dialogText2: "Tilleggsstoff er innhold i faget som du kan velge i tillegg til kjernestoffet. Gjennom tilleggsstoffet kan du fordype deg i et emne eller tilnærme deg emnet på en annen måte.",
277
277
  youAreHere: "Du er her",
278
278
  trait: {
279
- video: "Video",
280
- h5p: "Interaktiv"
279
+ audio: "Lyd",
280
+ h5p: "Interaktiv",
281
+ podcast: "Podkast",
282
+ video: "Video"
281
283
  }
282
284
  },
283
285
  messageBoxInfo: {
@@ -259,8 +259,10 @@ declare const messages: {
259
259
  dialogText2: string;
260
260
  youAreHere: string;
261
261
  trait: {
262
- video: string;
262
+ audio: string;
263
263
  h5p: string;
264
+ podcast: string;
265
+ video: string;
264
266
  };
265
267
  };
266
268
  messageBoxInfo: {
@@ -276,8 +276,10 @@ const messages = {
276
276
  dialogText2: "Tilleggsstoff er innhald du kan velje i tillegg til kjernestoffet. Gjennom dette kan du fordjupe deg i eit emne eller nærme deg emnet på ein annan måte.",
277
277
  youAreHere: "Du er her",
278
278
  trait: {
279
- video: "Video",
280
- h5p: "Interaktiv"
279
+ audio: "Lyd",
280
+ h5p: "Interaktiv",
281
+ podcast: "Podkast",
282
+ video: "Video"
281
283
  }
282
284
  },
283
285
  messageBoxInfo: {
@@ -259,8 +259,10 @@ declare const messages: {
259
259
  dialogText2: string;
260
260
  youAreHere: string;
261
261
  trait: {
262
- video: string;
262
+ audio: string;
263
263
  h5p: string;
264
+ podcast: string;
265
+ video: string;
264
266
  };
265
267
  };
266
268
  messageBoxInfo: {
@@ -276,8 +276,10 @@ const messages = {
276
276
  dialogText2: "Lassiávnnas lea sisdoallu fágas maid sáhtát lassin válljet guovddášávdnasii. Lassiávdnasa bokte sáhtát čiekŋudit iežat muhtin fáddái dahje lahkonaddat fáddái eará vugiin.",
277
277
  youAreHere: "Don leat dás",
278
278
  trait: {
279
- video: "Video",
280
- h5p: "Interaktiiva"
279
+ audio: "Jietna",
280
+ h5p: "Interaktiiva",
281
+ podcast: "Podkásta",
282
+ video: "Video"
281
283
  }
282
284
  },
283
285
  messageBoxInfo: {
@@ -259,8 +259,10 @@ declare const messages: {
259
259
  dialogText2: string;
260
260
  youAreHere: string;
261
261
  trait: {
262
- video: string;
262
+ audio: string;
263
263
  h5p: string;
264
+ podcast: string;
265
+ video: string;
264
266
  };
265
267
  };
266
268
  messageBoxInfo: {
@@ -276,8 +276,10 @@ const messages = {
276
276
  dialogText2: "Lissie-aamhtese lea faagesisvege maam maahtah lissine veeljedh jarnge-aamhtesasse. Maahtah veelebelaakan teemam goerehtidh jallh teemam jeatjahlaakan geatskanidh.",
277
277
  youAreHere: "Datne daesnie",
278
278
  trait: {
279
- video: "Videjove",
280
- h5p: "Interaktijve"
279
+ audio: "Tjoeje",
280
+ h5p: "Interaktijve",
281
+ podcast: "Podkast",
282
+ video: "Videjove"
281
283
  }
282
284
  },
283
285
  messageBoxInfo: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/ui",
3
- "version": "56.0.79-alpha.0",
3
+ "version": "56.0.81-alpha.0",
4
4
  "description": "UI component library for NDLA",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -34,11 +34,11 @@
34
34
  "dependencies": {
35
35
  "@ndla/core": "^5.0.3",
36
36
  "@ndla/icons": "^8.0.48-alpha.0",
37
- "@ndla/licenses": "^8.0.5-alpha.0",
38
- "@ndla/primitives": "^1.0.63-alpha.0",
39
- "@ndla/safelink": "^7.0.64-alpha.0",
37
+ "@ndla/licenses": "^8.0.6-alpha.0",
38
+ "@ndla/primitives": "^1.0.65-alpha.0",
39
+ "@ndla/safelink": "^7.0.66-alpha.0",
40
40
  "@ndla/styled-system": "^0.0.29",
41
- "@ndla/util": "^5.0.4-alpha.0",
41
+ "@ndla/util": "^5.0.5-alpha.0",
42
42
  "html-react-parser": "^5.1.19",
43
43
  "i18next-browser-languagedetector": "^7.1.0"
44
44
  },
@@ -58,5 +58,5 @@
58
58
  "publishConfig": {
59
59
  "access": "public"
60
60
  },
61
- "gitHead": "e1109fda9f34b6ab504a45ce844b2f7fbfa374a9"
61
+ "gitHead": "3d07532b83827e3b1dd62cbcfbe316797db14d4e"
62
62
  }
@@ -53,7 +53,7 @@ const AudioEmbed = ({ embed, lang }: Props) => {
53
53
  src={data.audioFile.url}
54
54
  textVersion={
55
55
  data.manuscript?.manuscript.length ? (
56
- <span dangerouslySetInnerHTML={{ __html: data.manuscript.manuscript }} />
56
+ <div dangerouslySetInnerHTML={{ __html: data.manuscript.manuscript }} />
57
57
  ) : undefined
58
58
  }
59
59
  title={data.title.title}
@@ -50,7 +50,7 @@ const ExternalEmbed = ({ embed }: Props) => {
50
50
  if (embedData.type === "fullscreen") {
51
51
  const image = {
52
52
  src: data.iframeImage?.image.imageUrl ?? "",
53
- alt: embedData.alt !== undefined ? embedData.alt : data.iframeImage?.alttext?.alttext ?? "",
53
+ alt: embedData.alt !== undefined ? embedData.alt : (data.iframeImage?.alttext?.alttext ?? ""),
54
54
  };
55
55
  return (
56
56
  <Figure data-embed-type="external">
@@ -223,7 +223,7 @@ const ImageEmbed = ({ embed, previewAlt, lang, renderContext = "article", childr
223
223
 
224
224
  const licenseProps = licenseAttributes(data.copyright.license.license, lang, embedData.url);
225
225
 
226
- const figureSize = figureProps?.float ? figureProps?.size ?? "medium" : "full";
226
+ const figureSize = figureProps?.float ? (figureProps?.size ?? "medium") : "full";
227
227
 
228
228
  return (
229
229
  <StyledFigure
@@ -6,7 +6,6 @@
6
6
  *
7
7
  */
8
8
 
9
- /* eslint-env jest */
10
9
  import { formatNestedMessages } from "../formatNestedMessages";
11
10
 
12
11
  test("i18n formatNestedMessages()", () => {
@@ -274,8 +274,10 @@ const messages = {
274
274
  "Additional content is content in the subject that you can choose in addition to the core material. Through the additional subject, you can immerse yourself in a topic or approach yourself in a different way.",
275
275
  youAreHere: "You are here",
276
276
  trait: {
277
- video: "Video",
277
+ audio: "Audio",
278
278
  h5p: "Interactive",
279
+ podcast: "Podcast",
280
+ video: "Video",
279
281
  },
280
282
  },
281
283
  messageBoxInfo: {
@@ -275,8 +275,10 @@ const messages = {
275
275
  "Tilleggsstoff er innhold i faget som du kan velge i tillegg til kjernestoffet. Gjennom tilleggsstoffet kan du fordype deg i et emne eller tilnærme deg emnet på en annen måte.",
276
276
  youAreHere: "Du er her",
277
277
  trait: {
278
- video: "Video",
278
+ audio: "Lyd",
279
279
  h5p: "Interaktiv",
280
+ podcast: "Podkast",
281
+ video: "Video",
280
282
  },
281
283
  },
282
284
  messageBoxInfo: {
@@ -275,8 +275,10 @@ const messages = {
275
275
  "Tilleggsstoff er innhald du kan velje i tillegg til kjernestoffet. Gjennom dette kan du fordjupe deg i eit emne eller nærme deg emnet på ein annan måte.",
276
276
  youAreHere: "Du er her",
277
277
  trait: {
278
- video: "Video",
278
+ audio: "Lyd",
279
279
  h5p: "Interaktiv",
280
+ podcast: "Podkast",
281
+ video: "Video",
280
282
  },
281
283
  },
282
284
  messageBoxInfo: {
@@ -275,8 +275,10 @@ const messages = {
275
275
  "Lassiávnnas lea sisdoallu fágas maid sáhtát lassin válljet guovddášávdnasii. Lassiávdnasa bokte sáhtát čiekŋudit iežat muhtin fáddái dahje lahkonaddat fáddái eará vugiin.",
276
276
  youAreHere: "Don leat dás",
277
277
  trait: {
278
- video: "Video",
278
+ audio: "Jietna",
279
279
  h5p: "Interaktiiva",
280
+ podcast: "Podkásta",
281
+ video: "Video",
280
282
  },
281
283
  },
282
284
  messageBoxInfo: {
@@ -274,8 +274,10 @@ const messages = {
274
274
  "Lissie-aamhtese lea faagesisvege maam maahtah lissine veeljedh jarnge-aamhtesasse. Maahtah veelebelaakan teemam goerehtidh jallh teemam jeatjahlaakan geatskanidh.",
275
275
  youAreHere: "Datne daesnie",
276
276
  trait: {
277
- video: "Videjove",
277
+ audio: "Tjoeje",
278
278
  h5p: "Interaktijve",
279
+ podcast: "Podkast",
280
+ video: "Videjove",
279
281
  },
280
282
  },
281
283
  messageBoxInfo: {