@superdoc-dev/template-builder 1.1.0 → 1.2.0-next.2

package/dist/tests/FieldList.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/FieldMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/InfoTooltip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types.d.ts

@@ -1,4 +1,5 @@
 import { SuperDoc } from 'superdoc';
+/** Field definition for template builder */
 export interface FieldDefinition {
     id: string;
     label: string;
@@ -6,7 +7,9 @@ export interface FieldDefinition {
     metadata?: Record<string, any>;
     mode?: 'inline' | 'block';
     group?: string;
+    fieldType?: string;
 }
+/** Field instance in a template document */
 export interface TemplateField {
     id: string | number;
     alias: string;
@@ -14,6 +17,7 @@ export interface TemplateField {
     position?: number;
     mode?: 'inline' | 'block';
     group?: string;
+    fieldType?: string;
 }
 export interface TriggerEvent {
     position: {
@@ -101,6 +105,13 @@ export interface SuperDocTemplateBuilderProps {
     toolbar?: boolean | string | ToolbarConfig;
     /** Content Security Policy nonce for dynamically injected styles */
     cspNonce?: string;
+    /** Telemetry configuration for SuperDoc */
+    telemetry?: {
+        enabled: boolean;
+        metadata?: Record<string, any>;
+    };
+    /** License key for SuperDoc */
+    licenseKey?: string;
     onReady?: () => void;
     onTrigger?: (event: TriggerEvent) => void;
     onFieldInsert?: (field: TemplateField) => void;

package/dist/utils.d.ts

@@ -0,0 +1,17 @@
+import { SuperDoc } from 'superdoc';
+import { TemplateField, SuperDocTemplateBuilderProps, ToolbarConfig } from './types';
+export declare const areTemplateFieldsEqual: (a: TemplateField[], b: TemplateField[]) => boolean;
+export declare const resolveToolbar: (toolbar: SuperDocTemplateBuilderProps["toolbar"]) => {
+    selector: string;
+    config: Omit<ToolbarConfig, "selector">;
+    renderDefaultContainer: boolean;
+} | null;
+export declare const getPresentationEditor: (superdoc: SuperDoc | null) => any;
+export declare const getFieldTypeStyle: (fieldType: string) => {
+    background: string;
+    color: string;
+};
+export declare const MENU_VIEWPORT_PADDING = 10;
+export declare const MENU_APPROX_WIDTH = 250;
+export declare const MENU_APPROX_HEIGHT = 300;
+export declare const clampToViewport: (rect: DOMRect) => DOMRect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/template-builder",
-  "version": "1.1.0",
+  "version": "1.2.0-next.2",
   "description": "React template builder component for SuperDoc",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,10 +11,12 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
-    }
+    },
+    "./field-types.css": "./src/styles/field-types.css"
   },
   "files": [
     "dist",
+    "src/styles",
     "README.md"
   ],
   "scripts": {

package/src/styles/field-types.css

@@ -0,0 +1,26 @@
+.superdoc-structured-content-inline.superdoc-structured-content-inline,
+.superdoc-structured-content-block.superdoc-structured-content-block {
+  border-color: var(--superdoc-field-owner-color, #629be7);
+}
+.superdoc-structured-content-inline.superdoc-structured-content-inline:hover,
+.superdoc-structured-content-block.superdoc-structured-content-block:hover {
+  border-color: var(--superdoc-field-owner-color, #629be7);
+}
+.superdoc-structured-content-inline.superdoc-structured-content-inline .superdoc-structured-content-inline__label,
+.superdoc-structured-content-block.superdoc-structured-content-block .superdoc-structured-content-block__label {
+  border-color: var(--superdoc-field-owner-color, #629be7);
+  background-color: color-mix(in srgb, var(--superdoc-field-owner-color, #629be7) 87%, transparent);
+}
+.superdoc-structured-content-inline[data-sdt-tag*='"fieldType":"signer"'],
+.superdoc-structured-content-block[data-sdt-tag*='"fieldType":"signer"'] {
+  border-color: var(--superdoc-field-signer-color, #d97706);
+}
+.superdoc-structured-content-inline[data-sdt-tag*='"fieldType":"signer"']:hover,
+.superdoc-structured-content-block[data-sdt-tag*='"fieldType":"signer"']:hover {
+  border-color: var(--superdoc-field-signer-color, #d97706);
+}
+.superdoc-structured-content-inline[data-sdt-tag*='"fieldType":"signer"'] .superdoc-structured-content-inline__label,
+.superdoc-structured-content-block[data-sdt-tag*='"fieldType":"signer"'] .superdoc-structured-content-block__label {
+  border-color: var(--superdoc-field-signer-color, #d97706);
+  background-color: color-mix(in srgb, var(--superdoc-field-signer-color, #d97706) 87%, transparent);
+}