@altinn/altinn-components 0.36.5 → 0.36.6
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._media_1pqyq_1{display:inline-flex;align-items:center;justify-content:center}._icon_1pqyq_7{font-size:1.25em}._avatarGroup_1pqyq_11{font-size:1.25rem}
|
|
@@ -1,30 +1,51 @@
|
|
|
1
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
3
|
import "../../index-L8X2o7IH.js";
|
|
3
|
-
import "react";
|
|
4
|
+
import * as a from "react";
|
|
5
|
+
import { forwardRef as p } from "react";
|
|
4
6
|
import "../RootProvider/RootProvider.js";
|
|
7
|
+
import { MetaItem as c } from "../Metadata/MetaItem.js";
|
|
8
|
+
import { MetaProgress as d } from "../Metadata/MetaProgress.js";
|
|
5
9
|
import "../Snackbar/useSnackbar.js";
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
if (
|
|
10
|
+
import { u as f } from "../../useId-BVFxCjkq.js";
|
|
11
|
+
var s = function(e, n) {
|
|
12
|
+
var t = {};
|
|
13
|
+
for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && n.indexOf(r) < 0 && (t[r] = e[r]);
|
|
14
|
+
if (e != null && typeof Object.getOwnPropertySymbols == "function")
|
|
15
|
+
for (var o = 0, r = Object.getOwnPropertySymbols(e); o < r.length; o++)
|
|
16
|
+
n.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[o]) && (t[r[o]] = e[r[o]]);
|
|
17
|
+
return t;
|
|
18
|
+
};
|
|
19
|
+
const m = p((e, n) => {
|
|
20
|
+
var { title: t, titleId: r } = e, o = s(e, ["title", "titleId"]);
|
|
21
|
+
let l = f();
|
|
22
|
+
return l = t ? r || "title-" + l : void 0, a.createElement(
|
|
23
|
+
"svg",
|
|
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": l }, o),
|
|
25
|
+
t ? a.createElement("title", { id: l }, t) : null,
|
|
26
|
+
a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 3.25a.75.75 0 0 0 0 1.5h.315c.109 1.966.642 3.846 1.546 5.302.502.81 1.116 1.479 1.81 1.948-.694.47-1.308 1.138-1.81 1.948-.904 1.456-1.437 3.336-1.546 5.302H6a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5h-.298c-.109-1.966-.643-3.846-1.546-5.302-.503-.81-1.116-1.479-1.81-1.948.694-.47 1.307-1.138 1.81-1.948.904-1.456 1.437-3.336 1.546-5.302H18a.75.75 0 0 0 0-1.5zm6.008 8c.972 0 2.027-.624 2.873-1.989.738-1.189 1.211-2.785 1.318-4.511H7.818c.107 1.726.58 3.322 1.318 4.511.846 1.365 1.901 1.989 2.872 1.989m0 1.5c-.971 0-2.026.624-2.872 1.989-.738 1.189-1.211 2.784-1.318 4.511h8.381c-.107-1.727-.58-3.322-1.318-4.511-.846-1.365-1.901-1.989-2.873-1.989", clipRule: "evenodd" })
|
|
27
|
+
);
|
|
28
|
+
});
|
|
29
|
+
var u = /* @__PURE__ */ ((e) => (e["not-applicable"] = "NOT_APPLICABLE", e.draft = "DRAFT", e.awaiting = "AWAITING", e.completed = "COMPLETED", e["in-progress"] = "IN_PROGRESS", e["requires-attention"] = "REQUIRES_ATTENTION", e))(u || {});
|
|
30
|
+
const R = ({ loading: e, size: n = "xs", value: t = "not-applicable", label: r }) => {
|
|
31
|
+
if (e)
|
|
11
32
|
return null;
|
|
12
33
|
switch (t) {
|
|
13
34
|
case "draft":
|
|
14
|
-
return /* @__PURE__ */
|
|
15
|
-
case "awaiting":
|
|
16
|
-
return /* @__PURE__ */ n(o, { size: i, variant: "outline", children: e || t });
|
|
35
|
+
return /* @__PURE__ */ i(c, { size: n, variant: "dotted", children: r || t });
|
|
17
36
|
case "requires-attention":
|
|
18
|
-
return /* @__PURE__ */
|
|
37
|
+
return /* @__PURE__ */ i(c, { variant: "solid", children: r || t });
|
|
38
|
+
case "awaiting":
|
|
39
|
+
return /* @__PURE__ */ i(c, { size: n, variant: "outline", icon: m, children: r || t });
|
|
19
40
|
case "in-progress":
|
|
20
|
-
return /* @__PURE__ */
|
|
41
|
+
return /* @__PURE__ */ i(d, { size: n, variant: "outline", progress: 75, children: r || t });
|
|
21
42
|
case "completed":
|
|
22
|
-
return /* @__PURE__ */
|
|
43
|
+
return /* @__PURE__ */ i(d, { size: n, variant: "outline", progress: 100, children: r || t });
|
|
23
44
|
default:
|
|
24
45
|
return null;
|
|
25
46
|
}
|
|
26
47
|
};
|
|
27
48
|
export {
|
|
28
|
-
|
|
29
|
-
|
|
49
|
+
R as DialogStatus,
|
|
50
|
+
u as DialogStatusEnum
|
|
30
51
|
};
|
|
@@ -2,21 +2,21 @@ import { jsxs as e, jsx as o } from "react/jsx-runtime";
|
|
|
2
2
|
import { isValidElement as p } from "react";
|
|
3
3
|
import { isIconProps as i, Icon as m } from "../Icon/Icon.js";
|
|
4
4
|
import { ProgressIcon as n } from "../Icon/ProgressIcon.js";
|
|
5
|
-
import { isAvatarProps as c, Avatar as
|
|
6
|
-
import { isAvatarGroupProps as
|
|
5
|
+
import { isAvatarProps as c, Avatar as f } from "../Avatar/Avatar.js";
|
|
6
|
+
import { isAvatarGroupProps as l, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
|
|
7
7
|
import "../../index-L8X2o7IH.js";
|
|
8
8
|
import "../RootProvider/RootProvider.js";
|
|
9
9
|
import "../Snackbar/useSnackbar.js";
|
|
10
|
-
import '../../assets/MetaItemIcon.css';const
|
|
11
|
-
media:
|
|
12
|
-
icon:
|
|
13
|
-
avatarGroup:
|
|
10
|
+
import '../../assets/MetaItemIcon.css';const _ = "_media_1pqyq_1", d = "_icon_1pqyq_7", y = "_avatarGroup_1pqyq_11", t = {
|
|
11
|
+
media: _,
|
|
12
|
+
icon: d,
|
|
13
|
+
avatarGroup: y
|
|
14
14
|
};
|
|
15
|
-
function
|
|
15
|
+
function v(r) {
|
|
16
16
|
return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || p(r);
|
|
17
17
|
}
|
|
18
18
|
const E = ({ size: r = "xs", icon: a, progress: s }) => !a && typeof s != "number" ? !1 : /* @__PURE__ */ e("span", { className: t.media, "data-size": r, children: [
|
|
19
|
-
c(a) && /* @__PURE__ */ o(
|
|
19
|
+
c(a) && /* @__PURE__ */ o(f, { ...a, className: t.avatar }) || l(a) && /* @__PURE__ */ o(u, { ...a, className: t.avatarGroup }) || i(a) && /* @__PURE__ */ o(m, { ...a, className: t.icon }) || v(a) && a || /* @__PURE__ */ o(m, { svgElement: a, className: t.icon }),
|
|
20
20
|
s && /* @__PURE__ */ o(n, { value: s, className: t.icon })
|
|
21
21
|
] });
|
|
22
22
|
export {
|