@object-ui/plugin-form 0.3.0 → 0.5.0

package/.turbo/turbo-build.log

@@ -0,0 +1,19 @@
+
+> @object-ui/plugin-form@0.5.0 build /home/runner/work/objectui/objectui/packages/plugin-form
+> vite build
+
+vite v7.3.1 building client environment for production...
+transforming...
+✓ 11 modules transformed.
+rendering chunks...
+
+[vite:dts] Start generate declaration files...
+computing gzip size...
+dist/index.js  15.72 kB │ gzip: 5.05 kB
+[vite:dts] Declaration files built in 12353ms.
+
+No name was provided for external module "@object-ui/core" in "output.globals" – guessing "core".
+No name was provided for external module "@object-ui/react" in "output.globals" – guessing "react".
+No name was provided for external module "@object-ui/fields" in "output.globals" – guessing "fields".
+dist/index.umd.cjs  11.34 kB │ gzip: 4.55 kB
+✓ built in 13.58s

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @object-ui/plugin-form
+
+## 0.3.1
+
+### Patch Changes
+
+- Maintenance release - Documentation and build improvements
+- Updated dependencies
+  - @object-ui/types@0.3.1
+  - @object-ui/core@0.3.1
+  - @object-ui/react@0.3.1
+  - @object-ui/components@0.3.1
+  - @object-ui/fields@0.3.1

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from './plugin-form/src/index'
+export * from './packages/plugin-form/src/index'
 export {}

package/dist/index.js

@@ -1,69 +1,69 @@
-import ie, { useState as O, useEffect as F, useCallback as X } from "react";
-import { ComponentRegistry as Z } from "@object-ui/core";
-import { SchemaRenderer as ae } from "@object-ui/react";
-import { buildValidationRules as le, mapFieldTypeToFormType as se, formatFileSize as ue, evaluateCondition as ce } from "@object-ui/fields";
-var C = { exports: {} }, k = {};
-var H;
-function fe() {
-  if (H) return k;
-  H = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.fragment");
-  function m(E, d, p) {
-    var v = null;
-    if (p !== void 0 && (v = "" + p), d.key !== void 0 && (v = "" + d.key), "key" in d) {
-      p = {};
-      for (var b in d)
-        b !== "key" && (p[b] = d[b]);
-    } else p = d;
-    return d = p.ref, {
+import re, { useState as A, useEffect as I, useCallback as Q } from "react";
+import { ComponentRegistry as oe } from "@object-ui/core";
+import { SchemaRenderer as ie } from "@object-ui/react";
+import { buildValidationRules as ae, mapFieldTypeToFormType as le, formatFileSize as se, evaluateCondition as ue } from "@object-ui/fields";
+var D = { exports: {} }, P = {};
+var Z;
+function ce() {
+  if (Z) return P;
+  Z = 1;
+  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), c = /* @__PURE__ */ Symbol.for("react.fragment");
+  function f(_, m, b) {
+    var T = null;
+    if (b !== void 0 && (T = "" + b), m.key !== void 0 && (T = "" + m.key), "key" in m) {
+      b = {};
+      for (var y in m)
+        y !== "key" && (b[y] = m[y]);
+    } else b = m;
+    return m = b.ref, {
       $$typeof: r,
-      type: E,
-      key: v,
-      ref: d !== void 0 ? d : null,
-      props: p
+      type: _,
+      key: T,
+      ref: m !== void 0 ? m : null,
+      props: b
     };
   }
-  return k.Fragment = u, k.jsx = m, k.jsxs = m, k;
+  return P.Fragment = c, P.jsx = f, P.jsxs = f, P;
 }
-var S = {};
-var B;
-function de() {
-  return B || (B = 1, process.env.NODE_ENV !== "production" && (function() {
+var F = {};
+var K;
+function fe() {
+  return K || (K = 1, process.env.NODE_ENV !== "production" && (function() {
     function r(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === te ? null : e.displayName || e.name || null;
+        return e.$$typeof === O ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case c:
+        case N:
           return "Fragment";
-        case w:
-          return "Profiler";
         case a:
+          return "Profiler";
+        case $:
           return "StrictMode";
-        case o:
+        case x:
           return "Suspense";
-        case j:
+        case t:
           return "SuspenseList";
-        case re:
+        case o:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case I:
+          case W:
             return "Portal";
-          case D:
+          case p:
             return e.displayName || "Context";
-          case t:
+          case l:
             return (e._context.displayName || "Context") + ".Consumer";
-          case A:
+          case j:
             var n = e.render;
             return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ee:
+          case V:
             return n = e.displayName || null, n !== null ? n : r(e.type) || "Memo";
-          case Y:
+          case g:
             n = e._payload, e = e._init;
             try {
               return r(e(n));
@@ -72,29 +72,29 @@ function de() {
         }
       return null;
     }
-    function u(e) {
+    function c(e) {
       return "" + e;
     }
-    function m(e) {
+    function f(e) {
       try {
-        u(e);
+        c(e);
         var n = !1;
       } catch {
         n = !0;
       }
       if (n) {
         n = console;
-        var i = n.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var i = n.error, s = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return i.call(
           n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          l
-        ), u(e);
+          s
+        ), c(e);
       }
     }
-    function E(e) {
-      if (e === c) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === Y)
+    function _(e) {
+      if (e === N) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === g)
         return "<...>";
       try {
         var n = r(e);
@@ -103,23 +103,23 @@ function de() {
         return "<...>";
       }
     }
-    function d() {
-      var e = $.A;
+    function m() {
+      var e = L.A;
       return e === null ? null : e.getOwner();
     }
-    function p() {
+    function b() {
       return Error("react-stack-top-frame");
     }
-    function v(e) {
-      if (z.call(e, "key")) {
+    function T(e) {
+      if (U.call(e, "key")) {
         var n = Object.getOwnPropertyDescriptor(e, "key").get;
         if (n && n.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function b(e, n) {
+    function y(e, n) {
       function i() {
-        M || (M = !0, console.error(
+        J || (J = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           n
         ));
@@ -129,23 +129,23 @@ function de() {
         configurable: !0
       });
     }
-    function h() {
+    function Y() {
       var e = r(this.type);
-      return W[e] || (W[e] = !0, console.error(
+      return G[e] || (G[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function _(e, n, i, l, P, V) {
-      var s = i.ref;
+    function v(e, n, i, s, C, q) {
+      var u = i.ref;
       return e = {
-        $$typeof: N,
+        $$typeof: h,
         type: e,
         key: n,
         props: i,
-        _owner: l
-      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
+        _owner: s
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: h
+        get: Y
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -160,219 +160,233 @@ function de() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: P
+        value: C
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: V
+        value: q
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function g(e, n, i, l, P, V) {
-      var s = n.children;
-      if (s !== void 0)
-        if (l)
-          if (ne(s)) {
-            for (l = 0; l < s.length; l++)
-              R(s[l]);
-            Object.freeze && Object.freeze(s);
+    function S(e, n, i, s, C, q) {
+      var u = n.children;
+      if (u !== void 0)
+        if (s)
+          if (te(u)) {
+            for (s = 0; s < u.length; s++)
+              R(u[s]);
+            Object.freeze && Object.freeze(u);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else R(s);
-      if (z.call(n, "key")) {
-        s = r(e);
-        var x = Object.keys(n).filter(function(oe) {
-          return oe !== "key";
+        else R(u);
+      if (U.call(n, "key")) {
+        u = r(e);
+        var k = Object.keys(n).filter(function(ne) {
+          return ne !== "key";
         });
-        l = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", G[s + l] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
+        s = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", B[u + s] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          l,
           s,
-          x,
-          s
-        ), G[s + l] = !0);
+          u,
+          k,
+          u
+        ), B[u + s] = !0);
       }
-      if (s = null, i !== void 0 && (m(i), s = "" + i), v(n) && (m(n.key), s = "" + n.key), "key" in n) {
+      if (u = null, i !== void 0 && (f(i), u = "" + i), T(n) && (f(n.key), u = "" + n.key), "key" in n) {
         i = {};
-        for (var q in n)
-          q !== "key" && (i[q] = n[q]);
+        for (var z in n)
+          z !== "key" && (i[z] = n[z]);
       } else i = n;
-      return s && b(
+      return u && y(
         i,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), _(
+      ), v(
         e,
-        s,
+        u,
         i,
-        d(),
-        P,
-        V
+        m(),
+        C,
+        q
       );
     }
     function R(e) {
-      f(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === Y && (e._payload.status === "fulfilled" ? f(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+      d(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === g && (e._payload.status === "fulfilled" ? d(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function f(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === N;
+    function d(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === h;
     }
-    var T = ie, N = /* @__PURE__ */ Symbol.for("react.transitional.element"), I = /* @__PURE__ */ Symbol.for("react.portal"), c = /* @__PURE__ */ Symbol.for("react.fragment"), a = /* @__PURE__ */ Symbol.for("react.strict_mode"), w = /* @__PURE__ */ Symbol.for("react.profiler"), t = /* @__PURE__ */ Symbol.for("react.consumer"), D = /* @__PURE__ */ Symbol.for("react.context"), A = /* @__PURE__ */ Symbol.for("react.forward_ref"), o = /* @__PURE__ */ Symbol.for("react.suspense"), j = /* @__PURE__ */ Symbol.for("react.suspense_list"), ee = /* @__PURE__ */ Symbol.for("react.memo"), Y = /* @__PURE__ */ Symbol.for("react.lazy"), re = /* @__PURE__ */ Symbol.for("react.activity"), te = /* @__PURE__ */ Symbol.for("react.client.reference"), $ = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, ne = Array.isArray, L = console.createTask ? console.createTask : function() {
+    var w = re, h = /* @__PURE__ */ Symbol.for("react.transitional.element"), W = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), $ = /* @__PURE__ */ Symbol.for("react.strict_mode"), a = /* @__PURE__ */ Symbol.for("react.profiler"), l = /* @__PURE__ */ Symbol.for("react.consumer"), p = /* @__PURE__ */ Symbol.for("react.context"), j = /* @__PURE__ */ Symbol.for("react.forward_ref"), x = /* @__PURE__ */ Symbol.for("react.suspense"), t = /* @__PURE__ */ Symbol.for("react.suspense_list"), V = /* @__PURE__ */ Symbol.for("react.memo"), g = /* @__PURE__ */ Symbol.for("react.lazy"), o = /* @__PURE__ */ Symbol.for("react.activity"), O = /* @__PURE__ */ Symbol.for("react.client.reference"), L = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, te = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
-    T = {
+    w = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var M, W = {}, U = T.react_stack_bottom_frame.bind(
-      T,
-      p
-    )(), J = L(E(p)), G = {};
-    S.Fragment = c, S.jsx = function(e, n, i) {
-      var l = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return g(
+    var J, G = {}, X = w.react_stack_bottom_frame.bind(
+      w,
+      b
+    )(), H = M(_(b)), B = {};
+    F.Fragment = N, F.jsx = function(e, n, i) {
+      var s = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return S(
         e,
         n,
         i,
         !1,
-        l ? Error("react-stack-top-frame") : U,
-        l ? L(E(e)) : J
+        s ? Error("react-stack-top-frame") : X,
+        s ? M(_(e)) : H
       );
-    }, S.jsxs = function(e, n, i) {
-      var l = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return g(
+    }, F.jsxs = function(e, n, i) {
+      var s = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return S(
         e,
         n,
         i,
         !0,
-        l ? Error("react-stack-top-frame") : U,
-        l ? L(E(e)) : J
+        s ? Error("react-stack-top-frame") : X,
+        s ? M(_(e)) : H
       );
     };
-  })()), S;
+  })()), F;
 }
-var Q;
-function pe() {
-  return Q || (Q = 1, process.env.NODE_ENV === "production" ? C.exports = fe() : C.exports = de()), C.exports;
+var ee;
+function de() {
+  return ee || (ee = 1, process.env.NODE_ENV === "production" ? D.exports = ce() : D.exports = fe()), D.exports;
 }
-var y = pe();
-const me = ({
+var E = de();
+const pe = ({
   schema: r,
-  dataSource: u
+  dataSource: c
 }) => {
-  const [m, E] = O(null), [d, p] = O([]), [v, b] = O(null), [h, _] = O(!0), [g, R] = O(null), f = r.customFields && r.customFields.length > 0;
-  F(() => {
-    f && (b(r.initialData || r.initialValues || {}), _(!1));
-  }, [f, r.initialData, r.initialValues]), F(() => {
-    const c = async () => {
+  const [f, _] = A(null), [m, b] = A([]), [T, y] = A(null), [Y, v] = A(!0), [S, R] = A(null), d = r.customFields && r.customFields.length > 0;
+  I(() => {
+    d && (y(r.initialData || r.initialValues || {}), v(!1));
+  }, [d, r.initialData, r.initialValues]), I(() => {
+    const a = async () => {
       try {
-        if (!u)
+        if (!c)
           throw new Error("DataSource is required when using ObjectQL schema fetching (inline fields not provided)");
-        const a = await u.getObjectSchema(r.objectName);
-        E(a);
-      } catch (a) {
-        console.error("Failed to fetch object schema:", a), R(a);
+        const l = await c.getObjectSchema(r.objectName);
+        _(l);
+      } catch (l) {
+        console.error("Failed to fetch object schema:", l), R(l);
       }
     };
-    f ? E({
+    d ? _({
       name: r.objectName,
       fields: {}
-    }) : r.objectName && u && c();
-  }, [r.objectName, u, f]), F(() => {
-    m && !f && (async () => {
+    }) : r.objectName && c && a();
+  }, [r.objectName, c, d]), I(() => {
+    f && !d && (async () => {
       if (!r.recordId || r.mode === "create") {
-        b(r.initialData || r.initialValues || {});
+        y(r.initialData || r.initialValues || {}), v(!1);
         return;
       }
-      if (!f) {
-        if (!u) {
-          R(new Error("DataSource is required for fetching record data (inline data not provided)")), _(!1);
+      if (!d) {
+        if (!c) {
+          R(new Error("DataSource is required for fetching record data (inline data not provided)")), v(!1);
           return;
         }
-        _(!0);
+        v(!0);
         try {
-          const a = await u.findOne(r.objectName, r.recordId);
-          b(a);
-        } catch (a) {
-          console.error("Failed to fetch record:", a), R(a);
+          const l = await c.findOne(r.objectName, r.recordId);
+          y(l);
+        } catch (l) {
+          console.error("Failed to fetch record:", l), R(l);
         } finally {
-          _(!1);
+          v(!1);
         }
       }
     })();
-  }, [r.objectName, r.recordId, r.mode, r.initialValues, r.initialData, u, m, f]), F(() => {
-    if (f && r.customFields) {
-      p(r.customFields), _(!1);
+  }, [r.objectName, r.recordId, r.mode, r.initialValues, r.initialData, c, f, d]), I(() => {
+    if (d && r.customFields) {
+      b(r.customFields), v(!1);
       return;
     }
-    if (!m) return;
-    const c = [];
-    (r.fields || Object.keys(m.fields || {})).forEach((w) => {
-      const t = m.fields?.[w];
-      if (!t) return;
-      const D = !t.permissions || t.permissions.write !== !1;
-      if (r.mode !== "view" && !D) return;
-      const A = r.customFields?.find((o) => o.name === w);
-      if (A)
-        c.push(A);
-      else {
+    if (!f) return;
+    const a = [], l = r.fields || Object.keys(f.fields || {});
+    (Array.isArray(l) ? l : Object.keys(l)).forEach((j) => {
+      const x = typeof j == "string" ? j : j.name;
+      if (!x) return;
+      const t = f.fields?.[x];
+      if (!t && !d) return;
+      const V = !t?.permissions || t?.permissions.write !== !1;
+      if (r.mode !== "view" && !V) return;
+      const g = r.customFields?.find((o) => o.name === x);
+      if (g)
+        a.push(g);
+      else if (t) {
         const o = {
-          name: w,
-          label: t.label || w,
-          type: se(t.type),
+          name: x,
+          label: t.label || j,
+          type: le(t.type),
           required: t.required || !1,
           disabled: r.readOnly || r.mode === "view" || t.readonly,
           placeholder: t.placeholder,
           description: t.help || t.description,
-          validation: le(t)
+          validation: ae(t),
+          // Important: Pass the original field metadata so widgets can access properties like precision, currency, etc.
+          field: t
         };
-        if ((t.type === "select" || t.type === "lookup" || t.type === "master_detail") && (o.options = t.options || [], o.multiple = t.multiple), (t.type === "number" || t.type === "currency" || t.type === "percent") && (o.min = t.min, o.max = t.max, o.step = t.precision ? Math.pow(10, -t.precision) : void 0), (t.type === "text" || t.type === "textarea" || t.type === "markdown" || t.type === "html") && (o.maxLength = t.max_length, o.minLength = t.min_length), (t.type === "file" || t.type === "image") && (o.multiple = t.multiple, o.accept = t.accept ? t.accept.join(",") : void 0, t.max_size)) {
-          const j = `Max size: ${ue(t.max_size)}`;
-          o.description = o.description ? `${o.description} (${j})` : j;
+        if ((t.type === "select" || t.type === "lookup" || t.type === "master_detail") && (o.options = t.options || [], o.multiple = t.multiple), (t.type === "number" || t.type === "currency" || t.type === "percent") && (o.inputType = "number", o.min = t.min, o.max = t.max, o.step = t.precision ? Math.pow(10, -t.precision) : void 0), t.type === "date" && (o.inputType = "date"), t.type === "datetime" && (o.inputType = "datetime-local"), (t.type === "text" || t.type === "textarea" || t.type === "markdown" || t.type === "html") && (o.maxLength = t.max_length, o.minLength = t.min_length), (t.type === "file" || t.type === "image") && (o.inputType = "file", o.multiple = t.multiple, o.accept = t.accept ? t.accept.join(",") : void 0, t.max_size)) {
+          const O = `Max size: ${se(t.max_size)}`;
+          o.description = o.description ? `${o.description} (${O})` : O;
         }
-        t.type === "email" && (o.inputType = "email"), t.type === "phone" && (o.inputType = "tel"), t.type === "url" && (o.inputType = "url"), t.type === "password" && (o.inputType = "password"), t.type === "time" && (o.inputType = "time"), (t.type === "formula" || t.type === "summary" || t.type === "auto_number") && (o.disabled = !0), t.visible_on && (o.visible = (j) => ce(t.visible_on, j)), c.push(o);
+        t.type === "email" && (o.inputType = "email"), t.type === "phone" && (o.inputType = "tel"), t.type === "url" && (o.inputType = "url"), t.type === "password" && (o.inputType = "password"), t.type === "time" && (o.inputType = "time"), (t.type === "formula" || t.type === "summary" || t.type === "auto_number") && (o.disabled = !0), t.visible_on && (o.visible = (O) => ue(t.visible_on, O)), a.push(o);
       }
-    }), p(c), _(!1);
-  }, [m, r.fields, r.customFields, r.readOnly, r.mode, f]);
-  const T = X(async (c) => {
-    if (f && !u)
-      return r.onSuccess && await r.onSuccess(c), c;
-    if (!u)
+    }), b(a), v(!1);
+  }, [f, r.fields, r.customFields, r.readOnly, r.mode, d]);
+  const w = Q(async (a, l) => {
+    if (a && (a.nativeEvent || a._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), l === void 0 && (l = a, a = {})), d && !c)
+      return r.onSuccess && await r.onSuccess(a), a;
+    if (!c)
       throw new Error("DataSource is required for form submission (inline mode not configured)");
     try {
-      let a;
+      let p;
       if (r.mode === "create")
-        a = await u.create(r.objectName, c);
+        p = await c.create(r.objectName, a);
       else if (r.mode === "edit" && r.recordId)
-        a = await u.update(r.objectName, r.recordId, c);
+        p = await c.update(r.objectName, r.recordId, a);
       else
         throw new Error("Invalid form mode or missing record ID");
-      return r.onSuccess && await r.onSuccess(a), a;
-    } catch (a) {
-      throw console.error("Failed to submit form:", a), r.onError && r.onError(a), a;
+      return r.onSuccess && await r.onSuccess(p), p;
+    } catch (p) {
+      throw console.error("Failed to submit form:", p), r.onError && r.onError(p), p;
     }
-  }, [r, u, f]), N = X(() => {
+  }, [r, c, d]), h = Q(() => {
     r.onCancel && r.onCancel();
-  }, [r]);
-  if (g)
-    return /* @__PURE__ */ y.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded-md", children: [
-      /* @__PURE__ */ y.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading form" }),
-      /* @__PURE__ */ y.jsx("p", { className: "text-red-600 text-sm mt-1", children: g.message })
+  }, [r]), N = {
+    ...re.useMemo(() => {
+      if (!f?.fields) return {};
+      const a = {};
+      return Object.keys(f.fields).forEach((l) => {
+        const p = f.fields[l];
+        p.defaultValue !== void 0 && (a[l] = p.defaultValue);
+      }), a;
+    }, [f]),
+    ...T
+  };
+  if (S)
+    return /* @__PURE__ */ E.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded-md", children: [
+      /* @__PURE__ */ E.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading form" }),
+      /* @__PURE__ */ E.jsx("p", { className: "text-red-600 text-sm mt-1", children: S.message })
     ] });
-  if (h)
-    return /* @__PURE__ */ y.jsxs("div", { className: "p-8 text-center", children: [
-      /* @__PURE__ */ y.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
-      /* @__PURE__ */ y.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading form..." })
+  if (Y)
+    return /* @__PURE__ */ E.jsxs("div", { className: "p-8 text-center", children: [
+      /* @__PURE__ */ E.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
+      /* @__PURE__ */ E.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading form..." })
     ] });
-  const I = {
+  const $ = {
     type: "form",
-    fields: d,
+    fields: m,
     layout: r.layout === "vertical" || r.layout === "horizontal" ? r.layout : "vertical",
     columns: r.columns,
     submitLabel: r.submitText || (r.mode === "create" ? "Create" : "Update"),
@@ -380,15 +394,16 @@ const me = ({
     showSubmit: r.showSubmit !== !1 && r.mode !== "view",
     showCancel: r.showCancel !== !1,
     resetOnSubmit: r.showReset,
-    defaultValues: v,
-    onSubmit: T,
-    onCancel: N,
+    defaultValues: N,
+    onSubmit: w,
+    onCancel: h,
     className: r.className
   };
-  return /* @__PURE__ */ y.jsx("div", { className: "w-full", children: /* @__PURE__ */ y.jsx(ae, { schema: I }) });
-}, K = ({ schema: r }) => /* @__PURE__ */ y.jsx(me, { schema: r });
-Z.register("object-form", K);
-Z.register("form", K);
+  return /* @__PURE__ */ E.jsx("div", { className: "w-full", children: /* @__PURE__ */ E.jsx(ie, { schema: $ }) });
+}, me = ({ schema: r }) => /* @__PURE__ */ E.jsx(pe, { schema: r });
+oe.register("object-form", me, {
+  namespace: "plugin-form"
+});
 export {
-  me as ObjectForm
+  pe as ObjectForm
 };

package/dist/index.umd.cjs

@@ -1,6 +1,6 @@
-(function(y,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react"),require("@object-ui/core"),require("@object-ui/react"),require("@object-ui/fields")):typeof define=="function"&&define.amd?define(["exports","react","@object-ui/core","@object-ui/react","@object-ui/fields"],c):(y=typeof globalThis<"u"?globalThis:y||self,c(y.ObjectUIPluginForm={},y.React,y.core,y.react,y.fields))})(this,(function(y,c,W,re,P){"use strict";var A={exports:{}},S={};var J;function te(){if(J)return S;J=1;var r=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function b(v,p,m){var T=null;if(m!==void 0&&(T=""+m),p.key!==void 0&&(T=""+p.key),"key"in p){m={};for(var _ in p)_!=="key"&&(m[_]=p[_])}else m=p;return p=m.ref,{$$typeof:r,type:v,key:T,ref:p!==void 0?p:null,props:m}}return S.Fragment=u,S.jsx=b,S.jsxs=b,S}var k={};var G;function ne(){return G||(G=1,process.env.NODE_ENV!=="production"&&(function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===le?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case f:return"Fragment";case x:return"Profiler";case a:return"StrictMode";case o:return"Suspense";case g:return"SuspenseList";case ae:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case D:return"Portal";case Y:return e.displayName||"Context";case t:return(e._context.displayName||"Context")+".Consumer";case h:var n=e.render;return e=e.displayName,e||(e=n.displayName||n.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ie:return n=e.displayName||null,n!==null?n:r(e.type)||"Memo";case L:n=e._payload,e=e._init;try{return r(e(n))}catch{}}return null}function u(e){return""+e}function b(e){try{u(e);var n=!1}catch{n=!0}if(n){n=console;var i=n.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),u(e)}}function v(e){if(e===f)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===L)return"<...>";try{var n=r(e);return n?"<"+n+">":"<...>"}catch{return"<...>"}}function p(){var e=M.A;return e===null?null:e.getOwner()}function m(){return Error("react-stack-top-frame")}function T(e){if(B.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function _(e,n){function i(){Q||(Q=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",n))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function I(){var e=r(this.type);return Z[e]||(Z[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function R(e,n,i,l,C,z){var s=i.ref;return e={$$typeof:F,type:e,key:n,props:i,_owner:l},(s!==void 0?s:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:I}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:C}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:z}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function N(e,n,i,l,C,z){var s=n.children;if(s!==void 0)if(l)if(se(s)){for(l=0;l<s.length;l++)j(s[l]);Object.freeze&&Object.freeze(s)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else j(s);if(B.call(n,"key")){s=r(e);var O=Object.keys(n).filter(function(ue){return ue!=="key"});l=0<O.length?"{key: someKey, "+O.join(": ..., ")+": ...}":"{key: someKey}",ee[s+l]||(O=0<O.length?"{"+O.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(E,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react"),require("@object-ui/core"),require("@object-ui/react"),require("@object-ui/fields")):typeof define=="function"&&define.amd?define(["exports","react","@object-ui/core","@object-ui/react","@object-ui/fields"],c):(E=typeof globalThis<"u"?globalThis:E||self,c(E.ObjectUIPluginForm={},E.React,E.core,E.react,E.fields))})(this,(function(E,c,re,ne,C){"use strict";var I={exports:{}},A={};var G;function oe(){if(G)return A;G=1;var t=Symbol.for("react.transitional.element"),f=Symbol.for("react.fragment");function d(j,b,y){var R=null;if(y!==void 0&&(R=""+y),b.key!==void 0&&(R=""+b.key),"key"in b){y={};for(var _ in b)_!=="key"&&(y[_]=b[_])}else y=b;return b=y.ref,{$$typeof:t,type:j,key:R,ref:b!==void 0?b:null,props:y}}return A.Fragment=f,A.jsx=d,A.jsxs=d,A}var P={};var X;function ie(){return X||(X=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===k?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case F:return"Fragment";case a:return"Profiler";case L:return"StrictMode";case O:return"Suspense";case r:return"SuspenseList";case o:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case B:return"Portal";case m:return e.displayName||"Context";case l:return(e._context.displayName||"Context")+".Consumer";case g:var n=e.render;return e=e.displayName,e||(e=n.displayName||n.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case M:return n=e.displayName||null,n!==null?n:t(e.type)||"Memo";case S:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function f(e){return""+e}function d(e){try{f(e);var n=!1}catch{n=!0}if(n){n=console;var i=n.error,s=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",s),f(e)}}function j(e){if(e===F)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===S)return"<...>";try{var n=t(e);return n?"<"+n+">":"<...>"}catch{return"<...>"}}function b(){var e=z.A;return e===null?null:e.getOwner()}function y(){return Error("react-stack-top-frame")}function R(e){if(Q.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function _(e,n){function i(){Z||(Z=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",n))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function V(){var e=t(this.type);return K[e]||(K[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function T(e,n,i,s,Y,W){var u=i.ref;return e={$$typeof:D,type:e,key:n,props:i,_owner:s},(u!==void 0?u:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:V}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:W}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function h(e,n,i,s,Y,W){var u=n.children;if(u!==void 0)if(s)if(se(u)){for(s=0;s<u.length;s++)w(u[s]);Object.freeze&&Object.freeze(u)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else w(u);if(Q.call(n,"key")){u=t(e);var N=Object.keys(n).filter(function(ue){return ue!=="key"});s=0<N.length?"{key: someKey, "+N.join(": ..., ")+": ...}":"{key: someKey}",te[u+s]||(N=0<N.length?"{"+N.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,l,s,O,s),ee[s+l]=!0)}if(s=null,i!==void 0&&(b(i),s=""+i),T(n)&&(b(n.key),s=""+n.key),"key"in n){i={};for(var U in n)U!=="key"&&(i[U]=n[U])}else i=n;return s&&_(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),R(e,s,i,p(),C,z)}function j(e){d(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===L&&(e._payload.status==="fulfilled"?d(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function d(e){return typeof e=="object"&&e!==null&&e.$$typeof===F}var w=c,F=Symbol.for("react.transitional.element"),D=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),t=Symbol.for("react.consumer"),Y=Symbol.for("react.context"),h=Symbol.for("react.forward_ref"),o=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),ie=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),ae=Symbol.for("react.activity"),le=Symbol.for("react.client.reference"),M=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,B=Object.prototype.hasOwnProperty,se=Array.isArray,V=console.createTask?console.createTask:function(){return null};w={react_stack_bottom_frame:function(e){return e()}};var Q,Z={},K=w.react_stack_bottom_frame.bind(w,m)(),$=V(v(m)),ee={};k.Fragment=f,k.jsx=function(e,n,i){var l=1e4>M.recentlyCreatedOwnerStacks++;return N(e,n,i,!1,l?Error("react-stack-top-frame"):K,l?V(v(e)):$)},k.jsxs=function(e,n,i){var l=1e4>M.recentlyCreatedOwnerStacks++;return N(e,n,i,!0,l?Error("react-stack-top-frame"):K,l?V(v(e)):$)}})()),k}var q;function oe(){return q||(q=1,process.env.NODE_ENV==="production"?A.exports=te():A.exports=ne()),A.exports}var E=oe();const X=({schema:r,dataSource:u})=>{const[b,v]=c.useState(null),[p,m]=c.useState([]),[T,_]=c.useState(null),[I,R]=c.useState(!0),[N,j]=c.useState(null),d=r.customFields&&r.customFields.length>0;c.useEffect(()=>{d&&(_(r.initialData||r.initialValues||{}),R(!1))},[d,r.initialData,r.initialValues]),c.useEffect(()=>{const f=async()=>{try{if(!u)throw new Error("DataSource is required when using ObjectQL schema fetching (inline fields not provided)");const a=await u.getObjectSchema(r.objectName);v(a)}catch(a){console.error("Failed to fetch object schema:",a),j(a)}};d?v({name:r.objectName,fields:{}}):r.objectName&&u&&f()},[r.objectName,u,d]),c.useEffect(()=>{b&&!d&&(async()=>{if(!r.recordId||r.mode==="create"){_(r.initialData||r.initialValues||{});return}if(!d){if(!u){j(new Error("DataSource is required for fetching record data (inline data not provided)")),R(!1);return}R(!0);try{const a=await u.findOne(r.objectName,r.recordId);_(a)}catch(a){console.error("Failed to fetch record:",a),j(a)}finally{R(!1)}}})()},[r.objectName,r.recordId,r.mode,r.initialValues,r.initialData,u,b,d]),c.useEffect(()=>{if(d&&r.customFields){m(r.customFields),R(!1);return}if(!b)return;const f=[];(r.fields||Object.keys(b.fields||{})).forEach(x=>{const t=b.fields?.[x];if(!t)return;const Y=!t.permissions||t.permissions.write!==!1;if(r.mode!=="view"&&!Y)return;const h=r.customFields?.find(o=>o.name===x);if(h)f.push(h);else{const o={name:x,label:t.label||x,type:P.mapFieldTypeToFormType(t.type),required:t.required||!1,disabled:r.readOnly||r.mode==="view"||t.readonly,placeholder:t.placeholder,description:t.help||t.description,validation:P.buildValidationRules(t)};if((t.type==="select"||t.type==="lookup"||t.type==="master_detail")&&(o.options=t.options||[],o.multiple=t.multiple),(t.type==="number"||t.type==="currency"||t.type==="percent")&&(o.min=t.min,o.max=t.max,o.step=t.precision?Math.pow(10,-t.precision):void 0),(t.type==="text"||t.type==="textarea"||t.type==="markdown"||t.type==="html")&&(o.maxLength=t.max_length,o.minLength=t.min_length),(t.type==="file"||t.type==="image")&&(o.multiple=t.multiple,o.accept=t.accept?t.accept.join(","):void 0,t.max_size)){const g=`Max size: ${P.formatFileSize(t.max_size)}`;o.description=o.description?`${o.description} (${g})`:g}t.type==="email"&&(o.inputType="email"),t.type==="phone"&&(o.inputType="tel"),t.type==="url"&&(o.inputType="url"),t.type==="password"&&(o.inputType="password"),t.type==="time"&&(o.inputType="time"),(t.type==="formula"||t.type==="summary"||t.type==="auto_number")&&(o.disabled=!0),t.visible_on&&(o.visible=g=>P.evaluateCondition(t.visible_on,g)),f.push(o)}}),m(f),R(!1)},[b,r.fields,r.customFields,r.readOnly,r.mode,d]);const w=c.useCallback(async f=>{if(d&&!u)return r.onSuccess&&await r.onSuccess(f),f;if(!u)throw new Error("DataSource is required for form submission (inline mode not configured)");try{let a;if(r.mode==="create")a=await u.create(r.objectName,f);else if(r.mode==="edit"&&r.recordId)a=await u.update(r.objectName,r.recordId,f);else throw new Error("Invalid form mode or missing record ID");return r.onSuccess&&await r.onSuccess(a),a}catch(a){throw console.error("Failed to submit form:",a),r.onError&&r.onError(a),a}},[r,u,d]),F=c.useCallback(()=>{r.onCancel&&r.onCancel()},[r]);if(N)return E.jsxs("div",{className:"p-4 border border-red-300 bg-red-50 rounded-md",children:[E.jsx("h3",{className:"text-red-800 font-semibold",children:"Error loading form"}),E.jsx("p",{className:"text-red-600 text-sm mt-1",children:N.message})]});if(I)return E.jsxs("div",{className:"p-8 text-center",children:[E.jsx("div",{className:"inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900"}),E.jsx("p",{className:"mt-2 text-sm text-gray-600",children:"Loading form..."})]});const D={type:"form",fields:p,layout:r.layout==="vertical"||r.layout==="horizontal"?r.layout:"vertical",columns:r.columns,submitLabel:r.submitText||(r.mode==="create"?"Create":"Update"),cancelLabel:r.cancelText,showSubmit:r.showSubmit!==!1&&r.mode!=="view",showCancel:r.showCancel!==!1,resetOnSubmit:r.showReset,defaultValues:T,onSubmit:w,onCancel:F,className:r.className};return E.jsx("div",{className:"w-full",children:E.jsx(re.SchemaRenderer,{schema:D})})},H=({schema:r})=>E.jsx(X,{schema:r});W.ComponentRegistry.register("object-form",H),W.ComponentRegistry.register("form",H),y.ObjectForm=X,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,s,u,N,u),te[u+s]=!0)}if(u=null,i!==void 0&&(d(i),u=""+i),R(n)&&(d(n.key),u=""+n.key),"key"in n){i={};for(var J in n)J!=="key"&&(i[J]=n[J])}else i=n;return u&&_(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,u,i,b(),Y,W)}function w(e){p(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===S&&(e._payload.status==="fulfilled"?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e=="object"&&e!==null&&e.$$typeof===D}var x=c,D=Symbol.for("react.transitional.element"),B=Symbol.for("react.portal"),F=Symbol.for("react.fragment"),L=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),l=Symbol.for("react.consumer"),m=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),r=Symbol.for("react.suspense_list"),M=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),o=Symbol.for("react.activity"),k=Symbol.for("react.client.reference"),z=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Q=Object.prototype.hasOwnProperty,se=Array.isArray,U=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(e){return e()}};var Z,K={},$=x.react_stack_bottom_frame.bind(x,y)(),ee=U(j(y)),te={};P.Fragment=F,P.jsx=function(e,n,i){var s=1e4>z.recentlyCreatedOwnerStacks++;return h(e,n,i,!1,s?Error("react-stack-top-frame"):$,s?U(j(e)):ee)},P.jsxs=function(e,n,i){var s=1e4>z.recentlyCreatedOwnerStacks++;return h(e,n,i,!0,s?Error("react-stack-top-frame"):$,s?U(j(e)):ee)}})()),P}var q;function ae(){return q||(q=1,process.env.NODE_ENV==="production"?I.exports=oe():I.exports=ie()),I.exports}var v=ae();const H=({schema:t,dataSource:f})=>{const[d,j]=c.useState(null),[b,y]=c.useState([]),[R,_]=c.useState(null),[V,T]=c.useState(!0),[h,w]=c.useState(null),p=t.customFields&&t.customFields.length>0;c.useEffect(()=>{p&&(_(t.initialData||t.initialValues||{}),T(!1))},[p,t.initialData,t.initialValues]),c.useEffect(()=>{const a=async()=>{try{if(!f)throw new Error("DataSource is required when using ObjectQL schema fetching (inline fields not provided)");const l=await f.getObjectSchema(t.objectName);j(l)}catch(l){console.error("Failed to fetch object schema:",l),w(l)}};p?j({name:t.objectName,fields:{}}):t.objectName&&f&&a()},[t.objectName,f,p]),c.useEffect(()=>{d&&!p&&(async()=>{if(!t.recordId||t.mode==="create"){_(t.initialData||t.initialValues||{}),T(!1);return}if(!p){if(!f){w(new Error("DataSource is required for fetching record data (inline data not provided)")),T(!1);return}T(!0);try{const l=await f.findOne(t.objectName,t.recordId);_(l)}catch(l){console.error("Failed to fetch record:",l),w(l)}finally{T(!1)}}})()},[t.objectName,t.recordId,t.mode,t.initialValues,t.initialData,f,d,p]),c.useEffect(()=>{if(p&&t.customFields){y(t.customFields),T(!1);return}if(!d)return;const a=[],l=t.fields||Object.keys(d.fields||{});(Array.isArray(l)?l:Object.keys(l)).forEach(g=>{const O=typeof g=="string"?g:g.name;if(!O)return;const r=d.fields?.[O];if(!r&&!p)return;const M=!r?.permissions||r?.permissions.write!==!1;if(t.mode!=="view"&&!M)return;const S=t.customFields?.find(o=>o.name===O);if(S)a.push(S);else if(r){const o={name:O,label:r.label||g,type:C.mapFieldTypeToFormType(r.type),required:r.required||!1,disabled:t.readOnly||t.mode==="view"||r.readonly,placeholder:r.placeholder,description:r.help||r.description,validation:C.buildValidationRules(r),field:r};if((r.type==="select"||r.type==="lookup"||r.type==="master_detail")&&(o.options=r.options||[],o.multiple=r.multiple),(r.type==="number"||r.type==="currency"||r.type==="percent")&&(o.inputType="number",o.min=r.min,o.max=r.max,o.step=r.precision?Math.pow(10,-r.precision):void 0),r.type==="date"&&(o.inputType="date"),r.type==="datetime"&&(o.inputType="datetime-local"),(r.type==="text"||r.type==="textarea"||r.type==="markdown"||r.type==="html")&&(o.maxLength=r.max_length,o.minLength=r.min_length),(r.type==="file"||r.type==="image")&&(o.inputType="file",o.multiple=r.multiple,o.accept=r.accept?r.accept.join(","):void 0,r.max_size)){const k=`Max size: ${C.formatFileSize(r.max_size)}`;o.description=o.description?`${o.description} (${k})`:k}r.type==="email"&&(o.inputType="email"),r.type==="phone"&&(o.inputType="tel"),r.type==="url"&&(o.inputType="url"),r.type==="password"&&(o.inputType="password"),r.type==="time"&&(o.inputType="time"),(r.type==="formula"||r.type==="summary"||r.type==="auto_number")&&(o.disabled=!0),r.visible_on&&(o.visible=k=>C.evaluateCondition(r.visible_on,k)),a.push(o)}}),y(a),T(!1)},[d,t.fields,t.customFields,t.readOnly,t.mode,p]);const x=c.useCallback(async(a,l)=>{if(a&&(a.nativeEvent||a._reactName==="onSubmit")&&(console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."),l===void 0&&(l=a,a={})),p&&!f)return t.onSuccess&&await t.onSuccess(a),a;if(!f)throw new Error("DataSource is required for form submission (inline mode not configured)");try{let m;if(t.mode==="create")m=await f.create(t.objectName,a);else if(t.mode==="edit"&&t.recordId)m=await f.update(t.objectName,t.recordId,a);else throw new Error("Invalid form mode or missing record ID");return t.onSuccess&&await t.onSuccess(m),m}catch(m){throw console.error("Failed to submit form:",m),t.onError&&t.onError(m),m}},[t,f,p]),D=c.useCallback(()=>{t.onCancel&&t.onCancel()},[t]),F={...c.useMemo(()=>{if(!d?.fields)return{};const a={};return Object.keys(d.fields).forEach(l=>{const m=d.fields[l];m.defaultValue!==void 0&&(a[l]=m.defaultValue)}),a},[d]),...R};if(h)return v.jsxs("div",{className:"p-4 border border-red-300 bg-red-50 rounded-md",children:[v.jsx("h3",{className:"text-red-800 font-semibold",children:"Error loading form"}),v.jsx("p",{className:"text-red-600 text-sm mt-1",children:h.message})]});if(V)return v.jsxs("div",{className:"p-8 text-center",children:[v.jsx("div",{className:"inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900"}),v.jsx("p",{className:"mt-2 text-sm text-gray-600",children:"Loading form..."})]});const L={type:"form",fields:b,layout:t.layout==="vertical"||t.layout==="horizontal"?t.layout:"vertical",columns:t.columns,submitLabel:t.submitText||(t.mode==="create"?"Create":"Update"),cancelLabel:t.cancelText,showSubmit:t.showSubmit!==!1&&t.mode!=="view",showCancel:t.showCancel!==!1,resetOnSubmit:t.showReset,defaultValues:F,onSubmit:x,onCancel:D,className:t.className};return v.jsx("div",{className:"w-full",children:v.jsx(ne.SchemaRenderer,{schema:L})})},le=({schema:t})=>v.jsx(H,{schema:t});re.ComponentRegistry.register("object-form",le,{namespace:"plugin-form"}),E.ObjectForm=H,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));

package/dist/packages/plugin-form/src/ObjectForm.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-form",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "type": "module",
   "license": "MIT",
   "description": "Form plugin for Object UI",
@@ -16,21 +16,23 @@
   },
   "dependencies": {
     "lucide-react": "^0.563.0",
-    "@object-ui/components": "0.3.0",
-    "@object-ui/core": "0.3.0",
-    "@object-ui/fields": "0.3.0",
-    "@object-ui/react": "0.3.0",
-    "@object-ui/types": "0.3.0"
+    "@object-ui/components": "0.5.0",
+    "@object-ui/core": "0.5.0",
+    "@object-ui/fields": "0.5.0",
+    "@object-ui/react": "0.5.0",
+    "@object-ui/types": "0.5.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react": "^5.1.3",
+    "msw": "^2.12.7",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "@object-ui/data-objectstack": "0.5.0"
   },
   "scripts": {
     "build": "vite build",

package/src/ObjectForm.msw.test.tsx

@@ -0,0 +1,129 @@
+import { describe, it, expect, vi, beforeAll, afterAll, afterEach } from 'vitest';
+import { render, screen, waitFor } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { ObjectForm } from './ObjectForm';
+import { ObjectStackAdapter } from '@object-ui/data-objectstack';
+import { setupServer } from 'msw/node';
+import { http, HttpResponse } from 'msw';
+import { registerAllFields } from '@object-ui/fields';
+import React from 'react';
+import { ContactObject } from '../../../examples/crm/src/objects/contact.object';
+
+// Register widget renderers
+registerAllFields();
+
+const BASE_URL = process.env.OBJECTSTACK_API_URL || 'http://localhost';
+
+// --- Mock Data ---
+
+const mockSchema = ContactObject;
+
+const mockRecord = {
+  _id: '1',
+  name: 'Alice Johnson',
+  email: 'alice@example.com',
+  status: 'Active'
+};
+
+// --- MSW Setup ---
+
+const handlers = [
+  // OPTIONS handler for CORS preflight
+  http.options(`${BASE_URL}/*`, () => {
+    return new HttpResponse(null, {
+      status: 200,
+      headers: {
+        'Access-Control-Allow-Origin': '*',
+        'Access-Control-Allow-Methods': 'GET,HEAD,POST,PUT,DELETE,CONNECT,OPTIONS,TRACE,PATCH',
+        'Access-Control-Allow-Headers': 'Content-Type, Authorization',
+      },
+    });
+  }),
+  
+  // Health check / Connection check (ObjectStackClient often pings root or /api/v1)
+  http.get(`${BASE_URL}/api/v1`, () => {
+    return HttpResponse.json({ status: 'ok', version: '1.0.0' });
+  }),
+
+  // Mock Schema Fetch: GET /api/v1/meta/object/:name
+  http.get(`${BASE_URL}/api/v1/meta/object/:name`, ({ params }) => {
+    const { name } = params;
+    if (name === 'contact') {
+      return HttpResponse.json(mockSchema);
+    }
+    return new HttpResponse(null, { status: 404 });
+  }),
+
+  // Mock Record Fetch: GET /api/v1/data/:object/:id
+  http.get(`${BASE_URL}/api/v1/data/:object/:id`, ({ params }) => {
+    const { object, id } = params;
+    if (object === 'contact' && id === '1') {
+      return HttpResponse.json(mockRecord);
+    }
+    return new HttpResponse(null, { status: 404 });
+  })
+];
+
+const server = setupServer(...handlers);
+
+// --- Test Suite ---
+
+describe('ObjectForm with ObjectStack/MSW', () => {
+  // Only start MSW if we are NOT using a real server
+  if (!process.env.OBJECTSTACK_API_URL) {
+    beforeAll(() => server.listen());
+    afterEach(() => server.resetHandlers());
+    afterAll(() => server.close());
+  }
+
+  // Create real adapter instance pointing to MSW or Real Server
+  const dataSource = new ObjectStackAdapter({
+    baseUrl: BASE_URL,
+    // Add custom fetch for environment that might need it, or rely on global fetch
+    // fetch: global.fetch 
+  });
+
+  it('loads schema and renders form fields', async () => {
+    render(
+      <ObjectForm
+        schema={{
+          type: 'object-form',
+          objectName: 'contact', // Triggers schema fetch
+          mode: 'create'
+        }}
+        dataSource={dataSource} // Logic moves from mock fn to real adapter + MSW
+      />
+    );
+
+    // Verify fields appear (async as schema loads via HTTP)
+    await waitFor(() => {
+      // Changed from 'Full Name' to 'Name' based on CRM example schema
+      expect(screen.getByText('Name')).toBeInTheDocument();
+    }, { timeout: 2000 }); // Give slight buffer for network mock
+    expect(screen.getByText('Email')).toBeInTheDocument();
+    expect(screen.getByText('Status')).toBeInTheDocument();
+  });
+
+  it('loads record data in edit mode', async () => {
+    render(
+      <ObjectForm
+        schema={{
+          type: 'object-form',
+          objectName: 'contact',
+          mode: 'edit',
+          recordId: '1'
+        }}
+        dataSource={dataSource}
+      />
+    );
+
+    // Initial load of schema logic + data fetch
+    await waitFor(() => {
+      // Changed from 'Full Name' to 'Name'
+      expect(screen.getByRole('textbox', { name: /Name/i })).toHaveValue('Alice Johnson');
+    }, { timeout: 2000 }); // Give slight buffer for network mock
+
+    // Changed from 'Email Address' to 'Email'
+    expect(screen.getByRole('textbox', { name: /Email/i })).toHaveValue('alice@example.com');
+  });
+});

package/src/ObjectForm.test.tsx

@@ -0,0 +1,61 @@
+import { describe, it, expect, vi } from 'vitest';
+import { render, screen, waitFor } from '@testing-library/react';
+import { ObjectForm } from './ObjectForm';
+import { registerAllFields } from '@object-ui/fields';
+import React from 'react';
+
+// Ensure fields are registered
+registerAllFields();
+
+describe('ObjectForm Integration', () => {
+    const objectSchema = {
+        name: 'test_object',
+        fields: {
+            name: {
+                type: 'text',
+                label: 'Name'
+            },
+            price: {
+                type: 'currency',
+                label: 'Price',
+                scale: 2
+            }
+        }
+    };
+
+    const mockDataSource: any = {
+        getObjectSchema: vi.fn().mockResolvedValue(objectSchema),
+        createRecord: vi.fn(),
+        updateRecord: vi.fn(),
+        getRecord: vi.fn(),
+        query: vi.fn()
+    };
+
+    it('renders fields using specialized components', async () => {
+        render(
+            <ObjectForm 
+                schema={{
+                    type: 'object-form',
+                    objectName: 'test_object',
+                    mode: 'create'
+                }}
+                dataSource={mockDataSource}
+            />
+        );
+
+        // Wait for schema to load (useEffect)
+        await waitFor(() => {
+            expect(mockDataSource.getObjectSchema).toHaveBeenCalledWith('test_object');
+        });
+
+        // Check if labels are present
+        await waitFor(() => {
+            expect(screen.queryByText('Name')).toBeTruthy();
+        });
+        expect(screen.getByText('Price')).toBeTruthy();
+        
+        // Assert input exists
+        // Since we don't have getByLabelText working reliably without full accessibility tree in happy-dom sometimes,
+        // we can try looking for inputs.
+    });
+});

package/src/ObjectForm.tsx

@@ -58,6 +58,7 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
   schema,
   dataSource,
 }) => {
+
   const [objectSchema, setObjectSchema] = useState<any>(null);
   const [formFields, setFormFields] = useState<FormField[]>([]);
   const [initialData, setInitialData] = useState<any>(null);
@@ -107,6 +108,7 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
     const fetchInitialData = async () => {
       if (!schema.recordId || schema.mode === 'create') {
         setInitialData(schema.initialData || schema.initialValues || {});
+        setLoading(false);
         return;
       }
 
@@ -154,23 +156,33 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
     // Determine which fields to include
     const fieldsToShow = schema.fields || Object.keys(objectSchema.fields || {});
     
-    fieldsToShow.forEach((fieldName) => {
-      const field = objectSchema.fields?.[fieldName];
-      if (!field) return;
+    // Support object format for fields in schema (legacy/compat)
+    const fieldNames = Array.isArray(fieldsToShow) 
+        ? fieldsToShow 
+        : Object.keys(fieldsToShow);
+
+    fieldNames.forEach((fieldName) => {
+      // If fieldsToShow is an array of strings, fieldName is the string
+      // If fieldsToShow is array of objects (unlikely but possible in some formats), we need to extract name
+      const name = typeof fieldName === 'string' ? fieldName : (fieldName as any).name;
+      if (!name) return;
+
+      const field = objectSchema.fields?.[name];
+      if (!field && !hasInlineFields) return; // Skip if not found in object definition unless inline
 
       // Check field-level permissions for create/edit modes
-      const hasWritePermission = !field.permissions || field.permissions.write !== false;
+      const hasWritePermission = !field?.permissions || field?.permissions.write !== false;
       if (schema.mode !== 'view' && !hasWritePermission) return; // Skip fields without write permission
 
       // Check if there's a custom field configuration
-      const customField = schema.customFields?.find(f => f.name === fieldName);
+      const customField = schema.customFields?.find(f => f.name === name);
       
       if (customField) {
         generatedFields.push(customField);
-      } else {
+      } else if (field) {
         // Auto-generate field from schema
         const formField: FormField = {
-          name: fieldName,
+          name: name,
           label: field.label || fieldName,
           type: mapFieldTypeToFormType(field.type),
           required: field.required || false,
@@ -178,6 +190,8 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
           placeholder: field.placeholder,
           description: field.help || field.description,
           validation: buildValidationRules(field),
+          // Important: Pass the original field metadata so widgets can access properties like precision, currency, etc.
+          field: field, 
         };
 
         // Add field-specific properties
@@ -187,17 +201,27 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
         }
 
         if (field.type === 'number' || field.type === 'currency' || field.type === 'percent') {
+          formField.inputType = 'number';
           formField.min = field.min;
           formField.max = field.max;
           formField.step = field.precision ? Math.pow(10, -field.precision) : undefined;
         }
 
+        if (field.type === 'date') {
+          formField.inputType = 'date';
+        }
+
+        if (field.type === 'datetime') {
+          formField.inputType = 'datetime-local';
+        }
+
         if (field.type === 'text' || field.type === 'textarea' || field.type === 'markdown' || field.type === 'html') {
           formField.maxLength = field.max_length;
           formField.minLength = field.min_length;
         }
 
         if (field.type === 'file' || field.type === 'image') {
+          formField.inputType = 'file';
           formField.multiple = field.multiple;
           formField.accept = field.accept ? field.accept.join(',') : undefined;
           // Add validation hints for file size and dimensions
@@ -250,7 +274,19 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
   }, [objectSchema, schema.fields, schema.customFields, schema.readOnly, schema.mode, hasInlineFields]);
 
   // Handle form submission
-  const handleSubmit = useCallback(async (formData: any) => {
+  const handleSubmit = useCallback(async (formData: any, e?: any) => {
+    // If we receive an event as the first argument, it means the Form renderer passed the event instead of data
+    // This happens when react-hook-form's handleSubmit is bypassed or configured incorrectly
+    if (formData && (formData.nativeEvent || formData._reactName === 'onSubmit')) {
+      console.warn('ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue.');
+      // Proceed defensively - we can't do much if we don't have data, but let's try to not crash
+      // If we are here, formData is actually the event
+      if (e === undefined) {
+         e = formData;
+         formData = {}; // Reset to empty object or we try to submit the Event object
+      }
+    }
+
     // For inline fields without a dataSource, just call the success callback
     if (hasInlineFields && !dataSource) {
       if (schema.onSuccess) {
@@ -299,6 +335,24 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
     }
   }, [schema]);
 
+  // Calculate default values from schema fields
+  const schemaDefaultValues = React.useMemo(() => {
+    if (!objectSchema?.fields) return {};
+    const defaults: Record<string, any> = {};
+    Object.keys(objectSchema.fields).forEach(key => {
+        const field = objectSchema.fields[key];
+        if (field.defaultValue !== undefined) {
+            defaults[key] = field.defaultValue;
+        }
+    });
+    return defaults;
+  }, [objectSchema]);
+
+  const finalDefaultValues = {
+     ...schemaDefaultValues,
+     ...initialData
+  };
+
   // Render error state
   if (error) {
     return (
@@ -334,7 +388,7 @@ export const ObjectForm: React.FC<ObjectFormProps> = ({
     showSubmit: schema.showSubmit !== false && schema.mode !== 'view',
     showCancel: schema.showCancel !== false,
     resetOnSubmit: schema.showReset,
-    defaultValues: initialData,
+    defaultValues: finalDefaultValues,
     onSubmit: handleSubmit,
     onCancel: handleCancel,
     className: schema.className,

package/src/index.tsx

@@ -18,5 +18,8 @@ const ObjectFormRenderer: React.FC<{ schema: any }> = ({ schema }) => {
   return <ObjectForm schema={schema} />;
 };
 
-ComponentRegistry.register('object-form', ObjectFormRenderer);
-ComponentRegistry.register('form', ObjectFormRenderer); // Alias
+ComponentRegistry.register('object-form', ObjectFormRenderer, {
+  namespace: 'plugin-form'
+});
+// Note: 'form' type is handled by @object-ui/components Form component
+// This plugin only handles 'object-form' which integrates with ObjectQL/ObjectStack

package/vite.config.ts

@@ -11,6 +11,18 @@ export default defineConfig({
       include: ['src'],
     }),
   ],
+  resolve: {
+    alias: {
+      '@object-ui/core': resolve(__dirname, '../core/src'),
+      '@object-ui/types': resolve(__dirname, '../types/src'),
+      '@object-ui/data-objectstack': resolve(__dirname, '../data-objectstack/src'),
+      '@object-ui/react': resolve(__dirname, '../react/src'),
+      '@object-ui/components': resolve(__dirname, '../components/src'),
+      '@object-ui/fields': resolve(__dirname, '../fields/src'),
+      '@object-ui/plugin-dashboard': resolve(__dirname, '../plugin-dashboard/src'),
+      '@object-ui/plugin-grid': resolve(__dirname, '../plugin-grid/src'),
+    }
+  },
   build: {
     lib: {
       entry: resolve(__dirname, 'src/index.tsx'),
@@ -36,4 +48,10 @@ export default defineConfig({
       },
     },
   },
+  test: {
+    globals: true,
+    environment: 'happy-dom',
+    setupFiles: ['../../vitest.setup.tsx'],
+    passWithNoTests: true,
+  },
 });