@pdfme/ui 1.0.18 → 1.1.1

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

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const outline_1 = require("@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_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center' } },
+        react_1.default.createElement("button", { style: Object.assign(Object.assign({ paddingLeft: '0.5rem' }, btnStyle), { cursor: minZoom >= nextZoomOut ? 'not-allowed' : 'pointer' }), disabled: minZoom >= nextZoomOut, onClick: () => setZoomLevel(nextZoomOut) },
+            react_1.default.createElement(outline_1.MinusIcon, { width: 20, height: 20, color: '#fff' })),
+        react_1.default.createElement("strong", { style: { color: 'white', fontSize: '0.9rem', minWidth: 50, textAlign: 'center' } },
+            Math.round(zoomLevel * 100),
+            "%"),
+        react_1.default.createElement("button", { style: Object.assign(Object.assign({ paddingRight: '0.5rem' }, btnStyle), { cursor: maxZoom < nextZoomIn ? 'not-allowed' : 'pointer' }), disabled: maxZoom < nextZoomIn, onClick: () => setZoomLevel(nextZoomIn) },
+            react_1.default.createElement(outline_1.PlusIcon, { width: 20, height: 20, color: '#fff' }))));
+};
+exports.default = Pager;
+//# sourceMappingURL=Zoom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Zoom.js","sourceRoot":"","sources":["../../../../../src/components/CtlBar/Zoom.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,yDAAkE;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,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;QAC7E,0CACE,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,8BAAC,mBAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CAC5C;QACT,0CAAQ,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,0CACE,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,8BAAC,kBAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,CAC3C,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

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

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Pager_js_1 = __importDefault(require("./Pager.js"));
+const Zoom_js_1 = __importDefault(require("./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_1.default.createElement("div", { style: { position: 'absolute', width: '100%', minHeight: size.height } },
+        react_1.default.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_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Pager_js_1.default, { pageCursor: pageCursor, pageNum: pageNum, setPageCursor: setPageCursor }),
+                react_1.default.createElement("strong", { style: { color: 'white', fontSize: '0.9rem', padding: 0 } }, "|"))),
+            react_1.default.createElement(Zoom_js_1.default, { zoomLevel: zoomLevel, setZoomLevel: setZoomLevel }))));
+};
+exports.default = CtlBar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CtlBar/index.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0DAA+B;AAC/B,wDAA6B;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,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE;QACzE,uCACE,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,8BAAC,kBAAK,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,GAAI;gBACjF,0CAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,QAAY,CAC5E,CACJ;YACD,8BAAC,iBAAI,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,GAAI,CACtD,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

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

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_guides_1 = __importDefault(require("@scena/react-guides"));
+const constants_js_1 = require("../../../constants.js");
+const _Guides = ({ paperSize, horizontalRef, verticalRef, }) => (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("div", { style: {
+            width: constants_js_1.RULER_HEIGHT,
+            height: constants_js_1.RULER_HEIGHT,
+            position: 'absolute',
+            top: -constants_js_1.RULER_HEIGHT,
+            left: -constants_js_1.RULER_HEIGHT,
+            background: '#333',
+        } }),
+    react_1.default.createElement(react_guides_1.default, { zoom: constants_js_1.ZOOM, style: {
+            position: 'absolute',
+            top: -constants_js_1.RULER_HEIGHT,
+            left: 0,
+            height: constants_js_1.RULER_HEIGHT,
+            width: paperSize.width,
+        }, type: "horizontal", ref: horizontalRef }),
+    react_1.default.createElement(react_guides_1.default, { zoom: constants_js_1.ZOOM, style: {
+            position: 'absolute',
+            top: 0,
+            left: -constants_js_1.RULER_HEIGHT,
+            height: paperSize.height,
+            width: constants_js_1.RULER_HEIGHT,
+        }, type: "vertical", ref: verticalRef })));
+exports.default = _Guides;
+//# sourceMappingURL=Guides.js.map

package/dist/cjs/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,kDAAmC;AACnC,uEAAyC;AAEzC,wDAA2D;AAE3D,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,aAAa,EACb,WAAW,GAKZ,EAAE,EAAE,CAAC,CACJ;IACE,uCACE,KAAK,EAAE;YACL,KAAK,EAAE,2BAAY;YACnB,MAAM,EAAE,2BAAY;YACpB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,2BAAY;YAClB,IAAI,EAAE,CAAC,2BAAY;YACnB,UAAU,EAAE,MAAM;SACnB,GACI;IACP,8BAAC,sBAAM,IACL,IAAI,EAAE,mBAAI,EACV,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,2BAAY;YAClB,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,2BAAY;YACpB,KAAK,EAAE,SAAS,CAAC,KAAK;SACvB,EACD,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,aAAa,GAClB;IACF,8BAAC,sBAAM,IACL,IAAI,EAAE,mBAAI,EACV,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC,2BAAY;YACnB,MAAM,EAAE,SAAS,CAAC,MAAM;YACxB,KAAK,EAAE,2BAAY;SACpB,EACD,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,WAAW,GAChB,CACD,CACJ,CAAC;AAEF,kBAAe,OAAO,CAAC"}

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

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const constants_js_1 = require("../../../constants.js");
+const Mask = ({ width, height }) => (react_1.default.createElement("div", { style: {
+        position: 'absolute',
+        top: -constants_js_1.RULER_HEIGHT,
+        left: -constants_js_1.RULER_HEIGHT,
+        zIndex: 100,
+        background: 'rgba(158, 158, 158, 0.58)',
+        width,
+        height,
+    } }));
+exports.default = Mask;
+//# sourceMappingURL=Mask.js.map

package/dist/cjs/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,kDAA0B;AAE1B,wDAAqD;AAErD,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAQ,EAAE,EAAE,CAAC,CACxC,uCACE,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC,2BAAY;QAClB,IAAI,EAAE,CAAC,2BAAY;QACnB,MAAM,EAAE,GAAG;QACX,UAAU,EAAE,2BAA2B;QACvC,KAAK;QACL,MAAM;KACP,GACD,CACH,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_moveable_1 = __importDefault(require("react-moveable"));
+const _Moveable = ({ target, bounds, horizontalGuidelines, verticalGuidelines, keepRatio, onDrag, onDragEnd, onDragGroupEnd, onResize, onResizeEnd, onResizeGroupEnd, onClick, }, ref) => (react_1.default.createElement(react_moveable_1.default, { 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 }));
+exports.default = (0, react_1.forwardRef)(_Moveable);
+//# sourceMappingURL=Moveable.js.map

package/dist/cjs/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,+CAA+C;AAC/C,oEAQwB;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,8BAAC,wBAAQ,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,kBAAe,IAAA,kBAAU,EAAa,SAAS,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_selecto_1 = __importDefault(require("react-selecto"));
+const constants_js_1 = require("../../../constants.js");
+const _Selecto = ({ container, continueSelect, onDragStart, onSelect, }) => (react_1.default.createElement(react_selecto_1.default, { selectFromInside: false, selectByClick: true, preventDefault: true, hitRate: 0, selectableTargets: [`.${constants_js_1.SELECTABLE_CLASSNAME}`], container: container, continueSelect: continueSelect, onDragStart: onDragStart, onSelect: onSelect }));
+exports.default = _Selecto;
+//# sourceMappingURL=Selecto.js.map

package/dist/cjs/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,kDAA0B;AAC1B,kEAA4F;AAC5F,wDAA6D;AAE7D,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,cAAc,EACd,WAAW,EACX,QAAQ,GAMT,EAAE,EAAE,CAAC,CACJ,8BAAC,uBAAO,IACN,gBAAgB,EAAE,KAAK,EACvB,aAAa,QACb,cAAc,QACd,OAAO,EAAE,CAAC,EACV,iBAAiB,EAAE,CAAC,IAAI,mCAAoB,EAAE,CAAC,EAC/C,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,224 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const constants_js_1 = require("../../../constants.js");
+const hooks_js_1 = require("../../../hooks.js");
+const helper_js_1 = require("../../../helper.js");
+const Paper_js_1 = __importDefault(require("../../Paper.js"));
+const SchemaUI_js_1 = __importDefault(require("../../Schemas/SchemaUI.js"));
+const Selecto_js_1 = __importDefault(require("./Selecto.js"));
+const Moveable_js_1 = __importDefault(require("./Moveable.js"));
+const Guides_js_1 = __importDefault(require("./Guides.js"));
+const Mask_js_1 = __importDefault(require("./Mask.js"));
+const DELETE_BTN_ID = (0, helper_js_1.uuid)();
+const fmt4Num = (prop) => Number(prop.replace('px', ''));
+const fmt = (prop) => (0, helper_js_1.round)(fmt4Num(prop) / constants_js_1.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_1.default.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_1.default.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_1.default.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 = (0, react_1.useRef)(null);
+    const verticalGuides = (0, react_1.useRef)([]);
+    const horizontalGuides = (0, react_1.useRef)([]);
+    const moveable = (0, react_1.useRef)(null);
+    const [isPressShiftKey, setIsPressShiftKey] = (0, react_1.useState)(false);
+    const [editing, setEditing] = (0, react_1.useState)(false);
+    const prevSchemas = (0, hooks_js_1.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 = (0, react_1.useCallback)(() => {
+        window.addEventListener('keydown', onKeydown);
+        window.addEventListener('keyup', onKeyup);
+    }, []);
+    const destroyEvents = (0, react_1.useCallback)(() => {
+        window.removeEventListener('keydown', onKeydown);
+        window.removeEventListener('keyup', onKeyup);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        initEvents();
+        return destroyEvents;
+    }, [initEvents, destroyEvents]);
+    (0, react_1.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((0, helper_js_1.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((0, helper_js_1.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 * constants_js_1.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_1.default.createElement("div", { ref: ref, onClick: (e) => {
+            e.stopPropagation();
+            setEditing(false);
+        }, style: { overflow: 'overlay' } },
+        react_1.default.createElement(Selecto_js_1.default, { 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_1.default.createElement(Paper_js_1.default, { paperRefs: paperRefs, scale: scale, size: size, schemasList: schemasList, pageSizes: pageSizes, backgrounds: backgrounds, renderPaper: ({ index, paperSize }) => (react_1.default.createElement(react_1.default.Fragment, null,
+                !editing && activeElements.length > 0 && (react_1.default.createElement(DeleteButton, { activeElements: activeElements })),
+                react_1.default.createElement(Guides_js_1.default, { paperSize: paperSize, horizontalRef: (e) => {
+                        if (e) {
+                            horizontalGuides.current[index] = e;
+                        }
+                    }, verticalRef: (e) => {
+                        if (e) {
+                            verticalGuides.current[index] = e;
+                        }
+                    } }),
+                pageCursor !== index ? (react_1.default.createElement(Mask_js_1.default, { width: paperSize.width + constants_js_1.RULER_HEIGHT, height: paperSize.height })) : (!editing && (react_1.default.createElement(Moveable_js_1.default, { 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_1.default.createElement(SchemaUI_js_1.default, { 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 })) })));
+};
+exports.default = (0, react_1.forwardRef)(Main);
+//# sourceMappingURL=index.js.map

package/dist/cjs/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/cjs/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.js

@@ -0,0 +1,69 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const helper_js_1 = require("../../../../helper.js");
+const contexts_js_1 = require("../../../../contexts.js");
+const outline_1 = require("@heroicons/react/24/outline");
+const ExampleInputEditor = (props) => {
+    const { changeSchemas, activeSchema } = props;
+    const i18n = (0, react_1.useContext)(contexts_js_1.I18nContext);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("label", null, i18n('inputExample')),
+        activeSchema.type === 'image' ? (react_1.default.createElement("div", { style: { position: 'relative' } }, activeSchema.data ? (react_1.default.createElement("div", { style: { margin: '0 auto' } },
+            react_1.default.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_1.default.createElement(outline_1.XMarkIcon, { width: 10, height: 10 })),
+            react_1.default.createElement("img", { style: { maxHeight: 180 }, src: activeSchema.data, alt: "Input Example" }))) : (react_1.default.createElement("label", null,
+            react_1.default.createElement("input", { style: { color: '#333', background: 'none' }, onChange: (e) => {
+                    const { files } = e.target;
+                    (0, helper_js_1.readFiles)(files, 'dataURL').then((result) => {
+                        changeSchemas([
+                            { key: 'data', value: result, schemaId: activeSchema.id },
+                        ]);
+                    });
+                }, type: "file", accept: "image/jpeg, image/png" }))))) : (react_1.default.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 }))));
+};
+exports.default = ExampleInputEditor;
+//# sourceMappingURL=ExampleInputEditor.js.map

package/dist/cjs/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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"}