@ndla/ui 30.0.5 → 30.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Animation/DisplayOnPageYOffset.js +6 -4
- package/es/Animation/Fade.js +12 -6
- package/es/Article/Article.js +91 -68
- package/es/Article/ArticleAccessMessage.js +12 -8
- package/es/Article/ArticleByline.js +88 -70
- package/es/Article/ArticleContent.js +8 -3
- package/es/Article/ArticleFavoritesButton.js +18 -16
- package/es/Article/ArticleFootNotes.js +28 -20
- package/es/Article/ArticleHeaderWrapper.js +42 -29
- package/es/Article/ArticleNotions.js +58 -50
- package/es/Article/ArticleSideBar.js +53 -43
- package/es/Aside/Aside.js +13 -5
- package/es/AudioPlayer/AudioPlayer.js +99 -93
- package/es/AudioPlayer/Controls.js +181 -192
- package/es/AudioPlayer/SpeechControl.js +20 -18
- package/es/AudioPlayer/initAudioPlayers.js +4 -3
- package/es/AuthorInfo/AuthorInfo.js +23 -17
- package/es/BannerCard/BannerCard.js +27 -29
- package/es/BlogPosts/BlogPost.js +33 -28
- package/es/BlogPosts/BlogPostWrapper.js +6 -7
- package/es/Breadcrumb/ActionBreadcrumb.js +22 -34
- package/es/Breadcrumb/Breadcrumb.js +30 -33
- package/es/Breadcrumb/BreadcrumbItem.js +24 -28
- package/es/Breadcrumb/HeaderBreadcrumb.js +18 -29
- package/es/Breadcrumb/HomeBreadcrumb.js +28 -43
- package/es/Breadcrumblist/Breadcrumblist.js +62 -61
- package/es/CompetenceGoalTab/CompetenceGoalItem.js +33 -34
- package/es/CompetenceGoalTab/CompetenceGoalTab.js +44 -40
- package/es/CompetenceGoalTab/CompetenceItem.js +66 -63
- package/es/CompetenceGoalTab/SearchButton.js +20 -16
- package/es/CompetenceGoals/CompetenceGoalsDialog.js +41 -29
- package/es/ComponentCursor/ComponentCursor.js +19 -34
- package/es/ContentCard/ContentCard.js +38 -35
- package/es/ContentLoader/index.js +57 -43
- package/es/ContentPlaceholder/ContentPlaceholder.js +8 -11
- package/es/ContentTypeBadge/ContentTypeBadge.js +27 -20
- package/es/CopyParagraphButton/CopyParagraphButton.js +32 -30
- package/es/CopyParagraphButton/initCopyParagraphButtons.js +3 -2
- package/es/CreatedBy/CreatedBy.js +24 -23
- package/es/Dialog/Dialog.js +23 -12
- package/es/ErrorMessage/ErrorMessage.js +46 -34
- package/es/ErrorMessage/ErrorResourceAccessDenied.js +14 -13
- package/es/FactBox/FactBox.js +20 -11
- package/es/Figure/Figure.js +72 -34
- package/es/Figure/FigureBylineExpandButton.js +11 -8
- package/es/Figure/FigureExpandButton.js +11 -8
- package/es/Figure/FigureLicense.js +42 -24
- package/es/Figure/FigureLicenseDialog.js +27 -15
- package/es/Figure/FigureOpenDialogButton.js +29 -26
- package/es/FileList/File.js +24 -22
- package/es/FileList/FileList.js +17 -17
- package/es/Filter/FilterButtons.js +112 -87
- package/es/Filter/FilterCarousel.js +52 -48
- package/es/Filter/FilterList.js +74 -51
- package/es/Filter/FilterListPhone.js +152 -110
- package/es/Filter/ToggleItem.js +24 -13
- package/es/Footer/EditorName.js +8 -2
- package/es/Footer/Footer.js +40 -34
- package/es/Footer/FooterAuth.js +51 -54
- package/es/Footer/FooterLinks.js +43 -36
- package/es/Footer/FooterPrivacy.js +30 -24
- package/es/Footer/FooterText.js +5 -5
- package/es/Footer/privacy_en.js +36 -2
- package/es/Footer/privacy_nb.js +36 -2
- package/es/Footer/privacy_nn.js +34 -2
- package/es/Frontpage/FrontpageAllSubjects.js +75 -64
- package/es/Frontpage/FrontpageFilm.js +27 -27
- package/es/Frontpage/FrontpageHeader.js +20 -21
- package/es/Frontpage/FrontpageInfo.js +5 -5
- package/es/Frontpage/FrontpageMultidisciplinarySubject.js +41 -40
- package/es/Frontpage/FrontpageProgramMenu.js +53 -53
- package/es/Frontpage/FrontpageSearch.js +42 -41
- package/es/Frontpage/FrontpageToolbox.js +29 -27
- package/es/Frontpage/illustrations/Fellesfag.js +85 -81
- package/es/Frontpage/illustrations/FrontpageHeaderIllustration.js +100 -87
- package/es/Frontpage/illustrations/FrontpageIllustrations.js +2 -6
- package/es/Frontpage/illustrations/FrontpageSubjectIllustration.js +162 -155
- package/es/Frontpage/illustrations/MenuFellesfag.js +66 -61
- package/es/Frontpage/illustrations/MenuStudiespesialiserende.js +63 -59
- package/es/Frontpage/illustrations/MenuYrkesfag.js +93 -89
- package/es/Frontpage/illustrations/Studiespesialiserende.js +73 -69
- package/es/Frontpage/illustrations/Yrkesfag.js +104 -100
- package/es/Hero/Hero.js +17 -10
- package/es/Image/Image.js +35 -24
- package/es/Image/ImageLink.js +11 -7
- package/es/Image/LazyLoadImage.js +29 -21
- package/es/InfoBlock/InfoBlock.js +18 -17
- package/es/InfoBox/InfoBox.js +5 -5
- package/es/InfoWidget/InfoWidget.js +54 -58
- package/es/LanguageSelector/LanguageSelector.js +54 -67
- package/es/LanguageSelector/LanguageSelectorContent.js +30 -32
- package/es/Layout/Content.js +6 -4
- package/es/Layout/LayoutItem.js +18 -13
- package/es/Layout/OneColumn.js +6 -4
- package/es/Layout/PageContainer.js +12 -3
- package/es/LearningPaths/LearningPathContent.js +5 -5
- package/es/LearningPaths/LearningPathInformation.js +25 -25
- package/es/LearningPaths/LearningPathLastStepNavigation.js +32 -28
- package/es/LearningPaths/LearningPathMenu.js +48 -47
- package/es/LearningPaths/LearningPathMenuAside.js +30 -43
- package/es/LearningPaths/LearningPathMenuAsideCopyright.js +16 -15
- package/es/LearningPaths/LearningPathMenuContent.js +38 -39
- package/es/LearningPaths/LearningPathMenuIntro.js +25 -31
- package/es/LearningPaths/LearningPathMenuModalWrapper.js +29 -18
- package/es/LearningPaths/LearningPathMobileHeader.js +12 -19
- package/es/LearningPaths/LearningPathMobileStepInfo.js +8 -8
- package/es/LearningPaths/LearningPathSticky.js +22 -22
- package/es/LearningPaths/LearningPathWrapper.js +8 -13
- package/es/Logo/Logo.js +25 -12
- package/es/Logo/SvgLogo.js +25 -18
- package/es/Masthead/Masthead.js +34 -38
- package/es/Masthead/MastheadAuthModal.js +13 -9
- package/es/Masthead/MastheadSearchModal.js +31 -32
- package/es/Masthead/SkipToMainContent.js +6 -7
- package/es/MediaList/MediaList.js +58 -38
- package/es/Messages/MessageBanner.js +15 -19
- package/es/Messages/MessageBox.js +41 -50
- package/es/Messages/MessageBoxTag.js +5 -5
- package/es/MultidisciplinarySubject/Illustrations.js +7 -21
- package/es/MultidisciplinarySubject/List.js +19 -16
- package/es/MultidisciplinarySubject/ListItem.js +30 -32
- package/es/MultidisciplinarySubject/MultidisciplinarySubject.js +40 -34
- package/es/MultidisciplinarySubject/MultidisciplinarySubjectHeader.js +37 -33
- package/es/MyNdla/Resource/Folder.js +46 -63
- package/es/MyNdla/Resource/FolderInput.js +40 -38
- package/es/NDLAFilm/AboutNdlaFilm.js +38 -21
- package/es/NDLAFilm/AllMoviesAlphabetically.js +47 -55
- package/es/NDLAFilm/CategorySelect.js +64 -52
- package/es/NDLAFilm/FilmContentCard.js +25 -26
- package/es/NDLAFilm/FilmContentCardTags.js +10 -12
- package/es/NDLAFilm/FilmMovieList.js +28 -23
- package/es/NDLAFilm/FilmMovieSearch.js +33 -24
- package/es/NDLAFilm/FilmSlideshow.js +73 -59
- package/es/NDLAFilm/MovieGrid.js +26 -23
- package/es/NDLAFilm/NavigationArrow.js +19 -29
- package/es/NDLAFilm/SlideshowIndicator.js +15 -17
- package/es/NDLAFilm/VisualElement.js +4 -6
- package/es/NDLAFilm/filmStyles.js +2 -6
- package/es/Navigation/NavigationBox.js +90 -111
- package/es/Navigation/NavigationHeading.js +15 -15
- package/es/Navigation/NavigationTopicAbout.js +60 -57
- package/es/NoContentBox/NoContentBox.js +16 -5
- package/es/Notion/ConceptNotion.js +68 -55
- package/es/Notion/FigureNotion.js +40 -41
- package/es/Notion/Notion.js +23 -20
- package/es/Notion/NotionImage.js +18 -19
- package/es/Notion/NotionVisualElement.js +18 -17
- package/es/Portrait/Portrait.js +12 -21
- package/es/Programme/Programme.js +32 -27
- package/es/Programme/ProgrammeSubjects.js +27 -22
- package/es/RadioButtonGroup/RadioButtonGroup.js +31 -32
- package/es/RelatedArticleList/RelatedArticleList.js +42 -22
- package/es/Resource/BlockResource.js +85 -84
- package/es/Resource/ListResource.js +107 -108
- package/es/Resource/resourceComponents.js +56 -76
- package/es/ResourceBox/ResourceBox.js +28 -30
- package/es/ResourceGroup/ResourceGroup.js +21 -21
- package/es/ResourceGroup/ResourceItem.js +77 -79
- package/es/ResourceGroup/ResourceList.js +35 -32
- package/es/ResourcesWrapper/ResourcesTitle.js +17 -5
- package/es/ResourcesWrapper/ResourcesTopicTitle.js +76 -49
- package/es/ResourcesWrapper/ResourcesWrapper.js +15 -6
- package/es/Search/ActiveFilterContent.js +10 -10
- package/es/Search/ActiveFilters.js +33 -43
- package/es/Search/ContentTypeResult.js +96 -69
- package/es/Search/ContentTypeResultStyles.js +15 -59
- package/es/Search/LoadingWrapper.js +12 -7
- package/es/Search/SearchField.js +55 -50
- package/es/Search/SearchFieldForm.js +9 -18
- package/es/Search/SearchResult.js +101 -73
- package/es/Search/SearchResultSleeve.js +78 -64
- package/es/Search/ToggleSearchButton.js +15 -10
- package/es/SearchTypeResult/ActiveFilterContent.js +10 -10
- package/es/SearchTypeResult/ActiveFilters.js +50 -53
- package/es/SearchTypeResult/PopupFilter.js +68 -65
- package/es/SearchTypeResult/ResultNavigation.js +29 -28
- package/es/SearchTypeResult/SearchFieldHeader.js +53 -57
- package/es/SearchTypeResult/SearchFilterContent.js +19 -18
- package/es/SearchTypeResult/SearchHeader.js +60 -48
- package/es/SearchTypeResult/SearchItem.js +52 -45
- package/es/SearchTypeResult/SearchItemList.js +56 -54
- package/es/SearchTypeResult/SearchItems.js +16 -18
- package/es/SearchTypeResult/SearchNotionItem.js +86 -77
- package/es/SearchTypeResult/SearchNotionsResult.js +20 -19
- package/es/SearchTypeResult/SearchSubjectItem.js +19 -15
- package/es/SearchTypeResult/SearchSubjectResult.js +10 -12
- package/es/SearchTypeResult/SearchTypeHeader.js +53 -51
- package/es/SearchTypeResult/SearchTypeResult.js +24 -17
- package/es/SearchTypeResult/SearchViewType.js +42 -39
- package/es/SearchTypeResult/components/ItemContexts.js +65 -58
- package/es/SearchTypeResult/components/ItemResourceHeader.js +41 -38
- package/es/SearchTypeResult/components/ItemTopicHeader.js +24 -23
- package/es/SearchTypeResult/components/SubjectFilters.js +32 -21
- package/es/SectionHeading/SectionHeading.js +9 -16
- package/es/SnackBar/DefaultSnackbar.js +18 -18
- package/es/SnackBar/SnackbarProvider.js +24 -26
- package/es/Subject/Subject.js +52 -54
- package/es/Subject/SubjectAbout.js +27 -36
- package/es/Subject/SubjectArchive.js +64 -57
- package/es/Subject/SubjectBanner.js +3 -5
- package/es/Subject/SubjectCarousel.js +94 -93
- package/es/Subject/SubjectHeader.js +20 -25
- package/es/Subject/SubjectLinks.js +26 -15
- package/es/Subject/SubjectNewContent.js +37 -35
- package/es/Subject/SubjectShortcuts.js +32 -27
- package/es/Subject/SubjectSocial.js +12 -9
- package/es/Table/Table.js +39 -21
- package/es/TagSelector/Control.js +12 -15
- package/es/TagSelector/DropdownIndicator.js +15 -11
- package/es/TagSelector/Input.js +9 -8
- package/es/TagSelector/Menu.js +12 -9
- package/es/TagSelector/MenuList.js +12 -15
- package/es/TagSelector/Option.js +13 -10
- package/es/TagSelector/SelectContainer.js +11 -12
- package/es/TagSelector/TagSelector.js +49 -50
- package/es/TagSelector/ValueButton.js +15 -9
- package/es/ToolboxPage/ToolboxInfo.js +18 -14
- package/es/Topic/Loader.js +97 -95
- package/es/Topic/Topic.js +128 -121
- package/es/TopicIntroductionList/TopicIntroduction.js +51 -36
- package/es/TopicIntroductionList/TopicIntroductionList.js +29 -22
- package/es/TopicIntroductionList/TopicIntroductionShortcuts.js +29 -16
- package/es/TopicIntroductionList/TopicShortcutItem.js +22 -12
- package/es/TopicMenu/SubtopicLinkList.js +109 -101
- package/es/TopicMenu/TopicMenu.js +202 -139
- package/es/TopicMenu/TopicMenuButton.js +14 -10
- package/es/Translation/Translation.js +16 -2
- package/es/Translation/TranslationBox.js +10 -8
- package/es/Translation/TranslationLine.js +23 -7
- package/es/TreeStructure/AddFolderButton.js +33 -34
- package/es/TreeStructure/ComboboxButton.js +32 -32
- package/es/TreeStructure/FolderItem.js +55 -58
- package/es/TreeStructure/FolderItems.js +59 -51
- package/es/TreeStructure/NavigationLink.js +10 -17
- package/es/TreeStructure/TreeStructure.js +69 -80
- package/es/User/AuthModal.js +48 -45
- package/es/User/UserInfo.js +51 -40
- package/es/internal-icons/Book.js +8 -6
- package/es/internal-icons/Download.js +9 -7
- package/es/internal-icons/Embed.js +8 -6
- package/es/internal-icons/InsertTemplate.js +8 -6
- package/es/internal-icons/OpenWindow.js +8 -6
- package/es/locale/LocaleProvider.js +13 -7
- package/es/locale/messages-en.js +2 -1
- package/es/locale/messages-nb.js +2 -1
- package/es/locale/messages-nn.js +3 -2
- package/es/locale/messages-se.js +2 -1
- package/es/locale/messages-sma.js +2 -1
- package/es/model/SubjectTypes.js +1 -0
- package/es/utils/createUniversalPortal.js +6 -4
- package/lib/Animation/DisplayOnPageYOffset.js +6 -5
- package/lib/Animation/Fade.js +12 -7
- package/lib/Article/Article.js +91 -69
- package/lib/Article/ArticleAccessMessage.js +11 -9
- package/lib/Article/ArticleByline.js +87 -71
- package/lib/Article/ArticleContent.js +8 -4
- package/lib/Article/ArticleFavoritesButton.js +18 -17
- package/lib/Article/ArticleFootNotes.js +27 -21
- package/lib/Article/ArticleHeaderWrapper.js +42 -30
- package/lib/Article/ArticleNotions.js +58 -51
- package/lib/Article/ArticleSideBar.js +52 -44
- package/lib/Aside/Aside.js +13 -6
- package/lib/AudioPlayer/AudioPlayer.js +98 -94
- package/lib/AudioPlayer/Controls.js +181 -193
- package/lib/AudioPlayer/SpeechControl.js +20 -19
- package/lib/AudioPlayer/initAudioPlayers.js +4 -4
- package/lib/AuthorInfo/AuthorInfo.js +23 -18
- package/lib/BannerCard/BannerCard.js +27 -30
- package/lib/BlogPosts/BlogPost.js +32 -29
- package/lib/BlogPosts/BlogPostWrapper.js +7 -8
- package/lib/Breadcrumb/ActionBreadcrumb.js +23 -34
- package/lib/Breadcrumb/Breadcrumb.js +31 -34
- package/lib/Breadcrumb/BreadcrumbItem.js +24 -27
- package/lib/Breadcrumb/HeaderBreadcrumb.js +18 -29
- package/lib/Breadcrumb/HomeBreadcrumb.js +29 -37
- package/lib/Breadcrumblist/Breadcrumblist.js +61 -62
- package/lib/CompetenceGoalTab/CompetenceGoalItem.js +33 -35
- package/lib/CompetenceGoalTab/CompetenceGoalTab.js +44 -41
- package/lib/CompetenceGoalTab/CompetenceItem.js +65 -64
- package/lib/CompetenceGoalTab/SearchButton.js +20 -17
- package/lib/CompetenceGoals/CompetenceGoalsDialog.js +40 -30
- package/lib/ComponentCursor/ComponentCursor.js +19 -33
- package/lib/ContentCard/ContentCard.js +38 -36
- package/lib/ContentLoader/index.js +56 -44
- package/lib/ContentPlaceholder/ContentPlaceholder.js +8 -12
- package/lib/ContentTypeBadge/ContentTypeBadge.js +27 -21
- package/lib/CopyParagraphButton/CopyParagraphButton.js +32 -31
- package/lib/CopyParagraphButton/initCopyParagraphButtons.js +3 -3
- package/lib/CreatedBy/CreatedBy.js +24 -24
- package/lib/Dialog/Dialog.js +22 -13
- package/lib/ErrorMessage/ErrorMessage.js +46 -33
- package/lib/ErrorMessage/ErrorResourceAccessDenied.js +14 -14
- package/lib/FactBox/FactBox.js +19 -12
- package/lib/Figure/Figure.js +70 -35
- package/lib/Figure/FigureBylineExpandButton.js +10 -9
- package/lib/Figure/FigureExpandButton.js +10 -9
- package/lib/Figure/FigureLicense.js +40 -25
- package/lib/Figure/FigureLicenseDialog.js +26 -16
- package/lib/Figure/FigureOpenDialogButton.js +28 -27
- package/lib/FileList/File.js +24 -23
- package/lib/FileList/FileList.js +17 -18
- package/lib/Filter/FilterButtons.js +111 -88
- package/lib/Filter/FilterCarousel.js +52 -47
- package/lib/Filter/FilterList.js +73 -53
- package/lib/Filter/FilterListPhone.js +150 -111
- package/lib/Filter/ToggleItem.js +23 -14
- package/lib/Footer/EditorName.js +7 -3
- package/lib/Footer/Footer.js +39 -35
- package/lib/Footer/FooterAuth.js +50 -48
- package/lib/Footer/FooterLinks.js +42 -37
- package/lib/Footer/FooterPrivacy.js +30 -25
- package/lib/Footer/FooterText.js +6 -6
- package/lib/Footer/privacy_en.js +35 -3
- package/lib/Footer/privacy_nb.js +35 -3
- package/lib/Footer/privacy_nn.js +33 -3
- package/lib/Frontpage/FrontpageAllSubjects.d.ts +1 -0
- package/lib/Frontpage/FrontpageAllSubjects.js +74 -66
- package/lib/Frontpage/FrontpageFilm.js +27 -26
- package/lib/Frontpage/FrontpageHeader.js +20 -22
- package/lib/Frontpage/FrontpageInfo.js +6 -6
- package/lib/Frontpage/FrontpageMultidisciplinarySubject.js +41 -41
- package/lib/Frontpage/FrontpageProgramMenu.js +53 -54
- package/lib/Frontpage/FrontpageSearch.js +42 -42
- package/lib/Frontpage/FrontpageToolbox.js +29 -28
- package/lib/Frontpage/illustrations/Fellesfag.js +84 -82
- package/lib/Frontpage/illustrations/FrontpageHeaderIllustration.js +99 -88
- package/lib/Frontpage/illustrations/FrontpageIllustrations.js +2 -6
- package/lib/Frontpage/illustrations/FrontpageSubjectIllustration.js +161 -154
- package/lib/Frontpage/illustrations/MenuFellesfag.js +65 -62
- package/lib/Frontpage/illustrations/MenuStudiespesialiserende.js +62 -60
- package/lib/Frontpage/illustrations/MenuYrkesfag.js +92 -90
- package/lib/Frontpage/illustrations/Studiespesialiserende.js +72 -70
- package/lib/Frontpage/illustrations/Yrkesfag.js +103 -101
- package/lib/Hero/Hero.js +17 -11
- package/lib/Image/Image.js +35 -25
- package/lib/Image/ImageLink.js +12 -8
- package/lib/Image/LazyLoadImage.js +27 -22
- package/lib/InfoBlock/InfoBlock.js +18 -18
- package/lib/InfoBox/InfoBox.js +6 -6
- package/lib/InfoWidget/InfoWidget.js +56 -59
- package/lib/LanguageSelector/LanguageSelector.js +54 -66
- package/lib/LanguageSelector/LanguageSelectorContent.js +30 -32
- package/lib/Layout/Content.js +6 -5
- package/lib/Layout/LayoutItem.js +18 -14
- package/lib/Layout/OneColumn.js +6 -5
- package/lib/Layout/PageContainer.js +12 -11
- package/lib/LearningPaths/LearningPathContent.js +6 -6
- package/lib/LearningPaths/LearningPathInformation.js +25 -26
- package/lib/LearningPaths/LearningPathLastStepNavigation.js +32 -27
- package/lib/LearningPaths/LearningPathMenu.js +47 -46
- package/lib/LearningPaths/LearningPathMenuAside.js +30 -42
- package/lib/LearningPaths/LearningPathMenuAsideCopyright.js +16 -16
- package/lib/LearningPaths/LearningPathMenuContent.js +38 -38
- package/lib/LearningPaths/LearningPathMenuIntro.js +25 -30
- package/lib/LearningPaths/LearningPathMenuModalWrapper.js +27 -17
- package/lib/LearningPaths/LearningPathMobileHeader.js +12 -19
- package/lib/LearningPaths/LearningPathMobileStepInfo.js +9 -9
- package/lib/LearningPaths/LearningPathSticky.js +22 -21
- package/lib/LearningPaths/LearningPathWrapper.js +9 -12
- package/lib/Logo/Logo.js +23 -21
- package/lib/Logo/SvgLogo.js +24 -19
- package/lib/Masthead/Masthead.js +33 -37
- package/lib/Masthead/MastheadAuthModal.js +13 -10
- package/lib/Masthead/MastheadSearchModal.js +30 -31
- package/lib/Masthead/SkipToMainContent.js +7 -8
- package/lib/MediaList/MediaList.js +58 -40
- package/lib/Messages/MessageBanner.js +15 -20
- package/lib/Messages/MessageBox.js +41 -49
- package/lib/Messages/MessageBoxTag.js +6 -6
- package/lib/MultidisciplinarySubject/Illustrations.js +7 -21
- package/lib/MultidisciplinarySubject/List.js +19 -17
- package/lib/MultidisciplinarySubject/ListItem.js +30 -33
- package/lib/MultidisciplinarySubject/MultidisciplinarySubject.js +39 -35
- package/lib/MultidisciplinarySubject/MultidisciplinarySubjectHeader.js +36 -34
- package/lib/MyNdla/Resource/Folder.js +46 -61
- package/lib/MyNdla/Resource/FolderInput.js +39 -32
- package/lib/NDLAFilm/AboutNdlaFilm.js +38 -22
- package/lib/NDLAFilm/AllMoviesAlphabetically.js +47 -54
- package/lib/NDLAFilm/CategorySelect.js +64 -51
- package/lib/NDLAFilm/FilmContentCard.js +25 -27
- package/lib/NDLAFilm/FilmContentCardTags.js +11 -13
- package/lib/NDLAFilm/FilmMovieList.js +28 -24
- package/lib/NDLAFilm/FilmMovieSearch.js +33 -25
- package/lib/NDLAFilm/FilmSlideshow.js +72 -58
- package/lib/NDLAFilm/MovieGrid.js +26 -24
- package/lib/NDLAFilm/NavigationArrow.js +20 -28
- package/lib/NDLAFilm/SlideshowIndicator.js +16 -18
- package/lib/NDLAFilm/VisualElement.js +5 -7
- package/lib/NDLAFilm/filmStyles.js +2 -6
- package/lib/Navigation/NavigationBox.js +90 -110
- package/lib/Navigation/NavigationHeading.js +15 -14
- package/lib/Navigation/NavigationTopicAbout.js +59 -56
- package/lib/NoContentBox/NoContentBox.js +15 -6
- package/lib/Notion/ConceptNotion.js +67 -50
- package/lib/Notion/FigureNotion.js +40 -37
- package/lib/Notion/Notion.js +22 -21
- package/lib/Notion/NotionImage.js +19 -20
- package/lib/Notion/NotionVisualElement.js +19 -16
- package/lib/Portrait/Portrait.js +13 -21
- package/lib/Programme/Programme.js +32 -28
- package/lib/Programme/ProgrammeSubjects.js +26 -23
- package/lib/RadioButtonGroup/RadioButtonGroup.js +31 -33
- package/lib/RelatedArticleList/RelatedArticleList.js +41 -23
- package/lib/Resource/BlockResource.js +84 -78
- package/lib/Resource/ListResource.js +106 -102
- package/lib/Resource/resourceComponents.js +55 -70
- package/lib/ResourceBox/ResourceBox.js +28 -31
- package/lib/ResourceGroup/ResourceGroup.js +21 -22
- package/lib/ResourceGroup/ResourceItem.js +76 -78
- package/lib/ResourceGroup/ResourceList.js +35 -31
- package/lib/ResourcesWrapper/ResourcesTitle.js +16 -13
- package/lib/ResourcesWrapper/ResourcesTopicTitle.js +75 -48
- package/lib/ResourcesWrapper/ResourcesWrapper.js +14 -7
- package/lib/Search/ActiveFilterContent.js +10 -11
- package/lib/Search/ActiveFilters.js +34 -42
- package/lib/Search/ContentTypeResult.js +92 -68
- package/lib/Search/ContentTypeResultStyles.js +15 -59
- package/lib/Search/LoadingWrapper.js +12 -8
- package/lib/Search/SearchField.js +57 -51
- package/lib/Search/SearchFieldForm.js +10 -17
- package/lib/Search/SearchResult.js +101 -74
- package/lib/Search/SearchResultSleeve.js +78 -65
- package/lib/Search/ToggleSearchButton.js +15 -11
- package/lib/SearchTypeResult/ActiveFilterContent.js +10 -11
- package/lib/SearchTypeResult/ActiveFilters.js +50 -52
- package/lib/SearchTypeResult/PopupFilter.js +68 -66
- package/lib/SearchTypeResult/ResultNavigation.js +29 -29
- package/lib/SearchTypeResult/SearchFieldHeader.js +53 -58
- package/lib/SearchTypeResult/SearchFilterContent.js +19 -19
- package/lib/SearchTypeResult/SearchHeader.js +59 -49
- package/lib/SearchTypeResult/SearchItem.js +51 -46
- package/lib/SearchTypeResult/SearchItemList.js +55 -55
- package/lib/SearchTypeResult/SearchItems.js +17 -19
- package/lib/SearchTypeResult/SearchNotionItem.js +85 -78
- package/lib/SearchTypeResult/SearchNotionsResult.js +20 -20
- package/lib/SearchTypeResult/SearchSubjectItem.js +18 -16
- package/lib/SearchTypeResult/SearchSubjectResult.js +11 -13
- package/lib/SearchTypeResult/SearchTypeHeader.js +54 -53
- package/lib/SearchTypeResult/SearchTypeResult.js +24 -25
- package/lib/SearchTypeResult/SearchViewType.js +42 -40
- package/lib/SearchTypeResult/components/ItemContexts.js +64 -59
- package/lib/SearchTypeResult/components/ItemResourceHeader.js +40 -39
- package/lib/SearchTypeResult/components/ItemTopicHeader.js +23 -24
- package/lib/SearchTypeResult/components/SubjectFilters.js +31 -22
- package/lib/SectionHeading/SectionHeading.js +10 -15
- package/lib/SnackBar/DefaultSnackbar.js +18 -19
- package/lib/SnackBar/SnackbarProvider.js +24 -25
- package/lib/Subject/Subject.js +52 -53
- package/lib/Subject/SubjectAbout.js +27 -35
- package/lib/Subject/SubjectArchive.js +63 -58
- package/lib/Subject/SubjectBanner.js +4 -6
- package/lib/Subject/SubjectCarousel.js +96 -96
- package/lib/Subject/SubjectHeader.js +20 -24
- package/lib/Subject/SubjectLinks.js +26 -16
- package/lib/Subject/SubjectNewContent.js +37 -36
- package/lib/Subject/SubjectShortcuts.js +32 -28
- package/lib/Subject/SubjectSocial.js +12 -10
- package/lib/Table/Table.js +38 -22
- package/lib/TagSelector/Control.js +13 -9
- package/lib/TagSelector/DropdownIndicator.js +16 -12
- package/lib/TagSelector/Input.js +8 -6
- package/lib/TagSelector/Menu.js +12 -8
- package/lib/TagSelector/MenuList.js +13 -9
- package/lib/TagSelector/Option.js +13 -11
- package/lib/TagSelector/SelectContainer.js +12 -13
- package/lib/TagSelector/TagSelector.js +49 -51
- package/lib/TagSelector/ValueButton.js +15 -10
- package/lib/ToolboxPage/ToolboxInfo.js +17 -15
- package/lib/Topic/Loader.js +97 -96
- package/lib/Topic/Topic.js +127 -120
- package/lib/TopicIntroductionList/TopicIntroduction.js +50 -37
- package/lib/TopicIntroductionList/TopicIntroductionList.js +28 -23
- package/lib/TopicIntroductionList/TopicIntroductionShortcuts.js +33 -21
- package/lib/TopicIntroductionList/TopicShortcutItem.js +21 -13
- package/lib/TopicMenu/SubtopicLinkList.js +112 -104
- package/lib/TopicMenu/TopicMenu.js +207 -144
- package/lib/TopicMenu/TopicMenuButton.js +13 -9
- package/lib/Translation/Translation.js +15 -10
- package/lib/Translation/TranslationBox.js +11 -9
- package/lib/Translation/TranslationLine.js +21 -8
- package/lib/TreeStructure/AddFolderButton.js +35 -37
- package/lib/TreeStructure/ComboboxButton.js +32 -33
- package/lib/TreeStructure/FolderItem.js +55 -59
- package/lib/TreeStructure/FolderItems.js +58 -52
- package/lib/TreeStructure/NavigationLink.js +10 -11
- package/lib/TreeStructure/TreeStructure.js +69 -79
- package/lib/User/AuthModal.js +48 -46
- package/lib/User/UserInfo.js +52 -36
- package/lib/internal-icons/Book.js +8 -7
- package/lib/internal-icons/Download.js +9 -8
- package/lib/internal-icons/Embed.js +8 -7
- package/lib/internal-icons/InsertTemplate.js +8 -7
- package/lib/internal-icons/OpenWindow.js +8 -7
- package/lib/locale/LocaleProvider.js +12 -8
- package/lib/locale/messages-en.d.ts +2 -0
- package/lib/locale/messages-en.js +2 -1
- package/lib/locale/messages-nb.d.ts +2 -0
- package/lib/locale/messages-nb.js +2 -1
- package/lib/locale/messages-nn.d.ts +2 -0
- package/lib/locale/messages-nn.js +3 -2
- package/lib/locale/messages-se.d.ts +2 -0
- package/lib/locale/messages-se.js +2 -1
- package/lib/locale/messages-sma.d.ts +2 -0
- package/lib/locale/messages-sma.js +2 -1
- package/lib/model/SubjectTypes.d.ts +1 -0
- package/lib/model/SubjectTypes.js +3 -1
- package/lib/utils/createUniversalPortal.js +6 -5
- package/package.json +15 -15
- package/src/AudioPlayer/Controls.tsx +2 -2
- package/src/AudioPlayer/SpeechControl.tsx +2 -2
- package/src/Frontpage/FrontpageAllSubjects.tsx +8 -7
- package/src/TagSelector/Control.tsx +1 -0
- package/src/TagSelector/MenuList.tsx +1 -0
- package/src/TreeStructure/TreeStructure.tsx +1 -0
- package/src/locale/messages-en.ts +3 -0
- package/src/locale/messages-nb.ts +2 -0
- package/src/locale/messages-nn.ts +4 -1
- package/src/locale/messages-se.ts +3 -0
- package/src/locale/messages-sma.ts +3 -0
- package/src/model/SubjectTypes.ts +1 -0
- package/src/.DS_Store +0 -0
package/es/TagSelector/Menu.js
CHANGED
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
6
|
+
|
|
7
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
8
|
|
|
3
9
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
10
|
|
|
@@ -16,20 +22,17 @@ import { colors } from '@ndla/core';
|
|
|
16
22
|
import React from 'react';
|
|
17
23
|
import { components } from 'react-select';
|
|
18
24
|
import { StyledMenuList } from './MenuList';
|
|
19
|
-
|
|
20
|
-
var menuStyle =
|
|
21
|
-
/*#__PURE__*/
|
|
22
|
-
|
|
23
|
-
/*#__PURE__*/
|
|
24
|
-
css("display:flex;position:relative;flex-direction:column;margin:0;overflow:hidden;border-top:1px solid ", colors.brand.tertiary, ";min-height:70px;:has(", StyledMenuList, ">*:only-child){min-height:40px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVxQiIsImZpbGUiOiJNZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgTWVudVByb3BzLCBjb21wb25lbnRzIH0gZnJvbSAncmVhY3Qtc2VsZWN0JztcbmltcG9ydCB7IFN0eWxlZE1lbnVMaXN0IH0gZnJvbSAnLi9NZW51TGlzdCc7XG5pbXBvcnQgeyBUYWdUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IG1lbnVTdHlsZSA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXJnaW46IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIG1pbi1oZWlnaHQ6IDcwcHg7XG5cbiAgOmhhcygke1N0eWxlZE1lbnVMaXN0fT4qOm9ubHktY2hpbGQpIHtcbiAgICBtaW4taGVpZ2h0OiA0MHB4O1xuICB9XG5gO1xuXG5jb25zdCBNZW51ID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH06IE1lbnVQcm9wczxUYWdUeXBlLCB0cnVlPikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxjb21wb25lbnRzLk1lbnUgY3NzPXttZW51U3R5bGV9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9jb21wb25lbnRzLk1lbnU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZW51O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;");
|
|
25
|
+
var menuStyle = /*#__PURE__*/css("display:flex;position:relative;flex-direction:column;margin:0;overflow:hidden;border-top:1px solid ", colors.brand.tertiary, ";min-height:70px;:has(", StyledMenuList, ">*:only-child){min-height:40px;};label:menuStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVxQiIsImZpbGUiOiJNZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgTWVudVByb3BzLCBjb21wb25lbnRzIH0gZnJvbSAncmVhY3Qtc2VsZWN0JztcbmltcG9ydCB7IFN0eWxlZE1lbnVMaXN0IH0gZnJvbSAnLi9NZW51TGlzdCc7XG5pbXBvcnQgeyBUYWdUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IG1lbnVTdHlsZSA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBtYXJnaW46IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIG1pbi1oZWlnaHQ6IDcwcHg7XG5cbiAgOmhhcygke1N0eWxlZE1lbnVMaXN0fT4qOm9ubHktY2hpbGQpIHtcbiAgICBtaW4taGVpZ2h0OiA0MHB4O1xuICB9XG5gO1xuXG5jb25zdCBNZW51ID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH06IE1lbnVQcm9wczxUYWdUeXBlLCB0cnVlPikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxjb21wb25lbnRzLk1lbnUgY3NzPXttZW51U3R5bGV9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9jb21wb25lbnRzLk1lbnU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZW51O1xuIl19 */"));
|
|
25
26
|
|
|
26
27
|
var Menu = function Menu(_ref) {
|
|
27
28
|
var children = _ref.children,
|
|
28
29
|
props = _objectWithoutProperties(_ref, ["children"]);
|
|
29
30
|
|
|
30
|
-
return
|
|
31
|
+
return _jsx(components.Menu, _objectSpread(_objectSpread({
|
|
31
32
|
css: menuStyle
|
|
32
|
-
}, props),
|
|
33
|
+
}, props), {}, {
|
|
34
|
+
children: children
|
|
35
|
+
}));
|
|
33
36
|
};
|
|
34
37
|
|
|
35
38
|
export default Menu;
|
|
@@ -1,31 +1,28 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
3
|
|
|
3
|
-
function
|
|
4
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
+
|
|
6
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
7
|
+
|
|
8
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
9
|
|
|
5
|
-
/**
|
|
6
|
-
* Copyright (c) 2022-present, NDLA.
|
|
7
|
-
*
|
|
8
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
9
|
-
* LICENSE file in the root directory of this source tree.
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
12
10
|
import { utils } from '@ndla/core';
|
|
13
11
|
import React from 'react';
|
|
14
|
-
|
|
15
|
-
export var StyledMenuList = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
16
|
-
target: "e1e7c4ob0"
|
|
17
|
-
} : {
|
|
12
|
+
export var StyledMenuList = /*#__PURE__*/_styled("div", {
|
|
18
13
|
target: "e1e7c4ob0",
|
|
19
14
|
label: "StyledMenuList"
|
|
20
|
-
})("overflow:overlay;", utils.scrollbar, " display:flex;flex-direction:column;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
15
|
+
})("overflow:auto;overflow:overlay;", utils.scrollbar, " display:flex;flex-direction:column;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0MiLCJmaWxlIjoiTWVudUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1dGlscyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lbnVMaXN0UHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IHsgVGFnVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTWVudUxpc3QgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogYXV0bztcbiAgb3ZlcmZsb3c6IG92ZXJsYXk7XG4gICR7dXRpbHMuc2Nyb2xsYmFyfVxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgTWVudUxpc3QgPSAoeyBpbm5lclByb3BzLCBpbm5lclJlZiwgY2hpbGRyZW4gfTogTWVudUxpc3RQcm9wczxUYWdUeXBlLCB0cnVlPikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRNZW51TGlzdCByZWY9e2lubmVyUmVmfSB7Li4uaW5uZXJQcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRNZW51TGlzdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lbnVMaXN0O1xuIl19 */"));
|
|
21
16
|
|
|
22
17
|
var MenuList = function MenuList(_ref) {
|
|
23
18
|
var innerProps = _ref.innerProps,
|
|
24
19
|
innerRef = _ref.innerRef,
|
|
25
20
|
children = _ref.children;
|
|
26
|
-
return
|
|
21
|
+
return _jsx(StyledMenuList, _objectSpread(_objectSpread({
|
|
27
22
|
ref: innerRef
|
|
28
|
-
}, innerProps),
|
|
23
|
+
}, innerProps), {}, {
|
|
24
|
+
children: children
|
|
25
|
+
}));
|
|
29
26
|
};
|
|
30
27
|
|
|
31
28
|
export default MenuList;
|
package/es/TagSelector/Option.js
CHANGED
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
4
|
|
|
3
|
-
function
|
|
5
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
+
|
|
7
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
8
|
+
|
|
9
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
10
|
|
|
5
11
|
/**
|
|
6
12
|
* Copyright (c) 2022-present, NDLA.
|
|
@@ -13,11 +19,8 @@ import React from 'react';
|
|
|
13
19
|
import { buttonStyleV2 as buttonStyle } from '@ndla/button';
|
|
14
20
|
import { colors, fonts } from '@ndla/core';
|
|
15
21
|
import { Done } from '@ndla/icons/editor';
|
|
16
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
17
22
|
|
|
18
|
-
var StyledMenuOption = /*#__PURE__*/_styled("div",
|
|
19
|
-
target: "ec486651"
|
|
20
|
-
} : {
|
|
23
|
+
var StyledMenuOption = /*#__PURE__*/_styled("div", {
|
|
21
24
|
target: "ec486651",
|
|
22
25
|
label: "StyledMenuOption"
|
|
23
26
|
})("&&{background:", function (_ref) {
|
|
@@ -31,9 +34,7 @@ var StyledMenuOption = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
|
|
|
31
34
|
return selected && colors.brand.grey;
|
|
32
35
|
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJnRCIsImZpbGUiOiJPcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgT3B0aW9uUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IHsgYnV0dG9uU3R5bGVWMiBhcyBidXR0b25TdHlsZSB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IFRhZ1R5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGZvY3VzZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZE1lbnVPcHRpb24gPSBzdHlsZWQuZGl2PFN0eWxlZFByb3BzPmBcbiAgJiYge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgZm9jdXNlZCB9KSA9PiBmb2N1c2VkICYmIGNvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBjb2xvcjogJHsoeyBmb2N1c2VkIH0pID0+IGZvY3VzZWQgJiYgY29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAke2ZvbnRzLnNpemVzKDE2KX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG4gICAgY29sb3I6ICR7KHsgc2VsZWN0ZWQgfSkgPT4gc2VsZWN0ZWQgJiYgY29sb3JzLmJyYW5kLmdyZXl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDaGVjayA9IHN0eWxlZChEb25lKWBcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbiAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuYDtcblxuY29uc3QgT3B0aW9uID0gKHsgaW5uZXJQcm9wcywgaW5uZXJSZWYsIGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0ZvY3VzZWQgfTogT3B0aW9uUHJvcHM8VGFnVHlwZSwgdHJ1ZT4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTWVudU9wdGlvblxuICAgICAgZm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICBjc3M9e2J1dHRvblN0eWxlKHsgY29sb3JUaGVtZTogJ2xpZ2h0ZXInLCB2YXJpYW50OiAnZ2hvc3QnLCBzaGFwZTogJ3NoYXJwJyB9KX1cbiAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICB7Li4uaW5uZXJQcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7aXNTZWxlY3RlZCAmJiA8U3R5bGVkQ2hlY2sgLz59XG4gICAgPC9TdHlsZWRNZW51T3B0aW9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"));
|
|
33
36
|
|
|
34
|
-
var StyledCheck = /*#__PURE__*/_styled(Done,
|
|
35
|
-
target: "ec486650"
|
|
36
|
-
} : {
|
|
37
|
+
var StyledCheck = /*#__PURE__*/_styled(Done, {
|
|
37
38
|
target: "ec486650",
|
|
38
39
|
label: "StyledCheck"
|
|
39
40
|
})("width:24px;height:24px;fill:", colors.brand.tertiary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NnQyIsImZpbGUiOiJPcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgT3B0aW9uUHJvcHMgfSBmcm9tICdyZWFjdC1zZWxlY3QnO1xuaW1wb3J0IHsgYnV0dG9uU3R5bGVWMiBhcyBidXR0b25TdHlsZSB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBEb25lIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IFRhZ1R5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGZvY3VzZWQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZE1lbnVPcHRpb24gPSBzdHlsZWQuZGl2PFN0eWxlZFByb3BzPmBcbiAgJiYge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgZm9jdXNlZCB9KSA9PiBmb2N1c2VkICYmIGNvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBjb2xvcjogJHsoeyBmb2N1c2VkIH0pID0+IGZvY3VzZWQgJiYgY29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAke2ZvbnRzLnNpemVzKDE2KX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG4gICAgY29sb3I6ICR7KHsgc2VsZWN0ZWQgfSkgPT4gc2VsZWN0ZWQgJiYgY29sb3JzLmJyYW5kLmdyZXl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDaGVjayA9IHN0eWxlZChEb25lKWBcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbiAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuYDtcblxuY29uc3QgT3B0aW9uID0gKHsgaW5uZXJQcm9wcywgaW5uZXJSZWYsIGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0ZvY3VzZWQgfTogT3B0aW9uUHJvcHM8VGFnVHlwZSwgdHJ1ZT4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTWVudU9wdGlvblxuICAgICAgZm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICBjc3M9e2J1dHRvblN0eWxlKHsgY29sb3JUaGVtZTogJ2xpZ2h0ZXInLCB2YXJpYW50OiAnZ2hvc3QnLCBzaGFwZTogJ3NoYXJwJyB9KX1cbiAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICB7Li4uaW5uZXJQcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7aXNTZWxlY3RlZCAmJiA8U3R5bGVkQ2hlY2sgLz59XG4gICAgPC9TdHlsZWRNZW51T3B0aW9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"));
|
|
@@ -44,7 +45,7 @@ var Option = function Option(_ref4) {
|
|
|
44
45
|
children = _ref4.children,
|
|
45
46
|
isSelected = _ref4.isSelected,
|
|
46
47
|
isFocused = _ref4.isFocused;
|
|
47
|
-
return
|
|
48
|
+
return _jsxs(StyledMenuOption, _objectSpread(_objectSpread({
|
|
48
49
|
focused: isFocused,
|
|
49
50
|
selected: isSelected,
|
|
50
51
|
css: buttonStyle({
|
|
@@ -53,7 +54,9 @@ var Option = function Option(_ref4) {
|
|
|
53
54
|
shape: 'sharp'
|
|
54
55
|
}),
|
|
55
56
|
ref: innerRef
|
|
56
|
-
}, innerProps),
|
|
57
|
+
}, innerProps), {}, {
|
|
58
|
+
children: [children, isSelected && _jsx(StyledCheck, {})]
|
|
59
|
+
}));
|
|
57
60
|
};
|
|
58
61
|
|
|
59
62
|
export default Option;
|
|
@@ -1,19 +1,16 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
+
|
|
6
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
7
|
+
|
|
8
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2
9
|
|
|
3
|
-
/**
|
|
4
|
-
* Copyright (c) 2022-present, NDLA.
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
7
|
-
* LICENSE file in the root directory of this source tree.
|
|
8
|
-
*
|
|
9
|
-
*/
|
|
10
10
|
import { colors, fonts, misc } from '@ndla/core';
|
|
11
11
|
import React from 'react';
|
|
12
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
13
12
|
|
|
14
|
-
var StyledContainer = /*#__PURE__*/_styled("div",
|
|
15
|
-
target: "exs06kq0"
|
|
16
|
-
} : {
|
|
13
|
+
var StyledContainer = /*#__PURE__*/_styled("div", {
|
|
17
14
|
target: "exs06kq0",
|
|
18
15
|
label: "StyledContainer"
|
|
19
16
|
})("display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid ", colors.brand.neutral7, ";border-radius:", misc.borderRadius, ";&:focus-within{border-color:", colors.brand.tertiary, ";}", fonts.sizes(16), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlbGVjdENvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2tDIiwiZmlsZSI6IlNlbGVjdENvbnRhaW5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDb250YWluZXJQcm9wcyB9IGZyb20gJ3JlYWN0LXNlbGVjdCc7XG5pbXBvcnQgeyBUYWdUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byAxZnI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgJjpmb2N1cy13aXRoaW4ge1xuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG4gICR7Zm9udHMuc2l6ZXMoMTYpfTtcbmA7XG5cbmNvbnN0IFNlbGVjdENvbnRhaW5lciA9ICh7IGlubmVyUHJvcHMsIHNlbGVjdFByb3BzLCBjaGlsZHJlbiB9OiBDb250YWluZXJQcm9wczxUYWdUeXBlLCB0cnVlPikgPT4ge1xuICByZXR1cm4gPFN0eWxlZENvbnRhaW5lciB7Li4uaW5uZXJQcm9wc30+e2NoaWxkcmVufTwvU3R5bGVkQ29udGFpbmVyPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlbGVjdENvbnRhaW5lcjtcbiJdfQ== */"));
|
|
@@ -22,7 +19,9 @@ var SelectContainer = function SelectContainer(_ref) {
|
|
|
22
19
|
var innerProps = _ref.innerProps,
|
|
23
20
|
selectProps = _ref.selectProps,
|
|
24
21
|
children = _ref.children;
|
|
25
|
-
return
|
|
22
|
+
return _jsx(StyledContainer, _objectSpread(_objectSpread({}, innerProps), {}, {
|
|
23
|
+
children: children
|
|
24
|
+
}));
|
|
26
25
|
};
|
|
27
26
|
|
|
28
27
|
export default SelectContainer;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
4
|
|
|
3
5
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
6
|
|
|
@@ -40,7 +42,6 @@ import Option from './Option';
|
|
|
40
42
|
import Menu from './Menu';
|
|
41
43
|
import { createAriaMessages } from './ariaMessages';
|
|
42
44
|
import Input from './Input';
|
|
43
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
44
45
|
var styles = {
|
|
45
46
|
menu: function menu() {
|
|
46
47
|
return {};
|
|
@@ -72,9 +73,7 @@ var styles = {
|
|
|
72
73
|
}
|
|
73
74
|
};
|
|
74
75
|
|
|
75
|
-
var StyledTagSelector = /*#__PURE__*/_styled("div",
|
|
76
|
-
target: "eor9swf1"
|
|
77
|
-
} : {
|
|
76
|
+
var StyledTagSelector = /*#__PURE__*/_styled("div", {
|
|
78
77
|
target: "eor9swf1",
|
|
79
78
|
label: "StyledTagSelector"
|
|
80
79
|
})(process.env.NODE_ENV === "production" ? {
|
|
@@ -87,9 +86,7 @@ var StyledTagSelector = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
|
|
|
87
86
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
88
87
|
});
|
|
89
88
|
|
|
90
|
-
var StyledLabel = /*#__PURE__*/_styled("label",
|
|
91
|
-
target: "eor9swf0"
|
|
92
|
-
} : {
|
|
89
|
+
var StyledLabel = /*#__PURE__*/_styled("label", {
|
|
93
90
|
target: "eor9swf0",
|
|
94
91
|
label: "StyledLabel"
|
|
95
92
|
})("font-weight:", fonts.weight.semibold, ";", function (p) {
|
|
@@ -155,49 +152,51 @@ var TagSelector = function TagSelector(_ref) {
|
|
|
155
152
|
});
|
|
156
153
|
};
|
|
157
154
|
|
|
158
|
-
return
|
|
159
|
-
className: className
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
155
|
+
return _jsxs(StyledTagSelector, {
|
|
156
|
+
className: className,
|
|
157
|
+
children: [label && _jsx(StyledLabel, {
|
|
158
|
+
labelHidden: true,
|
|
159
|
+
htmlFor: "tagselector-creatable",
|
|
160
|
+
id: "tagselector-label",
|
|
161
|
+
children: label
|
|
162
|
+
}), _jsx(CreatableSelect, {
|
|
163
|
+
id: "tagselector-creatable",
|
|
164
|
+
"aria-labelledby": label ? 'tagselector-label' : undefined,
|
|
165
|
+
ariaLiveMessages: createAriaMessages(t),
|
|
166
|
+
components: {
|
|
167
|
+
DropdownIndicator: DropdownIndicator,
|
|
168
|
+
MultiValue: ValueButton,
|
|
169
|
+
SelectContainer: SelectContainer,
|
|
170
|
+
MenuList: MenuList,
|
|
171
|
+
Control: Control,
|
|
172
|
+
Option: Option,
|
|
173
|
+
Menu: Menu,
|
|
174
|
+
Input: Input
|
|
175
|
+
},
|
|
176
|
+
formatCreateLabel: createLabel,
|
|
177
|
+
inputValue: input,
|
|
178
|
+
isClearable: false,
|
|
179
|
+
isMulti: true,
|
|
180
|
+
noOptionsMessage: function noOptionsMessage() {
|
|
181
|
+
return t('tagSelector.noOptions');
|
|
182
|
+
},
|
|
183
|
+
onChange: handleChange,
|
|
184
|
+
onCreateOption: onCreateTag,
|
|
185
|
+
onInputChange: setInput,
|
|
186
|
+
onKeyDown: handleSpaceClick,
|
|
187
|
+
options: tags,
|
|
188
|
+
placeholder: t('tagSelector.placeholder'),
|
|
189
|
+
screenReaderStatus: function screenReaderStatus(_ref2) {
|
|
190
|
+
var count = _ref2.count;
|
|
191
|
+
return t('tagSelector.aria.screenReaderStatus', {
|
|
192
|
+
count: count
|
|
193
|
+
});
|
|
194
|
+
},
|
|
195
|
+
styles: styles,
|
|
196
|
+
tabSelectsValue: false,
|
|
197
|
+
value: selected
|
|
198
|
+
})]
|
|
199
|
+
});
|
|
201
200
|
};
|
|
202
201
|
|
|
203
202
|
export default TagSelector;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
4
|
|
|
3
|
-
function
|
|
5
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
+
|
|
7
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
8
|
+
|
|
9
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
10
|
|
|
5
11
|
/**
|
|
6
12
|
* Copyright (c) 2022-present, NDLA.
|
|
@@ -13,10 +19,7 @@ import React from 'react';
|
|
|
13
19
|
import { buttonStyleV2 as buttonStyle } from '@ndla/button';
|
|
14
20
|
import { colors, spacing } from '@ndla/core';
|
|
15
21
|
import { Cross } from '@ndla/icons/action';
|
|
16
|
-
|
|
17
|
-
export var StyledValueButton = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
18
|
-
target: "e1m4p4cx0"
|
|
19
|
-
} : {
|
|
22
|
+
export var StyledValueButton = /*#__PURE__*/_styled("div", {
|
|
20
23
|
target: "e1m4p4cx0",
|
|
21
24
|
label: "StyledValueButton"
|
|
22
25
|
})("&&{background:", function (_ref) {
|
|
@@ -32,7 +35,7 @@ var ValueButton = function ValueButton(_ref3) {
|
|
|
32
35
|
children = _ref3.children,
|
|
33
36
|
removeProps = _ref3.removeProps,
|
|
34
37
|
isFocused = _ref3.isFocused;
|
|
35
|
-
return
|
|
38
|
+
return _jsxs(StyledValueButton, _objectSpread(_objectSpread(_objectSpread({
|
|
36
39
|
selected: isFocused,
|
|
37
40
|
role: "button",
|
|
38
41
|
css: buttonStyle({
|
|
@@ -40,9 +43,12 @@ var ValueButton = function ValueButton(_ref3) {
|
|
|
40
43
|
shape: 'pill',
|
|
41
44
|
size: 'small'
|
|
42
45
|
})
|
|
43
|
-
}, innerProps, removeProps),
|
|
44
|
-
"
|
|
45
|
-
|
|
46
|
+
}, innerProps), removeProps), {}, {
|
|
47
|
+
children: [_jsx("span", {
|
|
48
|
+
"aria-hidden": true,
|
|
49
|
+
children: "#"
|
|
50
|
+
}), children, _jsx(Cross, {})]
|
|
51
|
+
}));
|
|
46
52
|
};
|
|
47
53
|
|
|
48
54
|
export default ValueButton;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
4
|
+
import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
|
|
2
5
|
|
|
3
6
|
/**
|
|
4
7
|
* Copyright (c) 2021-present, NDLA.
|
|
@@ -11,11 +14,8 @@ import React from 'react';
|
|
|
11
14
|
import { breakpoints, fonts, mq } from '@ndla/core';
|
|
12
15
|
import { withTranslation } from 'react-i18next';
|
|
13
16
|
import { NavigationBox } from '../Navigation';
|
|
14
|
-
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
15
17
|
|
|
16
|
-
var Heading = /*#__PURE__*/_styled("h1",
|
|
17
|
-
target: "e1iamp441"
|
|
18
|
-
} : {
|
|
18
|
+
var Heading = /*#__PURE__*/_styled("h1", {
|
|
19
19
|
target: "e1iamp441",
|
|
20
20
|
label: "Heading"
|
|
21
21
|
})(fonts.sizes('30px', '35px'), ";", mq.range({
|
|
@@ -24,9 +24,7 @@ var Heading = /*#__PURE__*/_styled("h1", process.env.NODE_ENV === "production" ?
|
|
|
24
24
|
from: breakpoints.desktop
|
|
25
25
|
}), "{", fonts.sizes('52px', '65px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2xib3hJbmZvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFleUIiLCJmaWxlIjoiVG9vbGJveEluZm8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgTW91c2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFdpdGhUcmFuc2xhdGlvbiwgd2l0aFRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJdGVtUHJvcHMgfSBmcm9tICcuLi9OYXZpZ2F0aW9uL05hdmlnYXRpb25Cb3gnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkJveCB9IGZyb20gJy4uL05hdmlnYXRpb24nO1xuXG5jb25zdCBIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCczMHB4JywgJzM1cHgnKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzM2cHgnLCAnNDZweCcpfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnNTJweCcsICc2NXB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBJbnRyb2R1Y3Rpb24gPSBzdHlsZWQucGBcbiAgbWF4LXdpZHRoOiA4MDBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMycHgnKX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzI2cHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvcGljczogSXRlbVByb3BzW107XG4gIG9uU2VsZWN0VG9waWM/OiAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+LCBpZD86IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFRvb2xib3hJbmZvID0gKHsgdGl0bGUsIGludHJvZHVjdGlvbiwgdG9waWNzLCBvblNlbGVjdFRvcGljLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDw+XG4gICAgPEhlYWRpbmc+e3RpdGxlfTwvSGVhZGluZz5cbiAgICA8SW50cm9kdWN0aW9uPntpbnRyb2R1Y3Rpb259PC9JbnRyb2R1Y3Rpb24+XG4gICAgPE5hdmlnYXRpb25Cb3hcbiAgICAgIGl0ZW1zPXt0b3BpY3N9XG4gICAgICBsaXN0RGlyZWN0aW9uPVwiZmxvYXRpbmdcIlxuICAgICAgaGVhZGluZz17dCgndG9waWNQYWdlLnRvcGljcycpfVxuICAgICAgY29sb3JNb2RlPVwiZ3JleUxpZ2h0ZXJcIlxuICAgICAgb25DbGljaz17b25TZWxlY3RUb3BpY31cbiAgICAvPlxuICA8Lz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhUcmFuc2xhdGlvbigpKFRvb2xib3hJbmZvKTtcbiJdfQ== */"));
|
|
26
26
|
|
|
27
|
-
var Introduction = /*#__PURE__*/_styled("p",
|
|
28
|
-
target: "e1iamp440"
|
|
29
|
-
} : {
|
|
27
|
+
var Introduction = /*#__PURE__*/_styled("p", {
|
|
30
28
|
target: "e1iamp440",
|
|
31
29
|
label: "Introduction"
|
|
32
30
|
})("max-width:800px;font-weight:", fonts.weight.light, ";", fonts.sizes('18px', '28px'), ";", mq.range({
|
|
@@ -41,13 +39,19 @@ var ToolboxInfo = function ToolboxInfo(_ref) {
|
|
|
41
39
|
topics = _ref.topics,
|
|
42
40
|
onSelectTopic = _ref.onSelectTopic,
|
|
43
41
|
t = _ref.t;
|
|
44
|
-
return
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
42
|
+
return _jsxs(_Fragment, {
|
|
43
|
+
children: [_jsx(Heading, {
|
|
44
|
+
children: title
|
|
45
|
+
}), _jsx(Introduction, {
|
|
46
|
+
children: introduction
|
|
47
|
+
}), _jsx(NavigationBox, {
|
|
48
|
+
items: topics,
|
|
49
|
+
listDirection: "floating",
|
|
50
|
+
heading: t('topicPage.topics'),
|
|
51
|
+
colorMode: "greyLighter",
|
|
52
|
+
onClick: onSelectTopic
|
|
53
|
+
})]
|
|
54
|
+
});
|
|
51
55
|
};
|
|
52
56
|
|
|
53
57
|
export default withTranslation()(ToolboxInfo);
|