@altinn/altinn-components 0.30.3 → 0.32.0

package/dist/types/lib/components/Transmission/Transmission.stories.d.ts

@@ -1,21 +1,23 @@
 import { TransmissionProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ size, variant, color, title, createdAt, createdAtLabel, badge, sender, summary, attachments, type, children, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ type, unread, size, color, title, createdAt, createdAtLabel, badge, sender, summary, attachments, children, seenByLog, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
         id: string;
+        type?: import('./TransmissionType').TransmissionTypeProps;
+        unread?: boolean;
+        badge?: import('..').BadgeProps;
         datetime?: string;
         byline?: React.ReactNode;
-        badge?: import('..').BadgeProps;
         createdAt?: string;
         createdAtLabel?: string;
         sender?: import('..').AvatarProps;
         title?: string;
         summary?: string;
         attachments?: import('..').AttachmentListProps;
-        type?: import('./Transmission').TransmissionType;
+        seenByLog?: import('..').SeenByLogProps;
         children?: React.ReactNode | (() => React.ReactElement);
         border?: import('..').ListItemBorder | undefined;
         loading?: boolean | undefined;

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react-vite';
+import { TransmissionListProps } from '..';
+declare const meta: {
+    title: string;
+    component: ({ items }: TransmissionListProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {};
+    args: {
+        items: TransmissionListProps["items"];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Outgoing: Story;
+export declare const Incoming: Story;

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

@@ -0,0 +1,22 @@
+export declare enum TransmissionTypeEnum {
+    /** Incoming transmissions */
+    information = "information",
+    acceptance = "acceptance",
+    rejection = "rejection",
+    request = "request",
+    alert = "alert",
+    decision = "decision",
+    /** Outgoing transmissions should not display anything */
+    submission = "submission",
+    correction = "correction"
+}
+export type TransmissionTypeValue = keyof typeof TransmissionTypeEnum;
+export interface TransmissionTypeProps {
+    loading?: boolean;
+    value?: TransmissionTypeValue;
+    label?: string;
+}
+/**
+ * Transmission type.
+ */
+export declare const TransmissionType: ({ loading, value, label }: TransmissionTypeProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,2 +1,3 @@
 export * from './Transmission';
+export * from './TransmissionType';
 export * from './TransmissionList';

package/dist/types/lib/components/index.d.ts

@@ -38,4 +38,5 @@ export * from './Settings';
 export * from './Dashboard';
 export * from './ActivityLog';
 export * from './Article';
+export * from './Modal';
 export * from './DsComponents';

package/dist/types/lib/stories/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,17 @@
+declare const meta: {
+    title: string;
+    component: ({ backButton, contextMenu, pageMenu, children }: import('../../components').DialogLayoutProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        backButton?: import('../../components').BackButtonProps;
+        contextMenu?: import('../../components').ContextMenuProps;
+        pageMenu?: import('../../components').PageMenuProps;
+        children?: React.ReactNode;
+    };
+};
+export default meta;
+export declare const TransmissionsHistory: () => import("react/jsx-runtime").JSX.Element;
+export declare const Transmissions: () => import("react/jsx-runtime").JSX.Element;
+export declare const StatusAttention: () => import("react/jsx-runtime").JSX.Element;
+export declare const StatusTransmissions: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/stories/Inbox.stories.d.ts

@@ -14,9 +14,6 @@ export declare const SentPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const BookmarksPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const ArchivePage: () => import("react/jsx-runtime").JSX.Element;
 export declare const TrashPage: () => import("react/jsx-runtime").JSX.Element;
-export declare const Dialog: ({ tabId }: {
-    tabId?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const DialogInfo: () => import("react/jsx-runtime").JSX.Element;
-export declare const DialogActivityLog: () => import("react/jsx-runtime").JSX.Element;
-export declare const DialogContact: () => import("react/jsx-runtime").JSX.Element;
+export declare const DialogStatusAttention: () => import("react/jsx-runtime").JSX.Element;
+export declare const DialogStatusTransmissions: () => import("react/jsx-runtime").JSX.Element;
+export declare const DialogTransmissions: () => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.30.3",
+  "version": "0.32.0",
   "main": "dist/index.js",
   "files": [
     "dist/",
@@ -71,7 +71,7 @@
     "build": "tsc && vite build",
     "format": "lint-staged",
     "lint": "biome check",
-    "lint:fix": "biome check ./lib --write",
+    "lint:fix": "biome check ./ --write",
     "dev": "vite",
     "build-storybook": "storybook build",
     "test-storybook": "test-storybook",

package/dist/ArrowDown-DtiYfZHZ.js

@@ -1,25 +0,0 @@
-"use client";
-import * as a from "react";
-import { forwardRef as i } from "react";
-import { u as f } from "./useId-BVFxCjkq.js";
-var d = function(t, o) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
-  return l;
-};
-const p = i((t, o) => {
-  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
-  let n = f();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
-    a.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
-  );
-});
-export {
-  p as S
-};

package/dist/DialogActivityLog-BoPREh7Y.js

@@ -1,37 +0,0 @@
-"use client";
-import { jsx as n } from "react/jsx-runtime";
-import "./index-L8X2o7IH.js";
-import * as a from "react";
-import { forwardRef as m } from "react";
-import "./components/RootProvider/RootProvider.js";
-import "./components/Searchbar/AutocompleteBase.js";
-import "./components/Snackbar/useSnackbar.js";
-import { MetaItem as c } from "./components/Metadata/MetaItem.js";
-import { u as f } from "./useId-BVFxCjkq.js";
-var d = function(t, o) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      o.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const p = m((t, o) => {
-  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
-  let i = f();
-  return i = r ? e || "title-" + i : void 0, a.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": i }, l),
-    r ? a.createElement("title", { id: i }, r) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
-  );
-}), h = ({
-  size: t = "xs",
-  label: o = "Activity log",
-  onClick: r,
-  ...e
-}) => /* @__PURE__ */ n(c, { ...e, size: t, icon: p, children: o });
-export {
-  h as D,
-  p as S
-};

package/dist/assets/DialogHeading.css

@@ -1 +0,0 @@
-._heading_rx9gi_1{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_rx9gi_7{line-height:1.25;font-weight:600;margin:0}._title_rx9gi_7[data-size=xs],._title_rx9gi_7[data-size=sm]{font-size:1rem}._title_rx9gi_7[data-size=md],._title_rx9gi_7[data-size=lg],._title_rx9gi_7[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_rx9gi_7[data-size=md]{font-size:1rem}._title_rx9gi_7[data-size=lg],._title_rx9gi_7[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_rx9gi_7[data-seen=true],._title_rx9gi_7[data-state=archived]{font-weight:400}._title_rx9gi_7[data-state=trashed]{font-weight:400;text-decoration:line-through}

package/dist/components/Dialog/DialogActivity.js

@@ -1,32 +0,0 @@
-import { jsx as m, jsxs as n } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "react";
-import { Byline as e } from "../Byline/Byline.js";
-import "../RootProvider/RootProvider.js";
-import { TimelineBase as h } from "../Timeline/TimelineBase.js";
-import { TransmissionList as g } from "../Transmission/TransmissionList.js";
-import { Typography as c } from "../Typography/Typography.js";
-import "../Searchbar/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import { Section as x } from "../Page/Section.js";
-import { S } from "../../CircleFill-BkDF4Wm0.js";
-const y = ({
-  icon: p = S,
-  color: l = "neutral",
-  size: s = "sm",
-  createdBy: i,
-  createdAt: f,
-  createdAtLabel: o,
-  description: r,
-  transmissions: t
-}) => /* @__PURE__ */ m(h, { color: l, icon: s === "md" ? i : p, children: /* @__PURE__ */ n(x, { style: { marginBottom: ".5em" }, children: [
-  o && /* @__PURE__ */ n(e, { datetime: f, children: [
-    /* @__PURE__ */ m("strong", { children: i == null ? void 0 : i.name }),
-    o
-  ] }),
-  r && /* @__PURE__ */ m(c, { children: r }),
-  t && /* @__PURE__ */ m(g, { items: t })
-] }) });
-export {
-  y as DialogActivity
-};

package/dist/components/Dialog/DialogHeading.js

@@ -1,18 +0,0 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "react";
-import { Skeleton as l } from "../Skeleton/Skeleton.js";
-import { Badge as d } from "../Badge/Badge.js";
-import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogHeading.css';const p = "_heading_rx9gi_1", c = "_title_rx9gi_7", r = {
-  heading: p,
-  title: c
-}, u = ({ loading: e, size: s = "sm", seen: a = !1, state: o, badge: i, children: m }) => /* @__PURE__ */ n("div", { className: r.heading, children: [
-  /* @__PURE__ */ t(l, { loading: e, children: /* @__PURE__ */ t("h2", { className: r.title, "data-seen": a, "data-size": s, "data-state": o, children: m }) }),
-  !e && i && /* @__PURE__ */ t(d, { ...i })
-] });
-export {
-  u as DialogHeading
-};

package/dist/types/lib/components/Dialog/DialogActivity.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-import { AvatarProps, BadgeProps, Color, SvgElement, TransmissionProps } from '..';
-export interface DialogActivityBadge {
-    label?: string;
-    value?: string;
-}
-export type DialogActivitySize = 'sm' | 'md';
-export interface DialogActivityProps {
-    type?: string;
-    size?: DialogActivitySize;
-    icon?: SvgElement;
-    color?: Color;
-    badge?: BadgeProps;
-    createdAt?: string;
-    createdAtLabel?: string;
-    createdBy?: AvatarProps;
-    description?: string | ReactNode;
-    transmissions?: TransmissionProps[];
-    collapsed?: boolean;
-    children?: ReactNode;
-}
-export declare const DialogActivity: ({ icon, color, size, createdBy, createdAt, createdAtLabel, description, transmissions, }: DialogActivityProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogHeading.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from 'react';
-import { BadgeProps, DialogListItemSize, DialogListItemState } from '..';
-export type DialogHeadingProps = {
-    loading?: boolean;
-    /** Size */
-    size?: DialogListItemSize;
-    /** Type */
-    state?: DialogListItemState;
-    /** Badge */
-    badge?: BadgeProps;
-    /** Variant */
-    seen?: boolean;
-    /** Dialog title */
-    children?: ReactNode;
-};
-/**
- * Dialog heading
- */
-export declare const DialogHeading: ({ loading, size, seen, state, badge, children }: DialogHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogLayout.stories.d.ts

@@ -1,20 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ backButton, contextMenu, pageMenu, children }: import('./DialogLayout').DialogLayoutProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {
-        backButton?: import('../GlobalMenu').BackButtonProps;
-        contextMenu?: import('../ContextMenu').ContextMenuProps;
-        pageMenu?: import('../Page').PageMenuProps;
-        children?: React.ReactNode;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const RequiresAttention: Story;
-export declare const InProgress: Story;
-export declare const Completed: Story;
-export declare const WithoutStatus: Story;

package/dist/types/lib/components/Dialog/DialogListItem.stories.d.ts

@@ -1,36 +0,0 @@
-import { Meta } from '@storybook/react-vite';
-import { DialogListItem, DialogListItemProps } from '..';
-declare const meta: Meta<typeof DialogListItem>;
-export default meta;
-export declare const Default: {
-    render: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-    args: {};
-};
-export declare const GroupedAvatars: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SeenVsUnseen: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SeenBy: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const InboxStatuses: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DraftAndSent: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ArchivedAndTrashed: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Statuses: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element[];
-declare const Loading: {
-    (args: DialogListItemProps): import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        tags: string[];
-    };
-};
-export { Loading };
-export declare const Variants: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DueAt: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Attachments: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TextLength: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Selectable: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element[];
-export declare const Sizes: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element[];
-export declare const AsLink: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomControls: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TransmissionsUnseen: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TransmissionsSeen: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TransmissionsWithSummary: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DraftDialog: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MultipleDrafts: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const StatusAndDraft: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;