@ndla/ui 18.0.1 → 19.1.0

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

@@ -58,7 +58,13 @@ declare const messages: {
         resources_plural: string;
         folders: string;
         folders_plural: string;
-        folder: string;
+        folder: {
+            folder: string;
+            delete: string;
+            edit: string;
+        };
+        confirmDeleteFolder: string;
+        confirmDeleteTag: string;
         myFolders: string;
         myTags: string;
         newFolder: string;
@@ -104,6 +110,9 @@ declare const messages: {
             };
         };
         resource: {
+            add: string;
+            remove: string;
+            copyLink: string;
             addToMyNdla: string;
             addedToMyNdla: string;
         };
@@ -132,6 +141,7 @@ declare const messages: {
             delete: string;
         };
         createFolder: string;
+        maxFoldersAlreadyAdded: string;
         newFolder: {
             placeholder: string;
             defaultName: string;

package/lib/locale/messages-nn.js

@@ -34,6 +34,7 @@ var messages = _objectSpread(_objectSpread({
       "delete": 'Slett'
     },
     createFolder: 'Lag mappe',
+    maxFoldersAlreadyAdded: 'Maks nivå av undermapper nådd',
     newFolder: {
       placeholder: 'Skriv namn på mappe',
       defaultName: 'Ny mappe'
@@ -950,7 +951,13 @@ var messages = _objectSpread(_objectSpread({
     resources_plural: '{{count}} ressursar',
     folders: '{{count}} mappe',
     folders_plural: '{{count}} mapper',
-    folder: 'Mappe',
+    folder: {
+      folder: 'Mappe',
+      "delete": 'Slett',
+      edit: 'Rediger'
+    },
+    confirmDeleteFolder: 'Er du sikker på at du vil slette mappa? Denne handlinga kan ikkje angres.',
+    confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlinga kan ikkje angres.',
     myFolders: 'Mine mapper',
     myTags: 'Mine tags',
     newFolder: 'Ny mappe',
@@ -996,6 +1003,9 @@ var messages = _objectSpread(_objectSpread({
       }
     },
     resource: {
+      add: 'Legg til mappe/tag',
+      remove: 'Fjern',
+      copyLink: 'Kopier lenke til sida',
       addToMyNdla: 'Legg i Min NDLA',
       addedToMyNdla: 'Lagt i Min NDLA'
     }

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

@@ -58,7 +58,13 @@ declare const messages: {
         resources_plural: string;
         folders: string;
         folders_plural: string;
-        folder: string;
+        folder: {
+            folder: string;
+            delete: string;
+            edit: string;
+        };
+        confirmDeleteFolder: string;
+        confirmDeleteTag: string;
         myFolders: string;
         myTags: string;
         newFolder: string;
@@ -104,6 +110,9 @@ declare const messages: {
             };
         };
         resource: {
+            add: string;
+            remove: string;
+            copyLink: string;
             addToMyNdla: string;
             addedToMyNdla: string;
         };
@@ -132,6 +141,7 @@ declare const messages: {
             delete: string;
         };
         createFolder: string;
+        maxFoldersAlreadyAdded: string;
         newFolder: {
             placeholder: string;
             defaultName: string;

package/lib/locale/messages-se.js

@@ -34,6 +34,7 @@ var messages = _objectSpread(_objectSpread({
       "delete": 'Slett'
     },
     createFolder: 'Lag mappe',
+    maxFoldersAlreadyAdded: 'Maks nivå av undermapper nådd',
     newFolder: {
       placeholder: 'Skriv navn på mappe',
       defaultName: 'Ny mappe'
@@ -950,7 +951,13 @@ var messages = _objectSpread(_objectSpread({
     resources_plural: '{{count}} ressurser',
     folders: '{{count}} mappe',
     folders_plural: '{{count}} mapper',
-    folder: 'Mappe',
+    folder: {
+      folder: 'Mappe',
+      "delete": 'Slett',
+      edit: 'Rediger'
+    },
+    confirmDeleteFolder: 'Er du sikker på at du vil slette mappen? Denne handlingen kan ikke angres.',
+    confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlingen kan ikke angres.',
     myFolders: 'Mine mapper',
     myTags: 'Mine tags',
     newFolder: 'Ny mappe',
@@ -996,6 +1003,9 @@ var messages = _objectSpread(_objectSpread({
       }
     },
     resource: {
+      add: 'Legg til mappe/tag',
+      remove: 'Fjern',
+      copyLink: 'Kopier lenke til siden',
       addToMyNdla: 'Legg i Min NDLA',
       addedToMyNdla: 'Lagt i Min NDLA'
     }

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

@@ -58,7 +58,13 @@ declare const messages: {
         resources_plural: string;
         folders: string;
         folders_plural: string;
-        folder: string;
+        folder: {
+            folder: string;
+            delete: string;
+            edit: string;
+        };
+        confirmDeleteFolder: string;
+        confirmDeleteTag: string;
         myFolders: string;
         myTags: string;
         newFolder: string;
@@ -104,6 +110,9 @@ declare const messages: {
             };
         };
         resource: {
+            add: string;
+            remove: string;
+            copyLink: string;
             addToMyNdla: string;
             addedToMyNdla: string;
         };
@@ -132,6 +141,7 @@ declare const messages: {
             delete: string;
         };
         createFolder: string;
+        maxFoldersAlreadyAdded: string;
         newFolder: {
             placeholder: string;
             defaultName: string;

package/lib/locale/messages-sma.js

@@ -34,6 +34,7 @@ var messages = _objectSpread(_objectSpread({
       "delete": 'Slett'
     },
     createFolder: 'Lag mappe',
+    maxFoldersAlreadyAdded: 'Maks nivå av undermapper nådd',
     newFolder: {
       placeholder: 'Skriv navn på mappe',
       defaultName: 'Ny mappe'
@@ -950,7 +951,13 @@ var messages = _objectSpread(_objectSpread({
     resources_plural: '{{count}} ressurser',
     folders: '{{count}} mappe',
     folders_plural: '{{count}} mapper',
-    folder: 'Mappe',
+    folder: {
+      folder: 'Mappe',
+      "delete": 'Slett',
+      edit: 'Rediger'
+    },
+    confirmDeleteFolder: 'Er du sikker på at du vil slette mappen? Denne handlingen kan ikke angres.',
+    confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlingen kan ikke angres.',
     myFolders: 'Mine mapper',
     myTags: 'Mine tags',
     newFolder: 'Ny mappe',
@@ -996,6 +1003,9 @@ var messages = _objectSpread(_objectSpread({
       }
     },
     resource: {
+      add: 'Legg til mappe/tag',
+      remove: 'Fjern',
+      copyLink: 'Kopier lenke til siden',
       addToMyNdla: 'Legg i Min NDLA',
       addedToMyNdla: 'Lagt i Min NDLA'
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "18.0.1",
+  "version": "19.1.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,15 +31,15 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/button": "^2.6.0",
+    "@ndla/button": "^3.1.0",
     "@ndla/carousel": "^1.2.11",
     "@ndla/core": "^2.3.0",
     "@ndla/hooks": "^1.1.4",
     "@ndla/icons": "^1.10.0",
     "@ndla/licenses": "^5.0.2",
     "@ndla/modal": "^1.2.12",
-    "@ndla/notion": "^3.1.17",
-    "@ndla/safelink": "^2.0.8",
+    "@ndla/notion": "^3.1.20",
+    "@ndla/safelink": "^2.1.1",
     "@ndla/switch": "^0.1.7",
     "@ndla/tabs": "^1.1.10",
     "@ndla/tooltip": "^2.1.2",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "841ff68015ec6032bed44a7c25eea2dfd9088a64"
+  "gitHead": "74b5027e25a33f81802c72b11901d59085bb290a"
 }

package/src/Breadcrumb/ActionBreadcrumb.tsx

@@ -44,6 +44,9 @@ interface Props {
 
 const ActionBreadcrumb = ({ items, actionItems }: Props) => {
   const renderItem = (item: IndexedBreadcrumbItem, totalCount: number) => {
+    if (totalCount === 1) {
+      return <StyledSpan title={item.name}>{item.name}</StyledSpan>;
+    }
     if (item.index === totalCount - 1) {
       return (
         <MenuButton menuItems={actionItems} size="small">

package/src/MyNdla/Resource/Folder.tsx

@@ -7,14 +7,14 @@
  */
 
 import styled from '@emotion/styled';
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { FolderOutlined } from '@ndla/icons/contentType';
 import { FileDocumentOutline } from '@ndla/icons/common';
 import { fonts, spacing, colors, mq, breakpoints } from '@ndla/core';
 import { css } from '@emotion/core';
 import { useTranslation } from 'react-i18next';
 import SafeLink from '@ndla/safelink';
-import { MenuButton } from '@ndla/button';
+import { MenuButton, MenuItemProps } from '@ndla/button';
 
 interface FolderIconWrapperProps {
   type?: LayoutType;
@@ -84,7 +84,7 @@ interface Props {
   description?: string;
   link: string;
   type: LayoutType;
-  actionMenu?: ReactNode;
+  menuItems?: MenuItemProps[];
 }
 
 interface IconCountProps {
@@ -131,17 +131,17 @@ const IconCount = ({ type, count, layoutType }: IconCountProps) => {
 
 type LayoutType = 'list' | 'block';
 
-const Folder = ({ link, title, subFolders, subResources, type = 'list', actionMenu }: Props) => {
+const Folder = ({ link, title, subFolders, subResources, type = 'list', menuItems }: Props) => {
   const { t } = useTranslation();
   return (
     <FolderWrapper to={link}>
       <FolderIconWrapper type={type}>
-        <FolderOutlined aria-label={t('myNdla.folder')} />
+        <FolderOutlined aria-label={t('myNdla.folder.folder')} />
       </FolderIconWrapper>
       <FolderTitle>{title}</FolderTitle>
       <IconCount layoutType={type} type={'folder'} count={subFolders} />
       <IconCount layoutType={type} type={'resource'} count={subResources} />
-      <MenuButton size="small" />
+      {menuItems && menuItems.length > 0 && <MenuButton size="small" menuItems={menuItems} />}
     </FolderWrapper>
   );
 };

package/src/Resource/BlockResource.tsx

@@ -7,11 +7,12 @@
  */
 
 import styled from '@emotion/styled';
-import React, { ReactNode } from 'react';
+import React from 'react';
 import SafeLink from '@ndla/safelink';
 import { colors, fonts, spacing } from '@ndla/core';
+import { MenuButton, MenuItemProps } from '@ndla/button';
 import Image from '../Image';
-import { CompressedTags, ResourceImageProps, ResourceTitle, Row, TopicList } from './resourceComponents';
+import { CompressedTagList, ResourceImageProps, ResourceTitle, Row, TopicList } from './resourceComponents';
 
 interface BlockResourceProps {
   link: string;
@@ -20,7 +21,7 @@ interface BlockResourceProps {
   topics: string[];
   tags?: string[];
   description?: string;
-  actionMenu?: ReactNode;
+  menuItems?: MenuItemProps[];
 }
 
 const BlockElementWrapper = styled(SafeLink)`
@@ -77,7 +78,7 @@ const ImageWrapper = styled.div`
   }
 `;
 
-const BlockResource = ({ link, title, tags, resourceImage, topics, description, actionMenu }: BlockResourceProps) => {
+const BlockResource = ({ link, title, tags, resourceImage, topics, description, menuItems }: BlockResourceProps) => {
   return (
     <BlockElementWrapper to={link}>
       <ImageWrapper>
@@ -90,8 +91,8 @@ const BlockResource = ({ link, title, tags, resourceImage, topics, description,
         <TopicList topics={topics} />
         <BlockDescription>{description}</BlockDescription>
         <RightRow>
-          {tags && CompressedTags(tags)}
-          {actionMenu}
+          {tags && <CompressedTagList tags={tags} />}
+          {menuItems && menuItems.length > 0 && <MenuButton size="small" menuItems={menuItems} />}
         </RightRow>
       </BlockInfoWrapper>
     </BlockElementWrapper>

package/src/Resource/ListResource.tsx

@@ -7,11 +7,12 @@
  */
 
 import styled from '@emotion/styled';
-import React, { ReactNode } from 'react';
+import React from 'react';
 import SafeLink from '@ndla/safelink';
 import { fonts, spacing, colors, breakpoints, mq } from '@ndla/core';
+import { MenuButton, MenuItemProps } from '@ndla/button';
 import Image from '../Image';
-import { CompressedTags, ResourceImageProps, ResourceTitle, TopicList } from './resourceComponents';
+import { CompressedTagList, ResourceImageProps, ResourceTitle, TopicList } from './resourceComponents';
 
 const ResourceDescription = styled.p`
   grid-area: description;
@@ -30,12 +31,13 @@ const ResourceDescription = styled.p`
 `;
 
 const ResourceWrapper = styled(SafeLink)`
-  display: grid;
   flex: 1;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
   grid-template-areas:
     'image  topicAndTitle   tags'
     'image  description     description';
-  grid-template-columns: auto 1fr auto;
+
   ${mq.range({ until: breakpoints.mobileWide })} {
     grid-template-columns: auto 1fr;
     grid-template-areas:
@@ -51,6 +53,7 @@ const ResourceWrapper = styled(SafeLink)`
   border-radius: 2px;
   color: ${colors.brand.greyDark};
   gap: 0 ${spacing.small};
+
   &:hover {
     box-shadow: 1px 1px 6px 2px rgba(9, 55, 101, 0.08);
     transition-duration: 0.2s;
@@ -109,10 +112,10 @@ export interface ListResourceProps {
   topics: string[];
   tags?: string[];
   description?: string;
-  actionMenu?: ReactNode;
+  menuItems?: MenuItemProps[];
 }
 
-const ListResource = ({ link, title, tags, resourceImage, topics, description, actionMenu }: ListResourceProps) => {
+const ListResource = ({ link, title, tags, resourceImage, topics, description, menuItems }: ListResourceProps) => {
   const showDescription = description !== undefined;
 
   return (
@@ -126,8 +129,8 @@ const ListResource = ({ link, title, tags, resourceImage, topics, description, a
       </TopicAndTitle>
       {showDescription && <ResourceDescription>{description}</ResourceDescription>}
       <TagsandActionMenu>
-        {tags && CompressedTags(tags)}
-        {actionMenu}
+        {tags && <CompressedTagList tags={tags} />}
+        {menuItems && menuItems.length > 0 && <MenuButton size="small" menuItems={menuItems} />}
       </TagsandActionMenu>
     </ResourceWrapper>
   );

package/src/Resource/resourceComponents.tsx

@@ -103,7 +103,11 @@ export const TagList = ({ tags }: TagListProps) => {
   );
 };
 
-export const CompressedTags = (tags: string[]) => {
+interface CompressedTagListProps {
+  tags: string[];
+}
+
+export const CompressedTagList = ({ tags }: CompressedTagListProps) => {
   const visibleTags = tags.slice(0, 3);
   const remainingTags = tags.slice(3, tags.length).map((tag) => {
     return {

package/src/TreeStructure/FolderItem.tsx

@@ -11,6 +11,7 @@ import styled from '@emotion/styled';
 import { ArrowDropDown } from '@ndla/icons/common';
 import { FolderOutlined } from '@ndla/icons/contentType';
 import { colors, spacing, misc, animations } from '@ndla/core';
+import SafeLink from '@ndla/safelink';
 import { SetFocusedFolderId, FolderChildFuncType } from './TreeStructure.types';
 
 const OpenButton = styled.button<{ isOpen: boolean }>`
@@ -75,7 +76,7 @@ const FolderName = styled.button<{ marked: boolean; noArrow?: boolean }>`
   text-align: left;
 `;
 
-const FolderNameLink = FolderName.withComponent('a');
+const FolderNameLink = FolderName.withComponent(SafeLink);
 
 interface Props {
   name: string;
@@ -135,9 +136,9 @@ const FolderItem = ({
         <FolderNameLink
           ref={folderNameLinkRef}
           noArrow={hideArrow}
+          to={loading ? '' : url}
           tabIndex={marked ? 0 : -1}
           marked={marked}
-          href={loading ? undefined : url}
           onFocus={() => {
             setFocusedFolderId(id);
           }}

package/src/TreeStructure/FolderItems.tsx

@@ -12,7 +12,6 @@ import { animations, spacing } from '@ndla/core';
 import FolderItem from './FolderItem';
 import FolderNameInput from './FolderNameInput';
 import { FolderItemsProps } from './TreeStructure.types';
-import { MAX_LEVEL_FOR_FOLDERS } from './TreeStructure';
 
 const StyledUL = styled.ul<{ firstLevel?: boolean }>`
   ${animations.fadeInLeft(animations.durations.fast)};
@@ -49,6 +48,7 @@ const FolderItems = ({
   setFocusedFolderId,
   firstLevel,
   folderChild,
+  maximumLevelsOfFoldersAllowed,
 }: FolderItemsProps) => (
   <StyledUL role="group" firstLevel={firstLevel}>
     {data.map(({ name, data: dataChildren, id, url, icon }, _index) => {
@@ -69,7 +69,7 @@ const FolderItems = ({
               focusedFolderId={focusedFolderId}
               onToggleOpen={onToggleOpen}
               onMarkFolder={onMarkFolder}
-              hideArrow={dataChildren?.length === 0 || newIdPaths.length >= MAX_LEVEL_FOR_FOLDERS}
+              hideArrow={dataChildren?.length === 0 || newIdPaths.length >= maximumLevelsOfFoldersAllowed}
               noPaddingWhenArrowIsHidden={editable && firstLevel && dataChildren?.length === 0}
               setFocusedFolderId={setFocusedFolderId}
               folderChild={folderChild}
@@ -101,6 +101,7 @@ const FolderItems = ({
               setFocusedFolderId={setFocusedFolderId}
               firstLevel={false}
               folderChild={folderChild}
+              maximumLevelsOfFoldersAllowed={maximumLevelsOfFoldersAllowed}
             />
           )}
         </StyledLI>

package/src/TreeStructure/TreeStructure.tsx

@@ -42,6 +42,7 @@ const TreeStructure = ({
   folderIdMarkedByDefault,
   defaultOpenFolders,
   folderChild,
+  maximumLevelsOfFoldersAllowed,
 }: TreeStructureProps) => {
   const { t } = useTranslation();
   const [newFolder, setNewFolder] = useState<NewFolderProps | undefined>();
@@ -117,6 +118,9 @@ const TreeStructure = ({
     setFocusedFolderId(id);
   };
 
+  const paths = getPathOfFolder(data, markedFolderId || '');
+  const canAddFolder = editable && paths.length < (maximumLevelsOfFoldersAllowed || 1);
+
   return (
     <div
       ref={treestructureRef}
@@ -132,7 +136,7 @@ const TreeStructure = ({
           });
         }
       }}>
-      <StyledLabel htmlFor={rootLevelId}>{label}</StyledLabel>
+      {label && <StyledLabel htmlFor={rootLevelId}>{label}</StyledLabel>}
       <TreeStructureStyledWrapper ref={wrapperRef} id={rootLevelId} aria-label="Menu tree" role="tree" framed={framed}>
         <FolderItems
           idPaths={[]}
@@ -152,22 +156,28 @@ const TreeStructure = ({
           setFocusedFolderId={setFocusedFolderId}
           firstLevel
           folderChild={folderChild}
+          maximumLevelsOfFoldersAllowed={maximumLevelsOfFoldersAllowed}
         />
       </TreeStructureStyledWrapper>
       {editable && (
         <AddFolderWrapper>
           <Tooltip
-            tooltip={t('myNdla.newFolderUnder', {
-              folderName: getFolderName(data, markedFolderId),
-            })}>
+            tooltip={
+              canAddFolder
+                ? t('myNdla.newFolderUnder', {
+                    folderName: getFolderName(data, markedFolderId),
+                  })
+                : t('myNdla.maxFoldersAlreadyAdded')
+            }>
             <AddButton
+              disabled={!canAddFolder}
               aria-label={t('myNdla.newFolder')}
               onClick={() => {
-                const paths = getPathOfFolder(data, markedFolderId || '');
                 const idPaths = getIdPathsOfFolder(data, markedFolderId || '');
                 setNewFolder({ idPaths, parentId: paths[paths.length - 1] });
-              }}
-            />
+              }}>
+              {t('myNdla.newFolder')}
+            </AddButton>
           </Tooltip>
         </AddFolderWrapper>
       )}
@@ -175,4 +185,8 @@ const TreeStructure = ({
   );
 };
 
+TreeStructure.defaultProps = {
+  maximumLevelsOfFoldersAllowed: MAX_LEVEL_FOR_FOLDERS,
+};
+
 export default TreeStructure;

package/src/TreeStructure/TreeStructure.types.ts

@@ -34,11 +34,12 @@ interface CommonFolderProps {
 
 export interface TreeStructureProps extends CommonFolderProps {
   framed?: boolean;
-  label: string;
+  label?: string;
   folderIdMarkedByDefault?: string;
   onNewFolder: (props: { value: string; parentId?: string; idPaths: number[] }) => Promise<string>;
   defaultOpenFolders?: string[];
   folderChild?: FolderChildFuncType;
+  maximumLevelsOfFoldersAllowed: number;
 }
 
 export type onCreateNewFolderProp = ({
@@ -70,4 +71,5 @@ export interface FolderItemsProps extends CommonFolderProps {
   keyNavigationFocusIsCreateFolderButton?: boolean;
   icon?: ReactNode;
   folderChild?: FolderChildFuncType;
+  maximumLevelsOfFoldersAllowed: number;
 }

package/src/locale/messages-en.ts

@@ -20,6 +20,7 @@ const messages = {
       delete: 'Delete',
     },
     createFolder: 'Create folder',
+    maxFoldersAlreadyAdded: 'Maximum subfolders reached',
     newFolder: {
       placeholder: 'Add foldername',
       defaultName: 'New folder',
@@ -988,7 +989,13 @@ const messages = {
     resources_plural: '{{count}} Resources',
     folders: '{{count}} Folder',
     folders_plural: '{{count}} Folders',
-    folder: 'Folder',
+    folder: {
+      folder: 'Folder',
+      delete: 'Delete',
+      edit: 'Edit',
+    },
+    confirmDeleteFolder: 'Are you sure you want to delete this folder? This process cannot be undone.',
+    confirmDeleteTag: 'Are you sure you want to delete this tag? This process cannot be undone.',
     myFolders: 'My folders',
     myTags: 'My tags',
     newFolder: 'New folder',
@@ -1030,6 +1037,9 @@ const messages = {
       },
     },
     resource: {
+      add: 'Add folder/tag',
+      remove: 'Remove',
+      copyLink: 'Copy link to this page',
       addToMyNdla: 'Add to My NDLA',
       addedToMyNdla: 'Added to My NDLA',
     },

package/src/locale/messages-nb.ts

@@ -20,6 +20,7 @@ const messages = {
       delete: 'Slett',
     },
     createFolder: 'Lag mappe',
+    maxFoldersAlreadyAdded: 'Maks nivå av undermapper nådd',
     newFolder: {
       placeholder: 'Skriv navn på mappe',
       defaultName: 'Ny mappe',
@@ -986,7 +987,13 @@ const messages = {
     resources_plural: '{{count}} ressurser',
     folders: '{{count}} mappe',
     folders_plural: '{{count}} mapper',
-    folder: 'Mappe',
+    folder: {
+      folder: 'Mappe',
+      delete: 'Slett',
+      edit: 'Rediger',
+    },
+    confirmDeleteFolder: 'Er du sikker på at du vil slette mappen? Denne handlingen kan ikke angres.',
+    confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlingen kan ikke angres.',
     myFolders: 'Mine mapper',
     myTags: 'Mine tags',
     newFolder: 'Ny mappe',
@@ -1027,6 +1034,9 @@ const messages = {
       },
     },
     resource: {
+      add: 'Legg til mappe/tag',
+      remove: 'Fjern',
+      copyLink: 'Kopier lenke til siden',
       addToMyNdla: 'Legg i Min NDLA',
       addedToMyNdla: 'Lagt i Min NDLA',
     },

package/src/locale/messages-nn.ts

@@ -20,6 +20,7 @@ const messages = {
       delete: 'Slett',
     },
     createFolder: 'Lag mappe',
+    maxFoldersAlreadyAdded: 'Maks nivå av undermapper nådd',
     newFolder: {
       placeholder: 'Skriv namn på mappe',
       defaultName: 'Ny mappe',
@@ -987,7 +988,13 @@ const messages = {
     resources_plural: '{{count}} ressursar',
     folders: '{{count}} mappe',
     folders_plural: '{{count}} mapper',
-    folder: 'Mappe',
+    folder: {
+      folder: 'Mappe',
+      delete: 'Slett',
+      edit: 'Rediger',
+    },
+    confirmDeleteFolder: 'Er du sikker på at du vil slette mappa? Denne handlinga kan ikkje angres.',
+    confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlinga kan ikkje angres.',
     myFolders: 'Mine mapper',
     myTags: 'Mine tags',
     newFolder: 'Ny mappe',
@@ -1028,6 +1035,9 @@ const messages = {
       },
     },
     resource: {
+      add: 'Legg til mappe/tag',
+      remove: 'Fjern',
+      copyLink: 'Kopier lenke til sida',
       addToMyNdla: 'Legg i Min NDLA',
       addedToMyNdla: 'Lagt i Min NDLA',
     },