@dmitryvim/form-builder 0.2.16 → 0.2.18

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

@@ -3,6 +3,7 @@ import { renderTextElement, renderMultipleTextElement } from "./text.js";
 import { renderTextareaElement, renderMultipleTextareaElement } from "./textarea.js";
 import { renderNumberElement, renderMultipleNumberElement } from "./number.js";
 import { renderSelectElement, renderMultipleSelectElement } from "./select.js";
+import { renderSwitcherElement, renderMultipleSwitcherElement } from "./switcher.js";
 import { renderFileElement, renderFilesElement, renderMultipleFileElement } from "./file.js";
 import { renderColourElement, renderMultipleColourElement } from "./colour.js";
 import { renderSliderElement, renderMultipleSliderElement } from "./slider.js";
@@ -10,4 +11,4 @@ import { renderSingleContainerElement, renderMultipleContainerElement, setValida
 import { renderGroupElement } from "./group.js";
 export declare function renderElement(element: Element, ctx: RenderContext): HTMLElement;
 export { setContainerValidateElement };
-export { renderTextElement, renderMultipleTextElement, renderTextareaElement, renderMultipleTextareaElement, renderNumberElement, renderMultipleNumberElement, renderSelectElement, renderMultipleSelectElement, 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, };

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

@@ -0,0 +1,13 @@
+import type { SwitcherElement, RenderContext, ComponentContext, ValidationResult, Element } from "../types/index.js";
+export declare function renderSwitcherElement(element: SwitcherElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;
+export declare function renderMultipleSwitcherElement(element: SwitcherElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;
+/**
+ * Validate switcher field and return extracted value with errors.
+ * Mirrors select validation logic — reads from hidden <input> elements.
+ */
+export declare function validateSwitcherElement(element: Element, key: string, context: ComponentContext): ValidationResult;
+/**
+ * Update switcher field value in the DOM without re-render.
+ * Updates the hidden input value and refreshes button visual states.
+ */
+export declare function updateSwitcherField(element: Element, fieldPath: string, value: any, context: ComponentContext): void;

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

@@ -6,6 +6,7 @@ export declare function renderMultipleTextareaElement(element: TextareaElement,
  */
 export declare function validateTextareaElement(element: TextareaElement, key: string, context: ComponentContext): ValidationResult;
 /**
- * Update textarea field - delegates to text updater since they share update logic
+ * Update textarea field - delegates to text updater since they share update logic,
+ * then triggers resize on autoExpand textareas.
  */
 export declare function updateTextareaField(element: TextareaElement, fieldPath: string, value: any, context: ComponentContext): void;

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

@@ -40,6 +40,7 @@ export interface Translations {
     minFiles: string;
     maxFiles: string;
     unsupportedFieldType: string;
+    invalidOption: 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, 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, 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

@@ -54,6 +54,7 @@ export interface TextareaElement extends BaseElement {
     multiple?: boolean;
     minCount?: number;
     maxCount?: number;
+    autoExpand?: boolean;
 }
 export interface NumberElement extends BaseElement {
     type: "number";
@@ -119,6 +120,13 @@ export interface SliderElement extends BaseElement {
     minCount?: number;
     maxCount?: number;
 }
+export interface SwitcherElement extends BaseElement {
+    type: "switcher";
+    options: SelectOption[];
+    multiple?: boolean;
+    minCount?: number;
+    maxCount?: number;
+}
 export interface GroupElement extends BaseElement {
     type: "group";
     elements: Element[];
@@ -127,7 +135,7 @@ export interface GroupElement extends BaseElement {
         max?: number;
     };
 }
-export type Element = TextElement | TextareaElement | NumberElement | SelectElement | FileElement | FilesElement | ColourElement | SliderElement | ContainerElement | GroupElement;
+export type Element = TextElement | TextareaElement | NumberElement | SelectElement | SwitcherElement | FileElement | FilesElement | ColourElement | SliderElement | ContainerElement | GroupElement;
 export interface Schema {
     version?: string;
     elements: Element[];

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.2.16",
+  "version": "0.2.18",
   "description": "A reusable JSON schema form builder library",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
@@ -31,7 +31,7 @@
     "build:demo": "rm -rf dist/demo && mkdir -p dist/demo && cp -R public/. dist/demo && cp dist/browser/formbuilder.min.js dist/demo/form-builder.js",
     "build:artifacts": "npm run clean && npm run build:lib && npm run build:types && npm run build:browser",
     "build": "npm run build:artifacts && npm run build:demo",
-    "dev": "npm run build && serve dist/demo --single",
+    "dev": "npm run build && serve dist/demo",
     "pretest": "npm run build",
     "test": "jest",
     "format": "prettier --write .",