@altinn/altinn-components 0.8.2 → 0.9.0

package/dist/components/ResourceList/ResourceList.stories.js

@@ -0,0 +1,270 @@
+import { ResourceList as n } from "./ResourceList.js";
+const o = [
+  {
+    identifier: "se_SMUTFL_1",
+    resourceName: "Lese Samordnet registermelding - utfylling",
+    ownerName: "Brønnøysundregistrene",
+    ownerOrgCode: "brg",
+    ownerImageUrl: "https://altinncdn.no/orgs/brg/brreg.png"
+  },
+  {
+    identifier: "se_5899_1",
+    resourceName: "Signering av digital innsending",
+    ownerName: "Brønnøysundregistrene",
+    ownerOrgCode: "brg",
+    ownerImageUrl: "https://altinncdn.no/orgs/brg/brreg.png"
+  },
+  {
+    identifier: "se_3776_1",
+    resourceName: "Global Legal Entity Identifier Norway - signering",
+    ownerName: "Brønnøysundregistrene",
+    ownerOrgCode: "brg",
+    ownerImageUrl: "https://altinncdn.no/orgs/brg/brreg.png"
+  },
+  {
+    identifier: "se_5059_1",
+    resourceName: "Årlig melding med krav om innsending av dokumentasjon for godkjent renholdsvirksomhet",
+    ownerName: "Arbeidstilsynet",
+    ownerOrgCode: "dat",
+    ownerImageUrl: "https://altinncdn.no/orgs/dat/arbeidstilsynet.png"
+  },
+  {
+    identifier: "se_5059_2",
+    resourceName: "Årlig melding for godkjent renholdsvirksomhet",
+    ownerName: "Arbeidstilsynet",
+    ownerOrgCode: "dat",
+    ownerImageUrl: "https://altinncdn.no/orgs/dat/arbeidstilsynet.png"
+  },
+  {
+    identifier: "se_2482_1",
+    resourceName: "Forhåndsmelding av arbeidsplass hvor det utføres midlertidig eller skiftende bygge- eller anleggsarbeid",
+    ownerName: "Arbeidstilsynet",
+    ownerOrgCode: "dat",
+    ownerImageUrl: "https://altinncdn.no/orgs/dat/arbeidstilsynet.png"
+  },
+  {
+    identifier: "se_4354_1",
+    resourceName: "Generell henvendelse for renholdsvirksomhet",
+    ownerName: "Arbeidstilsynet",
+    ownerOrgCode: "dat",
+    ownerImageUrl: "https://altinncdn.no/orgs/dat/arbeidstilsynet.png"
+  },
+  {
+    identifier: "se_5693_1",
+    resourceName: "Søknad om forhåndsgodkjenning av innkvartering i forbindelse med innreisekarantene",
+    ownerName: "Arbeidstilsynet",
+    ownerOrgCode: "dat",
+    ownerImageUrl: "https://altinncdn.no/orgs/dat/arbeidstilsynet.png"
+  },
+  {
+    identifier: "se_4352_2",
+    resourceName: "Lese Meldinger til organisasjoner fra DFØ",
+    ownerName: "Direktoratet for forvaltning og økonomistyring",
+    ownerOrgCode: "dfo",
+    ownerImageUrl: null
+  },
+  {
+    identifier: "se_4351_1",
+    resourceName: "Lese Meldinger til privatperson fra DFØ",
+    ownerName: "Direktoratet for forvaltning og økonomistyring",
+    ownerOrgCode: "dfo",
+    ownerImageUrl: null
+  },
+  {
+    identifier: "se_5786_1",
+    resourceName: "Publiser tilskudd i Tilskudd.no",
+    ownerName: "Direktoratet for forvaltning og økonomistyring",
+    ownerOrgCode: "dfo",
+    ownerImageUrl: null
+  },
+  {
+    identifier: "se_4965_2",
+    resourceName: "Erklæring om ansvarsrett",
+    ownerName: "Direktoratet for byggkvalitet",
+    ownerOrgCode: "dibk",
+    ownerImageUrl: "https://altinncdn.no/orgs/dibk/dibk.png"
+  },
+  {
+    identifier: "se_4398_6",
+    resourceName: "Gjennomføringsplan",
+    ownerName: "Direktoratet for byggkvalitet",
+    ownerOrgCode: "dibk",
+    ownerImageUrl: "https://altinncdn.no/orgs/dibk/dibk.png"
+  },
+  {
+    identifier: "se_5444_1",
+    resourceName: "Kontrollerklæring med sluttrapport",
+    ownerName: "Direktoratet for byggkvalitet",
+    ownerOrgCode: "dibk",
+    ownerImageUrl: "https://altinncdn.no/orgs/dibk/dibk.png"
+  },
+  {
+    identifier: "se_5445_1",
+    resourceName: "Kontrollerklæring med sluttrapport",
+    ownerName: "Direktoratet for byggkvalitet",
+    ownerOrgCode: "dibk",
+    ownerImageUrl: "https://altinncdn.no/orgs/dibk/dibk.png"
+  },
+  {
+    identifier: "se_4662_1",
+    resourceName: "Melding fra Fellestjenester Bygg",
+    ownerName: "Direktoratet for byggkvalitet",
+    ownerOrgCode: "dibk",
+    ownerImageUrl: "https://altinncdn.no/orgs/dibk/dibk.png"
+  },
+  {
+    identifier: "se_5968_1",
+    resourceName: "Varsel til arving",
+    ownerName: "Digitaliseringsdirektoratet",
+    ownerOrgCode: "digdir",
+    ownerImageUrl: ""
+  },
+  {
+    identifier: "se_5756_1",
+    resourceName: "Felles datakatalog - alle kataloger - lesetilgang",
+    ownerName: "Digitaliseringsdirektoratet",
+    ownerOrgCode: "digdir",
+    ownerImageUrl: ""
+  },
+  {
+    identifier: "se_5755_1",
+    resourceName: "Felles datakatalog - alle kataloger - skrivetilgang",
+    ownerName: "Digitaliseringsdirektoratet",
+    ownerOrgCode: "digdir",
+    ownerImageUrl: ""
+  },
+  {
+    identifier: "se_5913_1",
+    resourceName: "Søknad om helse- og omsorgstjeneste - varsel",
+    ownerName: "Digitale Helgeland",
+    ownerOrgCode: "dihe",
+    ownerImageUrl: ""
+  },
+  {
+    identifier: "se_4290_1",
+    resourceName: "Melding om innsendt driftsrapport",
+    ownerName: "Direktoratet for mineralforvaltning",
+    ownerOrgCode: "dmf",
+    ownerImageUrl: "https://altinncdn.no/orgs/dmf/dmf.png"
+  },
+  {
+    identifier: "se_4603_1",
+    resourceName: "Melding om avvik",
+    ownerName: "Datatilsynet",
+    ownerOrgCode: "dpa",
+    ownerImageUrl: null
+  },
+  {
+    identifier: "se_4963_1",
+    resourceName: "Registrering av personvernombud",
+    ownerName: "Datatilsynet",
+    ownerOrgCode: "dpa",
+    ownerImageUrl: null
+  },
+  {
+    identifier: "se_5733_1",
+    resourceName: "Avtale om oppbevaring om eksplosiver",
+    ownerName: "Direktoratet for samfunnssikkerhet og beredskap",
+    ownerOrgCode: "dsb",
+    ownerImageUrl: "https://altinncdn.no/orgs/dsb/dsb.png"
+  },
+  {
+    identifier: "se_5732_1",
+    resourceName: "Avtale om retur av eksplosiver",
+    ownerName: "Direktoratet for samfunnssikkerhet og beredskap",
+    ownerOrgCode: "dsb",
+    ownerImageUrl: "https://altinncdn.no/orgs/dsb/dsb.png"
+  },
+  {
+    identifier: "se_3354_2",
+    resourceName: "Registrering av virksomheter som prosjekterer, utfører, og vedlikeholder elektriske anlegg",
+    ownerName: "Direktoratet for samfunnssikkerhet og beredskap",
+    ownerOrgCode: "dsb",
+    ownerImageUrl: "https://altinncdn.no/orgs/dsb/dsb.png"
+  },
+  {
+    identifier: "se_5925_1",
+    resourceName: "Energitilskudd-rapporteringsskjema",
+    ownerName: "Enova SF",
+    ownerOrgCode: "eno",
+    ownerImageUrl: null
+  },
+  {
+    identifier: "se_5894_1",
+    resourceName: "Energitilskuddsordningen",
+    ownerName: "Enova SF",
+    ownerOrgCode: "eno",
+    ownerImageUrl: null
+  },
+  {
+    identifier: "se_6001_1",
+    resourceName: "Akvakulturregisteret",
+    ownerName: "Fiskeridirektoratet",
+    ownerOrgCode: "fd",
+    ownerImageUrl: "https://altinncdn.no/orgs/fd/fiskeridirektoratet.png"
+  },
+  {
+    identifier: "se_5817_1",
+    resourceName: "Akvakultursøknad",
+    ownerName: "Fiskeridirektoratet",
+    ownerOrgCode: "fd",
+    ownerImageUrl: "https://altinncdn.no/orgs/fd/fiskeridirektoratet.png"
+  },
+  {
+    identifier: "se_5798_1",
+    resourceName: "Søknads- og rapporteringsportal for akvakultur",
+    ownerName: "Fiskeridirektoratet",
+    ownerOrgCode: "fd",
+    ownerImageUrl: "https://altinncdn.no/orgs/fd/fiskeridirektoratet.png"
+  },
+  {
+    identifier: "se_5890_1",
+    resourceName: "Korrigering av fangst applikasjon",
+    ownerName: "Fiskeridirektoratet",
+    ownerOrgCode: "fd",
+    ownerImageUrl: "https://altinncdn.no/orgs/fd/fiskeridirektoratet.png"
+  },
+  {
+    identifier: "se_2382_3",
+    resourceName: "Månedsrapport biomasse FD-0001 - versjon 3",
+    ownerName: "Fiskeridirektoratet",
+    ownerOrgCode: "fd",
+    ownerImageUrl: "https://altinncdn.no/orgs/fd/fiskeridirektoratet.png"
+  }
+], r = o.map((e) => ({
+  id: e.identifier,
+  ownerName: e.ownerName ?? "",
+  resourceName: e.resourceName,
+  ownerLogoUrl: e.ownerImageUrl ?? "",
+  ownerLogoUrlAlt: `${e.ownerName} logo`
+})), t = {
+  title: "List/ResourceList",
+  component: n,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    spacing: "md",
+    items: r,
+    size: "md"
+  },
+  argTypes: {
+    size: {
+      options: ["sm", "md", "lg"],
+      control: {
+        type: "inline-radio"
+      }
+    },
+    spacing: {
+      options: ["none", "xs", "sm", "md", "lg"],
+      control: {
+        type: "inline-radio"
+      }
+    }
+  }
+}, a = {
+  args: { items: r }
+};
+export {
+  a as Default,
+  t as default
+};

package/dist/components/ResourceList/ResourceListItem.d.ts

@@ -0,0 +1,11 @@
+import { ListItemSize } from '../List';
+export interface ResourceListItemProps {
+    id: string;
+    ownerName: string;
+    resourceName: string;
+    ownerLogoUrl?: string;
+    ownerLogoUrlAlt?: string;
+    size?: ListItemSize;
+    controls?: React.ReactNode;
+}
+export declare const ResourceListItem: ({ ownerName, resourceName, ownerLogoUrlAlt, ownerLogoUrl, size, controls, }: ResourceListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ResourceList/ResourceListItem.js

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import { ListItem as a } from "../List/ListItem.js";
+const u = ({
+  ownerName: t,
+  resourceName: r,
+  ownerLogoUrlAlt: m,
+  ownerLogoUrl: i,
+  size: o = "md",
+  controls: p
+}) => /* @__PURE__ */ e(
+  a,
+  {
+    avatar: {
+      name: t,
+      imageUrl: i,
+      imageUrlAlt: m,
+      type: "company"
+    },
+    title: r,
+    description: t,
+    size: o,
+    controls: p
+  }
+);
+export {
+  u as ResourceListItem
+};

package/dist/components/ResourceList/ResourceListItem.stories.js

@@ -0,0 +1,33 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Button as o } from "../Button/Button.js";
+import { ResourceListItem as t } from "./ResourceListItem.js";
+const m = {
+  title: "List/ResourceListItem",
+  component: t,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    size: "md",
+    id: "se_5733_1",
+    resourceName: "Avtale om oppbevaring om eksplosiver",
+    ownerName: "Direktoratet for samfunnssikkerhet og beredskap",
+    ownerLogoUrl: "https://altinncdn.no/orgs/dsb/dsb.png",
+    controls: /* @__PURE__ */ e(o, { icon: "pencil", variant: "text", size: "sm", children: "Endre" })
+  },
+  argTypes: {
+    size: {
+      options: ["sm", "md", "lg"],
+      control: {
+        type: "inline-radio"
+      }
+    }
+  }
+}, p = {
+  args: {}
+};
+export {
+  p as Default,
+  m as default
+};

package/dist/components/ResourceList/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../ResourceList/ResourceList';
+export * from '../ResourceList/ResourceListItem';

package/dist/components/ResourceList/index.js

@@ -0,0 +1,6 @@
+import { ResourceList as r } from "./ResourceList.js";
+import { ResourceListItem as s } from "./ResourceListItem.js";
+export {
+  r as ResourceList,
+  s as ResourceListItem
+};

package/dist/components/RootProvider/RootProvider.js

@@ -1,32 +1,33 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
-import { createContext as d, useContext as u, useState as I } from "react";
+import { createContext as u, useContext as d, useState as I } from "react";
+import { useEscapeKey as p } from "../../hooks/useEscapeKey.js";
 const x = {
   currentId: ""
-}, s = d(x), g = ({ children: o, initialValue: t }) => {
-  const [r, n] = I((t == null ? void 0 : t.currentId) || "");
+}, s = u(x), R = ({ children: o, initialValue: t }) => {
+  const [n, e] = I((t == null ? void 0 : t.currentId) || "");
   return /* @__PURE__ */ c(
     s.Provider,
     {
       value: {
-        currentId: r,
-        setCurrentId: n
+        currentId: n,
+        setCurrentId: e
       },
       children: o
     }
   );
-}, m = () => {
-  const { currentId: o, setCurrentId: t } = u(s);
-  return {
+}, g = () => {
+  const { currentId: o, setCurrentId: t } = d(s), n = (r) => t(o === r ? "" : r), e = () => {
+    t("");
+  };
+  return p(e), {
     currentId: o,
-    toggleId: (e) => t(o === e ? "" : e),
-    closeAll: () => {
-      t("");
-    },
-    openId: (e) => t(e)
+    toggleId: n,
+    closeAll: e,
+    openId: (r) => t(r)
   };
 };
 export {
-  g as RootProvider,
-  m as useRootContext
+  R as RootProvider,
+  g as useRootContext
 };

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

@@ -3,7 +3,8 @@ import { AutocompleteItemProps } from './AutocompleteItem';
 export interface AutocompleteProps {
     items: AutocompleteItemProps[];
     groups?: Record<string, AutocompleteGroupProps>;
+    onSelect?: () => void;
     expanded?: boolean;
     className?: string;
 }
-export declare const Autocomplete: import('react').ForwardRefExoticComponent<AutocompleteProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Autocomplete: ({ className, items, groups, expanded, onSelect }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Searchbar/Autocomplete.js

@@ -1,9 +1,41 @@
-import "react/jsx-runtime";
-import "react";
-import "../../hooks/useMenu.js";
-import "./AutocompleteBase.js";
-import "./AutocompleteGroup.js";
-import { A } from "../../Autocomplete-Cb9fQrzy.js";
+import { jsx as u } from "react/jsx-runtime";
+import { useRef as E, createElement as x } from "react";
+import { useMenu as A } from "../../hooks/useMenu.js";
+import { useEnterKey as h } from "../../hooks/useEnterKey.js";
+import { AutocompleteBase as v } from "./AutocompleteBase.js";
+import { AutocompleteGroup as k } from "./AutocompleteGroup.js";
+import { AutocompleteItem as I } from "./AutocompleteItem.js";
+const P = ({ className: s, items: n, groups: i = {}, expanded: c, onSelect: r }) => {
+  const p = E(null);
+  h(() => {
+    var o;
+    const e = (o = p.current) == null ? void 0 : o.querySelector('[data-active="true"]'), t = e == null ? void 0 : e.querySelector("a, button");
+    t == null || t.dispatchEvent(new MouseEvent("click", { bubbles: !0 })), r == null || r();
+  });
+  const { menu: d, setActiveIndex: a } = A({
+    items: n,
+    groups: i,
+    groupByKey: "groupId",
+    keyboardEvents: !0
+  });
+  return /* @__PURE__ */ u(v, { className: s, expanded: c, ref: p, children: d.map((e, t) => /* @__PURE__ */ x(k, { ...e.props, key: t }, /* @__PURE__ */ u("ul", { children: e.items.map((o, f) => {
+    const {
+      active: l,
+      menuIndex: y,
+      props: { groupId: M, onClick: m, ...b }
+    } = o;
+    return /* @__PURE__ */ u("li", { tabIndex: -1, onMouseEnter: () => a(y), children: /* @__PURE__ */ u(
+      I,
+      {
+        ...b,
+        onClick: () => {
+          m == null || m(), r == null || r();
+        },
+        active: l
+      }
+    ) }, f);
+  }) }))) });
+};
 export {
-  A as Autocomplete
+  P as Autocomplete
 };

package/dist/components/Searchbar/Autocomplete.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { A as l } from "../../Autocomplete-Cb9fQrzy.js";
+import { Autocomplete as l } from "./Autocomplete.js";
 const o = {
   title: "Header/Autocomplete",
   component: l,
@@ -276,7 +276,7 @@ const o = {
         groupId: "2",
         type: "bookmark",
         href: "#",
-        label: "Skattemeldingen 2023",
+        title: "Skattemeldingen 2023",
         params: [
           {
             label: "skatt"

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

@@ -5,6 +5,7 @@ import { BadgeProps } from '../Badge';
 export type AutocompleteItemType = 'scope' | 'dialog' | 'bookmark' | 'information';
 export interface AutoCompleteItemWithType {
     type: AutocompleteItemType;
+    onClick?: () => void;
     groupId?: string;
     active?: boolean;
 }

package/dist/components/Searchbar/AutocompleteItem.js

@@ -1,9 +1,27 @@
-import "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import { e as a } from "../../Autocomplete-Cb9fQrzy.js";
+import { ListItem as e } from "../List/ListItem.js";
+import { DialogListItem as m } from "../Dialog/DialogListItem.js";
+import "./AutocompleteBase.js";
+import { BookmarksListItem as a } from "../Bookmarks/BookmarksListItem.js";
+import { ScopeListItem as i } from "./ScopeListItem.js";
+const x = ({ type: o, ...t }) => {
+  switch (o) {
+    case "scope":
+      return /* @__PURE__ */ r(i, { ...t, color: "transparent", tabIndex: -1 });
+    case "bookmark":
+      return /* @__PURE__ */ r(a, { ...t, color: "transparent", size: "sm", tabIndex: -1 });
+    case "dialog":
+      return /* @__PURE__ */ r(m, { ...t, color: "transparent", size: "sm", tabIndex: -1 });
+    case "information":
+      return /* @__PURE__ */ r(e, { ...t, color: "transparent", tabIndex: -1, disabled: !0 });
+    default:
+      return /* @__PURE__ */ r(e, { ...t, color: "transparent", size: "sm", tabIndex: -1 });
+  }
+};
 export {
-  a as AutocompleteItem
+  x as AutocompleteItem
 };

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

@@ -5,7 +5,7 @@ export interface ScopeListItemProps extends ListItemInputProps {
     as?: ElementType;
     href?: string;
     onClick?: () => void;
-    badge: BadgeProps;
+    badge?: BadgeProps;
     loading?: boolean;
     label?: string | (() => ReactElement);
 }

package/dist/components/Searchbar/ScopeListItem.js

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

package/dist/components/Searchbar/Searchbar.js

@@ -1,27 +1,18 @@
-import { jsxs as p, jsx as u } from "react/jsx-runtime";
-import { useRef as h } from "react";
-import { useEnterKey as l } from "../../hooks/useEnterKey.js";
-import { A as b } from "../../Autocomplete-Cb9fQrzy.js";
-import { SearchField as n } from "./SearchField.js";
-import { SearchbarBase as E } from "./SearchbarBase.js";
-const d = ({
-  className: o,
-  autocomplete: t,
-  expanded: e = !1,
-  onClose: r,
-  tabIndex: s,
-  ...a
-}) => {
-  const c = h(null);
-  return l(() => {
-    var i, f;
-    const m = (i = c.current) == null ? void 0 : i.querySelector('[data-active="true"]');
-    (f = m == null ? void 0 : m.firstElementChild) == null || f.dispatchEvent(new MouseEvent("click", { bubbles: !0 })), r == null || r();
-  }), /* @__PURE__ */ p(E, { className: o, expanded: e, autocomplete: !!t, children: [
-    /* @__PURE__ */ u(n, { ...a, expanded: e, onClose: r, tabIndex: s }),
-    t && /* @__PURE__ */ u(b, { ...t, expanded: e, ref: c })
-  ] });
-};
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import { Autocomplete as s } from "./Autocomplete.js";
+import { SearchField as a } from "./SearchField.js";
+import { SearchbarBase as h } from "./SearchbarBase.js";
+const j = ({
+  className: c,
+  autocomplete: r,
+  expanded: o = !1,
+  onClose: m,
+  tabIndex: e,
+  ...i
+}) => /* @__PURE__ */ f(h, { className: c, expanded: o, autocomplete: !!r, children: [
+  /* @__PURE__ */ t(a, { ...i, expanded: o, onClose: m, tabIndex: e }),
+  r && /* @__PURE__ */ t(s, { ...r, expanded: o, onSelect: m })
+] });
 export {
-  d as Searchbar
+  j as Searchbar
 };

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

@@ -10,6 +10,7 @@ export interface ToolbarProps {
     filterState?: FilterState;
     getFilterLabel?: (name: string, value: ToolbarFilterProps['value']) => string;
     onFilterStateChange?: (state: FilterState) => void;
+    showResultsLabel?: string;
     children?: ReactNode;
 }
-export declare const Toolbar: ({ filters, filterState, onFilterStateChange, search, menu, getFilterLabel, children, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toolbar: ({ filters, filterState, onFilterStateChange, search, menu, getFilterLabel, children, showResultsLabel, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;