@pdfme/ui 3.4.0 → 3.4.2-dev.0

package/dist/types/Designer.d.ts

@@ -3,11 +3,13 @@ import { BaseUIClass } from './class';
 declare class Designer extends BaseUIClass {
     private onSaveTemplateCallback?;
     private onChangeTemplateCallback?;
+    private pageCursor;
     constructor(props: DesignerProps);
     saveTemplate(): void;
     updateTemplate(template: Template): void;
     onSaveTemplate(cb: (template: Template) => void): void;
     onChangeTemplate(cb: (template: Template) => void): void;
+    getPageCursor(): number;
     protected render(): void;
 }
 export default Designer;

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import { Template, DesignerProps, Size } from '@pdfme/common';
-declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplate, }: Omit<DesignerProps, "domContainer"> & {
+declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplate, onPageCursorChange, }: Omit<DesignerProps, "domContainer"> & {
     onSaveTemplate: (t: Template) => void;
     size: Size;
 } & {
     onChangeTemplate: (t: Template) => void;
+    onPageCursorChange: (newPageCursor: number) => void;
 }) => React.JSX.Element;
 export default TemplateEditor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/ui",
-  "version": "3.4.0",
+  "version": "3.4.2-dev.0",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",

package/src/Designer.tsx

@@ -10,6 +10,7 @@ import { cloneDeep } from './helper.js';
 class Designer extends BaseUIClass {
   private onSaveTemplateCallback?: (template: Template) => void;
   private onChangeTemplateCallback?: (template: Template) => void;
+  private pageCursor: number = 0;
 
   constructor(props: DesignerProps) {
     super(props);
@@ -42,6 +43,10 @@ class Designer extends BaseUIClass {
   public onChangeTemplate(cb: (template: Template) => void) {
     this.onChangeTemplateCallback = cb;
   }
+  
+  public getPageCursor() {
+    return this.pageCursor
+  }
 
   protected render() {
     if (!this.domContainer) throw Error(DESTROYED_ERR_MSG);
@@ -66,6 +71,9 @@ class Designer extends BaseUIClass {
               this.onChangeTemplateCallback(template);
             }
           }}
+          onPageCursorChange={(newPageCursor: number) => {
+            this.pageCursor = newPageCursor
+          }}
           size={this.size}
         />
       </AppContextProvider>,

package/src/components/Designer/index.tsx

@@ -31,10 +31,14 @@ const TemplateEditor = ({
   size,
   onSaveTemplate,
   onChangeTemplate,
+  onPageCursorChange,
 }: Omit<DesignerProps, 'domContainer'> & {
   onSaveTemplate: (t: Template) => void;
   size: Size;
-} & { onChangeTemplate: (t: Template) => void }) => {
+} & {
+  onChangeTemplate: (t: Template) => void 
+  onPageCursorChange: (newPageCursor: number) => void
+}) => {
   const past = useRef<SchemaForUI[][]>([]);
   const future = useRef<SchemaForUI[][]>([]);
   const mainRef = useRef<HTMLDivElement>(null);
@@ -70,6 +74,7 @@ const TemplateEditor = ({
     pageCursor,
     onChangePageCursor: (p) => {
       setPageCursor(p);
+      onPageCursorChange(p)
       onEditEnd();
     },
   });