@pdfme/ui 1.0.18 → 1.1.0

package/dist/esm/src/components/Designer/Sidebar/ListView/index.js

@@ -0,0 +1,56 @@
+import React, { useContext, useState } from 'react';
+import { RULER_HEIGHT, SIDEBAR_WIDTH } from '../../../../constants.js';
+import { I18nContext } from '../../../../contexts.js';
+import Divider from '../../../Divider.js';
+import SelectableSortableContainer from './SelectableSortableContainer.js';
+const ListView = (props) => {
+    const { schemas, onSortEnd, onEdit, size, hoveringSchemaId, onChangeHoveringSchemaId, changeSchemas, } = props;
+    const i18n = useContext(I18nContext);
+    const [isBulkUpdateFieldNamesMode, setIsBulkUpdateFieldNamesMode] = useState(false);
+    const [fieldNamesValue, setFieldNamesValue] = useState('');
+    const height = size.height - RULER_HEIGHT - RULER_HEIGHT / 2 - 145;
+    return (React.createElement("div", null,
+        React.createElement("div", { style: { height: 40, display: 'flex', alignItems: 'center' } },
+            React.createElement("span", { style: { textAlign: 'center', width: '100%', fontWeight: 'bold' } }, i18n('fieldsList'))),
+        React.createElement(Divider, null),
+        isBulkUpdateFieldNamesMode ? (React.createElement("div", null,
+            React.createElement("textarea", { wrap: "off", value: fieldNamesValue, onChange: (e) => setFieldNamesValue(e.target.value), style: {
+                    height: height - 5,
+                    width: SIDEBAR_WIDTH,
+                    fontSize: '1rem',
+                    lineHeight: '2.5rem',
+                    background: 'transparent',
+                    margin: 0,
+                    padding: '1rem',
+                    boxSizing: 'border-box',
+                    fontFamily: 'inherit',
+                } }))) : (React.createElement(SelectableSortableContainer, { height: height, schemas: schemas, hoveringSchemaId: hoveringSchemaId, onChangeHoveringSchemaId: onChangeHoveringSchemaId, onSortEnd: onSortEnd, onEdit: onEdit })),
+        React.createElement("div", { style: {
+                display: 'flex',
+                justifyContent: 'flex-end',
+                cursor: 'pointer',
+                fontSize: '0.75rem',
+            } }, isBulkUpdateFieldNamesMode ? (React.createElement(React.Fragment, null,
+            React.createElement("u", { onClick: () => {
+                    const names = fieldNamesValue.split('\n');
+                    if (names.length !== schemas.length) {
+                        alert(i18n('errorBulkUpdateFieldName'));
+                    }
+                    else {
+                        changeSchemas(names.map((value, index) => ({
+                            key: 'key',
+                            value,
+                            schemaId: schemas[index].id,
+                        })));
+                        setIsBulkUpdateFieldNamesMode(false);
+                    }
+                } }, i18n('commitBulkUpdateFieldName')),
+            React.createElement("span", { style: { margin: '0 1rem' } }, "/"),
+            React.createElement("u", { onClick: () => setIsBulkUpdateFieldNamesMode(false) }, i18n('cancel')))) : (React.createElement("u", { onClick: () => {
+                setFieldNamesValue(schemas.map((s) => s.key).join('\n'));
+                setIsBulkUpdateFieldNamesMode(true);
+            } }, i18n('bulkUpdateFieldName')))),
+        React.createElement(Divider, null)));
+};
+export default ListView;
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/Designer/Sidebar/ListView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/Designer/Sidebar/ListView/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/src/components/Designer/Sidebar/index.js

@@ -0,0 +1,77 @@
+import React, { useState, useContext } from 'react';
+import { RULER_HEIGHT, SIDEBAR_WIDTH } from '../../../constants.js';
+import { I18nContext } from '../../../contexts.js';
+import { ArrowLeftIcon, ArrowRightIcon } from '@heroicons/react/24/outline';
+import ListView from './ListView/index.js';
+import DetailView from './DetailView/index.js';
+const Sidebar = (props) => {
+    const { height, size, activeElements, schemas, addSchema } = props;
+    const i18n = useContext(I18nContext);
+    const [open, setOpen] = useState(true);
+    const getActiveSchemas = () => {
+        const ids = activeElements.map((ae) => ae.id);
+        return schemas.filter((s) => ids.includes(s.id));
+    };
+    const getLastActiveSchema = () => {
+        const activeSchemas = getActiveSchemas();
+        return activeSchemas[activeSchemas.length - 1];
+    };
+    return (React.createElement("div", { style: {
+            position: 'absolute',
+            right: 0,
+            zIndex: 1,
+            height: height ? height : '100%',
+            width: open ? SIDEBAR_WIDTH : 0,
+        } },
+        React.createElement("div", { style: { position: 'sticky', top: 0, zIndex: 1, fontSize: '1rem' } },
+            React.createElement("button", { style: {
+                    position: 'absolute',
+                    top: '1.75rem',
+                    right: '0.5rem',
+                    zIndex: 100,
+                    border: 'none',
+                    borderRadius: 2,
+                    padding: '0.5rem',
+                    cursor: 'pointer',
+                    background: '#eee',
+                    width: 30,
+                    height: 30,
+                }, onClick: () => setOpen(!open) }, open ? (React.createElement(ArrowRightIcon, { width: 15, height: 15 })) : (React.createElement(ArrowLeftIcon, { width: 15, height: 15 }))),
+            React.createElement("div", { style: {
+                    width: SIDEBAR_WIDTH,
+                    height: size.height - RULER_HEIGHT - RULER_HEIGHT / 2,
+                    display: open ? 'block' : 'none',
+                    top: RULER_HEIGHT / 2,
+                    right: 0,
+                    position: 'absolute',
+                    background: '#ffffffed',
+                    color: '#333',
+                    border: '1px solid #eee',
+                    padding: '0.5rem',
+                    overflowY: 'auto',
+                    fontFamily: "'Open Sans', sans-serif",
+                    fontWeight: 400,
+                    textAlign: 'left',
+                    boxSizing: 'content-box',
+                } },
+                getActiveSchemas().length === 0 ? (React.createElement(ListView, Object.assign({}, props))) : (React.createElement(DetailView, Object.assign({}, props, { activeSchema: getLastActiveSchema() }))),
+                React.createElement("div", { style: {
+                        display: 'flex',
+                        justifyContent: 'space-around',
+                        position: 'absolute',
+                        width: '100%',
+                        left: 0,
+                        bottom: '1rem',
+                        paddingTop: '1rem',
+                    } },
+                    React.createElement("button", { style: {
+                            padding: '0.5rem',
+                            background: '#18a0fb',
+                            border: 'none',
+                            borderRadius: 2,
+                            cursor: 'pointer',
+                        }, onClick: addSchema },
+                        React.createElement("strong", { style: { color: '#fff' } }, i18n('addNewField'))))))));
+};
+export default Sidebar;
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/Designer/Sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Designer/Sidebar/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/src/components/Designer/index.js

@@ -0,0 +1,207 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useRef, useState, useEffect, useContext, useCallback } from 'react';
+import Sidebar from './Sidebar/index.js';
+import Main from './Main/index.js';
+import { ZOOM, RULER_HEIGHT } from '../../constants.js';
+import { I18nContext } from '../../contexts.js';
+import { uuid, set, cloneDeep, initShortCuts, destroyShortCuts, templateSchemas2SchemasList, fmtTemplate, getInitialSchema, getSampleByType, getKeepRatioHeightByWidth, getUniqSchemaKey, moveCommandToChangeSchemasArg, getPagesScrollTopByIndex, } from '../../helper.js';
+import { useUIPreProcessor, useScrollPageCursor } from '../../hooks.js';
+import Root from '../Root.js';
+import Error from '../Error.js';
+import CtlBar from '../CtlBar/index.js';
+const TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, }) => {
+    const copiedSchemas = useRef(null);
+    const past = useRef([]);
+    const future = useRef([]);
+    const mainRef = useRef(null);
+    const paperRefs = useRef([]);
+    const i18n = useContext(I18nContext);
+    const [hoveringSchemaId, setHoveringSchemaId] = useState(null);
+    const [activeElements, setActiveElements] = useState([]);
+    const [schemasList, setSchemasList] = useState([[]]);
+    const [pageCursor, setPageCursor] = useState(0);
+    const [zoomLevel, setZoomLevel] = useState(1);
+    const { backgrounds, pageSizes, scale, error } = useUIPreProcessor({ template, size, zoomLevel });
+    const onEdit = (targets) => {
+        setActiveElements(targets);
+        setHoveringSchemaId(null);
+    };
+    const onEditEnd = () => {
+        setActiveElements([]);
+        setHoveringSchemaId(null);
+    };
+    useScrollPageCursor({
+        ref: mainRef,
+        pageSizes,
+        scale,
+        pageCursor,
+        onChangePageCursor: (p) => {
+            setPageCursor(p);
+            onEditEnd();
+        },
+    });
+    const modifiedTemplate = fmtTemplate(template, schemasList);
+    const commitSchemas = useCallback((newSchemas) => {
+        future.current = [];
+        past.current.push(cloneDeep(schemasList[pageCursor]));
+        const _schemasList = cloneDeep(schemasList);
+        _schemasList[pageCursor] = newSchemas;
+        setSchemasList(_schemasList);
+        onChangeTemplate(fmtTemplate(template, _schemasList));
+    }, [template, schemasList, pageCursor, onChangeTemplate]);
+    const removeSchemas = useCallback((ids) => {
+        commitSchemas(schemasList[pageCursor].filter((schema) => !ids.includes(schema.id)));
+        onEditEnd();
+    }, [schemasList, pageCursor, commitSchemas]);
+    const changeSchemas = useCallback((objs) => {
+        const newSchemas = objs.reduce((acc, { key, value, schemaId }) => {
+            const tgt = acc.find((s) => s.id === schemaId);
+            // Assign to reference
+            set(tgt, key, value);
+            if (key === 'type') {
+                const type = String(value);
+                // set default value, text or barcode
+                set(tgt, 'data', getSampleByType(type));
+                // For barcodes, adjust the height to get the correct ratio.
+                if (value !== 'text') {
+                    set(tgt, 'height', getKeepRatioHeightByWidth(type, tgt.width));
+                }
+            }
+            return acc;
+        }, cloneDeep(schemasList[pageCursor]));
+        commitSchemas(newSchemas);
+    }, [commitSchemas, pageCursor, schemasList]);
+    const initEvents = useCallback(() => {
+        const getActiveSchemas = () => {
+            const ids = activeElements.map((ae) => ae.id);
+            return schemasList[pageCursor].filter((s) => ids.includes(s.id));
+        };
+        const timeTravel = (mode) => {
+            const isUndo = mode === 'undo';
+            const stack = isUndo ? past : future;
+            if (stack.current.length <= 0)
+                return;
+            (isUndo ? future : past).current.push(cloneDeep(schemasList[pageCursor]));
+            const s = cloneDeep(schemasList);
+            s[pageCursor] = stack.current.pop();
+            setSchemasList(s);
+        };
+        initShortCuts({
+            move: (command, isShift) => {
+                const pageSize = pageSizes[pageCursor];
+                const activeSchemas = getActiveSchemas();
+                const arg = moveCommandToChangeSchemasArg({ command, activeSchemas, pageSize, isShift });
+                changeSchemas(arg);
+            },
+            copy: () => {
+                const activeSchemas = getActiveSchemas();
+                if (activeSchemas.length === 0)
+                    return;
+                copiedSchemas.current = activeSchemas;
+            },
+            paste: () => {
+                if (!copiedSchemas.current || copiedSchemas.current.length === 0)
+                    return;
+                const schema = schemasList[pageCursor];
+                const stackUniqSchemaKeys = [];
+                const pasteSchemas = copiedSchemas.current.map((cs) => {
+                    const id = uuid();
+                    const key = getUniqSchemaKey({ copiedSchemaKey: cs.key, schema, stackUniqSchemaKeys });
+                    const { height, width, position: p } = cs;
+                    const ps = pageSizes[pageCursor];
+                    const position = {
+                        x: p.x + 10 > ps.width - width ? ps.width - width : p.x + 10,
+                        y: p.y + 10 > ps.height - height ? ps.height - height : p.y + 10,
+                    };
+                    return Object.assign(cloneDeep(cs), { id, key, position });
+                });
+                commitSchemas(schemasList[pageCursor].concat(pasteSchemas));
+                onEdit(pasteSchemas.map((s) => document.getElementById(s.id)));
+                copiedSchemas.current = pasteSchemas;
+            },
+            redo: () => timeTravel('redo'),
+            undo: () => timeTravel('undo'),
+            save: () => onSaveTemplate && onSaveTemplate(modifiedTemplate),
+            remove: () => removeSchemas(getActiveSchemas().map((s) => s.id)),
+            esc: onEditEnd,
+            selectAll: () => onEdit(schemasList[pageCursor].map((s) => document.getElementById(s.id))),
+        });
+    }, [
+        activeElements,
+        changeSchemas,
+        commitSchemas,
+        modifiedTemplate,
+        pageCursor,
+        pageSizes,
+        removeSchemas,
+        onSaveTemplate,
+        schemasList,
+    ]);
+    const destroyEvents = useCallback(() => {
+        destroyShortCuts();
+    }, []);
+    const updateTemplate = useCallback((newTemplate) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const sl = yield templateSchemas2SchemasList(newTemplate);
+        setSchemasList(sl);
+        onEditEnd();
+        setPageCursor(0);
+        if ((_a = mainRef.current) === null || _a === void 0 ? void 0 : _a.scroll) {
+            mainRef.current.scroll({ top: 0, behavior: 'smooth' });
+        }
+    }), []);
+    useEffect(() => {
+        updateTemplate(template);
+    }, [template, updateTemplate]);
+    useEffect(() => {
+        initEvents();
+        return destroyEvents;
+    }, [initEvents, destroyEvents]);
+    const addSchema = () => {
+        const s = getInitialSchema();
+        const paper = paperRefs.current[pageCursor];
+        const rectTop = paper ? paper.getBoundingClientRect().top : 0;
+        s.position.y = rectTop > 0 ? 0 : pageSizes[pageCursor].height / 2;
+        s.data = 'text';
+        s.key = `${i18n('field')}${schemasList[pageCursor].length + 1}`;
+        commitSchemas(schemasList[pageCursor].concat(s));
+        setTimeout(() => onEdit([document.getElementById(s.id)]));
+    };
+    const onSortEnd = (sortedSchemas) => {
+        commitSchemas(sortedSchemas);
+    };
+    const onChangeHoveringSchemaId = (id) => {
+        setHoveringSchemaId(id);
+    };
+    if (error) {
+        return React.createElement(Error, { size: size, error: error });
+    }
+    return (React.createElement(Root, { size: size, scale: scale },
+        React.createElement(CtlBar, { size: size, pageCursor: pageCursor, pageNum: schemasList.length, setPageCursor: (p) => {
+                if (!mainRef.current)
+                    return;
+                mainRef.current.scrollTop = getPagesScrollTopByIndex(pageSizes, p, scale);
+                setPageCursor(p);
+                onEditEnd();
+            }, zoomLevel: zoomLevel, setZoomLevel: (zoom) => {
+                if (mainRef.current) {
+                    mainRef.current.scrollTop = getPagesScrollTopByIndex(pageSizes, pageCursor, scale);
+                }
+                setZoomLevel(zoom);
+            } }),
+        React.createElement(Sidebar, { hoveringSchemaId: hoveringSchemaId, onChangeHoveringSchemaId: onChangeHoveringSchemaId, height: mainRef.current ? mainRef.current.clientHeight : 0, size: size, pageSize: pageSizes[pageCursor], activeElements: activeElements, schemas: schemasList[pageCursor], changeSchemas: changeSchemas, onSortEnd: onSortEnd, onEdit: (id) => {
+                const editingElem = document.getElementById(id);
+                editingElem && onEdit([editingElem]);
+            }, onEditEnd: onEditEnd, addSchema: addSchema }),
+        React.createElement(Main, { ref: mainRef, paperRefs: paperRefs, hoveringSchemaId: hoveringSchemaId, onChangeHoveringSchemaId: onChangeHoveringSchemaId, height: size.height - RULER_HEIGHT * ZOOM, pageCursor: pageCursor, scale: scale, size: size, pageSizes: pageSizes, backgrounds: backgrounds, activeElements: activeElements, schemasList: schemasList, changeSchemas: changeSchemas, removeSchemas: removeSchemas, onEdit: onEdit })));
+};
+export default TemplateEditor;
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/Designer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Designer/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/src/components/Divider.js

@@ -0,0 +1,4 @@
+import React from 'react';
+const Divider = () => (React.createElement("div", { style: { marginTop: '0.5rem', marginBottom: '0.5rem', borderBottom: '1px solid #e5e5e5' } }));
+export default Divider;
+//# sourceMappingURL=Divider.js.map

package/dist/esm/src/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CACpB,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,mBAAmB,EAAE,GAAI,CACnG,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/src/components/Error.js

@@ -0,0 +1,16 @@
+import React, { useContext } from 'react';
+import { I18nContext } from '../contexts.js';
+const Error = ({ size, error }) => {
+    const i18n = useContext(I18nContext);
+    return (React.createElement("div", { style: Object.assign({ position: 'relative', background: 'rgb(74, 74, 74)', overflow: 'auto', display: 'flex', alignItems: 'center', justifyContent: 'center' }, size) },
+        React.createElement("span", { style: { color: '#fff', textAlign: 'center' } },
+            React.createElement("span", { style: { fontSize: 'large', fontWeight: 'bold', borderBottom: '1px solid #fff' } },
+                "ERROR: ",
+                i18n('errorOccurred')),
+            React.createElement("br", null),
+            React.createElement("span", { style: { fontSize: 'small' } },
+                "*",
+                error.message))));
+};
+export default Error;
+//# sourceMappingURL=Error.js.map

package/dist/esm/src/components/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sourceRoot":"","sources":["../../../../src/components/Error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgC,EAAE,EAAE;IAC9D,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAErC,OAAO,CACL,6BACE,KAAK,kBACH,QAAQ,EAAE,UAAU,EACpB,UAAU,EAAE,iBAAiB,EAC7B,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,IACrB,IAAI;QAGT,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE;YACjD,8BAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE;;gBAC5E,IAAI,CAAC,eAAe,CAAC,CACxB;YACP,+BAAM;YACN,8BAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;;gBAAI,KAAK,CAAC,OAAO,CAAQ,CACtD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/esm/src/components/Paper.js

@@ -0,0 +1,38 @@
+import React, { useContext } from 'react';
+import { getFallbackFontName } from '@pdfme/common';
+import { FontContext } from '../contexts.js';
+import { ZOOM, RULER_HEIGHT } from '../constants.js';
+const Paper = (porps) => {
+    const { paperRefs, scale, size, schemasList, pageSizes, backgrounds, renderPaper, renderSchema } = porps;
+    const font = useContext(FontContext);
+    if (pageSizes.length !== backgrounds.length || pageSizes.length !== schemasList.length) {
+        return null;
+    }
+    return (React.createElement("div", { style: Object.assign({ transform: `scale(${scale})`, transformOrigin: 'center top' }, size) }, backgrounds.map((background, paperIndex) => {
+        const pageSize = pageSizes[paperIndex];
+        const paperSize = { width: pageSize.width * ZOOM, height: pageSize.height * ZOOM };
+        return (React.createElement("div", { id: `@pdfme/ui-paper${paperIndex}`, key: paperIndex + JSON.stringify(paperSize), ref: (e) => {
+                if (e) {
+                    paperRefs.current[paperIndex] = e;
+                }
+            }, onClick: (e) => {
+                if (e.currentTarget === e.target &&
+                    document &&
+                    document.hasFocus() &&
+                    document.activeElement instanceof HTMLElement) {
+                    document.activeElement.blur();
+                }
+            }, style: Object.assign({ fontFamily: `'${getFallbackFontName(font)}'`, top: `${RULER_HEIGHT}px`, left: paperSize.width > size.width ? `${(size.width - paperSize.width) / 2}px` : 0, margin: '0 auto', position: 'relative', backgroundImage: `url(${background})`, backgroundSize: `${paperSize.width}px ${paperSize.height}px` }, paperSize) },
+            renderPaper && renderPaper({ paperSize, index: paperIndex }),
+            schemasList[paperIndex].map((schema, schemaIndex) => {
+                return (React.createElement("div", { key: schema.id }, renderSchema({
+                    schema,
+                    index: paperIndex === 0
+                        ? schemaIndex
+                        : schemaIndex + schemasList[paperIndex - 1].length,
+                })));
+            })));
+    })));
+};
+export default Paper;
+//# sourceMappingURL=Paper.js.map

package/dist/esm/src/components/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sourceRoot":"","sources":["../../../../src/components/Paper.tsx"],"names":[],"mappings":"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"}

package/dist/esm/src/components/Preview.js

@@ -0,0 +1,74 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useCallback, useRef, useState, useEffect } from 'react';
+import { ZOOM, RULER_HEIGHT } from '../constants.js';
+import UnitPager from './UnitPager.js';
+import Root from './Root.js';
+import Error from './Error.js';
+import CtlBar from './CtlBar/index.js';
+import Paper from './Paper.js';
+import SchemaUI from './Schemas/SchemaUI.js';
+import { useUIPreProcessor, useScrollPageCursor } from '../hooks.js';
+import { templateSchemas2SchemasList, getPagesScrollTopByIndex } from '../helper.js';
+const Preview = ({ template, inputs, size, onChangeInput }) => {
+    const rootRef = useRef(null);
+    const paperRefs = useRef([]);
+    const [unitCursor, setUnitCursor] = useState(0);
+    const [pageCursor, setPageCursor] = useState(0);
+    const [zoomLevel, setZoomLevel] = useState(1);
+    const [schemasList, setSchemasList] = useState([[]]);
+    const { backgrounds, pageSizes, scale, error } = useUIPreProcessor({ template, size, zoomLevel });
+    const init = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        const sl = yield templateSchemas2SchemasList(template);
+        setSchemasList(sl);
+    }), [template]);
+    useEffect(() => {
+        if (unitCursor > inputs.length - 1) {
+            setUnitCursor(inputs.length - 1);
+        }
+    }, [inputs]);
+    useEffect(() => {
+        init();
+    }, [init]);
+    useScrollPageCursor({
+        ref: rootRef,
+        pageSizes,
+        scale,
+        pageCursor,
+        onChangePageCursor: (p) => setPageCursor(p),
+    });
+    const handleChangeInput = ({ key, value }) => onChangeInput && onChangeInput({ index: unitCursor, key, value });
+    const editable = Boolean(onChangeInput);
+    const input = inputs[unitCursor];
+    if (error) {
+        return React.createElement(Error, { size: size, error: error });
+    }
+    const pageSizesHeightSum = pageSizes.reduce((acc, cur) => acc + (cur.height * ZOOM + RULER_HEIGHT * scale) * scale, 0);
+    return (React.createElement(Root, { ref: rootRef, size: size, scale: scale },
+        React.createElement(CtlBar, { size: { height: Math.max(size.height, pageSizesHeightSum), width: size.width }, pageCursor: pageCursor, pageNum: schemasList.length, setPageCursor: (p) => {
+                if (!rootRef.current)
+                    return;
+                rootRef.current.scrollTop = getPagesScrollTopByIndex(pageSizes, p, scale);
+                setPageCursor(p);
+            }, zoomLevel: zoomLevel, setZoomLevel: (zoom) => {
+                if (rootRef.current) {
+                    rootRef.current.scrollTop = getPagesScrollTopByIndex(pageSizes, pageCursor, scale);
+                }
+                setZoomLevel(zoom);
+            } }),
+        React.createElement(UnitPager, { size: { height: Math.max(size.height, pageSizesHeightSum), width: size.width }, unitCursor: unitCursor, unitNum: inputs.length, setUnitCursor: setUnitCursor }),
+        React.createElement(Paper, { paperRefs: paperRefs, scale: scale, size: size, schemasList: schemasList, pageSizes: pageSizes, backgrounds: backgrounds, renderSchema: ({ schema, index }) => {
+                const { key } = schema;
+                const data = (input && input[key]) || '';
+                return (React.createElement(SchemaUI, { key: schema.id, schema: Object.assign(schema, { data }), editable: editable, placeholder: template.sampledata ? template.sampledata[0][key] : '', tabIndex: index + 100, onChange: (value) => handleChangeInput({ key, value }), border: editable ? '1px dashed #4af' : 'transparent' }));
+            } })));
+};
+export default Preview;
+//# sourceMappingURL=Preview.js.map

package/dist/esm/src/components/Preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../../src/components/Preview.tsx"],"names":[],"mappings":"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"}

package/dist/esm/src/components/Root.js

@@ -0,0 +1,24 @@
+import React, { useContext, forwardRef, useEffect } from 'react';
+import { FontContext } from '../contexts.js';
+import Spinner from './Spinner.js';
+const Root = ({ size, scale, children }, ref) => {
+    const font = useContext(FontContext);
+    useEffect(() => {
+        const fontFaces = Object.entries(font).map((entry) => {
+            const [key, value] = entry;
+            const fontFace = new FontFace(key, value.data);
+            return fontFace.load();
+        });
+        Promise.all(fontFaces).then((loadedFontFaces) => {
+            loadedFontFaces.forEach((loadedFontFace) => {
+                if (document && document.fonts && document.fonts.add) {
+                    document.fonts.add(loadedFontFace);
+                }
+            });
+        });
+    }, [font]);
+    return (React.createElement("div", { ref: ref, style: Object.assign({ position: 'relative', background: 'rgb(74, 74, 74)', overflow: 'overlay' }, size) },
+        React.createElement("div", { style: Object.assign({ margin: '0 auto' }, size) }, scale === 0 ? React.createElement(Spinner, null) : children)));
+};
+export default forwardRef(Root);
+//# sourceMappingURL=Root.js.map

package/dist/esm/src/components/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sourceRoot":"","sources":["../../../../src/components/Root.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,OAAO,MAAM,cAAc,CAAC;AAInC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,GAAwB,EAAE,EAAE;IAC1E,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACnD,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC;YAC3B,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;YAE/C,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAAE;YAC9C,eAAe,CAAC,OAAO,CAAC,CAAC,cAAc,EAAE,EAAE;gBACzC,IAAI,QAAQ,IAAI,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE;oBACpD,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;iBACpC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,KAAK,kBAAI,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,SAAS,IAAK,IAAI;QAE1F,6BAAK,KAAK,kBAAI,MAAM,EAAE,QAAQ,IAAK,IAAI,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAG,CAAC,CAAC,CAAC,QAAQ,CAAO,CACnF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAwB,IAAI,CAAC,CAAC"}