@servicetitan/dte-pdf-editor 1.56.0 → 1.58.0

package/src/utils/field/get-field-typography.utils.ts

@@ -0,0 +1,23 @@
+import { CSSProperties } from 'react';
+import { DEFAULT_FIELD_FONT_FAMILY, DEFAULT_FIELD_FONT_WEIGHT } from '../../constants';
+import { PdfField } from '../../interface/types';
+import { getFieldFontSizeInPixels, supportsFieldFontSize } from './get-field-font-size.utils';
+
+/**
+ * Typography styles for a field overlay, aligned with the backend PDF renderer.
+ *
+ * - fontSize is stored in points on `field.styles.fontSize` and converted to pixels
+ * - fontFamily / fontWeight use backend defaults unless set per field
+ */
+export const getFieldTypographyStyle = (field: PdfField): CSSProperties => {
+    const typography: CSSProperties = {
+        fontFamily: field.styles?.fontFamily ?? DEFAULT_FIELD_FONT_FAMILY,
+        fontWeight: field.styles?.fontWeight ?? DEFAULT_FIELD_FONT_WEIGHT,
+    };
+
+    if (supportsFieldFontSize(field)) {
+        typography.fontSize = `${getFieldFontSizeInPixels(field)}px`;
+    }
+
+    return typography;
+};

package/src/utils/field/index.ts

@@ -4,4 +4,7 @@ export * from './field-coordinates.utils';
 export * from './field-drag.utils';
 export * from './field-placeholder-text.utils';
 export * from './field-resize.utils';
+export * from './get-field-bounds-style.utils';
 export * from './get-field-font-size.utils';
+export * from './get-field-text-clip.utils';
+export * from './get-field-typography.utils';