@altinn/altinn-components 0.36.0 → 0.36.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/SearchbarField.css +1 -1
- package/dist/components/AccessAreaListItem/AccessAreaListItem.js +2 -3
- package/dist/components/AccessPackageListItem/AccessPackageListItem.js +6 -7
- package/dist/components/Account/AccountList.js +2 -3
- package/dist/components/Account/AccountListItem.js +6 -7
- package/dist/components/Account/AccountListItemControls.js +2 -3
- package/dist/components/Account/AccountMenu.js +17 -18
- package/dist/components/Account/AccountNotificationSettings.js +8 -9
- package/dist/components/ActivityLog/ActivityLog.js +7 -8
- package/dist/components/ActivityLog/ActivityLogItem.js +2 -3
- package/dist/components/ActivityLog/ActivityLogSegment.js +2 -3
- package/dist/components/Article/Article.js +2 -3
- package/dist/components/Article/ArticleContact.js +2 -3
- package/dist/components/Article/ArticleHeader.js +5 -6
- package/dist/components/Attachment/AttachmentLink.js +2 -3
- package/dist/components/Banner/Banner.js +2 -3
- package/dist/components/Bookmarks/BookmarksListItem.js +2 -3
- package/dist/components/Bookmarks/BookmarksSection.js +2 -3
- package/dist/components/Bookmarks/EditableBookmark.js +2 -3
- package/dist/components/Button/Button.js +14 -15
- package/dist/components/Button/ButtonGroup.js +2 -3
- package/dist/components/Button/ButtonIcon.js +9 -10
- package/dist/components/Button/ComboButton.js +10 -11
- package/dist/components/Button/IconButton.js +6 -7
- package/dist/components/Byline/Byline.js +7 -8
- package/dist/components/ContextMenu/ContextMenu.js +9 -10
- package/dist/components/Dashboard/DashboardCard.js +13 -14
- package/dist/components/Dashboard/DashboardHeader.js +2 -3
- package/dist/components/Dashboard/DashboardIcon.js +2 -3
- package/dist/components/Datepicker/DatepickerHeader.js +11 -12
- package/dist/components/Datepicker/DatepickerTable.js +8 -9
- package/dist/components/Dialog/Dialog.js +2 -3
- package/dist/components/Dialog/DialogActions.js +2 -3
- package/dist/components/Dialog/DialogActivityLog.js +2 -3
- package/dist/components/Dialog/DialogAttachments.js +6 -7
- package/dist/components/Dialog/DialogBody.js +6 -7
- package/dist/components/Dialog/DialogByline.js +2 -3
- package/dist/components/Dialog/DialogContact.js +2 -3
- package/dist/components/Dialog/DialogHeader.js +6 -7
- package/dist/components/Dialog/DialogHistory.js +9 -10
- package/dist/components/Dialog/DialogHistoryItem.js +2 -3
- package/dist/components/Dialog/DialogHistorySegment.js +2 -3
- package/dist/components/Dialog/DialogLayout.js +2 -3
- package/dist/components/Dialog/DialogList.js +4 -5
- package/dist/components/Dialog/DialogListGroup.js +2 -3
- package/dist/components/Dialog/DialogListItem.js +5 -6
- package/dist/components/Dialog/DialogMetadata.js +2 -3
- package/dist/components/Dialog/DialogSection.js +2 -3
- package/dist/components/Dialog/DialogSeenBy.js +2 -3
- package/dist/components/Dialog/DialogSelect.js +4 -5
- package/dist/components/Dialog/DialogStatus.js +8 -9
- package/dist/components/Dialog/DialogTabs.js +2 -3
- package/dist/components/Dialog/SeenByLog.js +11 -12
- package/dist/components/Dialog/SeenByLogButton.js +2 -3
- package/dist/components/Dialog/SeenByLogItem.js +2 -3
- package/dist/components/Dropdown/DrawerButton.js +4 -5
- package/dist/components/Dropdown/DrawerHeader.js +8 -9
- package/dist/components/Dropdown/DrawerOrDropdown.js +11 -12
- package/dist/components/Forms/Checkbox.js +2 -3
- package/dist/components/Forms/CheckboxOptions.js +2 -3
- package/dist/components/Forms/FieldBase.js +2 -3
- package/dist/components/Forms/FieldsetBase.js +2 -3
- package/dist/components/Forms/Radio.js +2 -3
- package/dist/components/Forms/RadioOptions.js +4 -5
- package/dist/components/Forms/SearchField.js +2 -3
- package/dist/components/Forms/SelectField.js +3 -4
- package/dist/components/Forms/Switch.js +2 -3
- package/dist/components/Forms/SwitchOptions.js +4 -5
- package/dist/components/Forms/TextField.js +2 -3
- package/dist/components/Forms/TextareaField.js +2 -3
- package/dist/components/GlobalMenu/BackButton.js +14 -15
- package/dist/components/GlobalMenu/CurrentAccount.js +2 -3
- package/dist/components/GlobalMenu/GlobalMenu.js +26 -27
- package/dist/components/GlobalMenu/GlobalMenuButton.js +9 -10
- package/dist/components/GlobalMenu/LogoutButton.js +5 -6
- package/dist/components/Header/Header.js +19 -20
- package/dist/components/Header/HeaderBase.js +3 -4
- package/dist/components/Header/HeaderButton.js +2 -3
- package/dist/components/Header/HeaderLogo.js +7 -8
- package/dist/components/Header/LocaleButton.js +5 -6
- package/dist/components/Header/LocaleSwitcher.js +10 -11
- package/dist/components/Icon/Icon.js +11 -12
- package/dist/components/Icon/IconOrAvatar.js +14 -15
- package/dist/components/Layout/Layout.js +5 -6
- package/dist/components/LayoutAction/ActionHeader.js +13 -14
- package/dist/components/LayoutAction/LayoutAction.js +2 -3
- package/dist/components/List/List.js +2 -3
- package/dist/components/List/ListBase.js +2 -3
- package/dist/components/List/ListItemHeader.js +4 -5
- package/dist/components/List/ListItemIcon.js +2 -3
- package/dist/components/List/ListItemLabel.js +10 -10
- package/dist/components/List/ListItemSelect.js +3 -4
- package/dist/components/List/index.js +15 -14
- package/dist/components/Menu/MenuItem.js +10 -11
- package/dist/components/Menu/MenuItemIcon.js +5 -6
- package/dist/components/Menu/MenuItemLabel.js +8 -8
- package/dist/components/Menu/MenuItems.js +26 -27
- package/dist/components/Menu/MenuItemsVirtual.js +6 -7
- package/dist/components/Menu/MenuOption.js +7 -8
- package/dist/components/Menu/MenuSearch.js +12 -13
- package/dist/components/Metadata/MetaItem.js +6 -7
- package/dist/components/Metadata/MetaItemIcon.js +2 -3
- package/dist/components/Metadata/MetaProgress.js +2 -3
- package/dist/components/Metadata/MetaTimestamp.js +6 -7
- package/dist/components/Metadata/Metadata.js +7 -8
- package/dist/components/Modal/Modal.js +5 -6
- package/dist/components/Modal/ModalBase.js +2 -3
- package/dist/components/Modal/ModalBody.js +2 -3
- package/dist/components/Modal/ModalFooter.js +2 -3
- package/dist/components/Modal/ModalHeader.js +6 -7
- package/dist/components/Page/AccordionSection.js +2 -3
- package/dist/components/Page/Breadcrumbs.js +2 -3
- package/dist/components/Page/ContactButtons.js +4 -5
- package/dist/components/Page/ContactSection.js +2 -3
- package/dist/components/Page/PageMenu.js +5 -6
- package/dist/components/Page/PageNav.js +6 -7
- package/dist/components/Page/PageTabs.js +4 -5
- package/dist/components/Page/Section.js +2 -3
- package/dist/components/ResourceListItem/ResourceListItem.js +2 -3
- package/dist/components/Search/SearchItem.js +7 -8
- package/dist/components/Searchbar/Autocomplete.js +21 -21
- package/dist/components/Searchbar/AutocompleteBase.js +5 -8
- package/dist/components/Searchbar/AutocompleteItem.js +6 -7
- package/dist/components/Searchbar/ScopeListItem.js +5 -6
- package/dist/components/Searchbar/Searchbar.js +21 -13
- package/dist/components/Searchbar/SearchbarField.js +45 -41
- package/dist/components/Searchbar/SuggestListItem.js +3 -4
- package/dist/components/Settings/SettingsItem.js +7 -8
- package/dist/components/Settings/SettingsList.js +8 -9
- package/dist/components/Settings/SettingsSection.js +2 -3
- package/dist/components/Snackbar/SnackbarItem.js +13 -14
- package/dist/components/Timeline/Timeline.js +2 -3
- package/dist/components/Timeline/TimelineActivity.js +2 -3
- package/dist/components/Timeline/TimelineBase.js +8 -9
- package/dist/components/Timeline/TimelineFooter.js +5 -6
- package/dist/components/Timeline/TimelineHeader.js +2 -3
- package/dist/components/Timeline/TimelineIcon.js +5 -6
- package/dist/components/Timeline/TimelineLink.js +6 -7
- package/dist/components/Timeline/TimelineSection.js +2 -3
- package/dist/components/Timeline/TimelineSegment.js +5 -6
- package/dist/components/Toolbar/ToolbarAccountMenu.js +2 -3
- package/dist/components/Toolbar/ToolbarAdd.js +2 -3
- package/dist/components/Toolbar/ToolbarButton.js +2 -3
- package/dist/components/Toolbar/ToolbarDaterange.js +2 -3
- package/dist/components/Toolbar/ToolbarFilter.js +10 -11
- package/dist/components/Toolbar/ToolbarMenu.js +2 -3
- package/dist/components/Toolbar/ToolbarOptions.js +17 -18
- package/dist/components/Toolbar/ToolbarSearch.js +6 -7
- package/dist/components/Transmission/Transmission.js +8 -9
- package/dist/components/Transmission/TransmissionList.js +7 -8
- package/dist/components/Transmission/TransmissionType.js +2 -3
- package/dist/components/Typography/Heading.js +13 -14
- package/dist/components/UserListItem/UserListItem.js +2 -3
- package/dist/components/index.js +268 -267
- package/dist/index.js +271 -270
- package/dist/types/lib/components/List/ListItemLabel.d.ts +1 -0
- package/dist/types/lib/components/Searchbar/Autocomplete.d.ts +2 -1
- package/dist/types/lib/components/Searchbar/Autocomplete.stories.d.ts +1 -1
- package/dist/types/lib/components/Searchbar/AutocompleteBase.d.ts +2 -1
- package/dist/types/lib/components/Searchbar/Searchbar.stories.d.ts +0 -1
- package/dist/types/lib/components/Searchbar/SearchbarField.d.ts +2 -1
- package/package.json +1 -1
|
@@ -5,17 +5,16 @@ import { Skeleton as c } from "../Skeleton/Skeleton.js";
|
|
|
5
5
|
import { Byline as a } from "../Byline/Byline.js";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import { TimelineIcon as l } from "./TimelineIcon.js";
|
|
8
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
9
8
|
import "../Snackbar/useSnackbar.js";
|
|
10
9
|
import { Flex as d } from "../Page/Flex.js";
|
|
11
10
|
import '../../assets/TimelineHeader.css';const p = "_header_177gq_1", h = "_sidebar_177gq_9", _ = "_content_177gq_19", r = {
|
|
12
11
|
header: p,
|
|
13
12
|
sidebar: h,
|
|
14
13
|
content: _
|
|
15
|
-
},
|
|
14
|
+
}, z = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
|
|
16
15
|
/* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(c, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
|
|
17
16
|
/* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(a, { loading: i, size: "lg", children: n }) })
|
|
18
17
|
] });
|
|
19
18
|
export {
|
|
20
|
-
|
|
19
|
+
z as TimelineHeader
|
|
21
20
|
};
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { isValidElement as
|
|
3
|
-
import { Icon as s, isIconProps as
|
|
2
|
+
import { isValidElement as n } from "react";
|
|
3
|
+
import { Icon as s, isIconProps as p } from "../Icon/Icon.js";
|
|
4
4
|
import "../../index-L8X2o7IH.js";
|
|
5
5
|
import { isAvatarProps as l, Avatar as f } from "../Avatar/Avatar.js";
|
|
6
6
|
import { isAvatarGroupProps as c, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
9
8
|
import "../Snackbar/useSnackbar.js";
|
|
10
9
|
import { S as d } from "../../XMark-DIqxCTTQ.js";
|
|
11
10
|
import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", a = {
|
|
12
11
|
icon: g
|
|
13
12
|
};
|
|
14
13
|
function v(o) {
|
|
15
|
-
return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || o === null ||
|
|
14
|
+
return typeof o == "string" || typeof o == "number" || typeof o == "boolean" || o === null || n(o);
|
|
16
15
|
}
|
|
17
|
-
const
|
|
16
|
+
const x = ({ loading: o, size: e, color: i, theme: m, icon: r }) => r ? o ? /* @__PURE__ */ t(s, { className: a.icon, svgElement: d, loading: !0 }) : /* @__PURE__ */ t("div", { className: a.icon, "data-color": i, "data-size": e, children: l(r) && /* @__PURE__ */ t(f, { ...r }) || c(r) && /* @__PURE__ */ t(u, { ...r, className: a.avatarGroup }) || p(r) && /* @__PURE__ */ t(s, { ...r, theme: m }) || v(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }) }) : null;
|
|
18
17
|
export {
|
|
19
|
-
|
|
18
|
+
x as TimelineIcon
|
|
20
19
|
};
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c } from "../../index-L8X2o7IH.js";
|
|
1
|
+
import { jsxs as c, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { c as i } from "../../index-L8X2o7IH.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import { ButtonBase as p } from "../Button/ButtonBase.js";
|
|
5
5
|
import { ButtonLabel as b } from "../Button/ButtonLabel.js";
|
|
6
6
|
import { ButtonIcon as u } from "../Button/ButtonIcon.js";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
9
8
|
import "../Snackbar/useSnackbar.js";
|
|
10
9
|
import '../../assets/TimelineLink.css';const _ = "_button_87kyt_1", f = "_label_87kyt_10", t = {
|
|
11
10
|
button: _,
|
|
12
11
|
label: f
|
|
13
|
-
},
|
|
12
|
+
}, v = ({
|
|
14
13
|
size: o = "xs",
|
|
15
14
|
color: m = "company",
|
|
16
15
|
icon: r,
|
|
@@ -18,13 +17,13 @@ import '../../assets/TimelineLink.css';const _ = "_button_87kyt_1", f = "_label_
|
|
|
18
17
|
label: l,
|
|
19
18
|
children: s,
|
|
20
19
|
...a
|
|
21
|
-
}) => /* @__PURE__ */
|
|
20
|
+
}) => /* @__PURE__ */ c(
|
|
22
21
|
p,
|
|
23
22
|
{
|
|
24
23
|
color: m,
|
|
25
24
|
variant: "link",
|
|
26
25
|
size: o,
|
|
27
|
-
className:
|
|
26
|
+
className: i(t.button, { [t.reverse]: e }),
|
|
28
27
|
...a,
|
|
29
28
|
children: [
|
|
30
29
|
r && /* @__PURE__ */ n(u, { className: t.icon, size: o, icon: r }),
|
|
@@ -33,5 +32,5 @@ import '../../assets/TimelineLink.css';const _ = "_button_87kyt_1", f = "_label_
|
|
|
33
32
|
}
|
|
34
33
|
);
|
|
35
34
|
export {
|
|
36
|
-
|
|
35
|
+
v as TimelineLink
|
|
37
36
|
};
|
|
@@ -5,10 +5,9 @@ import { Byline as T } from "../Byline/Byline.js";
|
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
6
|
import { TimelineBase as a } from "./TimelineBase.js";
|
|
7
7
|
import { Typography as j } from "../Typography/Typography.js";
|
|
8
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
9
8
|
import "../Snackbar/useSnackbar.js";
|
|
10
9
|
import { Section as u } from "../Page/Section.js";
|
|
11
|
-
const
|
|
10
|
+
const A = ({
|
|
12
11
|
loading: o,
|
|
13
12
|
unread: i,
|
|
14
13
|
level: p,
|
|
@@ -26,5 +25,5 @@ const C = ({
|
|
|
26
25
|
/* @__PURE__ */ t(u, { margin: e, spacing: s, children: r && typeof r == "string" ? /* @__PURE__ */ t(j, { as: "p", loading: o, size: "md", ...l, children: r }) : r })
|
|
27
26
|
] });
|
|
28
27
|
export {
|
|
29
|
-
|
|
28
|
+
A as TimelineSection
|
|
30
29
|
};
|
|
@@ -4,27 +4,26 @@ import "react";
|
|
|
4
4
|
import { Byline as a } from "../Byline/Byline.js";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
6
|
import { TimelineBase as h } from "./TimelineBase.js";
|
|
7
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
8
7
|
import "../Snackbar/useSnackbar.js";
|
|
9
8
|
import { Section as x } from "../Page/Section.js";
|
|
10
9
|
import { S as d } from "../../CircleFill-BkDF4Wm0.js";
|
|
11
|
-
const
|
|
10
|
+
const q = ({
|
|
12
11
|
loading: r,
|
|
13
12
|
unread: m,
|
|
14
13
|
datetime: t,
|
|
15
14
|
byline: o,
|
|
16
15
|
icon: e = d,
|
|
17
|
-
color:
|
|
18
|
-
spacing:
|
|
16
|
+
color: l,
|
|
17
|
+
spacing: p = 2,
|
|
19
18
|
margin: n = "bottom",
|
|
20
19
|
children: c,
|
|
21
20
|
id: s,
|
|
22
21
|
footer: j,
|
|
23
22
|
...f
|
|
24
|
-
}) => /* @__PURE__ */ i(h, { loading: r, color: m ?
|
|
23
|
+
}) => /* @__PURE__ */ i(h, { loading: r, color: m ? l : "neutral", icon: e, as: "li", ...f, id: s, children: /* @__PURE__ */ S(x, { margin: n, spacing: p, children: [
|
|
25
24
|
o && /* @__PURE__ */ i(a, { loading: r, datetime: t, children: o }),
|
|
26
25
|
c
|
|
27
26
|
] }) });
|
|
28
27
|
export {
|
|
29
|
-
|
|
28
|
+
q as TimelineSegment
|
|
30
29
|
};
|
|
@@ -4,11 +4,10 @@ import "../../index-L8X2o7IH.js";
|
|
|
4
4
|
import { AccountMenu as x } from "../Account/AccountMenu.js";
|
|
5
5
|
import { useRootContext as T } from "../RootProvider/RootProvider.js";
|
|
6
6
|
import { DrawerOrDropdown as b } from "../Dropdown/DrawerOrDropdown.js";
|
|
7
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
8
7
|
import "../Snackbar/useSnackbar.js";
|
|
9
8
|
import { ToolbarButton as g } from "./ToolbarButton.js";
|
|
10
9
|
import { ToolbarFilterBase as h } from "./ToolbarFilterBase.js";
|
|
11
|
-
const
|
|
10
|
+
const M = ({
|
|
12
11
|
currentAccount: o,
|
|
13
12
|
id: e = "toolbar-accounts",
|
|
14
13
|
onSelectAccount: r,
|
|
@@ -31,5 +30,5 @@ const v = ({
|
|
|
31
30
|
] });
|
|
32
31
|
};
|
|
33
32
|
export {
|
|
34
|
-
|
|
33
|
+
M as ToolbarAccountMenu
|
|
35
34
|
};
|
|
@@ -4,11 +4,10 @@ import "react";
|
|
|
4
4
|
import { useRootContext as d } from "../RootProvider/RootProvider.js";
|
|
5
5
|
import { DrawerOrDropdown as s } from "../Dropdown/DrawerOrDropdown.js";
|
|
6
6
|
import { Menu as c } from "../Menu/Menu.js";
|
|
7
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
8
7
|
import "../Snackbar/useSnackbar.js";
|
|
9
8
|
import { ToolbarButton as a } from "./ToolbarButton.js";
|
|
10
9
|
import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
|
|
11
|
-
const
|
|
10
|
+
const C = ({ label: r = "Legg til", items: n, id: t }) => {
|
|
12
11
|
const { closeAll: l, currentId: m, toggleId: i } = d(), e = m === t;
|
|
13
12
|
return /* @__PURE__ */ p(g, { expanded: e, children: [
|
|
14
13
|
/* @__PURE__ */ o(a, { type: "add", onToggle: () => i(t), children: r }),
|
|
@@ -16,5 +15,5 @@ const D = ({ label: r = "Legg til", items: n, id: t }) => {
|
|
|
16
15
|
] });
|
|
17
16
|
};
|
|
18
17
|
export {
|
|
19
|
-
|
|
18
|
+
C as ToolbarAdd
|
|
20
19
|
};
|
|
@@ -4,7 +4,6 @@ import "../../index-L8X2o7IH.js";
|
|
|
4
4
|
import * as i from "react";
|
|
5
5
|
import { forwardRef as u } from "react";
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
8
7
|
import "../Snackbar/useSnackbar.js";
|
|
9
8
|
import { Button as m } from "../Button/Button.js";
|
|
10
9
|
import { ComboButton as p } from "../Button/ComboButton.js";
|
|
@@ -47,7 +46,7 @@ const O = u((t, l) => {
|
|
|
47
46
|
);
|
|
48
47
|
}), g = "_removeButton_fxc8_1", h = {
|
|
49
48
|
removeButton: g
|
|
50
|
-
},
|
|
49
|
+
}, z = ({
|
|
51
50
|
type: t = "select",
|
|
52
51
|
selected: l = !1,
|
|
53
52
|
removable: o = !1,
|
|
@@ -96,5 +95,5 @@ const O = u((t, l) => {
|
|
|
96
95
|
}
|
|
97
96
|
);
|
|
98
97
|
export {
|
|
99
|
-
|
|
98
|
+
z as ToolbarButton
|
|
100
99
|
};
|
|
@@ -5,7 +5,6 @@ import { useRootContext as F } from "../RootProvider/RootProvider.js";
|
|
|
5
5
|
import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
|
|
6
6
|
import { MenuInputField as p } from "../Menu/MenuInputField.js";
|
|
7
7
|
import { MenuBase as S } from "../Menu/MenuBase.js";
|
|
8
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
9
8
|
import "../Snackbar/useSnackbar.js";
|
|
10
9
|
import { ToolbarButton as w } from "./ToolbarButton.js";
|
|
11
10
|
import { ToolbarFilterBase as y } from "./ToolbarFilterBase.js";
|
|
@@ -14,7 +13,7 @@ import '../../assets/ToolbarDaterange.css';const I = "_datepicker_ud6cb_1", N =
|
|
|
14
13
|
datepicker: I,
|
|
15
14
|
fields: N,
|
|
16
15
|
description: j
|
|
17
|
-
},
|
|
16
|
+
}, L = ({
|
|
18
17
|
id: i = "toolbar-filter-datetange",
|
|
19
18
|
title: f = "Select daterange",
|
|
20
19
|
description: g = "Choose dates or click to set daterange.",
|
|
@@ -54,5 +53,5 @@ import '../../assets/ToolbarDaterange.css';const I = "_datepicker_ud6cb_1", N =
|
|
|
54
53
|
] });
|
|
55
54
|
};
|
|
56
55
|
export {
|
|
57
|
-
|
|
56
|
+
L as ToolbarDaterange
|
|
58
57
|
};
|
|
@@ -3,12 +3,11 @@ import "../../index-L8X2o7IH.js";
|
|
|
3
3
|
import "react";
|
|
4
4
|
import { useRootContext as C } from "../RootProvider/RootProvider.js";
|
|
5
5
|
import { DrawerOrDropdown as O } from "../Dropdown/DrawerOrDropdown.js";
|
|
6
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
7
6
|
import "../Snackbar/useSnackbar.js";
|
|
8
7
|
import { ToolbarButton as k } from "./ToolbarButton.js";
|
|
9
8
|
import { ToolbarFilterBase as D } from "./ToolbarFilterBase.js";
|
|
10
9
|
import { ToolbarOptions as F } from "./ToolbarOptions.js";
|
|
11
|
-
const I = (u, r) => Array.isArray(r) ? r.join(", ") : r,
|
|
10
|
+
const I = (u, r) => Array.isArray(r) ? r.join(", ") : r, J = ({
|
|
12
11
|
removable: u,
|
|
13
12
|
label: r,
|
|
14
13
|
name: o,
|
|
@@ -18,27 +17,27 @@ const I = (u, r) => Array.isArray(r) ? r.join(", ") : r, K = ({
|
|
|
18
17
|
onChange: e,
|
|
19
18
|
onRemove: h,
|
|
20
19
|
buttonAltText: t = "Remove button",
|
|
21
|
-
getSelectedLabel:
|
|
20
|
+
getSelectedLabel: c,
|
|
22
21
|
showResultsLabel: T = "Show results",
|
|
23
22
|
optionType: v,
|
|
24
23
|
id: d = `toolbar-filter-${o}`
|
|
25
24
|
}) => {
|
|
26
25
|
const { currentId: w, toggleId: x, closeAll: b } = C(), f = (y ?? []).map((p) => {
|
|
27
|
-
const
|
|
26
|
+
const i = n == null ? void 0 : n[p.name || o];
|
|
28
27
|
return {
|
|
29
28
|
name: o,
|
|
30
29
|
...p,
|
|
31
|
-
checked: Array.isArray(
|
|
30
|
+
checked: Array.isArray(i) ? i.includes(p.value) : p.value === i
|
|
32
31
|
};
|
|
33
|
-
}), s = n == null ? void 0 : n[o], j = (
|
|
34
|
-
return /* @__PURE__ */ B(D, { expanded:
|
|
32
|
+
}), s = n == null ? void 0 : n[o], j = (c == null ? void 0 : c(o, s)) ?? I(o, s), a = () => x(d), m = w === d;
|
|
33
|
+
return /* @__PURE__ */ B(D, { expanded: m, children: [
|
|
35
34
|
/* @__PURE__ */ l(
|
|
36
35
|
k,
|
|
37
36
|
{
|
|
38
37
|
type: "select",
|
|
39
38
|
removable: u,
|
|
40
39
|
active: Array.isArray(s) ? s.length > 0 : typeof s < "u",
|
|
41
|
-
onToggle:
|
|
40
|
+
onToggle: a,
|
|
42
41
|
ariaLabel: t,
|
|
43
42
|
iconAltText: t,
|
|
44
43
|
onRemove: h,
|
|
@@ -48,10 +47,10 @@ const I = (u, r) => Array.isArray(r) ? r.join(", ") : r, K = ({
|
|
|
48
47
|
/* @__PURE__ */ l(
|
|
49
48
|
O,
|
|
50
49
|
{
|
|
51
|
-
open:
|
|
50
|
+
open: m,
|
|
52
51
|
drawerTitle: r,
|
|
53
52
|
onClose: b,
|
|
54
|
-
drawerButton: { onClick:
|
|
53
|
+
drawerButton: { onClick: a, label: T },
|
|
55
54
|
children: /* @__PURE__ */ l(
|
|
56
55
|
F,
|
|
57
56
|
{
|
|
@@ -67,5 +66,5 @@ const I = (u, r) => Array.isArray(r) ? r.join(", ") : r, K = ({
|
|
|
67
66
|
] });
|
|
68
67
|
};
|
|
69
68
|
export {
|
|
70
|
-
|
|
69
|
+
J as ToolbarFilter
|
|
71
70
|
};
|
|
@@ -4,11 +4,10 @@ import "react";
|
|
|
4
4
|
import { useRootContext as u } from "../RootProvider/RootProvider.js";
|
|
5
5
|
import { DrawerOrDropdown as f } from "../Dropdown/DrawerOrDropdown.js";
|
|
6
6
|
import { Menu as x } from "../Menu/Menu.js";
|
|
7
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
8
7
|
import "../Snackbar/useSnackbar.js";
|
|
9
8
|
import { ToolbarButton as T } from "./ToolbarButton.js";
|
|
10
9
|
import { ToolbarFilterBase as b } from "./ToolbarFilterBase.js";
|
|
11
|
-
const
|
|
10
|
+
const k = ({ label: e, value: n, groups: m, search: i, items: l, id: r = "toolbar-menu" }) => {
|
|
12
11
|
const { currentId: p, toggleId: s, closeAll: c } = u(), a = () => s(r), t = p === r;
|
|
13
12
|
return /* @__PURE__ */ d(b, { expanded: t, children: [
|
|
14
13
|
/* @__PURE__ */ o(T, { type: "switch", onToggle: a, active: !!n, children: e }),
|
|
@@ -16,5 +15,5 @@ const v = ({ label: e, value: n, groups: m, search: i, items: l, id: r = "toolba
|
|
|
16
15
|
] });
|
|
17
16
|
};
|
|
18
17
|
export {
|
|
19
|
-
|
|
18
|
+
k as ToolbarMenu
|
|
20
19
|
};
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as i, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { Fragment as v } from "react";
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import "../RootProvider/RootProvider.js";
|
|
5
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
6
5
|
import "../Snackbar/useSnackbar.js";
|
|
7
6
|
import { MenuOption as j } from "../Menu/MenuOption.js";
|
|
8
7
|
import { MenuSearch as x } from "../Menu/MenuSearch.js";
|
|
9
8
|
import { MenuHeader as O } from "../Menu/MenuHeader.js";
|
|
10
|
-
import { MenuBase as I, MenuList as L, MenuListItem as
|
|
11
|
-
const
|
|
9
|
+
import { MenuBase as I, MenuList as L, MenuListItem as m } from "../Menu/MenuBase.js";
|
|
10
|
+
const w = ({
|
|
12
11
|
name: h,
|
|
13
12
|
search: a,
|
|
14
13
|
optionGroups: o = {},
|
|
@@ -18,30 +17,30 @@ const z = ({
|
|
|
18
17
|
}) => {
|
|
19
18
|
var u;
|
|
20
19
|
const d = f.reduce(
|
|
21
|
-
(e,
|
|
22
|
-
const n =
|
|
23
|
-
return e[n] = e[n] || [], e[n].push(
|
|
20
|
+
(e, l) => {
|
|
21
|
+
const n = l.groupId || "";
|
|
22
|
+
return e[n] = e[n] || [], e[n].push(l), e;
|
|
24
23
|
},
|
|
25
24
|
{}
|
|
26
25
|
);
|
|
27
|
-
return /* @__PURE__ */
|
|
26
|
+
return /* @__PURE__ */ i(I, { theme: "default", children: [
|
|
28
27
|
a && /* @__PURE__ */ t(x, { ...a }),
|
|
29
|
-
/* @__PURE__ */ t(L, { children: (u = Object.keys(d)) == null ? void 0 : u.map((e,
|
|
30
|
-
var
|
|
28
|
+
/* @__PURE__ */ t(L, { children: (u = Object.keys(d)) == null ? void 0 : u.map((e, l) => {
|
|
29
|
+
var s;
|
|
31
30
|
const n = o[e] || {}, { title: p, divider: M = !0 } = n;
|
|
32
|
-
return /* @__PURE__ */
|
|
33
|
-
|
|
34
|
-
p && /* @__PURE__ */ t(
|
|
35
|
-
(
|
|
36
|
-
var
|
|
37
|
-
return /* @__PURE__ */ t(
|
|
31
|
+
return /* @__PURE__ */ i(v, { children: [
|
|
32
|
+
l && M ? /* @__PURE__ */ t(m, { role: "separator" }) : "",
|
|
33
|
+
p && /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(O, { title: p }) }),
|
|
34
|
+
(s = d[e]) == null ? void 0 : s.map((r) => {
|
|
35
|
+
var c;
|
|
36
|
+
return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(
|
|
38
37
|
j,
|
|
39
38
|
{
|
|
40
39
|
onChange: b,
|
|
41
40
|
label: r.label,
|
|
42
41
|
badge: r.badge,
|
|
43
42
|
name: r.name || h,
|
|
44
|
-
type: r.type || ((
|
|
43
|
+
type: r.type || ((c = o == null ? void 0 : o[e]) == null ? void 0 : c.optionType) || g,
|
|
45
44
|
value: r.value,
|
|
46
45
|
checked: r.checked
|
|
47
46
|
}
|
|
@@ -52,5 +51,5 @@ const z = ({
|
|
|
52
51
|
] });
|
|
53
52
|
};
|
|
54
53
|
export {
|
|
55
|
-
|
|
54
|
+
w as ToolbarOptions
|
|
56
55
|
};
|
|
@@ -2,14 +2,13 @@ import { jsx as p } from "react/jsx-runtime";
|
|
|
2
2
|
import "../../index-L8X2o7IH.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "../RootProvider/RootProvider.js";
|
|
5
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
6
5
|
import "../Snackbar/useSnackbar.js";
|
|
7
6
|
import { SearchField as a } from "../Forms/SearchField.js";
|
|
8
|
-
const
|
|
7
|
+
const f = ({
|
|
9
8
|
value: r,
|
|
10
9
|
name: o,
|
|
11
|
-
placeholder:
|
|
12
|
-
clearButtonAltText:
|
|
10
|
+
placeholder: e = "Search",
|
|
11
|
+
clearButtonAltText: t = "Clear search",
|
|
13
12
|
onChange: i,
|
|
14
13
|
onClear: m
|
|
15
14
|
}) => /* @__PURE__ */ p(
|
|
@@ -18,12 +17,12 @@ const n = ({
|
|
|
18
17
|
size: "xs",
|
|
19
18
|
value: r,
|
|
20
19
|
name: o,
|
|
21
|
-
placeholder:
|
|
22
|
-
clearButtonAltText:
|
|
20
|
+
placeholder: e,
|
|
21
|
+
clearButtonAltText: t,
|
|
23
22
|
onChange: i,
|
|
24
23
|
onClear: m
|
|
25
24
|
}
|
|
26
25
|
);
|
|
27
26
|
export {
|
|
28
|
-
|
|
27
|
+
f as ToolbarSearch
|
|
29
28
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as o, jsxs as
|
|
2
|
+
import { jsx as o, jsxs as t, Fragment as g } from "react/jsx-runtime";
|
|
3
3
|
import { useState as h } from "react";
|
|
4
4
|
import "../../index-L8X2o7IH.js";
|
|
5
5
|
import { AttachmentList as v } from "../Attachment/AttachmentList.js";
|
|
@@ -7,14 +7,13 @@ import { Badge as L } from "../Badge/Badge.js";
|
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
8
|
import { Typography as T } from "../Typography/Typography.js";
|
|
9
9
|
import { SeenByLog as A } from "../Dialog/SeenByLog.js";
|
|
10
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
11
10
|
import { ListItem as S } from "../List/ListItem.js";
|
|
12
11
|
import "../Snackbar/useSnackbar.js";
|
|
13
12
|
import { Section as _ } from "../Page/Section.js";
|
|
14
13
|
import { TransmissionType as j } from "./TransmissionType.js";
|
|
15
14
|
import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
|
|
16
15
|
title: k
|
|
17
|
-
},
|
|
16
|
+
}, M = ({
|
|
18
17
|
type: i,
|
|
19
18
|
unread: l,
|
|
20
19
|
size: c = "xs",
|
|
@@ -26,7 +25,7 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
|
|
|
26
25
|
sender: b,
|
|
27
26
|
summary: a,
|
|
28
27
|
attachments: e,
|
|
29
|
-
children:
|
|
28
|
+
children: n,
|
|
30
29
|
seenByLog: d,
|
|
31
30
|
...m
|
|
32
31
|
}) => {
|
|
@@ -45,7 +44,7 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
|
|
|
45
44
|
title: {
|
|
46
45
|
as: "span",
|
|
47
46
|
className: w.title,
|
|
48
|
-
children: /* @__PURE__ */
|
|
47
|
+
children: /* @__PURE__ */ t(g, { children: [
|
|
49
48
|
/* @__PURE__ */ o("h2", { children: s }),
|
|
50
49
|
l && /* @__PURE__ */ o(L, { variant: "tinted", size: "xs", ...f })
|
|
51
50
|
] }),
|
|
@@ -58,10 +57,10 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
|
|
|
58
57
|
linkIcon: !0,
|
|
59
58
|
as: "button",
|
|
60
59
|
ariaLabel: s,
|
|
61
|
-
children: /* @__PURE__ */
|
|
62
|
-
/* @__PURE__ */
|
|
60
|
+
children: /* @__PURE__ */ t(_, { padding: 4, spacing: 4, children: [
|
|
61
|
+
/* @__PURE__ */ t(T, { size: "md", children: [
|
|
63
62
|
a && /* @__PURE__ */ o("p", { children: a }),
|
|
64
|
-
r ? typeof
|
|
63
|
+
r ? typeof n == "function" ? n() : n : null,
|
|
65
64
|
(e == null ? void 0 : e.items) && /* @__PURE__ */ o(v, { ...e })
|
|
66
65
|
] }),
|
|
67
66
|
d && /* @__PURE__ */ o(A, { ...d })
|
|
@@ -70,5 +69,5 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
|
|
|
70
69
|
);
|
|
71
70
|
};
|
|
72
71
|
export {
|
|
73
|
-
|
|
72
|
+
M as Transmission
|
|
74
73
|
};
|
|
@@ -3,17 +3,16 @@ import { createElement as p } from "react";
|
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import { Byline as a } from "../Byline/Byline.js";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
|
-
import "../
|
|
7
|
-
import { List as o } from "../List/List.js";
|
|
6
|
+
import { List as e } from "../List/List.js";
|
|
8
7
|
import "../Snackbar/useSnackbar.js";
|
|
9
8
|
import { Transmission as c } from "./Transmission.js";
|
|
10
|
-
const
|
|
11
|
-
const { datetime:
|
|
12
|
-
return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ s(
|
|
13
|
-
/* @__PURE__ */ i(a, { as: "li", datetime:
|
|
14
|
-
/* @__PURE__ */ p(c, { ...r, key:
|
|
9
|
+
const j = ({ items: t }) => t.length ? /* @__PURE__ */ i(e, { children: t.map((r, n) => {
|
|
10
|
+
const { datetime: o, byline: m, createdAtLabel: l } = r;
|
|
11
|
+
return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ s(e, { children: [
|
|
12
|
+
/* @__PURE__ */ i(a, { as: "li", datetime: o, children: m || l }),
|
|
13
|
+
/* @__PURE__ */ p(c, { ...r, key: n })
|
|
15
14
|
] }) }, r.id);
|
|
16
15
|
}) }) : null;
|
|
17
16
|
export {
|
|
18
|
-
|
|
17
|
+
j as TransmissionList
|
|
19
18
|
};
|
|
@@ -3,10 +3,9 @@ import "../../index-L8X2o7IH.js";
|
|
|
3
3
|
import "react";
|
|
4
4
|
import { Badge as o } from "../Badge/Badge.js";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
7
6
|
import "../Snackbar/useSnackbar.js";
|
|
8
7
|
var i = /* @__PURE__ */ ((r) => (r.information = "information", r.acceptance = "acceptance", r.rejection = "rejection", r.request = "request", r.alert = "alert", r.decision = "decision", r.submission = "submission", r.correction = "correction", r.draft = "draft", r))(i || {});
|
|
9
|
-
const
|
|
8
|
+
const h = ({ loading: r, value: t, label: c }) => {
|
|
10
9
|
if (r)
|
|
11
10
|
return null;
|
|
12
11
|
switch (t) {
|
|
@@ -23,6 +22,6 @@ const j = ({ loading: r, value: t, label: c }) => {
|
|
|
23
22
|
}
|
|
24
23
|
};
|
|
25
24
|
export {
|
|
26
|
-
|
|
25
|
+
h as TransmissionType,
|
|
27
26
|
i as TransmissionTypeEnum
|
|
28
27
|
};
|
|
@@ -1,38 +1,37 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { c as h } from "../../index-L8X2o7IH.js";
|
|
3
3
|
import "react";
|
|
4
|
-
import { Skeleton as
|
|
4
|
+
import { Skeleton as l } from "../Skeleton/Skeleton.js";
|
|
5
5
|
import "../RootProvider/RootProvider.js";
|
|
6
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
7
6
|
import "../Snackbar/useSnackbar.js";
|
|
8
|
-
import '../../assets/Heading.css';const
|
|
9
|
-
heading:
|
|
10
|
-
},
|
|
7
|
+
import '../../assets/Heading.css';const p = "_heading_16r67_1", x = {
|
|
8
|
+
heading: p
|
|
9
|
+
}, v = ({
|
|
11
10
|
loading: o,
|
|
12
11
|
as: i = "h2",
|
|
13
|
-
size:
|
|
12
|
+
size: a,
|
|
14
13
|
leading: r = "tight",
|
|
15
14
|
weight: e = "medium",
|
|
16
15
|
color: d,
|
|
17
|
-
variant:
|
|
18
|
-
maxRows:
|
|
16
|
+
variant: n,
|
|
17
|
+
maxRows: m,
|
|
19
18
|
className: s,
|
|
20
19
|
style: c,
|
|
21
20
|
children: g
|
|
22
|
-
}) => /* @__PURE__ */
|
|
21
|
+
}) => /* @__PURE__ */ t(l, { loading: o, children: /* @__PURE__ */ t(
|
|
23
22
|
i,
|
|
24
23
|
{
|
|
25
24
|
className: h(x.heading, s),
|
|
26
25
|
style: c,
|
|
27
|
-
"data-size":
|
|
26
|
+
"data-size": a,
|
|
28
27
|
"data-leading": r,
|
|
29
28
|
"data-weight": e,
|
|
30
29
|
"data-color": d,
|
|
31
|
-
"data-variant":
|
|
32
|
-
"data-max-rows":
|
|
30
|
+
"data-variant": a === "xxs" && "default" || n,
|
|
31
|
+
"data-max-rows": m,
|
|
33
32
|
children: g
|
|
34
33
|
}
|
|
35
34
|
) });
|
|
36
35
|
export {
|
|
37
|
-
|
|
36
|
+
v as Heading
|
|
38
37
|
};
|
|
@@ -6,7 +6,6 @@ import * as d from "react";
|
|
|
6
6
|
import { forwardRef as g } from "react";
|
|
7
7
|
import { Badge as h } from "../Badge/Badge.js";
|
|
8
8
|
import "../RootProvider/RootProvider.js";
|
|
9
|
-
import "../Searchbar/AutocompleteBase.js";
|
|
10
9
|
import "../Snackbar/useSnackbar.js";
|
|
11
10
|
import { ListItemLabel as _ } from "../List/ListItemLabel.js";
|
|
12
11
|
import { ListItem as w } from "../List/ListItem.js";
|
|
@@ -32,7 +31,7 @@ const I = g((e, o) => {
|
|
|
32
31
|
badges: j,
|
|
33
32
|
label: x,
|
|
34
33
|
subUnitAvatar: A
|
|
35
|
-
},
|
|
34
|
+
}, N = ({
|
|
36
35
|
name: e,
|
|
37
36
|
type: o,
|
|
38
37
|
description: a,
|
|
@@ -81,5 +80,5 @@ const I = g((e, o) => {
|
|
|
81
80
|
);
|
|
82
81
|
};
|
|
83
82
|
export {
|
|
84
|
-
|
|
83
|
+
N as UserListItem
|
|
85
84
|
};
|