@pdf-viewer/react 1.17.0-beta.0 → 1.17.0-beta.2

package/dist/contexts/SearchContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { C as Do, l as Eo, d as Fo } from "../ToolbarLayout.module-0245d511.js";
+import { C as Eo, l as Fo, d as Go } from "../ToolbarLayout.module-60ee3cc4.js";
 import "../components/icons/ChevronUpIcon.js";
 import "../components/ui/Button.js";
 import "../clsx-0c6e471a.js";
@@ -73,6 +73,7 @@ import "../components/RPDropFileZone.js";
 import "../components/icons/LightPdfIcon.js";
 import "../components/icons/DarkPdfIcon.js";
 import "../LayoutWrapper-3f4d0a19.js";
+import "../components/layout/SkipLink.js";
 import "../SearchCloseButton-08d57275.js";
 import "../components/ui/RPTooltip.js";
 import "../index-35c7f4a2.js";
@@ -136,7 +137,7 @@ import "../utils/zoom.js";
 import "../components/icons/SearchIcon.js";
 import "../components/icons/ClearIcon.js";
 export {
-  Do as SearchContext,
-  Eo as SearchProvider,
-  Fo as useSearchContext
+  Eo as SearchContext,
+  Fo as SearchProvider,
+  Go as useSearchContext
 };

package/dist/contexts/ThumbnailsContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { A as Dt, T as Et, e as Ft } from "../ToolbarLayout.module-0245d511.js";
+import { A as Et, T as Ft, e as Gt } from "../ToolbarLayout.module-60ee3cc4.js";
 import "../components/icons/ChevronUpIcon.js";
 import "../components/ui/Button.js";
 import "../clsx-0c6e471a.js";
@@ -73,6 +73,7 @@ import "../components/RPDropFileZone.js";
 import "../components/icons/LightPdfIcon.js";
 import "../components/icons/DarkPdfIcon.js";
 import "../LayoutWrapper-3f4d0a19.js";
+import "../components/layout/SkipLink.js";
 import "../SearchCloseButton-08d57275.js";
 import "../components/ui/RPTooltip.js";
 import "../index-35c7f4a2.js";
@@ -136,7 +137,7 @@ import "../utils/zoom.js";
 import "../components/icons/SearchIcon.js";
 import "../components/icons/ClearIcon.js";
 export {
-  Dt as ThumbnailContext,
-  Et as ThumbnailProvider,
-  Ft as useThumbnailContext
+  Et as ThumbnailContext,
+  Ft as ThumbnailProvider,
+  Gt as useThumbnailContext
 };

package/dist/main.js

@@ -1,41 +1,41 @@
-import { RPProvider as kr } from "./components/RPProvider.js";
-import { a as Br, R as Hr, S as Ir, b as Or, u as zr, c as Er, d as Nr } from "./ToolbarLayout.module-0245d511.js";
-import { RPConfig as Wr } from "./components/RPConfig.js";
-import { RPLayout as qr } from "./components/layout/RPLayout.js";
-import { RPTheme as Gr } from "./components/RPTheme.js";
-import { useDarkModeContext as Kr } from "./contexts/DarkModeContext.js";
-import { useDocumentContext as Xr } from "./contexts/RPDocumentContext.js";
-import { useRotationContext as _r } from "./contexts/RotationContext.js";
-import { useViewModeContext as ot } from "./contexts/ViewModeContext.js";
-import { useDropFileZoneContext as tt } from "./contexts/DropFileZoneContext.js";
-import { useOpenFileContext as pt } from "./contexts/FileInputContext.js";
-import { useZoomContext as et } from "./contexts/ZoomContext.js";
-import { useHighlightContext as lt } from "./contexts/HighlightContext.js";
-import { useFullScreenContext as ft } from "./contexts/FullScreenContext.js";
-import { usePageRotateContext as ut } from "./utils/hooks/usePageRotateContext.js";
-import { useElementPageContext as Tt } from "./contexts/ElementPageContext.js";
-import { ThemeSwitcherTool as Ct } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
-import { ThumbnailTool as gt } from "./components/layout/toolbar/tools/ThumbnailTool.js";
-import { FileUploadTool as dt } from "./components/layout/toolbar/tools/FileUploadTool.js";
-import { FileDownloadTool as St } from "./components/layout/toolbar/tools/FileDownloadTool.js";
-import { PrintTool as wt } from "./components/layout/toolbar/tools/PrintTool.js";
-import { FullScreenTool as Mt } from "./components/layout/toolbar/tools/FullScreenTool.js";
-import { PreviousPageTool as vt } from "./components/layout/toolbar/tools/PreviousPageTool.js";
-import { NextPageTool as Vt } from "./components/layout/toolbar/tools/NextPageTool.js";
-import { InputPageTool as kt } from "./components/layout/toolbar/tools/InputPageTool.js";
-import { ZoomInTool as Bt } from "./components/layout/toolbar/tools/ZoomInTool.js";
-import { ZoomOutTool as It } from "./components/layout/toolbar/tools/ZoomOutTool.js";
-import { ZoomLevelTool as zt } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
-import { DocumentPropertiesTool as Nt } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
-import { RotateClockwiseTool as Wt } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
-import { RotateCounterclockwiseTool as qt } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
-import { RPHorizontalBar as Gt } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
-import { RPVerticalBar as Kt } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
-import { SelectionModeSwitcherTool as Xt } from "./components/layout/toolbar/tools/SelectionModeSwitcherTool.js";
-import { SinglePageTool as _t } from "./components/layout/toolbar/tools/SinglePageTool.js";
-import { DualPageTool as om } from "./components/layout/toolbar/tools/DualPageTool.js";
-import { DualPageWithCoverTool as tm } from "./components/layout/toolbar/tools/DualPageWithCoverTool.js";
-import { Locales as pm, ScrollMode as im, SelectionMode as em, ThemeVariables as xm, ViewMode as lm, ZoomLevel as am } from "./utils/types.js";
+import { RPProvider as yr } from "./components/RPProvider.js";
+import { a as Hr, R as Ir, S as Or, b as zr, u as Er, c as Nr, d as Ur } from "./ToolbarLayout.module-60ee3cc4.js";
+import { RPConfig as jr } from "./components/RPConfig.js";
+import { RPLayout as Ar } from "./components/layout/RPLayout.js";
+import { RPTheme as Jr } from "./components/RPTheme.js";
+import { useDarkModeContext as Qr } from "./contexts/DarkModeContext.js";
+import { useDocumentContext as Yr } from "./contexts/RPDocumentContext.js";
+import { useRotationContext as $r } from "./contexts/RotationContext.js";
+import { useViewModeContext as rt } from "./contexts/ViewModeContext.js";
+import { useDropFileZoneContext as mt } from "./contexts/DropFileZoneContext.js";
+import { useOpenFileContext as it } from "./contexts/FileInputContext.js";
+import { useZoomContext as xt } from "./contexts/ZoomContext.js";
+import { useHighlightContext as at } from "./contexts/HighlightContext.js";
+import { useFullScreenContext as nt } from "./contexts/FullScreenContext.js";
+import { usePageRotateContext as st } from "./utils/hooks/usePageRotateContext.js";
+import { useElementPageContext as Pt } from "./contexts/ElementPageContext.js";
+import { ThemeSwitcherTool as ct } from "./components/layout/toolbar/tools/ThemeSwitcherTool.js";
+import { ThumbnailTool as Rt } from "./components/layout/toolbar/tools/ThumbnailTool.js";
+import { FileUploadTool as ht } from "./components/layout/toolbar/tools/FileUploadTool.js";
+import { FileDownloadTool as Dt } from "./components/layout/toolbar/tools/FileDownloadTool.js";
+import { PrintTool as Ft } from "./components/layout/toolbar/tools/PrintTool.js";
+import { FullScreenTool as Zt } from "./components/layout/toolbar/tools/FullScreenTool.js";
+import { PreviousPageTool as Lt } from "./components/layout/toolbar/tools/PreviousPageTool.js";
+import { NextPageTool as bt } from "./components/layout/toolbar/tools/NextPageTool.js";
+import { InputPageTool as yt } from "./components/layout/toolbar/tools/InputPageTool.js";
+import { ZoomInTool as Ht } from "./components/layout/toolbar/tools/ZoomInTool.js";
+import { ZoomOutTool as Ot } from "./components/layout/toolbar/tools/ZoomOutTool.js";
+import { ZoomLevelTool as Et } from "./components/layout/toolbar/tools/ZoomLevelTool.js";
+import { DocumentPropertiesTool as Ut } from "./components/layout/toolbar/tools/DocumentPropertiesTool.js";
+import { RotateClockwiseTool as jt } from "./components/layout/toolbar/tools/RotateClockwiseTool.js";
+import { RotateCounterclockwiseTool as At } from "./components/layout/toolbar/tools/RotateCounterclockwiseTool.js";
+import { RPHorizontalBar as Jt } from "./components/layout/toolbar/tools/defaults/RPHorizontalBar.js";
+import { RPVerticalBar as Qt } from "./components/layout/toolbar/tools/defaults/RPVerticalBar.js";
+import { SelectionModeSwitcherTool as Yt } from "./components/layout/toolbar/tools/SelectionModeSwitcherTool.js";
+import { SinglePageTool as $t } from "./components/layout/toolbar/tools/SinglePageTool.js";
+import { DualPageTool as rm } from "./components/layout/toolbar/tools/DualPageTool.js";
+import { DualPageWithCoverTool as mm } from "./components/layout/toolbar/tools/DualPageWithCoverTool.js";
+import { Locales as im, ScrollMode as em, SelectionMode as xm, ThemeVariables as lm, ViewMode as am, ZoomLevel as fm } from "./utils/types.js";
 import "react/jsx-runtime";
 import "react";
 import "./contexts/DocumentPasswordContext.js";
@@ -92,6 +92,7 @@ import "./components/RPDropFileZone.js";
 import "./components/icons/LightPdfIcon.js";
 import "./components/icons/DarkPdfIcon.js";
 import "./LayoutWrapper-3f4d0a19.js";
+import "./components/layout/SkipLink.js";
 import "./SearchCloseButton-08d57275.js";
 import "./components/ui/RPTooltip.js";
 import "./index-35c7f4a2.js";
@@ -174,53 +175,53 @@ import "./utils/getElementPositionInPage.js";
 import "./components/icons/ChevronDownIcon.js";
 import "./components/layout/toolbar/ThumbnailTool.js";
 export {
-  Nt as DocumentPropertiesTool,
-  om as DualPageTool,
-  tm as DualPageWithCoverTool,
-  St as FileDownloadTool,
-  dt as FileUploadTool,
-  Mt as FullScreenTool,
-  kt as InputPageTool,
-  pm as Locales,
-  Vt as NextPageTool,
-  vt as PreviousPageTool,
-  wt as PrintTool,
-  Wr as RPConfig,
-  Br as RPDefaultLayout,
-  Gt as RPHorizontalBar,
-  qr as RPLayout,
-  Hr as RPPages,
-  kr as RPProvider,
-  Gr as RPTheme,
-  Kt as RPVerticalBar,
-  Wt as RotateClockwiseTool,
-  qt as RotateCounterclockwiseTool,
-  im as ScrollMode,
-  Ir as SearchTool,
-  em as SelectionMode,
-  Xt as SelectionModeSwitcherTool,
-  _t as SinglePageTool,
-  Ct as ThemeSwitcherTool,
-  xm as ThemeVariables,
-  gt as ThumbnailTool,
-  lm as ViewMode,
-  Bt as ZoomInTool,
-  am as ZoomLevel,
-  zt as ZoomLevelTool,
-  It as ZoomOutTool,
-  Kr as useDarkModeContext,
-  Xr as useDocumentContext,
-  tt as useDropFileZoneContext,
-  Tt as useElementPageContext,
-  Or as useFileDownload,
-  ft as useFullScreenContext,
-  lt as useHighlightContext,
-  pt as useOpenFileContext,
-  ut as usePageRotateContext,
-  zr as usePaginationContext,
-  Er as usePrintContext,
-  _r as useRotationContext,
-  Nr as useSearchContext,
-  ot as useViewModeContext,
-  et as useZoomContext
+  Ut as DocumentPropertiesTool,
+  rm as DualPageTool,
+  mm as DualPageWithCoverTool,
+  Dt as FileDownloadTool,
+  ht as FileUploadTool,
+  Zt as FullScreenTool,
+  yt as InputPageTool,
+  im as Locales,
+  bt as NextPageTool,
+  Lt as PreviousPageTool,
+  Ft as PrintTool,
+  jr as RPConfig,
+  Hr as RPDefaultLayout,
+  Jt as RPHorizontalBar,
+  Ar as RPLayout,
+  Ir as RPPages,
+  yr as RPProvider,
+  Jr as RPTheme,
+  Qt as RPVerticalBar,
+  jt as RotateClockwiseTool,
+  At as RotateCounterclockwiseTool,
+  em as ScrollMode,
+  Or as SearchTool,
+  xm as SelectionMode,
+  Yt as SelectionModeSwitcherTool,
+  $t as SinglePageTool,
+  ct as ThemeSwitcherTool,
+  lm as ThemeVariables,
+  Rt as ThumbnailTool,
+  am as ViewMode,
+  Ht as ZoomInTool,
+  fm as ZoomLevel,
+  Et as ZoomLevelTool,
+  Ot as ZoomOutTool,
+  Qr as useDarkModeContext,
+  Yr as useDocumentContext,
+  mt as useDropFileZoneContext,
+  Pt as useElementPageContext,
+  zr as useFileDownload,
+  nt as useFullScreenContext,
+  at as useHighlightContext,
+  it as useOpenFileContext,
+  st as usePageRotateContext,
+  Er as usePaginationContext,
+  Nr as usePrintContext,
+  $r as useRotationContext,
+  Ur as useSearchContext,
+  rt as useViewModeContext,
+  xt as useZoomContext
 };

package/dist/types/components/layout/SkipLink.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface SkipLinkProps {
+    href: string;
+    label: string;
+}
+export declare const SkipLink: FC<SkipLinkProps>;
+export {};

package/dist/types/components/ui/Checkbox.d.ts

@@ -4,6 +4,7 @@ interface UICheckboxProps {
     onChange?: (value: boolean) => void;
     name: string;
     tabIndex?: number;
+    'aria-label'?: string;
 }
 export declare const UICheckbox: FC<PropsWithChildren<UICheckboxProps>>;
 export {};

package/dist/types/utils/annotations.d.ts

@@ -5,4 +5,14 @@ export declare function bindLayerEvents(annotatedLayer: HTMLDivElement, handler:
 export declare function unbindLayerEvents(annotatedLayer: HTMLDivElement, handler: (event: Event) => void): void;
 export declare function handleAnnotationLink(annotation: Annotation): void;
 export declare function handleAnnotationWidget(annotation: Annotation, viewport: PageViewport, canvasMap: Map<string, HTMLCanvasElement>): void;
+/**
+ * Fixes tabindex values greater than 0 in annotation layer elements
+ * WCAG 2.1 requires tabindex to be 0, -1, or not set (for natural tab order)
+ */
+export declare function fixTabIndexAccessibility(annotationLayer: HTMLDivElement): void;
+/**
+ * Ensures all links in annotation layer have discernible names
+ * Adds aria-label to links that don't have text content or existing aria-label
+ */
+export declare function enhanceLinkAccessibility(annotationLayer: HTMLDivElement): void;
 export declare function annotationEventsHandler(evt: Event, PDFDoc: PDFDocumentProxy, Annotations: Object[]): Promise<AnnotationEventPayload | undefined>;