@altinn/altinn-components 0.30.2 → 0.31.0

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

@@ -1,18 +1,21 @@
 import { ReactElement, ReactNode } from 'react';
-import { AttachmentListProps, AvatarProps, BadgeProps, ListItemProps } from '..';
-export type TransmissionType = 'submission' | 'acceptance' | 'rejection' | 'request' | 'alert' | 'decision' | 'correction';
+import { AttachmentListProps, AvatarProps, BadgeProps, ListItemProps, SeenByLogProps } from '..';
+import { TransmissionTypeProps } from './TransmissionType';
 export interface TransmissionProps extends Omit<ListItemProps, 'children'> {
     id: string;
+    type?: TransmissionTypeProps;
+    unread?: boolean;
+    badge?: BadgeProps;
     datetime?: string;
     byline?: ReactNode;
-    badge?: BadgeProps;
     createdAt?: string;
     createdAtLabel?: string;
     sender?: AvatarProps;
     title?: string;
     summary?: string;
     attachments?: AttachmentListProps;
-    type?: TransmissionType;
+    /** Transmission is seen by the end user or others */
+    seenByLog?: SeenByLogProps;
     children?: ReactNode | (() => ReactElement);
 }
-export declare const Transmission: ({ size, variant, color, title, createdAt, createdAtLabel, badge, sender, summary, attachments, type, children, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Transmission: ({ type, unread, size, color, title, createdAt, createdAtLabel, badge, sender, summary, attachments, children, seenByLog, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;

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/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

@@ -7,14 +7,13 @@ declare const meta: {
     args: {};
 };
 export default meta;
-export declare const Inbox: () => import("react/jsx-runtime").JSX.Element;
-export declare const Search: () => import("react/jsx-runtime").JSX.Element;
-export declare const Drafts: () => import("react/jsx-runtime").JSX.Element;
-export declare const Sent: () => import("react/jsx-runtime").JSX.Element;
-export declare const Bookmarks: () => 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 InboxPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const SearchPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const DraftsPage: () => import("react/jsx-runtime").JSX.Element;
+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 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.2",
+  "version": "0.31.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/Eye-BuhFHkaK.js

@@ -1,25 +0,0 @@
-"use client";
-import * as a from "react";
-import { forwardRef as i } from "react";
-import { u as c } from "./useId-BVFxCjkq.js";
-var f = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.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++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const p = i((t, n) => {
-  var { title: r, titleId: e } = t, l = f(t, ["title", "titleId"]);
-  let o = c();
-  return o = r ? e || "title-" + o : 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: n, "aria-labelledby": o }, l),
-    r ? a.createElement("title", { id: o }, r) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.148 12.317A10 10 0 0 1 3.905 12q.103-.14.243-.317c.35-.438.878-1.025 1.582-1.61C7.136 8.902 9.222 7.75 12 7.75a4.25 4.25 0 0 0 0 8.5c-2.778 0-4.864-1.152-6.27-2.323a11.3 11.3 0 0 1-1.582-1.61M12 16.25a4.25 4.25 0 0 0 0-8.5c2.778 0 4.864 1.152 6.27 2.323A11.3 11.3 0 0 1 20.095 12q-.103.14-.243.317a11.3 11.3 0 0 1-1.582 1.61c-1.406 1.171-3.492 2.323-6.27 2.323m0-10c-3.222 0-5.636 1.343-7.23 2.67a12.8 12.8 0 0 0-1.793 1.826 10 10 0 0 0-.576.796l-.05.08-.011.022a1 1 0 0 0-.037.078c-.012.032-.045.17-.053.278.008.108.041.246.053.278l.037.078.012.022.05.08q.04.069.12.182c.103.152.254.363.455.614.4.5.997 1.163 1.793 1.826 1.594 1.327 4.008 2.67 7.23 2.67s5.636-1.343 7.23-2.67a12.8 12.8 0 0 0 1.793-1.826 10 10 0 0 0 .576-.796l.035-.056.005-.009.01-.015.011-.022.016-.03c.004-.01.015-.033.02-.048.013-.032.046-.17.054-.278a1.4 1.4 0 0 0-.053-.278l-.021-.047q-.012-.024-.016-.031l-.02-.034-.006-.012a4 4 0 0 0-.155-.238 10 10 0 0 0-.456-.614c-.4-.5-.997-1.163-1.793-1.826-1.594-1.327-4.008-2.67-7.23-2.67M9.25 12a2.75 2.75 0 1 1 5.5 0 2.75 2.75 0 0 1-5.5 0", clipRule: "evenodd" })
-  );
-});
-export {
-  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/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/components/Dialog/DialogTouchedBy.js

@@ -1,8 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "react";
-import { AvatarGroup as t } from "../Avatar/AvatarGroup.js";
-const e = ({ loading: m, size: p = "sm", touchedBy: r = [], className: i }) => !(r != null && r.length) || m ? null : /* @__PURE__ */ o(t, { defaultType: "person", items: r, size: p, className: i });
-export {
-  e as DialogTouchedBy
-};

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/DialogTouchedBy.d.ts

@@ -1,11 +0,0 @@
-import { AvatarSize } from '../Avatar';
-export interface DialogTouchedByActor {
-    name: string;
-}
-export interface DialogTouchedByProps {
-    loading?: boolean;
-    size?: AvatarSize;
-    touchedBy?: DialogTouchedByActor[];
-    className?: string;
-}
-export declare const DialogTouchedBy: ({ loading, size, touchedBy, className }: DialogTouchedByProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,15 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ loading, size, touchedBy, className }: import('./DialogTouchedBy').DialogTouchedByProps) => import("react/jsx-runtime").JSX.Element | null;
-    tags: string[];
-    parameters: {};
-    args: {
-        touchedBy: {
-            name: string;
-        }[];
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;