@ndla/ui 33.4.5 → 34.0.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/es/Article/Article.js +7 -7
- package/es/Article/ArticleByline.js +14 -14
- package/es/Article/ArticleHeaderWrapper.js +4 -2
- package/es/BannerCard/BannerCard.js +13 -10
- package/es/CompetenceGoalTab/CompetenceGoalItem.js +69 -51
- package/es/CompetenceGoalTab/CompetenceGoalTab.js +25 -47
- package/es/CompetenceGoalTab/CompetenceItem.js +38 -90
- package/es/CompetenceGoals/CompetenceGoalsDialog.js +4 -4
- package/es/locale/messages-en.js +6 -3
- package/es/locale/messages-nb.js +6 -3
- package/es/locale/messages-nn.js +6 -3
- package/es/locale/messages-se.js +6 -3
- package/es/locale/messages-sma.js +6 -3
- package/lib/Article/Article.d.ts +3 -3
- package/lib/Article/Article.js +7 -7
- package/lib/Article/ArticleByline.js +14 -14
- package/lib/Article/ArticleHeaderWrapper.d.ts +2 -2
- package/lib/Article/ArticleHeaderWrapper.js +4 -2
- package/lib/BannerCard/BannerCard.d.ts +12 -3
- package/lib/BannerCard/BannerCard.js +13 -10
- package/lib/CompetenceGoalTab/CompetenceGoalItem.js +69 -51
- package/lib/CompetenceGoalTab/CompetenceGoalTab.d.ts +1 -2
- package/lib/CompetenceGoalTab/CompetenceGoalTab.js +23 -46
- package/lib/CompetenceGoalTab/CompetenceItem.d.ts +6 -2
- package/lib/CompetenceGoalTab/CompetenceItem.js +37 -89
- package/lib/CompetenceGoals/CompetenceGoalsDialog.js +4 -4
- package/lib/locale/messages-en.d.ts +4 -1
- package/lib/locale/messages-en.js +6 -3
- package/lib/locale/messages-nb.d.ts +4 -1
- package/lib/locale/messages-nb.js +6 -3
- package/lib/locale/messages-nn.d.ts +4 -1
- package/lib/locale/messages-nn.js +6 -3
- package/lib/locale/messages-se.d.ts +4 -1
- package/lib/locale/messages-se.js +6 -3
- package/lib/locale/messages-sma.d.ts +4 -1
- package/lib/locale/messages-sma.js +6 -3
- package/lib/types.d.ts +1 -1
- package/package.json +2 -2
- package/src/Article/Article.tsx +6 -6
- package/src/Article/ArticleByline.tsx +12 -12
- package/src/Article/ArticleHeaderWrapper.tsx +9 -3
- package/src/BannerCard/BannerCard.tsx +7 -7
- package/src/CompetenceGoalTab/CompetenceGoalItem.tsx +36 -39
- package/src/CompetenceGoalTab/CompetenceGoalTab.tsx +32 -76
- package/src/CompetenceGoalTab/CompetenceItem.tsx +55 -74
- package/src/CompetenceGoals/CompetenceGoalsDialog.tsx +1 -1
- package/src/locale/messages-en.ts +7 -3
- package/src/locale/messages-nb.ts +7 -3
- package/src/locale/messages-nn.ts +7 -3
- package/src/locale/messages-se.ts +7 -3
- package/src/locale/messages-sma.ts +7 -3
- package/src/types.ts +1 -1
- package/es/CompetenceGoalTab/SearchButton.js +0 -46
- package/lib/CompetenceGoalTab/SearchButton.d.ts +0 -14
- package/lib/CompetenceGoalTab/SearchButton.js +0 -53
- package/src/CompetenceGoalTab/SearchButton.tsx +0 -54
|
@@ -28,19 +28,19 @@ var HeaderWrapper = /*#__PURE__*/(0, _base["default"])("div", {
|
|
|
28
28
|
} : {
|
|
29
29
|
name: "1nqlp1d",
|
|
30
30
|
styles: "padding:14px 20px 14px 0;display:flex;align-items:center;justify-content:space-between;width:100%",
|
|
31
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
31
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdDIiwiZmlsZSI6IkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IE1vZGFsLCB7IE1vZGFsSGVhZGVyLCBNb2RhbEJvZHksIE1vZGFsQ2xvc2VCdXR0b24gfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBGb290ZXJIZWFkZXJJY29uIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgSGVhZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDE0cHggMjBweCAxNHB4IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBIZWFkaW5nV3JhcHBlciA9IHN0eWxlZC5oMWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcygnMThweCcsICczMnB4Jyl9O1xuICBtYXJnaW46IDA7XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgbW9kYWxQcm9wcz86IENvbXBvbmVudFByb3BzPHR5cGVvZiBNb2RhbD47XG4gIGlzT3Blbj86IGJvb2xlYW47XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBzdWJqZWN0TmFtZT86IHN0cmluZztcbiAgY3VycmljdWx1bXM/OiB7XG4gICAgaWQ6IHN0cmluZztcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgZ29hbHM/OiB7XG4gICAgICBpZDogc3RyaW5nO1xuICAgICAgbmFtZTogc3RyaW5nO1xuICAgIH1bXTtcbiAgfVtdO1xufVxuXG5jb25zdCBDb21wZXRlbmNlR29hbHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBtYXgtd2lkdGg6IDk2MHB4O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDMycHg7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZSB9KX0ge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb21wZXRlbmNlR29hbHNEaWFsb2cgPSAoeyBjaGlsZHJlbiwgaXNPcGVuLCBvbkNsb3NlLCBzdWJqZWN0TmFtZSwgbW9kYWxQcm9wcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGljb25JZCA9ICdwb3B1cENvbXBldGVuY2VHb2Fscyc7XG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxcbiAgICAgIGxhYmVsbGVkQnk9e2ljb25JZH1cbiAgICAgIHsuLi5tb2RhbFByb3BzfVxuICAgICAgY29udHJvbGxhYmxlXG4gICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICBzaXplPVwiZnVsbHNjcmVlblwiXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJsaWdodC1ncmFkaWVudFwiXG4gICAgICBuYXJyb3c+XG4gICAgICB7KGNsb3NlKSA9PiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPE1vZGFsSGVhZGVyIG1vZGlmaWVyPVwibWVudVwiPlxuICAgICAgICAgICAgPEhlYWRlcldyYXBwZXI+XG4gICAgICAgICAgICAgIDxIZWFkaW5nV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8Rm9vdGVySGVhZGVySWNvbiBpZD17aWNvbklkfSBzaXplPVwiMjRweFwiIHN0eWxlPXt7IG1hcmdpblJpZ2h0OiAnMjBweCcgfX0gLz5cbiAgICAgICAgICAgICAgICB7dCgnY29tcGV0ZW5jZUdvYWxzLm1vZGFsVGV4dCcpfSB7c3ViamVjdE5hbWUgJiYgYCBcXHUyMDIyICR7c3ViamVjdE5hbWV9YH1cbiAgICAgICAgICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VCdXR0b24gb25DbGljaz17Y2xvc2V9IHRpdGxlPXt0KCdjb21wZXRlbmNlR29hbHMuY29tcGV0ZW5jZUdvYWxDbG9zZScpfSAvPlxuICAgICAgICAgICAgPC9IZWFkZXJXcmFwcGVyPlxuICAgICAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICAgICAgPE1vZGFsQm9keT5cbiAgICAgICAgICAgIDxDb21wZXRlbmNlR29hbHNXcmFwcGVyPntjaGlsZHJlbn08L0NvbXBldGVuY2VHb2Fsc1dyYXBwZXI+XG4gICAgICAgICAgPC9Nb2RhbEJvZHk+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L01vZGFsPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nO1xuIl19 */",
|
|
32
32
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
33
33
|
});
|
|
34
|
-
var HeadingWrapper = /*#__PURE__*/(0, _base["default"])("
|
|
34
|
+
var HeadingWrapper = /*#__PURE__*/(0, _base["default"])("h1", {
|
|
35
35
|
target: "e1gm3dqo1",
|
|
36
36
|
label: "HeadingWrapper"
|
|
37
|
-
})("display:flex;align-items:center;", _core.fonts.sizes('18px', '32px'), ";margin:0;font-weight:", _core.fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
})("display:flex;align-items:center;", _core.fonts.sizes('18px', '32px'), ";margin:0;font-weight:", _core.fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJnQyIsImZpbGUiOiJDb21wZXRlbmNlR29hbHNEaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBNb2RhbCwgeyBNb2RhbEhlYWRlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuaW1wb3J0IHsgRm9vdGVySGVhZGVySWNvbiB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IEhlYWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNHB4IDIwcHggMTRweCAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgSGVhZGluZ1dyYXBwZXIgPSBzdHlsZWQuaDFgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzJweCcpfTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIG1vZGFsUHJvcHM/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgTW9kYWw+O1xuICBpc09wZW4/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgc3ViamVjdE5hbWU/OiBzdHJpbmc7XG4gIGN1cnJpY3VsdW1zPzoge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGdvYWxzPzoge1xuICAgICAgaWQ6IHN0cmluZztcbiAgICAgIG5hbWU6IHN0cmluZztcbiAgICB9W107XG4gIH1bXTtcbn1cblxuY29uc3QgQ29tcGV0ZW5jZUdvYWxzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgbWF4LXdpZHRoOiA5NjBweDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBwYWRkaW5nOiAzMnB4O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUgfSl9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nID0gKHsgY2hpbGRyZW4sIGlzT3Blbiwgb25DbG9zZSwgc3ViamVjdE5hbWUsIG1vZGFsUHJvcHMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBpY29uSWQgPSAncG9wdXBDb21wZXRlbmNlR29hbHMnO1xuXG4gIHJldHVybiAoXG4gICAgPE1vZGFsXG4gICAgICBsYWJlbGxlZEJ5PXtpY29uSWR9XG4gICAgICB7Li4ubW9kYWxQcm9wc31cbiAgICAgIGNvbnRyb2xsYWJsZVxuICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgc2l6ZT1cImZ1bGxzY3JlZW5cIlxuICAgICAgYmFja2dyb3VuZENvbG9yPVwibGlnaHQtZ3JhZGllbnRcIlxuICAgICAgbmFycm93PlxuICAgICAgeyhjbG9zZSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxNb2RhbEhlYWRlciBtb2RpZmllcj1cIm1lbnVcIj5cbiAgICAgICAgICAgIDxIZWFkZXJXcmFwcGVyPlxuICAgICAgICAgICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgICAgPEZvb3RlckhlYWRlckljb24gaWQ9e2ljb25JZH0gc2l6ZT1cIjI0cHhcIiBzdHlsZT17eyBtYXJnaW5SaWdodDogJzIwcHgnIH19IC8+XG4gICAgICAgICAgICAgICAge3QoJ2NvbXBldGVuY2VHb2Fscy5tb2RhbFRleHQnKX0ge3N1YmplY3ROYW1lICYmIGAgXFx1MjAyMiAke3N1YmplY3ROYW1lfWB9XG4gICAgICAgICAgICAgIDwvSGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSB0aXRsZT17dCgnY29tcGV0ZW5jZUdvYWxzLmNvbXBldGVuY2VHb2FsQ2xvc2UnKX0gLz5cbiAgICAgICAgICAgIDwvSGVhZGVyV3JhcHBlcj5cbiAgICAgICAgICA8L01vZGFsSGVhZGVyPlxuICAgICAgICAgIDxNb2RhbEJvZHk+XG4gICAgICAgICAgICA8Q29tcGV0ZW5jZUdvYWxzV3JhcHBlcj57Y2hpbGRyZW59PC9Db21wZXRlbmNlR29hbHNXcmFwcGVyPlxuICAgICAgICAgIDwvTW9kYWxCb2R5PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9Nb2RhbD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbXBldGVuY2VHb2Fsc0RpYWxvZztcbiJdfQ== */"));
|
|
38
38
|
var CompetenceGoalsWrapper = /*#__PURE__*/(0, _base["default"])("div", {
|
|
39
39
|
target: "e1gm3dqo0",
|
|
40
40
|
label: "CompetenceGoalsWrapper"
|
|
41
41
|
})("height:100%;max-width:960px;width:100%;margin:0 auto;padding:32px;", _core.mq.range({
|
|
42
42
|
from: _core.breakpoints.mobile
|
|
43
|
-
}), "{padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
43
|
+
}), "{padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0N5QyIsImZpbGUiOiJDb21wZXRlbmNlR29hbHNEaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBNb2RhbCwgeyBNb2RhbEhlYWRlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuaW1wb3J0IHsgRm9vdGVySGVhZGVySWNvbiB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IEhlYWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNHB4IDIwcHggMTRweCAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgSGVhZGluZ1dyYXBwZXIgPSBzdHlsZWQuaDFgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzJweCcpfTtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIG1vZGFsUHJvcHM/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgTW9kYWw+O1xuICBpc09wZW4/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbiAgc3ViamVjdE5hbWU/OiBzdHJpbmc7XG4gIGN1cnJpY3VsdW1zPzoge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGdvYWxzPzoge1xuICAgICAgaWQ6IHN0cmluZztcbiAgICAgIG5hbWU6IHN0cmluZztcbiAgICB9W107XG4gIH1bXTtcbn1cblxuY29uc3QgQ29tcGV0ZW5jZUdvYWxzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgbWF4LXdpZHRoOiA5NjBweDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBwYWRkaW5nOiAzMnB4O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUgfSl9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nID0gKHsgY2hpbGRyZW4sIGlzT3Blbiwgb25DbG9zZSwgc3ViamVjdE5hbWUsIG1vZGFsUHJvcHMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBpY29uSWQgPSAncG9wdXBDb21wZXRlbmNlR29hbHMnO1xuXG4gIHJldHVybiAoXG4gICAgPE1vZGFsXG4gICAgICBsYWJlbGxlZEJ5PXtpY29uSWR9XG4gICAgICB7Li4ubW9kYWxQcm9wc31cbiAgICAgIGNvbnRyb2xsYWJsZVxuICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgc2l6ZT1cImZ1bGxzY3JlZW5cIlxuICAgICAgYmFja2dyb3VuZENvbG9yPVwibGlnaHQtZ3JhZGllbnRcIlxuICAgICAgbmFycm93PlxuICAgICAgeyhjbG9zZSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxNb2RhbEhlYWRlciBtb2RpZmllcj1cIm1lbnVcIj5cbiAgICAgICAgICAgIDxIZWFkZXJXcmFwcGVyPlxuICAgICAgICAgICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgICAgPEZvb3RlckhlYWRlckljb24gaWQ9e2ljb25JZH0gc2l6ZT1cIjI0cHhcIiBzdHlsZT17eyBtYXJnaW5SaWdodDogJzIwcHgnIH19IC8+XG4gICAgICAgICAgICAgICAge3QoJ2NvbXBldGVuY2VHb2Fscy5tb2RhbFRleHQnKX0ge3N1YmplY3ROYW1lICYmIGAgXFx1MjAyMiAke3N1YmplY3ROYW1lfWB9XG4gICAgICAgICAgICAgIDwvSGVhZGluZ1dyYXBwZXI+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSB0aXRsZT17dCgnY29tcGV0ZW5jZUdvYWxzLmNvbXBldGVuY2VHb2FsQ2xvc2UnKX0gLz5cbiAgICAgICAgICAgIDwvSGVhZGVyV3JhcHBlcj5cbiAgICAgICAgICA8L01vZGFsSGVhZGVyPlxuICAgICAgICAgIDxNb2RhbEJvZHk+XG4gICAgICAgICAgICA8Q29tcGV0ZW5jZUdvYWxzV3JhcHBlcj57Y2hpbGRyZW59PC9Db21wZXRlbmNlR29hbHNXcmFwcGVyPlxuICAgICAgICAgIDwvTW9kYWxCb2R5PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9Nb2RhbD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbXBldGVuY2VHb2Fsc0RpYWxvZztcbiJdfQ== */"));
|
|
44
44
|
var CompetenceGoalsDialog = function CompetenceGoalsDialog(_ref) {
|
|
45
45
|
var _children = _ref.children,
|
|
46
46
|
isOpen = _ref.isOpen,
|
|
@@ -454,6 +454,8 @@ declare const messages: {
|
|
|
454
454
|
removeFavorite: string;
|
|
455
455
|
removeConfirmed: string;
|
|
456
456
|
addConfirmed: string;
|
|
457
|
+
subjectFavoritePitch: string;
|
|
458
|
+
subjectFavoriteGuide: string;
|
|
457
459
|
shows: string;
|
|
458
460
|
};
|
|
459
461
|
topicPage: {
|
|
@@ -648,9 +650,10 @@ declare const messages: {
|
|
|
648
650
|
competenceSubjectSearchText: string;
|
|
649
651
|
competenceGoalClose: string;
|
|
650
652
|
competenceGoalTitle: string;
|
|
651
|
-
competenceTabLK06label: string;
|
|
652
653
|
competenceTabLK20label: string;
|
|
654
|
+
competenceTabLK20Tooltip: string;
|
|
653
655
|
competenceTabCorelabel: string;
|
|
656
|
+
competenceTabCoreTooltip: string;
|
|
654
657
|
competenceGoalItem: {
|
|
655
658
|
title: string;
|
|
656
659
|
};
|
|
@@ -258,6 +258,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
258
258
|
removeFavorite: 'Remove favorite subject',
|
|
259
259
|
removeConfirmed: '{{subject}} is removed from your favorite subjects',
|
|
260
260
|
addConfirmed: '{{subject}} is added to your favorite subjects',
|
|
261
|
+
subjectFavoritePitch: 'Do you want to favorite this subject?',
|
|
262
|
+
subjectFavoriteGuide: 'To favorite a subject you must log in to My NDLA. You will find the subject on the top of this page after logging in.',
|
|
261
263
|
shows: 'Shows'
|
|
262
264
|
},
|
|
263
265
|
topicPage: {
|
|
@@ -432,7 +434,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
432
434
|
useCompentenceGoalsFilter: 'Use filter',
|
|
433
435
|
closeCompentenceGoalsFilter: 'Close filter',
|
|
434
436
|
competenceGoalsNarrowBackButton: 'Go back',
|
|
435
|
-
competenceGoalResourceSearchText: '
|
|
437
|
+
competenceGoalResourceSearchText: 'View resources to competence goal {{goal}}',
|
|
436
438
|
competenceGoalShowExtra: 'Show',
|
|
437
439
|
competenceGoalCloseExtra: 'Hide',
|
|
438
440
|
competenceCoreLabel: 'Core element',
|
|
@@ -443,9 +445,10 @@ var messages = _objectSpread(_objectSpread({
|
|
|
443
445
|
competenceSubjectSearchText: 'Go to topic page',
|
|
444
446
|
competenceGoalClose: 'Close',
|
|
445
447
|
competenceGoalTitle: 'The pupil is expected to be able to:',
|
|
446
|
-
|
|
447
|
-
|
|
448
|
+
competenceTabLK20label: 'Competence goal',
|
|
449
|
+
competenceTabLK20Tooltip: 'Show competence goals',
|
|
448
450
|
competenceTabCorelabel: 'Core element',
|
|
451
|
+
competenceTabCoreTooltip: 'Show core elements',
|
|
449
452
|
competenceGoalItem: {
|
|
450
453
|
title: 'Competence goals and assessment'
|
|
451
454
|
},
|
|
@@ -454,6 +454,8 @@ declare const messages: {
|
|
|
454
454
|
removeFavorite: string;
|
|
455
455
|
removeConfirmed: string;
|
|
456
456
|
addConfirmed: string;
|
|
457
|
+
subjectFavoritePitch: string;
|
|
458
|
+
subjectFavoriteGuide: string;
|
|
457
459
|
shows: string;
|
|
458
460
|
};
|
|
459
461
|
topicPage: {
|
|
@@ -648,9 +650,10 @@ declare const messages: {
|
|
|
648
650
|
competenceSubjectSearchText: string;
|
|
649
651
|
competenceGoalClose: string;
|
|
650
652
|
competenceGoalTitle: string;
|
|
651
|
-
competenceTabLK06label: string;
|
|
652
653
|
competenceTabLK20label: string;
|
|
654
|
+
competenceTabLK20Tooltip: string;
|
|
653
655
|
competenceTabCorelabel: string;
|
|
656
|
+
competenceTabCoreTooltip: string;
|
|
654
657
|
competenceGoalItem: {
|
|
655
658
|
title: string;
|
|
656
659
|
};
|
|
@@ -258,6 +258,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
258
258
|
removeFavorite: 'Fjern favorittfag',
|
|
259
259
|
removeConfirmed: '{{subject}} er fjernet fra favorittfag',
|
|
260
260
|
addConfirmed: '{{subject}} er lagt til som favorittfag',
|
|
261
|
+
subjectFavoritePitch: 'Ønsker du å favorittmerke dette faget?',
|
|
262
|
+
subjectFavoriteGuide: 'For å favorittmerke et fag må du logge inn på Min NDLA. Du finner faget øverst på denne siden etter at du har logget inn.',
|
|
261
263
|
shows: 'Viser'
|
|
262
264
|
},
|
|
263
265
|
topicPage: {
|
|
@@ -432,7 +434,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
432
434
|
useCompentenceGoalsFilter: 'Bruk filter',
|
|
433
435
|
closeCompentenceGoalsFilter: 'Lukk filter',
|
|
434
436
|
competenceGoalsNarrowBackButton: 'Tilbake',
|
|
435
|
-
competenceGoalResourceSearchText: '
|
|
437
|
+
competenceGoalResourceSearchText: 'Vis ressurser til kompetansemål {{goal}}',
|
|
436
438
|
competenceGoalShowExtra: 'Vis støtte til læreplanen',
|
|
437
439
|
competenceGoalCloseExtra: 'Skjul støtte til læreplanen',
|
|
438
440
|
competenceCoreLabel: 'Kjerneelement',
|
|
@@ -443,9 +445,10 @@ var messages = _objectSpread(_objectSpread({
|
|
|
443
445
|
competenceSubjectSearchText: 'Gå til fagsiden',
|
|
444
446
|
competenceGoalClose: 'Lukk',
|
|
445
447
|
competenceGoalTitle: 'Målet er at eleven skal kunne:',
|
|
446
|
-
|
|
447
|
-
|
|
448
|
+
competenceTabLK20label: 'Kompetansemål',
|
|
449
|
+
competenceTabLK20Tooltip: 'Vis kompetansemål',
|
|
448
450
|
competenceTabCorelabel: 'Kjerneelement',
|
|
451
|
+
competenceTabCoreTooltip: 'Vis kjerneelementer',
|
|
449
452
|
competenceGoalItem: {
|
|
450
453
|
title: 'Kompetansemål og vurdering'
|
|
451
454
|
},
|
|
@@ -454,6 +454,8 @@ declare const messages: {
|
|
|
454
454
|
removeFavorite: string;
|
|
455
455
|
removeConfirmed: string;
|
|
456
456
|
addConfirmed: string;
|
|
457
|
+
subjectFavoritePitch: string;
|
|
458
|
+
subjectFavoriteGuide: string;
|
|
457
459
|
shows: string;
|
|
458
460
|
};
|
|
459
461
|
topicPage: {
|
|
@@ -648,9 +650,10 @@ declare const messages: {
|
|
|
648
650
|
competenceSubjectSearchText: string;
|
|
649
651
|
competenceGoalClose: string;
|
|
650
652
|
competenceGoalTitle: string;
|
|
651
|
-
competenceTabLK06label: string;
|
|
652
653
|
competenceTabLK20label: string;
|
|
654
|
+
competenceTabLK20Tooltip: string;
|
|
653
655
|
competenceTabCorelabel: string;
|
|
656
|
+
competenceTabCoreTooltip: string;
|
|
654
657
|
competenceGoalItem: {
|
|
655
658
|
title: string;
|
|
656
659
|
};
|
|
@@ -258,6 +258,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
258
258
|
removeFavorite: 'Fjern favorittfag',
|
|
259
259
|
removeConfirmed: '{{subject}} er fjerna frå favorittfag',
|
|
260
260
|
addConfirmed: '{{subject}} er lagt til som favorittfag',
|
|
261
|
+
subjectFavoritePitch: 'Ønsker du å favorittmerke dette faget?',
|
|
262
|
+
subjectFavoriteGuide: 'For å favorittmerke eit fag må du logge inn på Min NDLA. Du finn faget øverst på denne sida etter at du har logga inn.',
|
|
261
263
|
shows: 'Viser'
|
|
262
264
|
},
|
|
263
265
|
topicPage: {
|
|
@@ -432,7 +434,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
432
434
|
useCompentenceGoalsFilter: 'Bruk filter',
|
|
433
435
|
closeCompentenceGoalsFilter: 'Lukk filter',
|
|
434
436
|
competenceGoalsNarrowBackButton: 'Tilbake',
|
|
435
|
-
competenceGoalResourceSearchText: '
|
|
437
|
+
competenceGoalResourceSearchText: 'Vis ressursar til kompetansemål {{goal}}',
|
|
436
438
|
competenceGoalShowExtra: 'Vis støtte til læreplanen',
|
|
437
439
|
competenceGoalCloseExtra: 'Skjul støtte til læreplanen',
|
|
438
440
|
competenceCoreLabel: 'Kjerneelement',
|
|
@@ -443,9 +445,10 @@ var messages = _objectSpread(_objectSpread({
|
|
|
443
445
|
competenceSubjectSearchText: 'Gå til fagsiden',
|
|
444
446
|
competenceGoalClose: 'Lukk',
|
|
445
447
|
competenceGoalTitle: 'Målet er at eleven skal kunne:',
|
|
446
|
-
|
|
447
|
-
|
|
448
|
+
competenceTabLK20label: 'Kompetansemål',
|
|
449
|
+
competenceTabLK20Tooltip: 'Vis kompetansemål',
|
|
448
450
|
competenceTabCorelabel: 'Kjerneelement',
|
|
451
|
+
competenceTabCoreTooltip: 'Vis kjerneelementar',
|
|
449
452
|
competenceGoalItem: {
|
|
450
453
|
title: 'Kompetansemål og vurdering'
|
|
451
454
|
},
|
|
@@ -454,6 +454,8 @@ declare const messages: {
|
|
|
454
454
|
removeFavorite: string;
|
|
455
455
|
removeConfirmed: string;
|
|
456
456
|
addConfirmed: string;
|
|
457
|
+
subjectFavoritePitch: string;
|
|
458
|
+
subjectFavoriteGuide: string;
|
|
457
459
|
shows: string;
|
|
458
460
|
};
|
|
459
461
|
topicPage: {
|
|
@@ -648,9 +650,10 @@ declare const messages: {
|
|
|
648
650
|
competenceSubjectSearchText: string;
|
|
649
651
|
competenceGoalClose: string;
|
|
650
652
|
competenceGoalTitle: string;
|
|
651
|
-
competenceTabLK06label: string;
|
|
652
653
|
competenceTabLK20label: string;
|
|
654
|
+
competenceTabLK20Tooltip: string;
|
|
653
655
|
competenceTabCorelabel: string;
|
|
656
|
+
competenceTabCoreTooltip: string;
|
|
654
657
|
competenceGoalItem: {
|
|
655
658
|
title: string;
|
|
656
659
|
};
|
|
@@ -258,6 +258,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
258
258
|
removeFavorite: 'Fjern favorittfag',
|
|
259
259
|
removeConfirmed: '{{subject}} er fjernet fra favorittfag',
|
|
260
260
|
addConfirmed: '{{subject}} er lagt til som favorittfag',
|
|
261
|
+
subjectFavoritePitch: 'Ønsker du å favorittmerke dette faget?',
|
|
262
|
+
subjectFavoriteGuide: 'For å favorittmerke et fag må du logge inn på Min NDLA. Du finner faget øverst på denne siden etter at du har logget inn.',
|
|
261
263
|
shows: 'Viser'
|
|
262
264
|
},
|
|
263
265
|
topicPage: {
|
|
@@ -432,7 +434,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
432
434
|
useCompentenceGoalsFilter: 'Geavat filtara',
|
|
433
435
|
closeCompentenceGoalsFilter: 'Govčča filtara',
|
|
434
436
|
competenceGoalsNarrowBackButton: 'Ruovttoluotta',
|
|
435
|
-
competenceGoalResourceSearchText: '
|
|
437
|
+
competenceGoalResourceSearchText: 'Vis ressursar til kompetansemål {{goal}}',
|
|
436
438
|
competenceGoalShowExtra: 'Čájet oahppoplána doarjaga',
|
|
437
439
|
competenceGoalCloseExtra: 'Čiega oahppoplána doarjaga',
|
|
438
440
|
competenceCoreLabel: 'Guovddášelemeanta',
|
|
@@ -443,9 +445,10 @@ var messages = _objectSpread(_objectSpread({
|
|
|
443
445
|
competenceSubjectSearchText: 'Mana fágasiidui',
|
|
444
446
|
competenceGoalClose: 'Govčča',
|
|
445
447
|
competenceGoalTitle: 'Mihttun lea ahte oahppi galgá máhttit:',
|
|
446
|
-
|
|
447
|
-
|
|
448
|
+
competenceTabLK20label: 'Gealbomihttomearri',
|
|
449
|
+
competenceTabLK20Tooltip: 'Vis kompetansemål',
|
|
448
450
|
competenceTabCorelabel: 'Guovddášelemeanta',
|
|
451
|
+
competenceTabCoreTooltip: 'Vis kjerneelementer',
|
|
449
452
|
competenceGoalItem: {
|
|
450
453
|
title: 'Gealbomihttomearit ja árvvoštallan'
|
|
451
454
|
},
|
|
@@ -454,6 +454,8 @@ declare const messages: {
|
|
|
454
454
|
removeFavorite: string;
|
|
455
455
|
removeConfirmed: string;
|
|
456
456
|
addConfirmed: string;
|
|
457
|
+
subjectFavoritePitch: string;
|
|
458
|
+
subjectFavoriteGuide: string;
|
|
457
459
|
shows: string;
|
|
458
460
|
};
|
|
459
461
|
topicPage: {
|
|
@@ -648,9 +650,10 @@ declare const messages: {
|
|
|
648
650
|
competenceSubjectSearchText: string;
|
|
649
651
|
competenceGoalClose: string;
|
|
650
652
|
competenceGoalTitle: string;
|
|
651
|
-
competenceTabLK06label: string;
|
|
652
653
|
competenceTabLK20label: string;
|
|
654
|
+
competenceTabLK20Tooltip: string;
|
|
653
655
|
competenceTabCorelabel: string;
|
|
656
|
+
competenceTabCoreTooltip: string;
|
|
654
657
|
competenceGoalItem: {
|
|
655
658
|
title: string;
|
|
656
659
|
};
|
|
@@ -258,6 +258,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
258
258
|
removeFavorite: 'Fjern favorittfag',
|
|
259
259
|
removeConfirmed: '{{subject}} er fjernet fra favorittfag',
|
|
260
260
|
addConfirmed: '{{subject}} er lagt til som favorittfag',
|
|
261
|
+
subjectFavoritePitch: 'Ønsker du å favorittmerke dette faget?',
|
|
262
|
+
subjectFavoriteGuide: 'For å favorittmerke et fag må du logge inn på Min NDLA. Du finner faget øverst på denne siden etter at du har logget inn.',
|
|
261
263
|
shows: 'Viser'
|
|
262
264
|
},
|
|
263
265
|
topicPage: {
|
|
@@ -432,7 +434,7 @@ var messages = _objectSpread(_objectSpread({
|
|
|
432
434
|
useCompentenceGoalsFilter: 'Bruk filter',
|
|
433
435
|
closeCompentenceGoalsFilter: 'Lukk filter',
|
|
434
436
|
competenceGoalsNarrowBackButton: 'Tilbake',
|
|
435
|
-
competenceGoalResourceSearchText: '
|
|
437
|
+
competenceGoalResourceSearchText: 'Vis ressursar til kompetansemål {{goal}}',
|
|
436
438
|
competenceGoalShowExtra: 'Vis støtte til læreplanen',
|
|
437
439
|
competenceGoalCloseExtra: 'Skjul støtte til læreplanen',
|
|
438
440
|
competenceCoreLabel: 'Kjerneelement',
|
|
@@ -443,9 +445,10 @@ var messages = _objectSpread(_objectSpread({
|
|
|
443
445
|
competenceSubjectSearchText: 'Gå til fagsiden',
|
|
444
446
|
competenceGoalClose: 'Lukk',
|
|
445
447
|
competenceGoalTitle: 'Målet er at eleven skal kunne:',
|
|
446
|
-
|
|
447
|
-
|
|
448
|
+
competenceTabLK20label: 'Kompetansemål',
|
|
449
|
+
competenceTabLK20Tooltip: 'Vis kompetansemål',
|
|
448
450
|
competenceTabCorelabel: 'Kjerneelement',
|
|
451
|
+
competenceTabCoreTooltip: 'Vis kjerneelementer',
|
|
449
452
|
competenceGoalItem: {
|
|
450
453
|
title: 'Kompetansemål og vurdering'
|
|
451
454
|
},
|
package/lib/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "34.0.0",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"publishConfig": {
|
|
83
83
|
"access": "public"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "db3f35560206bd927b474e4809cfe2d5eff1b7e7"
|
|
86
86
|
}
|
package/src/Article/Article.tsx
CHANGED
|
@@ -119,19 +119,19 @@ type Props = {
|
|
|
119
119
|
article: ArticleType;
|
|
120
120
|
icon?: ReactNode;
|
|
121
121
|
licenseBox?: ReactNode;
|
|
122
|
+
competenceGoalsLoading?: boolean;
|
|
122
123
|
modifier?: string;
|
|
123
124
|
children?: ReactNode;
|
|
124
125
|
messages: Messages;
|
|
125
126
|
locale: Locale;
|
|
126
127
|
messageBoxLinks?: [];
|
|
128
|
+
copyText?: string;
|
|
127
129
|
competenceGoals?:
|
|
128
130
|
| ((inp: { Dialog: ComponentType; dialogProps: { isOpen: boolean; onClose: () => void } }) => ReactNode)
|
|
129
131
|
| ReactNode
|
|
130
132
|
| null;
|
|
131
|
-
competenceGoalTypes?: string[];
|
|
132
133
|
id: string;
|
|
133
134
|
renderMarkdown: (text: string) => string;
|
|
134
|
-
copyPageUrlLink?: string;
|
|
135
135
|
printUrl?: string;
|
|
136
136
|
notions?: { list: ConceptNotionType[]; related: NotionRelatedContent[] };
|
|
137
137
|
accessMessage?: string;
|
|
@@ -157,8 +157,7 @@ export const Article = ({
|
|
|
157
157
|
messageBoxLinks,
|
|
158
158
|
children,
|
|
159
159
|
competenceGoals,
|
|
160
|
-
|
|
161
|
-
copyPageUrlLink,
|
|
160
|
+
competenceGoalsLoading,
|
|
162
161
|
id,
|
|
163
162
|
locale,
|
|
164
163
|
notions,
|
|
@@ -166,6 +165,7 @@ export const Article = ({
|
|
|
166
165
|
renderMarkdown,
|
|
167
166
|
accessMessage,
|
|
168
167
|
heartButton,
|
|
168
|
+
copyText,
|
|
169
169
|
}: Props) => {
|
|
170
170
|
const [articleRef, { entry }] = useIntersectionObserver({
|
|
171
171
|
root: null,
|
|
@@ -214,7 +214,7 @@ export const Article = ({
|
|
|
214
214
|
<MessageBox links={messageBoxLinks}>{messages.messageBox}</MessageBox>
|
|
215
215
|
</MSGboxWrapper>
|
|
216
216
|
)}
|
|
217
|
-
<ArticleHeaderWrapper competenceGoals={competenceGoals}
|
|
217
|
+
<ArticleHeaderWrapper competenceGoals={competenceGoals} competenceGoalsLoading={competenceGoalsLoading}>
|
|
218
218
|
{heartButton ? <ArticleFavoritesButtonWrapper>{heartButton}</ArticleFavoritesButtonWrapper> : null}
|
|
219
219
|
|
|
220
220
|
<ArticleTitle icon={icon} label={messages.label}>
|
|
@@ -237,7 +237,7 @@ export const Article = ({
|
|
|
237
237
|
<LayoutItem layout="center">
|
|
238
238
|
{footNotes && footNotes.length > 0 && <ArticleFootNotes footNotes={footNotes} />}
|
|
239
239
|
<ArticleByline
|
|
240
|
-
|
|
240
|
+
copySourceReference={copyText}
|
|
241
241
|
authors={authors}
|
|
242
242
|
suppliers={rightsholders}
|
|
243
243
|
published={published}
|
|
@@ -144,18 +144,6 @@ const ArticleByline = ({
|
|
|
144
144
|
)}
|
|
145
145
|
{showSecondaryContributors && <TextWrapper>{getSuppliersText(suppliers, t)}</TextWrapper>}
|
|
146
146
|
<ButtonWrapper>
|
|
147
|
-
{copySourceReference && (
|
|
148
|
-
<CopyButton
|
|
149
|
-
size="small"
|
|
150
|
-
variant="outline"
|
|
151
|
-
shape="pill"
|
|
152
|
-
aria-live="assertive"
|
|
153
|
-
copyNode={t('license.hasCopiedTitle')}
|
|
154
|
-
data-copy-string={copySourceReference}
|
|
155
|
-
onClick={copyLicense}>
|
|
156
|
-
{`${t('license.copy')} ${t('license.copyTitle').toLowerCase()}`}
|
|
157
|
-
</CopyButton>
|
|
158
|
-
)}
|
|
159
147
|
{licenseBox && (
|
|
160
148
|
<Modal
|
|
161
149
|
labelledBy={buttonId}
|
|
@@ -177,6 +165,18 @@ const ArticleByline = ({
|
|
|
177
165
|
)}
|
|
178
166
|
</Modal>
|
|
179
167
|
)}
|
|
168
|
+
{copySourceReference && (
|
|
169
|
+
<CopyButton
|
|
170
|
+
size="small"
|
|
171
|
+
shape="pill"
|
|
172
|
+
variant="outline"
|
|
173
|
+
aria-live="assertive"
|
|
174
|
+
copyNode={t('license.hasCopiedTitle')}
|
|
175
|
+
data-copy-string={copySourceReference}
|
|
176
|
+
onClick={copyLicense}>
|
|
177
|
+
{`${t('license.copy')} ${t('license.copyTitle').toLowerCase()}`}
|
|
178
|
+
</CopyButton>
|
|
179
|
+
)}
|
|
180
180
|
{copyPageUrlLink && (
|
|
181
181
|
<CopyButton
|
|
182
182
|
onClick={copyLinkHandler}
|
|
@@ -30,11 +30,11 @@ type Props = {
|
|
|
30
30
|
| ((inp: { Dialog: ComponentType; dialogProps: { isOpen: boolean; onClose: () => void } }) => ReactNode)
|
|
31
31
|
| ReactNode
|
|
32
32
|
| null;
|
|
33
|
-
|
|
33
|
+
competenceGoalsLoading?: boolean;
|
|
34
34
|
children: ReactNode;
|
|
35
35
|
};
|
|
36
36
|
|
|
37
|
-
const ArticleHeaderWrapper = ({ children, competenceGoals,
|
|
37
|
+
const ArticleHeaderWrapper = ({ children, competenceGoals, competenceGoalsLoading }: Props) => {
|
|
38
38
|
const [isOpen, setIsOpen] = useState(false);
|
|
39
39
|
const { t } = useTranslation();
|
|
40
40
|
|
|
@@ -77,7 +77,13 @@ const ArticleHeaderWrapper = ({ children, competenceGoals, competenceGoalTypes }
|
|
|
77
77
|
return (
|
|
78
78
|
<div {...classes('header')}>
|
|
79
79
|
{children}
|
|
80
|
-
<ButtonV2
|
|
80
|
+
<ButtonV2
|
|
81
|
+
aria-busy={competenceGoalsLoading}
|
|
82
|
+
size="xsmall"
|
|
83
|
+
colorTheme="light"
|
|
84
|
+
shape="pill"
|
|
85
|
+
onClick={openDialog}
|
|
86
|
+
disabled={competenceGoalsLoading}>
|
|
81
87
|
<FooterHeaderIcon />
|
|
82
88
|
<CompetenceBadgeText>{t('competenceGoals.showCompetenceGoals')}</CompetenceBadgeText>
|
|
83
89
|
</ButtonV2>
|
|
@@ -75,9 +75,9 @@ type ImageProps = {
|
|
|
75
75
|
type BannerProps = {
|
|
76
76
|
link: string;
|
|
77
77
|
image: ImageProps;
|
|
78
|
-
title: string;
|
|
79
|
-
content: string;
|
|
80
|
-
linkText: string;
|
|
78
|
+
title: { title: string; lang?: string };
|
|
79
|
+
content: { content: string; lang?: string };
|
|
80
|
+
linkText: { text: string; lang?: string };
|
|
81
81
|
};
|
|
82
82
|
export const BannerCard = ({ link, title, content, linkText, image }: BannerProps) => {
|
|
83
83
|
return (
|
|
@@ -86,10 +86,10 @@ export const BannerCard = ({ link, title, content, linkText, image }: BannerProp
|
|
|
86
86
|
<StyledImage alt={image.altText} src={image.imageSrc} />
|
|
87
87
|
</ImageWrapper>
|
|
88
88
|
<TextWrapper>
|
|
89
|
-
<TitleText>{title}</TitleText>
|
|
90
|
-
<ContentText>{content}</ContentText>
|
|
91
|
-
<LinkText target="_self" to={link}>
|
|
92
|
-
{linkText}
|
|
89
|
+
<TitleText lang={title.lang}>{title.title}</TitleText>
|
|
90
|
+
<ContentText lang={content.lang}>{content.content}</ContentText>
|
|
91
|
+
<LinkText target="_self" to={link} lang={linkText.lang}>
|
|
92
|
+
{linkText.text}
|
|
93
93
|
</LinkText>
|
|
94
94
|
</TextWrapper>
|
|
95
95
|
</BannerWrapper>
|
|
@@ -9,49 +9,49 @@
|
|
|
9
9
|
import React from 'react';
|
|
10
10
|
import styled from '@emotion/styled';
|
|
11
11
|
import { fonts, spacing, mq, breakpoints } from '@ndla/core';
|
|
12
|
+
import { Search } from '@ndla/icons/common';
|
|
13
|
+
import { SafeLinkButton } from '@ndla/safelink';
|
|
12
14
|
import { useTranslation } from 'react-i18next';
|
|
13
15
|
import { CompetenceGoalsItemType } from '../types';
|
|
14
|
-
import SearchButton from './SearchButton';
|
|
15
16
|
|
|
16
17
|
const GoalItem = styled.li`
|
|
17
18
|
margin: ${spacing.medium} 0;
|
|
18
|
-
list-style-type: none;
|
|
19
|
-
display: flex;
|
|
20
|
-
font-size: 18px;
|
|
21
|
-
line-height: 24px;
|
|
22
19
|
border-bottom: 1px solid #d1d6db;
|
|
23
20
|
`;
|
|
24
21
|
|
|
25
|
-
const GoalWrapper = styled.div`
|
|
26
|
-
width: 100%;
|
|
27
|
-
padding-bottom: ${spacing.small};
|
|
28
|
-
`;
|
|
29
|
-
|
|
30
22
|
const GoalsHeading = styled.h3`
|
|
31
23
|
margin-top: 0;
|
|
32
|
-
font-weight: ${fonts.weight.semibold};
|
|
33
24
|
`;
|
|
25
|
+
|
|
26
|
+
const StyledSearch = styled(Search)`
|
|
27
|
+
height: 24px;
|
|
28
|
+
width: 24px;
|
|
29
|
+
min-width: 24px;
|
|
30
|
+
`;
|
|
31
|
+
|
|
34
32
|
const GoalList = styled.ul`
|
|
35
33
|
padding: 0;
|
|
36
34
|
`;
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
|
|
36
|
+
const GoalText = styled.p`
|
|
37
|
+
margin: 0;
|
|
39
38
|
`;
|
|
40
|
-
|
|
39
|
+
|
|
40
|
+
const ListItemContent = styled.div`
|
|
41
41
|
display: flex;
|
|
42
42
|
justify-content: space-between;
|
|
43
|
+
${fonts.sizes('22px', '32px')};
|
|
43
44
|
${mq.range({ until: breakpoints.tabletWide })} {
|
|
44
45
|
flex-direction: column;
|
|
45
46
|
}
|
|
46
47
|
`;
|
|
47
48
|
|
|
48
|
-
const GoalListInnerTextWrapper = styled.div`
|
|
49
|
-
flex: 1;
|
|
50
|
-
`;
|
|
51
|
-
|
|
52
49
|
const GoalSearchWrapper = styled.div`
|
|
53
50
|
margin-left: ${spacing.normal};
|
|
54
51
|
flex: 0 0 289px;
|
|
52
|
+
span {
|
|
53
|
+
text-align: left;
|
|
54
|
+
}
|
|
55
55
|
|
|
56
56
|
${mq.range({ until: breakpoints.tabletWide })} {
|
|
57
57
|
margin-left: 0;
|
|
@@ -64,27 +64,24 @@ const CompetenceGoalItem = ({ title, goals, isOembed }: CompetenceGoalsItemType)
|
|
|
64
64
|
const { t } = useTranslation();
|
|
65
65
|
return (
|
|
66
66
|
<GoalItem>
|
|
67
|
-
<
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
{
|
|
71
|
-
<
|
|
72
|
-
<
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
<
|
|
76
|
-
<
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
))}
|
|
86
|
-
</GoalList>
|
|
87
|
-
</GoalWrapper>
|
|
67
|
+
<GoalsHeading>{title}</GoalsHeading>
|
|
68
|
+
<GoalList>
|
|
69
|
+
{goals.map((goal, index) => (
|
|
70
|
+
<li key={`${goal.text}${index}`}>
|
|
71
|
+
<ListItemContent>
|
|
72
|
+
<GoalText>{goal.text}</GoalText>
|
|
73
|
+
{goal.url && (
|
|
74
|
+
<GoalSearchWrapper>
|
|
75
|
+
<SafeLinkButton variant="outline" to={goal.url} target={isOembed ? '_blank' : '_self'}>
|
|
76
|
+
<StyledSearch size="large" />
|
|
77
|
+
<span>{t('competenceGoals.competenceGoalResourceSearchText', { goal: goal.id })}</span>
|
|
78
|
+
</SafeLinkButton>
|
|
79
|
+
</GoalSearchWrapper>
|
|
80
|
+
)}
|
|
81
|
+
</ListItemContent>
|
|
82
|
+
</li>
|
|
83
|
+
))}
|
|
84
|
+
</GoalList>
|
|
88
85
|
</GoalItem>
|
|
89
86
|
);
|
|
90
87
|
};
|