@pdfme/ui 1.0.17 → 1.1.0

package/dist/esm/src/class.js

@@ -0,0 +1,112 @@
+import ReactDOM from 'react-dom';
+import { curriedI18n } from './i18n.js';
+import { DESTROYED_ERR_MSG, DEFAULT_LANG } from './constants.js';
+import { debounce, flatten, cloneDeep } from './helper.js';
+import { getDefaultFont, checkUIProps, checkTemplate, checkInputs, checkUIOptions, checkPreviewProps, } from '@pdfme/common';
+const generateColumnsAndSampledataIfNeeded = (template) => {
+    const { schemas, columns, sampledata } = template;
+    const flatSchemaLength = schemas
+        .map((schema) => Object.keys(schema).length)
+        .reduce((acc, cur) => acc + cur, 0);
+    const neetColumns = !columns || flatSchemaLength !== columns.length;
+    const needSampledata = !sampledata || flatSchemaLength !== Object.keys(sampledata[0]).length;
+    // columns
+    if (neetColumns) {
+        template.columns = flatten(schemas.map((schema) => Object.keys(schema)));
+    }
+    // sampledata
+    if (needSampledata) {
+        template.sampledata = [
+            schemas.reduce((acc, cur) => Object.assign(acc, Object.keys(cur).reduce((a, c) => Object.assign(a, { [c]: '' }), {})), {}),
+        ];
+    }
+    return template;
+};
+export class BaseUIClass {
+    constructor(props) {
+        this.lang = DEFAULT_LANG;
+        this.font = getDefaultFont();
+        this.setSize = debounce(() => {
+            if (!this.domContainer)
+                throw Error(DESTROYED_ERR_MSG);
+            this.size = {
+                height: this.domContainer.clientHeight || window.innerHeight,
+                width: this.domContainer.clientWidth || window.innerWidth,
+            };
+            this.render();
+        }, 100);
+        this.resizeObserver = new ResizeObserver(this.setSize);
+        checkUIProps(props);
+        const { domContainer, template, options } = props;
+        const { lang, font } = options || {};
+        this.domContainer = domContainer;
+        this.template = generateColumnsAndSampledataIfNeeded(cloneDeep(template));
+        this.size = {
+            height: this.domContainer.clientHeight || window.innerHeight,
+            width: this.domContainer.clientWidth || window.innerWidth,
+        };
+        this.resizeObserver.observe(this.domContainer);
+        if (lang) {
+            this.lang = lang;
+        }
+        if (font) {
+            this.font = font;
+        }
+    }
+    getI18n() {
+        return curriedI18n(this.lang);
+    }
+    getFont() {
+        return this.font;
+    }
+    getTemplate() {
+        if (!this.domContainer)
+            throw Error(DESTROYED_ERR_MSG);
+        return this.template;
+    }
+    updateTemplate(template) {
+        checkTemplate(template);
+        if (!this.domContainer)
+            throw Error(DESTROYED_ERR_MSG);
+        this.template = cloneDeep(template);
+        this.render();
+    }
+    updateOptions(options) {
+        checkUIOptions(options);
+        const { lang, font } = options || {};
+        if (lang) {
+            this.lang = lang;
+        }
+        if (font) {
+            this.font = font;
+        }
+        this.render();
+    }
+    destroy() {
+        if (!this.domContainer)
+            throw Error(DESTROYED_ERR_MSG);
+        ReactDOM.unmountComponentAtNode(this.domContainer);
+        this.resizeObserver.unobserve(this.domContainer);
+        this.domContainer = null;
+    }
+}
+export class PreviewUI extends BaseUIClass {
+    constructor(props) {
+        super(props);
+        checkPreviewProps(props);
+        this.inputs = cloneDeep(props.inputs);
+    }
+    getInputs() {
+        if (!this.domContainer)
+            throw Error(DESTROYED_ERR_MSG);
+        return this.inputs;
+    }
+    setInputs(inputs) {
+        if (!this.domContainer)
+            throw Error(DESTROYED_ERR_MSG);
+        checkInputs(inputs);
+        this.inputs = cloneDeep(inputs);
+        this.render();
+    }
+}
+//# sourceMappingURL=class.js.map

package/dist/esm/src/class.js.map

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

package/dist/esm/src/components/CtlBar/Pager.js

@@ -0,0 +1,24 @@
+import React, { useContext } from 'react';
+import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline';
+import { I18nContext } from '../../contexts.js';
+const btnStyle = {
+    cursor: 'pointer',
+    border: 'none',
+    background: 'none',
+    display: 'flex',
+    alignItems: 'center',
+};
+const Pager = ({ pageCursor, pageNum, setPageCursor }) => {
+    const i18n = useContext(I18nContext);
+    return (React.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center' } },
+        React.createElement("button", { style: Object.assign(Object.assign({ paddingLeft: '0.5rem' }, btnStyle), { cursor: pageCursor <= 0 ? 'not-allowed' : 'pointer' }), disabled: pageCursor <= 0, onClick: () => setPageCursor(pageCursor - 1) },
+            React.createElement(ChevronLeftIcon, { width: 20, height: 20, color: '#fff' })),
+        React.createElement("strong", { style: { color: 'white', fontSize: '0.9rem', minWidth: 45, textAlign: 'center' } },
+            pageCursor + 1,
+            "/",
+            pageNum),
+        React.createElement("button", { style: Object.assign(Object.assign({ paddingRight: '0.5rem' }, btnStyle), { cursor: pageCursor + 1 >= pageNum ? 'not-allowed' : 'pointer' }), disabled: pageCursor + 1 >= pageNum, onClick: () => setPageCursor(pageCursor + 1) },
+            React.createElement(ChevronRightIcon, { width: 20, height: 20, color: '#fff' }))));
+};
+export default Pager;
+//# sourceMappingURL=Pager.js.map

package/dist/esm/src/components/CtlBar/Pager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pager.js","sourceRoot":"","sources":["../../../../../src/components/CtlBar/Pager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,QAAQ,GAAwB;IACpC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC;AAQF,MAAM,KAAK,GAAG,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAS,EAAE,EAAE;IAC9D,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAErC,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;QAC7E,gCACE,KAAK,gCACH,WAAW,EAAE,QAAQ,IAClB,QAAQ,KACX,MAAM,EAAE,UAAU,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,KAErD,QAAQ,EAAE,UAAU,IAAI,CAAC,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,GAAG,CAAC,CAAC;YAE5C,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CAClD;QACT,gCAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;YACrF,UAAU,GAAG,CAAC;;YAAG,OAAO,CAClB;QACT,gCACE,KAAK,gCACH,YAAY,EAAE,QAAQ,IACnB,QAAQ,KACX,MAAM,EAAE,UAAU,GAAG,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,KAE/D,QAAQ,EAAE,UAAU,GAAG,CAAC,IAAI,OAAO,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,GAAG,CAAC,CAAC;YAE5C,oBAAC,gBAAgB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CACnD,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/esm/src/components/CtlBar/Zoom.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { MinusIcon, PlusIcon } from '@heroicons/react/24/outline';
+const btnStyle = {
+    cursor: 'pointer',
+    border: 'none',
+    background: 'none',
+    display: 'flex',
+    alignItems: 'center',
+};
+const zoomStep = 0.25;
+const maxZoom = 2;
+const minZoom = 0.25;
+const Pager = ({ zoomLevel, setZoomLevel }) => {
+    const nextZoomOut = zoomLevel - zoomStep;
+    const nextZoomIn = zoomLevel + zoomStep;
+    return (React.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center' } },
+        React.createElement("button", { style: Object.assign(Object.assign({ paddingLeft: '0.5rem' }, btnStyle), { cursor: minZoom >= nextZoomOut ? 'not-allowed' : 'pointer' }), disabled: minZoom >= nextZoomOut, onClick: () => setZoomLevel(nextZoomOut) },
+            React.createElement(MinusIcon, { width: 20, height: 20, color: '#fff' })),
+        React.createElement("strong", { style: { color: 'white', fontSize: '0.9rem', minWidth: 50, textAlign: 'center' } },
+            Math.round(zoomLevel * 100),
+            "%"),
+        React.createElement("button", { style: Object.assign(Object.assign({ paddingRight: '0.5rem' }, btnStyle), { cursor: maxZoom < nextZoomIn ? 'not-allowed' : 'pointer' }), disabled: maxZoom < nextZoomIn, onClick: () => setZoomLevel(nextZoomIn) },
+            React.createElement(PlusIcon, { width: 20, height: 20, color: '#fff' }))));
+};
+export default Pager;
+//# sourceMappingURL=Zoom.js.map

package/dist/esm/src/components/CtlBar/Zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zoom.js","sourceRoot":"","sources":["../../../../../src/components/CtlBar/Zoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAElE,MAAM,QAAQ,GAAwB;IACpC,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAI,CAAC;AACtB,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,MAAM,OAAO,GAAG,IAAI,CAAC;AAOrB,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAS,EAAE,EAAE;IACnD,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;IACzC,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;IAExC,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;QAC7E,gCACE,KAAK,gCACH,WAAW,EAAE,QAAQ,IAClB,QAAQ,KACX,MAAM,EAAE,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,KAE5D,QAAQ,EAAE,OAAO,IAAI,WAAW,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC;YAExC,oBAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CAC5C;QACT,gCAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;YACrF,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;gBACrB;QACT,gCACE,KAAK,gCACH,YAAY,EAAE,QAAQ,IACnB,QAAQ,KACX,MAAM,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,KAE1D,QAAQ,EAAE,OAAO,GAAG,UAAU,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;YAEvC,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CAC3C,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import Pager from './Pager.js';
+import Zoom from './Zoom.js';
+const barWidth = 250;
+const CtlBar = (props) => {
+    const { size, pageCursor, pageNum, setPageCursor, zoomLevel, setZoomLevel } = props;
+    const width = pageNum > 1 ? barWidth : barWidth / 2;
+    return (React.createElement("div", { style: { position: 'absolute', width: '100%', minHeight: size.height } },
+        React.createElement("div", { style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                position: 'sticky',
+                zIndex: 1,
+                top: '90%',
+                left: `calc(50% - ${width / 2}px)`,
+                width,
+                background: '#777777e6',
+                borderRadius: 2,
+                padding: '0.5rem',
+            } },
+            pageNum > 1 && (React.createElement(React.Fragment, null,
+                React.createElement(Pager, { pageCursor: pageCursor, pageNum: pageNum, setPageCursor: setPageCursor }),
+                React.createElement("strong", { style: { color: 'white', fontSize: '0.9rem', padding: 0 } }, "|"))),
+            React.createElement(Zoom, { zoomLevel: zoomLevel, setZoomLevel: setZoomLevel }))));
+};
+export default CtlBar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CtlBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,IAAI,MAAM,WAAW,CAAC;AAY7B,MAAM,QAAQ,GAAG,GAAG,CAAC;AAErB,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACpF,MAAM,KAAK,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC;IACpD,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE;QACzE,6BACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,QAAQ,EAAE,QAAQ;gBAClB,MAAM,EAAE,CAAC;gBACT,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,cAAc,KAAK,GAAG,CAAC,KAAK;gBAClC,KAAK;gBACL,UAAU,EAAE,WAAW;gBACvB,YAAY,EAAE,CAAC;gBACf,OAAO,EAAE,QAAQ;aAClB;YAEA,OAAO,GAAG,CAAC,IAAI,CACd;gBACE,oBAAC,KAAK,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,GAAI;gBACjF,gCAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,QAAY,CAC5E,CACJ;YACD,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,GAAI,CACtD,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/esm/src/components/Designer/Main/Guides.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import Guides from '@scena/react-guides';
+import { ZOOM, RULER_HEIGHT } from '../../../constants.js';
+const _Guides = ({ paperSize, horizontalRef, verticalRef, }) => (React.createElement(React.Fragment, null,
+    React.createElement("div", { style: {
+            width: RULER_HEIGHT,
+            height: RULER_HEIGHT,
+            position: 'absolute',
+            top: -RULER_HEIGHT,
+            left: -RULER_HEIGHT,
+            background: '#333',
+        } }),
+    React.createElement(Guides, { zoom: ZOOM, style: {
+            position: 'absolute',
+            top: -RULER_HEIGHT,
+            left: 0,
+            height: RULER_HEIGHT,
+            width: paperSize.width,
+        }, type: "horizontal", ref: horizontalRef }),
+    React.createElement(Guides, { zoom: ZOOM, style: {
+            position: 'absolute',
+            top: 0,
+            left: -RULER_HEIGHT,
+            height: paperSize.height,
+            width: RULER_HEIGHT,
+        }, type: "vertical", ref: verticalRef })));
+export default _Guides;
+//# sourceMappingURL=Guides.js.map

package/dist/esm/src/components/Designer/Main/Guides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Guides.js","sourceRoot":"","sources":["../../../../../../src/components/Designer/Main/Guides.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,aAAa,EACb,WAAW,GAKZ,EAAE,EAAE,CAAC,CACJ;IACE,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;YACpB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,YAAY;YAClB,IAAI,EAAE,CAAC,YAAY;YACnB,UAAU,EAAE,MAAM;SACnB,GACI;IACP,oBAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,YAAY;YAClB,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,YAAY;YACpB,KAAK,EAAE,SAAS,CAAC,KAAK;SACvB,EACD,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,aAAa,GAClB;IACF,oBAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC,YAAY;YACnB,MAAM,EAAE,SAAS,CAAC,MAAM;YACxB,KAAK,EAAE,YAAY;SACpB,EACD,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,WAAW,GAChB,CACD,CACJ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/src/components/Designer/Main/Mask.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { RULER_HEIGHT } from '../../../constants.js';
+const Mask = ({ width, height }) => (React.createElement("div", { style: {
+        position: 'absolute',
+        top: -RULER_HEIGHT,
+        left: -RULER_HEIGHT,
+        zIndex: 100,
+        background: 'rgba(158, 158, 158, 0.58)',
+        width,
+        height,
+    } }));
+export default Mask;
+//# sourceMappingURL=Mask.js.map

package/dist/esm/src/components/Designer/Main/Mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mask.js","sourceRoot":"","sources":["../../../../../../src/components/Designer/Main/Mask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAQ,EAAE,EAAE,CAAC,CACxC,6BACE,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC,YAAY;QAClB,IAAI,EAAE,CAAC,YAAY;QACnB,MAAM,EAAE,GAAG;QACX,UAAU,EAAE,2BAA2B;QACvC,KAAK;QACL,MAAM;KACP,GACD,CACH,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/src/components/Designer/Main/Moveable.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+import Moveable from 'react-moveable';
+const _Moveable = ({ target, bounds, horizontalGuidelines, verticalGuidelines, keepRatio, onDrag, onDragEnd, onDragGroupEnd, onResize, onResizeEnd, onResizeGroupEnd, onClick, }, ref) => (React.createElement(Moveable, { style: { zIndex: 1 }, rootContainer: document ? document.body : undefined, snappable: true, snapCenter: true, draggable: true, resizable: true, throttleDrag: 1, throttleResize: 1, ref: ref, target: target, bounds: bounds, horizontalGuidelines: horizontalGuidelines, verticalGuidelines: verticalGuidelines, keepRatio: keepRatio, onDrag: onDrag, onDragGroup: ({ events }) => {
+        events.forEach(onDrag);
+    }, onDragEnd: onDragEnd, onDragGroupEnd: onDragGroupEnd, onResize: onResize, onResizeGroup: ({ events }) => {
+        events.forEach(onResize);
+    }, onResizeEnd: onResizeEnd, onResizeGroupEnd: onResizeGroupEnd, onClick: onClick }));
+export default forwardRef(_Moveable);
+//# sourceMappingURL=Moveable.js.map

package/dist/esm/src/components/Designer/Main/Moveable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Moveable.js","sourceRoot":"","sources":["../../../../../../src/components/Designer/Main/Moveable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAO,MAAM,OAAO,CAAC;AAC/C,OAAO,QAQN,MAAM,gBAAgB,CAAC;AAqBxB,MAAM,SAAS,GAAG,CAChB,EACE,MAAM,EACN,MAAM,EACN,oBAAoB,EACpB,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,SAAS,EACT,cAAc,EACd,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,OAAO,GACD,EACR,GAAa,EACb,EAAE,CAAC,CACH,oBAAC,QAAQ,IACP,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACpB,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACnD,SAAS,QACT,UAAU,QACV,SAAS,QACT,SAAS,QACT,YAAY,EAAE,CAAC,EACf,cAAc,EAAE,CAAC,EACjB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,oBAAoB,EAAE,oBAAoB,EAC1C,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QAC1B,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,EACD,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QAC5B,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AAEF,eAAe,UAAU,CAAa,SAAS,CAAC,CAAC"}

package/dist/esm/src/components/Designer/Main/Selecto.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import Selecto from 'react-selecto';
+import { SELECTABLE_CLASSNAME } from '../../../constants.js';
+const _Selecto = ({ container, continueSelect, onDragStart, onSelect, }) => (React.createElement(Selecto, { selectFromInside: false, selectByClick: true, preventDefault: true, hitRate: 0, selectableTargets: [`.${SELECTABLE_CLASSNAME}`], container: container, continueSelect: continueSelect, onDragStart: onDragStart, onSelect: onSelect }));
+export default _Selecto;
+//# sourceMappingURL=Selecto.js.map

package/dist/esm/src/components/Designer/Main/Selecto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selecto.js","sourceRoot":"","sources":["../../../../../../src/components/Designer/Main/Selecto.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAA+D,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,cAAc,EACd,WAAW,EACX,QAAQ,GAMT,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,IACN,gBAAgB,EAAE,KAAK,EACvB,aAAa,QACb,cAAc,QACd,OAAO,EAAE,CAAC,EACV,iBAAiB,EAAE,CAAC,IAAI,oBAAoB,EAAE,CAAC,EAC/C,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,196 @@
+import React, { useRef, useState, useEffect, forwardRef, useCallback, } from 'react';
+import { ZOOM, RULER_HEIGHT } from '../../../constants.js';
+import { usePrevious } from '../../../hooks.js';
+import { uuid, round, flatten } from '../../../helper.js';
+import Paper from '../../Paper.js';
+import SchemaUI from '../../Schemas/SchemaUI.js';
+import Selecto from './Selecto.js';
+import Moveable from './Moveable.js';
+import Guides from './Guides.js';
+import Mask from './Mask.js';
+const DELETE_BTN_ID = uuid();
+const fmt4Num = (prop) => Number(prop.replace('px', ''));
+const fmt = (prop) => round(fmt4Num(prop) / ZOOM, 2);
+const isTopLeftResize = (d) => d === '-1,-1' || d === '-1,0' || d === '0,-1';
+const DeleteButton = ({ activeElements: aes }) => {
+    const top = Math.min(...aes.map(({ style }) => fmt4Num(style.top)));
+    const left = Math.max(...aes.map(({ style }) => fmt4Num(style.left) + fmt4Num(style.width))) + 10;
+    return (React.createElement("button", { id: DELETE_BTN_ID, style: {
+            position: 'absolute',
+            zIndex: 1,
+            top,
+            left,
+            height: 24,
+            width: 24,
+            cursor: 'pointer',
+            color: 'white',
+            border: 'none',
+            fontWeight: 'bold',
+            borderRadius: 2,
+            background: 'rgb(68, 170, 255)',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        } },
+        React.createElement("svg", { style: { pointerEvents: 'none' }, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor" },
+            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }))));
+};
+const Main = (props, ref) => {
+    const { pageCursor, scale, backgrounds, pageSizes, size, activeElements, schemasList, hoveringSchemaId, } = props;
+    const { onEdit, changeSchemas, removeSchemas, onChangeHoveringSchemaId, paperRefs } = props;
+    const inputRef = useRef(null);
+    const verticalGuides = useRef([]);
+    const horizontalGuides = useRef([]);
+    const moveable = useRef(null);
+    const [isPressShiftKey, setIsPressShiftKey] = useState(false);
+    const [editing, setEditing] = useState(false);
+    const prevSchemas = usePrevious(schemasList[pageCursor]);
+    const onKeydown = (e) => {
+        if (e.shiftKey)
+            setIsPressShiftKey(true);
+    };
+    const onKeyup = (e) => {
+        if (e.key === 'Shift')
+            setIsPressShiftKey(false);
+        if (e.key === 'Escape' || e.key === 'Esc')
+            setEditing(false);
+    };
+    const initEvents = useCallback(() => {
+        window.addEventListener('keydown', onKeydown);
+        window.addEventListener('keyup', onKeyup);
+    }, []);
+    const destroyEvents = useCallback(() => {
+        window.removeEventListener('keydown', onKeydown);
+        window.removeEventListener('keyup', onKeyup);
+    }, []);
+    useEffect(() => {
+        initEvents();
+        return destroyEvents;
+    }, [initEvents, destroyEvents]);
+    useEffect(() => {
+        var _a, _b;
+        (_a = moveable.current) === null || _a === void 0 ? void 0 : _a.updateRect();
+        if (prevSchemas === null) {
+            return;
+        }
+        const prevSchemaKeys = JSON.stringify(prevSchemas[pageCursor] || {});
+        const schemaKeys = JSON.stringify(schemasList[pageCursor] || {});
+        if (prevSchemaKeys === schemaKeys) {
+            (_b = moveable.current) === null || _b === void 0 ? void 0 : _b.updateRect();
+        }
+    }, [pageCursor, schemasList, prevSchemas]);
+    const onDrag = ({ target, left, top }) => {
+        target.style.left = `${left < 0 ? 0 : left}px`;
+        target.style.top = `${top < 0 ? 0 : top}px`;
+    };
+    const onDragEnd = ({ target }) => {
+        const { top, left } = target.style;
+        changeSchemas([
+            { key: 'position.y', value: fmt(top), schemaId: target.id },
+            { key: 'position.x', value: fmt(left), schemaId: target.id },
+        ]);
+    };
+    const onDragEnds = ({ targets }) => {
+        const arg = targets.map(({ style: { top, left }, id }) => [
+            { key: 'position.y', value: fmt(top), schemaId: id },
+            { key: 'position.x', value: fmt(left), schemaId: id },
+        ]);
+        changeSchemas(flatten(arg));
+    };
+    const onResizeEnd = ({ target }) => {
+        const { id, style } = target;
+        const { width, height, top, left } = style;
+        changeSchemas([
+            { key: 'width', value: fmt(width), schemaId: id },
+            { key: 'height', value: fmt(height), schemaId: id },
+            { key: 'position.y', value: fmt(top), schemaId: id },
+            { key: 'position.x', value: fmt(left), schemaId: id },
+        ]);
+    };
+    const onResizeEnds = ({ targets }) => {
+        const arg = targets.map(({ style: { width, height, top, left }, id }) => [
+            { key: 'width', value: fmt(width), schemaId: id },
+            { key: 'height', value: fmt(height), schemaId: id },
+            { key: 'position.y', value: fmt(top), schemaId: id },
+            { key: 'position.x', value: fmt(left), schemaId: id },
+        ]);
+        changeSchemas(flatten(arg));
+    };
+    const onResize = ({ target, width, height, direction }) => {
+        if (!target)
+            return;
+        const s = target.style;
+        const newLeft = fmt4Num(s.left) + (fmt4Num(s.width) - width);
+        const newTop = fmt4Num(s.top) + (fmt4Num(s.height) - height);
+        const obj = {
+            width: `${width}px`,
+            height: `${height}px`,
+        };
+        const d = direction.toString();
+        if (isTopLeftResize(d)) {
+            obj.top = `${newTop}px`;
+            obj.left = `${newLeft}px`;
+        }
+        else if (d === '1,-1') {
+            obj.top = `${newTop}px`;
+        }
+        else if (d === '-1,1') {
+            obj.left = `${newLeft}px`;
+        }
+        Object.assign(s, obj);
+    };
+    const getGuideLines = (guides, index) => guides[index] && guides[index].getGuides().map((g) => g * ZOOM);
+    const onClickMoveable = (e) => {
+        e.inputEvent.stopPropagation();
+        setEditing(true);
+        const ic = inputRef.current;
+        if (!ic)
+            return;
+        ic.focus();
+        if (ic.type !== 'file') {
+            ic.setSelectionRange(ic.value.length, ic.value.length);
+        }
+    };
+    return (React.createElement("div", { ref: ref, onClick: (e) => {
+            e.stopPropagation();
+            setEditing(false);
+        }, style: { overflow: 'overlay' } },
+        React.createElement(Selecto, { container: paperRefs.current[pageCursor], continueSelect: isPressShiftKey, onDragStart: (e) => {
+                var _a;
+                const { inputEvent } = e;
+                const isMoveableElement = (_a = moveable.current) === null || _a === void 0 ? void 0 : _a.isMoveableElement(inputEvent.target);
+                if ((inputEvent.type === 'touchstart' && e.isTrusted) || isMoveableElement) {
+                    e.stop();
+                }
+                if (paperRefs.current[pageCursor] === inputEvent.target) {
+                    onEdit([]);
+                }
+                if (inputEvent.target.id === DELETE_BTN_ID) {
+                    removeSchemas(activeElements.map((ae) => ae.id));
+                }
+            }, onSelect: ({ added, removed, selected, inputEvent }) => {
+                const isClick = inputEvent.type === 'mousedown';
+                let newActiveElements = isClick ? selected : [];
+                if (!isClick && added.length > 0) {
+                    newActiveElements = activeElements.concat(added);
+                }
+                if (!isClick && removed.length > 0) {
+                    newActiveElements = activeElements.filter((ae) => !removed.includes(ae));
+                }
+                onEdit(newActiveElements);
+            } }),
+        React.createElement(Paper, { paperRefs: paperRefs, scale: scale, size: size, schemasList: schemasList, pageSizes: pageSizes, backgrounds: backgrounds, renderPaper: ({ index, paperSize }) => (React.createElement(React.Fragment, null,
+                !editing && activeElements.length > 0 && (React.createElement(DeleteButton, { activeElements: activeElements })),
+                React.createElement(Guides, { paperSize: paperSize, horizontalRef: (e) => {
+                        if (e) {
+                            horizontalGuides.current[index] = e;
+                        }
+                    }, verticalRef: (e) => {
+                        if (e) {
+                            verticalGuides.current[index] = e;
+                        }
+                    } }),
+                pageCursor !== index ? (React.createElement(Mask, { width: paperSize.width + RULER_HEIGHT, height: paperSize.height })) : (!editing && (React.createElement(Moveable, { ref: moveable, target: activeElements, bounds: { left: 0, top: 0, bottom: paperSize.height, right: paperSize.width }, horizontalGuidelines: getGuideLines(horizontalGuides.current, index), verticalGuidelines: getGuideLines(verticalGuides.current, index), keepRatio: isPressShiftKey, onDrag: onDrag, onDragEnd: onDragEnd, onDragGroupEnd: onDragEnds, onResize: onResize, onResizeEnd: onResizeEnd, onResizeGroupEnd: onResizeEnds, onClick: onClickMoveable }))))), renderSchema: ({ schema }) => (React.createElement(SchemaUI, { key: schema.id, schema: schema, onChangeHoveringSchemaId: onChangeHoveringSchemaId, editable: editing && activeElements.map((ae) => ae.id).includes(schema.id), onChange: (value) => changeSchemas([{ key: 'data', value, schemaId: schema.id }]), border: hoveringSchemaId === schema.id ? '1px solid #18a0fb' : '1px dashed #4af', ref: inputRef })) })));
+};
+export default forwardRef(Main);
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.js

@@ -0,0 +1,44 @@
+import React, { useContext } from 'react';
+import { readFiles } from '../../../../helper.js';
+import { I18nContext } from '../../../../contexts.js';
+import { XMarkIcon } from '@heroicons/react/24/outline';
+const ExampleInputEditor = (props) => {
+    const { changeSchemas, activeSchema } = props;
+    const i18n = useContext(I18nContext);
+    return (React.createElement("div", null,
+        React.createElement("label", null, i18n('inputExample')),
+        activeSchema.type === 'image' ? (React.createElement("div", { style: { position: 'relative' } }, activeSchema.data ? (React.createElement("div", { style: { margin: '0 auto' } },
+            React.createElement("button", { style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    color: '#333',
+                    background: '#f2f2f2',
+                    cursor: 'pointer',
+                    borderRadius: 2,
+                    border: '1px solid #767676',
+                    height: 20,
+                    width: 20,
+                }, "aria-label": "close", onClick: () => changeSchemas([{ key: 'data', value: '', schemaId: activeSchema.id }]) },
+                React.createElement(XMarkIcon, { width: 10, height: 10 })),
+            React.createElement("img", { style: { maxHeight: 180 }, src: activeSchema.data, alt: "Input Example" }))) : (React.createElement("label", null,
+            React.createElement("input", { style: { color: '#333', background: 'none' }, onChange: (e) => {
+                    const { files } = e.target;
+                    readFiles(files, 'dataURL').then((result) => {
+                        changeSchemas([
+                            { key: 'data', value: result, schemaId: activeSchema.id },
+                        ]);
+                    });
+                }, type: "file", accept: "image/jpeg, image/png" }))))) : (React.createElement("textarea", { rows: 6, onChange: (e) => changeSchemas([{ key: 'data', value: e.target.value, schemaId: activeSchema.id }]), style: {
+                width: '100%',
+                border: '1px solid #767676',
+                borderRadius: 2,
+                color: '#333',
+                background: activeSchema.data ? 'none' : '#ffa19b',
+            }, value: activeSchema.data }))));
+};
+export default ExampleInputEditor;
+//# sourceMappingURL=ExampleInputEditor.js.map

package/dist/esm/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.js.map

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