@dmitryvim/form-builder 0.2.2 → 0.2.4

package/dist/esm/index.js

@@ -2064,6 +2064,7 @@ function renderMultipleFileElement(element, ctx, wrapper, pathKey) {
 function validateFileElement(element, key, context) {
   const errors = [];
   const { scopeRoot, skipValidation, path } = context;
+  const isMultipleField = element.type === "files" || "multiple" in element && Boolean(element.multiple);
   const validateFileCount = (key2, resourceIds, element2) => {
     if (skipValidation) return;
     const minFiles = "minCount" in element2 ? element2.minCount ?? 0 : 0;
@@ -2078,7 +2079,7 @@ function validateFileElement(element, key, context) {
       errors.push(`${key2}: maximum ${maxFiles} files allowed`);
     }
   };
-  if ("multiple" in element && element.multiple) {
+  if (isMultipleField) {
     const fullKey = pathJoin(path, key);
     const pickerInput = scopeRoot.querySelector(
       `input[type="file"][name="${fullKey}"]`
@@ -2718,6 +2719,7 @@ var defaultConfig = {
   onUploadError: null,
   onDownloadError: null,
   debounceMs: 300,
+  verboseErrors: false,
   enableFilePreview: true,
   maxPreviewSize: "200px",
   readonly: false,
@@ -3017,15 +3019,7 @@ var FormBuilderInstance = class {
   constructor(config) {
     this.instanceId = generateInstanceId();
     this.state = createInstanceState(config);
-    if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
-      if (config?.getThumbnail) {
-        const testResult = config.getThumbnail("test-id");
-        if (!(testResult instanceof Promise)) {
-          console.warn(
-            "[form-builder] getThumbnail must be async (return Promise). Wrap your function: async (id) => { ... }"
-          );
-        }
-      }
+    if (this.state.config.verboseErrors) {
       if (!globalThis.__formBuilderInstances) {
         globalThis.__formBuilderInstances = /* @__PURE__ */ new Set();
       }
@@ -3479,28 +3473,32 @@ var FormBuilderInstance = class {
     }
     const schema = this.state.schema;
     const formRoot = this.state.formRoot;
+    const actions = this.state.externalActions;
     const emptyPrefill = this.buildHiddenFieldsData(schema.elements);
-    this.renderForm(formRoot, schema, emptyPrefill);
+    this.renderForm(formRoot, schema, emptyPrefill, actions || void 0);
   }
   /**
    * Build prefill data for hidden fields only
    * Hidden fields should retain their values when clearing
+   * Builds nested objects instead of flattened dotted keys
    */
-  buildHiddenFieldsData(elements, parentPath = "") {
+  buildHiddenFieldsData(elements) {
     const data = {};
     for (const element of elements) {
       const key = element.key;
-      const fieldPath = parentPath ? `${parentPath}.${key}` : key;
       if (element.hidden && element.default !== void 0) {
-        data[fieldPath] = element.default;
+        data[key] = element.default;
       }
       if (element.type === "container" || element.type === "group") {
         const containerElement = element;
-        const nestedData = this.buildHiddenFieldsData(
-          containerElement.elements,
-          fieldPath
-        );
-        Object.assign(data, nestedData);
+        const nestedData = this.buildHiddenFieldsData(containerElement.elements);
+        if (Object.keys(nestedData).length > 0) {
+          if (!(key in data)) {
+            data[key] = nestedData;
+          } else if (typeof data[key] === "object" && data[key] !== null && !Array.isArray(data[key])) {
+            data[key] = { ...data[key], ...nestedData };
+          }
+        }
       }
     }
     return data;
@@ -3581,7 +3579,7 @@ var FormBuilderInstance = class {
     this.state.formRoot = null;
     this.state.schema = null;
     this.state.externalActions = null;
-    if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
+    if (this.state.config.verboseErrors) {
       globalThis.__formBuilderInstances?.delete(this.instanceId);
     }
   }