@altinn/altinn-components 0.9.0 → 0.9.1

package/dist/components/Toolbar/ToolbarMenu.stories.js

@@ -9,23 +9,24 @@ const a = {
     value: "skatt",
     items: [
       {
+        id: "Skatteetaten",
         title: "Skatteetaten"
       },
       {
+        id: "Digdir",
         title: "Digdir"
       },
       {
+        id: "Helstilsynet",
         title: "Helstilsynet"
       }
     ]
   }
-}, o = {}, l = {
-  args: {
-    expanded: !0
-  }
+}, l = {}, o = {
+  args: {}
 };
 export {
-  o as Default,
-  l as Expanded,
+  l as Default,
+  o as Expanded,
   a as default
 };

package/dist/components/Toolbar/ToolbarOptions.js

@@ -5,8 +5,8 @@ import "../Icon/SvgIcon.js";
 import { MenuOption as v } from "../Menu/MenuOption.js";
 import { MenuSearch as j } from "../Menu/MenuSearch.js";
 import { MenuHeader as x } from "../Menu/MenuHeader.js";
+import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { MenuBase as O, MenuList as I, MenuListItem as m } from "../Menu/MenuBase.js";
 const w = ({ search: d, optionGroups: n = {}, options: h, onChange: b, optionType: g }) => {
   var a;

package/dist/components/Toolbar/ToolbarOptions.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ search, optionGroups, options, onChange, optionType }: import('./ToolbarOptions').ToolbarOptionsProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Checkboxes: Story;
+export declare const Radio: Story;

package/dist/components/Toolbar/ToolbarOptions.stories.js

@@ -5,7 +5,7 @@ const o = {
   tags: ["autodocs"],
   parameters: {},
   args: {}
-}, t = {
+}, a = {
   args: {
     optionType: "checkbox",
     options: [
@@ -49,55 +49,9 @@ const o = {
       }
     ]
   }
-}, r = {
-  args: {
-    optionGroups: {
-      a: {
-        title: "Velg skadedyr",
-        optionType: "radio"
-      },
-      b: {
-        title: "Velg straff",
-        optionType: "checkbox"
-      }
-    },
-    options: [
-      {
-        groupId: "a",
-        name: "animal",
-        label: "Katt",
-        value: "cat",
-        checked: !0
-      },
-      {
-        groupId: "a",
-        name: "animal",
-        label: "Mus",
-        value: "mouse"
-      },
-      {
-        groupId: "a",
-        name: "animal",
-        label: "Veggdyr",
-        value: "spider"
-      },
-      {
-        groupId: "b",
-        label: "Husarrest",
-        value: "digdir"
-      },
-      {
-        groupId: "b",
-        checked: !0,
-        label: "Piskeslag",
-        value: "helse"
-      }
-    ]
-  }
 };
 export {
-  t as Checkboxes,
+  a as Checkboxes,
   l as Radio,
-  r as RadioCheckbox,
   o as default
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,30 +1,30 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { Icon as a } from "../Icon/Icon.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { Icon as e } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { IconButton as m } from "../Button/IconButton.js";
+import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import '../../assets/ToolbarSearch.css';const l = "_field_dvezx_1", p = "_icon_dvezx_5", d = "_input_dvezx_14", _ = "_clear_dvezx_30", o = {
+import { IconButton as m } from "../Button/IconButton.js";
+import '../../assets/ToolbarSearch.css';const l = "_field_tw5fx_1", p = "_icon_tw5fx_5", f = "_input_tw5fx_14", _ = "_clear_tw5fx_30", o = {
   field: l,
   icon: p,
-  input: d,
+  input: f,
   clear: _
-}, g = ({ value: t, name: e, placeholder: n = "Search", onChange: r, onClear: c }) => /* @__PURE__ */ s("div", { className: o.field, children: [
-  /* @__PURE__ */ i(
+}, j = ({ value: c, name: n, placeholder: r = "Search", onChange: s, onClear: i }) => /* @__PURE__ */ a("div", { className: o.field, children: [
+  /* @__PURE__ */ t(
     "input",
     {
       type: "search",
-      value: t,
-      name: e,
-      placeholder: n,
+      value: c,
+      name: n,
+      placeholder: r,
       className: o.input,
-      onChange: r
+      onChange: s
     }
   ),
-  /* @__PURE__ */ i(a, { name: "magnifying-glass", className: o.icon }),
-  c && /* @__PURE__ */ i(
+  /* @__PURE__ */ t(e, { name: "magnifying-glass", className: o.icon }),
+  i && /* @__PURE__ */ t(
     m,
     {
       icon: "x-mark",
@@ -32,10 +32,10 @@ import '../../assets/ToolbarSearch.css';const l = "_field_dvezx_1", p = "_icon_d
       variant: "solid",
       size: "custom",
       className: o.clear,
-      onClick: c
+      onClick: i
     }
   )
 ] });
 export {
-  g as ToolbarSearch
+  j as ToolbarSearch
 };

package/dist/components/Toolbar/ToolbarSearch.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ value, name, placeholder, onChange, onClear }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Toolbar/ToolbarSearch.stories.js

@@ -1,17 +1,16 @@
-import { fn as o } from "@storybook/test";
 import { ToolbarSearch as a } from "./ToolbarSearch.js";
-const e = {
+const r = {
   title: "Toolbar/ToolbarSearch",
   component: a,
   tags: ["autodocs"],
   parameters: {},
-  args: {}
-}, s = {
   args: {
-    onClear: o()
+    name: "search"
   }
+}, t = {
+  args: {}
 };
 export {
-  s as Default,
-  e as default
+  t as Default,
+  r as default
 };

package/dist/components/Transmission/TransmissionItem.js

@@ -1,17 +1,16 @@
-import { jsxs as i, jsx as m } from "react/jsx-runtime";
-import { useState as f } from "react";
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { useState as s } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Typography as x } from "../Typography/Typography.js";
 import { AttachmentSection as b } from "../Attachment/AttachmentSection.js";
+import "../Autocomplete/AutocompleteBase.js";
 import { MetaTimestamp as T } from "../Meta/MetaTimestamp.js";
-import { ListItemBase as u } from "../List/ListItemBase.js";
-import { ListItemHeader as v } from "../List/ListItemHeader.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import '../../assets/TransmissionItem.css';const I = "_body_1m345_1", z = {
-  body: I
-}, M = ({
+import { ListItem as u } from "../List/ListItem.js";
+import '../../assets/TransmissionItem.css';const v = "_body_1m345_1", z = {
+  body: v
+}, N = ({
   loading: c,
   sender: o,
   createdAt: p,
@@ -22,39 +21,38 @@ import '../../assets/TransmissionItem.css';const I = "_body_1m345_1", z = {
   summary: h,
   attachments: a
 }) => {
-  const [t, s] = f(!1);
-  return /* @__PURE__ */ i(u, { expanded: t, children: [
-    /* @__PURE__ */ m(
-      v,
-      {
-        as: "button",
-        onClick: () => {
-          s((y) => !y);
-        },
-        size: "sm",
-        avatar: {
-          type: o == null ? void 0 : o.type,
-          imageUrl: o == null ? void 0 : o.imageUrl,
-          name: o == null ? void 0 : o.name
-        },
-        title: n,
-        description: t ? "" : g,
-        badge: r,
-        linkIcon: t ? "chevron-down" : "chevron-up"
-      }
-    ),
-    t && /* @__PURE__ */ i("div", { className: z.body, children: [
-      p && /* @__PURE__ */ i(T, { loading: c, datetime: p, size: "xs", children: [
-        o && /* @__PURE__ */ m("strong", { children: (o == null ? void 0 : o.name) + ", " }),
-        l
-      ] }),
-      /* @__PURE__ */ i(x, { size: "lg", children: [
-        /* @__PURE__ */ m("p", { children: h }),
-        a && /* @__PURE__ */ m(b, { ...a })
+  const [t, y] = s(!1);
+  return /* @__PURE__ */ i(
+    u,
+    {
+      as: "button",
+      expanded: t,
+      onClick: () => {
+        y((f) => !f);
+      },
+      size: "sm",
+      avatar: {
+        type: o == null ? void 0 : o.type,
+        imageUrl: o == null ? void 0 : o.imageUrl,
+        name: o == null ? void 0 : o.name
+      },
+      title: n,
+      description: t ? "" : g,
+      badge: r,
+      linkIcon: t ? "chevron-down" : "chevron-up",
+      children: t && /* @__PURE__ */ m("div", { className: z.body, children: [
+        p && /* @__PURE__ */ m(T, { loading: c, datetime: p, size: "xs", children: [
+          o && /* @__PURE__ */ i("strong", { children: (o == null ? void 0 : o.name) + ", " }),
+          l
+        ] }),
+        /* @__PURE__ */ m(x, { size: "lg", children: [
+          /* @__PURE__ */ i("p", { children: h }),
+          a && /* @__PURE__ */ i(b, { ...a })
+        ] })
       ] })
-    ] })
-  ] });
+    }
+  );
 };
 export {
-  M as TransmissionItem
+  N as TransmissionItem
 };

package/dist/components/Transmission/TransmissionItem.stories.d.ts

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ loading, sender, createdAt, createdAtLabel, badge, title, description, summary, attachments, }: import('./TransmissionItem').TransmissionItemProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        createdAt: string;
+        createdAtLabel: string;
+        sender: {
+            type: "person";
+            name: string;
+        };
+        title: string;
+        description: string;
+        badge: {
+            label: string;
+        };
+        summary: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Attachments: Story;

package/dist/components/Transmission/TransmissionList.js

@@ -2,9 +2,9 @@ import { jsx as o } from "react/jsx-runtime";
 import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
 import { TransmissionItem as e } from "./TransmissionItem.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
 import { ListBase as n } from "../List/ListBase.js";
 const x = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;
 export {

package/dist/components/Transmission/TransmissionList.stories.d.ts

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

package/dist/components/Transmission/TransmissionList.stories.js

@@ -14,7 +14,7 @@ const n = {
         },
         sender: {
           name: "Skatteetaten",
-          type: "Company",
+          type: "company",
           imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
         },
         title: "Leveransen er godkjent, men inneholder feil",

package/dist/components/Transmission/TransmissionSection.js

@@ -4,9 +4,9 @@ import "../Icon/SvgIcon.js";
 import { Toolbar as m } from "../Toolbar/Toolbar.js";
 import { Heading as t } from "../Typography/Heading.js";
 import "react";
+import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { TransmissionList as p } from "./TransmissionList.js";
-import "../Searchbar/AutocompleteBase.js";
 const u = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
   /* @__PURE__ */ o(t, { as: "h2", size: "xs", children: n }),
   i && /* @__PURE__ */ o(m, { ...i }),

package/dist/components/Typography/Typography.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 import { LayoutTheme } from '../Layout';
-export type TypographySize = 'sm' | 'md' | 'lg';
+export type TypographySize = 'xs' | 'sm' | 'md' | 'lg';
 export interface TypographyProps {
     as?: ElementType;
     size?: TypographySize;

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Attachment';
+export * from './Autocomplete';
 export * from './Avatar';
 export * from './Badge';
 export * from './Bookmarks';