@ndla/ui 15.1.1 → 15.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/es/Filter/FilterCarousel.js +32 -23
  2. package/es/MyNdla/Resource/FolderInput.js +4 -4
  3. package/es/Resource/resourceComponents.js +9 -9
  4. package/es/ResourceGroup/ResourceGroup.js +8 -5
  5. package/es/ResourceGroup/ResourceItem.js +13 -13
  6. package/es/ResourceGroup/ResourceList.js +4 -4
  7. package/es/TreeStructure/FolderNameInput.js +5 -5
  8. package/es/locale/messages-en.js +4 -4
  9. package/es/locale/messages-nb.js +4 -4
  10. package/es/locale/messages-nn.js +4 -4
  11. package/es/locale/messages-se.js +4 -4
  12. package/es/locale/messages-sma.js +4 -4
  13. package/lib/Filter/FilterCarousel.js +31 -22
  14. package/lib/MyNdla/Resource/FolderInput.js +5 -5
  15. package/lib/Resource/resourceComponents.js +9 -9
  16. package/lib/ResourceGroup/ResourceGroup.d.ts +2 -1
  17. package/lib/ResourceGroup/ResourceGroup.js +8 -5
  18. package/lib/ResourceGroup/ResourceItem.d.ts +2 -2
  19. package/lib/ResourceGroup/ResourceItem.js +13 -13
  20. package/lib/ResourceGroup/ResourceList.d.ts +2 -2
  21. package/lib/ResourceGroup/ResourceList.js +4 -4
  22. package/lib/TreeStructure/FolderNameInput.js +7 -7
  23. package/lib/locale/messages-en.d.ts +4 -4
  24. package/lib/locale/messages-en.js +4 -4
  25. package/lib/locale/messages-nb.d.ts +4 -4
  26. package/lib/locale/messages-nb.js +4 -4
  27. package/lib/locale/messages-nn.d.ts +4 -4
  28. package/lib/locale/messages-nn.js +4 -4
  29. package/lib/locale/messages-se.d.ts +4 -4
  30. package/lib/locale/messages-se.js +4 -4
  31. package/lib/locale/messages-sma.d.ts +4 -4
  32. package/lib/locale/messages-sma.js +4 -4
  33. package/package.json +2 -3
  34. package/src/Filter/FilterCarousel.tsx +25 -22
  35. package/src/MyNdla/Resource/FolderInput.tsx +1 -1
  36. package/src/Resource/resourceComponents.tsx +1 -1
  37. package/src/ResourceGroup/ResourceGroup.tsx +3 -0
  38. package/src/ResourceGroup/ResourceItem.tsx +3 -3
  39. package/src/ResourceGroup/ResourceList.tsx +3 -3
  40. package/src/TreeStructure/FolderNameInput.tsx +1 -1
  41. package/src/locale/messages-en.ts +4 -4
  42. package/src/locale/messages-nb.ts +4 -4
  43. package/src/locale/messages-nn.ts +4 -4
  44. package/src/locale/messages-se.ts +4 -4
  45. package/src/locale/messages-sma.ts +4 -4
@@ -49,7 +49,7 @@ export type ResourceListProps = {
49
49
  title?: string;
50
50
  showAdditionalResources?: boolean;
51
51
  onToggleAddToFavorites: (id: string, add: boolean) => void;
52
- hideAddToFavoriteButton?: boolean;
52
+ showAddToFavoriteButton: boolean;
53
53
  };
54
54
 
55
55
  const ResourceList = ({
@@ -59,7 +59,7 @@ const ResourceList = ({
59
59
  contentType,
60
60
  title,
61
61
  showAdditionalResources,
62
- hideAddToFavoriteButton,
62
+ showAddToFavoriteButton,
63
63
  }: ResourceListProps) => {
64
64
  const { t } = useTranslation();
65
65
  const renderAdditionalResourceTrigger =
@@ -76,7 +76,7 @@ const ResourceList = ({
76
76
  key={id}
77
77
  contentType={contentType}
78
78
  showAdditionalResources={showAdditionalResources}
79
- hideAddToFavoriteButton={hideAddToFavoriteButton}
79
+ showAddToFavoriteButton={showAddToFavoriteButton}
80
80
  onToggleAddToFavorites={onToggleAddToFavorites}
81
81
  {...resource}
82
82
  contentTypeDescription={
@@ -10,10 +10,10 @@ import React, { useEffect, useState, useRef } from 'react';
10
10
  import styled from '@emotion/styled';
11
11
  import { FolderOutlined } from '@ndla/icons/contentType';
12
12
  import { ArrowDropDown as ArrowDropDownRaw } from '@ndla/icons/common';
13
- import { Spinner } from '@ndla/editor';
14
13
  import { spacing, colors, misc, animations } from '@ndla/core';
15
14
  import { useTranslation } from 'react-i18next';
16
15
  import { isMobile } from 'react-device-detect';
16
+ import Spinner from '../Spinner';
17
17
 
18
18
  const ArrowRight = styled(ArrowDropDownRaw)`
19
19
  color: ${colors.text.primary};
@@ -1007,10 +1007,6 @@ const messages = {
1007
1007
  terms: 'terms of use',
1008
1008
  feide: 'We have retrieved this information from Feide',
1009
1009
  newFavourite: 'Recently favourited',
1010
- resource: {
1011
- addToMyNdla: 'Add to My NDLA',
1012
- addedToMyNdla: 'Added to My NDLA',
1013
- },
1014
1010
  storageInfo: {
1015
1011
  title: 'How to save your favourite resources from NDLA',
1016
1012
  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',
@@ -1024,6 +1020,10 @@ const messages = {
1024
1020
  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.',
1025
1021
  },
1026
1022
  },
1023
+ resource: {
1024
+ addToMyNdla: 'Add to My NDLA',
1025
+ addedToMyNdla: 'Added to My NDLA',
1026
+ },
1027
1027
  },
1028
1028
  snackbar: {
1029
1029
  close: 'Close notification',
@@ -1005,10 +1005,6 @@ const messages = {
1005
1005
  terms: 'vilkår for bruk',
1006
1006
  newFavourite: 'Nylig lagt til',
1007
1007
  feide: 'Dette henter vi om deg fra Feide',
1008
- resource: {
1009
- addToMyNdla: 'Legg i Min NDLA',
1010
- addedToMyNdla: 'Lagt i Min NDLA',
1011
- },
1012
1008
  storageInfo: {
1013
1009
  title: 'Slik lagrer du dine favorittressurser fra NDLA',
1014
1010
  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.',
@@ -1022,6 +1018,10 @@ const messages = {
1022
1018
  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.',
1023
1019
  },
1024
1020
  },
1021
+ resource: {
1022
+ addToMyNdla: 'Legg i Min NDLA',
1023
+ addedToMyNdla: 'Lagt i Min NDLA',
1024
+ },
1025
1025
  },
1026
1026
  snackbar: {
1027
1027
  close: 'Lukk melding',
@@ -1006,10 +1006,6 @@ const messages = {
1006
1006
  terms: 'vilkår for bruk',
1007
1007
  newFavourite: 'Nylig lagt til',
1008
1008
  feide: 'Dette henter vi om deg fra Feide',
1009
- resource: {
1010
- addToMyNdla: 'Legg i Min NDLA',
1011
- addedToMyNdla: 'Lagt i Min NDLA',
1012
- },
1013
1009
  storageInfo: {
1014
1010
  title: 'Slik lagrer du dine favorittressurser fra NDLA',
1015
1011
  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.',
@@ -1023,6 +1019,10 @@ const messages = {
1023
1019
  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.',
1024
1020
  },
1025
1021
  },
1022
+ resource: {
1023
+ addToMyNdla: 'Legg i Min NDLA',
1024
+ addedToMyNdla: 'Lagt i Min NDLA',
1025
+ },
1026
1026
  },
1027
1027
  snackbar: {
1028
1028
  close: 'Lukk melding',
@@ -1005,10 +1005,6 @@ const messages = {
1005
1005
  terms: 'vilkår for bruk',
1006
1006
  newFavourite: 'Nylig lagt til',
1007
1007
  feide: 'Dette henter vi om deg fra Feide',
1008
- resource: {
1009
- addToMyNdla: 'Legg i Min NDLA',
1010
- addedToMyNdla: 'Lagt i Min NDLA',
1011
- },
1012
1008
  storageInfo: {
1013
1009
  title: 'Slik lagrer du dine favorittressurser fra NDLA',
1014
1010
  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.',
@@ -1022,6 +1018,10 @@ const messages = {
1022
1018
  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.',
1023
1019
  },
1024
1020
  },
1021
+ resource: {
1022
+ addToMyNdla: 'Legg i Min NDLA',
1023
+ addedToMyNdla: 'Lagt i Min NDLA',
1024
+ },
1025
1025
  },
1026
1026
  snackbar: {
1027
1027
  close: 'Lukk melding',
@@ -1005,10 +1005,6 @@ const messages = {
1005
1005
  terms: 'vilkår for bruk',
1006
1006
  newFavourite: 'Nylig lagt til',
1007
1007
  feide: 'Dette henter vi om deg fra Feide',
1008
- resource: {
1009
- addToMyNdla: 'Legg i Min NDLA',
1010
- addedToMyNdla: 'Lagt i Min NDLA',
1011
- },
1012
1008
  storageInfo: {
1013
1009
  title: 'Slik lagrer du dine favorittressurser fra NDLA',
1014
1010
  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.',
@@ -1022,6 +1018,10 @@ const messages = {
1022
1018
  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.',
1023
1019
  },
1024
1020
  },
1021
+ resource: {
1022
+ addToMyNdla: 'Legg i Min NDLA',
1023
+ addedToMyNdla: 'Lagt i Min NDLA',
1024
+ },
1025
1025
  },
1026
1026
  snackbar: {
1027
1027
  close: 'Lukk melding',