@biblioteksentralen/react 1.0.0 → 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.
Files changed (5) hide show
  1. package/dist/index.js +73 -206
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +36 -140
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +4 -3
package/dist/index.js CHANGED
@@ -315,151 +315,9 @@ __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 import_react48 = __toESM(require("react"), 1);
373
- var import_react49 = __toESM(require("react"), 1);
374
- var import_react50 = __toESM(require("react"), 1);
375
- var import_react51 = __toESM(require("react"), 1);
376
- var import_react52 = __toESM(require("react"), 1);
377
- var import_react53 = __toESM(require("react"), 1);
378
- var import_react54 = __toESM(require("react"), 1);
379
- var import_react55 = __toESM(require("react"), 1);
380
- var import_react56 = __toESM(require("react"), 1);
381
- var import_react57 = __toESM(require("react"), 1);
382
- var import_react58 = __toESM(require("react"), 1);
383
- var import_react59 = __toESM(require("react"), 1);
384
- var import_react60 = __toESM(require("react"), 1);
385
- var import_react61 = __toESM(require("react"), 1);
386
- var import_react62 = __toESM(require("react"), 1);
387
- var React69 = __toESM(require("react"), 1);
388
- var import_react63 = __toESM(require("react"), 1);
389
- var import_react64 = __toESM(require("react"), 1);
390
- var import_react65 = __toESM(require("react"), 1);
391
- var import_react66 = __toESM(require("react"), 1);
392
- var import_react67 = __toESM(require("react"), 1);
393
- var import_react68 = __toESM(require("react"), 1);
394
- var import_react69 = __toESM(require("react"), 1);
395
- var import_react70 = __toESM(require("react"), 1);
396
- var import_react71 = __toESM(require("react"), 1);
397
- var import_react72 = __toESM(require("react"), 1);
398
- var React80 = __toESM(require("react"), 1);
399
- var import_react73 = __toESM(require("react"), 1);
400
- var import_react74 = __toESM(require("react"), 1);
401
- var import_react75 = __toESM(require("react"), 1);
402
- var import_react76 = __toESM(require("react"), 1);
403
- var import_react77 = __toESM(require("react"), 1);
404
- var import_react78 = __toESM(require("react"), 1);
405
- var import_react79 = __toESM(require("react"), 1);
406
- var import_react80 = __toESM(require("react"), 1);
407
- var import_react81 = __toESM(require("react"), 1);
408
- var import_react82 = __toESM(require("react"), 1);
409
- var import_react83 = __toESM(require("react"), 1);
410
- var import_react84 = __toESM(require("react"), 1);
411
- var import_react85 = __toESM(require("react"), 1);
412
- var BsCheckCircle = function(props) {
413
- return /* @__PURE__ */ import_react12.default.createElement("svg", _object_spread({
414
- fill: "currentColor",
415
- viewBox: "0 0 16 16",
416
- height: "1em",
417
- width: "1em"
418
- }, props), /* @__PURE__ */ import_react12.default.createElement("path", {
419
- 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"
420
- }), /* @__PURE__ */ import_react12.default.createElement("path", {
421
- 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"
422
- }));
423
- };
424
- var BsExclamationCircle = function(props) {
425
- return /* @__PURE__ */ import_react17.default.createElement("svg", _object_spread({
426
- fill: "currentColor",
427
- viewBox: "0 0 16 16",
428
- height: "1em",
429
- width: "1em"
430
- }, props), /* @__PURE__ */ import_react17.default.createElement("path", {
431
- 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"
432
- }), /* @__PURE__ */ import_react17.default.createElement("path", {
433
- 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"
434
- }));
435
- };
436
- var BsXCircle = function(props) {
437
- return /* @__PURE__ */ import_react27.default.createElement("svg", _object_spread({
438
- fill: "currentColor",
439
- viewBox: "0 0 16 16",
440
- height: "1em",
441
- width: "1em"
442
- }, props), /* @__PURE__ */ import_react27.default.createElement("path", {
443
- 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"
444
- }), /* @__PURE__ */ import_react27.default.createElement("path", {
445
- 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"
446
- }));
447
- };
448
- var InformationIcon = function(props) {
449
- return /* @__PURE__ */ React69.createElement("svg", _object_spread_props(_object_spread({
450
- xmlns: "http://www.w3.org/2000/svg",
451
- width: "1em",
452
- height: "1em"
453
- }, props), {
454
- viewBox: "2 2 20 20"
455
- }), /* @__PURE__ */ React69.createElement("path", {
456
- 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",
457
- fill: "currentColor"
458
- }));
459
- };
460
318
  // ../utils/dist/index.mjs
461
- var import_date_fns = require("date-fns");
462
- var import_locale = require("date-fns/locale");
319
+ var import_format = require("date-fns/format");
320
+ var import_nb = require("date-fns/locale/nb");
463
321
  var colors = {
464
322
  black: "#000000",
465
323
  grey90: "#181818",
@@ -487,8 +345,8 @@ var colors = {
487
345
  statusYellow: "#bc5600",
488
346
  statusGreen: "#24845b",
489
347
  statusGreenLight: "#edf4f1",
490
- alertRed: "#f8efef",
491
- alertYellow: "#fff6e4",
348
+ statusRedLight: "#f8efef",
349
+ statusYellowLight: "#fff6e4",
492
350
  neptune: {
493
351
  "100": "#CFE6E8",
494
352
  "200": "#9FCDD2",
@@ -505,40 +363,45 @@ function isDevelopment() {
505
363
  return process.env.NODE_ENV === "development";
506
364
  }
507
365
  // src/components/Alert.tsx
508
- var import_react86 = require("@chakra-ui/react");
509
- var import_react87 = __toESM(require("react"));
366
+ var import_react = require("@chakra-ui/react");
367
+ var import_react2 = __toESM(require("react"));
368
+ var import_react_feather = require("react-feather");
510
369
  var colorLookup = {
511
370
  info: {
512
371
  bg: colors.lightBlue,
513
372
  color: colors.accentBlueMedium
514
373
  },
515
374
  warning: {
516
- bg: colors.alertYellow,
375
+ bg: colors.statusYellowLight,
517
376
  color: colors.statusYellow
518
377
  },
519
378
  success: {
520
- bg: "green.100",
521
- color: "green.600"
379
+ bg: colors.statusGreenLight,
380
+ color: colors.statusGreen
522
381
  },
523
382
  error: {
524
- bg: colors.alertRed,
383
+ bg: colors.statusRedLight,
525
384
  color: colors.statusRed
526
385
  }
527
386
  };
528
387
  var iconLookup = {
529
- info: /* @__PURE__ */ import_react87.default.createElement(InformationIcon, {
388
+ info: /* @__PURE__ */ import_react2.default.createElement(import_react_feather.Info, {
389
+ strokeWidth: 1.75,
530
390
  role: "img",
531
391
  "aria-label": "Informasjon"
532
392
  }),
533
- warning: /* @__PURE__ */ import_react87.default.createElement(BsExclamationCircle, {
393
+ warning: /* @__PURE__ */ import_react2.default.createElement(import_react_feather.AlertCircle, {
394
+ strokeWidth: 1.75,
534
395
  role: "img",
535
396
  "aria-label": "Advarsel"
536
397
  }),
537
- success: /* @__PURE__ */ import_react87.default.createElement(BsCheckCircle, {
398
+ success: /* @__PURE__ */ import_react2.default.createElement(import_react_feather.CheckCircle, {
399
+ strokeWidth: 1.75,
538
400
  role: "img",
539
401
  "aria-label": "Suksess"
540
402
  }),
541
- error: /* @__PURE__ */ import_react87.default.createElement(BsXCircle, {
403
+ error: /* @__PURE__ */ import_react2.default.createElement(import_react_feather.XCircle, {
404
+ strokeWidth: 1.75,
542
405
  role: "img",
543
406
  "aria-label": "Feil"
544
407
  })
@@ -557,40 +420,40 @@ function Alert(_param) {
557
420
  "variant"
558
421
  ]);
559
422
  var colors2 = colorLookup[status];
560
- return /* @__PURE__ */ import_react87.default.createElement(import_react86.Flex, _object_spread({
423
+ return /* @__PURE__ */ import_react2.default.createElement(import_react.Flex, _object_spread({
561
424
  role: "alert",
562
425
  flexWrap: "wrap",
563
426
  alignItems: "center",
564
- gridGap: "0.5rem 1rem",
427
+ gridGap: "0.5em 0.6em",
565
428
  background: "white",
566
429
  border: "0.1rem solid",
567
430
  borderColor: colors2.color,
568
431
  backgroundColor: colors2.bg,
569
432
  padding: "0.75rem",
570
433
  borderRadius: "0.3rem"
571
- }, variant ? variantStyles[variant] : {}, rest), /* @__PURE__ */ import_react87.default.createElement(import_react86.Box, {
434
+ }, variant ? variantStyles[variant] : {}, rest), /* @__PURE__ */ import_react2.default.createElement(import_react.Box, {
572
435
  color: colors2.color,
573
436
  flex: "0 0",
574
437
  marginLeft: "auto",
575
438
  marginRight: "auto",
576
439
  lineHeight: "1",
577
440
  fontSize: "1.5em"
578
- }, iconLookup[status]), /* @__PURE__ */ import_react87.default.createElement(import_react86.Box, {
441
+ }, iconLookup[status]), /* @__PURE__ */ import_react2.default.createElement(import_react.Box, {
579
442
  flex: "1"
580
443
  }, children));
581
444
  }
582
445
  // src/components/Button.tsx
583
- var import_react88 = require("@chakra-ui/react");
584
- var Button = import_react88.Button;
446
+ var import_react3 = require("@chakra-ui/react");
447
+ var Button = import_react3.Button;
585
448
  // src/components/ConditionalWrapper.tsx
586
- var import_react89 = __toESM(require("react"));
449
+ var import_react4 = __toESM(require("react"));
587
450
  var ConditionalWrapper = function(param) {
588
451
  var condition = param.condition, children = param.children, Wrapper = param.wrapper;
589
- return condition ? /* @__PURE__ */ import_react89.default.createElement(Wrapper, null, children) : /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, children);
452
+ return condition ? /* @__PURE__ */ import_react4.default.createElement(Wrapper, null, children) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, children);
590
453
  };
591
454
  // src/components/HideWithCSS.tsx
592
- var import_react90 = require("@chakra-ui/react");
593
- var import_react91 = __toESM(require("react"));
455
+ var import_react5 = require("@chakra-ui/react");
456
+ var import_react6 = __toESM(require("react"));
594
457
  var HideWithCSS = function(_param) {
595
458
  var children = _param.children, above = _param.above, below = _param.below, chakraProps = _object_without_properties(_param, [
596
459
  "children",
@@ -600,22 +463,22 @@ var HideWithCSS = function(_param) {
600
463
  var display = _object_spread({}, !!below ? _define_property({
601
464
  base: "none"
602
465
  }, below, "block") : {}, !!above ? _define_property({}, above, "none") : {});
603
- return /* @__PURE__ */ import_react91.default.createElement(import_react90.Box, _object_spread_props(_object_spread({}, chakraProps), {
466
+ return /* @__PURE__ */ import_react6.default.createElement(import_react5.Box, _object_spread_props(_object_spread({}, chakraProps), {
604
467
  display: display
605
468
  }), children);
606
469
  };
607
470
  // src/components/Input.tsx
608
- var import_react94 = require("@chakra-ui/react");
609
- var import_react95 = __toESM(require("react"));
471
+ var import_react9 = require("@chakra-ui/react");
472
+ var import_react10 = __toESM(require("react"));
610
473
  // src/components/VisuallyHidden.tsx
611
- var import_react92 = __toESM(require("react"));
612
- var import_react93 = require("@chakra-ui/react");
474
+ var import_react7 = __toESM(require("react"));
475
+ var import_react8 = require("@chakra-ui/react");
613
476
  function VisuallyHidden(_param) {
614
477
  var children = _param.children, rest = _object_without_properties(_param, [
615
478
  "children"
616
479
  ]);
617
- var _import_react92_default_useState = _sliced_to_array(import_react92.default.useState(false), 2), forceShow = _import_react92_default_useState[0], setForceShow = _import_react92_default_useState[1];
618
- (0, import_react92.useEffect)(function() {
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() {
619
482
  if (isDevelopment()) {
620
483
  var handleKeyDown = function(ev) {
621
484
  if (ev.key === "Alt") {
@@ -635,12 +498,12 @@ function VisuallyHidden(_param) {
635
498
  };
636
499
  }
637
500
  }, []);
638
- return forceShow ? /* @__PURE__ */ import_react92.default.createElement("span", null, children) : /* @__PURE__ */ import_react92.default.createElement(import_react93.VisuallyHidden, {
501
+ return forceShow ? /* @__PURE__ */ import_react7.default.createElement("span", null, children) : /* @__PURE__ */ import_react7.default.createElement(import_react8.VisuallyHidden, {
639
502
  position: "fixed"
640
503
  }, children);
641
504
  }
642
505
  // src/components/Input.tsx
643
- var Input = (0, import_react95.forwardRef)(function(props, ref) {
506
+ var Input = (0, import_react10.forwardRef)(function(props, ref) {
644
507
  var labelProps = props.labelProps, label = props.label, helperText = props.helperText, errorMessage = props.errorMessage, hideLabel = props.hideLabel, inputProps = _object_without_properties(props, [
645
508
  "labelProps",
646
509
  "label",
@@ -648,20 +511,24 @@ var Input = (0, import_react95.forwardRef)(function(props, ref) {
648
511
  "errorMessage",
649
512
  "hideLabel"
650
513
  ]);
651
- return /* @__PURE__ */ import_react95.default.createElement(import_react94.FormControl, {
514
+ return /* @__PURE__ */ import_react10.default.createElement(import_react9.FormControl, {
652
515
  isInvalid: !!errorMessage
653
- }, /* @__PURE__ */ import_react95.default.createElement(import_react94.FormLabel, _object_spread({
654
- marginBottom: ".25em"
655
- }, labelProps), hideLabel ? /* @__PURE__ */ import_react95.default.createElement(VisuallyHidden, null, label) : label), /* @__PURE__ */ import_react95.default.createElement(import_react94.Input, _object_spread({
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({
656
520
  ref: ref
657
- }, inputProps)), errorMessage && /* @__PURE__ */ import_react95.default.createElement(import_react94.FormErrorMessage, null, errorMessage), helperText && /* @__PURE__ */ import_react95.default.createElement(import_react94.FormHelperText, null, helperText));
521
+ }, inputProps)), errorMessage && /* @__PURE__ */ import_react10.default.createElement(import_react9.FormErrorMessage, {
522
+ color: colors.statusRed,
523
+ fontWeight: 600
524
+ }, errorMessage));
658
525
  });
659
526
  // src/components/Link.tsx
660
- var import_react96 = require("@chakra-ui/react");
661
- var Link = import_react96.Link;
527
+ var import_react11 = require("@chakra-ui/react");
528
+ var Link = import_react11.Link;
662
529
  // src/BiblioteksentralenProvider.tsx
663
- var import_react99 = require("@chakra-ui/react");
664
- var import_react100 = __toESM(require("react"));
530
+ var import_react14 = require("@chakra-ui/react");
531
+ var import_react15 = __toESM(require("react"));
665
532
  // src/styles/chakraTheme/ButtonStyles.ts
666
533
  var variants = {
667
534
  primary: {
@@ -712,9 +579,9 @@ var ButtonStyles = {
712
579
  }
713
580
  };
714
581
  // src/styles/chakraTheme/CheckboxStyles.ts
715
- var import_react97 = require("@chakra-ui/react");
582
+ var import_react12 = require("@chakra-ui/react");
716
583
  var import_anatomy = require("@chakra-ui/anatomy");
717
- var _ref = (0, import_react97.createMultiStyleConfigHelpers)(import_anatomy.checkboxAnatomy.keys), definePartsStyle = _ref.definePartsStyle, defineMultiStyleConfigWithTypeIssue = _ref.defineMultiStyleConfig;
584
+ var _ref = (0, import_react12.createMultiStyleConfigHelpers)(import_anatomy.checkboxAnatomy.keys), definePartsStyle = _ref.definePartsStyle, defineMultiStyleConfigWithTypeIssue = _ref.defineMultiStyleConfig;
718
585
  var defineMultiStyleConfig = defineMultiStyleConfigWithTypeIssue;
719
586
  var baseStyle = definePartsStyle({
720
587
  control: {
@@ -814,9 +681,9 @@ var ModalStyles = {
814
681
  }
815
682
  };
816
683
  // src/styles/chakraTheme/SpinnerStyles.ts
817
- var import_react98 = require("@chakra-ui/react");
684
+ var import_react13 = require("@chakra-ui/react");
818
685
  var SpinnerStyles = {};
819
- import_react98.Spinner.defaultProps = _object_spread_props(_object_spread({}, import_react98.Spinner.defaultProps), {
686
+ import_react13.Spinner.defaultProps = _object_spread_props(_object_spread({}, import_react13.Spinner.defaultProps), {
820
687
  speed: ".8s",
821
688
  color: colors.accentBlueMedium,
822
689
  emptyColor: "rgba(0,0,0,.2)",
@@ -866,15 +733,15 @@ var biblioteksentralenChakraTheme = {
866
733
  var emptyTheme = {};
867
734
  var BiblioteksentralenProvider = function(props) /* @__PURE__ */ {
868
735
  var _props_customTheme;
869
- return import_react100.default.createElement(import_react99.ChakraProvider, {
870
- theme: (0, import_react99.extendTheme)(biblioteksentralenChakraTheme, (_props_customTheme = props.customTheme) !== null && _props_customTheme !== void 0 ? _props_customTheme : emptyTheme)
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)
871
738
  }, props.children);
872
739
  };
873
740
  // src/components/ErrorBoundary.tsx
874
- var import_react101 = require("@chakra-ui/react");
875
- var import_react102 = __toESM(require("react"));
741
+ var import_react16 = require("@chakra-ui/react");
742
+ var import_react17 = __toESM(require("react"));
876
743
  var StyledPre = function(props) {
877
- return /* @__PURE__ */ import_react102.default.createElement(import_react101.Box, _object_spread({
744
+ return /* @__PURE__ */ import_react17.default.createElement(import_react16.Box, _object_spread({
878
745
  as: "pre",
879
746
  paddingTop: "0.5rem",
880
747
  wordBreak: "break-all",
@@ -882,8 +749,8 @@ var StyledPre = function(props) {
882
749
  fontSize: "0.8rem"
883
750
  }, props));
884
751
  };
885
- var ErrorBoundary = /*#__PURE__*/ function(_import_react102_default_Component) {
886
- _inherits(ErrorBoundary, _import_react102_default_Component);
752
+ var ErrorBoundary = /*#__PURE__*/ function(_import_react17_default_Component) {
753
+ _inherits(ErrorBoundary, _import_react17_default_Component);
887
754
  var _super = _create_super(ErrorBoundary);
888
755
  function ErrorBoundary(props) {
889
756
  _class_call_check(this, ErrorBoundary);
@@ -917,9 +784,9 @@ var ErrorBoundary = /*#__PURE__*/ function(_import_react102_default_Component) {
917
784
  var stackTrace = (_this_state_errorInfo = this.state.errorInfo) === null || _this_state_errorInfo === void 0 ? void 0 : _this_state_errorInfo.componentStack;
918
785
  var errormsg = (_this_state_error = this.state.error) === null || _this_state_error === void 0 ? void 0 : _this_state_error.message;
919
786
  var info = this.props.boundaryName;
920
- return /* @__PURE__ */ import_react102.default.createElement("div", null, /* @__PURE__ */ import_react102.default.createElement(Alert, {
787
+ return /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement(Alert, {
921
788
  status: "error"
922
- }, /* @__PURE__ */ import_react102.default.createElement("p", null, "Beklager, det skjedde en teknisk feil."), isDevelopment() && (stackTrace || errormsg) && /* @__PURE__ */ import_react102.default.createElement("div", null, /* @__PURE__ */ import_react102.default.createElement(StyledPre, null, errormsg || ""), /* @__PURE__ */ import_react102.default.createElement(StyledPre, null, info || ""), /* @__PURE__ */ import_react102.default.createElement(StyledPre, null, stackTrace || ""))));
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 || ""))));
923
790
  }
924
791
  return this.props.children;
925
792
  }
@@ -935,10 +802,10 @@ var ErrorBoundary = /*#__PURE__*/ function(_import_react102_default_Component) {
935
802
  }
936
803
  ]);
937
804
  return ErrorBoundary;
938
- }(import_react102.default.Component);
805
+ }(import_react17.default.Component);
939
806
  // src/components/HashLinkTarget.tsx
940
- var import_react103 = require("@chakra-ui/react");
941
- var import_react104 = __toESM(require("react"));
807
+ var import_react18 = require("@chakra-ui/react");
808
+ var import_react19 = __toESM(require("react"));
942
809
  var focusOnRelativeParentStyle = {
943
810
  "&:focus-within": {
944
811
  position: "static",
@@ -957,10 +824,10 @@ var focusOnRelativeParentStyle = {
957
824
  }
958
825
  };
959
826
  function HashLinkTarget(props) {
960
- return /* @__PURE__ */ import_react104.default.createElement(import_react103.Box, {
827
+ return /* @__PURE__ */ import_react19.default.createElement(import_react18.Box, {
961
828
  position: "relative",
962
829
  sx: props.focusOnParent ? focusOnRelativeParentStyle : void 0
963
- }, /* @__PURE__ */ import_react104.default.createElement(import_react103.Box, {
830
+ }, /* @__PURE__ */ import_react19.default.createElement(import_react18.Box, {
964
831
  id: props.id,
965
832
  tabIndex: props.focusOnParent ? -1 : void 0,
966
833
  position: "absolute",
@@ -971,12 +838,12 @@ function HashLinkTarget(props) {
971
838
  }));
972
839
  }
973
840
  // src/components/withErrorBoundary.tsx
974
- var import_react105 = __toESM(require("react"));
841
+ var import_react20 = __toESM(require("react"));
975
842
  var withErrorBoundary = function(Component, boundaryName) {
976
- return import_react105.default.forwardRef(function(props, ref) {
977
- return /* @__PURE__ */ import_react105.default.createElement(ErrorBoundary, {
843
+ return import_react20.default.forwardRef(function(props, ref) {
844
+ return /* @__PURE__ */ import_react20.default.createElement(ErrorBoundary, {
978
845
  boundaryName: boundaryName
979
- }, /* @__PURE__ */ import_react105.default.createElement(Component, _object_spread_props(_object_spread({}, props), {
846
+ }, /* @__PURE__ */ import_react20.default.createElement(Component, _object_spread_props(_object_spread({}, props), {
980
847
  ref: ref
981
848
  })));
982
849
  });