@altinn/altinn-components 0.7.5 → 0.8.1
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.
- package/dist/Autocomplete-Cb9fQrzy.js +367 -0
- package/dist/assets/Autocomplete.css +1 -1
- package/dist/assets/Heading.css +1 -1
- package/dist/assets/HistoryItemBase.css +1 -0
- package/dist/assets/HistoryItemMedia.css +1 -0
- package/dist/assets/ListBase.css +1 -1
- package/dist/assets/ListItemBase.css +1 -1
- package/dist/assets/ListItemLabel.css +1 -1
- package/dist/assets/MetaBase.css +1 -1
- package/dist/assets/MetaItemBase.css +1 -1
- package/dist/assets/MetaItemLabel.css +1 -1
- package/dist/assets/QueryLabel.css +1 -1
- package/dist/assets/TransmissionItem.css +1 -0
- package/dist/components/Attachment/AttachmentLink.d.ts +3 -1
- package/dist/components/Attachment/AttachmentLink.js +11 -10
- package/dist/components/Attachment/AttachmentLink.stories.js +3 -3
- package/dist/components/Attachment/AttachmentList.js +6 -7
- package/dist/components/Attachment/AttachmentList.stories.js +1 -1
- package/dist/components/Attachment/AttachmentSection.d.ts +6 -0
- package/dist/components/Attachment/AttachmentSection.js +12 -0
- package/dist/components/{Dialog/DialogAttachments.stories.js → Attachment/AttachmentSection.stories.js} +3 -3
- package/dist/components/Attachment/index.d.ts +1 -0
- package/dist/components/Attachment/index.js +5 -3
- package/dist/components/Bookmarks/BookmarksList.d.ts +1 -3
- package/dist/components/Bookmarks/BookmarksList.js +6 -6
- package/dist/components/Bookmarks/BookmarksList.stories.js +59 -0
- package/dist/components/Bookmarks/BookmarksListItem.d.ts +2 -2
- package/dist/components/Bookmarks/BookmarksListItem.js +1 -1
- package/dist/components/Bookmarks/BookmarksListItem.stories.js +1 -2
- package/dist/components/Bookmarks/BookmarksSection.js +20 -0
- package/dist/components/Bookmarks/BookmarksSection.stories.js +61 -0
- package/dist/components/Bookmarks/QueryLabel.js +10 -10
- package/dist/components/Bookmarks/index.js +1 -1
- package/dist/components/Button/Buttons.stories.js +1 -1
- package/dist/components/ContextMenu/ContextMenu.js +1 -1
- package/dist/components/ContextMenu/ContextMenu.stories.js +1 -1
- package/dist/components/ContextMenu/ContextMenuBase.js +1 -1
- package/dist/components/ContextMenu/index.js +1 -1
- package/dist/components/Dialog/Dialog.d.ts +7 -4
- package/dist/components/Dialog/Dialog.js +34 -28
- package/dist/components/Dialog/Dialog.stories.js +183 -16
- package/dist/components/Dialog/DialogActions.js +1 -1
- package/dist/components/Dialog/DialogActivityLog.d.ts +1 -1
- package/dist/components/Dialog/DialogActivityLog.js +7 -2
- package/dist/components/Dialog/DialogGroup.js +5 -5
- package/dist/components/Dialog/DialogHeadings.stories.js +8 -8
- package/dist/components/Dialog/DialogHistory.js +5 -3
- package/dist/components/Dialog/DialogList.js +1 -1
- package/dist/components/Dialog/DialogListItem.d.ts +11 -5
- package/dist/components/Dialog/DialogListItem.js +5 -6
- package/dist/components/Dialog/DialogListItem.stories.js +1 -1
- package/dist/components/Dialog/DialogMetadata.stories.js +3 -3
- package/dist/components/Dialog/DialogNav.js +1 -1
- package/dist/components/Dialog/DialogNav.stories.js +1 -1
- package/dist/components/Dialog/DialogSeenBy.d.ts +1 -1
- package/dist/components/Dialog/DialogSeenBy.js +7 -6
- package/dist/components/Dialog/DialogSeenBy.stories.js +5 -5
- package/dist/components/Dialog/DialogStatus.stories.js +1 -1
- package/dist/components/Dialog/DialogTouchedBy.stories.js +1 -1
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/Dropdown/DrawerButton.js +1 -1
- package/dist/components/Dropdown/DrawerOrDropdown.js +1 -1
- package/dist/components/GlobalMenu/AccountButton.js +1 -1
- package/dist/components/GlobalMenu/AccountMenu.js +1 -1
- package/dist/components/GlobalMenu/BackButton.js +1 -1
- package/dist/components/GlobalMenu/GlobalMenu.js +1 -1
- package/dist/components/Header/HeaderBase.js +1 -1
- package/dist/components/History/HistoryItem.d.ts +10 -10
- package/dist/components/History/HistoryItem.js +35 -39
- package/dist/components/History/HistoryItem.stories.js +53 -2
- package/dist/components/History/HistoryItemBase.d.ts +13 -0
- package/dist/components/History/HistoryItemBase.js +36 -0
- package/dist/components/History/HistoryItemBase.stories.js +48 -0
- package/dist/components/History/HistoryItemMedia.d.ts +9 -0
- package/dist/components/History/HistoryItemMedia.js +15 -0
- package/dist/components/History/HistoryList.stories.js +123 -26
- package/dist/components/History/HistoryMetadata.d.ts +11 -0
- package/dist/components/History/HistoryMetadata.js +32 -0
- package/dist/components/History/index.d.ts +1 -0
- package/dist/components/History/index.js +4 -2
- package/dist/components/Layout/Layout.js +1 -1
- package/dist/components/Layout/Layout.stories.js +10 -10
- package/dist/components/LayoutAction/ActionMenu.js +1 -1
- package/dist/components/List/List.js +4 -4
- package/dist/components/List/List.stories.js +1 -1
- package/dist/components/List/ListBase.d.ts +6 -2
- package/dist/components/List/ListBase.js +5 -5
- package/dist/components/List/ListItem.d.ts +8 -8
- package/dist/components/List/ListItem.js +2 -4
- package/dist/components/List/ListItem.stories.js +26 -25
- package/dist/components/List/ListItemBase.d.ts +4 -12
- package/dist/components/List/ListItemBase.js +30 -64
- package/dist/components/List/ListItemControls.js +2 -2
- package/dist/components/List/ListItemHeader.d.ts +35 -2
- package/dist/components/List/ListItemHeader.js +7 -29
- package/dist/components/List/ListItemHeader.stories.js +248 -0
- package/dist/components/List/ListItemLabel.js +7 -6
- package/dist/components/List/ListItemMenu.d.ts +8 -0
- package/dist/components/List/ListItemMenu.js +5 -0
- package/dist/components/List/index.js +14 -15
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/MenuItem.stories.js +1 -1
- package/dist/components/Menu/MenuItems.js +1 -1
- package/dist/components/Menu/MenuItems.stories.js +1 -1
- package/dist/components/Menu/MenuSearch.js +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Meta/MetaBase.js +3 -3
- package/dist/components/Meta/MetaItem.d.ts +2 -0
- package/dist/components/Meta/MetaItemBase.js +11 -11
- package/dist/components/Meta/MetaItemLabel.js +3 -3
- package/dist/components/Page/PageHeader.js +2 -2
- package/dist/components/Searchbar/Autocomplete.js +1 -1
- package/dist/components/Searchbar/Autocomplete.stories.js +1 -1
- package/dist/components/Searchbar/AutocompleteItem.js +2 -2
- package/dist/components/Searchbar/ScopeListItem.d.ts +2 -2
- package/dist/components/Searchbar/ScopeListItem.js +1 -1
- package/dist/components/Searchbar/Searchbar.js +1 -1
- package/dist/components/Toolbar/ToolbarAdd.js +8 -8
- package/dist/components/Toolbar/ToolbarDaterange.d.ts +13 -0
- package/dist/components/Toolbar/ToolbarDaterange.js +24 -15
- package/dist/components/Toolbar/ToolbarFilter.js +7 -7
- package/dist/components/Toolbar/ToolbarMenu.js +8 -8
- package/dist/components/Toolbar/ToolbarOptions.js +1 -1
- package/dist/components/Toolbar/ToolbarSearch.js +1 -1
- package/dist/components/Toolbar/index.d.ts +3 -0
- package/dist/components/Toolbar/index.js +12 -6
- package/dist/components/Transmission/TransmissionItem.d.ts +16 -0
- package/dist/components/Transmission/TransmissionItem.js +59 -0
- package/dist/components/Transmission/TransmissionItem.stories.js +56 -0
- package/dist/components/Transmission/TransmissionList.d.ts +6 -0
- package/dist/components/Transmission/TransmissionList.js +12 -0
- package/dist/components/Transmission/TransmissionList.stories.js +63 -0
- package/dist/components/Transmission/TransmissionSection.d.ts +8 -0
- package/dist/components/Transmission/TransmissionSection.js +17 -0
- package/dist/components/Transmission/TransmissionSection.stories.js +184 -0
- package/dist/components/Transmission/index.d.ts +3 -0
- package/dist/components/Transmission/index.js +8 -0
- package/dist/components/Typography/Heading.d.ts +1 -1
- package/dist/components/Typography/Heading.js +3 -3
- package/dist/components/Typography/Typography.d.ts +2 -1
- package/dist/components/Typography/Typography.js +7 -7
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +246 -231
- package/dist/index.js +252 -237
- package/package.json +1 -1
- package/dist/Autocomplete-hEFuiN2u.js +0 -287
- package/dist/assets/HistoryItem.css +0 -1
- package/dist/assets/ListItemHeader.css +0 -1
- package/dist/components/Dialog/DialogAttachments.d.ts +0 -6
- package/dist/components/Dialog/DialogAttachments.js +0 -13
- package/dist/components/Dialog/Examples.stories.js +0 -31
- package/dist/components/History/HistoryAttachments.d.ts +0 -6
- package/dist/components/History/HistoryAttachments.js +0 -12
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { BookmarksList as t } from "./BookmarksList.js";
|
|
2
|
+
const a = {
|
|
3
|
+
title: "Bookmarks/BookmarksList",
|
|
4
|
+
component: t,
|
|
5
|
+
tags: ["autodocs"],
|
|
6
|
+
parameters: {},
|
|
7
|
+
args: {
|
|
8
|
+
items: [
|
|
9
|
+
{
|
|
10
|
+
id: "bookmark-1",
|
|
11
|
+
title: "Mitt eget søk",
|
|
12
|
+
params: [
|
|
13
|
+
{ type: "search", label: "Skatt" },
|
|
14
|
+
{ type: "filter", label: "Under arbeid" }
|
|
15
|
+
]
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
id: "bookmark-2",
|
|
19
|
+
params: [
|
|
20
|
+
{ type: "search", label: "Skatt" },
|
|
21
|
+
{ type: "filter", label: "Under arbeid" }
|
|
22
|
+
]
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
id: "bookmark-3",
|
|
26
|
+
params: [
|
|
27
|
+
{ type: "filter", label: "Brønnøysundregistrene" },
|
|
28
|
+
{ type: "filter", label: "Krever handling" }
|
|
29
|
+
]
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
}, s = {
|
|
34
|
+
args: {}
|
|
35
|
+
}, i = {
|
|
36
|
+
args: {
|
|
37
|
+
items: a.args.items.map((e) => ({
|
|
38
|
+
...e,
|
|
39
|
+
menu: {
|
|
40
|
+
id: [e.id, "menu"].join("-"),
|
|
41
|
+
items: [
|
|
42
|
+
{
|
|
43
|
+
icon: "pencil",
|
|
44
|
+
title: "Rediger søk"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
icon: "trash",
|
|
48
|
+
title: "Slett søk"
|
|
49
|
+
}
|
|
50
|
+
]
|
|
51
|
+
}
|
|
52
|
+
}))
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
export {
|
|
56
|
+
s as Default,
|
|
57
|
+
i as WithContextMenu,
|
|
58
|
+
a as default
|
|
59
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ListItemInputProps } from '..';
|
|
2
2
|
import { QueryItemProps } from './QueryLabel';
|
|
3
|
-
export interface BookmarksListItemProps extends
|
|
3
|
+
export interface BookmarksListItemProps extends ListItemInputProps {
|
|
4
4
|
id: string;
|
|
5
5
|
/** Optional title */
|
|
6
6
|
title?: string;
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../../index-L8X2o7IH.js";
|
|
3
3
|
import "../Icon/SvgIcon.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import { B as e } from "../../Autocomplete-
|
|
5
|
+
import { B as e } from "../../Autocomplete-Cb9fQrzy.js";
|
|
6
6
|
import "./QueryLabel.js";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
8
|
export {
|
|
@@ -2,7 +2,7 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
|
2
2
|
import { Fragment as s } from "react";
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
|
-
import { B as m } from "../../Autocomplete-
|
|
5
|
+
import { B as m } from "../../Autocomplete-Cb9fQrzy.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import { MetaItem as l } from "../Meta/MetaItem.js";
|
|
8
8
|
import { ListBase as i } from "../List/ListBase.js";
|
|
@@ -23,7 +23,6 @@ const r = ["lg", "md", "sm", "xs"], h = {
|
|
|
23
23
|
label: "Skatteetaten"
|
|
24
24
|
}
|
|
25
25
|
],
|
|
26
|
-
size: "md",
|
|
27
26
|
href: "#"
|
|
28
27
|
}
|
|
29
28
|
}, B = {
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsxs as e, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import "../../index-L8X2o7IH.js";
|
|
3
|
+
import "../Icon/SvgIcon.js";
|
|
4
|
+
import { Heading as m } from "../Typography/Heading.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import { BookmarksList as n } from "./BookmarksList.js";
|
|
7
|
+
import "../RootProvider/RootProvider.js";
|
|
8
|
+
import { MetaItem as p } from "../Meta/MetaItem.js";
|
|
9
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
10
|
+
import { SectionBase as s } from "../Page/SectionBase.js";
|
|
11
|
+
import { SectionHeader as c } from "../Page/SectionHeader.js";
|
|
12
|
+
import { SectionFooter as d } from "../Page/SectionFooter.js";
|
|
13
|
+
const b = ({ title: o, items: i, updatedAtLabel: t }) => /* @__PURE__ */ e(s, { padding: !0, color: "subtle", spacing: "lg", inset: !0, children: [
|
|
14
|
+
/* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(m, { size: "sm", children: o }) }),
|
|
15
|
+
/* @__PURE__ */ r(n, { items: i }),
|
|
16
|
+
/* @__PURE__ */ r(d, { padding: !0, children: /* @__PURE__ */ r(p, { children: t }) })
|
|
17
|
+
] });
|
|
18
|
+
export {
|
|
19
|
+
b as BookmarksSection
|
|
20
|
+
};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { BookmarksSection as t } from "./BookmarksSection.js";
|
|
2
|
+
const a = {
|
|
3
|
+
title: "Bookmarks/BookmarksSection",
|
|
4
|
+
component: t,
|
|
5
|
+
tags: ["autodocs"],
|
|
6
|
+
parameters: {},
|
|
7
|
+
args: {
|
|
8
|
+
title: "3 lagrede søk",
|
|
9
|
+
updatedAtLabel: "Sist oppdatert 3 minutter siden",
|
|
10
|
+
items: [
|
|
11
|
+
{
|
|
12
|
+
id: "bookmark-1",
|
|
13
|
+
title: "Mitt eget søk",
|
|
14
|
+
params: [
|
|
15
|
+
{ type: "search", label: "Skatt" },
|
|
16
|
+
{ type: "filter", label: "Under arbeid" }
|
|
17
|
+
]
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
id: "bookmark-2",
|
|
21
|
+
params: [
|
|
22
|
+
{ type: "search", label: "Skatt" },
|
|
23
|
+
{ type: "filter", label: "Under arbeid" }
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
id: "bookmark-3",
|
|
28
|
+
params: [
|
|
29
|
+
{ type: "filter", label: "Brønnøysundregistrene" },
|
|
30
|
+
{ type: "filter", label: "Krever handling" }
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
}, i = {
|
|
36
|
+
args: {}
|
|
37
|
+
}, s = {
|
|
38
|
+
args: {
|
|
39
|
+
items: a.args.items.map((e) => ({
|
|
40
|
+
...e,
|
|
41
|
+
menu: {
|
|
42
|
+
id: [e.id, "menu"].join("-"),
|
|
43
|
+
items: [
|
|
44
|
+
{
|
|
45
|
+
icon: "pencil",
|
|
46
|
+
title: "Rediger søk"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
icon: "trash",
|
|
50
|
+
title: "Slett søk"
|
|
51
|
+
}
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
}))
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
export {
|
|
58
|
+
i as Default,
|
|
59
|
+
s as WithContextMenu,
|
|
60
|
+
a as default
|
|
61
|
+
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import '../../assets/QueryLabel.css';const c = "
|
|
1
|
+
import { jsx as s, jsxs as a } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/QueryLabel.css';const c = "_label_1q65r_1", o = "_group_1q65r_9", n = "_plus_1q65r_15", m = "_item_1q65r_19", l = {
|
|
3
3
|
label: c,
|
|
4
|
-
group:
|
|
5
|
-
plus:
|
|
6
|
-
item:
|
|
7
|
-
},
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
e[
|
|
10
|
-
] },
|
|
4
|
+
group: o,
|
|
5
|
+
plus: n,
|
|
6
|
+
item: m
|
|
7
|
+
}, p = ({ type: e = "search", label: r }) => /* @__PURE__ */ s("mark", { className: l.item, "data-type": e, children: r }), _ = ({ params: e = [] }) => /* @__PURE__ */ s("div", { className: l.label, children: e.map((r, t) => /* @__PURE__ */ a("div", { className: l.group, children: [
|
|
8
|
+
/* @__PURE__ */ s(p, { ...r }),
|
|
9
|
+
e[t + 1] && /* @__PURE__ */ s("span", { className: l.plus, children: "+" })
|
|
10
|
+
] }, t)) });
|
|
11
11
|
export {
|
|
12
|
-
|
|
12
|
+
p as QueryItem,
|
|
13
13
|
_ as QueryLabel
|
|
14
14
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BookmarksList as e } from "./BookmarksList.js";
|
|
2
|
-
import { B as t } from "../../Autocomplete-
|
|
2
|
+
import { B as t } from "../../Autocomplete-Cb9fQrzy.js";
|
|
3
3
|
import { QueryItem as a, QueryLabel as k } from "./QueryLabel.js";
|
|
4
4
|
export {
|
|
5
5
|
e as BookmarksList,
|
|
@@ -7,7 +7,7 @@ import { ComboButton as d } from "./ComboButton.js";
|
|
|
7
7
|
import { IconButton as p } from "./IconButton.js";
|
|
8
8
|
import "../RootProvider/RootProvider.js";
|
|
9
9
|
import { MetaItem as c } from "../Meta/MetaItem.js";
|
|
10
|
-
import "../../Autocomplete-
|
|
10
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
11
11
|
const I = {
|
|
12
12
|
title: "Atoms/Button/Buttons",
|
|
13
13
|
tags: ["autodocs"],
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../../index-L8X2o7IH.js";
|
|
3
3
|
import "../Icon/SvgIcon.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import { C as n } from "../../Autocomplete-
|
|
5
|
+
import { C as n } from "../../Autocomplete-Cb9fQrzy.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
export {
|
|
8
8
|
n as ContextMenu
|
|
@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
|
|
|
4
4
|
import "react";
|
|
5
5
|
import "../Button/IconButton.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import {
|
|
7
|
+
import { c as s } from "../../Autocomplete-Cb9fQrzy.js";
|
|
8
8
|
import "../Dropdown/DropdownBase.js";
|
|
9
9
|
export {
|
|
10
10
|
s as ContextMenuBase
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { DialogActivityLogProps } from './DialogActivityLog';
|
|
2
|
-
import { DialogAttachmentsProps } from './DialogAttachments';
|
|
3
2
|
import { DialogSeenByProps } from './DialogSeenBy';
|
|
3
|
+
import { AttachmentSectionProps } from '../Attachment';
|
|
4
|
+
import { TransmissionSectionProps } from '../Transmission';
|
|
4
5
|
import { ContextMenuProps } from '../ContextMenu/';
|
|
5
6
|
import { ReactNode } from 'react';
|
|
6
7
|
import { DialogActionButtonProps } from './DialogActions.tsx';
|
|
@@ -37,18 +38,20 @@ export interface DialogProps {
|
|
|
37
38
|
body?: ReactNode;
|
|
38
39
|
/** List of action (buttons) */
|
|
39
40
|
actions?: DialogActionButtonProps[];
|
|
40
|
-
/** Dialog attachments */
|
|
41
|
-
attachments?: DialogAttachmentsProps;
|
|
42
41
|
/** Dialog is seen by the end user or others */
|
|
43
42
|
seenBy?: DialogSeenByProps;
|
|
44
43
|
/** Activity Log */
|
|
45
44
|
activityLog?: DialogActivityLogProps;
|
|
46
45
|
/** More information about the dialog, process, etc. */
|
|
47
46
|
additionalInfo?: ReactNode;
|
|
47
|
+
/** Dialog attachments */
|
|
48
|
+
attachments?: AttachmentSectionProps;
|
|
49
|
+
/** Dialog transmissions */
|
|
50
|
+
transmissions?: TransmissionSectionProps;
|
|
48
51
|
/** History */
|
|
49
52
|
history?: DialogHistoryProps;
|
|
50
53
|
}
|
|
51
54
|
/**
|
|
52
55
|
* Full representation of a dialog, including attachments, actions and history,
|
|
53
56
|
*/
|
|
54
|
-
export declare const Dialog: ({ backButton, menu, updatedAt, updatedAtLabel, dueAt, dueAtLabel, status, title, sender, recipient, summary, body, actions, attachments, history, seenBy, activityLog, additionalInfo, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
export declare const Dialog: ({ backButton, menu, updatedAt, updatedAtLabel, dueAt, dueAtLabel, status, title, sender, recipient, summary, body, actions, attachments, history, seenBy, activityLog, additionalInfo, transmissions, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,55 +1,61 @@
|
|
|
1
1
|
import { jsxs as m, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { MetaBase as
|
|
2
|
+
import { MetaBase as x } from "../Meta/MetaBase.js";
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
5
|
import { DialogActivityLog as j } from "./DialogActivityLog.js";
|
|
6
6
|
import { DialogArticleBase as v } from "./DialogArticleBase.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import { DialogBodyBase as S } from "./DialogBodyBase.js";
|
|
7
|
+
import { DialogBase as y } from "./DialogBase.js";
|
|
8
|
+
import { DialogBodyBase as H } from "./DialogBodyBase.js";
|
|
10
9
|
import { DialogContent as C } from "./DialogContent.js";
|
|
11
10
|
import { DialogFooter as F } from "./DialogFooter.js";
|
|
12
11
|
import { DialogHeader as M } from "./DialogHeader.js";
|
|
13
12
|
import { DialogSeenBy as N } from "./DialogSeenBy.js";
|
|
13
|
+
import { AttachmentSection as T } from "../Attachment/AttachmentSection.js";
|
|
14
|
+
import "react";
|
|
14
15
|
import { DialogActions as b } from "./DialogActions.js";
|
|
15
16
|
import { DialogHistory as k } from "./DialogHistory.js";
|
|
16
17
|
import { DialogNav as q } from "./DialogNav.js";
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
18
|
+
import "../RootProvider/RootProvider.js";
|
|
19
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
20
|
+
import { TransmissionSection as w } from "../Transmission/TransmissionSection.js";
|
|
21
|
+
const ro = ({
|
|
22
|
+
backButton: f,
|
|
23
|
+
menu: g,
|
|
24
|
+
updatedAt: D,
|
|
25
|
+
updatedAtLabel: n,
|
|
26
|
+
dueAt: B,
|
|
27
|
+
dueAtLabel: c,
|
|
28
|
+
status: d,
|
|
29
|
+
title: h,
|
|
30
|
+
sender: s,
|
|
27
31
|
recipient: A,
|
|
28
|
-
summary:
|
|
29
|
-
body:
|
|
32
|
+
summary: S = "Summary.",
|
|
33
|
+
body: u,
|
|
30
34
|
actions: r = [],
|
|
31
35
|
attachments: i,
|
|
32
36
|
history: t,
|
|
33
37
|
seenBy: e,
|
|
34
|
-
activityLog:
|
|
35
|
-
additionalInfo:
|
|
36
|
-
|
|
37
|
-
|
|
38
|
+
activityLog: p,
|
|
39
|
+
additionalInfo: l,
|
|
40
|
+
transmissions: a
|
|
41
|
+
}) => /* @__PURE__ */ m(y, { children: [
|
|
42
|
+
/* @__PURE__ */ o(q, { status: d, dueAt: B, dueAtLabel: c, backButton: f, menu: g }),
|
|
38
43
|
/* @__PURE__ */ m(v, { children: [
|
|
39
|
-
/* @__PURE__ */ o(M, { title:
|
|
40
|
-
/* @__PURE__ */ m(
|
|
41
|
-
/* @__PURE__ */ o(C, { updatedAt:
|
|
42
|
-
i && /* @__PURE__ */ o(
|
|
44
|
+
/* @__PURE__ */ o(M, { title: h, sender: s, recipient: A, seen: !1, variant: "neutral" }),
|
|
45
|
+
/* @__PURE__ */ m(H, { children: [
|
|
46
|
+
/* @__PURE__ */ o(C, { updatedAt: D, updatedAtLabel: n, summary: S, body: u }),
|
|
47
|
+
i && /* @__PURE__ */ o(T, { ...i }),
|
|
43
48
|
(r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ o(b, { items: r }),
|
|
44
|
-
/* @__PURE__ */
|
|
49
|
+
a && /* @__PURE__ */ o(w, { ...a }),
|
|
50
|
+
/* @__PURE__ */ m(x, { children: [
|
|
45
51
|
e && /* @__PURE__ */ o(N, { ...e }),
|
|
46
|
-
|
|
52
|
+
p && /* @__PURE__ */ o(j, { ...p })
|
|
47
53
|
] })
|
|
48
54
|
] }),
|
|
49
|
-
|
|
55
|
+
l && /* @__PURE__ */ o(F, { additionalInfo: l }),
|
|
50
56
|
t && /* @__PURE__ */ o(k, { ...t })
|
|
51
57
|
] })
|
|
52
58
|
] });
|
|
53
59
|
export {
|
|
54
|
-
|
|
60
|
+
ro as Dialog
|
|
55
61
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsxs as t, Fragment as
|
|
2
|
-
import { withThemeByDataAttribute as
|
|
3
|
-
import { Dialog as
|
|
1
|
+
import { jsxs as t, Fragment as a, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { withThemeByDataAttribute as r } from "@storybook/addon-themes";
|
|
3
|
+
import { Dialog as n } from "./Dialog.js";
|
|
4
4
|
const m = {
|
|
5
5
|
title: "Dialog/Dialog",
|
|
6
|
-
component:
|
|
6
|
+
component: n,
|
|
7
7
|
tags: ["autodocs"],
|
|
8
8
|
parameters: {},
|
|
9
9
|
decorators: [
|
|
10
|
-
|
|
10
|
+
r({
|
|
11
11
|
themes: {
|
|
12
12
|
company: "company",
|
|
13
13
|
person: "person"
|
|
@@ -71,7 +71,7 @@ const m = {
|
|
|
71
71
|
}
|
|
72
72
|
}, p = {
|
|
73
73
|
args: {
|
|
74
|
-
body: /* @__PURE__ */ t(
|
|
74
|
+
body: /* @__PURE__ */ t(a, { children: [
|
|
75
75
|
/* @__PURE__ */ e("h2", { children: "Heading 2" }),
|
|
76
76
|
/* @__PURE__ */ e("p", { children: "Body can be displayed using HTML." }),
|
|
77
77
|
/* @__PURE__ */ t("ul", { children: [
|
|
@@ -98,6 +98,172 @@ const m = {
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
}, c = {
|
|
101
|
+
args: {
|
|
102
|
+
sender: {
|
|
103
|
+
type: "company",
|
|
104
|
+
name: "Skatteetaten",
|
|
105
|
+
imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
|
|
106
|
+
},
|
|
107
|
+
title: "Tredjepartsopplysninger for boligselskap",
|
|
108
|
+
summary: "Her finner du alle innsendinger og tilbakemeldinger for tredjepartsopplysninger for boligselskap 2023. Frist for å levere er 20. januar 2024.",
|
|
109
|
+
actions: [
|
|
110
|
+
{
|
|
111
|
+
label: "Lever tredjepartsopplysninger"
|
|
112
|
+
}
|
|
113
|
+
],
|
|
114
|
+
additionalInfo: /* @__PURE__ */ t("p", { children: [
|
|
115
|
+
"Sameier med 9 eller flere boligseksjoner skal levere opplysninger om sameiers andel av felles inntekter, utgifter, formue og gjeld. ",
|
|
116
|
+
/* @__PURE__ */ e("a", { href: "https://altinn.no", children: "Mer informasjon." })
|
|
117
|
+
] }),
|
|
118
|
+
history: {
|
|
119
|
+
title: "Hva har skjedd?",
|
|
120
|
+
items: [
|
|
121
|
+
{
|
|
122
|
+
createdAtLabel: "15. februar 2024 kl. 08.45",
|
|
123
|
+
createdBy: {
|
|
124
|
+
type: "company",
|
|
125
|
+
name: "Skatteetaten",
|
|
126
|
+
imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
|
|
127
|
+
},
|
|
128
|
+
summary: "Skjemaet er lukket for rapportering og korreksjoner."
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
createdAtLabel: "2. januar 2024 kl 08.00",
|
|
132
|
+
createdBy: {
|
|
133
|
+
type: "company",
|
|
134
|
+
name: "Skatteetaten",
|
|
135
|
+
imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
|
|
136
|
+
},
|
|
137
|
+
summary: "Du kan nå levere tredjepartsopplysninger."
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
createdAtLabel: "15. oktober 2023 kl 08.00",
|
|
141
|
+
createdBy: {
|
|
142
|
+
type: "company",
|
|
143
|
+
name: "Skatteetaten",
|
|
144
|
+
imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
|
|
145
|
+
},
|
|
146
|
+
summary: "Du må levere tredjepartsopplysninger for boligselskap.",
|
|
147
|
+
attachments: [
|
|
148
|
+
{
|
|
149
|
+
label: "Rapportering av tredjepartsopplysninger for boligselskap.pdf"
|
|
150
|
+
}
|
|
151
|
+
]
|
|
152
|
+
}
|
|
153
|
+
]
|
|
154
|
+
},
|
|
155
|
+
transmissions: {
|
|
156
|
+
title: "6 forsendelser",
|
|
157
|
+
items: [
|
|
158
|
+
{
|
|
159
|
+
createdAt: "1999-01-01",
|
|
160
|
+
createdAtLabel: "Skatteetaten, 1. mars 2024",
|
|
161
|
+
sender: {
|
|
162
|
+
type: "company",
|
|
163
|
+
name: "Skatteetaten",
|
|
164
|
+
imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
|
|
165
|
+
},
|
|
166
|
+
badge: {
|
|
167
|
+
label: "Godkjent, med feil"
|
|
168
|
+
},
|
|
169
|
+
title: "Leveransen er godkjent, men inneholder feil",
|
|
170
|
+
summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
|
|
171
|
+
attachments: {
|
|
172
|
+
title: "2 vedlegg",
|
|
173
|
+
items: [
|
|
174
|
+
{
|
|
175
|
+
label: "Dokument 1.pdf",
|
|
176
|
+
href: ""
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
label: "Dokument 2.pdf",
|
|
180
|
+
href: ""
|
|
181
|
+
}
|
|
182
|
+
]
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
sender: {
|
|
187
|
+
name: "Per Olav Olsen"
|
|
188
|
+
},
|
|
189
|
+
title: "Tredjepartsopplysninger ble levert",
|
|
190
|
+
createdAtLabel: "1. mars 2024",
|
|
191
|
+
summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
createdAt: "1999-01-01",
|
|
195
|
+
createdAtLabel: "Skatteetaten, 1. mars 2024",
|
|
196
|
+
sender: {
|
|
197
|
+
type: "company",
|
|
198
|
+
name: "Skatteetaten",
|
|
199
|
+
imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
|
|
200
|
+
},
|
|
201
|
+
badge: {
|
|
202
|
+
label: "Godkjent"
|
|
203
|
+
},
|
|
204
|
+
title: "Leveransen er godkjent",
|
|
205
|
+
summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
|
|
206
|
+
attachments: {
|
|
207
|
+
title: "2 vedlegg",
|
|
208
|
+
items: [
|
|
209
|
+
{
|
|
210
|
+
label: "Dokument 1.pdf",
|
|
211
|
+
href: ""
|
|
212
|
+
},
|
|
213
|
+
{
|
|
214
|
+
label: "Dokument 2.pdf",
|
|
215
|
+
href: ""
|
|
216
|
+
}
|
|
217
|
+
]
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
sender: {
|
|
222
|
+
name: "Kari Susanne Pettersen"
|
|
223
|
+
},
|
|
224
|
+
title: "Tredjepartsopplysninger ble levert",
|
|
225
|
+
createdAtLabel: "1. mars 2024",
|
|
226
|
+
summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
createdAt: "1999-01-01",
|
|
230
|
+
createdAtLabel: "Skatteetaten, 1. mars 2024",
|
|
231
|
+
sender: {
|
|
232
|
+
type: "company",
|
|
233
|
+
name: "Skatteetaten",
|
|
234
|
+
imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
|
|
235
|
+
},
|
|
236
|
+
badge: {
|
|
237
|
+
label: "Avvist"
|
|
238
|
+
},
|
|
239
|
+
title: "Leveransen er avvist",
|
|
240
|
+
summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
|
|
241
|
+
attachments: {
|
|
242
|
+
title: "2 vedlegg",
|
|
243
|
+
items: [
|
|
244
|
+
{
|
|
245
|
+
label: "Dokument 1.pdf",
|
|
246
|
+
href: ""
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
label: "Dokument 2.pdf",
|
|
250
|
+
href: ""
|
|
251
|
+
}
|
|
252
|
+
]
|
|
253
|
+
}
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
sender: {
|
|
257
|
+
name: "Siren Søftebø"
|
|
258
|
+
},
|
|
259
|
+
title: "Tredjepartsopplysninger ble levert",
|
|
260
|
+
createdAtLabel: "1. mars 2024",
|
|
261
|
+
summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
|
|
262
|
+
}
|
|
263
|
+
]
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
}, k = {
|
|
101
267
|
args: {
|
|
102
268
|
actions: [
|
|
103
269
|
{
|
|
@@ -112,7 +278,7 @@ const m = {
|
|
|
112
278
|
}
|
|
113
279
|
]
|
|
114
280
|
}
|
|
115
|
-
},
|
|
281
|
+
}, i = {
|
|
116
282
|
args: {
|
|
117
283
|
status: { label: "Krever handling", value: "requires-attention" },
|
|
118
284
|
sender: {
|
|
@@ -147,15 +313,15 @@ const m = {
|
|
|
147
313
|
]
|
|
148
314
|
}
|
|
149
315
|
}
|
|
150
|
-
},
|
|
316
|
+
}, f = {
|
|
151
317
|
args: {
|
|
152
|
-
...
|
|
318
|
+
...i.args,
|
|
153
319
|
status: { value: "in-progress", label: "Under arbeid" },
|
|
154
320
|
dueAt: null,
|
|
155
321
|
dueAtLabel: null,
|
|
156
322
|
updatedAtLabel: "27. november 2024 kl 10.30",
|
|
157
323
|
summary: "Saken er sendt til manuell behandling. Forventet behandlingstid: 2 uker.",
|
|
158
|
-
body: /* @__PURE__ */ t(
|
|
324
|
+
body: /* @__PURE__ */ t(a, { children: [
|
|
159
325
|
/* @__PURE__ */ e("h2", { children: "Hva skjer nå?" }),
|
|
160
326
|
/* @__PURE__ */ e("p", { children: "Saken din har fått saksbehandler og blir behandlet manuelt." }),
|
|
161
327
|
/* @__PURE__ */ t("ul", { children: [
|
|
@@ -208,7 +374,7 @@ const m = {
|
|
|
208
374
|
]
|
|
209
375
|
}
|
|
210
376
|
}
|
|
211
|
-
},
|
|
377
|
+
}, l = {
|
|
212
378
|
args: {
|
|
213
379
|
status: { value: "draft", label: "Utkast" },
|
|
214
380
|
sender: {
|
|
@@ -236,7 +402,7 @@ const m = {
|
|
|
236
402
|
}
|
|
237
403
|
}, u = {
|
|
238
404
|
args: {
|
|
239
|
-
...
|
|
405
|
+
...l.args,
|
|
240
406
|
status: { value: "sent", label: "Sendt" },
|
|
241
407
|
actions: null,
|
|
242
408
|
summary: "Skjema er sendt inn.",
|
|
@@ -252,12 +418,13 @@ const m = {
|
|
|
252
418
|
}
|
|
253
419
|
};
|
|
254
420
|
export {
|
|
255
|
-
|
|
421
|
+
k as Actions,
|
|
256
422
|
g as Attachments,
|
|
257
423
|
p as Body,
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
424
|
+
l as Draft,
|
|
425
|
+
f as InProgress,
|
|
426
|
+
i as RequiresAttention,
|
|
261
427
|
u as Sent,
|
|
428
|
+
c as Transmissions,
|
|
262
429
|
m as default
|
|
263
430
|
};
|
|
@@ -6,7 +6,7 @@ import "../Icon/SvgIcon.js";
|
|
|
6
6
|
import { Button as u } from "../Button/Button.js";
|
|
7
7
|
import { ComboButton as f } from "../Button/ComboButton.js";
|
|
8
8
|
import "../RootProvider/RootProvider.js";
|
|
9
|
-
import "../../Autocomplete-
|
|
9
|
+
import "../../Autocomplete-Cb9fQrzy.js";
|
|
10
10
|
import { Menu as y } from "../Menu/Menu.js";
|
|
11
11
|
import '../../assets/DialogActions.css';const g = "_action_1lkfe_1", h = "_comboButton_1lkfe_7", _ = "_dropdown_1lkfe_11", i = {
|
|
12
12
|
action: g,
|
|
@@ -7,4 +7,4 @@ export interface DialogActivityLogProps {
|
|
|
7
7
|
onClick?: MouseEventHandler;
|
|
8
8
|
href?: string;
|
|
9
9
|
}
|
|
10
|
-
export declare const DialogActivityLog: ({ size, label, ...rest }: DialogActivityLogProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const DialogActivityLog: ({ size, label, onClick, ...rest }: DialogActivityLogProps) => import("react/jsx-runtime").JSX.Element;
|