@ndla/ui 50.15.3 → 52.0.0

package/src/Search/SearchResultSleeve.tsx

@@ -164,12 +164,12 @@ const getNextElementInDirection = (
   if (direction === 1) {
     const idx = currentIdx + 1 > arr.length - 1 ? 0 : currentIdx + 1;
     return arr[idx];
-  } else if (direction === -1) {
+  }
+  if (direction === -1) {
     const idx = currentIdx - 1 < 0 ? arr.length - 1 : currentIdx - 1;
     return arr[idx];
-  } else {
-    return arr[currentIdx];
   }
+  return arr[currentIdx];
 };
 
 const getDefaultCount = () => {
@@ -196,9 +196,8 @@ const findPathForKeyboardNavigation = (
       default:
         return current;
     }
-  } else {
-    return getNextElementInDirection(current, resultsContainingPaths, direction);
   }
+  return getNextElementInDirection(current, resultsContainingPaths, direction);
 };
 
 type Props = {
@@ -259,11 +258,10 @@ const SearchResultSleeve = ({
           e.stopPropagation();
           e.preventDefault();
           const toClick =
-            keyboardPathNavigation &&
-            keyboardPathNavigation.querySelector &&
+            keyboardPathNavigation?.querySelector &&
             (keyboardPathNavigation.querySelector("a") || keyboardPathNavigation.querySelector("button"));
 
-          toClick && toClick.click();
+          toClick?.click();
         }
       } else if (e.code === "Tab") {
         setKeyNavigation("");
@@ -283,7 +281,7 @@ const SearchResultSleeve = ({
     const highlightedElement =
       keyboardPathNavigation === GO_TO_SEARCHPAGE
         ? searchAllRef.current
-        : contentRef.current && contentRef.current.querySelector('[data-highlighted="true"]');
+        : contentRef.current?.querySelector('[data-highlighted="true"]');
 
     if (highlightedElement) {
       highlightedElement.scrollIntoView({

package/src/Table/Table.stories.tsx

@@ -594,7 +594,7 @@ export const WithScrollbar: StoryFn = () => (
         <td>Hearson</td>
         <td>rhearson0@nifty.com</td>
 
-        <td className="u-no-wrap">34704 Duke Circle</td>
+        <td style={{ whiteSpace: "nowrap" }}>34704 Duke Circle</td>
         <td>Brazil</td>
         <td>Fijian</td>
         <td>rhearson0</td>
@@ -604,8 +604,8 @@ export const WithScrollbar: StoryFn = () => (
         <td>Lucie</td>
         <td>Jikylls</td>
         <td>ljikylls1@csmonitor.com</td>
-        <td className="u-no-wrap">9824 Swallow Place</td>
-        <td className="u-no-wrap">Sweden/Denmark/Norway</td>
+        <td style={{ whiteSpace: "nowrap" }}>9824 Swallow Place</td>
+        <td style={{ whiteSpace: "nowrap" }}>Sweden/Denmark/Norway</td>
         <td>Italian</td>
         <td>ljikylls1</td>
       </tr>
@@ -614,7 +614,7 @@ export const WithScrollbar: StoryFn = () => (
         <td>Kippie</td>
         <td>Reeveley</td>
         <td>kreeveley2@ebay.com</td>
-        <td className="u-no-wrap">1 Stephen Court</td>
+        <td style={{ whiteSpace: "nowrap" }}>1 Stephen Court</td>
         <td>Namibia</td>
         <td>West Frisian</td>
         <td>kreeveley2</td>
@@ -624,7 +624,7 @@ export const WithScrollbar: StoryFn = () => (
         <td>Klarrisa</td>
         <td>Minghetti</td>
         <td>kminghetti3@163.com</td>
-        <td className="u-no-wrap">7 Truax Point</td>
+        <td style={{ whiteSpace: "nowrap" }}>7 Truax Point</td>
         <td>Greece</td>
         <td>Luxembourgish</td>
         <td>kminghetti3</td>
@@ -634,7 +634,7 @@ export const WithScrollbar: StoryFn = () => (
         <td>Trefor</td>
         <td>Lambregts</td>
         <td>tlambregts4@youtu.be</td>
-        <td className="u-no-wrap">61 Monica Center</td>
+        <td style={{ whiteSpace: "nowrap" }}>61 Monica Center</td>
         <td>Sweden</td>
         <td>Northern Sotho</td>
         <td>tlambregts4</td>
@@ -644,7 +644,7 @@ export const WithScrollbar: StoryFn = () => (
         <td>Aridatha</td>
         <td>Kuhnt</td>
         <td>akuhnt5@sitemeter.com</td>
-        <td className="u-no-wrap">2898 Wayridge Terrace</td>
+        <td style={{ whiteSpace: "nowrap" }}>2898 Wayridge Terrace</td>
         <td>China</td>
         <td>Latvian</td>
         <td>akuhnt5</td>
@@ -654,7 +654,7 @@ export const WithScrollbar: StoryFn = () => (
         <td>Kalie</td>
         <td>Olander</td>
         <td>kolander6@loc.gov</td>
-        <td className="u-no-wrap">554 Maywood Parkway</td>
+        <td style={{ whiteSpace: "nowrap" }}>554 Maywood Parkway</td>
         <td>China</td>
         <td>Czech</td>
         <td>kolander6</td>

package/src/TreeStructure/TreeStructure.stories.tsx

@@ -6,14 +6,21 @@
  *
  */
 
-import { Dispatch, SetStateAction, useEffect, useState } from "react";
+import { Dispatch, SetStateAction, useEffect, useRef, useState } from "react";
+import { isMobile } from "react-device-detect";
+import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { Meta, StoryFn } from "@storybook/react";
+import { IconButtonV2 } from "@ndla/button";
+import { spacing } from "@ndla/core";
+import { FieldErrorMessage, FieldHelper, FormControl, InputContainer, InputV3, Label } from "@ndla/forms";
+import { Spinner } from "@ndla/icons";
+import { Cross } from "@ndla/icons/action";
+import { Done } from "@ndla/icons/editor";
 import { IFolder } from "@ndla/types-backend/learningpath-api";
 import { uuid } from "@ndla/util";
 import { flattenFolders } from "./helperFunctions";
 import TreeStructure, { TreeStructureProps } from "./TreeStructure";
-import { FolderInput } from "../MyNdla";
 
 const MY_FOLDERS_ID = "folders";
 
@@ -26,6 +33,17 @@ const Container = styled.div`
   }
 `;
 
+const Row = styled.div`
+  display: flex;
+  align-items: center;
+  gap: ${spacing.xxsmall};
+  padding-right: ${spacing.xsmall};
+`;
+
+const StyledSpinner = styled(Spinner)`
+  margin: ${spacing.small};
+`;
+
 const targetResource: TreeStructureProps["targetResource"] = {
   id: "test-resource",
   resourceId: "123",
@@ -190,6 +208,16 @@ const NewFolder = ({ parentId, onClose, structure, setStructure, onCreate }: New
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState("");
 
+  const { t } = useTranslation();
+
+  const inputRef = useRef<HTMLInputElement | null>(null);
+
+  useEffect(() => {
+    if (isMobile) {
+      inputRef.current?.scrollIntoView({ behavior: "smooth" });
+    }
+  }, []);
+
   const onSave = async () => {
     if (error) {
       return;
@@ -225,31 +253,60 @@ const NewFolder = ({ parentId, onClose, structure, setStructure, onCreate }: New
   }, [name]);
 
   return (
-    <FolderInput
-      // eslint-disable-next-line jsx-a11y/no-autofocus
-      autoFocus
-      name="name"
-      label={"Mine mapper"}
-      placeholder={"Skriv inn mappenavn"}
-      loading={loading}
-      onClose={onClose}
-      onSave={onSave}
-      error={error}
-      value={name}
-      onChange={(e) => {
-        if (!loading) {
-          setName(e.currentTarget.value);
-        }
-      }}
-      onKeyDown={(e) => {
-        if (e.key === "Escape") {
-          e.preventDefault();
-          onClose?.();
-        } else if (e.key === "Enter") {
-          e.preventDefault();
-          onSave();
-        }
-      }}
-    />
+    <FormControl id="folder-name" isRequired isInvalid={!!error}>
+      <Label visuallyHidden>Mine mapper</Label>
+      <FieldErrorMessage>{error}</FieldErrorMessage>
+      <InputContainer>
+        <InputV3
+          autoComplete="off"
+          disabled={loading}
+          ref={inputRef}
+          // eslint-disable-next-line jsx-a11y/no-autofocus
+          autoFocus
+          name="name"
+          placeholder="Skriv inn mappenavn"
+          onChange={(e) => {
+            if (!loading) {
+              setName(e.currentTarget.value);
+            }
+          }}
+          onKeyDown={(e) => {
+            if (e.key === "Escape") {
+              e.preventDefault();
+              onClose?.();
+            } else if (e.key === "Enter") {
+              e.preventDefault();
+              onSave();
+            }
+          }}
+        />
+        <Row>
+          {!loading ? (
+            <>
+              {!error && (
+                <IconButtonV2
+                  variant={"ghost"}
+                  colorTheme="light"
+                  tabIndex={0}
+                  aria-label={t("save")}
+                  title={t("save")}
+                  size="small"
+                  onClick={onSave}
+                >
+                  <Done />
+                </IconButtonV2>
+              )}
+              <IconButtonV2 aria-label={t("close")} title={t("close")} size="small" variant="ghost" onClick={onClose}>
+                <Cross />
+              </IconButtonV2>
+            </>
+          ) : (
+            <FieldHelper>
+              <StyledSpinner size="normal" aria-label={t("loading")} />
+            </FieldHelper>
+          )}
+        </Row>
+      </InputContainer>
+    </FormControl>
   );
 };

package/src/TreeStructure/TreeStructure.tsx

@@ -83,7 +83,7 @@ const TreeStructure = ({
 }: TreeStructureProps) => {
   const ref = useRef<HTMLButtonElement>(null);
 
-  const defaultSelectedFolderId = defaultOpenFolders && defaultOpenFolders[defaultOpenFolders.length - 1];
+  const defaultSelectedFolderId = defaultOpenFolders?.[defaultOpenFolders.length - 1];
 
   const [openFolders, setOpenFolders] = useState<string[]>(defaultOpenFolders || []);
 

package/src/index.ts

@@ -14,6 +14,8 @@ export { default as FramedContent } from "./FramedContent";
 export {
   ConceptNotionV2,
   ImageEmbed,
+  getCrop,
+  getFocalPoint,
   AudioEmbed,
   H5pEmbed,
   ExternalEmbed,
@@ -42,16 +44,13 @@ export {
   ArticleWrapper,
   ArticleHeaderWrapper,
   default as Article,
+  ArticleParagraph,
 } from "./Article";
 
 export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
 
 export { default as Table, TableStyling } from "./Table";
 
-export { default as ResourcesWrapper, ResourcesTopicTitle } from "./ResourcesWrapper";
-
-export { default as NoContentBox } from "./NoContentBox";
-
 export { default as Masthead, getMastheadHeight, useMastheadHeight, SkipToMainContent } from "./Masthead";
 
 export { default as ContentLoader } from "./ContentLoader";
@@ -82,28 +81,13 @@ export {
   HeroContent,
 } from "./Hero";
 
-export { FilterButtons, ToggleItem } from "./Filter";
-
-export { Footer, EditorName, FooterText } from "./Footer";
+export { FooterBlock } from "./Footer";
 
 export { Figure } from "./Figure";
 export type { FigureType } from "./Figure";
 
 export { LanguageSelector } from "./LanguageSelector";
 
-export {
-  LearningPathWrapper,
-  LearningPathContent,
-  LearningPathMenu,
-  LearningPathSticky,
-  LearningPathInformation,
-  LearningPathStickySibling,
-  LearningPathStickyPlaceholder,
-  LearningPathLastStepNavigation,
-  LearningPathMobileStepInfo,
-  LearningPathMobileHeader,
-} from "./LearningPaths";
-
 export { default as SearchResultSleeve } from "./Search/SearchResultSleeve";
 
 export { default as ContentTypeResult } from "./Search/ContentTypeResult";
@@ -120,20 +104,6 @@ export { ResourceBox } from "./ResourceBox";
 
 export { default as AudioPlayer } from "./AudioPlayer";
 
-export { NavigationBox } from "./Navigation";
-
-export { default as Programme } from "./Programme";
-
-export { default as CompetenceGoalTab } from "./CompetenceGoalTab";
-
-export {
-  SearchTypeResult,
-  SearchHeader,
-  SearchFieldHeader,
-  SearchSubjectResult,
-  SearchFilterContent,
-} from "./SearchTypeResult";
-
 export { default as constants } from "./model";
 
 export { default as messagesNB } from "./locale/messages-nb";
@@ -142,21 +112,13 @@ 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 { ToolboxInfo } from "./ToolboxPage";
-export { default as Topic } from "./Topic";
-export type { TopicProps } from "./Topic";
-export { default as Aside } from "./Aside";
-
-export { default as Breadcrumb, HeaderBreadcrumb, HomeBreadcrumb } from "./Breadcrumb";
+export { default as Breadcrumb, HomeBreadcrumb } from "./Breadcrumb";
 export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from "./Breadcrumb";
 
 export { i18nInstance, formatNestedMessages } from "./i18n";
-export { default as ResourceGroup } from "./ResourceGroup";
 
 export { default as LayoutItem, OneColumn, PageContainer, Content } from "./Layout";
 
-export { FilmSlideshow, MovieGrid, FilmMovieSearch, FilmMovieList, AllMoviesAlphabetically } from "./NDLAFilm";
-
 export {
   MediaList,
   MediaListItem,
@@ -179,16 +141,13 @@ export {
   ConceptBadge,
 } from "./ContentTypeBadge";
 
-export { SubjectHeader, SubjectBanner } from "./Subject";
-
 export { default as CopyParagraphButton } from "./CopyParagraphButton";
 
 export { default as ContentPlaceholder } from "./ContentPlaceholder";
 
 export { Notion } from "./Notion";
 
-export { BannerCard } from "./BannerCard";
-export { Folder, FolderInput } from "./MyNdla";
+export { Folder } from "./MyNdla";
 export { ListResource, BlockResource } from "./Resource";
 export type { ListResourceProps } from "./Resource";
 export type { TagType } from "./TagSelector";
@@ -225,3 +184,5 @@ export { Gloss, GlossExample } from "./Gloss";
 export { LinkBlock, LinkBlockSection } from "./LinkBlock";
 
 export type { Article as ArticleType } from "./types";
+
+export { CodeBlock, codeLanguageOptions } from "./CodeBlock";

package/src/locale/messages-en.ts

@@ -283,7 +283,7 @@ const messages = {
     resources: "This is not a complete course, but a collection of resources we hope you will find useful.",
     subjectOutdated: "This course is not updated to the current curriculum.",
     subjectFuture: "This course is for a future curriculum.",
-    subjectBeta: "This course is in beta. New resources are being added continously.",
+    subjectBeta: "This course is under development. New resources are being added continously.",
     newVersion:
       "This learning resource is not updated to the current curriculum. You can find an updated version here: ",
     frontPageBeta:
@@ -540,6 +540,7 @@ const messages = {
       tips: "Tips to students",
       vacancies: "Vacancies",
     },
+    otherLanguages: "Other languages",
   },
   contentTypes: {
     all: "All",
@@ -950,6 +951,12 @@ const messages = {
           shared:
             "Now you can share this link to students or other teachers. If you make changes in the folder, they become visible to everybody you have shared the link with.",
         },
+        warning: {
+          authenticated:
+            "This folder is shared by {{ name }}, and contains course material, assignments and links to texts from both NDLA and other websites.",
+          unauthenticated:
+            "This folder is shared by {{ name }}, and contains course material, assignments and links to texts from both NDLA and other websites. Log onto My NDLA to copy the folder or save the link.",
+        },
         button: {
           share: "Share folder",
           shareShort: "Share",
@@ -958,6 +965,13 @@ const messages = {
           goTo: "Go to shared folder",
           unShare: "Stop sharing",
           shareLink: "Copy link",
+          saveLink: "Save the link",
+        },
+        save: {
+          warning:
+            "This creates a link to the folder in My folders. You can easily find the link by navigating to My Folders through the menu in My NDLA.",
+          header: "Save the link to this folder",
+          save: "Save the link to the shared folder",
         },
         previewInformation:
           "Preview of shared folder. The folder is not available to others until you update its status to shared.",

package/src/locale/messages-nb.ts

@@ -283,7 +283,7 @@ const messages = {
     resources: "Dette er ikke et komplett læremiddel, men ei ressurssamling som vi håper kan være nyttig for deg.",
     subjectOutdated: "Dette faget følger en utgått læreplan.",
     subjectFuture: "Dette faget følger en kommende læreplan.",
-    subjectBeta: "Dette faget er i betaversjon. Vi fyller på med ressurser fortløpende.",
+    subjectBeta: "Dette faget er under utvikling. Vi fyller på med ressurser fortløpende.",
     newVersion:
       "Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: ",
     frontPageBeta:
@@ -540,6 +540,7 @@ const messages = {
       tips: "Tips til elever",
       vacancies: "Ledige stillinger",
     },
+    otherLanguages: "Andre språk",
   },
   contentTypes: {
     all: "Alle",
@@ -950,6 +951,12 @@ const messages = {
           shared:
             "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med.",
         },
+        warning: {
+          authenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder.",
+          unauthenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder. Logg inn på Min NDLA for å kopiere mappen eller lagre lenken.",
+        },
         button: {
           share: "Del mappe",
           shareShort: "Del",
@@ -958,6 +965,13 @@ const messages = {
           goTo: "Gå til delt mappe",
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
+          saveLink: "Lagre lenken",
+        },
+        save: {
+          warning:
+            "Dette lager en lenke til mappen i Mine mapper. Du kan enkelt finne den igjen ved å gå til Mine mapper i menyen i Min NDLA.",
+          header: "Lagre lenke til denne mappen",
+          save: "Lagre lenke til delt mappe",
         },
         previewInformation:
           "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt.",

package/src/locale/messages-nn.ts

@@ -283,7 +283,7 @@ const messages = {
     resources: "Dette er ikkje eit komplett læremiddel, men ei ressurssamling som vi håper kan vere nyttig for deg.",
     subjectOutdated: "Dette faget følgjer ein utgått læreplan.",
     subjectFuture: "Dette faget følgjer ein kommande læreplan.",
-    subjectBeta: "Dette faget er i betaversjon. Vi fyller på med ressursar fortløpande.",
+    subjectBeta: "Dette faget er under utvikling. Vi fyller på med ressursar fortløpande.",
     newVersion:
       "Denne læringsressursen er ikkje oppdatert etter gjeldande læreplan. Du finn ein oppdatert versjon her: ",
     frontPageBeta:
@@ -540,6 +540,7 @@ const messages = {
       tips: "Tips til elevar",
       vacancies: "Ledige stillingar",
     },
+    otherLanguages: "Andre språk",
   },
   contentTypes: {
     all: "Alle",
@@ -950,6 +951,12 @@ const messages = {
           shared:
             "No kan du dele denne lenka med elevar eller andre lærarar. Dersom du gjer endringar i mappa, blir dei synlege for alle du har delt lenka med.",
         },
+        warning: {
+          authenticated:
+            "Denne mappa er delt av {{ name }}, og inneheld fagstoff, oppgåver og lenker til tekster frå både NDLA og andre nettstader.",
+          unauthenticated:
+            "Denne mappa er delt av {{ name }}, og inneheld fagstoff, oppgåver og lenker til tekster frå både NDLA og andre nettstader. Logg inn på Min NDLA for å kopiere mappa eller lagre lenka.",
+        },
         button: {
           share: "Del mappe",
           shareShort: "Del",
@@ -958,6 +965,13 @@ const messages = {
           goTo: "Gå til delt mappe",
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
+          saveLink: "Lagre lenka",
+        },
+        save: {
+          warning:
+            "Dette lagar ei lenke til mappa i Mine mapper. Du kan enkelt finne ho att ved å gå til Mine mapper i menyen i Min NDLA.",
+          header: "Lagre lenke til denne mappa",
+          save: "Lagre lenke til delt mappe",
         },
         previewInformation:
           "Førehandsvising av delt mappe. Mappa blir ikkje tilgjengeleg for andre før du set ho som delt.",
@@ -1141,7 +1155,7 @@ const messages = {
       },
     },
     iconMenu: {
-      folders: "Mappar",
+      folders: "Mapper",
       tags: "Emneknaggar",
       subjects: "Favorittfag",
       profile: "Profil",

package/src/locale/messages-se.ts

@@ -542,6 +542,7 @@ const messages = {
       tips: "Cavgileapmi ohppiide",
       vacancies: "Rabas virggit",
     },
+    otherLanguages: "Andre språk",
   },
   contentTypes: {
     all: "Buot",
@@ -952,6 +953,12 @@ const messages = {
           shared:
             "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med.",
         },
+        warning: {
+          authenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder.",
+          unauthenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder. Logg inn på Min NDLA for å kopiere mappen eller lagre lenken.",
+        },
         button: {
           share: "Del mappe",
           shareShort: "Del",
@@ -960,6 +967,13 @@ const messages = {
           goTo: "Gå til delt mappe",
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
+          saveLink: "Lagre lenken",
+        },
+        save: {
+          warning:
+            "Dette lager en lenke til mappen i Mine mapper. Du kan enkelt finne den igjen ved å gå til Mine mapper i menyen i Min NDLA.",
+          header: "Lagre lenke til denne mappen",
+          save: "Lagre lenke til delt mappe",
         },
         previewInformation:
           "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt.",

package/src/locale/messages-sma.ts

@@ -284,7 +284,7 @@ const messages = {
       "Dette er ikke et komplett læremiddel produsert av NDLA, men ei ressurssamling som vi håper kan være nyttig for deg.",
     subjectOutdated: "Dette faget følger en utgått læreplan.",
     subjectFuture: "Dette faget følger en kommende læreplan.",
-    subjectBeta: "Dette faget er i betaversjon. Vi fyller på med ressurser fortløpende.",
+    subjectBeta: "Dette faget er under utvikling. Vi fyller på med ressurser fortløpende.",
     newVersion:
       "Denne læringsressursen er ikke oppdatert etter gjeldende læreplan. Du finner en oppdatert versjon her: ",
     frontPageBeta:
@@ -544,6 +544,7 @@ const messages = {
       tips: "Tipsh learoehkidie",
       vacancies: "Gaavnoes barkoeh",
     },
+    otherLanguages: "Andre språk",
   },
   contentTypes: {
     all: "Alle",
@@ -954,6 +955,12 @@ const messages = {
           shared:
             "Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med.",
         },
+        warning: {
+          authenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder.",
+          unauthenticated:
+            "Denne mappen er delt av {{ name }}, og  inneholder fagstoff, oppgaver og lenker til tekster fra både NDLA og andre nettsteder. Logg inn på Min NDLA for å kopiere mappen eller lagre lenken.",
+        },
         button: {
           share: "Del mappe",
           shareShort: "Del",
@@ -962,6 +969,13 @@ const messages = {
           goTo: "Gå til delt mappe",
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
+          saveLink: "Lagre lenken",
+        },
+        save: {
+          warning:
+            "Dette lager en lenke til mappen i Mine mapper. Du kan enkelt finne den igjen ved å gå til Mine mapper i menyen i Min NDLA.",
+          header: "Lagre lenke til denne mappen",
+          save: "Lagre lenke til delt mappe",
         },
         previewInformation:
           "Forhåndsvisning av delt mappe. Mappa blir ikke tilgjengelig for andre før du setter den som delt.",

package/src/main.scss

@@ -2,5 +2,3 @@
 
 // COMPONENTS
 @import "Article/component.article";
-
-@import "Figure/component.figure";