@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
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
1
|
/**
|
|
3
2
|
* Copyright (c) 2020-present, NDLA.
|
|
4
3
|
*
|
|
@@ -10,26 +9,46 @@ import _styled from "@emotion/styled/base";
|
|
|
10
9
|
import { useCallback, useEffect, useState } from "react";
|
|
11
10
|
import { useTranslation } from "react-i18next";
|
|
12
11
|
import { useLocation } from "react-router-dom";
|
|
13
|
-
import {
|
|
14
|
-
import { breakpoints, colors, fonts, mq, spacing } from "@ndla/core";
|
|
12
|
+
import { ChevronDown } from "@ndla/icons/common";
|
|
15
13
|
import { getLicenseByAbbreviation } from "@ndla/licenses";
|
|
14
|
+
import { AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, Heading } from "@ndla/primitives";
|
|
15
|
+
import { styled } from "@ndla/styled-system/jsx";
|
|
16
16
|
import ArticleFootNotes from "./ArticleFootNotes";
|
|
17
17
|
import { LicenseLink } from "../LicenseByline/LicenseLink";
|
|
18
|
-
import { jsx as _jsx, jsxs as _jsxs } from "
|
|
19
|
-
const Wrapper =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
18
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
19
|
+
const Wrapper = styled("div", {
|
|
20
|
+
base: {
|
|
21
|
+
// TODO: Figure out if we want to remove this margin. It's only here to add some gap between the article content and the byline.
|
|
22
|
+
marginBlockStart: "medium",
|
|
23
|
+
paddingBlockStart: "xsmall",
|
|
24
|
+
borderTop: "1px solid",
|
|
25
|
+
borderColor: "stroke.subtle"
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
// TODO: This is designed with 24px of inline padding. If you do this, most bylines will break into two lines.
|
|
30
|
+
// Should reconsider.
|
|
31
|
+
const TextWrapper = styled("div", {
|
|
32
|
+
base: {
|
|
33
|
+
display: "flex",
|
|
34
|
+
flexDirection: "column-reverse",
|
|
35
|
+
gap: "3xsmall",
|
|
36
|
+
width: "100%",
|
|
37
|
+
justifyContent: "space-between",
|
|
38
|
+
paddingBlock: "xsmall",
|
|
39
|
+
textStyle: "body.medium"
|
|
40
|
+
},
|
|
41
|
+
variants: {
|
|
42
|
+
learningpath: {
|
|
43
|
+
true: {},
|
|
44
|
+
false: {
|
|
45
|
+
tabletWide: {
|
|
46
|
+
flexDirection: "row"
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
});
|
|
33
52
|
const renderContributors = (contributors, t) => {
|
|
34
53
|
const contributorsArray = contributors.map((contributor, index) => {
|
|
35
54
|
if (index < 1) return contributor.name;
|
|
@@ -54,18 +73,17 @@ const getSuppliersText = (suppliers, t) => {
|
|
|
54
73
|
}
|
|
55
74
|
});
|
|
56
75
|
};
|
|
57
|
-
const LicenseWrapper =
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
})("&[data-background-color=\"white\"]{background-color:", colors.background.default, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVCeWxpbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtIdUQiLCJmaWxlIjoiQXJ0aWNsZUJ5bGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFRGdW5jdGlvbiB9IGZyb20gXCJpMThuZXh0XCI7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgeyB1c2VMb2NhdGlvbiB9IGZyb20gXCJyZWFjdC1yb3V0ZXItZG9tXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEFjY29yZGlvblJvb3QsIEFjY29yZGlvbkhlYWRlciwgQWNjb3JkaW9uQ29udGVudCwgQWNjb3JkaW9uSXRlbSB9IGZyb20gXCJAbmRsYS9hY2NvcmRpb25cIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24gfSBmcm9tIFwiQG5kbGEvbGljZW5zZXNcIjtcbmltcG9ydCBBcnRpY2xlRm9vdE5vdGVzIGZyb20gXCIuL0FydGljbGVGb290Tm90ZXNcIjtcbmltcG9ydCB7IExpY2Vuc2VMaW5rIH0gZnJvbSBcIi4uL0xpY2Vuc2VCeWxpbmUvTGljZW5zZUxpbmtcIjtcbmltcG9ydCB7IEZvb3ROb3RlIH0gZnJvbSBcIi4uL3R5cGVzXCI7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICAke2ZvbnRzLnNpemVzKFwiMTZweFwiLCBcIjI0cHhcIil9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbmA7XG5cbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5tZWRpdW1sYXJnZX07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICAgIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cbiAgJltkYXRhLWxlYXJuaW5nLXBhdGg9XCJ0cnVlXCJdIHtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5gO1xuXG5jb25zdCBQcmltYXJ5Q29udHJpYnV0b3JzV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnh4c21hbGx9O1xuYDtcblxudHlwZSBBdXRob3JQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xufTtcblxudHlwZSBTdXBwbGllclByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG59O1xuXG50eXBlIEFjY29yZGlvbkhlYWRlclZhcmlhbnRzID0gXCJ3aGl0ZVwiIHwgXCJibHVlXCI7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGF1dGhvcnM/OiBBdXRob3JQcm9wc1tdO1xuICBzdXBwbGllcnM/OiBTdXBwbGllclByb3BzW107XG4gIHB1Ymxpc2hlZD86IHN0cmluZztcbiAgbGljZW5zZT86IHN0cmluZztcbiAgbGljZW5zZUJveD86IFJlYWN0Tm9kZTtcbiAgbG9jYWxlPzogc3RyaW5nO1xuICBmb290bm90ZXM/OiBGb290Tm90ZVtdO1xuICBhY2NvcmRpb25IZWFkZXJWYXJpYW50PzogQWNjb3JkaW9uSGVhZGVyVmFyaWFudHM7XG4gIGRpc3BsYXlCeWxpbmU/OiBib29sZWFuO1xuICBieWxpbmVUeXBlPzogXCJhcnRpY2xlXCIgfCBcImxlYXJuaW5nUGF0aFwiO1xufTtcblxuY29uc3QgcmVuZGVyQ29udHJpYnV0b3JzID0gKGNvbnRyaWJ1dG9yczogU3VwcGxpZXJQcm9wc1tdIHwgQXV0aG9yUHJvcHNbXSwgdDogVEZ1bmN0aW9uKSA9PiB7XG4gIGNvbnN0IGNvbnRyaWJ1dG9yc0FycmF5ID0gY29udHJpYnV0b3JzLm1hcCgoY29udHJpYnV0b3IsIGluZGV4KSA9PiB7XG4gICAgaWYgKGluZGV4IDwgMSkgcmV0dXJuIGNvbnRyaWJ1dG9yLm5hbWU7XG4gICAgY29uc3Qgc2VwID0gaW5kZXggPT09IGNvbnRyaWJ1dG9ycy5sZW5ndGggLSAxID8gYCAke3QoXCJhcnRpY2xlLmNvbmp1bmN0aW9uXCIpfSBgIDogXCIsIFwiO1xuICAgIHJldHVybiBgJHtzZXB9JHtjb250cmlidXRvci5uYW1lfWA7XG4gIH0pO1xuICByZXR1cm4gY29udHJpYnV0b3JzQXJyYXkuam9pbihcIlwiKTtcbn07XG5cbmNvbnN0IGdldFN1cHBsaWVyc1RleHQgPSAoc3VwcGxpZXJzOiBTdXBwbGllclByb3BzW10sIHQ6IFRGdW5jdGlvbikgPT4ge1xuICBpZiAoc3VwcGxpZXJzLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBcIlwiO1xuICB9XG4gIHJldHVybiBzdXBwbGllcnMubGVuZ3RoID4gMVxuICAgID8gdChcImFydGljbGUubXVsdGlwbGVTdXBwbGllcnNMYWJlbFwiLCB7XG4gICAgICAgIG5hbWVzOiByZW5kZXJDb250cmlidXRvcnMoc3VwcGxpZXJzLCB0KSxcbiAgICAgICAgaW50ZXJwb2xhdGlvbjogeyBlc2NhcGVWYWx1ZTogZmFsc2UgfSxcbiAgICAgIH0pXG4gICAgOiB0KFwiYXJ0aWNsZS5zdXBwbGllckxhYmVsXCIsIHtcbiAgICAgICAgbmFtZTogcmVuZGVyQ29udHJpYnV0b3JzKHN1cHBsaWVycywgdCksXG4gICAgICAgIGludGVycG9sYXRpb246IHsgZXNjYXBlVmFsdWU6IGZhbHNlIH0sXG4gICAgICB9KTtcbn07XG5cbmNvbnN0IExpY2Vuc2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEFjY29yZGlvbkhlYWRlciA9IHN0eWxlZChBY2NvcmRpb25IZWFkZXIpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodGVzdH07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjlweFwiKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5cbiAgJltkYXRhLWJhY2tncm91bmQtY29sb3I9XCJ3aGl0ZVwiXVtkYXRhLXN0YXRlPVwiY2xvc2VkXCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25Db250ZW50ID0gc3R5bGVkKEFjY29yZGlvbkNvbnRlbnQpYFxuICAmW2RhdGEtYmFja2dyb3VuZC1jb2xvcj1cIndoaXRlXCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9O1xuICB9XG5gO1xuXG5jb25zdCByZWZSZWdleHAgPSAvbm90ZVxcZC87XG5jb25zdCBmb290bm90ZXNBY2NvcmRpb25JZCA9IFwiZm9vdG5vdGVzXCI7XG5cbmNvbnN0IEFydGljbGVCeWxpbmUgPSAoe1xuICBhdXRob3JzID0gW10sXG4gIHN1cHBsaWVycyA9IFtdLFxuICBmb290bm90ZXMsXG4gIGxpY2Vuc2U6IGxpY2Vuc2VTdHJpbmcsXG4gIGxpY2Vuc2VCb3gsXG4gIHB1Ymxpc2hlZCxcbiAgbG9jYWxlLFxuICBhY2NvcmRpb25IZWFkZXJWYXJpYW50ID0gXCJibHVlXCIsXG4gIGRpc3BsYXlCeWxpbmUgPSB0cnVlLFxuICBieWxpbmVUeXBlID0gXCJhcnRpY2xlXCIsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgcGF0aG5hbWUgfSA9IHVzZUxvY2F0aW9uKCk7XG4gIGNvbnN0IFtvcGVuQWNjb3JkaW9ucywgc2V0T3BlbkFjY29yZGlvbnNdID0gdXNlU3RhdGU8c3RyaW5nW10+KFtdKTtcbiAgY29uc3QgYWNjb3JkaW9uSXRlbVZhbHVlID0gXCJydWxlc0ZvclVzZVwiO1xuXG4gIGNvbnN0IG9uSGFzaENoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBIYXNoQ2hhbmdlRXZlbnQpID0+IHtcbiAgICAgIGNvbnN0IGhhc2ggPSBlLm5ld1VSTC5zcGxpdChcIiNcIilbMV07XG4gICAgICBpZiAoaGFzaC5tYXRjaChyZWZSZWdleHApICYmICFvcGVuQWNjb3JkaW9ucy5pbmNsdWRlcyhmb290bm90ZXNBY2NvcmRpb25JZCkpIHtcbiAgICAgICAgc2V0T3BlbkFjY29yZGlvbnMoWy4uLm9wZW5BY2NvcmRpb25zLCBmb290bm90ZXNBY2NvcmRpb25JZF0pO1xuICAgICAgICBjb25zdCBlbCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKGAjJHtoYXNofWApO1xuICAgICAgICBlbD8uY2xpY2soKTtcbiAgICAgICAgZWw/LmZvY3VzKCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb3BlbkFjY29yZGlvbnNdLFxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0T3BlbkFjY29yZGlvbnMoKHByZXYpID0+IHByZXYuZmlsdGVyKChzdGF0ZSkgPT4gc3RhdGUgIT09IGFjY29yZGlvbkl0ZW1WYWx1ZSkpO1xuICB9LCBbcGF0aG5hbWVdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKFwiaGFzaGNoYW5nZVwiLCBvbkhhc2hDaGFuZ2UpO1xuICAgIHJldHVybiAoKSA9PiB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImhhc2hjaGFuZ2VcIiwgb25IYXNoQ2hhbmdlKTtcbiAgfSwgW29uSGFzaENoYW5nZV0pO1xuXG4gIGNvbnN0IGxpY2Vuc2UgPSBsaWNlbnNlU3RyaW5nICYmIGdldExpY2Vuc2VCeUFiYnJldmlhdGlvbihsaWNlbnNlU3RyaW5nLCBsb2NhbGUpO1xuXG4gIGNvbnN0IHNob3dQcmltYXJ5Q29udHJpYnV0b3JzID0gc3VwcGxpZXJzLmxlbmd0aCA+IDAgfHwgYXV0aG9ycy5sZW5ndGggPiAwO1xuXG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXI+XG4gICAgICB7ZGlzcGxheUJ5bGluZSAmJiAoXG4gICAgICAgIDxUZXh0V3JhcHBlciBkYXRhLWxlYXJuaW5nLXBhdGg9e2J5bGluZVR5cGUgPT09IFwibGVhcm5pbmdQYXRoXCJ9PlxuICAgICAgICAgIDxMaWNlbnNlV3JhcHBlcj5cbiAgICAgICAgICAgIHtsaWNlbnNlICYmIDxMaWNlbnNlTGluayBsaWNlbnNlPXtsaWNlbnNlfSAvPn1cbiAgICAgICAgICAgIHtzaG93UHJpbWFyeUNvbnRyaWJ1dG9ycyAmJiAoXG4gICAgICAgICAgICAgIDxQcmltYXJ5Q29udHJpYnV0b3JzV3JhcHBlcj5cbiAgICAgICAgICAgICAgICB7YXV0aG9ycy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgICAgICAgICBgJHt0KFwiYXJ0aWNsZS5hdXRob3JzTGFiZWxcIiwge1xuICAgICAgICAgICAgICAgICAgICBuYW1lczogcmVuZGVyQ29udHJpYnV0b3JzKGF1dGhvcnMsIHQpLFxuICAgICAgICAgICAgICAgICAgICBpbnRlcnBvbGF0aW9uOiB7IGVzY2FwZVZhbHVlOiBmYWxzZSB9LFxuICAgICAgICAgICAgICAgICAgfSl9LiBgfVxuICAgICAgICAgICAgICAgIHtnZXRTdXBwbGllcnNUZXh0KHN1cHBsaWVycywgdCl9XG4gICAgICAgICAgICAgIDwvUHJpbWFyeUNvbnRyaWJ1dG9yc1dyYXBwZXI+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvTGljZW5zZVdyYXBwZXI+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIHt0KGAke2J5bGluZVR5cGV9Lmxhc3RVcGRhdGVkYCl9IHtwdWJsaXNoZWR9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICApfVxuICAgICAgPEFjY29yZGlvblJvb3QgdHlwZT1cIm11bHRpcGxlXCIgb25WYWx1ZUNoYW5nZT17c2V0T3BlbkFjY29yZGlvbnN9IHZhbHVlPXtvcGVuQWNjb3JkaW9uc30+XG4gICAgICAgIHtsaWNlbnNlQm94ICYmIChcbiAgICAgICAgICA8QWNjb3JkaW9uSXRlbSB2YWx1ZT17YWNjb3JkaW9uSXRlbVZhbHVlfT5cbiAgICAgICAgICAgIDxTdHlsZWRBY2NvcmRpb25IZWFkZXIgaGVhZGluZ0xldmVsPVwiaDJcIiBkYXRhLWJhY2tncm91bmQtY29sb3I9e2FjY29yZGlvbkhlYWRlclZhcmlhbnR9PlxuICAgICAgICAgICAgICB7dChcImFydGljbGUudXNlQ29udGVudFwiKX1cbiAgICAgICAgICAgIDwvU3R5bGVkQWNjb3JkaW9uSGVhZGVyPlxuICAgICAgICAgICAgPFN0eWxlZEFjY29yZGlvbkNvbnRlbnQgZGF0YS1iYWNrZ3JvdW5kLWNvbG9yPXthY2NvcmRpb25IZWFkZXJWYXJpYW50fT57bGljZW5zZUJveH08L1N0eWxlZEFjY29yZGlvbkNvbnRlbnQ+XG4gICAgICAgICAgPC9BY2NvcmRpb25JdGVtPlxuICAgICAgICApfVxuXG4gICAgICAgIHshIWZvb3Rub3Rlcz8ubGVuZ3RoICYmIChcbiAgICAgICAgICA8QWNjb3JkaW9uSXRlbSB2YWx1ZT17Zm9vdG5vdGVzQWNjb3JkaW9uSWR9PlxuICAgICAgICAgICAgPFN0eWxlZEFjY29yZGlvbkhlYWRlciBoZWFkaW5nTGV2ZWw9XCJoMlwiPnt0KFwiYXJ0aWNsZS5mb290bm90ZXNcIil9PC9TdHlsZWRBY2NvcmRpb25IZWFkZXI+XG4gICAgICAgICAgICA8U3R5bGVkQWNjb3JkaW9uQ29udGVudCBmb3JjZU1vdW50IGRhdGEtYmFja2dyb3VuZC1jb2xvcj17YWNjb3JkaW9uSGVhZGVyVmFyaWFudH0+XG4gICAgICAgICAgICAgIDxBcnRpY2xlRm9vdE5vdGVzIGZvb3ROb3Rlcz17Zm9vdG5vdGVzfSAvPlxuICAgICAgICAgICAgPC9TdHlsZWRBY2NvcmRpb25Db250ZW50PlxuICAgICAgICAgIDwvQWNjb3JkaW9uSXRlbT5cbiAgICAgICAgKX1cbiAgICAgIDwvQWNjb3JkaW9uUm9vdD5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBcnRpY2xlQnlsaW5lO1xuIl19 */"));
|
|
76
|
+
const LicenseWrapper = styled("div", {
|
|
77
|
+
base: {
|
|
78
|
+
display: "flex",
|
|
79
|
+
gap: "xsmall"
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
const StyledAccordionRoot = styled(AccordionRoot, {
|
|
83
|
+
base: {
|
|
84
|
+
paddingBlockStart: "xxlarge"
|
|
85
|
+
}
|
|
86
|
+
});
|
|
69
87
|
const refRegexp = /note\d/;
|
|
70
88
|
const footnotesAccordionId = "footnotes";
|
|
71
89
|
const ArticleByline = _ref => {
|
|
@@ -77,7 +95,6 @@ const ArticleByline = _ref => {
|
|
|
77
95
|
licenseBox,
|
|
78
96
|
published,
|
|
79
97
|
locale,
|
|
80
|
-
accordionHeaderVariant = "blue",
|
|
81
98
|
displayByline = true,
|
|
82
99
|
bylineType = "article"
|
|
83
100
|
} = _ref;
|
|
@@ -107,13 +124,13 @@ const ArticleByline = _ref => {
|
|
|
107
124
|
}, [onHashChange]);
|
|
108
125
|
const license = licenseString && getLicenseByAbbreviation(licenseString, locale);
|
|
109
126
|
const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
|
|
110
|
-
return _jsxs(Wrapper, {
|
|
111
|
-
children: [displayByline && _jsxs(TextWrapper, {
|
|
112
|
-
|
|
113
|
-
children: [_jsxs(LicenseWrapper, {
|
|
114
|
-
children: [license && _jsx(LicenseLink, {
|
|
127
|
+
return /*#__PURE__*/_jsxs(Wrapper, {
|
|
128
|
+
children: [displayByline && /*#__PURE__*/_jsxs(TextWrapper, {
|
|
129
|
+
learningpath: bylineType === "learningPath",
|
|
130
|
+
children: [/*#__PURE__*/_jsxs(LicenseWrapper, {
|
|
131
|
+
children: [license && /*#__PURE__*/_jsx(LicenseLink, {
|
|
115
132
|
license: license
|
|
116
|
-
}), showPrimaryContributors && _jsxs(
|
|
133
|
+
}), showPrimaryContributors && /*#__PURE__*/_jsxs("span", {
|
|
117
134
|
children: [authors.length > 0 && `${t("article.authorsLabel", {
|
|
118
135
|
names: renderContributors(authors, t),
|
|
119
136
|
interpolation: {
|
|
@@ -121,32 +138,48 @@ const ArticleByline = _ref => {
|
|
|
121
138
|
}
|
|
122
139
|
})}. `, getSuppliersText(suppliers, t)]
|
|
123
140
|
})]
|
|
124
|
-
}), _jsxs("div", {
|
|
141
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
125
142
|
children: [t(`${bylineType}.lastUpdated`), " ", published]
|
|
126
143
|
})]
|
|
127
|
-
}), _jsxs(
|
|
128
|
-
|
|
129
|
-
onValueChange: setOpenAccordions,
|
|
144
|
+
}), /*#__PURE__*/_jsxs(StyledAccordionRoot, {
|
|
145
|
+
multiple: true,
|
|
130
146
|
value: openAccordions,
|
|
131
|
-
|
|
147
|
+
onValueChange: details => setOpenAccordions(details.value),
|
|
148
|
+
children: [licenseBox && /*#__PURE__*/_jsxs(AccordionItem, {
|
|
132
149
|
value: accordionItemValue,
|
|
133
|
-
children: [
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
150
|
+
children: [/*#__PURE__*/_jsxs(AccordionItemTrigger, {
|
|
151
|
+
children: [/*#__PURE__*/_jsx(Heading, {
|
|
152
|
+
asChild: true,
|
|
153
|
+
consumeCss: true,
|
|
154
|
+
textStyle: "label.medium",
|
|
155
|
+
fontWeight: "bold",
|
|
156
|
+
children: /*#__PURE__*/_jsx("h2", {
|
|
157
|
+
children: t("article.useContent")
|
|
158
|
+
})
|
|
159
|
+
}), /*#__PURE__*/_jsx(AccordionItemIndicator, {
|
|
160
|
+
asChild: true,
|
|
161
|
+
children: /*#__PURE__*/_jsx(ChevronDown, {})
|
|
162
|
+
})]
|
|
163
|
+
}), /*#__PURE__*/_jsx(AccordionItemContent, {
|
|
139
164
|
children: licenseBox
|
|
140
165
|
})]
|
|
141
|
-
}), !!footnotes?.length && _jsxs(AccordionItem, {
|
|
166
|
+
}), !!footnotes?.length && /*#__PURE__*/_jsxs(AccordionItem, {
|
|
142
167
|
value: footnotesAccordionId,
|
|
143
|
-
children: [
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
168
|
+
children: [/*#__PURE__*/_jsxs(AccordionItemTrigger, {
|
|
169
|
+
children: [/*#__PURE__*/_jsx(Heading, {
|
|
170
|
+
asChild: true,
|
|
171
|
+
consumeCss: true,
|
|
172
|
+
textStyle: "label.medium",
|
|
173
|
+
fontWeight: "bold",
|
|
174
|
+
children: /*#__PURE__*/_jsx("h2", {
|
|
175
|
+
children: t("article.footnotes")
|
|
176
|
+
})
|
|
177
|
+
}), /*#__PURE__*/_jsx(AccordionItemIndicator, {
|
|
178
|
+
asChild: true,
|
|
179
|
+
children: /*#__PURE__*/_jsx(ChevronDown, {})
|
|
180
|
+
})]
|
|
181
|
+
}), /*#__PURE__*/_jsx(AccordionItemContent, {
|
|
182
|
+
children: /*#__PURE__*/_jsx(ArticleFootNotes, {
|
|
150
183
|
footNotes: footnotes
|
|
151
184
|
})
|
|
152
185
|
})]
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
1
|
/**
|
|
3
2
|
* Copyright (c) 2017-present, NDLA.
|
|
4
3
|
*
|
|
@@ -7,41 +6,54 @@ import _styled from "@emotion/styled/base";
|
|
|
7
6
|
*
|
|
8
7
|
*/
|
|
9
8
|
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
9
|
+
import { Text } from "@ndla/primitives";
|
|
10
|
+
import { styled } from "@ndla/styled-system/jsx";
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
12
|
const citeDetailString = description => description ? `${description}. ` : "";
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
const StyledCite = styled("cite", {
|
|
14
|
+
base: {
|
|
15
|
+
display: "flex",
|
|
16
|
+
alignItems: "center",
|
|
17
|
+
gap: "xsmall"
|
|
18
|
+
}
|
|
19
|
+
});
|
|
17
20
|
const FootNote = _ref => {
|
|
18
21
|
let {
|
|
19
22
|
footNote
|
|
20
23
|
} = _ref;
|
|
21
|
-
return _jsx("li", {
|
|
22
|
-
children:
|
|
24
|
+
return /*#__PURE__*/_jsx("li", {
|
|
25
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
23
26
|
id: `note${footNote.ref}`,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
27
|
+
asChild: true,
|
|
28
|
+
consumeCss: true,
|
|
29
|
+
textStyle: "body.medium",
|
|
30
|
+
children: /*#__PURE__*/_jsxs(StyledCite, {
|
|
31
|
+
children: [/*#__PURE__*/_jsx("a", {
|
|
32
|
+
href: `#ref${footNote.ref}`,
|
|
33
|
+
target: "_self",
|
|
34
|
+
children: footNote.ref
|
|
35
|
+
}), `«${footNote.title}». ${footNote.authors.join(" ")}. ${citeDetailString(footNote.edition)}${citeDetailString(footNote.publisher)}${footNote.year}. `, footNote.url ? /*#__PURE__*/_jsxs("a", {
|
|
36
|
+
href: footNote.url,
|
|
37
|
+
children: [footNote.url, "."]
|
|
38
|
+
}) : null]
|
|
39
|
+
})
|
|
32
40
|
})
|
|
33
41
|
});
|
|
34
42
|
};
|
|
35
|
-
const FootnoteList =
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
43
|
+
const FootnoteList = styled("ol", {
|
|
44
|
+
base: {
|
|
45
|
+
display: "flex",
|
|
46
|
+
flexDirection: "column",
|
|
47
|
+
gap: "medium",
|
|
48
|
+
listStyle: "none"
|
|
49
|
+
}
|
|
50
|
+
});
|
|
39
51
|
const ArticleFootNotes = _ref2 => {
|
|
40
52
|
let {
|
|
41
53
|
footNotes
|
|
42
54
|
} = _ref2;
|
|
43
|
-
return _jsx(FootnoteList, {
|
|
44
|
-
children: footNotes.map(footNote => _jsx(FootNote, {
|
|
55
|
+
return /*#__PURE__*/_jsx(FootnoteList, {
|
|
56
|
+
children: footNotes.map(footNote => /*#__PURE__*/_jsx(FootNote, {
|
|
45
57
|
footNote: footNote
|
|
46
58
|
}, footNote.ref))
|
|
47
59
|
});
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
import { styled } from "@ndla/styled-system/jsx";
|
|
10
|
-
import { jsx as _jsx } from "
|
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
11
|
const StyledParagraph = styled("p", {
|
|
12
12
|
base: {
|
|
13
13
|
'&[data-align="center"]': {
|
|
@@ -18,6 +18,6 @@ const StyledParagraph = styled("p", {
|
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
});
|
|
21
|
-
export const ArticleParagraph = props => _jsx(StyledParagraph, {
|
|
21
|
+
export const ArticleParagraph = props => /*#__PURE__*/_jsx(StyledParagraph, {
|
|
22
22
|
...props
|
|
23
23
|
});
|
package/es/Article/index.js
CHANGED
|
@@ -6,10 +6,8 @@
|
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
import Article, { ArticleTitle, ArticleIntroduction, ArticleWrapper } from "./Article";
|
|
10
9
|
import ArticleByline from "./ArticleByline";
|
|
11
10
|
import ArticleFootNotes from "./ArticleFootNotes";
|
|
12
|
-
|
|
13
|
-
export { ArticleByline, ArticleFootNotes
|
|
14
|
-
export { ArticleParagraph } from "./ArticleParagraph";
|
|
15
|
-
export default Article;
|
|
11
|
+
export { Article, ArticleContent, ArticleWrapper, ArticleHeader, ArticleFooter } from "./Article";
|
|
12
|
+
export { ArticleByline, ArticleFootNotes };
|
|
13
|
+
export { ArticleParagraph } from "./ArticleParagraph";
|
|
@@ -15,7 +15,7 @@ import Controls from "./Controls";
|
|
|
15
15
|
import SpeechControl from "./SpeechControl";
|
|
16
16
|
|
|
17
17
|
// TODO: Could the audio metadata be more tightly coupled to the audio player?
|
|
18
|
-
import { jsx as _jsx, jsxs as _jsxs } from "
|
|
18
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
19
19
|
const AudioPlayerWrapper = styled("div", {
|
|
20
20
|
base: {
|
|
21
21
|
border: "1px solid",
|
|
@@ -133,7 +133,7 @@ const AudioPlayer = _ref => {
|
|
|
133
133
|
const truncatedDescription = useMemo(() => description?.slice(0, DESCRIPTION_MAX_LENGTH), [description]);
|
|
134
134
|
const textDescriptionId = useId();
|
|
135
135
|
if (speech) {
|
|
136
|
-
return _jsx(SpeechControl, {
|
|
136
|
+
return /*#__PURE__*/_jsx(SpeechControl, {
|
|
137
137
|
src: src,
|
|
138
138
|
title: title
|
|
139
139
|
});
|
|
@@ -141,7 +141,7 @@ const AudioPlayer = _ref => {
|
|
|
141
141
|
const toggleTextVersion = () => {
|
|
142
142
|
setShowTextVersion(curr => !curr);
|
|
143
143
|
};
|
|
144
|
-
const textVersionButton = _jsx(TextVersionButton, {
|
|
144
|
+
const textVersionButton = /*#__PURE__*/_jsx(TextVersionButton, {
|
|
145
145
|
variant: "secondary",
|
|
146
146
|
"aria-expanded": showTextVersion,
|
|
147
147
|
"aria-controls": textDescriptionId,
|
|
@@ -149,52 +149,52 @@ const AudioPlayer = _ref => {
|
|
|
149
149
|
onClick: toggleTextVersion,
|
|
150
150
|
children: t(showTextVersion ? "audio.textVersion.close" : "audio.textVersion.heading")
|
|
151
151
|
});
|
|
152
|
-
return _jsxs(AudioPlayerWrapper, {
|
|
153
|
-
children: [_jsxs(InfoWrapper, {
|
|
154
|
-
children: [img && _jsx(ImageWrapper, {
|
|
155
|
-
children: _jsx("img", {
|
|
152
|
+
return /*#__PURE__*/_jsxs(AudioPlayerWrapper, {
|
|
153
|
+
children: [/*#__PURE__*/_jsxs(InfoWrapper, {
|
|
154
|
+
children: [img && /*#__PURE__*/_jsx(ImageWrapper, {
|
|
155
|
+
children: /*#__PURE__*/_jsx("img", {
|
|
156
156
|
src: img.url,
|
|
157
157
|
alt: img.alt
|
|
158
158
|
})
|
|
159
|
-
}), _jsxs(TextWrapper, {
|
|
159
|
+
}), /*#__PURE__*/_jsxs(TextWrapper, {
|
|
160
160
|
"data-has-image": !!img,
|
|
161
|
-
children: [_jsxs(TitleWrapper, {
|
|
162
|
-
children: [_jsxs("div", {
|
|
163
|
-
children: [subtitle?.url ? _jsx(SafeLink, {
|
|
161
|
+
children: [/*#__PURE__*/_jsxs(TitleWrapper, {
|
|
162
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
163
|
+
children: [subtitle?.url ? /*#__PURE__*/_jsx(SafeLink, {
|
|
164
164
|
to: subtitle.url,
|
|
165
165
|
children: subtitle.title
|
|
166
|
-
}) : subtitle?.title, _jsx(Heading, {
|
|
166
|
+
}) : subtitle?.title, /*#__PURE__*/_jsx(Heading, {
|
|
167
167
|
asChild: true,
|
|
168
168
|
consumeCss: true,
|
|
169
169
|
textStyle: "title.large",
|
|
170
|
-
children: _jsx("h3", {
|
|
170
|
+
children: /*#__PURE__*/_jsx("h3", {
|
|
171
171
|
children: title
|
|
172
172
|
})
|
|
173
173
|
})]
|
|
174
174
|
}), !!textVersion && !img && textVersionButton]
|
|
175
|
-
}), description && _jsxs(Text, {
|
|
175
|
+
}), description && /*#__PURE__*/_jsxs(Text, {
|
|
176
176
|
textStyle: "body.medium",
|
|
177
|
-
children: [showFullDescription || description.length < DESCRIPTION_MAX_LENGTH ? description : `${truncatedDescription}...`, _jsx(Button, {
|
|
177
|
+
children: [showFullDescription || description.length < DESCRIPTION_MAX_LENGTH ? description : `${truncatedDescription}...`, /*#__PURE__*/_jsx(Button, {
|
|
178
178
|
variant: "link",
|
|
179
179
|
onClick: () => setShowFullDescription(p => !p),
|
|
180
180
|
children: t(`audio.${showFullDescription ? "readLessDescriptionLabel" : "readMoreDescriptionLabel"}`)
|
|
181
181
|
})]
|
|
182
182
|
}), !!textVersion && !!img && textVersionButton]
|
|
183
183
|
})]
|
|
184
|
-
}), _jsx(Controls, {
|
|
184
|
+
}), /*#__PURE__*/_jsx(Controls, {
|
|
185
185
|
src: src,
|
|
186
186
|
title: title
|
|
187
|
-
}), !!textVersion && _jsxs(TextVersionWrapper, {
|
|
187
|
+
}), !!textVersion && /*#__PURE__*/_jsxs(TextVersionWrapper, {
|
|
188
188
|
id: textDescriptionId,
|
|
189
189
|
hidden: !showTextVersion,
|
|
190
|
-
children: [_jsx(Heading, {
|
|
190
|
+
children: [/*#__PURE__*/_jsx(Heading, {
|
|
191
191
|
asChild: true,
|
|
192
192
|
textStyle: "title.medium",
|
|
193
193
|
consumeCss: true,
|
|
194
|
-
children: _jsx("h3", {
|
|
194
|
+
children: /*#__PURE__*/_jsx("h3", {
|
|
195
195
|
children: t("audio.textVersion.heading")
|
|
196
196
|
})
|
|
197
|
-
}), _jsx(TextVersionText, {
|
|
197
|
+
}), /*#__PURE__*/_jsx(TextVersionText, {
|
|
198
198
|
children: textVersion
|
|
199
199
|
})]
|
|
200
200
|
})]
|