@arkitektbedriftene/fe-lib 5.1.0 → 5.1.1

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

@@ -1,6 +1,8 @@
 export declare const richTextStyleObj: {
     fontSize: string;
     lineHeight: string;
+    whiteSpace: string;
+    wordBreak: string;
     "h1, h2, h3, h4, h5, h6": {
         fontWeight: string;
         lineHeight: string;

package/dist/rich-text.es.js

@@ -3,7 +3,7 @@ var Me = (t, r, e) => r in t ? Ce(t, r, { enumerable: !0, configurable: !0, writ
 var $ = (t, r, e) => Me(t, typeof r != "symbol" ? r + "" : r, e);
 import { createHeadlessEditor as Bt } from "@lexical/headless";
 import { $generateHtmlFromNodes as Pt } from "@lexical/html";
-import { $getRoot as V, ParagraphNode as Te, $createParagraphNode as G, $createTextNode as z, $setSelection as nt, $getNodeByKey as dt, DecoratorNode as xe, $applyNodeReplacement as Le, SELECTION_CHANGE_COMMAND as Q, $getSelection as y, COMMAND_PRIORITY_EDITOR as q, $isRangeSelection as R, $isRootOrShadowRoot as Ht, FORMAT_TEXT_COMMAND as A, COMMAND_PRIORITY_LOW as D, KEY_ARROW_DOWN_COMMAND as _e, KEY_ARROW_UP_COMMAND as we, KEY_ESCAPE_COMMAND as Ft, KEY_SPACE_COMMAND as ye, $getNearestNodeFromDOMNode as mt, KEY_ARROW_LEFT_COMMAND as Se, $isElementNode as Ne, createCommand as Ee, $insertNodes as Re, $createRangeSelection as Ut, COMMAND_PRIORITY_HIGH as Ie, FORMAT_ELEMENT_COMMAND as ht } from "lexical";
+import { $getRoot as V, ParagraphNode as Te, $createParagraphNode as G, $createTextNode as z, $setSelection as nt, $getNodeByKey as dt, DecoratorNode as xe, $applyNodeReplacement as Le, SELECTION_CHANGE_COMMAND as Q, $getSelection as y, COMMAND_PRIORITY_EDITOR as q, $isRangeSelection as R, $isRootOrShadowRoot as Ht, FORMAT_TEXT_COMMAND as A, COMMAND_PRIORITY_LOW as D, KEY_ARROW_DOWN_COMMAND as we, KEY_ARROW_UP_COMMAND as _e, KEY_ESCAPE_COMMAND as Ft, KEY_SPACE_COMMAND as ye, $getNearestNodeFromDOMNode as mt, KEY_ARROW_LEFT_COMMAND as Se, $isElementNode as Ne, createCommand as Ee, $insertNodes as Re, $createRangeSelection as Ut, COMMAND_PRIORITY_HIGH as Ie, FORMAT_ELEMENT_COMMAND as ht } from "lexical";
 import { trimTextContentFromAnchor as Oe, $setBlocksType as ut, $getSelectionStyleValueForProperty as ze, $patchStyleText as $e, $isAtNodeEnd as yt } from "@lexical/selection";
 import { $dfs as Ae, $getNearestNodeOfType as De, $findMatchingParent as Wt, mergeRegister as ot, isHTMLElement as St, $wrapNodeInElement as Be, mediaFileReader as Pe, isMimeType as He } from "@lexical/utils";
 import { LinkNode as W, AutoLinkNode as jt, $isLinkNode as tt, TOGGLE_LINK_COMMAND as it } from "@lexical/link";
@@ -14,15 +14,15 @@ import { jsx as n, jsxs as h, Fragment as P } from "react/jsx-runtime";
 import { createContext as Qe, useState as p, useRef as J, useCallback as M, useContext as Ze, useEffect as L, useMemo as Qt, useLayoutEffect as tr } from "react";
 import { Box as B, Stack as er, Button as S, DropdownMenu as at, ToolbarButton as lt, DropdownMenuIconItem as T, ToolbarToggleGroup as et, ToolbarToggleItem as O, Popover as Zt, PopoverTrigger as te, PopoverContent as ee, OverlayCard as re, Toolbar as rr, ToolbarSeparator as Rt, styled as nr, Spinner as st, Dialog as ne, DialogHeader as or, TextInput as bt, DialogActions as ct, DropdownMenuItem as U, DropdownMenuSeparator as It, NavBar as ir, NavBarItem as gt, Combobox as ar } from "./ui.es.js";
 import { f as lr, g as sr, h as cr, G as f, i as dr, j as hr, k as ur, l as gr } from "./index.esm-Dzt91gSZ.js";
-import { useLexicalComposerContext as _ } from "@lexical/react/LexicalComposerContext.js";
+import { useLexicalComposerContext as w } from "@lexical/react/LexicalComposerContext.js";
 import { HorizontalRuleNode as pr } from "@lexical/react/LexicalHorizontalRuleNode.js";
 import { LexicalComposer as mr } from "@lexical/react/LexicalComposer.js";
 import { RichTextPlugin as fr } from "@lexical/react/LexicalRichTextPlugin.js";
 import { LexicalErrorBoundary as kr } from "@lexical/react/LexicalErrorBoundary.js";
 import { useFloating as vt, autoUpdate as oe, size as br, flip as vr, offset as ie, shift as Cr, useInteractions as ae, useRole as le, FloatingPortal as se, inline as Mr, useDismiss as Tr } from "@floating-ui/react";
 import { s as xr, c as Lr } from "./stitches.config-CEYOm13b.js";
-import { ListPlugin as _r } from "@lexical/react/LexicalListPlugin.js";
-import { HistoryPlugin as wr } from "@lexical/react/LexicalHistoryPlugin.js";
+import { ListPlugin as wr } from "@lexical/react/LexicalListPlugin.js";
+import { HistoryPlugin as _r } from "@lexical/react/LexicalHistoryPlugin.js";
 import { TablePlugin as yr } from "@lexical/react/LexicalTablePlugin.js";
 import { HorizontalRulePlugin as Sr } from "@lexical/react/LexicalHorizontalRulePlugin.js";
 import { TabIndentationPlugin as Nr } from "@lexical/react/LexicalTabIndentationPlugin.js";
@@ -211,7 +211,7 @@ function $r({
   height: o,
   nodeKey: i
 }) {
-  const { signUrl: a } = H(), [l, s] = p(a ? "" : t), [d, c] = p(!1), u = J(!1), [g] = _();
+  const { signUrl: a } = H(), [l, s] = p(a ? "" : t), [d, c] = p(!1), u = J(!1), [g] = w();
   L(() => {
     const m = async () => {
       s(await (a == null ? void 0 : a(t)) || t);
@@ -225,7 +225,7 @@ function $r({
       const m = dt(i);
       m && m.remove();
     });
-  }, w = () => {
+  }, _ = () => {
     g.update(() => {
       var N;
       const m = dt(i);
@@ -277,7 +277,7 @@ function $r({
               icon: !0,
               size: "sm",
               css: { width: "20px", height: "20px" },
-              onClick: w,
+              onClick: _,
               children: /* @__PURE__ */ n(sr, {})
             }
           ),
@@ -583,7 +583,7 @@ const ln = xr("div", {
     element: e
   };
 }, dn = () => {
-  const [t] = _(), [r, e] = p("paragraph");
+  const [t] = w(), [r, e] = p("paragraph");
   L(() => t.registerCommand(
     Q,
     () => {
@@ -657,9 +657,9 @@ const ln = xr("div", {
     }
   ) });
 }, hn = () => {
-  const [t] = _(), [r, e] = p(!1), [o, i] = p(!1), [a, l] = p(!1), [s, d] = p(!1), [c, u] = p(!1), [g, v] = p(!1), [x, w] = p(!1), [k, m] = p(""), [C, N] = p(!1), I = M(() => {
+  const [t] = w(), [r, e] = p(!1), [o, i] = p(!1), [a, l] = p(!1), [s, d] = p(!1), [c, u] = p(!1), [g, v] = p(!1), [x, _] = p(!1), [k, m] = p(""), [C, N] = p(!1), I = M(() => {
     const b = y();
-    R(b) && (e(b.hasFormat("bold")), i(b.hasFormat("italic")), l(b.hasFormat("underline")), d(b.hasFormat("strikethrough")), u(b.hasFormat("code")), v(b.hasFormat("superscript")), w(b.hasFormat("subscript")), m(ze(b, "color", "")));
+    R(b) && (e(b.hasFormat("bold")), i(b.hasFormat("italic")), l(b.hasFormat("underline")), d(b.hasFormat("strikethrough")), u(b.hasFormat("code")), v(b.hasFormat("superscript")), _(b.hasFormat("subscript")), m(ze(b, "color", "")));
   }, []);
   L(() => ot(
     t.registerCommand(
@@ -694,7 +694,7 @@ const ln = xr("div", {
   ), ve = M(
     () => t.dispatchCommand(A, "subscript"),
     [t]
-  ), wt = Qt(() => {
+  ), _t = Qt(() => {
     const b = [];
     return r && b.push("bold"), o && b.push("italic"), a && b.push("underline"), s && b.push("strikethrough"), c && b.push("code"), g && b.push("superscript"), x && b.push("subscript"), k && b.push("color"), b;
   }, [
@@ -713,7 +713,7 @@ const ln = xr("div", {
       {
         type: "multiple",
         "aria-label": "Tekstformattering",
-        value: wt,
+        value: _t,
         children: [
           /* @__PURE__ */ n(O, { onClick: Y, title: "Fet tekst", value: "bold", children: /* @__PURE__ */ n(Pr, { size: "1.25rem" }) }),
           /* @__PURE__ */ n(
@@ -744,7 +744,7 @@ const ln = xr("div", {
         {
           type: "multiple",
           "aria-label": "Tekstformattering",
-          value: wt,
+          value: _t,
           css: { margin: "$1" },
           children: [
             /* @__PURE__ */ n(
@@ -788,7 +788,7 @@ const ln = xr("div", {
   { name: "Blå", value: "#2044b8" },
   { name: "Lilla", value: "#9c31de" }
 ], gn = ({ activeColor: t }) => {
-  const [r] = _(), [e, o] = p(!1), i = (a) => {
+  const [r] = w(), [e, o] = p(!1), i = (a) => {
     r.update(() => {
       const l = y();
       l && $e(l, { color: a });
@@ -892,7 +892,7 @@ const ln = xr("div", {
   t
 ] });
 function fn() {
-  const [t] = _();
+  const [t] = w();
   return L(() => ot(
     t.registerCommand(
       Gt,
@@ -900,12 +900,12 @@ function fn() {
       D
     ),
     t.registerCommand(
-      _e,
+      we,
       (r) => At(r, t, !1),
       D
     ),
     t.registerCommand(
-      we,
+      _e,
       (r) => At(r, t, !0),
       D
     ),
@@ -1051,9 +1051,9 @@ function vn() {
   }, [t]), null;
 }
 const Cn = () => /* @__PURE__ */ h(P, { children: [
-  /* @__PURE__ */ n(_r, {}),
-  /* @__PURE__ */ n(yr, {}),
   /* @__PURE__ */ n(wr, {}),
+  /* @__PURE__ */ n(yr, {}),
+  /* @__PURE__ */ n(_r, {}),
   /* @__PURE__ */ n(fn, {}),
   /* @__PURE__ */ n(Nr, {}),
   /* @__PURE__ */ n(vn, {}),
@@ -1061,7 +1061,7 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
 ] }), Mn = ({
   state: t
 }) => {
-  const [r] = _(), e = J(!1);
+  const [r] = w(), e = J(!1);
   return L(() => {
     !t || e.current || (e.current = !0, window.queueMicrotask(() => {
       try {
@@ -1146,7 +1146,7 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
   css: g,
   signUrl: v,
   fileUpload: x,
-  editable: w = !0
+  editable: _ = !0
 }) => {
   const { hasFocus: k, attributes: m } = zr({ onBlur: c }), C = J(null), N = Qt(
     () => ({ hasFocus: k, editorRef: C, signUrl: v, fileUpload: x }),
@@ -1162,7 +1162,7 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
         },
         theme: Mt,
         nodes: o,
-        editable: w
+        editable: _
       },
       children: [
         /* @__PURE__ */ h(
@@ -1199,7 +1199,7 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
               /* @__PURE__ */ n(Cn, {}),
               i,
               /* @__PURE__ */ n(xn, { isLoading: t }),
-              w && !a && /* @__PURE__ */ n(pn, { children: l })
+              _ && !a && /* @__PURE__ */ n(pn, { children: l })
             ]
           }
         ),
@@ -1211,6 +1211,8 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
 }, Ln = {
   fontSize: "1rem",
   lineHeight: "1.5",
+  whiteSpace: "pre-wrap",
+  wordBreak: "break-word",
   "h1, h2, h3, h4, h5, h6": {
     fontWeight: "700",
     lineHeight: "1.2",
@@ -1411,11 +1413,11 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
   defaultVariants: {
     size: "md"
   }
-}, go = Lr(Ln), _n = ({
+}, go = Lr(Ln), wn = ({
   fileUpload: t,
   ...r
 }) => {
-  const [e] = _(), [o, i] = p(null), a = (s) => {
+  const [e] = w(), [o, i] = p(null), a = (s) => {
     var c;
     const d = (c = s.target.files) == null ? void 0 : c[0];
     if (d) {
@@ -1458,7 +1460,7 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
     ] })
   ] });
 }, po = () => {
-  const [t] = _(), { fileUpload: r } = H(), [e, o] = p(!1), i = M(() => {
+  const [t] = w(), { fileUpload: r } = H(), [e, o] = p(!1), i = M(() => {
     t.dispatchCommand(Je, {
       rows: "3",
       columns: "3",
@@ -1485,7 +1487,7 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
       }
     ),
     r && /* @__PURE__ */ n(
-      _n,
+      wn,
       {
         open: e,
         onOpenChange: o,
@@ -1494,11 +1496,11 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
     )
   ] });
 };
-function wn(t) {
+function _n(t) {
   return f({ 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 mo = () => {
-  const [t] = _(), [r, e] = p(null), { hasFocus: o } = H();
+  const [t] = w(), [r, e] = p(null), { hasFocus: o } = H();
   L(() => {
     !o && r && e(null);
   }, [o, r]);
@@ -1558,7 +1560,7 @@ const mo = () => {
           ref: i.setFloating,
           style: a,
           css: { padding: "2px", width: "18px", height: "18px" },
-          children: /* @__PURE__ */ n(wn, {})
+          children: /* @__PURE__ */ n(_n, {})
         }
       ),
       children: [
@@ -1574,7 +1576,7 @@ const mo = () => {
     }
   ) : null;
 };
-function _t(t) {
+function wt(t) {
   let r = t;
   const e = /^(?:(?: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 r = String(r).trim(), r.match(e) || r.match(o) ? r : "https://";
@@ -1622,7 +1624,7 @@ function yn(t) {
   return t instanceof K;
 }
 const Sn = ({ onClose: t }) => {
-  const [r] = _(), e = M(
+  const [r] = w(), e = M(
     (i) => {
       r.update(() => {
         const a = y();
@@ -1632,7 +1634,7 @@ const Sn = ({ onClose: t }) => {
           const s = Ut();
           s.setTextNodeRange(l, 0, l, i.length), nt(s);
         }
-        r.dispatchCommand(it, _t(i));
+        r.dispatchCommand(it, wt(i));
       });
     },
     [r]
@@ -1650,7 +1652,7 @@ const Sn = ({ onClose: t }) => {
   onClose: t,
   getDocs: r
 }) => {
-  const [e] = _(), o = J(!1), [i, a] = p(null), [l, s] = p([]);
+  const [e] = w(), o = J(!1), [i, a] = p(null), [l, s] = p([]);
   L(() => {
     o.current || (async () => {
       o.current = !0;
@@ -1668,8 +1670,8 @@ const Sn = ({ onClose: t }) => {
         if (R(u)) {
           const g = [];
           for (const [v, x] of c.entries()) {
-            const w = pe(x.value);
-            w.append(z(x.label)), g.push(w), v !== c.length - 1 && g.push(z(" "));
+            const _ = pe(x.value);
+            _.append(z(x.label)), g.push(_), v !== c.length - 1 && g.push(z(" "));
           }
           u.insertNodes(g);
         }
@@ -1706,7 +1708,7 @@ const Sn = ({ onClose: t }) => {
   fileUpload: r,
   filePrefix: e
 }) => {
-  const [o] = _(), [i, a] = p(null), l = async (d) => {
+  const [o] = w(), [i, a] = p(null), l = async (d) => {
     var u;
     const c = (u = d.target.files) == null ? void 0 : u[0];
     if (c) {
@@ -1727,7 +1729,7 @@ const Sn = ({ onClose: t }) => {
         const u = Ut();
         u.setTextNodeRange(c, 0, c, i.name.length), nt(u);
       }
-      o.dispatchCommand(it, _t(i.url));
+      o.dispatchCommand(it, wt(i.url));
     });
   }, [o, i]);
   return /* @__PURE__ */ h(P, { children: [
@@ -1792,7 +1794,7 @@ const Sn = ({ onClose: t }) => {
   getDocs: t,
   filePrefix: r
 }) => {
-  const [e] = _(), [o, i] = p(!1), [a, l] = p(!1), s = M(() => {
+  const [e] = w(), [o, i] = p(!1), [a, l] = p(!1), s = M(() => {
     const d = y();
     if (R(d)) {
       const c = ge(d), u = c.getParent();
@@ -1826,7 +1828,7 @@ const Sn = ({ onClose: t }) => {
     )
   ] });
 }, bo = () => {
-  const [t] = _(), r = J(null), [e, o] = p(null), [i, a] = p(""), { hasFocus: l } = H();
+  const [t] = w(), r = J(null), [e, o] = p(null), [i, a] = p(""), { hasFocus: l } = H();
   L(() => {
     e ? t.update(() => {
       a(e.getURL());
@@ -1882,7 +1884,7 @@ const Sn = ({ onClose: t }) => {
       Ie
     )
   ), [t, v, e]), !s) return null;
-  const w = _t(i);
+  const _ = wt(i);
   return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ h(
     re,
     {
@@ -1908,8 +1910,8 @@ const Sn = ({ onClose: t }) => {
               textOverflow: "ellipsis",
               marginRight: "$4"
             },
-            href: w,
-            title: w,
+            href: _,
+            title: _,
             target: "_blank",
             rel: "noreferrer",
             children: i

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "type": "module",
   "exports": {
     "./oidc": {