@floegence/floe-webapp-core 0.35.40 → 0.35.41

package/dist/components/notes/NotesContextMenu.d.ts

@@ -0,0 +1,27 @@
+import { type Component } from 'solid-js';
+export declare const NOTES_CONTEXT_MENU_WIDTH_PX = 188;
+type NotesContextMenuActionItem = Readonly<{
+    id: string;
+    kind: 'action';
+    label: string;
+    icon: Component<{
+        class?: string;
+    }>;
+    onSelect: () => void;
+    disabled?: boolean;
+    destructive?: boolean;
+}>;
+type NotesContextMenuSeparatorItem = Readonly<{
+    id: string;
+    kind: 'separator';
+}>;
+export type NotesContextMenuItem = NotesContextMenuActionItem | NotesContextMenuSeparatorItem;
+export interface NotesContextMenuProps {
+    x: number;
+    y: number;
+    items: readonly NotesContextMenuItem[];
+    menuRef?: (el: HTMLDivElement) => void;
+}
+export declare function estimateNotesContextMenuHeight(actionCount: number, separatorCount?: number): number;
+export declare function NotesContextMenu(props: NotesContextMenuProps): import("solid-js").JSX.Element;
+export {};

package/dist/components/notes/NotesContextMenu.js

@@ -0,0 +1,52 @@
+import { use as E, insert as c, createComponent as m, addEventListener as T, effect as v, className as f, setStyleProperty as d, template as i, delegateEvents as N } from "solid-js/web";
+import { For as x } from "solid-js";
+import { cn as C } from "../../utils/cn.js";
+var O = /* @__PURE__ */ i("<div role=menu class=notes-context-menu>"), h = /* @__PURE__ */ i("<div role=separator aria-orientation=horizontal class=notes-context-menu__separator>"), I = /* @__PURE__ */ i("<button type=button role=menuitem><span class=notes-context-menu__label>");
+const H = 188, M = 16, X = 32, P = 9;
+function S(t) {
+  return t.kind === "action";
+}
+function y(t, n = 0) {
+  return M + Math.max(1, t) * X + Math.max(0, n) * P;
+}
+function R(t) {
+  return (() => {
+    var n = O();
+    n.$$contextmenu = (e) => e.preventDefault();
+    var s = t.menuRef;
+    return typeof s == "function" ? E(s, n) : t.menuRef = n, c(n, m(x, {
+      get each() {
+        return t.items;
+      },
+      children: (e) => {
+        if (!S(e))
+          return h();
+        const a = e.icon;
+        return (() => {
+          var o = I(), u = o.firstChild;
+          return T(o, "click", e.onSelect, !0), c(o, m(a, {
+            class: "h-3.5 w-3.5"
+          }), u), c(u, () => e.label), v((r) => {
+            var l = C("notes-context-menu__item", e.destructive && "is-destructive"), _ = e.disabled;
+            return l !== r.e && f(o, r.e = l), _ !== r.t && (o.disabled = r.t = _), r;
+          }, {
+            e: void 0,
+            t: void 0
+          }), o;
+        })();
+      }
+    })), v((e) => {
+      var a = `${t.x}px`, o = `${t.y}px`;
+      return a !== e.e && d(n, "left", e.e = a), o !== e.t && d(n, "top", e.t = o), e;
+    }, {
+      e: void 0,
+      t: void 0
+    }), n;
+  })();
+}
+N(["contextmenu", "click"]);
+export {
+  H as NOTES_CONTEXT_MENU_WIDTH_PX,
+  R as NotesContextMenu,
+  y as estimateNotesContextMenuHeight
+};

package/dist/components/notes/NotesOverlay.d.ts

@@ -0,0 +1,7 @@
+import { type NotesController } from './types';
+export interface NotesOverlayProps {
+    open: boolean;
+    onClose: () => void;
+    controller: NotesController;
+}
+export declare function NotesOverlay(props: NotesOverlayProps): import("solid-js").JSX.Element;