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

package/es/FileList/PdfFile.js

@@ -14,6 +14,11 @@ const StyledIframe = styled("iframe", {
     width: "100%"
   }
 });
+const StyledListElement = styled("li", {
+  base: {
+    listStyle: "none"
+  }
+});
 const StyledFigure = styled(Figure, {
   base: {
     display: "flex",
@@ -26,7 +31,7 @@ export const PdfFile = _ref => {
     title,
     url
   } = _ref;
-  return /*#__PURE__*/_jsx("li", {
+  return /*#__PURE__*/_jsx(StyledListElement, {
     children: /*#__PURE__*/_jsxs(StyledFigure, {
       children: [/*#__PURE__*/_jsx(Heading, {
         asChild: true,

package/es/FileList/index.js

@@ -6,6 +6,6 @@
  *
  */
 
-export { FileListEmbed, FileListItem } from "./FileList";
+export { FileListEmbed, FileListItem, FileListWrapper } from "./FileList";
 export { File, FileListElement } from "./File";
 export { PdfFile } from "./PdfFile";

package/es/Grid/Grid.js

@@ -17,7 +17,6 @@ const GridContainer = styled("div", {
     gridColumnGap: "medium",
     width: "100%",
     backgroundColor: "background.subtle",
-    maxWidth: "surface.4xlarge",
     minWidth: "surface.xxsmall",
     gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
     tabletDown: {

package/es/LicenseByline/EmbedByline.js

@@ -180,7 +180,10 @@ export const LicenseContainerContent = _ref3 => {
   const authors = getLicenseCredits(copyright);
   const captionAuthors = Object.values(authors).find(i => i.length > 0) ?? [];
   const content = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [children, ` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`, captionAuthors.map(author => author.name).join(", "), license ? /*#__PURE__*/_jsxs(_Fragment, {
+    children: [children, ` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`, /*#__PURE__*/_jsx("span", {
+      property: "cc:attributionName",
+      children: captionAuthors.map(author => author.name).join(", ")
+    }), license ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [" / ", /*#__PURE__*/_jsx(LicenseLink, {
         license: license
       })]

package/es/TreeStructure/TreeStructure.js

@@ -250,8 +250,6 @@ const TreeStructureItem = _ref2 => {
   } = usePopoverContext();
   const containsResource = targetResource && folder.resources.some(resource => resource.resourceId === targetResource.resourceId);
   const FolderIcon = folder.status === "shared" ? StyledFolderUserLine : StyledFolderLine;
-
-  // TODO: Pressing enter selects the item and closes the popover immediately. Do we actually want this? Old behavior.
   const onKeyDown = useCallback(e => {
     if (e.key === "Enter") {
       setOpen(false);

package/es/i18n/index.js

@@ -8,4 +8,4 @@
 
 export { i18nInstance } from "./i18n";
 export { formatNestedMessages } from "./formatNestedMessages";
-export { useComboboxTranslations, useTagSelectorTranslations, useTagsInputTranslations, usePaginationTranslations } from "./useComponentTranslations";
+export { useComboboxTranslations, useTagSelectorTranslations, useTagsInputTranslations, usePaginationTranslations, useAudioSearchTranslations, useImageSearchTranslations } from "./useComponentTranslations";

package/es/i18n/useComponentTranslations.js

@@ -80,4 +80,66 @@ export const usePaginationTranslations = translations => {
     },
     ...translations
   };
+};
+
+// 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 {
+    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
+  };
+};
+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 {
+    searchPlaceholder: t("searchPlaceholder"),
+    searchButtonTitle: t("searchButtonTitle"),
+    useAudio: t("useAudio"),
+    noResults: t("noResults"),
+    paginationTranslations: {
+      ...paginationTranslations,
+      ...fallbackPaginationTranslations
+    },
+    ...remaining
+  };
 };

package/es/index.js

@@ -9,14 +9,15 @@
 // Ignore typescript implicit any warning and export all javascript components
 // Move components to this file when they are migrated to typescript
 
-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 { ContentTypeHero } from "./ContentTypeHero";
 export { ResourceBox } from "./ResourceBox";
@@ -28,7 +29,7 @@ export { default as messagesEN } from "./locale/messages-en";
 export { default as messagesSE } from "./locale/messages-se";
 export { default as messagesSMA } from "./locale/messages-sma";
 export { default as Breadcrumb, HomeBreadcrumb } 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 { ContentTypeBadge as ContentTypeBadgeNew, contentTypeToBadgeVariantMap } from "./ContentTypeBadge/ContentTypeBadgeNew";
@@ -43,4 +44,5 @@ 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 { ZendeskButton } from "./ZendeskButton/ZendeskButton";
+export { licenseAttributes } from "./utils/licenseAttributes";

package/es/locale/messages-en.js

@@ -911,6 +911,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",
@@ -994,7 +995,9 @@ const messages = {
         title: "Categories",
         posts: "post",
         posts_plural: "posts",
-        subcategory: "Subcategories"
+        subcategory: "Subcategories",
+        votes: "reaction",
+        votes_plural: "reactions"
       },
       cancel: {
         title: {
@@ -1056,7 +1059,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",
@@ -1085,12 +1090,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",
@@ -1337,7 +1342,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",
@@ -1466,6 +1471,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/es/locale/messages-nb.js

@@ -911,6 +911,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",
@@ -994,7 +995,9 @@ const messages = {
         title: "Kategorier",
         posts: "innlegg",
         posts_plural: "innlegg",
-        subcategory: "Tema"
+        subcategory: "Tema",
+        votes: "reaksjon",
+        votes_plural: "reaksjoner"
       },
       publish: "Publiser",
       cancel: {
@@ -1056,7 +1059,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",
@@ -1085,12 +1090,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",
@@ -1337,7 +1342,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",
@@ -1466,6 +1471,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"
     }
   }
 };