@papyrus-sdk/ui-react-native 0.2.11 → 0.2.13-beta.0

package/dist/gesture/selectionInteraction.js

@@ -0,0 +1,90 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// gesture/selectionInteraction.ts
+var selectionInteraction_exports = {};
+__export(selectionInteraction_exports, {
+  getSelectionEdgeAutoscroll: () => getSelectionEdgeAutoscroll,
+  getToolDockDismissState: () => getToolDockDismissState,
+  isToolDockToolSelected: () => isToolDockToolSelected,
+  shouldEnableSelectionDrag: () => shouldEnableSelectionDrag,
+  shouldEnableViewerScroll: () => shouldEnableViewerScroll
+});
+module.exports = __toCommonJS(selectionInteraction_exports);
+var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+var DRAG_SELECTION_TOOLS = /* @__PURE__ */ new Set([
+  "highlight",
+  "underline",
+  "squiggly",
+  "strikeout"
+]);
+var resolveAxisAutoscroll = (coordinate, size, threshold, maxStep) => {
+  if (size <= 0 || threshold <= 0 || maxStep <= 0) return 0;
+  const startDistance = clamp(coordinate, 0, size);
+  if (startDistance < threshold) {
+    const intensity = 1 - startDistance / threshold;
+    return -Math.round(maxStep * intensity);
+  }
+  const endDistance = clamp(size - coordinate, 0, size);
+  if (endDistance < threshold) {
+    const intensity = 1 - endDistance / threshold;
+    return Math.round(maxStep * intensity);
+  }
+  return 0;
+};
+var shouldEnableViewerScroll = ({
+  selectionDragActive,
+  gestureScrollLockActive = false
+}) => !selectionDragActive && !gestureScrollLockActive;
+var shouldEnableSelectionDrag = ({
+  activeTool,
+  interactionMode
+}) => DRAG_SELECTION_TOOLS.has(activeTool) || activeTool === "select" && interactionMode === "select";
+var isToolDockToolSelected = ({
+  activeTool,
+  interactionMode,
+  toolId
+}) => toolId === "select" ? activeTool === "select" && interactionMode === "select" : activeTool === toolId;
+var getToolDockDismissState = ({
+  activeTool: _activeTool,
+  interactionMode: _interactionMode
+}) => ({
+  toolDockOpen: false,
+  activeTool: "select",
+  interactionMode: "pan"
+});
+var getSelectionEdgeAutoscroll = ({
+  x,
+  y,
+  width,
+  height,
+  threshold,
+  maxStep
+}) => ({
+  dx: resolveAxisAutoscroll(x, width, threshold, maxStep),
+  dy: resolveAxisAutoscroll(y, height, threshold, maxStep)
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getSelectionEdgeAutoscroll,
+  getToolDockDismissState,
+  isToolDockToolSelected,
+  shouldEnableSelectionDrag,
+  shouldEnableViewerScroll
+});
+//# sourceMappingURL=selectionInteraction.js.map

package/dist/gesture/selectionInteraction.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../gesture/selectionInteraction.ts"],"sourcesContent":["export type ViewerScrollState = {\n  selectionDragActive: boolean;\n  gestureScrollLockActive?: boolean;\n};\n\nexport type SelectionGestureTool =\n  | \"select\"\n  | \"highlight\"\n  | \"underline\"\n  | \"squiggly\"\n  | \"strikeout\"\n  | \"text\"\n  | \"comment\"\n  | \"ink\";\n\nexport type SelectionInteractionMode = \"pan\" | \"select\";\n\nexport type SelectionGestureActivationInput = {\n  activeTool: SelectionGestureTool;\n  interactionMode: SelectionInteractionMode;\n};\n\nexport type ToolDockSelectionState = SelectionGestureActivationInput & {\n  toolId: SelectionGestureTool;\n};\n\nexport type ToolDockDismissState = SelectionGestureActivationInput & {\n  toolDockOpen: boolean;\n};\n\nexport type SelectionEdgeAutoscrollInput = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  threshold: number;\n  maxStep: number;\n};\n\nexport type SelectionEdgeAutoscroll = {\n  dx: number;\n  dy: number;\n};\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(max, Math.max(min, value));\n\nconst DRAG_SELECTION_TOOLS = new Set<SelectionGestureTool>([\n  \"highlight\",\n  \"underline\",\n  \"squiggly\",\n  \"strikeout\",\n]);\n\nconst resolveAxisAutoscroll = (\n  coordinate: number,\n  size: number,\n  threshold: number,\n  maxStep: number\n) => {\n  if (size <= 0 || threshold <= 0 || maxStep <= 0) return 0;\n\n  const startDistance = clamp(coordinate, 0, size);\n  if (startDistance < threshold) {\n    const intensity = 1 - startDistance / threshold;\n    return -Math.round(maxStep * intensity);\n  }\n\n  const endDistance = clamp(size - coordinate, 0, size);\n  if (endDistance < threshold) {\n    const intensity = 1 - endDistance / threshold;\n    return Math.round(maxStep * intensity);\n  }\n\n  return 0;\n};\n\nexport const shouldEnableViewerScroll = ({\n  selectionDragActive,\n  gestureScrollLockActive = false,\n}: ViewerScrollState) => !selectionDragActive && !gestureScrollLockActive;\n\nexport const shouldEnableSelectionDrag = ({\n  activeTool,\n  interactionMode,\n}: SelectionGestureActivationInput) =>\n  DRAG_SELECTION_TOOLS.has(activeTool) ||\n  (activeTool === \"select\" && interactionMode === \"select\");\n\nexport const isToolDockToolSelected = ({\n  activeTool,\n  interactionMode,\n  toolId,\n}: ToolDockSelectionState) =>\n  toolId === \"select\"\n    ? activeTool === \"select\" && interactionMode === \"select\"\n    : activeTool === toolId;\n\nexport const getToolDockDismissState = ({\n  activeTool: _activeTool,\n  interactionMode: _interactionMode,\n}: SelectionGestureActivationInput): ToolDockDismissState => ({\n  toolDockOpen: false,\n  activeTool: \"select\",\n  interactionMode: \"pan\",\n});\n\nexport const getSelectionEdgeAutoscroll = ({\n  x,\n  y,\n  width,\n  height,\n  threshold,\n  maxStep,\n}: SelectionEdgeAutoscrollInput): SelectionEdgeAutoscroll => ({\n  dx: resolveAxisAutoscroll(x, width, threshold, maxStep),\n  dy: resolveAxisAutoscroll(y, height, threshold, maxStep),\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CA,IAAM,QAAQ,CAAC,OAAe,KAAa,QACzC,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAEpC,IAAM,uBAAuB,oBAAI,IAA0B;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,IAAM,wBAAwB,CAC5B,YACA,MACA,WACA,YACG;AACH,MAAI,QAAQ,KAAK,aAAa,KAAK,WAAW,EAAG,QAAO;AAExD,QAAM,gBAAgB,MAAM,YAAY,GAAG,IAAI;AAC/C,MAAI,gBAAgB,WAAW;AAC7B,UAAM,YAAY,IAAI,gBAAgB;AACtC,WAAO,CAAC,KAAK,MAAM,UAAU,SAAS;AAAA,EACxC;AAEA,QAAM,cAAc,MAAM,OAAO,YAAY,GAAG,IAAI;AACpD,MAAI,cAAc,WAAW;AAC3B,UAAM,YAAY,IAAI,cAAc;AACpC,WAAO,KAAK,MAAM,UAAU,SAAS;AAAA,EACvC;AAEA,SAAO;AACT;AAEO,IAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA,0BAA0B;AAC5B,MAAyB,CAAC,uBAAuB,CAAC;AAE3C,IAAM,4BAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AACF,MACE,qBAAqB,IAAI,UAAU,KAClC,eAAe,YAAY,oBAAoB;AAE3C,IAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MACE,WAAW,WACP,eAAe,YAAY,oBAAoB,WAC/C,eAAe;AAEd,IAAM,0BAA0B,CAAC;AAAA,EACtC,YAAY;AAAA,EACZ,iBAAiB;AACnB,OAA8D;AAAA,EAC5D,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB;AACnB;AAEO,IAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAA8D;AAAA,EAC5D,IAAI,sBAAsB,GAAG,OAAO,WAAW,OAAO;AAAA,EACtD,IAAI,sBAAsB,GAAG,QAAQ,WAAW,OAAO;AACzD;","names":[]}

package/dist/gesture/selectionInteraction.mjs

@@ -0,0 +1,16 @@
+import {
+  getSelectionEdgeAutoscroll,
+  getToolDockDismissState,
+  isToolDockToolSelected,
+  shouldEnableSelectionDrag,
+  shouldEnableViewerScroll
+} from "../chunk-KXNP73MZ.mjs";
+import "../chunk-ZD7AOCMD.mjs";
+export {
+  getSelectionEdgeAutoscroll,
+  getToolDockDismissState,
+  isToolDockToolSelected,
+  shouldEnableSelectionDrag,
+  shouldEnableViewerScroll
+};
+//# sourceMappingURL=selectionInteraction.mjs.map

package/dist/gesture/selectionInteraction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.mts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { DocumentEngine, DocumentSource, DocumentType } from '@papyrus-sdk/types';
+import { DocumentEngine, DocumentType, MobilePrimaryDestination, DocumentSource } from '@papyrus-sdk/types';
 import { PapyrusPageViewProps } from '@papyrus-sdk/engine-native';
 import { StyleProp, ViewStyle } from 'react-native';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ViewerProps {
     engine: DocumentEngine;
@@ -16,20 +17,32 @@ interface PageRendererProps {
     engine: DocumentEngine;
     pageIndex: number;
     scale?: number;
+    pageAspectRatio?: number;
     PageViewComponent?: PageViewComponentType;
     availableWidth?: number;
     horizontalPadding?: number;
     spacing?: number;
+    onSelectionDragActiveChange?: (active: boolean) => void;
+    gestureScrollLockActive?: boolean;
+    lastPinchEndedAt?: number | null;
+    onHorizontalScrollOffsetChange?: (pageIndex: number, offsetX: number) => void;
+    horizontalScrollRestore?: {
+        requestId: number;
+        offsetX: number;
+    } | null;
+    requestSelectionVerticalAutoscroll?: (absoluteY: number) => number;
 }
 declare const _default: React.NamedExoticComponent<PageRendererProps>;
 
 interface TopbarProps {
     engine: DocumentEngine;
     onOpenSettings?: () => void;
+    onOpenOverflow?: () => void;
     title?: string;
     logo?: React.ReactNode;
     onLogoPress?: () => void;
     logoAccessibilityLabel?: string;
+    showPageNavigationControls?: boolean;
 }
 declare const Topbar: React.FC<TopbarProps>;
 
@@ -37,13 +50,20 @@ declare const ToolDock: React.FC;
 
 interface RightSheetProps {
     engine: DocumentEngine;
+    documentType: DocumentType;
     thumbsInitialCount?: number;
 }
 declare const RightSheet: React.FC<RightSheetProps>;
 
 declare const AnnotationEditor: React.FC;
 
-declare const BottomBar: React.FC;
+type BottomBarProps = {
+    documentType: DocumentType;
+    onOpenInfo: () => void;
+    onOpenSettings: () => void;
+    onOpenDestination: (destination: MobilePrimaryDestination) => void;
+};
+declare const BottomBar: React.FC<BottomBarProps>;
 
 interface SettingsSheetProps {
     engine: DocumentEngine;
@@ -70,4 +90,56 @@ type CoverPreviewProps = {
 };
 declare const CoverPreview: React.FC<CoverPreviewProps>;
 
-export { AnnotationEditor, BottomBar, CoverPreview, _default as PageRenderer, RightSheet, SettingsSheet, ToolDock, Topbar, Viewer };
+type ReadingShellProps = {
+    engine: DocumentEngine;
+    title?: string;
+    documentType?: DocumentType;
+    thumbsInitialCount?: number;
+    viewerProps?: React.ComponentProps<typeof Viewer>;
+};
+declare function ReadingShell({ engine, title, documentType, thumbsInitialCount, viewerProps, }: ReadingShellProps): react_jsx_runtime.JSX.Element;
+
+type OverflowSheetProps = {
+    visible: boolean;
+    onClose: () => void;
+    onOpenActions: () => void;
+};
+declare function OverflowSheet({ visible, onClose, onOpenActions, }: OverflowSheetProps): react_jsx_runtime.JSX.Element;
+
+type InfoSheetProps = {
+    visible: boolean;
+    title?: string;
+    documentType: DocumentType;
+    onClose: () => void;
+};
+declare function InfoSheet({ visible, title, documentType, onClose, }: InfoSheetProps): react_jsx_runtime.JSX.Element;
+
+type DocumentActionsSheetProps = {
+    visible: boolean;
+    onClose: () => void;
+};
+declare function DocumentActionsSheet({ visible, onClose, }: DocumentActionsSheetProps): react_jsx_runtime.JSX.Element;
+
+type ProgressPillProps = {
+    documentType: DocumentType;
+    onPress: () => void;
+};
+declare function ProgressPill({ documentType, onPress }: ProgressPillProps): react_jsx_runtime.JSX.Element;
+
+type SearchOverlayProps = {
+    engine: DocumentEngine;
+    documentType: DocumentType;
+    visible: boolean;
+    onClose: () => void;
+    onOpenResults: () => void;
+};
+declare function SearchOverlay({ engine, documentType, visible, onClose, onOpenResults, }: SearchOverlayProps): react_jsx_runtime.JSX.Element;
+
+type SearchResultsSheetProps = {
+    documentType: DocumentType;
+    visible: boolean;
+    onClose: () => void;
+};
+declare function SearchResultsSheet({ documentType, visible, onClose, }: SearchResultsSheetProps): react_jsx_runtime.JSX.Element;
+
+export { AnnotationEditor, BottomBar, CoverPreview, DocumentActionsSheet, InfoSheet, OverflowSheet, _default as PageRenderer, ProgressPill, ReadingShell, RightSheet, SearchOverlay, SearchResultsSheet, SettingsSheet, ToolDock, Topbar, Viewer };

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { DocumentEngine, DocumentSource, DocumentType } from '@papyrus-sdk/types';
+import { DocumentEngine, DocumentType, MobilePrimaryDestination, DocumentSource } from '@papyrus-sdk/types';
 import { PapyrusPageViewProps } from '@papyrus-sdk/engine-native';
 import { StyleProp, ViewStyle } from 'react-native';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ViewerProps {
     engine: DocumentEngine;
@@ -16,20 +17,32 @@ interface PageRendererProps {
     engine: DocumentEngine;
     pageIndex: number;
     scale?: number;
+    pageAspectRatio?: number;
     PageViewComponent?: PageViewComponentType;
     availableWidth?: number;
     horizontalPadding?: number;
     spacing?: number;
+    onSelectionDragActiveChange?: (active: boolean) => void;
+    gestureScrollLockActive?: boolean;
+    lastPinchEndedAt?: number | null;
+    onHorizontalScrollOffsetChange?: (pageIndex: number, offsetX: number) => void;
+    horizontalScrollRestore?: {
+        requestId: number;
+        offsetX: number;
+    } | null;
+    requestSelectionVerticalAutoscroll?: (absoluteY: number) => number;
 }
 declare const _default: React.NamedExoticComponent<PageRendererProps>;
 
 interface TopbarProps {
     engine: DocumentEngine;
     onOpenSettings?: () => void;
+    onOpenOverflow?: () => void;
     title?: string;
     logo?: React.ReactNode;
     onLogoPress?: () => void;
     logoAccessibilityLabel?: string;
+    showPageNavigationControls?: boolean;
 }
 declare const Topbar: React.FC<TopbarProps>;
 
@@ -37,13 +50,20 @@ declare const ToolDock: React.FC;
 
 interface RightSheetProps {
     engine: DocumentEngine;
+    documentType: DocumentType;
     thumbsInitialCount?: number;
 }
 declare const RightSheet: React.FC<RightSheetProps>;
 
 declare const AnnotationEditor: React.FC;
 
-declare const BottomBar: React.FC;
+type BottomBarProps = {
+    documentType: DocumentType;
+    onOpenInfo: () => void;
+    onOpenSettings: () => void;
+    onOpenDestination: (destination: MobilePrimaryDestination) => void;
+};
+declare const BottomBar: React.FC<BottomBarProps>;
 
 interface SettingsSheetProps {
     engine: DocumentEngine;
@@ -70,4 +90,56 @@ type CoverPreviewProps = {
 };
 declare const CoverPreview: React.FC<CoverPreviewProps>;
 
-export { AnnotationEditor, BottomBar, CoverPreview, _default as PageRenderer, RightSheet, SettingsSheet, ToolDock, Topbar, Viewer };
+type ReadingShellProps = {
+    engine: DocumentEngine;
+    title?: string;
+    documentType?: DocumentType;
+    thumbsInitialCount?: number;
+    viewerProps?: React.ComponentProps<typeof Viewer>;
+};
+declare function ReadingShell({ engine, title, documentType, thumbsInitialCount, viewerProps, }: ReadingShellProps): react_jsx_runtime.JSX.Element;
+
+type OverflowSheetProps = {
+    visible: boolean;
+    onClose: () => void;
+    onOpenActions: () => void;
+};
+declare function OverflowSheet({ visible, onClose, onOpenActions, }: OverflowSheetProps): react_jsx_runtime.JSX.Element;
+
+type InfoSheetProps = {
+    visible: boolean;
+    title?: string;
+    documentType: DocumentType;
+    onClose: () => void;
+};
+declare function InfoSheet({ visible, title, documentType, onClose, }: InfoSheetProps): react_jsx_runtime.JSX.Element;
+
+type DocumentActionsSheetProps = {
+    visible: boolean;
+    onClose: () => void;
+};
+declare function DocumentActionsSheet({ visible, onClose, }: DocumentActionsSheetProps): react_jsx_runtime.JSX.Element;
+
+type ProgressPillProps = {
+    documentType: DocumentType;
+    onPress: () => void;
+};
+declare function ProgressPill({ documentType, onPress }: ProgressPillProps): react_jsx_runtime.JSX.Element;
+
+type SearchOverlayProps = {
+    engine: DocumentEngine;
+    documentType: DocumentType;
+    visible: boolean;
+    onClose: () => void;
+    onOpenResults: () => void;
+};
+declare function SearchOverlay({ engine, documentType, visible, onClose, onOpenResults, }: SearchOverlayProps): react_jsx_runtime.JSX.Element;
+
+type SearchResultsSheetProps = {
+    documentType: DocumentType;
+    visible: boolean;
+    onClose: () => void;
+};
+declare function SearchResultsSheet({ documentType, visible, onClose, }: SearchResultsSheetProps): react_jsx_runtime.JSX.Element;
+
+export { AnnotationEditor, BottomBar, CoverPreview, DocumentActionsSheet, InfoSheet, OverflowSheet, _default as PageRenderer, ProgressPill, ReadingShell, RightSheet, SearchOverlay, SearchResultsSheet, SettingsSheet, ToolDock, Topbar, Viewer };