@arkitektbedriftene/fe-lib 0.3.14 → 0.3.17

package/dist/rich-text.es.js

@@ -1,60 +1,63 @@
-import { createHeadlessEditor as T } from "@lexical/headless";
-import { $generateHtmlFromNodes as y } from "@lexical/html";
-import { $getRoot as p, ParagraphNode as S, $createParagraphNode as E, $createTextNode as $ } from "lexical";
-import { trimTextContentFromAnchor as F } from "@lexical/selection";
-import { AutoLinkNode as L, LinkNode as j } from "@lexical/link";
-import { ListNode as w, ListItemNode as v } from "@lexical/list";
-import { HeadingNode as R, QuoteNode as H } from "@lexical/rich-text";
-import { TableNode as k, TableRowNode as P, TableCellNode as I } from "@lexical/table";
-import { j as c } from "./jsx-runtime-d0aa4c5b.js";
-import { createContext as M, useState as B, useRef as f, useCallback as h, useContext as q, useMemo as z } from "react";
-import { c as d, s as A, B as x, S as D } from "./Badge-5eab3787.js";
-import { LexicalComposer as V } from "@lexical/react/LexicalComposer.js";
-import { RichTextPlugin as W } from "@lexical/react/LexicalRichTextPlugin.js";
-import J from "@lexical/react/LexicalErrorBoundary.js";
+import { createHeadlessEditor as y } from "@lexical/headless";
+import { $generateHtmlFromNodes as S } from "@lexical/html";
+import { $getRoot as f, ParagraphNode as E, $createParagraphNode as $, $createTextNode as F } from "lexical";
+import { trimTextContentFromAnchor as L } from "@lexical/selection";
+import { AutoLinkNode as w, LinkNode as v } from "@lexical/link";
+import { ListNode as R, ListItemNode as H } from "@lexical/list";
+import { HeadingNode as k, QuoteNode as P } from "@lexical/rich-text";
+import { TableNode as I, TableRowNode as M, TableCellNode as B } from "@lexical/table";
+import { jsx as a, jsxs as h, Fragment as j } from "react/jsx-runtime";
+import { createContext as q, useState as z, useRef as b, useCallback as p, useContext as A, useMemo as D } from "react";
+import { c as d, s as V, B as x, S as W } from "./DropdownMenu-c57acb78.js";
+import { LexicalComposer as J } from "@lexical/react/LexicalComposer.js";
+import { RichTextPlugin as O } from "@lexical/react/LexicalRichTextPlugin.js";
+import Q from "@lexical/react/LexicalErrorBoundary.js";
 import "react-dom";
-const O = ({
+import "@radix-ui/react-toolbar";
+import "./index.esm-d078f232.js";
+import "@radix-ui/react-dropdown-menu";
+const G = ({
   text: e,
   maxChars: i,
-  maxLines: s
+  maxLines: n
 }) => {
   if (e.length === 0)
     return 0;
-  const r = typeof s == "number", o = typeof i == "number";
+  const r = typeof n == "number", o = typeof i == "number";
   if (!r && !o)
     return e.length;
-  let n = 0, t = 0;
-  for (; t < e.length && (!r || n < s) && (!o || t < i); )
+  let s = 0, t = 0;
+  for (; t < e.length && (!r || s < n) && (!o || t < i); )
     e[t] === `
-` && n++, t++;
+` && s++, t++;
   return e.slice(0, t).length;
-}, Q = ({
+}, K = ({
   editor: e,
   maxChars: i,
-  maxLines: s
+  maxLines: n
 }) => {
-  const r = p(), o = r.getTextContent(), n = O({ text: o, maxChars: i, maxLines: s }), t = o.length - n, m = r.select().anchor;
-  F(e, m, t);
-  const a = r.getLastChild();
-  return a instanceof S && a.getChildrenSize() === 0 && a.remove(), t;
-}, G = (e) => e[0] === "{", ge = (e, i, s) => {
+  const r = f(), o = r.getTextContent(), s = G({ text: o, maxChars: i, maxLines: n }), t = o.length - s, m = r.select().anchor;
+  L(e, m, t);
+  const c = r.getLastChild();
+  return c instanceof E && c.getChildrenSize() === 0 && c.remove(), t;
+}, U = (e) => e[0] === "{", Se = (e, i, n) => {
   let r = 0;
-  const o = T({
+  const o = y({
     nodes: i,
     editable: !1
   });
   if (e)
     try {
-      if (typeof e == "string" && !G(e))
+      if (typeof e == "string" && !U(e))
         o.update(() => {
-          const t = p(), l = E();
-          l.append($(e.trim())), t.append(l);
+          const t = f(), l = $();
+          l.append(F(e.trim())), t.append(l);
         });
       else {
         const t = o.parseEditorState(e, () => {
-          r = Q({
+          r = K({
             editor: o,
-            maxLines: s == null ? void 0 : s.maxLines
+            maxLines: n == null ? void 0 : n.maxLines
           });
         });
         t.isEmpty() || o.setEditorState(t);
@@ -62,62 +65,62 @@ const O = ({
     } catch (t) {
       console.error(t);
     }
-  let n = "";
+  let s = "";
   return o.update(() => {
-    n = y(o);
-  }), { html: n, trimCount: r };
-}, Ce = [
+    s = S(o);
+  }), { html: s, trimCount: r };
+}, Ee = [
+  k,
+  P,
   R,
   H,
   w,
   v,
-  L,
-  j,
-  k,
-  P,
-  I
-], K = d({
+  I,
+  M,
+  B
+], X = d({
   fontWeight: "bold"
-}), U = d({
+}), Y = d({
   fontStyle: "italic"
-}), X = d({
+}), Z = d({
   textDecoration: "underline"
-}), Y = d({
+}), _ = d({
   listStyleType: "none"
-}), Z = d({
+}), ee = d({
   borderLeft: "4px solid #ccc",
   color: "#666",
   fontStyle: "italic",
   margin: "1.5em 10px",
   padding: "0.5em 10px"
-}), _ = {
-  quote: Z().className,
+}), te = {
+  quote: ee().className,
   text: {
-    bold: K().className,
-    italic: U().className,
-    underline: X().className
+    bold: X().className,
+    italic: Y().className,
+    underline: Z().className
   },
   list: {
     nested: {
-      listitem: Y().className
+      listitem: _().className
     }
   }
-}, b = M({ hasFocus: !1, editorRef: { current: null } }), ee = ({ onBlur: e }) => {
-  const [i, s] = B(!1), r = f(null), o = h(() => {
-    s(!0), r.current && window.clearTimeout(r.current);
-  }, []), n = h(() => {
+}, g = q({ hasFocus: !1, editorRef: { current: null } }), oe = ({ onBlur: e }) => {
+  const [i, n] = z(!1), r = b(null), o = p(() => {
+    n(!0), r.current && window.clearTimeout(r.current);
+  }, []), s = p(() => {
     r.current = window.setTimeout(() => {
-      s(!1), e == null || e();
+      n(!1), e == null || e();
     }, 0);
   }, [e]);
   return {
     hasFocus: i,
     attributes: {
       onFocus: o,
-      onBlur: n
+      onBlur: s
     }
   };
-}, Ne = () => q(b), te = A("div", {
+}, $e = () => A(g), re = V("div", {
   border: "1px solid $borderDarker",
   borderRadius: "$md",
   position: "relative",
@@ -147,9 +150,9 @@ const O = ({
       }
     }
   ]
-}), oe = ({
+}), ne = ({
   isLoading: e
-}) => /* @__PURE__ */ c.jsx(
+}) => /* @__PURE__ */ a(
   x,
   {
     css: {
@@ -159,46 +162,46 @@ const O = ({
       right: "1rem",
       display: "flex"
     },
-    children: /* @__PURE__ */ c.jsx(D, {})
+    children: /* @__PURE__ */ a(W, {})
   }
-), Te = ({
+), Fe = ({
   isLoading: e,
   children: i,
-  placeholderText: s,
+  placeholderText: n,
   nodes: r,
   plugins: o,
-  toolbar: n,
+  toolbar: s,
   content: t,
   hideBorder: l,
   onBlur: m
 }) => {
-  const { hasFocus: a, attributes: g } = ee({ onBlur: m }), u = f(null), C = z(() => ({ hasFocus: a, editorRef: u }), [a]);
-  return /* @__PURE__ */ c.jsx(b.Provider, { value: C, children: /* @__PURE__ */ c.jsxs(
-    V,
+  const { hasFocus: c, attributes: C } = oe({ onBlur: m }), u = b(null), N = D(() => ({ hasFocus: c, editorRef: u }), [c]);
+  return /* @__PURE__ */ a(g.Provider, { value: N, children: /* @__PURE__ */ h(
+    J,
     {
       initialConfig: {
         namespace: "CommentEditor",
-        onError: (N) => {
-          console.error(N);
+        onError: (T) => {
+          console.error(T);
         },
-        theme: _,
+        theme: te,
         nodes: r,
         editable: !0
       },
       children: [
-        /* @__PURE__ */ c.jsxs(
-          te,
+        /* @__PURE__ */ h(
+          re,
           {
             ref: u,
-            hasFocus: a,
+            hasFocus: c,
             hideBorder: l,
-            ...g,
+            ...C,
             children: [
-              /* @__PURE__ */ c.jsx(
-                W,
+              /* @__PURE__ */ a(
+                O,
                 {
                   contentEditable: t,
-                  placeholder: s ? /* @__PURE__ */ c.jsx(
+                  placeholder: n ? /* @__PURE__ */ a(
                     x,
                     {
                       css: {
@@ -209,29 +212,29 @@ const O = ({
                         pointerEvents: "none",
                         fontSize: "$sm"
                       },
-                      children: s
+                      children: n
                     }
                   ) : null,
-                  ErrorBoundary: J
+                  ErrorBoundary: Q
                 }
               ),
               o,
-              /* @__PURE__ */ c.jsx(oe, { isLoading: e }),
-              n
+              /* @__PURE__ */ a(ne, { isLoading: e }),
+              s
             ]
           }
         ),
-        /* @__PURE__ */ c.jsx(c.Fragment, { children: i })
+        /* @__PURE__ */ a(j, { children: i })
       ]
     }
   ) });
 };
 export {
-  Te as RichTextEditor,
-  Ce as defaultNodes,
-  G as isJSON,
-  b as richTextContext,
-  ge as stateToHTML,
-  ee as useHasFocusWithin,
-  Ne as useRichTextContext
+  Fe as RichTextEditor,
+  Ee as defaultNodes,
+  U as isJSON,
+  g as richTextContext,
+  Se as stateToHTML,
+  oe as useHasFocusWithin,
+  $e as useRichTextContext
 };

package/dist/ui/components/Menu/DropdownMenu.d.ts

@@ -0,0 +1,363 @@
+import * as RDropdown from "@radix-ui/react-dropdown-menu";
+import type { ReactNode } from "react";
+export declare const DropdownMenu: ({ side, align, trigger, children, sideOffset, modal, }: {
+    side?: "left" | "right" | "bottom" | "top" | undefined;
+    align?: "center" | "start" | "end" | undefined;
+    trigger: ReactNode;
+    children: ReactNode;
+    sideOffset?: number | undefined;
+    modal?: boolean | undefined;
+}) => JSX.Element;
+export declare const DropdownMenuSeparator: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<RDropdown.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
+    lg: "(min-width: 1200px)";
+    print: "print";
+}, import("@stitches/react/types/css-util").CSS<{
+    lg: "(min-width: 1200px)";
+    print: "print";
+}, {
+    colors: {
+        gray50: string;
+        gray100: string;
+        gray200: string;
+        gray300: string;
+        gray400: string;
+        gray500: string;
+        gray600: string;
+        gray700: string;
+        gray800: string;
+        gray900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        orange500: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        primaryTextOnLightBg: string;
+        primaryBg: string;
+        primaryBgHover: string;
+        primaryTextOnWhite: string;
+        bodyGray: string;
+        hoverDarker: string;
+        borderDarker: string;
+        selectedDarker: string;
+        selectedOnBodyGray: string;
+        darkGrayBg: string;
+        border: string;
+        text: string;
+        secondaryText: string;
+        focusRing: string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+    };
+    fontWeights: {
+        normal: string;
+        medium: string;
+        bold: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        6: string;
+        8: string;
+    };
+    shadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        overlayCard: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        md: string;
+        mdmd: string;
+        full: string;
+    };
+    zIndices: {
+        toast: number;
+        overlayCard: number;
+        modal: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export declare const DropdownMenuItem: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<RDropdown.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
+    lg: "(min-width: 1200px)";
+    print: "print";
+}, import("@stitches/react/types/css-util").CSS<{
+    lg: "(min-width: 1200px)";
+    print: "print";
+}, {
+    colors: {
+        gray50: string;
+        gray100: string;
+        gray200: string;
+        gray300: string;
+        gray400: string;
+        gray500: string;
+        gray600: string;
+        gray700: string;
+        gray800: string;
+        gray900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        orange500: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        primaryTextOnLightBg: string;
+        primaryBg: string;
+        primaryBgHover: string;
+        primaryTextOnWhite: string;
+        bodyGray: string;
+        hoverDarker: string;
+        borderDarker: string;
+        selectedDarker: string;
+        selectedOnBodyGray: string;
+        darkGrayBg: string;
+        border: string;
+        text: string;
+        secondaryText: string;
+        focusRing: string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+    };
+    fontWeights: {
+        normal: string;
+        medium: string;
+        bold: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        6: string;
+        8: string;
+    };
+    shadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        overlayCard: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        md: string;
+        mdmd: string;
+        full: string;
+    };
+    zIndices: {
+        toast: number;
+        overlayCard: number;
+        modal: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export declare const DropdownMenuIconItem: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<RDropdown.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
+    lg: "(min-width: 1200px)";
+    print: "print";
+}, import("@stitches/react/types/css-util").CSS<{
+    lg: "(min-width: 1200px)";
+    print: "print";
+}, {
+    colors: {
+        gray50: string;
+        gray100: string;
+        gray200: string;
+        gray300: string;
+        gray400: string;
+        gray500: string;
+        gray600: string;
+        gray700: string;
+        gray800: string;
+        gray900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        orange500: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        primaryTextOnLightBg: string;
+        primaryBg: string;
+        primaryBgHover: string;
+        primaryTextOnWhite: string;
+        bodyGray: string;
+        hoverDarker: string;
+        borderDarker: string;
+        selectedDarker: string;
+        selectedOnBodyGray: string;
+        darkGrayBg: string;
+        border: string;
+        text: string;
+        secondaryText: string;
+        focusRing: string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+    };
+    fontWeights: {
+        normal: string;
+        medium: string;
+        bold: string;
+    };
+    space: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        6: string;
+        8: string;
+    };
+    shadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        overlayCard: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        md: string;
+        mdmd: string;
+        full: string;
+    };
+    zIndices: {
+        toast: number;
+        overlayCard: number;
+        modal: number;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
+export declare const DropdownMenuCheckboxItem: ({ value, onChange, children, }: {
+    value: boolean;
+    onChange: (value: boolean) => void;
+    children: ReactNode;
+}) => JSX.Element;