@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
package/es/locale/messages-en.js
CHANGED
|
@@ -132,7 +132,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
132
132
|
showingCompetenceGoalSearchPhrase: 'Showing results for competence goals {text}',
|
|
133
133
|
searchPhraseSuggestion: 'Search instead for:',
|
|
134
134
|
notionLabels: 'Used in',
|
|
135
|
-
notionsHeading: '
|
|
135
|
+
notionsHeading: 'Explanations',
|
|
136
136
|
notionsRemove: 'Remove',
|
|
137
137
|
showVideo: 'Watch video',
|
|
138
138
|
showNotion: 'Show notion'
|
package/es/locale/messages-nb.js
CHANGED
|
@@ -732,8 +732,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
732
732
|
showLongerDescription: 'Vis hele emnebeskrivelsen',
|
|
733
733
|
showShorterDescription: 'Skjul emnebeskrivelsen',
|
|
734
734
|
topics: 'Emner',
|
|
735
|
-
additionalTopic: '
|
|
736
|
-
additionalTopics: '
|
|
735
|
+
additionalTopic: 'Tilleggsemne',
|
|
736
|
+
additionalTopics: 'Tilleggsemner',
|
|
737
737
|
loadingText: 'Laster emne'
|
|
738
738
|
},
|
|
739
739
|
multidisciplinarySubject: {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2021-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
|
+
interface Props {
|
|
9
|
+
title?: string | null;
|
|
10
|
+
content?: string | null;
|
|
11
|
+
}
|
|
12
|
+
declare const CopyParagraphButton: ({ title, content }: Props) => JSX.Element | null;
|
|
13
|
+
export default CopyParagraphButton;
|
|
@@ -50,7 +50,7 @@ var IconButton = (0, _styledBase["default"])("button", {
|
|
|
50
50
|
} : {
|
|
51
51
|
name: "1eoah0f",
|
|
52
52
|
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;}",
|
|
53
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
53
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCZ0MiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbmRsYS90b29sdGlwJztcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tICdAbmRsYS91dGlsJztcblxuY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGZsb2F0OiBsZWZ0O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogMC4ycztcbiAgb3BhY2l0eTogMDtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5gO1xuXG5jb25zdCBDb250YWluZXJEaXYgPSBzdHlsZWQuZGl2YFxuICAmOmhvdmVyIGJ1dHRvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuXG4gICYgaDIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBsZWZ0OiAtMmVtO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZT86IHN0cmluZyB8IG51bGw7XG4gIGNvbnRlbnQ/OiBzdHJpbmcgfCBudWxsO1xufVxuXG5jb25zdCBDb3B5UGFyYWdyYXBoQnV0dG9uID0gKHsgdGl0bGUsIGNvbnRlbnQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaGFzQ29waWVkLCBzZXRIYXNDb3BpZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChoYXNDb3BpZWQpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gc2V0SGFzQ29waWVkKGZhbHNlKSwgMzAwMCk7XG4gICAgfVxuICB9LCBbaGFzQ29waWVkXSk7XG5cbiAgaWYgKCF0aXRsZSkgcmV0dXJuIG51bGw7XG5cbiAgY29uc3Qgb25Db3B5Q2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQsIE1vdXNlRXZlbnQ+KTogdm9pZCA9PiB7XG4gICAgc2V0SGFzQ29waWVkKHRydWUpO1xuICAgIGNvbnN0IGNvcHlJZCA9IGV2ZW50LmN1cnJlbnRUYXJnZXQuZ2V0QXR0cmlidXRlKCdkYXRhLXRpdGxlJyk7XG4gICAgY29uc3QgeyBsb2NhdGlvbiB9ID0gd2luZG93O1xuICAgIGNvbnN0IG5ld0hhc2ggPSBgIyR7Y29weUlkfWA7XG4gICAgY29uc3QgcG9ydCA9IGxvY2F0aW9uLnBvcnQgPyBgOiR7bG9jYXRpb24ucG9ydH1gIDogJyc7XG4gICAgY29uc3QgdXJsVG9Db3B5ID0gYCR7bG9jYXRpb24ucHJvdG9jb2x9Ly8ke2xvY2F0aW9uLmhvc3RuYW1lfSR7cG9ydH0ke2xvY2F0aW9uLnBhdGhuYW1lfSR7bG9jYXRpb24uc2VhcmNofSR7bmV3SGFzaH1gO1xuXG4gICAgY29weVRleHRUb0NsaXBib2FyZCh1cmxUb0NvcHkpO1xuICB9O1xuXG4gIGNvbnN0IHNhbml0aXplZFRpdGxlID0gZW5jb2RlVVJJQ29tcG9uZW50KHRpdGxlLnJlcGxhY2UoLyAvZywgJy0nKSk7XG4gIGNvbnN0IHRvb2x0aXAgPSBoYXNDb3BpZWQgPyB0KCdhcnRpY2xlLmNvcHlQYWdlTGlua0NvcGllZCcpIDogdCgnYXJ0aWNsZS5jb3B5SGVhZGVyTGluaycpO1xuICBjb25zb2xlLmxvZyhjb250ZW50KTtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyRGl2IGRhdGEtaGVhZGVyLWNvcHktY29udGFpbmVyIGRhdGEtdGl0bGU9e3RpdGxlfT5cbiAgICAgIDxJY29uQnV0dG9uIG9uQ2xpY2s9e29uQ29weUNsaWNrfSBkYXRhLXRpdGxlPXtzYW5pdGl6ZWRUaXRsZX0+XG4gICAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICAgIDxMaW5rIHRpdGxlPXsnJ30gLz5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPGgyIGlkPXtzYW5pdGl6ZWRUaXRsZX0gdGFiSW5kZXg9ezB9IGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogY29udGVudCB8fCAnJyB9fT48L2gyPlxuICAgIDwvQ29udGFpbmVyRGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29weVBhcmFncmFwaEJ1dHRvbjtcbiJdfQ== */",
|
|
54
54
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
55
55
|
});
|
|
56
56
|
var ContainerDiv = (0, _styledBase["default"])("div", {
|
|
@@ -62,12 +62,13 @@ var ContainerDiv = (0, _styledBase["default"])("div", {
|
|
|
62
62
|
} : {
|
|
63
63
|
name: "25spe5",
|
|
64
64
|
styles: "&:hover button{cursor:pointer;opacity:0.5;}& h2{position:relative;left:-2em;}",
|
|
65
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
65
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDK0IiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbmRsYS90b29sdGlwJztcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tICdAbmRsYS91dGlsJztcblxuY29uc3QgSWNvbkJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGZsb2F0OiBsZWZ0O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogMTtcbiAgdHJhbnNpdGlvbjogMC4ycztcbiAgb3BhY2l0eTogMDtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5gO1xuXG5jb25zdCBDb250YWluZXJEaXYgPSBzdHlsZWQuZGl2YFxuICAmOmhvdmVyIGJ1dHRvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuXG4gICYgaDIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBsZWZ0OiAtMmVtO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZT86IHN0cmluZyB8IG51bGw7XG4gIGNvbnRlbnQ/OiBzdHJpbmcgfCBudWxsO1xufVxuXG5jb25zdCBDb3B5UGFyYWdyYXBoQnV0dG9uID0gKHsgdGl0bGUsIGNvbnRlbnQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaGFzQ29waWVkLCBzZXRIYXNDb3BpZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChoYXNDb3BpZWQpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gc2V0SGFzQ29waWVkKGZhbHNlKSwgMzAwMCk7XG4gICAgfVxuICB9LCBbaGFzQ29waWVkXSk7XG5cbiAgaWYgKCF0aXRsZSkgcmV0dXJuIG51bGw7XG5cbiAgY29uc3Qgb25Db3B5Q2xpY2sgPSAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQsIE1vdXNlRXZlbnQ+KTogdm9pZCA9PiB7XG4gICAgc2V0SGFzQ29waWVkKHRydWUpO1xuICAgIGNvbnN0IGNvcHlJZCA9IGV2ZW50LmN1cnJlbnRUYXJnZXQuZ2V0QXR0cmlidXRlKCdkYXRhLXRpdGxlJyk7XG4gICAgY29uc3QgeyBsb2NhdGlvbiB9ID0gd2luZG93O1xuICAgIGNvbnN0IG5ld0hhc2ggPSBgIyR7Y29weUlkfWA7XG4gICAgY29uc3QgcG9ydCA9IGxvY2F0aW9uLnBvcnQgPyBgOiR7bG9jYXRpb24ucG9ydH1gIDogJyc7XG4gICAgY29uc3QgdXJsVG9Db3B5ID0gYCR7bG9jYXRpb24ucHJvdG9jb2x9Ly8ke2xvY2F0aW9uLmhvc3RuYW1lfSR7cG9ydH0ke2xvY2F0aW9uLnBhdGhuYW1lfSR7bG9jYXRpb24uc2VhcmNofSR7bmV3SGFzaH1gO1xuXG4gICAgY29weVRleHRUb0NsaXBib2FyZCh1cmxUb0NvcHkpO1xuICB9O1xuXG4gIGNvbnN0IHNhbml0aXplZFRpdGxlID0gZW5jb2RlVVJJQ29tcG9uZW50KHRpdGxlLnJlcGxhY2UoLyAvZywgJy0nKSk7XG4gIGNvbnN0IHRvb2x0aXAgPSBoYXNDb3BpZWQgPyB0KCdhcnRpY2xlLmNvcHlQYWdlTGlua0NvcGllZCcpIDogdCgnYXJ0aWNsZS5jb3B5SGVhZGVyTGluaycpO1xuICBjb25zb2xlLmxvZyhjb250ZW50KTtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyRGl2IGRhdGEtaGVhZGVyLWNvcHktY29udGFpbmVyIGRhdGEtdGl0bGU9e3RpdGxlfT5cbiAgICAgIDxJY29uQnV0dG9uIG9uQ2xpY2s9e29uQ29weUNsaWNrfSBkYXRhLXRpdGxlPXtzYW5pdGl6ZWRUaXRsZX0+XG4gICAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICAgIDxMaW5rIHRpdGxlPXsnJ30gLz5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPGgyIGlkPXtzYW5pdGl6ZWRUaXRsZX0gdGFiSW5kZXg9ezB9IGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogY29udGVudCB8fCAnJyB9fT48L2gyPlxuICAgIDwvQ29udGFpbmVyRGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29weVBhcmFncmFwaEJ1dHRvbjtcbiJdfQ== */",
|
|
66
66
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
67
67
|
});
|
|
68
68
|
|
|
69
69
|
var CopyParagraphButton = function CopyParagraphButton(_ref) {
|
|
70
|
-
var title = _ref.title
|
|
70
|
+
var title = _ref.title,
|
|
71
|
+
content = _ref.content;
|
|
71
72
|
|
|
72
73
|
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
73
74
|
t = _useTranslation.t;
|
|
@@ -99,6 +100,7 @@ var CopyParagraphButton = function CopyParagraphButton(_ref) {
|
|
|
99
100
|
|
|
100
101
|
var sanitizedTitle = encodeURIComponent(title.replace(/ /g, '-'));
|
|
101
102
|
var tooltip = hasCopied ? t('article.copyPageLinkCopied') : t('article.copyHeaderLink');
|
|
103
|
+
console.log(content);
|
|
102
104
|
return (0, _core.jsx)(ContainerDiv, {
|
|
103
105
|
"data-header-copy-container": true,
|
|
104
106
|
"data-title": title
|
|
@@ -111,8 +113,11 @@ var CopyParagraphButton = function CopyParagraphButton(_ref) {
|
|
|
111
113
|
title: ''
|
|
112
114
|
}))), (0, _core.jsx)("h2", {
|
|
113
115
|
id: sanitizedTitle,
|
|
114
|
-
tabIndex: 0
|
|
115
|
-
|
|
116
|
+
tabIndex: 0,
|
|
117
|
+
dangerouslySetInnerHTML: {
|
|
118
|
+
__html: content || ''
|
|
119
|
+
}
|
|
120
|
+
}));
|
|
116
121
|
};
|
|
117
122
|
|
|
118
123
|
var _default = CopyParagraphButton;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2021-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
|
+
import CopyParagraphButton from './CopyParagraphButton';
|
|
9
|
+
import initCopyParagraphButtons from './initCopyParagraphButtons';
|
|
10
|
+
export { CopyParagraphButton, initCopyParagraphButtons };
|
|
11
|
+
export default CopyParagraphButton;
|
|
@@ -33,9 +33,11 @@ var forEachElement = function forEachElement(selector, callback) {
|
|
|
33
33
|
var initCopyParagraphButtons = function initCopyParagraphButtons() {
|
|
34
34
|
forEachElement('[data-header-copy-container]', function (el) {
|
|
35
35
|
var title = el.getAttribute('data-title');
|
|
36
|
+
var content = el.innerHTML;
|
|
36
37
|
|
|
37
38
|
_reactDom["default"].hydrate((0, _core.jsx)(_CopyParagraphButton["default"], {
|
|
38
|
-
title: title
|
|
39
|
+
title: title,
|
|
40
|
+
content: content
|
|
39
41
|
}), el);
|
|
40
42
|
});
|
|
41
43
|
};
|