@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
|
@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
7
|
var _react = require("react");
|
|
9
8
|
var _reactI18next = require("react-i18next");
|
|
10
9
|
var _reactRouterDom = require("react-router-dom");
|
|
11
|
-
var
|
|
12
|
-
var _core = require("@ndla/core");
|
|
10
|
+
var _common = require("@ndla/icons/common");
|
|
13
11
|
var _licenses = require("@ndla/licenses");
|
|
12
|
+
var _primitives = require("@ndla/primitives");
|
|
13
|
+
var _jsx2 = require("@ndla/styled-system/jsx");
|
|
14
14
|
var _ArticleFootNotes = _interopRequireDefault(require("./ArticleFootNotes"));
|
|
15
15
|
var _LicenseLink = require("../LicenseByline/LicenseLink");
|
|
16
|
-
var _jsxRuntime = require("
|
|
16
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
18
|
/**
|
|
19
19
|
* Copyright (c) 2020-present, NDLA.
|
|
@@ -23,20 +23,39 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
23
23
|
*
|
|
24
24
|
*/
|
|
25
25
|
|
|
26
|
-
const Wrapper =
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
26
|
+
const Wrapper = (0, _jsx2.styled)("div", {
|
|
27
|
+
base: {
|
|
28
|
+
// 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.
|
|
29
|
+
marginBlockStart: "medium",
|
|
30
|
+
paddingBlockStart: "xsmall",
|
|
31
|
+
borderTop: "1px solid",
|
|
32
|
+
borderColor: "stroke.subtle"
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
// TODO: This is designed with 24px of inline padding. If you do this, most bylines will break into two lines.
|
|
37
|
+
// Should reconsider.
|
|
38
|
+
const TextWrapper = (0, _jsx2.styled)("div", {
|
|
39
|
+
base: {
|
|
40
|
+
display: "flex",
|
|
41
|
+
flexDirection: "column-reverse",
|
|
42
|
+
gap: "3xsmall",
|
|
43
|
+
width: "100%",
|
|
44
|
+
justifyContent: "space-between",
|
|
45
|
+
paddingBlock: "xsmall",
|
|
46
|
+
textStyle: "body.medium"
|
|
47
|
+
},
|
|
48
|
+
variants: {
|
|
49
|
+
learningpath: {
|
|
50
|
+
true: {},
|
|
51
|
+
false: {
|
|
52
|
+
tabletWide: {
|
|
53
|
+
flexDirection: "row"
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
});
|
|
40
59
|
const renderContributors = (contributors, t) => {
|
|
41
60
|
const contributorsArray = contributors.map((contributor, index) => {
|
|
42
61
|
if (index < 1) return contributor.name;
|
|
@@ -61,18 +80,17 @@ const getSuppliersText = (suppliers, t) => {
|
|
|
61
80
|
}
|
|
62
81
|
});
|
|
63
82
|
};
|
|
64
|
-
const LicenseWrapper =
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
})("&[data-background-color=\"white\"]{background-color:", _core.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 */"));
|
|
83
|
+
const LicenseWrapper = (0, _jsx2.styled)("div", {
|
|
84
|
+
base: {
|
|
85
|
+
display: "flex",
|
|
86
|
+
gap: "xsmall"
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
const StyledAccordionRoot = (0, _jsx2.styled)(_primitives.AccordionRoot, {
|
|
90
|
+
base: {
|
|
91
|
+
paddingBlockStart: "xxlarge"
|
|
92
|
+
}
|
|
93
|
+
});
|
|
76
94
|
const refRegexp = /note\d/;
|
|
77
95
|
const footnotesAccordionId = "footnotes";
|
|
78
96
|
const ArticleByline = _ref => {
|
|
@@ -84,7 +102,6 @@ const ArticleByline = _ref => {
|
|
|
84
102
|
licenseBox,
|
|
85
103
|
published,
|
|
86
104
|
locale,
|
|
87
|
-
accordionHeaderVariant = "blue",
|
|
88
105
|
displayByline = true,
|
|
89
106
|
bylineType = "article"
|
|
90
107
|
} = _ref;
|
|
@@ -114,13 +131,13 @@ const ArticleByline = _ref => {
|
|
|
114
131
|
}, [onHashChange]);
|
|
115
132
|
const license = licenseString && (0, _licenses.getLicenseByAbbreviation)(licenseString, locale);
|
|
116
133
|
const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
|
|
117
|
-
return (0, _jsxRuntime.jsxs)(Wrapper, {
|
|
118
|
-
children: [displayByline && (0, _jsxRuntime.jsxs)(TextWrapper, {
|
|
119
|
-
|
|
120
|
-
children: [(0, _jsxRuntime.jsxs)(LicenseWrapper, {
|
|
121
|
-
children: [license && (0, _jsxRuntime.jsx)(_LicenseLink.LicenseLink, {
|
|
134
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
|
|
135
|
+
children: [displayByline && /*#__PURE__*/(0, _jsxRuntime.jsxs)(TextWrapper, {
|
|
136
|
+
learningpath: bylineType === "learningPath",
|
|
137
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(LicenseWrapper, {
|
|
138
|
+
children: [license && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseLink.LicenseLink, {
|
|
122
139
|
license: license
|
|
123
|
-
}), showPrimaryContributors && (0, _jsxRuntime.jsxs)(
|
|
140
|
+
}), showPrimaryContributors && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
124
141
|
children: [authors.length > 0 && `${t("article.authorsLabel", {
|
|
125
142
|
names: renderContributors(authors, t),
|
|
126
143
|
interpolation: {
|
|
@@ -128,32 +145,48 @@ const ArticleByline = _ref => {
|
|
|
128
145
|
}
|
|
129
146
|
})}. `, getSuppliersText(suppliers, t)]
|
|
130
147
|
})]
|
|
131
|
-
}), (0, _jsxRuntime.jsxs)("div", {
|
|
148
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
132
149
|
children: [t(`${bylineType}.lastUpdated`), " ", published]
|
|
133
150
|
})]
|
|
134
|
-
}), (0, _jsxRuntime.jsxs)(
|
|
135
|
-
|
|
136
|
-
onValueChange: setOpenAccordions,
|
|
151
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledAccordionRoot, {
|
|
152
|
+
multiple: true,
|
|
137
153
|
value: openAccordions,
|
|
138
|
-
|
|
154
|
+
onValueChange: details => setOpenAccordions(details.value),
|
|
155
|
+
children: [licenseBox && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
|
|
139
156
|
value: accordionItemValue,
|
|
140
|
-
children: [(0, _jsxRuntime.
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
157
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
|
|
158
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
|
|
159
|
+
asChild: true,
|
|
160
|
+
consumeCss: true,
|
|
161
|
+
textStyle: "label.medium",
|
|
162
|
+
fontWeight: "bold",
|
|
163
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
|
|
164
|
+
children: t("article.useContent")
|
|
165
|
+
})
|
|
166
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
|
|
167
|
+
asChild: true,
|
|
168
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ChevronDown, {})
|
|
169
|
+
})]
|
|
170
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
|
|
146
171
|
children: licenseBox
|
|
147
172
|
})]
|
|
148
|
-
}), !!footnotes?.length && (0, _jsxRuntime.jsxs)(
|
|
173
|
+
}), !!footnotes?.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
|
|
149
174
|
value: footnotesAccordionId,
|
|
150
|
-
children: [(0, _jsxRuntime.
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
175
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
|
|
176
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
|
|
177
|
+
asChild: true,
|
|
178
|
+
consumeCss: true,
|
|
179
|
+
textStyle: "label.medium",
|
|
180
|
+
fontWeight: "bold",
|
|
181
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
|
|
182
|
+
children: t("article.footnotes")
|
|
183
|
+
})
|
|
184
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
|
|
185
|
+
asChild: true,
|
|
186
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ChevronDown, {})
|
|
187
|
+
})]
|
|
188
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
|
|
189
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArticleFootNotes.default, {
|
|
157
190
|
footNotes: footnotes
|
|
158
191
|
})
|
|
159
192
|
})]
|
|
@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var _jsxRuntime = require("
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
+
var _primitives = require("@ndla/primitives");
|
|
8
|
+
var _jsx2 = require("@ndla/styled-system/jsx");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
10
|
/**
|
|
12
11
|
* Copyright (c) 2017-present, NDLA.
|
|
13
12
|
*
|
|
@@ -17,38 +16,50 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
17
16
|
*/
|
|
18
17
|
|
|
19
18
|
const citeDetailString = description => description ? `${description}. ` : "";
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
const StyledCite = (0, _jsx2.styled)("cite", {
|
|
20
|
+
base: {
|
|
21
|
+
display: "flex",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
gap: "xsmall"
|
|
24
|
+
}
|
|
25
|
+
});
|
|
24
26
|
const FootNote = _ref => {
|
|
25
27
|
let {
|
|
26
28
|
footNote
|
|
27
29
|
} = _ref;
|
|
28
|
-
return (0, _jsxRuntime.jsx)("li", {
|
|
29
|
-
children: (0, _jsxRuntime.
|
|
30
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
31
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
|
|
30
32
|
id: `note${footNote.ref}`,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
33
|
+
asChild: true,
|
|
34
|
+
consumeCss: true,
|
|
35
|
+
textStyle: "body.medium",
|
|
36
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledCite, {
|
|
37
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
38
|
+
href: `#ref${footNote.ref}`,
|
|
39
|
+
target: "_self",
|
|
40
|
+
children: footNote.ref
|
|
41
|
+
}), `«${footNote.title}». ${footNote.authors.join(" ")}. ${citeDetailString(footNote.edition)}${citeDetailString(footNote.publisher)}${footNote.year}. `, footNote.url ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
|
|
42
|
+
href: footNote.url,
|
|
43
|
+
children: [footNote.url, "."]
|
|
44
|
+
}) : null]
|
|
45
|
+
})
|
|
39
46
|
})
|
|
40
47
|
});
|
|
41
48
|
};
|
|
42
|
-
const FootnoteList =
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
49
|
+
const FootnoteList = (0, _jsx2.styled)("ol", {
|
|
50
|
+
base: {
|
|
51
|
+
display: "flex",
|
|
52
|
+
flexDirection: "column",
|
|
53
|
+
gap: "medium",
|
|
54
|
+
listStyle: "none"
|
|
55
|
+
}
|
|
56
|
+
});
|
|
46
57
|
const ArticleFootNotes = _ref2 => {
|
|
47
58
|
let {
|
|
48
59
|
footNotes
|
|
49
60
|
} = _ref2;
|
|
50
|
-
return (0, _jsxRuntime.jsx)(FootnoteList, {
|
|
51
|
-
children: footNotes.map(footNote => (0, _jsxRuntime.jsx)(FootNote, {
|
|
61
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(FootnoteList, {
|
|
62
|
+
children: footNotes.map(footNote => /*#__PURE__*/(0, _jsxRuntime.jsx)(FootNote, {
|
|
52
63
|
footNote: footNote
|
|
53
64
|
}, footNote.ref))
|
|
54
65
|
});
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.ArticleParagraph = void 0;
|
|
7
7
|
var _jsx2 = require("@ndla/styled-system/jsx");
|
|
8
|
-
var _jsxRuntime = require("
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
9
|
/**
|
|
10
10
|
* Copyright (c) 2024-present, NDLA.
|
|
11
11
|
*
|
|
@@ -24,7 +24,7 @@ const StyledParagraph = (0, _jsx2.styled)("p", {
|
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
|
-
const ArticleParagraph = props => (0, _jsxRuntime.jsx)(StyledParagraph, {
|
|
27
|
+
const ArticleParagraph = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledParagraph, {
|
|
28
28
|
...props
|
|
29
29
|
});
|
|
30
30
|
exports.ArticleParagraph = ArticleParagraph;
|
package/lib/Article/index.d.ts
CHANGED
|
@@ -5,11 +5,8 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
|
-
import Article, { ArticleTitle, ArticleIntroduction, ArticleWrapper } from "./Article";
|
|
9
8
|
import ArticleByline from "./ArticleByline";
|
|
10
9
|
import ArticleFootNotes from "./ArticleFootNotes";
|
|
11
|
-
|
|
12
|
-
export { ArticleByline, ArticleFootNotes
|
|
10
|
+
export { Article, ArticleContent, ArticleWrapper, ArticleHeader, ArticleFooter } from "./Article";
|
|
11
|
+
export { ArticleByline, ArticleFootNotes };
|
|
13
12
|
export { ArticleParagraph } from "./ArticleParagraph";
|
|
14
|
-
export type { ArticleModifier } from "./Article";
|
|
15
|
-
export default Article;
|
package/lib/Article/index.js
CHANGED
|
@@ -3,40 +3,46 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "Article", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Article.Article;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "ArticleByline", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function () {
|
|
9
15
|
return _ArticleByline.default;
|
|
10
16
|
}
|
|
11
17
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
18
|
+
Object.defineProperty(exports, "ArticleContent", {
|
|
13
19
|
enumerable: true,
|
|
14
20
|
get: function () {
|
|
15
|
-
return
|
|
21
|
+
return _Article.ArticleContent;
|
|
16
22
|
}
|
|
17
23
|
});
|
|
18
|
-
Object.defineProperty(exports, "
|
|
24
|
+
Object.defineProperty(exports, "ArticleFootNotes", {
|
|
19
25
|
enumerable: true,
|
|
20
26
|
get: function () {
|
|
21
|
-
return
|
|
27
|
+
return _ArticleFootNotes.default;
|
|
22
28
|
}
|
|
23
29
|
});
|
|
24
|
-
Object.defineProperty(exports, "
|
|
30
|
+
Object.defineProperty(exports, "ArticleFooter", {
|
|
25
31
|
enumerable: true,
|
|
26
32
|
get: function () {
|
|
27
|
-
return _Article.
|
|
33
|
+
return _Article.ArticleFooter;
|
|
28
34
|
}
|
|
29
35
|
});
|
|
30
|
-
Object.defineProperty(exports, "
|
|
36
|
+
Object.defineProperty(exports, "ArticleHeader", {
|
|
31
37
|
enumerable: true,
|
|
32
38
|
get: function () {
|
|
33
|
-
return
|
|
39
|
+
return _Article.ArticleHeader;
|
|
34
40
|
}
|
|
35
41
|
});
|
|
36
|
-
Object.defineProperty(exports, "
|
|
42
|
+
Object.defineProperty(exports, "ArticleParagraph", {
|
|
37
43
|
enumerable: true,
|
|
38
44
|
get: function () {
|
|
39
|
-
return
|
|
45
|
+
return _ArticleParagraph.ArticleParagraph;
|
|
40
46
|
}
|
|
41
47
|
});
|
|
42
48
|
Object.defineProperty(exports, "ArticleWrapper", {
|
|
@@ -45,20 +51,8 @@ Object.defineProperty(exports, "ArticleWrapper", {
|
|
|
45
51
|
return _Article.ArticleWrapper;
|
|
46
52
|
}
|
|
47
53
|
});
|
|
48
|
-
exports.default = void 0;
|
|
49
|
-
var _Article = _interopRequireWildcard(require("./Article"));
|
|
50
54
|
var _ArticleByline = _interopRequireDefault(require("./ArticleByline"));
|
|
51
55
|
var _ArticleFootNotes = _interopRequireDefault(require("./ArticleFootNotes"));
|
|
52
|
-
var
|
|
56
|
+
var _Article = require("./Article");
|
|
53
57
|
var _ArticleParagraph = require("./ArticleParagraph");
|
|
54
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
55
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
56
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
57
|
-
/**
|
|
58
|
-
* Copyright (c) 2017-present, NDLA.
|
|
59
|
-
*
|
|
60
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
61
|
-
* LICENSE file in the root directory of this source tree.
|
|
62
|
-
*
|
|
63
|
-
*/
|
|
64
|
-
var _default = exports.default = _Article.default;
|
|
58
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|