@pdfme/ui 6.1.13-dev.4 → 6.1.13-dev.46

package/dist/Designer.d.ts

@@ -1,6 +1,9 @@
 import { Template, DesignerProps } from '@pdfme/common';
 import { BaseUIClass } from './class.js';
 import { type DesignerSelectSchemasOptions, type DesignerSchemaSelectionTarget, type DesignerSelectedSchema, type DesignerSelection, type DesignerSelectionChangeCallback } from './designerSelection.js';
+export type DesignerUpdateTemplateOptions = {
+    page?: number;
+};
 declare class Designer extends BaseUIClass {
     private onSaveTemplateCallback?;
     private onChangeTemplateCallback?;
@@ -9,9 +12,10 @@ declare class Designer extends BaseUIClass {
     private pageCursor;
     private selection;
     private selectSchemasHandler;
+    private updateTemplatePage?;
     constructor(props: DesignerProps);
     saveTemplate(): void;
-    updateTemplate(template: Template): void;
+    updateTemplate(template: Template, options?: DesignerUpdateTemplateOptions): void;
     onSaveTemplate(cb: (template: Template) => void): void;
     onChangeTemplate(cb: (template: Template) => void): void;
     onPageChange(cb: (pageInfo: {

package/dist/class.d.ts

@@ -12,9 +12,9 @@ export declare abstract class BaseUIClass {
     private readonly setSize;
     resizeObserver: ResizeObserver;
     constructor(props: UIProps);
-    protected getLang(): "ar" | "de" | "en" | "es" | "fr" | "it" | "ja" | "ko" | "pl" | "th" | "zh" | "zh-TW";
+    protected getLang(): "ar" | "de" | "en" | "es" | "fr" | "it" | "ja" | "ko" | "pl" | "th" | "tr" | "zh" | "zh-TW";
     protected getFont(): Record<string, {
-        data: string | ArrayBuffer | Uint8Array<ArrayBuffer>;
+        data: string | ArrayBuffer | import("@pdfme/common").PdfBytes;
         fallback?: boolean | undefined;
         subset?: boolean | undefined;
     }>;
@@ -44,7 +44,7 @@ export declare abstract class BaseUIClass {
             } | undefined;
             __isSplit?: boolean | undefined;
         }[][];
-        basePdf: string | ArrayBuffer | Uint8Array<ArrayBuffer> | {
+        basePdf: string | ArrayBuffer | import("@pdfme/common").PdfBytes | {
             width: number;
             height: number;
             padding: [number, number, number, number];

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

@@ -1,14 +1,15 @@
 import React from 'react';
 import { Template, DesignerProps, Size } from '@pdfme/common';
 import { type DesignerSelectSchemas, type DesignerSelection } from '../../designerSelection.js';
-declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplate, onPageCursorChange, onChangeSelection, onRegisterSchemaSelectionHandler, }: Omit<DesignerProps, 'domContainer'> & {
+type TemplateEditorProps = Omit<DesignerProps, 'domContainer'> & {
     size: Size;
     onSaveTemplate: (t: Template) => void;
     onChangeTemplate: (t: Template) => void;
     onChangeSelection?: (selection: DesignerSelection) => void;
     onRegisterSchemaSelectionHandler?: (handler: DesignerSelectSchemas | null) => void;
-} & {
-    onChangeTemplate: (t: Template) => void;
+    onUpdateTemplatePageApplied?: (page: number) => void;
     onPageCursorChange: (newPageCursor: number, totalPages: number) => void;
-}) => React.JSX.Element;
+    updateTemplatePage?: number;
+};
+declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplate, onPageCursorChange, onChangeSelection, onRegisterSchemaSelectionHandler, onUpdateTemplatePageApplied, updateTemplatePage, }: TemplateEditorProps) => React.JSX.Element;
 export default TemplateEditor;

package/dist/constants.d.ts

@@ -7,5 +7,6 @@ export declare const LEFT_SIDEBAR_WIDTH = 45;
 export declare const RIGHT_SIDEBAR_WIDTH = 400;
 export declare const BACKGROUND_COLOR = "rgb(74, 74, 74)";
 export declare const DEFAULT_MAX_ZOOM = 2;
+export declare const PAGE_SWITCH_REMAINING_RATIO = 0.25;
 export declare const DESIGNER_CLASSNAME = "pdfme-designer-";
 export declare const UI_CLASSNAME = "pdfme-ui-";

package/dist/contexts.d.ts

@@ -2,7 +2,7 @@ import { i18n } from './i18n.js';
 import { PluginRegistry, UIOptions } from '@pdfme/common';
 export declare const I18nContext: import("react").Context<typeof i18n>;
 export declare const FontContext: import("react").Context<Record<string, {
-    data: string | ArrayBuffer | Uint8Array<ArrayBuffer>;
+    data: string | ArrayBuffer | import("@pdfme/common").PdfBytes;
     fallback?: boolean | undefined;
     subset?: boolean | undefined;
 }>>;

package/dist/helper.d.ts

@@ -1,5 +1,16 @@
 import { Template, BasePdf, SchemaForUI, Size, PluginRegistry } from '@pdfme/common';
 export declare const uuid: () => string;
+/**
+ * Assigns runtime UI ids that stay stable for a Designer/Viewer/Form session.
+ * Caller/template ids are ignored: Schema.passthrough() can carry values that
+ * break `#text-{id}` querySelector (e.g. `foo[`). Save paths still strip ids.
+ */
+export declare const stabilizeSchemaIds: <T extends {
+    name: string;
+    id?: string;
+}>(schemas: T[], idMap: Map<string, string>) => (T & {
+    id: string;
+})[];
 export declare const debounce: <T extends (...args: unknown[]) => unknown>(cb: T, wait?: number) => T;
 export declare const round: (number: number, precision: number) => number;
 export declare const flatten: <T>(arr: T[][]) => T[];
@@ -55,6 +66,12 @@ export declare const moveCommandToChangeSchemasArg: (props: {
     schemaId: string;
 }[];
 export declare const getPagesScrollTopByIndex: (pageSizes: Size[], index: number, scale: number) => number;
+export declare const getVisibleOverlap: (containerRect: DOMRect, elementRect: DOMRect) => {
+    width: number;
+    height: number;
+    area: number;
+};
+export declare const getStickyScrollPageIndex: (container: HTMLElement, papers: Array<HTMLElement | null | undefined>, pageCursor: number) => number;
 export type ZoomMode = 'manual' | 'fit-width' | 'fit-height';
 export type ZoomAnchor = {
     pageIndex: number;

package/dist/index.d.ts

@@ -2,4 +2,5 @@ import Designer from './Designer.js';
 import Form from './Form.js';
 import Viewer from './Viewer.js';
 export { Designer, Viewer, Form };
+export type { DesignerUpdateTemplateOptions } from './Designer.js';
 export type { DesignerSchemaSelectionTarget, DesignerSelectSchemas, DesignerSelectSchemasOptions, DesignerSelectedSchema, DesignerSelection, DesignerSelectionBounds, DesignerSelectionChangeCallback, } from './designerSelection.js';