@entur-partner/common 9.3.3-alpha.3 → 10.0.0

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