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

package/es/i18n/i18n.js

@@ -1,35 +1,29 @@
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import i18n from "i18next";
+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 messagesEN from "../locale/messages-en";
-import messagesNB from "../locale/messages-nb";
-import messagesNN from "../locale/messages-nn";
-import messagesSE from "../locale/messages-se";
-export const supportedTranslationLanguages = ["nb", "nn", "en", "se"];
+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: messagesEN
-    },
-    nn: {
-      translation: messagesNN
-    },
-    nb: {
-      translation: messagesNB
-    },
-    se: {
-      translation: messagesSE
-    }
-  }
+	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 }
+	}
 });
-export { i18nInstance };
+
+//#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

@@ -1,211 +1,155 @@
-/**
- * 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 { useTranslation } from "react-i18next";
 import { useMemo } from "react";
-export 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]);
+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]);
 };
-export const useComboboxTranslations = translations => {
-  const {
-    t
-  } = useTranslation("translation", {
-    keyPrefix: "component.combobox"
-  });
-  return useMemo(() => ({
-    triggerLabel: t("triggerLabel"),
-    clearTriggerLabel: t("clearTriggerLabel"),
-    ...translations
-  }), [t, translations]);
+const useComboboxTranslations = (translations) => {
+	const { t } = useTranslation("translation", { keyPrefix: "component.combobox" });
+	return useMemo(() => ({
+		triggerLabel: t("triggerLabel"),
+		clearTriggerLabel: t("clearTriggerLabel"),
+		...translations
+	}), [t, translations]);
 };
-export const useTagSelectorTranslations = translations => {
-  const tagsInputTranslations = useTagsInputTranslations();
-  const comboboxTranslations = useComboboxTranslations();
-  return useMemo(() => ({
-    ...comboboxTranslations,
-    ...tagsInputTranslations,
-    ...translations
-  }), [comboboxTranslations, tagsInputTranslations, translations]);
+const useTagSelectorTranslations = (translations) => {
+	const tagsInputTranslations = useTagsInputTranslations();
+	const comboboxTranslations = useComboboxTranslations();
+	return useMemo(() => ({
+		...comboboxTranslations,
+		...tagsInputTranslations,
+		...translations
+	}), [
+		comboboxTranslations,
+		tagsInputTranslations,
+		translations
+	]);
 };
-export 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 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]);
 };
-
-// TODO: Deduplicate this and place it somewhere smart. Maybe core?
-
-export const useImageSearchTranslations = function () {
-  let translations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  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 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
+	]);
 };
-export const useAudioSearchTranslations = function () {
-  let translations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  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 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
+	]);
 };
-export 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 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]);
 };
-export 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]);
-};
+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

@@ -1,45 +1,65 @@
-/**
- * Copyright (c) 2019-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 "./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";
 
-// Ignore typescript implicit any warning and export all javascript components
-// Move components to this file when they are migrated to typescript
-
-export { Concept } from "./Concept/Concept";
-export { ImageEmbed, getCrop, getFocalPoint, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, UnknownEmbed, InlineConcept, BlockConcept, UuDisclaimerEmbed, CopyrightEmbed, CodeEmbed, InlineTriggerButton, ConceptInlineTriggerButton, EmbedWrapper } from "./Embed";
-export { LicenseLink, EmbedByline } from "./LicenseByline";
-export { ArticleByline, ArticleBylineAccordionItem, ArticleFootNotes, ArticleWrapper, Article, ArticleFooter, ArticleHeader, ArticleContent, ArticleHGroup, ArticleTitle } from "./Article";
-export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
-export { default as RelatedArticleList, RelatedArticle } from "./RelatedArticleList";
-export { default as ErrorMessage } from "./ErrorMessage";
-export { FileListEmbed, File, PdfFile, FileListItem, FileListElement, FileListWrapper } from "./FileList";
-export { default as FactBox } from "./FactBox";
-export { ContentTypeHero } from "./ContentTypeHero";
-export { ResourceBox } from "./ResourceBox";
-export { default as AudioPlayer } from "./AudioPlayer";
-export { default as constants } from "./model";
-export { default as messagesNB } from "./locale/messages-nb";
-export { default as messagesNN } from "./locale/messages-nn";
-export { default as messagesEN } from "./locale/messages-en";
-export { default as messagesSE } from "./locale/messages-se";
-export { default as Breadcrumb, HomeBreadcrumb } from "./Breadcrumb";
-export { i18nInstance, formatNestedMessages, useTagsInputTranslations, useTagSelectorTranslations, useComboboxTranslations, usePaginationTranslations, useAudioSearchTranslations, useImageSearchTranslations, useVideoSearchTranslations, useDatePickerTranslations } from "./i18n";
-export { ContentTypeBadge, contentTypeToBadgeVariantMap } from "./ContentTypeBadge/ContentTypeBadge";
-export { ContentTypeBlockQuote } from "./ContentTypeBlockQuote/ContentTypeBlockQuote";
-export { ContentTypeFramedContent } from "./ContentTypeFramedContent/ContentTypeFramedContent";
-export { default as CopyParagraphButton } from "./CopyParagraphButton";
-export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTrigger, TagSelectorControl, TagSelectorClearTrigger, TagSelectorInputBase, TagSelectorInput } from "./TagSelector/TagSelector";
-export { Pitch } from "./Pitch";
-export { KeyFigure } from "./KeyFigure";
-export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
-export { CampaignBlock } from "./CampaignBlock";
-export { Grid, GridParallaxItem } from "./Grid";
-export { Gloss, GlossExample } from "./Gloss";
-export { LinkBlock, LinkBlockSection } from "./LinkBlock";
-export { CodeBlock, codeLanguageOptions } from "./CodeBlock";
-export { ZendeskButton } from "./ZendeskButton/ZendeskButton";
-export { licenseAttributes } from "./utils/licenseAttributes";
+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 };