@pdfme/schemas 5.3.6 → 5.3.7-dev.3

package/dist/node/src/barcodes/uiRender.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uiRender = void 0;
+const helper_js_1 = require("./helper.js");
+const utils_js_1 = require("../utils.js");
+const fullSize = { width: '100%', height: '100%' };
+const blobToDataURL = (blob) => new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onloadend = () => resolve(reader.result);
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+});
+const createBarcodeImage = async (schema, value) => {
+    const imageBuf = await (0, helper_js_1.createBarCode)({
+        ...schema,
+        input: value,
+    });
+    const barcodeData = new Blob([new Uint8Array(imageBuf)], { type: 'image/png' });
+    const barcodeDataURL = await blobToDataURL(barcodeData);
+    return barcodeDataURL;
+};
+const createBarcodeImageElm = async (schema, value) => {
+    const barcodeDataURL = await createBarcodeImage(schema, value);
+    const img = document.createElement('img');
+    img.src = barcodeDataURL;
+    const imgStyle = { ...fullSize, borderRadius: 0 };
+    Object.assign(img.style, imgStyle);
+    return img;
+};
+const uiRender = async (arg) => {
+    const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema, theme } = arg;
+    const container = document.createElement('div');
+    const containerStyle = {
+        ...fullSize,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontFamily: "'Open Sans', sans-serif",
+    };
+    Object.assign(container.style, containerStyle);
+    rootElement.appendChild(container);
+    const editable = (0, utils_js_1.isEditable)(mode, schema);
+    if (editable) {
+        const input = document.createElement('input');
+        const inputStyle = {
+            width: '100%',
+            position: 'absolute',
+            textAlign: 'center',
+            fontSize: '12pt',
+            fontWeight: 'bold',
+            color: theme.colorWhite,
+            backgroundColor: editable || value ? (0, utils_js_1.addAlphaToHex)('#000000', 80) : 'none',
+            border: 'none',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            overflow: 'auto',
+        };
+        Object.assign(input.style, inputStyle);
+        input.value = value;
+        input.placeholder = placeholder || '';
+        input.tabIndex = tabIndex || 0;
+        input.addEventListener('change', (e) => {
+            onChange && onChange({ key: 'content', value: e.target.value });
+        });
+        input.addEventListener('blur', () => {
+            stopEditing && stopEditing();
+        });
+        container.appendChild(input);
+        input.setSelectionRange(value.length, value.length);
+        if (mode === 'designer') {
+            input.focus();
+        }
+    }
+    if (!value)
+        return;
+    try {
+        if (!(0, helper_js_1.validateBarcodeInput)(schema.type, value))
+            throw new Error('[@pdfme/schemas/barcodes] Invalid barcode input');
+        const imgElm = await createBarcodeImageElm(schema, value);
+        container.appendChild(imgElm);
+    }
+    catch (err) {
+        console.error(`[@pdfme/ui] ${err}`);
+        container.appendChild((0, utils_js_1.createErrorElm)());
+    }
+};
+exports.uiRender = uiRender;
+//# sourceMappingURL=uiRender.js.map

package/dist/node/src/barcodes/uiRender.js.map

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

package/dist/node/src/checkbox/index.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const svg_1 = __importDefault(require("../graphics/svg"));
+const utils_js_1 = require("../utils.js");
+const constants_js_1 = require("../constants.js");
+const lucide_1 = require("lucide");
+const utils_js_2 = require("../utils.js");
+const defaultStroke = 'currentColor';
+const getCheckedIcon = (stroke = defaultStroke) => (0, utils_js_2.createSvgStr)(lucide_1.SquareCheck, { stroke });
+const getUncheckedIcon = (stroke = defaultStroke) => (0, utils_js_2.createSvgStr)(lucide_1.Square, { stroke });
+const getIcon = ({ value, color }) => value === 'true' ? getCheckedIcon(color) : getUncheckedIcon(color);
+const schema = {
+    ui: (arg) => {
+        const { schema, value, onChange, rootElement, mode } = arg;
+        const container = document.createElement('div');
+        container.style.width = '100%';
+        container.style.height = '100%';
+        if ((0, utils_js_1.isEditable)(mode, schema)) {
+            container.addEventListener('click', () => {
+                onChange && onChange({ key: 'content', value: value === 'true' ? 'false' : 'true' });
+            });
+        }
+        void svg_1.default.ui({
+            ...arg,
+            rootElement: container,
+            mode: 'viewer',
+            value: getIcon({ value, color: schema.color }),
+        });
+        rootElement.appendChild(container);
+    },
+    pdf: (arg) => svg_1.default.pdf(Object.assign(arg, { value: getIcon({ value: arg.value, color: arg.schema.color }) })),
+    propPanel: {
+        schema: ({ i18n }) => ({
+            color: {
+                title: i18n('schemas.color'),
+                type: 'string',
+                widget: 'color',
+                props: {
+                    disabledAlpha: true
+                },
+                required: true,
+                rules: [{ pattern: constants_js_1.HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
+            },
+        }),
+        defaultSchema: {
+            name: '',
+            type: 'checkbox',
+            content: 'false',
+            position: { x: 0, y: 0 },
+            width: 8,
+            height: 8,
+            color: '#000000',
+        },
+    },
+    icon: getCheckedIcon(),
+};
+exports.default = schema;
+//# sourceMappingURL=index.js.map

package/dist/node/src/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/checkbox/index.ts"],"names":[],"mappings":";;;;;AAEA,0DAAkC;AAClC,0CAAyC;AACzC,kDAAoD;AACpD,mCAA6C;AAC7C,0CAA2C;AAE3C,MAAM,aAAa,GAAG,cAAc,CAAC;AAErC,MAAM,cAAc,GAAG,CAAC,MAAM,GAAG,aAAa,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,oBAAW,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AACzF,MAAM,gBAAgB,GAAG,CAAC,MAAM,GAAG,aAAa,EAAE,EAAE,CAAC,IAAA,uBAAY,EAAC,eAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAMtF,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoC,EAAE,EAAE,CACrE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAErE,MAAM,MAAM,GAAqB;IAC/B,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE;QACV,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC;QAC3D,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC/B,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAEhC,IAAI,IAAA,qBAAU,EAAC,IAAI,EAAE,MAAM,CAAC,EAAE;YAC5B,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACvC,QAAQ,IAAI,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;YACvF,CAAC,CAAC,CAAC;SACJ;QAED,KAAK,aAAG,CAAC,EAAE,CAAC;YACV,GAAG,GAAG;YACN,WAAW,EAAE,SAAS;YACtB,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;SAC/C,CAAC,CAAC;QAEH,WAAW,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IACD,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CACX,aAAG,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAChG,SAAS,EAAE;QACT,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;YACrB,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;gBAC5B,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE;oBACL,aAAa,EAAE,IAAI;iBACpB;gBACD,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,gCAAiB,EAAE,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC;aAC9E;SACF,CAAC;QACF,aAAa,EAAE;YACb,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;YACxB,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,SAAS;SACjB;KACF;IACD,IAAI,EAAE,cAAc,EAAE;CACvB,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/node/src/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HEX_COLOR_PATTERN = exports.DEFAULT_OPACITY = void 0;
+exports.DEFAULT_OPACITY = 1;
+exports.HEX_COLOR_PATTERN = '^#(?:[A-Fa-f0-9]{6})$';
+//# sourceMappingURL=constants.js.map

package/dist/node/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG,CAAC,CAAC;AACpB,QAAA,iBAAiB,GAAG,uBAAuB,CAAC"}

package/dist/node/src/date/date.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const helper_1 = require("./helper");
+const utils_js_1 = require("../utils.js");
+const lucide_1 = require("lucide");
+const type = 'date';
+const icon = (0, utils_js_1.createSvgStr)(lucide_1.Calendar);
+exports.default = (0, helper_1.getPlugin)({ type, icon });
+//# sourceMappingURL=date.js.map

package/dist/node/src/date/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../../src/date/date.ts"],"names":[],"mappings":";;AAAA,qCAAqC;AACrC,0CAA2C;AAC3C,mCAAkC;AAElC,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB,MAAM,IAAI,GAAG,IAAA,uBAAY,EAAC,iBAAQ,CAAC,CAAC;AAEpC,kBAAe,IAAA,kBAAS,EAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC"}

package/dist/node/src/date/dateTime.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const helper_1 = require("./helper");
+const utils_js_1 = require("../utils.js");
+const lucide_1 = require("lucide");
+const type = 'dateTime';
+const icon = (0, utils_js_1.createSvgStr)(lucide_1.CalendarClock);
+exports.default = (0, helper_1.getPlugin)({ type, icon });
+//# sourceMappingURL=dateTime.js.map

package/dist/node/src/date/dateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTime.js","sourceRoot":"","sources":["../../../../src/date/dateTime.ts"],"names":[],"mappings":";;AAAA,qCAAqC;AACrC,0CAA2C;AAC3C,mCAAuC;AAEvC,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB,MAAM,IAAI,GAAG,IAAA,uBAAY,EAAC,sBAAa,CAAC,CAAC;AAEzC,kBAAe,IAAA,kBAAS,EAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC"}