@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.
Files changed (179) hide show
  1. package/dist/assets/DropdownBase.css +1 -1
  2. package/dist/assets/LayoutBody.css +1 -1
  3. package/dist/assets/MenuItemBase.css +1 -1
  4. package/dist/assets/MenuItemLabel.css +1 -1
  5. package/dist/assets/MenuItemMedia.css +1 -1
  6. package/dist/assets/MenuSearch.css +1 -1
  7. package/dist/assets/ToolbarBase.css +1 -1
  8. package/dist/assets/ToolbarSearch.css +1 -1
  9. package/dist/components/Attachment/AttachmentLink.d.ts +1 -1
  10. package/dist/components/Attachment/AttachmentLink.stories.d.ts +11 -0
  11. package/dist/components/Attachment/AttachmentLink.stories.js +6 -7
  12. package/dist/components/Attachment/AttachmentList.stories.d.ts +15 -0
  13. package/dist/components/Attachment/AttachmentList.stories.js +8 -23
  14. package/dist/components/Attachment/AttachmentSection.stories.d.ts +13 -0
  15. package/dist/components/Attachment/AttachmentSection.stories.js +8 -26
  16. package/dist/components/{Searchbar → Autocomplete}/ScopeListItem.d.ts +1 -2
  17. package/dist/components/Autocomplete/ScopeListItem.js +13 -0
  18. package/dist/components/Autocomplete/index.d.ts +1 -0
  19. package/dist/components/Autocomplete/index.js +4 -0
  20. package/dist/components/Avatar/AvatarGroup.stories.d.ts +13 -0
  21. package/dist/components/Badge/Badge.stories.d.ts +15 -0
  22. package/dist/components/Bookmarks/BookmarksList.js +1 -1
  23. package/dist/components/Bookmarks/BookmarksListItem.js +7 -6
  24. package/dist/components/Bookmarks/BookmarksListItem.stories.js +2 -2
  25. package/dist/components/Bookmarks/BookmarksSection.js +2 -2
  26. package/dist/components/Button/Button.stories.d.ts +18 -0
  27. package/dist/components/Button/Buttons.stories.js +8 -8
  28. package/dist/components/Button/ComboButton.stories.d.ts +19 -0
  29. package/dist/components/ContextMenu/ContextMenu.js +1 -1
  30. package/dist/components/ContextMenu/ContextMenu.stories.d.ts +39 -0
  31. package/dist/components/ContextMenu/ContextMenu.stories.js +5 -1
  32. package/dist/components/Dialog/Dialog.d.ts +4 -4
  33. package/dist/components/Dialog/Dialog.js +23 -23
  34. package/dist/components/Dialog/DialogActions.js +1 -1
  35. package/dist/components/Dialog/DialogActions.stories.d.ts +22 -0
  36. package/dist/components/Dialog/DialogContent.stories.d.ts +14 -0
  37. package/dist/components/Dialog/DialogContent.stories.js +2 -7
  38. package/dist/components/Dialog/DialogGroup.js +5 -5
  39. package/dist/components/Dialog/DialogHeader.d.ts +1 -1
  40. package/dist/components/Dialog/DialogHeader.js +5 -5
  41. package/dist/components/Dialog/DialogHeader.stories.d.ts +21 -0
  42. package/dist/components/Dialog/DialogHeader.stories.js +7 -4
  43. package/dist/components/Dialog/DialogHeadings.d.ts +6 -6
  44. package/dist/components/Dialog/DialogHeadings.js +15 -21
  45. package/dist/components/Dialog/DialogHeadings.stories.d.ts +21 -0
  46. package/dist/components/Dialog/DialogHistory.js +1 -1
  47. package/dist/components/Dialog/DialogHistory.stories.d.ts +52 -0
  48. package/dist/components/Dialog/DialogHistory.stories.js +27 -15
  49. package/dist/components/Dialog/DialogList.js +2 -2
  50. package/dist/components/Dialog/DialogList.stories.d.ts +51 -0
  51. package/dist/components/Dialog/DialogListItem.js +70 -69
  52. package/dist/components/Dialog/DialogListItem.stories.js +1 -1
  53. package/dist/components/Dialog/DialogMetadata.stories.d.ts +18 -0
  54. package/dist/components/Dialog/DialogNav.stories.d.ts +15 -0
  55. package/dist/components/Dialog/DialogNav.stories.js +1 -0
  56. package/dist/components/Dialog/DialogStatus.stories.d.ts +22 -0
  57. package/dist/components/Dropdown/DrawerButton.js +2 -2
  58. package/dist/components/Dropdown/DrawerOrDropdown.js +1 -1
  59. package/dist/components/Dropdown/DropdownBase.js +18 -18
  60. package/dist/components/Footer/Footer.stories.d.ts +22 -0
  61. package/dist/components/GlobalMenu/AccountButton.js +1 -1
  62. package/dist/components/GlobalMenu/AccountMenu.js +1 -1
  63. package/dist/components/GlobalMenu/AccountMenu.stories.js +12 -75
  64. package/dist/components/GlobalMenu/BackButton.js +3 -3
  65. package/dist/components/GlobalMenu/GlobalMenu.js +16 -16
  66. package/dist/components/GlobalMenu/GlobalMenu.stories.js +29 -163
  67. package/dist/components/Header/Header.js +12 -11
  68. package/dist/components/Header/Header.stories.js +14 -149
  69. package/dist/components/Header/HeaderBase.js +1 -1
  70. package/dist/components/Header/HeaderButton.stories.d.ts +18 -0
  71. package/dist/components/Header/HeaderLogo.stories.d.ts +11 -0
  72. package/dist/components/History/HistoryItem.js +1 -1
  73. package/dist/components/History/HistoryItem.stories.d.ts +20 -0
  74. package/dist/components/History/HistoryItemBase.stories.d.ts +19 -0
  75. package/dist/components/History/HistoryList.stories.d.ts +69 -0
  76. package/dist/components/Icon/CheckboxIcon.stories.d.ts +13 -0
  77. package/dist/components/Icon/ProgressIcon.stories.d.ts +15 -0
  78. package/dist/components/Icon/RadioIcon.stories.d.ts +13 -0
  79. package/dist/components/Layout/Layout.d.ts +1 -1
  80. package/dist/components/Layout/Layout.js +7 -7
  81. package/dist/components/Layout/Layout.stories.js +60 -279
  82. package/dist/components/Layout/LayoutBase.stories.d.ts +11 -0
  83. package/dist/components/Layout/LayoutBody.d.ts +6 -2
  84. package/dist/components/Layout/LayoutBody.js +4 -4
  85. package/dist/components/Layout/LayoutBody.stories.d.ts +11 -0
  86. package/dist/components/Layout/LayoutContent.stories.d.ts +11 -0
  87. package/dist/components/Layout/LayoutSidebar.stories.d.ts +11 -0
  88. package/dist/components/LayoutAction/ActionHeader.stories.d.ts +11 -0
  89. package/dist/components/LayoutAction/ActionMenu.js +1 -1
  90. package/dist/components/List/List.js +1 -1
  91. package/dist/components/List/List.stories.js +1 -1
  92. package/dist/components/List/ListItem.d.ts +4 -1
  93. package/dist/components/List/ListItem.js +53 -46
  94. package/dist/components/List/ListItem.stories.js +10 -10
  95. package/dist/components/List/ListItemHeader.stories.js +3 -3
  96. package/dist/components/Menu/Menu.d.ts +0 -2
  97. package/dist/components/Menu/Menu.js +21 -16
  98. package/dist/components/Menu/Menu.stories.d.ts +35 -0
  99. package/dist/components/Menu/Menu.stories.js +33 -120
  100. package/dist/components/Menu/MenuItem.d.ts +2 -2
  101. package/dist/components/Menu/MenuItem.js +13 -13
  102. package/dist/components/Menu/MenuItem.stories.js +2 -2
  103. package/dist/components/Menu/MenuItemBase.d.ts +1 -1
  104. package/dist/components/Menu/MenuItemBase.js +36 -36
  105. package/dist/components/Menu/MenuItemLabel.js +6 -6
  106. package/dist/components/Menu/MenuItemMedia.js +7 -5
  107. package/dist/components/Menu/MenuItems.d.ts +3 -1
  108. package/dist/components/Menu/MenuItems.js +57 -52
  109. package/dist/components/Menu/MenuItems.stories.d.ts +17 -0
  110. package/dist/components/Menu/MenuItems.stories.js +18 -104
  111. package/dist/components/Menu/MenuOption.stories.d.ts +17 -0
  112. package/dist/components/Menu/MenuSearch.d.ts +2 -2
  113. package/dist/components/Menu/MenuSearch.js +10 -10
  114. package/dist/components/Menu/MenuSearch.stories.d.ts +13 -0
  115. package/dist/components/Menu/MenuSearch.stories.js +8 -9
  116. package/dist/components/Meta/MetaItem.stories.d.ts +16 -0
  117. package/dist/components/Meta/MetaList.stories.d.ts +15 -0
  118. package/dist/components/Meta/MetaProgress.stories.d.ts +14 -0
  119. package/dist/components/Meta/MetaTimestamp.stories.d.ts +15 -0
  120. package/dist/components/Page/PageHeader.js +1 -1
  121. package/dist/components/ResourceList/ResourceList.d.ts +6 -0
  122. package/dist/components/ResourceList/ResourceList.js +12 -0
  123. package/dist/components/ResourceList/ResourceList.stories.js +270 -0
  124. package/dist/components/ResourceList/ResourceListItem.d.ts +11 -0
  125. package/dist/components/ResourceList/ResourceListItem.js +32 -0
  126. package/dist/components/ResourceList/ResourceListItem.stories.js +33 -0
  127. package/dist/components/ResourceList/index.d.ts +2 -0
  128. package/dist/components/ResourceList/index.js +6 -0
  129. package/dist/components/Searchbar/Searchbar.d.ts +2 -2
  130. package/dist/components/Searchbar/Searchbar.js +1 -1
  131. package/dist/components/Toolbar/Toolbar.d.ts +3 -3
  132. package/dist/components/Toolbar/Toolbar.js +11 -11
  133. package/dist/components/Toolbar/Toolbar.stories.js +36 -161
  134. package/dist/components/Toolbar/ToolbarAccountMenu.d.ts +5 -0
  135. package/dist/components/Toolbar/ToolbarAccountMenu.js +20 -0
  136. package/dist/components/Toolbar/ToolbarAdd.js +1 -1
  137. package/dist/components/Toolbar/ToolbarAdd.stories.d.ts +13 -0
  138. package/dist/components/Toolbar/ToolbarAdd.stories.js +4 -1
  139. package/dist/components/Toolbar/ToolbarBase.js +1 -1
  140. package/dist/components/Toolbar/ToolbarButton.stories.d.ts +15 -0
  141. package/dist/components/Toolbar/ToolbarDate.stories.d.ts +27 -0
  142. package/dist/components/Toolbar/ToolbarDate.stories.js +7 -3
  143. package/dist/components/Toolbar/ToolbarDaterange.d.ts +2 -4
  144. package/dist/components/Toolbar/ToolbarDaterange.js +33 -34
  145. package/dist/components/Toolbar/ToolbarDaterange.stories.d.ts +15 -0
  146. package/dist/components/Toolbar/ToolbarDaterange.stories.js +7 -10
  147. package/dist/components/Toolbar/ToolbarFilter.js +1 -1
  148. package/dist/components/Toolbar/ToolbarFilter.stories.d.ts +18 -0
  149. package/dist/components/Toolbar/ToolbarFilter.stories.js +6 -24
  150. package/dist/components/Toolbar/ToolbarMenu.js +5 -5
  151. package/dist/components/Toolbar/ToolbarMenu.stories.d.ts +19 -0
  152. package/dist/components/Toolbar/ToolbarMenu.stories.js +7 -6
  153. package/dist/components/Toolbar/ToolbarOptions.js +1 -1
  154. package/dist/components/Toolbar/ToolbarOptions.stories.d.ts +12 -0
  155. package/dist/components/Toolbar/ToolbarOptions.stories.js +2 -48
  156. package/dist/components/Toolbar/ToolbarSearch.js +16 -16
  157. package/dist/components/Toolbar/ToolbarSearch.stories.d.ts +13 -0
  158. package/dist/components/Toolbar/ToolbarSearch.stories.js +6 -7
  159. package/dist/components/Transmission/TransmissionItem.js +38 -40
  160. package/dist/components/Transmission/TransmissionItem.stories.d.ts +25 -0
  161. package/dist/components/Transmission/TransmissionList.js +1 -1
  162. package/dist/components/Transmission/TransmissionList.stories.d.ts +55 -0
  163. package/dist/components/Transmission/TransmissionList.stories.js +1 -1
  164. package/dist/components/Transmission/TransmissionSection.js +1 -1
  165. package/dist/components/Typography/Typography.d.ts +1 -1
  166. package/dist/components/index.d.ts +2 -0
  167. package/dist/components/index.js +256 -250
  168. package/dist/index.js +264 -258
  169. package/package.json +3 -2
  170. package/dist/components/Searchbar/ScopeListItem.js +0 -13
  171. package/dist/components/{Searchbar → Autocomplete}/Autocomplete.d.ts +0 -0
  172. package/dist/components/{Searchbar → Autocomplete}/Autocomplete.js +0 -0
  173. package/dist/components/{Searchbar → Autocomplete}/Autocomplete.stories.js +0 -0
  174. package/dist/components/{Searchbar → Autocomplete}/AutocompleteBase.d.ts +0 -0
  175. package/dist/components/{Searchbar → Autocomplete}/AutocompleteBase.js +0 -0
  176. package/dist/components/{Searchbar → Autocomplete}/AutocompleteGroup.d.ts +0 -0
  177. package/dist/components/{Searchbar → Autocomplete}/AutocompleteGroup.js +0 -0
  178. package/dist/components/{Searchbar → Autocomplete}/AutocompleteItem.d.ts +0 -0
  179. package/dist/components/{Searchbar → Autocomplete}/AutocompleteItem.js +1 -1
@@ -1,17 +1,16 @@
1
- import { jsxs as i, jsx as m } from "react/jsx-runtime";
2
- import { useState as f } from "react";
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 "../Searchbar/AutocompleteBase.js";
12
- import '../../assets/TransmissionItem.css';const I = "_body_1m345_1", z = {
13
- body: I
14
- }, M = ({
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, s] = f(!1);
26
- return /* @__PURE__ */ i(u, { expanded: t, children: [
27
- /* @__PURE__ */ m(
28
- v,
29
- {
30
- as: "button",
31
- onClick: () => {
32
- s((y) => !y);
33
- },
34
- size: "sm",
35
- avatar: {
36
- type: o == null ? void 0 : o.type,
37
- imageUrl: o == null ? void 0 : o.imageUrl,
38
- name: o == null ? void 0 : o.name
39
- },
40
- title: n,
41
- description: t ? "" : g,
42
- badge: r,
43
- linkIcon: t ? "chevron-down" : "chevron-up"
44
- }
45
- ),
46
- t && /* @__PURE__ */ i("div", { className: z.body, children: [
47
- p && /* @__PURE__ */ i(T, { loading: c, datetime: p, size: "xs", children: [
48
- o && /* @__PURE__ */ m("strong", { children: (o == null ? void 0 : o.name) + ", " }),
49
- l
50
- ] }),
51
- /* @__PURE__ */ i(x, { size: "lg", children: [
52
- /* @__PURE__ */ m("p", { children: h }),
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
- M as TransmissionItem
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: "Company",
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';