@altinn/altinn-components 0.10.1 → 0.10.3

package/dist/components/LayoutAction/ActionFooter.stories.js

@@ -1,61 +0,0 @@
-import { jsx as e, jsxs as o, Fragment as r } from "react/jsx-runtime";
-import { Snackbar as t } from "../Snackbar/Snackbar.js";
-import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import { ActionFooter as s } from "./ActionFooter.js";
-import { ActionMenu as a } from "./ActionMenu.js";
-const i = {
-  items: [
-    {
-      id: "1",
-      icon: "arrow-redo",
-      title: "Del og gi tilgang"
-    },
-    {
-      id: "2",
-      icon: "eye",
-      title: "Marker som lest"
-    },
-    {
-      id: "3",
-      icon: "archive",
-      title: "Flytt til arkiv"
-    },
-    {
-      id: "4",
-      icon: "trash",
-      title: "Flytt til papirkurv"
-    }
-  ]
-}, p = {
-  title: "LayoutAction/ActionFooter",
-  component: s,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {}
-}, h = {
-  args: {
-    children: /* @__PURE__ */ e(a, { ...i })
-  }
-}, k = {
-  args: {
-    children: /* @__PURE__ */ o(r, { children: [
-      /* @__PURE__ */ e(t, { message: "A message" }),
-      /* @__PURE__ */ e(t, { message: "Some other message" }),
-      /* @__PURE__ */ e(t, { message: "Another message" })
-    ] })
-  }
-}, u = {
-  args: {
-    children: /* @__PURE__ */ o(r, { children: [
-      /* @__PURE__ */ e(t, { message: "Snack 1" }),
-      /* @__PURE__ */ e(a, { ...i, theme: "global-dark" })
-    ] })
-  }
-};
-export {
-  h as Menu,
-  u as MenuAndSnackbar,
-  k as Snackbars,
-  p as default
-};

package/dist/components/LayoutAction/ActionHeader.stories.js

@@ -1,16 +0,0 @@
-import { ActionHeader as t } from "./ActionHeader.js";
-const a = {
-  title: "LayoutAction/ActionHeader",
-  component: t,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {}
-}, o = {
-  args: {
-    title: "Title"
-  }
-};
-export {
-  o as Default,
-  a as default
-};

package/dist/components/LayoutAction/ActionMenu.stories.js

@@ -1,36 +0,0 @@
-import { ActionMenu as t } from "./ActionMenu.js";
-const e = {
-  title: "LayoutAction/ActionMenu",
-  component: t,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {
-    theme: "global-dark",
-    items: [
-      {
-        id: "1",
-        icon: "arrow-redo",
-        title: "Del og gi tilgang"
-      },
-      {
-        id: "2",
-        icon: "eye",
-        title: "Marker som lest"
-      },
-      {
-        id: "3",
-        icon: "archive",
-        title: "Flytt til arkiv"
-      },
-      {
-        id: "4",
-        icon: "trash",
-        title: "Flytt til papirkurv"
-      }
-    ]
-  }
-}, o = {};
-export {
-  o as Default,
-  e as default
-};

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

@@ -1,41 +0,0 @@
-import "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "react";
-import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
-import "../RootProvider/RootProvider.js";
-import { List as t } from "./List.js";
-const a = {
-  title: "List/List",
-  component: t,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {
-    items: [
-      {
-        id: "1",
-        title: "Title",
-        description: "Description",
-        href: "#"
-      },
-      {
-        id: "2",
-        title: "Title",
-        description: "Description",
-        href: "#"
-      },
-      {
-        id: "3",
-        title: "Title",
-        description: "Description",
-        href: "#"
-      }
-    ]
-  }
-}, c = {
-  args: {}
-};
-export {
-  c as Default,
-  a as default
-};

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

@@ -1,251 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { Fragment as s, useState as k } from "react";
-import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
-import { Button as b } from "../Button/Button.js";
-import { MetaItem as i } from "../Meta/MetaItem.js";
-import "../RootProvider/RootProvider.js";
-import { ListItemBase as y } from "./ListItemBase.js";
-import { ListItemHeader as v } from "./ListItemHeader.js";
-import { ListItem as r } from "./ListItem.js";
-import { ListBase as c } from "./ListBase.js";
-import { List as I } from "./List.js";
-const f = ["neutral", "accent", "transparent"], l = ["xl", "lg", "md", "sm", "xs"], j = {
-  title: "List/ListItem",
-  component: r,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {
-    id: "id",
-    title: "Title",
-    description: "Description",
-    size: "sm"
-  }
-}, P = {
-  args: {}
-}, G = (n) => /* @__PURE__ */ a(c, { children: [
-  /* @__PURE__ */ e(r, { ...n }),
-  /* @__PURE__ */ e(i, { children: "No media" }),
-  /* @__PURE__ */ e(r, { ...n, icon: "teddy-bear" }),
-  /* @__PURE__ */ e(i, { children: "Icon" }),
-  /* @__PURE__ */ e(
-    r,
-    {
-      ...n,
-      avatar: {
-        type: "person",
-        name: "Erik Huseklepp"
-      }
-    }
-  ),
-  /* @__PURE__ */ e(i, { children: "Person" }),
-  /* @__PURE__ */ e(
-    r,
-    {
-      ...n,
-      avatar: {
-        type: "company",
-        name: "Sportsklubben Brann"
-      }
-    }
-  ),
-  /* @__PURE__ */ e(i, { children: "Company" }),
-  /* @__PURE__ */ e(
-    r,
-    {
-      ...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(i, { children: "Logo" }),
-  /* @__PURE__ */ e(
-    r,
-    {
-      ...n,
-      avatarGroup: {
-        items: [
-          {
-            type: "person",
-            name: "Albert Åberg"
-          },
-          {
-            type: "person",
-            name: "Birger Meling"
-          },
-          {
-            type: "person",
-            name: "Celine Dion"
-          }
-        ]
-      }
-    }
-  ),
-  /* @__PURE__ */ e(i, { children: "People group" }),
-  /* @__PURE__ */ e(
-    r,
-    {
-      ...n,
-      avatarGroup: {
-        items: [
-          {
-            type: "company",
-            name: "Albert Åberg"
-          },
-          {
-            type: "company",
-            name: "Birger Meling"
-          },
-          {
-            type: "company",
-            name: "Celine Dion"
-          }
-        ]
-      }
-    }
-  ),
-  /* @__PURE__ */ e(i, { children: "Company group" })
-] }), N = (n) => /* @__PURE__ */ e(c, { children: l.map((t) => /* @__PURE__ */ a(s, { children: [
-  /* @__PURE__ */ e(r, { ...n, icon: "teddy-bear", size: t, loading: !0 }),
-  /* @__PURE__ */ e(r, { ...n, icon: "teddy-bear", size: t, loading: !1 }),
-  /* @__PURE__ */ e(i, { children: t })
-] }, t)) }), Q = (n) => /* @__PURE__ */ a(c, { children: [
-  /* @__PURE__ */ e(r, { ...n, linkIcon: "chevron-right" }),
-  /* @__PURE__ */ e(i, { children: "Link icon, emphasising that this will take you somewhere" }),
-  /* @__PURE__ */ e(r, { ...n, linkIcon: "chevron-right", linkText: "Åpne" }),
-  /* @__PURE__ */ e(i, { children: "Link icon + link text, emphasising that this will take you somewhere" }),
-  /* @__PURE__ */ e(r, { ...n, collapsible: !0, badge: { label: "Admin" } }),
-  /* @__PURE__ */ e(i, { children: "Collapsible item with badge" }),
-  /* @__PURE__ */ e(r, { ...n, collapsible: !0, expanded: !0 }),
-  /* @__PURE__ */ e(i, { children: "Collapsible and expanded item" }),
-  /* @__PURE__ */ e(
-    r,
-    {
-      ...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(i, { children: "List item with badge, linkIcon and context menu" }),
-  /* @__PURE__ */ e(
-    r,
-    {
-      ...n,
-      controls: /* @__PURE__ */ e("div", { style: { position: "absolute", right: 0, display: "flex", alignItems: "center", margin: "0.625rem" }, children: /* @__PURE__ */ e(b, { icon: "pencil", size: "sm", variant: "outline", children: "Rediger" }) })
-    }
-  ),
-  /* @__PURE__ */ e(i, { children: "List item with custom controls" })
-] }), Y = (n) => /* @__PURE__ */ e(c, { children: l == null ? void 0 : l.map((t) => /* @__PURE__ */ a(s, { children: [
-  /* @__PURE__ */ e(
-    r,
-    {
-      ...n,
-      size: t,
-      select: {
-        checked: !1
-      }
-    }
-  ),
-  /* @__PURE__ */ e(
-    r,
-    {
-      ...n,
-      size: t,
-      select: {
-        checked: !0
-      },
-      selected: !0
-    }
-  ),
-  /* @__PURE__ */ e(i, { children: t })
-] }, t)) }), F = (n) => /* @__PURE__ */ e(c, { children: f.map((t) => /* @__PURE__ */ a(s, { children: [
-  /* @__PURE__ */ e(r, { ...n, icon: "teddy-bear", color: t, linkIcon: "chevron-right" }),
-  /* @__PURE__ */ e(i, { children: t })
-] }, t)) }), J = (n) => /* @__PURE__ */ e(c, { children: l == null ? void 0 : l.map((t) => /* @__PURE__ */ a(s, { children: [
-  /* @__PURE__ */ e(r, { ...n, icon: "teddy-bear", size: t, linkIcon: "chevron-right" }),
-  /* @__PURE__ */ e(r, { ...n, avatar: { name: "Avatar" }, size: t, linkIcon: "chevron-right" }),
-  /* @__PURE__ */ e(i, { children: t })
-] }, t)) }), q = (n) => {
-  const [t, p] = k(!1), m = () => {
-    p((o) => !o);
-  }, d = [
-    {
-      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 = d.map((o, g) => ({
-    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 },
-    menu: {
-      id: "menu" + g,
-      items: [
-        {
-          id: "item1",
-          title: "Hallo"
-        }
-      ]
-    }
-  })), u = {
-    items: d.map((o) => ({
-      name: o == null ? void 0 : o.name,
-      type: "person"
-    }))
-  };
-  return /* @__PURE__ */ a(y, { children: [
-    /* @__PURE__ */ e(
-      v,
-      {
-        ...n,
-        avatarGroup: u,
-        collapsible: !0,
-        expanded: t,
-        onClick: m,
-        as: "button"
-      }
-    ),
-    t && /* @__PURE__ */ e(I, { spacing: "none", defaultItemSize: "xs", defaultItemColor: "transparent", items: h })
-  ] });
-};
-export {
-  q as Collapsible,
-  F as Colors,
-  Q as Controls,
-  P as Default,
-  N as Loading,
-  G as MediaTypes,
-  Y as Selectable,
-  J as Sizes,
-  j as default
-};

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