@ndla/ui 13.2.1 → 15.0.0

package/lib/index.d.ts

@@ -7,7 +7,7 @@
  */
 /** @ts-ignore */
 export * from './index-javascript';
-export { ArticleByline, ArticleContent, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, ArticleSideBar, default as Article, } from './Article';
+export { ArticleByline, ArticleContent, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, ArticleSideBar, default as Article, ArticleFavoritesButton, } from './Article';
 export { default as Table } from './Table';
 export { default as ResourcesWrapper, ResourcesTitle, ResourcesTopicTitle } from './ResourcesWrapper';
 export { createUniversalPortal } from './utils/createUniversalPortal';
@@ -37,7 +37,9 @@ export { default as ContentTypeResult } from './Search/ContentTypeResult';
 export { SearchFieldForm } from './Search/SearchFieldForm';
 export { default as MastheadSearchModal } from './Masthead/MastheadSearchModal';
 export { default as MastheadAuthModal } from './Masthead/MastheadAuthModal';
+export { UserInfo } from './User';
 export { default as AuthModal } from './User';
+export type { FeideGoGroup, FeideGroup, FeideOrg, FeideUserApiType, FeideMembershipType, FeideUser } from './User';
 export { default as CreatedBy } from './CreatedBy';
 export { default as Breadcrumblist } from './Breadcrumblist';
 export { MessageBox, MessageBoxTag, MessageBoxType } from './MessageBox';
@@ -58,7 +60,7 @@ export { default as Topic } from './Topic';
 export type { TopicProps } from './Topic';
 export { default as Aside } from './Aside';
 export { default as AuthorInfo } from './AuthorInfo';
-export { default as Breadcrumb, HeaderBreadcrumb, HomeBreadcrumb } from './Breadcrumb';
+export { default as Breadcrumb, HeaderBreadcrumb, HomeBreadcrumb, ActionBreadcrumb } from './Breadcrumb';
 export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from './Breadcrumb';
 export type { BreadcrumbItemProps } from './Breadcrumblist/Breadcrumblist';
 export { i18nInstance, formatNestedMessages, formatMessage } from './i18n';
@@ -74,4 +76,13 @@ export { default as CopyParagraphButton } from './CopyParagraphButton';
 export { default as ContentPlaceholder } from './ContentPlaceholder';
 export { Notion, ConceptNotion } from './Notion';
 export { BannerCard } from './BannerCard';
-export { ResourcesView, ResourceElement, Breadcrumbs } from './MyNdla';
+export { VerticalNavigation, Folder } from './MyNdla';
+export { ListResource, BlockResource } from './Resource';
+export type { ListResourceProps } from './Resource';
+export type { TagType } from './TagSelector';
+export { TagSelector } from './TagSelector';
+export type { SnackBarItem } from './SnackBar';
+export { SnackBar } from './SnackBar';
+export { InfoBlock } from './InfoBlock';
+export { TreeStructure } from './TreeStructure';
+export type { FolderStructureProps, TreeStructureProps } from './TreeStructure';

package/lib/index.js

@@ -15,6 +15,7 @@ var _exportNames = {
   ArticleHeaderWrapper: true,
   ArticleSideBar: true,
   Article: true,
+  ArticleFavoritesButton: true,
   Table: true,
   ResourcesWrapper: true,
   ResourcesTitle: true,
@@ -87,6 +88,7 @@ var _exportNames = {
   SearchFieldForm: true,
   MastheadSearchModal: true,
   MastheadAuthModal: true,
+  UserInfo: true,
   AuthModal: true,
   CreatedBy: true,
   Breadcrumblist: true,
@@ -121,6 +123,7 @@ var _exportNames = {
   Breadcrumb: true,
   HeaderBreadcrumb: true,
   HomeBreadcrumb: true,
+  ActionBreadcrumb: true,
   i18nInstance: true,
   formatNestedMessages: true,
   formatMessage: true,
@@ -175,9 +178,14 @@ var _exportNames = {
   Notion: true,
   ConceptNotion: true,
   BannerCard: true,
-  ResourcesView: true,
-  ResourceElement: true,
-  Breadcrumbs: true
+  VerticalNavigation: true,
+  Folder: true,
+  ListResource: true,
+  BlockResource: true,
+  TagSelector: true,
+  SnackBar: true,
+  InfoBlock: true,
+  TreeStructure: true
 };
 Object.defineProperty(exports, "ArticleByline", {
   enumerable: true,
@@ -233,6 +241,12 @@ Object.defineProperty(exports, "Article", {
     return _Article["default"];
   }
 });
+Object.defineProperty(exports, "ArticleFavoritesButton", {
+  enumerable: true,
+  get: function get() {
+    return _Article.ArticleFavoritesButton;
+  }
+});
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
@@ -665,6 +679,12 @@ Object.defineProperty(exports, "MastheadAuthModal", {
     return _MastheadAuthModal["default"];
   }
 });
+Object.defineProperty(exports, "UserInfo", {
+  enumerable: true,
+  get: function get() {
+    return _User.UserInfo;
+  }
+});
 Object.defineProperty(exports, "AuthModal", {
   enumerable: true,
   get: function get() {
@@ -869,6 +889,12 @@ Object.defineProperty(exports, "HomeBreadcrumb", {
     return _Breadcrumb.HomeBreadcrumb;
   }
 });
+Object.defineProperty(exports, "ActionBreadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _Breadcrumb.ActionBreadcrumb;
+  }
+});
 Object.defineProperty(exports, "i18nInstance", {
   enumerable: true,
   get: function get() {
@@ -1193,22 +1219,52 @@ Object.defineProperty(exports, "BannerCard", {
     return _BannerCard.BannerCard;
   }
 });
-Object.defineProperty(exports, "ResourcesView", {
+Object.defineProperty(exports, "VerticalNavigation", {
   enumerable: true,
   get: function get() {
-    return _MyNdla.ResourcesView;
+    return _MyNdla.VerticalNavigation;
   }
 });
-Object.defineProperty(exports, "ResourceElement", {
+Object.defineProperty(exports, "Folder", {
   enumerable: true,
   get: function get() {
-    return _MyNdla.ResourceElement;
+    return _MyNdla.Folder;
   }
 });
-Object.defineProperty(exports, "Breadcrumbs", {
+Object.defineProperty(exports, "ListResource", {
   enumerable: true,
   get: function get() {
-    return _MyNdla.Breadcrumbs;
+    return _Resource.ListResource;
+  }
+});
+Object.defineProperty(exports, "BlockResource", {
+  enumerable: true,
+  get: function get() {
+    return _Resource.BlockResource;
+  }
+});
+Object.defineProperty(exports, "TagSelector", {
+  enumerable: true,
+  get: function get() {
+    return _TagSelector.TagSelector;
+  }
+});
+Object.defineProperty(exports, "SnackBar", {
+  enumerable: true,
+  get: function get() {
+    return _SnackBar.SnackBar;
+  }
+});
+Object.defineProperty(exports, "InfoBlock", {
+  enumerable: true,
+  get: function get() {
+    return _InfoBlock.InfoBlock;
+  }
+});
+Object.defineProperty(exports, "TreeStructure", {
+  enumerable: true,
+  get: function get() {
+    return _TreeStructure.TreeStructure;
   }
 });
 
@@ -1285,7 +1341,7 @@ var _MastheadSearchModal = _interopRequireDefault(require("./Masthead/MastheadSe
 
 var _MastheadAuthModal = _interopRequireDefault(require("./Masthead/MastheadAuthModal"));
 
-var _User = _interopRequireDefault(require("./User"));
+var _User = _interopRequireWildcard(require("./User"));
 
 var _CreatedBy = _interopRequireDefault(require("./CreatedBy"));
 
@@ -1355,6 +1411,16 @@ var _BannerCard = require("./BannerCard");
 
 var _MyNdla = require("./MyNdla");
 
+var _Resource = require("./Resource");
+
+var _TagSelector = require("./TagSelector");
+
+var _SnackBar = require("./SnackBar");
+
+var _InfoBlock = require("./InfoBlock");
+
+var _TreeStructure = require("./TreeStructure");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

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

@@ -33,6 +33,15 @@ declare const messages: {
         resource: {
             accessDenied: string;
         };
+        primarySchool: string;
+        name: string;
+        mail: string;
+        username: string;
+        groupTypes: {
+            basic: string;
+            teaching: string;
+            other: string;
+        };
     };
     checkOutNewFeature: string;
     slateBlockMenu: {
@@ -45,14 +54,59 @@ declare const messages: {
     };
     myNdla: {
         resources: string;
+        resources_plural: string;
         folders: string;
+        folders_plural: string;
         folder: string;
         myFolders: string;
         myTags: string;
         newFolder: string;
+        newFolderUnder: string;
         myAccount: string;
         favourites: string;
         help: string;
+        more: string;
+        listView: string;
+        detailView: string;
+        shortView: string;
+        myPage: {
+            myPage: string;
+            logout: string;
+            deleteAccount: string;
+            welcome: string;
+            read: {
+                our: string;
+                ours: string;
+            };
+            privacy: string;
+            questions: {
+                question: string;
+                ask: string;
+            };
+            wishToDelete: string;
+            terms: string;
+            feide: string;
+            newFavourite: string;
+            resource: {
+                addToMyNdla: string;
+                addedToMyNdla: string;
+            };
+            storageInfo: {
+                title: string;
+                text: string;
+            };
+            folderInfo: {
+                title: string;
+                text: string;
+            };
+            tagInfo: {
+                title: string;
+                text: string;
+            };
+        };
+    };
+    snackbar: {
+        close: string;
     };
     labels: {
         category: string;
@@ -69,6 +123,19 @@ declare const messages: {
         contact: string;
         help: string;
     };
+    treeStructure: {
+        createFolder: string;
+        newFolder: {
+            placeholder: string;
+            defaultName: string;
+        };
+    };
+    tagSelector: {
+        placeholder: string;
+        removeTag: string;
+        hideAllTags: string;
+        showAllTags: string;
+    };
     htmlTitles: {
         titleTemplate: string;
         welcomePage: string;

package/lib/locale/messages-en.js

@@ -28,6 +28,19 @@ exports.contentTypes = contentTypes;
 var titleTemplate = ' - NDLA';
 
 var messages = _objectSpread(_objectSpread({
+  treeStructure: {
+    createFolder: 'Create folder',
+    newFolder: {
+      placeholder: 'Add foldername',
+      defaultName: 'New folder'
+    }
+  },
+  tagSelector: {
+    placeholder: 'Add to tag',
+    removeTag: 'Remove tag {{name}}',
+    hideAllTags: 'Hide all tags',
+    showAllTags: 'Show all tags'
+  },
   htmlTitles: {
     titleTemplate: titleTemplate,
     welcomePage: "Frontpage".concat(titleTemplate),
@@ -719,15 +732,15 @@ var messages = _objectSpread(_objectSpread({
   },
   blogPosts: {
     blog1: {
-      text: 'Nye fag på NDLA',
-      externalLink: 'https://blogg.ndla.no/2021/12/nye-fag-pa-ndla/',
+      text: 'Forslag til årsplaner fra NDLA',
+      externalLink: 'https://blogg.ndla.no/2021/08/forslag-til-arsplaner-hos-ndla/',
       linkText: 'Fagblogg',
       license: 'CC-BY-SA-4.0',
       licenseAuthor: 'Vibeke Klungland'
     },
     blog2: {
-      text: 'Aktiviser elevane med digitale verktøy',
-      externalLink: 'https://blogg.ndla.no/2021/09/aktiviser-elevane-med-digitale-verktoy/',
+      text: 'Huskeliste for kontaktlærere',
+      externalLink: 'https://blogg.ndla.no/2019/08/huskeliste-for-kontaktlaerere/',
       linkText: 'Fagblogg',
       license: 'CC-BY-SA-4.0',
       licenseAuthor: 'Tom Knudsen'
@@ -906,6 +919,15 @@ var messages = _objectSpread(_objectSpread({
     },
     resource: {
       accessDenied: 'We are sorry, but this resource is only available to teachers who are logged in with Feide.'
+    },
+    primarySchool: 'Primary School',
+    name: 'Name',
+    mail: 'E-mail',
+    username: 'Username',
+    groupTypes: {
+      basic: 'Basic group',
+      teaching: 'Teaching group',
+      other: 'Other groups'
     }
   },
   checkOutNewFeature: 'New feature',
@@ -918,15 +940,60 @@ var messages = _objectSpread(_objectSpread({
     close: 'Close fact box'
   },
   myNdla: {
-    resources: 'resources',
-    folders: 'folders',
-    folder: 'folder',
+    resources: '{{count}} Resource',
+    resources_plural: '{{count}} Resources',
+    folders: '{{count}} Folder',
+    folders_plural: '{{count}} Folders',
+    folder: 'Folder',
     myFolders: 'My folders',
     myTags: 'My tags',
     newFolder: 'New folder',
+    newFolderUnder: 'Create new folder under {{folderName}}',
     myAccount: 'My account',
     favourites: 'Favourites',
-    help: 'Help'
+    help: 'Help',
+    more: 'More options',
+    listView: 'List view',
+    detailView: 'Detailed listview',
+    shortView: 'Short view',
+    myPage: {
+      myPage: 'My page',
+      logout: 'Log out of My NDLA',
+      deleteAccount: 'Delete My NDLA',
+      welcome: 'Welcome to my NDLA! You can now save your favourite resources from NDLA and organise them in folders with tags',
+      read: {
+        our: 'Read our',
+        ours: 'Read our'
+      },
+      privacy: 'privacy statement',
+      questions: {
+        question: 'Any questions?',
+        ask: 'Ask us in the chat'
+      },
+      wishToDelete: 'Do you wish to delete your account?',
+      terms: 'terms of use',
+      feide: 'We have retrieved this information from Feide',
+      newFavourite: 'Recently favourited',
+      resource: {
+        addToMyNdla: 'Add to My NDLA',
+        addedToMyNdla: 'Added to My NDLA'
+      },
+      storageInfo: {
+        title: 'How to save your favourite resources from NDLA',
+        text: 'When you wish to save a resource, you can do so by clicking the heart on the top right corner of the page. You will then get an option to store the resource in a folder'
+      },
+      folderInfo: {
+        title: 'How to organise your favourite resources in folders',
+        text: 'You can get to the folder overview by clicking on my folders on the menu to the left. Here you can create new folders and subfolder. You can also create a new folder in the dialogue window that is activated when you click on the heart in a resource'
+      },
+      tagInfo: {
+        title: 'How to tag your favourite resources',
+        text: 'When you save a resource, you will have the option to tag it with a keyword. This tag can be used to find the resource across folders. By selecting my tags on the menu to the left, you will see all the tags your have used. You can also see which resources are tagget with which keyword.'
+      }
+    }
+  },
+  snackbar: {
+    close: 'Close notification'
   },
   labels: {
     category: 'Category',

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

@@ -33,6 +33,15 @@ declare const messages: {
         resource: {
             accessDenied: string;
         };
+        primarySchool: string;
+        name: string;
+        mail: string;
+        username: string;
+        groupTypes: {
+            basic: string;
+            teaching: string;
+            other: string;
+        };
     };
     checkOutNewFeature: string;
     slateBlockMenu: {
@@ -45,14 +54,59 @@ declare const messages: {
     };
     myNdla: {
         resources: string;
+        resources_plural: string;
         folders: string;
+        folders_plural: string;
         folder: string;
         myFolders: string;
         myTags: string;
         newFolder: string;
+        newFolderUnder: string;
         myAccount: string;
         favourites: string;
         help: string;
+        more: string;
+        listView: string;
+        detailView: string;
+        shortView: string;
+        myPage: {
+            myPage: string;
+            deleteAccount: string;
+            logout: string;
+            welcome: string;
+            read: {
+                our: string;
+                ours: string;
+            };
+            privacy: string;
+            questions: {
+                question: string;
+                ask: string;
+            };
+            wishToDelete: string;
+            terms: string;
+            newFavourite: string;
+            feide: string;
+            resource: {
+                addToMyNdla: string;
+                addedToMyNdla: string;
+            };
+            storageInfo: {
+                title: string;
+                text: string;
+            };
+            folderInfo: {
+                title: string;
+                text: string;
+            };
+            tagInfo: {
+                title: string;
+                text: string;
+            };
+        };
+    };
+    snackbar: {
+        close: string;
     };
     labels: {
         category: string;
@@ -69,6 +123,19 @@ declare const messages: {
         contact: string;
         help: string;
     };
+    treeStructure: {
+        createFolder: string;
+        newFolder: {
+            placeholder: string;
+            defaultName: string;
+        };
+    };
+    tagSelector: {
+        placeholder: string;
+        removeTag: string;
+        hideAllTags: string;
+        showAllTags: string;
+    };
     htmlTitles: {
         titleTemplate: string;
         welcomePage: string;

package/lib/locale/messages-nb.js

@@ -28,6 +28,19 @@ exports.contentTypes = contentTypes;
 var titleTemplate = ' - NDLA';
 
 var messages = _objectSpread(_objectSpread({
+  treeStructure: {
+    createFolder: 'Lag mappe',
+    newFolder: {
+      placeholder: 'Skriv navn på mappe',
+      defaultName: 'Ny mappe'
+    }
+  },
+  tagSelector: {
+    placeholder: 'Tilknytt tag',
+    removeTag: 'Ta vekk tilknytning til {{name}}',
+    hideAllTags: 'Skjul alle tagger',
+    showAllTags: 'Vis alle tagger'
+  },
   htmlTitles: {
     titleTemplate: titleTemplate,
     welcomePage: "Forsiden".concat(titleTemplate),
@@ -719,15 +732,15 @@ var messages = _objectSpread(_objectSpread({
   },
   blogPosts: {
     blog1: {
-      text: 'Nye fag på NDLA',
-      externalLink: 'https://blogg.ndla.no/2021/12/nye-fag-pa-ndla/',
+      text: 'Forslag til årsplaner fra NDLA',
+      externalLink: 'https://blogg.ndla.no/2021/08/forslag-til-arsplaner-hos-ndla/',
       linkText: 'Fagblogg',
       license: 'CC-BY-SA-4.0',
       licenseAuthor: 'Vibeke Klungland'
     },
     blog2: {
-      text: 'Aktiviser elevene med digitale verktøy',
-      externalLink: 'https://blogg.ndla.no/2021/09/aktiviser-elevane-med-digitale-verktoy/',
+      text: 'Huskeliste for kontaktlærere',
+      externalLink: 'https://blogg.ndla.no/2019/08/huskeliste-for-kontaktlaerere/',
       linkText: 'Fagblogg',
       license: 'CC-BY-SA-4.0',
       licenseAuthor: 'Tom Knudsen'
@@ -906,6 +919,15 @@ var messages = _objectSpread(_objectSpread({
     },
     resource: {
       accessDenied: 'Vi beklager, men denne ressursen er bare for lærere innlogget med Feide.'
+    },
+    primarySchool: 'Hovedskole',
+    name: 'Navn',
+    mail: 'E-post',
+    username: 'Brukernavn',
+    groupTypes: {
+      basic: 'Basisgruppe',
+      teaching: 'Undervisningsgruppe',
+      other: 'Andre grupper'
     }
   },
   checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
@@ -918,15 +940,60 @@ var messages = _objectSpread(_objectSpread({
     close: 'Lukk faktaboks'
   },
   myNdla: {
-    resources: 'Ressurser',
-    folders: 'Mapper',
+    resources: '{{count}} ressurs',
+    resources_plural: '{{count}} ressurser',
+    folders: '{{count}} mappe',
+    folders_plural: '{{count}} mapper',
     folder: 'Mappe',
     myFolders: 'Mine mapper',
     myTags: 'Mine tags',
     newFolder: 'Ny mappe',
+    newFolderUnder: 'Lag ny mappe under {{folderName}}',
     myAccount: 'Min konto',
     favourites: 'Favoritter',
-    help: 'Hjelp'
+    help: 'Hjelp',
+    more: 'Flere valg',
+    listView: 'Listevisning',
+    detailView: 'Detaljrik listevisning',
+    shortView: 'Kort visning',
+    myPage: {
+      myPage: 'Min side',
+      deleteAccount: 'Slett Min NDLA',
+      logout: 'Logg ut av Min NDLA',
+      welcome: 'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med tags.',
+      read: {
+        our: 'Les våre',
+        ours: 'Les vår'
+      },
+      privacy: 'personvernerklæring her',
+      questions: {
+        question: 'Lurer du på noe?',
+        ask: 'Spør oss i chatten'
+      },
+      wishToDelete: 'Ønsker du ikke ha brukerprofil hos oss lengre?',
+      terms: 'vilkår for bruk',
+      newFavourite: 'Nylig lagt til',
+      feide: 'Dette henter vi om deg fra Feide',
+      resource: {
+        addToMyNdla: 'Legg i Min NDLA',
+        addedToMyNdla: 'Lagt i Min NDLA'
+      },
+      storageInfo: {
+        title: 'Slik lagrer du dine favorittressurser fra NDLA',
+        text: 'Når du ønsker å lagre en ressurs, kan du gjøre dette ved å klikke på hjertet øverst til høyre på siden. Du vil da få mulighet til å lagre ressursen i en mappe.'
+      },
+      folderInfo: {
+        title: 'Slik organiserer du dine favorittressurser i mapper',
+        text: 'Du kommer til mappeoversikten din ved å klikke på mine mapper i menyen til venstre. Her kan du opprette nye mapper og undermapper. Du kan også opprette en ny mappe i dialogvinduet som kommer når du klikker på et hjerte i en ressurs.'
+      },
+      tagInfo: {
+        title: 'Slik tagger du dine favorittressurser',
+        text: 'Når du lagrer en ressurs får du mulighet til å tagge ressursen med et nøkkelord. Du kan senere bruke taggene til å finne tilbake til ressurser på tvers av mapper.  Ved å velge mine tagger i venstremenyen får du oversikt over alle taggene du har brukt og du kan også her se hvilke ressurser som du har tagget med det bestemte nøkkelordet.'
+      }
+    }
+  },
+  snackbar: {
+    close: 'Lukk melding'
   },
   labels: {
     category: 'Kategori',