@altinn/altinn-components 0.10.2 → 0.10.4

package/dist/components/List/ListItemHeader.stories.js

@@ -1,241 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { Fragment as d, useState as g } from "react";
-import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
-import { Button as k } from "../Button/Button.js";
-import { MetaItem as r } from "../Meta/MetaItem.js";
-import "../RootProvider/RootProvider.js";
-import { ListItemHeader as t } from "./ListItemHeader.js";
-import { ListBase as c } from "./ListBase.js";
-import { List as b } from "./List.js";
-const l = ["lg", "md", "sm", "xs"], T = {
-  title: "List/ListItemHeader",
-  component: t,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {
-    title: "Title",
-    description: "Description",
-    size: "md"
-  }
-}, B = {
-  args: {}
-}, E = (n) => /* @__PURE__ */ a(c, { children: [
-  /* @__PURE__ */ e(t, { ...n }),
-  /* @__PURE__ */ e(r, { children: "No media" }),
-  /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear" }),
-  /* @__PURE__ */ e(r, { children: "Icon" }),
-  /* @__PURE__ */ e(
-    t,
-    {
-      ...n,
-      avatar: {
-        type: "person",
-        name: "Erik Huseklepp"
-      }
-    }
-  ),
-  /* @__PURE__ */ e(r, { children: "Person" }),
-  /* @__PURE__ */ e(
-    t,
-    {
-      ...n,
-      avatar: {
-        type: "company",
-        name: "Sportsklubben Brann"
-      }
-    }
-  ),
-  /* @__PURE__ */ e(r, { children: "Company" }),
-  /* @__PURE__ */ e(
-    t,
-    {
-      ...n,
-      avatar: {
-        type: "company",
-        name: "Politiets sikkerhetstjeneste",
-        imageUrl: "https://media.licdn.com/dms/image/v2/D4D0BAQH7Yv86kmHN5g/company-logo_200_200/company-logo_200_200/0/1688735908848?e=1738195200&v=beta&t=f-Mkzd03bqzdQN4IT0h89VQ9_Jri1iJ6XphYYnjsgEo"
-      }
-    }
-  ),
-  /* @__PURE__ */ e(r, { children: "Logo" }),
-  /* @__PURE__ */ e(
-    t,
-    {
-      ...n,
-      avatarGroup: {
-        items: [
-          {
-            type: "person",
-            name: "Albert Åberg"
-          },
-          {
-            type: "person",
-            name: "Birger Meling"
-          },
-          {
-            type: "person",
-            name: "Celine Dion"
-          }
-        ]
-      }
-    }
-  ),
-  /* @__PURE__ */ e(r, { children: "People group" }),
-  /* @__PURE__ */ e(
-    t,
-    {
-      ...n,
-      avatarGroup: {
-        items: [
-          {
-            type: "company",
-            name: "Albert Åberg"
-          },
-          {
-            type: "company",
-            name: "Birger Meling"
-          },
-          {
-            type: "company",
-            name: "Celine Dion"
-          }
-        ]
-      }
-    }
-  ),
-  /* @__PURE__ */ e(r, { children: "Company group" })
-] }), S = (n) => /* @__PURE__ */ e(c, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(d, { children: [
-  /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear", size: i, loading: !0 }),
-  /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear", size: i, loading: !1 }),
-  /* @__PURE__ */ e(r, { children: i })
-] }, i)) }), M = (n) => /* @__PURE__ */ a(c, { children: [
-  /* @__PURE__ */ e(t, { ...n, linkIcon: "chevron-right" }),
-  /* @__PURE__ */ e(r, { children: "Link icon, emphasising that this will take you somewhere" }),
-  /* @__PURE__ */ e(t, { ...n, linkIcon: "chevron-right", linkText: "Åpne" }),
-  /* @__PURE__ */ e(r, { children: "Link icon + link text, emphasising that this will take you somewhere" }),
-  /* @__PURE__ */ e(t, { ...n, collapsible: !0, badge: { label: "Admin" } }),
-  /* @__PURE__ */ e(r, { children: "Collapsible item with badge" }),
-  /* @__PURE__ */ e(t, { ...n, collapsible: !0, expanded: !0 }),
-  /* @__PURE__ */ e(r, { children: "Collapsible and expanded item" }),
-  /* @__PURE__ */ e(
-    t,
-    {
-      ...n,
-      badge: { label: "Admin" },
-      linkIcon: "chevron-right",
-      menu: {
-        id: "menu",
-        items: [
-          { id: "settings", title: "Innstillinger", icon: "cog" },
-          { id: "log", title: "Aktivitetslogg", icon: "clock-dashed" }
-        ]
-      }
-    }
-  ),
-  /* @__PURE__ */ e(r, { children: "List item with badge, linkIcon and context menu" }),
-  /* @__PURE__ */ e(
-    t,
-    {
-      ...n,
-      controls: /* @__PURE__ */ e("div", { style: { position: "absolute", right: 0, display: "flex", alignItems: "center", margin: "0.625rem" }, children: /* @__PURE__ */ e(k, { icon: "pencil", size: "sm", variant: "outline", children: "Rediger" }) })
-    }
-  ),
-  /* @__PURE__ */ e(r, { children: "List item with custom controls" })
-] }), _ = (n) => /* @__PURE__ */ e(c, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(d, { children: [
-  /* @__PURE__ */ e(
-    t,
-    {
-      ...n,
-      size: i,
-      select: {
-        checked: !1
-      }
-    }
-  ),
-  /* @__PURE__ */ e(
-    t,
-    {
-      ...n,
-      size: i,
-      select: {
-        checked: !0
-      },
-      selected: !0
-    }
-  ),
-  /* @__PURE__ */ e(r, { children: i })
-] }, i)) }), j = (n) => /* @__PURE__ */ a(c, { children: [
-  /* @__PURE__ */ e(t, { ...n }),
-  /* @__PURE__ */ e(r, { children: "Default" }),
-  /* @__PURE__ */ e(t, { ...n }),
-  /* @__PURE__ */ e(r, { children: "Accent" })
-] }), P = (n) => /* @__PURE__ */ e(c, { children: l == null ? void 0 : l.map((i) => /* @__PURE__ */ a(d, { children: [
-  /* @__PURE__ */ e(t, { ...n, icon: "teddy-bear", selected: i === (n == null ? void 0 : n.size), linkIcon: "chevron-right" }),
-  /* @__PURE__ */ e(r, { children: i })
-] }, i)) }), G = (n) => {
-  const [i, s] = g(!1), m = () => {
-    s((o) => !o);
-  }, p = [
-    {
-      name: "Per Ove Ludvigsen",
-      role: "Sportlig leder",
-      rights: "Admin"
-    },
-    {
-      name: "Eirik Horneland",
-      role: "Trener",
-      rights: "Admin"
-    },
-    {
-      name: "Erik Huseklepp",
-      role: "Assistenttrener",
-      rights: "Lese og skrive"
-    },
-    {
-      name: "Hassan El Fakiri",
-      role: "Toppspillerutvikler",
-      rights: "Ingen rettigheter"
-    }
-  ], h = p.map((o) => ({
-    avatar: {
-      ...o,
-      type: "person"
-    },
-    title: o == null ? void 0 : o.name,
-    description: o == null ? void 0 : o.role,
-    badge: { label: o == null ? void 0 : o.rights },
-    linkIcon: "menu-elipsis-horizontal"
-  })), u = {
-    items: p.map((o) => ({
-      name: o == null ? void 0 : o.name,
-      type: "person"
-    }))
-  };
-  return /* @__PURE__ */ a(d, { children: [
-    /* @__PURE__ */ e(
-      t,
-      {
-        ...n,
-        avatarGroup: u,
-        collapsible: !0,
-        expanded: i,
-        onClick: m,
-        as: "button"
-      }
-    ),
-    i && /* @__PURE__ */ e(b, { defaultItemSize: "sm", spacing: "none", items: h })
-  ] });
-};
-export {
-  G as Collapsible,
-  j as Colors,
-  M as Controls,
-  B as Default,
-  S as Loading,
-  E as MediaTypes,
-  _ as Selectable,
-  P as Sizes,
-  T as default
-};

package/dist/components/Menu/Menu.stories.js

@@ -1,411 +0,0 @@
-import { menuItems as l } from "../../examples/menuItems.js";
-import { Menu as s } from "./Menu.js";
-const d = {
-  title: "Menu/Menu",
-  component: s,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {}
-}, p = {
-  args: {
-    groups: {
-      settings: {
-        defaultItemColor: "neutral"
-      }
-    },
-    items: [
-      {
-        id: "account",
-        groupId: "account",
-        size: "lg",
-        avatar: {
-          type: "person",
-          name: "Herman Friele"
-        },
-        title: "Herman Friele",
-        description: "Fødselsnr: XX.XX.XXXX"
-      },
-      {
-        id: "inbox",
-        groupId: "apps",
-        size: "lg",
-        icon: "inbox",
-        title: "Innboks",
-        badge: {
-          color: "alert",
-          label: "4"
-        }
-      },
-      {
-        id: "access",
-        groupId: "apps",
-        size: "lg",
-        icon: "bookmark",
-        title: "Tilganger",
-        badge: {
-          color: "alert",
-          label: "2"
-        }
-      },
-      {
-        id: "access",
-        groupId: "apps",
-        size: "lg",
-        icon: "menu-grid",
-        title: "Alle skjema"
-      },
-      {
-        id: "settings",
-        groupId: "settings",
-        icon: "cog",
-        title: "Innstillinger"
-      }
-    ]
-  }
-}, i = {
-  args: {
-    groups: {
-      settings: {
-        defaultItemColor: "neutral"
-      }
-    },
-    items: [
-      {
-        id: "account",
-        groupId: "account",
-        size: "lg",
-        avatar: {
-          type: "person",
-          name: "Herman Friele"
-        },
-        title: "Herman Friele",
-        description: "Fødselsnr: XX.XX.XXXX"
-      },
-      {
-        id: "innboks",
-        groupId: "apps",
-        size: "lg",
-        icon: "inbox",
-        title: "Innboks",
-        collapsible: !0,
-        items: [
-          {
-            id: "utkast",
-            groupId: "1",
-            icon: "doc-pencil",
-            title: "Utkast"
-          },
-          {
-            id: "sent",
-            groupId: "1",
-            icon: "file-checkmark",
-            selected: !0,
-            title: "Sendt"
-          },
-          {
-            id: "bookmarks",
-            groupId: "3",
-            icon: "bookmark",
-            title: "Lagrede søk"
-          },
-          {
-            id: "arkiv",
-            groupId: "4",
-            icon: "archive",
-            title: "Arkivert"
-          },
-          {
-            id: "trash",
-            groupId: "4",
-            icon: "trash",
-            title: "Papirkurv"
-          }
-        ]
-      },
-      {
-        id: "tilganger",
-        groupId: "apps",
-        size: "lg",
-        icon: "bookmark",
-        title: "Tilganger"
-      },
-      {
-        id: "skjema",
-        groupId: "apps",
-        size: "lg",
-        icon: "menu-grid",
-        title: "Alle skjema"
-      },
-      {
-        id: "settings",
-        groupId: "settings",
-        icon: "cog",
-        title: "Innstillinger"
-      }
-    ]
-  }
-}, u = {
-  args: {
-    ...i.args,
-    items: [...i.args.items].map((e) => e.collapsible ? {
-      ...e,
-      group: (e == null ? void 0 : e.id) === "inbox" ? "inbox" : "",
-      expanded: !0
-    } : e)
-  }
-}, c = {
-  args: {
-    defaultItemColor: "subtle",
-    groups: {
-      "level-1": {
-        divider: !0
-      },
-      "level-2": {
-        divider: !0
-      }
-    },
-    items: [
-      {
-        id: "people",
-        groupId: "level-1",
-        size: "lg",
-        icon: "menu-grid",
-        title: "Alle skjema",
-        expanded: !0,
-        items: [
-          {
-            groupId: "level-2",
-            id: "tema",
-            icon: "teddy-bear",
-            title: "Tema",
-            expanded: !0,
-            items: [
-              {
-                id: "c1",
-                groupId: "level-3",
-                title: "Kategori 1"
-              },
-              {
-                groupId: "level-3",
-                id: "c2",
-                title: "Kategori 2"
-              },
-              {
-                groupId: "level-3",
-                id: "c3",
-                title: "Kategori 3"
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  }
-}, t = {
-  args: {
-    groups: {},
-    items: [
-      {
-        id: "innboks",
-        groupId: "1",
-        size: "lg",
-        icon: "inbox",
-        title: "Innboks",
-        color: "strong",
-        badge: { color: "alert", label: "4" }
-      },
-      {
-        id: "utkast",
-        groupId: "2",
-        icon: "doc-pencil",
-        title: "Utkast",
-        badge: {
-          label: "3"
-        }
-      },
-      {
-        id: "sendt",
-        groupId: "2",
-        icon: "file-checkmark",
-        selected: !0,
-        title: "Sendt",
-        badge: {
-          label: "2"
-        }
-      },
-      {
-        id: "lagret",
-        groupId: "3",
-        icon: "bookmark",
-        title: "Lagrede søk",
-        badge: {
-          label: "5"
-        }
-      },
-      {
-        id: "arkivert",
-        groupId: "4",
-        icon: "archive",
-        title: "Arkivert",
-        badge: {
-          label: "100+"
-        }
-      },
-      {
-        id: "papirkurv",
-        groupId: "4",
-        disabled: !0,
-        icon: "trash",
-        title: "Papirkurv",
-        badge: {
-          label: "45"
-        }
-      }
-    ],
-    defaultItemColor: "subtle"
-  }
-};
-var r, o;
-const k = {
-  args: {
-    groups: {
-      ...(r = t.args) == null ? void 0 : r.groups,
-      shortcuts: {
-        title: "Snarveier",
-        defaultItemColor: "default"
-      }
-    },
-    items: [
-      ...((o = t == null ? void 0 : t.args) == null ? void 0 : o.items) ?? [],
-      {
-        id: "users",
-        groupId: "shortcuts",
-        icon: "person-group",
-        title: "Brukere"
-      },
-      {
-        id: "settings",
-        groupId: "shortcuts",
-        icon: "cog",
-        title: "Innstillinger"
-      }
-    ]
-  }
-}, m = {
-  args: {
-    groups: {},
-    items: [
-      {
-        id: "person",
-        groupId: "1",
-        size: "lg",
-        avatar: {
-          type: "person",
-          name: "Erik Huseklepp"
-        },
-        title: "Erik Huseklepp"
-      },
-      {
-        id: "profil",
-        groupId: "2",
-        icon: "person-circle",
-        title: "Kontaktinformasjon"
-      },
-      {
-        id: "varslinger",
-        groupId: "2",
-        icon: "bell",
-        title: "Varslingsinnstillinger"
-      },
-      {
-        id: "bookmarks",
-        groupId: "3",
-        icon: "bookmark",
-        title: "Favoritter"
-      },
-      {
-        id: "grupper",
-        groupId: "3",
-        icon: "hexagon-grid",
-        title: "Grupper"
-      },
-      {
-        id: "logg",
-        groupId: "4",
-        icon: "clock-dashed",
-        title: "Aktivitetslogg"
-      }
-    ]
-  }
-}, I = {
-  args: {
-    groups: {},
-    items: [
-      {
-        id: "company",
-        groupId: "1",
-        size: "lg",
-        avatar: {
-          type: "company",
-          name: "Bergen Bar"
-        },
-        title: "Bergen Bar"
-      },
-      {
-        id: "profil",
-        groupId: "2",
-        icon: "buildings2",
-        title: "Firmaprofil"
-      },
-      {
-        id: "brukere",
-        groupId: "3",
-        icon: "person-group",
-        title: "Brukere"
-      },
-      {
-        id: "grupper",
-        groupId: "3",
-        icon: "hexagon-grid",
-        title: "Grupper"
-      },
-      {
-        id: "logg",
-        groupId: "4",
-        icon: "clock-dashed",
-        title: "Aktivitetslogg"
-      }
-    ]
-  }
-}, n = {
-  args: {
-    groups: {
-      a1: {
-        title: "Deg selv, favoritter og grupper"
-      },
-      b1: { title: "Andre kontoer" }
-    },
-    items: l
-  }
-}, b = {
-  args: {
-    ...n.args,
-    search: {
-      name: "search",
-      placeholder: "Søk i kontoer"
-    }
-  }
-};
-export {
-  n as AccountMenu,
-  b as AccountMenuWithSearch,
-  i as CollapsibleGlobalMenu,
-  I as CompanyMenu,
-  c as DrilldownMenu,
-  u as ExpandedGlobalMenu,
-  p as GlobalMenu,
-  t as InboxMenu,
-  k as InboxMenuWithShortcuts,
-  m as PersonMenu,
-  d as default
-};