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

package/dist/common.esm.js

@@ -9,8 +9,8 @@ import { Paragraph, Link as Link$2, Heading6 } from '@entur/typography';
 import { BannerAlertBox } from '@entur/alert';
 import { ExpandablePanel } from '@entur/expand';
 import { SegmentedControl, SegmentedChoice } from '@entur/form';
-import { SearchableDropdown } from '@entur/dropdown';
 import { Helmet } from 'react-helmet-async';
+import { SearchableDropdown } from '@entur/dropdown';
 import { CookieIcon, UserIcon, DownArrowIcon, NorwayIcon, UKIcon, LogOutIcon, ChannelsIcon } from '@entur/icons';
 
 var ActionBarLeft = function ActionBarLeft(_ref) {
@@ -35,42 +35,30 @@ var ActionBar = function ActionBar(_ref3) {
 };
 
 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);
+    return n;
+  }, _extends.apply(null, arguments);
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
+function _inheritsLoose(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-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"];
@@ -292,10 +280,10 @@ var Environment;
   Environment["Production"] = "prod";
 })(Environment || (Environment = {}));
 var environmentColors = (_environmentColors = {}, _environmentColors[Environment.Local] = "#B482FB", _environmentColors[Environment.Development] = "#5AC39A", _environmentColors[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];
@@ -467,23 +455,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 import.meta.env["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);
@@ -538,6 +526,34 @@ var LanguageSelect = function LanguageSelect(_ref) {
   })));
 };
 
+/**
+ * @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 = 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(Helmet, null, React.createElement("title", null, pageTitles, " | Entur Partner"));
+};
+
 var Link = function Link(props) {
   return React.createElement(Link$2, _extends({}, props, {
     as: Link$1
@@ -567,8 +583,8 @@ var Menu = function Menu(_ref) {
 };
 
 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,
@@ -695,15 +711,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 = splitUrlPath(pathname);
@@ -719,13 +727,16 @@ function PageTitle(_ref) {
     var title = _ref3.title;
     return title;
   }).reverse().join(" | ");
-  return React.createElement(Helmet, null, React.createElement("title", null, pageTitles, " | Entur Partner"));
-}
+  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,
@@ -1031,6 +1042,7 @@ var VersionMenuItem = function VersionMenuItem(_ref) {
   })), title);
 };
 
+/** biome-ignore-all lint/correctness/useUniqueElementIds: Ignore unique id for now */
 var UserMenu = function UserMenu(_ref) {
   var className = _ref.className,
     messages = _ref.messages,
@@ -1105,5 +1117,5 @@ function useEventListener(eventName, handler, element) {
   }, [eventName, element]);
 }
 
-export { ActionBar, ActionBarLeft, ActionBarRight, AuditInfo, Box, Breadcrumbs, ConfirmModal, Content, EnturPartnerLogo, EnturPartnerLogoSvg, Environment, ErrorBoundary, ExpandableMultiLanguageInput, FeatureToggle, FormatCurrencyAmount, FormatDateTime, LanguageSelect, Link, LinkButton, Menu, MultiLanguageInput, OrganisationDropDown, PageTitle, Pager, PermissionCheck, RouteLeavingGuard, Stack, StatusLabel, Text, Unbutton, UserMenu, featureFlag, getColorForEnvironment, getHumanReadableEnvironment, responsiveProp, useEventListener, useFeatureToggle };
+export { ActionBar, ActionBarLeft, ActionBarRight, AuditInfo, Box, Breadcrumbs, ConfirmModal, Content, EnturPartnerLogo, EnturPartnerLogoSvg, Environment, ErrorBoundary, ExpandableMultiLanguageInput, FeatureToggle, FormatCurrencyAmount, FormatDateTime, LanguageSelect, LegacyPageTitle, Link, LinkButton, Menu, MultiLanguageInput, OrganisationDropDown, PageTitle, Pager, PermissionCheck, RouteLeavingGuard, Stack, StatusLabel, Text, Unbutton, UserMenu, featureFlag, getColorForEnvironment, getHumanReadableEnvironment, responsiveProp, useEventListener, useFeatureToggle };
 //# sourceMappingURL=common.esm.js.map