@ndla/ui 14.0.0 → 15.1.1
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/Article/Article.js +22 -3
- package/es/Article/ArticleFavoritesButton.js +38 -0
- package/es/Article/index.js +2 -1
- package/es/Breadcrumb/ActionBreadcrumb.js +57 -0
- package/es/Breadcrumb/index.js +1 -0
- package/es/InfoBlock/InfoBlock.js +55 -0
- package/es/InfoBlock/index.js +1 -0
- package/es/MyNdla/Navigation/VerticalNavigation.js +51 -0
- package/es/MyNdla/Navigation/index.js +2 -0
- package/es/MyNdla/Resource/Folder.js +86 -0
- package/es/MyNdla/Resource/FolderInput.js +96 -0
- package/{lib/MyNdla/ResourceDash/ResourcesView.d.ts → es/MyNdla/Resource/index.js} +3 -3
- package/es/MyNdla/index.js +4 -4
- package/es/Resource/BlockResource.js +73 -0
- package/es/Resource/ListResource.js +66 -0
- package/es/Resource/index.js +10 -0
- package/es/Resource/resourceComponents.js +97 -0
- package/es/ResourceGroup/ResourceGroup.js +7 -5
- package/es/ResourceGroup/ResourceItem.js +25 -24
- package/es/ResourceGroup/ResourceList.js +18 -6
- package/es/SnackBar/SnackBar.js +117 -0
- package/es/SnackBar/index.js +9 -0
- package/es/TagSelector/SuggestionInput.js +240 -0
- package/es/TagSelector/Suggestions.js +93 -0
- package/es/TagSelector/TagSelector.js +137 -0
- package/es/TagSelector/index.js +9 -0
- package/es/TreeStructure/FolderItem.js +130 -0
- package/es/TreeStructure/FolderItems.js +123 -0
- package/es/TreeStructure/FolderNameInput.js +112 -0
- package/es/TreeStructure/TreeStructure.js +254 -0
- package/es/TreeStructure/TreeStructure.types.js +0 -0
- package/es/TreeStructure/TreeStructureWrapper.js +13 -0
- package/es/TreeStructure/helperFunctions.js +92 -0
- package/es/TreeStructure/index.js +9 -0
- package/es/TreeStructure/keyboardNavigation/keyboardNavigation.js +182 -0
- package/es/TreeStructure/keyboardNavigation/keyboardNavigation.types.js +0 -0
- package/es/all.css +72 -0
- package/es/index.js +8 -3
- package/es/locale/messages-en.js +62 -4
- package/es/locale/messages-nb.js +61 -3
- package/es/locale/messages-nn.js +61 -3
- package/es/locale/messages-se.js +61 -3
- package/es/locale/messages-sma.js +61 -3
- package/lib/Article/Article.d.ts +3 -1
- package/lib/Article/Article.js +43 -23
- package/lib/Article/ArticleFavoritesButton.d.ts +15 -0
- package/lib/Article/ArticleFavoritesButton.js +56 -0
- package/lib/Article/index.d.ts +2 -1
- package/lib/Article/index.js +8 -0
- package/lib/Breadcrumb/ActionBreadcrumb.d.ts +16 -0
- package/lib/Breadcrumb/ActionBreadcrumb.js +72 -0
- package/lib/Breadcrumb/index.d.ts +1 -0
- package/lib/Breadcrumb/index.js +8 -0
- package/lib/InfoBlock/InfoBlock.d.ts +8 -0
- package/lib/InfoBlock/InfoBlock.js +58 -0
- package/lib/InfoBlock/index.d.ts +1 -0
- package/lib/InfoBlock/index.js +13 -0
- package/lib/MyNdla/Navigation/VerticalNavigation.d.ts +10 -0
- package/lib/MyNdla/Navigation/VerticalNavigation.js +61 -0
- package/lib/MyNdla/Navigation/index.d.ts +2 -0
- package/lib/MyNdla/Navigation/index.js +15 -0
- package/lib/MyNdla/Resource/Folder.d.ts +20 -0
- package/lib/MyNdla/Resource/Folder.js +100 -0
- package/lib/MyNdla/Resource/FolderInput.d.ts +15 -0
- package/lib/MyNdla/Resource/FolderInput.js +116 -0
- package/lib/MyNdla/Resource/index.d.ts +10 -0
- package/lib/MyNdla/Resource/index.js +23 -0
- package/lib/MyNdla/index.d.ts +4 -4
- package/lib/MyNdla/index.js +13 -7
- package/lib/Resource/BlockResource.d.ts +20 -0
- package/lib/Resource/BlockResource.js +84 -0
- package/lib/Resource/ListResource.d.ts +20 -0
- package/lib/Resource/ListResource.js +78 -0
- package/lib/Resource/index.d.ts +11 -0
- package/lib/Resource/index.js +29 -0
- package/lib/Resource/resourceComponents.d.ts +24 -0
- package/lib/Resource/resourceComponents.js +106 -0
- package/lib/ResourceGroup/ResourceGroup.d.ts +2 -1
- package/lib/ResourceGroup/ResourceGroup.js +7 -5
- package/lib/ResourceGroup/ResourceItem.d.ts +5 -1
- package/lib/ResourceGroup/ResourceItem.js +26 -24
- package/lib/ResourceGroup/ResourceList.d.ts +3 -1
- package/lib/ResourceGroup/ResourceList.js +18 -6
- package/lib/SnackBar/SnackBar.d.ts +23 -0
- package/lib/SnackBar/SnackBar.js +127 -0
- package/lib/SnackBar/index.d.ts +10 -0
- package/lib/SnackBar/index.js +15 -0
- package/lib/TagSelector/SuggestionInput.d.ts +19 -0
- package/lib/TagSelector/SuggestionInput.js +255 -0
- package/lib/TagSelector/Suggestions.d.ts +12 -0
- package/lib/TagSelector/Suggestions.js +96 -0
- package/lib/TagSelector/TagSelector.d.ts +16 -0
- package/lib/TagSelector/TagSelector.js +150 -0
- package/lib/TagSelector/index.d.ts +10 -0
- package/lib/TagSelector/index.js +19 -0
- package/lib/TreeStructure/FolderItem.d.ts +27 -0
- package/lib/TreeStructure/FolderItem.js +140 -0
- package/lib/TreeStructure/FolderItems.d.ts +11 -0
- package/lib/TreeStructure/FolderItems.js +130 -0
- package/lib/TreeStructure/FolderNameInput.d.ts +15 -0
- package/lib/TreeStructure/FolderNameInput.js +125 -0
- package/lib/TreeStructure/TreeStructure.d.ts +12 -0
- package/lib/TreeStructure/TreeStructure.js +273 -0
- package/lib/TreeStructure/TreeStructure.types.d.ts +63 -0
- package/lib/TreeStructure/TreeStructure.types.js +1 -0
- package/lib/TreeStructure/TreeStructureWrapper.d.ts +12 -0
- package/lib/TreeStructure/TreeStructureWrapper.js +24 -0
- package/lib/TreeStructure/helperFunctions.d.ts +5 -0
- package/lib/TreeStructure/helperFunctions.js +103 -0
- package/lib/TreeStructure/index.d.ts +10 -0
- package/lib/TreeStructure/index.js +15 -0
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.d.ts +11 -0
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.js +186 -0
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.types.d.ts +26 -0
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.types.js +1 -0
- package/lib/User/apiTypes.d.ts +1 -1
- package/lib/User/index.d.ts +2 -2
- package/lib/all.css +72 -0
- package/lib/index.d.ts +13 -4
- package/lib/index.js +75 -9
- package/lib/locale/messages-en.d.ts +58 -0
- package/lib/locale/messages-en.js +62 -4
- package/lib/locale/messages-nb.d.ts +58 -0
- package/lib/locale/messages-nb.js +61 -3
- package/lib/locale/messages-nn.d.ts +58 -0
- package/lib/locale/messages-nn.js +61 -3
- package/lib/locale/messages-se.d.ts +58 -0
- package/lib/locale/messages-se.js +61 -3
- package/lib/locale/messages-sma.d.ts +58 -0
- package/lib/locale/messages-sma.js +61 -3
- package/lib/types.d.ts +1 -1
- package/package.json +12 -11
- package/src/Article/Article.tsx +31 -0
- package/src/Article/ArticleFavoritesButton.tsx +40 -0
- package/src/Article/index.ts +2 -0
- package/src/Breadcrumb/ActionBreadcrumb.tsx +68 -0
- package/src/Breadcrumb/index.ts +2 -0
- package/src/InfoBlock/InfoBlock.tsx +61 -0
- package/src/InfoBlock/index.ts +1 -0
- package/src/MyNdla/Navigation/VerticalNavigation.tsx +93 -0
- package/src/MyNdla/Navigation/index.ts +2 -0
- package/src/MyNdla/Resource/Folder.tsx +145 -0
- package/src/MyNdla/Resource/FolderInput.tsx +104 -0
- package/src/MyNdla/Resource/index.ts +11 -0
- package/src/MyNdla/index.ts +4 -5
- package/src/Resource/BlockResource.tsx +101 -0
- package/src/Resource/ListResource.tsx +111 -0
- package/src/Resource/index.ts +12 -0
- package/src/Resource/resourceComponents.tsx +143 -0
- package/src/ResourceGroup/ResourceGroup.tsx +3 -0
- package/src/ResourceGroup/ResourceItem.tsx +17 -0
- package/src/ResourceGroup/ResourceList.tsx +16 -3
- package/src/SnackBar/SnackBar.tsx +183 -0
- package/src/SnackBar/index.ts +13 -0
- package/src/TagSelector/SuggestionInput.tsx +230 -0
- package/src/TagSelector/Suggestions.tsx +125 -0
- package/src/TagSelector/TagSelector.tsx +111 -0
- package/src/TagSelector/index.ts +13 -0
- package/src/TreeStructure/FolderItem.tsx +160 -0
- package/src/TreeStructure/FolderItems.tsx +109 -0
- package/src/TreeStructure/FolderNameInput.tsx +109 -0
- package/src/TreeStructure/TreeStructure.tsx +184 -0
- package/src/TreeStructure/TreeStructure.types.ts +69 -0
- package/src/TreeStructure/TreeStructureWrapper.tsx +34 -0
- package/src/TreeStructure/helperFunctions.ts +52 -0
- package/src/TreeStructure/index.ts +11 -0
- package/src/TreeStructure/keyboardNavigation/keyboardNavigation.ts +161 -0
- package/src/TreeStructure/keyboardNavigation/keyboardNavigation.types.ts +28 -0
- package/src/User/apiTypes.ts +1 -1
- package/src/User/index.ts +2 -2
- package/src/all.scss +1 -0
- package/src/index.ts +14 -5
- package/src/locale/messages-en.ts +56 -3
- package/src/locale/messages-nb.ts +55 -2
- package/src/locale/messages-nn.ts +55 -2
- package/src/locale/messages-se.ts +55 -2
- package/src/locale/messages-sma.ts +55 -2
- package/src/types.ts +1 -1
- package/es/MyNdla/ResourceDash/Breadcrumbs.js +0 -22
- package/es/MyNdla/ResourceDash/ResourceElement.js +0 -27
- package/es/MyNdla/ResourceDash/ResourcesView.js +0 -43
- package/es/MyNdla/ResourceDash/index.js +0 -4
- package/lib/MyNdla/ResourceDash/Breadcrumbs.d.ts +0 -15
- package/lib/MyNdla/ResourceDash/Breadcrumbs.js +0 -35
- package/lib/MyNdla/ResourceDash/ResourceElement.d.ts +0 -18
- package/lib/MyNdla/ResourceDash/ResourceElement.js +0 -38
- package/lib/MyNdla/ResourceDash/ResourcesView.js +0 -57
- package/lib/MyNdla/ResourceDash/index.d.ts +0 -4
- package/lib/MyNdla/ResourceDash/index.js +0 -31
- package/src/MyNdla/ResourceDash/Breadcrumbs.tsx +0 -31
- package/src/MyNdla/ResourceDash/ResourceElement.tsx +0 -50
- package/src/MyNdla/ResourceDash/ResourcesView.tsx +0 -42
- package/src/MyNdla/ResourceDash/index.ts +0 -5
|
@@ -14,6 +14,19 @@ export const { contentTypes, subjectCategories, subjectTypes } = constants;
|
|
|
14
14
|
const titleTemplate = ' - NDLA';
|
|
15
15
|
|
|
16
16
|
const messages = {
|
|
17
|
+
treeStructure: {
|
|
18
|
+
createFolder: 'Lag mappe',
|
|
19
|
+
newFolder: {
|
|
20
|
+
placeholder: 'Skriv navn på mappe',
|
|
21
|
+
defaultName: 'Ny mappe',
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
tagSelector: {
|
|
25
|
+
placeholder: 'Legg til tag',
|
|
26
|
+
removeTag: 'Ta vekk tilknytninga til {{name}}',
|
|
27
|
+
hideAllTags: 'Skjul alla tags',
|
|
28
|
+
showAllTags: 'Vis alla tags',
|
|
29
|
+
},
|
|
17
30
|
htmlTitles: {
|
|
18
31
|
titleTemplate,
|
|
19
32
|
welcomePage: `Forsiden${titleTemplate}`,
|
|
@@ -963,15 +976,55 @@ const messages = {
|
|
|
963
976
|
close: 'Lukk faktaboks',
|
|
964
977
|
},
|
|
965
978
|
myNdla: {
|
|
966
|
-
resources: '
|
|
967
|
-
|
|
979
|
+
resources: '{{count}} ressurs',
|
|
980
|
+
resources_plural: '{{count}} ressurser',
|
|
981
|
+
folders: '{{count}} mappe',
|
|
982
|
+
folders_plural: '{{count}} mapper',
|
|
968
983
|
folder: 'Mappe',
|
|
969
984
|
myFolders: 'Mine mapper',
|
|
970
985
|
myTags: 'Mine tags',
|
|
971
986
|
newFolder: 'Ny mappe',
|
|
987
|
+
newFolderUnder: 'Lag ny mappe under {{folderName}}',
|
|
972
988
|
myAccount: 'Min konto',
|
|
973
989
|
favourites: 'Favoritter',
|
|
974
990
|
help: 'Hjelp',
|
|
991
|
+
more: 'Flere valg',
|
|
992
|
+
listView: 'Listevisning',
|
|
993
|
+
detailView: 'Detaljrik listevisning',
|
|
994
|
+
shortView: 'Kort visning',
|
|
995
|
+
myPage: {
|
|
996
|
+
myPage: 'Min side',
|
|
997
|
+
deleteAccount: 'Slett Min NDLA',
|
|
998
|
+
logout: 'Logg ut av Min NDLA',
|
|
999
|
+
welcome:
|
|
1000
|
+
'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med tags.',
|
|
1001
|
+
read: { our: 'Les våre', ours: 'Les vår' },
|
|
1002
|
+
privacy: 'personvernerklæring her',
|
|
1003
|
+
questions: { question: 'Lurer du på noe?', ask: 'Spør oss i chatten' },
|
|
1004
|
+
wishToDelete: 'Ønsker du ikke ha brukerprofil hos oss lengre?',
|
|
1005
|
+
terms: 'vilkår for bruk',
|
|
1006
|
+
newFavourite: 'Nylig lagt til',
|
|
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
|
+
storageInfo: {
|
|
1013
|
+
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
1014
|
+
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.',
|
|
1015
|
+
},
|
|
1016
|
+
folderInfo: {
|
|
1017
|
+
title: 'Slik organiserer du dine favorittressurser i mapper',
|
|
1018
|
+
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.',
|
|
1019
|
+
},
|
|
1020
|
+
tagInfo: {
|
|
1021
|
+
title: 'Slik tagger du dine favorittressurser',
|
|
1022
|
+
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
|
+
},
|
|
1024
|
+
},
|
|
1025
|
+
},
|
|
1026
|
+
snackbar: {
|
|
1027
|
+
close: 'Lukk melding',
|
|
975
1028
|
},
|
|
976
1029
|
labels: {
|
|
977
1030
|
category: 'Kategori',
|
|
@@ -14,6 +14,19 @@ export const { contentTypes, subjectCategories, subjectTypes } = constants;
|
|
|
14
14
|
const titleTemplate = ' - NDLA';
|
|
15
15
|
|
|
16
16
|
const messages = {
|
|
17
|
+
treeStructure: {
|
|
18
|
+
createFolder: 'Lag mappe',
|
|
19
|
+
newFolder: {
|
|
20
|
+
placeholder: 'Skriv navn på mappe',
|
|
21
|
+
defaultName: 'Ny mappe',
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
tagSelector: {
|
|
25
|
+
placeholder: 'Tilknytt tag',
|
|
26
|
+
removeTag: 'Ta vekk tilknytning til {{name}}',
|
|
27
|
+
hideAllTags: 'Skjul alle tagger',
|
|
28
|
+
showAllTags: 'Vis alle tagger',
|
|
29
|
+
},
|
|
17
30
|
htmlTitles: {
|
|
18
31
|
titleTemplate,
|
|
19
32
|
welcomePage: `Forsiden${titleTemplate}`,
|
|
@@ -963,15 +976,55 @@ const messages = {
|
|
|
963
976
|
close: 'Lukk faktaboks',
|
|
964
977
|
},
|
|
965
978
|
myNdla: {
|
|
966
|
-
resources: '
|
|
967
|
-
|
|
979
|
+
resources: '{{count}} ressurs',
|
|
980
|
+
resources_plural: '{{count}} ressurser',
|
|
981
|
+
folders: '{{count}} mappe',
|
|
982
|
+
folders_plural: '{{count}} mapper',
|
|
968
983
|
folder: 'Mappe',
|
|
969
984
|
myFolders: 'Mine mapper',
|
|
970
985
|
myTags: 'Mine tags',
|
|
971
986
|
newFolder: 'Ny mappe',
|
|
987
|
+
newFolderUnder: 'Lag ny mappe under {{folderName}}',
|
|
972
988
|
myAccount: 'Min konto',
|
|
973
989
|
favourites: 'Favoritter',
|
|
974
990
|
help: 'Hjelp',
|
|
991
|
+
more: 'Flere valg',
|
|
992
|
+
listView: 'Listevisning',
|
|
993
|
+
detailView: 'Detaljrik listevisning',
|
|
994
|
+
shortView: 'Kort visning',
|
|
995
|
+
myPage: {
|
|
996
|
+
myPage: 'Min side',
|
|
997
|
+
deleteAccount: 'Slett Min NDLA',
|
|
998
|
+
logout: 'Logg ut av Min NDLA',
|
|
999
|
+
welcome:
|
|
1000
|
+
'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med tags.',
|
|
1001
|
+
read: { our: 'Les våre', ours: 'Les vår' },
|
|
1002
|
+
privacy: 'personvernerklæring her',
|
|
1003
|
+
questions: { question: 'Lurer du på noe?', ask: 'Spør oss i chatten' },
|
|
1004
|
+
wishToDelete: 'Ønsker du ikke ha brukerprofil hos oss lengre?',
|
|
1005
|
+
terms: 'vilkår for bruk',
|
|
1006
|
+
newFavourite: 'Nylig lagt til',
|
|
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
|
+
storageInfo: {
|
|
1013
|
+
title: 'Slik lagrer du dine favorittressurser fra NDLA',
|
|
1014
|
+
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.',
|
|
1015
|
+
},
|
|
1016
|
+
folderInfo: {
|
|
1017
|
+
title: 'Slik organiserer du dine favorittressurser i mapper',
|
|
1018
|
+
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.',
|
|
1019
|
+
},
|
|
1020
|
+
tagInfo: {
|
|
1021
|
+
title: 'Slik tagger du dine favorittressurser',
|
|
1022
|
+
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
|
+
},
|
|
1024
|
+
},
|
|
1025
|
+
},
|
|
1026
|
+
snackbar: {
|
|
1027
|
+
close: 'Lukk melding',
|
|
975
1028
|
},
|
|
976
1029
|
labels: {
|
|
977
1030
|
category: 'Kategori',
|
package/src/types.ts
CHANGED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import _styled from "@emotion/styled-base";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
4
|
-
|
|
5
|
-
var BreadcrumbsWrapper = _styled("div", {
|
|
6
|
-
target: "eyah3jn0",
|
|
7
|
-
label: "BreadcrumbsWrapper"
|
|
8
|
-
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXcUMiLCJmaWxlIjoiQnJlYWRjcnVtYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBCcmVhZGNydW1ic1dyYXBwZXIgPSBzdHlsZWQuZGl2YGA7XG5cbnR5cGUgQnJlYWRjcnVtYnNQcm9wcyA9IHtcbiAgaXRlbXM6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHVybDogc3RyaW5nO1xuICB9W107XG59O1xuXG5leHBvcnQgY29uc3QgQnJlYWRjcnVtYnMgPSAoeyBpdGVtcyB9OiBCcmVhZGNydW1ic1Byb3BzKSA9PiB7XG4gIDxCcmVhZGNydW1ic1dyYXBwZXI+XG4gICAge2l0ZW1zLm1hcCgoeyB0aXRsZSwgdXJsIH0pID0+IChcbiAgICAgIDxhIGtleT17dXJsfSBocmVmPXt1cmx9PlxuICAgICAgICB7dGl0bGV9XG4gICAgICA8L2E+XG4gICAgKSl9XG4gIDwvQnJlYWRjcnVtYnNXcmFwcGVyPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJyZWFkY3J1bWJzO1xuIl19 */");
|
|
9
|
-
|
|
10
|
-
export var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
11
|
-
var items = _ref.items;
|
|
12
|
-
|
|
13
|
-
___EmotionJSX(BreadcrumbsWrapper, null, items.map(function (_ref2) {
|
|
14
|
-
var title = _ref2.title,
|
|
15
|
-
url = _ref2.url;
|
|
16
|
-
return ___EmotionJSX("a", {
|
|
17
|
-
key: url,
|
|
18
|
-
href: url
|
|
19
|
-
}, title);
|
|
20
|
-
}));
|
|
21
|
-
};
|
|
22
|
-
export default Breadcrumbs;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import _styled from "@emotion/styled-base";
|
|
2
|
-
import React from 'react'; // import { useTranslation } from 'react-i18next';
|
|
3
|
-
|
|
4
|
-
import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
5
|
-
|
|
6
|
-
var ResourceElementWrapper = _styled("div", {
|
|
7
|
-
target: "eskq45w0",
|
|
8
|
-
label: "ResourceElementWrapper"
|
|
9
|
-
})("display:flex;align-items:center;padding:0.5rem;border:1px solid rgba(209,214,219,1);border-radius:2px;background:", function (_ref) {
|
|
10
|
-
var type = _ref.type;
|
|
11
|
-
return type === 'folder' ? '#fafaf9' : '#fff';
|
|
12
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlRWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JxRSIsImZpbGUiOiJSZXNvdXJjZUVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuLy8gaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxudHlwZSBSZXNvdXJjZUVsZW1lbnRXcmFwcGVyUHJvcCA9IHtcbiAgdHlwZTogJ2ZvbGRlcicgfCAncmVzb3VyY2UnO1xufTtcblxuY29uc3QgUmVzb3VyY2VFbGVtZW50V3JhcHBlciA9IHN0eWxlZC5kaXY8UmVzb3VyY2VFbGVtZW50V3JhcHBlclByb3A+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwLjVyZW07XG4gIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjA5LCAyMTQsIDIxOSwgMSk7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYmFja2dyb3VuZDogJHsoeyB0eXBlIH0pID0+ICh0eXBlID09PSAnZm9sZGVyJyA/ICcjZmFmYWY5JyA6ICcjZmZmJyl9O1xuYDtcblxudHlwZSBSZXNvdXJjZUVsZW1lbnRQcm9wcyA9IHtcbiAgdHlwZTogJ2ZvbGRlcicgfCAncmVzb3VyY2UnO1xuICB0aXRsZTogc3RyaW5nO1xuICByaWdodFNpZGU/OiBSZWFjdEVsZW1lbnQ7XG4gIGxlZnRTaWRlPzogUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQ7XG59O1xuXG5jb25zdCBSZXNvdXJjZUVsZW1lbnQgPSAoeyB0eXBlLCB0aXRsZSwgZGVzY3JpcHRpb24sIGxlZnRTaWRlLCByaWdodFNpZGUsIGNoaWxkcmVuIH06IFJlc291cmNlRWxlbWVudFByb3BzKSA9PiB7XG4gIC8vIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8UmVzb3VyY2VFbGVtZW50V3JhcHBlciB0eXBlPXt0eXBlfT5cbiAgICAgIDxkaXY+e2xlZnRTaWRlfTwvZGl2PlxuICAgICAgPGRpdj5cbiAgICAgICAgPGgxPnt0aXRsZX08L2gxPlxuICAgICAgICA8cD57ZGVzY3JpcHRpb259PC9wPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXY+e3JpZ2h0U2lkZX08L2Rpdj5cbiAgICA8L1Jlc291cmNlRWxlbWVudFdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUVsZW1lbnQ7XG4iXX0= */"));
|
|
13
|
-
|
|
14
|
-
var ResourceElement = function ResourceElement(_ref2) {
|
|
15
|
-
var type = _ref2.type,
|
|
16
|
-
title = _ref2.title,
|
|
17
|
-
description = _ref2.description,
|
|
18
|
-
leftSide = _ref2.leftSide,
|
|
19
|
-
rightSide = _ref2.rightSide,
|
|
20
|
-
children = _ref2.children;
|
|
21
|
-
// const { t } = useTranslation();
|
|
22
|
-
return ___EmotionJSX(ResourceElementWrapper, {
|
|
23
|
-
type: type
|
|
24
|
-
}, ___EmotionJSX("div", null, leftSide), ___EmotionJSX("div", null, ___EmotionJSX("h1", null, title), ___EmotionJSX("p", null, description), children), ___EmotionJSX("div", null, rightSide));
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export default ResourceElement;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import _styled from "@emotion/styled-base";
|
|
2
|
-
|
|
3
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
4
|
-
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import ResourceElement from './ResourceElement';
|
|
7
|
-
import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
8
|
-
|
|
9
|
-
var ResourcesWrapper = _styled("div", {
|
|
10
|
-
target: "eef59gq0",
|
|
11
|
-
label: "ResourcesWrapper"
|
|
12
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
13
|
-
name: "1hhdphc",
|
|
14
|
-
styles: "display:flex;flex-direction:column;gap:1rem;0;"
|
|
15
|
-
} : {
|
|
16
|
-
name: "1hhdphc",
|
|
17
|
-
styles: "display:flex;flex-direction:column;gap:1rem;0;",
|
|
18
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlc1ZpZXcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVltQyIsImZpbGUiOiJSZXNvdXJjZXNWaWV3LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBSZXNvdXJjZUVsZW1lbnQgZnJvbSAnLi9SZXNvdXJjZUVsZW1lbnQnO1xuXG5jb25zdCBSZXNvdXJjZXNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAxcmVtOyAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlc291cmNlc1ZpZXcgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJlc291cmNlc1dyYXBwZXI+XG4gICAgICA8UmVzb3VyY2VFbGVtZW50XG4gICAgICAgIHR5cGU9XCJmb2xkZXJcIlxuICAgICAgICB0aXRsZT1cIkV4YW1wbGUgZm9sZGVyXCJcbiAgICAgICAgbGVmdFNpZGU9ezxpbWcgc3JjPVwiaHR0cDovL3BsYWNla2l0dGVuLmNvbS8yMDAvMjAwXCIgYWx0PVwiTWphb29cIiAvPn1cbiAgICAgICAgcmlnaHRTaWRlPXs8c3Bhbj4jdGFnPC9zcGFuPn1cbiAgICAgICAgZGVzY3JpcHRpb249XCJzb21lIGRlc2NyaXB0aW9uXCI+XG4gICAgICAgIDxwPkltIGEgY2hpbGQuLiBpbnNlcnQgY29udGVudDwvcD5cbiAgICAgIDwvUmVzb3VyY2VFbGVtZW50PlxuICAgICAgPFJlc291cmNlRWxlbWVudFxuICAgICAgICB0eXBlPVwicmVzb3VyY2VcIlxuICAgICAgICB0aXRsZT1cIkV4YW1wbGUgUmVzb3VyY2VcIlxuICAgICAgICBsZWZ0U2lkZT17PGltZyBzcmM9XCJodHRwOi8vcGxhY2VraXR0ZW4uY29tLzIwMC8yMDBcIiBhbHQ9XCJCcnJyXCIgLz59XG4gICAgICAgIHJpZ2h0U2lkZT17PHNwYW4+I3RhZzwvc3Bhbj59XG4gICAgICAgIGRlc2NyaXB0aW9uPVwic29tZSBkZXNjcmlwdGlvblwiPlxuICAgICAgICA8cD5JbSBhIGNoaWxkLi4gaW5zZXJ0IGNvbnRlbnQ8L3A+XG4gICAgICA8L1Jlc291cmNlRWxlbWVudD5cbiAgICA8L1Jlc291cmNlc1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZXNWaWV3O1xuIl19 */",
|
|
19
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
export var ResourcesView = function ResourcesView() {
|
|
23
|
-
return ___EmotionJSX(ResourcesWrapper, null, ___EmotionJSX(ResourceElement, {
|
|
24
|
-
type: "folder",
|
|
25
|
-
title: "Example folder",
|
|
26
|
-
leftSide: ___EmotionJSX("img", {
|
|
27
|
-
src: "http://placekitten.com/200/200",
|
|
28
|
-
alt: "Mjaoo"
|
|
29
|
-
}),
|
|
30
|
-
rightSide: ___EmotionJSX("span", null, "#tag"),
|
|
31
|
-
description: "some description"
|
|
32
|
-
}, ___EmotionJSX("p", null, "Im a child.. insert content")), ___EmotionJSX(ResourceElement, {
|
|
33
|
-
type: "resource",
|
|
34
|
-
title: "Example Resource",
|
|
35
|
-
leftSide: ___EmotionJSX("img", {
|
|
36
|
-
src: "http://placekitten.com/200/200",
|
|
37
|
-
alt: "Brrr"
|
|
38
|
-
}),
|
|
39
|
-
rightSide: ___EmotionJSX("span", null, "#tag"),
|
|
40
|
-
description: "some description"
|
|
41
|
-
}, ___EmotionJSX("p", null, "Im a child.. insert content")));
|
|
42
|
-
};
|
|
43
|
-
export default ResourcesView;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) 2022-present, NDLA.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
declare type BreadcrumbsProps = {
|
|
9
|
-
items: {
|
|
10
|
-
title: string;
|
|
11
|
-
url: string;
|
|
12
|
-
}[];
|
|
13
|
-
};
|
|
14
|
-
export declare const Breadcrumbs: ({ items }: BreadcrumbsProps) => void;
|
|
15
|
-
export default Breadcrumbs;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Breadcrumbs = void 0;
|
|
7
|
-
|
|
8
|
-
var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _core = require("@emotion/core");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
|
-
var BreadcrumbsWrapper = (0, _styledBase["default"])("div", {
|
|
17
|
-
target: "eyah3jn0",
|
|
18
|
-
label: "BreadcrumbsWrapper"
|
|
19
|
-
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXcUMiLCJmaWxlIjoiQnJlYWRjcnVtYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5jb25zdCBCcmVhZGNydW1ic1dyYXBwZXIgPSBzdHlsZWQuZGl2YGA7XG5cbnR5cGUgQnJlYWRjcnVtYnNQcm9wcyA9IHtcbiAgaXRlbXM6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHVybDogc3RyaW5nO1xuICB9W107XG59O1xuXG5leHBvcnQgY29uc3QgQnJlYWRjcnVtYnMgPSAoeyBpdGVtcyB9OiBCcmVhZGNydW1ic1Byb3BzKSA9PiB7XG4gIDxCcmVhZGNydW1ic1dyYXBwZXI+XG4gICAge2l0ZW1zLm1hcCgoeyB0aXRsZSwgdXJsIH0pID0+IChcbiAgICAgIDxhIGtleT17dXJsfSBocmVmPXt1cmx9PlxuICAgICAgICB7dGl0bGV9XG4gICAgICA8L2E+XG4gICAgKSl9XG4gIDwvQnJlYWRjcnVtYnNXcmFwcGVyPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJyZWFkY3J1bWJzO1xuIl19 */");
|
|
20
|
-
|
|
21
|
-
var Breadcrumbs = function Breadcrumbs(_ref) {
|
|
22
|
-
var items = _ref.items;
|
|
23
|
-
(0, _core.jsx)(BreadcrumbsWrapper, null, items.map(function (_ref2) {
|
|
24
|
-
var title = _ref2.title,
|
|
25
|
-
url = _ref2.url;
|
|
26
|
-
return (0, _core.jsx)("a", {
|
|
27
|
-
key: url,
|
|
28
|
-
href: url
|
|
29
|
-
}, title);
|
|
30
|
-
}));
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
exports.Breadcrumbs = Breadcrumbs;
|
|
34
|
-
var _default = Breadcrumbs;
|
|
35
|
-
exports["default"] = _default;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) 2022-present, NDLA.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
import { ReactElement } from 'react';
|
|
9
|
-
declare type ResourceElementProps = {
|
|
10
|
-
type: 'folder' | 'resource';
|
|
11
|
-
title: string;
|
|
12
|
-
rightSide?: ReactElement;
|
|
13
|
-
leftSide?: ReactElement;
|
|
14
|
-
description?: string;
|
|
15
|
-
children?: ReactElement;
|
|
16
|
-
};
|
|
17
|
-
declare const ResourceElement: ({ type, title, description, leftSide, rightSide, children }: ResourceElementProps) => JSX.Element;
|
|
18
|
-
export default ResourceElement;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
|
|
8
|
-
var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _core = require("@emotion/core");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
|
-
var ResourceElementWrapper = (0, _styledBase["default"])("div", {
|
|
17
|
-
target: "eskq45w0",
|
|
18
|
-
label: "ResourceElementWrapper"
|
|
19
|
-
})("display:flex;align-items:center;padding:0.5rem;border:1px solid rgba(209,214,219,1);border-radius:2px;background:", function (_ref) {
|
|
20
|
-
var type = _ref.type;
|
|
21
|
-
return type === 'folder' ? '#fafaf9' : '#fff';
|
|
22
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlRWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JxRSIsImZpbGUiOiJSZXNvdXJjZUVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuLy8gaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxudHlwZSBSZXNvdXJjZUVsZW1lbnRXcmFwcGVyUHJvcCA9IHtcbiAgdHlwZTogJ2ZvbGRlcicgfCAncmVzb3VyY2UnO1xufTtcblxuY29uc3QgUmVzb3VyY2VFbGVtZW50V3JhcHBlciA9IHN0eWxlZC5kaXY8UmVzb3VyY2VFbGVtZW50V3JhcHBlclByb3A+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwLjVyZW07XG4gIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjA5LCAyMTQsIDIxOSwgMSk7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYmFja2dyb3VuZDogJHsoeyB0eXBlIH0pID0+ICh0eXBlID09PSAnZm9sZGVyJyA/ICcjZmFmYWY5JyA6ICcjZmZmJyl9O1xuYDtcblxudHlwZSBSZXNvdXJjZUVsZW1lbnRQcm9wcyA9IHtcbiAgdHlwZTogJ2ZvbGRlcicgfCAncmVzb3VyY2UnO1xuICB0aXRsZTogc3RyaW5nO1xuICByaWdodFNpZGU/OiBSZWFjdEVsZW1lbnQ7XG4gIGxlZnRTaWRlPzogUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQ7XG59O1xuXG5jb25zdCBSZXNvdXJjZUVsZW1lbnQgPSAoeyB0eXBlLCB0aXRsZSwgZGVzY3JpcHRpb24sIGxlZnRTaWRlLCByaWdodFNpZGUsIGNoaWxkcmVuIH06IFJlc291cmNlRWxlbWVudFByb3BzKSA9PiB7XG4gIC8vIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8UmVzb3VyY2VFbGVtZW50V3JhcHBlciB0eXBlPXt0eXBlfT5cbiAgICAgIDxkaXY+e2xlZnRTaWRlfTwvZGl2PlxuICAgICAgPGRpdj5cbiAgICAgICAgPGgxPnt0aXRsZX08L2gxPlxuICAgICAgICA8cD57ZGVzY3JpcHRpb259PC9wPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXY+e3JpZ2h0U2lkZX08L2Rpdj5cbiAgICA8L1Jlc291cmNlRWxlbWVudFdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUVsZW1lbnQ7XG4iXX0= */"));
|
|
23
|
-
|
|
24
|
-
var ResourceElement = function ResourceElement(_ref2) {
|
|
25
|
-
var type = _ref2.type,
|
|
26
|
-
title = _ref2.title,
|
|
27
|
-
description = _ref2.description,
|
|
28
|
-
leftSide = _ref2.leftSide,
|
|
29
|
-
rightSide = _ref2.rightSide,
|
|
30
|
-
children = _ref2.children;
|
|
31
|
-
// const { t } = useTranslation();
|
|
32
|
-
return (0, _core.jsx)(ResourceElementWrapper, {
|
|
33
|
-
type: type
|
|
34
|
-
}, (0, _core.jsx)("div", null, leftSide), (0, _core.jsx)("div", null, (0, _core.jsx)("h1", null, title), (0, _core.jsx)("p", null, description), children), (0, _core.jsx)("div", null, rightSide));
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
var _default = ResourceElement;
|
|
38
|
-
exports["default"] = _default;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.ResourcesView = void 0;
|
|
7
|
-
|
|
8
|
-
var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _ResourceElement = _interopRequireDefault(require("./ResourceElement"));
|
|
13
|
-
|
|
14
|
-
var _core = require("@emotion/core");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
19
|
-
|
|
20
|
-
var ResourcesWrapper = (0, _styledBase["default"])("div", {
|
|
21
|
-
target: "eef59gq0",
|
|
22
|
-
label: "ResourcesWrapper"
|
|
23
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
24
|
-
name: "1hhdphc",
|
|
25
|
-
styles: "display:flex;flex-direction:column;gap:1rem;0;"
|
|
26
|
-
} : {
|
|
27
|
-
name: "1hhdphc",
|
|
28
|
-
styles: "display:flex;flex-direction:column;gap:1rem;0;",
|
|
29
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlc1ZpZXcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVltQyIsImZpbGUiOiJSZXNvdXJjZXNWaWV3LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBSZXNvdXJjZUVsZW1lbnQgZnJvbSAnLi9SZXNvdXJjZUVsZW1lbnQnO1xuXG5jb25zdCBSZXNvdXJjZXNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAxcmVtOyAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlc291cmNlc1ZpZXcgPSAoKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJlc291cmNlc1dyYXBwZXI+XG4gICAgICA8UmVzb3VyY2VFbGVtZW50XG4gICAgICAgIHR5cGU9XCJmb2xkZXJcIlxuICAgICAgICB0aXRsZT1cIkV4YW1wbGUgZm9sZGVyXCJcbiAgICAgICAgbGVmdFNpZGU9ezxpbWcgc3JjPVwiaHR0cDovL3BsYWNla2l0dGVuLmNvbS8yMDAvMjAwXCIgYWx0PVwiTWphb29cIiAvPn1cbiAgICAgICAgcmlnaHRTaWRlPXs8c3Bhbj4jdGFnPC9zcGFuPn1cbiAgICAgICAgZGVzY3JpcHRpb249XCJzb21lIGRlc2NyaXB0aW9uXCI+XG4gICAgICAgIDxwPkltIGEgY2hpbGQuLiBpbnNlcnQgY29udGVudDwvcD5cbiAgICAgIDwvUmVzb3VyY2VFbGVtZW50PlxuICAgICAgPFJlc291cmNlRWxlbWVudFxuICAgICAgICB0eXBlPVwicmVzb3VyY2VcIlxuICAgICAgICB0aXRsZT1cIkV4YW1wbGUgUmVzb3VyY2VcIlxuICAgICAgICBsZWZ0U2lkZT17PGltZyBzcmM9XCJodHRwOi8vcGxhY2VraXR0ZW4uY29tLzIwMC8yMDBcIiBhbHQ9XCJCcnJyXCIgLz59XG4gICAgICAgIHJpZ2h0U2lkZT17PHNwYW4+I3RhZzwvc3Bhbj59XG4gICAgICAgIGRlc2NyaXB0aW9uPVwic29tZSBkZXNjcmlwdGlvblwiPlxuICAgICAgICA8cD5JbSBhIGNoaWxkLi4gaW5zZXJ0IGNvbnRlbnQ8L3A+XG4gICAgICA8L1Jlc291cmNlRWxlbWVudD5cbiAgICA8L1Jlc291cmNlc1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZXNWaWV3O1xuIl19 */",
|
|
30
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
31
|
-
});
|
|
32
|
-
|
|
33
|
-
var ResourcesView = function ResourcesView() {
|
|
34
|
-
return (0, _core.jsx)(ResourcesWrapper, null, (0, _core.jsx)(_ResourceElement["default"], {
|
|
35
|
-
type: "folder",
|
|
36
|
-
title: "Example folder",
|
|
37
|
-
leftSide: (0, _core.jsx)("img", {
|
|
38
|
-
src: "http://placekitten.com/200/200",
|
|
39
|
-
alt: "Mjaoo"
|
|
40
|
-
}),
|
|
41
|
-
rightSide: (0, _core.jsx)("span", null, "#tag"),
|
|
42
|
-
description: "some description"
|
|
43
|
-
}, (0, _core.jsx)("p", null, "Im a child.. insert content")), (0, _core.jsx)(_ResourceElement["default"], {
|
|
44
|
-
type: "resource",
|
|
45
|
-
title: "Example Resource",
|
|
46
|
-
leftSide: (0, _core.jsx)("img", {
|
|
47
|
-
src: "http://placekitten.com/200/200",
|
|
48
|
-
alt: "Brrr"
|
|
49
|
-
}),
|
|
50
|
-
rightSide: (0, _core.jsx)("span", null, "#tag"),
|
|
51
|
-
description: "some description"
|
|
52
|
-
}, (0, _core.jsx)("p", null, "Im a child.. insert content")));
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
exports.ResourcesView = ResourcesView;
|
|
56
|
-
var _default = ResourcesView;
|
|
57
|
-
exports["default"] = _default;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Breadcrumbs", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _Breadcrumbs["default"];
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "ResourceElement", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _ResourceElement["default"];
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "ResourcesView", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _ResourcesView["default"];
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));
|
|
26
|
-
|
|
27
|
-
var _ResourceElement = _interopRequireDefault(require("./ResourceElement"));
|
|
28
|
-
|
|
29
|
-
var _ResourcesView = _interopRequireDefault(require("./ResourcesView"));
|
|
30
|
-
|
|
31
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) 2022-present, NDLA.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
import styled from '@emotion/styled';
|
|
10
|
-
import React from 'react';
|
|
11
|
-
|
|
12
|
-
const BreadcrumbsWrapper = styled.div``;
|
|
13
|
-
|
|
14
|
-
type BreadcrumbsProps = {
|
|
15
|
-
items: {
|
|
16
|
-
title: string;
|
|
17
|
-
url: string;
|
|
18
|
-
}[];
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export const Breadcrumbs = ({ items }: BreadcrumbsProps) => {
|
|
22
|
-
<BreadcrumbsWrapper>
|
|
23
|
-
{items.map(({ title, url }) => (
|
|
24
|
-
<a key={url} href={url}>
|
|
25
|
-
{title}
|
|
26
|
-
</a>
|
|
27
|
-
))}
|
|
28
|
-
</BreadcrumbsWrapper>;
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
export default Breadcrumbs;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) 2022-present, NDLA.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
import styled from '@emotion/styled';
|
|
10
|
-
import React, { ReactElement } from 'react';
|
|
11
|
-
// import { useTranslation } from 'react-i18next';
|
|
12
|
-
|
|
13
|
-
type ResourceElementWrapperProp = {
|
|
14
|
-
type: 'folder' | 'resource';
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
const ResourceElementWrapper = styled.div<ResourceElementWrapperProp>`
|
|
18
|
-
display: flex;
|
|
19
|
-
align-items: center;
|
|
20
|
-
padding: 0.5rem;
|
|
21
|
-
border: 1px solid rgba(209, 214, 219, 1);
|
|
22
|
-
border-radius: 2px;
|
|
23
|
-
background: ${({ type }) => (type === 'folder' ? '#fafaf9' : '#fff')};
|
|
24
|
-
`;
|
|
25
|
-
|
|
26
|
-
type ResourceElementProps = {
|
|
27
|
-
type: 'folder' | 'resource';
|
|
28
|
-
title: string;
|
|
29
|
-
rightSide?: ReactElement;
|
|
30
|
-
leftSide?: ReactElement;
|
|
31
|
-
description?: string;
|
|
32
|
-
children?: ReactElement;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
const ResourceElement = ({ type, title, description, leftSide, rightSide, children }: ResourceElementProps) => {
|
|
36
|
-
// const { t } = useTranslation();
|
|
37
|
-
return (
|
|
38
|
-
<ResourceElementWrapper type={type}>
|
|
39
|
-
<div>{leftSide}</div>
|
|
40
|
-
<div>
|
|
41
|
-
<h1>{title}</h1>
|
|
42
|
-
<p>{description}</p>
|
|
43
|
-
{children}
|
|
44
|
-
</div>
|
|
45
|
-
<div>{rightSide}</div>
|
|
46
|
-
</ResourceElementWrapper>
|
|
47
|
-
);
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
export default ResourceElement;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) 2022-present, NDLA.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
import styled from '@emotion/styled';
|
|
10
|
-
import React from 'react';
|
|
11
|
-
import ResourceElement from './ResourceElement';
|
|
12
|
-
|
|
13
|
-
const ResourcesWrapper = styled.div`
|
|
14
|
-
display: flex;
|
|
15
|
-
flex-direction: column;
|
|
16
|
-
gap: 1rem; 0;
|
|
17
|
-
`;
|
|
18
|
-
|
|
19
|
-
export const ResourcesView = () => {
|
|
20
|
-
return (
|
|
21
|
-
<ResourcesWrapper>
|
|
22
|
-
<ResourceElement
|
|
23
|
-
type="folder"
|
|
24
|
-
title="Example folder"
|
|
25
|
-
leftSide={<img src="http://placekitten.com/200/200" alt="Mjaoo" />}
|
|
26
|
-
rightSide={<span>#tag</span>}
|
|
27
|
-
description="some description">
|
|
28
|
-
<p>Im a child.. insert content</p>
|
|
29
|
-
</ResourceElement>
|
|
30
|
-
<ResourceElement
|
|
31
|
-
type="resource"
|
|
32
|
-
title="Example Resource"
|
|
33
|
-
leftSide={<img src="http://placekitten.com/200/200" alt="Brrr" />}
|
|
34
|
-
rightSide={<span>#tag</span>}
|
|
35
|
-
description="some description">
|
|
36
|
-
<p>Im a child.. insert content</p>
|
|
37
|
-
</ResourceElement>
|
|
38
|
-
</ResourcesWrapper>
|
|
39
|
-
);
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
export default ResourcesView;
|