@dmitryvim/form-builder 0.3.1 → 0.3.3

package/dist/types/instance/FormBuilderInstance.d.ts

@@ -173,4 +173,5 @@ export declare class FormBuilderInstance {
      * Destroy instance and clean up resources
      */
     destroy(): void;
+    private disconnectEnableIfObservers;
 }

package/dist/types/types/state.d.ts

@@ -13,4 +13,14 @@ export interface State {
     syntheticElementIds: WeakMap<Element, string>;
     /** Counter for generating unique synthetic IDs. */
     syntheticElementIdCounter: number;
+    /**
+     * Pending MutationObservers from setupEnableIfListeners that are waiting for a
+     * dependency input to appear in the DOM. They must be disconnected on destroy()
+     * (and on every renderForm) — otherwise they survive the instance lifecycle and
+     * later attach orphan change/input listeners to inputs of a *new* instance that
+     * happens to mount into the same container, causing
+     * "Cannot re-evaluate enableIf: formRoot is null" once the orphan callbacks fire
+     * with a torn-down ctx. Reproducible under React StrictMode (double mount).
+     */
+    enableIfObservers: Set<MutationObserver>;
 }

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

@@ -37,6 +37,21 @@ export declare function ensureThemingHooks(doc: Document): void;
  * makes the total box (border + padding + content) equal scrollHeight, which
  * leaves the content area short by `2 * border-width` — at compact density
  * (8px padding, 21px line-height) that's enough to clip a single line.
+ *
+ * Deferred-layout recovery (v0.3.2):
+ * A `ResizeObserver` re-runs `resize()` whenever the textarea's content-box
+ * WIDTH changes. Two host patterns the one-shot `setTimeout(0)` below can't
+ * survive on its own:
+ *   1. Form mounted inside a still-hidden / 0-width container (e.g. inactive
+ *      tab, collapsed accordion, modal that isn't open yet). At setTimeout
+ *      firing time `scrollHeight === 0` → height collapses to ~borderY (~2px).
+ *      Once the host reveals the container, width transitions 0 → real and we
+ *      re-measure.
+ *   2. Responsive width changes (host resizes the column). Wrapped content
+ *      re-flows so the textarea grows/shrinks to fit.
+ * Loop guard: `resize()` only writes the HEIGHT, so we ignore observer fires
+ * where width hasn't moved — otherwise our own height writes would feed back
+ * into the observer.
  */
 export declare function applyAutoExpand(textarea: HTMLTextAreaElement): void;
 /**

package/package.json

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