@alveole/components 1.10.0 → 2.0.0-alpha

package/dist/ui/DocumentViewer/DocumentViewerPDF.js

@@ -1,136 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '@alveole/components';
-import * as pdfjs from 'pdfjs-dist';
-import 'pdfjs-dist/legacy/build/pdf.worker.min.mjs';
-import React from 'react';
-import { Platform } from 'react-native';
-import { useStyles } from './DocumentViewer.styles';
-const isPdfCancellationError = (error) => {
-    if (!(error instanceof Error))
-        return false;
-    return (['RenderingCancelledException', 'AbortException'].includes(error.name) ||
-        error.message.includes('Worker was terminated') ||
-        error.message.includes("Cannot read properties of null (reading 'sendWithPromise')"));
-};
-export const DocumentViewerPDF = (props) => {
-    const { source, page, rotation, height = '100%', scale = 1, onReady, errorLabel = 'Le PDF ne peut pas être affiché', } = props;
-    const styles = useStyles();
-    const [pdf, setPdf] = React.useState(null);
-    const [hasError, setHasError] = React.useState(false);
-    const [prevSource, setPrevSource] = React.useState(source);
-    if (prevSource !== source) {
-        setPrevSource(source);
-        setHasError(false);
-    }
-    const [viewerSize, setViewerSize] = React.useState({ width: 0, height: 0 });
-    const [isHovered, setIsHovered] = React.useState(false);
-    const [transformOrigin, setTransformOrigin] = React.useState('50% 50%');
-    const [renderedPageSize, setRenderedPageSize] = React.useState({ width: 0, height: 0 });
-    const canvasRef = React.useRef(null);
-    const onReadyRef = React.useRef(onReady);
-    const hoveredScale = isHovered ? 2 : 1;
-    React.useEffect(() => {
-        onReadyRef.current = onReady;
-    }, [onReady]);
-    const onPdfLoadedSuccess = React.useCallback((documentPdf, active) => {
-        if (!active)
-            return;
-        setPdf(documentPdf);
-        onReadyRef.current?.(documentPdf);
-    }, []);
-    const onPdfLoadedError = (active) => {
-        if (!active)
-            return;
-        setPdf(null);
-        setHasError(true);
-    };
-    const onPageLoadedSuccess = React.useCallback((pagePdf, active) => {
-        if (!active || !canvasRef.current)
-            return;
-        const baseViewport = pagePdf.getViewport({ scale: 1, rotation });
-        const fittedScale = Math.min(viewerSize.width / baseViewport.width, viewerSize.height / baseViewport.height);
-        const viewport = pagePdf.getViewport({ scale: fittedScale * scale, rotation });
-        const canvas = canvasRef.current;
-        const context = canvas.getContext('2d');
-        if (context == null)
-            return null;
-        const pixelRatio = window.devicePixelRatio || 1;
-        canvas.width = Math.floor(viewport.width * pixelRatio);
-        canvas.height = Math.floor(viewport.height * pixelRatio);
-        canvas.style.width = `${viewport.width}px`;
-        canvas.style.height = `${viewport.height}px`;
-        setRenderedPageSize({ width: viewport.width, height: viewport.height });
-        context.setTransform(1, 0, 0, 1, 0, 0);
-        context.clearRect(0, 0, canvas.width, canvas.height);
-        return pagePdf.render({
-            canvas,
-            canvasContext: context,
-            viewport,
-            transform: pixelRatio === 1 ? undefined : [pixelRatio, 0, 0, pixelRatio, 0, 0],
-        });
-    }, [rotation, scale, viewerSize.height, viewerSize.width]);
-    React.useEffect(() => {
-        let isActive = true;
-        const loadingTask = pdfjs.getDocument({ url: source });
-        loadingTask.promise
-            .then(nextPdf => onPdfLoadedSuccess(nextPdf, isActive))
-            .catch(error => {
-            if (!isActive || isPdfCancellationError(error))
-                return;
-            onPdfLoadedError(true);
-        });
-        return () => {
-            isActive = false;
-            loadingTask.destroy();
-        };
-    }, [source, onPdfLoadedSuccess]);
-    React.useEffect(() => {
-        if (!pdf || !canvasRef.current || viewerSize.width <= 0 || viewerSize.height <= 0)
-            return;
-        let isActive = true;
-        let renderTask = null;
-        Promise.resolve()
-            .then(() => pdf.getPage(page))
-            .then(pdfPage => {
-            renderTask = onPageLoadedSuccess(pdfPage, isActive);
-            return renderTask?.promise.then(() => {
-                if (!isActive)
-                    return;
-                pdfPage.cleanup?.();
-            });
-        })
-            .catch(error => {
-            if (!isActive || isPdfCancellationError(error))
-                return;
-            onPdfLoadedError(true);
-        });
-        return () => {
-            isActive = false;
-            renderTask?.cancel?.();
-        };
-    }, [pdf, page, rotation, scale, viewerSize, onPageLoadedSuccess]);
-    const handleLayout = React.useCallback((event) => {
-        const nextWidth = event?.nativeEvent?.layout?.width;
-        const nextHeight = event?.nativeEvent?.layout?.height;
-        if (typeof nextWidth === 'number' && nextWidth > 0 && typeof nextHeight === 'number' && nextHeight > 0) {
-            setViewerSize({ width: nextWidth, height: nextHeight });
-        }
-    }, []);
-    const handlePointerMove = React.useCallback((event) => {
-        const rect = event.currentTarget?.getBoundingClientRect?.();
-        if (!rect)
-            return;
-        const x = ((event.clientX - rect.left) / rect.width) * 100;
-        const y = ((event.clientY - rect.top) / rect.height) * 100;
-        setTransformOrigin(`${Math.max(0, Math.min(100, x))}% ${Math.max(0, Math.min(100, y))}%`);
-    }, []);
-    return (_jsx(Box, { tag: "document-viewer-pdf", width: '100%', height: height, onLayout: handleLayout, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onPointerMove: handlePointerMove, style: styles.viewerPdfContent, children: _jsxs(Box, { width: '100%', height: '100%', p: '1V', style: styles.viewerPdfStage, children: [Platform.OS === 'web' && (_jsx(Box, { style: [
-                        styles.viewerPdfCanvasWrapper,
-                        {
-                            width: renderedPageSize.width,
-                            height: renderedPageSize.height,
-                            transformOrigin,
-                            transform: [{ scale: hoveredScale }],
-                        },
-                    ], children: _jsx("canvas", { ref: canvasRef, style: styles.viewerPdfCanvas }) })), hasError && (_jsx(Box, { style: styles.viewerPdfOverlay, children: _jsx(Typography, { style: styles.viewerPdfErrorLabel, children: errorLabel }) }))] }) }));
-};
+// Cette redirection n'est jamais chargee par l'application : Metro resout toujours une
+// variante de plateforme pour l'import `./DocumentViewerPDF` de `DocumentViewer.tsx`
+// (`.web.tsx` sur le web, `.native.tsx` sur iOS/Android). `tsc`, lui, n'a pas cette notion de
+// plateforme et a besoin d'un fichier exact `./DocumentViewerPDF` pour typer cet import :
+// sans lui, le typecheck echoue sur un module que l'execution n'atteint jamais.
+export * from './DocumentViewerPDF.web';

package/dist/ui/DocumentViewer/DocumentViewerPDF.native.d.ts

@@ -1,5 +1,5 @@
-import { type BoxProps } from '@alveole/components';
-import { DocumentViewerRotation } from './DocumentViewer';
+import { type BoxProps } from '../../core/Box';
+import { DocumentViewerRotation } from './DocumentViewer.types';
 export type DocumentViewerPDFProps = {
     source: string;
     page: number;

package/dist/ui/DocumentViewer/DocumentViewerPDF.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewerPDF.native.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerPDF.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAc,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,gCAsB9D,CAAC"}
+{"version":3,"file":"DocumentViewerPDF.native.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerPDF.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,gCAsB9D,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewerPDF.native.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Typography } from '@alveole/components';
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
 import { useStyles } from './DocumentViewer.styles';
 export const DocumentViewerPDF = (props) => {
     const { height = '100%' } = props;

package/dist/ui/DocumentViewer/DocumentViewerPDF.web.d.ts

@@ -1,31 +1,7 @@
-import { type BoxProps } from '@alveole/components';
 import React from 'react';
-import { DocumentViewerRotation } from './DocumentViewer';
-type PDFDocumentProxyLike = {
-    destroy?: () => void | Promise<void>;
-    getPage: (page: number) => Promise<{
-        getViewport: (options: {
-            scale: number;
-            rotation: DocumentViewerRotation;
-        }) => {
-            width: number;
-            height: number;
-        };
-        render: (options: {
-            canvasContext: CanvasRenderingContext2D;
-            viewport: {
-                width: number;
-                height: number;
-            };
-            transform?: [number, number, number, number, number, number];
-        }) => {
-            promise: Promise<void>;
-            cancel?: () => void;
-        } | null;
-        cleanup?: () => void;
-    }>;
-    numPages: number;
-};
+import { type BoxProps } from '../../core/Box';
+import type { PDFDocumentProxyLike } from './chargementDePdfJs';
+import { DocumentViewerRotation } from './DocumentViewer.types';
 export type DocumentViewerPDFProps = {
     source: string;
     page: number;
@@ -36,5 +12,4 @@ export type DocumentViewerPDFProps = {
     errorLabel?: string;
 };
 export declare const DocumentViewerPDF: (props: DocumentViewerPDFProps) => React.JSX.Element;
-export {};
 //# sourceMappingURL=DocumentViewerPDF.web.d.ts.map

package/dist/ui/DocumentViewer/DocumentViewerPDF.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewerPDF.web.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerPDF.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;QACjC,WAAW,EAAE,CAAC,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,sBAAsB,CAAA;SAAE,KAAK;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QACjH,MAAM,EAAE,CAAC,OAAO,EAAE;YAChB,aAAa,EAAE,wBAAwB,CAAC;YACxC,QAAQ,EAAE;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,MAAM,EAAE,MAAM,CAAA;aAAE,CAAC;YAC5C,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;SAC9D,KAAK;YAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;SAAE,GAAG,IAAI,CAAC;QAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC,CAAC;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAUF,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AA6CF,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,sBA4M9D,CAAC"}
+{"version":3,"file":"DocumentViewerPDF.web.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerPDF.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAOhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAwDF,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,sBAkC9D,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewerPDF.web.js

@@ -1,186 +1,38 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '@alveole/components';
 import React from 'react';
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
 import { useStyles } from './DocumentViewer.styles';
-const isPdfCancellationError = (error) => {
-    if (!(error instanceof Error))
-        return false;
-    return (['RenderingCancelledException', 'AbortException'].includes(error.name) ||
-        error.message.includes('Worker was terminated') ||
-        error.message.includes("Cannot read properties of null (reading 'sendWithPromise')"));
-};
-const getPdfJsAssetUrl = (filename) => {
-    const expoScript = document.querySelector('script[src*="/_expo/"]');
-    const scriptUrl = expoScript?.src ? new URL(expoScript.src, window.location.href) : null;
-    const basePath = scriptUrl?.pathname.split('/_expo/')[0] ?? '';
-    const normalizedBasePath = basePath === '/' ? '' : basePath;
-    return `${window.location.origin}${normalizedBasePath}/${filename}`;
-};
-const loadPdfJs = (() => {
-    let promise = null;
-    return () => {
-        if (typeof window === 'undefined') {
-            return Promise.reject(new Error('PDF.js is only available in the browser.'));
-        }
-        if (promise)
-            return promise;
-        const dynamicImport = new Function('url', 'return import(url);');
-        promise = dynamicImport(getPdfJsAssetUrl('pdf.min.mjs')).then(module => {
-            const pdfjs = (module.default ?? module);
-            pdfjs.GlobalWorkerOptions.workerSrc = getPdfJsAssetUrl('pdf.worker.min.mjs');
-            return pdfjs;
-        });
-        return promise;
-    };
-})();
-export const DocumentViewerPDF = (props) => {
-    const { source, page, rotation, height = '100%', scale = 1, onReady, errorLabel = 'Le PDF ne peut pas être affiché', } = props;
+import { useDocumentPdfCharge } from './useDocumentPdfCharge';
+import { useEtatReinitialiseParCle } from './useEtatReinitialiseParCle';
+import { useRenduDePage } from './useRenduDePage';
+import { useSurvolAvecZoom } from './useSurvolAvecZoom';
+import { useTailleParResizeObserver } from './useTailleParResizeObserver';
+/** Le cadre du visualiseur : la mesure invisible, le canvas a l'echelle du survol, et
+ *  l'incrustation d'erreur quand le document ou la page n'a pas pu se rendre. */
+const ZonePdf = ({ mesureRef, canvasRef, tailleRendue, survol, hasError, errorLabel, height }) => {
     const styles = useStyles();
-    const [pdf, setPdf] = React.useState(null);
-    const [hasError, setHasError] = React.useState(false);
-    const [prevSource, setPrevSource] = React.useState(source);
-    if (prevSource !== source) {
-        setPrevSource(source);
-        setHasError(false);
-    }
-    const [viewerSize, setViewerSize] = React.useState({ width: 0, height: 0 });
-    const [isHovered, setIsHovered] = React.useState(false);
-    const [transformOrigin, setTransformOrigin] = React.useState('50% 50%');
-    const [renderedPageSize, setRenderedPageSize] = React.useState({ width: 0, height: 0 });
-    const canvasRef = React.useRef(null);
-    const measureRef = React.useRef(null);
-    const onReadyRef = React.useRef(onReady);
-    const hoveredScale = isHovered ? 2 : 1;
-    React.useEffect(() => {
-        onReadyRef.current = onReady;
-    }, [onReady]);
-    const onPdfLoadedSuccess = React.useCallback((documentPdf, active) => {
-        if (!active)
-            return void documentPdf.destroy?.();
-        setPdf(currentPdf => {
-            void currentPdf?.destroy?.();
-            return documentPdf;
-        });
-        onReadyRef.current?.(documentPdf);
-    }, []);
-    const onPdfLoadedError = React.useCallback((active) => {
-        if (!active)
-            return;
-        setPdf(null);
-        setHasError(true);
-    }, []);
-    const onPageLoadedSuccess = React.useCallback(async (pagePdf, active) => {
-        if (!active || !canvasRef.current)
-            return null;
-        const baseViewport = pagePdf.getViewport({ scale: 1, rotation });
-        const fittedScale = Math.min(viewerSize.width / baseViewport.width, viewerSize.height / baseViewport.height);
-        const viewport = pagePdf.getViewport({ scale: fittedScale * scale, rotation });
-        const canvas = canvasRef.current;
-        const context = canvas.getContext('2d');
-        if (context == null)
-            return null;
-        const pixelRatio = window.devicePixelRatio || 1;
-        canvas.width = Math.floor(viewport.width * pixelRatio);
-        canvas.height = Math.floor(viewport.height * pixelRatio);
-        canvas.style.width = `${viewport.width}px`;
-        canvas.style.height = `${viewport.height}px`;
-        setRenderedPageSize({ width: viewport.width, height: viewport.height });
-        context.setTransform(1, 0, 0, 1, 0, 0);
-        context.clearRect(0, 0, canvas.width, canvas.height);
-        return pagePdf.render({
-            canvasContext: context,
-            viewport,
-            transform: pixelRatio === 1 ? undefined : [pixelRatio, 0, 0, pixelRatio, 0, 0],
-        });
-    }, [rotation, scale, viewerSize.height, viewerSize.width]);
-    // ResizeObserver pour mesurer le conteneur — onLayout React Native for Web
-    // ne fonctionne pas avec les custom HTML tags (tag="document-viewer-pdf").
-    React.useEffect(() => {
-        const el = measureRef.current;
-        if (!el)
-            return;
-        const update = (width, height) => {
-            if (width > 0 && height > 0) {
-                setViewerSize({ width, height });
-            }
-        };
-        const observer = new ResizeObserver(entries => {
-            const entry = entries[0];
-            if (entry)
-                update(entry.contentRect.width, entry.contentRect.height);
-        });
-        observer.observe(el);
-        const rect = el.getBoundingClientRect();
-        update(rect.width, rect.height);
-        return () => observer.disconnect();
-    }, []);
-    React.useEffect(() => {
-        let isActive = true;
-        let loadingTask = null;
-        loadPdfJs()
-            .then(pdfjs => {
-            if (!isActive)
-                return;
-            loadingTask = pdfjs.getDocument({ url: source });
-            return loadingTask.promise
-                .then(nextPdf => onPdfLoadedSuccess(nextPdf, isActive))
-                .catch(error => {
-                if (!isActive || isPdfCancellationError(error))
-                    return;
-                onPdfLoadedError(true);
-            });
-        })
-            .catch(error => {
-            if (!isActive || isPdfCancellationError(error))
-                return;
-            onPdfLoadedError(true);
-        });
-        return () => {
-            isActive = false;
-            loadingTask?.destroy();
-        };
-    }, [source, onPdfLoadedError, onPdfLoadedSuccess]);
-    React.useEffect(() => {
-        if (!pdf || !canvasRef.current || viewerSize.width <= 0 || viewerSize.height <= 0)
-            return;
-        let isActive = true;
-        let renderTask = null;
-        Promise.resolve()
-            .then(() => pdf.getPage(page))
-            .then(async (pdfPage) => {
-            renderTask = await onPageLoadedSuccess(pdfPage, isActive);
-            return renderTask?.promise.then(() => {
-                if (!isActive)
-                    return;
-                pdfPage.cleanup?.();
-            });
-        })
-            .catch(error => {
-            if (!isActive || isPdfCancellationError(error))
-                return;
-            onPdfLoadedError(true);
-        });
-        return () => {
-            isActive = false;
-            renderTask?.cancel?.();
-        };
-    }, [pdf, page, rotation, scale, viewerSize, onPageLoadedSuccess, onPdfLoadedError]);
-    const handlePointerMove = React.useCallback((event) => {
-        const rect = event.currentTarget?.getBoundingClientRect?.();
-        if (!rect)
-            return;
-        const x = ((event.clientX - rect.left) / rect.width) * 100;
-        const y = ((event.clientY - rect.top) / rect.height) * 100;
-        setTransformOrigin(`${Math.max(0, Math.min(100, x))}% ${Math.max(0, Math.min(100, y))}%`);
-    }, []);
-    React.useEffect(() => () => void pdf?.destroy?.(), [pdf]);
-    return (_jsxs(Box, { tag: "document-viewer-pdf", width: '100%', height: height, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onPointerMove: handlePointerMove, style: [styles.viewerPdfContent, { position: 'relative' }], children: [_jsx("div", { ref: measureRef, style: { position: 'absolute', inset: 0, pointerEvents: 'none' } }), _jsxs(Box, { width: '100%', height: '100%', p: '1V', style: styles.viewerPdfStage, children: [_jsx(Box, { style: [
+    return (_jsxs(Box, { tag: "document-viewer-pdf", width: '100%', height: height, onMouseEnter: survol.onEntree, onMouseLeave: survol.onSortie, onPointerEnter: survol.onEntree, onPointerLeave: survol.onSortie, onPointerMove: survol.onDeplacement, style: [styles.viewerPdfContent, { position: 'relative' }], children: [_jsx("div", { ref: mesureRef, style: { position: 'absolute', inset: 0, pointerEvents: 'none' } }), _jsxs(Box, { width: '100%', height: '100%', p: '1V', style: styles.viewerPdfStage, children: [_jsx(Box, { style: [
                             styles.viewerPdfCanvasWrapper,
                             {
-                                width: renderedPageSize.width,
-                                height: renderedPageSize.height,
-                                transformOrigin,
-                                transform: [{ scale: hoveredScale }],
+                                width: tailleRendue.width,
+                                height: tailleRendue.height,
+                                transformOrigin: survol.origine,
+                                transform: [{ scale: survol.echelle }],
                             },
                         ], children: _jsx("canvas", { ref: canvasRef, style: styles.viewerPdfCanvas }) }), hasError && (_jsx(Box, { style: styles.viewerPdfOverlay, children: _jsx(Typography, { style: styles.viewerPdfErrorLabel, children: errorLabel }) }))] })] }));
 };
+export const DocumentViewerPDF = (props) => {
+    const { source, page, rotation, height = '100%', scale = 1, onReady, errorLabel = 'Le PDF ne peut pas être affiché', } = props;
+    const canvasRef = React.useRef(null);
+    const { pdf, hasError: erreurDeChargement } = useDocumentPdfCharge(source, onReady);
+    const { mesureRef, taille: cadre } = useTailleParResizeObserver();
+    // L'erreur de rendu se remet a zero des le changement de source, avant meme qu'un nouveau
+    // rendu ne commence : sinon l'erreur de l'ancienne source resterait un instant affichee
+    // sur la nouvelle.
+    const [erreurDeRendu, setErreurDeRendu] = useEtatReinitialiseParCle(source);
+    const onErreurDeRendu = React.useCallback(() => setErreurDeRendu(true), [setErreurDeRendu]);
+    const tailleRendue = useRenduDePage({ pdf, page, rotation, scale, cadre, canvasRef, onErreur: onErreurDeRendu });
+    const survol = useSurvolAvecZoom();
+    return (_jsx(ZonePdf, { mesureRef: mesureRef, canvasRef: canvasRef, tailleRendue: tailleRendue, survol: survol, hasError: erreurDeChargement || erreurDeRendu, errorLabel: errorLabel, height: height }));
+};

package/dist/ui/DocumentViewer/DocumentViewerToolbar.d.ts

@@ -1,4 +1,4 @@
-import { DocumentViewerProps } from './DocumentViewer';
+import { DocumentViewerProps } from './DocumentViewer.types';
 export type DocumentViewerToolbarState = {
     fileType: DocumentViewerProps['type'];
     rotation: 0 | 90 | 180 | 270;

package/dist/ui/DocumentViewer/DocumentViewerToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewerToolbar.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACtC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,0BAA0B,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,gCA4CtE,CAAC"}
+{"version":3,"file":"DocumentViewerToolbar.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerToolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACtC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,0BAA0B,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,gCAsDtE,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewerToolbar.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '@alveole/components';
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
 import { useStyles } from './DocumentViewer.styles';
 import { ToolbarButton } from './DocumentViewerToolbarButton';
 export const DocumentViewerToolbar = (props) => {
@@ -12,5 +13,5 @@ export const DocumentViewerToolbar = (props) => {
     return (_jsxs(Box, { tag: "document-viewer-toolbar", style: {
             ...styles.toolbar,
             ...(withChildren ? { borderTopRightRadius: 0 } : {}),
-        }, children: [_jsx(Box, { children: _jsx(Typography, { style: styles.toolbarTitle, children: title }) }), _jsxs(Box, { tag: "document-viewer-toolbar-actions", style: styles.toolbarAction, children: [_jsxs(Box, { display: "flex", flexDirection: "row", gap: "1,5V", children: [_jsx(ToolbarButton, { onPress: onRotateLeft, icon: "RotateCcwSquare" }), _jsx(ToolbarButton, { onPress: onRotateRight, icon: "RotateCwSquare" })] }), _jsx(Box, { style: styles.toolbarDivider }), _jsxs(Box, { display: "flex", flexDirection: "row", gap: "1,5V", children: [_jsx(ToolbarButton, { onPress: onPreviousPage, disabled: isFirstPage || !hasPagination, icon: "SquareChevronLeft" }), _jsx(Box, { mt: 'auto', mb: 'auto', children: _jsxs(Typography, { style: styles.toolbarState, children: [hasPagination ? state.page : 1, " / ", hasPagination ? state.totalPages : 1] }) }), _jsx(ToolbarButton, { onPress: onNextPage, disabled: isLastPage || !hasPagination, icon: "SquareChevronRight" })] })] })] }));
+        }, children: [_jsx(Box, { children: _jsx(Typography, { style: styles.toolbarTitle, children: title }) }), _jsxs(Box, { tag: "document-viewer-toolbar-actions", style: styles.toolbarAction, children: [_jsxs(Box, { display: "flex", flexDirection: "row", gap: "1,5V", children: [_jsx(ToolbarButton, { onPress: onRotateLeft, icon: "RotateCcwSquare", accessibilityLabel: "Pivoter vers la gauche" }), _jsx(ToolbarButton, { onPress: onRotateRight, icon: "RotateCwSquare", accessibilityLabel: "Pivoter vers la droite" })] }), _jsx(Box, { style: styles.toolbarDivider }), _jsxs(Box, { display: "flex", flexDirection: "row", gap: "1,5V", children: [_jsx(ToolbarButton, { onPress: onPreviousPage, disabled: isFirstPage || !hasPagination, icon: "SquareChevronLeft", accessibilityLabel: "Page precedente" }), _jsx(Box, { mt: 'auto', mb: 'auto', children: _jsxs(Typography, { style: styles.toolbarState, children: [hasPagination ? state.page : 1, " / ", hasPagination ? state.totalPages : 1] }) }), _jsx(ToolbarButton, { onPress: onNextPage, disabled: isLastPage || !hasPagination, icon: "SquareChevronRight", accessibilityLabel: "Page suivante" })] })] })] }));
 };

package/dist/ui/DocumentViewer/DocumentViewerToolbarButton.d.ts

@@ -1,6 +1,8 @@
-import { LucideIconProps } from '@alveole/components';
+import { LucideIconProps } from '../LucideIcon';
 type ToolbarButtonProps = {
     icon: LucideIconProps['name'];
+    /** Exige de l'appelant : une barre d'outils n'aligne que des icones, toutes muettes sinon. */
+    accessibilityLabel: string;
     disabled?: boolean;
     onPress?: () => void;
 };

package/dist/ui/DocumentViewer/DocumentViewerToolbarButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewerToolbarButton.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAElE,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCAGtD,CAAC"}
+{"version":3,"file":"DocumentViewerToolbarButton.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewerToolbarButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,8FAA8F;IAC9F,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCAYtD,CAAC"}

package/dist/ui/DocumentViewer/DocumentViewerToolbarButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ButtonIcon } from '@alveole/components';
+import { ButtonIcon } from '../Button';
 export const ToolbarButton = (props) => {
-    const { icon, disabled, onPress } = props;
-    return _jsx(ButtonIcon, { variant: "tertiary", icon: icon, disabled: disabled, onPress: onPress });
+    const { icon, accessibilityLabel, disabled, onPress } = props;
+    return (_jsx(ButtonIcon, { variant: "tertiary", icon: icon, accessibilityLabel: accessibilityLabel, disabled: disabled, onPress: onPress }));
 };

package/dist/ui/DocumentViewer/chargementDePdfJs.d.ts

@@ -0,0 +1,56 @@
+import { DocumentViewerRotation } from './DocumentViewer.types';
+export type PDFDocumentProxyLike = {
+    destroy?: () => void | Promise<void>;
+    getPage: (page: number) => Promise<{
+        getViewport: (options: {
+            scale: number;
+            rotation: DocumentViewerRotation;
+        }) => {
+            width: number;
+            height: number;
+        };
+        render: (options: {
+            canvasContext: CanvasRenderingContext2D;
+            viewport: {
+                width: number;
+                height: number;
+            };
+            transform?: [number, number, number, number, number, number];
+        }) => {
+            promise: Promise<void>;
+            cancel?: () => void;
+        } | null;
+        cleanup?: () => void;
+    }>;
+    numPages: number;
+};
+export type PdfJsModule = {
+    GlobalWorkerOptions: {
+        workerSrc: string;
+    };
+    getDocument: (source: string | {
+        url: string;
+    }) => {
+        promise: Promise<PDFDocumentProxyLike>;
+        destroy: () => void;
+    };
+};
+/**
+ * L'URL d'un asset de pdf.js, servi a cote du bundle Expo plutot que publie sur npm : le
+ * chemin depend du prefixe sous lequel l'application est montee, retrouve a partir du script
+ * `/_expo/...` que la page a elle-meme charge.
+ */
+export declare const urlDeLAssetPdfJs: (filename: string, contexte: {
+    scriptUrl: string | null;
+    origin: string;
+}) => string;
+/** pdf.js tel que l'import dynamique le livre : un module que TypeScript n'a jamais vu. */
+export declare const pdfJsDuModule: (module: unknown) => PdfJsModule;
+/**
+ * Le chargement de pdf.js, memoise : un import dynamique plutot qu'un import statique, pour
+ * ne jamais l'embarquer dans le bundle natif, qui n'en a pas l'usage. `new Function` construit
+ * l'import a l'execution : un `import()` litteral serait transforme par le bundler en une
+ * dependance statique, ce qui reintroduirait le meme poids qu'on cherche a eviter.
+ */
+export declare const loadPdfJs: () => Promise<PdfJsModule>;
+//# sourceMappingURL=chargementDePdfJs.d.ts.map

package/dist/ui/DocumentViewer/chargementDePdfJs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chargementDePdfJs.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/chargementDePdfJs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;QACjC,WAAW,EAAE,CAAC,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,sBAAsB,CAAA;SAAE,KAAK;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QACjH,MAAM,EAAE,CAAC,OAAO,EAAE;YAChB,aAAa,EAAE,wBAAwB,CAAC;YACxC,QAAQ,EAAE;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,MAAM,EAAE,MAAM,CAAA;aAAE,CAAC;YAC5C,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;SAC9D,KAAK;YAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;SAAE,GAAG,IAAI,CAAC;QAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC,CAAC;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,mBAAmB,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK;QACjD,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;QACvC,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAU,MAAM,EAAE,UAAU;IAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,WAMxG,CAAC;AAcF,2FAA2F;AAC3F,eAAO,MAAM,aAAa,GAAI,QAAQ,OAAO,KAAG,WAK/C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,4BAoBlB,CAAC"}

package/dist/ui/DocumentViewer/chargementDePdfJs.js

@@ -0,0 +1,48 @@
+/**
+ * L'URL d'un asset de pdf.js, servi a cote du bundle Expo plutot que publie sur npm : le
+ * chemin depend du prefixe sous lequel l'application est montee, retrouve a partir du script
+ * `/_expo/...` que la page a elle-meme charge.
+ */
+export const urlDeLAssetPdfJs = (filename, contexte) => {
+    const scriptUrl = contexte.scriptUrl ? new URL(contexte.scriptUrl, contexte.origin) : null;
+    const basePath = scriptUrl?.pathname.split('/_expo/')[0] ?? '';
+    const normalizedBasePath = basePath === '/' ? '' : basePath;
+    return `${contexte.origin}${normalizedBasePath}/${filename}`;
+};
+const getPdfJsAssetUrl = (filename) => {
+    const expoScript = document.querySelector('script[src*="/_expo/"]');
+    return urlDeLAssetPdfJs(filename, { scriptUrl: expoScript?.src ?? null, origin: window.location.origin });
+};
+const estUnObjet = (valeur) => typeof valeur === 'object' && valeur !== null;
+const estPdfJs = (valeur) => estUnObjet(valeur) && estUnObjet(valeur.GlobalWorkerOptions) && typeof valeur.getDocument === 'function';
+/** pdf.js tel que l'import dynamique le livre : un module que TypeScript n'a jamais vu. */
+export const pdfJsDuModule = (module) => {
+    if (estUnObjet(module) && estPdfJs(module.default))
+        return module.default;
+    if (estPdfJs(module))
+        return module;
+    throw new Error("Le module charge n'est pas pdf.js.");
+};
+/**
+ * Le chargement de pdf.js, memoise : un import dynamique plutot qu'un import statique, pour
+ * ne jamais l'embarquer dans le bundle natif, qui n'en a pas l'usage. `new Function` construit
+ * l'import a l'execution : un `import()` litteral serait transforme par le bundler en une
+ * dependance statique, ce qui reintroduirait le meme poids qu'on cherche a eviter.
+ */
+export const loadPdfJs = (() => {
+    let promise = null;
+    return () => {
+        if (typeof window === 'undefined') {
+            return Promise.reject(new Error('PDF.js is only available in the browser.'));
+        }
+        if (promise)
+            return promise;
+        const dynamicImport = new Function('url', 'return import(url);');
+        promise = Promise.resolve(dynamicImport(getPdfJsAssetUrl('pdf.min.mjs'))).then(module => {
+            const pdfjs = pdfJsDuModule(module);
+            pdfjs.GlobalWorkerOptions.workerSrc = getPdfJsAssetUrl('pdf.worker.min.mjs');
+            return pdfjs;
+        });
+        return promise;
+    };
+})();