@arkitektbedriftene/fe-lib 0.3.22 → 0.3.23

package/dist/rich-text.es.js

@@ -9,6 +9,7 @@ import { TableNode as Ot, TableRowNode as _t, TableCellNode as Rt } from "@lexic
 import { jsx as o, jsxs as C, Fragment as j } from "react/jsx-runtime";
 import { createContext as zt, useState as v, useRef as Z, useCallback as M, useContext as Bt, useEffect as z, useMemo as tt, useLayoutEffect as Dt } from "react";
 import { c as w, s as et, D as Ht, T as Ft, a as m, B as O, b as Pt, d as S, u as $t, e as At, f as Wt, g as jt, o as Kt, h as Ut, i as Yt, j as qt, F as Gt, O as Qt, k as Xt, l as Vt, S as Jt } from "./DropdownMenu-7a3b57bd.js";
+import "react-select";
 import { LexicalComposer as Zt } from "@lexical/react/LexicalComposer.js";
 import { RichTextPlugin as te } from "@lexical/react/LexicalRichTextPlugin.js";
 import ee from "@lexical/react/LexicalErrorBoundary.js";
@@ -70,7 +71,7 @@ const se = ({
       tag: e
     }
   ), r.blur();
-}, vr = (t, r, e) => {
+}, Cr = (t, r, e) => {
   let n = 0;
   const a = dt({
     nodes: r,
@@ -99,7 +100,7 @@ const se = ({
   return a.update(() => {
     s = ct(a);
   }), { html: s, trimCount: n };
-}, Cr = [
+}, br = [
   xt,
   Et,
   V,
@@ -691,7 +692,7 @@ const Ue = () => /* @__PURE__ */ C(j, { children: [
     },
     children: /* @__PURE__ */ o(Jt, {})
   }
-), br = ({
+), Tr = ({
   isLoading: t,
   children: r,
   placeholderText: e,
@@ -762,14 +763,14 @@ const Ue = () => /* @__PURE__ */ C(j, { children: [
   ) });
 };
 export {
-  br as RichTextEditor,
+  Tr as RichTextEditor,
   ce as clearEditorState,
-  Cr as defaultNodes,
+  br as defaultNodes,
   de as isEditorState,
   nt as isJSON,
   at as richTextContext,
   he as setStateFromPlainText,
-  vr as stateToHTML,
+  Cr as stateToHTML,
   Me as useHasFocusWithin,
   ve as useRichTextContext
 };

package/dist/ui/components/Form/Combobox.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ReactSelect } from "./ReactSelect";
+export type ComboboxProps = {
+    clearable?: boolean;
+    multi?: boolean;
+} & Omit<React.ComponentProps<typeof ReactSelect>, "isMulti" | "isClearable" | "isSearchable">;
+export declare const Combobox: ({ clearable, multi, ...props }: ComboboxProps) => JSX.Element;

package/dist/ui/components/Form/ReactSelect.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import Select from "react-select";
+export declare const ReactSelect: (props: React.ComponentProps<typeof Select>) => JSX.Element;

package/dist/ui/ui.d.ts

@@ -11,3 +11,4 @@ export * from './components/Toolbar';
 export * from './components/Card';
 export * from './components/Menu/Menu';
 export * from './components/Menu/DropdownMenu';
+export * from './components/Form/Combobox';

package/dist/ui.es.js

@@ -1,63 +1,135 @@
-import { P as t, m as n, n as p } from "./DropdownMenu-7a3b57bd.js";
-import { A as x, t as y, B as I, r as M, v as S, C as w, D as B, z as D, a as h, y as O, x as P, M as k, O as A, S as $, k as j, T as z, l as q, b as G, d as E, c as F, q as H, p as J, w as K, s as L } from "./DropdownMenu-7a3b57bd.js";
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { useState as m } from "react";
+import { P as t, m as n, n as l } from "./DropdownMenu-7a3b57bd.js";
+import { A as k, t as M, B, r as D, v as P, C as R, D as O, z, a as A, y as $, x as j, M as L, O as q, S as G, k as V, T as W, l as E, b as H, d as J, c as K, q as N, p as Q, w as U, s as X } from "./DropdownMenu-7a3b57bd.js";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useState as i } from "react";
+import p from "react-select";
 import "react-dom";
 import "@radix-ui/react-toolbar";
 import "./index.esm-d078f232.js";
 import "@radix-ui/react-dropdown-menu";
-const T = ({ children: r, content: a }) => {
-  const [e, s] = m(!1);
-  return /* @__PURE__ */ l(
+const S = ({ children: o, content: r }) => {
+  const [a, s] = i(!1);
+  return /* @__PURE__ */ d(
     t,
     {
-      open: e,
+      open: a,
       onOpenChange: s,
       trigger: "hover",
       placement: "top",
       offset: { mainAxis: 8 },
       role: "tooltip",
       children: [
-        /* @__PURE__ */ o(n, { children: r }),
-        /* @__PURE__ */ o(p, { overlayCardProps: {
+        /* @__PURE__ */ e(n, { children: o }),
+        /* @__PURE__ */ e(l, { overlayCardProps: {
           css: {
             background: "rgba(0,0,0, 0.9)",
             color: "#fff",
             fontSize: "$sm",
             padding: "$1 $2"
           }
-        }, children: a })
+        }, children: r })
       ]
     }
   );
-};
+}, c = {
+  container: (o) => ({
+    ...o,
+    minWidth: "200px"
+  }),
+  control: (o, { isFocused: r }) => ({
+    ...o,
+    "&:hover": {},
+    border: r ? "1px solid var(--colors-blue300)" : "1px solid var(--colors-gray300)",
+    outline: "none",
+    borderRadius: "var(--radii-sm)",
+    boxShadow: r ? "0 0 0 4px var(--colors-blue100)" : "none"
+  }),
+  menu: (o) => ({
+    ...o,
+    boxShadow: "var(--shadows-overlayCard)",
+    borderRadius: "var(--radii-md)",
+    border: "none",
+    padding: "var(--space-1)"
+  }),
+  option: (o, { isFocused: r, isSelected: a }) => ({
+    ...o,
+    background: r ? "var(--colors-gray100)" : a ? "var(--colors-blue100)" : "transparent",
+    "&:active": {
+      background: "var(--colors-gray200)"
+    },
+    borderRadius: "var(--radii-sm)",
+    color: "var(--colors-text)"
+  }),
+  menuList: (o) => ({
+    ...o,
+    padding: 0
+  }),
+  multiValueRemove: (o) => ({
+    ...o,
+    background: "transparent",
+    color: "var(--colors-text)",
+    "&:hover": {
+      background: "var(--colors-red200)",
+      color: "var(--colors-red800)"
+    }
+  }),
+  clearIndicator: (o) => ({
+    ...o,
+    paddingLeft: 0,
+    paddingRight: 0
+  }),
+  menuPortal: (o) => ({
+    ...o,
+    zIndex: "var(--zIndices-overlayCard)"
+  })
+}, m = () => null, u = (o) => /* @__PURE__ */ e(
+  p,
+  {
+    components: { IndicatorSeparator: m },
+    styles: c,
+    ...o
+  }
+), I = ({
+  clearable: o = !0,
+  multi: r = !1,
+  ...a
+}) => (o = r ? !1 : o, /* @__PURE__ */ e(
+  u,
+  {
+    ...a,
+    isClearable: o,
+    isMulti: r,
+    isSearchable: !0
+  }
+));
 export {
-  x as Alert,
-  y as Badge,
-  I as Box,
-  M as Button,
-  S as ButtonInToolbar,
-  w as Card,
-  B as DropdownMenu,
-  D as DropdownMenuCheckboxItem,
-  h as DropdownMenuIconItem,
-  O as DropdownMenuItem,
-  P as DropdownMenuSeparator,
-  k as MenuOverlayCard,
-  A as OverlayCard,
+  k as Alert,
+  M as Badge,
+  B as Box,
+  D as Button,
+  P as ButtonInToolbar,
+  R as Card,
+  I as Combobox,
+  O as DropdownMenu,
+  z as DropdownMenuCheckboxItem,
+  A as DropdownMenuIconItem,
+  $ as DropdownMenuItem,
+  j as DropdownMenuSeparator,
+  L as MenuOverlayCard,
+  q as OverlayCard,
   t as Popover,
-  p as PopoverContent,
+  l as PopoverContent,
   n as PopoverTrigger,
-  $ as Spinner,
-  j as Toolbar,
-  z as ToolbarButton,
-  q as ToolbarSeparator,
-  G as ToolbarToggleGroup,
-  E as ToolbarToggleItem,
-  T as Tooltip,
-  F as css,
-  H as globalCss,
-  J as keyframes,
-  K as menuItemStyles,
-  L as styled
+  G as Spinner,
+  V as Toolbar,
+  W as ToolbarButton,
+  E as ToolbarSeparator,
+  H as ToolbarToggleGroup,
+  J as ToolbarToggleItem,
+  S as Tooltip,
+  K as css,
+  N as globalCss,
+  Q as keyframes,
+  U as menuItemStyles,
+  X as styled
 };

package/package.json

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