@dmitryvim/form-builder 0.2.11 → 0.2.12

package/dist/types/components/file.d.ts

@@ -11,7 +11,7 @@ export declare function renderFilePreview(container: HTMLElement, resourceId: st
     deps?: FileDeps | null;
 }): Promise<void>;
 export declare function renderFilePreviewReadonly(resourceId: string, state: State, fileName?: string): Promise<HTMLElement>;
-export declare function renderResourcePills(container: HTMLElement, rids: string[] | null, state: State, onRemove: ((rid: string) => void) | null): void;
+export declare function renderResourcePills(container: HTMLElement, rids: string[] | null, state: State, onRemove: ((rid: string) => void) | null, hint?: string, countInfo?: string): void;
 export declare function renderFileElement(element: FileElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;
 export declare function renderFilesElement(element: FilesElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;
 export declare function renderMultipleFileElement(element: FileElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;

package/dist/types/components/text.d.ts

@@ -1,4 +1,5 @@
 import type { TextElement, RenderContext, ComponentContext, ValidationResult } from "../types/index.js";
+export declare function createCharCounter(element: TextElement, input: HTMLInputElement | HTMLTextAreaElement, isTextarea?: boolean): HTMLElement;
 export declare function renderTextElement(element: TextElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;
 export declare function renderMultipleTextElement(element: TextElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;
 /**

package/dist/types/instance/state.d.ts

@@ -5,6 +5,7 @@ import type { State, Config } from "../types/index.js";
 export declare const defaultConfig: Config;
 /**
  * Create a new isolated state object for a FormBuilderInstance
+ * Uses deep merge for translations to preserve default en/ru fallbacks
  */
 export declare function createInstanceState(config?: Partial<Config>): State;
 /**

package/dist/types/types/config.d.ts

@@ -1,16 +1,47 @@
 import type { Theme } from "../styles/theme.js";
 export interface Translations {
-    addElement: string;
     removeElement: string;
-    uploadText: string;
-    dragDropText: string;
-    dragDropTextSingle: string;
     clickDragText: string;
+    clickDragTextMultiple: string;
     noFileSelected: string;
     noFilesSelected: string;
     downloadButton: string;
+    changeButton: string;
+    placeholderText: string;
+    previewAlt: string;
+    previewUnavailable: string;
+    previewError: string;
+    videoNotSupported: string;
+    hintLengthRange: string;
+    hintMaxLength: string;
+    hintMinLength: string;
+    hintValueRange: string;
+    hintMaxValue: string;
+    hintMinValue: string;
+    hintMaxSize: string;
+    hintFormats: string;
+    hintRequired: string;
+    hintOptional: string;
+    hintPattern: string;
+    fileCountSingle: string;
+    fileCountPlural: string;
+    fileCountRange: string;
+    required: string;
+    minItems: string;
+    maxItems: string;
+    minLength: string;
+    maxLength: string;
+    minValue: string;
+    maxValue: string;
+    patternMismatch: string;
+    invalidPattern: string;
+    notANumber: string;
+    invalidHexColour: string;
+    minFiles: string;
+    maxFiles: string;
+    unsupportedFieldType: string;
 }
-export type Locale = "en" | "ru";
+export type Locale = "en" | "ru" | (string & {});
 export interface Config {
     uploadFile: ((file: File) => Promise<string>) | null;
     downloadFile: ((resourceId: string, fileName: string) => void) | null;
@@ -36,7 +67,7 @@ export interface Config {
     maxPreviewSize: string;
     readonly: boolean;
     locale: Locale;
-    translations: Record<Locale, Translations>;
+    translations: Record<string, Partial<Translations>>;
     theme: Partial<Theme>;
 }
 export interface ResourceMetadata {

package/dist/types/utils/helpers.d.ts

@@ -1,4 +1,9 @@
 export declare function isPlainObject(obj: any): obj is Record<string, any>;
+/**
+ * Escape HTML special characters to prevent XSS
+ * Use when inserting user-controlled or translated content via innerHTML
+ */
+export declare function escapeHtml(text: string): string;
 export declare function pathJoin(base: string, key: string): string;
 export declare function pretty(obj: any): string;
 export declare function clear(node: HTMLElement): void;

package/dist/types/utils/translation.d.ts

@@ -1,8 +1,13 @@
 import type { State } from "../types/state.js";
 /**
- * Get translated string for a key
+ * Get translated string for a key with optional interpolation
  * @param key Translation key
  * @param state Form state containing locale and translations
- * @returns Translated string or key if not found
+ * @param params Optional parameters for interpolation (e.g., {min: 5, max: 10})
+ * @returns Translated string with interpolated values, or key if not found
+ *
+ * @example
+ * // Template: "Minimum {min} items required"
+ * t('minItems', state, { min: 3 }) // => "Minimum 3 items required"
  */
-export declare function t(key: string, state: State): string;
+export declare function t(key: string, state: State, params?: Record<string, string | number>): string;

package/dist/types/utils/validation.d.ts

@@ -1,2 +1,3 @@
-export declare function makeFieldHint(element: any): string;
+import type { State } from "../types/state.js";
+export declare function makeFieldHint(element: any, state: State): string;
 export declare function validateSchema(schema: any): string[];

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.11",
+  "version": "0.2.12",
   "description": "A reusable JSON schema form builder library",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",