@bbl-digital/snorre 4.2.97 → 4.2.99

package/dist/core/ImageViewer/index.js

@@ -1,106 +0,0 @@
-import { jsx as e, jsxs as d } from "../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { useTheme as h } from "@emotion/react";
-import { styles as r } from "./styles.js";
-import u from "../Image/index.js";
-import p from "../../node_modules/nuka-carousel/dist/index.js";
-import g from "../Text/index.js";
-import m from "../../icons/General/IconChevronLeft.js";
-import b from "../../icons/General/IconClose.js";
-import { useState as C, useEffect as v } from "react";
-import { Key as y } from "../../enums/Keyboard.js";
-import { VisuallyHidden as k } from "../../node_modules/@react-aria/visually-hidden/dist/VisuallyHidden.js";
-const K = ({ images: t, initialImage: f = 0, onClose: a }) => {
-  const i = h(), [s, c] = C(!1);
-  v(() => {
-    const o = (l) => {
-      l.key === y.escape && a();
-    };
-    return document.addEventListener("keydown", o), () => {
-      document.removeEventListener("keydown", o);
-    };
-  }, []);
-  const n = t.length > 1;
-  return /* @__PURE__ */ e("div", { css: r.overlay, children: /* @__PURE__ */ d(
-    "div",
-    {
-      css: r.carousel,
-      role: "dialog",
-      "aria-modal": !0,
-      "aria-labelledby": "carousel-heading",
-      children: [
-        /* @__PURE__ */ e(k, { id: "carousel-heading", children: "Bildevisning" }),
-        /* @__PURE__ */ e(
-          p,
-          {
-            enableKeyboardControls: !0,
-            swiping: n,
-            dragging: n,
-            wrapAround: !0,
-            slideIndex: f,
-            cellSpacing: 15,
-            onUserNavigation: () => c(!1),
-            renderTopRightControls: () => /* @__PURE__ */ e(
-              "button",
-              {
-                css: r.closeBtn,
-                onClick: a,
-                "aria-label": "Lukk bildevisning",
-                children: /* @__PURE__ */ e(b, { color: "white" })
-              }
-            ),
-            renderCenterRightControls: ({ nextSlide: o }) => n && /* @__PURE__ */ e(
-              "button",
-              {
-                css: r.controlBtn("right"),
-                onClick: o,
-                "aria-label": "Naviger til neste bilde",
-                children: /* @__PURE__ */ e(
-                  m,
-                  {
-                    size: 18,
-                    color: i.btnDefaultFontColor,
-                    flip: !0
-                  }
-                )
-              }
-            ),
-            renderCenterLeftControls: ({ previousSlide: o }) => n && /* @__PURE__ */ e(
-              "button",
-              {
-                css: r.controlBtn("left"),
-                onClick: o,
-                "aria-label": "Naviger til forrige bilde",
-                children: /* @__PURE__ */ e(m, { size: 18, color: i.btnDefaultFontColor })
-              }
-            ),
-            renderBottomCenterControls: ({ currentSlide: o }) => /* @__PURE__ */ e("div", { css: r.pageInfo, children: /* @__PURE__ */ d(
-              g,
-              {
-                color: i.btnDefaultFontColor,
-                size: "14px",
-                "aria-label": `Bilde ${o + 1} av ${t.length}`,
-                children: [
-                  o + 1,
-                  " / ",
-                  t.length
-                ]
-              }
-            ) }),
-            children: t.map((o, l) => /* @__PURE__ */ e("div", { css: [r.imageContainer(s)], children: /* @__PURE__ */ e(
-              u,
-              {
-                src: o,
-                alt: `Bilde ${l + 1} av ${t.length}`,
-                objectFit: "contain",
-                onClick: () => c(!s)
-              }
-            ) }, l))
-          }
-        )
-      ]
-    }
-  ) });
-};
-export {
-  K as default
-};

package/dist/core/ImageViewer/styles.d.ts

@@ -1,9 +0,0 @@
-import { Theme } from '@emotion/react';
-export declare const styles: {
-    overlay: import("@emotion/react").SerializedStyles;
-    carousel: import("@emotion/react").SerializedStyles;
-    imageContainer: (zoomed: boolean) => import("@emotion/react").SerializedStyles;
-    controlBtn: (direction: "left" | "right") => import("@emotion/react").SerializedStyles;
-    pageInfo: import("@emotion/react").SerializedStyles;
-    closeBtn: (theme: Theme) => import("@emotion/react").SerializedStyles;
-};

package/dist/core/ImageViewer/styles.js

@@ -1,91 +0,0 @@
-import { css as t } from "@emotion/react";
-const i = "rgba(0, 0, 0, 0.5)", r = {
-  overlay: t`
-    position: fixed;
-    -webkit-overflow-scrolling: touch;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1001;
-    padding: 1em;
-    background: rgba(0, 0, 0, 0.8);
-    overflow: auto;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  `,
-  carousel: t`
-    position: relative;
-    display: flex;
-    height: 100%;
-    width: 100%;
-
-    .slider-container {
-      height: 100%;
-      width: 100%;
-    }
-
-    .slider-frame {
-      height: 100% !important;
-    }
-
-    .slider-list {
-      height: 100%;
-    }
-
-    .slide {
-      height: 100% !important;
-    }
-  `,
-  imageContainer: (e) => t`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    height: 100%;
-
-    img {
-      max-width: 100%;
-      max-height: 100%;
-      width: fit-content;
-      height: fit-content;
-      min-width: 100px;
-      min-height: 100px;
-      cursor: zoom-in;
-      transition: min-width 50ms ease;
-      ${e && t`
-        min-width: 50vw;
-        min-height: 50vh;
-        cursor: zoom-out;
-      `}
-    }
-  `,
-  controlBtn: (e) => t`
-    background-color: ${i};
-    border: none;
-    border-radius: 50%;
-    padding: 0.75em;
-    cursor: pointer;
-    margin-left: ${e === "left" ? "3px" : "0"};
-    margin-right: ${e === "right" ? "3px" : "0"};
-  `,
-  pageInfo: t`
-    display: flex;
-    justify-content: center;
-    padding: 0.25em 1em;
-    border-radius: 5px;
-    background-color: ${i};
-  `,
-  closeBtn: (e) => t`
-    background-color: ${i};
-    border: none;
-    border-radius: ${e.mypageBoxBorderRadius};
-    padding: 0.75em;
-    cursor: pointer;
-  `
-};
-export {
-  r as styles
-};

package/dist/core/InfoButton/index.d.ts

@@ -1,22 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import React from 'react';
-interface IProps {
-    /** aria label for the button */
-    'aria-label'?: string;
-    /** Add a data-tracking-name attribute */
-    trackingName?: string;
-    /** Icon for the button */
-    icon?: React.ReactNode;
-    /** Where the tooltip will be placed relative to the button */
-    place?: 'top' | 'left' | 'right' | 'bottom';
-    /** Stops propagation */
-    stopPropagation?: boolean;
-    /** Width of tooltip, use values that can be used in calculations: (calc({width} - 1px)) */
-    width?: string;
-    /** Children */
-    children?: React.ReactNode;
-    /** Class names */
-    className?: string;
-}
-declare const InfoButton: React.FC<IProps>;
-export default InfoButton;

package/dist/core/InfoButton/index.js

@@ -1,63 +0,0 @@
-import { jsxs as v, jsx as i } from "../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { createRef as w, useState as x, useEffect as b } from "react";
-import { StyledButton as g, Tooltip as E, styles as t, Wrapper as T } from "./styles.js";
-import k from "../Text/index.js";
-import { AnimatePresence as C } from "../../node_modules/motion/dist/es/framer-motion/dist/es/components/AnimatePresence/index.js";
-const A = ({
-  trackingName: m,
-  icon: s,
-  place: e = "top",
-  children: a,
-  stopPropagation: f,
-  "aria-label": u,
-  width: l,
-  className: p
-}) => {
-  const r = w(), [o, c] = x(!1), h = (n) => {
-    f && n.stopPropagation(), c(!o);
-  };
-  return b(() => {
-    const n = (y) => {
-      const d = r.current;
-      d && d.contains(y.target) || c(!1);
-    };
-    return o ? document.addEventListener("mousedown", n) : document.removeEventListener("mousedown", n), () => {
-      document.removeEventListener("mousedown", n);
-    };
-  }, [o, r]), /* @__PURE__ */ v(T, { ref: r, className: p, children: [
-    /* @__PURE__ */ i(
-      g,
-      {
-        "aria-label": u,
-        trackingName: m,
-        nostyle: !0,
-        onClick: h,
-        children: s || ""
-      }
-    ),
-    /* @__PURE__ */ i(C, { children: o && /* @__PURE__ */ i(
-      E,
-      {
-        initial: { opacity: 0, scale: 0.9 },
-        animate: { opacity: 1, scale: 1 },
-        exit: { opacity: 0, scale: 0.9 },
-        transition: { duration: 0.1 },
-        role: "tooltip",
-        id: "info-tooltip",
-        "aria-hidden": !o,
-        css: () => [
-          t.default,
-          e === "top" && t.top,
-          e === "right" && t.right,
-          e === "bottom" && t.bottom,
-          e === "left" && t.left,
-          l && t.width(l, e)
-        ],
-        children: /* @__PURE__ */ i(k, { children: a || "" })
-      }
-    ) })
-  ] });
-};
-export {
-  A as default
-};

package/dist/core/InfoButton/styles.d.ts

@@ -1,56 +0,0 @@
-export declare const StyledButton: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<import("../private/ButtonOrLink").ButtonOrLinkTypes> & {
-    afterIcon?: React.ReactNode;
-    beforeIcon?: React.ReactNode;
-    children: NonNullable<React.ReactNode>;
-    disabled?: boolean;
-    href?: string;
-    loading?: boolean;
-    onClick?: (event: React.MouseEvent<import("../private/ButtonOrLink").ButtonOrLinkTypes>) => void;
-    onMouseUp?: (event: React.MouseEvent<import("../private/ButtonOrLink").ButtonOrLinkTypes>) => void;
-    onCustomKeyPress?: {
-        key: string;
-        action: (event: KeyboardEvent) => void;
-    };
-    onKeyPress?: (event: KeyboardEvent) => void;
-    onEnterKeyPress?: (event: KeyboardEvent) => void;
-    onEscapeKeyPress?: (event: KeyboardEvent) => void;
-    openInNewWindow?: boolean;
-    rel?: string;
-    trackingEvent?: string;
-    trackingName?: string;
-    type?: "button" | "submit" | "reset";
-    target?: string;
-    download?: any;
-    tabIndex?: number;
-} & {
-    success?: boolean;
-    danger?: boolean;
-    highlight?: boolean;
-    outline?: boolean;
-    nostyle?: boolean;
-    focusable?: boolean;
-    border?: string;
-    css?: import("@emotion/react").SerializedStyles;
-    loading?: boolean;
-    back?: boolean;
-    small?: boolean;
-    transparentBg?: boolean;
-    tabIndex?: number;
-} & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const styles: {
-    default: import("@emotion/react").SerializedStyles;
-    top: import("@emotion/react").SerializedStyles;
-    right: import("@emotion/react").SerializedStyles;
-    bottom: import("@emotion/react").SerializedStyles;
-    left: import("@emotion/react").SerializedStyles;
-    width: (width: string, place: string) => import("@emotion/react").SerializedStyles;
-};
-export declare const Tooltip: import("@emotion/styled").StyledComponent<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/core/InfoButton/styles.js

@@ -1,125 +0,0 @@
-import { css as a } from "@emotion/react";
-import r from "@emotion/styled";
-import t from "../../globals/styles/breakpoints.js";
-import n from "../Button/index.js";
-import { motion as i } from "../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
-const c = r(n)`
-  margin-left: 5px;
-
-  &:focus-visible {
-    outline: 1px dotted #212121;
-    outline: 5px auto -webkit-focus-ring-color;
-  }
-`, m = {
-  default: a`
-    text-align: left;
-    max-width: 300px;
-  `,
-  top: a`
-    bottom: calc(24px + 5px);
-    left: calc(-11vw + 9px);
-    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
-
-    @media screen and (max-width: ${t.small}) {
-      width: 50vw;
-      left: calc(-25vw + 9px);
-    }
-    @media screen and (max-width: ${t.large}) and (orientation: landscape) {
-      width: 50vw;
-    }
-
-    &::after {
-      top: 100%;
-      left: 50%;
-      margin-left: -5px;
-      border-color: white transparent transparent transparent;
-    }
-  `,
-  right: a`
-    top: 0;
-    left: 35px;
-    box-shadow: -1px 0px 4px 0px rgba(0, 0, 0, 0.2);
-
-    @media screen and (max-width: ${t.small}) {
-      width: 50vw;
-    }
-
-    @media screen and (max-width: ${t.large}) and (orientation: landscape) {
-      width: 50vw;
-    }
-
-    &::after {
-      top: 8px;
-      right: 100%;
-      margin-left: -5px;
-      border-color: transparent white transparent transparent;
-    }
-  `,
-  bottom: a`
-    top: calc(24px + 5px);
-    left: calc(-11vw + 9px);
-    box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
-
-    @media screen and (max-width: ${t.small}) {
-      width: 50vw;
-      left: calc(-25vw + 9px);
-    }
-    @media screen and (max-width: ${t.large}) and (orientation: landscape) {
-      width: 50vw;
-    }
-
-    &::after {
-      bottom: 100%;
-      left: 50%;
-      margin-left: -5px;
-      border-color: transparent transparent white transparent;
-    }
-  `,
-  left: a`
-    top: 0;
-    right: calc(24px + 3px);
-    box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.2);
-
-    @media screen and (max-width: ${t.small}) {
-      width: 50vw;
-    }
-    @media screen and (max-width: ${t.large}) and (orientation: landscape) {
-      width: 50vw;
-    }
-
-    &::after {
-      top: 8px;
-      left: 100%;
-      border-color: transparent transparent transparent white;
-    }
-  `,
-  width: (o, e) => a`
-    width: ${o} !important;
-    left: ${e === "top" || e === "bottom" ? `calc((-${o} / 2) + 9px) !important` : e === "right" ? "35px" : "initial"};
-  `
-}, w = r(i.div)`
-  position: absolute;
-  width: 22vw;
-  text-align: center;
-  padding: 0.5em;
-  border-radius: 10px;
-  background-color: white;
-  z-index: 9999;
-
-  &::after {
-    content: '';
-    position: absolute;
-    border-width: 5px;
-    border-style: solid;
-  }
-`, h = r.span`
-  display: block;
-  width: max-content;
-  position: relative;
-`;
-export {
-  c as StyledButton,
-  w as Tooltip,
-  h as Wrapper,
-  m as styles
-};

package/dist/core/Input/index.d.ts

@@ -1,66 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import React, { HTMLInputAutoCompleteAttribute } from 'react';
-export interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
-    /** Input type */
-    type?: 'text' | 'search' | 'number' | 'password' | 'file' | 'stealth';
-    /** Input label */
-    label?: string;
-    /** Id for input */
-    id?: string;
-    /** Style as highlighted input */
-    highlight?: boolean;
-    /** Autofocus */
-    focus?: boolean;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Default value. */
-    value?: string | number;
-    /** Disabled. */
-    disabled?: boolean;
-    /** Callback fired when blur. */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    /** Callback fired when focus. */
-    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    /** Callback fired when the value changes. */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /** Children. */
-    children?: any;
-    /** Include if value should forcefully be reset */
-    reset?: boolean;
-    /** Include if input field should include debound effect after typing. Specifices delay in ms */
-    debounceDelay?: number;
-    /** Callback when using debounce. */
-    onDebounceChange?: (value: string) => void;
-    /** Specify maxlength on input */
-    maxlength?: number;
-    /** Predefined formatting for input value */
-    format?: 'price';
-    /** Input name */
-    name?: string;
-    /** @deprecated handled by "invalidMessage" prop */
-    validation?: boolean;
-    /** Invalid message */
-    invalidMessage?: string | null | false;
-    /** Activates invalid styling for custom external validation */
-    invalid?: boolean;
-    /** Set the height of the input, border comes in addition to height */
-    height?: string;
-    /** Adds info-text button */
-    info?: string;
-    /** Where the info tooltip will be placed relative to the button @default left */
-    infoPlacement?: 'top' | 'left' | 'right' | 'bottom';
-    /** Styles as card */
-    cardInput?: boolean;
-    autoComplete?: HTMLInputAutoCompleteAttribute;
-    /**
-     * Update internal value if true
-     */
-    updateValueOnChange?: boolean;
-    /** Add classnames */
-    className?: string;
-    variant?: 'default' | 'formattedNumber';
-    getFormattedNumber?: (value: string) => void;
-}
-export type Ref = HTMLInputElement;
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export default Input;

package/dist/core/Input/index.js

@@ -1,127 +0,0 @@
-import { jsxs as o, jsx as r } from "../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import y, { useState as N, useEffect as m } from "react";
-import t from "./styles.js";
-import V from "../../icons/General/IconSearch.js";
-import { useDebounce as W } from "../utils/debounce.js";
-import { getFormattedPrice as _ } from "../../utils/format.js";
-import z from "../../icons/General/IconErrorOutline.js";
-import A from "../InfoButton/index.js";
-import H from "../../icons/General/IconHelp.js";
-const X = y.forwardRef(
-  ({
-    onDebounceChange: f,
-    debounceDelay: g,
-    maxlength: x,
-    height: c,
-    info: s,
-    infoPlacement: B = "left",
-    className: F,
-    cardInput: I,
-    variant: u,
-    autoComplete: C,
-    getFormattedNumber: h,
-    updateValueOnChange: M = !1,
-    ...e
-  }, S) => {
-    const [d, l] = N(
-      e.value ? u === "formattedNumber" ? e.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ") : e.value : ""
-    ), [w, D] = N(!1), b = W(d, g || 0), n = e.type ? e.type : "text", L = (a) => {
-      if (e.format === "price" && a) {
-        const i = a.replace(/\u00a0/g, "").replace(/ /g, "");
-        return _(i);
-      }
-      return a;
-    }, v = (a) => {
-      const i = a.replace(/[^\d\s]/g, "");
-      return h && h(i), i;
-    }, j = (a) => {
-      D(!0), u === "formattedNumber" ? l(v(a.target.value)) : e.format ? l(L(a.target.value)) : l(a.target.value), e.onChange && !e.disabled && e.onChange(a);
-    }, E = (a) => {
-      if (u === "formattedNumber") {
-        const R = d.toString().replace(/[^\d]/g, "").replace(
-          /\B(?=(\d{3})+(?!\d))/g,
-          " "
-        );
-        l(R);
-      }
-      e.onBlur && e.onBlur(a);
-    }, O = (a) => {
-      u === "formattedNumber" && l(d.toString().replaceAll(" ", "")), e.onFocus && e.onFocus(a);
-    };
-    return m(() => {
-      e.reset && l("");
-    }, [e.reset]), m(() => {
-      e.value && M && l(u === "formattedNumber" ? v(e.value) : e.value);
-    }, [e.value]), m(() => {
-      ((i) => {
-        f && w && f(i);
-      })(b);
-    }, [b]), /* @__PURE__ */ o("div", { css: t.relative, children: [
-      /* @__PURE__ */ o(
-        "label",
-        {
-          htmlFor: e.id,
-          css: (a) => [
-            t.default(a),
-            e.highlight && t.highligted(c),
-            n === "search" && t.searchLabel(a),
-            (e.invalid || e.invalidMessage) && t.invalid(a),
-            c && t.height(c)
-          ],
-          className: F,
-          children: [
-            e.label && /* @__PURE__ */ r("span", { css: s && t.pr4, children: e.label }),
-            /* @__PURE__ */ o("div", { css: (a) => [t.inputWrapper(a)], children: [
-              /* @__PURE__ */ r(
-                "input",
-                {
-                  id: e.id,
-                  type: n === "stealth" ? "number" : n,
-                  ...n !== "password" && { value: d },
-                  placeholder: e.placeholder,
-                  disabled: e.disabled,
-                  autoFocus: e.focus,
-                  onBlur: E,
-                  onFocus: O,
-                  onChange: j,
-                  maxLength: x,
-                  ref: S,
-                  name: e.name,
-                  "aria-describedby": e.invalidMessage ? "input-error-message" : void 0,
-                  css: (a) => [
-                    n === "text" && t.text(a),
-                    n === "search" && t.search(a),
-                    n === "password" && t.password(a),
-                    n === "number" && t.number(a),
-                    n === "stealth" && t.stealth(a),
-                    e.disabled && t.disabled(a),
-                    I && t.cardInput(a)
-                  ],
-                  autoComplete: C,
-                  children: y.Children.map(e.children, (a) => a || null)
-                }
-              ),
-              n === "search" && /* @__PURE__ */ r(V, {})
-            ] }),
-            e.invalidMessage && /* @__PURE__ */ r(z, { size: "16px" }),
-            e.invalidMessage && /* @__PURE__ */ r(
-              "span",
-              {
-                id: "input-error-message",
-                css: (a) => [
-                  t.errorMessage(a),
-                  !(e != null && e.label) && t.errorMessageNoLabel
-                ],
-                children: e.invalidMessage
-              }
-            )
-          ]
-        }
-      ),
-      s && /* @__PURE__ */ r("span", { css: t.infoButton, children: /* @__PURE__ */ r(A, { icon: /* @__PURE__ */ r(H, { primary: !0 }), place: B, children: s }) })
-    ] });
-  }
-);
-export {
-  X as default
-};