@arkitektbedriftene/fe-lib 1.4.0 → 1.4.1

package/dist/rich-text/Plugins/LinkInsertPlugin.d.ts

@@ -1,5 +1,15 @@
 /// <reference types="react" />
-export declare const LinkToolbarButton: ({ getDocs, uploadFile }: {
-    getDocs: any;
-    uploadFile: any;
+type UploadFile = {
+    uploadFile: ({ file }: {
+        file: File;
+    }) => Promise<string>;
+    isLoading: boolean;
+};
+export declare const LinkToolbarButton: ({ getDocs, uploadFile, }: {
+    getDocs?: (() => {
+        label: string;
+        value: string;
+    }[]) | undefined;
+    uploadFile?: UploadFile | undefined;
 }) => JSX.Element;
+export {};

package/dist/rich-text.es.js

@@ -1,25 +1,25 @@
 var Jt = Object.defineProperty;
 var Xt = (t, e, r) => e in t ? Jt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var ut = (t, e, r) => (Xt(t, typeof e != "symbol" ? e + "" : e, r), r);
+var ht = (t, e, r) => (Xt(t, typeof e != "symbol" ? e + "" : e, r), r);
 import { createHeadlessEditor as Qt } from "@lexical/headless";
 import { $generateHtmlFromNodes as Vt } from "@lexical/html";
-import { $getRoot as q, ParagraphNode as Zt, $createParagraphNode as Y, $createTextNode as D, $setSelection as Ct, SELECTION_CHANGE_COMMAND as P, $getSelection as L, COMMAND_PRIORITY_CRITICAL as Z, $isRangeSelection as T, $isRootOrShadowRoot as te, FORMAT_TEXT_COMMAND as B, COMMAND_PRIORITY_LOW as _, KEY_ARROW_DOWN_COMMAND as ee, KEY_ARROW_UP_COMMAND as re, KEY_ESCAPE_COMMAND as Mt, KEY_SPACE_COMMAND as ne, $getNearestNodeFromDOMNode as tt, KEY_ARROW_LEFT_COMMAND as oe, $isElementNode as ie, COMMAND_PRIORITY_NORMAL as ae, $isParagraphNode as Lt, COMMAND_PRIORITY_HIGH as le } from "lexical";
-import { trimTextContentFromAnchor as se, $setBlocksType as X, $isAtNodeEnd as ht } from "@lexical/selection";
-import { LinkNode as O, AutoLinkNode as Tt, $isLinkNode as W, TOGGLE_LINK_COMMAND as G } from "@lexical/link";
-import { ListNode as et, ListItemNode as yt, $isListNode as rt, INSERT_UNORDERED_LIST_COMMAND as ce, INSERT_ORDERED_LIST_COMMAND as de, INSERT_CHECK_LIST_COMMAND as xt, insertList as ue, $isListItemNode as $ } from "@lexical/list";
+import { $getRoot as q, ParagraphNode as Zt, $createParagraphNode as Y, $createTextNode as I, $setSelection as G, SELECTION_CHANGE_COMMAND as F, $getSelection as T, COMMAND_PRIORITY_CRITICAL as tt, $isRangeSelection as L, $isRootOrShadowRoot as te, FORMAT_TEXT_COMMAND as D, COMMAND_PRIORITY_LOW as _, KEY_ARROW_DOWN_COMMAND as ee, KEY_ARROW_UP_COMMAND as re, KEY_ESCAPE_COMMAND as Mt, KEY_SPACE_COMMAND as ne, $getNearestNodeFromDOMNode as et, KEY_ARROW_LEFT_COMMAND as oe, $isElementNode as ie, COMMAND_PRIORITY_NORMAL as ae, $createRangeSelection as Tt, COMMAND_PRIORITY_HIGH as le } from "lexical";
+import { trimTextContentFromAnchor as se, $setBlocksType as Q, $isAtNodeEnd as pt } from "@lexical/selection";
+import { LinkNode as $, AutoLinkNode as Lt, $isLinkNode as W, TOGGLE_LINK_COMMAND as J } from "@lexical/link";
+import { ListNode as rt, ListItemNode as yt, $isListNode as nt, INSERT_UNORDERED_LIST_COMMAND as ce, INSERT_ORDERED_LIST_COMMAND as de, INSERT_CHECK_LIST_COMMAND as xt, insertList as ue, $isListItemNode as A } from "@lexical/list";
 import { HeadingNode as Nt, QuoteNode as St, $isHeadingNode as he, $createHeadingNode as pe, $createQuoteNode as ge } from "@lexical/rich-text";
-import { TableNode as wt, TableRowNode as Et, TableCellNode as _t, INSERT_TABLE_COMMAND as fe, $getTableCellNodeFromLexicalNode as me, $deleteTableColumn__EXPERIMENTAL as ke, $deleteTableRow__EXPERIMENTAL as be, $insertTableColumn__EXPERIMENTAL as pt, $insertTableRow__EXPERIMENTAL as gt } from "@lexical/table";
+import { TableNode as wt, TableRowNode as Et, TableCellNode as _t, INSERT_TABLE_COMMAND as fe, $getTableCellNodeFromLexicalNode as me, $deleteTableColumn__EXPERIMENTAL as ke, $deleteTableRow__EXPERIMENTAL as be, $insertTableColumn__EXPERIMENTAL as gt, $insertTableRow__EXPERIMENTAL as ft } from "@lexical/table";
 import { jsx as n, jsxs as p, Fragment as H } from "react/jsx-runtime";
-import { createContext as ve, useState as k, useRef as nt, useCallback as v, useContext as Ce, useEffect as x, useMemo as Rt, useLayoutEffect as Me } from "react";
-import { DropdownMenu as ot, ToolbarButton as It, DropdownMenuIconItem as M, Box as F, ToolbarToggleGroup as zt, ToolbarToggleItem as z, OverlayCard as Ot, Toolbar as Le, ToolbarSeparator as Te, styled as ye, Spinner as $t, Button as w, DropdownMenuItem as I, DropdownMenuSeparator as ft, Dialog as xe, NavBar as Ne, NavBarItem as Q, TextInput as Se, DialogActions as it, Combobox as we } from "./ui.es.js";
+import { createContext as ve, useState as k, useRef as ot, useCallback as v, useContext as Ce, useEffect as x, useMemo as Rt, useLayoutEffect as Me } from "react";
+import { DropdownMenu as it, ToolbarButton as It, DropdownMenuIconItem as M, Box as P, ToolbarToggleGroup as zt, ToolbarToggleItem as O, OverlayCard as Ot, Toolbar as Te, ToolbarSeparator as Le, styled as ye, Spinner as $t, Button as w, DropdownMenuItem as z, DropdownMenuSeparator as mt, Dialog as xe, NavBar as Ne, NavBarItem as V, TextInput as Se, DialogActions as at, Combobox as we } from "./ui.es.js";
 import { LexicalComposer as Ee } from "@lexical/react/LexicalComposer.js";
 import { RichTextPlugin as _e } from "@lexical/react/LexicalRichTextPlugin.js";
 import Re from "@lexical/react/LexicalErrorBoundary.js";
-import { useFloating as at, autoUpdate as At, size as Ie, flip as ze, offset as Bt, shift as Oe, useInteractions as Dt, useRole as Ft, FloatingPortal as Pt, inline as $e, useDismiss as Ae } from "@floating-ui/react";
+import { useFloating as lt, autoUpdate as At, size as Ie, flip as ze, offset as Bt, shift as Oe, useInteractions as Dt, useRole as Pt, FloatingPortal as Ft, inline as $e, useDismiss as Ae } from "@floating-ui/react";
 import { useLexicalComposerContext as y } from "@lexical/react/LexicalComposerContext.js";
-import { $getNearestNodeOfType as Be, $findMatchingParent as Ht, mergeRegister as lt, isHTMLElement as mt } from "@lexical/utils";
+import { $getNearestNodeOfType as Be, $findMatchingParent as Ht, mergeRegister as st, isHTMLElement as kt } from "@lexical/utils";
 import { G as g, e as De } from "./index.esm-67eba761.js";
-import { s as Fe, c as Pe } from "./stitches.config-00c23cdb.js";
+import { s as Pe, c as Fe } from "./stitches.config-00c23cdb.js";
 import { ListPlugin as He } from "@lexical/react/LexicalListPlugin.js";
 import { HistoryPlugin as Ue } from "@lexical/react/LexicalHistoryPlugin.js";
 import { TablePlugin as We } from "@lexical/react/LexicalTablePlugin.js";
@@ -67,7 +67,7 @@ const Ke = ({
       const r = q();
       r.clear();
       const o = Y();
-      o.append(D("")), r.append(o), Ct(null);
+      o.append(I("")), r.append(o), G(null);
     },
     {
       tag: e
@@ -79,7 +79,7 @@ const Ke = ({
       const o = q();
       o.clear();
       const i = Y();
-      i.append(D(t.trim())), o.append(i), Ct(null);
+      i.append(I(t.trim())), o.append(i), G(null);
     },
     {
       tag: r
@@ -97,7 +97,7 @@ const Ke = ({
       if (typeof t == "string" && !Wt(t))
         i.update(() => {
           const a = q(), s = Y();
-          s.append(D(t.trim())), a.append(s);
+          s.append(I(t.trim())), a.append(s);
         });
       else {
         const a = i.parseEditorState(t, () => {
@@ -117,7 +117,7 @@ const Ke = ({
     r != null && r.updateFn && ((a = r.updateFn) == null || a.call(r)), l = Vt(i);
   }), { html: l, trimCount: o };
 };
-class j extends O {
+class j extends $ {
   static getType() {
     return "target-link";
   }
@@ -142,39 +142,39 @@ class j extends O {
     return super.exportJSON();
   }
   static importJSON(e) {
-    return O.importJSON(e);
+    return $.importJSON(e);
   }
 }
 const cn = [
   Nt,
   St,
-  et,
+  rt,
   yt,
-  Tt,
-  O,
+  Lt,
+  $,
   wt,
   Et,
   _t
 ], dn = [
   Nt,
   St,
-  et,
+  rt,
   yt,
-  Tt,
-  O,
+  Lt,
+  $,
   wt,
   Et,
   _t,
   j,
   {
-    replace: O,
+    replace: $,
     with: (t) => new j(
       t.getURL(),
       { rel: t.__rel, target: t.__target, title: t.__title }
     )
   }
 ], jt = ve({ hasFocus: !1, editorRef: { current: null } }), Xe = ({ onBlur: t }) => {
-  const [e, r] = k(!1), o = nt(null), i = v(() => {
+  const [e, r] = k(!1), o = ot(null), i = v(() => {
     r(!0), o.current && window.clearTimeout(o.current);
   }, []), l = v(() => {
     o.current = window.setTimeout(() => {
@@ -188,7 +188,7 @@ const cn = [
       onBlur: l
     }
   };
-}, st = () => Ce(jt);
+}, ct = () => Ce(jt);
 function Qe(t) {
   return g({ 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 5h6a3.5 3.5 0 0 1 0 7h-6z" } }, { tag: "path", attr: { d: "M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" } }] })(t);
 }
@@ -243,7 +243,7 @@ function pr(t) {
 function gr(t) {
   return g({ 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 fr = Fe("div", {
+const fr = Pe("div", {
   width: "10rem",
   display: "flex"
 }), Kt = {
@@ -273,9 +273,9 @@ const fr = Fe("div", {
 }, C = ({
   blockType: t
 }) => /* @__PURE__ */ p(H, { children: [
-  /* @__PURE__ */ n(F, { css: { display: "flex", flex: "0 0 auto" }, children: mr[t] }),
+  /* @__PURE__ */ n(P, { css: { display: "flex", flex: "0 0 auto" }, children: mr[t] }),
   /* @__PURE__ */ n(
-    F,
+    P,
     {
       css: {
         flex: "1 1 auto",
@@ -287,7 +287,7 @@ const fr = Fe("div", {
     }
   )
 ] }), kr = (t) => {
-  if (!T(t))
+  if (!L(t))
     return null;
   const e = t.anchor.getNode();
   let r = e.getKey() === "root" ? e : Ht(e, (o) => {
@@ -301,17 +301,17 @@ const fr = Fe("div", {
 }, br = () => {
   const [t] = y(), [e, r] = k("paragraph");
   x(() => t.registerCommand(
-    P,
+    F,
     () => {
-      const c = L(), u = kr(c);
+      const c = T(), u = kr(c);
       if (!u)
         return !1;
       const { element: h, anchorNode: m } = u, E = h.getKey();
       if (t.getElementByKey(E) !== null)
-        if (rt(h)) {
+        if (nt(h)) {
           const b = Be(
             m,
-            et
+            rt
           ), S = b ? b.getListType() : h.getListType();
           r(S);
         } else {
@@ -320,16 +320,16 @@ const fr = Fe("div", {
         }
       return !1;
     },
-    Z
+    tt
   ), [t]);
   const o = (c) => {
     e !== c && t.update(() => {
-      const u = L();
-      T(u) && (X(u, () => pe(c)), r(c));
+      const u = T();
+      L(u) && (Q(u, () => pe(c)), r(c));
     });
   };
   return /* @__PURE__ */ n(fr, { children: /* @__PURE__ */ p(
-    ot,
+    it,
     {
       trigger: /* @__PURE__ */ n(
         It,
@@ -344,8 +344,8 @@ const fr = Fe("div", {
       children: [
         /* @__PURE__ */ n(M, { onClick: () => {
           e !== "paragraph" && t.update(() => {
-            const c = L();
-            T(c) && (X(c, () => Y()), r("paragraph"));
+            const c = T();
+            L(c) && (Q(c, () => Y()), r("paragraph"));
           });
         }, children: /* @__PURE__ */ n(C, { blockType: "paragraph" }) }),
         /* @__PURE__ */ n(M, { onClick: () => o("h1"), children: /* @__PURE__ */ n(C, { blockType: "h1" }) }),
@@ -365,8 +365,8 @@ const fr = Fe("div", {
         }, children: /* @__PURE__ */ n(C, { blockType: "check" }) }),
         /* @__PURE__ */ n(M, { onClick: () => {
           e !== "quote" && t.update(() => {
-            const c = L();
-            T(c) && (X(c, () => ge()), r("quote"));
+            const c = T();
+            L(c) && (Q(c, () => ge()), r("quote"));
           });
         }, children: /* @__PURE__ */ n(C, { blockType: "quote" }) })
       ]
@@ -374,14 +374,14 @@ const fr = Fe("div", {
   ) });
 }, vr = () => {
   const [t] = y(), [e, r] = k(!1), [o, i] = k(!1), [l, a] = k(!1), [s, d] = k(!1), [c, u] = k(!1), h = v(() => {
-    const f = L();
-    T(f) && (r(f.hasFormat("bold")), i(f.hasFormat("italic")), a(f.hasFormat("underline")), d(f.hasFormat("code")), u(f.hasFormat("superscript")));
+    const f = T();
+    L(f) && (r(f.hasFormat("bold")), i(f.hasFormat("italic")), a(f.hasFormat("underline")), d(f.hasFormat("code")), u(f.hasFormat("superscript")));
   }, []);
-  x(() => lt(
+  x(() => st(
     t.registerCommand(
-      P,
+      F,
       () => (h(), !1),
-      Z
+      tt
     ),
     t.registerUpdateListener(({ editorState: f }) => {
       f.read(() => {
@@ -390,21 +390,21 @@ const fr = Fe("div", {
     })
   ), [t, h]);
   const m = v(
-    () => t.dispatchCommand(B, "bold"),
+    () => t.dispatchCommand(D, "bold"),
     [t]
   ), E = v(
-    () => t.dispatchCommand(B, "italic"),
+    () => t.dispatchCommand(D, "italic"),
     [t]
   ), N = v(
-    () => t.dispatchCommand(B, "underline"),
+    () => t.dispatchCommand(D, "underline"),
     [t]
   ), b = v(
-    () => t.dispatchCommand(B, "code"),
+    () => t.dispatchCommand(D, "code"),
     [t]
   ), S = v(
-    () => t.dispatchCommand(B, "superscript"),
+    () => t.dispatchCommand(D, "superscript"),
     [t]
-  ), A = Rt(() => {
+  ), B = Rt(() => {
     const f = [];
     return e && f.push("bold"), o && f.push("italic"), l && f.push("underline"), s && f.push("code"), c && f.push("superscript"), f;
   }, [e, o, l, s, c]);
@@ -413,11 +413,11 @@ const fr = Fe("div", {
     {
       type: "multiple",
       "aria-label": "Tekstformattering",
-      value: A,
+      value: B,
       children: [
-        /* @__PURE__ */ n(z, { onClick: m, title: "Fet tekst", value: "bold", children: /* @__PURE__ */ n(Qe, { size: "1.25rem" }) }),
+        /* @__PURE__ */ n(O, { onClick: m, title: "Fet tekst", value: "bold", children: /* @__PURE__ */ n(Qe, { size: "1.25rem" }) }),
         /* @__PURE__ */ n(
-          z,
+          O,
           {
             onClick: E,
             title: "Kursiv tekst",
@@ -426,7 +426,7 @@ const fr = Fe("div", {
           }
         ),
         /* @__PURE__ */ n(
-          z,
+          O,
           {
             onClick: N,
             title: "Understreket tekst",
@@ -434,9 +434,9 @@ const fr = Fe("div", {
             children: /* @__PURE__ */ n(gr, { size: "1.25rem" })
           }
         ),
-        /* @__PURE__ */ n(z, { onClick: b, title: "Kode", value: "code", children: /* @__PURE__ */ n(Ve, { size: "1.25rem" }) }),
+        /* @__PURE__ */ n(O, { onClick: b, title: "Kode", value: "code", children: /* @__PURE__ */ n(Ve, { size: "1.25rem" }) }),
         /* @__PURE__ */ n(
-          z,
+          O,
           {
             onClick: S,
             title: "Superscript",
@@ -448,11 +448,11 @@ const fr = Fe("div", {
     }
   );
 }, Cr = ({ children: t }) => {
-  const { hasFocus: e, editorRef: r } = st(), o = e, [i, l] = k(o);
+  const { hasFocus: e, editorRef: r } = ct(), o = e, [i, l] = k(o);
   Me(() => {
     l(o);
   }, [o]);
-  const { context: a, refs: s, floatingStyles: d } = at({
+  const { context: a, refs: s, floatingStyles: d } = lt({
     placement: "top",
     whileElementsMounted: At,
     middleware: [
@@ -475,11 +475,11 @@ const fr = Fe("div", {
       reference: r.current
     }
   }), { getFloatingProps: c } = Dt([
-    Ft(a, {
+    Pt(a, {
       role: "dialog"
     })
   ]);
-  return i ? /* @__PURE__ */ n(Pt, { children: /* @__PURE__ */ n(
+  return i ? /* @__PURE__ */ n(Ft, { children: /* @__PURE__ */ n(
     Ot,
     {
       ref: s.setFloating,
@@ -497,15 +497,15 @@ const fr = Fe("div", {
 }, Mr = ({
   children: t,
   ...e
-}) => /* @__PURE__ */ p(Le, { "aria-label": "Formattering", ...e, children: [
+}) => /* @__PURE__ */ p(Te, { "aria-label": "Formattering", ...e, children: [
   /* @__PURE__ */ n(br, {}),
-  /* @__PURE__ */ n(Te, {}),
+  /* @__PURE__ */ n(Le, {}),
   /* @__PURE__ */ n(vr, {}),
   t
 ] });
-function Lr() {
+function Tr() {
   const [t] = y();
-  return x(() => lt(
+  return x(() => st(
     t.registerCommand(
       xt,
       () => (ue(t, "check"), !0),
@@ -513,18 +513,18 @@ function Lr() {
     ),
     t.registerCommand(
       ee,
-      (e) => vt(e, t, !1),
+      (e) => Ct(e, t, !1),
       _
     ),
     t.registerCommand(
       re,
-      (e) => vt(e, t, !0),
+      (e) => Ct(e, t, !0),
       _
     ),
     t.registerCommand(
       Mt,
       (e) => {
-        if (V() != null) {
+        if (Z() != null) {
           const o = t.getRootElement();
           return o != null && o.focus(), !0;
         }
@@ -535,10 +535,10 @@ function Lr() {
     t.registerCommand(
       ne,
       (e) => {
-        const r = V();
+        const r = Z();
         return r != null && t.isEditable() ? (t.update(() => {
-          const o = tt(r);
-          $(o) && (e.preventDefault(), o.toggleChecked());
+          const o = et(r);
+          A(o) && (e.preventDefault(), o.toggleChecked());
         }), !0) : !1;
       },
       _
@@ -546,17 +546,17 @@ function Lr() {
     t.registerCommand(
       oe,
       (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 = Ht(
               l,
               (s) => ie(s) && !s.isInline()
             );
-            if ($(a)) {
+            if (A(a)) {
               const s = a.getParent();
-              if (rt(s) && s.getListType() === "check" && (i || a.getFirstDescendant() === l)) {
+              if (nt(s) && s.getListType() === "check" && (i || a.getFirstDescendant() === l)) {
                 const d = t.getElementByKey(a.__key);
                 if (d != null && document.activeElement !== d)
                   return d.focus(), e.preventDefault(), !0;
@@ -569,16 +569,16 @@ function Lr() {
       _
     ),
     t.registerRootListener((e, r) => {
-      e !== null && (e.addEventListener("click", kt), e.addEventListener("pointerdown", bt)), r !== null && (r.removeEventListener("click", kt), r.removeEventListener("pointerdown", bt));
+      e !== null && (e.addEventListener("click", bt), e.addEventListener("pointerdown", vt)), r !== null && (r.removeEventListener("click", bt), r.removeEventListener("pointerdown", vt));
     })
   ), [t]), null;
 }
 function qt(t, e) {
   const r = t.target;
-  if (r === null || !mt(r))
+  if (r === null || !kt(r))
     return;
   const o = r.firstChild;
-  if (o != null && mt(o) && (o.tagName === "UL" || o.tagName === "OL"))
+  if (o != null && kt(o) && (o.tagName === "UL" || o.tagName === "OL"))
     return;
   const i = r.parentNode;
   if (!i || i.__lexicalListType !== "check")
@@ -586,23 +586,23 @@ function qt(t, e) {
   const l = t.pageX, a = r.getBoundingClientRect();
   (r.dir === "rtl" ? l < a.right && l > a.right - 20 : l > a.left && l < a.left + 20) && e();
 }
-function kt(t) {
+function bt(t) {
   qt(t, () => {
-    const e = t.target, r = Tr(e);
+    const e = t.target, r = Lr(e);
     r != null && r.isEditable() && r.update(() => {
       if (t.target) {
-        const o = tt(e);
-        $(o) && (e.focus(), o.toggleChecked());
+        const o = et(e);
+        A(o) && (e.focus(), o.toggleChecked());
       }
     });
   });
 }
-function bt(t) {
+function vt(t) {
   qt(t, () => {
     t.preventDefault();
   });
 }
-function Tr(t) {
+function Lr(t) {
   let e = t;
   for (; e; ) {
     if (e.__lexicalEditor)
@@ -611,28 +611,28 @@ function Tr(t) {
   }
   return null;
 }
-function V() {
+function Z() {
   const t = document.activeElement;
   return t != null && t.tagName === "LI" && t.parentNode != null && // @ts-ignore internal field
   t.parentNode.__lexicalListType === "check" ? t : null;
 }
 function yr(t, e) {
   let r = e ? t.getPreviousSibling() : t.getNextSibling(), o = t;
-  for (; r == null && $(o); )
+  for (; r == null && A(o); )
     o = o.getParentOrThrow().getParent(), o != null && (r = e ? o.getPreviousSibling() : o.getNextSibling());
-  for (; $(r); ) {
+  for (; A(r); ) {
     const i = e ? r.getLastChild() : r.getFirstChild();
-    if (!rt(i))
+    if (!nt(i))
       return r;
     r = e ? i.getLastChild() : i.getFirstChild();
   }
   return null;
 }
-function vt(t, e, r) {
-  const o = V();
+function Ct(t, e, r) {
+  const o = Z();
   return o != null && e.update(() => {
-    const i = tt(o);
-    if (!$(i))
+    const i = et(o);
+    if (!A(i))
       return;
     const l = yr(i, r);
     if (l != null) {
@@ -648,7 +648,7 @@ const xr = () => /* @__PURE__ */ p(H, { children: [
   /* @__PURE__ */ n(He, {}),
   /* @__PURE__ */ n(We, {}),
   /* @__PURE__ */ n(Ue, {}),
-  /* @__PURE__ */ n(Lr, {}),
+  /* @__PURE__ */ n(Tr, {}),
   /* @__PURE__ */ n(je, {})
 ] }), Nr = ({
   state: t
@@ -711,7 +711,7 @@ const xr = () => /* @__PURE__ */ p(H, { children: [
 }), wr = ({
   isLoading: t
 }) => /* @__PURE__ */ n(
-  F,
+  P,
   {
     css: {
       visibility: t ? "visible" : "hidden",
@@ -736,7 +736,7 @@ const xr = () => /* @__PURE__ */ p(H, { children: [
   defaultState: u,
   css: h
 }) => {
-  const { hasFocus: m, attributes: E } = Xe({ onBlur: c }), N = nt(null), b = Rt(() => ({ hasFocus: m, editorRef: N }), [m]);
+  const { hasFocus: m, attributes: E } = Xe({ onBlur: c }), N = ot(null), b = Rt(() => ({ hasFocus: m, editorRef: N }), [m]);
   return /* @__PURE__ */ n(jt.Provider, { value: b, children: /* @__PURE__ */ p(
     Ee,
     {
@@ -765,7 +765,7 @@ const xr = () => /* @__PURE__ */ p(H, { children: [
                 {
                   contentEditable: s,
                   placeholder: r ? /* @__PURE__ */ n(
-                    F,
+                    P,
                     {
                       css: {
                         position: "absolute",
@@ -983,7 +983,7 @@ const xr = () => /* @__PURE__ */ p(H, { children: [
   defaultVariants: {
     size: "md"
   }
-}, hn = Pe(Er), pn = () => {
+}, hn = Fe(Er), pn = () => {
   const [t] = y(), e = v(() => {
     t.dispatchCommand(fe, {
       rows: "3",
@@ -992,7 +992,7 @@ const xr = () => /* @__PURE__ */ p(H, { children: [
     });
   }, [t]);
   return /* @__PURE__ */ n(
-    ot,
+    it,
     {
       trigger: /* @__PURE__ */ n(It, { dropdown: !0, children: "Sett inn" }),
       side: "bottom",
@@ -1008,11 +1008,11 @@ function _r(t) {
   return g({ 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 gn = () => {
-  const [t] = y(), [e, r] = k(null), { hasFocus: o } = st();
+  const [t] = y(), [e, r] = k(null), { hasFocus: o } = ct();
   x(() => {
     !o && e && r(null);
   }, [o, e]);
-  const { refs: i, floatingStyles: l } = at({
+  const { refs: i, floatingStyles: l } = lt({
     placement: "top-end",
     open: !!e,
     elements: {
@@ -1021,10 +1021,10 @@ const gn = () => {
     middleware: [Bt({ mainAxis: -20, crossAxis: -2 })]
   });
   x(() => t.registerCommand(
-    P,
+    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);
       }
@@ -1036,16 +1036,16 @@ const gn = () => {
     t.update(() => {
       switch (s) {
         case "add-row-over":
-          gt(!1);
+          ft(!1);
           break;
         case "add-row-under":
-          gt(!0);
+          ft(!0);
           break;
         case "add-column-left":
-          pt(!1);
+          gt(!1);
           break;
         case "add-column-right":
-          pt(!0);
+          gt(!0);
           break;
         case "delete-row":
           be();
@@ -1057,7 +1057,7 @@ const gn = () => {
     });
   };
   return e ? /* @__PURE__ */ p(
-    ot,
+    it,
     {
       trigger: /* @__PURE__ */ n(
         w,
@@ -1072,28 +1072,28 @@ const gn = () => {
         }
       ),
       children: [
-        /* @__PURE__ */ n(I, { onClick: a("add-row-over"), children: "Legg til rad over" }),
-        /* @__PURE__ */ n(I, { onClick: a("add-row-under"), children: "Legg til rad under" }),
-        /* @__PURE__ */ n(ft, {}),
-        /* @__PURE__ */ n(I, { onClick: a("add-column-left"), children: "Legg til kolonne venstre" }),
-        /* @__PURE__ */ n(I, { onClick: a("add-column-right"), children: "Legg til kolonne høyre" }),
-        /* @__PURE__ */ n(ft, {}),
-        /* @__PURE__ */ n(I, { onClick: a("delete-row"), children: "Fjern rad" }),
-        /* @__PURE__ */ n(I, { onClick: a("delete-column"), children: "Fjern kolonne" })
+        /* @__PURE__ */ n(z, { onClick: a("add-row-over"), children: "Legg til rad over" }),
+        /* @__PURE__ */ n(z, { onClick: a("add-row-under"), children: "Legg til rad under" }),
+        /* @__PURE__ */ n(mt, {}),
+        /* @__PURE__ */ n(z, { onClick: a("add-column-left"), children: "Legg til kolonne venstre" }),
+        /* @__PURE__ */ n(z, { onClick: a("add-column-right"), children: "Legg til kolonne høyre" }),
+        /* @__PURE__ */ n(mt, {}),
+        /* @__PURE__ */ n(z, { onClick: a("delete-row"), children: "Fjern rad" }),
+        /* @__PURE__ */ n(z, { onClick: a("delete-column"), children: "Fjern kolonne" })
       ]
     }
   ) : null;
 };
-function ct(t) {
+function dt(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://";
 }
 function Yt(t) {
   const e = t.anchor, r = t.focus, o = t.anchor.getNode(), i = t.focus.getNode();
-  return o === i ? o : t.isBackward() ? ht(r) ? o : i : ht(e) ? o : i;
+  return o === i ? o : t.isBackward() ? pt(r) ? o : i : pt(e) ? o : i;
 }
-const fn = (t) => (R.baseURL = t, R), K = class extends O {
+const fn = (t) => (R.baseURL = t, R), K = class extends $ {
   static getType() {
     return "rutine_link";
   }
@@ -1124,7 +1124,7 @@ const fn = (t) => (R.baseURL = t, R), K = class extends O {
   }
 };
 let R = K;
-ut(R, "baseURL", "");
+ht(R, "baseURL", "");
 function Gt(t) {
   return new R(t);
 }
@@ -1135,37 +1135,40 @@ const Ir = ({ onClose: t }) => {
   const [e] = y(), r = v(
     (i) => {
       e.update(() => {
-        const l = L();
-        if (T(l) && l.isCollapsed()) {
-          const a = l.getNodes();
-          if (a.length === 1) {
-            const s = a[0];
-            Lt(s) && s.getChildren().length === 0 && l.insertText(i);
-          }
+        const l = T();
+        if (L(l) && l.isCollapsed()) {
+          const a = I(i);
+          l.insertNodes([a]);
+          const s = Tt();
+          s.setTextNodeRange(a, 0, a, i.length), G(s);
         }
-      }), e.dispatchCommand(G, ct(i));
+        e.dispatchCommand(J, dt(i));
+      });
     },
     [e]
   );
   return /* @__PURE__ */ p("form", { onSubmit: (i) => {
-    r(i.target.url.value), t();
+    r(i.currentTarget.url.value), t();
   }, children: [
     /* @__PURE__ */ n(Se, { name: "url", label: "URL", type: "url", required: !0 }),
-    /* @__PURE__ */ p(it, { children: [
+    /* @__PURE__ */ p(at, { children: [
       /* @__PURE__ */ n(w, { onClick: t, children: "Avbryt" }),
-      /* @__PURE__ */ n(w, { type: "submit", variant: "primary", children: "Lagre" })
+      /* @__PURE__ */ n(w, { type: "submit", variant: "primary", children: "Sett inn" })
     ] })
   ] });
-}, zr = ({ onClose: t, getDocs: e }) => {
+}, zr = ({
+  onClose: t,
+  getDocs: e
+}) => {
   const [r] = y(), [o, i] = k([]), l = e(), a = v(
     (s) => {
       r.update(() => {
-        const d = L();
-        if (T(d)) {
+        const d = T();
+        if (L(d)) {
           const c = [];
           for (const [u, h] of s.entries()) {
             const m = Gt(h.value);
-            m.append(D(h.label)), c.push(m), u !== s.length - 1 && c.push(D(" "));
+            m.append(I(h.label)), c.push(m), u !== s.length - 1 && c.push(I(" "));
           }
           d.insertNodes(c);
         }
@@ -1174,8 +1177,15 @@ const Ir = ({ onClose: t }) => {
     [r]
   );
   return /* @__PURE__ */ p(H, { children: [
-    /* @__PURE__ */ n(we, { isMulti: !0, options: l, onChange: i }),
-    /* @__PURE__ */ p(it, { children: [
+    /* @__PURE__ */ n(
+      we,
+      {
+        isMulti: !0,
+        options: l,
+        onChange: (s) => i(s)
+      }
+    ),
+    /* @__PURE__ */ p(at, { children: [
       /* @__PURE__ */ n(w, { onClick: t, children: "Avbryt" }),
       /* @__PURE__ */ n(
         w,
@@ -1184,12 +1194,15 @@ const Ir = ({ onClose: t }) => {
           onClick: () => {
             a(o), t();
           },
-          children: "Lagre"
+          children: "Sett inn"
         }
       )
     ] })
   ] });
-}, Or = ({ onClose: t, uploadFile: e }) => {
+}, Or = ({
+  onClose: t,
+  uploadFile: e
+}) => {
   const [r] = y(), [o, i] = k(null), l = async (s) => {
     var c;
     const d = (c = s.target.files) == null ? void 0 : c[0];
@@ -1202,15 +1215,17 @@ const Ir = ({ onClose: t }) => {
     }
   }, a = v(() => {
     r.update(() => {
-      const s = L();
-      if (T(s) && s.isCollapsed()) {
-        const d = s.getNodes();
-        if (d.length === 1) {
-          const c = d[0];
-          Lt(c) && c.getChildren().length === 0 && s.insertText(o.name);
-        }
+      if (!o)
+        return;
+      const s = T();
+      if (L(s) && s.isCollapsed()) {
+        const d = I(o.name);
+        s.insertNodes([d]);
+        const c = Tt();
+        c.setTextNodeRange(d, 0, d, o.name.length), G(c);
       }
-    }), r.dispatchCommand(G, ct(o.url));
+      r.dispatchCommand(J, dt(o.url));
+    });
   }, [r, o]);
   return /* @__PURE__ */ p(H, { children: [
     e.isLoading && /* @__PURE__ */ n($t, {}),
@@ -1222,7 +1237,7 @@ const Ir = ({ onClose: t }) => {
         disabled: e.isLoading
       }
     ),
-    /* @__PURE__ */ p(it, { children: [
+    /* @__PURE__ */ p(at, { children: [
       /* @__PURE__ */ n(w, { onClick: t, children: "Avbryt" }),
       /* @__PURE__ */ n(
         w,
@@ -1232,7 +1247,7 @@ const Ir = ({ onClose: t }) => {
             a(), t();
           },
           disabled: !o,
-          children: "Lagre"
+          children: "Sett inn"
         }
       )
     ] })
@@ -1248,32 +1263,42 @@ const Ir = ({ onClose: t }) => {
   };
   return /* @__PURE__ */ p(xe, { open: t, onOpenChange: e, css: { width: "600px" }, children: [
     /* @__PURE__ */ p(Ne, { css: { marginBottom: "$8" }, children: [
-      /* @__PURE__ */ n(Q, { active: i === "url", onClick: () => l("url"), children: "URL" }),
-      /* @__PURE__ */ n(Q, { active: i === "rutine", onClick: () => l("rutine"), children: "Rutine" }),
-      /* @__PURE__ */ n(Q, { active: i === "file", onClick: () => l("file"), children: "Fil" })
+      /* @__PURE__ */ n(V, { active: i === "url", onClick: () => l("url"), children: "URL" }),
+      r && /* @__PURE__ */ n(
+        V,
+        {
+          active: i === "rutine",
+          onClick: () => l("rutine"),
+          children: "Rutine"
+        }
+      ),
+      o && /* @__PURE__ */ n(V, { active: i === "file", onClick: () => l("file"), children: "Fil" })
     ] }),
     i === "url" && /* @__PURE__ */ n(Ir, { onClose: a }),
-    i === "rutine" && /* @__PURE__ */ n(zr, { onClose: a, getDocs: r }),
-    i === "file" && /* @__PURE__ */ n(Or, { onClose: a, uploadFile: o })
+    i === "rutine" && r && /* @__PURE__ */ n(zr, { onClose: a, getDocs: r }),
+    i === "file" && o && /* @__PURE__ */ n(Or, { onClose: a, uploadFile: o })
   ] });
-}, mn = ({ getDocs: t, uploadFile: e }) => {
+}, mn = ({
+  getDocs: t,
+  uploadFile: e
+}) => {
   const [r] = y(), [o, i] = k(!1), [l, a] = k(!1), s = v(() => {
-    const d = L();
-    if (T(d)) {
+    const d = T();
+    if (L(d)) {
       const c = Yt(d), u = c.getParent();
       i(W(u) || W(c));
     }
   }, []);
   return x(() => r.registerCommand(
-    P,
+    F,
     () => (s(), !1),
-    Z
+    tt
   ), [r, s]), /* @__PURE__ */ p(zt, { type: "single", value: o ? "link" : "", children: [
     /* @__PURE__ */ n(
-      z,
+      O,
       {
         onClick: () => {
-          o ? r.dispatchCommand(G, null) : a(!0);
+          o ? r.dispatchCommand(J, null) : a(!0);
         },
         title: "Lenke",
         value: "link",
@@ -1291,13 +1316,13 @@ const Ir = ({ onClose: t }) => {
     )
   ] });
 }, kn = () => {
-  const [t] = y(), e = nt(null), [r, o] = k(null), [i, l] = k(""), { hasFocus: a } = st();
+  const [t] = y(), e = ot(null), [r, o] = k(null), [i, l] = k(""), { hasFocus: a } = ct();
   x(() => {
     r ? t.update(() => {
       l(r.getURL());
     }) : l("");
   }, [t, r]);
-  const s = !!(r && i && a), { refs: d, floatingStyles: c, context: u } = at({
+  const s = !!(r && i && a), { refs: d, floatingStyles: c, context: u } = lt({
     placement: "top",
     strategy: "fixed",
     open: s,
@@ -1307,37 +1332,37 @@ const Ir = ({ onClose: t }) => {
     },
     middleware: [$e()]
   }), { getFloatingProps: h } = Dt([
-    Ft(u),
+    Pt(u),
     Ae(u)
   ]), m = v(() => {
     var S;
-    const b = L();
-    if (T(b)) {
-      const A = Yt(b), f = A.getParent();
+    const b = T();
+    if (L(b)) {
+      const B = Yt(b), f = B.getParent();
       let U = null;
-      if (W(f) ? U = f : W(A) && (U = A), U) {
-        const J = window.getSelection(), dt = t.getRootElement();
-        b !== null && J !== null && dt !== null && dt.contains(J.anchorNode) && t.isEditable() && (e.current = ((S = J.focusNode) == null ? void 0 : S.parentElement) ?? null);
+      if (W(f) ? U = f : W(B) && (U = B), U) {
+        const X = window.getSelection(), ut = t.getRootElement();
+        b !== null && X !== null && ut !== null && ut.contains(X.anchorNode) && t.isEditable() && (e.current = ((S = X.focusNode) == null ? void 0 : S.parentElement) ?? null);
       }
       o(U);
     }
   }, [t]), E = v(() => {
     r && Rr(r) && t.update(() => {
       r.remove();
-    }), t.dispatchCommand(G, null);
+    }), t.dispatchCommand(J, null);
   }, [t, r]);
   if (x(() => {
     t.getEditorState().read(() => {
       m();
     });
-  }, [t, m]), x(() => lt(
+  }, [t, m]), x(() => st(
     t.registerUpdateListener(({ editorState: b }) => {
       b.read(() => {
         m();
       });
     }),
     t.registerCommand(
-      P,
+      F,
       () => (m(), !0),
       _
     ),
@@ -1348,8 +1373,8 @@ const Ir = ({ onClose: t }) => {
     )
   ), [t, m, r]), !s)
     return null;
-  const N = ct(i);
-  return /* @__PURE__ */ n(Pt, { children: /* @__PURE__ */ p(
+  const N = dt(i);
+  return /* @__PURE__ */ n(Ft, { children: /* @__PURE__ */ p(
     Ot,
     {
       ref: d.setFloating,
@@ -1364,7 +1389,7 @@ const Ir = ({ onClose: t }) => {
       ...h(),
       children: [
         /* @__PURE__ */ n(
-          F,
+          P,
           {
             as: "a",
             css: {
@@ -1410,5 +1435,5 @@ export {
   Je as setStateFromPlainText,
   sn as stateToHTML,
   Xe as useHasFocusWithin,
-  st as useRichTextContext
+  ct as useRichTextContext
 };

package/package.json

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