@altinn/altinn-components 0.10.1 → 0.10.3

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
-};

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

@@ -1,138 +0,0 @@
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
-import { fn as i } from "@storybook/test";
-import { LayoutBase as l } from "../Layout/LayoutBase.js";
-import "../../index-L8X2o7IH.js";
-import "react";
-import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
-import { MenuItem as o } from "./MenuItem.js";
-import { MenuBase as p } from "./MenuBase.js";
-import { MetaItem as m } from "../Meta/MetaItem.js";
-import "../RootProvider/RootProvider.js";
-const I = {
-  title: "Menu/MenuItem",
-  component: o,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {
-    id: "inbox",
-    onClick: i()
-  }
-}, A = {
-  args: {
-    icon: "inbox",
-    title: "Innboks"
-  }
-}, C = {
-  args: {
-    icon: "inbox",
-    title: "Innboks",
-    badge: {
-      label: "4"
-    }
-  }
-}, G = {
-  args: {
-    size: "lg",
-    icon: "inbox",
-    title: "Innboks",
-    color: "strong"
-  }
-}, M = {
-  args: {
-    size: "lg",
-    icon: "inbox",
-    title: "Innboks",
-    color: "strong",
-    badge: {
-      color: "alert",
-      label: "4"
-    }
-  }
-}, c = {
-  args: {
-    avatar: {
-      type: "person",
-      name: "Eirik Horneland"
-    },
-    title: "Eirik Horneland"
-  }
-}, z = {
-  args: {
-    avatarGroup: {
-      items: [
-        {
-          type: "person",
-          name: "Eirik Horneland"
-        },
-        {
-          type: "person",
-          name: "Japhet Sery Larsen"
-        },
-        {
-          type: "person",
-          name: "Aune Heggebø"
-        }
-      ]
-    },
-    title: "3 personer"
-  }
-}, g = {
-  args: {
-    avatar: {
-      type: "company",
-      name: "Sportsklubben Brann"
-    },
-    title: "Sportsklubben Brann"
-  }
-}, H = {
-  args: {
-    avatarGroup: {
-      defaultType: "company",
-      items: [
-        {
-          name: "Sportsklubben Brann"
-        },
-        {
-          name: "Bergen Næringsråd"
-        },
-        {
-          name: "Bergen bar"
-        }
-      ]
-    },
-    title: "3 virksomheter"
-  }
-}, S = {
-  args: {
-    ...c.args,
-    size: "lg",
-    description: "Født: XX.XX.XXXX"
-  }
-}, E = {
-  args: {
-    ...g.args,
-    size: "lg",
-    description: "Org nr.: XX.XX.XXXX"
-  }
-}, L = () => {
-  const t = ["global", "neutral", "company", "person", "global-dark"], a = ["neutral", "subtle", "strong", "company", "person"];
-  return /* @__PURE__ */ n("div", { style: { display: "flex", width: "100%" }, children: t.map((e) => /* @__PURE__ */ n("div", { style: { flexGrow: 1 }, children: /* @__PURE__ */ n(l, { theme: e, children: /* @__PURE__ */ n(p, { children: a.map((r) => /* @__PURE__ */ s("div", { children: [
-    /* @__PURE__ */ n(o, { icon: "inbox", title: "Title", color: r, id: "inbox" }),
-    /* @__PURE__ */ n(m, { children: e + "/" + r })
-  ] }, r)) }) }) }, e)) });
-};
-export {
-  M as AlertBadge,
-  g as Company,
-  E as CompanyAccount,
-  H as CompanyGroup,
-  A as Default,
-  C as DefaultBadge,
-  G as Large,
-  c as Person,
-  S as PersonAccount,
-  z as PersonGroup,
-  L as ThemesAndColors,
-  I as default
-};