@parhelia/core 0.4.12825 → 0.4.12871

package/dist/editor/page-editor-chrome/BridgeToolbarDropdown.d.ts

@@ -0,0 +1,16 @@
+export type BridgeToolbarDropdownEntry = {
+    key: string;
+    label: string;
+    active: boolean;
+    title?: string;
+    onSelect: () => void;
+};
+type BridgeToolbarDropdownProps = {
+    /** Button text: the active entry's label, or a placeholder */
+    buttonLabel: string;
+    ariaLabel: string;
+    entries: readonly BridgeToolbarDropdownEntry[];
+    "data-testid"?: string;
+};
+export declare function BridgeToolbarDropdown({ buttonLabel, ariaLabel, entries, "data-testid": testId, }: BridgeToolbarDropdownProps): import("react").JSX.Element;
+export {};

package/dist/editor/page-editor-chrome/BridgeToolbarDropdown.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Check, ChevronDown } from "lucide-react";
+import { cn } from "../../lib/utils";
+// Dropdown of the canvas inline toolbar (block format, CSS class). A plain
+// menu rather than a focus-taking popover: every interaction runs on
+// mousedown with preventDefault so the selection in the page frame survives.
+// Callers key it by the selected field so the menu closes on a field switch.
+export function BridgeToolbarDropdown({ buttonLabel, ariaLabel, entries, "data-testid": testId, }) {
+    const [open, setOpen] = useState(false);
+    const select = (entry) => (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setOpen(false);
+        entry.onSelect();
+    };
+    return (_jsxs("div", { className: "relative", children: [_jsxs("button", { type: "button", className: "text-neutral-grey-100 inline-flex h-8 max-w-40 items-center gap-1 rounded-[4px] px-2 text-xs leading-none font-medium hover:bg-white focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-blue-600", "aria-label": ariaLabel, "aria-haspopup": "menu", "aria-expanded": open, title: ariaLabel, "data-testid": testId, onMouseDown: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    setOpen((previous) => !previous);
+                }, children: [_jsx("span", { className: "truncate", children: buttonLabel }), _jsx(ChevronDown, { "aria-hidden": "true", className: "size-3 shrink-0", strokeWidth: 1.5 })] }), open && (_jsx("div", { role: "menu", className: "border-border-default absolute top-full left-0 z-10 mt-1 max-h-72 min-w-40 overflow-y-auto rounded-md border bg-white p-1 shadow-lg", children: entries.map((entry) => (_jsxs("div", { role: "menuitemradio", "aria-checked": entry.active, className: cn("text-neutral-grey-100 hover:bg-neutral-grey-5 flex cursor-pointer items-center gap-2 rounded-[4px] px-2 py-1.5 text-xs whitespace-nowrap", entry.active && "font-medium"), title: entry.title, onMouseDown: select(entry), children: [_jsx(Check, { "aria-hidden": "true", className: cn("size-3 shrink-0", !entry.active && "invisible"), strokeWidth: 1.5 }), entry.label] }, entry.key))) }))] }));
+}
+//# sourceMappingURL=BridgeToolbarDropdown.js.map

package/dist/editor/page-editor-chrome/BridgeToolbarDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BridgeToolbarDropdown.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/BridgeToolbarDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAkBrC,2EAA2E;AAC3E,qEAAqE;AACrE,6EAA6E;AAC7E,6EAA6E;AAC7E,MAAM,UAAU,qBAAqB,CAAC,EACpC,WAAW,EACX,SAAS,EACT,OAAO,EACP,aAAa,EAAE,MAAM,GACM;IAC3B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,MAAM,GAAG,CAAC,KAAiC,EAAE,EAAE,CAAC,CAAC,KAAiB,EAAE,EAAE;QAC1E,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACvB,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4NAA4N,gBAC1N,SAAS,mBACP,MAAM,mBACL,IAAI,EACnB,KAAK,EAAE,SAAS,iBACH,MAAM,EACnB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;oBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;oBACxB,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;gBACnC,CAAC,aAED,eAAM,SAAS,EAAC,UAAU,YAAE,WAAW,GAAQ,EAC/C,KAAC,WAAW,mBACE,MAAM,EAClB,SAAS,EAAC,iBAAiB,EAC3B,WAAW,EAAE,GAAG,GAChB,IACK,EACR,IAAI,IAAI,CACP,cACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,qIAAqI,YAE9I,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,eAEE,IAAI,EAAC,eAAe,kBACN,KAAK,CAAC,MAAM,EAC1B,SAAS,EAAE,EAAE,CACX,0IAA0I,EAC1I,KAAK,CAAC,MAAM,IAAI,aAAa,CAC9B,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,aAE1B,KAAC,KAAK,mBACQ,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,WAAW,CAAC,EAC9D,WAAW,EAAE,GAAG,GAChB,EACD,KAAK,CAAC,KAAK,KAfP,KAAK,CAAC,GAAG,CAgBV,CACP,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/page-editor-chrome/CanvasOverviewRulerBinding.d.ts

@@ -0,0 +1,9 @@
+import type { PageViewContext } from "../page-viewer/pageViewContext";
+/**
+ * Connects the canvas overview ruler to the canvas: tells it how tall the
+ * page is in overlay pixels (the space the highlightings measure their marks
+ * in) and scrolls the canvas to a clicked mark.
+ */
+export declare function CanvasOverviewRulerBinding({ pageViewContext, }: {
+    pageViewContext: PageViewContext;
+}): null;

package/dist/editor/page-editor-chrome/CanvasOverviewRulerBinding.js

@@ -0,0 +1,32 @@
+import { useCallback } from "react";
+import { usePublishOverviewRulerCanvas, } from "../page-viewer/overviewRuler";
+import { getOverlayLayerHeight } from "./overlay/geometry";
+import { useIframeOverlay } from "./overlay/IframeOverlayProvider";
+import { useOverlayMeasurement } from "./overlay/useOverlayMeasurement";
+/**
+ * Connects the canvas overview ruler to the canvas: tells it how tall the
+ * page is in overlay pixels (the space the highlightings measure their marks
+ * in) and scrolls the canvas to a clicked mark.
+ */
+export function CanvasOverviewRulerBinding({ pageViewContext, }) {
+    const overlay = useIframeOverlay();
+    const extent = useOverlayMeasurement((metrics) => getOverlayLayerHeight(metrics), [], {
+        initialValue: 0,
+        equals: Object.is,
+        interests: ["viewport", "layout"],
+    });
+    // The mark lands a third down the canvas, so the text above it stays
+    // readable.
+    const scrollToMark = useCallback((mark) => {
+        const metrics = overlay.getMetrics();
+        const scale = metrics.scrollScale * metrics.visualScale || 1;
+        const target = Math.max(0, mark.top - metrics.viewportHeight / 3);
+        pageViewContext.requestBridgeScrollBy?.({
+            y: target / scale - metrics.scrollTop,
+            behavior: "smooth",
+        });
+    }, [overlay, pageViewContext]);
+    usePublishOverviewRulerCanvas(extent, scrollToMark);
+    return null;
+}
+//# sourceMappingURL=CanvasOverviewRulerBinding.js.map

package/dist/editor/page-editor-chrome/CanvasOverviewRulerBinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasOverviewRulerBinding.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/CanvasOverviewRulerBinding.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAEL,6BAA6B,GAC9B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAAC,EACzC,eAAe,GAGhB;IACC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,qBAAqB,CAClC,CAAC,OAAO,EAAE,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAC3C,EAAE,EACF;QACE,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM,CAAC,EAAE;QACjB,SAAS,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;KAClC,CACF,CAAC;IAEF,qEAAqE;IACrE,YAAY;IACZ,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAAuB,EAAE,EAAE;QAC1B,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC;QACrC,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,CAAC,CAAC;QAC7D,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;QAClE,eAAe,CAAC,qBAAqB,EAAE,CAAC;YACtC,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC,SAAS;YACrC,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAC;IAEF,6BAA6B,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACpD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/editor/page-editor-chrome/CommentHighlightings.d.ts

@@ -1,5 +1,8 @@
-import { PageViewContext } from "../page-viewer/pageViewContext";
+import { Comment } from "../../types";
+import { type PageViewContext } from "../page-viewer/pageViewContext";
 import { type FeedbackHighlightVariant } from "./FeedbackHighlightBadge";
+/** Comments that mark the canvas: top-level and replies, not suggestion threads. */
+export declare function getCanvasComments(comments: Comment[] | undefined, showResolved: boolean | undefined): Comment[];
 export declare function CommentHighlightings({ pageViewContext, variant, }: {
     pageViewContext: PageViewContext;
     variant?: FeedbackHighlightVariant;