@pdfme/ui 2.2.0 → 3.0.0-beta.2

package/dist/types/Designer.d.ts

@@ -1,13 +1,16 @@
 import { Template, DesignerProps } from '@pdfme/common';
+import type { PropPanelObject } from './types';
 import { BaseUIClass } from './class';
 declare class Designer extends BaseUIClass {
     private onSaveTemplateCallback?;
     private onChangeTemplateCallback?;
+    private propPanelRegistry;
     constructor(props: DesignerProps);
     saveTemplate(): void;
     updateTemplate(template: Template): void;
     onSaveTemplate(cb: (template: Template) => void): void;
     onChangeTemplate(cb: (template: Template) => void): void;
+    protected getPropPanelRegistry(): PropPanelObject;
     protected render(): void;
 }
 export default Designer;

package/dist/types/builtInPropPanel.d.ts

@@ -0,0 +1,3 @@
+import type { PropPanelObject } from './types';
+declare const propPanel: PropPanelObject;
+export default propPanel;

package/dist/types/builtInRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { UIRenderer } from './types';
+declare const renderer: UIRenderer;
+export default renderer;

package/dist/types/class.d.ts

@@ -1,3 +1,4 @@
+import type { UIRenderer } from './types';
 import { Template, Size, UIProps, UIOptions, PreviewProps } from '@pdfme/common';
 export declare abstract class BaseUIClass {
     protected domContainer: HTMLElement | null;
@@ -5,57 +6,36 @@ export declare abstract class BaseUIClass {
     protected size: Size;
     private lang;
     private font;
+    private rendererRegistry;
+    private options;
     private readonly setSize;
     resizeObserver: ResizeObserver;
     constructor(props: UIProps);
-    protected getI18n(): (key: "type" | "field" | "cancel" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsInputName" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName") => string;
+    protected getI18n(): (key: "type" | "field" | "cancel" | "fieldName" | "require" | "uniq" | "edit" | "plsInputName" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName" | "barColor" | "textColor" | "bgColor") => string;
     protected getFont(): Record<string, {
         data: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
         fallback?: boolean | undefined;
         subset?: boolean | undefined;
     }>;
+    protected getRendererRegistry(): UIRenderer;
+    protected getOptions(): {};
     getTemplate(): {
-        schemas: Record<string, {
-            type: "text";
-            height: number;
-            width: number;
-            position: {
+        schemas: Record<string, import("zod").objectOutputType<{
+            type: import("zod").ZodString;
+            position: import("zod").ZodObject<{
+                x: import("zod").ZodNumber;
+                y: import("zod").ZodNumber;
+            }, "strip", import("zod").ZodTypeAny, {
                 x: number;
                 y: number;
-            };
-            rotate?: number | undefined;
-            alignment?: "center" | "left" | "right" | undefined;
-            verticalAlignment?: "top" | "bottom" | "middle" | undefined;
-            fontSize?: number | undefined;
-            fontName?: string | undefined;
-            fontColor?: string | undefined;
-            backgroundColor?: string | undefined;
-            characterSpacing?: number | undefined;
-            lineHeight?: number | undefined;
-            dynamicFontSize?: {
-                max: number;
-                min: number;
-                fit?: string | undefined;
-            } | undefined;
-        } | {
-            type: "image";
-            height: number;
-            width: number;
-            position: {
+            }, {
                 x: number;
                 y: number;
-            };
-            rotate?: number | undefined;
-        } | {
-            type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix";
-            height: number;
-            width: number;
-            position: {
-                x: number;
-                y: number;
-            };
-            rotate?: number | undefined;
-        }>[];
+            }>;
+            width: import("zod").ZodNumber;
+            height: import("zod").ZodNumber;
+            rotate: import("zod").ZodOptional<import("zod").ZodNumber>;
+        }, import("zod").ZodTypeAny, "passthrough">>[];
         basePdf: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
         sampledata?: Record<string, string>[] | undefined;
         columns?: string[] | undefined;

package/dist/types/components/CtlBar/Pager.d.ts

@@ -1,7 +1,8 @@
-declare type Props = {
+import React from 'react';
+type Props = {
     pageCursor: number;
     pageNum: number;
     setPageCursor: (page: number) => void;
 };
-declare const Pager: ({ pageCursor, pageNum, setPageCursor }: Props) => JSX.Element;
+declare const Pager: ({ pageCursor, pageNum, setPageCursor }: Props) => React.JSX.Element;
 export default Pager;

package/dist/types/components/CtlBar/Zoom.d.ts

@@ -1,6 +1,7 @@
-declare type Props = {
+import React from 'react';
+type Props = {
     zoomLevel: number;
     setZoomLevel: (zoom: number) => void;
 };
-declare const Pager: ({ zoomLevel, setZoomLevel }: Props) => JSX.Element;
+declare const Pager: ({ zoomLevel, setZoomLevel }: Props) => React.JSX.Element;
 export default Pager;

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

@@ -1,5 +1,6 @@
+import React from 'react';
 import { Size } from '@pdfme/common';
-declare type Props = {
+type Props = {
     size: Size;
     pageCursor: number;
     pageNum: number;
@@ -7,5 +8,5 @@ declare type Props = {
     zoomLevel: number;
     setZoomLevel: (zoom: number) => void;
 };
-declare const CtlBar: (props: Props) => JSX.Element;
+declare const CtlBar: (props: Props) => React.JSX.Element;
 export default CtlBar;

package/dist/types/components/Designer/{Main → Canvas}/Guides.d.ts

@@ -1,9 +1,9 @@
-import { Ref } from 'react';
+import React, { Ref } from 'react';
 import Guides from '@scena/react-guides';
 import { Size } from '@pdfme/common';
 declare const _Guides: ({ paperSize, horizontalRef, verticalRef, }: {
     paperSize: Size;
     horizontalRef: Ref<Guides> | undefined;
     verticalRef: Ref<Guides> | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _Guides;

package/dist/types/components/Designer/Canvas/Mask.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Size } from '@pdfme/common';
+declare const Mask: ({ width, height }: Size) => React.JSX.Element;
+export default Mask;

package/dist/types/components/Designer/Canvas/Moveable.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { OnDrag, OnResize, OnRotate, OnRotateEnd, OnClick } from 'react-moveable';
+type Props = {
+    target: HTMLElement[];
+    bounds: {
+        left: number;
+        top: number;
+        bottom: number;
+        right: number;
+    };
+    horizontalGuidelines: number[];
+    verticalGuidelines: number[];
+    keepRatio: boolean;
+    rotatable: boolean;
+    onDrag: ({ target, left, top }: OnDrag) => void;
+    onDragEnd: ({ target }: {
+        target: HTMLElement | SVGElement;
+    }) => void;
+    onDragGroupEnd: ({ targets }: {
+        targets: (HTMLElement | SVGElement)[];
+    }) => void;
+    onRotate: ({ target, rotate }: OnRotate) => void;
+    onRotateEnd: ({ target }: OnRotateEnd) => void;
+    onRotateGroupEnd: ({ targets }: {
+        targets: (HTMLElement | SVGElement)[];
+    }) => void;
+    onResize: ({ target, width, height, direction }: OnResize) => void;
+    onResizeEnd: ({ target }: {
+        target: HTMLElement | SVGElement;
+    }) => void;
+    onResizeGroupEnd: ({ targets }: {
+        targets: (HTMLElement | SVGElement)[];
+    }) => void;
+    onClick: (e: OnClick) => void;
+};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
+export default _default;

package/dist/types/components/Designer/{Main → Canvas}/Selecto.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { OnDragStart as _OnDragStart, OnSelect as _OnSelect } from 'react-selecto';
 declare const _Selecto: ({ container, continueSelect, onDragStart, onSelect, }: {
     container: HTMLElement | null;
     continueSelect: boolean;
     onDragStart: (e: _OnDragStart) => void;
     onSelect: (e: _OnSelect) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _Selecto;

package/dist/types/components/Designer/{Main → Canvas}/index.d.ts

@@ -1,5 +1,5 @@
 import React, { MutableRefObject } from 'react';
-import { SchemaForUI, Size } from '@pdfme/common';
+import { SchemaForUI, Size, ChangeSchemas } from '@pdfme/common';
 interface Props {
     height: number;
     hoveringSchemaId: string | null;
@@ -12,13 +12,10 @@ interface Props {
     size: Size;
     activeElements: HTMLElement[];
     onEdit: (targets: HTMLElement[]) => void;
-    changeSchemas: (objs: {
-        key: string;
-        value: string | number;
-        schemaId: string;
-    }[]) => void;
+    changeSchemas: ChangeSchemas;
     removeSchemas: (ids: string[]) => void;
     paperRefs: MutableRefObject<HTMLDivElement[]>;
+    sidebarOpen: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/types/components/Designer/Sidebar/DetailView/AlignWidget.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { PropPanelWidgetProps } from '@pdfme/common';
+declare const AlignWidget: ({ activeElements, changeSchemas, schemas, pageSize, }: PropPanelWidgetProps) => React.JSX.Element;
+export default AlignWidget;

package/dist/types/components/Designer/Sidebar/DetailView/WidgetRenderer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { PropPanelWidgetProps } from '@pdfme/common';
+type Props = PropPanelWidgetProps & {
+    widget: (props: PropPanelWidgetProps) => void;
+};
+declare const WidgetRenderer: (props: Props) => React.JSX.Element;
+export default WidgetRenderer;

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

@@ -1,6 +1,7 @@
-import { SchemaForUI } from '@pdfme/common';
-import { SidebarProps } from '../index';
-declare const DetailView: (props: Pick<SidebarProps, 'schemas' | 'pageSize' | 'changeSchemas' | 'activeElements'> & {
+import React from 'react';
+import type { SchemaForUI } from '@pdfme/common';
+import type { SidebarProps } from '../../../../types';
+declare const DetailView: (props: Pick<SidebarProps, 'size' | 'schemas' | 'pageSize' | 'changeSchemas' | 'activeElements' | 'deselectSchema'> & {
     activeSchema: SchemaForUI;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default DetailView;

package/dist/types/components/Designer/Sidebar/ListView/SelectableSortableContainer.d.ts

@@ -1,3 +1,4 @@
-import { SidebarProps } from '../index';
-declare const SelectableSortableContainer: (props: Pick<SidebarProps, 'schemas' | 'onEdit' | 'onSortEnd' | 'height' | 'hoveringSchemaId' | 'onChangeHoveringSchemaId'>) => JSX.Element;
+import React from 'react';
+import type { SidebarProps } from '../../../../types';
+declare const SelectableSortableContainer: (props: Pick<SidebarProps, 'schemas' | 'onEdit' | 'onSortEnd' | 'height' | 'hoveringSchemaId' | 'onChangeHoveringSchemaId'>) => React.JSX.Element;
 export default SelectableSortableContainer;

package/dist/types/components/Designer/Sidebar/ListView/SelectableSortableItem.d.ts

@@ -10,5 +10,5 @@ interface Props {
     onMouseEnter: () => void;
     onMouseLeave: () => void;
 }
-declare const SelectableSortableItem: ({ isSelected, style, onSelect, onEdit, schema, schemas, onMouseEnter, onMouseLeave, }: Props) => JSX.Element;
+declare const SelectableSortableItem: ({ isSelected, style, onSelect, onEdit, schema, schemas, onMouseEnter, onMouseLeave, }: Props) => React.JSX.Element;
 export default SelectableSortableItem;

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

@@ -1,3 +1,4 @@
-import { SidebarProps } from '../index';
-declare const ListView: (props: Pick<SidebarProps, 'schemas' | 'onSortEnd' | 'onEdit' | 'size' | 'hoveringSchemaId' | 'onChangeHoveringSchemaId' | 'changeSchemas'>) => JSX.Element;
+import React from 'react';
+import type { SidebarProps } from '../../../../types';
+declare const ListView: (props: Pick<SidebarProps, 'schemas' | 'onSortEnd' | 'onEdit' | 'size' | 'hoveringSchemaId' | 'onChangeHoveringSchemaId' | 'changeSchemas'>) => React.JSX.Element;
 export default ListView;

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

@@ -1,24 +1,4 @@
-import { SchemaForUI, Size } from '@pdfme/common';
-export declare type SidebarProps = {
-    height: number;
-    hoveringSchemaId: string | null;
-    onChangeHoveringSchemaId: (id: string | null) => void;
-    size: Size;
-    pageSize: Size;
-    activeElements: HTMLElement[];
-    schemas: SchemaForUI[];
-    onSortEnd: (sortedSchemas: SchemaForUI[]) => void;
-    onEdit: (id: string) => void;
-    onEditEnd: () => void;
-    changeSchemas: (objs: {
-        key: string;
-        value: undefined | string | number | {
-            min: number;
-            max: number;
-        };
-        schemaId: string;
-    }[]) => void;
-    addSchema: () => void;
-};
-declare const Sidebar: (props: SidebarProps) => JSX.Element;
+import React from 'react';
+import type { SidebarProps } from '../../../types';
+declare const Sidebar: (props: SidebarProps) => React.JSX.Element;
 export default Sidebar;

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

@@ -1,110 +1,9 @@
-import { DesignerReactProps, Template } from '@pdfme/common';
-declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplate, }: {
-    template: {
-        schemas: Record<string, {
-            type: "text";
-            height: number;
-            width: number;
-            position: {
-                x: number;
-                y: number;
-            };
-            rotate?: number | undefined;
-            alignment?: "center" | "left" | "right" | undefined;
-            verticalAlignment?: "top" | "bottom" | "middle" | undefined;
-            fontSize?: number | undefined;
-            fontName?: string | undefined;
-            fontColor?: string | undefined;
-            backgroundColor?: string | undefined;
-            characterSpacing?: number | undefined;
-            lineHeight?: number | undefined;
-            dynamicFontSize?: {
-                max: number;
-                min: number;
-                fit?: string | undefined;
-            } | undefined;
-        } | {
-            type: "image";
-            height: number;
-            width: number;
-            position: {
-                x: number;
-                y: number;
-            };
-            rotate?: number | undefined;
-        } | {
-            type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix";
-            height: number;
-            width: number;
-            position: {
-                x: number;
-                y: number;
-            };
-            rotate?: number | undefined;
-        }>[];
-        basePdf: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
-        sampledata?: Record<string, string>[] | undefined;
-        columns?: string[] | undefined;
-    };
-    size: {
-        height: number;
-        width: number;
-    };
-    onSaveTemplate: (args_0: {
-        schemas: Record<string, {
-            type: "text";
-            height: number;
-            width: number;
-            position: {
-                x: number;
-                y: number;
-            };
-            rotate?: number | undefined;
-            alignment?: "center" | "left" | "right" | undefined;
-            verticalAlignment?: "top" | "bottom" | "middle" | undefined;
-            fontSize?: number | undefined;
-            fontName?: string | undefined;
-            fontColor?: string | undefined;
-            backgroundColor?: string | undefined;
-            characterSpacing?: number | undefined;
-            lineHeight?: number | undefined;
-            dynamicFontSize?: {
-                max: number;
-                min: number;
-                fit?: string | undefined;
-            } | undefined;
-        } | {
-            type: "image";
-            height: number;
-            width: number;
-            position: {
-                x: number;
-                y: number;
-            };
-            rotate?: number | undefined;
-        } | {
-            type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix";
-            height: number;
-            width: number;
-            position: {
-                x: number;
-                y: number;
-            };
-            rotate?: number | undefined;
-        }>[];
-        basePdf: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
-        sampledata?: Record<string, string>[] | undefined;
-        columns?: string[] | undefined;
-    }, ...args_1: unknown[]) => void;
-    options?: {
-        font?: Record<string, {
-            data: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
-            fallback?: boolean | undefined;
-            subset?: boolean | undefined;
-        }> | undefined;
-        lang?: "th" | "en" | "ja" | "ar" | "pl" | undefined;
-    } | undefined;
+import React from 'react';
+import { Template, DesignerProps, Size } from '@pdfme/common';
+declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplate, }: Omit<DesignerProps, "domContainer"> & {
+    onSaveTemplate: (t: Template) => void;
+    size: Size;
 } & {
     onChangeTemplate: (t: Template) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default TemplateEditor;

package/dist/types/components/Divider.d.ts

@@ -1,2 +1,3 @@
-declare const Divider: () => JSX.Element;
+import React from 'react';
+declare const Divider: () => React.JSX.Element;
 export default Divider;

package/dist/types/components/ErrorScreen.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Size } from '@pdfme/common';
+declare const ErrorScreen: ({ size, error }: {
+    size: Size;
+    error: Error;
+}) => React.JSX.Element;
+export default ErrorScreen;

package/dist/types/components/Paper.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject, ReactNode } from 'react';
+import React, { MutableRefObject, ReactNode } from 'react';
 import { SchemaForUI, Size } from '@pdfme/common';
 declare const Paper: (props: {
     paperRefs: MutableRefObject<HTMLDivElement[]>;
@@ -15,5 +15,6 @@ declare const Paper: (props: {
         index: number;
         schema: SchemaForUI;
     }) => ReactNode;
-}) => JSX.Element | null;
+    hasRulers?: boolean | undefined;
+}) => React.JSX.Element | null;
 export default Paper;

package/dist/types/components/Preview.d.ts

@@ -1,3 +1,11 @@
-import { PreviewReactProps } from '@pdfme/common';
-declare const Preview: ({ template, inputs, size, onChangeInput }: PreviewReactProps) => JSX.Element;
+import React from 'react';
+import type { PreviewProps, Size } from '@pdfme/common';
+declare const Preview: ({ template, inputs, size, onChangeInput, }: Omit<PreviewProps, "domContainer"> & {
+    onChangeInput?: ((args: {
+        index: number;
+        value: string;
+        key: string;
+    }) => void) | undefined;
+    size: Size;
+}) => React.JSX.Element;
 export default Preview;

package/dist/types/components/Renderer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { UIRenderProps, SchemaForUI, Schema } from '@pdfme/common';
+type RendererProps = Omit<UIRenderProps<Schema>, 'value' | 'schema' | 'onChange' | 'rootElement' | 'options'> & {
+    schema: SchemaForUI;
+    onChange: (value: string) => void;
+    outline: string;
+    onChangeHoveringSchemaId?: (id: string | null) => void;
+};
+declare const Renderer: (props: RendererProps) => React.JSX.Element;
+export default Renderer;

package/dist/types/components/Root.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { Size } from '@pdfme/common';
-declare type Props = {
+type Props = {
     size: Size;
     scale: number;
     children: ReactNode;

package/dist/types/components/Spinner.d.ts

@@ -1,2 +1,3 @@
-declare const Spinner: () => JSX.Element;
+import React from 'react';
+declare const Spinner: () => React.JSX.Element;
 export default Spinner;

package/dist/types/components/UnitPager.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import { Size } from '@pdfme/common';
-declare type Props = {
+type Props = {
     size: Size;
     unitCursor: number;
     unitNum: number;
     setUnitCursor: (page: number) => void;
 };
-declare const UnitPager: ({ size, unitCursor, unitNum, setUnitCursor }: Props) => JSX.Element;
+declare const UnitPager: ({ size, unitCursor, unitNum, setUnitCursor }: Props) => React.JSX.Element;
 export default UnitPager;

package/dist/types/constants.d.ts

@@ -1,6 +1,6 @@
 export declare const DEFAULT_LANG: "en";
-export declare const DESTROYED_ERR_MSG = "this instance is already destroyed";
-export declare const ZOOM = 3.7795275591;
+export declare const DESTROYED_ERR_MSG = "[@pdfme/ui] this instance is already destroyed";
 export declare const SELECTABLE_CLASSNAME = "selectable";
 export declare const RULER_HEIGHT = 30;
-export declare const SIDEBAR_WIDTH = 300;
+export declare const PAGE_GAP = 10;
+export declare const SIDEBAR_WIDTH = 350;

package/dist/types/contexts.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="react" />
-export declare const I18nContext: import("react").Context<(key: "type" | "field" | "cancel" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsInputName" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName") => string>;
+export declare const I18nContext: import("react").Context<(key: "type" | "field" | "cancel" | "fieldName" | "require" | "uniq" | "edit" | "plsInputName" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName" | "barColor" | "textColor" | "bgColor") => string>;
 export declare const FontContext: import("react").Context<Record<string, {
     data: (string | ArrayBuffer | Uint8Array) & (string | ArrayBuffer | Uint8Array | undefined);
     fallback?: boolean | undefined;
     subset?: boolean | undefined;
 }>>;
+export declare const RendererRegistry: import("react").Context<import("./types").UIRenderer>;
+export declare const PropPanelRegistry: import("react").Context<import("./types").PropPanelObject>;
+export declare const OptionsContext: import("react").Context<{}>;

package/dist/types/helper.d.ts

@@ -1,4 +1,4 @@
-import { Template, SchemaForUI, SchemaType, BarCodeType, Size } from '@pdfme/common';
+import { Template, SchemaForUI, Size } from '@pdfme/common';
 export declare const uuid: () => string;
 export declare const set: <T extends object>(obj: T, path: string | string[], value: any) => void;
 export declare const debounce: <T extends Function>(cb: T, wait?: number) => T;
@@ -18,68 +18,26 @@ export declare const initShortCuts: (arg: {
     selectAll: () => void;
 }) => void;
 export declare const destroyShortCuts: () => void;
-export declare const readFiles: (files: FileList | null, type: 'text' | 'dataURL' | 'arrayBuffer') => Promise<string | ArrayBuffer>;
-export declare const px2mm: (px: number) => number;
 export declare const getPdfPageSizes: (pdfBlob: Blob) => Promise<{
     height: number;
     width: number;
 }[]>;
 export declare const pdf2Pngs: (pdfBlob: Blob, width: number) => Promise<string[]>;
 export declare const b64toBlob: (base64: string) => Blob;
-export declare const templateSchemas2SchemasList: (_template: Template) => Promise<({
-    type: "text";
-    data: string;
-    key: string;
-    id: string;
+export declare const templateSchemas2SchemasList: (_template: Template) => Promise<{
     height: number;
     width: number;
+    type: string;
     position: {
         x: number;
         y: number;
     };
-    backgroundColor?: string | undefined;
-    fontSize?: number | undefined;
-    lineHeight?: number | undefined;
-    rotate?: number | undefined;
-    alignment?: "center" | "left" | "right" | undefined;
-    verticalAlignment?: "top" | "bottom" | "middle" | undefined;
-    fontName?: string | undefined;
-    fontColor?: string | undefined;
-    characterSpacing?: number | undefined;
-    dynamicFontSize?: {
-        max: number;
-        min: number;
-        fit?: string | undefined;
-    } | undefined;
-} | {
-    type: "image";
     data: string;
-    key: string;
     id: string;
-    height: number;
-    width: number;
-    position: {
-        x: number;
-        y: number;
-    };
-    rotate?: number | undefined;
-} | {
-    type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix";
-    data: string;
     key: string;
-    id: string;
-    height: number;
-    width: number;
-    position: {
-        x: number;
-        y: number;
-    };
     rotate?: number | undefined;
-})[][]>;
+}[][]>;
 export declare const fmtTemplate: (template: Template, schemasList: SchemaForUI[][]) => Template;
-export declare const getInitialSchema: () => SchemaForUI;
-export declare const getSampleByType: (type: SchemaType) => string;
-export declare const getKeepRatioHeightByWidth: (type: BarCodeType, width: number) => number;
 export declare const getUniqSchemaKey: (arg: {
     copiedSchemaKey: string;
     schema: SchemaForUI[];

package/dist/types/hooks.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 import { Template, Size } from '@pdfme/common';
 export declare const usePrevious: <T>(value: T) => T | null;
-declare type UIPreProcessorProps = {
+type UIPreProcessorProps = {
     template: Template;
     size: Size;
     zoomLevel: number;
@@ -15,7 +15,7 @@ export declare const useUIPreProcessor: ({ template, size, zoomLevel }: UIPrePro
     scale: number;
     error: Error | null;
 };
-declare type ScrollPageCursorProps = {
+type ScrollPageCursorProps = {
     ref: RefObject<HTMLDivElement>;
     pageSizes: Size[];
     scale: number;