@oslokommune/punkt-react 6.0.5 → 6.0.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.
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [6.0.6](https://github.com/oslokommune/punkt/compare/6.0.5...6.0.6) (2023-09-05)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Videresend className i Messagebox (#1100).
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Chores
|
|
21
|
+
Ingen
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
|
|
8
26
|
## [6.0.4](https://github.com/oslokommune/punkt/compare/6.0.3...6.0.4) (2023-08-30)
|
|
9
27
|
|
|
10
28
|
### ⚠ BREAKING CHANGES
|
package/dist/punkt-react.es.js
CHANGED
|
@@ -17,12 +17,12 @@ function bt() {
|
|
|
17
17
|
if (Ue)
|
|
18
18
|
return te;
|
|
19
19
|
Ue = 1;
|
|
20
|
-
var a = D, c = Symbol.for("react.element"), i = Symbol.for("react.fragment"),
|
|
20
|
+
var a = D, c = Symbol.for("react.element"), i = Symbol.for("react.fragment"), f = Object.prototype.hasOwnProperty, l = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
21
21
|
function m(o, p, y) {
|
|
22
22
|
var N, x = {}, T = null, j = null;
|
|
23
23
|
y !== void 0 && (T = "" + y), p.key !== void 0 && (T = "" + p.key), p.ref !== void 0 && (j = p.ref);
|
|
24
24
|
for (N in p)
|
|
25
|
-
|
|
25
|
+
f.call(p, N) && !u.hasOwnProperty(N) && (x[N] = p[N]);
|
|
26
26
|
if (o && o.defaultProps)
|
|
27
27
|
for (N in p = o.defaultProps, p)
|
|
28
28
|
x[N] === void 0 && (x[N] = p[N]);
|
|
@@ -43,7 +43,7 @@ var re = {};
|
|
|
43
43
|
var Ve;
|
|
44
44
|
function Nt() {
|
|
45
45
|
return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
|
|
46
|
-
var a = D, c = Symbol.for("react.element"), i = Symbol.for("react.portal"),
|
|
46
|
+
var a = D, c = Symbol.for("react.element"), i = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), o = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), I = Symbol.iterator, O = "@@iterator";
|
|
47
47
|
function F(e) {
|
|
48
48
|
if (e === null || typeof e != "object")
|
|
49
49
|
return null;
|
|
@@ -71,7 +71,7 @@ function Nt() {
|
|
|
71
71
|
var M = !1, J = !1, H = !1, W = !1, A = !1, Y;
|
|
72
72
|
Y = Symbol.for("react.module.reference");
|
|
73
73
|
function q(e) {
|
|
74
|
-
return !!(typeof e == "string" || typeof e == "function" || e ===
|
|
74
|
+
return !!(typeof e == "string" || typeof e == "function" || e === f || e === u || A || e === l || e === y || e === N || W || e === j || M || J || H || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === x || e.$$typeof === m || e.$$typeof === o || e.$$typeof === p || // This needs to include all possible module reference object
|
|
75
75
|
// types supported by any Flight configuration anywhere since
|
|
76
76
|
// we don't know which Flight build this will end up being used
|
|
77
77
|
// with.
|
|
@@ -95,11 +95,11 @@ function Nt() {
|
|
|
95
95
|
if (typeof e == "string")
|
|
96
96
|
return e;
|
|
97
97
|
switch (e) {
|
|
98
|
-
case
|
|
98
|
+
case f:
|
|
99
99
|
return "Fragment";
|
|
100
100
|
case i:
|
|
101
101
|
return "Portal";
|
|
102
|
-
case
|
|
102
|
+
case u:
|
|
103
103
|
return "Profiler";
|
|
104
104
|
case l:
|
|
105
105
|
return "StrictMode";
|
|
@@ -614,7 +614,7 @@ Check the top-level render call using <` + n + ">.");
|
|
|
614
614
|
else
|
|
615
615
|
Me($, e);
|
|
616
616
|
}
|
|
617
|
-
return e ===
|
|
617
|
+
return e === f ? dt(R) : pt(R), R;
|
|
618
618
|
}
|
|
619
619
|
}
|
|
620
620
|
function mt(e, r, n) {
|
|
@@ -624,7 +624,7 @@ Check the top-level render call using <` + n + ">.");
|
|
|
624
624
|
return We(e, r, n, !1);
|
|
625
625
|
}
|
|
626
626
|
var ht = kt, _t = mt;
|
|
627
|
-
re.Fragment =
|
|
627
|
+
re.Fragment = f, re.jsx = ht, re.jsxs = _t;
|
|
628
628
|
}()), re;
|
|
629
629
|
}
|
|
630
630
|
process.env.NODE_ENV === "production" ? xe.exports = bt() : xe.exports = Nt();
|
|
@@ -633,18 +633,18 @@ const V = Ee.Fragment, t = Ee.jsx, s = Ee.jsxs, ye = {}, yt = '<svg xmlns="http:
|
|
|
633
633
|
function xt(a, c) {
|
|
634
634
|
return !ye[a] && typeof window.fetch == "function" && (ye[a] = window.fetch(c + a + ".svg").then((i) => i.ok ? i.text() : (console.error("Missing icon: " + c + a + ".svg"), yt)).then((i) => i)), Promise.resolve(ye[a]);
|
|
635
635
|
}
|
|
636
|
-
const g = ({ name: a, path: c, className: i = "", ...
|
|
637
|
-
const l = "https://punkt-cdn.oslo.kommune.no/6.0/icons/", [
|
|
636
|
+
const g = ({ name: a, path: c, className: i = "", ...f }) => {
|
|
637
|
+
const l = "https://punkt-cdn.oslo.kommune.no/6.0/icons/", [u, m] = ue(null);
|
|
638
638
|
return vt(() => {
|
|
639
639
|
if (!a)
|
|
640
640
|
return;
|
|
641
641
|
xt(a, c || l).then((p) => m(p));
|
|
642
|
-
}, [a, c, l]),
|
|
642
|
+
}, [a, c, l]), u ? /* @__PURE__ */ t(
|
|
643
643
|
"span",
|
|
644
644
|
{
|
|
645
645
|
className: `pkt-icon ${i}`,
|
|
646
|
-
dangerouslySetInnerHTML: { __html:
|
|
647
|
-
...
|
|
646
|
+
dangerouslySetInnerHTML: { __html: u },
|
|
647
|
+
...f
|
|
648
648
|
}
|
|
649
649
|
) : null;
|
|
650
650
|
}, Be = B(
|
|
@@ -652,9 +652,9 @@ const g = ({ name: a, path: c, className: i = "", ...u }) => {
|
|
|
652
652
|
children: a,
|
|
653
653
|
className: c,
|
|
654
654
|
skin: i = "info",
|
|
655
|
-
closeAlert:
|
|
655
|
+
closeAlert: f = !1,
|
|
656
656
|
onClose: l,
|
|
657
|
-
title:
|
|
657
|
+
title: u,
|
|
658
658
|
date: m,
|
|
659
659
|
ariaLive: o = "polite",
|
|
660
660
|
...p
|
|
@@ -670,7 +670,7 @@ const g = ({ name: a, path: c, className: i = "", ...u }) => {
|
|
|
670
670
|
name: i === "info" ? "alert-information" : `alert-${i}`
|
|
671
671
|
}
|
|
672
672
|
),
|
|
673
|
-
|
|
673
|
+
f && /* @__PURE__ */ t("div", { className: "pkt-alert__close", children: /* @__PURE__ */ t(
|
|
674
674
|
"button",
|
|
675
675
|
{
|
|
676
676
|
type: "button",
|
|
@@ -681,7 +681,7 @@ const g = ({ name: a, path: c, className: i = "", ...u }) => {
|
|
|
681
681
|
children: /* @__PURE__ */ t(g, { name: "close", className: "pkt-btn__icon", "aria-hidden": "true" })
|
|
682
682
|
}
|
|
683
683
|
) }),
|
|
684
|
-
|
|
684
|
+
u && /* @__PURE__ */ t("div", { className: "pkt-alert__title", children: u }),
|
|
685
685
|
/* @__PURE__ */ t("div", { className: "pkt-alert__text", children: a }),
|
|
686
686
|
m && /* @__PURE__ */ s("div", { className: "pkt-alert__date", children: [
|
|
687
687
|
"Sist oppdatert: ",
|
|
@@ -694,9 +694,9 @@ const g = ({ name: a, path: c, className: i = "", ...u }) => {
|
|
|
694
694
|
children: a,
|
|
695
695
|
className: c,
|
|
696
696
|
iconName: i = "user",
|
|
697
|
-
secondIconName:
|
|
697
|
+
secondIconName: f = "user",
|
|
698
698
|
size: l = "medium",
|
|
699
|
-
skin:
|
|
699
|
+
skin: u = "primary",
|
|
700
700
|
type: m = "button",
|
|
701
701
|
variant: o = "label-only",
|
|
702
702
|
color: p,
|
|
@@ -706,28 +706,28 @@ const g = ({ name: a, path: c, className: i = "", ...u }) => {
|
|
|
706
706
|
c,
|
|
707
707
|
"pkt-btn",
|
|
708
708
|
l && `pkt-btn--${l}`,
|
|
709
|
-
|
|
709
|
+
u && `pkt-btn--${u}`,
|
|
710
710
|
o && `pkt-btn--${o}`,
|
|
711
711
|
p && `pkt-btn--${p}`
|
|
712
712
|
].filter(Boolean).join(" ");
|
|
713
713
|
return /* @__PURE__ */ s("button", { ...y, className: x, type: m, ref: N, children: [
|
|
714
714
|
o !== "label-only" && /* @__PURE__ */ t(g, { className: "pkt-btn__icon", name: i }),
|
|
715
715
|
/* @__PURE__ */ t("span", { className: "pkt-btn__text", children: a }),
|
|
716
|
-
o === "icons-right-and-left" && /* @__PURE__ */ t(g, { className: "pkt-btn__icon", name:
|
|
716
|
+
o === "icons-right-and-left" && /* @__PURE__ */ t(g, { className: "pkt-btn__icon", name: f })
|
|
717
717
|
] });
|
|
718
718
|
}
|
|
719
719
|
);
|
|
720
720
|
ce.displayName = "PktButton";
|
|
721
|
-
const Ot = ({ columnOne: a, columnTwo: c, socialLinks: i, className:
|
|
722
|
-
var
|
|
723
|
-
const l = [
|
|
721
|
+
const Ot = ({ columnOne: a, columnTwo: c, socialLinks: i, className: f }) => {
|
|
722
|
+
var u, m;
|
|
723
|
+
const l = [f, "pkt-footer"].filter(Boolean).join(" ");
|
|
724
724
|
return /* @__PURE__ */ t("footer", { className: l, "data-mode": "dark", children: /* @__PURE__ */ s("div", { className: "pkt-footer__container", children: [
|
|
725
725
|
/* @__PURE__ */ s("div", { className: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16", children: [
|
|
726
726
|
/* @__PURE__ */ s("div", { className: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up", children: [
|
|
727
727
|
/* @__PURE__ */ t("h2", { className: "pkt-footer__title", children: a.title }),
|
|
728
728
|
/* @__PURE__ */ s("ul", { className: "pkt-footer__list", children: [
|
|
729
729
|
a.text && /* @__PURE__ */ t("li", { className: "pkt-footer__text", children: a.text }),
|
|
730
|
-
(
|
|
730
|
+
(u = a.links) == null ? void 0 : u.map((o, p) => /* @__PURE__ */ t("li", { className: "pkt-footer__list-item", children: /* @__PURE__ */ s(
|
|
731
731
|
"a",
|
|
732
732
|
{
|
|
733
733
|
className: `pkt-footer__link ${o.external ? "pkt-link--external" : ""}`,
|
|
@@ -819,13 +819,13 @@ const Ot = ({ columnOne: a, columnTwo: c, socialLinks: i, className: u }) => {
|
|
|
819
819
|
}) => {
|
|
820
820
|
const i = [c, "pkt-footer-simple"].filter(Boolean).join(" ");
|
|
821
821
|
return /* @__PURE__ */ t("footer", { className: i, "data-mode": "dark", children: /* @__PURE__ */ t("div", { className: "pkt-footer-simple__container", children: /* @__PURE__ */ s("ul", { className: "pkt-footer-simple__list", children: [
|
|
822
|
-
a.map((
|
|
822
|
+
a.map((f, l) => /* @__PURE__ */ t("li", { className: "pkt-footer-simple__list-item", children: /* @__PURE__ */ s(
|
|
823
823
|
"a",
|
|
824
824
|
{
|
|
825
|
-
className: `pkt-footer-simple__link ${
|
|
826
|
-
href:
|
|
827
|
-
target:
|
|
828
|
-
rel:
|
|
825
|
+
className: `pkt-footer-simple__link ${f.external ? " pkt-link--external" : ""}`,
|
|
826
|
+
href: f.href,
|
|
827
|
+
target: f.openInNewTab ? "_blank" : "_self",
|
|
828
|
+
rel: f.openInNewTab ? "noopener noreferrer" : void 0,
|
|
829
829
|
children: [
|
|
830
830
|
/* @__PURE__ */ t(
|
|
831
831
|
g,
|
|
@@ -834,7 +834,7 @@ const Ot = ({ columnOne: a, columnTwo: c, socialLinks: i, className: u }) => {
|
|
|
834
834
|
name: "chevron-right"
|
|
835
835
|
}
|
|
836
836
|
),
|
|
837
|
-
|
|
837
|
+
f.text
|
|
838
838
|
]
|
|
839
839
|
}
|
|
840
840
|
) }, l)),
|
|
@@ -858,28 +858,28 @@ var He = { exports: {} };
|
|
|
858
858
|
(function() {
|
|
859
859
|
var c = {}.hasOwnProperty;
|
|
860
860
|
function i() {
|
|
861
|
-
for (var
|
|
862
|
-
var
|
|
863
|
-
if (
|
|
864
|
-
var m = typeof
|
|
861
|
+
for (var f = [], l = 0; l < arguments.length; l++) {
|
|
862
|
+
var u = arguments[l];
|
|
863
|
+
if (u) {
|
|
864
|
+
var m = typeof u;
|
|
865
865
|
if (m === "string" || m === "number")
|
|
866
|
-
|
|
867
|
-
else if (Array.isArray(
|
|
868
|
-
if (
|
|
869
|
-
var o = i.apply(null,
|
|
870
|
-
o &&
|
|
866
|
+
f.push(u);
|
|
867
|
+
else if (Array.isArray(u)) {
|
|
868
|
+
if (u.length) {
|
|
869
|
+
var o = i.apply(null, u);
|
|
870
|
+
o && f.push(o);
|
|
871
871
|
}
|
|
872
872
|
} else if (m === "object") {
|
|
873
|
-
if (
|
|
874
|
-
|
|
873
|
+
if (u.toString !== Object.prototype.toString && !u.toString.toString().includes("[native code]")) {
|
|
874
|
+
f.push(u.toString());
|
|
875
875
|
continue;
|
|
876
876
|
}
|
|
877
|
-
for (var p in
|
|
878
|
-
c.call(
|
|
877
|
+
for (var p in u)
|
|
878
|
+
c.call(u, p) && u[p] && f.push(p);
|
|
879
879
|
}
|
|
880
880
|
}
|
|
881
881
|
}
|
|
882
|
-
return
|
|
882
|
+
return f.join(" ");
|
|
883
883
|
}
|
|
884
884
|
a.exports ? (i.default = i, a.exports = i) : window.classNames = i;
|
|
885
885
|
})();
|
|
@@ -890,9 +890,9 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
890
890
|
logoLink: a = "https://www.oslo.kommune.no/",
|
|
891
891
|
serviceName: c,
|
|
892
892
|
fixed: i = !0,
|
|
893
|
-
scrollToHide:
|
|
893
|
+
scrollToHide: f = !0,
|
|
894
894
|
user: l,
|
|
895
|
-
userMenu:
|
|
895
|
+
userMenu: u,
|
|
896
896
|
representing: m,
|
|
897
897
|
userOptions: o,
|
|
898
898
|
userMenuFooter: p,
|
|
@@ -917,7 +917,7 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
917
917
|
}, q = (k) => {
|
|
918
918
|
A.current && !A.current.contains(k.target) && W(!1);
|
|
919
919
|
}, z = () => {
|
|
920
|
-
if (
|
|
920
|
+
if (f) {
|
|
921
921
|
const k = window.pageYOffset || document.documentElement.scrollTop;
|
|
922
922
|
if (k < 0 || Math.abs(k - M) < 60)
|
|
923
923
|
return;
|
|
@@ -933,7 +933,7 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
933
933
|
"aria-label": "Topp",
|
|
934
934
|
className: Ge("pkt-header", {
|
|
935
935
|
"pkt-header--fixed": i,
|
|
936
|
-
"pkt-header--scroll-to-hide":
|
|
936
|
+
"pkt-header--scroll-to-hide": f,
|
|
937
937
|
"pkt-header--hidden": E
|
|
938
938
|
}),
|
|
939
939
|
ref: F,
|
|
@@ -1012,7 +1012,7 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
1012
1012
|
/* @__PURE__ */ t("time", { children: C })
|
|
1013
1013
|
] })
|
|
1014
1014
|
] }),
|
|
1015
|
-
|
|
1015
|
+
u && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("ul", { className: "pkt-list", children: u.map((k, P) => /* @__PURE__ */ t("li", { children: typeof k.target == "string" ? /* @__PURE__ */ s("a", { href: k.target, className: "pkt-link", children: [
|
|
1016
1016
|
k.iconName && /* @__PURE__ */ t(g, { name: k.iconName, className: "pkt-link__icon" }),
|
|
1017
1017
|
k.title
|
|
1018
1018
|
] }) : /* @__PURE__ */ s("button", { className: "pkt-link-button pkt-link", onClick: k.target, children: [
|
|
@@ -1076,9 +1076,9 @@ const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
|
1076
1076
|
);
|
|
1077
1077
|
}
|
|
1078
1078
|
), wt = D.forwardRef(
|
|
1079
|
-
({ label: a, id: c, children: i, ...
|
|
1079
|
+
({ label: a, id: c, children: i, ...f }, l) => /* @__PURE__ */ s("div", { className: "pkt-form-group", children: [
|
|
1080
1080
|
/* @__PURE__ */ t("label", { htmlFor: c, className: "pkt-form-label", children: a }),
|
|
1081
|
-
/* @__PURE__ */ t("input", { className: "pkt-form-input", id: c, ...
|
|
1081
|
+
/* @__PURE__ */ t("input", { className: "pkt-form-input", id: c, ...f, ref: l }),
|
|
1082
1082
|
i
|
|
1083
1083
|
] })
|
|
1084
1084
|
);
|
|
@@ -1088,9 +1088,9 @@ const Rt = B(
|
|
|
1088
1088
|
children: a,
|
|
1089
1089
|
className: c,
|
|
1090
1090
|
iconName: i = "user",
|
|
1091
|
-
openInNewTab:
|
|
1091
|
+
openInNewTab: f = !1,
|
|
1092
1092
|
skin: l = "normal",
|
|
1093
|
-
href:
|
|
1093
|
+
href: u = "#",
|
|
1094
1094
|
external: m = !1,
|
|
1095
1095
|
title: o
|
|
1096
1096
|
}, p) => {
|
|
@@ -1098,10 +1098,10 @@ const Rt = B(
|
|
|
1098
1098
|
return /* @__PURE__ */ s(
|
|
1099
1099
|
"a",
|
|
1100
1100
|
{
|
|
1101
|
-
href:
|
|
1101
|
+
href: u,
|
|
1102
1102
|
className: `pkt-linkcard pkt-link ${y}`,
|
|
1103
|
-
target:
|
|
1104
|
-
rel:
|
|
1103
|
+
target: f ? "_blank" : "_self",
|
|
1104
|
+
rel: f ? "noopener noreferrer" : void 0,
|
|
1105
1105
|
ref: p,
|
|
1106
1106
|
children: [
|
|
1107
1107
|
/* @__PURE__ */ t(g, { className: "pkt-link__icon", name: i }),
|
|
@@ -1119,16 +1119,17 @@ const Ft = ({
|
|
|
1119
1119
|
children: a,
|
|
1120
1120
|
skin: c = "beige",
|
|
1121
1121
|
title: i,
|
|
1122
|
-
|
|
1122
|
+
className: f,
|
|
1123
|
+
...l
|
|
1123
1124
|
}) => {
|
|
1124
|
-
const
|
|
1125
|
-
return /* @__PURE__ */ s("div", { ...
|
|
1125
|
+
const u = ["pkt-messagebox", c && `pkt-messagebox--${c}`, f].filter(Boolean).join(" ");
|
|
1126
|
+
return /* @__PURE__ */ s("div", { ...l, className: u, children: [
|
|
1126
1127
|
/* @__PURE__ */ t("div", { className: "pkt-messagebox__title", children: i }),
|
|
1127
1128
|
/* @__PURE__ */ t("div", { className: "pkt-messagebox__text", children: a })
|
|
1128
1129
|
] });
|
|
1129
1130
|
}, Pt = B(
|
|
1130
|
-
({ id: a, name: c, label: i, value:
|
|
1131
|
-
/* @__PURE__ */ t("input", { type: "radio", className: "pkt-form-check-input", id: a, name: c, value:
|
|
1131
|
+
({ id: a, name: c, label: i, value: f, ...l }, u) => /* @__PURE__ */ s("div", { className: "pkt-form-group", children: [
|
|
1132
|
+
/* @__PURE__ */ t("input", { type: "radio", className: "pkt-form-check-input", id: a, name: c, value: f, ref: u, ...l }),
|
|
1132
1133
|
/* @__PURE__ */ t("label", { className: "pkt-form-label", htmlFor: a, children: i })
|
|
1133
1134
|
] })
|
|
1134
1135
|
);
|
|
@@ -1138,26 +1139,26 @@ const Dt = ({ label: a, children: c }) => /* @__PURE__ */ s(V, { children: [
|
|
|
1138
1139
|
/* @__PURE__ */ t("div", { className: "pkt-form-group", children: c })
|
|
1139
1140
|
] }), Tt = ({ isResponsive: a, children: c }) => a ? /* @__PURE__ */ t("div", { className: "pkt-table-container", children: c }) : /* @__PURE__ */ t(V, { children: c }), At = ({
|
|
1140
1141
|
isResponsive: a,
|
|
1141
|
-
modifiers: { info: c = !1, success: i = !1, strong:
|
|
1142
|
-
children:
|
|
1142
|
+
modifiers: { info: c = !1, success: i = !1, strong: f = !1, shadow: l = !1 } = {},
|
|
1143
|
+
children: u
|
|
1143
1144
|
}) => /* @__PURE__ */ t(Tt, { isResponsive: a, children: /* @__PURE__ */ t(
|
|
1144
1145
|
"table",
|
|
1145
1146
|
{
|
|
1146
1147
|
className: Ge("pkt-table", {
|
|
1147
1148
|
"pkt-table--info": c,
|
|
1148
1149
|
"pkt-table--success": i,
|
|
1149
|
-
"pkt-table--strong":
|
|
1150
|
+
"pkt-table--strong": f,
|
|
1150
1151
|
"pkt-table--shadow": l
|
|
1151
1152
|
}),
|
|
1152
|
-
children:
|
|
1153
|
+
children: u
|
|
1153
1154
|
}
|
|
1154
1155
|
) }), Lt = ({ children: a }) => /* @__PURE__ */ t("td", { className: "pkt-table__th", children: a }), Mt = ({ children: a }) => /* @__PURE__ */ t("th", { className: "pkt-table__th", children: a }), Ct = B(({
|
|
1155
1156
|
children: a,
|
|
1156
1157
|
className: c,
|
|
1157
1158
|
skin: i = "blue",
|
|
1158
|
-
textStyle:
|
|
1159
|
+
textStyle: f = "normal-text",
|
|
1159
1160
|
size: l = "medium",
|
|
1160
|
-
closeTag:
|
|
1161
|
+
closeTag: u = !1,
|
|
1161
1162
|
iconName: m = "",
|
|
1162
1163
|
type: o = "button",
|
|
1163
1164
|
ariaLabel: p = "close",
|
|
@@ -1170,7 +1171,7 @@ const Dt = ({ label: a, children: c }) => /* @__PURE__ */ s(V, { children: [
|
|
|
1170
1171
|
"pkt-tag",
|
|
1171
1172
|
l && `pkt-tag--${l}`,
|
|
1172
1173
|
i && `pkt-tag--${i}`,
|
|
1173
|
-
|
|
1174
|
+
f && `pkt-tag--${f}`,
|
|
1174
1175
|
c
|
|
1175
1176
|
].filter(Boolean).join(" "), O = [
|
|
1176
1177
|
"pkt-tag",
|
|
@@ -1178,12 +1179,12 @@ const Dt = ({ label: a, children: c }) => /* @__PURE__ */ s(V, { children: [
|
|
|
1178
1179
|
"pkt-btn--tertiary",
|
|
1179
1180
|
l && `pkt-tag--${l}`,
|
|
1180
1181
|
i && `pkt-tag--${i}`,
|
|
1181
|
-
|
|
1182
|
-
m &&
|
|
1183
|
-
|
|
1182
|
+
f && `pkt-tag--${f}`,
|
|
1183
|
+
m && u ? "pkt-btn--icons-right-and-left" : null,
|
|
1184
|
+
u && !m ? "pkt-btn--icon-right" : null,
|
|
1184
1185
|
c
|
|
1185
1186
|
].filter(Boolean).join(" "), F = !x;
|
|
1186
|
-
return
|
|
1187
|
+
return u && m ? /* @__PURE__ */ t(V, { children: F && /* @__PURE__ */ s(
|
|
1187
1188
|
"button",
|
|
1188
1189
|
{
|
|
1189
1190
|
className: O,
|
|
@@ -1197,7 +1198,7 @@ const Dt = ({ label: a, children: c }) => /* @__PURE__ */ s(V, { children: [
|
|
|
1197
1198
|
/* @__PURE__ */ t(g, { className: "pkt-tag__close-btn", name: "close" })
|
|
1198
1199
|
]
|
|
1199
1200
|
}
|
|
1200
|
-
) }) :
|
|
1201
|
+
) }) : u ? /* @__PURE__ */ t(V, { children: F && /* @__PURE__ */ s(
|
|
1201
1202
|
"button",
|
|
1202
1203
|
{
|
|
1203
1204
|
className: O,
|
|
@@ -1217,9 +1218,9 @@ const Dt = ({ label: a, children: c }) => /* @__PURE__ */ s(V, { children: [
|
|
|
1217
1218
|
});
|
|
1218
1219
|
Ct.displayName = "PktTag";
|
|
1219
1220
|
const jt = B(
|
|
1220
|
-
({ id: a, label: c, ...i },
|
|
1221
|
+
({ id: a, label: c, ...i }, f) => /* @__PURE__ */ s("div", { className: "pkt-form-group", children: [
|
|
1221
1222
|
/* @__PURE__ */ t("label", { htmlFor: a, className: "pkt-form-label", children: c }),
|
|
1222
|
-
/* @__PURE__ */ t("textarea", { className: "pkt-form-textarea", id: a, ref:
|
|
1223
|
+
/* @__PURE__ */ t("textarea", { className: "pkt-form-textarea", id: a, ref: f, ...i })
|
|
1223
1224
|
] })
|
|
1224
1225
|
);
|
|
1225
1226
|
jt.displayName = "PktTextarea";
|
|
@@ -1228,9 +1229,9 @@ const Wt = B(
|
|
|
1228
1229
|
id: a,
|
|
1229
1230
|
label: c,
|
|
1230
1231
|
name: i,
|
|
1231
|
-
srOnlyLabel:
|
|
1232
|
+
srOnlyLabel: f = !1,
|
|
1232
1233
|
helptext: l,
|
|
1233
|
-
helptextDropdown:
|
|
1234
|
+
helptextDropdown: u,
|
|
1234
1235
|
helptextDropdownButton: m,
|
|
1235
1236
|
optional: o = !1,
|
|
1236
1237
|
required: p = !1,
|
|
@@ -1254,13 +1255,13 @@ const Wt = B(
|
|
|
1254
1255
|
q(!Y);
|
|
1255
1256
|
}, k = () => o ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : p ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "", P = o ? "Valgfritt" : p ? "Må fylles ut" : "", ae = [H, "pkt-textinput", E ? "pkt-textinput--disabled" : "", Q ? "pkt-textinput--inline" : "", y ? "pkt-textinput--error" : ""].join(
|
|
1256
1257
|
" "
|
|
1257
|
-
), G = !!
|
|
1258
|
+
), G = !!u && u !== "";
|
|
1258
1259
|
return /* @__PURE__ */ s("div", { className: ae, children: [
|
|
1259
1260
|
/* @__PURE__ */ s(
|
|
1260
1261
|
G ? "div" : "label",
|
|
1261
1262
|
{
|
|
1262
1263
|
htmlFor: a,
|
|
1263
|
-
className: `pkt-textinput__label ${
|
|
1264
|
+
className: `pkt-textinput__label ${f ? "pkt-sr-only" : ""}`,
|
|
1264
1265
|
"aria-describedby": G ? "" : J,
|
|
1265
1266
|
children: [
|
|
1266
1267
|
/* @__PURE__ */ s(G ? "h2" : "span", { children: [
|
|
@@ -1288,7 +1289,7 @@ const Wt = B(
|
|
|
1288
1289
|
"div",
|
|
1289
1290
|
{
|
|
1290
1291
|
className: `pkt-textinput__helptext ${Y ? "pkt-textinput__helptext-expandable-open" : "pkt-textinput__helptext-expandable-closed"}`,
|
|
1291
|
-
children: /* @__PURE__ */ t(Be, { children:
|
|
1292
|
+
children: /* @__PURE__ */ t(Be, { children: u })
|
|
1292
1293
|
}
|
|
1293
1294
|
),
|
|
1294
1295
|
/* @__PURE__ */ t(
|
|
@@ -1347,7 +1348,7 @@ const Wt = B(
|
|
|
1347
1348
|
] }),
|
|
1348
1349
|
!O && C && /* @__PURE__ */ t(g, { className: "pkt-textinput__input-icon", name: C })
|
|
1349
1350
|
] }),
|
|
1350
|
-
!F && !O && !C && !
|
|
1351
|
+
!F && !O && !C && !u && /* @__PURE__ */ t(
|
|
1351
1352
|
"input",
|
|
1352
1353
|
{
|
|
1353
1354
|
ref: A,
|
package/dist/punkt-react.umd.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var Pe;function Ze(){if(Pe)return Q;Pe=1;var n=b,c=Symbol.for("react.element"),s=Symbol.for("react.fragment"),
|
|
9
|
+
*/var Pe;function Ze(){if(Pe)return Q;Pe=1;var n=b,c=Symbol.for("react.element"),s=Symbol.for("react.fragment"),f=Object.prototype.hasOwnProperty,l=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function m(o,p,E){var y,P={},S=null,O=null;E!==void 0&&(S=""+E),p.key!==void 0&&(S=""+p.key),p.ref!==void 0&&(O=p.ref);for(y in p)f.call(p,y)&&!u.hasOwnProperty(y)&&(P[y]=p[y]);if(o&&o.defaultProps)for(y in p=o.defaultProps,p)P[y]===void 0&&(P[y]=p[y]);return{$$typeof:c,type:o,key:S,ref:O,props:P,_owner:l.current}}return Q.Fragment=s,Q.jsx=m,Q.jsxs=m,Q}var ee={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var xe;function Qe(){return xe||(xe=1,process.env.NODE_ENV!=="production"&&function(){var n=b,c=Symbol.for("react.element"),s=Symbol.for("react.portal"),
|
|
17
|
+
*/var xe;function Qe(){return xe||(xe=1,process.env.NODE_ENV!=="production"&&function(){var n=b,c=Symbol.for("react.element"),s=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),o=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),O=Symbol.for("react.offscreen"),D=Symbol.iterator,I="@@iterator";function A(e){if(e===null||typeof e!="object")return null;var r=D&&e[D]||e[I];return typeof r=="function"?r:null}var j=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function x(e){{for(var r=arguments.length,a=new Array(r>1?r-1:0),d=1;d<r;d++)a[d-1]=arguments[d];re("error",e,a)}}function re(e,r,a){{var d=j.ReactDebugCurrentFrame,g=d.getStackAddendum();g!==""&&(r+="%s",a=a.concat([g]));var N=a.map(function(_){return String(_)});N.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,N)}}var Y=!1,q=!1,H=!1,U=!1,L=!1,B;B=Symbol.for("react.module.reference");function J(e){return!!(typeof e=="string"||typeof e=="function"||e===f||e===u||L||e===l||e===E||e===y||U||e===O||Y||q||H||typeof e=="object"&&e!==null&&(e.$$typeof===S||e.$$typeof===P||e.$$typeof===m||e.$$typeof===o||e.$$typeof===p||e.$$typeof===B||e.getModuleId!==void 0))}function z(e,r,a){var d=e.displayName;if(d)return d;var g=r.displayName||r.name||"";return g!==""?a+"("+g+")":a}function k(e){return e.displayName||"Context"}function C(e){if(e==null)return null;if(typeof e.tag=="number"&&x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case f:return"Fragment";case s:return"Portal";case u:return"Profiler";case l:return"StrictMode";case E:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case o:var r=e;return k(r)+".Consumer";case m:var a=e;return k(a._context)+".Provider";case p:return z(e,e.render,"ForwardRef");case P:var d=e.displayName||null;return d!==null?d:C(e.type)||"Memo";case S:{var g=e,N=g._payload,_=g._init;try{return C(_(N))}catch{return null}}}return null}var V=Object.assign,K=0,me,ae,G,ke,he,Ie,Fe;function De(){}De.__reactDisabledLog=!0;function dt(){{if(K===0){me=console.log,ae=console.info,G=console.warn,ke=console.error,he=console.group,Ie=console.groupCollapsed,Fe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:De,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}K++}}function mt(){{if(K--,K===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:V({},e,{value:me}),info:V({},e,{value:ae}),warn:V({},e,{value:G}),error:V({},e,{value:ke}),group:V({},e,{value:he}),groupCollapsed:V({},e,{value:Ie}),groupEnd:V({},e,{value:Fe})})}K<0&&x("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var _e=j.ReactCurrentDispatcher,ve;function le(e,r,a){{if(ve===void 0)try{throw Error()}catch(g){var d=g.stack.trim().match(/\n( *(at )?)/);ve=d&&d[1]||""}return`
|
|
18
18
|
`+ve+e}}var ge=!1,oe;{var kt=typeof WeakMap=="function"?WeakMap:Map;oe=new kt}function Ae(e,r){if(!e||ge)return"";{var a=oe.get(e);if(a!==void 0)return a}var d;ge=!0;var g=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var N;N=_e.current,_e.current=null,dt();try{if(r){var _=function(){throw Error()};if(Object.defineProperty(_.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(_,[])}catch(M){d=M}Reflect.construct(e,[],_)}else{try{_.call()}catch(M){d=M}e.call(_.prototype)}}else{try{throw Error()}catch(M){d=M}e()}}catch(M){if(M&&d&&typeof M.stack=="string"){for(var h=M.stack.split(`
|
|
19
19
|
`),$=d.stack.split(`
|
|
20
20
|
`),T=h.length-1,R=$.length-1;T>=1&&R>=0&&h[T]!==$[R];)R--;for(;T>=1&&R>=0;T--,R--)if(h[T]!==$[R]){if(T!==1||R!==1)do if(T--,R--,R<0||h[T]!==$[R]){var F=`
|
|
@@ -24,8 +24,8 @@ Check the render method of \``+e+"`."}return""}}function St(e){{if(e!==void 0){v
|
|
|
24
24
|
|
|
25
25
|
Check your code at `+r+":"+a+"."}return""}}var Ge={};function jt(e){{var r=He();if(!r){var a=typeof e=="string"?e:e.displayName||e.name;a&&(r=`
|
|
26
26
|
|
|
27
|
-
Check the top-level render call using <`+a+">.")}return r}}function qe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var a=jt(r);if(Ge[a])return;Ge[a]=!0;var d="";e&&e._owner&&e._owner!==ye.current&&(d=" It was passed a child from "+C(e._owner.type)+"."),X(e),x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',a,d),X(null)}}function Je(e,r){{if(typeof e!="object")return;if(be(e))for(var a=0;a<e.length;a++){var d=e[a];Ee(d)&&qe(d,r)}else if(Ee(e))e._store&&(e._store.validated=!0);else if(e){var g=A(e);if(typeof g=="function"&&g!==e.entries)for(var N=g.call(e),_;!(_=N.next()).done;)Ee(_.value)&&qe(_.value,r)}}}function Ot(e){{var r=e.type;if(r==null||typeof r=="string")return;var a;if(typeof r=="function")a=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===p||r.$$typeof===P))a=r.propTypes;else return;if(a){var d=C(r);vt(a,e.props,"prop",d,e)}else if(r.PropTypes!==void 0&&!we){we=!0;var g=C(r);x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",g||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function $t(e){{for(var r=Object.keys(e.props),a=0;a<r.length;a++){var d=r[a];if(d!=="children"&&d!=="key"){X(e),x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",d),X(null);break}}e.ref!==null&&(X(e),x("Invalid attribute `ref` supplied to `React.Fragment`."),X(null))}}function ze(e,r,a,d,g,N){{var _=J(e);if(!_){var h="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(h+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var $=St(g);$?h+=$:h+=He();var T;e===null?T="null":be(e)?T="array":e!==void 0&&e.$$typeof===c?(T="<"+(C(e.type)||"Unknown")+" />",h=" Did you accidentally export a JSX literal instead of a component?"):T=typeof e,x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",T,h)}var R=Ct(e,r,a,g,N);if(R==null)return R;if(_){var F=r.children;if(F!==void 0)if(d)if(be(F)){for(var Z=0;Z<F.length;Z++)Je(F[Z],e);Object.freeze&&Object.freeze(F)}else x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Je(F,e)}return e===
|
|
27
|
+
Check the top-level render call using <`+a+">.")}return r}}function qe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var a=jt(r);if(Ge[a])return;Ge[a]=!0;var d="";e&&e._owner&&e._owner!==ye.current&&(d=" It was passed a child from "+C(e._owner.type)+"."),X(e),x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',a,d),X(null)}}function Je(e,r){{if(typeof e!="object")return;if(be(e))for(var a=0;a<e.length;a++){var d=e[a];Ee(d)&&qe(d,r)}else if(Ee(e))e._store&&(e._store.validated=!0);else if(e){var g=A(e);if(typeof g=="function"&&g!==e.entries)for(var N=g.call(e),_;!(_=N.next()).done;)Ee(_.value)&&qe(_.value,r)}}}function Ot(e){{var r=e.type;if(r==null||typeof r=="string")return;var a;if(typeof r=="function")a=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===p||r.$$typeof===P))a=r.propTypes;else return;if(a){var d=C(r);vt(a,e.props,"prop",d,e)}else if(r.PropTypes!==void 0&&!we){we=!0;var g=C(r);x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",g||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function $t(e){{for(var r=Object.keys(e.props),a=0;a<r.length;a++){var d=r[a];if(d!=="children"&&d!=="key"){X(e),x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",d),X(null);break}}e.ref!==null&&(X(e),x("Invalid attribute `ref` supplied to `React.Fragment`."),X(null))}}function ze(e,r,a,d,g,N){{var _=J(e);if(!_){var h="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(h+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var $=St(g);$?h+=$:h+=He();var T;e===null?T="null":be(e)?T="array":e!==void 0&&e.$$typeof===c?(T="<"+(C(e.type)||"Unknown")+" />",h=" Did you accidentally export a JSX literal instead of a component?"):T=typeof e,x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",T,h)}var R=Ct(e,r,a,g,N);if(R==null)return R;if(_){var F=r.children;if(F!==void 0)if(d)if(be(F)){for(var Z=0;Z<F.length;Z++)Je(F[Z],e);Object.freeze&&Object.freeze(F)}else x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Je(F,e)}return e===f?$t(R):Ot(R),R}}function It(e,r,a){return ze(e,r,a,!0)}function Ft(e,r,a){return ze(e,r,a,!1)}var Dt=Ft,At=It;ee.Fragment=f,ee.jsx=Dt,ee.jsxs=At}()),ee}process.env.NODE_ENV==="production"?ue.exports=Ze():ue.exports=Qe();var fe=ue.exports;const W=fe.Fragment,t=fe.jsx,i=fe.jsxs,pe={},et='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function tt(n,c){return!pe[n]&&typeof window.fetch=="function"&&(pe[n]=window.fetch(c+n+".svg").then(s=>s.ok?s.text():(console.error("Missing icon: "+c+n+".svg"),et)).then(s=>s)),Promise.resolve(pe[n])}const v=({name:n,path:c,className:s="",...f})=>{const l="https://punkt-cdn.oslo.kommune.no/6.0/icons/",[u,m]=b.useState(null);return b.useEffect(()=>{if(!n)return;tt(n,c||l).then(p=>m(p))},[n,c,l]),u?t("span",{className:`pkt-icon ${s}`,dangerouslySetInnerHTML:{__html:u},...f}):null},de=b.forwardRef(({children:n,className:c,skin:s="info",closeAlert:f=!1,onClose:l,title:u,date:m,ariaLive:o="polite",...p},E)=>{const y=[c,"pkt-alert",s&&`pkt-alert--${s}`].filter(Boolean).join(" "),[P,S]=b.useState(!0),O=()=>{S(!1),l&&l()};return P?i("div",{...p,className:y,"aria-live":o,ref:E,children:[t(v,{className:"pkt-alert__icon",name:s==="info"?"alert-information":`alert-${s}`}),f&&t("div",{className:"pkt-alert__close",children:t("button",{type:"button",className:"pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only",tabIndex:0,"aria-label":"close",onClick:O,children:t(v,{name:"close",className:"pkt-btn__icon","aria-hidden":"true"})})}),u&&t("div",{className:"pkt-alert__title",children:u}),t("div",{className:"pkt-alert__text",children:n}),m&&i("div",{className:"pkt-alert__date",children:["Sist oppdatert: ",m]})]}):null}),te=b.forwardRef(({children:n,className:c,iconName:s="user",secondIconName:f="user",size:l="medium",skin:u="primary",type:m="button",variant:o="label-only",color:p,...E},y)=>{const P=[c,"pkt-btn",l&&`pkt-btn--${l}`,u&&`pkt-btn--${u}`,o&&`pkt-btn--${o}`,p&&`pkt-btn--${p}`].filter(Boolean).join(" ");return i("button",{...E,className:P,type:m,ref:y,children:[o!=="label-only"&&t(v,{className:"pkt-btn__icon",name:s}),t("span",{className:"pkt-btn__text",children:n}),o==="icons-right-and-left"&&t(v,{className:"pkt-btn__icon",name:f})]})});te.displayName="PktButton";const rt=({columnOne:n,columnTwo:c,socialLinks:s,className:f})=>{var u,m;const l=[f,"pkt-footer"].filter(Boolean).join(" ");return t("footer",{className:l,"data-mode":"dark",children:i("div",{className:"pkt-footer__container",children:[i("div",{className:"pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16",children:[i("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[t("h2",{className:"pkt-footer__title",children:n.title}),i("ul",{className:"pkt-footer__list",children:[n.text&&t("li",{className:"pkt-footer__text",children:n.text}),(u=n.links)==null?void 0:u.map((o,p)=>t("li",{className:"pkt-footer__list-item",children:i("a",{className:`pkt-footer__link ${o.external?"pkt-link--external":""}`,href:o.href,target:o.openInNewTab?"_blank":"_self",rel:o.openInNewTab?"noopener noreferrer":void 0,children:[t(v,{className:"pkt-footer__link-icon",name:"chevron-right"}),o.text]})},`links-${p}`))]})]}),i("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[t("h2",{className:"pkt-footer__title",children:c.title}),i("ul",{className:"pkt-footer__list",children:[c.text&&t("li",{className:"pkt-footer__text",children:c.text}),(m=c.links)==null?void 0:m.map((o,p)=>t("li",{className:"pkt-footer__list-item",children:i("a",{className:`pkt-footer__link ${o.external?"pkt-link--external":""}`,href:o.href,target:o.openInNewTab?"_blank":"_self",rel:o.openInNewTab?"noopener noreferrer":void 0,children:[t(v,{className:"pkt-footer__link-icon",name:"chevron-right"}),o.text]})},`links-${p}`))]})]}),i("div",{className:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up",children:[t("h2",{className:"pkt-footer__title",children:"Om nettstedet"}),i("ul",{className:"pkt-footer__list",children:[t("li",{className:"pkt-footer__list-item",children:i("a",{className:"pkt-footer__link",href:"https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",children:[t(v,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),t("li",{className:"pkt-footer__list-item",children:i("a",{className:"pkt-footer__link",href:"https://www.oslo.kommune.no/tilgjengelighet/",children:[t(v,{className:"pkt-footer__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})})]})]})]}),s&&i("div",{className:"pkt-footer__social","aria-label":"standard lenker",children:[t("div",{className:"pkt-footer__social-languages",children:s.filter(o=>o.language).map((o,p)=>t("div",{className:"pkt-footer__social-language",children:t("a",{href:o.href,"aria-label":`til ${o.language} versjon av nettsiden`,target:o.openInNewTab?"_blank":"_self",rel:o.openInNewTab?"noopener noreferrer":void 0,children:o.language})},`sociallinks-language-${p}`))}),t("div",{className:"pkt-footer__social-icons",children:s.filter(o=>o.iconName).map((o,p)=>t(b.Fragment,{children:t("a",{href:o.href,"aria-label":`til ${o.iconName}`,className:"pkt-footer__social-icon-link",target:o.openInNewTab?"_blank":"_self",rel:o.openInNewTab?"noopener noreferrer":void 0,children:t(v,{className:"pkt-footer__social-icon",name:o.iconName})})},`sociallinks-${p}`))})]})]})})},nt=({links:n=[],className:c})=>{const s=[c,"pkt-footer-simple"].filter(Boolean).join(" ");return t("footer",{className:s,"data-mode":"dark",children:t("div",{className:"pkt-footer-simple__container",children:i("ul",{className:"pkt-footer-simple__list",children:[n.map((f,l)=>t("li",{className:"pkt-footer-simple__list-item",children:i("a",{className:`pkt-footer-simple__link ${f.external?" pkt-link--external":""}`,href:f.href,target:f.openInNewTab?"_blank":"_self",rel:f.openInNewTab?"noopener noreferrer":void 0,children:[t(v,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),f.text]})},l)),t("li",{className:"pkt-footer-simple__list-item",children:i("a",{className:"pkt-footer-simple__link",href:"https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",children:[t(v,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Personvern og informasjonskapsler"]})}),t("li",{className:"pkt-footer-simple__list-item",children:i("a",{className:"pkt-footer-simple__link",href:"https://www.oslo.kommune.no/tilgjengelighet/",children:[t(v,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),"Tilgjengelighet"]})})]})})})};var Te={exports:{}};/*!
|
|
28
28
|
Copyright (c) 2018 Jed Watson.
|
|
29
29
|
Licensed under the MIT License (MIT), see
|
|
30
30
|
http://jedwatson.github.io/classnames
|
|
31
|
-
*/(function(n){(function(){var c={}.hasOwnProperty;function s(){for(var u=[],l=0;l<arguments.length;l++){var f=arguments[l];if(f){var m=typeof f;if(m==="string"||m==="number")u.push(f);else if(Array.isArray(f)){if(f.length){var o=s.apply(null,f);o&&u.push(o)}}else if(m==="object"){if(f.toString!==Object.prototype.toString&&!f.toString.toString().includes("[native code]")){u.push(f.toString());continue}for(var p in f)c.call(f,p)&&f[p]&&u.push(p)}}}return u.join(" ")}n.exports?(s.default=s,n.exports=s):window.classNames=s})()})(Te);var at=Te.exports;const Re=Xe(at),lt=b.forwardRef(({logoLink:n="https://www.oslo.kommune.no/",serviceName:c,fixed:s=!0,scrollToHide:u=!0,user:l,userMenu:f,representing:m,userOptions:o,userMenuFooter:p,canChangeRepresentation:E=!0,showMenuButton:y=!1,showLogOutButton:P=!1,openMenu:S,logOut:O,changeRepresentation:D,...I},A)=>{const j=b.useMemo(()=>typeof(l==null?void 0:l.lastLoggedIn)=="string"?l.lastLoggedIn:l!=null&&l.lastLoggedIn?new Date(l.lastLoggedIn).toLocaleString("nb-NO",{year:"numeric",month:"long",day:"numeric"}):"",[l]),[x,re]=b.useState(!1),[Y,q]=b.useState(0),[H,U]=b.useState(!1),L=b.useRef(null);b.useEffect(()=>(document.addEventListener("mouseup",J),window.addEventListener("scroll",z),()=>{document.removeEventListener("mouseup",J),window.removeEventListener("scroll",z)}));const B=()=>{U(!H)},J=k=>{L.current&&!L.current.contains(k.target)&&U(!1)},z=()=>{if(u){const k=window.pageYOffset||document.documentElement.scrollTop;if(k<0||Math.abs(k-Y)<60)return;re(k>Y),q(k)}};return i("header",{...I,id:"pkt-header","data-testid":"pkt-header","aria-label":"Topp",className:Re("pkt-header",{"pkt-header--fixed":s,"pkt-header--scroll-to-hide":u,"pkt-header--hidden":x}),ref:A,children:[i("div",{className:"pkt-header__logo",children:[typeof n=="string"?t("a",{"aria-label":"Tilbake til forside",className:"pkt-header__logo-link",href:n,children:t(v,{name:"oslologo",className:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/6.0/logos/"})}):t("button",{"aria-label":"Tilbake til forside",className:"pkt-link-button pkt-link pkt-header__logo-link",onClick:n,children:t(v,{name:"oslologo",className:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/6.0/logos/"})}),t("span",{className:"pkt-header__logo-service",children:c})]}),t("nav",{className:"pkt-header__actions",children:i("ul",{className:"pkt-header__actions-row",children:[y&&t("li",{children:t(te,{className:"pkt-header__menu-btn",skin:"secondary",variant:"icon-right",iconName:"menu",onClick:S,children:"Meny"})}),(l||m)&&i("li",{"data-testid":"usermenu",className:`pkt-header--has-dropdown ${H&&!x?"pkt-header--open-dropdown":""}`,ref:L,children:[i("button",{className:"pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left",type:"button",role:"button","aria-controls":"pktUserDropdown","aria-expanded":H,onClick:B,children:[t(v,{name:"user",className:"pkt-btn__icon"}),t("span",{className:"pkt-header__user-fullname",children:(m==null?void 0:m.name)||(l==null?void 0:l.name)}),t("span",{className:"pkt-header__user-shortname",children:(m==null?void 0:m.shortname)||(l==null?void 0:l.shortname)}),t(v,{name:"chevron-thin-down",className:"pkt-btn--closed"}),t(v,{name:"chevron-thin-up",className:"pkt-btn--open"})]}),i("ul",{id:"pktUserDropdown",className:"pkt-header__dropdown pkt-user-menu",children:[l&&i("li",{children:[t("div",{className:"pkt-user-menu__label",children:"Pålogget som"}),t("div",{className:"pkt-user-menu__name",children:l.name}),l.lastLoggedIn&&i("div",{className:"pkt-user-menu__last-logged-in",children:["Sist pålogget: ",t("time",{children:j})]})]}),f&&t("li",{children:t("ul",{className:"pkt-list",children:f.map((k,C)=>t("li",{children:typeof k.target=="string"?i("a",{href:k.target,className:"pkt-link",children:[k.iconName&&t(v,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:[k.iconName&&t(v,{name:k.iconName,className:"pkt-link__icon"}),k.title]})},`userMenu-${C}`))})}),(m||E)&&i("li",{children:[m&&i(W,{children:[t("div",{className:"pkt-user-menu__label",children:"Representerer"}),t("div",{className:"pkt-user-menu__name",children:m.name}),m.orgNumber&&i("div",{className:"pkt-user-menu__org-number",children:["Org.nr. ",m.orgNumber]})]}),t("ul",{className:"pkt-list mt-size-16",children:E&&t("li",{children:i("button",{className:"pkt-link-button pkt-link",onClick:D,children:[t(v,{name:"cogwheel",className:"pkt-link__icon"}),"Endre organisasjon"]})})})]}),t("li",{children:t("ul",{className:"pkt-list",children:(o||!P)&&i(W,{children:[o==null?void 0:o.map((k,C)=>t("li",{children:typeof k.target=="string"?i("a",{href:k.target,className:"pkt-link",children:[k.iconName&&t(v,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:[k.iconName&&t(v,{name:k.iconName,className:"pkt-link__icon"}),k.title]})},`userOptions-${C}`)),!P&&t("li",{children:i("button",{className:"pkt-link-button pkt-link",onClick:O,children:[t(v,{name:"exit",className:"pkt-link__icon"}),"Logg ut"]})})]})})}),p&&t("li",{className:"footer",children:t("ul",{className:"pkt-list-horizontal bordered",children:p.map((k,C)=>t("li",{children:typeof k.target=="string"?t("a",{href:k.target,className:"pkt-link",children:k.title}):t("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:k.title})},`userMenuFooter-${C}`))})})]})]}),P&&t("li",{children:t(te,{className:"pkt-header__user-btn pkt-header__user-btn-logout",iconName:"exit",role:"button",onClick:O,skin:"secondary",variant:"icon-right",children:"Logg ut"})})]})})]})}),Ce=b.forwardRef(({label:n,id:c,children:s,...u},l)=>i("div",{className:"pkt-form-group",children:[t("label",{htmlFor:c,className:"pkt-form-label",children:n}),t("input",{className:"pkt-form-input",id:c,...u,ref:l}),s]}));Ce.displayName="PktInput";const Se=b.forwardRef(({children:n,className:c,iconName:s="user",openInNewTab:u=!1,skin:l="normal",href:f="#",external:m=!1,title:o},p)=>{const E=[c,"pkt-linkcard",l&&`pkt-linkcard--${l}`].filter(Boolean).join(" ");return i("a",{href:f,className:`pkt-linkcard pkt-link ${E}`,target:u?"_blank":"_self",rel:u?"noopener noreferrer":void 0,ref:p,children:[t(v,{className:"pkt-link__icon",name:s}),i("div",{className:"pkt-linkcard__content",children:[t("div",{className:`pkt-linkcard__title ${m?"pkt-link pkt-link--external":""}`,children:o}),t("div",{className:"pkt-linkcard__text",children:n})]})]})});Se.displayName="PktLinkCard";const ot=({children:n,skin:c="beige",title:s,...u})=>{const l=["pkt-messagebox",c&&`pkt-messagebox--${c}`].filter(Boolean).join(" ");return i("div",{...u,className:l,children:[t("div",{className:"pkt-messagebox__title",children:s}),t("div",{className:"pkt-messagebox__text",children:n})]})},je=b.forwardRef(({id:n,name:c,label:s,value:u,...l},f)=>i("div",{className:"pkt-form-group",children:[t("input",{type:"radio",className:"pkt-form-check-input",id:n,name:c,value:u,ref:f,...l}),t("label",{className:"pkt-form-label",htmlFor:n,children:s})]}));je.displayName="PktRadio";const it=({label:n,children:c})=>i(W,{children:[t("p",{children:n}),t("div",{className:"pkt-form-group",children:c})]}),st=({isResponsive:n,children:c})=>n?t("div",{className:"pkt-table-container",children:c}):t(W,{children:c}),ct=({isResponsive:n,modifiers:{info:c=!1,success:s=!1,strong:u=!1,shadow:l=!1}={},children:f})=>t(st,{isResponsive:n,children:t("table",{className:Re("pkt-table",{"pkt-table--info":c,"pkt-table--success":s,"pkt-table--strong":u,"pkt-table--shadow":l}),children:f})}),ut=({children:n})=>t("td",{className:"pkt-table__th",children:n}),ft=({children:n})=>t("th",{className:"pkt-table__th",children:n}),Oe=b.forwardRef(({children:n,className:c,skin:s="blue",textStyle:u="normal-text",size:l="medium",closeTag:f=!1,iconName:m="",type:o="button",ariaLabel:p="close",onClick:E=()=>{}},y)=>{const[P,S]=b.useState(!1),O=j=>{S(!0),E(j)},D=["pkt-tag",l&&`pkt-tag--${l}`,s&&`pkt-tag--${s}`,u&&`pkt-tag--${u}`,c].filter(Boolean).join(" "),I=["pkt-tag","pkt-btn","pkt-btn--tertiary",l&&`pkt-tag--${l}`,s&&`pkt-tag--${s}`,u&&`pkt-tag--${u}`,m&&f?"pkt-btn--icons-right-and-left":null,f&&!m?"pkt-btn--icon-right":null,c].filter(Boolean).join(" "),A=!P;return f&&m?t(W,{children:A&&i("button",{className:I,type:o,"aria-label":p,onClick:O,ref:y,children:[t(v,{className:"pkt-tag__icon",name:m}),n,t(v,{className:"pkt-tag__close-btn",name:"close"})]})}):f?t(W,{children:A&&i("button",{className:I,type:o,"aria-label":p,onClick:O,ref:y,children:[t(v,{className:"pkt-tag__close-btn",name:"close"}),n]})}):m?i("span",{className:D,children:[t(v,{className:"pkt-tag__icon",name:m}),n]}):t("span",{className:D,children:n})});Oe.displayName="PktTag";const $e=b.forwardRef(({id:n,label:c,...s},u)=>i("div",{className:"pkt-form-group",children:[t("label",{htmlFor:n,className:"pkt-form-label",children:c}),t("textarea",{className:"pkt-form-textarea",id:n,ref:u,...s})]}));$e.displayName="PktTextarea";const pt=b.forwardRef(({id:n,label:c,name:s,srOnlyLabel:u=!1,helptext:l,helptextDropdown:f,helptextDropdownButton:m,optional:o=!1,required:p=!1,hasError:E=!1,errorMessage:y,placeholder:P,type:S="text",autocomplete:O="off",value:D,suffix:I,prefix:A,iconNameRight:j,disabled:x=!1,inline:re=!1,ariaLabelledby:Y,ariaDescribedby:q,className:H,...U},L)=>{const[B,J]=b.useState(!1),z=()=>{J(!B)},k=()=>o?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light":p?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":"",C=o?"Valgfritt":p?"Må fylles ut":"",ae=[H,"pkt-textinput",x?"pkt-textinput--disabled":"",re?"pkt-textinput--inline":"",E?"pkt-textinput--error":""].join(" "),G=!!f&&f!=="";return i("div",{className:ae,children:[i(G?"div":"label",{htmlFor:n,className:`pkt-textinput__label ${u?"pkt-sr-only":""}`,"aria-describedby":G?"":q,children:[i(G?"h2":"span",{children:[c,C!==""&&t("span",{className:k(),children:C})]}),l&&t("div",{className:"pkt-textinput__helptext",children:l}),G&&i(W,{children:[t(te,{skin:"tertiary",size:"small",variant:"icon-right",iconName:B?"chevron-thin-up":"chevron-thin-down",className:"pkt-textinput__helptext-expandable pkt-link pkt-link--icon-right",onClick:z,children:m||i(W,{children:["Les mer ",t("span",{className:"pkt-sr-only",children:"om inputfeltet"})]})}),t("div",{className:`pkt-textinput__helptext ${B?"pkt-textinput__helptext-expandable-open":"pkt-textinput__helptext-expandable-closed"}`,children:t(de,{children:f})}),t("label",{htmlFor:n,className:"pkt-textinput__label pkt-sr-only","aria-describedby":q,children:c})]}),A&&i("div",{className:"pkt-textinput__input-prefix-wrapper",children:[t("div",{className:"pkt-textinput__input-prefix",children:A}),t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||n,id:n,placeholder:P,autoComplete:O,value:D,disabled:x,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U})]}),!A&&(I||j)&&i("div",{className:"pkt-textinput__input-suffix-wrapper",children:[t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||n,id:n,placeholder:P,autoComplete:O,value:D,disabled:x,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U}),I&&i("p",{className:"pkt-textinput__input-suffix",children:[I,j&&t(v,{className:"pkt-textinput__input-suffix-icon",name:j})]}),!I&&j&&t(v,{className:"pkt-textinput__input-icon",name:j})]}),!A&&!I&&!j&&!f&&t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||n,id:n,placeholder:P,autoComplete:O,value:D,disabled:x,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U})]}),E&&t(de,{skin:"error","aria-live":"assertive",children:y})]})});w.PktAlert=de,w.PktButton=te,w.PktFooter=rt,w.PktFooterSimple=nt,w.PktHeader=lt,w.PktIcon=v,w.PktInput=Ce,w.PktLinkCard=Se,w.PktMessagebox=ot,w.PktRadio=je,w.PktRadioGroup=it,w.PktTable=ct,w.PktTableData=ut,w.PktTableHeader=ft,w.PktTag=Oe,w.PktTextarea=$e,w.PktTextinput=pt,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
|
|
31
|
+
*/(function(n){(function(){var c={}.hasOwnProperty;function s(){for(var f=[],l=0;l<arguments.length;l++){var u=arguments[l];if(u){var m=typeof u;if(m==="string"||m==="number")f.push(u);else if(Array.isArray(u)){if(u.length){var o=s.apply(null,u);o&&f.push(o)}}else if(m==="object"){if(u.toString!==Object.prototype.toString&&!u.toString.toString().includes("[native code]")){f.push(u.toString());continue}for(var p in u)c.call(u,p)&&u[p]&&f.push(p)}}}return f.join(" ")}n.exports?(s.default=s,n.exports=s):window.classNames=s})()})(Te);var at=Te.exports;const Re=Xe(at),lt=b.forwardRef(({logoLink:n="https://www.oslo.kommune.no/",serviceName:c,fixed:s=!0,scrollToHide:f=!0,user:l,userMenu:u,representing:m,userOptions:o,userMenuFooter:p,canChangeRepresentation:E=!0,showMenuButton:y=!1,showLogOutButton:P=!1,openMenu:S,logOut:O,changeRepresentation:D,...I},A)=>{const j=b.useMemo(()=>typeof(l==null?void 0:l.lastLoggedIn)=="string"?l.lastLoggedIn:l!=null&&l.lastLoggedIn?new Date(l.lastLoggedIn).toLocaleString("nb-NO",{year:"numeric",month:"long",day:"numeric"}):"",[l]),[x,re]=b.useState(!1),[Y,q]=b.useState(0),[H,U]=b.useState(!1),L=b.useRef(null);b.useEffect(()=>(document.addEventListener("mouseup",J),window.addEventListener("scroll",z),()=>{document.removeEventListener("mouseup",J),window.removeEventListener("scroll",z)}));const B=()=>{U(!H)},J=k=>{L.current&&!L.current.contains(k.target)&&U(!1)},z=()=>{if(f){const k=window.pageYOffset||document.documentElement.scrollTop;if(k<0||Math.abs(k-Y)<60)return;re(k>Y),q(k)}};return i("header",{...I,id:"pkt-header","data-testid":"pkt-header","aria-label":"Topp",className:Re("pkt-header",{"pkt-header--fixed":s,"pkt-header--scroll-to-hide":f,"pkt-header--hidden":x}),ref:A,children:[i("div",{className:"pkt-header__logo",children:[typeof n=="string"?t("a",{"aria-label":"Tilbake til forside",className:"pkt-header__logo-link",href:n,children:t(v,{name:"oslologo",className:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/6.0/logos/"})}):t("button",{"aria-label":"Tilbake til forside",className:"pkt-link-button pkt-link pkt-header__logo-link",onClick:n,children:t(v,{name:"oslologo",className:"pkt-header__logo-svg","aria-hidden":"true",path:"https://punkt-cdn.oslo.kommune.no/6.0/logos/"})}),t("span",{className:"pkt-header__logo-service",children:c})]}),t("nav",{className:"pkt-header__actions",children:i("ul",{className:"pkt-header__actions-row",children:[y&&t("li",{children:t(te,{className:"pkt-header__menu-btn",skin:"secondary",variant:"icon-right",iconName:"menu",onClick:S,children:"Meny"})}),(l||m)&&i("li",{"data-testid":"usermenu",className:`pkt-header--has-dropdown ${H&&!x?"pkt-header--open-dropdown":""}`,ref:L,children:[i("button",{className:"pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left",type:"button",role:"button","aria-controls":"pktUserDropdown","aria-expanded":H,onClick:B,children:[t(v,{name:"user",className:"pkt-btn__icon"}),t("span",{className:"pkt-header__user-fullname",children:(m==null?void 0:m.name)||(l==null?void 0:l.name)}),t("span",{className:"pkt-header__user-shortname",children:(m==null?void 0:m.shortname)||(l==null?void 0:l.shortname)}),t(v,{name:"chevron-thin-down",className:"pkt-btn--closed"}),t(v,{name:"chevron-thin-up",className:"pkt-btn--open"})]}),i("ul",{id:"pktUserDropdown",className:"pkt-header__dropdown pkt-user-menu",children:[l&&i("li",{children:[t("div",{className:"pkt-user-menu__label",children:"Pålogget som"}),t("div",{className:"pkt-user-menu__name",children:l.name}),l.lastLoggedIn&&i("div",{className:"pkt-user-menu__last-logged-in",children:["Sist pålogget: ",t("time",{children:j})]})]}),u&&t("li",{children:t("ul",{className:"pkt-list",children:u.map((k,C)=>t("li",{children:typeof k.target=="string"?i("a",{href:k.target,className:"pkt-link",children:[k.iconName&&t(v,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:[k.iconName&&t(v,{name:k.iconName,className:"pkt-link__icon"}),k.title]})},`userMenu-${C}`))})}),(m||E)&&i("li",{children:[m&&i(W,{children:[t("div",{className:"pkt-user-menu__label",children:"Representerer"}),t("div",{className:"pkt-user-menu__name",children:m.name}),m.orgNumber&&i("div",{className:"pkt-user-menu__org-number",children:["Org.nr. ",m.orgNumber]})]}),t("ul",{className:"pkt-list mt-size-16",children:E&&t("li",{children:i("button",{className:"pkt-link-button pkt-link",onClick:D,children:[t(v,{name:"cogwheel",className:"pkt-link__icon"}),"Endre organisasjon"]})})})]}),t("li",{children:t("ul",{className:"pkt-list",children:(o||!P)&&i(W,{children:[o==null?void 0:o.map((k,C)=>t("li",{children:typeof k.target=="string"?i("a",{href:k.target,className:"pkt-link",children:[k.iconName&&t(v,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:[k.iconName&&t(v,{name:k.iconName,className:"pkt-link__icon"}),k.title]})},`userOptions-${C}`)),!P&&t("li",{children:i("button",{className:"pkt-link-button pkt-link",onClick:O,children:[t(v,{name:"exit",className:"pkt-link__icon"}),"Logg ut"]})})]})})}),p&&t("li",{className:"footer",children:t("ul",{className:"pkt-list-horizontal bordered",children:p.map((k,C)=>t("li",{children:typeof k.target=="string"?t("a",{href:k.target,className:"pkt-link",children:k.title}):t("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:k.title})},`userMenuFooter-${C}`))})})]})]}),P&&t("li",{children:t(te,{className:"pkt-header__user-btn pkt-header__user-btn-logout",iconName:"exit",role:"button",onClick:O,skin:"secondary",variant:"icon-right",children:"Logg ut"})})]})})]})}),Ce=b.forwardRef(({label:n,id:c,children:s,...f},l)=>i("div",{className:"pkt-form-group",children:[t("label",{htmlFor:c,className:"pkt-form-label",children:n}),t("input",{className:"pkt-form-input",id:c,...f,ref:l}),s]}));Ce.displayName="PktInput";const Se=b.forwardRef(({children:n,className:c,iconName:s="user",openInNewTab:f=!1,skin:l="normal",href:u="#",external:m=!1,title:o},p)=>{const E=[c,"pkt-linkcard",l&&`pkt-linkcard--${l}`].filter(Boolean).join(" ");return i("a",{href:u,className:`pkt-linkcard pkt-link ${E}`,target:f?"_blank":"_self",rel:f?"noopener noreferrer":void 0,ref:p,children:[t(v,{className:"pkt-link__icon",name:s}),i("div",{className:"pkt-linkcard__content",children:[t("div",{className:`pkt-linkcard__title ${m?"pkt-link pkt-link--external":""}`,children:o}),t("div",{className:"pkt-linkcard__text",children:n})]})]})});Se.displayName="PktLinkCard";const ot=({children:n,skin:c="beige",title:s,className:f,...l})=>{const u=["pkt-messagebox",c&&`pkt-messagebox--${c}`,f].filter(Boolean).join(" ");return i("div",{...l,className:u,children:[t("div",{className:"pkt-messagebox__title",children:s}),t("div",{className:"pkt-messagebox__text",children:n})]})},je=b.forwardRef(({id:n,name:c,label:s,value:f,...l},u)=>i("div",{className:"pkt-form-group",children:[t("input",{type:"radio",className:"pkt-form-check-input",id:n,name:c,value:f,ref:u,...l}),t("label",{className:"pkt-form-label",htmlFor:n,children:s})]}));je.displayName="PktRadio";const it=({label:n,children:c})=>i(W,{children:[t("p",{children:n}),t("div",{className:"pkt-form-group",children:c})]}),st=({isResponsive:n,children:c})=>n?t("div",{className:"pkt-table-container",children:c}):t(W,{children:c}),ct=({isResponsive:n,modifiers:{info:c=!1,success:s=!1,strong:f=!1,shadow:l=!1}={},children:u})=>t(st,{isResponsive:n,children:t("table",{className:Re("pkt-table",{"pkt-table--info":c,"pkt-table--success":s,"pkt-table--strong":f,"pkt-table--shadow":l}),children:u})}),ut=({children:n})=>t("td",{className:"pkt-table__th",children:n}),ft=({children:n})=>t("th",{className:"pkt-table__th",children:n}),Oe=b.forwardRef(({children:n,className:c,skin:s="blue",textStyle:f="normal-text",size:l="medium",closeTag:u=!1,iconName:m="",type:o="button",ariaLabel:p="close",onClick:E=()=>{}},y)=>{const[P,S]=b.useState(!1),O=j=>{S(!0),E(j)},D=["pkt-tag",l&&`pkt-tag--${l}`,s&&`pkt-tag--${s}`,f&&`pkt-tag--${f}`,c].filter(Boolean).join(" "),I=["pkt-tag","pkt-btn","pkt-btn--tertiary",l&&`pkt-tag--${l}`,s&&`pkt-tag--${s}`,f&&`pkt-tag--${f}`,m&&u?"pkt-btn--icons-right-and-left":null,u&&!m?"pkt-btn--icon-right":null,c].filter(Boolean).join(" "),A=!P;return u&&m?t(W,{children:A&&i("button",{className:I,type:o,"aria-label":p,onClick:O,ref:y,children:[t(v,{className:"pkt-tag__icon",name:m}),n,t(v,{className:"pkt-tag__close-btn",name:"close"})]})}):u?t(W,{children:A&&i("button",{className:I,type:o,"aria-label":p,onClick:O,ref:y,children:[t(v,{className:"pkt-tag__close-btn",name:"close"}),n]})}):m?i("span",{className:D,children:[t(v,{className:"pkt-tag__icon",name:m}),n]}):t("span",{className:D,children:n})});Oe.displayName="PktTag";const $e=b.forwardRef(({id:n,label:c,...s},f)=>i("div",{className:"pkt-form-group",children:[t("label",{htmlFor:n,className:"pkt-form-label",children:c}),t("textarea",{className:"pkt-form-textarea",id:n,ref:f,...s})]}));$e.displayName="PktTextarea";const pt=b.forwardRef(({id:n,label:c,name:s,srOnlyLabel:f=!1,helptext:l,helptextDropdown:u,helptextDropdownButton:m,optional:o=!1,required:p=!1,hasError:E=!1,errorMessage:y,placeholder:P,type:S="text",autocomplete:O="off",value:D,suffix:I,prefix:A,iconNameRight:j,disabled:x=!1,inline:re=!1,ariaLabelledby:Y,ariaDescribedby:q,className:H,...U},L)=>{const[B,J]=b.useState(!1),z=()=>{J(!B)},k=()=>o?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light":p?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":"",C=o?"Valgfritt":p?"Må fylles ut":"",ae=[H,"pkt-textinput",x?"pkt-textinput--disabled":"",re?"pkt-textinput--inline":"",E?"pkt-textinput--error":""].join(" "),G=!!u&&u!=="";return i("div",{className:ae,children:[i(G?"div":"label",{htmlFor:n,className:`pkt-textinput__label ${f?"pkt-sr-only":""}`,"aria-describedby":G?"":q,children:[i(G?"h2":"span",{children:[c,C!==""&&t("span",{className:k(),children:C})]}),l&&t("div",{className:"pkt-textinput__helptext",children:l}),G&&i(W,{children:[t(te,{skin:"tertiary",size:"small",variant:"icon-right",iconName:B?"chevron-thin-up":"chevron-thin-down",className:"pkt-textinput__helptext-expandable pkt-link pkt-link--icon-right",onClick:z,children:m||i(W,{children:["Les mer ",t("span",{className:"pkt-sr-only",children:"om inputfeltet"})]})}),t("div",{className:`pkt-textinput__helptext ${B?"pkt-textinput__helptext-expandable-open":"pkt-textinput__helptext-expandable-closed"}`,children:t(de,{children:u})}),t("label",{htmlFor:n,className:"pkt-textinput__label pkt-sr-only","aria-describedby":q,children:c})]}),A&&i("div",{className:"pkt-textinput__input-prefix-wrapper",children:[t("div",{className:"pkt-textinput__input-prefix",children:A}),t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||n,id:n,placeholder:P,autoComplete:O,value:D,disabled:x,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U})]}),!A&&(I||j)&&i("div",{className:"pkt-textinput__input-suffix-wrapper",children:[t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||n,id:n,placeholder:P,autoComplete:O,value:D,disabled:x,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U}),I&&i("p",{className:"pkt-textinput__input-suffix",children:[I,j&&t(v,{className:"pkt-textinput__input-suffix-icon",name:j})]}),!I&&j&&t(v,{className:"pkt-textinput__input-icon",name:j})]}),!A&&!I&&!j&&!u&&t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||n,id:n,placeholder:P,autoComplete:O,value:D,disabled:x,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U})]}),E&&t(de,{skin:"error","aria-live":"assertive",children:y})]})});w.PktAlert=de,w.PktButton=te,w.PktFooter=rt,w.PktFooterSimple=nt,w.PktHeader=lt,w.PktIcon=v,w.PktInput=Ce,w.PktLinkCard=Se,w.PktMessagebox=ot,w.PktRadio=je,w.PktRadioGroup=it,w.PktTable=ct,w.PktTableData=ut,w.PktTableHeader=ft,w.PktTag=Oe,w.PktTextarea=$e,w.PktTextinput=pt,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-react",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.6",
|
|
4
4
|
"description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
|
|
5
5
|
"homepage": "https://punkt.oslo.kommune.no",
|
|
6
6
|
"author": "Team Designsystem, Oslo Origo",
|
|
@@ -90,5 +90,5 @@
|
|
|
90
90
|
"url": "https://github.com/oslokommune/punkt/issues"
|
|
91
91
|
},
|
|
92
92
|
"license": "MIT",
|
|
93
|
-
"gitHead": "
|
|
93
|
+
"gitHead": "01182447a6e095065326e58a4df0d121069df127"
|
|
94
94
|
}
|
|
@@ -9,9 +9,10 @@ export const PktMessagebox: React.FC<IPktMessagebox> = ({
|
|
|
9
9
|
children,
|
|
10
10
|
skin = 'beige',
|
|
11
11
|
title,
|
|
12
|
+
className,
|
|
12
13
|
...props
|
|
13
14
|
}) => {
|
|
14
|
-
const classes = ['pkt-messagebox', skin && `pkt-messagebox--${skin}
|
|
15
|
+
const classes = ['pkt-messagebox', skin && `pkt-messagebox--${skin}`, className].filter(Boolean).join(' ')
|
|
15
16
|
|
|
16
17
|
return (
|
|
17
18
|
<div {...props} className={classes}>
|