@ndla/ui 47.4.1 → 49.0.0

package/lib/i18n/i18n.d.ts

@@ -1,2 +1,3 @@
+export declare const supportedTranslationLanguages: readonly ["nb", "nn", "en", "se", "sma"];
 declare const i18nInstance: import("i18next").i18n;
 export { i18nInstance };

package/lib/i18n/i18n.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.i18nInstance = void 0;
+exports.supportedTranslationLanguages = exports.i18nInstance = void 0;
 var _i18next = _interopRequireDefault(require("i18next"));
 var _reactI18next = require("react-i18next");
 var _i18nextBrowserLanguagedetector = _interopRequireDefault(require("i18next-browser-languagedetector"));
@@ -26,13 +26,15 @@ var DETECTION_OPTIONS = {
   caches: ['localStorage'],
   lookupLocalStorage: 'i18nextLng'
 };
+var supportedTranslationLanguages = ['nb', 'nn', 'en', 'se', 'sma'];
+exports.supportedTranslationLanguages = supportedTranslationLanguages;
 var i18nInstance = _i18next.default.use(_reactI18next.initReactI18next).use(_i18nextBrowserLanguagedetector.default);
 exports.i18nInstance = i18nInstance;
 i18nInstance.init({
   compatibilityJSON: 'v3',
   detection: DETECTION_OPTIONS,
   fallbackLng: 'nb',
-  supportedLngs: ['nb', 'nn', 'en', 'se', 'sma'],
+  supportedLngs: supportedTranslationLanguages,
   resources: {
     en: {
       translation: _messagesEn.default

package/lib/index.d.ts

@@ -10,44 +10,38 @@ export { default as FramedContent } from './FramedContent';
 export { default as SectionHeading } from './SectionHeading';
 export { ConceptNotionV2, ImageEmbed, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept, } from './Embed';
 export { ArticleByline, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, default as Article, } from './Article';
+export { getPossiblyRelativeUrl } from './utils/relativeUrl';
 export { default as Table, TableStyling } from './Table';
 export { default as ResourcesWrapper, ResourcesTopicTitle } from './ResourcesWrapper';
 export { default as NoContentBox } from './NoContentBox';
 export { default as Masthead, getMastheadHeight, useMastheadHeight, SkipToMainContent } from './Masthead';
 export { default as ContentLoader } from './ContentLoader';
-export { default as RelatedArticleList, RelatedArticle, RelatedArticleListV2 } from './RelatedArticleList';
+export { default as RelatedArticleList, RelatedArticle } from './RelatedArticleList';
 export { ErrorResourceAccessDenied, default as ErrorMessage } from './ErrorMessage';
-export { default as FileList, File, FileListV2, FileV2, PdfFile } from './FileList';
-export { BlogPost, BlogPostWrapper } from './BlogPosts';
+export { default as FileList, File, PdfFile } from './FileList';
 export { default as Logo } from './Logo';
-export { InfoBox } from './InfoBox';
-export { default as InfoWidget } from './InfoWidget';
-export { FrontpageInfo, FrontpageFilm, FrontpageToolbox, FrontpageMultidisciplinarySubject, FrontpageHeader, FrontpageSubjectIllustration, FrontpageSearch, FrontpageProgramMenu, } from './Frontpage';
-export { default as FactBox, FactBoxV2 } from './FactBox';
+export { default as FactBox } from './FactBox';
 export { default as Image, ImageLink, makeSrcQueryString } from './Image';
 export type { ImageCrop, ImageFocalPoint } from './Image';
 export type { HeroContentType } from './Hero';
 export { SubjectMaterialHero, TasksAndActivitiesHero, AssessmentResourcesHero, SubjectHero, ExternalLearningResourcesHero, SourceMaterialHero, Hero, NdlaFilmHero, HeroContent, } from './Hero';
 export { FilterList, FilterListPhone, FilterButtons, ToggleItem } from './Filter';
 export { Footer, EditorName, FooterText } from './Footer';
-export { Figure, FigureExpandButton, FigureOpenDialogButton, FigureBylineExpandButton } from './Figure';
+export { Figure, FigureOpenDialogButton } from './Figure';
 export type { FigureType } from './Figure';
 export { LanguageSelector } from './LanguageSelector';
 export { LearningPathWrapper, LearningPathContent, LearningPathMenu, LearningPathSticky, LearningPathInformation, LearningPathStickySibling, LearningPathStickyPlaceholder, LearningPathLastStepNavigation, LearningPathMobileStepInfo, LearningPathMobileHeader, } from './LearningPaths';
-export { Translation, TranslationLine } from './Translation';
 export { default as SearchResultSleeve } from './Search/SearchResultSleeve';
 export { default as ContentTypeResult } from './Search/ContentTypeResult';
 export { SearchFieldForm } from './Search/SearchFieldForm';
-export { default as MastheadSearchModal } from './Masthead/MastheadSearchModal';
 export { default as resourceTypeColor } from './utils/resourceTypeColor';
 export { default as CreatedBy } from './CreatedBy';
-export { MessageBox, MessageBoxTag, MessageBanner } from './Messages';
+export { MessageBox, MessageBanner } from './Messages';
 export { ResourceBox } from './ResourceBox';
 export { default as AudioPlayer } from './AudioPlayer';
-export { NavigationBox, NavigationTopicAbout } from './Navigation';
+export { NavigationBox } from './Navigation';
 export { default as Programme } from './Programme';
 export { default as CompetenceGoalTab } from './CompetenceGoalTab';
-export { default as MultidisciplinarySubject } from './MultidisciplinarySubject';
 export { SearchTypeResult, SearchHeader, SearchFieldHeader, SearchNotionsResult, SearchSubjectResult, SearchFilterContent, } from './SearchTypeResult';
 export { default as constants } from './model';
 export { default as messagesNB } from './locale/messages-nb';
@@ -69,8 +63,8 @@ export { FilmSlideshow, MovieGrid, AboutNdlaFilm, FilmMovieSearch, FilmMovieList
 export { MediaList, MediaListItem, MediaListItemBody, MediaListItemActions, MediaListItemImage, MediaListItemMeta, } from './MediaList';
 export type { ItemType } from './MediaList';
 export { default as ContentTypeBadge, SubjectMaterialBadge, TasksAndActivitiesBadge, AssessmentResourcesBadge, LearningPathBadge, SubjectBadge, ExternalLearningResourcesBadge, SourceMaterialBadge, } from './ContentTypeBadge';
-export { SubjectChildContent, SubjectContent, SubjectFlexWrapper, SubjectHeader, SubjectNewContent, SubjectSecondaryContent, SubjectSectionTitle, SubjectSidebarWrapper, SubjectSocialContent, SubjectSocialSection, SubjectTopics, SubjectBanner, } from './Subject';
-export { default as CopyParagraphButton, CopyParagraphButtonV2 } from './CopyParagraphButton';
+export { SubjectHeader, SubjectBanner } from './Subject';
+export { default as CopyParagraphButton } from './CopyParagraphButton';
 export { default as ContentPlaceholder } from './ContentPlaceholder';
 export { Notion } from './Notion';
 export { BannerCard } from './BannerCard';
@@ -81,10 +75,9 @@ export type { TagType } from './TagSelector';
 export { TagSelector } from './TagSelector';
 export { SnackbarProvider, useSnack, BaseSnack, DefaultSnackbar } from './SnackBar';
 export type { Snack, SnackContext } from './SnackBar';
-export { InfoBlock } from './InfoBlock';
 export { TreeStructure } from './TreeStructure';
 export type { TreeStructureProps } from './TreeStructure';
-export { SearchField, SearchResultList, SearchResultItem, ActiveFilters, ToggleSearchButton } from './Search';
+export { SearchField, SearchResultList, SearchResultItem, ActiveFilters } from './Search';
 export { default as LetterFilter } from './LetterFilter';
 export { OrderedList, UnOrderedList } from './List';
 export { BlogPostV2 } from './BlogPost';

package/lib/index.js

@@ -118,24 +118,12 @@ Object.defineProperty(exports, "BlockResource", {
     return _Resource.BlockResource;
   }
 });
-Object.defineProperty(exports, "BlogPost", {
-  enumerable: true,
-  get: function get() {
-    return _BlogPosts.BlogPost;
-  }
-});
 Object.defineProperty(exports, "BlogPostV2", {
   enumerable: true,
   get: function get() {
     return _BlogPost.BlogPostV2;
   }
 });
-Object.defineProperty(exports, "BlogPostWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _BlogPosts.BlogPostWrapper;
-  }
-});
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
   get: function get() {
@@ -226,12 +214,6 @@ Object.defineProperty(exports, "CopyParagraphButton", {
     return _CopyParagraphButton.default;
   }
 });
-Object.defineProperty(exports, "CopyParagraphButtonV2", {
-  enumerable: true,
-  get: function get() {
-    return _CopyParagraphButton.CopyParagraphButtonV2;
-  }
-});
 Object.defineProperty(exports, "CreatedBy", {
   enumerable: true,
   get: function get() {
@@ -316,30 +298,12 @@ Object.defineProperty(exports, "FactBox", {
     return _FactBox.default;
   }
 });
-Object.defineProperty(exports, "FactBoxV2", {
-  enumerable: true,
-  get: function get() {
-    return _FactBox.FactBoxV2;
-  }
-});
 Object.defineProperty(exports, "Figure", {
   enumerable: true,
   get: function get() {
     return _Figure.Figure;
   }
 });
-Object.defineProperty(exports, "FigureBylineExpandButton", {
-  enumerable: true,
-  get: function get() {
-    return _Figure.FigureBylineExpandButton;
-  }
-});
-Object.defineProperty(exports, "FigureExpandButton", {
-  enumerable: true,
-  get: function get() {
-    return _Figure.FigureExpandButton;
-  }
-});
 Object.defineProperty(exports, "FigureOpenDialogButton", {
   enumerable: true,
   get: function get() {
@@ -358,18 +322,6 @@ Object.defineProperty(exports, "FileList", {
     return _FileList.default;
   }
 });
-Object.defineProperty(exports, "FileListV2", {
-  enumerable: true,
-  get: function get() {
-    return _FileList.FileListV2;
-  }
-});
-Object.defineProperty(exports, "FileV2", {
-  enumerable: true,
-  get: function get() {
-    return _FileList.FileV2;
-  }
-});
 Object.defineProperty(exports, "FilmMovieList", {
   enumerable: true,
   get: function get() {
@@ -448,54 +400,6 @@ Object.defineProperty(exports, "FrontpageArticle", {
     return _FrontpageArticle.default;
   }
 });
-Object.defineProperty(exports, "FrontpageFilm", {
-  enumerable: true,
-  get: function get() {
-    return _Frontpage.FrontpageFilm;
-  }
-});
-Object.defineProperty(exports, "FrontpageHeader", {
-  enumerable: true,
-  get: function get() {
-    return _Frontpage.FrontpageHeader;
-  }
-});
-Object.defineProperty(exports, "FrontpageInfo", {
-  enumerable: true,
-  get: function get() {
-    return _Frontpage.FrontpageInfo;
-  }
-});
-Object.defineProperty(exports, "FrontpageMultidisciplinarySubject", {
-  enumerable: true,
-  get: function get() {
-    return _Frontpage.FrontpageMultidisciplinarySubject;
-  }
-});
-Object.defineProperty(exports, "FrontpageProgramMenu", {
-  enumerable: true,
-  get: function get() {
-    return _Frontpage.FrontpageProgramMenu;
-  }
-});
-Object.defineProperty(exports, "FrontpageSearch", {
-  enumerable: true,
-  get: function get() {
-    return _Frontpage.FrontpageSearch;
-  }
-});
-Object.defineProperty(exports, "FrontpageSubjectIllustration", {
-  enumerable: true,
-  get: function get() {
-    return _Frontpage.FrontpageSubjectIllustration;
-  }
-});
-Object.defineProperty(exports, "FrontpageToolbox", {
-  enumerable: true,
-  get: function get() {
-    return _Frontpage.FrontpageToolbox;
-  }
-});
 Object.defineProperty(exports, "Gloss", {
   enumerable: true,
   get: function get() {
@@ -568,24 +472,6 @@ Object.defineProperty(exports, "ImageLink", {
     return _Image.ImageLink;
   }
 });
-Object.defineProperty(exports, "InfoBlock", {
-  enumerable: true,
-  get: function get() {
-    return _InfoBlock.InfoBlock;
-  }
-});
-Object.defineProperty(exports, "InfoBox", {
-  enumerable: true,
-  get: function get() {
-    return _InfoBox.InfoBox;
-  }
-});
-Object.defineProperty(exports, "InfoWidget", {
-  enumerable: true,
-  get: function get() {
-    return _InfoWidget.default;
-  }
-});
 Object.defineProperty(exports, "InlineConcept", {
   enumerable: true,
   get: function get() {
@@ -712,12 +598,6 @@ Object.defineProperty(exports, "Masthead", {
     return _Masthead.default;
   }
 });
-Object.defineProperty(exports, "MastheadSearchModal", {
-  enumerable: true,
-  get: function get() {
-    return _MastheadSearchModal.default;
-  }
-});
 Object.defineProperty(exports, "MediaList", {
   enumerable: true,
   get: function get() {
@@ -766,36 +646,18 @@ Object.defineProperty(exports, "MessageBox", {
     return _Messages.MessageBox;
   }
 });
-Object.defineProperty(exports, "MessageBoxTag", {
-  enumerable: true,
-  get: function get() {
-    return _Messages.MessageBoxTag;
-  }
-});
 Object.defineProperty(exports, "MovieGrid", {
   enumerable: true,
   get: function get() {
     return _NDLAFilm.MovieGrid;
   }
 });
-Object.defineProperty(exports, "MultidisciplinarySubject", {
-  enumerable: true,
-  get: function get() {
-    return _MultidisciplinarySubject.default;
-  }
-});
 Object.defineProperty(exports, "NavigationBox", {
   enumerable: true,
   get: function get() {
     return _Navigation.NavigationBox;
   }
 });
-Object.defineProperty(exports, "NavigationTopicAbout", {
-  enumerable: true,
-  get: function get() {
-    return _Navigation.NavigationTopicAbout;
-  }
-});
 Object.defineProperty(exports, "NdlaFilmHero", {
   enumerable: true,
   get: function get() {
@@ -868,12 +730,6 @@ Object.defineProperty(exports, "RelatedArticleList", {
     return _RelatedArticleList.default;
   }
 });
-Object.defineProperty(exports, "RelatedArticleListV2", {
-  enumerable: true,
-  get: function get() {
-    return _RelatedArticleList.RelatedArticleListV2;
-  }
-});
 Object.defineProperty(exports, "RelatedContentEmbed", {
   enumerable: true,
   get: function get() {
@@ -1012,24 +868,6 @@ Object.defineProperty(exports, "SubjectBanner", {
     return _Subject.SubjectBanner;
   }
 });
-Object.defineProperty(exports, "SubjectChildContent", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectChildContent;
-  }
-});
-Object.defineProperty(exports, "SubjectContent", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectContent;
-  }
-});
-Object.defineProperty(exports, "SubjectFlexWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectFlexWrapper;
-  }
-});
 Object.defineProperty(exports, "SubjectHeader", {
   enumerable: true,
   get: function get() {
@@ -1054,48 +892,6 @@ Object.defineProperty(exports, "SubjectMaterialHero", {
     return _Hero.SubjectMaterialHero;
   }
 });
-Object.defineProperty(exports, "SubjectNewContent", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectNewContent;
-  }
-});
-Object.defineProperty(exports, "SubjectSecondaryContent", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectSecondaryContent;
-  }
-});
-Object.defineProperty(exports, "SubjectSectionTitle", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectSectionTitle;
-  }
-});
-Object.defineProperty(exports, "SubjectSidebarWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectSidebarWrapper;
-  }
-});
-Object.defineProperty(exports, "SubjectSocialContent", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectSocialContent;
-  }
-});
-Object.defineProperty(exports, "SubjectSocialSection", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectSocialSection;
-  }
-});
-Object.defineProperty(exports, "SubjectTopics", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectTopics;
-  }
-});
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
@@ -1132,12 +928,6 @@ Object.defineProperty(exports, "ToggleItem", {
     return _Filter.ToggleItem;
   }
 });
-Object.defineProperty(exports, "ToggleSearchButton", {
-  enumerable: true,
-  get: function get() {
-    return _Search.ToggleSearchButton;
-  }
-});
 Object.defineProperty(exports, "ToolboxInfo", {
   enumerable: true,
   get: function get() {
@@ -1150,18 +940,6 @@ Object.defineProperty(exports, "Topic", {
     return _Topic.default;
   }
 });
-Object.defineProperty(exports, "Translation", {
-  enumerable: true,
-  get: function get() {
-    return _Translation.Translation;
-  }
-});
-Object.defineProperty(exports, "TranslationLine", {
-  enumerable: true,
-  get: function get() {
-    return _Translation.TranslationLine;
-  }
-});
 Object.defineProperty(exports, "TreeStructure", {
   enumerable: true,
   get: function get() {
@@ -1204,6 +982,12 @@ Object.defineProperty(exports, "getMastheadHeight", {
     return _Masthead.getMastheadHeight;
   }
 });
+Object.defineProperty(exports, "getPossiblyRelativeUrl", {
+  enumerable: true,
+  get: function get() {
+    return _relativeUrl.getPossiblyRelativeUrl;
+  }
+});
 Object.defineProperty(exports, "i18nInstance", {
   enumerable: true,
   get: function get() {
@@ -1269,6 +1053,7 @@ var _FramedContent = _interopRequireDefault(require("./FramedContent"));
 var _SectionHeading = _interopRequireDefault(require("./SectionHeading"));
 var _Embed = require("./Embed");
 var _Article = _interopRequireWildcard(require("./Article"));
+var _relativeUrl = require("./utils/relativeUrl");
 var _Table = _interopRequireWildcard(require("./Table"));
 var _ResourcesWrapper = _interopRequireWildcard(require("./ResourcesWrapper"));
 var _NoContentBox = _interopRequireDefault(require("./NoContentBox"));
@@ -1277,12 +1062,8 @@ var _ContentLoader = _interopRequireDefault(require("./ContentLoader"));
 var _RelatedArticleList = _interopRequireWildcard(require("./RelatedArticleList"));
 var _ErrorMessage = _interopRequireWildcard(require("./ErrorMessage"));
 var _FileList = _interopRequireWildcard(require("./FileList"));
-var _BlogPosts = require("./BlogPosts");
 var _Logo = _interopRequireDefault(require("./Logo"));
-var _InfoBox = require("./InfoBox");
-var _InfoWidget = _interopRequireDefault(require("./InfoWidget"));
-var _Frontpage = require("./Frontpage");
-var _FactBox = _interopRequireWildcard(require("./FactBox"));
+var _FactBox = _interopRequireDefault(require("./FactBox"));
 var _Image = _interopRequireWildcard(require("./Image"));
 var _Hero = require("./Hero");
 var _Filter = require("./Filter");
@@ -1290,11 +1071,9 @@ var _Footer = require("./Footer");
 var _Figure = require("./Figure");
 var _LanguageSelector = require("./LanguageSelector");
 var _LearningPaths = require("./LearningPaths");
-var _Translation = require("./Translation");
 var _SearchResultSleeve = _interopRequireDefault(require("./Search/SearchResultSleeve"));
 var _ContentTypeResult = _interopRequireDefault(require("./Search/ContentTypeResult"));
 var _SearchFieldForm = require("./Search/SearchFieldForm");
-var _MastheadSearchModal = _interopRequireDefault(require("./Masthead/MastheadSearchModal"));
 var _resourceTypeColor = _interopRequireDefault(require("./utils/resourceTypeColor"));
 var _CreatedBy = _interopRequireDefault(require("./CreatedBy"));
 var _Messages = require("./Messages");
@@ -1303,7 +1082,6 @@ var _AudioPlayer = _interopRequireDefault(require("./AudioPlayer"));
 var _Navigation = require("./Navigation");
 var _Programme = _interopRequireDefault(require("./Programme"));
 var _CompetenceGoalTab = _interopRequireDefault(require("./CompetenceGoalTab"));
-var _MultidisciplinarySubject = _interopRequireDefault(require("./MultidisciplinarySubject"));
 var _SearchTypeResult = require("./SearchTypeResult");
 var _model = _interopRequireDefault(require("./model"));
 var _messagesNb = _interopRequireDefault(require("./locale/messages-nb"));
@@ -1323,7 +1101,7 @@ var _NDLAFilm = require("./NDLAFilm");
 var _MediaList = require("./MediaList");
 var _ContentTypeBadge = _interopRequireWildcard(require("./ContentTypeBadge"));
 var _Subject = require("./Subject");
-var _CopyParagraphButton = _interopRequireWildcard(require("./CopyParagraphButton"));
+var _CopyParagraphButton = _interopRequireDefault(require("./CopyParagraphButton"));
 var _ContentPlaceholder = _interopRequireDefault(require("./ContentPlaceholder"));
 var _Notion = require("./Notion");
 var _BannerCard = require("./BannerCard");
@@ -1331,7 +1109,6 @@ var _MyNdla = require("./MyNdla");
 var _Resource = require("./Resource");
 var _TagSelector = require("./TagSelector");
 var _SnackBar = require("./SnackBar");
-var _InfoBlock = require("./InfoBlock");
 var _TreeStructure = require("./TreeStructure");
 var _Search = require("./Search");
 var _LetterFilter = _interopRequireDefault(require("./LetterFilter"));

package/lib/utils/relativeUrl.d.ts

@@ -5,4 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export declare const usePossiblyRelativeUrl: (url: string, path?: string) => string;
+export declare const getPossiblyRelativeUrl: (url: string, path?: string) => string;

package/lib/utils/relativeUrl.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePossiblyRelativeUrl = void 0;
+exports.getPossiblyRelativeUrl = void 0;
+var _i18n = require("../i18n/i18n");
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -13,13 +14,27 @@ exports.usePossiblyRelativeUrl = void 0;
  */
 
 var ENV_REGEX = /(staging|test)\.?/;
+var LANGUAGE_REGEX = new RegExp("^\\/((?:".concat(_i18n.supportedTranslationLanguages.join('|'), ")(?:$|\\/))"), '');
 var NDLA_URL = /(.*\.)?ndla.no.*/;
-var usePossiblyRelativeUrl = function usePossiblyRelativeUrl(url, path) {
+var REPLACE_WWW = /^www\./;
+var getPossiblyRelativeUrl = function getPossiblyRelativeUrl(url, path) {
   if (!path) return url;
+  // If not on NDLA, or if url is not a NDLA url, return url as is
   if (!NDLA_URL.test(url) || !NDLA_URL.test(path)) return url;
+  //Remove environment info
   var urlObj = new URL(url.replace(ENV_REGEX, ''));
   var pathObj = new URL(path.replace(ENV_REGEX, ''));
-  if (urlObj.host === pathObj.host) return urlObj.pathname;
+  // If the host is the same, return the relative path
+  if (urlObj.hostname.replace(REPLACE_WWW, '') === pathObj.hostname.replace(REPLACE_WWW, '')) {
+    // Replace the language part of the url with the language part of the path
+    // If the path language part does not exist, remove it.
+    var urlMatch = urlObj.pathname.match(LANGUAGE_REGEX);
+    var pathMatch = pathObj.pathname.match(LANGUAGE_REGEX);
+    if (urlMatch !== null && urlMatch !== void 0 && urlMatch[1] && (urlMatch === null || urlMatch === void 0 ? void 0 : urlMatch[1]) !== (pathMatch === null || pathMatch === void 0 ? void 0 : pathMatch[1])) {
+      return urlObj.pathname.replace(urlMatch[1], (pathMatch === null || pathMatch === void 0 ? void 0 : pathMatch[1]) || '');
+    }
+    return urlObj.pathname;
+  }
   return url;
 };
-exports.usePossiblyRelativeUrl = usePossiblyRelativeUrl;
+exports.getPossiblyRelativeUrl = getPossiblyRelativeUrl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "47.4.1",
+  "version": "49.0.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,22 +31,22 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^2.2.32",
-    "@ndla/button": "^12.0.6",
+    "@ndla/accordion": "^3.0.1",
+    "@ndla/button": "^12.0.7",
     "@ndla/carousel": "^4.0.9",
     "@ndla/core": "^4.2.3",
     "@ndla/dropdown-menu": "^1.0.12",
-    "@ndla/forms": "^5.0.8",
+    "@ndla/forms": "^5.0.9",
     "@ndla/hooks": "^2.1.1",
     "@ndla/icons": "^4.1.4",
     "@ndla/licenses": "^7.2.2",
     "@ndla/modal": "^5.0.6",
-    "@ndla/notion": "^6.0.8",
-    "@ndla/safelink": "^4.1.31",
+    "@ndla/notion": "^6.0.9",
+    "@ndla/safelink": "^4.1.32",
     "@ndla/select": "^3.1.4",
     "@ndla/switch": "^1.1.18",
     "@ndla/tabs": "^3.1.3",
-    "@ndla/tooltip": "^5.0.6",
+    "@ndla/tooltip": "^6.0.0",
     "@ndla/typography": "^0.2.5",
     "@ndla/util": "^4.0.0",
     "@radix-ui/react-popover": "^1.0.7",
@@ -80,5 +80,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "de410ca8c4f83133def88e9ed04eb4984d9b0896"
+  "gitHead": "654c24de8eb48a35d6f3127c3f373091d7350de0"
 }

package/src/BlogPost/BlogPost.tsx

@@ -12,7 +12,7 @@ import SafeLink from '@ndla/safelink';
 import { breakpoints, colors, fonts, misc, mq, spacing } from '@ndla/core';
 import { HeadingLevel } from '@ndla/typography';
 import { useTranslation } from 'react-i18next';
-import { usePossiblyRelativeUrl } from '../utils/relativeUrl';
+import { getPossiblyRelativeUrl } from '../utils/relativeUrl';
 
 export interface Props {
   title: {
@@ -84,7 +84,7 @@ const StyledImg = styled.img`
 
 const BlogPost = ({ title, author, url, metaImage, headingLevel: Heading = 'h3', size = 'normal', path }: Props) => {
   const { t } = useTranslation();
-  const href = usePossiblyRelativeUrl(url, path);
+  const href = getPossiblyRelativeUrl(url, path);
   return (
     <Container data-size={size} to={href}>
       <Heading className="blog-title" css={headingCss} lang={title.language}>

package/src/CampaignBlock/CampaignBlock.tsx

@@ -12,7 +12,7 @@ import SafeLink from '@ndla/safelink';
 import { Forward } from '@ndla/icons/common';
 import { breakpoints, colors, fonts, spacing, mq, misc } from '@ndla/core';
 import { HeadingLevel } from '@ndla/typography';
-import { usePossiblyRelativeUrl } from '../utils/relativeUrl';
+import { getPossiblyRelativeUrl } from '../utils/relativeUrl';
 
 interface Image {
   src: string;
@@ -94,7 +94,7 @@ const CampaignBlock = ({
   path,
   className,
 }: Props) => {
-  const href = usePossiblyRelativeUrl(url.url, path);
+  const href = getPossiblyRelativeUrl(url.url, path);
   return (
     <Container className={className} data-type="campaign-block" data-image-side={imageSide}>
       {image && <StyledImg src={image.src} height={200} width={240} alt={image.alt} />}