@altinn/altinn-components 0.30.3 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/dist/assets/Badge.css +1 -1
  2. package/dist/assets/DialogListItem.css +1 -1
  3. package/dist/assets/DrawerBase.css +1 -1
  4. package/dist/assets/DrawerOrDropdown.css +1 -0
  5. package/dist/assets/DropdownBase.css +1 -1
  6. package/dist/assets/ListItemHeader.css +1 -1
  7. package/dist/assets/MenuItemBase.css +1 -1
  8. package/dist/assets/Transmission.css +1 -0
  9. package/dist/components/Account/AccountList.js +6 -6
  10. package/dist/components/Account/AccountListItem.js +1 -1
  11. package/dist/components/Account/AccountListItemControls.js +1 -1
  12. package/dist/components/Badge/Badge.js +12 -11
  13. package/dist/components/Bookmarks/BookmarksListItem.js +1 -1
  14. package/dist/components/Bookmarks/BookmarksSection.js +1 -1
  15. package/dist/components/Dialog/DialogActivity.js +6 -6
  16. package/dist/components/Dialog/DialogByline.js +1 -1
  17. package/dist/components/Dialog/DialogHeader.js +19 -13
  18. package/dist/components/Dialog/DialogHistory.js +22 -21
  19. package/dist/components/Dialog/DialogHistoryItem.js +6 -39
  20. package/dist/components/Dialog/DialogHistorySegment.js +11 -50
  21. package/dist/components/Dialog/DialogListGroup.js +4 -4
  22. package/dist/components/Dialog/DialogListItem.js +112 -98
  23. package/dist/components/Dialog/DialogMetadata.js +102 -85
  24. package/dist/components/Dialog/SeenByLog.js +4 -4
  25. package/dist/components/Dialog/index.js +8 -10
  26. package/dist/components/Dropdown/DrawerBase.js +15 -17
  27. package/dist/components/Dropdown/DrawerOrDropdown.js +20 -19
  28. package/dist/components/Dropdown/DropdownBase.js +1 -1
  29. package/dist/components/GlobalMenu/GlobalMenu.js +44 -43
  30. package/dist/components/GlobalMenu/GlobalMenuBase.js +7 -7
  31. package/dist/components/Header/Header.js +26 -26
  32. package/dist/components/List/List.js +1 -1
  33. package/dist/components/List/ListItemHeader.js +56 -56
  34. package/dist/components/Menu/MenuItemBase.js +15 -15
  35. package/dist/components/Menu/MenuOption.js +11 -12
  36. package/dist/components/Search/SearchItem.js +2 -2
  37. package/dist/components/Searchbar/AutocompleteItem.js +1 -1
  38. package/dist/components/Searchbar/SuggestListItem.js +1 -1
  39. package/dist/components/Settings/SettingsItem.js +7 -7
  40. package/dist/components/Settings/SettingsList.js +1 -1
  41. package/dist/components/Transmission/Transmission.js +53 -48
  42. package/dist/components/Transmission/TransmissionList.js +2 -2
  43. package/dist/components/Transmission/TransmissionType.js +28 -0
  44. package/dist/components/Transmission/index.js +5 -2
  45. package/dist/components/index.js +345 -344
  46. package/dist/index.js +354 -353
  47. package/dist/types/lib/components/Badge/Badge.d.ts +1 -1
  48. package/dist/types/lib/components/Dialog/DialogHeader.d.ts +9 -3
  49. package/dist/types/lib/components/Dialog/DialogHeader.stories.d.ts +1 -1
  50. package/dist/types/lib/components/Dialog/DialogHistory.d.ts +2 -1
  51. package/dist/types/lib/components/Dialog/DialogHistory.stories.d.ts +3 -7
  52. package/dist/types/lib/components/Dialog/DialogHistoryItem.d.ts +4 -7
  53. package/dist/types/lib/components/Dialog/DialogHistorySegment.d.ts +7 -8
  54. package/dist/types/lib/components/Dialog/DialogListItem.d.ts +13 -35
  55. package/dist/types/lib/components/Dialog/DialogListItem.stories.d.ts +252 -28
  56. package/dist/types/lib/components/Dialog/DialogMetadata.d.ts +7 -5
  57. package/dist/types/lib/components/Dialog/DialogMetadata.stories.d.ts +1 -1
  58. package/dist/types/lib/components/Dialog/index.d.ts +0 -1
  59. package/dist/types/lib/components/Dropdown/DrawerBase.d.ts +1 -3
  60. package/dist/types/lib/components/Forms/Radio.stories.d.ts +1 -0
  61. package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +2 -1
  62. package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +2 -1
  63. package/dist/types/lib/components/GlobalMenu/GlobalMenuBase.d.ts +3 -3
  64. package/dist/types/lib/components/Transmission/Transmission.d.ts +8 -5
  65. package/dist/types/lib/components/Transmission/Transmission.stories.d.ts +5 -3
  66. package/dist/types/lib/components/Transmission/TransmissionList.stories.d.ts +16 -0
  67. package/dist/types/lib/components/Transmission/TransmissionType.d.ts +22 -0
  68. package/dist/types/lib/components/Transmission/index.d.ts +1 -0
  69. package/dist/types/lib/stories/Dialog/Dialog.stories.d.ts +17 -0
  70. package/dist/types/lib/stories/Inbox.stories.d.ts +3 -6
  71. package/package.json +2 -2
  72. package/dist/ArrowDown-DtiYfZHZ.js +0 -25
  73. package/dist/assets/DialogHeading.css +0 -1
  74. package/dist/components/Dialog/DialogHeading.js +0 -18
  75. package/dist/types/lib/components/Dialog/DialogHeading.d.ts +0 -19
  76. package/dist/types/lib/components/Dialog/DialogLayout.stories.d.ts +0 -20
@@ -1,21 +1,23 @@
1
1
  import { TransmissionProps } from '..';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ size, variant, color, title, createdAt, createdAtLabel, badge, sender, summary, attachments, type, children, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;
4
+ component: ({ type, unread, size, color, title, createdAt, createdAtLabel, badge, sender, summary, attachments, children, seenByLog, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;
5
5
  tags: string[];
6
6
  parameters: {};
7
7
  args: {
8
8
  id: string;
9
+ type?: import('./TransmissionType').TransmissionTypeProps;
10
+ unread?: boolean;
11
+ badge?: import('..').BadgeProps;
9
12
  datetime?: string;
10
13
  byline?: React.ReactNode;
11
- badge?: import('..').BadgeProps;
12
14
  createdAt?: string;
13
15
  createdAtLabel?: string;
14
16
  sender?: import('..').AvatarProps;
15
17
  title?: string;
16
18
  summary?: string;
17
19
  attachments?: import('..').AttachmentListProps;
18
- type?: import('./Transmission').TransmissionType;
20
+ seenByLog?: import('..').SeenByLogProps;
19
21
  children?: React.ReactNode | (() => React.ReactElement);
20
22
  border?: import('..').ListItemBorder | undefined;
21
23
  loading?: boolean | undefined;
@@ -0,0 +1,16 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ import { TransmissionListProps } from '..';
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ items }: TransmissionListProps) => import("react/jsx-runtime").JSX.Element | null;
6
+ tags: string[];
7
+ parameters: {};
8
+ args: {
9
+ items: TransmissionListProps["items"];
10
+ };
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof meta>;
14
+ export declare const Default: Story;
15
+ export declare const Outgoing: Story;
16
+ export declare const Incoming: Story;
@@ -0,0 +1,22 @@
1
+ export declare enum TransmissionTypeEnum {
2
+ /** Incoming transmissions */
3
+ information = "information",
4
+ acceptance = "acceptance",
5
+ rejection = "rejection",
6
+ request = "request",
7
+ alert = "alert",
8
+ decision = "decision",
9
+ /** Outgoing transmissions should not display anything */
10
+ submission = "submission",
11
+ correction = "correction"
12
+ }
13
+ export type TransmissionTypeValue = keyof typeof TransmissionTypeEnum;
14
+ export interface TransmissionTypeProps {
15
+ loading?: boolean;
16
+ value?: TransmissionTypeValue;
17
+ label?: string;
18
+ }
19
+ /**
20
+ * Transmission type.
21
+ */
22
+ export declare const TransmissionType: ({ loading, value, label }: TransmissionTypeProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,2 +1,3 @@
1
1
  export * from './Transmission';
2
+ export * from './TransmissionType';
2
3
  export * from './TransmissionList';
@@ -0,0 +1,17 @@
1
+ declare const meta: {
2
+ title: string;
3
+ component: ({ backButton, contextMenu, pageMenu, children }: import('../../components').DialogLayoutProps) => import("react/jsx-runtime").JSX.Element;
4
+ tags: string[];
5
+ parameters: {};
6
+ args: {
7
+ backButton?: import('../../components').BackButtonProps;
8
+ contextMenu?: import('../../components').ContextMenuProps;
9
+ pageMenu?: import('../../components').PageMenuProps;
10
+ children?: React.ReactNode;
11
+ };
12
+ };
13
+ export default meta;
14
+ export declare const TransmissionsHistory: () => import("react/jsx-runtime").JSX.Element;
15
+ export declare const Transmissions: () => import("react/jsx-runtime").JSX.Element;
16
+ export declare const StatusAttention: () => import("react/jsx-runtime").JSX.Element;
17
+ export declare const StatusTransmissions: () => import("react/jsx-runtime").JSX.Element;
@@ -14,9 +14,6 @@ export declare const SentPage: () => import("react/jsx-runtime").JSX.Element;
14
14
  export declare const BookmarksPage: () => import("react/jsx-runtime").JSX.Element;
15
15
  export declare const ArchivePage: () => import("react/jsx-runtime").JSX.Element;
16
16
  export declare const TrashPage: () => import("react/jsx-runtime").JSX.Element;
17
- export declare const Dialog: ({ tabId }: {
18
- tabId?: string | undefined;
19
- }) => import("react/jsx-runtime").JSX.Element;
20
- export declare const DialogInfo: () => import("react/jsx-runtime").JSX.Element;
21
- export declare const DialogActivityLog: () => import("react/jsx-runtime").JSX.Element;
22
- export declare const DialogContact: () => import("react/jsx-runtime").JSX.Element;
17
+ export declare const DialogStatusAttention: () => import("react/jsx-runtime").JSX.Element;
18
+ export declare const DialogStatusTransmissions: () => import("react/jsx-runtime").JSX.Element;
19
+ export declare const DialogTransmissions: () => import("react/jsx-runtime").JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@altinn/altinn-components",
3
- "version": "0.30.3",
3
+ "version": "0.31.0",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist/",
@@ -71,7 +71,7 @@
71
71
  "build": "tsc && vite build",
72
72
  "format": "lint-staged",
73
73
  "lint": "biome check",
74
- "lint:fix": "biome check ./lib --write",
74
+ "lint:fix": "biome check ./ --write",
75
75
  "dev": "vite",
76
76
  "build-storybook": "storybook build",
77
77
  "test-storybook": "test-storybook",
@@ -1,25 +0,0 @@
1
- "use client";
2
- import * as a from "react";
3
- import { forwardRef as i } from "react";
4
- import { u as f } from "./useId-BVFxCjkq.js";
5
- var d = function(t, o) {
6
- var l = {};
7
- for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
8
- if (t != null && typeof Object.getOwnPropertySymbols == "function")
9
- for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
10
- o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
11
- return l;
12
- };
13
- const p = i((t, o) => {
14
- var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
15
- let n = f();
16
- return n = l ? e || "title-" + n : void 0, a.createElement(
17
- "svg",
18
- 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),
19
- l ? a.createElement("title", { id: n }, l) : null,
20
- 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" })
21
- );
22
- });
23
- export {
24
- p as S
25
- };
@@ -1 +0,0 @@
1
- ._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}
@@ -1,18 +0,0 @@
1
- import { jsxs as n, jsx as t } from "react/jsx-runtime";
2
- import "../../index-L8X2o7IH.js";
3
- import "react";
4
- import { Skeleton as l } from "../Skeleton/Skeleton.js";
5
- import { Badge as d } from "../Badge/Badge.js";
6
- import "../RootProvider/RootProvider.js";
7
- import "../Searchbar/AutocompleteBase.js";
8
- import "../Snackbar/useSnackbar.js";
9
- import '../../assets/DialogHeading.css';const p = "_heading_rx9gi_1", c = "_title_rx9gi_7", r = {
10
- heading: p,
11
- title: c
12
- }, u = ({ loading: e, size: s = "sm", seen: a = !1, state: o, badge: i, children: m }) => /* @__PURE__ */ n("div", { className: r.heading, children: [
13
- /* @__PURE__ */ t(l, { loading: e, children: /* @__PURE__ */ t("h2", { className: r.title, "data-seen": a, "data-size": s, "data-state": o, children: m }) }),
14
- !e && i && /* @__PURE__ */ t(d, { ...i })
15
- ] });
16
- export {
17
- u as DialogHeading
18
- };
@@ -1,19 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { BadgeProps, DialogListItemSize, DialogListItemState } from '..';
3
- export type DialogHeadingProps = {
4
- loading?: boolean;
5
- /** Size */
6
- size?: DialogListItemSize;
7
- /** Type */
8
- state?: DialogListItemState;
9
- /** Badge */
10
- badge?: BadgeProps;
11
- /** Variant */
12
- seen?: boolean;
13
- /** Dialog title */
14
- children?: ReactNode;
15
- };
16
- /**
17
- * Dialog heading
18
- */
19
- export declare const DialogHeading: ({ loading, size, seen, state, badge, children }: DialogHeadingProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,20 +0,0 @@
1
- import { StoryObj } from '@storybook/react-vite';
2
- declare const meta: {
3
- title: string;
4
- component: ({ backButton, contextMenu, pageMenu, children }: import('./DialogLayout').DialogLayoutProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- parameters: {};
7
- args: {
8
- backButton?: import('../GlobalMenu').BackButtonProps;
9
- contextMenu?: import('../ContextMenu').ContextMenuProps;
10
- pageMenu?: import('../Page').PageMenuProps;
11
- children?: React.ReactNode;
12
- };
13
- };
14
- export default meta;
15
- type Story = StoryObj<typeof meta>;
16
- export declare const Default: Story;
17
- export declare const RequiresAttention: Story;
18
- export declare const InProgress: Story;
19
- export declare const Completed: Story;
20
- export declare const WithoutStatus: Story;