@altinn/altinn-components 0.6.12 → 0.7.0

package/dist/components/Searchbar/ScopeListItem.d.ts

@@ -0,0 +1,12 @@
+import { ElementType, ReactNode } from 'react';
+import { BadgeProps } from '../Badge';
+import { ListItemProps } from '../List/';
+export interface ScopeListItemProps extends ListItemProps {
+    as?: ElementType;
+    href?: string;
+    onClick?: () => void;
+    badge: BadgeProps;
+    loading?: boolean;
+    label?: string | (() => ReactNode);
+}
+export declare const ScopeListItem: ({ as, label, ...rest }: ScopeListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Searchbar/ScopeListItem.js

@@ -0,0 +1,11 @@
+import { jsx as i } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import { ListItem as m } from "../List/ListItem.js";
+import '../../assets/ScopeListItem.css';const r = "_item_1a3bc_1", e = {
+  item: r
+}, h = ({ as: s = "a", label: t, ...o }) => /* @__PURE__ */ i(m, { className: e.item, linkIcon: "chevron-right", ...o, children: typeof t == "function" ? t() : t });
+export {
+  h as ScopeListItem
+};

package/dist/components/Toolbar/ToolbarButton.js

@@ -26,7 +26,7 @@ import '../../assets/ToolbarButton.css';const c = "_removeButton_fxc8_1", l = {
     onIconClick: a,
     children: r
   }
-) : e === "add" ? /* @__PURE__ */ i(m, { reverse: !0, variant: "dotted", color: "primary", size: "sm", icon: "plus", selected: o, onClick: t, children: r }) : /* @__PURE__ */ i(
+) : e === "add" ? /* @__PURE__ */ i(m, { variant: "dotted", color: "primary", size: "sm", icon: "plus", selected: o, onClick: t, children: r }) : /* @__PURE__ */ i(
   m,
   {
     variant: n ? "solid" : "outline",
@@ -35,6 +35,7 @@ import '../../assets/ToolbarButton.css';const c = "_removeButton_fxc8_1", l = {
     icon: "chevron-up-down",
     selected: o,
     onClick: t,
+    reverse: !0,
     children: r
   }
 );

package/dist/components/index.js

@@ -5,41 +5,41 @@ import { AvatarGroup as f } from "./Avatar/AvatarGroup.js";
 import { Badge as n } from "./Badge/Badge.js";
 import { BookmarksList as u } from "./Bookmarks/BookmarksList.js";
 import { BookmarksListItem as l } from "./Bookmarks/BookmarksListItem.js";
-import { QueryItem as c, QueryLabel as D } from "./Bookmarks/QueryLabel.js";
-import { ButtonBase as M } from "./Button/ButtonBase.js";
+import { QueryItem as c, QueryLabel as L } from "./Bookmarks/QueryLabel.js";
+import { ButtonBase as d } from "./Button/ButtonBase.js";
 import { ButtonLabel as I } from "./Button/ButtonLabel.js";
 import { ButtonIcon as y } from "./Button/ButtonIcon.js";
 import { Button as S } from "./Button/Button.js";
-import { ComboButton as k } from "./Button/ComboButton.js";
+import { ComboButton as A } from "./Button/ComboButton.js";
 import { IconButton as h } from "./Button/IconButton.js";
-import { ContextMenu as v } from "./ContextMenu/ContextMenu.js";
-import { Dialog as F } from "./Dialog/Dialog.js";
+import { ContextMenu as T } from "./ContextMenu/ContextMenu.js";
+import { Dialog as C } from "./Dialog/Dialog.js";
 import { DialogList as R } from "./Dialog/DialogList.js";
 import { DialogMetadata as O } from "./Dialog/DialogMetadata.js";
 import { DialogListItem as E } from "./Dialog/DialogListItem.js";
-import { DialogListItemBase as j } from "./Dialog/DialogListItemBase.js";
-import { DialogActions as z } from "./Dialog/DialogActions.js";
-import { DialogActivityLog as K } from "./Dialog/DialogActivityLog.js";
-import { DialogArticleBase as V } from "./Dialog/DialogArticleBase.js";
-import { DialogBase as X } from "./Dialog/DialogBase.js";
-import { DialogBodyBase as Z } from "./Dialog/DialogBodyBase.js";
-import { DialogBorder as $ } from "./Dialog/DialogBorder.js";
-import { DialogContent as ro } from "./Dialog/DialogContent.js";
-import { DialogFooter as to } from "./Dialog/DialogFooter.js";
-import { DialogHeader as ao } from "./Dialog/DialogHeader.js";
-import { DialogHeaderBase as xo } from "./Dialog/DialogHeaderBase.js";
-import { DialogHeadings as io } from "./Dialog/DialogHeadings.js";
-import { DialogHistory as so } from "./Dialog/DialogHistory.js";
-import { DialogNav as Bo } from "./Dialog/DialogNav.js";
-import { DialogSectionBase as go } from "./Dialog/DialogSectionBase.js";
-import { DialogSeenBy as Do } from "./Dialog/DialogSeenBy.js";
-import { DialogSelect as Mo } from "./Dialog/DialogSelect.js";
-import { DialogStatus as bo, DialogStatusEnum as yo } from "./Dialog/DialogStatus.js";
-import { DialogTitle as So } from "./Dialog/DialogTitle.js";
-import { DialogTouchedBy as ko } from "./Dialog/DialogTouchedBy.js";
+import { DialogActions as j } from "./Dialog/DialogActions.js";
+import { DialogActivityLog as z } from "./Dialog/DialogActivityLog.js";
+import { DialogArticleBase as K } from "./Dialog/DialogArticleBase.js";
+import { DialogBase as V } from "./Dialog/DialogBase.js";
+import { DialogBodyBase as X } from "./Dialog/DialogBodyBase.js";
+import { DialogBorder as Z } from "./Dialog/DialogBorder.js";
+import { DialogContent as $ } from "./Dialog/DialogContent.js";
+import { DialogFooter as ro } from "./Dialog/DialogFooter.js";
+import { DialogHeader as to } from "./Dialog/DialogHeader.js";
+import { DialogHeaderBase as ao } from "./Dialog/DialogHeaderBase.js";
+import { DialogHeadings as xo } from "./Dialog/DialogHeadings.js";
+import { DialogHistory as io } from "./Dialog/DialogHistory.js";
+import { DialogNav as so } from "./Dialog/DialogNav.js";
+import { DialogSectionBase as Bo } from "./Dialog/DialogSectionBase.js";
+import { DialogSeenBy as go } from "./Dialog/DialogSeenBy.js";
+import { DialogSelect as Lo } from "./Dialog/DialogSelect.js";
+import { DialogStatus as Mo, DialogStatusEnum as Io } from "./Dialog/DialogStatus.js";
+import { DialogTitle as yo } from "./Dialog/DialogTitle.js";
+import { DialogTouchedBy as So } from "./Dialog/DialogTouchedBy.js";
+import { DialogLabel as Ao } from "./Dialog/DialogLabel.js";
 import { DropdownBase as ho } from "./Dropdown/DropdownBase.js";
-import { Backdrop as vo } from "./Dropdown/Backdrop.js";
-import { DrawerBase as Fo } from "./Dropdown/DrawerBase.js";
+import { Backdrop as To } from "./Dropdown/Backdrop.js";
+import { DrawerBase as Co } from "./Dropdown/DrawerBase.js";
 import { DrawerHeader as Ro } from "./Dropdown/DrawerHeader.js";
 import { DrawerFooter as Oo } from "./Dropdown/DrawerFooter.js";
 import { DrawerButton as Eo } from "./Dropdown/DrawerButton.js";
@@ -58,61 +58,62 @@ import { HeaderButton as ir } from "./Header/HeaderButton.js";
 import { HistoryList as sr } from "./History/HistoryList.js";
 import { HistoryItem as Br } from "./History/HistoryItem.js";
 import { Icon as gr } from "./Icon/Icon.js";
-import { SvgIcon as Dr } from "./Icon/SvgIcon.js";
-import { CheckboxIcon as Mr } from "./Icon/CheckboxIcon.js";
+import { SvgIcon as Lr } from "./Icon/SvgIcon.js";
+import { CheckboxIcon as dr } from "./Icon/CheckboxIcon.js";
 import { RadioIcon as Ir } from "./Icon/RadioIcon.js";
 import { ProgressIcon as yr } from "./Icon/ProgressIcon.js";
 import { iconsMap as Sr } from "./Icon/iconsMap.js";
-import { LayoutBase as kr } from "./Layout/LayoutBase.js";
+import { LayoutBase as Ar } from "./Layout/LayoutBase.js";
 import { LayoutBody as hr } from "./Layout/LayoutBody.js";
-import { LayoutContent as vr } from "./Layout/LayoutContent.js";
-import { LayoutSidebar as Fr } from "./Layout/LayoutSidebar.js";
+import { LayoutContent as Tr } from "./Layout/LayoutContent.js";
+import { LayoutSidebar as Cr } from "./Layout/LayoutSidebar.js";
 import { Layout as Rr } from "./Layout/Layout.js";
 import { ActionHeader as Or } from "./LayoutAction/ActionHeader.js";
 import { ActionFooter as Er } from "./LayoutAction/ActionFooter.js";
 import { ActionMenu as jr } from "./LayoutAction/ActionMenu.js";
 import { ListItemBase as zr } from "./List/ListItemBase.js";
-import { ListItem as Kr } from "./List/ListItem.js";
-import { ListBase as Vr } from "./List/ListBase.js";
-import { List as Xr } from "./List/List.js";
-import { ListItemLabel as Zr } from "./List/ListItemLabel.js";
-import { ListItemMedia as $r } from "./List/ListItemMedia.js";
-import { ListItemAction as re } from "./List/ListItemAction.js";
-import { MenuItemBase as te } from "./Menu/MenuItemBase.js";
-import { MenuItemLabel as ae } from "./Menu/MenuItemLabel.js";
-import { MenuItemMedia as xe } from "./Menu/MenuItemMedia.js";
-import { MenuItem as ie } from "./Menu/MenuItem.js";
-import { MenuInputField as se } from "./Menu/MenuInputField.js";
-import { MenuOption as Be } from "./Menu/MenuOption.js";
-import { MenuSearch as ge } from "./Menu/MenuSearch.js";
-import { MenuHeader as De } from "./Menu/MenuHeader.js";
-import { MenuItems as Me } from "./Menu/MenuItems.js";
-import { MenuBase as Ie, MenuList as be, MenuListItem as ye } from "./Menu/MenuBase.js";
-import { Menu as Se } from "./Menu/Menu.js";
-import { MetaBase as ke } from "./Meta/MetaBase.js";
-import { MetaList as he, MetaListItem as Te } from "./Meta/MetaList.js";
-import { MetaItemBase as Ce } from "./Meta/MetaItemBase.js";
-import { MetaItemMedia as Pe } from "./Meta/MetaItemMedia.js";
-import { MetaItemLabel as Ge } from "./Meta/MetaItemLabel.js";
-import { MetaItem as Qe } from "./Meta/MetaItem.js";
-import { MetaProgress as Ne } from "./Meta/MetaProgress.js";
-import { MetaTimestamp as qe } from "./Meta/MetaTimestamp.js";
-import { RootProvider as Je, useRootContext as Ke } from "./RootProvider/RootProvider.js";
-import { Searchbar as Ve } from "./Searchbar/Searchbar.js";
-import { Snackbar as Xe } from "./Snackbar/Snackbar.js";
-import { SnackbarBase as Ze } from "./Snackbar/SnackbarBase.js";
-import { SnackbarMedia as $e } from "./Snackbar/SnackbarMedia.js";
-import { SnackbarLabel as rt } from "./Snackbar/SnackbarLabel.js";
-import { ToolbarBase as tt } from "./Toolbar/ToolbarBase.js";
-import { ToolbarButton as at } from "./Toolbar/ToolbarButton.js";
-import { Toolbar as xt } from "./Toolbar/Toolbar.js";
-import { PageBase as it } from "./Page/PageBase.js";
-import { PageHeader as st } from "./Page/PageHeader.js";
-import { SectionBase as Bt } from "./Page/SectionBase.js";
-import { SectionHeader as gt } from "./Page/SectionHeader.js";
-import { SectionFooter as Dt } from "./Page/SectionFooter.js";
-import { Typography as Mt } from "./Typography/Typography.js";
-import { Heading as It } from "./Typography/Heading.js";
+import { ListItemHeader as Kr } from "./List/ListItemHeader.js";
+import { ListItemFooter as Vr } from "./List/ListItemFooter.js";
+import { ListItemLabel as Xr } from "./List/ListItemLabel.js";
+import { ListItemMedia as Zr } from "./List/ListItemMedia.js";
+import { ListItem as $r } from "./List/ListItem.js";
+import { ListBase as re } from "./List/ListBase.js";
+import { List as te } from "./List/List.js";
+import { MenuItemBase as ae } from "./Menu/MenuItemBase.js";
+import { MenuItemLabel as xe } from "./Menu/MenuItemLabel.js";
+import { MenuItemMedia as ie } from "./Menu/MenuItemMedia.js";
+import { MenuItem as se } from "./Menu/MenuItem.js";
+import { MenuInputField as Be } from "./Menu/MenuInputField.js";
+import { MenuOption as ge } from "./Menu/MenuOption.js";
+import { MenuSearch as Le } from "./Menu/MenuSearch.js";
+import { MenuHeader as de } from "./Menu/MenuHeader.js";
+import { MenuItems as Ie } from "./Menu/MenuItems.js";
+import { MenuBase as ye, MenuList as He, MenuListItem as Se } from "./Menu/MenuBase.js";
+import { Menu as Ae } from "./Menu/Menu.js";
+import { MetaBase as he } from "./Meta/MetaBase.js";
+import { MetaList as Te, MetaListItem as ve } from "./Meta/MetaList.js";
+import { MetaItemBase as Pe } from "./Meta/MetaItemBase.js";
+import { MetaItemMedia as Ge } from "./Meta/MetaItemMedia.js";
+import { MetaItemLabel as Qe } from "./Meta/MetaItemLabel.js";
+import { MetaItem as Ne } from "./Meta/MetaItem.js";
+import { MetaProgress as qe } from "./Meta/MetaProgress.js";
+import { MetaTimestamp as Je } from "./Meta/MetaTimestamp.js";
+import { RootProvider as Ue, useRootContext as Ve } from "./RootProvider/RootProvider.js";
+import { Searchbar as Xe } from "./Searchbar/Searchbar.js";
+import { Snackbar as Ze } from "./Snackbar/Snackbar.js";
+import { SnackbarBase as $e } from "./Snackbar/SnackbarBase.js";
+import { SnackbarMedia as rt } from "./Snackbar/SnackbarMedia.js";
+import { SnackbarLabel as tt } from "./Snackbar/SnackbarLabel.js";
+import { ToolbarBase as at } from "./Toolbar/ToolbarBase.js";
+import { ToolbarButton as xt } from "./Toolbar/ToolbarButton.js";
+import { Toolbar as it } from "./Toolbar/Toolbar.js";
+import { PageBase as st } from "./Page/PageBase.js";
+import { PageHeader as Bt } from "./Page/PageHeader.js";
+import { SectionBase as gt } from "./Page/SectionBase.js";
+import { SectionHeader as Lt } from "./Page/SectionHeader.js";
+import { SectionFooter as dt } from "./Page/SectionFooter.js";
+import { Typography as It } from "./Typography/Typography.js";
+import { Heading as yt } from "./Typography/Heading.js";
 export {
   Zo as AccountButton,
   Vo as AccountMenu,
@@ -124,43 +125,43 @@ export {
   p as Avatar,
   f as AvatarGroup,
   $o as BackButton,
-  vo as Backdrop,
+  To as Backdrop,
   n as Badge,
   u as BookmarksList,
   l as BookmarksListItem,
   S as Button,
-  M as ButtonBase,
+  d as ButtonBase,
   y as ButtonIcon,
   I as ButtonLabel,
-  Mr as CheckboxIcon,
-  k as ComboButton,
-  v as ContextMenu,
-  F as Dialog,
-  z as DialogActions,
-  K as DialogActivityLog,
-  V as DialogArticleBase,
-  X as DialogBase,
-  Z as DialogBodyBase,
-  $ as DialogBorder,
-  ro as DialogContent,
-  to as DialogFooter,
-  ao as DialogHeader,
-  xo as DialogHeaderBase,
-  io as DialogHeadings,
-  so as DialogHistory,
+  dr as CheckboxIcon,
+  A as ComboButton,
+  T as ContextMenu,
+  C as Dialog,
+  j as DialogActions,
+  z as DialogActivityLog,
+  K as DialogArticleBase,
+  V as DialogBase,
+  X as DialogBodyBase,
+  Z as DialogBorder,
+  $ as DialogContent,
+  ro as DialogFooter,
+  to as DialogHeader,
+  ao as DialogHeaderBase,
+  xo as DialogHeadings,
+  io as DialogHistory,
+  Ao as DialogLabel,
   R as DialogList,
   E as DialogListItem,
-  j as DialogListItemBase,
   O as DialogMetadata,
-  Bo as DialogNav,
-  go as DialogSectionBase,
-  Do as DialogSeenBy,
-  Mo as DialogSelect,
-  bo as DialogStatus,
-  yo as DialogStatusEnum,
-  So as DialogTitle,
-  ko as DialogTouchedBy,
-  Fo as DrawerBase,
+  so as DialogNav,
+  Bo as DialogSectionBase,
+  go as DialogSeenBy,
+  Lo as DialogSelect,
+  Mo as DialogStatus,
+  Io as DialogStatusEnum,
+  yo as DialogTitle,
+  So as DialogTouchedBy,
+  Co as DrawerBase,
   jo as DrawerBody,
   Eo as DrawerButton,
   Oo as DrawerFooter,
@@ -173,66 +174,67 @@ export {
   ar as HeaderBase,
   ir as HeaderButton,
   xr as HeaderLogo,
-  It as Heading,
+  yt as Heading,
   Br as HistoryItem,
   sr as HistoryList,
   gr as Icon,
   h as IconButton,
   Rr as Layout,
-  kr as LayoutBase,
+  Ar as LayoutBase,
   hr as LayoutBody,
-  vr as LayoutContent,
-  Fr as LayoutSidebar,
-  Xr as List,
-  Vr as ListBase,
-  Kr as ListItem,
-  re as ListItemAction,
+  Tr as LayoutContent,
+  Cr as LayoutSidebar,
+  te as List,
+  re as ListBase,
+  $r as ListItem,
   zr as ListItemBase,
-  Zr as ListItemLabel,
-  $r as ListItemMedia,
+  Vr as ListItemFooter,
+  Kr as ListItemHeader,
+  Xr as ListItemLabel,
+  Zr as ListItemMedia,
   rr as LogoutButton,
-  Se as Menu,
-  Ie as MenuBase,
-  De as MenuHeader,
-  se as MenuInputField,
-  ie as MenuItem,
-  te as MenuItemBase,
-  ae as MenuItemLabel,
-  xe as MenuItemMedia,
-  Me as MenuItems,
-  be as MenuList,
-  ye as MenuListItem,
-  Be as MenuOption,
-  ge as MenuSearch,
-  ke as MetaBase,
-  Qe as MetaItem,
-  Ce as MetaItemBase,
-  Ge as MetaItemLabel,
-  Pe as MetaItemMedia,
-  he as MetaList,
-  Te as MetaListItem,
-  Ne as MetaProgress,
-  qe as MetaTimestamp,
-  it as PageBase,
-  st as PageHeader,
+  Ae as Menu,
+  ye as MenuBase,
+  de as MenuHeader,
+  Be as MenuInputField,
+  se as MenuItem,
+  ae as MenuItemBase,
+  xe as MenuItemLabel,
+  ie as MenuItemMedia,
+  Ie as MenuItems,
+  He as MenuList,
+  Se as MenuListItem,
+  ge as MenuOption,
+  Le as MenuSearch,
+  he as MetaBase,
+  Ne as MetaItem,
+  Pe as MetaItemBase,
+  Qe as MetaItemLabel,
+  Ge as MetaItemMedia,
+  Te as MetaList,
+  ve as MetaListItem,
+  qe as MetaProgress,
+  Je as MetaTimestamp,
+  st as PageBase,
+  Bt as PageHeader,
   yr as ProgressIcon,
   c as QueryItem,
-  D as QueryLabel,
+  L as QueryLabel,
   Ir as RadioIcon,
-  Je as RootProvider,
-  Ve as Searchbar,
-  Bt as SectionBase,
-  Dt as SectionFooter,
-  gt as SectionHeader,
-  Xe as Snackbar,
-  Ze as SnackbarBase,
-  rt as SnackbarLabel,
-  $e as SnackbarMedia,
-  Dr as SvgIcon,
-  xt as Toolbar,
-  tt as ToolbarBase,
-  at as ToolbarButton,
-  Mt as Typography,
+  Ue as RootProvider,
+  Xe as Searchbar,
+  gt as SectionBase,
+  dt as SectionFooter,
+  Lt as SectionHeader,
+  Ze as Snackbar,
+  $e as SnackbarBase,
+  tt as SnackbarLabel,
+  rt as SnackbarMedia,
+  Lr as SvgIcon,
+  it as Toolbar,
+  at as ToolbarBase,
+  xt as ToolbarButton,
+  It as Typography,
   Sr as iconsMap,
-  Ke as useRootContext
+  Ve as useRootContext
 };

package/dist/hooks/useMenu.js

@@ -1,39 +1,39 @@
 "use client";
-import { useState as h, useMemo as w, useCallback as x, useEffect as k } from "react";
+import { useState as h, useMemo as w, useCallback as x, useEffect as i } from "react";
 const v = ({
   items: n,
   groups: f,
   groupByKey: u,
-  keyboardEvents: p = !1
+  keyboardEvents: a = !1
 }) => {
-  const [c, d] = h(-1), a = w(() => {
-    const t = [], s = n.reduce(
-      (o, r) => {
-        const e = u && r[u] ? r[u] : "ungrouped";
-        return o[e] = o[e] || [], o[e].push(r), t.push(r), o;
+  const [l, d] = h(-1), p = w(() => {
+    const r = n.reduce(
+      (o, s) => {
+        const e = u && s[u] ? s[u] : "ungrouped";
+        return o[e] = o[e] || [], o[e].push(s), o;
       },
       {}
-    );
-    return Object.entries(s).map(([o, r]) => ({
-      items: r.map((e) => ({
+    ), t = Object.values(r).flat();
+    return Object.entries(r).map(([o, s]) => ({
+      items: s.map((e) => ({
         menuIndex: t.indexOf(e),
-        active: c === t.indexOf(e),
+        active: l === t.indexOf(e),
         props: e
       })),
       props: f[o] || {}
     }));
-  }, [n, u, c, f]), l = x(
-    (t) => {
-      t.key === "ArrowDown" ? d((s) => (s + 1) % n.length) : t.key === "ArrowUp" && d((s) => (s - 1 + n.length) % n.length);
+  }, [n, u, l, f]), c = x(
+    (r) => {
+      r.key === "ArrowDown" ? d((t) => (t + 1) % n.length) : r.key === "ArrowUp" && d((t) => (t - 1 + n.length) % n.length);
     },
     [n.length]
   );
-  return k(() => {
-    if (p)
-      return d(0), document.addEventListener("keydown", l), () => {
-        document.removeEventListener("keydown", l);
+  return i(() => {
+    if (a)
+      return d(0), document.addEventListener("keydown", c), () => {
+        document.removeEventListener("keydown", c);
       };
-  }, [l, p]), { menu: a, activeIndex: c, setActiveIndex: d };
+  }, [c, a]), { menu: p, activeIndex: l, setActiveIndex: d };
 };
 export {
   v as useMenu