@unlev/exeq 0.4.2 → 0.5.1

package/dist/index.js

@@ -59,6 +59,7 @@ __export(lib_exports, {
   isRedactField: () => isRedactField,
   isSignatureField: () => isSignatureField,
   isTextLikeField: () => isTextLikeField,
+  parseDate: () => parseDate,
   postPdfToCallback: () => postPdfToCallback,
   preserveFieldValues: () => preserveFieldValues,
   renderPdfPages: () => renderPdfPages,
@@ -127,6 +128,17 @@ var CSS_FONT_MAP = {
 function getCssFontFamily(fontFamily) {
   return fontFamily ? CSS_FONT_MAP[fontFamily] : void 0;
 }
+function getCssTextStyle(field) {
+  const decorations = [];
+  if (field.underline) decorations.push("underline");
+  if (field.strikethrough) decorations.push("line-through");
+  return {
+    fontFamily: getCssFontFamily(field.fontFamily),
+    fontWeight: field.bold ? "bold" : void 0,
+    fontStyle: field.italic ? "italic" : void 0,
+    textDecorationLine: decorations.length ? decorations.join(" ") : void 0
+  };
+}
 function sortFieldsByPosition(fields) {
   return [...fields].sort((a, b) => {
     if (a.page !== b.page) return a.page - b.page;
@@ -782,6 +794,15 @@ function FieldPropertyPanel({ field, signerRoles, onUpdate, onDelete, prefillCon
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Font Size (pt)" }),
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "number", min: "6", max: "72", value: field.fontSize, onChange: (e) => onUpdate(field.id, { fontSize: Number(e.target.value) }) })
       ] }),
+      isText && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Formatting" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "text-format-buttons", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: `text-format-btn ${field.bold ? "active" : ""}`, style: { fontWeight: "bold" }, title: "Bold", onClick: () => onUpdate(field.id, { bold: !field.bold }), children: "B" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: `text-format-btn ${field.italic ? "active" : ""}`, style: { fontStyle: "italic" }, title: "Italic", onClick: () => onUpdate(field.id, { italic: !field.italic }), children: "I" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: `text-format-btn ${field.underline ? "active" : ""}`, style: { textDecorationLine: "underline" }, title: "Underline", onClick: () => onUpdate(field.id, { underline: !field.underline }), children: "U" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: `text-format-btn ${field.strikethrough ? "active" : ""}`, style: { textDecorationLine: "line-through" }, title: "Strikethrough", onClick: () => onUpdate(field.id, { strikethrough: !field.strikethrough }), children: "S" })
+        ] })
+      ] }),
       isText && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field-row", children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field panel-field-half", children: [
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Letter Spacing" }),
@@ -854,6 +875,10 @@ function BulkPropertyPanel({ fields, signerRoles, onUpdate, onAlign, onDelete })
   const sharedInkColor = sharedValue(fields.map((f) => f.inkColor || "#000000"));
   const sharedLetterSpacing = sharedValue(fields.map((f) => f.letterSpacing || 0));
   const sharedLineHeight = sharedValue(fields.map((f) => f.lineHeight || 1.2));
+  const allBold = fields.every((f) => f.bold);
+  const allItalic = fields.every((f) => f.italic);
+  const allUnderline = fields.every((f) => f.underline);
+  const allStrike = fields.every((f) => f.strikethrough);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "field-property-panel", children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("h3", { children: [
@@ -968,6 +993,15 @@ function BulkPropertyPanel({ fields, signerRoles, onUpdate, onAlign, onDelete })
         }
       )
     ] }),
+    hasText && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Formatting" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "text-format-buttons", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: `text-format-btn ${allBold ? "active" : ""}`, style: { fontWeight: "bold" }, title: "Bold", onClick: () => onUpdate({ bold: !allBold }), children: "B" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: `text-format-btn ${allItalic ? "active" : ""}`, style: { fontStyle: "italic" }, title: "Italic", onClick: () => onUpdate({ italic: !allItalic }), children: "I" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: `text-format-btn ${allUnderline ? "active" : ""}`, style: { textDecorationLine: "underline" }, title: "Underline", onClick: () => onUpdate({ underline: !allUnderline }), children: "U" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: `text-format-btn ${allStrike ? "active" : ""}`, style: { textDecorationLine: "line-through" }, title: "Strikethrough", onClick: () => onUpdate({ strikethrough: !allStrike }), children: "S" })
+      ] })
+    ] }),
     hasText && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field-row", children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field panel-field-half", children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Letter Spacing" }),
@@ -1750,7 +1784,6 @@ function DesignerView({
       }
     }
     const inkColor = field.inkColor || "#000000";
-    const cssFontFamily = getCssFontFamily(field.fontFamily);
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "div",
       {
@@ -1758,9 +1791,9 @@ function DesignerView({
         style: {
           color: field.value ? inkColor : void 0,
           fontSize: `${field.fontSize}pt`,
-          fontFamily: cssFontFamily,
           letterSpacing: field.letterSpacing ? `${field.letterSpacing}pt` : void 0,
-          lineHeight: field.lineHeight ? `${field.lineHeight}` : void 0
+          lineHeight: field.lineHeight ? `${field.lineHeight}` : void 0,
+          ...getCssTextStyle(field)
         },
         children: field.value || field.placeholder
       }
@@ -2128,39 +2161,56 @@ var import_react7 = require("react");
 var import_pdf_lib = require("pdf-lib");
 
 // src/utils/formulaResolver.ts
+function parseDate(value) {
+  const s = value.trim();
+  if (!s) return null;
+  if (/^\d+(\.\d+)?$/.test(s)) {
+    const serial = parseFloat(s);
+    if (serial > 59) {
+      const utc = new Date(Math.round((serial - 25569) * 864e5));
+      if (!isNaN(utc.getTime())) {
+        return new Date(utc.getUTCFullYear(), utc.getUTCMonth(), utc.getUTCDate());
+      }
+    }
+  }
+  const iso = s.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (iso) return new Date(+iso[1], +iso[2] - 1, +iso[3]);
+  const d = new Date(s);
+  return isNaN(d.getTime()) ? null : d;
+}
 var BUILTIN_TRANSFORMS = {
   // Date transforms (expects a parseable date string)
   month: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getMonth() + 1);
+    const d = parseDate(v);
+    return d ? String(d.getMonth() + 1) : "";
   },
   month2: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getMonth() + 1).padStart(2, "0");
+    const d = parseDate(v);
+    return d ? String(d.getMonth() + 1).padStart(2, "0") : "";
   },
   monthname: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : d.toLocaleString("en", { month: "long" });
+    const d = parseDate(v);
+    return d ? d.toLocaleString("en", { month: "long" }) : "";
   },
   monthshort: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : d.toLocaleString("en", { month: "short" });
+    const d = parseDate(v);
+    return d ? d.toLocaleString("en", { month: "short" }) : "";
   },
   day: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getDate());
+    const d = parseDate(v);
+    return d ? String(d.getDate()) : "";
   },
   day2: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getDate()).padStart(2, "0");
+    const d = parseDate(v);
+    return d ? String(d.getDate()).padStart(2, "0") : "";
   },
   year: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getFullYear());
+    const d = parseDate(v);
+    return d ? String(d.getFullYear()) : "";
   },
   year2: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getFullYear()).slice(-2);
+    const d = parseDate(v);
+    return d ? String(d.getFullYear()).slice(-2) : "";
   },
   // String transforms
   upper: (v) => v.toUpperCase(),
@@ -2189,15 +2239,27 @@ var BUILTIN_TRANSFORMS = {
 };
 var FORMULA_RE = /\{\{(.+?)\}\}/g;
 var PIPE_RE = /^(.+?)\s*\|\s*(.+)$/;
-function resolveFormula(formula, fields, customTransforms) {
+function todayIso() {
+  const d = /* @__PURE__ */ new Date();
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+}
+function resolveFormula(formula, fields, customTransforms, values) {
   const transforms = { ...BUILTIN_TRANSFORMS, ...customTransforms };
   return formula.replace(FORMULA_RE, (_match, expr) => {
     const pipeMatch = expr.match(PIPE_RE);
     const sourceLabel = (pipeMatch ? pipeMatch[1] : expr).trim();
     const transformName = pipeMatch ? pipeMatch[2].trim() : null;
-    const sourceField = fields.find((f) => f.label.toLowerCase() === sourceLabel.toLowerCase()) || fields.find((f) => f.id === sourceLabel);
-    if (!sourceField) return "";
-    const rawValue = sourceField.value || "";
+    const lowerLabel = sourceLabel.toLowerCase();
+    const sourceField = fields.find((f) => f.label.toLowerCase() === lowerLabel) || fields.find((f) => f.id === sourceLabel);
+    let rawValue = sourceField ? sourceField.value || "" : void 0;
+    if (rawValue === void 0 && values) {
+      const key = Object.keys(values).find((k) => k.toLowerCase() === lowerLabel);
+      if (key !== void 0) rawValue = values[key] || "";
+    }
+    if (rawValue === void 0 && (lowerLabel === "today" || lowerLabel === "now")) {
+      rawValue = todayIso();
+    }
+    if (rawValue === void 0) return "";
     if (!transformName) return rawValue;
     const fn = transforms[transformName];
     if (!fn) return rawValue;
@@ -2208,20 +2270,28 @@ function resolveFormula(formula, fields, customTransforms) {
     }
   });
 }
-function resolveAllFormulas(fields, customTransforms) {
+function resolveAllFormulas(fields, customTransforms, values) {
   return fields.map((f) => {
     if (!f.formula) return f;
-    const computed = resolveFormula(f.formula, fields, customTransforms);
+    const computed = resolveFormula(f.formula, fields, customTransforms, values);
     return computed !== f.value ? { ...f, value: computed } : f;
   });
 }
 
 // src/utils/pdfFiller.ts
-var FONT_MAP = {
-  Helvetica: import_pdf_lib.StandardFonts.Helvetica,
-  Courier: import_pdf_lib.StandardFonts.Courier,
-  TimesRoman: import_pdf_lib.StandardFonts.TimesRoman
+var FONT_VARIANTS = {
+  Helvetica: [import_pdf_lib.StandardFonts.Helvetica, import_pdf_lib.StandardFonts.HelveticaBold, import_pdf_lib.StandardFonts.HelveticaOblique, import_pdf_lib.StandardFonts.HelveticaBoldOblique],
+  Courier: [import_pdf_lib.StandardFonts.Courier, import_pdf_lib.StandardFonts.CourierBold, import_pdf_lib.StandardFonts.CourierOblique, import_pdf_lib.StandardFonts.CourierBoldOblique],
+  TimesRoman: [import_pdf_lib.StandardFonts.TimesRoman, import_pdf_lib.StandardFonts.TimesRomanBold, import_pdf_lib.StandardFonts.TimesRomanItalic, import_pdf_lib.StandardFonts.TimesRomanBoldItalic]
 };
+function resolveStandardFont(family, bold, italic) {
+  const variants = FONT_VARIANTS[family] || FONT_VARIANTS.Helvetica;
+  const idx = (bold ? 1 : 0) + (italic ? 2 : 0);
+  return variants[idx];
+}
+function fontKey(family, bold, italic) {
+  return `${family}|${bold ? "b" : ""}|${italic ? "i" : ""}`;
+}
 var US_LETTER = [612, 792];
 var US_LEGAL = [612, 1008];
 var A4 = [595.28, 841.89];
@@ -2296,7 +2366,7 @@ async function renderFieldsOnPages(pages, fields, getFont, getSignature) {
         page.drawImage(img, { x, y, width: w, height: h });
       }
     } else {
-      const font = await getFont(field.fontFamily || "Helvetica");
+      const font = await getFont(field.fontFamily || "Helvetica", field.bold, field.italic);
       const spacing = field.letterSpacing || 0;
       const textWidthAtSize = (text, size) => font.widthOfTextAtSize(text, size) + spacing * (text.length - 1);
       let fontSize = field.autoShrink ? Math.min(field.fontSize, h * 0.7) : field.fontSize;
@@ -2307,13 +2377,14 @@ async function renderFieldsOnPages(pages, fields, getFont, getSignature) {
           fontSize -= 0.5;
         }
       }
+      const textX = x + 2;
+      const baselineY = y + h * 0.3;
       if (spacing > 0) {
-        let cx = x + 2;
-        const cy = y + h * 0.3;
+        let cx = textX;
         for (const char of field.value) {
           page.drawText(char, {
             x: cx,
-            y: cy,
+            y: baselineY,
             size: fontSize,
             font,
             color: inkColor
@@ -2322,13 +2393,35 @@ async function renderFieldsOnPages(pages, fields, getFont, getSignature) {
         }
       } else {
         page.drawText(field.value, {
-          x: x + 2,
-          y: y + h * 0.3,
+          x: textX,
+          y: baselineY,
           size: fontSize,
           font,
           color: inkColor
         });
       }
+      if (field.underline || field.strikethrough) {
+        const textWidth = textWidthAtSize(field.value, fontSize);
+        const lineThickness = Math.max(0.5, fontSize * 0.06);
+        if (field.underline) {
+          const uy = baselineY - fontSize * 0.12;
+          page.drawLine({
+            start: { x: textX, y: uy },
+            end: { x: textX + textWidth, y: uy },
+            thickness: lineThickness,
+            color: inkColor
+          });
+        }
+        if (field.strikethrough) {
+          const sy = baselineY + fontSize * 0.3;
+          page.drawLine({
+            start: { x: textX, y: sy },
+            end: { x: textX + textWidth, y: sy },
+            thickness: lineThickness,
+            color: inkColor
+          });
+        }
+      }
     }
   }
 }
@@ -2342,18 +2435,19 @@ async function createPdfBuilder(defaults = {}) {
   const fontCache = /* @__PURE__ */ new Map();
   const embeddedPagesByUrl = /* @__PURE__ */ new Map();
   const signatureCache = /* @__PURE__ */ new Map();
-  async function getFont(family) {
-    let f = fontCache.get(family);
+  async function getFont(family, bold, italic) {
+    const key = fontKey(family, bold, italic);
+    let f = fontCache.get(key);
     if (!f) {
-      const stdName = FONT_MAP[family] || import_pdf_lib.StandardFonts.Helvetica;
-      f = await doc.embedFont(stdName);
-      fontCache.set(family, f);
+      f = await doc.embedFont(resolveStandardFont(family, bold, italic));
+      fontCache.set(key, f);
     }
     return f;
   }
   async function ensureFonts(fields) {
-    const keys = new Set(fields.map((f) => f.fontFamily || "Helvetica"));
-    for (const k of keys) await getFont(k);
+    const keys = /* @__PURE__ */ new Map();
+    for (const f of fields) keys.set(fontKey(f.fontFamily || "Helvetica", f.bold, f.italic), f);
+    for (const f of keys.values()) await getFont(f.fontFamily || "Helvetica", f.bold, f.italic);
   }
   async function embedSource(source) {
     if (typeof source === "string") {
@@ -2386,7 +2480,7 @@ async function createPdfBuilder(defaults = {}) {
     doc,
     async addRecord(opts) {
       const pageSize = opts.pageSize ?? defaults.pageSize;
-      let fields = opts.resolveFormulas ? resolveAllFormulas(opts.fields, opts.customTransforms) : opts.fields;
+      let fields = opts.resolveFormulas ? resolveAllFormulas(opts.fields, opts.customTransforms, opts.formulaValues) : opts.fields;
       if (opts.calibration) {
         fields = applyCalibration(
           fields,
@@ -2830,7 +2924,7 @@ ${row.join(",")}`, "csv");
       fontSize: `${field.fontSize}pt`,
       letterSpacing: field.letterSpacing ? `${field.letterSpacing}pt` : void 0,
       lineHeight: field.lineHeight ? `${field.lineHeight}` : void 0,
-      fontFamily: getCssFontFamily(field.fontFamily)
+      ...getCssTextStyle(field)
     };
     if (field.type === "dropdown" || field.options && field.options.length > 0) {
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
@@ -3109,6 +3203,7 @@ function SignerRoleSelector({
   isRedactField,
   isSignatureField,
   isTextLikeField,
+  parseDate,
   postPdfToCallback,
   preserveFieldValues,
   renderPdfPages,