@pdfme/schemas 0.0.0

package/dist/esm/src/multiVariableText/propPanel.js

@@ -0,0 +1,145 @@
+import { propPanel as parentPropPanel } from '../text/propPanel.js';
+const mapDynamicVariables = (props) => {
+    const { rootElement, changeSchemas, activeSchema, i18n, options } = props;
+    const mvtSchema = activeSchema;
+    const text = mvtSchema.text || '';
+    const variables = JSON.parse(mvtSchema.content || '{}');
+    const variablesChanged = updateVariablesFromText(text, variables);
+    const varNames = Object.keys(variables);
+    if (variablesChanged) {
+        changeSchemas([
+            { key: 'content', value: JSON.stringify(variables), schemaId: activeSchema.id },
+            { key: 'variables', value: varNames, schemaId: activeSchema.id },
+            { key: 'readOnly', value: varNames.length === 0, schemaId: activeSchema.id },
+        ]);
+    }
+    const placeholderRowEl = document
+        .getElementById('placeholder-dynamic-var')
+        ?.closest('.ant-form-item');
+    if (!placeholderRowEl) {
+        throw new Error('Failed to find Ant form placeholder row to create dynamic variables inputs.');
+    }
+    placeholderRowEl.style.display = 'none';
+    // The wrapping form element has a display:flex which limits the width of the form fields, removing.
+    rootElement.parentElement.style.display = 'block';
+    if (varNames.length > 0) {
+        for (let variableName of varNames) {
+            const varRow = placeholderRowEl.cloneNode(true);
+            const textarea = varRow.querySelector('textarea');
+            textarea.id = 'dynamic-var-' + variableName;
+            textarea.value = variables[variableName];
+            textarea.addEventListener('change', (e) => {
+                if (variableName in variables) {
+                    variables[variableName] = e.target.value;
+                    changeSchemas([
+                        { key: 'content', value: JSON.stringify(variables), schemaId: activeSchema.id },
+                    ]);
+                }
+            });
+            const label = varRow.querySelector('label');
+            label.innerText = variableName;
+            varRow.style.display = 'block';
+            rootElement.appendChild(varRow);
+        }
+    }
+    else {
+        const para = document.createElement('p');
+        // Extract color value to avoid unsafe property access
+        const colorValue = options?.theme?.token?.colorPrimary || '#168fe3';
+        const isValidColor = /^#[0-9A-F]{6}$/i.test(colorValue) ||
+            /^(rgb|hsl)a?\(\s*([+-]?\d+%?\s*,\s*){2,3}[+-]?\d+%?\s*\)$/i.test(colorValue);
+        const safeColorValue = isValidColor ? colorValue : '#168fe3';
+        // Use safe string concatenation for innerHTML
+        const typingInstructions = i18n('schemas.mvt.typingInstructions');
+        const sampleField = i18n('schemas.mvt.sampleField');
+        para.innerHTML =
+            typingInstructions +
+                ` <code style="color:${safeColorValue}; font-weight:bold;">{` +
+                sampleField +
+                '}</code>';
+        rootElement.appendChild(para);
+    }
+};
+export const propPanel = {
+    schema: (propPanelProps) => {
+        if (typeof parentPropPanel.schema !== 'function') {
+            throw new Error('Oops, is text schema no longer a function?');
+        }
+        // Safely call schema function with proper type handling
+        const parentSchema = typeof parentPropPanel.schema === 'function' ? parentPropPanel.schema(propPanelProps) : {};
+        return {
+            ...parentSchema,
+            '-------': { type: 'void', widget: 'Divider' },
+            dynamicVarContainer: {
+                title: 'Variables Sample Data',
+                type: 'string',
+                widget: 'Card',
+                span: 24,
+                properties: {
+                    dynamicVariables: {
+                        type: 'object',
+                        widget: 'mapDynamicVariables',
+                        bind: false,
+                        span: 24,
+                    },
+                    placeholderDynamicVar: {
+                        title: 'Placeholder Dynamic Variable',
+                        type: 'string',
+                        format: 'textarea',
+                        props: {
+                            id: 'placeholder-dynamic-var',
+                            autoSize: {
+                                minRows: 2,
+                                maxRows: 5,
+                            },
+                        },
+                        span: 24,
+                    },
+                },
+            },
+        };
+    },
+    widgets: { ...(parentPropPanel.widgets || {}), mapDynamicVariables },
+    defaultSchema: {
+        ...parentPropPanel.defaultSchema,
+        readOnly: false,
+        type: 'multiVariableText',
+        text: 'Add text here using {} for variables ',
+        width: 50,
+        height: 15,
+        content: '{}',
+        variables: [],
+    },
+};
+const updateVariablesFromText = (text, variables) => {
+    const regex = /\{([^{}]+)}/g;
+    const matches = text.match(regex);
+    let changed = false;
+    if (matches) {
+        // Add any new variables
+        for (const match of matches) {
+            const variableName = match.replace('{', '').replace('}', '');
+            if (!(variableName in variables)) {
+                // NOTE: We upper case the variable name as the default value
+                variables[variableName] = variableName.toUpperCase();
+                changed = true;
+            }
+        }
+        // Remove any that no longer exist
+        Object.keys(variables).forEach((variableName) => {
+            if (!matches.includes('{' + variableName + '}')) {
+                delete variables[variableName];
+                changed = true;
+            }
+        });
+    }
+    else {
+        // No matches at all, so clear all variables
+        Object.keys(variables).forEach((variableName) => {
+            delete variables[variableName];
+            changed = true;
+        });
+    }
+    return changed;
+};
+//# sourceMappingURL=propPanel.js.map

package/dist/esm/src/multiVariableText/propPanel.js.map

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

package/dist/esm/src/multiVariableText/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/src/multiVariableText/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/multiVariableText/types.ts"],"names":[],"mappings":""}

package/dist/esm/src/multiVariableText/uiRender.js

@@ -0,0 +1,142 @@
+import { getDefaultFont } from '@pdfme/common';
+import { uiRender as parentUiRender, buildStyledTextContainer, makeElementPlainTextContentEditable, } from '../text/uiRender.js';
+import { isEditable } from '../utils.js';
+import { getFontKitFont } from '../text/helper.js';
+import { substituteVariables } from './helper.js';
+export const uiRender = async (arg) => {
+    const { value, schema, rootElement, mode, onChange, ...rest } = arg;
+    let text = schema.text;
+    let numVariables = schema.variables.length;
+    if (mode === 'form' && numVariables > 0) {
+        await formUiRender(arg);
+        return;
+    }
+    await parentUiRender({
+        value: isEditable(mode, schema) ? text : substituteVariables(text, value),
+        schema,
+        mode: mode === 'form' ? 'viewer' : mode, // if no variables for form it's just a viewer
+        rootElement,
+        onChange: (arg) => {
+            if (!Array.isArray(arg)) {
+                if (onChange) {
+                    onChange({ key: 'text', value: arg.value });
+                }
+            }
+            else {
+                throw new Error('onChange is not an array, the parent text plugin has changed...');
+            }
+        },
+        ...rest,
+    });
+    const textBlock = rootElement.querySelector('#text-' + String(schema.id));
+    if (!textBlock) {
+        throw new Error('Text block not found. Ensure the text block has an id of "text-" + schema.id');
+    }
+    if (mode === 'designer') {
+        textBlock.addEventListener('keyup', (event) => {
+            text = textBlock.textContent || '';
+            if (keyPressShouldBeChecked(event)) {
+                const newNumVariables = countUniqueVariableNames(text);
+                if (numVariables !== newNumVariables) {
+                    // If variables were modified during this keypress, we trigger a change
+                    if (onChange) {
+                        onChange({ key: 'text', value: text });
+                    }
+                    numVariables = newNumVariables;
+                }
+            }
+        });
+    }
+};
+const formUiRender = async (arg) => {
+    const { value, schema, rootElement, onChange, stopEditing, theme, _cache, options } = arg;
+    const rawText = schema.text;
+    if (rootElement.parentElement) {
+        // remove the outline for the whole schema, we'll apply outlines on each individual variable field instead
+        rootElement.parentElement.style.outline = '';
+    }
+    const variables = value
+        ? JSON.parse(value) || {}
+        : {};
+    const variableIndices = getVariableIndices(rawText);
+    const substitutedText = substituteVariables(rawText, variables);
+    const font = options?.font || getDefaultFont();
+    const fontKitFont = await getFontKitFont(schema.fontName, font, _cache);
+    const textBlock = buildStyledTextContainer(arg, fontKitFont, substitutedText);
+    // Construct content-editable spans for each variable within the string
+    let inVarString = false;
+    for (let i = 0; i < rawText.length; i++) {
+        if (variableIndices[i]) {
+            inVarString = true;
+            let span = document.createElement('span');
+            span.style.outline = `${theme.colorPrimary} dashed 1px`;
+            makeElementPlainTextContentEditable(span);
+            span.textContent = variables[variableIndices[i]];
+            span.addEventListener('blur', (e) => {
+                const newValue = e.target.textContent || '';
+                if (newValue !== variables[variableIndices[i]]) {
+                    variables[variableIndices[i]] = newValue;
+                    if (onChange)
+                        onChange({ key: 'content', value: JSON.stringify(variables) });
+                    if (stopEditing)
+                        stopEditing();
+                }
+            });
+            textBlock.appendChild(span);
+        }
+        else if (inVarString) {
+            if (rawText[i] === '}') {
+                inVarString = false;
+            }
+        }
+        else {
+            let span = document.createElement('span');
+            span.style.letterSpacing = rawText.length === i + 1 ? '0' : 'inherit';
+            span.textContent = rawText[i];
+            textBlock.appendChild(span);
+        }
+    }
+};
+const getVariableIndices = (content) => {
+    const regex = /\{([^}]+)}/g;
+    const indices = [];
+    let match;
+    while ((match = regex.exec(content)) !== null) {
+        indices[match.index] = match[1];
+    }
+    return indices;
+};
+const countUniqueVariableNames = (content) => {
+    const regex = /\{([^}]+)}/g;
+    const uniqueMatchesSet = new Set();
+    let match;
+    while ((match = regex.exec(content)) !== null) {
+        uniqueMatchesSet.add(match[1]);
+    }
+    return uniqueMatchesSet.size;
+};
+/**
+ * An optimisation to try to minimise jank while typing.
+ * Only check whether variables were modified based on certain key presses.
+ * Regex would otherwise be performed on every key press (which isn't terrible, but this code helps).
+ */
+const keyPressShouldBeChecked = (event) => {
+    if (event.key === 'ArrowUp' ||
+        event.key === 'ArrowDown' ||
+        event.key === 'ArrowLeft' ||
+        event.key === 'ArrowRight') {
+        return false;
+    }
+    const selection = window.getSelection();
+    const contenteditable = event.target;
+    const isCursorAtEnd = selection?.focusOffset === contenteditable?.textContent?.length;
+    if (isCursorAtEnd) {
+        return event.key === '}' || event.key === 'Backspace' || event.key === 'Delete';
+    }
+    const isCursorAtStart = selection?.anchorOffset === 0;
+    if (isCursorAtStart) {
+        return event.key === '{' || event.key === 'Backspace' || event.key === 'Delete';
+    }
+    return true;
+};
+//# sourceMappingURL=uiRender.js.map

package/dist/esm/src/multiVariableText/uiRender.js.map

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

package/dist/esm/src/radioGroup/index.js

@@ -0,0 +1,88 @@
+import { Circle, CircleDot } from 'lucide';
+import svg from '../graphics/svg.js';
+import { isEditable, createSvgStr } from '../utils.js';
+import { HEX_COLOR_PATTERN } from '../constants.js';
+const defaultStroke = 'currentColor';
+const getCheckedIcon = (stroke = defaultStroke) => createSvgStr(CircleDot, { stroke });
+const getUncheckedIcon = (stroke = defaultStroke) => createSvgStr(Circle, { stroke });
+const getIcon = ({ value, color }) => value === 'true' ? getCheckedIcon(color) : getUncheckedIcon(color);
+const eventEmitter = new EventTarget();
+const radioButtonStates = new Map();
+const eventListeners = new Map();
+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 (onChange) {
+            radioButtonStates.set(schema.name, { value, onChange });
+        }
+        const oldListener = eventListeners.get(schema.name);
+        if (oldListener) {
+            eventEmitter.removeEventListener(`group-${schema.group}`, oldListener);
+        }
+        const handleGroupEvent = (event) => {
+            const customEvent = event;
+            const selectedSchemaName = customEvent.detail;
+            if (selectedSchemaName !== schema.name) {
+                const radioButtonState = radioButtonStates.get(schema.name);
+                if (!radioButtonState)
+                    return;
+                if (radioButtonState.value === 'true') {
+                    radioButtonState.onChange({ key: 'content', value: 'false' });
+                }
+            }
+        };
+        eventListeners.set(schema.name, handleGroupEvent);
+        eventEmitter.addEventListener(`group-${schema.group}`, handleGroupEvent);
+        if (isEditable(mode, schema)) {
+            container.addEventListener('click', () => {
+                if (value !== 'true' && onChange) {
+                    onChange({ key: 'content', value: 'true' });
+                    radioButtonStates.set(schema.name, { value: 'true', onChange });
+                    eventEmitter.dispatchEvent(new CustomEvent(`group-${schema.group}`, { detail: schema.name }));
+                }
+            });
+        }
+        void svg.ui({
+            ...arg,
+            rootElement: container,
+            mode: 'viewer',
+            value: getIcon({ value, color: schema.color }),
+        });
+        rootElement.appendChild(container);
+    },
+    pdf: (arg) => svg.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: HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
+            },
+            group: {
+                title: i18n('schemas.radioGroup.groupName'),
+                type: 'string',
+            },
+        }),
+        defaultSchema: {
+            name: '',
+            type: 'radioGroup',
+            content: 'false',
+            position: { x: 0, y: 0 },
+            width: 8,
+            height: 8,
+            group: 'MyGroup',
+            color: '#000000',
+        },
+    },
+    icon: getCheckedIcon(),
+};
+export default schema;
+//# sourceMappingURL=index.js.map

package/dist/esm/src/radioGroup/index.js.map

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

package/dist/esm/src/select/index.js

@@ -0,0 +1,165 @@
+import { propPanel as parentPropPanel } from '../text/propPanel.js';
+import text from '../text/index.js';
+import { ChevronDown } from 'lucide';
+import { createSvgStr } from '../utils.js';
+const selectIcon = createSvgStr(ChevronDown);
+const addOptions = (props) => {
+    const { rootElement, changeSchemas, activeSchema, i18n } = props;
+    rootElement.style.width = '100%';
+    const selectSchema = activeSchema;
+    const currentOptions = selectSchema.options ? [...selectSchema.options] : [];
+    const inputStyle = {
+        width: '100%',
+        padding: '6.25px 11px',
+        border: '1px solid #ccc',
+        borderRadius: '4px',
+    };
+    const buttonStyle = { border: 'none', borderRadius: '4px', cursor: 'pointer' };
+    const updateSchemas = () => {
+        changeSchemas([
+            { key: 'options', value: currentOptions, schemaId: activeSchema.id },
+            { key: 'content', value: currentOptions[0] || '', schemaId: activeSchema.id },
+        ]);
+    };
+    const formContainer = document.createElement('div');
+    Object.assign(formContainer.style, {
+        width: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        marginBottom: '10px',
+    });
+    const input = document.createElement('input');
+    input.type = 'text';
+    input.placeholder = i18n('schemas.select.optionPlaceholder');
+    Object.assign(input.style, inputStyle, { marginRight: '10px' });
+    const addButton = document.createElement('button');
+    addButton.textContent = '+';
+    Object.assign(addButton.style, buttonStyle, {
+        width: '25px',
+        height: '25px',
+        padding: '4px 8px',
+    });
+    addButton.addEventListener('click', () => {
+        const newValue = input.value.trim();
+        if (newValue) {
+            currentOptions.push(newValue);
+            updateSchemas();
+            renderOptions();
+            input.value = '';
+        }
+    });
+    formContainer.appendChild(input);
+    formContainer.appendChild(addButton);
+    const optionsList = document.createElement('ul');
+    Object.assign(optionsList.style, { listStyle: 'none', padding: '0' });
+    const renderOptions = () => {
+        optionsList.innerHTML = '';
+        currentOptions.forEach((option, index) => {
+            const li = document.createElement('li');
+            Object.assign(li.style, { display: 'flex', alignItems: 'center', marginBottom: '5px' });
+            const optionInput = document.createElement('input');
+            optionInput.type = 'text';
+            optionInput.value = option;
+            Object.assign(optionInput.style, inputStyle, { marginRight: '10px' });
+            optionInput.addEventListener('change', () => {
+                currentOptions[index] = optionInput.value;
+                updateSchemas();
+            });
+            const removeButton = document.createElement('button');
+            removeButton.textContent = 'x';
+            Object.assign(removeButton.style, buttonStyle, { padding: '4px 8px' });
+            removeButton.addEventListener('click', () => {
+                currentOptions.splice(index, 1);
+                updateSchemas();
+                renderOptions();
+            });
+            li.appendChild(optionInput);
+            li.appendChild(removeButton);
+            optionsList.appendChild(li);
+        });
+    };
+    rootElement.appendChild(formContainer);
+    rootElement.appendChild(optionsList);
+    renderOptions();
+};
+const schema = {
+    ui: async (arg) => {
+        const { schema, value, onChange, rootElement, mode } = arg;
+        await text.ui(Object.assign(arg, { mode: 'viewer' }));
+        if (mode !== 'viewer' && !(mode === 'form' && schema.readOnly)) {
+            const buttonWidth = 30;
+            const selectButton = document.createElement('button');
+            selectButton.innerHTML = selectIcon;
+            const selectButtonStyle = {
+                position: 'absolute',
+                zIndex: -1,
+                right: `-${buttonWidth}px`,
+                top: '0',
+                padding: '0',
+                margin: '0',
+                cursor: 'pointer',
+                height: `${buttonWidth}px`,
+                width: `${buttonWidth}px`,
+            };
+            Object.assign(selectButton.style, selectButtonStyle);
+            rootElement.appendChild(selectButton);
+            const selectElement = document.createElement('select');
+            const selectElementStyle = {
+                opacity: '0',
+                position: 'absolute',
+                width: `calc(100% + ${buttonWidth}px)`,
+                height: '100%',
+                top: '0',
+                left: '0',
+                appearance: 'initial',
+            };
+            Object.assign(selectElement.style, selectElementStyle);
+            selectElement.value = value;
+            selectElement.addEventListener('change', (e) => {
+                if (onChange && e.target instanceof HTMLSelectElement) {
+                    if (onChange)
+                        onChange({ key: 'content', value: e.target.value });
+                }
+            });
+            // Ensure schema.options is an array before mapping
+            const options = Array.isArray(schema.options) ? schema.options : [];
+            selectElement.innerHTML = options
+                .map((option) => `<option value="${option}" ${option === value ? 'selected' : ''}>${option}</option>`)
+                .join('');
+            rootElement.appendChild(selectElement);
+        }
+    },
+    pdf: text.pdf,
+    propPanel: {
+        ...text.propPanel,
+        widgets: { ...parentPropPanel.widgets, addOptions },
+        schema: (propPanelProps) => {
+            if (typeof parentPropPanel.schema !== 'function') {
+                throw Error('Oops, is text schema no longer a function?');
+            }
+            // Safely call the parent schema function with proper type checking
+            const parentSchema = parentPropPanel.schema(propPanelProps);
+            // Create a type-safe return object
+            return {
+                ...parentSchema,
+                '-------': { type: 'void', widget: 'Divider' },
+                optionsContainer: {
+                    title: propPanelProps.i18n('schemas.select.options'),
+                    type: 'string',
+                    widget: 'Card',
+                    span: 24,
+                    properties: { options: { widget: 'addOptions', span: 24 } },
+                },
+            };
+        },
+        defaultSchema: {
+            ...text.propPanel.defaultSchema,
+            type: 'select',
+            content: 'option1',
+            options: ['option1', 'option2'],
+        },
+    },
+    icon: selectIcon,
+};
+export default schema;
+//# sourceMappingURL=index.js.map

package/dist/esm/src/select/index.js.map

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