@arkitektbedriftene/fe-lib 2.0.4 → 2.0.5

package/dist/rich-text.es.js

@@ -3,22 +3,22 @@ var ne = (t, r, e) => r in t ? re(t, r, { enumerable: !0, configurable: !0, writ
 var I = (t, r, e) => (ne(t, typeof r != "symbol" ? r + "" : r, e), e);
 import { createHeadlessEditor as oe } from "@lexical/headless";
 import { $generateHtmlFromNodes as ie } from "@lexical/html";
-import { $getRoot as X, ParagraphNode as ae, $createParagraphNode as W, $createTextNode as $, $setSelection as Q, $getNodeByKey as ft, DecoratorNode as le, $applyNodeReplacement as se, SELECTION_CHANGE_COMMAND as j, $getSelection as w, COMMAND_PRIORITY_CRITICAL as at, $isRangeSelection as L, $isRootOrShadowRoot as wt, FORMAT_TEXT_COMMAND as U, COMMAND_PRIORITY_LOW as R, KEY_ARROW_DOWN_COMMAND as ce, KEY_ARROW_UP_COMMAND as de, KEY_ESCAPE_COMMAND as Lt, KEY_SPACE_COMMAND as he, $getNearestNodeFromDOMNode as lt, KEY_ARROW_LEFT_COMMAND as ue, $isElementNode as ge, createCommand as pe, $insertNodes as me, COMMAND_PRIORITY_EDITOR as fe, COMMAND_PRIORITY_NORMAL as ke, $createRangeSelection as yt, COMMAND_PRIORITY_HIGH as be } from "lexical";
-import { trimTextContentFromAnchor as ve, $setBlocksType as nt, $isAtNodeEnd as kt } from "@lexical/selection";
-import { LinkNode as B, AutoLinkNode as Nt, $isLinkNode as Y, TOGGLE_LINK_COMMAND as V } from "@lexical/link";
-import { ListNode as st, ListItemNode as St, $isListNode as ct, INSERT_UNORDERED_LIST_COMMAND as Ce, INSERT_ORDERED_LIST_COMMAND as Me, INSERT_CHECK_LIST_COMMAND as Et, insertList as _e, $isListItemNode as P } from "@lexical/list";
-import { HeadingNode as It, QuoteNode as Rt, $isHeadingNode as Te, $createHeadingNode as xe, $createQuoteNode as we } from "@lexical/rich-text";
-import { TableNode as Ot, TableRowNode as $t, TableCellNode as zt, INSERT_TABLE_COMMAND as Le, $getTableCellNodeFromLexicalNode as ye, $deleteTableColumn__EXPERIMENTAL as Ne, $deleteTableRow__EXPERIMENTAL as Se, $insertTableColumn__EXPERIMENTAL as bt, $insertTableRow__EXPERIMENTAL as vt } from "@lexical/table";
+import { $getRoot as X, ParagraphNode as ae, $createParagraphNode as W, $createTextNode as $, $setSelection as Q, $getNodeByKey as kt, DecoratorNode as le, $applyNodeReplacement as se, SELECTION_CHANGE_COMMAND as j, $getSelection as w, COMMAND_PRIORITY_CRITICAL as at, $isRangeSelection as L, $isRootOrShadowRoot as Lt, FORMAT_TEXT_COMMAND as U, COMMAND_PRIORITY_LOW as R, KEY_ARROW_DOWN_COMMAND as ce, KEY_ARROW_UP_COMMAND as de, KEY_ESCAPE_COMMAND as yt, KEY_SPACE_COMMAND as he, $getNearestNodeFromDOMNode as lt, KEY_ARROW_LEFT_COMMAND as ue, $isElementNode as ge, createCommand as pe, $insertNodes as me, COMMAND_PRIORITY_EDITOR as fe, COMMAND_PRIORITY_NORMAL as ke, $createRangeSelection as Nt, COMMAND_PRIORITY_HIGH as be } from "lexical";
+import { trimTextContentFromAnchor as ve, $setBlocksType as nt, $isAtNodeEnd as bt } from "@lexical/selection";
+import { LinkNode as B, AutoLinkNode as St, $isLinkNode as Y, TOGGLE_LINK_COMMAND as V } from "@lexical/link";
+import { ListNode as st, ListItemNode as Et, $isListNode as ct, INSERT_UNORDERED_LIST_COMMAND as Ce, INSERT_ORDERED_LIST_COMMAND as Me, INSERT_CHECK_LIST_COMMAND as It, insertList as _e, $isListItemNode as P } from "@lexical/list";
+import { HeadingNode as Rt, QuoteNode as Ot, $isHeadingNode as Te, $createHeadingNode as xe, $createQuoteNode as we } from "@lexical/rich-text";
+import { TableNode as $t, TableRowNode as zt, TableCellNode as At, INSERT_TABLE_COMMAND as Le, $getTableCellNodeFromLexicalNode as ye, $deleteTableColumn__EXPERIMENTAL as Ne, $deleteTableRow__EXPERIMENTAL as Se, $insertTableColumn__EXPERIMENTAL as vt, $insertTableRow__EXPERIMENTAL as Ct } from "@lexical/table";
 import { jsx as o, jsxs as g, Fragment as F } from "react/jsx-runtime";
-import { createContext as Ee, useState as f, useRef as K, useCallback as C, useContext as Ie, useEffect as y, useMemo as At, useLayoutEffect as Re } from "react";
-import { Box as H, Stack as Oe, Button as N, DropdownMenu as dt, ToolbarButton as Dt, DropdownMenuIconItem as _, ToolbarToggleGroup as Bt, ToolbarToggleItem as D, OverlayCard as Pt, Toolbar as $e, ToolbarSeparator as ze, styled as Ae, Spinner as ht, Dialog as Ht, DialogHeader as De, TextInput as Ft, DialogActions as Z, DropdownMenuItem as A, DropdownMenuSeparator as Ct, NavBar as Be, NavBarItem as ot, Combobox as Pe } from "./ui.es.js";
+import { createContext as Ee, useState as f, useRef as K, useCallback as C, useContext as Ie, useEffect as y, useMemo as Dt, useLayoutEffect as Re } from "react";
+import { Box as H, Stack as Oe, Button as N, DropdownMenu as dt, ToolbarButton as Bt, DropdownMenuIconItem as _, ToolbarToggleGroup as Pt, ToolbarToggleItem as D, OverlayCard as Ht, Toolbar as $e, ToolbarSeparator as ze, styled as Ae, Spinner as ht, Dialog as Ft, DialogHeader as De, TextInput as ut, DialogActions as Z, DropdownMenuItem as A, DropdownMenuSeparator as Mt, NavBar as Be, NavBarItem as ot, Combobox as Pe } from "./ui.es.js";
 import { f as He, g as Fe, G as k, h as Ue, i as We } from "./index.esm-da01383a.js";
 import { useLexicalComposerContext as T } from "@lexical/react/LexicalComposerContext.js";
 import { LexicalComposer as je } from "@lexical/react/LexicalComposer.js";
 import { RichTextPlugin as Ke } from "@lexical/react/LexicalRichTextPlugin.js";
 import qe from "@lexical/react/LexicalErrorBoundary.js";
-import { useFloating as ut, autoUpdate as Ut, size as Ye, flip as Ge, offset as Wt, shift as Je, useInteractions as jt, useRole as Kt, FloatingPortal as qt, inline as Xe, useDismiss as Qe } from "@floating-ui/react";
-import { $getNearestNodeOfType as Ve, $findMatchingParent as Yt, mergeRegister as tt, isHTMLElement as Mt, $wrapNodeInElement as Ze } from "@lexical/utils";
+import { useFloating as gt, autoUpdate as Ut, size as Ye, flip as Ge, offset as Wt, shift as Je, useInteractions as jt, useRole as Kt, FloatingPortal as qt, inline as Xe, useDismiss as Qe } from "@floating-ui/react";
+import { $getNearestNodeOfType as Ve, $findMatchingParent as Yt, mergeRegister as tt, isHTMLElement as _t, $wrapNodeInElement as Ze } from "@lexical/utils";
 import { s as tr, c as er } from "./stitches.config-00c23cdb.js";
 import { ListPlugin as rr } from "@lexical/react/LexicalListPlugin.js";
 import { HistoryPlugin as nr } from "@lexical/react/LexicalHistoryPlugin.js";
@@ -182,7 +182,7 @@ function pr({
   }, S = () => {
     p.update(() => {
       var M;
-      const h = ft(i);
+      const h = kt(i);
       if (!h)
         return;
       const v = h.getPreviousSibling() || ((M = h.getParent()) == null ? void 0 : M.getPreviousSibling());
@@ -191,7 +191,7 @@ function pr({
   }, E = () => {
     p.update(() => {
       var M;
-      const h = ft(i);
+      const h = kt(i);
       if (!h)
         return;
       const v = h.getNextSibling() || ((M = h.getParent()) == null ? void 0 : M.getNextSibling());
@@ -256,7 +256,7 @@ function pr({
 }
 function mr(t) {
   const r = t, { alt: e, src: n, width: i, height: a } = r;
-  return { node: gt({ altText: e, height: a, src: n, width: i }) };
+  return { node: pt({ altText: e, height: a, src: n, width: i }) };
 }
 class z extends le {
   constructor(e, n, i, a, l, s) {
@@ -283,7 +283,7 @@ class z extends le {
   }
   static importJSON(e) {
     const { altText: n, height: i, width: a, src: l, meta: s } = e;
-    return gt({
+    return pt({
       altText: n,
       height: i,
       src: l,
@@ -351,7 +351,7 @@ class z extends le {
     );
   }
 }
-function gt({
+function pt({
   altText: t,
   height: r,
   src: e,
@@ -367,26 +367,26 @@ function In(t) {
   return t instanceof z;
 }
 const Rn = [
-  It,
   Rt,
+  Ot,
   st,
+  Et,
   St,
-  Nt,
   B,
-  Ot,
   $t,
   zt,
+  At,
   z
 ], On = [
-  It,
   Rt,
+  Ot,
   st,
+  Et,
   St,
-  Nt,
   B,
-  Ot,
   $t,
   zt,
+  At,
   z,
   G,
   {
@@ -500,7 +500,7 @@ const $r = tr("div", {
   const r = t.anchor.getNode();
   let e = r.getKey() === "root" ? r : Yt(r, (n) => {
     const i = n.getParent();
-    return i !== null && wt(i);
+    return i !== null && Lt(i);
   });
   return e === null && (e = r.getTopLevelElementOrThrow()), {
     anchorNode: r,
@@ -540,7 +540,7 @@ const $r = tr("div", {
     dt,
     {
       trigger: /* @__PURE__ */ o(
-        Dt,
+        Bt,
         {
           dropdown: !0,
           css: { display: "flex", width: "100%", overflow: "hidden" },
@@ -569,7 +569,7 @@ const $r = tr("div", {
           r !== "number" && (t.dispatchCommand(Me, void 0), e("number"));
         }, children: /* @__PURE__ */ o(x, { blockType: "number" }) }),
         /* @__PURE__ */ o(_, { onClick: () => {
-          r !== "check" && (t.dispatchCommand(Et, void 0), e("check"));
+          r !== "check" && (t.dispatchCommand(It, void 0), e("check"));
         }, children: /* @__PURE__ */ o(x, { blockType: "check" }) }),
         /* @__PURE__ */ o(_, { onClick: () => {
           r !== "quote" && t.update(() => {
@@ -612,12 +612,12 @@ const $r = tr("div", {
   ), v = C(
     () => t.dispatchCommand(U, "superscript"),
     [t]
-  ), M = At(() => {
+  ), M = Dt(() => {
     const b = [];
     return r && b.push("bold"), n && b.push("italic"), a && b.push("underline"), s && b.push("code"), c && b.push("superscript"), b;
   }, [r, n, a, s, c]);
   return /* @__PURE__ */ g(
-    Bt,
+    Pt,
     {
       type: "multiple",
       "aria-label": "Tekstformattering",
@@ -660,7 +660,7 @@ const $r = tr("div", {
   Re(() => {
     a(n);
   }, [n]);
-  const { context: l, refs: s, floatingStyles: d } = ut({
+  const { context: l, refs: s, floatingStyles: d } = gt({
     placement: "top",
     whileElementsMounted: Ut,
     middleware: [
@@ -688,7 +688,7 @@ const $r = tr("div", {
     })
   ]);
   return i ? /* @__PURE__ */ o(qt, { children: /* @__PURE__ */ o(
-    Pt,
+    Ht,
     {
       ref: s.setFloating,
       style: d,
@@ -715,22 +715,22 @@ function Fr() {
   const [t] = T();
   return y(() => tt(
     t.registerCommand(
-      Et,
+      It,
       () => (_e(t, "check"), !0),
       R
     ),
     t.registerCommand(
       ce,
-      (r) => xt(r, t, !1),
+      (r) => wt(r, t, !1),
       R
     ),
     t.registerCommand(
       de,
-      (r) => xt(r, t, !0),
+      (r) => wt(r, t, !0),
       R
     ),
     t.registerCommand(
-      Lt,
+      yt,
       (r) => {
         if (it() != null) {
           const n = t.getRootElement();
@@ -777,16 +777,16 @@ function Fr() {
       R
     ),
     t.registerRootListener((r, e) => {
-      r !== null && (r.addEventListener("click", _t), r.addEventListener("pointerdown", Tt)), e !== null && (e.removeEventListener("click", _t), e.removeEventListener("pointerdown", Tt));
+      r !== null && (r.addEventListener("click", Tt), r.addEventListener("pointerdown", xt)), e !== null && (e.removeEventListener("click", Tt), e.removeEventListener("pointerdown", xt));
     })
   ), [t]), null;
 }
 function Vt(t, r) {
   const e = t.target;
-  if (e === null || !Mt(e))
+  if (e === null || !_t(e))
     return;
   const n = e.firstChild;
-  if (n != null && Mt(n) && (n.tagName === "UL" || n.tagName === "OL"))
+  if (n != null && _t(n) && (n.tagName === "UL" || n.tagName === "OL"))
     return;
   const i = e.parentNode;
   if (!i || i.__lexicalListType !== "check")
@@ -794,7 +794,7 @@ function Vt(t, r) {
   const a = t.pageX, l = e.getBoundingClientRect();
   (e.dir === "rtl" ? a < l.right && a > l.right - 20 : a > l.left && a < l.left + 20) && r();
 }
-function _t(t) {
+function Tt(t) {
   Vt(t, () => {
     const r = t.target, e = Ur(r);
     e != null && e.isEditable() && e.update(() => {
@@ -805,7 +805,7 @@ function _t(t) {
     });
   });
 }
-function Tt(t) {
+function xt(t) {
   Vt(t, () => {
     t.preventDefault();
   });
@@ -836,7 +836,7 @@ function Wr(t, r) {
   }
   return null;
 }
-function xt(t, r, e) {
+function wt(t, r, e) {
   const n = it();
   return n != null && r.update(() => {
     const i = lt(n);
@@ -862,8 +862,8 @@ function jr() {
       t.registerCommand(
         Zt,
         (r) => {
-          const e = gt(r);
-          return me([e]), wt(e.getParentOrThrow()) && Ze(e, W).selectEnd(), !0;
+          const e = pt(r);
+          return me([e]), Lt(e.getParentOrThrow()) && Ze(e, W).selectEnd(), !0;
         },
         fe
       )
@@ -965,7 +965,7 @@ const Kr = () => /* @__PURE__ */ g(F, { children: [
   css: p,
   signUrl: m
 }) => {
-  const { hasFocus: S, attributes: E } = ur({ onBlur: c }), h = K(null), v = At(
+  const { hasFocus: S, attributes: E } = ur({ onBlur: c }), h = K(null), v = Dt(
     () => ({ hasFocus: S, editorRef: h, signUrl: m }),
     [S, m]
   );
@@ -1241,11 +1241,11 @@ const Kr = () => /* @__PURE__ */ g(F, { children: [
       meta: { width: n.width, height: n.height }
     }), r.onOpenChange(!1));
   };
-  return /* @__PURE__ */ g(Ht, { ...r, children: [
+  return /* @__PURE__ */ g(Ft, { ...r, children: [
     /* @__PURE__ */ o(De, { children: "Sett inn bilde" }),
     t.isLoading && /* @__PURE__ */ o(ht, {}),
     /* @__PURE__ */ o(
-      Ft,
+      ut,
       {
         type: "file",
         accept: "image/png, image/jpeg",
@@ -1278,7 +1278,7 @@ const Kr = () => /* @__PURE__ */ g(F, { children: [
     /* @__PURE__ */ g(
       dt,
       {
-        trigger: /* @__PURE__ */ o(Dt, { dropdown: !0, children: "Sett inn" }),
+        trigger: /* @__PURE__ */ o(Bt, { dropdown: !0, children: "Sett inn" }),
         side: "bottom",
         align: "end",
         children: [
@@ -1311,7 +1311,7 @@ const Dn = () => {
   y(() => {
     !n && r && e(null);
   }, [n, r]);
-  const { refs: i, floatingStyles: a } = ut({
+  const { refs: i, floatingStyles: a } = gt({
     placement: "top-end",
     open: !!r,
     elements: {
@@ -1335,16 +1335,16 @@ const Dn = () => {
     t.update(() => {
       switch (s) {
         case "add-row-over":
-          vt(!1);
+          Ct(!1);
           break;
         case "add-row-under":
-          vt(!0);
+          Ct(!0);
           break;
         case "add-column-left":
-          bt(!1);
+          vt(!1);
           break;
         case "add-column-right":
-          bt(!0);
+          vt(!0);
           break;
         case "delete-row":
           Se();
@@ -1373,24 +1373,24 @@ const Dn = () => {
       children: [
         /* @__PURE__ */ o(A, { onClick: l("add-row-over"), children: "Legg til rad over" }),
         /* @__PURE__ */ o(A, { onClick: l("add-row-under"), children: "Legg til rad under" }),
-        /* @__PURE__ */ o(Ct, {}),
+        /* @__PURE__ */ o(Mt, {}),
         /* @__PURE__ */ o(A, { onClick: l("add-column-left"), children: "Legg til kolonne venstre" }),
         /* @__PURE__ */ o(A, { onClick: l("add-column-right"), children: "Legg til kolonne høyre" }),
-        /* @__PURE__ */ o(Ct, {}),
+        /* @__PURE__ */ o(Mt, {}),
         /* @__PURE__ */ o(A, { onClick: l("delete-row"), children: "Fjern rad" }),
         /* @__PURE__ */ o(A, { onClick: l("delete-column"), children: "Fjern kolonne" })
       ]
     }
   ) : null;
 };
-function pt(t) {
+function mt(t) {
   let r = t;
   const e = /^(?:(?:https?|mailto|ftp|tel|file|sms):|[^&:/?#]*(?:[/?#]|$))/gi, n = /^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 r = String(r).trim(), r.match(e) || r.match(n) ? r : "https://";
 }
 function te(t) {
   const r = t.anchor, e = t.focus, n = t.anchor.getNode(), i = t.focus.getNode();
-  return n === i ? n : t.isBackward() ? kt(e) ? n : i : kt(r) ? n : i;
+  return n === i ? n : t.isBackward() ? bt(e) ? n : i : bt(r) ? n : i;
 }
 const Bn = (t) => (O.baseURL = t, O), J = class extends B {
   static getType() {
@@ -1438,10 +1438,10 @@ const Zr = ({ onClose: t }) => {
         if (L(a) && a.isCollapsed()) {
           const l = $(i);
           a.insertNodes([l]);
-          const s = yt();
+          const s = Nt();
           s.setTextNodeRange(l, 0, l, i.length), Q(s);
         }
-        r.dispatchCommand(V, pt(i));
+        r.dispatchCommand(V, mt(i));
       });
     },
     [r]
@@ -1449,7 +1449,7 @@ const Zr = ({ onClose: t }) => {
   return /* @__PURE__ */ g("form", { onSubmit: (i) => {
     e(i.currentTarget.url.value), t();
   }, children: [
-    /* @__PURE__ */ o(Ft, { name: "url", label: "URL", type: "url", required: !0 }),
+    /* @__PURE__ */ o(ut, { name: "url", label: "URL", type: "url", required: !0 }),
     /* @__PURE__ */ g(Z, { children: [
       /* @__PURE__ */ o(N, { onClick: t, children: "Avbryt" }),
       /* @__PURE__ */ o(N, { type: "submit", variant: "primary", children: "Sett inn" })
@@ -1520,16 +1520,16 @@ const Zr = ({ onClose: t }) => {
       if (L(s) && s.isCollapsed()) {
         const d = $(n.name);
         s.insertNodes([d]);
-        const c = yt();
+        const c = Nt();
         c.setTextNodeRange(d, 0, d, n.name.length), Q(c);
       }
-      e.dispatchCommand(V, pt(n.url));
+      e.dispatchCommand(V, mt(n.url));
     });
   }, [e, n]);
   return /* @__PURE__ */ g(F, { children: [
     r.isLoading && /* @__PURE__ */ o(ht, {}),
     /* @__PURE__ */ o(
-      "input",
+      ut,
       {
         type: "file",
         onChange: a,
@@ -1560,7 +1560,7 @@ const Zr = ({ onClose: t }) => {
   const [i, a] = f("url"), l = () => {
     r(!1);
   };
-  return /* @__PURE__ */ g(Ht, { open: t, onOpenChange: r, css: { width: "600px" }, children: [
+  return /* @__PURE__ */ g(Ft, { open: t, onOpenChange: r, css: { width: "600px" }, children: [
     /* @__PURE__ */ g(Be, { css: { marginBottom: "$8" }, children: [
       /* @__PURE__ */ o(ot, { active: i === "url", onClick: () => a("url"), children: "URL" }),
       e && /* @__PURE__ */ o(
@@ -1592,7 +1592,7 @@ const Zr = ({ onClose: t }) => {
     j,
     () => (s(), !1),
     at
-  ), [e, s]), /* @__PURE__ */ g(Bt, { type: "single", value: n ? "link" : "", children: [
+  ), [e, s]), /* @__PURE__ */ g(Pt, { type: "single", value: n ? "link" : "", children: [
     /* @__PURE__ */ o(
       D,
       {
@@ -1621,7 +1621,7 @@ const Zr = ({ onClose: t }) => {
       a(e.getURL());
     }) : a("");
   }, [t, e]);
-  const s = !!(e && i && l), { refs: d, floatingStyles: c, context: u } = ut({
+  const s = !!(e && i && l), { refs: d, floatingStyles: c, context: u } = gt({
     placement: "top",
     strategy: "fixed",
     open: s,
@@ -1640,8 +1640,8 @@ const Zr = ({ onClose: t }) => {
       const M = te(h), b = M.getParent();
       let q = null;
       if (Y(b) ? q = b : Y(M) && (q = M), q) {
-        const rt = window.getSelection(), mt = t.getRootElement();
-        h !== null && rt !== null && mt !== null && mt.contains(rt.anchorNode) && t.isEditable() && (r.current = ((v = rt.focusNode) == null ? void 0 : v.parentElement) ?? null);
+        const rt = window.getSelection(), ft = t.getRootElement();
+        h !== null && rt !== null && ft !== null && ft.contains(rt.anchorNode) && t.isEditable() && (r.current = ((v = rt.focusNode) == null ? void 0 : v.parentElement) ?? null);
       }
       n(q);
     }
@@ -1666,15 +1666,15 @@ const Zr = ({ onClose: t }) => {
       R
     ),
     t.registerCommand(
-      Lt,
+      yt,
       () => e ? (n(null), !0) : !1,
       be
     )
   ), [t, m, e]), !s)
     return null;
-  const E = pt(i);
+  const E = mt(i);
   return /* @__PURE__ */ o(qt, { children: /* @__PURE__ */ g(
-    Pt,
+    Ht,
     {
       ref: d.setFloating,
       css: {
@@ -1711,7 +1711,7 @@ const Zr = ({ onClose: t }) => {
   ) });
 };
 export {
-  gt as $createImageNode,
+  pt as $createImageNode,
   ee as $createRutineLinkNode,
   In as $isImageNode,
   Vr as $isRutineLinkNode,

package/package.json

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