@arkitektbedriftene/fe-lib 0.4.19 → 0.4.20

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 T, COMMAND_PRIORITY_CRITICAL as J, $isRangeSelection as L, $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 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 z, 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 zt, C as Ie, w as ze, x as _e } from "./Checkbox-a342242a.js";
+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,7 +70,7 @@ 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
@@ -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, () => {
@@ -258,7 +258,7 @@ const vr = Lt("div", {
   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);
   });
@@ -277,7 +277,7 @@ const vr = Lt("div", {
       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
           ), S = k ? k.getListType() : u.getListType();
@@ -358,19 +358,19 @@ const vr = Lt("div", {
     })
   ), [t, u]);
   const m = v(
-    () => t.dispatchCommand(B, "bold"),
+    () => t.dispatchCommand(A, "bold"),
     [t]
   ), E = v(
-    () => t.dispatchCommand(B, "italic"),
+    () => 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]
   ), S = v(
-    () => t.dispatchCommand(B, "superscript"),
+    () => t.dispatchCommand(A, "superscript"),
     [t]
   ), D = Tt(() => {
     const p = [];
@@ -384,7 +384,7 @@ const vr = Lt("div", {
       value: D,
       children: [
         /* @__PURE__ */ n(
-          z,
+          _,
           {
             onClick: m,
             title: "Fet tekst",
@@ -393,7 +393,7 @@ const vr = Lt("div", {
           }
         ),
         /* @__PURE__ */ n(
-          z,
+          _,
           {
             onClick: E,
             title: "Kursiv tekst",
@@ -402,7 +402,7 @@ const vr = Lt("div", {
           }
         ),
         /* @__PURE__ */ n(
-          z,
+          _,
           {
             onClick: x,
             title: "Understreket tekst",
@@ -411,7 +411,7 @@ const vr = Lt("div", {
           }
         ),
         /* @__PURE__ */ n(
-          z,
+          _,
           {
             onClick: k,
             title: "Kode",
@@ -420,7 +420,7 @@ const vr = Lt("div", {
           }
         ),
         /* @__PURE__ */ n(
-          z,
+          _,
           {
             onClick: S,
             title: "Superscript",
@@ -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
@@ -534,11 +534,11 @@ function xr() {
         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,18 +571,18 @@ 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, () => {
+  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();
   });
 }
@@ -602,9 +602,9 @@ function Q() {
 }
 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,7 +616,7 @@ 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 = Er(i, r);
     if (l != null) {
@@ -692,7 +692,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
       }
     }
   ]
-}), zr = ({
+}), _r = ({
   isLoading: t
 }) => /* @__PURE__ */ n(
   P,
@@ -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: [
       ]
     }
   ) });
-}, _r = {
+}, zr = {
   fontSize: "1rem",
   lineHeight: "1.5",
   "h1, h2, h3, h4, h5, h6": {
@@ -945,7 +945,7 @@ const wr = () => /* @__PURE__ */ f(Y, { children: [
   defaultVariants: {
     size: "md"
   }
-}, kn = O(_r), bn = () => {
+}, kn = O(zr), bn = () => {
   const [t] = y(), e = v(() => {
     t.dispatchCommand(fe, {
       rows: "3",
@@ -1046,7 +1046,7 @@ const vn = () => {
     }
   ) : 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://";
@@ -1064,7 +1064,7 @@ const Cn = (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);
@@ -1105,7 +1105,7 @@ const Dr = ({ onClose: t }) => {
             Zt(s) && s.getChildren().length === 0 && l.insertText(i);
           }
         }
-      }), e.dispatchCommand(Z, At(i));
+      }), e.dispatchCommand(Z, Bt(i));
     },
     [e]
   );
@@ -1113,12 +1113,12 @@ const Dr = ({ 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" })
     ] })
   ] });
-}, Br = ({ onClose: t, getDocs: e }) => {
+}, Ar = ({ onClose: t, getDocs: e }) => {
   const [r] = y(), [o, i] = b([]), l = e(), a = v(
     (s) => {
       r.update(() => {
@@ -1127,7 +1127,7 @@ const Dr = ({ onClose: t }) => {
           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);
         }
@@ -1137,7 +1137,7 @@ const Dr = ({ 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(
         $,
@@ -1151,7 +1151,7 @@ const Dr = ({ onClose: t }) => {
       )
     ] })
   ] });
-}, Ar = ({
+}, Br = ({
   open: t,
   onOpenChange: e,
   getDocs: r
@@ -1165,7 +1165,7 @@ const Dr = ({ onClose: t }) => {
       /* @__PURE__ */ n(ht, { active: o === "rutine", onClick: () => i("rutine"), children: "Rutine" })
     ] }),
     o === "url" && /* @__PURE__ */ n(Dr, { onClose: l }),
-    o === "rutine" && /* @__PURE__ */ n(Br, { onClose: l, getDocs: r })
+    o === "rutine" && /* @__PURE__ */ n(Ar, { onClose: l, getDocs: r })
   ] });
 }, Mn = ({ getDocs: t }) => {
   const [e] = y(), [r, o] = b(!1), [i, l] = b(!1), a = v(() => {
@@ -1181,7 +1181,7 @@ const Dr = ({ 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);
@@ -1192,7 +1192,7 @@ const Dr = ({ onClose: t }) => {
       }
     ),
     /* @__PURE__ */ n(
-      Ar,
+      Br,
       {
         open: i,
         onOpenChange: l,
@@ -1215,10 +1215,10 @@ const Dr = ({ onClose: t }) => {
     elements: {
       reference: e.current
     },
-    middleware: [ze()]
+    middleware: [_e()]
   }), { getFloatingProps: u } = Et([
     wt(g),
-    _e(g)
+    ze(g)
   ]), m = v(() => {
     var S;
     const k = T();
@@ -1258,7 +1258,7 @@ const Dr = ({ onClose: t }) => {
     )
   ), [t, m, r]), !s)
     return null;
-  const x = At(i);
+  const x = Bt(i);
   return /* @__PURE__ */ n(Rt, { children: /* @__PURE__ */ f(
     It,
     {
@@ -1291,7 +1291,7 @@ const Dr = ({ onClose: t }) => {
             children: i
           }
         ),
-        /* @__PURE__ */ n($, { color: "danger", icon: !0, size: "sm", onClick: E, children: /* @__PURE__ */ n(Ae, { size: 24 }) })
+        /* @__PURE__ */ n($, { color: "danger", icon: !0, size: "sm", onClick: E, children: /* @__PURE__ */ n(Be, { size: 24 }) })
       ]
     }
   ) });
@@ -1314,7 +1314,7 @@ export {
   $t as isJSON,
   Ot as richTextContext,
   kn as richTextCss,
-  _r as richTextStyleObj,
+  zr as richTextStyleObj,
   qe as setStateFromPlainText,
   gn as stateToHTML,
   tr as useHasFocusWithin,

package/package.json

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