@ndla/ui 56.0.18-alpha.0 → 56.0.20-alpha.0

package/lib/i18n/useComponentTranslations.d.ts

@@ -8,7 +8,38 @@
 import type { ComboboxCollectionItem } from "@ark-ui/react";
 import type { ComboboxRootProps, PaginationRootProps, TagsInputRootProps } from "@ndla/primitives";
 import { TagSelectorRootProps } from "../TagSelector/TagSelector";
+type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
 export declare const useTagsInputTranslations: (translations?: Partial<TagsInputRootProps["translations"]>) => TagsInputRootProps["translations"];
 export declare const useComboboxTranslations: <T extends ComboboxCollectionItem>(translations?: Partial<ComboboxRootProps<T>["translations"]>) => ComboboxRootProps<T>["translations"];
 export declare const useTagSelectorTranslations: <T extends ComboboxCollectionItem>(translations?: Partial<TagSelectorRootProps<T>["translations"]>) => TagSelectorRootProps<T>["translations"];
 export declare const usePaginationTranslations: (translations?: Partial<PaginationRootProps["translations"]>) => PaginationRootProps["translations"];
+interface AudioSearchTranslations {
+    searchPlaceholder: string;
+    searchButtonTitle: string;
+    useAudio: string;
+    noResults: string;
+    paginationTranslations: PaginationRootProps["translations"];
+}
+export interface PreviewTranslations {
+    creatorsLabel: string;
+    license: string;
+    caption: string;
+    altText: string;
+    modelRelease: string;
+    tags: string;
+    close: string;
+    checkboxLabel?: string;
+    missingTitleFallback?: string;
+    useImageTitle: string;
+}
+export interface ImageSearchTranslations {
+    searchPlaceholder: string;
+    searchButtonTitle: string;
+    imagePreview: PreviewTranslations;
+    paginationTranslations: PaginationRootProps["translations"];
+}
+export declare const useImageSearchTranslations: (translations?: DeepPartial<ImageSearchTranslations>) => ImageSearchTranslations;
+export declare const useAudioSearchTranslations: (translations?: DeepPartial<AudioSearchTranslations>) => AudioSearchTranslations;
+export {};

package/lib/i18n/useComponentTranslations.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTagsInputTranslations = exports.useTagSelectorTranslations = exports.usePaginationTranslations = exports.useComboboxTranslations = void 0;
+exports.useTagsInputTranslations = exports.useTagSelectorTranslations = exports.usePaginationTranslations = exports.useImageSearchTranslations = exports.useComboboxTranslations = exports.useAudioSearchTranslations = void 0;
 var _reactI18next = require("react-i18next");
 /**
  * Copyright (c) 2024-present, NDLA.
@@ -90,4 +90,67 @@ const usePaginationTranslations = translations => {
     ...translations
   };
 };
-exports.usePaginationTranslations = usePaginationTranslations;
+
+// TODO: Deduplicate this and place it somewhere smart. Maybe core?
+exports.usePaginationTranslations = usePaginationTranslations;
+const useImageSearchTranslations = function () {
+  let translations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)("translation", {
+    keyPrefix: "component.imageSearch"
+  });
+  const paginationTranslations = usePaginationTranslations();
+  const {
+    imagePreview,
+    paginationTranslations: fallbackPaginationTranslations,
+    ...remaining
+  } = translations;
+  return {
+    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
+  };
+};
+exports.useImageSearchTranslations = useImageSearchTranslations;
+const useAudioSearchTranslations = function () {
+  let translations = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)("translation", {
+    keyPrefix: "component.audioSearch"
+  });
+  const paginationTranslations = usePaginationTranslations();
+  const {
+    paginationTranslations: fallbackPaginationTranslations,
+    ...remaining
+  } = translations;
+  return {
+    searchPlaceholder: t("searchPlaceholder"),
+    searchButtonTitle: t("searchButtonTitle"),
+    useAudio: t("useAudio"),
+    noResults: t("noResults"),
+    paginationTranslations: {
+      ...paginationTranslations,
+      ...fallbackPaginationTranslations
+    },
+    ...remaining
+  };
+};
+exports.useAudioSearchTranslations = useAudioSearchTranslations;

package/lib/index.d.ts

@@ -5,14 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export { ImageEmbed, getCrop, getFocalPoint, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept, UuDisclaimerEmbed, CopyrightEmbed, CodeEmbed, } from "./Embed";
+export { Concept } from "./Concept/Concept";
+export { ImageEmbed, getCrop, getFocalPoint, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept, UuDisclaimerEmbed, CopyrightEmbed, CodeEmbed, InlineTriggerButton, } from "./Embed";
 export { LicenseLink, EmbedByline } from "./LicenseByline";
-export { ArticleByline, ArticleBylineAccordionItem, ArticleFootNotes, ArticleWrapper, Article, ArticleParagraph, ArticleFooter, ArticleHeader, ArticleContent, ArticleHGroup, ArticleTitle, } from "./Article";
+export { ArticleByline, ArticleBylineAccordionItem, ArticleFootNotes, ArticleWrapper, Article, ArticleFooter, ArticleHeader, ArticleContent, ArticleHGroup, ArticleTitle, } from "./Article";
 export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
 export { default as ContentLoader } from "./ContentLoader";
 export { default as RelatedArticleList, RelatedArticle } from "./RelatedArticleList";
 export { ErrorResourceAccessDenied, default as ErrorMessage } from "./ErrorMessage";
-export { FileListEmbed, File, PdfFile, FileListItem, FileListElement } from "./FileList";
+export { FileListEmbed, File, PdfFile, FileListItem, FileListElement, FileListWrapper } from "./FileList";
 export { default as FactBox } from "./FactBox";
 export type { ContentTypeHeroProps } from "./ContentTypeHero";
 export { ContentTypeHero } from "./ContentTypeHero";
@@ -26,7 +27,7 @@ export { default as messagesSE } from "./locale/messages-se";
 export { default as messagesSMA } from "./locale/messages-sma";
 export { default as Breadcrumb, HomeBreadcrumb } from "./Breadcrumb";
 export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from "./Breadcrumb";
-export { i18nInstance, formatNestedMessages, useTagsInputTranslations, useTagSelectorTranslations, useComboboxTranslations, usePaginationTranslations, } from "./i18n";
+export { i18nInstance, formatNestedMessages, useTagsInputTranslations, useTagSelectorTranslations, useComboboxTranslations, usePaginationTranslations, useAudioSearchTranslations, useImageSearchTranslations, } from "./i18n";
 export { default as LayoutItem, OneColumn, PageContainer } from "./Layout";
 export { default as ContentTypeBadge, SubjectMaterialBadge, TasksAndActivitiesBadge, AssessmentResourcesBadge, LearningPathBadge, SubjectBadge, SourceMaterialBadge, ConceptBadge, } from "./ContentTypeBadge";
 export type { ContentTypeBadgeProps, ContentType } from "./ContentTypeBadge/ContentTypeBadgeNew";
@@ -49,3 +50,4 @@ export type { Article as ArticleType } from "./types";
 export { CodeBlock, codeLanguageOptions } from "./CodeBlock";
 export { ZendeskButton } from "./ZendeskButton/ZendeskButton";
 export type { ZendeskButtonProps } from "./ZendeskButton/ZendeskButton";
+export { licenseAttributes } from "./utils/licenseAttributes";

package/lib/index.js

@@ -51,12 +51,6 @@ Object.defineProperty(exports, "ArticleHeader", {
     return _Article.ArticleHeader;
   }
 });
-Object.defineProperty(exports, "ArticleParagraph", {
-  enumerable: true,
-  get: function () {
-    return _Article.ArticleParagraph;
-  }
-});
 Object.defineProperty(exports, "ArticleTitle", {
   enumerable: true,
   get: function () {
@@ -129,6 +123,12 @@ Object.defineProperty(exports, "CodeEmbed", {
     return _Embed.CodeEmbed;
   }
 });
+Object.defineProperty(exports, "Concept", {
+  enumerable: true,
+  get: function () {
+    return _Concept.Concept;
+  }
+});
 Object.defineProperty(exports, "ConceptBadge", {
   enumerable: true,
   get: function () {
@@ -249,6 +249,12 @@ Object.defineProperty(exports, "FileListItem", {
     return _FileList.FileListItem;
   }
 });
+Object.defineProperty(exports, "FileListWrapper", {
+  enumerable: true,
+  get: function () {
+    return _FileList.FileListWrapper;
+  }
+});
 Object.defineProperty(exports, "FootnoteEmbed", {
   enumerable: true,
   get: function () {
@@ -309,6 +315,12 @@ Object.defineProperty(exports, "InlineConcept", {
     return _Embed.InlineConcept;
   }
 });
+Object.defineProperty(exports, "InlineTriggerButton", {
+  enumerable: true,
+  get: function () {
+    return _Embed.InlineTriggerButton;
+  }
+});
 Object.defineProperty(exports, "KeyFigure", {
   enumerable: true,
   get: function () {
@@ -537,6 +549,12 @@ Object.defineProperty(exports, "i18nInstance", {
     return _i18n.i18nInstance;
   }
 });
+Object.defineProperty(exports, "licenseAttributes", {
+  enumerable: true,
+  get: function () {
+    return _licenseAttributes.licenseAttributes;
+  }
+});
 Object.defineProperty(exports, "messagesEN", {
   enumerable: true,
   get: function () {
@@ -567,12 +585,24 @@ Object.defineProperty(exports, "messagesSMA", {
     return _messagesSma.default;
   }
 });
+Object.defineProperty(exports, "useAudioSearchTranslations", {
+  enumerable: true,
+  get: function () {
+    return _i18n.useAudioSearchTranslations;
+  }
+});
 Object.defineProperty(exports, "useComboboxTranslations", {
   enumerable: true,
   get: function () {
     return _i18n.useComboboxTranslations;
   }
 });
+Object.defineProperty(exports, "useImageSearchTranslations", {
+  enumerable: true,
+  get: function () {
+    return _i18n.useImageSearchTranslations;
+  }
+});
 Object.defineProperty(exports, "usePaginationTranslations", {
   enumerable: true,
   get: function () {
@@ -591,6 +621,7 @@ Object.defineProperty(exports, "useTagsInputTranslations", {
     return _i18n.useTagsInputTranslations;
   }
 });
+var _Concept = require("./Concept/Concept");
 var _Embed = require("./Embed");
 var _LicenseByline = require("./LicenseByline");
 var _Article = require("./Article");
@@ -626,6 +657,7 @@ var _Gloss = require("./Gloss");
 var _LinkBlock = require("./LinkBlock");
 var _CodeBlock = require("./CodeBlock");
 var _ZendeskButton = require("./ZendeskButton/ZendeskButton");
+var _licenseAttributes = require("./utils/licenseAttributes");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/locale/messages-en.d.ts

@@ -901,6 +901,7 @@ declare const messages: {
         close: string;
     };
     myNdla: {
+        description: string;
         mainMenu: string;
         myNDLA: string;
         myNDLAMenu: string;
@@ -985,6 +986,8 @@ declare const messages: {
                 posts: string;
                 posts_plural: string;
                 subcategory: string;
+                votes: string;
+                votes_plural: string;
             };
             cancel: {
                 title: {
@@ -1047,6 +1050,8 @@ declare const messages: {
                 unlock: string;
                 lockDescription: string;
                 unlockDescription: string;
+                votes: string;
+                votes_plural: string;
             };
             posts: {
                 title: string;
@@ -1423,6 +1428,27 @@ declare const messages: {
             lastPage: string;
             page: string;
         };
+        imageSearch: {
+            searchPlaceholder: string;
+            searchButtonTitle: string;
+            imagePreview: {
+                creatorsLabel: string;
+                license: string;
+                caption: string;
+                altText: string;
+                modelRelease: string;
+                tags: string;
+                checkboxLabel: string;
+                close: string;
+                useImageTitle: string;
+            };
+        };
+        audioSearch: {
+            searchPlaceholder: string;
+            searchButtonTitle: string;
+            useAudio: string;
+            noResults: string;
+        };
     };
 };
 export default messages;

package/lib/locale/messages-en.js

@@ -918,6 +918,7 @@ const messages = {
     close: "Close fact box"
   },
   myNdla: {
+    description: "My NDLA: Organize the content your way! Use NDLA’s chat robot (AI). Save and share with colleagues and students.",
     mainMenu: "Main menu",
     myNDLA: "My NDLA",
     myNDLAMenu: "My NDLA menu",
@@ -1001,7 +1002,9 @@ const messages = {
         title: "Categories",
         posts: "post",
         posts_plural: "posts",
-        subcategory: "Subcategories"
+        subcategory: "Subcategories",
+        votes: "reaction",
+        votes_plural: "reactions"
       },
       cancel: {
         title: {
@@ -1063,7 +1066,9 @@ const messages = {
         locked: "Lock topic",
         unlock: "Unlock topic",
         lockDescription: "Do you want do lock this topic? This will prevent this topic from getting more posts.",
-        unlockDescription: "Do you want do unlock this topic? This will prevent this topic from getting more posts."
+        unlockDescription: "Do you want do unlock this topic? This will prevent this topic from getting more posts.",
+        votes: "reaction",
+        votes_plural: "reactions"
       },
       posts: {
         title: "Posts",
@@ -1092,12 +1097,12 @@ const messages = {
         maxLength: "The maximum length for the text field is reached",
         error: "The field is required"
       },
-      bottomText: "Are you missing a category? Let our moderator know at ",
+      bottomText: "Are you missing a category? You can request new categories. Use 'Ask NDLA' or send an email to ",
       moderatorEmail: "moderator@ndla.no",
       notification: {
         title: "Notifications",
         showAll: "View all notifications",
-        description: "Welcome to the arena for teachers in upper secondary education. This is <em>your</em> arena: a professional meeting place for discussion, inspiration, sharing, development, and collaboration.",
+        description: "Welcome to NDLAs Arena. Here, you can discuss, share and cooperate with other teachers from all over Norway.",
         myNotification: "My notifications",
         markAll: "Mark all as read",
         subscribe: "You will now be notified of new replies to this topic",
@@ -1344,7 +1349,7 @@ const messages = {
       dragHandle: "Drag the category {{name}}"
     },
     favoriteSubjects: {
-      title: "My favorite subjects",
+      title: "My subjects",
       subjects: "{{count}} subject",
       subjects_0: "{{count}} subjects",
       subjects_plural: "{{count}} subjects",
@@ -1473,6 +1478,27 @@ const messages = {
       nextTriggerLabel: "Next page",
       lastPage: "Last page, page {{page}}",
       page: "Page {{page}}"
+    },
+    imageSearch: {
+      searchPlaceholder: "Search images",
+      searchButtonTitle: "Search",
+      imagePreview: {
+        creatorsLabel: "Image",
+        license: "License",
+        caption: "Caption",
+        altText: "Alt-text",
+        modelRelease: "Model released",
+        tags: "Tags",
+        checkboxLabel: "Set as meta image",
+        close: "Close",
+        useImageTitle: "Use image"
+      }
+    },
+    audioSearch: {
+      searchPlaceholder: "Search in audio files",
+      searchButtonTitle: "Search",
+      useAudio: "Chose audio",
+      noResults: "No audio files found"
     }
   }
 };

package/lib/locale/messages-nb.d.ts

@@ -901,6 +901,7 @@ declare const messages: {
         close: string;
     };
     myNdla: {
+        description: string;
         mainMenu: string;
         myNDLA: string;
         myNDLAMenu: string;
@@ -985,6 +986,8 @@ declare const messages: {
                 posts: string;
                 posts_plural: string;
                 subcategory: string;
+                votes: string;
+                votes_plural: string;
             };
             publish: string;
             cancel: {
@@ -1047,6 +1050,8 @@ declare const messages: {
                 unlock: string;
                 lockDescription: string;
                 unlockDescription: string;
+                votes: string;
+                votes_plural: string;
             };
             posts: {
                 title: string;
@@ -1423,6 +1428,27 @@ declare const messages: {
             lastPage: string;
             page: string;
         };
+        imageSearch: {
+            searchPlaceholder: string;
+            searchButtonTitle: string;
+            imagePreview: {
+                creatorsLabel: string;
+                license: string;
+                caption: string;
+                altText: string;
+                modelRelease: string;
+                tags: string;
+                checkboxLabel: string;
+                close: string;
+                useImageTitle: string;
+            };
+        };
+        audioSearch: {
+            searchPlaceholder: string;
+            searchButtonTitle: string;
+            useAudio: string;
+            noResults: string;
+        };
     };
 };
 export default messages;

package/lib/locale/messages-nb.js

@@ -918,6 +918,7 @@ const messages = {
     close: "Lukk faktaboks"
   },
   myNdla: {
+    description: "Min NDLA: Organiser fagstoffet på din måte! Bruk NDLAs praterobot (AI/KI). Lagre og del med kolleger og elever.",
     mainMenu: "Hovedmeny",
     myNDLA: "Min NDLA",
     myNDLAMenu: "Min NDLA meny",
@@ -1001,7 +1002,9 @@ const messages = {
         title: "Kategorier",
         posts: "innlegg",
         posts_plural: "innlegg",
-        subcategory: "Tema"
+        subcategory: "Tema",
+        votes: "reaksjon",
+        votes_plural: "reaksjoner"
       },
       publish: "Publiser",
       cancel: {
@@ -1063,7 +1066,9 @@ const messages = {
         locked: "Lås innlegg",
         unlock: "Lås opp innlegg",
         lockDescription: "Vil du låse dette innlegget? Dette vil gjøre at innlegget ikke kan få flere kommentarer, og vil vises som låst.",
-        unlockDescription: "Vil du låse opp dette innlegget? Dette vil gjøre at innlegget kan få flere kommentarer."
+        unlockDescription: "Vil du låse opp dette innlegget? Dette vil gjøre at innlegget kan få flere kommentarer.",
+        votes: "reaksjon",
+        votes_plural: "reaksjoner"
       },
       posts: {
         title: "Innlegg",
@@ -1092,12 +1097,12 @@ const messages = {
         maxLength: "Maksimal lengde for tekstfeltet er nådd",
         error: "Feltet er påkrevd"
       },
-      bottomText: "Savner du en kategori? Gi vår moderator beskjed på ",
+      bottomText: "Savner du en kategori? Du kan be om nye kategorier. Bruk 'Spør NDLA' eller send en epost til ",
       moderatorEmail: "moderator@ndla.no",
       notification: {
         title: "Varslinger",
         showAll: "Se alle varslinger",
-        description: "Velkommen inn i arenaen for lærere i videregående opplæring! Dette er <em>din</em> arena: et faglig møtested for diskusjon, inspirasjon, deling og utviklende samarbeid.",
+        description: "Velkommen til NDLAs Arena. Her kan du diskutere, dele og samarbeide med andre lærere fra hele Norge.",
         myNotification: "Mine varsler",
         markAll: "Merk alle som lest",
         subscribe: "Du får nå varsling om nye svar på dette innlegget",
@@ -1344,7 +1349,7 @@ const messages = {
       dragHandle: "Sorter kategorien {{name}}"
     },
     favoriteSubjects: {
-      title: "Mine favorittfag",
+      title: "Mine fag",
       subjects: "{{count}} fag",
       subjects_0: "{{count}} fag",
       subjects_plural: "{{count}} fag",
@@ -1473,6 +1478,27 @@ const messages = {
       nextTriggerLabel: "Neste side",
       lastPage: "Siste side, side {{page}}",
       page: "Side {{page}}"
+    },
+    imageSearch: {
+      searchPlaceholder: "Søk i bilder",
+      searchButtonTitle: "Søk",
+      imagePreview: {
+        creatorsLabel: "Bilde",
+        license: "Lisens",
+        caption: "Bildetekst",
+        altText: "Alt-tekst",
+        modelRelease: "Modellklarert",
+        tags: "Emneknagger",
+        checkboxLabel: "Sett som metabilde",
+        close: "Lukk",
+        useImageTitle: "Bruk bildet"
+      }
+    },
+    audioSearch: {
+      searchPlaceholder: "Søk i lydfiler",
+      searchButtonTitle: "Søk",
+      useAudio: "Velg lyd",
+      noResults: "Ingen resultater funnet"
     }
   }
 };

package/lib/locale/messages-nn.d.ts

@@ -901,6 +901,7 @@ declare const messages: {
         close: string;
     };
     myNdla: {
+        description: string;
         mainMenu: string;
         myNDLA: string;
         myNDLAMenu: string;
@@ -985,6 +986,8 @@ declare const messages: {
                 posts: string;
                 posts_plural: string;
                 subcategory: string;
+                votes: string;
+                votes_plural: string;
             };
             publish: string;
             cancel: {
@@ -1039,6 +1042,8 @@ declare const messages: {
                 unlock: string;
                 lockDescription: string;
                 unlockDescription: string;
+                votes: string;
+                votes_plural: string;
             };
             deleted: {
                 post: string;
@@ -1423,6 +1428,27 @@ declare const messages: {
             lastPage: string;
             page: string;
         };
+        imageSearch: {
+            searchPlaceholder: string;
+            searchButtonTitle: string;
+            imagePreview: {
+                creatorsLabel: string;
+                license: string;
+                caption: string;
+                altText: string;
+                modelRelease: string;
+                tags: string;
+                checkboxLabel: string;
+                close: string;
+                useImageTitle: string;
+            };
+        };
+        audioSearch: {
+            searchPlaceholder: string;
+            searchButtonTitle: string;
+            useAudio: string;
+            noResults: string;
+        };
     };
 };
 export default messages;