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

package/es/ResourceBox/ResourceBox.js

@@ -1,99 +1,74 @@
-/**
- * Copyright (c) 2022-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 { breakpoints } from "@ndla/core";
-import { ShareBoxLine } from "@ndla/icons";
 import { Heading, Image, Text } from "@ndla/primitives";
-import { SafeLinkButton } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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"
-  }
-});
-export const ResourceBox = _ref => {
-  let {
-    image,
-    title,
-    caption,
-    url,
-    buttonText
-  } = _ref;
-  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, {})]
-      })]
-    })]
-  });
+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, {})]
+		})
+	] })] });
 };
-export default ResourceBox;
+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

@@ -1,143 +1,100 @@
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
 import { forwardRef, useEffect, useId, useRef } from "react";
-import { useTagsInputContext, useComboboxContext } from "@ark-ui/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 { ComboboxClearTrigger, ComboboxControl, ComboboxInput, ComboboxLabel, ComboboxRoot, ComboboxTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemPreview, TagsInputItemText, TagsInputRoot, TagsInputItemInput } from "@ndla/primitives";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { contains } from "@ndla/util";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const TagSelectorRoot = _ref => {
-  let {
-    allowCustomValue = true,
-    multiple = true,
-    selectionBehavior = "clear",
-    editable,
-    addOnPaste = false,
-    onValueChange,
-    children,
-    value,
-    translations,
-    ...rest
-  } = _ref;
-  const ids = {
-    root: useId(),
-    input: useId(),
-    control: useId()
-  };
-  const controlRef = useRef(undefined);
-  useEffect(() => {
-    if (!controlRef.current) {
-      controlRef.current = document.getElementById(ids.control);
-    }
-  }, [ids.control]);
-  return /*#__PURE__*/_jsx(ComboboxRoot, {
-    ids: ids,
-    asChild: true,
-    allowCustomValue: allowCustomValue,
-    multiple: multiple,
-    selectionBehavior: selectionBehavior,
-    onValueChange: onValueChange,
-    translations: translations,
-    onPointerDownOutside: event => {
-      if (contains(controlRef.current, event.detail.originalEvent.target)) {
-        event.preventDefault();
-      }
-    },
-    value: value,
-    ...rest,
-    children: /*#__PURE__*/_jsx(TagSelectorTagsInputRoot, {
-      ids: ids,
-      value: value,
-      editable: editable,
-      onValueChange: onValueChange,
-      addOnPaste: addOnPaste,
-      translations: translations,
-      children: children
-    })
-  });
+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 = /*#__PURE__*/forwardRef((props, ref) => {
-  const comboboxApi = useComboboxContext();
-  return /*#__PURE__*/_jsx(TagsInputRoot, {
-    ref: ref,
-    onInputValueChange: details => comboboxApi.setInputValue(details.inputValue),
-    ...props
-  });
+const TagSelectorTagsInputRoot = forwardRef((props, ref) => {
+	const comboboxApi = useComboboxContext();
+	return /* @__PURE__ */ jsx(TagsInputRoot, {
+		ref,
+		onInputValueChange: (details) => comboboxApi.setInputValue(details.inputValue),
+		...props
+	});
 });
-export const TagSelectorLabel = ComboboxLabel;
-export const TagSelectorItemInput = TagsInputItemInput;
-export const TagSelectorTrigger = ComboboxTrigger;
-export const TagSelectorControl = /*#__PURE__*/forwardRef((_ref2, ref) => {
-  let {
-    children,
-    ...props
-  } = _ref2;
-  return /*#__PURE__*/_jsx(ComboboxControl, {
-    ref: ref,
-    asChild: true,
-    children: /*#__PURE__*/_jsx(TagsInputControl, {
-      ...props,
-      children: children
-    })
-  });
+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
+		})
+	});
 });
-export const TagSelectorClearTrigger = ComboboxClearTrigger;
-// If you need to modify the TagsInputItem, you can use this.
-export const TagSelectorInputBase = /*#__PURE__*/forwardRef((_ref3, ref) => {
-  let {
-    children,
-    ...props
-  } = _ref3;
-  const tagsApi = useTagsInputContext();
-  return /*#__PURE__*/_jsx(ComboboxInput, {
-    ref: ref,
-    asChild: true,
-    children: /*#__PURE__*/_jsx(TagsInputInput, {
-      onKeyDown: event => {
-        if (event.key === "Enter") {
-          tagsApi.addValue(tagsApi.inputValue);
-        }
-      },
-      ...props,
-      children: 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
+		})
+	});
 });
-export const TagSelectorInput = /*#__PURE__*/forwardRef((_ref4, ref) => {
-  let {
-    children,
-    ...props
-  } = _ref4;
-  const tagsApi = useTagsInputContext();
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [tagsApi.value.map((value, index) => /*#__PURE__*/_jsxs(TagsInputItem, {
-      index: index,
-      value: 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: ref,
-      asChild: true,
-      children: /*#__PURE__*/_jsx(TagsInputInput, {
-        onKeyDown: event => {
-          if (event.key === "Enter") {
-            tagsApi.addValue(tagsApi.inputValue);
-          }
-        },
-        ...props,
-        children: 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

@@ -1,55 +1,41 @@
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
 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
+	});
+});
 
-// TODO: Let's consider abandoning `disabled` on the button here. It should instead just open/close the widget based on its current state.
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ZendeskButton = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    locale,
-    variant = "secondary",
-    widgetKey,
-    children,
-    ...rest
-  } = _ref;
-  const [loading, setLoading] = useState(false);
-  const handleClick = () => {
-    if (window && !window.zE) {
-      setLoading(true);
-      // Asynchronously load zendesk scripts for better performance
-      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: variant,
-    id: "zendeskButton",
-    disabled: loading,
-    ...rest,
-    ref: ref,
-    children: 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

@@ -1,25 +1,17 @@
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
+//#region src/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;
+};
 
-export const formatNestedMessages = function (phrases) {
-  let formattedMessages = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  let prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
-  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"}