@entur-partner/common 10.0.0 → 10.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/ActionBar.d.ts +9 -0
  2. package/dist/AuditInfo.d.ts +14 -0
  3. package/dist/Box.d.ts +57 -0
  4. package/dist/Breadcrumbs.d.ts +8 -0
  5. package/dist/ConfirmModal.d.ts +28 -0
  6. package/dist/Content.d.ts +10 -0
  7. package/dist/EnturPartnerLogo.d.ts +19 -0
  8. package/dist/ErrorBoundary.d.ts +22 -0
  9. package/dist/ExpandableMultiLanguageInput.d.ts +17 -0
  10. package/dist/FeatureToggle.d.ts +25 -0
  11. package/dist/FormatCurrencyAmount.d.ts +8 -0
  12. package/dist/FormatDateTime.d.ts +7 -0
  13. package/dist/LanguageSelect.d.ts +16 -0
  14. package/dist/Link.d.ts +6 -0
  15. package/dist/LinkButton.d.ts +8 -0
  16. package/dist/Menu.d.ts +10 -0
  17. package/dist/MultiLanguageInput.d.ts +28 -0
  18. package/dist/OrganisationDropdown.d.ts +14 -0
  19. package/dist/PageTitle.d.ts +12 -0
  20. package/dist/Pager.d.ts +8 -0
  21. package/dist/PermissionCheck.d.ts +24 -0
  22. package/dist/RouteLeavingGuard.d.ts +14 -0
  23. package/dist/Stack.d.ts +9 -0
  24. package/dist/StatusLabel.d.ts +11 -0
  25. package/dist/Text.d.ts +21 -0
  26. package/dist/Unbutton.d.ts +7 -0
  27. package/dist/UserMenu/components/CookieSettingsMenuItem.d.ts +9 -0
  28. package/dist/UserMenu/components/CustomOverflowMenu.d.ts +11 -0
  29. package/dist/UserMenu/components/CustomOverflowMenuItem.d.ts +3 -0
  30. package/dist/UserMenu/components/LanguageSwitchMenuItem.d.ts +10 -0
  31. package/dist/UserMenu/components/LogOutMenuItem.d.ts +9 -0
  32. package/dist/UserMenu/components/UserMenuItem.d.ts +9 -0
  33. package/dist/UserMenu/components/VersionMenuItem.d.ts +5 -0
  34. package/dist/UserMenu/index.d.ts +26 -0
  35. package/dist/UserMenu/useOutsideClick.d.ts +2 -0
  36. package/dist/common.cjs.development.js +1146 -0
  37. package/dist/common.cjs.development.js.map +1 -0
  38. package/dist/common.cjs.production.min.js +2 -0
  39. package/dist/common.cjs.production.min.js.map +1 -0
  40. package/dist/common.esm.js +1106 -0
  41. package/dist/common.esm.js.map +1 -0
  42. package/dist/environment.d.ts +13 -0
  43. package/dist/index.d.ts +30 -0
  44. package/dist/index.js +8 -0
  45. package/dist/styles.css +2774 -0
  46. package/dist/useEventListener.d.ts +3 -0
  47. package/package.json +3 -3
@@ -0,0 +1,1146 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var util = require('@entur-partner/util');
7
+ var cx = require('classnames');
8
+ var menu = require('@entur/menu');
9
+ var reactRouterDom = require('react-router-dom');
10
+ var button = require('@entur/button');
11
+ var modal = require('@entur/modal');
12
+ var typography = require('@entur/typography');
13
+ var alert = require('@entur/alert');
14
+ var expand = require('@entur/expand');
15
+ var form = require('@entur/form');
16
+ var dropdown = require('@entur/dropdown');
17
+ var icons = require('@entur/icons');
18
+
19
+ var ActionBarLeft = function ActionBarLeft(_ref) {
20
+ var children = _ref.children;
21
+ return React.createElement("div", {
22
+ className: "eps-action-bar-left"
23
+ }, children);
24
+ };
25
+ var ActionBarRight = function ActionBarRight(_ref2) {
26
+ var children = _ref2.children;
27
+ return React.createElement("div", {
28
+ className: "eps-action-bar-right"
29
+ }, children);
30
+ };
31
+ var ActionBar = function ActionBar(_ref3) {
32
+ var children = _ref3.children;
33
+ return React.createElement(React.Fragment, null, React.createElement("div", {
34
+ className: "eps-action-bar-padding"
35
+ }), React.createElement("div", {
36
+ className: "eps-action-bar"
37
+ }, children));
38
+ };
39
+
40
+ function _extends() {
41
+ return _extends = Object.assign ? Object.assign.bind() : function (n) {
42
+ for (var e = 1; e < arguments.length; e++) {
43
+ var t = arguments[e];
44
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
45
+ }
46
+ return n;
47
+ }, _extends.apply(null, arguments);
48
+ }
49
+ function _inheritsLoose(t, o) {
50
+ t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
51
+ }
52
+ function _objectWithoutPropertiesLoose(r, e) {
53
+ if (null == r) return {};
54
+ var t = {};
55
+ for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
56
+ if (-1 !== e.indexOf(n)) continue;
57
+ t[n] = r[n];
58
+ }
59
+ return t;
60
+ }
61
+ function _setPrototypeOf(t, e) {
62
+ return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
63
+ return t.__proto__ = e, t;
64
+ }, _setPrototypeOf(t, e);
65
+ }
66
+
67
+ var _excluded$e = ["date", "locale", "as", "hideTime"];
68
+ var FormatDateTime = function FormatDateTime(_ref) {
69
+ var date = _ref.date,
70
+ locale = _ref.locale,
71
+ _ref$as = _ref.as,
72
+ Component = _ref$as === void 0 ? "main" : _ref$as,
73
+ hideTime = _ref.hideTime,
74
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
75
+ return React.createElement(Component, _extends({}, rest), hideTime ? util.localeDate(date, locale) : util.localeDateTime(date, locale));
76
+ };
77
+
78
+ 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"];
79
+ function responsiveProp(prefix, prop) {
80
+ if (Array.isArray(prop)) {
81
+ var classes = [];
82
+ prop[0] && classes.push(prefix + prop[0]);
83
+ prop[1] && classes.push("" + prefix + prop[1] + "-lg");
84
+ prop[2] && classes.push("" + prefix + prop[2] + "-xl");
85
+ return classes;
86
+ }
87
+ return [prefix + prop];
88
+ }
89
+ var Box = function Box(_ref) {
90
+ var _ref$as = _ref.as,
91
+ Component = _ref$as === void 0 ? "div" : _ref$as,
92
+ children = _ref.children,
93
+ contrast = _ref.contrast,
94
+ paddingTop = _ref.paddingTop,
95
+ paddingRight = _ref.paddingRight,
96
+ paddingBottom = _ref.paddingBottom,
97
+ paddingLeft = _ref.paddingLeft,
98
+ paddingX = _ref.paddingX,
99
+ paddingY = _ref.paddingY,
100
+ padding = _ref.padding,
101
+ marginTop = _ref.marginTop,
102
+ marginRight = _ref.marginRight,
103
+ marginBottom = _ref.marginBottom,
104
+ marginLeft = _ref.marginLeft,
105
+ marginX = _ref.marginX,
106
+ marginY = _ref.marginY,
107
+ margin = _ref.margin,
108
+ display = _ref.display,
109
+ justifyContent = _ref.justifyContent,
110
+ alignItems = _ref.alignItems,
111
+ maxWidth = _ref.maxWidth,
112
+ width = _ref.width,
113
+ background = _ref.background,
114
+ color = _ref.color,
115
+ flexDirection = _ref.flexDirection,
116
+ flexWrap = _ref.flexWrap,
117
+ className = _ref.className,
118
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
119
+ var classes = [];
120
+ var resolvedPaddingTop = paddingTop || paddingY || padding;
121
+ var resolvedPaddingBottom = paddingBottom || paddingY || padding;
122
+ var resolvedPaddingLeft = paddingLeft || paddingX || padding;
123
+ var resolvedPaddingRight = paddingRight || paddingX || padding;
124
+ var resolvedMarginTop = marginTop || marginY || margin;
125
+ var resolvedMarginBottom = marginBottom || marginY || margin;
126
+ var resolvedMarginLeft = marginLeft || marginX || margin;
127
+ var resolvedMarginRight = marginRight || marginX || margin;
128
+ contrast && classes.push("eds-contrast");
129
+ resolvedPaddingTop && classes.push.apply(classes, responsiveProp("eps-pt-", resolvedPaddingTop));
130
+ resolvedPaddingBottom && classes.push.apply(classes, responsiveProp("eps-pb-", resolvedPaddingBottom));
131
+ resolvedPaddingLeft && classes.push.apply(classes, responsiveProp("eps-pl-", resolvedPaddingLeft));
132
+ resolvedPaddingRight && classes.push.apply(classes, responsiveProp("eps-pr-", resolvedPaddingRight));
133
+ resolvedMarginTop && classes.push.apply(classes, responsiveProp("eps-mt-", resolvedMarginTop));
134
+ resolvedMarginBottom && classes.push.apply(classes, responsiveProp("eps-mb-", resolvedMarginBottom));
135
+ resolvedMarginLeft && classes.push.apply(classes, responsiveProp("eps-ml-", resolvedMarginLeft));
136
+ resolvedMarginRight && classes.push.apply(classes, responsiveProp("eps-mr-", resolvedMarginRight));
137
+ display && classes.push.apply(classes, responsiveProp("eps-", display));
138
+ justifyContent && classes.push.apply(classes, responsiveProp("eps-justify-", justifyContent));
139
+ if (alignItems) {
140
+ classes.push.apply(classes, responsiveProp("eps-items-", alignItems));
141
+ }
142
+ maxWidth && classes.push.apply(classes, responsiveProp("eps-max-w-", maxWidth));
143
+ width && classes.push.apply(classes, responsiveProp("eps-w-", width));
144
+ color && classes.push("eps-color-" + color);
145
+ background && classes.push("eps-bg-" + background);
146
+ flexDirection && classes.push.apply(classes, responsiveProp("eps-flex-", flexDirection));
147
+ flexWrap && classes.push.apply(classes, responsiveProp("eps-flex-wrap-", flexWrap));
148
+ var classList = cx(classes, className);
149
+ return React.createElement(Component, _extends({
150
+ className: classList
151
+ }, rest), children);
152
+ };
153
+
154
+ /** biome-ignore-all lint/suspicious/noArrayIndexKey: Ignore for now. Should be tested properly before doing changes */
155
+ var Stack = function Stack(_ref) {
156
+ var children = _ref.children,
157
+ space = _ref.space,
158
+ className = _ref.className;
159
+ var stackItems = React.Children.toArray(children);
160
+ if (stackItems.length <= 1) {
161
+ return React.createElement(React.Fragment, null, stackItems);
162
+ }
163
+ return React.createElement("div", {
164
+ className: className
165
+ }, stackItems.map(function (child, index) {
166
+ return index === stackItems.length - 1 ? React.createElement("div", {
167
+ key: index
168
+ }, child) : React.createElement(Box, {
169
+ paddingBottom: space,
170
+ key: index
171
+ }, child);
172
+ }));
173
+ };
174
+
175
+ var _excluded$c = ["items", "locale", "className"];
176
+ var AuditInfo = function AuditInfo(_ref) {
177
+ var items = _ref.items,
178
+ locale = _ref.locale,
179
+ className = _ref.className,
180
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
181
+ var classNames = cx("ep-audit-info", className);
182
+ return React.createElement("div", _extends({
183
+ className: classNames
184
+ }, rest), items.map(function (_ref2) {
185
+ var label = _ref2.label,
186
+ value = _ref2.value;
187
+ return React.createElement(Stack, {
188
+ space: "small",
189
+ key: value.toString()
190
+ }, React.createElement("div", {
191
+ className: "ep-audit-info-label"
192
+ }, label), React.createElement("div", null, util.isDate(value) || util.isDateString(value) ? React.createElement(FormatDateTime, {
193
+ date: value,
194
+ locale: locale
195
+ }) : React.createElement("span", null, value)));
196
+ }));
197
+ };
198
+
199
+ var Breadcrumbs = function Breadcrumbs(_ref) {
200
+ var prependBreadcrumbItem = _ref.prependBreadcrumbItem,
201
+ pathname = _ref.pathname,
202
+ onBreadcrumbLookup = _ref.onBreadcrumbLookup;
203
+ var paths = util.splitUrlPath(pathname);
204
+ var breadcrumbs = paths.map(function (path) {
205
+ return {
206
+ title: onBreadcrumbLookup(path),
207
+ path: path
208
+ };
209
+ }).filter(function (_ref2) {
210
+ var title = _ref2.title;
211
+ return title !== undefined;
212
+ });
213
+ var breadcrumbElements = breadcrumbs.map(function (_ref3, i) {
214
+ var title = _ref3.title,
215
+ path = _ref3.path;
216
+ var isLast = i === breadcrumbs.length - 1;
217
+ if (isLast) {
218
+ return React.createElement(menu.BreadcrumbItem, {
219
+ key: path,
220
+ as: "span"
221
+ }, title);
222
+ }
223
+ return React.createElement(menu.BreadcrumbItem, {
224
+ key: path,
225
+ as: reactRouterDom.Link,
226
+ to: path
227
+ }, title);
228
+ });
229
+ if (prependBreadcrumbItem) {
230
+ return React.createElement(menu.BreadcrumbNavigation, null, [prependBreadcrumbItem].concat(breadcrumbElements));
231
+ }
232
+ return React.createElement(menu.BreadcrumbNavigation, null, breadcrumbElements);
233
+ };
234
+
235
+ var _excluded$b = ["isOpen", "children", "message", "size", "buttons", "onConfirm", "messages", "onClose", "onDismiss"];
236
+ var ConfirmModal = function ConfirmModal(_ref) {
237
+ var _ref$isOpen = _ref.isOpen,
238
+ isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
239
+ children = _ref.children,
240
+ message = _ref.message,
241
+ _ref$size = _ref.size,
242
+ size = _ref$size === void 0 ? "medium" : _ref$size,
243
+ buttons = _ref.buttons,
244
+ onConfirm = _ref.onConfirm,
245
+ messages = _ref.messages,
246
+ onClose = _ref.onClose,
247
+ onDismiss = _ref.onDismiss,
248
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
249
+ var childrenToRender = children ? children : message;
250
+ var handleDismiss = onClose ? onClose : onDismiss;
251
+ return React.createElement(modal.Modal, _extends({
252
+ size: size,
253
+ open: isOpen,
254
+ onDismiss: handleDismiss
255
+ }, rest), util.isString(childrenToRender) ? React.createElement(typography.Paragraph, null, childrenToRender) : React.createElement(Box, {
256
+ paddingBottom: "medium"
257
+ }, childrenToRender), React.createElement(button.ButtonGroup, null, onConfirm ? React.createElement(React.Fragment, null, React.createElement(button.SecondaryButton, {
258
+ onClick: handleDismiss,
259
+ "data-testid": "cancel-modal-button"
260
+ }, messages.cancel), React.createElement(button.PrimaryButton, {
261
+ onClick: onConfirm,
262
+ "data-testid": "confirm-modal-button"
263
+ }, messages.confirm)) : buttons));
264
+ };
265
+
266
+ var Content = function Content(_ref) {
267
+ var _ref$as = _ref.as,
268
+ Component = _ref$as === void 0 ? "main" : _ref$as,
269
+ className = _ref.className,
270
+ children = _ref.children;
271
+ var classList = cx(["eps-content", className]);
272
+ return React.createElement(Component, {
273
+ className: classList
274
+ }, children);
275
+ };
276
+
277
+ var _environmentColors, _humanReadableEnviron;
278
+ exports.Environment = void 0;
279
+ (function (Environment) {
280
+ Environment["Local"] = "local";
281
+ Environment["Development"] = "dev";
282
+ Environment["Staging"] = "staging";
283
+ Environment["Production"] = "prod";
284
+ })(exports.Environment || (exports.Environment = {}));
285
+ var environmentColors = (_environmentColors = {}, _environmentColors[exports.Environment.Local] = "#B482FB", _environmentColors[exports.Environment.Development] = "#5AC39A", _environmentColors[exports.Environment.Staging] = "#FFCA28", _environmentColors);
286
+ /**
287
+ * Gets the color for the given environment. This is the color used for the environment
288
+ * indicator. There is no color for production as it should not have any special environment
289
+ * indication.
290
+ */
291
+ var getColorForEnvironment = function getColorForEnvironment(environment) {
292
+ return environmentColors[environment];
293
+ };
294
+ var humanReadableEnvironment = (_humanReadableEnviron = {}, _humanReadableEnviron[exports.Environment.Local] = "Local", _humanReadableEnviron[exports.Environment.Development] = "Dev", _humanReadableEnviron[exports.Environment.Staging] = "Staging", _humanReadableEnviron[exports.Environment.Production] = "Prod", _humanReadableEnviron);
295
+ var getHumanReadableEnvironment = function getHumanReadableEnvironment(environment) {
296
+ return humanReadableEnvironment[environment];
297
+ };
298
+
299
+ var _excluded$a = ["title", "accentColor"];
300
+ var EnturPartnerLogoSvg = function EnturPartnerLogoSvg(_ref) {
301
+ var title = _ref.title,
302
+ _ref$accentColor = _ref.accentColor,
303
+ accentColor = _ref$accentColor === void 0 ? "#FF5959" : _ref$accentColor,
304
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
305
+ return React.createElement("svg", _extends({
306
+ width: 257,
307
+ height: 37,
308
+ viewBox: "0 0 257 37"
309
+ }, rest), React.createElement("title", null, title), React.createElement("g", {
310
+ fill: "none",
311
+ fillRule: "evenodd"
312
+ }, React.createElement("path", {
313
+ fill: "#FFF",
314
+ d: "M0 .231V25.72h18.745v-4.318H4.869v-6.163h12.31v-4.318H4.87V4.55h13.876V.231z"
315
+ }), React.createElement("path", {
316
+ fill: accentColor,
317
+ d: "M0 36.408h45.253v-4.32H0z"
318
+ }), React.createElement("path", {
319
+ fill: "#FFF",
320
+ 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"
321
+ }), React.createElement("g", {
322
+ fill: accentColor
323
+ }, React.createElement("path", {
324
+ 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"
325
+ }))));
326
+ };
327
+ var EnturPartnerLogo = function EnturPartnerLogo(_ref2) {
328
+ var _ref2$as = _ref2.as,
329
+ Component = _ref2$as === void 0 ? "nav" : _ref2$as,
330
+ className = _ref2.className,
331
+ altText = _ref2.altText,
332
+ environment = _ref2.environment;
333
+ var classList = cx(["eps-logo-wrapper", className]);
334
+ return React.createElement(Component, {
335
+ className: classList
336
+ }, React.createElement(EnturPartnerLogoSvg, {
337
+ title: altText,
338
+ className: "logo",
339
+ accentColor: environment !== undefined && environment !== exports.Environment.Production ? getColorForEnvironment(environment) : undefined
340
+ }));
341
+ };
342
+
343
+ var newAppVersionErrorMessage = "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.";
344
+ var ErrorBoundary = /*#__PURE__*/function (_Component) {
345
+ function ErrorBoundary(props) {
346
+ var _this;
347
+ _this = _Component.call(this, props) || this;
348
+ _this.state = {
349
+ error: null
350
+ };
351
+ return _this;
352
+ }
353
+ _inheritsLoose(ErrorBoundary, _Component);
354
+ ErrorBoundary.getDerivedStateFromError = function getDerivedStateFromError(error) {
355
+ return {
356
+ error: error
357
+ };
358
+ };
359
+ var _proto = ErrorBoundary.prototype;
360
+ _proto.componentDidCatch = function componentDidCatch(error, errorInfo) {
361
+ var _this$props$handleErr, _this$props;
362
+ // React always logs in development
363
+ (_this$props$handleErr = (_this$props = this.props).handleError) == null || _this$props$handleErr.call(_this$props, error, errorInfo);
364
+ };
365
+ _proto.render = function render() {
366
+ var _this2 = this;
367
+ var error = this.state.error;
368
+ var _this$props2 = this.props,
369
+ fallback = _this$props2.fallback,
370
+ children = _this$props2.children;
371
+ if (error) {
372
+ if (util.isFunction(fallback)) {
373
+ return fallback({
374
+ retry: function retry() {
375
+ return _this2.setState({
376
+ error: null
377
+ });
378
+ },
379
+ error: error
380
+ });
381
+ } else if (error.name === "NotFoundError" && error.message === newAppVersionErrorMessage) {
382
+ return React.createElement(RefreshBannerInfo, null);
383
+ }
384
+ return fallback;
385
+ }
386
+ return children;
387
+ };
388
+ return ErrorBoundary;
389
+ }(React.Component);
390
+ var LANGUAGE_STORAGE_KEY = "EP::locale";
391
+ function RefreshBannerInfo() {
392
+ // Taken from ./app-shell/src/storage.ts
393
+ var language = localStorage.getItem(LANGUAGE_STORAGE_KEY);
394
+ var isNorwegian = language === "nb" || language === "nb-NO";
395
+ return React.createElement(Box, {
396
+ maxWidth: "large"
397
+ }, React.createElement(alert.BannerAlertBox, {
398
+ variant: "info",
399
+ title: isNorwegian ? "En ny versjon av nettsiden er tilgjengelig." : "A new version of the website is available."
400
+ }, React.createElement(Box, {
401
+ paddingBottom: "medium"
402
+ }, React.createElement(typography.Paragraph, {
403
+ margin: "none"
404
+ }, isNorwegian ? "Vennligst oppdater." : "Please refresh.")), React.createElement(button.PrimaryButton, {
405
+ onClick: function onClick() {
406
+ return window.location.reload();
407
+ }
408
+ }, isNorwegian ? "Oppdater" : "Refresh")));
409
+ }
410
+
411
+ var _excluded$9 = ["title", "inputComponent", "languages", "values", "onChange", "name", "variant", "feedback"];
412
+ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
413
+ var title = _ref.title,
414
+ InputComponent = _ref.inputComponent,
415
+ languages = _ref.languages,
416
+ values = _ref.values,
417
+ onChange = _ref.onChange,
418
+ name = _ref.name,
419
+ variant = _ref.variant,
420
+ feedback = _ref.feedback,
421
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
422
+ var handleOnChange = function handleOnChange(language, value) {
423
+ var changes = _extends({}, values);
424
+ if (value === "" || !value) {
425
+ delete changes[language];
426
+ } else {
427
+ changes[language] = value;
428
+ }
429
+ onChange(changes);
430
+ };
431
+ return React.createElement(expand.ExpandablePanel, {
432
+ title: title,
433
+ defaultOpen: true,
434
+ contentStyle: {
435
+ padding: "4px 4px 4px 4px",
436
+ marginTop: "16px",
437
+ marginBottom: "16px"
438
+ }
439
+ }, React.createElement(Stack, {
440
+ space: "medium"
441
+ }, languages.map(function (_ref2) {
442
+ var langKey = _ref2.value,
443
+ label = _ref2.label,
444
+ required = _ref2.required;
445
+ return React.createElement(InputComponent, _extends({
446
+ "data-testid": "multi-lang-input-" + name + "-" + langKey,
447
+ key: title + langKey,
448
+ label: required ? label + "*" : label,
449
+ variant: variant == null ? void 0 : variant(langKey),
450
+ feedback: feedback == null ? void 0 : feedback(langKey),
451
+ name: name,
452
+ onChange: function onChange(e) {
453
+ handleOnChange(langKey, e.target.value);
454
+ },
455
+ value: values[langKey] || ""
456
+ }, rest));
457
+ })));
458
+ };
459
+
460
+ /// <reference types="vite/client" />
461
+ /**
462
+ * Returns true if the provided flag exist in localStorage
463
+ * or is set as an environment variable.
464
+ *
465
+ * @param flag case sensitive flag. If it is an environment variable
466
+ * you can drop the VITE_APP_ prefix.
467
+ */
468
+ function featureFlag(flag) {
469
+ var _window$localStorage, _window$localStorage2;
470
+ 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";
471
+ }
472
+ /**
473
+ * Returns true if the provided flag exist in localStorage
474
+ * or is set as an environment variable.
475
+ *
476
+ * @param flag case sensitive flag. If it is an environment variable
477
+ * you can drop the VITE_APP_ prefix.
478
+ */
479
+ function useFeatureToggle(flag) {
480
+ return featureFlag(flag);
481
+ }
482
+ var FeatureToggle = function FeatureToggle(_ref) {
483
+ var children = _ref.children,
484
+ flag = _ref.flag;
485
+ var feature = useFeatureToggle(flag);
486
+ if (feature) {
487
+ return React.createElement(React.Fragment, null, children);
488
+ }
489
+ return null;
490
+ };
491
+
492
+ var _excluded$8 = ["amount", "as"];
493
+ var FormatCurrencyAmount = function FormatCurrencyAmount(_ref) {
494
+ var amount = _ref.amount,
495
+ _ref$as = _ref.as,
496
+ Component = _ref$as === void 0 ? "span" : _ref$as,
497
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
498
+ var parsedAmount = Number(amount) || 0;
499
+ var formattedAmount = new Intl.NumberFormat("nb-NO", {
500
+ maximumFractionDigits: 2,
501
+ minimumFractionDigits: 2
502
+ }).format(parsedAmount);
503
+ return React.createElement(Component, _extends({}, rest), formattedAmount);
504
+ };
505
+
506
+ var _excluded$7 = ["language", "options", "className", "onChange"];
507
+ var LanguageSelect = function LanguageSelect(_ref) {
508
+ var language = _ref.language,
509
+ options = _ref.options,
510
+ className = _ref.className,
511
+ _onChange = _ref.onChange,
512
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
513
+ var classNames = cx("eps-language-select", className);
514
+ return React.createElement("div", _extends({}, rest, {
515
+ className: classNames
516
+ }), React.createElement(form.SegmentedControl, {
517
+ onChange: function onChange(language) {
518
+ util.assertIsDefined(language);
519
+ _onChange(language);
520
+ },
521
+ selectedValue: language
522
+ }, options.map(function (option) {
523
+ return React.createElement(form.SegmentedChoice, {
524
+ key: option.value,
525
+ value: option.value
526
+ }, option.label, option.required && React.createElement("span", {
527
+ className: "asterisk-margin"
528
+ }, "*"));
529
+ })));
530
+ };
531
+
532
+ var Link = function Link(props) {
533
+ return React.createElement(typography.Link, _extends({}, props, {
534
+ as: reactRouterDom.Link
535
+ }), props.children);
536
+ };
537
+
538
+ var _excluded$6 = ["children", "className"];
539
+ var LinkButton = function LinkButton(_ref) {
540
+ var children = _ref.children,
541
+ className = _ref.className,
542
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
543
+ return React.createElement(typography.Link, _extends({}, rest, {
544
+ as: "button",
545
+ className: cx("eps-link-button", className)
546
+ }), children);
547
+ };
548
+
549
+ var Menu = function Menu(_ref) {
550
+ var _ref$as = _ref.as,
551
+ Component = _ref$as === void 0 ? "nav" : _ref$as,
552
+ className = _ref.className,
553
+ children = _ref.children;
554
+ var classList = cx(["eds-contrast", "eps-menu", className]);
555
+ return React.createElement(Component, {
556
+ className: classList
557
+ }, children);
558
+ };
559
+
560
+ var _excluded$5 = ["className", "inputComponent", "alertLabel", "alertLevel", "name", "languages", "values", "onChange", "defaultLanguage", "label", "onBlur"];
561
+ /**
562
+ * @deprecated use ExpandableMultiLanguageInput
563
+ */
564
+ var MultiLanguageInput = function MultiLanguageInput(_ref) {
565
+ var className = _ref.className,
566
+ InputComponent = _ref.inputComponent,
567
+ alertLabel = _ref.alertLabel,
568
+ alertLevel = _ref.alertLevel,
569
+ name = _ref.name,
570
+ languages = _ref.languages,
571
+ values = _ref.values,
572
+ onChange = _ref.onChange,
573
+ _ref$defaultLanguage = _ref.defaultLanguage,
574
+ defaultLanguage = _ref$defaultLanguage === void 0 ? "nob" : _ref$defaultLanguage,
575
+ _ref$label = _ref.label,
576
+ label = _ref$label === void 0 ? "" : _ref$label,
577
+ _ref$onBlur = _ref.onBlur,
578
+ onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
579
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
580
+ var _useState = React.useState(defaultLanguage),
581
+ language = _useState[0],
582
+ setLanguage = _useState[1];
583
+ var classNames = cx("multi-language-input", className);
584
+ var currentValue = values[language];
585
+ var handleOnBlur = function handleOnBlur(e) {
586
+ e.persist();
587
+ var currentTarget = e.currentTarget;
588
+ setTimeout(function () {
589
+ if (currentTarget && !currentTarget.contains(document.activeElement)) {
590
+ onBlur(e);
591
+ }
592
+ }, 0);
593
+ };
594
+ var handleLanguageChange = function handleLanguageChange(language) {
595
+ setLanguage(language);
596
+ };
597
+ var handleOnChange = function handleOnChange(value) {
598
+ var changes = Object.assign({}, values);
599
+ if (value === "" || !value) {
600
+ delete changes[language];
601
+ } else {
602
+ changes[language] = value;
603
+ }
604
+ onChange(changes);
605
+ };
606
+ return (
607
+ // biome-ignore lint/a11y/noStaticElementInteractions: Legacy component
608
+ React.createElement("div", {
609
+ className: classNames,
610
+ // biome-ignore lint/a11y/noNoninteractiveTabindex: Legacy component
611
+ tabIndex: 0,
612
+ onBlur: handleOnBlur,
613
+ "data-testid": "multi-lang-input-" + name
614
+ }, React.createElement(Stack, {
615
+ space: "extraSmall"
616
+ }, React.createElement(LanguageSelect, {
617
+ language: language,
618
+ options: languages,
619
+ onChange: function onChange(lang) {
620
+ return handleLanguageChange(lang);
621
+ }
622
+ }), React.createElement(InputComponent, _extends({
623
+ label: label,
624
+ variant: alertLevel,
625
+ feedback: alertLabel,
626
+ name: name,
627
+ className: "language-item",
628
+ onChange: function onChange(e) {
629
+ return handleOnChange(e.target.value);
630
+ },
631
+ value: currentValue || ""
632
+ }, rest))))
633
+ );
634
+ };
635
+
636
+ var _excluded$4 = ["label", "organisations", "onChange", "selectedOrganisationId"];
637
+ var OrganisationDropDown = function OrganisationDropDown(_ref) {
638
+ var label = _ref.label,
639
+ organisations = _ref.organisations,
640
+ handleChange = _ref.onChange,
641
+ selectedOrganisationId = _ref.selectedOrganisationId,
642
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
643
+ var _useState = React.useState(),
644
+ selectedOrganisation = _useState[0],
645
+ setSelectedOrganisation = _useState[1];
646
+ React.useEffect(function () {
647
+ setSelectedOrganisation(organisations.find(function (org) {
648
+ return org.organisationId === selectedOrganisationId;
649
+ }));
650
+ }, [selectedOrganisationId, organisations]);
651
+ return React.createElement(dropdown.SearchableDropdown, _extends({
652
+ label: label,
653
+ items: [].concat(organisations.sort(function (a, b) {
654
+ return a.tradingName.localeCompare(b.tradingName, "nb");
655
+ }).map(function (organisation) {
656
+ return {
657
+ value: organisation.organisationId,
658
+ label: organisation.tradingName
659
+ };
660
+ })),
661
+ selectedItem: selectedOrganisation ? {
662
+ value: selectedOrganisation.organisationId,
663
+ label: selectedOrganisation.tradingName
664
+ } : null,
665
+ onChange: function onChange(selectedValue) {
666
+ if (selectedValue) {
667
+ handleChange(selectedValue.value);
668
+ }
669
+ },
670
+ clearable: false
671
+ }, rest));
672
+ };
673
+
674
+ var Pager = function Pager(_ref) {
675
+ var collectionSize = _ref.collectionSize,
676
+ pageSize = _ref.pageSize,
677
+ _onPageChange = _ref.onPageChange,
678
+ currentPage = _ref.currentPage;
679
+ var pageCount = Math.ceil(collectionSize / pageSize);
680
+ return React.createElement(menu.Pagination, {
681
+ pageCount: pageCount,
682
+ currentPage: currentPage,
683
+ onPageChange: function onPageChange(page) {
684
+ _onPageChange(page);
685
+ }
686
+ });
687
+ };
688
+
689
+ var useDocumentTitle = function useDocumentTitle(_ref) {
690
+ var title = _ref.title,
691
+ suffix = _ref.suffix;
692
+ React.useEffect(function () {
693
+ if (suffix) {
694
+ document.title = "" + title + suffix;
695
+ } else {
696
+ document.title = title;
697
+ }
698
+ }, [title, suffix]);
699
+ };
700
+ var PageTitle = function PageTitle(_ref2) {
701
+ var pathname = _ref2.pathname,
702
+ onBreadcrumbLookup = _ref2.onBreadcrumbLookup,
703
+ _ref2$appTitle = _ref2.appTitle,
704
+ appTitle = _ref2$appTitle === void 0 ? "Entur Partner" : _ref2$appTitle;
705
+ var paths = util.splitUrlPath(pathname);
706
+ var pageTitles = paths.map(function (path) {
707
+ return {
708
+ title: onBreadcrumbLookup(path),
709
+ path: path
710
+ };
711
+ }).filter(function (_ref3) {
712
+ var title = _ref3.title;
713
+ return title !== undefined;
714
+ }).map(function (_ref4) {
715
+ var title = _ref4.title;
716
+ return title;
717
+ }).reverse().join(" | ");
718
+ var title = pageTitles ? pageTitles + " | " + appTitle : appTitle;
719
+ useDocumentTitle({
720
+ title: title
721
+ });
722
+ return null;
723
+ };
724
+
725
+ /**
726
+ * Note: This component uses BusinessCapability, not because we only want to
727
+ * check BusinessCapabilities but because it represents a minimal subset of
728
+ * what we need to check.
729
+ */
730
+ var PermissionCheck = function PermissionCheck(_ref) {
731
+ var children = _ref.children,
732
+ _ref$fallback = _ref.fallback,
733
+ fallback = _ref$fallback === void 0 ? null : _ref$fallback,
734
+ permissions = _ref.permissions,
735
+ _ref$oneOf = _ref.oneOf,
736
+ oneOf = _ref$oneOf === void 0 ? [] : _ref$oneOf,
737
+ _ref$all = _ref.all,
738
+ all = _ref$all === void 0 ? [] : _ref$all;
739
+ var allIsAllowed = util.hasAllPermissions(all, permissions);
740
+ var oneOfIsAllowed = util.hasOneOfPermissions(oneOf, permissions);
741
+ var allowed = allIsAllowed && oneOfIsAllowed;
742
+ return React.createElement(React.Fragment, null, allowed ? children : fallback);
743
+ };
744
+
745
+ var _excluded$3 = ["children", "shouldBlockNavigation"];
746
+ var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
747
+ var children = _ref.children,
748
+ shouldBlockNavigation = _ref.shouldBlockNavigation,
749
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
750
+ util.assertIsDefined(reactRouterDom.useInRouterContext() ? true : undefined, "RouteLeavingGuard must be used within a data router.");
751
+ var blocker = reactRouterDom.useBlocker(function (_ref2) {
752
+ var currentLocation = _ref2.currentLocation,
753
+ nextLocation = _ref2.nextLocation;
754
+ return currentLocation.pathname !== nextLocation.pathname && shouldBlockNavigation(nextLocation);
755
+ });
756
+ return React.createElement(ConfirmModal, _extends({
757
+ onDismiss: function onDismiss() {
758
+ if (blocker.state === "blocked") {
759
+ blocker.reset();
760
+ }
761
+ },
762
+ open: blocker.state === "blocked",
763
+ onConfirm: function onConfirm() {
764
+ if (blocker.state === "blocked") {
765
+ blocker.proceed();
766
+ }
767
+ }
768
+ }, rest), children);
769
+ };
770
+
771
+ var StatusLabel = function StatusLabel(_ref) {
772
+ var _ref$active = _ref.active,
773
+ active = _ref$active === void 0 ? false : _ref$active,
774
+ _ref$label = _ref.label,
775
+ label = _ref$label === void 0 ? "" : _ref$label,
776
+ aggressiveInactive = _ref.aggressiveInactive,
777
+ showBullet = _ref.showBullet,
778
+ center = _ref.center;
779
+ var bulletClassNames = cx("eps-status-label__bullet", {
780
+ active: active,
781
+ aggressive: aggressiveInactive
782
+ });
783
+ var statusLabelClassNames = cx("eps-status-label", {
784
+ center: center
785
+ });
786
+ return React.createElement("div", {
787
+ className: statusLabelClassNames
788
+ }, showBullet && React.createElement("div", {
789
+ className: bulletClassNames
790
+ }), React.createElement("div", null, label));
791
+ };
792
+
793
+ var _excluded$2 = ["as", "children", "fontSize", "color", "lineHeight", "fontWeight", "className"];
794
+ var Text = function Text(_ref) {
795
+ var _ref$as = _ref.as,
796
+ component = _ref$as === void 0 ? "span" : _ref$as,
797
+ children = _ref.children,
798
+ fontSize = _ref.fontSize,
799
+ color = _ref.color,
800
+ lineHeight = _ref.lineHeight,
801
+ fontWeight = _ref.fontWeight,
802
+ className = _ref.className,
803
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
804
+ var classes = [];
805
+ fontSize && classes.push.apply(classes, responsiveProp("eps-font-size-", fontSize));
806
+ lineHeight && classes.push.apply(classes, responsiveProp("eps-line-height-", lineHeight));
807
+ fontWeight && classes.push("eps-font-weight-" + fontWeight);
808
+ var classList = cx(classes, className);
809
+ return React.createElement(Box, _extends({
810
+ as: component,
811
+ color: color,
812
+ className: classList
813
+ }, rest), children);
814
+ };
815
+
816
+ var _excluded$1 = ["children", "className"];
817
+ var Unbutton = function Unbutton(_ref) {
818
+ var children = _ref.children,
819
+ className = _ref.className,
820
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
821
+ return React.createElement(button.Button, _extends({
822
+ variant: "primary"
823
+ }, rest, {
824
+ className: cx("eps-unbutton", className)
825
+ }), children);
826
+ };
827
+
828
+ var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
829
+ return React.createElement("button", _extends({
830
+ className: cx(props.className, "eps-overflow-menu__item"),
831
+ role: "menuitem"
832
+ }, props));
833
+ };
834
+
835
+ var CookieSettingsMenuItem = function CookieSettingsMenuItem(_ref) {
836
+ var name = _ref.name,
837
+ setOpen = _ref.setOpen,
838
+ onCookieSettingsOpen = _ref.onCookieSettingsOpen;
839
+ return React.createElement(CustomOverflowMenuItem, {
840
+ onClick: function onClick() {
841
+ onCookieSettingsOpen();
842
+ setOpen(false);
843
+ },
844
+ className: "eps-overflow-menu__item"
845
+ }, React.createElement("span", {
846
+ "aria-hidden": true
847
+ }, React.createElement(icons.CookieIcon, {
848
+ size: "1rem",
849
+ inline: true
850
+ })), name);
851
+ };
852
+
853
+ function useOutsideClick(ref, buttonRef, handler) {
854
+ React.useEffect(function () {
855
+ var listener = function listener(event) {
856
+ if (elementContainsEventTarget(ref.current, event) || elementContainsEventTarget(buttonRef.current, event)) {
857
+ return;
858
+ }
859
+ handler();
860
+ };
861
+ document.addEventListener("mousedown", listener);
862
+ document.addEventListener("touchstart", listener);
863
+ return function () {
864
+ document.removeEventListener("mousedown", listener);
865
+ document.removeEventListener("touchstart", listener);
866
+ };
867
+ }, [ref, buttonRef, handler]);
868
+ }
869
+ function elementContainsEventTarget(element, event) {
870
+ if (!element) {
871
+ return false;
872
+ }
873
+ if (element.contains(event.target)) {
874
+ return true;
875
+ }
876
+ // For elements inside a Shadow DOM we need to check the composedPath
877
+ if (event.composed && event.composedPath) {
878
+ var contains = event.composedPath().find(function (target) {
879
+ if (target === window) {
880
+ return false;
881
+ }
882
+ return element.contains(target);
883
+ });
884
+ return !!contains;
885
+ }
886
+ return false;
887
+ }
888
+
889
+ var _excluded = ["className", "children", "userName", "open", "onOpenChange", "environment"];
890
+ var CustomOverflowMenu = function CustomOverflowMenu(_ref) {
891
+ var className = _ref.className,
892
+ children = _ref.children,
893
+ userName = _ref.userName,
894
+ open = _ref.open,
895
+ onOpenChange = _ref.onOpenChange,
896
+ environment = _ref.environment,
897
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
898
+ var overflowItemsClasses = cx("eps-overflow-menu__group", {
899
+ "eps-overflow-menu__group--open": open
900
+ });
901
+ var overflowContentRef = React.useRef(null);
902
+ var overflowMenuTriggerRef = React.useRef(null);
903
+ useOutsideClick(overflowContentRef, overflowMenuTriggerRef, function () {
904
+ return onOpenChange(false);
905
+ });
906
+ return React.createElement("div", null, React.createElement(button.SecondaryButton, _extends({
907
+ className: cx("eps-overflow-menu__button", className),
908
+ onClick: function onClick() {
909
+ return onOpenChange(!open);
910
+ },
911
+ "aria-haspopup": true,
912
+ "aria-expanded": open,
913
+ ref: overflowMenuTriggerRef
914
+ }, rest), React.createElement("div", {
915
+ className: "eps-overflow-menu__button-contents"
916
+ }, React.createElement("span", {
917
+ className: "eds-overflow-menu__user-icon"
918
+ }, React.createElement(icons.UserIcon, {
919
+ inline: true
920
+ })), React.createElement(typography.Heading6, {
921
+ margin: "none",
922
+ as: "span"
923
+ }, userName, environment !== undefined && environment !== exports.Environment.Production && React.createElement("span", {
924
+ style: {
925
+ color: getColorForEnvironment(environment)
926
+ }
927
+ }, " ", "(", getHumanReadableEnvironment(environment), ")")), React.createElement("span", {
928
+ className: "eps-arrow-icon"
929
+ }, React.createElement(icons.DownArrowIcon, {
930
+ inline: true
931
+ })))), open && React.createElement("div", {
932
+ className: overflowItemsClasses,
933
+ role: "menu",
934
+ ref: overflowContentRef
935
+ }, children));
936
+ };
937
+
938
+ var LanguageSwitchMenuItem = function LanguageSwitchMenuItem(_ref) {
939
+ var language = _ref.language,
940
+ onLanguageChange = _ref.onLanguageChange,
941
+ setOpen = _ref.setOpen,
942
+ name = _ref.name;
943
+ var useB47LanguageKey = useFeatureToggle("USE_BCP-47_LANGUAGE_KEY");
944
+ var norwegianLanguageKey = useB47LanguageKey ? "nb-NO" : "nb";
945
+ var englishLanguageKey = useB47LanguageKey ? "en-GB" : "en";
946
+ return React.createElement(React.Fragment, null, language === englishLanguageKey ? React.createElement(CustomOverflowMenuItem, {
947
+ onClick: function onClick() {
948
+ onLanguageChange(norwegianLanguageKey);
949
+ setOpen(false);
950
+ },
951
+ className: "eps-overflow-menu__item"
952
+ }, React.createElement("span", {
953
+ "aria-hidden": true,
954
+ className: "eps-overflow-menu__icon-margin"
955
+ }, React.createElement(icons.NorwayIcon, {
956
+ size: "1rem",
957
+ inline: true
958
+ })), name) : React.createElement(CustomOverflowMenuItem, {
959
+ onClick: function onClick() {
960
+ onLanguageChange(englishLanguageKey);
961
+ setOpen(false);
962
+ },
963
+ className: "eps-overflow-menu__item"
964
+ }, React.createElement("span", {
965
+ "aria-hidden": true,
966
+ className: "eps-overflow-menu__icon-margin"
967
+ }, React.createElement(icons.UKIcon, {
968
+ size: "1rem",
969
+ inline: true
970
+ })), name));
971
+ };
972
+
973
+ var LogOutMenuItem = function LogOutMenuItem(_ref) {
974
+ var name = _ref.name,
975
+ setOpen = _ref.setOpen,
976
+ onLogout = _ref.onLogout;
977
+ return React.createElement(CustomOverflowMenuItem, {
978
+ onClick: function onClick() {
979
+ onLogout();
980
+ setOpen(false);
981
+ },
982
+ "data-testid": "user-menu-logout",
983
+ className: "eps-overflow-menu__item"
984
+ }, React.createElement("span", {
985
+ "aria-hidden": true
986
+ }, React.createElement(icons.LogOutIcon, {
987
+ size: "1rem",
988
+ inline: true
989
+ })), name);
990
+ };
991
+
992
+ var UserMenuItem = function UserMenuItem(_ref) {
993
+ var name = _ref.name,
994
+ setOpen = _ref.setOpen,
995
+ onNavigateToMyProfile = _ref.onNavigateToMyProfile;
996
+ return React.createElement(reactRouterDom.Link, {
997
+ to: "/permission-admin/my-profile",
998
+ style: {
999
+ textDecoration: "none"
1000
+ }
1001
+ }, React.createElement(CustomOverflowMenuItem, {
1002
+ onClick: function onClick() {
1003
+ setOpen(false);
1004
+ onNavigateToMyProfile();
1005
+ },
1006
+ className: "eps-overflow-menu__item"
1007
+ }, React.createElement("span", {
1008
+ "aria-hidden": true
1009
+ }, React.createElement(icons.UserIcon, {
1010
+ size: "1rem",
1011
+ inline: true
1012
+ })), name));
1013
+ };
1014
+
1015
+ var VersionMenuItem = function VersionMenuItem(_ref) {
1016
+ var title = _ref.title,
1017
+ setOpen = _ref.setOpen;
1018
+ var navigate = reactRouterDom.useNavigate(); // Hide useNavigate from standalone micro-frontends because it is not under RouterProvider
1019
+ return React.createElement(CustomOverflowMenuItem, {
1020
+ onClick: function onClick() {
1021
+ navigate("/app-version");
1022
+ setOpen(false);
1023
+ },
1024
+ className: "eps-overflow-menu__item"
1025
+ }, React.createElement("span", {
1026
+ "aria-hidden": true
1027
+ }, React.createElement(icons.ChannelsIcon, {
1028
+ className: "eps-version-icon",
1029
+ size: "1rem",
1030
+ inline: true
1031
+ })), title);
1032
+ };
1033
+
1034
+ /** biome-ignore-all lint/correctness/useUniqueElementIds: Ignore unique id for now */
1035
+ var UserMenu = function UserMenu(_ref) {
1036
+ var className = _ref.className,
1037
+ messages = _ref.messages,
1038
+ onLogout = _ref.onLogout,
1039
+ onLanguageChange = _ref.onLanguageChange,
1040
+ userName = _ref.userName,
1041
+ language = _ref.language,
1042
+ environment = _ref.environment,
1043
+ showVersionItem = _ref.showVersionItem,
1044
+ showMyProfileItem = _ref.showMyProfileItem,
1045
+ showCookieSettingsItem = _ref.showCookieSettingsItem,
1046
+ onNavigateToMyProfile = _ref.onNavigateToMyProfile,
1047
+ _ref$onCookieSettings = _ref.onCookieSettingsOpen,
1048
+ onCookieSettingsOpen = _ref$onCookieSettings === void 0 ? function () {} : _ref$onCookieSettings;
1049
+ var triggerClassList = cx(["eps-user-menu__trigger-button", className]);
1050
+ var _useState = React.useState(false),
1051
+ open = _useState[0],
1052
+ setOpen = _useState[1];
1053
+ return React.createElement("div", {
1054
+ id: "eps-user-menu"
1055
+ }, React.createElement(CustomOverflowMenu, {
1056
+ open: open,
1057
+ onOpenChange: setOpen,
1058
+ className: triggerClassList,
1059
+ userName: userName,
1060
+ environment: environment
1061
+ }, React.createElement("div", {
1062
+ id: "eps-overflow-menu"
1063
+ }, React.createElement(LanguageSwitchMenuItem, {
1064
+ name: messages.switchLanguage,
1065
+ language: language,
1066
+ onLanguageChange: onLanguageChange,
1067
+ setOpen: setOpen
1068
+ }), showVersionItem && messages.appVersion && React.createElement(VersionMenuItem, {
1069
+ title: messages.appVersion,
1070
+ setOpen: setOpen
1071
+ }), showMyProfileItem && messages.myProfile && React.createElement(UserMenuItem, {
1072
+ name: messages.myProfile,
1073
+ setOpen: setOpen,
1074
+ onNavigateToMyProfile: onNavigateToMyProfile
1075
+ }), showCookieSettingsItem && messages.cookieSettings && React.createElement(CookieSettingsMenuItem, {
1076
+ name: messages.cookieSettings,
1077
+ setOpen: setOpen,
1078
+ onCookieSettingsOpen: onCookieSettingsOpen
1079
+ }), React.createElement(LogOutMenuItem, {
1080
+ name: messages.logout,
1081
+ setOpen: setOpen,
1082
+ onLogout: onLogout
1083
+ }))));
1084
+ };
1085
+
1086
+ /*global EventListener WindowEventHandlers*/
1087
+ function useEventListener(eventName, handler, element) {
1088
+ if (element === void 0) {
1089
+ element = window;
1090
+ }
1091
+ var savedHandler = React.useRef();
1092
+ React.useEffect(function () {
1093
+ savedHandler.current = handler;
1094
+ }, [handler]);
1095
+ React.useEffect(function () {
1096
+ var _element;
1097
+ var isSupported = (_element = element) == null ? void 0 : _element.addEventListener;
1098
+ if (!isSupported) return;
1099
+ var eventListener = function eventListener(event) {
1100
+ return savedHandler.current == null ? void 0 : savedHandler.current(event);
1101
+ };
1102
+ element.addEventListener(eventName, eventListener);
1103
+ return function () {
1104
+ element.removeEventListener(eventName, eventListener);
1105
+ };
1106
+ }, [eventName, element]);
1107
+ }
1108
+
1109
+ exports.ActionBar = ActionBar;
1110
+ exports.ActionBarLeft = ActionBarLeft;
1111
+ exports.ActionBarRight = ActionBarRight;
1112
+ exports.AuditInfo = AuditInfo;
1113
+ exports.Box = Box;
1114
+ exports.Breadcrumbs = Breadcrumbs;
1115
+ exports.ConfirmModal = ConfirmModal;
1116
+ exports.Content = Content;
1117
+ exports.EnturPartnerLogo = EnturPartnerLogo;
1118
+ exports.EnturPartnerLogoSvg = EnturPartnerLogoSvg;
1119
+ exports.ErrorBoundary = ErrorBoundary;
1120
+ exports.ExpandableMultiLanguageInput = ExpandableMultiLanguageInput;
1121
+ exports.FeatureToggle = FeatureToggle;
1122
+ exports.FormatCurrencyAmount = FormatCurrencyAmount;
1123
+ exports.FormatDateTime = FormatDateTime;
1124
+ exports.LanguageSelect = LanguageSelect;
1125
+ exports.Link = Link;
1126
+ exports.LinkButton = LinkButton;
1127
+ exports.Menu = Menu;
1128
+ exports.MultiLanguageInput = MultiLanguageInput;
1129
+ exports.OrganisationDropDown = OrganisationDropDown;
1130
+ exports.PageTitle = PageTitle;
1131
+ exports.Pager = Pager;
1132
+ exports.PermissionCheck = PermissionCheck;
1133
+ exports.RouteLeavingGuard = RouteLeavingGuard;
1134
+ exports.Stack = Stack;
1135
+ exports.StatusLabel = StatusLabel;
1136
+ exports.Text = Text;
1137
+ exports.Unbutton = Unbutton;
1138
+ exports.UserMenu = UserMenu;
1139
+ exports.featureFlag = featureFlag;
1140
+ exports.getColorForEnvironment = getColorForEnvironment;
1141
+ exports.getHumanReadableEnvironment = getHumanReadableEnvironment;
1142
+ exports.responsiveProp = responsiveProp;
1143
+ exports.useDocumentTitle = useDocumentTitle;
1144
+ exports.useEventListener = useEventListener;
1145
+ exports.useFeatureToggle = useFeatureToggle;
1146
+ //# sourceMappingURL=common.cjs.development.js.map