@oslokommune/punkt-react 6.0.0 → 6.0.2
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,46 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [6.0.2](https://github.com/oslokommune/punkt/compare/6.0.1...6.0.2) (2023-08-28)
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
Ingen
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
Ingen
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
* Fiks alternativ lenkestil for knapper (#1079). * fix(css,react,vue2): Fiks alternativ lenkestil for knapper
|
|
18
|
+
|
|
19
|
+
* Fiks test
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
### Chores
|
|
23
|
+
Ingen
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## [6.0.1](https://github.com/oslokommune/punkt/compare/6.0.0...6.0.1) (2023-08-24)
|
|
29
|
+
|
|
30
|
+
### ⚠ BREAKING CHANGES
|
|
31
|
+
Ingen
|
|
32
|
+
|
|
33
|
+
### Features
|
|
34
|
+
Ingen
|
|
35
|
+
|
|
36
|
+
### Bug Fixes
|
|
37
|
+
* Pålogget org => Representerer, pluss headermenyposisjon (#1072). * fix(all): Pålogget org => Representerer, pluss headermenyposisjon
|
|
38
|
+
|
|
39
|
+
* Headerposisjon
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
### Chores
|
|
43
|
+
Ingen
|
|
44
|
+
|
|
45
|
+
---
|
|
46
|
+
|
|
47
|
+
|
|
8
48
|
## [6.0.0](https://github.com/oslokommune/punkt/compare/5.2.3...6.0.0) (2023-08-22)
|
|
9
49
|
|
|
10
50
|
### ⚠ BREAKING CHANGES
|
package/dist/punkt-react.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import D, { useState as ue, useEffect as vt, forwardRef as
|
|
1
|
+
import D, { useState as ue, useEffect as vt, forwardRef as B } from "react";
|
|
2
2
|
function gt(n) {
|
|
3
3
|
return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
|
|
4
4
|
}
|
|
@@ -40,9 +40,9 @@ var re = {};
|
|
|
40
40
|
* This source code is licensed under the MIT license found in the
|
|
41
41
|
* LICENSE file in the root directory of this source tree.
|
|
42
42
|
*/
|
|
43
|
-
var
|
|
43
|
+
var Ve;
|
|
44
44
|
function Nt() {
|
|
45
|
-
return
|
|
45
|
+
return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && function() {
|
|
46
46
|
var n = D, c = Symbol.for("react.element"), i = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), f = 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"), E = 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")
|
|
@@ -84,7 +84,7 @@ function Nt() {
|
|
|
84
84
|
var v = r.displayName || r.name || "";
|
|
85
85
|
return v !== "" ? a + "(" + v + ")" : a;
|
|
86
86
|
}
|
|
87
|
-
function
|
|
87
|
+
function k(e) {
|
|
88
88
|
return e.displayName || "Context";
|
|
89
89
|
}
|
|
90
90
|
function P(e) {
|
|
@@ -112,10 +112,10 @@ function Nt() {
|
|
|
112
112
|
switch (e.$$typeof) {
|
|
113
113
|
case o:
|
|
114
114
|
var r = e;
|
|
115
|
-
return
|
|
115
|
+
return k(r) + ".Consumer";
|
|
116
116
|
case m:
|
|
117
117
|
var a = e;
|
|
118
|
-
return
|
|
118
|
+
return k(a._context) + ".Provider";
|
|
119
119
|
case p:
|
|
120
120
|
return z(e, e.render, "ForwardRef");
|
|
121
121
|
case E:
|
|
@@ -194,27 +194,27 @@ function Nt() {
|
|
|
194
194
|
K < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
|
-
var me = C.ReactCurrentDispatcher,
|
|
197
|
+
var me = C.ReactCurrentDispatcher, ke;
|
|
198
198
|
function ne(e, r, a) {
|
|
199
199
|
{
|
|
200
|
-
if (
|
|
200
|
+
if (ke === void 0)
|
|
201
201
|
try {
|
|
202
202
|
throw Error();
|
|
203
203
|
} catch (v) {
|
|
204
204
|
var d = v.stack.trim().match(/\n( *(at )?)/);
|
|
205
|
-
|
|
205
|
+
ke = d && d[1] || "";
|
|
206
206
|
}
|
|
207
207
|
return `
|
|
208
|
-
` +
|
|
208
|
+
` + ke + e;
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
-
var
|
|
211
|
+
var he = !1, le;
|
|
212
212
|
{
|
|
213
213
|
var ze = typeof WeakMap == "function" ? WeakMap : Map;
|
|
214
214
|
le = new ze();
|
|
215
215
|
}
|
|
216
216
|
function Te(e, r) {
|
|
217
|
-
if (!e ||
|
|
217
|
+
if (!e || he)
|
|
218
218
|
return "";
|
|
219
219
|
{
|
|
220
220
|
var a = le.get(e);
|
|
@@ -222,7 +222,7 @@ function Nt() {
|
|
|
222
222
|
return a;
|
|
223
223
|
}
|
|
224
224
|
var d;
|
|
225
|
-
|
|
225
|
+
he = !0;
|
|
226
226
|
var v = Error.prepareStackTrace;
|
|
227
227
|
Error.prepareStackTrace = void 0;
|
|
228
228
|
var b;
|
|
@@ -261,17 +261,17 @@ function Nt() {
|
|
|
261
261
|
}
|
|
262
262
|
} catch (L) {
|
|
263
263
|
if (L && d && typeof L.stack == "string") {
|
|
264
|
-
for (var
|
|
264
|
+
for (var h = L.stack.split(`
|
|
265
265
|
`), S = d.stack.split(`
|
|
266
|
-
`), w =
|
|
266
|
+
`), w = h.length - 1, R = S.length - 1; w >= 1 && R >= 0 && h[w] !== S[R]; )
|
|
267
267
|
R--;
|
|
268
268
|
for (; w >= 1 && R >= 0; w--, R--)
|
|
269
|
-
if (
|
|
269
|
+
if (h[w] !== S[R]) {
|
|
270
270
|
if (w !== 1 || R !== 1)
|
|
271
271
|
do
|
|
272
|
-
if (w--, R--, R < 0 ||
|
|
272
|
+
if (w--, R--, R < 0 || h[w] !== S[R]) {
|
|
273
273
|
var $ = `
|
|
274
|
-
` +
|
|
274
|
+
` + h[w].replace(" at new ", " at ");
|
|
275
275
|
return e.displayName && $.includes("<anonymous>") && ($ = $.replace("<anonymous>", e.displayName)), typeof e == "function" && le.set(e, $), $;
|
|
276
276
|
}
|
|
277
277
|
while (w >= 1 && R >= 0);
|
|
@@ -279,7 +279,7 @@ function Nt() {
|
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
281
|
} finally {
|
|
282
|
-
|
|
282
|
+
he = !1, me.current = b, qe(), Error.prepareStackTrace = v;
|
|
283
283
|
}
|
|
284
284
|
var Z = e ? e.displayName || e.name : "", Ye = Z ? ne(Z) : "";
|
|
285
285
|
return typeof e == "function" && le.set(e, Ye), Ye;
|
|
@@ -333,17 +333,17 @@ function Nt() {
|
|
|
333
333
|
var b = Function.call.bind(se);
|
|
334
334
|
for (var _ in e)
|
|
335
335
|
if (b(e, _)) {
|
|
336
|
-
var
|
|
336
|
+
var h = void 0;
|
|
337
337
|
try {
|
|
338
338
|
if (typeof e[_] != "function") {
|
|
339
339
|
var S = Error((d || "React class") + ": " + a + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
340
340
|
throw S.name = "Invariant Violation", S;
|
|
341
341
|
}
|
|
342
|
-
|
|
342
|
+
h = e[_](r, _, d, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
343
343
|
} catch (w) {
|
|
344
|
-
|
|
344
|
+
h = w;
|
|
345
345
|
}
|
|
346
|
-
|
|
346
|
+
h && !(h instanceof Error) && (ie(v), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", d || "React class", a, _, typeof h), ie(null)), h instanceof Error && !(h.message in Ce) && (Ce[h.message] = !0, ie(v), x("Failed %s type: %s", a, h.message), ie(null));
|
|
347
347
|
}
|
|
348
348
|
}
|
|
349
349
|
}
|
|
@@ -423,7 +423,7 @@ function Nt() {
|
|
|
423
423
|
}
|
|
424
424
|
}
|
|
425
425
|
var it = function(e, r, a, d, v, b, _) {
|
|
426
|
-
var
|
|
426
|
+
var h = {
|
|
427
427
|
// This tag allows us to uniquely identify this as a React Element
|
|
428
428
|
$$typeof: c,
|
|
429
429
|
// Built-in properties that belong on the element
|
|
@@ -434,27 +434,27 @@ function Nt() {
|
|
|
434
434
|
// Record the component responsible for creating this element.
|
|
435
435
|
_owner: b
|
|
436
436
|
};
|
|
437
|
-
return
|
|
437
|
+
return h._store = {}, Object.defineProperty(h._store, "validated", {
|
|
438
438
|
configurable: !1,
|
|
439
439
|
enumerable: !1,
|
|
440
440
|
writable: !0,
|
|
441
441
|
value: !1
|
|
442
|
-
}), Object.defineProperty(
|
|
442
|
+
}), Object.defineProperty(h, "_self", {
|
|
443
443
|
configurable: !1,
|
|
444
444
|
enumerable: !1,
|
|
445
445
|
writable: !1,
|
|
446
446
|
value: d
|
|
447
|
-
}), Object.defineProperty(
|
|
447
|
+
}), Object.defineProperty(h, "_source", {
|
|
448
448
|
configurable: !1,
|
|
449
449
|
enumerable: !1,
|
|
450
450
|
writable: !1,
|
|
451
451
|
value: v
|
|
452
|
-
}), Object.freeze && (Object.freeze(
|
|
452
|
+
}), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
|
|
453
453
|
};
|
|
454
454
|
function ct(e, r, a, d, v) {
|
|
455
455
|
{
|
|
456
|
-
var b, _ = {},
|
|
457
|
-
a !== void 0 && (Oe(a),
|
|
456
|
+
var b, _ = {}, h = null, S = null;
|
|
457
|
+
a !== void 0 && (Oe(a), h = "" + a), nt(r) && (Oe(r.key), h = "" + r.key), at(r) && (S = r.ref, lt(r, v));
|
|
458
458
|
for (b in r)
|
|
459
459
|
se.call(r, b) && !rt.hasOwnProperty(b) && (_[b] = r[b]);
|
|
460
460
|
if (e && e.defaultProps) {
|
|
@@ -462,11 +462,11 @@ function Nt() {
|
|
|
462
462
|
for (b in w)
|
|
463
463
|
_[b] === void 0 && (_[b] = w[b]);
|
|
464
464
|
}
|
|
465
|
-
if (
|
|
465
|
+
if (h || S) {
|
|
466
466
|
var R = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
|
467
|
-
|
|
467
|
+
h && ot(_, R), S && st(_, R);
|
|
468
468
|
}
|
|
469
|
-
return it(e,
|
|
469
|
+
return it(e, h, S, v, d, ee.current, _);
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
var ge = C.ReactCurrentOwner, Fe = C.ReactDebugCurrentFrame;
|
|
@@ -591,12 +591,12 @@ Check the top-level render call using <` + a + ">.");
|
|
|
591
591
|
{
|
|
592
592
|
var _ = q(e);
|
|
593
593
|
if (!_) {
|
|
594
|
-
var
|
|
595
|
-
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (
|
|
594
|
+
var h = "";
|
|
595
|
+
(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.");
|
|
596
596
|
var S = ut(v);
|
|
597
|
-
S ?
|
|
597
|
+
S ? h += S : h += De();
|
|
598
598
|
var w;
|
|
599
|
-
e === null ? w = "null" : _e(e) ? w = "array" : e !== void 0 && e.$$typeof === c ? (w = "<" + (P(e.type) || "Unknown") + " />",
|
|
599
|
+
e === null ? w = "null" : _e(e) ? w = "array" : e !== void 0 && e.$$typeof === c ? (w = "<" + (P(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : w = 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", w, h);
|
|
600
600
|
}
|
|
601
601
|
var R = ct(e, r, a, v, b);
|
|
602
602
|
if (R == null)
|
|
@@ -620,16 +620,16 @@ Check the top-level render call using <` + a + ">.");
|
|
|
620
620
|
function mt(e, r, a) {
|
|
621
621
|
return We(e, r, a, !0);
|
|
622
622
|
}
|
|
623
|
-
function
|
|
623
|
+
function kt(e, r, a) {
|
|
624
624
|
return We(e, r, a, !1);
|
|
625
625
|
}
|
|
626
|
-
var
|
|
627
|
-
re.Fragment = u, re.jsx =
|
|
626
|
+
var ht = kt, _t = mt;
|
|
627
|
+
re.Fragment = u, re.jsx = ht, re.jsxs = _t;
|
|
628
628
|
}()), re;
|
|
629
629
|
}
|
|
630
630
|
process.env.NODE_ENV === "production" ? xe.exports = bt() : xe.exports = Nt();
|
|
631
631
|
var Ee = xe.exports;
|
|
632
|
-
const
|
|
632
|
+
const V = Ee.Fragment, t = Ee.jsx, s = Ee.jsxs, ye = {}, yt = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';
|
|
633
633
|
function xt(n, c) {
|
|
634
634
|
return !ye[n] && typeof window.fetch == "function" && (ye[n] = window.fetch(c + n + ".svg").then((i) => i.ok ? i.text() : (console.error("Missing icon: " + c + n + ".svg"), yt)).then((i) => i)), Promise.resolve(ye[n]);
|
|
635
635
|
}
|
|
@@ -647,7 +647,7 @@ const g = ({ name: n, path: c, className: i = "", ...u }) => {
|
|
|
647
647
|
...u
|
|
648
648
|
}
|
|
649
649
|
) : null;
|
|
650
|
-
},
|
|
650
|
+
}, Be = B(
|
|
651
651
|
({
|
|
652
652
|
children: n,
|
|
653
653
|
className: c,
|
|
@@ -689,7 +689,7 @@ const g = ({ name: n, path: c, className: i = "", ...u }) => {
|
|
|
689
689
|
] })
|
|
690
690
|
] }) : null;
|
|
691
691
|
}
|
|
692
|
-
), ce =
|
|
692
|
+
), ce = B(
|
|
693
693
|
({
|
|
694
694
|
children: n,
|
|
695
695
|
className: c,
|
|
@@ -883,7 +883,7 @@ var He = { exports: {} };
|
|
|
883
883
|
})();
|
|
884
884
|
})(He);
|
|
885
885
|
var Et = He.exports;
|
|
886
|
-
const Ge = /* @__PURE__ */ gt(Et), It =
|
|
886
|
+
const Ge = /* @__PURE__ */ gt(Et), It = B(
|
|
887
887
|
({
|
|
888
888
|
logoLink: n = "https://www.oslo.kommune.no/",
|
|
889
889
|
serviceName: c,
|
|
@@ -912,14 +912,14 @@ const Ge = /* @__PURE__ */ gt(Et), It = V(
|
|
|
912
912
|
}));
|
|
913
913
|
const Y = () => {
|
|
914
914
|
W(!H);
|
|
915
|
-
}, q = (
|
|
916
|
-
A.current && !A.current.contains(
|
|
915
|
+
}, q = (k) => {
|
|
916
|
+
A.current && !A.current.contains(k.target) && W(!1);
|
|
917
917
|
}, z = () => {
|
|
918
918
|
if (u) {
|
|
919
|
-
const
|
|
920
|
-
if (
|
|
919
|
+
const k = window.pageYOffset || document.documentElement.scrollTop;
|
|
920
|
+
if (k < 0 || Math.abs(k - M) < 60)
|
|
921
921
|
return;
|
|
922
|
-
Q(
|
|
922
|
+
Q(k > M), J(k);
|
|
923
923
|
}
|
|
924
924
|
};
|
|
925
925
|
return /* @__PURE__ */ s(
|
|
@@ -994,41 +994,48 @@ const Ge = /* @__PURE__ */ gt(Et), It = V(
|
|
|
994
994
|
/* @__PURE__ */ t("time", { children: C })
|
|
995
995
|
] })
|
|
996
996
|
] }),
|
|
997
|
-
f && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("ul", { className: "pkt-list", children: f.map((
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
] }) : /* @__PURE__ */ s("button", { className: "pkt-link", onClick:
|
|
1001
|
-
|
|
1002
|
-
|
|
997
|
+
f && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("ul", { className: "pkt-list", children: f.map((k, P) => /* @__PURE__ */ t("li", { children: typeof k.target == "string" ? /* @__PURE__ */ s("a", { href: k.target, className: "pkt-link", children: [
|
|
998
|
+
k.iconName && /* @__PURE__ */ t(g, { name: k.iconName, className: "pkt-link__icon" }),
|
|
999
|
+
k.title
|
|
1000
|
+
] }) : /* @__PURE__ */ s("button", { className: "pkt-link-button pkt-link", onClick: k.target, children: [
|
|
1001
|
+
k.iconName && /* @__PURE__ */ t(g, { name: k.iconName, className: "pkt-link__icon" }),
|
|
1002
|
+
k.title
|
|
1003
1003
|
] }) }, `userMenu-${P}`)) }) }),
|
|
1004
1004
|
(m || y) && /* @__PURE__ */ s("li", { children: [
|
|
1005
|
-
m && /* @__PURE__ */ s(
|
|
1006
|
-
/* @__PURE__ */ t("div", { className: "pkt-user-menu__label", children: "
|
|
1005
|
+
m && /* @__PURE__ */ s(V, { children: [
|
|
1006
|
+
/* @__PURE__ */ t("div", { className: "pkt-user-menu__label", children: "Representerer" }),
|
|
1007
1007
|
/* @__PURE__ */ t("div", { className: "pkt-user-menu__name", children: m.name }),
|
|
1008
1008
|
m.orgNumber && /* @__PURE__ */ s("div", { className: "pkt-user-menu__org-number", children: [
|
|
1009
1009
|
"Org.nr. ",
|
|
1010
1010
|
m.orgNumber
|
|
1011
1011
|
] })
|
|
1012
1012
|
] }),
|
|
1013
|
-
/* @__PURE__ */ t("ul", { className: "pkt-list mt-size-16", children: y && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ s(
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1013
|
+
/* @__PURE__ */ t("ul", { className: "pkt-list mt-size-16", children: y && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ s(
|
|
1014
|
+
"button",
|
|
1015
|
+
{
|
|
1016
|
+
className: "pkt-link-button pkt-link",
|
|
1017
|
+
onClick: I,
|
|
1018
|
+
children: [
|
|
1019
|
+
/* @__PURE__ */ t(g, { name: "cogwheel", className: "pkt-link__icon" }),
|
|
1020
|
+
"Endre organisasjon"
|
|
1021
|
+
]
|
|
1022
|
+
}
|
|
1023
|
+
) }) })
|
|
1017
1024
|
] }),
|
|
1018
|
-
/* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("ul", { className: "pkt-list", children: (o || !E) && /* @__PURE__ */ s(
|
|
1019
|
-
o == null ? void 0 : o.map((
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
] }) : /* @__PURE__ */ s("button", { className: "pkt-link", onClick:
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
+
/* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("ul", { className: "pkt-list", children: (o || !E) && /* @__PURE__ */ s(V, { children: [
|
|
1026
|
+
o == null ? void 0 : o.map((k, P) => /* @__PURE__ */ t("li", { children: typeof k.target == "string" ? /* @__PURE__ */ s("a", { href: k.target, className: "pkt-link", children: [
|
|
1027
|
+
k.iconName && /* @__PURE__ */ t(g, { name: k.iconName, className: "pkt-link__icon" }),
|
|
1028
|
+
k.title
|
|
1029
|
+
] }) : /* @__PURE__ */ s("button", { className: "pkt-link-button pkt-link", onClick: k.target, children: [
|
|
1030
|
+
k.iconName && /* @__PURE__ */ t(g, { name: k.iconName, className: "pkt-link__icon" }),
|
|
1031
|
+
k.title
|
|
1025
1032
|
] }) }, `userOptions-${P}`)),
|
|
1026
|
-
!E && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ s("button", { className: "pkt-link", onClick: j, children: [
|
|
1033
|
+
!E && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ s("button", { className: "pkt-link-button pkt-link", onClick: j, children: [
|
|
1027
1034
|
/* @__PURE__ */ t(g, { name: "exit", className: "pkt-link__icon" }),
|
|
1028
1035
|
"Logg ut"
|
|
1029
1036
|
] }) })
|
|
1030
1037
|
] }) }) }),
|
|
1031
|
-
p && /* @__PURE__ */ t("li", { className: "footer", children: /* @__PURE__ */ t("ul", { className: "pkt-list-horizontal bordered", children: p.map((
|
|
1038
|
+
p && /* @__PURE__ */ t("li", { className: "footer", children: /* @__PURE__ */ t("ul", { className: "pkt-list-horizontal bordered", children: p.map((k, P) => /* @__PURE__ */ t("li", { children: typeof k.target == "string" ? /* @__PURE__ */ t("a", { href: k.target, className: "pkt-link", children: k.title }) : /* @__PURE__ */ t("button", { className: "pkt-link-button pkt-link", onClick: k.target, children: k.title }) }, `userMenuFooter-${P}`)) }) })
|
|
1032
1039
|
] })
|
|
1033
1040
|
]
|
|
1034
1041
|
}
|
|
@@ -1058,7 +1065,7 @@ const Ge = /* @__PURE__ */ gt(Et), It = V(
|
|
|
1058
1065
|
] })
|
|
1059
1066
|
);
|
|
1060
1067
|
wt.displayName = "PktInput";
|
|
1061
|
-
const Rt =
|
|
1068
|
+
const Rt = B(
|
|
1062
1069
|
({
|
|
1063
1070
|
children: n,
|
|
1064
1071
|
className: c,
|
|
@@ -1101,17 +1108,17 @@ const Ft = ({
|
|
|
1101
1108
|
/* @__PURE__ */ t("div", { className: "pkt-messagebox__title", children: i }),
|
|
1102
1109
|
/* @__PURE__ */ t("div", { className: "pkt-messagebox__text", children: n })
|
|
1103
1110
|
] });
|
|
1104
|
-
}, Pt =
|
|
1111
|
+
}, Pt = B(
|
|
1105
1112
|
({ id: n, name: c, label: i, value: u, ...l }, f) => /* @__PURE__ */ s("div", { className: "pkt-form-group", children: [
|
|
1106
1113
|
/* @__PURE__ */ t("input", { type: "radio", className: "pkt-form-check-input", id: n, name: c, value: u, ref: f, ...l }),
|
|
1107
1114
|
/* @__PURE__ */ t("label", { className: "pkt-form-label", htmlFor: n, children: i })
|
|
1108
1115
|
] })
|
|
1109
1116
|
);
|
|
1110
1117
|
Pt.displayName = "PktRadio";
|
|
1111
|
-
const Dt = ({ label: n, children: c }) => /* @__PURE__ */ s(
|
|
1118
|
+
const Dt = ({ label: n, children: c }) => /* @__PURE__ */ s(V, { children: [
|
|
1112
1119
|
/* @__PURE__ */ t("p", { children: n }),
|
|
1113
1120
|
/* @__PURE__ */ t("div", { className: "pkt-form-group", children: c })
|
|
1114
|
-
] }), Tt = ({ isResponsive: n, children: c }) => n ? /* @__PURE__ */ t("div", { className: "pkt-table-container", children: c }) : /* @__PURE__ */ t(
|
|
1121
|
+
] }), Tt = ({ isResponsive: n, children: c }) => n ? /* @__PURE__ */ t("div", { className: "pkt-table-container", children: c }) : /* @__PURE__ */ t(V, { children: c }), At = ({
|
|
1115
1122
|
isResponsive: n,
|
|
1116
1123
|
modifiers: { info: c = !1, success: i = !1, strong: u = !1, shadow: l = !1 } = {},
|
|
1117
1124
|
children: f
|
|
@@ -1126,7 +1133,7 @@ const Dt = ({ label: n, children: c }) => /* @__PURE__ */ s(B, { children: [
|
|
|
1126
1133
|
}),
|
|
1127
1134
|
children: f
|
|
1128
1135
|
}
|
|
1129
|
-
) }), Lt = ({ children: n }) => /* @__PURE__ */ t("td", { className: "pkt-table__th", children: n }), Mt = ({ children: n }) => /* @__PURE__ */ t("th", { className: "pkt-table__th", children: n }), Ct =
|
|
1136
|
+
) }), Lt = ({ children: n }) => /* @__PURE__ */ t("td", { className: "pkt-table__th", children: n }), Mt = ({ children: n }) => /* @__PURE__ */ t("th", { className: "pkt-table__th", children: n }), Ct = B(({
|
|
1130
1137
|
children: n,
|
|
1131
1138
|
className: c,
|
|
1132
1139
|
skin: i = "blue",
|
|
@@ -1158,7 +1165,7 @@ const Dt = ({ label: n, children: c }) => /* @__PURE__ */ s(B, { children: [
|
|
|
1158
1165
|
f && !m ? "pkt-btn--icon-right" : null,
|
|
1159
1166
|
c
|
|
1160
1167
|
].filter(Boolean).join(" "), F = !E;
|
|
1161
|
-
return f && m ? /* @__PURE__ */ t(
|
|
1168
|
+
return f && m ? /* @__PURE__ */ t(V, { children: F && /* @__PURE__ */ s(
|
|
1162
1169
|
"button",
|
|
1163
1170
|
{
|
|
1164
1171
|
className: O,
|
|
@@ -1172,7 +1179,7 @@ const Dt = ({ label: n, children: c }) => /* @__PURE__ */ s(B, { children: [
|
|
|
1172
1179
|
/* @__PURE__ */ t(g, { className: "pkt-tag__close-btn", name: "close" })
|
|
1173
1180
|
]
|
|
1174
1181
|
}
|
|
1175
|
-
) }) : f ? /* @__PURE__ */ t(
|
|
1182
|
+
) }) : f ? /* @__PURE__ */ t(V, { children: F && /* @__PURE__ */ s(
|
|
1176
1183
|
"button",
|
|
1177
1184
|
{
|
|
1178
1185
|
className: O,
|
|
@@ -1191,14 +1198,14 @@ const Dt = ({ label: n, children: c }) => /* @__PURE__ */ s(B, { children: [
|
|
|
1191
1198
|
] }) : /* @__PURE__ */ t("span", { className: I, children: n });
|
|
1192
1199
|
});
|
|
1193
1200
|
Ct.displayName = "PktTag";
|
|
1194
|
-
const jt =
|
|
1201
|
+
const jt = B(
|
|
1195
1202
|
({ id: n, label: c, ...i }, u) => /* @__PURE__ */ s("div", { className: "pkt-form-group", children: [
|
|
1196
1203
|
/* @__PURE__ */ t("label", { htmlFor: n, className: "pkt-form-label", children: c }),
|
|
1197
1204
|
/* @__PURE__ */ t("textarea", { className: "pkt-form-textarea", id: n, ref: u, ...i })
|
|
1198
1205
|
] })
|
|
1199
1206
|
);
|
|
1200
1207
|
jt.displayName = "PktTextarea";
|
|
1201
|
-
const Wt =
|
|
1208
|
+
const Wt = B(
|
|
1202
1209
|
({
|
|
1203
1210
|
id: n,
|
|
1204
1211
|
label: c,
|
|
@@ -1227,7 +1234,7 @@ const Wt = V(
|
|
|
1227
1234
|
}, A) => {
|
|
1228
1235
|
const [Y, q] = ue(!1), z = () => {
|
|
1229
1236
|
q(!Y);
|
|
1230
|
-
},
|
|
1237
|
+
}, 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", x ? "pkt-textinput--disabled" : "", Q ? "pkt-textinput--inline" : "", y ? "pkt-textinput--error" : ""].join(
|
|
1231
1238
|
" "
|
|
1232
1239
|
), G = !!f && f !== "";
|
|
1233
1240
|
return /* @__PURE__ */ s("div", { className: ae, children: [
|
|
@@ -1240,10 +1247,10 @@ const Wt = V(
|
|
|
1240
1247
|
children: [
|
|
1241
1248
|
/* @__PURE__ */ s(G ? "h2" : "span", { children: [
|
|
1242
1249
|
c,
|
|
1243
|
-
P !== "" && /* @__PURE__ */ t("span", { className:
|
|
1250
|
+
P !== "" && /* @__PURE__ */ t("span", { className: k(), children: P })
|
|
1244
1251
|
] }),
|
|
1245
1252
|
l && /* @__PURE__ */ t("div", { className: "pkt-textinput__helptext", children: l }),
|
|
1246
|
-
G && /* @__PURE__ */ s(
|
|
1253
|
+
G && /* @__PURE__ */ s(V, { children: [
|
|
1247
1254
|
/* @__PURE__ */ t(
|
|
1248
1255
|
ce,
|
|
1249
1256
|
{
|
|
@@ -1253,7 +1260,7 @@ const Wt = V(
|
|
|
1253
1260
|
iconName: Y ? "chevron-thin-up" : "chevron-thin-down",
|
|
1254
1261
|
className: "pkt-textinput__helptext-expandable pkt-link pkt-link--icon-right",
|
|
1255
1262
|
onClick: z,
|
|
1256
|
-
children: m || /* @__PURE__ */ s(
|
|
1263
|
+
children: m || /* @__PURE__ */ s(V, { children: [
|
|
1257
1264
|
"Les mer ",
|
|
1258
1265
|
/* @__PURE__ */ t("span", { className: "pkt-sr-only", children: "om inputfeltet" })
|
|
1259
1266
|
] })
|
|
@@ -1263,7 +1270,7 @@ const Wt = V(
|
|
|
1263
1270
|
"div",
|
|
1264
1271
|
{
|
|
1265
1272
|
className: `pkt-textinput__helptext ${Y ? "pkt-textinput__helptext-expandable-open" : "pkt-textinput__helptext-expandable-closed"}`,
|
|
1266
|
-
children: /* @__PURE__ */ t(
|
|
1273
|
+
children: /* @__PURE__ */ t(Be, { children: f })
|
|
1267
1274
|
}
|
|
1268
1275
|
),
|
|
1269
1276
|
/* @__PURE__ */ t(
|
|
@@ -1343,12 +1350,12 @@ const Wt = V(
|
|
|
1343
1350
|
]
|
|
1344
1351
|
}
|
|
1345
1352
|
),
|
|
1346
|
-
y && /* @__PURE__ */ t(
|
|
1353
|
+
y && /* @__PURE__ */ t(Be, { skin: "error", "aria-live": "assertive", children: N })
|
|
1347
1354
|
] });
|
|
1348
1355
|
}
|
|
1349
1356
|
);
|
|
1350
1357
|
export {
|
|
1351
|
-
|
|
1358
|
+
Be as PktAlert,
|
|
1352
1359
|
ce as PktButton,
|
|
1353
1360
|
Ot as PktFooter,
|
|
1354
1361
|
$t as PktFooterSimple,
|
package/dist/punkt-react.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(w,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],b):(w=typeof globalThis<"u"?globalThis:w||self,b(w["punkt-react"]={},w.React))})(this,function(w,b){"use strict";function Xe(
|
|
1
|
+
(function(w,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],b):(w=typeof globalThis<"u"?globalThis:w||self,b(w["punkt-react"]={},w.React))})(this,function(w,b){"use strict";function Xe(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var ue={exports:{}},Q={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -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
|
|
9
|
+
*/var Pe;function Ze(){if(Pe)return Q;Pe=1;var a=b,c=Symbol.for("react.element"),s=Symbol.for("react.fragment"),u=Object.prototype.hasOwnProperty,l=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f={key:!0,ref:!0,__self:!0,__source:!0};function m(o,p,E){var y,x={},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)u.call(p,y)&&!f.hasOwnProperty(y)&&(x[y]=p[y]);if(o&&o.defaultProps)for(y in p=o.defaultProps,p)x[y]===void 0&&(x[y]=p[y]);return{$$typeof:c,type:o,key:S,ref:O,props:x,_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,18 +14,18 @@
|
|
|
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
|
|
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
|
|
19
|
-
`),$=
|
|
17
|
+
*/var xe;function Qe(){return xe||(xe=1,process.env.NODE_ENV!=="production"&&function(){var a=b,c=Symbol.for("react.element"),s=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),f=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"),x=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=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function P(e){{for(var r=arguments.length,n=new Array(r>1?r-1:0),d=1;d<r;d++)n[d-1]=arguments[d];re("error",e,n)}}function re(e,r,n){{var d=j.ReactDebugCurrentFrame,v=d.getStackAddendum();v!==""&&(r+="%s",n=n.concat([v]));var N=n.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===u||e===f||L||e===l||e===E||e===y||U||e===O||Y||q||H||typeof e=="object"&&e!==null&&(e.$$typeof===S||e.$$typeof===x||e.$$typeof===m||e.$$typeof===o||e.$$typeof===p||e.$$typeof===B||e.getModuleId!==void 0))}function z(e,r,n){var d=e.displayName;if(d)return d;var v=r.displayName||r.name||"";return v!==""?n+"("+v+")":n}function k(e){return e.displayName||"Context"}function C(e){if(e==null)return null;if(typeof e.tag=="number"&&P("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 u:return"Fragment";case s:return"Portal";case f: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 n=e;return k(n._context)+".Provider";case p:return z(e,e.render,"ForwardRef");case x:var d=e.displayName||null;return d!==null?d:C(e.type)||"Memo";case S:{var v=e,N=v._payload,_=v._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&&P("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var _e=j.ReactCurrentDispatcher,ve;function le(e,r,n){{if(ve===void 0)try{throw Error()}catch(v){var d=v.stack.trim().match(/\n( *(at )?)/);ve=d&&d[1]||""}return`
|
|
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 n=oe.get(e);if(n!==void 0)return n}var d;ge=!0;var v=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
|
+
`),$=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=`
|
|
21
|
-
`+h[T].replace(" at new "," at ");return e.displayName&&F.includes("<anonymous>")&&(F=F.replace("<anonymous>",e.displayName)),typeof e=="function"&&oe.set(e,F),F}while(T>=1&&R>=0);break}}}finally{ge=!1,_e.current=N,mt(),Error.prepareStackTrace=v}var Z=e?e.displayName||e.name:"",Ke=Z?le(Z):"";return typeof e=="function"&&oe.set(e,Ke),Ke}function ht(e,r,
|
|
21
|
+
`+h[T].replace(" at new "," at ");return e.displayName&&F.includes("<anonymous>")&&(F=F.replace("<anonymous>",e.displayName)),typeof e=="function"&&oe.set(e,F),F}while(T>=1&&R>=0);break}}}finally{ge=!1,_e.current=N,mt(),Error.prepareStackTrace=v}var Z=e?e.displayName||e.name:"",Ke=Z?le(Z):"";return typeof e=="function"&&oe.set(e,Ke),Ke}function ht(e,r,n){return Ae(e,!1)}function _t(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ie(e,r,n){if(e==null)return"";if(typeof e=="function")return Ae(e,_t(e));if(typeof e=="string")return le(e);switch(e){case E:return le("Suspense");case y:return le("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case p:return ht(e.render);case x:return ie(e.type,r,n);case S:{var d=e,v=d._payload,N=d._init;try{return ie(N(v),r,n)}catch{}}}return""}var se=Object.prototype.hasOwnProperty,Le={},Me=j.ReactDebugCurrentFrame;function ce(e){if(e){var r=e._owner,n=ie(e.type,e._source,r?r.type:null);Me.setExtraStackFrame(n)}else Me.setExtraStackFrame(null)}function vt(e,r,n,d,v){{var N=Function.call.bind(se);for(var _ in e)if(N(e,_)){var h=void 0;try{if(typeof e[_]!="function"){var $=Error((d||"React class")+": "+n+" type `"+_+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[_]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw $.name="Invariant Violation",$}h=e[_](r,_,d,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(T){h=T}h&&!(h instanceof Error)&&(ce(v),P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",d||"React class",n,_,typeof h),ce(null)),h instanceof Error&&!(h.message in Le)&&(Le[h.message]=!0,ce(v),P("Failed %s type: %s",n,h.message),ce(null))}}}var gt=Array.isArray;function be(e){return gt(e)}function bt(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function Nt(e){try{return We(e),!1}catch{return!0}}function We(e){return""+e}function Ye(e){if(Nt(e))return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",bt(e)),We(e)}var ne=j.ReactCurrentOwner,yt={key:!0,ref:!0,__self:!0,__source:!0},Ue,Be,Ne;Ne={};function wt(e){if(se.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Et(e){if(se.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Pt(e,r){if(typeof e.ref=="string"&&ne.current&&r&&ne.current.stateNode!==r){var n=C(ne.current.type);Ne[n]||(P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',C(ne.current.type),e.ref),Ne[n]=!0)}}function xt(e,r){{var n=function(){Ue||(Ue=!0,P("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}}function Tt(e,r){{var n=function(){Be||(Be=!0,P("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}}var Rt=function(e,r,n,d,v,N,_){var h={$$typeof:c,type:e,key:r,ref:n,props:_,_owner:N};return h._store={},Object.defineProperty(h._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(h,"_self",{configurable:!1,enumerable:!1,writable:!1,value:d}),Object.defineProperty(h,"_source",{configurable:!1,enumerable:!1,writable:!1,value:v}),Object.freeze&&(Object.freeze(h.props),Object.freeze(h)),h};function Ct(e,r,n,d,v){{var N,_={},h=null,$=null;n!==void 0&&(Ye(n),h=""+n),Et(r)&&(Ye(r.key),h=""+r.key),wt(r)&&($=r.ref,Pt(r,v));for(N in r)se.call(r,N)&&!yt.hasOwnProperty(N)&&(_[N]=r[N]);if(e&&e.defaultProps){var T=e.defaultProps;for(N in T)_[N]===void 0&&(_[N]=T[N])}if(h||$){var R=typeof e=="function"?e.displayName||e.name||"Unknown":e;h&&xt(_,R),$&&Tt(_,R)}return Rt(e,h,$,v,d,ne.current,_)}}var ye=j.ReactCurrentOwner,Ve=j.ReactDebugCurrentFrame;function X(e){if(e){var r=e._owner,n=ie(e.type,e._source,r?r.type:null);Ve.setExtraStackFrame(n)}else Ve.setExtraStackFrame(null)}var we;we=!1;function Ee(e){return typeof e=="object"&&e!==null&&e.$$typeof===c}function He(){{if(ye.current){var e=C(ye.current.type);if(e)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+e+"`."}return""}}function St(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),
|
|
23
|
+
Check the render method of \``+e+"`."}return""}}function St(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),n=e.lineNumber;return`
|
|
24
24
|
|
|
25
|
-
Check your code at `+r+":"+
|
|
25
|
+
Check your code at `+r+":"+n+"."}return""}}var Ge={};function jt(e){{var r=He();if(!r){var n=typeof e=="string"?e:e.displayName||e.name;n&&(r=`
|
|
26
26
|
|
|
27
|
-
Check the top-level render call using <`+
|
|
27
|
+
Check the top-level render call using <`+n+">.")}return r}}function qe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=jt(r);if(Ge[n])return;Ge[n]=!0;var d="";e&&e._owner&&e._owner!==ye.current&&(d=" It was passed a child from "+C(e._owner.type)+"."),X(e),P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,d),X(null)}}function Je(e,r){{if(typeof e!="object")return;if(be(e))for(var n=0;n<e.length;n++){var d=e[n];Ee(d)&&qe(d,r)}else if(Ee(e))e._store&&(e._store.validated=!0);else if(e){var v=A(e);if(typeof v=="function"&&v!==e.entries)for(var N=v.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 n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===p||r.$$typeof===x))n=r.propTypes;else return;if(n){var d=C(r);vt(n,e.props,"prop",d,e)}else if(r.PropTypes!==void 0&&!we){we=!0;var v=C(r);P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",v||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&P("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),n=0;n<r.length;n++){var d=r[n];if(d!=="children"&&d!=="key"){X(e),P("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),P("Invalid attribute `ref` supplied to `React.Fragment`."),X(null))}}function ze(e,r,n,d,v,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(v);$?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,P("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,n,v,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 P("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===u?$t(R):Ot(R),R}}function It(e,r,n){return ze(e,r,n,!0)}function Ft(e,r,n){return ze(e,r,n,!1)}var Dt=Ft,At=It;ee.Fragment=u,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(a,c){return!pe[a]&&typeof window.fetch=="function"&&(pe[a]=window.fetch(c+a+".svg").then(s=>s.ok?s.text():(console.error("Missing icon: "+c+a+".svg"),et)).then(s=>s)),Promise.resolve(pe[a])}const g=({name:a,path:c,className:s="",...u})=>{const l="https://punkt-cdn.oslo.kommune.no/6.0/icons/",[f,m]=b.useState(null);return b.useEffect(()=>{if(!a)return;tt(a,c||l).then(p=>m(p))},[a,c,l]),f?t("span",{className:`pkt-icon ${s}`,dangerouslySetInnerHTML:{__html:f},...u}):null},de=b.forwardRef(({children:a,className:c,skin:s="info",closeAlert:u=!1,onClose:l,title:f,date:m,ariaLive:o="polite",...p},E)=>{const y=[c,"pkt-alert",s&&`pkt-alert--${s}`].filter(Boolean).join(" "),[x,S]=b.useState(!0),O=()=>{S(!1),l&&l()};return x?i("div",{...p,className:y,"aria-live":o,ref:E,children:[t(g,{className:"pkt-alert__icon",name:s==="info"?"alert-information":`alert-${s}`}),u&&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(g,{name:"close",className:"pkt-btn__icon","aria-hidden":"true"})})}),f&&t("div",{className:"pkt-alert__title",children:f}),t("div",{className:"pkt-alert__text",children:a}),m&&i("div",{className:"pkt-alert__date",children:["Sist oppdatert: ",m]})]}):null}),te=b.forwardRef(({children:a,className:c,iconName:s="user",secondIconName:u="user",size:l="medium",skin:f="primary",type:m="button",variant:o="label-only",...p},E)=>{const y=[c,"pkt-btn",l&&`pkt-btn--${l}`,f&&`pkt-btn--${f}`,o&&`pkt-btn--${o}`].filter(Boolean).join(" ");return i("button",{...p,className:y,type:m,ref:E,children:[o!=="label-only"&&t(g,{className:"pkt-btn__icon",name:s}),t("span",{className:"pkt-btn__text",children:a}),o==="icons-right-and-left"&&t(g,{className:"pkt-btn__icon",name:u})]})});te.displayName="PktButton";const rt=({columnOne:a,columnTwo:c,socialLinks:s,className:u})=>{var f,m;const l=[u,"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:a.title}),i("ul",{className:"pkt-footer__list",children:[a.text&&t("li",{className:"pkt-footer__text",children:a.text}),(f=a.links)==null?void 0:f.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(g,{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(g,{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(g,{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(g,{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(g,{className:"pkt-footer__social-icon",name:o.iconName})})},`sociallinks-${p}`))})]})]})})},nt=({links:a=[],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:[a.map((u,l)=>t("li",{className:"pkt-footer-simple__list-item",children:i("a",{className:`pkt-footer-simple__link ${u.external?" pkt-link--external":""}`,href:u.href,target:u.openInNewTab?"_blank":"_self",rel:u.openInNewTab?"noopener noreferrer":void 0,children:[t(g,{className:"pkt-footer-simple__link-icon",name:"chevron-right"}),u.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(g,{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(g,{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 d in f)c.call(f,d)&&f[d]&&u.push(d)}}}return u.join(" ")}n.exports?(s.default=s,n.exports=s):window.classNames=s})()})(Te);var nt=Te.exports;const Re=Xe(nt),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:d,canChangeRepresentation:E=!0,showMenuButton:y=!1,showLogOutButton:x=!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]),[P,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":P}),ref:A,children:[i("div",{className:"pkt-header__logo",children:[t("a",{"aria-label":"Tilbake til forside",className:"pkt-header__logo-link",href:n,children:t(g,{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&&!P?"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(g,{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(g,{name:"chevron-thin-down",className:"pkt-btn--closed"}),t(g,{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(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link",onClick:k.target,children:[k.iconName&&t(g,{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:"Pålogget organisasjon"}),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",onClick:D,children:[t(g,{name:"cogwheel",className:"pkt-link__icon"}),"Bytt organisasjon"]})})})]}),t("li",{children:t("ul",{className:"pkt-list",children:(o||!x)&&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(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link",onClick:k.target,children:[k.iconName&&t(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]})},`userOptions-${C}`)),!x&&t("li",{children:i("button",{className:"pkt-link",onClick:O,children:[t(g,{name:"exit",className:"pkt-link__icon"}),"Logg ut"]})})]})})}),d&&t("li",{className:"footer",children:t("ul",{className:"pkt-list-horizontal bordered",children:d.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",onClick:k.target,children:k.title})},`userMenuFooter-${C}`))})})]})]}),x&&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},d)=>{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:d,children:[t(g,{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:d="close",onClick:E=()=>{}},y)=>{const[x,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=!x;return f&&m?t(W,{children:A&&i("button",{className:I,type:o,"aria-label":d,onClick:O,ref:y,children:[t(g,{className:"pkt-tag__icon",name:m}),n,t(g,{className:"pkt-tag__close-btn",name:"close"})]})}):f?t(W,{children:A&&i("button",{className:I,type:o,"aria-label":d,onClick:O,ref:y,children:[t(g,{className:"pkt-tag__close-btn",name:"close"}),n]})}):m?i("span",{className:D,children:[t(g,{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 dt=b.forwardRef(({id:n,label:c,name:s,srOnlyLabel:u=!1,helptext:l,helptextDropdown:f,helptextDropdownButton:m,optional:o=!1,required:d=!1,hasError:E=!1,errorMessage:y,placeholder:x,type:S="text",autocomplete:O="off",value:D,suffix:I,prefix:A,iconNameRight:j,disabled:P=!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":d?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":"",C=o?"Valgfritt":d?"Må fylles ut":"",ne=[H,"pkt-textinput",P?"pkt-textinput--disabled":"",re?"pkt-textinput--inline":"",E?"pkt-textinput--error":""].join(" "),G=!!f&&f!=="";return i("div",{className:ne,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(pe,{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:x,autoComplete:O,value:D,disabled:P,"aria-required":d,"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:x,autoComplete:O,value:D,disabled:P,"aria-required":d,"aria-invalid":E,"aria-labelledby":Y,...U}),I&&i("p",{className:"pkt-textinput__input-suffix",children:[I,j&&t(g,{className:"pkt-textinput__input-suffix-icon",name:j})]}),!I&&j&&t(g,{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:x,autoComplete:O,value:D,disabled:P,"aria-required":d,"aria-invalid":E,"aria-labelledby":Y,...U})]}),E&&t(pe,{skin:"error","aria-live":"assertive",children:y})]})});w.PktAlert=pe,w.PktButton=te,w.PktFooter=rt,w.PktFooterSimple=at,w.PktHeader=lt,w.PktIcon=g,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=dt,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
|
|
31
|
+
*/(function(a){(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(" ")}a.exports?(s.default=s,a.exports=s):window.classNames=s})()})(Te);var at=Te.exports;const Re=Xe(at),lt=b.forwardRef(({logoLink:a="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:x=!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]),[P,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":P}),ref:A,children:[i("div",{className:"pkt-header__logo",children:[t("a",{"aria-label":"Tilbake til forside",className:"pkt-header__logo-link",href:a,children:t(g,{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&&!P?"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(g,{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(g,{name:"chevron-thin-down",className:"pkt-btn--closed"}),t(g,{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(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:[k.iconName&&t(g,{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(g,{name:"cogwheel",className:"pkt-link__icon"}),"Endre organisasjon"]})})})]}),t("li",{children:t("ul",{className:"pkt-list",children:(o||!x)&&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(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]}):i("button",{className:"pkt-link-button pkt-link",onClick:k.target,children:[k.iconName&&t(g,{name:k.iconName,className:"pkt-link__icon"}),k.title]})},`userOptions-${C}`)),!x&&t("li",{children:i("button",{className:"pkt-link-button pkt-link",onClick:O,children:[t(g,{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}`))})})]})]}),x&&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:a,id:c,children:s,...u},l)=>i("div",{className:"pkt-form-group",children:[t("label",{htmlFor:c,className:"pkt-form-label",children:a}),t("input",{className:"pkt-form-input",id:c,...u,ref:l}),s]}));Ce.displayName="PktInput";const Se=b.forwardRef(({children:a,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(g,{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:a})]})]})});Se.displayName="PktLinkCard";const ot=({children:a,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:a})]})},je=b.forwardRef(({id:a,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:a,name:c,value:u,ref:f,...l}),t("label",{className:"pkt-form-label",htmlFor:a,children:s})]}));je.displayName="PktRadio";const it=({label:a,children:c})=>i(W,{children:[t("p",{children:a}),t("div",{className:"pkt-form-group",children:c})]}),st=({isResponsive:a,children:c})=>a?t("div",{className:"pkt-table-container",children:c}):t(W,{children:c}),ct=({isResponsive:a,modifiers:{info:c=!1,success:s=!1,strong:u=!1,shadow:l=!1}={},children:f})=>t(st,{isResponsive:a,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:a})=>t("td",{className:"pkt-table__th",children:a}),ft=({children:a})=>t("th",{className:"pkt-table__th",children:a}),Oe=b.forwardRef(({children:a,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[x,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=!x;return f&&m?t(W,{children:A&&i("button",{className:I,type:o,"aria-label":p,onClick:O,ref:y,children:[t(g,{className:"pkt-tag__icon",name:m}),a,t(g,{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(g,{className:"pkt-tag__close-btn",name:"close"}),a]})}):m?i("span",{className:D,children:[t(g,{className:"pkt-tag__icon",name:m}),a]}):t("span",{className:D,children:a})});Oe.displayName="PktTag";const $e=b.forwardRef(({id:a,label:c,...s},u)=>i("div",{className:"pkt-form-group",children:[t("label",{htmlFor:a,className:"pkt-form-label",children:c}),t("textarea",{className:"pkt-form-textarea",id:a,ref:u,...s})]}));$e.displayName="PktTextarea";const pt=b.forwardRef(({id:a,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:x,type:S="text",autocomplete:O="off",value:D,suffix:I,prefix:A,iconNameRight:j,disabled:P=!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",P?"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:a,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:a,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||a,id:a,placeholder:x,autoComplete:O,value:D,disabled:P,"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||a,id:a,placeholder:x,autoComplete:O,value:D,disabled:P,"aria-required":p,"aria-invalid":E,"aria-labelledby":Y,...U}),I&&i("p",{className:"pkt-textinput__input-suffix",children:[I,j&&t(g,{className:"pkt-textinput__input-suffix-icon",name:j})]}),!I&&j&&t(g,{className:"pkt-textinput__input-icon",name:j})]}),!A&&!I&&!j&&!f&&t("input",{ref:L,className:"pkt-textinput__input",type:S,name:s||a,id:a,placeholder:x,autoComplete:O,value:D,disabled:P,"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=g,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.2",
|
|
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",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@oslokommune/punkt-assets": "^6.0.0",
|
|
35
|
-
"@oslokommune/punkt-css": "^6.0.
|
|
35
|
+
"@oslokommune/punkt-css": "^6.0.2",
|
|
36
36
|
"@testing-library/jest-dom": "^5.16.5",
|
|
37
37
|
"@testing-library/react": "^14.0.0",
|
|
38
38
|
"@testing-library/user-event": "^14.4.3",
|
|
@@ -90,5 +90,5 @@
|
|
|
90
90
|
"url": "https://github.com/oslokommune/punkt/issues"
|
|
91
91
|
},
|
|
92
92
|
"license": "MIT",
|
|
93
|
-
"gitHead": "
|
|
93
|
+
"gitHead": "14462523c7ccc5258e177d7d3b6503e249b82628"
|
|
94
94
|
}
|
|
@@ -209,7 +209,7 @@ export const PktHeader = forwardRef(
|
|
|
209
209
|
{item.title}
|
|
210
210
|
</a>
|
|
211
211
|
) : (
|
|
212
|
-
<button className="pkt-link" onClick={item.target}>
|
|
212
|
+
<button className="pkt-link-button pkt-link" onClick={item.target}>
|
|
213
213
|
{item.iconName && (
|
|
214
214
|
<PktIcon name={item.iconName} className="pkt-link__icon" />
|
|
215
215
|
)}
|
|
@@ -225,7 +225,7 @@ export const PktHeader = forwardRef(
|
|
|
225
225
|
<li>
|
|
226
226
|
{representing && (
|
|
227
227
|
<>
|
|
228
|
-
<div className="pkt-user-menu__label">
|
|
228
|
+
<div className="pkt-user-menu__label">Representerer</div>
|
|
229
229
|
<div className="pkt-user-menu__name">{representing.name}</div>
|
|
230
230
|
{representing.orgNumber && (
|
|
231
231
|
<div className="pkt-user-menu__org-number">
|
|
@@ -237,9 +237,12 @@ export const PktHeader = forwardRef(
|
|
|
237
237
|
<ul className="pkt-list mt-size-16">
|
|
238
238
|
{canChangeRepresentation && (
|
|
239
239
|
<li>
|
|
240
|
-
<button
|
|
240
|
+
<button
|
|
241
|
+
className="pkt-link-button pkt-link"
|
|
242
|
+
onClick={changeRepresentation}
|
|
243
|
+
>
|
|
241
244
|
<PktIcon name="cogwheel" className="pkt-link__icon" />
|
|
242
|
-
|
|
245
|
+
Endre organisasjon
|
|
243
246
|
</button>
|
|
244
247
|
</li>
|
|
245
248
|
)}
|
|
@@ -260,7 +263,7 @@ export const PktHeader = forwardRef(
|
|
|
260
263
|
{item.title}
|
|
261
264
|
</a>
|
|
262
265
|
) : (
|
|
263
|
-
<button className="pkt-link" onClick={item.target}>
|
|
266
|
+
<button className="pkt-link-button pkt-link" onClick={item.target}>
|
|
264
267
|
{item.iconName && (
|
|
265
268
|
<PktIcon name={item.iconName} className="pkt-link__icon" />
|
|
266
269
|
)}
|
|
@@ -271,7 +274,7 @@ export const PktHeader = forwardRef(
|
|
|
271
274
|
))}
|
|
272
275
|
{!showLogOutButton && (
|
|
273
276
|
<li>
|
|
274
|
-
<button className="pkt-link" onClick={logOut}>
|
|
277
|
+
<button className="pkt-link-button pkt-link" onClick={logOut}>
|
|
275
278
|
<PktIcon name="exit" className="pkt-link__icon" />
|
|
276
279
|
Logg ut
|
|
277
280
|
</button>
|
|
@@ -291,7 +294,7 @@ export const PktHeader = forwardRef(
|
|
|
291
294
|
{item.title}
|
|
292
295
|
</a>
|
|
293
296
|
) : (
|
|
294
|
-
<button className="pkt-link" onClick={item.target}>
|
|
297
|
+
<button className="pkt-link-button pkt-link" onClick={item.target}>
|
|
295
298
|
{item.title}
|
|
296
299
|
</button>
|
|
297
300
|
)}
|
|
@@ -98,7 +98,7 @@ exports[`PktHeader snapshot renders correctly with all props 1`] = `
|
|
|
98
98
|
<div
|
|
99
99
|
class="pkt-user-menu__label"
|
|
100
100
|
>
|
|
101
|
-
|
|
101
|
+
Representerer
|
|
102
102
|
</div>
|
|
103
103
|
<div
|
|
104
104
|
class="pkt-user-menu__name"
|
|
@@ -116,9 +116,9 @@ exports[`PktHeader snapshot renders correctly with all props 1`] = `
|
|
|
116
116
|
>
|
|
117
117
|
<li>
|
|
118
118
|
<button
|
|
119
|
-
class="pkt-link"
|
|
119
|
+
class="pkt-link-button pkt-link"
|
|
120
120
|
>
|
|
121
|
-
|
|
121
|
+
Endre organisasjon
|
|
122
122
|
</button>
|
|
123
123
|
</li>
|
|
124
124
|
</ul>
|
|
@@ -129,7 +129,7 @@ exports[`PktHeader snapshot renders correctly with all props 1`] = `
|
|
|
129
129
|
>
|
|
130
130
|
<li>
|
|
131
131
|
<button
|
|
132
|
-
class="pkt-link"
|
|
132
|
+
class="pkt-link-button pkt-link"
|
|
133
133
|
>
|
|
134
134
|
Logg ut
|
|
135
135
|
</button>
|