@verbb/plugin-kit-react 1.0.0

package/dist/forms/fields/StaticTableField.js

@@ -0,0 +1,128 @@
+import { EditableTable } from "../../components/EditableTable.js";
+import "../../components/index.js";
+import { FieldLayout } from "../Field.js";
+import { useEngineField } from "../useEngineField.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/forms/fields/StaticTableField.tsx
+var normalizeColumnsConfig = (columnsConfig) => {
+	if (Array.isArray(columnsConfig)) return columnsConfig;
+	if (!columnsConfig || typeof columnsConfig !== "object") return [];
+	return Object.entries(columnsConfig).map(([key, value]) => {
+		const config = value && typeof value === "object" ? value : {};
+		return {
+			name: config.name || key,
+			...config
+		};
+	});
+};
+var normalizeRowsConfig = (rowsConfig) => {
+	if (Array.isArray(rowsConfig)) return rowsConfig;
+	if (!rowsConfig || typeof rowsConfig !== "object") return [];
+	return Object.entries(rowsConfig).map(([key, value]) => {
+		return {
+			key,
+			...value && typeof value === "object" ? value : {}
+		};
+	});
+};
+var mapColumns = (columns) => {
+	return (columns || []).map((config, index) => {
+		const className = String(config?.class || "");
+		const columnName = config?.name || `col${index + 1}`;
+		const type = config?.type === "fieldSelect" ? "select" : config?.type || "text";
+		const isThin = Boolean(config?.thin || className.includes("thin"));
+		return {
+			name: columnName,
+			label: config?.label ?? config?.heading ?? columnName,
+			type,
+			required: Boolean(config?.required),
+			options: config?.options,
+			placeholder: config?.placeholder,
+			thin: isThin,
+			className
+		};
+	});
+};
+var mapRowsToArray = (rowEntries, columns, fieldValue) => {
+	const editableColumnNames = columns.filter((column) => {
+		return !["heading", "label"].includes(column.type || "");
+	}).map((column) => {
+		return column.name;
+	});
+	return rowEntries.map((defaultRow, index) => {
+		const rowKey = String(defaultRow?.key || defaultRow?.name || `row${index + 1}`);
+		const savedRow = fieldValue?.[rowKey];
+		const savedRowData = savedRow && typeof savedRow === "object" ? savedRow : {};
+		const normalizedRow = {
+			...defaultRow,
+			...savedRowData,
+			__staticRowKey: rowKey,
+			__staticRowIndex: index
+		};
+		if (editableColumnNames.length === 1 && typeof savedRow !== "object") normalizedRow[editableColumnNames[0]] = savedRow ?? "";
+		return normalizedRow;
+	});
+};
+var StaticTableField = ({ form, field }) => {
+	const { value, setValue, setTouched, errors } = useEngineField(form, field.name);
+	const rowEntries = useMemo(() => {
+		return normalizeRowsConfig(field.rows);
+	}, [field.rows]);
+	const columns = useMemo(() => {
+		return mapColumns(normalizeColumnsConfig(field.columns));
+	}, [field.columns]);
+	const rows = useMemo(() => {
+		return mapRowsToArray(rowEntries, columns, value);
+	}, [
+		columns,
+		rowEntries,
+		value
+	]);
+	return /* @__PURE__ */ jsx(FieldLayout, {
+		name: field.name,
+		label: field.label,
+		instructions: field.instructions,
+		warning: field.warning,
+		required: field.required,
+		errors,
+		withControl: false,
+		children: /* @__PURE__ */ jsx(EditableTable, {
+			columns,
+			rows,
+			onChange: (nextRows) => {
+				const nextValue = {};
+				const editableColumns = columns.filter((column) => {
+					return !["heading", "label"].includes(column.type || "");
+				});
+				nextRows.forEach((row, index) => {
+					const fallbackKey = String(rowEntries[index]?.key || rowEntries[index]?.name || `row${index + 1}`);
+					const rowKey = row.__staticRowKey || fallbackKey;
+					if (editableColumns.length === 1) {
+						nextValue[rowKey] = row[editableColumns[0].name] ?? "";
+						return;
+					}
+					const normalizedRow = {};
+					editableColumns.forEach((column) => {
+						normalizedRow[column.name] = row[column.name] ?? "";
+					});
+					nextValue[rowKey] = normalizedRow;
+				});
+				setValue(nextValue);
+				setTouched();
+			},
+			allowAdd: false,
+			allowDelete: false,
+			allowReorder: false,
+			className: "",
+			onCellChange: void 0,
+			modifyColumn: void 0,
+			fieldName: void 0,
+			cellErrors: {}
+		})
+	});
+};
+//#endregion
+export { StaticTableField };
+
+//# sourceMappingURL=StaticTableField.js.map

package/dist/forms/fields/StaticTableField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticTableField.js","names":[],"sources":["../../../src/forms/fields/StaticTableField.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { EditableTable } from '@verbb/plugin-kit-react/components';\nimport { FieldLayout } from '../Field';\nimport type { SchemaFormEngineApi } from '../engine/context';\nimport { useEngineField } from '../useEngineField';\n\ntype StaticTableOption = {\n    label?: string;\n    value?: unknown;\n    [key: string]: unknown;\n};\n\ntype StaticTableColumn = {\n    name?: string;\n    type?: string;\n    label?: string;\n    heading?: string;\n    class?: string;\n    required?: boolean;\n    options?: StaticTableOption[];\n    placeholder?: string;\n    thin?: boolean;\n    [key: string]: unknown;\n};\n\ntype StaticTableRowValue = Record<string, unknown>;\n\nconst normalizeColumnsConfig = (columnsConfig: StaticTableColumn[] | Record<string, StaticTableColumn> | undefined) => {\n    if (Array.isArray(columnsConfig)) {\n        return columnsConfig;\n    }\n\n    if (!columnsConfig || typeof columnsConfig !== 'object') {\n        return [];\n    }\n\n    return Object.entries(columnsConfig).map(([key, value]) => {\n        const config = (value && typeof value === 'object') ? value : {} as StaticTableColumn;\n\n        return {\n            name: config.name || key,\n            ...config,\n        } as StaticTableColumn;\n    });\n};\n\nconst normalizeRowsConfig = (\n    rowsConfig: StaticTableRowValue[] | Record<string, StaticTableRowValue> | undefined,\n) => {\n    if (Array.isArray(rowsConfig)) {\n        return rowsConfig;\n    }\n\n    if (!rowsConfig || typeof rowsConfig !== 'object') {\n        return [];\n    }\n\n    return Object.entries(rowsConfig).map(([key, value]) => {\n        const row = (value && typeof value === 'object') ? value : {};\n\n        return {\n            key,\n            ...row,\n        };\n    });\n};\n\ntype StaticTableFieldProps = {\n    form: SchemaFormEngineApi;\n    field: {\n        name: string;\n        label?: string;\n        instructions?: string;\n        warning?: string;\n        required?: boolean;\n        columns?: StaticTableColumn[] | Record<string, StaticTableColumn>;\n        rows?: StaticTableRowValue[] | Record<string, StaticTableRowValue>;\n    };\n};\n\ntype StaticTableRowConfig = StaticTableRowValue & {\n    key?: string;\n    name?: string;\n    __staticRowKey?: string;\n    __staticRowIndex?: number;\n};\n\nconst mapColumns = (columns: StaticTableColumn[]) => {\n    return (columns || []).map((config, index) => {\n        const className = String(config?.class || '');\n        const columnName = config?.name || `col${index + 1}`;\n        const type = config?.type === 'fieldSelect' ? 'select' : (config?.type || 'text');\n        const isThin = Boolean(config?.thin || className.includes('thin'));\n\n        return {\n            name: columnName,\n            label: config?.label ?? config?.heading ?? columnName,\n            type,\n            required: Boolean(config?.required),\n            options: config?.options,\n            placeholder: config?.placeholder,\n            thin: isThin,\n            className,\n        };\n    });\n};\n\nconst mapRowsToArray = (\n    rowEntries: StaticTableRowConfig[],\n    columns: Array<{ name: string; type?: string }>,\n    fieldValue: Record<string, unknown> | null | undefined,\n) => {\n    const editableColumnNames = columns\n        .filter((column) => { return !['heading', 'label'].includes(column.type || ''); })\n        .map((column) => { return column.name; });\n\n    return rowEntries.map((defaultRow, index) => {\n        const rowKey = String(defaultRow?.key || defaultRow?.name || `row${index + 1}`);\n        const savedRow = fieldValue?.[rowKey];\n        const savedRowData = (savedRow && typeof savedRow === 'object') ? savedRow as StaticTableRowValue : {};\n\n        const normalizedRow: StaticTableRowConfig = {\n            ...defaultRow,\n            ...savedRowData,\n            __staticRowKey: rowKey,\n            __staticRowIndex: index,\n        };\n\n        if (editableColumnNames.length === 1 && typeof savedRow !== 'object') {\n            normalizedRow[editableColumnNames[0]] = savedRow ?? '';\n        }\n\n        return normalizedRow;\n    });\n};\n\nexport const StaticTableField = ({ form, field }: StaticTableFieldProps) => {\n    const {\n        value, setValue, setTouched, errors,\n    } = useEngineField(form, field.name);\n    const rowEntries = useMemo(() => {\n        return normalizeRowsConfig(field.rows) as StaticTableRowConfig[];\n    }, [field.rows]);\n\n    const columns = useMemo(() => {\n        return mapColumns(normalizeColumnsConfig(field.columns));\n    }, [field.columns]);\n\n    const rows = useMemo(() => {\n        return mapRowsToArray(rowEntries, columns, value as Record<string, unknown> | null | undefined);\n    }, [columns, rowEntries, value]);\n\n    return (\n        <FieldLayout\n            name={field.name}\n            label={field.label}\n            instructions={field.instructions}\n            warning={field.warning}\n            required={field.required}\n            errors={errors}\n            withControl={false}\n        >\n            <EditableTable\n                columns={columns}\n                rows={rows}\n                onChange={(nextRows) => {\n                    const nextValue: Record<string, unknown> = {};\n                    const editableColumns = columns.filter((column) => {\n                        return !['heading', 'label'].includes(column.type || '');\n                    });\n\n                    nextRows.forEach((row, index) => {\n                        const fallbackKey = String(rowEntries[index]?.key || rowEntries[index]?.name || `row${index + 1}`);\n                        const rowKey = row.__staticRowKey || fallbackKey;\n\n                        if (editableColumns.length === 1) {\n                            const columnName = editableColumns[0].name;\n                            nextValue[rowKey] = row[columnName] ?? '';\n                            return;\n                        }\n\n                        const normalizedRow: Record<string, unknown> = {};\n                        editableColumns.forEach((column) => {\n                            normalizedRow[column.name] = row[column.name] ?? '';\n                        });\n                        nextValue[rowKey] = normalizedRow;\n                    });\n\n                    setValue(nextValue);\n                    setTouched();\n                }}\n                allowAdd={false}\n                allowDelete={false}\n                allowReorder={false}\n                className=\"\"\n                onCellChange={undefined}\n                modifyColumn={undefined}\n                fieldName={undefined}\n                cellErrors={{}}\n            />\n        </FieldLayout>\n    );\n};\n"],"mappings":"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"}

package/dist/forms/fields/TextField.d.ts

@@ -0,0 +1,16 @@
+import { SchemaFormEngineApi } from '../engine/context';
+type TextFieldProps = {
+    form: SchemaFormEngineApi;
+    field: {
+        name: string;
+        label?: string;
+        instructions?: string;
+        warning?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+    };
+};
+export declare const TextField: ({ form, field }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TextField.d.ts.map

package/dist/forms/fields/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,KAAK,cAAc,GAAG;IAClB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,iBAAiB,cAAc,4CAwBxD,CAAC"}

package/dist/forms/fields/TextField.js

@@ -0,0 +1,31 @@
+import { Input } from "../../components/Input.js";
+import "../../components/index.js";
+import { FieldLayout } from "../Field.js";
+import { useEngineField } from "../useEngineField.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/forms/fields/TextField.tsx
+var TextField = ({ form, field }) => {
+	const { value, setValue, setTouched, errors, isInvalid } = useEngineField(form, field.name);
+	return /* @__PURE__ */ jsx(FieldLayout, {
+		name: field.name,
+		label: field.label,
+		instructions: field.instructions,
+		warning: field.warning,
+		required: field.required,
+		errors,
+		children: /* @__PURE__ */ jsx(Input, {
+			value: String(value ?? ""),
+			onChange: (event) => {
+				return setValue(event.target.value);
+			},
+			onBlur: setTouched,
+			placeholder: field.placeholder,
+			disabled: field.disabled,
+			"aria-invalid": isInvalid
+		})
+	});
+};
+//#endregion
+export { TextField };
+
+//# sourceMappingURL=TextField.js.map

package/dist/forms/fields/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","names":[],"sources":["../../../src/forms/fields/TextField.tsx"],"sourcesContent":["import { Input } from '@verbb/plugin-kit-react/components';\nimport { FieldLayout } from '../Field';\nimport type { SchemaFormEngineApi } from '../engine/context';\nimport { useEngineField } from '../useEngineField';\n\ntype TextFieldProps = {\n    form: SchemaFormEngineApi;\n    field: {\n        name: string;\n        label?: string;\n        instructions?: string;\n        warning?: string;\n        placeholder?: string;\n        required?: boolean;\n        disabled?: boolean;\n    };\n};\n\nexport const TextField = ({ form, field }: TextFieldProps) => {\n    const {\n        value, setValue, setTouched, errors, isInvalid,\n    } = useEngineField(form, field.name);\n\n    return (\n        <FieldLayout\n            name={field.name}\n            label={field.label}\n            instructions={field.instructions}\n            warning={field.warning}\n            required={field.required}\n            errors={errors}\n        >\n            <Input\n                value={String(value ?? '')}\n                onChange={(event) => { return setValue(event.target.value); }}\n                onBlur={setTouched}\n                placeholder={field.placeholder}\n                disabled={field.disabled}\n                aria-invalid={isInvalid}\n            />\n        </FieldLayout>\n    );\n};\n"],"mappings":";;;;;;AAkBA,IAAa,aAAa,EAAE,MAAM,YAA4B;CAC1D,MAAM,EACF,OAAO,UAAU,YAAY,QAAQ,cACrC,eAAe,MAAM,MAAM,KAAK;AAEpC,QACI,oBAAC,aAAD;EACI,MAAM,MAAM;EACZ,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,SAAS,MAAM;EACf,UAAU,MAAM;EACR;YAER,oBAAC,OAAD;GACI,OAAO,OAAO,SAAS,GAAG;GAC1B,WAAW,UAAU;AAAE,WAAO,SAAS,MAAM,OAAO,MAAM;;GAC1D,QAAQ;GACR,aAAa,MAAM;GACnB,UAAU,MAAM;GAChB,gBAAc;GAChB,CAAA;EACQ,CAAA"}

package/dist/forms/fields/TextareaField.d.ts

@@ -0,0 +1,17 @@
+import { SchemaFormEngineApi } from '../engine/context';
+type TextareaFieldProps = {
+    form: SchemaFormEngineApi;
+    field: {
+        name: string;
+        label?: string;
+        instructions?: string;
+        warning?: string;
+        placeholder?: string;
+        rows?: number;
+        required?: boolean;
+        disabled?: boolean;
+    };
+};
+export declare const TextareaField: ({ form, field }: TextareaFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TextareaField.d.ts.map

package/dist/forms/fields/TextareaField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/TextareaField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,KAAK,kBAAkB,GAAG;IACtB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,iBAAiB,kBAAkB,4CAyBhE,CAAC"}

package/dist/forms/fields/TextareaField.js

@@ -0,0 +1,32 @@
+import { Textarea } from "../../components/Textarea.js";
+import "../../components/index.js";
+import { FieldLayout } from "../Field.js";
+import { useEngineField } from "../useEngineField.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/forms/fields/TextareaField.tsx
+var TextareaField = ({ form, field }) => {
+	const { value, setValue, setTouched, errors, isInvalid } = useEngineField(form, field.name);
+	return /* @__PURE__ */ jsx(FieldLayout, {
+		name: field.name,
+		label: field.label,
+		instructions: field.instructions,
+		warning: field.warning,
+		required: field.required,
+		errors,
+		children: /* @__PURE__ */ jsx(Textarea, {
+			value: String(value ?? ""),
+			onChange: (event) => {
+				return setValue(event.target.value);
+			},
+			onBlur: setTouched,
+			placeholder: field.placeholder,
+			disabled: field.disabled,
+			rows: field.rows,
+			"aria-invalid": isInvalid
+		})
+	});
+};
+//#endregion
+export { TextareaField };
+
+//# sourceMappingURL=TextareaField.js.map

package/dist/forms/fields/TextareaField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.js","names":[],"sources":["../../../src/forms/fields/TextareaField.tsx"],"sourcesContent":["import { Textarea } from '@verbb/plugin-kit-react/components';\nimport { FieldLayout } from '../Field';\nimport type { SchemaFormEngineApi } from '../engine/context';\nimport { useEngineField } from '../useEngineField';\n\ntype TextareaFieldProps = {\n    form: SchemaFormEngineApi;\n    field: {\n        name: string;\n        label?: string;\n        instructions?: string;\n        warning?: string;\n        placeholder?: string;\n        rows?: number;\n        required?: boolean;\n        disabled?: boolean;\n    };\n};\n\nexport const TextareaField = ({ form, field }: TextareaFieldProps) => {\n    const {\n        value, setValue, setTouched, errors, isInvalid,\n    } = useEngineField(form, field.name);\n\n    return (\n        <FieldLayout\n            name={field.name}\n            label={field.label}\n            instructions={field.instructions}\n            warning={field.warning}\n            required={field.required}\n            errors={errors}\n        >\n            <Textarea\n                value={String(value ?? '')}\n                onChange={(event) => { return setValue(event.target.value); }}\n                onBlur={setTouched}\n                placeholder={field.placeholder}\n                disabled={field.disabled}\n                rows={field.rows}\n                aria-invalid={isInvalid}\n            />\n        </FieldLayout>\n    );\n};\n"],"mappings":";;;;;;AAmBA,IAAa,iBAAiB,EAAE,MAAM,YAAgC;CAClE,MAAM,EACF,OAAO,UAAU,YAAY,QAAQ,cACrC,eAAe,MAAM,MAAM,KAAK;AAEpC,QACI,oBAAC,aAAD;EACI,MAAM,MAAM;EACZ,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,SAAS,MAAM;EACf,UAAU,MAAM;EACR;YAER,oBAAC,UAAD;GACI,OAAO,OAAO,SAAS,GAAG;GAC1B,WAAW,UAAU;AAAE,WAAO,SAAS,MAAM,OAAO,MAAM;;GAC1D,QAAQ;GACR,aAAa,MAAM;GACnB,UAAU,MAAM;GAChB,MAAM,MAAM;GACZ,gBAAc;GAChB,CAAA;EACQ,CAAA"}

package/dist/forms/fields/VariablePickerField.d.ts

@@ -0,0 +1,21 @@
+import { SchemaFormEngineApi } from '../engine/context';
+import { VariableConfig } from '../contexts/VariableCategoriesContext';
+import { VariableCategories } from '../../components/tiptap/VariableDropdown';
+type VariablePickerFieldProps = {
+    form: SchemaFormEngineApi;
+    field: {
+        name: string;
+        label?: string;
+        instructions?: string;
+        warning?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        variableConfig?: VariableConfig;
+        variableCategories?: VariableCategories;
+        variablePickerTriggerCharacters?: string[];
+    };
+};
+export declare const VariablePickerField: ({ form, field }: VariablePickerFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VariablePickerField.d.ts.map

package/dist/forms/fields/VariablePickerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariablePickerField.d.ts","sourceRoot":"","sources":["../../../src/forms/fields/VariablePickerField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4DAA4D,CAAC;AAGrG,KAAK,wBAAwB,GAAG;IAC5B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,cAAc,CAAC,EAAE,cAAc,CAAC;QAChC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;QACxC,+BAA+B,CAAC,EAAE,MAAM,EAAE,CAAC;KAC9C,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,iBAAiB,wBAAwB,4CA+C5E,CAAC"}

package/dist/forms/fields/VariablePickerField.js

@@ -0,0 +1,49 @@
+import { TiptapInput } from "../../components/TiptapInput.js";
+import "../../components/index.js";
+import { FieldLayout } from "../Field.js";
+import { useEngineField } from "../useEngineField.js";
+import { useVariableCategoriesContext } from "../contexts/VariableCategoriesContext.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/forms/fields/VariablePickerField.tsx
+var VariablePickerField = ({ form, field }) => {
+	const { value, setValue, errors } = useEngineField(form, field.name);
+	const { getVariableCategories, variableCategoryLabels, variableCategoryOrder, variableTransformerRegistry } = useVariableCategoriesContext();
+	const { variableCategories, variableConfig } = field;
+	const resolvedVariableCategories = useMemo(() => {
+		if (variableCategories) return variableCategories;
+		if (!variableConfig || !getVariableCategories) return;
+		return getVariableCategories(variableConfig, { form });
+	}, [
+		variableCategories,
+		variableConfig,
+		form,
+		getVariableCategories
+	]);
+	return /* @__PURE__ */ jsx(FieldLayout, {
+		name: field.name,
+		label: field.label,
+		instructions: field.instructions,
+		warning: field.warning,
+		required: field.required,
+		errors,
+		withControl: false,
+		children: /* @__PURE__ */ jsx(TiptapInput, {
+			value: String(value ?? ""),
+			onChange: setValue,
+			placeholder: field.placeholder,
+			className: "",
+			disabled: field.disabled,
+			isInvalid: errors.length > 0,
+			variableCategories: resolvedVariableCategories,
+			variableCategoryLabels,
+			variableCategoryOrder,
+			variableTransformerRegistry,
+			variablePickerTriggerCharacters: field.variablePickerTriggerCharacters
+		})
+	});
+};
+//#endregion
+export { VariablePickerField };
+
+//# sourceMappingURL=VariablePickerField.js.map

package/dist/forms/fields/VariablePickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariablePickerField.js","names":[],"sources":["../../../src/forms/fields/VariablePickerField.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { TiptapInput } from '@verbb/plugin-kit-react/components';\nimport { FieldLayout } from '../Field';\nimport type { SchemaFormEngineApi } from '../engine/context';\nimport type { VariableConfig } from '../contexts/VariableCategoriesContext';\nimport { useEngineField } from '../useEngineField';\nimport type { VariableCategories } from '@verbb/plugin-kit-react/components/tiptap/VariableDropdown';\nimport { useVariableCategoriesContext } from '../contexts/VariableCategoriesContext';\n\ntype VariablePickerFieldProps = {\n    form: SchemaFormEngineApi;\n    field: {\n        name: string;\n        label?: string;\n        instructions?: string;\n        warning?: string;\n        placeholder?: string;\n        required?: boolean;\n        disabled?: boolean;\n        variableConfig?: VariableConfig;\n        variableCategories?: VariableCategories;\n        variablePickerTriggerCharacters?: string[];\n    };\n};\n\nexport const VariablePickerField = ({ form, field }: VariablePickerFieldProps) => {\n    const { value, setValue, errors } = useEngineField(form, field.name);\n    const {\n        getVariableCategories,\n        variableCategoryLabels,\n        variableCategoryOrder,\n        variableTransformerRegistry,\n    } = useVariableCategoriesContext();\n    const { variableCategories, variableConfig } = field;\n\n    const resolvedVariableCategories = useMemo(() => {\n        if (variableCategories) {\n            return variableCategories;\n        }\n\n        if (!variableConfig || !getVariableCategories) {\n            return undefined;\n        }\n\n        return getVariableCategories(variableConfig, { form });\n    }, [variableCategories, variableConfig, form, getVariableCategories]);\n\n    return (\n        <FieldLayout\n            name={field.name}\n            label={field.label}\n            instructions={field.instructions}\n            warning={field.warning}\n            required={field.required}\n            errors={errors}\n            withControl={false}\n        >\n            <TiptapInput\n                value={String(value ?? '')}\n                onChange={setValue}\n                placeholder={field.placeholder}\n                className=\"\"\n                disabled={field.disabled}\n                isInvalid={errors.length > 0}\n                variableCategories={resolvedVariableCategories}\n                variableCategoryLabels={variableCategoryLabels}\n                variableCategoryOrder={variableCategoryOrder}\n                variableTransformerRegistry={variableTransformerRegistry}\n                variablePickerTriggerCharacters={field.variablePickerTriggerCharacters}\n            />\n        </FieldLayout>\n    );\n};\n"],"mappings":";;;;;;;;AAyBA,IAAa,uBAAuB,EAAE,MAAM,YAAsC;CAC9E,MAAM,EAAE,OAAO,UAAU,WAAW,eAAe,MAAM,MAAM,KAAK;CACpE,MAAM,EACF,uBACA,wBACA,uBACA,gCACA,8BAA8B;CAClC,MAAM,EAAE,oBAAoB,mBAAmB;CAE/C,MAAM,6BAA6B,cAAc;AAC7C,MAAI,mBACA,QAAO;AAGX,MAAI,CAAC,kBAAkB,CAAC,sBACpB;AAGJ,SAAO,sBAAsB,gBAAgB,EAAE,MAAM,CAAC;IACvD;EAAC;EAAoB;EAAgB;EAAM;EAAsB,CAAC;AAErE,QACI,oBAAC,aAAD;EACI,MAAM,MAAM;EACZ,OAAO,MAAM;EACb,cAAc,MAAM;EACpB,SAAS,MAAM;EACf,UAAU,MAAM;EACR;EACR,aAAa;YAEb,oBAAC,aAAD;GACI,OAAO,OAAO,SAAS,GAAG;GAC1B,UAAU;GACV,aAAa,MAAM;GACnB,WAAU;GACV,UAAU,MAAM;GAChB,WAAW,OAAO,SAAS;GAC3B,oBAAoB;GACI;GACD;GACM;GAC7B,iCAAiC,MAAM;GACzC,CAAA;EACQ,CAAA"}

package/dist/forms/index.d.ts

@@ -0,0 +1,8 @@
+export * from './SchemaFormEngine';
+export * from './Field';
+export * from './useEngineField';
+export * from './useEditableTableFieldBinding';
+export * from './registry';
+export * from './components';
+export * from './contexts/VariableCategoriesContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,sCAAsC,CAAC"}

package/dist/forms/index.js

@@ -0,0 +1,10 @@
+import { FieldControl, FieldErrors, FieldHeader, FieldInstructions, FieldLabel, FieldLayout, FieldRoot, InlineFieldErrorVisibilityContext, useFieldContext } from "./Field.js";
+import { useEngineField } from "./useEngineField.js";
+import { useEditableTableFieldBinding } from "./useEditableTableFieldBinding.js";
+import { VariableCategoriesProvider, useVariableCategoriesContext } from "./contexts/VariableCategoriesContext.js";
+import { FieldWrap } from "./components/FieldWrap.js";
+import { ModalTabs, ModalTabsContent, ModalTabsList, ModalTabsTrigger, useModalTabsErrors } from "./components/ModalTabs.js";
+import "./components/index.js";
+import { getFormComponentRegistry, getFormFieldRegistry, registerFormComponent, registerFormComponents, registerFormField, registerFormFields } from "./registry.js";
+import { SchemaFormEngine, useSchemaFormEngine } from "./SchemaFormEngine.js";
+export { FieldControl, FieldErrors, FieldHeader, FieldInstructions, FieldLabel, FieldLayout, FieldRoot, FieldWrap, InlineFieldErrorVisibilityContext, ModalTabs, ModalTabsContent, ModalTabsList, ModalTabsTrigger, SchemaFormEngine, VariableCategoriesProvider, getFormComponentRegistry, getFormFieldRegistry, registerFormComponent, registerFormComponents, registerFormField, registerFormFields, useEditableTableFieldBinding, useEngineField, useFieldContext, useModalTabsErrors, useSchemaFormEngine, useVariableCategoriesContext };

package/dist/forms/registry.d.ts

@@ -0,0 +1,8 @@
+import { SchemaFormComponent, SchemaFormFieldComponent } from './engine/context';
+export declare const registerFormField: (name: string, component: SchemaFormFieldComponent) => void;
+export declare const registerFormFields: (fields: Record<string, SchemaFormFieldComponent>) => void;
+export declare const registerFormComponent: (name: string, component: SchemaFormComponent) => void;
+export declare const registerFormComponents: (components: Record<string, SchemaFormComponent>) => void;
+export declare const getFormFieldRegistry: () => Record<string, SchemaFormFieldComponent>;
+export declare const getFormComponentRegistry: () => Record<string, SchemaFormComponent>;
+//# sourceMappingURL=registry.d.ts.map

package/dist/forms/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/forms/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AA6EtF,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,EAAE,WAAW,wBAAwB,KAAG,IAErF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,KAAG,IAErF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,MAAM,MAAM,EAAE,WAAW,mBAAmB,KAAG,IAEpF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,YAAY,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAG,IAExF,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAkC,CAAC;AAElH,eAAO,MAAM,wBAAwB,QAAO,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAsC,CAAC"}

package/dist/forms/registry.js

@@ -0,0 +1,76 @@
+import { TextField } from "./fields/TextField.js";
+import { TextareaField } from "./fields/TextareaField.js";
+import { NumberField } from "./fields/NumberField.js";
+import { SelectField } from "./fields/SelectField.js";
+import { LightswitchField } from "./fields/LightswitchField.js";
+import { HandleField } from "./fields/HandleField.js";
+import { ListField } from "./fields/ListField.js";
+import { EditableTableField } from "./fields/EditableTableField.js";
+import { DateTimeField } from "./fields/DateTimeField.js";
+import { RichTextField } from "./fields/RichTextField.js";
+import { VariablePickerField } from "./fields/VariablePickerField.js";
+import { CalculationsField } from "./fields/CalculationsField.js";
+import { ElementSelectField } from "./fields/ElementSelectField.js";
+import { ColorField } from "./fields/ColorField.js";
+import { CheckboxSelectField } from "./fields/CheckboxSelectField.js";
+import { ComboboxField } from "./fields/ComboboxField.js";
+import { GroupField } from "./fields/GroupField.js";
+import { StaticTableField } from "./fields/StaticTableField.js";
+import { RadioGroupField } from "./fields/RadioGroupField.js";
+import { FieldWrap } from "./components/FieldWrap.js";
+import { ModalTabs, ModalTabsContent, ModalTabsList, ModalTabsTrigger } from "./components/ModalTabs.js";
+import "./components/index.js";
+//#region src/forms/registry.ts
+var hmrData = {};
+var formFieldRegistry = {
+	text: TextField,
+	textarea: TextareaField,
+	number: NumberField,
+	select: SelectField,
+	lightswitch: LightswitchField,
+	handle: HandleField,
+	list: ListField,
+	table: EditableTableField,
+	date: DateTimeField,
+	richText: RichTextField,
+	variablePicker: VariablePickerField,
+	calculations: CalculationsField,
+	elementSelect: ElementSelectField,
+	color: ColorField,
+	checkboxSelect: CheckboxSelectField,
+	combobox: ComboboxField,
+	radioGroup: RadioGroupField,
+	group: GroupField,
+	staticTable: StaticTableField,
+	...hmrData.fields ?? {}
+};
+var formComponentRegistry = {
+	FieldWrap,
+	ModalTabs,
+	ModalTabsList,
+	ModalTabsTrigger,
+	ModalTabsContent,
+	...hmrData.components ?? {}
+};
+var registerFormField = (name, component) => {
+	formFieldRegistry[name] = component;
+};
+var registerFormFields = (fields) => {
+	Object.assign(formFieldRegistry, fields);
+};
+var registerFormComponent = (name, component) => {
+	formComponentRegistry[name] = component;
+};
+var registerFormComponents = (components) => {
+	Object.assign(formComponentRegistry, components);
+};
+var getFormFieldRegistry = () => {
+	return formFieldRegistry;
+};
+var getFormComponentRegistry = () => {
+	return formComponentRegistry;
+};
+//#endregion
+export { getFormComponentRegistry, getFormFieldRegistry, registerFormComponent, registerFormComponents, registerFormField, registerFormFields };
+
+//# sourceMappingURL=registry.js.map

package/dist/forms/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","names":[],"sources":["../../src/forms/registry.ts"],"sourcesContent":["import type { SchemaFormComponent, SchemaFormFieldComponent } from './engine/context';\nimport { TextField } from './fields/TextField';\nimport { TextareaField } from './fields/TextareaField';\nimport { NumberField } from './fields/NumberField';\nimport { SelectField } from './fields/SelectField';\nimport { LightswitchField } from './fields/LightswitchField';\nimport { HandleField } from './fields/HandleField';\nimport { ListField } from './fields/ListField';\nimport { EditableTableField } from './fields/EditableTableField';\nimport { DateTimeField } from './fields/DateTimeField';\nimport { RichTextField } from './fields/RichTextField';\nimport { VariablePickerField } from './fields/VariablePickerField';\nimport { CalculationsField } from './fields/CalculationsField';\nimport { ElementSelectField } from './fields/ElementSelectField';\nimport { ColorField } from './fields/ColorField';\nimport { CheckboxSelectField } from './fields/CheckboxSelectField';\nimport { ComboboxField } from './fields/ComboboxField';\nimport { GroupField } from './fields/GroupField';\nimport { StaticTableField } from './fields/StaticTableField';\nimport { RadioGroupField } from './fields/RadioGroupField';\nimport {\n    FieldWrap,\n    ModalTabs,\n    ModalTabsContent,\n    ModalTabsList,\n    ModalTabsTrigger,\n} from './components';\n\ntype RegistryHotData = {\n    formRegistry?: {\n        fields?: Record<string, SchemaFormFieldComponent>;\n        components?: Record<string, SchemaFormComponent>;\n    };\n};\n\nconst hmrData = (import.meta.hot?.data as RegistryHotData | undefined)?.formRegistry ?? {};\nconst formFieldRegistry: Record<string, SchemaFormFieldComponent> = {\n    text: TextField,\n    textarea: TextareaField,\n    number: NumberField,\n    select: SelectField,\n    lightswitch: LightswitchField,\n    handle: HandleField,\n    list: ListField,\n    table: EditableTableField,\n    date: DateTimeField,\n    richText: RichTextField,\n    variablePicker: VariablePickerField,\n    calculations: CalculationsField,\n    elementSelect: ElementSelectField,\n    color: ColorField,\n    checkboxSelect: CheckboxSelectField,\n    combobox: ComboboxField,\n    radioGroup: RadioGroupField,\n    group: GroupField,\n    staticTable: StaticTableField,\n    ...(hmrData.fields ?? {}),\n};\n\nconst formComponentRegistry: Record<string, SchemaFormComponent> = {\n    FieldWrap,\n    ModalTabs,\n    ModalTabsList,\n    ModalTabsTrigger,\n    ModalTabsContent,\n    ...(hmrData.components ?? {}),\n};\n\nif (import.meta.hot) {\n    import.meta.hot.dispose((data: RegistryHotData) => {\n        data.formRegistry = {\n            fields: formFieldRegistry,\n            components: formComponentRegistry,\n        };\n    });\n}\n\nexport const registerFormField = (name: string, component: SchemaFormFieldComponent): void => {\n    formFieldRegistry[name] = component;\n};\n\nexport const registerFormFields = (fields: Record<string, SchemaFormFieldComponent>): void => {\n    Object.assign(formFieldRegistry, fields);\n};\n\nexport const registerFormComponent = (name: string, component: SchemaFormComponent): void => {\n    formComponentRegistry[name] = component;\n};\n\nexport const registerFormComponents = (components: Record<string, SchemaFormComponent>): void => {\n    Object.assign(formComponentRegistry, components);\n};\n\nexport const getFormFieldRegistry = (): Record<string, SchemaFormFieldComponent> => { return formFieldRegistry; };\n\nexport const getFormComponentRegistry = (): Record<string, SchemaFormComponent> => { return formComponentRegistry; };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmCA,IAAM,UAAkF,EAAE;AAC1F,IAAM,oBAA8D;CAChE,MAAM;CACN,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,aAAa;CACb,QAAQ;CACR,MAAM;CACN,OAAO;CACP,MAAM;CACN,UAAU;CACV,gBAAgB;CAChB,cAAc;CACd,eAAe;CACf,OAAO;CACP,gBAAgB;CAChB,UAAU;CACV,YAAY;CACZ,OAAO;CACP,aAAa;CACb,GAAI,QAAQ,UAAU,EAAE;CAC3B;AAED,IAAM,wBAA6D;CAC/D;CACA;CACA;CACA;CACA;CACA,GAAI,QAAQ,cAAc,EAAE;CAC/B;AAWD,IAAa,qBAAqB,MAAc,cAA8C;AAC1F,mBAAkB,QAAQ;;AAG9B,IAAa,sBAAsB,WAA2D;AAC1F,QAAO,OAAO,mBAAmB,OAAO;;AAG5C,IAAa,yBAAyB,MAAc,cAAyC;AACzF,uBAAsB,QAAQ;;AAGlC,IAAa,0BAA0B,eAA0D;AAC7F,QAAO,OAAO,uBAAuB,WAAW;;AAGpD,IAAa,6BAAuE;AAAE,QAAO;;AAE7F,IAAa,iCAAsE;AAAE,QAAO"}

package/dist/forms/store/element-store.d.ts

@@ -0,0 +1,11 @@
+type ElementStoreState = {
+    elementData: Record<string, unknown>;
+    getElementData: <T = unknown>(fieldName: string) => T | undefined;
+    setElementData: <T = unknown>(fieldName: string, data: T) => void;
+    hasElementData: (fieldName: string) => boolean;
+    clearElementData: () => void;
+    clearFieldData: (fieldName: string) => void;
+};
+declare const useElementStoreV2: import('zustand').UseBoundStore<import('zustand').StoreApi<ElementStoreState>>;
+export default useElementStoreV2;
+//# sourceMappingURL=element-store.d.ts.map

package/dist/forms/store/element-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-store.d.ts","sourceRoot":"","sources":["../../../src/forms/store/element-store.ts"],"names":[],"mappings":"AAEA,KAAK,iBAAiB,GAAG;IACrB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,cAAc,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC,GAAG,SAAS,CAAC;IAClE,cAAc,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAClE,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,QAAA,MAAM,iBAAiB,gFA0CrB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/dist/forms/store/element-store.js

@@ -0,0 +1,41 @@
+import { create } from "zustand";
+//#region src/forms/store/element-store.ts
+var useElementStoreV2 = create((set, get) => {
+	return {
+		elementData: {},
+		getElementData: (fieldName) => {
+			return get().elementData[fieldName];
+		},
+		setElementData: (fieldName, data) => {
+			set((state) => {
+				return {
+					...state,
+					elementData: {
+						...state.elementData,
+						[fieldName]: data
+					}
+				};
+			});
+		},
+		hasElementData: (fieldName) => {
+			return fieldName in get().elementData;
+		},
+		clearElementData: () => {
+			set({ elementData: {} });
+		},
+		clearFieldData: (fieldName) => {
+			set((state) => {
+				const newElementData = { ...state.elementData };
+				delete newElementData[fieldName];
+				return {
+					...state,
+					elementData: newElementData
+				};
+			});
+		}
+	};
+});
+//#endregion
+export { useElementStoreV2 as default };
+
+//# sourceMappingURL=element-store.js.map

package/dist/forms/store/element-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-store.js","names":[],"sources":["../../../src/forms/store/element-store.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype ElementStoreState = {\n    elementData: Record<string, unknown>;\n    getElementData: <T = unknown>(fieldName: string) => T | undefined;\n    setElementData: <T = unknown>(fieldName: string, data: T) => void;\n    hasElementData: (fieldName: string) => boolean;\n    clearElementData: () => void;\n    clearFieldData: (fieldName: string) => void;\n};\n\nconst useElementStoreV2 = create<ElementStoreState>((set, get) => {\n    return {\n        elementData: {},\n\n        getElementData: <T = unknown>(fieldName: string) => {\n            const state = get();\n            return state.elementData[fieldName] as T | undefined;\n        },\n\n        setElementData: <T = unknown>(fieldName: string, data: T) => {\n            set((state) => {\n                return {\n                    ...state,\n                    elementData: {\n                        ...state.elementData,\n                        [fieldName]: data,\n                    },\n                };\n            });\n        },\n\n        hasElementData: (fieldName: string) => {\n            const state = get();\n            return fieldName in state.elementData;\n        },\n\n        clearElementData: () => {\n            set({ elementData: {} });\n        },\n\n        clearFieldData: (fieldName: string) => {\n            set((state) => {\n                const newElementData = { ...state.elementData };\n                delete newElementData[fieldName];\n\n                return {\n                    ...state,\n                    elementData: newElementData,\n                };\n            });\n        },\n    };\n});\n\nexport default useElementStoreV2;\n"],"mappings":";;AAWA,IAAM,oBAAoB,QAA2B,KAAK,QAAQ;AAC9D,QAAO;EACH,aAAa,EAAE;EAEf,iBAA8B,cAAsB;AAEhD,UADc,KACP,CAAM,YAAY;;EAG7B,iBAA8B,WAAmB,SAAY;AACzD,QAAK,UAAU;AACX,WAAO;KACH,GAAG;KACH,aAAa;MACT,GAAG,MAAM;OACR,YAAY;MAChB;KACJ;KACH;;EAGN,iBAAiB,cAAsB;AAEnC,UAAO,aADO,KACM,CAAM;;EAG9B,wBAAwB;AACpB,OAAI,EAAE,aAAa,EAAE,EAAE,CAAC;;EAG5B,iBAAiB,cAAsB;AACnC,QAAK,UAAU;IACX,MAAM,iBAAiB,EAAE,GAAG,MAAM,aAAa;AAC/C,WAAO,eAAe;AAEtB,WAAO;KACH,GAAG;KACH,aAAa;KAChB;KACH;;EAET;EACH"}

package/dist/forms/useEditableTableFieldBinding.d.ts

@@ -0,0 +1,13 @@
+import { SchemaFormEngineApi } from './engine/context';
+type EditableTableBindingForm = SchemaFormEngineApi & {
+    recomputeGroupedErrorsForPath?: (path: string) => void;
+};
+export declare const useEditableTableFieldBinding: (form: EditableTableBindingForm, fieldName: string) => {
+    rows: any[];
+    setRows: (nextValue: unknown) => void;
+    errors: string[];
+    cellErrors: {};
+    handleCellChange: (rowIndex: number, columnName: string, nextValue: unknown) => void;
+};
+export {};
+//# sourceMappingURL=useEditableTableFieldBinding.d.ts.map

package/dist/forms/useEditableTableFieldBinding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableTableFieldBinding.d.ts","sourceRoot":"","sources":["../../src/forms/useEditableTableFieldBinding.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,KAAK,wBAAwB,GAAG,mBAAmB,GAAG;IAClD,6BAA6B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,MAAM,wBAAwB,EAAE,WAAW,MAAM;;;;;iCAkF1C,MAAM,cAAc,MAAM,aAAa,OAAO;CAwBjG,CAAC"}