@pdfme/ui 1.1.3 → 1.1.5

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

@@ -1,224 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,69 +0,0 @@
-"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

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

package/dist/cjs/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.js

@@ -1,184 +0,0 @@
-"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 helper_js_1 = require("../../../../helper.js");
-const inputSetStyle = { marginRight: '1rem', display: 'flex', alignItems: 'center' };
-const inputStyle = {
-    width: 70,
-    border: '1px solid #767676',
-    borderRadius: 2,
-    color: '#333',
-    background: 'none',
-};
-const buttonStyle = {
-    display: 'flex',
-    background: 'none',
-    alignItems: 'center',
-    borderRadius: 2,
-    border: '1px solid rgb(118, 118, 118)',
-    cursor: 'pointer',
-};
-const svgBaseProp = {
-    style: { width: '100%', height: '100%' },
-    xmlns: 'http://www.w3.org/2000/svg',
-    enableBackground: 'new 0 0 24 24',
-    height: '24px',
-    viewBox: '0 0 24 24',
-    width: '24px',
-    fill: '#000000',
-};
-const PositionAndSizeEditor = (props) => {
-    const { changeSchemas, schemas, activeSchema, activeElements, pageSize } = props;
-    const align = (type) => {
-        const ids = activeElements.map((ae) => ae.id);
-        const ass = schemas.filter((s) => ids.includes(s.id));
-        const isVertical = ['left', 'center', 'right'].includes(type);
-        const tgtPos = isVertical ? 'x' : 'y';
-        const tgtSize = isVertical ? 'width' : 'height';
-        const isSingle = ass.length === 1;
-        const root = pageSize[tgtSize];
-        const min = isSingle ? 0 : Math.min(...ass.map((as) => as.position[tgtPos]));
-        const max = isSingle ? root : Math.max(...ass.map((as) => as.position[tgtPos] + as[tgtSize]));
-        let basePos = min;
-        let adjust = (_) => 0;
-        if (['center', 'middle'].includes(type)) {
-            basePos = (min + max) / 2;
-            adjust = (num) => num / 2;
-        }
-        else if (['right', 'bottom'].includes(type)) {
-            basePos = max;
-            adjust = (num) => num;
-        }
-        changeSchemas(ass.map((as) => ({
-            key: `position.${tgtPos}`,
-            value: (0, helper_js_1.round)(basePos - adjust(as[tgtSize]), 2),
-            schemaId: as.id,
-        })));
-    };
-    const distribute = (type) => {
-        const ids = activeElements.map((ae) => ae.id);
-        const ass = schemas.filter((s) => ids.includes(s.id));
-        const isVertical = type === 'vertical';
-        const tgtPos = isVertical ? 'y' : 'x';
-        const tgtSize = isVertical ? 'height' : 'width';
-        const min = Math.min(...ass.map((as) => as.position[tgtPos]));
-        const max = Math.max(...ass.map((as) => as.position[tgtPos] + as[tgtSize]));
-        if (ass.length < 3)
-            return;
-        const boxPos = min;
-        const boxSize = max - min;
-        const sum = ass.reduce((acc, cur) => acc + cur[tgtSize], 0);
-        const remain = boxSize - sum;
-        const unit = remain / (ass.length - 1);
-        let prev = 0;
-        changeSchemas(ass.map((as, index) => {
-            prev += index === 0 ? 0 : ass[index - 1][tgtSize] + unit;
-            const value = (0, helper_js_1.round)(boxPos + prev, 2);
-            return { key: `position.${tgtPos}`, value, schemaId: as.id };
-        }));
-    };
-    const layoutBtns = [
-        {
-            id: 'left',
-            icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
-                react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
-                react_1.default.createElement("path", { d: "M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z" }))),
-            action: () => align('left'),
-        },
-        {
-            id: 'center',
-            icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
-                react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
-                react_1.default.createElement("polygon", { points: "11,2 13,2 13,7 21,7 21,10 13,10 13,14 18,14 18,17 13,17 13,22 11,22 11,17 6,17 6,14 11,14 11,10 3,10 3,7 11,7" }))),
-            action: () => align('center'),
-        },
-        {
-            id: 'right',
-            icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
-                react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
-                react_1.default.createElement("path", { d: "M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z" }))),
-            action: () => align('right'),
-        },
-        {
-            id: 'top',
-            icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
-                react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
-                react_1.default.createElement("path", { d: "M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z" }))),
-            action: () => align('top'),
-        },
-        {
-            id: 'middle',
-            icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
-                react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
-                react_1.default.createElement("polygon", { points: "22,11 17,11 17,6 14,6 14,11 10,11 10,3 7,3 7,11 1.84,11 1.84,13 7,13 7,21 10,21 10,13 14,13 14,18 17,18 17,13 22,13" }))),
-            action: () => align('middle'),
-        },
-        {
-            id: 'bottom',
-            icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
-                react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
-                react_1.default.createElement("path", { d: "M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z" }))),
-            action: () => align('bottom'),
-        },
-        {
-            id: 'vertical',
-            icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
-                react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
-                react_1.default.createElement("path", { d: "M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z" }))),
-            action: () => distribute('vertical'),
-        },
-        {
-            id: 'horizontal',
-            icon: (react_1.default.createElement("svg", Object.assign({}, svgBaseProp),
-                react_1.default.createElement("rect", { fill: "none", height: "24", width: "24" }),
-                react_1.default.createElement("path", { d: "M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z" }))),
-            action: () => distribute('horizontal'),
-        },
-    ];
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', marginBottom: '0.5rem' } }, layoutBtns.map((b) => (react_1.default.createElement("button", { key: b.id, title: b.id, onClick: b.action, style: buttonStyle },
-            react_1.default.createElement("object", { width: 15, height: 15 }, b.icon))))),
-        react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between' } },
-            react_1.default.createElement("div", { style: inputSetStyle },
-                react_1.default.createElement("label", { style: { width: 17 } }, "X"),
-                react_1.default.createElement("input", { style: inputStyle, type: "number", onChange: (e) => {
-                        const value = Number(e.target.value);
-                        if (value >= 0 && activeSchema.width + value < pageSize.width) {
-                            changeSchemas([{ key: 'position.x', value, schemaId: activeSchema.id }]);
-                        }
-                    }, value: activeSchema.position.x }),
-                react_1.default.createElement("span", { style: { fontSize: '0.6rem' } }, "mm")),
-            react_1.default.createElement("div", { style: inputSetStyle },
-                react_1.default.createElement("label", { style: { width: 17 } }, "Y"),
-                react_1.default.createElement("input", { style: inputStyle, type: "number", onChange: (e) => {
-                        const value = Number(e.target.value);
-                        if (value >= 0 && activeSchema.height + value < pageSize.height) {
-                            changeSchemas([{ key: 'position.y', value, schemaId: activeSchema.id }]);
-                        }
-                    }, value: activeSchema.position.y }),
-                react_1.default.createElement("span", { style: { fontSize: '0.6rem' } }, "mm"))),
-        react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between' } },
-            react_1.default.createElement("div", { style: inputSetStyle },
-                react_1.default.createElement("label", { style: { width: 17 } }, "W"),
-                react_1.default.createElement("input", { style: inputStyle, type: "number", onChange: (e) => {
-                        const value = Number(e.target.value);
-                        if (value >= 0 && activeSchema.position.x + value < pageSize.width) {
-                            changeSchemas([{ key: 'width', value, schemaId: activeSchema.id }]);
-                        }
-                    }, value: activeSchema.width }),
-                react_1.default.createElement("span", { style: { fontSize: '0.6rem' } }, "mm")),
-            react_1.default.createElement("div", { style: inputSetStyle },
-                react_1.default.createElement("label", { style: { width: 17 } }, "H"),
-                react_1.default.createElement("input", { style: inputStyle, type: "number", onChange: (e) => {
-                        const value = Number(e.target.value);
-                        if (value >= 0 && activeSchema.position.y + value < pageSize.height) {
-                            changeSchemas([{ key: 'height', value, schemaId: activeSchema.id }]);
-                        }
-                    }, value: activeSchema.height }),
-                react_1.default.createElement("span", { style: { fontSize: '0.6rem' } }, "mm")))));
-};
-exports.default = PositionAndSizeEditor;
-//# sourceMappingURL=PositionAndSizeEditor.js.map

package/dist/cjs/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.js.map

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

package/dist/cjs/src/components/Designer/Sidebar/DetailView/TextPropEditor.js

@@ -1,116 +0,0 @@
-"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 common_1 = require("@pdfme/common");
-const contexts_js_1 = require("../../../../contexts.js");
-const outline_1 = require("@heroicons/react/24/outline");
-const inputStyle = {
-    width: '90%',
-    color: '#333',
-    background: 'none',
-    borderRadius: 2,
-    border: '1px solid #767676',
-};
-const selectStyle = inputStyle;
-const NumberInputSet = (props) => {
-    const { label, value, width, onChange } = props;
-    return (react_1.default.createElement("div", { style: { width } },
-        react_1.default.createElement("label", null, label),
-        react_1.default.createElement("input", { style: inputStyle, onChange: onChange, value: value, type: "number" })));
-};
-const ColorInputSet = (props) => {
-    const { label, value, onChange, onClear } = props;
-    return (react_1.default.createElement("div", { style: { width: '45%' } },
-        react_1.default.createElement("label", null, label),
-        react_1.default.createElement("div", { style: { display: 'flex' } },
-            react_1.default.createElement("input", { onChange: onChange, value: value || '#ffffff', type: "color", style: inputStyle }),
-            react_1.default.createElement("button", { onClick: onClear, style: {
-                    display: 'flex',
-                    background: 'none',
-                    alignItems: 'center',
-                    borderRadius: 2,
-                    border: '1px solid #767676',
-                    cursor: 'pointer',
-                } },
-                react_1.default.createElement(outline_1.XMarkIcon, { width: 10, height: 10 })))));
-};
-const SelectSet = (props) => {
-    const { label, value, options, onChange } = props;
-    return (react_1.default.createElement("div", { style: { width: '45%' } },
-        react_1.default.createElement("label", null,
-            label,
-            ":"),
-        react_1.default.createElement("select", { style: selectStyle, onChange: onChange, value: value }, options.map((o) => (react_1.default.createElement("option", { key: o, value: o }, o))))));
-};
-const TextPropEditor = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const { changeSchemas, activeSchema } = props;
-    const alignments = ['left', 'center', 'right'];
-    const font = (0, react_1.useContext)(contexts_js_1.FontContext);
-    const fallbackFontName = (0, common_1.getFallbackFontName)(font);
-    if (activeSchema.type !== 'text')
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    return (react_1.default.createElement("div", { style: { fontSize: '0.7rem' } },
-        react_1.default.createElement("div", { style: {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                marginBottom: '0.25rem',
-            } },
-            react_1.default.createElement(SelectSet, { label: 'FontName', value: (_a = activeSchema.fontName) !== null && _a !== void 0 ? _a : fallbackFontName, options: Object.keys(font), onChange: (e) => {
-                    changeSchemas([{ key: 'fontName', value: e.target.value, schemaId: activeSchema.id }]);
-                } }),
-            react_1.default.createElement(SelectSet, { label: 'Alignment', value: (_b = activeSchema.alignment) !== null && _b !== void 0 ? _b : 'left', options: alignments, onChange: (e) => changeSchemas([{ key: 'alignment', value: e.target.value, schemaId: activeSchema.id }]) })),
-        react_1.default.createElement("div", { style: {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                marginBottom: '0.25rem',
-            } },
-            react_1.default.createElement(NumberInputSet, { width: "30%", label: 'FontSize(pt)', value: (_c = activeSchema.fontSize) !== null && _c !== void 0 ? _c : common_1.DEFAULT_FONT_SIZE, onChange: (e) => changeSchemas([
-                    { key: 'fontSize', value: Number(e.target.value), schemaId: activeSchema.id },
-                ]) }),
-            react_1.default.createElement(NumberInputSet, { width: "30%", label: 'LineHeight(em)', value: (_d = activeSchema.lineHeight) !== null && _d !== void 0 ? _d : common_1.DEFAULT_LINE_HEIGHT, onChange: (e) => changeSchemas([
-                    { key: 'lineHeight', value: Number(e.target.value), schemaId: activeSchema.id },
-                ]) }),
-            react_1.default.createElement(NumberInputSet, { width: "40%", label: 'CharacterSpacing(pt)', value: (_e = activeSchema.characterSpacing) !== null && _e !== void 0 ? _e : common_1.DEFAULT_CHARACTER_SPACING, onChange: (e) => changeSchemas([
-                    { key: 'characterSpacing', value: Number(e.target.value), schemaId: activeSchema.id },
-                ]) })),
-        react_1.default.createElement("div", { style: {
-                marginBottom: '0.25rem',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-            } },
-            react_1.default.createElement(ColorInputSet, { label: 'FontColor', value: (_f = activeSchema.fontColor) !== null && _f !== void 0 ? _f : '#000000', onChange: (e) => changeSchemas([{ key: 'fontColor', value: e.target.value, schemaId: activeSchema.id }]), onClear: () => changeSchemas([
-                    { key: 'fontColor', value: common_1.DEFAULT_FONT_COLOR, schemaId: activeSchema.id },
-                ]) }),
-            react_1.default.createElement(ColorInputSet, { label: 'Background', value: (_g = activeSchema.backgroundColor) !== null && _g !== void 0 ? _g : '#ffffff', onChange: (e) => changeSchemas([
-                    { key: 'backgroundColor', value: e.target.value, schemaId: activeSchema.id },
-                ]), onClear: () => changeSchemas([{ key: 'backgroundColor', value: '', schemaId: activeSchema.id }]) }))));
-};
-exports.default = TextPropEditor;
-//# sourceMappingURL=TextPropEditor.js.map