@altinn/altinn-components 0.18.9 → 0.19.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 (116) hide show
  1. package/dist/CircleFill-IZdiBc_K.js +25 -0
  2. package/dist/{ListItemBase-BVx5MDhO.js → ListItemBase-DuTOUOfv.js} +29 -29
  3. package/dist/assets/Flex.css +1 -1
  4. package/dist/assets/ListItemBase.css +1 -1
  5. package/dist/assets/MenuItemBase.css +1 -1
  6. package/dist/assets/Skeleton.css +1 -1
  7. package/dist/assets/TimelineBase.css +1 -1
  8. package/dist/assets/TimelineHeader.css +1 -0
  9. package/dist/components/Bookmarks/BookmarksListItem.js +1 -1
  10. package/dist/components/Bookmarks/BookmarksSection.js +7 -7
  11. package/dist/components/Byline/Byline.js +19 -18
  12. package/dist/components/ContextMenu/ContextMenu.js +4 -4
  13. package/dist/components/Dialog/Dialog.js +59 -60
  14. package/dist/components/Dialog/DialogActions.js +31 -38
  15. package/dist/components/Dialog/DialogActivity.js +32 -0
  16. package/dist/components/Dialog/DialogAttachments.js +4 -4
  17. package/dist/components/Dialog/DialogBody.js +31 -36
  18. package/dist/components/Dialog/DialogHeader.js +4 -4
  19. package/dist/components/Dialog/DialogHistory.js +19 -19
  20. package/dist/components/Dialog/DialogListGroup.js +7 -7
  21. package/dist/components/Dialog/DialogListItem.js +1 -1
  22. package/dist/components/Dialog/DialogSection.js +6 -6
  23. package/dist/components/Dialog/SeenByLog.js +1 -1
  24. package/dist/components/Dialog/index.js +25 -35
  25. package/dist/components/LayoutAction/ActionHeader.js +1 -1
  26. package/dist/components/List/List.js +1 -1
  27. package/dist/components/List/ListItem.js +38 -35
  28. package/dist/components/List/ListItemBase.js +1 -1
  29. package/dist/components/List/ListItemHeader.js +1 -1
  30. package/dist/components/List/index.js +1 -1
  31. package/dist/components/Menu/MenuItemBase.js +38 -36
  32. package/dist/components/Meta/MetaItem.js +15 -16
  33. package/dist/components/Meta/MetaItemBase.js +27 -25
  34. package/dist/components/Meta/MetaTimestamp.js +15 -16
  35. package/dist/components/Page/ContactSection.js +6 -6
  36. package/dist/components/Page/Flex.js +3 -3
  37. package/dist/components/Page/PageHeader.js +16 -16
  38. package/dist/components/Search/AutocompleteItem.js +1 -1
  39. package/dist/components/Search/SuggestListItem.js +1 -1
  40. package/dist/components/Skeleton/Skeleton.js +28 -17
  41. package/dist/components/Timeline/Timeline.js +9 -6
  42. package/dist/components/Timeline/TimelineActivity.js +33 -0
  43. package/dist/components/Timeline/TimelineBase.js +33 -6
  44. package/dist/components/Timeline/TimelineFooter.js +20 -0
  45. package/dist/components/Timeline/TimelineHeader.js +29 -0
  46. package/dist/components/Timeline/TimelineSection.js +22 -33
  47. package/dist/components/Timeline/index.js +12 -6
  48. package/dist/components/Toolbar/ToolbarAccountMenu.js +8 -8
  49. package/dist/components/Toolbar/ToolbarAdd.js +7 -7
  50. package/dist/components/Toolbar/ToolbarDaterange.js +7 -7
  51. package/dist/components/Toolbar/ToolbarFilter.js +6 -6
  52. package/dist/components/Toolbar/ToolbarMenu.js +7 -7
  53. package/dist/components/Transmission/Transmission.js +56 -0
  54. package/dist/components/Transmission/TransmissionList.js +13 -6
  55. package/dist/components/Transmission/index.js +2 -2
  56. package/dist/components/Typography/Typography.js +24 -22
  57. package/dist/components/index.js +259 -263
  58. package/dist/index.js +261 -265
  59. package/dist/types/lib/components/Byline/Byline.d.ts +3 -2
  60. package/dist/types/lib/components/Byline/Byline.stories.d.ts +1 -1
  61. package/dist/types/lib/components/Dialog/Dialog.d.ts +4 -4
  62. package/dist/types/lib/components/Dialog/DialogActions.d.ts +2 -3
  63. package/dist/types/lib/components/Dialog/DialogActivity.d.ts +22 -0
  64. package/dist/types/lib/components/Dialog/DialogBody.d.ts +1 -3
  65. package/dist/types/lib/components/Dialog/DialogBody.stories.d.ts +1 -1
  66. package/dist/types/lib/components/Dialog/DialogHistory.d.ts +2 -2
  67. package/dist/types/lib/components/Dialog/DialogHistory.stories.d.ts +2 -8
  68. package/dist/types/lib/components/Dialog/Examples.stories.d.ts +0 -3
  69. package/dist/types/lib/components/Dialog/index.d.ts +1 -6
  70. package/dist/types/lib/components/List/ListItem.d.ts +1 -1
  71. package/dist/types/lib/components/List/ListItem.stories.d.ts +2 -1
  72. package/dist/types/lib/components/List/Specimens.stories.d.ts +1 -1
  73. package/dist/types/lib/components/Menu/MenuItemBase.d.ts +1 -1
  74. package/dist/types/lib/components/Meta/MetaItemBase.d.ts +2 -1
  75. package/dist/types/lib/components/Skeleton/Skeleton.d.ts +3 -2
  76. package/dist/types/lib/components/Timeline/Timeline.d.ts +3 -3
  77. package/dist/types/lib/components/Timeline/Timeline.stories.d.ts +7 -42
  78. package/dist/types/lib/components/Timeline/TimelineActivity.d.ts +15 -0
  79. package/dist/types/lib/components/Timeline/TimelineActivity.stories.d.ts +17 -0
  80. package/dist/types/lib/components/Timeline/TimelineBase.d.ts +14 -3
  81. package/dist/types/lib/components/Timeline/TimelineFooter.d.ts +11 -0
  82. package/dist/types/lib/components/Timeline/TimelineFooter.stories.d.ts +14 -0
  83. package/dist/types/lib/components/Timeline/TimelineHeader.d.ts +13 -0
  84. package/dist/types/lib/components/Timeline/TimelineHeader.stories.d.ts +16 -0
  85. package/dist/types/lib/components/Timeline/TimelineSection.d.ts +8 -9
  86. package/dist/types/lib/components/Timeline/TimelineSection.stories.d.ts +16 -0
  87. package/dist/types/lib/components/Timeline/index.d.ts +4 -1
  88. package/dist/types/lib/components/Transmission/Transmission.d.ts +20 -0
  89. package/dist/types/lib/components/Transmission/TransmissionList.d.ts +2 -2
  90. package/dist/types/lib/components/Transmission/TransmissionList.stories.d.ts +1 -1
  91. package/dist/types/lib/components/Transmission/index.d.ts +1 -1
  92. package/dist/types/lib/components/Typography/Typography.d.ts +2 -1
  93. package/dist/types/lib/components/Typography/Typography.stories.d.ts +1 -1
  94. package/dist/types/lib/types/color.d.ts +1 -1
  95. package/package.json +1 -1
  96. package/dist/assets/TimelineSection.css +0 -1
  97. package/dist/assets/TransmissionItem.css +0 -1
  98. package/dist/components/Dialog/ActivityItem.js +0 -39
  99. package/dist/components/Dialog/ActivityItemDetails.js +0 -22
  100. package/dist/components/Dialog/ActivityLog.js +0 -17
  101. package/dist/components/Dialog/DialogContent.js +0 -26
  102. package/dist/components/Dialog/DialogTimeline.js +0 -17
  103. package/dist/components/Dialog/DialogTimelineItem.js +0 -18
  104. package/dist/components/Dialog/DialogTransmissions.js +0 -17
  105. package/dist/components/Transmission/TransmissionItem.js +0 -93
  106. package/dist/types/lib/components/Dialog/ActivityItem.d.ts +0 -16
  107. package/dist/types/lib/components/Dialog/ActivityItemDetails.d.ts +0 -6
  108. package/dist/types/lib/components/Dialog/ActivityLog.d.ts +0 -6
  109. package/dist/types/lib/components/Dialog/ActivityLog.stories.d.ts +0 -39
  110. package/dist/types/lib/components/Dialog/DialogContent.d.ts +0 -11
  111. package/dist/types/lib/components/Dialog/DialogTimeline.d.ts +0 -6
  112. package/dist/types/lib/components/Dialog/DialogTimelineItem.d.ts +0 -10
  113. package/dist/types/lib/components/Dialog/DialogTransmissions.d.ts +0 -8
  114. package/dist/types/lib/components/Dialog/DialogTransmissions.stories.d.ts +0 -76
  115. package/dist/types/lib/components/Transmission/TransmissionItem.d.ts +0 -21
  116. package/dist/types/lib/components/Transmission/TransmissionItem.stories.d.ts +0 -25
@@ -1,26 +0,0 @@
1
- import { jsx as r, jsxs as o } from "react/jsx-runtime";
2
- import "../../index-L8X2o7IH.js";
3
- import "react";
4
- import { Byline as n } from "../Byline/Byline.js";
5
- import "../RootProvider/RootProvider.js";
6
- import { DialogActivityLog as c } from "./DialogActivityLog.js";
7
- import { DialogSeenBy as d } from "./DialogSeenBy.js";
8
- import { MetaBase as l } from "../Meta/MetaBase.js";
9
- import { Typography as a } from "../Typography/Typography.js";
10
- import "../Search/AutocompleteBase.js";
11
- import "../Snackbar/useSnackbar.js";
12
- import { TimelineSection as f } from "../Timeline/TimelineSection.js";
13
- import { Section as g } from "../Page/Section.js";
14
- const C = ({ updatedAt: t, updatedAtLabel: p, seenBy: i, activityLog: m, children: e }) => /* @__PURE__ */ r(f, { isSeenByEndUser: i == null ? void 0 : i.seenByEndUser, children: /* @__PURE__ */ o(g, { spacing: 4, margin: "section", children: [
15
- /* @__PURE__ */ o("div", { children: [
16
- /* @__PURE__ */ r(n, { datetime: t, children: p }),
17
- /* @__PURE__ */ r(a, { size: "md", children: e })
18
- ] }),
19
- /* @__PURE__ */ o(l, { children: [
20
- i && /* @__PURE__ */ r(d, { ...i }),
21
- m && /* @__PURE__ */ r(c, { ...m })
22
- ] })
23
- ] }) });
24
- export {
25
- C as DialogContent
26
- };
@@ -1,17 +0,0 @@
1
- "use client";
2
- import { jsxs as o, jsx as t } from "react/jsx-runtime";
3
- import { createElement as n } from "react";
4
- import "../../index-L8X2o7IH.js";
5
- import "../RootProvider/RootProvider.js";
6
- import { Heading as p } from "../Typography/Heading.js";
7
- import { DialogTimelineItem as l } from "./DialogTimelineItem.js";
8
- import "../Search/AutocompleteBase.js";
9
- import "../Snackbar/useSnackbar.js";
10
- import { TimelineBase as s } from "../Timeline/TimelineBase.js";
11
- const j = ({ title: e, items: i = [] }) => /* @__PURE__ */ o(s, { children: [
12
- /* @__PURE__ */ t(p, { size: "xs", children: e }),
13
- i.map((r, m) => /* @__PURE__ */ n(l, { ...r, key: m }))
14
- ] });
15
- export {
16
- j as DialogTimeline
17
- };
@@ -1,18 +0,0 @@
1
- "use client";
2
- import { jsx as e, jsxs as p } from "react/jsx-runtime";
3
- import { createElement as l } from "react";
4
- import "../../index-L8X2o7IH.js";
5
- import "../RootProvider/RootProvider.js";
6
- import { TransmissionItem as s } from "../Transmission/TransmissionItem.js";
7
- import { ListBase as c } from "../List/ListBase.js";
8
- import { Typography as a } from "../Typography/Typography.js";
9
- import "../Search/AutocompleteBase.js";
10
- import "../Snackbar/useSnackbar.js";
11
- import { TimelineSection as d } from "../Timeline/TimelineSection.js";
12
- const b = ({ updatedAt: t, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", color: "neutral", datetime: t, dateline: o, children: /* @__PURE__ */ p(a, { size: "md", children: [
13
- i && /* @__PURE__ */ e("p", { children: i }),
14
- r && /* @__PURE__ */ e(c, { children: r.map((m, n) => /* @__PURE__ */ l(s, { ...m, key: n, theme: "subtle" })) })
15
- ] }) });
16
- export {
17
- b as DialogTimelineItem
18
- };
@@ -1,17 +0,0 @@
1
- import { jsxs as s, jsx as o } from "react/jsx-runtime";
2
- import "../../index-L8X2o7IH.js";
3
- import "react";
4
- import "../RootProvider/RootProvider.js";
5
- import "../Search/AutocompleteBase.js";
6
- import "../Snackbar/useSnackbar.js";
7
- import { Heading as m } from "../Typography/Heading.js";
8
- import { TransmissionList as p } from "../Transmission/TransmissionList.js";
9
- import { Toolbar as t } from "../Toolbar/Toolbar.js";
10
- const g = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
11
- /* @__PURE__ */ o(m, { as: "h2", size: "xs", children: n }),
12
- i && /* @__PURE__ */ o(t, { ...i }),
13
- /* @__PURE__ */ o(p, { items: r })
14
- ] }) : null;
15
- export {
16
- g as DialogTransmissions
17
- };
@@ -1,93 +0,0 @@
1
- "use client";
2
- import { jsx as r, jsxs as n } from "react/jsx-runtime";
3
- import * as c from "react";
4
- import { forwardRef as h, useState as w } from "react";
5
- import "../../index-L8X2o7IH.js";
6
- import "../RootProvider/RootProvider.js";
7
- import "../Search/AutocompleteBase.js";
8
- import { ListItem as s } from "../List/ListItem.js";
9
- import { MetaTimestamp as x } from "../Meta/MetaTimestamp.js";
10
- import "../Snackbar/useSnackbar.js";
11
- import { Typography as O } from "../Typography/Typography.js";
12
- import { DialogAttachments as I } from "../Dialog/DialogAttachments.js";
13
- import { u as j } from "../../useId-CsCRkvK3.js";
14
- import '../../assets/TransmissionItem.css';var _ = function(o, l) {
15
- var e = {};
16
- for (var t in o) Object.prototype.hasOwnProperty.call(o, t) && l.indexOf(t) < 0 && (e[t] = o[t]);
17
- if (o != null && typeof Object.getOwnPropertySymbols == "function")
18
- for (var i = 0, t = Object.getOwnPropertySymbols(o); i < t.length; i++)
19
- l.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(o, t[i]) && (e[t[i]] = o[t[i]]);
20
- return e;
21
- };
22
- const z = h((o, l) => {
23
- var { title: e, titleId: t } = o, i = _(o, ["title", "titleId"]);
24
- let a = j();
25
- return a = e ? t || "title-" + a : void 0, c.createElement(
26
- "svg",
27
- 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: l, "aria-labelledby": a }, i),
28
- e ? c.createElement("title", { id: a }, e) : null,
29
- c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.638 4.417a3.25 3.25 0 0 0-4.608-.008l-9.378 9.379a.75.75 0 0 0-.191.324l-1.414 4.95a.75.75 0 0 0 .925.927l4.94-1.398a.75.75 0 0 0 .327-.191l9.39-9.391a3.25 3.25 0 0 0 .01-4.592M16.091 5.47a1.752 1.752 0 1 1 2.478 2.478l-.23.23-2.477-2.479zM14.8 6.76 6.85 14.71l-.991 3.47 3.457-.979 7.963-7.963z", clipRule: "evenodd" })
30
- );
31
- }), y = "_body_1m345_1", E = {
32
- body: y
33
- }, N = ({
34
- theme: o,
35
- type: l,
36
- loading: e,
37
- sender: t,
38
- createdAt: i,
39
- createdAtLabel: a,
40
- title: f,
41
- description: u,
42
- summary: d,
43
- attachments: b
44
- }) => {
45
- const [m, p] = w(!1), g = () => {
46
- p((v) => !v);
47
- };
48
- return (l == null ? void 0 : l.value) === "draft" ? /* @__PURE__ */ r(
49
- s,
50
- {
51
- as: "button",
52
- theme: o,
53
- variant: "dotted",
54
- size: "sm",
55
- icon: z,
56
- title: f,
57
- description: u,
58
- badge: { label: l == null ? void 0 : l.label },
59
- linkIcon: !0
60
- }
61
- ) : /* @__PURE__ */ r(
62
- s,
63
- {
64
- as: "button",
65
- theme: o,
66
- expanded: m,
67
- collapsible: !0,
68
- onClick: g,
69
- size: "sm",
70
- avatar: {
71
- type: t == null ? void 0 : t.type,
72
- imageUrl: t == null ? void 0 : t.imageUrl,
73
- name: t == null ? void 0 : t.name
74
- },
75
- title: f,
76
- description: m ? "" : u,
77
- badge: { label: l == null ? void 0 : l.label },
78
- children: m && /* @__PURE__ */ n("div", { className: E.body, children: [
79
- i && /* @__PURE__ */ n(x, { loading: e, datetime: i, size: "xs", children: [
80
- t && /* @__PURE__ */ r("strong", { children: (t == null ? void 0 : t.name) + ", " }),
81
- a
82
- ] }),
83
- /* @__PURE__ */ n(O, { size: "lg", children: [
84
- /* @__PURE__ */ r("p", { children: d }),
85
- b && /* @__PURE__ */ r(I, { ...b })
86
- ] })
87
- ] })
88
- }
89
- );
90
- };
91
- export {
92
- N as TransmissionItem
93
- };
@@ -1,16 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { AvatarProps, DialogAttachmentsProps, DialogTransmissionsProps, TimelineSectionSize } from '../';
3
- export type ActivityItemType = 'information' | 'created' | 'closed' | 'opened';
4
- export interface ActivityItemProps {
5
- type?: ActivityItemType;
6
- size?: TimelineSectionSize;
7
- createdAt?: string;
8
- createdAtLabel?: string;
9
- createdBy?: AvatarProps;
10
- description?: string | ReactNode;
11
- attachments?: DialogAttachmentsProps;
12
- transmissions?: DialogTransmissionsProps;
13
- collapsed?: boolean;
14
- children?: ReactNode;
15
- }
16
- export declare const ActivityItem: ({ type, size, createdBy, createdAt, createdAtLabel, description, children, }: ActivityItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { DialogAttachmentsProps, DialogTransmissionsProps } from '../';
2
- export interface ActivityItemDetailsProps {
3
- attachments?: DialogAttachmentsProps;
4
- transmissions?: DialogTransmissionsProps;
5
- }
6
- export declare const ActivityItemDetails: ({ attachments, transmissions }: ActivityItemDetailsProps) => false | import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { ActivityItemProps, ToolbarProps } from '..';
2
- export interface ActivityLogProps {
3
- toolbar?: ToolbarProps;
4
- items?: ActivityItemProps[];
5
- }
6
- export declare const ActivityLog: ({ toolbar, items }: ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,39 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- import { ActivityLog } from './ActivityLog';
3
- declare const meta: {
4
- title: string;
5
- component: ({ toolbar, items }: import('./ActivityLog').ActivityLogProps) => import("react/jsx-runtime").JSX.Element;
6
- tags: string[];
7
- parameters: {};
8
- args: {
9
- items: ({
10
- type: "created";
11
- createdAt: string;
12
- createdAtLabel: string;
13
- description: string;
14
- createdBy?: undefined;
15
- } | {
16
- type: "information";
17
- createdBy: import('..').AvatarProps;
18
- createdAt: string;
19
- createdAtLabel: string;
20
- description: string;
21
- } | {
22
- type: "opened";
23
- createdAt: string;
24
- createdAtLabel: string;
25
- description: string;
26
- createdBy?: undefined;
27
- } | {
28
- type: "closed";
29
- createdAt: string;
30
- createdAtLabel: string;
31
- description: string;
32
- createdBy?: undefined;
33
- })[];
34
- };
35
- };
36
- export default meta;
37
- type Story = StoryObj<typeof meta>;
38
- export declare const Default: Story;
39
- export declare const WithToolbar: (args: typeof ActivityLog) => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { DialogActivityLogProps, DialogSeenByProps } from '..';
3
- export interface DialogContentProps {
4
- updatedAt?: string;
5
- updatedAtLabel?: string;
6
- seenBy?: DialogSeenByProps;
7
- activityLog?: DialogActivityLogProps;
8
- children?: ReactNode;
9
- }
10
- /** Main content of a dialog */
11
- export declare const DialogContent: ({ updatedAt, updatedAtLabel, seenBy, activityLog, children }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { DialogTimelineItemProps } from './DialogTimelineItem';
2
- export interface DialogTimelineProps {
3
- title?: string;
4
- items?: DialogTimelineItemProps[];
5
- }
6
- export declare const DialogTimeline: ({ title, items }: DialogTimelineProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { TransmissionItemProps } from '../';
3
- export interface DialogTimelineItemProps {
4
- updatedAt: string;
5
- updatedAtLabel: string;
6
- summary?: string;
7
- items?: TransmissionItemProps[];
8
- children?: ReactNode;
9
- }
10
- export declare const DialogTimelineItem: ({ updatedAt, updatedAtLabel, summary, items }: DialogTimelineItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +0,0 @@
1
- import { ToolbarProps } from '../Toolbar';
2
- import { TransmissionItemProps } from '../Transmission';
3
- export interface DialogTransmissionsProps {
4
- title?: string;
5
- items?: TransmissionItemProps[];
6
- toolbar?: ToolbarProps;
7
- }
8
- export declare const DialogTransmissions: ({ title, items, toolbar }: DialogTransmissionsProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,76 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ title, items, toolbar }: import('./DialogTransmissions').DialogTransmissionsProps) => import("react/jsx-runtime").JSX.Element | null;
5
- tags: string[];
6
- parameters: {};
7
- args: {
8
- title: string;
9
- items: ({
10
- createdAt: string;
11
- createdAtLabel: string;
12
- sender: {
13
- type: "company";
14
- name: string;
15
- imageUrl: string;
16
- };
17
- badge: {
18
- label: string;
19
- };
20
- title: string;
21
- summary: string;
22
- attachments: {
23
- title: string;
24
- items: {
25
- label: string;
26
- href: string;
27
- }[];
28
- };
29
- } | {
30
- sender: {
31
- name: string;
32
- type?: undefined;
33
- imageUrl?: undefined;
34
- };
35
- title: string;
36
- createdAtLabel: string;
37
- summary: string;
38
- createdAt?: undefined;
39
- badge?: undefined;
40
- attachments?: undefined;
41
- })[];
42
- };
43
- };
44
- export default meta;
45
- type Story = StoryObj<typeof meta>;
46
- export declare const Default: Story;
47
- export declare const WithSearch: {
48
- args: {
49
- toolbar: {
50
- search: {
51
- label: string;
52
- placeholder: string;
53
- };
54
- };
55
- };
56
- };
57
- export declare const WithFilters: {
58
- args: {
59
- toolbar: {
60
- filters: {
61
- name: string;
62
- label: string;
63
- optionType: string;
64
- options: {
65
- groupId: string;
66
- label: string;
67
- value: string;
68
- }[];
69
- }[];
70
- search: {
71
- label: string;
72
- placeholder: string;
73
- };
74
- };
75
- };
76
- };
@@ -1,21 +0,0 @@
1
- import { AvatarProps } from '../Avatar';
2
- import { BadgeProps } from '../Badge';
3
- import { DialogAttachmentsProps } from '../Dialog';
4
- import { ListItemColor, ListItemTheme } from '../List';
5
- import { TransmissionTypeProps } from './TransmissionType';
6
- export interface TransmissionItemProps {
7
- color?: ListItemColor;
8
- theme?: ListItemTheme;
9
- type?: TransmissionTypeProps;
10
- loading?: boolean;
11
- expanded?: boolean;
12
- sender: AvatarProps;
13
- createdAt?: string;
14
- createdAtLabel?: string;
15
- badge?: BadgeProps | undefined;
16
- title?: string;
17
- description?: string | undefined;
18
- summary?: string;
19
- attachments?: DialogAttachmentsProps;
20
- }
21
- export declare const TransmissionItem: ({ theme, type, loading, sender, createdAt, createdAtLabel, title, description, summary, attachments, }: TransmissionItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,25 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: ({ theme, type, loading, sender, createdAt, createdAtLabel, 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: () => import("react/jsx-runtime").JSX.Element;