@arkitektbedriftene/fe-lib 0.4.18 → 0.4.20

package/dist/rich-text/styles.d.ts

@@ -1,3 +1,172 @@
+export declare const richTextStyleObj: {
+    fontSize: string;
+    lineHeight: string;
+    "h1, h2, h3, h4, h5, h6": {
+        fontWeight: string;
+        lineHeight: string;
+        margin: string;
+        "&:first-child": {
+            marginTop: string;
+        };
+    };
+    h1: {
+        fontSize: string;
+    };
+    h2: {
+        fontSize: string;
+    };
+    h3: {
+        fontSize: string;
+    };
+    h4: {
+        fontSize: string;
+    };
+    h5: {
+        fontSize: string;
+    };
+    h6: {
+        fontSize: string;
+    };
+    "p, ul, ol": {
+        margin: string;
+        "&:first-child": {
+            marginTop: string;
+        };
+        "&:last-child": {
+            marginBottom: string;
+        };
+    };
+    strong: {
+        fontWeight: string;
+    };
+    "ul, ol": {
+        paddingLeft: string;
+        listStylePosition: string;
+        listStyleImage: string;
+    };
+    ul: {
+        listStyleType: string;
+    };
+    ol: {
+        listStyleType: string;
+    };
+    th: {
+        fontWeight: string;
+        backgroundColor: string;
+    };
+    "th, td": {
+        padding: string;
+        border: string;
+    };
+    kbd: {
+        backgroundColor: string;
+        color: string;
+        padding: string;
+        borderRadius: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    "li[role=checkbox]": {
+        listStyle: string;
+        position: string;
+        paddingLeft: number;
+        "&::before": {
+            content: string;
+            width: number;
+            height: number;
+            top: number;
+            left: number;
+            cursor: string;
+            display: string;
+            backgroundSize: string;
+            position: string;
+            border: string;
+            borderRadius: number;
+        };
+        "&::after": {
+            content: string;
+            width: number;
+            height: number;
+            top: number;
+            left: number;
+            display: string;
+            position: string;
+            borderLeft: string;
+            borderBottom: string;
+            transform: string;
+        };
+        "&[aria-checked=true]": {
+            "&::before": {
+                backgroundColor: string;
+                borderColor: string;
+            };
+        };
+        "&:focus": {
+            outline: string;
+            "&::before": {
+                outline: string;
+                outlineOffset: number;
+            };
+        };
+    };
+    table: {
+        width: string;
+        borderCollapse: string;
+        border: string;
+        td: {
+            border: string;
+            verticalAlign: string;
+            padding: string;
+        };
+    };
+    a: {
+        color: string;
+        textDecoration: string;
+        "&.rutine-link": {
+            background: string;
+            color: string;
+            padding: string;
+            borderRadius: string;
+        };
+    };
+    variants: {
+        size: {
+            xs: {
+                fontSize: string;
+                "@print": {
+                    fontSize: string;
+                };
+            };
+            sm: {
+                fontSize: string;
+                "@print": {
+                    fontSize: string;
+                };
+            };
+            md: {
+                fontSize: string;
+                "@print": {
+                    fontSize: string;
+                };
+            };
+            lg: {
+                fontSize: string;
+                "@print": {
+                    fontSize: string;
+                };
+            };
+            xl: {
+                fontSize: string;
+                "@print": {
+                    fontSize: string;
+                };
+            };
+        };
+    };
+    defaultVariants: {
+        size: string;
+    };
+};
 export declare const richTextCss: import("@stitches/react/types/styled-component").CssComponent<never, {
     size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
 }, {

package/dist/rich-text.es.js

@@ -3,22 +3,22 @@ var Wt = (t, e, r) => e in t ? Ht(t, e, { enumerable: !0, configurable: !0, writ
 var lt = (t, e, r) => (Wt(t, typeof e != "symbol" ? e + "" : e, r), r);
 import { createHeadlessEditor as Ut } from "@lexical/headless";
 import { $generateHtmlFromNodes as jt } from "@lexical/html";
-import { $getRoot as j, ParagraphNode as Kt, $createParagraphNode as K, $createTextNode as A, $setSelection as kt, SELECTION_CHANGE_COMMAND as F, $getSelection as L, COMMAND_PRIORITY_CRITICAL as J, $isRangeSelection as T, $isRootOrShadowRoot as Yt, DEPRECATED_$isGridSelection as G, FORMAT_TEXT_COMMAND as B, COMMAND_PRIORITY_LOW as w, KEY_ARROW_DOWN_COMMAND as qt, KEY_ARROW_UP_COMMAND as Gt, KEY_ESCAPE_COMMAND as bt, KEY_SPACE_COMMAND as Xt, $getNearestNodeFromDOMNode as V, KEY_ARROW_LEFT_COMMAND as Qt, $isElementNode as Jt, COMMAND_PRIORITY_NORMAL as Vt, $isParagraphNode as Zt, COMMAND_PRIORITY_HIGH as te } from "lexical";
+import { $getRoot as j, ParagraphNode as Kt, $createParagraphNode as K, $createTextNode as B, $setSelection as kt, SELECTION_CHANGE_COMMAND as F, $getSelection as T, COMMAND_PRIORITY_CRITICAL as J, $isRangeSelection as L, $isRootOrShadowRoot as Yt, DEPRECATED_$isGridSelection as G, FORMAT_TEXT_COMMAND as A, COMMAND_PRIORITY_LOW as w, KEY_ARROW_DOWN_COMMAND as qt, KEY_ARROW_UP_COMMAND as Gt, KEY_ESCAPE_COMMAND as bt, KEY_SPACE_COMMAND as Xt, $getNearestNodeFromDOMNode as V, KEY_ARROW_LEFT_COMMAND as Qt, $isElementNode as Jt, COMMAND_PRIORITY_NORMAL as Vt, $isParagraphNode as Zt, COMMAND_PRIORITY_HIGH as te } from "lexical";
 import { trimTextContentFromAnchor as ee, $setBlocksType as X, $isAtNodeEnd as st } from "@lexical/selection";
 import { AutoLinkNode as re, LinkNode as vt, $isLinkNode as W, TOGGLE_LINK_COMMAND as Z } from "@lexical/link";
-import { ListNode as Ct, ListItemNode as ne, $isListNode as tt, INSERT_UNORDERED_LIST_COMMAND as oe, INSERT_ORDERED_LIST_COMMAND as ie, INSERT_CHECK_LIST_COMMAND as Mt, insertList as ae, $isListItemNode as _ } from "@lexical/list";
+import { ListNode as Ct, ListItemNode as ne, $isListNode as tt, INSERT_UNORDERED_LIST_COMMAND as oe, INSERT_ORDERED_LIST_COMMAND as ie, INSERT_CHECK_LIST_COMMAND as Mt, insertList as ae, $isListItemNode as z } from "@lexical/list";
 import { HeadingNode as le, QuoteNode as se, $isHeadingNode as ce, $createHeadingNode as de, $createQuoteNode as ue } from "@lexical/rich-text";
 import { TableNode as he, TableRowNode as pe, TableCellNode as ge, INSERT_TABLE_COMMAND as fe, $getTableCellNodeFromLexicalNode as me, $deleteTableColumn__EXPERIMENTAL as ke, $deleteTableRow__EXPERIMENTAL as be, $insertTableColumn__EXPERIMENTAL as ct, $insertTableRow__EXPERIMENTAL as dt } from "@lexical/table";
 import { jsx as n, jsxs as f, Fragment as Y } from "react/jsx-runtime";
-import { createContext as ve, useState as b, useRef as et, useCallback as v, useContext as Ce, useEffect as N, useMemo as Lt, useLayoutEffect as Me } from "react";
-import { c as O, s as Tt, D as rt, T as Nt, a as M, B as P, b as yt, d as z, u as nt, e as xt, f as Le, g as Te, o as Et, h as Ne, i as St, j as wt, F as Rt, O as It, k as ye, l as xe, S as Ee, m as $, n as I, p as ut, q as Se, N as we, r as ht, t as Re, v as zt, C as Ie, w as ze, x as _e } from "./Checkbox-a342242a.js";
+import { createContext as ve, useState as b, useRef as et, useCallback as v, useContext as Ce, useEffect as N, useMemo as Tt, useLayoutEffect as Me } from "react";
+import { c as O, s as Lt, D as rt, T as Nt, a as M, B as P, b as yt, d as _, u as nt, e as xt, f as Te, g as Le, o as St, h as Ne, i as Et, j as wt, F as Rt, O as It, k as ye, l as xe, S as Se, m as $, n as I, p as ut, q as Ee, N as we, r as ht, t as Re, v as _t, C as Ie, w as _e, x as ze } from "./Checkbox-a342242a.js";
 import "react-select";
 import { LexicalComposer as $e } from "@lexical/react/LexicalComposer.js";
 import { RichTextPlugin as Oe } from "@lexical/react/LexicalRichTextPlugin.js";
 import De from "@lexical/react/LexicalErrorBoundary.js";
 import { useLexicalComposerContext as y } from "@lexical/react/LexicalComposerContext.js";
-import { $getNearestNodeOfType as Be, $findMatchingParent as _t, mergeRegister as ot, isHTMLElement as pt } from "@lexical/utils";
-import { G as h, f as Ae } from "./index.esm-3266b7f8.js";
+import { $getNearestNodeOfType as Ae, $findMatchingParent as zt, mergeRegister as ot, isHTMLElement as pt } from "@lexical/utils";
+import { G as h, f as Be } from "./index.esm-3266b7f8.js";
 import { ListPlugin as Pe } from "@lexical/react/LexicalListPlugin.js";
 import { HistoryPlugin as Fe } from "@lexical/react/LexicalHistoryPlugin.js";
 import { TablePlugin as He } from "@lexical/react/LexicalTablePlugin.js";
@@ -58,7 +58,7 @@ const Ue = ({
       const r = j();
       r.clear();
       const o = K();
-      o.append(A("")), r.append(o), kt(null);
+      o.append(B("")), r.append(o), kt(null);
     },
     {
       tag: e
@@ -70,13 +70,13 @@ const Ue = ({
       const o = j();
       o.clear();
       const i = K();
-      i.append(A(t.trim())), o.append(i), kt(null);
+      i.append(B(t.trim())), o.append(i), kt(null);
     },
     {
       tag: r
     }
   ), e.blur();
-}, pn = (t, e, r) => {
+}, gn = (t, e, r) => {
   let o = 0;
   const i = Ut({
     nodes: e,
@@ -87,7 +87,7 @@ const Ue = ({
       if (typeof t == "string" && !$t(t))
         i.update(() => {
           const a = j(), s = K();
-          s.append(A(t.trim())), a.append(s);
+          s.append(B(t.trim())), a.append(s);
         });
       else {
         const a = i.parseEditorState(t, () => {
@@ -105,7 +105,7 @@ const Ue = ({
   return i.update(() => {
     l = jt(i);
   }), { html: l, trimCount: o };
-}, gn = [
+}, fn = [
   le,
   se,
   Ct,
@@ -211,7 +211,7 @@ function kr(t) {
 function br(t) {
   return h({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M7 5v5a5 5 0 0 0 10 0v-5" } }, { tag: "path", attr: { d: "M5 19h14" } }] })(t);
 }
-const vr = Tt("div", {
+const vr = Lt("div", {
   width: "10rem",
   display: "flex"
 }), Dt = {
@@ -255,10 +255,10 @@ const vr = Tt("div", {
     }
   )
 ] }), Mr = (t) => {
-  if (!T(t))
+  if (!L(t))
     return null;
   const e = t.anchor.getNode();
-  let r = e.getKey() === "root" ? e : _t(e, (o) => {
+  let r = e.getKey() === "root" ? e : zt(e, (o) => {
     const i = o.getParent();
     return i !== null && Yt(i);
   });
@@ -266,22 +266,22 @@ const vr = Tt("div", {
     anchorNode: e,
     element: r
   };
-}, Lr = () => {
+}, Tr = () => {
   const [t] = y(), [e, r] = b("paragraph");
   N(() => t.registerCommand(
     F,
     () => {
-      const c = L(), g = Mr(c);
+      const c = T(), g = Mr(c);
       if (!g)
         return !1;
-      const { element: u, anchorNode: m } = g, S = u.getKey();
-      if (t.getElementByKey(S) !== null)
+      const { element: u, anchorNode: m } = g, E = u.getKey();
+      if (t.getElementByKey(E) !== null)
         if (tt(u)) {
-          const k = Be(
+          const k = Ae(
             m,
             Ct
-          ), E = k ? k.getListType() : u.getListType();
-          r(E);
+          ), S = k ? k.getListType() : u.getListType();
+          r(S);
         } else {
           const k = ce(u) ? u.getTag() : u.getType();
           k in Dt && r(k);
@@ -292,8 +292,8 @@ const vr = Tt("div", {
   ), [t]);
   const o = (c) => {
     e !== c && t.update(() => {
-      const g = L();
-      (T(g) || G(g)) && (X(g, () => de(c)), r(c));
+      const g = T();
+      (L(g) || G(g)) && (X(g, () => de(c)), r(c));
     });
   };
   return /* @__PURE__ */ n(vr, { children: /* @__PURE__ */ f(
@@ -312,8 +312,8 @@ const vr = Tt("div", {
       children: [
         /* @__PURE__ */ n(M, { onClick: () => {
           e !== "paragraph" && t.update(() => {
-            const c = L();
-            (T(c) || G(c)) && (X(c, () => K()), r("paragraph"));
+            const c = T();
+            (L(c) || G(c)) && (X(c, () => K()), r("paragraph"));
           });
         }, children: /* @__PURE__ */ n(C, { blockType: "paragraph" }) }),
         /* @__PURE__ */ n(M, { onClick: () => o("h1"), children: /* @__PURE__ */ n(C, { blockType: "h1" }) }),
@@ -333,17 +333,17 @@ const vr = Tt("div", {
         }, children: /* @__PURE__ */ n(C, { blockType: "check" }) }),
         /* @__PURE__ */ n(M, { onClick: () => {
           e !== "quote" && t.update(() => {
-            const c = L();
-            (T(c) || G(c)) && (X(c, () => ue()), r("quote"));
+            const c = T();
+            (L(c) || G(c)) && (X(c, () => ue()), r("quote"));
           });
         }, children: /* @__PURE__ */ n(C, { blockType: "quote" }) })
       ]
     }
   ) });
-}, Tr = () => {
+}, Lr = () => {
   const [t] = y(), [e, r] = b(!1), [o, i] = b(!1), [l, a] = b(!1), [s, d] = b(!1), [c, g] = b(!1), u = v(() => {
-    const p = L();
-    T(p) && (r(p.hasFormat("bold")), i(p.hasFormat("italic")), a(p.hasFormat("underline")), d(p.hasFormat("code")), g(p.hasFormat("superscript")));
+    const p = T();
+    L(p) && (r(p.hasFormat("bold")), i(p.hasFormat("italic")), a(p.hasFormat("underline")), d(p.hasFormat("code")), g(p.hasFormat("superscript")));
   }, []);
   N(() => ot(
     t.registerCommand(
@@ -358,21 +358,21 @@ const vr = Tt("div", {
     })
   ), [t, u]);
   const m = v(
-    () => t.dispatchCommand(B, "bold"),
+    () => t.dispatchCommand(A, "bold"),
     [t]
-  ), S = v(
-    () => t.dispatchCommand(B, "italic"),
+  ), E = v(
+    () => t.dispatchCommand(A, "italic"),
     [t]
   ), x = v(
-    () => t.dispatchCommand(B, "underline"),
+    () => t.dispatchCommand(A, "underline"),
     [t]
   ), k = v(
-    () => t.dispatchCommand(B, "code"),
+    () => t.dispatchCommand(A, "code"),
     [t]
-  ), E = v(
-    () => t.dispatchCommand(B, "superscript"),
+  ), S = v(
+    () => t.dispatchCommand(A, "superscript"),
     [t]
-  ), D = Lt(() => {
+  ), D = Tt(() => {
     const p = [];
     return e && p.push("bold"), o && p.push("italic"), l && p.push("underline"), s && p.push("code"), c && p.push("superscript"), p;
   }, [e, o, l, s, c]);
@@ -384,7 +384,7 @@ const vr = Tt("div", {
       value: D,
       children: [
         /* @__PURE__ */ n(
-          z,
+          _,
           {
             onClick: m,
             title: "Fet tekst",
@@ -393,16 +393,16 @@ const vr = Tt("div", {
           }
         ),
         /* @__PURE__ */ n(
-          z,
+          _,
           {
-            onClick: S,
+            onClick: E,
             title: "Kursiv tekst",
             value: "italic",
             children: /* @__PURE__ */ n(cr, { size: "1.25rem" })
           }
         ),
         /* @__PURE__ */ n(
-          z,
+          _,
           {
             onClick: x,
             title: "Understreket tekst",
@@ -411,7 +411,7 @@ const vr = Tt("div", {
           }
         ),
         /* @__PURE__ */ n(
-          z,
+          _,
           {
             onClick: k,
             title: "Kode",
@@ -420,9 +420,9 @@ const vr = Tt("div", {
           }
         ),
         /* @__PURE__ */ n(
-          z,
+          _,
           {
-            onClick: E,
+            onClick: S,
             title: "Superscript",
             value: "superscript",
             children: /* @__PURE__ */ n(mr, { size: "1.25rem" })
@@ -440,13 +440,13 @@ const vr = Tt("div", {
     placement: "top",
     whileElementsMounted: xt,
     middleware: [
-      Le({
+      Te({
         apply: ({ rects: g, elements: u }) => {
           u.floating.style.minWidth = `${g.reference.width}px`;
         }
       }),
-      Te(),
-      Et({
+      Le(),
+      St({
         mainAxis: 8
       }),
       Ne({
@@ -458,7 +458,7 @@ const vr = Tt("div", {
     elements: {
       reference: r.current
     }
-  }), { getFloatingProps: c } = St([
+  }), { getFloatingProps: c } = Et([
     wt(a, {
       role: "dialog"
     })
@@ -482,9 +482,9 @@ const vr = Tt("div", {
   children: t,
   ...e
 }) => /* @__PURE__ */ f(ye, { "aria-label": "Formattering", ...e, children: [
-  /* @__PURE__ */ n(Lr, {}),
-  /* @__PURE__ */ n(xe, {}),
   /* @__PURE__ */ n(Tr, {}),
+  /* @__PURE__ */ n(xe, {}),
+  /* @__PURE__ */ n(Lr, {}),
   t
 ] });
 function xr() {
@@ -522,7 +522,7 @@ function xr() {
         const r = Q();
         return r != null && t.isEditable() ? (t.update(() => {
           const o = V(r);
-          _(o) && (e.preventDefault(), o.toggleChecked());
+          z(o) && (e.preventDefault(), o.toggleChecked());
         }), !0) : !1;
       },
       w
@@ -530,15 +530,15 @@ function xr() {
     t.registerCommand(
       Qt,
       (e) => t.getEditorState().read(() => {
-        const r = L();
-        if (T(r) && r.isCollapsed()) {
+        const r = T();
+        if (L(r) && r.isCollapsed()) {
           const { anchor: o } = r, i = o.type === "element";
           if (i || o.offset === 0) {
-            const l = o.getNode(), a = _t(
+            const l = o.getNode(), a = zt(
               l,
               (s) => Jt(s) && !s.isInline()
             );
-            if (_(a)) {
+            if (z(a)) {
               const s = a.getParent();
               if (tt(s) && s.getListType() === "check" && (i || a.getFirstDescendant() === l)) {
                 const d = t.getElementByKey(a.__key);
@@ -557,7 +557,7 @@ function xr() {
     })
   ), [t]), null;
 }
-function Bt(t, e) {
+function At(t, e) {
   const r = t.target;
   if (r === null || !pt(r))
     return;
@@ -571,22 +571,22 @@ function Bt(t, e) {
   (r.dir === "rtl" ? l < a.right && l > a.right - 20 : l > a.left && l < a.left + 20) && e();
 }
 function gt(t) {
-  Bt(t, () => {
-    const e = t.target, r = Er(e);
+  At(t, () => {
+    const e = t.target, r = Sr(e);
     r != null && r.isEditable() && r.update(() => {
       if (t.target) {
         const o = V(e);
-        _(o) && (e.focus(), o.toggleChecked());
+        z(o) && (e.focus(), o.toggleChecked());
       }
     });
   });
 }
 function ft(t) {
-  Bt(t, () => {
+  At(t, () => {
     t.preventDefault();
   });
 }
-function Er(t) {
+function Sr(t) {
   let e = t;
   for (; e; ) {
     if (e.__lexicalEditor)
@@ -600,11 +600,11 @@ function Q() {
   return t != null && t.tagName === "LI" && t.parentNode != null && // @ts-ignore internal field
   t.parentNode.__lexicalListType === "check" ? t : null;
 }
-function Sr(t, e) {
+function Er(t, e) {
   let r = e ? t.getPreviousSibling() : t.getNextSibling(), o = t;
-  for (; r == null && _(o); )
+  for (; r == null && z(o); )
     o = o.getParentOrThrow().getParent(), o != null && (r = e ? o.getPreviousSibling() : o.getNextSibling());
-  for (; _(r); ) {
+  for (; z(r); ) {
     const i = e ? r.getLastChild() : r.getFirstChild();
     if (!tt(i))
       return r;
@@ -616,9 +616,9 @@ function mt(t, e, r) {
   const o = Q();
   return o != null && e.update(() => {
     const i = V(o);
-    if (!_(i))
+    if (!z(i))
       return;
-    const l = Sr(i, r);
+    const l = Er(i, r);
     if (l != null) {
       l.selectStart();
       const a = e.getElementByKey(l.__key);
@@ -655,7 +655,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
         console.error("Could not parse"), console.error(r);
       }
   }, []), null;
-}, Ir = Tt("div", {
+}, Ir = Lt("div", {
   border: "1px solid $borderDarker",
   borderRadius: "$md",
   position: "relative",
@@ -692,7 +692,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
       }
     }
   ]
-}), zr = ({
+}), _r = ({
   isLoading: t
 }) => /* @__PURE__ */ n(
   P,
@@ -704,9 +704,9 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
       right: "1rem",
       display: "flex"
     },
-    children: /* @__PURE__ */ n(Ee, {})
+    children: /* @__PURE__ */ n(Se, {})
   }
-), fn = ({
+), mn = ({
   isLoading: t,
   children: e,
   placeholderText: r,
@@ -720,14 +720,14 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
   defaultState: g,
   css: u
 }) => {
-  const { hasFocus: m, attributes: S } = tr({ onBlur: c }), x = et(null), k = Lt(() => ({ hasFocus: m, editorRef: x }), [m]);
+  const { hasFocus: m, attributes: E } = tr({ onBlur: c }), x = et(null), k = Tt(() => ({ hasFocus: m, editorRef: x }), [m]);
   return /* @__PURE__ */ n(Ot.Provider, { value: k, children: /* @__PURE__ */ f(
     $e,
     {
       initialConfig: {
         namespace: "CommentEditor",
-        onError: (E) => {
-          console.error(E);
+        onError: (S) => {
+          console.error(S);
         },
         theme: Ze,
         nodes: o,
@@ -741,7 +741,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
             hasFocus: m,
             hideBorder: d,
             css: u,
-            ...S,
+            ...E,
             children: [
               l,
               /* @__PURE__ */ n(
@@ -767,7 +767,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
               ),
               /* @__PURE__ */ n(wr, {}),
               i,
-              /* @__PURE__ */ n(zr, { isLoading: t }),
+              /* @__PURE__ */ n(_r, { isLoading: t }),
               !l && /* @__PURE__ */ n(Nr, { children: a })
             ]
           }
@@ -777,7 +777,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
       ]
     }
   ) });
-}, mn = O({
+}, zr = {
   fontSize: "1rem",
   lineHeight: "1.5",
   "h1, h2, h3, h4, h5, h6": {
@@ -891,12 +891,9 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
   table: {
     width: "100%",
     borderCollapse: "collapse",
-    border: 0,
-    tr: {
-      border: 0
-    },
+    border: "0",
     td: {
-      border: "1px solid $gray800",
+      border: "1px solid black",
       verticalAlign: "top",
       padding: "$2"
     }
@@ -948,7 +945,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
   defaultVariants: {
     size: "md"
   }
-}), kn = () => {
+}, kn = O(zr), bn = () => {
   const [t] = y(), e = v(() => {
     t.dispatchCommand(fe, {
       rows: "3",
@@ -969,10 +966,10 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
     }
   );
 };
-function _r(t) {
+function $r(t) {
   return h({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "circle", attr: { cx: "256", cy: "256", r: "48" } }, { tag: "circle", attr: { cx: "416", cy: "256", r: "48" } }, { tag: "circle", attr: { cx: "96", cy: "256", r: "48" } }] })(t);
 }
-const bn = () => {
+const vn = () => {
   const [t] = y(), [e, r] = b(null), { hasFocus: o } = it();
   N(() => {
     !o && e && r(null);
@@ -983,13 +980,13 @@ const bn = () => {
     elements: {
       reference: e
     },
-    middleware: [Et({ mainAxis: -20, crossAxis: -2 })]
+    middleware: [St({ mainAxis: -20, crossAxis: -2 })]
   });
   N(() => t.registerCommand(
     F,
     () => {
-      const s = L();
-      if (T(s)) {
+      const s = T();
+      if (L(s)) {
         const d = s.anchor.getNode(), c = me(d);
         r(c ? t.getElementByKey(c.getKey()) : null);
       }
@@ -1033,7 +1030,7 @@ const bn = () => {
           ref: i.setFloating,
           style: l,
           css: { padding: "2px", width: "18px", height: "18px" },
-          children: /* @__PURE__ */ n(_r, {})
+          children: /* @__PURE__ */ n($r, {})
         }
       ),
       children: [
@@ -1049,7 +1046,7 @@ const bn = () => {
     }
   ) : null;
 };
-function At(t) {
+function Bt(t) {
   let e = t;
   const r = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi, o = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;
   return e = String(e).trim(), e.match(r) || e.match(o) ? e : "https://";
@@ -1058,7 +1055,7 @@ function Pt(t) {
   const e = t.anchor, r = t.focus, o = t.anchor.getNode(), i = t.focus.getNode();
   return o === i ? o : t.isBackward() ? st(r) ? o : i : st(e) ? o : i;
 }
-const vn = (t) => (R.baseURL = t, R), U = class extends vt {
+const Cn = (t) => (R.baseURL = t, R), U = class extends vt {
   static getType() {
     return "rutine_link";
   }
@@ -1067,7 +1064,7 @@ const vn = (t) => (R.baseURL = t, R), U = class extends vt {
   }
   createDOM(e) {
     const r = super.createDOM(e);
-    return r.setAttribute("href", this.getURL()), r.classList.add("rutine-link"), r;
+    return r.setAttribute("href", this.getURL()), r.setAttribute("target", "_blank"), r.setAttribute("rel", "noopener noreferrer"), r.classList.add("rutine-link"), r;
   }
   static importJSON(e) {
     return Ft(e.url);
@@ -1093,22 +1090,22 @@ lt(R, "baseURL", "");
 function Ft(t) {
   return new R(t);
 }
-function $r(t) {
+function Or(t) {
   return t instanceof R;
 }
-const Or = ({ onClose: t }) => {
+const Dr = ({ onClose: t }) => {
   const [e] = y(), r = v(
     (i) => {
       e.update(() => {
-        const l = L();
-        if (T(l) && l.isCollapsed()) {
+        const l = T();
+        if (L(l) && l.isCollapsed()) {
           const a = l.getNodes();
           if (a.length === 1) {
             const s = a[0];
             Zt(s) && s.getChildren().length === 0 && l.insertText(i);
           }
         }
-      }), e.dispatchCommand(Z, At(i));
+      }), e.dispatchCommand(Z, Bt(i));
     },
     [e]
   );
@@ -1116,21 +1113,21 @@ const Or = ({ onClose: t }) => {
     r(i.target.url.value), t();
   }, children: [
     /* @__PURE__ */ n(Re, { name: "url", label: "URL", type: "url", required: !0 }),
-    /* @__PURE__ */ f(zt, { children: [
+    /* @__PURE__ */ f(_t, { children: [
       /* @__PURE__ */ n($, { onClick: t, children: "Avbryt" }),
       /* @__PURE__ */ n($, { type: "submit", variant: "primary", children: "Lagre" })
     ] })
   ] });
-}, Dr = ({ onClose: t, getDocs: e }) => {
+}, Ar = ({ onClose: t, getDocs: e }) => {
   const [r] = y(), [o, i] = b([]), l = e(), a = v(
     (s) => {
       r.update(() => {
-        const d = L();
-        if (T(d)) {
+        const d = T();
+        if (L(d)) {
           const c = [];
           for (const [g, u] of s.entries()) {
             const m = Ft(u.value);
-            m.append(A(u.label)), c.push(m), g !== s.length - 1 && c.push(A(" "));
+            m.append(B(u.label)), c.push(m), g !== s.length - 1 && c.push(B(" "));
           }
           d.insertNodes(c);
         }
@@ -1140,7 +1137,7 @@ const Or = ({ onClose: t }) => {
   );
   return /* @__PURE__ */ f(Y, { children: [
     /* @__PURE__ */ n(Ie, { multi: !0, options: l, onChange: i }),
-    /* @__PURE__ */ f(zt, { children: [
+    /* @__PURE__ */ f(_t, { children: [
       /* @__PURE__ */ n($, { onClick: t, children: "Avbryt" }),
       /* @__PURE__ */ n(
         $,
@@ -1162,18 +1159,18 @@ const Or = ({ onClose: t }) => {
   const [o, i] = b("url"), l = () => {
     e(!1);
   };
-  return /* @__PURE__ */ f(Se, { open: t, onOpenChange: e, css: { width: "600px" }, children: [
+  return /* @__PURE__ */ f(Ee, { open: t, onOpenChange: e, css: { width: "600px" }, children: [
     /* @__PURE__ */ f(we, { css: { marginBottom: "$8" }, children: [
       /* @__PURE__ */ n(ht, { active: o === "url", onClick: () => i("url"), children: "URL" }),
       /* @__PURE__ */ n(ht, { active: o === "rutine", onClick: () => i("rutine"), children: "Rutine" })
     ] }),
-    o === "url" && /* @__PURE__ */ n(Or, { onClose: l }),
-    o === "rutine" && /* @__PURE__ */ n(Dr, { onClose: l, getDocs: r })
+    o === "url" && /* @__PURE__ */ n(Dr, { onClose: l }),
+    o === "rutine" && /* @__PURE__ */ n(Ar, { onClose: l, getDocs: r })
   ] });
-}, Cn = ({ getDocs: t }) => {
+}, Mn = ({ getDocs: t }) => {
   const [e] = y(), [r, o] = b(!1), [i, l] = b(!1), a = v(() => {
-    const s = L();
-    if (T(s)) {
+    const s = T();
+    if (L(s)) {
       const d = Pt(s), c = d.getParent();
       o(W(c) || W(d));
     }
@@ -1184,7 +1181,7 @@ const Or = ({ onClose: t }) => {
     J
   ), [e, a]), /* @__PURE__ */ f(yt, { type: "single", value: r ? "link" : "", children: [
     /* @__PURE__ */ n(
-      z,
+      _,
       {
         onClick: () => {
           r ? e.dispatchCommand(Z, null) : l(!0);
@@ -1203,7 +1200,7 @@ const Or = ({ onClose: t }) => {
       }
     )
   ] });
-}, Mn = () => {
+}, Tn = () => {
   const [t] = y(), e = et(null), [r, o] = b(null), [i, l] = b(""), { hasFocus: a } = it();
   N(() => {
     r ? t.update(() => {
@@ -1218,24 +1215,24 @@ const Or = ({ onClose: t }) => {
     elements: {
       reference: e.current
     },
-    middleware: [ze()]
-  }), { getFloatingProps: u } = St([
+    middleware: [_e()]
+  }), { getFloatingProps: u } = Et([
     wt(g),
-    _e(g)
+    ze(g)
   ]), m = v(() => {
-    var E;
-    const k = L();
-    if (T(k)) {
+    var S;
+    const k = T();
+    if (L(k)) {
       const D = Pt(k), p = D.getParent();
       let H = null;
       if (W(p) ? H = p : W(D) && (H = D), H) {
         const q = window.getSelection(), at = t.getRootElement();
-        k !== null && q !== null && at !== null && at.contains(q.anchorNode) && t.isEditable() && (e.current = ((E = q.focusNode) == null ? void 0 : E.parentElement) ?? null);
+        k !== null && q !== null && at !== null && at.contains(q.anchorNode) && t.isEditable() && (e.current = ((S = q.focusNode) == null ? void 0 : S.parentElement) ?? null);
       }
       o(H);
     }
-  }, [t]), S = v(() => {
-    r && $r(r) && t.update(() => {
+  }, [t]), E = v(() => {
+    r && Or(r) && t.update(() => {
       r.remove();
     }), t.dispatchCommand(Z, null);
   }, [t, r]);
@@ -1261,7 +1258,7 @@ const Or = ({ onClose: t }) => {
     )
   ), [t, m, r]), !s)
     return null;
-  const x = At(i);
+  const x = Bt(i);
   return /* @__PURE__ */ n(Rt, { children: /* @__PURE__ */ f(
     It,
     {
@@ -1294,31 +1291,32 @@ const Or = ({ onClose: t }) => {
             children: i
           }
         ),
-        /* @__PURE__ */ n($, { color: "danger", icon: !0, size: "sm", onClick: S, children: /* @__PURE__ */ n(Ae, { size: 24 }) })
+        /* @__PURE__ */ n($, { color: "danger", icon: !0, size: "sm", onClick: E, children: /* @__PURE__ */ n(Be, { size: 24 }) })
       ]
     }
   ) });
 };
 export {
   Ft as $createRutineLinkNode,
-  $r as $isRutineLinkNode,
+  Or as $isRutineLinkNode,
   Nr as FloatingToolbar,
-  kn as InsertSelector,
-  Mn as LinkEditPlugin,
-  Cn as LinkToolbarButton,
-  fn as RichTextEditor,
+  bn as InsertSelector,
+  Tn as LinkEditPlugin,
+  Mn as LinkToolbarButton,
+  mn as RichTextEditor,
   yr as RichTextToolbar,
   R as RutineLinkNode,
-  vn as RutineLinkNodeInit,
-  bn as TableEditPlugin,
+  Cn as RutineLinkNodeInit,
+  vn as TableEditPlugin,
   Ye as clearEditorState,
-  gn as defaultNodes,
+  fn as defaultNodes,
   Ke as isEditorState,
   $t as isJSON,
   Ot as richTextContext,
-  mn as richTextCss,
+  kn as richTextCss,
+  zr as richTextStyleObj,
   qe as setStateFromPlainText,
-  pn as stateToHTML,
+  gn as stateToHTML,
   tr as useHasFocusWithin,
   it as useRichTextContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "0.4.18",
+  "version": "0.4.20",
   "type": "module",
   "exports": {
     ".": {