@ndla/ui 55.0.14-alpha.0 → 55.0.16-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 +40 -13
- package/dist/styles.css +160 -54
- package/es/Article/ArticleByline.js +81 -48
- package/es/Article/ArticleFootNotes.js +31 -19
- package/es/AudioPlayer/AudioPlayer.js +1 -0
- package/es/Concept/Concept.js +2 -2
- package/es/ContactBlock/ContactBlock.js +17 -17
- package/es/ContentTypeBadge/ContentTypeBadgeNew.js +1 -0
- package/es/Embed/BrightcoveEmbed.js +0 -1
- package/es/Embed/CopyrightEmbed.js +1 -2
- package/es/FrontpageArticle/FrontpageArticle.js +1 -2
- package/es/LicenseByline/EmbedByline.js +143 -33
- package/es/LicenseByline/LicenseLink.js +16 -9
- package/es/LicenseByline/index.js +2 -2
- package/es/index.js +0 -2
- package/es/model/ContentType.js +3 -1
- package/es/styles.css +160 -54
- package/lib/Article/ArticleByline.d.ts +1 -3
- package/lib/Article/ArticleByline.js +84 -51
- package/lib/Article/ArticleFootNotes.js +31 -20
- package/lib/AudioPlayer/AudioPlayer.js +1 -0
- package/lib/Concept/Concept.js +1 -1
- package/lib/ContactBlock/ContactBlock.js +18 -18
- package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts +1 -2
- package/lib/ContentTypeBadge/ContentTypeBadgeNew.js +1 -0
- package/lib/Embed/BrightcoveEmbed.js +0 -1
- package/lib/Embed/CopyrightEmbed.js +1 -2
- package/lib/FrontpageArticle/FrontpageArticle.js +1 -2
- package/lib/LicenseByline/EmbedByline.d.ts +2 -4
- package/lib/LicenseByline/EmbedByline.js +145 -35
- package/lib/LicenseByline/LicenseLink.d.ts +2 -2
- package/lib/LicenseByline/LicenseLink.js +16 -9
- package/lib/LicenseByline/index.d.ts +2 -2
- package/lib/LicenseByline/index.js +4 -5
- package/lib/index.d.ts +0 -2
- package/lib/index.js +0 -20
- package/lib/model/ContentType.d.ts +1 -0
- package/lib/model/ContentType.js +4 -2
- package/lib/styles.css +160 -54
- package/package.json +5 -6
- package/src/Article/ArticleByline.tsx +83 -70
- package/src/Article/ArticleFootNotes.tsx +32 -36
- package/src/AudioPlayer/AudioPlayer.tsx +1 -0
- package/src/Concept/Concept.tsx +2 -2
- package/src/ContactBlock/ContactBlock.tsx +1 -1
- package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx +3 -1
- package/src/Embed/BrightcoveEmbed.tsx +1 -1
- package/src/Embed/CopyrightEmbed.tsx +1 -1
- package/src/FrontpageArticle/FrontpageArticle.tsx +1 -1
- package/src/LicenseByline/EmbedByline.stories.tsx +9 -4
- package/src/LicenseByline/EmbedByline.tsx +139 -53
- package/src/LicenseByline/LicenseLink.tsx +15 -15
- package/src/LicenseByline/index.tsx +2 -2
- package/src/index.ts +0 -3
- package/src/model/ContentType.ts +2 -0
- package/es/CreatedBy/CreatedBy.js +0 -73
- package/es/CreatedBy/index.js +0 -10
- package/es/LicenseByline/LicenseDescription.js +0 -63
- package/es/List/OrderedList.js +0 -41
- package/es/List/UnOrderedList.js +0 -28
- package/es/List/index.js +0 -10
- 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/LicenseByline/LicenseDescription.d.ts +0 -15
- package/lib/LicenseByline/LicenseDescription.js +0 -70
- package/lib/List/OrderedList.d.ts +0 -16
- package/lib/List/OrderedList.js +0 -48
- package/lib/List/UnOrderedList.d.ts +0 -10
- package/lib/List/UnOrderedList.js +0 -35
- package/lib/List/index.d.ts +0 -9
- package/lib/List/index.js +0 -20
- package/src/CreatedBy/CreatedBy.stories.tsx +0 -36
- package/src/CreatedBy/CreatedBy.tsx +0 -63
- package/src/CreatedBy/index.ts +0 -11
- package/src/LicenseByline/LicenseDescription.tsx +0 -100
- package/src/List/OrderedList.stories.tsx +0 -135
- package/src/List/OrderedList.tsx +0 -158
- package/src/List/UnOrderedList.tsx +0 -43
- package/src/List/UnorderedList.stories.tsx +0 -72
- package/src/List/index.ts +0 -10
|
@@ -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
|
-
import LicenseLink from "../LicenseByline/LicenseLink";
|
|
17
|
+
import { LicenseLink } from "../LicenseByline/LicenseLink";
|
|
18
18
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
19
|
-
const Wrapper =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVCeWxpbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtIdUQiLCJmaWxlIjoiQXJ0aWNsZUJ5bGluZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFRGdW5jdGlvbiB9IGZyb20gXCJpMThuZXh0XCI7XG5pbXBvcnQgeyBSZWFjdE5vZGUsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgeyB1c2VMb2NhdGlvbiB9IGZyb20gXCJyZWFjdC1yb3V0ZXItZG9tXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEFjY29yZGlvblJvb3QsIEFjY29yZGlvbkhlYWRlciwgQWNjb3JkaW9uQ29udGVudCwgQWNjb3JkaW9uSXRlbSB9IGZyb20gXCJAbmRsYS9hY2NvcmRpb25cIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24gfSBmcm9tIFwiQG5kbGEvbGljZW5zZXNcIjtcbmltcG9ydCBBcnRpY2xlRm9vdE5vdGVzIGZyb20gXCIuL0FydGljbGVGb290Tm90ZXNcIjtcbmltcG9ydCBMaWNlbnNlTGluayBmcm9tIFwiLi4vTGljZW5zZUJ5bGluZS9MaWNlbnNlTGlua1wiO1xuaW1wb3J0IHsgRm9vdE5vdGUgfSBmcm9tIFwiLi4vdHlwZXNcIjtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLm1lZGl1bWxhcmdlfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG4gICAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuICAmW2RhdGEtbGVhcm5pbmctcGF0aD1cInRydWVcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICAgIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IFByaW1hcnlDb250cmlidXRvcnNXcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcueHhzbWFsbH07XG5gO1xuXG50eXBlIEF1dGhvclByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG59O1xuXG50eXBlIFN1cHBsaWVyUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbn07XG5cbnR5cGUgQWNjb3JkaW9uSGVhZGVyVmFyaWFudHMgPSBcIndoaXRlXCIgfCBcImJsdWVcIjtcblxudHlwZSBQcm9wcyA9IHtcbiAgYXV0aG9ycz86IEF1dGhvclByb3BzW107XG4gIHN1cHBsaWVycz86IFN1cHBsaWVyUHJvcHNbXTtcbiAgcHVibGlzaGVkPzogc3RyaW5nO1xuICBsaWNlbnNlPzogc3RyaW5nO1xuICBsaWNlbnNlQm94PzogUmVhY3ROb2RlO1xuICBsb2NhbGU/OiBzdHJpbmc7XG4gIGZvb3Rub3Rlcz86IEZvb3ROb3RlW107XG4gIGFjY29yZGlvbkhlYWRlclZhcmlhbnQ/OiBBY2NvcmRpb25IZWFkZXJWYXJpYW50cztcbiAgZGlzcGxheUJ5bGluZT86IGJvb2xlYW47XG4gIGJ5bGluZVR5cGU/OiBcImFydGljbGVcIiB8IFwibGVhcm5pbmdQYXRoXCI7XG59O1xuXG5jb25zdCByZW5kZXJDb250cmlidXRvcnMgPSAoY29udHJpYnV0b3JzOiBTdXBwbGllclByb3BzW10gfCBBdXRob3JQcm9wc1tdLCB0OiBURnVuY3Rpb24pID0+IHtcbiAgY29uc3QgY29udHJpYnV0b3JzQXJyYXkgPSBjb250cmlidXRvcnMubWFwKChjb250cmlidXRvciwgaW5kZXgpID0+IHtcbiAgICBpZiAoaW5kZXggPCAxKSByZXR1cm4gY29udHJpYnV0b3IubmFtZTtcbiAgICBjb25zdCBzZXAgPSBpbmRleCA9PT0gY29udHJpYnV0b3JzLmxlbmd0aCAtIDEgPyBgICR7dChcImFydGljbGUuY29uanVuY3Rpb25cIil9IGAgOiBcIiwgXCI7XG4gICAgcmV0dXJuIGAke3NlcH0ke2NvbnRyaWJ1dG9yLm5hbWV9YDtcbiAgfSk7XG4gIHJldHVybiBjb250cmlidXRvcnNBcnJheS5qb2luKFwiXCIpO1xufTtcblxuY29uc3QgZ2V0U3VwcGxpZXJzVGV4dCA9IChzdXBwbGllcnM6IFN1cHBsaWVyUHJvcHNbXSwgdDogVEZ1bmN0aW9uKSA9PiB7XG4gIGlmIChzdXBwbGllcnMubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIFwiXCI7XG4gIH1cbiAgcmV0dXJuIHN1cHBsaWVycy5sZW5ndGggPiAxXG4gICAgPyB0KFwiYXJ0aWNsZS5tdWx0aXBsZVN1cHBsaWVyc0xhYmVsXCIsIHtcbiAgICAgICAgbmFtZXM6IHJlbmRlckNvbnRyaWJ1dG9ycyhzdXBwbGllcnMsIHQpLFxuICAgICAgICBpbnRlcnBvbGF0aW9uOiB7IGVzY2FwZVZhbHVlOiBmYWxzZSB9LFxuICAgICAgfSlcbiAgICA6IHQoXCJhcnRpY2xlLnN1cHBsaWVyTGFiZWxcIiwge1xuICAgICAgICBuYW1lOiByZW5kZXJDb250cmlidXRvcnMoc3VwcGxpZXJzLCB0KSxcbiAgICAgICAgaW50ZXJwb2xhdGlvbjogeyBlc2NhcGVWYWx1ZTogZmFsc2UgfSxcbiAgICAgIH0pO1xufTtcblxuY29uc3QgTGljZW5zZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgU3R5bGVkQWNjb3JkaW9uSGVhZGVyID0gc3R5bGVkKEFjY29yZGlvbkhlYWRlcilgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXN0fTtcbiAgJHtmb250cy5zaXplcyhcIjE2cHhcIiwgXCIyOXB4XCIpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcblxuICAmW2RhdGEtYmFja2dyb3VuZC1jb2xvcj1cIndoaXRlXCJdW2RhdGEtc3RhdGU9XCJjbG9zZWRcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEFjY29yZGlvbkNvbnRlbnQgPSBzdHlsZWQoQWNjb3JkaW9uQ29udGVudClgXG4gICZbZGF0YS1iYWNrZ3JvdW5kLWNvbG9yPVwid2hpdGVcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIH1cbmA7XG5cbmNvbnN0IHJlZlJlZ2V4cCA9IC9ub3RlXFxkLztcbmNvbnN0IGZvb3Rub3Rlc0FjY29yZGlvbklkID0gXCJmb290bm90ZXNcIjtcblxuY29uc3QgQXJ0aWNsZUJ5bGluZSA9ICh7XG4gIGF1dGhvcnMgPSBbXSxcbiAgc3VwcGxpZXJzID0gW10sXG4gIGZvb3Rub3RlcyxcbiAgbGljZW5zZTogbGljZW5zZVN0cmluZyxcbiAgbGljZW5zZUJveCxcbiAgcHVibGlzaGVkLFxuICBsb2NhbGUsXG4gIGFjY29yZGlvbkhlYWRlclZhcmlhbnQgPSBcImJsdWVcIixcbiAgZGlzcGxheUJ5bGluZSA9IHRydWUsXG4gIGJ5bGluZVR5cGUgPSBcImFydGljbGVcIixcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgeyBwYXRobmFtZSB9ID0gdXNlTG9jYXRpb24oKTtcbiAgY29uc3QgW29wZW5BY2NvcmRpb25zLCBzZXRPcGVuQWNjb3JkaW9uc10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oW10pO1xuICBjb25zdCBhY2NvcmRpb25JdGVtVmFsdWUgPSBcInJ1bGVzRm9yVXNlXCI7XG5cbiAgY29uc3Qgb25IYXNoQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IEhhc2hDaGFuZ2VFdmVudCkgPT4ge1xuICAgICAgY29uc3QgaGFzaCA9IGUubmV3VVJMLnNwbGl0KFwiI1wiKVsxXTtcbiAgICAgIGlmIChoYXNoLm1hdGNoKHJlZlJlZ2V4cCkgJiYgIW9wZW5BY2NvcmRpb25zLmluY2x1ZGVzKGZvb3Rub3Rlc0FjY29yZGlvbklkKSkge1xuICAgICAgICBzZXRPcGVuQWNjb3JkaW9ucyhbLi4ub3BlbkFjY29yZGlvbnMsIGZvb3Rub3Rlc0FjY29yZGlvbklkXSk7XG4gICAgICAgIGNvbnN0IGVsID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoYCMke2hhc2h9YCk7XG4gICAgICAgIGVsPy5jbGljaygpO1xuICAgICAgICBlbD8uZm9jdXMoKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvcGVuQWNjb3JkaW9uc10sXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRPcGVuQWNjb3JkaW9ucygocHJldikgPT4gcHJldi5maWx0ZXIoKHN0YXRlKSA9PiBzdGF0ZSAhPT0gYWNjb3JkaW9uSXRlbVZhbHVlKSk7XG4gIH0sIFtwYXRobmFtZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoXCJoYXNoY2hhbmdlXCIsIG9uSGFzaENoYW5nZSk7XG4gICAgcmV0dXJuICgpID0+IHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKFwiaGFzaGNoYW5nZVwiLCBvbkhhc2hDaGFuZ2UpO1xuICB9LCBbb25IYXNoQ2hhbmdlXSk7XG5cbiAgY29uc3QgbGljZW5zZSA9IGxpY2Vuc2VTdHJpbmcgJiYgZ2V0TGljZW5zZUJ5QWJicmV2aWF0aW9uKGxpY2Vuc2VTdHJpbmcsIGxvY2FsZSk7XG5cbiAgY29uc3Qgc2hvd1ByaW1hcnlDb250cmlidXRvcnMgPSBzdXBwbGllcnMubGVuZ3RoID4gMCB8fCBhdXRob3JzLmxlbmd0aCA+IDA7XG5cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlcj5cbiAgICAgIHtkaXNwbGF5QnlsaW5lICYmIChcbiAgICAgICAgPFRleHRXcmFwcGVyIGRhdGEtbGVhcm5pbmctcGF0aD17YnlsaW5lVHlwZSA9PT0gXCJsZWFybmluZ1BhdGhcIn0+XG4gICAgICAgICAgPExpY2Vuc2VXcmFwcGVyPlxuICAgICAgICAgICAge2xpY2Vuc2UgJiYgPExpY2Vuc2VMaW5rIGxpY2Vuc2U9e2xpY2Vuc2V9IC8+fVxuICAgICAgICAgICAge3Nob3dQcmltYXJ5Q29udHJpYnV0b3JzICYmIChcbiAgICAgICAgICAgICAgPFByaW1hcnlDb250cmlidXRvcnNXcmFwcGVyPlxuICAgICAgICAgICAgICAgIHthdXRob3JzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgICAgICAgIGAke3QoXCJhcnRpY2xlLmF1dGhvcnNMYWJlbFwiLCB7XG4gICAgICAgICAgICAgICAgICAgIG5hbWVzOiByZW5kZXJDb250cmlidXRvcnMoYXV0aG9ycywgdCksXG4gICAgICAgICAgICAgICAgICAgIGludGVycG9sYXRpb246IHsgZXNjYXBlVmFsdWU6IGZhbHNlIH0sXG4gICAgICAgICAgICAgICAgICB9KX0uIGB9XG4gICAgICAgICAgICAgICAge2dldFN1cHBsaWVyc1RleHQoc3VwcGxpZXJzLCB0KX1cbiAgICAgICAgICAgICAgPC9QcmltYXJ5Q29udHJpYnV0b3JzV3JhcHBlcj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9MaWNlbnNlV3JhcHBlcj5cbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAge3QoYCR7YnlsaW5lVHlwZX0ubGFzdFVwZGF0ZWRgKX0ge3B1Ymxpc2hlZH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8QWNjb3JkaW9uUm9vdCB0eXBlPVwibXVsdGlwbGVcIiBvblZhbHVlQ2hhbmdlPXtzZXRPcGVuQWNjb3JkaW9uc30gdmFsdWU9e29wZW5BY2NvcmRpb25zfT5cbiAgICAgICAge2xpY2Vuc2VCb3ggJiYgKFxuICAgICAgICAgIDxBY2NvcmRpb25JdGVtIHZhbHVlPXthY2NvcmRpb25JdGVtVmFsdWV9PlxuICAgICAgICAgICAgPFN0eWxlZEFjY29yZGlvbkhlYWRlciBoZWFkaW5nTGV2ZWw9XCJoMlwiIGRhdGEtYmFja2dyb3VuZC1jb2xvcj17YWNjb3JkaW9uSGVhZGVyVmFyaWFudH0+XG4gICAgICAgICAgICAgIHt0KFwiYXJ0aWNsZS51c2VDb250ZW50XCIpfVxuICAgICAgICAgICAgPC9TdHlsZWRBY2NvcmRpb25IZWFkZXI+XG4gICAgICAgICAgICA8U3R5bGVkQWNjb3JkaW9uQ29udGVudCBkYXRhLWJhY2tncm91bmQtY29sb3I9e2FjY29yZGlvbkhlYWRlclZhcmlhbnR9PntsaWNlbnNlQm94fTwvU3R5bGVkQWNjb3JkaW9uQ29udGVudD5cbiAgICAgICAgICA8L0FjY29yZGlvbkl0ZW0+XG4gICAgICAgICl9XG5cbiAgICAgICAgeyEhZm9vdG5vdGVzPy5sZW5ndGggJiYgKFxuICAgICAgICAgIDxBY2NvcmRpb25JdGVtIHZhbHVlPXtmb290bm90ZXNBY2NvcmRpb25JZH0+XG4gICAgICAgICAgICA8U3R5bGVkQWNjb3JkaW9uSGVhZGVyIGhlYWRpbmdMZXZlbD1cImgyXCI+e3QoXCJhcnRpY2xlLmZvb3Rub3Rlc1wiKX08L1N0eWxlZEFjY29yZGlvbkhlYWRlcj5cbiAgICAgICAgICAgIDxTdHlsZWRBY2NvcmRpb25Db250ZW50IGZvcmNlTW91bnQgZGF0YS1iYWNrZ3JvdW5kLWNvbG9yPXthY2NvcmRpb25IZWFkZXJWYXJpYW50fT5cbiAgICAgICAgICAgICAgPEFydGljbGVGb290Tm90ZXMgZm9vdE5vdGVzPXtmb290bm90ZXN9IC8+XG4gICAgICAgICAgICA8L1N0eWxlZEFjY29yZGlvbkNvbnRlbnQ+XG4gICAgICAgICAgPC9BY2NvcmRpb25JdGVtPlxuICAgICAgICApfVxuICAgICAgPC9BY2NvcmRpb25Sb290PlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGVCeWxpbmU7XG4iXX0= */"));
|
|
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;
|
|
@@ -109,11 +126,11 @@ const ArticleByline = _ref => {
|
|
|
109
126
|
const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
|
|
110
127
|
return _jsxs(Wrapper, {
|
|
111
128
|
children: [displayByline && _jsxs(TextWrapper, {
|
|
112
|
-
|
|
129
|
+
learningpath: bylineType === "learningPath",
|
|
113
130
|
children: [_jsxs(LicenseWrapper, {
|
|
114
131
|
children: [license && _jsx(LicenseLink, {
|
|
115
132
|
license: license
|
|
116
|
-
}), showPrimaryContributors && _jsxs(
|
|
133
|
+
}), showPrimaryContributors && _jsxs("span", {
|
|
117
134
|
children: [authors.length > 0 && `${t("article.authorsLabel", {
|
|
118
135
|
names: renderContributors(authors, t),
|
|
119
136
|
interpolation: {
|
|
@@ -124,28 +141,44 @@ const ArticleByline = _ref => {
|
|
|
124
141
|
}), _jsxs("div", {
|
|
125
142
|
children: [t(`${bylineType}.lastUpdated`), " ", published]
|
|
126
143
|
})]
|
|
127
|
-
}), _jsxs(
|
|
128
|
-
|
|
129
|
-
onValueChange: setOpenAccordions,
|
|
144
|
+
}), _jsxs(StyledAccordionRoot, {
|
|
145
|
+
multiple: true,
|
|
130
146
|
value: openAccordions,
|
|
147
|
+
onValueChange: details => setOpenAccordions(details.value),
|
|
131
148
|
children: [licenseBox && _jsxs(AccordionItem, {
|
|
132
149
|
value: accordionItemValue,
|
|
133
|
-
children: [
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
150
|
+
children: [_jsxs(AccordionItemTrigger, {
|
|
151
|
+
children: [_jsx(Heading, {
|
|
152
|
+
asChild: true,
|
|
153
|
+
consumeCss: true,
|
|
154
|
+
textStyle: "label.medium",
|
|
155
|
+
fontWeight: "bold",
|
|
156
|
+
children: _jsx("h2", {
|
|
157
|
+
children: t("article.useContent")
|
|
158
|
+
})
|
|
159
|
+
}), _jsx(AccordionItemIndicator, {
|
|
160
|
+
asChild: true,
|
|
161
|
+
children: _jsx(ChevronDown, {})
|
|
162
|
+
})]
|
|
163
|
+
}), _jsx(AccordionItemContent, {
|
|
139
164
|
children: licenseBox
|
|
140
165
|
})]
|
|
141
166
|
}), !!footnotes?.length && _jsxs(AccordionItem, {
|
|
142
167
|
value: footnotesAccordionId,
|
|
143
|
-
children: [
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
168
|
+
children: [_jsxs(AccordionItemTrigger, {
|
|
169
|
+
children: [_jsx(Heading, {
|
|
170
|
+
asChild: true,
|
|
171
|
+
consumeCss: true,
|
|
172
|
+
textStyle: "label.medium",
|
|
173
|
+
fontWeight: "bold",
|
|
174
|
+
children: _jsx("h2", {
|
|
175
|
+
children: t("article.footnotes")
|
|
176
|
+
})
|
|
177
|
+
}), _jsx(AccordionItemIndicator, {
|
|
178
|
+
asChild: true,
|
|
179
|
+
children: _jsx(ChevronDown, {})
|
|
180
|
+
})]
|
|
181
|
+
}), _jsx(AccordionItemContent, {
|
|
149
182
|
children: _jsx(ArticleFootNotes, {
|
|
150
183
|
footNotes: footnotes
|
|
151
184
|
})
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
1
|
/**
|
|
3
2
|
* Copyright (c) 2017-present, NDLA.
|
|
4
3
|
*
|
|
@@ -7,35 +6,48 @@ import _styled from "@emotion/styled/base";
|
|
|
7
6
|
*
|
|
8
7
|
*/
|
|
9
8
|
|
|
10
|
-
import {
|
|
9
|
+
import { Text } from "@ndla/primitives";
|
|
10
|
+
import { styled } from "@ndla/styled-system/jsx";
|
|
11
11
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/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
24
|
return _jsx("li", {
|
|
22
|
-
children:
|
|
25
|
+
children: _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: _jsxs(StyledCite, {
|
|
31
|
+
children: [_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 ? _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
|
package/es/Concept/Concept.js
CHANGED
|
@@ -10,7 +10,7 @@ import { forwardRef } from "react";
|
|
|
10
10
|
import { Figure } from "@ndla/primitives";
|
|
11
11
|
import { styled } from "@ndla/styled-system/jsx";
|
|
12
12
|
import { BrightcoveEmbed, ExternalEmbed, H5pEmbed, IframeEmbed, ImageEmbed } from "../Embed";
|
|
13
|
-
import {
|
|
13
|
+
import { EmbedByline } from "../LicenseByline/EmbedByline";
|
|
14
14
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
15
15
|
const StyledFigure = styled(Figure, {
|
|
16
16
|
base: {
|
|
@@ -61,7 +61,7 @@ export const Concept = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
61
61
|
embed: visualElement
|
|
62
62
|
}) : visualElement?.resource === "external" ? _jsx(ExternalEmbed, {
|
|
63
63
|
embed: visualElement
|
|
64
|
-
}) : null, copyright && _jsx(
|
|
64
|
+
}) : null, copyright && _jsx(EmbedByline, {
|
|
65
65
|
copyright: copyright,
|
|
66
66
|
type: "concept"
|
|
67
67
|
})]
|