@bbl-digital/snorre 4.2.86 → 4.2.87

package/dist/snorre.es473.js

@@ -0,0 +1,60 @@
+import { css as e } from "@emotion/react";
+const n = {
+  default: (r) => e`
+    @keyframes spinner {
+      0% {
+        transform: translate3d(-50%, -50%, 0) rotate(0deg);
+      }
+      100% {
+        transform: translate3d(-50%, -50%, 0) rotate(360deg);
+      }
+    }
+
+    position: relative;
+
+    &::before {
+      animation: 1.5s linear infinite spinner;
+      animation-play-state: inherit;
+      border: solid 3px #cfd0d1;
+      border-bottom-color: ${r.primary};
+      border-radius: 50%;
+      content: '';
+      height: 8px;
+      width: 8px;
+      position: absolute;
+      top: 10%;
+      left: 10%;
+      transform: translate3d(-50%, -50%, 0);
+      will-change: transform;
+    }
+    @media (prefers-reduced-motion) {
+      &::before {
+        animation: 4s linear infinite spinner;
+      }
+    }
+  `,
+  size: (r) => e`
+    &::before {
+      width: ${r}px;
+      height: ${r}px;
+    }
+  `,
+  margin: (r) => e`
+    margin: ${r};
+  `,
+  color: (r) => e`
+    &::before {
+      border-bottom-color: ${r};
+    }
+  `,
+  border: (r = 3, o = "#cfd0d1", t) => e`
+    &::before {
+      border: ${r}px solid ${o};
+      border-bottom-color: ${t};
+    }
+  `
+};
+export {
+  n as default,
+  n as styles
+};

package/dist/snorre.es474.js

@@ -0,0 +1,220 @@
+import { css as t } from "@emotion/react";
+import o from "@emotion/styled";
+import e from "./snorre.es503.js";
+import r from "./snorre.es5.js";
+const s = {
+  default: (i) => t`
+      display: grid;
+      grid-template-rows: min-content;
+      position: relative;
+
+      &:focus-within span {
+        color: ${i.primary};
+      }
+
+      &:focus {
+        border-color: ${i.primary};
+      }
+
+      &:disabled {
+        background-color: ${i.disabled};
+      }
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+      }
+      &[type='number'] {
+        -moz-appearance: textfield;
+      }
+
+      & div {
+        & > span {
+          line-height: 22px;
+          font-size: 1em;
+
+          margin-bottom: 4px;
+        }
+        input {
+          height: 36px;
+          width: calc(100% - 20px - 2px);
+          font-size: 16px;
+          line-height: 20px;
+          outline: none;
+          border: none;
+        }
+      }
+    `,
+  label: t`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    @media (max-width: ${e.medium}) {
+      align-items: flex-start;
+      flex-direction: column;
+    }
+  `,
+  clickableLabel: t`
+    & > button:first-of-type {
+      width: min-content;
+    }
+  `,
+  inputWrapper: (i) => t`
+    border-radius: 5px;
+    border-style: solid;
+    padding: 0 10px;
+    border: 2px solid ${i.border};
+    position: relative;
+
+    &:focus,
+    &:focus-within {
+      border-color: ${i.primary};
+    }
+  `,
+  inputBox: t`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 10px;
+
+    & div:nth-of-type(1) {
+      margin-right: 10px;
+    }
+  `,
+  inputValues: t`
+    display: flex;
+    flex-flow: row wrap;
+    gap: 5px;
+    margin: 0;
+  `,
+  validation: t`
+    position: relative;
+
+    input {
+      width: calc(100% - 35px - 2px);
+      padding-right: 25px;
+    }
+
+    span:nth-of-type(2) {
+    }
+  `,
+  list: (i) => t`
+    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
+    list-style: none;
+    cursor: pointer;
+    margin: 0;
+    padding: 0;
+
+    max-height: 10em;
+
+    overflow-x: hidden;
+    overflow-y: scroll;
+
+    & li {
+      padding: 5px 10px;
+      background: #fff;
+
+      &:not(:last-child) {
+        border-bottom: 1px solid ${i.border};
+      }
+
+      &:hover,
+      &:focus {
+        background-color: ${i.bgLight};
+      }
+    }
+  `,
+  highlightedItem: (i) => t`
+    background-color: ${i.bgLight} !important;
+  `,
+  listWrapper: (i) => t`
+    // To counter input
+    margin-top: 5px;
+    position: absolute;
+    // 22+ is from input styling
+    width: ${i}px;
+  `,
+  listWrapperMaxWidth: (i) => t`
+    max-width: ${i}px;
+  `,
+  listWrapperTopPosition: (i) => t`
+    margin-top: -${i + 10}px;
+  `,
+  invalid: (i) => t`
+    & > div:first-of-type {
+      border-color: ${i.alert};
+      border-style: solid;
+
+      &:active,
+      &:focus,
+      &:hover {
+        border-color: ${i.alert};
+      }
+    }
+  `,
+  invalidMessage: (i) => t`
+    position: relative;
+
+    svg {
+      top: 3px;
+      right: 10px;
+      bottom: 7px;
+      left: 3px;
+
+      position: absolute;
+
+      path {
+        fill: ${i.alert};
+      }
+    }
+
+    font-size: 14px;
+    margin-bottom: 0;
+
+    span {
+      line-height: 30px;
+      padding-left: 25px;
+    }
+
+    &:focus-within span {
+      color: ${i.alert};
+    }
+  `,
+  height: (i) => t`
+    & > input {
+      height: ${i};
+    }
+  `,
+  disabled: (i) => t({
+    cursor: "not-allowed",
+    backgroundColor: i.disabled,
+    borderColor: i.disabled
+  })
+}, d = (i) => t`
+  font-size: 14px;
+  padding-left: 10px;
+  margin-bottom: 0;
+  font-weight: 600;
+  color: ${i.alert} !important;
+`, c = o(r)`
+  & > span {
+    display: flex;
+    align-self: center;
+    justify-content: flex-end;
+    place-items: center;
+
+    svg {
+      fill: ${({ theme: i }) => i.primary50opa} !important;
+
+      &:hover {
+        fill: ${({ theme: i }) => i.primary} !important;
+    }
+  }
+`;
+export {
+  c as Clear,
+  d as ErrorMessage,
+  s as default,
+  s as styles
+};

package/dist/snorre.es475.js

@@ -0,0 +1,12 @@
+import { useState as i, createRef as c, useEffect as d } from "react";
+const f = () => {
+  const [s, o] = i(0), [h, u] = i(0), e = c();
+  return d(() => {
+    var n;
+    const t = (n = e.current) == null ? void 0 : n.getBoundingClientRect();
+    o((t == null ? void 0 : t.height) || 0), u((t == null ? void 0 : t.width) || 0);
+  }, [e.current]), { height: s, width: h, dimentionsRef: e };
+};
+export {
+  f as default
+};

package/dist/snorre.es476.js

@@ -0,0 +1,127 @@
+import { matchSorter as A } from "./snorre.es374.js";
+import { useState as v, useMemo as H, useEffect as y } from "react";
+import { useDebounce as B } from "./snorre.es341.js";
+const T = (n) => {
+  const [s, a] = v(!!n.isOpen), [o, u] = v(null), [c, g] = v(n.value || ""), [m, C] = v(!1), b = B(c, n.debounceDelay || 0), [i, w] = v(
+    n.values
+  ), h = n.labelFromValues || "label", r = (e) => {
+    var t;
+    (t = n.onSelectItem) == null || t.call(n, e), n.fuzzy && g(e[h]), a(!1);
+  }, I = () => r({
+    [h]: "",
+    [n.keyFromValues || "key"]: ""
+  }), z = (e) => {
+    if (C(!0), l && u(0), g(e.target.value), n.fuzzy) {
+      a(!!c);
+      return;
+    }
+    n.onChange && n.onChange(e);
+  }, k = () => {
+    l != null && l.length && u(0), a(!0);
+  }, O = (e) => {
+    if (e.target.value !== n.value && i != null && i.length) {
+      const t = i.find(
+        (f) => f[h].length && f[h].toLowerCase() === e.target.value.toLowerCase()
+      );
+      if (t) {
+        const f = t[h];
+        g(f), r(t);
+        return;
+      }
+    }
+  }, d = () => {
+    var e;
+    g(""), (e = n.values) != null && e.length && a(!0);
+  }, l = H(() => {
+    var e;
+    if (!((e = n.values) != null && e.length)) return [];
+    if (n.fuzzy) {
+      const t = { keys: [h] };
+      return A(n.values, c || "", t);
+    }
+    return n.values;
+  }, [c]), D = () => {
+    a(!1), u(null);
+  }, E = () => {
+    I(), D();
+  }, x = (e) => {
+    if (e.preventDefault(), e.stopPropagation(), !s || (i != null && i.length || r({ value: c }), o === null || !(l != null && l.length)))
+      return;
+    const t = l[o];
+    r(t), a(!1);
+  }, F = (e) => {
+    if (e.preventDefault(), e.stopPropagation(), !s || o === null || !(l != null && l.length))
+      return;
+    const t = o - 1;
+    if (t < 0) {
+      u(null), a(!1);
+      return;
+    }
+    u(t);
+  }, K = (e) => {
+    if (!s || (e.preventDefault(), e.stopPropagation(), o === null || !(l != null && l.length)))
+      return;
+    const t = o + 1;
+    if (t === l.length) {
+      u(null), a(!1);
+      return;
+    }
+    u(t);
+  }, S = (e) => {
+    var f;
+    const { key: t } = e;
+    if (t === "Escape") {
+      D();
+      return;
+    }
+    (f = n.onKeyDown) == null || f.call(n, e);
+  }, P = (e) => {
+    const { key: t } = e;
+    switch (s && (l != null && l.length) ? u(0) : u(null), t) {
+      case "Enter":
+        x(e);
+        break;
+      case "ArrowUp":
+        F(e);
+        break;
+      case "ArrowDown":
+      case "Tab":
+        K(e);
+        break;
+      case "Escape":
+        D();
+        break;
+    }
+  };
+  return y(() => {
+    ((t) => {
+      n.onDebounceChange && m && n.onDebounceChange(t);
+    })(b);
+  }, [b]), y(() => {
+    a(!!n.isOpen);
+  }, [n.isOpen]), y(() => {
+    w(n.values);
+  }, [n.values]), y(() => {
+    const e = n.value || "";
+    g(e);
+  }, [n.value]), y(() => {
+    n.openCustomValueInputOnKeyPress && c.length && a(!0);
+  }, [c]), {
+    setShowValues: a,
+    handleClear: E,
+    handleValueClick: r,
+    onInputChange: z,
+    handleOnKeyDown: P,
+    handleCustomOnKeyDown: S,
+    handleOnInputClick: k,
+    onFuzzyBlur: O,
+    onFuzzyFocus: d,
+    value: c,
+    highlightedIndex: o,
+    showValues: s,
+    renderedValues: l
+  };
+};
+export {
+  T as default
+};

package/dist/snorre.es477.js

@@ -0,0 +1,28 @@
+import { css as r } from "@emotion/react";
+const o = (e) => {
+  switch (e) {
+    case 3:
+      return "12px";
+    case 4:
+      return "10px";
+    default:
+      return "14px";
+  }
+}, n = {
+  default: (e, t) => r`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    background-color: ${e.alert};
+    overflow: hidden;
+    color: white;
+    font-size: ${o(t)};
+    line-height: 23px;
+    width: 23px;
+    height: 23px;
+  `
+};
+export {
+  n as styles
+};

package/dist/snorre.es478.js

@@ -0,0 +1,26 @@
+import { j as e } from "./snorre.es329.js";
+import s from "./snorre.es360.js";
+const n = (l) => /* @__PURE__ */ e.jsxs("svg", { viewBox: "0 0 18 20", ...l, children: [
+  /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsx(
+    "path",
+    {
+      d: "M0,15 L18,15 L18,13 L0,13 L0,15 Z M0,11 L18,11 L18,9 L0,9 L0,11 Z M0,5 L0,7 L18,7 L18,5 L0,5 Z M6,17 L9,20 L12,17 L6,17 Z M12,3 L9,0 L6,3 L12,3 Z",
+      id: "path-1"
+    }
+  ) }),
+  /* @__PURE__ */ e.jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ e.jsx("g", { transform: "translate(-463.000000, -827.000000)", children: /* @__PURE__ */ e.jsxs("g", { transform: "translate(463.000000, 827.000000)", children: [
+    /* @__PURE__ */ e.jsx("mask", { id: "mask-2", fill: "white", children: /* @__PURE__ */ e.jsx("use", { xlinkHref: "#path-1" }) }),
+    /* @__PURE__ */ e.jsx(
+      "use",
+      {
+        fill: l.style.fill || "#000000",
+        fillRule: "nonzero",
+        xlinkHref: "#path-1"
+      }
+    ),
+    /* @__PURE__ */ e.jsx("g", { mask: "url(#mask-2)", fill: l.style.fill || "#000000", children: /* @__PURE__ */ e.jsx("g", { transform: "translate(-3.000000, -2.000000)", id: "Rectangle", children: /* @__PURE__ */ e.jsx("rect", { x: "0", y: "0", width: "24", height: "24" }) }) })
+  ] }) }) })
+] }), i = s()(n);
+export {
+  i as default
+};

package/dist/snorre.es479.js

@@ -0,0 +1,35 @@
+import { j as e } from "./snorre.es329.js";
+import l from "./snorre.es360.js";
+const C = (o) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    stroke: "currentColor",
+    strokeWidth: "0",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...o,
+    children: [
+      /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M7 7C5.34315 7 4 8.34315 4 10C4 11.6569 5.34315 13 7 13C8.65685 13 10 11.6569 10 10C10 8.34315 8.65685 7 7 7ZM6 10C6 9.44772 6.44772 9 7 9C7.55228 9 8 9.44772 8 10C8 10.5523 7.55228 11 7 11C6.44772 11 6 10.5523 6 10Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M3 3C1.34315 3 0 4.34315 0 6V18C0 19.6569 1.34315 21 3 21H21C22.6569 21 24 19.6569 24 18V6C24 4.34315 22.6569 3 21 3H3ZM21 5H3C2.44772 5 2 5.44772 2 6V18C2 18.5523 2.44772 19 3 19H7.31374L14.1924 12.1214C15.364 10.9498 17.2635 10.9498 18.435 12.1214L22 15.6863V6C22 5.44772 21.5523 5 21 5ZM21 19H10.1422L15.6066 13.5356C15.9971 13.145 16.6303 13.145 17.0208 13.5356L21.907 18.4217C21.7479 18.7633 21.4016 19 21 19Z",
+          fill: "currentColor"
+        }
+      )
+    ]
+  }
+), n = l()(C);
+export {
+  n as default
+};

package/dist/snorre.es48.js

@@ -0,0 +1,6 @@
+import { j as C } from "./snorre.es329.js";
+import r from "./snorre.es360.js";
+const t = (o) => /* @__PURE__ */ C.jsx("svg", { viewBox: "0 0 20 20", ...o, children: /* @__PURE__ */ C.jsx("path", { d: "M13.2727 4.5 5.0909 4.5 1 9.4091 1 11.8636 2.6364 11.8636C2.6364 13.2192 3.7353 14.3182 5.0909 14.3182C6.4465 14.3182 7.5455 13.2192 7.5455 11.8636L12.4545 11.8636C12.4545 13.2192 13.5535 14.3182 14.9091 14.3182C16.2647 14.3182 17.3636 13.2192 17.3636 11.8636L19 11.8636 19 9.4091C19 8.5009 18.2718 7.7727 17.3636 7.7727L15.7273 7.7727 13.2727 4.5M5.5 5.7273 8.7727 5.7273 8.7727 7.7727 3.8636 7.7727 5.5 5.7273M10 5.7273 12.8636 5.7273 14.4673 7.7727 10 7.7727 10 5.7273M5.0909 10.6364C5.7687 10.6364 6.3182 11.1858 6.3182 11.8636C6.3182 12.5414 5.7687 13.0909 5.0909 13.0909C4.4131 13.0909 3.8636 12.5414 3.8636 11.8636C3.8636 11.1858 4.4131 10.6364 5.0909 10.6364M14.9091 10.6364C15.5869 10.6364 16.1364 11.1858 16.1364 11.8636C16.1364 12.5414 15.5869 13.0909 14.9091 13.0909C14.2313 13.0909 13.6818 12.5414 13.6818 11.8636C13.6818 11.1858 14.2313 10.6364 14.9091 10.6364Z" }) }), a = r()(t);
+export {
+  a as default
+};

package/dist/snorre.es480.js

@@ -0,0 +1,21 @@
+import { jsx as a } from "./snorre.es331.js";
+import { cloneElement as i } from "react";
+import { withBackGroundStyles as e } from "./snorre.es435.js";
+const d = ({ icon: m, variant: o }) => /* @__PURE__ */ a(
+  "span",
+  {
+    css: [
+      e.default,
+      o === "delete" && e.delete,
+      o === "isMainImage" && e.isMainImage,
+      o === "setMainImage" && e.setMainImage,
+      o === "imageUpload" && e.imageUpload
+    ],
+    children: i(m, {
+      size: 25
+    })
+  }
+);
+export {
+  d as default
+};

package/dist/snorre.es481.js

@@ -0,0 +1,40 @@
+import { jsx as o, jsxs as i } from "./snorre.es331.js";
+import m from "./snorre.es480.js";
+import l from "./snorre.es17.js";
+import p from "./snorre.es174.js";
+import { uploadButtonStyles as t } from "./snorre.es435.js";
+const h = ({
+  css: e,
+  addMore: r,
+  onClick: d,
+  isDragging: n,
+  ...a
+}) => /* @__PURE__ */ o(
+  "button",
+  {
+    type: "button",
+    css: [
+      t.default,
+      r ? t.addMore : t.addImage,
+      e && e
+    ],
+    onClick: d,
+    ...a,
+    children: /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ o(
+        m,
+        {
+          icon: /* @__PURE__ */ o(p, { color: "none" }),
+          variant: "imageUpload"
+        }
+      ),
+      n ? /* @__PURE__ */ o(l, { semibold: !0, children: "Slipp her for å laste opp" }) : /* @__PURE__ */ i(l, { semibold: !0, children: [
+        "Legg til ",
+        r ? "flere bilder" : "bilde"
+      ] })
+    ] })
+  }
+);
+export {
+  h as default
+};

package/dist/snorre.es482.js

@@ -0,0 +1,41 @@
+import { useMemo as h, useRef as d, useEffect as O } from "react";
+import { useOverlayTriggerState as x } from "./snorre.es1191.js";
+const D = 1500, v = 500;
+let r = {}, I = 0, i = !1, l = null, o = null;
+function C($ = {}) {
+  let { delay: T = D, closeDelay: c = v } = $, { isOpen: n, open: g, close: a } = x($), u = h(() => `${++I}`, []), e = d(null), f = d(a), p = () => {
+    r[u] = b;
+  }, m = () => {
+    for (let t in r) t !== u && (r[t](!0), delete r[t]);
+  }, s = () => {
+    e.current && clearTimeout(e.current), e.current = null, m(), p(), i = !0, g(), l && (clearTimeout(l), l = null), o && (clearTimeout(o), o = null);
+  }, b = (t) => {
+    t || c <= 0 ? (e.current && clearTimeout(e.current), e.current = null, f.current()) : e.current || (e.current = setTimeout(() => {
+      e.current = null, f.current();
+    }, c)), l && (clearTimeout(l), l = null), i && (o && clearTimeout(o), o = setTimeout(() => {
+      delete r[u], o = null, i = !1;
+    }, Math.max(v, c)));
+  }, y = () => {
+    m(), p(), !n && !l && !i ? l = setTimeout(() => {
+      l = null, i = !0, s();
+    }, T) : n || s();
+  };
+  return O(() => {
+    f.current = a;
+  }, [
+    a
+  ]), O(() => () => {
+    e.current && clearTimeout(e.current), r[u] && delete r[u];
+  }, [
+    u
+  ]), {
+    isOpen: n,
+    open: (t) => {
+      !t && T > 0 && !e.current ? y() : s();
+    },
+    close: b
+  };
+}
+export {
+  C as useTooltipTriggerState
+};

package/dist/snorre.es483.js

@@ -0,0 +1,60 @@
+import { getInteractionModality as x, isFocusVisible as y } from "./snorre.es556.js";
+import { useHover as D } from "./snorre.es561.js";
+import { useFocusable as H } from "./snorre.es564.js";
+import { useId as w } from "./snorre.es573.js";
+import { mergeProps as E } from "./snorre.es485.js";
+import { useRef as d, useEffect as h } from "react";
+function K(b, o, n) {
+  let { isDisabled: i, trigger: u } = b, f = w(), e = d(!1), r = d(!1), a = () => {
+    (e.current || r.current) && o.open(r.current);
+  }, s = (t) => {
+    !e.current && !r.current && o.close(t);
+  };
+  h(() => {
+    let t = (c) => {
+      n && n.current && c.key === "Escape" && (c.stopPropagation(), o.close(!0));
+    };
+    if (o.isOpen)
+      return document.addEventListener("keydown", t, !0), () => {
+        document.removeEventListener("keydown", t, !0);
+      };
+  }, [
+    n,
+    o
+  ]);
+  let p = () => {
+    u !== "focus" && (x() === "pointer" ? e.current = !0 : e.current = !1, a());
+  }, $ = () => {
+    u !== "focus" && (r.current = !1, e.current = !1, s());
+  }, l = () => {
+    r.current = !1, e.current = !1, s(!0);
+  }, m = () => {
+    y() && (r.current = !0, a());
+  }, g = () => {
+    r.current = !1, e.current = !1, s(!0);
+  }, { hoverProps: v } = D({
+    isDisabled: i,
+    onHoverStart: p,
+    onHoverEnd: $
+  }), { focusableProps: P } = H({
+    isDisabled: i,
+    onFocus: m,
+    onBlur: g
+  }, n);
+  return {
+    triggerProps: {
+      "aria-describedby": o.isOpen ? f : void 0,
+      ...E(P, v, {
+        onPointerDown: l,
+        onKeyDown: l,
+        tabIndex: void 0
+      })
+    },
+    tooltipProps: {
+      id: f
+    }
+  };
+}
+export {
+  K as useTooltipTrigger
+};