@dmitryvim/form-builder 0.2.19 → 0.2.21

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

@@ -10,6 +10,7 @@ import { renderSliderElement, renderMultipleSliderElement } from "./slider.js";
 import { renderSingleContainerElement, renderMultipleContainerElement, setValidateElement as setContainerValidateElement } from "./container.js";
 import { renderGroupElement } from "./group.js";
 import { renderTableElement } from "./table.js";
+import { renderRichInputElement } from "./richinput.js";
 export declare function renderElement(element: Element, ctx: RenderContext): HTMLElement;
 export { setContainerValidateElement };
-export { renderTextElement, renderMultipleTextElement, renderTextareaElement, renderMultipleTextareaElement, renderNumberElement, renderMultipleNumberElement, renderSelectElement, renderMultipleSelectElement, renderSwitcherElement, renderMultipleSwitcherElement, renderFileElement, renderFilesElement, renderMultipleFileElement, renderColourElement, renderMultipleColourElement, renderSliderElement, renderMultipleSliderElement, renderSingleContainerElement, renderMultipleContainerElement, renderGroupElement, renderTableElement, };
+export { renderTextElement, renderMultipleTextElement, renderTextareaElement, renderMultipleTextareaElement, renderNumberElement, renderMultipleNumberElement, renderSelectElement, renderMultipleSelectElement, renderSwitcherElement, renderMultipleSwitcherElement, renderFileElement, renderFilesElement, renderMultipleFileElement, renderColourElement, renderMultipleColourElement, renderSliderElement, renderMultipleSliderElement, renderSingleContainerElement, renderMultipleContainerElement, renderGroupElement, renderTableElement, renderRichInputElement, };

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

@@ -0,0 +1,4 @@
+import type { RichInputElement, RenderContext, ComponentContext, ValidationResult } from "../types/index.js";
+export declare function renderRichInputElement(element: RichInputElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;
+export declare function validateRichInputElement(element: RichInputElement, key: string, context: ComponentContext): ValidationResult;
+export declare function updateRichInputField(element: RichInputElement, fieldPath: string, value: unknown, context: ComponentContext): void;

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

@@ -1,4 +1,4 @@
 import type { TableElement, RenderContext, ComponentContext, ValidationResult } from "../types/index.js";
 export declare function renderTableElement(element: TableElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;
 export declare function validateTableElement(element: TableElement, key: string, context: ComponentContext): ValidationResult;
-export declare function updateTableField(_element: TableElement, fieldPath: string, value: unknown, context: ComponentContext): void;
+export declare function updateTableField(element: TableElement, fieldPath: string, value: unknown, context: ComponentContext): void;

package/dist/types/index.d.ts

@@ -5,7 +5,7 @@
  */
 import { FormBuilderInstance } from "./instance/FormBuilderInstance.js";
 import { validateSchema } from "./utils/validation.js";
-export type { SelectOption, ElementAction, BaseElement, TextElement, TextareaElement, NumberElement, SelectElement, FileElement, FilesElement, ContainerElement, GroupElement, Element, Schema, ExternalAction, FormData, RenderContext, Translations, Locale, Config, ResourceMetadata, State, } from "./types/index.js";
+export type { SelectOption, ElementAction, BaseElement, TextElement, TextareaElement, NumberElement, SelectElement, FileElement, FilesElement, ContainerElement, GroupElement, RichInputElement, Element, Schema, ExternalAction, FormData, RenderContext, Translations, Locale, Config, ResourceMetadata, State, } from "./types/index.js";
 export type { Theme } from "./styles/theme.js";
 export { defaultTheme, exampleThemes } from "./styles/theme.js";
 /**

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

@@ -1,4 +1,5 @@
 import type { Theme } from "../styles/theme.js";
+import type { TableMerge } from "./schema.js";
 export interface Translations {
     removeElement: string;
     clickDragText: string;
@@ -47,6 +48,13 @@ export interface Translations {
     tableRemoveColumn: string;
     tableMergeCells: string;
     tableSplitCell: string;
+    tableImportFile: string;
+    tableImporting: string;
+    tableImportError: string;
+    richinputPlaceholder: string;
+    richinputAttachFile: string;
+    richinputMention: string;
+    richinputRemoveFile: string;
 }
 export type Locale = "en" | "ru" | (string & {});
 export interface Config {
@@ -75,6 +83,10 @@ export interface Config {
     readonly: boolean;
     locale: Locale;
     translations: Record<string, Partial<Translations>>;
+    parseTableFile: ((file: File) => Promise<{
+        cells: string[][];
+        merges?: TableMerge[];
+    }>) | null;
     theme: Partial<Theme>;
 }
 export interface ResourceMetadata {

package/dist/types/types/index.d.ts

@@ -1,4 +1,4 @@
-export type { SelectOption, ElementAction, EnableCondition, BaseElement, TextElement, TextareaElement, NumberElement, SelectElement, SwitcherElement, FileElement, FilesElement, ColourElement, SliderElement, ContainerElement, GroupElement, TableElement, TableMerge, TableData, Element, Schema, ExternalAction, FormData, RenderContext, } from "./schema.js";
+export type { SelectOption, ElementAction, EnableCondition, BaseElement, TextElement, TextareaElement, NumberElement, SelectElement, SwitcherElement, FileElement, FilesElement, ColourElement, SliderElement, ContainerElement, GroupElement, TableElement, TableMerge, TableData, RichInputElement, Element, Schema, ExternalAction, FormData, RenderContext, } from "./schema.js";
 export type { Translations, Locale, Config, ResourceMetadata, } from "./config.js";
 export type { State } from "./state.js";
 export type { ComponentContext, ValidationResult, ComponentValidator, ComponentUpdater, ComponentOperations, } from "./component-operations.js";

package/dist/types/types/schema.d.ts

@@ -139,14 +139,14 @@ export interface GroupElement extends BaseElement {
  * A single cell merge region in the table
  */
 export interface TableMerge {
-    /** Row index of the top-left cell (0-based) */
-    row: number;
-    /** Column index of the top-left cell (0-based) */
-    col: number;
-    /** Number of rows spanned (>= 1) */
-    rowspan: number;
-    /** Number of columns spanned (>= 1) */
-    colspan: number;
+    /** Row index of the top-left cell, inclusive (0-based) */
+    top: number;
+    /** Column index of the top-left cell, inclusive (0-based) */
+    left: number;
+    /** Row index of the bottom-right cell, inclusive (0-based) */
+    bottom: number;
+    /** Column index of the bottom-right cell, inclusive (0-based) */
+    right: number;
 }
 /**
  * Table data structure stored as form data
@@ -161,8 +161,30 @@ export interface TableElement extends BaseElement {
     columns?: number;
     /** Initial row count (default: 3) */
     rows?: number;
+    /** Whether merge/split operations are allowed (default: true) */
+    mergeAllowed?: boolean;
+    /** Custom output field names for cells and merges */
+    fieldNames?: {
+        cells?: string;
+        merges?: string;
+    };
+    /** File extensions accepted for import (e.g. ["csv", "xlsx"]) */
+    importAccept?: string[];
+}
+export interface RichInputElement extends BaseElement {
+    type: "richinput";
+    placeholder?: string;
+    minLength?: number;
+    maxLength?: number;
+    accept?: string | {
+        extensions: string[];
+    };
+    maxSize?: number;
+    maxFiles?: number;
+    textKey?: string;
+    filesKey?: string;
 }
-export type Element = TextElement | TextareaElement | NumberElement | SelectElement | SwitcherElement | FileElement | FilesElement | ColourElement | SliderElement | ContainerElement | GroupElement | TableElement;
+export type Element = TextElement | TextareaElement | NumberElement | SelectElement | SwitcherElement | FileElement | FilesElement | ColourElement | SliderElement | ContainerElement | GroupElement | TableElement | RichInputElement;
 export interface Schema {
     version?: string;
     elements: Element[];

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

@@ -7,3 +7,8 @@ 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;
+/**
+ * Format a file size in bytes to a human-readable string
+ * e.g. 2400000 -> "2.3 MB", 512 -> "512 B"
+ */
+export declare function formatFileSize(bytes: number): string;

package/package.json

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