@altinn/altinn-components 0.55.3 → 0.55.4

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/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.3",
+  "version": "0.55.4",
   "main": "dist/index.js",
   "files": [
     "dist/",