@arkitektbedriftene/fe-lib 5.1.1 → 5.1.3

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

@@ -1,5 +1,4 @@
 export declare const richTextStyleObj: {
-    fontSize: string;
     lineHeight: string;
     whiteSpace: string;
     wordBreak: string;
@@ -66,6 +65,12 @@ export declare const richTextStyleObj: {
     };
     ol: {
         listStyleType: string;
+        "&[type='a']": {
+            listStyleType: string;
+        };
+        "&[type='i']": {
+            listStyleType: string;
+        };
     };
     ".ain-rich-text-nested-list-item": {
         listStyleType: string;

package/dist/rich-text.es.js

@@ -3,8 +3,8 @@ 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 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 { $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 _, 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 ye, KEY_ESCAPE_COMMAND as Ft, KEY_SPACE_COMMAND as _e, $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 _t } 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";
 import { ListNode as ft, ListItemNode as Kt, $isListNode as kt, INSERT_UNORDERED_LIST_COMMAND as Fe, INSERT_ORDERED_LIST_COMMAND as Ue, INSERT_CHECK_LIST_COMMAND as Gt, insertList as We, $isListItemNode as j } from "@lexical/list";
@@ -22,8 +22,8 @@ import { LexicalErrorBoundary as kr } from "@lexical/react/LexicalErrorBoundary.
 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 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 { HistoryPlugin as yr } from "@lexical/react/LexicalHistoryPlugin.js";
+import { TablePlugin as _r } from "@lexical/react/LexicalTablePlugin.js";
 import { HorizontalRulePlugin as Sr } from "@lexical/react/LexicalHorizontalRulePlugin.js";
 import { TabIndentationPlugin as Nr } from "@lexical/react/LexicalTabIndentationPlugin.js";
 import { useLexicalComposerContext as Ct } from "@lexical/react/LexicalComposerContext";
@@ -225,7 +225,7 @@ function $r({
       const m = dt(i);
       m && m.remove();
     });
-  }, _ = () => {
+  }, y = () => {
     g.update(() => {
       var N;
       const m = dt(i);
@@ -277,7 +277,7 @@ function $r({
               icon: !0,
               size: "sm",
               css: { width: "20px", height: "20px" },
-              onClick: _,
+              onClick: y,
               children: /* @__PURE__ */ n(sr, {})
             }
           ),
@@ -587,7 +587,7 @@ const ln = xr("div", {
   L(() => t.registerCommand(
     Q,
     () => {
-      const c = y(), u = cn(c);
+      const c = _(), u = cn(c);
       if (!u)
         return !1;
       const { element: g, anchorNode: v } = u, x = g.getKey();
@@ -608,7 +608,7 @@ const ln = xr("div", {
   ), [t]);
   const o = (c) => {
     r !== c && t.update(() => {
-      const u = y();
+      const u = _();
       R(u) && (ut(u, () => Ke(c)), e(c));
     });
   };
@@ -628,7 +628,7 @@ const ln = xr("div", {
       children: [
         /* @__PURE__ */ n(T, { onClick: () => {
           r !== "paragraph" && t.update(() => {
-            const c = y();
+            const c = _();
             R(c) && (ut(c, () => G()), e("paragraph"));
           });
         }, children: /* @__PURE__ */ n(E, { blockType: "paragraph" }) }),
@@ -649,7 +649,7 @@ const ln = xr("div", {
         }, children: /* @__PURE__ */ n(E, { blockType: "check" }) }),
         /* @__PURE__ */ n(T, { onClick: () => {
           r !== "quote" && t.update(() => {
-            const c = y();
+            const c = _();
             R(c) && (ut(c, () => Ge()), e("quote"));
           });
         }, children: /* @__PURE__ */ n(E, { blockType: "quote" }) })
@@ -657,9 +657,9 @@ const ln = xr("div", {
     }
   ) });
 }, hn = () => {
-  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")), _(b.hasFormat("subscript")), m(ze(b, "color", "")));
+  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, y] = p(!1), [k, m] = p(""), [C, N] = p(!1), I = M(() => {
+    const b = _();
+    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")), y(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]
-  ), _t = Qt(() => {
+  ), yt = 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: _t,
+        value: yt,
         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: _t,
+          value: yt,
           css: { margin: "$1" },
           children: [
             /* @__PURE__ */ n(
@@ -790,7 +790,7 @@ const ln = xr("div", {
 ], gn = ({ activeColor: t }) => {
   const [r] = w(), [e, o] = p(!1), i = (a) => {
     r.update(() => {
-      const l = y();
+      const l = _();
       l && $e(l, { color: a });
     });
   };
@@ -905,7 +905,7 @@ function fn() {
       D
     ),
     t.registerCommand(
-      _e,
+      ye,
       (r) => At(r, t, !0),
       D
     ),
@@ -921,7 +921,7 @@ function fn() {
       D
     ),
     t.registerCommand(
-      ye,
+      _e,
       (r) => {
         const e = pt();
         return e != null && t.isEditable() ? (t.update(() => {
@@ -934,7 +934,7 @@ function fn() {
     t.registerCommand(
       Se,
       (r) => t.getEditorState().read(() => {
-        const e = y();
+        const e = _();
         if (R(e) && e.isCollapsed()) {
           const { anchor: o } = e, i = o.type === "element";
           if (i || o.offset === 0) {
@@ -1052,8 +1052,8 @@ function vn() {
 }
 const Cn = () => /* @__PURE__ */ h(P, { children: [
   /* @__PURE__ */ n(wr, {}),
-  /* @__PURE__ */ n(yr, {}),
   /* @__PURE__ */ n(_r, {}),
+  /* @__PURE__ */ n(yr, {}),
   /* @__PURE__ */ n(fn, {}),
   /* @__PURE__ */ n(Nr, {}),
   /* @__PURE__ */ n(vn, {}),
@@ -1146,7 +1146,7 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
   css: g,
   signUrl: v,
   fileUpload: x,
-  editable: _ = !0
+  editable: y = !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: _
+        editable: y
       },
       children: [
         /* @__PURE__ */ h(
@@ -1199,7 +1199,7 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
               /* @__PURE__ */ n(Cn, {}),
               i,
               /* @__PURE__ */ n(xn, { isLoading: t }),
-              _ && !a && /* @__PURE__ */ n(pn, { children: l })
+              y && !a && /* @__PURE__ */ n(pn, { children: l })
             ]
           }
         ),
@@ -1209,14 +1209,13 @@ 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",
-    margin: "1.5rem 0 0.5rem",
+    margin: "1.5em 0 0.5em",
     "&:first-child": {
       marginTop: "0"
     }
@@ -1275,7 +1274,13 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
     listStyleType: "square"
   },
   ol: {
-    listStyleType: "decimal"
+    listStyleType: "decimal",
+    "&[type='a']": {
+      listStyleType: "lower-alpha"
+    },
+    "&[type='i']": {
+      listStyleType: "lower-roman"
+    }
   },
   ".ain-rich-text-nested-list-item": {
     listStyleType: "none"
@@ -1379,31 +1384,31 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
   variants: {
     size: {
       xs: {
-        fontSize: "0.625rem",
+        fontSize: "10px",
         "@print": {
           fontSize: "8pt"
         }
       },
       sm: {
-        fontSize: "0.75rem",
+        fontSize: "12px",
         "@print": {
           fontSize: "10pt"
         }
       },
       md: {
-        fontSize: "0.875rem",
+        fontSize: "14px",
         "@print": {
           fontSize: "12pt"
         }
       },
       lg: {
-        fontSize: "1rem",
+        fontSize: "16px",
         "@print": {
           fontSize: "14pt"
         }
       },
       xl: {
-        fontSize: "1.25rem",
+        fontSize: "18px",
         "@print": {
           fontSize: "16pt"
         }
@@ -1496,7 +1501,7 @@ const Cn = () => /* @__PURE__ */ h(P, { children: [
     )
   ] });
 };
-function _n(t) {
+function yn(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 = () => {
@@ -1515,7 +1520,7 @@ const mo = () => {
   L(() => t.registerCommand(
     Q,
     () => {
-      const s = y();
+      const s = _();
       if (R(s)) {
         const d = s.anchor.getNode(), c = Ye(d);
         e(c ? t.getElementByKey(c.getKey()) : null);
@@ -1560,7 +1565,7 @@ const mo = () => {
           ref: i.setFloating,
           style: a,
           css: { padding: "2px", width: "18px", height: "18px" },
-          children: /* @__PURE__ */ n(_n, {})
+          children: /* @__PURE__ */ n(yn, {})
         }
       ),
       children: [
@@ -1583,7 +1588,7 @@ function wt(t) {
 }
 function ge(t) {
   const r = t.anchor, e = t.focus, o = t.anchor.getNode(), i = t.focus.getNode();
-  return o === i ? o : t.isBackward() ? yt(e) ? o : i : yt(r) ? o : i;
+  return o === i ? o : t.isBackward() ? _t(e) ? o : i : _t(r) ? o : i;
 }
 const fo = (t) => (K.baseURL = t, K), X = class X extends W {
   static getType() {
@@ -1620,14 +1625,14 @@ let K = X;
 function pe(t) {
   return new K(t);
 }
-function yn(t) {
+function _n(t) {
   return t instanceof K;
 }
 const Sn = ({ onClose: t }) => {
   const [r] = w(), e = M(
     (i) => {
       r.update(() => {
-        const a = y();
+        const a = _();
         if (R(a) && a.isCollapsed()) {
           const l = z(i);
           a.insertNodes([l]);
@@ -1666,12 +1671,12 @@ const Sn = ({ onClose: t }) => {
   const d = M(
     (c) => {
       e.update(() => {
-        const u = y();
+        const u = _();
         if (R(u)) {
           const g = [];
           for (const [v, x] of c.entries()) {
-            const _ = pe(x.value);
-            _.append(z(x.label)), g.push(_), v !== c.length - 1 && g.push(z(" "));
+            const y = pe(x.value);
+            y.append(z(x.label)), g.push(y), v !== c.length - 1 && g.push(z(" "));
           }
           u.insertNodes(g);
         }
@@ -1722,7 +1727,7 @@ const Sn = ({ onClose: t }) => {
     o.update(() => {
       if (!i)
         return;
-      const d = y();
+      const d = _();
       if (R(d) && d.isCollapsed()) {
         const c = z(i.name);
         d.insertNodes([c]);
@@ -1795,7 +1800,7 @@ const Sn = ({ onClose: t }) => {
   filePrefix: r
 }) => {
   const [e] = w(), [o, i] = p(!1), [a, l] = p(!1), s = M(() => {
-    const d = y();
+    const d = _();
     if (R(d)) {
       const c = ge(d), u = c.getParent();
       i(tt(u) || tt(c));
@@ -1848,7 +1853,7 @@ const Sn = ({ onClose: t }) => {
     Tr(u)
   ]), v = M(() => {
     var m;
-    const k = y();
+    const k = _();
     if (R(k)) {
       const C = ge(k), N = C.getParent();
       let I = null;
@@ -1859,7 +1864,7 @@ const Sn = ({ onClose: t }) => {
       o(I);
     }
   }, [t]), x = M(() => {
-    e && yn(e) && t.update(() => {
+    e && _n(e) && t.update(() => {
       e.remove();
     }), t.dispatchCommand(it, null);
   }, [t, e]);
@@ -1884,7 +1889,7 @@ const Sn = ({ onClose: t }) => {
       Ie
     )
   ), [t, v, e]), !s) return null;
-  const _ = wt(i);
+  const y = wt(i);
   return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ h(
     re,
     {
@@ -1910,8 +1915,8 @@ const Sn = ({ onClose: t }) => {
               textOverflow: "ellipsis",
               marginRight: "$4"
             },
-            href: _,
-            title: _,
+            href: y,
+            title: y,
             target: "_blank",
             rel: "noreferrer",
             children: i
@@ -1992,7 +1997,7 @@ export {
   pe as $createRutineLinkNode,
   lo as $getNodesOfTypes,
   so as $isImageNode,
-  yn as $isRutineLinkNode,
+  _n as $isRutineLinkNode,
   vo as AlignToolbarDropdown,
   Co as DragDropPastePlugin,
   pn as FloatingToolbar,

package/package.json

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