@bbl-digital/snorre 4.2.96 → 4.2.98

package/dist/core/NotificationsMenu/NotificationRow/styles.js

@@ -0,0 +1,43 @@
+import { css as o } from "@emotion/react";
+import t from "@emotion/styled";
+import e from "../../Button/index.js";
+const s = t.div(
+  (n) => o`
+    display: flex;
+    gap: 0.5rem;
+    justify-content: start;
+    padding: 1rem 0;
+    border-bottom: ${n.hideBorderBottom ? "none" : "1px solid #d8e4f9"};
+
+    svg {
+      margin-top: 3px;
+      min-width: 14px;
+    }
+  `
+), m = t.span`
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+
+  & > span {
+    line-height: 1.5em;
+    text-align: left;
+    font-weight: normal;
+    text-transform: none;
+
+    & > span {
+      font-weight: 600;
+      text-transform: none;
+    }
+  }
+`, a = t(e)`
+  width: 100%;
+  & > span {
+    width: 100%;
+  }
+`;
+export {
+  a as StyledButton,
+  m as TextContent,
+  s as Wrapper
+};

package/dist/core/NotificationsMenu/index.js

@@ -0,0 +1,69 @@
+import { j as e } from "../../node_modules/react/jsx-runtime.js";
+import { createRef as h, useState as k, useEffect as f } from "react";
+import { NotificationsWrapper as E, UnreadMark as g, NotificationsContent as w } from "./styles.js";
+import y from "../Button/index.js";
+import I from "../../icons/General/IconBellOutline.js";
+import N from "../../icons/General/IconBellFilled.js";
+import U from "../Text/index.js";
+import { motion as B } from "../../node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+const S = ({
+  unreadCount: n,
+  triggerClose: a,
+  radius: d,
+  children: u,
+  animationActive: p = !1,
+  onBellClick: c
+}) => {
+  const o = h(), [t, i] = k(!1), r = !!n, l = 99;
+  f(() => {
+    const s = (v) => {
+      const m = o.current;
+      m && m.contains(v.target) || setTimeout(() => {
+        i(!1);
+      }, 100);
+    };
+    return t ? document.addEventListener("mousedown", s) : document.removeEventListener("mousedown", s), () => {
+      document.removeEventListener("mousedown", s);
+    };
+  }, [t, o]), f(() => {
+    a && i(!1);
+  }, [a]);
+  const x = () => {
+    i(!t), c && c();
+  }, j = {
+    initial: {
+      rotate: [0, 10, 0],
+      transition: { duration: 0.2, repeat: 1 / 0 }
+    },
+    none: {}
+  };
+  return /* @__PURE__ */ e.jsxs(E, { children: [
+    /* @__PURE__ */ e.jsx(
+      B.div,
+      {
+        animate: p ? "initial" : "none",
+        variants: j,
+        children: /* @__PURE__ */ e.jsxs(
+          y,
+          {
+            nostyle: !0,
+            onClick: x,
+            focusable: !0,
+            "aria-expanded": t,
+            "aria-label": r ? "Uleste notifikasjoner" : "Ingen uleste notifikasjoner",
+            trackingName: "Felles",
+            trackingEvent: "Toggle varselmeny",
+            children: [
+              r ? /* @__PURE__ */ e.jsx(I, { secondary: !0 }) : /* @__PURE__ */ e.jsx(N, {}),
+              r && /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(U, { size: "12px", color: "white", children: n <= l ? n : l }) })
+            ]
+          }
+        )
+      }
+    ),
+    t && /* @__PURE__ */ e.jsx("span", { ref: o, children: /* @__PURE__ */ e.jsx(w, { $radius: d, children: u }) })
+  ] });
+};
+export {
+  S as default
+};

package/dist/core/PieChart/ActiveShape/index.js

@@ -0,0 +1,34 @@
+import { j as r } from "../../../node_modules/react/jsx-runtime.js";
+import { Sector as a } from "recharts";
+const l = (u) => {
+  const { cx: s, cy: t, innerRadius: c, outerRadius: e, startAngle: i, endAngle: n, fill: o } = u;
+  return /* @__PURE__ */ r.jsxs("g", { children: [
+    /* @__PURE__ */ r.jsx(
+      a,
+      {
+        cx: s,
+        cy: t,
+        innerRadius: c,
+        outerRadius: e,
+        startAngle: i,
+        endAngle: n,
+        fill: o
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      a,
+      {
+        cx: s,
+        cy: t,
+        startAngle: i,
+        endAngle: n,
+        innerRadius: e + 3,
+        outerRadius: e + 6,
+        fill: o
+      }
+    )
+  ] });
+};
+export {
+  l as default
+};

package/dist/core/PieChart/index.js

@@ -0,0 +1,82 @@
+import { j as t } from "../../node_modules/react/jsx-runtime.js";
+import { useState as n, useEffect as k, useCallback as f, useMemo as E } from "react";
+import { ResponsiveContainer as R, PieChart as C, Pie as H, LabelList as M, Cell as S } from "recharts";
+import { alpha as _ } from "../../utils/alpha.js";
+import b from "./ActiveShape/index.js";
+import w from "./renderTextContent/index.js";
+import { PieChartWrapper as K } from "./styles.js";
+const G = ({
+  width: j,
+  height: x,
+  data: s,
+  subtitlePrefix: i,
+  defaultSubtitle: p,
+  active: m,
+  opacity: O,
+  onActiveChange: l,
+  customMiddleText: u,
+  customMiddleValue: v,
+  ...$
+}) => {
+  const [e, a] = n(), [d, c] = n(null);
+  k(() => {
+    a(m);
+  }, [m]);
+  const P = f(
+    (r, o) => {
+      if (o === e) {
+        a(void 0), l == null || l(void 0);
+        return;
+      }
+      l == null || l(o), a(o);
+    },
+    [e, l]
+  ), I = f(
+    (r, o) => c(o),
+    [c]
+  ), L = E(() => {
+    if (u) return u;
+    const r = e !== void 0 ? s[e].title : p;
+    return i ? `${i} ${r == null ? void 0 : r.toLocaleLowerCase()}` : r;
+  }, [e, s, p, i]), h = e !== void 0 ? s[e].value : s.map(({ value: r }) => r).reduce((r, o) => r + o);
+  return /* @__PURE__ */ t.jsx(K, { height: x, width: j, children: /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsx(C, { "aria-label": "Pie chart", children: /* @__PURE__ */ t.jsxs(
+    H,
+    {
+      isAnimationActive: !1,
+      data: s,
+      onClick: P,
+      activeIndex: e,
+      activeShape: b,
+      onMouseEnter: I,
+      onMouseOut: () => c(null),
+      innerRadius: "65%",
+      dataKey: "value",
+      ...$,
+      children: [
+        /* @__PURE__ */ t.jsx(
+          M,
+          {
+            valueAccessor: () => {
+            },
+            content: w(
+              v || h,
+              L
+            )
+          }
+        ),
+        s.map((r, o) => /* @__PURE__ */ t.jsx(
+          S,
+          {
+            fill: d === o || e === o ? r.color : _(r.color || "#000000", 70),
+            role: "presentation",
+            "aria-label": `${r.title}: ${r.value}`
+          },
+          `cell-${o}`
+        ))
+      ]
+    }
+  ) }) }) });
+};
+export {
+  G as default
+};

package/dist/core/PieChart/renderTextContent/index.js

@@ -0,0 +1,48 @@
+import { j as t } from "../../../node_modules/react/jsx-runtime.js";
+import { TextContent as s } from "../styles.js";
+const c = (r, e) => (x) => {
+  const { cx: n, cy: o, fill: i } = x;
+  return /* @__PURE__ */ t.jsx(s, { children: /* @__PURE__ */ t.jsxs(
+    "text",
+    {
+      x: n,
+      y: o,
+      textAnchor: "middle",
+      fill: i,
+      role: "text",
+      "aria-label": `${e || ""} ${r}`,
+      children: [
+        /* @__PURE__ */ t.jsx(
+          "tspan",
+          {
+            pointerEvents: "none",
+            x: n,
+            y: o,
+            dy: 10,
+            fontSize: 48,
+            textAnchor: "middle",
+            fill: "#000000",
+            children: r
+          }
+        ),
+        e && /* @__PURE__ */ t.jsx(
+          "tspan",
+          {
+            pointerEvents: "none",
+            x: n,
+            y: o,
+            dy: 32,
+            fontSize: 14,
+            textAnchor: "middle",
+            fill: "#00000060",
+            opacity: 0.6,
+            children: e
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  c as default
+};

package/dist/core/PreemptionCard/index.js

@@ -0,0 +1,77 @@
+import { jsxs as l, jsx as i, Fragment as g } from "../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { useTheme as h } from "@emotion/react";
+import { SvgHead as f, InternalTag as b, UnitInfo as C, StyledTag as x } from "./styles.js";
+import T from "../Card/index.js";
+import t from "../Text/index.js";
+import y from "../UnitIllustration/index.js";
+import { getAreaTextForPreemptionUnit as I, isDeadlineClosing as a, getMeldefristText as k } from "../private/preemption.js";
+import v from "../Divider/index.js";
+import F from "../Header/index.js";
+import { getFormattedDate as o, getPriceWithLabel as R, getFormattedPrice as u } from "../../utils/format.js";
+const M = ({
+  preemption: r,
+  onClick: s,
+  showSizeDetails: c = !1
+}) => {
+  var d, n;
+  const e = h(), m = /* @__PURE__ */ i("sup", { children: "2" });
+  return /* @__PURE__ */ l(T, { onClick: () => s(r.id), withhover: !0, shadow: !0, children: [
+    /* @__PURE__ */ i(
+      f,
+      {
+        css: {
+          background: "linear-gradient(" + e.backgroundColor + ", " + e.backgroundColor + "), linear-gradient(" + e.primary20opa + ", " + e.primary20opa + ")"
+        },
+        children: /* @__PURE__ */ i(
+          y,
+          {
+            type: ((d = r.unit.building) == null ? void 0 : d.buildingCode) || r.unit.buildingCode
+          }
+        )
+      }
+    ),
+    r.isInternal && /* @__PURE__ */ i(b, { title: o(r.deadline), children: "Intern forkjøp" }),
+    /* @__PURE__ */ l(C, { children: [
+      /* @__PURE__ */ l(t, { small: !0, subtle: !0, children: [
+        I(r.unit),
+        " -",
+        " ",
+        ((n = r.unit.building) == null ? void 0 : n.buildingCode) || r.unit.buildingCode,
+        c && /* @__PURE__ */ l(g, { children: [
+          r.unit.numberOfRooms ? " / " + r.unit.numberOfRooms + "-roms" : null,
+          r.unit.primaryRoom ? " / " + r.unit.primaryRoom + " m" : null,
+          r.unit.primaryRoom ? m : null
+        ] })
+      ] }),
+      /* @__PURE__ */ i(t, { bold: !0, children: r.unit.address }),
+      /* @__PURE__ */ i(v, {}),
+      /* @__PURE__ */ i(F, { level: 5, children: R(
+        r.clarificationInAdvance,
+        r.pricing
+      ) }),
+      /* @__PURE__ */ l(t, { small: !0, subtle: !0, children: [
+        "Totalpris ",
+        u(r.pricing.totalPrice)
+      ] }),
+      /* @__PURE__ */ l(t, { small: !0, subtle: !0, children: [
+        "Felleskostnad ",
+        u(r.pricing.jointCosts)
+      ] }),
+      /* @__PURE__ */ i(
+        x,
+        {
+          info: a(r.deadline),
+          light: !a(r.deadline),
+          title: o(r.deadline),
+          children: /* @__PURE__ */ l(t, { extrasmall: !0, children: [
+            "MELDEFRIST: ",
+            /* @__PURE__ */ i(t, { extrasmall: !0, bold: !0, children: k(r) })
+          ] })
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  M as default
+};

package/dist/core/PreemptionCard/styles.js

@@ -0,0 +1,160 @@
+import t from "@emotion/styled";
+import "../../app-shell/index.js";
+import "@emotion/react";
+import "react";
+import "../Alert/styles.js";
+import "../Button/index.js";
+import "../../node_modules/react/jsx-runtime.js";
+import "../../shared/components/VisuallyHidden/index.js";
+import "../Card/index.js";
+import "../Divider/styles.js";
+import "../Header/styles.js";
+import "../Input/index.js";
+import "../Image/styles.js";
+import "../Video/styles.js";
+import "../private/ButtonOrLink.js";
+import "../Link/styles.js";
+import "../List/index.js";
+import "../List/Item.js";
+import i from "../Tag/index.js";
+import "../Text/styles.js";
+import "../../layout/Footer/styles.js";
+import "../../layout/Footer/FooterCol/styles.js";
+import "../../layout/Footer/FooterGroup/styles.js";
+import "../../layout/Footer/FooterLabel/styles.js";
+import "../../layout/Footer/FooterLink/styles.js";
+import "../../layout/Footer/FooterButton/styles.js";
+import "../Checkbox/index.js";
+import "../Radio/styles.js";
+import "../Skeleton/styles.js";
+import "../../illustrations/styles.js";
+import "../Html/styles.js";
+import "../../node_modules/dompurify/dist/purify.es.js";
+/* empty css                                           */
+import "../CustomText/styles.js";
+import "../Select/styles.js";
+import "../InfoButton/styles.js";
+import "../../node_modules/match-sorter/dist/match-sorter.esm.js";
+import "../SearchSelect/styles.js";
+import "../UserMenu/styles.js";
+import "../Modal/index.js";
+import "../NotificationsMenu/styles.js";
+import "../NotificationsMenu/NotificationRow/styles.js";
+import "recharts";
+import "../PieChart/styles.js";
+import "../SimpleBarChart/styles.js";
+import "../../shared/recharts/CustomTooltip/styles.js";
+import "../../shared/recharts/CustomLegend/styles.js";
+import "../BarAndLineComposedChart/styles.js";
+import "../BarChartWithCustomizedEvent/styles.js";
+import "../MediaCarousel/styles.js";
+import "../Table/index.js";
+import "../FileInput/styles.js";
+import "../Datepicker/styles.js";
+/* empty css                                                */
+import "../DatepickerRange/styles.js";
+import "../../layout/Submenu/styles.js";
+import "../../layout/Submenu/SubmenuItem/styles.js";
+import "../../layout/Layout/styles.js";
+import "../../layout/LayoutShell/index.js";
+import "../../layout/Topbar/styles.js";
+import "../../layout/Menu/styles.js";
+import "../../layout/Menu/AppPicker/styles.js";
+import "../../layout/Menu/MainMenu/styles.js";
+import "../../layout/Menu/MenuItem/styles.js";
+import "../../layout/Menu/MenuTop/styles.js";
+import "../../layout/Menu/SecondaryMenu/styles.js";
+import "../../layout/Menu/SecondaryMenuItem/styles.js";
+import "../../layout/Menu/MenuSpacer/styles.js";
+import "../Box/styles.js";
+import "../Textarea/styles.js";
+import "../PreemptionCardLoading/styles.js";
+import "../CommentsTimeline/styles.js";
+import "../CommentsTimeline/CommentLine/styles.js";
+import "../BoxedTable/styles.js";
+import "../BoxedTable/HeaderCell/styles.js";
+import "../BoxedTable/RowCell/styles.js";
+import "../BoxedTable/TableHeader/styles.js";
+import "../BoxedTable/TableRow/styles.js";
+import "../CollapseList/index.js";
+import "../CollapseList/Item.js";
+import "../Banner/styles.js";
+import "../Calendar/styles.js";
+import "../Calendar/CalendarEvent/styles.js";
+import "../Calendar/CalendarSmallEvent/styles.js";
+import "../YearWheel/styles.js";
+import "../DropdownMenu/styles.js";
+import "../Timeline/styles.js";
+import "../Timepicker/index.js";
+import "../Timeline/TimelineStep/styles.js";
+import "../HighlightText/styles.js";
+import "../TabBar/styles.js";
+import "../TabBar/TabItem/styles.js";
+import "../SimpleLineChart/styles.js";
+import "../TabNav/TabContext.js";
+import "../TabNav/TabNavItem/styles.js";
+import "../TabNav/styles.js";
+import "../NoticeCard/privateComponents/NoticeAttachmentBlock/styles.js";
+import "../NoticeCard/privateComponents/NoticeAttachmentList/styles.js";
+import "../NoticeCard/privateComponents/NoticeMetaInfo/styles.js";
+import "../NoticeCard/styles.js";
+import "../ListPager/styles.js";
+import "../Autocomplete/index.js";
+import "../GoogleButton/styles.js";
+import "../SearchFilter/styles.js";
+import "../../node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js";
+import "../BoxedTable/DraggableRow/styles.js";
+import "../../node_modules/react-images-uploading/dist/index.js";
+import "../ImagePicker/styles.js";
+import "../Tooltip/styles.js";
+import "../ImageViewer/styles.js";
+import "../Stepper/styles.js";
+import "../Stepper/Step/styles.js";
+import "../Stepper/MobileStep/styles.js";
+import "../QuillEditor/index.js";
+import o from "../../globals/styles/breakpoints.js";
+import "../../globals/styles/styles.js";
+const li = t.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 93px;
+  margin: -10px -20px;
+  margin-bottom: 0;
+
+  & > div {
+    padding: 5px 0;
+    height: calc(100% - 10px);
+  }
+
+  @media screen and (max-width: ${o.small}) {
+    margin-top: -20px;
+  }
+`, ci = t.div`
+  padding-top: 16px;
+
+  & > h5 {
+    margin-bottom: 4px;
+  }
+
+  > * {
+    display: block;
+  }
+`, si = t(i)`
+  display: inline-block;
+  margin-top: 1.5em;
+  font-size: 12px;
+  width: calc(100% - 16px);
+  text-align: center;
+  margin-bottom: -0.5em;
+`, xi = t(i)`
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+`;
+export {
+  xi as InternalTag,
+  si as StyledTag,
+  li as SvgHead,
+  ci as UnitInfo
+};

package/dist/core/PreemptionCardLoading/index.js

@@ -0,0 +1,19 @@
+import { j as r } from "../../node_modules/react/jsx-runtime.js";
+import o from "../Card/index.js";
+import s from "../Divider/index.js";
+import e from "../Skeleton/index.js";
+import { WrapperHeader as t, WrapperUnitInformation as i } from "./styles.js";
+const p = () => /* @__PURE__ */ r.jsxs(o, { shadow: !0, children: [
+  /* @__PURE__ */ r.jsx(t, { children: /* @__PURE__ */ r.jsx(e, { rectangle: !0 }) }),
+  /* @__PURE__ */ r.jsxs(i, { children: [
+    /* @__PURE__ */ r.jsx(e, {}),
+    /* @__PURE__ */ r.jsx(e, {}),
+    /* @__PURE__ */ r.jsx(s, {}),
+    /* @__PURE__ */ r.jsx(e, {}),
+    /* @__PURE__ */ r.jsx(e, {}),
+    /* @__PURE__ */ r.jsx(e, {})
+  ] })
+] });
+export {
+  p as default
+};

package/dist/core/QuillEditor/classes/LinkSanitizer.js

@@ -0,0 +1,25 @@
+import "../../../node_modules/quill/quill.js";
+import "../../../node_modules/quill/core.js";
+import o from "../../../node_modules/quill/core/quill.js";
+const i = o.import("formats/link");
+i.PROTOCOL_WHITELIST = [
+  "http",
+  "https",
+  "mailto",
+  "tel",
+  "radar",
+  "rdar",
+  "smb",
+  "sms"
+];
+class h extends i {
+  static sanitize(r) {
+    const t = super.sanitize(r);
+    return !t || t === "about:blank" || this.PROTOCOL_WHITELIST.some(function(s) {
+      return t.startsWith(s);
+    }) ? t : `http://${t}`;
+  }
+}
+export {
+  h as CustomLinkSanitizer
+};