@altinn/altinn-components 0.10.1 → 0.10.3

package/dist/useAccountMenu-ImwZYwks.js

@@ -0,0 +1,82 @@
+import { g as d } from "./globalMenu-DY4uIQk2.js";
+import { jsxs as p, jsx as h } from "react/jsx-runtime";
+import { useState as c } from "react";
+const b = {
+  menu: d,
+  search: {
+    name: "global-search",
+    placeholder: "Søk i Altinn"
+  }
+}, f = ({
+  name: e = "inbox-search",
+  placeholder: r = "Søk i innboks"
+}) => {
+  const [t, n] = c(""), a = (s) => {
+    n(s.target.value);
+  }, l = [
+    {
+      type: "scope",
+      groupId: "1",
+      id: "inbox",
+      href: "#",
+      label: t ? () => /* @__PURE__ */ p("span", { children: [
+        /* @__PURE__ */ h("mark", { children: t }),
+        " i innboksen"
+      ] }) : "Alt i innboksen"
+    },
+    {
+      type: "scope",
+      groupId: "1",
+      id: "global",
+      href: "#",
+      label: t ? () => /* @__PURE__ */ p("span", { children: [
+        /* @__PURE__ */ h("mark", { children: t }),
+        " i hele Altinn"
+      ] }) : "Alt i hele Altinn"
+    }
+  ], o = t ? [
+    {
+      type: "dialog",
+      groupId: "2",
+      href: "http://www.altinn.no",
+      title: "Skattemelding 2024"
+    },
+    {
+      type: "dialog",
+      groupId: "2",
+      href: "http://www.altinn.no",
+      title: "Skattemelding 2025"
+    }
+  ].filter((s) => s.title.toLowerCase().includes((t ?? "").toLowerCase())) : [], i = {
+    groups: {
+      2: {
+        title: `${o.length} treff i innboksen`
+      }
+    },
+    items: [...l, ...o]
+  };
+  return {
+    name: e,
+    placeholder: r,
+    value: t,
+    onChange: a,
+    onClear: () => n(""),
+    autocomplete: i
+  };
+}, k = ({ accounts: e, ...r }) => {
+  const [t, n] = c(e == null ? void 0 : e[0]);
+  return {
+    ...r,
+    accounts: e,
+    currentAccount: t,
+    onSelectAccount: (l) => {
+      const o = e == null ? void 0 : e.find((i) => i.id === l);
+      n(o);
+    }
+  };
+};
+export {
+  k as a,
+  b as h,
+  f as u
+};

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
-    "dist",
-    "!dist/stories",
-    "!dist/examples"
+    "dist/",
+    "!dist/stories/",
+    "!dist/components/*/*.stories.js"
   ],
   "type": "module",
   "description": "Reusable react components",
@@ -32,7 +32,6 @@
     "@storybook/addon-essentials": "^8.4.4",
     "@storybook/addon-interactions": "^8.4.4",
     "@storybook/addon-links": "^8.4.4",
-    "@storybook/addon-onboarding": "^8.4.4",
     "@storybook/addon-themes": "^8.4.4",
     "@storybook/blocks": "^8.4.4",
     "@storybook/react": "^8.4.4",

package/dist/components/AccessAreaList/AccessAreaListItem.stories.js

@@ -1,81 +0,0 @@
-import { jsxs as o, Fragment as p, jsx as i } from "react/jsx-runtime";
-import x from "react";
-import { AccessAreaListItem as c } from "./AccessAreaListItem.js";
-import { a } from "../../accesspackages-BI13BnDa.js";
-import { AccessPackageList as m } from "../AccessPackageList/AccessPackageList.js";
-const t = a[1].areas[1], g = /* @__PURE__ */ o(p, { children: [
-  t.description && /* @__PURE__ */ i("p", { children: t.description }),
-  /* @__PURE__ */ i(
-    m,
-    {
-      items: t.packages.map((s) => ({
-        id: s.id,
-        title: s.name
-      }))
-    }
-  )
-] }), y = {
-  title: "List/AccessAreaListItem",
-  component: c,
-  tags: ["autodocs"],
-  args: {
-    id: t.id,
-    size: "md",
-    name: t.name,
-    icon: `data:image/svg+xml;base64,${btoa(t.icon)}`,
-    children: g
-  },
-  argTypes: {
-    expanded: {
-      control: {
-        type: "boolean"
-      }
-    },
-    size: {
-      options: ["sm", "md", "lg"],
-      control: {
-        type: "inline-radio"
-      }
-    },
-    icon: {
-      control: {
-        disable: !0
-      }
-    }
-  }
-}, L = {}, k = (s) => {
-  const [l, r] = x.useState(null);
-  return /* @__PURE__ */ i("div", { children: a.map((n) => /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
-    /* @__PURE__ */ i("h2", { children: n.name }),
-    /* @__PURE__ */ i("p", { children: n.description }),
-    n.areas.map((e) => /* @__PURE__ */ o(
-      c,
-      {
-        id: e.id,
-        name: e.name,
-        icon: `data:image/svg+xml;base64,${btoa(e.icon)}`,
-        size: s.size,
-        expanded: l === e.id,
-        onClick: () => r((d) => d === e.id ? null : e.id),
-        children: [
-          e.description && /* @__PURE__ */ i("p", { children: e.description }),
-          /* @__PURE__ */ i(
-            m,
-            {
-              items: e.packages.map((d) => ({
-                id: d.id,
-                title: d.name
-              }))
-            }
-          )
-        ]
-      },
-      e.id
-    ))
-  ] }, n.id)) });
-};
-export {
-  k as AllAreas,
-  L as AreaListItemStory,
-  y as default
-};

package/dist/components/AccessPackageList/AccessPackageList.stories.js

@@ -1,17 +0,0 @@
-import { a as s } from "../../accesspackages-BI13BnDa.js";
-import { AccessPackageList as t } from "./AccessPackageList.js";
-const e = s[0].areas[1], i = {
-  title: "List/AccessPackageList",
-  component: t,
-  tags: ["autodocs"],
-  args: {
-    items: e.packages.map((a) => ({
-      id: a.id,
-      title: a.name
-    }))
-  }
-}, r = {};
-export {
-  r as AccessPackageListStory,
-  i as default
-};

package/dist/components/Attachment/AttachmentLink.stories.js

@@ -1,15 +0,0 @@
-import { attachments as t } from "../../examples/attachments.js";
-import { AttachmentLink as a } from "./AttachmentLink.js";
-const o = {
-  title: "Attachment/AttachmentLink",
-  component: a,
-  tags: ["autodocs"],
-  parameters: {},
-  args: t[0]
-}, n = {
-  args: {}
-};
-export {
-  n as Default,
-  o as default
-};

package/dist/components/Attachment/AttachmentList.stories.js

@@ -1,19 +0,0 @@
-import { attachments as t } from "../../examples/attachments.js";
-import { AttachmentList as a } from "./AttachmentList.js";
-const m = {
-  title: "Attachment/AttachmentList",
-  component: a,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen"
-  },
-  args: {
-    items: t
-  }
-}, o = {
-  args: {}
-};
-export {
-  o as Default,
-  m as default
-};

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

@@ -1,326 +0,0 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { Autocomplete as l } from "./Autocomplete.js";
-const o = {
-  title: "Header/Autocomplete",
-  component: l,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {}
-}, p = {
-  args: {
-    groups: {},
-    items: [
-      {
-        id: "1a",
-        type: "scope",
-        href: "#",
-        label: "Alt i innboks"
-      },
-      {
-        id: "1b",
-        type: "scope",
-        href: "#",
-        label: "Alt i hele Altinn"
-      }
-    ]
-  }
-}, d = {
-  args: {
-    items: [
-      {
-        id: "1a",
-        type: "scope",
-        href: "#",
-        label: () => /* @__PURE__ */ e("span", { children: [
-          /* @__PURE__ */ t("mark", { children: "sk" }),
-          " i innboks"
-        ] })
-      },
-      {
-        id: "1b",
-        type: "scope",
-        href: "#",
-        label: () => /* @__PURE__ */ e("span", { children: [
-          /* @__PURE__ */ t("mark", { children: "sk" }),
-          " i hele Altinn"
-        ] })
-      }
-    ]
-  }
-}, r = {
-  args: {
-    groups: {
-      3: {
-        title: "Anbefalte treff"
-      }
-    },
-    items: [
-      {
-        id: "1a",
-        groupId: "1",
-        type: "scope",
-        href: "#",
-        badge: {
-          label: "24 treff"
-        },
-        label: () => /* @__PURE__ */ e("span", { children: [
-          /* @__PURE__ */ t("mark", { children: "skatt" }),
-          " i innboks"
-        ] })
-      },
-      {
-        id: "1b",
-        groupId: "1",
-        type: "scope",
-        href: "#",
-        label: () => /* @__PURE__ */ e("span", { children: [
-          /* @__PURE__ */ t("mark", { children: "skatt" }),
-          " i hele Altinn"
-        ] })
-      },
-      {
-        id: "2a",
-        groupId: "3",
-        type: "dialog",
-        href: "#",
-        title: "Skattemeldingen 2023",
-        description: "Skattemeldingen er klar for innsending."
-      },
-      {
-        id: "2b",
-        groupId: "3",
-        type: "dialog",
-        href: "#",
-        title: "Skatteoppgjør 2022",
-        description: "Skatteoppgjøret ditt er klart."
-      },
-      {
-        id: "2c",
-        groupId: "3",
-        type: "dialog",
-        href: "#",
-        title: "Skatteoppgjør 2020",
-        description: "Skatteoppgjøret ditt er ferdigstilt."
-      }
-    ]
-  }
-}, g = {
-  args: {
-    groups: {
-      3: {
-        title: "Søker etter «skatt» ..."
-      }
-    },
-    items: r.args.items.map((a) => a.groupId === "3" ? {
-      ...a,
-      type: null,
-      icon: "inbox",
-      loading: !0
-    } : a)
-  }
-}, k = {
-  args: {
-    ...r.args,
-    groups: {
-      noHits: {
-        title: "Ingen treff"
-      }
-    },
-    items: [
-      {
-        id: "1a",
-        groupId: "1",
-        type: "scope",
-        href: "#",
-        disabled: !0,
-        badge: {
-          label: "Ingen treff"
-        },
-        label: () => /* @__PURE__ */ e("span", { children: [
-          /* @__PURE__ */ t("mark", { children: "skatt" }),
-          " i innboks"
-        ] })
-      },
-      {
-        id: "1b",
-        groupId: "1",
-        type: "scope",
-        href: "#",
-        label: () => /* @__PURE__ */ e("span", { children: [
-          /* @__PURE__ */ t("mark", { children: "skatt" }),
-          " i hele Altinn"
-        ] })
-      },
-      {
-        groupId: "noHits",
-        id: "2a",
-        type: "information",
-        label: () => /* @__PURE__ */ e("span", { children: [
-          "Søk etter ",
-          /* @__PURE__ */ t("mark", { children: "skatt" }),
-          " ga ingen treff."
-        ] })
-      }
-    ]
-  }
-}, i = {
-  args: {
-    ...r.args,
-    items: [
-      ...r.args.items,
-      {
-        id: "2c",
-        groupId: "4",
-        href: "#",
-        icon: "pie-chart",
-        title: "Skattemeldingen",
-        description: "Slik fyller du ut skattemeldingen din."
-      },
-      {
-        id: "2d",
-        groupId: "4",
-        icon: "sign-language-two-hands",
-        href: "#",
-        title: "Alt om skatteoppgjøret",
-        description: "Lorem ipsum dolor sit amet."
-      }
-    ]
-  }
-}, c = {
-  args: {
-    groups: {
-      2: {
-        title: "Søkeforslag"
-      }
-    },
-    items: [
-      {
-        id: "1a",
-        groupId: "1",
-        type: "scope",
-        href: "#",
-        badge: {
-          label: "2 treff"
-        },
-        label: () => /* @__PURE__ */ e("span", { children: [
-          /* @__PURE__ */ t("mark", { children: "skatt" }),
-          " i innboks"
-        ] })
-      },
-      {
-        id: "1b",
-        groupId: "1",
-        type: "scope",
-        href: "#",
-        label: () => /* @__PURE__ */ e("span", { children: [
-          /* @__PURE__ */ t("mark", { children: "skatt" }),
-          " i hele Altinn"
-        ] })
-      },
-      {
-        id: "2a",
-        groupId: "2",
-        type: "bookmark",
-        href: "#",
-        label: "Skattemeldingen 2023",
-        params: [
-          {
-            label: "skatt"
-          },
-          {
-            label: "inkasso"
-          },
-          {
-            type: "filter",
-            label: "Namsmannen"
-          },
-          {
-            type: "filter",
-            label: "Denne uken"
-          }
-        ]
-      },
-      {
-        id: "2b",
-        groupId: "2",
-        type: "bookmark",
-        href: "#",
-        params: [
-          {
-            type: "filter",
-            label: "Skatteetaten"
-          },
-          {
-            type: "filter",
-            label: "Denne uken"
-          }
-        ]
-      }
-    ]
-  }
-}, f = {
-  args: {
-    ...i.args,
-    groups: {
-      2: {
-        title: "Søkeforslag"
-      },
-      3: {
-        title: "Anbefalte treff"
-      }
-    },
-    items: [
-      ...i.args.items,
-      {
-        id: "2a",
-        groupId: "2",
-        type: "bookmark",
-        href: "#",
-        title: "Skattemeldingen 2023",
-        params: [
-          {
-            label: "skatt"
-          },
-          {
-            label: "inkasso"
-          },
-          {
-            type: "filter",
-            label: "Namsmannen"
-          },
-          {
-            type: "filter",
-            label: "Denne uken"
-          }
-        ]
-      },
-      {
-        id: "2b",
-        groupId: "2",
-        type: "bookmark",
-        href: "#",
-        params: [
-          {
-            type: "filter",
-            label: "Skatteetaten"
-          },
-          {
-            type: "filter",
-            label: "Denne uken"
-          }
-        ]
-      }
-    ]
-  }
-};
-export {
-  g as LoadingResults,
-  k as NoHits,
-  p as Scopes,
-  i as ScopesAndMixedResults,
-  r as ScopesAndResults,
-  c as ScopesAndSuggestions,
-  f as ScopesResultsAndSuggestions,
-  d as TooFewWords,
-  o as default
-};

package/dist/components/Avatar/AvatarGroup.stories.js

@@ -1,61 +0,0 @@
-import { AvatarGroup as e } from "./AvatarGroup.js";
-const n = {
-  title: "Avatar/AvatarGroup",
-  component: e,
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ["autodocs", "stable"],
-  parameters: {
-    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-    //    layout: 'fullscreen',
-  },
-  args: {}
-}, r = {
-  args: {
-    defaultType: "person",
-    items: [
-      {
-        name: "Albert Åberg"
-      },
-      {
-        name: "Birger Meling"
-      },
-      {
-        name: "Celine Dion"
-      }
-    ]
-  }
-}, t = {
-  args: {
-    defaultType: "company",
-    items: [
-      {
-        name: "Albert Åberg"
-      },
-      {
-        name: "Birger Meling"
-      },
-      {
-        name: "Celine Dion"
-      }
-    ]
-  }
-}, o = {
-  args: {
-    items: [
-      {
-        type: "company",
-        name: "Albert Åberg"
-      },
-      {
-        type: "person",
-        name: "Birger Meling"
-      }
-    ]
-  }
-};
-export {
-  t as Companies,
-  o as CompanyAndPerson,
-  r as People,
-  n as default
-};

package/dist/components/Avatar/avatar.stories.js

@@ -1,38 +0,0 @@
-import { Avatar as t } from "./Avatar.js";
-import "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "react";
-const r = {
-  title: "Avatar/Avatar",
-  component: t,
-  tags: ["autodocs", "stable"],
-  parameters: {},
-  args: {
-    name: "Jane Doe",
-    type: "person",
-    size: "xl"
-  }
-}, n = {
-  args: {
-    type: "person",
-    name: "Jane Doe",
-    size: "xl"
-  }
-}, p = {
-  args: {
-    type: "company",
-    name: "Boligeksperten"
-  }
-}, m = {
-  args: {
-    type: "company",
-    imageUrl: "https://avatars.githubusercontent.com/u/1536293?s=200&v=4",
-    size: "xl"
-  }
-};
-export {
-  p as Company,
-  m as Logo,
-  n as Person,
-  r as default
-};

package/dist/components/Badge/Badge.stories.js

@@ -1,27 +0,0 @@
-import { Badge as a } from "./Badge.js";
-const e = {
-  title: "Atoms/Badge/Badge",
-  component: a,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {
-    label: "Badge"
-  }
-}, o = {
-  args: {}
-}, r = {
-  args: {
-    color: "alert"
-  }
-}, s = {
-  args: {
-    label: "2",
-    color: "alert"
-  }
-};
-export {
-  r as Alert,
-  o as Default,
-  s as UnreadCount,
-  e as default
-};