@ndla/ui 55.0.15-alpha.0 → 55.0.17-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.
- package/dist/panda.buildinfo.json +125 -29
- package/dist/styles.css +453 -103
- package/es/Article/Article.js +101 -162
- package/es/Article/ArticleByline.js +89 -56
- package/es/Article/ArticleFootNotes.js +35 -23
- package/es/Article/ArticleParagraph.js +2 -2
- package/es/Article/index.js +3 -5
- package/es/AudioPlayer/AudioPlayer.js +20 -20
- package/es/AudioPlayer/Controls.js +45 -45
- package/es/AudioPlayer/SpeechControl.js +8 -8
- package/es/BlogPost/BlogPost.js +6 -6
- package/es/Breadcrumb/Breadcrumb.js +19 -29
- package/es/Breadcrumb/BreadcrumbItem.js +20 -49
- package/es/Breadcrumb/HomeBreadcrumb.js +36 -82
- package/es/CampaignBlock/CampaignBlock.js +12 -12
- package/es/CodeBlock/CodeBlock.js +2 -2
- package/es/Concept/Concept.js +11 -11
- package/es/ContactBlock/ContactBlock.js +170 -185
- package/es/ContactBlock/index.js +3 -3
- package/es/ContentLoader/index.js +12 -12
- package/es/ContentPlaceholder/ContentPlaceholder.js +3 -3
- package/es/ContentTypeBadge/ContentTypeBadge.js +81 -80
- package/es/ContentTypeBadge/ContentTypeBadgeNew.js +3 -2
- package/es/ContentTypeHero/ContentTypeHero.js +50 -0
- package/es/{Logo → ContentTypeHero}/index.js +2 -3
- package/es/CopyParagraphButton/CopyParagraphButton.js +13 -12
- package/es/Embed/AudioEmbed.js +7 -7
- package/es/Embed/BrightcoveEmbed.js +8 -8
- package/es/Embed/CodeEmbed.js +6 -6
- package/es/Embed/ConceptEmbed.js +13 -13
- package/es/Embed/ConceptListEmbed.js +9 -9
- package/es/Embed/ContentLinkEmbed.js +6 -6
- package/es/Embed/CopyrightEmbed.js +3 -3
- package/es/Embed/EmbedErrorPlaceholder.js +5 -5
- package/es/Embed/ExternalEmbed.js +5 -5
- package/es/Embed/FootnoteEmbed.js +5 -5
- package/es/Embed/GlossEmbed.js +11 -11
- package/es/Embed/H5pEmbed.js +5 -5
- package/es/Embed/IframeEmbed.js +6 -6
- package/es/Embed/ImageEmbed.js +10 -10
- package/es/Embed/InlineTriggerButton.js +2 -2
- package/es/Embed/RelatedContentEmbed.js +5 -5
- package/es/Embed/UnknownEmbed.js +3 -3
- package/es/Embed/UuDisclaimerEmbed.js +6 -6
- package/es/ErrorMessage/ErrorMessage.js +14 -14
- package/es/ErrorMessage/ErrorResourceAccessDenied.js +6 -6
- package/es/FactBox/FactBox.js +5 -5
- package/es/FileList/File.js +3 -3
- package/es/FileList/FileList.js +6 -6
- package/es/FileList/Format.js +6 -6
- package/es/FileList/PdfFile.js +5 -5
- package/es/FrontpageArticle/FrontpageArticle.js +7 -8
- package/es/Gloss/Gloss.js +23 -23
- package/es/Gloss/GlossExample.js +9 -9
- package/es/Grid/Grid.js +4 -4
- package/es/KeyFigure/KeyFigure.js +5 -5
- package/es/Layout/LayoutItem.js +25 -37
- package/es/Layout/OneColumn.js +33 -31
- package/es/Layout/PageContainer.js +21 -30
- package/es/LicenseByline/EmbedByline.js +21 -21
- package/es/LicenseByline/LicenseLink.js +3 -3
- package/es/LinkBlock/LinkBlock.js +8 -8
- package/es/LinkBlock/LinkBlockSection.js +4 -4
- package/es/Messages/MessageBox.js +11 -11
- package/es/Messages/index.js +1 -2
- package/es/ProgrammeCard/ProgrammeCard.js +5 -5
- package/es/RelatedArticleList/RelatedArticleList.js +15 -15
- package/es/ResourceBox/ResourceBox.js +9 -9
- package/es/SnackBar/DefaultSnackbar.js +5 -5
- package/es/SnackBar/SnackbarProvider.js +7 -7
- package/es/TagSelector/TagSelector.js +17 -17
- package/es/TreeStructure/AddFolderButton.js +4 -4
- package/es/TreeStructure/ComboboxButton.js +7 -7
- package/es/TreeStructure/FolderItem.js +13 -13
- package/es/TreeStructure/FolderItems.js +6 -6
- package/es/TreeStructure/TreeStructure.js +9 -9
- package/es/ZendeskButton/ZendeskButton.js +2 -2
- package/es/i18n/index.js +1 -1
- package/es/index.js +5 -12
- package/es/locale/messages-en.js +1 -1
- package/es/locale/messages-nb.js +1 -1
- package/es/locale/messages-nn.js +1 -1
- package/es/locale/messages-se.js +1 -1
- package/es/locale/messages-sma.js +1 -1
- package/es/model/ContentType.js +3 -1
- package/es/styles.css +453 -103
- package/lib/Article/Article.d.ts +9 -30
- package/lib/Article/Article.js +104 -164
- package/lib/Article/ArticleByline.d.ts +1 -3
- package/lib/Article/ArticleByline.js +89 -56
- package/lib/Article/ArticleFootNotes.js +35 -24
- package/lib/Article/ArticleParagraph.js +2 -2
- package/lib/Article/index.d.ts +2 -5
- package/lib/Article/index.js +18 -24
- package/lib/AudioPlayer/AudioPlayer.js +20 -20
- package/lib/AudioPlayer/Controls.js +45 -45
- package/lib/AudioPlayer/SpeechControl.js +8 -8
- package/lib/BlogPost/BlogPost.js +6 -6
- package/lib/Breadcrumb/Breadcrumb.js +21 -29
- package/lib/Breadcrumb/BreadcrumbItem.js +22 -50
- package/lib/Breadcrumb/HomeBreadcrumb.d.ts +1 -2
- package/lib/Breadcrumb/HomeBreadcrumb.js +38 -82
- package/lib/CampaignBlock/CampaignBlock.js +12 -12
- package/lib/CodeBlock/CodeBlock.js +2 -2
- package/lib/Concept/Concept.js +11 -11
- package/lib/ContactBlock/ContactBlock.d.ts +6 -7
- package/lib/ContactBlock/ContactBlock.js +173 -184
- package/lib/ContactBlock/index.d.ts +3 -3
- package/lib/ContactBlock/index.js +13 -11
- package/lib/ContentLoader/index.js +12 -12
- package/lib/ContentPlaceholder/ContentPlaceholder.js +3 -3
- package/lib/ContentTypeBadge/ContentTypeBadge.d.ts +11 -12
- package/lib/ContentTypeBadge/ContentTypeBadge.js +83 -80
- package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts +1 -2
- package/lib/ContentTypeBadge/ContentTypeBadgeNew.js +3 -2
- package/lib/ContentTypeHero/ContentTypeHero.d.ts +15 -0
- package/lib/ContentTypeHero/ContentTypeHero.js +57 -0
- package/lib/ContentTypeHero/index.d.ts +9 -0
- package/lib/ContentTypeHero/index.js +12 -0
- package/lib/CopyParagraphButton/CopyParagraphButton.js +13 -12
- package/lib/Embed/AudioEmbed.js +7 -7
- package/lib/Embed/BrightcoveEmbed.js +8 -8
- package/lib/Embed/CodeEmbed.js +6 -6
- package/lib/Embed/ConceptEmbed.js +13 -13
- package/lib/Embed/ConceptListEmbed.js +9 -9
- package/lib/Embed/ContentLinkEmbed.js +6 -6
- package/lib/Embed/CopyrightEmbed.js +3 -3
- package/lib/Embed/EmbedErrorPlaceholder.js +5 -5
- package/lib/Embed/ExternalEmbed.js +5 -5
- package/lib/Embed/FootnoteEmbed.js +5 -5
- package/lib/Embed/GlossEmbed.js +11 -11
- package/lib/Embed/H5pEmbed.js +5 -5
- package/lib/Embed/IframeEmbed.js +6 -6
- package/lib/Embed/ImageEmbed.js +10 -10
- package/lib/Embed/InlineTriggerButton.js +2 -2
- package/lib/Embed/RelatedContentEmbed.js +5 -5
- package/lib/Embed/UnknownEmbed.js +3 -3
- package/lib/Embed/UuDisclaimerEmbed.js +6 -6
- package/lib/ErrorMessage/ErrorMessage.js +14 -14
- package/lib/ErrorMessage/ErrorResourceAccessDenied.js +6 -6
- package/lib/FactBox/FactBox.js +5 -5
- package/lib/FileList/File.js +3 -3
- package/lib/FileList/FileList.js +6 -6
- package/lib/FileList/Format.js +6 -6
- package/lib/FileList/PdfFile.js +5 -5
- package/lib/FrontpageArticle/FrontpageArticle.js +7 -8
- package/lib/Gloss/Gloss.js +23 -23
- package/lib/Gloss/GlossExample.js +9 -9
- package/lib/Grid/Grid.js +4 -4
- package/lib/KeyFigure/KeyFigure.js +5 -5
- package/lib/Layout/LayoutItem.d.ts +3 -7
- package/lib/Layout/LayoutItem.js +27 -38
- package/lib/Layout/OneColumn.d.ts +3 -6
- package/lib/Layout/OneColumn.js +36 -33
- package/lib/Layout/PageContainer.d.ts +3 -6
- package/lib/Layout/PageContainer.js +24 -32
- package/lib/LicenseByline/EmbedByline.js +21 -21
- package/lib/LicenseByline/LicenseLink.js +3 -3
- package/lib/LinkBlock/LinkBlock.js +8 -8
- package/lib/LinkBlock/LinkBlockSection.js +4 -4
- package/lib/Messages/MessageBox.js +11 -11
- package/lib/Messages/index.d.ts +1 -2
- package/lib/Messages/index.js +0 -7
- package/lib/ProgrammeCard/ProgrammeCard.js +5 -5
- package/lib/RelatedArticleList/RelatedArticleList.js +15 -15
- package/lib/ResourceBox/ResourceBox.js +9 -9
- package/lib/SnackBar/DefaultSnackbar.js +5 -5
- package/lib/SnackBar/SnackbarProvider.js +7 -7
- package/lib/TagSelector/TagSelector.js +17 -17
- package/lib/TreeStructure/AddFolderButton.js +4 -4
- package/lib/TreeStructure/ComboboxButton.js +7 -7
- package/lib/TreeStructure/FolderItem.js +13 -13
- package/lib/TreeStructure/FolderItems.js +6 -6
- package/lib/TreeStructure/TreeStructure.js +9 -9
- package/lib/ZendeskButton/ZendeskButton.js +2 -2
- package/lib/i18n/index.d.ts +1 -1
- package/lib/i18n/index.js +6 -0
- package/lib/index.d.ts +8 -15
- package/lib/index.js +30 -139
- package/lib/locale/messages-en.js +1 -1
- package/lib/locale/messages-nb.js +1 -1
- package/lib/locale/messages-nn.js +1 -1
- package/lib/locale/messages-se.js +1 -1
- package/lib/locale/messages-sma.js +1 -1
- package/lib/model/ContentType.d.ts +1 -0
- package/lib/model/ContentType.js +4 -2
- package/lib/styles.css +453 -103
- package/package.json +10 -11
- package/src/Article/Article.tsx +101 -229
- package/src/Article/ArticleByline.tsx +82 -69
- package/src/Article/ArticleFootNotes.tsx +32 -36
- package/src/Article/index.ts +3 -7
- package/src/Breadcrumb/Breadcrumb.tsx +20 -18
- package/src/Breadcrumb/BreadcrumbItem.tsx +36 -59
- package/src/Breadcrumb/HomeBreadcrumb.stories.tsx +0 -12
- package/src/Breadcrumb/HomeBreadcrumb.tsx +33 -46
- package/src/ContactBlock/{Contactblock.stories.tsx → ContactBlock.stories.tsx} +3 -4
- package/src/ContactBlock/ContactBlock.tsx +165 -199
- package/src/ContactBlock/index.ts +3 -3
- package/src/ContentTypeBadge/ContentTypeBadge.tsx +77 -77
- package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx +3 -1
- package/src/ContentTypeHero/ContentTypeHero.stories.tsx +76 -0
- package/src/ContentTypeHero/ContentTypeHero.tsx +55 -0
- package/src/ContentTypeHero/index.ts +10 -0
- package/src/CopyParagraphButton/CopyParagraphButton.tsx +10 -3
- package/src/Embed/AudioEmbed.stories.tsx +6 -8
- package/src/Embed/BrightcoveEmbed.stories.tsx +6 -8
- package/src/Embed/ConceptEmbed.stories.tsx +6 -8
- package/src/Embed/ExternalEmbed.stories.tsx +5 -5
- package/src/Embed/H5pEmbed.stories.tsx +6 -8
- package/src/Embed/IframeEmbed.stories.tsx +6 -8
- package/src/Embed/ImageEmbed.stories.tsx +6 -8
- package/src/Embed/RelatedContentEmbed.stories.tsx +6 -8
- package/src/Embed/UuDisclaimerEmbed.stories.tsx +6 -8
- package/src/FrontpageArticle/FrontpageArticle.tsx +1 -1
- package/src/Layout/LayoutItem.tsx +25 -41
- package/src/Layout/OneColumn.tsx +33 -33
- package/src/Layout/PageContainer.tsx +22 -24
- package/src/Messages/index.ts +1 -2
- package/src/i18n/index.ts +1 -0
- package/src/index.ts +11 -35
- package/src/locale/messages-en.ts +1 -1
- package/src/locale/messages-nb.ts +1 -1
- package/src/locale/messages-nn.ts +1 -1
- package/src/locale/messages-se.ts +1 -1
- package/src/locale/messages-sma.ts +1 -1
- package/src/model/ContentType.ts +2 -0
- package/es/Article/ArticleHeaderWrapper.js +0 -33
- package/es/CreatedBy/CreatedBy.js +0 -73
- package/es/CreatedBy/index.js +0 -10
- package/es/Hero/Hero.js +0 -68
- package/es/Hero/HeroContent.js +0 -16
- package/es/Hero/index.js +0 -10
- package/es/LanguageSelector/LanguageSelector.js +0 -87
- package/es/LanguageSelector/index.js +0 -10
- package/es/Logo/Logo.js +0 -52
- package/es/Logo/SvgLogo.js +0 -54
- package/es/Messages/MessageBanner.js +0 -72
- package/es/Search/ActiveFilterContent.js +0 -40
- package/es/Search/ActiveFilters.js +0 -112
- package/es/Search/ContentTypeResult.js +0 -151
- package/es/Search/ContentTypeResultStyles.js +0 -51
- package/es/Search/IsPathToHighlight.js +0 -12
- package/es/Search/LoadingWrapper.js +0 -31
- package/es/Search/SearchField.js +0 -110
- package/es/Search/SearchFieldForm.js +0 -33
- package/es/Search/SearchResult.js +0 -185
- package/es/Search/SearchResultSleeve.js +0 -229
- package/es/Search/index.js +0 -12
- package/lib/Article/ArticleHeaderWrapper.d.ts +0 -14
- package/lib/Article/ArticleHeaderWrapper.js +0 -40
- package/lib/CreatedBy/CreatedBy.d.ts +0 -15
- package/lib/CreatedBy/CreatedBy.js +0 -78
- package/lib/CreatedBy/index.d.ts +0 -9
- package/lib/CreatedBy/index.js +0 -16
- package/lib/Hero/Hero.d.ts +0 -25
- package/lib/Hero/Hero.js +0 -83
- package/lib/Hero/HeroContent.d.ts +0 -12
- package/lib/Hero/HeroContent.js +0 -23
- package/lib/Hero/index.d.ts +0 -10
- package/lib/Hero/index.js +0 -61
- package/lib/LanguageSelector/LanguageSelector.d.ts +0 -15
- package/lib/LanguageSelector/LanguageSelector.js +0 -92
- package/lib/LanguageSelector/index.d.ts +0 -9
- package/lib/LanguageSelector/index.js +0 -13
- package/lib/Logo/Logo.d.ts +0 -20
- package/lib/Logo/Logo.js +0 -58
- package/lib/Logo/SvgLogo.d.ts +0 -14
- package/lib/Logo/SvgLogo.js +0 -62
- package/lib/Logo/index.d.ts +0 -9
- package/lib/Logo/index.js +0 -16
- package/lib/Messages/MessageBanner.d.ts +0 -16
- package/lib/Messages/MessageBanner.js +0 -77
- package/lib/Search/ActiveFilterContent.d.ts +0 -23
- package/lib/Search/ActiveFilterContent.js +0 -47
- package/lib/Search/ActiveFilters.d.ts +0 -19
- package/lib/Search/ActiveFilters.js +0 -119
- package/lib/Search/ContentTypeResult.d.ts +0 -29
- package/lib/Search/ContentTypeResult.js +0 -159
- package/lib/Search/ContentTypeResultStyles.d.ts +0 -45
- package/lib/Search/ContentTypeResultStyles.js +0 -58
- package/lib/Search/IsPathToHighlight.d.ts +0 -8
- package/lib/Search/IsPathToHighlight.js +0 -19
- package/lib/Search/LoadingWrapper.d.ts +0 -12
- package/lib/Search/LoadingWrapper.js +0 -38
- package/lib/Search/SearchField.d.ts +0 -25
- package/lib/Search/SearchField.js +0 -117
- package/lib/Search/SearchFieldForm.d.ts +0 -15
- package/lib/Search/SearchFieldForm.js +0 -41
- package/lib/Search/SearchResult.d.ts +0 -43
- package/lib/Search/SearchResult.js +0 -194
- package/lib/Search/SearchResultSleeve.d.ts +0 -25
- package/lib/Search/SearchResultSleeve.js +0 -237
- package/lib/Search/index.d.ts +0 -11
- package/lib/Search/index.js +0 -33
- package/src/Article/ArticleHeaderWrapper.tsx +0 -38
- package/src/CreatedBy/CreatedBy.stories.tsx +0 -36
- package/src/CreatedBy/CreatedBy.tsx +0 -63
- package/src/CreatedBy/index.ts +0 -11
- package/src/Hero/Hero.stories.tsx +0 -35
- package/src/Hero/Hero.tsx +0 -129
- package/src/Hero/HeroContent.tsx +0 -43
- package/src/Hero/index.ts +0 -21
- package/src/LanguageSelector/LanguageSelector.stories.tsx +0 -44
- package/src/LanguageSelector/LanguageSelector.tsx +0 -101
- package/src/LanguageSelector/index.ts +0 -11
- package/src/Logo/Logo.stories.tsx +0 -47
- package/src/Logo/Logo.tsx +0 -47
- package/src/Logo/SvgLogo.tsx +0 -48
- package/src/Logo/index.ts +0 -11
- package/src/Messages/MessageBanner.stories.tsx +0 -31
- package/src/Messages/MessageBanner.tsx +0 -67
- package/src/Search/ActiveFilterContent.tsx +0 -64
- package/src/Search/ActiveFilters.tsx +0 -145
- package/src/Search/ContentTypeResult.tsx +0 -190
- package/src/Search/ContentTypeResultStyles.tsx +0 -172
- package/src/Search/IsPathToHighlight.ts +0 -12
- package/src/Search/LoadingWrapper.tsx +0 -44
- package/src/Search/SearchField.tsx +0 -175
- package/src/Search/SearchFieldForm.tsx +0 -64
- package/src/Search/SearchResult.tsx +0 -368
- package/src/Search/SearchResultSleeve.tsx +0 -367
- package/src/Search/__tests__/Highlight-test.ts +0 -66
- package/src/Search/index.ts +0 -14
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2024-present, NDLA.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
export { ContentTypeHero } from "./ContentTypeHero";
|
|
9
|
+
export type { ContentTypeHeroProps } from "./ContentTypeHero";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "ContentTypeHero", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _ContentTypeHero.ContentTypeHero;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _ContentTypeHero = require("./ContentTypeHero");
|
|
@@ -11,7 +11,7 @@ var _core = require("@ndla/core");
|
|
|
11
11
|
var _common = require("@ndla/icons/common");
|
|
12
12
|
var _tooltip = require("@ndla/tooltip");
|
|
13
13
|
var _util = require("@ndla/util");
|
|
14
|
-
var _jsxRuntime = require("
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
16
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
|
|
17
17
|
* Copyright (c) 2021-present, NDLA.
|
|
@@ -24,18 +24,18 @@ const ContainerDiv = /*#__PURE__*/(0, _base.default)("div", {
|
|
|
24
24
|
target: "e18czas71",
|
|
25
25
|
label: "ContainerDiv"
|
|
26
26
|
})(process.env.NODE_ENV === "production" ? {
|
|
27
|
-
name: "
|
|
28
|
-
styles: "position:relative"
|
|
27
|
+
name: "w6zggb",
|
|
28
|
+
styles: "position:relative;&:hover{[data-copy-button]{opacity:1;cursor:pointer;}}"
|
|
29
29
|
} : {
|
|
30
|
-
name: "
|
|
31
|
-
styles: "position:relative",
|
|
32
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
name: "w6zggb",
|
|
31
|
+
styles: "position:relative;&:hover{[data-copy-button]{opacity:1;cursor:pointer;}}",
|
|
32
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCK0IiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IExpbmsgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIkBuZGxhL3Rvb2x0aXBcIjtcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tIFwiQG5kbGEvdXRpbFwiO1xuXG5jb25zdCBDb250YWluZXJEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6aG92ZXIge1xuICAgIFtkYXRhLWNvcHktYnV0dG9uXSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG4gIHRyYW5zaXRpb246IDAuMnM7XG4gIG9wYWNpdHk6IDA7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5cbiAgJjpmb2N1cyxcbiAgJjpmb2N1cy12aXNpYmxlLFxuICAmOmFjdGl2ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIC8vIFdoYXQgdG8gcmVuZGVyIHdpdGhpbiB0aGUgaDJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29weVRleHQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn1cbmNvbnN0IENvcHlQYXJhZ3JhcGhCdXR0b24gPSAoeyBjaGlsZHJlbiwgY29weVRleHQsIGxhbmcgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2hhc0NvcGllZCwgc2V0SGFzQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBzYW5pdGl6ZWRUaXRsZSA9IHVzZU1lbW8oKCkgPT4gZW5jb2RlVVJJQ29tcG9uZW50KGNvcHlUZXh0LnJlcGxhY2UoLyAvZywgXCItXCIpKSwgW2NvcHlUZXh0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCB7IGxvY2F0aW9uIH0gPSB3aW5kb3c7XG4gICAgY29uc3QgbmV3SGFzaCA9IGAjJHtzYW5pdGl6ZWRUaXRsZX1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6IFwiXCI7XG4gICAgY29uc3QgdXJsVG9Db3B5ID0gYCR7bG9jYXRpb24ucHJvdG9jb2x9Ly8ke2xvY2F0aW9uLmhvc3RuYW1lfSR7cG9ydH0ke2xvY2F0aW9uLnBhdGhuYW1lfSR7bG9jYXRpb24uc2VhcmNofSR7bmV3SGFzaH1gO1xuXG4gICAgY29weVRleHRUb0NsaXBib2FyZCh1cmxUb0NvcHkpO1xuICB9LCBbc2FuaXRpemVkVGl0bGVdKTtcblxuICBjb25zdCB0b29sdGlwID0gaGFzQ29waWVkID8gdChcImFydGljbGUuY29weVBhZ2VMaW5rQ29waWVkXCIpIDogdChcImFydGljbGUuY29weUhlYWRlckxpbmtcIik7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lckRpdj5cbiAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICA8SWNvbkJ1dHRvbiBkYXRhLWNvcHktYnV0dG9uPVwiXCIgb25DbGljaz17b25Db3B5Q2xpY2t9IGFyaWEtbGFiZWw9e2Ake3Rvb2x0aXB9OiAke2NvcHlUZXh0fWB9PlxuICAgICAgICAgIDxMaW5rIC8+XG4gICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICAgIDxoMiBpZD17c2FuaXRpemVkVGl0bGV9IHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvaDI+XG4gICAgPC9Db250YWluZXJEaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb3B5UGFyYWdyYXBoQnV0dG9uO1xuIl19 */",
|
|
33
33
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
34
34
|
});
|
|
35
35
|
const IconButton = /*#__PURE__*/(0, _base.default)("button", {
|
|
36
36
|
target: "e18czas70",
|
|
37
37
|
label: "IconButton"
|
|
38
|
-
})("position:absolute;left:-3em;top:0.1em;background:none;border:0;z-index:", _core.stackOrder.offsetSingle, ";transition:0.2s;opacity:0;color:", _core.colors.brand.grey, ";& svg{width:30px;height:30px;}
|
|
38
|
+
})("position:absolute;left:-3em;top:0.1em;background:none;border:0;z-index:", _core.stackOrder.offsetSingle, ";transition:0.2s;opacity:0;color:", _core.colors.brand.grey, ";& svg{width:30px;height:30px;}&:focus,&:focus-visible,&:active{cursor:pointer;opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCZ0MiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IExpbmsgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIkBuZGxhL3Rvb2x0aXBcIjtcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tIFwiQG5kbGEvdXRpbFwiO1xuXG5jb25zdCBDb250YWluZXJEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6aG92ZXIge1xuICAgIFtkYXRhLWNvcHktYnV0dG9uXSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG4gIHRyYW5zaXRpb246IDAuMnM7XG4gIG9wYWNpdHk6IDA7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5cbiAgJjpmb2N1cyxcbiAgJjpmb2N1cy12aXNpYmxlLFxuICAmOmFjdGl2ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIC8vIFdoYXQgdG8gcmVuZGVyIHdpdGhpbiB0aGUgaDJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29weVRleHQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn1cbmNvbnN0IENvcHlQYXJhZ3JhcGhCdXR0b24gPSAoeyBjaGlsZHJlbiwgY29weVRleHQsIGxhbmcgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2hhc0NvcGllZCwgc2V0SGFzQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBzYW5pdGl6ZWRUaXRsZSA9IHVzZU1lbW8oKCkgPT4gZW5jb2RlVVJJQ29tcG9uZW50KGNvcHlUZXh0LnJlcGxhY2UoLyAvZywgXCItXCIpKSwgW2NvcHlUZXh0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCB7IGxvY2F0aW9uIH0gPSB3aW5kb3c7XG4gICAgY29uc3QgbmV3SGFzaCA9IGAjJHtzYW5pdGl6ZWRUaXRsZX1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6IFwiXCI7XG4gICAgY29uc3QgdXJsVG9Db3B5ID0gYCR7bG9jYXRpb24ucHJvdG9jb2x9Ly8ke2xvY2F0aW9uLmhvc3RuYW1lfSR7cG9ydH0ke2xvY2F0aW9uLnBhdGhuYW1lfSR7bG9jYXRpb24uc2VhcmNofSR7bmV3SGFzaH1gO1xuXG4gICAgY29weVRleHRUb0NsaXBib2FyZCh1cmxUb0NvcHkpO1xuICB9LCBbc2FuaXRpemVkVGl0bGVdKTtcblxuICBjb25zdCB0b29sdGlwID0gaGFzQ29waWVkID8gdChcImFydGljbGUuY29weVBhZ2VMaW5rQ29waWVkXCIpIDogdChcImFydGljbGUuY29weUhlYWRlckxpbmtcIik7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lckRpdj5cbiAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICA8SWNvbkJ1dHRvbiBkYXRhLWNvcHktYnV0dG9uPVwiXCIgb25DbGljaz17b25Db3B5Q2xpY2t9IGFyaWEtbGFiZWw9e2Ake3Rvb2x0aXB9OiAke2NvcHlUZXh0fWB9PlxuICAgICAgICAgIDxMaW5rIC8+XG4gICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICAgIDxoMiBpZD17c2FuaXRpemVkVGl0bGV9IHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvaDI+XG4gICAgPC9Db250YWluZXJEaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb3B5UGFyYWdyYXBoQnV0dG9uO1xuIl19 */"));
|
|
39
39
|
const CopyParagraphButton = _ref => {
|
|
40
40
|
let {
|
|
41
41
|
children,
|
|
@@ -63,15 +63,16 @@ const CopyParagraphButton = _ref => {
|
|
|
63
63
|
(0, _util.copyTextToClipboard)(urlToCopy);
|
|
64
64
|
}, [sanitizedTitle]);
|
|
65
65
|
const tooltip = hasCopied ? t("article.copyPageLinkCopied") : t("article.copyHeaderLink");
|
|
66
|
-
return (0, _jsxRuntime.jsxs)(ContainerDiv, {
|
|
67
|
-
children: [(0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
|
|
66
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContainerDiv, {
|
|
67
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
|
|
68
68
|
tooltip: tooltip,
|
|
69
|
-
children: (0, _jsxRuntime.jsx)(IconButton, {
|
|
69
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, {
|
|
70
|
+
"data-copy-button": "",
|
|
70
71
|
onClick: onCopyClick,
|
|
71
72
|
"aria-label": `${tooltip}: ${copyText}`,
|
|
72
|
-
children: (0, _jsxRuntime.jsx)(_common.Link, {})
|
|
73
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Link, {})
|
|
73
74
|
})
|
|
74
|
-
}), (0, _jsxRuntime.jsx)("h2", {
|
|
75
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
|
|
75
76
|
id: sanitizedTitle,
|
|
76
77
|
tabIndex: -1,
|
|
77
78
|
lang: lang,
|
package/lib/Embed/AudioEmbed.js
CHANGED
|
@@ -8,7 +8,7 @@ var _primitives = require("@ndla/primitives");
|
|
|
8
8
|
var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
|
|
9
9
|
var _AudioPlayer = _interopRequireDefault(require("../AudioPlayer"));
|
|
10
10
|
var _LicenseByline = require("../LicenseByline");
|
|
11
|
-
var _jsxRuntime = require("
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
/**
|
|
14
14
|
* Copyright (c) 2023-present, NDLA.
|
|
@@ -26,7 +26,7 @@ const AudioEmbed = _ref => {
|
|
|
26
26
|
lang
|
|
27
27
|
} = _ref;
|
|
28
28
|
if (embed.status === "error") {
|
|
29
|
-
return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
30
30
|
type: embed.embedData.type === "standard" ? "audio" : "podcast"
|
|
31
31
|
});
|
|
32
32
|
}
|
|
@@ -35,7 +35,7 @@ const AudioEmbed = _ref => {
|
|
|
35
35
|
embedData
|
|
36
36
|
} = embed;
|
|
37
37
|
if (embedData.type === "minimal") {
|
|
38
|
-
return (0, _jsxRuntime.jsx)(_AudioPlayer.default, {
|
|
38
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioPlayer.default, {
|
|
39
39
|
speech: true,
|
|
40
40
|
src: data.audioFile.url,
|
|
41
41
|
title: data.title.title
|
|
@@ -50,20 +50,20 @@ const AudioEmbed = _ref => {
|
|
|
50
50
|
url: coverPhoto.url,
|
|
51
51
|
alt: coverPhoto.altText
|
|
52
52
|
};
|
|
53
|
-
return (0, _jsxRuntime.jsxs)(_primitives.Figure, {
|
|
53
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Figure, {
|
|
54
54
|
lang: lang,
|
|
55
|
-
children: [(0, _jsxRuntime.jsx)(_AudioPlayer.default, {
|
|
55
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioPlayer.default, {
|
|
56
56
|
description: data.podcastMeta?.introduction ?? "",
|
|
57
57
|
img: img,
|
|
58
58
|
src: data.audioFile.url,
|
|
59
|
-
textVersion: data.manuscript?.manuscript.length ? (0, _jsxRuntime.jsx)("span", {
|
|
59
|
+
textVersion: data.manuscript?.manuscript.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
60
60
|
dangerouslySetInnerHTML: {
|
|
61
61
|
__html: data.manuscript.manuscript
|
|
62
62
|
}
|
|
63
63
|
}) : undefined,
|
|
64
64
|
title: data.title.title,
|
|
65
65
|
subtitle: subtitle
|
|
66
|
-
}), (0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
|
|
66
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
|
|
67
67
|
error: false,
|
|
68
68
|
type: data.audioType === "standard" ? "audio" : "podcast",
|
|
69
69
|
copyright: embed.data.copyright
|
|
@@ -11,7 +11,7 @@ var _primitives = require("@ndla/primitives");
|
|
|
11
11
|
var _jsx2 = require("@ndla/styled-system/jsx");
|
|
12
12
|
var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
|
|
13
13
|
var _LicenseByline = require("../LicenseByline");
|
|
14
|
-
var _jsxRuntime = require("
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
16
|
/**
|
|
17
17
|
* Copyright (c) 2023-present, NDLA.
|
|
@@ -86,9 +86,9 @@ const BrightcoveEmbed = _ref => {
|
|
|
86
86
|
}
|
|
87
87
|
}, []);
|
|
88
88
|
if (embed.status === "error") {
|
|
89
|
-
return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
89
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
90
90
|
type: "video",
|
|
91
|
-
children: (0, _jsxRuntime.jsx)(BrightcoveIframe, {
|
|
91
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BrightcoveIframe, {
|
|
92
92
|
ref: iframeRef,
|
|
93
93
|
title: embedData.alt ?? fallbackTitle,
|
|
94
94
|
"aria-label": embedData.alt ?? fallbackTitle,
|
|
@@ -107,10 +107,10 @@ const BrightcoveEmbed = _ref => {
|
|
|
107
107
|
...embedData,
|
|
108
108
|
videoid: linkedVideoId
|
|
109
109
|
}, data.sources) : undefined;
|
|
110
|
-
return (0, _jsxRuntime.jsxs)(_primitives.Figure, {
|
|
111
|
-
children: [(0, _jsxRuntime.jsx)("div", {
|
|
110
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Figure, {
|
|
111
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
112
112
|
className: "brightcove-video",
|
|
113
|
-
children: (0, _jsxRuntime.jsx)(BrightcoveIframe, {
|
|
113
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BrightcoveIframe, {
|
|
114
114
|
ref: iframeRef,
|
|
115
115
|
className: "original",
|
|
116
116
|
title: embedData.alt ?? data.name ?? fallbackTitle,
|
|
@@ -119,11 +119,11 @@ const BrightcoveEmbed = _ref => {
|
|
|
119
119
|
...(alternativeVideoProps && !showOriginalVideo ? alternativeVideoProps : originalVideoProps),
|
|
120
120
|
allowFullScreen: true
|
|
121
121
|
})
|
|
122
|
-
}), (0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
|
|
122
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
|
|
123
123
|
type: "video",
|
|
124
124
|
copyright: data.copyright,
|
|
125
125
|
description: parsedDescription,
|
|
126
|
-
children: !!linkedVideoId && (0, _jsxRuntime.jsx)(LinkedVideoButton, {
|
|
126
|
+
children: !!linkedVideoId && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkedVideoButton, {
|
|
127
127
|
size: "small",
|
|
128
128
|
variant: "secondary",
|
|
129
129
|
onClick: () => setShowOriginalVideo(p => !p),
|
package/lib/Embed/CodeEmbed.js
CHANGED
|
@@ -12,7 +12,7 @@ var _primitives = require("@ndla/primitives");
|
|
|
12
12
|
var _jsx2 = require("@ndla/styled-system/jsx");
|
|
13
13
|
var _util = require("@ndla/util");
|
|
14
14
|
var _CodeBlock = require("../CodeBlock");
|
|
15
|
-
var _jsxRuntime = require("
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
/**
|
|
17
17
|
* Copyright (c) 2023-present, NDLA.
|
|
18
18
|
*
|
|
@@ -61,19 +61,19 @@ const CodeEmbed = _ref => {
|
|
|
61
61
|
};
|
|
62
62
|
}
|
|
63
63
|
}, [isCopied]);
|
|
64
|
-
return (0, _jsxRuntime.jsxs)(StyledFigure, {
|
|
65
|
-
children: [(0, _jsxRuntime.jsx)(StyledFigCaption, {
|
|
64
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledFigure, {
|
|
65
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledFigCaption, {
|
|
66
66
|
children: embed.embedData.title || getTitleFromFormat(embed.embedData.codeFormat)
|
|
67
|
-
}), (0, _jsxRuntime.jsx)(_CodeBlock.CodeBlock, {
|
|
67
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeBlock.CodeBlock, {
|
|
68
68
|
highlightedCode: embed.status === "success" ? embed.data.highlightedCode : "",
|
|
69
69
|
format: embed.embedData.codeFormat
|
|
70
|
-
}), (0, _jsxRuntime.jsxs)(_primitives.Button, {
|
|
70
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Button, {
|
|
71
71
|
variant: "secondary",
|
|
72
72
|
onClick: () => {
|
|
73
73
|
(0, _util.copyTextToClipboard)(embed.status === "success" ? embed.data.decodedContent : "");
|
|
74
74
|
setIsCopied(true);
|
|
75
75
|
},
|
|
76
|
-
children: [isCopied ? (0, _jsxRuntime.jsx)(_editor.Done, {}) : (0, _jsxRuntime.jsx)(_action.Copy, {}), isCopied ? t("codeBlock.copiedCode") : t("codeBlock.copyCode")]
|
|
76
|
+
children: [isCopied ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.Done, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Copy, {}), isCopied ? t("codeBlock.copiedCode") : t("codeBlock.copyCode")]
|
|
77
77
|
})]
|
|
78
78
|
});
|
|
79
79
|
};
|
|
@@ -12,7 +12,7 @@ var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceho
|
|
|
12
12
|
var _GlossEmbed = require("./GlossEmbed");
|
|
13
13
|
var _InlineTriggerButton = require("./InlineTriggerButton");
|
|
14
14
|
var _Concept = require("../Concept/Concept");
|
|
15
|
-
var _jsxRuntime = require("
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
17
|
/**
|
|
18
18
|
* Copyright (c) 2024-present, NDLA.
|
|
@@ -38,12 +38,12 @@ const ConceptEmbed = _ref => {
|
|
|
38
38
|
return (0, _htmlReactParser.default)(embed.data.concept.content.htmlContent);
|
|
39
39
|
}, [embed]);
|
|
40
40
|
if (embed.status === "error" && embed.embedData.type === "inline") {
|
|
41
|
-
return (0, _jsxRuntime.jsx)("span", {
|
|
41
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
42
42
|
children: embed.embedData.linkText
|
|
43
43
|
});
|
|
44
44
|
}
|
|
45
45
|
if (embed.status === "error") {
|
|
46
|
-
return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
47
47
|
type: "gloss"
|
|
48
48
|
});
|
|
49
49
|
}
|
|
@@ -54,12 +54,12 @@ const ConceptEmbed = _ref => {
|
|
|
54
54
|
|
|
55
55
|
// TODO: Consider whether we should do this in article-converter instead.
|
|
56
56
|
if (embed.data.concept.glossData) {
|
|
57
|
-
return (0, _jsxRuntime.jsx)(_GlossEmbed.GlossEmbed, {
|
|
57
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlossEmbed.GlossEmbed, {
|
|
58
58
|
embed: embed
|
|
59
59
|
});
|
|
60
60
|
}
|
|
61
61
|
if (embed.embedData.type === "inline") {
|
|
62
|
-
return (0, _jsxRuntime.jsx)(InlineConcept, {
|
|
62
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(InlineConcept, {
|
|
63
63
|
linkText: embed.embedData.linkText,
|
|
64
64
|
copyright: concept.copyright,
|
|
65
65
|
visualElement: visualElement,
|
|
@@ -68,7 +68,7 @@ const ConceptEmbed = _ref => {
|
|
|
68
68
|
children: parsedContent
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
|
-
return (0, _jsxRuntime.jsx)(BlockConcept, {
|
|
71
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockConcept, {
|
|
72
72
|
copyright: concept.copyright,
|
|
73
73
|
visualElement: visualElement,
|
|
74
74
|
lang: lang,
|
|
@@ -91,17 +91,17 @@ const InlineConcept = exports.InlineConcept = /*#__PURE__*/(0, _react.forwardRef
|
|
|
91
91
|
title,
|
|
92
92
|
...rest
|
|
93
93
|
} = _ref2;
|
|
94
|
-
return (0, _jsxRuntime.jsxs)(_primitives.PopoverRoot, {
|
|
95
|
-
children: [(0, _jsxRuntime.jsx)(_primitives.PopoverTrigger, {
|
|
94
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.PopoverRoot, {
|
|
95
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PopoverTrigger, {
|
|
96
96
|
asChild: true,
|
|
97
|
-
children: (0, _jsxRuntime.jsx)(_InlineTriggerButton.InlineTriggerButton, {
|
|
97
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InlineTriggerButton.InlineTriggerButton, {
|
|
98
98
|
...rest,
|
|
99
99
|
ref: ref,
|
|
100
100
|
children: linkText
|
|
101
101
|
})
|
|
102
|
-
}), (0, _jsxRuntime.jsx)(StyledPopoverContent, {
|
|
103
|
-
children: (0, _jsxRuntime.jsx)(_primitives.Figure, {
|
|
104
|
-
children: (0, _jsxRuntime.jsx)(_Concept.Concept, {
|
|
102
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPopoverContent, {
|
|
103
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Figure, {
|
|
104
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Concept.Concept, {
|
|
105
105
|
copyright: copyright,
|
|
106
106
|
visualElement: visualElement,
|
|
107
107
|
lang: lang,
|
|
@@ -112,7 +112,7 @@ const InlineConcept = exports.InlineConcept = /*#__PURE__*/(0, _react.forwardRef
|
|
|
112
112
|
})]
|
|
113
113
|
});
|
|
114
114
|
});
|
|
115
|
-
const BlockConcept = exports.BlockConcept = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => (0, _jsxRuntime.jsx)(_Concept.Concept, {
|
|
115
|
+
const BlockConcept = exports.BlockConcept = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Concept.Concept, {
|
|
116
116
|
...props,
|
|
117
117
|
ref: ref
|
|
118
118
|
}));
|
|
@@ -8,7 +8,7 @@ var _reactI18next = require("react-i18next");
|
|
|
8
8
|
var _primitives = require("@ndla/primitives");
|
|
9
9
|
var _jsx2 = require("@ndla/styled-system/jsx");
|
|
10
10
|
var _ConceptEmbed = require("./ConceptEmbed");
|
|
11
|
-
var _jsxRuntime = require("
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
/**
|
|
13
13
|
* Copyright (c) 2023-present, NDLA.
|
|
14
14
|
*
|
|
@@ -41,7 +41,7 @@ const ConceptListEmbed = _ref => {
|
|
|
41
41
|
t
|
|
42
42
|
} = (0, _reactI18next.useTranslation)();
|
|
43
43
|
if (embed.status === "error") {
|
|
44
|
-
return (0, _jsxRuntime.jsx)(StyledSpan, {
|
|
44
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSpan, {
|
|
45
45
|
children: t("embed.conceptListError")
|
|
46
46
|
});
|
|
47
47
|
}
|
|
@@ -49,21 +49,21 @@ const ConceptListEmbed = _ref => {
|
|
|
49
49
|
embedData,
|
|
50
50
|
data
|
|
51
51
|
} = embed;
|
|
52
|
-
return (0, _jsxRuntime.jsx)("div", {
|
|
53
|
-
children: (0, _jsxRuntime.jsxs)(_primitives.Figure, {
|
|
54
|
-
children: [embedData.title && (0, _jsxRuntime.jsx)("h2", {
|
|
52
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
53
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Figure, {
|
|
54
|
+
children: [embedData.title && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
|
|
55
55
|
lang: lang,
|
|
56
56
|
children: embedData.title
|
|
57
|
-
}), (0, _jsxRuntime.jsx)(ConceptList, {
|
|
58
|
-
children: (0, _jsxRuntime.jsx)("ul", {
|
|
57
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ConceptList, {
|
|
58
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
|
|
59
59
|
lang: lang,
|
|
60
60
|
children: data.concepts.map(_ref2 => {
|
|
61
61
|
let {
|
|
62
62
|
concept,
|
|
63
63
|
visualElement
|
|
64
64
|
} = _ref2;
|
|
65
|
-
return (0, _jsxRuntime.jsx)("li", {
|
|
66
|
-
children: (0, _jsxRuntime.jsx)(_ConceptEmbed.BlockConcept, {
|
|
65
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
66
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConceptEmbed.BlockConcept, {
|
|
67
67
|
title: concept.title.title,
|
|
68
68
|
content: concept.content.content,
|
|
69
69
|
copyright: concept.copyright,
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _reactI18next = require("react-i18next");
|
|
8
8
|
var _primitives = require("@ndla/primitives");
|
|
9
|
-
var _jsxRuntime = require("
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
/**
|
|
11
11
|
* Copyright (c) 2023-present, NDLA.
|
|
12
12
|
*
|
|
@@ -25,12 +25,12 @@ const ContentLinkEmbed = _ref => {
|
|
|
25
25
|
t
|
|
26
26
|
} = (0, _reactI18next.useTranslation)();
|
|
27
27
|
if (embed.status === "error") {
|
|
28
|
-
return (0, _jsxRuntime.jsx)(_primitives.Text, {
|
|
28
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
|
|
29
29
|
color: "text.error",
|
|
30
30
|
asChild: true,
|
|
31
31
|
consumeCss: true,
|
|
32
|
-
children: (0, _jsxRuntime.jsxs)("span", {
|
|
33
|
-
children: [(0, _jsxRuntime.jsx)("span", {
|
|
32
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
33
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
34
34
|
children: `${t("embed.linkError")}: `
|
|
35
35
|
}), children]
|
|
36
36
|
})
|
|
@@ -41,14 +41,14 @@ const ContentLinkEmbed = _ref => {
|
|
|
41
41
|
data
|
|
42
42
|
} = embed;
|
|
43
43
|
if (embedData.openIn === "new-context" || isOembed) {
|
|
44
|
-
return (0, _jsxRuntime.jsx)("a", {
|
|
44
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
45
45
|
href: data.path,
|
|
46
46
|
target: "_blank",
|
|
47
47
|
rel: "noopener noreferrer",
|
|
48
48
|
children: children
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
|
-
return (0, _jsxRuntime.jsx)("a", {
|
|
51
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
52
52
|
href: data.path,
|
|
53
53
|
children: children
|
|
54
54
|
});
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _LicenseByline = require("../LicenseByline");
|
|
8
|
-
var _jsxRuntime = require("
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
9
|
/**
|
|
10
10
|
* Copyright (c) 2024-present, NDLA.
|
|
11
11
|
*
|
|
@@ -19,8 +19,8 @@ const CopyrightEmbed = _ref => {
|
|
|
19
19
|
embed,
|
|
20
20
|
children
|
|
21
21
|
} = _ref;
|
|
22
|
-
return (0, _jsxRuntime.jsxs)("figure", {
|
|
23
|
-
children: [children, (0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
|
|
22
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
|
|
23
|
+
children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
|
|
24
24
|
type: "copyright",
|
|
25
25
|
copyright: embed.embedData.copyright
|
|
26
26
|
})]
|
|
@@ -8,7 +8,7 @@ var _common = require("@ndla/icons/common");
|
|
|
8
8
|
var _primitives = require("@ndla/primitives");
|
|
9
9
|
var _jsx2 = require("@ndla/styled-system/jsx");
|
|
10
10
|
var _LicenseByline = require("../LicenseByline");
|
|
11
|
-
var _jsxRuntime = require("
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
/**
|
|
13
13
|
* Copyright (c) 2023-present, NDLA.
|
|
14
14
|
*
|
|
@@ -48,13 +48,13 @@ const EmbedErrorPlaceholder = _ref => {
|
|
|
48
48
|
figureType,
|
|
49
49
|
float
|
|
50
50
|
} = _ref;
|
|
51
|
-
return (0, _jsxRuntime.jsxs)(StyledFigure, {
|
|
51
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledFigure, {
|
|
52
52
|
size: figureType,
|
|
53
53
|
float: float,
|
|
54
|
-
children: [children ?? (0, _jsxRuntime.jsx)(ErrorPlaceholder, {
|
|
54
|
+
children: [children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorPlaceholder, {
|
|
55
55
|
"data-embed-type": type,
|
|
56
|
-
children: (0, _jsxRuntime.jsx)(_common.WarningOutline, {})
|
|
57
|
-
}), (0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
|
|
56
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.WarningOutline, {})
|
|
57
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
|
|
58
58
|
error: true,
|
|
59
59
|
type: type
|
|
60
60
|
})]
|
|
@@ -10,7 +10,7 @@ var _primitives = require("@ndla/primitives");
|
|
|
10
10
|
var _jsx2 = require("@ndla/styled-system/jsx");
|
|
11
11
|
var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
|
|
12
12
|
var _ResourceBox = require("../ResourceBox");
|
|
13
|
-
var _jsxRuntime = require("
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
/**
|
|
16
16
|
* Copyright (c) 2023-present, NDLA.
|
|
@@ -46,7 +46,7 @@ const ExternalEmbed = _ref => {
|
|
|
46
46
|
}
|
|
47
47
|
}, []);
|
|
48
48
|
if (embed.status === "error") {
|
|
49
|
-
return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
49
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
50
50
|
type: "external"
|
|
51
51
|
});
|
|
52
52
|
}
|
|
@@ -59,8 +59,8 @@ const ExternalEmbed = _ref => {
|
|
|
59
59
|
src: data.iframeImage?.image.imageUrl ?? "",
|
|
60
60
|
alt: embedData.alt !== undefined ? embedData.alt : data.iframeImage?.alttext?.alttext ?? ""
|
|
61
61
|
};
|
|
62
|
-
return (0, _jsxRuntime.jsx)(_primitives.Figure, {
|
|
63
|
-
children: (0, _jsxRuntime.jsx)(_ResourceBox.ResourceBox, {
|
|
62
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Figure, {
|
|
63
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResourceBox.ResourceBox, {
|
|
64
64
|
image: image,
|
|
65
65
|
title: embedData.title ?? "",
|
|
66
66
|
url: embedData.url,
|
|
@@ -69,7 +69,7 @@ const ExternalEmbed = _ref => {
|
|
|
69
69
|
})
|
|
70
70
|
});
|
|
71
71
|
}
|
|
72
|
-
return (0, _jsxRuntime.jsx)(StyledFigure, {
|
|
72
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledFigure, {
|
|
73
73
|
ref: figRef,
|
|
74
74
|
dangerouslySetInnerHTML: {
|
|
75
75
|
__html: data.oembed.html ?? ""
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _reactI18next = require("react-i18next");
|
|
8
8
|
var _jsx2 = require("@ndla/styled-system/jsx");
|
|
9
|
-
var _jsxRuntime = require("
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
/**
|
|
11
11
|
* Copyright (c) 2023-present, NDLA.
|
|
12
12
|
*
|
|
@@ -31,14 +31,14 @@ const FootnoteEmbed = _ref => {
|
|
|
31
31
|
t
|
|
32
32
|
} = (0, _reactI18next.useTranslation)();
|
|
33
33
|
if (embed.status === "error") {
|
|
34
|
-
return (0, _jsxRuntime.jsx)("div", {
|
|
34
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
35
35
|
children: t("error")
|
|
36
36
|
});
|
|
37
37
|
}
|
|
38
|
-
return (0, _jsxRuntime.jsx)("span", {
|
|
38
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
39
39
|
id: `ref${embed.data.entryNum}`,
|
|
40
|
-
children: (0, _jsxRuntime.jsx)(StyledSup, {
|
|
41
|
-
children: (0, _jsxRuntime.jsx)("a", {
|
|
40
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSup, {
|
|
41
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
42
42
|
href: `#note${embed.data.entryNum}`,
|
|
43
43
|
target: "_self",
|
|
44
44
|
children: `[${embed.data.entryNum}]`
|
package/lib/Embed/GlossEmbed.js
CHANGED
|
@@ -9,7 +9,7 @@ var _jsx2 = require("@ndla/styled-system/jsx");
|
|
|
9
9
|
var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
|
|
10
10
|
var _InlineTriggerButton = require("./InlineTriggerButton");
|
|
11
11
|
var _Gloss = require("../Gloss");
|
|
12
|
-
var _jsxRuntime = require("
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
/**
|
|
15
15
|
* Copyright (c) 2024-present, NDLA.
|
|
@@ -29,12 +29,12 @@ const GlossEmbed = _ref => {
|
|
|
29
29
|
embed
|
|
30
30
|
} = _ref;
|
|
31
31
|
if (embed.status === "error" && embed.embedData.type === "inline") {
|
|
32
|
-
return (0, _jsxRuntime.jsx)("span", {
|
|
32
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
33
33
|
children: embed.embedData.linkText
|
|
34
34
|
});
|
|
35
35
|
}
|
|
36
36
|
if (embed.status === "error" || !embed.data.concept.glossData) {
|
|
37
|
-
return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
38
38
|
type: "gloss"
|
|
39
39
|
});
|
|
40
40
|
}
|
|
@@ -47,15 +47,15 @@ const GlossEmbed = _ref => {
|
|
|
47
47
|
title: visualElement.data.title.title
|
|
48
48
|
} : undefined;
|
|
49
49
|
if (embed.embedData.type === "inline") {
|
|
50
|
-
return (0, _jsxRuntime.jsxs)(_primitives.PopoverRoot, {
|
|
51
|
-
children: [(0, _jsxRuntime.jsx)(_primitives.PopoverTrigger, {
|
|
50
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.PopoverRoot, {
|
|
51
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PopoverTrigger, {
|
|
52
52
|
asChild: true,
|
|
53
|
-
children: (0, _jsxRuntime.jsx)(_InlineTriggerButton.InlineTriggerButton, {
|
|
53
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InlineTriggerButton.InlineTriggerButton, {
|
|
54
54
|
children: embed.embedData.linkText
|
|
55
55
|
})
|
|
56
|
-
}), (0, _jsxRuntime.jsx)(StyledPopoverContent, {
|
|
57
|
-
children: (0, _jsxRuntime.jsx)(_primitives.Figure, {
|
|
58
|
-
children: (0, _jsxRuntime.jsx)(_Gloss.Gloss, {
|
|
56
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPopoverContent, {
|
|
57
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Figure, {
|
|
58
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Gloss.Gloss, {
|
|
59
59
|
glossData: concept.glossData,
|
|
60
60
|
title: concept.title,
|
|
61
61
|
audio: audio
|
|
@@ -64,8 +64,8 @@ const GlossEmbed = _ref => {
|
|
|
64
64
|
})]
|
|
65
65
|
});
|
|
66
66
|
}
|
|
67
|
-
return (0, _jsxRuntime.jsx)(_primitives.Figure, {
|
|
68
|
-
children: (0, _jsxRuntime.jsx)(_Gloss.Gloss, {
|
|
67
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Figure, {
|
|
68
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Gloss.Gloss, {
|
|
69
69
|
glossData: concept.glossData,
|
|
70
70
|
title: concept.title,
|
|
71
71
|
audio: audio,
|
package/lib/Embed/H5pEmbed.js
CHANGED
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _primitives = require("@ndla/primitives");
|
|
8
8
|
var _jsx2 = require("@ndla/styled-system/jsx");
|
|
9
9
|
var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
|
|
10
|
-
var _jsxRuntime = require("
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
/**
|
|
13
13
|
* Copyright (c) 2023-present, NDLA.
|
|
@@ -38,19 +38,19 @@ const H5pEmbed = _ref => {
|
|
|
38
38
|
embed
|
|
39
39
|
} = _ref;
|
|
40
40
|
if (embed.status === "error") {
|
|
41
|
-
return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
41
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
|
|
42
42
|
type: "h5p"
|
|
43
43
|
});
|
|
44
44
|
}
|
|
45
45
|
if (embed.data.oembed) {
|
|
46
|
-
return (0, _jsxRuntime.jsx)(FigureOembed, {
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(FigureOembed, {
|
|
47
47
|
dangerouslySetInnerHTML: {
|
|
48
48
|
__html: embed.data.oembed.html ?? ""
|
|
49
49
|
}
|
|
50
50
|
});
|
|
51
51
|
}
|
|
52
|
-
return (0, _jsxRuntime.jsx)(StyledFigure, {
|
|
53
|
-
children: (0, _jsxRuntime.jsx)("iframe", {
|
|
52
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledFigure, {
|
|
53
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
|
|
54
54
|
title: embed.embedData.url,
|
|
55
55
|
"aria-label": embed.embedData.url,
|
|
56
56
|
src: embed.embedData.url
|