@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.
Files changed (193) hide show
  1. package/es/Article/Article.js +22 -3
  2. package/es/Article/ArticleFavoritesButton.js +38 -0
  3. package/es/Article/index.js +2 -1
  4. package/es/Breadcrumb/ActionBreadcrumb.js +57 -0
  5. package/es/Breadcrumb/index.js +1 -0
  6. package/es/InfoBlock/InfoBlock.js +55 -0
  7. package/es/InfoBlock/index.js +1 -0
  8. package/es/MyNdla/Navigation/VerticalNavigation.js +51 -0
  9. package/es/MyNdla/Navigation/index.js +2 -0
  10. package/es/MyNdla/Resource/Folder.js +86 -0
  11. package/es/MyNdla/Resource/FolderInput.js +96 -0
  12. package/{lib/MyNdla/ResourceDash/ResourcesView.d.ts → es/MyNdla/Resource/index.js} +3 -3
  13. package/es/MyNdla/index.js +4 -4
  14. package/es/Resource/BlockResource.js +73 -0
  15. package/es/Resource/ListResource.js +66 -0
  16. package/es/Resource/index.js +10 -0
  17. package/es/Resource/resourceComponents.js +97 -0
  18. package/es/ResourceGroup/ResourceGroup.js +7 -5
  19. package/es/ResourceGroup/ResourceItem.js +25 -24
  20. package/es/ResourceGroup/ResourceList.js +18 -6
  21. package/es/SnackBar/SnackBar.js +117 -0
  22. package/es/SnackBar/index.js +9 -0
  23. package/es/TagSelector/SuggestionInput.js +240 -0
  24. package/es/TagSelector/Suggestions.js +93 -0
  25. package/es/TagSelector/TagSelector.js +137 -0
  26. package/es/TagSelector/index.js +9 -0
  27. package/es/TreeStructure/FolderItem.js +130 -0
  28. package/es/TreeStructure/FolderItems.js +123 -0
  29. package/es/TreeStructure/FolderNameInput.js +112 -0
  30. package/es/TreeStructure/TreeStructure.js +254 -0
  31. package/es/TreeStructure/TreeStructure.types.js +0 -0
  32. package/es/TreeStructure/TreeStructureWrapper.js +13 -0
  33. package/es/TreeStructure/helperFunctions.js +92 -0
  34. package/es/TreeStructure/index.js +9 -0
  35. package/es/TreeStructure/keyboardNavigation/keyboardNavigation.js +182 -0
  36. package/es/TreeStructure/keyboardNavigation/keyboardNavigation.types.js +0 -0
  37. package/es/all.css +72 -0
  38. package/es/index.js +8 -3
  39. package/es/locale/messages-en.js +62 -4
  40. package/es/locale/messages-nb.js +61 -3
  41. package/es/locale/messages-nn.js +61 -3
  42. package/es/locale/messages-se.js +61 -3
  43. package/es/locale/messages-sma.js +61 -3
  44. package/lib/Article/Article.d.ts +3 -1
  45. package/lib/Article/Article.js +43 -23
  46. package/lib/Article/ArticleFavoritesButton.d.ts +15 -0
  47. package/lib/Article/ArticleFavoritesButton.js +56 -0
  48. package/lib/Article/index.d.ts +2 -1
  49. package/lib/Article/index.js +8 -0
  50. package/lib/Breadcrumb/ActionBreadcrumb.d.ts +16 -0
  51. package/lib/Breadcrumb/ActionBreadcrumb.js +72 -0
  52. package/lib/Breadcrumb/index.d.ts +1 -0
  53. package/lib/Breadcrumb/index.js +8 -0
  54. package/lib/InfoBlock/InfoBlock.d.ts +8 -0
  55. package/lib/InfoBlock/InfoBlock.js +58 -0
  56. package/lib/InfoBlock/index.d.ts +1 -0
  57. package/lib/InfoBlock/index.js +13 -0
  58. package/lib/MyNdla/Navigation/VerticalNavigation.d.ts +10 -0
  59. package/lib/MyNdla/Navigation/VerticalNavigation.js +61 -0
  60. package/lib/MyNdla/Navigation/index.d.ts +2 -0
  61. package/lib/MyNdla/Navigation/index.js +15 -0
  62. package/lib/MyNdla/Resource/Folder.d.ts +20 -0
  63. package/lib/MyNdla/Resource/Folder.js +100 -0
  64. package/lib/MyNdla/Resource/FolderInput.d.ts +15 -0
  65. package/lib/MyNdla/Resource/FolderInput.js +116 -0
  66. package/lib/MyNdla/Resource/index.d.ts +10 -0
  67. package/lib/MyNdla/Resource/index.js +23 -0
  68. package/lib/MyNdla/index.d.ts +4 -4
  69. package/lib/MyNdla/index.js +13 -7
  70. package/lib/Resource/BlockResource.d.ts +20 -0
  71. package/lib/Resource/BlockResource.js +84 -0
  72. package/lib/Resource/ListResource.d.ts +20 -0
  73. package/lib/Resource/ListResource.js +78 -0
  74. package/lib/Resource/index.d.ts +11 -0
  75. package/lib/Resource/index.js +29 -0
  76. package/lib/Resource/resourceComponents.d.ts +24 -0
  77. package/lib/Resource/resourceComponents.js +106 -0
  78. package/lib/ResourceGroup/ResourceGroup.d.ts +2 -1
  79. package/lib/ResourceGroup/ResourceGroup.js +7 -5
  80. package/lib/ResourceGroup/ResourceItem.d.ts +5 -1
  81. package/lib/ResourceGroup/ResourceItem.js +26 -24
  82. package/lib/ResourceGroup/ResourceList.d.ts +3 -1
  83. package/lib/ResourceGroup/ResourceList.js +18 -6
  84. package/lib/SnackBar/SnackBar.d.ts +23 -0
  85. package/lib/SnackBar/SnackBar.js +127 -0
  86. package/lib/SnackBar/index.d.ts +10 -0
  87. package/lib/SnackBar/index.js +15 -0
  88. package/lib/TagSelector/SuggestionInput.d.ts +19 -0
  89. package/lib/TagSelector/SuggestionInput.js +255 -0
  90. package/lib/TagSelector/Suggestions.d.ts +12 -0
  91. package/lib/TagSelector/Suggestions.js +96 -0
  92. package/lib/TagSelector/TagSelector.d.ts +16 -0
  93. package/lib/TagSelector/TagSelector.js +150 -0
  94. package/lib/TagSelector/index.d.ts +10 -0
  95. package/lib/TagSelector/index.js +19 -0
  96. package/lib/TreeStructure/FolderItem.d.ts +27 -0
  97. package/lib/TreeStructure/FolderItem.js +140 -0
  98. package/lib/TreeStructure/FolderItems.d.ts +11 -0
  99. package/lib/TreeStructure/FolderItems.js +130 -0
  100. package/lib/TreeStructure/FolderNameInput.d.ts +15 -0
  101. package/lib/TreeStructure/FolderNameInput.js +125 -0
  102. package/lib/TreeStructure/TreeStructure.d.ts +12 -0
  103. package/lib/TreeStructure/TreeStructure.js +273 -0
  104. package/lib/TreeStructure/TreeStructure.types.d.ts +63 -0
  105. package/lib/TreeStructure/TreeStructure.types.js +1 -0
  106. package/lib/TreeStructure/TreeStructureWrapper.d.ts +12 -0
  107. package/lib/TreeStructure/TreeStructureWrapper.js +24 -0
  108. package/lib/TreeStructure/helperFunctions.d.ts +5 -0
  109. package/lib/TreeStructure/helperFunctions.js +103 -0
  110. package/lib/TreeStructure/index.d.ts +10 -0
  111. package/lib/TreeStructure/index.js +15 -0
  112. package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.d.ts +11 -0
  113. package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.js +186 -0
  114. package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.types.d.ts +26 -0
  115. package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.types.js +1 -0
  116. package/lib/User/apiTypes.d.ts +1 -1
  117. package/lib/User/index.d.ts +2 -2
  118. package/lib/all.css +72 -0
  119. package/lib/index.d.ts +13 -4
  120. package/lib/index.js +75 -9
  121. package/lib/locale/messages-en.d.ts +58 -0
  122. package/lib/locale/messages-en.js +62 -4
  123. package/lib/locale/messages-nb.d.ts +58 -0
  124. package/lib/locale/messages-nb.js +61 -3
  125. package/lib/locale/messages-nn.d.ts +58 -0
  126. package/lib/locale/messages-nn.js +61 -3
  127. package/lib/locale/messages-se.d.ts +58 -0
  128. package/lib/locale/messages-se.js +61 -3
  129. package/lib/locale/messages-sma.d.ts +58 -0
  130. package/lib/locale/messages-sma.js +61 -3
  131. package/lib/types.d.ts +1 -1
  132. package/package.json +12 -11
  133. package/src/Article/Article.tsx +31 -0
  134. package/src/Article/ArticleFavoritesButton.tsx +40 -0
  135. package/src/Article/index.ts +2 -0
  136. package/src/Breadcrumb/ActionBreadcrumb.tsx +68 -0
  137. package/src/Breadcrumb/index.ts +2 -0
  138. package/src/InfoBlock/InfoBlock.tsx +61 -0
  139. package/src/InfoBlock/index.ts +1 -0
  140. package/src/MyNdla/Navigation/VerticalNavigation.tsx +93 -0
  141. package/src/MyNdla/Navigation/index.ts +2 -0
  142. package/src/MyNdla/Resource/Folder.tsx +145 -0
  143. package/src/MyNdla/Resource/FolderInput.tsx +104 -0
  144. package/src/MyNdla/Resource/index.ts +11 -0
  145. package/src/MyNdla/index.ts +4 -5
  146. package/src/Resource/BlockResource.tsx +101 -0
  147. package/src/Resource/ListResource.tsx +111 -0
  148. package/src/Resource/index.ts +12 -0
  149. package/src/Resource/resourceComponents.tsx +143 -0
  150. package/src/ResourceGroup/ResourceGroup.tsx +3 -0
  151. package/src/ResourceGroup/ResourceItem.tsx +17 -0
  152. package/src/ResourceGroup/ResourceList.tsx +16 -3
  153. package/src/SnackBar/SnackBar.tsx +183 -0
  154. package/src/SnackBar/index.ts +13 -0
  155. package/src/TagSelector/SuggestionInput.tsx +230 -0
  156. package/src/TagSelector/Suggestions.tsx +125 -0
  157. package/src/TagSelector/TagSelector.tsx +111 -0
  158. package/src/TagSelector/index.ts +13 -0
  159. package/src/TreeStructure/FolderItem.tsx +160 -0
  160. package/src/TreeStructure/FolderItems.tsx +109 -0
  161. package/src/TreeStructure/FolderNameInput.tsx +109 -0
  162. package/src/TreeStructure/TreeStructure.tsx +184 -0
  163. package/src/TreeStructure/TreeStructure.types.ts +69 -0
  164. package/src/TreeStructure/TreeStructureWrapper.tsx +34 -0
  165. package/src/TreeStructure/helperFunctions.ts +52 -0
  166. package/src/TreeStructure/index.ts +11 -0
  167. package/src/TreeStructure/keyboardNavigation/keyboardNavigation.ts +161 -0
  168. package/src/TreeStructure/keyboardNavigation/keyboardNavigation.types.ts +28 -0
  169. package/src/User/apiTypes.ts +1 -1
  170. package/src/User/index.ts +2 -2
  171. package/src/all.scss +1 -0
  172. package/src/index.ts +14 -5
  173. package/src/locale/messages-en.ts +56 -3
  174. package/src/locale/messages-nb.ts +55 -2
  175. package/src/locale/messages-nn.ts +55 -2
  176. package/src/locale/messages-se.ts +55 -2
  177. package/src/locale/messages-sma.ts +55 -2
  178. package/src/types.ts +1 -1
  179. package/es/MyNdla/ResourceDash/Breadcrumbs.js +0 -22
  180. package/es/MyNdla/ResourceDash/ResourceElement.js +0 -27
  181. package/es/MyNdla/ResourceDash/ResourcesView.js +0 -43
  182. package/es/MyNdla/ResourceDash/index.js +0 -4
  183. package/lib/MyNdla/ResourceDash/Breadcrumbs.d.ts +0 -15
  184. package/lib/MyNdla/ResourceDash/Breadcrumbs.js +0 -35
  185. package/lib/MyNdla/ResourceDash/ResourceElement.d.ts +0 -18
  186. package/lib/MyNdla/ResourceDash/ResourceElement.js +0 -38
  187. package/lib/MyNdla/ResourceDash/ResourcesView.js +0 -57
  188. package/lib/MyNdla/ResourceDash/index.d.ts +0 -4
  189. package/lib/MyNdla/ResourceDash/index.js +0 -31
  190. package/src/MyNdla/ResourceDash/Breadcrumbs.tsx +0 -31
  191. package/src/MyNdla/ResourceDash/ResourceElement.tsx +0 -50
  192. package/src/MyNdla/ResourceDash/ResourcesView.tsx +0 -42
  193. 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: 'Ressurser',
967
- folders: 'Mapper',
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: 'Ressurser',
967
- folders: 'Mapper',
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
@@ -25,7 +25,7 @@ type ResourceTypes = {
25
25
  };
26
26
 
27
27
  export type Resource = {
28
- id: string | number;
28
+ id: string;
29
29
  name: string;
30
30
  contentUri?: string;
31
31
  path: string;
@@ -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,4 +0,0 @@
1
- import Breadcrumbs from './Breadcrumbs';
2
- import ResourceElement from './ResourceElement';
3
- import ResourcesView from './ResourcesView';
4
- export { ResourcesView, ResourceElement, Breadcrumbs };
@@ -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,4 +0,0 @@
1
- import Breadcrumbs from './Breadcrumbs';
2
- import ResourceElement from './ResourceElement';
3
- import ResourcesView from './ResourcesView';
4
- export { ResourcesView, ResourceElement, Breadcrumbs };
@@ -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;
@@ -1,5 +0,0 @@
1
- import Breadcrumbs from './Breadcrumbs';
2
- import ResourceElement from './ResourceElement';
3
- import ResourcesView from './ResourcesView';
4
-
5
- export { ResourcesView, ResourceElement, Breadcrumbs };