@flanksource/clicky-ui 0.3.10 → 0.3.11

package/dist/monaco-schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-schema.d.ts","sourceRoot":"","sources":["../src/monaco-schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/monaco-schema.js

@@ -0,0 +1,5 @@
+import { normalizeSchemaForMonaco } from "./monaco/schema-normalizer.js";
+export {
+  normalizeSchemaForMonaco
+};
+//# sourceMappingURL=monaco-schema.js.map

package/dist/monaco-schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-schema.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/monaco.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MonacoProvider = require("./monaco/MonacoProvider.cjs");
+const MonacoEditor = require("./monaco/MonacoEditor.cjs");
+const MonacoSchemaEditor = require("./monaco/MonacoSchemaEditor.cjs");
+const schemaNormalizer = require("./monaco/schema-normalizer.cjs");
+exports.MonacoProvider = MonacoProvider.MonacoProvider;
+exports.MonacoEditor = MonacoEditor.MonacoEditor;
+exports.MonacoSchemaEditor = MonacoSchemaEditor.MonacoSchemaEditor;
+exports.normalizeSchemaForMonaco = schemaNormalizer.normalizeSchemaForMonaco;
+//# sourceMappingURL=monaco.cjs.map

package/dist/monaco.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/monaco.d.ts

@@ -0,0 +1,6 @@
+export { MonacoProvider } from './monaco/MonacoProvider';
+export { MonacoEditor } from './monaco/MonacoEditor';
+export { MonacoSchemaEditor } from './monaco/MonacoSchemaEditor';
+export { normalizeSchemaForMonaco } from './monaco/schema-normalizer';
+export type { MonacoEditorProps, MonacoProviderProps, MonacoSchemaEditorProps, MonacoValidationState, MonacoValidationStatus, MonacoWorkerFactory, } from './monaco/types';
+//# sourceMappingURL=monaco.d.ts.map

package/dist/monaco.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco.d.ts","sourceRoot":"","sources":["../src/monaco.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC"}

package/dist/monaco.js

@@ -0,0 +1,11 @@
+import { MonacoProvider } from "./monaco/MonacoProvider.js";
+import { MonacoEditor } from "./monaco/MonacoEditor.js";
+import { MonacoSchemaEditor } from "./monaco/MonacoSchemaEditor.js";
+import { normalizeSchemaForMonaco } from "./monaco/schema-normalizer.js";
+export {
+  MonacoEditor,
+  MonacoProvider,
+  MonacoSchemaEditor,
+  normalizeSchemaForMonaco
+};
+//# sourceMappingURL=monaco.js.map

package/dist/monaco.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/overlay/CellActions.cjs

@@ -0,0 +1,183 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@floating-ui/react");
+const react$1 = require("react");
+const Icon = require("../data/Icon.cjs");
+const utils = require("../lib/utils.cjs");
+const DropdownMenuSubmenu = require("./DropdownMenuSubmenu.cjs");
+const dropdownMenuContext = require("./dropdownMenuContext.cjs");
+const modalStack = require("./modalStack.cjs");
+function pointReference(x, y, contextElement) {
+  return {
+    contextElement,
+    getBoundingClientRect: () => ({
+      x,
+      y,
+      top: y,
+      left: x,
+      right: x,
+      bottom: y,
+      width: 0,
+      height: 0,
+      toJSON: () => ({})
+    })
+  };
+}
+function CellActionsRoot({
+  contextTarget,
+  menuLabel,
+  menuItems,
+  children,
+  className
+}) {
+  const [open, setOpen] = react$1.useState(false);
+  const [activeIndex, setActiveIndex] = react$1.useState(null);
+  const returnFocusRef = react$1.useRef(null);
+  const elementsRef = react$1.useRef([]);
+  const floatingZ = modalStack.useFloatingZIndex();
+  const tree = react.useFloatingTree();
+  const nodeId = react.useFloatingNodeId();
+  const closeMenu = react$1.useCallback(() => {
+    setOpen(false);
+    queueMicrotask(() => {
+      var _a;
+      return (_a = returnFocusRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+    });
+  }, []);
+  const { refs, floatingStyles, context } = react.useFloating({
+    ...nodeId ? { nodeId } : {},
+    open,
+    onOpenChange: (next) => next ? setOpen(true) : closeMenu(),
+    placement: "right-start",
+    middleware: [react.offset(4), react.flip({ padding: 8 }), react.shift({ padding: 8 })],
+    whileElementsMounted: react.autoUpdate
+  });
+  const dismiss = react.useDismiss(context, { escapeKey: false });
+  const role = react.useRole(context, { role: "menu" });
+  const listNavigation = react.useListNavigation(context, {
+    listRef: elementsRef,
+    activeIndex,
+    onNavigate: setActiveIndex,
+    loop: true
+  });
+  const { getFloatingProps, getItemProps } = react.useInteractions([
+    dismiss,
+    role,
+    listNavigation
+  ]);
+  const openAt = react$1.useCallback(
+    (x, y) => {
+      if (!contextTarget || menuItems.length === 0) return;
+      const active = document.activeElement;
+      returnFocusRef.current = active instanceof HTMLElement ? active : contextTarget;
+      refs.setPositionReference(pointReference(x, y, contextTarget));
+      setActiveIndex(null);
+      setOpen(true);
+    },
+    [contextTarget, menuItems.length, refs]
+  );
+  react$1.useEffect(() => {
+    if (!contextTarget || menuItems.length === 0) return;
+    contextTarget.classList.add("group/cell-actions");
+    const onContextMenu = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      openAt(event.clientX, event.clientY);
+    };
+    const onKeyDown = (event) => {
+      if (event.key !== "ContextMenu" && !(event.key === "F10" && event.shiftKey)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      const rect = contextTarget.getBoundingClientRect();
+      openAt(rect.left + 8, rect.top + Math.min(rect.height, 24));
+    };
+    contextTarget.addEventListener("contextmenu", onContextMenu);
+    contextTarget.addEventListener("keydown", onKeyDown);
+    return () => {
+      contextTarget.classList.remove("group/cell-actions");
+      contextTarget.removeEventListener("contextmenu", onContextMenu);
+      contextTarget.removeEventListener("keydown", onKeyDown);
+    };
+  }, [contextTarget, menuItems.length, openAt]);
+  react$1.useEffect(() => {
+    if (!tree) return;
+    tree.events.on("click", closeMenu);
+    return () => tree.events.off("click", closeMenu);
+  }, [closeMenu, tree]);
+  modalStack.useEscapeLayer(open, closeMenu);
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.FloatingNode, { id: nodeId, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: utils.cn("ms-1 inline-flex items-center gap-0.5 align-middle", className),
+        contentEditable: false,
+        children
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingFocusManager, { context, modal: false, returnFocus: false, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: refs.setFloating,
+        role: "menu",
+        "aria-label": menuLabel,
+        style: { ...floatingStyles, zIndex: floatingZ },
+        className: dropdownMenuContext.MENU_POPOVER_CLASS,
+        ...getFloatingProps(),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          dropdownMenuContext.MenuContext.Provider,
+          {
+            value: {
+              getItemProps,
+              activeIndex,
+              setActiveIndex,
+              setHasFocusInside: () => {
+              },
+              isOpen: open
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingList, { elementsRef, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubmenu.MenuItemList, { items: menuItems }) })
+          }
+        )
+      }
+    ) }) })
+  ] });
+}
+function CellActions(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingTree, { children: /* @__PURE__ */ jsxRuntime.jsx(CellActionsRoot, { ...props }) });
+}
+function CellActionButton({
+  label,
+  icon,
+  onSelect,
+  className,
+  title = label,
+  onMouseDown,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ...props,
+      type: "button",
+      title,
+      "aria-label": label,
+      className: utils.cn(
+        "inline-flex size-5 items-center justify-center rounded-full p-1 text-muted-foreground opacity-70 transition-colors transition-opacity hover:bg-primary/10 hover:text-primary hover:opacity-100 focus-visible:bg-primary/10 focus-visible:text-primary focus-visible:opacity-100 focus-visible:outline-none group-hover/cell-actions:opacity-95",
+        className
+      ),
+      onMouseDown: (event) => {
+        event.preventDefault();
+        onMouseDown == null ? void 0 : onMouseDown(event);
+      },
+      onClick: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        onSelect();
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: "text-sm" })
+    }
+  );
+}
+exports.CellActionButton = CellActionButton;
+exports.CellActions = CellActions;
+//# sourceMappingURL=CellActions.cjs.map

package/dist/overlay/CellActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellActions.cjs","sources":["../../src/overlay/CellActions.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  FloatingTree,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingTree,\n  useInteractions,\n  useListNavigation,\n  useRole,\n  type VirtualElement,\n} from \"@floating-ui/react\";\nimport {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { cn } from \"../lib/utils\";\nimport type { DropdownMenuItem } from \"./DropdownMenu\";\nimport { MenuItemList } from \"./DropdownMenuSubmenu\";\nimport { MENU_POPOVER_CLASS, MenuContext } from \"./dropdownMenuContext\";\nimport { useEscapeLayer, useFloatingZIndex } from \"./modalStack\";\n\nexport type CellActionsProps = {\n  contextTarget: HTMLElement | null;\n  menuLabel: string;\n  menuItems: DropdownMenuItem[];\n  children: ReactNode;\n  className?: string;\n};\n\nexport type CellActionButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"onClick\"\n> & {\n  label: string;\n  icon: StaticIconComponent;\n  onSelect: () => void;\n};\n\nfunction pointReference(\n  x: number,\n  y: number,\n  contextElement: HTMLElement,\n): VirtualElement {\n  return {\n    contextElement,\n    getBoundingClientRect: () => ({\n      x,\n      y,\n      top: y,\n      left: x,\n      right: x,\n      bottom: y,\n      width: 0,\n      height: 0,\n      toJSON: () => ({}),\n    }),\n  };\n}\n\nfunction CellActionsRoot({\n  contextTarget,\n  menuLabel,\n  menuItems,\n  children,\n  className,\n}: CellActionsProps) {\n  const [open, setOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const returnFocusRef = useRef<HTMLElement | null>(null);\n  const elementsRef = useRef<Array<HTMLElement | null>>([]);\n  const floatingZ = useFloatingZIndex();\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n\n  const closeMenu = useCallback(() => {\n    setOpen(false);\n    queueMicrotask(() => returnFocusRef.current?.focus({ preventScroll: true }));\n  }, []);\n\n  const { refs, floatingStyles, context } = useFloating<HTMLDivElement>({\n    ...(nodeId ? { nodeId } : {}),\n    open,\n    onOpenChange: (next) => (next ? setOpen(true) : closeMenu()),\n    placement: \"right-start\",\n    middleware: [offset(4), flip({ padding: 8 }), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context, { escapeKey: false });\n  const role = useRole(context, { role: \"menu\" });\n  const listNavigation = useListNavigation(context, {\n    listRef: elementsRef,\n    activeIndex,\n    onNavigate: setActiveIndex,\n    loop: true,\n  });\n  const { getFloatingProps, getItemProps } = useInteractions([\n    dismiss,\n    role,\n    listNavigation,\n  ]);\n\n  const openAt = useCallback(\n    (x: number, y: number) => {\n      if (!contextTarget || menuItems.length === 0) return;\n      const active = document.activeElement;\n      returnFocusRef.current = active instanceof HTMLElement ? active : contextTarget;\n      refs.setPositionReference(pointReference(x, y, contextTarget));\n      setActiveIndex(null);\n      setOpen(true);\n    },\n    [contextTarget, menuItems.length, refs],\n  );\n\n  useEffect(() => {\n    if (!contextTarget || menuItems.length === 0) return;\n    contextTarget.classList.add(\"group/cell-actions\");\n\n    const onContextMenu = (event: MouseEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n      openAt(event.clientX, event.clientY);\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"ContextMenu\" && !(event.key === \"F10\" && event.shiftKey)) return;\n      event.preventDefault();\n      event.stopPropagation();\n      const rect = contextTarget.getBoundingClientRect();\n      openAt(rect.left + 8, rect.top + Math.min(rect.height, 24));\n    };\n\n    contextTarget.addEventListener(\"contextmenu\", onContextMenu);\n    contextTarget.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      contextTarget.classList.remove(\"group/cell-actions\");\n      contextTarget.removeEventListener(\"contextmenu\", onContextMenu);\n      contextTarget.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [contextTarget, menuItems.length, openAt]);\n\n  useEffect(() => {\n    if (!tree) return;\n    tree.events.on(\"click\", closeMenu);\n    return () => tree.events.off(\"click\", closeMenu);\n  }, [closeMenu, tree]);\n\n  useEscapeLayer(open, closeMenu);\n\n  return (\n    <FloatingNode id={nodeId}>\n      <span\n        className={cn(\"ms-1 inline-flex items-center gap-0.5 align-middle\", className)}\n        contentEditable={false}\n      >\n        {children}\n      </span>\n      {open && (\n        <FloatingPortal>\n          <FloatingFocusManager context={context} modal={false} returnFocus={false}>\n            <div\n              ref={refs.setFloating}\n              role=\"menu\"\n              aria-label={menuLabel}\n              style={{ ...floatingStyles, zIndex: floatingZ }}\n              className={MENU_POPOVER_CLASS}\n              {...getFloatingProps()}\n            >\n              <MenuContext.Provider\n                value={{\n                  getItemProps,\n                  activeIndex,\n                  setActiveIndex,\n                  setHasFocusInside: () => {},\n                  isOpen: open,\n                }}\n              >\n                <FloatingList elementsRef={elementsRef}>\n                  <MenuItemList items={menuItems} />\n                </FloatingList>\n              </MenuContext.Provider>\n            </div>\n          </FloatingFocusManager>\n        </FloatingPortal>\n      )}\n    </FloatingNode>\n  );\n}\n\nexport function CellActions(props: CellActionsProps) {\n  return (\n    <FloatingTree>\n      <CellActionsRoot {...props} />\n    </FloatingTree>\n  );\n}\n\nexport function CellActionButton({\n  label,\n  icon,\n  onSelect,\n  className,\n  title = label,\n  onMouseDown,\n  ...props\n}: CellActionButtonProps) {\n  return (\n    <button\n      {...props}\n      type=\"button\"\n      title={title}\n      aria-label={label}\n      className={cn(\n        \"inline-flex size-5 items-center justify-center rounded-full p-1 text-muted-foreground opacity-70 transition-colors transition-opacity hover:bg-primary/10 hover:text-primary hover:opacity-100 focus-visible:bg-primary/10 focus-visible:text-primary focus-visible:opacity-100 focus-visible:outline-none group-hover/cell-actions:opacity-95\",\n        className,\n      )}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        onMouseDown?.(event);\n      }}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        onSelect();\n      }}\n    >\n      <Icon icon={icon} className=\"text-sm\" />\n    </button>\n  );\n}\n"],"names":["useState","useRef","useFloatingZIndex","useFloatingTree","useFloatingNodeId","useCallback","useFloating","offset","flip","shift","autoUpdate","useDismiss","useRole","useListNavigation","useInteractions","useEffect","useEscapeLayer","jsxs","FloatingNode","jsx","cn","FloatingPortal","FloatingFocusManager","MENU_POPOVER_CLASS","MenuContext","FloatingList","MenuItemList","FloatingTree","Icon"],"mappings":"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"}

package/dist/overlay/CellActions.d.ts

@@ -0,0 +1,18 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { StaticIconComponent } from '../data/Icon';
+import { DropdownMenuItem } from './DropdownMenu';
+export type CellActionsProps = {
+    contextTarget: HTMLElement | null;
+    menuLabel: string;
+    menuItems: DropdownMenuItem[];
+    children: ReactNode;
+    className?: string;
+};
+export type CellActionButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "onClick"> & {
+    label: string;
+    icon: StaticIconComponent;
+    onSelect: () => void;
+};
+export declare function CellActions(props: CellActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function CellActionButton({ label, icon, onSelect, className, title, onMouseDown, ...props }: CellActionButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CellActions.d.ts.map

package/dist/overlay/CellActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellActions.d.ts","sourceRoot":"","sources":["../../src/overlay/CellActions.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAKL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,SAAS,CACvB,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAwJF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAMlD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAa,EACb,WAAW,EACX,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAwBvB"}

package/dist/overlay/CellActions.js

@@ -0,0 +1,183 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FloatingTree, useFloatingTree, useFloatingNodeId, useFloating, autoUpdate, offset, flip, shift, useDismiss, useRole, useListNavigation, useInteractions, FloatingNode, FloatingPortal, FloatingFocusManager, FloatingList } from "@floating-ui/react";
+import { useState, useRef, useCallback, useEffect } from "react";
+import { Icon } from "../data/Icon.js";
+import { cn } from "../lib/utils.js";
+import { MenuItemList } from "./DropdownMenuSubmenu.js";
+import { MENU_POPOVER_CLASS, MenuContext } from "./dropdownMenuContext.js";
+import { useFloatingZIndex, useEscapeLayer } from "./modalStack.js";
+function pointReference(x, y, contextElement) {
+  return {
+    contextElement,
+    getBoundingClientRect: () => ({
+      x,
+      y,
+      top: y,
+      left: x,
+      right: x,
+      bottom: y,
+      width: 0,
+      height: 0,
+      toJSON: () => ({})
+    })
+  };
+}
+function CellActionsRoot({
+  contextTarget,
+  menuLabel,
+  menuItems,
+  children,
+  className
+}) {
+  const [open, setOpen] = useState(false);
+  const [activeIndex, setActiveIndex] = useState(null);
+  const returnFocusRef = useRef(null);
+  const elementsRef = useRef([]);
+  const floatingZ = useFloatingZIndex();
+  const tree = useFloatingTree();
+  const nodeId = useFloatingNodeId();
+  const closeMenu = useCallback(() => {
+    setOpen(false);
+    queueMicrotask(() => {
+      var _a;
+      return (_a = returnFocusRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+    });
+  }, []);
+  const { refs, floatingStyles, context } = useFloating({
+    ...nodeId ? { nodeId } : {},
+    open,
+    onOpenChange: (next) => next ? setOpen(true) : closeMenu(),
+    placement: "right-start",
+    middleware: [offset(4), flip({ padding: 8 }), shift({ padding: 8 })],
+    whileElementsMounted: autoUpdate
+  });
+  const dismiss = useDismiss(context, { escapeKey: false });
+  const role = useRole(context, { role: "menu" });
+  const listNavigation = useListNavigation(context, {
+    listRef: elementsRef,
+    activeIndex,
+    onNavigate: setActiveIndex,
+    loop: true
+  });
+  const { getFloatingProps, getItemProps } = useInteractions([
+    dismiss,
+    role,
+    listNavigation
+  ]);
+  const openAt = useCallback(
+    (x, y) => {
+      if (!contextTarget || menuItems.length === 0) return;
+      const active = document.activeElement;
+      returnFocusRef.current = active instanceof HTMLElement ? active : contextTarget;
+      refs.setPositionReference(pointReference(x, y, contextTarget));
+      setActiveIndex(null);
+      setOpen(true);
+    },
+    [contextTarget, menuItems.length, refs]
+  );
+  useEffect(() => {
+    if (!contextTarget || menuItems.length === 0) return;
+    contextTarget.classList.add("group/cell-actions");
+    const onContextMenu = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      openAt(event.clientX, event.clientY);
+    };
+    const onKeyDown = (event) => {
+      if (event.key !== "ContextMenu" && !(event.key === "F10" && event.shiftKey)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      const rect = contextTarget.getBoundingClientRect();
+      openAt(rect.left + 8, rect.top + Math.min(rect.height, 24));
+    };
+    contextTarget.addEventListener("contextmenu", onContextMenu);
+    contextTarget.addEventListener("keydown", onKeyDown);
+    return () => {
+      contextTarget.classList.remove("group/cell-actions");
+      contextTarget.removeEventListener("contextmenu", onContextMenu);
+      contextTarget.removeEventListener("keydown", onKeyDown);
+    };
+  }, [contextTarget, menuItems.length, openAt]);
+  useEffect(() => {
+    if (!tree) return;
+    tree.events.on("click", closeMenu);
+    return () => tree.events.off("click", closeMenu);
+  }, [closeMenu, tree]);
+  useEscapeLayer(open, closeMenu);
+  return /* @__PURE__ */ jsxs(FloatingNode, { id: nodeId, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("ms-1 inline-flex items-center gap-0.5 align-middle", className),
+        contentEditable: false,
+        children
+      }
+    ),
+    open && /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(FloatingFocusManager, { context, modal: false, returnFocus: false, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: refs.setFloating,
+        role: "menu",
+        "aria-label": menuLabel,
+        style: { ...floatingStyles, zIndex: floatingZ },
+        className: MENU_POPOVER_CLASS,
+        ...getFloatingProps(),
+        children: /* @__PURE__ */ jsx(
+          MenuContext.Provider,
+          {
+            value: {
+              getItemProps,
+              activeIndex,
+              setActiveIndex,
+              setHasFocusInside: () => {
+              },
+              isOpen: open
+            },
+            children: /* @__PURE__ */ jsx(FloatingList, { elementsRef, children: /* @__PURE__ */ jsx(MenuItemList, { items: menuItems }) })
+          }
+        )
+      }
+    ) }) })
+  ] });
+}
+function CellActions(props) {
+  return /* @__PURE__ */ jsx(FloatingTree, { children: /* @__PURE__ */ jsx(CellActionsRoot, { ...props }) });
+}
+function CellActionButton({
+  label,
+  icon,
+  onSelect,
+  className,
+  title = label,
+  onMouseDown,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...props,
+      type: "button",
+      title,
+      "aria-label": label,
+      className: cn(
+        "inline-flex size-5 items-center justify-center rounded-full p-1 text-muted-foreground opacity-70 transition-colors transition-opacity hover:bg-primary/10 hover:text-primary hover:opacity-100 focus-visible:bg-primary/10 focus-visible:text-primary focus-visible:opacity-100 focus-visible:outline-none group-hover/cell-actions:opacity-95",
+        className
+      ),
+      onMouseDown: (event) => {
+        event.preventDefault();
+        onMouseDown == null ? void 0 : onMouseDown(event);
+      },
+      onClick: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        onSelect();
+      },
+      children: /* @__PURE__ */ jsx(Icon, { icon, className: "text-sm" })
+    }
+  );
+}
+export {
+  CellActionButton,
+  CellActions
+};
+//# sourceMappingURL=CellActions.js.map

package/dist/overlay/CellActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellActions.js","sources":["../../src/overlay/CellActions.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  FloatingTree,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingTree,\n  useInteractions,\n  useListNavigation,\n  useRole,\n  type VirtualElement,\n} from \"@floating-ui/react\";\nimport {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { cn } from \"../lib/utils\";\nimport type { DropdownMenuItem } from \"./DropdownMenu\";\nimport { MenuItemList } from \"./DropdownMenuSubmenu\";\nimport { MENU_POPOVER_CLASS, MenuContext } from \"./dropdownMenuContext\";\nimport { useEscapeLayer, useFloatingZIndex } from \"./modalStack\";\n\nexport type CellActionsProps = {\n  contextTarget: HTMLElement | null;\n  menuLabel: string;\n  menuItems: DropdownMenuItem[];\n  children: ReactNode;\n  className?: string;\n};\n\nexport type CellActionButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\" | \"onClick\"\n> & {\n  label: string;\n  icon: StaticIconComponent;\n  onSelect: () => void;\n};\n\nfunction pointReference(\n  x: number,\n  y: number,\n  contextElement: HTMLElement,\n): VirtualElement {\n  return {\n    contextElement,\n    getBoundingClientRect: () => ({\n      x,\n      y,\n      top: y,\n      left: x,\n      right: x,\n      bottom: y,\n      width: 0,\n      height: 0,\n      toJSON: () => ({}),\n    }),\n  };\n}\n\nfunction CellActionsRoot({\n  contextTarget,\n  menuLabel,\n  menuItems,\n  children,\n  className,\n}: CellActionsProps) {\n  const [open, setOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const returnFocusRef = useRef<HTMLElement | null>(null);\n  const elementsRef = useRef<Array<HTMLElement | null>>([]);\n  const floatingZ = useFloatingZIndex();\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n\n  const closeMenu = useCallback(() => {\n    setOpen(false);\n    queueMicrotask(() => returnFocusRef.current?.focus({ preventScroll: true }));\n  }, []);\n\n  const { refs, floatingStyles, context } = useFloating<HTMLDivElement>({\n    ...(nodeId ? { nodeId } : {}),\n    open,\n    onOpenChange: (next) => (next ? setOpen(true) : closeMenu()),\n    placement: \"right-start\",\n    middleware: [offset(4), flip({ padding: 8 }), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context, { escapeKey: false });\n  const role = useRole(context, { role: \"menu\" });\n  const listNavigation = useListNavigation(context, {\n    listRef: elementsRef,\n    activeIndex,\n    onNavigate: setActiveIndex,\n    loop: true,\n  });\n  const { getFloatingProps, getItemProps } = useInteractions([\n    dismiss,\n    role,\n    listNavigation,\n  ]);\n\n  const openAt = useCallback(\n    (x: number, y: number) => {\n      if (!contextTarget || menuItems.length === 0) return;\n      const active = document.activeElement;\n      returnFocusRef.current = active instanceof HTMLElement ? active : contextTarget;\n      refs.setPositionReference(pointReference(x, y, contextTarget));\n      setActiveIndex(null);\n      setOpen(true);\n    },\n    [contextTarget, menuItems.length, refs],\n  );\n\n  useEffect(() => {\n    if (!contextTarget || menuItems.length === 0) return;\n    contextTarget.classList.add(\"group/cell-actions\");\n\n    const onContextMenu = (event: MouseEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n      openAt(event.clientX, event.clientY);\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"ContextMenu\" && !(event.key === \"F10\" && event.shiftKey)) return;\n      event.preventDefault();\n      event.stopPropagation();\n      const rect = contextTarget.getBoundingClientRect();\n      openAt(rect.left + 8, rect.top + Math.min(rect.height, 24));\n    };\n\n    contextTarget.addEventListener(\"contextmenu\", onContextMenu);\n    contextTarget.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      contextTarget.classList.remove(\"group/cell-actions\");\n      contextTarget.removeEventListener(\"contextmenu\", onContextMenu);\n      contextTarget.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [contextTarget, menuItems.length, openAt]);\n\n  useEffect(() => {\n    if (!tree) return;\n    tree.events.on(\"click\", closeMenu);\n    return () => tree.events.off(\"click\", closeMenu);\n  }, [closeMenu, tree]);\n\n  useEscapeLayer(open, closeMenu);\n\n  return (\n    <FloatingNode id={nodeId}>\n      <span\n        className={cn(\"ms-1 inline-flex items-center gap-0.5 align-middle\", className)}\n        contentEditable={false}\n      >\n        {children}\n      </span>\n      {open && (\n        <FloatingPortal>\n          <FloatingFocusManager context={context} modal={false} returnFocus={false}>\n            <div\n              ref={refs.setFloating}\n              role=\"menu\"\n              aria-label={menuLabel}\n              style={{ ...floatingStyles, zIndex: floatingZ }}\n              className={MENU_POPOVER_CLASS}\n              {...getFloatingProps()}\n            >\n              <MenuContext.Provider\n                value={{\n                  getItemProps,\n                  activeIndex,\n                  setActiveIndex,\n                  setHasFocusInside: () => {},\n                  isOpen: open,\n                }}\n              >\n                <FloatingList elementsRef={elementsRef}>\n                  <MenuItemList items={menuItems} />\n                </FloatingList>\n              </MenuContext.Provider>\n            </div>\n          </FloatingFocusManager>\n        </FloatingPortal>\n      )}\n    </FloatingNode>\n  );\n}\n\nexport function CellActions(props: CellActionsProps) {\n  return (\n    <FloatingTree>\n      <CellActionsRoot {...props} />\n    </FloatingTree>\n  );\n}\n\nexport function CellActionButton({\n  label,\n  icon,\n  onSelect,\n  className,\n  title = label,\n  onMouseDown,\n  ...props\n}: CellActionButtonProps) {\n  return (\n    <button\n      {...props}\n      type=\"button\"\n      title={title}\n      aria-label={label}\n      className={cn(\n        \"inline-flex size-5 items-center justify-center rounded-full p-1 text-muted-foreground opacity-70 transition-colors transition-opacity hover:bg-primary/10 hover:text-primary hover:opacity-100 focus-visible:bg-primary/10 focus-visible:text-primary focus-visible:opacity-100 focus-visible:outline-none group-hover/cell-actions:opacity-95\",\n        className,\n      )}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        onMouseDown?.(event);\n      }}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        onSelect();\n      }}\n    >\n      <Icon icon={icon} className=\"text-sm\" />\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}