@entur-partner/common 11.0.0 → 11.1.0

package/dist/common.cjs.development.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var util = require('@entur-partner/util');
 var cx = require('classnames');
+var react = require('react');
 var menu = require('@entur/menu');
 var reactRouterDom = require('react-router-dom');
 var button = require('@entur/button');
@@ -19,23 +20,28 @@ var icons = require('@entur/icons');
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 var ActionBarLeft = function ActionBarLeft(_ref) {
   var children = _ref.children;
-  return React.createElement("div", {
-    className: "eps-action-bar-left"
-  }, children);
+  return jsxRuntime.jsx("div", {
+    className: "eps-action-bar-left",
+    children: children
+  });
 };
 var ActionBarRight = function ActionBarRight(_ref2) {
   var children = _ref2.children;
-  return React.createElement("div", {
-    className: "eps-action-bar-right"
-  }, children);
+  return jsxRuntime.jsx("div", {
+    className: "eps-action-bar-right",
+    children: children
+  });
 };
 var ActionBar = function ActionBar(_ref3) {
   var children = _ref3.children;
-  return React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "eps-action-bar-padding"
-  }), React.createElement("div", {
-    className: "eps-action-bar"
-  }, children));
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx("div", {
+      className: "eps-action-bar-padding"
+    }), jsxRuntime.jsx("div", {
+      className: "eps-action-bar",
+      children: children
+    })]
+  });
 };
 
 function _extends() {
@@ -73,7 +79,9 @@ var FormatDateTime = function FormatDateTime(_ref) {
     Component = _ref$as === void 0 ? "main" : _ref$as,
     hideTime = _ref.hideTime,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
-  return React.createElement(Component, _extends({}, rest), hideTime ? util.localeDate(date, locale) : util.localeDateTime(date, locale));
+  return jsxRuntime.jsx(Component, _extends({}, rest, {
+    children: 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"];
@@ -147,30 +155,34 @@ var Box = function Box(_ref) {
   flexDirection && classes.push.apply(classes, responsiveProp("eps-flex-", flexDirection));
   flexWrap && classes.push.apply(classes, responsiveProp("eps-flex-wrap-", flexWrap));
   var classList = cx(classes, className);
-  return React.createElement(Component, _extends({
+  return jsxRuntime.jsx(Component, _extends({
     className: classList
-  }, rest), children);
+  }, rest, {
+    children: children
+  }));
 };
 
-/** biome-ignore-all lint/suspicious/noArrayIndexKey: Ignore for now. Should be tested properly before doing changes */
 var Stack = function Stack(_ref) {
   var children = _ref.children,
     space = _ref.space,
     className = _ref.className;
-  var stackItems = React.Children.toArray(children);
+  var stackItems = react.Children.toArray(children);
   if (stackItems.length <= 1) {
-    return React.createElement(React.Fragment, null, stackItems);
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: stackItems
+    });
   }
-  return React.createElement("div", {
-    className: className
-  }, stackItems.map(function (child, index) {
-    return index === stackItems.length - 1 ? React.createElement("div", {
-      key: index
-    }, child) : React.createElement(Box, {
-      paddingBottom: space,
-      key: index
-    }, child);
-  }));
+  return jsxRuntime.jsx("div", {
+    className: className,
+    children: stackItems.map(function (child, index) {
+      return index === stackItems.length - 1 ? jsxRuntime.jsx("div", {
+        children: child
+      }, index) : jsxRuntime.jsx(Box, {
+        paddingBottom: space,
+        children: child
+      }, index);
+    })
+  });
 };
 
 var _excluded$c = ["items", "locale", "className"];
@@ -180,20 +192,27 @@ var AuditInfo = function AuditInfo(_ref) {
     className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   var classNames = cx("ep-audit-info", className);
-  return React.createElement("div", _extends({
+  return jsxRuntime.jsx("div", _extends({
     className: classNames
-  }, rest), items.map(function (_ref2) {
-    var label = _ref2.label,
-      value = _ref2.value;
-    return React.createElement(Stack, {
-      space: "small",
-      key: value.toString()
-    }, React.createElement("div", {
-      className: "ep-audit-info-label"
-    }, label), React.createElement("div", null, util.isDate(value) || util.isDateString(value) ? React.createElement(FormatDateTime, {
-      date: value,
-      locale: locale
-    }) : React.createElement("span", null, value)));
+  }, rest, {
+    children: items.map(function (_ref2) {
+      var label = _ref2.label,
+        value = _ref2.value;
+      return jsxRuntime.jsxs(Stack, {
+        space: "small",
+        children: [jsxRuntime.jsx("div", {
+          className: "ep-audit-info-label",
+          children: label
+        }), jsxRuntime.jsx("div", {
+          children: util.isDate(value) || util.isDateString(value) ? jsxRuntime.jsx(FormatDateTime, {
+            date: value,
+            locale: locale
+          }) : jsxRuntime.jsx("span", {
+            children: value
+          })
+        })]
+      }, value.toString());
+    })
   }));
 };
 
@@ -216,21 +235,25 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
       path = _ref3.path;
     var isLast = i === breadcrumbs.length - 1;
     if (isLast) {
-      return React.createElement(menu.BreadcrumbItem, {
-        key: path,
-        as: "span"
-      }, title);
+      return jsxRuntime.jsx(menu.BreadcrumbItem, {
+        as: "span",
+        children: title
+      }, path);
     }
-    return React.createElement(menu.BreadcrumbItem, {
-      key: path,
+    return jsxRuntime.jsx(menu.BreadcrumbItem, {
       as: reactRouterDom.Link,
-      to: path
-    }, title);
+      to: path,
+      children: title
+    }, path);
   });
   if (prependBreadcrumbItem) {
-    return React.createElement(menu.BreadcrumbNavigation, null, [prependBreadcrumbItem].concat(breadcrumbElements));
+    return jsxRuntime.jsx(menu.BreadcrumbNavigation, {
+      children: [prependBreadcrumbItem].concat(breadcrumbElements)
+    });
   }
-  return React.createElement(menu.BreadcrumbNavigation, null, breadcrumbElements);
+  return jsxRuntime.jsx(menu.BreadcrumbNavigation, {
+    children: breadcrumbElements
+  });
 };
 
 var _excluded$b = ["isOpen", "children", "message", "size", "buttons", "onConfirm", "messages", "onClose", "onDismiss"];
@@ -249,19 +272,30 @@ var ConfirmModal = function ConfirmModal(_ref) {
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   var childrenToRender = children ? children : message;
   var handleDismiss = onClose ? onClose : onDismiss;
-  return React.createElement(modal.Modal, _extends({
+  return jsxRuntime.jsxs(modal.Modal, _extends({
     size: size,
     open: isOpen,
     onDismiss: handleDismiss
-  }, rest), util.isString(childrenToRender) ? React.createElement(typography.Paragraph, null, childrenToRender) : React.createElement(Box, {
-    paddingBottom: "medium"
-  }, 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.createElement(button.PrimaryButton, {
-    onClick: onConfirm,
-    "data-testid": "confirm-modal-button"
-  }, messages.confirm)) : buttons));
+  }, rest, {
+    children: [util.isString(childrenToRender) ? jsxRuntime.jsx(typography.Paragraph, {
+      children: childrenToRender
+    }) : jsxRuntime.jsx(Box, {
+      paddingBottom: "medium",
+      children: childrenToRender
+    }), jsxRuntime.jsx(button.ButtonGroup, {
+      children: onConfirm ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsx(button.SecondaryButton, {
+          onClick: handleDismiss,
+          "data-testid": "cancel-modal-button",
+          children: messages.cancel
+        }), jsxRuntime.jsx(button.PrimaryButton, {
+          onClick: onConfirm,
+          "data-testid": "confirm-modal-button",
+          children: messages.confirm
+        })]
+      }) : buttons
+    })]
+  }));
 };
 
 var Content = function Content(_ref) {
@@ -270,9 +304,10 @@ var Content = function Content(_ref) {
     className = _ref.className,
     children = _ref.children;
   var classList = cx(["eps-content", className]);
-  return React.createElement(Component, {
-    className: classList
-  }, children);
+  return jsxRuntime.jsx(Component, {
+    className: classList,
+    children: children
+  });
 };
 
 var _environmentColors, _humanReadableEnviron;
@@ -303,27 +338,33 @@ var EnturPartnerLogoSvg = function EnturPartnerLogoSvg(_ref) {
     _ref$accentColor = _ref.accentColor,
     accentColor = _ref$accentColor === void 0 ? "#FF5959" : _ref$accentColor,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
-  return React.createElement("svg", _extends({
+  return jsxRuntime.jsxs("svg", _extends({
     width: 257,
     height: 37,
     viewBox: "0 0 257 37"
-  }, rest), React.createElement("title", null, title), React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, React.createElement("path", {
-    fill: "#FFF",
-    d: "M0 .231V25.72h18.745v-4.318H4.869v-6.163h12.31v-4.318H4.87V4.55h13.876V.231z"
-  }), React.createElement("path", {
-    fill: accentColor,
-    d: "M0 36.408h45.253v-4.32H0z"
-  }), 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.createElement("g", {
-    fill: accentColor
-  }, 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"
-  }))));
+  }, rest, {
+    children: [jsxRuntime.jsx("title", {
+      children: title
+    }), jsxRuntime.jsxs("g", {
+      fill: "none",
+      fillRule: "evenodd",
+      children: [jsxRuntime.jsx("path", {
+        fill: "#FFF",
+        d: "M0 .231V25.72h18.745v-4.318H4.869v-6.163h12.31v-4.318H4.87V4.55h13.876V.231z"
+      }), jsxRuntime.jsx("path", {
+        fill: accentColor,
+        d: "M0 36.408h45.253v-4.32H0z"
+      }), jsxRuntime.jsx("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"
+      }), jsxRuntime.jsx("g", {
+        fill: accentColor,
+        children: jsxRuntime.jsx("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"
+        })
+      })]
+    })]
+  }));
 };
 var EnturPartnerLogo = function EnturPartnerLogo(_ref2) {
   var _ref2$as = _ref2.as,
@@ -332,13 +373,14 @@ var EnturPartnerLogo = function EnturPartnerLogo(_ref2) {
     altText = _ref2.altText,
     environment = _ref2.environment;
   var classList = cx(["eps-logo-wrapper", className]);
-  return React.createElement(Component, {
-    className: classList
-  }, React.createElement(EnturPartnerLogoSvg, {
-    title: altText,
-    className: "logo",
-    accentColor: environment !== undefined && environment !== exports.Environment.Production ? getColorForEnvironment(environment) : undefined
-  }));
+  return jsxRuntime.jsx(Component, {
+    className: classList,
+    children: jsxRuntime.jsx(EnturPartnerLogoSvg, {
+      title: altText,
+      className: "logo",
+      accentColor: environment !== undefined && environment !== exports.Environment.Production ? getColorForEnvironment(environment) : undefined
+    })
+  });
 };
 
 var newAppVersionErrorMessage = "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.";
@@ -380,33 +422,38 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
           error: error
         });
       } else if (error.name === "NotFoundError" && error.message === newAppVersionErrorMessage) {
-        return React.createElement(RefreshBannerInfo, null);
+        return jsxRuntime.jsx(RefreshBannerInfo, {});
       }
       return fallback;
     }
     return children;
   };
   return ErrorBoundary;
-}(React.Component);
+}(react.Component);
 var LANGUAGE_STORAGE_KEY = "EP::locale";
 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.createElement(Box, {
-    maxWidth: "large"
-  }, React.createElement(alert.BannerAlertBox, {
-    variant: "info",
-    title: isNorwegian ? "En ny versjon av nettsiden er tilgjengelig." : "A new version of the website is available."
-  }, React.createElement(Box, {
-    paddingBottom: "medium"
-  }, React.createElement(typography.Paragraph, {
-    margin: "none"
-  }, isNorwegian ? "Vennligst oppdater." : "Please refresh.")), React.createElement(button.PrimaryButton, {
-    onClick: function onClick() {
-      return window.location.reload();
-    }
-  }, isNorwegian ? "Oppdater" : "Refresh")));
+  return jsxRuntime.jsx(Box, {
+    maxWidth: "large",
+    children: jsxRuntime.jsxs(alert.BannerAlertBox, {
+      variant: "info",
+      title: isNorwegian ? "En ny versjon av nettsiden er tilgjengelig." : "A new version of the website is available.",
+      children: [jsxRuntime.jsx(Box, {
+        paddingBottom: "medium",
+        children: jsxRuntime.jsx(typography.Paragraph, {
+          margin: "none",
+          children: isNorwegian ? "Vennligst oppdater." : "Please refresh."
+        })
+      }), jsxRuntime.jsx(button.PrimaryButton, {
+        onClick: function onClick() {
+          return window.location.reload();
+        },
+        children: isNorwegian ? "Oppdater" : "Refresh"
+      })]
+    })
+  });
 }
 
 var _excluded$9 = ["title", "inputComponent", "languages", "values", "onChange", "name", "variant", "feedback"];
@@ -429,33 +476,34 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
     }
     onChange(changes);
   };
-  return React.createElement(expand.ExpandablePanel, {
+  return jsxRuntime.jsx(expand.ExpandablePanel, {
     title: title,
     defaultOpen: true,
     contentStyle: {
       padding: "4px 4px 4px 4px",
       marginTop: "16px",
       marginBottom: "16px"
-    }
-  }, React.createElement(Stack, {
-    space: "medium"
-  }, languages.map(function (_ref2) {
-    var langKey = _ref2.value,
-      label = _ref2.label,
-      required = _ref2.required;
-    return React.createElement(InputComponent, _extends({
-      "data-testid": "multi-lang-input-" + name + "-" + langKey,
-      key: title + langKey,
-      label: required ? label + "*" : label,
-      variant: variant == null ? void 0 : variant(langKey),
-      feedback: feedback == null ? void 0 : feedback(langKey),
-      name: name,
-      onChange: function onChange(e) {
-        handleOnChange(langKey, e.target.value);
-      },
-      value: values[langKey] || ""
-    }, rest));
-  })));
+    },
+    children: jsxRuntime.jsx(Stack, {
+      space: "medium",
+      children: languages.map(function (_ref2) {
+        var langKey = _ref2.value,
+          label = _ref2.label,
+          required = _ref2.required;
+        return jsxRuntime.jsx(InputComponent, _extends({
+          "data-testid": "multi-lang-input-" + name + "-" + langKey,
+          label: required ? label + "*" : label,
+          variant: variant == null ? void 0 : variant(langKey),
+          feedback: feedback == null ? void 0 : feedback(langKey),
+          name: name,
+          onChange: function onChange(e) {
+            handleOnChange(langKey, e.target.value);
+          },
+          value: values[langKey] || ""
+        }, rest), title + langKey);
+      })
+    })
+  });
 };
 
 /**
@@ -487,7 +535,9 @@ var FeatureToggle = function FeatureToggle(_ref) {
     flag = _ref.flag;
   var feature = useFeatureToggle(flag);
   if (feature) {
-    return React.createElement(React.Fragment, null, children);
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: children
+    });
   }
   return null;
 };
@@ -503,7 +553,9 @@ var FormatCurrencyAmount = function FormatCurrencyAmount(_ref) {
     maximumFractionDigits: 2,
     minimumFractionDigits: 2
   }).format(parsedAmount);
-  return React.createElement(Component, _extends({}, rest), formattedAmount);
+  return jsxRuntime.jsx(Component, _extends({}, rest, {
+    children: formattedAmount
+  }));
 };
 
 var _excluded$7 = ["language", "options", "className", "onChange"];
@@ -514,28 +566,34 @@ var LanguageSelect = function LanguageSelect(_ref) {
     _onChange = _ref.onChange,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var classNames = cx("eps-language-select", className);
-  return React.createElement("div", _extends({}, rest, {
-    className: classNames
-  }), React.createElement(form.SegmentedControl, {
-    onChange: function onChange(language) {
-      util.assertIsDefined(language);
-      _onChange(language);
-    },
-    selectedValue: language
-  }, options.map(function (option) {
-    return React.createElement(form.SegmentedChoice, {
-      key: option.value,
-      value: option.value
-    }, option.label, option.required && React.createElement("span", {
-      className: "asterisk-margin"
-    }, "*"));
-  })));
+  return jsxRuntime.jsx("div", _extends({}, rest, {
+    className: classNames,
+    children: jsxRuntime.jsx(form.SegmentedControl, {
+      onChange: function onChange(language) {
+        util.assertIsDefined(language);
+        if (typeof language === "string") {
+          _onChange(language);
+        }
+      },
+      selectedValue: language,
+      children: options.map(function (option) {
+        return jsxRuntime.jsxs(form.SegmentedChoice, {
+          value: option.value,
+          children: [option.label, option.required && jsxRuntime.jsx("span", {
+            className: "asterisk-margin",
+            children: "*"
+          })]
+        }, option.value);
+      })
+    })
+  }));
 };
 
 var Link = function Link(props) {
-  return React.createElement(typography.Link, _extends({}, props, {
-    as: reactRouterDom.Link
-  }), props.children);
+  return jsxRuntime.jsx(typography.Link, _extends({}, props, {
+    as: reactRouterDom.Link,
+    children: props.children
+  }));
 };
 
 var _excluded$6 = ["children", "className"];
@@ -543,10 +601,11 @@ var LinkButton = function LinkButton(_ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-  return React.createElement(typography.Link, _extends({}, rest, {
+  return jsxRuntime.jsx(typography.Link, _extends({}, rest, {
     as: "button",
-    className: cx("eps-link-button", className)
-  }), children);
+    className: cx("eps-link-button", className),
+    children: children
+  }));
 };
 
 var Menu = function Menu(_ref) {
@@ -555,9 +614,10 @@ var Menu = function Menu(_ref) {
     className = _ref.className,
     children = _ref.children;
   var classList = cx(["eds-contrast", "eps-menu", className]);
-  return React.createElement(Component, {
-    className: classList
-  }, children);
+  return jsxRuntime.jsx(Component, {
+    className: classList,
+    children: children
+  });
 };
 
 var _excluded$5 = ["className", "inputComponent", "alertLabel", "alertLevel", "name", "languages", "values", "onChange", "defaultLanguage", "label", "onBlur"];
@@ -580,7 +640,7 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
     _ref$onBlur = _ref.onBlur,
     onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-  var _useState = React.useState(defaultLanguage),
+  var _useState = react.useState(defaultLanguage),
     language = _useState[0],
     setLanguage = _useState[1];
   var classNames = cx("multi-language-input", className);
@@ -608,79 +668,114 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
   };
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: Legacy component
-    React.createElement("div", {
+    jsxRuntime.jsx("div", {
       className: classNames,
       // biome-ignore lint/a11y/noNoninteractiveTabindex: Legacy component
       tabIndex: 0,
       onBlur: handleOnBlur,
-      "data-testid": "multi-lang-input-" + name
-    }, React.createElement(Stack, {
-      space: "extraSmall"
-    }, React.createElement(LanguageSelect, {
-      language: language,
-      options: languages,
-      onChange: function onChange(lang) {
-        return handleLanguageChange(lang);
-      }
-    }), React.createElement(InputComponent, _extends({
-      label: label,
-      variant: alertLevel,
-      feedback: alertLabel,
-      name: name,
-      className: "language-item",
-      onChange: function onChange(e) {
-        return handleOnChange(e.target.value);
-      },
-      value: currentValue || ""
-    }, rest))))
+      "data-testid": "multi-lang-input-" + name,
+      children: jsxRuntime.jsxs(Stack, {
+        space: "extraSmall",
+        children: [jsxRuntime.jsx(LanguageSelect, {
+          language: language,
+          options: languages,
+          onChange: function onChange(lang) {
+            return handleLanguageChange(lang);
+          }
+        }), jsxRuntime.jsx(InputComponent, _extends({
+          label: label,
+          variant: alertLevel,
+          feedback: alertLabel,
+          name: name,
+          className: "language-item",
+          onChange: function onChange(e) {
+            return handleOnChange(e.target.value);
+          },
+          value: currentValue || ""
+        }, rest))]
+      })
+    })
   );
 };
 
 var _excluded$4 = ["label", "organisations", "onChange", "selectedOrganisationId"];
+function isInShadowDom(el) {
+  return (el == null ? void 0 : el.getRootNode()) instanceof ShadowRoot;
+}
 var OrganisationDropDown = function OrganisationDropDown(_ref) {
   var label = _ref.label,
     organisations = _ref.organisations,
     handleChange = _ref.onChange,
     selectedOrganisationId = _ref.selectedOrganisationId,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-  var _useState = React.useState(),
+  var wrapperRef = react.useRef(null);
+  var _useState = react.useState(),
     selectedOrganisation = _useState[0],
     setSelectedOrganisation = _useState[1];
-  React.useEffect(function () {
+  react.useEffect(function () {
     setSelectedOrganisation(organisations.find(function (org) {
       return org.organisationId === selectedOrganisationId;
     }));
   }, [selectedOrganisationId, organisations]);
-  return React.createElement(dropdown.SearchableDropdown, _extends({
-    label: label,
-    items: [].concat(organisations.sort(function (a, b) {
-      return a.tradingName.localeCompare(b.tradingName, "nb");
-    }).map(function (organisation) {
-      return {
-        value: organisation.organisationId,
-        label: organisation.tradingName
-      };
-    })),
-    selectedItem: selectedOrganisation ? {
-      value: selectedOrganisation.organisationId,
-      label: selectedOrganisation.tradingName
-    } : null,
-    onChange: function onChange(selectedValue) {
-      if (selectedValue) {
-        handleChange(selectedValue.value);
-      }
-    },
-    clearable: false
-  }, rest));
+  var handleMouseDown = function handleMouseDown(e) {
+    if (!isInShadowDom(wrapperRef.current)) return;
+    // In shadow DOM, mouse events are retargeted at the shadow boundary,
+    // causing downshift's window-level outside-click detection to misidentify
+    // clicks within the dropdown as outside clicks. Stop propagation to prevent
+    // the retargeted event from reaching window-level listeners.
+    e.nativeEvent.stopPropagation();
+    // Prevent default on non-input elements to stop the browser from moving
+    // focus away from the combobox input, which would trigger a blur that
+    // closes the dropdown before the click event can register a selection.
+    if (e.target.tagName !== "INPUT") {
+      e.preventDefault();
+    }
+  };
+  var handleMouseUp = function handleMouseUp(e) {
+    if (!isInShadowDom(wrapperRef.current)) return;
+    e.nativeEvent.stopPropagation();
+  };
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: Temporary fix. See comment above. Will be fixed in design system level in the future.
+    jsxRuntime.jsx("div", {
+      ref: wrapperRef,
+      onMouseDown: handleMouseDown,
+      onMouseUp: handleMouseUp,
+      children: jsxRuntime.jsx(dropdown.SearchableDropdown, _extends({
+        label: label,
+        items: [].concat(organisations.sort(function (a, b) {
+          return a.tradingName.localeCompare(b.tradingName, "nb");
+        }).map(function (organisation) {
+          return {
+            value: organisation.organisationId,
+            label: organisation.tradingName
+          };
+        })),
+        selectedItem: selectedOrganisation ? {
+          value: selectedOrganisation.organisationId,
+          label: selectedOrganisation.tradingName
+        } : null,
+        onChange: function onChange(selectedValue) {
+          if (selectedValue) {
+            handleChange(selectedValue.value);
+          }
+        },
+        clearable: false
+      }, rest))
+    })
+  );
 };
 
+/**
+ * @deprecated use Pagination directly instead
+ */
 var Pager = function Pager(_ref) {
   var collectionSize = _ref.collectionSize,
     pageSize = _ref.pageSize,
     _onPageChange = _ref.onPageChange,
     currentPage = _ref.currentPage;
   var pageCount = Math.ceil(collectionSize / pageSize);
-  return React.createElement(menu.Pagination, {
+  return jsxRuntime.jsx(menu.Pagination, {
     pageCount: pageCount,
     currentPage: currentPage,
     onPageChange: function onPageChange(page) {
@@ -692,7 +787,7 @@ var Pager = function Pager(_ref) {
 var useDocumentTitle = function useDocumentTitle(_ref) {
   var title = _ref.title,
     suffix = _ref.suffix;
-  React.useEffect(function () {
+  react.useEffect(function () {
     if (suffix) {
       document.title = "" + title + suffix;
     } else {
@@ -742,7 +837,9 @@ var PermissionCheck = function PermissionCheck(_ref) {
   var allIsAllowed = util.hasAllPermissions(all, permissions);
   var oneOfIsAllowed = util.hasOneOfPermissions(oneOf, permissions);
   var allowed = allIsAllowed && oneOfIsAllowed;
-  return React.createElement(React.Fragment, null, allowed ? children : fallback);
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: allowed ? children : fallback
+  });
 };
 
 var _excluded$3 = ["children", "shouldBlockNavigation"];
@@ -756,7 +853,7 @@ var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
       nextLocation = _ref2.nextLocation;
     return currentLocation.pathname !== nextLocation.pathname && shouldBlockNavigation(nextLocation);
   });
-  return React.createElement(ConfirmModal, _extends({
+  return jsxRuntime.jsx(ConfirmModal, _extends({
     onDismiss: function onDismiss() {
       if (blocker.state === "blocked") {
         blocker.reset();
@@ -768,7 +865,9 @@ var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
         blocker.proceed();
       }
     }
-  }, rest), children);
+  }, rest, {
+    children: children
+  }));
 };
 
 var StatusLabel = function StatusLabel(_ref) {
@@ -786,11 +885,14 @@ var StatusLabel = function StatusLabel(_ref) {
   var statusLabelClassNames = cx("eps-status-label", {
     center: center
   });
-  return React.createElement("div", {
-    className: statusLabelClassNames
-  }, showBullet && React.createElement("div", {
-    className: bulletClassNames
-  }), React.createElement("div", null, label));
+  return jsxRuntime.jsxs("div", {
+    className: statusLabelClassNames,
+    children: [showBullet && jsxRuntime.jsx("div", {
+      className: bulletClassNames
+    }), jsxRuntime.jsx("div", {
+      children: label
+    })]
+  });
 };
 
 var _excluded$2 = ["as", "children", "fontSize", "color", "lineHeight", "fontWeight", "className"];
@@ -809,11 +911,13 @@ var Text = function Text(_ref) {
   lineHeight && classes.push.apply(classes, responsiveProp("eps-line-height-", lineHeight));
   fontWeight && classes.push("eps-font-weight-" + fontWeight);
   var classList = cx(classes, className);
-  return React.createElement(Box, _extends({
+  return jsxRuntime.jsx(Box, _extends({
     as: component,
     color: color,
     className: classList
-  }, rest), children);
+  }, rest, {
+    children: children
+  }));
 };
 
 var _excluded$1 = ["children", "className"];
@@ -821,11 +925,12 @@ var Unbutton = function Unbutton(_ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return React.createElement(button.Button, _extends({
+  return jsxRuntime.jsx(button.Button, _extends({
     variant: "primary"
   }, rest, {
-    className: cx("eps-unbutton", className)
-  }), children);
+    className: cx("eps-unbutton", className),
+    children: children
+  }));
 };
 
 /*global EventListener WindowEventHandlers*/
@@ -833,11 +938,11 @@ function useEventListener(eventName, handler, element) {
   if (element === void 0) {
     element = window;
   }
-  var savedHandler = React.useRef(null);
-  React.useEffect(function () {
+  var savedHandler = react.useRef(null);
+  react.useEffect(function () {
     savedHandler.current = handler;
   }, [handler]);
-  React.useEffect(function () {
+  react.useEffect(function () {
     var _element;
     var isSupported = (_element = element) == null ? void 0 : _element.addEventListener;
     if (!isSupported) return;
@@ -852,7 +957,7 @@ function useEventListener(eventName, handler, element) {
 }
 
 var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
-  return React.createElement("button", _extends({
+  return jsxRuntime.jsx("button", _extends({
     className: cx(props.className, "eps-overflow-menu__item"),
     role: "menuitem"
   }, props));
@@ -861,19 +966,21 @@ var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
 var CookieSettingsMenuItem = function CookieSettingsMenuItem(_ref) {
   var locale = _ref.locale,
     onClick = _ref.onClick;
-  return React.createElement(CustomOverflowMenuItem, {
+  return jsxRuntime.jsxs(CustomOverflowMenuItem, {
     onClick: onClick,
-    className: "eps-overflow-menu__item"
-  }, React.createElement("span", {
-    "aria-hidden": true
-  }, React.createElement(icons.CookieIcon, {
-    size: "1rem",
-    inline: true
-  })), locale === "en-GB" ? "Cookie settings" : "Cookieinstillinger");
+    className: "eps-overflow-menu__item",
+    children: [jsxRuntime.jsx("span", {
+      "aria-hidden": true,
+      children: jsxRuntime.jsx(icons.CookieIcon, {
+        size: "1rem",
+        inline: true
+      })
+    }), locale === "en-GB" ? "Cookie settings" : "Cookieinstillinger"]
+  });
 };
 
 function useOutsideClick(ref, buttonRef, handler) {
-  React.useEffect(function () {
+  react.useEffect(function () {
     var listener = function listener(event) {
       if (elementContainsEventTarget(ref.current, event) || elementContainsEventTarget(buttonRef.current, event)) {
         return;
@@ -920,113 +1027,135 @@ var CustomOverflowMenu = function CustomOverflowMenu(_ref) {
   var overflowItemsClasses = cx("eps-overflow-menu__group", {
     "eps-overflow-menu__group--open": open
   });
-  var overflowContentRef = React.useRef(null);
-  var overflowMenuTriggerRef = React.useRef(null);
+  var overflowContentRef = react.useRef(null);
+  var overflowMenuTriggerRef = react.useRef(null);
   useOutsideClick(overflowContentRef, overflowMenuTriggerRef, function () {
     return onOpenChange(false);
   });
-  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.createElement("div", {
-    className: "eps-overflow-menu__button-contents"
-  }, React.createElement("span", {
-    className: "eds-overflow-menu__user-icon"
-  }, React.createElement(icons.UserIcon, {
-    inline: true
-  })), React.createElement(typography.Heading6, {
-    margin: "none",
-    as: "span"
-  }, userName, environment !== undefined && environment !== exports.Environment.Production && React.createElement("span", {
-    style: {
-      color: getColorForEnvironment(environment)
-    }
-  }, " ", "(", getHumanReadableEnvironment(environment), ")")), React.createElement("span", {
-    className: "eps-arrow-icon"
-  }, React.createElement(icons.DownArrowIcon, {
-    inline: true
-  })))), open && React.createElement("div", {
-    className: overflowItemsClasses,
-    role: "menu",
-    ref: overflowContentRef
-  }, children));
+  return jsxRuntime.jsxs("div", {
+    children: [jsxRuntime.jsx(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, {
+      children: jsxRuntime.jsxs("div", {
+        className: "eps-overflow-menu__button-contents",
+        children: [jsxRuntime.jsx("span", {
+          className: "eds-overflow-menu__user-icon",
+          children: jsxRuntime.jsx(icons.UserIcon, {
+            inline: true
+          })
+        }), jsxRuntime.jsxs(typography.Heading6, {
+          margin: "none",
+          as: "span",
+          children: [userName, environment !== undefined && environment !== exports.Environment.Production && jsxRuntime.jsxs("span", {
+            style: {
+              color: getColorForEnvironment(environment)
+            },
+            children: [" ", "(", getHumanReadableEnvironment(environment), ")"]
+          })]
+        }), jsxRuntime.jsx("span", {
+          className: "eps-arrow-icon",
+          children: jsxRuntime.jsx(icons.DownArrowIcon, {
+            inline: true
+          })
+        })]
+      })
+    })), open && jsxRuntime.jsx("div", {
+      className: overflowItemsClasses,
+      role: "menu",
+      ref: overflowContentRef,
+      children: children
+    })]
+  });
 };
 
 var LocaleSwitchMenuItem = function LocaleSwitchMenuItem(_ref) {
   var locale = _ref.locale,
     onLocaleChange = _ref.onLocaleChange;
-  return React.createElement(React.Fragment, null, locale === "en-GB" ? React.createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      onLocaleChange("nb-NO");
-    },
-    className: "eps-overflow-menu__item"
-  }, React.createElement("span", {
-    "aria-hidden": true,
-    className: "eps-overflow-menu__icon-margin"
-  }, React.createElement(icons.NorwayIcon, {
-    size: "1rem",
-    inline: true
-  })), "Bytt til norsk") : React.createElement(CustomOverflowMenuItem, {
-    onClick: function onClick() {
-      onLocaleChange("en-GB");
-    },
-    className: "eps-overflow-menu__item"
-  }, React.createElement("span", {
-    "aria-hidden": true,
-    className: "eps-overflow-menu__icon-margin"
-  }, React.createElement(icons.UKIcon, {
-    size: "1rem",
-    inline: true
-  })), "Switch to English"));
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: locale === "en-GB" ? jsxRuntime.jsxs(CustomOverflowMenuItem, {
+      onClick: function onClick() {
+        onLocaleChange("nb-NO");
+      },
+      className: "eps-overflow-menu__item",
+      children: [jsxRuntime.jsx("span", {
+        "aria-hidden": true,
+        className: "eps-overflow-menu__icon-margin",
+        children: jsxRuntime.jsx(icons.NorwayIcon, {
+          size: "1rem",
+          inline: true
+        })
+      }), "Bytt til norsk"]
+    }) : jsxRuntime.jsxs(CustomOverflowMenuItem, {
+      onClick: function onClick() {
+        onLocaleChange("en-GB");
+      },
+      className: "eps-overflow-menu__item",
+      children: [jsxRuntime.jsx("span", {
+        "aria-hidden": true,
+        className: "eps-overflow-menu__icon-margin",
+        children: jsxRuntime.jsx(icons.UKIcon, {
+          size: "1rem",
+          inline: true
+        })
+      }), "Switch to English"]
+    })
+  });
 };
 
 var LogOutMenuItem = function LogOutMenuItem(_ref) {
   var onClick = _ref.onClick,
     locale = _ref.locale;
-  return React.createElement(CustomOverflowMenuItem, {
+  return jsxRuntime.jsxs(CustomOverflowMenuItem, {
     onClick: onClick,
     "data-testid": "user-menu-logout",
-    className: "eps-overflow-menu__item"
-  }, React.createElement("span", {
-    "aria-hidden": true
-  }, React.createElement(icons.LogOutIcon, {
-    size: "1rem",
-    inline: true
-  })), locale === "en-GB" ? "Log out " : "Logg ut");
+    className: "eps-overflow-menu__item",
+    children: [jsxRuntime.jsx("span", {
+      "aria-hidden": true,
+      children: jsxRuntime.jsx(icons.LogOutIcon, {
+        size: "1rem",
+        inline: true
+      })
+    }), locale === "en-GB" ? "Log out " : "Logg ut"]
+  });
 };
 
 var UserMenuItem = function UserMenuItem(_ref) {
   var locale = _ref.locale,
     onClick = _ref.onClick;
-  return React.createElement(CustomOverflowMenuItem, {
+  return jsxRuntime.jsxs(CustomOverflowMenuItem, {
     onClick: onClick,
-    className: "eps-overflow-menu__item"
-  }, React.createElement("span", {
-    "aria-hidden": true
-  }, React.createElement(icons.UserIcon, {
-    size: "1rem",
-    inline: true
-  })), locale === "en-GB" ? "My profile" : "Min profil");
+    className: "eps-overflow-menu__item",
+    children: [jsxRuntime.jsx("span", {
+      "aria-hidden": true,
+      children: jsxRuntime.jsx(icons.UserIcon, {
+        size: "1rem",
+        inline: true
+      })
+    }), locale === "en-GB" ? "My profile" : "Min profil"]
+  });
 };
 
 var VersionMenuItem = function VersionMenuItem(_ref) {
   var locale = _ref.locale,
     onClick = _ref.onClick;
-  return React.createElement(CustomOverflowMenuItem, {
+  return jsxRuntime.jsxs(CustomOverflowMenuItem, {
     onClick: onClick,
-    className: "eps-overflow-menu__item"
-  }, React.createElement("span", {
-    "aria-hidden": true
-  }, React.createElement(icons.ChannelsIcon, {
-    className: "eps-version-icon",
-    size: "1rem",
-    inline: true
-  })), locale === "en-GB" ? "Version" : "Versjon");
+    className: "eps-overflow-menu__item",
+    children: [jsxRuntime.jsx("span", {
+      "aria-hidden": true,
+      children: jsxRuntime.jsx(icons.ChannelsIcon, {
+        className: "eps-version-icon",
+        size: "1rem",
+        inline: true
+      })
+    }), locale === "en-GB" ? "Version" : "Versjon"]
+  });
 };
 
 var UserMenu = function UserMenu(_ref) {
@@ -1043,50 +1172,53 @@ var UserMenu = function UserMenu(_ref) {
     _ref$onCookieSettings = _ref.onCookieSettingsOpen,
     onCookieSettingsOpen = _ref$onCookieSettings === void 0 ? function () {} : _ref$onCookieSettings,
     onVersionItemClick = _ref.onVersionItemClick;
-  var _useState = React.useState(false),
+  var _useState = react.useState(false),
     open = _useState[0],
     setOpen = _useState[1];
-  return React.createElement("div", {
-    id: "eps-user-menu"
-  }, React.createElement(CustomOverflowMenu, {
-    open: open,
-    onOpenChange: setOpen,
-    className: cx(["eps-user-menu__trigger-button", className]),
-    userName: userName,
-    environment: environment
-  }, React.createElement("div", {
-    id: "eps-overflow-menu"
-  }, React.createElement(LocaleSwitchMenuItem, {
-    locale: locale,
-    onLocaleChange: function onLocaleChange(newLocale) {
-      _onLocaleChange(newLocale);
-      setOpen(false);
-    }
-  }), showVersionItem && React.createElement(VersionMenuItem, {
-    locale: locale,
-    onClick: function onClick() {
-      onVersionItemClick == null || onVersionItemClick();
-      setOpen(false);
-    }
-  }), showMyProfileItem && React.createElement(UserMenuItem, {
-    locale: locale,
-    onClick: function onClick() {
-      onNavigateToMyProfile();
-      setOpen(false);
-    }
-  }), showCookieSettingsItem && React.createElement(CookieSettingsMenuItem, {
-    locale: locale,
-    onClick: function onClick() {
-      onCookieSettingsOpen();
-      setOpen(false);
-    }
-  }), React.createElement(LogOutMenuItem, {
-    locale: locale,
-    onClick: function onClick() {
-      onLogout();
-      setOpen(false);
-    }
-  }))));
+  return jsxRuntime.jsx("div", {
+    id: "eps-user-menu",
+    children: jsxRuntime.jsx(CustomOverflowMenu, {
+      open: open,
+      onOpenChange: setOpen,
+      className: cx(["eps-user-menu__trigger-button", className]),
+      userName: userName,
+      environment: environment,
+      children: jsxRuntime.jsxs("div", {
+        id: "eps-overflow-menu",
+        children: [jsxRuntime.jsx(LocaleSwitchMenuItem, {
+          locale: locale,
+          onLocaleChange: function onLocaleChange(newLocale) {
+            _onLocaleChange(newLocale);
+            setOpen(false);
+          }
+        }), showVersionItem && jsxRuntime.jsx(VersionMenuItem, {
+          locale: locale,
+          onClick: function onClick() {
+            onVersionItemClick == null || onVersionItemClick();
+            setOpen(false);
+          }
+        }), showMyProfileItem && jsxRuntime.jsx(UserMenuItem, {
+          locale: locale,
+          onClick: function onClick() {
+            onNavigateToMyProfile();
+            setOpen(false);
+          }
+        }), showCookieSettingsItem && jsxRuntime.jsx(CookieSettingsMenuItem, {
+          locale: locale,
+          onClick: function onClick() {
+            onCookieSettingsOpen();
+            setOpen(false);
+          }
+        }), jsxRuntime.jsx(LogOutMenuItem, {
+          locale: locale,
+          onClick: function onClick() {
+            onLogout();
+            setOpen(false);
+          }
+        })]
+      })
+    })
+  });
 };
 
 exports.ActionBar = ActionBar;