@iamjariwala/react-doc-viewer 0.2.0

package/dist/features/annotations/components/CommentPopover.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IAnnotation } from '../types';
+
+interface CommentPopoverProps {
+    annotation: IAnnotation;
+    onClose: () => void;
+}
+export declare const CommentPopover: FC<CommentPopoverProps>;
+export {};

package/dist/features/annotations/components/TextHighlight.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { IAnnotation } from '../types';
+
+interface TextHighlightProps {
+    annotation: IAnnotation;
+}
+export declare const TextHighlight: FC<TextHighlightProps>;
+export {};

package/dist/features/annotations/components/icons/index.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+
+export interface IIconProps {
+    color?: string;
+    size?: string | number;
+    isActive?: boolean;
+}
+export declare const SelectIcon: FC<IIconProps>;
+export declare const HighlightIcon: FC<IIconProps>;
+export declare const PenIcon: FC<IIconProps>;
+export declare const CommentIcon: FC<IIconProps>;
+export declare const EraserIcon: FC<IIconProps>;
+export declare const DeleteIcon: FC<IIconProps>;

package/dist/features/annotations/hooks/useAnnotationExport.d.ts

@@ -0,0 +1,9 @@
+import { IAnnotation } from '../types';
+
+export declare const useAnnotationExport: () => {
+    exportAnnotations: () => IAnnotation[];
+    exportAsJSON: () => string;
+    downloadAnnotations: (filename?: string) => void;
+    getAnnotationsForPage: (pageNumber: number, documentUri: string) => IAnnotation[];
+    annotationCount: number;
+};

package/dist/features/annotations/hooks/useDrawingCanvas.d.ts

@@ -0,0 +1,15 @@
+import { IAnnotation } from '../types';
+
+interface UseDrawingCanvasProps {
+    canvasRef: React.RefObject<HTMLCanvasElement>;
+    pageNumber: number;
+    documentUri: string;
+}
+export declare const useDrawingCanvas: ({ canvasRef, pageNumber, documentUri, }: UseDrawingCanvasProps) => {
+    startDrawing: (e: React.MouseEvent<HTMLCanvasElement>) => void;
+    draw: (e: React.MouseEvent<HTMLCanvasElement>) => void;
+    stopDrawing: () => void;
+    redrawAnnotations: (annotations: IAnnotation[]) => void;
+    isDrawing: boolean;
+};
+export {};

package/dist/features/annotations/hooks/useTextSelection.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface UseTextSelectionProps {
+    pageNumber: number;
+    documentUri: string;
+    containerRef: React.RefObject<HTMLDivElement>;
+}
+export declare const useTextSelection: ({ pageNumber, documentUri, containerRef, }: UseTextSelectionProps) => {
+    handleTextSelection: () => void;
+};
+export {};

package/dist/features/annotations/index.d.ts

@@ -0,0 +1,13 @@
+export { AnnotationLayer } from './components/AnnotationLayer';
+export { AnnotationToolbar } from './components/AnnotationToolbar';
+export { TextHighlight } from './components/TextHighlight';
+export { CommentMarker } from './components/CommentMarker';
+export { CommentPopover } from './components/CommentPopover';
+export { ColorPicker } from './components/ColorPicker';
+export * from './components/icons';
+export { AnnotationProvider, AnnotationContext } from './state';
+export { useDrawingCanvas } from './hooks/useDrawingCanvas';
+export { useTextSelection } from './hooks/useTextSelection';
+export { useAnnotationExport } from './hooks/useAnnotationExport';
+export * from './state/actions';
+export * from './types';

package/dist/features/annotations/state/actions.d.ts

@@ -0,0 +1,52 @@
+import { AnnotationTool, IAnnotation } from '../types';
+
+export declare const SET_ACTIVE_TOOL = "SET_ACTIVE_TOOL";
+export declare const SET_CURRENT_COLOR = "SET_CURRENT_COLOR";
+export declare const ADD_ANNOTATION = "ADD_ANNOTATION";
+export declare const UPDATE_ANNOTATION = "UPDATE_ANNOTATION";
+export declare const DELETE_ANNOTATION = "DELETE_ANNOTATION";
+export declare const SET_ANNOTATIONS = "SET_ANNOTATIONS";
+export declare const SET_SELECTED_ANNOTATION = "SET_SELECTED_ANNOTATION";
+export declare const SET_IS_DRAWING = "SET_IS_DRAWING";
+export interface SetActiveTool {
+    type: typeof SET_ACTIVE_TOOL;
+    tool: AnnotationTool;
+}
+export declare const setActiveTool: (tool: AnnotationTool) => SetActiveTool;
+export interface SetCurrentColor {
+    type: typeof SET_CURRENT_COLOR;
+    color: string;
+}
+export declare const setCurrentColor: (color: string) => SetCurrentColor;
+export interface AddAnnotation {
+    type: typeof ADD_ANNOTATION;
+    annotation: IAnnotation;
+}
+export declare const addAnnotation: (annotation: IAnnotation) => AddAnnotation;
+export interface UpdateAnnotation {
+    type: typeof UPDATE_ANNOTATION;
+    id: string;
+    updates: Partial<IAnnotation>;
+}
+export declare const updateAnnotation: (id: string, updates: Partial<IAnnotation>) => UpdateAnnotation;
+export interface DeleteAnnotation {
+    type: typeof DELETE_ANNOTATION;
+    id: string;
+}
+export declare const deleteAnnotation: (id: string) => DeleteAnnotation;
+export interface SetAnnotations {
+    type: typeof SET_ANNOTATIONS;
+    annotations: IAnnotation[];
+}
+export declare const setAnnotations: (annotations: IAnnotation[]) => SetAnnotations;
+export interface SetSelectedAnnotation {
+    type: typeof SET_SELECTED_ANNOTATION;
+    id: string | null;
+}
+export declare const setSelectedAnnotation: (id: string | null) => SetSelectedAnnotation;
+export interface SetIsDrawing {
+    type: typeof SET_IS_DRAWING;
+    isDrawing: boolean;
+}
+export declare const setIsDrawing: (isDrawing: boolean) => SetIsDrawing;
+export type AnnotationActions = SetActiveTool | SetCurrentColor | AddAnnotation | UpdateAnnotation | DeleteAnnotation | SetAnnotations | SetSelectedAnnotation | SetIsDrawing;

package/dist/features/annotations/state/index.d.ts

@@ -0,0 +1,17 @@
+import { default as React, Dispatch, FC, PropsWithChildren } from 'react';
+import { IAnnotationConfig } from '../../../models';
+import { AnnotationActions } from './actions';
+import { IAnnotationState } from './reducer';
+
+interface AnnotationContextValue {
+    state: IAnnotationState;
+    dispatch: Dispatch<AnnotationActions>;
+    config?: IAnnotationConfig;
+}
+export declare const AnnotationContext: React.Context<AnnotationContextValue>;
+interface AnnotationProviderProps {
+    config?: IAnnotationConfig;
+    documentUri?: string;
+}
+export declare const AnnotationProvider: FC<PropsWithChildren<AnnotationProviderProps>>;
+export {};

package/dist/features/annotations/state/reducer.d.ts

@@ -0,0 +1,17 @@
+import { AnnotationTool, IAnnotation } from '../types';
+import { AnnotationActions } from './actions';
+
+export interface IAnnotationState {
+    activeTool: AnnotationTool;
+    currentColor: string;
+    annotations: IAnnotation[];
+    selectedAnnotationId: string | null;
+    isDrawing: boolean;
+    availableColors: string[];
+    availableTools: AnnotationTool[];
+}
+export declare const DEFAULT_COLORS: string[];
+export declare const DEFAULT_TOOLS: AnnotationTool[];
+export declare const initialAnnotationState: IAnnotationState;
+export type AnnotationStateReducer = (state: IAnnotationState, action: AnnotationActions) => IAnnotationState;
+export declare const annotationReducer: AnnotationStateReducer;

package/dist/features/annotations/types/index.d.ts

@@ -0,0 +1,44 @@
+export type AnnotationTool = "select" | "highlight" | "pen" | "comment" | "eraser";
+export interface IAnnotation {
+    id: string;
+    type: "highlight" | "drawing" | "comment";
+    documentUri: string;
+    pageNumber: number;
+    color: string;
+    data?: IHighlightData | IDrawingData | ICommentData;
+}
+export interface IHighlightData {
+    rects: Array<{
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }>;
+    text?: string;
+}
+export interface IDrawingData {
+    paths: Array<{
+        x: number;
+        y: number;
+    }[]>;
+    strokeWidth: number;
+}
+export interface ICommentData {
+    x: number;
+    y: number;
+    text: string;
+    author?: string;
+    timestamp?: number;
+}
+export interface IAnnotationConfig {
+    enableAnnotations?: boolean;
+    defaultColor?: string;
+    colors?: string[];
+    tools?: AnnotationTool[];
+    onAnnotationChange?: (annotations: IAnnotation[]) => void;
+    initialAnnotations?: IAnnotation[];
+}
+export interface IPoint {
+    x: number;
+    y: number;
+}

package/dist/features/drag-drop/components/DropZoneOverlay.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IDragState } from '../types';
+
+interface DropZoneOverlayProps {
+    dragState: IDragState;
+    dropMessage?: string;
+}
+export declare const DropZoneOverlay: FC<DropZoneOverlayProps>;
+export {};

package/dist/features/drag-drop/hooks/useDragDrop.d.ts

@@ -0,0 +1,11 @@
+import { DragEvent } from 'react';
+import { IDragState } from '../types';
+
+export declare const useDragDrop: () => {
+    dragState: IDragState;
+    handleDragEnter: (e: DragEvent<HTMLDivElement>) => void;
+    handleDragLeave: (e: DragEvent<HTMLDivElement>) => void;
+    handleDragOver: (e: DragEvent<HTMLDivElement>) => void;
+    handleDrop: (e: DragEvent<HTMLDivElement>, onFilesDropped: (files: File[]) => void) => void;
+    resetDragState: () => void;
+};

package/dist/features/drag-drop/hooks/useFileProcessor.d.ts

@@ -0,0 +1,13 @@
+import { IDocument } from '../../../models';
+import { IDragDropConfig } from '../types';
+
+export declare const useFileProcessor: (config?: IDragDropConfig) => {
+    processFiles: (files: File[]) => Promise<IDocument[]>;
+    validateFiles: (files: File[]) => {
+        valid: File[];
+        invalidType: File[];
+        invalidSize: File[];
+    };
+    isFileTypeAccepted: (file: File) => boolean;
+    isFileSizeValid: (file: File) => boolean;
+};

package/dist/features/drag-drop/index.d.ts

@@ -0,0 +1,4 @@
+export { DropZoneOverlay } from './components/DropZoneOverlay';
+export { useDragDrop } from './hooks/useDragDrop';
+export { useFileProcessor } from './hooks/useFileProcessor';
+export * from './types';

package/dist/features/drag-drop/types/index.d.ts

@@ -0,0 +1,19 @@
+export interface IDragDropConfig {
+    enableDragDrop?: boolean;
+    acceptedFileTypes?: string[];
+    maxFileSize?: number;
+    dropBehavior?: "append" | "replace";
+    onDrop?: (files: File[]) => void;
+    onDropRejected?: (files: File[], reason: DropRejectionReason) => void;
+}
+export type DropRejectionReason = "file-type" | "file-size" | "unknown";
+export interface IDragState {
+    isDragging: boolean;
+    isOverDropZone: boolean;
+}
+export interface IProcessedFile {
+    uri: string;
+    fileType: string;
+    fileName: string;
+    fileData: string;
+}

package/dist/features/thumbnail-sidebar/components/ThumbnailItem.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { IThumbnail } from '../state/actions';
+
+interface ThumbnailItemProps {
+    thumbnail: IThumbnail;
+    isSelected: boolean;
+    width: number;
+    onClick: () => void;
+}
+export declare const ThumbnailItem: FC<ThumbnailItemProps>;
+export {};

package/dist/features/thumbnail-sidebar/components/ThumbnailSidebar.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+interface ThumbnailSidebarProps {
+    onPageSelect: (pageNumber: number) => void;
+    currentPage: number;
+}
+export declare const ThumbnailSidebar: FC<ThumbnailSidebarProps>;
+export {};

package/dist/features/thumbnail-sidebar/components/ThumbnailToggle.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+interface ThumbnailToggleProps {
+    title?: string;
+}
+export declare const ThumbnailToggle: FC<ThumbnailToggleProps>;
+export {};

package/dist/features/thumbnail-sidebar/hooks/useThumbnailGenerator.d.ts

@@ -0,0 +1,13 @@
+import { IThumbnail } from '../state/actions';
+
+interface UseThumbnailGeneratorProps {
+    numPages: number;
+    documentUri?: string;
+    scale?: number;
+}
+export declare const useThumbnailGenerator: ({ numPages, documentUri, scale, }: UseThumbnailGeneratorProps) => {
+    thumbnails: IThumbnail[];
+    generateThumbnailFromCanvas: (canvas: HTMLCanvasElement, pageNumber: number) => void;
+    scale: number;
+};
+export {};

package/dist/features/thumbnail-sidebar/index.d.ts

@@ -0,0 +1,6 @@
+export { ThumbnailSidebar } from './components/ThumbnailSidebar';
+export { ThumbnailItem } from './components/ThumbnailItem';
+export { ThumbnailToggle } from './components/ThumbnailToggle';
+export { ThumbnailProvider, ThumbnailContext } from './state';
+export { useThumbnailGenerator } from './hooks/useThumbnailGenerator';
+export * from './state/actions';

package/dist/features/thumbnail-sidebar/state/actions.d.ts

@@ -0,0 +1,31 @@
+export declare const SET_SIDEBAR_OPEN = "SET_SIDEBAR_OPEN";
+export declare const SET_THUMBNAILS = "SET_THUMBNAILS";
+export declare const SET_SELECTED_PAGE = "SET_SELECTED_PAGE";
+export declare const UPDATE_SINGLE_THUMBNAIL = "UPDATE_SINGLE_THUMBNAIL";
+export interface SetSidebarOpen {
+    type: typeof SET_SIDEBAR_OPEN;
+    isOpen: boolean;
+}
+export declare const setSidebarOpen: (isOpen: boolean) => SetSidebarOpen;
+export interface IThumbnail {
+    pageNumber: number;
+    dataUrl?: string;
+    isLoading: boolean;
+}
+export interface SetThumbnails {
+    type: typeof SET_THUMBNAILS;
+    thumbnails: IThumbnail[];
+}
+export declare const setThumbnails: (thumbnails: IThumbnail[]) => SetThumbnails;
+export interface SetSelectedPage {
+    type: typeof SET_SELECTED_PAGE;
+    pageNumber: number;
+}
+export declare const setSelectedPage: (pageNumber: number) => SetSelectedPage;
+export interface UpdateSingleThumbnail {
+    type: typeof UPDATE_SINGLE_THUMBNAIL;
+    pageNumber: number;
+    dataUrl: string;
+}
+export declare const updateSingleThumbnail: (pageNumber: number, dataUrl: string) => UpdateSingleThumbnail;
+export type ThumbnailActions = SetSidebarOpen | SetThumbnails | SetSelectedPage | UpdateSingleThumbnail;

package/dist/features/thumbnail-sidebar/state/index.d.ts

@@ -0,0 +1,15 @@
+import { default as React, Dispatch, FC, PropsWithChildren } from 'react';
+import { IThumbnailConfig } from '../../../models';
+import { ThumbnailActions } from './actions';
+import { IThumbnailState } from './reducer';
+
+interface ThumbnailContextValue {
+    state: IThumbnailState;
+    dispatch: Dispatch<ThumbnailActions>;
+}
+export declare const ThumbnailContext: React.Context<ThumbnailContextValue>;
+interface ThumbnailProviderProps {
+    config?: IThumbnailConfig;
+}
+export declare const ThumbnailProvider: FC<PropsWithChildren<ThumbnailProviderProps>>;
+export {};

package/dist/features/thumbnail-sidebar/state/reducer.d.ts

@@ -0,0 +1,11 @@
+import { ThumbnailActions, IThumbnail } from './actions';
+
+export interface IThumbnailState {
+    isOpen: boolean;
+    thumbnails: IThumbnail[];
+    selectedPage: number;
+    thumbnailWidth: number;
+}
+export declare const initialThumbnailState: IThumbnailState;
+export type ThumbnailStateReducer = (state: IThumbnailState, action: ThumbnailActions) => IThumbnailState;
+export declare const thumbnailReducer: ThumbnailStateReducer;

package/dist/hooks/useDocumentLoader.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch } from 'react';
+import { MainStateActions } from '../store/actions';
+import { IMainState } from '../store/mainStateReducer';
+import { DocRenderer } from '..';
+
+/**
+ * Custom Hook for loading the current document into context
+ */
+export declare const useDocumentLoader: () => {
+    state: IMainState;
+    dispatch: Dispatch<MainStateActions>;
+    CurrentRenderer: DocRenderer | null | undefined;
+};

package/dist/hooks/useRendererSelector.d.ts

@@ -0,0 +1,5 @@
+import { DocRenderer } from '..';
+
+export declare const useRendererSelector: () => {
+    CurrentRenderer: DocRenderer | null | undefined;
+};

package/dist/hooks/useTranslation.d.ts

@@ -0,0 +1,3 @@
+export declare const useTranslation: () => {
+    t: (key: "documentNavInfo" | "noRendererMessage" | "downloadButtonLabel" | "brokenFile" | "msgPluginRecipients" | "msgPluginSender" | "pdfPluginLoading" | "pdfPluginPageNumber", variables?: Record<string, string | number>) => string;
+};

package/dist/hooks/useWindowSize.d.ts

@@ -0,0 +1,4 @@
+export declare const useWindowSize: () => {
+    width: number | undefined;
+    height: number | undefined;
+};

package/dist/i18n.d.ts

@@ -0,0 +1,158 @@
+export declare const locales: {
+    en: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+        dropFilesHere: string;
+        thumbnailSidebar: string;
+        showThumbnails: string;
+        hideThumbnails: string;
+        annotationToolbar: string;
+        selectTool: string;
+        highlightTool: string;
+        penTool: string;
+        commentTool: string;
+        eraserTool: string;
+        addComment: string;
+        deleteAnnotation: string;
+        saveAnnotations: string;
+    };
+    pl: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    es: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    de: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    it: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    pt: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    fr: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    ar: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    sr: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    sr_cyr: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    ja: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    ru: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    se: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+    tr: {
+        documentNavInfo: string;
+        noRendererMessage: string;
+        downloadButtonLabel: string;
+        brokenFile: string;
+        msgPluginRecipients: string;
+        msgPluginSender: string;
+        pdfPluginLoading: string;
+        pdfPluginPageNumber: string;
+    };
+};
+export declare const supportedLanguages: string[];
+export type AvailableLanguages = keyof typeof locales;
+export declare const defaultLanguage: AvailableLanguages;