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

package/es/LicenseByline/EmbedByline.js

@@ -1,212 +1,132 @@
-/**
- * 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.
- *
- */
-
+import { LicenseLink } from "./LicenseLink.js";
 import { useState } from "react";
+import { Button, Text } from "@ndla/primitives";
+import { styled } from "@ndla/styled-system/jsx";
 import { useTranslation } from "react-i18next";
 import { AlertLine } from "@ndla/icons";
 import { getLicenseByAbbreviation, getLicenseCredits } from "@ndla/licenses";
-import { Button, Text } from "@ndla/primitives";
-import { styled } from "@ndla/styled-system/jsx";
-import { LicenseLink } from "./LicenseLink";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const BylineWrapper = styled("figcaption", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    paddingBlock: "xsmall",
-    textStyle: "label.medium",
-    color: "text.subtle"
-  }
-});
-const ErrorBylineWrapper = styled(BylineWrapper, {
-  base: {
-    border: "1px solid",
-    borderColor: "stroke.error",
-    borderRadius: "xsmall",
-    background: "surface.dangerSubtle",
-    paddingInline: "medium",
-    paddingBlock: "medium"
-  }
-});
-const StyledText = styled(Text, {
-  base: {
-    fontStyle: "italic"
-  }
-});
-const ContentWrapper = styled("div", {
-  base: {
-    display: "flex",
-    gap: "xsmall",
-    alignItems: "center",
-    textStyle: "label.medium"
-  }
-});
-const BaseDescription = styled("div", {
-  base: {
-    display: "inline-flex",
-    whiteSpace: "pre-wrap"
-  }
-});
-export const EmbedByline = _ref => {
-  let {
-    type,
-    description,
-    children,
-    visibleAlt,
-    hideCopyright,
-    ...props
-  } = _ref;
-  const {
-    t
-  } = useTranslation();
-  if (props.error) {
-    const typeString = type === "h5p" ? "H5P" : t(`embed.type.${type}`).toLowerCase();
-    return /*#__PURE__*/_jsx(ErrorBylineWrapper, {
-      children: /*#__PURE__*/_jsxs(ContentWrapper, {
-        children: [/*#__PURE__*/_jsx(AlertLine, {}), /*#__PURE__*/_jsx(BaseDescription, {
-          children: /*#__PURE__*/_jsx("span", {
-            children: t("embed.embedError", {
-              type: typeString
-            })
-          })
-        })]
-      })
-    });
-  }
-  const {
-    copyright
-  } = props;
-  const hideByline = hideCopyright && !description;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [!hideByline && /*#__PURE__*/_jsx(BylineWrapper, {
-      children: /*#__PURE__*/_jsxs("div", {
-        children: [!!hideCopyright && description, !hideCopyright && /*#__PURE__*/_jsx(LicenseContainerContent, {
-          type: type,
-          copyright: copyright,
-          children: description
-        }), children]
-      })
-    }), visibleAlt ? /*#__PURE__*/_jsx(StyledText, {
-      color: "text.subtle",
-      textStyle: "label.medium",
-      asChild: true,
-      consumeCss: true,
-      children: /*#__PURE__*/_jsx("span", {
-        children: `Alt: ${visibleAlt}`
-      })
-    }) : null]
-  });
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/LicenseByline/EmbedByline.tsx
+const BylineWrapper = styled("figcaption", { base: {
+	display: "flex",
+	flexDirection: "column",
+	paddingBlock: "xsmall",
+	textStyle: "label.medium",
+	color: "text.subtle"
+} });
+const ErrorBylineWrapper = styled(BylineWrapper, { base: {
+	border: "1px solid",
+	borderColor: "stroke.error",
+	borderRadius: "xsmall",
+	background: "surface.dangerSubtle",
+	paddingInline: "medium",
+	paddingBlock: "medium"
+} });
+const StyledText = styled(Text, { base: { fontStyle: "italic" } });
+const ContentWrapper = styled("div", { base: {
+	display: "flex",
+	gap: "xsmall",
+	alignItems: "center",
+	textStyle: "label.medium"
+} });
+const BaseDescription = styled("div", { base: {
+	display: "inline-flex",
+	whiteSpace: "pre-wrap"
+} });
+const EmbedByline = ({ type, description, children, visibleAlt, hideCopyright,...props }) => {
+	const { t } = useTranslation();
+	if (props.error) {
+		const typeString = type === "h5p" ? "H5P" : t(`embed.type.${type}`).toLowerCase();
+		return /* @__PURE__ */ jsx(ErrorBylineWrapper, { children: /* @__PURE__ */ jsxs(ContentWrapper, { children: [/* @__PURE__ */ jsx(AlertLine, {}), /* @__PURE__ */ jsx(BaseDescription, { children: /* @__PURE__ */ jsx("span", { children: t("embed.embedError", { type: typeString }) }) })] }) });
+	}
+	const { copyright } = props;
+	const hideByline = hideCopyright && !description;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [!hideByline && /* @__PURE__ */ jsx(BylineWrapper, { children: /* @__PURE__ */ jsxs("div", { children: [
+		!!hideCopyright && description,
+		!hideCopyright && /* @__PURE__ */ jsx(LicenseContainerContent, {
+			type,
+			copyright,
+			children: description
+		}),
+		children
+	] }) }), visibleAlt ? /* @__PURE__ */ jsx(StyledText, {
+		color: "text.subtle",
+		textStyle: "label.medium",
+		asChild: true,
+		consumeCss: true,
+		children: /* @__PURE__ */ jsx("span", { children: `Alt: ${visibleAlt}` })
+	}) : null] });
 };
-const StyledDescription = styled(BaseDescription, {
-  base: {
-    mobileWideDown: {
-      display: "grid",
-      gridTemplateColumns: "1fr auto",
-      alignItems: "center",
-      overflow: "hidden",
-      _open: {
-        display: "inline"
-      }
-    }
-  }
-});
-const TextContent = 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 = styled(Button, {
-  base: {
-    mobileWide: {
-      display: "none"
-    }
-  }
-});
-const LicenseDescription = _ref2 => {
-  let {
-    children,
-    isOpen,
-    setIsOpen
-  } = _ref2;
-  const open = isOpen ? {
-    "data-open": ""
-  } : {};
-  const {
-    t
-  } = useTranslation();
-  const handleToggle = () => {
-    setIsOpen(!isOpen);
-  };
-  return /*#__PURE__*/_jsx(ContentWrapper, {
-    children: /*#__PURE__*/_jsxs(StyledDescription, {
-      ...open,
-      children: [/*#__PURE__*/_jsx(TextContent, {
-        ...open,
-        children: children
-      }), /*#__PURE__*/_jsx(StyledButton, {
-        variant: "link",
-        size: "small",
-        onClick: handleToggle,
-        children: isOpen ? `${t("audio.readLessDescriptionLabel")}` : `${t("audio.readMoreDescriptionLabel")}`
-      })]
-    })
-  });
+const StyledDescription = styled(BaseDescription, { base: { mobileWideDown: {
+	display: "grid",
+	gridTemplateColumns: "1fr auto",
+	alignItems: "center",
+	overflow: "hidden",
+	_open: { display: "inline" }
+} } });
+const TextContent = 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 = styled(Button, { base: { mobileWide: { display: "none" } } });
+const LicenseDescription = ({ children, isOpen, setIsOpen }) => {
+	const open = isOpen ? { "data-open": "" } : {};
+	const { t } = useTranslation();
+	const handleToggle = () => {
+		setIsOpen(!isOpen);
+	};
+	return /* @__PURE__ */ jsx(ContentWrapper, { children: /* @__PURE__ */ jsxs(StyledDescription, {
+		...open,
+		children: [/* @__PURE__ */ jsx(TextContent, {
+			...open,
+			children
+		}), /* @__PURE__ */ jsx(StyledButton, {
+			variant: "link",
+			size: "small",
+			onClick: handleToggle,
+			children: isOpen ? `${t("audio.readLessDescriptionLabel")}` : `${t("audio.readMoreDescriptionLabel")}`
+		})]
+	}) });
 };
-export const LicenseContainerContent = _ref3 => {
-  let {
-    children,
-    copyright,
-    type
-  } = _ref3;
-  const {
-    t,
-    i18n
-  } = useTranslation();
-  const license = copyright ? getLicenseByAbbreviation(copyright.license?.license ?? "", i18n.language) : undefined;
-  const authors = getLicenseCredits(copyright);
-  const captionAuthors = Object.values(authors).find(i => i.length > 0) ?? [];
-  const [isOpen, setIsOpen] = useState(false);
-  const content = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [children, ` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`, /*#__PURE__*/_jsx("span", {
-      children: captionAuthors.map(author => author.name).join(", ")
-    }), license ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [" / ", /*#__PURE__*/_jsx(LicenseLink, {
-        license: license,
-        hideLink: !isOpen && !!children
-      })]
-    }) : null]
-  });
-  if (children) {
-    return /*#__PURE__*/_jsx(LicenseDescription, {
-      isOpen: isOpen,
-      setIsOpen: setIsOpen,
-      children: content
-    });
-  }
-  return /*#__PURE__*/_jsx(Text, {
-    textStyle: "label.medium",
-    asChild: true,
-    consumeCss: true,
-    children: /*#__PURE__*/_jsx("span", {
-      children: content
-    })
-  });
-};
+const LicenseContainerContent = ({ children, copyright, type }) => {
+	const { t, i18n } = useTranslation();
+	const license = copyright ? getLicenseByAbbreviation(copyright.license?.license ?? "", i18n.language) : void 0;
+	const authors = getLicenseCredits(copyright);
+	const captionAuthors = Object.values(authors).find((i) => i.length > 0) ?? [];
+	const [isOpen, setIsOpen] = useState(false);
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		children,
+		` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`,
+		/* @__PURE__ */ jsx("span", { children: captionAuthors.map((author) => author.name).join(", ") }),
+		license ? /* @__PURE__ */ jsxs(Fragment$1, { children: [" / ", /* @__PURE__ */ jsx(LicenseLink, {
+			license,
+			hideLink: !isOpen && !!children
+		})] }) : null
+	] });
+	if (children) return /* @__PURE__ */ jsx(LicenseDescription, {
+		isOpen,
+		setIsOpen,
+		children: content
+	});
+	return /* @__PURE__ */ jsx(Text, {
+		textStyle: "label.medium",
+		asChild: true,
+		consumeCss: true,
+		children: /* @__PURE__ */ jsx("span", { children: content })
+	});
+};
+
+//#endregion
+export { EmbedByline, LicenseContainerContent };
+//# sourceMappingURL=EmbedByline.js.map

package/es/LicenseByline/EmbedByline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedByline.js","names":[],"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/es/LicenseByline/LicenseLink.js

@@ -1,56 +1,31 @@
-/**
- * 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.
- *
- */
-
 import { forwardRef } from "react";
-import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
-import { jsx as _jsx } from "react/jsx-runtime";
-const StyledSafeLink = styled(SafeLink, {
-  base: {
-    color: "text.link",
-    textDecoration: "underline",
-    whiteSpace: "nowrap",
-    _hover: {
-      textDecoration: "none"
-    },
-    _focusWithin: {
-      textDecoration: "none"
-    },
-    mobileWideDown: {
-      _disabled: {
-        display: "none"
-      }
-    }
-  }
+import { SafeLink } from "@ndla/safelink";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/LicenseByline/LicenseLink.tsx
+const StyledSafeLink = styled(SafeLink, { base: {
+	color: "text.link",
+	textDecoration: "underline",
+	whiteSpace: "nowrap",
+	_hover: { textDecoration: "none" },
+	_focusWithin: { textDecoration: "none" },
+	mobileWideDown: { _disabled: { display: "none" } }
+} });
+const LicenseLink = forwardRef(({ license, hideLink,...rest }, ref) => {
+	const disabled = hideLink ? { "data-disabled": "" } : {};
+	if (license.abbreviation === "unknown") return null;
+	if (license.url?.length) return /* @__PURE__ */ jsx(StyledSafeLink, {
+		to: license.url,
+		rel: "license",
+		...disabled,
+		...rest,
+		ref,
+		children: license.abbreviation
+	});
+	return /* @__PURE__ */ jsx("span", { children: license.abbreviation });
 });
-export const LicenseLink = /*#__PURE__*/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__*/_jsx(StyledSafeLink, {
-      to: license.url,
-      rel: "license",
-      ...disabled,
-      ...rest,
-      ref: ref,
-      children: license.abbreviation
-    });
-  }
-  return /*#__PURE__*/_jsx("span", {
-    children: license.abbreviation
-  });
-});
+
+//#endregion
+export { LicenseLink };
+//# sourceMappingURL=LicenseLink.js.map

package/es/LicenseByline/LicenseLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LicenseLink.js","names":[],"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,OAAO,UAAU,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,WAAqC,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,IAAC;EAAe,IAAI,QAAQ;EAAK,KAAI;EAAU,GAAI;EAAU,GAAI;EAAW;YACzE,QAAQ;GACM;AAGrB,wBAAO,IAAC,oBAAM,QAAQ,eAAoB;AAC3C,EAAC"}

package/es/LinkBlock/LinkBlock.js

@@ -1,103 +1,74 @@
-/**
- * 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.
- *
- */
-
-import parse from "html-react-parser";
+import { getPossiblyRelativeUrl } from "../utils/relativeUrl.js";
 import { useMemo } from "react";
-import { ArrowRightLine, CalendarLine } from "@ndla/icons";
 import { Heading } from "@ndla/primitives";
-import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
-import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const InfoWrapper = styled("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "xsmall"
-  }
-});
-const StyledSafeLink = styled(SafeLink, {
-  base: {
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    background: "surface.default",
-    padding: "medium",
-    border: "1px solid",
-    borderColor: "stroke.subtle",
-    borderRadius: "xsmall",
-    "& h3": {
-      textDecoration: "underline"
-    },
-    "& [data-forward]": {
-      transitionProperty: "width, height",
-      transitionTimingFunction: "ease-in-out",
-      transitionDuration: "fast"
-    },
-    _hover: {
-      "& h3": {
-        textDecoration: "none"
-      },
-      "& [data-forward]": {
-        width: "large",
-        height: "large"
-      }
-    }
-  }
-});
-const StyledDateContainer = styled("div", {
-  base: {
-    display: "flex",
-    alignItems: "center",
-    gap: "xxsmall"
-  }
-});
-const StyledCalendarEd = styled(CalendarLine, {
-  base: {
-    color: "icon.strong"
-  }
-});
-const LinkBlock = _ref => {
-  let {
-    title,
-    articleLanguage,
-    date,
-    url,
-    path
-  } = _ref;
-  const href = getPossiblyRelativeUrl(url, path);
-  const formattedDate = useMemo(() => {
-    if (!date) return null;
-    return new Intl.DateTimeFormat(articleLanguage, {
-      timeZone: "CET",
-      day: "2-digit",
-      month: "long",
-      year: "numeric"
-    }).format(new Date(date));
-  }, [date, articleLanguage]);
-  return /*#__PURE__*/_jsxs(StyledSafeLink, {
-    to: href,
-    "data-embed-type": "link-block",
-    children: [/*#__PURE__*/_jsxs(InfoWrapper, {
-      children: [/*#__PURE__*/_jsx(Heading, {
-        asChild: true,
-        consumeCss: true,
-        textStyle: "title.medium",
-        children: /*#__PURE__*/_jsx("h3", {
-          "data-heading": true,
-          children: parse(title)
-        })
-      }), !!date && /*#__PURE__*/_jsxs(StyledDateContainer, {
-        children: [/*#__PURE__*/_jsx(StyledCalendarEd, {}), formattedDate]
-      })]
-    }), /*#__PURE__*/_jsx(ArrowRightLine, {
-      "data-forward": true
-    })]
-  });
+import parse from "html-react-parser";
+import { ArrowRightLine, CalendarLine } from "@ndla/icons";
+import { SafeLink } from "@ndla/safelink";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/LinkBlock/LinkBlock.tsx
+const InfoWrapper = styled("div", { base: {
+	display: "flex",
+	flexDirection: "column",
+	gap: "xsmall"
+} });
+const StyledSafeLink = styled(SafeLink, { base: {
+	display: "flex",
+	justifyContent: "space-between",
+	alignItems: "center",
+	background: "surface.default",
+	padding: "medium",
+	border: "1px solid",
+	borderColor: "stroke.subtle",
+	borderRadius: "xsmall",
+	"& h3": { textDecoration: "underline" },
+	"& [data-forward]": {
+		transitionProperty: "width, height",
+		transitionTimingFunction: "ease-in-out",
+		transitionDuration: "fast"
+	},
+	_hover: {
+		"& h3": { textDecoration: "none" },
+		"& [data-forward]": {
+			width: "large",
+			height: "large"
+		}
+	}
+} });
+const StyledDateContainer = styled("div", { base: {
+	display: "flex",
+	alignItems: "center",
+	gap: "xxsmall"
+} });
+const StyledCalendarEd = styled(CalendarLine, { base: { color: "icon.strong" } });
+const LinkBlock = ({ title, articleLanguage, date, url, path }) => {
+	const href = getPossiblyRelativeUrl(url, path);
+	const formattedDate = useMemo(() => {
+		if (!date) return null;
+		return new Intl.DateTimeFormat(articleLanguage, {
+			timeZone: "CET",
+			day: "2-digit",
+			month: "long",
+			year: "numeric"
+		}).format(new Date(date));
+	}, [date, articleLanguage]);
+	return /* @__PURE__ */ jsxs(StyledSafeLink, {
+		to: href,
+		"data-embed-type": "link-block",
+		children: [/* @__PURE__ */ jsxs(InfoWrapper, { children: [/* @__PURE__ */ jsx(Heading, {
+			asChild: true,
+			consumeCss: true,
+			textStyle: "title.medium",
+			children: /* @__PURE__ */ jsx("h3", {
+				"data-heading": true,
+				children: parse(title)
+			})
+		}), !!date && /* @__PURE__ */ jsxs(StyledDateContainer, { children: [/* @__PURE__ */ jsx(StyledCalendarEd, {}), formattedDate] })] }), /* @__PURE__ */ jsx(ArrowRightLine, { "data-forward": true })]
+	});
 };
-export default LinkBlock;
+var LinkBlock_default = LinkBlock;
+
+//#endregion
+export { LinkBlock_default };
+//# sourceMappingURL=LinkBlock.js.map

package/es/LinkBlock/LinkBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkBlock.js","names":[],"sources":["../../src/LinkBlock/LinkBlock.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 parse from \"html-react-parser\";\nimport { useMemo } from \"react\";\nimport { ArrowRightLine, CalendarLine } from \"@ndla/icons\";\nimport { Heading } from \"@ndla/primitives\";\nimport { SafeLink } from \"@ndla/safelink\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { LinkBlockEmbedData } from \"@ndla/types-embed\";\nimport { getPossiblyRelativeUrl } from \"../utils/relativeUrl\";\n\nconst InfoWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"xsmall\",\n  },\n});\n\nconst StyledSafeLink = styled(SafeLink, {\n  base: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    background: \"surface.default\",\n    padding: \"medium\",\n    border: \"1px solid\",\n    borderColor: \"stroke.subtle\",\n    borderRadius: \"xsmall\",\n    \"& h3\": {\n      textDecoration: \"underline\",\n    },\n    \"& [data-forward]\": {\n      transitionProperty: \"width, height\",\n      transitionTimingFunction: \"ease-in-out\",\n      transitionDuration: \"fast\",\n    },\n    _hover: {\n      \"& h3\": {\n        textDecoration: \"none\",\n      },\n      \"& [data-forward]\": {\n        width: \"large\",\n        height: \"large\",\n      },\n    },\n  },\n});\n\nconst StyledDateContainer = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"xxsmall\",\n  },\n});\n\nconst StyledCalendarEd = styled(CalendarLine, {\n  base: {\n    color: \"icon.strong\",\n  },\n});\n\ninterface Props extends Omit<LinkBlockEmbedData, \"resource\"> {\n  path?: string;\n  articleLanguage?: string;\n}\n\nconst LinkBlock = ({ title, articleLanguage, date, url, path }: Props) => {\n  const href = getPossiblyRelativeUrl(url, path);\n  const formattedDate = useMemo(() => {\n    if (!date) return null;\n    return new Intl.DateTimeFormat(articleLanguage, {\n      timeZone: \"CET\",\n      day: \"2-digit\",\n      month: \"long\",\n      year: \"numeric\",\n    }).format(new Date(date));\n  }, [date, articleLanguage]);\n  return (\n    <StyledSafeLink to={href} data-embed-type=\"link-block\">\n      <InfoWrapper>\n        <Heading asChild consumeCss textStyle=\"title.medium\">\n          <h3 data-heading>{parse(title)}</h3>\n        </Heading>\n        {!!date && (\n          <StyledDateContainer>\n            <StyledCalendarEd />\n            {formattedDate}\n          </StyledDateContainer>\n        )}\n      </InfoWrapper>\n      <ArrowRightLine data-forward />\n    </StyledSafeLink>\n  );\n};\n\nexport default LinkBlock;\n"],"mappings":";;;;;;;;;;AAiBA,MAAM,cAAc,OAAO,OAAO,EAChC,MAAM;CACJ,SAAS;CACT,eAAe;CACf,KAAK;AACN,EACF,EAAC;AAEF,MAAM,iBAAiB,OAAO,UAAU,EACtC,MAAM;CACJ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,aAAa;CACb,cAAc;CACd,QAAQ,EACN,gBAAgB,YACjB;CACD,oBAAoB;EAClB,oBAAoB;EACpB,0BAA0B;EAC1B,oBAAoB;CACrB;CACD,QAAQ;EACN,QAAQ,EACN,gBAAgB,OACjB;EACD,oBAAoB;GAClB,OAAO;GACP,QAAQ;EACT;CACF;AACF,EACF,EAAC;AAEF,MAAM,sBAAsB,OAAO,OAAO,EACxC,MAAM;CACJ,SAAS;CACT,YAAY;CACZ,KAAK;AACN,EACF,EAAC;AAEF,MAAM,mBAAmB,OAAO,cAAc,EAC5C,MAAM,EACJ,OAAO,cACR,EACF,EAAC;AAOF,MAAM,YAAY,CAAC,EAAE,OAAO,iBAAiB,MAAM,KAAK,MAAa,KAAK;CACxE,MAAM,OAAO,uBAAuB,KAAK,KAAK;CAC9C,MAAM,gBAAgB,QAAQ,MAAM;AAClC,OAAK,KAAM,QAAO;AAClB,SAAO,IAAI,KAAK,eAAe,iBAAiB;GAC9C,UAAU;GACV,KAAK;GACL,OAAO;GACP,MAAM;EACP,GAAE,OAAO,IAAI,KAAK,MAAM;CAC1B,GAAE,CAAC,MAAM,eAAgB,EAAC;AAC3B,wBACE,KAAC;EAAe,IAAI;EAAM,mBAAgB;6BACxC,KAAC,0CACC,IAAC;GAAQ;GAAQ;GAAW,WAAU;6BACpC,IAAC;IAAG;cAAc,MAAM,MAAM;KAAM;IAC5B,IACP,wBACD,KAAC,kDACC,IAAC,qBAAmB,EACnB,iBACmB,IAEZ,kBACd,IAAC,kBAAe,uBAAe;GAChB;AAEpB;AAED,wBAAe"}