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

package/lib/ContentTypeBlockQuote/ContentTypeBlockQuote.js

@@ -1,38 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentTypeBlockQuote = void 0;
-var _react = require("react");
-var _primitives = require("@ndla/primitives");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2024-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 require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
+//#region src/ContentTypeBlockQuote/ContentTypeBlockQuote.tsx
 const contentTypeToVariantMapping = {
-  "subject-material": "brand1",
-  "source-material": "brand1",
-  concept: "brand1",
-  "tasks-and-activities": "brand2",
-  "assessment-resources": "brand2"
+	"subject-material": "brand1",
+	"source-material": "brand1",
+	concept: "brand1",
+	"tasks-and-activities": "brand2",
+	"assessment-resources": "brand2"
 };
-const ContentTypeBlockQuote = exports.ContentTypeBlockQuote = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    variant,
-    contentType,
-    ...props
-  } = _ref;
-  const color = contentType ? contentTypeToVariantMapping[contentType] ?? "brand1" : "brand1";
-  const variantColor = variant === "colored" ? color : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.BlockQuote, {
-    ...props,
-    variant: variantColor,
-    ref: ref
-  });
-});
+const ContentTypeBlockQuote = (0, react.forwardRef)(({ variant, contentType,...props }, ref) => {
+	const color = contentType ? contentTypeToVariantMapping[contentType] ?? "brand1" : "brand1";
+	const variantColor = variant === "colored" ? color : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.BlockQuote, {
+		...props,
+		variant: variantColor,
+		ref
+	});
+});
+
+//#endregion
+exports.ContentTypeBlockQuote = ContentTypeBlockQuote;
+//# sourceMappingURL=ContentTypeBlockQuote.js.map

package/lib/ContentTypeBlockQuote/ContentTypeBlockQuote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeBlockQuote.js","names":["BlockQuote"],"sources":["../../src/ContentTypeBlockQuote/ContentTypeBlockQuote.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-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 { forwardRef } from \"react\";\nimport { BlockQuote, type BlockQuoteProps, type BlockQuoteVariantProps } from \"@ndla/primitives\";\nimport type { ContentType } from \"../ContentTypeBadge/ContentTypeBadge\";\n\nexport type ContentTypeBlockQuoteVariant = \"colored\" | \"neutral\";\n\nconst contentTypeToVariantMapping = {\n  \"subject-material\": \"brand1\",\n  \"source-material\": \"brand1\",\n  concept: \"brand1\",\n  \"tasks-and-activities\": \"brand2\",\n  \"assessment-resources\": \"brand2\",\n} as Record<ContentType, NonNullable<BlockQuoteVariantProps>[\"variant\"]>;\n\ninterface Props extends Omit<BlockQuoteProps, \"variant\"> {\n  variant?: ContentTypeBlockQuoteVariant;\n  contentType?: ContentType;\n}\n\nexport const ContentTypeBlockQuote = forwardRef<HTMLQuoteElement, Props>(({ variant, contentType, ...props }, ref) => {\n  const color = contentType ? (contentTypeToVariantMapping[contentType] ?? \"brand1\") : \"brand1\";\n  const variantColor = variant === \"colored\" ? color : undefined;\n  return <BlockQuote {...props} variant={variantColor} ref={ref} />;\n});\n"],"mappings":";;;;;;AAcA,MAAM,8BAA8B;CAClC,oBAAoB;CACpB,mBAAmB;CACnB,SAAS;CACT,wBAAwB;CACxB,wBAAwB;AACzB;AAOD,MAAa,wBAAwB,sBAAoC,CAAC,EAAE,SAAS,YAAa,GAAG,OAAO,EAAE,QAAQ;CACpH,MAAM,QAAQ,cAAe,4BAA4B,gBAAgB,WAAY;CACrF,MAAM,eAAe,YAAY,YAAY;AAC7C,wBAAO,2BAACA;EAAW,GAAI;EAAO,SAAS;EAAmB;GAAO;AAClE,EAAC"}

package/lib/ContentTypeFramedContent/ContentTypeFramedContent.js

@@ -1,38 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentTypeFramedContent = void 0;
-var _react = require("react");
-var _primitives = require("@ndla/primitives");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2024-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 require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
+//#region src/ContentTypeFramedContent/ContentTypeFramedContent.tsx
 const contentTypeToVariantMapping = {
-  "subject-material": "brand1",
-  "source-material": "brand1",
-  concept: "brand1",
-  "tasks-and-activities": "brand2",
-  "assessment-resources": "brand2"
+	"subject-material": "brand1",
+	"source-material": "brand1",
+	concept: "brand1",
+	"tasks-and-activities": "brand2",
+	"assessment-resources": "brand2"
 };
-const ContentTypeFramedContent = exports.ContentTypeFramedContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    variant = "neutral",
-    contentType,
-    ...props
-  } = _ref;
-  const color = contentType ? contentTypeToVariantMapping[contentType] ?? "brand1" : "brand1";
-  const variantColor = variant === "colored" ? color : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.FramedContent, {
-    ...props,
-    colorTheme: variantColor,
-    ref: ref
-  });
-});
+const ContentTypeFramedContent = (0, react.forwardRef)(({ variant = "neutral", contentType,...props }, ref) => {
+	const color = contentType ? contentTypeToVariantMapping[contentType] ?? "brand1" : "brand1";
+	const variantColor = variant === "colored" ? color : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.FramedContent, {
+		...props,
+		colorTheme: variantColor,
+		ref
+	});
+});
+
+//#endregion
+exports.ContentTypeFramedContent = ContentTypeFramedContent;
+//# sourceMappingURL=ContentTypeFramedContent.js.map

package/lib/ContentTypeFramedContent/ContentTypeFramedContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeFramedContent.js","names":["FramedContent"],"sources":["../../src/ContentTypeFramedContent/ContentTypeFramedContent.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-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 { forwardRef } from \"react\";\nimport { FramedContent, type FramedContentProps, type FramedContentVariantProps } from \"@ndla/primitives\";\nimport type { ContentType } from \"..\";\n\nconst contentTypeToVariantMapping = {\n  \"subject-material\": \"brand1\",\n  \"source-material\": \"brand1\",\n  concept: \"brand1\",\n  \"tasks-and-activities\": \"brand2\",\n  \"assessment-resources\": \"brand2\",\n} as Record<ContentType, NonNullable<FramedContentVariantProps>[\"colorTheme\"]>;\n\nexport type ContentTypeFramedContentVariant = \"colored\" | \"neutral\";\n\ninterface Props extends FramedContentProps {\n  variant?: ContentTypeFramedContentVariant;\n  contentType?: ContentType;\n}\n\nexport const ContentTypeFramedContent = forwardRef<HTMLDivElement, Props>(\n  ({ variant = \"neutral\", contentType, ...props }, ref) => {\n    const color = contentType ? (contentTypeToVariantMapping[contentType] ?? \"brand1\") : \"brand1\";\n    const variantColor = variant === \"colored\" ? color : undefined;\n    return <FramedContent {...props} colorTheme={variantColor} ref={ref} />;\n  },\n);\n"],"mappings":";;;;;;AAYA,MAAM,8BAA8B;CAClC,oBAAoB;CACpB,mBAAmB;CACnB,SAAS;CACT,wBAAwB;CACxB,wBAAwB;AACzB;AASD,MAAa,2BAA2B,sBACtC,CAAC,EAAE,UAAU,WAAW,YAAa,GAAG,OAAO,EAAE,QAAQ;CACvD,MAAM,QAAQ,cAAe,4BAA4B,gBAAgB,WAAY;CACrF,MAAM,eAAe,YAAY,YAAY;AAC7C,wBAAO,2BAACA;EAAc,GAAI;EAAO,YAAY;EAAmB;GAAO;AACxE,EACF"}

package/lib/ContentTypeHero/ContentTypeHero.js

@@ -1,57 +1,40 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const require_ContentType = require('../model/ContentType.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+//#region src/ContentTypeHero/ContentTypeHero.tsx
+const contentTypeToHeroMap = {
+	[require_ContentType.SUBJECT_MATERIAL]: "primary",
+	[require_ContentType.TASKS_AND_ACTIVITIES]: "brand2Bold",
+	[require_ContentType.ASSESSMENT_RESOURCES]: "brand2",
+	[require_ContentType.SUBJECT]: "primary",
+	[require_ContentType.SOURCE_MATERIAL]: "brand1",
+	[require_ContentType.LEARNING_PATH]: "primary",
+	[require_ContentType.TOPIC]: "neutral",
+	[require_ContentType.MULTIDISCIPLINARY]: "primary",
+	[require_ContentType.CONCEPT]: "brand1Moderate",
+	[require_ContentType.EXTERNAL]: "primary",
+	[require_ContentType.IMAGE]: "primary",
+	[require_ContentType.AUDIO]: "primary",
+	[require_ContentType.PODCAST]: "primary",
+	[require_ContentType.VIDEO]: "primary",
+	[require_ContentType.MISSING]: "neutral",
+	[require_ContentType.GLOSS]: "brand1Moderate",
+	[require_ContentType.PROGRAMME]: "primary",
+	[require_ContentType.PODCAST_SERIES]: "primary",
+	[require_ContentType.FRONTPAGE_ARTICLE]: "primary"
+};
+const ContentTypeHero = (0, react.forwardRef)(({ contentType, children,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.Hero, {
+		variant: contentTypeToHeroMap[contentType ?? "missing"] ?? contentTypeToHeroMap["missing"],
+		...props,
+		ref,
+		children
+	});
 });
-exports.contentTypeToHeroMap = exports.ContentTypeHero = void 0;
-var _react = require("react");
-var _primitives = require("@ndla/primitives");
-var contentTypes = _interopRequireWildcard(require("../model/ContentType"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * Copyright (c) 2024-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 contentTypeToHeroMap = exports.contentTypeToHeroMap = {
-  [contentTypes.SUBJECT_MATERIAL]: "primary",
-  [contentTypes.TASKS_AND_ACTIVITIES]: "brand2Bold",
-  [contentTypes.ASSESSMENT_RESOURCES]: "brand2",
-  // This will never happen
-  [contentTypes.SUBJECT]: "primary",
-  [contentTypes.SOURCE_MATERIAL]: "brand1",
-  // This will never happen
-  [contentTypes.LEARNING_PATH]: "primary",
-  [contentTypes.TOPIC]: "neutral",
-  [contentTypes.MULTIDISCIPLINARY]: "primary",
-  [contentTypes.CONCEPT]: "brand1Moderate",
-  [contentTypes.EXTERNAL]: "primary",
-  [contentTypes.IMAGE]: "primary",
-  [contentTypes.AUDIO]: "primary",
-  [contentTypes.PODCAST]: "primary",
-  [contentTypes.VIDEO]: "primary",
-  [contentTypes.MISSING]: "neutral",
-  [contentTypes.GLOSS]: "brand1Moderate",
-  // this will never happen
-  [contentTypes.PROGRAMME]: "primary",
-  // this will never happen
-  [contentTypes.PODCAST_SERIES]: "primary",
-  [contentTypes.FRONTPAGE_ARTICLE]: "primary"
-};
-const ContentTypeHero = exports.ContentTypeHero = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    contentType,
-    children,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Hero, {
-    variant: contentTypeToHeroMap[contentType ?? "missing"] ?? contentTypeToHeroMap["missing"],
-    ...props,
-    ref: ref,
-    children: children
-  });
-});
+//#endregion
+exports.ContentTypeHero = ContentTypeHero;
+//# sourceMappingURL=ContentTypeHero.js.map

package/lib/ContentTypeHero/ContentTypeHero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeHero.js","names":["contentTypeToHeroMap: Record<ContentType, HeroVariant>","Hero"],"sources":["../../src/ContentTypeHero/ContentTypeHero.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-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 { forwardRef } from \"react\";\nimport { Hero, type HeroProps, type HeroVariant } from \"@ndla/primitives\";\nimport type { ContentType } from \"../ContentTypeBadge/ContentTypeBadge\";\nimport * as contentTypes from \"../model/ContentType\";\n\nexport const contentTypeToHeroMap: Record<ContentType, HeroVariant> = {\n  [contentTypes.SUBJECT_MATERIAL]: \"primary\",\n  [contentTypes.TASKS_AND_ACTIVITIES]: \"brand2Bold\",\n  [contentTypes.ASSESSMENT_RESOURCES]: \"brand2\",\n  // This will never happen\n  [contentTypes.SUBJECT]: \"primary\",\n  [contentTypes.SOURCE_MATERIAL]: \"brand1\",\n  // This will never happen\n  [contentTypes.LEARNING_PATH]: \"primary\",\n  [contentTypes.TOPIC]: \"neutral\",\n  [contentTypes.MULTIDISCIPLINARY]: \"primary\",\n  [contentTypes.CONCEPT]: \"brand1Moderate\",\n  [contentTypes.EXTERNAL]: \"primary\",\n  [contentTypes.IMAGE]: \"primary\",\n  [contentTypes.AUDIO]: \"primary\",\n  [contentTypes.PODCAST]: \"primary\",\n  [contentTypes.VIDEO]: \"primary\",\n  [contentTypes.MISSING]: \"neutral\",\n  [contentTypes.GLOSS]: \"brand1Moderate\",\n  // this will never happen\n  [contentTypes.PROGRAMME]: \"primary\",\n  // this will never happen\n  [contentTypes.PODCAST_SERIES]: \"primary\",\n  [contentTypes.FRONTPAGE_ARTICLE]: \"primary\",\n};\n\nexport interface ContentTypeHeroProps extends HeroProps {\n  contentType: ContentType | undefined;\n}\n\nexport const ContentTypeHero = forwardRef<HTMLDivElement, ContentTypeHeroProps>(\n  ({ contentType, children, ...props }, ref) => {\n    return (\n      <Hero\n        variant={contentTypeToHeroMap[contentType ?? \"missing\"] ?? contentTypeToHeroMap[\"missing\"]}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </Hero>\n    );\n  },\n);\n"],"mappings":";;;;;;;AAaA,MAAaA,uBAAyD;yCACnC;6CACI;6CACA;gCAEb;wCACQ;sCAEF;8BACR;0CACY;gCACV;iCACC;8BACH;8BACA;gCACE;8BACF;gCACE;8BACF;kCAEI;uCAEK;0CACG;AACnC;AAMD,MAAa,kBAAkB,sBAC7B,CAAC,EAAE,aAAa,SAAU,GAAG,OAAO,EAAE,QAAQ;AAC5C,wBACE,2BAACC;EACC,SAAS,qBAAqB,eAAe,cAAc,qBAAqB;EAChF,GAAI;EACC;EAEJ;GACI;AAEV,EACF"}

package/lib/CopyParagraphButton/CopyParagraphButton.js

@@ -1,89 +1,63 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.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 __ndla_util = require_rolldown_runtime.__toESM(require("@ndla/util"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactI18next = require("react-i18next");
-var _icons = require("@ndla/icons");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _util = require("@ndla/util");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2021-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 ContainerDiv = (0, _jsx2.styled)("div", {
-  base: {
-    position: "relative",
-    _hover: {
-      "& [data-copy-button]": {
-        opacity: "1",
-        cursor: "pointer"
-      }
-    }
-  }
-});
-const StyledIconButton = (0, _jsx2.styled)(_primitives.IconButton, {
-  base: {
-    position: "absolute",
-    left: "-xxlarge",
-    top: "-4xsmall",
-    opacity: "0",
-    cursor: "pointer",
-    "&:focus, &:focus-visible, &:active": {
-      opacity: "1"
-    }
-  }
-});
-const CopyParagraphButton = _ref => {
-  let {
-    children,
-    copyText,
-    lang
-  } = _ref;
-  const [hasCopied, setHasCopied] = (0, _react.useState)(false);
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  const sanitizedTitle = (0, _react.useMemo)(() => encodeURIComponent(copyText.replace(/ /g, "-")), [copyText]);
-  (0, _react.useEffect)(() => {
-    if (hasCopied) {
-      setTimeout(() => setHasCopied(false), 3000);
-    }
-  }, [hasCopied]);
-  const onCopyClick = (0, _react.useCallback)(() => {
-    setHasCopied(true);
-    const {
-      location
-    } = window;
-    const newHash = `#${sanitizedTitle}`;
-    const port = location.port ? `:${location.port}` : "";
-    const urlToCopy = `${location.protocol}//${location.hostname}${port}${location.pathname}${location.search}${newHash}`;
-    (0, _util.copyTextToClipboard)(urlToCopy);
-  }, [sanitizedTitle]);
-  const tooltip = hasCopied ? t("article.copyPageLinkCopied") : t("article.copyHeaderLink");
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContainerDiv, {
-    "data-embed-type": "copy-heading",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledIconButton, {
-      variant: "clear",
-      "data-copy-button": "",
-      onClick: onCopyClick,
-      title: tooltip,
-      "aria-label": `${tooltip}: ${copyText}`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LinkMedium, {})
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-      id: sanitizedTitle,
-      tabIndex: -1,
-      lang: lang,
-      children: children
-    })]
-  });
+//#region src/CopyParagraphButton/CopyParagraphButton.tsx
+const ContainerDiv = (0, __ndla_styled_system_jsx.styled)("div", { base: {
+	position: "relative",
+	_hover: { "& [data-copy-button]": {
+		opacity: "1",
+		cursor: "pointer"
+	} }
+} });
+const StyledIconButton = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.IconButton, { base: {
+	position: "absolute",
+	left: "-xxlarge",
+	top: "-4xsmall",
+	opacity: "0",
+	cursor: "pointer",
+	"&:focus, &:focus-visible, &:active": { opacity: "1" }
+} });
+const CopyParagraphButton = ({ children, copyText, lang }) => {
+	const [hasCopied, setHasCopied] = (0, react.useState)(false);
+	const { t } = (0, react_i18next.useTranslation)();
+	const sanitizedTitle = (0, react.useMemo)(() => encodeURIComponent(copyText.replace(/ /g, "-")), [copyText]);
+	(0, react.useEffect)(() => {
+		if (hasCopied) setTimeout(() => setHasCopied(false), 3e3);
+	}, [hasCopied]);
+	const onCopyClick = (0, react.useCallback)(() => {
+		setHasCopied(true);
+		const { location } = window;
+		const newHash = `#${sanitizedTitle}`;
+		const port = location.port ? `:${location.port}` : "";
+		const urlToCopy = `${location.protocol}//${location.hostname}${port}${location.pathname}${location.search}${newHash}`;
+		(0, __ndla_util.copyTextToClipboard)(urlToCopy);
+	}, [sanitizedTitle]);
+	const tooltip = hasCopied ? t("article.copyPageLinkCopied") : t("article.copyHeaderLink");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ContainerDiv, {
+		"data-embed-type": "copy-heading",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledIconButton, {
+			variant: "clear",
+			"data-copy-button": "",
+			onClick: onCopyClick,
+			title: tooltip,
+			"aria-label": `${tooltip}: ${copyText}`,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_icons.LinkMedium, {})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+			id: sanitizedTitle,
+			tabIndex: -1,
+			lang,
+			children
+		})]
+	});
 };
-var _default = exports.default = CopyParagraphButton;
+var CopyParagraphButton_default = CopyParagraphButton;
+
+//#endregion
+exports.CopyParagraphButton_default = CopyParagraphButton_default;
+//# sourceMappingURL=CopyParagraphButton.js.map

package/lib/CopyParagraphButton/CopyParagraphButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyParagraphButton.js","names":["IconButton","LinkMedium"],"sources":["../../src/CopyParagraphButton/CopyParagraphButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2021-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 ReactNode, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { LinkMedium } from \"@ndla/icons\";\nimport { IconButton } from \"@ndla/primitives\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport { copyTextToClipboard } from \"@ndla/util\";\n\nconst ContainerDiv = styled(\"div\", {\n  base: {\n    position: \"relative\",\n    _hover: {\n      \"& [data-copy-button]\": {\n        opacity: \"1\",\n        cursor: \"pointer\",\n      },\n    },\n  },\n});\n\nconst StyledIconButton = styled(IconButton, {\n  base: {\n    position: \"absolute\",\n    left: \"-xxlarge\",\n    top: \"-4xsmall\",\n    opacity: \"0\",\n    cursor: \"pointer\",\n    \"&:focus, &:focus-visible, &:active\": {\n      opacity: \"1\",\n    },\n  },\n});\n\ninterface Props {\n  // What to render within the h2\n  children: ReactNode;\n  copyText: string;\n  lang?: string;\n}\nconst CopyParagraphButton = ({ children, copyText, lang }: Props) => {\n  const [hasCopied, setHasCopied] = useState(false);\n  const { t } = useTranslation();\n  const sanitizedTitle = useMemo(() => encodeURIComponent(copyText.replace(/ /g, \"-\")), [copyText]);\n\n  useEffect(() => {\n    if (hasCopied) {\n      setTimeout(() => setHasCopied(false), 3000);\n    }\n  }, [hasCopied]);\n\n  const onCopyClick = useCallback(() => {\n    setHasCopied(true);\n    const { location } = window;\n    const newHash = `#${sanitizedTitle}`;\n    const port = location.port ? `:${location.port}` : \"\";\n    const urlToCopy = `${location.protocol}//${location.hostname}${port}${location.pathname}${location.search}${newHash}`;\n\n    copyTextToClipboard(urlToCopy);\n  }, [sanitizedTitle]);\n\n  const tooltip = hasCopied ? t(\"article.copyPageLinkCopied\") : t(\"article.copyHeaderLink\");\n  return (\n    <ContainerDiv data-embed-type=\"copy-heading\">\n      <StyledIconButton\n        variant=\"clear\"\n        data-copy-button=\"\"\n        onClick={onCopyClick}\n        title={tooltip}\n        aria-label={`${tooltip}: ${copyText}`}\n      >\n        <LinkMedium />\n      </StyledIconButton>\n      <h2 id={sanitizedTitle} tabIndex={-1} lang={lang}>\n        {children}\n      </h2>\n    </ContainerDiv>\n  );\n};\n\nexport default CopyParagraphButton;\n"],"mappings":";;;;;;;;;;AAeA,MAAM,eAAe,qCAAO,OAAO,EACjC,MAAM;CACJ,UAAU;CACV,QAAQ,EACN,wBAAwB;EACtB,SAAS;EACT,QAAQ;CACT,EACF;AACF,EACF,EAAC;AAEF,MAAM,mBAAmB,qCAAOA,8BAAY,EAC1C,MAAM;CACJ,UAAU;CACV,MAAM;CACN,KAAK;CACL,SAAS;CACT,QAAQ;CACR,sCAAsC,EACpC,SAAS,IACV;AACF,EACF,EAAC;AAQF,MAAM,sBAAsB,CAAC,EAAE,UAAU,UAAU,MAAa,KAAK;CACnE,MAAM,CAAC,WAAW,aAAa,GAAG,oBAAS,MAAM;CACjD,MAAM,EAAE,GAAG,GAAG,mCAAgB;CAC9B,MAAM,iBAAiB,mBAAQ,MAAM,mBAAmB,SAAS,QAAQ,MAAM,IAAI,CAAC,EAAE,CAAC,QAAS,EAAC;AAEjG,sBAAU,MAAM;AACd,MAAI,UACF,YAAW,MAAM,aAAa,MAAM,EAAE,IAAK;CAE9C,GAAE,CAAC,SAAU,EAAC;CAEf,MAAM,cAAc,uBAAY,MAAM;AACpC,eAAa,KAAK;EAClB,MAAM,EAAE,UAAU,GAAG;EACrB,MAAM,WAAW,GAAG,eAAe;EACnC,MAAM,OAAO,SAAS,QAAQ,GAAG,SAAS,KAAK,IAAI;EACnD,MAAM,aAAa,EAAE,SAAS,SAAS,IAAI,SAAS,SAAS,EAAE,KAAK,EAAE,SAAS,SAAS,EAAE,SAAS,OAAO,EAAE,QAAQ;AAEpH,uCAAoB,UAAU;CAC/B,GAAE,CAAC,cAAe,EAAC;CAEpB,MAAM,UAAU,YAAY,EAAE,6BAA6B,GAAG,EAAE,yBAAyB;AACzF,wBACE,4BAAC;EAAa,mBAAgB;6BAC5B,2BAAC;GACC,SAAQ;GACR,oBAAiB;GACjB,SAAS;GACT,OAAO;GACP,eAAa,EAAE,QAAQ,IAAI,SAAS;6BAEpC,2BAACC,4BAAa;IACG,kBACnB,2BAAC;GAAG,IAAI;GAAgB,UAAU;GAAU;GACzC;IACE;GACQ;AAElB;AAED,kCAAe"}

package/lib/CopyParagraphButton/index.js

@@ -1,22 +1,8 @@
-"use strict";
+const require_CopyParagraphButton = require('./CopyParagraphButton.js');
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CopyParagraphButton", {
-  enumerable: true,
-  get: function () {
-    return _CopyParagraphButton.default;
-  }
-});
-exports.default = void 0;
-var _CopyParagraphButton = _interopRequireDefault(require("./CopyParagraphButton"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-var _default = exports.default = _CopyParagraphButton.default;
+//#region src/CopyParagraphButton/index.tsx
+var CopyParagraphButton_default$1 = require_CopyParagraphButton.CopyParagraphButton_default;
+
+//#endregion
+exports.CopyParagraphButton_default = CopyParagraphButton_default$1;
+//# sourceMappingURL=index.js.map

package/lib/CopyParagraphButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CopyParagraphButton"],"sources":["../../src/CopyParagraphButton/index.tsx"],"sourcesContent":["/**\n * Copyright (c) 2021-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 CopyParagraphButton from \"./CopyParagraphButton\";\n\nexport { CopyParagraphButton };\nexport default CopyParagraphButton;\n"],"mappings":";;;AAWA,oCAAeA"}

package/lib/Embed/AudioEmbed.js

@@ -1,84 +1,53 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const require_EmbedByline = require('../LicenseByline/EmbedByline.js');
+const require_EmbedErrorPlaceholder = require('./EmbedErrorPlaceholder.js');
+const require_licenseAttributes = require('../utils/licenseAttributes.js');
+const require_index = require('../AudioPlayer/index.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.getFirstNonEmptyLicenseCredits = exports.default = void 0;
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
-var _AudioPlayer = _interopRequireDefault(require("../AudioPlayer"));
-var _LicenseByline = require("../LicenseByline");
-var _licenseAttributes = require("../utils/licenseAttributes");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Copyright (c) 2023-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 StyledFigure = (0, _jsx2.styled)(_primitives.Figure, {
-  base: {
-    clear: "both"
-  }
-});
-const getFirstNonEmptyLicenseCredits = authors => Object.values(authors).find(i => i.length > 0) ?? [];
-exports.getFirstNonEmptyLicenseCredits = getFirstNonEmptyLicenseCredits;
-const AudioEmbed = _ref => {
-  let {
-    embed,
-    lang
-  } = _ref;
-  const type = embed.embedData.type === "standard" ? "audio" : "podcast";
-  if (embed.status === "error") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
-      type: type
-    });
-  }
-  const {
-    data,
-    embedData
-  } = embed;
-  if (embedData.type === "minimal") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioPlayer.default, {
-      speech: true,
-      src: data.audioFile.url,
-      title: data.title.title
-    });
-  }
-  const subtitle = data.series ? {
-    title: data.series.title.title,
-    url: `/podkast/${data.series.id}`
-  } : undefined;
-  const coverPhoto = data.podcastMeta?.coverPhoto;
-  const img = coverPhoto && {
-    url: coverPhoto.url,
-    alt: coverPhoto.altText
-  };
-  const licenseProps = (0, _licenseAttributes.licenseAttributes)(data.copyright.license.license, lang, embedData.url);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledFigure, {
-    lang: lang,
-    "data-embed-type": type,
-    ...licenseProps,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioPlayer.default, {
-      description: data.podcastMeta?.introduction ?? "",
-      img: img,
-      src: data.audioFile.url,
-      textVersion: data.manuscript?.manuscript.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        dangerouslySetInnerHTML: {
-          __html: data.manuscript.manuscript
-        }
-      }) : undefined,
-      title: data.title.title,
-      subtitle: subtitle
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
-      error: false,
-      type: data.audioType === "standard" ? "audio" : "podcast",
-      copyright: embed.data.copyright
-    })]
-  });
+//#region src/Embed/AudioEmbed.tsx
+const StyledFigure = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.Figure, { base: { clear: "both" } });
+const AudioEmbed = ({ embed, lang }) => {
+	const type = embed.embedData.type === "standard" ? "audio" : "podcast";
+	if (embed.status === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EmbedErrorPlaceholder.EmbedErrorPlaceholder_default, { type });
+	const { data, embedData } = embed;
+	if (embedData.type === "minimal") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.AudioPlayer_default, {
+		speech: true,
+		src: data.audioFile.url,
+		title: data.title.title
+	});
+	const subtitle = data.series ? {
+		title: data.series.title.title,
+		url: `/podkast/${data.series.id}`
+	} : void 0;
+	const coverPhoto = data.podcastMeta?.coverPhoto;
+	const img = coverPhoto && {
+		url: coverPhoto.url,
+		alt: coverPhoto.altText
+	};
+	const licenseProps = require_licenseAttributes.licenseAttributes(data.copyright.license.license, lang, embedData.url);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledFigure, {
+		lang,
+		"data-embed-type": type,
+		...licenseProps,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.AudioPlayer_default, {
+			description: data.podcastMeta?.introduction ?? "",
+			img,
+			src: data.audioFile.url,
+			textVersion: data.manuscript?.manuscript.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { dangerouslySetInnerHTML: { __html: data.manuscript.manuscript } }) : void 0,
+			title: data.title.title,
+			subtitle
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EmbedByline.EmbedByline, {
+			error: false,
+			type: data.audioType === "standard" ? "audio" : "podcast",
+			copyright: embed.data.copyright
+		})]
+	});
 };
-var _default = exports.default = AudioEmbed;
+var AudioEmbed_default = AudioEmbed;
+
+//#endregion
+exports.AudioEmbed_default = AudioEmbed_default;
+//# sourceMappingURL=AudioEmbed.js.map

package/lib/Embed/AudioEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioEmbed.js","names":["Figure","EmbedErrorPlaceholder","AudioPlayer","EmbedByline"],"sources":["../../src/Embed/AudioEmbed.tsx"],"sourcesContent":["/**\n * Copyright (c) 2023-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 { Figure } from \"@ndla/primitives\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { AudioMetaData } from \"@ndla/types-embed\";\nimport EmbedErrorPlaceholder from \"./EmbedErrorPlaceholder\";\nimport type { Author } from \"./ImageEmbed\";\nimport AudioPlayer from \"../AudioPlayer\";\nimport { EmbedByline } from \"../LicenseByline\";\nimport { licenseAttributes } from \"../utils/licenseAttributes\";\n\nconst StyledFigure = styled(Figure, {\n  base: {\n    clear: \"both\",\n  },\n});\n\ninterface Props {\n  embed: AudioMetaData;\n  lang?: string;\n}\n\nexport const getFirstNonEmptyLicenseCredits = (authors: {\n  creators: Author[];\n  rightsholders: Author[];\n  processors: Author[];\n}) => Object.values(authors).find((i) => i.length > 0) ?? [];\n\nconst AudioEmbed = ({ embed, lang }: Props) => {\n  const type = embed.embedData.type === \"standard\" ? \"audio\" : \"podcast\";\n  if (embed.status === \"error\") {\n    return <EmbedErrorPlaceholder type={type} />;\n  }\n\n  const { data, embedData } = embed;\n\n  if (embedData.type === \"minimal\") {\n    return <AudioPlayer speech src={data.audioFile.url} title={data.title.title} />;\n  }\n\n  const subtitle = data.series ? { title: data.series.title.title, url: `/podkast/${data.series.id}` } : undefined;\n\n  const coverPhoto = data.podcastMeta?.coverPhoto;\n\n  const img = coverPhoto && { url: coverPhoto.url, alt: coverPhoto.altText };\n\n  const licenseProps = licenseAttributes(data.copyright.license.license, lang, embedData.url);\n\n  return (\n    <StyledFigure lang={lang} data-embed-type={type} {...licenseProps}>\n      <AudioPlayer\n        description={data.podcastMeta?.introduction ?? \"\"}\n        img={img}\n        src={data.audioFile.url}\n        textVersion={\n          data.manuscript?.manuscript.length ? (\n            <div dangerouslySetInnerHTML={{ __html: data.manuscript.manuscript }} />\n          ) : undefined\n        }\n        title={data.title.title}\n        subtitle={subtitle}\n      />\n      <EmbedByline\n        error={false}\n        type={data.audioType === \"standard\" ? \"audio\" : \"podcast\"}\n        copyright={embed.data.copyright}\n      />\n    </StyledFigure>\n  );\n};\n\nexport default AudioEmbed;\n"],"mappings":";;;;;;;;;;AAiBA,MAAM,eAAe,qCAAOA,0BAAQ,EAClC,MAAM,EACJ,OAAO,OACR,EACF,EAAC;AAaF,MAAM,aAAa,CAAC,EAAE,OAAO,MAAa,KAAK;CAC7C,MAAM,OAAO,MAAM,UAAU,SAAS,aAAa,UAAU;AAC7D,KAAI,MAAM,WAAW,QACnB,wBAAO,2BAACC,+DAA4B,OAAQ;CAG9C,MAAM,EAAE,MAAM,WAAW,GAAG;AAE5B,KAAI,UAAU,SAAS,UACrB,wBAAO,2BAACC;EAAY;EAAO,KAAK,KAAK,UAAU;EAAK,OAAO,KAAK,MAAM;GAAS;CAGjF,MAAM,WAAW,KAAK,SAAS;EAAE,OAAO,KAAK,OAAO,MAAM;EAAO,MAAM,WAAW,KAAK,OAAO,GAAG;CAAG;CAEpG,MAAM,aAAa,KAAK,aAAa;CAErC,MAAM,MAAM,cAAc;EAAE,KAAK,WAAW;EAAK,KAAK,WAAW;CAAS;CAE1E,MAAM,eAAe,4CAAkB,KAAK,UAAU,QAAQ,SAAS,MAAM,UAAU,IAAI;AAE3F,wBACE,4BAAC;EAAmB;EAAM,mBAAiB;EAAM,GAAI;6BACnD,2BAACA;GACC,aAAa,KAAK,aAAa,gBAAgB;GAC1C;GACL,KAAK,KAAK,UAAU;GACpB,aACE,KAAK,YAAY,WAAW,yBAC1B,2BAAC,SAAI,yBAAyB,EAAE,QAAQ,KAAK,WAAW,WAAY,IAAI;GAG5E,OAAO,KAAK,MAAM;GACR;IACV,kBACF,2BAACC;GACC,OAAO;GACP,MAAM,KAAK,cAAc,aAAa,UAAU;GAChD,WAAW,MAAM,KAAK;IACtB;GACW;AAElB;AAED,yBAAe"}