@stenajs-webui/panels 22.1.0 → 22.2.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 (5) hide show
  1. package/dist/index.es.js +53 -56
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +1 -4
  4. package/dist/index.js.map +1 -1
  5. package/package.json +7 -7
package/dist/index.es.js CHANGED
@@ -1,13 +1,13 @@
1
1
  (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
- import { jsx as n, Fragment as _, jsxs as o } from "react/jsx-runtime";
3
- import { ActionMenu as G, ActionMenuContext as an, stenaAngleDown as W, PrimaryButton as ln, SecondaryButton as cn, FlatButton as k, stenaHamburger as E, BaseButton as sn, stenaBellFilled as dn, TextInputButton as un, stenaTimes as hn, stenaUserCircle as pn, CircledIcon as j, CloseButton as q, MenuButton as L, Icon as gn, stenaMail as mn, Card as bn, CardBody as fn, stenaTripFerryXl as Bn, Spinner as _n, StenaFlag as vn, stenaAngleLeftDouble as O, stenaPin as Cn, IconMenuButton as P, IconMenuButtonLink as xn, MenuButtonLink as yn } from "@stenajs-webui/elements";
2
+ import { jsx as n, Fragment as B, jsxs as o } from "react/jsx-runtime";
3
+ import { ActionMenu as G, ActionMenuContext as an, stenaAngleDown as W, PrimaryButton as ln, SecondaryButton as cn, FlatButton as k, stenaHamburger as E, BaseButton as sn, stenaBellFilled as dn, TextInputButton as un, stenaTimes as hn, stenaUserCircle as pn, CircledIcon as j, CloseButton as q, MenuButton as L, Icon as gn, stenaMail as mn, Card as fn, CardBody as bn, stenaTripFerryXl as _n, Spinner as Bn, StenaFlag as vn, stenaAngleLeftDouble as O, stenaPin as Cn, IconMenuButton as P, IconMenuButtonLink as xn, MenuButtonLink as yn } from "@stenajs-webui/elements";
4
4
  import * as In from "react";
5
5
  import { useRef as wn, useMemo as Nn, forwardRef as A, createContext as kn, useContext as Mn, useState as Sn } from "react";
6
- import { useBoolean as X, Row as c, Indent as x, Column as h, Heading as M, Box as d, Text as b, Space as m, SeparatorLine as Rn } from "@stenajs-webui/core";
6
+ import { useBoolean as X, Row as c, Indent as x, Column as h, Heading as M, Box as d, Text as f, Space as m, SeparatorLine as Rn } from "@stenajs-webui/core";
7
7
  import { ControlledPopover as J, Popover as K, Tooltip as Q } from "@stenajs-webui/tooltip";
8
8
  import { Checkbox as V, TextInput as Fn } from "@stenajs-webui/forms";
9
9
  import p from "classnames";
10
- import { cssColor as f } from "@stenajs-webui/theme";
10
+ import { cssColor as b } from "@stenajs-webui/theme";
11
11
  const $ = ({
12
12
  renderItems: e,
13
13
  placement: t = "bottom",
@@ -18,14 +18,14 @@ const $ = ({
18
18
  onClick: s,
19
19
  disableArrow: u = !1,
20
20
  buttonRef: g,
21
- appendTo: B,
21
+ appendTo: _,
22
22
  zIndex: v,
23
23
  ...Z
24
24
  }) => {
25
- const [H, T, y, nn] = X(!1), en = wn(null), tn = g ?? en, rn = Nn(() => ({ open: T, close: y }), [T, y]), on = (S) => {
25
+ const [H, U, y, nn] = X(!1), en = wn(null), tn = g ?? en, rn = Nn(() => ({ open: U, close: y }), [U, y]), on = (S) => {
26
26
  s == null || s(S), nn();
27
27
  };
28
- return /* @__PURE__ */ n(_, { children: /* @__PURE__ */ n(
28
+ return /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n(
29
29
  J,
30
30
  {
31
31
  renderTrigger: (S) => /* @__PURE__ */ n(
@@ -43,7 +43,7 @@ const $ = ({
43
43
  open: H,
44
44
  onRequestClose: y,
45
45
  placement: t,
46
- appendTo: B,
46
+ appendTo: _,
47
47
  zIndex: v,
48
48
  children: H && /* @__PURE__ */ n(G, { width: a, top: l, trapFocus: !0, children: /* @__PURE__ */ n(an.Provider, { value: rn, children: e(y) }) })
49
49
  }
@@ -114,12 +114,12 @@ const $ = ({
114
114
  /* @__PURE__ */ n(x, {}),
115
115
  r && /* @__PURE__ */ n($n, { onClick: s })
116
116
  ] }),
117
- e && /* @__PURE__ */ o(_, { children: [
117
+ e && /* @__PURE__ */ o(B, { children: [
118
118
  e,
119
119
  /* @__PURE__ */ n(x, { num: 2 })
120
120
  ] }),
121
- i && /* @__PURE__ */ n(_, { children: /* @__PURE__ */ n(c, { justifyContent: "center", alignItems: "center", children: In.Children.map(i, (g, B) => /* @__PURE__ */ o(_, { children: [
122
- B > 0 && /* @__PURE__ */ n(x, {}),
121
+ i && /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n(c, { justifyContent: "center", alignItems: "center", children: In.Children.map(i, (g, _) => /* @__PURE__ */ o(B, { children: [
122
+ _ > 0 && /* @__PURE__ */ n(x, {}),
123
123
  g
124
124
  ] })) }) })
125
125
  ]
@@ -133,10 +133,10 @@ const $ = ({
133
133
  ]
134
134
  }
135
135
  );
136
- }, zn = "_navBarButton_b3x3w_1", Hn = "_selected_b3x3w_14", U = {
136
+ }, zn = "_navBarButton_b3x3w_1", Hn = "_selected_b3x3w_14", T = {
137
137
  navBarButton: zn,
138
138
  selected: Hn
139
- }, Tn = A(
139
+ }, Un = A(
140
140
  function({ selected: e, className: t, ...r }, i) {
141
141
  return /* @__PURE__ */ n(
142
142
  k,
@@ -144,14 +144,14 @@ const $ = ({
144
144
  ...r,
145
145
  ref: i,
146
146
  className: p(
147
- U.navBarButton,
148
- e && U.selected,
147
+ T.navBarButton,
148
+ e && T.selected,
149
149
  t
150
150
  )
151
151
  }
152
152
  );
153
153
  }
154
- ), He = (e) => /* @__PURE__ */ n(M, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Te = ({
154
+ ), He = (e) => /* @__PURE__ */ n(M, { whiteSpace: "nowrap", variant: "h4", as: "h1", ...e }), Ue = ({
155
155
  content: e,
156
156
  children: t,
157
157
  appendTo: r,
@@ -162,7 +162,7 @@ const $ = ({
162
162
  return /* @__PURE__ */ n(
163
163
  J,
164
164
  {
165
- renderTrigger: (g) => /* @__PURE__ */ n(Tn, { ...a, ...g, onClick: u }),
165
+ renderTrigger: (g) => /* @__PURE__ */ n(Un, { ...a, ...g, onClick: u }),
166
166
  open: l,
167
167
  onRequestClose: s,
168
168
  zIndex: i,
@@ -173,12 +173,12 @@ const $ = ({
173
173
  ] })
174
174
  }
175
175
  );
176
- }, Un = "_navBarNotificationButton_1wt3y_1", Dn = "_unread_1wt3y_23", Gn = "_icon_1wt3y_23", Wn = "_shake_1wt3y_1", C = {
177
- navBarNotificationButton: Un,
176
+ }, Tn = "_navBarNotificationButton_1wt3y_1", Dn = "_unread_1wt3y_23", Gn = "_icon_1wt3y_23", Wn = "_shake_1wt3y_1", C = {
177
+ navBarNotificationButton: Tn,
178
178
  unread: Dn,
179
179
  icon: Gn,
180
180
  shake: Wn
181
- }, Ue = A(function({
181
+ }, Te = A(function({
182
182
  count: e,
183
183
  unread: t = !1,
184
184
  className: r,
@@ -276,7 +276,7 @@ const $ = ({
276
276
  onClose: s,
277
277
  unread: u = !1,
278
278
  variant: g,
279
- iconBackgroundColor: B
279
+ iconBackgroundColor: _
280
280
  }) => {
281
281
  const v = r ? /* @__PURE__ */ n(
282
282
  j,
@@ -284,7 +284,7 @@ const $ = ({
284
284
  size: "small",
285
285
  icon: r,
286
286
  "aria-label": i,
287
- backgroundColor: B || Zn(u, g)
287
+ backgroundColor: _ || Zn(u, g)
288
288
  }
289
289
  ) : void 0;
290
290
  return /* @__PURE__ */ o(c, { alignItems: "flex-start", indent: 2, spacing: !0, children: [
@@ -292,12 +292,12 @@ const $ = ({
292
292
  a && /* @__PURE__ */ n(d, { minHeight: 20, justifyContent: "center", children: a }),
293
293
  !a && v && (u ? /* @__PURE__ */ n(Yn, { children: v }) : v),
294
294
  /* @__PURE__ */ o(d, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
295
- /* @__PURE__ */ n(b, { variant: "bold", children: e }),
295
+ /* @__PURE__ */ n(f, { variant: "bold", children: e }),
296
296
  t && /* @__PURE__ */ n(
297
- b,
297
+ f,
298
298
  {
299
299
  size: "small",
300
- color: f(
300
+ color: b(
301
301
  u ? "--lhds-color-blue-600" : "--lhds-color-ui-600"
302
302
  ),
303
303
  children: t
@@ -364,7 +364,7 @@ const $ = ({
364
364
  d,
365
365
  {
366
366
  borderRadius: 8,
367
- background: f("--lhds-color-ui-50"),
367
+ background: b("--lhds-color-ui-50"),
368
368
  shadow: "popover",
369
369
  width: i,
370
370
  maxWidth: a,
@@ -426,27 +426,27 @@ const $ = ({
426
426
  }
427
427
  ), de = "_sidebarMenuCollapsibleGroupBox_ikek9_1", ue = {
428
428
  sidebarMenuCollapsibleGroupBox: de
429
- }, he = ({ children: e }) => /* @__PURE__ */ n("div", { className: ue.sidebarMenuCollapsibleGroupBox, children: e }), Je = ({ children: e }) => /* @__PURE__ */ n(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(b, { variant: "overline", size: "smaller", children: e }) }), Ke = ({ text: e = "No content" }) => /* @__PURE__ */ o(h, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
430
- /* @__PURE__ */ n(gn, { icon: mn, color: f("--lhds-color-ui-500") }),
429
+ }, he = ({ children: e }) => /* @__PURE__ */ n("div", { className: ue.sidebarMenuCollapsibleGroupBox, children: e }), Je = ({ children: e }) => /* @__PURE__ */ n(d, { spacing: !0, indent: !0, children: /* @__PURE__ */ n(f, { variant: "overline", size: "smaller", children: e }) }), Ke = ({ text: e = "No content" }) => /* @__PURE__ */ o(h, { indent: !0, spacing: !0, flex: 1, alignItems: "center", children: [
430
+ /* @__PURE__ */ n(gn, { icon: mn, color: b("--lhds-color-ui-500") }),
431
431
  /* @__PURE__ */ n(m, {}),
432
- /* @__PURE__ */ n(b, { size: "small", color: f("--lhds-color-ui-500"), children: e })
432
+ /* @__PURE__ */ n(f, { size: "small", color: b("--lhds-color-ui-500"), children: e })
433
433
  ] }), pe = ({
434
434
  text: e,
435
435
  heading: t,
436
436
  children: r,
437
437
  buttons: i,
438
- icon: a = Bn,
438
+ icon: a = _n,
439
439
  headingLevel: l = "h3",
440
440
  ...s
441
441
  }) => {
442
442
  const u = !e && !t ? "Something unexpected happened." : e;
443
- return /* @__PURE__ */ n(bn, { ...s, children: /* @__PURE__ */ n(fn, { children: /* @__PURE__ */ o(h, { spacing: 1, gap: 3, alignItems: "center", children: [
443
+ return /* @__PURE__ */ n(fn, { ...s, children: /* @__PURE__ */ n(bn, { children: /* @__PURE__ */ o(h, { spacing: 1, gap: 3, alignItems: "center", children: [
444
444
  /* @__PURE__ */ o(h, { alignItems: "center", children: [
445
445
  /* @__PURE__ */ n(m, { num: 1 }),
446
446
  /* @__PURE__ */ n(j, { icon: a, size: "xl" })
447
447
  ] }),
448
448
  t && /* @__PURE__ */ n(M, { as: l, children: t }),
449
- u && /* @__PURE__ */ n(b, { children: u }),
449
+ u && /* @__PURE__ */ n(f, { children: u }),
450
450
  r,
451
451
  i && /* @__PURE__ */ o(d, { children: [
452
452
  /* @__PURE__ */ n(m, { num: 2 }),
@@ -465,7 +465,7 @@ const $ = ({
465
465
  ), ge = ({
466
466
  text: e = "Loading..."
467
467
  }) => /* @__PURE__ */ o(d, { alignItems: "center", children: [
468
- /* @__PURE__ */ n(_n, { size: "small" }),
468
+ /* @__PURE__ */ n(Bn, { size: "small" }),
469
469
  /* @__PURE__ */ n(m, { num: 4 }),
470
470
  /* @__PURE__ */ n(M, { variant: "h4", children: e })
471
471
  ] }), Ve = (e) => /* @__PURE__ */ n(
@@ -482,7 +482,7 @@ const $ = ({
482
482
  renderPageHeading: t,
483
483
  renderTabs: r,
484
484
  children: i
485
- }) => /* @__PURE__ */ o(d, { shadow: "bottom", background: f("--lhds-color-ui-50"), gap: 2, children: [
485
+ }) => /* @__PURE__ */ o(d, { shadow: "bottom", background: b("--lhds-color-ui-50"), gap: 2, children: [
486
486
  /* @__PURE__ */ o(d, { indent: 3, children: [
487
487
  e && /* @__PURE__ */ o(c, { spacing: 1, alignItems: "center", children: [
488
488
  /* @__PURE__ */ n(c, { width: "64px", height: "16px" }),
@@ -506,13 +506,13 @@ const $ = ({
506
506
  ] }),
507
507
  /* @__PURE__ */ n(c, { alignItems: "center", children: i }),
508
508
  /* @__PURE__ */ n(c, { style: { marginLeft: "auto" }, alignItems: "center", children: a })
509
- ] }), me = "_sidebarMenu_1bx5w_1", be = "_sidebarItems_1bx5w_38", fe = "_scrollContainer_1bx5w_48", F = {
509
+ ] }), me = "_sidebarMenu_1bx5w_1", fe = "_sidebarItems_1bx5w_38", be = "_scrollContainer_1bx5w_48", F = {
510
510
  sidebarMenu: me,
511
- sidebarItems: be,
512
- scrollContainer: fe
513
- }, Be = "_stenaFlag_108h7_1", _e = {
514
- stenaFlag: Be
515
- }, ve = ({ onClick: e }) => /* @__PURE__ */ o(h, { background: f("--lhds-color-ui-50"), children: [
511
+ sidebarItems: fe,
512
+ scrollContainer: be
513
+ }, _e = "_stenaFlag_108h7_1", Be = {
514
+ stenaFlag: _e
515
+ }, ve = ({ onClick: e }) => /* @__PURE__ */ o(h, { background: b("--lhds-color-ui-50"), children: [
516
516
  /* @__PURE__ */ n(m, {}),
517
517
  /* @__PURE__ */ o(
518
518
  c,
@@ -524,7 +524,7 @@ const $ = ({
524
524
  minHeight: "48px",
525
525
  children: [
526
526
  /* @__PURE__ */ n(q, { onClick: e }),
527
- /* @__PURE__ */ n(vn, { className: _e.stenaFlag })
527
+ /* @__PURE__ */ n(vn, { className: Be.stenaFlag })
528
528
  ]
529
529
  }
530
530
  )
@@ -570,10 +570,7 @@ const $ = ({
570
570
  ] }), N = kn(!1), z = () => Mn(N), xe = ({
571
571
  label: e,
572
572
  ...t
573
- }) => /* @__PURE__ */ n(Q, { label: e + ` <Tooltip label={label2} placement={"right"} visible>
574
- <IconMenuButton {...menuButtonLinkProps} />
575
- </Tooltip>
576
- `, placement: "right", visible: !0, children: /* @__PURE__ */ n(P, { ...t }) }), tt = ({
573
+ }) => /* @__PURE__ */ n(Q, { label: e, placement: "right", appendTo: document.body, children: /* @__PURE__ */ n(P, { ...t }) }), tt = ({
577
574
  closeButtonVisible: e,
578
575
  onClickCloseButton: t,
579
576
  onClickMenuButton: r,
@@ -591,7 +588,7 @@ const $ = ({
591
588
  spacing: 1,
592
589
  gap: 1,
593
590
  shadow: "popover",
594
- background: f("--lhds-color-ui-50"),
591
+ background: b("--lhds-color-ui-50"),
595
592
  children: [
596
593
  /* @__PURE__ */ n(P, { onClick: r, icon: E }),
597
594
  /* @__PURE__ */ o(h, { justifyContent: "space-between", flex: 1, gap: 1, children: [
@@ -614,7 +611,7 @@ const $ = ({
614
611
  label: e
615
612
  }) => z() ? null : /* @__PURE__ */ o(d, { height: "32px", justifyContent: "center", indent: 1, children: [
616
613
  /* @__PURE__ */ n(m, {}),
617
- /* @__PURE__ */ n(b, { variant: "overline", size: "smaller", children: e })
614
+ /* @__PURE__ */ n(f, { variant: "overline", size: "smaller", children: e })
618
615
  ] }), Ie = ({
619
616
  label: e,
620
617
  leftIcon: t,
@@ -670,7 +667,7 @@ const $ = ({
670
667
  }, ot = (e) => /* @__PURE__ */ n(
671
668
  Rn,
672
669
  {
673
- color: f("--lhds-color-ui-400"),
670
+ color: b("--lhds-color-ui-400"),
674
671
  ...e
675
672
  }
676
673
  ), at = ({ numItemsSelected: e, label: t, afterLabelContent: r, rightContent: i }) => /* @__PURE__ */ o(
@@ -682,20 +679,20 @@ const $ = ({
682
679
  minHeight: "56px",
683
680
  justifyContent: "space-between",
684
681
  alignItems: "center",
685
- background: f("--silver-lighter"),
682
+ background: b("--silver-lighter"),
686
683
  flex: 1,
687
684
  borderRadius: "var(--swui-border-radius)",
688
685
  children: [
689
686
  /* @__PURE__ */ o(c, { alignItems: "center", gap: 2, children: [
690
- e != null || t != null ? /* @__PURE__ */ n(c, { alignItems: "center", children: e != null ? /* @__PURE__ */ o(_, { children: [
691
- /* @__PURE__ */ n(b, { children: e }),
687
+ e != null || t != null ? /* @__PURE__ */ n(c, { alignItems: "center", children: e != null ? /* @__PURE__ */ o(B, { children: [
688
+ /* @__PURE__ */ n(f, { children: e }),
692
689
  /* @__PURE__ */ n(m, {}),
693
- /* @__PURE__ */ o(b, { children: [
690
+ /* @__PURE__ */ o(f, { children: [
694
691
  "item",
695
692
  e === 1 ? "" : "s",
696
693
  " selected"
697
694
  ] })
698
- ] }) : t != null ? /* @__PURE__ */ n(_, { children: typeof t == "string" ? /* @__PURE__ */ n(b, { children: t }) : t }) : null }) : null,
695
+ ] }) : t != null ? /* @__PURE__ */ n(B, { children: typeof t == "string" ? /* @__PURE__ */ n(f, { children: t }) : t }) : null }) : null,
699
696
  r && /* @__PURE__ */ n(c, { children: r })
700
697
  ] }),
701
698
  /* @__PURE__ */ n(c, { gap: 2, children: i })
@@ -717,10 +714,10 @@ export {
717
714
  ge as LoadingPanel,
718
715
  Ve as LoadingScreen,
719
716
  ze as NavBar,
720
- Tn as NavBarButton,
717
+ Un as NavBarButton,
721
718
  He as NavBarHeading,
722
- Ue as NavBarNotificationButton,
723
- Te as NavBarPopoverButton,
719
+ Te as NavBarNotificationButton,
720
+ Ue as NavBarPopoverButton,
724
721
  De as NavBarSearchField,
725
722
  Ge as NavBarUserButton,
726
723
  We as Notification,
package/dist/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarNotificationButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/nav-bar/NavBarUserButton.tsx","../src/components/notifications/UnreadDot.tsx","../src/components/notifications/NotificationHeader.tsx","../src/components/notifications/Notification.tsx","../src/components/notifications/NotificationList.tsx","../src/components/notifications/Toast.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleList.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsibleGroupBox.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/page-header/PageHeader.tsx","../src/components/page-header/PageHeaderRow.tsx","../src/components/page-header/PageHeading.tsx","../src/components/sidebar-menu/SidebarMenuCloseButtonRow.tsx","../src/components/sidebar-menu/SidebarMenuPinButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/rail/RailContext.ts","../src/components/sidebar-menu/items/RailMenuButton.tsx","../src/components/sidebar-menu/rail/SidebarRailMenu.tsx","../src/components/sidebar-menu/items/SidebarMenuHeading.tsx","../src/components/sidebar-menu/items/RailMenuLink.tsx","../src/components/sidebar-menu/items/SidebarMenuLink.tsx","../src/components/sidebar-menu/items/RailMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuSeparator.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPanel.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPadding.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, RefObject, useMemo, useRef } from \"react\";\nimport {\n ActionMenu,\n ActionMenuContext,\n ActionMenuProps,\n FlatButton,\n PrimaryButton,\n PrimaryButtonProps,\n SecondaryButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n PopoverProps,\n} from \"@stenajs-webui/tooltip\";\n\nexport interface ActionMenuButtonProps\n extends Omit<\n PrimaryButtonProps,\n \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n > {\n /** The content of the Action Menu. */\n renderItems: (close: () => void) => ReactNode;\n /** The placement of the Action Menu. */\n placement?: PopoverProps[\"placement\"];\n /** Z-index of the Action Menu */\n zIndex?: number;\n /** Portal target, HTML element. If not set, portal is not used. */\n appendTo?: ControlledPopoverProps[\"appendTo\"];\n menuWidth?: ActionMenuProps[\"width\"];\n menuTop?: ActionMenuProps[\"top\"];\n buttonComponent:\n | typeof PrimaryButton\n | typeof SecondaryButton\n | typeof FlatButton;\n disableArrow?: boolean;\n buttonRef?: RefObject<HTMLButtonElement | null>;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n renderItems,\n placement = \"bottom\",\n buttonComponent: Button,\n rightIcon = stenaAngleDown,\n menuWidth,\n menuTop,\n onClick,\n disableArrow = false,\n buttonRef,\n appendTo,\n zIndex,\n ...buttonProps\n}) => {\n const [isOpen, open, close, toggle] = useBoolean(false);\n\n const fallbackRef = useRef<HTMLButtonElement>(null);\n const ref = buttonRef ?? fallbackRef;\n\n const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n ) => {\n onClick?.(event);\n toggle();\n };\n\n return (\n <>\n <ControlledPopover\n renderTrigger={(props) => (\n <Button\n rightIcon={disableArrow ? undefined : rightIcon}\n {...buttonProps}\n ref={ref}\n onClick={handleClick}\n {...props}\n />\n )}\n hideArrow\n disablePadding\n open={isOpen}\n onRequestClose={close}\n placement={placement}\n appendTo={appendTo}\n zIndex={zIndex}\n >\n {isOpen && (\n <ActionMenu width={menuWidth} top={menuTop} trapFocus>\n <ActionMenuContext.Provider value={contextValue}>\n {renderItems(close)}\n </ActionMenuContext.Provider>\n </ActionMenu>\n )}\n </ControlledPopover>\n </>\n );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<\n ActionMenuSecondaryButtonProps\n> = (props) => {\n return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Column, Indent, Row } from \"@stenajs-webui/core\";\nimport {\n ActionMenu,\n FlatButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n renderMenu,\n ...checkboxProps\n}) => {\n return (\n <Popover\n trigger={\"click\"}\n renderTrigger={(props) => (\n <Row>\n <Row\n spacing={0.5}\n indent\n alignItems={\"center\"}\n border={border}\n borderRadius={\"4px\"}\n >\n <Checkbox {...checkboxProps} />\n <Indent num={0.5} />\n <FlatButton size={\"small\"} leftIcon={stenaAngleDown} {...props} />\n </Row>\n </Row>\n )}\n hideArrow\n disablePadding\n placement={\"bottom-start\"}\n >\n {({ onRequestClose }) => (\n <Column>\n <ActionMenu>{renderMenu(onRequestClose)}</ActionMenu>\n </Column>\n )}\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { FlatButton, stenaHamburger } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <FlatButton\n leftIcon={stenaHamburger}\n className={className}\n onClick={onClick}\n />\n );\n};\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n NavBarSideMenuButton,\n SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\n\nexport type NavBarVariant = \"compact\" | \"standard\" | \"relaxed\";\n\nexport interface NavBarProps {\n className?: string;\n showMenuButton?: boolean;\n onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n right?: ReactNode;\n center?: ReactNode;\n left?: ReactNode;\n variant?: NavBarVariant;\n children?: ReactNode;\n}\n\nexport const NavBar: React.FC<NavBarProps> = ({\n left,\n className,\n showMenuButton = false,\n children,\n right,\n center,\n onClickMenuButton,\n}) => {\n const currentFlex = center ? 1 : undefined;\n return (\n <Row\n justifyContent={\"space-between\"}\n className={cx(styles.navBar, className)}\n >\n <Row\n flex={currentFlex}\n justifyContent={\"flex-start\"}\n alignItems={\"center\"}\n >\n <Row width={\"86px\"} alignItems={\"center\"}>\n <Indent />\n {showMenuButton && (\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n )}\n </Row>\n\n {left && (\n <>\n {left}\n <Indent num={2} />\n </>\n )}\n {children && (\n <>\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {React.Children.map(children, (child, index) => (\n <>\n {index > 0 && <Indent />}\n {child}\n </>\n ))}\n </Row>\n </>\n )}\n </Row>\n {center && (\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {center}\n </Row>\n )}\n <Row justifyContent={\"flex-end\"} alignItems={\"center\"} flex={currentFlex}>\n {right}\n <Indent num={2} />\n </Row>\n </Row>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n selected?: boolean;\n}\n\nexport const NavBarButton = forwardRef<HTMLButtonElement, NavBarButtonProps>(\n function ({ selected, className, ...buttonProps }, ref) {\n return (\n <FlatButton\n {...buttonProps}\n ref={ref}\n className={cx(\n styles.navBarButton,\n selected && styles.selected,\n className,\n )}\n />\n );\n },\n);\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n return (\n <Heading whiteSpace={\"nowrap\"} variant={\"h4\"} as={\"h1\"} {...headingProps} />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n} from \"@stenajs-webui/tooltip\";\nimport { Box, useBoolean } from \"@stenajs-webui/core\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n extends Omit<NavBarButtonProps, \"onClick\" | \"content\">,\n Pick<ControlledPopoverProps, \"zIndex\" | \"appendTo\"> {\n content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n content,\n children,\n appendTo,\n zIndex,\n ...navBarButtonProps\n}) => {\n const [isOpen, , close, toggle] = useBoolean(false);\n\n return (\n <ControlledPopover\n renderTrigger={(props) => (\n <NavBarButton {...navBarButtonProps} {...props} onClick={toggle} />\n )}\n open={isOpen}\n onRequestClose={close}\n zIndex={zIndex}\n appendTo={appendTo}\n >\n <Box>\n {content && content({ close })}\n {children}\n </Box>\n </ControlledPopover>\n );\n};\n","import {\n BaseButton,\n FlatButtonProps,\n stenaBellFilled,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarNotificationButton.module.css\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface NavBarNotificationButtonProps\n extends Omit<FlatButtonProps, \"leftIcon\" | \"rightIcon\" | \"label\"> {\n count: number;\n unread: boolean;\n icon?: IconDefinition;\n}\n\nexport const NavBarNotificationButton = forwardRef<\n HTMLButtonElement,\n NavBarNotificationButtonProps\n>(function (\n {\n count,\n unread = false,\n className,\n labelClassName,\n iconClassName,\n icon = stenaBellFilled,\n ...buttonProps\n },\n ref,\n) {\n const hasCount = count > 1;\n\n return (\n <BaseButton\n {...buttonProps}\n ref={ref}\n leftIcon={icon}\n className={cx(\n styles.navBarNotificationButton,\n unread && styles.unread,\n hasCount && styles.hasCount,\n className,\n )}\n label={hasCount ? String(count) : undefined}\n labelClassName={cx(labelClassName, styles.label)}\n iconClassName={cx(iconClassName, styles.icon)}\n />\n );\n});\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { stenaTimes, TextInputButton } from \"@stenajs-webui/elements\";\n\nexport interface NavBarSearchFieldProps extends TextInputProps {\n showClearButton?: boolean;\n onClickClearButton?: ButtonElementProps[\"onClick\"];\n}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n placeholder = \"Search\",\n className,\n wrapperClassName,\n showClearButton,\n onClickClearButton,\n value,\n ...textInputProps\n}) => {\n return (\n <TextInput\n wrapperClassName={cx(\n styles.navBarSearchFieldWrapper,\n showClearButton ? styles.withButton : undefined,\n wrapperClassName,\n )}\n className={cx(styles.navBarSearchFieldInput, className)}\n placeholder={placeholder}\n value={value}\n buttonRight={\n value && showClearButton ? (\n <TextInputButton\n className={styles.clearButton}\n icon={stenaTimes}\n variant={\"error\"}\n onClick={onClickClearButton}\n />\n ) : undefined\n }\n {...textInputProps}\n />\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaUserCircle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport {\n ActionMenuFlatButton,\n ActionMenuFlatButtonProps,\n} from \"../action-menu-button/ActionMenuFlatButton\";\nimport styles from \"./NavBarUserButton.module.css\";\n\nexport interface NavBarUserButtonProps\n extends Omit<ActionMenuFlatButtonProps, \"label\" | \"leftIcon\" | \"rightIcon\"> {\n username?: string;\n initials?: string;\n icon?: IconDefinition;\n}\n\nexport const NavBarUserButton: React.FC<NavBarUserButtonProps> = ({\n className,\n username,\n initials,\n icon = stenaUserCircle,\n responsiveIconOnly = initials == null,\n ...buttonProps\n}) => {\n return (\n <ActionMenuFlatButton\n {...buttonProps}\n className={cx(styles.navBarUserButton, className)}\n leftIcon={username != null ? icon : undefined}\n label={initials ?? username}\n forceRound={initials != null}\n responsiveIconOnly={responsiveIconOnly}\n disableArrow\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./UnreadDot.module.css\";\n\nexport interface UnreadDotProps {\n children: ReactNode;\n}\n\nexport const UnreadDot: React.FC<UnreadDotProps> = ({ children }) => {\n return (\n <div className={styles.unreadDot}>\n {children}\n <div className={styles.dot} />\n </div>\n );\n};\n","import { Box, Row, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { CircledIcon, CloseButton, MediumIcon } from \"@stenajs-webui/elements\";\nimport { cssColor, CssPropColor } from \"@stenajs-webui/theme\";\nimport { UnreadDot } from \"./UnreadDot\";\nimport { NotificationVariant } from \"./Notification\";\n\nexport interface NotificationHeaderProps {\n /** Text. */\n text: string;\n /** Timestamp. */\n timestamp?: string;\n /** Icon. */\n icon?: MediumIcon;\n /** Icon description for accessibility. */\n iconAriaLabel?: string;\n /** Left content instead of icon. */\n contentLeft?: React.ReactNode;\n /** Right content. */\n contentRight?: React.ReactNode;\n /** What happens on clicking close. */\n onClose?: () => void;\n /** Mark the notification as unread */\n unread?: boolean;\n /** Notification variant. Will affect icon bg color */\n variant?: NotificationVariant;\n /** Icon background color. Will override other icon bg color */\n iconBackgroundColor?: CssPropColor;\n}\n\nexport const NotificationHeader: React.FC<NotificationHeaderProps> = ({\n text,\n timestamp,\n icon,\n iconAriaLabel,\n contentLeft,\n contentRight,\n onClose,\n unread = false,\n variant,\n iconBackgroundColor,\n}) => {\n const circledIcon = icon ? (\n <CircledIcon\n size={\"small\"}\n icon={icon}\n aria-label={iconAriaLabel}\n backgroundColor={\n iconBackgroundColor\n ? iconBackgroundColor\n : getIconBgColorFromVariant(unread, variant)\n }\n />\n ) : undefined;\n\n return (\n <Row alignItems={\"flex-start\"} indent={2} spacing>\n <Row spacing gap={2} flex={1} alignItems={\"flex-start\"}>\n {contentLeft && (\n <Box minHeight={20} justifyContent={\"center\"}>\n {contentLeft}\n </Box>\n )}\n {!contentLeft &&\n circledIcon &&\n (unread ? <UnreadDot>{circledIcon}</UnreadDot> : circledIcon)}\n <Box minHeight={20} justifyContent={\"center\"} flex={1} gap={0.5}>\n <Text variant={\"bold\"}>{text}</Text>\n {timestamp && (\n <Text\n size={\"small\"}\n color={cssColor(\n unread ? \"--lhds-color-blue-600\" : \"--lhds-color-ui-600\",\n )}\n >\n {timestamp}\n </Text>\n )}\n </Box>\n {contentRight}\n </Row>\n {onClose && (\n <Box\n flex={\"none\"}\n justifyContent={\"center\"}\n height={\"calc(20px + 2 * var(--swui-metrics-spacing))\"}\n >\n <CloseButton onClick={onClose} />\n </Box>\n )}\n </Row>\n );\n};\n\nexport const getIconBgColorFromVariant = (\n unread: boolean,\n variant?: NotificationVariant,\n): CssPropColor | undefined => {\n if (!unread && variant === \"standard\") {\n return undefined;\n }\n return \"--lhds-color-ui-50\";\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\nimport styles from \"./Notification.module.css\";\nimport cx from \"classnames\";\n\nexport type NotificationVariant = \"standard\" | \"danger\";\n\nexport interface NotificationProps extends NotificationHeaderProps {\n children?: ReactNode;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n variant = \"standard\",\n children,\n unread,\n ...headerProps\n}) => (\n <div\n className={cx(\n styles.notification,\n styles[variant],\n unread && styles.unread,\n )}\n >\n <NotificationHeader {...headerProps} unread={unread} variant={variant} />\n {children && <Column className={styles.body}>{children}</Column>}\n </div>\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./NotificationList.module.css\";\n\nexport interface NotificationListProps {\n children?: ReactNode;\n}\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n children,\n}) => {\n return (\n <div className={styles.notificationList}>\n {children}\n <div />\n </div>\n );\n};\n","import { Box, BoxProps, Space } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\nimport styles from \"./Toast.module.css\";\nimport cx from \"classnames\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\n\nexport interface ToastProps\n extends Pick<BoxProps, \"children\" | \"width\" | \"maxWidth\">,\n Omit<NotificationHeaderProps, \"contentRight\"> {\n /** What happens on clicking the toast. */\n onClick?: () => void;\n /** Description of what happens on clicking the toast for accessibility. */\n onClickAriaLabel?: string;\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n onClick,\n onClickAriaLabel,\n children,\n width = 264,\n maxWidth,\n ...headerProps\n}) => (\n <Box\n borderRadius={8}\n background={cssColor(\"--lhds-color-ui-50\")}\n shadow={\"popover\"}\n width={width}\n maxWidth={maxWidth}\n role={\"alert\"}\n position={\"relative\"}\n >\n <Box className={cx({ [styles.nonClickable]: onClick })}>\n <NotificationHeader {...headerProps} />\n </Box>\n {children && (\n <Box indent={3} className={cx({ [styles.nonClickable]: onClick })}>\n {children}\n <Space num={2} />\n </Box>\n )}\n {onClick && (\n <button\n onClick={onClick}\n className={styles.clickable}\n aria-label={onClickAriaLabel}\n ></button>\n )}\n </Box>\n);\n","import { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef, ReactNode } from \"react\";\n\nexport type CollapsibleProps =\n | CollapsibleLabelProps\n | CollapsibleRenderLabelProps;\n\nexport interface CollapsibleCommonProps\n extends Omit<ButtonElementProps, \"value\"> {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n collapsed?: boolean;\n}\n\nexport interface CollapsibleLabelProps extends CollapsibleCommonProps {\n label: string;\n}\n\nexport interface CollapsibleRenderLabelProps extends CollapsibleCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n ({ contentLeft, contentRight, collapsed = false, ...props }, ref) => (\n <MenuButton\n ref={ref}\n expandable\n expanded={!collapsed}\n selected={!collapsed}\n left={contentLeft}\n right={contentRight}\n {...props}\n />\n ),\n);\n","import * as React from \"react\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { ReactNode } from \"react\";\n\nexport interface CollapsibleListProps {\n children?: ReactNode;\n}\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = ({\n children,\n}) => {\n return <Column gap={1}>{children}</Column>;\n};\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport type CollapsibleWithCheckboxProps =\n | CollapsibleWithCheckboxLabelProps\n | CollapsibleWithCheckboxRenderLabelProps;\n\nexport interface CollapsibleWithCheckboxCommonProps\n extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n Pick<\n CheckboxProps,\n \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n > {\n checkboxDisabled?: CheckboxProps[\"disabled\"];\n}\n\nexport interface CollapsibleWithCheckboxLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n label: string;\n}\n\nexport interface CollapsibleWithCheckboxRenderLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const CollapsibleWithCheckbox: React.FC<\n CollapsibleWithCheckboxProps\n> = ({\n value,\n onValueChange,\n onChange,\n indeterminate,\n checkboxDisabled,\n ...collapsibleProps\n}) => {\n return (\n <Collapsible\n contentLeft={\n <Checkbox\n value={value}\n indeterminate={indeterminate}\n onValueChange={onValueChange}\n onChange={onChange}\n disabled={checkboxDisabled}\n onClick={(ev) => ev.stopPropagation()}\n />\n }\n {...collapsibleProps}\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenuCollapsibleGroupBox.module.css\";\n\nexport interface SidebarMenuCollapsibleGroupBoxProps {\n children?: ReactNode;\n}\n\nexport const SidebarMenuCollapsibleGroupBox: React.FC<\n SidebarMenuCollapsibleGroupBoxProps\n> = ({ children }) => {\n return (\n <div className={styles.sidebarMenuCollapsibleGroupBox}>{children}</div>\n );\n};\n","import { Box, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\n\nexport interface CollapsibleGroupHeadingProps {\n children: string;\n}\n\nexport const CollapsibleGroupHeading: React.FC<\n CollapsibleGroupHeadingProps\n> = ({ children }) => (\n <Box spacing indent>\n <Text variant={\"overline\"} size={\"smaller\"}>\n {children}\n </Text>\n </Box>\n);\n","import { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon, stenaMail } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface CollapsibleEmptyContentProps {\n text?: string;\n}\n\nexport const CollapsibleEmptyContent: React.FC<\n CollapsibleEmptyContentProps\n> = ({ text = \"No content\" }) => {\n return (\n <Column indent spacing flex={1} alignItems={\"center\"}>\n <Icon icon={stenaMail} color={cssColor(\"--lhds-color-ui-500\")} />\n <Space />\n <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n {text}\n </Text>\n </Column>\n );\n};\n","import {\n Box,\n Column,\n Heading,\n HeadingProps,\n Space,\n Text,\n} from \"@stenajs-webui/core\";\nimport {\n Card,\n CardBody,\n CardProps,\n CircledIcon,\n stenaTripFerryXl,\n XlIcon,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\nexport interface ErrorPanelProps extends CardProps, PropsWithChildren {\n text?: string;\n heading?: string;\n buttons?: ReactNode;\n icon?: XlIcon;\n headingLevel?: HeadingProps[\"as\"];\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n text,\n heading,\n children,\n buttons,\n icon = stenaTripFerryXl,\n headingLevel = \"h3\",\n ...cardProps\n}) => {\n const activeText =\n !text && !heading ? \"Something unexpected happened.\" : text;\n\n return (\n <Card {...cardProps}>\n <CardBody>\n <Column spacing={1} gap={3} alignItems={\"center\"}>\n <Column alignItems={\"center\"}>\n <Space num={1} />\n <CircledIcon icon={icon} size={\"xl\"} />\n </Column>\n {heading && <Heading as={headingLevel}>{heading}</Heading>}\n {activeText && <Text>{activeText}</Text>}\n {children}\n {buttons && (\n <Box>\n <Space num={2} />\n {buttons}\n </Box>\n )}\n </Column>\n </CardBody>\n </Card>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <ErrorPanel {...props} />\n </Box>\n );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n text = \"Loading...\",\n}) => {\n return (\n <Box alignItems={\"center\"}>\n <Spinner size={\"small\"} />\n <Space num={4} />\n <Heading variant={\"h4\"}>{text}</Heading>\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <LoadingPanel {...props} />\n </Box>\n );\n};\n","import { Box, Row, Space } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface PageHeaderProps {\n renderBreadCrumbs?: () => ReactNode;\n renderPageHeading?: () => ReactNode;\n renderTabs?: () => ReactNode;\n children?: ReactNode;\n}\n\nexport const PageHeader: React.FC<PageHeaderProps> = ({\n renderBreadCrumbs,\n renderPageHeading,\n renderTabs,\n children,\n}) => {\n return (\n <Box shadow={\"bottom\"} background={cssColor(\"--lhds-color-ui-50\")} gap={2}>\n <Box indent={3}>\n {renderBreadCrumbs && (\n <Row spacing={1} alignItems={\"center\"}>\n <Row width={\"64px\"} height={\"16px\"} />\n {renderBreadCrumbs()}\n </Row>\n )}\n {renderPageHeading?.()}\n {renderTabs && <Space />}\n {renderTabs?.()}\n </Box>\n {children}\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { BoxProps, Row } from \"@stenajs-webui/core\";\n\nexport interface PageHeaderRowProps extends BoxProps {}\n\nexport const PageHeaderRow: React.FC<PageHeaderRowProps> = (props) => (\n <Row indent={3} spacing {...props} />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\n\nexport type PageHeadingVariant = \"compact\" | \"standard\" | \"relaxed\";\n\ninterface PageHeadingProps {\n icon?: MediumIcon;\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n heading: string;\n headingLevel?: HeadingVariant;\n variant?: PageHeadingVariant;\n}\n\nexport const PageHeading: React.FC<PageHeadingProps> = ({\n icon,\n heading,\n headingLevel = \"h2\",\n contentLeft,\n contentRight,\n}) => (\n <Row alignItems={\"center\"} gap={2} height={\"64px\"}>\n <Row alignItems={\"center\"}>\n <Row width={\"64px\"} alignItems={\"center\"}>\n {icon && <CircledIcon icon={icon} />}\n </Row>\n <Heading variant={\"h3\"} as={headingLevel}>\n {heading}\n </Heading>\n </Row>\n <Row alignItems={\"center\"}>{contentLeft}</Row>\n <Row style={{ marginLeft: \"auto\" }} alignItems={\"center\"}>\n {contentRight}\n </Row>\n </Row>\n);\n","import * as React from \"react\";\nimport styles from \"./SidebarMenuCloseButtonRow.module.css\";\nimport { ButtonElementProps, Column, Row, Space } from \"@stenajs-webui/core\";\nimport { CloseButton, StenaFlag } from \"@stenajs-webui/elements\";\n\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SidebarMenuCloseButtonRowProps extends ButtonElementProps {}\n\nexport const SidebarMenuCloseButtonRow: React.FC<\n SidebarMenuCloseButtonRowProps\n> = ({ onClick }) => {\n return (\n <Column background={cssColor(\"--lhds-color-ui-50\")}>\n <Space />\n <Row\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n flex={1}\n indent={1}\n minHeight={\"48px\"}\n >\n <CloseButton onClick={onClick} />\n <StenaFlag className={styles.stenaFlag} />\n </Row>\n </Column>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButton,\n MenuButtonProps,\n stenaAngleLeftDouble,\n stenaPin,\n} from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuPinButtonProps {\n isPinned?: boolean;\n label?: string;\n onClick?: MenuButtonProps[\"onClick\"];\n}\n\nexport const SidebarMenuPinButton: React.FC<SidebarMenuPinButtonProps> = ({\n isPinned,\n onClick,\n label,\n}) => {\n const pinLabel = isPinned ? \"Unpin menu\" : \"Pin menu\";\n const activeLabel = label ?? pinLabel;\n const activeIcon = isPinned ? stenaAngleLeftDouble : stenaPin;\n\n return (\n <MenuButton onClick={onClick} label={activeLabel} leftIcon={activeIcon} />\n );\n};\n","import { Box, BoxProps, Column, Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n SidebarMenuCloseButtonRow,\n SidebarMenuCloseButtonRowProps,\n} from \"./SidebarMenuCloseButtonRow\";\nimport { SidebarMenuPinButton } from \"./SidebarMenuPinButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n onCloseClick?: SidebarMenuCloseButtonRowProps[\"onClick\"];\n pinButtonVisible?: boolean;\n isPinned?: boolean;\n bottomItems?: ReactNode;\n onClickPinButton?: () => void;\n}\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n className,\n children,\n onCloseClick,\n pinButtonVisible,\n onClickPinButton,\n bottomItems,\n isPinned,\n ...boxProps\n}) => {\n return (\n <Box {...boxProps} className={cx(styles.sidebarMenu, className)}>\n <SidebarMenuCloseButtonRow onClick={onCloseClick} />\n <Box className={styles.scrollContainer}>\n <Column\n className={styles.sidebarItems}\n justifyContent={\"space-between\"}\n flex={1}\n gap={1}\n indent={1}\n >\n <Column gap={1}>{children}</Column>\n {(bottomItems || pinButtonVisible) && (\n <Column gap={1}>\n {bottomItems}\n {pinButtonVisible && (\n <SidebarMenuPinButton\n isPinned={isPinned}\n onClick={onClickPinButton}\n />\n )}\n <Space />\n </Column>\n )}\n </Column>\n </Box>\n </Box>\n );\n};\n","import { createContext, useContext } from \"react\";\n\nexport const RailContext = createContext<boolean | undefined>(false);\n\nexport const useRailContext = () => useContext(RailContext);\n","import * as React from \"react\";\nimport { IconMenuButton, IconMenuButtonProps } from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuButtonProps = IconMenuButtonProps & { label: string };\n\nexport const RailMenuButton: React.FC<RailMenuButtonProps> = ({\n label,\n ...menuButtonLinkProps\n}) => {\n const label2 =\n ' <Tooltip label={label2} placement={\"right\"} visible>\\n' +\n \" <IconMenuButton {...menuButtonLinkProps} />\\n\" +\n \" </Tooltip>\\n\";\n\n return (\n <Tooltip label={label + label2} placement={\"right\"} visible>\n <IconMenuButton {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column } from \"@stenajs-webui/core\";\nimport { RailContext } from \"./RailContext\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport {\n IconMenuButton,\n stenaAngleLeftDouble,\n stenaHamburger,\n} from \"@stenajs-webui/elements\";\nimport { RailMenuButton } from \"../items/RailMenuButton\";\n\ninterface SidebarRailMenuProps {\n closeButtonVisible?: boolean;\n onClickCloseButton?: () => void;\n onClickMenuButton?: () => void;\n children?: ReactNode;\n bottomItems?: ReactNode;\n closeButtonTitle?: string;\n}\n\nexport const SidebarRailMenu: React.FC<SidebarRailMenuProps> = ({\n closeButtonVisible,\n onClickCloseButton,\n onClickMenuButton,\n children,\n bottomItems,\n closeButtonTitle = \"Unpin menu\",\n}) => {\n return (\n <Box\n position={\"fixed\"}\n left={0}\n top={0}\n bottom={0}\n indent={0.5}\n spacing={1}\n gap={1}\n shadow={\"popover\"}\n background={cssColor(\"--lhds-color-ui-50\")}\n >\n <IconMenuButton onClick={onClickMenuButton} icon={stenaHamburger} />\n <Column justifyContent={\"space-between\"} flex={1} gap={1}>\n <Column gap={1}>\n <RailContext.Provider value={true}>{children}</RailContext.Provider>\n </Column>\n <Column gap={1}>\n {(bottomItems || closeButtonVisible) && (\n <RailContext.Provider value={true}>\n {bottomItems}\n {closeButtonVisible && (\n <RailMenuButton\n icon={stenaAngleLeftDouble}\n label={closeButtonTitle}\n onClick={onClickCloseButton}\n />\n )}\n </RailContext.Provider>\n )}\n </Column>\n </Column>\n </Box>\n );\n};\n","import { Box, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { useRailContext } from \"../rail/RailContext\";\n\nexport interface SidebarMenuHeadingProps {\n label: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n label,\n}) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return null;\n }\n\n return (\n <Box height={\"32px\"} justifyContent={\"center\"} indent={1}>\n <Space />\n <Text variant={\"overline\"} size={\"smaller\"}>\n {label}\n </Text>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport {\n IconMenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const RailMenuLink: React.FC<RailMenuLinkProps> = ({\n label,\n leftIcon,\n ...menuButtonLinkProps\n}) => {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <Tooltip label={label} placement={\"right\"}>\n <IconMenuButtonLink icon={leftIcon} {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuLink } from \"./RailMenuLink\";\n\nexport type SidebarMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = (props) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return <RailMenuLink {...props} />;\n }\n\n return <MenuButtonLink {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Box } from \"@stenajs-webui/core\";\nimport { SidebarMenuHeading } from \"./SidebarMenuHeading\";\nimport { RailContext } from \"../rail/RailContext\";\nimport { IconMenuButton } from \"@stenajs-webui/elements\";\n\nexport interface RailMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n icon: IconDefinition;\n children?: ReactNode;\n popupMinWidth?: string;\n}\n\nexport const RailMenuCollapsible: React.FC<RailMenuCollapsibleProps> = ({\n children,\n label,\n icon,\n popupMinWidth = \"200px\",\n}) => {\n return (\n <Popover\n renderTrigger={(props) => <IconMenuButton icon={icon} {...props} />}\n placement={\"right-start\"}\n trigger={[\"hover\", \"focus\"]}\n disablePadding\n >\n <Box\n minWidth={popupMinWidth}\n shadow={\"popover\"}\n spacing={1}\n indent={1}\n gap={2}\n >\n <RailContext.Provider value={false}>\n <SidebarMenuHeading label={label} />\n {children}\n </RailContext.Provider>\n </Box>\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode, useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuCollapsible } from \"./RailMenuCollapsible\";\nimport { SidebarMenuCollapsibleGroupBox } from \"./SidebarMenuCollapsibleGroupBox\";\n\nexport interface SidebarMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n leftIcon?: IconDefinition;\n children?: ReactNode;\n className?: string;\n initialExpand?: boolean;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n children,\n label,\n leftIcon,\n className,\n initialExpand = false,\n}) => {\n const [expanded, setExpanded] = useState<boolean>(initialExpand);\n\n const isRail = useRailContext();\n\n if (isRail) {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <RailMenuCollapsible label={label} icon={leftIcon}>\n {children}\n </RailMenuCollapsible>\n );\n }\n return (\n <MenuButton\n label={label}\n onClick={() => setExpanded(!expanded)}\n leftIcon={leftIcon}\n className={className}\n expandable\n expanded={expanded}\n selected={expanded}\n >\n <SidebarMenuCollapsibleGroupBox>\n {children}\n </SidebarMenuCollapsibleGroupBox>\n </MenuButton>\n );\n};\n","import { SeparatorLine, SeparatorLineProps } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n separatorLineProps,\n) => (\n <SeparatorLine\n color={cssColor(\"--lhds-color-ui-400\")}\n {...separatorLineProps}\n />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Row, Space, Text } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectedItemsActionsPanelProps {\n numItemsSelected?: number;\n label?: ReactNode | string;\n afterLabelContent?: ReactNode;\n rightContent?: ReactNode;\n}\n\nexport const SelectedItemsActionsPanel: React.FC<\n SelectedItemsActionsPanelProps\n> = ({ numItemsSelected, label, afterLabelContent, rightContent }) => (\n <Row\n indent={3}\n spacing\n gap={3}\n minHeight={\"56px\"}\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n background={cssColor(\"--silver-lighter\")}\n flex={1}\n borderRadius={\"var(--swui-border-radius)\"}\n >\n <Row alignItems={\"center\"} gap={2}>\n {numItemsSelected != null || label != null ? (\n <Row alignItems={\"center\"}>\n {numItemsSelected != null ? (\n <>\n <Text>{numItemsSelected}</Text>\n <Space />\n <Text>item{numItemsSelected === 1 ? \"\" : \"s\"} selected</Text>\n </>\n ) : label != null ? (\n <>{typeof label === \"string\" ? <Text>{label}</Text> : label}</>\n ) : null}\n </Row>\n ) : null}\n {afterLabelContent && <Row>{afterLabelContent}</Row>}\n </Row>\n <Row gap={2}>{rightContent}</Row>\n </Row>\n);\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\n\nexport interface SelectedItemsActionsPaddingProps extends PropsWithChildren {}\n\nexport const SelectedItemsActionsPadding: React.FC<\n SelectedItemsActionsPaddingProps\n> = ({ children }) => {\n return (\n <Row spacing={0.5} indent={0.5} flex={1}>\n {children}\n </Row>\n );\n};\n"],"names":["ActionMenuButton","renderItems","placement","Button","rightIcon","stenaAngleDown","menuWidth","menuTop","onClick","disableArrow","buttonRef","appendTo","zIndex","buttonProps","isOpen","open","close","toggle","useBoolean","fallbackRef","useRef","ref","contextValue","useMemo","handleClick","event","jsx","Fragment","ControlledPopover","props","ActionMenu","ActionMenuContext","ActionMenuPrimaryButton","PrimaryButton","ActionMenuSecondaryButton","SecondaryButton","ActionMenuFlatButton","FlatButton","border","CheckboxMenu","renderMenu","checkboxProps","Popover","Row","jsxs","Checkbox","Indent","onRequestClose","Column","NavBarSideMenuButton","className","stenaHamburger","NavBar","left","showMenuButton","children","right","center","onClickMenuButton","currentFlex","cx","styles","React","child","index","NavBarButton","forwardRef","selected","NavBarHeading","headingProps","Heading","NavBarPopoverButton","content","navBarButtonProps","Box","NavBarNotificationButton","count","unread","labelClassName","iconClassName","icon","stenaBellFilled","hasCount","BaseButton","NavBarSearchField","placeholder","wrapperClassName","showClearButton","onClickClearButton","value","textInputProps","TextInput","TextInputButton","stenaTimes","NavBarUserButton","username","initials","stenaUserCircle","responsiveIconOnly","UnreadDot","NotificationHeader","text","timestamp","iconAriaLabel","contentLeft","contentRight","onClose","variant","iconBackgroundColor","circledIcon","CircledIcon","getIconBgColorFromVariant","Text","cssColor","CloseButton","Notification","headerProps","NotificationList","Toast","onClickAriaLabel","width","maxWidth","Space","Collapsible","collapsed","MenuButton","CollapsibleList","CollapsibleWithCheckbox","onValueChange","onChange","indeterminate","checkboxDisabled","collapsibleProps","ev","SidebarMenuCollapsibleGroupBox","CollapsibleGroupHeading","CollapsibleEmptyContent","Icon","stenaMail","ErrorPanel","heading","buttons","stenaTripFerryXl","headingLevel","cardProps","activeText","Card","CardBody","ErrorScreen","LoadingPanel","Spinner","LoadingScreen","PageHeader","renderBreadCrumbs","renderPageHeading","renderTabs","PageHeaderRow","PageHeading","SidebarMenuCloseButtonRow","StenaFlag","SidebarMenuPinButton","isPinned","label","stenaAngleLeftDouble","stenaPin","SidebarMenu","onCloseClick","pinButtonVisible","onClickPinButton","bottomItems","boxProps","RailContext","createContext","useRailContext","useContext","RailMenuButton","menuButtonLinkProps","Tooltip","IconMenuButton","SidebarRailMenu","closeButtonVisible","onClickCloseButton","closeButtonTitle","SidebarMenuHeading","RailMenuLink","leftIcon","IconMenuButtonLink","SidebarMenuLink","MenuButtonLink","RailMenuCollapsible","popupMinWidth","SidebarMenuCollapsible","initialExpand","expanded","setExpanded","useState","SidebarMenuSeparator","separatorLineProps","SeparatorLine","SelectedItemsActionsPanel","numItemsSelected","afterLabelContent","rightContent","SelectedItemsActionsPadding"],"mappings":"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"}
1
+ {"version":3,"file":"index.es.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarNotificationButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/nav-bar/NavBarUserButton.tsx","../src/components/notifications/UnreadDot.tsx","../src/components/notifications/NotificationHeader.tsx","../src/components/notifications/Notification.tsx","../src/components/notifications/NotificationList.tsx","../src/components/notifications/Toast.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleList.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsibleGroupBox.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/page-header/PageHeader.tsx","../src/components/page-header/PageHeaderRow.tsx","../src/components/page-header/PageHeading.tsx","../src/components/sidebar-menu/SidebarMenuCloseButtonRow.tsx","../src/components/sidebar-menu/SidebarMenuPinButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/rail/RailContext.ts","../src/components/sidebar-menu/items/RailMenuButton.tsx","../src/components/sidebar-menu/rail/SidebarRailMenu.tsx","../src/components/sidebar-menu/items/SidebarMenuHeading.tsx","../src/components/sidebar-menu/items/RailMenuLink.tsx","../src/components/sidebar-menu/items/SidebarMenuLink.tsx","../src/components/sidebar-menu/items/RailMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuSeparator.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPanel.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPadding.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, RefObject, useMemo, useRef } from \"react\";\nimport {\n ActionMenu,\n ActionMenuContext,\n ActionMenuProps,\n FlatButton,\n PrimaryButton,\n PrimaryButtonProps,\n SecondaryButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n PopoverProps,\n} from \"@stenajs-webui/tooltip\";\n\nexport interface ActionMenuButtonProps\n extends Omit<\n PrimaryButtonProps,\n \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n > {\n /** The content of the Action Menu. */\n renderItems: (close: () => void) => ReactNode;\n /** The placement of the Action Menu. */\n placement?: PopoverProps[\"placement\"];\n /** Z-index of the Action Menu */\n zIndex?: number;\n /** Portal target, HTML element. If not set, portal is not used. */\n appendTo?: ControlledPopoverProps[\"appendTo\"];\n menuWidth?: ActionMenuProps[\"width\"];\n menuTop?: ActionMenuProps[\"top\"];\n buttonComponent:\n | typeof PrimaryButton\n | typeof SecondaryButton\n | typeof FlatButton;\n disableArrow?: boolean;\n buttonRef?: RefObject<HTMLButtonElement | null>;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n renderItems,\n placement = \"bottom\",\n buttonComponent: Button,\n rightIcon = stenaAngleDown,\n menuWidth,\n menuTop,\n onClick,\n disableArrow = false,\n buttonRef,\n appendTo,\n zIndex,\n ...buttonProps\n}) => {\n const [isOpen, open, close, toggle] = useBoolean(false);\n\n const fallbackRef = useRef<HTMLButtonElement>(null);\n const ref = buttonRef ?? fallbackRef;\n\n const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n ) => {\n onClick?.(event);\n toggle();\n };\n\n return (\n <>\n <ControlledPopover\n renderTrigger={(props) => (\n <Button\n rightIcon={disableArrow ? undefined : rightIcon}\n {...buttonProps}\n ref={ref}\n onClick={handleClick}\n {...props}\n />\n )}\n hideArrow\n disablePadding\n open={isOpen}\n onRequestClose={close}\n placement={placement}\n appendTo={appendTo}\n zIndex={zIndex}\n >\n {isOpen && (\n <ActionMenu width={menuWidth} top={menuTop} trapFocus>\n <ActionMenuContext.Provider value={contextValue}>\n {renderItems(close)}\n </ActionMenuContext.Provider>\n </ActionMenu>\n )}\n </ControlledPopover>\n </>\n );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<\n ActionMenuSecondaryButtonProps\n> = (props) => {\n return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Column, Indent, Row } from \"@stenajs-webui/core\";\nimport {\n ActionMenu,\n FlatButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n renderMenu,\n ...checkboxProps\n}) => {\n return (\n <Popover\n trigger={\"click\"}\n renderTrigger={(props) => (\n <Row>\n <Row\n spacing={0.5}\n indent\n alignItems={\"center\"}\n border={border}\n borderRadius={\"4px\"}\n >\n <Checkbox {...checkboxProps} />\n <Indent num={0.5} />\n <FlatButton size={\"small\"} leftIcon={stenaAngleDown} {...props} />\n </Row>\n </Row>\n )}\n hideArrow\n disablePadding\n placement={\"bottom-start\"}\n >\n {({ onRequestClose }) => (\n <Column>\n <ActionMenu>{renderMenu(onRequestClose)}</ActionMenu>\n </Column>\n )}\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { FlatButton, stenaHamburger } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <FlatButton\n leftIcon={stenaHamburger}\n className={className}\n onClick={onClick}\n />\n );\n};\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n NavBarSideMenuButton,\n SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\n\nexport type NavBarVariant = \"compact\" | \"standard\" | \"relaxed\";\n\nexport interface NavBarProps {\n className?: string;\n showMenuButton?: boolean;\n onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n right?: ReactNode;\n center?: ReactNode;\n left?: ReactNode;\n variant?: NavBarVariant;\n children?: ReactNode;\n}\n\nexport const NavBar: React.FC<NavBarProps> = ({\n left,\n className,\n showMenuButton = false,\n children,\n right,\n center,\n onClickMenuButton,\n}) => {\n const currentFlex = center ? 1 : undefined;\n return (\n <Row\n justifyContent={\"space-between\"}\n className={cx(styles.navBar, className)}\n >\n <Row\n flex={currentFlex}\n justifyContent={\"flex-start\"}\n alignItems={\"center\"}\n >\n <Row width={\"86px\"} alignItems={\"center\"}>\n <Indent />\n {showMenuButton && (\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n )}\n </Row>\n\n {left && (\n <>\n {left}\n <Indent num={2} />\n </>\n )}\n {children && (\n <>\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {React.Children.map(children, (child, index) => (\n <>\n {index > 0 && <Indent />}\n {child}\n </>\n ))}\n </Row>\n </>\n )}\n </Row>\n {center && (\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {center}\n </Row>\n )}\n <Row justifyContent={\"flex-end\"} alignItems={\"center\"} flex={currentFlex}>\n {right}\n <Indent num={2} />\n </Row>\n </Row>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n selected?: boolean;\n}\n\nexport const NavBarButton = forwardRef<HTMLButtonElement, NavBarButtonProps>(\n function ({ selected, className, ...buttonProps }, ref) {\n return (\n <FlatButton\n {...buttonProps}\n ref={ref}\n className={cx(\n styles.navBarButton,\n selected && styles.selected,\n className,\n )}\n />\n );\n },\n);\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n return (\n <Heading whiteSpace={\"nowrap\"} variant={\"h4\"} as={\"h1\"} {...headingProps} />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n} from \"@stenajs-webui/tooltip\";\nimport { Box, useBoolean } from \"@stenajs-webui/core\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n extends Omit<NavBarButtonProps, \"onClick\" | \"content\">,\n Pick<ControlledPopoverProps, \"zIndex\" | \"appendTo\"> {\n content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n content,\n children,\n appendTo,\n zIndex,\n ...navBarButtonProps\n}) => {\n const [isOpen, , close, toggle] = useBoolean(false);\n\n return (\n <ControlledPopover\n renderTrigger={(props) => (\n <NavBarButton {...navBarButtonProps} {...props} onClick={toggle} />\n )}\n open={isOpen}\n onRequestClose={close}\n zIndex={zIndex}\n appendTo={appendTo}\n >\n <Box>\n {content && content({ close })}\n {children}\n </Box>\n </ControlledPopover>\n );\n};\n","import {\n BaseButton,\n FlatButtonProps,\n stenaBellFilled,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarNotificationButton.module.css\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface NavBarNotificationButtonProps\n extends Omit<FlatButtonProps, \"leftIcon\" | \"rightIcon\" | \"label\"> {\n count: number;\n unread: boolean;\n icon?: IconDefinition;\n}\n\nexport const NavBarNotificationButton = forwardRef<\n HTMLButtonElement,\n NavBarNotificationButtonProps\n>(function (\n {\n count,\n unread = false,\n className,\n labelClassName,\n iconClassName,\n icon = stenaBellFilled,\n ...buttonProps\n },\n ref,\n) {\n const hasCount = count > 1;\n\n return (\n <BaseButton\n {...buttonProps}\n ref={ref}\n leftIcon={icon}\n className={cx(\n styles.navBarNotificationButton,\n unread && styles.unread,\n hasCount && styles.hasCount,\n className,\n )}\n label={hasCount ? String(count) : undefined}\n labelClassName={cx(labelClassName, styles.label)}\n iconClassName={cx(iconClassName, styles.icon)}\n />\n );\n});\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { stenaTimes, TextInputButton } from \"@stenajs-webui/elements\";\n\nexport interface NavBarSearchFieldProps extends TextInputProps {\n showClearButton?: boolean;\n onClickClearButton?: ButtonElementProps[\"onClick\"];\n}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n placeholder = \"Search\",\n className,\n wrapperClassName,\n showClearButton,\n onClickClearButton,\n value,\n ...textInputProps\n}) => {\n return (\n <TextInput\n wrapperClassName={cx(\n styles.navBarSearchFieldWrapper,\n showClearButton ? styles.withButton : undefined,\n wrapperClassName,\n )}\n className={cx(styles.navBarSearchFieldInput, className)}\n placeholder={placeholder}\n value={value}\n buttonRight={\n value && showClearButton ? (\n <TextInputButton\n className={styles.clearButton}\n icon={stenaTimes}\n variant={\"error\"}\n onClick={onClickClearButton}\n />\n ) : undefined\n }\n {...textInputProps}\n />\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaUserCircle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport {\n ActionMenuFlatButton,\n ActionMenuFlatButtonProps,\n} from \"../action-menu-button/ActionMenuFlatButton\";\nimport styles from \"./NavBarUserButton.module.css\";\n\nexport interface NavBarUserButtonProps\n extends Omit<ActionMenuFlatButtonProps, \"label\" | \"leftIcon\" | \"rightIcon\"> {\n username?: string;\n initials?: string;\n icon?: IconDefinition;\n}\n\nexport const NavBarUserButton: React.FC<NavBarUserButtonProps> = ({\n className,\n username,\n initials,\n icon = stenaUserCircle,\n responsiveIconOnly = initials == null,\n ...buttonProps\n}) => {\n return (\n <ActionMenuFlatButton\n {...buttonProps}\n className={cx(styles.navBarUserButton, className)}\n leftIcon={username != null ? icon : undefined}\n label={initials ?? username}\n forceRound={initials != null}\n responsiveIconOnly={responsiveIconOnly}\n disableArrow\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./UnreadDot.module.css\";\n\nexport interface UnreadDotProps {\n children: ReactNode;\n}\n\nexport const UnreadDot: React.FC<UnreadDotProps> = ({ children }) => {\n return (\n <div className={styles.unreadDot}>\n {children}\n <div className={styles.dot} />\n </div>\n );\n};\n","import { Box, Row, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { CircledIcon, CloseButton, MediumIcon } from \"@stenajs-webui/elements\";\nimport { cssColor, CssPropColor } from \"@stenajs-webui/theme\";\nimport { UnreadDot } from \"./UnreadDot\";\nimport { NotificationVariant } from \"./Notification\";\n\nexport interface NotificationHeaderProps {\n /** Text. */\n text: string;\n /** Timestamp. */\n timestamp?: string;\n /** Icon. */\n icon?: MediumIcon;\n /** Icon description for accessibility. */\n iconAriaLabel?: string;\n /** Left content instead of icon. */\n contentLeft?: React.ReactNode;\n /** Right content. */\n contentRight?: React.ReactNode;\n /** What happens on clicking close. */\n onClose?: () => void;\n /** Mark the notification as unread */\n unread?: boolean;\n /** Notification variant. Will affect icon bg color */\n variant?: NotificationVariant;\n /** Icon background color. Will override other icon bg color */\n iconBackgroundColor?: CssPropColor;\n}\n\nexport const NotificationHeader: React.FC<NotificationHeaderProps> = ({\n text,\n timestamp,\n icon,\n iconAriaLabel,\n contentLeft,\n contentRight,\n onClose,\n unread = false,\n variant,\n iconBackgroundColor,\n}) => {\n const circledIcon = icon ? (\n <CircledIcon\n size={\"small\"}\n icon={icon}\n aria-label={iconAriaLabel}\n backgroundColor={\n iconBackgroundColor\n ? iconBackgroundColor\n : getIconBgColorFromVariant(unread, variant)\n }\n />\n ) : undefined;\n\n return (\n <Row alignItems={\"flex-start\"} indent={2} spacing>\n <Row spacing gap={2} flex={1} alignItems={\"flex-start\"}>\n {contentLeft && (\n <Box minHeight={20} justifyContent={\"center\"}>\n {contentLeft}\n </Box>\n )}\n {!contentLeft &&\n circledIcon &&\n (unread ? <UnreadDot>{circledIcon}</UnreadDot> : circledIcon)}\n <Box minHeight={20} justifyContent={\"center\"} flex={1} gap={0.5}>\n <Text variant={\"bold\"}>{text}</Text>\n {timestamp && (\n <Text\n size={\"small\"}\n color={cssColor(\n unread ? \"--lhds-color-blue-600\" : \"--lhds-color-ui-600\",\n )}\n >\n {timestamp}\n </Text>\n )}\n </Box>\n {contentRight}\n </Row>\n {onClose && (\n <Box\n flex={\"none\"}\n justifyContent={\"center\"}\n height={\"calc(20px + 2 * var(--swui-metrics-spacing))\"}\n >\n <CloseButton onClick={onClose} />\n </Box>\n )}\n </Row>\n );\n};\n\nexport const getIconBgColorFromVariant = (\n unread: boolean,\n variant?: NotificationVariant,\n): CssPropColor | undefined => {\n if (!unread && variant === \"standard\") {\n return undefined;\n }\n return \"--lhds-color-ui-50\";\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\nimport styles from \"./Notification.module.css\";\nimport cx from \"classnames\";\n\nexport type NotificationVariant = \"standard\" | \"danger\";\n\nexport interface NotificationProps extends NotificationHeaderProps {\n children?: ReactNode;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n variant = \"standard\",\n children,\n unread,\n ...headerProps\n}) => (\n <div\n className={cx(\n styles.notification,\n styles[variant],\n unread && styles.unread,\n )}\n >\n <NotificationHeader {...headerProps} unread={unread} variant={variant} />\n {children && <Column className={styles.body}>{children}</Column>}\n </div>\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./NotificationList.module.css\";\n\nexport interface NotificationListProps {\n children?: ReactNode;\n}\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n children,\n}) => {\n return (\n <div className={styles.notificationList}>\n {children}\n <div />\n </div>\n );\n};\n","import { Box, BoxProps, Space } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\nimport styles from \"./Toast.module.css\";\nimport cx from \"classnames\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\n\nexport interface ToastProps\n extends Pick<BoxProps, \"children\" | \"width\" | \"maxWidth\">,\n Omit<NotificationHeaderProps, \"contentRight\"> {\n /** What happens on clicking the toast. */\n onClick?: () => void;\n /** Description of what happens on clicking the toast for accessibility. */\n onClickAriaLabel?: string;\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n onClick,\n onClickAriaLabel,\n children,\n width = 264,\n maxWidth,\n ...headerProps\n}) => (\n <Box\n borderRadius={8}\n background={cssColor(\"--lhds-color-ui-50\")}\n shadow={\"popover\"}\n width={width}\n maxWidth={maxWidth}\n role={\"alert\"}\n position={\"relative\"}\n >\n <Box className={cx({ [styles.nonClickable]: onClick })}>\n <NotificationHeader {...headerProps} />\n </Box>\n {children && (\n <Box indent={3} className={cx({ [styles.nonClickable]: onClick })}>\n {children}\n <Space num={2} />\n </Box>\n )}\n {onClick && (\n <button\n onClick={onClick}\n className={styles.clickable}\n aria-label={onClickAriaLabel}\n ></button>\n )}\n </Box>\n);\n","import { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef, ReactNode } from \"react\";\n\nexport type CollapsibleProps =\n | CollapsibleLabelProps\n | CollapsibleRenderLabelProps;\n\nexport interface CollapsibleCommonProps\n extends Omit<ButtonElementProps, \"value\"> {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n collapsed?: boolean;\n}\n\nexport interface CollapsibleLabelProps extends CollapsibleCommonProps {\n label: string;\n}\n\nexport interface CollapsibleRenderLabelProps extends CollapsibleCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n ({ contentLeft, contentRight, collapsed = false, ...props }, ref) => (\n <MenuButton\n ref={ref}\n expandable\n expanded={!collapsed}\n selected={!collapsed}\n left={contentLeft}\n right={contentRight}\n {...props}\n />\n ),\n);\n","import * as React from \"react\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { ReactNode } from \"react\";\n\nexport interface CollapsibleListProps {\n children?: ReactNode;\n}\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = ({\n children,\n}) => {\n return <Column gap={1}>{children}</Column>;\n};\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport type CollapsibleWithCheckboxProps =\n | CollapsibleWithCheckboxLabelProps\n | CollapsibleWithCheckboxRenderLabelProps;\n\nexport interface CollapsibleWithCheckboxCommonProps\n extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n Pick<\n CheckboxProps,\n \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n > {\n checkboxDisabled?: CheckboxProps[\"disabled\"];\n}\n\nexport interface CollapsibleWithCheckboxLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n label: string;\n}\n\nexport interface CollapsibleWithCheckboxRenderLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const CollapsibleWithCheckbox: React.FC<\n CollapsibleWithCheckboxProps\n> = ({\n value,\n onValueChange,\n onChange,\n indeterminate,\n checkboxDisabled,\n ...collapsibleProps\n}) => {\n return (\n <Collapsible\n contentLeft={\n <Checkbox\n value={value}\n indeterminate={indeterminate}\n onValueChange={onValueChange}\n onChange={onChange}\n disabled={checkboxDisabled}\n onClick={(ev) => ev.stopPropagation()}\n />\n }\n {...collapsibleProps}\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenuCollapsibleGroupBox.module.css\";\n\nexport interface SidebarMenuCollapsibleGroupBoxProps {\n children?: ReactNode;\n}\n\nexport const SidebarMenuCollapsibleGroupBox: React.FC<\n SidebarMenuCollapsibleGroupBoxProps\n> = ({ children }) => {\n return (\n <div className={styles.sidebarMenuCollapsibleGroupBox}>{children}</div>\n );\n};\n","import { Box, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\n\nexport interface CollapsibleGroupHeadingProps {\n children: string;\n}\n\nexport const CollapsibleGroupHeading: React.FC<\n CollapsibleGroupHeadingProps\n> = ({ children }) => (\n <Box spacing indent>\n <Text variant={\"overline\"} size={\"smaller\"}>\n {children}\n </Text>\n </Box>\n);\n","import { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon, stenaMail } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface CollapsibleEmptyContentProps {\n text?: string;\n}\n\nexport const CollapsibleEmptyContent: React.FC<\n CollapsibleEmptyContentProps\n> = ({ text = \"No content\" }) => {\n return (\n <Column indent spacing flex={1} alignItems={\"center\"}>\n <Icon icon={stenaMail} color={cssColor(\"--lhds-color-ui-500\")} />\n <Space />\n <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n {text}\n </Text>\n </Column>\n );\n};\n","import {\n Box,\n Column,\n Heading,\n HeadingProps,\n Space,\n Text,\n} from \"@stenajs-webui/core\";\nimport {\n Card,\n CardBody,\n CardProps,\n CircledIcon,\n stenaTripFerryXl,\n XlIcon,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\nexport interface ErrorPanelProps extends CardProps, PropsWithChildren {\n text?: string;\n heading?: string;\n buttons?: ReactNode;\n icon?: XlIcon;\n headingLevel?: HeadingProps[\"as\"];\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n text,\n heading,\n children,\n buttons,\n icon = stenaTripFerryXl,\n headingLevel = \"h3\",\n ...cardProps\n}) => {\n const activeText =\n !text && !heading ? \"Something unexpected happened.\" : text;\n\n return (\n <Card {...cardProps}>\n <CardBody>\n <Column spacing={1} gap={3} alignItems={\"center\"}>\n <Column alignItems={\"center\"}>\n <Space num={1} />\n <CircledIcon icon={icon} size={\"xl\"} />\n </Column>\n {heading && <Heading as={headingLevel}>{heading}</Heading>}\n {activeText && <Text>{activeText}</Text>}\n {children}\n {buttons && (\n <Box>\n <Space num={2} />\n {buttons}\n </Box>\n )}\n </Column>\n </CardBody>\n </Card>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <ErrorPanel {...props} />\n </Box>\n );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n text = \"Loading...\",\n}) => {\n return (\n <Box alignItems={\"center\"}>\n <Spinner size={\"small\"} />\n <Space num={4} />\n <Heading variant={\"h4\"}>{text}</Heading>\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <LoadingPanel {...props} />\n </Box>\n );\n};\n","import { Box, Row, Space } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface PageHeaderProps {\n renderBreadCrumbs?: () => ReactNode;\n renderPageHeading?: () => ReactNode;\n renderTabs?: () => ReactNode;\n children?: ReactNode;\n}\n\nexport const PageHeader: React.FC<PageHeaderProps> = ({\n renderBreadCrumbs,\n renderPageHeading,\n renderTabs,\n children,\n}) => {\n return (\n <Box shadow={\"bottom\"} background={cssColor(\"--lhds-color-ui-50\")} gap={2}>\n <Box indent={3}>\n {renderBreadCrumbs && (\n <Row spacing={1} alignItems={\"center\"}>\n <Row width={\"64px\"} height={\"16px\"} />\n {renderBreadCrumbs()}\n </Row>\n )}\n {renderPageHeading?.()}\n {renderTabs && <Space />}\n {renderTabs?.()}\n </Box>\n {children}\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { BoxProps, Row } from \"@stenajs-webui/core\";\n\nexport interface PageHeaderRowProps extends BoxProps {}\n\nexport const PageHeaderRow: React.FC<PageHeaderRowProps> = (props) => (\n <Row indent={3} spacing {...props} />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\n\nexport type PageHeadingVariant = \"compact\" | \"standard\" | \"relaxed\";\n\ninterface PageHeadingProps {\n icon?: MediumIcon;\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n heading: string;\n headingLevel?: HeadingVariant;\n variant?: PageHeadingVariant;\n}\n\nexport const PageHeading: React.FC<PageHeadingProps> = ({\n icon,\n heading,\n headingLevel = \"h2\",\n contentLeft,\n contentRight,\n}) => (\n <Row alignItems={\"center\"} gap={2} height={\"64px\"}>\n <Row alignItems={\"center\"}>\n <Row width={\"64px\"} alignItems={\"center\"}>\n {icon && <CircledIcon icon={icon} />}\n </Row>\n <Heading variant={\"h3\"} as={headingLevel}>\n {heading}\n </Heading>\n </Row>\n <Row alignItems={\"center\"}>{contentLeft}</Row>\n <Row style={{ marginLeft: \"auto\" }} alignItems={\"center\"}>\n {contentRight}\n </Row>\n </Row>\n);\n","import * as React from \"react\";\nimport styles from \"./SidebarMenuCloseButtonRow.module.css\";\nimport { ButtonElementProps, Column, Row, Space } from \"@stenajs-webui/core\";\nimport { CloseButton, StenaFlag } from \"@stenajs-webui/elements\";\n\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SidebarMenuCloseButtonRowProps extends ButtonElementProps {}\n\nexport const SidebarMenuCloseButtonRow: React.FC<\n SidebarMenuCloseButtonRowProps\n> = ({ onClick }) => {\n return (\n <Column background={cssColor(\"--lhds-color-ui-50\")}>\n <Space />\n <Row\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n flex={1}\n indent={1}\n minHeight={\"48px\"}\n >\n <CloseButton onClick={onClick} />\n <StenaFlag className={styles.stenaFlag} />\n </Row>\n </Column>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButton,\n MenuButtonProps,\n stenaAngleLeftDouble,\n stenaPin,\n} from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuPinButtonProps {\n isPinned?: boolean;\n label?: string;\n onClick?: MenuButtonProps[\"onClick\"];\n}\n\nexport const SidebarMenuPinButton: React.FC<SidebarMenuPinButtonProps> = ({\n isPinned,\n onClick,\n label,\n}) => {\n const pinLabel = isPinned ? \"Unpin menu\" : \"Pin menu\";\n const activeLabel = label ?? pinLabel;\n const activeIcon = isPinned ? stenaAngleLeftDouble : stenaPin;\n\n return (\n <MenuButton onClick={onClick} label={activeLabel} leftIcon={activeIcon} />\n );\n};\n","import { Box, BoxProps, Column, Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n SidebarMenuCloseButtonRow,\n SidebarMenuCloseButtonRowProps,\n} from \"./SidebarMenuCloseButtonRow\";\nimport { SidebarMenuPinButton } from \"./SidebarMenuPinButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n onCloseClick?: SidebarMenuCloseButtonRowProps[\"onClick\"];\n pinButtonVisible?: boolean;\n isPinned?: boolean;\n bottomItems?: ReactNode;\n onClickPinButton?: () => void;\n}\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n className,\n children,\n onCloseClick,\n pinButtonVisible,\n onClickPinButton,\n bottomItems,\n isPinned,\n ...boxProps\n}) => {\n return (\n <Box {...boxProps} className={cx(styles.sidebarMenu, className)}>\n <SidebarMenuCloseButtonRow onClick={onCloseClick} />\n <Box className={styles.scrollContainer}>\n <Column\n className={styles.sidebarItems}\n justifyContent={\"space-between\"}\n flex={1}\n gap={1}\n indent={1}\n >\n <Column gap={1}>{children}</Column>\n {(bottomItems || pinButtonVisible) && (\n <Column gap={1}>\n {bottomItems}\n {pinButtonVisible && (\n <SidebarMenuPinButton\n isPinned={isPinned}\n onClick={onClickPinButton}\n />\n )}\n <Space />\n </Column>\n )}\n </Column>\n </Box>\n </Box>\n );\n};\n","import { createContext, useContext } from \"react\";\n\nexport const RailContext = createContext<boolean | undefined>(false);\n\nexport const useRailContext = () => useContext(RailContext);\n","import * as React from \"react\";\nimport { IconMenuButton, IconMenuButtonProps } from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuButtonProps = IconMenuButtonProps & { label: string };\n\nexport const RailMenuButton: React.FC<RailMenuButtonProps> = ({\n label,\n ...menuButtonLinkProps\n}) => {\n return (\n <Tooltip label={label} placement={\"right\"} appendTo={document.body}>\n <IconMenuButton {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column } from \"@stenajs-webui/core\";\nimport { RailContext } from \"./RailContext\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport {\n IconMenuButton,\n stenaAngleLeftDouble,\n stenaHamburger,\n} from \"@stenajs-webui/elements\";\nimport { RailMenuButton } from \"../items/RailMenuButton\";\n\ninterface SidebarRailMenuProps {\n closeButtonVisible?: boolean;\n onClickCloseButton?: () => void;\n onClickMenuButton?: () => void;\n children?: ReactNode;\n bottomItems?: ReactNode;\n closeButtonTitle?: string;\n}\n\nexport const SidebarRailMenu: React.FC<SidebarRailMenuProps> = ({\n closeButtonVisible,\n onClickCloseButton,\n onClickMenuButton,\n children,\n bottomItems,\n closeButtonTitle = \"Unpin menu\",\n}) => {\n return (\n <Box\n position={\"fixed\"}\n left={0}\n top={0}\n bottom={0}\n indent={0.5}\n spacing={1}\n gap={1}\n shadow={\"popover\"}\n background={cssColor(\"--lhds-color-ui-50\")}\n >\n <IconMenuButton onClick={onClickMenuButton} icon={stenaHamburger} />\n <Column justifyContent={\"space-between\"} flex={1} gap={1}>\n <Column gap={1}>\n <RailContext.Provider value={true}>{children}</RailContext.Provider>\n </Column>\n <Column gap={1}>\n {(bottomItems || closeButtonVisible) && (\n <RailContext.Provider value={true}>\n {bottomItems}\n {closeButtonVisible && (\n <RailMenuButton\n icon={stenaAngleLeftDouble}\n label={closeButtonTitle}\n onClick={onClickCloseButton}\n />\n )}\n </RailContext.Provider>\n )}\n </Column>\n </Column>\n </Box>\n );\n};\n","import { Box, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { useRailContext } from \"../rail/RailContext\";\n\nexport interface SidebarMenuHeadingProps {\n label: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n label,\n}) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return null;\n }\n\n return (\n <Box height={\"32px\"} justifyContent={\"center\"} indent={1}>\n <Space />\n <Text variant={\"overline\"} size={\"smaller\"}>\n {label}\n </Text>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport {\n IconMenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const RailMenuLink: React.FC<RailMenuLinkProps> = ({\n label,\n leftIcon,\n ...menuButtonLinkProps\n}) => {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <Tooltip label={label} placement={\"right\"}>\n <IconMenuButtonLink icon={leftIcon} {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuLink } from \"./RailMenuLink\";\n\nexport type SidebarMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = (props) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return <RailMenuLink {...props} />;\n }\n\n return <MenuButtonLink {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Box } from \"@stenajs-webui/core\";\nimport { SidebarMenuHeading } from \"./SidebarMenuHeading\";\nimport { RailContext } from \"../rail/RailContext\";\nimport { IconMenuButton } from \"@stenajs-webui/elements\";\n\nexport interface RailMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n icon: IconDefinition;\n children?: ReactNode;\n popupMinWidth?: string;\n}\n\nexport const RailMenuCollapsible: React.FC<RailMenuCollapsibleProps> = ({\n children,\n label,\n icon,\n popupMinWidth = \"200px\",\n}) => {\n return (\n <Popover\n renderTrigger={(props) => <IconMenuButton icon={icon} {...props} />}\n placement={\"right-start\"}\n trigger={[\"hover\", \"focus\"]}\n disablePadding\n >\n <Box\n minWidth={popupMinWidth}\n shadow={\"popover\"}\n spacing={1}\n indent={1}\n gap={2}\n >\n <RailContext.Provider value={false}>\n <SidebarMenuHeading label={label} />\n {children}\n </RailContext.Provider>\n </Box>\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode, useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuCollapsible } from \"./RailMenuCollapsible\";\nimport { SidebarMenuCollapsibleGroupBox } from \"./SidebarMenuCollapsibleGroupBox\";\n\nexport interface SidebarMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n leftIcon?: IconDefinition;\n children?: ReactNode;\n className?: string;\n initialExpand?: boolean;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n children,\n label,\n leftIcon,\n className,\n initialExpand = false,\n}) => {\n const [expanded, setExpanded] = useState<boolean>(initialExpand);\n\n const isRail = useRailContext();\n\n if (isRail) {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <RailMenuCollapsible label={label} icon={leftIcon}>\n {children}\n </RailMenuCollapsible>\n );\n }\n return (\n <MenuButton\n label={label}\n onClick={() => setExpanded(!expanded)}\n leftIcon={leftIcon}\n className={className}\n expandable\n expanded={expanded}\n selected={expanded}\n >\n <SidebarMenuCollapsibleGroupBox>\n {children}\n </SidebarMenuCollapsibleGroupBox>\n </MenuButton>\n );\n};\n","import { SeparatorLine, SeparatorLineProps } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n separatorLineProps,\n) => (\n <SeparatorLine\n color={cssColor(\"--lhds-color-ui-400\")}\n {...separatorLineProps}\n />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Row, Space, Text } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectedItemsActionsPanelProps {\n numItemsSelected?: number;\n label?: ReactNode | string;\n afterLabelContent?: ReactNode;\n rightContent?: ReactNode;\n}\n\nexport const SelectedItemsActionsPanel: React.FC<\n SelectedItemsActionsPanelProps\n> = ({ numItemsSelected, label, afterLabelContent, rightContent }) => (\n <Row\n indent={3}\n spacing\n gap={3}\n minHeight={\"56px\"}\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n background={cssColor(\"--silver-lighter\")}\n flex={1}\n borderRadius={\"var(--swui-border-radius)\"}\n >\n <Row alignItems={\"center\"} gap={2}>\n {numItemsSelected != null || label != null ? (\n <Row alignItems={\"center\"}>\n {numItemsSelected != null ? (\n <>\n <Text>{numItemsSelected}</Text>\n <Space />\n <Text>item{numItemsSelected === 1 ? \"\" : \"s\"} selected</Text>\n </>\n ) : label != null ? (\n <>{typeof label === \"string\" ? <Text>{label}</Text> : label}</>\n ) : null}\n </Row>\n ) : null}\n {afterLabelContent && <Row>{afterLabelContent}</Row>}\n </Row>\n <Row gap={2}>{rightContent}</Row>\n </Row>\n);\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\n\nexport interface SelectedItemsActionsPaddingProps extends PropsWithChildren {}\n\nexport const SelectedItemsActionsPadding: React.FC<\n SelectedItemsActionsPaddingProps\n> = ({ children }) => {\n return (\n <Row spacing={0.5} indent={0.5} flex={1}>\n {children}\n </Row>\n );\n};\n"],"names":["ActionMenuButton","renderItems","placement","Button","rightIcon","stenaAngleDown","menuWidth","menuTop","onClick","disableArrow","buttonRef","appendTo","zIndex","buttonProps","isOpen","open","close","toggle","useBoolean","fallbackRef","useRef","ref","contextValue","useMemo","handleClick","event","jsx","Fragment","ControlledPopover","props","ActionMenu","ActionMenuContext","ActionMenuPrimaryButton","PrimaryButton","ActionMenuSecondaryButton","SecondaryButton","ActionMenuFlatButton","FlatButton","border","CheckboxMenu","renderMenu","checkboxProps","Popover","Row","jsxs","Checkbox","Indent","onRequestClose","Column","NavBarSideMenuButton","className","stenaHamburger","NavBar","left","showMenuButton","children","right","center","onClickMenuButton","currentFlex","cx","styles","React","child","index","NavBarButton","forwardRef","selected","NavBarHeading","headingProps","Heading","NavBarPopoverButton","content","navBarButtonProps","Box","NavBarNotificationButton","count","unread","labelClassName","iconClassName","icon","stenaBellFilled","hasCount","BaseButton","NavBarSearchField","placeholder","wrapperClassName","showClearButton","onClickClearButton","value","textInputProps","TextInput","TextInputButton","stenaTimes","NavBarUserButton","username","initials","stenaUserCircle","responsiveIconOnly","UnreadDot","NotificationHeader","text","timestamp","iconAriaLabel","contentLeft","contentRight","onClose","variant","iconBackgroundColor","circledIcon","CircledIcon","getIconBgColorFromVariant","Text","cssColor","CloseButton","Notification","headerProps","NotificationList","Toast","onClickAriaLabel","width","maxWidth","Space","Collapsible","collapsed","MenuButton","CollapsibleList","CollapsibleWithCheckbox","onValueChange","onChange","indeterminate","checkboxDisabled","collapsibleProps","ev","SidebarMenuCollapsibleGroupBox","CollapsibleGroupHeading","CollapsibleEmptyContent","Icon","stenaMail","ErrorPanel","heading","buttons","stenaTripFerryXl","headingLevel","cardProps","activeText","Card","CardBody","ErrorScreen","LoadingPanel","Spinner","LoadingScreen","PageHeader","renderBreadCrumbs","renderPageHeading","renderTabs","PageHeaderRow","PageHeading","SidebarMenuCloseButtonRow","StenaFlag","SidebarMenuPinButton","isPinned","label","stenaAngleLeftDouble","stenaPin","SidebarMenu","onCloseClick","pinButtonVisible","onClickPinButton","bottomItems","boxProps","RailContext","createContext","useRailContext","useContext","RailMenuButton","menuButtonLinkProps","Tooltip","IconMenuButton","SidebarRailMenu","closeButtonVisible","onClickCloseButton","closeButtonTitle","SidebarMenuHeading","RailMenuLink","leftIcon","IconMenuButtonLink","SidebarMenuLink","MenuButtonLink","RailMenuCollapsible","popupMinWidth","SidebarMenuCollapsible","initialExpand","expanded","setExpanded","useState","SidebarMenuSeparator","separatorLineProps","SeparatorLine","SelectedItemsActionsPanel","numItemsSelected","afterLabelContent","rightContent","SelectedItemsActionsPadding"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,6 +1,3 @@
1
1
  (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._navBar_kzibd_1{--swui-navbar-background-color: var(--lhds-color-ui-50);--swui-navbar-item-background-color-hover: var(--lhds-color-blue-700);--swui-navbar-item-background-color-selected: var(--lhds-color-blue-600);--swui-navbar-item-background-color-selected-hover: var( --lhds-color-blue-700 );--swui-nav-bar-height: 48px;background-color:var(--swui-navbar-background-color);height:var(--swui-nav-bar-height);min-height:var(--swui-nav-bar-height)}._navBarButton_b3x3w_1:hover{background:var(--lhds-color-ui-100)}._navBarButton_b3x3w_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1:active{background:var(--lhds-color-ui-200)}._navBarButton_b3x3w_1._selected_b3x3w_14{background:var(--lhds-color-blue-200)}._navBarButton_b3x3w_1._selected_b3x3w_14:hover{background:var(--lhds-color-blue-100)}._navBarButton_b3x3w_1._selected_b3x3w_14:focus-visible{background:var(--lhds-color-blue-300)}._navBarButton_b3x3w_1._selected_b3x3w_14:active{background:var(--lhds-color-blue-200)}._navBarNotificationButton_1wt3y_1{--current-background-color: var(--lhds-color-ui-400);--current-outline-color: var(--modern-blue);background-color:var(--current-background-color);border-color:transparent;color:var(--lhds-color-ui-50);--swui-nav-bar-notification-shake-count: 3;transition:.5s width}._navBarNotificationButton_1wt3y_1:hover{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1:active{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23 ._icon_1wt3y_23{transform-origin:top center;animation:_shake_1wt3y_1 1.5s ease-in-out var(--swui-nav-bar-notification-shake-count)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23{--current-background-color: var(--lhds-color-red-500);--current-outline-color: var(--lhds-color-red-500)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:hover{--current-background-color: var(--lhds-color-red-600);--current-outline-color: var(--lhds-color-red-600)}._navBarNotificationButton_1wt3y_1._unread_1wt3y_23:active{--current-background-color: var(--lhds-color-red-700);--current-outline-color: var(--lhds-color-red-700)}._navBarNotificationButton_1wt3y_1:focus-visible{outline:var(--swui-focus-outline);outline-color:var(--current-outline-color);outline-offset:var(--swui-focus-outline-width)}@keyframes _shake_1wt3y_1{0%{transform:rotate(0)}7%{transform:rotate(20deg)}15%{transform:rotate(-20deg)}22%{transform:rotate(16deg)}30%{transform:rotate(-16deg)}38%{transform:rotate(6deg)}42%{transform:rotate(-6deg)}46%{transform:rotate(2deg)}to{transform:rotate(0)}}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{line-height:2.7rem;color:var(--lhds-color-ui-800)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1::placeholder{color:var(--lhds-color-blue-600)}._navBarSearchFieldInput_1rp8g_1._navBarSearchFieldInput_1rp8g_1{padding:0 var(--swui-metrics-indent)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{background:var(--lhds-color-ui-200);border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:hover{border-color:transparent}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12{padding:0 var(--swui-metrics-indent);border-radius:var(--swui-max-border-radius)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12._withButton_1rp8g_24{padding-right:1px}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12:focus-within{color:var(--lhds-color-ui-800);background:var(--lhds-color-ui-50)}._navBarSearchFieldWrapper_1rp8g_12._navBarSearchFieldWrapper_1rp8g_12 ._clearButton_1rp8g_33{border-radius:var(--swui-max-border-radius)}._navBarUserButton_10f9z_1:hover{background:var(--lhds-color-ui-100)}._navBarUserButton_10f9z_1:focus-visible{background:var(--lhds-color-ui-200)}._navBarUserButton_10f9z_1:active{background:var(--lhds-color-ui-200)}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notification_1hao0_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50)}._notification_1hao0_1 ._body_1hao0_7{padding-left:64px;padding-right:24px;padding-bottom:16px}._notification_1hao0_1._standard_1hao0_13._unread_1hao0_14{background:var(--lhds-color-blue-50)}._notification_1hao0_1._danger_1hao0_19{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._clickable_1ijxc_1{--swui-toast-border-color: transparent;--swui-toast-item-border-color-hover: var(--lhds-color-blue-500);--current-border-color: var(--swui-toast-border-color);border-width:1px;border-style:solid;border-color:var(--current-border-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-color:transparent;width:100%;cursor:pointer}._clickable_1ijxc_1:hover{--current-border-color: var(--swui-toast-item-border-color-hover)}._nonClickable_1ijxc_27{position:relative;z-index:1;pointer-events:none}._nonClickable_1ijxc_27 a,._nonClickable_1ijxc_27 button{pointer-events:auto}._sidebarMenuCollapsibleGroupBox_ikek9_1{background:var(--lhds-color-ui-200);border-radius:var(--swui-border-radius);gap:var(--swui-metrics-space);display:flex;flex-direction:column;padding:var(--swui-metrics-space);--current-text-size: var(--swui-font-size-small)}._sidebarMenu_1bx5w_1{--swui-sidebar-menu-separator-color: var(--swui-white);--swui-sidebar-menu-text-color: var(--lhds-color-ui-900);--swui-sidebar-menu-icon-color: var(--lhds-color-ui-900);--swui-sidebar-menu-background-color: transparent;--swui-sidebar-menu-background-color-hover: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-focus: var(--lhds-color-ui-400);--swui-sidebar-menu-background-color-active: var(--lhds-color-ui-300);--swui-sidebar-menu-background-selected: var(--lhds-color-blue-100);--swui-sidebar-menu-background-selected-hover: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-focus: var(--lhds-color-blue-200);--swui-sidebar-menu-background-selected-active: var(--lhds-color-blue-100);--current-background-color: var(--swui-sidebar-menu-background-color);--current-background-color-hover: var( --swui-sidebar-menu-background-color-hover );--current-background-color-focus: var( --swui-sidebar-menu-background-color-focus );--current-background-color-active: var( --swui-sidebar-menu-background-color-active );--current-background-selected: var(--swui-sidebar-menu-background-selected);--current-background-selected-hover: var( --swui-sidebar-menu-background-selected-hover );--current-background-selected-focus: var( --swui-sidebar-menu-background-selected-focus );--current-background-selected-active: var( --swui-sidebar-menu-background-selected-active )}._sidebarMenu_1bx5w_1 ._sidebarItems_1bx5w_38{--current-separator-color: var(--swui-sidebar-menu-separator-color);--current-text-color: var(--swui-sidebar-menu-text-color);--current-icon-color: var(--swui-sidebar-menu-icon-color)}._sidebarMenu_1bx5w_1{background-color:var(--current-background-color);height:100dvh}._sidebarMenu_1bx5w_1 ._scrollContainer_1bx5w_48{background:var(--current-background-color);height:100%;overflow:auto}._stenaFlag_108h7_1{height:32px}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@stenajs-webui/elements"),j=require("react"),t=require("@stenajs-webui/core"),g=require("@stenajs-webui/tooltip"),R=require("@stenajs-webui/forms"),d=require("classnames"),h=require("@stenajs-webui/theme");function J(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const K=J(j),I=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:r=a.stenaAngleDown,menuWidth:i,menuTop:l,onClick:c,disableArrow:u=!1,buttonRef:x,appendTo:p,zIndex:B,...G})=>{const[N,k,m,O]=t.useBoolean(!1),E=j.useRef(null),W=x??E,V=j.useMemo(()=>({open:k,close:m}),[k,m]),X=v=>{c==null||c(v),O()};return e.jsx(e.Fragment,{children:e.jsx(g.ControlledPopover,{renderTrigger:v=>e.jsx(o,{rightIcon:u?void 0:r,...G,ref:W,onClick:X,...v}),hideArrow:!0,disablePadding:!0,open:N,onRequestClose:m,placement:s,appendTo:p,zIndex:B,children:N&&e.jsx(a.ActionMenu,{width:i,top:l,trapFocus:!0,children:e.jsx(a.ActionMenuContext.Provider,{value:V,children:n(m)})})})})},Q=n=>e.jsx(I,{buttonComponent:a.PrimaryButton,...n}),Y=n=>e.jsx(I,{buttonComponent:a.SecondaryButton,...n}),L=n=>e.jsx(I,{buttonComponent:a.FlatButton,...n}),Z="1px solid var(--lhds-color-ui-300)",ee=({renderMenu:n,...s})=>e.jsx(g.Popover,{trigger:"click",renderTrigger:o=>e.jsx(t.Row,{children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:Z,borderRadius:"4px",children:[e.jsx(R.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(a.FlatButton,{size:"small",leftIcon:a.stenaAngleDown,...o})]})}),hideArrow:!0,disablePadding:!0,placement:"bottom-start",children:({onRequestClose:o})=>e.jsx(t.Column,{children:e.jsx(a.ActionMenu,{children:n(o)})})}),ne="_navBar_kzibd_1",te={navBar:ne},se=({className:n,onClick:s})=>e.jsx(a.FlatButton,{leftIcon:a.stenaHamburger,className:n,onClick:s}),oe=({left:n,className:s,showMenuButton:o=!1,children:r,right:i,center:l,onClickMenuButton:c})=>{const u=l?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:d(te.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(se,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),r&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:K.Children.map(r,(x,p)=>e.jsxs(e.Fragment,{children:[p>0&&e.jsx(t.Indent,{}),x]}))})})]}),l&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:l}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[i,e.jsx(t.Indent,{num:2})]})]})},re="_navBarButton_b3x3w_1",ae="_selected_b3x3w_14",F={navBarButton:re,selected:ae},A=j.forwardRef(function({selected:n,className:s,...o},r){return e.jsx(a.FlatButton,{...o,ref:r,className:d(F.navBarButton,n&&F.selected,s)})}),ie=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),le=({content:n,children:s,appendTo:o,zIndex:r,...i})=>{const[l,,c,u]=t.useBoolean(!1);return e.jsx(g.ControlledPopover,{renderTrigger:x=>e.jsx(A,{...i,...x,onClick:u}),open:l,onRequestClose:c,zIndex:r,appendTo:o,children:e.jsxs(t.Box,{children:[n&&n({close:c}),s]})})},ce="_navBarNotificationButton_1wt3y_1",ue="_unread_1wt3y_23",de="_icon_1wt3y_23",xe="_shake_1wt3y_1",b={navBarNotificationButton:ce,unread:ue,icon:de,shake:xe},je=j.forwardRef(function({count:n,unread:s=!1,className:o,labelClassName:r,iconClassName:i,icon:l=a.stenaBellFilled,...c},u){const x=n>1;return e.jsx(a.BaseButton,{...c,ref:u,leftIcon:l,className:d(b.navBarNotificationButton,s&&b.unread,x&&b.hasCount,o),label:x?String(n):void 0,labelClassName:d(r,b.label),iconClassName:d(i,b.icon)})}),he="_navBarSearchFieldInput_1rp8g_1",pe="_navBarSearchFieldWrapper_1rp8g_12",ge="_withButton_1rp8g_24",Be="_clearButton_1rp8g_33",f={navBarSearchFieldInput:he,navBarSearchFieldWrapper:pe,withButton:ge,clearButton:Be},be=({placeholder:n="Search",className:s,wrapperClassName:o,showClearButton:r,onClickClearButton:i,value:l,...c})=>e.jsx(R.TextInput,{wrapperClassName:d(f.navBarSearchFieldWrapper,r?f.withButton:void 0,o),className:d(f.navBarSearchFieldInput,s),placeholder:n,value:l,buttonRight:l&&r?e.jsx(a.TextInputButton,{className:f.clearButton,icon:a.stenaTimes,variant:"error",onClick:i}):void 0,...c}),me="_navBarUserButton_10f9z_1",fe={navBarUserButton:me},Ce=({className:n,username:s,initials:o,icon:r=a.stenaUserCircle,responsiveIconOnly:i=o==null,...l})=>e.jsx(L,{...l,className:d(fe.navBarUserButton,n),leftIcon:s!=null?r:void 0,label:o??s,forceRound:o!=null,responsiveIconOnly:i,disableArrow:!0}),_e="_unreadDot_l8bni_1",ve="_dot_l8bni_4",P={unreadDot:_e,dot:ve},T=({children:n})=>e.jsxs("div",{className:P.unreadDot,children:[n,e.jsx("div",{className:P.dot})]}),M=({text:n,timestamp:s,icon:o,iconAriaLabel:r,contentLeft:i,contentRight:l,onClose:c,unread:u=!1,variant:x,iconBackgroundColor:p})=>{const B=o?e.jsx(a.CircledIcon,{size:"small",icon:o,"aria-label":r,backgroundColor:p||H(u,x)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[i&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:i}),!i&&B&&(u?e.jsx(T,{children:B}):B),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:h.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),l]}),c&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(a.CloseButton,{onClick:c})})]})},H=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},we="_notification_1hao0_1",Se="_body_1hao0_7",Re="_standard_1hao0_13",Ie="_unread_1hao0_14",Me="_danger_1hao0_19",C={notification:we,body:Se,standard:Re,unread:Ie,danger:Me},ye=({variant:n="standard",children:s,unread:o,...r})=>e.jsxs("div",{className:d(C.notification,C[n],o&&C.unread),children:[e.jsx(M,{...r,unread:o,variant:n}),s&&e.jsx(t.Column,{className:C.body,children:s})]}),Ne="_notificationList_1rkvu_1",ke={notificationList:Ne},Fe=({children:n})=>e.jsxs("div",{className:ke.notificationList,children:[n,e.jsx("div",{})]}),Pe="_clickable_1ijxc_1",Le="_nonClickable_1ijxc_27",w={clickable:Pe,nonClickable:Le},Ae=({onClick:n,onClickAriaLabel:s,children:o,width:r=264,maxWidth:i,...l})=>e.jsxs(t.Box,{borderRadius:8,background:h.cssColor("--lhds-color-ui-50"),shadow:"popover",width:r,maxWidth:i,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:d({[w.nonClickable]:n}),children:e.jsx(M,{...l})}),o&&e.jsxs(t.Box,{indent:3,className:d({[w.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:w.clickable,"aria-label":s})]}),D=j.forwardRef(({contentLeft:n,contentRight:s,collapsed:o=!1,...r},i)=>e.jsx(a.MenuButton,{ref:i,expandable:!0,expanded:!o,selected:!o,left:n,right:s,...r})),Te=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),He=({value:n,onValueChange:s,onChange:o,indeterminate:r,checkboxDisabled:i,...l})=>e.jsx(D,{contentLeft:e.jsx(R.Checkbox,{value:n,indeterminate:r,onValueChange:s,onChange:o,disabled:i,onClick:c=>c.stopPropagation()}),...l}),De="_sidebarMenuCollapsibleGroupBox_ikek9_1",$e={sidebarMenuCollapsibleGroupBox:De},$=({children:n})=>e.jsx("div",{className:$e.sidebarMenuCollapsibleGroupBox,children:n}),ze=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),Ue=({text:n="No content"})=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(a.Icon,{icon:a.stenaMail,color:h.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:h.cssColor("--lhds-color-ui-500"),children:n})]}),z=({text:n,heading:s,children:o,buttons:r,icon:i=a.stenaTripFerryXl,headingLevel:l="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(a.Card,{...c,children:e.jsx(a.CardBody,{children:e.jsxs(t.Column,{spacing:1,gap:3,alignItems:"center",children:[e.jsxs(t.Column,{alignItems:"center",children:[e.jsx(t.Space,{num:1}),e.jsx(a.CircledIcon,{icon:i,size:"xl"})]}),s&&e.jsx(t.Heading,{as:l,children:s}),u&&e.jsx(t.Text,{children:u}),o,r&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),r]})]})})})},qe=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(z,{...n})}),U=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(a.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),Ge=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(U,{...n})}),Oe=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:r})=>e.jsxs(t.Box,{shadow:"bottom",background:h.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),r]}),Ee=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),We=({icon:n,heading:s,headingLevel:o="h2",contentLeft:r,contentRight:i})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(a.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:r}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:i})]}),Ve="_sidebarMenu_1bx5w_1",Xe="_sidebarItems_1bx5w_38",Je="_scrollContainer_1bx5w_48",S={sidebarMenu:Ve,sidebarItems:Xe,scrollContainer:Je},Ke="_stenaFlag_108h7_1",Qe={stenaFlag:Ke},Ye=({onClick:n})=>e.jsxs(t.Column,{background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(a.CloseButton,{onClick:n}),e.jsx(a.StenaFlag,{className:Qe.stenaFlag})]})]}),Ze=({isPinned:n,onClick:s,label:o})=>{const i=o??(n?"Unpin menu":"Pin menu"),l=n?a.stenaAngleLeftDouble:a.stenaPin;return e.jsx(a.MenuButton,{onClick:s,label:i,leftIcon:l})},en=({className:n,children:s,onCloseClick:o,pinButtonVisible:r,onClickPinButton:i,bottomItems:l,isPinned:c,...u})=>e.jsxs(t.Box,{...u,className:d(S.sidebarMenu,n),children:[e.jsx(Ye,{onClick:o}),e.jsx(t.Box,{className:S.scrollContainer,children:e.jsxs(t.Column,{className:S.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(l||r)&&e.jsxs(t.Column,{gap:1,children:[l,r&&e.jsx(Ze,{isPinned:c,onClick:i}),e.jsx(t.Space,{})]})]})})]}),_=j.createContext(!1),y=()=>j.useContext(_),nn=({label:n,...s})=>e.jsx(g.Tooltip,{label:n+` <Tooltip label={label2} placement={"right"} visible>
3
- <IconMenuButton {...menuButtonLinkProps} />
4
- </Tooltip>
5
- `,placement:"right",visible:!0,children:e.jsx(a.IconMenuButton,{...s})}),tn=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:r,bottomItems:i,closeButtonTitle:l="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(a.IconMenuButton,{onClick:o,icon:a.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(_.Provider,{value:!0,children:r})}),e.jsx(t.Column,{gap:1,children:(i||n)&&e.jsxs(_.Provider,{value:!0,children:[i,n&&e.jsx(nn,{icon:a.stenaAngleLeftDouble,label:l,onClick:s})]})})]})]}),q=({label:n})=>y()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),sn=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(g.Tooltip,{label:n,placement:"right",children:e.jsx(a.IconMenuButtonLink,{icon:s,...o})}),on=n=>y()?e.jsx(sn,{...n}):e.jsx(a.MenuButtonLink,{...n}),rn=({children:n,label:s,icon:o,popupMinWidth:r="200px"})=>e.jsx(g.Popover,{renderTrigger:i=>e.jsx(a.IconMenuButton,{icon:o,...i}),placement:"right-start",trigger:["hover","focus"],disablePadding:!0,children:e.jsx(t.Box,{minWidth:r,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(_.Provider,{value:!1,children:[e.jsx(q,{label:s}),n]})})}),an=({children:n,label:s,leftIcon:o,className:r,initialExpand:i=!1})=>{const[l,c]=j.useState(i);return y()?o==null?null:e.jsx(rn,{label:s,icon:o,children:n}):e.jsx(a.MenuButton,{label:s,onClick:()=>c(!l),leftIcon:o,className:r,expandable:!0,expanded:l,selected:l,children:e.jsx($,{children:n})})},ln=n=>e.jsx(t.SeparatorLine,{color:h.cssColor("--lhds-color-ui-400"),...n}),cn=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:r})=>e.jsxs(t.Row,{indent:3,spacing:!0,gap:3,minHeight:"56px",justifyContent:"space-between",alignItems:"center",background:h.cssColor("--silver-lighter"),flex:1,borderRadius:"var(--swui-border-radius)",children:[e.jsxs(t.Row,{alignItems:"center",gap:2,children:[n!=null||s!=null?e.jsx(t.Row,{alignItems:"center",children:n!=null?e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o&&e.jsx(t.Row,{children:o})]}),e.jsx(t.Row,{gap:2,children:r})]}),un=({children:n})=>e.jsx(t.Row,{spacing:.5,indent:.5,flex:1,children:n});exports.ActionMenuFlatButton=L;exports.ActionMenuPrimaryButton=Q;exports.ActionMenuSecondaryButton=Y;exports.CheckboxMenu=ee;exports.Collapsible=D;exports.CollapsibleEmptyContent=Ue;exports.CollapsibleGroupHeading=ze;exports.CollapsibleList=Te;exports.CollapsibleWithCheckbox=He;exports.ErrorPanel=z;exports.ErrorScreen=qe;exports.LoadingPanel=U;exports.LoadingScreen=Ge;exports.NavBar=oe;exports.NavBarButton=A;exports.NavBarHeading=ie;exports.NavBarNotificationButton=je;exports.NavBarPopoverButton=le;exports.NavBarSearchField=be;exports.NavBarUserButton=Ce;exports.Notification=ye;exports.NotificationHeader=M;exports.NotificationList=Fe;exports.PageHeader=Oe;exports.PageHeaderRow=Ee;exports.PageHeading=We;exports.SelectedItemsActionsPadding=un;exports.SelectedItemsActionsPanel=cn;exports.SidebarMenu=en;exports.SidebarMenuCollapsible=an;exports.SidebarMenuCollapsibleGroupBox=$;exports.SidebarMenuHeading=q;exports.SidebarMenuLink=on;exports.SidebarMenuSeparator=ln;exports.SidebarRailMenu=tn;exports.Toast=Ae;exports.UnreadDot=T;exports.getIconBgColorFromVariant=H;
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@stenajs-webui/elements"),j=require("react"),t=require("@stenajs-webui/core"),g=require("@stenajs-webui/tooltip"),R=require("@stenajs-webui/forms"),d=require("classnames"),h=require("@stenajs-webui/theme");function J(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>n[o]})}}return s.default=n,Object.freeze(s)}const K=J(j),y=({renderItems:n,placement:s="bottom",buttonComponent:o,rightIcon:r=a.stenaAngleDown,menuWidth:i,menuTop:l,onClick:c,disableArrow:u=!1,buttonRef:x,appendTo:p,zIndex:B,...G})=>{const[N,k,b,O]=t.useBoolean(!1),E=j.useRef(null),W=x??E,V=j.useMemo(()=>({open:k,close:b}),[k,b]),X=v=>{c==null||c(v),O()};return e.jsx(e.Fragment,{children:e.jsx(g.ControlledPopover,{renderTrigger:v=>e.jsx(o,{rightIcon:u?void 0:r,...G,ref:W,onClick:X,...v}),hideArrow:!0,disablePadding:!0,open:N,onRequestClose:b,placement:s,appendTo:p,zIndex:B,children:N&&e.jsx(a.ActionMenu,{width:i,top:l,trapFocus:!0,children:e.jsx(a.ActionMenuContext.Provider,{value:V,children:n(b)})})})})},Q=n=>e.jsx(y,{buttonComponent:a.PrimaryButton,...n}),Y=n=>e.jsx(y,{buttonComponent:a.SecondaryButton,...n}),L=n=>e.jsx(y,{buttonComponent:a.FlatButton,...n}),Z="1px solid var(--lhds-color-ui-300)",ee=({renderMenu:n,...s})=>e.jsx(g.Popover,{trigger:"click",renderTrigger:o=>e.jsx(t.Row,{children:e.jsxs(t.Row,{spacing:.5,indent:!0,alignItems:"center",border:Z,borderRadius:"4px",children:[e.jsx(R.Checkbox,{...s}),e.jsx(t.Indent,{num:.5}),e.jsx(a.FlatButton,{size:"small",leftIcon:a.stenaAngleDown,...o})]})}),hideArrow:!0,disablePadding:!0,placement:"bottom-start",children:({onRequestClose:o})=>e.jsx(t.Column,{children:e.jsx(a.ActionMenu,{children:n(o)})})}),ne="_navBar_kzibd_1",te={navBar:ne},se=({className:n,onClick:s})=>e.jsx(a.FlatButton,{leftIcon:a.stenaHamburger,className:n,onClick:s}),oe=({left:n,className:s,showMenuButton:o=!1,children:r,right:i,center:l,onClickMenuButton:c})=>{const u=l?1:void 0;return e.jsxs(t.Row,{justifyContent:"space-between",className:d(te.navBar,s),children:[e.jsxs(t.Row,{flex:u,justifyContent:"flex-start",alignItems:"center",children:[e.jsxs(t.Row,{width:"86px",alignItems:"center",children:[e.jsx(t.Indent,{}),o&&e.jsx(se,{onClick:c})]}),n&&e.jsxs(e.Fragment,{children:[n,e.jsx(t.Indent,{num:2})]}),r&&e.jsx(e.Fragment,{children:e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:K.Children.map(r,(x,p)=>e.jsxs(e.Fragment,{children:[p>0&&e.jsx(t.Indent,{}),x]}))})})]}),l&&e.jsx(t.Row,{justifyContent:"center",alignItems:"center",children:l}),e.jsxs(t.Row,{justifyContent:"flex-end",alignItems:"center",flex:u,children:[i,e.jsx(t.Indent,{num:2})]})]})},re="_navBarButton_b3x3w_1",ae="_selected_b3x3w_14",F={navBarButton:re,selected:ae},A=j.forwardRef(function({selected:n,className:s,...o},r){return e.jsx(a.FlatButton,{...o,ref:r,className:d(F.navBarButton,n&&F.selected,s)})}),ie=n=>e.jsx(t.Heading,{whiteSpace:"nowrap",variant:"h4",as:"h1",...n}),le=({content:n,children:s,appendTo:o,zIndex:r,...i})=>{const[l,,c,u]=t.useBoolean(!1);return e.jsx(g.ControlledPopover,{renderTrigger:x=>e.jsx(A,{...i,...x,onClick:u}),open:l,onRequestClose:c,zIndex:r,appendTo:o,children:e.jsxs(t.Box,{children:[n&&n({close:c}),s]})})},ce="_navBarNotificationButton_1wt3y_1",ue="_unread_1wt3y_23",de="_icon_1wt3y_23",xe="_shake_1wt3y_1",m={navBarNotificationButton:ce,unread:ue,icon:de,shake:xe},je=j.forwardRef(function({count:n,unread:s=!1,className:o,labelClassName:r,iconClassName:i,icon:l=a.stenaBellFilled,...c},u){const x=n>1;return e.jsx(a.BaseButton,{...c,ref:u,leftIcon:l,className:d(m.navBarNotificationButton,s&&m.unread,x&&m.hasCount,o),label:x?String(n):void 0,labelClassName:d(r,m.label),iconClassName:d(i,m.icon)})}),he="_navBarSearchFieldInput_1rp8g_1",pe="_navBarSearchFieldWrapper_1rp8g_12",ge="_withButton_1rp8g_24",Be="_clearButton_1rp8g_33",f={navBarSearchFieldInput:he,navBarSearchFieldWrapper:pe,withButton:ge,clearButton:Be},me=({placeholder:n="Search",className:s,wrapperClassName:o,showClearButton:r,onClickClearButton:i,value:l,...c})=>e.jsx(R.TextInput,{wrapperClassName:d(f.navBarSearchFieldWrapper,r?f.withButton:void 0,o),className:d(f.navBarSearchFieldInput,s),placeholder:n,value:l,buttonRight:l&&r?e.jsx(a.TextInputButton,{className:f.clearButton,icon:a.stenaTimes,variant:"error",onClick:i}):void 0,...c}),be="_navBarUserButton_10f9z_1",fe={navBarUserButton:be},Ce=({className:n,username:s,initials:o,icon:r=a.stenaUserCircle,responsiveIconOnly:i=o==null,...l})=>e.jsx(L,{...l,className:d(fe.navBarUserButton,n),leftIcon:s!=null?r:void 0,label:o??s,forceRound:o!=null,responsiveIconOnly:i,disableArrow:!0}),_e="_unreadDot_l8bni_1",ve="_dot_l8bni_4",P={unreadDot:_e,dot:ve},H=({children:n})=>e.jsxs("div",{className:P.unreadDot,children:[n,e.jsx("div",{className:P.dot})]}),I=({text:n,timestamp:s,icon:o,iconAriaLabel:r,contentLeft:i,contentRight:l,onClose:c,unread:u=!1,variant:x,iconBackgroundColor:p})=>{const B=o?e.jsx(a.CircledIcon,{size:"small",icon:o,"aria-label":r,backgroundColor:p||T(u,x)}):void 0;return e.jsxs(t.Row,{alignItems:"flex-start",indent:2,spacing:!0,children:[e.jsxs(t.Row,{spacing:!0,gap:2,flex:1,alignItems:"flex-start",children:[i&&e.jsx(t.Box,{minHeight:20,justifyContent:"center",children:i}),!i&&B&&(u?e.jsx(H,{children:B}):B),e.jsxs(t.Box,{minHeight:20,justifyContent:"center",flex:1,gap:.5,children:[e.jsx(t.Text,{variant:"bold",children:n}),s&&e.jsx(t.Text,{size:"small",color:h.cssColor(u?"--lhds-color-blue-600":"--lhds-color-ui-600"),children:s})]}),l]}),c&&e.jsx(t.Box,{flex:"none",justifyContent:"center",height:"calc(20px + 2 * var(--swui-metrics-spacing))",children:e.jsx(a.CloseButton,{onClick:c})})]})},T=(n,s)=>{if(!(!n&&s==="standard"))return"--lhds-color-ui-50"},we="_notification_1hao0_1",Se="_body_1hao0_7",Re="_standard_1hao0_13",ye="_unread_1hao0_14",Ie="_danger_1hao0_19",C={notification:we,body:Se,standard:Re,unread:ye,danger:Ie},Me=({variant:n="standard",children:s,unread:o,...r})=>e.jsxs("div",{className:d(C.notification,C[n],o&&C.unread),children:[e.jsx(I,{...r,unread:o,variant:n}),s&&e.jsx(t.Column,{className:C.body,children:s})]}),Ne="_notificationList_1rkvu_1",ke={notificationList:Ne},Fe=({children:n})=>e.jsxs("div",{className:ke.notificationList,children:[n,e.jsx("div",{})]}),Pe="_clickable_1ijxc_1",Le="_nonClickable_1ijxc_27",w={clickable:Pe,nonClickable:Le},Ae=({onClick:n,onClickAriaLabel:s,children:o,width:r=264,maxWidth:i,...l})=>e.jsxs(t.Box,{borderRadius:8,background:h.cssColor("--lhds-color-ui-50"),shadow:"popover",width:r,maxWidth:i,role:"alert",position:"relative",children:[e.jsx(t.Box,{className:d({[w.nonClickable]:n}),children:e.jsx(I,{...l})}),o&&e.jsxs(t.Box,{indent:3,className:d({[w.nonClickable]:n}),children:[o,e.jsx(t.Space,{num:2})]}),n&&e.jsx("button",{onClick:n,className:w.clickable,"aria-label":s})]}),D=j.forwardRef(({contentLeft:n,contentRight:s,collapsed:o=!1,...r},i)=>e.jsx(a.MenuButton,{ref:i,expandable:!0,expanded:!o,selected:!o,left:n,right:s,...r})),He=({children:n})=>e.jsx(t.Column,{gap:1,children:n}),Te=({value:n,onValueChange:s,onChange:o,indeterminate:r,checkboxDisabled:i,...l})=>e.jsx(D,{contentLeft:e.jsx(R.Checkbox,{value:n,indeterminate:r,onValueChange:s,onChange:o,disabled:i,onClick:c=>c.stopPropagation()}),...l}),De="_sidebarMenuCollapsibleGroupBox_ikek9_1",$e={sidebarMenuCollapsibleGroupBox:De},$=({children:n})=>e.jsx("div",{className:$e.sidebarMenuCollapsibleGroupBox,children:n}),ze=({children:n})=>e.jsx(t.Box,{spacing:!0,indent:!0,children:e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})}),Ue=({text:n="No content"})=>e.jsxs(t.Column,{indent:!0,spacing:!0,flex:1,alignItems:"center",children:[e.jsx(a.Icon,{icon:a.stenaMail,color:h.cssColor("--lhds-color-ui-500")}),e.jsx(t.Space,{}),e.jsx(t.Text,{size:"small",color:h.cssColor("--lhds-color-ui-500"),children:n})]}),z=({text:n,heading:s,children:o,buttons:r,icon:i=a.stenaTripFerryXl,headingLevel:l="h3",...c})=>{const u=!n&&!s?"Something unexpected happened.":n;return e.jsx(a.Card,{...c,children:e.jsx(a.CardBody,{children:e.jsxs(t.Column,{spacing:1,gap:3,alignItems:"center",children:[e.jsxs(t.Column,{alignItems:"center",children:[e.jsx(t.Space,{num:1}),e.jsx(a.CircledIcon,{icon:i,size:"xl"})]}),s&&e.jsx(t.Heading,{as:l,children:s}),u&&e.jsx(t.Text,{children:u}),o,r&&e.jsxs(t.Box,{children:[e.jsx(t.Space,{num:2}),r]})]})})})},qe=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(z,{...n})}),U=({text:n="Loading..."})=>e.jsxs(t.Box,{alignItems:"center",children:[e.jsx(a.Spinner,{size:"small"}),e.jsx(t.Space,{num:4}),e.jsx(t.Heading,{variant:"h4",children:n})]}),Ge=n=>e.jsx(t.Box,{width:"100%",height:"100%",justifyContent:"center",alignItems:"center",children:e.jsx(U,{...n})}),Oe=({renderBreadCrumbs:n,renderPageHeading:s,renderTabs:o,children:r})=>e.jsxs(t.Box,{shadow:"bottom",background:h.cssColor("--lhds-color-ui-50"),gap:2,children:[e.jsxs(t.Box,{indent:3,children:[n&&e.jsxs(t.Row,{spacing:1,alignItems:"center",children:[e.jsx(t.Row,{width:"64px",height:"16px"}),n()]}),s==null?void 0:s(),o&&e.jsx(t.Space,{}),o==null?void 0:o()]}),r]}),Ee=n=>e.jsx(t.Row,{indent:3,spacing:!0,...n}),We=({icon:n,heading:s,headingLevel:o="h2",contentLeft:r,contentRight:i})=>e.jsxs(t.Row,{alignItems:"center",gap:2,height:"64px",children:[e.jsxs(t.Row,{alignItems:"center",children:[e.jsx(t.Row,{width:"64px",alignItems:"center",children:n&&e.jsx(a.CircledIcon,{icon:n})}),e.jsx(t.Heading,{variant:"h3",as:o,children:s})]}),e.jsx(t.Row,{alignItems:"center",children:r}),e.jsx(t.Row,{style:{marginLeft:"auto"},alignItems:"center",children:i})]}),Ve="_sidebarMenu_1bx5w_1",Xe="_sidebarItems_1bx5w_38",Je="_scrollContainer_1bx5w_48",S={sidebarMenu:Ve,sidebarItems:Xe,scrollContainer:Je},Ke="_stenaFlag_108h7_1",Qe={stenaFlag:Ke},Ye=({onClick:n})=>e.jsxs(t.Column,{background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(t.Space,{}),e.jsxs(t.Row,{justifyContent:"space-between",alignItems:"center",flex:1,indent:1,minHeight:"48px",children:[e.jsx(a.CloseButton,{onClick:n}),e.jsx(a.StenaFlag,{className:Qe.stenaFlag})]})]}),Ze=({isPinned:n,onClick:s,label:o})=>{const i=o??(n?"Unpin menu":"Pin menu"),l=n?a.stenaAngleLeftDouble:a.stenaPin;return e.jsx(a.MenuButton,{onClick:s,label:i,leftIcon:l})},en=({className:n,children:s,onCloseClick:o,pinButtonVisible:r,onClickPinButton:i,bottomItems:l,isPinned:c,...u})=>e.jsxs(t.Box,{...u,className:d(S.sidebarMenu,n),children:[e.jsx(Ye,{onClick:o}),e.jsx(t.Box,{className:S.scrollContainer,children:e.jsxs(t.Column,{className:S.sidebarItems,justifyContent:"space-between",flex:1,gap:1,indent:1,children:[e.jsx(t.Column,{gap:1,children:s}),(l||r)&&e.jsxs(t.Column,{gap:1,children:[l,r&&e.jsx(Ze,{isPinned:c,onClick:i}),e.jsx(t.Space,{})]})]})})]}),_=j.createContext(!1),M=()=>j.useContext(_),nn=({label:n,...s})=>e.jsx(g.Tooltip,{label:n,placement:"right",appendTo:document.body,children:e.jsx(a.IconMenuButton,{...s})}),tn=({closeButtonVisible:n,onClickCloseButton:s,onClickMenuButton:o,children:r,bottomItems:i,closeButtonTitle:l="Unpin menu"})=>e.jsxs(t.Box,{position:"fixed",left:0,top:0,bottom:0,indent:.5,spacing:1,gap:1,shadow:"popover",background:h.cssColor("--lhds-color-ui-50"),children:[e.jsx(a.IconMenuButton,{onClick:o,icon:a.stenaHamburger}),e.jsxs(t.Column,{justifyContent:"space-between",flex:1,gap:1,children:[e.jsx(t.Column,{gap:1,children:e.jsx(_.Provider,{value:!0,children:r})}),e.jsx(t.Column,{gap:1,children:(i||n)&&e.jsxs(_.Provider,{value:!0,children:[i,n&&e.jsx(nn,{icon:a.stenaAngleLeftDouble,label:l,onClick:s})]})})]})]}),q=({label:n})=>M()?null:e.jsxs(t.Box,{height:"32px",justifyContent:"center",indent:1,children:[e.jsx(t.Space,{}),e.jsx(t.Text,{variant:"overline",size:"smaller",children:n})]}),sn=({label:n,leftIcon:s,...o})=>s==null?null:e.jsx(g.Tooltip,{label:n,placement:"right",children:e.jsx(a.IconMenuButtonLink,{icon:s,...o})}),on=n=>M()?e.jsx(sn,{...n}):e.jsx(a.MenuButtonLink,{...n}),rn=({children:n,label:s,icon:o,popupMinWidth:r="200px"})=>e.jsx(g.Popover,{renderTrigger:i=>e.jsx(a.IconMenuButton,{icon:o,...i}),placement:"right-start",trigger:["hover","focus"],disablePadding:!0,children:e.jsx(t.Box,{minWidth:r,shadow:"popover",spacing:1,indent:1,gap:2,children:e.jsxs(_.Provider,{value:!1,children:[e.jsx(q,{label:s}),n]})})}),an=({children:n,label:s,leftIcon:o,className:r,initialExpand:i=!1})=>{const[l,c]=j.useState(i);return M()?o==null?null:e.jsx(rn,{label:s,icon:o,children:n}):e.jsx(a.MenuButton,{label:s,onClick:()=>c(!l),leftIcon:o,className:r,expandable:!0,expanded:l,selected:l,children:e.jsx($,{children:n})})},ln=n=>e.jsx(t.SeparatorLine,{color:h.cssColor("--lhds-color-ui-400"),...n}),cn=({numItemsSelected:n,label:s,afterLabelContent:o,rightContent:r})=>e.jsxs(t.Row,{indent:3,spacing:!0,gap:3,minHeight:"56px",justifyContent:"space-between",alignItems:"center",background:h.cssColor("--silver-lighter"),flex:1,borderRadius:"var(--swui-border-radius)",children:[e.jsxs(t.Row,{alignItems:"center",gap:2,children:[n!=null||s!=null?e.jsx(t.Row,{alignItems:"center",children:n!=null?e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{children:n}),e.jsx(t.Space,{}),e.jsxs(t.Text,{children:["item",n===1?"":"s"," selected"]})]}):s!=null?e.jsx(e.Fragment,{children:typeof s=="string"?e.jsx(t.Text,{children:s}):s}):null}):null,o&&e.jsx(t.Row,{children:o})]}),e.jsx(t.Row,{gap:2,children:r})]}),un=({children:n})=>e.jsx(t.Row,{spacing:.5,indent:.5,flex:1,children:n});exports.ActionMenuFlatButton=L;exports.ActionMenuPrimaryButton=Q;exports.ActionMenuSecondaryButton=Y;exports.CheckboxMenu=ee;exports.Collapsible=D;exports.CollapsibleEmptyContent=Ue;exports.CollapsibleGroupHeading=ze;exports.CollapsibleList=He;exports.CollapsibleWithCheckbox=Te;exports.ErrorPanel=z;exports.ErrorScreen=qe;exports.LoadingPanel=U;exports.LoadingScreen=Ge;exports.NavBar=oe;exports.NavBarButton=A;exports.NavBarHeading=ie;exports.NavBarNotificationButton=je;exports.NavBarPopoverButton=le;exports.NavBarSearchField=me;exports.NavBarUserButton=Ce;exports.Notification=Me;exports.NotificationHeader=I;exports.NotificationList=Fe;exports.PageHeader=Oe;exports.PageHeaderRow=Ee;exports.PageHeading=We;exports.SelectedItemsActionsPadding=un;exports.SelectedItemsActionsPanel=cn;exports.SidebarMenu=en;exports.SidebarMenuCollapsible=an;exports.SidebarMenuCollapsibleGroupBox=$;exports.SidebarMenuHeading=q;exports.SidebarMenuLink=on;exports.SidebarMenuSeparator=ln;exports.SidebarRailMenu=tn;exports.Toast=Ae;exports.UnreadDot=H;exports.getIconBgColorFromVariant=T;
6
3
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarNotificationButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/nav-bar/NavBarUserButton.tsx","../src/components/notifications/UnreadDot.tsx","../src/components/notifications/NotificationHeader.tsx","../src/components/notifications/Notification.tsx","../src/components/notifications/NotificationList.tsx","../src/components/notifications/Toast.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleList.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsibleGroupBox.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/page-header/PageHeader.tsx","../src/components/page-header/PageHeaderRow.tsx","../src/components/page-header/PageHeading.tsx","../src/components/sidebar-menu/SidebarMenuCloseButtonRow.tsx","../src/components/sidebar-menu/SidebarMenuPinButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/rail/RailContext.ts","../src/components/sidebar-menu/items/RailMenuButton.tsx","../src/components/sidebar-menu/rail/SidebarRailMenu.tsx","../src/components/sidebar-menu/items/SidebarMenuHeading.tsx","../src/components/sidebar-menu/items/RailMenuLink.tsx","../src/components/sidebar-menu/items/SidebarMenuLink.tsx","../src/components/sidebar-menu/items/RailMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuSeparator.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPanel.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPadding.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, RefObject, useMemo, useRef } from \"react\";\nimport {\n ActionMenu,\n ActionMenuContext,\n ActionMenuProps,\n FlatButton,\n PrimaryButton,\n PrimaryButtonProps,\n SecondaryButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n PopoverProps,\n} from \"@stenajs-webui/tooltip\";\n\nexport interface ActionMenuButtonProps\n extends Omit<\n PrimaryButtonProps,\n \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n > {\n /** The content of the Action Menu. */\n renderItems: (close: () => void) => ReactNode;\n /** The placement of the Action Menu. */\n placement?: PopoverProps[\"placement\"];\n /** Z-index of the Action Menu */\n zIndex?: number;\n /** Portal target, HTML element. If not set, portal is not used. */\n appendTo?: ControlledPopoverProps[\"appendTo\"];\n menuWidth?: ActionMenuProps[\"width\"];\n menuTop?: ActionMenuProps[\"top\"];\n buttonComponent:\n | typeof PrimaryButton\n | typeof SecondaryButton\n | typeof FlatButton;\n disableArrow?: boolean;\n buttonRef?: RefObject<HTMLButtonElement | null>;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n renderItems,\n placement = \"bottom\",\n buttonComponent: Button,\n rightIcon = stenaAngleDown,\n menuWidth,\n menuTop,\n onClick,\n disableArrow = false,\n buttonRef,\n appendTo,\n zIndex,\n ...buttonProps\n}) => {\n const [isOpen, open, close, toggle] = useBoolean(false);\n\n const fallbackRef = useRef<HTMLButtonElement>(null);\n const ref = buttonRef ?? fallbackRef;\n\n const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n ) => {\n onClick?.(event);\n toggle();\n };\n\n return (\n <>\n <ControlledPopover\n renderTrigger={(props) => (\n <Button\n rightIcon={disableArrow ? undefined : rightIcon}\n {...buttonProps}\n ref={ref}\n onClick={handleClick}\n {...props}\n />\n )}\n hideArrow\n disablePadding\n open={isOpen}\n onRequestClose={close}\n placement={placement}\n appendTo={appendTo}\n zIndex={zIndex}\n >\n {isOpen && (\n <ActionMenu width={menuWidth} top={menuTop} trapFocus>\n <ActionMenuContext.Provider value={contextValue}>\n {renderItems(close)}\n </ActionMenuContext.Provider>\n </ActionMenu>\n )}\n </ControlledPopover>\n </>\n );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<\n ActionMenuSecondaryButtonProps\n> = (props) => {\n return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Column, Indent, Row } from \"@stenajs-webui/core\";\nimport {\n ActionMenu,\n FlatButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n renderMenu,\n ...checkboxProps\n}) => {\n return (\n <Popover\n trigger={\"click\"}\n renderTrigger={(props) => (\n <Row>\n <Row\n spacing={0.5}\n indent\n alignItems={\"center\"}\n border={border}\n borderRadius={\"4px\"}\n >\n <Checkbox {...checkboxProps} />\n <Indent num={0.5} />\n <FlatButton size={\"small\"} leftIcon={stenaAngleDown} {...props} />\n </Row>\n </Row>\n )}\n hideArrow\n disablePadding\n placement={\"bottom-start\"}\n >\n {({ onRequestClose }) => (\n <Column>\n <ActionMenu>{renderMenu(onRequestClose)}</ActionMenu>\n </Column>\n )}\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { FlatButton, stenaHamburger } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <FlatButton\n leftIcon={stenaHamburger}\n className={className}\n onClick={onClick}\n />\n );\n};\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n NavBarSideMenuButton,\n SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\n\nexport type NavBarVariant = \"compact\" | \"standard\" | \"relaxed\";\n\nexport interface NavBarProps {\n className?: string;\n showMenuButton?: boolean;\n onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n right?: ReactNode;\n center?: ReactNode;\n left?: ReactNode;\n variant?: NavBarVariant;\n children?: ReactNode;\n}\n\nexport const NavBar: React.FC<NavBarProps> = ({\n left,\n className,\n showMenuButton = false,\n children,\n right,\n center,\n onClickMenuButton,\n}) => {\n const currentFlex = center ? 1 : undefined;\n return (\n <Row\n justifyContent={\"space-between\"}\n className={cx(styles.navBar, className)}\n >\n <Row\n flex={currentFlex}\n justifyContent={\"flex-start\"}\n alignItems={\"center\"}\n >\n <Row width={\"86px\"} alignItems={\"center\"}>\n <Indent />\n {showMenuButton && (\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n )}\n </Row>\n\n {left && (\n <>\n {left}\n <Indent num={2} />\n </>\n )}\n {children && (\n <>\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {React.Children.map(children, (child, index) => (\n <>\n {index > 0 && <Indent />}\n {child}\n </>\n ))}\n </Row>\n </>\n )}\n </Row>\n {center && (\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {center}\n </Row>\n )}\n <Row justifyContent={\"flex-end\"} alignItems={\"center\"} flex={currentFlex}>\n {right}\n <Indent num={2} />\n </Row>\n </Row>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n selected?: boolean;\n}\n\nexport const NavBarButton = forwardRef<HTMLButtonElement, NavBarButtonProps>(\n function ({ selected, className, ...buttonProps }, ref) {\n return (\n <FlatButton\n {...buttonProps}\n ref={ref}\n className={cx(\n styles.navBarButton,\n selected && styles.selected,\n className,\n )}\n />\n );\n },\n);\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n return (\n <Heading whiteSpace={\"nowrap\"} variant={\"h4\"} as={\"h1\"} {...headingProps} />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n} from \"@stenajs-webui/tooltip\";\nimport { Box, useBoolean } from \"@stenajs-webui/core\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n extends Omit<NavBarButtonProps, \"onClick\" | \"content\">,\n Pick<ControlledPopoverProps, \"zIndex\" | \"appendTo\"> {\n content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n content,\n children,\n appendTo,\n zIndex,\n ...navBarButtonProps\n}) => {\n const [isOpen, , close, toggle] = useBoolean(false);\n\n return (\n <ControlledPopover\n renderTrigger={(props) => (\n <NavBarButton {...navBarButtonProps} {...props} onClick={toggle} />\n )}\n open={isOpen}\n onRequestClose={close}\n zIndex={zIndex}\n appendTo={appendTo}\n >\n <Box>\n {content && content({ close })}\n {children}\n </Box>\n </ControlledPopover>\n );\n};\n","import {\n BaseButton,\n FlatButtonProps,\n stenaBellFilled,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarNotificationButton.module.css\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface NavBarNotificationButtonProps\n extends Omit<FlatButtonProps, \"leftIcon\" | \"rightIcon\" | \"label\"> {\n count: number;\n unread: boolean;\n icon?: IconDefinition;\n}\n\nexport const NavBarNotificationButton = forwardRef<\n HTMLButtonElement,\n NavBarNotificationButtonProps\n>(function (\n {\n count,\n unread = false,\n className,\n labelClassName,\n iconClassName,\n icon = stenaBellFilled,\n ...buttonProps\n },\n ref,\n) {\n const hasCount = count > 1;\n\n return (\n <BaseButton\n {...buttonProps}\n ref={ref}\n leftIcon={icon}\n className={cx(\n styles.navBarNotificationButton,\n unread && styles.unread,\n hasCount && styles.hasCount,\n className,\n )}\n label={hasCount ? String(count) : undefined}\n labelClassName={cx(labelClassName, styles.label)}\n iconClassName={cx(iconClassName, styles.icon)}\n />\n );\n});\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { stenaTimes, TextInputButton } from \"@stenajs-webui/elements\";\n\nexport interface NavBarSearchFieldProps extends TextInputProps {\n showClearButton?: boolean;\n onClickClearButton?: ButtonElementProps[\"onClick\"];\n}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n placeholder = \"Search\",\n className,\n wrapperClassName,\n showClearButton,\n onClickClearButton,\n value,\n ...textInputProps\n}) => {\n return (\n <TextInput\n wrapperClassName={cx(\n styles.navBarSearchFieldWrapper,\n showClearButton ? styles.withButton : undefined,\n wrapperClassName,\n )}\n className={cx(styles.navBarSearchFieldInput, className)}\n placeholder={placeholder}\n value={value}\n buttonRight={\n value && showClearButton ? (\n <TextInputButton\n className={styles.clearButton}\n icon={stenaTimes}\n variant={\"error\"}\n onClick={onClickClearButton}\n />\n ) : undefined\n }\n {...textInputProps}\n />\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaUserCircle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport {\n ActionMenuFlatButton,\n ActionMenuFlatButtonProps,\n} from \"../action-menu-button/ActionMenuFlatButton\";\nimport styles from \"./NavBarUserButton.module.css\";\n\nexport interface NavBarUserButtonProps\n extends Omit<ActionMenuFlatButtonProps, \"label\" | \"leftIcon\" | \"rightIcon\"> {\n username?: string;\n initials?: string;\n icon?: IconDefinition;\n}\n\nexport const NavBarUserButton: React.FC<NavBarUserButtonProps> = ({\n className,\n username,\n initials,\n icon = stenaUserCircle,\n responsiveIconOnly = initials == null,\n ...buttonProps\n}) => {\n return (\n <ActionMenuFlatButton\n {...buttonProps}\n className={cx(styles.navBarUserButton, className)}\n leftIcon={username != null ? icon : undefined}\n label={initials ?? username}\n forceRound={initials != null}\n responsiveIconOnly={responsiveIconOnly}\n disableArrow\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./UnreadDot.module.css\";\n\nexport interface UnreadDotProps {\n children: ReactNode;\n}\n\nexport const UnreadDot: React.FC<UnreadDotProps> = ({ children }) => {\n return (\n <div className={styles.unreadDot}>\n {children}\n <div className={styles.dot} />\n </div>\n );\n};\n","import { Box, Row, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { CircledIcon, CloseButton, MediumIcon } from \"@stenajs-webui/elements\";\nimport { cssColor, CssPropColor } from \"@stenajs-webui/theme\";\nimport { UnreadDot } from \"./UnreadDot\";\nimport { NotificationVariant } from \"./Notification\";\n\nexport interface NotificationHeaderProps {\n /** Text. */\n text: string;\n /** Timestamp. */\n timestamp?: string;\n /** Icon. */\n icon?: MediumIcon;\n /** Icon description for accessibility. */\n iconAriaLabel?: string;\n /** Left content instead of icon. */\n contentLeft?: React.ReactNode;\n /** Right content. */\n contentRight?: React.ReactNode;\n /** What happens on clicking close. */\n onClose?: () => void;\n /** Mark the notification as unread */\n unread?: boolean;\n /** Notification variant. Will affect icon bg color */\n variant?: NotificationVariant;\n /** Icon background color. Will override other icon bg color */\n iconBackgroundColor?: CssPropColor;\n}\n\nexport const NotificationHeader: React.FC<NotificationHeaderProps> = ({\n text,\n timestamp,\n icon,\n iconAriaLabel,\n contentLeft,\n contentRight,\n onClose,\n unread = false,\n variant,\n iconBackgroundColor,\n}) => {\n const circledIcon = icon ? (\n <CircledIcon\n size={\"small\"}\n icon={icon}\n aria-label={iconAriaLabel}\n backgroundColor={\n iconBackgroundColor\n ? iconBackgroundColor\n : getIconBgColorFromVariant(unread, variant)\n }\n />\n ) : undefined;\n\n return (\n <Row alignItems={\"flex-start\"} indent={2} spacing>\n <Row spacing gap={2} flex={1} alignItems={\"flex-start\"}>\n {contentLeft && (\n <Box minHeight={20} justifyContent={\"center\"}>\n {contentLeft}\n </Box>\n )}\n {!contentLeft &&\n circledIcon &&\n (unread ? <UnreadDot>{circledIcon}</UnreadDot> : circledIcon)}\n <Box minHeight={20} justifyContent={\"center\"} flex={1} gap={0.5}>\n <Text variant={\"bold\"}>{text}</Text>\n {timestamp && (\n <Text\n size={\"small\"}\n color={cssColor(\n unread ? \"--lhds-color-blue-600\" : \"--lhds-color-ui-600\",\n )}\n >\n {timestamp}\n </Text>\n )}\n </Box>\n {contentRight}\n </Row>\n {onClose && (\n <Box\n flex={\"none\"}\n justifyContent={\"center\"}\n height={\"calc(20px + 2 * var(--swui-metrics-spacing))\"}\n >\n <CloseButton onClick={onClose} />\n </Box>\n )}\n </Row>\n );\n};\n\nexport const getIconBgColorFromVariant = (\n unread: boolean,\n variant?: NotificationVariant,\n): CssPropColor | undefined => {\n if (!unread && variant === \"standard\") {\n return undefined;\n }\n return \"--lhds-color-ui-50\";\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\nimport styles from \"./Notification.module.css\";\nimport cx from \"classnames\";\n\nexport type NotificationVariant = \"standard\" | \"danger\";\n\nexport interface NotificationProps extends NotificationHeaderProps {\n children?: ReactNode;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n variant = \"standard\",\n children,\n unread,\n ...headerProps\n}) => (\n <div\n className={cx(\n styles.notification,\n styles[variant],\n unread && styles.unread,\n )}\n >\n <NotificationHeader {...headerProps} unread={unread} variant={variant} />\n {children && <Column className={styles.body}>{children}</Column>}\n </div>\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./NotificationList.module.css\";\n\nexport interface NotificationListProps {\n children?: ReactNode;\n}\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n children,\n}) => {\n return (\n <div className={styles.notificationList}>\n {children}\n <div />\n </div>\n );\n};\n","import { Box, BoxProps, Space } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\nimport styles from \"./Toast.module.css\";\nimport cx from \"classnames\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\n\nexport interface ToastProps\n extends Pick<BoxProps, \"children\" | \"width\" | \"maxWidth\">,\n Omit<NotificationHeaderProps, \"contentRight\"> {\n /** What happens on clicking the toast. */\n onClick?: () => void;\n /** Description of what happens on clicking the toast for accessibility. */\n onClickAriaLabel?: string;\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n onClick,\n onClickAriaLabel,\n children,\n width = 264,\n maxWidth,\n ...headerProps\n}) => (\n <Box\n borderRadius={8}\n background={cssColor(\"--lhds-color-ui-50\")}\n shadow={\"popover\"}\n width={width}\n maxWidth={maxWidth}\n role={\"alert\"}\n position={\"relative\"}\n >\n <Box className={cx({ [styles.nonClickable]: onClick })}>\n <NotificationHeader {...headerProps} />\n </Box>\n {children && (\n <Box indent={3} className={cx({ [styles.nonClickable]: onClick })}>\n {children}\n <Space num={2} />\n </Box>\n )}\n {onClick && (\n <button\n onClick={onClick}\n className={styles.clickable}\n aria-label={onClickAriaLabel}\n ></button>\n )}\n </Box>\n);\n","import { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef, ReactNode } from \"react\";\n\nexport type CollapsibleProps =\n | CollapsibleLabelProps\n | CollapsibleRenderLabelProps;\n\nexport interface CollapsibleCommonProps\n extends Omit<ButtonElementProps, \"value\"> {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n collapsed?: boolean;\n}\n\nexport interface CollapsibleLabelProps extends CollapsibleCommonProps {\n label: string;\n}\n\nexport interface CollapsibleRenderLabelProps extends CollapsibleCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n ({ contentLeft, contentRight, collapsed = false, ...props }, ref) => (\n <MenuButton\n ref={ref}\n expandable\n expanded={!collapsed}\n selected={!collapsed}\n left={contentLeft}\n right={contentRight}\n {...props}\n />\n ),\n);\n","import * as React from \"react\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { ReactNode } from \"react\";\n\nexport interface CollapsibleListProps {\n children?: ReactNode;\n}\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = ({\n children,\n}) => {\n return <Column gap={1}>{children}</Column>;\n};\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport type CollapsibleWithCheckboxProps =\n | CollapsibleWithCheckboxLabelProps\n | CollapsibleWithCheckboxRenderLabelProps;\n\nexport interface CollapsibleWithCheckboxCommonProps\n extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n Pick<\n CheckboxProps,\n \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n > {\n checkboxDisabled?: CheckboxProps[\"disabled\"];\n}\n\nexport interface CollapsibleWithCheckboxLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n label: string;\n}\n\nexport interface CollapsibleWithCheckboxRenderLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const CollapsibleWithCheckbox: React.FC<\n CollapsibleWithCheckboxProps\n> = ({\n value,\n onValueChange,\n onChange,\n indeterminate,\n checkboxDisabled,\n ...collapsibleProps\n}) => {\n return (\n <Collapsible\n contentLeft={\n <Checkbox\n value={value}\n indeterminate={indeterminate}\n onValueChange={onValueChange}\n onChange={onChange}\n disabled={checkboxDisabled}\n onClick={(ev) => ev.stopPropagation()}\n />\n }\n {...collapsibleProps}\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenuCollapsibleGroupBox.module.css\";\n\nexport interface SidebarMenuCollapsibleGroupBoxProps {\n children?: ReactNode;\n}\n\nexport const SidebarMenuCollapsibleGroupBox: React.FC<\n SidebarMenuCollapsibleGroupBoxProps\n> = ({ children }) => {\n return (\n <div className={styles.sidebarMenuCollapsibleGroupBox}>{children}</div>\n );\n};\n","import { Box, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\n\nexport interface CollapsibleGroupHeadingProps {\n children: string;\n}\n\nexport const CollapsibleGroupHeading: React.FC<\n CollapsibleGroupHeadingProps\n> = ({ children }) => (\n <Box spacing indent>\n <Text variant={\"overline\"} size={\"smaller\"}>\n {children}\n </Text>\n </Box>\n);\n","import { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon, stenaMail } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface CollapsibleEmptyContentProps {\n text?: string;\n}\n\nexport const CollapsibleEmptyContent: React.FC<\n CollapsibleEmptyContentProps\n> = ({ text = \"No content\" }) => {\n return (\n <Column indent spacing flex={1} alignItems={\"center\"}>\n <Icon icon={stenaMail} color={cssColor(\"--lhds-color-ui-500\")} />\n <Space />\n <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n {text}\n </Text>\n </Column>\n );\n};\n","import {\n Box,\n Column,\n Heading,\n HeadingProps,\n Space,\n Text,\n} from \"@stenajs-webui/core\";\nimport {\n Card,\n CardBody,\n CardProps,\n CircledIcon,\n stenaTripFerryXl,\n XlIcon,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\nexport interface ErrorPanelProps extends CardProps, PropsWithChildren {\n text?: string;\n heading?: string;\n buttons?: ReactNode;\n icon?: XlIcon;\n headingLevel?: HeadingProps[\"as\"];\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n text,\n heading,\n children,\n buttons,\n icon = stenaTripFerryXl,\n headingLevel = \"h3\",\n ...cardProps\n}) => {\n const activeText =\n !text && !heading ? \"Something unexpected happened.\" : text;\n\n return (\n <Card {...cardProps}>\n <CardBody>\n <Column spacing={1} gap={3} alignItems={\"center\"}>\n <Column alignItems={\"center\"}>\n <Space num={1} />\n <CircledIcon icon={icon} size={\"xl\"} />\n </Column>\n {heading && <Heading as={headingLevel}>{heading}</Heading>}\n {activeText && <Text>{activeText}</Text>}\n {children}\n {buttons && (\n <Box>\n <Space num={2} />\n {buttons}\n </Box>\n )}\n </Column>\n </CardBody>\n </Card>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <ErrorPanel {...props} />\n </Box>\n );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n text = \"Loading...\",\n}) => {\n return (\n <Box alignItems={\"center\"}>\n <Spinner size={\"small\"} />\n <Space num={4} />\n <Heading variant={\"h4\"}>{text}</Heading>\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <LoadingPanel {...props} />\n </Box>\n );\n};\n","import { Box, Row, Space } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface PageHeaderProps {\n renderBreadCrumbs?: () => ReactNode;\n renderPageHeading?: () => ReactNode;\n renderTabs?: () => ReactNode;\n children?: ReactNode;\n}\n\nexport const PageHeader: React.FC<PageHeaderProps> = ({\n renderBreadCrumbs,\n renderPageHeading,\n renderTabs,\n children,\n}) => {\n return (\n <Box shadow={\"bottom\"} background={cssColor(\"--lhds-color-ui-50\")} gap={2}>\n <Box indent={3}>\n {renderBreadCrumbs && (\n <Row spacing={1} alignItems={\"center\"}>\n <Row width={\"64px\"} height={\"16px\"} />\n {renderBreadCrumbs()}\n </Row>\n )}\n {renderPageHeading?.()}\n {renderTabs && <Space />}\n {renderTabs?.()}\n </Box>\n {children}\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { BoxProps, Row } from \"@stenajs-webui/core\";\n\nexport interface PageHeaderRowProps extends BoxProps {}\n\nexport const PageHeaderRow: React.FC<PageHeaderRowProps> = (props) => (\n <Row indent={3} spacing {...props} />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\n\nexport type PageHeadingVariant = \"compact\" | \"standard\" | \"relaxed\";\n\ninterface PageHeadingProps {\n icon?: MediumIcon;\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n heading: string;\n headingLevel?: HeadingVariant;\n variant?: PageHeadingVariant;\n}\n\nexport const PageHeading: React.FC<PageHeadingProps> = ({\n icon,\n heading,\n headingLevel = \"h2\",\n contentLeft,\n contentRight,\n}) => (\n <Row alignItems={\"center\"} gap={2} height={\"64px\"}>\n <Row alignItems={\"center\"}>\n <Row width={\"64px\"} alignItems={\"center\"}>\n {icon && <CircledIcon icon={icon} />}\n </Row>\n <Heading variant={\"h3\"} as={headingLevel}>\n {heading}\n </Heading>\n </Row>\n <Row alignItems={\"center\"}>{contentLeft}</Row>\n <Row style={{ marginLeft: \"auto\" }} alignItems={\"center\"}>\n {contentRight}\n </Row>\n </Row>\n);\n","import * as React from \"react\";\nimport styles from \"./SidebarMenuCloseButtonRow.module.css\";\nimport { ButtonElementProps, Column, Row, Space } from \"@stenajs-webui/core\";\nimport { CloseButton, StenaFlag } from \"@stenajs-webui/elements\";\n\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SidebarMenuCloseButtonRowProps extends ButtonElementProps {}\n\nexport const SidebarMenuCloseButtonRow: React.FC<\n SidebarMenuCloseButtonRowProps\n> = ({ onClick }) => {\n return (\n <Column background={cssColor(\"--lhds-color-ui-50\")}>\n <Space />\n <Row\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n flex={1}\n indent={1}\n minHeight={\"48px\"}\n >\n <CloseButton onClick={onClick} />\n <StenaFlag className={styles.stenaFlag} />\n </Row>\n </Column>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButton,\n MenuButtonProps,\n stenaAngleLeftDouble,\n stenaPin,\n} from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuPinButtonProps {\n isPinned?: boolean;\n label?: string;\n onClick?: MenuButtonProps[\"onClick\"];\n}\n\nexport const SidebarMenuPinButton: React.FC<SidebarMenuPinButtonProps> = ({\n isPinned,\n onClick,\n label,\n}) => {\n const pinLabel = isPinned ? \"Unpin menu\" : \"Pin menu\";\n const activeLabel = label ?? pinLabel;\n const activeIcon = isPinned ? stenaAngleLeftDouble : stenaPin;\n\n return (\n <MenuButton onClick={onClick} label={activeLabel} leftIcon={activeIcon} />\n );\n};\n","import { Box, BoxProps, Column, Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n SidebarMenuCloseButtonRow,\n SidebarMenuCloseButtonRowProps,\n} from \"./SidebarMenuCloseButtonRow\";\nimport { SidebarMenuPinButton } from \"./SidebarMenuPinButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n onCloseClick?: SidebarMenuCloseButtonRowProps[\"onClick\"];\n pinButtonVisible?: boolean;\n isPinned?: boolean;\n bottomItems?: ReactNode;\n onClickPinButton?: () => void;\n}\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n className,\n children,\n onCloseClick,\n pinButtonVisible,\n onClickPinButton,\n bottomItems,\n isPinned,\n ...boxProps\n}) => {\n return (\n <Box {...boxProps} className={cx(styles.sidebarMenu, className)}>\n <SidebarMenuCloseButtonRow onClick={onCloseClick} />\n <Box className={styles.scrollContainer}>\n <Column\n className={styles.sidebarItems}\n justifyContent={\"space-between\"}\n flex={1}\n gap={1}\n indent={1}\n >\n <Column gap={1}>{children}</Column>\n {(bottomItems || pinButtonVisible) && (\n <Column gap={1}>\n {bottomItems}\n {pinButtonVisible && (\n <SidebarMenuPinButton\n isPinned={isPinned}\n onClick={onClickPinButton}\n />\n )}\n <Space />\n </Column>\n )}\n </Column>\n </Box>\n </Box>\n );\n};\n","import { createContext, useContext } from \"react\";\n\nexport const RailContext = createContext<boolean | undefined>(false);\n\nexport const useRailContext = () => useContext(RailContext);\n","import * as React from \"react\";\nimport { IconMenuButton, IconMenuButtonProps } from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuButtonProps = IconMenuButtonProps & { label: string };\n\nexport const RailMenuButton: React.FC<RailMenuButtonProps> = ({\n label,\n ...menuButtonLinkProps\n}) => {\n const label2 =\n ' <Tooltip label={label2} placement={\"right\"} visible>\\n' +\n \" <IconMenuButton {...menuButtonLinkProps} />\\n\" +\n \" </Tooltip>\\n\";\n\n return (\n <Tooltip label={label + label2} placement={\"right\"} visible>\n <IconMenuButton {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column } from \"@stenajs-webui/core\";\nimport { RailContext } from \"./RailContext\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport {\n IconMenuButton,\n stenaAngleLeftDouble,\n stenaHamburger,\n} from \"@stenajs-webui/elements\";\nimport { RailMenuButton } from \"../items/RailMenuButton\";\n\ninterface SidebarRailMenuProps {\n closeButtonVisible?: boolean;\n onClickCloseButton?: () => void;\n onClickMenuButton?: () => void;\n children?: ReactNode;\n bottomItems?: ReactNode;\n closeButtonTitle?: string;\n}\n\nexport const SidebarRailMenu: React.FC<SidebarRailMenuProps> = ({\n closeButtonVisible,\n onClickCloseButton,\n onClickMenuButton,\n children,\n bottomItems,\n closeButtonTitle = \"Unpin menu\",\n}) => {\n return (\n <Box\n position={\"fixed\"}\n left={0}\n top={0}\n bottom={0}\n indent={0.5}\n spacing={1}\n gap={1}\n shadow={\"popover\"}\n background={cssColor(\"--lhds-color-ui-50\")}\n >\n <IconMenuButton onClick={onClickMenuButton} icon={stenaHamburger} />\n <Column justifyContent={\"space-between\"} flex={1} gap={1}>\n <Column gap={1}>\n <RailContext.Provider value={true}>{children}</RailContext.Provider>\n </Column>\n <Column gap={1}>\n {(bottomItems || closeButtonVisible) && (\n <RailContext.Provider value={true}>\n {bottomItems}\n {closeButtonVisible && (\n <RailMenuButton\n icon={stenaAngleLeftDouble}\n label={closeButtonTitle}\n onClick={onClickCloseButton}\n />\n )}\n </RailContext.Provider>\n )}\n </Column>\n </Column>\n </Box>\n );\n};\n","import { Box, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { useRailContext } from \"../rail/RailContext\";\n\nexport interface SidebarMenuHeadingProps {\n label: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n label,\n}) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return null;\n }\n\n return (\n <Box height={\"32px\"} justifyContent={\"center\"} indent={1}>\n <Space />\n <Text variant={\"overline\"} size={\"smaller\"}>\n {label}\n </Text>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport {\n IconMenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const RailMenuLink: React.FC<RailMenuLinkProps> = ({\n label,\n leftIcon,\n ...menuButtonLinkProps\n}) => {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <Tooltip label={label} placement={\"right\"}>\n <IconMenuButtonLink icon={leftIcon} {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuLink } from \"./RailMenuLink\";\n\nexport type SidebarMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = (props) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return <RailMenuLink {...props} />;\n }\n\n return <MenuButtonLink {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Box } from \"@stenajs-webui/core\";\nimport { SidebarMenuHeading } from \"./SidebarMenuHeading\";\nimport { RailContext } from \"../rail/RailContext\";\nimport { IconMenuButton } from \"@stenajs-webui/elements\";\n\nexport interface RailMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n icon: IconDefinition;\n children?: ReactNode;\n popupMinWidth?: string;\n}\n\nexport const RailMenuCollapsible: React.FC<RailMenuCollapsibleProps> = ({\n children,\n label,\n icon,\n popupMinWidth = \"200px\",\n}) => {\n return (\n <Popover\n renderTrigger={(props) => <IconMenuButton icon={icon} {...props} />}\n placement={\"right-start\"}\n trigger={[\"hover\", \"focus\"]}\n disablePadding\n >\n <Box\n minWidth={popupMinWidth}\n shadow={\"popover\"}\n spacing={1}\n indent={1}\n gap={2}\n >\n <RailContext.Provider value={false}>\n <SidebarMenuHeading label={label} />\n {children}\n </RailContext.Provider>\n </Box>\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode, useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuCollapsible } from \"./RailMenuCollapsible\";\nimport { SidebarMenuCollapsibleGroupBox } from \"./SidebarMenuCollapsibleGroupBox\";\n\nexport interface SidebarMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n leftIcon?: IconDefinition;\n children?: ReactNode;\n className?: string;\n initialExpand?: boolean;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n children,\n label,\n leftIcon,\n className,\n initialExpand = false,\n}) => {\n const [expanded, setExpanded] = useState<boolean>(initialExpand);\n\n const isRail = useRailContext();\n\n if (isRail) {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <RailMenuCollapsible label={label} icon={leftIcon}>\n {children}\n </RailMenuCollapsible>\n );\n }\n return (\n <MenuButton\n label={label}\n onClick={() => setExpanded(!expanded)}\n leftIcon={leftIcon}\n className={className}\n expandable\n expanded={expanded}\n selected={expanded}\n >\n <SidebarMenuCollapsibleGroupBox>\n {children}\n </SidebarMenuCollapsibleGroupBox>\n </MenuButton>\n );\n};\n","import { SeparatorLine, SeparatorLineProps } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n separatorLineProps,\n) => (\n <SeparatorLine\n color={cssColor(\"--lhds-color-ui-400\")}\n {...separatorLineProps}\n />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Row, Space, Text } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectedItemsActionsPanelProps {\n numItemsSelected?: number;\n label?: ReactNode | string;\n afterLabelContent?: ReactNode;\n rightContent?: ReactNode;\n}\n\nexport const SelectedItemsActionsPanel: React.FC<\n SelectedItemsActionsPanelProps\n> = ({ numItemsSelected, label, afterLabelContent, rightContent }) => (\n <Row\n indent={3}\n spacing\n gap={3}\n minHeight={\"56px\"}\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n background={cssColor(\"--silver-lighter\")}\n flex={1}\n borderRadius={\"var(--swui-border-radius)\"}\n >\n <Row alignItems={\"center\"} gap={2}>\n {numItemsSelected != null || label != null ? (\n <Row alignItems={\"center\"}>\n {numItemsSelected != null ? (\n <>\n <Text>{numItemsSelected}</Text>\n <Space />\n <Text>item{numItemsSelected === 1 ? \"\" : \"s\"} selected</Text>\n </>\n ) : label != null ? (\n <>{typeof label === \"string\" ? <Text>{label}</Text> : label}</>\n ) : null}\n </Row>\n ) : null}\n {afterLabelContent && <Row>{afterLabelContent}</Row>}\n </Row>\n <Row gap={2}>{rightContent}</Row>\n </Row>\n);\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\n\nexport interface SelectedItemsActionsPaddingProps extends PropsWithChildren {}\n\nexport const SelectedItemsActionsPadding: React.FC<\n SelectedItemsActionsPaddingProps\n> = ({ children }) => {\n return (\n <Row spacing={0.5} indent={0.5} flex={1}>\n {children}\n </Row>\n );\n};\n"],"names":["ActionMenuButton","renderItems","placement","Button","rightIcon","stenaAngleDown","menuWidth","menuTop","onClick","disableArrow","buttonRef","appendTo","zIndex","buttonProps","isOpen","open","close","toggle","useBoolean","fallbackRef","useRef","ref","contextValue","useMemo","handleClick","event","jsx","Fragment","ControlledPopover","props","ActionMenu","ActionMenuContext","ActionMenuPrimaryButton","PrimaryButton","ActionMenuSecondaryButton","SecondaryButton","ActionMenuFlatButton","FlatButton","border","CheckboxMenu","renderMenu","checkboxProps","Popover","Row","jsxs","Checkbox","Indent","onRequestClose","Column","NavBarSideMenuButton","className","stenaHamburger","NavBar","left","showMenuButton","children","right","center","onClickMenuButton","currentFlex","cx","styles","React","child","index","NavBarButton","forwardRef","selected","NavBarHeading","headingProps","Heading","NavBarPopoverButton","content","navBarButtonProps","Box","NavBarNotificationButton","count","unread","labelClassName","iconClassName","icon","stenaBellFilled","hasCount","BaseButton","NavBarSearchField","placeholder","wrapperClassName","showClearButton","onClickClearButton","value","textInputProps","TextInput","TextInputButton","stenaTimes","NavBarUserButton","username","initials","stenaUserCircle","responsiveIconOnly","UnreadDot","NotificationHeader","text","timestamp","iconAriaLabel","contentLeft","contentRight","onClose","variant","iconBackgroundColor","circledIcon","CircledIcon","getIconBgColorFromVariant","Text","cssColor","CloseButton","Notification","headerProps","NotificationList","Toast","onClickAriaLabel","width","maxWidth","Space","Collapsible","collapsed","MenuButton","CollapsibleList","CollapsibleWithCheckbox","onValueChange","onChange","indeterminate","checkboxDisabled","collapsibleProps","ev","SidebarMenuCollapsibleGroupBox","CollapsibleGroupHeading","CollapsibleEmptyContent","Icon","stenaMail","ErrorPanel","heading","buttons","stenaTripFerryXl","headingLevel","cardProps","activeText","Card","CardBody","ErrorScreen","LoadingPanel","Spinner","LoadingScreen","PageHeader","renderBreadCrumbs","renderPageHeading","renderTabs","PageHeaderRow","PageHeading","SidebarMenuCloseButtonRow","StenaFlag","SidebarMenuPinButton","isPinned","label","activeLabel","activeIcon","stenaAngleLeftDouble","stenaPin","SidebarMenu","onCloseClick","pinButtonVisible","onClickPinButton","bottomItems","boxProps","RailContext","createContext","useRailContext","useContext","RailMenuButton","menuButtonLinkProps","Tooltip","IconMenuButton","SidebarRailMenu","closeButtonVisible","onClickCloseButton","closeButtonTitle","SidebarMenuHeading","RailMenuLink","leftIcon","IconMenuButtonLink","SidebarMenuLink","MenuButtonLink","RailMenuCollapsible","popupMinWidth","SidebarMenuCollapsible","initialExpand","expanded","setExpanded","useState","SidebarMenuSeparator","separatorLineProps","SeparatorLine","SelectedItemsActionsPanel","numItemsSelected","afterLabelContent","rightContent","SelectedItemsActionsPadding"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarNotificationButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/nav-bar/NavBarUserButton.tsx","../src/components/notifications/UnreadDot.tsx","../src/components/notifications/NotificationHeader.tsx","../src/components/notifications/Notification.tsx","../src/components/notifications/NotificationList.tsx","../src/components/notifications/Toast.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleList.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsibleGroupBox.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/page-header/PageHeader.tsx","../src/components/page-header/PageHeaderRow.tsx","../src/components/page-header/PageHeading.tsx","../src/components/sidebar-menu/SidebarMenuCloseButtonRow.tsx","../src/components/sidebar-menu/SidebarMenuPinButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/rail/RailContext.ts","../src/components/sidebar-menu/items/RailMenuButton.tsx","../src/components/sidebar-menu/rail/SidebarRailMenu.tsx","../src/components/sidebar-menu/items/SidebarMenuHeading.tsx","../src/components/sidebar-menu/items/RailMenuLink.tsx","../src/components/sidebar-menu/items/SidebarMenuLink.tsx","../src/components/sidebar-menu/items/RailMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/items/SidebarMenuSeparator.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPanel.tsx","../src/components/selected-items-actions-panel/SelectedItemsActionsPadding.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, RefObject, useMemo, useRef } from \"react\";\nimport {\n ActionMenu,\n ActionMenuContext,\n ActionMenuProps,\n FlatButton,\n PrimaryButton,\n PrimaryButtonProps,\n SecondaryButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n PopoverProps,\n} from \"@stenajs-webui/tooltip\";\n\nexport interface ActionMenuButtonProps\n extends Omit<\n PrimaryButtonProps,\n \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n > {\n /** The content of the Action Menu. */\n renderItems: (close: () => void) => ReactNode;\n /** The placement of the Action Menu. */\n placement?: PopoverProps[\"placement\"];\n /** Z-index of the Action Menu */\n zIndex?: number;\n /** Portal target, HTML element. If not set, portal is not used. */\n appendTo?: ControlledPopoverProps[\"appendTo\"];\n menuWidth?: ActionMenuProps[\"width\"];\n menuTop?: ActionMenuProps[\"top\"];\n buttonComponent:\n | typeof PrimaryButton\n | typeof SecondaryButton\n | typeof FlatButton;\n disableArrow?: boolean;\n buttonRef?: RefObject<HTMLButtonElement | null>;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n renderItems,\n placement = \"bottom\",\n buttonComponent: Button,\n rightIcon = stenaAngleDown,\n menuWidth,\n menuTop,\n onClick,\n disableArrow = false,\n buttonRef,\n appendTo,\n zIndex,\n ...buttonProps\n}) => {\n const [isOpen, open, close, toggle] = useBoolean(false);\n\n const fallbackRef = useRef<HTMLButtonElement>(null);\n const ref = buttonRef ?? fallbackRef;\n\n const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n const handleClick = (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n ) => {\n onClick?.(event);\n toggle();\n };\n\n return (\n <>\n <ControlledPopover\n renderTrigger={(props) => (\n <Button\n rightIcon={disableArrow ? undefined : rightIcon}\n {...buttonProps}\n ref={ref}\n onClick={handleClick}\n {...props}\n />\n )}\n hideArrow\n disablePadding\n open={isOpen}\n onRequestClose={close}\n placement={placement}\n appendTo={appendTo}\n zIndex={zIndex}\n >\n {isOpen && (\n <ActionMenu width={menuWidth} top={menuTop} trapFocus>\n <ActionMenuContext.Provider value={contextValue}>\n {renderItems(close)}\n </ActionMenuContext.Provider>\n </ActionMenu>\n )}\n </ControlledPopover>\n </>\n );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<\n ActionMenuSecondaryButtonProps\n> = (props) => {\n return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n props,\n) => {\n return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Column, Indent, Row } from \"@stenajs-webui/core\";\nimport {\n ActionMenu,\n FlatButton,\n stenaAngleDown,\n} from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n renderMenu,\n ...checkboxProps\n}) => {\n return (\n <Popover\n trigger={\"click\"}\n renderTrigger={(props) => (\n <Row>\n <Row\n spacing={0.5}\n indent\n alignItems={\"center\"}\n border={border}\n borderRadius={\"4px\"}\n >\n <Checkbox {...checkboxProps} />\n <Indent num={0.5} />\n <FlatButton size={\"small\"} leftIcon={stenaAngleDown} {...props} />\n </Row>\n </Row>\n )}\n hideArrow\n disablePadding\n placement={\"bottom-start\"}\n >\n {({ onRequestClose }) => (\n <Column>\n <ActionMenu>{renderMenu(onRequestClose)}</ActionMenu>\n </Column>\n )}\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { FlatButton, stenaHamburger } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n className,\n onClick,\n}) => {\n return (\n <FlatButton\n leftIcon={stenaHamburger}\n className={className}\n onClick={onClick}\n />\n );\n};\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n NavBarSideMenuButton,\n SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\n\nexport type NavBarVariant = \"compact\" | \"standard\" | \"relaxed\";\n\nexport interface NavBarProps {\n className?: string;\n showMenuButton?: boolean;\n onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n right?: ReactNode;\n center?: ReactNode;\n left?: ReactNode;\n variant?: NavBarVariant;\n children?: ReactNode;\n}\n\nexport const NavBar: React.FC<NavBarProps> = ({\n left,\n className,\n showMenuButton = false,\n children,\n right,\n center,\n onClickMenuButton,\n}) => {\n const currentFlex = center ? 1 : undefined;\n return (\n <Row\n justifyContent={\"space-between\"}\n className={cx(styles.navBar, className)}\n >\n <Row\n flex={currentFlex}\n justifyContent={\"flex-start\"}\n alignItems={\"center\"}\n >\n <Row width={\"86px\"} alignItems={\"center\"}>\n <Indent />\n {showMenuButton && (\n <NavBarSideMenuButton onClick={onClickMenuButton} />\n )}\n </Row>\n\n {left && (\n <>\n {left}\n <Indent num={2} />\n </>\n )}\n {children && (\n <>\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {React.Children.map(children, (child, index) => (\n <>\n {index > 0 && <Indent />}\n {child}\n </>\n ))}\n </Row>\n </>\n )}\n </Row>\n {center && (\n <Row justifyContent={\"center\"} alignItems={\"center\"}>\n {center}\n </Row>\n )}\n <Row justifyContent={\"flex-end\"} alignItems={\"center\"} flex={currentFlex}>\n {right}\n <Indent num={2} />\n </Row>\n </Row>\n );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n selected?: boolean;\n}\n\nexport const NavBarButton = forwardRef<HTMLButtonElement, NavBarButtonProps>(\n function ({ selected, className, ...buttonProps }, ref) {\n return (\n <FlatButton\n {...buttonProps}\n ref={ref}\n className={cx(\n styles.navBarButton,\n selected && styles.selected,\n className,\n )}\n />\n );\n },\n);\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n return (\n <Heading whiteSpace={\"nowrap\"} variant={\"h4\"} as={\"h1\"} {...headingProps} />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport {\n ControlledPopover,\n ControlledPopoverProps,\n} from \"@stenajs-webui/tooltip\";\nimport { Box, useBoolean } from \"@stenajs-webui/core\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n extends Omit<NavBarButtonProps, \"onClick\" | \"content\">,\n Pick<ControlledPopoverProps, \"zIndex\" | \"appendTo\"> {\n content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n content,\n children,\n appendTo,\n zIndex,\n ...navBarButtonProps\n}) => {\n const [isOpen, , close, toggle] = useBoolean(false);\n\n return (\n <ControlledPopover\n renderTrigger={(props) => (\n <NavBarButton {...navBarButtonProps} {...props} onClick={toggle} />\n )}\n open={isOpen}\n onRequestClose={close}\n zIndex={zIndex}\n appendTo={appendTo}\n >\n <Box>\n {content && content({ close })}\n {children}\n </Box>\n </ControlledPopover>\n );\n};\n","import {\n BaseButton,\n FlatButtonProps,\n stenaBellFilled,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarNotificationButton.module.css\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface NavBarNotificationButtonProps\n extends Omit<FlatButtonProps, \"leftIcon\" | \"rightIcon\" | \"label\"> {\n count: number;\n unread: boolean;\n icon?: IconDefinition;\n}\n\nexport const NavBarNotificationButton = forwardRef<\n HTMLButtonElement,\n NavBarNotificationButtonProps\n>(function (\n {\n count,\n unread = false,\n className,\n labelClassName,\n iconClassName,\n icon = stenaBellFilled,\n ...buttonProps\n },\n ref,\n) {\n const hasCount = count > 1;\n\n return (\n <BaseButton\n {...buttonProps}\n ref={ref}\n leftIcon={icon}\n className={cx(\n styles.navBarNotificationButton,\n unread && styles.unread,\n hasCount && styles.hasCount,\n className,\n )}\n label={hasCount ? String(count) : undefined}\n labelClassName={cx(labelClassName, styles.label)}\n iconClassName={cx(iconClassName, styles.icon)}\n />\n );\n});\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { stenaTimes, TextInputButton } from \"@stenajs-webui/elements\";\n\nexport interface NavBarSearchFieldProps extends TextInputProps {\n showClearButton?: boolean;\n onClickClearButton?: ButtonElementProps[\"onClick\"];\n}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n placeholder = \"Search\",\n className,\n wrapperClassName,\n showClearButton,\n onClickClearButton,\n value,\n ...textInputProps\n}) => {\n return (\n <TextInput\n wrapperClassName={cx(\n styles.navBarSearchFieldWrapper,\n showClearButton ? styles.withButton : undefined,\n wrapperClassName,\n )}\n className={cx(styles.navBarSearchFieldInput, className)}\n placeholder={placeholder}\n value={value}\n buttonRight={\n value && showClearButton ? (\n <TextInputButton\n className={styles.clearButton}\n icon={stenaTimes}\n variant={\"error\"}\n onClick={onClickClearButton}\n />\n ) : undefined\n }\n {...textInputProps}\n />\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { stenaUserCircle } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport {\n ActionMenuFlatButton,\n ActionMenuFlatButtonProps,\n} from \"../action-menu-button/ActionMenuFlatButton\";\nimport styles from \"./NavBarUserButton.module.css\";\n\nexport interface NavBarUserButtonProps\n extends Omit<ActionMenuFlatButtonProps, \"label\" | \"leftIcon\" | \"rightIcon\"> {\n username?: string;\n initials?: string;\n icon?: IconDefinition;\n}\n\nexport const NavBarUserButton: React.FC<NavBarUserButtonProps> = ({\n className,\n username,\n initials,\n icon = stenaUserCircle,\n responsiveIconOnly = initials == null,\n ...buttonProps\n}) => {\n return (\n <ActionMenuFlatButton\n {...buttonProps}\n className={cx(styles.navBarUserButton, className)}\n leftIcon={username != null ? icon : undefined}\n label={initials ?? username}\n forceRound={initials != null}\n responsiveIconOnly={responsiveIconOnly}\n disableArrow\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./UnreadDot.module.css\";\n\nexport interface UnreadDotProps {\n children: ReactNode;\n}\n\nexport const UnreadDot: React.FC<UnreadDotProps> = ({ children }) => {\n return (\n <div className={styles.unreadDot}>\n {children}\n <div className={styles.dot} />\n </div>\n );\n};\n","import { Box, Row, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { CircledIcon, CloseButton, MediumIcon } from \"@stenajs-webui/elements\";\nimport { cssColor, CssPropColor } from \"@stenajs-webui/theme\";\nimport { UnreadDot } from \"./UnreadDot\";\nimport { NotificationVariant } from \"./Notification\";\n\nexport interface NotificationHeaderProps {\n /** Text. */\n text: string;\n /** Timestamp. */\n timestamp?: string;\n /** Icon. */\n icon?: MediumIcon;\n /** Icon description for accessibility. */\n iconAriaLabel?: string;\n /** Left content instead of icon. */\n contentLeft?: React.ReactNode;\n /** Right content. */\n contentRight?: React.ReactNode;\n /** What happens on clicking close. */\n onClose?: () => void;\n /** Mark the notification as unread */\n unread?: boolean;\n /** Notification variant. Will affect icon bg color */\n variant?: NotificationVariant;\n /** Icon background color. Will override other icon bg color */\n iconBackgroundColor?: CssPropColor;\n}\n\nexport const NotificationHeader: React.FC<NotificationHeaderProps> = ({\n text,\n timestamp,\n icon,\n iconAriaLabel,\n contentLeft,\n contentRight,\n onClose,\n unread = false,\n variant,\n iconBackgroundColor,\n}) => {\n const circledIcon = icon ? (\n <CircledIcon\n size={\"small\"}\n icon={icon}\n aria-label={iconAriaLabel}\n backgroundColor={\n iconBackgroundColor\n ? iconBackgroundColor\n : getIconBgColorFromVariant(unread, variant)\n }\n />\n ) : undefined;\n\n return (\n <Row alignItems={\"flex-start\"} indent={2} spacing>\n <Row spacing gap={2} flex={1} alignItems={\"flex-start\"}>\n {contentLeft && (\n <Box minHeight={20} justifyContent={\"center\"}>\n {contentLeft}\n </Box>\n )}\n {!contentLeft &&\n circledIcon &&\n (unread ? <UnreadDot>{circledIcon}</UnreadDot> : circledIcon)}\n <Box minHeight={20} justifyContent={\"center\"} flex={1} gap={0.5}>\n <Text variant={\"bold\"}>{text}</Text>\n {timestamp && (\n <Text\n size={\"small\"}\n color={cssColor(\n unread ? \"--lhds-color-blue-600\" : \"--lhds-color-ui-600\",\n )}\n >\n {timestamp}\n </Text>\n )}\n </Box>\n {contentRight}\n </Row>\n {onClose && (\n <Box\n flex={\"none\"}\n justifyContent={\"center\"}\n height={\"calc(20px + 2 * var(--swui-metrics-spacing))\"}\n >\n <CloseButton onClick={onClose} />\n </Box>\n )}\n </Row>\n );\n};\n\nexport const getIconBgColorFromVariant = (\n unread: boolean,\n variant?: NotificationVariant,\n): CssPropColor | undefined => {\n if (!unread && variant === \"standard\") {\n return undefined;\n }\n return \"--lhds-color-ui-50\";\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\nimport styles from \"./Notification.module.css\";\nimport cx from \"classnames\";\n\nexport type NotificationVariant = \"standard\" | \"danger\";\n\nexport interface NotificationProps extends NotificationHeaderProps {\n children?: ReactNode;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n variant = \"standard\",\n children,\n unread,\n ...headerProps\n}) => (\n <div\n className={cx(\n styles.notification,\n styles[variant],\n unread && styles.unread,\n )}\n >\n <NotificationHeader {...headerProps} unread={unread} variant={variant} />\n {children && <Column className={styles.body}>{children}</Column>}\n </div>\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./NotificationList.module.css\";\n\nexport interface NotificationListProps {\n children?: ReactNode;\n}\n\nexport const NotificationList: React.FC<NotificationListProps> = ({\n children,\n}) => {\n return (\n <div className={styles.notificationList}>\n {children}\n <div />\n </div>\n );\n};\n","import { Box, BoxProps, Space } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\nimport styles from \"./Toast.module.css\";\nimport cx from \"classnames\";\nimport {\n NotificationHeader,\n NotificationHeaderProps,\n} from \"./NotificationHeader\";\n\nexport interface ToastProps\n extends Pick<BoxProps, \"children\" | \"width\" | \"maxWidth\">,\n Omit<NotificationHeaderProps, \"contentRight\"> {\n /** What happens on clicking the toast. */\n onClick?: () => void;\n /** Description of what happens on clicking the toast for accessibility. */\n onClickAriaLabel?: string;\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n onClick,\n onClickAriaLabel,\n children,\n width = 264,\n maxWidth,\n ...headerProps\n}) => (\n <Box\n borderRadius={8}\n background={cssColor(\"--lhds-color-ui-50\")}\n shadow={\"popover\"}\n width={width}\n maxWidth={maxWidth}\n role={\"alert\"}\n position={\"relative\"}\n >\n <Box className={cx({ [styles.nonClickable]: onClick })}>\n <NotificationHeader {...headerProps} />\n </Box>\n {children && (\n <Box indent={3} className={cx({ [styles.nonClickable]: onClick })}>\n {children}\n <Space num={2} />\n </Box>\n )}\n {onClick && (\n <button\n onClick={onClick}\n className={styles.clickable}\n aria-label={onClickAriaLabel}\n ></button>\n )}\n </Box>\n);\n","import { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { forwardRef, ReactNode } from \"react\";\n\nexport type CollapsibleProps =\n | CollapsibleLabelProps\n | CollapsibleRenderLabelProps;\n\nexport interface CollapsibleCommonProps\n extends Omit<ButtonElementProps, \"value\"> {\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n collapsed?: boolean;\n}\n\nexport interface CollapsibleLabelProps extends CollapsibleCommonProps {\n label: string;\n}\n\nexport interface CollapsibleRenderLabelProps extends CollapsibleCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n ({ contentLeft, contentRight, collapsed = false, ...props }, ref) => (\n <MenuButton\n ref={ref}\n expandable\n expanded={!collapsed}\n selected={!collapsed}\n left={contentLeft}\n right={contentRight}\n {...props}\n />\n ),\n);\n","import * as React from \"react\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { ReactNode } from \"react\";\n\nexport interface CollapsibleListProps {\n children?: ReactNode;\n}\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = ({\n children,\n}) => {\n return <Column gap={1}>{children}</Column>;\n};\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport type CollapsibleWithCheckboxProps =\n | CollapsibleWithCheckboxLabelProps\n | CollapsibleWithCheckboxRenderLabelProps;\n\nexport interface CollapsibleWithCheckboxCommonProps\n extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n Pick<\n CheckboxProps,\n \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n > {\n checkboxDisabled?: CheckboxProps[\"disabled\"];\n}\n\nexport interface CollapsibleWithCheckboxLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n label: string;\n}\n\nexport interface CollapsibleWithCheckboxRenderLabelProps\n extends CollapsibleWithCheckboxCommonProps {\n renderLabel: () => ReactNode;\n}\n\nexport const CollapsibleWithCheckbox: React.FC<\n CollapsibleWithCheckboxProps\n> = ({\n value,\n onValueChange,\n onChange,\n indeterminate,\n checkboxDisabled,\n ...collapsibleProps\n}) => {\n return (\n <Collapsible\n contentLeft={\n <Checkbox\n value={value}\n indeterminate={indeterminate}\n onValueChange={onValueChange}\n onChange={onChange}\n disabled={checkboxDisabled}\n onClick={(ev) => ev.stopPropagation()}\n />\n }\n {...collapsibleProps}\n />\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenuCollapsibleGroupBox.module.css\";\n\nexport interface SidebarMenuCollapsibleGroupBoxProps {\n children?: ReactNode;\n}\n\nexport const SidebarMenuCollapsibleGroupBox: React.FC<\n SidebarMenuCollapsibleGroupBoxProps\n> = ({ children }) => {\n return (\n <div className={styles.sidebarMenuCollapsibleGroupBox}>{children}</div>\n );\n};\n","import { Box, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\n\nexport interface CollapsibleGroupHeadingProps {\n children: string;\n}\n\nexport const CollapsibleGroupHeading: React.FC<\n CollapsibleGroupHeadingProps\n> = ({ children }) => (\n <Box spacing indent>\n <Text variant={\"overline\"} size={\"smaller\"}>\n {children}\n </Text>\n </Box>\n);\n","import { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon, stenaMail } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface CollapsibleEmptyContentProps {\n text?: string;\n}\n\nexport const CollapsibleEmptyContent: React.FC<\n CollapsibleEmptyContentProps\n> = ({ text = \"No content\" }) => {\n return (\n <Column indent spacing flex={1} alignItems={\"center\"}>\n <Icon icon={stenaMail} color={cssColor(\"--lhds-color-ui-500\")} />\n <Space />\n <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n {text}\n </Text>\n </Column>\n );\n};\n","import {\n Box,\n Column,\n Heading,\n HeadingProps,\n Space,\n Text,\n} from \"@stenajs-webui/core\";\nimport {\n Card,\n CardBody,\n CardProps,\n CircledIcon,\n stenaTripFerryXl,\n XlIcon,\n} from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\nexport interface ErrorPanelProps extends CardProps, PropsWithChildren {\n text?: string;\n heading?: string;\n buttons?: ReactNode;\n icon?: XlIcon;\n headingLevel?: HeadingProps[\"as\"];\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n text,\n heading,\n children,\n buttons,\n icon = stenaTripFerryXl,\n headingLevel = \"h3\",\n ...cardProps\n}) => {\n const activeText =\n !text && !heading ? \"Something unexpected happened.\" : text;\n\n return (\n <Card {...cardProps}>\n <CardBody>\n <Column spacing={1} gap={3} alignItems={\"center\"}>\n <Column alignItems={\"center\"}>\n <Space num={1} />\n <CircledIcon icon={icon} size={\"xl\"} />\n </Column>\n {heading && <Heading as={headingLevel}>{heading}</Heading>}\n {activeText && <Text>{activeText}</Text>}\n {children}\n {buttons && (\n <Box>\n <Space num={2} />\n {buttons}\n </Box>\n )}\n </Column>\n </CardBody>\n </Card>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <ErrorPanel {...props} />\n </Box>\n );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n text = \"Loading...\",\n}) => {\n return (\n <Box alignItems={\"center\"}>\n <Spinner size={\"small\"} />\n <Space num={4} />\n <Heading variant={\"h4\"}>{text}</Heading>\n </Box>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n return (\n <Box\n width={\"100%\"}\n height={\"100%\"}\n justifyContent={\"center\"}\n alignItems={\"center\"}\n >\n <LoadingPanel {...props} />\n </Box>\n );\n};\n","import { Box, Row, Space } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface PageHeaderProps {\n renderBreadCrumbs?: () => ReactNode;\n renderPageHeading?: () => ReactNode;\n renderTabs?: () => ReactNode;\n children?: ReactNode;\n}\n\nexport const PageHeader: React.FC<PageHeaderProps> = ({\n renderBreadCrumbs,\n renderPageHeading,\n renderTabs,\n children,\n}) => {\n return (\n <Box shadow={\"bottom\"} background={cssColor(\"--lhds-color-ui-50\")} gap={2}>\n <Box indent={3}>\n {renderBreadCrumbs && (\n <Row spacing={1} alignItems={\"center\"}>\n <Row width={\"64px\"} height={\"16px\"} />\n {renderBreadCrumbs()}\n </Row>\n )}\n {renderPageHeading?.()}\n {renderTabs && <Space />}\n {renderTabs?.()}\n </Box>\n {children}\n </Box>\n );\n};\n","import * as React from \"react\";\nimport { BoxProps, Row } from \"@stenajs-webui/core\";\n\nexport interface PageHeaderRowProps extends BoxProps {}\n\nexport const PageHeaderRow: React.FC<PageHeaderRowProps> = (props) => (\n <Row indent={3} spacing {...props} />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\n\nexport type PageHeadingVariant = \"compact\" | \"standard\" | \"relaxed\";\n\ninterface PageHeadingProps {\n icon?: MediumIcon;\n contentLeft?: ReactNode;\n contentRight?: ReactNode;\n heading: string;\n headingLevel?: HeadingVariant;\n variant?: PageHeadingVariant;\n}\n\nexport const PageHeading: React.FC<PageHeadingProps> = ({\n icon,\n heading,\n headingLevel = \"h2\",\n contentLeft,\n contentRight,\n}) => (\n <Row alignItems={\"center\"} gap={2} height={\"64px\"}>\n <Row alignItems={\"center\"}>\n <Row width={\"64px\"} alignItems={\"center\"}>\n {icon && <CircledIcon icon={icon} />}\n </Row>\n <Heading variant={\"h3\"} as={headingLevel}>\n {heading}\n </Heading>\n </Row>\n <Row alignItems={\"center\"}>{contentLeft}</Row>\n <Row style={{ marginLeft: \"auto\" }} alignItems={\"center\"}>\n {contentRight}\n </Row>\n </Row>\n);\n","import * as React from \"react\";\nimport styles from \"./SidebarMenuCloseButtonRow.module.css\";\nimport { ButtonElementProps, Column, Row, Space } from \"@stenajs-webui/core\";\nimport { CloseButton, StenaFlag } from \"@stenajs-webui/elements\";\n\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SidebarMenuCloseButtonRowProps extends ButtonElementProps {}\n\nexport const SidebarMenuCloseButtonRow: React.FC<\n SidebarMenuCloseButtonRowProps\n> = ({ onClick }) => {\n return (\n <Column background={cssColor(\"--lhds-color-ui-50\")}>\n <Space />\n <Row\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n flex={1}\n indent={1}\n minHeight={\"48px\"}\n >\n <CloseButton onClick={onClick} />\n <StenaFlag className={styles.stenaFlag} />\n </Row>\n </Column>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButton,\n MenuButtonProps,\n stenaAngleLeftDouble,\n stenaPin,\n} from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuPinButtonProps {\n isPinned?: boolean;\n label?: string;\n onClick?: MenuButtonProps[\"onClick\"];\n}\n\nexport const SidebarMenuPinButton: React.FC<SidebarMenuPinButtonProps> = ({\n isPinned,\n onClick,\n label,\n}) => {\n const pinLabel = isPinned ? \"Unpin menu\" : \"Pin menu\";\n const activeLabel = label ?? pinLabel;\n const activeIcon = isPinned ? stenaAngleLeftDouble : stenaPin;\n\n return (\n <MenuButton onClick={onClick} label={activeLabel} leftIcon={activeIcon} />\n );\n};\n","import { Box, BoxProps, Column, Space } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n SidebarMenuCloseButtonRow,\n SidebarMenuCloseButtonRowProps,\n} from \"./SidebarMenuCloseButtonRow\";\nimport { SidebarMenuPinButton } from \"./SidebarMenuPinButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n onCloseClick?: SidebarMenuCloseButtonRowProps[\"onClick\"];\n pinButtonVisible?: boolean;\n isPinned?: boolean;\n bottomItems?: ReactNode;\n onClickPinButton?: () => void;\n}\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n className,\n children,\n onCloseClick,\n pinButtonVisible,\n onClickPinButton,\n bottomItems,\n isPinned,\n ...boxProps\n}) => {\n return (\n <Box {...boxProps} className={cx(styles.sidebarMenu, className)}>\n <SidebarMenuCloseButtonRow onClick={onCloseClick} />\n <Box className={styles.scrollContainer}>\n <Column\n className={styles.sidebarItems}\n justifyContent={\"space-between\"}\n flex={1}\n gap={1}\n indent={1}\n >\n <Column gap={1}>{children}</Column>\n {(bottomItems || pinButtonVisible) && (\n <Column gap={1}>\n {bottomItems}\n {pinButtonVisible && (\n <SidebarMenuPinButton\n isPinned={isPinned}\n onClick={onClickPinButton}\n />\n )}\n <Space />\n </Column>\n )}\n </Column>\n </Box>\n </Box>\n );\n};\n","import { createContext, useContext } from \"react\";\n\nexport const RailContext = createContext<boolean | undefined>(false);\n\nexport const useRailContext = () => useContext(RailContext);\n","import * as React from \"react\";\nimport { IconMenuButton, IconMenuButtonProps } from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuButtonProps = IconMenuButtonProps & { label: string };\n\nexport const RailMenuButton: React.FC<RailMenuButtonProps> = ({\n label,\n ...menuButtonLinkProps\n}) => {\n return (\n <Tooltip label={label} placement={\"right\"} appendTo={document.body}>\n <IconMenuButton {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column } from \"@stenajs-webui/core\";\nimport { RailContext } from \"./RailContext\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport {\n IconMenuButton,\n stenaAngleLeftDouble,\n stenaHamburger,\n} from \"@stenajs-webui/elements\";\nimport { RailMenuButton } from \"../items/RailMenuButton\";\n\ninterface SidebarRailMenuProps {\n closeButtonVisible?: boolean;\n onClickCloseButton?: () => void;\n onClickMenuButton?: () => void;\n children?: ReactNode;\n bottomItems?: ReactNode;\n closeButtonTitle?: string;\n}\n\nexport const SidebarRailMenu: React.FC<SidebarRailMenuProps> = ({\n closeButtonVisible,\n onClickCloseButton,\n onClickMenuButton,\n children,\n bottomItems,\n closeButtonTitle = \"Unpin menu\",\n}) => {\n return (\n <Box\n position={\"fixed\"}\n left={0}\n top={0}\n bottom={0}\n indent={0.5}\n spacing={1}\n gap={1}\n shadow={\"popover\"}\n background={cssColor(\"--lhds-color-ui-50\")}\n >\n <IconMenuButton onClick={onClickMenuButton} icon={stenaHamburger} />\n <Column justifyContent={\"space-between\"} flex={1} gap={1}>\n <Column gap={1}>\n <RailContext.Provider value={true}>{children}</RailContext.Provider>\n </Column>\n <Column gap={1}>\n {(bottomItems || closeButtonVisible) && (\n <RailContext.Provider value={true}>\n {bottomItems}\n {closeButtonVisible && (\n <RailMenuButton\n icon={stenaAngleLeftDouble}\n label={closeButtonTitle}\n onClick={onClickCloseButton}\n />\n )}\n </RailContext.Provider>\n )}\n </Column>\n </Column>\n </Box>\n );\n};\n","import { Box, Space, Text } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { useRailContext } from \"../rail/RailContext\";\n\nexport interface SidebarMenuHeadingProps {\n label: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n label,\n}) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return null;\n }\n\n return (\n <Box height={\"32px\"} justifyContent={\"center\"} indent={1}>\n <Space />\n <Text variant={\"overline\"} size={\"smaller\"}>\n {label}\n </Text>\n </Box>\n );\n};\n","import * as React from \"react\";\nimport {\n IconMenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { Tooltip } from \"@stenajs-webui/tooltip\";\n\nexport type RailMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const RailMenuLink: React.FC<RailMenuLinkProps> = ({\n label,\n leftIcon,\n ...menuButtonLinkProps\n}) => {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <Tooltip label={label} placement={\"right\"}>\n <IconMenuButtonLink icon={leftIcon} {...menuButtonLinkProps} />\n </Tooltip>\n );\n};\n","import * as React from \"react\";\nimport {\n MenuButtonLink,\n MenuButtonLinkNotSelectedProps,\n MenuButtonLinkWithRenderLinkProps,\n MenuButtonLinkWithSelectedProps,\n} from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuLink } from \"./RailMenuLink\";\n\nexport type SidebarMenuLinkProps = (\n | MenuButtonLinkNotSelectedProps\n | MenuButtonLinkWithSelectedProps\n | MenuButtonLinkWithRenderLinkProps\n) & { label: string };\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = (props) => {\n const isRail = useRailContext();\n\n if (isRail) {\n return <RailMenuLink {...props} />;\n }\n\n return <MenuButtonLink {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { Box } from \"@stenajs-webui/core\";\nimport { SidebarMenuHeading } from \"./SidebarMenuHeading\";\nimport { RailContext } from \"../rail/RailContext\";\nimport { IconMenuButton } from \"@stenajs-webui/elements\";\n\nexport interface RailMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n icon: IconDefinition;\n children?: ReactNode;\n popupMinWidth?: string;\n}\n\nexport const RailMenuCollapsible: React.FC<RailMenuCollapsibleProps> = ({\n children,\n label,\n icon,\n popupMinWidth = \"200px\",\n}) => {\n return (\n <Popover\n renderTrigger={(props) => <IconMenuButton icon={icon} {...props} />}\n placement={\"right-start\"}\n trigger={[\"hover\", \"focus\"]}\n disablePadding\n >\n <Box\n minWidth={popupMinWidth}\n shadow={\"popover\"}\n spacing={1}\n indent={1}\n gap={2}\n >\n <RailContext.Provider value={false}>\n <SidebarMenuHeading label={label} />\n {children}\n </RailContext.Provider>\n </Box>\n </Popover>\n );\n};\n","import * as React from \"react\";\nimport { ReactNode, useState } from \"react\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { MenuButton } from \"@stenajs-webui/elements\";\nimport { useRailContext } from \"../rail/RailContext\";\nimport { RailMenuCollapsible } from \"./RailMenuCollapsible\";\nimport { SidebarMenuCollapsibleGroupBox } from \"./SidebarMenuCollapsibleGroupBox\";\n\nexport interface SidebarMenuCollapsibleProps {\n label: string;\n collapsed?: boolean;\n leftIcon?: IconDefinition;\n children?: ReactNode;\n className?: string;\n initialExpand?: boolean;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n children,\n label,\n leftIcon,\n className,\n initialExpand = false,\n}) => {\n const [expanded, setExpanded] = useState<boolean>(initialExpand);\n\n const isRail = useRailContext();\n\n if (isRail) {\n if (leftIcon == null) {\n return null;\n }\n\n return (\n <RailMenuCollapsible label={label} icon={leftIcon}>\n {children}\n </RailMenuCollapsible>\n );\n }\n return (\n <MenuButton\n label={label}\n onClick={() => setExpanded(!expanded)}\n leftIcon={leftIcon}\n className={className}\n expandable\n expanded={expanded}\n selected={expanded}\n >\n <SidebarMenuCollapsibleGroupBox>\n {children}\n </SidebarMenuCollapsibleGroupBox>\n </MenuButton>\n );\n};\n","import { SeparatorLine, SeparatorLineProps } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n separatorLineProps,\n) => (\n <SeparatorLine\n color={cssColor(\"--lhds-color-ui-400\")}\n {...separatorLineProps}\n />\n);\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Row, Space, Text } from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectedItemsActionsPanelProps {\n numItemsSelected?: number;\n label?: ReactNode | string;\n afterLabelContent?: ReactNode;\n rightContent?: ReactNode;\n}\n\nexport const SelectedItemsActionsPanel: React.FC<\n SelectedItemsActionsPanelProps\n> = ({ numItemsSelected, label, afterLabelContent, rightContent }) => (\n <Row\n indent={3}\n spacing\n gap={3}\n minHeight={\"56px\"}\n justifyContent={\"space-between\"}\n alignItems={\"center\"}\n background={cssColor(\"--silver-lighter\")}\n flex={1}\n borderRadius={\"var(--swui-border-radius)\"}\n >\n <Row alignItems={\"center\"} gap={2}>\n {numItemsSelected != null || label != null ? (\n <Row alignItems={\"center\"}>\n {numItemsSelected != null ? (\n <>\n <Text>{numItemsSelected}</Text>\n <Space />\n <Text>item{numItemsSelected === 1 ? \"\" : \"s\"} selected</Text>\n </>\n ) : label != null ? (\n <>{typeof label === \"string\" ? <Text>{label}</Text> : label}</>\n ) : null}\n </Row>\n ) : null}\n {afterLabelContent && <Row>{afterLabelContent}</Row>}\n </Row>\n <Row gap={2}>{rightContent}</Row>\n </Row>\n);\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\n\nexport interface SelectedItemsActionsPaddingProps extends PropsWithChildren {}\n\nexport const SelectedItemsActionsPadding: React.FC<\n SelectedItemsActionsPaddingProps\n> = ({ children }) => {\n return (\n <Row spacing={0.5} indent={0.5} flex={1}>\n {children}\n </Row>\n );\n};\n"],"names":["ActionMenuButton","renderItems","placement","Button","rightIcon","stenaAngleDown","menuWidth","menuTop","onClick","disableArrow","buttonRef","appendTo","zIndex","buttonProps","isOpen","open","close","toggle","useBoolean","fallbackRef","useRef","ref","contextValue","useMemo","handleClick","event","jsx","Fragment","ControlledPopover","props","ActionMenu","ActionMenuContext","ActionMenuPrimaryButton","PrimaryButton","ActionMenuSecondaryButton","SecondaryButton","ActionMenuFlatButton","FlatButton","border","CheckboxMenu","renderMenu","checkboxProps","Popover","Row","jsxs","Checkbox","Indent","onRequestClose","Column","NavBarSideMenuButton","className","stenaHamburger","NavBar","left","showMenuButton","children","right","center","onClickMenuButton","currentFlex","cx","styles","React","child","index","NavBarButton","forwardRef","selected","NavBarHeading","headingProps","Heading","NavBarPopoverButton","content","navBarButtonProps","Box","NavBarNotificationButton","count","unread","labelClassName","iconClassName","icon","stenaBellFilled","hasCount","BaseButton","NavBarSearchField","placeholder","wrapperClassName","showClearButton","onClickClearButton","value","textInputProps","TextInput","TextInputButton","stenaTimes","NavBarUserButton","username","initials","stenaUserCircle","responsiveIconOnly","UnreadDot","NotificationHeader","text","timestamp","iconAriaLabel","contentLeft","contentRight","onClose","variant","iconBackgroundColor","circledIcon","CircledIcon","getIconBgColorFromVariant","Text","cssColor","CloseButton","Notification","headerProps","NotificationList","Toast","onClickAriaLabel","width","maxWidth","Space","Collapsible","collapsed","MenuButton","CollapsibleList","CollapsibleWithCheckbox","onValueChange","onChange","indeterminate","checkboxDisabled","collapsibleProps","ev","SidebarMenuCollapsibleGroupBox","CollapsibleGroupHeading","CollapsibleEmptyContent","Icon","stenaMail","ErrorPanel","heading","buttons","stenaTripFerryXl","headingLevel","cardProps","activeText","Card","CardBody","ErrorScreen","LoadingPanel","Spinner","LoadingScreen","PageHeader","renderBreadCrumbs","renderPageHeading","renderTabs","PageHeaderRow","PageHeading","SidebarMenuCloseButtonRow","StenaFlag","SidebarMenuPinButton","isPinned","label","activeLabel","activeIcon","stenaAngleLeftDouble","stenaPin","SidebarMenu","onCloseClick","pinButtonVisible","onClickPinButton","bottomItems","boxProps","RailContext","createContext","useRailContext","useContext","RailMenuButton","menuButtonLinkProps","Tooltip","IconMenuButton","SidebarRailMenu","closeButtonVisible","onClickCloseButton","closeButtonTitle","SidebarMenuHeading","RailMenuLink","leftIcon","IconMenuButtonLink","SidebarMenuLink","MenuButtonLink","RailMenuCollapsible","popupMinWidth","SidebarMenuCollapsible","initialExpand","expanded","setExpanded","useState","SidebarMenuSeparator","separatorLineProps","SeparatorLine","SelectedItemsActionsPanel","numItemsSelected","afterLabelContent","rightContent","SelectedItemsActionsPadding"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/panels",
3
- "version": "22.1.0",
3
+ "version": "22.2.0",
4
4
  "type": "module",
5
5
  "description": "",
6
6
  "author": "mattias800",
@@ -35,11 +35,11 @@
35
35
  "deploy": "gh-pages -d example/build"
36
36
  },
37
37
  "dependencies": {
38
- "@stenajs-webui/core": "22.1.0",
39
- "@stenajs-webui/elements": "22.1.0",
40
- "@stenajs-webui/forms": "22.1.0",
41
- "@stenajs-webui/theme": "22.1.0",
42
- "@stenajs-webui/tooltip": "22.1.0",
38
+ "@stenajs-webui/core": "22.2.0",
39
+ "@stenajs-webui/elements": "22.2.0",
40
+ "@stenajs-webui/forms": "22.2.0",
41
+ "@stenajs-webui/theme": "22.2.0",
42
+ "@stenajs-webui/tooltip": "22.2.0",
43
43
  "classnames": "^2.5.1",
44
44
  "date-fns": "4.1.0",
45
45
  "react-transition-group": "^4.3.0"
@@ -69,5 +69,5 @@
69
69
  "files": [
70
70
  "dist"
71
71
  ],
72
- "gitHead": "f3fe00110dd383f83cf396ca8f36944fec1145b6"
72
+ "gitHead": "6e401b738e25091e9e94792c3b84cd837b322734"
73
73
  }