@pdfme/ui 6.1.5-dev.10 → 6.1.5-dev.13

package/dist/components/CtlBar.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Size } from '@pdfme/common';
+import { type ZoomMode } from '../helper.js';
 type CtlBarProps = {
     size: Size;
     pageCursor: number;
@@ -7,6 +8,9 @@ type CtlBarProps = {
     setPageCursor: (page: number) => void;
     zoomLevel: number;
     setZoomLevel: (zoom: number) => void;
+    zoomMode: ZoomMode;
+    fitWidth: () => void;
+    fitHeight: () => void;
     addPageAfter?: () => void;
     removePage?: () => void;
 };

package/dist/components/Designer/Canvas/index.d.ts

@@ -8,6 +8,7 @@ interface Props {
     pageCursor: number;
     schemasList: SchemaForUI[][];
     scale: number;
+    renderScale: number;
     backgrounds: string[];
     pageSizes: Size[];
     size: Size;

package/dist/helper.d.ts

@@ -55,6 +55,37 @@ export declare const moveCommandToChangeSchemasArg: (props: {
     schemaId: string;
 }[];
 export declare const getPagesScrollTopByIndex: (pageSizes: Size[], index: number, scale: number) => number;
+export type ZoomMode = 'manual' | 'fit-width' | 'fit-height';
+export type ZoomAnchor = {
+    pageIndex: number;
+    localX: number;
+    localY: number;
+    clientX: number;
+    clientY: number;
+};
+export declare const MIN_ZOOM = 0.25;
+export declare const clampZoomLevel: (zoomLevel: number, maxZoom: number, minZoom?: number) => number;
+export declare const getFitZoomLevel: ({ mode, pageSize, container, baseScale, maxZoom, hasRulers, }: {
+    mode: Exclude<ZoomMode, "manual">;
+    pageSize: Size | undefined;
+    container: HTMLElement | null;
+    baseScale: number;
+    maxZoom: number;
+    hasRulers?: boolean;
+}) => number;
+export declare const getZoomAnchor: ({ pageIndex, paper, clientX, clientY, scale, }: {
+    pageIndex: number;
+    paper: HTMLElement | undefined;
+    clientX: number;
+    clientY: number;
+    scale: number;
+}) => ZoomAnchor | null;
+export declare const restoreZoomAnchor: ({ container, paper, anchor, scale, }: {
+    container: HTMLElement | null;
+    paper: HTMLElement | undefined;
+    anchor: ZoomAnchor | null;
+    scale: number;
+}) => void;
 export declare const changeSchemas: (args: {
     objs: {
         key: string;

package/dist/hooks.d.ts

@@ -1,5 +1,6 @@
-import { RefObject } from 'react';
+import { RefObject, MutableRefObject } from 'react';
 import { Template, Size, SchemaForUI, ChangeSchemas } from '@pdfme/common';
+import { type ZoomMode } from './helper.js';
 export declare const usePrevious: <T>(value: T) => T | null;
 type UIPreProcessorProps = {
     template: Template;
@@ -13,18 +14,41 @@ export declare const useUIPreProcessor: ({ template, size, zoomLevel, maxZoom }:
         height: number;
         width: number;
     }[];
+    baseScale: number;
     scale: number;
     error: Error | null;
     refresh: (template: Template) => Promise<void>;
 };
+type UseZoomProps = {
+    baseScale: number;
+    maxZoom: number;
+    pageCursor: number;
+    pageSizes: Size[];
+    containerRef: RefObject<HTMLDivElement>;
+    paperRefs: MutableRefObject<HTMLDivElement[]>;
+    size: Size;
+    hasRulers?: boolean;
+    initialZoomLevel?: number;
+    onZoomCommit?: () => void;
+};
+export declare const useZoom: ({ baseScale, maxZoom, pageCursor, pageSizes, containerRef, paperRefs, size, hasRulers, initialZoomLevel, onZoomCommit, }: UseZoomProps) => {
+    displayScale: number;
+    renderScale: number;
+    zoomLevel: number;
+    zoomMode: ZoomMode;
+    setZoomLevel: (nextZoomLevel: number) => void;
+    fitWidth: () => void;
+    fitHeight: () => void;
+};
 type ScrollPageCursorProps = {
     ref: RefObject<HTMLDivElement>;
+    paperRefs: MutableRefObject<HTMLDivElement[]>;
     pageSizes: Size[];
     scale: number;
     pageCursor: number;
     onChangePageCursor: (page: number) => void;
 };
-export declare const useScrollPageCursor: ({ ref, pageSizes, scale, pageCursor, onChangePageCursor, }: ScrollPageCursorProps) => void;
+export declare const useScrollPageCursor: ({ ref, paperRefs, pageSizes, scale, pageCursor, onChangePageCursor, }: ScrollPageCursorProps) => void;
 export declare const useMountStatus: () => boolean;
 interface UseInitEventsParams {
     pageCursor: number;