@parhelia/core 0.1.12870 → 0.1.12876

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

@@ -0,0 +1,123 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { useEditContext } from "../client/editContext";
+const INLINE_FORMAT_COMMANDS = [
+    {
+        id: "format-mark-bold",
+        label: "Bold",
+        icon: (_jsx("span", { style: { fontFamily: "monospace", fontWeight: "bold" }, children: "B" })),
+        command: "bold",
+    },
+    {
+        id: "format-mark-italic",
+        label: "Italic",
+        icon: (_jsx("span", { style: { fontFamily: "monospace", fontStyle: "italic" }, children: "I" })),
+        command: "italic",
+    },
+    {
+        id: "format-mark-underline",
+        label: "Underline",
+        icon: (_jsx("span", { style: { fontFamily: "monospace", textDecoration: "underline" }, children: "U" })),
+        command: "underline",
+    },
+    {
+        id: "format-mark-strikethrough",
+        label: "Strikethrough",
+        icon: (_jsx("span", { style: { fontFamily: "monospace", textDecoration: "line-through" }, children: "S" })),
+        command: "strikeThrough",
+    },
+    {
+        id: "format-mark-subscript",
+        label: "Subscript",
+        icon: _jsx("span", { style: { fontFamily: "monospace" }, children: "x2" }),
+        command: "subscript",
+    },
+    {
+        id: "format-mark-superscript",
+        label: "Superscript",
+        icon: _jsx("span", { style: { fontFamily: "monospace" }, children: "x^" }),
+        command: "superscript",
+    },
+];
+export function BridgeInlineFormatOverlay({ onCommand, }) {
+    const editContext = useEditContext();
+    const selectedRange = editContext?.selectedRange;
+    const overlayRef = useRef(null);
+    const [overlay, setOverlay] = useState({
+        visible: false,
+        left: 0,
+        top: 0,
+        activeCommandIds: [],
+    });
+    const visibleCommands = useMemo(() => selectedRange?.isRichText && selectedRange?.elementKey
+        ? INLINE_FORMAT_COMMANDS
+        : [], [selectedRange?.elementKey, selectedRange?.isRichText]);
+    useEffect(() => {
+        if (!selectedRange?.text?.trim() ||
+            !selectedRange.elementKey ||
+            !selectedRange.isRichText ||
+            !selectedRange.clientRect ||
+            !onCommand ||
+            editContext?.readonly ||
+            (editContext?.mode !== "edit" && editContext?.mode !== "suggestions")) {
+            setOverlay((previous) => previous.visible ? { ...previous, visible: false } : previous);
+            return;
+        }
+        const overlayWidth = overlayRef.current?.offsetWidth ?? 180;
+        const overlayHeight = overlayRef.current?.offsetHeight ?? 34;
+        const viewportPadding = 8;
+        const selectionGap = 8;
+        const rect = selectedRange.clientRect;
+        const anchorCenter = rect.left + Math.min(rect.width, overlayWidth) / 2;
+        let top = rect.top - overlayHeight - selectionGap;
+        if (top < viewportPadding) {
+            top = rect.bottom + selectionGap + 36;
+        }
+        top = Math.max(viewportPadding, Math.min(top, window.innerHeight - overlayHeight - viewportPadding));
+        const left = Math.max(viewportPadding, Math.min(anchorCenter - overlayWidth / 2, window.innerWidth - overlayWidth - viewportPadding));
+        setOverlay({
+            visible: true,
+            left,
+            top,
+            activeCommandIds: [],
+        });
+    }, [
+        editContext?.mode,
+        editContext?.readonly,
+        onCommand,
+        selectedRange?.clientRect,
+        selectedRange?.elementKey,
+        selectedRange?.isRichText,
+        selectedRange?.text,
+    ]);
+    const applyCommand = (item, event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!selectedRange?.elementKey || !selectedRange.fieldId || !onCommand) {
+            return;
+        }
+        onCommand({
+            elementKey: selectedRange.elementKey,
+            fieldId: selectedRange.fieldId,
+            command: item.command,
+        });
+    };
+    if (!overlay.visible || visibleCommands.length === 0) {
+        return null;
+    }
+    const content = (_jsx("div", { ref: overlayRef, className: "border-border-default bg-neutral-grey-5 fixed z-[1000] flex h-8 items-center gap-0.5 rounded-md border px-0.5 py-px shadow-lg", style: {
+            left: overlay.left,
+            top: overlay.top,
+        }, onMouseDown: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+        }, children: visibleCommands.map((item) => {
+            const isActive = overlay.activeCommandIds.includes(item.id);
+            return (_jsx("button", { type: "button", className: `inline-flex h-7 w-7 items-center justify-center rounded-sm p-0 text-[13px] leading-none font-semibold focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-blue-600 ${isActive
+                    ? "text-neutral-grey-100 bg-white"
+                    : "bg-neutral-grey-5 text-neutral-grey-100 hover:bg-neutral-grey-10"}`, title: item.label, "aria-label": item.label, "aria-pressed": isActive, onMouseDown: (event) => applyCommand(item, event), children: _jsx("span", { "aria-hidden": "true", className: "inline-flex translate-y-px items-center justify-center leading-none", children: item.icon }) }, item.id));
+        }) }));
+    return createPortal(content, document.body);
+}
+//# sourceMappingURL=BridgeInlineFormatOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BridgeInlineFormatOverlay.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/BridgeInlineFormatOverlay.tsx"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,6 @@
-export declare function CommentHighlightings({ iframe, }: {
-    iframe: HTMLIFrameElement;
+import { PageViewContext } from "../page-viewer/pageViewContext";
+import { type FeedbackHighlightVariant } from "./FeedbackHighlightBadge";
+export declare function CommentHighlightings({ pageViewContext, variant, }: {
+    pageViewContext: PageViewContext;
+    variant?: FeedbackHighlightVariant;
 }): import("react/jsx-runtime").JSX.Element | null;