@servicetitan/dte-pdf-editor 1.25.0 → 1.26.0

package/src/interface/types.ts

@@ -3,6 +3,7 @@ export enum FieldTypeEnum {
     eSign = 'eSign',
     fillable = 'fillable',
     calculated = 'calculated',
+    generic = 'generic',
 }
 
 export enum ESignFieldType {
@@ -14,7 +15,31 @@ export enum ESignFieldType {
 
 export type FillableFieldType = 'text' | 'date' | 'checkbox' | 'radio' | 'number';
 
-export type PdfFieldSubType = FillableFieldType | ESignFieldType;
+export type GenericFieldType = 'table' | 'text';
+
+export type PdfFieldSubType = FillableFieldType | ESignFieldType | GenericFieldType;
+
+export interface GenericFieldTableDataType {
+    showHeader: boolean;
+    header: {
+        height: number;
+        cells: {
+            value: string;
+        }[];
+    };
+    body: {
+        height: number;
+        cells: {
+            value: string;
+        }[];
+    }[];
+}
+
+export interface GenericFieldTextDataType {
+    value: string;
+}
+
+export type FieldDataType = GenericFieldTableDataType | GenericFieldTextDataType;
 
 export interface DisplayConditionState {
     behavior: 'show' | 'hide';
@@ -49,6 +74,7 @@ export interface PdfField {
     path?: string;
     recipient?: string;
     description?: string;
+    data?: FieldDataType;
     formula?: StructuredFormula;
     formulaFormat?: CalculatedFieldFormat;
     displayCondition?: DisplayConditionState | null;

package/src/styles/index.css

@@ -9,3 +9,4 @@
 @import './formula-modal.css';
 @import './field-type.css';
 @import './pdf-document-renderer.css';
+@import './inline-editable.css';

package/src/styles/inline-editable.css

@@ -0,0 +1,20 @@
+.inline-editable-input {
+    width: 100%;
+    min-width: 0;
+    box-sizing: border-box;
+    border: 1px solid var(--border-color);
+    padding: 2px var(--spacing-half);
+    font: inherit;
+    background: var(--bg-color);
+}
+
+.inline-editable-button {
+    min-height: 20px;
+    width: 100%;
+    height: inherit;
+    cursor: pointer;
+}
+
+.inline-editable-html-text {
+    margin: var(--spacing-0, 0);
+}

package/src/styles/pdf-field-overlay.css

@@ -112,3 +112,34 @@
     pointer-events: none;
     margin: var(--spacing-0, 0);
 }
+
+.dte-pdf-field-generic-table {
+    padding: var(--spacing-0, 0);
+    margin: var(--spacing-0, 0);
+    border-spacing: var(--spacing-0, 0);
+    width: 100%;
+    table-layout: fixed;
+}
+
+.dte-pdf-field-generic-table td {
+    border-top: 1px solid var(--border-color);
+    border-left: 1px solid var(--border-color);
+    padding-inline: var(--spacing-1, 8px);
+}
+
+.dte-pdf-field-generic-table .dte-pdf-field-generic-table-header td {
+    background-color: var(--bg-color);
+    font-weight: bold;
+}
+
+.dte-pdf-field-generic-table tr:not(.dte-pdf-field-generic-table-header) td {
+    background-color: var(--bg-color-light);
+}
+
+.dte-pdf-field-generic-table tr:last-child td {
+    border-bottom: 1px solid var(--border-color);
+}
+
+.dte-pdf-field-generic-table tr td:last-child {
+    border-right: 1px solid var(--border-color);
+}

package/src/styles/variables.css

@@ -16,9 +16,15 @@
 
     /* Colors - Neutral */
     --color-neutral-0: var(--color-neutral-0, #ffffff);
+    --color-neutral-70: var(--color-neutral-70, #737475);
     --color-neutral-200: var(--color-neutral-200, #6c6d70);
     --color-neutral-300: var(--color-neutral-300, #2d2e31);
 
+    /* Background colors */
+    --bg-color-light: var(--color-neutral-0, #ffffff);
+    --bg-color: var(--color-neutral-200, #f5f5f5);
+    --bg-color-hover: #eaeaea;
+
     /* Colors - Semantic */
     --success: #28a745;
     --danger: #dc3545;