@altinn/altinn-components 0.9.1 → 0.10.0
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/accesspackages-BI13BnDa.js +988 -0
- package/dist/assets/AccessAreaListItem.css +1 -0
- package/dist/assets/Backdrop.css +1 -1
- package/dist/assets/ButtonBase.css +1 -1
- package/dist/assets/ButtonIcon.css +1 -1
- package/dist/assets/ButtonLabel.css +1 -1
- package/dist/assets/Byline.css +1 -0
- package/dist/assets/DialogBorder.css +1 -1
- package/dist/assets/DialogHeading.css +1 -0
- package/dist/assets/DialogListItem.css +1 -1
- package/dist/assets/Heading.css +1 -1
- package/dist/assets/ListItemBase.css +1 -1
- package/dist/assets/ListItemHeader.css +1 -1
- package/dist/assets/ListItemLabel.css +1 -1
- package/dist/assets/ListItemSelect.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/PageNav.css +1 -0
- package/dist/assets/Section.css +1 -0
- package/dist/assets/TimelineBase.css +1 -0
- package/dist/assets/TimelineSection.css +1 -0
- package/dist/assets/Typography.css +1 -1
- package/dist/components/AccessAreaList/AccessAreaList.js +12 -0
- package/dist/components/AccessAreaList/AccessAreaListItem.d.ts +8 -0
- package/dist/components/AccessAreaList/AccessAreaListItem.js +41 -0
- package/dist/components/AccessAreaList/AccessAreaListItem.stories.js +81 -0
- package/dist/components/AccessAreaList/index.d.ts +1 -0
- package/dist/components/AccessAreaList/index.js +4 -0
- package/dist/components/AccessPackageList/AccessPackageList.d.ts +6 -0
- package/dist/components/AccessPackageList/AccessPackageList.js +12 -0
- package/dist/components/AccessPackageList/AccessPackageList.stories.js +17 -0
- package/dist/components/AccessPackageList/AccessPackageListItem.d.ts +6 -0
- package/dist/components/AccessPackageList/AccessPackageListItem.js +25 -0
- package/dist/components/AccessPackageList/index.d.ts +2 -0
- package/dist/components/AccessPackageList/index.js +6 -0
- package/dist/components/Attachment/index.d.ts +0 -1
- package/dist/components/Attachment/index.js +3 -5
- package/dist/components/Autocomplete/AutocompleteItem.js +1 -1
- package/dist/components/Autocomplete/ScopeListItem.js +1 -1
- package/dist/components/Bookmarks/BookmarksListItem.js +1 -1
- package/dist/components/Bookmarks/BookmarksSection.d.ts +7 -0
- package/dist/components/Bookmarks/BookmarksSection.js +8 -8
- package/dist/components/Bookmarks/index.d.ts +1 -0
- package/dist/components/Bookmarks/index.js +2 -0
- package/dist/components/Button/ButtonBase.d.ts +1 -1
- package/dist/components/Button/ButtonBase.js +8 -8
- package/dist/components/Button/ButtonIcon.js +1 -1
- package/dist/components/Button/ButtonLabel.js +3 -3
- package/dist/components/Button/Buttons.stories.js +7 -7
- package/dist/components/Button/IconButton.stories.js +1 -1
- package/dist/components/Byline/Byline.d.ts +13 -0
- package/dist/components/Byline/Byline.js +19 -0
- package/dist/components/Byline/Byline.stories.js +44 -0
- package/dist/components/Byline/index.d.ts +1 -0
- package/dist/components/Byline/index.js +4 -0
- package/dist/components/ContextMenu/ContextMenu.js +27 -24
- package/dist/components/Dialog/Dialog.d.ts +19 -22
- package/dist/components/Dialog/Dialog.js +60 -50
- package/dist/components/Dialog/Dialog.stories.js +64 -396
- package/dist/components/Dialog/DialogActions.stories.js +5 -5
- package/dist/components/Dialog/DialogActivityLog.js +1 -1
- package/dist/components/Dialog/DialogAttachments.d.ts +6 -0
- package/dist/components/Dialog/DialogAttachments.js +12 -0
- package/dist/components/{Attachment/AttachmentSection.stories.d.ts → Dialog/DialogAttachments.stories.d.ts} +2 -2
- package/dist/components/Dialog/DialogAttachments.stories.js +17 -0
- package/dist/components/Dialog/DialogBorder.js +4 -4
- package/dist/components/Dialog/DialogByline.d.ts +11 -0
- package/dist/components/Dialog/DialogByline.js +24 -0
- package/dist/components/Dialog/{DialogHeader.stories.d.ts → DialogBylline.stories.d.ts} +4 -8
- package/dist/components/Dialog/DialogBylline.stories.js +25 -0
- package/dist/components/Dialog/DialogContent.d.ts +6 -4
- package/dist/components/Dialog/DialogContent.js +22 -10
- package/dist/components/Dialog/DialogContent.stories.js +31 -9
- package/dist/components/Dialog/DialogHeading.d.ts +19 -0
- package/dist/components/Dialog/DialogHeading.js +18 -0
- package/dist/components/Dialog/DialogHistory.d.ts +9 -4
- package/dist/components/Dialog/DialogHistory.js +24 -6
- package/dist/components/Dialog/DialogHistory.stories.d.ts +3 -41
- package/dist/components/Dialog/DialogHistory.stories.js +24 -66
- package/dist/components/Dialog/DialogHistoryDetails.d.ts +6 -0
- package/dist/components/Dialog/DialogHistoryDetails.js +22 -0
- package/dist/components/Dialog/DialogHistoryItem.d.ts +13 -0
- package/dist/components/Dialog/DialogHistoryItem.js +36 -0
- package/dist/components/Dialog/DialogLabel.d.ts +2 -2
- package/dist/components/Dialog/DialogLabel.js +1 -1
- package/dist/components/Dialog/DialogList.d.ts +2 -3
- package/dist/components/Dialog/DialogList.js +11 -11
- package/dist/components/Dialog/DialogList.stories.d.ts +1 -36
- package/dist/components/Dialog/DialogList.stories.js +27 -44
- package/dist/components/Dialog/DialogListGroup.d.ts +6 -0
- package/dist/components/Dialog/DialogListGroup.js +21 -0
- package/dist/components/Dialog/DialogListItem.d.ts +11 -14
- package/dist/components/Dialog/DialogListItem.js +87 -76
- package/dist/components/Dialog/DialogListItem.stories.js +43 -45
- package/dist/components/Dialog/DialogMetadata.d.ts +13 -3
- package/dist/components/Dialog/DialogMetadata.js +39 -24
- package/dist/components/Dialog/DialogMetadata.stories.d.ts +1 -1
- package/dist/components/Dialog/DialogMetadata.stories.js +3 -3
- package/dist/components/Dialog/DialogSection.d.ts +6 -0
- package/dist/components/Dialog/DialogSection.js +15 -0
- package/dist/components/Dialog/DialogSeenBy.js +1 -1
- package/dist/components/Dialog/DialogSeenBy.stories.js +5 -5
- package/dist/components/Dialog/DialogStatus.js +1 -1
- package/dist/components/Dialog/DialogStatus.stories.js +1 -1
- package/dist/components/Dialog/DialogTimeline.d.ts +6 -0
- package/dist/components/Dialog/DialogTimeline.js +17 -0
- package/dist/components/Dialog/DialogTimelineItem.d.ts +10 -0
- package/dist/components/Dialog/DialogTimelineItem.js +18 -0
- package/dist/components/Dialog/DialogTouchedBy.stories.js +1 -1
- package/dist/components/{Transmission/TransmissionSection.d.ts → Dialog/DialogTransmissions.d.ts} +2 -2
- package/dist/components/{Transmission/TransmissionSection.js → Dialog/DialogTransmissions.js} +6 -6
- package/dist/components/{Transmission/TransmissionSection.stories.js → Dialog/DialogTransmissions.stories.js} +2 -2
- package/dist/components/Dialog/DraftDialog.js +68 -0
- package/dist/components/Dialog/DraftDialog.stories.js +142 -0
- package/dist/components/Dialog/index.d.ts +12 -13
- package/dist/components/Dialog/index.js +47 -49
- package/dist/components/Dropdown/Backdrop.d.ts +3 -1
- package/dist/components/Dropdown/Backdrop.js +5 -5
- package/dist/components/Dropdown/DrawerButton.js +1 -1
- package/dist/components/Footer/Footer.stories.js +3 -3
- package/dist/components/GlobalMenu/AccountMenu.stories.js +10 -4
- package/dist/components/GlobalMenu/BackButton.d.ts +3 -1
- package/dist/components/GlobalMenu/BackButton.js +4 -4
- package/dist/components/GlobalMenu/GlobalMenu.stories.js +27 -21
- package/dist/components/Header/Header.stories.js +20 -14
- package/dist/components/Header/HeaderButton.stories.js +5 -5
- package/dist/components/Header/HeaderLogo.stories.js +7 -7
- package/dist/components/Layout/Layout.js +4 -4
- package/dist/components/Layout/Layout.stories.js +28 -22
- package/dist/components/List/List.stories.js +1 -1
- package/dist/components/List/ListItem.d.ts +2 -1
- package/dist/components/List/ListItem.stories.js +9 -9
- package/dist/components/List/ListItemBase.d.ts +4 -3
- package/dist/components/List/ListItemBase.js +23 -21
- package/dist/components/List/ListItemHeader.js +39 -39
- package/dist/components/List/ListItemHeader.stories.js +2 -2
- package/dist/components/List/ListItemLabel.js +4 -4
- package/dist/components/List/ListItemMedia.d.ts +1 -2
- package/dist/components/List/ListItemMedia.js +10 -10
- package/dist/components/List/ListItemSelect.js +8 -8
- package/dist/components/Menu/MenuItem.stories.js +5 -5
- package/dist/components/Menu/MenuItems.js +2 -2
- package/dist/components/Menu/MenuSearch.js +1 -1
- package/dist/components/Meta/MetaBase.d.ts +2 -1
- package/dist/components/Meta/MetaBase.js +6 -5
- package/dist/components/Meta/MetaItem.d.ts +2 -1
- package/dist/components/Meta/MetaItem.js +17 -9
- package/dist/components/Meta/MetaItem.stories.d.ts +1 -1
- package/dist/components/Meta/MetaItemBase.d.ts +2 -1
- package/dist/components/Meta/MetaItemBase.js +23 -21
- package/dist/components/Meta/MetaItemLabel.js +3 -3
- package/dist/components/Page/Article.d.ts +6 -0
- package/dist/components/Page/Article.js +6 -0
- package/dist/components/Page/PageBase.d.ts +2 -2
- package/dist/components/Page/PageBase.js +3 -3
- package/dist/components/Page/PageBase.stories.js +54 -0
- package/dist/components/Page/PageHeader.d.ts +6 -4
- package/dist/components/Page/PageHeader.js +11 -15
- package/dist/components/Page/PageHeader.stories.js +91 -0
- package/dist/components/Page/PageNav.d.ts +9 -10
- package/dist/components/Page/PageNav.js +22 -12
- package/dist/components/Page/PageNav.stories.js +41 -0
- package/dist/components/Page/Section.d.ts +29 -0
- package/dist/components/Page/Section.js +42 -0
- package/dist/components/Page/SectionHeader.d.ts +3 -4
- package/dist/components/Page/SectionHeader.js +10 -5
- package/dist/components/Page/index.d.ts +3 -1
- package/dist/components/Page/index.js +8 -4
- package/dist/components/ResourceList/ResourceListItem.d.ts +3 -5
- package/dist/components/ResourceList/ResourceListItem.js +11 -13
- package/dist/components/Timeline/Timeline.d.ts +5 -0
- package/dist/components/Timeline/Timeline.js +8 -0
- package/dist/components/Timeline/Timeline.stories.js +65 -0
- package/dist/components/Timeline/TimelineBase.d.ts +6 -0
- package/dist/components/Timeline/TimelineBase.js +8 -0
- package/dist/components/Timeline/TimelineSection.d.ts +14 -0
- package/dist/components/Timeline/TimelineSection.js +40 -0
- package/dist/components/Timeline/index.d.ts +3 -0
- package/dist/components/Timeline/index.js +8 -0
- package/dist/components/Toolbar/Toolbar.stories.js +32 -26
- package/dist/components/Toolbar/ToolbarAccountMenu.js +4 -4
- package/dist/components/Toolbar/ToolbarAdd.js +6 -6
- package/dist/components/Toolbar/ToolbarDaterange.js +7 -7
- package/dist/components/Toolbar/ToolbarFilter.js +4 -4
- package/dist/components/Toolbar/ToolbarMenu.js +6 -6
- package/dist/components/Toolbar/ToolbarSearch.js +1 -1
- package/dist/components/Transmission/TransmissionItem.d.ts +5 -3
- package/dist/components/Transmission/TransmissionItem.js +46 -33
- package/dist/components/Transmission/TransmissionItem.stories.d.ts +1 -1
- package/dist/components/Transmission/TransmissionList.js +1 -1
- package/dist/components/Transmission/TransmissionList.stories.d.ts +1 -43
- package/dist/components/Transmission/TransmissionList.stories.js +18 -54
- package/dist/components/Transmission/TransmissionType.d.ts +26 -0
- package/dist/components/Transmission/TransmissionType.js +8 -0
- package/dist/components/Transmission/index.d.ts +0 -1
- package/dist/components/Transmission/index.js +1 -3
- package/dist/components/Typography/Heading.d.ts +3 -1
- package/dist/components/Typography/Heading.js +6 -6
- package/dist/components/Typography/Typography.d.ts +2 -2
- package/dist/components/Typography/Typography.js +13 -6
- package/dist/components/index.d.ts +5 -1
- package/dist/components/index.js +224 -214
- package/dist/index.js +227 -217
- package/dist/theme-article.css +2 -2
- package/package.json +1 -1
- package/dist/PageHeaderMedia-DpZ09tLD.js +0 -15
- package/dist/assets/DialogArticleBase.css +0 -1
- package/dist/assets/DialogBase.css +0 -1
- package/dist/assets/DialogBodyBase.css +0 -1
- package/dist/assets/DialogHeaderBase.css +0 -1
- package/dist/assets/DialogHeadings.css +0 -1
- package/dist/assets/DialogNav.css +0 -1
- package/dist/assets/DialogSectionBase.css +0 -1
- package/dist/assets/DialogTitle.css +0 -1
- package/dist/assets/HistoryBorder.css +0 -1
- package/dist/assets/HistoryItemBase.css +0 -1
- package/dist/assets/HistoryItemMedia.css +0 -1
- package/dist/assets/HistoryList.css +0 -1
- package/dist/assets/PageHeaderMedia.css +0 -1
- package/dist/assets/SectionBase.css +0 -1
- package/dist/assets/SectionHeader.css +0 -1
- package/dist/components/Attachment/AttachmentSection.d.ts +0 -6
- package/dist/components/Attachment/AttachmentSection.js +0 -12
- package/dist/components/Attachment/AttachmentSection.stories.js +0 -17
- package/dist/components/Dialog/DialogArticleBase.d.ts +0 -6
- package/dist/components/Dialog/DialogArticleBase.js +0 -7
- package/dist/components/Dialog/DialogBase.d.ts +0 -7
- package/dist/components/Dialog/DialogBase.js +0 -9
- package/dist/components/Dialog/DialogBodyBase.d.ts +0 -5
- package/dist/components/Dialog/DialogBodyBase.js +0 -9
- package/dist/components/Dialog/DialogContent.stories.d.ts +0 -14
- package/dist/components/Dialog/DialogDescription.d.ts +0 -12
- package/dist/components/Dialog/DialogFooter.d.ts +0 -5
- package/dist/components/Dialog/DialogFooter.js +0 -8
- package/dist/components/Dialog/DialogGroup.d.ts +0 -6
- package/dist/components/Dialog/DialogGroup.js +0 -21
- package/dist/components/Dialog/DialogHeader.d.ts +0 -10
- package/dist/components/Dialog/DialogHeader.js +0 -11
- package/dist/components/Dialog/DialogHeader.stories.js +0 -24
- package/dist/components/Dialog/DialogHeaderBase.d.ts +0 -7
- package/dist/components/Dialog/DialogHeaderBase.js +0 -7
- package/dist/components/Dialog/DialogHeadings.d.ts +0 -24
- package/dist/components/Dialog/DialogHeadings.js +0 -49
- package/dist/components/Dialog/DialogHeadings.stories.d.ts +0 -21
- package/dist/components/Dialog/DialogHeadings.stories.js +0 -30
- package/dist/components/Dialog/DialogNav.d.ts +0 -21
- package/dist/components/Dialog/DialogNav.js +0 -34
- package/dist/components/Dialog/DialogNav.stories.d.ts +0 -15
- package/dist/components/Dialog/DialogNav.stories.js +0 -82
- package/dist/components/Dialog/DialogSectionBase.d.ts +0 -6
- package/dist/components/Dialog/DialogSectionBase.js +0 -11
- package/dist/components/Dialog/DialogTitle.d.ts +0 -19
- package/dist/components/Dialog/DialogTitle.js +0 -13
- package/dist/components/History/HistoryBorder.d.ts +0 -7
- package/dist/components/History/HistoryBorder.js +0 -8
- package/dist/components/History/HistoryItem.d.ts +0 -14
- package/dist/components/History/HistoryItem.js +0 -40
- package/dist/components/History/HistoryItem.stories.d.ts +0 -20
- package/dist/components/History/HistoryItem.stories.js +0 -101
- package/dist/components/History/HistoryItemBase.d.ts +0 -13
- package/dist/components/History/HistoryItemBase.js +0 -36
- package/dist/components/History/HistoryItemBase.stories.d.ts +0 -19
- package/dist/components/History/HistoryItemBase.stories.js +0 -48
- package/dist/components/History/HistoryItemMedia.d.ts +0 -9
- package/dist/components/History/HistoryItemMedia.js +0 -15
- package/dist/components/History/HistoryList.d.ts +0 -6
- package/dist/components/History/HistoryList.js +0 -10
- package/dist/components/History/HistoryList.stories.d.ts +0 -69
- package/dist/components/History/HistoryList.stories.js +0 -164
- package/dist/components/History/HistoryMetadata.d.ts +0 -11
- package/dist/components/History/HistoryMetadata.js +0 -32
- package/dist/components/History/index.d.ts +0 -3
- package/dist/components/History/index.js +0 -8
- package/dist/components/Page/PageHeaderMedia.d.ts +0 -10
- package/dist/components/Page/PageHeaderMedia.js +0 -10
- package/dist/components/Page/SectionBase.d.ts +0 -19
- package/dist/components/Page/SectionBase.js +0 -32
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { attachments as t } from "../../examples/attachments.js";
|
|
2
|
-
import { AttachmentSection as e } from "./AttachmentSection.js";
|
|
3
|
-
const m = {
|
|
4
|
-
title: "Attachment/AttachmentSection",
|
|
5
|
-
component: e,
|
|
6
|
-
tags: ["autodocs"],
|
|
7
|
-
args: {
|
|
8
|
-
title: "6 vedlegg",
|
|
9
|
-
items: t
|
|
10
|
-
}
|
|
11
|
-
}, c = {
|
|
12
|
-
args: {}
|
|
13
|
-
};
|
|
14
|
-
export {
|
|
15
|
-
c as Default,
|
|
16
|
-
m as default
|
|
17
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import '../../assets/DialogArticleBase.css';const r = "_article_2xah9_1", a = {
|
|
3
|
-
article: r
|
|
4
|
-
}, l = ({ children: t }) => /* @__PURE__ */ e("article", { className: a.article, children: t });
|
|
5
|
-
export {
|
|
6
|
-
l as DialogArticleBase
|
|
7
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
-
export type DialogVariant = 'neutral' | 'draft' | 'trashed' | 'archived';
|
|
4
|
-
export interface DialogBaseProps {
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const DialogBase: ({ children }: DialogBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import '../../assets/DialogBase.css';const e = "_dialog_1hmc1_1", s = "_nav_1hmc1_9", c = "_header_1hmc1_16", n = {
|
|
3
|
-
dialog: e,
|
|
4
|
-
nav: s,
|
|
5
|
-
header: c
|
|
6
|
-
}, _ = ({ children: a }) => /* @__PURE__ */ o("div", { className: n.dialog, children: a });
|
|
7
|
-
export {
|
|
8
|
-
_ as DialogBase
|
|
9
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { DialogBorder as t } from "./DialogBorder.js";
|
|
3
|
-
import '../../assets/DialogBodyBase.css';const d = "_border_tqcvm_1", s = "_body_tqcvm_9", r = {
|
|
4
|
-
border: d,
|
|
5
|
-
body: s
|
|
6
|
-
}, m = ({ children: e }) => /* @__PURE__ */ o(t, { className: r.border, children: /* @__PURE__ */ o("div", { className: r.body, "data-theme": "article", children: e }) });
|
|
7
|
-
export {
|
|
8
|
-
m as DialogBodyBase
|
|
9
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ updatedAt, updatedAtLabel, summary, body }: import('./DialogContent').DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
args: {
|
|
7
|
-
updatedAt: string;
|
|
8
|
-
summary: string;
|
|
9
|
-
body: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export default meta;
|
|
13
|
-
type Story = StoryObj<typeof meta>;
|
|
14
|
-
export declare const Default: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { DialogListItemSize } from './DialogListItem';
|
|
3
|
-
export interface DialogDescriptionProps {
|
|
4
|
-
size: DialogListItemSize;
|
|
5
|
-
className?: string;
|
|
6
|
-
loading?: boolean;
|
|
7
|
-
children?: ReactNode;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* Dialog summary
|
|
11
|
-
*/
|
|
12
|
-
export declare const DialogDescription: ({ size, loading, children }: DialogDescriptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { Typography as i } from "../Typography/Typography.js";
|
|
3
|
-
import "../../index-L8X2o7IH.js";
|
|
4
|
-
import { DialogSectionBase as t } from "./DialogSectionBase.js";
|
|
5
|
-
const a = ({ additionalInfo: r }) => /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(i, { size: "md", children: r }) });
|
|
6
|
-
export {
|
|
7
|
-
a as DialogFooter
|
|
8
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsxs as o, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "../../index-L8X2o7IH.js";
|
|
3
|
-
import "../Icon/SvgIcon.js";
|
|
4
|
-
import { Heading as t } from "../Typography/Heading.js";
|
|
5
|
-
import "react";
|
|
6
|
-
import "../Autocomplete/AutocompleteBase.js";
|
|
7
|
-
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import { ListBase as e } from "../List/ListBase.js";
|
|
9
|
-
import { Button as n } from "../Button/Button.js";
|
|
10
|
-
import { SectionBase as p } from "../Page/SectionBase.js";
|
|
11
|
-
import { SectionHeader as a } from "../Page/SectionHeader.js";
|
|
12
|
-
const k = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", children: [
|
|
13
|
-
i && /* @__PURE__ */ o(a, { padding: !0, margin: !0, children: [
|
|
14
|
-
/* @__PURE__ */ r(t, { children: i }),
|
|
15
|
-
/* @__PURE__ */ r(n, { variant: "text", icon: "checkmark", size: "sm", children: "Velg alle" })
|
|
16
|
-
] }),
|
|
17
|
-
/* @__PURE__ */ r(e, { spacing: "md", children: m })
|
|
18
|
-
] });
|
|
19
|
-
export {
|
|
20
|
-
k as DialogGroup
|
|
21
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { DialogRecipientProps, DialogSenderProps } from './DialogHeadings';
|
|
2
|
-
import { DialogListItemVariant } from './DialogListItem.tsx';
|
|
3
|
-
export interface DialogHeaderProps {
|
|
4
|
-
title: string;
|
|
5
|
-
variant: DialogListItemVariant;
|
|
6
|
-
sender?: DialogSenderProps;
|
|
7
|
-
seen?: boolean;
|
|
8
|
-
recipient?: DialogRecipientProps;
|
|
9
|
-
}
|
|
10
|
-
export declare const DialogHeader: ({ title, sender, recipient, seen, variant }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsxs as s, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { DialogHeaderBase as m } from "./DialogHeaderBase.js";
|
|
3
|
-
import { DialogHeadings as t } from "./DialogHeadings.js";
|
|
4
|
-
import { DialogTitle as x } from "./DialogTitle.js";
|
|
5
|
-
const D = ({ title: e, sender: o, recipient: i, seen: l = !1, variant: a }) => /* @__PURE__ */ s(m, { size: "xl", children: [
|
|
6
|
-
/* @__PURE__ */ r(x, { seen: l, size: "xl", variant: a, children: e }),
|
|
7
|
-
o && i && /* @__PURE__ */ r(t, { size: "xl", sender: o, recipient: i })
|
|
8
|
-
] });
|
|
9
|
-
export {
|
|
10
|
-
D as DialogHeader
|
|
11
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { DialogHeader as e } from "./DialogHeader.js";
|
|
2
|
-
const a = {
|
|
3
|
-
title: "Dialog/Sections/DialogHeader",
|
|
4
|
-
component: e,
|
|
5
|
-
tags: ["autodocs"],
|
|
6
|
-
args: {
|
|
7
|
-
title: "Title",
|
|
8
|
-
variant: "neutral",
|
|
9
|
-
sender: {
|
|
10
|
-
name: "Sender",
|
|
11
|
-
type: "company"
|
|
12
|
-
},
|
|
13
|
-
recipient: {
|
|
14
|
-
name: "Recipient",
|
|
15
|
-
type: "person"
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}, n = {
|
|
19
|
-
args: {}
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
n as Default,
|
|
23
|
-
a as default
|
|
24
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { DialogSize } from './DialogBase';
|
|
3
|
-
export interface DialogHeaderBaseProps {
|
|
4
|
-
size?: DialogSize;
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const DialogHeaderBase: ({ size, children }: DialogHeaderBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import '../../assets/DialogHeaderBase.css';const s = "_header_45ink_1", t = {
|
|
3
|
-
header: s
|
|
4
|
-
}, o = ({ size: e, children: a }) => /* @__PURE__ */ r("header", { className: t.header, "data-size": e, children: a });
|
|
5
|
-
export {
|
|
6
|
-
o as DialogHeaderBase
|
|
7
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { DialogSize } from './DialogBase';
|
|
2
|
-
export type DialogSenderType = 'company' | 'person';
|
|
3
|
-
export type DialogRecipientType = 'company' | 'person';
|
|
4
|
-
export interface DialogSenderProps {
|
|
5
|
-
type?: DialogSenderType;
|
|
6
|
-
name: string;
|
|
7
|
-
imageUrl?: string;
|
|
8
|
-
}
|
|
9
|
-
export interface DialogRecipientProps {
|
|
10
|
-
type?: DialogRecipientType;
|
|
11
|
-
name: string;
|
|
12
|
-
}
|
|
13
|
-
export interface DialogHeadingsProps {
|
|
14
|
-
/** Sender */
|
|
15
|
-
sender: DialogSenderProps;
|
|
16
|
-
/** Recipient */
|
|
17
|
-
recipient: DialogRecipientProps;
|
|
18
|
-
size?: DialogSize;
|
|
19
|
-
/** Group sender and recipient avatars */
|
|
20
|
-
grouped?: boolean;
|
|
21
|
-
loading?: boolean;
|
|
22
|
-
}
|
|
23
|
-
/** Dialog headings for sender and recipient. Should present an avatar for the sender. */
|
|
24
|
-
export declare const DialogHeadings: ({ loading, grouped, size, sender, recipient }: DialogHeadingsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsxs as m, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { Avatar as i } from "../Avatar/Avatar.js";
|
|
3
|
-
import { AvatarGroup as d } from "../Avatar/AvatarGroup.js";
|
|
4
|
-
import { Skeleton as l } from "../Skeleton/Skeleton.js";
|
|
5
|
-
import '../../assets/DialogHeadings.css';const g = "_headings_qkf0g_1", h = "_text_qkf0g_21", x = "_sender_qkf0g_28", _ = "_recipient_qkf0g_33", s = {
|
|
6
|
-
headings: g,
|
|
7
|
-
text: h,
|
|
8
|
-
sender: x,
|
|
9
|
-
recipient: _
|
|
10
|
-
}, e = {
|
|
11
|
-
avatar: {
|
|
12
|
-
xs: "xs",
|
|
13
|
-
sm: "xs",
|
|
14
|
-
md: "xs",
|
|
15
|
-
lg: "xs",
|
|
16
|
-
xl: "lg"
|
|
17
|
-
}
|
|
18
|
-
}, k = ({ loading: c, grouped: o, size: r = "lg", sender: t, recipient: n }) => /* @__PURE__ */ m("div", { className: s.headings, "data-size": r, children: [
|
|
19
|
-
/* @__PURE__ */ a(l, { variant: "circle", className: s.avatar, loading: c, children: o ? /* @__PURE__ */ a(
|
|
20
|
-
d,
|
|
21
|
-
{
|
|
22
|
-
items: [{ ...t, type: "company" }, n],
|
|
23
|
-
size: e == null ? void 0 : e.avatar[r],
|
|
24
|
-
className: s.avatar
|
|
25
|
-
}
|
|
26
|
-
) : /* @__PURE__ */ a(
|
|
27
|
-
i,
|
|
28
|
-
{
|
|
29
|
-
type: "company",
|
|
30
|
-
imageUrl: t == null ? void 0 : t.imageUrl,
|
|
31
|
-
name: t.name,
|
|
32
|
-
size: e == null ? void 0 : e.avatar[r],
|
|
33
|
-
className: s.avatar
|
|
34
|
-
}
|
|
35
|
-
) }),
|
|
36
|
-
/* @__PURE__ */ m("span", { "data-size": r, className: s.text, children: [
|
|
37
|
-
/* @__PURE__ */ m("span", { className: s.sender, children: [
|
|
38
|
-
" ",
|
|
39
|
-
/* @__PURE__ */ a(l, { loading: c, children: t.name })
|
|
40
|
-
] }),
|
|
41
|
-
(n == null ? void 0 : n.name) && /* @__PURE__ */ a("span", { className: s.recipient, children: /* @__PURE__ */ m(l, { loading: c, children: [
|
|
42
|
-
/* @__PURE__ */ a("span", { children: "til" }),
|
|
43
|
-
/* @__PURE__ */ a("span", { children: n.name })
|
|
44
|
-
] }) })
|
|
45
|
-
] })
|
|
46
|
-
] });
|
|
47
|
-
export {
|
|
48
|
-
k as DialogHeadings
|
|
49
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ loading, grouped, size, sender, recipient }: import('./DialogHeadings').DialogHeadingsProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {
|
|
8
|
-
sender: {
|
|
9
|
-
name: string;
|
|
10
|
-
};
|
|
11
|
-
recipient: {
|
|
12
|
-
type: "person";
|
|
13
|
-
name: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
export default meta;
|
|
18
|
-
type Story = StoryObj<typeof meta>;
|
|
19
|
-
export declare const Default: Story;
|
|
20
|
-
export declare const Company: Story;
|
|
21
|
-
export declare const Grouped: Story;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { DialogHeadings as e } from "./DialogHeadings.js";
|
|
2
|
-
const o = {
|
|
3
|
-
title: "Dialog/Sections/DialogHeadings",
|
|
4
|
-
component: e,
|
|
5
|
-
tags: ["autodocs"],
|
|
6
|
-
parameters: {},
|
|
7
|
-
args: {
|
|
8
|
-
sender: {
|
|
9
|
-
name: "Sender"
|
|
10
|
-
},
|
|
11
|
-
recipient: {
|
|
12
|
-
type: "person",
|
|
13
|
-
name: "Recipient"
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}, a = {}, n = {
|
|
17
|
-
args: {
|
|
18
|
-
grouped: !0
|
|
19
|
-
}
|
|
20
|
-
}, r = {
|
|
21
|
-
args: {
|
|
22
|
-
grouped: !0
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
export {
|
|
26
|
-
n as Company,
|
|
27
|
-
a as Default,
|
|
28
|
-
r as Grouped,
|
|
29
|
-
o as default
|
|
30
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ElementType } from 'react';
|
|
2
|
-
import { ContextMenuProps } from '../ContextMenu';
|
|
3
|
-
import { DialogStatusProps } from './DialogStatus';
|
|
4
|
-
import { DialogTouchedByActor } from './DialogTouchedBy';
|
|
5
|
-
export interface DialogBackButtonProps {
|
|
6
|
-
as?: ElementType;
|
|
7
|
-
href?: string;
|
|
8
|
-
label?: string;
|
|
9
|
-
}
|
|
10
|
-
export interface DialogNavProps {
|
|
11
|
-
status?: DialogStatusProps;
|
|
12
|
-
dueAt?: string;
|
|
13
|
-
dueAtLabel?: string;
|
|
14
|
-
touchedBy?: DialogTouchedByActor[];
|
|
15
|
-
backButton?: DialogBackButtonProps;
|
|
16
|
-
menu?: ContextMenuProps;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* Dialog navigation bar with Back button and possibly a context menu.
|
|
20
|
-
*/
|
|
21
|
-
export declare const DialogNav: ({ backButton, status, dueAt, dueAtLabel, touchedBy, menu, }: DialogNavProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as m, jsx as o } from "react/jsx-runtime";
|
|
3
|
-
import "../../index-L8X2o7IH.js";
|
|
4
|
-
import "../Icon/SvgIcon.js";
|
|
5
|
-
import { Button as c } from "../Button/Button.js";
|
|
6
|
-
import { ContextMenu as l } from "../ContextMenu/ContextMenu.js";
|
|
7
|
-
import { MetaTimestamp as p } from "../Meta/MetaTimestamp.js";
|
|
8
|
-
import { DialogStatus as d } from "./DialogStatus.js";
|
|
9
|
-
import { DialogTouchedBy as v } from "./DialogTouchedBy.js";
|
|
10
|
-
import '../../assets/DialogNav.css';const f = "_nav_678a5_1", x = "_action_678a5_8", t = {
|
|
11
|
-
nav: f,
|
|
12
|
-
action: x
|
|
13
|
-
}, M = ({
|
|
14
|
-
backButton: i = {
|
|
15
|
-
as: "a",
|
|
16
|
-
label: "Back"
|
|
17
|
-
},
|
|
18
|
-
status: a,
|
|
19
|
-
dueAt: r,
|
|
20
|
-
dueAtLabel: e,
|
|
21
|
-
touchedBy: n,
|
|
22
|
-
menu: s
|
|
23
|
-
}) => /* @__PURE__ */ m("nav", { className: t.nav, children: [
|
|
24
|
-
/* @__PURE__ */ o(c, { ...i, variant: "text", color: "secondary", icon: "arrow-left", children: (i == null ? void 0 : i.label) || "Back" }),
|
|
25
|
-
/* @__PURE__ */ m("div", { className: t.action, children: [
|
|
26
|
-
r && e && /* @__PURE__ */ o(p, { datetime: r, icon: "clock-dashed", size: "xs", children: e }),
|
|
27
|
-
a && /* @__PURE__ */ o(d, { ...a }),
|
|
28
|
-
n && /* @__PURE__ */ o(v, { touchedBy: n }),
|
|
29
|
-
s && /* @__PURE__ */ o(l, { ...s, size: "md" })
|
|
30
|
-
] })
|
|
31
|
-
] });
|
|
32
|
-
export {
|
|
33
|
-
M as DialogNav
|
|
34
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ backButton, status, dueAt, dueAtLabel, touchedBy, menu, }: import('./DialogNav').DialogNavProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {};
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
type Story = StoryObj<typeof meta>;
|
|
11
|
-
export declare const Draft: Story;
|
|
12
|
-
export declare const Sent: Story;
|
|
13
|
-
export declare const RequiresAttention: Story;
|
|
14
|
-
export declare const InProgress: Story;
|
|
15
|
-
export declare const ContextMenu: Story;
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { DialogNav as t } from "./DialogNav.js";
|
|
2
|
-
const e = {
|
|
3
|
-
title: "Dialog/Sections/DialogNav",
|
|
4
|
-
component: t,
|
|
5
|
-
tags: ["autodocs"],
|
|
6
|
-
parameters: {},
|
|
7
|
-
args: {}
|
|
8
|
-
}, s = {
|
|
9
|
-
args: {
|
|
10
|
-
status: {
|
|
11
|
-
value: "draft",
|
|
12
|
-
label: "Utkast"
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}, o = {
|
|
16
|
-
args: {
|
|
17
|
-
status: {
|
|
18
|
-
value: "draft",
|
|
19
|
-
label: "Utkast"
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}, l = {
|
|
23
|
-
args: {
|
|
24
|
-
status: {
|
|
25
|
-
value: "requires-attention",
|
|
26
|
-
label: "Utkast"
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}, r = {
|
|
30
|
-
args: {
|
|
31
|
-
status: {
|
|
32
|
-
value: "in-progress",
|
|
33
|
-
label: "Utkast"
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}, i = {
|
|
37
|
-
args: {
|
|
38
|
-
menu: {
|
|
39
|
-
id: "context-menu-1",
|
|
40
|
-
items: [
|
|
41
|
-
{
|
|
42
|
-
id: "1",
|
|
43
|
-
groupId: "1",
|
|
44
|
-
icon: "arrow-redo",
|
|
45
|
-
label: "Del og gi tilgang"
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
id: "2",
|
|
49
|
-
groupId: "1",
|
|
50
|
-
icon: "eye-closed",
|
|
51
|
-
label: "Marker som ny"
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
id: "3",
|
|
55
|
-
groupId: "2",
|
|
56
|
-
icon: "archive",
|
|
57
|
-
label: "Flytt til arkiv"
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
id: "4",
|
|
61
|
-
groupId: "2",
|
|
62
|
-
icon: "trash",
|
|
63
|
-
label: "Flytt til papirkurv"
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
id: "5",
|
|
67
|
-
groupId: "3",
|
|
68
|
-
icon: "clock-dashed",
|
|
69
|
-
label: "Aktivitetslogg"
|
|
70
|
-
}
|
|
71
|
-
]
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
export {
|
|
76
|
-
i as ContextMenu,
|
|
77
|
-
s as Draft,
|
|
78
|
-
r as InProgress,
|
|
79
|
-
l as RequiresAttention,
|
|
80
|
-
o as Sent,
|
|
81
|
-
e as default
|
|
82
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsxs as n, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import '../../assets/DialogSectionBase.css';const c = "_section_1mmel_1", i = "_title_1mmel_7", s = {
|
|
3
|
-
section: c,
|
|
4
|
-
title: i
|
|
5
|
-
}, m = ({ title: t, children: e }) => e ? /* @__PURE__ */ n("section", { className: s.section, children: [
|
|
6
|
-
t && /* @__PURE__ */ o("h2", { className: s.title, children: t }),
|
|
7
|
-
e
|
|
8
|
-
] }) : null;
|
|
9
|
-
export {
|
|
10
|
-
m as DialogSectionBase
|
|
11
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { DialogSize, DialogVariant } from './DialogBase';
|
|
3
|
-
export type DialogTitleProps = {
|
|
4
|
-
loading?: boolean;
|
|
5
|
-
/** Size */
|
|
6
|
-
size?: DialogSize;
|
|
7
|
-
/** Variant */
|
|
8
|
-
variant?: DialogVariant;
|
|
9
|
-
/** Label */
|
|
10
|
-
label?: string;
|
|
11
|
-
/** Variant */
|
|
12
|
-
seen?: boolean;
|
|
13
|
-
/** Dialog title */
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* Dialog title
|
|
18
|
-
*/
|
|
19
|
-
export declare const DialogTitle: ({ loading, size, seen, variant, label, children }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { Skeleton as d } from "../Skeleton/Skeleton.js";
|
|
3
|
-
import { DialogLabel as c } from "./DialogLabel.js";
|
|
4
|
-
import '../../assets/DialogTitle.css';const m = "_heading_1fk12_1", h = "_title_1fk12_7", a = {
|
|
5
|
-
heading: m,
|
|
6
|
-
title: h
|
|
7
|
-
}, p = ({ loading: t, size: l = "sm", seen: n = !1, variant: i, label: s, children: o }) => /* @__PURE__ */ r("div", { className: a.heading, children: [
|
|
8
|
-
/* @__PURE__ */ e("h2", { className: a.title, "data-seen": n, "data-size": l, "data-variant": i, children: /* @__PURE__ */ e(d, { loading: t, children: o }) }),
|
|
9
|
-
!t && s && /* @__PURE__ */ e(c, { variant: i, size: "xs", children: s })
|
|
10
|
-
] });
|
|
11
|
-
export {
|
|
12
|
-
p as DialogTitle
|
|
13
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface HistoryBorderProps {
|
|
3
|
-
seen?: boolean;
|
|
4
|
-
className?: string;
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const HistoryBorder: ({ seen, className, children }: HistoryBorderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { c as t } from "../../index-L8X2o7IH.js";
|
|
3
|
-
import '../../assets/HistoryBorder.css';const c = "_border_1gycv_1", d = {
|
|
4
|
-
border: c
|
|
5
|
-
}, n = ({ seen: r = !0, className: o, children: e }) => /* @__PURE__ */ s("div", { className: t(d.border, o), "data-seen": r, children: e });
|
|
6
|
-
export {
|
|
7
|
-
n as HistoryBorder
|
|
8
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { AttachmentSectionProps } from '../Attachment';
|
|
2
|
-
import { AvatarProps } from '../Avatar/';
|
|
3
|
-
import { TransmissionSectionProps } from '../Transmission';
|
|
4
|
-
import { TypographySize } from '../Typography';
|
|
5
|
-
export interface HistoryItemProps {
|
|
6
|
-
size?: TypographySize;
|
|
7
|
-
createdBy?: AvatarProps;
|
|
8
|
-
createdAt: string;
|
|
9
|
-
createdAtLabel?: string;
|
|
10
|
-
summary?: string;
|
|
11
|
-
attachments?: AttachmentSectionProps;
|
|
12
|
-
transmissions?: TransmissionSectionProps;
|
|
13
|
-
}
|
|
14
|
-
export declare const HistoryItem: ({ createdBy, createdAt, createdAtLabel, summary, attachments, transmissions, }: HistoryItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as p, jsx as r, Fragment as x } from "react/jsx-runtime";
|
|
3
|
-
import { useState as u } from "react";
|
|
4
|
-
import "../../index-L8X2o7IH.js";
|
|
5
|
-
import "../Icon/SvgIcon.js";
|
|
6
|
-
import { AttachmentSection as E } from "../Attachment/AttachmentSection.js";
|
|
7
|
-
import "../Autocomplete/AutocompleteBase.js";
|
|
8
|
-
import { HistoryItemBase as H } from "./HistoryItemBase.js";
|
|
9
|
-
import "../RootProvider/RootProvider.js";
|
|
10
|
-
import { TransmissionSection as S } from "../Transmission/TransmissionSection.js";
|
|
11
|
-
import { HistoryMetadata as b } from "./HistoryMetadata.js";
|
|
12
|
-
const T = ({
|
|
13
|
-
createdBy: i,
|
|
14
|
-
createdAt: d,
|
|
15
|
-
createdAtLabel: l,
|
|
16
|
-
summary: t,
|
|
17
|
-
attachments: o,
|
|
18
|
-
transmissions: e
|
|
19
|
-
}) => {
|
|
20
|
-
const m = o == null ? void 0 : o.title, c = e == null ? void 0 : e.title, [n, f] = u(!1);
|
|
21
|
-
return /* @__PURE__ */ p(H, { createdBy: i, createdAt: d, createdAtLabel: l, children: [
|
|
22
|
-
t && /* @__PURE__ */ r("p", { children: t }),
|
|
23
|
-
n ? /* @__PURE__ */ p(x, { children: [
|
|
24
|
-
o && /* @__PURE__ */ r(E, { ...o }),
|
|
25
|
-
e && /* @__PURE__ */ r(S, { ...e })
|
|
26
|
-
] }) : /* @__PURE__ */ r(
|
|
27
|
-
b,
|
|
28
|
-
{
|
|
29
|
-
attachmentsLabel: m,
|
|
30
|
-
transmissionsLabel: c,
|
|
31
|
-
onClick: () => {
|
|
32
|
-
f(!0);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
)
|
|
36
|
-
] });
|
|
37
|
-
};
|
|
38
|
-
export {
|
|
39
|
-
T as HistoryItem
|
|
40
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: ({ createdBy, createdAt, createdAtLabel, summary, attachments, transmissions, }: import('./HistoryItem').HistoryItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
tags: string[];
|
|
6
|
-
parameters: {};
|
|
7
|
-
args: {
|
|
8
|
-
createdAt: string;
|
|
9
|
-
createdAtLabel: string;
|
|
10
|
-
createdBy: {
|
|
11
|
-
name: string;
|
|
12
|
-
};
|
|
13
|
-
summary: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
type Story = StoryObj<typeof meta>;
|
|
18
|
-
export declare const Default: Story;
|
|
19
|
-
export declare const Attachments: Story;
|
|
20
|
-
export declare const Transmissions: Story;
|