@ndla/ui 56.0.111-alpha.0 → 56.0.113-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/Grid/Grid.js

@@ -79,7 +79,8 @@ export const Grid = _ref => {
     columns,
     border,
     children,
-    background = "gray"
+    background = "gray",
+    ...rest
   } = _ref;
   const amountOfColumns = children?.length === 3 ? "3" : columns;
   return /*#__PURE__*/_jsx(GridContainer, {
@@ -87,6 +88,7 @@ export const Grid = _ref => {
     border: border === "none" ? undefined : border,
     columns: amountOfColumns,
     background: background,
+    ...rest,
     children: children
   });
 };

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 lagd 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/Grid/Grid.d.ts

@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { type ReactNode } from "react";
-export interface GridProps {
+import { type ComponentProps, type ReactNode } from "react";
+export interface GridProps extends ComponentProps<"div"> {
     columns: "2" | "3" | "4" | "2x2";
     border?: "none" | "lightBlue";
     background?: "transparent" | "white" | "gray";
     children?: ReactNode[];
 }
-export declare const Grid: ({ columns, border, children, background }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Grid: ({ columns, border, children, background, ...rest }: GridProps) => import("react/jsx-runtime").JSX.Element;

package/lib/Grid/Grid.js

@@ -85,7 +85,8 @@ const Grid = _ref => {
     columns,
     border,
     children,
-    background = "gray"
+    background = "gray",
+    ...rest
   } = _ref;
   const amountOfColumns = children?.length === 3 ? "3" : columns;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridContainer, {
@@ -93,6 +94,7 @@ const Grid = _ref => {
     border: border === "none" ? undefined : border,
     columns: amountOfColumns,
     background: background,
+    ...rest,
     children: children
   });
 };

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 lagd 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.111-alpha.0",
+  "version": "56.0.113-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -57,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2636009581467510d1675793f45f1762065b5a81"
+  "gitHead": "e8c865af1ed43005dd82d12f85a0704acd4ff4ae"
 }

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/Grid/Grid.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { type ReactNode } from "react";
+import { type ComponentProps, type ReactNode } from "react";
 import { styled } from "@ndla/styled-system/jsx";
 
 const GridContainer = styled("div", {
@@ -63,14 +63,14 @@ const GridContainer = styled("div", {
   },
 });
 
-export interface GridProps {
+export interface GridProps extends ComponentProps<"div"> {
   columns: "2" | "3" | "4" | "2x2";
   border?: "none" | "lightBlue";
   background?: "transparent" | "white" | "gray";
   children?: ReactNode[];
 }
 
-export const Grid = ({ columns, border, children, background = "gray" }: GridProps) => {
+export const Grid = ({ columns, border, children, background = "gray", ...rest }: GridProps) => {
   const amountOfColumns = children?.length === 3 ? "3" : columns;
 
   return (
@@ -79,6 +79,7 @@ export const Grid = ({ columns, border, children, background = "gray" }: GridPro
       border={border === "none" ? undefined : border}
       columns={amountOfColumns}
       background={background}
+      {...rest}
     >
       {children}
     </GridContainer>

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 lagd 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",