@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.
- package/dist/CircleFill-IZdiBc_K.js +25 -0
- package/dist/{ListItemBase-BVx5MDhO.js → ListItemBase-DuTOUOfv.js} +29 -29
- package/dist/assets/Flex.css +1 -1
- package/dist/assets/ListItemBase.css +1 -1
- package/dist/assets/MenuItemBase.css +1 -1
- package/dist/assets/Skeleton.css +1 -1
- package/dist/assets/TimelineBase.css +1 -1
- package/dist/assets/TimelineHeader.css +1 -0
- package/dist/components/Bookmarks/BookmarksListItem.js +1 -1
- package/dist/components/Bookmarks/BookmarksSection.js +7 -7
- package/dist/components/Byline/Byline.js +19 -18
- package/dist/components/ContextMenu/ContextMenu.js +4 -4
- package/dist/components/Dialog/Dialog.js +59 -60
- package/dist/components/Dialog/DialogActions.js +31 -38
- package/dist/components/Dialog/DialogActivity.js +32 -0
- package/dist/components/Dialog/DialogAttachments.js +4 -4
- package/dist/components/Dialog/DialogBody.js +31 -36
- package/dist/components/Dialog/DialogHeader.js +4 -4
- package/dist/components/Dialog/DialogHistory.js +19 -19
- package/dist/components/Dialog/DialogListGroup.js +7 -7
- package/dist/components/Dialog/DialogListItem.js +1 -1
- package/dist/components/Dialog/DialogSection.js +6 -6
- package/dist/components/Dialog/SeenByLog.js +1 -1
- package/dist/components/Dialog/index.js +25 -35
- package/dist/components/LayoutAction/ActionHeader.js +1 -1
- package/dist/components/List/List.js +1 -1
- package/dist/components/List/ListItem.js +38 -35
- package/dist/components/List/ListItemBase.js +1 -1
- package/dist/components/List/ListItemHeader.js +1 -1
- package/dist/components/List/index.js +1 -1
- package/dist/components/Menu/MenuItemBase.js +38 -36
- package/dist/components/Meta/MetaItem.js +15 -16
- package/dist/components/Meta/MetaItemBase.js +27 -25
- package/dist/components/Meta/MetaTimestamp.js +15 -16
- package/dist/components/Page/ContactSection.js +6 -6
- package/dist/components/Page/Flex.js +3 -3
- package/dist/components/Page/PageHeader.js +16 -16
- package/dist/components/Search/AutocompleteItem.js +1 -1
- package/dist/components/Search/SuggestListItem.js +1 -1
- package/dist/components/Skeleton/Skeleton.js +28 -17
- package/dist/components/Timeline/Timeline.js +9 -6
- package/dist/components/Timeline/TimelineActivity.js +33 -0
- package/dist/components/Timeline/TimelineBase.js +33 -6
- package/dist/components/Timeline/TimelineFooter.js +20 -0
- package/dist/components/Timeline/TimelineHeader.js +29 -0
- package/dist/components/Timeline/TimelineSection.js +22 -33
- package/dist/components/Timeline/index.js +12 -6
- package/dist/components/Toolbar/ToolbarAccountMenu.js +8 -8
- package/dist/components/Toolbar/ToolbarAdd.js +7 -7
- package/dist/components/Toolbar/ToolbarDaterange.js +7 -7
- package/dist/components/Toolbar/ToolbarFilter.js +6 -6
- package/dist/components/Toolbar/ToolbarMenu.js +7 -7
- package/dist/components/Transmission/Transmission.js +56 -0
- package/dist/components/Transmission/TransmissionList.js +13 -6
- package/dist/components/Transmission/index.js +2 -2
- package/dist/components/Typography/Typography.js +24 -22
- package/dist/components/index.js +259 -263
- package/dist/index.js +261 -265
- package/dist/types/lib/components/Byline/Byline.d.ts +3 -2
- package/dist/types/lib/components/Byline/Byline.stories.d.ts +1 -1
- package/dist/types/lib/components/Dialog/Dialog.d.ts +4 -4
- package/dist/types/lib/components/Dialog/DialogActions.d.ts +2 -3
- package/dist/types/lib/components/Dialog/DialogActivity.d.ts +22 -0
- package/dist/types/lib/components/Dialog/DialogBody.d.ts +1 -3
- package/dist/types/lib/components/Dialog/DialogBody.stories.d.ts +1 -1
- package/dist/types/lib/components/Dialog/DialogHistory.d.ts +2 -2
- package/dist/types/lib/components/Dialog/DialogHistory.stories.d.ts +2 -8
- package/dist/types/lib/components/Dialog/Examples.stories.d.ts +0 -3
- package/dist/types/lib/components/Dialog/index.d.ts +1 -6
- package/dist/types/lib/components/List/ListItem.d.ts +1 -1
- package/dist/types/lib/components/List/ListItem.stories.d.ts +2 -1
- package/dist/types/lib/components/List/Specimens.stories.d.ts +1 -1
- package/dist/types/lib/components/Menu/MenuItemBase.d.ts +1 -1
- package/dist/types/lib/components/Meta/MetaItemBase.d.ts +2 -1
- package/dist/types/lib/components/Skeleton/Skeleton.d.ts +3 -2
- package/dist/types/lib/components/Timeline/Timeline.d.ts +3 -3
- package/dist/types/lib/components/Timeline/Timeline.stories.d.ts +7 -42
- package/dist/types/lib/components/Timeline/TimelineActivity.d.ts +15 -0
- package/dist/types/lib/components/Timeline/TimelineActivity.stories.d.ts +17 -0
- package/dist/types/lib/components/Timeline/TimelineBase.d.ts +14 -3
- package/dist/types/lib/components/Timeline/TimelineFooter.d.ts +11 -0
- package/dist/types/lib/components/Timeline/TimelineFooter.stories.d.ts +14 -0
- package/dist/types/lib/components/Timeline/TimelineHeader.d.ts +13 -0
- package/dist/types/lib/components/Timeline/TimelineHeader.stories.d.ts +16 -0
- package/dist/types/lib/components/Timeline/TimelineSection.d.ts +8 -9
- package/dist/types/lib/components/Timeline/TimelineSection.stories.d.ts +16 -0
- package/dist/types/lib/components/Timeline/index.d.ts +4 -1
- package/dist/types/lib/components/Transmission/Transmission.d.ts +20 -0
- package/dist/types/lib/components/Transmission/TransmissionList.d.ts +2 -2
- package/dist/types/lib/components/Transmission/TransmissionList.stories.d.ts +1 -1
- package/dist/types/lib/components/Transmission/index.d.ts +1 -1
- package/dist/types/lib/components/Typography/Typography.d.ts +2 -1
- package/dist/types/lib/components/Typography/Typography.stories.d.ts +1 -1
- package/dist/types/lib/types/color.d.ts +1 -1
- package/package.json +1 -1
- package/dist/assets/TimelineSection.css +0 -1
- package/dist/assets/TransmissionItem.css +0 -1
- package/dist/components/Dialog/ActivityItem.js +0 -39
- package/dist/components/Dialog/ActivityItemDetails.js +0 -22
- package/dist/components/Dialog/ActivityLog.js +0 -17
- package/dist/components/Dialog/DialogContent.js +0 -26
- package/dist/components/Dialog/DialogTimeline.js +0 -17
- package/dist/components/Dialog/DialogTimelineItem.js +0 -18
- package/dist/components/Dialog/DialogTransmissions.js +0 -17
- package/dist/components/Transmission/TransmissionItem.js +0 -93
- package/dist/types/lib/components/Dialog/ActivityItem.d.ts +0 -16
- package/dist/types/lib/components/Dialog/ActivityItemDetails.d.ts +0 -6
- package/dist/types/lib/components/Dialog/ActivityLog.d.ts +0 -6
- package/dist/types/lib/components/Dialog/ActivityLog.stories.d.ts +0 -39
- package/dist/types/lib/components/Dialog/DialogContent.d.ts +0 -11
- package/dist/types/lib/components/Dialog/DialogTimeline.d.ts +0 -6
- package/dist/types/lib/components/Dialog/DialogTimelineItem.d.ts +0 -10
- package/dist/types/lib/components/Dialog/DialogTransmissions.d.ts +0 -8
- package/dist/types/lib/components/Dialog/DialogTransmissions.stories.d.ts +0 -76
- package/dist/types/lib/components/Transmission/TransmissionItem.d.ts +0 -21
- 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;
|