@altinn/altinn-components 0.43.8 → 0.45.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 (163) hide show
  1. package/dist/ArrowUndo-hge1gMu8.js +24 -0
  2. package/dist/Button-B0t0vz2h.js +23 -0
  3. package/dist/Globe-BcPkcH4E.js +24 -0
  4. package/dist/Heading-By5DKz2H.js +12 -0
  5. package/dist/HeartFill-CYSrJ_xK.js +43 -0
  6. package/dist/PersonCircle-DlX_3kRO.js +24 -0
  7. package/dist/Spinner-BDXfwXIh.js +26 -0
  8. package/dist/assets/AccountMenuButton.css +1 -0
  9. package/dist/assets/AccountSelector.css +1 -0
  10. package/dist/assets/GlobalHeader.css +1 -0
  11. package/dist/assets/GlobalHeaderBase.css +1 -0
  12. package/dist/assets/GlobalMenuButton2.css +1 -0
  13. package/dist/assets/HeaderGroup2.css +1 -0
  14. package/dist/assets/HeaderLogo2.css +1 -0
  15. package/dist/assets/LayoutBody.css +1 -1
  16. package/dist/assets/NotificationItemBase.css +1 -0
  17. package/dist/assets/NotificationItemIcon.css +1 -0
  18. package/dist/assets/globalSearch.css +1 -0
  19. package/dist/components/Account/AccountListItemControls.js +22 -58
  20. package/dist/components/Account/AccountMenu.js +40 -36
  21. package/dist/components/Account/AccountMenuButton.js +131 -0
  22. package/dist/components/Account/AccountNotificationSettings.js +1 -1
  23. package/dist/components/Avatar/Avatar.js +23 -22
  24. package/dist/components/Bookmarks/BookmarksListItem.js +9 -7
  25. package/dist/components/Bookmarks/BookmarksSection.js +23 -27
  26. package/dist/components/Bookmarks/EditableBookmark.js +78 -63
  27. package/dist/components/Dashboard/DashboardHeader.js +1 -1
  28. package/dist/components/Dropdown/DrawerBase.js +17 -15
  29. package/dist/components/Dropdown/DropdownBase.js +14 -12
  30. package/dist/components/Dropdown/FloatingDropdown.js +6 -6
  31. package/dist/components/DsComponents/index.js +26 -22
  32. package/dist/components/Forms/Checkbox.js +1 -1
  33. package/dist/components/Forms/CheckboxOptions.js +1 -1
  34. package/dist/components/Forms/FieldBase.js +1 -1
  35. package/dist/components/Forms/FieldsetBase.js +1 -1
  36. package/dist/components/Forms/Radio.js +1 -1
  37. package/dist/components/Forms/RadioOptions.js +1 -1
  38. package/dist/components/Forms/SearchField.js +1 -1
  39. package/dist/components/Forms/SelectField.js +1 -1
  40. package/dist/components/Forms/Switch.js +1 -1
  41. package/dist/components/Forms/SwitchOptions.js +1 -1
  42. package/dist/components/Forms/TextField.js +1 -1
  43. package/dist/components/Forms/TextareaField.js +1 -1
  44. package/dist/components/GlobalHeader/AccountSelector.js +138 -0
  45. package/dist/components/GlobalHeader/DigdirLogomark.js +109 -0
  46. package/dist/components/GlobalHeader/GlobalHeader.js +117 -0
  47. package/dist/components/GlobalHeader/GlobalHeaderBase.js +22 -0
  48. package/dist/components/GlobalHeader/GlobalSearch.js +57 -0
  49. package/dist/components/GlobalHeader/GlobalSearchButton.js +53 -0
  50. package/dist/components/GlobalHeader/HeaderGroup.js +8 -0
  51. package/dist/components/GlobalHeader/HeaderLogo.js +17 -0
  52. package/dist/components/GlobalHeader/index.js +6 -0
  53. package/dist/components/GlobalMenu/BackButton.js +6 -24
  54. package/dist/components/GlobalMenu/EndUserLabel.js +10 -29
  55. package/dist/components/GlobalMenu/GlobalMenu.js +38 -61
  56. package/dist/components/GlobalMenu/GlobalMenuButton.js +69 -47
  57. package/dist/components/GlobalMenu/LocaleButton.js +12 -0
  58. package/dist/components/GlobalMenu/LocaleSwitcher.js +34 -0
  59. package/dist/components/GlobalMenu/index.js +6 -12
  60. package/dist/components/GlobalMenu_old/BackButton.js +11 -0
  61. package/dist/components/GlobalMenu_old/EndUserLabel.js +13 -0
  62. package/dist/components/GlobalMenu_old/GlobalMenu.js +75 -0
  63. package/dist/components/GlobalMenu_old/GlobalMenuBase.js +10 -0
  64. package/dist/components/GlobalMenu_old/GlobalMenuButton.js +58 -0
  65. package/dist/components/GlobalMenu_old/LogoutButton.js +14 -0
  66. package/dist/components/GlobalMenu_old/index.js +14 -0
  67. package/dist/components/Header/Header.js +25 -25
  68. package/dist/components/Header/LocaleButton.js +13 -30
  69. package/dist/components/Layout/Layout.js +25 -23
  70. package/dist/components/Layout/LayoutBody.js +1 -1
  71. package/dist/components/List/ListItemSelect.js +1 -1
  72. package/dist/components/Menu/MenuItem.js +1 -1
  73. package/dist/components/Menu/MenuSearch.js +2 -2
  74. package/dist/components/Notifications/NotificationItem.js +17 -0
  75. package/dist/components/Notifications/NotificationItemBase.js +86 -0
  76. package/dist/components/Notifications/NotificationItemControls.js +33 -0
  77. package/dist/components/Notifications/NotificationItemIcon.js +33 -0
  78. package/dist/components/Notifications/index.js +10 -0
  79. package/dist/components/RootProvider/RootProvider.js +42 -30
  80. package/dist/components/Searchbar/Searchbar.js +3 -3
  81. package/dist/components/Settings/BookmarksSettingsItem.js +1 -1
  82. package/dist/components/Settings/SettingsItem.js +22 -11
  83. package/dist/components/Toolbar/ToolbarAccountMenu.js +5 -5
  84. package/dist/components/Toolbar/ToolbarAdd.js +5 -5
  85. package/dist/components/Toolbar/ToolbarFilter.js +5 -5
  86. package/dist/components/Toolbar/ToolbarOptions.js +1 -1
  87. package/dist/components/Toolbar/ToolbarSearch.js +1 -1
  88. package/dist/components/index.js +305 -293
  89. package/dist/functions/date/date.js +16 -0
  90. package/dist/functions/date/date.spec.js +15 -0
  91. package/dist/functions/date/index.js +4 -0
  92. package/dist/functions/index.js +4 -2
  93. package/dist/globalSearch.module-Ejp7X0dO.js +9 -0
  94. package/dist/hooks/index.js +4 -2
  95. package/dist/hooks/useAccountSelector.js +214 -0
  96. package/dist/index-B6sKSsN9.js +2951 -0
  97. package/dist/index.js +304 -288
  98. package/dist/types/languageCode.js +1 -0
  99. package/dist/types/lib/components/Account/AccountMenu.d.ts +1 -1
  100. package/dist/types/lib/components/Account/AccountMenuButton.d.ts +11 -0
  101. package/dist/types/lib/components/Account/AccountMenuButton.stories.d.ts +31 -0
  102. package/dist/types/lib/components/Avatar/Avatar.d.ts +3 -1
  103. package/dist/types/lib/components/Avatar/Avatar.stories.d.ts +16 -1
  104. package/dist/types/lib/components/Bookmarks/BookmarksListItem.d.ts +2 -1
  105. package/dist/types/lib/components/Bookmarks/BookmarksListItem.stories.d.ts +1 -1
  106. package/dist/types/lib/components/Bookmarks/BookmarksSection.d.ts +1 -3
  107. package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts +1 -19
  108. package/dist/types/lib/components/Bookmarks/EditableBookmark.d.ts +3 -7
  109. package/dist/types/lib/components/Dialog/SeenByLogItem.stories.d.ts +1 -0
  110. package/dist/types/lib/components/Dropdown/DrawerBase.d.ts +2 -1
  111. package/dist/types/lib/components/GlobalHeader/AccountSector.stories.d.ts +29 -0
  112. package/dist/types/lib/components/GlobalHeader/AccountSelector.d.ts +11 -0
  113. package/dist/types/lib/components/GlobalHeader/DigdirLogomark.d.ts +5 -0
  114. package/dist/types/lib/components/GlobalHeader/GlobalHeader.d.ts +20 -0
  115. package/dist/types/lib/components/GlobalHeader/GlobalHeader.stories.d.ts +27 -0
  116. package/dist/types/lib/components/GlobalHeader/GlobalHeaderBase.d.ts +9 -0
  117. package/dist/types/lib/components/GlobalHeader/GlobalSearch.d.ts +4 -0
  118. package/dist/types/lib/components/GlobalHeader/GlobalSearchButton.d.ts +4 -0
  119. package/dist/types/lib/components/GlobalHeader/HeaderGroup.d.ts +6 -0
  120. package/dist/types/lib/components/GlobalHeader/HeaderLogo.d.ts +10 -0
  121. package/dist/types/lib/components/GlobalHeader/index.d.ts +2 -0
  122. package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +3 -5
  123. package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +6 -8
  124. package/dist/types/lib/components/GlobalMenu/GlobalMenuButton.d.ts +2 -3
  125. package/dist/types/lib/components/GlobalMenu/GlobalMenuButton.stories.d.ts +5 -9
  126. package/dist/types/lib/components/GlobalMenu/LocaleButton.d.ts +3 -0
  127. package/dist/types/lib/components/GlobalMenu/LocaleSwitcher.d.ts +7 -0
  128. package/dist/types/lib/components/GlobalMenu/index.d.ts +1 -4
  129. package/dist/types/lib/components/GlobalMenu_old/BackButton.d.ts +7 -0
  130. package/dist/types/lib/components/{GlobalMenu → GlobalMenu_old}/CurrentAccount.d.ts +1 -1
  131. package/dist/types/lib/components/GlobalMenu_old/EndUserLabel.d.ts +5 -0
  132. package/dist/types/lib/components/GlobalMenu_old/GlobalMenu.d.ts +18 -0
  133. package/dist/types/lib/components/GlobalMenu_old/GlobalMenu.stories.d.ts +30 -0
  134. package/dist/types/lib/components/GlobalMenu_old/GlobalMenuBase.d.ts +15 -0
  135. package/dist/types/lib/components/GlobalMenu_old/GlobalMenuButton.d.ts +13 -0
  136. package/dist/types/lib/components/GlobalMenu_old/GlobalMenuButton.stories.d.ts +19 -0
  137. package/dist/types/lib/components/GlobalMenu_old/LogoutButton.d.ts +7 -0
  138. package/dist/types/lib/components/GlobalMenu_old/index.d.ts +6 -0
  139. package/dist/types/lib/components/Header/Header.d.ts +2 -2
  140. package/dist/types/lib/components/Header/Header.stories.d.ts +2 -2
  141. package/dist/types/lib/components/Layout/Layout.d.ts +4 -2
  142. package/dist/types/lib/components/Layout/Layout.stories.d.ts +29 -5
  143. package/dist/types/lib/components/Notifications/NotificationItem.d.ts +7 -0
  144. package/dist/types/lib/components/Notifications/NotificationItemBase.d.ts +15 -0
  145. package/dist/types/lib/components/Notifications/NotificationItemControls.d.ts +10 -0
  146. package/dist/types/lib/components/Notifications/NotificationItemIcon.d.ts +11 -0
  147. package/dist/types/lib/components/Notifications/Notifications.stories.d.ts +10 -0
  148. package/dist/types/lib/components/Notifications/index.d.ts +4 -0
  149. package/dist/types/lib/components/RootProvider/RootProvider.d.ts +9 -4
  150. package/dist/types/lib/components/Settings/SettingsItem.d.ts +1 -1
  151. package/dist/types/lib/components/index.d.ts +2 -1
  152. package/dist/types/lib/functions/date/date.d.ts +6 -0
  153. package/dist/types/lib/functions/date/date.spec.d.ts +1 -0
  154. package/dist/types/lib/functions/date/index.d.ts +1 -0
  155. package/dist/types/lib/functions/index.d.ts +1 -0
  156. package/dist/types/lib/hooks/index.d.ts +1 -0
  157. package/dist/types/lib/hooks/useAccountSelector.d.ts +62 -0
  158. package/dist/types/lib/types/index.d.ts +1 -0
  159. package/dist/types/lib/types/languageCode.d.ts +1 -0
  160. package/dist/usePagination-cq1YWZkE.js +889 -0
  161. package/package.json +5 -1
  162. package/dist/usePagination-B24SmI8E.js +0 -3835
  163. /package/dist/components/{GlobalMenu → GlobalMenu_old}/CurrentAccount.js +0 -0
@@ -2,25 +2,36 @@ import { jsx as i } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import { useState as b } from "react";
4
4
  import "../RootProvider/RootProvider.js";
5
- import "../Snackbar/useSnackbar.js";
6
5
  import { Input as w } from "../Forms/Input.js";
6
+ import "../Snackbar/useSnackbar.js";
7
7
  import { SettingsItemBase as n } from "./SettingsItemBase.js";
8
- import { SettingsModal as x } from "./SettingsModal.js";
8
+ import { SettingsModal as d } from "./SettingsModal.js";
9
9
  const M = ({
10
10
  loading: u,
11
- variant: f = "default",
11
+ variant: h = "default",
12
12
  id: c = "settings",
13
- name: h,
13
+ name: f,
14
14
  checked: m,
15
- onChange: g,
15
+ onChange: v,
16
16
  modalProps: e,
17
- children: v,
17
+ children: g,
18
18
  ...t
19
19
  }) => {
20
20
  const [l, a] = b(!1);
21
21
  if (u)
22
22
  return /* @__PURE__ */ i(n, { icon: t == null ? void 0 : t.icon, title: t == null ? void 0 : t.title, loading: !0 });
23
- switch (f) {
23
+ switch (h) {
24
+ case "link":
25
+ return /* @__PURE__ */ i(
26
+ n,
27
+ {
28
+ ...t,
29
+ title: {
30
+ children: t == null ? void 0 : t.title
31
+ },
32
+ value: void 0
33
+ }
34
+ );
24
35
  case "switch":
25
36
  return /* @__PURE__ */ i(
26
37
  n,
@@ -39,10 +50,10 @@ const M = ({
39
50
  type: "checkbox",
40
51
  role: "switch",
41
52
  "aria-labelledby": c,
42
- name: h,
53
+ name: f,
43
54
  value: t == null ? void 0 : t.value,
44
55
  checked: m,
45
- onChange: g,
56
+ onChange: v,
46
57
  style: { marginRight: "0.5em" }
47
58
  }
48
59
  )
@@ -63,14 +74,14 @@ const M = ({
63
74
  onClick: () => a(!0),
64
75
  expanded: l,
65
76
  children: l && /* @__PURE__ */ i(
66
- x,
77
+ d,
67
78
  {
68
79
  ...e,
69
80
  icon: (e == null ? void 0 : e.icon) || (t == null ? void 0 : t.icon),
70
81
  title: (e == null ? void 0 : e.title) || (t == null ? void 0 : t.title),
71
82
  open: l,
72
83
  onClose: () => a(!1),
73
- children: v
84
+ children: g
74
85
  }
75
86
  )
76
87
  }
@@ -2,9 +2,9 @@ import { jsxs as x, jsx as p } from "react/jsx-runtime";
2
2
  import { createElement as b } from "react";
3
3
  import "../../index-L8X2o7IH.js";
4
4
  import { AccountMenu as k } from "../Account/AccountMenu.js";
5
- import { useRootContext as I } from "../RootProvider/RootProvider.js";
6
- import { DrawerOrDropdown as h } from "../Dropdown/DrawerOrDropdown.js";
7
- import { useIsDesktop as w } from "../../hooks/useIsDesktop.js";
5
+ import { useIsDesktop as I } from "../../hooks/useIsDesktop.js";
6
+ import { useRootContext as h } from "../RootProvider/RootProvider.js";
7
+ import { DrawerOrDropdown as w } from "../Dropdown/DrawerOrDropdown.js";
8
8
  import "../Snackbar/useSnackbar.js";
9
9
  import { ToolbarButton as B } from "./ToolbarButton.js";
10
10
  import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
@@ -16,7 +16,7 @@ const q = ({
16
16
  title: l = "Endre aktør",
17
17
  ...n
18
18
  }) => {
19
- const { currentId: i, toggleId: f, closeAll: a } = I(), T = w(), g = () => f(s), r = i === s;
19
+ const { currentId: i, toggleId: f, closeAll: a } = h(), T = I(), g = () => f(s), r = i === s;
20
20
  return /* @__PURE__ */ x(C, { expanded: r, onBlurCapture: (e) => {
21
21
  const m = e.relatedTarget;
22
22
  (!m || !e.currentTarget.contains(m)) && a();
@@ -32,7 +32,7 @@ const q = ({
32
32
  children: o == null ? void 0 : o.name
33
33
  }
34
34
  ),
35
- /* @__PURE__ */ p(h, { open: r, size: "lg", drawerTitle: l, onClose: a, children: /* @__PURE__ */ b(
35
+ /* @__PURE__ */ p(w, { open: r, size: "lg", drawerTitle: l, onClose: a, children: /* @__PURE__ */ b(
36
36
  k,
37
37
  {
38
38
  ...n,
@@ -1,21 +1,21 @@
1
1
  import { jsxs as c, jsx as r } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "react";
4
- import { useRootContext as u } from "../RootProvider/RootProvider.js";
5
- import { DrawerOrDropdown as f } from "../Dropdown/DrawerOrDropdown.js";
6
- import { useIsDesktop as g } from "../../hooks/useIsDesktop.js";
4
+ import { useIsDesktop as u } from "../../hooks/useIsDesktop.js";
5
+ import { useRootContext as f } from "../RootProvider/RootProvider.js";
6
+ import { DrawerOrDropdown as g } from "../Dropdown/DrawerOrDropdown.js";
7
7
  import { Menu as x } from "../Menu/Menu.js";
8
8
  import "../Snackbar/useSnackbar.js";
9
9
  import { ToolbarButton as T } from "./ToolbarButton.js";
10
10
  import { ToolbarFilterBase as B } from "./ToolbarFilterBase.js";
11
11
  const v = ({ label: t = "Legg til", items: p, id: e }) => {
12
- const { currentId: i, closeAll: a, toggleId: d } = u(), o = i === e, l = () => d(e), m = g();
12
+ const { currentId: i, closeAll: a, toggleId: d } = f(), o = i === e, l = () => d(e), m = u();
13
13
  return /* @__PURE__ */ c(B, { expanded: o, onBlurCapture: (n) => {
14
14
  const s = n.relatedTarget;
15
15
  (!s || !n.currentTarget.contains(s)) && a();
16
16
  }, children: [
17
17
  /* @__PURE__ */ r(T, { type: "add", onToggle: l, "aria-expanded": o, children: t }),
18
- /* @__PURE__ */ r(f, { drawerTitle: t, open: o, children: /* @__PURE__ */ r(x, { color: "neutral", items: p, keyboardEvents: o && m }) })
18
+ /* @__PURE__ */ r(g, { drawerTitle: t, open: o, children: /* @__PURE__ */ r(x, { color: "neutral", items: p, keyboardEvents: o && m }) })
19
19
  ] });
20
20
  };
21
21
  export {
@@ -1,9 +1,9 @@
1
1
  import { jsxs as D, jsx as i } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "react";
4
- import { useRootContext as g } from "../RootProvider/RootProvider.js";
5
- import { DrawerOrDropdown as j } from "../Dropdown/DrawerOrDropdown.js";
6
- import { useIsDesktop as F } from "../../hooks/useIsDesktop.js";
4
+ import { useIsDesktop as g } from "../../hooks/useIsDesktop.js";
5
+ import { useRootContext as j } from "../RootProvider/RootProvider.js";
6
+ import { DrawerOrDropdown as F } from "../Dropdown/DrawerOrDropdown.js";
7
7
  import "../Snackbar/useSnackbar.js";
8
8
  import { ToolbarButton as O } from "./ToolbarButton.js";
9
9
  import { ToolbarFilterBase as R } from "./ToolbarFilterBase.js";
@@ -23,7 +23,7 @@ const G = (u, n) => Array.isArray(n) ? n.join(", ") : n, Q = ({
23
23
  optionType: f,
24
24
  id: e = `toolbar-filter-${o}`
25
25
  }) => {
26
- const { currentId: h, toggleId: v, closeAll: d } = g(), I = F(), k = (T ?? []).map((r) => {
26
+ const { currentId: h, toggleId: v, closeAll: d } = j(), I = g(), k = (T ?? []).map((r) => {
27
27
  const t = s == null ? void 0 : s[r.name || o];
28
28
  return {
29
29
  name: o,
@@ -51,7 +51,7 @@ const G = (u, n) => Array.isArray(n) ? n.join(", ") : n, Q = ({
51
51
  }
52
52
  ),
53
53
  /* @__PURE__ */ i(
54
- j,
54
+ F,
55
55
  {
56
56
  open: p,
57
57
  drawerTitle: n,
@@ -3,11 +3,11 @@ import { useRef as K, Fragment as N } from "react";
3
3
  import { useMenu as R } from "../../hooks/useMenu.js";
4
4
  import "../../index-L8X2o7IH.js";
5
5
  import "../RootProvider/RootProvider.js";
6
- import "../Snackbar/useSnackbar.js";
7
6
  import { MenuOption as S } from "../Menu/MenuOption.js";
8
7
  import { MenuSearch as q } from "../Menu/MenuSearch.js";
9
8
  import { MenuHeader as w } from "../Menu/MenuHeader.js";
10
9
  import { MenuBase as z, MenuList as D, MenuListItem as m } from "../Menu/MenuBase.js";
10
+ import "../Snackbar/useSnackbar.js";
11
11
  const G = ({
12
12
  name: k,
13
13
  search: c,
@@ -2,8 +2,8 @@ import { jsx as p } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "react";
4
4
  import "../RootProvider/RootProvider.js";
5
- import "../Snackbar/useSnackbar.js";
6
5
  import { SearchField as a } from "../Forms/SearchField.js";
6
+ import "../Snackbar/useSnackbar.js";
7
7
  const f = ({
8
8
  value: r,
9
9
  name: o,