@object-ui/plugin-grid 0.3.1 → 0.5.0

package/dist/index.js

@@ -1,425 +1,1148 @@
-import le, { useState as z, useEffect as J, useCallback as Z } from "react";
-import { ComponentRegistry as oe } from "@object-ui/core";
-import { SchemaRenderer as se } from "@object-ui/react";
-import { getCellRenderer as ue } from "@object-ui/fields";
-import { DropdownMenu as ce, DropdownMenuTrigger as fe, Button as de, DropdownMenuContent as pe, DropdownMenuItem as Q } from "@object-ui/components";
-import { MoreVertical as be, Edit as ge, Trash2 as ve } from "lucide-react";
-var I = { exports: {} }, h = {};
-var ee;
-function me() {
-  if (ee) return h;
-  ee = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), g = /* @__PURE__ */ Symbol.for("react.fragment");
-  function j(_, p, b) {
-    var y = null;
-    if (b !== void 0 && (y = "" + b), p.key !== void 0 && (y = "" + p.key), "key" in p) {
-      b = {};
-      for (var T in p)
-        T !== "key" && (b[T] = p[T]);
-    } else b = p;
-    return p = b.ref, {
-      $$typeof: r,
-      type: _,
-      key: y,
-      ref: p !== void 0 ? p : null,
-      props: b
+import * as H from "react";
+import de, { useState as B, useEffect as Q, useCallback as ee, useRef as pe } from "react";
+import { ComponentRegistry as fe } from "@object-ui/core";
+import { useDataScope as be, SchemaRenderer as ve, useSchemaContext as Ee } from "@object-ui/react";
+import { getCellRenderer as ye } from "@object-ui/fields";
+import { DropdownMenu as xe, DropdownMenuTrigger as Se, Button as we, DropdownMenuContent as Oe, DropdownMenuItem as te } from "@object-ui/components";
+import { MoreVertical as _e, Edit as je, Trash2 as Ce } from "lucide-react";
+import { flushSync as Re } from "react-dom";
+var G = { exports: {} }, W = {};
+var ne;
+function Ae() {
+  if (ne) return W;
+  ne = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), a = /* @__PURE__ */ Symbol.for("react.fragment");
+  function e(s, n, i) {
+    var o = null;
+    if (i !== void 0 && (o = "" + i), n.key !== void 0 && (o = "" + n.key), "key" in n) {
+      i = {};
+      for (var l in n)
+        l !== "key" && (i[l] = n[l]);
+    } else i = n;
+    return n = i.ref, {
+      $$typeof: t,
+      type: s,
+      key: o,
+      ref: n !== void 0 ? n : null,
+      props: i
     };
   }
-  return h.Fragment = g, h.jsx = j, h.jsxs = j, h;
+  return W.Fragment = a, W.jsx = e, W.jsxs = e, W;
 }
-var C = {};
-var re;
-function Ee() {
-  return re || (re = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === v ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case w:
+var L = {};
+var se;
+function Te() {
+  return se || (se = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === J ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
+        case _:
           return "Fragment";
-        case R:
+        case p:
           return "Profiler";
-        case $:
+        case T:
           return "StrictMode";
-        case U:
+        case V:
           return "Suspense";
-        case W:
+        case z:
           return "SuspenseList";
-        case c:
+        case P:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case M:
+        ), r.$$typeof) {
+          case g:
             return "Portal";
-          case L:
-            return e.displayName || "Context";
-          case D:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case O:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case q:
-            return t = e.displayName || null, t !== null ? t : r(e.type) || "Memo";
+          case M:
+            return r.displayName || "Context";
+          case j:
+            return (r._context.displayName || "Context") + ".Consumer";
           case N:
-            t = e._payload, e = e._init;
+            var u = r.render;
+            return r = r.displayName, r || (r = u.displayName || u.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case Y:
+            return u = r.displayName || null, u !== null ? u : t(r.type) || "Memo";
+          case F:
+            u = r._payload, r = r._init;
             try {
-              return r(e(t));
+              return t(r(u));
             } catch {
             }
         }
       return null;
     }
-    function g(e) {
-      return "" + e;
+    function a(r) {
+      return "" + r;
     }
-    function j(e) {
+    function e(r) {
       try {
-        g(e);
-        var t = !1;
+        a(r);
+        var u = !1;
       } catch {
-        t = !0;
+        u = !0;
       }
-      if (t) {
-        t = console;
-        var o = t.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return o.call(
-          t,
+      if (u) {
+        u = console;
+        var x = u.error, w = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return x.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          a
-        ), g(e);
+          w
+        ), a(r);
       }
     }
-    function _(e) {
-      if (e === w) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === N)
+    function s(r) {
+      if (r === _) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === F)
         return "<...>";
       try {
-        var t = r(e);
-        return t ? "<" + t + ">" : "<...>";
+        var u = t(r);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function p() {
-      var e = f.A;
-      return e === null ? null : e.getOwner();
+    function n() {
+      var r = $.A;
+      return r === null ? null : r.getOwner();
     }
-    function b() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function y(e) {
-      if (n.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
+    function o(r) {
+      if (U.call(r, "key")) {
+        var u = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return r.key !== void 0;
     }
-    function T(e, t) {
-      function o() {
-        F || (F = !0, console.error(
+    function l(r, u) {
+      function x() {
+        A || (A = !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)",
-          t
+          u
         ));
       }
-      o.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: o,
+      x.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: x,
         configurable: !0
       });
     }
-    function S() {
-      var e = r(this.type);
-      return X[e] || (X[e] = !0, console.error(
+    function f() {
+      var r = t(this.type);
+      return R[r] || (R[r] = !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;
+      )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function P(e, t, o, a, Y, V) {
-      var i = o.ref;
-      return e = {
-        $$typeof: d,
-        type: e,
-        key: t,
-        props: o,
-        _owner: a
-      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(e, "ref", {
+    function b(r, u, x, w, q, X) {
+      var O = x.ref;
+      return r = {
+        $$typeof: C,
+        type: r,
+        key: u,
+        props: x,
+        _owner: w
+      }, (O !== void 0 ? O : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: S
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: f
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(r, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(r, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
-      }), Object.defineProperty(e, "_debugTask", {
+        value: q
+      }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: V
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: X
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function A(e, t, o, a, Y, V) {
-      var i = t.children;
-      if (i !== void 0)
-        if (a)
-          if (u(i)) {
-            for (a = 0; a < i.length; a++)
-              m(i[a]);
-            Object.freeze && Object.freeze(i);
+    function d(r, u, x, w, q, X) {
+      var O = u.children;
+      if (O !== void 0)
+        if (w)
+          if (K(O)) {
+            for (w = 0; w < O.length; w++)
+              S(O[w]);
+            Object.freeze && Object.freeze(O);
           } 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 m(i);
-      if (n.call(t, "key")) {
-        i = r(e);
-        var x = Object.keys(t).filter(function(ie) {
-          return ie !== "key";
+        else S(O);
+      if (U.call(u, "key")) {
+        O = t(r);
+        var I = Object.keys(u).filter(function(ge) {
+          return ge !== "key";
         });
-        a = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", H[i + a] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", k[O + w] || (I = 0 < I.length ? "{" + I.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} />`,
-          a,
-          i,
-          x,
-          i
-        ), H[i + a] = !0);
+          w,
+          O,
+          I,
+          O
+        ), k[O + w] = !0);
       }
-      if (i = null, o !== void 0 && (j(o), i = "" + o), y(t) && (j(t.key), i = "" + t.key), "key" in t) {
-        o = {};
-        for (var G in t)
-          G !== "key" && (o[G] = t[G]);
-      } else o = t;
-      return i && T(
-        o,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), P(
-        e,
-        i,
-        o,
-        p(),
-        Y,
-        V
+      if (O = null, x !== void 0 && (e(x), O = "" + x), o(u) && (e(u.key), O = "" + u.key), "key" in u) {
+        x = {};
+        for (var Z in u)
+          Z !== "key" && (x[Z] = u[Z]);
+      } else x = u;
+      return O && l(
+        x,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), b(
+        r,
+        O,
+        x,
+        n(),
+        q,
+        X
       );
     }
-    function m(e) {
-      k(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === N && (e._payload.status === "fulfilled" ? k(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function S(r) {
+      c(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === F && (r._payload.status === "fulfilled" ? c(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
     }
-    function k(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === d;
+    function c(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === C;
     }
-    var s = le, d = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), w = /* @__PURE__ */ Symbol.for("react.fragment"), $ = /* @__PURE__ */ Symbol.for("react.strict_mode"), R = /* @__PURE__ */ Symbol.for("react.profiler"), D = /* @__PURE__ */ Symbol.for("react.consumer"), L = /* @__PURE__ */ Symbol.for("react.context"), O = /* @__PURE__ */ Symbol.for("react.forward_ref"), U = /* @__PURE__ */ Symbol.for("react.suspense"), W = /* @__PURE__ */ Symbol.for("react.suspense_list"), q = /* @__PURE__ */ Symbol.for("react.memo"), N = /* @__PURE__ */ Symbol.for("react.lazy"), c = /* @__PURE__ */ Symbol.for("react.activity"), v = /* @__PURE__ */ Symbol.for("react.client.reference"), f = s.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, n = Object.prototype.hasOwnProperty, u = Array.isArray, E = console.createTask ? console.createTask : function() {
+    var m = de, C = /* @__PURE__ */ Symbol.for("react.transitional.element"), g = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), T = /* @__PURE__ */ Symbol.for("react.strict_mode"), p = /* @__PURE__ */ Symbol.for("react.profiler"), j = /* @__PURE__ */ Symbol.for("react.consumer"), M = /* @__PURE__ */ Symbol.for("react.context"), N = /* @__PURE__ */ Symbol.for("react.forward_ref"), V = /* @__PURE__ */ Symbol.for("react.suspense"), z = /* @__PURE__ */ Symbol.for("react.suspense_list"), Y = /* @__PURE__ */ Symbol.for("react.memo"), F = /* @__PURE__ */ Symbol.for("react.lazy"), P = /* @__PURE__ */ Symbol.for("react.activity"), J = /* @__PURE__ */ Symbol.for("react.client.reference"), $ = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, K = Array.isArray, y = console.createTask ? console.createTask : function() {
       return null;
     };
-    s = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    m = {
+      react_stack_bottom_frame: function(r) {
+        return r();
       }
     };
-    var F, X = {}, B = s.react_stack_bottom_frame.bind(
-      s,
-      b
-    )(), K = E(_(b)), H = {};
-    C.Fragment = w, C.jsx = function(e, t, o) {
-      var a = 1e4 > f.recentlyCreatedOwnerStacks++;
-      return A(
-        e,
-        t,
-        o,
+    var A, R = {}, E = m.react_stack_bottom_frame.bind(
+      m,
+      i
+    )(), h = y(s(i)), k = {};
+    L.Fragment = _, L.jsx = function(r, u, x) {
+      var w = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return d(
+        r,
+        u,
+        x,
         !1,
-        a ? Error("react-stack-top-frame") : B,
-        a ? E(_(e)) : K
+        w ? Error("react-stack-top-frame") : E,
+        w ? y(s(r)) : h
       );
-    }, C.jsxs = function(e, t, o) {
-      var a = 1e4 > f.recentlyCreatedOwnerStacks++;
-      return A(
-        e,
-        t,
-        o,
+    }, L.jsxs = function(r, u, x) {
+      var w = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return d(
+        r,
+        u,
+        x,
         !0,
-        a ? Error("react-stack-top-frame") : B,
-        a ? E(_(e)) : K
+        w ? Error("react-stack-top-frame") : E,
+        w ? y(s(r)) : h
       );
     };
-  })()), C;
+  })()), L;
 }
-var te;
-function je() {
-  return te || (te = 1, process.env.NODE_ENV === "production" ? I.exports = me() : I.exports = Ee()), I.exports;
+var re;
+function Me() {
+  return re || (re = 1, process.env.NODE_ENV === "production" ? G.exports = Ae() : G.exports = Te()), G.exports;
 }
-var l = je();
-function _e(r) {
-  return r.data ? r.data : r.staticData ? {
+var v = Me();
+function ze(t) {
+  return t.data ? Array.isArray(t.data) ? {
+    provider: "value",
+    items: t.data
+  } : t.data : t.staticData ? {
     provider: "value",
-    items: r.staticData
-  } : r.objectName ? {
+    items: t.staticData
+  } : t.objectName ? {
     provider: "object",
-    object: r.objectName
+    object: t.objectName
   } : null;
 }
-function ne(r) {
-  if (!(!r || r.length === 0))
-    return typeof r[0] == "object" && r[0] !== null, r;
+function ie(t) {
+  if (!(!t || t.length === 0))
+    return typeof t[0] == "object" && t[0] !== null, t;
 }
-const ye = ({
-  schema: r,
-  dataSource: g,
-  onEdit: j,
-  onDelete: _,
-  onRowSelect: p
+const ke = ({
+  schema: t,
+  dataSource: a,
+  onEdit: e,
+  onDelete: s,
+  onRowSelect: n,
+  onRowClick: i,
+  ...o
 }) => {
-  const [b, y] = z([]), [T, S] = z(!0), [P, A] = z(null), [m, k] = z(null), s = _e(r), d = s?.provider === "value";
-  J(() => {
-    d && s?.provider === "value" && (y(s.items), S(!1));
-  }, [d, s]), J(() => {
-    const c = async () => {
+  const [l, f] = B([]), [b, d] = B(!0), [S, c] = B(null), [m, C] = B(null), g = o.data, _ = be(t.bind), T = ze(t), p = de.useMemo(() => g && Array.isArray(g) ? {
+    provider: "value",
+    items: g
+  } : _ && Array.isArray(_) ? {
+    provider: "value",
+    items: _
+  } : T, [JSON.stringify(T), _, g]), j = p?.provider === "value";
+  Q(() => {
+    j && p?.provider === "value" && (f((y) => {
+      const A = p.items;
+      return JSON.stringify(y) !== JSON.stringify(A) ? A : y;
+    }), d(!1));
+  }, [j, p]), Q(() => {
+    const y = async () => {
       try {
-        if (!g)
+        if (!a)
           throw new Error("DataSource required");
-        const f = s?.provider === "object" ? s.object : r.objectName;
-        if (!f)
+        const R = p?.provider === "object" && "object" in p ? p.object : t.objectName;
+        if (!R)
           throw new Error("Object name required for object provider");
-        const n = await g.getObjectSchema(f);
-        k(n);
-      } catch (f) {
-        A(f);
+        const E = await a.getObjectSchema(R);
+        C(E);
+      } catch (R) {
+        c(R);
       }
-    }, v = ne(r.columns) || r.fields;
-    d && v ? k({ name: r.objectName, fields: {} }) : r.objectName && !d && g && c();
-  }, [r.objectName, r.columns, r.fields, g, d, s]);
-  const M = Z(() => {
-    const c = ne(r.columns);
-    if (c)
-      return c.length > 0 && typeof c[0] == "object" && c[0] !== null ? c.filter((n) => n?.field && typeof n.field == "string").map((n) => ({
-        header: n.label || n.field.charAt(0).toUpperCase() + n.field.slice(1).replace(/_/g, " "),
-        accessorKey: n.field,
-        ...n.width && { width: n.width },
-        ...n.align && { align: n.align },
-        sortable: n.sortable !== !1
-      })) : c.filter((n) => typeof n == "string" && n.trim().length > 0).map((n) => ({
-        header: n.charAt(0).toUpperCase() + n.slice(1).replace(/_/g, " "),
-        accessorKey: n
+    }, A = ie(t.columns) || t.fields;
+    j && A ? C({ name: t.objectName, fields: {} }) : t.objectName && !j && a && y();
+  }, [t.objectName, t.columns, t.fields, a, j, p]);
+  const M = ee(() => {
+    const y = ie(t.columns);
+    if (y) {
+      if (y.length > 0 && typeof y[0] == "object" && y[0] !== null) {
+        const E = y[0];
+        if ("accessorKey" in E)
+          return y;
+        if ("field" in E)
+          return y.filter((h) => h?.field && typeof h.field == "string").map((h) => ({
+            header: h.label || h.field.charAt(0).toUpperCase() + h.field.slice(1).replace(/_/g, " "),
+            accessorKey: h.field,
+            ...h.width && { width: h.width },
+            ...h.align && { align: h.align },
+            sortable: h.sortable !== !1
+          }));
+      }
+      return y.filter((E) => typeof E == "string" && E.trim().length > 0).map((E) => ({
+        header: m?.fields?.[E]?.label || E.charAt(0).toUpperCase() + E.slice(1).replace(/_/g, " "),
+        accessorKey: E
       }));
-    if (d) {
-      const n = s?.provider === "value" ? s.items : [];
-      if (n.length > 0)
-        return (r.fields || Object.keys(n[0])).map((E) => ({
-          header: E.charAt(0).toUpperCase() + E.slice(1).replace(/_/g, " "),
-          accessorKey: E
+    }
+    if (j) {
+      const E = p?.provider === "value" ? p.items : [];
+      if (E.length > 0)
+        return (t.fields || Object.keys(E[0])).map((k) => ({
+          header: k.charAt(0).toUpperCase() + k.slice(1).replace(/_/g, " "),
+          accessorKey: k
         }));
     }
     if (!m) return [];
-    const v = [];
-    return (r.fields || Object.keys(m.fields || {})).forEach((n) => {
-      const u = m.fields?.[n];
-      if (!u || u.permissions && u.permissions.read === !1) return;
-      const E = ue(u.type);
-      v.push({
-        header: u.label || n,
-        accessorKey: n,
-        cell: (F) => /* @__PURE__ */ l.jsx(E, { value: F, field: u }),
-        sortable: u.sortable !== !1
+    const A = [];
+    return (t.fields || Object.keys(m.fields || {})).forEach((E) => {
+      const h = m.fields?.[E];
+      if (!h || h.permissions && h.permissions.read === !1) return;
+      const k = ye(h.type);
+      A.push({
+        header: h.label || E,
+        accessorKey: E,
+        cell: (r) => /* @__PURE__ */ v.jsx(k, { value: r, field: h }),
+        sortable: h.sortable !== !1
       });
-    }), v;
-  }, [m, r.fields, r.columns, s, d]), w = Z(async () => {
-    if (!(d || !g)) {
-      S(!0);
+    }), A;
+  }, [m, t.fields, t.columns, p, j]), N = ee(async () => {
+    if (!(j || !a)) {
+      d(!0);
       try {
-        const c = s?.provider === "object" ? s.object : r.objectName;
-        if (!c)
+        const y = p?.provider === "object" && "object" in p ? p.object : t.objectName;
+        if (!y)
           throw new Error("Object name required for data fetching");
-        const f = {
+        const R = {
           $select: (() => {
-            if (r.fields) return r.fields;
-            if (r.columns && Array.isArray(r.columns))
-              return r.columns.map((u) => typeof u == "string" ? u : u.field);
+            if (t.fields) return t.fields;
+            if (t.columns && Array.isArray(t.columns))
+              return t.columns.map((h) => typeof h == "string" ? h : h.field);
           })(),
-          $top: r.pagination?.pageSize || r.pageSize || 50
+          $top: t.pagination?.pageSize || t.pageSize || 50
         };
-        r.filter && Array.isArray(r.filter) ? f.$filter = r.filter : "defaultFilters" in r && r.defaultFilters && (f.$filter = r.defaultFilters), r.sort ? typeof r.sort == "string" ? f.$orderby = r.sort : Array.isArray(r.sort) && (f.$orderby = r.sort.map((u) => `${u.field} ${u.order}`).join(", ")) : "defaultSort" in r && r.defaultSort && (f.$orderby = `${r.defaultSort.field} ${r.defaultSort.order}`);
-        const n = await g.find(c, f);
-        y(n.data || []);
-      } catch (c) {
-        A(c);
+        t.filter && Array.isArray(t.filter) ? R.$filter = t.filter : "defaultFilters" in t && t.defaultFilters && (R.$filter = t.defaultFilters), t.sort ? typeof t.sort == "string" ? R.$orderby = t.sort : Array.isArray(t.sort) && (R.$orderby = t.sort.map((h) => `${h.field} ${h.order}`).join(", ")) : "defaultSort" in t && t.defaultSort && (R.$orderby = `${t.defaultSort.field} ${t.defaultSort.order}`);
+        const E = await a.find(y, R);
+        f(E.data || []);
+      } catch (y) {
+        c(y);
       } finally {
-        S(!1);
+        d(!1);
       }
     }
-  }, [r, g, d, s]);
-  if (J(() => {
-    (m || d) && w();
-  }, [m, d, w]), P)
-    return /* @__PURE__ */ l.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded-md", children: [
-      /* @__PURE__ */ l.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading grid" }),
-      /* @__PURE__ */ l.jsx("p", { className: "text-red-600 text-sm mt-1", children: P.message })
+  }, [t, a, j, p]);
+  if (Q(() => {
+    (m || j) && N();
+  }, [m, j, N]), S)
+    return /* @__PURE__ */ v.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded-md", children: [
+      /* @__PURE__ */ v.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading grid" }),
+      /* @__PURE__ */ v.jsx("p", { className: "text-red-600 text-sm mt-1", children: S.message })
     ] });
-  if (T && b.length === 0)
-    return /* @__PURE__ */ l.jsxs("div", { className: "p-8 text-center", children: [
-      /* @__PURE__ */ l.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
-      /* @__PURE__ */ l.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading grid..." })
+  if (b && l.length === 0)
+    return /* @__PURE__ */ v.jsxs("div", { className: "p-8 text-center", children: [
+      /* @__PURE__ */ v.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
+      /* @__PURE__ */ v.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading grid..." })
     ] });
-  const $ = M(), R = "operations" in r ? r.operations : void 0, D = R && (R.update || R.delete), L = D ? [
-    ...$,
+  const V = M(), z = "operations" in t ? t.operations : void 0, Y = z && (z.update || z.delete), F = Y ? [
+    ...V,
     {
       header: "Actions",
       accessorKey: "_actions",
-      cell: (c, v) => /* @__PURE__ */ l.jsxs(ce, { children: [
-        /* @__PURE__ */ l.jsx(fe, { asChild: !0, children: /* @__PURE__ */ l.jsxs(de, { variant: "ghost", size: "icon", className: "h-8 w-8", children: [
-          /* @__PURE__ */ l.jsx(be, { className: "h-4 w-4" }),
-          /* @__PURE__ */ l.jsx("span", { className: "sr-only", children: "Open menu" })
+      cell: (y, A) => /* @__PURE__ */ v.jsxs(xe, { children: [
+        /* @__PURE__ */ v.jsx(Se, { asChild: !0, children: /* @__PURE__ */ v.jsxs(we, { variant: "ghost", size: "icon", className: "h-8 w-8", children: [
+          /* @__PURE__ */ v.jsx(_e, { className: "h-4 w-4" }),
+          /* @__PURE__ */ v.jsx("span", { className: "sr-only", children: "Open menu" })
         ] }) }),
-        /* @__PURE__ */ l.jsxs(pe, { align: "end", children: [
-          R?.update && j && /* @__PURE__ */ l.jsxs(Q, { onClick: () => j(v), children: [
-            /* @__PURE__ */ l.jsx(ge, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ v.jsxs(Oe, { align: "end", children: [
+          z?.update && e && /* @__PURE__ */ v.jsxs(te, { onClick: () => e(A), children: [
+            /* @__PURE__ */ v.jsx(je, { className: "mr-2 h-4 w-4" }),
             "Edit"
           ] }),
-          R?.delete && _ && /* @__PURE__ */ l.jsxs(Q, { variant: "destructive", onClick: () => _(v), children: [
-            /* @__PURE__ */ l.jsx(ve, { className: "mr-2 h-4 w-4" }),
+          z?.delete && s && /* @__PURE__ */ v.jsxs(te, { onClick: () => s(A), children: [
+            /* @__PURE__ */ v.jsx(Ce, { className: "mr-2 h-4 w-4" }),
             "Delete"
           ] })
         ] })
       ] }),
       sortable: !1
     }
-  ] : $;
-  let O = !1;
-  r.selection?.type ? O = r.selection.type === "none" ? !1 : r.selection.type : r.selectable !== void 0 && (O = r.selectable);
-  const U = r.pagination !== void 0 ? !0 : r.showPagination !== void 0 ? r.showPagination : !0, W = r.pagination?.pageSize || r.pageSize || 10, q = r.searchableFields !== void 0 ? r.searchableFields.length > 0 : r.showSearch !== void 0 ? r.showSearch : !0, N = {
+  ] : V;
+  let P = !1;
+  t.selection?.type ? P = t.selection.type === "none" ? !1 : t.selection.type : t.selectable !== void 0 && (P = t.selectable);
+  const J = t.pagination !== void 0 ? !0 : t.showPagination !== void 0 ? t.showPagination : !0, $ = t.pagination?.pageSize || t.pageSize || 10, U = t.searchableFields !== void 0 ? t.searchableFields.length > 0 : t.showSearch !== void 0 ? t.showSearch : !0, K = {
     type: "data-table",
-    caption: r.label || r.title,
-    columns: L,
-    data: b,
-    pagination: U,
-    pageSize: W,
-    searchable: q,
-    selectable: O,
+    caption: t.label || t.title,
+    columns: F,
+    data: l,
+    pagination: J,
+    pageSize: $,
+    searchable: U,
+    selectable: P,
     sortable: !0,
-    exportable: R?.export,
-    rowActions: D,
-    resizableColumns: r.resizable ?? r.resizableColumns ?? !0,
-    className: r.className,
-    onSelectionChange: p
+    exportable: z?.export,
+    rowActions: Y,
+    resizableColumns: t.resizable ?? t.resizableColumns ?? !0,
+    reorderableColumns: t.reorderableColumns ?? !1,
+    className: t.className,
+    onSelectionChange: n,
+    onRowClick: i
+  };
+  return /* @__PURE__ */ v.jsx(ve, { schema: K });
+};
+function D(t, a, e) {
+  let s = e.initialDeps ?? [], n, i = !0;
+  function o() {
+    var l, f, b;
+    let d;
+    e.key && ((l = e.debug) != null && l.call(e)) && (d = Date.now());
+    const S = t();
+    if (!(S.length !== s.length || S.some((C, g) => s[g] !== C)))
+      return n;
+    s = S;
+    let m;
+    if (e.key && ((f = e.debug) != null && f.call(e)) && (m = Date.now()), n = a(...S), e.key && ((b = e.debug) != null && b.call(e))) {
+      const C = Math.round((Date.now() - d) * 100) / 100, g = Math.round((Date.now() - m) * 100) / 100, _ = g / 16, T = (p, j) => {
+        for (p = String(p); p.length < j; )
+          p = " " + p;
+        return p;
+      };
+      console.info(
+        `%c⏱ ${T(g, 5)} /${T(C, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * _, 120)
+        )}deg 100% 31%);`,
+        e?.key
+      );
+    }
+    return e?.onChange && !(i && e.skipInitialOnChange) && e.onChange(n), i = !1, n;
+  }
+  return o.updateDeps = (l) => {
+    s = l;
+  }, o;
+}
+function oe(t, a) {
+  if (t === void 0)
+    throw new Error("Unexpected undefined");
+  return t;
+}
+const Ne = (t, a) => Math.abs(t - a) < 1.01, Ie = (t, a, e) => {
+  let s;
+  return function(...n) {
+    t.clearTimeout(s), s = t.setTimeout(() => a.apply(this, n), e);
+  };
+}, le = (t) => {
+  const { offsetWidth: a, offsetHeight: e } = t;
+  return { width: a, height: e };
+}, De = (t) => t, Fe = (t) => {
+  const a = Math.max(t.startIndex - t.overscan, 0), e = Math.min(t.endIndex + t.overscan, t.count - 1), s = [];
+  for (let n = a; n <= e; n++)
+    s.push(n);
+  return s;
+}, Pe = (t, a) => {
+  const e = t.scrollElement;
+  if (!e)
+    return;
+  const s = t.targetWindow;
+  if (!s)
+    return;
+  const n = (o) => {
+    const { width: l, height: f } = o;
+    a({ width: Math.round(l), height: Math.round(f) });
+  };
+  if (n(le(e)), !s.ResizeObserver)
+    return () => {
+    };
+  const i = new s.ResizeObserver((o) => {
+    const l = () => {
+      const f = o[0];
+      if (f?.borderBoxSize) {
+        const b = f.borderBoxSize[0];
+        if (b) {
+          n({ width: b.inlineSize, height: b.blockSize });
+          return;
+        }
+      }
+      n(le(e));
+    };
+    t.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
+  });
+  return i.observe(e, { box: "border-box" }), () => {
+    i.unobserve(e);
+  };
+}, ae = {
+  passive: !0
+}, ce = typeof window > "u" ? !0 : "onscrollend" in window, $e = (t, a) => {
+  const e = t.scrollElement;
+  if (!e)
+    return;
+  const s = t.targetWindow;
+  if (!s)
+    return;
+  let n = 0;
+  const i = t.options.useScrollendEvent && ce ? () => {
+  } : Ie(
+    s,
+    () => {
+      a(n, !1);
+    },
+    t.options.isScrollingResetDelay
+  ), o = (d) => () => {
+    const { horizontal: S, isRtl: c } = t.options;
+    n = S ? e.scrollLeft * (c && -1 || 1) : e.scrollTop, i(), a(n, d);
+  }, l = o(!0), f = o(!1);
+  e.addEventListener("scroll", l, ae);
+  const b = t.options.useScrollendEvent && ce;
+  return b && e.addEventListener("scrollend", f, ae), () => {
+    e.removeEventListener("scroll", l), b && e.removeEventListener("scrollend", f);
   };
-  return /* @__PURE__ */ l.jsx(se, { schema: N });
-}, ae = ({ schema: r }) => /* @__PURE__ */ l.jsx(ye, { schema: r, dataSource: null });
-oe.register("object-grid", ae);
-oe.register("grid", ae);
+}, We = (t, a, e) => {
+  if (a?.borderBoxSize) {
+    const s = a.borderBoxSize[0];
+    if (s)
+      return Math.round(
+        s[e.options.horizontal ? "inlineSize" : "blockSize"]
+      );
+  }
+  return t[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, Le = (t, {
+  adjustments: a = 0,
+  behavior: e
+}, s) => {
+  var n, i;
+  const o = t + a;
+  (i = (n = s.scrollElement) == null ? void 0 : n.scrollTo) == null || i.call(n, {
+    [s.options.horizontal ? "left" : "top"]: o,
+    behavior: e
+  });
+};
+class Ve {
+  constructor(a) {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.currentScrollToIndex = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
+      let e = null;
+      const s = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((n) => {
+        n.forEach((i) => {
+          const o = () => {
+            this._measureElement(i.target, i);
+          };
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
+        });
+      }));
+      return {
+        disconnect: () => {
+          var n;
+          (n = s()) == null || n.disconnect(), e = null;
+        },
+        observe: (n) => {
+          var i;
+          return (i = s()) == null ? void 0 : i.observe(n, { box: "border-box" });
+        },
+        unobserve: (n) => {
+          var i;
+          return (i = s()) == null ? void 0 : i.unobserve(n);
+        }
+      };
+    })(), this.range = null, this.setOptions = (e) => {
+      Object.entries(e).forEach(([s, n]) => {
+        typeof n > "u" && delete e[s];
+      }), this.options = {
+        debug: !1,
+        initialOffset: 0,
+        overscan: 1,
+        paddingStart: 0,
+        paddingEnd: 0,
+        scrollPaddingStart: 0,
+        scrollPaddingEnd: 0,
+        horizontal: !1,
+        getItemKey: De,
+        rangeExtractor: Fe,
+        onChange: () => {
+        },
+        measureElement: We,
+        initialRect: { width: 0, height: 0 },
+        scrollMargin: 0,
+        gap: 0,
+        indexAttribute: "data-index",
+        initialMeasurementsCache: [],
+        lanes: 1,
+        isScrollingResetDelay: 150,
+        enabled: !0,
+        isRtl: !1,
+        useScrollendEvent: !1,
+        useAnimationFrameWithResizeObserver: !1,
+        ...e
+      };
+    }, this.notify = (e) => {
+      var s, n;
+      (n = (s = this.options).onChange) == null || n.call(s, this, e);
+    }, this.maybeNotify = D(
+      () => (this.calculateRange(), [
+        this.isScrolling,
+        this.range ? this.range.startIndex : null,
+        this.range ? this.range.endIndex : null
+      ]),
+      (e) => {
+        this.notify(e);
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "maybeNotify",
+        debug: () => this.options.debug,
+        initialDeps: [
+          this.isScrolling,
+          this.range ? this.range.startIndex : null,
+          this.range ? this.range.endIndex : null
+        ]
+      }
+    ), this.cleanup = () => {
+      this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.scrollElement = null, this.targetWindow = null;
+    }, this._didMount = () => () => {
+      this.cleanup();
+    }, this._willUpdate = () => {
+      var e;
+      const s = this.options.enabled ? this.options.getScrollElement() : null;
+      if (this.scrollElement !== s) {
+        if (this.cleanup(), !s) {
+          this.maybeNotify();
+          return;
+        }
+        this.scrollElement = s, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((e = this.scrollElement) == null ? void 0 : e.window) ?? null, this.elementsCache.forEach((n) => {
+          this.observer.observe(n);
+        }), this.unsubs.push(
+          this.options.observeElementRect(this, (n) => {
+            this.scrollRect = n, this.maybeNotify();
+          })
+        ), this.unsubs.push(
+          this.options.observeElementOffset(this, (n, i) => {
+            this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < n ? "forward" : "backward" : null, this.scrollOffset = n, this.isScrolling = i, this.maybeNotify();
+          })
+        ), this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        });
+      }
+    }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e, s) => {
+      const n = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+      for (let o = s - 1; o >= 0; o--) {
+        const l = e[o];
+        if (n.has(l.lane))
+          continue;
+        const f = i.get(
+          l.lane
+        );
+        if (f == null || l.end > f.end ? i.set(l.lane, l) : l.end < f.end && n.set(l.lane, !0), n.size === this.options.lanes)
+          break;
+      }
+      return i.size === this.options.lanes ? Array.from(i.values()).sort((o, l) => o.end === l.end ? o.index - l.index : o.end - l.end)[0] : void 0;
+    }, this.getMeasurementOptions = D(
+      () => [
+        this.options.count,
+        this.options.paddingStart,
+        this.options.scrollMargin,
+        this.options.getItemKey,
+        this.options.enabled,
+        this.options.lanes
+      ],
+      (e, s, n, i, o, l) => (this.prevLanes !== void 0 && this.prevLanes !== l && (this.lanesChangedFlag = !0), this.prevLanes = l, this.pendingMeasuredCacheIndexes = [], {
+        count: e,
+        paddingStart: s,
+        scrollMargin: n,
+        getItemKey: i,
+        enabled: o,
+        lanes: l
+      }),
+      {
+        key: !1
+      }
+    ), this.getMeasurements = D(
+      () => [this.getMeasurementOptions(), this.itemSizeCache],
+      ({ count: e, paddingStart: s, scrollMargin: n, getItemKey: i, enabled: o, lanes: l }, f) => {
+        if (!o)
+          return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
+        if (this.laneAssignments.size > e)
+          for (const c of this.laneAssignments.keys())
+            c >= e && this.laneAssignments.delete(c);
+        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((c) => {
+          this.itemSizeCache.set(c.key, c.size);
+        }));
+        const b = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
+        const d = this.measurementsCache.slice(0, b), S = new Array(l).fill(
+          void 0
+        );
+        for (let c = 0; c < b; c++) {
+          const m = d[c];
+          m && (S[m.lane] = c);
+        }
+        for (let c = b; c < e; c++) {
+          const m = i(c), C = this.laneAssignments.get(c);
+          let g, _;
+          if (C !== void 0 && this.options.lanes > 1) {
+            g = C;
+            const M = S[g], N = M !== void 0 ? d[M] : void 0;
+            _ = N ? N.end + this.options.gap : s + n;
+          } else {
+            const M = this.options.lanes === 1 ? d[c - 1] : this.getFurthestMeasurement(d, c);
+            _ = M ? M.end + this.options.gap : s + n, g = M ? M.lane : c % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(c, g);
+          }
+          const T = f.get(m), p = typeof T == "number" ? T : this.options.estimateSize(c), j = _ + p;
+          d[c] = {
+            index: c,
+            start: _,
+            size: p,
+            end: j,
+            key: m,
+            lane: g
+          }, S[g] = c;
+        }
+        return this.measurementsCache = d, d;
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "getMeasurements",
+        debug: () => this.options.debug
+      }
+    ), this.calculateRange = D(
+      () => [
+        this.getMeasurements(),
+        this.getSize(),
+        this.getScrollOffset(),
+        this.options.lanes
+      ],
+      (e, s, n, i) => this.range = e.length > 0 && s > 0 ? Ye({
+        measurements: e,
+        outerSize: s,
+        scrollOffset: n,
+        lanes: i
+      }) : null,
+      {
+        key: process.env.NODE_ENV !== "production" && "calculateRange",
+        debug: () => this.options.debug
+      }
+    ), this.getVirtualIndexes = D(
+      () => {
+        let e = null, s = null;
+        const n = this.calculateRange();
+        return n && (e = n.startIndex, s = n.endIndex), this.maybeNotify.updateDeps([this.isScrolling, e, s]), [
+          this.options.rangeExtractor,
+          this.options.overscan,
+          this.options.count,
+          e,
+          s
+        ];
+      },
+      (e, s, n, i, o) => i === null || o === null ? [] : e({
+        startIndex: i,
+        endIndex: o,
+        overscan: s,
+        count: n
+      }),
+      {
+        key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
+        debug: () => this.options.debug
+      }
+    ), this.indexFromElement = (e) => {
+      const s = this.options.indexAttribute, n = e.getAttribute(s);
+      return n ? parseInt(n, 10) : (console.warn(
+        `Missing attribute name '${s}={index}' on measured element.`
+      ), -1);
+    }, this._measureElement = (e, s) => {
+      const n = this.indexFromElement(e), i = this.measurementsCache[n];
+      if (!i)
+        return;
+      const o = i.key, l = this.elementsCache.get(o);
+      l !== e && (l && this.observer.unobserve(l), this.observer.observe(e), this.elementsCache.set(o, e)), e.isConnected && this.resizeItem(n, this.options.measureElement(e, s, this));
+    }, this.resizeItem = (e, s) => {
+      const n = this.measurementsCache[e];
+      if (!n)
+        return;
+      const i = this.itemSizeCache.get(n.key) ?? n.size, o = s - i;
+      o !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(n, o, this) : n.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", o), this._scrollToOffset(this.getScrollOffset(), {
+        adjustments: this.scrollAdjustments += o,
+        behavior: void 0
+      })), this.pendingMeasuredCacheIndexes.push(n.index), this.itemSizeCache = new Map(this.itemSizeCache.set(n.key, s)), this.notify(!1));
+    }, this.measureElement = (e) => {
+      if (!e) {
+        this.elementsCache.forEach((s, n) => {
+          s.isConnected || (this.observer.unobserve(s), this.elementsCache.delete(n));
+        });
+        return;
+      }
+      this._measureElement(e, void 0);
+    }, this.getVirtualItems = D(
+      () => [this.getVirtualIndexes(), this.getMeasurements()],
+      (e, s) => {
+        const n = [];
+        for (let i = 0, o = e.length; i < o; i++) {
+          const l = e[i], f = s[l];
+          n.push(f);
+        }
+        return n;
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "getVirtualItems",
+        debug: () => this.options.debug
+      }
+    ), this.getVirtualItemForOffset = (e) => {
+      const s = this.getMeasurements();
+      if (s.length !== 0)
+        return oe(
+          s[he(
+            0,
+            s.length - 1,
+            (n) => oe(s[n]).start,
+            e
+          )]
+        );
+    }, this.getMaxScrollOffset = () => {
+      if (!this.scrollElement) return 0;
+      if ("scrollHeight" in this.scrollElement)
+        return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
+      {
+        const e = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? e.scrollWidth - this.scrollElement.innerWidth : e.scrollHeight - this.scrollElement.innerHeight;
+      }
+    }, this.getOffsetForAlignment = (e, s, n = 0) => {
+      if (!this.scrollElement) return 0;
+      const i = this.getSize(), o = this.getScrollOffset();
+      s === "auto" && (s = e >= o + i ? "end" : "start"), s === "center" ? e += (n - i) / 2 : s === "end" && (e -= i);
+      const l = this.getMaxScrollOffset();
+      return Math.max(Math.min(l, e), 0);
+    }, this.getOffsetForIndex = (e, s = "auto") => {
+      e = Math.max(0, Math.min(e, this.options.count - 1));
+      const n = this.measurementsCache[e];
+      if (!n)
+        return;
+      const i = this.getSize(), o = this.getScrollOffset();
+      if (s === "auto")
+        if (n.end >= o + i - this.options.scrollPaddingEnd)
+          s = "end";
+        else if (n.start <= o + this.options.scrollPaddingStart)
+          s = "start";
+        else
+          return [o, s];
+      if (s === "end" && e === this.options.count - 1)
+        return [this.getMaxScrollOffset(), s];
+      const l = s === "end" ? n.end + this.options.scrollPaddingEnd : n.start - this.options.scrollPaddingStart;
+      return [
+        this.getOffsetForAlignment(l, s, n.size),
+        s
+      ];
+    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.scrollToOffset = (e, { align: s = "start", behavior: n } = {}) => {
+      n === "smooth" && this.isDynamicMode() && console.warn(
+        "The `smooth` scroll behavior is not fully supported with dynamic size."
+      ), this._scrollToOffset(this.getOffsetForAlignment(e, s), {
+        adjustments: void 0,
+        behavior: n
+      });
+    }, this.scrollToIndex = (e, { align: s = "auto", behavior: n } = {}) => {
+      n === "smooth" && this.isDynamicMode() && console.warn(
+        "The `smooth` scroll behavior is not fully supported with dynamic size."
+      ), e = Math.max(0, Math.min(e, this.options.count - 1)), this.currentScrollToIndex = e;
+      let i = 0;
+      const o = 10, l = (b) => {
+        if (!this.targetWindow) return;
+        const d = this.getOffsetForIndex(e, b);
+        if (!d) {
+          console.warn("Failed to get offset for index:", e);
+          return;
+        }
+        const [S, c] = d;
+        this._scrollToOffset(S, { adjustments: void 0, behavior: n }), this.targetWindow.requestAnimationFrame(() => {
+          const m = () => {
+            if (this.currentScrollToIndex !== e) return;
+            const C = this.getScrollOffset(), g = this.getOffsetForIndex(e, c);
+            if (!g) {
+              console.warn("Failed to get offset for index:", e);
+              return;
+            }
+            Ne(g[0], C) || f(c);
+          };
+          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(m) : m();
+        });
+      }, f = (b) => {
+        this.targetWindow && this.currentScrollToIndex === e && (i++, i < o ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", i, o), this.targetWindow.requestAnimationFrame(() => l(b))) : console.warn(
+          `Failed to scroll to index ${e} after ${o} attempts.`
+        ));
+      };
+      l(s);
+    }, this.scrollBy = (e, { behavior: s } = {}) => {
+      s === "smooth" && this.isDynamicMode() && console.warn(
+        "The `smooth` scroll behavior is not fully supported with dynamic size."
+      ), this._scrollToOffset(this.getScrollOffset() + e, {
+        adjustments: void 0,
+        behavior: s
+      });
+    }, this.getTotalSize = () => {
+      var e;
+      const s = this.getMeasurements();
+      let n;
+      if (s.length === 0)
+        n = this.options.paddingStart;
+      else if (this.options.lanes === 1)
+        n = ((e = s[s.length - 1]) == null ? void 0 : e.end) ?? 0;
+      else {
+        const i = Array(this.options.lanes).fill(null);
+        let o = s.length - 1;
+        for (; o >= 0 && i.some((l) => l === null); ) {
+          const l = s[o];
+          i[l.lane] === null && (i[l.lane] = l.end), o--;
+        }
+        n = Math.max(...i.filter((l) => l !== null));
+      }
+      return Math.max(
+        n - this.options.scrollMargin + this.options.paddingEnd,
+        0
+      );
+    }, this._scrollToOffset = (e, {
+      adjustments: s,
+      behavior: n
+    }) => {
+      this.options.scrollToFn(e, { behavior: n, adjustments: s }, this);
+    }, this.measure = () => {
+      this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.notify(!1);
+    }, this.setOptions(a);
+  }
+}
+const he = (t, a, e, s) => {
+  for (; t <= a; ) {
+    const n = (t + a) / 2 | 0, i = e(n);
+    if (i < s)
+      t = n + 1;
+    else if (i > s)
+      a = n - 1;
+    else
+      return n;
+  }
+  return t > 0 ? t - 1 : 0;
+};
+function Ye({
+  measurements: t,
+  outerSize: a,
+  scrollOffset: e,
+  lanes: s
+}) {
+  const n = t.length - 1, i = (f) => t[f].start;
+  if (t.length <= s)
+    return {
+      startIndex: 0,
+      endIndex: n
+    };
+  let o = he(
+    0,
+    n,
+    i,
+    e
+  ), l = o;
+  if (s === 1)
+    for (; l < n && t[l].end < e + a; )
+      l++;
+  else if (s > 1) {
+    const f = Array(s).fill(0);
+    for (; l < n && f.some((d) => d < e + a); ) {
+      const d = t[l];
+      f[d.lane] = d.end, l++;
+    }
+    const b = Array(s).fill(e + a);
+    for (; o >= 0 && b.some((d) => d >= e); ) {
+      const d = t[o];
+      b[d.lane] = d.start, o--;
+    }
+    o = Math.max(0, o - o % s), l = Math.min(n, l + (s - 1 - l % s));
+  }
+  return { startIndex: o, endIndex: l };
+}
+const ue = typeof document < "u" ? H.useLayoutEffect : H.useEffect;
+function Ue({
+  useFlushSync: t = !0,
+  ...a
+}) {
+  const e = H.useReducer(() => ({}), {})[1], s = {
+    ...a,
+    onChange: (i, o) => {
+      var l;
+      t && o ? Re(e) : e(), (l = a.onChange) == null || l.call(a, i, o);
+    }
+  }, [n] = H.useState(
+    () => new Ve(s)
+  );
+  return n.setOptions(s), ue(() => n._didMount(), []), ue(() => n._willUpdate()), n;
+}
+function qe(t) {
+  return Ue({
+    observeElementRect: Pe,
+    observeElementOffset: $e,
+    scrollToFn: Le,
+    ...t
+  });
+}
+const Qe = ({
+  data: t,
+  columns: a,
+  rowHeight: e = 40,
+  height: s = 600,
+  className: n = "",
+  headerClassName: i = "",
+  rowClassName: o,
+  onRowClick: l,
+  overscan: f = 5
+}) => {
+  const b = pe(null), d = qe({
+    count: t.length,
+    getScrollElement: () => b.current,
+    estimateSize: () => e,
+    overscan: f
+  }), S = d.getVirtualItems();
+  return /* @__PURE__ */ v.jsxs("div", { className: n, children: [
+    /* @__PURE__ */ v.jsx(
+      "div",
+      {
+        className: `grid border-b sticky top-0 bg-background z-10 ${i}`,
+        style: {
+          gridTemplateColumns: a.map((c) => c.width || "1fr").join(" ")
+        },
+        children: a.map((c, m) => /* @__PURE__ */ v.jsx(
+          "div",
+          {
+            className: `px-4 py-2 font-semibold text-sm ${c.align === "center" ? "text-center" : c.align === "right" ? "text-right" : "text-left"}`,
+            children: c.header
+          },
+          m
+        ))
+      }
+    ),
+    /* @__PURE__ */ v.jsx(
+      "div",
+      {
+        ref: b,
+        className: "overflow-auto",
+        style: {
+          height: typeof s == "number" ? `${s}px` : s,
+          contain: "strict"
+        },
+        children: /* @__PURE__ */ v.jsx(
+          "div",
+          {
+            style: {
+              height: `${d.getTotalSize()}px`,
+              width: "100%",
+              position: "relative"
+            },
+            children: S.map((c) => {
+              const m = t[c.index], C = typeof o == "function" ? o(m, c.index) : o || "";
+              return /* @__PURE__ */ v.jsx(
+                "div",
+                {
+                  className: `grid border-b hover:bg-muted/50 cursor-pointer ${C}`,
+                  style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    width: "100%",
+                    height: `${c.size}px`,
+                    transform: `translateY(${c.start}px)`,
+                    gridTemplateColumns: a.map((g) => g.width || "1fr").join(" ")
+                  },
+                  onClick: () => l?.(m, c.index),
+                  children: a.map((g, _) => {
+                    const T = m[g.accessorKey], p = g.cell ? g.cell(T, m) : T;
+                    return /* @__PURE__ */ v.jsx(
+                      "div",
+                      {
+                        className: `px-4 py-2 text-sm flex items-center ${g.align === "center" ? "text-center justify-center" : g.align === "right" ? "text-right justify-end" : "text-left justify-start"}`,
+                        children: p
+                      },
+                      _
+                    );
+                  })
+                },
+                c.key
+              );
+            })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ v.jsxs("div", { className: "px-4 py-2 text-xs text-muted-foreground border-t", children: [
+      "Showing ",
+      S.length,
+      " of ",
+      t.length,
+      " rows (virtual scrolling enabled)"
+    ] })
+  ] });
+}, me = ({ schema: t, ...a }) => {
+  const { dataSource: e } = Ee() || {};
+  return /* @__PURE__ */ v.jsx(ke, { schema: t, dataSource: e, ...a });
+};
+fe.register("object-grid", me, {
+  namespace: "plugin-grid",
+  label: "Object Grid",
+  category: "plugin"
+});
+fe.register("grid", me, {
+  namespace: "view",
+  label: "Data Grid",
+  category: "view"
+});
 export {
-  ye as ObjectGrid
+  ke as ObjectGrid,
+  me as ObjectGridRenderer,
+  Qe as VirtualGrid
 };