@dmitryvim/form-builder 0.2.18 → 0.2.20

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

@@ -9,6 +9,8 @@ import { renderColourElement, renderMultipleColourElement } from "./colour.js";
 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, };
+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

@@ -0,0 +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;

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

@@ -41,6 +41,16 @@ export interface Translations {
     maxFiles: string;
     unsupportedFieldType: string;
     invalidOption: string;
+    tableAddRow: string;
+    tableAddColumn: string;
+    tableRemoveRow: string;
+    tableRemoveColumn: string;
+    tableMergeCells: string;
+    tableSplitCell: string;
+    richinputPlaceholder: string;
+    richinputAttachFile: string;
+    richinputMention: string;
+    richinputRemoveFile: string;
 }
 export type Locale = "en" | "ru" | (string & {});
 export interface Config {

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, 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

@@ -135,7 +135,47 @@ export interface GroupElement extends BaseElement {
         max?: number;
     };
 }
-export type Element = TextElement | TextareaElement | NumberElement | SelectElement | SwitcherElement | FileElement | FilesElement | ColourElement | SliderElement | ContainerElement | GroupElement;
+/**
+ * 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;
+}
+/**
+ * Table data structure stored as form data
+ */
+export interface TableData {
+    cells: string[][];
+    merges?: TableMerge[];
+}
+export interface TableElement extends BaseElement {
+    type: "table";
+    /** Initial column count (default: 3) */
+    columns?: number;
+    /** Initial row count (default: 3) */
+    rows?: number;
+}
+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 | 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.18",
+  "version": "0.2.20",
   "description": "A reusable JSON schema form builder library",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",