@entur-partner/common 9.3.3-alpha.4 → 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 (47) 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/Link.d.ts +0 -6
  16. package/dist/LinkButton.d.ts +0 -8
  17. package/dist/Menu.d.ts +0 -10
  18. package/dist/MultiLanguageInput.d.ts +0 -28
  19. package/dist/OrganisationDropdown.d.ts +0 -14
  20. package/dist/PageTitle.d.ts +0 -6
  21. package/dist/Pager.d.ts +0 -8
  22. package/dist/PermissionCheck.d.ts +0 -24
  23. package/dist/RouteLeavingGuard.d.ts +0 -14
  24. package/dist/Stack.d.ts +0 -9
  25. package/dist/StatusLabel.d.ts +0 -11
  26. package/dist/Text.d.ts +0 -21
  27. package/dist/Unbutton.d.ts +0 -7
  28. package/dist/UserMenu/components/CookieSettingsMenuItem.d.ts +0 -9
  29. package/dist/UserMenu/components/CustomOverflowMenu.d.ts +0 -11
  30. package/dist/UserMenu/components/CustomOverflowMenuItem.d.ts +0 -3
  31. package/dist/UserMenu/components/LanguageSwitchMenuItem.d.ts +0 -10
  32. package/dist/UserMenu/components/LogOutMenuItem.d.ts +0 -9
  33. package/dist/UserMenu/components/UserMenuItem.d.ts +0 -9
  34. package/dist/UserMenu/components/VersionMenuItem.d.ts +0 -5
  35. package/dist/UserMenu/index.d.ts +0 -26
  36. package/dist/UserMenu/useOutsideClick.d.ts +0 -2
  37. package/dist/common.cjs.development.js +0 -1131
  38. package/dist/common.cjs.development.js.map +0 -1
  39. package/dist/common.cjs.production.min.js +0 -2
  40. package/dist/common.cjs.production.min.js.map +0 -1
  41. package/dist/common.esm.js +0 -1092
  42. package/dist/common.esm.js.map +0 -1
  43. package/dist/environment.d.ts +0 -13
  44. package/dist/index.d.ts +0 -30
  45. package/dist/index.js +0 -8
  46. package/dist/styles.css +0 -2774
  47. package/dist/useEventListener.d.ts +0 -3
@@ -1,1131 +0,0 @@
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 PageTitle = function PageTitle(_ref) {
690
- var pathname = _ref.pathname,
691
- onBreadcrumbLookup = _ref.onBreadcrumbLookup;
692
- var paths = util.splitUrlPath(pathname);
693
- var pageTitles = paths.map(function (path) {
694
- return {
695
- title: onBreadcrumbLookup(path),
696
- path: path
697
- };
698
- }).filter(function (_ref2) {
699
- var title = _ref2.title;
700
- return title !== undefined;
701
- }).map(function (_ref3) {
702
- var title = _ref3.title;
703
- return title;
704
- }).reverse().join(" | ");
705
- React.useEffect(function () {
706
- document.title = pageTitles + " | Entur Partner";
707
- }, [pageTitles]);
708
- return null;
709
- };
710
-
711
- /**
712
- * Note: This component uses BusinessCapability, not because we only want to
713
- * check BusinessCapabilities but because it represents a minimal subset of
714
- * what we need to check.
715
- */
716
- var PermissionCheck = function PermissionCheck(_ref) {
717
- var children = _ref.children,
718
- _ref$fallback = _ref.fallback,
719
- fallback = _ref$fallback === void 0 ? null : _ref$fallback,
720
- permissions = _ref.permissions,
721
- _ref$oneOf = _ref.oneOf,
722
- oneOf = _ref$oneOf === void 0 ? [] : _ref$oneOf,
723
- _ref$all = _ref.all,
724
- all = _ref$all === void 0 ? [] : _ref$all;
725
- var allIsAllowed = util.hasAllPermissions(all, permissions);
726
- var oneOfIsAllowed = util.hasOneOfPermissions(oneOf, permissions);
727
- var allowed = allIsAllowed && oneOfIsAllowed;
728
- return React.createElement(React.Fragment, null, allowed ? children : fallback);
729
- };
730
-
731
- var _excluded$3 = ["children", "shouldBlockNavigation"];
732
- var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
733
- var children = _ref.children,
734
- shouldBlockNavigation = _ref.shouldBlockNavigation,
735
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
736
- util.assertIsDefined(reactRouterDom.useInRouterContext() ? true : undefined, "RouteLeavingGuard must be used within a data router.");
737
- var blocker = reactRouterDom.useBlocker(function (_ref2) {
738
- var currentLocation = _ref2.currentLocation,
739
- nextLocation = _ref2.nextLocation;
740
- return currentLocation.pathname !== nextLocation.pathname && shouldBlockNavigation(nextLocation);
741
- });
742
- return React.createElement(ConfirmModal, _extends({
743
- onDismiss: function onDismiss() {
744
- if (blocker.state === "blocked") {
745
- blocker.reset();
746
- }
747
- },
748
- open: blocker.state === "blocked",
749
- onConfirm: function onConfirm() {
750
- if (blocker.state === "blocked") {
751
- blocker.proceed();
752
- }
753
- }
754
- }, rest), children);
755
- };
756
-
757
- var StatusLabel = function StatusLabel(_ref) {
758
- var _ref$active = _ref.active,
759
- active = _ref$active === void 0 ? false : _ref$active,
760
- _ref$label = _ref.label,
761
- label = _ref$label === void 0 ? "" : _ref$label,
762
- aggressiveInactive = _ref.aggressiveInactive,
763
- showBullet = _ref.showBullet,
764
- center = _ref.center;
765
- var bulletClassNames = cx("eps-status-label__bullet", {
766
- active: active,
767
- aggressive: aggressiveInactive
768
- });
769
- var statusLabelClassNames = cx("eps-status-label", {
770
- center: center
771
- });
772
- return React.createElement("div", {
773
- className: statusLabelClassNames
774
- }, showBullet && React.createElement("div", {
775
- className: bulletClassNames
776
- }), React.createElement("div", null, label));
777
- };
778
-
779
- var _excluded$2 = ["as", "children", "fontSize", "color", "lineHeight", "fontWeight", "className"];
780
- var Text = function Text(_ref) {
781
- var _ref$as = _ref.as,
782
- component = _ref$as === void 0 ? "span" : _ref$as,
783
- children = _ref.children,
784
- fontSize = _ref.fontSize,
785
- color = _ref.color,
786
- lineHeight = _ref.lineHeight,
787
- fontWeight = _ref.fontWeight,
788
- className = _ref.className,
789
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
790
- var classes = [];
791
- fontSize && classes.push.apply(classes, responsiveProp("eps-font-size-", fontSize));
792
- lineHeight && classes.push.apply(classes, responsiveProp("eps-line-height-", lineHeight));
793
- fontWeight && classes.push("eps-font-weight-" + fontWeight);
794
- var classList = cx(classes, className);
795
- return React.createElement(Box, _extends({
796
- as: component,
797
- color: color,
798
- className: classList
799
- }, rest), children);
800
- };
801
-
802
- var _excluded$1 = ["children", "className"];
803
- var Unbutton = function Unbutton(_ref) {
804
- var children = _ref.children,
805
- className = _ref.className,
806
- rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
807
- return React.createElement(button.Button, _extends({
808
- variant: "primary"
809
- }, rest, {
810
- className: cx("eps-unbutton", className)
811
- }), children);
812
- };
813
-
814
- var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
815
- return React.createElement("button", _extends({
816
- className: cx(props.className, "eps-overflow-menu__item"),
817
- role: "menuitem"
818
- }, props));
819
- };
820
-
821
- var CookieSettingsMenuItem = function CookieSettingsMenuItem(_ref) {
822
- var name = _ref.name,
823
- setOpen = _ref.setOpen,
824
- onCookieSettingsOpen = _ref.onCookieSettingsOpen;
825
- return React.createElement(CustomOverflowMenuItem, {
826
- onClick: function onClick() {
827
- onCookieSettingsOpen();
828
- setOpen(false);
829
- },
830
- className: "eps-overflow-menu__item"
831
- }, React.createElement("span", {
832
- "aria-hidden": true
833
- }, React.createElement(icons.CookieIcon, {
834
- size: "1rem",
835
- inline: true
836
- })), name);
837
- };
838
-
839
- function useOutsideClick(ref, buttonRef, handler) {
840
- React.useEffect(function () {
841
- var listener = function listener(event) {
842
- if (elementContainsEventTarget(ref.current, event) || elementContainsEventTarget(buttonRef.current, event)) {
843
- return;
844
- }
845
- handler();
846
- };
847
- document.addEventListener("mousedown", listener);
848
- document.addEventListener("touchstart", listener);
849
- return function () {
850
- document.removeEventListener("mousedown", listener);
851
- document.removeEventListener("touchstart", listener);
852
- };
853
- }, [ref, buttonRef, handler]);
854
- }
855
- function elementContainsEventTarget(element, event) {
856
- if (!element) {
857
- return false;
858
- }
859
- if (element.contains(event.target)) {
860
- return true;
861
- }
862
- // For elements inside a Shadow DOM we need to check the composedPath
863
- if (event.composed && event.composedPath) {
864
- var contains = event.composedPath().find(function (target) {
865
- if (target === window) {
866
- return false;
867
- }
868
- return element.contains(target);
869
- });
870
- return !!contains;
871
- }
872
- return false;
873
- }
874
-
875
- var _excluded = ["className", "children", "userName", "open", "onOpenChange", "environment"];
876
- var CustomOverflowMenu = function CustomOverflowMenu(_ref) {
877
- var className = _ref.className,
878
- children = _ref.children,
879
- userName = _ref.userName,
880
- open = _ref.open,
881
- onOpenChange = _ref.onOpenChange,
882
- environment = _ref.environment,
883
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
884
- var overflowItemsClasses = cx("eps-overflow-menu__group", {
885
- "eps-overflow-menu__group--open": open
886
- });
887
- var overflowContentRef = React.useRef(null);
888
- var overflowMenuTriggerRef = React.useRef(null);
889
- useOutsideClick(overflowContentRef, overflowMenuTriggerRef, function () {
890
- return onOpenChange(false);
891
- });
892
- return React.createElement("div", null, React.createElement(button.SecondaryButton, _extends({
893
- className: cx("eps-overflow-menu__button", className),
894
- onClick: function onClick() {
895
- return onOpenChange(!open);
896
- },
897
- "aria-haspopup": true,
898
- "aria-expanded": open,
899
- ref: overflowMenuTriggerRef
900
- }, rest), React.createElement("div", {
901
- className: "eps-overflow-menu__button-contents"
902
- }, React.createElement("span", {
903
- className: "eds-overflow-menu__user-icon"
904
- }, React.createElement(icons.UserIcon, {
905
- inline: true
906
- })), React.createElement(typography.Heading6, {
907
- margin: "none",
908
- as: "span"
909
- }, userName, environment !== undefined && environment !== exports.Environment.Production && React.createElement("span", {
910
- style: {
911
- color: getColorForEnvironment(environment)
912
- }
913
- }, " ", "(", getHumanReadableEnvironment(environment), ")")), React.createElement("span", {
914
- className: "eps-arrow-icon"
915
- }, React.createElement(icons.DownArrowIcon, {
916
- inline: true
917
- })))), open && React.createElement("div", {
918
- className: overflowItemsClasses,
919
- role: "menu",
920
- ref: overflowContentRef
921
- }, children));
922
- };
923
-
924
- var LanguageSwitchMenuItem = function LanguageSwitchMenuItem(_ref) {
925
- var language = _ref.language,
926
- onLanguageChange = _ref.onLanguageChange,
927
- setOpen = _ref.setOpen,
928
- name = _ref.name;
929
- var useB47LanguageKey = useFeatureToggle("USE_BCP-47_LANGUAGE_KEY");
930
- var norwegianLanguageKey = useB47LanguageKey ? "nb-NO" : "nb";
931
- var englishLanguageKey = useB47LanguageKey ? "en-GB" : "en";
932
- return React.createElement(React.Fragment, null, language === englishLanguageKey ? React.createElement(CustomOverflowMenuItem, {
933
- onClick: function onClick() {
934
- onLanguageChange(norwegianLanguageKey);
935
- setOpen(false);
936
- },
937
- className: "eps-overflow-menu__item"
938
- }, React.createElement("span", {
939
- "aria-hidden": true,
940
- className: "eps-overflow-menu__icon-margin"
941
- }, React.createElement(icons.NorwayIcon, {
942
- size: "1rem",
943
- inline: true
944
- })), name) : React.createElement(CustomOverflowMenuItem, {
945
- onClick: function onClick() {
946
- onLanguageChange(englishLanguageKey);
947
- setOpen(false);
948
- },
949
- className: "eps-overflow-menu__item"
950
- }, React.createElement("span", {
951
- "aria-hidden": true,
952
- className: "eps-overflow-menu__icon-margin"
953
- }, React.createElement(icons.UKIcon, {
954
- size: "1rem",
955
- inline: true
956
- })), name));
957
- };
958
-
959
- var LogOutMenuItem = function LogOutMenuItem(_ref) {
960
- var name = _ref.name,
961
- setOpen = _ref.setOpen,
962
- onLogout = _ref.onLogout;
963
- return React.createElement(CustomOverflowMenuItem, {
964
- onClick: function onClick() {
965
- onLogout();
966
- setOpen(false);
967
- },
968
- "data-testid": "user-menu-logout",
969
- className: "eps-overflow-menu__item"
970
- }, React.createElement("span", {
971
- "aria-hidden": true
972
- }, React.createElement(icons.LogOutIcon, {
973
- size: "1rem",
974
- inline: true
975
- })), name);
976
- };
977
-
978
- var UserMenuItem = function UserMenuItem(_ref) {
979
- var name = _ref.name,
980
- setOpen = _ref.setOpen,
981
- onNavigateToMyProfile = _ref.onNavigateToMyProfile;
982
- return React.createElement(reactRouterDom.Link, {
983
- to: "/permission-admin/my-profile",
984
- style: {
985
- textDecoration: "none"
986
- }
987
- }, React.createElement(CustomOverflowMenuItem, {
988
- onClick: function onClick() {
989
- setOpen(false);
990
- onNavigateToMyProfile();
991
- },
992
- className: "eps-overflow-menu__item"
993
- }, React.createElement("span", {
994
- "aria-hidden": true
995
- }, React.createElement(icons.UserIcon, {
996
- size: "1rem",
997
- inline: true
998
- })), name));
999
- };
1000
-
1001
- var VersionMenuItem = function VersionMenuItem(_ref) {
1002
- var title = _ref.title,
1003
- setOpen = _ref.setOpen;
1004
- var navigate = reactRouterDom.useNavigate(); // Hide useNavigate from standalone micro-frontends because it is not under RouterProvider
1005
- return React.createElement(CustomOverflowMenuItem, {
1006
- onClick: function onClick() {
1007
- navigate("/app-version");
1008
- setOpen(false);
1009
- },
1010
- className: "eps-overflow-menu__item"
1011
- }, React.createElement("span", {
1012
- "aria-hidden": true
1013
- }, React.createElement(icons.ChannelsIcon, {
1014
- className: "eps-version-icon",
1015
- size: "1rem",
1016
- inline: true
1017
- })), title);
1018
- };
1019
-
1020
- /** biome-ignore-all lint/correctness/useUniqueElementIds: Ignore unique id for now */
1021
- var UserMenu = function UserMenu(_ref) {
1022
- var className = _ref.className,
1023
- messages = _ref.messages,
1024
- onLogout = _ref.onLogout,
1025
- onLanguageChange = _ref.onLanguageChange,
1026
- userName = _ref.userName,
1027
- language = _ref.language,
1028
- environment = _ref.environment,
1029
- showVersionItem = _ref.showVersionItem,
1030
- showMyProfileItem = _ref.showMyProfileItem,
1031
- showCookieSettingsItem = _ref.showCookieSettingsItem,
1032
- onNavigateToMyProfile = _ref.onNavigateToMyProfile,
1033
- _ref$onCookieSettings = _ref.onCookieSettingsOpen,
1034
- onCookieSettingsOpen = _ref$onCookieSettings === void 0 ? function () {} : _ref$onCookieSettings;
1035
- var triggerClassList = cx(["eps-user-menu__trigger-button", className]);
1036
- var _useState = React.useState(false),
1037
- open = _useState[0],
1038
- setOpen = _useState[1];
1039
- return React.createElement("div", {
1040
- id: "eps-user-menu"
1041
- }, React.createElement(CustomOverflowMenu, {
1042
- open: open,
1043
- onOpenChange: setOpen,
1044
- className: triggerClassList,
1045
- userName: userName,
1046
- environment: environment
1047
- }, React.createElement("div", {
1048
- id: "eps-overflow-menu"
1049
- }, React.createElement(LanguageSwitchMenuItem, {
1050
- name: messages.switchLanguage,
1051
- language: language,
1052
- onLanguageChange: onLanguageChange,
1053
- setOpen: setOpen
1054
- }), showVersionItem && messages.appVersion && React.createElement(VersionMenuItem, {
1055
- title: messages.appVersion,
1056
- setOpen: setOpen
1057
- }), showMyProfileItem && messages.myProfile && React.createElement(UserMenuItem, {
1058
- name: messages.myProfile,
1059
- setOpen: setOpen,
1060
- onNavigateToMyProfile: onNavigateToMyProfile
1061
- }), showCookieSettingsItem && messages.cookieSettings && React.createElement(CookieSettingsMenuItem, {
1062
- name: messages.cookieSettings,
1063
- setOpen: setOpen,
1064
- onCookieSettingsOpen: onCookieSettingsOpen
1065
- }), React.createElement(LogOutMenuItem, {
1066
- name: messages.logout,
1067
- setOpen: setOpen,
1068
- onLogout: onLogout
1069
- }))));
1070
- };
1071
-
1072
- /*global EventListener WindowEventHandlers*/
1073
- function useEventListener(eventName, handler, element) {
1074
- if (element === void 0) {
1075
- element = window;
1076
- }
1077
- var savedHandler = React.useRef();
1078
- React.useEffect(function () {
1079
- savedHandler.current = handler;
1080
- }, [handler]);
1081
- React.useEffect(function () {
1082
- var _element;
1083
- var isSupported = (_element = element) == null ? void 0 : _element.addEventListener;
1084
- if (!isSupported) return;
1085
- var eventListener = function eventListener(event) {
1086
- return savedHandler.current == null ? void 0 : savedHandler.current(event);
1087
- };
1088
- element.addEventListener(eventName, eventListener);
1089
- return function () {
1090
- element.removeEventListener(eventName, eventListener);
1091
- };
1092
- }, [eventName, element]);
1093
- }
1094
-
1095
- exports.ActionBar = ActionBar;
1096
- exports.ActionBarLeft = ActionBarLeft;
1097
- exports.ActionBarRight = ActionBarRight;
1098
- exports.AuditInfo = AuditInfo;
1099
- exports.Box = Box;
1100
- exports.Breadcrumbs = Breadcrumbs;
1101
- exports.ConfirmModal = ConfirmModal;
1102
- exports.Content = Content;
1103
- exports.EnturPartnerLogo = EnturPartnerLogo;
1104
- exports.EnturPartnerLogoSvg = EnturPartnerLogoSvg;
1105
- exports.ErrorBoundary = ErrorBoundary;
1106
- exports.ExpandableMultiLanguageInput = ExpandableMultiLanguageInput;
1107
- exports.FeatureToggle = FeatureToggle;
1108
- exports.FormatCurrencyAmount = FormatCurrencyAmount;
1109
- exports.FormatDateTime = FormatDateTime;
1110
- exports.LanguageSelect = LanguageSelect;
1111
- exports.Link = Link;
1112
- exports.LinkButton = LinkButton;
1113
- exports.Menu = Menu;
1114
- exports.MultiLanguageInput = MultiLanguageInput;
1115
- exports.OrganisationDropDown = OrganisationDropDown;
1116
- exports.PageTitle = PageTitle;
1117
- exports.Pager = Pager;
1118
- exports.PermissionCheck = PermissionCheck;
1119
- exports.RouteLeavingGuard = RouteLeavingGuard;
1120
- exports.Stack = Stack;
1121
- exports.StatusLabel = StatusLabel;
1122
- exports.Text = Text;
1123
- exports.Unbutton = Unbutton;
1124
- exports.UserMenu = UserMenu;
1125
- exports.featureFlag = featureFlag;
1126
- exports.getColorForEnvironment = getColorForEnvironment;
1127
- exports.getHumanReadableEnvironment = getHumanReadableEnvironment;
1128
- exports.responsiveProp = responsiveProp;
1129
- exports.useEventListener = useEventListener;
1130
- exports.useFeatureToggle = useFeatureToggle;
1131
- //# sourceMappingURL=common.cjs.development.js.map