@altinn/altinn-components 0.28.0 → 0.28.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/{Checkmark-RgzvRNxP.js → Checkmark-D17Nyv_u.js} +1 -1
- package/dist/{ChevronRight-DUaHaWi-.js → ChevronRight-BbelnTke.js} +1 -1
- package/dist/{ChevronUp-C09jxB5F.js → ChevronUp-DR4Lz2Jb.js} +1 -1
- package/dist/{CircleFill-IZdiBc_K.js → CircleFill-BkDF4Wm0.js} +1 -1
- package/dist/{DialogActivityLog-wsSwha93.js → DialogActivityLog-BoPREh7Y.js} +1 -1
- package/dist/{Eye-CMPIjkcy.js → Eye-BuhFHkaK.js} +1 -1
- package/dist/{FieldsetLegend-Dwb3U0vQ.js → FieldsetLegend-CiZWWPgY.js} +1 -1
- package/dist/{Label-DjSEhgyW.js → Label-9elsbqMH.js} +1 -1
- package/dist/{MagnifyingGlass-DWIcpwS4.js → MagnifyingGlass-3Ln1MufI.js} +1 -1
- package/dist/{Paragraph-CFjOkbXa.js → Paragraph-Bm-eoPYv.js} +1 -1
- package/dist/{XMark-Bv1I87Ev.js → XMark-DIqxCTTQ.js} +1 -1
- package/dist/components/AccessAreaList/AccessAreaListItem.js +13 -13
- package/dist/components/AccessPackageList/AccessPackageListItem.js +1 -1
- package/dist/components/Attachment/AttachmentLink.js +1 -1
- package/dist/components/Avatar/AvatarGroup.js +8 -8
- package/dist/components/Bookmarks/EditableBookmark.js +2 -2
- package/dist/components/ContextMenu/ContextMenu.js +15 -16
- package/dist/components/Dashboard/DashboardCard.js +2 -2
- package/dist/components/Dashboard/DashboardIcon.js +1 -1
- package/dist/components/Datepicker/DatepickerHeader.js +2 -2
- package/dist/components/Dialog/DialogActions.js +1 -1
- package/dist/components/Dialog/DialogActivity.js +1 -1
- package/dist/components/Dialog/DialogActivityLog.js +1 -1
- package/dist/components/Dialog/DialogBody.js +2 -2
- package/dist/components/Dialog/DialogByline.js +2 -2
- package/dist/components/Dialog/DialogHistoryItem.js +1 -1
- package/dist/components/Dialog/DialogHistorySegment.js +1 -1
- package/dist/components/Dialog/DialogListGroup.js +1 -1
- package/dist/components/Dialog/DialogListItem.js +54 -56
- package/dist/components/Dialog/DialogMetadata.js +2 -2
- package/dist/components/Dialog/DialogSeenBy.js +2 -2
- package/dist/components/Dialog/SeenByLog.js +1 -1
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/Dropdown/DrawerHeader.js +1 -1
- package/dist/components/DsComponents/index.js +4 -4
- package/dist/components/Forms/Field.js +1 -1
- package/dist/components/Forms/Fieldset.js +2 -2
- package/dist/components/Forms/Label.js +1 -1
- package/dist/components/Forms/Legend.js +1 -1
- package/dist/components/Forms/Select.js +1 -1
- package/dist/components/GlobalMenu/AccountButton.js +15 -17
- package/dist/components/GlobalMenu/BackButton.js +1 -1
- package/dist/components/GlobalMenu/EndUserLabel.js +1 -1
- package/dist/components/GlobalMenu/GlobalMenu.js +14 -14
- package/dist/components/GlobalMenu/GlobalMenuBase.js +7 -9
- package/dist/components/Header/HeaderButton.js +2 -2
- package/dist/components/Header/HeaderLogo.js +10 -11
- package/dist/components/Header/LocaleButton.js +15 -16
- package/dist/components/Icon/IconOrAvatar.js +17 -17
- package/dist/components/LayoutAction/ActionHeader.js +1 -1
- package/dist/components/List/ListItemControls.js +6 -8
- package/dist/components/List/ListItemHeader.js +13 -13
- package/dist/components/List/ListItemIcon.js +1 -1
- package/dist/components/Menu/MenuInputField.js +23 -26
- package/dist/components/Menu/MenuItem.js +1 -1
- package/dist/components/Menu/MenuItemIcon.js +1 -1
- package/dist/components/Menu/MenuItemsVirtual.js +7 -7
- package/dist/components/Menu/MenuSearch.js +2 -2
- package/dist/components/Page/Breadcrumbs.js +1 -1
- package/dist/components/Page/PageDetails.js +1 -1
- package/dist/components/Page/PageNav.js +15 -16
- package/dist/components/Profile/AccountListItem.js +1 -1
- package/dist/components/Searchbar/SearchField.js +2 -2
- package/dist/components/Skeleton/Skeleton.js +12 -13
- package/dist/components/Snackbar/SnackbarItem.js +4 -4
- package/dist/components/Timeline/TimelineActivity.js +1 -1
- package/dist/components/Timeline/TimelineFooter.js +1 -1
- package/dist/components/Timeline/TimelineIcon.js +1 -1
- package/dist/components/Timeline/TimelineSegment.js +1 -1
- package/dist/components/Toolbar/Toolbar.js +25 -25
- package/dist/components/Toolbar/ToolbarButton.js +2 -2
- package/dist/components/Toolbar/ToolbarSearch.js +2 -2
- package/dist/components/index.js +5 -5
- package/dist/{index-Bq6w9CqA.js → index-CnWc2FNH.js} +6 -6
- package/dist/{index-DyDqjche.js → index-D-VWMqlv.js} +129 -123
- package/dist/{index-B7UjMwQm.js → index-D3Rt9ate.js} +17 -17
- package/dist/index-D8Pn8SCu.js +78 -0
- package/dist/index.js +5 -5
- package/dist/useId-BVFxCjkq.js +16 -0
- package/dist/useMergeRefs-DOnoWyUH.js +29 -0
- package/dist/usePagination-D247OF6_.js +3838 -0
- package/package.json +33 -33
- package/dist/floating-ui.react-DpzNAs2N.js +0 -2835
- package/dist/index-C8BS_2GY.js +0 -64
- package/dist/useId-CsCRkvK3.js +0 -16
- package/dist/usePagination-Cpl0NjJN.js +0 -1025
|
@@ -1,34 +1,31 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import '../../assets/MenuInputField.css';const
|
|
3
|
-
field:
|
|
4
|
-
label:
|
|
5
|
-
input:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}) => /* @__PURE__ */ _("label", { className: t.field, children: [
|
|
17
|
-
e && /* @__PURE__ */ l("span", { className: t.label, children: e }),
|
|
18
|
-
/* @__PURE__ */ l(
|
|
1
|
+
import { jsxs as o, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/MenuInputField.css';const r = "_field_bgrbp_1", b = "_label_bgrbp_9", c = "_input_bgrbp_17", e = {
|
|
3
|
+
field: r,
|
|
4
|
+
label: b,
|
|
5
|
+
input: c
|
|
6
|
+
}, _ = ({
|
|
7
|
+
label: t,
|
|
8
|
+
type: n = "text",
|
|
9
|
+
value: l,
|
|
10
|
+
name: a,
|
|
11
|
+
placeholder: i = "Søk",
|
|
12
|
+
onChange: p
|
|
13
|
+
}) => /* @__PURE__ */ o("label", { className: e.field, children: [
|
|
14
|
+
t && /* @__PURE__ */ s("span", { className: e.label, children: t }),
|
|
15
|
+
/* @__PURE__ */ s(
|
|
19
16
|
"input",
|
|
20
17
|
{
|
|
21
|
-
"data-value":
|
|
22
|
-
type:
|
|
23
|
-
value:
|
|
24
|
-
name:
|
|
25
|
-
placeholder:
|
|
26
|
-
className:
|
|
27
|
-
onChange:
|
|
18
|
+
"data-value": l && !0,
|
|
19
|
+
type: n,
|
|
20
|
+
value: l,
|
|
21
|
+
name: a,
|
|
22
|
+
placeholder: i,
|
|
23
|
+
className: e.input,
|
|
24
|
+
onChange: p,
|
|
28
25
|
autoComplete: "off"
|
|
29
26
|
}
|
|
30
27
|
)
|
|
31
28
|
] });
|
|
32
29
|
export {
|
|
33
|
-
|
|
30
|
+
_ as MenuInputField
|
|
34
31
|
};
|
|
@@ -7,7 +7,7 @@ import "react";
|
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
8
|
import "../Searchbar/AutocompleteBase.js";
|
|
9
9
|
import "../Snackbar/useSnackbar.js";
|
|
10
|
-
import { S as L, a as S } from "../../ChevronUp-
|
|
10
|
+
import { S as L, a as S } from "../../ChevronUp-DR4Lz2Jb.js";
|
|
11
11
|
const F = ({
|
|
12
12
|
as: n = "a",
|
|
13
13
|
size: o = "md",
|
|
@@ -8,7 +8,7 @@ import { Badge as c } from "../Badge/Badge.js";
|
|
|
8
8
|
import "../RootProvider/RootProvider.js";
|
|
9
9
|
import "../Searchbar/AutocompleteBase.js";
|
|
10
10
|
import "../Snackbar/useSnackbar.js";
|
|
11
|
-
import { S as _ } from "../../XMark-
|
|
11
|
+
import { S as _ } from "../../XMark-DIqxCTTQ.js";
|
|
12
12
|
import '../../assets/MenuItemIcon.css';const b = "_icon_c8ubg_1", v = "_avatarGroup_c8ubg_32", G = "_badge_c8ubg_36", o = {
|
|
13
13
|
icon: b,
|
|
14
14
|
avatarGroup: v,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as v, jsx as i } from "react/jsx-runtime";
|
|
3
|
-
import { u as b } from "../../index-
|
|
3
|
+
import { u as b } from "../../index-D-VWMqlv.js";
|
|
4
4
|
import { useRef as R, useEffect as T } from "react";
|
|
5
5
|
import "../../index-L8X2o7IH.js";
|
|
6
6
|
import { useMenu as V } from "../../hooks/useMenu.js";
|
|
@@ -50,20 +50,20 @@ import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_12fdc_1"
|
|
|
50
50
|
};
|
|
51
51
|
})
|
|
52
52
|
];
|
|
53
|
-
}),
|
|
53
|
+
}), o = b({
|
|
54
54
|
count: a.length,
|
|
55
55
|
gap: 8,
|
|
56
56
|
estimateSize: () => 44,
|
|
57
57
|
getScrollElement: () => m.current
|
|
58
|
-
}),
|
|
58
|
+
}), n = o.getVirtualItems();
|
|
59
59
|
return T(() => {
|
|
60
|
-
for (const t of
|
|
60
|
+
for (const t of n) {
|
|
61
61
|
const e = document.querySelector(`[data-index="${t.index}"]`);
|
|
62
|
-
e &&
|
|
62
|
+
e && o.measureElement(e);
|
|
63
63
|
}
|
|
64
|
-
}, [
|
|
64
|
+
}, [n]), /* @__PURE__ */ v(N, { children: [
|
|
65
65
|
l && /* @__PURE__ */ i(j, { ...l }),
|
|
66
|
-
/* @__PURE__ */ i("div", { ref: m, className: y.virtualScrollRef, style: z, children: /* @__PURE__ */ i("div", { style: { position: "relative", height: `${
|
|
66
|
+
/* @__PURE__ */ i("div", { ref: m, className: y.virtualScrollRef, style: z, children: /* @__PURE__ */ i("div", { style: { position: "relative", height: `${o.getTotalSize()}px` }, children: n.map((t) => {
|
|
67
67
|
const e = a[t.index];
|
|
68
68
|
return e ? /* @__PURE__ */ v(
|
|
69
69
|
g,
|
|
@@ -6,8 +6,8 @@ import { IconButton as l } from "../Button/IconButton.js";
|
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import "../Searchbar/AutocompleteBase.js";
|
|
8
8
|
import "../Snackbar/useSnackbar.js";
|
|
9
|
-
import { S as p } from "../../MagnifyingGlass-
|
|
10
|
-
import { S as u } from "../../XMark-
|
|
9
|
+
import { S as p } from "../../MagnifyingGlass-3Ln1MufI.js";
|
|
10
|
+
import { S as u } from "../../XMark-DIqxCTTQ.js";
|
|
11
11
|
import '../../assets/MenuSearch.css';const f = "_field_8g6tu_1", _ = "_icon_8g6tu_6", g = "_input_8g6tu_15", d = "_clear_8g6tu_31", t = {
|
|
12
12
|
field: f,
|
|
13
13
|
icon: _,
|
|
@@ -8,7 +8,7 @@ import "../RootProvider/RootProvider.js";
|
|
|
8
8
|
import "../Searchbar/AutocompleteBase.js";
|
|
9
9
|
import "../Snackbar/useSnackbar.js";
|
|
10
10
|
import { BreadcrumbsLink as s } from "./BreadcrumbsLink.js";
|
|
11
|
-
import { u as d } from "../../useId-
|
|
11
|
+
import { u as d } from "../../useId-BVFxCjkq.js";
|
|
12
12
|
import '../../assets/Breadcrumbs.css';var u = function(e, n) {
|
|
13
13
|
var r = {};
|
|
14
14
|
for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { D as a, a as i, b as o } from "../../index-
|
|
2
|
+
import { D as a, a as i, b as o } from "../../index-D3Rt9ate.js";
|
|
3
3
|
const n = ({ summary: t, children: s }) => /* @__PURE__ */ r(a, { style: { fontSize: "1.125rem" }, children: [
|
|
4
4
|
/* @__PURE__ */ e(i, { children: t }),
|
|
5
5
|
/* @__PURE__ */ e(o, { children: s })
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as s, jsx as
|
|
2
|
+
import { jsxs as s, jsx as n } from "react/jsx-runtime";
|
|
3
3
|
import "../../index-L8X2o7IH.js";
|
|
4
4
|
import * as a from "react";
|
|
5
5
|
import { forwardRef as m } from "react";
|
|
@@ -9,8 +9,8 @@ import "../Searchbar/AutocompleteBase.js";
|
|
|
9
9
|
import "../Snackbar/useSnackbar.js";
|
|
10
10
|
import { Flex as c } from "./Flex.js";
|
|
11
11
|
import { Breadcrumbs as p } from "./Breadcrumbs.js";
|
|
12
|
-
import { u as d } from "../../useId-
|
|
13
|
-
import '../../assets/PageNav.css';var
|
|
12
|
+
import { u as d } from "../../useId-BVFxCjkq.js";
|
|
13
|
+
import '../../assets/PageNav.css';var u = function(t, o) {
|
|
14
14
|
var l = {};
|
|
15
15
|
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
|
|
16
16
|
if (t != null && typeof Object.getOwnPropertySymbols == "function")
|
|
@@ -18,19 +18,18 @@ import '../../assets/PageNav.css';var v = function(t, o) {
|
|
|
18
18
|
o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
|
|
19
19
|
return l;
|
|
20
20
|
};
|
|
21
|
-
const
|
|
22
|
-
var { title: l, titleId: e } = t, r =
|
|
23
|
-
let
|
|
24
|
-
return
|
|
21
|
+
const v = m((t, o) => {
|
|
22
|
+
var { title: l, titleId: e } = t, r = u(t, ["title", "titleId"]);
|
|
23
|
+
let i = d();
|
|
24
|
+
return i = l ? e || "title-" + i : void 0, a.createElement(
|
|
25
25
|
"svg",
|
|
26
|
-
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: o, "aria-labelledby":
|
|
27
|
-
l ? a.createElement("title", { id:
|
|
26
|
+
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: o, "aria-labelledby": i }, r),
|
|
27
|
+
l ? a.createElement("title", { id: i }, l) : null,
|
|
28
28
|
a.createElement("path", { fill: "currentColor", d: "M4.47 11.47a.75.75 0 0 0 0 1.06l4.5 4.5a.75.75 0 0 0 1.06-1.06l-3.22-3.22H19a.75.75 0 0 0 0-1.5H6.81l3.22-3.22a.75.75 0 1 0-1.06-1.06z" })
|
|
29
29
|
);
|
|
30
|
-
}), w = "
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}, S = ({
|
|
30
|
+
}), w = "_controls_9bu1z_7", g = {
|
|
31
|
+
controls: w
|
|
32
|
+
}, z = ({
|
|
34
33
|
color: t,
|
|
35
34
|
padding: o,
|
|
36
35
|
breadcrumbs: l,
|
|
@@ -40,9 +39,9 @@ const u = m((t, o) => {
|
|
|
40
39
|
},
|
|
41
40
|
controls: r
|
|
42
41
|
}) => /* @__PURE__ */ s(c, { as: "nav", direction: "row", align: "center", justify: "between", color: t, padding: o, children: [
|
|
43
|
-
l ? /* @__PURE__ */
|
|
44
|
-
r && /* @__PURE__ */
|
|
42
|
+
l ? /* @__PURE__ */ n(p, { items: l }) : /* @__PURE__ */ n(f, { ...e, variant: "text", size: "sm", icon: v, children: (e == null ? void 0 : e.label) || "Back" }),
|
|
43
|
+
r && /* @__PURE__ */ n("div", { className: g.controls, children: r })
|
|
45
44
|
] });
|
|
46
45
|
export {
|
|
47
|
-
|
|
46
|
+
z as PageNav
|
|
48
47
|
};
|
|
@@ -11,7 +11,7 @@ import "../RootProvider/RootProvider.js";
|
|
|
11
11
|
import "../Searchbar/AutocompleteBase.js";
|
|
12
12
|
import "../Snackbar/useSnackbar.js";
|
|
13
13
|
import { Flex as I } from "../Page/Flex.js";
|
|
14
|
-
import { u as d } from "../../useId-
|
|
14
|
+
import { u as d } from "../../useId-BVFxCjkq.js";
|
|
15
15
|
var j = function(t, o) {
|
|
16
16
|
var l = {};
|
|
17
17
|
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
|
|
@@ -7,8 +7,8 @@ import { IconButton as n } from "../Button/IconButton.js";
|
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
8
|
import "./AutocompleteBase.js";
|
|
9
9
|
import "../Snackbar/useSnackbar.js";
|
|
10
|
-
import { S as N } from "../../MagnifyingGlass-
|
|
11
|
-
import { S as l } from "../../XMark-
|
|
10
|
+
import { S as N } from "../../MagnifyingGlass-3Ln1MufI.js";
|
|
11
|
+
import { S as l } from "../../XMark-DIqxCTTQ.js";
|
|
12
12
|
import '../../assets/SearchField.css';const v = "_field_ljqfn_1", T = "_icon_ljqfn_10", A = "_input_ljqfn_17", K = "_dismiss_ljqfn_41", M = "_clear_ljqfn_47", s = {
|
|
13
13
|
field: v,
|
|
14
14
|
icon: T,
|
|
@@ -1,29 +1,28 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import '../../assets/Skeleton.css';const
|
|
4
|
-
skeleton:
|
|
5
|
-
fade: l
|
|
2
|
+
import { c as d } from "../../index-L8X2o7IH.js";
|
|
3
|
+
import '../../assets/Skeleton.css';const l = "_skeleton_kmhzx_1", c = {
|
|
4
|
+
skeleton: l
|
|
6
5
|
}, u = ({
|
|
7
6
|
as: s = "span",
|
|
8
|
-
loading:
|
|
7
|
+
loading: t = !1,
|
|
9
8
|
size: n,
|
|
10
9
|
variant: o = "text",
|
|
11
10
|
className: r,
|
|
12
|
-
children:
|
|
11
|
+
children: e
|
|
13
12
|
}) => {
|
|
14
|
-
const
|
|
15
|
-
return
|
|
16
|
-
|
|
13
|
+
const i = s;
|
|
14
|
+
return t ? /* @__PURE__ */ a(
|
|
15
|
+
i,
|
|
17
16
|
{
|
|
18
|
-
className:
|
|
17
|
+
className: d(c.skeleton, r),
|
|
19
18
|
"aria-busy": !0,
|
|
20
19
|
"data-size": n,
|
|
21
|
-
"data-loading":
|
|
20
|
+
"data-loading": t,
|
|
22
21
|
"data-variant": o,
|
|
23
22
|
"aria-hidden": !0,
|
|
24
|
-
children: /* @__PURE__ */ a("div", { "aria-hidden": "true", children:
|
|
23
|
+
children: /* @__PURE__ */ a("div", { "aria-hidden": "true", children: e })
|
|
25
24
|
}
|
|
26
|
-
) :
|
|
25
|
+
) : e;
|
|
27
26
|
};
|
|
28
27
|
export {
|
|
29
28
|
u as Skeleton
|
|
@@ -8,8 +8,8 @@ import { IconButton as _ } from "../Button/IconButton.js";
|
|
|
8
8
|
import "../RootProvider/RootProvider.js";
|
|
9
9
|
import "../Searchbar/AutocompleteBase.js";
|
|
10
10
|
import "./useSnackbar.js";
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
11
|
+
import { u as g } from "../../useId-BVFxCjkq.js";
|
|
12
|
+
import { S as h } from "../../XMark-DIqxCTTQ.js";
|
|
13
13
|
import '../../assets/SnackbarItem.css';var w = function(e, o) {
|
|
14
14
|
var i = {};
|
|
15
15
|
for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (i[t] = e[t]);
|
|
@@ -20,7 +20,7 @@ import '../../assets/SnackbarItem.css';var w = function(e, o) {
|
|
|
20
20
|
};
|
|
21
21
|
const b = u((e, o) => {
|
|
22
22
|
var { title: i, titleId: t } = e, n = w(e, ["title", "titleId"]);
|
|
23
|
-
let c =
|
|
23
|
+
let c = g();
|
|
24
24
|
return c = i ? t || "title-" + c : void 0, a.createElement(
|
|
25
25
|
"svg",
|
|
26
26
|
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: o, "aria-labelledby": c }, n),
|
|
@@ -51,7 +51,7 @@ const D = ({
|
|
|
51
51
|
s && /* @__PURE__ */ r("div", { className: l.action, children: /* @__PURE__ */ r(
|
|
52
52
|
_,
|
|
53
53
|
{
|
|
54
|
-
icon:
|
|
54
|
+
icon: h,
|
|
55
55
|
variant: "outline",
|
|
56
56
|
onClick: d,
|
|
57
57
|
className: l.dismiss,
|
|
@@ -7,7 +7,7 @@ import { Typography as l } from "../Typography/Typography.js";
|
|
|
7
7
|
import "../Searchbar/AutocompleteBase.js";
|
|
8
8
|
import "../Snackbar/useSnackbar.js";
|
|
9
9
|
import { Section as y } from "../Page/Section.js";
|
|
10
|
-
import { S as a } from "../../CircleFill-
|
|
10
|
+
import { S as a } from "../../CircleFill-BkDF4Wm0.js";
|
|
11
11
|
const k = ({
|
|
12
12
|
loading: r,
|
|
13
13
|
byline: t,
|
|
@@ -6,7 +6,7 @@ import "../RootProvider/RootProvider.js";
|
|
|
6
6
|
import { TimelineBase as n } from "./TimelineBase.js";
|
|
7
7
|
import "../Searchbar/AutocompleteBase.js";
|
|
8
8
|
import "../Snackbar/useSnackbar.js";
|
|
9
|
-
import { S as f } from "../../CircleFill-
|
|
9
|
+
import { S as f } from "../../CircleFill-BkDF4Wm0.js";
|
|
10
10
|
const S = ({
|
|
11
11
|
loading: r,
|
|
12
12
|
as: o = "li",
|
|
@@ -7,7 +7,7 @@ import { isAvatarGroupProps as c, AvatarGroup as u } from "../Avatar/AvatarGroup
|
|
|
7
7
|
import "../RootProvider/RootProvider.js";
|
|
8
8
|
import "../Searchbar/AutocompleteBase.js";
|
|
9
9
|
import "../Snackbar/useSnackbar.js";
|
|
10
|
-
import { S as d } from "../../XMark-
|
|
10
|
+
import { S as d } from "../../XMark-DIqxCTTQ.js";
|
|
11
11
|
import '../../assets/TimelineIcon.css';const g = "_icon_13w5g_1", a = {
|
|
12
12
|
icon: g
|
|
13
13
|
};
|
|
@@ -7,7 +7,7 @@ import { TimelineBase as a } from "./TimelineBase.js";
|
|
|
7
7
|
import "../Searchbar/AutocompleteBase.js";
|
|
8
8
|
import "../Snackbar/useSnackbar.js";
|
|
9
9
|
import { Section as h } from "../Page/Section.js";
|
|
10
|
-
import { S as x } from "../../CircleFill-
|
|
10
|
+
import { S as x } from "../../CircleFill-BkDF4Wm0.js";
|
|
11
11
|
const q = ({
|
|
12
12
|
loading: r,
|
|
13
13
|
datetime: m,
|
|
@@ -1,64 +1,64 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as G, jsx as c } from "react/jsx-runtime";
|
|
3
|
-
import { useState as V, useMemo as
|
|
3
|
+
import { useState as V, useMemo as g, useEffect as k } from "react";
|
|
4
4
|
import { useRootContext as w } from "../RootProvider/RootProvider.js";
|
|
5
5
|
import { ToolbarAccountMenu as B } from "./ToolbarAccountMenu.js";
|
|
6
6
|
import { ToolbarAdd as E } from "./ToolbarAdd.js";
|
|
7
7
|
import { ToolbarBase as L } from "./ToolbarBase.js";
|
|
8
8
|
import { ToolbarFilter as M } from "./ToolbarFilter.js";
|
|
9
9
|
import { ToolbarSearch as $ } from "./ToolbarSearch.js";
|
|
10
|
-
const T = (
|
|
11
|
-
filters:
|
|
10
|
+
const T = (n, m) => m || `toolbar-filter-${n}`, Q = ({
|
|
11
|
+
filters: n = [],
|
|
12
12
|
filterState: m,
|
|
13
|
-
onFilterStateChange:
|
|
14
|
-
search:
|
|
15
|
-
accountMenu:
|
|
13
|
+
onFilterStateChange: b,
|
|
14
|
+
search: u,
|
|
15
|
+
accountMenu: v,
|
|
16
16
|
getFilterLabel: y,
|
|
17
17
|
children: F,
|
|
18
18
|
showResultsLabel: S,
|
|
19
19
|
removeButtonAltText: x,
|
|
20
20
|
addFilterButtonLabel: A
|
|
21
21
|
}) => {
|
|
22
|
-
const { openId: h, closeAll: C } = w(),
|
|
22
|
+
const { openId: h, closeAll: C } = w(), t = m || {}, i = typeof b == "function" ? b : () => {
|
|
23
23
|
}, [r, p] = V(
|
|
24
|
-
() =>
|
|
25
|
-
), I =
|
|
26
|
-
() => r.map((e) =>
|
|
27
|
-
[
|
|
28
|
-
), s =
|
|
29
|
-
() =>
|
|
30
|
-
[
|
|
24
|
+
() => n.filter((e) => !e.removable || typeof t[e.name] < "u").map((e) => e.name)
|
|
25
|
+
), I = g(
|
|
26
|
+
() => r.map((e) => n.find((o) => o.name === e)).filter((e) => typeof e < "u"),
|
|
27
|
+
[n, r]
|
|
28
|
+
), s = g(
|
|
29
|
+
() => n.filter((e) => !r.includes(e.name)),
|
|
30
|
+
[n, r]
|
|
31
31
|
);
|
|
32
32
|
k(() => {
|
|
33
|
-
const e =
|
|
33
|
+
const e = n.filter((o) => !o.removable || typeof t[o.name] < "u").map((o) => o.name);
|
|
34
34
|
p((o) => {
|
|
35
35
|
const l = e.filter((d) => !o.includes(d));
|
|
36
36
|
return l.length === 0 ? o : [...o, ...l];
|
|
37
37
|
});
|
|
38
|
-
}, [
|
|
38
|
+
}, [n, t]);
|
|
39
39
|
const N = (e) => {
|
|
40
40
|
const { name: o, value: l, type: d } = e.target, a = [l];
|
|
41
41
|
d === "radio" ? (C(), i({
|
|
42
|
-
...
|
|
42
|
+
...t,
|
|
43
43
|
[o]: a
|
|
44
44
|
})) : i({
|
|
45
|
-
...
|
|
46
|
-
[o]:
|
|
45
|
+
...t,
|
|
46
|
+
[o]: t[o] ? t[o].some((f) => a.includes(String(f))) ? t[o].filter((f) => !(a || []).includes(String(f))) : [...t[o], ...a || []] : a
|
|
47
47
|
});
|
|
48
48
|
}, R = (e) => {
|
|
49
49
|
p((o) => o.filter((l) => l !== e)), i({
|
|
50
|
-
...
|
|
50
|
+
...t,
|
|
51
51
|
[e]: void 0
|
|
52
52
|
});
|
|
53
53
|
}, j = (e, o) => {
|
|
54
54
|
r.includes(e) || p((l) => [...l, e]), h(o), i({
|
|
55
|
-
...
|
|
56
|
-
[e]:
|
|
55
|
+
...t,
|
|
56
|
+
[e]: t[e] ?? []
|
|
57
57
|
});
|
|
58
58
|
};
|
|
59
59
|
return /* @__PURE__ */ G(L, { children: [
|
|
60
|
-
|
|
61
|
-
|
|
60
|
+
v && /* @__PURE__ */ c(B, { ...v }),
|
|
61
|
+
u && /* @__PURE__ */ c($, { ...u }),
|
|
62
62
|
I.map((e) => /* @__PURE__ */ c(
|
|
63
63
|
M,
|
|
64
64
|
{
|
|
@@ -74,7 +74,7 @@ const T = (t, m) => m || `toolbar-filter-${t}`, Q = ({
|
|
|
74
74
|
getSelectedLabel: y,
|
|
75
75
|
buttonAltText: x,
|
|
76
76
|
optionGroups: e.optionGroups,
|
|
77
|
-
filterState:
|
|
77
|
+
filterState: t
|
|
78
78
|
},
|
|
79
79
|
e.name
|
|
80
80
|
)),
|
|
@@ -8,8 +8,8 @@ import "../Searchbar/AutocompleteBase.js";
|
|
|
8
8
|
import "../Snackbar/useSnackbar.js";
|
|
9
9
|
import { Button as m } from "../Button/Button.js";
|
|
10
10
|
import { ComboButton as p } from "../Button/ComboButton.js";
|
|
11
|
-
import { S as v } from "../../XMark-
|
|
12
|
-
import { u as c } from "../../useId-
|
|
11
|
+
import { S as v } from "../../XMark-DIqxCTTQ.js";
|
|
12
|
+
import { u as c } from "../../useId-BVFxCjkq.js";
|
|
13
13
|
import '../../assets/ToolbarButton.css';var b = function(t, l) {
|
|
14
14
|
var o = {};
|
|
15
15
|
for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
|
|
@@ -6,8 +6,8 @@ import { IconButton as p } from "../Button/IconButton.js";
|
|
|
6
6
|
import "../RootProvider/RootProvider.js";
|
|
7
7
|
import "../Searchbar/AutocompleteBase.js";
|
|
8
8
|
import "../Snackbar/useSnackbar.js";
|
|
9
|
-
import { S as l } from "../../MagnifyingGlass-
|
|
10
|
-
import { S as _ } from "../../XMark-
|
|
9
|
+
import { S as l } from "../../MagnifyingGlass-3Ln1MufI.js";
|
|
10
|
+
import { S as _ } from "../../XMark-DIqxCTTQ.js";
|
|
11
11
|
import '../../assets/ToolbarSearch.css';const u = "_field_3uyps_1", f = "_icon_3uyps_5", d = "_input_3uyps_14", y = "_clear_3uyps_31", o = {
|
|
12
12
|
field: u,
|
|
13
13
|
icon: f,
|
package/dist/components/index.js
CHANGED
|
@@ -31,7 +31,7 @@ import { DialogListItem as fo } from "./Dialog/DialogListItem.js";
|
|
|
31
31
|
import { DialogMetadata as so } from "./Dialog/DialogMetadata.js";
|
|
32
32
|
import { DialogByline as co } from "./Dialog/DialogByline.js";
|
|
33
33
|
import { DialogActions as uo } from "./Dialog/DialogActions.js";
|
|
34
|
-
import { D as go } from "../DialogActivityLog-
|
|
34
|
+
import { D as go } from "../DialogActivityLog-BoPREh7Y.js";
|
|
35
35
|
import { DialogSeenBy as Bo } from "./Dialog/DialogSeenBy.js";
|
|
36
36
|
import { DialogSelect as So } from "./Dialog/DialogSelect.js";
|
|
37
37
|
import { DialogStatus as Ao, DialogStatusEnum as Mo } from "./Dialog/DialogStatus.js";
|
|
@@ -188,10 +188,10 @@ import { ActivityLogItem as ip } from "./ActivityLog/ActivityLogItem.js";
|
|
|
188
188
|
import { ArticleHeader as np } from "./Article/ArticleHeader.js";
|
|
189
189
|
import { ArticleContact as lp } from "./Article/ArticleContact.js";
|
|
190
190
|
import { Article as Dp } from "./Article/Article.js";
|
|
191
|
-
import { A as dp, B as Lp, a as Bp, C as Ip, b as Sp, c as bp, D as Ap, H as Mp, L as Tp, d as kp, e as hp, P as yp, f as Pp, g as Hp, h as Cp, i as Fp, S as vp, j as wp, T as Op, u as Rp } from "../usePagination-
|
|
192
|
-
import { D as Ep } from "../index-
|
|
193
|
-
import { P as Up } from "../Paragraph-
|
|
194
|
-
import { V as jp } from "../index-
|
|
191
|
+
import { A as dp, B as Lp, a as Bp, C as Ip, b as Sp, c as bp, D as Ap, H as Mp, L as Tp, d as kp, e as hp, P as yp, f as Pp, g as Hp, h as Cp, i as Fp, S as vp, j as wp, T as Op, u as Rp } from "../usePagination-D247OF6_.js";
|
|
192
|
+
import { D as Ep } from "../index-D3Rt9ate.js";
|
|
193
|
+
import { P as Up } from "../Paragraph-Bm-eoPYv.js";
|
|
194
|
+
import { V as jp } from "../index-CnWc2FNH.js";
|
|
195
195
|
export {
|
|
196
196
|
xa as AccessAreaList,
|
|
197
197
|
aa as AccessAreaListItem,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as c, jsxs as R, Fragment as E } from "react/jsx-runtime";
|
|
3
|
-
import { u as S } from "./floating-ui.react-DpzNAs2N.js";
|
|
4
3
|
import { c as F } from "./lite-1fxw3LjI.js";
|
|
5
|
-
import { forwardRef as m, useRef as L, useEffect as C, useState as
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
4
|
+
import { forwardRef as m, useRef as L, useEffect as C, useState as S } from "react";
|
|
5
|
+
import { u as D } from "./useMergeRefs-DOnoWyUH.js";
|
|
6
|
+
import { S as j } from "./index-D8Pn8SCu.js";
|
|
7
|
+
import { P as O } from "./Paragraph-Bm-eoPYv.js";
|
|
8
8
|
const T = m(function({ className: i, asChild: n, ...s }, o) {
|
|
9
9
|
return c(n ? j : "p", { className: F("ds-validation-message", i), "data-field": "validation", ref: o, ...s });
|
|
10
10
|
});
|
|
@@ -45,14 +45,14 @@ function w(t) {
|
|
|
45
45
|
return n;
|
|
46
46
|
}
|
|
47
47
|
const I = m(function({ className: i, position: n, ...s }, o) {
|
|
48
|
-
const a = L(null), d =
|
|
48
|
+
const a = L(null), d = D([a, o]);
|
|
49
49
|
return C(() => $(a.current), []), c("div", { className: F("ds-field", i), "data-position": n, ref: d, ...s });
|
|
50
50
|
}), k = m(function({ className: i, ...n }, s) {
|
|
51
51
|
return c("div", { className: F("ds-field-affixes", i), ref: s, ...n });
|
|
52
52
|
}), q = m(function({ className: i, ...n }, s) {
|
|
53
53
|
return c("span", { className: F("ds-field-affix", i), "aria-hidden": "true", ref: s, ...n });
|
|
54
54
|
}), y = (t, i) => t.replace("%d", Math.abs(i).toString()), H = m(function({ limit: i, under: n = "%d tegn igjen", over: s = "%d tegn for mye", ...o }, a) {
|
|
55
|
-
const [d, g] =
|
|
55
|
+
const [d, g] = S(0), l = L(null), p = d > i, f = i - d;
|
|
56
56
|
return C(() => {
|
|
57
57
|
var u;
|
|
58
58
|
const r = (u = l.current) == null ? void 0 : u.closest(".ds-field"), e = Array.from((r == null ? void 0 : r.getElementsByTagName("*")) || []).find(N), b = ({ target: h }) => {
|