@dmitryvim/form-builder 0.2.32 → 0.2.34

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

@@ -5,6 +5,7 @@ export interface ColourElement extends BaseElement {
     multiple?: boolean;
     minCount?: number;
     maxCount?: number;
+    addLabel?: string;
 }
 export declare function renderColourElement(element: ColourElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;
 export declare function renderMultipleColourElement(element: ColourElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;

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

@@ -27,5 +27,9 @@ export interface HandleFileSelectOptions {
     maxSizeMB?: number;
 }
 export declare function handleFileSelect(opts: HandleFileSelectOptions): Promise<void>;
+export interface UploadBatchFailure {
+    file: File;
+    error: Error;
+}
 export declare function setupFilesDropHandler(filesContainer: HTMLElement, resourceIds: string[], state: State, updateCallback: () => void, constraints: FileUploadConstraints, pathKey?: string, instance?: FormBuilderInstance | null): void;
 export declare function setupFilesPickerHandler(filesPicker: HTMLInputElement, resourceIds: string[], state: State, updateCallback: () => void, constraints: FileUploadConstraints, pathKey?: string, instance?: FormBuilderInstance | null): void;

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

@@ -1,6 +1,6 @@
 import type { FileElement, FilesElement, RenderContext, ComponentContext, Element } from "../types/index.js";
-export { getAllowedExtensions, isFileExtensionAllowed, isFileSizeAllowed } from "./file/constraints.js";
-export { renderFilePreview, renderFilePreviewReadonly } from "./file/preview.js";
+export { getAllowedExtensions, isFileExtensionAllowed, isFileSizeAllowed, } from "./file/constraints.js";
+export { renderFilePreview, renderFilePreviewReadonly, } from "./file/preview.js";
 export { renderResourcePills } from "./file/render-edit.js";
 export { validateFileElement } from "./file/validate.js";
 export declare function renderFileElement(element: FileElement, ctx: RenderContext, wrapper: HTMLElement, pathKey: string): void;

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

@@ -65,6 +65,7 @@ export interface Translations {
     invalidFileExtension: string;
     invalidFileMime: string;
     fileTooLarge: string;
+    uploadFailed: string;
     filesLimitExceeded: string;
     unsupportedFieldType: string;
     invalidOption: string;

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

@@ -44,6 +44,7 @@ export interface TextElement extends BaseElement {
     multiple?: boolean;
     minCount?: number;
     maxCount?: number;
+    addLabel?: string;
 }
 export interface TextareaElement extends BaseElement {
     type: "textarea";
@@ -56,6 +57,7 @@ export interface TextareaElement extends BaseElement {
     minCount?: number;
     maxCount?: number;
     autoExpand?: boolean;
+    addLabel?: string;
 }
 export interface NumberElement extends BaseElement {
     type: "number";
@@ -67,6 +69,7 @@ export interface NumberElement extends BaseElement {
     multiple?: boolean;
     minCount?: number;
     maxCount?: number;
+    addLabel?: string;
 }
 export interface SelectElement extends BaseElement {
     type: "select";
@@ -75,6 +78,7 @@ export interface SelectElement extends BaseElement {
     multiple?: boolean;
     minCount?: number;
     maxCount?: number;
+    addLabel?: string;
 }
 /**
  * File accept constraint — either a legacy comma-separated string (e.g. ".jpg,.png")
@@ -118,6 +122,7 @@ export interface ContainerElement extends BaseElement {
      * Ignored when `multiple: false`.
      */
     displayMode?: "stack" | "slides";
+    addLabel?: string;
 }
 export interface ColourElement extends BaseElement {
     type: "colour";
@@ -125,6 +130,7 @@ export interface ColourElement extends BaseElement {
     multiple?: boolean;
     minCount?: number;
     maxCount?: number;
+    addLabel?: string;
 }
 export interface SliderElement extends BaseElement {
     type: "slider";
@@ -135,6 +141,7 @@ export interface SliderElement extends BaseElement {
     multiple?: boolean;
     minCount?: number;
     maxCount?: number;
+    addLabel?: string;
 }
 export interface SwitcherElement extends BaseElement {
     type: "switcher";
@@ -142,6 +149,7 @@ export interface SwitcherElement extends BaseElement {
     multiple?: boolean;
     minCount?: number;
     maxCount?: number;
+    addLabel?: string;
 }
 export interface GroupElement extends BaseElement {
     type: "group";

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

@@ -7,6 +7,48 @@ export declare function applyInputStyles(element: HTMLInputElement | HTMLTextAre
  * Apply themed hint/description styles to a paragraph element
  */
 export declare function applyHintStyles(element: HTMLParagraphElement): void;
+/**
+ * Mount a counter element into the field's label row so it sits inline with
+ * the heading (e.g. `Tags  3/5`) instead of below the field. The label row is
+ * marked with `[data-fb-label-row]` by `createLabelContainer` — the data
+ * attribute is the stable hook; layout utility classes may change.
+ *
+ * No-op when the wrapper has no label row (e.g. nested anonymous wrappers).
+ */
+export declare function mountCounterInLabel(wrapper: HTMLElement, counter: HTMLElement): void;
+/**
+ * Visual: full-width dashed pill button, optional `+ {label}` centered.
+ * Used by every multi-value field type.
+ *
+ * The counter is returned separately so callers can place it inline with the
+ * field label (saving a row). At maxCount both the button and the row are
+ * hidden — the counter stays visible wherever the caller mounted it.
+ *
+ * `classNameSuffix` becomes `add-{suffix}-btn` to preserve test-targetable
+ * class names that the existing test suite already queries.
+ */
+export interface AddItemRowHandle {
+    row: HTMLDivElement;
+    button: HTMLButtonElement;
+    counter: HTMLSpanElement;
+    update: (current: number, max: number) => void;
+}
+export declare function createAddItemRow(classNameSuffix: string, onClick: () => void, options?: {
+    label?: string;
+    showCounter?: boolean;
+}): AddItemRowHandle;
+/**
+ * Slide-sized add tile rendered inside a slides-displayMode container grid.
+ * Sits as another grid cell next to existing slides at the same dimensions.
+ */
+export interface SlideAddTileHandle {
+    tile: HTMLButtonElement;
+    counter: HTMLSpanElement;
+    update: (current: number, max: number) => void;
+}
+export declare function createSlideAddTile(onClick: () => void, options?: {
+    label?: string;
+}): SlideAddTileHandle;
 /**
  * Create a styled add button with theme support
  */

package/package.json

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