@ndla/ui 50.1.0 → 50.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (504) hide show
  1. package/es/Article/Article.js +73 -76
  2. package/es/Article/ArticleAccessMessage.js +6 -4
  3. package/es/Article/ArticleByline.js +42 -58
  4. package/es/Article/ArticleFootNotes.js +17 -17
  5. package/es/Article/ArticleHeaderWrapper.js +11 -14
  6. package/es/Article/ArticleNotions.js +13 -10
  7. package/es/Aside/Aside.js +19 -24
  8. package/es/AudioPlayer/AudioPlayer.js +40 -53
  9. package/es/AudioPlayer/Controls.js +74 -97
  10. package/es/AudioPlayer/SpeechControl.js +11 -8
  11. package/es/BannerCard/BannerCard.js +19 -25
  12. package/es/BlogPost/BlogPost.js +18 -17
  13. package/es/Breadcrumb/Breadcrumb.js +42 -55
  14. package/es/Breadcrumb/BreadcrumbItem.js +32 -26
  15. package/es/Breadcrumb/HeaderBreadcrumb.js +15 -12
  16. package/es/Breadcrumb/HomeBreadcrumb.js +33 -21
  17. package/es/CampaignBlock/CampaignBlock.js +18 -18
  18. package/es/CompetenceGoalTab/CompetenceGoalItem.js +22 -21
  19. package/es/CompetenceGoalTab/CompetenceGoalTab.js +21 -27
  20. package/es/CompetenceGoalTab/CompetenceItem.js +49 -52
  21. package/es/CompetenceGoalTab/CoreElementItem.js +11 -8
  22. package/es/CompetenceGoalTab/SearchButton.js +8 -6
  23. package/es/CompetenceGoalTab/styles.js +5 -5
  24. package/es/ContactBlock/ContactBlock.js +46 -45
  25. package/es/ContentLoader/index.js +26 -40
  26. package/es/ContentPlaceholder/ContentPlaceholder.js +4 -4
  27. package/es/ContentTypeBadge/ContentTypeBadge.js +48 -61
  28. package/es/CopyParagraphButton/CopyParagraphButton.js +24 -33
  29. package/es/CreatedBy/CreatedBy.js +14 -13
  30. package/es/DefinitionList/DefinitionDescription.js +10 -17
  31. package/es/DefinitionList/DefinitionTerm.js +10 -17
  32. package/es/Embed/AudioEmbed.js +27 -32
  33. package/es/Embed/BrightcoveEmbed.js +63 -85
  34. package/es/Embed/ConceptEmbed.js +84 -85
  35. package/es/Embed/ConceptListEmbed.js +19 -12
  36. package/es/Embed/ContentLinkEmbed.js +14 -9
  37. package/es/Embed/EmbedErrorPlaceholder.js +9 -7
  38. package/es/Embed/ExternalEmbed.js +26 -26
  39. package/es/Embed/FootnoteEmbed.js +10 -7
  40. package/es/Embed/H5pEmbed.js +9 -8
  41. package/es/Embed/IframeEmbed.js +37 -33
  42. package/es/Embed/ImageEmbed.js +80 -97
  43. package/es/Embed/RelatedContentEmbed.js +23 -24
  44. package/es/Embed/UnknownEmbed.js +8 -5
  45. package/es/Embed/conceptComponents.js +53 -64
  46. package/es/ErrorMessage/ErrorMessage.js +14 -14
  47. package/es/ErrorMessage/ErrorResourceAccessDenied.js +8 -5
  48. package/es/ExpandableBox/ExpandableBox.js +16 -20
  49. package/es/FactBox/FactBox.js +21 -35
  50. package/es/Figure/Figure.js +21 -28
  51. package/es/Figure/FigureOpenDialogButton.js +5 -3
  52. package/es/FileList/File.js +27 -22
  53. package/es/FileList/FileList.js +10 -7
  54. package/es/FileList/PdfFile.js +5 -3
  55. package/es/Filter/FilterButtons.js +65 -83
  56. package/es/Filter/FilterCarousel.js +42 -64
  57. package/es/Filter/FilterList.js +47 -69
  58. package/es/Filter/FilterListPhone.js +134 -176
  59. package/es/Filter/ToggleItem.js +25 -26
  60. package/es/Filter/filterClasses.js +1 -1
  61. package/es/Footer/EditorName.js +6 -4
  62. package/es/Footer/Footer.js +23 -22
  63. package/es/Footer/FooterLinks.js +31 -32
  64. package/es/Footer/FooterPrivacy.js +17 -17
  65. package/es/Footer/FooterText.js +5 -3
  66. package/es/FramedContent/FramedContent.js +12 -19
  67. package/es/Frontpage/FrontpageAllSubjects.js +65 -76
  68. package/es/FrontpageArticle/FrontpageArticle.js +22 -20
  69. package/es/Gloss/Gloss.js +34 -36
  70. package/es/Grid/Grid.js +24 -29
  71. package/es/Hero/Hero.js +38 -48
  72. package/es/Hero/HeroContent.js +1 -1
  73. package/es/Image/Image.js +37 -51
  74. package/es/Image/ImageLink.js +12 -19
  75. package/es/KeyFigure/KeyFigure.js +13 -11
  76. package/es/LanguageSelector/LanguageSelector.js +32 -33
  77. package/es/Layout/Content.js +4 -2
  78. package/es/Layout/LayoutItem.js +10 -17
  79. package/es/Layout/OneColumn.js +16 -23
  80. package/es/Layout/PageContainer.js +19 -28
  81. package/es/LearningPaths/LearningPathContent.js +5 -3
  82. package/es/LearningPaths/LearningPathInformation.js +17 -14
  83. package/es/LearningPaths/LearningPathLastStepNavigation.js +15 -12
  84. package/es/LearningPaths/LearningPathMenu.js +61 -69
  85. package/es/LearningPaths/LearningPathMenuAside.js +18 -17
  86. package/es/LearningPaths/LearningPathMenuAsideCopyright.js +12 -11
  87. package/es/LearningPaths/LearningPathMenuContent.js +86 -50
  88. package/es/LearningPaths/LearningPathMenuIntro.js +17 -20
  89. package/es/LearningPaths/LearningPathMenuModalWrapper.js +13 -19
  90. package/es/LearningPaths/LearningPathMobileHeader.js +6 -5
  91. package/es/LearningPaths/LearningPathMobileStepInfo.js +9 -6
  92. package/es/LearningPaths/LearningPathSticky.js +24 -21
  93. package/es/LearningPaths/LearningPathWrapper.js +6 -4
  94. package/es/LetterFilter/LetterFilter.js +17 -20
  95. package/es/LetterFilter/alphabet.js +1 -1
  96. package/es/LicenseByline/EmbedByline.js +31 -36
  97. package/es/LicenseByline/LicenseDescription.js +6 -4
  98. package/es/LicenseByline/LicenseLink.js +7 -6
  99. package/es/LinkBlock/LinkBlock.js +17 -15
  100. package/es/LinkBlock/LinkBlockSection.js +12 -20
  101. package/es/List/OrderedList.js +17 -22
  102. package/es/List/UnOrderedList.js +10 -17
  103. package/es/Logo/Logo.js +17 -22
  104. package/es/Logo/SvgLogo.js +10 -15
  105. package/es/Masthead/Masthead.js +17 -23
  106. package/es/Masthead/SkipToMainContent.js +9 -6
  107. package/es/Masthead/utils.js +12 -24
  108. package/es/MediaList/MediaList.js +83 -72
  109. package/es/Messages/MessageBanner.js +14 -10
  110. package/es/Messages/MessageBox.js +20 -20
  111. package/es/MyNdla/Resource/Folder.js +35 -30
  112. package/es/MyNdla/Resource/FolderInput.js +23 -31
  113. package/es/NDLAFilm/AboutNdlaFilm.js +10 -7
  114. package/es/NDLAFilm/AllMoviesAlphabetically.js +49 -60
  115. package/es/NDLAFilm/FilmContentCard.js +28 -40
  116. package/es/NDLAFilm/FilmContentCardTags.js +14 -16
  117. package/es/NDLAFilm/FilmMovieList.js +15 -17
  118. package/es/NDLAFilm/FilmMovieSearch.js +34 -36
  119. package/es/NDLAFilm/FilmSlideshow.js +32 -51
  120. package/es/NDLAFilm/MovieGrid.js +23 -26
  121. package/es/NDLAFilm/VisualElement.js +11 -7
  122. package/es/NDLAFilm/filmStyles.js +14 -12
  123. package/es/NDLAFilm/isLetter.js +3 -3
  124. package/es/Navigation/NavigationBox.js +80 -94
  125. package/es/NoContentBox/NoContentBox.js +6 -4
  126. package/es/Notion/Notion.js +24 -26
  127. package/es/Notion/NotionImage.js +13 -10
  128. package/es/Programme/Programme.js +39 -21
  129. package/es/Programme/ProgrammeSubjects.js +19 -25
  130. package/es/ProgrammeCard/ProgrammeCard.js +10 -8
  131. package/es/RelatedArticleList/RelatedArticleList.js +51 -69
  132. package/es/Resource/BlockResource.js +34 -30
  133. package/es/Resource/ListResource.js +43 -37
  134. package/es/Resource/resourceComponents.js +69 -78
  135. package/es/Resource/storyComponents.js +28 -30
  136. package/es/ResourceBox/ResourceBox.js +14 -12
  137. package/es/ResourceGroup/ResourceGroup.js +14 -13
  138. package/es/ResourceGroup/ResourceItem.js +56 -36
  139. package/es/ResourceGroup/ResourceList.js +23 -31
  140. package/es/ResourcesWrapper/ResourcesTopicTitle.js +29 -25
  141. package/es/ResourcesWrapper/ResourcesWrapper.js +10 -16
  142. package/es/Search/ActiveFilterContent.js +9 -9
  143. package/es/Search/ActiveFilters.js +31 -24
  144. package/es/Search/ContentTypeResult.js +49 -66
  145. package/es/Search/ContentTypeResultStyles.js +19 -27
  146. package/es/Search/IsPathToHighlight.js +2 -2
  147. package/es/Search/LoadingWrapper.js +5 -3
  148. package/es/Search/SearchField.js +42 -48
  149. package/es/Search/SearchFieldForm.js +9 -9
  150. package/es/Search/SearchResult.js +53 -59
  151. package/es/Search/SearchResultSleeve.js +67 -89
  152. package/es/SearchTypeResult/ActiveFilterContent.js +11 -10
  153. package/es/SearchTypeResult/ActiveFilters.js +38 -33
  154. package/es/SearchTypeResult/PopupFilter.js +33 -47
  155. package/es/SearchTypeResult/ResultNavigation.js +22 -22
  156. package/es/SearchTypeResult/SearchFieldHeader.js +28 -41
  157. package/es/SearchTypeResult/SearchFilterContent.js +13 -10
  158. package/es/SearchTypeResult/SearchHeader.js +47 -57
  159. package/es/SearchTypeResult/SearchItem.js +30 -29
  160. package/es/SearchTypeResult/SearchItemList.js +39 -40
  161. package/es/SearchTypeResult/SearchItems.js +18 -19
  162. package/es/SearchTypeResult/SearchNotionsResult.js +16 -13
  163. package/es/SearchTypeResult/SearchSubjectItem.js +23 -14
  164. package/es/SearchTypeResult/SearchSubjectResult.js +17 -17
  165. package/es/SearchTypeResult/SearchTypeHeader.js +40 -40
  166. package/es/SearchTypeResult/SearchTypeResult.js +17 -21
  167. package/es/SearchTypeResult/SearchViewType.js +16 -19
  168. package/es/SearchTypeResult/components/ItemContexts.js +39 -38
  169. package/es/SearchTypeResult/components/ItemResourceHeader.js +24 -30
  170. package/es/SearchTypeResult/components/ItemTopicHeader.js +14 -11
  171. package/es/SearchTypeResult/components/SubjectFilters.js +49 -72
  172. package/es/SectionHeading/SectionHeading.js +11 -11
  173. package/es/SnackBar/DefaultSnackbar.js +14 -13
  174. package/es/SnackBar/SnackbarProvider.js +60 -91
  175. package/es/Subject/SubjectBanner.js +9 -13
  176. package/es/Subject/SubjectHeader.js +14 -21
  177. package/es/Table/Table.js +37 -53
  178. package/es/TagSelector/Control.js +11 -15
  179. package/es/TagSelector/DropdownIndicator.js +24 -30
  180. package/es/TagSelector/Input.js +6 -11
  181. package/es/TagSelector/Menu.js +10 -17
  182. package/es/TagSelector/MenuList.js +11 -15
  183. package/es/TagSelector/Option.js +26 -24
  184. package/es/TagSelector/SelectContainer.js +10 -13
  185. package/es/TagSelector/TagSelector.js +65 -102
  186. package/es/TagSelector/ValueButton.js +21 -20
  187. package/es/TagSelector/ariaMessages.js +83 -81
  188. package/es/ToolboxPage/ToolboxInfo.js +11 -8
  189. package/es/Topic/Loader.js +96 -98
  190. package/es/Topic/Topic.js +50 -52
  191. package/es/TreeStructure/AddFolderButton.js +22 -21
  192. package/es/TreeStructure/ComboboxButton.js +27 -28
  193. package/es/TreeStructure/FolderItem.js +64 -70
  194. package/es/TreeStructure/FolderItems.js +33 -37
  195. package/es/TreeStructure/TreeStructure.js +52 -89
  196. package/es/TreeStructure/arrowNavigation.js +5 -7
  197. package/es/TreeStructure/helperFunctions.js +19 -24
  198. package/es/i18n/formatNestedMessages.js +8 -9
  199. package/es/i18n/i18n.js +3 -3
  200. package/es/locale/LocaleProvider.js +13 -8
  201. package/es/locale/messages-en.js +99 -34
  202. package/es/locale/messages-nb.js +99 -34
  203. package/es/locale/messages-nn.js +106 -41
  204. package/es/locale/messages-se.js +98 -33
  205. package/es/locale/messages-sma.js +103 -38
  206. package/es/model/ContentType.js +36 -33
  207. package/es/model/SubjectCategories.js +4 -4
  208. package/es/model/SubjectTypes.js +3 -3
  209. package/es/model/WordClass.js +1 -1
  210. package/es/model/index.js +8 -8
  211. package/es/types.js +1 -1
  212. package/es/utils/relativeUrl.js +11 -11
  213. package/es/utils/resourceTypeColor.js +4 -2
  214. package/lib/Article/Article.js +80 -85
  215. package/lib/Article/ArticleAccessMessage.js +15 -15
  216. package/lib/Article/ArticleByline.js +51 -66
  217. package/lib/Article/ArticleFootNotes.js +18 -19
  218. package/lib/Article/ArticleHeaderWrapper.js +20 -22
  219. package/lib/Article/ArticleNotions.js +20 -18
  220. package/lib/Article/index.js +9 -11
  221. package/lib/Aside/Aside.js +28 -32
  222. package/lib/Aside/index.js +1 -2
  223. package/lib/AudioPlayer/AudioPlayer.js +47 -61
  224. package/lib/AudioPlayer/Controls.js +81 -105
  225. package/lib/AudioPlayer/SpeechControl.js +12 -10
  226. package/lib/AudioPlayer/index.js +1 -2
  227. package/lib/BannerCard/BannerCard.js +22 -28
  228. package/lib/BannerCard/index.js +1 -1
  229. package/lib/BlogPost/BlogPost.js +19 -19
  230. package/lib/BlogPost/index.js +1 -1
  231. package/lib/Breadcrumb/Breadcrumb.js +49 -63
  232. package/lib/Breadcrumb/BreadcrumbItem.js +39 -34
  233. package/lib/Breadcrumb/HeaderBreadcrumb.js +16 -14
  234. package/lib/Breadcrumb/HomeBreadcrumb.js +40 -29
  235. package/lib/Breadcrumb/index.js +3 -4
  236. package/lib/CampaignBlock/CampaignBlock.js +25 -26
  237. package/lib/CampaignBlock/index.js +1 -1
  238. package/lib/CompetenceGoalTab/CompetenceGoalItem.js +23 -23
  239. package/lib/CompetenceGoalTab/CompetenceGoalTab.js +30 -35
  240. package/lib/CompetenceGoalTab/CompetenceItem.js +56 -60
  241. package/lib/CompetenceGoalTab/CoreElementItem.js +12 -10
  242. package/lib/CompetenceGoalTab/SearchButton.js +9 -8
  243. package/lib/CompetenceGoalTab/index.js +1 -2
  244. package/lib/CompetenceGoalTab/styles.js +12 -17
  245. package/lib/ContactBlock/ContactBlock.js +55 -56
  246. package/lib/ContactBlock/index.js +1 -2
  247. package/lib/ContentLoader/index.js +28 -42
  248. package/lib/ContentPlaceholder/ContentPlaceholder.js +11 -12
  249. package/lib/ContentPlaceholder/index.js +1 -2
  250. package/lib/ContentTypeBadge/ContentTypeBadge.js +50 -63
  251. package/lib/ContentTypeBadge/index.js +8 -9
  252. package/lib/CopyParagraphButton/CopyParagraphButton.js +31 -41
  253. package/lib/CopyParagraphButton/index.js +2 -3
  254. package/lib/CreatedBy/CreatedBy.js +21 -21
  255. package/lib/CreatedBy/index.js +1 -2
  256. package/lib/DefinitionList/DefinitionDescription.js +13 -20
  257. package/lib/DefinitionList/DefinitionTerm.js +13 -20
  258. package/lib/DefinitionList/index.js +2 -2
  259. package/lib/Embed/AudioEmbed.js +28 -34
  260. package/lib/Embed/BrightcoveEmbed.js +70 -93
  261. package/lib/Embed/ConceptEmbed.js +91 -93
  262. package/lib/Embed/ConceptListEmbed.js +26 -20
  263. package/lib/Embed/ContentLinkEmbed.js +15 -11
  264. package/lib/Embed/EmbedErrorPlaceholder.js +10 -9
  265. package/lib/Embed/ExternalEmbed.js +33 -34
  266. package/lib/Embed/FootnoteEmbed.js +11 -9
  267. package/lib/Embed/H5pEmbed.js +16 -16
  268. package/lib/Embed/IframeEmbed.js +38 -35
  269. package/lib/Embed/ImageEmbed.js +91 -109
  270. package/lib/Embed/RelatedContentEmbed.js +24 -26
  271. package/lib/Embed/UnknownEmbed.js +9 -7
  272. package/lib/Embed/conceptComponents.js +56 -67
  273. package/lib/Embed/index.js +17 -18
  274. package/lib/ErrorMessage/ErrorMessage.js +15 -16
  275. package/lib/ErrorMessage/ErrorResourceAccessDenied.js +9 -7
  276. package/lib/ErrorMessage/index.js +2 -3
  277. package/lib/ExpandableBox/ExpandableBox.js +16 -20
  278. package/lib/ExpandableBox/index.js +2 -2
  279. package/lib/FactBox/FactBox.js +28 -43
  280. package/lib/FactBox/index.js +1 -2
  281. package/lib/Figure/Figure.js +25 -31
  282. package/lib/Figure/FigureOpenDialogButton.js +5 -3
  283. package/lib/Figure/index.js +2 -2
  284. package/lib/FileList/File.js +34 -30
  285. package/lib/FileList/FileList.js +17 -15
  286. package/lib/FileList/PdfFile.js +6 -5
  287. package/lib/FileList/index.js +3 -4
  288. package/lib/Filter/FilterButtons.js +72 -91
  289. package/lib/Filter/FilterCarousel.js +49 -72
  290. package/lib/Filter/FilterList.js +56 -77
  291. package/lib/Filter/FilterListPhone.js +143 -184
  292. package/lib/Filter/ToggleItem.js +34 -34
  293. package/lib/Filter/filterClasses.js +2 -3
  294. package/lib/Filter/index.js +5 -5
  295. package/lib/Footer/EditorName.js +6 -4
  296. package/lib/Footer/Footer.js +30 -30
  297. package/lib/Footer/FooterLinks.js +32 -34
  298. package/lib/Footer/FooterPrivacy.js +24 -25
  299. package/lib/Footer/FooterText.js +5 -3
  300. package/lib/Footer/index.js +3 -3
  301. package/lib/FramedContent/FramedContent.js +14 -21
  302. package/lib/FramedContent/index.js +1 -2
  303. package/lib/Frontpage/FrontpageAllSubjects.js +66 -78
  304. package/lib/FrontpageArticle/FrontpageArticle.js +23 -24
  305. package/lib/FrontpageArticle/index.js +5 -7
  306. package/lib/Gloss/Gloss.js +41 -44
  307. package/lib/Gloss/index.js +1 -1
  308. package/lib/Grid/Grid.js +31 -37
  309. package/lib/Grid/index.js +4 -5
  310. package/lib/Hero/Hero.js +46 -54
  311. package/lib/Hero/HeroContent.js +2 -3
  312. package/lib/Hero/index.js +9 -9
  313. package/lib/Image/Image.js +44 -59
  314. package/lib/Image/ImageLink.js +18 -25
  315. package/lib/Image/index.js +5 -7
  316. package/lib/KeyFigure/KeyFigure.js +20 -19
  317. package/lib/KeyFigure/index.js +1 -1
  318. package/lib/LanguageSelector/LanguageSelector.js +39 -41
  319. package/lib/LanguageSelector/index.js +1 -1
  320. package/lib/Layout/Content.js +5 -4
  321. package/lib/Layout/LayoutItem.js +11 -19
  322. package/lib/Layout/OneColumn.js +19 -26
  323. package/lib/Layout/PageContainer.js +22 -31
  324. package/lib/Layout/index.js +4 -5
  325. package/lib/LearningPaths/LearningPathContent.js +5 -3
  326. package/lib/LearningPaths/LearningPathInformation.js +17 -14
  327. package/lib/LearningPaths/LearningPathLastStepNavigation.js +16 -14
  328. package/lib/LearningPaths/LearningPathMenu.js +70 -77
  329. package/lib/LearningPaths/LearningPathMenuAside.js +19 -19
  330. package/lib/LearningPaths/LearningPathMenuAsideCopyright.js +13 -13
  331. package/lib/LearningPaths/LearningPathMenuContent.js +87 -52
  332. package/lib/LearningPaths/LearningPathMenuIntro.js +24 -28
  333. package/lib/LearningPaths/LearningPathMenuModalWrapper.js +22 -27
  334. package/lib/LearningPaths/LearningPathMobileHeader.js +7 -7
  335. package/lib/LearningPaths/LearningPathMobileStepInfo.js +10 -8
  336. package/lib/LearningPaths/LearningPathSticky.js +24 -21
  337. package/lib/LearningPaths/LearningPathWrapper.js +6 -4
  338. package/lib/LearningPaths/index.js +10 -10
  339. package/lib/LetterFilter/LetterFilter.js +18 -22
  340. package/lib/LetterFilter/alphabet.js +1 -2
  341. package/lib/LetterFilter/index.js +1 -2
  342. package/lib/LicenseByline/EmbedByline.js +38 -44
  343. package/lib/LicenseByline/LicenseDescription.js +7 -6
  344. package/lib/LicenseByline/LicenseLink.js +8 -8
  345. package/lib/LicenseByline/index.js +1 -1
  346. package/lib/LinkBlock/LinkBlock.js +18 -17
  347. package/lib/LinkBlock/LinkBlockSection.js +15 -23
  348. package/lib/LinkBlock/index.js +2 -2
  349. package/lib/List/OrderedList.js +20 -25
  350. package/lib/List/UnOrderedList.js +13 -20
  351. package/lib/List/index.js +2 -2
  352. package/lib/Logo/Logo.js +27 -31
  353. package/lib/Logo/SvgLogo.js +20 -23
  354. package/lib/Logo/index.js +1 -2
  355. package/lib/Masthead/Masthead.js +24 -31
  356. package/lib/Masthead/SkipToMainContent.js +10 -8
  357. package/lib/Masthead/index.js +4 -5
  358. package/lib/Masthead/utils.js +20 -30
  359. package/lib/MediaList/MediaList.js +91 -78
  360. package/lib/MediaList/index.js +6 -6
  361. package/lib/Messages/MessageBanner.js +21 -18
  362. package/lib/Messages/MessageBox.js +27 -28
  363. package/lib/Messages/index.js +2 -2
  364. package/lib/MyNdla/Resource/Folder.js +42 -38
  365. package/lib/MyNdla/Resource/FolderInput.js +26 -34
  366. package/lib/MyNdla/Resource/index.js +2 -2
  367. package/lib/MyNdla/index.js +2 -2
  368. package/lib/NDLAFilm/AboutNdlaFilm.js +11 -9
  369. package/lib/NDLAFilm/AllMoviesAlphabetically.js +58 -68
  370. package/lib/NDLAFilm/FilmContentCard.js +35 -48
  371. package/lib/NDLAFilm/FilmContentCardTags.js +15 -18
  372. package/lib/NDLAFilm/FilmMovieList.js +16 -19
  373. package/lib/NDLAFilm/FilmMovieSearch.js +35 -38
  374. package/lib/NDLAFilm/FilmSlideshow.js +39 -59
  375. package/lib/NDLAFilm/MovieGrid.js +24 -28
  376. package/lib/NDLAFilm/VisualElement.js +18 -15
  377. package/lib/NDLAFilm/filmStyles.js +14 -14
  378. package/lib/NDLAFilm/index.js +6 -6
  379. package/lib/NDLAFilm/isLetter.js +3 -3
  380. package/lib/Navigation/NavigationBox.js +81 -96
  381. package/lib/Navigation/index.js +1 -1
  382. package/lib/NoContentBox/NoContentBox.js +7 -6
  383. package/lib/NoContentBox/index.js +1 -2
  384. package/lib/Notion/Notion.js +31 -34
  385. package/lib/Notion/NotionImage.js +13 -10
  386. package/lib/Notion/index.js +1 -1
  387. package/lib/Programme/Programme.js +42 -26
  388. package/lib/Programme/ProgrammeSubjects.js +20 -27
  389. package/lib/Programme/index.js +2 -3
  390. package/lib/ProgrammeCard/ProgrammeCard.js +11 -10
  391. package/lib/ProgrammeCard/index.js +1 -1
  392. package/lib/RelatedArticleList/RelatedArticleList.js +57 -75
  393. package/lib/RelatedArticleList/index.js +2 -3
  394. package/lib/Resource/BlockResource.js +41 -38
  395. package/lib/Resource/ListResource.js +50 -45
  396. package/lib/Resource/index.js +2 -2
  397. package/lib/Resource/resourceComponents.js +77 -88
  398. package/lib/Resource/storyComponents.js +28 -31
  399. package/lib/ResourceBox/ResourceBox.js +15 -14
  400. package/lib/ResourceBox/index.js +1 -1
  401. package/lib/ResourceGroup/ResourceGroup.js +15 -15
  402. package/lib/ResourceGroup/ResourceItem.js +65 -47
  403. package/lib/ResourceGroup/ResourceList.js +26 -34
  404. package/lib/ResourceGroup/index.js +1 -2
  405. package/lib/ResourcesWrapper/ResourcesTopicTitle.js +30 -27
  406. package/lib/ResourcesWrapper/ResourcesWrapper.js +13 -19
  407. package/lib/ResourcesWrapper/index.js +2 -3
  408. package/lib/Search/ActiveFilterContent.js +10 -12
  409. package/lib/Search/ActiveFilters.js +34 -29
  410. package/lib/Search/ContentTypeResult.js +50 -68
  411. package/lib/Search/ContentTypeResultStyles.js +20 -38
  412. package/lib/Search/IsPathToHighlight.js +2 -2
  413. package/lib/Search/LoadingWrapper.js +6 -5
  414. package/lib/Search/SearchField.js +51 -56
  415. package/lib/Search/SearchFieldForm.js +9 -9
  416. package/lib/Search/SearchResult.js +53 -59
  417. package/lib/Search/SearchResultSleeve.js +76 -97
  418. package/lib/Search/index.js +4 -4
  419. package/lib/SearchTypeResult/ActiveFilterContent.js +18 -19
  420. package/lib/SearchTypeResult/ActiveFilters.js +47 -44
  421. package/lib/SearchTypeResult/PopupFilter.js +40 -55
  422. package/lib/SearchTypeResult/ResultNavigation.js +23 -24
  423. package/lib/SearchTypeResult/SearchFieldHeader.js +35 -49
  424. package/lib/SearchTypeResult/SearchFilterContent.js +20 -18
  425. package/lib/SearchTypeResult/SearchHeader.js +54 -65
  426. package/lib/SearchTypeResult/SearchItem.js +37 -37
  427. package/lib/SearchTypeResult/SearchItemList.js +46 -48
  428. package/lib/SearchTypeResult/SearchItems.js +25 -27
  429. package/lib/SearchTypeResult/SearchNotionsResult.js +17 -15
  430. package/lib/SearchTypeResult/SearchSubjectItem.js +30 -22
  431. package/lib/SearchTypeResult/SearchSubjectResult.js +18 -19
  432. package/lib/SearchTypeResult/SearchTypeHeader.js +47 -48
  433. package/lib/SearchTypeResult/SearchTypeResult.js +26 -29
  434. package/lib/SearchTypeResult/SearchViewType.js +23 -27
  435. package/lib/SearchTypeResult/components/ItemContexts.js +46 -46
  436. package/lib/SearchTypeResult/components/ItemResourceHeader.js +31 -38
  437. package/lib/SearchTypeResult/components/ItemTopicHeader.js +21 -19
  438. package/lib/SearchTypeResult/components/SubjectFilters.js +56 -80
  439. package/lib/SearchTypeResult/index.js +6 -6
  440. package/lib/SectionHeading/SectionHeading.js +12 -13
  441. package/lib/SectionHeading/index.js +1 -2
  442. package/lib/SnackBar/DefaultSnackbar.js +15 -15
  443. package/lib/SnackBar/SnackbarProvider.js +67 -99
  444. package/lib/SnackBar/index.js +4 -4
  445. package/lib/Subject/SubjectBanner.js +10 -15
  446. package/lib/Subject/SubjectHeader.js +15 -23
  447. package/lib/Subject/index.js +2 -2
  448. package/lib/Table/Table.js +44 -62
  449. package/lib/Table/index.js +4 -6
  450. package/lib/TagSelector/Control.js +20 -23
  451. package/lib/TagSelector/DropdownIndicator.js +31 -38
  452. package/lib/TagSelector/Input.js +15 -19
  453. package/lib/TagSelector/Menu.js +12 -19
  454. package/lib/TagSelector/MenuList.js +20 -24
  455. package/lib/TagSelector/Option.js +35 -32
  456. package/lib/TagSelector/SelectContainer.js +19 -21
  457. package/lib/TagSelector/TagSelector.js +65 -103
  458. package/lib/TagSelector/ValueButton.js +30 -29
  459. package/lib/TagSelector/ariaMessages.js +83 -81
  460. package/lib/TagSelector/index.js +1 -1
  461. package/lib/ToolboxPage/ToolboxInfo.js +12 -10
  462. package/lib/ToolboxPage/index.js +1 -1
  463. package/lib/Topic/Loader.js +97 -100
  464. package/lib/Topic/Topic.js +57 -60
  465. package/lib/Topic/index.js +1 -2
  466. package/lib/TreeStructure/AddFolderButton.js +29 -29
  467. package/lib/TreeStructure/ComboboxButton.js +28 -30
  468. package/lib/TreeStructure/FolderItem.js +71 -78
  469. package/lib/TreeStructure/FolderItems.js +40 -45
  470. package/lib/TreeStructure/TreeStructure.js +59 -98
  471. package/lib/TreeStructure/arrowNavigation.js +5 -7
  472. package/lib/TreeStructure/helperFunctions.js +19 -24
  473. package/lib/TreeStructure/index.js +1 -1
  474. package/lib/i18n/formatNestedMessages.js +8 -9
  475. package/lib/i18n/i18n.js +3 -5
  476. package/lib/i18n/index.js +2 -2
  477. package/lib/index.js +175 -176
  478. package/lib/locale/LocaleProvider.js +14 -10
  479. package/lib/locale/messages-en.d.ts +1 -0
  480. package/lib/locale/messages-en.js +108 -41
  481. package/lib/locale/messages-nb.d.ts +1 -0
  482. package/lib/locale/messages-nb.js +108 -41
  483. package/lib/locale/messages-nn.d.ts +1 -0
  484. package/lib/locale/messages-nn.js +115 -48
  485. package/lib/locale/messages-se.d.ts +1 -0
  486. package/lib/locale/messages-se.js +107 -40
  487. package/lib/locale/messages-sma.d.ts +1 -0
  488. package/lib/locale/messages-sma.js +112 -45
  489. package/lib/model/ContentType.js +37 -53
  490. package/lib/model/SubjectCategories.js +4 -8
  491. package/lib/model/SubjectTypes.js +3 -6
  492. package/lib/model/WordClass.js +2 -3
  493. package/lib/model/index.js +8 -10
  494. package/lib/types.js +1 -1
  495. package/lib/utils/relativeUrl.js +11 -11
  496. package/lib/utils/resourceTypeColor.js +5 -4
  497. package/package.json +14 -12
  498. package/src/Footer/Footer.stories.tsx +3 -3
  499. package/src/NDLAFilm/filmStyles.ts +9 -2
  500. package/src/locale/messages-en.ts +2 -1
  501. package/src/locale/messages-nb.ts +3 -2
  502. package/src/locale/messages-nn.ts +10 -9
  503. package/src/locale/messages-se.ts +2 -1
  504. package/src/locale/messages-sma.ts +7 -6
@@ -15,7 +15,7 @@ import { ButtonV2 as Button } from '@ndla/button';
15
15
  import { Plus } from '@ndla/icons/action';
16
16
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
17
17
  import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
18
- var StyledAddFolderButton = /*#__PURE__*/_styled(Button, {
18
+ const StyledAddFolderButton = /*#__PURE__*/_styled(Button, {
19
19
  target: "e1bj2d241",
20
20
  label: "StyledAddFolderButton"
21
21
  })(process.env.NODE_ENV === "production" ? {
@@ -27,7 +27,7 @@ var StyledAddFolderButton = /*#__PURE__*/_styled(Button, {
27
27
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I0QyIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBJRm9sZGVyIH0gZnJvbSAnQG5kbGEvdHlwZXMtYmFja2VuZC9sZWFybmluZ3BhdGgtYXBpJztcblxuaW50ZXJmYWNlIEFkZEZvbGRlckJ1dHRvblByb3BzIHtcbiAgY2FuQWRkRm9sZGVyOiBib29sZWFuO1xuICBmb2N1c2VkRm9sZGVyPzogSUZvbGRlcjtcbiAgc2V0TmV3Rm9sZGVyUGFyZW50SWQ6IChpZD86IHN0cmluZykgPT4gdm9pZDtcbiAgc2V0U2hvd1RyZWU6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEFkZEZvbGRlckJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICAmLFxuICAmOmRpc2FibGVkIHtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRQbHVzID0gc3R5bGVkKFBsdXMpYFxuICBoZWlnaHQ6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xuYDtcblxuY29uc3QgQWRkRm9sZGVyQnV0dG9uID0gKHtcbiAgY2FuQWRkRm9sZGVyLFxuICBsb2FkaW5nLFxuICBzZXROZXdGb2xkZXJQYXJlbnRJZCxcbiAgZm9jdXNlZEZvbGRlcixcbiAgc2V0U2hvd1RyZWUsXG59OiBBZGRGb2xkZXJCdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHRvb2x0aXAgPSBsb2FkaW5nXG4gICAgPyB0KCdsb2FkaW5nJylcbiAgICA6IGNhbkFkZEZvbGRlclxuICAgID8gdCgnbXlOZGxhLm5ld0ZvbGRlclVuZGVyJywgeyBmb2xkZXJOYW1lOiBmb2N1c2VkRm9sZGVyPy5uYW1lIH0pXG4gICAgOiB0KCd0cmVlU3RydWN0dXJlLm1heEZvbGRlcnNBbHJlYWR5QWRkZWQnKTtcbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcCB0b29sdGlwPXt0b29sdGlwfT5cbiAgICAgIDxTdHlsZWRBZGRGb2xkZXJCdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgICAgZGlzYWJsZWQ9e2xvYWRpbmcgfHwgIWNhbkFkZEZvbGRlcn1cbiAgICAgICAgYXJpYS1sYWJlbD17dG9vbHRpcH1cbiAgICAgICAgb25Nb3VzZURvd249eyhlKSA9PiB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgIH19XG4gICAgICAgIG9uTW91c2VVcD17KGUpID0+IHtcbiAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICByZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgICAgfX1cbiAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICBlLmN1cnJlbnRUYXJnZXQuZm9jdXMoKTtcbiAgICAgICAgICBzZXROZXdGb2xkZXJQYXJlbnRJZChmb2N1c2VkRm9sZGVyPy5pZCk7XG4gICAgICAgICAgc2V0U2hvd1RyZWUodHJ1ZSk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRQbHVzIC8+IHt0KCdteU5kbGEubmV3Rm9sZGVyJyl9XG4gICAgICA8L1N0eWxlZEFkZEZvbGRlckJ1dHRvbj5cbiAgICA8L1Rvb2x0aXA+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBZGRGb2xkZXJCdXR0b247XG4iXX0= */",
28
28
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
29
29
  });
30
- var StyledPlus = /*#__PURE__*/_styled(Plus, {
30
+ const StyledPlus = /*#__PURE__*/_styled(Plus, {
31
31
  target: "e1bj2d240",
32
32
  label: "StyledPlus"
33
33
  })(process.env.NODE_ENV === "production" ? {
@@ -39,17 +39,20 @@ var StyledPlus = /*#__PURE__*/_styled(Plus, {
39
39
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IrQiIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBJRm9sZGVyIH0gZnJvbSAnQG5kbGEvdHlwZXMtYmFja2VuZC9sZWFybmluZ3BhdGgtYXBpJztcblxuaW50ZXJmYWNlIEFkZEZvbGRlckJ1dHRvblByb3BzIHtcbiAgY2FuQWRkRm9sZGVyOiBib29sZWFuO1xuICBmb2N1c2VkRm9sZGVyPzogSUZvbGRlcjtcbiAgc2V0TmV3Rm9sZGVyUGFyZW50SWQ6IChpZD86IHN0cmluZykgPT4gdm9pZDtcbiAgc2V0U2hvd1RyZWU6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEFkZEZvbGRlckJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICAmLFxuICAmOmRpc2FibGVkIHtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRQbHVzID0gc3R5bGVkKFBsdXMpYFxuICBoZWlnaHQ6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xuYDtcblxuY29uc3QgQWRkRm9sZGVyQnV0dG9uID0gKHtcbiAgY2FuQWRkRm9sZGVyLFxuICBsb2FkaW5nLFxuICBzZXROZXdGb2xkZXJQYXJlbnRJZCxcbiAgZm9jdXNlZEZvbGRlcixcbiAgc2V0U2hvd1RyZWUsXG59OiBBZGRGb2xkZXJCdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHRvb2x0aXAgPSBsb2FkaW5nXG4gICAgPyB0KCdsb2FkaW5nJylcbiAgICA6IGNhbkFkZEZvbGRlclxuICAgID8gdCgnbXlOZGxhLm5ld0ZvbGRlclVuZGVyJywgeyBmb2xkZXJOYW1lOiBmb2N1c2VkRm9sZGVyPy5uYW1lIH0pXG4gICAgOiB0KCd0cmVlU3RydWN0dXJlLm1heEZvbGRlcnNBbHJlYWR5QWRkZWQnKTtcbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcCB0b29sdGlwPXt0b29sdGlwfT5cbiAgICAgIDxTdHlsZWRBZGRGb2xkZXJCdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgICAgZGlzYWJsZWQ9e2xvYWRpbmcgfHwgIWNhbkFkZEZvbGRlcn1cbiAgICAgICAgYXJpYS1sYWJlbD17dG9vbHRpcH1cbiAgICAgICAgb25Nb3VzZURvd249eyhlKSA9PiB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgIH19XG4gICAgICAgIG9uTW91c2VVcD17KGUpID0+IHtcbiAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICByZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgICAgfX1cbiAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICBlLmN1cnJlbnRUYXJnZXQuZm9jdXMoKTtcbiAgICAgICAgICBzZXROZXdGb2xkZXJQYXJlbnRJZChmb2N1c2VkRm9sZGVyPy5pZCk7XG4gICAgICAgICAgc2V0U2hvd1RyZWUodHJ1ZSk7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRQbHVzIC8+IHt0KCdteU5kbGEubmV3Rm9sZGVyJyl9XG4gICAgICA8L1N0eWxlZEFkZEZvbGRlckJ1dHRvbj5cbiAgICA8L1Rvb2x0aXA+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBZGRGb2xkZXJCdXR0b247XG4iXX0= */",
40
40
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
41
41
  });
42
- var AddFolderButton = function AddFolderButton(_ref) {
43
- var canAddFolder = _ref.canAddFolder,
44
- loading = _ref.loading,
45
- setNewFolderParentId = _ref.setNewFolderParentId,
46
- focusedFolder = _ref.focusedFolder,
47
- setShowTree = _ref.setShowTree;
48
- var _useTranslation = useTranslation(),
49
- t = _useTranslation.t;
50
- var ref = useRef(null);
51
- var tooltip = loading ? t('loading') : canAddFolder ? t('myNdla.newFolderUnder', {
52
- folderName: focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.name
42
+ const AddFolderButton = _ref => {
43
+ let {
44
+ canAddFolder,
45
+ loading,
46
+ setNewFolderParentId,
47
+ focusedFolder,
48
+ setShowTree
49
+ } = _ref;
50
+ const {
51
+ t
52
+ } = useTranslation();
53
+ const ref = useRef(null);
54
+ const tooltip = loading ? t('loading') : canAddFolder ? t('myNdla.newFolderUnder', {
55
+ folderName: focusedFolder?.name
53
56
  }) : t('treeStructure.maxFoldersAlreadyAdded');
54
57
  return _jsx(Tooltip, {
55
58
  tooltip: tooltip,
@@ -59,21 +62,19 @@ var AddFolderButton = function AddFolderButton(_ref) {
59
62
  shape: "pill",
60
63
  disabled: loading || !canAddFolder,
61
64
  "aria-label": tooltip,
62
- onMouseDown: function onMouseDown(e) {
63
- var _ref$current;
65
+ onMouseDown: e => {
64
66
  e.preventDefault();
65
67
  e.stopPropagation();
66
- (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
68
+ ref.current?.focus();
67
69
  },
68
- onMouseUp: function onMouseUp(e) {
69
- var _ref$current2;
70
+ onMouseUp: e => {
70
71
  e.preventDefault();
71
72
  e.stopPropagation();
72
- (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
73
+ ref.current?.focus();
73
74
  },
74
- onClick: function onClick(e) {
75
+ onClick: e => {
75
76
  e.currentTarget.focus();
76
- setNewFolderParentId(focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.id);
77
+ setNewFolderParentId(focusedFolder?.id);
77
78
  setShowTree(true);
78
79
  },
79
80
  children: [_jsx(StyledPlus, {}), " ", t('myNdla.newFolder')]
@@ -17,32 +17,34 @@ import { arrowNavigation } from './arrowNavigation';
17
17
  import ContentLoader from '../ContentLoader';
18
18
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
19
19
  import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
20
- var StyledRow = /*#__PURE__*/_styled("div", {
20
+ const StyledRow = /*#__PURE__*/_styled("div", {
21
21
  target: "e1g7ykt81",
22
22
  label: "StyledRow"
23
23
  })("display:flex;padding:", spacing.xxsmall, ";align-items:center;&[data-open='true']{border-bottom:1px solid ", colors.brand.tertiary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbWJvYm94QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjRCIiwiZmlsZSI6IkNvbWJvYm94QnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgS2V5Ym9hcmRFdmVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25VcCwgQ2hldnJvbkRvd24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgSUZvbGRlciB9IGZyb20gJ0BuZGxhL3R5cGVzLWJhY2tlbmQvbGVhcm5pbmdwYXRoLWFwaSc7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24sIEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IFRyZWVTdHJ1Y3R1cmVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBhcnJvd05hdmlnYXRpb24gfSBmcm9tICcuL2Fycm93TmF2aWdhdGlvbic7XG5pbXBvcnQgQ29udGVudExvYWRlciBmcm9tICcuLi9Db250ZW50TG9hZGVyJztcblxuY29uc3QgU3R5bGVkUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAmW2RhdGEtb3Blbj0ndHJ1ZSddIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuY29uc3QgU3R5bGVkU2VsZWN0ZWRGb2xkZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgZmxleDogMTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICBib3JkZXI6IG5vbmU7XG4gIDpob3ZlcixcbiAgOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICA6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1pbi1oZWlnaHQ6IDRyZW07XG4gICAgbWF4LWhlaWdodDogNHJlbTtcbiAgICB0ZXh0LWFsaWduOiBzdGFydDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2hvd1RyZWU6IGJvb2xlYW47XG4gIHR5cGU6IFRyZWVTdHJ1Y3R1cmVUeXBlO1xuICBsYWJlbD86IHN0cmluZztcbiAgZm9jdXNlZEZvbGRlcj86IElGb2xkZXI7XG4gIHNlbGVjdGVkRm9sZGVyPzogSUZvbGRlcjtcbiAgc2V0U2VsZWN0ZWRGb2xkZXI6IChmb2xkZXI6IElGb2xkZXIpID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xuICBvblRvZ2dsZVRyZWU6IChvcGVuOiBib29sZWFuKSA9PiB2b2lkO1xuICBmbGF0dGVuZWRGb2xkZXJzOiBJRm9sZGVyW107XG4gIG9uT3BlbkZvbGRlcjogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ2xvc2VGb2xkZXI6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBzZXRGb2N1c2VkRm9sZGVyOiAoZm9sZGVyOiBJRm9sZGVyKSA9PiB2b2lkO1xuICBhcmlhRGVzY3JpYmVkYnk/OiBzdHJpbmc7XG59XG5cbmNvbnN0IENvbWJvYm94QnV0dG9uID0gZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgc2hvd1RyZWUsXG4gICAgICB0eXBlLFxuICAgICAgbGFiZWwsXG4gICAgICBmb2N1c2VkRm9sZGVyLFxuICAgICAgc2VsZWN0ZWRGb2xkZXIsXG4gICAgICBzZXRTZWxlY3RlZEZvbGRlcixcbiAgICAgIG9uVG9nZ2xlVHJlZSxcbiAgICAgIGZsYXR0ZW5lZEZvbGRlcnMsXG4gICAgICBzZXRGb2N1c2VkRm9sZGVyLFxuICAgICAgb25PcGVuRm9sZGVyLFxuICAgICAgb25DbG9zZUZvbGRlcixcbiAgICAgIGxvYWRpbmcsXG4gICAgICBhcmlhRGVzY3JpYmVkYnksXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGlubmVyUmVmID0gdXNlRm9yd2FyZGVkUmVmKHJlZik7XG5cbiAgICBjb25zdCBvbktleURvd24gPSAoZTogS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICBvblRvZ2dsZVRyZWUoIXNob3dUcmVlKTtcbiAgICAgICAgaWYgKHNob3dUcmVlICYmIGZvY3VzZWRGb2xkZXIpIHtcbiAgICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcihmb2N1c2VkRm9sZGVyKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAoZS5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZShmYWxzZSk7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKFsnQXJyb3dVcCcsICdBcnJvd0Rvd24nXS5pbmNsdWRlcyhlLmtleSkgJiYgIXNob3dUcmVlKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZSh0cnVlKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKGZvY3VzZWRGb2xkZXIpIHtcbiAgICAgICAgYXJyb3dOYXZpZ2F0aW9uKGUsIGZvY3VzZWRGb2xkZXIuaWQsIGZsYXR0ZW5lZEZvbGRlcnMsIHNldEZvY3VzZWRGb2xkZXIsIG9uT3BlbkZvbGRlciwgb25DbG9zZUZvbGRlcik7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUm93XG4gICAgICAgIGRhdGEtb3Blbj17c2hvd1RyZWV9XG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4ge1xuICAgICAgICAgIGlmICghZS5kZWZhdWx0UHJldmVudGVkKSB7XG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgb25Ub2dnbGVUcmVlKCFzaG93VHJlZSk7XG4gICAgICAgICAgICBpbm5lclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge2xvYWRpbmcgJiYgKFxuICAgICAgICAgIDxDb250ZW50TG9hZGVyIHdpZHRoPXsxMDAwfSBoZWlnaHQ9ezQwfT5cbiAgICAgICAgICAgIDxyZWN0IHg9XCIxNVwiIHk9XCIwXCIgd2lkdGg9XCIxMDAwXCIgcng9XCIzXCIgcnk9XCIzXCIgcj1cIjE1XCIgaGVpZ2h0PVwiNDBcIiAvPlxuICAgICAgICAgIDwvQ29udGVudExvYWRlcj5cbiAgICAgICAgKX1cbiAgICAgICAgeyFsb2FkaW5nICYmIChcbiAgICAgICAgICA8U3R5bGVkU2VsZWN0ZWRGb2xkZXJcbiAgICAgICAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICAgIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgJ2NvbWJvYm94Jyl9XG4gICAgICAgICAgICByb2xlPVwiY29tYm9ib3hcIlxuICAgICAgICAgICAgYXJpYS1jb250cm9scz17dHJlZXN0cnVjdHVyZUlkKHR5cGUsICdwb3B1cCcpfVxuICAgICAgICAgICAgYXJpYS1oYXNwb3B1cD1cInRyZWVcIlxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17c2hvd1RyZWV9XG4gICAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e2xhYmVsID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsICdsYWJlbCcpIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXtmb2N1c2VkRm9sZGVyID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsIGZvY3VzZWRGb2xkZXIuaWQpIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXJpYURlc2NyaWJlZGJ5fVxuICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgIGNvbG9yVGhlbWU9XCJsaWdodFwiXG4gICAgICAgICAgICBmb250V2VpZ2h0PVwibm9ybWFsXCJcbiAgICAgICAgICAgIHNoYXBlPVwic2hhcnBcIlxuICAgICAgICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIGlubmVyUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgICAgIG9uVG9nZ2xlVHJlZShzaG93VHJlZSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzZWxlY3RlZEZvbGRlcj8ubmFtZX1cbiAgICAgICAgICA8L1N0eWxlZFNlbGVjdGVkRm9sZGVyPlxuICAgICAgICApfVxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGRpc2FibGVkPXtsb2FkaW5nfVxuICAgICAgICAgIGFyaWEtYnVzeT17bG9hZGluZ31cbiAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJcIlxuICAgICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgIGNvbG9yVGhlbWU9XCJncmV5TGlnaHRlclwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBpbm5lclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgICAgb25Ub2dnbGVUcmVlKCFzaG93VHJlZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtzaG93VHJlZSA/IDxDaGV2cm9uVXAgLz4gOiA8Q2hldnJvbkRvd24gLz59XG4gICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkUm93PlxuICAgICk7XG4gIH0sXG4pO1xuXG5leHBvcnQgZGVmYXVsdCBDb21ib2JveEJ1dHRvbjtcbiJdfQ== */"));
24
- var StyledSelectedFolder = /*#__PURE__*/_styled(Button, {
24
+ const StyledSelectedFolder = /*#__PURE__*/_styled(Button, {
25
25
  target: "e1g7ykt80",
26
26
  label: "StyledSelectedFolder"
27
27
  })("flex:1;justify-content:flex-start;color:", colors.black, ";border:none;:hover,:focus{background:none;box-shadow:none;border-color:transparent;}:focus-visible{outline:none;}", mq.range({
28
28
  until: breakpoints.tablet
29
29
  }), "{min-height:4rem;max-height:4rem;text-align:start;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbWJvYm94QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QjJDIiwiZmlsZSI6IkNvbWJvYm94QnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgS2V5Ym9hcmRFdmVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25VcCwgQ2hldnJvbkRvd24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgSUZvbGRlciB9IGZyb20gJ0BuZGxhL3R5cGVzLWJhY2tlbmQvbGVhcm5pbmdwYXRoLWFwaSc7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24sIEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IFRyZWVTdHJ1Y3R1cmVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBhcnJvd05hdmlnYXRpb24gfSBmcm9tICcuL2Fycm93TmF2aWdhdGlvbic7XG5pbXBvcnQgQ29udGVudExvYWRlciBmcm9tICcuLi9Db250ZW50TG9hZGVyJztcblxuY29uc3QgU3R5bGVkUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAmW2RhdGEtb3Blbj0ndHJ1ZSddIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuY29uc3QgU3R5bGVkU2VsZWN0ZWRGb2xkZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgZmxleDogMTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICBib3JkZXI6IG5vbmU7XG4gIDpob3ZlcixcbiAgOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICA6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1pbi1oZWlnaHQ6IDRyZW07XG4gICAgbWF4LWhlaWdodDogNHJlbTtcbiAgICB0ZXh0LWFsaWduOiBzdGFydDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2hvd1RyZWU6IGJvb2xlYW47XG4gIHR5cGU6IFRyZWVTdHJ1Y3R1cmVUeXBlO1xuICBsYWJlbD86IHN0cmluZztcbiAgZm9jdXNlZEZvbGRlcj86IElGb2xkZXI7XG4gIHNlbGVjdGVkRm9sZGVyPzogSUZvbGRlcjtcbiAgc2V0U2VsZWN0ZWRGb2xkZXI6IChmb2xkZXI6IElGb2xkZXIpID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xuICBvblRvZ2dsZVRyZWU6IChvcGVuOiBib29sZWFuKSA9PiB2b2lkO1xuICBmbGF0dGVuZWRGb2xkZXJzOiBJRm9sZGVyW107XG4gIG9uT3BlbkZvbGRlcjogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uQ2xvc2VGb2xkZXI6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xuICBzZXRGb2N1c2VkRm9sZGVyOiAoZm9sZGVyOiBJRm9sZGVyKSA9PiB2b2lkO1xuICBhcmlhRGVzY3JpYmVkYnk/OiBzdHJpbmc7XG59XG5cbmNvbnN0IENvbWJvYm94QnV0dG9uID0gZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgc2hvd1RyZWUsXG4gICAgICB0eXBlLFxuICAgICAgbGFiZWwsXG4gICAgICBmb2N1c2VkRm9sZGVyLFxuICAgICAgc2VsZWN0ZWRGb2xkZXIsXG4gICAgICBzZXRTZWxlY3RlZEZvbGRlcixcbiAgICAgIG9uVG9nZ2xlVHJlZSxcbiAgICAgIGZsYXR0ZW5lZEZvbGRlcnMsXG4gICAgICBzZXRGb2N1c2VkRm9sZGVyLFxuICAgICAgb25PcGVuRm9sZGVyLFxuICAgICAgb25DbG9zZUZvbGRlcixcbiAgICAgIGxvYWRpbmcsXG4gICAgICBhcmlhRGVzY3JpYmVkYnksXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGlubmVyUmVmID0gdXNlRm9yd2FyZGVkUmVmKHJlZik7XG5cbiAgICBjb25zdCBvbktleURvd24gPSAoZTogS2V5Ym9hcmRFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgIGlmIChlLmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICBvblRvZ2dsZVRyZWUoIXNob3dUcmVlKTtcbiAgICAgICAgaWYgKHNob3dUcmVlICYmIGZvY3VzZWRGb2xkZXIpIHtcbiAgICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcihmb2N1c2VkRm9sZGVyKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAoZS5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZShmYWxzZSk7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKFsnQXJyb3dVcCcsICdBcnJvd0Rvd24nXS5pbmNsdWRlcyhlLmtleSkgJiYgIXNob3dUcmVlKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZSh0cnVlKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKGZvY3VzZWRGb2xkZXIpIHtcbiAgICAgICAgYXJyb3dOYXZpZ2F0aW9uKGUsIGZvY3VzZWRGb2xkZXIuaWQsIGZsYXR0ZW5lZEZvbGRlcnMsIHNldEZvY3VzZWRGb2xkZXIsIG9uT3BlbkZvbGRlciwgb25DbG9zZUZvbGRlcik7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUm93XG4gICAgICAgIGRhdGEtb3Blbj17c2hvd1RyZWV9XG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4ge1xuICAgICAgICAgIGlmICghZS5kZWZhdWx0UHJldmVudGVkKSB7XG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgb25Ub2dnbGVUcmVlKCFzaG93VHJlZSk7XG4gICAgICAgICAgICBpbm5lclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge2xvYWRpbmcgJiYgKFxuICAgICAgICAgIDxDb250ZW50TG9hZGVyIHdpZHRoPXsxMDAwfSBoZWlnaHQ9ezQwfT5cbiAgICAgICAgICAgIDxyZWN0IHg9XCIxNVwiIHk9XCIwXCIgd2lkdGg9XCIxMDAwXCIgcng9XCIzXCIgcnk9XCIzXCIgcj1cIjE1XCIgaGVpZ2h0PVwiNDBcIiAvPlxuICAgICAgICAgIDwvQ29udGVudExvYWRlcj5cbiAgICAgICAgKX1cbiAgICAgICAgeyFsb2FkaW5nICYmIChcbiAgICAgICAgICA8U3R5bGVkU2VsZWN0ZWRGb2xkZXJcbiAgICAgICAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICAgIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgJ2NvbWJvYm94Jyl9XG4gICAgICAgICAgICByb2xlPVwiY29tYm9ib3hcIlxuICAgICAgICAgICAgYXJpYS1jb250cm9scz17dHJlZXN0cnVjdHVyZUlkKHR5cGUsICdwb3B1cCcpfVxuICAgICAgICAgICAgYXJpYS1oYXNwb3B1cD1cInRyZWVcIlxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17c2hvd1RyZWV9XG4gICAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e2xhYmVsID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsICdsYWJlbCcpIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXtmb2N1c2VkRm9sZGVyID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsIGZvY3VzZWRGb2xkZXIuaWQpIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXJpYURlc2NyaWJlZGJ5fVxuICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgIGNvbG9yVGhlbWU9XCJsaWdodFwiXG4gICAgICAgICAgICBmb250V2VpZ2h0PVwibm9ybWFsXCJcbiAgICAgICAgICAgIHNoYXBlPVwic2hhcnBcIlxuICAgICAgICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIGlubmVyUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgICAgIG9uVG9nZ2xlVHJlZShzaG93VHJlZSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzZWxlY3RlZEZvbGRlcj8ubmFtZX1cbiAgICAgICAgICA8L1N0eWxlZFNlbGVjdGVkRm9sZGVyPlxuICAgICAgICApfVxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGRpc2FibGVkPXtsb2FkaW5nfVxuICAgICAgICAgIGFyaWEtYnVzeT17bG9hZGluZ31cbiAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJcIlxuICAgICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgIGNvbG9yVGhlbWU9XCJncmV5TGlnaHRlclwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBpbm5lclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgICAgb25Ub2dnbGVUcmVlKCFzaG93VHJlZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtzaG93VHJlZSA/IDxDaGV2cm9uVXAgLz4gOiA8Q2hldnJvbkRvd24gLz59XG4gICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkUm93PlxuICAgICk7XG4gIH0sXG4pO1xuXG5leHBvcnQgZGVmYXVsdCBDb21ib2JveEJ1dHRvbjtcbiJdfQ== */"));
30
- var ComboboxButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
31
- var showTree = _ref.showTree,
32
- type = _ref.type,
33
- label = _ref.label,
34
- focusedFolder = _ref.focusedFolder,
35
- selectedFolder = _ref.selectedFolder,
36
- setSelectedFolder = _ref.setSelectedFolder,
37
- onToggleTree = _ref.onToggleTree,
38
- flattenedFolders = _ref.flattenedFolders,
39
- setFocusedFolder = _ref.setFocusedFolder,
40
- onOpenFolder = _ref.onOpenFolder,
41
- onCloseFolder = _ref.onCloseFolder,
42
- loading = _ref.loading,
43
- ariaDescribedby = _ref.ariaDescribedby;
44
- var innerRef = useForwardedRef(ref);
45
- var onKeyDown = function onKeyDown(e) {
30
+ const ComboboxButton = /*#__PURE__*/forwardRef((_ref, ref) => {
31
+ let {
32
+ showTree,
33
+ type,
34
+ label,
35
+ focusedFolder,
36
+ selectedFolder,
37
+ setSelectedFolder,
38
+ onToggleTree,
39
+ flattenedFolders,
40
+ setFocusedFolder,
41
+ onOpenFolder,
42
+ onCloseFolder,
43
+ loading,
44
+ ariaDescribedby
45
+ } = _ref;
46
+ const innerRef = useForwardedRef(ref);
47
+ const onKeyDown = e => {
46
48
  if (e.key === 'Enter') {
47
49
  onToggleTree(!showTree);
48
50
  if (showTree && focusedFolder) {
@@ -65,13 +67,12 @@ var ComboboxButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
65
67
  };
66
68
  return _jsxs(StyledRow, {
67
69
  "data-open": showTree,
68
- onMouseDown: function onMouseDown(e) {
70
+ onMouseDown: e => {
69
71
  if (!e.defaultPrevented) {
70
- var _innerRef$current;
71
72
  e.preventDefault();
72
73
  e.stopPropagation();
73
74
  onToggleTree(!showTree);
74
- (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.focus();
75
+ innerRef.current?.focus();
75
76
  }
76
77
  },
77
78
  children: [loading && _jsx(ContentLoader, {
@@ -102,12 +103,11 @@ var ComboboxButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
102
103
  fontWeight: "normal",
103
104
  shape: "sharp",
104
105
  onKeyDown: onKeyDown,
105
- onClick: function onClick() {
106
- var _innerRef$current2;
107
- (_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 ? void 0 : _innerRef$current2.focus();
106
+ onClick: () => {
107
+ innerRef.current?.focus();
108
108
  onToggleTree(showTree);
109
109
  },
110
- children: selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.name
110
+ children: selectedFolder?.name
111
111
  }), _jsx(IconButton, {
112
112
  disabled: loading,
113
113
  "aria-busy": loading,
@@ -117,9 +117,8 @@ var ComboboxButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
117
117
  variant: "ghost",
118
118
  colorTheme: "greyLighter",
119
119
  size: "small",
120
- onClick: function onClick() {
121
- var _innerRef$current3;
122
- (_innerRef$current3 = innerRef.current) === null || _innerRef$current3 === void 0 ? void 0 : _innerRef$current3.focus();
120
+ onClick: () => {
121
+ innerRef.current?.focus();
123
122
  onToggleTree(!showTree);
124
123
  },
125
124
  children: showTree ? _jsx(ChevronUp, {}) : _jsx(ChevronDown, {})