@altinn/altinn-components 0.8.3 → 0.9.1

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 "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.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/Searchbar/Searchbar.d.ts

@@ -1,9 +1,9 @@
-import { AutocompleteProps } from './Autocomplete';
+import { AutocompleteProps } from '../Autocomplete';
 import { SearchFieldProps } from './SearchField';
 export interface SearchbarProps extends SearchFieldProps {
     className?: string;
     autocomplete?: AutocompleteProps;
-    expanded: boolean;
+    expanded?: boolean;
     tabIndex?: number;
 }
 export declare const Searchbar: ({ className, autocomplete, expanded, onClose, tabIndex, ...search }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Searchbar/Searchbar.js

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { Autocomplete as s } from "./Autocomplete.js";
+import { Autocomplete as s } from "../Autocomplete/Autocomplete.js";
 import { SearchField as a } from "./SearchField.js";
 import { SearchbarBase as h } from "./SearchbarBase.js";
 const j = ({

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

@@ -1,16 +1,16 @@
 import { ReactNode } from 'react';
+import { ToolbarAccountMenuProps } from './ToolbarAccountMenu.tsx';
 import { ToolbarFilterProps } from './ToolbarFilter.tsx';
-import { ToolbarMenuProps } from './ToolbarMenu.tsx';
 import { ToolbarSearchProps } from './ToolbarSearch.tsx';
 export type FilterState = Record<string, ToolbarFilterProps['value']>;
 export interface ToolbarProps {
+    accountMenu?: ToolbarAccountMenuProps;
     filters?: ToolbarFilterProps[];
     search?: ToolbarSearchProps;
-    menu?: ToolbarMenuProps;
     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, showResultsLabel, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toolbar: ({ filters, filterState, onFilterStateChange, search, accountMenu, getFilterLabel, children, showResultsLabel, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/Toolbar.js

@@ -1,23 +1,23 @@
 "use client";
 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 { useRootContext as k } from "../RootProvider/RootProvider.js";
+import { ToolbarAccountMenu as B } from "./ToolbarAccountMenu.js";
+import { ToolbarAdd as M } from "./ToolbarAdd.js";
+import { ToolbarBase as V } from "./ToolbarBase.js";
+import { ToolbarFilter as $ } from "./ToolbarFilter.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,
+  accountMenu: b,
   getFilterLabel: y,
   children: S,
   showResultsLabel: h
 }) => {
-  const { openId: x, closeAll: A } = M(), [C, I] = u(
+  const { openId: x, closeAll: A } = k(), [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)) ?? []
@@ -43,11 +43,11 @@ const g = (n, l) => l || `toolbar-filter-${n}`, O = ({
   }, v = (o, e) => {
     f((r) => [...r, o]), x(e);
   };
-  return /* @__PURE__ */ L(B, { children: [
-    b && /* @__PURE__ */ i($, { ...b }),
+  return /* @__PURE__ */ L(V, { children: [
+    b && /* @__PURE__ */ i(B, { ...b }),
     m && /* @__PURE__ */ i(q, { ...m }),
     N.map((o) => /* @__PURE__ */ i(
-      V,
+      $,
       {
         id: g(o.name, o.id),
         showResultsLabel: h,
@@ -68,7 +68,7 @@ const g = (n, l) => l || `toolbar-filter-${n}`, O = ({
       o.name
     )),
     (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ i(
-      k,
+      M,
       {
         id: "toolbar-filter-add",
         items: a.map((o) => {

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

@@ -1,191 +1,66 @@
-import { jsx as n } from "react/jsx-runtime";
-import i from "react";
-import { Toolbar as o } from "./Toolbar.js";
-const m = {
+import { jsx as c } from "react/jsx-runtime";
+import f from "react";
+import { accountMenu as s } from "../../examples/accountMenu.js";
+import "../../examples/globalMenu.js";
+import { inboxFilters as m, inboxStatusFilter as g } from "../../examples/inboxFilters.js";
+import { Toolbar as i } from "./Toolbar.js";
+const d = {
   title: "Toolbar/Toolbar",
-  component: o,
+  component: i,
   tags: ["autodocs"],
   parameters: {},
   args: {
     showResultsLabel: "Vis alle treff"
   }
-}, a = {
+};
+var o;
+const r = {
   args: {
-    menu: {
-      label: "Ola Nordmann",
-      value: "ola",
-      items: [
-        {
-          avatar: {
-            name: "Ola Nordmann"
-          },
-          title: "Ola Nordmann",
-          id: "ola"
-        },
-        {
-          avatar: {
-            name: "Kari Nordmann"
-          },
-          title: "Kari Nordmann",
-          id: "kari"
-        }
-      ]
+    accountMenu: {
+      ...s,
+      currentAccount: (o = s.accounts) == null ? void 0 : o[0]
     },
-    filters: [
-      {
-        removable: !0,
-        name: "from",
-        optionType: "checkbox",
-        label: "Velg avsender",
-        options: [
-          {
-            value: "skatt",
-            label: "Skatteetaten"
-          },
-          {
-            value: "brreg",
-            label: "Brønnøysundregistrene"
-          },
-          {
-            value: "ssb",
-            label: "Statisitisk sentralbyrå",
-            badge: {
-              label: "10"
-            }
-          },
-          {
-            value: "nav",
-            label: "NAV"
-          },
-          {
-            value: "oslo",
-            label: "Oslo kommune"
-          }
-        ]
-      },
-      {
-        removable: !0,
-        name: "to",
-        optionType: "radio",
-        label: "Velg mottaker",
-        options: [
-          {
-            value: "ola",
-            label: "Ola Nordmann"
-          },
-          {
-            value: "kari",
-            label: "Kari Nordmann"
-          }
-        ]
-      },
-      {
-        removable: !0,
-        name: "status",
-        optionType: "radio",
-        label: "Velg status",
-        options: [
-          {
-            groupId: "1",
-            value: "draft",
-            label: "Utkast"
-          },
-          {
-            groupId: "1",
-            value: "sent",
-            label: "Sendt"
-          },
-          {
-            groupId: "2",
-            value: "in-progress",
-            label: "Under arbeid"
-          },
-          {
-            groupId: "2",
-            value: "requires-attention",
-            label: "Krever handling"
-          },
-          {
-            groupId: "2",
-            value: "completed",
-            label: "Avsluttet"
-          }
-        ]
-      }
-    ]
+    filters: m
   }
-}, g = {
+}, x = {
   args: {
-    ...a.args,
-    getFilterLabel: (t, e) => Array.isArray(e) && e.length > 1 ? `${e.length} selected` : e
+    ...r.args,
+    getFilterLabel: (e, t) => Array.isArray(t) && t.length > 1 ? `${t.length} selected` : t
   }
-}, p = {
+}, A = {
   args: {
-    ...a.args,
+    ...r.args,
     filters: []
   }
 };
-var l, r;
-const v = {
+var a, l;
+const C = {
   args: {
-    filters: (r = (l = a == null ? void 0 : a.args) == null ? void 0 : l.filters) == null ? void 0 : r.map((t) => ({
-      ...t,
+    filters: (l = (a = r == null ? void 0 : r.args) == null ? void 0 : a.filters) == null ? void 0 : l.map((e) => ({
+      ...e,
       removable: !1
     }))
   }
-}, c = (t) => {
-  const [e, s] = i.useState({
+}, L = (e) => {
+  const [t, n] = f.useState({
     from: ["skatt", "brreg"]
   });
-  return /* @__PURE__ */ n(o, { ...t, filters: a.args.filters, filterState: e, onFilterStateChange: s });
-}, f = {
+  return /* @__PURE__ */ c(i, { ...e, filters: r.args.filters, filterState: t, onFilterStateChange: n });
+}, T = {
   args: {
     search: {
       name: "search",
       placeholder: "Søk etter filter"
     },
-    filters: [
-      {
-        name: "status",
-        optionType: "checkbox",
-        label: "Velg status",
-        options: [
-          {
-            groupId: "1",
-            value: "draft",
-            label: "Utkast"
-          },
-          {
-            groupId: "1",
-            value: "sent",
-            label: "Sendt"
-          },
-          {
-            groupId: "2",
-            value: "in-progress",
-            label: "Under arbeid"
-          },
-          {
-            groupId: "2",
-            value: "requires-attention",
-            label: "Krever handling"
-          },
-          {
-            groupId: "2",
-            value: "completed",
-            label: "Avsluttet"
-          }
-        ]
-      }
-    ]
+    filters: [g]
   }
 };
 export {
-  c as ControlledStateFilters,
-  g as CustomFilterLabel,
-  a as Default,
-  f as FilterAndSearch,
-  p as NoFilters,
-  v as StaticFilters,
-  m as default
+  L as ControlledStateFilters,
+  x as CustomFilterLabel,
+  r as Default,
+  T as FilterAndSearch,
+  A as NoFilters,
+  C as StaticFilters,
+  d as default
 };