@altinn/altinn-components 0.55.2 → 0.55.4

package/dist/components/Account/AccountListItem.js

@@ -3,10 +3,10 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as h } from "../List/ListItem.js";
+import { ListItem as q } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { AccountListItemControls as q } from "./AccountListItemControls.js";
-const G = ({
+import { AccountListItemControls as w } from "./AccountListItemControls.js";
+const H = ({
   id: m,
   type: c,
   size: s,
@@ -22,15 +22,16 @@ const G = ({
   favouriteLabel: v,
   onToggleFavourite: A,
   contextMenu: j,
-  children: k,
-  interactive: C,
+  isPreselectedParty: k,
+  children: C,
+  interactive: M,
   disabled: r,
   loading: o,
-  ...M
+  ...h
 }) => /* @__PURE__ */ i(
-  h,
+  q,
   {
-    ...M,
+    ...h,
     loading: o,
     size: s,
     icon: e,
@@ -40,13 +41,14 @@ const G = ({
     selected: t,
     disabled: r,
     controls: !o && !r && /* @__PURE__ */ i(
-      q,
+      w,
       {
         id: m,
         type: c,
         favourite: L,
         favouriteLabel: v,
         badge: l,
+        isPreselectedParty: k,
         isCurrentEndUser: f,
         isDeleted: I,
         onToggleFavourite: A,
@@ -54,10 +56,10 @@ const G = ({
       }
     ),
     linkIcon: !o && !0,
-    interactive: C,
-    children: k
+    interactive: M,
+    children: C
   }
 );
 export {
-  G as AccountListItem
+  H as AccountListItem
 };

package/dist/components/Account/AccountListItemControls.js

@@ -1,38 +1,39 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { Badge as a } from "../Badge/Badge.js";
+import { Badge as u } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
-import { isValidElement as u } from "react";
-import { Button as c } from "../Button/Button.js";
-import { ContextMenu as d } from "../ContextMenu/ContextMenu.js";
+import { isValidElement as c } from "react";
+import { Button as d } from "../Button/Button.js";
+import { ContextMenu as v } from "../ContextMenu/ContextMenu.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemControls as v } from "../List/ListItemControls.js";
+import { ListItemControls as x } from "../List/ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
-import { S as x, a as B } from "../../HeartFill-CYSrJ_xK.js";
-const A = ({
+import { S as B, a as C } from "../../HeartFill-CYSrJ_xK.js";
+const E = ({
   id: e,
   type: i,
   badge: r,
   isCurrentEndUser: m = !1,
   favourite: n = !1,
-  favouriteLabel: l,
-  onToggleFavourite: s,
+  isPreselectedParty: l = !1,
+  favouriteLabel: s,
+  onToggleFavourite: f,
   contextMenu: o,
-  loading: f
-}) => /* @__PURE__ */ p(v, { children: [
-  r && (r && !f && typeof r == "object" && "label" in r ? /* @__PURE__ */ t(a, { ...r }) : u(r) ? r : null),
-  !m && i !== "group" && /* @__PURE__ */ t(
-    c,
+  loading: a
+}) => /* @__PURE__ */ p(x, { children: [
+  r && (r && !a && typeof r == "object" && "label" in r ? /* @__PURE__ */ t(u, { ...r }) : c(r) ? r : null),
+  !m && !l && i !== "group" && /* @__PURE__ */ t(
+    d,
     {
       size: "xs",
       variant: "ghost",
       rounded: !0,
-      "aria-label": l || "Toggle favourite",
-      onClick: () => s?.(e),
-      children: n ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(B, {})
+      "aria-label": s || "Toggle favourite",
+      onClick: () => f?.(e),
+      children: n ? /* @__PURE__ */ t(B, {}) : /* @__PURE__ */ t(C, {})
     }
   ),
-  o && /* @__PURE__ */ t(d, { ...o })
+  o && /* @__PURE__ */ t(v, { ...o })
 ] });
 export {
-  A as AccountListItemControls
+  E as AccountListItemControls
 };

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,81 +1,83 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useRef as O, useEffect as B } from "react";
+import { useRef as B, useEffect as T } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { Menu as T } from "../Menu/Menu.js";
-import { useDropdownMenuController as V } from "../Menu/useDropdownMenuController.js";
+import { Menu as V } from "../Menu/Menu.js";
+import { useDropdownMenuController as q } from "../Menu/useDropdownMenuController.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Dropdown as I } from "../Dropdown/Dropdown.js";
-import { ToolbarFilterButton as M } from "./ToolbarFilterButton.js";
-const Y = ({
-  as: R,
-  size: l,
+import { Dropdown as M } from "../Dropdown/Dropdown.js";
+import { ToolbarFilterButton as R } from "./ToolbarFilterButton.js";
+const Z = ({
+  as: A,
+  size: a,
   name: n,
-  label: a = "",
+  label: f = "",
   searchable: c,
-  groups: f,
+  groups: l,
   items: p,
-  removable: A,
-  removeLabel: F = "Fjern filter",
+  removable: F,
+  removeLabel: P = "Fjern filter",
   filterState: s,
   onFilterStateChange: g,
-  onFilterChange: P,
-  onRemove: E,
+  onFilterChange: E,
+  onRemove: j,
   open: o,
   onToggle: v,
   onClose: u,
   submitLabel: w,
   search: y,
-  virtualized: b
+  virtualized: b,
+  title: x
 }) => {
-  const x = O(o), t = V({ id: "toolbar-filter-menu" });
-  B(() => {
-    const r = x.current;
-    x.current = o, r && !o && t?.triggerRef?.current?.focus();
+  const h = B(o), t = q({ id: "toolbar-filter-menu" });
+  T(() => {
+    const r = h.current;
+    h.current = o, r && !o && t?.triggerRef?.current?.focus();
   }, [o, t.triggerRef]);
-  const j = (r) => {
-    const m = r.target.type, C = r.target.name, D = r.target.value;
-    P?.(m, C, D), m === "radio" && u();
-  }, h = p?.map((r) => ({
+  const C = (r) => {
+    const m = r.target.type, D = r.target.name, O = r.target.value;
+    E?.(m, D, O), m === "radio" && u();
+  }, k = p?.map((r) => ({
     ...r,
-    onChange: (m) => j(m)
-  })), i = p?.filter((r) => r.checked)?.map((r) => r.value || "true"), k = R || T, d = c ? "combobox" : "menu";
-  return A ? /* @__PURE__ */ e(
-    I,
+    onChange: (m) => C(m)
+  })), i = p?.filter((r) => r.checked)?.map((r) => r.value || "true"), I = A || V, d = c ? "combobox" : "menu";
+  return F ? /* @__PURE__ */ e(
+    M,
     {
       submitLabel: w,
+      title: x,
       variant: "drawer-dropdown",
       trigger: /* @__PURE__ */ e(
-        M,
+        R,
         {
           name: n,
           onClick: v,
-          onRemove: E,
+          onRemove: j,
           removable: !0,
           value: i?.length > 0 ? i : void 0,
-          removeLabel: F,
+          removeLabel: P,
           open: o,
           "aria-expanded": o,
           "aria-controls": t.menuId,
           ref: t.triggerRef,
-          children: a
+          children: f
         }
       ),
       open: o,
       onClose: u,
       ...t.dropdownA11yProps,
       children: /* @__PURE__ */ e(
-        k,
+        I,
         {
           search: y,
           name: n,
           filterState: s,
           onFilterStateChange: g,
-          size: l,
+          size: a,
           searchable: c,
-          groups: f,
-          items: h,
+          groups: l,
+          items: k,
           keyboardEvents: o,
           a11yMode: d,
           ...d === "combobox" ? { id: t.menuId } : t.menuA11yProps,
@@ -84,25 +86,26 @@ const Y = ({
       )
     }
   ) : /* @__PURE__ */ e(
-    I,
+    M,
     {
+      title: x,
       variant: "drawer-dropdown",
       submitLabel: w,
-      trigger: /* @__PURE__ */ e(M, { name: n, onClick: v, value: i?.length > 0 ? i : void 0, children: a }),
+      trigger: /* @__PURE__ */ e(R, { name: n, onClick: v, value: i?.length > 0 ? i : void 0, children: f }),
       open: o,
       onClose: u,
       ...t.dropdownA11yProps,
       children: /* @__PURE__ */ e(
-        k,
+        I,
         {
           search: y,
           name: n,
           filterState: s,
           onFilterStateChange: g,
-          size: l,
+          size: a,
           searchable: c,
-          groups: f,
-          items: h,
+          groups: l,
+          items: k,
           keyboardEvents: o,
           a11yMode: d,
           ...d === "combobox" ? { id: t.menuId } : t.menuA11yProps,
@@ -113,5 +116,5 @@ const Y = ({
   );
 };
 export {
-  Y as ToolbarFilterMenu
+  Z as ToolbarFilterMenu
 };

package/dist/types/lib/components/Account/AccountListItem.d.ts

@@ -14,7 +14,8 @@ export interface AccountListItemProps extends ListItemProps, AccountListItemCont
     isCurrentEndUser?: boolean;
     isDeleted?: boolean;
     isParent?: boolean;
+    isPreselectedParty?: boolean;
     contextMenu?: ContextMenuProps;
     label?: string;
 }
-export declare const AccountListItem: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, disabled, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountListItem: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, isPreselectedParty, children, interactive, disabled, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Account/AccountListItem.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { AccountListItemProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, disabled, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, type, size, expanded, icon, name, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, isPreselectedParty, children, interactive, disabled, loading, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -26,6 +26,7 @@ declare const meta: {
         isCurrentEndUser?: boolean | undefined;
         isDeleted?: boolean | undefined;
         isParent?: boolean | undefined;
+        isPreselectedParty?: boolean | undefined;
         contextMenu?: import('..').ContextMenuProps | undefined;
         label?: string | undefined;
         variant?: import('..').ListItemVariant | undefined;

package/dist/types/lib/components/Account/AccountListItemControls.d.ts

@@ -7,6 +7,7 @@ export interface AccountListItemControlsProps {
     isCurrentEndUser?: boolean;
     isDeleted?: boolean;
     favourite?: boolean;
+    isPreselectedParty?: boolean;
     favouriteLabel?: string;
     onToggleFavourite?: (id: string) => void;
     accountLabel?: string;
@@ -14,4 +15,4 @@ export interface AccountListItemControlsProps {
     loading?: boolean;
     badge?: BadgeProps | ReactNode;
 }
-export declare const AccountListItemControls: ({ id, type, badge, isCurrentEndUser, favourite, favouriteLabel, onToggleFavourite, contextMenu, loading, }: AccountListItemControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountListItemControls: ({ id, type, badge, isCurrentEndUser, favourite, isPreselectedParty, favouriteLabel, onToggleFavourite, contextMenu, loading, }: AccountListItemControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarFilterMenu.d.ts

@@ -11,5 +11,6 @@ export interface ToolbarFilterMenuProps extends FilterProps {
     onFilterChange?: (type: string, name: string, value: string) => void;
     removeLabel?: string;
     submitLabel?: string;
+    title?: string;
 }
-export declare const ToolbarFilterMenu: ({ as, size, name, label, searchable, groups, items, removable, removeLabel, filterState, onFilterStateChange, onFilterChange, onRemove, open, onToggle, onClose, submitLabel, search, virtualized, }: ToolbarFilterMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarFilterMenu: ({ as, size, name, label, searchable, groups, items, removable, removeLabel, filterState, onFilterStateChange, onFilterChange, onRemove, open, onToggle, onClose, submitLabel, search, virtualized, title, }: ToolbarFilterMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/useFilter.d.ts

@@ -9,7 +9,9 @@ export interface FilterProps extends MenuProps {
     groupId?: string;
     name: string;
     icon?: MenuItemProps['icon'];
-    label: string;
+    label?: string;
+    title?: MenuItemProps['title'];
+    description?: MenuItemProps['description'];
     removable?: boolean;
     groups?: FilterGroups;
     items: MenuItemProps[];
@@ -114,7 +116,9 @@ export declare const useFilter: ({ filters, filterState, onFilterStateChange }:
         groupId?: string;
         name: string;
         icon?: MenuItemProps["icon"];
-        label: string;
+        label?: string;
+        title?: MenuItemProps["title"];
+        description?: MenuItemProps["description"];
         removable?: boolean;
         groups?: FilterGroups;
         searchable?: boolean;
@@ -142,7 +146,9 @@ export declare const useFilter: ({ filters, filterState, onFilterStateChange }:
         groupId?: string;
         name: string;
         icon?: MenuItemProps["icon"];
-        label: string;
+        label?: string;
+        title?: MenuItemProps["title"];
+        description?: MenuItemProps["description"];
         removable?: boolean;
         groups?: FilterGroups;
         items: MenuItemProps[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.55.2",
+  "version": "0.55.4",
   "main": "dist/index.js",
   "files": [
     "dist/",