@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
- ._media_13vkl_1{display:inline-flex;align-items:center;justify-content:center}._icon_13vkl_7{font-size:1.25em}._icon_13vkl_7:hover{color:var(--color-primary)}._avatarGroup_13vkl_15{font-size:1.25rem}
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
- import { jsx as n } from "react/jsx-runtime";
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 { MetaItem as o } from "../Metadata/MetaItem.js";
7
- import { MetaProgress as p } from "../Metadata/MetaProgress.js";
8
- var c = /* @__PURE__ */ ((r) => (r["not-applicable"] = "NOT_APPLICABLE", r.draft = "DRAFT", r.awaiting = "AWAITING", r.completed = "COMPLETED", r["in-progress"] = "IN_PROGRESS", r["requires-attention"] = "REQUIRES_ATTENTION", r))(c || {});
9
- const h = ({ loading: r, size: i = "xs", value: t = "not-applicable", label: e }) => {
10
- if (r)
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__ */ n(o, { size: i, variant: "dotted", children: e || t });
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__ */ n(o, { variant: "solid", children: e || t });
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__ */ n(p, { size: i, variant: "outline", progress: 75, children: e || t });
41
+ return /* @__PURE__ */ i(d, { size: n, variant: "outline", progress: 75, children: r || t });
21
42
  case "completed":
22
- return /* @__PURE__ */ n(p, { size: i, variant: "outline", progress: 100, children: e || t });
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
- h as DialogStatus,
29
- c as DialogStatusEnum
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 l } from "../Avatar/Avatar.js";
6
- import { isAvatarGroupProps as f, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
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 v = "_media_13vkl_1", _ = "_icon_13vkl_7", d = "_avatarGroup_13vkl_15", t = {
11
- media: v,
12
- icon: _,
13
- avatarGroup: d
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 N(r) {
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(l, { ...a, className: t.avatar }) || f(a) && /* @__PURE__ */ o(u, { ...a, className: t.avatarGroup }) || i(a) && /* @__PURE__ */ o(m, { ...a, className: t.icon }) || N(a) && a || /* @__PURE__ */ o(m, { svgElement: a, className: t.icon }),
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 {
@@ -1,4 +1,4 @@
1
- import { MetaItemSize } from '../Metadata';
1
+ import { MetaItemSize } from '../';
2
2
  export declare enum DialogStatusEnum {
3
3
  /** No explicit status. This is the default. */
4
4
  'not-applicable' = "NOT_APPLICABLE",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@altinn/altinn-components",
3
- "version": "0.36.5",
3
+ "version": "0.36.6",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist/",