@altinn/altinn-components 0.8.1 → 0.8.3

package/dist/components/Toolbar/Toolbar.js

@@ -1,93 +1,92 @@
 "use client";
-import { jsxs as V, jsx as c } from "react/jsx-runtime";
-import { useState as d, useMemo as C } from "react";
-import { useRootContext as q } from "../RootProvider/RootProvider.js";
-import { ToolbarAdd as w } from "./ToolbarAdd.js";
-import { ToolbarBase as z } from "./ToolbarBase.js";
-import { ToolbarFilter as D } from "./ToolbarFilter.js";
-import { ToolbarMenu as G } from "./ToolbarMenu.js";
-import { ToolbarSearch as H } from "./ToolbarSearch.js";
-const Y = ({
-  filters: l = [],
-  filterState: u,
-  onFilterStateChange: g,
-  search: T,
-  menu: F,
-  getFilterLabel: A,
-  children: N
+import { jsxs as L, jsx as i } from "react/jsx-runtime";
+import { useState as u, useMemo as T } from "react";
+import { useRootContext as M } from "../RootProvider/RootProvider.js";
+import { ToolbarAdd as k } from "./ToolbarAdd.js";
+import { ToolbarBase as B } from "./ToolbarBase.js";
+import { ToolbarFilter as V } from "./ToolbarFilter.js";
+import { ToolbarMenu as $ } from "./ToolbarMenu.js";
+import { ToolbarSearch as q } from "./ToolbarSearch.js";
+const g = (n, l) => l || `toolbar-filter-${n}`, O = ({
+  filters: n = [],
+  filterState: l,
+  onFilterStateChange: s,
+  search: m,
+  menu: b,
+  getFilterLabel: y,
+  children: S,
+  showResultsLabel: h
 }) => {
-  const { currentId: i, openId: R, closeAll: y } = q(), [e, s] = d(null), [j, v] = d(
-    u ?? {}
-  ), p = typeof g == "function" ? g : v, r = u || j, [b, S] = d(
-    (l == null ? void 0 : l.filter((o) => !(o.removable && typeof r[o.name] > "u")).map((o) => o.name)) ?? []
-  ), h = l == null ? void 0 : l.filter((o) => !b.includes(o.name)), L = C(
-    () => b.map((o) => l.find((n) => n.name === o)).filter((o) => typeof o < "u"),
-    [l, b]
-  ), a = C(
-    () => l.filter((o) => h.includes(o)),
-    [l, h]
-  ), t = (o, n) => {
-    (e == null ? void 0 : e.name) === n && e.type === o ? (y(), s(null)) : (R("toolbar"), s({ name: n, type: o }));
-  }, M = () => {
-    s(null), y();
-  }, k = (o, n, m) => {
-    m === "radio" ? (p({
-      ...r,
-      [o]: n
-    }), t("filter", o)) : p({
-      ...r,
-      [o]: r[o] ? r[o].some((f) => n == null ? void 0 : n.includes(f)) ? r[o].filter((f) => !(n || []).includes(f)) : [...r[o], ...n || []] : n
+  const { openId: x, closeAll: A } = M(), [C, I] = u(
+    l ?? {}
+  ), c = typeof s == "function" ? s : I, t = l || C, [d, f] = u(
+    (n == null ? void 0 : n.filter((o) => !(o.removable && typeof t[o.name] > "u")).map((o) => o.name)) ?? []
+  ), F = n == null ? void 0 : n.filter((o) => !d.includes(o.name)), N = T(
+    () => d.map((o) => n.find((e) => e.name === o)).filter((o) => typeof o < "u"),
+    [n, d]
+  ), a = T(
+    () => n.filter((o) => F.includes(o)),
+    [n, F]
+  ), R = (o, e, r) => {
+    r === "radio" ? (A(), c({
+      ...t,
+      [o]: e
+    })) : c({
+      ...t,
+      [o]: t[o] ? t[o].some((p) => e == null ? void 0 : e.includes(p)) ? t[o].filter((p) => !(e || []).includes(p)) : [...t[o], ...e || []] : e
     });
-  }, B = (o) => {
-    S((n) => n.filter((m) => m !== o)), p({
-      ...r,
+  }, j = (o) => {
+    f((e) => e.filter((r) => r !== o)), c({
+      ...t,
       [o]: void 0
     });
-  }, E = (o) => {
-    S((n) => [...n, o]), t("filter", o);
+  }, v = (o, e) => {
+    f((r) => [...r, o]), x(e);
   };
-  return /* @__PURE__ */ V(z, { open: i === "toolbar", onClose: M, children: [
-    F && /* @__PURE__ */ c(G, { onToggle: () => t("menu", ""), expanded: (e == null ? void 0 : e.type) === "menu", ...F }),
-    T && /* @__PURE__ */ c(H, { ...T }),
-    L.map((o) => /* @__PURE__ */ c(
-      D,
+  return /* @__PURE__ */ L(B, { children: [
+    b && /* @__PURE__ */ i($, { ...b }),
+    m && /* @__PURE__ */ i(q, { ...m }),
+    N.map((o) => /* @__PURE__ */ i(
+      V,
       {
-        onToggle: () => t("filter", o.name),
-        expanded: i === "toolbar" && o.name === (e == null ? void 0 : e.name) && (e == null ? void 0 : e.type) === "filter",
+        id: g(o.name, o.id),
+        showResultsLabel: h,
         onRemove: () => {
-          B(o.name);
+          j(o.name);
         },
-        onChange: (n) => {
-          k(o.name, [n.target.value], o.optionType);
+        onChange: (e) => {
+          R(o.name, [e.target.value], o.optionType);
         },
         name: o.name,
         options: o.options,
         label: o.label,
-        value: r[o.name],
+        value: t[o.name],
         optionType: o.optionType,
         removable: o.removable,
-        getSelectedLabel: A
+        getSelectedLabel: y
       },
       o.name
     )),
-    (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ c(
-      w,
+    (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ i(
+      k,
       {
-        expanded: i === "toolbar" && (e == null ? void 0 : e.type) === "add-filter",
-        onToggle: () => t("add-filter", ""),
-        items: a.map((o) => ({
-          id: o.name,
-          label: o.label,
-          name: o.name,
-          onClick: () => {
-            E(o.name);
-          }
-        }))
+        id: "toolbar-filter-add",
+        items: a.map((o) => {
+          const e = g(o.name, o.id);
+          return {
+            id: e,
+            title: o.label,
+            name: o.name,
+            onClick: () => {
+              v(o.name, e);
+            }
+          };
+        })
       }
     ),
-    N
+    S
   ] });
 };
 export {
-  Y as Toolbar
+  O as Toolbar
 };

package/dist/components/Toolbar/Toolbar.stories.js

@@ -1,12 +1,14 @@
-import { jsx as s } from "react/jsx-runtime";
-import n from "react";
+import { jsx as n } from "react/jsx-runtime";
+import i from "react";
 import { Toolbar as o } from "./Toolbar.js";
-const d = {
+const m = {
   title: "Toolbar/Toolbar",
   component: o,
   tags: ["autodocs"],
   parameters: {},
-  args: {}
+  args: {
+    showResultsLabel: "Vis alle treff"
+  }
 }, a = {
   args: {
     menu: {
@@ -17,13 +19,15 @@ const d = {
           avatar: {
             name: "Ola Nordmann"
           },
-          label: "Ola Nordmann"
+          title: "Ola Nordmann",
+          id: "ola"
         },
         {
           avatar: {
             name: "Kari Nordmann"
           },
-          label: "Kari Nordmann"
+          title: "Kari Nordmann",
+          id: "kari"
         }
       ]
     },
@@ -110,33 +114,34 @@ const d = {
       }
     ]
   }
-}, m = {
+}, g = {
   args: {
     ...a.args,
     getFilterLabel: (t, e) => Array.isArray(e) && e.length > 1 ? `${e.length} selected` : e
   }
-}, g = {
+}, p = {
   args: {
     ...a.args,
     filters: []
   }
 };
 var l, r;
-const p = {
+const v = {
   args: {
     filters: (r = (l = a == null ? void 0 : a.args) == null ? void 0 : l.filters) == null ? void 0 : r.map((t) => ({
       ...t,
       removable: !1
     }))
   }
-}, v = () => {
-  const [t, e] = n.useState({
+}, c = (t) => {
+  const [e, s] = i.useState({
     from: ["skatt", "brreg"]
   });
-  return /* @__PURE__ */ s(o, { filters: a.args.filters, filterState: t, onFilterStateChange: e });
-}, c = {
+  return /* @__PURE__ */ n(o, { ...t, filters: a.args.filters, filterState: e, onFilterStateChange: s });
+}, f = {
   args: {
     search: {
+      name: "search",
       placeholder: "Søk etter filter"
     },
     filters: [
@@ -176,11 +181,11 @@ const p = {
   }
 };
 export {
-  v as ControlledStateFilters,
-  m as CustomFilterLabel,
+  c as ControlledStateFilters,
+  g as CustomFilterLabel,
   a as Default,
-  c as FilterAndSearch,
-  g as NoFilters,
-  p as StaticFilters,
-  d as default
+  f as FilterAndSearch,
+  p as NoFilters,
+  v as StaticFilters,
+  m as default
 };

package/dist/components/Toolbar/ToolbarAdd.d.ts

@@ -1,10 +1,8 @@
-import { MouseEventHandler } from 'react';
 import { MenuItemProps } from '../Menu';
 export interface ToolbarAddProps {
     items: MenuItemProps[];
-    expanded: boolean;
-    onToggle?: MouseEventHandler;
+    id: string;
     label?: string;
     className?: string;
 }
-export declare const ToolbarAdd: ({ expanded, onToggle, label, items }: ToolbarAddProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarAdd: ({ label, items, id }: ToolbarAddProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/ToolbarAdd.js

@@ -1,17 +1,20 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { ToolbarButton as p } from "./ToolbarButton.js";
-import { ToolbarFilterBase as l } from "./ToolbarFilterBase.js";
-import { Menu as n } from "../Menu/Menu.js";
-import { DrawerOrDropdown as s } from "../Dropdown/DrawerOrDropdown.js";
-import "../../Autocomplete-Cb9fQrzy.js";
-const B = ({ expanded: o = !1, onToggle: t, label: i = "Legg til", items: m }) => /* @__PURE__ */ e(l, { expanded: o, children: [
-  /* @__PURE__ */ r(p, { type: "add", onToggle: t, children: i }),
-  /* @__PURE__ */ r(s, { title: i, onClose: t, expanded: o, children: /* @__PURE__ */ r(n, { theme: "global", items: m }) })
-] });
+import { useRootContext as d } from "../RootProvider/RootProvider.js";
+import { ToolbarButton as s } from "./ToolbarButton.js";
+import { ToolbarFilterBase as c } from "./ToolbarFilterBase.js";
+import { Menu as g } from "../Menu/Menu.js";
+import { DrawerOrDropdown as a } from "../Dropdown/DrawerOrDropdown.js";
+import "../Searchbar/AutocompleteBase.js";
+const D = ({ label: r = "Legg til", items: n, id: t }) => {
+  const { closeAll: m, currentId: l, toggleId: i } = d(), e = l === t;
+  return /* @__PURE__ */ p(c, { expanded: e, children: [
+    /* @__PURE__ */ o(s, { type: "add", onToggle: () => i(t), children: r }),
+    /* @__PURE__ */ o(a, { drawerTitle: r, onClose: m, open: e, children: /* @__PURE__ */ o(g, { theme: "global", items: n }) })
+  ] });
+};
 export {
-  B as ToolbarAdd
+  D as ToolbarAdd
 };

package/dist/components/Toolbar/ToolbarBase.d.ts

@@ -1,7 +1,5 @@
 import { ReactNode } from 'react';
 export interface ToolbarBaseProps {
     children?: ReactNode;
-    open?: boolean;
-    onClose?: () => void;
 }
 export declare const ToolbarBase: ({ children }: ToolbarBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -3,17 +3,17 @@ import { useState as m } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import { ToolbarButton as v } from "./ToolbarButton.js";
+import { ToolbarButton as T } from "./ToolbarButton.js";
 import { MenuInputField as p } from "../Menu/MenuInputField.js";
-import { MenuBase as C } from "../Menu/MenuBase.js";
-import { ToolbarFilterBase as F } from "./ToolbarFilterBase.js";
-import { DrawerOrDropdown as T } from "../Dropdown/DrawerOrDropdown.js";
-import "../../Autocomplete-Cb9fQrzy.js";
+import { MenuBase as v } from "../Menu/MenuBase.js";
+import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
+import { DrawerOrDropdown as F } from "../Dropdown/DrawerOrDropdown.js";
+import "../Searchbar/AutocompleteBase.js";
 import { Datepicker as S } from "../Datepicker/Datepicker.js";
-import '../../assets/ToolbarDaterange.css';const y = "_datepicker_mqb1p_1", q = "_fields_mqb1p_6", w = "_description_mqb1p_10", n = {
-  datepicker: y,
-  fields: q,
-  description: w
+import '../../assets/ToolbarDaterange.css';const w = "_datepicker_mqb1p_1", y = "_fields_mqb1p_6", q = "_description_mqb1p_10", n = {
+  datepicker: w,
+  fields: y,
+  description: q
 }, J = ({
   title: d = "Select daterange",
   description: f = "Choose dates or click to set daterange.",
@@ -31,9 +31,9 @@ import '../../assets/ToolbarDaterange.css';const y = "_datepicker_mqb1p_1", q =
   }, k = (e) => {
     s ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
   };
-  return /* @__PURE__ */ i(F, { expanded: c, children: [
-    /* @__PURE__ */ o(v, { type: "switch", onToggle: l, active: !!_, children: u }),
-    /* @__PURE__ */ o(T, { expanded: c, title: d, onClose: l, children: /* @__PURE__ */ i(C, { children: [
+  return /* @__PURE__ */ i(C, { expanded: c, children: [
+    /* @__PURE__ */ o(T, { type: "switch", onToggle: l, active: !!_, children: u }),
+    /* @__PURE__ */ o(F, { open: c, drawerTitle: d, onClose: l, children: /* @__PURE__ */ i(v, { children: [
       /* @__PURE__ */ i("div", { className: n.fields, children: [
         /* @__PURE__ */ o(
           p,

package/dist/components/Toolbar/ToolbarFilter.d.ts

@@ -9,15 +9,15 @@ export interface ToolbarFilterProps {
         [key: string]: OptionGroup;
     };
     label: string;
+    id?: string;
     value?: ToolbarFilterValue;
     optionType: 'checkbox' | 'radio';
-    expanded?: boolean;
     removable?: boolean;
     getSelectedLabel?: (name: string, value?: ToolbarFilterValue) => string;
     className?: string;
     onChange?: ChangeEventHandler;
-    onToggle?: MouseEventHandler;
     onRemove?: MouseEventHandler;
+    showResultsLabel?: string;
 }
-export declare const ToolbarFilter: ({ expanded, removable, label, name, value, options, optionGroups, onToggle, onChange, onRemove, getSelectedLabel, optionType, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarFilter: ({ removable, label, name, value, options, optionGroups, onChange, onRemove, getSelectedLabel, showResultsLabel, optionType, id, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,60 +1,60 @@
-import { jsxs as b, jsx as f } from "react/jsx-runtime";
+import { jsxs as b, jsx as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { ToolbarButton as j } from "./ToolbarButton.js";
-import { ToolbarFilterBase as O } from "./ToolbarFilterBase.js";
-import { DrawerOrDropdown as k } from "../Dropdown/DrawerOrDropdown.js";
-import "../../Autocomplete-Cb9fQrzy.js";
-import { ToolbarOptions as u } from "./ToolbarOptions.js";
-const w = (t, o) => Array.isArray(o) ? o.join(", ") : o, e = ({
-  expanded: t = !1,
-  removable: o,
-  label: m,
-  name: i,
+import { useRootContext as j } from "../RootProvider/RootProvider.js";
+import { ToolbarButton as B } from "./ToolbarButton.js";
+import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
+import { DrawerOrDropdown as O } from "../Dropdown/DrawerOrDropdown.js";
+import "../Searchbar/AutocompleteBase.js";
+import { ToolbarOptions as k } from "./ToolbarOptions.js";
+const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, H = ({
+  removable: p,
+  label: o,
+  name: t,
   value: r,
-  options: c,
-  optionGroups: y,
-  onToggle: s,
-  onChange: A,
+  options: f,
+  optionGroups: m,
+  onChange: d,
   onRemove: a,
   getSelectedLabel: n,
-  optionType: h
+  showResultsLabel: y = "Show results",
+  optionType: A,
+  id: c = `toolbar-filter-${t}`
 }) => {
-  const l = (c ?? []).map(
-    (p) => ({
-      ...p,
-      name: i,
-      checked: Array.isArray(r) ? r.includes(p.value) : p.value === r
+  const { currentId: h, toggleId: T, closeAll: u } = j(), w = (f ?? []).map(
+    (i) => ({
+      ...i,
+      name: t,
+      checked: Array.isArray(r) ? r.includes(i.value) : i.value === r
     })
-  ), d = (n == null ? void 0 : n(i, r)) ?? w(i, r);
-  return /* @__PURE__ */ b(O, { expanded: t, children: [
-    /* @__PURE__ */ f(
-      j,
+  ), x = (n == null ? void 0 : n(t, r)) ?? D(t, r), e = () => T(c), l = h === c;
+  return /* @__PURE__ */ b(C, { expanded: l, children: [
+    /* @__PURE__ */ s(
+      B,
       {
         type: "select",
-        removable: o,
+        removable: p,
         active: Array.isArray(r) ? r.length > 0 : typeof r < "u",
-        onToggle: s,
+        onToggle: e,
         onRemove: a,
-        children: d || m
+        children: x || o
       }
     ),
-    /* @__PURE__ */ f(
-      k,
+    /* @__PURE__ */ s(
+      O,
       {
-        expanded: t,
-        title: m,
-        onClose: s,
-        button: { onClick: s, label: "Vis X treff" },
-        children: /* @__PURE__ */ f(
-          u,
+        open: l,
+        drawerTitle: o,
+        onClose: u,
+        drawerButton: { onClick: e, label: y },
+        children: /* @__PURE__ */ s(
+          k,
           {
-            options: l,
-            optionGroups: y,
-            onChange: A,
-            optionType: h
+            options: w,
+            optionGroups: m,
+            onChange: d,
+            optionType: A
           }
         )
       }
@@ -62,5 +62,5 @@ const w = (t, o) => Array.isArray(o) ? o.join(", ") : o, e = ({
   ] });
 };
 export {
-  e as ToolbarFilter
+  H as ToolbarFilter
 };

package/dist/components/Toolbar/ToolbarMenu.d.ts

@@ -1,13 +1,11 @@
-import { MouseEventHandler } from 'react';
 import { MenuItemGroups, MenuItemProps, MenuSearchProps } from '../Menu';
 export interface ToolbarMenuProps {
-    onToggle?: MouseEventHandler;
     label: string;
     value: string | number;
     items: MenuItemProps[];
     groups?: MenuItemGroups;
     search?: MenuSearchProps;
-    expanded?: boolean;
+    id?: string;
     className?: string;
 }
-export declare const ToolbarMenu: ({ expanded, onToggle, label, value, groups, search, items }: ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarMenu: ({ label, value, groups, search, items, id }: ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/ToolbarMenu.js

@@ -1,17 +1,20 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../RootProvider/RootProvider.js";
-import { ToolbarButton as s } from "./ToolbarButton.js";
-import { Menu as a } from "../Menu/Menu.js";
-import { ToolbarFilterBase as f } from "./ToolbarFilterBase.js";
-import { DrawerOrDropdown as c } from "../Dropdown/DrawerOrDropdown.js";
-import "../../Autocomplete-Cb9fQrzy.js";
-const M = ({ expanded: r = !1, onToggle: t, label: e, value: i, groups: m, search: l, items: p }) => /* @__PURE__ */ n(f, { expanded: r, children: [
-  /* @__PURE__ */ o(s, { type: "switch", onToggle: t, active: !!i, children: e }),
-  /* @__PURE__ */ o(c, { expanded: r, title: "Endre konto", onClose: t, children: /* @__PURE__ */ o(a, { theme: "global", defaultItemColor: "subtle", groups: m, search: l, items: p }) })
-] });
+import { useRootContext as u } from "../RootProvider/RootProvider.js";
+import { ToolbarButton as f } from "./ToolbarButton.js";
+import { Menu as b } from "../Menu/Menu.js";
+import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
+import { DrawerOrDropdown as h } from "../Dropdown/DrawerOrDropdown.js";
+import "../Searchbar/AutocompleteBase.js";
+const v = ({ label: e, value: n, groups: l, search: m, items: i, id: r = "toolbar-menu" }) => {
+  const { currentId: p, toggleId: s, closeAll: a } = u(), c = () => s(r), t = p === r;
+  return /* @__PURE__ */ d(g, { expanded: t, children: [
+    /* @__PURE__ */ o(f, { type: "switch", onToggle: c, active: !!n, children: e }),
+    /* @__PURE__ */ o(h, { open: t, drawerTitle: "Endre konto", onClose: a, children: /* @__PURE__ */ o(b, { theme: "global", defaultItemColor: "subtle", groups: l, search: m, items: i }) })
+  ] });
+};
 export {
-  M as ToolbarMenu
+  v as ToolbarMenu
 };

package/dist/components/Toolbar/ToolbarOptions.js

@@ -6,7 +6,7 @@ import { MenuOption as v } from "../Menu/MenuOption.js";
 import { MenuSearch as j } from "../Menu/MenuSearch.js";
 import { MenuHeader as x } from "../Menu/MenuHeader.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-Cb9fQrzy.js";
+import "../Searchbar/AutocompleteBase.js";
 import { MenuBase as O, MenuList as I, MenuListItem as m } from "../Menu/MenuBase.js";
 const w = ({ search: d, optionGroups: n = {}, options: h, onChange: b, optionType: g }) => {
   var a;

package/dist/components/Toolbar/ToolbarSearch.d.ts

@@ -2,8 +2,8 @@ import { ChangeEventHandler } from 'react';
 export interface ToolbarSearchProps {
     placeholder?: string;
     name: string;
-    value: string;
-    onChange: ChangeEventHandler;
+    value?: string;
+    onChange?: ChangeEventHandler;
     onClear?: () => void;
 }
 export declare const ToolbarSearch: ({ value, name, placeholder, onChange, onClear }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/ToolbarSearch.js

@@ -5,7 +5,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { IconButton as m } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-Cb9fQrzy.js";
+import "../Searchbar/AutocompleteBase.js";
 import '../../assets/ToolbarSearch.css';const l = "_field_dvezx_1", p = "_icon_dvezx_5", d = "_input_dvezx_14", _ = "_clear_dvezx_30", o = {
   field: l,
   icon: p,

package/dist/components/Transmission/TransmissionItem.js

@@ -6,29 +6,30 @@ import { Typography as x } from "../Typography/Typography.js";
 import { AttachmentSection as b } from "../Attachment/AttachmentSection.js";
 import { MetaTimestamp as T } from "../Meta/MetaTimestamp.js";
 import { ListItemBase as u } from "../List/ListItemBase.js";
-import { L as v } from "../../Autocomplete-Cb9fQrzy.js";
+import { ListItemHeader as v } from "../List/ListItemHeader.js";
 import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
 import '../../assets/TransmissionItem.css';const I = "_body_1m345_1", z = {
   body: I
-}, H = ({
+}, M = ({
   loading: c,
   sender: o,
-  createdAt: a,
+  createdAt: p,
   createdAtLabel: l,
   badge: r,
   title: n,
-  description: s,
-  summary: g,
-  attachments: p
+  description: g,
+  summary: h,
+  attachments: a
 }) => {
-  const [t, h] = f(!1);
+  const [t, s] = f(!1);
   return /* @__PURE__ */ i(u, { expanded: t, children: [
     /* @__PURE__ */ m(
       v,
       {
         as: "button",
         onClick: () => {
-          h((y) => !y);
+          s((y) => !y);
         },
         size: "sm",
         avatar: {
@@ -37,23 +38,23 @@ import '../../assets/TransmissionItem.css';const I = "_body_1m345_1", z = {
           name: o == null ? void 0 : o.name
         },
         title: n,
-        description: t ? "" : s,
+        description: t ? "" : g,
         badge: r,
         linkIcon: t ? "chevron-down" : "chevron-up"
       }
     ),
     t && /* @__PURE__ */ i("div", { className: z.body, children: [
-      a && /* @__PURE__ */ i(T, { loading: c, datetime: a, size: "xs", children: [
+      p && /* @__PURE__ */ i(T, { loading: c, datetime: p, size: "xs", children: [
         o && /* @__PURE__ */ m("strong", { children: (o == null ? void 0 : o.name) + ", " }),
         l
       ] }),
       /* @__PURE__ */ i(x, { size: "lg", children: [
-        /* @__PURE__ */ m("p", { children: g }),
-        p && /* @__PURE__ */ m(b, { ...p })
+        /* @__PURE__ */ m("p", { children: h }),
+        a && /* @__PURE__ */ m(b, { ...a })
       ] })
     ] })
   ] });
 };
 export {
-  H as TransmissionItem
+  M as TransmissionItem
 };