@opengeni/react-native 4.2.1-canary.39593846423001 → 4.3.1

package/dist/timeline/annotations.d.ts

@@ -0,0 +1,81 @@
+import type { DraftTimelineAnnotation, TimelineAnnotation, TimelineAnnotationSource } from "@opengeni/sdk";
+import { type ComponentRef, type ReactNode } from "react";
+import { View, type StyleProp, type ViewStyle } from "react-native";
+import { type QuoteAnchorQuery } from "./text-selection.js";
+export type NativeAnnotationLike = DraftTimelineAnnotation | TimelineAnnotation;
+/**
+ * Reveals a quote in the timeline: scrolls its words into view and flashes
+ * them (the whole message when they can't be located). False when the
+ * message is not loaded.
+ */
+export type AnnotationReveal = (source: TimelineAnnotationSource, quote?: QuoteAnchorQuery) => boolean;
+/** The text a revealed quote is found by. */
+export declare function annotationQuoteQuery(annotation: NativeAnnotationLike): QuoteAnchorQuery;
+type DraftMarker = {
+    id: string;
+    ordinal: number;
+    incomplete: boolean;
+    quote: string;
+    before: string;
+    after: string;
+};
+export type AnnotationSourceNode = ComponentRef<typeof View>;
+type AnnotationSourcesValue = {
+    register: (sourceKey: string, node: AnnotationSourceNode | null) => void;
+    flash: AnnotationFlash | null;
+    drafts: ReadonlyMap<string, readonly DraftMarker[]>;
+    onSelectDraft?: ((id: string) => void) | undefined;
+};
+/** A reveal's highlight: one message, and the quote in it when known. */
+export type AnnotationFlash = {
+    sourceKey: string;
+    token: number;
+    quote?: QuoteAnchorQuery;
+};
+export declare const AnnotationSourcesContext: import("react").Context<AnnotationSourcesValue | null>;
+/** Draft annotations grouped by the message they quote. */
+export declare function draftMarkersBySource(annotations: readonly DraftTimelineAnnotation[] | undefined): Map<string, DraftMarker[]>;
+/**
+ * A message body that can be quoted: marks its text for native selection
+ * (Add note), shows a numbered badge where each draft quote ends (the web's
+ * annotation markers) and briefly highlights when a quote of it is revealed.
+ */
+export declare function AnnotationSourceView({ sourceKey, children, style, }: {
+    sourceKey: string | undefined;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}): import("react").JSX.Element;
+/** The quotes and notes a sent message carries, inside its bubble. */
+export declare function SentAnnotationCards({ annotations, onReveal, }: {
+    annotations: readonly NativeAnnotationLike[];
+    onReveal?: AnnotationReveal | undefined;
+}): import("react").JSX.Element | null;
+/**
+ * The "N annotations" chip: in the composer (editable, with remove all) or on
+ * a queued message (compact). Tinted while a quote still needs its note.
+ */
+export declare function AnnotationsChip({ annotations, onPress, onClear, compact, }: {
+    annotations: readonly NativeAnnotationLike[];
+    onPress: () => void;
+    onClear?: (() => void) | undefined;
+    compact?: boolean | undefined;
+}): import("react").JSX.Element | null;
+/**
+ * Every quote with its note, as the web's annotations dialog: editable in the
+ * composer (write, remove; Return moves to the next empty note, then back to
+ * the message), read-only for a queued message. A quote reveals its message.
+ */
+export declare function AnnotationsSheet({ open, onClose, annotations, editable, focusId, onFocusConsumed, onUpdate, onRemove, onReveal, onCommit, }: {
+    open: boolean;
+    onClose: () => void;
+    annotations: readonly NativeAnnotationLike[];
+    editable: boolean;
+    focusId?: string | null | undefined;
+    onFocusConsumed?: (() => void) | undefined;
+    onUpdate?: ((id: string, note: string) => void) | undefined;
+    onRemove?: ((id: string) => void) | undefined;
+    onReveal?: AnnotationReveal | undefined;
+    /** Every note is written: back to the message. */
+    onCommit?: (() => void) | undefined;
+}): import("react").JSX.Element;
+export {};

package/dist/timeline/icon-nodes.generated.d.ts

@@ -383,6 +383,11 @@ export declare const iconNodes: {
     }], readonly ["path", {
         readonly d: "M 12 5v14";
     }]];
+    readonly quote: readonly [readonly ["path", {
+        readonly d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z";
+    }], readonly ["path", {
+        readonly d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z";
+    }]];
     readonly search: readonly [readonly ["path", {
         readonly d: "m21 21-4.34-4.34";
     }], readonly ["circle", {

package/dist/timeline/index.d.ts

@@ -16,6 +16,8 @@ export type { NativeTimelineMessages } from "./messages.js";
 export { ComposerPill, SessionComposer } from "./composer.js";
 export { ModelPickerSheet } from "./model-picker.js";
 export { BottomSheet } from "./sheet.js";
+export { AnnotationsChip, AnnotationsSheet } from "./annotations.js";
+export type { AnnotationReveal, NativeAnnotationLike } from "./annotations.js";
 export { SessionActionsButton } from "./session-actions.js";
 export type { SessionAction, SessionActionsClient, SessionActionsProps } from "./session-actions.js";
 export type { ModelPickerSheetProps } from "./model-picker.js";