@altinn/altinn-components 0.56.9 → 0.56.11

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 (60) hide show
  1. package/dist/{SearchField-CXMhgFiw.js → SearchField-CYYz0JvC.js} +91 -91
  2. package/dist/assets/DatepickerFilter.css +1 -0
  3. package/dist/assets/FooterBase.css +1 -1
  4. package/dist/assets/GlobalHeaderBase.css +1 -1
  5. package/dist/assets/LayoutBody.css +1 -1
  6. package/dist/assets/LayoutContent.css +1 -1
  7. package/dist/assets/LayoutGrid.css +1 -0
  8. package/dist/assets/LayoutSidebar.css +1 -1
  9. package/dist/assets/SearchField.css +1 -1
  10. package/dist/components/Account/AccountMenu.js +1 -1
  11. package/dist/components/Breadcrumbs/index.js +6 -0
  12. package/dist/components/ContextMenu/ContextMenu.js +1 -1
  13. package/dist/components/Dialog/DialogActions.js +1 -1
  14. package/dist/components/Footer/FooterBase.js +7 -7
  15. package/dist/components/Forms/SearchField.js +1 -1
  16. package/dist/components/Forms/index.js +1 -1
  17. package/dist/components/GlobalHeader/AccountSelector.js +1 -1
  18. package/dist/components/GlobalHeader/GlobalHeaderBase.js +4 -4
  19. package/dist/components/GlobalMenu/GlobalMenu.js +1 -1
  20. package/dist/components/GlobalMenu/LocaleSwitcher.js +1 -1
  21. package/dist/components/GlobalMenu_old/GlobalMenu.js +1 -1
  22. package/dist/components/Header/LocaleSwitcher.js +1 -1
  23. package/dist/components/Layout/Layout.js +44 -33
  24. package/dist/components/Layout/LayoutBody.js +5 -5
  25. package/dist/components/Layout/LayoutContent.js +1 -1
  26. package/dist/components/Layout/LayoutGrid.js +7 -0
  27. package/dist/components/Layout/LayoutSidebar.js +4 -4
  28. package/dist/components/Layout/index.js +12 -10
  29. package/dist/components/Menu/Menu.js +1 -1
  30. package/dist/components/Menu/MenuItems.js +1 -1
  31. package/dist/components/Menu/MenuListSearch.js +1 -1
  32. package/dist/components/Menu/VirtualizedMenuItems.js +1 -1
  33. package/dist/components/Menu/index.js +1 -1
  34. package/dist/components/Page/PageNav.js +4 -4
  35. package/dist/components/Page/index.js +18 -22
  36. package/dist/components/Toolbar/DatepickerFilter.js +57 -57
  37. package/dist/components/Toolbar/SelectDateFilter.js +49 -34
  38. package/dist/components/Toolbar/ToolbarFilter.js +6 -6
  39. package/dist/components/Toolbar/ToolbarFilterAddMenu.js +1 -1
  40. package/dist/components/Toolbar/ToolbarFilterMenu.js +83 -78
  41. package/dist/components/Toolbar/ToolbarMenu.js +1 -1
  42. package/dist/components/Toolbar/ToolbarSearch.js +1 -1
  43. package/dist/components/Toolbar/index.js +10 -8
  44. package/dist/components/index.js +445 -441
  45. package/dist/index.js +457 -453
  46. package/dist/types/lib/components/Breadcrumbs/index.d.ts +2 -0
  47. package/dist/types/lib/components/Layout/Layout.d.ts +3 -1
  48. package/dist/types/lib/components/Layout/Layout.stories.d.ts +2 -1
  49. package/dist/types/lib/components/Layout/LayoutGrid.d.ts +13 -0
  50. package/dist/types/lib/components/Layout/index.d.ts +1 -0
  51. package/dist/types/lib/components/Page/index.d.ts +0 -2
  52. package/dist/types/lib/components/Toolbar/SelectDateFilter.d.ts +1 -0
  53. package/dist/types/lib/components/Toolbar/index.d.ts +1 -0
  54. package/dist/types/lib/components/index.d.ts +1 -0
  55. package/package.json +1 -1
  56. package/dist/components/{Page → Breadcrumbs}/Breadcrumbs.js +1 -1
  57. /package/dist/components/{Page → Breadcrumbs}/BreadcrumbsLink.js +0 -0
  58. /package/dist/types/lib/components/{Page → Breadcrumbs}/Breadcrumbs.d.ts +0 -0
  59. /package/dist/types/lib/components/{Page → Breadcrumbs}/Breadcrumbs.stories.d.ts +0 -0
  60. /package/dist/types/lib/components/{Page → Breadcrumbs}/BreadcrumbsLink.d.ts +0 -0
@@ -5,7 +5,7 @@ import { Button as b } from "../Button/Button.js";
5
5
  import "../../index-p1eeF8LQ.js";
6
6
  import { Dropdown as O } from "../Dropdown/Dropdown.js";
7
7
  import "../RootProvider/RootProvider.js";
8
- import { M as I } from "../../SearchField-CXMhgFiw.js";
8
+ import { M as I } from "../../SearchField-CYYz0JvC.js";
9
9
  import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
10
10
  import "../Snackbar/useSnackbar.js";
11
11
  import { u as R } from "../../useId-BVFxCjkq.js";
@@ -1,118 +1,123 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { useRef as q, useEffect as G } from "react";
1
+ import { jsx as n } from "react/jsx-runtime";
2
+ import { useRef as G, useEffect as H } from "react";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import "../Button/Button.js";
5
- import { M as H } from "../../SearchField-CXMhgFiw.js";
6
- import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
5
+ import { M as J } from "../../SearchField-CYYz0JvC.js";
6
+ import { useDropdownMenuController as K } from "../Menu/useDropdownMenuController.js";
7
7
  import "../RootProvider/RootProvider.js";
8
8
  import "../Snackbar/useSnackbar.js";
9
- import { Dropdown as I } from "../Dropdown/Dropdown.js";
10
- import { ToolbarFilterButton as R } from "./ToolbarFilterButton.js";
11
- const L = ({
12
- as: F,
13
- size: s,
14
- name: n,
15
- label: a = "",
9
+ import { Dropdown as C } from "../Dropdown/Dropdown.js";
10
+ import { ToolbarFilterButton as F } from "./ToolbarFilterButton.js";
11
+ const S = ({
12
+ as: P,
13
+ size: a,
14
+ name: o,
15
+ label: f = "",
16
16
  searchable: m,
17
- groups: f,
18
- items: l,
19
- removable: P,
20
- removeLabel: E = "Fjern filter",
21
- filterState: d,
22
- onFilterStateChange: p,
17
+ groups: p,
18
+ items: g,
19
+ removable: E,
20
+ removeLabel: V = "Fjern filter",
21
+ filterState: c,
22
+ onFilterStateChange: v,
23
23
  onFilterChange: j,
24
- onRemove: C,
24
+ onRemove: h,
25
25
  open: t,
26
- onToggle: g,
27
- onClose: u,
28
- submitLabel: v,
29
- search: y,
26
+ onToggle: y,
27
+ onClose: d,
28
+ submitLabel: b,
29
+ search: k,
30
30
  virtualized: w,
31
- title: b,
31
+ title: I,
32
32
  variant: D,
33
33
  dropdownSize: x = "sm"
34
34
  }) => {
35
- const M = q(t), o = J({ id: "toolbar-filter-menu" });
36
- G(() => {
35
+ const M = G(t), e = K({ id: "toolbar-filter-menu" });
36
+ H(() => {
37
37
  const r = M.current;
38
- M.current = t, r && !t && o?.triggerRef?.current?.focus();
39
- }, [t, o.triggerRef]);
38
+ M.current = t, r && !t && e?.triggerRef?.current?.focus();
39
+ }, [t, e.triggerRef]);
40
40
  const O = (r) => {
41
- const c = r.target.type, B = r.target.name, T = r.target.value;
42
- j?.(c, B, T), c === "radio" && u();
43
- }, h = l?.map((r) => ({
41
+ const i = r.target.type, l = r.target.name, q = r.target.value;
42
+ j?.(i, l, q), i === "radio" && d();
43
+ }, u = g?.map((r) => ({
44
44
  ...r,
45
- onChange: (c) => O(c)
46
- })), V = (l?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || d?.[n]?.length, k = D || V ? "tinted" : "outline", A = F || H, i = m ? "combobox" : "menu";
47
- return P ? /* @__PURE__ */ e(
48
- I,
45
+ onChange: (i) => O(i)
46
+ })), B = (g?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length, A = D || B ? "tinted" : "outline", R = P || J, s = m ? "combobox" : "menu", T = () => {
47
+ d();
48
+ const r = c?.[o]?.[0];
49
+ u?.filter((l) => l.checked)?.length === 0 && !r && h?.();
50
+ };
51
+ return E ? /* @__PURE__ */ n(
52
+ C,
49
53
  {
50
- submitLabel: v,
51
- title: b,
54
+ submitLabel: b,
55
+ title: I,
52
56
  variant: "drawer-dropdown",
53
57
  size: x,
54
- trigger: /* @__PURE__ */ e(
55
- R,
58
+ trigger: /* @__PURE__ */ n(
59
+ F,
56
60
  {
57
- name: n,
58
- onClick: g,
59
- onRemove: C,
61
+ name: o,
62
+ onClick: y,
63
+ onRemove: h,
60
64
  removable: !0,
61
- variant: k,
62
- removeLabel: E,
65
+ variant: A,
66
+ removeLabel: V,
63
67
  open: t,
64
68
  "aria-expanded": t,
65
- "aria-controls": o.menuId,
66
- ref: o.triggerRef,
67
- children: a
69
+ "aria-controls": e.menuId,
70
+ ref: e.triggerRef,
71
+ children: f
68
72
  }
69
73
  ),
70
74
  open: t,
71
- onClose: u,
72
- ...o.dropdownA11yProps,
73
- children: /* @__PURE__ */ e(
74
- A,
75
+ onClose: T,
76
+ ...e.dropdownA11yProps,
77
+ children: /* @__PURE__ */ n(
78
+ R,
75
79
  {
76
- search: y,
77
- name: n,
78
- filterState: d,
79
- onFilterStateChange: p,
80
- size: s,
80
+ open: t,
81
+ search: k,
82
+ name: o,
83
+ filterState: c,
84
+ onFilterStateChange: v,
85
+ size: a,
81
86
  searchable: m,
82
- groups: f,
83
- items: h,
87
+ groups: p,
88
+ items: u,
84
89
  keyboardEvents: t,
85
- a11yMode: i,
86
- ...i === "combobox" ? { id: o.menuId } : o.menuA11yProps,
90
+ a11yMode: s,
91
+ ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,
87
92
  virtualized: w
88
93
  }
89
94
  )
90
95
  }
91
- ) : /* @__PURE__ */ e(
92
- I,
96
+ ) : /* @__PURE__ */ n(
97
+ C,
93
98
  {
94
99
  size: x,
95
- title: b,
100
+ title: I,
96
101
  variant: "drawer-dropdown",
97
- submitLabel: v,
98
- trigger: /* @__PURE__ */ e(R, { name: n, onClick: g, variant: k, children: a }),
102
+ submitLabel: b,
103
+ trigger: /* @__PURE__ */ n(F, { name: o, onClick: y, variant: A, children: f }),
99
104
  open: t,
100
- onClose: u,
101
- ...o.dropdownA11yProps,
102
- children: /* @__PURE__ */ e(
103
- A,
105
+ onClose: d,
106
+ ...e.dropdownA11yProps,
107
+ children: /* @__PURE__ */ n(
108
+ R,
104
109
  {
105
- search: y,
106
- name: n,
107
- filterState: d,
108
- onFilterStateChange: p,
109
- size: s,
110
+ search: k,
111
+ name: o,
112
+ filterState: c,
113
+ onFilterStateChange: v,
114
+ size: a,
110
115
  searchable: m,
111
- groups: f,
112
- items: h,
116
+ groups: p,
117
+ items: u,
113
118
  keyboardEvents: t,
114
- a11yMode: i,
115
- ...i === "combobox" ? { id: o.menuId } : o.menuA11yProps,
119
+ a11yMode: s,
120
+ ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,
116
121
  virtualized: w
117
122
  }
118
123
  )
@@ -120,5 +125,5 @@ const L = ({
120
125
  );
121
126
  };
122
127
  export {
123
- L as ToolbarFilterMenu
128
+ S as ToolbarFilterMenu
124
129
  };
@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
4
4
  import "react";
5
5
  import { Dropdown as c } from "../Dropdown/Dropdown.js";
6
6
  import "../RootProvider/RootProvider.js";
7
- import { M as b } from "../../SearchField-CXMhgFiw.js";
7
+ import { M as b } from "../../SearchField-CYYz0JvC.js";
8
8
  import { useDropdownMenuController as f } from "../Menu/useDropdownMenuController.js";
9
9
  import "../Snackbar/useSnackbar.js";
10
10
  import { S as h } from "../../ChevronUpDown-DqGsU4MC.js";
@@ -5,7 +5,7 @@ import "../Button/Button.js";
5
5
  import "react-dom";
6
6
  import "../RootProvider/RootProvider.js";
7
7
  import "../Snackbar/useSnackbar.js";
8
- import { S as f } from "../../SearchField-CXMhgFiw.js";
8
+ import { S as f } from "../../SearchField-CYYz0JvC.js";
9
9
  const b = ({
10
10
  value: r,
11
11
  name: o,
@@ -1,14 +1,16 @@
1
1
  import { Toolbar as e } from "./Toolbar.js";
2
2
  import { ToolbarFilter as l } from "./ToolbarFilter.js";
3
- import { ToolbarSearch as f } from "./ToolbarSearch.js";
4
- import { ToolbarMenu as p } from "./ToolbarMenu.js";
5
- import { useFilter as b } from "./useFilter.js";
6
- import { SelectDateFilter as i } from "./SelectDateFilter.js";
3
+ import { ToolbarFilterMenu as f } from "./ToolbarFilterMenu.js";
4
+ import { ToolbarSearch as p } from "./ToolbarSearch.js";
5
+ import { ToolbarMenu as b } from "./ToolbarMenu.js";
6
+ import { useFilter as i } from "./useFilter.js";
7
+ import { SelectDateFilter as u } from "./SelectDateFilter.js";
7
8
  export {
8
- i as SelectDateFilter,
9
+ u as SelectDateFilter,
9
10
  e as Toolbar,
10
11
  l as ToolbarFilter,
11
- p as ToolbarMenu,
12
- f as ToolbarSearch,
13
- b as useFilter
12
+ f as ToolbarFilterMenu,
13
+ b as ToolbarMenu,
14
+ p as ToolbarSearch,
15
+ i as useFilter
14
16
  };