@ndla/ui 3.0.14 → 3.1.1-alpha.13
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/es/CopyParagraphButton/CopyParagraphButton.js +10 -5
- package/es/CopyParagraphButton/initCopyParagraphButtons.js +3 -1
- package/es/ResourceGroup/ResourceItem.js +13 -13
- package/es/locale/messages-en.js +1 -1
- package/es/locale/messages-nb.js +2 -2
- package/lib/CopyParagraphButton/CopyParagraphButton.d.ts +13 -0
- package/lib/CopyParagraphButton/CopyParagraphButton.js +10 -5
- package/lib/CopyParagraphButton/index.d.ts +11 -0
- package/lib/CopyParagraphButton/initCopyParagraphButtons.d.ts +2 -0
- package/lib/CopyParagraphButton/initCopyParagraphButtons.js +3 -1
- package/lib/ResourceGroup/ResourceItem.js +14 -14
- package/lib/index.d.ts +1 -0
- package/lib/locale/messages-en.d.ts +1 -0
- package/lib/locale/messages-en.js +1 -1
- package/lib/locale/messages-nb.d.ts +1 -0
- package/lib/locale/messages-nb.js +2 -2
- package/lib/locale/messages-nn.d.ts +1 -0
- package/package.json +3 -3
- package/src/Article/ArticleContent.tsx +2 -0
- package/src/CopyParagraphButton/CopyParagraphButton.tsx +88 -0
- package/src/CopyParagraphButton/index.tsx +13 -0
- package/src/CopyParagraphButton/initCopyParagraphButtons.tsx +27 -0
- package/src/ResourceGroup/ResourceItem.tsx +1 -1
- package/src/index.ts +2 -0
- package/src/locale/messages-en.ts +2 -1
- package/src/locale/messages-nb.ts +3 -2
- package/src/locale/messages-nn.ts +1 -0
|
@@ -38,7 +38,7 @@ var IconButton = _styled("button", {
|
|
|
38
38
|
} : {
|
|
39
39
|
name: "1eoah0f",
|
|
40
40
|
styles: "float:left;position:relative;left:-3em;top:0.1em;background:none;border:0;z-index:1;transition:0.2s;opacity:0;& svg{width:30px;height:30px;}",
|
|
41
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCZ0MiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbmRsYS90b29sdGlwJztcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tICdAbmRsYS91dGlsJztcblxuY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGZsb2F0OiBsZWZ0O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogMC4ycztcbiAgb3BhY2l0eTogMDtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5gO1xuXG5jb25zdCBDb250YWluZXJEaXYgPSBzdHlsZWQuZGl2YFxuICAmOmhvdmVyIGJ1dHRvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuXG4gICYgaDIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBsZWZ0OiAtMmVtO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZT86IHN0cmluZyB8IG51bGw7XG4gIGNvbnRlbnQ/OiBzdHJpbmcgfCBudWxsO1xufVxuXG5jb25zdCBDb3B5UGFyYWdyYXBoQnV0dG9uID0gKHsgdGl0bGUsIGNvbnRlbnQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaGFzQ29waWVkLCBzZXRIYXNDb3BpZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChoYXNDb3BpZWQpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gc2V0SGFzQ29waWVkKGZhbHNlKSwgMzAwMCk7XG4gICAgfVxuICB9LCBbaGFzQ29waWVkXSk7XG5cbiAgaWYgKCF0aXRsZSkgcmV0dXJuIG51bGw7XG5cbiAgY29uc3Qgb25Db3B5Q2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQsIE1vdXNlRXZlbnQ+KTogdm9pZCA9PiB7XG4gICAgc2V0SGFzQ29waWVkKHRydWUpO1xuICAgIGNvbnN0IGNvcHlJZCA9IGV2ZW50LmN1cnJlbnRUYXJnZXQuZ2V0QXR0cmlidXRlKCdkYXRhLXRpdGxlJyk7XG4gICAgY29uc3QgeyBsb2NhdGlvbiB9ID0gd2luZG93O1xuICAgIGNvbnN0IG5ld0hhc2ggPSBgIyR7Y29weUlkfWA7XG4gICAgY29uc3QgcG9ydCA9IGxvY2F0aW9uLnBvcnQgPyBgOiR7bG9jYXRpb24ucG9ydH1gIDogJyc7XG4gICAgY29uc3QgdXJsVG9Db3B5ID0gYCR7bG9jYXRpb24ucHJvdG9jb2x9Ly8ke2xvY2F0aW9uLmhvc3RuYW1lfSR7cG9ydH0ke2xvY2F0aW9uLnBhdGhuYW1lfSR7bG9jYXRpb24uc2VhcmNofSR7bmV3SGFzaH1gO1xuXG4gICAgY29weVRleHRUb0NsaXBib2FyZCh1cmxUb0NvcHkpO1xuICB9O1xuXG4gIGNvbnN0IHNhbml0aXplZFRpdGxlID0gZW5jb2RlVVJJQ29tcG9uZW50KHRpdGxlLnJlcGxhY2UoLyAvZywgJy0nKSk7XG4gIGNvbnN0IHRvb2x0aXAgPSBoYXNDb3BpZWQgPyB0KCdhcnRpY2xlLmNvcHlQYWdlTGlua0NvcGllZCcpIDogdCgnYXJ0aWNsZS5jb3B5SGVhZGVyTGluaycpO1xuICBjb25zb2xlLmxvZyhjb250ZW50KTtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyRGl2IGRhdGEtaGVhZGVyLWNvcHktY29udGFpbmVyIGRhdGEtdGl0bGU9e3RpdGxlfT5cbiAgICAgIDxJY29uQnV0dG9uIG9uQ2xpY2s9e29uQ29weUNsaWNrfSBkYXRhLXRpdGxlPXtzYW5pdGl6ZWRUaXRsZX0+XG4gICAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICAgIDxMaW5rIHRpdGxlPXsnJ30gLz5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPGgyIGlkPXtzYW5pdGl6ZWRUaXRsZX0gdGFiSW5kZXg9ezB9IGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogY29udGVudCB8fCAnJyB9fT48L2gyPlxuICAgIDwvQ29udGFpbmVyRGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29weVBhcmFncmFwaEJ1dHRvbjtcbiJdfQ== */",
|
|
42
42
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
43
43
|
});
|
|
44
44
|
|
|
@@ -51,12 +51,13 @@ var ContainerDiv = _styled("div", {
|
|
|
51
51
|
} : {
|
|
52
52
|
name: "25spe5",
|
|
53
53
|
styles: "&:hover button{cursor:pointer;opacity:0.5;}& h2{position:relative;left:-2em;}",
|
|
54
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDK0IiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbmRsYS90b29sdGlwJztcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tICdAbmRsYS91dGlsJztcblxuY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGZsb2F0OiBsZWZ0O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogMC4ycztcbiAgb3BhY2l0eTogMDtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5gO1xuXG5jb25zdCBDb250YWluZXJEaXYgPSBzdHlsZWQuZGl2YFxuICAmOmhvdmVyIGJ1dHRvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuXG4gICYgaDIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBsZWZ0OiAtMmVtO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZT86IHN0cmluZyB8IG51bGw7XG4gIGNvbnRlbnQ/OiBzdHJpbmcgfCBudWxsO1xufVxuXG5jb25zdCBDb3B5UGFyYWdyYXBoQnV0dG9uID0gKHsgdGl0bGUsIGNvbnRlbnQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaGFzQ29waWVkLCBzZXRIYXNDb3BpZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChoYXNDb3BpZWQpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gc2V0SGFzQ29waWVkKGZhbHNlKSwgMzAwMCk7XG4gICAgfVxuICB9LCBbaGFzQ29waWVkXSk7XG5cbiAgaWYgKCF0aXRsZSkgcmV0dXJuIG51bGw7XG5cbiAgY29uc3Qgb25Db3B5Q2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQsIE1vdXNlRXZlbnQ+KTogdm9pZCA9PiB7XG4gICAgc2V0SGFzQ29waWVkKHRydWUpO1xuICAgIGNvbnN0IGNvcHlJZCA9IGV2ZW50LmN1cnJlbnRUYXJnZXQuZ2V0QXR0cmlidXRlKCdkYXRhLXRpdGxlJyk7XG4gICAgY29uc3QgeyBsb2NhdGlvbiB9ID0gd2luZG93O1xuICAgIGNvbnN0IG5ld0hhc2ggPSBgIyR7Y29weUlkfWA7XG4gICAgY29uc3QgcG9ydCA9IGxvY2F0aW9uLnBvcnQgPyBgOiR7bG9jYXRpb24ucG9ydH1gIDogJyc7XG4gICAgY29uc3QgdXJsVG9Db3B5ID0gYCR7bG9jYXRpb24ucHJvdG9jb2x9Ly8ke2xvY2F0aW9uLmhvc3RuYW1lfSR7cG9ydH0ke2xvY2F0aW9uLnBhdGhuYW1lfSR7bG9jYXRpb24uc2VhcmNofSR7bmV3SGFzaH1gO1xuXG4gICAgY29weVRleHRUb0NsaXBib2FyZCh1cmxUb0NvcHkpO1xuICB9O1xuXG4gIGNvbnN0IHNhbml0aXplZFRpdGxlID0gZW5jb2RlVVJJQ29tcG9uZW50KHRpdGxlLnJlcGxhY2UoLyAvZywgJy0nKSk7XG4gIGNvbnN0IHRvb2x0aXAgPSBoYXNDb3BpZWQgPyB0KCdhcnRpY2xlLmNvcHlQYWdlTGlua0NvcGllZCcpIDogdCgnYXJ0aWNsZS5jb3B5SGVhZGVyTGluaycpO1xuICBjb25zb2xlLmxvZyhjb250ZW50KTtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyRGl2IGRhdGEtaGVhZGVyLWNvcHktY29udGFpbmVyIGRhdGEtdGl0bGU9e3RpdGxlfT5cbiAgICAgIDxJY29uQnV0dG9uIG9uQ2xpY2s9e29uQ29weUNsaWNrfSBkYXRhLXRpdGxlPXtzYW5pdGl6ZWRUaXRsZX0+XG4gICAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICAgIDxMaW5rIHRpdGxlPXsnJ30gLz5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPGgyIGlkPXtzYW5pdGl6ZWRUaXRsZX0gdGFiSW5kZXg9ezB9IGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogY29udGVudCB8fCAnJyB9fT48L2gyPlxuICAgIDwvQ29udGFpbmVyRGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29weVBhcmFncmFwaEJ1dHRvbjtcbiJdfQ== */",
|
|
55
55
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
56
56
|
});
|
|
57
57
|
|
|
58
58
|
var CopyParagraphButton = function CopyParagraphButton(_ref) {
|
|
59
|
-
var title = _ref.title
|
|
59
|
+
var title = _ref.title,
|
|
60
|
+
content = _ref.content;
|
|
60
61
|
|
|
61
62
|
var _useTranslation = useTranslation(),
|
|
62
63
|
t = _useTranslation.t;
|
|
@@ -88,6 +89,7 @@ var CopyParagraphButton = function CopyParagraphButton(_ref) {
|
|
|
88
89
|
|
|
89
90
|
var sanitizedTitle = encodeURIComponent(title.replace(/ /g, '-'));
|
|
90
91
|
var tooltip = hasCopied ? t('article.copyPageLinkCopied') : t('article.copyHeaderLink');
|
|
92
|
+
console.log(content);
|
|
91
93
|
return ___EmotionJSX(ContainerDiv, {
|
|
92
94
|
"data-header-copy-container": true,
|
|
93
95
|
"data-title": title
|
|
@@ -100,8 +102,11 @@ var CopyParagraphButton = function CopyParagraphButton(_ref) {
|
|
|
100
102
|
title: ''
|
|
101
103
|
}))), ___EmotionJSX("h2", {
|
|
102
104
|
id: sanitizedTitle,
|
|
103
|
-
tabIndex: 0
|
|
104
|
-
|
|
105
|
+
tabIndex: 0,
|
|
106
|
+
dangerouslySetInnerHTML: {
|
|
107
|
+
__html: content || ''
|
|
108
|
+
}
|
|
109
|
+
}));
|
|
105
110
|
};
|
|
106
111
|
|
|
107
112
|
export default CopyParagraphButton;
|
|
@@ -21,8 +21,10 @@ var forEachElement = function forEachElement(selector, callback) {
|
|
|
21
21
|
var initCopyParagraphButtons = function initCopyParagraphButtons() {
|
|
22
22
|
forEachElement('[data-header-copy-container]', function (el) {
|
|
23
23
|
var title = el.getAttribute('data-title');
|
|
24
|
+
var content = el.innerHTML;
|
|
24
25
|
ReactDOM.hydrate(___EmotionJSX(CopyParagraphButton, {
|
|
25
|
-
title: title
|
|
26
|
+
title: title,
|
|
27
|
+
content: content
|
|
26
28
|
}), el);
|
|
27
29
|
});
|
|
28
30
|
};
|