@unlev/exeq 0.5.1 → 0.5.2

package/dist/index.d.mts

@@ -188,7 +188,7 @@ interface PdfViewerProps {
     onMoveEnd?: () => void;
     mode: 'designer' | 'signer';
     currentSigner?: string;
-    renderFieldContent?: (field: FormField) => React.ReactNode;
+    renderFieldContent?: (field: FormField, pageWidthPt?: number, pageHeightPt?: number) => React.ReactNode;
     zoom?: number;
     /** Called with field IDs inside a drag-selection rectangle */
     onMarqueeSelect?: (ids: string[]) => void;

package/dist/index.d.ts

@@ -188,7 +188,7 @@ interface PdfViewerProps {
     onMoveEnd?: () => void;
     mode: 'designer' | 'signer';
     currentSigner?: string;
-    renderFieldContent?: (field: FormField) => React.ReactNode;
+    renderFieldContent?: (field: FormField, pageWidthPt?: number, pageHeightPt?: number) => React.ReactNode;
     zoom?: number;
     /** Called with field IDs inside a drag-selection rectangle */
     onMarqueeSelect?: (ids: string[]) => void;

package/dist/index.js

@@ -416,6 +416,8 @@ function PdfViewer({
               selectedIds: selectedFieldIds,
               mode,
               currentSigner,
+              pageWidthPt: page.pdfWidth,
+              pageHeightPt: page.pdfHeight,
               renderContent: renderFieldContent
             },
             field.id
@@ -506,6 +508,8 @@ function FieldOverlayItem({
   selectedIds,
   mode,
   currentSigner,
+  pageWidthPt,
+  pageHeightPt,
   renderContent
 }) {
   const overlayRef = (0, import_react.useRef)(null);
@@ -632,7 +636,7 @@ function FieldOverlayItem({
       onMouseDown: handleMouseDown,
       children: [
         mode === "designer" && !isRedact && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "field-overlay-label", style: { backgroundColor: color }, children: field.label }),
-        renderContent ? renderContent(field) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "field-overlay-placeholder", children: field.value || field.placeholder }),
+        renderContent ? renderContent(field, pageWidthPt, pageHeightPt) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "field-overlay-placeholder", children: field.value || field.placeholder }),
         mode === "designer" && isSelected && !field.locked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
@@ -2278,6 +2282,30 @@ function resolveAllFormulas(fields, customTransforms, values) {
   });
 }
 
+// src/utils/fitText.ts
+function fitFontSize(o) {
+  let size = o.autoShrink ? Math.min(o.fontSize, o.fieldHeightPt * 0.7) : o.fontSize;
+  if (o.autoShrink && o.value) {
+    const padding = 4;
+    while (size > 4) {
+      if (o.measure(o.value, size) <= o.fieldWidthPt - padding) break;
+      size -= 0.5;
+    }
+  }
+  return size;
+}
+var measureCtx = null;
+function measureTextWidth(text, size, opts) {
+  if (typeof document === "undefined") return text.length * size * 0.5;
+  if (!measureCtx) measureCtx = document.createElement("canvas").getContext("2d");
+  if (!measureCtx) return text.length * size * 0.5;
+  const family = getCssFontFamily(opts?.fontFamily) || "Helvetica, Arial, sans-serif";
+  measureCtx.font = `${opts?.italic ? "italic " : ""}${opts?.bold ? "bold " : ""}${size}px ${family}`;
+  const base = measureCtx.measureText(text).width;
+  const spacing = opts?.letterSpacing ? opts.letterSpacing * Math.max(0, text.length - 1) : 0;
+  return base + spacing;
+}
+
 // src/utils/pdfFiller.ts
 var FONT_VARIANTS = {
   Helvetica: [import_pdf_lib.StandardFonts.Helvetica, import_pdf_lib.StandardFonts.HelveticaBold, import_pdf_lib.StandardFonts.HelveticaOblique, import_pdf_lib.StandardFonts.HelveticaBoldOblique],
@@ -2369,14 +2397,14 @@ async function renderFieldsOnPages(pages, fields, getFont, getSignature) {
       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;
-      if (field.autoShrink) {
-        const padding = 4;
-        while (fontSize > 4) {
-          if (textWidthAtSize(field.value, fontSize) <= w - padding) break;
-          fontSize -= 0.5;
-        }
-      }
+      const fontSize = fitFontSize({
+        value: field.value,
+        fontSize: field.fontSize,
+        autoShrink: field.autoShrink,
+        fieldWidthPt: w,
+        fieldHeightPt: h,
+        measure: textWidthAtSize
+      });
       const textX = x + 2;
       const baselineY = y + h * 0.3;
       if (spacing > 0) {
@@ -2881,7 +2909,7 @@ ${row.join(",")}`, "csv");
       setSubmitting(false);
     }
   }, [pdfSource, fields, callbackUrl, allRequiredFilled, onComplete, isLastSigner, signer, onSignerComplete, includeAuditTrail, exportFormat, onExport, getValues, transforms]);
-  const renderFieldContent = (0, import_react7.useCallback)((field) => {
+  const renderFieldContent = (0, import_react7.useCallback)((field, pageWidthPt, pageHeightPt) => {
     if (isRedactField(field)) {
       return null;
     }
@@ -2920,8 +2948,23 @@ ${row.join(",")}`, "csv");
     if (field.type === "signed-date") {
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "field-overlay-value", children: field.value || (/* @__PURE__ */ new Date()).toLocaleDateString() });
     }
+    const fieldWidthPt = pageWidthPt ? field.width / 100 * pageWidthPt : Infinity;
+    const fieldHeightPt = pageHeightPt ? field.height / 100 * pageHeightPt : 0;
+    const effectiveFontSize = pageWidthPt ? fitFontSize({
+      value: field.value || "",
+      fontSize: field.fontSize,
+      autoShrink: field.autoShrink,
+      fieldWidthPt,
+      fieldHeightPt,
+      measure: (t, s) => measureTextWidth(t, s, {
+        fontFamily: field.fontFamily,
+        bold: field.bold,
+        italic: field.italic,
+        letterSpacing: field.letterSpacing
+      })
+    }) : field.fontSize;
     const fontStyle = {
-      fontSize: `${field.fontSize}pt`,
+      fontSize: `${effectiveFontSize}pt`,
       letterSpacing: field.letterSpacing ? `${field.letterSpacing}pt` : void 0,
       lineHeight: field.lineHeight ? `${field.lineHeight}` : void 0,
       ...getCssTextStyle(field)