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

package/lib/LicenseByline/EmbedByline.js

@@ -1,220 +1,134 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const require_LicenseLink = require('./LicenseLink.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 __ndla_licenses = require_rolldown_runtime.__toESM(require("@ndla/licenses"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LicenseContainerContent = exports.EmbedByline = void 0;
-var _react = require("react");
-var _reactI18next = require("react-i18next");
-var _icons = require("@ndla/icons");
-var _licenses = require("@ndla/licenses");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _LicenseLink = require("./LicenseLink");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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 BylineWrapper = (0, _jsx2.styled)("figcaption", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    paddingBlock: "xsmall",
-    textStyle: "label.medium",
-    color: "text.subtle"
-  }
-});
-const ErrorBylineWrapper = (0, _jsx2.styled)(BylineWrapper, {
-  base: {
-    border: "1px solid",
-    borderColor: "stroke.error",
-    borderRadius: "xsmall",
-    background: "surface.dangerSubtle",
-    paddingInline: "medium",
-    paddingBlock: "medium"
-  }
-});
-const StyledText = (0, _jsx2.styled)(_primitives.Text, {
-  base: {
-    fontStyle: "italic"
-  }
-});
-const ContentWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    gap: "xsmall",
-    alignItems: "center",
-    textStyle: "label.medium"
-  }
-});
-const BaseDescription = (0, _jsx2.styled)("div", {
-  base: {
-    display: "inline-flex",
-    whiteSpace: "pre-wrap"
-  }
-});
-const EmbedByline = _ref => {
-  let {
-    type,
-    description,
-    children,
-    visibleAlt,
-    hideCopyright,
-    ...props
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  if (props.error) {
-    const typeString = type === "h5p" ? "H5P" : t(`embed.type.${type}`).toLowerCase();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorBylineWrapper, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AlertLine, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseDescription, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: t("embed.embedError", {
-              type: typeString
-            })
-          })
-        })]
-      })
-    });
-  }
-  const {
-    copyright
-  } = props;
-  const hideByline = hideCopyright && !description;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [!hideByline && /*#__PURE__*/(0, _jsxRuntime.jsx)(BylineWrapper, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [!!hideCopyright && description, !hideCopyright && /*#__PURE__*/(0, _jsxRuntime.jsx)(LicenseContainerContent, {
-          type: type,
-          copyright: copyright,
-          children: description
-        }), children]
-      })
-    }), visibleAlt ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledText, {
-      color: "text.subtle",
-      textStyle: "label.medium",
-      asChild: true,
-      consumeCss: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: `Alt: ${visibleAlt}`
-      })
-    }) : null]
-  });
+//#region src/LicenseByline/EmbedByline.tsx
+const BylineWrapper = (0, __ndla_styled_system_jsx.styled)("figcaption", { base: {
+	display: "flex",
+	flexDirection: "column",
+	paddingBlock: "xsmall",
+	textStyle: "label.medium",
+	color: "text.subtle"
+} });
+const ErrorBylineWrapper = (0, __ndla_styled_system_jsx.styled)(BylineWrapper, { base: {
+	border: "1px solid",
+	borderColor: "stroke.error",
+	borderRadius: "xsmall",
+	background: "surface.dangerSubtle",
+	paddingInline: "medium",
+	paddingBlock: "medium"
+} });
+const StyledText = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.Text, { base: { fontStyle: "italic" } });
+const ContentWrapper = (0, __ndla_styled_system_jsx.styled)("div", { base: {
+	display: "flex",
+	gap: "xsmall",
+	alignItems: "center",
+	textStyle: "label.medium"
+} });
+const BaseDescription = (0, __ndla_styled_system_jsx.styled)("div", { base: {
+	display: "inline-flex",
+	whiteSpace: "pre-wrap"
+} });
+const EmbedByline = ({ type, description, children, visibleAlt, hideCopyright,...props }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	if (props.error) {
+		const typeString = type === "h5p" ? "H5P" : t(`embed.type.${type}`).toLowerCase();
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBylineWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ContentWrapper, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_icons.AlertLine, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseDescription, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("embed.embedError", { type: typeString }) }) })] }) });
+	}
+	const { copyright } = props;
+	const hideByline = hideCopyright && !description;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!hideByline && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BylineWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+		!!hideCopyright && description,
+		!hideCopyright && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseContainerContent, {
+			type,
+			copyright,
+			children: description
+		}),
+		children
+	] }) }), visibleAlt ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledText, {
+		color: "text.subtle",
+		textStyle: "label.medium",
+		asChild: true,
+		consumeCss: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: `Alt: ${visibleAlt}` })
+	}) : null] });
 };
-exports.EmbedByline = EmbedByline;
-const StyledDescription = (0, _jsx2.styled)(BaseDescription, {
-  base: {
-    mobileWideDown: {
-      display: "grid",
-      gridTemplateColumns: "1fr auto",
-      alignItems: "center",
-      overflow: "hidden",
-      _open: {
-        display: "inline"
-      }
-    }
-  }
-});
-const TextContent = (0, _jsx2.styled)("span", {
-  base: {
-    mobileWideDown: {
-      whiteSpace: "nowrap",
-      maxHeight: "large",
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      transitionProperty: "max-height",
-      transitionDuration: "slow",
-      transitionTimingFunction: "ease-in",
-      marginInlineEnd: "4xsmall",
-      _open: {
-        whiteSpace: "pre-wrap",
-        maxHeight: "none"
-      }
-    }
-  }
-});
-const StyledButton = (0, _jsx2.styled)(_primitives.Button, {
-  base: {
-    mobileWide: {
-      display: "none"
-    }
-  }
-});
-const LicenseDescription = _ref2 => {
-  let {
-    children,
-    isOpen,
-    setIsOpen
-  } = _ref2;
-  const open = isOpen ? {
-    "data-open": ""
-  } : {};
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  const handleToggle = () => {
-    setIsOpen(!isOpen);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentWrapper, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDescription, {
-      ...open,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TextContent, {
-        ...open,
-        children: children
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, {
-        variant: "link",
-        size: "small",
-        onClick: handleToggle,
-        children: isOpen ? `${t("audio.readLessDescriptionLabel")}` : `${t("audio.readMoreDescriptionLabel")}`
-      })]
-    })
-  });
+const StyledDescription = (0, __ndla_styled_system_jsx.styled)(BaseDescription, { base: { mobileWideDown: {
+	display: "grid",
+	gridTemplateColumns: "1fr auto",
+	alignItems: "center",
+	overflow: "hidden",
+	_open: { display: "inline" }
+} } });
+const TextContent = (0, __ndla_styled_system_jsx.styled)("span", { base: { mobileWideDown: {
+	whiteSpace: "nowrap",
+	maxHeight: "large",
+	overflow: "hidden",
+	textOverflow: "ellipsis",
+	transitionProperty: "max-height",
+	transitionDuration: "slow",
+	transitionTimingFunction: "ease-in",
+	marginInlineEnd: "4xsmall",
+	_open: {
+		whiteSpace: "pre-wrap",
+		maxHeight: "none"
+	}
+} } });
+const StyledButton = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.Button, { base: { mobileWide: { display: "none" } } });
+const LicenseDescription = ({ children, isOpen, setIsOpen }) => {
+	const open = isOpen ? { "data-open": "" } : {};
+	const { t } = (0, react_i18next.useTranslation)();
+	const handleToggle = () => {
+		setIsOpen(!isOpen);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContentWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledDescription, {
+		...open,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextContent, {
+			...open,
+			children
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledButton, {
+			variant: "link",
+			size: "small",
+			onClick: handleToggle,
+			children: isOpen ? `${t("audio.readLessDescriptionLabel")}` : `${t("audio.readMoreDescriptionLabel")}`
+		})]
+	}) });
 };
-const LicenseContainerContent = _ref3 => {
-  let {
-    children,
-    copyright,
-    type
-  } = _ref3;
-  const {
-    t,
-    i18n
-  } = (0, _reactI18next.useTranslation)();
-  const license = copyright ? (0, _licenses.getLicenseByAbbreviation)(copyright.license?.license ?? "", i18n.language) : undefined;
-  const authors = (0, _licenses.getLicenseCredits)(copyright);
-  const captionAuthors = Object.values(authors).find(i => i.length > 0) ?? [];
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [children, ` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: captionAuthors.map(author => author.name).join(", ")
-    }), license ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [" / ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseLink.LicenseLink, {
-        license: license,
-        hideLink: !isOpen && !!children
-      })]
-    }) : null]
-  });
-  if (children) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(LicenseDescription, {
-      isOpen: isOpen,
-      setIsOpen: setIsOpen,
-      children: content
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-    textStyle: "label.medium",
-    asChild: true,
-    consumeCss: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: content
-    })
-  });
+const LicenseContainerContent = ({ children, copyright, type }) => {
+	const { t, i18n } = (0, react_i18next.useTranslation)();
+	const license = copyright ? (0, __ndla_licenses.getLicenseByAbbreviation)(copyright.license?.license ?? "", i18n.language) : void 0;
+	const authors = (0, __ndla_licenses.getLicenseCredits)(copyright);
+	const captionAuthors = Object.values(authors).find((i) => i.length > 0) ?? [];
+	const [isOpen, setIsOpen] = (0, react.useState)(false);
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		children,
+		` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: captionAuthors.map((author) => author.name).join(", ") }),
+		license ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [" / ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_LicenseLink.LicenseLink, {
+			license,
+			hideLink: !isOpen && !!children
+		})] }) : null
+	] });
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LicenseDescription, {
+		isOpen,
+		setIsOpen,
+		children: content
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.Text, {
+		textStyle: "label.medium",
+		asChild: true,
+		consumeCss: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: content })
+	});
 };
-exports.LicenseContainerContent = LicenseContainerContent;
+
+//#endregion
+exports.EmbedByline = EmbedByline;
+exports.LicenseContainerContent = LicenseContainerContent;
+//# sourceMappingURL=EmbedByline.js.map

package/lib/LicenseByline/EmbedByline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedByline.js","names":["Text","AlertLine","Button","LicenseLink"],"sources":["../../src/LicenseByline/EmbedByline.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 { type Dispatch, type ReactNode, type SetStateAction, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { AlertLine } from \"@ndla/icons\";\nimport { getLicenseByAbbreviation, getLicenseCredits } from \"@ndla/licenses\";\nimport { Button, Text } from \"@ndla/primitives\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { ICopyrightDTO as ArticleCopyright } from \"@ndla/types-backend/article-api\";\nimport type { ICopyrightDTO as AudioCopyright } from \"@ndla/types-backend/audio-api\";\nimport type { IDraftCopyrightDTO as ConceptCopyright } from \"@ndla/types-backend/concept-api\";\nimport type { ICopyrightDTO as ImageCopyright } from \"@ndla/types-backend/image-api\";\nimport type { BrightcoveCopyright } from \"@ndla/types-embed\";\nimport { LicenseLink } from \"./LicenseLink\";\n\ninterface BaseProps {\n  description?: ReactNode;\n  children?: ReactNode;\n  visibleAlt?: string;\n  error?: true | false;\n  hideDescription?: boolean;\n  hideCopyright?: boolean;\n}\n\nexport interface EmbedBylineErrorProps extends BaseProps {\n  type: EmbedBylineTypeProps[\"type\"] | \"h5p\" | \"external\" | \"code\";\n  error: true;\n}\n\ninterface ImageProps extends BaseProps {\n  type: \"image\";\n  copyright: ImageCopyright | undefined;\n}\n\ninterface BrightcoveProps extends BaseProps {\n  type: \"video\";\n  copyright: BrightcoveCopyright | undefined;\n}\n\ninterface AudioProps extends BaseProps {\n  type: \"audio\";\n  copyright: AudioCopyright | undefined;\n}\n\ninterface PodcastProps extends BaseProps {\n  type: \"podcast\";\n  copyright: AudioCopyright | undefined;\n}\n\ninterface ConceptProps extends BaseProps {\n  type: \"concept\" | \"gloss\";\n  copyright: ConceptCopyright | undefined;\n}\n\ninterface CopyrightProps extends BaseProps {\n  type: \"copyright\";\n  copyright: ArticleCopyright | undefined;\n}\n\nexport type EmbedBylineTypeProps =\n  | ImageProps\n  | BrightcoveProps\n  | AudioProps\n  | PodcastProps\n  | ConceptProps\n  | CopyrightProps;\n\ntype Props = EmbedBylineTypeProps | EmbedBylineErrorProps;\n\nconst BylineWrapper = styled(\"figcaption\", {\n  base: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    paddingBlock: \"xsmall\",\n    textStyle: \"label.medium\",\n    color: \"text.subtle\",\n  },\n});\n\nconst ErrorBylineWrapper = styled(BylineWrapper, {\n  base: {\n    border: \"1px solid\",\n    borderColor: \"stroke.error\",\n    borderRadius: \"xsmall\",\n    background: \"surface.dangerSubtle\",\n    paddingInline: \"medium\",\n    paddingBlock: \"medium\",\n  },\n});\n\nconst StyledText = styled(Text, {\n  base: {\n    fontStyle: \"italic\",\n  },\n});\n\nconst ContentWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    gap: \"xsmall\",\n    alignItems: \"center\",\n    textStyle: \"label.medium\",\n  },\n});\n\nconst BaseDescription = styled(\"div\", {\n  base: {\n    display: \"inline-flex\",\n    whiteSpace: \"pre-wrap\",\n  },\n});\n\nexport const EmbedByline = ({ type, description, children, visibleAlt, hideCopyright, ...props }: Props) => {\n  const { t } = useTranslation();\n\n  if (props.error) {\n    const typeString = type === \"h5p\" ? \"H5P\" : t(`embed.type.${type}`).toLowerCase();\n    return (\n      <ErrorBylineWrapper>\n        <ContentWrapper>\n          <AlertLine />\n          <BaseDescription>\n            <span>{t(\"embed.embedError\", { type: typeString })}</span>\n          </BaseDescription>\n        </ContentWrapper>\n      </ErrorBylineWrapper>\n    );\n  }\n\n  const { copyright } = props;\n  const hideByline = hideCopyright && !description;\n\n  return (\n    <>\n      {!hideByline && (\n        <BylineWrapper>\n          <div>\n            {!!hideCopyright && description}\n            {!hideCopyright && (\n              <LicenseContainerContent type={type} copyright={copyright}>\n                {description}\n              </LicenseContainerContent>\n            )}\n            {children}\n          </div>\n        </BylineWrapper>\n      )}\n      {visibleAlt ? (\n        <StyledText color=\"text.subtle\" textStyle=\"label.medium\" asChild consumeCss>\n          <span>{`Alt: ${visibleAlt}`}</span>\n        </StyledText>\n      ) : null}\n    </>\n  );\n};\n\ninterface LicenseContainerProps {\n  children?: ReactNode;\n  copyright: EmbedBylineTypeProps[\"copyright\"];\n  type: Props[\"type\"];\n}\n\nconst StyledDescription = styled(BaseDescription, {\n  base: {\n    mobileWideDown: {\n      display: \"grid\",\n      gridTemplateColumns: \"1fr auto\",\n      alignItems: \"center\",\n      overflow: \"hidden\",\n      _open: {\n        display: \"inline\",\n      },\n    },\n  },\n});\n\nconst TextContent = styled(\"span\", {\n  base: {\n    mobileWideDown: {\n      whiteSpace: \"nowrap\",\n      maxHeight: \"large\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n      transitionProperty: \"max-height\",\n      transitionDuration: \"slow\",\n      transitionTimingFunction: \"ease-in\",\n      marginInlineEnd: \"4xsmall\",\n      _open: {\n        whiteSpace: \"pre-wrap\",\n        maxHeight: \"none\",\n      },\n    },\n  },\n});\n\nconst StyledButton = styled(Button, {\n  base: {\n    mobileWide: {\n      display: \"none\",\n    },\n  },\n});\n\ninterface LicenseDescriptionProps {\n  children?: ReactNode;\n  isOpen: boolean;\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\n}\n\nconst LicenseDescription = ({ children, isOpen, setIsOpen }: LicenseDescriptionProps) => {\n  const open = isOpen ? { \"data-open\": \"\" } : {};\n  const { t } = useTranslation();\n\n  const handleToggle = () => {\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <ContentWrapper>\n      <StyledDescription {...open}>\n        <TextContent {...open}>{children}</TextContent>\n        <StyledButton variant=\"link\" size=\"small\" onClick={handleToggle}>\n          {isOpen ? `${t(\"audio.readLessDescriptionLabel\")}` : `${t(\"audio.readMoreDescriptionLabel\")}`}\n        </StyledButton>\n      </StyledDescription>\n    </ContentWrapper>\n  );\n};\n\nexport const LicenseContainerContent = ({ children, copyright, type }: LicenseContainerProps) => {\n  const { t, i18n } = useTranslation();\n  const license = copyright ? getLicenseByAbbreviation(copyright.license?.license ?? \"\", i18n.language) : undefined;\n  const authors = getLicenseCredits(copyright);\n  const captionAuthors = Object.values(authors).find((i) => i.length > 0) ?? [];\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  const content = (\n    <>\n      {children}\n      {` ${t(`embed.type.${type}`)}${captionAuthors.length ? \": \" : \"\"}`}\n      <span>{captionAuthors.map((author) => author.name).join(\", \")}</span>\n      {license ? (\n        <>\n          {\" / \"}\n          {<LicenseLink license={license} hideLink={!isOpen && !!children} />}\n        </>\n      ) : null}\n    </>\n  );\n\n  if (children) {\n    return (\n      <LicenseDescription isOpen={isOpen} setIsOpen={setIsOpen}>\n        {content}\n      </LicenseDescription>\n    );\n  }\n\n  return (\n    <Text textStyle=\"label.medium\" asChild consumeCss>\n      <span>{content}</span>\n    </Text>\n  );\n};\n"],"mappings":"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"}

package/lib/LicenseByline/LicenseLink.js

@@ -1,62 +1,32 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_styled_system_jsx = require_rolldown_runtime.__toESM(require("@ndla/styled-system/jsx"));
+const __ndla_safelink = require_rolldown_runtime.__toESM(require("@ndla/safelink"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+//#region src/LicenseByline/LicenseLink.tsx
+const StyledSafeLink = (0, __ndla_styled_system_jsx.styled)(__ndla_safelink.SafeLink, { base: {
+	color: "text.link",
+	textDecoration: "underline",
+	whiteSpace: "nowrap",
+	_hover: { textDecoration: "none" },
+	_focusWithin: { textDecoration: "none" },
+	mobileWideDown: { _disabled: { display: "none" } }
+} });
+const LicenseLink = (0, react.forwardRef)(({ license, hideLink,...rest }, ref) => {
+	const disabled = hideLink ? { "data-disabled": "" } : {};
+	if (license.abbreviation === "unknown") return null;
+	if (license.url?.length) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSafeLink, {
+		to: license.url,
+		rel: "license",
+		...disabled,
+		...rest,
+		ref,
+		children: license.abbreviation
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: license.abbreviation });
 });
-exports.LicenseLink = void 0;
-var _react = require("react");
-var _safelink = require("@ndla/safelink");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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 StyledSafeLink = (0, _jsx2.styled)(_safelink.SafeLink, {
-  base: {
-    color: "text.link",
-    textDecoration: "underline",
-    whiteSpace: "nowrap",
-    _hover: {
-      textDecoration: "none"
-    },
-    _focusWithin: {
-      textDecoration: "none"
-    },
-    mobileWideDown: {
-      _disabled: {
-        display: "none"
-      }
-    }
-  }
-});
-const LicenseLink = exports.LicenseLink = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    license,
-    hideLink,
-    ...rest
-  } = _ref;
-  const disabled = hideLink ? {
-    "data-disabled": ""
-  } : {};
-  if (license.abbreviation === "unknown") {
-    return null;
-  }
-  if (license.url?.length) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSafeLink, {
-      to: license.url,
-      rel: "license",
-      ...disabled,
-      ...rest,
-      ref: ref,
-      children: license.abbreviation
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    children: license.abbreviation
-  });
-});
+//#endregion
+exports.LicenseLink = LicenseLink;
+//# sourceMappingURL=LicenseLink.js.map

package/lib/LicenseByline/LicenseLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LicenseLink.js","names":["SafeLink"],"sources":["../../src/LicenseByline/LicenseLink.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 { forwardRef } from \"react\";\nimport type { LicenseLocaleType } from \"@ndla/licenses\";\nimport { SafeLink, type SafeLinkProps } from \"@ndla/safelink\";\nimport { styled } from \"@ndla/styled-system/jsx\";\n\ninterface Props extends Omit<SafeLinkProps, \"to\"> {\n  license: LicenseLocaleType;\n  hideLink?: boolean;\n}\n\nconst StyledSafeLink = styled(SafeLink, {\n  base: {\n    color: \"text.link\",\n    textDecoration: \"underline\",\n    whiteSpace: \"nowrap\",\n    _hover: {\n      textDecoration: \"none\",\n    },\n    _focusWithin: {\n      textDecoration: \"none\",\n    },\n    mobileWideDown: {\n      _disabled: {\n        display: \"none\",\n      },\n    },\n  },\n});\n\nexport const LicenseLink = forwardRef<HTMLAnchorElement, Props>(({ license, hideLink, ...rest }, ref) => {\n  const disabled = hideLink ? { \"data-disabled\": \"\" } : {};\n  if (license.abbreviation === \"unknown\") {\n    return null;\n  }\n  if (license.url?.length) {\n    return (\n      <StyledSafeLink to={license.url} rel=\"license\" {...disabled} {...rest} ref={ref}>\n        {license.abbreviation}\n      </StyledSafeLink>\n    );\n  }\n  return <span>{license.abbreviation}</span>;\n});\n"],"mappings":";;;;;;;AAkBA,MAAM,iBAAiB,qCAAOA,0BAAU,EACtC,MAAM;CACJ,OAAO;CACP,gBAAgB;CAChB,YAAY;CACZ,QAAQ,EACN,gBAAgB,OACjB;CACD,cAAc,EACZ,gBAAgB,OACjB;CACD,gBAAgB,EACd,WAAW,EACT,SAAS,OACV,EACF;AACF,EACF,EAAC;AAEF,MAAa,cAAc,sBAAqC,CAAC,EAAE,SAAS,SAAU,GAAG,MAAM,EAAE,QAAQ;CACvG,MAAM,WAAW,WAAW,EAAE,iBAAiB,GAAI,IAAG,CAAE;AACxD,KAAI,QAAQ,iBAAiB,UAC3B,QAAO;AAET,KAAI,QAAQ,KAAK,OACf,wBACE,2BAAC;EAAe,IAAI,QAAQ;EAAK,KAAI;EAAU,GAAI;EAAU,GAAI;EAAW;YACzE,QAAQ;GACM;AAGrB,wBAAO,2BAAC,oBAAM,QAAQ,eAAoB;AAC3C,EAAC"}