@altinn/altinn-components 0.8.3 → 0.9.1

package/dist/components/Header/Header.stories.js

@@ -1,164 +1,29 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { useState as l } from "react";
-import { Header as i } from "./Header.js";
+import { jsx as c } from "react/jsx-runtime";
+import "../../examples/globalMenu.js";
+import "../../examples/inboxFilters.js";
+import { header as n } from "../../examples/header.js";
+import { useInboxSearch as a } from "../../examples/useInboxSearch.js";
+import { useAccountMenu as m } from "../../examples/useAccountMenu.js";
+import { Header as t } from "./Header.js";
 const h = {
   title: "Header/Header",
-  component: i,
+  component: t,
   tags: ["autodocs"],
   parameters: {
     layout: "fullscreen"
   },
   args: {
-    expanded: !0,
+    ...n,
     search: {
+      name: "inbox-search",
       placeholder: "Søk i Altinn"
-    },
-    menu: {
-      accountGroups: {
-        primary: {
-          title: "Deg selv og favoritter"
-        },
-        secondary: {
-          title: "Andre kontoer"
-        }
-      },
-      accounts: [
-        {
-          id: "party:aurora",
-          groupId: "primary",
-          type: "person",
-          name: "Aurora Mikalsen"
-        },
-        {
-          id: "party:rakel",
-          groupId: "favourites",
-          type: "person",
-          name: "Rakel Engelsvik"
-        },
-        {
-          id: "party:auroraskeeperskole",
-          groupId: "favourites",
-          type: "company",
-          name: "Auroras keeperskole"
-        },
-        {
-          id: "party:aurorashandsker",
-          groupId: "secondary",
-          type: "company",
-          name: "Keeperhansker AS"
-        },
-        {
-          id: "party:stadiondrift",
-          groupId: "secondary",
-          type: "company",
-          name: "Stadion drift AS"
-        },
-        {
-          id: "party:skb",
-          groupId: "secondary",
-          type: "company",
-          name: "Sportsklubben Brann"
-        },
-        {
-          id: "party:landslaget",
-          groupId: "secondary",
-          type: "company",
-          name: "Landslaget"
-        }
-      ],
-      items: [
-        {
-          id: "1",
-          icon: "airplane",
-          size: "lg",
-          label: "Section 1"
-        },
-        {
-          id: "2",
-          icon: "briefcase",
-          size: "lg",
-          label: "Section 2"
-        },
-        {
-          id: "3",
-          size: "lg",
-          label: "Section 3",
-          icon: "camera"
-        }
-      ]
     }
   }
-}, b = {
-  args: {
-    currentAccount: {
-      id: "party:aurora",
-      type: "person",
-      name: "Aurora Mikalsen"
-    }
-  }
-}, A = (n) => {
-  const [e, a] = l(""), c = "party:aurora", [d, p] = l(c), u = (r) => {
-    a(r.target.value);
-  }, m = [
-    {
-      groupId: "1",
-      id: "inbox",
-      href: "#",
-      label: e ? () => /* @__PURE__ */ s("span", { children: [
-        /* @__PURE__ */ t("mark", { children: e }),
-        " i innboksen"
-      ] }) : "Alt i innboksen"
-    },
-    {
-      groupId: "1",
-      id: "global",
-      href: "#",
-      label: e ? () => /* @__PURE__ */ s("span", { children: [
-        /* @__PURE__ */ t("mark", { children: e }),
-        " i hele Altinn"
-      ] }) : "Alt i hele Altinn"
-    }
-  ], o = e ? [
-    {
-      groupId: "2",
-      href: "http://www.altinn.no",
-      label: "Skattemelding 2024"
-    },
-    {
-      groupId: "2",
-      href: "http://www.altinn.no",
-      label: "Skattemelding 2025"
-    }
-  ].filter((r) => r.label.toLowerCase().includes((e ?? "").toLowerCase())) : [], y = {
-    groups: {
-      2: {
-        title: `${o.length} treff i innboksen`
-      }
-    },
-    items: [...m, ...o]
-  };
-  return /* @__PURE__ */ t(
-    i,
-    {
-      ...n,
-      currentAccount: n.menu.accounts.find((r) => r.id === d),
-      menu: {
-        ...n.menu,
-        ...n.menu.accounts,
-        onSelectAccount: p
-      },
-      search: {
-        ...n.search,
-        value: e,
-        onChange: u,
-        onClear: () => a(""),
-        autocomplete: y
-      }
-    }
-  );
+}, x = (e) => {
+  const o = a(e.search), r = m(e.menu);
+  return /* @__PURE__ */ c(t, { ...e, currentAccount: r.currentAccount, menu: r, search: o });
 };
 export {
-  A as ControlledState,
-  b as Default,
+  x as Default,
   h as default
 };

package/dist/components/Header/HeaderBase.js

@@ -2,9 +2,9 @@ import { jsxs as s, jsx as d } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
+import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
-import "../Searchbar/AutocompleteBase.js";
 import '../../assets/HeaderBase.css';const i = "_header_5ao8r_1", n = "_backdrop_5ao8r_11", r = {
   header: i,
   backdrop: n

package/dist/components/Header/HeaderButton.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ className, as, avatar, avatarGroup, icon, expanded, label, badge, ...buttonProps }: import('./HeaderButton').HeaderButtonProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Icon: Story;
+export declare const Person: Story;
+export declare const Company: Story;
+export declare const CompanyGroup: Story;
+export declare const Expanded: Story;

package/dist/components/Header/HeaderLogo.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ className, as, title, href }: import('./HeaderLogo').HeaderLogoProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/History/HistoryItem.js

@@ -4,9 +4,9 @@ import { useState as u } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { AttachmentSection as E } from "../Attachment/AttachmentSection.js";
+import "../Autocomplete/AutocompleteBase.js";
 import { HistoryItemBase as H } from "./HistoryItemBase.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { TransmissionSection as S } from "../Transmission/TransmissionSection.js";
 import { HistoryMetadata as b } from "./HistoryMetadata.js";
 const T = ({

package/dist/components/History/HistoryItem.stories.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ createdBy, createdAt, createdAtLabel, summary, attachments, transmissions, }: import('./HistoryItem').HistoryItemProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        createdAt: string;
+        createdAtLabel: string;
+        createdBy: {
+            name: string;
+        };
+        summary: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Attachments: Story;
+export declare const Transmissions: Story;

package/dist/components/History/HistoryItemBase.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ loading, icon, createdAt, createdAtLabel, createdBy, children, }: import('./HistoryItemBase').HistoryItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        createdAt: string;
+        createdAtLabel: string;
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Person: Story;
+export declare const Company: Story;
+export declare const Logo: Story;
+export declare const Icon: Story;

package/dist/components/History/HistoryList.stories.d.ts

@@ -0,0 +1,69 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, className }: import('./HistoryList').HistoryProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {};
+    args: {
+        items: ({
+            createdAt: string;
+            createdAtLabel: string;
+            createdBy: {
+                type: "company";
+                name: string;
+                imageUrl: string;
+            };
+            summary: string;
+            size?: undefined;
+            transmissions?: undefined;
+            attachments?: undefined;
+        } | {
+            size: "sm";
+            createdAt: string;
+            createdAtLabel: string;
+            summary: string;
+            transmissions: {
+                title: string;
+                items: ({
+                    title: string;
+                    sender: {
+                        type: "person";
+                        name: string;
+                        imageUrl?: undefined;
+                    };
+                } | {
+                    title: string;
+                    sender: {
+                        type: "company";
+                        name: string;
+                        imageUrl: string;
+                    };
+                })[];
+            };
+            createdBy?: undefined;
+            attachments?: undefined;
+        } | {
+            createdAt: string;
+            createdAtLabel: string;
+            createdBy: {
+                type: "company";
+                name: string;
+                imageUrl: string;
+            };
+            summary: string;
+            attachments: {
+                title: string;
+                items: {
+                    href: string;
+                    label: string;
+                }[];
+            };
+            size?: undefined;
+            transmissions?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ActivityLog: Story;

package/dist/components/Icon/CheckboxIcon.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ checked, title, hover, className }: import('./CheckboxIcon').CheckboxIconProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Hover: Story;
+export declare const Checked: Story;

package/dist/components/Icon/ProgressIcon.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ value, total, className }: import('./ProgressIcon').ProgressIconProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Progress25: Story;
+export declare const Progress50: Story;
+export declare const Progress75: Story;
+export declare const Progress100: Story;

package/dist/components/Icon/RadioIcon.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ checked, title, hover, className }: import('./RadioIcon').RadioIconProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Hover: Story;
+export declare const Checked: Story;

package/dist/components/Layout/Layout.d.ts

@@ -18,7 +18,7 @@ export interface LayoutProps {
     footer?: FooterProps;
     sidebar?: SidebarProps;
     content?: ContentProps;
-    children: ReactNode;
+    children?: ReactNode;
 }
 export declare const Layout: ({ theme, header, footer, sidebar, content, children }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Layout/Layout.js

@@ -9,19 +9,19 @@ import { Header as j } from "../Header/Header.js";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
+import "../Autocomplete/AutocompleteBase.js";
 import { useRootContext as B } from "../RootProvider/RootProvider.js";
 import { Menu as C } from "../Menu/Menu.js";
-import "../Searchbar/AutocompleteBase.js";
-const A = ({ theme: n = "global", header: p, footer: u, sidebar: o = {}, content: t = {}, children: e }) => {
-  const { currentId: f } = B(), { menu: h, ...l } = o;
-  return /* @__PURE__ */ r(i, { theme: n, currentId: f, children: [
+const A = ({ theme: e = "global", header: p, footer: u, sidebar: o = {}, content: t = {}, children: f }) => {
+  const { currentId: h } = B(), { menu: n, ...l } = o;
+  return /* @__PURE__ */ r(i, { theme: e, currentId: h, children: [
     p && /* @__PURE__ */ m(j, { ...p }),
-    /* @__PURE__ */ r(y, { children: [
+    /* @__PURE__ */ r(y, { currentId: h, children: [
       o && /* @__PURE__ */ r(L, { hidden: o == null ? void 0 : o.hidden, theme: o == null ? void 0 : o.theme, ...l, children: [
-        h && /* @__PURE__ */ m(C, { ...h }),
+        n && /* @__PURE__ */ m(C, { ...n }),
         o == null ? void 0 : o.children
       ] }),
-      /* @__PURE__ */ m(c, { theme: t == null ? void 0 : t.theme, children: e })
+      /* @__PURE__ */ m(c, { theme: t == null ? void 0 : t.theme, children: f })
     ] }),
     u && /* @__PURE__ */ m(x, { ...u })
   ] });