@altinn/altinn-components 0.9.1 → 0.10.0

package/dist/components/Toolbar/ToolbarSearch.js

@@ -4,8 +4,8 @@ import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import "../RootProvider/RootProvider.js";
 import { IconButton as m } from "../Button/IconButton.js";
+import "../RootProvider/RootProvider.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,

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

@@ -1,7 +1,9 @@
-import { AttachmentSectionProps } from '../Attachment';
 import { AvatarProps } from '../Avatar';
 import { BadgeProps } from '../Badge';
+import { DialogAttachmentsProps } from '../Dialog';
+import { TransmissionTypeProps } from './TransmissionType';
 export interface TransmissionItemProps {
+    type?: TransmissionTypeProps;
     loading?: boolean;
     expanded?: boolean;
     sender: AvatarProps;
@@ -11,6 +13,6 @@ export interface TransmissionItemProps {
     title?: string;
     description?: string | undefined;
     summary?: string;
-    attachments?: AttachmentSectionProps;
+    attachments?: DialogAttachmentsProps;
 }
-export declare const TransmissionItem: ({ loading, sender, createdAt, createdAtLabel, badge, title, description, summary, attachments, }: TransmissionItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TransmissionItem: ({ type, loading, sender, createdAt, createdAtLabel, title, description, summary, attachments, }: TransmissionItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Transmission/TransmissionItem.js

@@ -1,53 +1,66 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import { useState as s } from "react";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { useState as v } 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 "../RootProvider/RootProvider.js";
-import { ListItem as u } from "../List/ListItem.js";
-import '../../assets/TransmissionItem.css';const v = "_body_1m345_1", z = {
-  body: v
+import { ListItem as b } from "../List/ListItem.js";
+import { MetaTimestamp as z } from "../Meta/MetaTimestamp.js";
+import { DialogAttachments as I } from "../Dialog/DialogAttachments.js";
+import '../../assets/TransmissionItem.css';const T = "_body_1m345_1", k = {
+  body: T
 }, N = ({
-  loading: c,
+  type: i,
+  loading: g,
   sender: o,
-  createdAt: p,
-  createdAtLabel: l,
-  badge: r,
-  title: n,
-  description: g,
-  summary: h,
-  attachments: a
+  createdAt: t,
+  createdAtLabel: h,
+  title: r,
+  description: c,
+  summary: s,
+  attachments: n
 }) => {
-  const [t, y] = s(!1);
-  return /* @__PURE__ */ i(
-    u,
+  const [m, f] = v(!1), p = () => {
+    f((u) => !u);
+  };
+  return (i == null ? void 0 : i.value) === "draft" ? /* @__PURE__ */ a(
+    b,
     {
       as: "button",
-      expanded: t,
-      onClick: () => {
-        y((f) => !f);
-      },
+      color: "transparent",
+      variant: "dotted",
+      size: "sm",
+      icon: "pencil",
+      title: r,
+      description: c,
+      badge: { label: i == null ? void 0 : i.label },
+      linkIcon: "chevron-right"
+    }
+  ) : /* @__PURE__ */ a(
+    b,
+    {
+      as: "button",
+      expanded: m,
+      onClick: p,
       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
+      title: r,
+      description: m ? "" : c,
+      badge: { label: i == null ? void 0 : i.label },
+      linkIcon: m ? "chevron-down" : "chevron-up",
+      children: m && /* @__PURE__ */ l("div", { className: k.body, children: [
+        t && /* @__PURE__ */ l(z, { loading: g, datetime: t, size: "xs", children: [
+          o && /* @__PURE__ */ a("strong", { children: (o == null ? void 0 : o.name) + ", " }),
+          h
         ] }),
-        /* @__PURE__ */ m(x, { size: "lg", children: [
-          /* @__PURE__ */ i("p", { children: h }),
-          a && /* @__PURE__ */ i(b, { ...a })
+        /* @__PURE__ */ l(x, { size: "lg", children: [
+          /* @__PURE__ */ a("p", { children: s }),
+          n && /* @__PURE__ */ a(I, { ...n })
         ] })
       ] })
     }

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

@@ -1,7 +1,7 @@
 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;
+    component: ({ type, loading, sender, createdAt, createdAtLabel, title, description, summary, attachments, }: import('./TransmissionItem').TransmissionItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/components/Transmission/TransmissionList.js

@@ -3,8 +3,8 @@ 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 { TransmissionItem as e } from "./TransmissionItem.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

@@ -5,49 +5,7 @@ declare const meta: {
     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;
-                }[];
-            };
-        })[];
+        items: import('./TransmissionItem').TransmissionItemProps[];
     };
 };
 export default meta;

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

@@ -1,63 +1,27 @@
-import { TransmissionList as e } from "./TransmissionList.js";
-const n = {
+import "../../examples/globalMenu.js";
+import "../../examples/inboxFilters.js";
+import "react/jsx-runtime";
+import "react";
+import { transmissionList as t } from "../../examples/dialog/transmissionList.js";
+import "../../examples/dialog/reportingDraftDialog.js";
+import "../../examples/dialog/reportingInProgressDialog.js";
+import "../../examples/dialog/reportingCompletedDialog.js";
+import "../../examples/dialog/transmissionsTimeline.js";
+import "../../examples/dialog/transmissionsInProgressDialog.js";
+import "../../examples/dialog/transmissionsCompletedDialog.js";
+import { TransmissionList as i } from "./TransmissionList.js";
+const u = {
   title: "Transmission/TransmissionList",
-  component: e,
+  component: i,
   tags: ["autodocs"],
   parameters: {},
   args: {
-    items: [
-      {
-        createdAt: "2024-09-22 13:34",
-        createdAtLabel: "22. september 2024 kl 13.34",
-        badge: {
-          label: "Godkjent, med feil"
-        },
-        sender: {
-          name: "Skatteetaten",
-          type: "company",
-          imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
-        },
-        title: "Leveransen er godkjent, men inneholder feil",
-        description: "22. sept 11.10",
-        summary: "Leveransen er godkjent, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding og feilliste under.",
-        attachments: {
-          title: "6 vedlegg",
-          items: [
-            {
-              href: "#",
-              label: "Feilliste.pdf"
-            }
-          ]
-        }
-      },
-      {
-        createdAt: "2004-09-09 11:05",
-        createdAtLabel: "22. september 2024 kl 11.05",
-        sender: {
-          name: "Eirik Horneland"
-        },
-        badge: {
-          label: "Sendt inn"
-        },
-        title: "Tredjepartsopplysninger ble sendt inn",
-        description: "22. sept 11.05",
-        summary: "Dere får tilbakemelding om en kort stund.",
-        attachments: {
-          title: "1 vedlegg",
-          items: [
-            {
-              href: "#",
-              label: "Innsendte opplysninger.pdf"
-            }
-          ]
-        }
-      }
-    ]
+    items: t
   }
-}, a = {
+}, L = {
   args: {}
 };
 export {
-  a as Default,
-  n as default
+  L as Default,
+  u as default
 };

package/dist/components/Transmission/TransmissionType.d.ts

@@ -0,0 +1,26 @@
+import { BadgeSize } from '../Badge';
+export declare enum TransmissionTypeEnum {
+    /** Used to indicate a user-initiated transmission not yet sent. */
+    draft = "draft",
+    /** Transmissions submitted by an end user. */
+    submission = "submission",
+    /** User submitted correction. */
+    correction = "correction",
+    /** The transmission has been accepted. */
+    acceptance = "acceptance",
+    /** The transmission has been rejected. */
+    rejection = "Rejection",
+    /** The transmission is an elert. */
+    alert = "Alert"
+}
+export type TransmissionTypeValue = keyof typeof TransmissionTypeEnum;
+export interface TransmissionTypeProps {
+    loading?: boolean;
+    size?: BadgeSize;
+    value?: TransmissionTypeValue;
+    label?: string;
+}
+/**
+ * Transmission type.
+ */
+export declare const TransmissionType: ({ loading, size, label }: TransmissionTypeProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Transmission/TransmissionType.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Badge as o } from "../Badge/Badge.js";
+var a = /* @__PURE__ */ ((r) => (r.draft = "draft", r.submission = "submission", r.correction = "correction", r.acceptance = "acceptance", r.rejection = "Rejection", r.alert = "Alert", r))(a || {});
+const d = ({ loading: r, size: t = "sm", label: c }) => r ? null : /* @__PURE__ */ e(o, { size: t, children: c });
+export {
+  d as TransmissionType,
+  a as TransmissionTypeEnum
+};

package/dist/components/Transmission/index.d.ts

@@ -1,3 +1,2 @@
 export * from './TransmissionItem';
 export * from './TransmissionList';
-export * from './TransmissionSection';

package/dist/components/Transmission/index.js

@@ -1,8 +1,6 @@
 import { TransmissionItem as r } from "./TransmissionItem.js";
 import { TransmissionList as m } from "./TransmissionList.js";
-import { TransmissionSection as t } from "./TransmissionSection.js";
 export {
   r as TransmissionItem,
-  m as TransmissionList,
-  t as TransmissionSection
+  m as TransmissionList
 };

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

@@ -1,10 +1,12 @@
 import { ReactNode } from 'react';
 export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg';
+export type HeadingWeight = 'normal' | 'medium' | 'bold';
 export type HeadingComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export interface HeadingProps {
     as?: HeadingComponent;
     size?: HeadingSize;
+    weight?: HeadingWeight;
     className?: string;
     children?: ReactNode;
 }
-export declare const Heading: ({ as, size, className, children }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Heading: ({ as, size, weight, className, children }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Heading.js

@@ -1,8 +1,8 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../index-L8X2o7IH.js";
-import '../../assets/Heading.css';const i = "_heading_1ay9p_1", c = {
-  heading: i
-}, g = ({ as: a = "h2", size: s = "md", className: e, children: n }) => /* @__PURE__ */ t(a, { className: o(c.heading, e), "data-size": s, children: n });
+import { jsx as n } from "react/jsx-runtime";
+import { c as d } from "../../index-L8X2o7IH.js";
+import '../../assets/Heading.css';const o = "_heading_15ax1_1", m = {
+  heading: o
+}, h = ({ as: a = "h2", size: e = "md", weight: t = "medium", className: s, children: i }) => /* @__PURE__ */ n(a, { className: d(m.heading, s), "data-size": e, "data-weight": t, children: i });
 export {
-  g as Heading
+  h as Heading
 };

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

@@ -1,10 +1,10 @@
 import { ElementType, ReactNode } from 'react';
-import { LayoutTheme } from '../Layout';
+export type TypographyTheme = 'inherit' | 'neutral' | 'company' | 'person' | 'article';
 export type TypographySize = 'xs' | 'sm' | 'md' | 'lg';
 export interface TypographyProps {
     as?: ElementType;
     size?: TypographySize;
-    theme?: LayoutTheme;
+    theme?: TypographyTheme;
     className?: string;
     children?: ReactNode;
     href?: string;

package/dist/components/Typography/Typography.js

@@ -1,9 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
-import '../../assets/Typography.css';const s = "_typography_rbtyp_1", n = "_item_rbtyp_7", c = {
-  typography: s,
-  item: n
-}, g = ({ as: t = "div", size: o = "md", theme: p, className: r, children: y, ...a }) => /* @__PURE__ */ e(t, { className: m(c.typography, r), "data-size": o, "data-theme": p, ...a, children: y });
+import { jsx as m } from "react/jsx-runtime";
+import { c as s } from "../../index-L8X2o7IH.js";
+import '../../assets/Typography.css';const n = "_typography_19j8u_1", y = "_item_19j8u_7", i = {
+  typography: n,
+  item: y
+}, g = ({
+  as: t = "div",
+  size: o = "md",
+  theme: p = "inherit",
+  className: e,
+  children: r,
+  ...a
+}) => /* @__PURE__ */ m(t, { className: s(i.typography, e), "data-size": o, "data-theme": p, ...a, children: r });
 export {
   g as Typography
 };

package/dist/components/index.d.ts

@@ -4,13 +4,13 @@ export * from './Avatar';
 export * from './Badge';
 export * from './Bookmarks';
 export * from './Button';
+export * from './Byline';
 export * from './ContextMenu';
 export * from './Dialog';
 export * from './Dropdown';
 export * from './Footer';
 export * from './GlobalMenu';
 export * from './Header';
-export * from './History';
 export * from './Icon';
 export * from './Layout';
 export * from './LayoutAction';
@@ -20,8 +20,12 @@ export * from './Meta';
 export * from './RootProvider';
 export * from './Searchbar';
 export * from './Snackbar';
+export * from './Skeleton';
+export * from './Timeline';
 export * from './Toolbar';
 export * from './Page';
 export * from './Transmission';
 export * from './Typography';
 export * from './ResourceList';
+export * from './AccessAreaList';
+export * from './AccessPackageList';