@altinn/altinn-components 0.47.3 → 0.47.4

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 (2) hide show
  1. package/dist/components/GlobalHeader/AccountSelector.js +65 -63
  2. package/package.json +1 -1
package/dist/components/GlobalHeader/AccountSelector.js CHANGED
@@ -1,16 +1,16 @@
1
1
  "use client";
2
- import { jsx as o, jsxs as O } from "react/jsx-runtime";
3
- import { c as g } from "../../index-L8X2o7IH.js";
4
- import s, { forwardRef as v, useState as z, useEffect as j } from "react";
5
- import { AccountMenu as C } from "../Account/AccountMenu.js";
6
- import { Button as E } from "../Button/Button.js";
7
- import { useRootContext as k } from "../RootProvider/RootProvider.js";
2
+ import { jsx as o, jsxs as E } from "react/jsx-runtime";
3
+ import { c as S } from "../../index-L8X2o7IH.js";
4
+ import s, { forwardRef as y, useState as _, useEffect as b } from "react";
5
+ import { AccountMenu as F } from "../Account/AccountMenu.js";
6
+ import { Button as k } from "../Button/Button.js";
7
+ import { useRootContext as N } from "../RootProvider/RootProvider.js";
8
8
  import "../Snackbar/useSnackbar.js";
9
- import { SearchField as F } from "../Forms/SearchField.js";
10
- import { S as N } from "../../Spinner-BDXfwXIh.js";
11
- import { H as R } from "../../Heading-By5DKz2H.js";
12
- import { u as _ } from "../../useId-BVFxCjkq.js";
13
- import '../../assets/AccountSelector.css';var M = function(e, l) {
9
+ import { SearchField as R } from "../Forms/SearchField.js";
10
+ import { S as A } from "../../Spinner-BDXfwXIh.js";
11
+ import { H as M } from "../../Heading-By5DKz2H.js";
12
+ import { u as w } from "../../useId-BVFxCjkq.js";
13
+ import '../../assets/AccountSelector.css';var P = function(e, l) {
14
14
  var r = {};
15
15
  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
16
16
  if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -18,9 +18,9 @@ import '../../assets/AccountSelector.css';var M = function(e, l) {
18
18
  l.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
19
19
  return r;
20
20
  };
21
- const P = v((e, l) => {
22
- var { title: r, titleId: t } = e, n = M(e, ["title", "titleId"]);
23
- let i = _();
21
+ const T = y((e, l) => {
22
+ var { title: r, titleId: t } = e, n = P(e, ["title", "titleId"]);
23
+ let i = w();
24
24
  return i = r ? t || "title-" + i : void 0, s.createElement(
25
25
  "svg",
26
26
  Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, n),
@@ -28,7 +28,7 @@ const P = v((e, l) => {
28
28
  s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m4.03 9.28-3.5 3.5a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 0 1 .53-1.28h7a.75.75 0 0 1 .53 1.28m-2.34.22h-3.38L12 13.44z", clipRule: "evenodd" })
29
29
  );
30
30
  });
31
- var A = function(e, l) {
31
+ var H = function(e, l) {
32
32
  var r = {};
33
33
  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
34
34
  if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -36,80 +36,82 @@ var A = function(e, l) {
36
36
  l.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
37
37
  return r;
38
38
  };
39
- const T = v((e, l) => {
40
- var { title: r, titleId: t } = e, n = A(e, ["title", "titleId"]);
41
- let i = _();
39
+ const V = y((e, l) => {
40
+ var { title: r, titleId: t } = e, n = H(e, ["title", "titleId"]);
41
+ let i = w();
42
42
  return i = r ? t || "title-" + i : void 0, s.createElement(
43
43
  "svg",
44
44
  Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, n),
45
45
  r ? s.createElement("title", { id: i }, r) : null,
46
46
  s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m.53 6.72a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 .53 1.28h7a.75.75 0 0 0 .53-1.28zM12 10.56l1.69 1.69h-3.38z", clipRule: "evenodd" })
47
47
  );
48
- }), H = "_accountSelector_1f74n_1", V = "_heading_1f74n_11", B = "_searchSection_1f74n_17", D = "_searchField_1f74n_22", K = "_accountMenu_1f74n_26", L = "_fullScreen_1f74n_34", U = "_virtualized_1f74n_38", W = "_btnIcon_1f74n_42", $ = "_spinner_1f74n_46", a = {
49
- accountSelector: H,
50
- heading: V,
51
- searchSection: B,
52
- searchField: D,
53
- accountMenu: K,
54
- fullScreen: L,
55
- virtualized: U,
56
- btnIcon: W,
57
- spinner: $
58
- }, ie = ({ accountMenu: e, forceOpenFullScreen: l, className: r, loading: t }) => {
59
- const { currentId: n, openId: i, toggleId: d, languageCode: S } = k(), c = n === "accountFullscreen", [f, m] = z(""), { minimize: b, fullscreen: y, searchText: h, heading: w } = q(S);
60
- j(() => {
61
- l === !0 && !c ? i("accountFullscreen") : l === !1 && c && d("accountFullscreen");
62
- }, [l, c, i, d]);
63
- const x = () => {
64
- i(c ? "account" : "accountFullscreen");
65
- }, I = (u) => {
66
- var p;
67
- (p = e.onSelectAccount) == null || p.call(e, u), d(c ? "accountFullscreen" : "account");
48
+ }), B = "_accountSelector_1f74n_1", D = "_heading_1f74n_11", K = "_searchSection_1f74n_17", L = "_searchField_1f74n_22", U = "_accountMenu_1f74n_26", W = "_fullScreen_1f74n_34", $ = "_virtualized_1f74n_38", q = "_btnIcon_1f74n_42", G = "_spinner_1f74n_46", c = {
49
+ accountSelector: B,
50
+ heading: D,
51
+ searchSection: K,
52
+ searchField: L,
53
+ accountMenu: U,
54
+ fullScreen: W,
55
+ virtualized: $,
56
+ btnIcon: q,
57
+ spinner: G
58
+ }, ae = ({ accountMenu: e, forceOpenFullScreen: l, className: r, loading: t }) => {
59
+ const { currentId: n, openId: i, closeAll: f, languageCode: x } = N(), a = n === "accountFullscreen", [m, h] = _(""), [d, p] = _(l);
60
+ b(() => {
61
+ !l && d && a && f(), p(l);
62
+ }, [l]), b(() => {
63
+ d === !0 && !a && i("accountFullscreen");
64
+ }, [d, a, i]);
65
+ const { minimize: O, fullscreen: I, searchText: v, heading: z } = J(x), j = () => {
66
+ i(a ? "account" : "accountFullscreen");
67
+ }, C = (u) => {
68
+ var g;
69
+ (g = e.onSelectAccount) == null || g.call(e, u), f(), p(!1);
68
70
  };
69
- return t ? /* @__PURE__ */ o(N, { "aria-hidden": !0, "data-color": "neutral", className: a.spinner }) : /* @__PURE__ */ O("div", { className: g(r, a.accountSelector), children: [
70
- c && /* @__PURE__ */ o(R, { "data-size": "md", level: 2, className: a.heading, children: w }),
71
- /* @__PURE__ */ o("div", { className: a.searchSection, children: /* @__PURE__ */ o(
72
- F,
71
+ return t ? /* @__PURE__ */ o(A, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ E("div", { className: S(r, c.accountSelector), children: [
72
+ a && /* @__PURE__ */ o(M, { "data-size": "md", level: 2, className: c.heading, children: z }),
73
+ /* @__PURE__ */ o("div", { className: c.searchSection, children: /* @__PURE__ */ o(
74
+ R,
73
75
  {
74
- name: h,
75
- placeholder: h,
76
- value: f,
77
- onChange: (u) => m(u.target.value),
78
- onClear: () => m(""),
79
- className: a.searchField
76
+ name: v,
77
+ placeholder: v,
78
+ value: m,
79
+ onChange: (u) => h(u.target.value),
80
+ onClear: () => h(""),
81
+ className: c.searchField
80
82
  }
81
83
  ) }),
82
84
  /* @__PURE__ */ o(
83
85
  "div",
84
86
  {
85
- className: g(
86
- a.accountMenu,
87
- c && a.fullScreen,
88
- e.isVirtualized && a.virtualized
87
+ className: S(
88
+ c.accountMenu,
89
+ a && c.fullScreen,
90
+ e.isVirtualized && c.virtualized
89
91
  ),
90
92
  children: /* @__PURE__ */ o(
91
- C,
93
+ F,
92
94
  {
93
95
  ...e,
94
- onSelectAccount: I,
96
+ onSelectAccount: C,
95
97
  keyboardEvents: !1,
96
- search: { hidden: !0, name: "", value: f },
97
- scrollRefStyles: !c && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
98
+ search: { hidden: !0, name: "", value: m },
99
+ scrollRefStyles: !a && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
98
100
  }
99
101
  )
100
102
  }
101
103
  ),
102
- l !== !0 && /* @__PURE__ */ o(
103
- E,
104
+ d !== !0 && /* @__PURE__ */ o(
105
+ k,
104
106
  {
105
- icon: c ? /* @__PURE__ */ o(T, { className: a.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ o(P, { className: a.btnIcon, "aria-hidden": "true" }),
107
+ icon: a ? /* @__PURE__ */ o(V, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ o(T, { className: c.btnIcon, "aria-hidden": "true" }),
106
108
  variant: "text",
107
- onClick: x,
108
- children: c ? b : y
109
+ onClick: j,
110
+ children: a ? O : I
109
111
  }
110
112
  )
111
113
  ] });
112
- }, q = (e) => {
114
+ }, J = (e) => {
113
115
  switch (e) {
114
116
  case "nn":
115
117
  return {
@@ -135,5 +137,5 @@ const T = v((e, l) => {
135
137
  }
136
138
  };
137
139
  export {
138
- ie as AccountSelector
140
+ ae as AccountSelector
139
141
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@altinn/altinn-components",
3
- "version": "0.47.3",
3
+ "version": "0.47.4",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist/",