@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.
- package/es/Embed/ImageEmbed.js +3 -3
- package/es/FramedContent/FramedContent.js +5 -3
- package/es/all.css +1 -1
- package/es/locale/messages-en.js +4 -0
- package/es/locale/messages-nb.js +4 -0
- package/es/locale/messages-nn.js +4 -0
- package/es/locale/messages-se.js +4 -0
- package/es/locale/messages-sma.js +4 -0
- package/lib/Embed/ImageEmbed.js +3 -3
- package/lib/FramedContent/FramedContent.d.ts +4 -4
- package/lib/FramedContent/FramedContent.js +5 -3
- package/lib/all.css +1 -1
- package/lib/locale/messages-en.d.ts +4 -0
- package/lib/locale/messages-en.js +4 -0
- package/lib/locale/messages-nb.d.ts +4 -0
- package/lib/locale/messages-nb.js +4 -0
- package/lib/locale/messages-nn.d.ts +4 -0
- package/lib/locale/messages-nn.js +4 -0
- package/lib/locale/messages-se.d.ts +4 -0
- package/lib/locale/messages-se.js +4 -0
- package/lib/locale/messages-sma.d.ts +4 -0
- package/lib/locale/messages-sma.js +4 -0
- package/package.json +17 -17
- package/src/Embed/AudioEmbed.stories.tsx +1 -1
- package/src/Embed/BrightcoveEmbed.stories.tsx +1 -1
- package/src/Embed/ConceptEmbed.stories.tsx +1 -1
- package/src/Embed/ExternalEmbed.stories.tsx +2 -2
- package/src/Embed/FootnoteEmbed.stories.tsx +1 -1
- package/src/Embed/H5pEmbed.stories.tsx +1 -1
- package/src/Embed/IframeEmbed.stories.tsx +1 -1
- package/src/Embed/ImageEmbed.stories.tsx +24 -1
- package/src/Embed/ImageEmbed.tsx +2 -2
- package/src/Embed/RelatedContentEmbed.stories.tsx +1 -1
- package/src/FramedContent/FramedContent.tsx +6 -6
- package/src/locale/messages-en.ts +4 -0
- package/src/locale/messages-nb.ts +4 -0
- package/src/locale/messages-nn.ts +4 -0
- package/src/locale/messages-se.ts +4 -0
- 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.
|
|
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.
|
|
35
|
-
"@ndla/button": "^12.0.
|
|
36
|
-
"@ndla/carousel": "^4.0.
|
|
37
|
-
"@ndla/core": "^4.3.
|
|
38
|
-
"@ndla/dropdown-menu": "^1.0.
|
|
39
|
-
"@ndla/forms": "^5.2.
|
|
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.
|
|
41
|
+
"@ndla/icons": "^5.0.1",
|
|
42
42
|
"@ndla/licenses": "^7.2.4",
|
|
43
|
-
"@ndla/modal": "^5.0.
|
|
44
|
-
"@ndla/notion": "^6.0.
|
|
45
|
-
"@ndla/safelink": "^4.1.
|
|
46
|
-
"@ndla/select": "^3.2.
|
|
47
|
-
"@ndla/switch": "^1.1.
|
|
48
|
-
"@ndla/tabs": "^3.2.
|
|
49
|
-
"@ndla/tooltip": "^6.0.
|
|
50
|
-
"@ndla/typography": "^0.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": "
|
|
84
|
+
"gitHead": "e7073784c24f3d52c8632a7e1e14954667f74897"
|
|
85
85
|
}
|
|
@@ -152,7 +152,7 @@ const visuallyInterpretedEmbedMetaData: BrightcoveMetaData = {
|
|
|
152
152
|
};
|
|
153
153
|
|
|
154
154
|
const meta: Meta<typeof BrightcoveEmbed> = {
|
|
155
|
-
title: '
|
|
155
|
+
title: 'Embeds/BrightcoveEmbed',
|
|
156
156
|
component: BrightcoveEmbed,
|
|
157
157
|
tags: ['autodocs'],
|
|
158
158
|
args: {
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
import { Meta, StoryObj } from '@storybook/react';
|
|
10
|
-
import {
|
|
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: '
|
|
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: '
|
|
23
|
+
title: 'Embeds/FootnoteEmbed',
|
|
24
24
|
tags: ['autodocs'],
|
|
25
25
|
component: FootnoteEmbed,
|
|
26
26
|
parameters: {
|
|
@@ -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: '
|
|
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>
|
package/src/Embed/ImageEmbed.tsx
CHANGED
|
@@ -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 (
|
|
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 (
|
|
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: '
|
|
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 {
|
|
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 }
|
|
49
|
-
|
|
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:
|