@ndla/ui 50.7.0 → 50.7.2

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 (39) hide show
  1. package/es/Embed/ImageEmbed.js +3 -3
  2. package/es/FramedContent/FramedContent.js +5 -3
  3. package/es/all.css +1 -1
  4. package/es/locale/messages-en.js +4 -0
  5. package/es/locale/messages-nb.js +4 -0
  6. package/es/locale/messages-nn.js +4 -0
  7. package/es/locale/messages-se.js +4 -0
  8. package/es/locale/messages-sma.js +4 -0
  9. package/lib/Embed/ImageEmbed.js +3 -3
  10. package/lib/FramedContent/FramedContent.d.ts +4 -4
  11. package/lib/FramedContent/FramedContent.js +5 -3
  12. package/lib/all.css +1 -1
  13. package/lib/locale/messages-en.d.ts +4 -0
  14. package/lib/locale/messages-en.js +4 -0
  15. package/lib/locale/messages-nb.d.ts +4 -0
  16. package/lib/locale/messages-nb.js +4 -0
  17. package/lib/locale/messages-nn.d.ts +4 -0
  18. package/lib/locale/messages-nn.js +4 -0
  19. package/lib/locale/messages-se.d.ts +4 -0
  20. package/lib/locale/messages-se.js +4 -0
  21. package/lib/locale/messages-sma.d.ts +4 -0
  22. package/lib/locale/messages-sma.js +4 -0
  23. package/package.json +17 -17
  24. package/src/Embed/AudioEmbed.stories.tsx +1 -1
  25. package/src/Embed/BrightcoveEmbed.stories.tsx +1 -1
  26. package/src/Embed/ConceptEmbed.stories.tsx +1 -1
  27. package/src/Embed/ExternalEmbed.stories.tsx +2 -2
  28. package/src/Embed/FootnoteEmbed.stories.tsx +1 -1
  29. package/src/Embed/H5pEmbed.stories.tsx +1 -1
  30. package/src/Embed/IframeEmbed.stories.tsx +1 -1
  31. package/src/Embed/ImageEmbed.stories.tsx +24 -1
  32. package/src/Embed/ImageEmbed.tsx +2 -2
  33. package/src/Embed/RelatedContentEmbed.stories.tsx +1 -1
  34. package/src/FramedContent/FramedContent.tsx +6 -6
  35. package/src/locale/messages-en.ts +4 -0
  36. package/src/locale/messages-nb.ts +4 -0
  37. package/src/locale/messages-nn.ts +4 -0
  38. package/src/locale/messages-se.ts +4 -0
  39. package/src/locale/messages-sma.ts +4 -0
@@ -876,7 +876,9 @@ declare const messages: {
876
876
  close: string;
877
877
  };
878
878
  myNdla: {
879
+ mainMenu: string;
879
880
  myNDLA: string;
881
+ myNDLAMenu: string;
880
882
  support: string;
881
883
  resources: string;
882
884
  resources_plural: string;
@@ -886,6 +888,7 @@ declare const messages: {
886
888
  showEditOptions: string;
887
889
  folder: {
888
890
  folder: string;
891
+ navigation: string;
889
892
  delete: string;
890
893
  deleteShort: string;
891
894
  edit: string;
@@ -1041,6 +1044,7 @@ declare const messages: {
1041
1044
  addToFavourites: string;
1042
1045
  alreadyFavourited: string;
1043
1046
  alreadyInFolder: string;
1047
+ addInSharedFolder: string;
1044
1048
  noFolderSelected: string;
1045
1049
  examLockInfo: string;
1046
1050
  copyFolderDisclaimer: string;
@@ -895,7 +895,9 @@ const messages = {
895
895
  close: 'Close fact box'
896
896
  },
897
897
  myNdla: {
898
+ mainMenu: 'Main menu',
898
899
  myNDLA: 'My NDLA',
900
+ myNDLAMenu: 'My NDLA menu',
899
901
  support: 'Support',
900
902
  resources: '{{count}} Resource',
901
903
  resources_plural: '{{count}} Resources',
@@ -905,6 +907,7 @@ const messages = {
905
907
  showEditOptions: 'Show editing options',
906
908
  folder: {
907
909
  folder: 'Folder',
910
+ navigation: 'Folder navigation',
908
911
  delete: 'Delete folder',
909
912
  deleteShort: 'Delete',
910
913
  edit: 'Edit folder',
@@ -1060,6 +1063,7 @@ const messages = {
1060
1063
  addToFavourites: 'Add to my favourites',
1061
1064
  alreadyFavourited: 'Already in my favourites',
1062
1065
  alreadyInFolder: 'Already in folder. You can still save new tags.',
1066
+ addInSharedFolder: 'This folder is shared. Content you add will also be shared.',
1063
1067
  noFolderSelected: 'Select or create a new folder to save the resource.',
1064
1068
  examLockInfo: 'Editing content on Min NDLA is deactivated for pupils during the exam period.',
1065
1069
  copyFolderDisclaimer: 'This creates a copy of the folder. Any changes made to the original folder will not be updated here.',
@@ -876,7 +876,9 @@ declare const messages: {
876
876
  close: string;
877
877
  };
878
878
  myNdla: {
879
+ mainMenu: string;
879
880
  myNDLA: string;
881
+ myNDLAMenu: string;
880
882
  support: string;
881
883
  resources: string;
882
884
  resources_plural: string;
@@ -886,6 +888,7 @@ declare const messages: {
886
888
  showEditOptions: string;
887
889
  folder: {
888
890
  folder: string;
891
+ navigation: string;
889
892
  delete: string;
890
893
  deleteShort: string;
891
894
  edit: string;
@@ -1041,6 +1044,7 @@ declare const messages: {
1041
1044
  addToFavourites: string;
1042
1045
  alreadyFavourited: string;
1043
1046
  alreadyInFolder: string;
1047
+ addInSharedFolder: string;
1044
1048
  noFolderSelected: string;
1045
1049
  examLockInfo: string;
1046
1050
  copyFolderDisclaimer: string;
@@ -895,7 +895,9 @@ const messages = {
895
895
  close: 'Lukk faktaboks'
896
896
  },
897
897
  myNdla: {
898
+ mainMenu: 'Hovedmeny',
898
899
  myNDLA: 'Min NDLA',
900
+ myNDLAMenu: 'Min NDLA meny',
899
901
  support: 'Brukerstøtte',
900
902
  resources: '{{count}} ressurs',
901
903
  resources_plural: '{{count}} ressurser',
@@ -905,6 +907,7 @@ const messages = {
905
907
  showEditOptions: 'Vis redigeringsmuligheter',
906
908
  folder: {
907
909
  folder: 'Mappe',
910
+ navigation: 'Mappenavigasjon',
908
911
  delete: 'Slett mappe',
909
912
  deleteShort: 'Slett',
910
913
  edit: 'Rediger mappe',
@@ -1060,6 +1063,7 @@ const messages = {
1060
1063
  addToFavourites: 'Legg til i mine favoritter',
1061
1064
  alreadyFavourited: 'Allerede lagt til i mine favoritter',
1062
1065
  alreadyInFolder: 'Finnes allerede i mappen. Du kan fortsatt lagre nye emneknagger.',
1066
+ addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
1063
1067
  noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
1064
1068
  examLockInfo: 'Redigering av innhold på Min NDLA er deaktivert for elever i eksamensperioden.',
1065
1069
  copyFolderDisclaimer: 'Dette lager en kopi av mappen. Eventuelle endringer i originalmappen vil ikke bli oppdatert her.',
@@ -876,7 +876,9 @@ declare const messages: {
876
876
  close: string;
877
877
  };
878
878
  myNdla: {
879
+ mainMenu: string;
879
880
  myNDLA: string;
881
+ myNDLAMenu: string;
880
882
  support: string;
881
883
  resources: string;
882
884
  resources_plural: string;
@@ -886,6 +888,7 @@ declare const messages: {
886
888
  showEditOptions: string;
887
889
  folder: {
888
890
  folder: string;
891
+ navigation: string;
889
892
  delete: string;
890
893
  deleteShort: string;
891
894
  edit: string;
@@ -1041,6 +1044,7 @@ declare const messages: {
1041
1044
  addToFavourites: string;
1042
1045
  alreadyFavourited: string;
1043
1046
  alreadyInFolder: string;
1047
+ addInSharedFolder: string;
1044
1048
  noFolderSelected: string;
1045
1049
  examLockInfo: string;
1046
1050
  copyFolderDisclaimer: string;
@@ -895,7 +895,9 @@ const messages = {
895
895
  close: 'Lukk faktaboks'
896
896
  },
897
897
  myNdla: {
898
+ mainMenu: 'Hovedmeny',
898
899
  myNDLA: 'Min NDLA',
900
+ myNDLAMenu: 'Min NDLA meny',
899
901
  support: 'Brukarstøtte',
900
902
  resources: '{{count}} ressurs',
901
903
  resources_plural: '{{count}} ressursar',
@@ -905,6 +907,7 @@ const messages = {
905
907
  showEditOptions: 'Vis redigeringsmoglegheiter',
906
908
  folder: {
907
909
  folder: 'Mappe',
910
+ navigation: 'Mappenavigasjon',
908
911
  delete: 'Slett mappe',
909
912
  deleteShort: 'Slett',
910
913
  edit: 'Rediger mappe',
@@ -1060,6 +1063,7 @@ const messages = {
1060
1063
  addToFavourites: 'Legg til i mine favorittar',
1061
1064
  alreadyFavourited: 'Allereie lagt til i mine favorittar',
1062
1065
  alreadyInFolder: 'Finst allereie i mappa. Du kan fortsatt lagre nye emneknaggar.',
1066
+ addInSharedFolder: 'Denne mappa er delt. Innhald du legg til vil også bli delt.',
1063
1067
  noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
1064
1068
  examLockInfo: 'Redigering av innhald på Min NDLA er deaktivert for elevar i eksamensperioden.',
1065
1069
  copyFolderDisclaimer: 'Dette lagar ein kopi av mappa. Eventuelle endringar i originalmappa vil ikkje bli oppdatert her.',
@@ -876,7 +876,9 @@ declare const messages: {
876
876
  close: string;
877
877
  };
878
878
  myNdla: {
879
+ mainMenu: string;
879
880
  myNDLA: string;
881
+ myNDLAMenu: string;
880
882
  support: string;
881
883
  resources: string;
882
884
  resources_plural: string;
@@ -886,6 +888,7 @@ declare const messages: {
886
888
  showEditOptions: string;
887
889
  folder: {
888
890
  folder: string;
891
+ navigation: string;
889
892
  delete: string;
890
893
  deleteShort: string;
891
894
  edit: string;
@@ -1041,6 +1044,7 @@ declare const messages: {
1041
1044
  addToFavourites: string;
1042
1045
  alreadyFavourited: string;
1043
1046
  alreadyInFolder: string;
1047
+ addInSharedFolder: string;
1044
1048
  noFolderSelected: string;
1045
1049
  examLockInfo: string;
1046
1050
  copyFolderDisclaimer: string;
@@ -895,7 +895,9 @@ const messages = {
895
895
  close: 'Govčča fáktádoasa'
896
896
  },
897
897
  myNdla: {
898
+ mainMenu: 'Hovedmeny',
898
899
  myNDLA: 'Mu NDLA',
900
+ myNDLAMenu: 'Min NDLA meny',
899
901
  support: 'Geavaheaddjidoarjja',
900
902
  resources: '{{count}} resursa',
901
903
  resources_plural: '{{count}} resurssat',
@@ -905,6 +907,7 @@ const messages = {
905
907
  showEditOptions: 'Čájet doaimmahanmolssaeavttuid',
906
908
  folder: {
907
909
  folder: 'Máhppa',
910
+ navigation: 'Mappenavigasjon',
908
911
  delete: 'Sihko máhpa',
909
912
  deleteShort: 'Sihko',
910
913
  edit: 'Rievdat máhpa',
@@ -1060,6 +1063,7 @@ const messages = {
1060
1063
  addToFavourites: 'Bija mu oiddohiid searvái',
1061
1064
  alreadyFavourited: 'Lea juo biddjon oiddohin',
1062
1065
  alreadyInFolder: 'Gávdno juo máhpas. Sáhtát ain vurket ođđa fáddágilkoriid.',
1066
+ addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
1063
1067
  noFolderSelected: 'Vállje dahje ráhkat ođđa máhpa vai seasttát resurssa',
1064
1068
  examLockInfo: 'Mu NDLA sisdoalu redigeren ii leat doaimmas ohppiide eksámenáigodagas.',
1065
1069
  copyFolderDisclaimer: 'Dát ráhkada máŋgosa máhpas. Váilevaš rievdadusat álgovuolggalaš máhpas eai ođastuvvo dáppe.',
@@ -876,7 +876,9 @@ declare const messages: {
876
876
  close: string;
877
877
  };
878
878
  myNdla: {
879
+ mainMenu: string;
879
880
  myNDLA: string;
881
+ myNDLAMenu: string;
880
882
  support: string;
881
883
  resources: string;
882
884
  resources_plural: string;
@@ -886,6 +888,7 @@ declare const messages: {
886
888
  showEditOptions: string;
887
889
  folder: {
888
890
  folder: string;
891
+ navigation: string;
889
892
  delete: string;
890
893
  deleteShort: string;
891
894
  edit: string;
@@ -1041,6 +1044,7 @@ declare const messages: {
1041
1044
  addToFavourites: string;
1042
1045
  alreadyFavourited: string;
1043
1046
  alreadyInFolder: string;
1047
+ addInSharedFolder: string;
1044
1048
  noFolderSelected: string;
1045
1049
  examLockInfo: string;
1046
1050
  copyFolderDisclaimer: string;
@@ -895,7 +895,9 @@ const messages = {
895
895
  close: 'Lukk faktaboks'
896
896
  },
897
897
  myNdla: {
898
+ mainMenu: 'Hovedmeny',
898
899
  myNDLA: 'Min NDLA',
900
+ myNDLAMenu: 'Min NDLA meny',
899
901
  support: 'Brukerstøtte',
900
902
  resources: '{{count}} ressurs',
901
903
  resources_plural: '{{count}} ressurser',
@@ -905,6 +907,7 @@ const messages = {
905
907
  showEditOptions: 'Vuesehth guktie edtja øørnedh',
906
908
  folder: {
907
909
  folder: 'Mappe',
910
+ navigation: 'Mappenavigasjon',
908
911
  delete: 'Maabpem sliejhtedh',
909
912
  deleteShort: 'Staeriedidh',
910
913
  edit: 'Maabpah staeriedidh',
@@ -1060,6 +1063,7 @@ const messages = {
1060
1063
  addToFavourites: 'Legg til i mine favoritter',
1061
1064
  alreadyFavourited: 'Allerede lagt til i mine favoritter',
1062
1065
  alreadyInFolder: 'Finnes allerede i mappen. Du kan fortsatt lagre nye emneknagger.',
1066
+ addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
1063
1067
  noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
1064
1068
  examLockInfo: 'Redigering av innhold på Min NDLA er deaktivert for elever i eksamensperioden.',
1065
1069
  copyFolderDisclaimer: 'Dette lager en kopi av mappen. Eventuelle endringer i originalmappen vil ikke bli oppdatert her.',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/ui",
3
- "version": "50.7.0",
3
+ "version": "50.7.2",
4
4
  "description": "UI component library for NDLA.",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -31,23 +31,23 @@
31
31
  "types"
32
32
  ],
33
33
  "dependencies": {
34
- "@ndla/accordion": "^3.0.16",
35
- "@ndla/button": "^12.0.21",
36
- "@ndla/carousel": "^4.0.21",
37
- "@ndla/core": "^4.3.1",
38
- "@ndla/dropdown-menu": "^1.0.21",
39
- "@ndla/forms": "^5.2.11",
34
+ "@ndla/accordion": "^3.0.17",
35
+ "@ndla/button": "^12.0.22",
36
+ "@ndla/carousel": "^4.0.22",
37
+ "@ndla/core": "^4.3.2",
38
+ "@ndla/dropdown-menu": "^1.0.22",
39
+ "@ndla/forms": "^5.2.12",
40
40
  "@ndla/hooks": "^2.1.4",
41
- "@ndla/icons": "^5.0.0",
41
+ "@ndla/icons": "^5.0.1",
42
42
  "@ndla/licenses": "^7.2.4",
43
- "@ndla/modal": "^5.0.20",
44
- "@ndla/notion": "^6.0.21",
45
- "@ndla/safelink": "^4.1.46",
46
- "@ndla/select": "^3.2.7",
47
- "@ndla/switch": "^1.1.27",
48
- "@ndla/tabs": "^3.2.7",
49
- "@ndla/tooltip": "^6.0.9",
50
- "@ndla/typography": "^0.4.4",
43
+ "@ndla/modal": "^5.0.21",
44
+ "@ndla/notion": "^6.0.22",
45
+ "@ndla/safelink": "^4.1.47",
46
+ "@ndla/select": "^3.2.8",
47
+ "@ndla/switch": "^1.1.28",
48
+ "@ndla/tabs": "^3.2.8",
49
+ "@ndla/tooltip": "^6.0.10",
50
+ "@ndla/typography": "^0.4.5",
51
51
  "@ndla/util": "^4.0.3",
52
52
  "@radix-ui/react-popover": "^1.0.7",
53
53
  "@radix-ui/react-slider": "^1.1.2",
@@ -81,5 +81,5 @@
81
81
  "publishConfig": {
82
82
  "access": "public"
83
83
  },
84
- "gitHead": "9635cd85133b98fa8210e40a5b88c1c2b6fd73fc"
84
+ "gitHead": "e7073784c24f3d52c8632a7e1e14954667f74897"
85
85
  }
@@ -179,7 +179,7 @@ const podcastSuccessData: AudioMeta = {
179
179
  };
180
180
 
181
181
  const meta: Meta<typeof AudioEmbed> = {
182
- title: 'Components/Embeds/AudioEmbed',
182
+ title: 'Embeds/AudioEmbed',
183
183
  component: AudioEmbed,
184
184
  tags: ['autodocs'],
185
185
  decorators: [
@@ -152,7 +152,7 @@ const visuallyInterpretedEmbedMetaData: BrightcoveMetaData = {
152
152
  };
153
153
 
154
154
  const meta: Meta<typeof BrightcoveEmbed> = {
155
- title: 'Components/Embeds/BrightcoveEmbed',
155
+ title: 'Embeds/BrightcoveEmbed',
156
156
  component: BrightcoveEmbed,
157
157
  tags: ['autodocs'],
158
158
  args: {
@@ -221,7 +221,7 @@ const glossBlockData: ConceptData = {
221
221
  };
222
222
 
223
223
  const meta: Meta<typeof ConceptEmbed> = {
224
- title: 'Components/Embeds/ConceptEmbed',
224
+ title: 'Embeds/ConceptEmbed',
225
225
  component: ConceptEmbed,
226
226
  tags: ['autodocs'],
227
227
  args: {
@@ -7,7 +7,7 @@
7
7
  */
8
8
 
9
9
  import { Meta, StoryObj } from '@storybook/react';
10
- import { H5pEmbedData, H5pData, OembedEmbedData, OembedData } from '@ndla/types-embed';
10
+ import { OembedEmbedData, OembedData } from '@ndla/types-embed';
11
11
  import ExternalEmbed from './ExternalEmbed';
12
12
  import { defaultParameters } from '../../../../stories/defaults';
13
13
 
@@ -40,7 +40,7 @@ const metaData: OembedData = {
40
40
  };
41
41
 
42
42
  const meta: Meta<typeof ExternalEmbed> = {
43
- title: 'Components/Embeds/ExternalEmbed',
43
+ title: 'Embeds/ExternalEmbed',
44
44
  component: ExternalEmbed,
45
45
  tags: ['autodocs'],
46
46
  decorators: [
@@ -20,7 +20,7 @@ import { ArticleByline } from '../Article';
20
20
  * I referanselisten nederst lenkes hver referanse igjen til hvor de opptrer i teksten
21
21
  */
22
22
  export default {
23
- title: 'Components/FootnoteEmbed',
23
+ title: 'Embeds/FootnoteEmbed',
24
24
  tags: ['autodocs'],
25
25
  component: FootnoteEmbed,
26
26
  parameters: {
@@ -46,7 +46,7 @@ const metaData: H5pData = {
46
46
  };
47
47
 
48
48
  const meta: Meta<typeof H5pEmbed> = {
49
- title: 'Components/Embeds/H5pEmbed',
49
+ title: 'Embeds/H5pEmbed',
50
50
  component: H5pEmbed,
51
51
  tags: ['autodocs'],
52
52
  decorators: [
@@ -21,7 +21,7 @@ const embedData: IframeEmbedData = {
21
21
  };
22
22
 
23
23
  const meta: Meta<typeof IframeEmbed> = {
24
- title: 'Components/Embeds/IframeEmbed',
24
+ title: 'Embeds/IframeEmbed',
25
25
  component: IframeEmbed,
26
26
  tags: ['autodocs'],
27
27
  decorators: [
@@ -85,7 +85,7 @@ const metaData: IImageMetaInformationV3 = {
85
85
 
86
86
  /** Bilder har tre mulige plasseringer: fullbredde midtstilt, venstrestilt og høyrestilt. Bilder kan være i størrelsene ekstra liten, liten, medium og stor (fullbredde). Bilder som ikke er fullbredde, kan ekspanderes på klikk. */
87
87
  const meta: Meta<typeof ImageEmbed> = {
88
- title: 'Components/Embeds/ImageEmbed',
88
+ title: 'Embeds/ImageEmbed',
89
89
  component: ImageEmbed,
90
90
  tags: ['autodocs'],
91
91
  args: {
@@ -151,6 +151,29 @@ export const FullWidth: StoryObj<typeof ImageEmbed> = {
151
151
  ),
152
152
  };
153
153
 
154
+ export const Cropped: StoryObj<typeof ImageEmbed> = {
155
+ args: {
156
+ heartButton: StoryFavoriteButton,
157
+ embed: {
158
+ resource: 'image',
159
+ status: 'success',
160
+ embedData: {
161
+ ...embedData,
162
+ lowerRightX: '50.0',
163
+ lowerRightY: '50.0',
164
+ upperLeftX: '0.5',
165
+ upperLeftY: '0',
166
+ },
167
+ data: metaData,
168
+ },
169
+ },
170
+ render: (args) => (
171
+ <TextWrapper>
172
+ <ImageEmbed {...args} />
173
+ </TextWrapper>
174
+ ),
175
+ };
176
+
154
177
  const TextWrapper = ({ children }: { children: ReactNode }) => (
155
178
  <>
156
179
  <p>
@@ -83,7 +83,7 @@ const getSizes = (size?: string, align?: string) => {
83
83
  export const getFocalPoint = (data: ImageEmbedData) => {
84
84
  const focalX = parseFloat(data.focalX ?? '');
85
85
  const focalY = parseFloat(data.focalY ?? '');
86
- if (!!focalX && !!focalY) {
86
+ if (!isNaN(focalX) && !isNaN(focalY)) {
87
87
  return { x: focalX, y: focalY };
88
88
  }
89
89
  return undefined;
@@ -94,7 +94,7 @@ export const getCrop = (data: ImageEmbedData) => {
94
94
  const lowerRightY = parseFloat(data.lowerRightY ?? '');
95
95
  const upperLeftX = parseFloat(data.upperLeftX ?? '');
96
96
  const upperLeftY = parseFloat(data.upperLeftY ?? '');
97
- if (!!lowerRightX && !!lowerRightY && !!upperLeftX && !!upperLeftY) {
97
+ if (!isNaN(lowerRightX) && !isNaN(lowerRightY) && !isNaN(upperLeftX) && !isNaN(upperLeftY)) {
98
98
  return {
99
99
  startX: lowerRightX,
100
100
  startY: lowerRightY,
@@ -352,7 +352,7 @@ const learningResourceMeta: RelatedContentMetaData = {
352
352
  };
353
353
 
354
354
  const meta: Meta<typeof RelatedContentEmbed> = {
355
- title: 'Components/Embeds/RelatedContentEmbed',
355
+ title: 'Embeds/RelatedContentEmbed',
356
356
  component: RelatedContentEmbed,
357
357
  tags: ['autodocs'],
358
358
  decorators: [
@@ -6,12 +6,10 @@
6
6
  *
7
7
  */
8
8
 
9
- import { HTMLAttributes } from 'react';
9
+ import { ComponentPropsWithRef, forwardRef } from 'react';
10
10
  import styled from '@emotion/styled';
11
11
  import { colors, spacing } from '@ndla/core';
12
12
 
13
- interface Props extends HTMLAttributes<HTMLDivElement> {}
14
-
15
13
  const StyledFramedContent = styled.div`
16
14
  padding: ${spacing.mediumlarge};
17
15
  margin: ${spacing.large} 0;
@@ -45,8 +43,10 @@ const StyledFramedContent = styled.div`
45
43
  }
46
44
  `;
47
45
 
48
- const FramedContent = ({ children, ...rest }: Props) => {
49
- return <StyledFramedContent {...rest}>{children}</StyledFramedContent>;
50
- };
46
+ const FramedContent = forwardRef<HTMLDivElement, ComponentPropsWithRef<'div'>>(({ children, ...rest }, ref) => (
47
+ <StyledFramedContent {...rest} ref={ref}>
48
+ {children}
49
+ </StyledFramedContent>
50
+ ));
51
51
 
52
52
  export default FramedContent;
@@ -896,7 +896,9 @@ const messages = {
896
896
  close: 'Close fact box',
897
897
  },
898
898
  myNdla: {
899
+ mainMenu: 'Main menu',
899
900
  myNDLA: 'My NDLA',
901
+ myNDLAMenu: 'My NDLA menu',
900
902
  support: 'Support',
901
903
  resources: '{{count}} Resource',
902
904
  resources_plural: '{{count}} Resources',
@@ -906,6 +908,7 @@ const messages = {
906
908
  showEditOptions: 'Show editing options',
907
909
  folder: {
908
910
  folder: 'Folder',
911
+ navigation: 'Folder navigation',
909
912
  delete: 'Delete folder',
910
913
  deleteShort: 'Delete',
911
914
  edit: 'Edit folder',
@@ -1072,6 +1075,7 @@ const messages = {
1072
1075
  addToFavourites: 'Add to my favourites',
1073
1076
  alreadyFavourited: 'Already in my favourites',
1074
1077
  alreadyInFolder: 'Already in folder. You can still save new tags.',
1078
+ addInSharedFolder: 'This folder is shared. Content you add will also be shared.',
1075
1079
  noFolderSelected: 'Select or create a new folder to save the resource.',
1076
1080
  examLockInfo: 'Editing content on Min NDLA is deactivated for pupils during the exam period.',
1077
1081
  copyFolderDisclaimer:
@@ -896,7 +896,9 @@ const messages = {
896
896
  close: 'Lukk faktaboks',
897
897
  },
898
898
  myNdla: {
899
+ mainMenu: 'Hovedmeny',
899
900
  myNDLA: 'Min NDLA',
901
+ myNDLAMenu: 'Min NDLA meny',
900
902
  support: 'Brukerstøtte',
901
903
  resources: '{{count}} ressurs',
902
904
  resources_plural: '{{count}} ressurser',
@@ -906,6 +908,7 @@ const messages = {
906
908
  showEditOptions: 'Vis redigeringsmuligheter',
907
909
  folder: {
908
910
  folder: 'Mappe',
911
+ navigation: 'Mappenavigasjon',
909
912
  delete: 'Slett mappe',
910
913
  deleteShort: 'Slett',
911
914
  edit: 'Rediger mappe',
@@ -1070,6 +1073,7 @@ const messages = {
1070
1073
  addToFavourites: 'Legg til i mine favoritter',
1071
1074
  alreadyFavourited: 'Allerede lagt til i mine favoritter',
1072
1075
  alreadyInFolder: 'Finnes allerede i mappen. Du kan fortsatt lagre nye emneknagger.',
1076
+ addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
1073
1077
  noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
1074
1078
  examLockInfo: 'Redigering av innhold på Min NDLA er deaktivert for elever i eksamensperioden.',
1075
1079
  copyFolderDisclaimer:
@@ -896,7 +896,9 @@ const messages = {
896
896
  close: 'Lukk faktaboks',
897
897
  },
898
898
  myNdla: {
899
+ mainMenu: 'Hovedmeny',
899
900
  myNDLA: 'Min NDLA',
901
+ myNDLAMenu: 'Min NDLA meny',
900
902
  support: 'Brukarstøtte',
901
903
  resources: '{{count}} ressurs',
902
904
  resources_plural: '{{count}} ressursar',
@@ -906,6 +908,7 @@ const messages = {
906
908
  showEditOptions: 'Vis redigeringsmoglegheiter',
907
909
  folder: {
908
910
  folder: 'Mappe',
911
+ navigation: 'Mappenavigasjon',
909
912
  delete: 'Slett mappe',
910
913
  deleteShort: 'Slett',
911
914
  edit: 'Rediger mappe',
@@ -1070,6 +1073,7 @@ const messages = {
1070
1073
  addToFavourites: 'Legg til i mine favorittar',
1071
1074
  alreadyFavourited: 'Allereie lagt til i mine favorittar',
1072
1075
  alreadyInFolder: 'Finst allereie i mappa. Du kan fortsatt lagre nye emneknaggar.',
1076
+ addInSharedFolder: 'Denne mappa er delt. Innhald du legg til vil også bli delt.',
1073
1077
  noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
1074
1078
  examLockInfo: 'Redigering av innhald på Min NDLA er deaktivert for elevar i eksamensperioden.',
1075
1079
  copyFolderDisclaimer:
@@ -898,7 +898,9 @@ const messages = {
898
898
  close: 'Govčča fáktádoasa',
899
899
  },
900
900
  myNdla: {
901
+ mainMenu: 'Hovedmeny',
901
902
  myNDLA: 'Mu NDLA',
903
+ myNDLAMenu: 'Min NDLA meny',
902
904
  support: 'Geavaheaddjidoarjja',
903
905
  resources: '{{count}} resursa',
904
906
  resources_plural: '{{count}} resurssat',
@@ -908,6 +910,7 @@ const messages = {
908
910
  showEditOptions: 'Čájet doaimmahanmolssaeavttuid',
909
911
  folder: {
910
912
  folder: 'Máhppa',
913
+ navigation: 'Mappenavigasjon',
911
914
  delete: 'Sihko máhpa',
912
915
  deleteShort: 'Sihko',
913
916
  edit: 'Rievdat máhpa',
@@ -1072,6 +1075,7 @@ const messages = {
1072
1075
  addToFavourites: 'Bija mu oiddohiid searvái',
1073
1076
  alreadyFavourited: 'Lea juo biddjon oiddohin',
1074
1077
  alreadyInFolder: 'Gávdno juo máhpas. Sáhtát ain vurket ođđa fáddágilkoriid.',
1078
+ addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
1075
1079
  noFolderSelected: 'Vállje dahje ráhkat ođđa máhpa vai seasttát resurssa',
1076
1080
  examLockInfo: 'Mu NDLA sisdoalu redigeren ii leat doaimmas ohppiide eksámenáigodagas.',
1077
1081
  copyFolderDisclaimer: 'Dát ráhkada máŋgosa máhpas. Váilevaš rievdadusat álgovuolggalaš máhpas eai ođastuvvo dáppe.',
@@ -900,7 +900,9 @@ const messages = {
900
900
  close: 'Lukk faktaboks',
901
901
  },
902
902
  myNdla: {
903
+ mainMenu: 'Hovedmeny',
903
904
  myNDLA: 'Min NDLA',
905
+ myNDLAMenu: 'Min NDLA meny',
904
906
  support: 'Brukerstøtte',
905
907
  resources: '{{count}} ressurs',
906
908
  resources_plural: '{{count}} ressurser',
@@ -910,6 +912,7 @@ const messages = {
910
912
  showEditOptions: 'Vuesehth guktie edtja øørnedh',
911
913
  folder: {
912
914
  folder: 'Mappe',
915
+ navigation: 'Mappenavigasjon',
913
916
  delete: 'Maabpem sliejhtedh',
914
917
  deleteShort: 'Staeriedidh',
915
918
  edit: 'Maabpah staeriedidh',
@@ -1075,6 +1078,7 @@ const messages = {
1075
1078
  addToFavourites: 'Legg til i mine favoritter',
1076
1079
  alreadyFavourited: 'Allerede lagt til i mine favoritter',
1077
1080
  alreadyInFolder: 'Finnes allerede i mappen. Du kan fortsatt lagre nye emneknagger.',
1081
+ addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
1078
1082
  noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
1079
1083
  examLockInfo: 'Redigering av innhold på Min NDLA er deaktivert for elever i eksamensperioden.',
1080
1084
  copyFolderDisclaimer: