@ndla/ui 56.0.112-alpha.0 → 56.0.114-alpha.0

package/es/Article/ArticleByline.js

@@ -114,12 +114,16 @@ export const ArticleByline = _ref => {
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [onHashChange]);
   const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
-  const isLearningpath = bylineType === "learningPath";
+  const authorLabel = {
+    article: "article.authorsLabel",
+    learningPath: "article.authorsLabelLearningpath",
+    external: "article.authorsLabelExternal"
+  };
   return /*#__PURE__*/_jsxs(Wrapper, {
     children: [!!displayByline && /*#__PURE__*/_jsxs(TextWrapper, {
-      learningpath: isLearningpath,
+      learningpath: bylineType === "learningPath",
       children: [!!showPrimaryContributors && /*#__PURE__*/_jsxs("span", {
-        children: [authors.length > 0 && `${t(isLearningpath ? "article.authorsLabelLearningpath" : "article.authorsLabel", {
+        children: [authors.length > 0 && `${t(authorLabel[bylineType], {
           names: renderContributors(authors, t),
           interpolation: {
             escapeValue: false

package/es/TargetBlankIcon/TargetBlankIcon.js

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2025-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { useTranslation } from "react-i18next";
+import { ExternalLinkLine } from "@ndla/icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TargetBlankIcon = () => {
+  const {
+    t
+  } = useTranslation();
+  return /*#__PURE__*/_jsx(ExternalLinkLine, {
+    size: "small",
+    "aria-label": t("license.openLink")
+  });
+};
+export default TargetBlankIcon;

package/es/TargetBlankIcon/index.js

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2025-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+export { default as TargetBlankIcon } from "./TargetBlankIcon";

package/es/index.js

@@ -41,5 +41,6 @@ export { Grid, GridParallaxItem } from "./Grid";
 export { Gloss, GlossExample } from "./Gloss";
 export { LinkBlock, LinkBlockSection } from "./LinkBlock";
 export { CodeBlock, codeLanguageOptions } from "./CodeBlock";
+export { TargetBlankIcon } from "./TargetBlankIcon";
 export { ZendeskButton } from "./ZendeskButton/ZendeskButton";
 export { licenseAttributes } from "./utils/licenseAttributes";

package/es/locale/messages-en.js

@@ -43,6 +43,7 @@ const messages = {
     copyPageLinkCopied: "Link copied",
     copyHeaderLink: "Copy link to header",
     conjunction: "and",
+    authorsLabelExternal: "This link is added by {{names}}",
     supplierLabel: "Rightsholder: {{name}}",
     multipleSuppliersLabel: "Rightsholders: {{names}}",
     printPage: "Print text",

package/es/locale/messages-nb.js

@@ -43,6 +43,7 @@ const messages = {
     copyPageLinkCopied: "Lenke kopiert",
     copyHeaderLink: "Kopier lenke til overskriften",
     conjunction: "og",
+    authorsLabelExternal: "Denne lenken er lagt til av {{names}}",
     supplierLabel: "Rettighetshaver: {{name}}",
     multipleSuppliersLabel: "Rettighetshavere: {{names}}",
     printPage: "Skriv ut teksten",

package/es/locale/messages-nn.js

@@ -43,6 +43,7 @@ const messages = {
     copyPageLinkCopied: "Lenke kopiert",
     copyHeaderLink: "Kopier lenke til overskrifta",
     conjunction: "og",
+    authorsLabelExternal: "Denne lenka er lagt til av {{names}}",
     supplierLabel: "Rettshavar: {{name}}",
     multipleSuppliersLabel: "Rettshavarar: {{names}}",
     printPage: "Skriv ut teksten",

package/es/locale/messages-se.js

@@ -43,6 +43,7 @@ const messages = {
     copyPageLinkCopied: "Liŋka máŋgejuvvon",
     copyHeaderLink: "Máŋge liŋka bajilčállagii",
     conjunction: "ja",
+    authorsLabelExternal: "Denne lenken er lagt til av {{names}}",
     supplierLabel: "Vuoigatvuođaguoddi: {{name}}",
     multipleSuppliersLabel: "Vuoigatvuođaguoddit: {{names}}",
     printPage: "Čálit teavstta",

package/lib/Article/ArticleByline.d.ts

@@ -21,7 +21,7 @@ type Props = {
     licenseBox?: ReactNode;
     footnotes?: FootNote[];
     displayByline?: boolean;
-    bylineType?: "article" | "learningPath";
+    bylineType?: "article" | "learningPath" | "external";
     bylineSuffix?: ReactNode;
 };
 export declare const ArticleByline: ({ authors, suppliers, footnotes, licenseBox, published, displayByline, bylineType, bylineSuffix, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/Article/ArticleByline.js

@@ -120,12 +120,16 @@ const ArticleByline = _ref => {
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [onHashChange]);
   const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
-  const isLearningpath = bylineType === "learningPath";
+  const authorLabel = {
+    article: "article.authorsLabel",
+    learningPath: "article.authorsLabelLearningpath",
+    external: "article.authorsLabelExternal"
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
     children: [!!displayByline && /*#__PURE__*/(0, _jsxRuntime.jsxs)(TextWrapper, {
-      learningpath: isLearningpath,
+      learningpath: bylineType === "learningPath",
       children: [!!showPrimaryContributors && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        children: [authors.length > 0 && `${t(isLearningpath ? "article.authorsLabelLearningpath" : "article.authorsLabel", {
+        children: [authors.length > 0 && `${t(authorLabel[bylineType], {
           names: renderContributors(authors, t),
           interpolation: {
             escapeValue: false

package/lib/TargetBlankIcon/TargetBlankIcon.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2025-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+declare const TargetBlankIcon: () => import("react/jsx-runtime").JSX.Element;
+export default TargetBlankIcon;

package/lib/TargetBlankIcon/TargetBlankIcon.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactI18next = require("react-i18next");
+var _icons = require("@ndla/icons");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Copyright (c) 2025-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const TargetBlankIcon = () => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ExternalLinkLine, {
+    size: "small",
+    "aria-label": t("license.openLink")
+  });
+};
+var _default = exports.default = TargetBlankIcon;

package/lib/TargetBlankIcon/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export { default as TargetBlankIcon } from "./TargetBlankIcon";

package/lib/TargetBlankIcon/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TargetBlankIcon", {
+  enumerable: true,
+  get: function () {
+    return _TargetBlankIcon.default;
+  }
+});
+var _TargetBlankIcon = _interopRequireDefault(require("./TargetBlankIcon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/index.d.ts

@@ -48,6 +48,7 @@ export { Gloss, GlossExample } from "./Gloss";
 export { LinkBlock, LinkBlockSection } from "./LinkBlock";
 export type { Article as ArticleType, HeadingLevel } from "./types";
 export { CodeBlock, codeLanguageOptions } from "./CodeBlock";
+export { TargetBlankIcon } from "./TargetBlankIcon";
 export { ZendeskButton } from "./ZendeskButton/ZendeskButton";
 export type { ZendeskButtonProps } from "./ZendeskButton/ZendeskButton";
 export { licenseAttributes } from "./utils/licenseAttributes";

package/lib/index.js

@@ -411,6 +411,12 @@ Object.defineProperty(exports, "TagSelectorTrigger", {
     return _TagSelector.TagSelectorTrigger;
   }
 });
+Object.defineProperty(exports, "TargetBlankIcon", {
+  enumerable: true,
+  get: function () {
+    return _TargetBlankIcon.TargetBlankIcon;
+  }
+});
 Object.defineProperty(exports, "UnknownEmbed", {
   enumerable: true,
   get: function () {
@@ -587,6 +593,7 @@ var _Grid = require("./Grid");
 var _Gloss = require("./Gloss");
 var _LinkBlock = require("./LinkBlock");
 var _CodeBlock = require("./CodeBlock");
+var _TargetBlankIcon = require("./TargetBlankIcon");
 var _ZendeskButton = require("./ZendeskButton/ZendeskButton");
 var _licenseAttributes = require("./utils/licenseAttributes");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/locale/messages-en.d.ts

@@ -34,6 +34,7 @@ declare const messages: {
         copyPageLinkCopied: string;
         copyHeaderLink: string;
         conjunction: string;
+        authorsLabelExternal: string;
         supplierLabel: string;
         multipleSuppliersLabel: string;
         printPage: string;

package/lib/locale/messages-en.js

@@ -50,6 +50,7 @@ const messages = {
     copyPageLinkCopied: "Link copied",
     copyHeaderLink: "Copy link to header",
     conjunction: "and",
+    authorsLabelExternal: "This link is added by {{names}}",
     supplierLabel: "Rightsholder: {{name}}",
     multipleSuppliersLabel: "Rightsholders: {{names}}",
     printPage: "Print text",

package/lib/locale/messages-nb.d.ts

@@ -34,6 +34,7 @@ declare const messages: {
         copyPageLinkCopied: string;
         copyHeaderLink: string;
         conjunction: string;
+        authorsLabelExternal: string;
         supplierLabel: string;
         multipleSuppliersLabel: string;
         printPage: string;

package/lib/locale/messages-nb.js

@@ -50,6 +50,7 @@ const messages = {
     copyPageLinkCopied: "Lenke kopiert",
     copyHeaderLink: "Kopier lenke til overskriften",
     conjunction: "og",
+    authorsLabelExternal: "Denne lenken er lagt til av {{names}}",
     supplierLabel: "Rettighetshaver: {{name}}",
     multipleSuppliersLabel: "Rettighetshavere: {{names}}",
     printPage: "Skriv ut teksten",

package/lib/locale/messages-nn.d.ts

@@ -34,6 +34,7 @@ declare const messages: {
         copyPageLinkCopied: string;
         copyHeaderLink: string;
         conjunction: string;
+        authorsLabelExternal: string;
         supplierLabel: string;
         multipleSuppliersLabel: string;
         printPage: string;

package/lib/locale/messages-nn.js

@@ -50,6 +50,7 @@ const messages = {
     copyPageLinkCopied: "Lenke kopiert",
     copyHeaderLink: "Kopier lenke til overskrifta",
     conjunction: "og",
+    authorsLabelExternal: "Denne lenka er lagt til av {{names}}",
     supplierLabel: "Rettshavar: {{name}}",
     multipleSuppliersLabel: "Rettshavarar: {{names}}",
     printPage: "Skriv ut teksten",

package/lib/locale/messages-se.d.ts

@@ -34,6 +34,7 @@ declare const messages: {
         copyPageLinkCopied: string;
         copyHeaderLink: string;
         conjunction: string;
+        authorsLabelExternal: string;
         supplierLabel: string;
         multipleSuppliersLabel: string;
         printPage: string;

package/lib/locale/messages-se.js

@@ -50,6 +50,7 @@ const messages = {
     copyPageLinkCopied: "Liŋka máŋgejuvvon",
     copyHeaderLink: "Máŋge liŋka bajilčállagii",
     conjunction: "ja",
+    authorsLabelExternal: "Denne lenken er lagt til av {{names}}",
     supplierLabel: "Vuoigatvuođaguoddi: {{name}}",
     multipleSuppliersLabel: "Vuoigatvuođaguoddit: {{names}}",
     printPage: "Čálit teavstta",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "56.0.112-alpha.0",
+  "version": "56.0.114-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -33,7 +33,7 @@
   ],
   "dependencies": {
     "@ndla/core": "^5.0.3",
-    "@ndla/icons": "^8.0.53-alpha.0",
+    "@ndla/icons": "^8.0.54-alpha.0",
     "@ndla/licenses": "^9.0.1",
     "@ndla/primitives": "^1.0.85-alpha.0",
     "@ndla/safelink": "^7.0.86-alpha.0",
@@ -57,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "db91aaa57493b901a25c927167614a9d1518be48"
+  "gitHead": "c69b83767d021c8f907b54b2a81c60db9d07ae73"
 }

package/src/Article/ArticleByline.tsx

@@ -74,7 +74,7 @@ type Props = {
   licenseBox?: ReactNode;
   footnotes?: FootNote[];
   displayByline?: boolean;
-  bylineType?: "article" | "learningPath";
+  bylineType?: "article" | "learningPath" | "external";
   bylineSuffix?: ReactNode;
 };
 
@@ -149,16 +149,21 @@ export const ArticleByline = ({
   }, [onHashChange]);
 
   const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
-  const isLearningpath = bylineType === "learningPath";
+
+  const authorLabel: Record<string, string> = {
+    article: "article.authorsLabel",
+    learningPath: "article.authorsLabelLearningpath",
+    external: "article.authorsLabelExternal",
+  };
 
   return (
     <Wrapper>
       {!!displayByline && (
-        <TextWrapper learningpath={isLearningpath}>
+        <TextWrapper learningpath={bylineType === "learningPath"}>
           {!!showPrimaryContributors && (
             <span>
               {authors.length > 0 &&
-                `${t(isLearningpath ? "article.authorsLabelLearningpath" : "article.authorsLabel", {
+                `${t(authorLabel[bylineType], {
                   names: renderContributors(authors, t),
                   interpolation: { escapeValue: false },
                 })}. `}

package/src/TargetBlankIcon/TargetBlankIcon.tsx

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2025-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { useTranslation } from "react-i18next";
+import { ExternalLinkLine } from "@ndla/icons";
+
+const TargetBlankIcon = () => {
+  const { t } = useTranslation();
+  return <ExternalLinkLine size="small" aria-label={t("license.openLink")} />;
+};
+
+export default TargetBlankIcon;

package/src/TargetBlankIcon/index.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2025-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+export { default as TargetBlankIcon } from "./TargetBlankIcon";

package/src/index.ts

@@ -132,6 +132,8 @@ export type { Article as ArticleType, HeadingLevel } from "./types";
 
 export { CodeBlock, codeLanguageOptions } from "./CodeBlock";
 
+export { TargetBlankIcon } from "./TargetBlankIcon";
+
 export { ZendeskButton } from "./ZendeskButton/ZendeskButton";
 
 export type { ZendeskButtonProps } from "./ZendeskButton/ZendeskButton";

package/src/locale/messages-en.ts

@@ -41,6 +41,7 @@ const messages = {
     copyPageLinkCopied: "Link copied",
     copyHeaderLink: "Copy link to header",
     conjunction: "and",
+    authorsLabelExternal: "This link is added by {{names}}",
     supplierLabel: "Rightsholder: {{name}}",
     multipleSuppliersLabel: "Rightsholders: {{names}}",
     printPage: "Print text",

package/src/locale/messages-nb.ts

@@ -42,6 +42,7 @@ const messages = {
     copyPageLinkCopied: "Lenke kopiert",
     copyHeaderLink: "Kopier lenke til overskriften",
     conjunction: "og",
+    authorsLabelExternal: "Denne lenken er lagt til av {{names}}",
     supplierLabel: "Rettighetshaver: {{name}}",
     multipleSuppliersLabel: "Rettighetshavere: {{names}}",
     printPage: "Skriv ut teksten",

package/src/locale/messages-nn.ts

@@ -42,6 +42,7 @@ const messages = {
     copyPageLinkCopied: "Lenke kopiert",
     copyHeaderLink: "Kopier lenke til overskrifta",
     conjunction: "og",
+    authorsLabelExternal: "Denne lenka er lagt til av {{names}}",
     supplierLabel: "Rettshavar: {{name}}",
     multipleSuppliersLabel: "Rettshavarar: {{names}}",
     printPage: "Skriv ut teksten",

package/src/locale/messages-se.ts

@@ -42,6 +42,7 @@ const messages = {
     copyPageLinkCopied: "Liŋka máŋgejuvvon",
     copyHeaderLink: "Máŋge liŋka bajilčállagii",
     conjunction: "ja",
+    authorsLabelExternal: "Denne lenken er lagt til av {{names}}",
     supplierLabel: "Vuoigatvuođaguoddi: {{name}}",
     multipleSuppliersLabel: "Vuoigatvuođaguoddit: {{names}}",
     printPage: "Čálit teavstta",