@altinn/altinn-components 0.56.34 → 0.57.2

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 (264) hide show
  1. package/dist/Section-jhq4n77E.js +2260 -0
  2. package/dist/{Trash-DBcymOP9.js → Trash-BG9YcGIl.js} +33 -14
  3. package/dist/assets/Breadcrumbs.css +1 -1
  4. package/dist/assets/BreadcrumbsLink.css +1 -1
  5. package/dist/assets/ButtonGroup.css +1 -1
  6. package/dist/assets/ItemBase.css +1 -0
  7. package/dist/assets/ItemLink.css +1 -0
  8. package/dist/assets/MetaItemBase.css +1 -1
  9. package/dist/assets/QueryLabelItem.css +1 -1
  10. package/dist/assets/Section.css +1 -1
  11. package/dist/components/AccessAreaListItem/AccessAreaListItem.js +15 -16
  12. package/dist/components/AccessPackageListItem/AccessPackageListItem.js +8 -9
  13. package/dist/components/Account/AccountList.js +16 -19
  14. package/dist/components/Account/AccountListItem.js +7 -8
  15. package/dist/components/Account/AccountListItemControls.js +1 -1
  16. package/dist/components/Account/AccountListItemDetails.js +13 -15
  17. package/dist/components/Account/AccountListVirtual.js +10 -12
  18. package/dist/components/Account/AccountMenu.js +10 -11
  19. package/dist/components/Account/AccountNotificationSettings.js +1 -1
  20. package/dist/components/Account/AccountOrganization.js +14 -15
  21. package/dist/components/AccountSelector/AccountSelector.js +12 -13
  22. package/dist/components/ActivityLog/ActivityLog.js +12 -13
  23. package/dist/components/ActivityLog/ActivityLogItem.js +1 -1
  24. package/dist/components/ActivityLog/ActivityLogSegment.js +1 -1
  25. package/dist/components/Alert/Alert.js +1 -1
  26. package/dist/components/Article/Article.js +3 -4
  27. package/dist/components/Article/ArticleContact.js +8 -10
  28. package/dist/components/Article/ArticleHeader.js +5 -7
  29. package/dist/components/Attachment/AttachmentLink.js +7 -7
  30. package/dist/components/Banner/Banner.js +7 -8
  31. package/dist/components/Bookmarks/BookmarkModal.js +11 -12
  32. package/dist/components/Bookmarks/BookmarkSettingsItem.js +10 -11
  33. package/dist/components/Bookmarks/BookmarkSettingsItemLabel.js +12 -13
  34. package/dist/components/Bookmarks/BookmarkSettingsList.js +14 -16
  35. package/dist/components/Breadcrumbs/Breadcrumbs.js +8 -8
  36. package/dist/components/Breadcrumbs/BreadcrumbsLink.js +3 -3
  37. package/dist/components/Bulk/BulkHeader.js +14 -16
  38. package/dist/components/Button/ButtonGroup.js +11 -11
  39. package/dist/components/Button/ButtonIcon.js +3 -4
  40. package/dist/components/Button/ComboButton.js +1 -1
  41. package/dist/components/Button/FloatingActionButton.js +2 -2
  42. package/dist/components/Button/IconButton.js +1 -1
  43. package/dist/components/Byline/Byline.js +6 -28
  44. package/dist/components/Byline/index.js +1 -1
  45. package/dist/components/ContextMenu/ContextMenu.js +13 -15
  46. package/dist/components/Dashboard/DashboardCard.js +22 -24
  47. package/dist/components/Dashboard/DashboardHeader.js +12 -15
  48. package/dist/components/Datepicker/Datepicker.js +1 -1
  49. package/dist/components/Datepicker/DatepickerHeader.js +6 -7
  50. package/dist/components/Datepicker/DatepickerTable.js +1 -1
  51. package/dist/components/Dialog/Dialog.js +1 -1
  52. package/dist/components/Dialog/DialogActions.js +19 -22
  53. package/dist/components/Dialog/DialogActivityLog.js +1 -1
  54. package/dist/components/Dialog/DialogAttachments.js +6 -8
  55. package/dist/components/Dialog/DialogBody.js +1 -1
  56. package/dist/components/Dialog/DialogByline.js +3 -18
  57. package/dist/components/Dialog/DialogContact.js +6 -8
  58. package/dist/components/Dialog/DialogHeader.js +30 -33
  59. package/dist/components/Dialog/DialogHistory.js +9 -10
  60. package/dist/components/Dialog/DialogHistoryItem.js +1 -1
  61. package/dist/components/Dialog/DialogHistorySegment.js +1 -1
  62. package/dist/components/Dialog/DialogLayout.js +4 -5
  63. package/dist/components/Dialog/DialogList.js +5 -24
  64. package/dist/components/Dialog/DialogListGroup.js +6 -16
  65. package/dist/components/Dialog/DialogListItem.js +10 -169
  66. package/dist/components/Dialog/DialogMetadata.js +6 -124
  67. package/dist/components/Dialog/DialogSection.js +7 -9
  68. package/dist/components/Dialog/DialogSeenBy.js +7 -8
  69. package/dist/components/Dialog/DialogSelect.js +1 -1
  70. package/dist/components/Dialog/DialogStatus.js +5 -46
  71. package/dist/components/Dialog/DialogTabs.js +1 -1
  72. package/dist/components/Dialog/SeenByLog.js +14 -16
  73. package/dist/components/Dialog/SeenByLogButton.js +1 -1
  74. package/dist/components/Dialog/SeenByLogItem.js +11 -12
  75. package/dist/components/Dialog/index.js +39 -44
  76. package/dist/components/Dropdown/DrawerButton.js +1 -1
  77. package/dist/components/Dropdown/DrawerHeader.js +7 -8
  78. package/dist/components/Dropdown/DrawerOrDropdown.js +1 -1
  79. package/dist/components/Dropdown/Dropdown.js +7 -173
  80. package/dist/components/Dropdown/DropdownBase.js +1 -1
  81. package/dist/components/Dropdown/FloatingDropdown.js +25 -26
  82. package/dist/components/Dropdown/index.js +3 -3
  83. package/dist/components/Forms/Checkbox.js +1 -1
  84. package/dist/components/Forms/CheckboxOptions.js +1 -1
  85. package/dist/components/Forms/FieldBase.js +6 -11
  86. package/dist/components/Forms/FieldsetBase.js +1 -1
  87. package/dist/components/Forms/Radio.js +1 -1
  88. package/dist/components/Forms/RadioOptions.js +1 -1
  89. package/dist/components/Forms/SearchField.js +2 -6
  90. package/dist/components/Forms/SelectField.js +4 -5
  91. package/dist/components/Forms/Switch.js +1 -1
  92. package/dist/components/Forms/SwitchOptions.js +1 -1
  93. package/dist/components/Forms/TextField.js +3 -4
  94. package/dist/components/Forms/TextFieldDropdown.js +51 -56
  95. package/dist/components/Forms/TextareaField.js +3 -4
  96. package/dist/components/Forms/index.js +24 -25
  97. package/dist/components/GlobalHeader/GlobalAccountButton.js +18 -20
  98. package/dist/components/GlobalHeader/GlobalHeader.js +5 -5
  99. package/dist/components/GlobalHeader/GlobalMenuButton.js +12 -13
  100. package/dist/components/GlobalHeader/HeaderDrawer.js +29 -31
  101. package/dist/components/GlobalHeader/HeaderDropdown.js +5 -6
  102. package/dist/components/GlobalHeader/HeaderLogo.js +6 -6
  103. package/dist/components/GlobalMenu/GlobalMenu.js +9 -10
  104. package/dist/components/GlobalMenu/LocaleSwitcher.js +16 -18
  105. package/dist/components/GlobalMenu/LogoutButton.js +1 -1
  106. package/dist/components/GlobalMenu_old/BackButton.js +3 -4
  107. package/dist/components/GlobalMenu_old/CurrentAccount.js +3 -4
  108. package/dist/components/GlobalMenu_old/GlobalMenu.js +9 -10
  109. package/dist/components/GlobalMenu_old/GlobalMenuButton.js +15 -16
  110. package/dist/components/GlobalMenu_old/LogoutButton.js +1 -1
  111. package/dist/components/Header/Header.js +1 -1
  112. package/dist/components/Header/HeaderBase.js +1 -1
  113. package/dist/components/Header/HeaderButton.js +30 -32
  114. package/dist/components/Header/LocaleButton.js +1 -1
  115. package/dist/components/Header/LocaleSwitcher.js +15 -17
  116. package/dist/components/Icon/Icon.js +6 -27
  117. package/dist/components/Icon/index.js +7 -7
  118. package/dist/components/InboxSearch/InboxSearch.js +7 -7
  119. package/dist/components/Item/ItemBase.js +35 -0
  120. package/dist/components/Item/ItemLabel.js +4 -31
  121. package/dist/components/Item/ItemLink.js +53 -0
  122. package/dist/components/Item/ItemMedia.js +7 -29
  123. package/dist/components/Item/ItemSelect.js +5 -6
  124. package/dist/components/Item/index.js +9 -7
  125. package/dist/components/Layout/Layout.js +19 -20
  126. package/dist/components/List/List.js +6 -10
  127. package/dist/components/List/ListBase.js +1 -1
  128. package/dist/components/List/ListItem.js +6 -79
  129. package/dist/components/List/ListItemHeader.js +8 -114
  130. package/dist/components/List/ListItemIcon.js +7 -22
  131. package/dist/components/List/ListItemLabel.js +6 -57
  132. package/dist/components/List/index.js +9 -15
  133. package/dist/components/Menu/Menu.js +2 -3
  134. package/dist/components/Menu/MenuItem.js +8 -207
  135. package/dist/components/Menu/MenuItems.js +2 -4
  136. package/dist/components/Menu/MenuListSearch.js +2 -3
  137. package/dist/components/Menu/MenuOption.js +3 -3
  138. package/dist/components/Menu/TabMenu.js +5 -6
  139. package/dist/components/Menu/VirtualizedMenuItems.js +2 -4
  140. package/dist/components/Menu/example.data.js +7 -8
  141. package/dist/components/Menu/index.js +18 -19
  142. package/dist/components/Menu/useMenuSearch.js +4 -145
  143. package/dist/components/Metadata/MetaItem.js +5 -23
  144. package/dist/components/Metadata/MetaItemBase.js +47 -30
  145. package/dist/components/Metadata/MetaItemIcon.js +7 -20
  146. package/dist/components/Metadata/MetaProgress.js +5 -14
  147. package/dist/components/Metadata/MetaTimestamp.js +5 -22
  148. package/dist/components/Metadata/Metadata.js +9 -12
  149. package/dist/components/Metadata/index.js +13 -16
  150. package/dist/components/Modal/Modal.js +9 -10
  151. package/dist/components/Modal/ModalBase.js +29 -30
  152. package/dist/components/Modal/ModalHeader.js +15 -17
  153. package/dist/components/Modal/ModalIcon.js +10 -12
  154. package/dist/components/Notifications/NotificationItem.js +1 -1
  155. package/dist/components/Notifications/NotificationItemBase.js +8 -9
  156. package/dist/components/Notifications/NotificationItemControls.js +6 -7
  157. package/dist/components/Notifications/NotificationItemIcon.js +13 -15
  158. package/dist/components/Page/AccordionSection.js +6 -7
  159. package/dist/components/Page/ContactButtons.js +1 -1
  160. package/dist/components/Page/ContactSection.js +13 -15
  161. package/dist/components/Page/PageMenu.js +10 -11
  162. package/dist/components/Page/PageNav.js +1 -1
  163. package/dist/components/Page/Section.js +5 -27
  164. package/dist/components/Page/index.js +5 -5
  165. package/dist/components/ResourceListItem/ResourceListItem.js +11 -12
  166. package/dist/components/RootProvider/RootProvider.js +7 -56
  167. package/dist/components/RootProvider/index.js +1 -1
  168. package/dist/components/Search/SearchItem.js +9 -12
  169. package/dist/components/Searchbar/Autocomplete.js +1 -1
  170. package/dist/components/Searchbar/AutocompleteItem.js +5 -6
  171. package/dist/components/Searchbar/Searchbar.js +1 -1
  172. package/dist/components/Searchbar/SearchbarField.js +27 -30
  173. package/dist/components/Settings/SettingsItem.js +1 -1
  174. package/dist/components/Settings/SettingsItemBase.js +17 -19
  175. package/dist/components/Settings/SettingsList.js +16 -18
  176. package/dist/components/Settings/SettingsModal.js +1 -1
  177. package/dist/components/Settings/SettingsSection.js +11 -12
  178. package/dist/components/Settings/UsedByLog.js +18 -20
  179. package/dist/components/Settings/UsedByLogItem.js +7 -8
  180. package/dist/components/Snackbar/SnackbarItem.js +19 -21
  181. package/dist/components/Timeline/Timeline.js +3 -4
  182. package/dist/components/Timeline/TimelineActivity.js +13 -15
  183. package/dist/components/Timeline/TimelineBase.js +1 -1
  184. package/dist/components/Timeline/TimelineFooter.js +7 -8
  185. package/dist/components/Timeline/TimelineHeader.js +6 -7
  186. package/dist/components/Timeline/TimelineIcon.js +10 -12
  187. package/dist/components/Timeline/TimelineSection.js +17 -19
  188. package/dist/components/Timeline/TimelineSegment.js +18 -20
  189. package/dist/components/Toolbar/DatepickerFilter.js +13 -14
  190. package/dist/components/Toolbar/QueryLabelItem.js +2 -2
  191. package/dist/components/Toolbar/SelectDateFilter.js +7 -8
  192. package/dist/components/Toolbar/Toolbar.js +10 -12
  193. package/dist/components/Toolbar/ToolbarFilter.js +58 -54
  194. package/dist/components/Toolbar/ToolbarFilterAddMenu.js +22 -24
  195. package/dist/components/Toolbar/ToolbarFilterButton.js +24 -25
  196. package/dist/components/Toolbar/ToolbarFilterMenu.js +83 -73
  197. package/dist/components/Toolbar/ToolbarMenu.js +6 -65
  198. package/dist/components/Toolbar/ToolbarSearch.js +4 -37
  199. package/dist/components/Toolbar/example.data.js +7 -8
  200. package/dist/components/Toolbar/index.js +10 -11
  201. package/dist/components/Transmission/Transmission.js +25 -27
  202. package/dist/components/Transmission/TransmissionList.js +8 -10
  203. package/dist/components/Transmission/TransmissionType.js +1 -1
  204. package/dist/components/Typography/Heading.js +6 -41
  205. package/dist/components/Typography/index.js +2 -2
  206. package/dist/components/UserListItem/UserListItem.js +21 -23
  207. package/dist/components/index.js +420 -446
  208. package/dist/hooks/useAccountSelector.js +1 -1
  209. package/dist/index.js +434 -460
  210. package/dist/types/lib/components/Account/AccountListItem.stories.d.ts +1 -1
  211. package/dist/types/lib/components/Breadcrumbs/Breadcrumbs.stories.d.ts +1 -0
  212. package/dist/types/lib/components/Bulk/Bulk.stories.d.ts +1 -1
  213. package/dist/types/lib/components/Dialog/DialogList.d.ts +1 -1
  214. package/dist/types/lib/components/Dialog/DialogList.stories.d.ts +2 -1
  215. package/dist/types/lib/components/Dialog/DialogListGroup.d.ts +1 -1
  216. package/dist/types/lib/components/Dialog/DialogListItem.d.ts +11 -11
  217. package/dist/types/lib/components/Item/ItemBase.d.ts +29 -0
  218. package/dist/types/lib/components/Item/ItemControls.d.ts +1 -2
  219. package/dist/types/lib/components/Item/ItemLink.d.ts +19 -0
  220. package/dist/types/lib/components/Item/ItemSelect.d.ts +4 -3
  221. package/dist/types/lib/components/Item/index.d.ts +2 -0
  222. package/dist/types/lib/components/List/ListItem.d.ts +1 -1
  223. package/dist/types/lib/components/List/ListItemHeader.d.ts +2 -2
  224. package/dist/types/lib/components/List/index.d.ts +0 -1
  225. package/dist/types/lib/components/Metadata/MetaItemBase.d.ts +2 -1
  226. package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +1 -1
  227. package/dist/types/lib/components/Toolbar/Toolbar.d.ts +2 -1
  228. package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts +3 -1
  229. package/dist/types/lib/components/Toolbar/ToolbarFilter.d.ts +2 -1
  230. package/dist/types/lib/components/Toolbar/ToolbarFilter.stories.d.ts +1 -1
  231. package/dist/types/lib/components/Toolbar/ToolbarFilterButton.d.ts +2 -1
  232. package/dist/types/lib/components/Toolbar/ToolbarFilterMenu.d.ts +2 -1
  233. package/dist/types/lib/components/Toolbar/ToolbarMenu.d.ts +2 -1
  234. package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts +1 -1
  235. package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts +1 -1
  236. package/dist/types/lib/components/Transmission/Transmission.stories.d.ts +1 -1
  237. package/package.json +3 -3
  238. package/dist/Checkmark-Byz_C9x4.js +0 -24
  239. package/dist/ChevronDown-D_a7nb-G.js +0 -24
  240. package/dist/ChevronRight-ANFWmIs1.js +0 -24
  241. package/dist/ChevronUp-hn05LboH.js +0 -24
  242. package/dist/ChevronUpDown-DqGsU4MC.js +0 -24
  243. package/dist/InformationSquare-D3WAxfVw.js +0 -24
  244. package/dist/MagnifyingGlass-bwVhw07z.js +0 -24
  245. package/dist/SearchField-BU7Imhpe.js +0 -687
  246. package/dist/XMark-tKk6aExO.js +0 -24
  247. package/dist/assets/Byline.css +0 -1
  248. package/dist/assets/DialogListItem.css +0 -1
  249. package/dist/assets/Dropdown.css +0 -1
  250. package/dist/assets/Heading.css +0 -1
  251. package/dist/assets/Icon.css +0 -1
  252. package/dist/assets/ItemLabel.css +0 -1
  253. package/dist/assets/ItemMedia.css +0 -1
  254. package/dist/assets/List.css +0 -1
  255. package/dist/assets/ListItem.css +0 -1
  256. package/dist/assets/ListItemHeader.css +0 -1
  257. package/dist/assets/ListItemLabel.css +0 -1
  258. package/dist/assets/ListItemSelect.css +0 -1
  259. package/dist/assets/MenuItem.css +0 -1
  260. package/dist/assets/MetaItemIcon.css +0 -1
  261. package/dist/assets/SearchField.css +0 -1
  262. package/dist/components/List/ListItemSelect.js +0 -19
  263. package/dist/types/lib/components/List/ListItemSelect.d.ts +0 -6
  264. /package/dist/assets/{ListItemIcon.css → ModalIcon.css} +0 -0
@@ -1,14 +1,13 @@
1
1
  import { jsx as d } from "react/jsx-runtime";
2
- import { useRef as A, useState as p, useCallback as C, useEffect as R } from "react";
3
- import { M as x } from "../../SearchField-BU7Imhpe.js";
2
+ import { useRef as A, useState as u, useCallback as C, useEffect as R } from "react";
3
+ import { M as x } from "../../Section-jhq4n77E.js";
4
4
  import "../../index-p1eeF8LQ.js";
5
- import "../RootProvider/RootProvider.js";
6
5
  import "../Button/Button.js";
7
6
  import "react-dom";
8
7
  import "../Snackbar/useSnackbar.js";
9
8
  import { DatepickerFilter as M } from "./DatepickerFilter.js";
10
9
  import { formatDateRange as j } from "./formatDateRange.js";
11
- const P = ({
10
+ const N = ({
12
11
  name: n = "time",
13
12
  size: k,
14
13
  searchable: v,
@@ -18,18 +17,18 @@ const P = ({
18
17
  filterState: o = {},
19
18
  onFilterStateChange: c
20
19
  }) => {
21
- const i = A(null), [a, u] = p(!1), [t, w] = p(o?.fromDate?.[0] || ""), [r, b] = p(o?.toDate?.[0] || ""), y = () => {
20
+ const i = A(null), [a, p] = u(!1), [t, w] = u(o?.fromDate?.[0] || ""), [r, b] = u(o?.toDate?.[0] || ""), y = () => {
22
21
  c?.({
23
22
  ...o,
24
23
  [n]: ["fromAndToDate"]
25
- }), u(!0);
24
+ }), p(!0);
26
25
  }, s = C(() => {
27
26
  c?.({
28
27
  ...o,
29
28
  fromDate: t ? [t] : void 0,
30
29
  toDate: r ? [r] : void 0,
31
30
  [n]: t || r ? ["fromAndToDate"] : void 0
32
- }), u(!1);
31
+ }), p(!1);
33
32
  }, [c, o, t, r, n]);
34
33
  R(() => {
35
34
  if (!a) return;
@@ -66,5 +65,5 @@ const P = ({
66
65
  return a ? /* @__PURE__ */ d("div", { ref: i, children: /* @__PURE__ */ d(M, { formData: { fromDate: t, toDate: r }, onChange: L, onSubmit: s }) }) : /* @__PURE__ */ d(x, { size: k, searchable: v, keyboardEvents: l, items: g, groups: T });
67
66
  };
68
67
  export {
69
- P as SelectDateFilter
68
+ N as SelectDateFilter
70
69
  };
@@ -1,21 +1,19 @@
1
- import { jsxs as s, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as T, jsx as o } from "react/jsx-runtime";
2
2
  import "../Button/Button.js";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import "react";
5
- import "../RootProvider/RootProvider.js";
5
+ import { y as i, T as x } from "../../Section-jhq4n77E.js";
6
6
  import "react-dom";
7
7
  import "../Snackbar/useSnackbar.js";
8
- import { ToolbarFilter as u } from "./ToolbarFilter.js";
9
- import { ToolbarSearch as b } from "./ToolbarSearch.js";
10
- import { ToolbarMenu as i } from "./ToolbarMenu.js";
11
- import { ButtonGroup as f } from "../Button/ButtonGroup.js";
12
- const G = ({ accountMenu: o, menus: p, search: m, filter: t, children: e }) => /* @__PURE__ */ s(f, { size: "xs", wrap: !0, children: [
13
- o && /* @__PURE__ */ r(i, { size: "md", ...o, virtualized: !0 }),
14
- p?.map((a, l) => /* @__PURE__ */ r(i, { ...a }, l)),
15
- m && /* @__PURE__ */ r(b, { ...m }),
16
- t && /* @__PURE__ */ r(u, { ...t }),
8
+ import { ToolbarFilter as f } from "./ToolbarFilter.js";
9
+ import { ButtonGroup as l } from "../Button/ButtonGroup.js";
10
+ const F = ({ accountMenu: t, menus: a, search: m, filter: p, disabled: r, children: e }) => /* @__PURE__ */ T(l, { size: "xs", wrap: !0, children: [
11
+ t && /* @__PURE__ */ o(i, { size: "md", ...t, disabled: r, virtualized: !0 }),
12
+ a?.map((s, u) => /* @__PURE__ */ o(i, { ...s, disabled: r }, u)),
13
+ m && /* @__PURE__ */ o(x, { ...m, disabled: r }),
14
+ p && /* @__PURE__ */ o(f, { ...p, disabled: r }),
17
15
  e
18
16
  ] });
19
17
  export {
20
- G as Toolbar
18
+ F as Toolbar
21
19
  };
@@ -1,76 +1,80 @@
1
- import { jsxs as g, Fragment as f, jsx as m } from "react/jsx-runtime";
2
- import { useState as B, createElement as I } from "react";
3
- import { Button as L } from "../Button/Button.js";
1
+ import { jsxs as u, Fragment as I, jsx as l } from "react/jsx-runtime";
2
+ import { useMemo as L, useState as N, createElement as O } from "react";
3
+ import { Button as f } from "../Button/Button.js";
4
4
  import "../../index-p1eeF8LQ.js";
5
- import "../RootProvider/RootProvider.js";
5
+ import { E as w } from "../../Section-jhq4n77E.js";
6
6
  import "react-dom";
7
7
  import "../Snackbar/useSnackbar.js";
8
- import { ToolbarFilterMenu as N } from "./ToolbarFilterMenu.js";
9
- import { useFilter as O } from "./useFilter.js";
10
- import { ToolbarFilterAddMenu as w } from "./ToolbarFilterAddMenu.js";
11
- import { S as y } from "../../XMark-tKk6aExO.js";
8
+ import { ToolbarFilterMenu as y } from "./ToolbarFilterMenu.js";
9
+ import { useFilter as C } from "./useFilter.js";
10
+ import { ToolbarFilterAddMenu as X } from "./ToolbarFilterAddMenu.js";
12
11
  const V = ({
13
- filters: n,
12
+ disabled: n,
13
+ filters: r,
14
14
  filterState: e = {},
15
- onFilterStateChange: r,
16
- addLabel: b = "Legg til filter",
17
- addNextLabel: v = "Legg til",
18
- resetLabel: u = "Nullstill",
19
- removeLabel: F = "Fjern filter",
20
- submitLabel: h,
21
- getFilterLabel: T,
22
- virtualized: j
15
+ onFilterStateChange: t,
16
+ addLabel: v = "Legg til filter",
17
+ addNextLabel: F = "Legg til",
18
+ resetLabel: b = "Nullstill",
19
+ removeLabel: T = "Fjern filter",
20
+ submitLabel: j,
21
+ getFilterLabel: M,
22
+ virtualized: R
23
23
  }) => {
24
- const { visibleFilters: l, hiddenFilters: i, onFilterAdd: R, onFilterChange: k, onFilterRemove: s } = O({
25
- filters: n,
24
+ const { visibleFilters: s, hiddenFilters: i, onFilterAdd: k, onFilterChange: x, onFilterRemove: a } = C({
25
+ filters: r,
26
26
  filterState: e,
27
- onFilterStateChange: r
28
- }), x = (n?.filter((o) => o.removable)?.length || 0) > 0 && Object.values(e)?.some((o) => o && o?.length > 0), A = n?.filter((o) => o.removable)?.map((o) => o.name) ?? [], [a, d] = B(void 0), p = (o) => {
29
- d((t) => t === o ? void 0 : o);
30
- }, c = () => {
31
- d(void 0);
32
- }, C = () => {
33
- for (const o of A)
34
- s(o);
35
- r?.({});
27
+ onFilterStateChange: t
28
+ }), d = L(
29
+ () => r?.filter((o) => o.removable)?.map((o) => o.name) ?? [],
30
+ [r]
31
+ ), A = d.length > 0 && Object.values(e)?.some((o) => o && o?.length > 0), [p, c] = N(void 0), g = (o) => {
32
+ c((m) => m === o ? void 0 : o);
33
+ }, h = () => {
34
+ c(void 0);
35
+ }, B = () => {
36
+ for (const o of d)
37
+ a(o);
38
+ t?.({});
36
39
  };
37
- return /* @__PURE__ */ g(f, { children: [
38
- l?.map((o, t) => {
39
- const M = T?.(o?.name, e?.[o?.id]) ?? o?.label;
40
- return /* @__PURE__ */ I(
41
- N,
40
+ return /* @__PURE__ */ u(I, { children: [
41
+ s?.map((o, m) => {
42
+ const E = M?.(o?.name, e?.[o?.id]) ?? o?.label;
43
+ return /* @__PURE__ */ O(
44
+ y,
42
45
  {
43
46
  ...o,
44
- submitLabel: h,
45
- key: t,
46
- onToggle: () => p(o.name),
47
- onClose: c,
48
- open: a === o.name,
49
- label: M,
50
- onRemove: () => s(o.name),
51
- removeLabel: F,
52
- onFilterChange: k,
53
- onFilterStateChange: r,
47
+ disabled: n,
48
+ submitLabel: j,
49
+ key: m,
50
+ onToggle: () => g(o.name),
51
+ onClose: h,
52
+ open: p === o.name,
53
+ label: E,
54
+ onRemove: () => a(o.name),
55
+ removeLabel: T,
56
+ onFilterChange: x,
57
+ onFilterStateChange: t,
54
58
  filterState: e
55
59
  }
56
60
  );
57
61
  }),
58
- i?.length > 0 && /* @__PURE__ */ m(
59
- w,
62
+ !n && i?.length > 0 && /* @__PURE__ */ l(
63
+ X,
60
64
  {
61
65
  name: "add",
62
- onToggle: () => p("add"),
63
- onClose: c,
64
- open: a === "add",
66
+ onToggle: () => g("add"),
67
+ onClose: h,
68
+ open: p === "add",
65
69
  items: i,
66
- onAdd: R,
67
- label: l?.length > 0 ? v : b,
68
- virtualized: j
70
+ onAdd: k,
71
+ label: s?.length > 0 ? F : v,
72
+ virtualized: R
69
73
  }
70
74
  ),
71
- x && /* @__PURE__ */ g(L, { onClick: C, variant: "ghost", children: [
72
- /* @__PURE__ */ m(y, { "aria-hidden": "true" }),
73
- /* @__PURE__ */ m("span", { children: u })
75
+ !n && A && /* @__PURE__ */ u(f, { onClick: B, variant: "ghost", children: [
76
+ /* @__PURE__ */ l(w, { "aria-hidden": "true" }),
77
+ /* @__PURE__ */ l("span", { children: b })
74
78
  ] })
75
79
  ] });
76
80
  };
@@ -2,38 +2,36 @@ import { jsx as t, jsxs as h } from "react/jsx-runtime";
2
2
  import { useRef as a, useEffect as y } from "react";
3
3
  import { Button as v } from "../Button/Button.js";
4
4
  import "../../index-p1eeF8LQ.js";
5
- import { M as w } from "../../SearchField-BU7Imhpe.js";
6
- import "../RootProvider/RootProvider.js";
7
- import { Dropdown as x } from "../Dropdown/Dropdown.js";
5
+ import { g as w, M as x } from "../../Section-jhq4n77E.js";
8
6
  import { useDropdownMenuController as C } from "../Menu/useDropdownMenuController.js";
9
7
  import "../Snackbar/useSnackbar.js";
10
8
  import { S as R } from "../../Plus-Cj3oOc3N.js";
11
- const j = ({
12
- label: i = "Legg til filter",
13
- items: d,
9
+ const O = ({
10
+ label: d = "Legg til filter",
11
+ items: i,
14
12
  groups: l = {},
15
- onAdd: m,
16
- onToggle: u,
13
+ onAdd: u,
14
+ onToggle: m,
17
15
  onClose: c,
18
- open: r,
16
+ open: e,
19
17
  dropdownSize: f = "sm"
20
18
  }) => {
21
- const e = C({ id: "tool-filter-add" }), n = a(r), p = a(!1), s = d?.map((o) => ({
19
+ const r = C({ id: "tool-filter-add" }), n = a(e), p = a(!1), s = i?.map((o) => ({
22
20
  linkIcon: !0,
23
21
  ...o,
24
- onClick: () => m?.(o?.name ?? "")
22
+ onClick: () => u?.(o?.name ?? "")
25
23
  }));
26
24
  if (y(() => {
27
25
  const o = n.current;
28
- n.current = r, o && !r && e?.triggerRef?.current?.focus();
29
- }, [r, e.triggerRef]), !s?.length)
26
+ n.current = e, o && !e && r?.triggerRef?.current?.focus();
27
+ }, [e, r.triggerRef]), !s?.length)
30
28
  return null;
31
29
  const g = () => {
32
- const o = document.getElementById(e.menuId);
30
+ const o = document.getElementById(r.menuId);
33
31
  p.current = !!o?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), c();
34
32
  };
35
33
  return /* @__PURE__ */ t(
36
- x,
34
+ w,
37
35
  {
38
36
  variant: "drawer-dropdown",
39
37
  size: f,
@@ -45,23 +43,23 @@ const j = ({
45
43
  borderStyle: "dashed"
46
44
  },
47
45
  "aria-haspopup": "menu",
48
- "aria-expanded": r,
49
- "aria-controls": r ? e.menuId : void 0,
50
- onClick: u,
51
- ref: e.triggerRef,
46
+ "aria-expanded": e,
47
+ "aria-controls": e ? r.menuId : void 0,
48
+ onClick: m,
49
+ ref: r.triggerRef,
52
50
  children: [
53
51
  /* @__PURE__ */ t(R, { "aria-hidden": "true", focusable: "false" }),
54
- /* @__PURE__ */ t("span", { children: i })
52
+ /* @__PURE__ */ t("span", { children: d })
55
53
  ]
56
54
  }
57
55
  ),
58
- open: r,
56
+ open: e,
59
57
  onClose: g,
60
- ...e.dropdownA11yProps,
61
- children: /* @__PURE__ */ t(w, { groups: l, items: s, maxLevels: 1, keyboardEvents: r, open: r, ...e.menuA11yProps })
58
+ ...r.dropdownA11yProps,
59
+ children: /* @__PURE__ */ t(x, { groups: l, items: s, maxLevels: 1, keyboardEvents: e, open: e, ...r.menuA11yProps })
62
60
  }
63
61
  );
64
62
  };
65
63
  export {
66
- j as ToolbarFilterAddMenu
64
+ O as ToolbarFilterAddMenu
67
65
  };
@@ -2,45 +2,44 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
2
2
  import { Button as t } from "../Button/Button.js";
3
3
  import "../../index-p1eeF8LQ.js";
4
4
  import "react";
5
- import "../RootProvider/RootProvider.js";
5
+ import { E as s, G as a } from "../../Section-jhq4n77E.js";
6
6
  import "react-dom";
7
- import { Tooltip as s } from "../Tooltip/Tooltip.js";
7
+ import { Tooltip as h } from "../Tooltip/Tooltip.js";
8
8
  import "../Snackbar/useSnackbar.js";
9
- import { ButtonGroup as c } from "../Button/ButtonGroup.js";
10
- import { ButtonGroupDivider as a } from "../Button/ButtonGroupDivider.js";
11
- import { S as h } from "../../XMark-tKk6aExO.js";
12
- import { S as b } from "../../ChevronUpDown-DqGsU4MC.js";
13
- function y({
14
- name: e,
15
- onClick: i,
16
- removable: p,
17
- removeLabel: d = "Fjern filter",
18
- onRemove: u,
19
- children: n,
20
- open: f,
9
+ import { ButtonGroup as b } from "../Button/ButtonGroup.js";
10
+ import { ButtonGroupDivider as x } from "../Button/ButtonGroupDivider.js";
11
+ function w({
12
+ disabled: e,
13
+ name: i,
14
+ onClick: n,
15
+ removable: d,
16
+ removeLabel: u = "Fjern filter",
17
+ onRemove: f,
18
+ children: p,
19
+ open: l,
21
20
  variant: o,
22
- ref: l
21
+ ref: c
23
22
  }) {
24
- return p ? /* @__PURE__ */ m(c, { variant: o, connected: !0, children: [
25
- /* @__PURE__ */ r(t, { variant: o, onClick: i, "data-id": `filter-button-${e}`, "aria-expanded": f, ref: l, children: /* @__PURE__ */ r("span", { children: n }) }),
26
- /* @__PURE__ */ r(a, { variant: o }),
27
- /* @__PURE__ */ r(s, { content: d, children: /* @__PURE__ */ r(
23
+ return d ? /* @__PURE__ */ m(b, { disabled: e, variant: o, connected: !0, children: [
24
+ /* @__PURE__ */ r(t, { variant: o, onClick: n, "data-id": `filter-button-${i}`, "aria-expanded": l, ref: c, children: /* @__PURE__ */ r("span", { children: p }) }),
25
+ /* @__PURE__ */ r(x, { variant: o }),
26
+ /* @__PURE__ */ r(h, { content: u, children: /* @__PURE__ */ r(
28
27
  t,
29
28
  {
30
29
  variant: o,
31
- onClick: u,
30
+ onClick: f,
32
31
  style: {
33
32
  borderLeft: "none",
34
33
  borderRadius: "0 .25em .25em 0"
35
34
  },
36
- children: /* @__PURE__ */ r(h, { "aria-hidden": "true" })
35
+ children: /* @__PURE__ */ r(s, { "aria-hidden": "true" })
37
36
  }
38
37
  ) })
39
- ] }) : /* @__PURE__ */ m(t, { variant: o, onClick: i, "data-id": `filter-button-${e}`, children: [
40
- /* @__PURE__ */ r("span", { children: n }),
41
- /* @__PURE__ */ r(b, {})
38
+ ] }) : /* @__PURE__ */ m(t, { disabled: e, variant: o, onClick: n, "data-id": `filter-button-${i}`, children: [
39
+ /* @__PURE__ */ r("span", { children: p }),
40
+ /* @__PURE__ */ r(a, {})
42
41
  ] });
43
42
  }
44
43
  export {
45
- y as ToolbarFilterButton
44
+ w as ToolbarFilterButton
46
45
  };
@@ -1,129 +1,139 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { useRef as q, useEffect as G } from "react";
2
+ import { useRef as G, useEffect as H } from "react";
3
3
  import "../../index-p1eeF8LQ.js";
4
- import { M as H } from "../../SearchField-BU7Imhpe.js";
5
- import "../RootProvider/RootProvider.js";
4
+ import { g as E, M as J } from "../../Section-jhq4n77E.js";
6
5
  import "../Button/Button.js";
7
- import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
6
+ import { useDropdownMenuController as K } from "../Menu/useDropdownMenuController.js";
8
7
  import "../Snackbar/useSnackbar.js";
9
- import { Dropdown as F } from "../Dropdown/Dropdown.js";
10
- import { ToolbarFilterButton as P } from "./ToolbarFilterButton.js";
11
- const S = ({
12
- as: E,
13
- size: a,
8
+ import { ToolbarFilterButton as v } from "./ToolbarFilterButton.js";
9
+ const L = ({
10
+ as: j,
11
+ disabled: D,
12
+ size: p,
14
13
  name: o,
15
- label: f = "",
16
- searchable: d,
17
- groups: p,
18
- items: g,
19
- removable: j,
20
- removeLabel: D = "Fjern filter",
14
+ label: d = "",
15
+ searchable: u,
16
+ groups: h,
17
+ items: y,
18
+ removable: O,
19
+ removeLabel: b = "Fjern filter",
21
20
  filterState: c,
22
- onFilterStateChange: v,
23
- onFilterChange: O,
24
- onRemove: h,
21
+ onFilterStateChange: k,
22
+ onFilterChange: B,
23
+ onRemove: w,
25
24
  open: t,
26
- onToggle: y,
27
- onClose: m,
28
- submitLabel: b,
29
- search: k,
30
- virtualized: w,
31
- title: I,
32
- variant: x,
33
- dropdownSize: A = "sm"
25
+ onToggle: I,
26
+ onClose: l,
27
+ submitLabel: x,
28
+ search: A,
29
+ virtualized: M,
30
+ title: R,
31
+ variant: a,
32
+ dropdownSize: C = "sm"
34
33
  }) => {
35
- const M = q(t), e = J({ id: "toolbar-filter-menu" });
36
- G(() => {
37
- const r = M.current;
38
- M.current = t, r && !t && e?.triggerRef?.current?.focus();
34
+ const F = G(t), e = K({ id: "toolbar-filter-menu" });
35
+ H(() => {
36
+ const r = F.current;
37
+ F.current = t, r && !t && e?.triggerRef?.current?.focus();
39
38
  }, [t, e.triggerRef]);
40
- const V = (r) => {
41
- const i = r.target.type, u = r.target.name, T = r.target.value;
42
- O?.(i, u, T), i === "radio" && m();
43
- }, l = g?.map((r) => ({
39
+ const T = (r) => {
40
+ const i = r.target.type, g = r.target.name, q = r.target.value;
41
+ B?.(i, g, q), i === "radio" && l();
42
+ }, m = y?.map((r) => ({
44
43
  ...r,
45
- onChange: (i) => V(i)
46
- })), R = (g?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length ? "tinted" : "outline", C = E || H, s = d ? "combobox" : "menu", B = () => {
47
- m();
44
+ onChange: (i) => T(i)
45
+ })), f = (y?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length ? "tinted" : "outline", P = j || J, s = u ? "combobox" : "menu", V = () => {
46
+ l();
48
47
  const r = c?.[o]?.[0];
49
- l?.filter((u) => u.checked)?.length === 0 && !r && h?.();
48
+ m?.filter((g) => g.checked)?.length === 0 && !r && w?.();
50
49
  };
51
- return j ? /* @__PURE__ */ n(
52
- F,
50
+ return D ? /* @__PURE__ */ n(
51
+ v,
53
52
  {
54
- submitLabel: b,
55
- title: I,
53
+ disabled: !0,
54
+ name: o,
55
+ removable: !0,
56
+ variant: a || f,
57
+ removeLabel: b,
58
+ open: t,
59
+ children: d
60
+ }
61
+ ) : O ? /* @__PURE__ */ n(
62
+ E,
63
+ {
64
+ submitLabel: x,
65
+ title: R,
56
66
  variant: "drawer-dropdown",
57
- size: A,
67
+ size: C,
58
68
  trigger: /* @__PURE__ */ n(
59
- P,
69
+ v,
60
70
  {
61
71
  name: o,
62
- onClick: y,
63
- onRemove: h,
72
+ onClick: I,
73
+ onRemove: w,
64
74
  removable: !0,
65
- variant: x || R,
66
- removeLabel: D,
75
+ variant: a || f,
76
+ removeLabel: b,
67
77
  open: t,
68
78
  "aria-expanded": t,
69
79
  "aria-controls": e.menuId,
70
80
  ref: e.triggerRef,
71
- children: f
81
+ children: d
72
82
  }
73
83
  ),
74
84
  open: t,
75
- onClose: B,
85
+ onClose: V,
76
86
  ...e.dropdownA11yProps,
77
87
  children: /* @__PURE__ */ n(
78
- C,
88
+ P,
79
89
  {
80
90
  open: t,
81
- search: k,
91
+ search: A,
82
92
  name: o,
83
93
  filterState: c,
84
- onFilterStateChange: v,
85
- size: a,
86
- searchable: d,
87
- groups: p,
88
- items: l,
94
+ onFilterStateChange: k,
95
+ size: p,
96
+ searchable: u,
97
+ groups: h,
98
+ items: m,
89
99
  keyboardEvents: t,
90
100
  a11yMode: s,
91
101
  ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,
92
- virtualized: w
102
+ virtualized: M
93
103
  }
94
104
  )
95
105
  }
96
106
  ) : /* @__PURE__ */ n(
97
- F,
107
+ E,
98
108
  {
99
- size: A,
100
- title: I,
109
+ size: C,
110
+ title: R,
101
111
  variant: "drawer-dropdown",
102
- submitLabel: b,
103
- trigger: /* @__PURE__ */ n(P, { name: o, onClick: y, variant: x || R, children: f }),
112
+ submitLabel: x,
113
+ trigger: /* @__PURE__ */ n(v, { name: o, onClick: I, variant: a || f, children: d }),
104
114
  open: t,
105
- onClose: m,
115
+ onClose: l,
106
116
  ...e.dropdownA11yProps,
107
117
  children: /* @__PURE__ */ n(
108
- C,
118
+ P,
109
119
  {
110
- search: k,
120
+ search: A,
111
121
  name: o,
112
122
  filterState: c,
113
- onFilterStateChange: v,
114
- size: a,
115
- searchable: d,
116
- groups: p,
117
- items: l,
123
+ onFilterStateChange: k,
124
+ size: p,
125
+ searchable: u,
126
+ groups: h,
127
+ items: m,
118
128
  keyboardEvents: t,
119
129
  a11yMode: s,
120
130
  ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,
121
- virtualized: w
131
+ virtualized: M
122
132
  }
123
133
  )
124
134
  }
125
135
  );
126
136
  };
127
137
  export {
128
- S as ToolbarFilterMenu
138
+ L as ToolbarFilterMenu
129
139
  };
@@ -1,69 +1,10 @@
1
- import { jsx as r, jsxs as u } from "react/jsx-runtime";
2
- import { Button as b } from "../Button/Button.js";
3
- import "../../index-p1eeF8LQ.js";
1
+ import "react/jsx-runtime";
4
2
  import "react";
5
- import { M as f } from "../../SearchField-BU7Imhpe.js";
6
- import "../RootProvider/RootProvider.js";
7
- import { Dropdown as h } from "../Dropdown/Dropdown.js";
8
- import { useDropdownMenuController as g } from "../Menu/useDropdownMenuController.js";
3
+ import "../Button/Button.js";
4
+ import "../../index-p1eeF8LQ.js";
5
+ import { y as b } from "../../Section-jhq4n77E.js";
6
+ import "../Menu/useDropdownMenuController.js";
9
7
  import "../Snackbar/useSnackbar.js";
10
- import { S as x } from "../../ChevronUpDown-DqGsU4MC.js";
11
- const j = ({
12
- label: s = "Label",
13
- variant: i = "solid",
14
- title: l = "Title",
15
- items: p = [],
16
- dropdownSize: m = "sm",
17
- id: t = "toolbar-menu",
18
- onSelectId: d,
19
- ...e
20
- }) => {
21
- const o = g({ id: t, returnFocusOnClose: !0 }), a = e.searchable ? "combobox" : "menu", c = p.map((n) => ({
22
- ...n,
23
- onClick: () => {
24
- d?.(n?.id ?? ""), n?.role !== "checkbox" && o.setOpen(!1);
25
- }
26
- }));
27
- return /* @__PURE__ */ r(
28
- h,
29
- {
30
- id: t,
31
- variant: "drawer-dropdown",
32
- title: l,
33
- size: m,
34
- trigger: /* @__PURE__ */ u(
35
- b,
36
- {
37
- variant: i,
38
- onClick: o.toggleMenu,
39
- "aria-expanded": o.open,
40
- "aria-haspopup": "menu",
41
- "aria-controls": o.open ? o.menuId : void 0,
42
- ref: o.triggerRef,
43
- children: [
44
- /* @__PURE__ */ r("span", { children: s }),
45
- /* @__PURE__ */ r(x, { "aria-hidden": "true", focusable: "false" })
46
- ]
47
- }
48
- ),
49
- open: o.open,
50
- onClose: () => o.setOpen(!1),
51
- ...e?.searchable ? {} : o.dropdownA11yProps,
52
- children: /* @__PURE__ */ r(
53
- f,
54
- {
55
- ...e,
56
- items: c,
57
- keyboardEvents: o.open,
58
- a11yMode: a,
59
- open: o.open,
60
- scrollToTopOnOpen: e.virtualized,
61
- ...a === "combobox" ? { id: o.menuId } : o.menuA11yProps
62
- }
63
- )
64
- }
65
- );
66
- };
67
8
  export {
68
- j as ToolbarMenu
9
+ b as ToolbarMenu
69
10
  };