@altinn/altinn-components 0.56.18 → 0.56.20
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/Badge.css +1 -1
- package/dist/assets/BreadcrumbsLink.css +1 -1
- package/dist/assets/MenuItem.css +1 -1
- package/dist/components/Badge/Badge.js +7 -7
- package/dist/components/Breadcrumbs/Breadcrumbs.js +29 -30
- package/dist/components/Breadcrumbs/BreadcrumbsLink.js +4 -4
- package/dist/components/Dialog/DialogHeader.js +38 -37
- package/dist/components/Dialog/DialogListItem.js +29 -27
- package/dist/components/Dialog/DialogMetadata.js +67 -55
- package/dist/components/Dialog/DialogStatus.js +21 -21
- package/dist/components/Layout/Layout.js +5 -5
- package/dist/components/Menu/MenuItem.js +60 -60
- package/dist/components/Metadata/MetaItem.js +21 -16
- package/dist/components/Metadata/MetaProgress.js +12 -8
- package/dist/components/Metadata/MetaTimestamp.js +18 -13
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/types/lib/components/Breadcrumbs/Breadcrumbs.d.ts +3 -1
- package/dist/types/lib/components/Breadcrumbs/Breadcrumbs.stories.d.ts +1 -1
- package/dist/types/lib/components/Dialog/DialogHeader.d.ts +1 -1
- package/dist/types/lib/components/Dialog/DialogHeader.stories.d.ts +3 -1
- package/dist/types/lib/components/Dialog/DialogListItem.d.ts +1 -1
- package/dist/types/lib/components/Dialog/DialogMetadata.d.ts +4 -1
- package/dist/types/lib/components/Dialog/DialogMetadata.stories.d.ts +2 -1
- package/dist/types/lib/components/Dialog/DialogStatus.d.ts +2 -1
- package/dist/types/lib/components/Dialog/DialogStatus.stories.d.ts +1 -1
- package/dist/types/lib/components/Layout/Layout.d.ts +1 -1
- package/dist/types/lib/components/Metadata/MetaItem.d.ts +3 -1
- package/dist/types/lib/components/Metadata/MetaItem.stories.d.ts +1 -1
- package/dist/types/lib/components/Metadata/MetaProgress.d.ts +3 -1
- package/dist/types/lib/components/Metadata/MetaProgress.stories.d.ts +1 -1
- package/dist/types/lib/components/Metadata/MetaTimestamp.d.ts +3 -1
- package/dist/types/lib/components/Metadata/MetaTimestamp.stories.d.ts +1 -1
- package/dist/types/lib/components/ResourceListItem/ResourceListItem.d.ts +1 -1
- package/dist/types/lib/components/ResourceListItem/ResourceListItem.stories.d.ts +6 -0
- package/dist/types/lib/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/types/lib/components/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/types/lib/stories/Inbox.stories.d.ts +1 -1
- package/package.json +1 -1
package/dist/assets/Badge.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._badge_1i58d_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);--dsc-badge-border: var(--ds-color-base-default);border:1px solid transparent;background-color:var(--dsc-badge-background);color:var(--dsc-badge-color);border-color:var(--dsc-badge-border);box-sizing:border-box;vertical-align:middle}._badge_1i58d_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_1i58d_1[data-size=xs] ._label_1i58d_30{color:transparent;width:100%;height:100%}._badge_1i58d_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;height:2em;min-width:2em;border-radius:2em}._badge_1i58d_1[data-variant=subtle]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-border: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}._badge_1i58d_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-active);--dsc-badge-border: var(--ds-color-surface-active);--dsc-badge-color: var(--ds-color-text-default)}._badge_1i58d_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-border: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_1i58d_1[data-variant=outline]{--dsc-badge-background: transparent;--dsc-badge-border: var(--ds-color-border-subtle);--dsc-badge-color: var(--ds-color-text-subtle)}._badge_1i58d_1[data-variant=text],._badge_1i58d_1[data-variant=text][data-size=xs],._badge_1i58d_1[data-variant=text][data-size=sm]{--dsc-badge-background: transparent;--dsc-badge-border: transparent;--dsc-badge-color: var(--ds-color-text-subtle);font-size:.875rem;font-weight:400;padding:.5em 0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._link_1ouoq_1{white-space:nowrap;padding:0;margin:0;background:none;border:0;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;-webkit-user-select:none;user-select:none;font-size:1rem}a._link_1ouoq_1,button._link_1ouoq_1{color:var(--ds-color-text-subtle);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;cursor:pointer}a._link_1ouoq_1:hover,button._link_1ouoq_1:hover{color:var(--ds-color-base-hover)}._link_1ouoq_1[aria-current=page]{text-decoration:none}
|
package/dist/assets/MenuItem.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._item_1ud33_3{--checkmark-opacity: .5;appearance:none;background-color:transparent;border:none;-webkit-user-select:none;user-select:none;text-decoration:none;color:inherit;width:100%;display:flex;align-items:center;column-gap:.5rem;min-height:var(--dsc-item-height);padding-left:6px;padding-right:6px;overflow:hidden;--dsc-item-focus-outline: 2px solid black;--dsc-item-hover-pointer: pointer}._item_1ud33_3[data-variant=default]{--dsc-item-background: var(--ds-color-surface-tinted);--dsc-item-background--hover: var(--ds-color-surface-hover);--dsc-item-background--active: var(--ds-color-surface-active);--dsc-icon-background: var(--ds-color-surface-tinted);--dsc-icon-color: var(--ds-color-text-default)}._item_1ud33_3[data-variant=tinted]{--dsc-item-background: var(--ds-color-surface-default);--dsc-item-background--hover: var(--ds-color-surface-hover);--dsc-item-background--active: var(--ds-color-surface-default);--dsc-icon-background: var(--ds-color-surface-default)}._item_1ud33_3[data-variant=tinted][data-size=lg]{--dsc-icon-background: var(--ds-color-base-default);--dsc-icon-color: var(--ds-color-base-contrast-default)}div._item_1ud33_3[aria-disabled=true]{--dsc-item-focus-outline: none;--dsc-item-hover-pointer: default;--dsc-item-background--hover: var(--ds-color-background-default);--dsc-item-background--active: var(--ds-color-background-default)}._item_1ud33_3:hover,._item_1ud33_3[data-active=true]{background-color:var(--dsc-item-background--hover);cursor:var(--dsc-item-hover-pointer)}._item_1ud33_3[data-active=true]{background-color:var(--dsc-item-background--hover);outline:var(--dsc-item-focus-outline)}._item_1ud33_3[data-active=false]:focus-visible{outline:2px solid black}._item_1ud33_3[data-selected=true]{background-color:var(--dsc-item-background--active);--checkmark-opacity: 1}._item_1ud33_3[aria-disabled=true]{background-color:transparent;opacity:.5}._item_1ud33_3{--dsc-description-size: 14px;--dsc-description-leading: 18px;--dsc-description-weight: normal;--dsc-title-weight: normal}._item_1ud33_3[data-size=lg]{--dsc-item-height: 56px;--dsc-media-size: 44px;--dsc-icon-size: 28px;--dsc-title-size: 18px;--dsc-title-weight: 500}._item_1ud33_3[data-size=md]{--dsc-item-height: 44px;--dsc-media-size: 32px;--dsc-icon-size: 24px;--dsc-title-size: 16px;--dsc-title-weight: normal}._item_1ud33_3[data-size=sm]{--dsc-icon-background: transparent;--dsc-item-height: 36px;--dsc-media-size: 24px;--dsc-icon-size: 20px;--dsc-title-size: 16px;--dsc-title-weight: normal}._media_1ud33_130{font-size:var(--dsc-media-size);min-width:var(--dsc-media-size);height:var(--dsc-media-size)}._media_1ud33_130[data-variant=icon]{background-color:var(--dsc-icon-background);color:var(--dsc-icon-color);font-size:var(--dsc-icon-size);border-radius:5%}._media_1ud33_130[data-variant=icon] svg{font-size:var(--dsc-icon-size);width:var(--dsc-icon-size);height:var(--dsc-icon-size)}._label_1ud33_151{flex-grow:1;display:flex;flex-direction:column;font-size:var(--dsc-title-size);font-weight:var(--dsc-title-weight);line-height:1.25;margin-right:.75em;margin-top:6px;margin-bottom:6px;min-width:0;overflow-wrap:anywhere;text-wrap:initial}._title_1ud33_166{font-size:var(--dsc-title-size)}._description_1ud33_170{font-size:var(--dsc-description-size);font-weight:var(--dsc-description-weight);line-height:var(--dsc-description-leading)}._title_1ud33_166 mark,._description_1ud33_170 mark{background-color:transparent;text-decoration:underline}._count_1ud33_182{font-style:normal;font-size:smaller;vertical-align:baseline;margin:0 .25em;color:var(--ds-color-text-subtle)}._linkIcon_1ud33_190{font-size:1.25rem}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { c as o } from "../../index-p1eeF8LQ.js";
|
|
3
|
-
import '../../assets/Badge.css';const b = "
|
|
3
|
+
import '../../assets/Badge.css';const b = "_badge_1i58d_1", i = "_label_1i58d_30", s = {
|
|
4
4
|
badge: b,
|
|
5
|
-
label:
|
|
6
|
-
},
|
|
5
|
+
label: i
|
|
6
|
+
}, g = ({ label: t, color: d, variant: l = "subtle", theme: r, size: a = "sm", className: c, children: n }) => /* @__PURE__ */ e(
|
|
7
7
|
"span",
|
|
8
8
|
{
|
|
9
9
|
className: o(s.badge, c),
|
|
10
|
-
"data-color":
|
|
11
|
-
"data-variant":
|
|
12
|
-
"data-theme":
|
|
10
|
+
"data-color": d,
|
|
11
|
+
"data-variant": l,
|
|
12
|
+
"data-theme": r,
|
|
13
13
|
"data-size": a,
|
|
14
14
|
...a === "xs" && { "aria-hidden": !0 },
|
|
15
15
|
children: /* @__PURE__ */ e("span", { className: s.label, children: t || n })
|
|
16
16
|
}
|
|
17
17
|
);
|
|
18
18
|
export {
|
|
19
|
-
|
|
19
|
+
g as Badge
|
|
20
20
|
};
|
|
@@ -1,42 +1,41 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as o, jsxs as f } from "react/jsx-runtime";
|
|
3
3
|
import "../../index-p1eeF8LQ.js";
|
|
4
|
-
import {
|
|
5
|
-
import s, { forwardRef as p } from "react";
|
|
4
|
+
import c, { forwardRef as d } from "react";
|
|
6
5
|
import "../Button/Button.js";
|
|
7
|
-
import { BreadcrumbsLink as
|
|
6
|
+
import { BreadcrumbsLink as m } from "./BreadcrumbsLink.js";
|
|
8
7
|
import "react-dom";
|
|
9
8
|
import "../RootProvider/RootProvider.js";
|
|
10
9
|
import "../Snackbar/useSnackbar.js";
|
|
11
|
-
import { u as
|
|
12
|
-
import '../../assets/Breadcrumbs.css';var u = function(
|
|
13
|
-
var
|
|
14
|
-
for (var
|
|
15
|
-
if (
|
|
16
|
-
for (var
|
|
17
|
-
n.indexOf(
|
|
18
|
-
return
|
|
10
|
+
import { u as p } from "../../useId-BVFxCjkq.js";
|
|
11
|
+
import '../../assets/Breadcrumbs.css';var u = function(t, n) {
|
|
12
|
+
var l = {};
|
|
13
|
+
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (l[e] = t[e]);
|
|
14
|
+
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
15
|
+
for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
|
|
16
|
+
n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
|
|
17
|
+
return l;
|
|
19
18
|
};
|
|
20
|
-
const h =
|
|
21
|
-
var { title:
|
|
22
|
-
let
|
|
23
|
-
return
|
|
19
|
+
const h = d((t, n) => {
|
|
20
|
+
var { title: l, titleId: e } = t, r = u(t, ["title", "titleId"]);
|
|
21
|
+
let i = p();
|
|
22
|
+
return i = l ? e || "title-" + i : void 0, c.createElement(
|
|
24
23
|
"svg",
|
|
25
|
-
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: n, "aria-labelledby":
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
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: n, "aria-labelledby": i }, r),
|
|
25
|
+
l ? c.createElement("title", { id: i }, l) : null,
|
|
26
|
+
c.createElement("path", { fill: "currentColor", d: "M14.088 6.873a.75.75 0 0 1 .942.097l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H5a.75.75 0 0 1-.75-.74V12a.75.75 0 0 1 .75-.75h12.19l-3.22-3.22a.75.75 0 0 1 .118-1.157" })
|
|
28
27
|
);
|
|
29
|
-
}),
|
|
30
|
-
list:
|
|
31
|
-
item:
|
|
28
|
+
}), b = "_list_tknjf_1", _ = "_item_tknjf_12", g = "_icon_tknjf_18", a = {
|
|
29
|
+
list: b,
|
|
30
|
+
item: _,
|
|
32
31
|
icon: g
|
|
33
|
-
},
|
|
34
|
-
const { label:
|
|
35
|
-
return
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
/* @__PURE__ */
|
|
38
|
-
] }, r) : /* @__PURE__ */
|
|
39
|
-
}) });
|
|
32
|
+
}, E = ({ ariaLabel: t = "Breadcrumbs", className: n, items: l = [] }) => /* @__PURE__ */ o("nav", { className: n, "aria-label": t, children: /* @__PURE__ */ o("ol", { className: a.list, children: l.map((e, r) => {
|
|
33
|
+
const { label: i, ...s } = e;
|
|
34
|
+
return l?.length > r + 1 ? /* @__PURE__ */ f("li", { className: a.item, children: [
|
|
35
|
+
/* @__PURE__ */ o(m, { ...s, children: i }),
|
|
36
|
+
/* @__PURE__ */ o(h, { className: a.icon, "aria-hidden": !0 })
|
|
37
|
+
] }, r) : /* @__PURE__ */ o("li", { className: a.item, children: /* @__PURE__ */ o(m, { ...s, "aria-current": "page", children: i }) }, r);
|
|
38
|
+
}) }) });
|
|
40
39
|
export {
|
|
41
|
-
|
|
40
|
+
E as Breadcrumbs
|
|
42
41
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { c as l } from "../../index-p1eeF8LQ.js";
|
|
3
|
-
import '../../assets/BreadcrumbsLink.css';const m = "
|
|
3
|
+
import '../../assets/BreadcrumbsLink.css';const m = "_link_1ouoq_1", k = {
|
|
4
4
|
link: m
|
|
5
|
-
},
|
|
5
|
+
}, u = ({
|
|
6
6
|
as: o,
|
|
7
7
|
className: s,
|
|
8
8
|
disabled: n = !1,
|
|
@@ -18,11 +18,11 @@ import '../../assets/BreadcrumbsLink.css';const m = "_link_afpoj_1", p = {
|
|
|
18
18
|
"aria-selected": e,
|
|
19
19
|
"aria-disabled": n,
|
|
20
20
|
disabled: n,
|
|
21
|
-
className: l(
|
|
21
|
+
className: l(k.link, s),
|
|
22
22
|
...c,
|
|
23
23
|
children: a || t
|
|
24
24
|
}
|
|
25
25
|
);
|
|
26
26
|
export {
|
|
27
|
-
|
|
27
|
+
u as BreadcrumbsLink
|
|
28
28
|
};
|
|
@@ -1,54 +1,55 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Badge as
|
|
1
|
+
import { jsxs as i, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { Badge as j } from "../Badge/Badge.js";
|
|
3
3
|
import "../../index-p1eeF8LQ.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import { Skeleton as j } from "../Skeleton/Skeleton.js";
|
|
6
5
|
import { Heading as D } from "../Typography/Heading.js";
|
|
7
6
|
import "../Button/Button.js";
|
|
8
7
|
import "react-dom";
|
|
9
8
|
import "../RootProvider/RootProvider.js";
|
|
10
9
|
import { DialogMetadata as H } from "./DialogMetadata.js";
|
|
11
10
|
import "../Snackbar/useSnackbar.js";
|
|
12
|
-
import {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
receivedCount: l,
|
|
11
|
+
import { Section as u } from "../Page/Section.js";
|
|
12
|
+
const E = ({
|
|
13
|
+
loading: o,
|
|
14
|
+
title: m,
|
|
15
|
+
badge: r,
|
|
16
|
+
status: p,
|
|
17
|
+
extendedStatusLabel: e,
|
|
18
|
+
draftsLabel: a,
|
|
19
|
+
sentCount: s,
|
|
20
|
+
receivedCount: n,
|
|
23
21
|
updatedAt: c,
|
|
24
|
-
updatedAtLabel:
|
|
25
|
-
attachmentsCount:
|
|
26
|
-
dueAt:
|
|
27
|
-
dueAtLabel:
|
|
28
|
-
activityLog: g
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
22
|
+
updatedAtLabel: f,
|
|
23
|
+
attachmentsCount: l,
|
|
24
|
+
dueAt: d,
|
|
25
|
+
dueAtLabel: x,
|
|
26
|
+
activityLog: g,
|
|
27
|
+
tooltips: h = {}
|
|
28
|
+
}) => /* @__PURE__ */ i(u, { as: "header", spacing: 3, align: "start", children: [
|
|
29
|
+
/* @__PURE__ */ i(D, { loading: o, size: "xl", children: [
|
|
30
|
+
m,
|
|
31
|
+
r && " ",
|
|
32
|
+
r && /* @__PURE__ */ t(j, { ...r })
|
|
33
|
+
] }),
|
|
34
|
+
/* @__PURE__ */ t(
|
|
35
35
|
H,
|
|
36
36
|
{
|
|
37
|
-
loading:
|
|
38
|
-
status:
|
|
39
|
-
extendedStatusLabel:
|
|
40
|
-
draftsLabel:
|
|
41
|
-
sentCount:
|
|
42
|
-
receivedCount:
|
|
37
|
+
loading: o,
|
|
38
|
+
status: p,
|
|
39
|
+
extendedStatusLabel: e,
|
|
40
|
+
draftsLabel: a,
|
|
41
|
+
sentCount: s,
|
|
42
|
+
receivedCount: n,
|
|
43
43
|
updatedAt: c,
|
|
44
|
-
updatedAtLabel:
|
|
45
|
-
dueAt:
|
|
46
|
-
dueAtLabel:
|
|
47
|
-
attachmentsCount:
|
|
48
|
-
activityLog: g
|
|
44
|
+
updatedAtLabel: f,
|
|
45
|
+
dueAt: d,
|
|
46
|
+
dueAtLabel: x,
|
|
47
|
+
attachmentsCount: l,
|
|
48
|
+
activityLog: g,
|
|
49
|
+
tooltips: h
|
|
49
50
|
}
|
|
50
51
|
)
|
|
51
52
|
] });
|
|
52
53
|
export {
|
|
53
|
-
|
|
54
|
+
E as DialogHeader
|
|
54
55
|
};
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import { jsx as t, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
import { Badge as
|
|
2
|
+
import { Badge as O } from "../Badge/Badge.js";
|
|
3
3
|
import "../../index-p1eeF8LQ.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import { AvatarGroup as
|
|
5
|
+
import { AvatarGroup as P } from "../Avatar/AvatarGroup.js";
|
|
6
6
|
import { Heading as b } from "../Typography/Heading.js";
|
|
7
7
|
import "../Button/Button.js";
|
|
8
8
|
import "react-dom";
|
|
9
9
|
import "../RootProvider/RootProvider.js";
|
|
10
|
-
import { DialogMetadata as
|
|
11
|
-
import { DialogByline as
|
|
10
|
+
import { DialogMetadata as Q } from "./DialogMetadata.js";
|
|
11
|
+
import { DialogByline as S } from "./DialogByline.js";
|
|
12
12
|
import { ListItem as x } from "../List/ListItem.js";
|
|
13
13
|
import "../Snackbar/useSnackbar.js";
|
|
14
|
-
import '../../assets/DialogListItem.css';const
|
|
15
|
-
border:
|
|
16
|
-
title:
|
|
17
|
-
controls:
|
|
18
|
-
header:
|
|
19
|
-
summary:
|
|
20
|
-
footer:
|
|
21
|
-
seenBy:
|
|
22
|
-
dot:
|
|
23
|
-
heading:
|
|
24
|
-
},
|
|
14
|
+
import '../../assets/DialogListItem.css';const T = "_border_lwts6_1", U = "_title_lwts6_27", X = "_controls_lwts6_58", Y = "_header_lwts6_65", Z = "_summary_lwts6_82", $ = "_footer_lwts6_96", z = "_seenBy_lwts6_101", W = "_dot_lwts6_108", tt = "_heading_lwts6_112", a = {
|
|
15
|
+
border: T,
|
|
16
|
+
title: U,
|
|
17
|
+
controls: X,
|
|
18
|
+
header: Y,
|
|
19
|
+
summary: Z,
|
|
20
|
+
footer: $,
|
|
21
|
+
seenBy: z,
|
|
22
|
+
dot: W,
|
|
23
|
+
heading: tt
|
|
24
|
+
}, wt = ({
|
|
25
25
|
size: o = "xl",
|
|
26
|
-
state:
|
|
26
|
+
state: at = "normal",
|
|
27
27
|
loading: s,
|
|
28
28
|
controls: N,
|
|
29
|
-
select:
|
|
29
|
+
select: st,
|
|
30
30
|
selected: r,
|
|
31
31
|
status: n,
|
|
32
32
|
extendedStatusLabel: v,
|
|
@@ -52,15 +52,16 @@ import '../../assets/DialogListItem.css';const S = "_border_lwts6_1", T = "_titl
|
|
|
52
52
|
receivedCount: q,
|
|
53
53
|
attachmentsCount: C,
|
|
54
54
|
attachmentsLabel: E,
|
|
55
|
+
tooltips: F = {},
|
|
55
56
|
title: e,
|
|
56
|
-
description:
|
|
57
|
+
description: J,
|
|
57
58
|
summary: m,
|
|
58
59
|
highlightWords: l,
|
|
59
|
-
variant:
|
|
60
|
+
variant: K = "default",
|
|
60
61
|
id: h,
|
|
61
62
|
...f
|
|
62
63
|
}) => {
|
|
63
|
-
const w = r ? "tinted" :
|
|
64
|
+
const w = r ? "tinted" : K;
|
|
64
65
|
return o === "xs" || o === "sm" ? /* @__PURE__ */ t(
|
|
65
66
|
x,
|
|
66
67
|
{
|
|
@@ -73,7 +74,7 @@ import '../../assets/DialogListItem.css';const S = "_border_lwts6_1", T = "_titl
|
|
|
73
74
|
disabled: s,
|
|
74
75
|
icon: c,
|
|
75
76
|
title: e,
|
|
76
|
-
description: m ||
|
|
77
|
+
description: m || J,
|
|
77
78
|
highlightWords: l
|
|
78
79
|
}
|
|
79
80
|
) : /* @__PURE__ */ t(
|
|
@@ -111,12 +112,12 @@ import '../../assets/DialogListItem.css';const S = "_border_lwts6_1", T = "_titl
|
|
|
111
112
|
className: a.title,
|
|
112
113
|
children: [
|
|
113
114
|
e,
|
|
114
|
-
d && /* @__PURE__ */ t(
|
|
115
|
+
d && /* @__PURE__ */ t(O, { className: a.dot, variant: "tinted", size: "xs", ...d })
|
|
115
116
|
]
|
|
116
117
|
}
|
|
117
118
|
) }),
|
|
118
119
|
/* @__PURE__ */ t(
|
|
119
|
-
|
|
120
|
+
S,
|
|
120
121
|
{
|
|
121
122
|
size: "xs",
|
|
122
123
|
loading: s,
|
|
@@ -140,7 +141,7 @@ import '../../assets/DialogListItem.css';const S = "_border_lwts6_1", T = "_titl
|
|
|
140
141
|
)
|
|
141
142
|
] }),
|
|
142
143
|
/* @__PURE__ */ t(
|
|
143
|
-
|
|
144
|
+
Q,
|
|
144
145
|
{
|
|
145
146
|
className: a.footer,
|
|
146
147
|
loading: s,
|
|
@@ -158,10 +159,11 @@ import '../../assets/DialogListItem.css';const S = "_border_lwts6_1", T = "_titl
|
|
|
158
159
|
dueAt: M,
|
|
159
160
|
dueAtLabel: V,
|
|
160
161
|
attachmentsCount: C,
|
|
161
|
-
attachmentsLabel: E
|
|
162
|
+
attachmentsLabel: E,
|
|
163
|
+
tooltips: F
|
|
162
164
|
}
|
|
163
165
|
),
|
|
164
|
-
p && /* @__PURE__ */ t(
|
|
166
|
+
p && /* @__PURE__ */ t(P, { className: a.seenBy, items: p.items })
|
|
165
167
|
]
|
|
166
168
|
}
|
|
167
169
|
)
|
|
@@ -169,5 +171,5 @@ import '../../assets/DialogListItem.css';const S = "_border_lwts6_1", T = "_titl
|
|
|
169
171
|
);
|
|
170
172
|
};
|
|
171
173
|
export {
|
|
172
|
-
|
|
174
|
+
wt as DialogListItem
|
|
173
175
|
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as S, jsx as a } from "react/jsx-runtime";
|
|
3
3
|
import "../../index-p1eeF8LQ.js";
|
|
4
|
-
import
|
|
4
|
+
import c, { forwardRef as s } from "react";
|
|
5
5
|
import "../Button/Button.js";
|
|
6
6
|
import "react-dom";
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
|
-
import { MetaBase as
|
|
9
|
-
import { MetaItem as
|
|
8
|
+
import { MetaBase as E } from "../Metadata/MetaBase.js";
|
|
9
|
+
import { MetaItem as d } from "../Metadata/MetaItem.js";
|
|
10
10
|
import { MetaTimestamp as m } from "../Metadata/MetaTimestamp.js";
|
|
11
|
-
import { DialogStatus as
|
|
11
|
+
import { DialogStatus as M } from "./DialogStatus.js";
|
|
12
12
|
import "../Snackbar/useSnackbar.js";
|
|
13
|
-
import { S as
|
|
14
|
-
import { u as
|
|
15
|
-
import { S as
|
|
16
|
-
var
|
|
13
|
+
import { S as P } from "../../Checkmark-Byz_C9x4.js";
|
|
14
|
+
import { u as p } from "../../useId-BVFxCjkq.js";
|
|
15
|
+
import { S as k, a as C, c as R, b as q } from "../../Trash-DBcymOP9.js";
|
|
16
|
+
var B = function(t, i) {
|
|
17
17
|
var l = {};
|
|
18
18
|
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
|
|
19
19
|
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
@@ -21,17 +21,17 @@ var q = function(t, i) {
|
|
|
21
21
|
i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
|
|
22
22
|
return l;
|
|
23
23
|
};
|
|
24
|
-
const
|
|
25
|
-
var { title: l, titleId: e } = t, r =
|
|
26
|
-
let n =
|
|
27
|
-
return n = l ? e || "title-" + n : void 0,
|
|
24
|
+
const D = s((t, i) => {
|
|
25
|
+
var { title: l, titleId: e } = t, r = B(t, ["title", "titleId"]);
|
|
26
|
+
let n = p();
|
|
27
|
+
return n = l ? e || "title-" + n : void 0, c.createElement(
|
|
28
28
|
"svg",
|
|
29
29
|
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: i, "aria-labelledby": n }, r),
|
|
30
|
-
l ?
|
|
31
|
-
|
|
30
|
+
l ? c.createElement("title", { id: n }, l) : null,
|
|
31
|
+
c.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
|
|
32
32
|
);
|
|
33
33
|
});
|
|
34
|
-
var
|
|
34
|
+
var H = function(t, i) {
|
|
35
35
|
var l = {};
|
|
36
36
|
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
|
|
37
37
|
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
@@ -39,14 +39,14 @@ var D = function(t, i) {
|
|
|
39
39
|
i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
|
|
40
40
|
return l;
|
|
41
41
|
};
|
|
42
|
-
const
|
|
43
|
-
var { title: l, titleId: e } = t, r =
|
|
44
|
-
let n =
|
|
45
|
-
return n = l ? e || "title-" + n : void 0,
|
|
42
|
+
const A = s((t, i) => {
|
|
43
|
+
var { title: l, titleId: e } = t, r = H(t, ["title", "titleId"]);
|
|
44
|
+
let n = p();
|
|
45
|
+
return n = l ? e || "title-" + n : void 0, c.createElement(
|
|
46
46
|
"svg",
|
|
47
47
|
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: i, "aria-labelledby": n }, r),
|
|
48
|
-
l ?
|
|
49
|
-
|
|
48
|
+
l ? c.createElement("title", { id: n }, l) : null,
|
|
49
|
+
c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
|
|
50
50
|
);
|
|
51
51
|
});
|
|
52
52
|
var T = function(t, i) {
|
|
@@ -57,56 +57,68 @@ var T = function(t, i) {
|
|
|
57
57
|
i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
|
|
58
58
|
return l;
|
|
59
59
|
};
|
|
60
|
-
const V =
|
|
60
|
+
const V = s((t, i) => {
|
|
61
61
|
var { title: l, titleId: e } = t, r = T(t, ["title", "titleId"]);
|
|
62
|
-
let n =
|
|
63
|
-
return n = l ? e || "title-" + n : void 0,
|
|
62
|
+
let n = p();
|
|
63
|
+
return n = l ? e || "title-" + n : void 0, c.createElement(
|
|
64
64
|
"svg",
|
|
65
65
|
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: i, "aria-labelledby": n }, r),
|
|
66
|
-
l ?
|
|
67
|
-
|
|
66
|
+
l ? c.createElement("title", { id: n }, l) : null,
|
|
67
|
+
c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
|
|
68
68
|
);
|
|
69
|
-
}),
|
|
69
|
+
}), te = ({
|
|
70
70
|
className: t,
|
|
71
71
|
loading: i,
|
|
72
72
|
status: l,
|
|
73
73
|
sender: e,
|
|
74
74
|
updatedAt: r,
|
|
75
75
|
updatedAtLabel: n,
|
|
76
|
-
dueAt:
|
|
77
|
-
dueAtLabel:
|
|
78
|
-
archivedAt:
|
|
79
|
-
archivedAtLabel:
|
|
80
|
-
trashedAt:
|
|
76
|
+
dueAt: v,
|
|
77
|
+
dueAtLabel: u,
|
|
78
|
+
archivedAt: h,
|
|
79
|
+
archivedAtLabel: b,
|
|
80
|
+
trashedAt: g,
|
|
81
81
|
trashedAtLabel: w,
|
|
82
82
|
draftsLabel: O,
|
|
83
|
-
sentCount:
|
|
84
|
-
receivedCount:
|
|
85
|
-
attachmentsCount:
|
|
86
|
-
attachmentsLabel:
|
|
87
|
-
transmissionsLabel:
|
|
83
|
+
sentCount: y = 0,
|
|
84
|
+
receivedCount: x = 0,
|
|
85
|
+
attachmentsCount: z = 0,
|
|
86
|
+
attachmentsLabel: _,
|
|
87
|
+
transmissionsLabel: j,
|
|
88
88
|
activityLog: f,
|
|
89
|
-
extendedStatusLabel:
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
y > 0 && /* @__PURE__ */
|
|
96
|
-
|
|
97
|
-
|
|
89
|
+
extendedStatusLabel: I,
|
|
90
|
+
tooltips: o = {}
|
|
91
|
+
}) => /* @__PURE__ */ S(E, { className: t, size: "xs", children: [
|
|
92
|
+
l && /* @__PURE__ */ a(M, { tooltip: o.status, loading: i, size: "xs", ...l }),
|
|
93
|
+
I && /* @__PURE__ */ a(d, { tooltip: o.extendedStatus, size: "xs", variant: "outline", children: I }),
|
|
94
|
+
O && /* @__PURE__ */ a(d, { tooltip: o.drafts, size: "xs", variant: "dotted", children: O }),
|
|
95
|
+
y > 0 && /* @__PURE__ */ a(d, { tooltip: o.sent, size: "xs", variant: "outline", icon: P, children: y }),
|
|
96
|
+
x > 0 && /* @__PURE__ */ a(d, { tooltip: o.received, size: "xs", variant: "outline", icon: D, children: x }),
|
|
97
|
+
r && /* @__PURE__ */ S(m, { tooltip: o.updatedAt, loading: i, datetime: r, size: "xs", children: [
|
|
98
|
+
/* @__PURE__ */ a("strong", { children: e && e.name + ", " }),
|
|
98
99
|
n
|
|
99
100
|
] }),
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
c,
|
|
101
|
+
v && u && /* @__PURE__ */ a(m, { tooltip: o.dueAt, loading: i, datetime: v, size: "xs", icon: k, children: u }),
|
|
102
|
+
z > 0 && /* @__PURE__ */ a(d, { tooltip: o.attachments, loading: i, size: "xs", icon: C, children: _ || z }),
|
|
103
|
+
j && /* @__PURE__ */ a(d, { tooltip: o.transmissions, loading: i, size: "xs", icon: V, children: j }),
|
|
104
|
+
g && w && /* @__PURE__ */ a(m, { tooltip: o.trashedAt, loading: i, datetime: g, size: "xs", icon: R, children: w }) || h && b && /* @__PURE__ */ a(
|
|
105
|
+
m,
|
|
106
106
|
{
|
|
107
|
+
tooltip: o.archivedAt,
|
|
107
108
|
loading: i,
|
|
109
|
+
datetime: h,
|
|
108
110
|
size: "xs",
|
|
109
|
-
icon:
|
|
111
|
+
icon: q,
|
|
112
|
+
children: b
|
|
113
|
+
}
|
|
114
|
+
),
|
|
115
|
+
f && /* @__PURE__ */ a(
|
|
116
|
+
d,
|
|
117
|
+
{
|
|
118
|
+
tooltip: o.activityLog,
|
|
119
|
+
loading: i,
|
|
120
|
+
size: "xs",
|
|
121
|
+
icon: A,
|
|
110
122
|
as: f?.onClick ? "button" : "span",
|
|
111
123
|
onClick: f?.onClick,
|
|
112
124
|
children: f?.label || "Activity log"
|
|
@@ -114,5 +126,5 @@ const V = d((t, i) => {
|
|
|
114
126
|
)
|
|
115
127
|
] });
|
|
116
128
|
export {
|
|
117
|
-
|
|
129
|
+
te as DialogMetadata
|
|
118
130
|
};
|