@entur-partner/common 9.3.3-alpha.0 → 9.3.3-alpha.1

package/dist/common.cjs.development.js

@@ -13,73 +13,56 @@ var typography = require('@entur/typography');
 var alert = require('@entur/alert');
 var expand = require('@entur/expand');
 var form = require('@entur/form');
-var dropdown = require('@entur/dropdown');
 var reactHelmetAsync = require('react-helmet-async');
+var dropdown = require('@entur/dropdown');
 var icons = require('@entur/icons');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var ActionBarLeft = function ActionBarLeft(_ref) {
   var children = _ref.children;
-  return React__default["default"].createElement("div", {
+  return React.createElement("div", {
     className: "eps-action-bar-left"
   }, children);
 };
 var ActionBarRight = function ActionBarRight(_ref2) {
   var children = _ref2.children;
-  return React__default["default"].createElement("div", {
+  return React.createElement("div", {
     className: "eps-action-bar-right"
   }, children);
 };
 var ActionBar = function ActionBar(_ref3) {
   var children = _ref3.children;
-  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
+  return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "eps-action-bar-padding"
-  }), React__default["default"].createElement("div", {
+  }), React.createElement("div", {
     className: "eps-action-bar"
   }, children));
 };
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
+    return n;
+  }, _extends.apply(null, arguments);
 }
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
+function _inheritsLoose(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
   }
-  return target;
+  return t;
+}
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf(t, e);
 }
 
 var _excluded$e = ["date", "locale", "as", "hideTime"];
@@ -90,7 +73,7 @@ var FormatDateTime = function FormatDateTime(_ref) {
     Component = _ref$as === void 0 ? "main" : _ref$as,
     hideTime = _ref.hideTime,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
-  return React__default["default"].createElement(Component, _extends({}, rest), hideTime ? util.localeDate(date, locale) : util.localeDateTime(date, locale));
+  return React.createElement(Component, _extends({}, rest), hideTime ? util.localeDate(date, locale) : util.localeDateTime(date, locale));
 };
 
 var _excluded$d = ["as", "children", "contrast", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "padding", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "margin", "display", "justifyContent", "alignItems", "maxWidth", "width", "background", "color", "flexDirection", "flexWrap", "className"];
@@ -163,8 +146,8 @@ var Box = function Box(_ref) {
   background && classes.push("eps-bg-" + background);
   flexDirection && classes.push.apply(classes, responsiveProp("eps-flex-", flexDirection));
   flexWrap && classes.push.apply(classes, responsiveProp("eps-flex-wrap-", flexWrap));
-  var classList = cx__default["default"](classes, className);
-  return React__default["default"].createElement(Component, _extends({
+  var classList = cx(classes, className);
+  return React.createElement(Component, _extends({
     className: classList
   }, rest), children);
 };
@@ -176,14 +159,14 @@ var Stack = function Stack(_ref) {
     className = _ref.className;
   var stackItems = React.Children.toArray(children);
   if (stackItems.length <= 1) {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, stackItems);
+    return React.createElement(React.Fragment, null, stackItems);
   }
-  return React__default["default"].createElement("div", {
+  return React.createElement("div", {
     className: className
   }, stackItems.map(function (child, index) {
-    return index === stackItems.length - 1 ? React__default["default"].createElement("div", {
+    return index === stackItems.length - 1 ? React.createElement("div", {
       key: index
-    }, child) : React__default["default"].createElement(Box, {
+    }, child) : React.createElement(Box, {
       paddingBottom: space,
       key: index
     }, child);
@@ -196,21 +179,21 @@ var AuditInfo = function AuditInfo(_ref) {
     locale = _ref.locale,
     className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
-  var classNames = cx__default["default"]("ep-audit-info", className);
-  return React__default["default"].createElement("div", _extends({
+  var classNames = cx("ep-audit-info", className);
+  return React.createElement("div", _extends({
     className: classNames
   }, rest), items.map(function (_ref2) {
     var label = _ref2.label,
       value = _ref2.value;
-    return React__default["default"].createElement(Stack, {
+    return React.createElement(Stack, {
       space: "small",
       key: value.toString()
-    }, React__default["default"].createElement("div", {
+    }, React.createElement("div", {
       className: "ep-audit-info-label"
-    }, label), React__default["default"].createElement("div", null, util.isDate(value) || util.isDateString(value) ? React__default["default"].createElement(FormatDateTime, {
+    }, label), React.createElement("div", null, util.isDate(value) || util.isDateString(value) ? React.createElement(FormatDateTime, {
       date: value,
       locale: locale
-    }) : React__default["default"].createElement("span", null, value)));
+    }) : React.createElement("span", null, value)));
   }));
 };
 
@@ -233,21 +216,21 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
       path = _ref3.path;
     var isLast = i === breadcrumbs.length - 1;
     if (isLast) {
-      return React__default["default"].createElement(menu.BreadcrumbItem, {
+      return React.createElement(menu.BreadcrumbItem, {
         key: path,
         as: "span"
       }, title);
     }
-    return React__default["default"].createElement(menu.BreadcrumbItem, {
+    return React.createElement(menu.BreadcrumbItem, {
       key: path,
       as: reactRouterDom.Link,
       to: path
     }, title);
   });
   if (prependBreadcrumbItem) {
-    return React__default["default"].createElement(menu.BreadcrumbNavigation, null, [prependBreadcrumbItem].concat(breadcrumbElements));
+    return React.createElement(menu.BreadcrumbNavigation, null, [prependBreadcrumbItem].concat(breadcrumbElements));
   }
-  return React__default["default"].createElement(menu.BreadcrumbNavigation, null, breadcrumbElements);
+  return React.createElement(menu.BreadcrumbNavigation, null, breadcrumbElements);
 };
 
 var _excluded$b = ["isOpen", "children", "message", "size", "buttons", "onConfirm", "messages", "onClose", "onDismiss"];
@@ -266,16 +249,16 @@ var ConfirmModal = function ConfirmModal(_ref) {
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   var childrenToRender = children ? children : message;
   var handleDismiss = onClose ? onClose : onDismiss;
-  return React__default["default"].createElement(modal.Modal, _extends({
+  return React.createElement(modal.Modal, _extends({
     size: size,
     open: isOpen,
     onDismiss: handleDismiss
-  }, rest), util.isString(childrenToRender) ? React__default["default"].createElement(typography.Paragraph, null, childrenToRender) : React__default["default"].createElement(Box, {
+  }, rest), util.isString(childrenToRender) ? React.createElement(typography.Paragraph, null, childrenToRender) : React.createElement(Box, {
     paddingBottom: "medium"
-  }, childrenToRender), React__default["default"].createElement(button.ButtonGroup, null, onConfirm ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(button.SecondaryButton, {
+  }, childrenToRender), React.createElement(button.ButtonGroup, null, onConfirm ? React.createElement(React.Fragment, null, React.createElement(button.SecondaryButton, {
     onClick: handleDismiss,
     "data-testid": "cancel-modal-button"
-  }, messages.cancel), React__default["default"].createElement(button.PrimaryButton, {
+  }, messages.cancel), React.createElement(button.PrimaryButton, {
     onClick: onConfirm,
     "data-testid": "confirm-modal-button"
   }, messages.confirm)) : buttons));
@@ -286,8 +269,8 @@ var Content = function Content(_ref) {
     Component = _ref$as === void 0 ? "main" : _ref$as,
     className = _ref.className,
     children = _ref.children;
-  var classList = cx__default["default"](["eps-content", className]);
-  return React__default["default"].createElement(Component, {
+  var classList = cx(["eps-content", className]);
+  return React.createElement(Component, {
     className: classList
   }, children);
 };
@@ -301,10 +284,10 @@ exports.Environment = void 0;
   Environment["Production"] = "prod";
 })(exports.Environment || (exports.Environment = {}));
 var environmentColors = (_environmentColors = {}, _environmentColors[exports.Environment.Local] = "#B482FB", _environmentColors[exports.Environment.Development] = "#5AC39A", _environmentColors[exports.Environment.Staging] = "#FFCA28", _environmentColors);
-/**
- * Gets the color for the given environment. This is the color used for the environment
- * indicator. There is no color for production as it should not have any special environment
- * indication.
+/**
+ * Gets the color for the given environment. This is the color used for the environment
+ * indicator. There is no color for production as it should not have any special environment
+ * indication.
  */
 var getColorForEnvironment = function getColorForEnvironment(environment) {
   return environmentColors[environment];
@@ -320,25 +303,25 @@ var EnturPartnerLogoSvg = function EnturPartnerLogoSvg(_ref) {
     _ref$accentColor = _ref.accentColor,
     accentColor = _ref$accentColor === void 0 ? "#FF5959" : _ref$accentColor,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
-  return React__default["default"].createElement("svg", _extends({
+  return React.createElement("svg", _extends({
     width: 257,
     height: 37,
     viewBox: "0 0 257 37"
-  }, rest), React__default["default"].createElement("title", null, title), React__default["default"].createElement("g", {
+  }, rest), React.createElement("title", null, title), React.createElement("g", {
     fill: "none",
     fillRule: "evenodd"
-  }, React__default["default"].createElement("path", {
+  }, React.createElement("path", {
     fill: "#FFF",
     d: "M0 .231V25.72h18.745v-4.318H4.869v-6.163h12.31v-4.318H4.87V4.55h13.876V.231z"
-  }), React__default["default"].createElement("path", {
+  }), React.createElement("path", {
     fill: accentColor,
     d: "M0 36.408h45.253v-4.32H0z"
-  }), React__default["default"].createElement("path", {
+  }), React.createElement("path", {
     fill: "#FFF",
     d: "M40.384.231v15.425L23.656.231h-.521V25.72h4.869V10.573L44.732 25.72h.521V.23zM69.25 15.238h-7.267v21.17h-4.87v-21.17H49.81V10.92h19.44zM83.863 36.86c-1.646 0-3.142-.255-4.486-.765-1.345-.51-2.493-1.23-3.443-2.159-.95-.928-1.687-2.054-2.208-3.378-.522-1.323-.783-2.797-.783-4.422V10.92h4.869v15.216c0 1.277.209 2.333.626 3.169.417.836.933 1.497 1.548 1.985a5.346 5.346 0 001.982 1.01c.707.186 1.339.278 1.895.278.557 0 1.188-.092 1.896-.279a5.35 5.35 0 001.982-1.01c.614-.487 1.13-1.148 1.548-1.984.417-.836.625-1.892.625-3.169V10.92h4.87v15.216c0 1.625-.256 3.1-.766 4.422-.51 1.324-1.24 2.45-2.19 3.378-.952.929-2.1 1.648-3.444 2.159-1.344.51-2.851.766-4.52.766M104.21 24.047h5.546c1.016 0 1.854-.127 2.513-.383.658-.255 1.179-.592 1.56-1.01.381-.418.641-.888.78-1.41.138-.522.208-1.05.208-1.584 0-.627-.099-1.207-.295-1.741a3.718 3.718 0 00-.901-1.393c-.405-.394-.924-.708-1.56-.94-.636-.232-1.404-.348-2.305-.348h-5.546v8.81zm0 4.248v8.113h-4.87V10.92h11.567c1.3 0 2.49.215 3.57.644 1.08.43 2.004 1.033 2.77 1.81a8.287 8.287 0 011.794 2.787c.43 1.079.645 2.257.645 3.534 0 .952-.128 1.874-.383 2.768-.256.894-.61 1.7-1.063 2.42a7.32 7.32 0 01-1.672 1.863 5.929 5.929 0 01-2.178 1.096l6.339 8.566h-5.808l-5.893-8.113h-4.818z"
-  }), React__default["default"].createElement("g", {
+  }), React.createElement("g", {
     fill: accentColor
-  }, React__default["default"].createElement("path", {
+  }, React.createElement("path", {
     d: "M141.051 23.448h5.628c4.185 0 5.989-1.984 5.989-4.942 0-2.742-1.515-4.618-5.989-4.618h-5.628v9.56zm0 3.067v9.776h-3.571V10.75h9.632c6.674 0 9.127 3.211 9.127 7.54 0 4.979-3.102 8.226-9.2 8.226h-5.988zM169.695 28.715c-1.371-.288-2.958-.505-4.401-.505-2.85 0-4.041 1.263-4.041 3.139s1.407 2.706 3.463 2.706c2.49 0 4.979-1.443 4.979-4.221v-1.119zm-4.293-2.958c1.551 0 3.174.253 4.293.469v-.83c0-2.525-1.154-3.896-4.33-3.896-2.164 0-3.824.866-4.942 2.092l-2.02-2.272c1.732-1.66 3.644-2.598 7.07-2.598 5.052 0 7.469 1.876 7.469 7.215v10.354h-3.211V34.02h-.108c-1.082 1.767-3.211 2.705-5.592 2.705-3.32 0-6.241-1.66-6.241-5.303 0-3.103 1.912-5.664 7.612-5.664zM178.965 19.191h3.211v2.886h.108c.938-1.984 2.922-3.355 5.231-3.355.47 0 .938.036 1.335.144l-.144 3.14a6.77 6.77 0 00-1.552-.181c-3.246 0-4.798 2.633-4.798 5.483v8.983h-3.39v-17.1zM199.961 36.291h-1.912c-4.004 0-5.988-.938-5.988-5.772v-8.55h-2.778V19.19h2.778v-4.654h3.355v4.654h4.473v2.778h-4.473v7.973c0 3.427 1.587 3.535 3.319 3.535h1.226v2.814zM219.767 36.291h-3.391V26.84c0-2.778-1.083-5.375-4.257-5.375-3.14 0-5.268 2.597-5.268 6.169v8.658h-3.391v-17.1h3.32v2.814h.143c.794-1.623 3.067-3.283 5.99-3.283 4.941 0 6.854 3.644 6.854 8.081v9.488zM227.847 26.262h10.57c0-2.597-2.272-4.726-5.087-4.726-2.922 0-5.014 1.948-5.483 4.726zm-.036 2.453c.397 3.355 2.633 5.195 5.844 5.195 2.778 0 4.618-1.623 5.484-2.67l2.164 1.804c-1.37 1.913-4.365 3.716-8.045 3.716-4.942 0-8.73-3.535-8.73-8.55 0-5.195 3.752-9.488 8.983-9.488 5.303 0 8.009 4.365 8.009 8.19 0 .649-.036 1.226-.072 1.803H227.81zM246.245 19.191h3.21v2.886h.109c.938-1.984 2.922-3.355 5.231-3.355.469 0 .938.036 1.335.144l-.145 3.14a6.77 6.77 0 00-1.551-.181c-3.247 0-4.798 2.633-4.798 5.483v8.983h-3.391v-17.1z"
   }))));
 };
@@ -348,10 +331,10 @@ var EnturPartnerLogo = function EnturPartnerLogo(_ref2) {
     className = _ref2.className,
     altText = _ref2.altText,
     environment = _ref2.environment;
-  var classList = cx__default["default"](["eps-logo-wrapper", className]);
-  return React__default["default"].createElement(Component, {
+  var classList = cx(["eps-logo-wrapper", className]);
+  return React.createElement(Component, {
     className: classList
-  }, React__default["default"].createElement(EnturPartnerLogoSvg, {
+  }, React.createElement(EnturPartnerLogoSvg, {
     title: altText,
     className: "logo",
     accentColor: environment !== undefined && environment !== exports.Environment.Production ? getColorForEnvironment(environment) : undefined
@@ -397,7 +380,7 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
           error: error
         });
       } else if (error.name === "NotFoundError" && error.message === newAppVersionErrorMessage) {
-        return React__default["default"].createElement(RefreshBannerInfo, null);
+        return React.createElement(RefreshBannerInfo, null);
       }
       return fallback;
     }
@@ -410,16 +393,16 @@ function RefreshBannerInfo() {
   // Taken from ./app-shell/src/storage.ts
   var language = localStorage.getItem(LANGUAGE_STORAGE_KEY);
   var isNorwegian = language === "nb" || language === "nb-NO";
-  return React__default["default"].createElement(Box, {
+  return React.createElement(Box, {
     maxWidth: "large"
-  }, React__default["default"].createElement(alert.BannerAlertBox, {
+  }, React.createElement(alert.BannerAlertBox, {
     variant: "info",
     title: isNorwegian ? "En ny versjon av nettsiden er tilgjengelig." : "A new version of the website is available."
-  }, React__default["default"].createElement(Box, {
+  }, React.createElement(Box, {
     paddingBottom: "medium"
-  }, React__default["default"].createElement(typography.Paragraph, {
+  }, React.createElement(typography.Paragraph, {
     margin: "none"
-  }, isNorwegian ? "Vennligst oppdater." : "Please refresh.")), React__default["default"].createElement(button.PrimaryButton, {
+  }, isNorwegian ? "Vennligst oppdater." : "Please refresh.")), React.createElement(button.PrimaryButton, {
     onClick: function onClick() {
       return window.location.reload();
     }
@@ -446,7 +429,7 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
     }
     onChange(changes);
   };
-  return React__default["default"].createElement(expand.ExpandablePanel, {
+  return React.createElement(expand.ExpandablePanel, {
     title: title,
     defaultOpen: true,
     contentStyle: {
@@ -454,13 +437,13 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
       marginTop: "16px",
       marginBottom: "16px"
     }
-  }, React__default["default"].createElement(Stack, {
+  }, React.createElement(Stack, {
     space: "medium"
   }, languages.map(function (_ref2) {
     var langKey = _ref2.value,
       label = _ref2.label,
       required = _ref2.required;
-    return React__default["default"].createElement(InputComponent, _extends({
+    return React.createElement(InputComponent, _extends({
       "data-testid": "multi-lang-input-" + name + "-" + langKey,
       key: title + langKey,
       label: required ? label + "*" : label,
@@ -476,23 +459,23 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
 };
 
 /// <reference types="vite/client" />
-/**
- * Returns true if the provided flag exist in localStorage
- * or is set as an environment variable.
- *
- * @param flag case sensitive flag. If it is an environment variable
- * you can drop the VITE_APP_ prefix.
+/**
+ * Returns true if the provided flag exist in localStorage
+ * or is set as an environment variable.
+ *
+ * @param flag case sensitive flag. If it is an environment variable
+ * you can drop the VITE_APP_ prefix.
  */
 function featureFlag(flag) {
   var _window$localStorage, _window$localStorage2;
   return undefined["VITE_APP_" + flag] === "true" || ((_window$localStorage = window.localStorage) == null ? void 0 : _window$localStorage.getItem(flag)) === "true" || ((_window$localStorage2 = window.localStorage) == null ? void 0 : _window$localStorage2.getItem("VITE_APP_" + flag)) === "true";
 }
-/**
- * Returns true if the provided flag exist in localStorage
- * or is set as an environment variable.
- *
- * @param flag case sensitive flag. If it is an environment variable
- * you can drop the VITE_APP_ prefix.
+/**
+ * Returns true if the provided flag exist in localStorage
+ * or is set as an environment variable.
+ *
+ * @param flag case sensitive flag. If it is an environment variable
+ * you can drop the VITE_APP_ prefix.
  */
 function useFeatureToggle(flag) {
   return featureFlag(flag);
@@ -502,7 +485,7 @@ var FeatureToggle = function FeatureToggle(_ref) {
     flag = _ref.flag;
   var feature = useFeatureToggle(flag);
   if (feature) {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, children);
+    return React.createElement(React.Fragment, null, children);
   }
   return null;
 };
@@ -518,7 +501,7 @@ var FormatCurrencyAmount = function FormatCurrencyAmount(_ref) {
     maximumFractionDigits: 2,
     minimumFractionDigits: 2
   }).format(parsedAmount);
-  return React__default["default"].createElement(Component, _extends({}, rest), formattedAmount);
+  return React.createElement(Component, _extends({}, rest), formattedAmount);
 };
 
 var _excluded$7 = ["language", "options", "className", "onChange"];
@@ -528,27 +511,55 @@ var LanguageSelect = function LanguageSelect(_ref) {
     className = _ref.className,
     _onChange = _ref.onChange,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-  var classNames = cx__default["default"]("eps-language-select", className);
-  return React__default["default"].createElement("div", _extends({}, rest, {
+  var classNames = cx("eps-language-select", className);
+  return React.createElement("div", _extends({}, rest, {
     className: classNames
-  }), React__default["default"].createElement(form.SegmentedControl, {
+  }), React.createElement(form.SegmentedControl, {
     onChange: function onChange(language) {
       util.assertIsDefined(language);
       _onChange(language);
     },
     selectedValue: language
   }, options.map(function (option) {
-    return React__default["default"].createElement(form.SegmentedChoice, {
+    return React.createElement(form.SegmentedChoice, {
       key: option.value,
       value: option.value
-    }, option.label, option.required && React__default["default"].createElement("span", {
+    }, option.label, option.required && React.createElement("span", {
       className: "asterisk-margin"
     }, "*"));
   })));
 };
 
+/**
+ * @deprecated Won't work with React 19, because of react-helmet-async
+ * This component changes page title by using helmet and current path. It will translate subpaths, join them with a dash
+ * and display it on browser tab.
+ *
+ * @param Props.pathname - The current path from react-router-dom.useLocation()
+ * @param Props.onBreadcrumbLookup - A function that takes a path and returns a i18n translated string or undefined
+ * @returns A Helmet component with updated title
+ */
+var LegacyPageTitle = function LegacyPageTitle(_ref) {
+  var pathname = _ref.pathname,
+    onBreadcrumbLookup = _ref.onBreadcrumbLookup;
+  var paths = util.splitUrlPath(pathname);
+  var pageTitles = paths.map(function (path) {
+    return {
+      title: onBreadcrumbLookup(path),
+      path: path
+    };
+  }).filter(function (_ref2) {
+    var title = _ref2.title;
+    return title !== undefined;
+  }).map(function (_ref3) {
+    var title = _ref3.title;
+    return title;
+  }).reverse().join(" | ");
+  return React.createElement(reactHelmetAsync.Helmet, null, React.createElement("title", null, pageTitles, " | Entur Partner"));
+};
+
 var Link = function Link(props) {
-  return React__default["default"].createElement(typography.Link, _extends({}, props, {
+  return React.createElement(typography.Link, _extends({}, props, {
     as: reactRouterDom.Link
   }), props.children);
 };
@@ -558,9 +569,9 @@ var LinkButton = function LinkButton(_ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-  return React__default["default"].createElement(typography.Link, _extends({}, rest, {
+  return React.createElement(typography.Link, _extends({}, rest, {
     as: "button",
-    className: cx__default["default"]("eps-link-button", className)
+    className: cx("eps-link-button", className)
   }), children);
 };
 
@@ -569,15 +580,15 @@ var Menu = function Menu(_ref) {
     Component = _ref$as === void 0 ? "nav" : _ref$as,
     className = _ref.className,
     children = _ref.children;
-  var classList = cx__default["default"](["eds-contrast", "eps-menu", className]);
-  return React__default["default"].createElement(Component, {
+  var classList = cx(["eds-contrast", "eps-menu", className]);
+  return React.createElement(Component, {
     className: classList
   }, children);
 };
 
 var _excluded$5 = ["className", "inputComponent", "alertLabel", "alertLevel", "name", "languages", "values", "onChange", "defaultLanguage", "label", "onBlur"];
-/**
- * @deprecated use ExpandableMultiLanguageInput
+/**
+ * @deprecated use ExpandableMultiLanguageInput
  */
 var MultiLanguageInput = function MultiLanguageInput(_ref) {
   var className = _ref.className,
@@ -598,7 +609,7 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
   var _useState = React.useState(defaultLanguage),
     language = _useState[0],
     setLanguage = _useState[1];
-  var classNames = cx__default["default"]("multi-language-input", className);
+  var classNames = cx("multi-language-input", className);
   var currentValue = values[language];
   var handleOnBlur = function handleOnBlur(e) {
     e.persist();
@@ -623,21 +634,21 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
   };
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: Legacy component
-    React__default["default"].createElement("div", {
+    React.createElement("div", {
       className: classNames,
       // biome-ignore lint/a11y/noNoninteractiveTabindex: Legacy component
       tabIndex: 0,
       onBlur: handleOnBlur,
       "data-testid": "multi-lang-input-" + name
-    }, React__default["default"].createElement(Stack, {
+    }, React.createElement(Stack, {
       space: "extraSmall"
-    }, React__default["default"].createElement(LanguageSelect, {
+    }, React.createElement(LanguageSelect, {
       language: language,
       options: languages,
       onChange: function onChange(lang) {
         return handleLanguageChange(lang);
       }
-    }), React__default["default"].createElement(InputComponent, _extends({
+    }), React.createElement(InputComponent, _extends({
       label: label,
       variant: alertLevel,
       feedback: alertLabel,
@@ -666,7 +677,7 @@ var OrganisationDropDown = function OrganisationDropDown(_ref) {
       return org.organisationId === selectedOrganisationId;
     }));
   }, [selectedOrganisationId, organisations]);
-  return React__default["default"].createElement(dropdown.SearchableDropdown, _extends({
+  return React.createElement(dropdown.SearchableDropdown, _extends({
     label: label,
     items: [].concat(organisations.sort(function (a, b) {
       return a.tradingName.localeCompare(b.tradingName, "nb");
@@ -695,7 +706,7 @@ var Pager = function Pager(_ref) {
     _onPageChange = _ref.onPageChange,
     currentPage = _ref.currentPage;
   var pageCount = Math.ceil(collectionSize / pageSize);
-  return React__default["default"].createElement(menu.Pagination, {
+  return React.createElement(menu.Pagination, {
     pageCount: pageCount,
     currentPage: currentPage,
     onPageChange: function onPageChange(page) {
@@ -704,15 +715,7 @@ var Pager = function Pager(_ref) {
   });
 };
 
-/**
- * This component changes page title by using helmet and current path. It will translate subpaths, join them with a dash
- * and display it on browser tab.
- *
- * @param Props.pathname - The current path from react-router-dom.useLocation()
- * @param Props.onBreadcrumbLookup - A function that takes a path and returns a i18n translated string or undefined
- * @returns A Helmet component with updated title
- */
-function PageTitle(_ref) {
+var PageTitle = function PageTitle(_ref) {
   var pathname = _ref.pathname,
     onBreadcrumbLookup = _ref.onBreadcrumbLookup;
   var paths = util.splitUrlPath(pathname);
@@ -728,13 +731,16 @@ function PageTitle(_ref) {
     var title = _ref3.title;
     return title;
   }).reverse().join(" | ");
-  return React__default["default"].createElement(reactHelmetAsync.Helmet, null, React__default["default"].createElement("title", null, pageTitles, " | Entur Partner"));
-}
+  React.useEffect(function () {
+    document.title = pageTitles + " | Entur Partner";
+  }, [pageTitles]);
+  return null;
+};
 
-/**
- * Note: This component uses BusinessCapability, not because we only want to
- * check BusinessCapabilities but because it represents a minimal subset of
- * what we need to check.
+/**
+ * Note: This component uses BusinessCapability, not because we only want to
+ * check BusinessCapabilities but because it represents a minimal subset of
+ * what we need to check.
  */
 var PermissionCheck = function PermissionCheck(_ref) {
   var children = _ref.children,
@@ -748,7 +754,7 @@ var PermissionCheck = function PermissionCheck(_ref) {
   var allIsAllowed = util.hasAllPermissions(all, permissions);
   var oneOfIsAllowed = util.hasOneOfPermissions(oneOf, permissions);
   var allowed = allIsAllowed && oneOfIsAllowed;
-  return React__default["default"].createElement(React__default["default"].Fragment, null, allowed ? children : fallback);
+  return React.createElement(React.Fragment, null, allowed ? children : fallback);
 };
 
 var _excluded$3 = ["children", "shouldBlockNavigation"];
@@ -762,7 +768,7 @@ var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
       nextLocation = _ref2.nextLocation;
     return currentLocation.pathname !== nextLocation.pathname && shouldBlockNavigation(nextLocation);
   });
-  return React__default["default"].createElement(ConfirmModal, _extends({
+  return React.createElement(ConfirmModal, _extends({
     onDismiss: function onDismiss() {
       if (blocker.state === "blocked") {
         blocker.reset();
@@ -785,18 +791,18 @@ var StatusLabel = function StatusLabel(_ref) {
     aggressiveInactive = _ref.aggressiveInactive,
     showBullet = _ref.showBullet,
     center = _ref.center;
-  var bulletClassNames = cx__default["default"]("eps-status-label__bullet", {
+  var bulletClassNames = cx("eps-status-label__bullet", {
     active: active,
     aggressive: aggressiveInactive
   });
-  var statusLabelClassNames = cx__default["default"]("eps-status-label", {
+  var statusLabelClassNames = cx("eps-status-label", {
     center: center
   });
-  return React__default["default"].createElement("div", {
+  return React.createElement("div", {
     className: statusLabelClassNames
-  }, showBullet && React__default["default"].createElement("div", {
+  }, showBullet && React.createElement("div", {
     className: bulletClassNames
-  }), React__default["default"].createElement("div", null, label));
+  }), React.createElement("div", null, label));
 };
 
 var _excluded$2 = ["as", "children", "fontSize", "color", "lineHeight", "fontWeight", "className"];
@@ -814,8 +820,8 @@ var Text = function Text(_ref) {
   fontSize && classes.push.apply(classes, responsiveProp("eps-font-size-", fontSize));
   lineHeight && classes.push.apply(classes, responsiveProp("eps-line-height-", lineHeight));
   fontWeight && classes.push("eps-font-weight-" + fontWeight);
-  var classList = cx__default["default"](classes, className);
-  return React__default["default"].createElement(Box, _extends({
+  var classList = cx(classes, className);
+  return React.createElement(Box, _extends({
     as: component,
     color: color,
     className: classList
@@ -827,16 +833,16 @@ var Unbutton = function Unbutton(_ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return React__default["default"].createElement(button.Button, _extends({
+  return React.createElement(button.Button, _extends({
     variant: "primary"
   }, rest, {
-    className: cx__default["default"]("eps-unbutton", className)
+    className: cx("eps-unbutton", className)
   }), children);
 };
 
 var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
-  return React__default["default"].createElement("button", _extends({
-    className: cx__default["default"](props.className, "eps-overflow-menu__item"),
+  return React.createElement("button", _extends({
+    className: cx(props.className, "eps-overflow-menu__item"),
     role: "menuitem"
   }, props));
 };
@@ -845,22 +851,22 @@ var CookieSettingsMenuItem = function CookieSettingsMenuItem(_ref) {
   var name = _ref.name,
     setOpen = _ref.setOpen,
     onCookieSettingsOpen = _ref.onCookieSettingsOpen;
-  return React__default["default"].createElement(CustomOverflowMenuItem, {
+  return React.createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
       onCookieSettingsOpen();
       setOpen(false);
     },
     className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
+  }, React.createElement("span", {
     "aria-hidden": true
-  }, React__default["default"].createElement(icons.CookieIcon, {
+  }, React.createElement(icons.CookieIcon, {
     size: "1rem",
     inline: true
   })), name);
 };
 
 function useOutsideClick(ref, buttonRef, handler) {
-  React__default["default"].useEffect(function () {
+  React.useEffect(function () {
     var listener = function listener(event) {
       if (elementContainsEventTarget(ref.current, event) || elementContainsEventTarget(buttonRef.current, event)) {
         return;
@@ -904,40 +910,40 @@ var CustomOverflowMenu = function CustomOverflowMenu(_ref) {
     onOpenChange = _ref.onOpenChange,
     environment = _ref.environment,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var overflowItemsClasses = cx__default["default"]("eps-overflow-menu__group", {
+  var overflowItemsClasses = cx("eps-overflow-menu__group", {
     "eps-overflow-menu__group--open": open
   });
-  var overflowContentRef = React__default["default"].useRef(null);
-  var overflowMenuTriggerRef = React__default["default"].useRef(null);
+  var overflowContentRef = React.useRef(null);
+  var overflowMenuTriggerRef = React.useRef(null);
   useOutsideClick(overflowContentRef, overflowMenuTriggerRef, function () {
     return onOpenChange(false);
   });
-  return React__default["default"].createElement("div", null, React__default["default"].createElement(button.SecondaryButton, _extends({
-    className: cx__default["default"]("eps-overflow-menu__button", className),
+  return React.createElement("div", null, React.createElement(button.SecondaryButton, _extends({
+    className: cx("eps-overflow-menu__button", className),
     onClick: function onClick() {
       return onOpenChange(!open);
     },
     "aria-haspopup": true,
     "aria-expanded": open,
     ref: overflowMenuTriggerRef
-  }, rest), React__default["default"].createElement("div", {
+  }, rest), React.createElement("div", {
     className: "eps-overflow-menu__button-contents"
-  }, React__default["default"].createElement("span", {
+  }, React.createElement("span", {
     className: "eds-overflow-menu__user-icon"
-  }, React__default["default"].createElement(icons.UserIcon, {
+  }, React.createElement(icons.UserIcon, {
     inline: true
-  })), React__default["default"].createElement(typography.Heading6, {
+  })), React.createElement(typography.Heading6, {
     margin: "none",
     as: "span"
-  }, userName, environment !== undefined && environment !== exports.Environment.Production && React__default["default"].createElement("span", {
+  }, userName, environment !== undefined && environment !== exports.Environment.Production && React.createElement("span", {
     style: {
       color: getColorForEnvironment(environment)
     }
-  }, " ", "(", getHumanReadableEnvironment(environment), ")")), React__default["default"].createElement("span", {
+  }, " ", "(", getHumanReadableEnvironment(environment), ")")), React.createElement("span", {
     className: "eps-arrow-icon"
-  }, React__default["default"].createElement(icons.DownArrowIcon, {
+  }, React.createElement(icons.DownArrowIcon, {
     inline: true
-  })))), open && React__default["default"].createElement("div", {
+  })))), open && React.createElement("div", {
     className: overflowItemsClasses,
     role: "menu",
     ref: overflowContentRef
@@ -952,28 +958,28 @@ var LanguageSwitchMenuItem = function LanguageSwitchMenuItem(_ref) {
   var useB47LanguageKey = useFeatureToggle("USE_BCP-47_LANGUAGE_KEY");
   var norwegianLanguageKey = useB47LanguageKey ? "nb-NO" : "nb";
   var englishLanguageKey = useB47LanguageKey ? "en-GB" : "en";
-  return React__default["default"].createElement(React__default["default"].Fragment, null, language === englishLanguageKey ? React__default["default"].createElement(CustomOverflowMenuItem, {
+  return React.createElement(React.Fragment, null, language === englishLanguageKey ? React.createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
       onLanguageChange(norwegianLanguageKey);
       setOpen(false);
     },
     className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
+  }, React.createElement("span", {
     "aria-hidden": true,
     className: "eps-overflow-menu__icon-margin"
-  }, React__default["default"].createElement(icons.NorwayIcon, {
+  }, React.createElement(icons.NorwayIcon, {
     size: "1rem",
     inline: true
-  })), name) : React__default["default"].createElement(CustomOverflowMenuItem, {
+  })), name) : React.createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
       onLanguageChange(englishLanguageKey);
       setOpen(false);
     },
     className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
+  }, React.createElement("span", {
     "aria-hidden": true,
     className: "eps-overflow-menu__icon-margin"
-  }, React__default["default"].createElement(icons.UKIcon, {
+  }, React.createElement(icons.UKIcon, {
     size: "1rem",
     inline: true
   })), name));
@@ -983,16 +989,16 @@ var LogOutMenuItem = function LogOutMenuItem(_ref) {
   var name = _ref.name,
     setOpen = _ref.setOpen,
     onLogout = _ref.onLogout;
-  return React__default["default"].createElement(CustomOverflowMenuItem, {
+  return React.createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
       onLogout();
       setOpen(false);
     },
     "data-testid": "user-menu-logout",
     className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
+  }, React.createElement("span", {
     "aria-hidden": true
-  }, React__default["default"].createElement(icons.LogOutIcon, {
+  }, React.createElement(icons.LogOutIcon, {
     size: "1rem",
     inline: true
   })), name);
@@ -1002,20 +1008,20 @@ var UserMenuItem = function UserMenuItem(_ref) {
   var name = _ref.name,
     setOpen = _ref.setOpen,
     onNavigateToMyProfile = _ref.onNavigateToMyProfile;
-  return React__default["default"].createElement(reactRouterDom.Link, {
+  return React.createElement(reactRouterDom.Link, {
     to: "/permission-admin/my-profile",
     style: {
       textDecoration: "none"
     }
-  }, React__default["default"].createElement(CustomOverflowMenuItem, {
+  }, React.createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
       setOpen(false);
       onNavigateToMyProfile();
     },
     className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
+  }, React.createElement("span", {
     "aria-hidden": true
-  }, React__default["default"].createElement(icons.UserIcon, {
+  }, React.createElement(icons.UserIcon, {
     size: "1rem",
     inline: true
   })), name));
@@ -1025,21 +1031,22 @@ var VersionMenuItem = function VersionMenuItem(_ref) {
   var title = _ref.title,
     setOpen = _ref.setOpen;
   var navigate = reactRouterDom.useNavigate(); // Hide useNavigate from standalone micro-frontends because it is not under RouterProvider
-  return React__default["default"].createElement(CustomOverflowMenuItem, {
+  return React.createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
       navigate("/app-version");
       setOpen(false);
     },
     className: "eps-overflow-menu__item"
-  }, React__default["default"].createElement("span", {
+  }, React.createElement("span", {
     "aria-hidden": true
-  }, React__default["default"].createElement(icons.ChannelsIcon, {
+  }, React.createElement(icons.ChannelsIcon, {
     className: "eps-version-icon",
     size: "1rem",
     inline: true
   })), title);
 };
 
+/** biome-ignore-all lint/correctness/useUniqueElementIds: Ignore unique id for now */
 var UserMenu = function UserMenu(_ref) {
   var className = _ref.className,
     messages = _ref.messages,
@@ -1054,37 +1061,37 @@ var UserMenu = function UserMenu(_ref) {
     onNavigateToMyProfile = _ref.onNavigateToMyProfile,
     _ref$onCookieSettings = _ref.onCookieSettingsOpen,
     onCookieSettingsOpen = _ref$onCookieSettings === void 0 ? function () {} : _ref$onCookieSettings;
-  var triggerClassList = cx__default["default"](["eps-user-menu__trigger-button", className]);
+  var triggerClassList = cx(["eps-user-menu__trigger-button", className]);
   var _useState = React.useState(false),
     open = _useState[0],
     setOpen = _useState[1];
-  return React__default["default"].createElement("div", {
+  return React.createElement("div", {
     id: "eps-user-menu"
-  }, React__default["default"].createElement(CustomOverflowMenu, {
+  }, React.createElement(CustomOverflowMenu, {
     open: open,
     onOpenChange: setOpen,
     className: triggerClassList,
     userName: userName,
     environment: environment
-  }, React__default["default"].createElement("div", {
+  }, React.createElement("div", {
     id: "eps-overflow-menu"
-  }, React__default["default"].createElement(LanguageSwitchMenuItem, {
+  }, React.createElement(LanguageSwitchMenuItem, {
     name: messages.switchLanguage,
     language: language,
     onLanguageChange: onLanguageChange,
     setOpen: setOpen
-  }), showVersionItem && messages.appVersion && React__default["default"].createElement(VersionMenuItem, {
+  }), showVersionItem && messages.appVersion && React.createElement(VersionMenuItem, {
     title: messages.appVersion,
     setOpen: setOpen
-  }), showMyProfileItem && messages.myProfile && React__default["default"].createElement(UserMenuItem, {
+  }), showMyProfileItem && messages.myProfile && React.createElement(UserMenuItem, {
     name: messages.myProfile,
     setOpen: setOpen,
     onNavigateToMyProfile: onNavigateToMyProfile
-  }), showCookieSettingsItem && messages.cookieSettings && React__default["default"].createElement(CookieSettingsMenuItem, {
+  }), showCookieSettingsItem && messages.cookieSettings && React.createElement(CookieSettingsMenuItem, {
     name: messages.cookieSettings,
     setOpen: setOpen,
     onCookieSettingsOpen: onCookieSettingsOpen
-  }), React__default["default"].createElement(LogOutMenuItem, {
+  }), React.createElement(LogOutMenuItem, {
     name: messages.logout,
     setOpen: setOpen,
     onLogout: onLogout
@@ -1130,6 +1137,7 @@ exports.FeatureToggle = FeatureToggle;
 exports.FormatCurrencyAmount = FormatCurrencyAmount;
 exports.FormatDateTime = FormatDateTime;
 exports.LanguageSelect = LanguageSelect;
+exports.LegacyPageTitle = LegacyPageTitle;
 exports.Link = Link;
 exports.LinkButton = LinkButton;
 exports.Menu = Menu;