@biblioteksentralen/react 1.0.1 → 2.0.1

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 +72 -205
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +35 -139
  4. package/dist/index.mjs.map +1 -1
  5. 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
- alertRed: "#f8efef",
492
- alertYellow: "#fff6e4",
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 import_react86 = require("@chakra-ui/react");
510
- 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");
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.alertYellow,
375
+ bg: colors.statusYellowLight,
518
376
  color: colors.statusYellow
519
377
  },
520
378
  success: {
521
- bg: "green.100",
522
- color: "green.600"
379
+ bg: colors.statusGreenLight,
380
+ color: colors.statusGreen
523
381
  },
524
382
  error: {
525
- bg: colors.alertRed,
383
+ bg: colors.statusRedLight,
526
384
  color: colors.statusRed
527
385
  }
528
386
  };
529
387
  var iconLookup = {
530
- info: /* @__PURE__ */ import_react87.default.createElement(InformationIcon, {
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__ */ import_react87.default.createElement(BsExclamationCircle, {
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__ */ import_react87.default.createElement(BsCheckCircle, {
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__ */ import_react87.default.createElement(BsXCircle, {
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__ */ import_react87.default.createElement(import_react86.Flex, _object_spread({
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.5rem 1rem",
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__ */ import_react87.default.createElement(import_react86.Box, {
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__ */ import_react87.default.createElement(import_react86.Box, {
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 import_react88 = require("@chakra-ui/react");
585
- var Button = import_react88.Button;
446
+ var import_react3 = require("@chakra-ui/react");
447
+ var Button = import_react3.Button;
586
448
  // src/components/ConditionalWrapper.tsx
587
- var import_react89 = __toESM(require("react"));
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__ */ 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);
591
453
  };
592
454
  // src/components/HideWithCSS.tsx
593
- var import_react90 = require("@chakra-ui/react");
594
- var import_react91 = __toESM(require("react"));
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__ */ 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), {
605
467
  display: display
606
468
  }), children);
607
469
  };
608
470
  // src/components/Input.tsx
609
- var import_react94 = require("@chakra-ui/react");
610
- var import_react95 = __toESM(require("react"));
471
+ var import_react9 = require("@chakra-ui/react");
472
+ var import_react10 = __toESM(require("react"));
611
473
  // src/components/VisuallyHidden.tsx
612
- var import_react92 = __toESM(require("react"));
613
- var import_react93 = require("@chakra-ui/react");
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 _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];
619
- (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() {
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__ */ 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, {
640
502
  position: "fixed"
641
503
  }, children);
642
504
  }
643
505
  // src/components/Input.tsx
644
- var Input = (0, import_react95.forwardRef)(function(props, ref) {
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,25 @@ var Input = (0, import_react95.forwardRef)(function(props, ref) {
649
511
  "errorMessage",
650
512
  "hideLabel"
651
513
  ]);
652
- return /* @__PURE__ */ import_react95.default.createElement(import_react94.FormControl, {
514
+ var formLabel = /* @__PURE__ */ import_react10.default.createElement(import_react9.FormLabel, _object_spread({}, labelProps), label);
515
+ return /* @__PURE__ */ import_react10.default.createElement(import_react9.FormControl, {
653
516
  isInvalid: !!errorMessage
654
- }, /* @__PURE__ */ import_react95.default.createElement(import_react94.FormLabel, _object_spread({
655
- marginBottom: ".25em"
656
- }, labelProps), hideLabel ? /* @__PURE__ */ import_react95.default.createElement(VisuallyHidden, null, label) : label), /* @__PURE__ */ import_react95.default.createElement(import_react94.Input, _object_spread({
517
+ }, hideLabel ? /* @__PURE__ */ import_react10.default.createElement(VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ import_react10.default.createElement(import_react9.FormHelperText, {
518
+ marginTop: "-0.25em",
519
+ marginBottom: "0.25em"
520
+ }, helperText), /* @__PURE__ */ import_react10.default.createElement(import_react9.Input, _object_spread({
657
521
  ref: ref
658
- }, inputProps)), errorMessage && /* @__PURE__ */ import_react95.default.createElement(import_react94.FormErrorMessage, null, errorMessage), helperText && /* @__PURE__ */ import_react95.default.createElement(import_react94.FormHelperText, null, helperText));
522
+ }, inputProps)), errorMessage && /* @__PURE__ */ import_react10.default.createElement(import_react9.FormErrorMessage, {
523
+ color: colors.statusRed,
524
+ fontWeight: 600
525
+ }, errorMessage));
659
526
  });
660
527
  // src/components/Link.tsx
661
- var import_react96 = require("@chakra-ui/react");
662
- var Link = import_react96.Link;
528
+ var import_react11 = require("@chakra-ui/react");
529
+ var Link = import_react11.Link;
663
530
  // src/BiblioteksentralenProvider.tsx
664
- var import_react99 = require("@chakra-ui/react");
665
- var import_react100 = __toESM(require("react"));
531
+ var import_react14 = require("@chakra-ui/react");
532
+ var import_react15 = __toESM(require("react"));
666
533
  // src/styles/chakraTheme/ButtonStyles.ts
667
534
  var variants = {
668
535
  primary: {
@@ -713,9 +580,9 @@ var ButtonStyles = {
713
580
  }
714
581
  };
715
582
  // src/styles/chakraTheme/CheckboxStyles.ts
716
- var import_react97 = require("@chakra-ui/react");
583
+ var import_react12 = require("@chakra-ui/react");
717
584
  var import_anatomy = require("@chakra-ui/anatomy");
718
- var _ref = (0, import_react97.createMultiStyleConfigHelpers)(import_anatomy.checkboxAnatomy.keys), definePartsStyle = _ref.definePartsStyle, defineMultiStyleConfigWithTypeIssue = _ref.defineMultiStyleConfig;
585
+ var _ref = (0, import_react12.createMultiStyleConfigHelpers)(import_anatomy.checkboxAnatomy.keys), definePartsStyle = _ref.definePartsStyle, defineMultiStyleConfigWithTypeIssue = _ref.defineMultiStyleConfig;
719
586
  var defineMultiStyleConfig = defineMultiStyleConfigWithTypeIssue;
720
587
  var baseStyle = definePartsStyle({
721
588
  control: {
@@ -815,9 +682,9 @@ var ModalStyles = {
815
682
  }
816
683
  };
817
684
  // src/styles/chakraTheme/SpinnerStyles.ts
818
- var import_react98 = require("@chakra-ui/react");
685
+ var import_react13 = require("@chakra-ui/react");
819
686
  var SpinnerStyles = {};
820
- import_react98.Spinner.defaultProps = _object_spread_props(_object_spread({}, import_react98.Spinner.defaultProps), {
687
+ import_react13.Spinner.defaultProps = _object_spread_props(_object_spread({}, import_react13.Spinner.defaultProps), {
821
688
  speed: ".8s",
822
689
  color: colors.accentBlueMedium,
823
690
  emptyColor: "rgba(0,0,0,.2)",
@@ -867,15 +734,15 @@ var biblioteksentralenChakraTheme = {
867
734
  var emptyTheme = {};
868
735
  var BiblioteksentralenProvider = function(props) /* @__PURE__ */ {
869
736
  var _props_customTheme;
870
- return import_react100.default.createElement(import_react99.ChakraProvider, {
871
- theme: (0, import_react99.extendTheme)(biblioteksentralenChakraTheme, (_props_customTheme = props.customTheme) !== null && _props_customTheme !== void 0 ? _props_customTheme : emptyTheme)
737
+ return import_react15.default.createElement(import_react14.ChakraProvider, {
738
+ theme: (0, import_react14.extendTheme)(biblioteksentralenChakraTheme, (_props_customTheme = props.customTheme) !== null && _props_customTheme !== void 0 ? _props_customTheme : emptyTheme)
872
739
  }, props.children);
873
740
  };
874
741
  // src/components/ErrorBoundary.tsx
875
- var import_react101 = require("@chakra-ui/react");
876
- var import_react102 = __toESM(require("react"));
742
+ var import_react16 = require("@chakra-ui/react");
743
+ var import_react17 = __toESM(require("react"));
877
744
  var StyledPre = function(props) {
878
- return /* @__PURE__ */ import_react102.default.createElement(import_react101.Box, _object_spread({
745
+ return /* @__PURE__ */ import_react17.default.createElement(import_react16.Box, _object_spread({
879
746
  as: "pre",
880
747
  paddingTop: "0.5rem",
881
748
  wordBreak: "break-all",
@@ -883,8 +750,8 @@ var StyledPre = function(props) {
883
750
  fontSize: "0.8rem"
884
751
  }, props));
885
752
  };
886
- var ErrorBoundary = /*#__PURE__*/ function(_import_react102_default_Component) {
887
- _inherits(ErrorBoundary, _import_react102_default_Component);
753
+ var ErrorBoundary = /*#__PURE__*/ function(_import_react17_default_Component) {
754
+ _inherits(ErrorBoundary, _import_react17_default_Component);
888
755
  var _super = _create_super(ErrorBoundary);
889
756
  function ErrorBoundary(props) {
890
757
  _class_call_check(this, ErrorBoundary);
@@ -918,9 +785,9 @@ var ErrorBoundary = /*#__PURE__*/ function(_import_react102_default_Component) {
918
785
  var stackTrace = (_this_state_errorInfo = this.state.errorInfo) === null || _this_state_errorInfo === void 0 ? void 0 : _this_state_errorInfo.componentStack;
919
786
  var errormsg = (_this_state_error = this.state.error) === null || _this_state_error === void 0 ? void 0 : _this_state_error.message;
920
787
  var info = this.props.boundaryName;
921
- return /* @__PURE__ */ import_react102.default.createElement("div", null, /* @__PURE__ */ import_react102.default.createElement(Alert, {
788
+ return /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement(Alert, {
922
789
  status: "error"
923
- }, /* @__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 || ""))));
790
+ }, /* @__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
791
  }
925
792
  return this.props.children;
926
793
  }
@@ -936,10 +803,10 @@ var ErrorBoundary = /*#__PURE__*/ function(_import_react102_default_Component) {
936
803
  }
937
804
  ]);
938
805
  return ErrorBoundary;
939
- }(import_react102.default.Component);
806
+ }(import_react17.default.Component);
940
807
  // src/components/HashLinkTarget.tsx
941
- var import_react103 = require("@chakra-ui/react");
942
- var import_react104 = __toESM(require("react"));
808
+ var import_react18 = require("@chakra-ui/react");
809
+ var import_react19 = __toESM(require("react"));
943
810
  var focusOnRelativeParentStyle = {
944
811
  "&:focus-within": {
945
812
  position: "static",
@@ -958,10 +825,10 @@ var focusOnRelativeParentStyle = {
958
825
  }
959
826
  };
960
827
  function HashLinkTarget(props) {
961
- return /* @__PURE__ */ import_react104.default.createElement(import_react103.Box, {
828
+ return /* @__PURE__ */ import_react19.default.createElement(import_react18.Box, {
962
829
  position: "relative",
963
830
  sx: props.focusOnParent ? focusOnRelativeParentStyle : void 0
964
- }, /* @__PURE__ */ import_react104.default.createElement(import_react103.Box, {
831
+ }, /* @__PURE__ */ import_react19.default.createElement(import_react18.Box, {
965
832
  id: props.id,
966
833
  tabIndex: props.focusOnParent ? -1 : void 0,
967
834
  position: "absolute",
@@ -972,12 +839,12 @@ function HashLinkTarget(props) {
972
839
  }));
973
840
  }
974
841
  // src/components/withErrorBoundary.tsx
975
- var import_react105 = __toESM(require("react"));
842
+ var import_react20 = __toESM(require("react"));
976
843
  var withErrorBoundary = function(Component, boundaryName) {
977
- return import_react105.default.forwardRef(function(props, ref) {
978
- return /* @__PURE__ */ import_react105.default.createElement(ErrorBoundary, {
844
+ return import_react20.default.forwardRef(function(props, ref) {
845
+ return /* @__PURE__ */ import_react20.default.createElement(ErrorBoundary, {
979
846
  boundaryName: boundaryName
980
- }, /* @__PURE__ */ import_react105.default.createElement(Component, _object_spread_props(_object_spread({}, props), {
847
+ }, /* @__PURE__ */ import_react20.default.createElement(Component, _object_spread_props(_object_spread({}, props), {
981
848
  ref: ref
982
849
  })));
983
850
  });