@altinn/altinn-components 0.8.3 → 0.9.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/assets/DropdownBase.css +1 -1
- package/dist/assets/LayoutBody.css +1 -1
- package/dist/assets/MenuItemBase.css +1 -1
- package/dist/assets/MenuItemLabel.css +1 -1
- package/dist/assets/MenuItemMedia.css +1 -1
- package/dist/assets/MenuSearch.css +1 -1
- package/dist/assets/ToolbarBase.css +1 -1
- package/dist/assets/ToolbarSearch.css +1 -1
- package/dist/components/Attachment/AttachmentLink.d.ts +1 -1
- package/dist/components/Attachment/AttachmentLink.stories.d.ts +11 -0
- package/dist/components/Attachment/AttachmentLink.stories.js +6 -7
- package/dist/components/Attachment/AttachmentList.stories.d.ts +15 -0
- package/dist/components/Attachment/AttachmentList.stories.js +8 -23
- package/dist/components/Attachment/AttachmentSection.stories.d.ts +13 -0
- package/dist/components/Attachment/AttachmentSection.stories.js +8 -26
- package/dist/components/{Searchbar → Autocomplete}/ScopeListItem.d.ts +1 -2
- package/dist/components/Autocomplete/ScopeListItem.js +13 -0
- package/dist/components/Autocomplete/index.d.ts +1 -0
- package/dist/components/Autocomplete/index.js +4 -0
- package/dist/components/Avatar/AvatarGroup.stories.d.ts +13 -0
- package/dist/components/Badge/Badge.stories.d.ts +15 -0
- package/dist/components/Bookmarks/BookmarksList.js +1 -1
- package/dist/components/Bookmarks/BookmarksListItem.js +7 -6
- package/dist/components/Bookmarks/BookmarksListItem.stories.js +2 -2
- package/dist/components/Bookmarks/BookmarksSection.js +2 -2
- package/dist/components/Button/Button.stories.d.ts +18 -0
- package/dist/components/Button/Buttons.stories.js +8 -8
- package/dist/components/Button/ComboButton.stories.d.ts +19 -0
- package/dist/components/ContextMenu/ContextMenu.js +1 -1
- package/dist/components/ContextMenu/ContextMenu.stories.d.ts +39 -0
- package/dist/components/ContextMenu/ContextMenu.stories.js +5 -1
- package/dist/components/Dialog/Dialog.d.ts +4 -4
- package/dist/components/Dialog/Dialog.js +23 -23
- package/dist/components/Dialog/DialogActions.js +1 -1
- package/dist/components/Dialog/DialogActions.stories.d.ts +22 -0
- package/dist/components/Dialog/DialogContent.stories.d.ts +14 -0
- package/dist/components/Dialog/DialogContent.stories.js +2 -7
- package/dist/components/Dialog/DialogGroup.js +5 -5
- package/dist/components/Dialog/DialogHeader.d.ts +1 -1
- package/dist/components/Dialog/DialogHeader.js +5 -5
- package/dist/components/Dialog/DialogHeader.stories.d.ts +21 -0
- package/dist/components/Dialog/DialogHeader.stories.js +7 -4
- package/dist/components/Dialog/DialogHeadings.d.ts +6 -6
- package/dist/components/Dialog/DialogHeadings.js +15 -21
- package/dist/components/Dialog/DialogHeadings.stories.d.ts +21 -0
- package/dist/components/Dialog/DialogHistory.js +1 -1
- package/dist/components/Dialog/DialogHistory.stories.d.ts +52 -0
- package/dist/components/Dialog/DialogHistory.stories.js +27 -15
- package/dist/components/Dialog/DialogList.js +2 -2
- package/dist/components/Dialog/DialogList.stories.d.ts +51 -0
- package/dist/components/Dialog/DialogListItem.js +70 -69
- package/dist/components/Dialog/DialogListItem.stories.js +1 -1
- package/dist/components/Dialog/DialogMetadata.stories.d.ts +18 -0
- package/dist/components/Dialog/DialogNav.stories.d.ts +15 -0
- package/dist/components/Dialog/DialogNav.stories.js +1 -0
- package/dist/components/Dialog/DialogStatus.stories.d.ts +22 -0
- package/dist/components/Dropdown/DrawerButton.js +2 -2
- package/dist/components/Dropdown/DrawerOrDropdown.js +1 -1
- package/dist/components/Dropdown/DropdownBase.js +18 -18
- package/dist/components/Footer/Footer.stories.d.ts +22 -0
- package/dist/components/GlobalMenu/AccountButton.js +1 -1
- package/dist/components/GlobalMenu/AccountMenu.js +1 -1
- package/dist/components/GlobalMenu/AccountMenu.stories.js +12 -75
- package/dist/components/GlobalMenu/BackButton.js +3 -3
- package/dist/components/GlobalMenu/GlobalMenu.js +16 -16
- package/dist/components/GlobalMenu/GlobalMenu.stories.js +29 -163
- package/dist/components/Header/Header.js +12 -11
- package/dist/components/Header/Header.stories.js +14 -149
- package/dist/components/Header/HeaderBase.js +1 -1
- package/dist/components/Header/HeaderButton.stories.d.ts +18 -0
- package/dist/components/Header/HeaderLogo.stories.d.ts +11 -0
- package/dist/components/History/HistoryItem.js +1 -1
- package/dist/components/History/HistoryItem.stories.d.ts +20 -0
- package/dist/components/History/HistoryItemBase.stories.d.ts +19 -0
- package/dist/components/History/HistoryList.stories.d.ts +69 -0
- package/dist/components/Icon/CheckboxIcon.stories.d.ts +13 -0
- package/dist/components/Icon/ProgressIcon.stories.d.ts +15 -0
- package/dist/components/Icon/RadioIcon.stories.d.ts +13 -0
- package/dist/components/Layout/Layout.d.ts +1 -1
- package/dist/components/Layout/Layout.js +7 -7
- package/dist/components/Layout/Layout.stories.js +60 -279
- package/dist/components/Layout/LayoutBase.stories.d.ts +11 -0
- package/dist/components/Layout/LayoutBody.d.ts +6 -2
- package/dist/components/Layout/LayoutBody.js +4 -4
- package/dist/components/Layout/LayoutBody.stories.d.ts +11 -0
- package/dist/components/Layout/LayoutContent.stories.d.ts +11 -0
- package/dist/components/Layout/LayoutSidebar.stories.d.ts +11 -0
- package/dist/components/LayoutAction/ActionHeader.stories.d.ts +11 -0
- package/dist/components/LayoutAction/ActionMenu.js +1 -1
- package/dist/components/List/List.js +1 -1
- package/dist/components/List/List.stories.js +1 -1
- package/dist/components/List/ListItem.d.ts +4 -1
- package/dist/components/List/ListItem.js +53 -46
- package/dist/components/List/ListItem.stories.js +10 -10
- package/dist/components/List/ListItemHeader.stories.js +3 -3
- package/dist/components/Menu/Menu.d.ts +0 -2
- package/dist/components/Menu/Menu.js +21 -16
- package/dist/components/Menu/Menu.stories.d.ts +35 -0
- package/dist/components/Menu/Menu.stories.js +33 -120
- package/dist/components/Menu/MenuItem.d.ts +2 -2
- package/dist/components/Menu/MenuItem.js +13 -13
- package/dist/components/Menu/MenuItem.stories.js +2 -2
- package/dist/components/Menu/MenuItemBase.d.ts +1 -1
- package/dist/components/Menu/MenuItemBase.js +36 -36
- package/dist/components/Menu/MenuItemLabel.js +6 -6
- package/dist/components/Menu/MenuItemMedia.js +7 -5
- package/dist/components/Menu/MenuItems.d.ts +3 -1
- package/dist/components/Menu/MenuItems.js +57 -52
- package/dist/components/Menu/MenuItems.stories.d.ts +17 -0
- package/dist/components/Menu/MenuItems.stories.js +18 -104
- package/dist/components/Menu/MenuOption.stories.d.ts +17 -0
- package/dist/components/Menu/MenuSearch.d.ts +2 -2
- package/dist/components/Menu/MenuSearch.js +10 -10
- package/dist/components/Menu/MenuSearch.stories.d.ts +13 -0
- package/dist/components/Menu/MenuSearch.stories.js +8 -9
- package/dist/components/Meta/MetaItem.stories.d.ts +16 -0
- package/dist/components/Meta/MetaList.stories.d.ts +15 -0
- package/dist/components/Meta/MetaProgress.stories.d.ts +14 -0
- package/dist/components/Meta/MetaTimestamp.stories.d.ts +15 -0
- package/dist/components/Page/PageHeader.js +1 -1
- package/dist/components/ResourceList/ResourceList.d.ts +6 -0
- package/dist/components/ResourceList/ResourceList.js +12 -0
- package/dist/components/ResourceList/ResourceList.stories.js +270 -0
- package/dist/components/ResourceList/ResourceListItem.d.ts +11 -0
- package/dist/components/ResourceList/ResourceListItem.js +32 -0
- package/dist/components/ResourceList/ResourceListItem.stories.js +33 -0
- package/dist/components/ResourceList/index.d.ts +2 -0
- package/dist/components/ResourceList/index.js +6 -0
- package/dist/components/Searchbar/Searchbar.d.ts +2 -2
- package/dist/components/Searchbar/Searchbar.js +1 -1
- package/dist/components/Toolbar/Toolbar.d.ts +3 -3
- package/dist/components/Toolbar/Toolbar.js +11 -11
- package/dist/components/Toolbar/Toolbar.stories.js +36 -161
- package/dist/components/Toolbar/ToolbarAccountMenu.d.ts +5 -0
- package/dist/components/Toolbar/ToolbarAccountMenu.js +20 -0
- package/dist/components/Toolbar/ToolbarAdd.js +1 -1
- package/dist/components/Toolbar/ToolbarAdd.stories.d.ts +13 -0
- package/dist/components/Toolbar/ToolbarAdd.stories.js +4 -1
- package/dist/components/Toolbar/ToolbarBase.js +1 -1
- package/dist/components/Toolbar/ToolbarButton.stories.d.ts +15 -0
- package/dist/components/Toolbar/ToolbarDate.stories.d.ts +27 -0
- package/dist/components/Toolbar/ToolbarDate.stories.js +7 -3
- package/dist/components/Toolbar/ToolbarDaterange.d.ts +2 -4
- package/dist/components/Toolbar/ToolbarDaterange.js +33 -34
- package/dist/components/Toolbar/ToolbarDaterange.stories.d.ts +15 -0
- package/dist/components/Toolbar/ToolbarDaterange.stories.js +7 -10
- package/dist/components/Toolbar/ToolbarFilter.js +1 -1
- package/dist/components/Toolbar/ToolbarFilter.stories.d.ts +18 -0
- package/dist/components/Toolbar/ToolbarFilter.stories.js +6 -24
- package/dist/components/Toolbar/ToolbarMenu.js +5 -5
- package/dist/components/Toolbar/ToolbarMenu.stories.d.ts +19 -0
- package/dist/components/Toolbar/ToolbarMenu.stories.js +7 -6
- package/dist/components/Toolbar/ToolbarOptions.js +1 -1
- package/dist/components/Toolbar/ToolbarOptions.stories.d.ts +12 -0
- package/dist/components/Toolbar/ToolbarOptions.stories.js +2 -48
- package/dist/components/Toolbar/ToolbarSearch.js +16 -16
- package/dist/components/Toolbar/ToolbarSearch.stories.d.ts +13 -0
- package/dist/components/Toolbar/ToolbarSearch.stories.js +6 -7
- package/dist/components/Transmission/TransmissionItem.js +38 -40
- package/dist/components/Transmission/TransmissionItem.stories.d.ts +25 -0
- package/dist/components/Transmission/TransmissionList.js +1 -1
- package/dist/components/Transmission/TransmissionList.stories.d.ts +55 -0
- package/dist/components/Transmission/TransmissionList.stories.js +1 -1
- package/dist/components/Transmission/TransmissionSection.js +1 -1
- package/dist/components/Typography/Typography.d.ts +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +256 -250
- package/dist/index.js +264 -258
- package/package.json +3 -2
- package/dist/components/Searchbar/ScopeListItem.js +0 -13
- package/dist/components/{Searchbar → Autocomplete}/Autocomplete.d.ts +0 -0
- package/dist/components/{Searchbar → Autocomplete}/Autocomplete.js +0 -0
- package/dist/components/{Searchbar → Autocomplete}/Autocomplete.stories.js +0 -0
- package/dist/components/{Searchbar → Autocomplete}/AutocompleteBase.d.ts +0 -0
- package/dist/components/{Searchbar → Autocomplete}/AutocompleteBase.js +0 -0
- package/dist/components/{Searchbar → Autocomplete}/AutocompleteGroup.d.ts +0 -0
- package/dist/components/{Searchbar → Autocomplete}/AutocompleteGroup.js +0 -0
- package/dist/components/{Searchbar → Autocomplete}/AutocompleteItem.d.ts +0 -0
- package/dist/components/{Searchbar → Autocomplete}/AutocompleteItem.js +1 -1
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { useState as
|
|
1
|
+
import { jsx as i, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { useState as s } from "react";
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
5
|
import { Typography as x } from "../Typography/Typography.js";
|
|
6
6
|
import { AttachmentSection as b } from "../Attachment/AttachmentSection.js";
|
|
7
|
+
import "../Autocomplete/AutocompleteBase.js";
|
|
7
8
|
import { MetaTimestamp as T } from "../Meta/MetaTimestamp.js";
|
|
8
|
-
import { ListItemBase as u } from "../List/ListItemBase.js";
|
|
9
|
-
import { ListItemHeader as v } from "../List/ListItemHeader.js";
|
|
10
9
|
import "../RootProvider/RootProvider.js";
|
|
11
|
-
import "../
|
|
12
|
-
import '../../assets/TransmissionItem.css';const
|
|
13
|
-
body:
|
|
14
|
-
},
|
|
10
|
+
import { ListItem as u } from "../List/ListItem.js";
|
|
11
|
+
import '../../assets/TransmissionItem.css';const v = "_body_1m345_1", z = {
|
|
12
|
+
body: v
|
|
13
|
+
}, N = ({
|
|
15
14
|
loading: c,
|
|
16
15
|
sender: o,
|
|
17
16
|
createdAt: p,
|
|
@@ -22,39 +21,38 @@ import '../../assets/TransmissionItem.css';const I = "_body_1m345_1", z = {
|
|
|
22
21
|
summary: h,
|
|
23
22
|
attachments: a
|
|
24
23
|
}) => {
|
|
25
|
-
const [t,
|
|
26
|
-
return /* @__PURE__ */ i(
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
a && /* @__PURE__ */ m(b, { ...a })
|
|
24
|
+
const [t, y] = s(!1);
|
|
25
|
+
return /* @__PURE__ */ i(
|
|
26
|
+
u,
|
|
27
|
+
{
|
|
28
|
+
as: "button",
|
|
29
|
+
expanded: t,
|
|
30
|
+
onClick: () => {
|
|
31
|
+
y((f) => !f);
|
|
32
|
+
},
|
|
33
|
+
size: "sm",
|
|
34
|
+
avatar: {
|
|
35
|
+
type: o == null ? void 0 : o.type,
|
|
36
|
+
imageUrl: o == null ? void 0 : o.imageUrl,
|
|
37
|
+
name: o == null ? void 0 : o.name
|
|
38
|
+
},
|
|
39
|
+
title: n,
|
|
40
|
+
description: t ? "" : g,
|
|
41
|
+
badge: r,
|
|
42
|
+
linkIcon: t ? "chevron-down" : "chevron-up",
|
|
43
|
+
children: t && /* @__PURE__ */ m("div", { className: z.body, children: [
|
|
44
|
+
p && /* @__PURE__ */ m(T, { loading: c, datetime: p, size: "xs", children: [
|
|
45
|
+
o && /* @__PURE__ */ i("strong", { children: (o == null ? void 0 : o.name) + ", " }),
|
|
46
|
+
l
|
|
47
|
+
] }),
|
|
48
|
+
/* @__PURE__ */ m(x, { size: "lg", children: [
|
|
49
|
+
/* @__PURE__ */ i("p", { children: h }),
|
|
50
|
+
a && /* @__PURE__ */ i(b, { ...a })
|
|
51
|
+
] })
|
|
54
52
|
] })
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
}
|
|
54
|
+
);
|
|
57
55
|
};
|
|
58
56
|
export {
|
|
59
|
-
|
|
57
|
+
N as TransmissionItem
|
|
60
58
|
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ loading, sender, createdAt, createdAtLabel, badge, title, description, summary, attachments, }: import('./TransmissionItem').TransmissionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {};
|
|
7
|
+
args: {
|
|
8
|
+
createdAt: string;
|
|
9
|
+
createdAtLabel: string;
|
|
10
|
+
sender: {
|
|
11
|
+
type: "person";
|
|
12
|
+
name: string;
|
|
13
|
+
};
|
|
14
|
+
title: string;
|
|
15
|
+
description: string;
|
|
16
|
+
badge: {
|
|
17
|
+
label: string;
|
|
18
|
+
};
|
|
19
|
+
summary: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export default meta;
|
|
23
|
+
type Story = StoryObj<typeof meta>;
|
|
24
|
+
export declare const Default: Story;
|
|
25
|
+
export declare const Attachments: Story;
|
|
@@ -2,9 +2,9 @@ import { jsx as o } from "react/jsx-runtime";
|
|
|
2
2
|
import { createElement as i } from "react";
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import "../Icon/SvgIcon.js";
|
|
5
|
+
import "../Autocomplete/AutocompleteBase.js";
|
|
5
6
|
import { TransmissionItem as e } from "./TransmissionItem.js";
|
|
6
7
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
8
8
|
import { ListBase as n } from "../List/ListBase.js";
|
|
9
9
|
const x = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;
|
|
10
10
|
export {
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ items }: import('./TransmissionList').TransmissionListProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {};
|
|
7
|
+
args: {
|
|
8
|
+
items: ({
|
|
9
|
+
createdAt: string;
|
|
10
|
+
createdAtLabel: string;
|
|
11
|
+
badge: {
|
|
12
|
+
label: string;
|
|
13
|
+
};
|
|
14
|
+
sender: {
|
|
15
|
+
name: string;
|
|
16
|
+
type: "company";
|
|
17
|
+
imageUrl: string;
|
|
18
|
+
};
|
|
19
|
+
title: string;
|
|
20
|
+
description: string;
|
|
21
|
+
summary: string;
|
|
22
|
+
attachments: {
|
|
23
|
+
title: string;
|
|
24
|
+
items: {
|
|
25
|
+
href: string;
|
|
26
|
+
label: string;
|
|
27
|
+
}[];
|
|
28
|
+
};
|
|
29
|
+
} | {
|
|
30
|
+
createdAt: string;
|
|
31
|
+
createdAtLabel: string;
|
|
32
|
+
sender: {
|
|
33
|
+
name: string;
|
|
34
|
+
type?: undefined;
|
|
35
|
+
imageUrl?: undefined;
|
|
36
|
+
};
|
|
37
|
+
badge: {
|
|
38
|
+
label: string;
|
|
39
|
+
};
|
|
40
|
+
title: string;
|
|
41
|
+
description: string;
|
|
42
|
+
summary: string;
|
|
43
|
+
attachments: {
|
|
44
|
+
title: string;
|
|
45
|
+
items: {
|
|
46
|
+
href: string;
|
|
47
|
+
label: string;
|
|
48
|
+
}[];
|
|
49
|
+
};
|
|
50
|
+
})[];
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
export default meta;
|
|
54
|
+
type Story = StoryObj<typeof meta>;
|
|
55
|
+
export declare const Default: Story;
|
|
@@ -14,7 +14,7 @@ const n = {
|
|
|
14
14
|
},
|
|
15
15
|
sender: {
|
|
16
16
|
name: "Skatteetaten",
|
|
17
|
-
type: "
|
|
17
|
+
type: "company",
|
|
18
18
|
imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
|
|
19
19
|
},
|
|
20
20
|
title: "Leveransen er godkjent, men inneholder feil",
|
|
@@ -4,9 +4,9 @@ import "../Icon/SvgIcon.js";
|
|
|
4
4
|
import { Toolbar as m } from "../Toolbar/Toolbar.js";
|
|
5
5
|
import { Heading as t } from "../Typography/Heading.js";
|
|
6
6
|
import "react";
|
|
7
|
+
import "../Autocomplete/AutocompleteBase.js";
|
|
7
8
|
import "../RootProvider/RootProvider.js";
|
|
8
9
|
import { TransmissionList as p } from "./TransmissionList.js";
|
|
9
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
10
10
|
const u = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
|
|
11
11
|
/* @__PURE__ */ o(t, { as: "h2", size: "xs", children: n }),
|
|
12
12
|
i && /* @__PURE__ */ o(m, { ...i }),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
2
|
import { LayoutTheme } from '../Layout';
|
|
3
|
-
export type TypographySize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export type TypographySize = 'xs' | 'sm' | 'md' | 'lg';
|
|
4
4
|
export interface TypographyProps {
|
|
5
5
|
as?: ElementType;
|
|
6
6
|
size?: TypographySize;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './Attachment';
|
|
2
|
+
export * from './Autocomplete';
|
|
2
3
|
export * from './Avatar';
|
|
3
4
|
export * from './Badge';
|
|
4
5
|
export * from './Bookmarks';
|
|
@@ -23,3 +24,4 @@ export * from './Toolbar';
|
|
|
23
24
|
export * from './Page';
|
|
24
25
|
export * from './Transmission';
|
|
25
26
|
export * from './Typography';
|
|
27
|
+
export * from './ResourceList';
|