@biblioteksentralen/react 1.0.1 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +71 -205
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +34 -139
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -3
package/dist/index.js
CHANGED
|
@@ -315,149 +315,6 @@ __export(src_exports, {
|
|
|
315
315
|
});
|
|
316
316
|
module.exports = __toCommonJS(src_exports);
|
|
317
317
|
__reExport(src_exports, require("@chakra-ui/react"), module.exports);
|
|
318
|
-
// ../icons/dist/index.mjs
|
|
319
|
-
var import_react = __toESM(require("react"), 1);
|
|
320
|
-
var import_react2 = __toESM(require("react"), 1);
|
|
321
|
-
var import_react3 = __toESM(require("react"), 1);
|
|
322
|
-
var import_react4 = __toESM(require("react"), 1);
|
|
323
|
-
var import_react5 = __toESM(require("react"), 1);
|
|
324
|
-
var import_react6 = __toESM(require("react"), 1);
|
|
325
|
-
var import_react7 = __toESM(require("react"), 1);
|
|
326
|
-
var import_react8 = __toESM(require("react"), 1);
|
|
327
|
-
var React9 = __toESM(require("react"), 1);
|
|
328
|
-
var React10 = __toESM(require("react"), 1);
|
|
329
|
-
var React11 = __toESM(require("react"), 1);
|
|
330
|
-
var React12 = __toESM(require("react"), 1);
|
|
331
|
-
var import_react9 = __toESM(require("react"), 1);
|
|
332
|
-
var import_react10 = __toESM(require("react"), 1);
|
|
333
|
-
var import_react11 = __toESM(require("react"), 1);
|
|
334
|
-
var import_react12 = __toESM(require("react"), 1);
|
|
335
|
-
var import_react13 = __toESM(require("react"), 1);
|
|
336
|
-
var import_react14 = __toESM(require("react"), 1);
|
|
337
|
-
var import_react15 = __toESM(require("react"), 1);
|
|
338
|
-
var import_react16 = __toESM(require("react"), 1);
|
|
339
|
-
var import_react17 = __toESM(require("react"), 1);
|
|
340
|
-
var import_react18 = __toESM(require("react"), 1);
|
|
341
|
-
var import_react19 = __toESM(require("react"), 1);
|
|
342
|
-
var import_react20 = __toESM(require("react"), 1);
|
|
343
|
-
var import_react21 = __toESM(require("react"), 1);
|
|
344
|
-
var import_react22 = __toESM(require("react"), 1);
|
|
345
|
-
var import_react23 = __toESM(require("react"), 1);
|
|
346
|
-
var import_react24 = __toESM(require("react"), 1);
|
|
347
|
-
var import_react25 = __toESM(require("react"), 1);
|
|
348
|
-
var import_react26 = __toESM(require("react"), 1);
|
|
349
|
-
var import_react27 = __toESM(require("react"), 1);
|
|
350
|
-
var import_react28 = __toESM(require("react"), 1);
|
|
351
|
-
var React33 = __toESM(require("react"), 1);
|
|
352
|
-
var import_react29 = __toESM(require("react"), 1);
|
|
353
|
-
var import_react30 = __toESM(require("react"), 1);
|
|
354
|
-
var import_react31 = __toESM(require("react"), 1);
|
|
355
|
-
var import_react32 = __toESM(require("react"), 1);
|
|
356
|
-
var import_react33 = __toESM(require("react"), 1);
|
|
357
|
-
var import_react34 = __toESM(require("react"), 1);
|
|
358
|
-
var import_react35 = __toESM(require("react"), 1);
|
|
359
|
-
var import_react36 = __toESM(require("react"), 1);
|
|
360
|
-
var import_react37 = __toESM(require("react"), 1);
|
|
361
|
-
var React43 = __toESM(require("react"), 1);
|
|
362
|
-
var import_react38 = __toESM(require("react"), 1);
|
|
363
|
-
var import_react39 = __toESM(require("react"), 1);
|
|
364
|
-
var import_react40 = __toESM(require("react"), 1);
|
|
365
|
-
var import_react41 = __toESM(require("react"), 1);
|
|
366
|
-
var import_react42 = __toESM(require("react"), 1);
|
|
367
|
-
var import_react43 = __toESM(require("react"), 1);
|
|
368
|
-
var import_react44 = __toESM(require("react"), 1);
|
|
369
|
-
var import_react45 = __toESM(require("react"), 1);
|
|
370
|
-
var import_react46 = __toESM(require("react"), 1);
|
|
371
|
-
var import_react47 = __toESM(require("react"), 1);
|
|
372
|
-
var React54 = __toESM(require("react"), 1);
|
|
373
|
-
var import_react48 = __toESM(require("react"), 1);
|
|
374
|
-
var import_react49 = __toESM(require("react"), 1);
|
|
375
|
-
var import_react50 = __toESM(require("react"), 1);
|
|
376
|
-
var import_react51 = __toESM(require("react"), 1);
|
|
377
|
-
var import_react52 = __toESM(require("react"), 1);
|
|
378
|
-
var import_react53 = __toESM(require("react"), 1);
|
|
379
|
-
var import_react54 = __toESM(require("react"), 1);
|
|
380
|
-
var import_react55 = __toESM(require("react"), 1);
|
|
381
|
-
var import_react56 = __toESM(require("react"), 1);
|
|
382
|
-
var import_react57 = __toESM(require("react"), 1);
|
|
383
|
-
var import_react58 = __toESM(require("react"), 1);
|
|
384
|
-
var import_react59 = __toESM(require("react"), 1);
|
|
385
|
-
var import_react60 = __toESM(require("react"), 1);
|
|
386
|
-
var import_react61 = __toESM(require("react"), 1);
|
|
387
|
-
var import_react62 = __toESM(require("react"), 1);
|
|
388
|
-
var React70 = __toESM(require("react"), 1);
|
|
389
|
-
var import_react63 = __toESM(require("react"), 1);
|
|
390
|
-
var import_react64 = __toESM(require("react"), 1);
|
|
391
|
-
var import_react65 = __toESM(require("react"), 1);
|
|
392
|
-
var import_react66 = __toESM(require("react"), 1);
|
|
393
|
-
var import_react67 = __toESM(require("react"), 1);
|
|
394
|
-
var import_react68 = __toESM(require("react"), 1);
|
|
395
|
-
var import_react69 = __toESM(require("react"), 1);
|
|
396
|
-
var import_react70 = __toESM(require("react"), 1);
|
|
397
|
-
var import_react71 = __toESM(require("react"), 1);
|
|
398
|
-
var import_react72 = __toESM(require("react"), 1);
|
|
399
|
-
var React81 = __toESM(require("react"), 1);
|
|
400
|
-
var import_react73 = __toESM(require("react"), 1);
|
|
401
|
-
var import_react74 = __toESM(require("react"), 1);
|
|
402
|
-
var import_react75 = __toESM(require("react"), 1);
|
|
403
|
-
var import_react76 = __toESM(require("react"), 1);
|
|
404
|
-
var import_react77 = __toESM(require("react"), 1);
|
|
405
|
-
var import_react78 = __toESM(require("react"), 1);
|
|
406
|
-
var import_react79 = __toESM(require("react"), 1);
|
|
407
|
-
var import_react80 = __toESM(require("react"), 1);
|
|
408
|
-
var import_react81 = __toESM(require("react"), 1);
|
|
409
|
-
var import_react82 = __toESM(require("react"), 1);
|
|
410
|
-
var import_react83 = __toESM(require("react"), 1);
|
|
411
|
-
var import_react84 = __toESM(require("react"), 1);
|
|
412
|
-
var import_react85 = __toESM(require("react"), 1);
|
|
413
|
-
var BsCheckCircle = function(props) {
|
|
414
|
-
return /* @__PURE__ */ import_react12.default.createElement("svg", _object_spread({
|
|
415
|
-
fill: "currentColor",
|
|
416
|
-
viewBox: "0 0 16 16",
|
|
417
|
-
height: "1em",
|
|
418
|
-
width: "1em"
|
|
419
|
-
}, props), /* @__PURE__ */ import_react12.default.createElement("path", {
|
|
420
|
-
d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"
|
|
421
|
-
}), /* @__PURE__ */ import_react12.default.createElement("path", {
|
|
422
|
-
d: "M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z"
|
|
423
|
-
}));
|
|
424
|
-
};
|
|
425
|
-
var BsExclamationCircle = function(props) {
|
|
426
|
-
return /* @__PURE__ */ import_react17.default.createElement("svg", _object_spread({
|
|
427
|
-
fill: "currentColor",
|
|
428
|
-
viewBox: "0 0 16 16",
|
|
429
|
-
height: "1em",
|
|
430
|
-
width: "1em"
|
|
431
|
-
}, props), /* @__PURE__ */ import_react17.default.createElement("path", {
|
|
432
|
-
d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"
|
|
433
|
-
}), /* @__PURE__ */ import_react17.default.createElement("path", {
|
|
434
|
-
d: "M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"
|
|
435
|
-
}));
|
|
436
|
-
};
|
|
437
|
-
var BsXCircle = function(props) {
|
|
438
|
-
return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
|
|
439
|
-
fill: "currentColor",
|
|
440
|
-
viewBox: "0 0 16 16",
|
|
441
|
-
height: "1em",
|
|
442
|
-
width: "1em"
|
|
443
|
-
}, props), /* @__PURE__ */ import_react27.default.createElement("path", {
|
|
444
|
-
d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"
|
|
445
|
-
}), /* @__PURE__ */ import_react27.default.createElement("path", {
|
|
446
|
-
d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"
|
|
447
|
-
}));
|
|
448
|
-
};
|
|
449
|
-
var InformationIcon = function(props) {
|
|
450
|
-
return /* @__PURE__ */ React70.createElement("svg", _object_spread_props(_object_spread({
|
|
451
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
452
|
-
width: "1em",
|
|
453
|
-
height: "1em"
|
|
454
|
-
}, props), {
|
|
455
|
-
viewBox: "2 2 20 20"
|
|
456
|
-
}), /* @__PURE__ */ React70.createElement("path", {
|
|
457
|
-
d: "M12 2.25c5.385 0 9.75 4.365 9.75 9.75s-4.365 9.75-9.75 9.75c-5.384 0-9.75-4.365-9.75-9.75S6.616 2.25 12 2.25zm0 1.5a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5zm0 6.5a.75.75 0 0 1 .75.75v4.971l-.007.102a.75.75 0 0 1-1.493-.102V11l.007-.102A.75.75 0 0 1 12 10.25zm0-2.75A.75.75 0 1 1 12 9a.75.75 0 0 1 0-1.5z",
|
|
458
|
-
fill: "currentColor"
|
|
459
|
-
}));
|
|
460
|
-
};
|
|
461
318
|
// ../utils/dist/index.mjs
|
|
462
319
|
var import_format = require("date-fns/format");
|
|
463
320
|
var import_nb = require("date-fns/locale/nb");
|
|
@@ -488,8 +345,8 @@ var colors = {
|
|
|
488
345
|
statusYellow: "#bc5600",
|
|
489
346
|
statusGreen: "#24845b",
|
|
490
347
|
statusGreenLight: "#edf4f1",
|
|
491
|
-
|
|
492
|
-
|
|
348
|
+
statusRedLight: "#f8efef",
|
|
349
|
+
statusYellowLight: "#fff6e4",
|
|
493
350
|
neptune: {
|
|
494
351
|
"100": "#CFE6E8",
|
|
495
352
|
"200": "#9FCDD2",
|
|
@@ -506,40 +363,45 @@ function isDevelopment() {
|
|
|
506
363
|
return process.env.NODE_ENV === "development";
|
|
507
364
|
}
|
|
508
365
|
// src/components/Alert.tsx
|
|
509
|
-
var
|
|
510
|
-
var
|
|
366
|
+
var import_react = require("@chakra-ui/react");
|
|
367
|
+
var import_react2 = __toESM(require("react"));
|
|
368
|
+
var import_react_feather = require("react-feather");
|
|
511
369
|
var colorLookup = {
|
|
512
370
|
info: {
|
|
513
371
|
bg: colors.lightBlue,
|
|
514
372
|
color: colors.accentBlueMedium
|
|
515
373
|
},
|
|
516
374
|
warning: {
|
|
517
|
-
bg: colors.
|
|
375
|
+
bg: colors.statusYellowLight,
|
|
518
376
|
color: colors.statusYellow
|
|
519
377
|
},
|
|
520
378
|
success: {
|
|
521
|
-
bg:
|
|
522
|
-
color:
|
|
379
|
+
bg: colors.statusGreenLight,
|
|
380
|
+
color: colors.statusGreen
|
|
523
381
|
},
|
|
524
382
|
error: {
|
|
525
|
-
bg: colors.
|
|
383
|
+
bg: colors.statusRedLight,
|
|
526
384
|
color: colors.statusRed
|
|
527
385
|
}
|
|
528
386
|
};
|
|
529
387
|
var iconLookup = {
|
|
530
|
-
info: /* @__PURE__ */
|
|
388
|
+
info: /* @__PURE__ */ import_react2.default.createElement(import_react_feather.Info, {
|
|
389
|
+
strokeWidth: 1.75,
|
|
531
390
|
role: "img",
|
|
532
391
|
"aria-label": "Informasjon"
|
|
533
392
|
}),
|
|
534
|
-
warning: /* @__PURE__ */
|
|
393
|
+
warning: /* @__PURE__ */ import_react2.default.createElement(import_react_feather.AlertCircle, {
|
|
394
|
+
strokeWidth: 1.75,
|
|
535
395
|
role: "img",
|
|
536
396
|
"aria-label": "Advarsel"
|
|
537
397
|
}),
|
|
538
|
-
success: /* @__PURE__ */
|
|
398
|
+
success: /* @__PURE__ */ import_react2.default.createElement(import_react_feather.CheckCircle, {
|
|
399
|
+
strokeWidth: 1.75,
|
|
539
400
|
role: "img",
|
|
540
401
|
"aria-label": "Suksess"
|
|
541
402
|
}),
|
|
542
|
-
error: /* @__PURE__ */
|
|
403
|
+
error: /* @__PURE__ */ import_react2.default.createElement(import_react_feather.XCircle, {
|
|
404
|
+
strokeWidth: 1.75,
|
|
543
405
|
role: "img",
|
|
544
406
|
"aria-label": "Feil"
|
|
545
407
|
})
|
|
@@ -558,40 +420,40 @@ function Alert(_param) {
|
|
|
558
420
|
"variant"
|
|
559
421
|
]);
|
|
560
422
|
var colors2 = colorLookup[status];
|
|
561
|
-
return /* @__PURE__ */
|
|
423
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_react.Flex, _object_spread({
|
|
562
424
|
role: "alert",
|
|
563
425
|
flexWrap: "wrap",
|
|
564
426
|
alignItems: "center",
|
|
565
|
-
gridGap: "0.
|
|
427
|
+
gridGap: "0.5em 0.6em",
|
|
566
428
|
background: "white",
|
|
567
429
|
border: "0.1rem solid",
|
|
568
430
|
borderColor: colors2.color,
|
|
569
431
|
backgroundColor: colors2.bg,
|
|
570
432
|
padding: "0.75rem",
|
|
571
433
|
borderRadius: "0.3rem"
|
|
572
|
-
}, variant ? variantStyles[variant] : {}, rest), /* @__PURE__ */
|
|
434
|
+
}, variant ? variantStyles[variant] : {}, rest), /* @__PURE__ */ import_react2.default.createElement(import_react.Box, {
|
|
573
435
|
color: colors2.color,
|
|
574
436
|
flex: "0 0",
|
|
575
437
|
marginLeft: "auto",
|
|
576
438
|
marginRight: "auto",
|
|
577
439
|
lineHeight: "1",
|
|
578
440
|
fontSize: "1.5em"
|
|
579
|
-
}, iconLookup[status]), /* @__PURE__ */
|
|
441
|
+
}, iconLookup[status]), /* @__PURE__ */ import_react2.default.createElement(import_react.Box, {
|
|
580
442
|
flex: "1"
|
|
581
443
|
}, children));
|
|
582
444
|
}
|
|
583
445
|
// src/components/Button.tsx
|
|
584
|
-
var
|
|
585
|
-
var Button =
|
|
446
|
+
var import_react3 = require("@chakra-ui/react");
|
|
447
|
+
var Button = import_react3.Button;
|
|
586
448
|
// src/components/ConditionalWrapper.tsx
|
|
587
|
-
var
|
|
449
|
+
var import_react4 = __toESM(require("react"));
|
|
588
450
|
var ConditionalWrapper = function(param) {
|
|
589
451
|
var condition = param.condition, children = param.children, Wrapper = param.wrapper;
|
|
590
|
-
return condition ? /* @__PURE__ */
|
|
452
|
+
return condition ? /* @__PURE__ */ import_react4.default.createElement(Wrapper, null, children) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, children);
|
|
591
453
|
};
|
|
592
454
|
// src/components/HideWithCSS.tsx
|
|
593
|
-
var
|
|
594
|
-
var
|
|
455
|
+
var import_react5 = require("@chakra-ui/react");
|
|
456
|
+
var import_react6 = __toESM(require("react"));
|
|
595
457
|
var HideWithCSS = function(_param) {
|
|
596
458
|
var children = _param.children, above = _param.above, below = _param.below, chakraProps = _object_without_properties(_param, [
|
|
597
459
|
"children",
|
|
@@ -601,22 +463,22 @@ var HideWithCSS = function(_param) {
|
|
|
601
463
|
var display = _object_spread({}, !!below ? _define_property({
|
|
602
464
|
base: "none"
|
|
603
465
|
}, below, "block") : {}, !!above ? _define_property({}, above, "none") : {});
|
|
604
|
-
return /* @__PURE__ */
|
|
466
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_react5.Box, _object_spread_props(_object_spread({}, chakraProps), {
|
|
605
467
|
display: display
|
|
606
468
|
}), children);
|
|
607
469
|
};
|
|
608
470
|
// src/components/Input.tsx
|
|
609
|
-
var
|
|
610
|
-
var
|
|
471
|
+
var import_react9 = require("@chakra-ui/react");
|
|
472
|
+
var import_react10 = __toESM(require("react"));
|
|
611
473
|
// src/components/VisuallyHidden.tsx
|
|
612
|
-
var
|
|
613
|
-
var
|
|
474
|
+
var import_react7 = __toESM(require("react"));
|
|
475
|
+
var import_react8 = require("@chakra-ui/react");
|
|
614
476
|
function VisuallyHidden(_param) {
|
|
615
477
|
var children = _param.children, rest = _object_without_properties(_param, [
|
|
616
478
|
"children"
|
|
617
479
|
]);
|
|
618
|
-
var
|
|
619
|
-
(0,
|
|
480
|
+
var _import_react7_default_useState = _sliced_to_array(import_react7.default.useState(false), 2), forceShow = _import_react7_default_useState[0], setForceShow = _import_react7_default_useState[1];
|
|
481
|
+
(0, import_react7.useEffect)(function() {
|
|
620
482
|
if (isDevelopment()) {
|
|
621
483
|
var handleKeyDown = function(ev) {
|
|
622
484
|
if (ev.key === "Alt") {
|
|
@@ -636,12 +498,12 @@ function VisuallyHidden(_param) {
|
|
|
636
498
|
};
|
|
637
499
|
}
|
|
638
500
|
}, []);
|
|
639
|
-
return forceShow ? /* @__PURE__ */
|
|
501
|
+
return forceShow ? /* @__PURE__ */ import_react7.default.createElement("span", null, children) : /* @__PURE__ */ import_react7.default.createElement(import_react8.VisuallyHidden, {
|
|
640
502
|
position: "fixed"
|
|
641
503
|
}, children);
|
|
642
504
|
}
|
|
643
505
|
// src/components/Input.tsx
|
|
644
|
-
var Input = (0,
|
|
506
|
+
var Input = (0, import_react10.forwardRef)(function(props, ref) {
|
|
645
507
|
var labelProps = props.labelProps, label = props.label, helperText = props.helperText, errorMessage = props.errorMessage, hideLabel = props.hideLabel, inputProps = _object_without_properties(props, [
|
|
646
508
|
"labelProps",
|
|
647
509
|
"label",
|
|
@@ -649,20 +511,24 @@ var Input = (0, import_react95.forwardRef)(function(props, ref) {
|
|
|
649
511
|
"errorMessage",
|
|
650
512
|
"hideLabel"
|
|
651
513
|
]);
|
|
652
|
-
return /* @__PURE__ */
|
|
514
|
+
return /* @__PURE__ */ import_react10.default.createElement(import_react9.FormControl, {
|
|
653
515
|
isInvalid: !!errorMessage
|
|
654
|
-
}, /* @__PURE__ */
|
|
655
|
-
|
|
656
|
-
|
|
516
|
+
}, /* @__PURE__ */ import_react10.default.createElement(import_react9.FormLabel, _object_spread({}, labelProps), hideLabel ? /* @__PURE__ */ import_react10.default.createElement(VisuallyHidden, null, label) : label), helperText && /* @__PURE__ */ import_react10.default.createElement(import_react9.FormHelperText, {
|
|
517
|
+
marginTop: "-0.25em",
|
|
518
|
+
marginBottom: "0.25em"
|
|
519
|
+
}, helperText), /* @__PURE__ */ import_react10.default.createElement(import_react9.Input, _object_spread({
|
|
657
520
|
ref: ref
|
|
658
|
-
}, inputProps)), errorMessage && /* @__PURE__ */
|
|
521
|
+
}, inputProps)), errorMessage && /* @__PURE__ */ import_react10.default.createElement(import_react9.FormErrorMessage, {
|
|
522
|
+
color: colors.statusRed,
|
|
523
|
+
fontWeight: 600
|
|
524
|
+
}, errorMessage));
|
|
659
525
|
});
|
|
660
526
|
// src/components/Link.tsx
|
|
661
|
-
var
|
|
662
|
-
var Link =
|
|
527
|
+
var import_react11 = require("@chakra-ui/react");
|
|
528
|
+
var Link = import_react11.Link;
|
|
663
529
|
// src/BiblioteksentralenProvider.tsx
|
|
664
|
-
var
|
|
665
|
-
var
|
|
530
|
+
var import_react14 = require("@chakra-ui/react");
|
|
531
|
+
var import_react15 = __toESM(require("react"));
|
|
666
532
|
// src/styles/chakraTheme/ButtonStyles.ts
|
|
667
533
|
var variants = {
|
|
668
534
|
primary: {
|
|
@@ -713,9 +579,9 @@ var ButtonStyles = {
|
|
|
713
579
|
}
|
|
714
580
|
};
|
|
715
581
|
// src/styles/chakraTheme/CheckboxStyles.ts
|
|
716
|
-
var
|
|
582
|
+
var import_react12 = require("@chakra-ui/react");
|
|
717
583
|
var import_anatomy = require("@chakra-ui/anatomy");
|
|
718
|
-
var _ref = (0,
|
|
584
|
+
var _ref = (0, import_react12.createMultiStyleConfigHelpers)(import_anatomy.checkboxAnatomy.keys), definePartsStyle = _ref.definePartsStyle, defineMultiStyleConfigWithTypeIssue = _ref.defineMultiStyleConfig;
|
|
719
585
|
var defineMultiStyleConfig = defineMultiStyleConfigWithTypeIssue;
|
|
720
586
|
var baseStyle = definePartsStyle({
|
|
721
587
|
control: {
|
|
@@ -815,9 +681,9 @@ var ModalStyles = {
|
|
|
815
681
|
}
|
|
816
682
|
};
|
|
817
683
|
// src/styles/chakraTheme/SpinnerStyles.ts
|
|
818
|
-
var
|
|
684
|
+
var import_react13 = require("@chakra-ui/react");
|
|
819
685
|
var SpinnerStyles = {};
|
|
820
|
-
|
|
686
|
+
import_react13.Spinner.defaultProps = _object_spread_props(_object_spread({}, import_react13.Spinner.defaultProps), {
|
|
821
687
|
speed: ".8s",
|
|
822
688
|
color: colors.accentBlueMedium,
|
|
823
689
|
emptyColor: "rgba(0,0,0,.2)",
|
|
@@ -867,15 +733,15 @@ var biblioteksentralenChakraTheme = {
|
|
|
867
733
|
var emptyTheme = {};
|
|
868
734
|
var BiblioteksentralenProvider = function(props) /* @__PURE__ */ {
|
|
869
735
|
var _props_customTheme;
|
|
870
|
-
return
|
|
871
|
-
theme: (0,
|
|
736
|
+
return import_react15.default.createElement(import_react14.ChakraProvider, {
|
|
737
|
+
theme: (0, import_react14.extendTheme)(biblioteksentralenChakraTheme, (_props_customTheme = props.customTheme) !== null && _props_customTheme !== void 0 ? _props_customTheme : emptyTheme)
|
|
872
738
|
}, props.children);
|
|
873
739
|
};
|
|
874
740
|
// src/components/ErrorBoundary.tsx
|
|
875
|
-
var
|
|
876
|
-
var
|
|
741
|
+
var import_react16 = require("@chakra-ui/react");
|
|
742
|
+
var import_react17 = __toESM(require("react"));
|
|
877
743
|
var StyledPre = function(props) {
|
|
878
|
-
return /* @__PURE__ */
|
|
744
|
+
return /* @__PURE__ */ import_react17.default.createElement(import_react16.Box, _object_spread({
|
|
879
745
|
as: "pre",
|
|
880
746
|
paddingTop: "0.5rem",
|
|
881
747
|
wordBreak: "break-all",
|
|
@@ -883,8 +749,8 @@ var StyledPre = function(props) {
|
|
|
883
749
|
fontSize: "0.8rem"
|
|
884
750
|
}, props));
|
|
885
751
|
};
|
|
886
|
-
var ErrorBoundary = /*#__PURE__*/ function(
|
|
887
|
-
_inherits(ErrorBoundary,
|
|
752
|
+
var ErrorBoundary = /*#__PURE__*/ function(_import_react17_default_Component) {
|
|
753
|
+
_inherits(ErrorBoundary, _import_react17_default_Component);
|
|
888
754
|
var _super = _create_super(ErrorBoundary);
|
|
889
755
|
function ErrorBoundary(props) {
|
|
890
756
|
_class_call_check(this, ErrorBoundary);
|
|
@@ -918,9 +784,9 @@ var ErrorBoundary = /*#__PURE__*/ function(_import_react102_default_Component) {
|
|
|
918
784
|
var stackTrace = (_this_state_errorInfo = this.state.errorInfo) === null || _this_state_errorInfo === void 0 ? void 0 : _this_state_errorInfo.componentStack;
|
|
919
785
|
var errormsg = (_this_state_error = this.state.error) === null || _this_state_error === void 0 ? void 0 : _this_state_error.message;
|
|
920
786
|
var info = this.props.boundaryName;
|
|
921
|
-
return /* @__PURE__ */
|
|
787
|
+
return /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement(Alert, {
|
|
922
788
|
status: "error"
|
|
923
|
-
}, /* @__PURE__ */
|
|
789
|
+
}, /* @__PURE__ */ import_react17.default.createElement("p", null, "Beklager, det skjedde en teknisk feil."), isDevelopment() && (stackTrace || errormsg) && /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement(StyledPre, null, errormsg || ""), /* @__PURE__ */ import_react17.default.createElement(StyledPre, null, info || ""), /* @__PURE__ */ import_react17.default.createElement(StyledPre, null, stackTrace || ""))));
|
|
924
790
|
}
|
|
925
791
|
return this.props.children;
|
|
926
792
|
}
|
|
@@ -936,10 +802,10 @@ var ErrorBoundary = /*#__PURE__*/ function(_import_react102_default_Component) {
|
|
|
936
802
|
}
|
|
937
803
|
]);
|
|
938
804
|
return ErrorBoundary;
|
|
939
|
-
}(
|
|
805
|
+
}(import_react17.default.Component);
|
|
940
806
|
// src/components/HashLinkTarget.tsx
|
|
941
|
-
var
|
|
942
|
-
var
|
|
807
|
+
var import_react18 = require("@chakra-ui/react");
|
|
808
|
+
var import_react19 = __toESM(require("react"));
|
|
943
809
|
var focusOnRelativeParentStyle = {
|
|
944
810
|
"&:focus-within": {
|
|
945
811
|
position: "static",
|
|
@@ -958,10 +824,10 @@ var focusOnRelativeParentStyle = {
|
|
|
958
824
|
}
|
|
959
825
|
};
|
|
960
826
|
function HashLinkTarget(props) {
|
|
961
|
-
return /* @__PURE__ */
|
|
827
|
+
return /* @__PURE__ */ import_react19.default.createElement(import_react18.Box, {
|
|
962
828
|
position: "relative",
|
|
963
829
|
sx: props.focusOnParent ? focusOnRelativeParentStyle : void 0
|
|
964
|
-
}, /* @__PURE__ */
|
|
830
|
+
}, /* @__PURE__ */ import_react19.default.createElement(import_react18.Box, {
|
|
965
831
|
id: props.id,
|
|
966
832
|
tabIndex: props.focusOnParent ? -1 : void 0,
|
|
967
833
|
position: "absolute",
|
|
@@ -972,12 +838,12 @@ function HashLinkTarget(props) {
|
|
|
972
838
|
}));
|
|
973
839
|
}
|
|
974
840
|
// src/components/withErrorBoundary.tsx
|
|
975
|
-
var
|
|
841
|
+
var import_react20 = __toESM(require("react"));
|
|
976
842
|
var withErrorBoundary = function(Component, boundaryName) {
|
|
977
|
-
return
|
|
978
|
-
return /* @__PURE__ */
|
|
843
|
+
return import_react20.default.forwardRef(function(props, ref) {
|
|
844
|
+
return /* @__PURE__ */ import_react20.default.createElement(ErrorBoundary, {
|
|
979
845
|
boundaryName: boundaryName
|
|
980
|
-
}, /* @__PURE__ */
|
|
846
|
+
}, /* @__PURE__ */ import_react20.default.createElement(Component, _object_spread_props(_object_spread({}, props), {
|
|
981
847
|
ref: ref
|
|
982
848
|
})));
|
|
983
849
|
});
|