@ndla/ui 56.0.123-alpha.0 → 56.0.124-alpha.0

package/lib/Article/ArticleByline.js

@@ -1,189 +1,135 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const require_ArticleFootNotes = require('./ArticleFootNotes.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const __ndla_styled_system_jsx = require_rolldown_runtime.__toESM(require("@ndla/styled-system/jsx"));
+const react_i18next = require_rolldown_runtime.__toESM(require("react-i18next"));
+const __ndla_icons = require_rolldown_runtime.__toESM(require("@ndla/icons"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
+const react_router_dom = require_rolldown_runtime.__toESM(require("react-router-dom"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ArticleBylineAccordionItem = exports.ArticleByline = void 0;
-var _react = require("react");
-var _reactI18next = require("react-i18next");
-var _reactRouterDom = require("react-router-dom");
-var _icons = require("@ndla/icons");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _ArticleFootNotes = require("./ArticleFootNotes");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2020-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 Wrapper = (0, _jsx2.styled)("div", {
-  base: {
-    // TODO: Figure out if we want to remove this margin. It's only here to add some gap between the article content and the byline.
-    marginBlockStart: "medium",
-    paddingBlockStart: "xsmall",
-    borderTop: "1px solid",
-    borderColor: "stroke.subtle"
-  }
-});
-const TextWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "3xsmall",
-    width: "100%",
-    justifyContent: "space-between",
-    paddingBlock: "xsmall",
-    textStyle: "body.medium",
-    '& [data-contributors="false"]': {
-      marginInlineStart: "auto"
-    }
-  },
-  variants: {
-    learningpath: {
-      true: {},
-      false: {
-        tabletWide: {
-          flexDirection: "row"
-        }
-      }
-    }
-  }
+//#region src/Article/ArticleByline.tsx
+const Wrapper = (0, __ndla_styled_system_jsx.styled)("div", { base: {
+	marginBlockStart: "medium",
+	paddingBlockStart: "xsmall",
+	borderTop: "1px solid",
+	borderColor: "stroke.subtle"
+} });
+const TextWrapper = (0, __ndla_styled_system_jsx.styled)("div", {
+	base: {
+		display: "flex",
+		flexDirection: "column",
+		gap: "3xsmall",
+		width: "100%",
+		justifyContent: "space-between",
+		paddingBlock: "xsmall",
+		textStyle: "body.medium",
+		"& [data-contributors=\"false\"]": { marginInlineStart: "auto" }
+	},
+	variants: { learningpath: {
+		true: {},
+		false: { tabletWide: { flexDirection: "row" } }
+	} }
 });
 const renderContributors = (contributors, t) => {
-  const contributorsArray = contributors.map((contributor, index) => {
-    if (index < 1) return contributor.name;
-    const sep = index === contributors.length - 1 ? ` ${t("article.conjunction")} ` : ", ";
-    return `${sep}${contributor.name}`;
-  });
-  return contributorsArray.join("");
+	const contributorsArray = contributors.map((contributor, index) => {
+		if (index < 1) return contributor.name;
+		const sep = index === contributors.length - 1 ? ` ${t("article.conjunction")} ` : ", ";
+		return `${sep}${contributor.name}`;
+	});
+	return contributorsArray.join("");
 };
 const getSuppliersText = (suppliers, t) => {
-  if (suppliers.length === 0) {
-    return "";
-  }
-  return suppliers.length > 1 ? t("article.multipleSuppliersLabel", {
-    names: renderContributors(suppliers, t),
-    interpolation: {
-      escapeValue: false
-    }
-  }) : t("article.supplierLabel", {
-    name: renderContributors(suppliers, t),
-    interpolation: {
-      escapeValue: false
-    }
-  });
+	if (suppliers.length === 0) return "";
+	return suppliers.length > 1 ? t("article.multipleSuppliersLabel", {
+		names: renderContributors(suppliers, t),
+		interpolation: { escapeValue: false }
+	}) : t("article.supplierLabel", {
+		name: renderContributors(suppliers, t),
+		interpolation: { escapeValue: false }
+	});
 };
-const StyledAccordionRoot = (0, _jsx2.styled)(_primitives.AccordionRoot, {
-  base: {
-    paddingBlockStart: "xxlarge"
-  }
-});
+const StyledAccordionRoot = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.AccordionRoot, { base: { paddingBlockStart: "xxlarge" } });
 const refRegexp = /note\d/;
 const footnotesAccordionId = "footnotes";
-const ArticleByline = _ref => {
-  let {
-    authors = [],
-    suppliers = [],
-    footnotes,
-    licenseBox,
-    published,
-    displayByline = true,
-    bylineType = "article",
-    bylineSuffix
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  const {
-    pathname
-  } = (0, _reactRouterDom.useLocation)();
-  const [openAccordions, setOpenAccordions] = (0, _react.useState)([]);
-  const accordionItemValue = "rulesForUse";
-  const onHashChange = (0, _react.useCallback)(e => {
-    const hash = e.newURL.split("#")[1];
-    if (hash?.match(refRegexp) && !openAccordions.includes(footnotesAccordionId)) {
-      setOpenAccordions([...openAccordions, footnotesAccordionId]);
-      const el = document.getElementById(`#${hash}`);
-      el?.click();
-      el?.focus();
-    }
-  }, [openAccordions]);
-  (0, _react.useEffect)(() => {
-    setOpenAccordions(prev => prev.filter(state => state !== accordionItemValue));
-  }, [pathname]);
-  (0, _react.useEffect)(() => {
-    window.addEventListener("hashchange", onHashChange);
-    return () => window.removeEventListener("hashchange", onHashChange);
-  }, [onHashChange]);
-  const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
-  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: bylineType === "learningPath",
-      children: [!!showPrimaryContributors && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        children: [authors.length > 0 && `${t(authorLabel[bylineType], {
-          names: renderContributors(authors, t),
-          interpolation: {
-            escapeValue: false
-          }
-        })}. `, getSuppliersText(suppliers, t)]
-      }), published ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        "data-contributors": showPrimaryContributors,
-        children: [t(`${bylineType}.lastUpdated`), " ", published]
-      }) : null, bylineSuffix]
-    }), (!!licenseBox || !!footnotes?.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledAccordionRoot, {
-      multiple: true,
-      value: openAccordions,
-      onValueChange: details => setOpenAccordions(details.value),
-      children: [!!licenseBox && /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleBylineAccordionItem, {
-        value: accordionItemValue,
-        accordionTitle: t("article.useContent"),
-        children: licenseBox
-      }), !!footnotes?.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(ArticleBylineAccordionItem, {
-        value: footnotesAccordionId,
-        accordionTitle: t("article.footnotes"),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArticleFootNotes.ArticleFootNotes, {
-          footNotes: footnotes
-        })
-      })]
-    })]
-  });
+const ArticleByline = ({ authors = [], suppliers = [], footnotes, licenseBox, published, displayByline = true, bylineType = "article", bylineSuffix }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const { pathname } = (0, react_router_dom.useLocation)();
+	const [openAccordions, setOpenAccordions] = (0, react.useState)([]);
+	const accordionItemValue = "rulesForUse";
+	const onHashChange = (0, react.useCallback)((e) => {
+		const hash = e.newURL.split("#")[1];
+		if (hash?.match(refRegexp) && !openAccordions.includes(footnotesAccordionId)) {
+			setOpenAccordions([...openAccordions, footnotesAccordionId]);
+			const el = document.getElementById(`#${hash}`);
+			el?.click();
+			el?.focus();
+		}
+	}, [openAccordions]);
+	(0, react.useEffect)(() => {
+		setOpenAccordions((prev) => prev.filter((state) => state !== accordionItemValue));
+	}, [pathname]);
+	(0, react.useEffect)(() => {
+		window.addEventListener("hashchange", onHashChange);
+		return () => window.removeEventListener("hashchange", onHashChange);
+	}, [onHashChange]);
+	const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
+	const authorLabel = {
+		article: "article.authorsLabel",
+		learningPath: "article.authorsLabelLearningpath",
+		external: "article.authorsLabelExternal"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Wrapper, { children: [!!displayByline && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TextWrapper, {
+		learningpath: bylineType === "learningPath",
+		children: [
+			!!showPrimaryContributors && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [authors.length > 0 && `${t(authorLabel[bylineType], {
+				names: renderContributors(authors, t),
+				interpolation: { escapeValue: false }
+			})}. `, getSuppliersText(suppliers, t)] }),
+			published ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"data-contributors": showPrimaryContributors,
+				children: [
+					t(`${bylineType}.lastUpdated`),
+					" ",
+					published
+				]
+			}) : null,
+			bylineSuffix
+		]
+	}), (!!licenseBox || !!footnotes?.length) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledAccordionRoot, {
+		multiple: true,
+		value: openAccordions,
+		onValueChange: (details) => setOpenAccordions(details.value),
+		children: [!!licenseBox && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArticleBylineAccordionItem, {
+			value: accordionItemValue,
+			accordionTitle: t("article.useContent"),
+			children: licenseBox
+		}), !!footnotes?.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArticleBylineAccordionItem, {
+			value: footnotesAccordionId,
+			accordionTitle: t("article.footnotes"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ArticleFootNotes.ArticleFootNotes, { footNotes: footnotes })
+		})]
+	})] });
 };
+const ArticleBylineAccordionItem = (0, react.forwardRef)(({ value, accordionTitle, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ndla_primitives.AccordionItem, {
+		value,
+		ref,
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.Heading, {
+			asChild: true,
+			consumeCss: true,
+			textStyle: "label.medium",
+			fontWeight: "bold",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ndla_primitives.AccordionItemTrigger, { children: [accordionTitle, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.AccordionItemIndicator, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_icons.ArrowDownShortLine, {})
+			})] }) })
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.AccordionItemContent, { children })]
+	});
+});
+
+//#endregion
 exports.ArticleByline = ArticleByline;
-const ArticleBylineAccordionItem = exports.ArticleBylineAccordionItem = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
-  let {
-    value,
-    accordionTitle,
-    children,
-    ...props
-  } = _ref2;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
-    value: value,
-    ref: ref,
-    ...props,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
-      asChild: true,
-      consumeCss: true,
-      textStyle: "label.medium",
-      fontWeight: "bold",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
-          children: [accordionTitle, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
-            asChild: true,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowDownShortLine, {})
-          })]
-        })
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
-      children: children
-    })]
-  });
-});
+exports.ArticleBylineAccordionItem = ArticleBylineAccordionItem;
+//# sourceMappingURL=ArticleByline.js.map

package/lib/Article/ArticleByline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleByline.js","names":["contributors: SupplierProps[] | AuthorProps[]","t: TFunction","suppliers: SupplierProps[]","AccordionRoot","e: HashChangeEvent","authorLabel: Record<string, string>","ArticleFootNotes","AccordionItem","Heading","AccordionItemTrigger","AccordionItemIndicator","ArrowDownShortLine","AccordionItemContent"],"sources":["../../src/Article/ArticleByline.tsx"],"sourcesContent":["/**\n * Copyright (c) 2020-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { TFunction } from \"i18next\";\nimport { type ReactNode, forwardRef, useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useLocation } from \"react-router-dom\";\nimport { ArrowDownShortLine } from \"@ndla/icons\";\nimport {\n  AccordionItem,\n  AccordionItemContent,\n  AccordionItemIndicator,\n  type AccordionItemProps,\n  AccordionItemTrigger,\n  AccordionRoot,\n  Heading,\n} from \"@ndla/primitives\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport { ArticleFootNotes } from \"./ArticleFootNotes\";\nimport type { FootNote } from \"../types\";\n\nconst Wrapper = styled(\"div\", {\n  base: {\n    // TODO: Figure out if we want to remove this margin. It's only here to add some gap between the article content and the byline.\n    marginBlockStart: \"medium\",\n    paddingBlockStart: \"xsmall\",\n    borderTop: \"1px solid\",\n    borderColor: \"stroke.subtle\",\n  },\n});\n\nconst TextWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"3xsmall\",\n    width: \"100%\",\n    justifyContent: \"space-between\",\n    paddingBlock: \"xsmall\",\n    textStyle: \"body.medium\",\n    '& [data-contributors=\"false\"]': {\n      marginInlineStart: \"auto\",\n    },\n  },\n  variants: {\n    learningpath: {\n      true: {},\n      false: {\n        tabletWide: {\n          flexDirection: \"row\",\n        },\n      },\n    },\n  },\n});\n\ntype AuthorProps = {\n  name: string;\n};\n\ntype SupplierProps = {\n  name: string;\n};\n\ntype Props = {\n  authors?: AuthorProps[];\n  suppliers?: SupplierProps[];\n  published?: string;\n  licenseBox?: ReactNode;\n  footnotes?: FootNote[];\n  displayByline?: boolean;\n  bylineType?: \"article\" | \"learningPath\" | \"external\";\n  bylineSuffix?: ReactNode;\n};\n\nconst renderContributors = (contributors: SupplierProps[] | AuthorProps[], t: TFunction) => {\n  const contributorsArray = contributors.map((contributor, index) => {\n    if (index < 1) return contributor.name;\n    const sep = index === contributors.length - 1 ? ` ${t(\"article.conjunction\")} ` : \", \";\n    return `${sep}${contributor.name}`;\n  });\n  return contributorsArray.join(\"\");\n};\n\nconst getSuppliersText = (suppliers: SupplierProps[], t: TFunction) => {\n  if (suppliers.length === 0) {\n    return \"\";\n  }\n  return suppliers.length > 1\n    ? t(\"article.multipleSuppliersLabel\", {\n        names: renderContributors(suppliers, t),\n        interpolation: { escapeValue: false },\n      })\n    : t(\"article.supplierLabel\", {\n        name: renderContributors(suppliers, t),\n        interpolation: { escapeValue: false },\n      });\n};\n\nconst StyledAccordionRoot = styled(AccordionRoot, {\n  base: {\n    paddingBlockStart: \"xxlarge\",\n  },\n});\n\nconst refRegexp = /note\\d/;\nconst footnotesAccordionId = \"footnotes\";\n\nexport const ArticleByline = ({\n  authors = [],\n  suppliers = [],\n  footnotes,\n  licenseBox,\n  published,\n  displayByline = true,\n  bylineType = \"article\",\n  bylineSuffix,\n}: Props) => {\n  const { t } = useTranslation();\n  const { pathname } = useLocation();\n  const [openAccordions, setOpenAccordions] = useState<string[]>([]);\n  const accordionItemValue = \"rulesForUse\";\n\n  const onHashChange = useCallback(\n    (e: HashChangeEvent) => {\n      const hash = e.newURL.split(\"#\")[1];\n      if (hash?.match(refRegexp) && !openAccordions.includes(footnotesAccordionId)) {\n        setOpenAccordions([...openAccordions, footnotesAccordionId]);\n        const el = document.getElementById(`#${hash}`);\n        el?.click();\n        el?.focus();\n      }\n    },\n    [openAccordions],\n  );\n\n  useEffect(() => {\n    setOpenAccordions((prev) => prev.filter((state) => state !== accordionItemValue));\n  }, [pathname]);\n\n  useEffect(() => {\n    window.addEventListener(\"hashchange\", onHashChange);\n    return () => window.removeEventListener(\"hashchange\", onHashChange);\n  }, [onHashChange]);\n\n  const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;\n\n  const authorLabel: Record<string, string> = {\n    article: \"article.authorsLabel\",\n    learningPath: \"article.authorsLabelLearningpath\",\n    external: \"article.authorsLabelExternal\",\n  };\n\n  return (\n    <Wrapper>\n      {!!displayByline && (\n        <TextWrapper learningpath={bylineType === \"learningPath\"}>\n          {!!showPrimaryContributors && (\n            <span>\n              {authors.length > 0 &&\n                `${t(authorLabel[bylineType], {\n                  names: renderContributors(authors, t),\n                  interpolation: { escapeValue: false },\n                })}. `}\n              {getSuppliersText(suppliers, t)}\n            </span>\n          )}\n          {published ? (\n            <div data-contributors={showPrimaryContributors}>\n              {t(`${bylineType}.lastUpdated`)} {published}\n            </div>\n          ) : null}\n          {bylineSuffix}\n        </TextWrapper>\n      )}\n      {(!!licenseBox || !!footnotes?.length) && (\n        <StyledAccordionRoot\n          multiple\n          value={openAccordions}\n          onValueChange={(details) => setOpenAccordions(details.value)}\n        >\n          {!!licenseBox && (\n            <ArticleBylineAccordionItem value={accordionItemValue} accordionTitle={t(\"article.useContent\")}>\n              {licenseBox}\n            </ArticleBylineAccordionItem>\n          )}\n          {!!footnotes?.length && (\n            <ArticleBylineAccordionItem value={footnotesAccordionId} accordionTitle={t(\"article.footnotes\")}>\n              <ArticleFootNotes footNotes={footnotes} />\n            </ArticleBylineAccordionItem>\n          )}\n        </StyledAccordionRoot>\n      )}\n    </Wrapper>\n  );\n};\n\ninterface ArticleBylineAccordionprops extends AccordionItemProps {\n  accordionTitle: ReactNode;\n}\n\nexport const ArticleBylineAccordionItem = forwardRef<HTMLDivElement, ArticleBylineAccordionprops>(\n  ({ value, accordionTitle, children, ...props }, ref) => {\n    return (\n      <AccordionItem value={value} ref={ref} {...props}>\n        <Heading asChild consumeCss textStyle=\"label.medium\" fontWeight=\"bold\">\n          <h2>\n            <AccordionItemTrigger>\n              {accordionTitle}\n              <AccordionItemIndicator asChild>\n                <ArrowDownShortLine />\n              </AccordionItemIndicator>\n            </AccordionItemTrigger>\n          </h2>\n        </Heading>\n        <AccordionItemContent>{children}</AccordionItemContent>\n      </AccordionItem>\n    );\n  },\n);\n"],"mappings":"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"}

package/lib/Article/ArticleFootNotes.js

@@ -1,67 +1,41 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const __ndla_styled_system_jsx = require_rolldown_runtime.__toESM(require("@ndla/styled-system/jsx"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ArticleFootNotes = void 0;
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
+//#region src/Article/ArticleFootNotes.tsx
+const citeDetailString = (description) => description ? `${description}. ` : "";
+const StyledCite = (0, __ndla_styled_system_jsx.styled)("cite", { base: {
+	display: "flex",
+	alignItems: "center",
+	gap: "xsmall"
+} });
+const FootNote = ({ footNote }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.Text, {
+	id: `note${footNote.ref}`,
+	asChild: true,
+	consumeCss: true,
+	textStyle: "body.medium",
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledCite, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+			href: `#ref${footNote.ref}`,
+			target: "_self",
+			children: footNote.ref
+		}),
+		`«${footNote.title}». ${footNote.authors.join(" ")}. ${citeDetailString(footNote.edition)}${citeDetailString(footNote.publisher)}${footNote.year}. `,
+		footNote.url ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+			href: footNote.url,
+			children: [footNote.url, "."]
+		}) : null
+	] })
+}) });
+const FootnoteList = (0, __ndla_styled_system_jsx.styled)("ol", { base: {
+	display: "flex",
+	flexDirection: "column",
+	gap: "medium",
+	listStyle: "none"
+} });
+const ArticleFootNotes = ({ footNotes }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FootnoteList, { children: footNotes.map((footNote) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FootNote, { footNote }, footNote.ref)) });
 
-const citeDetailString = description => description ? `${description}. ` : "";
-const StyledCite = (0, _jsx2.styled)("cite", {
-  base: {
-    display: "flex",
-    alignItems: "center",
-    gap: "xsmall"
-  }
-});
-const FootNote = _ref => {
-  let {
-    footNote
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-      id: `note${footNote.ref}`,
-      asChild: true,
-      consumeCss: true,
-      textStyle: "body.medium",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledCite, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-          href: `#ref${footNote.ref}`,
-          target: "_self",
-          children: footNote.ref
-        }), `«${footNote.title}». ${footNote.authors.join(" ")}. ${citeDetailString(footNote.edition)}${citeDetailString(footNote.publisher)}${footNote.year}. `, footNote.url ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
-          href: footNote.url,
-          children: [footNote.url, "."]
-        }) : null]
-      })
-    })
-  });
-};
-const FootnoteList = (0, _jsx2.styled)("ol", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "medium",
-    listStyle: "none"
-  }
-});
-const ArticleFootNotes = _ref2 => {
-  let {
-    footNotes
-  } = _ref2;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FootnoteList, {
-    children: footNotes.map(footNote => /*#__PURE__*/(0, _jsxRuntime.jsx)(FootNote, {
-      footNote: footNote
-    }, footNote.ref))
-  });
-};
-exports.ArticleFootNotes = ArticleFootNotes;
+//#endregion
+exports.ArticleFootNotes = ArticleFootNotes;
+//# sourceMappingURL=ArticleFootNotes.js.map

package/lib/Article/ArticleFootNotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleFootNotes.js","names":["description: string | undefined","Text"],"sources":["../../src/Article/ArticleFootNotes.tsx"],"sourcesContent":["/**\n * Copyright (c) 2017-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Text } from \"@ndla/primitives\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { FootNote as FootNoteType } from \"../types\";\n\nconst citeDetailString = (description: string | undefined) => (description ? `${description}. ` : \"\");\n\ntype FootNoteProps = {\n  footNote: FootNoteType;\n};\n\nconst StyledCite = styled(\"cite\", {\n  base: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"xsmall\",\n  },\n});\n\nconst FootNote = ({ footNote }: FootNoteProps) => (\n  <li>\n    <Text id={`note${footNote.ref}`} asChild consumeCss textStyle=\"body.medium\">\n      <StyledCite>\n        <a href={`#ref${footNote.ref}`} target=\"_self\">\n          {footNote.ref}\n        </a>\n        {`«${footNote.title}». ${footNote.authors.join(\" \")}. ${citeDetailString(footNote.edition)}${citeDetailString(\n          footNote.publisher,\n        )}${footNote.year}. `}\n        {footNote.url ? (\n          <a href={footNote.url}>\n            {footNote.url}\n            {\".\"}\n          </a>\n        ) : null}\n      </StyledCite>\n    </Text>\n  </li>\n);\n\ntype ArticleFootNotesProps = {\n  footNotes: Array<FootNoteType>;\n};\n\nconst FootnoteList = styled(\"ol\", {\n  base: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"medium\",\n    listStyle: \"none\",\n  },\n});\n\nexport const ArticleFootNotes = ({ footNotes }: ArticleFootNotesProps) => (\n  <FootnoteList>\n    {footNotes.map((footNote) => (\n      <FootNote key={footNote.ref} footNote={footNote} />\n    ))}\n  </FootnoteList>\n);\n"],"mappings":";;;;;;AAYA,MAAM,mBAAmB,CAACA,gBAAqC,eAAe,EAAE,YAAY,MAAM;AAMlG,MAAM,aAAa,qCAAO,QAAQ,EAChC,MAAM;CACJ,SAAS;CACT,YAAY;CACZ,KAAK;AACN,EACF,EAAC;AAEF,MAAM,WAAW,CAAC,EAAE,UAAyB,qBAC3C,2BAAC,kCACC,2BAACC;CAAK,KAAK,MAAM,SAAS,IAAI;CAAG;CAAQ;CAAW,WAAU;2BAC5D,4BAAC;kBACC,2BAAC;GAAE,OAAO,MAAM,SAAS,IAAI;GAAG,QAAO;aACpC,SAAS;IACR;GACF,GAAG,SAAS,MAAM,KAAK,SAAS,QAAQ,KAAK,IAAI,CAAC,IAAI,iBAAiB,SAAS,QAAQ,CAAC,EAAE,iBAC3F,SAAS,UACV,CAAC,EAAE,SAAS,KAAK;EACjB,SAAS,sBACR,4BAAC;GAAE,MAAM,SAAS;cACf,SAAS,KACT;IACC,GACF;KACO;EACR,GACJ;AAOP,MAAM,eAAe,qCAAO,MAAM,EAChC,MAAM;CACJ,SAAS;CACT,eAAe;CACf,KAAK;CACL,WAAW;AACZ,EACF,EAAC;AAEF,MAAa,mBAAmB,CAAC,EAAE,WAAkC,qBACnE,2BAAC,0BACE,UAAU,IAAI,CAAC,6BACd,2BAAC,YAAsC,YAAxB,SAAS,IAA2B,CACnD,GACW"}