@ndla/ui 55.0.13-alpha.0 → 55.0.14-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 +120 -1
- package/dist/styles.css +511 -0
- package/es/Article/ArticleParagraph.js +11 -13
- package/es/CampaignBlock/CampaignBlock.js +103 -68
- package/es/Concept/Concept.js +69 -0
- package/es/ContentTypeBadge/ContentTypeBadgeNew.js +48 -0
- package/es/Embed/AudioEmbed.js +1 -2
- package/es/Embed/BrightcoveEmbed.js +13 -24
- package/es/Embed/ConceptEmbed.js +57 -301
- package/es/Embed/ConceptListEmbed.js +18 -24
- package/es/Embed/ContentLinkEmbed.js +10 -10
- package/es/Embed/CopyrightEmbed.js +4 -21
- package/es/Embed/ExternalEmbed.js +10 -18
- package/es/Embed/FootnoteEmbed.js +11 -8
- package/es/Embed/GlossEmbed.js +68 -0
- package/es/Embed/H5pEmbed.js +19 -19
- package/es/Embed/IframeEmbed.js +9 -6
- package/es/Embed/InlineTriggerButton.js +70 -0
- package/es/Embed/UnknownEmbed.js +9 -9
- package/es/Embed/UuDisclaimerEmbed.js +14 -25
- package/es/Embed/index.js +1 -3
- package/es/ErrorMessage/ErrorMessage.js +41 -22
- package/es/ErrorMessage/ErrorResourceAccessDenied.js +8 -6
- package/es/FactBox/FactBox.js +118 -47
- package/es/FileList/PdfFile.js +23 -5
- package/es/Gloss/Gloss.js +116 -86
- package/es/Gloss/GlossExample.js +49 -51
- package/es/LinkBlock/LinkBlock.js +61 -33
- package/es/LinkBlock/LinkBlockSection.js +9 -6
- package/es/Logo/Logo.js +1 -30
- package/es/RelatedArticleList/RelatedArticleList.js +70 -87
- package/es/ResourceBox/ResourceBox.js +65 -37
- package/es/TagSelector/TagSelector.js +124 -131
- package/es/i18n/index.js +2 -1
- package/es/i18n/useComponentTranslations.js +83 -0
- package/es/index.js +4 -11
- package/es/locale/messages-en.js +30 -4
- package/es/locale/messages-nb.js +30 -4
- package/es/locale/messages-nn.js +30 -4
- package/es/locale/messages-se.js +30 -4
- package/es/locale/messages-sma.js +30 -4
- package/es/model/ContentType.js +3 -0
- package/es/styles.css +511 -0
- package/lib/Article/ArticleParagraph.js +12 -14
- package/lib/CampaignBlock/CampaignBlock.d.ts +2 -2
- package/lib/CampaignBlock/CampaignBlock.js +106 -68
- package/lib/Concept/Concept.d.ts +18 -0
- package/lib/Concept/Concept.js +75 -0
- package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts +17 -0
- package/lib/ContentTypeBadge/ContentTypeBadgeNew.js +56 -0
- package/lib/Embed/AudioEmbed.js +2 -3
- package/lib/Embed/BrightcoveEmbed.d.ts +1 -2
- package/lib/Embed/BrightcoveEmbed.js +16 -25
- package/lib/Embed/ConceptEmbed.d.ts +15 -21
- package/lib/Embed/ConceptEmbed.js +58 -301
- package/lib/Embed/ConceptListEmbed.js +21 -26
- package/lib/Embed/ContentLinkEmbed.js +10 -11
- package/lib/Embed/CopyrightEmbed.js +6 -22
- package/lib/Embed/ExternalEmbed.d.ts +1 -2
- package/lib/Embed/ExternalEmbed.js +13 -19
- package/lib/Embed/FootnoteEmbed.js +11 -9
- package/lib/Embed/GlossEmbed.d.ts +13 -0
- package/lib/Embed/GlossEmbed.js +76 -0
- package/lib/Embed/H5pEmbed.d.ts +1 -2
- package/lib/Embed/H5pEmbed.js +21 -19
- package/lib/Embed/IframeEmbed.d.ts +1 -2
- package/lib/Embed/IframeEmbed.js +11 -8
- package/lib/Embed/InlineTriggerButton.d.ts +11 -0
- package/lib/Embed/InlineTriggerButton.js +76 -0
- package/lib/Embed/UnknownEmbed.js +9 -10
- package/lib/Embed/UuDisclaimerEmbed.js +16 -26
- package/lib/Embed/index.d.ts +2 -3
- package/lib/Embed/index.js +2 -9
- package/lib/ErrorMessage/ErrorMessage.js +40 -23
- package/lib/ErrorMessage/ErrorResourceAccessDenied.js +7 -6
- package/lib/FactBox/FactBox.d.ts +0 -1
- package/lib/FactBox/FactBox.js +119 -46
- package/lib/FileList/PdfFile.js +23 -5
- package/lib/Gloss/Gloss.d.ts +10 -2
- package/lib/Gloss/Gloss.js +116 -85
- package/lib/Gloss/GlossExample.d.ts +3 -5
- package/lib/Gloss/GlossExample.js +49 -52
- package/lib/LinkBlock/LinkBlock.js +62 -34
- package/lib/LinkBlock/LinkBlockSection.js +9 -7
- package/lib/Logo/Logo.d.ts +1 -3
- package/lib/Logo/Logo.js +2 -30
- package/lib/RelatedArticleList/RelatedArticleList.d.ts +4 -4
- package/lib/RelatedArticleList/RelatedArticleList.js +74 -90
- package/lib/ResourceBox/ResourceBox.js +64 -37
- package/lib/TagSelector/TagSelector.d.ts +27 -12
- package/lib/TagSelector/TagSelector.js +126 -131
- package/lib/i18n/index.d.ts +1 -0
- package/lib/i18n/index.js +20 -1
- package/lib/i18n/useComponentTranslations.d.ts +14 -0
- package/lib/i18n/useComponentTranslations.js +93 -0
- package/lib/index.d.ts +5 -14
- package/lib/index.js +70 -89
- package/lib/locale/messages-en.d.ts +26 -0
- package/lib/locale/messages-en.js +30 -4
- package/lib/locale/messages-nb.d.ts +26 -0
- package/lib/locale/messages-nb.js +30 -4
- package/lib/locale/messages-nn.d.ts +26 -0
- package/lib/locale/messages-nn.js +30 -4
- package/lib/locale/messages-se.d.ts +26 -0
- package/lib/locale/messages-se.js +30 -4
- package/lib/locale/messages-sma.d.ts +26 -0
- package/lib/locale/messages-sma.js +30 -4
- package/lib/model/ContentType.d.ts +3 -0
- package/lib/model/ContentType.js +4 -1
- package/lib/styles.css +511 -0
- package/package.json +11 -13
- package/src/Article/ArticleParagraph.tsx +11 -9
- package/src/CampaignBlock/CampaignBlock.tsx +92 -55
- package/src/Concept/Concept.stories.tsx +142 -0
- package/src/Concept/Concept.tsx +73 -0
- package/src/ContentTypeBadge/ContentTypeBadgeNew.stories.tsx +70 -0
- package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx +69 -0
- package/src/Embed/AudioEmbed.tsx +2 -2
- package/src/Embed/BrightcoveEmbed.stories.tsx +0 -3
- package/src/Embed/BrightcoveEmbed.tsx +17 -19
- package/src/Embed/ConceptEmbed.stories.tsx +1 -105
- package/src/Embed/ConceptEmbed.tsx +60 -385
- package/src/Embed/ConceptListEmbed.tsx +20 -19
- package/src/Embed/ContentLinkEmbed.tsx +8 -10
- package/src/Embed/CopyrightEmbed.tsx +1 -11
- package/src/Embed/ExternalEmbed.tsx +14 -17
- package/src/Embed/FootnoteEmbed.stories.tsx +2 -5
- package/src/Embed/FootnoteEmbed.tsx +13 -16
- package/src/Embed/GlossEmbed.stories.tsx +140 -0
- package/src/Embed/GlossEmbed.tsx +64 -0
- package/src/Embed/H5pEmbed.tsx +22 -16
- package/src/Embed/IframeEmbed.tsx +12 -6
- package/src/Embed/InlineTriggerButton.tsx +72 -0
- package/src/Embed/UnknownEmbed.tsx +6 -7
- package/src/Embed/UuDisclaimerEmbed.stories.tsx +4 -4
- package/src/Embed/UuDisclaimerEmbed.tsx +17 -25
- package/src/Embed/index.ts +2 -3
- package/src/ErrorMessage/ErrorMessage.tsx +40 -29
- package/src/ErrorMessage/ErrorResourceAccessDenied.tsx +8 -6
- package/src/FactBox/FactBox.tsx +115 -115
- package/src/FactBox/Factbox.stories.tsx +43 -27
- package/src/FileList/FileList.stories.tsx +6 -1
- package/src/FileList/PdfFile.tsx +22 -5
- package/src/Gloss/Gloss.stories.tsx +107 -1
- package/src/Gloss/Gloss.tsx +143 -156
- package/src/Gloss/GlossExample.tsx +51 -77
- package/src/LinkBlock/LinkBlock.stories.tsx +8 -10
- package/src/LinkBlock/LinkBlock.tsx +54 -59
- package/src/LinkBlock/LinkBlockSection.tsx +9 -12
- package/src/Logo/Logo.stories.tsx +0 -1
- package/src/Logo/Logo.tsx +2 -30
- package/src/RelatedArticleList/RelatedArticleList.tsx +69 -88
- package/src/ResourceBox/ResourceBox.tsx +63 -59
- package/src/TagSelector/TagSelector.stories.tsx +92 -68
- package/src/TagSelector/TagSelector.tsx +161 -126
- package/src/i18n/index.ts +5 -0
- package/src/i18n/useComponentTranslations.ts +72 -0
- package/src/index.ts +23 -18
- package/src/locale/messages-en.ts +28 -2
- package/src/locale/messages-nb.ts +28 -2
- package/src/locale/messages-nn.ts +28 -2
- package/src/locale/messages-se.ts +28 -2
- package/src/locale/messages-sma.ts +28 -2
- package/src/model/ContentType.ts +3 -0
- package/es/DefinitionList/DefinitionDescription.js +0 -28
- package/es/DefinitionList/DefinitionTerm.js +0 -28
- package/es/DefinitionList/index.js +0 -10
- package/es/Embed/conceptComponents.js +0 -155
- package/es/ExpandableBox/ExpandableBox.js +0 -29
- package/es/ExpandableBox/index.js +0 -9
- package/es/Figure/Figure.js +0 -73
- package/es/Figure/index.js +0 -9
- package/es/FramedContent/FramedContent.js +0 -28
- package/es/FramedContent/index.js +0 -10
- package/es/Image/Image.js +0 -99
- package/es/Image/ImageLink.js +0 -39
- package/es/Image/index.js +0 -12
- package/es/LetterFilter/LetterFilter.js +0 -54
- package/es/LetterFilter/alphabet.js +0 -9
- package/es/LetterFilter/index.js +0 -10
- package/es/Notion/Notion.js +0 -76
- package/es/Notion/NotionImage.js +0 -46
- package/es/Notion/index.js +0 -9
- package/es/Table/Table.js +0 -141
- package/es/Table/index.js +0 -11
- package/es/TagSelector/Control.js +0 -28
- package/es/TagSelector/DropdownIndicator.js +0 -60
- package/es/TagSelector/Input.js +0 -22
- package/es/TagSelector/Menu.js +0 -27
- package/es/TagSelector/MenuList.js +0 -28
- package/es/TagSelector/Option.js +0 -60
- package/es/TagSelector/SelectContainer.js +0 -27
- package/es/TagSelector/ValueButton.js +0 -53
- package/es/TagSelector/ariaMessages.js +0 -94
- package/es/TagSelector/index.js +0 -10
- package/es/TagSelector/types.js +0 -1
- package/lib/DefinitionList/DefinitionDescription.d.ts +0 -10
- package/lib/DefinitionList/DefinitionDescription.js +0 -35
- package/lib/DefinitionList/DefinitionTerm.d.ts +0 -10
- package/lib/DefinitionList/DefinitionTerm.js +0 -35
- package/lib/DefinitionList/index.d.ts +0 -9
- package/lib/DefinitionList/index.js +0 -20
- package/lib/Embed/conceptComponents.d.ts +0 -40
- package/lib/Embed/conceptComponents.js +0 -163
- package/lib/ExpandableBox/ExpandableBox.d.ts +0 -15
- package/lib/ExpandableBox/ExpandableBox.js +0 -37
- package/lib/ExpandableBox/index.d.ts +0 -8
- package/lib/ExpandableBox/index.js +0 -18
- package/lib/Figure/Figure.d.ts +0 -16
- package/lib/Figure/Figure.js +0 -81
- package/lib/Figure/index.d.ts +0 -9
- package/lib/Figure/index.js +0 -13
- package/lib/FramedContent/FramedContent.d.ts +0 -12
- package/lib/FramedContent/FramedContent.js +0 -35
- package/lib/FramedContent/index.d.ts +0 -9
- package/lib/FramedContent/index.js +0 -16
- package/lib/Image/Image.d.ts +0 -38
- package/lib/Image/Image.js +0 -105
- package/lib/Image/ImageLink.d.ts +0 -18
- package/lib/Image/ImageLink.js +0 -44
- package/lib/Image/index.d.ts +0 -12
- package/lib/Image/index.js +0 -30
- package/lib/LetterFilter/LetterFilter.d.ts +0 -14
- package/lib/LetterFilter/LetterFilter.js +0 -61
- package/lib/LetterFilter/alphabet.d.ts +0 -8
- package/lib/LetterFilter/alphabet.js +0 -15
- package/lib/LetterFilter/index.d.ts +0 -9
- package/lib/LetterFilter/index.js +0 -16
- package/lib/Notion/Notion.d.ts +0 -20
- package/lib/Notion/Notion.js +0 -82
- package/lib/Notion/NotionImage.d.ts +0 -13
- package/lib/Notion/NotionImage.js +0 -54
- package/lib/Notion/index.d.ts +0 -8
- package/lib/Notion/index.js +0 -13
- package/lib/Table/Table.d.ts +0 -19
- package/lib/Table/Table.js +0 -145
- package/lib/Table/index.d.ts +0 -10
- package/lib/Table/index.js +0 -23
- package/lib/TagSelector/Control.d.ts +0 -11
- package/lib/TagSelector/Control.js +0 -35
- package/lib/TagSelector/DropdownIndicator.d.ts +0 -11
- package/lib/TagSelector/DropdownIndicator.js +0 -64
- package/lib/TagSelector/Input.d.ts +0 -12
- package/lib/TagSelector/Input.js +0 -29
- package/lib/TagSelector/Menu.d.ts +0 -12
- package/lib/TagSelector/Menu.js +0 -34
- package/lib/TagSelector/MenuList.d.ts +0 -16
- package/lib/TagSelector/MenuList.js +0 -35
- package/lib/TagSelector/Option.d.ts +0 -12
- package/lib/TagSelector/Option.js +0 -67
- package/lib/TagSelector/SelectContainer.d.ts +0 -11
- package/lib/TagSelector/SelectContainer.js +0 -34
- package/lib/TagSelector/ValueButton.d.ts +0 -20
- package/lib/TagSelector/ValueButton.js +0 -60
- package/lib/TagSelector/ariaMessages.d.ts +0 -16
- package/lib/TagSelector/ariaMessages.js +0 -101
- package/lib/TagSelector/index.d.ts +0 -11
- package/lib/TagSelector/index.js +0 -13
- package/lib/TagSelector/types.d.ts +0 -11
- package/lib/TagSelector/types.js +0 -5
- package/src/DefinitionList/DefinitionDescription.tsx +0 -26
- package/src/DefinitionList/DefinitionTerm.tsx +0 -26
- package/src/DefinitionList/index.tsx +0 -10
- package/src/Embed/conceptComponents.tsx +0 -293
- package/src/ExpandableBox/ExpandableBox.stories.tsx +0 -41
- package/src/ExpandableBox/ExpandableBox.tsx +0 -23
- package/src/ExpandableBox/index.ts +0 -9
- package/src/Figure/Figure.tsx +0 -167
- package/src/Figure/index.ts +0 -11
- package/src/FramedContent/FramedContent.stories.tsx +0 -152
- package/src/FramedContent/FramedContent.tsx +0 -26
- package/src/FramedContent/index.ts +0 -10
- package/src/Image/Image.stories.tsx +0 -61
- package/src/Image/Image.tsx +0 -147
- package/src/Image/ImageLink.tsx +0 -37
- package/src/Image/index.ts +0 -14
- package/src/LetterFilter/LetterFilter.stories.tsx +0 -29
- package/src/LetterFilter/LetterFilter.tsx +0 -78
- package/src/LetterFilter/alphabet.ts +0 -39
- package/src/LetterFilter/index.ts +0 -11
- package/src/Notion/Notion.tsx +0 -96
- package/src/Notion/NotionImage.tsx +0 -64
- package/src/Notion/index.ts +0 -9
- package/src/Table/Table.stories.tsx +0 -738
- package/src/Table/Table.tsx +0 -284
- package/src/Table/index.ts +0 -12
- package/src/TagSelector/Control.tsx +0 -34
- package/src/TagSelector/DropdownIndicator.tsx +0 -55
- package/src/TagSelector/Input.tsx +0 -31
- package/src/TagSelector/Menu.tsx +0 -38
- package/src/TagSelector/MenuList.tsx +0 -30
- package/src/TagSelector/Option.tsx +0 -58
- package/src/TagSelector/SelectContainer.tsx +0 -31
- package/src/TagSelector/ValueButton.tsx +0 -47
- package/src/TagSelector/ariaMessages.ts +0 -96
- package/src/TagSelector/index.ts +0 -14
- package/src/TagSelector/types.ts +0 -12
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
3
1
|
/**
|
|
4
2
|
* Copyright (c) 2023-present, NDLA.
|
|
5
3
|
*
|
|
@@ -8,92 +6,129 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
8
6
|
*
|
|
9
7
|
*/
|
|
10
8
|
|
|
11
|
-
/** @jsxImportSource @emotion/react */
|
|
12
9
|
import parse from "html-react-parser";
|
|
13
|
-
import { css } from "@emotion/react";
|
|
14
|
-
import { breakpoints, colors, fonts, spacing, mq, misc } from "@ndla/core";
|
|
15
10
|
import { Forward } from "@ndla/icons/common";
|
|
11
|
+
import { Text } from "@ndla/primitives";
|
|
16
12
|
import { SafeLink } from "@ndla/safelink";
|
|
13
|
+
import { styled } from "@ndla/styled-system/jsx";
|
|
17
14
|
import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
|
|
18
15
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
19
|
-
const Container =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
16
|
+
const Container = styled("div", {
|
|
17
|
+
base: {
|
|
18
|
+
display: "flex",
|
|
19
|
+
flexDirection: "column",
|
|
20
|
+
border: "1px solid",
|
|
21
|
+
borderColor: "stroke.default",
|
|
22
|
+
backgroundColor: "background.default",
|
|
23
|
+
borderRadius: "xsmall",
|
|
24
|
+
boxShadow: "full",
|
|
25
|
+
maxWidth: "surface.xsmall",
|
|
26
|
+
overflow: "hidden",
|
|
27
|
+
mobileWide: {
|
|
28
|
+
maxWidth: "surface.medium"
|
|
29
|
+
},
|
|
30
|
+
tabletWide: {
|
|
31
|
+
// TODO: This is probably not the correct max-width. And it should be a token
|
|
32
|
+
maxWidth: "1100px",
|
|
33
|
+
flexDirection: "row"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
const LinkText = styled(Text, {
|
|
38
|
+
base: {
|
|
39
|
+
display: "flex",
|
|
40
|
+
gap: "xxsmall",
|
|
41
|
+
textDecoration: "underline",
|
|
42
|
+
_hover: {
|
|
43
|
+
textDecoration: "none"
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
const StyledImg = styled("img", {
|
|
48
|
+
base: {
|
|
49
|
+
alignSelf: "center",
|
|
50
|
+
objectFit: "cover",
|
|
51
|
+
width: "100%",
|
|
52
|
+
height: "215px",
|
|
53
|
+
desktop: {
|
|
54
|
+
height: "340px"
|
|
55
|
+
}
|
|
56
|
+
}
|
|
49
57
|
});
|
|
50
|
-
const
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}
|
|
61
|
-
name: "1ff36h2",
|
|
62
|
-
styles: "flex-grow:1",
|
|
63
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbXBhaWduQmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFOEIiLCJmaWxlIjoiQ2FtcGFpZ25CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIHNwYWNpbmcsIG1xLCBtaXNjIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwgfSBmcm9tIFwiLi4vdXRpbHMvcmVsYXRpdmVVcmxcIjtcblxuaW50ZXJmYWNlIEltYWdlIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHVybDoge1xuICAgIHVybD86IHN0cmluZztcbiAgICB0ZXh0Pzogc3RyaW5nO1xuICB9O1xuICBpbWFnZT86IEltYWdlO1xuICBpbWFnZVNpZGU/OiBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXI6IDFweCAke2NvbG9ycy5icmFuZC5saWdodGVyfSBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICZbZGF0YS1pbWFnZS1zaWRlPVwicmlnaHRcIl0ge1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgJltkYXRhLWltYWdlLXNpZGU9XCJyaWdodFwiXSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5tZWRpdW19O1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYWxpZ24tc2VsZjogY2VudGVyO1xuICBvYmplY3QtZml0OiBjb250YWluO1xuYDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5jb25zdCBDYW1wYWlnbkJsb2NrID0gKHtcbiAgdGl0bGUsXG4gIGltYWdlLFxuICBpbWFnZVNpZGUgPSBcImxlZnRcIixcbiAgZGVzY3JpcHRpb24sXG4gIGhlYWRpbmdMZXZlbDogSGVhZGluZyA9IFwiaDJcIixcbiAgdXJsLFxuICBwYXRoLFxuICBjbGFzc05hbWUsXG59OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCIgZGF0YS1pbWFnZS1zaWRlPXtpbWFnZVNpZGV9PlxuICAgICAge2ltYWdlICYmIDxTdHlsZWRJbWcgc3JjPXtgJHtpbWFnZS5zcmN9P3dpZHRoPTI0MGB9IGhlaWdodD17MjAwfSB3aWR0aD17MjQwfSBhbHQ9e2ltYWdlLmFsdH0gLz59XG4gICAgICA8VGV4dFdyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGNzcz17aGVhZGluZ1N0eWxlfT57cGFyc2UodGl0bGUpfTwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZERlc2NyaXB0aW9uPntwYXJzZShkZXNjcmlwdGlvbil9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICAgICAgeyEhdXJsPy51cmwgJiYgKFxuICAgICAgICAgIDxTdHlsZWRMaW5rIHRvPXtnZXRQb3NzaWJseVJlbGF0aXZlVXJsKHVybC51cmwsIHBhdGgpfT5cbiAgICAgICAgICAgIHtwYXJzZSh1cmwudGV4dCA/PyBcIlwiKX1cbiAgICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaW5rPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbXBhaWduQmxvY2s7XG4iXX0= */",
|
|
64
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
58
|
+
const ContentWrapper = styled("div", {
|
|
59
|
+
base: {
|
|
60
|
+
width: "100%",
|
|
61
|
+
position: "relative",
|
|
62
|
+
display: "flex",
|
|
63
|
+
flexDirection: "column",
|
|
64
|
+
gap: "xsmall",
|
|
65
|
+
alignItems: "flex-start",
|
|
66
|
+
paddingBlock: "medium",
|
|
67
|
+
paddingInline: "medium"
|
|
68
|
+
}
|
|
65
69
|
});
|
|
66
|
-
const
|
|
70
|
+
const StyledSafeLink = styled(SafeLink, {
|
|
71
|
+
base: {
|
|
72
|
+
color: "inherit"
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
const MaybeLinkText = _ref => {
|
|
76
|
+
let {
|
|
77
|
+
url,
|
|
78
|
+
children,
|
|
79
|
+
path
|
|
80
|
+
} = _ref;
|
|
81
|
+
if (url) return _jsx(StyledSafeLink, {
|
|
82
|
+
to: getPossiblyRelativeUrl(url, path),
|
|
83
|
+
children: children
|
|
84
|
+
});
|
|
85
|
+
return children;
|
|
86
|
+
};
|
|
87
|
+
const CampaignBlock = _ref2 => {
|
|
67
88
|
let {
|
|
68
89
|
title,
|
|
69
90
|
image,
|
|
70
91
|
imageSide = "left",
|
|
71
92
|
description,
|
|
72
|
-
headingLevel:
|
|
93
|
+
headingLevel: InternalHeading = "h2",
|
|
73
94
|
url,
|
|
74
95
|
path,
|
|
75
96
|
className
|
|
76
|
-
} =
|
|
97
|
+
} = _ref2;
|
|
98
|
+
const imageComponent = image && _jsx(StyledImg, {
|
|
99
|
+
src: `${image.src}?width=455`,
|
|
100
|
+
height: 340,
|
|
101
|
+
width: 455,
|
|
102
|
+
alt: image.alt
|
|
103
|
+
});
|
|
104
|
+
const HeaderComponent = url?.url ? LinkText : Text;
|
|
77
105
|
return _jsxs(Container, {
|
|
78
106
|
className: className,
|
|
79
107
|
"data-type": "campaign-block",
|
|
80
|
-
"
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
108
|
+
children: [imageSide === "left" && imageComponent, _jsxs(ContentWrapper, {
|
|
109
|
+
children: [_jsx(MaybeLinkText, {
|
|
110
|
+
url: url?.url,
|
|
111
|
+
path: path,
|
|
112
|
+
children: _jsx(HeaderComponent, {
|
|
113
|
+
asChild: true,
|
|
114
|
+
consumeCss: true,
|
|
115
|
+
textStyle: "heading.small",
|
|
116
|
+
children: _jsx(InternalHeading, {
|
|
117
|
+
children: parse(title)
|
|
118
|
+
})
|
|
119
|
+
})
|
|
120
|
+
}), _jsx(Text, {
|
|
121
|
+
textStyle: "body.large",
|
|
91
122
|
children: parse(description)
|
|
92
|
-
}), !!url?.url &&
|
|
93
|
-
|
|
94
|
-
|
|
123
|
+
}), !!url?.url && _jsx(MaybeLinkText, {
|
|
124
|
+
url: url.url,
|
|
125
|
+
path: path,
|
|
126
|
+
children: _jsxs(LinkText, {
|
|
127
|
+
textStyle: "body.medium",
|
|
128
|
+
children: [parse(url.text ?? ""), _jsx(Forward, {})]
|
|
129
|
+
})
|
|
95
130
|
})]
|
|
96
|
-
})]
|
|
131
|
+
}), imageSide !== "left" && imageComponent]
|
|
97
132
|
});
|
|
98
133
|
};
|
|
99
134
|
export default CampaignBlock;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2024-present, NDLA.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
import { forwardRef } from "react";
|
|
10
|
+
import { Figure } from "@ndla/primitives";
|
|
11
|
+
import { styled } from "@ndla/styled-system/jsx";
|
|
12
|
+
import { BrightcoveEmbed, ExternalEmbed, H5pEmbed, IframeEmbed, ImageEmbed } from "../Embed";
|
|
13
|
+
import { LicenseContainerContent } from "../LicenseByline/EmbedByline";
|
|
14
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
15
|
+
const StyledFigure = styled(Figure, {
|
|
16
|
+
base: {
|
|
17
|
+
display: "flex",
|
|
18
|
+
flexDirection: "column",
|
|
19
|
+
gap: "medium"
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const ContentWrapper = styled("div", {
|
|
23
|
+
base: {
|
|
24
|
+
textStyle: "body.large",
|
|
25
|
+
display: "inline",
|
|
26
|
+
"& p": {
|
|
27
|
+
display: "inline"
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
// TODO: Figure out if we need to support tags, subjects and headerButtons.
|
|
33
|
+
|
|
34
|
+
export const Concept = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
35
|
+
let {
|
|
36
|
+
copyright,
|
|
37
|
+
visualElement,
|
|
38
|
+
lang,
|
|
39
|
+
children,
|
|
40
|
+
title,
|
|
41
|
+
...rest
|
|
42
|
+
} = _ref;
|
|
43
|
+
return _jsxs(StyledFigure, {
|
|
44
|
+
ref: ref,
|
|
45
|
+
...rest,
|
|
46
|
+
children: [_jsxs(ContentWrapper, {
|
|
47
|
+
lang: lang,
|
|
48
|
+
children: [!!title && _jsxs(_Fragment, {
|
|
49
|
+
children: [_jsx("b", {
|
|
50
|
+
children: title
|
|
51
|
+
}), ` – `]
|
|
52
|
+
}), children]
|
|
53
|
+
}), visualElement?.resource === "image" ? _jsx(ImageEmbed, {
|
|
54
|
+
embed: visualElement,
|
|
55
|
+
lang: lang
|
|
56
|
+
}) : visualElement?.resource === "brightcove" ? _jsx(BrightcoveEmbed, {
|
|
57
|
+
embed: visualElement
|
|
58
|
+
}) : visualElement?.resource === "h5p" ? _jsx(H5pEmbed, {
|
|
59
|
+
embed: visualElement
|
|
60
|
+
}) : visualElement?.resource === "iframe" ? _jsx(IframeEmbed, {
|
|
61
|
+
embed: visualElement
|
|
62
|
+
}) : visualElement?.resource === "external" ? _jsx(ExternalEmbed, {
|
|
63
|
+
embed: visualElement
|
|
64
|
+
}) : null, copyright && _jsx(LicenseContainerContent, {
|
|
65
|
+
copyright: copyright,
|
|
66
|
+
type: "concept"
|
|
67
|
+
})]
|
|
68
|
+
});
|
|
69
|
+
});
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2024-present, NDLA.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
import { forwardRef } from "react";
|
|
10
|
+
import { useTranslation } from "react-i18next";
|
|
11
|
+
import { Badge } from "@ndla/primitives";
|
|
12
|
+
import * as contentTypes from "../model/ContentType";
|
|
13
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
14
|
+
export const contentTypeToBadgeVariantMap = {
|
|
15
|
+
[contentTypes.SUBJECT_MATERIAL]: "brand1",
|
|
16
|
+
[contentTypes.TASKS_AND_ACTIVITIES]: "brand2",
|
|
17
|
+
[contentTypes.ASSESSMENT_RESOURCES]: "brand2",
|
|
18
|
+
[contentTypes.SUBJECT]: "neutral",
|
|
19
|
+
[contentTypes.SOURCE_MATERIAL]: "brand1",
|
|
20
|
+
[contentTypes.LEARNING_PATH]: "brand3",
|
|
21
|
+
[contentTypes.TOPIC]: "neutral",
|
|
22
|
+
// TODO: Verify this color
|
|
23
|
+
[contentTypes.MULTIDISCIPLINARY_TOPIC]: "neutral",
|
|
24
|
+
[contentTypes.CONCEPT]: "brand1",
|
|
25
|
+
// TODO: Verify this color
|
|
26
|
+
[contentTypes.EXTERNAL]: "brand2",
|
|
27
|
+
// TODO: Verify resourceEmbedTypeMapping colors
|
|
28
|
+
[contentTypes.IMAGE]: "brand1",
|
|
29
|
+
[contentTypes.AUDIO]: "brand1",
|
|
30
|
+
[contentTypes.VIDEO]: "brand1",
|
|
31
|
+
[contentTypes.MISSING]: "neutral"
|
|
32
|
+
};
|
|
33
|
+
export const ContentTypeBadge = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
34
|
+
let {
|
|
35
|
+
contentType,
|
|
36
|
+
children,
|
|
37
|
+
...props
|
|
38
|
+
} = _ref;
|
|
39
|
+
const {
|
|
40
|
+
t
|
|
41
|
+
} = useTranslation();
|
|
42
|
+
return _jsx(Badge, {
|
|
43
|
+
colorTheme: contentTypeToBadgeVariantMap[contentType ?? "missing"] ?? contentTypeToBadgeVariantMap["missing"],
|
|
44
|
+
...props,
|
|
45
|
+
ref: ref,
|
|
46
|
+
children: children ?? t(`contentTypes.${contentType}`)
|
|
47
|
+
});
|
|
48
|
+
});
|
package/es/Embed/AudioEmbed.js
CHANGED
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
+
import { Figure } from "@ndla/primitives";
|
|
9
10
|
import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
|
|
10
11
|
import AudioPlayer from "../AudioPlayer";
|
|
11
|
-
import { Figure } from "../Figure";
|
|
12
12
|
import { EmbedByline } from "../LicenseByline";
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
14
14
|
export const getFirstNonEmptyLicenseCredits = authors => Object.values(authors).find(i => i.length > 0) ?? [];
|
|
@@ -43,7 +43,6 @@ const AudioEmbed = _ref => {
|
|
|
43
43
|
alt: coverPhoto.altText
|
|
44
44
|
};
|
|
45
45
|
return _jsxs(Figure, {
|
|
46
|
-
type: "full",
|
|
47
46
|
lang: lang,
|
|
48
47
|
children: [_jsx(AudioPlayer, {
|
|
49
48
|
description: data.podcastMeta?.introduction ?? "",
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
3
1
|
/**
|
|
4
2
|
* Copyright (c) 2023-present, NDLA.
|
|
5
3
|
*
|
|
@@ -11,27 +9,21 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
11
9
|
import parse from "html-react-parser";
|
|
12
10
|
import { useEffect, useMemo, useRef, useState } from "react";
|
|
13
11
|
import { useTranslation } from "react-i18next";
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
12
|
+
import { Button, Figure } from "@ndla/primitives";
|
|
13
|
+
import { styled } from "@ndla/styled-system/jsx";
|
|
16
14
|
import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
|
|
17
|
-
import { Figure } from "../Figure";
|
|
18
15
|
import { EmbedByline } from "../LicenseByline";
|
|
19
16
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
20
|
-
const LinkedVideoButton =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
} : {
|
|
31
|
-
name: "pit38s",
|
|
32
|
-
styles: "height:auto",
|
|
33
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyaWdodGNvdmVFbWJlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJzQyIsImZpbGUiOiJCcmlnaHRjb3ZlRW1iZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgcGFyc2UgZnJvbSBcImh0bWwtcmVhY3QtcGFyc2VyXCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEJyaWdodGNvdmVFbWJlZERhdGEsIEJyaWdodGNvdmVNZXRhRGF0YSwgQnJpZ2h0Y292ZVZpZGVvU291cmNlIH0gZnJvbSBcIkBuZGxhL3R5cGVzLWVtYmVkXCI7XG5pbXBvcnQgRW1iZWRFcnJvclBsYWNlaG9sZGVyIGZyb20gXCIuL0VtYmVkRXJyb3JQbGFjZWhvbGRlclwiO1xuaW1wb3J0IHsgUmVuZGVyQ29udGV4dCB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBGaWd1cmUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgeyBFbWJlZEJ5bGluZSB9IGZyb20gXCIuLi9MaWNlbnNlQnlsaW5lXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGVtYmVkOiBCcmlnaHRjb3ZlTWV0YURhdGE7XG4gIGlzQ29uY2VwdD86IGJvb2xlYW47XG4gIHJlbmRlckNvbnRleHQ/OiBSZW5kZXJDb250ZXh0O1xufVxuXG5jb25zdCBMaW5rZWRWaWRlb0J1dHRvbiA9IHN0eWxlZChCdXR0b25WMilgXG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuY29uc3QgQnJpZ2h0Y292ZUlmcmFtZSA9IHN0eWxlZC5pZnJhbWVgXG4gIGhlaWdodDogYXV0bztcbmA7XG5cbmV4cG9ydCBjb25zdCBtYWtlSWZyYW1lU3RyaW5nID0gKHVybDogc3RyaW5nLCB3aWR0aDogc3RyaW5nIHwgbnVtYmVyLCBoZWlnaHQ6IHN0cmluZyB8IG51bWJlciwgdGl0bGUgPSBcIlwiKSA9PiB7XG4gIGNvbnN0IHN0cmlwcGVkV2lkdGggPSB0eXBlb2Ygd2lkdGggPT09IFwibnVtYmVyXCIgPyB3aWR0aCA6IHdpZHRoLnJlcGxhY2UoL1xccypweC8sIFwiXCIpO1xuICBjb25zdCBzdHJpcHBlZEhlaWdodCA9IHR5cGVvZiBoZWlnaHQgPT09IFwibnVtYmVyXCIgPyBoZWlnaHQgOiBoZWlnaHQucmVwbGFjZSgvXFxzKnB4LywgXCJcIik7XG4gIGNvbnN0IHVybE9yVGl0bGUgPSB0aXRsZSB8fCB1cmw7XG4gIHJldHVybiBgPGlmcmFtZSB0aXRsZT1cIiR7dXJsT3JUaXRsZX1cIiBhcmlhLWxhYmVsPVwiJHt1cmxPclRpdGxlfVwiIHNyYz1cIiR7dXJsfVwiIHdpZHRoPVwiJHtzdHJpcHBlZFdpZHRofVwiIGhlaWdodD1cIiR7c3RyaXBwZWRIZWlnaHR9XCIgYWxsb3dmdWxsc2NyZWVuIHNjcm9sbGluZz1cIm5vXCIgZnJhbWVib3JkZXI9XCIwXCIgbG9hZGluZz1cImxhenlcIj48L2lmcmFtZT5gO1xufTtcblxuZXhwb3J0IGNvbnN0IGlzTnVtZXJpYyA9ICh2YWx1ZTogYW55KSA9PiAhTnVtYmVyLmlzTmFOKHZhbHVlIC0gTnVtYmVyLnBhcnNlRmxvYXQodmFsdWUpKTtcblxuY29uc3QgZ2V0SWZyYW1lUHJvcHMgPSAoZGF0YTogQnJpZ2h0Y292ZUVtYmVkRGF0YSwgc291cmNlczogQnJpZ2h0Y292ZVZpZGVvU291cmNlW10pID0+IHtcbiAgY29uc3QgeyBhY2NvdW50LCB2aWRlb2lkLCBwbGF5ZXIgPSBcImRlZmF1bHRcIiB9ID0gZGF0YTtcblxuICBjb25zdCBzb3VyY2UgPSBzb3VyY2VzLmZpbHRlcigocykgPT4gcy53aWR0aCAmJiBzLmhlaWdodCkudG9Tb3J0ZWQoKGEsIGIpID0+IGEhLmhlaWdodCEgLSBiLmhlaWdodCEpWzBdO1xuXG4gIHJldHVybiB7XG4gICAgc3JjOiBgaHR0cHM6Ly9wbGF5ZXJzLmJyaWdodGNvdmUubmV0LyR7YWNjb3VudH0vJHtwbGF5ZXJ9X2RlZmF1bHQvaW5kZXguaHRtbD92aWRlb0lkPSR7dmlkZW9pZH1gLFxuICAgIGhlaWdodDogc291cmNlPy5oZWlnaHQgPz8gXCI0ODBcIixcbiAgICB3aWR0aDogc291cmNlPy53aWR0aCA/PyBcIjY0MFwiLFxuICB9O1xufTtcbmNvbnN0IEJyaWdodGNvdmVFbWJlZCA9ICh7IGVtYmVkLCBpc0NvbmNlcHQsIHJlbmRlckNvbnRleHQgPSBcImFydGljbGVcIiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc2hvd09yaWdpbmFsVmlkZW8sIHNldFNob3dPcmlnaW5hbFZpZGVvXSA9IHVzZVN0YXRlKHRydWUpO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGlmcmFtZVJlZiA9IHVzZVJlZjxIVE1MSUZyYW1lRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHsgZW1iZWREYXRhIH0gPSBlbWJlZDtcbiAgY29uc3QgZmFsbGJhY2tUaXRsZSA9IGAke3QoXCJlbWJlZC50eXBlLnZpZGVvXCIpfTogJHtlbWJlZERhdGEudmlkZW9pZH1gO1xuICBjb25zdCBwYXJzZWREZXNjcmlwdGlvbiA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmIChlbWJlZC5lbWJlZERhdGEuY2FwdGlvbiB8fCByZW5kZXJDb250ZXh0ID09PSBcImFydGljbGVcIikge1xuICAgICAgcmV0dXJuIGVtYmVkLmVtYmVkRGF0YS5jYXB0aW9uID8gcGFyc2UoZW1iZWQuZW1iZWREYXRhLmNhcHRpb24pIDogdW5kZWZpbmVkO1xuICAgIH0gZWxzZSBpZiAoZW1iZWQuc3RhdHVzID09PSBcInN1Y2Nlc3NcIiAmJiBlbWJlZC5kYXRhLmRlc2NyaXB0aW9uKSB7XG4gICAgICByZXR1cm4gcGFyc2UoZW1iZWQuZGF0YS5kZXNjcmlwdGlvbik7XG4gICAgfVxuICB9LCBbZW1iZWQsIHJlbmRlckNvbnRleHRdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGlmcmFtZSA9IGlmcmFtZVJlZi5jdXJyZW50O1xuICAgIGlmIChpZnJhbWUpIHtcbiAgICAgIGNvbnN0IFt3aWR0aCwgaGVpZ2h0XSA9IFtwYXJzZUludChpZnJhbWUud2lkdGgpLCBwYXJzZUludChpZnJhbWUuaGVpZ2h0KV07XG4gICAgICBpZnJhbWUuc3R5bGUuYXNwZWN0UmF0aW8gPSBgJHt3aWR0aH0vJHtoZWlnaHR9YDtcbiAgICAgIGlmcmFtZS53aWR0aCA9IFwiXCI7XG4gICAgICBpZnJhbWUuaGVpZ2h0ID0gXCJcIjtcbiAgICB9XG4gIH0sIFtdKTtcbiAgaWYgKGVtYmVkLnN0YXR1cyA9PT0gXCJlcnJvclwiKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxFbWJlZEVycm9yUGxhY2Vob2xkZXIgdHlwZT1cInZpZGVvXCI+XG4gICAgICAgIDxCcmlnaHRjb3ZlSWZyYW1lXG4gICAgICAgICAgcmVmPXtpZnJhbWVSZWZ9XG4gICAgICAgICAgdGl0bGU9e2VtYmVkRGF0YS5hbHQgPz8gZmFsbGJhY2tUaXRsZX1cbiAgICAgICAgICBhcmlhLWxhYmVsPXtlbWJlZERhdGEuYWx0ID8/IGZhbGxiYWNrVGl0bGV9XG4gICAgICAgICAgZnJhbWVCb3JkZXI9XCIwXCJcbiAgICAgICAgICB7Li4uZ2V0SWZyYW1lUHJvcHMoZW1iZWREYXRhLCBbXSl9XG4gICAgICAgICAgYWxsb3dGdWxsU2NyZWVuXG4gICAgICAgIC8+XG4gICAgICA8L0VtYmVkRXJyb3JQbGFjZWhvbGRlcj5cbiAgICApO1xuICB9XG4gIGNvbnN0IHsgZGF0YSB9ID0gZW1iZWQ7XG5cbiAgY29uc3QgbGlua2VkVmlkZW9JZCA9IGlzTnVtZXJpYyhkYXRhLmxpbms/LnRleHQpID8gZGF0YS5saW5rPy50ZXh0IDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IG9yaWdpbmFsVmlkZW9Qcm9wcyA9IGdldElmcmFtZVByb3BzKGVtYmVkRGF0YSwgZGF0YS5zb3VyY2VzKTtcbiAgY29uc3QgYWx0ZXJuYXRpdmVWaWRlb1Byb3BzID0gbGlua2VkVmlkZW9JZFxuICAgID8gZ2V0SWZyYW1lUHJvcHMoeyAuLi5lbWJlZERhdGEsIHZpZGVvaWQ6IGxpbmtlZFZpZGVvSWQgfSwgZGF0YS5zb3VyY2VzKVxuICAgIDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSB0eXBlPXtpc0NvbmNlcHQgPyBcImZ1bGwtY29sdW1uXCIgOiBcImZ1bGxcIn0+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImJyaWdodGNvdmUtdmlkZW9cIj5cbiAgICAgICAgPEJyaWdodGNvdmVJZnJhbWVcbiAgICAgICAgICByZWY9e2lmcmFtZVJlZn1cbiAgICAgICAgICBjbGFzc05hbWU9XCJvcmlnaW5hbFwiXG4gICAgICAgICAgdGl0bGU9e2VtYmVkRGF0YS5hbHQgPz8gZGF0YS5uYW1lID8/IGZhbGxiYWNrVGl0bGV9XG4gICAgICAgICAgYXJpYS1sYWJlbD17ZW1iZWREYXRhLmFsdCA/PyBkYXRhLm5hbWUgPz8gZmFsbGJhY2tUaXRsZX1cbiAgICAgICAgICBmcmFtZUJvcmRlcj1cIjBcIlxuICAgICAgICAgIHsuLi4oYWx0ZXJuYXRpdmVWaWRlb1Byb3BzICYmICFzaG93T3JpZ2luYWxWaWRlbyA/IGFsdGVybmF0aXZlVmlkZW9Qcm9wcyA6IG9yaWdpbmFsVmlkZW9Qcm9wcyl9XG4gICAgICAgICAgYWxsb3dGdWxsU2NyZWVuXG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxFbWJlZEJ5bGluZSB0eXBlPVwidmlkZW9cIiBjb3B5cmlnaHQ9e2RhdGEuY29weXJpZ2h0IX0gZGVzY3JpcHRpb249e3BhcnNlZERlc2NyaXB0aW9ufSBib3R0b21Sb3VuZGVkPlxuICAgICAgICB7ISFsaW5rZWRWaWRlb0lkICYmIChcbiAgICAgICAgICA8TGlua2VkVmlkZW9CdXR0b25cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgICAgIHNoYXBlPVwicGlsbFwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0U2hvd09yaWdpbmFsVmlkZW8oKHApID0+ICFwKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dChgZmlndXJlLmJ1dHRvbi4keyFzaG93T3JpZ2luYWxWaWRlbyA/IFwib3JpZ2luYWxcIiA6IFwiYWx0ZXJuYXRpdmVcIn1gKX1cbiAgICAgICAgICA8L0xpbmtlZFZpZGVvQnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9FbWJlZEJ5bGluZT5cbiAgICA8L0ZpZ3VyZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJyaWdodGNvdmVFbWJlZDtcbiJdfQ== */",
|
|
34
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
17
|
+
const LinkedVideoButton = styled(Button, {
|
|
18
|
+
base: {
|
|
19
|
+
marginInlineStart: "xsmall"
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const BrightcoveIframe = styled("iframe", {
|
|
23
|
+
base: {
|
|
24
|
+
height: "auto",
|
|
25
|
+
width: "100%"
|
|
26
|
+
}
|
|
35
27
|
});
|
|
36
28
|
export const makeIframeString = function (url, width, height) {
|
|
37
29
|
let title = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "";
|
|
@@ -57,7 +49,6 @@ const getIframeProps = (data, sources) => {
|
|
|
57
49
|
const BrightcoveEmbed = _ref => {
|
|
58
50
|
let {
|
|
59
51
|
embed,
|
|
60
|
-
isConcept,
|
|
61
52
|
renderContext = "article"
|
|
62
53
|
} = _ref;
|
|
63
54
|
const [showOriginalVideo, setShowOriginalVideo] = useState(true);
|
|
@@ -108,7 +99,6 @@ const BrightcoveEmbed = _ref => {
|
|
|
108
99
|
videoid: linkedVideoId
|
|
109
100
|
}, data.sources) : undefined;
|
|
110
101
|
return _jsxs(Figure, {
|
|
111
|
-
type: isConcept ? "full-column" : "full",
|
|
112
102
|
children: [_jsx("div", {
|
|
113
103
|
className: "brightcove-video",
|
|
114
104
|
children: _jsx(BrightcoveIframe, {
|
|
@@ -126,9 +116,8 @@ const BrightcoveEmbed = _ref => {
|
|
|
126
116
|
description: parsedDescription,
|
|
127
117
|
bottomRounded: true,
|
|
128
118
|
children: !!linkedVideoId && _jsx(LinkedVideoButton, {
|
|
129
|
-
variant: "outline",
|
|
130
|
-
shape: "pill",
|
|
131
119
|
size: "small",
|
|
120
|
+
variant: "secondary",
|
|
132
121
|
onClick: () => setShowOriginalVideo(p => !p),
|
|
133
122
|
children: t(`figure.button.${!showOriginalVideo ? "original" : "alternative"}`)
|
|
134
123
|
})
|