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

package/es/RelatedArticleList/RelatedArticleList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedArticleList.js","names":[],"sources":["../../src/RelatedArticleList/RelatedArticleList.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 { Children, type ComponentPropsWithoutRef, type ReactElement, type ReactNode, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ExternalLinkLine } from \"@ndla/icons\";\nimport { CardContent, CardHeading, CardRoot, Text, Heading, Button } from \"@ndla/primitives\";\nimport { SafeLink } from \"@ndla/safelink\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport { linkOverlay } from \"@ndla/styled-system/patterns\";\nimport { ContentTypeBadge } from \"../ContentTypeBadge/ContentTypeBadge\";\nimport { contentTypes } from \"../model/ContentType\";\nimport type { HeadingLevel } from \"../types\";\n\ninterface RelatedArticleProps {\n  title: string;\n  introduction: string;\n  to: string;\n  linkInfo?: string;\n  target?: string;\n  type?: string;\n}\n\nconst StyledSpan = styled(\"span\", {\n  base: {\n    display: \"flex\",\n    gap: \"3xsmall\",\n  },\n});\n\nexport const RelatedArticle = ({\n  title,\n  introduction,\n  to,\n  linkInfo = \"\",\n  target = \"\",\n  type = contentTypes.SUBJECT_MATERIAL,\n}: RelatedArticleProps) => {\n  return (\n    <CardRoot data-embed-type=\"related-article\">\n      <CardContent>\n        <ContentTypeBadge contentType={type} />\n        <CardHeading asChild consumeCss>\n          <span>\n            <SafeLink\n              unstyled\n              to={to}\n              target={target}\n              rel={linkInfo ? \"noopener noreferrer\" : undefined}\n              css={linkOverlay.raw()}\n            >\n              <StyledSpan>\n                {title}\n                {target === \"_blank\" && <ExternalLinkLine />}\n              </StyledSpan>\n            </SafeLink>\n          </span>\n        </CardHeading>\n        <Text dangerouslySetInnerHTML={{ __html: introduction }} />\n        <Text color=\"text.subtle\" textStyle=\"label.small\">\n          {linkInfo}\n        </Text>\n      </CardContent>\n    </CardRoot>\n  );\n};\n\nconst HeadingWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    width: \"100%\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    alignSelf: \"flex-start\",\n  },\n});\n\nconst ArticlesWrapper = styled(\"div\", {\n  base: {\n    display: \"grid\",\n    width: \"100%\",\n    gridTemplateColumns: \"repeat(2, 1fr)\",\n    gap: \"medium\",\n    tabletDown: {\n      gridTemplateColumns: \"1fr\",\n    },\n  },\n});\n\nconst StyledSection = styled(\"section\", {\n  base: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    gap: \"medium\",\n    clear: \"both\",\n  },\n});\n\nconst StyledButton = styled(Button, {\n  base: {\n    marginBlockStart: \"xsmall\",\n  },\n});\n\ninterface Props extends ComponentPropsWithoutRef<\"section\"> {\n  children?: ReactElement[];\n  articleCount?: number;\n  headingLevel?: HeadingLevel;\n  headingButtons?: ReactNode;\n}\n\nexport const RelatedArticleList = ({\n  children = [],\n  articleCount,\n  headingLevel: HeadingElement = \"h2\",\n  headingButtons,\n  ...rest\n}: Props) => {\n  const [expanded, setExpanded] = useState(false);\n  const { t } = useTranslation();\n  const childCount = useMemo(() => articleCount ?? Children.count(children), [children, articleCount]);\n  const childrenToShow = useMemo(\n    () => (childCount > 2 && !expanded ? children?.slice(0, 2) : children),\n    [childCount, children, expanded],\n  );\n\n  return (\n    <StyledSection {...rest} data-embed-type=\"related-content-list\">\n      <HeadingWrapper>\n        <Heading asChild consumeCss textStyle=\"title.large\" fontWeight=\"bold\">\n          <HeadingElement>{t(\"related.title\")}</HeadingElement>\n        </Heading>\n        {headingButtons}\n      </HeadingWrapper>\n      <ArticlesWrapper>{childrenToShow}</ArticlesWrapper>\n      {childCount > 2 ? (\n        <StyledButton variant=\"secondary\" onClick={() => setExpanded((p) => !p)}>\n          {t(`related.show${expanded ? \"Less\" : \"More\"}`)}\n        </StyledButton>\n      ) : null}\n    </StyledSection>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AA4BA,MAAM,aAAa,OAAO,QAAQ,EAChC,MAAM;CACJ,SAAS;CACT,KAAK;AACN,EACF,EAAC;AAEF,MAAa,iBAAiB,CAAC,EAC7B,OACA,cACA,IACA,WAAW,IACX,SAAS,IACT,OAAO,aAAa,kBACA,KAAK;AACzB,wBACE,IAAC;EAAS,mBAAgB;4BACxB,KAAC;mBACC,IAAC,oBAAiB,aAAa,OAAQ;mBACvC,IAAC;IAAY;IAAQ;8BACnB,IAAC,oCACC,IAAC;KACC;KACI;KACI;KACR,KAAK,WAAW;KAChB,KAAK,YAAY,KAAK;+BAEtB,KAAC,yBACE,OACA,WAAW,4BAAY,IAAC,qBAAmB,IACjC;MACJ,GACN;KACK;mBACd,IAAC,QAAK,yBAAyB,EAAE,QAAQ,aAAc,IAAI;mBAC3D,IAAC;IAAK,OAAM;IAAc,WAAU;cACjC;KACI;MACK;GACL;AAEd;AAED,MAAM,iBAAiB,OAAO,OAAO,EACnC,MAAM;CACJ,SAAS;CACT,OAAO;CACP,gBAAgB;CAChB,YAAY;CACZ,WAAW;AACZ,EACF,EAAC;AAEF,MAAM,kBAAkB,OAAO,OAAO,EACpC,MAAM;CACJ,SAAS;CACT,OAAO;CACP,qBAAqB;CACrB,KAAK;CACL,YAAY,EACV,qBAAqB,MACtB;AACF,EACF,EAAC;AAEF,MAAM,gBAAgB,OAAO,WAAW,EACtC,MAAM;CACJ,SAAS;CACT,eAAe;CACf,YAAY;CACZ,KAAK;CACL,OAAO;AACR,EACF,EAAC;AAEF,MAAM,eAAe,OAAO,QAAQ,EAClC,MAAM,EACJ,kBAAkB,SACnB,EACF,EAAC;AASF,MAAa,qBAAqB,CAAC,EACjC,WAAW,CAAE,GACb,cACA,cAAc,iBAAiB,MAC/B,eACA,GAAG,MACG,KAAK;CACX,MAAM,CAAC,UAAU,YAAY,GAAG,SAAS,MAAM;CAC/C,MAAM,EAAE,GAAG,GAAG,gBAAgB;CAC9B,MAAM,aAAa,QAAQ,MAAM,gBAAgB,SAAS,MAAM,SAAS,EAAE,CAAC,UAAU,YAAa,EAAC;CACpG,MAAM,iBAAiB,QACrB,MAAO,aAAa,MAAM,WAAW,UAAU,MAAM,GAAG,EAAE,GAAG,UAC7D;EAAC;EAAY;EAAU;CAAS,EACjC;AAED,wBACE,KAAC;EAAc,GAAI;EAAM,mBAAgB;;mBACvC,KAAC,6CACC,IAAC;IAAQ;IAAQ;IAAW,WAAU;IAAc,YAAW;8BAC7D,IAAC,4BAAgB,EAAE,gBAAgB,GAAkB;KAC7C,EACT,kBACc;mBACjB,IAAC,6BAAiB,iBAAiC;GAClD,aAAa,oBACZ,IAAC;IAAa,SAAQ;IAAY,SAAS,MAAM,YAAY,CAAC,OAAO,EAAE;cACpE,GAAG,cAAc,WAAW,SAAS,OAAO,EAAE;KAClC,GACb;;GACU;AAEnB"}

package/es/RelatedArticleList/index.js

@@ -0,0 +1,8 @@
+import { RelatedArticle, RelatedArticleList } from "./RelatedArticleList.js";
+
+//#region src/RelatedArticleList/index.ts
+var RelatedArticleList_default = RelatedArticleList;
+
+//#endregion
+export { RelatedArticleList_default };
+//# sourceMappingURL=index.js.map

package/es/RelatedArticleList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/RelatedArticleList/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2017-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { RelatedArticle, RelatedArticleList } from \"./RelatedArticleList\";\n\nexport { RelatedArticle };\n\nexport default RelatedArticleList;\n"],"mappings":";;;AAYA,iCAAe"}

package/es/ResourceBox/ResourceBox.js

@@ -0,0 +1,74 @@
+import { Heading, Image, Text } from "@ndla/primitives";
+import { styled } from "@ndla/styled-system/jsx";
+import { ShareBoxLine } from "@ndla/icons";
+import { SafeLinkButton } from "@ndla/safelink";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { breakpoints } from "@ndla/core";
+
+//#region src/ResourceBox/ResourceBox.tsx
+const Container = styled("div", { base: {
+	display: "flex",
+	padding: "medium",
+	borderRadius: "xsmall",
+	border: "1px solid",
+	borderColor: "stroke.default",
+	boxShadow: "full",
+	marginBlockEnd: "medium",
+	gap: "medium",
+	tabletWideDown: { padding: "xsmall" },
+	tabletDown: {
+		flexDirection: "column",
+		gap: "0",
+		padding: "0"
+	}
+} });
+const ContentWrapper = styled("div", { base: {
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "flex-start",
+	gap: "xsmall",
+	flex: "1",
+	tabletDown: { padding: "xsmall" }
+} });
+const StyledImage = styled(Image, { base: {
+	objectFit: "cover",
+	borderRadius: "xsmall",
+	width: "fit-content",
+	aspectRatio: "1/1",
+	tabletDown: {
+		width: "100%",
+		borderRadius: "0"
+	}
+} });
+const StyledText = styled(Text, { base: { flex: "1" } });
+const ResourceBox = ({ image, title, caption, url, buttonText }) => {
+	return /* @__PURE__ */ jsxs(Container, { children: [image ? /* @__PURE__ */ jsx(StyledImage, {
+		src: image.src,
+		alt: image.alt,
+		sizes: `(min-width: ${breakpoints.desktop}) 150px, (max-width: ${breakpoints.tablet} ) 400px, 200px`,
+		variant: "rounded"
+	}) : null, /* @__PURE__ */ jsxs(ContentWrapper, { children: [
+		/* @__PURE__ */ jsx(Heading, {
+			textStyle: "label.large",
+			fontWeight: "bold",
+			asChild: true,
+			consumeCss: true,
+			children: /* @__PURE__ */ jsx("h3", { children: title })
+		}),
+		/* @__PURE__ */ jsx(StyledText, {
+			textStyle: "body.medium",
+			children: caption
+		}),
+		/* @__PURE__ */ jsxs(SafeLinkButton, {
+			to: url,
+			target: "_blank",
+			variant: "secondary",
+			children: [buttonText, /* @__PURE__ */ jsx(ShareBoxLine, {})]
+		})
+	] })] });
+};
+var ResourceBox_default = ResourceBox;
+
+//#endregion
+export { ResourceBox_default };
+//# sourceMappingURL=ResourceBox.js.map

package/es/ResourceBox/ResourceBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceBox.js","names":[],"sources":["../../src/ResourceBox/ResourceBox.tsx"],"sourcesContent":["/**\n * Copyright (c) 2022-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 { breakpoints } from \"@ndla/core\";\nimport { ShareBoxLine } from \"@ndla/icons\";\nimport { Heading, Image, Text } from \"@ndla/primitives\";\nimport { SafeLinkButton } from \"@ndla/safelink\";\nimport { styled } from \"@ndla/styled-system/jsx\";\n\nconst Container = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    padding: \"medium\",\n    borderRadius: \"xsmall\",\n    border: \"1px solid\",\n    borderColor: \"stroke.default\",\n    boxShadow: \"full\",\n    marginBlockEnd: \"medium\",\n    gap: \"medium\",\n    tabletWideDown: {\n      padding: \"xsmall\",\n    },\n    tabletDown: {\n      flexDirection: \"column\",\n      gap: \"0\",\n      padding: \"0\",\n    },\n  },\n});\n\nconst ContentWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"flex-start\",\n    gap: \"xsmall\",\n    flex: \"1\",\n    tabletDown: {\n      padding: \"xsmall\",\n    },\n  },\n});\n\nconst StyledImage = styled(Image, {\n  base: {\n    objectFit: \"cover\",\n    borderRadius: \"xsmall\",\n    width: \"fit-content\",\n    aspectRatio: \"1/1\",\n    tabletDown: {\n      width: \"100%\",\n      borderRadius: \"0\",\n    },\n  },\n});\n\nconst StyledText = styled(Text, {\n  base: {\n    flex: \"1\",\n  },\n});\n\ninterface ImageMeta {\n  src: string | undefined;\n  alt: string;\n}\n\ninterface Props {\n  image?: ImageMeta;\n  title: string;\n  caption: string;\n  url: string;\n  buttonText: string;\n}\n\nexport const ResourceBox = ({ image, title, caption, url, buttonText }: Props) => {\n  return (\n    <Container>\n      {image ? (\n        <StyledImage\n          src={image.src}\n          alt={image.alt}\n          sizes={`(min-width: ${breakpoints.desktop}) 150px, (max-width: ${breakpoints.tablet} ) 400px, 200px`}\n          variant=\"rounded\"\n        />\n      ) : null}\n      <ContentWrapper>\n        <Heading textStyle=\"label.large\" fontWeight=\"bold\" asChild consumeCss>\n          <h3>{title}</h3>\n        </Heading>\n        <StyledText textStyle=\"body.medium\">{caption}</StyledText>\n        <SafeLinkButton to={url} target=\"_blank\" variant=\"secondary\">\n          {buttonText}\n          <ShareBoxLine />\n        </SafeLinkButton>\n      </ContentWrapper>\n    </Container>\n  );\n};\n\nexport default ResourceBox;\n"],"mappings":";;;;;;;;AAcA,MAAM,YAAY,OAAO,OAAO,EAC9B,MAAM;CACJ,SAAS;CACT,SAAS;CACT,cAAc;CACd,QAAQ;CACR,aAAa;CACb,WAAW;CACX,gBAAgB;CAChB,KAAK;CACL,gBAAgB,EACd,SAAS,SACV;CACD,YAAY;EACV,eAAe;EACf,KAAK;EACL,SAAS;CACV;AACF,EACF,EAAC;AAEF,MAAM,iBAAiB,OAAO,OAAO,EACnC,MAAM;CACJ,SAAS;CACT,eAAe;CACf,YAAY;CACZ,KAAK;CACL,MAAM;CACN,YAAY,EACV,SAAS,SACV;AACF,EACF,EAAC;AAEF,MAAM,cAAc,OAAO,OAAO,EAChC,MAAM;CACJ,WAAW;CACX,cAAc;CACd,OAAO;CACP,aAAa;CACb,YAAY;EACV,OAAO;EACP,cAAc;CACf;AACF,EACF,EAAC;AAEF,MAAM,aAAa,OAAO,MAAM,EAC9B,MAAM,EACJ,MAAM,IACP,EACF,EAAC;AAeF,MAAa,cAAc,CAAC,EAAE,OAAO,OAAO,SAAS,KAAK,YAAmB,KAAK;AAChF,wBACE,KAAC,wBACE,wBACC,IAAC;EACC,KAAK,MAAM;EACX,KAAK,MAAM;EACX,QAAQ,cAAc,YAAY,QAAQ,uBAAuB,YAAY,OAAO;EACpF,SAAQ;GACR,GACA,sBACJ,KAAC;kBACC,IAAC;GAAQ,WAAU;GAAc,YAAW;GAAO;GAAQ;6BACzD,IAAC,kBAAI,QAAW;IACR;kBACV,IAAC;GAAW,WAAU;aAAe;IAAqB;kBAC1D,KAAC;GAAe,IAAI;GAAK,QAAO;GAAS,SAAQ;cAC9C,4BACD,IAAC,iBAAe;IACD;KACF,IACP;AAEf;AAED,0BAAe"}

package/es/TagSelector/TagSelector.js

@@ -0,0 +1,100 @@
+import { forwardRef, useEffect, useId, useRef } from "react";
+import { ComboboxClearTrigger, ComboboxControl, ComboboxInput, ComboboxLabel, ComboboxRoot, ComboboxTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputRoot } from "@ndla/primitives";
+import { CloseLine } from "@ndla/icons";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { contains } from "@ndla/util";
+import { useComboboxContext, useTagsInputContext } from "@ark-ui/react";
+
+//#region src/TagSelector/TagSelector.tsx
+const TagSelectorRoot = ({ allowCustomValue = true, multiple = true, selectionBehavior = "clear", editable, addOnPaste = false, onValueChange, children, value, translations,...rest }) => {
+	const ids = {
+		root: useId(),
+		input: useId(),
+		control: useId()
+	};
+	const controlRef = useRef(void 0);
+	useEffect(() => {
+		if (!controlRef.current) controlRef.current = document.getElementById(ids.control);
+	}, [ids.control]);
+	return /* @__PURE__ */ jsx(ComboboxRoot, {
+		ids,
+		asChild: true,
+		allowCustomValue,
+		multiple,
+		selectionBehavior,
+		onValueChange,
+		translations,
+		onPointerDownOutside: (event) => {
+			if (contains(controlRef.current, event.detail.originalEvent.target)) event.preventDefault();
+		},
+		value,
+		...rest,
+		children: /* @__PURE__ */ jsx(TagSelectorTagsInputRoot, {
+			ids,
+			value,
+			editable,
+			onValueChange,
+			addOnPaste,
+			translations,
+			children
+		})
+	});
+};
+const TagSelectorTagsInputRoot = forwardRef((props, ref) => {
+	const comboboxApi = useComboboxContext();
+	return /* @__PURE__ */ jsx(TagsInputRoot, {
+		ref,
+		onInputValueChange: (details) => comboboxApi.setInputValue(details.inputValue),
+		...props
+	});
+});
+const TagSelectorLabel = ComboboxLabel;
+const TagSelectorItemInput = TagsInputItemInput;
+const TagSelectorTrigger = ComboboxTrigger;
+const TagSelectorControl = forwardRef(({ children,...props }, ref) => {
+	return /* @__PURE__ */ jsx(ComboboxControl, {
+		ref,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(TagsInputControl, {
+			...props,
+			children
+		})
+	});
+});
+const TagSelectorClearTrigger = ComboboxClearTrigger;
+const TagSelectorInputBase = forwardRef(({ children,...props }, ref) => {
+	const tagsApi = useTagsInputContext();
+	return /* @__PURE__ */ jsx(ComboboxInput, {
+		ref,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(TagsInputInput, {
+			onKeyDown: (event) => {
+				if (event.key === "Enter") tagsApi.addValue(tagsApi.inputValue);
+			},
+			...props,
+			children
+		})
+	});
+});
+const TagSelectorInput = forwardRef(({ children,...props }, ref) => {
+	const tagsApi = useTagsInputContext();
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [tagsApi.value.map((value, index) => /* @__PURE__ */ jsxs(TagsInputItem, {
+		index,
+		value,
+		children: [/* @__PURE__ */ jsxs(TagsInputItemPreview, { children: [/* @__PURE__ */ jsx(TagsInputItemText, { children: value }), /* @__PURE__ */ jsx(TagsInputItemDeleteTrigger, { children: /* @__PURE__ */ jsx(CloseLine, {}) })] }), /* @__PURE__ */ jsx(TagsInputItemInput, {})]
+	}, value)), /* @__PURE__ */ jsx(ComboboxInput, {
+		ref,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(TagsInputInput, {
+			onKeyDown: (event) => {
+				if (event.key === "Enter") tagsApi.addValue(tagsApi.inputValue);
+			},
+			...props,
+			children
+		})
+	})] });
+});
+
+//#endregion
+export { TagSelectorClearTrigger, TagSelectorControl, TagSelectorInput, TagSelectorInputBase, TagSelectorItemInput, TagSelectorLabel, TagSelectorRoot, TagSelectorTrigger };
+//# sourceMappingURL=TagSelector.js.map

package/es/TagSelector/TagSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagSelector.js","names":[],"sources":["../../src/TagSelector/TagSelector.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, useEffect, useId, useRef } from \"react\";\nimport { type CollectionItem, useTagsInputContext, useComboboxContext } from \"@ark-ui/react\";\nimport { CloseLine } from \"@ndla/icons\";\nimport {\n  ComboboxClearTrigger,\n  ComboboxControl,\n  type ComboboxControlProps,\n  ComboboxInput,\n  type ComboboxInputProps,\n  ComboboxLabel,\n  ComboboxRoot,\n  type ComboboxRootProps,\n  ComboboxTrigger,\n  TagsInputControl,\n  type TagsInputControlProps,\n  TagsInputInput,\n  type TagsInputInputProps,\n  TagsInputItem,\n  TagsInputItemDeleteTrigger,\n  TagsInputItemPreview,\n  TagsInputItemText,\n  TagsInputRoot,\n  type TagsInputRootProps,\n  TagsInputItemInput,\n} from \"@ndla/primitives\";\nimport { contains } from \"@ndla/util\";\n\nexport type TagSelectorRootProps<T extends CollectionItem> = ComboboxRootProps<T> & TagsInputRootProps;\n\nexport const TagSelectorRoot = <T extends CollectionItem>({\n  allowCustomValue = true,\n  multiple = true,\n  selectionBehavior = \"clear\",\n  editable,\n  addOnPaste = false,\n  onValueChange,\n  children,\n  value,\n  translations,\n  ...rest\n}: TagSelectorRootProps<T>) => {\n  const ids = {\n    root: useId(),\n    input: useId(),\n    control: useId(),\n  };\n\n  const controlRef = useRef<HTMLDivElement | undefined>(undefined);\n\n  useEffect(() => {\n    if (!controlRef.current) {\n      controlRef.current = document.getElementById(ids.control) as HTMLDivElement | undefined;\n    }\n  }, [ids.control]);\n\n  return (\n    <ComboboxRoot\n      ids={ids}\n      asChild\n      allowCustomValue={allowCustomValue}\n      multiple={multiple}\n      selectionBehavior={selectionBehavior}\n      onValueChange={onValueChange}\n      translations={translations}\n      onPointerDownOutside={(event) => {\n        if (contains(controlRef.current, event.detail.originalEvent.target)) {\n          event.preventDefault();\n        }\n      }}\n      value={value}\n      {...rest}\n    >\n      <TagSelectorTagsInputRoot\n        ids={ids}\n        value={value}\n        editable={editable}\n        onValueChange={onValueChange}\n        addOnPaste={addOnPaste}\n        translations={translations}\n      >\n        {children}\n      </TagSelectorTagsInputRoot>\n    </ComboboxRoot>\n  );\n};\n\nconst TagSelectorTagsInputRoot = forwardRef<HTMLDivElement, TagsInputRootProps>((props, ref) => {\n  const comboboxApi = useComboboxContext();\n  return (\n    <TagsInputRoot\n      ref={ref}\n      onInputValueChange={(details) => comboboxApi.setInputValue(details.inputValue)}\n      {...props}\n    />\n  );\n});\n\nexport type TagSelectorControlProps = ComboboxControlProps & TagsInputControlProps;\n\nexport const TagSelectorLabel = ComboboxLabel;\n\nexport const TagSelectorItemInput = TagsInputItemInput;\n\nexport const TagSelectorTrigger = ComboboxTrigger;\n\nexport const TagSelectorControl = forwardRef<HTMLDivElement, TagSelectorControlProps>(({ children, ...props }, ref) => {\n  return (\n    <ComboboxControl ref={ref} asChild>\n      <TagsInputControl {...props}>{children}</TagsInputControl>\n    </ComboboxControl>\n  );\n});\n\nexport const TagSelectorClearTrigger = ComboboxClearTrigger;\n\nexport type TagSelectorInputProps = ComboboxInputProps & TagsInputInputProps;\n\n// If you need to modify the TagsInputItem, you can use this.\nexport const TagSelectorInputBase = forwardRef<HTMLInputElement, TagSelectorInputProps>(\n  ({ children, ...props }, ref) => {\n    const tagsApi = useTagsInputContext();\n\n    return (\n      <ComboboxInput ref={ref} asChild>\n        <TagsInputInput\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\") {\n              tagsApi.addValue(tagsApi.inputValue);\n            }\n          }}\n          {...props}\n        >\n          {children}\n        </TagsInputInput>\n      </ComboboxInput>\n    );\n  },\n);\n\nexport const TagSelectorInput = forwardRef<HTMLInputElement, TagSelectorInputProps>(({ children, ...props }, ref) => {\n  const tagsApi = useTagsInputContext();\n\n  return (\n    <>\n      {tagsApi.value.map((value, index) => (\n        <TagsInputItem index={index} value={value} key={value}>\n          <TagsInputItemPreview>\n            <TagsInputItemText>{value}</TagsInputItemText>\n            <TagsInputItemDeleteTrigger>\n              <CloseLine />\n            </TagsInputItemDeleteTrigger>\n          </TagsInputItemPreview>\n          <TagsInputItemInput />\n        </TagsInputItem>\n      ))}\n      <ComboboxInput ref={ref} asChild>\n        <TagsInputInput\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\") {\n              tagsApi.addValue(tagsApi.inputValue);\n            }\n          }}\n          {...props}\n        >\n          {children}\n        </TagsInputInput>\n      </ComboboxInput>\n    </>\n  );\n});\n"],"mappings":";;;;;;;;AAqCA,MAAa,kBAAkB,CAA2B,EACxD,mBAAmB,MACnB,WAAW,MACX,oBAAoB,SACpB,UACA,aAAa,OACb,eACA,UACA,OACA,aACA,GAAG,MACqB,KAAK;CAC7B,MAAM,MAAM;EACV,MAAM,OAAO;EACb,OAAO,OAAO;EACd,SAAS,OAAO;CACjB;CAED,MAAM,aAAa,cAA6C;AAEhE,WAAU,MAAM;AACd,OAAK,WAAW,QACd,YAAW,UAAU,SAAS,eAAe,IAAI,QAAQ;CAE5D,GAAE,CAAC,IAAI,OAAQ,EAAC;AAEjB,wBACE,IAAC;EACM;EACL;EACkB;EACR;EACS;EACJ;EACD;EACd,sBAAsB,CAAC,UAAU;AAC/B,OAAI,SAAS,WAAW,SAAS,MAAM,OAAO,cAAc,OAAO,CACjE,OAAM,gBAAgB;EAEzB;EACM;EACP,GAAI;4BAEJ,IAAC;GACM;GACE;GACG;GACK;GACH;GACE;GAEb;IACwB;GACd;AAElB;AAED,MAAM,2BAA2B,WAA+C,CAAC,OAAO,QAAQ;CAC9F,MAAM,cAAc,oBAAoB;AACxC,wBACE,IAAC;EACM;EACL,oBAAoB,CAAC,YAAY,YAAY,cAAc,QAAQ,WAAW;EAC9E,GAAI;GACJ;AAEL,EAAC;AAIF,MAAa,mBAAmB;AAEhC,MAAa,uBAAuB;AAEpC,MAAa,qBAAqB;AAElC,MAAa,qBAAqB,WAAoD,CAAC,EAAE,SAAU,GAAG,OAAO,EAAE,QAAQ;AACrH,wBACE,IAAC;EAAqB;EAAK;4BACzB,IAAC;GAAiB,GAAI;GAAQ;IAA4B;GAC1C;AAErB,EAAC;AAEF,MAAa,0BAA0B;AAKvC,MAAa,uBAAuB,WAClC,CAAC,EAAE,SAAU,GAAG,OAAO,EAAE,QAAQ;CAC/B,MAAM,UAAU,qBAAqB;AAErC,wBACE,IAAC;EAAmB;EAAK;4BACvB,IAAC;GACC,WAAW,CAAC,UAAU;AACpB,QAAI,MAAM,QAAQ,QAChB,SAAQ,SAAS,QAAQ,WAAW;GAEvC;GACD,GAAI;GAEH;IACc;GACH;AAEnB,EACF;AAED,MAAa,mBAAmB,WAAoD,CAAC,EAAE,SAAU,GAAG,OAAO,EAAE,QAAQ;CACnH,MAAM,UAAU,qBAAqB;AAErC,wBACE,8BACG,QAAQ,MAAM,IAAI,CAAC,OAAO,0BACzB,KAAC;EAAqB;EAAc;6BAClC,KAAC,mDACC,IAAC,+BAAmB,QAA0B,kBAC9C,IAAC,wDACC,IAAC,cAAY,GACc,IACR,kBACvB,IAAC,uBAAqB;IAPwB,MAQhC,CAChB,kBACF,IAAC;EAAmB;EAAK;4BACvB,IAAC;GACC,WAAW,CAAC,UAAU;AACpB,QAAI,MAAM,QAAQ,QAChB,SAAQ,SAAS,QAAQ,WAAW;GAEvC;GACD,GAAI;GAEH;IACc;GACH,IACf;AAEN,EAAC"}

package/es/ZendeskButton/ZendeskButton.js

@@ -0,0 +1,41 @@
+import { forwardRef, useState } from "react";
+import { Button } from "@ndla/primitives";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ZendeskButton/ZendeskButton.tsx
+const ZendeskButton = forwardRef(({ locale, variant = "secondary", widgetKey, children,...rest }, ref) => {
+	const [loading, setLoading] = useState(false);
+	const handleClick = () => {
+		if (window && !window.zE) {
+			setLoading(true);
+			const script = document.createElement("script");
+			script.id = "ze-snippet";
+			script.type = "text/javascript";
+			script.async = true;
+			script.onload = () => {
+				if (window.zE) {
+					window.zE("webWidget", "setLocale", locale);
+					window.zE("webWidget:on", "close", () => {
+						setLoading(false);
+					});
+					window.zE("webWidget", "open");
+				}
+			};
+			script.src = `https://static.zdassets.com/ekr/snippet.js?key=${widgetKey}`;
+			document.body.appendChild(script);
+		} else if (window?.zE) window.zE("webWidget", "open");
+	};
+	return /* @__PURE__ */ jsx(Button, {
+		onClick: handleClick,
+		variant,
+		id: "zendeskButton",
+		disabled: loading,
+		...rest,
+		ref,
+		children
+	});
+});
+
+//#endregion
+export { ZendeskButton };
+//# sourceMappingURL=ZendeskButton.js.map

package/es/ZendeskButton/ZendeskButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZendeskButton.js","names":[],"sources":["../../src/ZendeskButton/ZendeskButton.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, useState } from \"react\";\nimport { Button, type ButtonProps } from \"@ndla/primitives\";\n\n// TODO: Let's consider abandoning `disabled` on the button here. It should instead just open/close the widget based on its current state.\n\nexport interface ZendeskButtonProps extends ButtonProps {\n  widgetKey: string;\n  locale: string;\n}\n\ndeclare global {\n  interface Window {\n    zE: (modifier: string, action: string, callback?: (() => void) | string) => void;\n  }\n}\n\nexport const ZendeskButton = forwardRef<HTMLButtonElement, ZendeskButtonProps>(\n  ({ locale, variant = \"secondary\", widgetKey, children, ...rest }, ref) => {\n    const [loading, setLoading] = useState(false);\n    const handleClick = () => {\n      if (window && !window.zE) {\n        setLoading(true);\n        // Asynchronously load zendesk scripts for better performance\n        const script = document.createElement(\"script\");\n        script.id = \"ze-snippet\";\n        script.type = \"text/javascript\";\n        script.async = true;\n        script.onload = () => {\n          if (window.zE) {\n            window.zE(\"webWidget\", \"setLocale\", locale);\n            window.zE(\"webWidget:on\", \"close\", () => {\n              setLoading(false);\n            });\n            window.zE(\"webWidget\", \"open\");\n          }\n        };\n        script.src = `https://static.zdassets.com/ekr/snippet.js?key=${widgetKey}`;\n        document.body.appendChild(script);\n      } else if (window?.zE) {\n        window.zE(\"webWidget\", \"open\");\n      }\n    };\n\n    return (\n      <Button onClick={handleClick} variant={variant} id=\"zendeskButton\" disabled={loading} {...rest} ref={ref}>\n        {children}\n      </Button>\n    );\n  },\n);\n"],"mappings":";;;;;AAwBA,MAAa,gBAAgB,WAC3B,CAAC,EAAE,QAAQ,UAAU,aAAa,WAAW,SAAU,GAAG,MAAM,EAAE,QAAQ;CACxE,MAAM,CAAC,SAAS,WAAW,GAAG,SAAS,MAAM;CAC7C,MAAM,cAAc,MAAM;AACxB,MAAI,WAAW,OAAO,IAAI;AACxB,cAAW,KAAK;GAEhB,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,UAAO,KAAK;AACZ,UAAO,OAAO;AACd,UAAO,QAAQ;AACf,UAAO,SAAS,MAAM;AACpB,QAAI,OAAO,IAAI;AACb,YAAO,GAAG,aAAa,aAAa,OAAO;AAC3C,YAAO,GAAG,gBAAgB,SAAS,MAAM;AACvC,iBAAW,MAAM;KAClB,EAAC;AACF,YAAO,GAAG,aAAa,OAAO;IAC/B;GACF;AACD,UAAO,OAAO,iDAAiD,UAAU;AACzE,YAAS,KAAK,YAAY,OAAO;EAClC,WAAU,QAAQ,GACjB,QAAO,GAAG,aAAa,OAAO;CAEjC;AAED,wBACE,IAAC;EAAO,SAAS;EAAsB;EAAS,IAAG;EAAgB,UAAU;EAAS,GAAI;EAAW;EAClG;GACM;AAEZ,EACF"}

package/es/_virtual/rolldown_runtime.js

@@ -0,0 +1,11 @@
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+
+//#endregion
+export { __export };

package/es/i18n/formatNestedMessages.js

@@ -0,0 +1,17 @@
+//#region src/i18n/formatNestedMessages.ts
+const formatNestedMessages = (phrases, formattedMessages = {}, prefix = "") => {
+	const messages = formattedMessages;
+	Object.keys(phrases).forEach((key) => {
+		const value = phrases[key];
+		if ({}.hasOwnProperty.call(phrases, key)) {
+			const keyWithPrefix = prefix ? `${prefix}.${key}` : key;
+			if (typeof value === "object") formatNestedMessages(value, formattedMessages, keyWithPrefix);
+			else messages[keyWithPrefix] = value;
+		}
+	});
+	return messages;
+};
+
+//#endregion
+export { formatNestedMessages };
+//# sourceMappingURL=formatNestedMessages.js.map

package/es/i18n/formatNestedMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatNestedMessages.js","names":["phrases: Phrases","formattedMessages: FormattedMessages","prefix: string"],"sources":["../../src/i18n/formatNestedMessages.ts"],"sourcesContent":["/**\n * Copyright (c) 2017-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\ninterface Phrases {\n  [key: string]: string | Phrases;\n}\n\ninterface FormattedMessages {\n  [key: string]: string;\n}\n\nexport const formatNestedMessages = (\n  phrases: Phrases,\n  formattedMessages: FormattedMessages = {},\n  prefix: string = \"\",\n) => {\n  const messages = formattedMessages;\n\n  Object.keys(phrases).forEach((key) => {\n    const value = phrases[key];\n    if ({}.hasOwnProperty.call(phrases, key)) {\n      const keyWithPrefix = prefix ? `${prefix}.${key}` : key;\n      if (typeof value === \"object\") {\n        formatNestedMessages(value, formattedMessages, keyWithPrefix);\n      } else {\n        messages[keyWithPrefix] = value;\n      }\n    }\n  });\n\n  return messages;\n};\n"],"mappings":";AAgBA,MAAa,uBAAuB,CAClCA,SACAC,oBAAuC,CAAE,GACzCC,SAAiB,OACd;CACH,MAAM,WAAW;AAEjB,QAAO,KAAK,QAAQ,CAAC,QAAQ,CAAC,QAAQ;EACpC,MAAM,QAAQ,QAAQ;AACtB,MAAI,CAAE,EAAC,eAAe,KAAK,SAAS,IAAI,EAAE;GACxC,MAAM,gBAAgB,UAAU,EAAE,OAAO,GAAG,IAAI,IAAI;AACpD,cAAW,UAAU,SACnB,sBAAqB,OAAO,mBAAmB,cAAc;OAE7D,UAAS,iBAAiB;EAE7B;CACF,EAAC;AAEF,QAAO;AACR"}

package/es/i18n/i18n.js

@@ -0,0 +1,29 @@
+import { messages_en_default } from "../locale/messages-en.js";
+import { messages_nb_default } from "../locale/messages-nb.js";
+import { messages_nn_default } from "../locale/messages-nn.js";
+import { messages_se_default } from "../locale/messages-se.js";
+import { initReactI18next } from "react-i18next";
+import i18n from "i18next";
+
+//#region src/i18n/i18n.ts
+const supportedTranslationLanguages = [
+	"nb",
+	"nn",
+	"en",
+	"se"
+];
+const i18nInstance = i18n.use(initReactI18next);
+i18nInstance.init({
+	fallbackLng: "nb",
+	supportedLngs: supportedTranslationLanguages,
+	resources: {
+		en: { translation: messages_en_default },
+		nn: { translation: messages_nn_default },
+		nb: { translation: messages_nb_default },
+		se: { translation: messages_se_default }
+	}
+});
+
+//#endregion
+export { i18nInstance, supportedTranslationLanguages };
+//# sourceMappingURL=i18n.js.map

package/es/i18n/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":["messagesEN","messagesNN","messagesNB","messagesSE"],"sources":["../../src/i18n/i18n.ts"],"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 i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport messagesEN from \"../locale/messages-en\";\nimport messagesNB from \"../locale/messages-nb\";\nimport messagesNN from \"../locale/messages-nn\";\nimport messagesSE from \"../locale/messages-se\";\n\nexport const supportedTranslationLanguages = [\"nb\", \"nn\", \"en\", \"se\"] as const;\nconst i18nInstance = i18n.use(initReactI18next);\n\ni18nInstance.init({\n  fallbackLng: \"nb\",\n  supportedLngs: supportedTranslationLanguages,\n  resources: {\n    en: {\n      translation: messagesEN,\n    },\n    nn: {\n      translation: messagesNN,\n    },\n    nb: {\n      translation: messagesNB,\n    },\n    se: {\n      translation: messagesSE,\n    },\n  },\n});\n\nexport { i18nInstance };\n"],"mappings":";;;;;;;;AAeA,MAAa,gCAAgC;CAAC;CAAM;CAAM;CAAM;AAAK;AACrE,MAAM,eAAe,KAAK,IAAI,iBAAiB;AAE/C,aAAa,KAAK;CAChB,aAAa;CACb,eAAe;CACf,WAAW;EACT,IAAI,EACF,aAAaA,oBACd;EACD,IAAI,EACF,aAAaC,oBACd;EACD,IAAI,EACF,aAAaC,oBACd;EACD,IAAI,EACF,aAAaC,oBACd;CACF;AACF,EAAC"}

package/es/i18n/useComponentTranslations.js

@@ -0,0 +1,155 @@
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+
+//#region src/i18n/useComponentTranslations.ts
+const useTagsInputTranslations = (translations) => {
+	const { t } = useTranslation("translation", { keyPrefix: "component.tagsInput" });
+	return useMemo(() => ({
+		clearTriggerLabel: t("clearTriggerLabel"),
+		deleteTagTriggerLabel: (tag) => t("deleteTagTriggerLabel", { tag }),
+		tagAdded: (tag) => t("tagAdded", { tag }),
+		tagsPasted: (tag) => t("tagsPasted", { length: tag.length }),
+		tagEdited: (tag) => t("tagEdited", { tag }),
+		tagUpdated: (tag) => t("tagUpdated", { tag }),
+		tagDeleted: (tag) => t("tagDeleted", { tag }),
+		tagSelected: (tag) => t("tagSelected", { tag }),
+		...translations
+	}), [t, translations]);
+};
+const useComboboxTranslations = (translations) => {
+	const { t } = useTranslation("translation", { keyPrefix: "component.combobox" });
+	return useMemo(() => ({
+		triggerLabel: t("triggerLabel"),
+		clearTriggerLabel: t("clearTriggerLabel"),
+		...translations
+	}), [t, translations]);
+};
+const useTagSelectorTranslations = (translations) => {
+	const tagsInputTranslations = useTagsInputTranslations();
+	const comboboxTranslations = useComboboxTranslations();
+	return useMemo(() => ({
+		...comboboxTranslations,
+		...tagsInputTranslations,
+		...translations
+	}), [
+		comboboxTranslations,
+		tagsInputTranslations,
+		translations
+	]);
+};
+const usePaginationTranslations = (translations) => {
+	const { t } = useTranslation("translation", { keyPrefix: "component.pagination" });
+	return useMemo(() => ({
+		rootLabel: t("rootLabel"),
+		prevTriggerLabel: t("prevTriggerLabel"),
+		nextTriggerLabel: t("nextTriggerLabel"),
+		itemLabel: (details) => {
+			const lastPage = details.totalPages > 1 && details.page === details.totalPages;
+			return lastPage ? t("lastPage", { page: details.page }) : t("page", { page: details.page });
+		},
+		...translations
+	}), [translations, t]);
+};
+const useImageSearchTranslations = (translations = {}) => {
+	const { t } = useTranslation("translation", { keyPrefix: "component.imageSearch" });
+	const paginationTranslations = usePaginationTranslations();
+	const { imagePreview, paginationTranslations: fallbackPaginationTranslations,...remaining } = translations;
+	return useMemo(() => ({
+		searchPlaceholder: t("searchPlaceholder"),
+		searchButtonTitle: t("searchButtonTitle"),
+		imagePreview: {
+			creatorsLabel: t("imagePreview.creatorsLabel"),
+			license: t("imagePreview.license"),
+			caption: t("imagePreview.caption"),
+			altText: t("imagePreview.altText"),
+			modelRelease: t("imagePreview.modelRelease"),
+			tags: t("imagePreview.tags"),
+			close: t("close"),
+			checkboxLabel: t("imagePreview.checkboxLabel"),
+			useImageTitle: t("imagePreview.useImageTitle"),
+			...imagePreview
+		},
+		paginationTranslations: {
+			...paginationTranslations,
+			...fallbackPaginationTranslations
+		},
+		...remaining
+	}), [
+		t,
+		paginationTranslations,
+		imagePreview,
+		fallbackPaginationTranslations,
+		remaining
+	]);
+};
+const useAudioSearchTranslations = (translations = {}) => {
+	const { t } = useTranslation("translation", { keyPrefix: "component.audioSearch" });
+	const paginationTranslations = usePaginationTranslations();
+	const { paginationTranslations: fallbackPaginationTranslations,...remaining } = translations;
+	return useMemo(() => ({
+		searchPlaceholder: t("searchPlaceholder"),
+		searchButtonTitle: t("searchButtonTitle"),
+		useAudio: t("useAudio"),
+		noResults: t("noResults"),
+		paginationTranslations: {
+			...paginationTranslations,
+			...fallbackPaginationTranslations
+		},
+		...remaining
+	}), [
+		t,
+		paginationTranslations,
+		fallbackPaginationTranslations,
+		remaining
+	]);
+};
+const useVideoSearchTranslations = (translations) => {
+	const { t } = useTranslation("translation", { keyPrefix: "component.videoSearch" });
+	return useMemo(() => ({
+		searchPlaceholder: t("searchPlaceholder"),
+		searchButtonTitle: t("searchButtonTitle"),
+		loadMoreVideos: t("loadMoreVideos"),
+		noResults: t("noResults"),
+		is360Video: t("is360Video"),
+		previewVideo: t("previewVideo"),
+		addVideo: t("addVideo"),
+		close: t("close"),
+		...translations
+	}), [t, translations]);
+};
+const useDatePickerTranslations = (translations) => {
+	const { t } = useTranslation("translation", { keyPrefix: "component.datePicker" });
+	return useMemo(() => ({
+		dayCell: (state) => {
+			if (state.unavailable) return t("dayCell.unavailable", { date: state.formattedDate });
+			else if (state.selected) return t("dayCell.selected", { date: state.formattedDate });
+			else return t("dayCell.select", { date: state.formattedDate });
+		},
+		nextTrigger: (view) => t(`nextTrigger.${view}`),
+		prevTrigger: (view) => t(`prevTrigger.${view}`),
+		monthSelect: t("monthSelect"),
+		yearSelect: t("yearSelect"),
+		viewTrigger: (view) => t(`viewTrigger.${view}`),
+		presetTrigger: (value) => {
+			if (Array.isArray(value)) return t("presetTrigger.range", {
+				start: value[0],
+				end: value[1]
+			});
+			else return t("presetTrigger.single", { date: value });
+		},
+		clearTrigger: t("clearTrigger"),
+		trigger: (open) => t(`trigger.${open ? "close" : "open"}`),
+		content: t("content"),
+		placeholder: (_locale) => {
+			return {
+				day: "dd",
+				month: "mm",
+				year: "yyyy"
+			};
+		}
+	}), [t, translations]);
+};
+
+//#endregion
+export { useAudioSearchTranslations, useComboboxTranslations, useDatePickerTranslations, useImageSearchTranslations, usePaginationTranslations, useTagSelectorTranslations, useTagsInputTranslations, useVideoSearchTranslations };
+//# sourceMappingURL=useComponentTranslations.js.map

package/es/i18n/useComponentTranslations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentTranslations.js","names":["translations?: Partial<TagsInputRootProps[\"translations\"]>","translations?: Partial<ComboboxRootProps<T>[\"translations\"]>","translations?: Partial<TagSelectorRootProps<T>[\"translations\"]>","translations?: Partial<PaginationRootProps[\"translations\"]>","translations: DeepPartial<ImageSearchTranslations>","translations: DeepPartial<AudioSearchTranslations>","translations?: Partial<VideoTranslations>","translations?: Partial<DatePickerRootProps[\"translations\"]>"],"sources":["../../src/i18n/useComponentTranslations.ts"],"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 { useTranslation } from \"react-i18next\";\nimport type { CollectionItem } from \"@ark-ui/react\";\nimport type { ComboboxRootProps, PaginationRootProps, TagsInputRootProps, DatePickerRootProps } from \"@ndla/primitives\";\nimport { type TagSelectorRootProps } from \"../TagSelector/TagSelector\";\nimport { useMemo } from \"react\";\n\ntype DeepPartial<T> = {\n  [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];\n};\n\nexport const useTagsInputTranslations = (\n  translations?: Partial<TagsInputRootProps[\"translations\"]>,\n): TagsInputRootProps[\"translations\"] => {\n  const { t } = useTranslation(\"translation\", { keyPrefix: \"component.tagsInput\" });\n\n  return useMemo(\n    () => ({\n      clearTriggerLabel: t(\"clearTriggerLabel\"),\n      deleteTagTriggerLabel: (tag) => t(\"deleteTagTriggerLabel\", { tag }),\n      tagAdded: (tag) => t(\"tagAdded\", { tag }),\n      tagsPasted: (tag) => t(\"tagsPasted\", { length: tag.length }),\n      tagEdited: (tag) => t(\"tagEdited\", { tag }),\n      tagUpdated: (tag) => t(\"tagUpdated\", { tag }),\n      tagDeleted: (tag) => t(\"tagDeleted\", { tag }),\n      tagSelected: (tag) => t(\"tagSelected\", { tag }),\n      ...translations,\n    }),\n    [t, translations],\n  );\n};\n\nexport const useComboboxTranslations = <T extends CollectionItem>(\n  translations?: Partial<ComboboxRootProps<T>[\"translations\"]>,\n): ComboboxRootProps<T>[\"translations\"] => {\n  const { t } = useTranslation(\"translation\", { keyPrefix: \"component.combobox\" });\n\n  return useMemo(\n    () => ({\n      triggerLabel: t(\"triggerLabel\"),\n      clearTriggerLabel: t(\"clearTriggerLabel\"),\n      ...translations,\n    }),\n    [t, translations],\n  );\n};\n\nexport const useTagSelectorTranslations = <T extends CollectionItem>(\n  translations?: Partial<TagSelectorRootProps<T>[\"translations\"]>,\n): TagSelectorRootProps<T>[\"translations\"] => {\n  const tagsInputTranslations = useTagsInputTranslations();\n  const comboboxTranslations = useComboboxTranslations();\n\n  return useMemo(\n    () =>\n      ({\n        ...comboboxTranslations,\n        ...tagsInputTranslations,\n        ...translations,\n      }) as TagSelectorRootProps<T>[\"translations\"],\n    [comboboxTranslations, tagsInputTranslations, translations],\n  );\n};\n\nexport const usePaginationTranslations = (\n  translations?: Partial<PaginationRootProps[\"translations\"]>,\n): PaginationRootProps[\"translations\"] => {\n  const { t } = useTranslation(\"translation\", { keyPrefix: \"component.pagination\" });\n\n  return useMemo(\n    () => ({\n      rootLabel: t(\"rootLabel\"),\n      prevTriggerLabel: t(\"prevTriggerLabel\"),\n      nextTriggerLabel: t(\"nextTriggerLabel\"),\n      itemLabel: (details) => {\n        const lastPage = details.totalPages > 1 && details.page === details.totalPages;\n        return lastPage ? t(\"lastPage\", { page: details.page }) : t(\"page\", { page: details.page });\n      },\n      ...translations,\n    }),\n    [translations, t],\n  );\n};\n\n// TODO: Deduplicate this and place it somewhere smart. Maybe core?\ninterface AudioSearchTranslations {\n  searchPlaceholder: string;\n  searchButtonTitle: string;\n  useAudio: string;\n  noResults: string;\n  paginationTranslations: PaginationRootProps[\"translations\"];\n}\n\ninterface VideoTranslations {\n  searchPlaceholder: string;\n  searchButtonTitle: string;\n  loadMoreVideos: string;\n  noResults: string;\n  is360Video: string;\n  previewVideo: string;\n  addVideo: string;\n  close: string;\n}\ninterface PreviewTranslations {\n  creatorsLabel: string;\n  license: string;\n  caption: string;\n  altText: string;\n  modelRelease: string;\n  tags: string;\n  close: string;\n  checkboxLabel?: string;\n  missingTitleFallback?: string;\n  useImageTitle: string;\n}\n\ninterface ImageSearchTranslations {\n  searchPlaceholder: string;\n  searchButtonTitle: string;\n  imagePreview: PreviewTranslations;\n  paginationTranslations: PaginationRootProps[\"translations\"];\n}\n\nexport const useImageSearchTranslations = (\n  translations: DeepPartial<ImageSearchTranslations> = {},\n): ImageSearchTranslations => {\n  const { t } = useTranslation(\"translation\", { keyPrefix: \"component.imageSearch\" });\n  const paginationTranslations = usePaginationTranslations();\n\n  const { imagePreview, paginationTranslations: fallbackPaginationTranslations, ...remaining } = translations;\n\n  return useMemo(\n    () => ({\n      searchPlaceholder: t(\"searchPlaceholder\"),\n      searchButtonTitle: t(\"searchButtonTitle\"),\n      imagePreview: {\n        creatorsLabel: t(\"imagePreview.creatorsLabel\"),\n        license: t(\"imagePreview.license\"),\n        caption: t(\"imagePreview.caption\"),\n        altText: t(\"imagePreview.altText\"),\n        modelRelease: t(\"imagePreview.modelRelease\"),\n        tags: t(\"imagePreview.tags\"),\n        close: t(\"close\"),\n        checkboxLabel: t(\"imagePreview.checkboxLabel\"),\n        useImageTitle: t(\"imagePreview.useImageTitle\"),\n        ...imagePreview,\n      },\n      paginationTranslations: { ...paginationTranslations, ...fallbackPaginationTranslations },\n      ...remaining,\n    }),\n    [t, paginationTranslations, imagePreview, fallbackPaginationTranslations, remaining],\n  );\n};\n\nexport const useAudioSearchTranslations = (\n  translations: DeepPartial<AudioSearchTranslations> = {},\n): AudioSearchTranslations => {\n  const { t } = useTranslation(\"translation\", { keyPrefix: \"component.audioSearch\" });\n  const paginationTranslations = usePaginationTranslations();\n\n  const { paginationTranslations: fallbackPaginationTranslations, ...remaining } = translations;\n\n  return useMemo(\n    () => ({\n      searchPlaceholder: t(\"searchPlaceholder\"),\n      searchButtonTitle: t(\"searchButtonTitle\"),\n      useAudio: t(\"useAudio\"),\n      noResults: t(\"noResults\"),\n      paginationTranslations: { ...paginationTranslations, ...fallbackPaginationTranslations },\n      ...remaining,\n    }),\n    [t, paginationTranslations, fallbackPaginationTranslations, remaining],\n  );\n};\n\nexport const useVideoSearchTranslations = (translations?: Partial<VideoTranslations>): VideoTranslations => {\n  const { t } = useTranslation(\"translation\", { keyPrefix: \"component.videoSearch\" });\n\n  return useMemo(\n    () => ({\n      searchPlaceholder: t(\"searchPlaceholder\"),\n      searchButtonTitle: t(\"searchButtonTitle\"),\n      loadMoreVideos: t(\"loadMoreVideos\"),\n      noResults: t(\"noResults\"),\n      is360Video: t(\"is360Video\"),\n      previewVideo: t(\"previewVideo\"),\n      addVideo: t(\"addVideo\"),\n      close: t(\"close\"),\n      ...translations,\n    }),\n    [t, translations],\n  );\n};\n\nexport const useDatePickerTranslations = (\n  translations?: Partial<DatePickerRootProps[\"translations\"]>,\n): NonNullable<DatePickerRootProps[\"translations\"]> => {\n  const { t } = useTranslation(\"translation\", { keyPrefix: \"component.datePicker\" });\n\n  return useMemo(\n    () => ({\n      dayCell: (state) => {\n        if (state.unavailable) {\n          return t(\"dayCell.unavailable\", { date: state.formattedDate });\n        } else if (state.selected) {\n          return t(\"dayCell.selected\", { date: state.formattedDate });\n        } else return t(\"dayCell.select\", { date: state.formattedDate });\n      },\n      nextTrigger: (view) => t(`nextTrigger.${view}`),\n      prevTrigger: (view) => t(`prevTrigger.${view}`),\n      monthSelect: t(\"monthSelect\"),\n      yearSelect: t(\"yearSelect\"),\n      viewTrigger: (view) => t(`viewTrigger.${view}`),\n      presetTrigger: (value) => {\n        if (Array.isArray(value)) {\n          return t(\"presetTrigger.range\", { start: value[0], end: value[1] });\n        } else return t(\"presetTrigger.single\", { date: value });\n      },\n      clearTrigger: t(\"clearTrigger\"),\n      trigger: (open) => t(`trigger.${open ? \"close\" : \"open\"}`),\n      content: t(\"content\"),\n      placeholder: (_locale) => {\n        return { day: \"dd\", month: \"mm\", year: \"yyyy\" };\n      },\n    }),\n    [t, translations],\n  );\n};\n"],"mappings":"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"}

package/es/index.js

@@ -0,0 +1,65 @@
+import { LicenseLink } from "./LicenseByline/LicenseLink.js";
+import { EmbedByline } from "./LicenseByline/EmbedByline.js";
+import { licenseAttributes } from "./utils/licenseAttributes.js";
+import { ImageEmbed_default, getCrop, getFocalPoint } from "./Embed/ImageEmbed.js";
+import { InlineTriggerButton } from "./Embed/InlineTriggerButton.js";
+import { AudioPlayer_default } from "./AudioPlayer/index.js";
+import { AudioEmbed_default } from "./Embed/AudioEmbed.js";
+import { H5pEmbed_default } from "./Embed/H5pEmbed.js";
+import { ResourceBox_default } from "./ResourceBox/ResourceBox.js";
+import { ExternalEmbed_default } from "./Embed/ExternalEmbed.js";
+import { IframeEmbed_default } from "./Embed/IframeEmbed.js";
+import { FootnoteEmbed_default } from "./Embed/FootnoteEmbed.js";
+import { BrightcoveEmbed_default } from "./Embed/BrightcoveEmbed.js";
+import { ContentLinkEmbed_default } from "./Embed/ContentLinkEmbed.js";
+import { ContentTypeBadge, contentTypeToBadgeVariantMap } from "./ContentTypeBadge/ContentTypeBadge.js";
+import { RelatedArticle } from "./RelatedArticleList/RelatedArticleList.js";
+import { RelatedContentEmbed_default } from "./Embed/RelatedContentEmbed.js";
+import { ConceptInlineTriggerButton } from "./Embed/ConceptInlineTriggerButton.js";
+import { GlossExample_default } from "./Gloss/GlossExample.js";
+import { Gloss_default } from "./Gloss/Gloss.js";
+import { BlockConcept, ConceptEmbed, InlineConcept } from "./Embed/ConceptEmbed.js";
+import { UnknownEmbed_default } from "./Embed/UnknownEmbed.js";
+import { UuDisclaimerEmbed_default } from "./Embed/UuDisclaimerEmbed.js";
+import { CopyrightEmbed_default } from "./Embed/CopyrightEmbed.js";
+import { CodeBlock_default } from "./CodeBlock/CodeBlock.js";
+import { codeLanguageOptions } from "./CodeBlock/codeLanguageOptions.js";
+import { CodeEmbed_default } from "./Embed/CodeEmbed.js";
+import { EmbedWrapper } from "./Embed/EmbedWrapper.js";
+import { Concept } from "./Concept/Concept.js";
+import { ArticleFootNotes } from "./Article/ArticleFootNotes.js";
+import { ArticleByline, ArticleBylineAccordionItem } from "./Article/ArticleByline.js";
+import { Article, ArticleContent, ArticleFooter, ArticleHGroup, ArticleHeader, ArticleTitle, ArticleWrapper } from "./Article/Article.js";
+import { model_default } from "./model/index.js";
+import { messages_en_default } from "./locale/messages-en.js";
+import { messages_nb_default } from "./locale/messages-nb.js";
+import { messages_nn_default } from "./locale/messages-nn.js";
+import { messages_se_default } from "./locale/messages-se.js";
+import { i18nInstance } from "./i18n/i18n.js";
+import { getPossiblyRelativeUrl } from "./utils/relativeUrl.js";
+import { RelatedArticleList_default } from "./RelatedArticleList/index.js";
+import { ErrorMessage_default } from "./ErrorMessage/index.js";
+import { FileListEmbed, FileListItem, FileListWrapper } from "./FileList/FileList.js";
+import { File, FileListElement } from "./FileList/File.js";
+import { PdfFile } from "./FileList/PdfFile.js";
+import { FactBox_default } from "./FactBox/index.js";
+import { ContentTypeHero } from "./ContentTypeHero/ContentTypeHero.js";
+import { HomeBreadcrumb_default } from "./Breadcrumb/HomeBreadcrumb.js";
+import { Breadcrumb_default } from "./Breadcrumb/index.js";
+import { formatNestedMessages } from "./i18n/formatNestedMessages.js";
+import { TagSelectorClearTrigger, TagSelectorControl, TagSelectorInput, TagSelectorInputBase, TagSelectorItemInput, TagSelectorLabel, TagSelectorRoot, TagSelectorTrigger } from "./TagSelector/TagSelector.js";
+import { useAudioSearchTranslations, useComboboxTranslations, useDatePickerTranslations, useImageSearchTranslations, usePaginationTranslations, useTagSelectorTranslations, useTagsInputTranslations, useVideoSearchTranslations } from "./i18n/useComponentTranslations.js";
+import { ContentTypeBlockQuote } from "./ContentTypeBlockQuote/ContentTypeBlockQuote.js";
+import { ContentTypeFramedContent } from "./ContentTypeFramedContent/ContentTypeFramedContent.js";
+import { CopyParagraphButton_default } from "./CopyParagraphButton/index.js";
+import { Pitch } from "./Pitch/Pitch.js";
+import { KeyFigure_default } from "./KeyFigure/KeyFigure.js";
+import { ContactBlock, contactBlockBackgrounds } from "./ContactBlock/ContactBlock.js";
+import { CampaignBlock_default } from "./CampaignBlock/CampaignBlock.js";
+import { Grid } from "./Grid/Grid.js";
+import { GridParallaxItem } from "./Grid/GridParallaxItem.js";
+import { LinkBlock_default } from "./LinkBlock/LinkBlock.js";
+import { LinkBlockSection_default } from "./LinkBlock/LinkBlockSection.js";
+import { ZendeskButton } from "./ZendeskButton/ZendeskButton.js";
+
+export { Article, ArticleByline, ArticleBylineAccordionItem, ArticleContent, ArticleFootNotes, ArticleFooter, ArticleHGroup, ArticleHeader, ArticleTitle, ArticleWrapper, AudioEmbed_default as AudioEmbed, AudioPlayer_default as AudioPlayer, BlockConcept, Breadcrumb_default as Breadcrumb, BrightcoveEmbed_default as BrightcoveEmbed, CampaignBlock_default as CampaignBlock, CodeBlock_default as CodeBlock, CodeEmbed_default as CodeEmbed, Concept, ConceptEmbed, ConceptInlineTriggerButton, ContactBlock, ContentLinkEmbed_default as ContentLinkEmbed, ContentTypeBadge, ContentTypeBlockQuote, ContentTypeFramedContent, ContentTypeHero, CopyParagraphButton_default as CopyParagraphButton, CopyrightEmbed_default as CopyrightEmbed, EmbedByline, EmbedWrapper, ErrorMessage_default as ErrorMessage, ExternalEmbed_default as ExternalEmbed, FactBox_default as FactBox, File, FileListElement, FileListEmbed, FileListItem, FileListWrapper, FootnoteEmbed_default as FootnoteEmbed, Gloss_default as Gloss, GlossExample_default as GlossExample, Grid, GridParallaxItem, H5pEmbed_default as H5pEmbed, HomeBreadcrumb_default as HomeBreadcrumb, IframeEmbed_default as IframeEmbed, ImageEmbed_default as ImageEmbed, InlineConcept, InlineTriggerButton, KeyFigure_default as KeyFigure, LicenseLink, LinkBlock_default as LinkBlock, LinkBlockSection_default as LinkBlockSection, PdfFile, Pitch, RelatedArticle, RelatedArticleList_default as RelatedArticleList, RelatedContentEmbed_default as RelatedContentEmbed, ResourceBox_default as ResourceBox, TagSelectorClearTrigger, TagSelectorControl, TagSelectorInput, TagSelectorInputBase, TagSelectorItemInput, TagSelectorLabel, TagSelectorRoot, TagSelectorTrigger, UnknownEmbed_default as UnknownEmbed, UuDisclaimerEmbed_default as UuDisclaimerEmbed, ZendeskButton, codeLanguageOptions, model_default as constants, contactBlockBackgrounds, contentTypeToBadgeVariantMap, formatNestedMessages, getCrop, getFocalPoint, getPossiblyRelativeUrl, i18nInstance, licenseAttributes, messages_en_default as messagesEN, messages_nb_default as messagesNB, messages_nn_default as messagesNN, messages_se_default as messagesSE, useAudioSearchTranslations, useComboboxTranslations, useDatePickerTranslations, useImageSearchTranslations, usePaginationTranslations, useTagSelectorTranslations, useTagsInputTranslations, useVideoSearchTranslations };